/*HEADER*/
.whatsapp {position:fixed;right:30px;bottom:20px;width:55px;background:#4da735;font-size:26px;border-radius:50%;z-index:5;transition:all ease 0.2s;box-shadow:0 0 10px -5px rgba(0,0,0,1);}
.whatsapp:hover {box-shadow:0 5px 10px -5px rgba(0,0,0,0.5);bottom:23px;}
.whatsapp i {line-height:55px;text-align:center;width:100%;}
.whatsapp a {color:#fff;}


.banner { z-index: 1 !important;width: 82%; padding-bottom: 31.5%; position: relative; height: 0px; overflow: hidden; background-color: #ccc; left: 9%;z-index:-1; background-position: center top; background-size: 100%; min-width: 500px;} 
.banner_secundarias { z-index: 1 !important;width: 82%; padding-bottom:18.8%; position: relative; height: 0px; overflow: hidden; background-color: #ccc; left: 9%;z-index:-1; background-position: center top; background-size: cover; min-width: 500px;} 

.container_banner {width:100%;text-align:center;position:relative;overflow:hidden;}
.container_banner>div {width:82%;margin:0 auto;position:relative;}
.banner_home {width:100%;}
.banner_home a:hover {opacity: 1; }
.banner_home img {width:100%;display:block;}
.banner_padrao {width:25%;padding:5% 5% 25% 5%;float:left;background-image:url(../img/banner_padrao.jpg);background-size:cover;}
.banner_padrao p {font-size:34px;text-transform:uppercase;color:#fff;font-weight:600;line-height:42px;}
.banner_padrao .bt_saibamais {background-color:#fff;color:#005372;font-family:'Din';font-weight:400;text-transform:uppercase;font-size:12px;letter-spacing:3px;padding:4% 10%;display:inline-block;}

.home {padding-bottom:36.9%;}

body.responsivo .banner { padding-bottom: 45%; }
.banner_nav {margin:0 auto 5% auto;display:table;}
#index .banner_nav li {width: 130px; height: 4px;  cursor: pointer;float: left; list-style: none;background-color:#ddd;margin-right:5px;text-align:right;}
#index .banner_nav li p {margin-top:5px;}
#index .banner_nav li:last-child {margin-right:0;}
#index .banner_nav li.active {background-color:#000; }

.banner_left { left: 5%; }
.banner_right { right: 5%; }
.banner_left,.banner_right { position: absolute; top: 45%; z-index: 90; cursor: pointer; 
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
	opacity: 0.7;
	display: none;
}

.banner_left:hover,.banner_right:hover { opacity: 1; transform:scale(1.1);  } 
body.responsivo .banner_left, body.responsivo .banner_right { top: 15%; }
body.responsivo .banner {margin-bottom:0;}

.banner_arrow_left:hover {opacity:0.8;}
.banner_arrow_right:hover {opacity:0.8;}
.banner .arrow { background-color: #949077; padding: 15px 7px; width: 30px; }
.banner_arrow { position: absolute; right: 0; bottom: 0; background-color: #fff; overflow: hidden; padding: 30px 40px; text-align: center; }
#index .swiper-pagination {margin:40px 0 60px;position:relative;}
#index .swiper-pagination-bullet {opacity:1;text-align:right;}
#index .swiper-pagination span {width:120px;border-radius:0;height:4px;margin:0 4px;background:#ddd;}
#index .swiper-pagination span label {font-size:16px;margin-top:5px;display:block;color:#686868;cursor:pointer;}
#index .swiper-pagination span.swiper-pagination-bullet-active {background:var(--cor-principal);}

.container_banner .banner_arrow>img { float: left; cursor: pointer; }
.container_banner .banner_arrow>img:hover { opacity: 0.5; }
.container_banner .banner_arrow_left, .container_banner .banner_arrow_right {width:auto;background-image:none;display:none;margin:0;position:absolute;cursor:pointer;height:32vh;background-color:#0a3d6d;top:calc(50% - 16vh);transition:all ease 0.3s; display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;color:#fff;}
.container_banner .banner_arrow_left { right: 100%!important;left:initial!important;position: absolute; }
.container_banner .banner_arrow_right { left: 100%!important;right:initial!important;position: absolute; }
.container_banner .banner_arrow_left:hover {box-shadow:inset -20px 0 30px rgba(0,0,0,0.3)}
.container_banner .banner_arrow_right:hover {box-shadow:inset 20px 0 30px rgba(0,0,0,0.3)}
.container_banner .banner_arrow_left i, .banner_arrow_right i {font-size:20px;transition:all ease 0.3s;margin:0 8px;}
.container_banner .banner_arrow_left:hover i, .container_banner .banner_arrow_right:hover i {margin:0 12px;}

.banner_secundarias .titulo {position:absolute;right:8%;text-align:right;top:20%;max-width:50%;}
.banner_secundarias .titulo h1 {text-transform:uppercase;color:#fff;font-size:90px;line-height:90px;padding-bottom:20px;position:relative;display:initial;}
.banner_secundarias .titulo p {color:#fff;font-size:18px;margin-top:20px;}
.banner_secundarias .titulo h1:before {content:'';width:150px;height:3px;position:absolute;left:-170px;top:30px;background-color:#fff;margin:0;}
.banner_secundarias .titulo p:after {content:'';width:150px;height:3px;position:absolute;right:-125px;bottom:20px;background-color:#fff;margin:0;}


@media only screen and (max-width:1800px){
	#index .swiper-pagination span {width:115px;}
}

@media only screen and (max-width:1650px){
	#index .swiper-pagination span {width:100px;height:4px;}
}

@media only screen and (max-width:1500px){
	#index .swiper-pagination span {width:85px;height:3px;}
}

@media only screen and (max-width:1200px){
	.banner_nav {margin-bottom:10%;}
 	.banner_secundarias {left:0;width:100%;padding-bottom:35%;background-position:right;} 
	.banner_arrow_left {left:0;width:4%;height:15%;top:20%;}
	.banner_arrow_right {right:0;width:4%;height:15%;top:20%;}
	
	.banner_secundarias .titulo {max-width:100%;}
	.banner_secundarias .titulo h1 {font-size:40px;letter-spacing:-1px;line-height:45px;}
	.banner_secundarias .titulo p {max-width:90%;min-width:80%;float:right;}
	.banner_secundarias .titulo h1:before {width:80px;left:-90px;top:12px;}
	.banner_secundarias .titulo h1:after {display:none;}
	
	#index .banner_nav li {width:50px;}
}