body {
     font-family: 'Titillium Web', sans-serif ;
     background-color: #F6F6F6;
}
 :root{
    --custom1:#03417e;
    --custom2:#852225;
}

.dropdown{
    cursor: pointer;
} 
.dropdown a{
   color: #333 !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 { 
     position: relative;
     z-index: 10;
}
 .subheader {
     width: 100%;
     height: 44px;
     background-color: #1c246c; 
}
 .subinfo { 
     background-repeat: no-repeat;
     background-position: 17px 22px;
     height: 44px;
     float: left; 
}
 .subinfo ul {
     float: left;
     margin: 4px 0px 0px 0px;
}
 .subinfo li {
     color: white;
     font-family: 'Titillium Web', sans-serif;
     display: inline-block;
     letter-spacing: 0.01rem;
     font-size: 0.9rem;
     margin-right: 25px;
     margin-top:0.4em;
}
 .mainlogo {  
     padding-top: 45px;
     text-align:center;
     float: left;
     position: absolute;
     top: 0;
}
 .mainlogo img {
     margin-top: 20px;
}
 .mainmenu {
     float: right; 
     width: 75%;
}
 .mainmenu li {
     font-size: 1.6rem;
     margin-left: 6px;
}
 .mainmenu li a {
     font-size: 1rem;
}
 .espe-holder {
     width: 100%;
     position: relative;
 }
 .especialidas-box {
     height: 55px;
     width: 100%;
     position: absolute;
     margin-top: -32px;
     padding-left: 60px;
}
 .esp-box {
     float: left;
     width: 197px;
     text-align: center;
     padding: 1.2rem 2rem 1rem 2rem;
     color: white;
}
 .color1 {
     background-color: #c99c74;
}
 .color2 {
     background-color: #6C0516;
}
 .color3 {
     background-color: #C1001F;
}
 .color4 {
     background-color: #70AA6D;
}
 .color5 {
     background-color: #65B7E6;
}
 .tmargin80 {
     margin-top: 80px;
}
 .tmargin30 {
     margin-top: 30px;
}
 .subtitle {
     width: 100%;
     font-size: 1.4rem;
     color: var(--custom1);
     padding: 0.5rem 0rem 0.5rem 0rem; 
}
 
 .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: 'Titillium Web', sans-serif ;
     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(28, 36, 108, 0.7);
     background: rgba(28, 36, 108, 0.7);
     color: rgba(28, 36, 108, 0.7);
     width: 100%;
     height: 100%;
     bottom: 0px;
}
 .caption h3 {
     padding-top: 80px;
     font-size: 1.2rem;
     color: white; 
}

 .caption2 {
     position: absolute;
     text-align: center;
     padding: 2rem 1rem 1rem 1rem;
     background-color: rgba(28, 36, 108, 0.7);
     background: rgba(28, 36, 108, 0.7);
     color: rgba(28, 36, 108, 0.7);
     width: 60%;
     height: 100%;
     bottom: 0px;
}
 .caption2 h3 {
     padding-top: 80px;
     font-size: 1.2rem;
     color: white; 
}


.player-caption {
     background-image: url("../img/playicon.png");
     position: absolute;
     width: 100px;
     height: 111px;
     bottom: 30%;
     left: 43%;
}
 .midstrip {
     background-color: #5698b2;
}
 .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: 'Titillium Web', sans-serif ;
     font-size: 1.2rem;
     font-weight: 100;
}
.eachbox {
     margin-bottom: 20px;
}
.modal-title, .modal-footer {
     font-family: 'Titillium Web', sans-serif ;
}

@media (max-width: 992px) {
 .altura { 
     margin-bottom:2em;
 }   
}


@media (min-width: 992px) {
 .altura {
     min-height:500px;
     margin-bottom:2em;
 }   
}
@media (max-width: 992px) {
    .fundo-custom {
        background-size:auto 100% ;
    }
    .ligamos {
        padding-top: 3em;
        padding-bottom: 3em;
    }
    .ligamos h2{
        color:#FFF;
        font-size:2em;
        font-weight: bold;
    }
    .ligamos h5{
        color:#FFF;
        font-size:2em;
    }
}

@media (min-width: 992px) {
    .ligamos {
        padding-top: 10em;
    }
    .ligamos h2{
        color:#FFF;
        font-size:4em;
        font-weight: bold;
    }
    .ligamos h5{
        color:#FFF;
        font-size:2em;
    }
}

.form-area-2 {
    
}

.form-area-2 input {
    border:3px solid #FFF !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.form-area-2 .form-control {
    border:3px solid #FFF !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    color:#FFF !important;
}

.form-area-2 .form-control::placeholder {
  color: #FFF;
  opacity: 1; /* Firefox */
}

 #footer-container {
     width: 100%;
     height: auto;
     background-color: #5b5b5b;
     padding-bottom: 10px; 
     color:#FFF !important;
}
 #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: 'Titillium Web', sans-serif ;
     font-size: 1.2rem;
     font-weight: 100;
}

@media (max-width: 992px) {
    .spc-rod{
         padding:3em 0 !important;
    }
    .roda {
        
    }
    .roda h3{
        font-size:1.5em;
    }
    .roda h1{
        font-size:3em;
    }
}

@media (min-width: 992px) {
    .spc-rod{
         padding:6em 0 !important;
    }
    .roda {
        
    }
    .roda h3{
        font-size:2em;
    }
    .roda h1{
        font-size:3.3em;
    }
    .spc-tp {
        padding-top:5em;
    }
}



@media (max-width: 992px) {
     .subinfo {
          display: none;
     }
     .mainmenu {
          position: relative;
          width: 100%;
          float: left;
     }
     .navbar {
          width: 100%;
     }
     .navbar-collapse {
          background-color: #000000;  
          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: 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;
     }
     .form-control {
          width: 100%;
          margin-right: 5px;
     }
     .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;
     }

}




.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link  {
    color: #FFFFFF !important;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .rede {
    color: #FFF !important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #cccccc !important;
}

@media (min-width: 992px){
    
    
    
    .pdg {
        min-height:16em; 
    }
    
    
    .navbar-expand-lg {
        padding-top:6em !important;
    }
    
    .banner-informacao {
        position:absolute;
        width:80%;
        margin-top:20em;
    }
    .banner-informacao h1{
        color:#FFF;
        text-transform: uppercase;
        line-height: 40px;
    }
    .banner-informacao p{
        color:#FFF;
        text-transform: uppercase;
    }
    
    .btn-dourado {
        margin-top:1em;
        color: #756e33 !important;
        padding: 1em;
        border: 2px solid #756e33 !important;
    }
    
    .btn-branco {
        margin-top:1em;
        color: #FFF !important;
        padding: 1em;
        border: 2px solid #FFF !important;
    }
    
    #wa {
        
    }
    
    #wa .whatsapp{
        position:absolute;
        bottom:0;
        right:0;
        float:right;
        background: #756e33 !important;
        color:#FFF;
        width:50%;
        border-radius:20px 20px 0 0;
        padding:1em 1em 0 1em;
    }
    #wa .whatsapp i {
        font-size:45px;
    }
    #wa .whatsapp p {
        font-size:12px;
    }
    
    .spct {
        padding-top:5em;
    }
    
    
    

    .fundo-inteiro {
        background-repeat: no-repeat;
        padding: 3em 0 0 0;
    }
    
    
    .espaco-baixo {
        padding-bottom:3em;
    }



    .retira {
        padding: 0 !important;
    }
    
    .retira-margem {
        margin:0 !important;
    }

}


@media (min-width: 1800px){ 
    .banner-informacao {
        position:absolute;
        width:60%;
        margin-top:20em;
    }
    
    
    .espaco-baixo {
        padding-bottom:3em;
    }
    
}


@media (max-width: 992px){  
    
    .pdg {
        padding-top:11em;
        background:#131313;
    }
    
    .banner-informacao {
        position:absolute;
        width:90%; 
    }
    .banner-informacao h1{
        color:#FFF;
        text-transform: uppercase;
        line-height: 20px;
        font-size:20px !important;
    }
    .banner-informacao p{
        color:#FFF;
        text-transform: uppercase;
        font-size:11px !important;
    }
    
    .btn-dourado {
        margin-top:1em;
        color: #756e33 !important;
        padding: 1em;
        border: 2px solid #756e33 !important;
    }
    
    .btn-branco {
        margin-top:1em;
        color: #FFF !important;
        padding: 1em;
        border: 2px solid #FFF !important;
    }
    
    .mainlogo {
        padding-top:5px !important;
    }
    
    #wa {
        
    }
    
    #wa .whatsapp{ 
        bottom:0;
        right:0;
        float:right;
        background: #756e33 !important;
        color:#FFF;
        width:100%;
        border-radius:20px 20px 0 0;
        padding:1em 1em 0 1em;
    }
    #wa .whatsapp i {
        font-size:45px;
    }
    #wa .whatsapp p {
        font-size:12px;
    }
    
    
}

.spc {
    margin-bottom:1em;
}


#items { 
}
#items ul {
    list-style: none;
    padding-left:0px;
}
#items ul li{
    color: #FFF !important;
}

#items ul li::before {
  content: "• ";
  color: #756e33; /* or whatever color you prefer */
}
@media (max-width: 992px){  
    .container-fluid {
        padding: 0;
    }
    
    .navbar-brand {
        margin-top: 8em;
    }
    
    
    .retira {
        padding: 0 !important;
    }

    .fundo-inteiro {
        background-repeat: no-repeat;
        padding: 1em 0 0 0;
    }
    
    .espaco-baixo {
        padding-bottom:2em !important;
    }
    
    .navbar-light .navbar-toggler {
        background-color:#FFF;
    }

}



.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;
     }

}