/* main header */
.main-header {
  border-top: 10px solid #fc0;
  background-color: #072a4a;
  overflow: hidden;
}
.main-header .container {
  position: relative;
  overflow: hidden;
  background: #072a4a;
  background: linear-gradient(to right, #072a4a 0%, #1e4870 50%, #072a4a 100%);
}
.offcanvas .main-header {
  background-image: url("widgets/footer_logo2.gif");
  background-repeat: no-repeat;
  background-position: 50% 95%;
}
.icon-menu {
	display: block;
	fill: #ccc;
	width: 30px;
	height: 30px;
}

.main-header h1 {
  /* float: left; */
  margin: 0;
  padding: 50px 0 20px;
  background: url("widgets/sfondo_h1.png") no-repeat 0 50%;
  font-size: 36px;
  line-height: 40px;
  white-space: nowrap;
  max-width: 100%;
}
.main-header h1 a {
  color: #fd0;
  text-shadow: 1px 1px 2px #000;
  filter: dropshadow(color=#3f6ecc, offx=1, offy=1);
}
.main-header nav {
  /*padding:50px 0 20px;*/
  float: right;
}
.main-header h5 {
  color: #ccc;
}
.user-panel {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 12px;
}
.user-panel a {
  margin: 0 15px;
  color: #fc0;
}

.main-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  display: flex;
  gap: 1rem;
}
.main-menu.menu--vertical {
  flex-direction: column;
}


.main-menu li {
  color: #999;
}
.main-menu a {
  display: block;
  padding: 9px 15px 11px;
  color: #ccc;
  white-space: nowrap;
}
.main-menu a:hover,
.main-menu a.active {
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.4) inset,
    -1px -1px 0 0 rgba(255, 255, 255, 0.15) inset;
  color: #fff;
}
.main-menu a.active {
  color: #fc0;
}
.main-menu i {
  display: none;
}
.mobile_menu {
  display: none;
  margin: 50px 0 10px;
  min-width: 350px;
}

.page-header {
  margin: 0 0 50px;
  padding: 50px 0 70px;
  background: #1d6bbb url("widgets/cielo.png") repeat-x 0 100%;
}
.page-header h1 {
  margin: 0 0 20px;
}
.page-header h1 span {
  padding: 0px 15px;
  background: #06a;
  color: #fff;
  text-transform: uppercase;
}
.page-header .bread-crumb {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  line-height: 40px;
}
.page-header .bread-crumb a {
  color: #fc0;
}
.page-header .bread-crumb a:hover {
  color: #c90;
}
.page-header .form-horizontal {
  margin: 0;
}
.carousel-caption > h1 {
  max-width: 30vw;
  text-align: center;
  margin: 0 auto;
  text-wrap: balance;
}
.carousel-caption h1 > span {
  display: inline;
  padding: 0 0.25em;
  font-size: 3vw;
  line-height: 1.4;
  box-decoration-break: clone;
}
.carousel-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}