/* =============================
 * Estilos personalizados. 
 * ============================= */


/* -----------------------------------------------------
  *  HTML
 /* ----------------------------------------------------- */
a {
    color: #006c4c;
}

a:hover {
    color: #9f4f34;
}

b,
strong {
    font-weight: 700;
}

body {
    padding-top: 83px;
}

section {
    padding: 100px 0px;
}

/* -----------------------------------------------------
  *  BOOTSTRAP
 /* ----------------------------------------------------- */
.btn-primary {
    background-color: #006c4c;
    border-color: #006c4c;
}

.btn-primary:hover {
    background-color: #004c36;
    border-color: #004c36;
}
.form-control {
    background-color: #eeeeee;
}



/* -----------------------------------------------------
 *  YETI LAB
/* ----------------------------------------------------- */
.cor-azul {
    color: #0064A8 !important;
}

.cor-azul-escuro {
    color: #3454A7 !important;
}

.cor-laranja {
    color: #F58634 !important;
}

.cor-marrom {
    color: #A9572F !important;
}

.cor-verde {
    color: #57B952 !important;
}

.cor-verde-escuro {
    color: #007744 !important;
}
.y-mask:before {
    background-color: rgba(0, 0, 0, 0.1);
}

/* -----------------------------------------------------
 *  HEADER
/* ----------------------------------------------------- */
.header-1 {
    background-color: #006c4c;
    background-image: none;
}

.header-1 .container-fluid {
    padding: 80px 40px 50px 40px;
    background-color: transparent;
}

/* -----------------------------------------------------
  *  MENU
 /* ----------------------------------------------------- */
 #menu-1 {
    padding-bottom: 0px;
}
#menu-1 .row {
    margin-bottom: -30px;
}
#menu-1 .navbar-nav {
    background-color: #9f4f34;
    margin-bottom: 0px;
    width: 100%;
    margin-top: 0px;
}

#menu-1 .contato,
#menu-1 .social {
    font-size: 15px;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

#menu-1.resize .contato,
#menu-1.resize .social {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    opacity: 100;
}

#menu-1.resize .contato {
    opacity: 0;
}

#menu-1 .contato strong {
    font-weight: 700;
}

#menu-1 .contato .fab,
#menu-1 .contato .fas {
    color: #006c4c;
}

#menu-1 .navbar-brand img {
    height: 65px;
    margin: 0px 0px;
}

#menu-1.resize .navbar-brand img {
    width: auto;
    margin: 5px 0px 0px 0px;
    height: 35px;
}

#menu-1 .navbar-nav .nav-link {
    color: #FFFFFF;
}

#menu-1 .navbar-nav>li {
    flex: 1 1 auto !important;
    text-align: center;
}

#menu-1 .navbar-nav>li>a {
    padding: 16px 15px 14px 15px;
    line-height: 14px;
}

#menu-1 .navbar-nav>li>a:hover {
    background-color: #006c4c;
}

#menu-1 .navbar-nav>.active>a {
    background-color: #006c4c;
    color: #FFFFFF;
}

#menu-1.resize .navbar-nav>li>a {
    text-transform: uppercase;
    padding: 15px;
    line-height: 15px;
}


/* -----------------------------------------------------
 *  SLIDER
/* ----------------------------------------------------- */
.slider-1,
.slider-1 .owl-carousel .owl-item li {
    height: 600px;
}

.slider-1 .owl-dots .owl-dot span {
    width: 18px;
    height: 18px;
    background: #006c4c;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}

.slider-1 .owl-dots .owl-dot.active span,
.slider-1 .owl-dots .owl-dot:hover span {
    border: solid 2px #006c4c;
    background: none;
    transform: scale(1.2);
}

.slider-1 .y-block .y-block-title {
    font-size: 35px;
    font-weight: bold;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5);
}

.slider-1 .y-block .y-block-text {
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    line-height: 30px;
}

.content-15.contato {
    background-color: #9f4f34;
}

.content-15.contato h2 {
    color: #FFFFFF;
    font-weight: 700;
}


/* -----------------------------------------------------
 *  ÁREAS DE ATUAÇÃO
/* ----------------------------------------------------- */
.areas-atuacao {
    padding: 20px 5px;
}

.areas-atuacao .area {
    border-radius: 20px;
    /* border: solid 6px #cccccc; */
    border: none !important;
    margin: 0px 5px;
}

.areas-atuacao .area.mdc {
    border: solid 6px #EE863D;
}

.areas-atuacao .area.renzzy {
    border: solid 6px #F9F122;
}

.areas-atuacao .area.samnit {
    border: solid 6px #3B8564;
}

.areas-atuacao .area.rochb {
    border: solid 6px #3555A2;
}

.areas-atuacao .area.fluxos {
    border: solid 6px #98D8F3;
}

.areas-atuacao .area.dominust {
    border: solid 6px #AA5832;
}

.areas-atuacao .area.rede-sa {
    border: solid 6px #93C54C;
}


/* -----------------------------------------------------
 *  NEWS & BLOG
/* ----------------------------------------------------- */
.news-1 {
    background-color: #FFFFFF;
}

/* -----------------------------------------------------
 *  CONTATO
/* ----------------------------------------------------- */
.contact-1 {
    background-color: #FFFFFF;
}


/* -----------------------------------------------------
 *  LEAD
/* ----------------------------------------------------- */
.lead .content-3 {
    overflow: inherit;
}
.lead .sticky-top {
    top: 120px;
}
.lead .acf-fields > .acf-field {
	padding: 10px 0px;
	border: none !important;
	width: 100% !important;
	min-height: auto !important;
	padding-top: 0px;
}
.lead .acf-field .acf-label {
	margin: 0px;
}
.lead .acf-fields > .acf-field select,
.lead .acf-fields > .acf-field input{
	padding: 10px;
	height: auto;
}
.lead #form {
	padding: 30px 10px;
	background-color: #EEE;
	border-radius: 10px;
    margin-left: 15px;
}
.lead #form .button{
    width: 100%;
    margin: 0px;
    background-color: #9f4f34;
}


/* -----------------------------------------------------
 *  FOOTER
/* ----------------------------------------------------- */
#footer-1 .footer-content .container {
    border-bottom: solid 2px #206344;
    padding-bottom: 15px;
}
#footer-1 .footer-content {
    background: #E5E6E8;
    color: #6E6E6E;
    padding: 50px 0px;
    font-size: 14px;
}

#footer-1 .footer-content p {
    margin-bottom: 0px;
}

#footer-1 .y-social a {
    color: #006c4c;
    margin: 0px 0px 10px 0px;
}

#footer-1 .y-social a:hover {
    text-decoration: none;
}
#yeti {
    margin: 0 10px 0px 0;
}
.chat {
	z-index: 999000;
	position: relative;
}

/* =============================
 * Regras de responsividade.
 * ============================= */
/* Dispositivos extra pequenos (smartphones, menores que 768px) */
@media (max-width: 767px) {
    .p-0.list-unstyled li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: solid 1px #EEEEEE;
    }

    #menu-1 .contato,
    #menu-1 .social {
        display: none !important;
    }

    #menu-1.resize .navbar-brand img {
        width: auto;
        margin: 0px !important;
        height: 65px;
    }

    #menu-1 {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    #menu-1 .container {
        max-width: none;
        padding: 0px;
        margin: 0px;
    }

    #menu-1 .container .row {
        width: 100%;
        margin: 0px;
    }
    #menu-1 .container .row .col-12{
        padding: 0;
        margin-top: 10px
    }

    .navbar-toggler {
        right: 20px;
        position: absolute;
        top: 25px;
    }
    .lead #form {
        margin-left: 0px;
    }
}


/* Dispositivos pequenos (tablets, maiores que 768px) */
@media (min-width: 768px) and (max-width: 991px) {
    .p-0.list-unstyled li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: solid 1px #EEEEEE;
    }
    #menu-1 .contato,
    #menu-1 .social {
        display: none !important;
    }

    #menu-1.resize .navbar-brand img {
        width: auto;
        margin: 0px !important;
        height: 65px;
    }

    #menu-1 {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    #menu-1 .container {
        max-width: none;
        padding: 0px;
        margin: 0px;
    }

    #menu-1 .container .row {
        width: 100%;
        margin: 0px;
    }
    #menu-1 .container .row .col-12{
        padding: 0;
        margin-top: 10px
    }

    .navbar-toggler {
        right: 20px;
        position: absolute;
        top: 25px;
    }
    .lead #form {
        margin-left: 0px;
    }
}


/* Dispositivos de tamanho mediano (desktops, maiores que 992px) */
@media (min-width: 992px) and (max-width: 1199px) {}


/* Dispositivos grandes (grandes desktops, maiores que 1200px) */
@media (min-width: 1200px) {}