body {
     font-family: 'Titillium Web', sans-serif; 
}
 :root{
    --custom1:#515151;
    --custom2:#072531;
}

.dropdown{
    cursor: pointer;
} 
.dropdown a{
   color: #222222 !important; 
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #FFFFFF !important;
}
.dropdown-menu {
    width: auto !important;
    left:0 !important;
}

.color1:hover {
    background-color: #ab8361;
}
.color2:hover {
    background-color: #4e151e;
}
.color3:hover {
    background-color: #8f1629;
}
.color4:hover {
    background-color: #396736;
}
.color5:hover {
    background-color: #377fa9;
}
 #header-content {
     background-color: white;
     -webkit-box-shadow: 0px 3px 43px -14px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 3px 43px -14px rgba(0,0,0,0.75);
     box-shadow: 0px 3px 43px -14px rgba(0,0,0,0.75);
     height: 150px;
     position: relative;
     z-index: 10;
}
 .subheader {
     width: 100%;
     height: 44px;
     background-color: #072531;
     -webkit-box-shadow: inset 0px -15px 43px -31px rgba(0,0,0,0.75);
     -moz-box-shadow: inset 0px -15px 43px -31px rgba(0,0,0,0.75);
     box-shadow: inset 0px -15px 43px -31px rgba(0,0,0,0.75);
}
 .subinfo { 
     background-repeat: no-repeat;
     background-position: 17px 22px;
     height: 44px;
     float: left; 
}
 .subinfo ul {
     float: left;
     margin: 4px 0px 0px 0px;
     padding: 0;
}
 .subinfo li {
     color: white;
     font-family: 'Titillium Web', sans-serif;
     display: inline-block;
     letter-spacing: 0.01rem;
     font-size: .8rem;
     margin-right: 25px;
     margin-top:0.6em;
}
 .mainlogo { 
     width: 205px;
     height: 155px;
     float: left;
     position: absolute;
     top: 0;
}
 .mainlogo img {
     margin-top: 10px;
}
 .mainmenu { 
     margin-top: 13px;
     width: 100%;
}
 .mainmenu li {
     font-size: 1.6rem; 
     padding-left:1em;
}
 .mainmenu li a {
     font-size: 1rem;
}
 .espe-holder {
     width: 100%;
     position: relative;
 }
 .especialidas-box {
     height: 150px;
     width: 100%;
     border-top: 4px #15c7f4 solid;
     position: absolute;
     margin-top: 0px;  
}
 .esp-box {
     float: left;
     width: 25%;
     height: 100%;
     text-align: center;
     padding: 1.2rem 2rem 1rem 2rem;
     color: #515151;
}
 .esp-box span{
     padding: 0.5em;
     font-size: 0.8em;
     line-height: 1.2em;
     display: inline-block;
 }
.color-neutro {
     background-color: #f7f7f7;
}
 .color1 {
     background-color: #c99c74;
}
 .color2 {
     background-color: #6C0516;
}
 .color3 {
     background-color: #C1001F;
}
 .color4 {
     background-color: #70AA6D;
}
 .color5 {
     background-color: #65B7E6;
}
 .tmargin80 {
     margin-top: 80px;
}
 .tmargin150 {
     margin-top: 165px;
}
 .tmargin30 {
     margin-top: 30px;
}
.tmargin15 {
     margin-top: 15px;
     font-size: .9em
}
 .subtitle {
     width: 100%;
     font-size: 1.4rem;
     color: var(--custom1);
     padding: 0.5rem 0rem 0.5rem 0rem;
     margin-bottom: 30px;
}
 .subtitle::after {
     content: ' ';
     position: absolute;
     display: block;
     width: 65px;
     margin: 7px 0%;
     border: 3px solid var(--custom1);
}
 .artitle {
     width: 100%;
     font-size: 2rem;
     color: var(--custom1);
     padding: 0.5rem 0rem 0.5rem 0rem;
     margin-bottom: 30px;
}
 .artitle::after {
     content: ' ';
     position: absolute;
     display: block;
     width: 65px;
     margin: 7px 0%;
     border: 3px solid var(--custom1);
}
.articleformat {
     font-family: Akrobat-Regular;
     font-size: 1.2rem;
     color: #4D4D4D;
}
.articleformat img {
     width: 100%;
     height: auto;
}
 .servs-box {
     width: 100%;
     height: 32.7%;
     margin-bottom: 4px;
     padding-left:35%;
     background-color: var(--custom1);
     background-repeat: no-repeat;
     display: block;
}
 .servs-box a {
     display: block;
     padding-top: 20%;
     padding-bottom: 20%;
     font-size: 1.4rem;
     width: 100%;
     height: 100%;
     color: white;
     text-decoration: none;
}
 .serv-equipm {
     background-image: url("../img/services_sprite.png");
     background-position: 5px 5px;
}
 .serv-consultas {
     background-image: url("../img/services_sprite.png");
     background-position: -5px -119px;
}
 .serv-delcuore {
     background-image: url("../img/services_sprite.png");
     background-position: 2px -245px;
}
 .newsbox {
     width: 100%;
     position: relative;
}
 .caption {
     position: absolute;
     text-align: center;
     padding: 2rem 1rem 1rem 1rem;
     background-color: rgba(0, 48, 94, 0.4);
     background: rgba(0, 48, 94, 0.4);
     color: rgba(0, 48, 94, 0.4);
     width: 100%;
     bottom: 0px;
}
 .caption h3 {
     font-size: 1.2rem;
     color: white;
}
.player-caption {
     background-image: url("../img/playicon.png");
     position: absolute;
     width: 100px;
     height: 111px;
     bottom: 30%;
     left: 43%;
}
.busca {
     padding: 2em;
     background-image: url("../img/pixel.png");
}

.titulo {
     background-image: url("../img/titulo.png");
     background-position: center;
     min-height: 100px;
}
.titulo h3{
     text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
     font-size: 1.5em;
     margin-top: 1.4em;
     color: #072531;
}
 .titulo h3::after {
     content: ' ';
     position: absolute;
     display: block;
     width: 65px;
     margin: 2px 0%;
     border: 2px solid var(--custom1);
}

.titulo h5{
     text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
     font-size: 1.5em;
     margin-top: 1.4em;
     color: #072531;
}
 .titulo h5::after {
     content: ' ';
     position: absolute;
     display: block;
     width: 65px;
     margin: 2px 0%;
     border: 2px solid var(--custom1);
}

 .midstrip {
     background-image: url("../img/busca.jpg");
     background-position: center;
     min-height: 300px;
}
.midstrip h3{
     text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
     font-size: 2em;
     margin-top: 2em;
}
 .socialicons { 
     float: right;
     width: 186px;
     height: 42px;
}
 .subtitle-social {
     color: white;
     font-size: 1.5rem;
     display: block;
     margin-top: 10px;
}
.substripe {
     background-color: white;
     -webkit-box-shadow: 3px 2px 24px -1px rgba(0,0,0,0.23);
     -moz-box-shadow: 3px 2px 24px -1px rgba(0,0,0,0.23);
     box-shadow: 3px 2px 24px -1px rgba(0,0,0,0.23);
}
.breadmap {
     margin-top: 16px;
     font-family: Akrobat-Regular;
     font-size: 1.2rem;
     font-weight: 100;
}
.eachbox {
     margin-bottom: 20px;
}
.modal-title, .modal-footer {
     font-family: Akrobat-Regular;
}
 #footer-container {
     width: 100%;
     height: auto;
     background-color: #D0D0D0;
     padding-bottom: 10px; 
}
 #footer-container h3 {
     color: var(--custom1);
     font-size: 1.4rem;
}
 #footer-container ul {
     float: left;
     margin-left: -39px;
}
 #footer-container ul li {
     list-style: none;
}
 #footer-container ul li a {
     color: #999999;
     font-family: 'Titillium Web', sans-serif;
}
 .footerlogo {
     width: 221px;
     height: 88px;
     float: right;
     margin-top: 35px;
}
 .footerinfo {
     margin-top: 10px;
     display: block;
     float: right;
     text-align: right;
     color: #585858;
     font-family: Akrobat-Regular;
     font-size: 1.2rem;
     font-weight: 100;
}


@media (max-width: 992px) {
    
    .mainmenu {
        margin-top: 0 !important;
    }
    #header-content {
        height: 165px!important;
    }
     .card-title {
          font-size: .6em !important;
     }
     .mb-3, .my-3 {
          margin: 0 !important;
     }
     .nopadding {
          padding:  3px !important;
     }
     .subheader {
          min-height: 75px !important;
     }
     .subinfo ul {
          text-align: center;
     }
      .mainmenu li {
          font-size: 1.6rem;
          margin-left: 1%;
     }
     .navbar-brand {
          width: 75%;
     }
     .navbar-brand img{
          width: 70%;
     } 
     .mainmenu {
          position: relative;
          width: 100%;
          float: left;
     }
     .navbar {
          width: 100%;
     }
     .navbar-collapse {
          background-color: #ececec;  
          padding: 1rem;
          border-color: rgba(0,0,0,.1);
     }
     .dropdown-menu {
          background-color: #ececec;
          border: none;
     }


     .especialidas-box {
          padding: 0px;
          width: 100%;
          position: static;
     }
     .esp-box {
          width: 100%;
     }
     .row {
          width: 100%;
          margin: 10px 0px 0px 0px;
     }
     .newsbox {
          margin-bottom: 10px;
     } 
     .subtitle-social {
          text-align: center;
     }
     .socialicons {
          float: none;
          height: 42px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 16px;
     }
     .dropdown-menu {
          width: auto;
     } 
     .player-caption { 
          background-size: 80%;
          background-repeat: no-repeat;
          bottom: 13%;
          left: 40%;
     }
     .especialidas-box {
     margin-top: 0px;

     }
     .nopadding {
     padding: 0px;
     }

}
.whatsapp-plug-icon{position: fixed; z-index: 1000; bottom: 20px; left: 20px; width: 50px; height: 50px; -webkit-border-radius: 50%; cursor: pointer; background-color: #0ba360; transition: .3s; background-position: center; background-repeat: no-repeat; background-image: url('../whatsplug.svg'); background-size: 50% auto;}
.whatsapp-plug-icon:hover{background-color: #15cc74;}
.whatsapp-plug-icon::after,
.whatsapp-plug-icon::before{content: ''; position: absolute; opacity: 0; border: 4px solid #0ba360; left: -10px; top: -10px; right: -10px; bottom: -10px; -webkit-border-radius: 50%; animation: WaveWhatsApp 1.5s ease infinite;}
.whatsapp-plug-icon::after{animation-delay: .5s;}
.whatsapp-plug-icon:hover::after{border: 4px solid #15cc74;}
.whatsapp-plug-icon:hover::before{border: 4px solid #15cc74;}
@keyframes WaveWhatsApp {0%{ transform: scale(0.5); } 50%{ opacity: 1; } 100%{ transform: scale(1.2); opacity: 0; }}


@media (min-width: 575px) and (max-width: 769px) {
     .caption {
          position: static;
     }

}

 
.subinfo ul li a{
     color: #FFFFFF !important;
}
.subinfo ul li a:hover{
     color: #cccccc !important;
}

.row-striped:nth-of-type(odd){
  background-color: #efefef; 
}

.row-striped:nth-of-type(even){
  background-color: #ffffff; 
}

.row-striped {
    padding: 15px 0;
}


.row-striped2:nth-of-type(odd){
  background-color: #efefef; 
}

.row-striped2:nth-of-type(even){
  background-color: #ffffff; 
}

.row-striped2 {
    padding: 5px 0;
}

.user-name {
     margin-top: 0.5em;
}

.space-name {
     padding-left: 1em !important;
}

.espacamento {
    left:100% !important;
}