/*MENU*/
.logo {background-image: url(../img/logo.png);background-size: 100%;background-repeat: no-repeat;width: 125px;height: 116px;background-position: 0px -1px;position: relative;}
.navbar-toggler{background: url('../img/menu.png') no-repeat; background-size: 100% 100%; width: 30px; height: 30px; border-radius: 0 !important;z-index: 2;top: 20px !important;
    left: 0px !important;}
.nav-item a {color:#154787; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; padding-left: 13px !important;}
.nav-link:hover{color:#154787 !important; font-weight: bold !important;}
.active, .menu_ativo{color:#154787 !important; font-weight: bold  !important;}
.menu_principal {opacity:1;background:transparent; width: 100%;height: 78px;position: fixed;top: 0px;z-index: 9;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-khtml-transition: all 0.5s ease;-moz-transition: all 0.5s ease;z-index: 2;}
.social {position: relative;top: 2px;}
.social a {font-size: 18px;}
.social a:hover{font-weight: bold;}
.dropdown-item{padding-left: 6px !important;text-transform:none !important;letter-spacing:normal !important;color:#fff !important;text-transform: uppercase !important; font-family: 'Montserrat', sans-serif; font-weight: 400;font-size: 11px !important;}
.dropdown-menu{min-width:100px;white-space: nowrap;background:#154787 !important; border: 0px !important;}
.dropdown-menu{padding:0px !important;margin:0px 0px 0px 0px !important;border-radius:0 0px 0px 0px !important;}
.dropdown:hover>.dropdown-menu{display: block;}
.dropdown-item:focus, .dropdown-item:hover{color:#6bb1d1 !important; background-color: transparent !important; font-weight: 700;}
.submenu{display: none;}
/*HOME*/
.Home {overflow: hidden;width: 100%;}
.home_banner {width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper-1 {height: 975px;}
.slide_texto {width: 100%;height: 100%;}
.banner_content {position: relative;top: 35%;float: right;right: 80px;}
.banner_title{text-align: left; text-transform: uppercase; font-family: 'Montserrat', sans-serif;font-weight: 400;color: #154787; font-size: 34px;line-height: 38px;padding-top: 20px;}
.banner_title a{background: #1d6eab;border: none;border-radius: 15px;padding: 4px 10px 4px 10px;color: #ffffff !important; cursor: pointer;
text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-weight: 600;font-size: 14px;}
/*HOME PARALLAX*/
.parallax-content{position: relative;top: 110px;}
.parallax-window {min-height: 400px;}
.busca-icone{width: 150px;float: right;}
.busca-form{padding: 20px 0px 0px 38px;}
.busca-form h1{font-family: 'Montserrat', sans-serif;font-weight: 300; color:#ffffff;font-size: 33px;}
.busca-form h2{font-family: 'Montserrat', sans-serif;font-weight: 400; color:#ffffff;font-size: 20px;}
.busca-form .input-group{width: 87% !important;}
.busca-form input{border-radius: 5px;border: 0;padding: 4px !important;font-family: 'Montserrat', sans-serif;font-weight: 400; color:#154787}
.btn-buscar{background: #246dab; color:#ffffff;font-family: 'Montserrat', sans-serif;font-weight: 700; text-transform: uppercase;outline: none;    border-top-left-radius: 0;
    border-bottom-left-radius: 0;}
.btn-buscar:hover{color:#ffffff !important; background: #154787 !important;}
input[type="text"]::placeholder {color:#246dab; font-family: 'Montserrat', sans-serif;font-weight: 600; padding-left: 5px;}
input[type="text"]:-ms-input-placeholder {color:#246dab; font-family: 'Montserrat', sans-serif;font-weight: 600;padding-left: 5px;}
input[type="text"]::-ms-input-placeholder {color:#246dab; font-family: 'Montserrat', sans-serif;font-weight: 600;padding-left: 5px;}
/*HOME LINHA DE PRODUTOS*/
.Linha-de-produtos{height: 400px;overflow-x: hidden;}
.title_line h2{color:#154787; font-family: 'Montserrat', sans-serif;font-weight: 400; font-size: 20px; text-align: center;padding:60px 0px 60px 0px;}
.linha_img {max-width: 20%;flex: 0 0 20%;}
.linha_img img{width: 90% !important; cursor: pointer;}
/*INSTITUCIONAL*/
.Institucional {overflow: hidden;width: 100%;}
.institucional_back {height: 1050px;background-image: url(../img/institucional_back.png);background-size: cover;background-position: 0% 100%;background-repeat: no-repeat;}
.institucional_texto{font-family: 'Montserrat', sans-serif;font-weight: 400;color: #154787;font-size: 13px; line-height: 28px;}
/*PRODUTOS*/
.Produtos {overflow: hidden;width: 100%;}
.cristal_back {width:1920px;height:900px;background-image: url(../img/banners/banner_01.jpg);background-size: cover;background-position:50% 60%;background-repeat: no-repeat;}
.title_line h6{color:#154787; font-family: 'Montserrat', sans-serif;font-weight: 400; font-size: 14px; text-align: center;padding:0px 0px 10px 0px;}
.arrow{background-image: url(../img/arrow.png);background-repeat: no-repeat;width:40px; height: 40px;position: relative;top: -20px;z-index: -1;}
.swiper-2{height: auto !important;}
.swiper-2 img {width: 50%;}
.swiper-button-next, .swiper-button-prev{width: 18px !important;height: 34px !important; background-size: cover;}
.info{color:#154787; font-family: 'Montserrat', sans-serif; text-align: center;}
.info span{font-weight: 400; font-size: 13px;}
.info b{font-weight: 700;font-size: 15px;display: block;line-height: 15px;}
.botoes{padding: 60px 0px 60px 0px;}
.botao-prod-cristal {background: #1d6eab;border: none;width: 60%;border-radius: 15px; text-align: center;padding: 4px 10px 4px 10px;color: #ffffff !important;cursor: pointer;text-transform: uppercase;text-decoration: none;
font-family: 'Montserrat', sans-serif;font-weight: 600;font-size: 14px;}
.botao-prod-cristal:hover{text-decoration: none;background: #2385ce;}
.joanopolis_back {width:1920px;height:900px;background-image: url(../img/banners/banner_02.jpg);background-size: cover;background-position:50% 60%;background-repeat: no-repeat;}
.botao-prod-joanopolis {background: #40c8f4;border: none;width: 60%;border-radius: 15px; text-align: center;padding: 4px 10px 4px 10px;color: #ffffff !important;cursor: pointer;text-transform: uppercase;text-decoration: none;
    font-family: 'Montserrat', sans-serif;font-weight: 600;font-size: 14px;}
.botao-prod-joanopolis:hover{text-decoration: none;background: #38a3c5;}
.sport_back {width:1920px;height:900px;background-image: url(../img/banners/banner_03.jpg);background-size: cover;background-position:50% 60%;background-repeat: no-repeat;}
.botao-prod-sport {background: #f3b61d;border: none;width: 60%;border-radius: 15px; text-align: center;padding: 4px 10px 4px 10px;color: #ffffff !important;cursor: pointer;text-transform: uppercase;text-decoration: none;
    font-family: 'Montserrat', sans-serif;font-weight: 600;font-size: 14px;}
.botao-prod-sport:hover{text-decoration: none;background: #d49f1a;}
.sport img {width: 27%;}
.arrow-sport{background-image: url(../img/arrow-sport.png);background-repeat: no-repeat;width:40px; height: 40px;position: relative;top: -20px;z-index: -1;}
.kids_back {width:1920px;height:900px;background-image: url(../img/banners/banner_04.jpg);background-size: cover;background-position:50% 60%;background-repeat: no-repeat;}
.kids img {width: 27%;}
.acqua_back {width:1920px;height:900px;background-image: url(../img/banners/banner_05.jpg);background-size: cover;background-position:50% 60%;background-repeat: no-repeat;}
.botao-prod-acqua {background: #f26522;border: none;width: 60%;border-radius: 15px; text-align: center;padding: 4px 10px 4px 10px;color: #ffffff !important;cursor: pointer;text-transform: uppercase;text-decoration: none;
    font-family: 'Montserrat', sans-serif;font-weight: 600;font-size: 14px;}
.botao-prod-acqua:hover{text-decoration: none;background: #de6125;}
.acqua-slider .swiper-button-prev, .acqua-slider .swiper-container-rtl .swiper-button-next {background-image: url(../img/left-arrow-acqua.png);}
.acqua-slider .swiper-button-next, .acqua-slider .swiper-container-rtl .swiper-button-prev {background-image: url(../img/right-arrow-acqua.png);}
/*ONDE ENCONTRAR*/
.Onde-encontrar {overflow: hidden;width: 100%;}
.onde-encontrar-back{height: 600px;background-image: url(../img/parallax.jpg);background-size: cover;background-position: 0% 100%;background-repeat: no-repeat;}
.onde-encontrar-content{position: relative;top: 45%;}
.encontrado{font-family: 'Montserrat', sans-serif; font-weight: 400;color: #575757; text-transform: uppercase; font-size: 12px; height: 255px; border:1px solid #cccccc; margin-bottom: 30px;}
.encontrado hr{border-top: 1px solid rgba(204,204,204,1);}
.encontrado .titulo{font-family: 'Montserrat', sans-serif; font-weight: 300;color: #1c88b1; font-size: 15px;}
.encontrado i{color: #1c88b1; font-size: 15px;}
/*SEJA UM DISTRIBUIDOR*/
.Seja-um-distribuidor {overflow: hidden;width: 100%;}
.seja_um_distribuidor_back {height: 1030px;background-image: url(../img/seja-um-distribuidor-back.jpg);background-size: cover;background-position: 0% 100%;background-repeat: no-repeat;}
.seja_um_distribuidor_content{position: relative;top: 48%;}
.seja-um-distribuidor-form{position: relative;top: -47px;}
.seja-um-distribuidor-form input{font-family: 'Montserrat', sans-serif; font-weight: 400;color: #154787!important;padding: 0px 0px 0px 0px!important;width: 100%; margin-bottom: 30px;
    box-sizing: border-box;box-shadow: none !important;outline: 0;background: transparent!important;border: none!important;color: #154787;border-bottom: 1px solid #154787!important;border-radius: 0!important;}
.seja-um-distribuidor-form textarea{font-family: 'Montserrat', sans-serif; font-weight: 400;color: #154787!important;padding: 0px 0px 0px 0px!important;width: 100%;
    box-sizing: border-box;box-shadow: none!important;outline: 0;background: transparent!important;color: #154787;border: 1px solid #154787!important;border-radius: 10px !important;}
.seja-um-distribuidor-form select{font-family: 'Montserrat', sans-serif; font-weight: 400;color: #154787!important;padding: 0px 0px 0px 0px!important;width: 100%;
    box-sizing: border-box;box-shadow: none!important;outline: 0;background: transparent!important;border-bottom: 1px solid #154787!important;border-radius: 0rem !important;border: 0;}
.seja-um-distribuidor-form div label {position: absolute;top: 5px;left: 0px;color: #154787;transition: .5s;pointer-events: none;font-family: 'Montserrat', sans-serif; font-weight: 400;font-weight: 400;letter-spacing: 2px;}
.seja-um-distribuidor-form div {position: relative;}
.seja-um-distribuidor-form input:focus ~ label,.seja-um-distribuidor-form textarea:focus ~ label,.seja-um-distribuidor-form input:valid ~ label{top: -19px;color: #154787;font-size: 14px;left: 0px !important;}
.cidade_label{left:15px !important}
.seja-um-distribuidor-form .cidade:focus ~ label{top: -19px;color: #154787;font-size: 14px;left: 16px !important;}
.radio{font-family: 'Montserrat', sans-serif; font-weight: 400;color: #154787!important; font-size: 14px;}
.radio input {width: auto; cursor: pointer;}
input[type='radio']:after {width: 13px;height: 13px;border-radius: 15px;top: -2px;left: -1px;position: relative;background-color: #e6f1fa;content: '';display: inline-block;visibility: visible;
border: 1px solid #154787;}
input[type='radio']:checked:after {width: 13px;height: 13px;border-radius: 15px;top: -2px;left: -1px;position: relative;background-color: #154787;content: '';display: inline-block;
visibility: visible;border: 1px solid #154787;}
.form-btn{background: #154787;font-family: 'Montserrat', sans-serif; font-weight: 700;color: #154787;color: #fff;border-radius: 15px !important; text-transform: uppercase;}
.form-btn:hover {background: #2385ce;color: #fff;}
/*DOWNLOADS*/
.Downloads {overflow: hidden;width: 100%;}
.downloads_back {height: 978px;background-image: url(../img/downloads-back.jpg);background-size: cover;background-position: 0% 100%;background-repeat: no-repeat;}
.downloads_content{position: relative;top: 25%;}
.download{width: 434px; height: auto;text-align: center;}
.download a{text-decoration: none;font-family: 'Montserrat', sans-serif; font-weight: 700;color: #154787; font-size: 13px;}
/*CONTATOS*/
.Contatos {overflow: hidden;width: 100%;}
.contatos_back {height: 900px;background-image: url(../img/contatos-back.jpg);background-size: cover;background-position: 0% 100%;background-repeat: no-repeat;}
.contatos_content{position: relative;top: 20%;}
.sugestao h1{font-family: 'Montserrat', sans-serif; font-weight: 300;color: #ffffff;font-size: 1.5em;letter-spacing: 2px;}
.sugestao h2{font-family: 'Montserrat', sans-serif; font-weight: 600;color: #154787;font-size: 1.3em; letter-spacing: 2px;}
.sugestao h3{font-family: 'Montserrat', sans-serif; font-weight: 700;color: #ffffff;font-size: 0.7em; letter-spacing: 1px;}
.telefones, .enderecos{font-family: 'Montserrat', sans-serif; font-weight: 400;color: #154787; font-size: 14px;}
.telefones i, .enderecos i{padding-bottom: 15px;}
.enderecos{position: relative;top: 6%;}
.telefones{position: relative;top: 12%;}
.contato-form input{font-family: 'Montserrat', sans-serif; font-weight: 400;color: #154787!important;padding: 0px 0px 0px 0px!important;width: 100%; margin-bottom: 30px;
    box-sizing: border-box;box-shadow: none !important;outline: 0;background: transparent!important;border: none!important;color: #154787;border-bottom: 1px solid #154787!important;border-radius: 0!important;}
.contato-form textarea{font-family: 'Montserrat', sans-serif; font-weight: 400;color: #154787!important;padding: 0px 0px 0px 0px!important;width: 100%;
    box-sizing: border-box;box-shadow: none!important;outline: 0;background: transparent!important;color: #154787;border: 1px solid #154787!important;border-radius: 10px !important;}
.contato-form div label {position: absolute;top: 5px;left: 0px;color: #154787;transition: .5s;pointer-events: none;font-family: 'Montserrat', sans-serif; font-weight: 400;font-size: 14px;letter-spacing: 2px;}
.contato-form div {position: relative; margin-bottom: 35px;}
.contato-form input:focus ~ label,.contato-form textarea:focus ~ label,.contato-form input:valid ~ label{top: -19px;color: #154787;font-size: 14px;left: 0px !important;}
/*RODAPE*/
footer {position: relative;width: 100%;background: #e3e9f2; color:#4d6384;  font-size: 10.5px;font-family: 'Montserrat', sans-serif; font-weight: 400;}
.logo_footer{width: 60px;}


@media(max-height:799px){
.swiper-1 {height: 750px;}
.b-joanopolis{top: 56% !important;}
.b-kids{right: 190px;}
.acqua_back,.cristal_back,.joanopolis_back,.sport_back,.cristal_back,.kids_back{width: 100%;height: 750px;}
}

@media (min-height:800px) and (max-height:899px){
.swiper-1 {height: 850px;}
.b-joanopolis{top: 56% !important;}
.b-kids{right: 190px;}
.acqua_back,.cristal_back,.joanopolis_back,.sport_back,.cristal_back,.kids_back{width: 100%;height: 850px;}
}
    
