/* Reset css */
@import url("style.css");

* { margin:0; padding:0 }
img { border:none }
fieldset { border:none }
a { outline:none; text-decoration:none}
a:hover { text-decoration:underline}
ul li, ol li { list-style-type:none }
address { font-style:normal; display:block }
h1, h2, h3, h4, h5, h6{ padding:0; margin:0; font-size:inherit; font-weight:normal }
textarea{font-family:inherit; font-size:inherit; overflow:auto}
input[type="search"] {
    -webkit-appearance: textfield;
}
/* fim reset */


:root{
    --color1: #2E4780;
    --darkcolor1: #16224c;
    --lightcolor1: #2DB7EB;
    --color2: #E9270E;
    --darkcolor2: #b93727;
    --lightcolor2: #F84365;
    --color3: #0d0d0d;
    --darkcolor3: #000;
    --lightcolor3: #473e3e;
    --textcolor1: #737c76;
    --textcolor2: #0d0d0d;
    --fontvietnam: "Be Vietnam Pro", sans-serif;
    --fontpoppins: "Poppins", sans-serif;
    --fontroboto: "Roboto", sans-serif;
    --transition1: all 0.1s ease-out;
    --transition2: all 0.3s ease-out;
}


a.link-whatsapp{color: inherit;text-decoration: none;cursor: text;}

* {
    box-sizing: border-box;
}
body{
    font-family: 'Be Vietnam Pro', sans-serif;
    font-size:15px;
    line-height: 19px;
    color:#252d35;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.botao{font-size:1px; text-indent:-9999px; display:block;}
.clear{clear:both;}
.clearfix::after{content: " ";display: table;clear: both;}

.gradient{background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 77%, rgba(230,230,230,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(77%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 77%, rgba(230,230,230,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 77%, rgba(230,230,230,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 77%, rgba(230,230,230,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 77%, rgba(230,230,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
    0% { opacity: 0;}
    100% { opacity: 1; }
}
@-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.fadeIn {
-webkit-animation: fadeIn 0.7s ease-in-out;
-moz-animation: fadeIn 0.7s ease-in-out;
-o-animation: fadeIn 0.7s ease-in-out;
animation: fadeIn 0.7s ease-in-out;
}


input[type="checkbox"]:focus{outline:0;}
input:focus {outline:none;}
button:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none;}

.botao{font-size:1px; text-indent:-9999px; display:block;}
.clear{clear:both;}
.clearfix::after{content: " ";display: table;clear: both;}

#swipeboxshield{display: block;width: 100%;height: 57px;position: fixed;top: 0;right: 0;z-index: 2000;}
.wrapper-input{min-height: 70px;position: relative;margin:0 0 10px 0;}
.wrapper-input.label,
.haslabel .wrapper-input{min-height: 74px;}
.wrapper-input::after{content: " ";display: table;clear: both;}
.wrapper-input label{font-size: 14px;color: #272727;line-height: 18px;}
.wrapper-input.one{float: left; width: 100%;text-align: left;padding: 0 10px;}
.wrapper-input.half{float: left; width: 50%;text-align: left;padding: 0 10px;}
.wrapper-input.third{float: left;width: calc(100%/3);text-align: left;padding: 0 10px;}
.wrapper-input.fourth{float: left;width: calc(100%/4);text-align: left;padding: 0 10px;}
.wrapper-input.fill{float: left;width: 100%;clear: both;padding: 0 10px;}
.wrapper-input.textarea{width: 100%;min-height: 112px;}
.wrapper-input .half{width: 47%;display: inline-block;vertical-align: top;}
.wrapper-input .half:last-child{float: right;}
.haslabel .wrapper-input.textarea{min-height: 126px;}
textarea.input-style{resize:none;height: 94px;padding-right: 10px;}

#video-iframe{position:fixed;text-align: center; left:0;top:0;width: 100%; max-width:972px;height:auto;min-height: 560px; max-height: 80%;max-width: 90%; display:none;z-index:101;background:#000;overflow:hidden;box-sizing:border-box;border: 3px solid #000;overflow-y:auto;}
#video-iframe iframe{vertical-align: middle;max-width: 100%;position: relative;z-index: 1;}
#video-iframe::before{content: " ";width:40px;height:40px;border-radius:150px;border:5px solid #ddd;border-top-color: rgba(0,0,0,0.5);position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;animation:loading 1.2s linear infinite;-webkit-animation:loading 1.2s linear infinite;box-sizing:border-box;z-index: 0;}

.paginacao{margin:65px auto 50px auto;overflow:hidden;text-align: center;}
.paginacao li{min-width: 34px;height: 34px;display: inline-block;vertical-align: middle; text-align: center;margin: 0 2px;}
.paginacao li a{color:#8bbebe;font-size:14px;line-height: 34px;}
.paginacao li a:hover{font-size:14px;color:#5073ab;line-height:34px;text-decoration:none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.paginacao li a.bt-pag{font-size:14px;color:#fff;line-height:34px;background-color:#8bbebe;margin:0 2px 0 0;display:block;width: 100%;height: 100%;border-radius: 5px;}
.paginacao li a.bt-pag:hover{font-size:14px;color:#fff;line-height:34px;background-color:#5073ab;text-decoration:none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.paginacao li a.active{font-size:14px;color:#fff;line-height:34px;background-color:#5073ab;text-decoration:none;}

#pop-fundo{width:100%; height:150%; position:fixed; z-index:110; background-color:#000; opacity:0.8; filter:alpha(opacity=60);-webkit-transition:all 0.3s ease-out;transition: all 0.3s ease-out;display:none}
#pop-fundo::before{display: block;position: absolute;top: 70px;left: 290px;color: #fff;font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}
#pop-fundo.active{display: block !important}
#pop-fundo2{width:100%; height:150%; position:fixed; z-index:110; background-color:#000; opacity:0.8; filter:alpha(opacity=60);-webkit-transition:all 0.3s ease-out;transition: all 0.3s ease-out;display:none}
#pop-fundo2::before{content: "‹";display: block;position: absolute;top: 70px;left: 290px;color: #fff;font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}

.errorlist{color:#ea000a;margin:0 0 10px 0;}

.wrapper-input{min-height: 57px;text-align: left;padding: 0 10px;}
.wrapper-input.label,
.haslabel .wrapper-input{min-height: 78px;}
.input-style{box-sizing:border-box;height: 40px;border: 1px solid #dddddd;width: 100%;padding: 10px 10px 10px 10px;font-size: 14px;line-height: 18px;border-radius: 0px;width: 100%;}
.input-style.select{padding: 0;background: url(../images/arrow-down.svg) no-repeat 97% center #fff;overflow: hidden;}
.input-style select{box-sizing:border-box;background: transparent;width: 110%;padding:0 50px 0 10px;font-size: 12px;line-height: 16px;border: 0;border-radius: 0;height: 38px;-webkit-appearance: none;border:none;}


.texto{word-break: break-word;}
.texto::after{content: " ";display: table;clear: both;}
.texto .wrapper{padding: 0 10px;}
.texto h1,
.texto h2,
.texto h3,
.texto h4,
.texto h5{margin-bottom: 25px;letter-spacing: -.60px;color: var(--color1);}
.texto p{margin-bottom: 20px;font-size: 15px;line-height:28px;}
.texto p:last-child{margin: 0;}
.texto a{-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;color: var(--color1);}
.texto a:hover{}
.texto img{width: 100%;max-width: 100% !important;height: auto !important;margin: 0 0 30px 0;display: block;}
.texto p img{width: 100% !important;max-width: 100% !important;height: auto !important;}
.texto iframe{max-width: 100%;}
.texto table{margin-left: auto;margin-right: auto;border: 0;border-collapse: collapse;}
.texto table tbody tr:nth-child(even){background-color: #f2f2f2;}
.texto table td{vertical-align: top;}
.texto h1{font-size: 38px;line-height: 44px;}
.texto h2{font-size: 28px;line-height: 36px;}
.texto ul,
.texto ol{padding-left: 25px;margin:0 0 15px 0}
.texto ul li,
.texto ol li{list-style-type: square;font-size: 15px;line-height:22px;margin-bottom: 10px;}

.texto{width: 100%;word-break: break-word;}


header{width: 100%;position: absolute;top:0;left:0;z-index: 4;}
header .box_logo{width:270px;height:245px;background-color:rgba(255,255,255,0.7);border-radius:0 0 20px 20px;float: left;}
header .box_logo .centralizador{width:270px;height: 245px;vertical-align: middle;display: table-cell;text-align: center;}
header .right{width:900px;float: right;}
header .right .sup{text-align: right;width: 100%;padding-top:86px}
header .right .sup .bt_area{padding:18px 30px;border-radius:10px;background-color:#5073ab;text-align: center;}
header .right .sup .bt_area .icon{background-size:15px !important;width:15px;height:22px;color:#fff;display: inline-block;vertical-align: middle;background:url(../images_new/cadeado.png) no-repeat left top;}
header .right .sup .bt_area .text{font-size:14px;color:#fff;display: inline-block;vertical-align: middle;margin:0 0 0 10px}
header .right .sup .bt_area:hover{background-color:#16224c}
header .right .menu{width: 100%;background-color:#16224c;border-radius:0 10px 10px 0;padding:20px 35px 20px 0;box-sizing: border-box;margin:45px 0 0 0;text-align: right;}
header .right .menu a{font-size: 14px;text-transform: uppercase;font-weight: 600;color:#fff;display: inline-block;vertical-align: middle;margin:0 25px 0 0;font-weight: normal;}
header .right .menu a:hover{color:#8bbebe;text-decoration: none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
header .right .menu a:last-child{margin: 0}

.home .destaques{height:100vh;width: 100%;}
.home .destaques .item{height:100vh;width: 100%;}
.home .destaques .item .center{position: relative;z-index: 1;height: 100%;}
.home .destaques .item .center .miolo{width:590px;position: absolute;z-index: 5;bottom:110px;left: 0}
.home .destaques .item .center .miolo h2{font-size:30px;line-height:35px;color:#61688e}
.home .destaques .item .center .miolo h2 span{font-size:53px;line-height:45px; }
.home .destaques .item .center .miolo p{font-size:17px;color:#16224c;font-weight:bold;line-height:25px;margin: 10px 0 0 0}
.home .destaques .owl-dots .owl-dot.active span, .destaques .owl-dots .owl-dot:hover span{background-color:#16224c !important}
.home .destaques .owl-nav.disabled+.owl-dots{margin-top: -27px !important;}

.conteudo{width: 100%;}
.home .conteudo .sup{width: 100%;padding:0 0 90px 0;background-color:#f7f8f9}
/*.home .conteudo .sup .left{width:270px;float: left;}*/
.home .conteudo .sup .left{text-align: center;}
.home .conteudo .sup .left h2{width:100%;max-width: 270px; border-radius: 0 0 20px 20px;background-color:#8bbebe;padding:20px;box-sizing: border-box;font-size: 22px;color:#fff;text-align: center;font-weight: 600;margin:0 auto 70px auto;}
.home .conteudo .sup .left h3{font-size: 20px;font-weight: 600;color:#16224c;line-height: 25px;margin:0 0 35px 0}
.home .conteudo .sup .left .texto{font-size: 15px;color:#323a41;line-height: 25px;font-weight: normal;}
.home .conteudo .sup .right{width:770px;height:475px;float: right;margin:140px 0 0 0}
.home .conteudo .sup .right iframe{width: 100%;height: 100%;display: block;}

.home .conteudo .middle{width: 100%;background-color:#fff}
.home .conteudo .middle .sep{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content: center;}
.home .conteudo .middle .sep .left{width:50%;background-size: cover !important;min-height:465px;}
.home .conteudo .middle .sep .right{width: 50%;min-height:465px;justify-content: center;display: flex;flex-direction: column;box-sizing: border-box;align-items: center;}
.home .conteudo .middle .sep .right .info{width:470px;}
.home .conteudo .middle .sep .right .info h2{font-size:25px;font-weight: 600;color:#5073ab;line-height: 30px;margin:0 0 35px 0 }
.home .conteudo .middle .sep .right .info .texto p{font-size:18px;color:#61688e;line-height: 30px;text-align: left;}
.home .conteudo .middle .sep:nth-child(2n) .left{order:2;}
.home .conteudo .middle .sep:nth-child(2n) .right{order:1;}
.home .conteudo .middle .sep:nth-child(2n) .right .info{text-align: right;}
.home .conteudo .middle .sep:nth-child(2n) .right .info .texto p{text-align: right;}

.home .conteudo .box_depoimentos{width:100%;padding:65px 0 90px 0;background-color:#16224c}
.home .conteudo .box_depoimentos h2{font-size:25px;font-weight: 600;color:#fff;line-height: 30px;margin:0 0 35px 0;text-align: center;}
.home .conteudo .box_depoimentos .descri{font-size:16px;font-weight: normal;color:#fff;line-height: 24px;margin:0 0 75px 0;text-align: center;}
.home .conteudo .box_depoimentos .vitrine{width: 100%;margin-top: 60px;}
.home .conteudo .box_depoimentos .vitrine .sep{width:500px;display:block;vertical-align: top;margin:0 auto 0 auto }
.home .conteudo .box_depoimentos .vitrine .sep:nth-child(2n){margin: 0}
.home .conteudo .box_depoimentos .vitrine .sep .depoimento{width: 100%;padding:25px 45px;box-sizing: border-box;position: relative;}
.home .conteudo .box_depoimentos .vitrine .sep .depoimento::after{background-size:35px !important;width:35px;height:10px;content:url(../images_new/aspas.png);position: absolute;top:0;left: 0;}
.home .conteudo .box_depoimentos .vitrine .sep .depoimento::before{background-size:35px !important;width:35px;height:10px;content:url(../images_new/aspas2.png);position: absolute;bottom:0;right: 0;}
.home .conteudo .box_depoimentos .vitrine .sep .depoimento .texto p{font-size:18px;line-height: 30px;color:#fff}
.home .conteudo .box_depoimentos .vitrine .sep .box_name{width:auto;margin:30px 0 0 45px;box-sizing: border-box;}
.home .conteudo .box_depoimentos .vitrine .sep .box_name h3{font-size:17px;font-weight: 600;color:#8bbebe;line-height:20px;margin:0 0 5px 0;display: block;}
.home .conteudo .box_depoimentos .vitrine .sep .box_name h4{font-size:15px;font-weight: 600;color:#fff;line-height:20px;margin:0 0 5px 0;display: block;}
.home .conteudo .box_depoimentos .vitrine .owl-dots .owl-dot.active span, .conteudo .box_depoimentos .vitrine .owl-dots .owl-dot:hover span{background-color:#16224c !important}
.home .conteudo .box_depoimentos .vitrine .owl-nav.disabled+.owl-dots{margin:70px 0 0 0}
.home .conteudo .box_depoimentos .bt_depo{padding:18px 30px;border-radius:10px;background-color:#5073ab;text-align: center;text-transform: uppercase;color:#fff;font-size: 15px;width:270px;margin: 45px auto 0 auto;display: block;}
.home .conteudo .box_depoimentos .bt_depo:hover{color:#16224c;background-color:#8bbebe;text-decoration: none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}


.home .conteudo .box_blog{width: 100%;padding:70px 0 115px 0;background-color:#fff}
.home .conteudo .box_blog h2{font-size:25px;font-weight: 600;color:#16224c;line-height: 30px;margin:0 0 35px 0;text-align: center;}
.home .conteudo .box_blog .descri{font-size:16px;font-weight: normal;color:#16224c;line-height: 24px;margin:0 0 0 0;text-align: center;}
.home .conteudo .box_blog .vitrine{width: 100%;margin:90px 0 0 0;text-align: center;}
.home .conteudo .box_blog .vitrine .sep{width:370px;display: inline-block;vertical-align: top;margin:0 26px 0 0}
.home .conteudo .box_blog .vitrine .sep:last-child{margin: 0}
.home .conteudo .box_blog .vitrine .sep figure{width:370px;height:220px;overflow: hidden;}
.home .conteudo .box_blog .vitrine .sep figure img{width: 100%;height: auto;display: block;transform: scale(1);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.home .conteudo .box_blog .vitrine .sep:hover figure{box-shadow: 0 5px 20px rgb(61 61 70 / 10%);}
.home .conteudo .box_blog .vitrine .sep:hover figure img{width: 100%;height: auto;display: block;transform: scale(1.05);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.home .conteudo .box_blog .vitrine .sep h2{font-size:17px;font-weight: 600;color:#212c54;line-height: 25px;margin:30px 0 25px 0;text-align: left;}
.home .conteudo .box_blog .vitrine .sep p{font-size: 15px;color:#333a42;line-height: 23px;text-align: left;}
.home .conteudo .box_blog .vitrine .sep:hover{text-decoration: none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

footer{width: 100%;}
footer .sup{width:100%;background-color:#f7f8f9;padding:45px 0 45px 0;}
footer .sup .loguin{background-size:124px !important;width: 124px;height: 122px;background: url(../images_new/loguin.jpg) no-repeat left top;display: inline-block;vertical-align: top;margin:0 76px 0 0}
footer .sup address{width:405px;display: inline-block;color:#212c54;font-size: 15px;line-height: 20px;vertical-align: top;margin:15px 130px 0 0}
footer .sup .contatos{display: inline-block;vertical-align: top;width: 210px;margin:15px 0 0 0}
footer .sup .contatos a{font-size: 15px;color:#212c54;margin:0 0 5px 0;line-height: 20px;display: block;}
footer .sup .redes{width:130px;display: inline-block;margin:15px 0 0 84px}
footer .sup .redes a{width:60px;height:60px;background-color:#16224c;border-radius:50%;display: inline-block;vertical-align: top;margin: 0 5px 0 0}
footer .sup .redes a .centralizador{width:60px;height:60px;vertical-align: middle;display: table-cell;text-align: center;}
footer .sup .redes a .centralizador img{max-width: 30px;max-height: 30px;margin: 0 auto;display: block;width: auto;height: auto;}
footer .sup .redes a:last-child{margin: 0}
footer .sup .redes a:hover{text-decoration: none;background-color:#5073ab;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
footer .inf{width:100%;padding:0 0 0 0;position: relative;}
footer .inf:after{content:'';width:50%;height:60px;background-color:#16224c;position: absolute;left:0;top:0;}
footer .inf:before{content:'';width:50%;height:60px;background-color:#5073ab;position: absolute;right:0;top:0;}
footer .inf .center{position: relative;z-index: 3}
footer .inf .menu{width:965px;float:left;height:60px;background-color:#16224c}
footer .inf .menu a{font-size:14px;text-transform: uppercase;color:#fff;display: inline-block;margin:0 30px 0 0;vertical-align: top;padding-top:20px;box-sizing: border-box;}
footer .inf .menu a:last-child{margin:0}
footer .inf .menu a:hover{color:#8bbebe;text-decoration: none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
footer .inf .bt_area{width:auto;height:60px;padding:20px 32px;box-sizing: border-box;display: inline-block;}
footer .inf .bt_area .icon{background-size:15px !important;width:15px;height:22px;color:#fff;display: inline-block;vertical-align: middle;background:url(../images_new/cadeado.png) no-repeat left top;}
footer .inf .bt_area .text{font-size:14px;color:#fff;display: inline-block;vertical-align: middle;margin:0 0 0 10px}
footer .inf .bt_area:hover{background-color:transparent;}
footer .inf .bt_area:hover{opacity: 0.8;text-decoration: none;}
footer .rod_infos{width:100%;padding:25px 0 60px 0;}
footer .rod_infos .dir{color:#000;float: left;font-size: 13px;}
footer .rod_infos .atual{color:#000;float: right;font-size: 13px}
footer .rod_infos .atual span{color:#d70101;}
footer .rod_infos .atual:hover{-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

.internas .caixa_title{border-top:12px solid #8bbebe;margin:213px 0 0 0;position: relative;z-index: 2}
.internas .caixa_title h2{padding:33px 20px 20px 20px;box-sizing: border-box;width: 270px;background-color:#8bbebe;font-size:23px;color:#fff;font-weight: 500;text-align: center;border-radius: 0 0 20px 20px;line-height:28px }

.quem_somos .conti .banner{position:relative;margin: 0px 0 70px 0;z-index: 1}
.quem_somos .conti .banner img{width:100%;height:auto;display: block;}
.quem_somos .conti .sup h2{font-size:18px;font-weight: bold;line-height: 25px;color:#16224c;margin:0 0 40px 0}
.quem_somos .conti .texto{margin:0 0 100px 0}
.quem_somos .conti .texto p{color:#16224c;line-height: 22px;font-size: 15px;text-align: justify;}
.quem_somos .conti .galeria{margin:0 0 90px 0;width: 100%;}
.quem_somos .conti .galeria h2{font-size:18px;font-weight: bold;line-height: 25px;color:#16224c;margin:0 0 35px 0;display: block;}
.quem_somos .conti .galeria .vitrine{width: 100%;}
.quem_somos .conti .galeria .vitrine .sep{width:270px;height: 150px;display: inline-block;vertical-align: top;margin:0 26px 26px 0;}
.quem_somos .conti .galeria .vitrine .sep:nth-child(4n){margin: 0 0 36px 0}
.quem_somos .conti .galeria .vitrine .sep img{width:100%;height: auto;overflow: hidden;}

.servicos .conti{padding:60px 0 120px 0;}
.servicos .conti .center{display:flex;flex-direction: row;align-items: center;justify-content: space-between;}
.servicos .conti .left{width:570px;height:570px;}
.servicos .conti .left img{width: 100%;height: auto;}
.servicos .conti .right{width:500px; }
.servicos .conti .right h2{font-size:26px;line-height: 32px;color:#16224c;margin:0 0 25px 0;font-weight: 600}
.servicos .conti .right .texto p{text-align: left;}

.fornecedores .conti{padding:70px 0 70px 0;}
.fornecedores .conti .texto{margin:0 0 40px 0;display: block;}
.fornecedores .conti .vitrine{width: 100%;}
.fornecedores .conti .vitrine .sep:first-child{border-top:none !important;}
.fornecedores .conti .vitrine .sep{width: 100%;border-top:1px solid #eee;padding: 40px 0 }
.fornecedores .conti .vitrine .sep h2{float: left;font-size: 38px;line-height: 38px;text-transform: uppercase;color:#344b83;width: 45px;height: 45px}
.fornecedores .conti .vitrine .sep .right{width:100%;float: none;margin:0 0 0 0;}
.fornecedores .conti .vitrine .sep .right .line{vertical-align: top;width:270px;display: inline-block;margin:0 20px 20px 0;vertical-align: top}
.fornecedores .conti .vitrine .sep .right .line figure{height:100px;width:270px;border:1px solid #eee;vertical-align: middle;text-align: center;display: table-cell;}
.fornecedores .conti .vitrine .sep .right .line img{max-height:80px;max-width: 190px;width: auto;display: block;margin:0 auto 0 auto;width: auto;height: auto;}
.fornecedores .conti .vitrine .sep .right .line p{font-size: 15px;line-height: 22px;margin:10px 0 0 0;color:#252d35;}
.fornecedores .conti .vitrine .sep .right .line:nth-child(4n){display: inline-block;margin: 0 0 20px 0}

.contato .supi{padding:70px 0;}
.contato .supi .form_contato{width:100%; }
.contato .supi .form_contato input[type="text"]{width: 100%;border:1px solid #b2d4d4;padding: 15px;box-sizing: border-box;font-size: 15px;color:#666;}
.contato .supi .form_contato input[type="email"]{width: 100%;border:1px solid #b2d4d4;padding: 15px;box-sizing: border-box;font-size: 15px;color:#666;}
.contato .supi .form_contato .style-input{width: 100%;border:1px solid #b2d4d4;padding: 15px;box-sizing: border-box;font-size: 15px;color:#666;height: 50px;}
.contato .supi .form_contato .style-input.select{padding: 0;background: url(../images/arrow-down.svg) no-repeat 97% center #fff;overflow: hidden;}
.contato .supi .form_contato .style-input select{box-sizing:border-box;background: transparent;width: 110%;padding:0 50px 0 10px;font-size: 12px;line-height: 16px;border: 0;border-radius: 0;height: 48px;-webkit-appearance: none;border:none;}
.contato .supi .form_contato textarea{width: 100%;border:1px solid #b2d4d4;padding: 15px;box-sizing: border-box;font-size: 15px;color:#666;height:150px;overflow-y: auto;resize: none;}
.contato .supi .form_contato button{width:200px;background-color: #8bbebe;padding: 20px 20px;box-sizing: border-box;text-align: center;font-weight: 500;color:#16224c;border:none;cursor: pointer;font-size: 17px;margin:-90px 10px 0 10px;position: absolute;right: 0}
.contato .supi .form_contato button:hover{background-color:#76a0c4;color:#fff;-moz-transition: all .2s ease-out;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;text-decoration: none;}
.contato .map{width: 100%;height:530px;}
.contato .map iframe{width: 100% !important;height: 100% !important;display: block;}

.wrap-recaptcha{text-align: left;margin: 0 0 0 5px}
.wrap-recaptcha .g-recaptcha{display: inline-block;}
.wrap-recaptcha .g-recaptcha{
-webkit-transform: scale(0.85);
transform: scale(0.85);
-webkit-transform-origin: -48px 0;
transform-origin: -48px 0;
}
.wrap-recaptcha .g-recaptcha > div{max-width: 250px;}


#cli{color:red;}
.clientes .conti{padding:0 0 70px 0 !important;}
.clientes .sec-login{padding: 100px 10px 30px 10px;max-width: 770px;margin: 0 auto;box-sizing: border-box;}
.clientes .sec-login .line{background-color:#f2f2f2;width: 100%;}
.clientes .sec-login h2{text-align: center;padding:20px;box-sizing: border-box;width: 100%;background-color:#16224c;font-size: 22px;line-height: 22px;color:#fff;font-weight:bold}
.clientes .sec-login form{max-width:565px;margin: auto;padding: 30px 0}
.clientes .sec-login .box-btn{display: flex;justify-content: space-between;align-items: center;padding: 15px 10px 0 10px;}
.clientes .sec-login .box-btn .forgot-password{color: #76a0c4;font-size: 14px;font-weight: 500;}
.clientes .sec-login .box-btn .forgot-password:hover{text-decoration: underline;}
.clientes .conti .input-style{height: 52px;}
.clientes .conti .input-style.select{}
.clientes .conti .input-style select{height: 52px;}

.clientes .smartlabel label{z-index: 2;}
.clientes .smartlabel .active label,
.clientes .smartlabel .wrapper-fixedlabel label{top: -7px;background-color: #fff;}

.clientes .btn,
.clientes a.btn{padding: 15px 45px 15px 45px;color: #324868;text-transform: uppercase;font-weight: 600;background-color: #8bbebe;font-weight: 500;font-size: 15px;border: none;text-align:center;transition: all .2s ease-out;cursor: pointer;text-decoration: none;line-height: 1;text-transform: uppercase;}
.clientes a.btn{padding: 12px 25px 10px 25px;}
.clientes .btn.white,
.clientes a.btn.white{background-color: transparent;border: 1px solid #e6e6e6;color: #000;}
.clientes .btn.small,
.clientes a.btn.small{height: 40px;}
.clientes .btn.blue,
.clientes a.btn.blue{background-color: #76a0c4;}
.clientes .btn.gray,
.clientes a.btn.gray{background-color: #aaa;}
.clientes .btn:hover,
.clientes a.btn:hover{background-color: #5073ab;color: #fff;}
.clientes .btn:hover.blue,
.clientes a.btn:hover.blue{background: #e14331;}

.login-cliente .sec-login .row{text-align: center;padding: 20px 10px 0 10px;}
.login-cliente .sec-login .row > a{font-size: 16px;line-height: 24px;color: #324868;font-weight: bold;}

.cadastro-cliente .cliente-form .wrapper-input{min-height: 76px;margin-bottom: 0;position: relative;}
.cadastro-cliente .cliente-form .errorlist{margin-bottom: 0;font-size: 12px;line-height: 16px;}
.cadastro-cliente .cliente-form .fieldset{margin-bottom: 20px;}
.cadastro-cliente .cliente-form .fieldset .titulo{padding: 0 10px;margin-bottom: 15px;font-size: 18px;line-height: 20px;color: #344b83;}
.cadastro-cliente .cliente-form .fieldset.half{width: 50%;float: left;}
.cadastro-cliente .cliente-form .box-btn{text-align: right;padding: 0 20px;}


.cadastro-cliente .cliente-form .available{width: 40px;height: 50px;display: inline-block;vertical-align: middle;}
.cadastro-cliente .cliente-form #error-cnpj{display: inline-block;vertical-align: middle;}
.cadastro-cliente .cliente-form .available .item{background-repeat: no-repeat;background-position: center;background-size: 20px;display: block;width: 40px;height: 40px;}
.cadastro-cliente .cliente-form .available .item.correct{background-image: url(../images/icon-checked.svg);}
.cadastro-cliente .cliente-form .available .item.wrong{background-image: url(../images/icon-wrong.svg);}


.clientes .inner-internas{padding: 60px 0 80px 0;}
.clientes .sec-internas .wrap-links{padding: 22px 15px;}
.clientes .sec-internas .wrap-links .links{display: flex;justify-content: flex-end;width: 100%;font-weight: 500;}
.clientes .sec-internas .wrap-links .links .admin-name{padding: 7px 30px 7px 0;border-right: 1px solid #bfbfbf;color: #666;}
.clientes .sec-internas .wrap-links .links .logout{padding: 7px 0 7px 30px;border-left: 1px solid #bfbfbf;color: #666;}


.clientes .conti .wrap-items{display: flex;}
.clientes .conti .wrap-items .box-items{min-width: 270px;padding: 20px 0 25px 0;border: 1px solid #e6e6e6;align-self: flex-start;}
.clientes .conti .wrap-items .box-items a{display: block;padding: 10px 30px;color: inherit;}
.clientes .conti .wrap-items .box-items a.username{font-weight: 500; color: #000;padding-bottom: 25px;}
.clientes .conti .wrap-items .box-items a.username:hover{background: inherit;}
.clientes .conti .wrap-items .box-items a.active{color: #76a0c4;background: #edf4f9;font-weight: 500;}
.clientes .conti .wrap-items .box-items a:hover{color: #76a0c4;background: #edf4f9;text-decoration: none;}
.clientes .conti .wrap-items .wrap-item{padding: 0 0 0 40px;width: 100%;}
.clientes .conti .wrap-items .wrap-item .titulo-principal{font-size: 30px;line-height: 38px;color: #76a0c4;margin-bottom: 25px;}

.clientes.info .conti .wrap-items .box-items a.info,
.clientes.pedidos .conti .wrap-items .box-items a.pedidos,
.clientes.pedido-detalhes .conti .wrap-items .box-items a.pedidos,
.clientes.estimativa-preco .conti .wrap-items .box-items a.estimativa-preco,
.clientes.carrinho .conti .wrap-items .box-items a.carrinho,
.clientes.atualizar-cliente .conti .wrap-items .box-items a.atualizar-cliente{color: #76a0c4;background: #edf4f9;font-weight: 500;}


.clientes.pedidos .conti .wrapper-input{min-height: 52px;}
.clientes.precos .conti .wrapper-input{min-height: 52px;}
.clientes .conti .wrapper-input.datetime{}
.clientes .conti .wrapper-input.datetime .input-date,
.clientes .conti .wrapper-input.datetime .input-time{padding-right: 40px;position: relative;background-position: calc(100% - 10px) center;background-repeat: no-repeat;}
.clientes .conti .wrapper-input.datetime .split-datetime{width: 50%;}
.clientes .conti .wrapper-input.datetime .input-date{background-image: url(../images/icon-calendar.svg);}
.clientes .conti .wrapper-input.datetime .input-search{}
.clientes .conti .wrapper-input.datetime .input-time{background-image: url(../images/icon-time.svg);}
.clientes .conti .wrap-radio label{position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0;padding: 3px 0 0 45px;}
.clientes .conti .wrap-radio label{padding: 3px 15px 0 33px;}
.clientes .conti .wrap-radio{display: flex;padding: 15px 10px 25px 10px;}
.clientes .conti .wrap-radio .header{display: inline-block;padding-right: 25px;}
.clientes .conti .wrapper-input .wrap-checkbox label:hover .text{opacity: 0.7;}
.clientes .conti .wrapper-input .wrap-checkbox label input,
.clientes .conti .wrap-radio label input{position: absolute;opacity: 0;cursor: pointer;}
.clientes .conti .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #fff;border: 1px solid #ddd;}
.clientes .conti .wrap-radio .checkmark{position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #fff;border-radius: 50%;}
.clientes .conti .wrapper-input .wrap-checkbox label input:checked ~ .checkmark{border: 2px solid #76a0c4;}
.clientes .conti .checkmark::after{content: '';position: absolute;display: none;left: 7px;top: 3px;width: 5px;height: 10px;border: solid #76a0c4;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.clientes .conti .wrap-radio .checkmark::after{content: "";position: absolute;display: none;top: 5px;left: 5px;width: 10px;height: 10px;border-radius: 50%;background: #76a0c4;}
.clientes .conti .wrap-checkbox label input:checked ~ .checkmark:after,
.clientes .conti .wrap-radio input:checked ~ .checkmark::after{display: block;}
.clientes .conti .form-consultar{margin-bottom: 30px;}
.clientes .conti .wrapper-input.box-botoes{display: flex;}
.clientes .agendar_consultar_filtar{font-weight: 500;margin-bottom: 10px;}


.clientes.pedidos .box-pedidos{}
.clientes.pedidos .box-pedidos .item{padding: 10px;font-size: 14px;line-height: 20px;}
.clientes.pedidos .box-pedidos .item:nth-child(odd){background-color: #f2f2f2;}
.clientes.pedidos .box-pedidos .item .info{}
.clientes.pedidos .box-pedidos .item .info > p{}
.clientes.pedidos .box-pedidos .item .info > p > strong{font-weight: 500;}
.clientes.pedidos .box-pedidos .item .box-botoes{text-align: right;}
.clientes.pedidos .box-pedidos .item .box-botoes .btn{display: inline-block;}


.clientes.precos .conti .form-consultar{}
.clientes.precos .box-carrinho{padding: 0 10px 10px 10px;text-align: right;}
.clientes.precos .box-carrinho.bottom{padding-bottom: 0;}
.clientes.precos .box-carrinho a.bt{color: #76a0c4;font-style: italic;}

.clientes.precos .box-produtos{padding: 0 10px;margin-bottom: 30px;}
.clientes.precos .box-produtos .item{padding: 10px;font-size: 14px;line-height: 20px;position: relative;}
.clientes.precos .box-produtos .item:nth-child(odd){background-color: #f2f2f2;}
.clientes.precos .box-produtos .item .info{margin-bottom: 10px;}
.clientes.carrinho .box-produtos .item .info{margin-bottom: 0;}
.clientes.precos .box-produtos .item .info > p{}
.clientes.precos .box-produtos .item .info > p > strong{font-weight: 500;display: inline-block;min-width: 170px;}
.clientes.carrinho .box-produtos .item .info > p > strong{min-width: 180px;}
.clientes.precos .box-produtos .item .box-botoes{text-align: right;}
.clientes.precos .box-produtos .item .box-botoes .status{font-style: italic;display: inline-block;}
.clientes.precos .box-produtos .item .box-botoes .status.active{color: rgba(76, 175, 82, 1);font-weight: 500;}
.clientes.precos .box-produtos .item .box-botoes .btn{display: inline-block;}
.clientes.precos .box-produtos .item .box-botoes .btn.adicionar{background-color: #76a0c4;}
.clientes.precos .box-produtos .item .box-botoes .btn:hover.adicionar{background: #e14331;}

.clientes.precos .box-produtos .item .box-botoes .toggle-produto{color: #76a0c4;}
.clientes.precos .box-produtos .item .box-botoes .toggle-produto.adicionar::before{content: "» ";}
.clientes.precos .box-produtos .item .box-botoes .toggle-produto.remover{color: #e14331;}

.clientes.precos .box-imprimir{text-align: right;padding: 10px 10px;}
.clientes.precos .box-imprimir .btn{display: inline-block;}

.clientes.precos .box-imprimir .bt-remover{color: #e14331;display: inline-block;vertical-align: middle;}
.clientes.precos .box-imprimir .bt-remover::before{content: url(../images/printer-delete-icon.png);display: inline-block;vertical-align: middle;margin: 5px;}


.clientes.precos .conti .wrap-checkbox{position: relative;text-align: right;}
.clientes.precos .conti .wrap-checkbox label .text{margin-right: 10px;}
.clientes.precos .conti .wrap-checkbox label:hover .text{opacity: 0.7;cursor: pointer;}
.clientes.precos .conti .wrap-checkbox label input{display: none;}
.clientes.precos .conti .checkmark{position: relative;top: initial;left: initial; display: inline-block;vertical-align: middle; height: 25px;width: 25px;background-color: #fff;border: 1px solid #ddd;}
.clientes.precos .conti .checkmark:hover{cursor: pointer;}
.clientes.precos .conti .wrap-checkbox label input:checked ~ .checkmark{border: 2px solid #76a0c4;}
.clientes.precos .conti .checkmark::after{content: '';position: absolute;display: none;left: 7px;top: 3px;width: 5px;height: 10px;border: solid #76a0c4;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.clientes .conti .wrap-checkbox label input:checked ~ .checkmark:after{display: block;}

.clientes.carrinho .box-produtos .empty{padding: 20px 10px;}
.clientes.carrinho .box-produtos .item .info{padding-right: 15px;}
.clientes.carrinho .box-produtos .item .box-botoes .toggle-produto.remover{position: absolute;top: 5px;right: 5px;display:inline-block;padding: 5px;font-weight: bold; color: #fff;background-color: #e14331;line-height: 10px;}
.clientes.carrinho .box-produtos .item .box-botoes .toggle-produto.remover:hover{text-decoration: none;opacity: 0.7;}

.clientes.carrinho .box-produtos .item .wrap-quantidade{text-align: right;padding-bottom: 10px;}
.clientes.carrinho .box-produtos .item .input-quantidade{width:67px;height:40px;border:1px solid #ddd;color:#333;margin:0 auto;text-align:center;font-size:14px;}
.clientes.carrinho .box-produtos .item .input-quantidade::-webkit-outer-spin-button,
.clientes.carrinho .box-produtos .item .input-quantidade::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.clientes.carrinho .box-produtos .item .input-quantidade{
    -moz-appearance:textfield;
}
.clientes.carrinho .box-produtos .item .bt-quantidade{width: 17px;height: 17px; display: inline-block;vertical-align: middle;border: 0;background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: cover;}
.clientes.carrinho .box-produtos .item .bt-quantidade:hover{cursor: pointer;}
.clientes.carrinho .box-produtos .item .bt-quantidade.minus{background-image: url(../images/icon-minus.svg);margin-right: 5px;}
.clientes.carrinho .box-produtos .item .bt-quantidade.plus{background-image: url(../images/icon-plus.svg);margin-left: 5px;}



.clientes.pedido-detalhes .info-pedido{margin-bottom: 30px;}
.clientes.pedido-detalhes .info-pedido .group{padding: 10px;}
.clientes.pedido-detalhes .info-pedido .group:nth-child(even){background-color: #f2f2f2;}
.clientes.pedido-detalhes .info-pedido .group.status{
    margin-top: 15px;
    color: #76a0c4;
    font-size: 20px;
    line-height: 26px;
    text-align: right;
    background-color: #edf4f9;
}
.clientes.pedido-detalhes .info-pedido .group.status strong{padding: 0 10px;}
.clientes.pedido-detalhes .info-pedido p{margin-bottom: 5px;word-break: break-all;}
.clientes.pedido-detalhes .info-pedido p > strong{font-weight: 500;display: inline-block;min-width: 170px;}
.clientes.pedido-detalhes .info-pedido p > a{color: #76a0c4;}
.clientes.pedido-detalhes .info-pedido p > a.bt-nfe{display: inline-block;vertical-align: middle;margin-right: 10px;}

.clientes.pedido-detalhes .titulo-produtos{color: #76a0c4;font-size: 20px;line-height: 24px;margin-bottom: 20px;}
.clientes.pedido-detalhes .box-produtos{}
.clientes.pedido-detalhes .box-produtos .item{padding: 10px;font-size: 14px;line-height: 20px;}
.clientes.pedido-detalhes .box-produtos .item:nth-child(odd){background-color: #f2f2f2;}
.clientes.pedido-detalhes .box-produtos .item > p{margin-bottom: 5px;}
.clientes.pedido-detalhes .box-produtos .item > p > a{color: #76a0c4;}
.clientes.pedido-detalhes .box-produtos .item > p > strong{font-weight: 500;display: inline-block;min-width: 170px;}
.clientes.pedido-detalhes .bt-voltar{color: #76a0c4;float: right;}

.clientes.pedido-detalhes .box-form{padding: 40px 0 20px 0;}
.clientes.pedido-detalhes .box-form .box-label{margin-bottom: 10px;}
.clientes.pedido-detalhes .box-form .box-label > p:first-child{color: #76a0c4;font-size: 20px;line-height: 24px;margin-bottom: 20px;}
.clientes.pedido-detalhes .box-form .wrapper-input{padding: 0;float: none;}
.clientes.pedido-detalhes .box-form .wrapper-input.textarea{width: 100%;min-height: 112px;}
.clientes.pedido-detalhes .box-form textarea.input-style{resize:none;height: 94px;padding-right: 10px;color: initial;}
.clientes.pedido-detalhes .box-form .box-botoes{text-align: right;}
.clientes.pedido-detalhes .box-form .box-botoes .btn{display: inline-block;}

.clientes.pedido-detalhes .smartlabel label{left: 10px;top: 10px;}

.clientes.pedido-detalhes .smartlabel .active label,
.clientes.pedido-detalhes .smartlabel .wrapper-fixedlabel label{left: 10px;top: -7px;}

/* Place Holder CSS */
.clientes.pedido-detalhes .box-form textarea.input-style::-webkit-input-placeholder{
    color: #999 !important;
    font-size: initial;
    font-weight: initial;
    text-transform: initial;
}
.clientes.pedido-detalhes .box-form textarea.input-style:-moz-placeholder{
    color: #999 !important;
    font-size: initial;
    font-weight: initial;
    text-transform: initial;
}
.clientes.pedido-detalhes .box-form textarea.input-style:-ms-input-placeholder{
    color: #999 !important;
    font-size: initial;
    font-weight: initial;
    text-transform: initial;
}

.info-cliente .conti{padding-top: 0;}

.box-loading{margin: 0 auto 0 auto;display: block;position: relative;height: 50px;}
.box-loading .loading{width:40px;height:40px;border-radius:150px;border:5px solid rgba(118, 161, 196, 0.5);border-top-color: rgba(118, 161, 196, 1);position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;animation:loading 1.2s linear infinite;-webkit-animation:loading 1.2s linear infinite;box-sizing:border-box;}
@keyframes loading{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
@-webkit-keyframes loading{
  0%{-webkit-transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg)}
}



.cotacao .conti textarea.input-style{min-height: 94px;}
.cotacao .conti .box-identificacao{padding-top: 30px;}


.depoimentos .conti .vitrine{width: 100%;padding:80px 0 80px 0;}
.depoimentos .conti .vitrine .sep{padding:30px;box-sizing: border-box;background-color:#f2f2f2;width: 100%;margin:0 0 40px 0}
.depoimentos .conti .vitrine .sep:last-child{margin: 0}
.depoimentos .conti .vitrine .sep .infos{width:100%;position: relative;}
.depoimentos .conti .vitrine .sep .infos{width: 100%;padding:25px 45px;box-sizing: border-box;position: relative;}
.depoimentos .conti .vitrine .sep .infos::after{background-size:35px !important;width:35px;height:10px;content:url(../images_new/aspas.png);position: absolute;top:0;left: 0;}
.depoimentos .conti .vitrine .sep .infos::before{background-size:35px !important;width:35px;height:10px;content:url(../images_new/aspas2.png);position: absolute;bottom:0;right: 0;}
.depoimentos .conti .vitrine .sep .infos .texto p{font-size:18px;line-height: 30px;color:#16224c}
.depoimentos .conti .vitrine .sep .box_name{width:auto;margin:30px 0 0 45px;box-sizing: border-box;}
.depoimentos .conti .vitrine .sep .box_name h3{font-size:17px;font-weight: 600;color:#16224c;line-height:20px;margin:0 0 5px 0;display: block;}
.depoimentos .conti .vitrine .sep .box_name h4{font-size:15px;font-weight: 600;color:#8bbebe;line-height:20px;margin:0 0 5px 0;display: block;}

.noticias .conti .supi{width:100%;padding:60px 0;}
.noticias .conti .supi h2{font-size:18px;font-weight: 600;color:#16224c;line-height:25px;text-align: left;margin:0 0 45px 0;display: block;}
.noticias .conti .supi .texto{margin:0 0 70px 0}
.noticias .conti .supi .texto p{color: #16224c;line-height: 22px;font-size: 15px;text-align: justify;}
.noticias .conti .supi h3{font-size:18px;font-weight: 600;color:#16224c;line-height:25px;text-align: left;margin:0 0 70px 0;display: block;}

.noticias .conti .supi .vitrine{width: 100%;margin:90px 0 0 0;text-align: center;}
.noticias .conti .supi .vitrine .sep{width:370px;display: inline-block;vertical-align: top;margin:0 26px 0 0}
.noticias .conti .supi .vitrine .sep:last-child{margin: 0}
.noticias .conti .supi .vitrine .sep figure{width:370px;height:220px;overflow: hidden;}
.noticias .conti .supi .vitrine .sep figure img{width: 100%;height: auto;display: block;transform: scale(1);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.noticias .conti .supi .vitrine .sep:hover figure{box-shadow: 0 5px 20px rgb(61 61 70 / 10%);}
.noticias .conti .supi .vitrine .sep:hover figure img{width: 100%;height: auto;display: block;transform: scale(1.05);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.noticias .conti .supi .vitrine .sep h2{font-size:17px;font-weight: 600;color:#212c54;line-height: 25px;margin:30px 0 25px 0;text-align: left;}
.noticias .conti .supi .vitrine .sep p{font-size: 15px;color:#333a42;line-height: 23px;text-align: left;}
.noticias .conti .supi .vitrine .sep:hover{text-decoration: none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}



.main-header{background-color: #fff; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;}

/*
.main-header .top .bt-style{padding: 10px 25px;font-size: 15px;line-height: 20px;font-weight: 700; background-color: var(--color1); color: #fff; display: inline-block;text-transform: uppercase;transition: all 0.1s ease-out;}
.main-header .top .bt-style:hover{text-decoration: none;transform: scale(1.1);}
*/
.main-header .middle{background-color: #fff;padding: 10px 10px;}
.main-header .middle .logo{flex-shrink: 0;max-width: 250px;background-color: #fff;}
.main-header .middle .logo > a{display: flex;width: 100%;height: 100%;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;justify-content: center;align-items: center;}
.main-header .middle .logo > a:hover{opacity: 0.7;}
.main-header .middle .logo img{max-width: 100%;max-height: 100%;width: auto !important; vertical-align: middle;height: auto !important;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;}
.main-header .middle .main-menu{text-align: center;}
.main-header .middle .main-menu .item{display: inline-block;vertical-align: middle;}
.main-header .middle .main-menu .item > a{position: relative; display: inline-block;padding: 15px 7px;color: var(--color1); font-size: 16px;line-height: 20px;font-weight: 400; letter-spacing: 0px; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;}
.main-header .middle .main-menu .item:hover > a{text-decoration: none;}
.main-header .middle .main-menu .item.has-submenu{position: relative;}
.main-header .middle .main-menu .item .wrap-submenu{display: none; width: 190px;text-align: left; position: absolute;left: 0;z-index: 999999;padding-top: 10px;}
.main-header .middle .main-menu .item:nth-last-child(-n + 2) .wrap-submenu{left: initial;right: 0;}
.main-header .middle .main-menu .item .submenu{width: 100%;padding: 0px 0; background-color: #ffffff;border-radius: 0px; box-shadow: 0 0 10px -2px rgba(0, 0, 0, .54);border: 1px solid #e8e8e8;border-bottom: 0;}
.main-header .middle .main-menu .item .submenu .item{width: 100%;padding: 0px 00px;border-bottom: 1px solid #e8e8e8;}
.main-header .middle .main-menu .item .submenu .item > a{display: block;color: var(--textcolor2); font-size: 14px;line-height: 20px; padding: 13px 15px;text-transform: initial;text-transform: uppercase; -webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;}
.main-header .middle .main-menu .item .submenu .item:hover > a{background-color: var(--color2);text-decoration: none; color: #fff;}
.main-header .middle .main-menu .item.has-submenu:hover .wrap-submenu{display: block;}
.main-header .middle .bt-style{padding: 10px 25px;border-radius: 3px; font-size: 15px;line-height: 20px;font-weight: 500; background-color: var(--color1); color: #fff; display: inline-block;width: 210px;max-width: 100%;text-align: center; text-transform: uppercase;transition: var(--transition1);}
.main-header .middle .bt-style:hover{text-decoration: none;transform: scale(1.1);}



.main-footer{border-top: 1px solid #F0F0F0;}
.clientes .main-footer{border-top: 3px solid var(--color1);}
.main-footer__top{padding: 60px 10px;background-color: #fff;}
.main-footer__content{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;gap: 20px;}
.main-footer__item-titulo{font-size: 16px;line-height: 20px;font-weight: 700; color: var(--color1);margin-bottom: 20px;}
.main-footer__item{}
.main-footer__item1{max-width: 170px;}
.main-footer__item2{max-width: 200px;}
.main-footer__item3{}
.main-footer__item4{max-width: 460px;}
.main-footer__item img{vertical-align: middle;max-width: 100%;height: auto !important;}
.main-footer__item-location1{font-size: 16px;line-height: 20px;font-weight: 400;color: var(--textcolor1);margin-top: 20px;text-align: center;}
.main-footer__item-item{margin-bottom: 10px;}
.main-footer__item-icon{display: inline-block;vertical-align: middle;margin-right: 5px;color: var(--color2);}
.main-footer__item-icon svg{fill: var(--color2);width: 16px;height: 16px;}
.main-footer__item-text{font-size: 14px;line-height: 20px;color: #585858;}
.main-footer__item-text a{color: inherit;}
.main-footer__item-ul{display: flex;flex-direction: column;gap: 10px;}
.main-footer__item-li{list-style-type: none;}
.main-footer__item-li::marker{color: #fff;font-size: 16px;}
.main-footer__item-li a{font-size: 14px;line-height: 20px;font-weight: 400; color: #585858;}
.main-footer__item-bt{padding: 10px 25px;border-radius: 3px; font-size: 15px;line-height: 20px;font-weight: 500; background-color: var(--color1); color: #fff; display: inline-block;width: 210px;max-width: 100%;text-align: center; text-transform: uppercase;transition: var(--transition1);}
.main-footer__item-bt:hover{text-decoration: none;transform: scale(1.1);}

.main-footer__copyright{position: relative; font-size: 14px;line-height: 20px;color: #fff;background-color: var(--darkcolor1); text-align: center;padding: 25px 10px 75px 10px;}
.main-footer__copyright-block{display: inline-block;}
.main-footer__item .redessociais__box{justify-content: center;}
.main-footer__item .redessociais__item{}
.main-footer__item .redessociais__item a{}
.main-footer__item .redessociais__item svg{}

.main-footer__grupos{display: flex;flex-direction: column;gap: 5px;}
.main-footer__grupo{display: flex;align-items: center;gap: 5px;}
.main-footer__grupo-icone{flex-shrink: 0; width: 32px;height: 32px;color: var(--lightcolor2);display: flex;justify-content: center;align-items: center;}
.main-footer__grupo.local .main-footer__grupo-icone{font-size: 16px;line-height: 20px;}
.main-footer__grupo.phone .main-footer__grupo-icone{font-size: 16px;line-height: 20px;}
.main-footer__grupo.email .main-footer__grupo-icone{font-size: 14px;line-height: 20px;}
.main-footer__grupo-valor{font-size: 14px;line-height: 20px;color: var(--textcolor1);}
.main-footer__grupo-valor a{color: inherit;word-break: break-all;}


.main-title{position: relative; padding: 20px 10px; font-family: var(--fontpoppins);background-color: var(--color1);}
.main-title__wrap{display: flex;flex-direction: column;justify-content: center;align-items: center; gap: 10px;position: relative;z-index: 2;height: 100%;}
.main-title__text{font-size: 42px;line-height: 50px; color: #fff;font-weight: 600;}
.main-title__subtext{font-size: 20px;line-height: 26px;font-weight: 500; color: #fff;text-align: center;}
.main-title-no-mg .main-title{margin-bottom: 0;}

.section__container{padding: 60px 10px;}
.section__container-title{font-family: var(--fontpoppins); font-size: 50px;line-height: 56px;font-weight: 700;color: var(--color1);text-align: center;margin: 0 auto 30px auto;}
.section__container-complement{font-size: 18px;line-height: 24px;color: var(--textcolor2);text-align: center;}

.section__sobre{padding-bottom: 140px;}
.sobre__content{display: flex;gap: 50px;}
.sobre__content img{max-width: 100%;height: auto !important;vertical-align: middle;}
.sobre__content-1{}
.sobre__content-2{max-width: 540px;}
.sobre__subtitulo{font-size: 16px;line-height: 20px;color: var(--textcolor2);text-transform: uppercase;margin-bottom: 20px;}
.sobre__titulo{font-family: var(--fontpoppins);font-size: 50px;line-height: 54px;font-weight: 700;color: var(--color1);margin-bottom: 20px;}
.sobre__texto{color: var(--textcolor1);}
.sobre__texto p{font-size: 15px;line-height: 1.3;}

.section__diferenciais{padding-bottom: 0; background-color: var(--color1);}
.diferenciais__content{display: flex;gap: 50px;padding-bottom: 60px;position: relative;min-height: 490px;}
.diferenciais__content img{max-width: 100%;height: auto !important;vertical-align: middle;}
.diferenciais__content-1{max-width: 510px;}
.diferenciais__content-2{position: absolute;bottom: 0;right: 0;max-width: 586px;}
.diferenciais__titulo{color: #fafafa;font-family: var(--fontpoppins);margin-bottom: 20px;}
.diferenciais__titulo-menor{font-size: 16px;line-height: 20px;font-weight: 500;}
.diferenciais__titulo-maior{font-size: 50px;line-height: 54px;font-weight: 700;display: block;}
.diferenciais__list{}
.diferenciais__item{display: flex;align-items: center;gap: 18px;position: relative;padding: 15px 0;}
.diferenciais__item::before{content: " ";display: block;position: absolute;z-index: 0; left: 17px;height: 100%;width: 1px;background-color: var(--lightcolor1);}
.diferenciais__item:first-child::before{height: 50%;top: initial;bottom: 0;}
.diferenciais__item:last-child::before{height: 50%;top: 0;bottom: initial;}
.diferenciais__item-icone{flex-shrink: 0; display: flex;justify-content: center;align-items: center; background-color: var(--lightcolor1);color: #fff;fill: #fff;width: 35px;height: 35px;border-radius: 5px;position: relative;z-index: 2;}
.diferenciais__item-info{font-family: var(--fontpoppins);}
.diferenciais__item-titulo{font-size: 16px;font-size: 18px;color: var(--lightcolor1); line-height: 24px;margin-bottom: 5px;}
.diferenciais__item-texto{font-size: 14px;line-height: 20px;color: #fff;}


.section__parceiros{background-color: #f0f0f0;}
.parceiros__center{max-width: 1230px;margin-left: auto;margin-right: auto;padding: 0 30px;}
.parceiros__gallery{text-align: center;background-color: #fff;max-width: 1170px;margin-left: auto;margin-right: auto;}
.parceiros__gallery-link{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;color: var(--textcolor1);}
.parceiros__gallery-item{max-width: 180px;height: 100px;text-align: center;margin: 0 auto;}
.parceiros__gallery-item img{display: inline-block; max-width: 100%;width: auto !important;height: auto !important;max-height: 100%; vertical-align: middle;transition: var(--transition1);}

.fornecedores .conti{background-color: #f0f0f0;}
.parceiros__grid{display: flex;flex-wrap: wrap;gap: 20px;max-width: 1120px;margin: 0 auto;}
.parceiros__grid-item{width: 208px;height: 115px;text-align: center;}
.parceiros__grid-link{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;color: var(--textcolor1);}
.parceiros__grid-item img{max-width: 100%;height: auto !important;vertical-align: middle;transition: var(--transition2);}
.parceiros__grid-item a:hover img{transform: scale(1.05);}


.owl-theme.prev-next-style1 div.owl-nav{margin: 0 auto;max-width: 1170px;}
.owl-theme.prev-next-style1 div.owl-nav [class*=owl-]{background-repeat: no-repeat;background-position: center;background-color: transparent;overflow: hidden;color: #000000;font-size: 30px;}
.owl-theme.prev-next-style1 div.owl-nav [class*=owl-]:hover{background-color: transparent;opacity: 0.7;color: #000000;}
.owl-theme.prev-next-style1 div.owl-nav .owl-prev{width: 25px;height: 25px;overflow: hidden;text-indent: -666px; position: absolute;left: -37px;top: 50%;transform: translateY(-50%);background-image: url(../images/angle-left.svg);background-size: 25px;border-radius: 50%; background-color: rgba(255, 255, 255, 0);}
.owl-theme.prev-next-style1 div.owl-nav .owl-next{width: 25px;height: 25px;overflow: hidden;text-indent: -666px;position: absolute;right: -37px;top: 50%;transform: translateY(-50%);background-image: url(../images/angle-right.svg);background-size: 25px;border-radius: 50%; background-color: rgba(255, 255, 255, 0);}

.owl-theme.prev-next-style2 div.owl-nav{margin: 0 auto;max-width: 1170px;}
.owl-theme.prev-next-style2 div.owl-nav [class*=owl-]{background-repeat: no-repeat;background-position: center;background-color: transparent;overflow: hidden;color: #000000;font-size: 30px;}
.owl-theme.prev-next-style2 div.owl-nav [class*=owl-]:hover{background-color: transparent;opacity: 0.7;color: #000000;}
.owl-theme.prev-next-style2 div.owl-nav .owl-prev{width: 40px;height: 40px;overflow: hidden;text-indent: -666px; position: absolute;left: 10px;top: 50%;transform: translateY(-50%);background-image: url(../images/angle-left-w.svg);background-size: 40px;border-radius: 50%; background-color: rgba(255, 255, 255, 0);}
.owl-theme.prev-next-style2 div.owl-nav .owl-next{width: 40px;height: 40px;overflow: hidden;text-indent: -666px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);background-image: url(../images/angle-right-w.svg);background-size: 40px;border-radius: 50%; background-color: rgba(255, 255, 255, 0);}
@media(max-width: 1023px){
    .owl-theme.prev-next-style2 div.owl-nav .owl-prev{width: 15px;height: 15px;background-size: 15px;left: 0;}
    .owl-theme.prev-next-style2 div.owl-nav .owl-next{width: 15px;height: 15px;background-size: 15px;right:0;}
}


.owl-dots-style-1 div.owl-dots{position: absolute;bottom: 20px;left: 0;width: 100%;}
.owl-dots-style-1 div.owl-dots .owl-dot{outline: none;}
.owl-dots-style-1 div.owl-dots .owl-dot span{background-color: #fff;width: 8px;height: 8px;margin: 5px 5px;-webkit-box-shadow: none;box-shadow: none;border: 0;}
.owl-dots-style-1 div.owl-dots .owl-dot.active span,
.owl-dots-style-1 div.owl-dots .owl-dot:hover span{background-color: #DEDEDE59;}
@media(max-width: 1023px){
    .owl-dots-style-1 div.owl-dots{bottom: 5px;}
    .owl-dots-style-1 div.owl-dots .owl-dot span{width: 8px;height: 8px;}
}


.box-banners .banners{width: 100%;min-height:calc(100vh - 100px);max-width: 1920px;margin: 0 auto;position: relative;}
.box-banners .banners .item-banner{width:100%;height: calc(100vh - 100px);background-size:cover;background-position: center center; background-color: var(--color1);background-repeat: no-repeat; position:relative;z-index: 1;}
.box-banners .banners .item-banner::after{content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(6, 25, 112, 0.65);width: 100%;height: 100%;z-index: 2;}
.box-banners .banners .center{width: 100%;height: 100%;position: relative;display: flex;align-items: center;z-index: 4;position: relative;}
.box-banners .banners .item-banner .item-banner__wrap{width:100%;height: auto;margin:0 0 0 0;max-width:750px;display: flex;flex-direction: column;gap: 30px;font-family: var(--fontpoppins);}
.box-banners .banners .item-banner .item-banner__texto-frase1 p{font-size: 62px;line-height: 1;color: #fff;font-weight: 700;margin: 0;}
.box-banners .banners .item-banner .item-banner__texto-frase1 p:not(:first-child){color: #e9442e;}
.box-banners .banners .item-banner .item-banner__texto-frase2{margin: 30px 0 0 0;}
.box-banners .banners .item-banner .item-banner__texto-frase2 p{font-size: 17px;line-height: 22px;color: #fff;font-weight:normal;max-width: 650px;margin: 0;}
.item-banner__row{display: flex;align-items: center;gap: 20px;}
.item-banner__bt1{padding: 10px 25px;border-radius: 3px;border: 1px solid transparent; font-size: 15px;line-height: 20px;font-weight: 500; background-color: #2DB31C; color: #fff; display: inline-block;width: 250px;max-width: 100%;text-align: center; text-transform: uppercase;transition: var(--transition1);}
.item-banner__bt1:hover{text-decoration: none;cursor: pointer;background-color: #33CA20;}
.item-banner__bt2{padding: 10px 25px;border-radius: 3px;border: 1px solid #fff; font-size: 15px;line-height: 20px;font-weight: 500; background-color: transparent; color: #fff; display: inline-block;text-align: center; text-transform: uppercase;transition: var(--transition1);}
.item-banner__bt2:hover{text-decoration: none;cursor: pointer;background-color: #1097E0;}


.contato .conti{background-color: #f0f0f0;}
.contatos__main{display: flex;flex-direction: row; gap: 10px;justify-content: space-between;padding:60px 10px;}
.contatos__main-content1{width: 100%;max-width: 470px;display: flex;flex-direction: column;gap: 20px;font-family: var(--fontpoppins);}
.contatos__main-title{font-size: 50px;line-height: 54px;color: var(--color1);font-weight: 700;}
.contatos__main-text{color: var(--textcolor1);}
.contatos__main-text p{font-size: 15px;line-height: 20px;}
.contatos__main-content2{width: 100%;max-width: 570px;font-family: var(--fontpoppins);}

.contatos__grupos{display: flex;flex-direction: column;gap: 20px;margin-bottom: 10px;}
.contatos__grupo{display: flex;align-items: center;gap: 10px;}
.contatos__grupo-icone{flex-shrink: 0; width: 40px;height: 40px;border-radius: 100px;color: var(--lightcolor2);display: flex;justify-content: center;align-items: center;}
.contatos__grupo.local .contatos__grupo-icone{font-size: 34px;line-height: 40px;}
.contatos__grupo.phone .contatos__grupo-icone{font-size: 26px;line-height: 40px;}
.contatos__grupo.whats .contatos__grupo-icone{font-size: 24px;line-height: 40px;}
.contatos__grupo.email .contatos__grupo-icone{font-size: 20px;line-height: 40px;}
.contatos__grupo-titulo{display: block;font-size: 18px;line-height: 22px;color: var(--textcolor2);font-weight: 500;}
.contatos__grupo-valor{font-size: 14px;line-height: 20px;color: var(--textcolor1);}
.contatos__grupo-valor a{color: inherit;}

.contatos__rowbuttons{display: flex;align-items: flex-start;gap: 30px;padding: 0 10px;justify-content: flex-end;}
.contatos__rowbuttons-bt{font-size: 14px;color: #fff;display: inline-block;width: 100%; text-transform: uppercase;padding: 15px 25px; background-color: var(--color1);-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;border:none;}
.contatos__rowbuttons-bt:hover{text-decoration: none;opacity: 0.7;cursor: pointer;}
.contatos__main-frame .wrap-recaptcha{text-align: center;}
.contatos__main-frame .wrapper-input{margin-bottom: 0;min-height: 66px;}
.contatos__main-frame .wrapper-input label{font-size: 13px;line-height: 20px;color: var(--textcolor1);}
.contatos__main-frame .input-style{height: 34px;border-color: #aeaeae;border-radius: 3px;}
.contatos__main-frame .input-style select{height: 34px;}
.contatos__main-frame .input-style::placeholder{color: #aeaeae;font-size: 13px;}
.contatos__main-frame .wrapper-input.textarea{min-height: 176px;}
.contatos__main-frame .textarea .input-style{height: 140px;}

.map-iframe{width:100%;max-width: 1920px;margin:0 auto;height: 500px;margin-top: 80px;}
.map-iframe iframe{width: 100% !important;height: 100%!important;}

.contato .main-content{padding-bottom: 0;}

@media(min-width: 1170px){
    .mobile{display: none !important}
    .desktop{}
    .center{width: 100%;max-width: 1170px;margin:0 auto;}

}

@media(min-width: 1024px){

    .clientes.pedidos .box-pedidos .item{display: flex;justify-content: space-between;align-items: flex-end;}
    .clientes.precos .box-imprimir{display: flex;justify-content: space-between;}

    .clientes.precos .box-produtos .item .box-botoes{display: flex;justify-content: space-between;}

    header .right .menu a.bt-denuncia{display: none;}
    footer .inf .menu a{font-size: 14px;margin-right: 25px;}
    footer .inf .menu a.bt-denuncia{margin-right: 0;}

    .col-1-1{float: left;width: 100%;}
    .col-1-2{float: left;width: 50%;}
    .col-1-3{float: left;width: calc(100%/3);}
    .col-3-4{float: left;width: calc(300%/4);}
    .col-1-4{float: left;width: calc(100%/4);}
    .col-1-5{float: left;width: calc(100%/5);}
    .col-2-3{float: left;width: calc(200%/3);}
    .col-5-12{float: left;width: calc(500%/12);}
    .col-2-12{float: left;width: calc(200%/12);}

    .main-header{height: 100px; position: static;z-index: 1000;top: 0;left: 0;width: 100%;transition: all 0.3s ease-out;}
    .main-header .middle{transition: all 0.3s ease-out;}
    .main-header .middle > .row{min-height: 80px;display: flex;align-items: center;justify-content: space-between;position: relative;transition: all 0.3s ease-out;}
    .main-header .middle .logo{display: flex;justify-content: center;align-items: center;}
    .main-header .middle .logo img{max-width: 100%;height: auto !important;vertical-align: middle; transition: all 0.3s ease-out;}
    .main-header .middle .main-menu{display: flex;align-items: center;gap: 30px;}
    .main-header .middle .wrap-menu{gap: 30px;display: flex;}
    .main-header .middle .main-menu .item{padding: 0;}
    .main-header .middle .main-menu .item > a{padding: 15px 0px;position: relative;}
    .main-header .middle .main-menu .item > a::before{content: " ";display: block;width: 100%;height: 2px;position: absolute;bottom: 7px;left: 0;background-color: transparent; -webkit-transition:all 0.4s ease-out;transition: all 0.4s ease-out;}
    .main-header .middle .main-menu .item:hover > a::before{background-color: var(--color2);}
    .main-header .middle .main-menu .item.has-submenu{position: relative;padding: 0 15px 0 0;}
    .main-header .middle .main-menu .item.has-submenu::after{content: "";position: absolute;top: 50%;right: 0px;transform: translateY(-50%); width: 0px;height: 0px;cursor: pointer;font-size: 0;border-top: 5px solid var(--textcolor2);border-left: 5px solid transparent;border-right: 5px solid transparent;}
    .main-header .middle .main-menu .item.has-submenu:hover::after{border-top-color: var(--color2);}

    .main-header.active{top: 0px;}

    .box-banners .banners .item-banner{min-height: 600px;}

}


/* Dispositivos com tela entre de 1024px e 1169px */
@media(min-width: 1024px) and (max-width: 1169px){
    body{font-size:14px;line-height: 18px}
    /*.texto p{font-size:14px;line-height: 19px;margin:0 0 18px 0;color:#666;}*/
    .mobile{display: none !important}
    .desktop{}
    .center{width: 100%;max-width: 1024px;margin:0 auto;padding:0 10px !important;box-sizing: border-box;}

    header .box_logo{width:200px;height:200px;}
    header .box_logo .centralizador{width:200px;height: 200px}
    header .box_logo .centralizador img{background-size: 138px !important;width: 138px;height: auto;display: block;margin: 0 auto;}
    header .right{width:802px;}
    header .right .sup{padding-top: 70px}
    header .right .sup .bt_area{padding:15px 25px;}
    header .right .sup .bt_area .text{font-size: 13px}
    header .right .menu{padding:15px 35px 15px 0;margin: 35px 0 0 0}
    header .right .menu a{font-size: 13px;margin:0 17px 0 0}
    .home .destaques .item .center .miolo{padding:0 25px;box-sizing: border-box;}
    .home .destaques .item .center .miolo h2{font-size: 25px;line-height: 30px}
    .home .destaques .item .center .miolo h2 span{font-size:45px;line-height: 50px}
    .home .destaques .item .center .miolo p{font-size: 15px;line-height: 22px}
    .home .conteudo .sup{padding:0 0 75px 0;}
    /*.home .conteudo .sup .left{width:270px}*/
    /*.home .conteudo .sup .left h2{padding:18px;font-size: 20px;margin: 0 0 45px 0;}*/
    .home .conteudo .sup .left h3{font-size: 18px;line-height: 23px;margin:0 0 30px 0}
    .home .conteudo .sup .right {width: 650px;height:355px;margin: 100px 0 0 0;}
    .home .conteudo .middle .sep .left{min-height: 350px}
    .home .conteudo .middle .sep .right{min-height: 350px}
    .home .conteudo .middle .sep .right .info{width: 445px}
    .home .conteudo .middle .sep .right .info h2{font-size: 22px;line-height: 25px;margin:0 0 20px 0 }
    .home .conteudo .middle .sep .right .info .texto p{font-size: 16px;line-height: 25px}
    .home .conteudo .box_depoimentos{padding:55px 0 70px 0;}
    .home .conteudo .box_depoimentos h2{font-size: 22px;line-height: 25px;margin:0 0 25px 0 ;}
    .home .conteudo .box_depoimentos .descri{max-width:980px;width: 100%;margin: 0 auto 50px auto;font-size: 15px}
    .home .conteudo .box_depoimentos .vitrine .sep .depoimento .texto p {font-size: 16px;line-height: 26px;}
    .home .conteudo .box_depoimentos .vitrine .sep {width: 455px;margin: 0 75px 0 0}
    .home .conteudo .box_depoimentos .vitrine .sep .depoimento::before{bottom: 10px;right: 35px;}
    .home .conteudo .box_depoimentos .vitrine .sep .box_name h3{font-size: 16px;}
    .home .conteudo .box_depoimentos .vitrine .sep .box_name h4{font-size: 14px;}
    .home .conteudo .box_blog{padding:55px 0 90px 0;}
    .home .conteudo .box_blog h2{font-size: 22px;line-height: 25px;margin:0 0 25px 0 ;}
    .home .conteudo .box_blog .descri{max-width:980px;width: 100%;margin: 0 auto 50px auto;font-size: 15px}
    .home .conteudo .box_blog .vitrine{margin:65px 0 0 0;text-align: center;}
    .home .conteudo .box_blog .vitrine .sep{width:320px;margin:0 15px 0 0}
    .home .conteudo .box_blog .vitrine .sep figure{width: 320px;height: 190px;}
    footer .sup .loguin{background-size: 94px !important;width: 94px;height: 92px;margin:0 40px 0 0}
    footer .sup address{margin:15px 65px 0 0}
    footer .sup .redes{margin: 15px 0 0 65px;width: 110px;}
    footer .sup .redes a{width:50px;height:50px;}
    footer .sup .redes a .centralizador{width:50px;height:50px;}
    footer .sup .redes a .centralizador img {max-width: 25px;max-height: 25px;}
    footer .inf{height:50px;}
    footer .inf .menu{width:810px;height:50px}
    footer .inf .menu a{padding-top: 15px;font-size: 13px}
    footer .inf .bt_area{padding:15px 20px;height:50px}
    footer .sup .contatos a{line-height: 18px}
    footer .inf:before{height:50px}
    footer .inf:after{height:50px}

    footer .inf .menu a{margin-right: 5px;}

    .internas .caixa_title{margin:176px 0 0 0;border-top:9px solid #8bbebe;}
    .internas .caixa_title h2{padding:28px 10px 15px 10px;box-sizing: border-box;width: 200px;line-height:25px;font-size: 17px }

    .quem_somos .conti .banner{margin: 0px 0 55px 0;}
    .quem_somos .conti .sup h2{font-size:16px;line-height: 23px;margin:0 0 30px 0}
    .quem_somos .conti .texto{margin:0 0 80px 0}
    .quem_somos .conti .galeria{margin:0 0 50px 0;}
    .quem_somos .conti .galeria h2{font-size:16px;line-height: 23px;margin:0 0 30px 0;}

    .quem_somos .conti .galeria .vitrine .sep{width:230px;height: 130px;display: inline-block;vertical-align: top;margin:0 24px 24px 0;}
    .quem_somos .conti .galeria .vitrine .sep:nth-child(4n){margin: 0 0 24px 0}
    .quem_somos .conti .galeria .vitrine .sep img{width:100%;height: auto;overflow: hidden;}

    .servicos .conti{padding:50px 0 100px 0;}
    .servicos .conti .left{width:470px;height:470px;}
    .servicos .conti .right{width:450px;margin:0 20px 0 0 }
    .servicos .conti .right h2{font-size:23px;line-height: 30px;margin:0 0 20px 0;}
    .servicos .conti .right .texto p{text-align: left;}

    .fornecedores .conti{padding: 50px 0}
    .fornecedores .conti .texto{margin:0 0 30px 0;display: block;}
    .fornecedores .conti .vitrine .sep .right{width:100%}
    .fornecedores .conti .vitrine .sep .right .line{margin:0 17px 17px 0;width: 235px;}
    .fornecedores .conti .vitrine .sep .right .line figure{width: 235px;height:80px;}
    .fornecedores .conti .vitrine .sep .right .line figure img{max-width: 160px;max-height: 70px}
    .fornecedores .conti .vitrine .sep .right .line:nth-child(4n){margin:0 0 17px 0}
    .contato .supi{padding:50px 0;}
    .contato .map{height: 450px}

    .clientes .sec-login{padding: 70px 10px 0 10px;}

    .depoimentos .conti .vitrine .sep{width: 100%}
    .depoimentos .conti .vitrine .sep .infos .texto p{font-size: 16px;line-height: 26px;}
    .depoimentos .conti .vitrine .sep .infos::before{bottom: 10px;right: 35px;}
    .depoimentos .conti .vitrine .sep .box_name h3{font-size: 16px;}
    .depoimentos .conti .vitrine .sep .box_name h4{font-size: 14px;}

    .noticias .conti .supi{width:100%;padding:60px 0;}
    .noticias .conti .supi h2{font-size:16px;line-height:23px;text-align: left;margin:0 0 30px 0;}
    .noticias .conti .supi .texto{margin:0 0 50px 0}
    .noticias .conti .supi h3{font-size:16px;line-height:23px;text-align: left;margin:0 0 0 0;}
    .noticias .conti .supi .vitrine{margin:40px 0 0 0;text-align: center;}
    .noticias .conti .supi .vitrine .sep{width:320px;margin:0 15px 0 0}
    .noticias .conti .supi .vitrine .sep figure{width: 320px;height: 190px;}

}



/* Dispositivos com tela abaixo de 1023px */
@media(max-width: 1023px){
    .mobile{}
    .desktop{display: none !important}
    .center{width: 100%;box-sizing: border-box;padding: 0 10px !important }

    .topo{width:100%;background-color:#fff;position: fixed;top: 0;left: 0; z-index: 100;height:80px;box-shadow: 0 5px 20px rgb(61 61 70 / 10%);}
    .topo .logo{width:180px;height:70px;background:url(../images/logo-aglon.webp) no-repeat center center;background-size: contain; display: block;position: absolute;left:10px;top:5px;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
    .topo .logo a{width: 100%;height: 100%;display: block;}

    .menu_resp{width: 270px;background-color: var(--color1);position:fixed;z-index: 120;max-height: 100%;min-height: 100%;overflow-y:auto;left:-280px;top:0;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
    .menu_resp.active{left:0;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
    .menu_resp .line{width: 100%;background-color:#fff;padding: 15px 0 0 0}

    .menu_resp .logo{width:200px;height:90px;background:url(../images/logo-aglon.webp) no-repeat center center;background-size: contain; margin:0;margin:0 0 20px 10px;float: left;}
    .menu_resp .logo a{width: 100%;height: 100%;display: block}
    .menu_resp .bt{padding: 15px;font-size: 14px;box-sizing: border-box;border-bottom:1px solid transparent;color:#fff;font-weight: 600;text-transform: uppercase;display: block;text-transform: uppercase;}
    .menu_resp .bt:hover{background-color: var(--darkcolor1);color:#fff;text-decoration: none;}
    .menu_resp .bt:last-child{border:none;}
    .menu_resp .bt_area{padding: 15px;font-size: 14px;box-sizing: border-box;border-bottom:1px solid #182657;color:#fff;font-weight: 600;text-transform: uppercase;display: block;text-transform: uppercase;background-color: var(--color2);}
    .menu_resp .bt_area:hover{background-color: var(--lightcolor2);color:#fff;text-decoration: none;}
    .menu_resp .bt_area:last-child{border:none;}
    .menu_resp .bt_area .icon{background-size: 15px !important;width: 15px;height: 22px;display: inline-block;vertical-align: middle;background: url(../images_new/cadeado.png) no-repeat left top;margin:0 10px 0 0}
    .menu_resp .bt_area .text{font-size: 14px;text-transform: uppercase;color:#fff;font-weight:600;display: inline-block;line-height: 14px;vertical-align: middle;}

    .home .destaques{height:auto;width: 100%;padding:80px 0 0 0}
    .home .destaques .item{height:auto;width: 100%;}
    .home .destaques .item img{height: auto;width: 100%;display: block;}
    .home .destaques .item .center{position: relative;z-index: 1;height: 100%;}
    .home .destaques .item .center .miolo{width:100%;position: absolute;z-index: 5;bottom:inherit;left: inherit;display:flex;flex-direction:column;flex-wrap: wrap;align-items: center;justify-content: center;display: none;}
    .home .destaques .item .center .miolo h2{font-size:20px;line-height:25px;color:#61688e}
    .home .destaques .item .center .miolo h2 span{font-size:30px;line-height:35px; }
    .home .destaques .item .center .miolo p{font-size:16px;color:#16224c;font-weight:bold;line-height:25px;margin: 10px 0 0 0}

    .home .conteudo .sup{padding:0 0 70px 0;}
    .home .conteudo .sup .left{width: 100%;float: none;}
    .home .conteudo .sup .left h2{width:300px;margin:0 auto 35px auto;font-size: 20px}
    .home .conteudo .sup .left h3{padding:0 20px;text-align: center;box-sizing: border-box;text-align: center;margin:0 0 25px 0}
    .home .conteudo .sup .texto{text-align: center;padding:0 20px;box-sizing: border-box;}
    .home .conteudo .sup .right{max-width:550px;width:100%;height:300px;margin: 0 auto;float: none;display: block;margin:60px auto 0 auto}

    .home .conteudo .middle .sep{width:100%;display:block;flex-direction:initial;flex-wrap:inherit;align-items:inherit;justify-content: inherit;}
    .home .conteudo .middle .sep .left{width:100%;background-size: cover !important;min-height:inherit;display: block;}
    .home .conteudo .middle .sep .right{width: 100%;min-height:inherit;justify-content: inherit;display: inline-block;flex-direction: initial;box-sizing: border-box;align-items: inherit;}
    .home .conteudo .middle .sep .right .info{width:100%;margin:0 0 45px 0;padding:0 10px;box-sizing: border-box;}
    .home .conteudo .middle .sep .right .info h2{font-size:22px;font-weight: 600;color:#5073ab;line-height: 30px;margin:35px 0 15px 0;text-align: center;padding:0 15px;box-sizing: border-box; }
    .home .conteudo .middle .sep .right .info .texto p{font-size:15px;color:#61688e;line-height: 25px;text-align: center !important;padding:0 15px;box-sizing: border-box;}

    .home .conteudo .box_blog{padding:60px 0 100px 0;}
    .home .conteudo .box_blog .descri{}
    .home .conteudo .box_blog .vitrine{margin:45px 0 0 0;text-align: center;}
    .home .conteudo .box_blog .vitrine .sep{width:320px;display: inline-block;vertical-align: top;margin:0 15px 50px 15px}
    .home .conteudo .box_blog .vitrine .sep:nth-child(3n){margin:0 15px 35px 0}
    .home .conteudo .box_blog .vitrine .sep figure{width: 320px;height: 190px;}

    .home .conteudo .box_depoimentos .descri{padding:0 20px;box-sizing: border-box;}
    .home .conteudo .box_depoimentos .vitrine .sep .depoimento::before{right: 25px}
    .home .conteudo .box_depoimentos .vitrine .sep .depoimento .texto p{font-size: 15px;line-height: 24px}

    footer .sup .loguin{background-size: 94px !important;width: 94px;height: 92px;margin:0 auto 35px auto;display: block;}
    footer .sup address{margin:0 auto 35px auto;display: block;text-align: center;max-width: 100%;padding:0 15px;box-sizing: border-box;}
    footer .sup .contatos{margin: 0 auto 35px auto;display: block;padding:0 0; box-sizing: border-box;text-align: center;}
    footer .sup .redes{margin: 0 auto 0 auto;width: 110px;display: block;text-align: center;}
    footer .sup .redes a{width:50px;height:50px;}
    footer .sup .redes a .centralizador{width:50px;height:50px;}
    footer .sup .redes a .centralizador img {max-width: 25px;max-height: 25px;}
    footer .rod_infos .dir{color:#000;float: none;font-size: 13px;text-align: center;display: block;}
    footer .rod_infos .atual{color:#000;float: none;font-size: 13px;display: block;text-align: center;}
    footer .rod_infos .atual span{color:#d70101;}
    footer .rod_infos .atual:hover{-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

    body{padding-top: 80px;}
    .internas .caixa_title{padding:77px 0 0 0;border-top:5px solid #8bbebe;margin:0}
    .internas .caixa_title .center_caixa{padding: 0 !important;}
    .internas .caixa_title h2{margin: 0 auto;padding:20px;box-sizing: border-box;font-size: 20px;text-align: center;line-height:20px;width: 100%;border-radius: 0}

    .quem_somos .conti .banner{position:relative;margin: 0 0 50px 0;z-index: 1}
    .quem_somos .conti .sup h2{font-size:16px;line-height: 23px;margin:0 0 30px 0;padding:0 15px;box-sizing: border-box;}
    .quem_somos .conti .texto{margin:0 0 50px 0;padding:0 15px;box-sizing: border-box;}
    .quem_somos .conti .galeria{margin:0 0 50px 0;}
    .quem_somos .conti .galeria h2{font-size:16px;line-height: 23px;margin:0 0 30px 0;text-align: center;}
    .quem_somos .conti .galeria .vitrine{text-align: center;}
    .quem_somos .conti .galeria .vitrine .sep{width:230px;height: 130px;display: inline-block;vertical-align: top;margin:0 12px 24px 12px;}
    .quem_somos .conti .galeria .vitrine .sep:nth-child(4n){margin: 0 12px 24px 12px}
    .quem_somos .conti .galeria .vitrine .sep img{width:100%;height: auto;overflow: hidden;}

    .servicos .conti{padding:50px 0 60px 0;}
    .servicos .conti .center{display:flex;flex-direction: column;align-items: inherit;justify-content: inherit;}
    .servicos .conti .left{max-width:570px;height:auto;order: 2;width: 100%;padding:0 15px;box-sizing: border-box;margin:0 auto}
    .servicos .conti .left img{width: 100%;height: auto;display: block;}
    .servicos .conti .right{max-width:750px;order: 1;padding:0 15px;box-sizing: border-box;margin: 0 auto 40px auto;width: 100% }
    .servicos .conti .right h2{font-size:22px;line-height: 28px;color:#16224c;margin:0 0 25px 0;font-weight: 600;text-align: center;padding:0 15px;box-sizing: border-box;}
    .servicos .conti .right .texto p{text-align: justify;padding:0 15px;box-sizing: border-box;}

    .fornecedores .conti{padding:20px 0 30px 0;}
    .fornecedores .conti .texto{margin:0 0 30px 0;display: block;text-align: center;}
    .fornecedores .conti .vitrine .sep{padding:40px 0 40px 0;}
    .fornecedores .conti .vitrine .sep:first-child{border-top:none !important;}
    .fornecedores .conti .vitrine .sep h2{float: none;display: block;margin-bottom: 35px;width: 100%;text-align: center;}
    .fornecedores .conti .vitrine .sep .right{width:100%;float: none;margin:0 auto 0 auto;max-width: 650px;text-align: center; }
    .fornecedores .conti .vitrine .sep .right a{display:block;font-size: 15px;color:#666;width: 100%;margin:0 auto 20px auto;vertical-align: top;text-align: center;}
    .fornecedores .conti .vitrine .sep .right p{display:block;font-size: 15px;color:#666;width: 100%;margin:0 auto 20px auto;vertical-align: top;text-align: center;}
    .fornecedores .conti .vitrine .sep .right .vitrine{text-align: center;}
   

    .fornecedores .conti .vitrine .sep .right .line{width:270px;float: none;margin: 0 10px 20px 10px;text-align: center;padding:0 15px;box-sizing: border-box;display:inline-block;vertical-align: top;}
    .fornecedores .conti .vitrine .sep .right .line:nth-child(4n){float: none;margin: 0 10px 20px 10px}
    .contato .supi{padding:50px 0;}
    .contato .map{height: 350px}
    .contato .wrap-recaptcha{text-align: center !important;float: none !important;display: inline-block;}
    .contato .sup .form_contato button{padding:15px 15px;margin: 0 auto;display: block;position: static;}

    .cadastro-cliente .cliente-form .wrapper-input.half,
    .cadastro-cliente .cliente-form .wrapper-input.third,
    .cadastro-cliente .cliente-form .wrapper-input.fourth{float: none;width: 100%;}


    .clientes .sec-login{padding: 50px 10px 0 10px;}
    .clientes .sec-login h2 {padding: 15px;font-size: 18px;line-height: 18px;}
    .cadastro-cliente .cliente-form .fieldset.half{width: 100%;float: none;}

    .clientes .conti .wrap-items{display: block;}
    .clientes .conti .wrap-items .box-items{margin-bottom: 30px;}
    .clientes .conti .wrap-items .wrap-item{padding: 0;}
    .clientes.precos .conti .wrapper-input{float: none;width: 100%;}
    .clientes.precos .conti .wrapper-input.box-botoes{display: block;text-align: right;}
    .clientes.precos .box-produtos .item .info > p{margin-bottom: 5px;}
    .clientes.precos .box-produtos .item .info > p > strong{display: block;}
    .clientes.precos .box-produtos .item .box-botoes{padding-top: 10px;}
    .clientes.precos .box-produtos .item .box-botoes .status{display: block;margin-bottom: 10px;}

    .clientes.pedidos .conti .wrapper-input{float: none;width: 100%;}
    .clientes.pedidos .conti .wrapper-input.box-botoes{display: block;text-align: right;}
    .clientes.pedidos .box-pedidos .item .info > p{margin-bottom: 5px;}
    .clientes.pedidos .box-pedidos .item .info > p > strong{display: block;}
    .clientes.pedidos .box-pedidos .item .box-botoes{padding-top: 10px;}

    .clientes.pedido-detalhes .box-voltar{text-align: right;}
    .clientes.pedido-detalhes .bt-voltar{float: none;}

    .clientes.pedido-detalhes .info-pedido p > strong{display: block;}
    .clientes.precos .box-produtos .item .info > p > strong{display: block;}
    .clientes.pedido-detalhes .box-produtos .item > p > strong{display: block;}
    .clientes.pedido-detalhes .box-form .wrapper-input.third{width: initial;}

    .clientes.precos .box-imprimir .bt-remover{margin-bottom: 20px;}
    .clientes.precos .box-imprimir .bt-imprimir{margin-top: 20px;}
    .clientes.precos .box-imprimir .bt-cotacao{margin-top: 20px;}
    .clientes.precos .box-flex{display: flex;justify-content: space-between;}


    .depoimentos .conti .vitrine .sep{width: 100%}
    .depoimentos .conti .vitrine .sep .infos .texto p{font-size: 15px;line-height: 24px}

    .noticias .conti .supi{width:100%;padding:50px 15px;box-sizing: border-box;}
    .noticias .conti .supi h2{font-size:16px;line-height:23px;text-align: left;margin:0 0 30px 0;padding:0 0;box-sizing: border-box;}
    .noticias .conti .supi .texto{margin:0 0 50px 0}
    .noticias .conti .supi h3{font-size:16px;line-height:23px;text-align: center !important;margin:0 0 40px 0}
    .noticias .conti .supi .vitrine {margin:40px 0 0 0}
    .noticias .conti .supi .vitrine .sep{width:320px;display: inline-block;vertical-align: top;margin:0 15px 50px 15px}
    .noticias .conti .supi .vitrine .sep:nth-child(3n){margin:0 15px 35px 0}
    .noticias .conti .supi .vitrine .sep figure{width: 320px;height: 190px;}

    .main-footer__content{flex-direction: column;align-items: center;gap: 40px;}
    .main-footer__grupos{}
    .main-footer__item1{text-align: center;}

    .main-title__text{font-size: 30px;line-height: 36px;}

    .sobre__content{flex-direction: column-reverse;align-items: center;}
    .sobre__titulo{font-size: 28px;line-height: 34px;}

    .diferenciais__content{flex-direction: column;align-items: center;}
    .diferenciais__titulo-maior{font-size: 36px;line-height: 40px;}
    .diferenciais__list{}
    .diferenciais__item{gap: 10px;}
    .diferenciais__content-1{padding: 0 10px;}
    .diferenciais__content-2{position: static;text-align: right;}
    .diferenciais__content-2 img{width: 320px;}

    .section__container-title{font-size: 36px;line-height: 40px;}

    .parceiros__grid{justify-content: center;}

    .box-banners .banners .item-banner{background-size: cover;min-height: 500px;}
    .box-banners .banners .item-banner__wrap{padding: 40px 15px;}
    .box-banners .banners .item-banner .item-banner__wrap{gap: 20px;}
    .box-banners .banners .item-banner .item-banner__texto-frase2{margin-top: 20px;}
    .box-banners .banners .item-banner .item-banner__texto-frase1 p{font-size: 26px;line-height: 30px;}
    .box-banners .banners .item-banner .item-banner__texto-frase2 p{font-size: 15px;line-height: 20px;}    
    .item-banner__row{flex-direction: column;}

    .contatos__main{padding-left: 0;padding-right: 0;}
    .contatos__main-title{font-size: 32px;line-height: 36px;}
    .contatos__main{flex-direction: column;align-items: center;}


}

/* Dispositivos com tela abaixo de 600px */
@media(max-width: 600px){

    .home .conteudo .sup .left h2{font-size:18px;line-height: 18px;padding:15px 0;width:270px}
    .home .conteudo .sup .left h3{font-size: 18px;line-height:22px}
    .home .conteudo .sup .right{height:250px;margin: 0 auto;float: none;display: block;margin:40px auto 0 auto}
    .home .conteudo .box_blog{padding:50px 0 70px 0;}
    .home .conteudo .box_depoimentos{padding:45px 0 70px 0;}
    .home .conteudo .box_depoimentos h2{font-size: 22px;}
    .home .conteudo .box_depoimentos .vitrine .sep{max-width:500px;width:100%;}
    .home .conteudo .box_depoimentos .vitrine .sep .depoimento{padding:30px 20px;box-sizing: border-box;}
    .home .conteudo .box_depoimentos .vitrine .sep .box_name{margin:20px 0 0 20px;}

    .internas .caixa_title .center_caixa{padding: 0 !important;}
    .internas .caixa_title h2{padding:15px;font-size: 18px;line-height:18px;}

    .quem_somos .conti .galeria .vitrine .sep{display:block;margin:0 auto 24px auto;}
    .quem_somos .conti .galeria .vitrine .sep:nth-child(4n){margin: 0 auto 24px auto}

    .servicos .conti .right h2{font-size: 18px;line-height: 25px;}

    .contato .supi{padding:50px 0;}
    .contato .supi .form_contato .wrapper-input.half{width: 100% !important}
    .contato .map{height: 250px}

    .depoimentos .conti .vitrine .sep .infos{padding:30px 20px;box-sizing: border-box;}
    .depoimentos .conti .vitrine .sep .box_name{margin:20px 0 0 20px;}
    .fornecedores .conti .vitrine .sep .right .line{width:270px;float: none;margin: 0 auto 20px auto;text-align: center;padding:0 15px;box-sizing: border-box;display:block;vertical-align: top;}
    .fornecedores .conti .vitrine .sep .right .line:nth-child(4n){float: none;margin: 0 auto 20px auto}
   

}


/* icon menu */

.hamburguer{
  width: 25px;
  height: 25px;
  display: block;
  float: right;
  position: absolute;
  right:15px;
  top: 27px;
  z-index: 2000;
}

.hamburguer span{
  width: 25px;
  height: 3px;
  background: #334c82;
  display: block;
  position: absolute;
  transition: all .2s;
  border-radius: 2px;
}
/*.hamburguer.active span{
  background: red;
}*/
.hamburguer.active{position: fixed;}
.hamburguer.active span{background-color:#334c82}
.hamburguer .top-line{
  top: 4px
}
.hamburguer .middle-line{
  margin-top: -1.5px;
  top: 50%;
}
.hamburguer .bottom-line{
  bottom: 4px;
}
.hamburguer.active .top-line{
  transform: rotate(45deg);
  top: 11px;
}
.hamburguer.active .middle-line{
  opacity: 0;
}
.hamburguer.active .bottom-line{
  transform: rotate(-45deg);
  bottom: 11px;
}
.hamburguer:hover .top-line{
  top: 0px;
  -webkit-animation: bounceOutTop .2s linear;
}
.hamburguer:hover .bottom-line{
  bottom: 0px;
  -webkit-animation: bounceOutBottom .2s linear;
}
@-webkit-keyframes bounceOutTop {
  0%{ top: 2.5px;}
  25%{ top: -1px;}
  50%{ top: -2px;}
  75%{ top: -1px;}
  100%{ top: 1px;}
}
@-webkit-keyframes bounceOutBottom {
  0%{ bottom: 2.5px;}
  25%{ bottom: -1px;}
  50%{ bottom: -2px;}
  75%{ bottom: -1px;}
  100%{ bottom: 1px;}
}
.hamburguer.active:hover .top-line{
  transform: rotate(50deg);
  top: 11px;
  -webkit-animation: none;
}
.hamburguer.active:hover .bottom-line{
  transform: rotate(-50deg);
  bottom: 11px;
  -webkit-animation: none;
}




/* Place Holder CSS */
/*::-webkit-input-placeholder {
  color: #fff !important;

  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:-moz-placeholder {
  color: #fff !important;

  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
::-moz-placeholder {
  color: #fff !important;

  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:-ms-input-placeholder {
  color: #fff !important;

  -ms-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}*/

/* Place Holder CSS for Focus */
:hover::-webkit-input-placeholder {
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:hover:-moz-placeholder {

  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:hover::-moz-placeholder {

  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:hover:-ms-input-placeholder {

  -ms-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

/* Place Holder CSS for Focus */
/*:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:focus:-ms-input-placeholder {
  opacity: 0;
  -ms-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

::-webkit-input-placeholder {
   color: #fff;text-transform: uppercase;font-size: 12px;font-weight: 600;
}

:-moz-placeholder { 
    color: #fff;text-transform: uppercase;font-size: 12px;font-weight: 600;
}

::-moz-placeholder {  
  color: #fff;text-transform: uppercase;font-size: 12px;font-weight: 600;
}

:-ms-input-placeholder {
 color: #fff;text-transform: uppercase;font-size: 12px;font-weight: 600;
}

*/