/*html, body { margin: 0px!important; padding: 0px!important; width: 100%; height: 100%; overflow: visible; font-family: "Open Sans", sans-serif; }
a, button, li,
.form-group span .fa*/
.floater-sidebar ul li a h4
{ -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); }
/*a, a:focus, a:visited, a:hover { text-decoration: none; font-style: normal; color: #888; }
section { position: relative; }
section h1 { margin: 0 0 40px 0; font-size: 40px; text-align: center; color: #666; }
.form-group span { display: inline-block; width: 100%; position: relative; }
.form-group span input[type="password"] { padding-right: 30px; }
.form-group span .fa-eye-slash,
.form-group span .fa-eye { position: absolute; cursor: pointer; right: 0px; top: 0px; padding: 14px; font-size: 20px; color: #FFF; }
*/

.header-area { position: relative; padding: 0; }
.header-area h1 { color: #fff; font-size: 70px; line-height: 70px; font-weight: 700; margin-bottom: 25px; }

.header-area h2 { color: #FFF; font-size: 36px; color: #FFF; font-weight: 400; margin: 30px 0 50px 0; line-height: 36px; }

.header-area .boxed-btn { margin: 0 10px; border: 2px solid #005aa9; width: initial; line-height: 56px; font-size: 16px; }
.header-area .boxed-btn.blank { color: #FFF; border-color: #FFF; }
.header-area .boxed-btn.blank:hover { border-color: #005aa9; }
.header-area .carousel-inner, 
.header-area .carousel-inner .item { height: 810px; }
.header-area .carousel-caption { bottom: initial; top: 110px; }
.header-area .carousel-item::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.7); }
.header-area .carousel-indicators { bottom: 220px; }
.header-area .carousel-indicators li { width: 24px; height: 24px; border-radius: 100%; background: none; border: solid 1px #FFF; cursor: pointer; }
.header-area .carousel-indicators li.active { background: #FFF; cursor: initial; }

.partners { background: #FFF; padding: 70px 0 220px 0; }
.partners .boxed-btn.blank { border-color: #333; color: #333; }
.partners .boxed-btn.blank:hover { border-color: #005aa9; color: #FFF; }

.topbar-bar { padding: 10px 0!important; }
.topbar-bar h1 { color: #FFF; font-family: "Titillium Web", serif; font-size: 16px; font-weight: 300; margin: 0; padding-top: 6px; }
.topbar-bar .topbar-inner .topbar-right-content ul li a i { font-size: 20px; }
.topbar-right-content .phone { font-size: 22px; color: #FFF; font-weight: 700; padding-right: 15px; margin-right: 15px; border-right: solid 1px #FFF; }
.topbar-right-content .phone i { font-size: 28px; margin-right: 6px; }
.topbar-right-content .phone small { font-weight: 300; }

#brand-carousel .single-carousel-item,
.products .single-carousel-item { padding: 20px 8px 30px 8px; background: #FFF; overflow: hidden;
    -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1);
}

.products .single-carousel-item { float: left; width: 30%; margin: 1.5%; position: relative; }
.products.see-more .single-carousel-item { width: 22%; }
.products .single-carousel-item:hover { box-shadow: 0 0 10px rgba(0,0,0,.15); }

#brand-carousel .single-carousel-item a,
.products .single-carousel-item a { display: inline-block; width: 100%; height: 100%; position: relative; z-index: 1; }

#brand-carousel .single-carousel-item h2,
.products .single-carousel-item h2 { float: left; width: 100%; margin: 0; text-align: center; font-size: 22px; font-weight: 600; color: #151515; }
#brand-carousel .single-carousel-item h3,
.products .single-carousel-item h3 { float: left; width: 100%; margin: 0; text-align: center; font-size: 14px; font-weight: 300; color: #0059A9; margin-bottom: 16px; }
#brand-carousel .single-carousel-item img,
.products .single-carousel-item img { max-width: 100%; position: relative; z-index: 0; }
#brand-carousel .single-carousel-item .btn-wrapper,
.products .single-carousel-item .btn-wrapper { float: left; width: 100%; margin-top: 15px; }
#brand-carousel .single-carousel-item .btn-wrapper button,
.products .single-carousel-item .btn-wrapper button { display: inline-block; margin-left: calc(50% - 100px); height: 50px; line-height: 48px; color: #CCC; border-color: #CCC; cursor: pointer; }
#brand-carousel .single-carousel-item:hover .btn-wrapper button,
.products .single-carousel-item:hover .btn-wrapper button { border-color: #FFD900; background: #FFD900; color: #333; }
#brand-carousel .single-carousel-item::before,
.products .single-carousel-item::before { content: ""; top: 0; left: 0; position: absolute; width: 104%; height: 104%; margin: -2%; border: solid 2px #FFD900; border-radius: 8px; z-index: 0; opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.215,.61,.355,1); -moz-transition: all .3s cubic-bezier(.215,.61,.355,1); -o-transition: all .3s cubic-bezier(.215,.61,.355,1); transition: all .3s cubic-bezier(.215,.61,.355,1);
}
#brand-carousel .single-carousel-item:hover::before,
.products .single-carousel-item:hover::before {  width: 96%; height: 96%; margin: 2%; opacity: 1; }

.owl-carousel .owl-controls { position: absolute; top: 200px; width: 110%; left: -5%; z-index: 0; }
.owl-carousel .owl-controls i { font-size: 120px; position: absolute; bottom: -56px; opacity: .3;  -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); }
.owl-carousel .owl-controls i:hover { opacity: 1; color: #0059A9; }
.owl-carousel .owl-controls i.fa-angle-left { left: 0; }
.owl-carousel .owl-controls i.fa-angle-right { right: 0; }
.owl-carousel .owl-stage-outer { z-index: 1; }
.show-all { padding: 50px 0 10px 0; }
.show-all button { width: auto; padding: 0 50px; }

.pricing-area-start { border-top: solid 14px #FFD900; height: 445px; position: relative; margin-bottom: 280px; }
.pricing-area-start .section-title .title { margin-bottom: 15px; }
.pricing-area-start .bg { position: absolute; right: 0; top: -100px; z-index: 0; }
.pricing-area-start .contact-form-wrapper { max-width: 650px; background: #FFF; padding: 20px; position: relative; z-index: 1; box-shadow: 0px 0px 15px rgba(0,0,0,.15); overflow: hidden; }
.pricing-area-start .section-title { margin-bottom: 25px; }
.form-element { position: relative; }
.angle::before { content: "\f0d7"; position: absolute; top: 15px;  font: normal normal normal 34px/1 FontAwesome; color: #CCC; }
.angle.a-left::before { right: 30px; }
.angle.a-left::after { content: "OU"; position: absolute; right: -31px; top: 12px; font-weight: 700; font-size: 25px; }
.angle.a-right::before { right: 20px; }
.input-field {
    -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1);
}
.input-field.borderd:focus { border-color: #FFD900!important; }
.btn-right { float: right; }

 #partner-carousel.owl-carousel .owl-controls { position: absolute; top: 50px; width: 110%; left: -5%; z-index: 0; }
#partner-carousel.owl-carousel .owl-controls i { font-size: 120px; position: absolute; bottom: -56px; opacity: .3;  -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); }
#partner-carousel.owl-carousel .owl-controls i:hover { opacity: 1; color: #0059A9; }

.contact-area .section-title p { font-weight: 300; }
.contact-area .section-title p b { font-weight: 700; }
.contact-area .submit-btn { width: auto; padding: 0 50px; }

.footer-top .col-lg-3 p { display: inline-block; width: 100%; }
.footer-top .col-lg-3 i { display: inline-block; position: relative; font-size: 36px; width: 57px; height: 57px; margin: 0 5px; background: #00192F; border-radius: 100%; text-align: center; }
.footer-top .col-lg-3 i::before { display: inline-block; padding-top: 9px; }


.content-products.about-page-content .col-lg-3 { position: relative; }
.content-products.about-page-content .col-lg-3::before { content: ""; position: absolute; display: inline-block; width: 1px; height: 99%; top: 0; right: 15px; background: #DDD; }
.content-products.about-page-content .col-lg-3 > u { position: absolute; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #DDD; top: 12px; right: -4px; }
.content-products.about-page-content .col-lg-3 > u::before {content: ""; position: absolute; top: -20px; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #FFF; left: -22px; }
.content-products.about-page-content .filter { float: left; width: 100%; border-bottom: solid 1px #DDD; border-top: solid 1px #DDD; height: 60px; margin-bottom: 12.5px; }
.content-products.about-page-content .filter div { float: left; width: 30%; font-size: 14px; color: #999; padding: 18px 0; }
.content-products.about-page-content .filter div a { color: #999; }
.content-products.about-page-content .filter div a:hover {color: #005aa9;  }
.content-products.about-page-content .filter div:last-child { width: 40%; padding: 10px 0px 10px 10px; }
.content-products.about-page-content .filter div input { float: right; width: 280px; border: solid 1px #DDD; font-size: 16px; padding: 6px; }
.content-products.about-page-content .filter div:nth-child(1) span { color: #005aa9; }
.content-products.about-page-content .filter div form { display: inline-block; position: relative; float: right; }
.content-products.about-page-content .filter div form button { position: absolute; top: 0; right: 0; font-size: 21px; cursor: pointer; opacity: .6; padding: 5px 8px 2px 8px; background: none; border: none; 
	 -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1);
}
.content-products.about-page-content .filter div form input:focus ~ button,
.content-products.about-page-content .filter div form button:hover { background: #005aa9; color: #FFF; opacity: 1; }

.paginate { float: left; width: 100%; border-bottom: solid 1px #DDD; border-top: solid 1px #DDD; height: 60px; text-align: center; padding: 8px; margin-top: 12.5px;  }
.paginate li { display: inline-block; font-size: 18px; height: 42px; width: 42px;  text-align: center; }
.paginate li a,
.paginate li.on { display: inline-block; width: 100%; height: 100%; border: solid 1px #DDD;  padding: 6px; 
	-webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1);
}
.paginate li.on,
.paginate li a:hover { background: #005aa9; color: #FFF; font-weight: 700; width: 42px;  }
.paginate li.on { background: #013b6d;  }
.content-products .categories h3 { float: left; width: calc(100% - 30px); padding: 0 0 15px 0; margin: 0 0 20px 0; border-bottom: solid 1px #DDD; font-size: 24px; }
.content-products .categories h3.m { margin-top: 30px; }
.content-products .categories h3.h { margin-top: 50px; color: #0059A9; margin-bottom: 0px; }
.content-products .categories ul.list { float: left; width: 100%; padding: 0 0 0 20px; list-style: disc; }
.content-products .categories ul.list li { float: left; width: calc(100% - 30px); border-bottom: solid 1px #DDD;  }
.content-products .categories ul.list li a { display: inline-block; width: 100%; height: 100%; padding: 8px 0; 
	-webkit-transition: all .2s cubic-bezier(.215,.61,.355,1); -moz-transition: all .2s cubic-bezier(.215,.61,.355,1); -o-transition: all .2s cubic-bezier(.215,.61,.355,1); transition: all .2s cubic-bezier(.215,.61,.355,1);
}
.content-products .categories ul.list li a:hover,
.content-products .categories ul.list li a.active { padding-left: 5px; background: #EFEFEF; }
.content-products .categories .highlights { float: left; width: calc(100% - 30px); }
.content-products .categories .highlights li { float: left; width: 100%; padding: 15px 5px; margin-bottom: 15px; border-bottom: solid 1px #DDD; }
.content-products .categories .highlights li:hover { background: #EFEFEF; }
.content-products .categories .highlights li span { float: left; width: calc(100% - 85px); margin-left: 5px; }
.content-products .categories .highlights li h2 { float: left; width:100%; margin: 0; padding: 0 0 5px 0; text-align: center; font-size: 16px; line-height: 16px; font-weight: 600; color: #151515; text-align: left; }
.content-products .categories .highlights li h3 { float: left; width:100%; margin: 0; padding: 0 0 10px 0; text-align: center; font-size: 12px; font-weight: 300; color: #0059A9; border: none; text-align: left; }
.content-products .categories .highlights li img { float: left; max-width: 100%; position: relative; z-index: 0; }
.content-products .categories .highlights li button { float: left; height: 28px; line-height: initial; max-width: 100%; font-size: 12px; cursor: pointer;  border-color: #FFD900; color: #333; }
.content-products .categories .highlights li button:hover { border-color: #FFD900; background: #FFD900; color: #333; }

.content-product img { border: solid 1px #FFF; }
.content-product .box-h1 { float: left; width: 100%;  border-bottom: solid 1px #DDD; }
.content-product h1 { float: left; margin-bottom: -1px; display: inline-block; padding: 0 0 20px 0; font-size: 36px; border-bottom: solid 1px #333; }
.content-product h2 { float: left; font-size: 18px; color: #0059A9; font-weight: 300; padding: 15px 0; }
.content-product h3 { float: right; font-size: 18px; color: #0059A9; font-weight: 300; padding: 15px 0; }
.nav-tabs { float: left; width: 100%; margin-top: 30px; }
.nav-tabs .nav-link { font-size: 16px; }
.tab-content { float: left; width: 100%;  }
.tab-content .tab-pane { padding: 20px 0; }
.tab-content p { font-size: 16px; }
.content-product h4 { float: left; width: 100%; margin-top: 30px; color: #005aa9; font-size: 26px; font-weight: 300;  }
.content-product h5 { float: left; width: 100%; font-weight: 300; font-size: 16px; margin-bottom: 20px; }
.content-product form { float: left; width: 100%; }
.field-name { float:left; width:63%; margin-right:2%; }
.field-phone { float:left; width:35% }
.field-textarea { min-height:84px; clear: both; }
.see-more .box-h2 { float: left; width: 100%;  border-bottom: solid 1px #DDD; margin-top: 40px; }
.see-more .box-h2 h2 { float: left; margin-bottom: -1px; display: inline-block; padding: 0 0 20px 0; font-size: 30px; border-bottom: solid 1px #333; font-weight: 700; color: #333; }

.content-service h4 { float: left; width: 100%; margin-top: 30px; color: #005aa9; font-size: 26px; font-weight: 300;  }
.content-service h5 { float: left; width: 100%; font-weight: 300; font-size: 16px; margin-bottom: 20px; }

.area-localizacao { margin-top: 100px; }
.area-localizacao iframe { border: 0; height: 450px; width: 100%; }

.floater-sidebar { position: fixed; right: 0; top: 50%; margin-top: -32px; z-index: 9; }
.floater-sidebar ul {}
.floater-sidebar ul li { list-style: none; white-space: nowrap; float: right; clear: both; }
.floater-sidebar ul li.whatsapp { background-color: #25D366 }
.floater-sidebar ul li.address { background-color: #00192F }
.floater-sidebar ul li a { display: block; }
.floater-sidebar ul li a i { font-size: 32px; color: #FFF; height: 32px; line-height: 1; margin: 10px; width: 32px; }
.floater-sidebar ul li a h4 { white-space: nowrap; overflow: hidden; width: 0; display: inline-block; color: #FFF; line-height: 32px; margin: 0; vertical-align: top; margin: 10px 0; }
.floater-sidebar ul li a:hover h4 { width: 170px; }
.floater-sidebar ul li a h4 small {}

.brands-title { margin-top: 20px; color: #EFEFEF; font-size: 16px; width: 100%; text-align: center; }
.brands-card { display: flex; align-items: center; justify-content: space-around; margin-top: 15px; }
.brands-card figure { background-color: #FFF; border-radius: 3px; padding: 2px; margin: 0 6px; max-width: 75px; height: 100%; display: flex; align-items: center; }
.brands-card figure img { width: 100%; height: auto; }