* {padding: 0; margin: 0; box-sizing: border-box; outline: none !important; appearance: none; -webkit-appearance: none;font-variant-ligatures: no-common-ligatures; font-family: 'Overpass', sans-serif; -webkit-touch-callout: none; /*-webkit-user-select: none; -khtml-user-select: none;*/}
ul {margin-left: 0; padding-bottom: 0; margin-bottom: 0;}
li {list-style: none;}
a {text-decoration: none !important; transition: 0.4s;}
button {cursor: pointer; transition: 0.4s;}
.owl-item {float: left;}
body {overflow-x: hidden;}
header, footer, section {float: left; display: block; width: 100%;}
h1.title-home {position: absolute; left: -9999em; text-indent: -9999em;}
.btn-arrow {position: relative;}
.btn-arrow:after {content: ""; width: 45px; height: 45px; border-radius: 50%; position: absolute; top: 50%; transform: translate(0, -50%); right: 7px; border-right: 1px solid #9ac3eb;}

.pattern {position: relative; z-index: 5; width: 100%;}
.pattern div {position: absolute;}
.pattern div img {width: auto;}

header {position: absolute; top: 0; width: 100%; left: 0; z-index: 400;}
header .topbar {display: table; width: 100%; padding: 15px 0; background: rgba(0,0,0,.5); border-bottom: 1px solid rgba(255,255,255,.4)}
header .topbar .left {float: left;}
header .topbar .left a {float: left; color: #FFF; margin-right: 35px; line-height: 30px; font-weight: 300;}
header .topbar .left a.cell {margin-left: -25px}
header .topbar .left a i {margin-left: 8px;}
header .topbar .left a strong {margin-left: 8px; font-weight: 300;}
header .topbar .left a:hover {color: #1f7ecc;}
header .topbar .right {float: right;}
header .topbar .right span {float: left; line-height: 30px; font-size: 15px; text-transform: uppercase; color: #FFF; font-weight: 300;}
header .topbar .right .menu-languages {float: left; position: relative; margin-left: 10px;}
header .topbar .right .menu-languages .open-languages {border-radius: 4px; line-height: 30px; display: table; padding: 0 15px; text-transform: uppercase; font-size: 15px; background: #1f7ecc; color: #FFF; position: relative; cursor: pointer; transition: 0.5s;}
header .topbar .right .menu-languages .open-languages i {margin-left: 10px; transition: 0.5s;}
header .topbar .right .menu-languages .open-languages.active i {transform: rotate(180deg);}
header .topbar .right .menu-languages .open-languages:hover {color: #FFF;}
header .topbar .right .menu-languages ul {position: absolute; top: calc(100% + 5px); border-radius: 4px; left: 0; width: 100%; border-radius: 4px; float: left; overflow: hidden; display: none;}
header .topbar .right .menu-languages ul li {display: table; width: 100%; width: 100%;}
header .topbar .right .menu-languages ul li a {line-height: 30px; display: table; text-transform: uppercase; font-size: 15px; background: #1f7ecc; color: #FFF; position: relative; text-align: center;  width: 100%;}
header .topbar .right .menu-languages ul li a:hover {color: #FFF;}
header .topbar .link-downloads {float: left; line-height: 30px; font-size: 15px; text-transform: uppercase; color: #FFF; font-weight: 300; margin-right: 25px;}
header .topbar .link-downloads:hover {color: #1f7ecc;}

header .default-header {width: 100%; padding: 35px 0 0;}
header .default-header .logo {float: left;}
header .default-header .right-header {float: right; padding: 11px 0;}
header .default-header .right-header nav {float: left; padding-left: 10px; position: relative;}
header .default-header .right-header nav:before {content: ""; position: absolute; left: 0; top: 0; height: 45px; width: 1px; background: rgba(255,255,255,.2);}
header .default-header .right-header nav ul {display: table;}
header .default-header .right-header nav ul li {float: left; position: relative; padding-bottom: 35px;}
header .default-header .right-header nav ul li a {text-transform: uppercase; padding: 0 13px; color: #FFF; font-size: 15px; line-height: 46px; font-weight: 600; position: relative; display: table;}
header .default-header .right-header nav ul li.has-submenu > a:after {content: "\f107"; font-family: fontAwesome; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); color: #FFF; opacity: .4; font-size: 17px; line-height: 8px; transition: 0.5s;}
header .default-header .right-header nav ul li.has-submenu.active > a:after {transform: translate(-50%, 0) rotate(180deg);}
header .default-header .right-header nav ul li a:hover {color: #1f7ecc}
header .default-header .right-header nav ul li ul {position: absolute; top: 100%; left: -25px; background: url(../img/bg-submenu.png) center center repeat; background-size: cover; width: 245px; padding: 25px 0 15px; border-radius: 5px; border-bottom: 5px solid #196fb4; float: left; display: none;}
header .default-header .right-header nav ul li ul li a, header .default-header .right-header nav ul li ul li {width: 100%; display: table; padding-bottom: 0;}
header .default-header .right-header nav ul li ul li a {padding: 17px 30px; position: relative; font-weight: 500; font-size: 16px; line-height: 20px; color: #3e4095; text-transform: initial}
header .default-header .right-header nav ul li ul li a:after {content: ""; position: absolute; bottom: 0; height: 1px; left: 0; right: 0; background-image: linear-gradient(to left, rgba(203,203,203,1), rgba(203,203,203,.7), rgba(203,203,203,.5), rgba(203,203,203,.2), rgba(203,203,203,0));}
header .default-header .right-header nav ul li ul li:last-of-type a:after {display: none;}
header .default-header .right-header nav ul li ul:before {content: ""; width: 95px; height: 5px; position: absolute; left: 30px; top: -5px; background: #196fb4;}

header .default-header .right-header .btn-login {float: left; text-transform: uppercase; line-height: 44px; border-radius: 46px; color: #c1c1e2; border: 1px solid #c1c1e2; margin-left: 15px; padding: 0 20px; font-size: 15px;}
header .default-header .right-header .btn-login i {margin-right: 6px;}
header .default-header .right-header .btn-login:hover {background: #1f7ecc; border-color: #1f7ecc; color: #FFF;}
header .open-menu {display: none;}

.banner-home {position: relative; overflow: hidden; border-bottom: 3px solid #316589;}
.banner-home .item-banner {width: 100%;}
.banner-home .item-banner, .banner-home .item-banner .container {height: 790px; position: relative;}
.banner-home .item-banner .box-text {display: table; position: absolute; top: 50%; transform: translate(0, -50%); left: 0; width: 100%; padding-top: 100px;}
.banner-home .item-banner .box-text h2 {display: table; width: 100%; text-align: center; color: #FFF; font-weight: 100; font-size: 48px; line-height: 50px;}
.banner-home .item-banner .box-text h2 strong {font-size: 600; color: #1f7ecc;}
.banner-home .item-banner .box-text p {width: 100%; text-align: center; color: #FFF; font-size: 18px; line-height: 27px;}
.banner-home .item-banner .box-text .btn-banner {display: table; margin: 25px auto 0; color: #1f7ecc; line-height: 57px; padding: 0 30px; border: 2px solid #1f7ecc; color: #1f7ecc; font-size: 18px; font-weight: 600; border-radius: 60px;}
.banner-home .item-banner .box-text .btn-banner i {margin-left: 10px;}
.banner-home .item-banner .box-text .btn-banner:hover {color: #FFF; background: #1f7ecc}
.banner-home .disabled {display: none !important;}
.banner-home .owl-dots {position: absolute; left: 50%; bottom: 60px; transform: translate(-50%, 0);}
.banner-home .owl-dots button {float: left; width: 10px; height: 10px; border-radius: 50%; border: none; background: rgba(255,255,255,.2); margin: 0 10px;}
.banner-home .owl-dots button:hover {background: rgba(255,255,255,.5)}
.banner-home .owl-dots button.active {transform: scale(1.2); background: #196fb4;}

.wrap-top-home {background: url(../img/bg-top-home.png) right bottom no-repeat; position: relative; z-index: 200;}

.home-products {padding: 85px 0 0; background: url(../img/bg-products-home.png) top center no-repeat;}
.home-products h2 {font-weight: 800; font-size: 48px; color: #3e4095; margin-bottom: 10px; font-style: italic;}
.home-products .subtitle {color: #3e4095; font-size: 24px; line-height: 30px; font-style: normal; font-weight: 200;}
.home-products .carousel-products {margin-top: 35px; width: 100%; display: block; position: relative;}
.home-products .carousel-products .owl-stage-outer {overflow: hidden;}
.home-products .carousel-products .owl-item {padding: 20px 7px;}
.home-products .carousel-products .item-product {display: block; width: 100%; position: relative; height: 270px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); transition: 0.5s; float: left;}
.home-products .carousel-products .item-product .center-product {display: table; width: 100%; position: absolute; top: 50%; left: 0; padding: 0 20px; transform: translate(0, -50%); z-index: 200; transition: 0.5s;}
.home-products .carousel-products .item-product .center-product img {display: table; margin: 0 auto 5px; max-width: 100%;}
.home-products .carousel-products .item-product .center-product span {display: table; width: 100%; text-align: center; font-size: 24px; color: #3e4095; font-weight: 600; transition: 0.5s;}
.home-products .carousel-products .item-product .bg-item-product {position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: 3px; background: url(../img/bg-item-product.png) center center no-repeat #ffffff; background-size: cover; border: 1px solid #ebebeb; transition: 0.5s;}
.home-products .carousel-products .item-product:hover .bg-item-product {transform: scaleY(1.1);}
.home-products .carousel-products .item-product .bg-item-product:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #2854b2; background-size: cover; opacity: 0; transition: 0.5s; border-radius: 3px;}
.home-products .carousel-products .item-product:hover .bg-item-product:before {opacity: 1;}
.home-products .carousel-products .item-product:hover .center-product span {color: #FFF;}
.home-products .carousel-products .item-product:hover .center-product {padding-bottom: 80px;}
.home-products .carousel-products .item-product a {position: absolute; bottom: 0; opacity: 0; left: 50%; transform: translate(-50%, 0); line-height: 60px; color: #FFF; font-weight: 600; padding: 0 20px; background: #333779; font-size: 18px; border-radius: 60px; z-index: 500; -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); white-space: nowrap;}
.home-products .carousel-products .item-product a i {margin-left: 20px;}
.home-products .carousel-products .item-product:hover a {bottom: 30px; opacity: 1;}
.home-products .carousel-products .owl-controls {position: absolute; top: -95px; left: 50%; transform: translate(-50%, 0)}
.home-products .carousel-products .owl-nav {float: right; border: 1px solid #d6d6d6; position: relative;}
.home-products .carousel-products .owl-nav button {width: 60px; height: 50px; float: left; background: none; border: none; font-size: 18px; color: #bfbfbf;}
.home-products .carousel-products .owl-nav button i {display: table; width: 100%; text-align: center; line-height: 50px; font-size: 18px; transition: 0.5s;}
.home-products .carousel-products .owl-nav button:hover i {color: #333779; font-size: 22px;}
.home-products .carousel-products .owl-nav:after {content: ""; width: 1px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #d6d6d6;}

.about-home {padding-top: 115px;}
.about-home .subtitle {display: table; position: relative; padding-left: 180px; font-size: 20px; font-weight: 600; color: #3e4095; margin-bottom: 20px;}
.about-home .subtitle:before {content: ""; background: #3e4095; width: 150px; height: 3px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.about-home h2 {font-size: 45px; line-height: 52px; color: #3e4095; font-weight: 100; margin-bottom: 50px;}
.about-home h2 strong {font-weight: 600;}
.about-home a {line-height: 60px; color: #3e4095; font-weight: 600; padding: 0 25px; background: #FFF; font-size: 18px; border-radius: 60px; z-index: 500; border: 1px solid #d9d9d9;  -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); display: table;}
.about-home a i {margin-left: 5px;}
.about-home a:hover {background: #3e4095; color: #FFF; border-color: #3e4095}
.about-home .box-text {display: table; width: 100%; padding-left: 65px;}
.about-home .box-text p {font-size: 18px; line-height: 30px; color: #4c4c4c; margin-bottom: 20px; font-weight: 200;}
.about-home .box-text p:last-of-type {margin-bottom: 0;}
.about-home .col-border {border-right: 1px solid #e5e5e5;}
.about-home .open-video {width: 100%; height: 400px; position: relative; float: left; margin-top: 100px; display: block; border-radius: 3px; overflow: hidden;}
.about-home .open-video:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); z-index: 100; transition: 0.5s;}
.about-home .open-video .text-video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; padding-top: 70px; background: url(../img/icon-video.png) top center no-repeat; color: #FFF; font-weight: 200; z-index: 400;}
.about-home .open-video .lines-detail {position: absolute; top: 22px; right: 22px; left: 22px; bottom: 22px; border-top: 1px solid rgba(255,255,255,.7);}
.about-home .open-video .lines-detail:before {content: ""; width: 1px; position: absolute; top: 0; bottom: 50%; left: 0; background: rgba(255,255,255,.7); border-radius: 0 0 50% 50%;}
.about-home .open-video .lines-detail:after {content: ""; width: 1px; position: absolute; top: 0; bottom: 50%; right: 0; background: rgba(255,255,255,.7); border-radius: 0 0 50% 50%;}
.about-home .open-video:hover:before {background: rgba(0,0,0,.8);}
.about-home .btn-mobile {display: none;}

.services-home {padding: 120px 0 0; background: url(../img/bg-home-services.png) top center no-repeat; margin-top: -40px;}
.services-home h2 {display: table; width: 100%; font-weight: 800; font-size: 100px; line-height: 100px; color: #3e4095; margin-bottom: 10px; font-style: italic; width: 100%; text-align: center; margin-bottom: 20px;}
.services-home .subtitle {color: #3e4095; font-size: 24px; line-height: 30px; font-style: normal; display: table; width: 100%; text-align: center; margin-bottom: 55px; font-weight: 200;}

.services-home .carousel-services {margin-top: 35px; width: 100%; display: block; position: relative;}
.services-home .carousel-services .owl-stage-outer {overflow: hidden;}
.services-home .carousel-services .owl-item {padding: 20px 7px;}
.services-home .carousel-services .item-services {display: block; width: 100%; position: relative; height: 270px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); transition: 0.5s; float: left;}
.services-home .carousel-services .item-services .center-services {display: table; width: 100%; position: absolute; left: 0; padding: 0 20px; transform: translate(0, -50%); z-index: 200; transition: 0.5s; bottom: 20px;}
.services-home .carousel-services .item-services .center-services img {display: table; margin: 0 auto 5px;}
.services-home .carousel-services .item-services .center-services span {display: table; width: 100%; text-align: center; font-size: 24px; color: #FFF; font-weight: 600; transition: 0.5s;}
.services-home .carousel-services .item-services .bg-item-services {position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: 3px; border: 1px solid #ebebeb; transition: 0.5s; z-index: 100;}
.services-home .carousel-services .item-services .into-service {position: absolute; top: 50%; left: 0; width: 100%; padding: 25px; z-index: 200; transform: translate(0, -50%); opacity: 0; transition: 0.5s;}
.services-home .carousel-services .item-services .into-service .title {display: table; width: 100%; text-align: center; color: #fff; font-size: 26px; line-height: 26px; margin-bottom: 15px;}
.services-home .carousel-services .item-services .into-service p {font-size: 16px; line-height: 27px; margin-bottom: 20px; color: #fff;display: table;}
.services-home .carousel-services .item-services:hover .bg-item-services {transform: scaleY(1.0);}
.services-home .carousel-services .item-services .bg-item-services:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0;background-color: #3337798f; transition: 0.5s; border-radius: 3px;}
.services-home .carousel-services .item-services:hover .bg-item-services:before {opacity: 1;}
.services-home .carousel-services .item-services a {line-height: 60px; color: #FFF; font-weight: 600; padding: 0 20px; background: #333779; font-size: 18px; border-radius: 60px; z-index: 500; display: table; margin: 0 auto; -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1);}
.services-home .carousel-services .item-services a i {margin-left: 20px;}
.services-home .carousel-services .item-services a:hover {color: #fff; background: #333779;}
.services-home .carousel-services .item-services:hover .into-service {opacity: 1;}
.services-home .carousel-services .item-services:hover .center-services {opacity: 0;}
.services-home .carousel-services div.disabled {display: none;}
.services-home .carousel-services .owl-nav {display: table; margin: 0 auto; border: 1px solid #d6d6d6; position: relative; margin-top: 10px;}
.services-home .carousel-services .owl-nav button {width: 60px; height: 50px; float: left; background: none; border: none; font-size: 18px; color: #bfbfbf;}
.services-home .carousel-services .owl-nav button i {display: table; width: 100%; text-align: center; line-height: 50px; font-size: 18px; transition: 0.5s;}
.services-home .carousel-services .owl-nav button:hover i {color: #333779; font-size: 22px;}
.services-home .carousel-services .owl-nav:after {content: ""; width: 1px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #d6d6d6;}

.home-blog {padding-top: 130px; padding-bottom: 85px; border-bottom: 1px solid #e5e5e5;}
.home-blog .subtitle {display: table; position: relative; padding-left: 120px; font-size: 20px; font-weight: 600; color: #3e4095; margin-bottom: 20px;}
.home-blog .subtitle:before {content: ""; background: #3e4095; width: 100px; height: 3px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.home-blog h2 {font-size: 60px; line-height: 60px; display: table; color: #3e4095; margin-bottom: 20px; font-weight: 800; font-style: italic;}
.home-blog p {font-size: 18px; color: #4c4c4c; line-height: 30px; margin-bottom: 20px; font-weight: 200;}
.home-blog .btn-blog {line-height: 60px; color: #3e4095; font-weight: 600; padding: 0 25px; background: #FFF; font-size: 18px; border-radius: 60px; z-index: 500; border: 1px solid #d9d9d9; -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); display: table;}
.home-blog .btn-blog i {margin-left: 5px;}
.home-blog .btn-blog:hover {background: #3e4095; color: #FFF; border-color: #3e4095}
.home-blog .item-blog {display: table; width: 100%;}
.home-blog .item-blog .image {float: left; display: block; border-radius: 4px; overflow: hidden; width: 100%; position: relative; margin-bottom: 15px;}
.home-blog .item-blog .image img {display: table; width: 100%; transition: 0.5s;}
.home-blog .item-blog .image:hover img {transform: scale(1.1)}
.home-blog .item-blog .image .date {position: absolute; bottom: 20px; left: 20px; color: #FFF; font-size: 11px; border-radius: 5px; background: #3b3f9e; line-height: 25px; padding: 0 10px; display: table;}
.home-blog .item-blog h3 a {font-weight: 600; font-size: 22px; line-height: 28px; color: #4c4c4c; display: table;}
.home-blog .item-blog p a {color: #4c4c4c;}
.home-blog .btn-mobile {display: none;}

.instagram {padding: 120px 0 80px;}
.instagram .container {position: relative;}
.instagram .container .detail-text {position: absolute; left: 250px;top: -99px;
 text-transform: uppercase; font-size: 110px; line-height: 100px; font-weight: 800; letter-spacing: -4px; color: #f2f2f2;}
.instagram .row {position: relative; z-index: 300;}
.instagram h2 {font-weight: 100; font-size: 48px; line-height: 50px; display: table; color: #4a4c9e; padding-top: 60px; background: url(../img/icon-instagram.png) left top no-repeat; margin-bottom: 28px;}
.instagram h2 strong {font-weight: 600;}
.instagram .btn-instagram {display: table; float: left; line-height: 46px; padding: 0 30px; border-radius: 3px; border: 1px solid #4a4c9e; color: #4a4c9e; font-size: 16px; font-weight: 200; text-transform: uppercase;}
.instagram .btn-instagram:hover {color: #FFF; background: #4a4c9e;}
.instagram .carousel-instagram {position: relative; margin-top: 35px;}
.instagram .carousel-instagram .owl-stage-outer {overflow: hidden;}
.instagram .carousel-instagram a, .instagram .carousel-instagram img {display: block; width: 100%; float: left; overflow: hidden; transition: 0.5s;}
.instagram .carousel-instagram a {border: 2px solid #383a8f;}
.instagram .carousel-instagram a:hover img {transform: scale(1.1);}
.instagram .lightwidget-widget {margin-top: 30px}

.instagram .carousel-instagram .owl-nav {border: 1px solid #d6d6d6; position: absolute; top: -80px; right: 0; display: none;}
.instagram .carousel-instagram .owl-nav button {width: 60px; height: 50px; float: left; background: none; border: none; font-size: 18px; color: #bfbfbf;}
.instagram .carousel-instagram .owl-nav button i {display: table; width: 100%; text-align: center; line-height: 50px; font-size: 18px; transition: 0.5s;}
.instagram .carousel-instagram .owl-nav button:hover i {color: #333779; font-size: 22px;}
.instagram .carousel-instagram .owl-nav:after {content: ""; width: 1px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #d6d6d6;}

.wrap-facebook {float: left; width: 100%; margin-top: 100px; padding-bottom: 30px; border-bottom: 1px solid #ececec;}
.wrap-facebook .center-facebook {display: table; margin: 0 auto;}
.wrap-facebook .center-facebook .title {float: left; font-weight: 200; background: url(../img/icon-facebook.png) left center no-repeat; font-size: 30px; color: #4a4c9e; padding: 10px 0 10px 80px; margin-right: 35px;}
.wrap-facebook .center-facebook .title strong {font-weight: 600;}
.wrap-facebook .center-facebook a {float: left; margin: 7px 0; line-height: 20px; padding: 15px 30px; border-radius: 50px; font-size: 16px; color: #4a4c9e; background: #f5f5f5;  -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1);}
.wrap-facebook .center-facebook a:hover {background: #4a4c9e; color: #FFF;}

.wrap-quotation {padding: 70px 0; background: url(../img/bg-quotation.png) center center no-repeat; background-size: cover; width: 100%;}
.wrap-quotation .center-quotation {display: table; margin: 0 auto;}
.wrap-quotation .title {float: left; font-weight: 200; background: url(../img/icon-quotation.png) left center no-repeat; font-size: 30px; line-height: 35px; color: #4a4c9e; padding: 10px 0 10px 110px; margin-right: 35px;}
.wrap-quotation .title strong {font-weight: 600;}
.wrap-quotation a {line-height: 60px; color: #FFF; font-weight: 600; padding: 0 25px; background: #3846a3; font-size: 18px; border-radius: 60px; z-index: 500; border: 1px solid #3846a3; -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); display: table; margin: 14px 0;}
.wrap-quotation a i {margin-left: 5px;}
.wrap-quotation a:hover {background: #FFF; color: #3846a3; border-color: #d9d9d9}
.wrap-quotation-page {padding: 35px 0; float: left; margin-top: 0; width: 100%; margin-bottom: 100px;}
.wrap-quotation-page .title {padding: 27px 0 27px 110px;}

.banner-pages {padding-top: 225px; padding-bottom: 50px; border-bottom: 5px solid #316589;}
.banner-pages .breadcrumbs {display: table; width: 100%; padding-bottom: 25px; margin-bottom: 25px; color: #999999; font-size: 14px; border-bottom: 1px solid #999999; font-weight: 200;}
.banner-pages .breadcrumbs a {color: #999999; text-decoration: underline !important; font-weight: 200;}
.banner-pages .breadcrumbs .separator {padding: 0 10px; font-weight: 200;}
.banner-pages h1 {color: #FFF; font-size: 48px; font-weight: 800; font-style: italic; line-height: 50px;}
.banner-pages .subtitle {font-size: 24px; color: #999999; font-style: normal; font-weight: 300;}
.banner-pages ul {float: left; padding-top: 30px;}
.banner-pages ul li {float: left; margin-right: 30px;}
.banner-pages ul li:last-of-type {margin-right: 0;}
.banner-pages ul li a {float: left; display: block; overflow: hidden; position: relative; border-radius: 5px; width: 198px; background: #213758;}
.banner-pages ul li a span {display: table; width: 100%; text-align: center; color: #FFF; line-height: 55px; font-weight: 600; font-size: 18px; position: relative; z-index: 200;}
.banner-pages ul li a:before {content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; transition: 0.5s; opacity: 0; background-image: linear-gradient(to top, #1873ca, #2065be, #2856b2, #2f48a5, #353997);}
.banner-pages ul li a:hover:before {opacity: 1;}
.banner-pages .open-menu-banner {display: none;}

.content-representantes {padding: 40px 0 85px;}
.content-representantes .wrap-representantes {display: table; width: 100%; padding: 70px; border-radius: 4px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.content-representantes .wrap-representantes img {display: table; max-width: 100%; margin: 0 auto;}
.content-representantes .wrap-representantes form {display: table; width: 100%; margin-bottom: 35px;}
.content-representantes .wrap-representantes form span {display: table; width: 100%; text-transform: uppercase; margin-bottom: 10px; font-weight: 600; color: #494cbb;}
.content-representantes .wrap-representantes form input {display: table; width: 100%; padding: 0 20px; border-radius: 4px; font-size: 16px; color: #4c4c4c; height: 45px; background: #f5f5f5; border: none;}

.content-representantes .wrap-representantes .item-representante {display: table; width: 100%; border: 1px solid #e8e8e8; margin-bottom: 17px;}
.content-representantes .wrap-representantes .item-representante .open-representante {display: table; width: 100%; padding: 20px 60px 20px 30px; font-weight: 600; font-size: 21px; color: #3846a3; line-height: 25px; position: relative; float: left;}
.content-representantes .wrap-representantes .item-representante .open-representante:after {content: "\f107"; font-family: fontAwesome; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 20px; color: #cdcdcd; right: 30px; transition: 0.5s;}
.content-representantes .wrap-representantes .item-representante .open-representante.active:after {transform: translate(0, -50%) rotate(180deg);}
.content-representantes .wrap-representantes .item-representante .content-item-representante {display: none; width: 100%; padding: 20px 40px; float: left; border-top: 1px solid #e8e8e8;}
.content-representantes .wrap-representantes .item-representante .content-item-representante .contact-representante {display: table; width: 100%; margin: 10px 0; padding-left: 30px; float: left;}
.content-representantes .wrap-representantes .item-representante .content-item-representante .contact-representante .title {font-size: 15px; color: #b2b2b2; font-weight: 200; text-transform: uppercase; display: table; width: 100%;}
.content-representantes .wrap-representantes .item-representante .content-item-representante .contact-representante .info {font-size: 17px; color: #3846a3; font-weight: 600; display: table; width: 100%;}
.content-representantes .wrap-representantes .item-representante .content-item-representante .contact-representante.phone {background: url(../img/icon-phone-representante.png) left center no-repeat;}
.content-representantes .wrap-representantes .item-representante .content-item-representante .contact-representante.email {background: url(../img/icon-email-representante.png) left center no-repeat;}
.content-representantes .wrap-representantes .item-representante .content-item-representante .contact-representante.pin {background: url(../img/icon-pin-representante.png) left center no-repeat;}
.content-representantes .wrap-representantes .col-border {padding-right: 20px; border-right: 1px solid #e5e5e5;}
.content-representantes .wrap-representantes .box-img {display: table; width: 100%; padding-left: 10px;}

.scroll-representantes {width: 100%; margin: 0 auto 20px; max-height: 470px; overflow: hidden; padding-right: 20px; float: left;}
.nicescroll-rails {background: #f0f0f0; border-radius: 12px;}
.nicescroll-cursors {right: 1px; border-color: #f0f0f0 !important; border: none !important;}

.box-contacts {display: table; width: 100%; background: url(../img/bg-contacts.png) center center no-repeat; background-size: cover; padding: 30px 0; border-radius: 4px; float: left; margin-top: 80px;}
.box-contacts .center-contacts {display: table; margin: 0 auto;}
.box-contacts .center-contacts .left {float: left;}
.box-contacts .center-contacts .left .info {clear: both;}
.box-contacts .center-contacts .right {float: right;}
.box-contacts .center-contacts .info {display: table; margin: 10px 30px; padding: 10px 0 10px 60px; font-size: 20px; color: #8c96ff; float: left;}
.box-contacts .center-contacts .info.phone a{color: #8c96ff;}
.box-contacts .center-contacts .info.email {background: url(../img/icon-email-big.png) left center no-repeat;}
.box-contacts .center-contacts .info.phone {background: url(../img/icon-phone-big.png) left center no-repeat;}
.box-contacts .center-contacts .info.pin {background: url(../img/icon-pin-big.png) left center no-repeat;}
.box-contacts .center-contacts a.info:hover {color: #FFF;}
.box-contacts .center-contacts .info.phone a:hover {color: #FFF;}
.box-contacts-2 .center-contacts .info {margin: 10px;}
.box-contacts-2 .center-contacts .info.email, .box-contacts-2 .center-contacts .info.phone {margin: 25px 10px;}

.contact-content {padding: 65px 0 85px;}
.contact-content h2 {display: table; width: 100%; font-weight: 400; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; font-size: 30px; line-height: 33px; color: #3846a3;}
.contact-content form {display: table; width: 100%;}
.contact-content form .form-group {float: left; width: 100%;}
.contact-content form label {display: table; margin-bottom: 5px; float: left; width: 100%; color: #4c4c4c; font-weight: 600;}
.contact-content form input, .contact-content textarea, .contact-content form select {float: left; height: 45px; width: 100%; background-color: #f5f5f5; padding: 0 20px; font-size: 16px; font-weight: 200; border: none; width: 100%; float: left; border-radius: 4px; resize: none;}
.contact-content form textarea {height: 75px; padding: 10px 20px;}
.contact-content form select {padding-right: 40px; background-image: url(../img/arrow-select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; cursor: pointer;}
.contact-content form .btn-contact {float: right;}
.contact-content form .btn-contact {line-height: 60px; color: #FFF; font-weight: 600; padding: 0 20px; background: #333779; font-size: 18px; border-radius: 60px; z-index: 500; -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1);}
.contact-content form .btn-contact i {margin-left: 20px;}
.contact-content form .btn-contact:hover {color: #333779; background: #FFF;}
.contact-content #map {display: table; width: 100%; height: 636px; border-radius: 4px;}

.about-content {padding: 80px 0;}
.about-content h2 {padding-bottom: 45px; margin-bottom: 25px; font-weight: 600; font-size: 36px; line-height: 40px; color: #494cbb; font-style: normal; background: url(../img/detail-title.png) left bottom repeat-x; display: table; width: 100%;}
.about-content p {margin-bottom: 20px; font-size: 18px; line-height: 30px; color: #4c4c4c;}
.about-content .open-video {width: 100%; height: 465px; position: relative; float: left; margin-top: 0; display: block; border-radius: 3px; overflow: hidden;}
.about-content .open-video:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); z-index: 100; transition: 0.5s;}
.about-content .open-video .text-video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; padding-top: 70px; background: url(../img/icon-video.png) top center no-repeat; color: #FFF; font-weight: 200; z-index: 400;}
.about-content .open-video .lines-detail {position: absolute; top: 22px; right: 22px; left: 22px; bottom: 22px; border-top: 1px solid rgba(255,255,255,.5);}
.about-content .open-video .lines-detail:before {content: ""; width: 1px; position: absolute; top: 0; bottom: 50%; left: 0; background: rgba(255,255,255,.5); border-radius: 0 0 50% 50%;}
.about-content .open-video .lines-detail:after {content: ""; width: 1px; position: absolute; top: 0; bottom: 50%; right: 0; background: rgba(255,255,255,.5); border-radius: 0 0 50% 50%;}
.about-content .open-video:hover:before {background: rgba(0,0,0,.8);}

.about-content .box-mvv {float: left; padding: 65px 100px; background: url(../img/bgmvv.png) center center no-repeat; background-size: cover; border-radius: 4px; float: left; margin-top: 50px; width: 100%; border: 1px solid rgba(217,217,217,.4); -webkit-box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.1);}
.about-content .box-mvv .item-mvv {display: table; width: 100%; margin-bottom: 28px;}
.about-content .box-mvv .item-mvv:last-of-type {margin-bottom: 0;}
.about-content .box-mvv .item-mvv h3 {position: relative; width: 100%; font-weight: 600; font-size: 30px; color: #3e4095; padding-left: 65px; padding-bottom: 30px; padding-top: 6px; margin-bottom: 25px;}
.about-content .box-mvv .item-mvv h3.icon-missao {background: url(../img/icon-missao.png) left top no-repeat;}
.about-content .box-mvv .item-mvv h3.icon-visao {background: url(../img/icon-visao.png) left top no-repeat; padding-top: 0; padding-left: 70px;}
.about-content .box-mvv .item-mvv h3.icon-valores {background: url(../img/icon-valores.png) left top no-repeat; padding-top: 0; padding-left: 50px;}
.about-content .box-mvv .item-mvv h3:after {content: ""; position: absolute; height: 1px; bottom: 0; left: 0; right: 30%; background-image: linear-gradient(to right, rgba(215,215,215,1), rgba(215,215,215,1), rgba(215,215,215,.1), rgba(215,215,215,0), rgba(215,215,215,0));}
.about-content .box-mvv .item-mvv p {margin-bottom: 20px; font-size: 16px; line-height: 26px; color: #4c4c4c;}
.about-content .box-mvv .item-mvv p:last-of-type {margin-bottom: 0;}
.about-content .box-mvv .item-mvv ul {display: table; width: 100%;}
.about-content .box-mvv .item-mvv ul li {width: 40%; margin-right: 45px; position: relative; padding-left: 27px; font-weight: 600; font-size: 18px; color: #4c4c4c; float: left; margin-bottom: 5px; font-style: normal;}
.about-content .box-mvv .item-mvv ul li:before {content: "\f058"; font-family: fontAwesome; position: absolute; top: 0; left: 0; font-size: 18px; color: #3e4095;}

.wrap-quality {padding: 80px 0; background: url(../img/bg-quality.png) center center no-repeat; background-size: cover;}
.wrap-quality h2 {font-weight: 600; color: #FFF; font-style: italic; font-size: 40px; margin-bottom: 10px; line-height: 45px;}
.wrap-quality p {font-size: 17px; line-height: 28px; color: #FFF; font-weight: 200; margin-bottom: 0;}
.wrap-quality .box-certifications {float: right; background: #fafafa; border-radius: 4px; padding: 30px 40px;}
.wrap-quality .box-certifications span {float: left; font-weight: 600; font-size: 24px; color: #3e4095; line-height: 60px; padding-left: 50px; background: url(../img/icon-certifications.png) left center no-repeat;}
.wrap-quality .box-certifications img {float: left; margin-left: 40px;}

.responsabilidade {padding: 80px 0 130px; background: url(../img/bg-responsabilidade.png) right center no-repeat; background-size: cover;}
.responsabilidade h2 {font-weight: 200; font-size: 48px; line-height: 50px; color: #451c0b; background: url(../img/icon-responsabilidade.png) left center no-repeat; padding: 10px 0 10px 85px; margin-bottom: 30px;}
.responsabilidade p {font-size: 18px; line-height: 30px; color: #4c4c4c; margin-bottom: 20px;}
.responsabilidade p:last-of-type {margin-bottom: 0;}

.social-projects {display: table; width: 100%; margin-top: -45px;}
.social-projects .box-project {display: table; width: 100%; border-radius: 4px; background: url(../img/bg-projects.png) center center no-repeat; background-size: cover; padding: 80px 0;}
.social-projects .box-project h2 {font-weight: 600; margin-bottom: 10px; color: #FFF; font-size: 30px; line-height: 30px;}
.social-projects .box-project p {font-size: 17px; line-height: 30px; color: #FFF; margin-bottom: 0; font-weight: 200;}

.balance {display: table; width: 100%; padding: 30px 0 100px;}
.balance .box-balance {display: table; width: 100%; padding: 40px; background: #fafafa; border-radius: 4px;}
.balance .box-balance p:last-of-type {margin-bottom: 0;}
.balance .box-balance h2 {position: relative; width: 100%; font-weight: 600; font-size: 30px; color: #3e4095; padding-left: 55px; padding-bottom: 25px; padding-top: 2px; margin-bottom: 25px; background: url(../img/icon-certifications.png) top left no-repeat; border-bottom: 1px solid #e1e1e1;}
.balance .box-balance p {margin-bottom: 20px; font-size: 16px; line-height: 26px; color: #4c4c4c;}
.balance .box-balance p:last-of-type {margin-bottom: 0;}

.wrap-technologies {padding: 50px 0;}
.wrap-technologies .item-technologie {display: table; width: 100%; margin-bottom: 70px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.wrap-technologies .item-technologie .box-title {display: table; width: 100%; padding: 35px 0; background-image: linear-gradient(to right, #e9e9e9, #eeedee, #f2f2f2, #f7f6f7, #fbfbfc); position: relative; padding-left: 140px; position: relative;}
.wrap-technologies .item-technologie .box-title:before {content: ""; width: 62px; height: 62px; background: url(../img/check-circle.png) center center no-repeat; position: absolute; top: 50%; transform: translate(0, -50%); left: 63px; z-index: 200;}
.wrap-technologies .item-technologie .box-title:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to left, #e9e9e9, #eeedee, #f2f2f2, #f7f6f7, #fbfbfc); opacity: 0; transition: 0.5s;}
.wrap-technologies .item-technologie:hover .box-title:after {opacity: 1;}
.wrap-technologies .item-technologie .box-title h2 {font-weight: 600; color: #2b51af; font-size: 29px; line-height: 45px; margin-bottom: 0; position: relative; z-index: 200;}
.wrap-technologies .item-technologie .box-title p {font-size: 20px; color: #808080; margin-bottom: 0; font-weight: 200; position: relative; z-index: 200;}
.wrap-technologies .item-technologie .content-technologie {display: table; width: 100%; padding: 30px 55px;}
.wrap-technologies .item-technologie .content-technologie ul {display: table; width: 100%;}
.wrap-technologies .item-technologie .content-technologie ul li {float: left; width: 50%; padding-right: 30px; padding-left: 65px; position: relative; margin: 22px 0; font-size: 24px; line-height: 26px; color: #3149a7;}
.wrap-technologies .item-technologie .content-technologie ul li:before {content: "\f058"; font-family: fontAwesome; color: #3249a7; font-size: 20px; border: 14px solid #f7f7f7; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); border-radius: 50%;}
.wrap-technologies .item-technologie .content-technologie ul li a {color: #3149a7;}
.wrap-technologies .item-technologie .content-technologie ul li a:hover {text-decoration: underline !important}

.single-service {padding: 35px 0 130px;}
.single-service .menu-service {display: table; width: 100%; padding-bottom: 70px; background: url(../img/detail-title.png) left bottom repeat-x; margin-bottom: 40px;}
.single-service .menu-service span {font-weight: 600; font-size: 20px; color: #494cbb; margin-bottom: 10px; display: table;}
.single-service .menu-service ul {display: block; border-radius: 5px; border: 1px solid #e3e3e3; width: 100%; overflow: hidden;}
.single-service .menu-service ul li {float: left; width: 16.6%; position: relative; display: block}
.single-service .menu-service ul li a {display: table; padding: 10px 15px; font-size: 16px; color: #686868; font-weight: 400; width: 100%; text-align: center; position: relative; overflow: hidden;}
.single-service .menu-service ul li:after {content: ""; width: 1px; height: 300px; position: absolute; top: 50%; transform: translate(0, -50%); background: #e3e3e3; right: 0;}
.single-service .menu-service ul li a:hover {background: #efefef; color: #494cbb;}
.single-service .menu-service ul li:last-of-type:after {display: none;}
.single-service h2 {font-weight: 800; font-size: 36px; color: #5457be; font-style: italic; display: table; margin-bottom: 20px;}

.single-service form {display: table; width: 100%;}
.single-service form .scroll-list {width: calc(100% - 40px); height: 330px; padding-right: 40px; overflow: hidden; margin: 20px 0;}
.single-service form .list-products {display: block; width: 100%; float: left; overflow: hidden; border: 1px solid #d9d9d9; border-radius: 4px;}
.single-service form .list-products .wrap-title {display: table; width: 100%; background: #f5f5f5; padding-right: 80px; border-bottom: 1px solid #e5e5e5;}
.single-service form .list-products .wrap-title span {display: table; width: 100%; padding: 20px 0; font-size: 16px; font-weight: 600; color: #494cbb;}
.single-service form .list-products .item-list {display: table; width: 100%; border-top: 1px solid #e5e5e5;}
.single-service form .list-products .item-list:first-of-type {border-top: 0;}
.single-service form .list-products .item-list span {display: table; width: 100%; padding: 20px 0; font-size: 16px; font-weight: 600; color: #808080;}
.single-service form .list-products .item-list input {width: 50px; height: 30px; border-radius: 3px; text-align: center; font-size: 14px; font-weight: 200; background: #fafafa; border: 1px solid #e6e6e6; color: #999999;}
.single-service form .list-products .item-list .group-check {display: table; cursor: pointer; margin: 25px auto;}
.single-service form .list-products .item-list .group-check span {display: table; position: relative; width: 20px; height: 20px; border-radius: 4px; background: #ebebeb; padding: 0; margin: 0 auto; transition: 0.5s;}
.single-service form .list-products .item-list .group-check span:before {content: "\f00c"; font-family: fontAwesome; width: 20px; line-height: 20px; border-radius: 2px; position: absolute; top: 0; left: 0; transform: scale(0); transition: 0.5s; font-size: 10px; color: #FFF; text-align: center;}
.single-service form .list-products .item-list .group-check input {display: none;}
.single-service form .list-products .item-list .group-check input:checked ~ span {background: #494cbb;}
.single-service form .list-products .item-list .group-check input:checked ~ span:before{transform: scale(1);}
.single-service form .list-products .item-list a {position: absolute; right: 15px; top: 50%; transform: translate(0, -50%); font-weight: 600; font-size: 18px; color: #3e4095;}
.single-service form .list-products .item-list a i {margin-right: 5px;}
.single-service form .list-products .item-list a:hover {color: #808080;}
.single-service form .list-products .item-list .description {padding-right: 120px;}
.single-service form .list-products .row {overflow: hidden;}
.single-service form .list-products .row > div {position: relative;}
.single-service form .list-products .row > div:after {content: ""; width: 1px; height: 500px; position: absolute; top: 50%; right: 0; background: #e5e5e5; transform: translate(0, -50%);}
.single-service form .list-products .row > div:last-of-type:after {display: none;}
.single-service form .list-products .wrap-title .row {overflow: initial}
.single-service form .list-products .wrap-title .row > div:after {top: 0; transform: none; height: auto; top: 0; bottom: -21px;}
.single-service form .list-products .bottom-list {display: table; width: 100%; float: left; margin-top: 40px; padding: 0 40px 40px;}
.single-service form .list-products .bottom-list input {width: 580px; padding: 0 20px; height: 50px; border-radius: 4px; background: #f7f7f7; font-size: 15px; color: #666666; font-weight: 200; border: none; float: left;}
.single-service form .list-products .bottom-list button {height: 50px; padding: 0 25px; border-radius: 50px; border: 1px solid #e5e5e5; display: block; overflow: hidden; background-image: linear-gradient(to right, #cccccc, #d5d5d5, #dfdfdf, #e8e8e8, #f2f2f2); float: right; position: relative; -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);}
.single-service form .list-products .bottom-list button span {font-weight: 600; font-size: 16px; color: #666666; position: relative; z-index: 300;}
.single-service form .list-products .bottom-list button i {margin-left: 5px;}
.single-service form .list-products .bottom-list button:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to left, #cccccc, #d5d5d5, #dfdfdf, #e8e8e8, #f2f2f2); transition: 0.5s; opacity: 0;}
.single-service form .list-products .bottom-list button:hover:after {opacity: 1;}
.single-service .list-mobile {display: none;}

.single-service-2 h2 {font-size: 20px; line-height: 24px;}
.single-service form .list-products-2 .item-list .description {padding-right: 0;}
.single-service form .list-products-2 .scroll-list {max-height: 205px;}

.single-service .product-contact-form {float: left; padding-top: 65px; margin-top: 65px; background: url(../img/detail-title.png) top left repeat-x; width: 100%;}
.single-service .product-contact-form h3 {display: table; width: 100%; text-align: center; font-weight: 600; font-size: 36px; color: #5457be; margin-bottom: 20px; font-style: italic;}
.single-service .product-contact-form .btn-submit {float: none; display: table; margin: 0 auto;}
.single-service .product-contact-form .btn-submit {line-height: 60px; color: #FFF; font-weight: 600; padding: 0 20px; background: #333779; font-size: 18px; border-radius: 60px; z-index: 500; -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1);}
.single-service .product-contact-form .btn-submit i {margin-left: 20px;}
.single-service .product-contact-form .btn-submit:hover {color: #333779; background: #FFF;}
.single-service .product-contact-form .form-group {float: left; width: 100%;}
.single-service .product-contact-form label {display: table; margin-bottom: 5px; float: left; width: 100%; color: #4c4c4c; font-weight: 600;}
.single-service .product-contact-form input, .single-service .product-contact-form textarea, .single-service .product-contact-form select {float: left; height: 45px; width: 100%; background-color: #f5f5f5; padding: 0 20px; font-size: 16px; font-weight: 200; border: none; width: 100%; float: left; border-radius: 4px; resize: none;}
.single-service .product-contact-form select {padding-right: 40px; background-image: url(../img/arrow-select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center}
.single-service .product-contact-form textarea {height: 75px; padding: 10px 20px;}

.thank-you {display: table; width: 100%; padding: 80px 0 150px;}
.thank-you h2 {display: table; width: 100%; font-weight: 600; text-align: center; font-size: 30px; color: #56b85a; line-height: 33px; margin-bottom: 10px; padding-top: 115px; background: url(../img/check-green.png) top center no-repeat;}
.thank-you p {display: table; width: 100%; text-align: center; font-size: 18px; line-height: 25px; color: #666666;}

.wrap-products {padding: 65px 0;}
.wrap-products h2 {display: table; width: 100%; text-align: center; font-size: 48px; color: #494cbb; font-weight: 800; font-style: italic; line-height: 50px; margin-bottom: 0;}
.wrap-products .subtitle {font-size: 24px; color: #999999; display: table; width: 100%; font-style: normal; text-align: center;}
.wrap-products .menu-service {display: table; width: 100%; padding-bottom: 70px; background: url(../img/detail-title.png) left bottom repeat-x; margin-bottom: 70px; margin-top: 30px; float: left;}
.wrap-products .menu-service ul {display: table; border-radius: 5px; border: 1px solid #e3e3e3; width: 100%;}
.wrap-products .menu-service ul li {float: left; width: 33.3%}
.wrap-products .menu-service ul li a {display: table; padding: 10px 38.5px; font-size: 16px; color: #686868; font-weight: 400; border-right: 1px solid #e3e3e3; width: 100%; text-align: center;}
.wrap-products .menu-service ul li a:hover {background: #efefef; color: #494cbb;}
.wrap-products .menu-service ul li:last-of-type a {border-right: 0;}
.wrap-products .item-product {display: table; width: 100%; padding: 84px 45px; border-radius: 3px; border: 1px solid #f0f0f0; position: relative; margin-bottom: 55px;}
.wrap-products .item-product h3 {display: table; width: 100%; text-align: center; font-weight: 600; font-size: 22px; color: #3e4095; margin-bottom: 0;}
.wrap-products .item-product ul {display: table; width: 100%;}
.wrap-products .item-product ul li {display: table; position: relative; padding-left: 30px; margin: 6px 0; color: #666666; font-weight: 200; float: left; width: 100%; background: url(../img/icon-check-product.png) left center no-repeat;}
.wrap-products .item-product ul li strong {font-weight: 600;}
/* .wrap-products .item-product:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-color: #fff;transition: 0.5s;z-index: 200;opacity: 0;border-radius: 3px;} */
.wrap-products .item-product .tag {opacity:0;position: absolute; padding: 7px 25px; border-radius: 30px; color: #FFF; background: #2854b2; font-weight: 600; font-size: 14px; left: 50%; transform: translate(-50%, 0); top: -17px; display: table; transition: 0.5s;}
.wrap-products .item-product .center-product {position: absolute; z-index: 500; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); padding: 30px; opacity: 1;}
.wrap-products .item-product .center-product h3 {display: table;width: 100%;text-align: center;color: #3e4095;font-weight: 600;font-size: 20px;line-height: 36px;margin-bottom: 10px;}
.wrap-products .item-product a {float: none; display: table; margin: 0 auto; line-height: 60px; color: #3e4095; font-weight: 600; padding: 0 20px; background: #FFF; font-size: 18px; border-radius: 60px; z-index: 500;/* -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1);*/}
.wrap-products .item-product a i {margin-left: 10px;}
/* .wrap-products .item-product a:hover {color: #333779; background: #FFF;} */
.wrap-products .item-product:hover .center-product {opacity: 1;}
.wrap-products .item-product:hover:before {opacity: 1;}
.wrap-products .item-product:hover .tag {opacity: 0;}
.wrap-products .btn-more {line-height: 60px; color: #3e4095; font-weight: 600; padding: 0 25px; background: #FFF; font-size: 18px; border-radius: 60px; z-index: 500; border: 1px solid #d9d9d9; -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); display: table; margin: 0 auto;}
.wrap-products .btn-more a {color: #3e4095;}
.wrap-products .btn-more i {margin-left: 5px;}
.wrap-products .btn-more:hover {background: #3e4095; color: #FFF; border-color: #3e4095}
.wrap-products .btn-more:hover a{color: #FFF;}
.wrap-products .page {margin: 0 auto;}



.wrap-single-product {padding: 70px 0 0;}
.wrap-single-product .carousel-gallery {border-radius: 4px; overflow: hidden; border: 1px solid rgba(204,204,204,.4); position: relative;}
.wrap-single-product .carousel-gallery img {display: table; width: 100%; transition: 0.5s;}
.wrap-single-product .carousel-gallery .disabled {display: none !important;}
.wrap-single-product .carousel-gallery .owl-dots {position: absolute; left: 50%; bottom: 35px; transform: translate(-50%, 0);}
.wrap-single-product .carousel-gallery .owl-dots button {float: left; margin: 0 7px; width: 10px; height: 10px; border-radius: 50%; border: none; background: #e5e5e5;}
.wrap-single-product .carousel-gallery .owl-dots button.active {background: #3846a3;}
.wrap-single-product .carousel-gallery a {float: left; display: block; overflow: hidden; width: 100%;}
.wrap-single-product .carousel-gallery a:hover img {transform: scale(1.1);}
.wrap-single-product .box-title {display: table; width: 100%; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 2px solid rgba(204,204,204,.4);}
.wrap-single-product .box-title h2 {font-weight: 600; font-size: 22px; color: #3e4095; float: left; margin-bottom: 0; padding-top: 5px;}
.wrap-single-product .box-title .category {float: right; padding: 5px 20px; border-radius: 30px; font-size: 14px; color: #304ba9; border: 1px solid #304ba9;}
.wrap-single-product .box-title .category:hover {background: #304ba9; color: #FFF;}
.wrap-single-product p {font-size: 16px; line-height: 25px; color: #4c4c4c; margin-bottom: 20px;}
.wrap-single-product ul {display: table; width: 100%; padding: 25px 30px; border-radius: 3px; border: 1px solid rgba(204,204,204,.4);}
.wrap-single-product ul li {display: table; position: relative; padding-left: 30px; margin: 8px 0; color: #666666; font-weight: 200; float: left; width: 100%; background: url(../img/icon-check-product.png) left center no-repeat;}
.wrap-single-product ul li strong {font-weight: 600;}



.infos-product {display: table; width: 100%; padding: 50px 0 50px;}
.infos-product .box-infos-product {display: table; width: 100%; border: 1px solid rgba(204,204,204,.4); border-radius: 3px; -webkit-box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.1);}
.infos-product .box-infos-product .title {display: table; width: 100%; padding: 15px 40px; border-bottom: 1px solid rgba(204,204,204,.4); font-weight: 600; font-size: 24px; color: #4a4c9e;}
.infos-product .box-infos-product .content-infos-product {padding: 0 40px 30px; display: table; width: 100%;}
.infos-product .box-infos-product .content-infos-product .group-list {display: table; width: 100%; float: left;}
.infos-product .box-infos-product .content-infos-product .line-list {display: table; width: 100%; padding: 10px 0; border-bottom: 1px solid rgba(204,204,204,.4);}
.infos-product .box-infos-product .content-infos-product .line-list:last-of-type {border-bottom: 0;}
.infos-product .box-infos-product .content-infos-product .line-list .text-list {position: relative; padding-left: 30px; font-size: 18px; color: #808080; display: table; padding-right: 10px;}
.infos-product .box-infos-product .content-infos-product .line-list .text-list:before {content: "\f058"; font-family: fontAwesome; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); font-size: 18px; color: #3846a3;}
.infos-product .box-infos-product .content-infos-product .line-list .text-number {float: right; font-size: 18px; font-weight: 600; color: #4a4c9e;}
.infos-product .box-infos-product .content-infos-product .title-list {float: left; width: 100%; color: #FFF; font-weight: 600; padding: 15px 40px; font-size: 20px; border-radius: 3px; background: #3846a3; margin: 20px 0;}
.infos-product .info_tabela {position: relative;display: block;margin-top: 10px;font-size: 13px;font-style: italic;}

.content-blog {padding: 50px 0 80px;}
.content-blog .box-filter {display: table; width: 100%; border-radius: 3px; background: #FFF; padding: 25px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); margin-bottom: 60px;}
.content-blog .box-filter form {display: table; margin: 0 auto; position: relative;}
.content-blog .box-filter form span.title {float: left; margin-right: 20px; padding-left: 40px; font-weight: 600; font-size: 20px; color: #494cbb; position: relative; line-height: 45px;}
.content-blog .box-filter form span.title:before {content: ""; width: 25px; height: 3px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); background: #494cbb;}
.content-blog .box-filter form select {width: 320px; height: 45px; border: none; padding: 0 40px 0 20px; font-size: 16px; color: #4c4c4c; font-weight: 200; float: left; border-radius: 3px; background: url(../img/arrow-select.png) no-repeat #f5f5f5; background-position: calc(100% - 15px) center;}
.content-blog .box-filter form .custom-selectbox {width: 320px;}
.content-blog .box-filter form input {width: 470px; height: 45px; border: none; padding: 0 55px 0 20px; font-size: 16px; color: #4c4c4c; font-weight: 200; float: left; border-radius: 3px; background: #f5f5f5;}
.content-blog .box-filter form button[type=submit] {height: 45px; width: 50px; background: none; border: none; position: absolute; top: 0; right: 0; font-size: 17px; color: #3b3f9e;}
.content-blog .box-filter form .separator {float: left; line-height: 45px; padding: 0 15px; font-size: 16px; color: #4c4c4c; font-weight: 200;}
.content-blog .item-blog {display: table; width: 100%; margin-bottom: 45px;}
.content-blog .item-blog .image {float: left; display: block; border-radius: 4px; overflow: hidden; width: 100%; position: relative; margin-bottom: 15px;}
.content-blog .item-blog .image img {display: table; width: 100%; transition: 0.5s;}
.content-blog .item-blog .image:hover img {transform: scale(1.1)}
.content-blog .item-blog .image .date {position: absolute; bottom: 20px; left: 20px; color: #FFF; font-size: 11px; border-radius: 5px; background: #3b3f9e; line-height: 25px; padding: 0 10px; display: table;}
.content-blog .item-blog h3 a {font-weight: 600; font-size: 22px; line-height: 28px; color: #4c4c4c; display: table;}
.content-blog .item-blog h3 a:hover {color: #3b3f9e}
.content-blog .item-blog p {font-size: 18px; line-height: 28px; color: #4c4c4c; margin-bottom: 0;}
.content-blog hr {display: table; width: 100%; height: 1px; margin-bottom: 45px; float: left; background: #e5e5e5; border: none; margin-top: 0;}

.content-blog .article-primary {width: 100%; height: 360px; float: left; overflow: hidden; border-radius: 4px; position: relative; margin-bottom: 45px;}
.content-blog .article-primary .post-bg {position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: 5s; z-index: 300;}
.content-blog .article-primary .box-text {position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); z-index: 800; display: table; transition: 0.5s; width: 100%; padding: 45px 70px;}
.content-blog .article-primary .box-text .title {display: table; width: 100%; color: #FFF; font-size: 24px; line-height: 30px; margin-bottom: 0; font-weight: 600;}
.content-blog .article-primary .box-text .date {color: #FFF; font-size: 11px; border-radius: 5px; background: #3b3f9e; line-height: 25px; padding: 0 10px; display: table; margin-bottom: 10px;}
.content-blog .article-primary:after {content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 500; background-image: linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,.6), rgba(0,0,0,.4), rgba(0,0,0,.2), transparent, transparent); opacity: .8; transition: 0.5s;}
.content-blog .article-primary:hover:after {opacity: .9;}
.content-blog .article-primary:hover .box-text {bottom: 20px}
.content-blog .article-primary:hover .post-bg {transform: scale(1.1);}

.wrap-pagination {display: table; width: 100%; float: left; padding-top: 40px;}
.wrap-pagination .pagination {display: table; margin: 0 auto;}
.wrap-pagination .pagination li {float: left; line-height: 40px; padding: 0 10px; color: #4d4d4d; font-size: 14px; font-weight: 200; text-align: center; color: #3b3f9e;}
.wrap-pagination .pagination li a{color: #3b3f9e;}
.wrap-pagination .pagination li.active, .wrap-pagination .pagination li:hover {text-decoration: underline !important;}
.wrap-pagination .pagination .arrow {width: 40px; line-height: 38px; text-align: right; color: #3b3f9e; font-size: 15px; border-radius: 50%; margin-right: 15px; text-align: center; padding: 0; border: 1px solid #f1f1f1; -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1);}
.wrap-pagination .pagination .arrow-2 {margin-right: 0; margin-left: 15px;}
.wrap-pagination .pagination .arrow:hover {background: #f2f2f2;}

.blog-single {padding: 60px 0 80px;}
.blog-single .date {display: table; color: #FFF; font-size: 11px; border-radius: 5px; background: #3b3f9e; line-height: 25px; padding: 0 10px; display: table; margin: 0 auto 20px;}
.blog-single h2 {display: table; width: 100%; text-align: center; font-weight: 600; font-size: 40px; line-height: 50px; color: #4c4c4c; margin-bottom: 15px;}
.blog-single .full {display: table; width: 100%; margin-bottom: 30px; border-radius: 4px;}
.blog-single p {font-size: 18px; line-height: 25px; color: #4c4c4c; margin-bottom: 20px;}
.blog-single .post-gallery {display: block; width: 100%; float: left;}
.blog-single .post-gallery .title-gallery {display: table; width: 100%; font-weight: 700; font-size: 30px; line-height: 30px; color: #4c4c4c; margin-bottom: 10px;}
.blog-single .post-gallery a {display: block; float: left; overflow: hidden; border-radius: 3px; width: 100%;}
.blog-single .post-gallery img {display: table; width: 100%; border-radius: 5px; transition: 0.5s;}
.blog-single .post-gallery a:hover img {transform: scale(1.1);}
.blog-single .post-gallery .carousel-gallery-post {width: calc(100% + 70px); margin-left: -35px; padding: 0 35px; position: relative;}
.blog-single .post-gallery .carousel-gallery-post .owl-stage-outer {overflow: hidden;}
.blog-single .post-gallery .carousel-gallery-post a {border-radius: 3px;}
.blog-single .post-gallery .carousel-gallery-post a:hover {opacity: .9;}
.blog-single .post-gallery .carousel-gallery-post .owl-dots {display: table; margin: 25px auto 0;}
.blog-single .post-gallery .carousel-gallery-post .owl-dots button {float: left; margin: 0 7px; width: 10px; height: 13px; border-radius: 50%; border: none; background: #e5e5e5;}
.blog-single .post-gallery .carousel-gallery-post .owl-dots button.active {background: #3846a3;}
.blog-single .post-gallery .carousel-gallery-post .disabled {display: none !important;}

.blog-pages {background: #fafafa;}

.bg-detail-service {float: left; margin-top: 30px; border-radius: 3px; display: block; overflow: hidden; height: 330px; position: relative;}
.bg-detail-service:before {content: ""; position: absolute; width: 70%; top: 0; bottom: 0; right: 0; background-image: linear-gradient(to right, rgba(13,15,74,0), rgba(13,15,74,.3), rgba(13,15,74,1), rgba(13,15,74,1), rgba(13,15,74,1));}
.bg-detail-service .box-text {padding: 30px 60px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); width: 50%; z-index: 200;}
.bg-detail-service .box-text h3 {font-weight: 600; color: #FFF; margin-bottom: 10px; font-size: 24px; line-height: 28px;}
.bg-detail-service .box-text p {color: #FFF; font-size: 18px; line-height: 30px; margin-bottom: 0; font-weight: 200;}

.wrap-benefits {padding: 70px 0; background: url(../img/bg-benefits.png) center center no-repeat; background-size: cover;}
.wrap-benefits h2 {display: table; width: 100%; text-align: center; font-weight: 800; color: #3e4095; font-size: 48px; font-style: italic; margin-bottom: 0px;}
.wrap-benefits .subtitle {display: table; width: 100%; text-align: center; font-weight: 200; color: #3e4095; font-size: 24px; font-style: normal; margin-bottom: 40px;}
.wrap-benefits .item-benefit {display: table; width: 100%; padding-top: 145px; background: url(../img/icon-check.png) top center no-repeat;}
.wrap-benefits .item-benefit h3 {display: table; width: 100%; text-align: center; font-weight: 600; font-size: 24px; color: #4c4c4c; margin-bottom: 15px;}
.wrap-benefits .item-benefit p {font-size: 15px; line-height: 24px; color: #4c4c4c; margin-bottom: 0; width: 100%; text-align: center;}

.wrap-quality-black {background: url(../img/bg-quality-black.png) center center no-repeat;}
.category-description {display: table; width: 100%; text-align: center; padding-top: 40px; font-size: 18px; margin-bottom: 0; line-height: 30px; color: #4c4c4c; font-weight: 200;}

footer {padding: 0x 0 0; background: url(../img/bg-footer.png) center center no-repeat; background-size: cover;}
footer .wrap-newsletter {display: table; width: 100%; padding: 30px 0; border-radius: 3px; border: 1px solid rgba(255,255,255,.2); float: left;}
footer .wrap-newsletter .center-newsletter {display: table; margin: 0 auto;}
footer .wrap-newsletter .center-newsletter .title {float: left; font-size: 20px; line-height: 22px; padding-left: 75px; font-weight: 600; background: url(../img/icon-email.png) left center no-repeat; margin-right: 45px; color: #FFF;}
footer .wrap-newsletter .center-newsletter form {float: left;}
footer .wrap-newsletter .center-newsletter form input {width: 325px; float: left; margin-right: 10px; height: 45px; padding: 0 20px; font-size: 16px; color: #FFF; background: rgba(61,73,204,.8); border: none; border-radius: 4px; font-weight: 200;}
footer .wrap-newsletter .center-newsletter form button {float: left; background: none; border: none; color: #FFF; text-transform: uppercase; font-weight: 600; font-size: 18px; height: 45px; letter-spacing: -1px;}
footer .wrap-newsletter .center-newsletter form button:hover {color: #1f7ecc}
footer .wrap-newsletter .center-newsletter form ::-webkit-input-placeholder {color: #FFF;}
footer .wrap-newsletter .center-newsletter form ::-moz-placeholder {color: #FFF;}
footer .wrap-newsletter .center-newsletter form :-ms-input-placeholder {color: #FFF;}
footer .wrap-newsletter .center-newsletter form :-moz-placeholder {color: #FFF;}

footer .default-footer {width: 100%; padding: 45px 0; float: left;}
footer .default-footer .logo {float: left;}
footer .default-footer .right-footer {float: right; padding: 11px 0;}
footer .default-footer .right-footer nav {float: left;}
footer .default-footer .right-footer nav ul {display: table;}
footer .default-footer .right-footer nav ul li {float: left;}
footer .default-footer .right-footer nav ul li a {text-transform: uppercase; padding: 0 13px; color: #FFF; font-size: 15px; line-height: 46px; font-weight: 600; position: relative; display: table;}
footer .default-footer .right-footer nav ul li a:hover {color: #1f7ecc}
footer .default-footer .right-footer .btn-login {float: left; text-transform: uppercase; line-height: 44px; border-radius: 46px; color: #c1c1e2; border: 1px solid #c1c1e2; margin-left: 15px; padding: 0 20px; font-size: 15px;}
footer .default-footer .right-footer .btn-login i {margin-right: 6px;}
footer .default-footer .right-footer .btn-login:hover {background: #1f7ecc; border-color: #1f7ecc; color: #FFF;}

footer .bottom-footer {padding: 40px 0 55px; display: table; width: 100%; border-top: 1px solid rgba(255,255,255,.2); float: left;}
footer .bottom-footer .left-bottom-footer {float: left;}
footer .bottom-footer .item-contact {float: left; margin: 10px 35px 10px 0;}
footer .bottom-footer .item-contact span {float: left; margin-right: 15px; line-height: 20px; font-size: 15px; font-style: italic; font-weight: 200; color: #8c96ff;}
footer .bottom-footer .item-contact a {float: left; line-height: 20px; font-size: 15px; font-weight: 600; color: #8c96ff;}
footer .bottom-footer .item-contact a:hover {color: #FFF;}
footer .bottom-footer .item-contact.full {margin-right: 0; clear: both;}
footer .bottom-footer .right-bottom-footer {float: right; display: none;}
footer .bottom-footer .right-bottom-footer img {float: left; margin-left: 40px;}

footer .copy {float: left; width: 100%; margin-top: 35px; background: #303aa1; padding: 25px 0;}
footer .copy span {float: left; color: #FFF; font-size: 12px; line-height: 23px; text-transform: uppercase; font-weight: 200;}
footer .copy a {float: right; width: 94px; height: 23px; background: url(../img/logo-virtualiza.png) top center no-repeat;}
footer .copy a:hover {background-position: bottom center !important;}

.whats-fix {position: fixed; line-height: 54px; background: url(../img/bg-button-whats.png) center center no-repeat; background-size: cover; color: #FFF !important; font-weight: 600; font-size: 17px; padding: 41px 0; writing-mode: tb-rl; white-space: nowrap; top: 50%; right: -100%; z-index: 900; transform: translate(0, -50%) rotate(180deg); display: table; border-radius: 0 9px 9px 0; transition: 1s}
.whats-fix i {margin-bottom: 8px; transform: rotate(102deg);}
.whats-fix.show {right: 0;}

.wrap-modal {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 99999999; display: none;}
.wrap-modal.show {display: block;}
.wrap-modal .overlay-modal {position: absolute; right: 0; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,.9); z-index: 10; cursor: pointer;}
.wrap-modal .box-modal {position: absolute; z-index: 20; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left: 390px;}
.wrap-modal .box-modal .close-modal {position: absolute; top: -30px; right: 0; color: #FFF; font-size: 20px;}
.wrap-modal .box-modal .close-modal:hover {color: #8ac2f4}
.wrap-modal .box-modal .left-modal {position: absolute; left: 0; top: 0; bottom: 0; width: 390px; background: url(../img/bg-modal.png) right center no-repeat; background-size: cover; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.wrap-modal .box-modal .left-modal .box-text {display: table; width: 100%; padding: 50px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.wrap-modal .box-modal .left-modal .box-text h2 {color: #FFF; font-size: 35px; line-height: 38px; margin-bottom: 30px;}
.wrap-modal .box-modal .left-modal .box-text h2 strong {font-weight: 600; color: #8ac2f4}
.wrap-modal .box-modal .left-modal .box-text p {font-size: 17px; color: #FFF; line-height: 27px; margin-bottom: 0;}
.wrap-modal .box-modal .right-modal {background: #FFF; padding: 70px 50px; width: 565px; border-left: 5px solid #898b96; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.wrap-modal .box-modal .right-modal span.title {font-size: 22px; color: #b2b2b2; margin-bottom: 15px; width: 100%; display: table;}
.wrap-modal .box-modal .right-modal form input {display: table; width: 100%; border-radius: 3px; background: #f4f4f4; font-size: 17px; color: #999999; padding: 0 20px; border: none; height: 60px; border: 1px solid #e6e6e6;}
.wrap-modal .box-modal .right-modal form label {font-size: 16px; color: #4c4c4c;}
.wrap-modal .box-modal .right-modal form .btn-submit {float: none; display: table; margin: 0 auto;}
.wrap-modal .box-modal .right-modal form .btn-submit {line-height: 60px; color: #FFF; font-weight: 600; padding: 0 20px 0 30px; background: #333779; font-size: 18px; border-radius: 60px; z-index: 500; -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1);}
.wrap-modal .box-modal .right-modal form .btn-submit i {margin-left: 15px;}
.wrap-modal .box-modal .right-modal form .btn-submit:hover {color: #333779; background: #FFF;}
.wrap-modal .box-modal .right-modal.resize {height: calc(100vh - 80px); overflow: hidden;}

.wrap-modal .box-modal-tecnologia {padding-left: 0;}
.wrap-modal .box-modal-tecnologia .right-modal {width: 600px; padding: 40px; border-radius: 5px; border-left: 0;}
.wrap-modal .box-modal-tecnologia .right-modal h2 {font-weight: 600; color: #2b51af; font-size: 40px; line-height: 45px; margin-bottom: 20px;}
.wrap-modal .box-modal-tecnologia .right-modal p {font-size: 18px; line-height: 30px; color: #4c4c4c; margin-bottom: 20px; font-weight: 200;}

.wrap-modal .carousel-modal {margin-top: 30px;}
.wrap-modal .carousel-modal .owl-stage-outer {overflow: hidden;}
.wrap-modal .carousel-modal a, .wrap-modal .carousel-modal img {display: table; width: 100%;}
.wrap-modal .carousel-modal a img {border-radius: 3px;}
.wrap-modal .carousel-modal .owl-dots {display: table; margin: 25px auto 0;}
.wrap-modal .carousel-modal .owl-dots button {float: left; margin: 0 7px; width: 10px; height: 13px; border-radius: 50%; border: none; background: #e5e5e5;}
.wrap-modal .carousel-modal .owl-dots button.active {background: #3846a3;}
.wrap-modal .carousel-modal .disabled {display: none !important;}

body.show-menu {overflow: hidden;}
.menu-mobile {position: fixed; width: 400px; height: 100vh; overflow-x: hidden; overflow-y: scroll; z-index: 99999999; background: rgba(7,53,95,.95); padding: 50px 30px; top: 0; right: -100%; transition: 0.6s;}
.menu-mobile.show-menu {right: 0;}
.menu-mobile .logo {float: left;}
.menu-mobile .logo img {width: 180px; display: table;}
.menu-mobile .close-menu {float: right; display: table; float: right; line-height: 45px; padding: 0 20px; border-radius: 45px; color: #FFF; font-size: 18px; background: #1f7ecc;}
.menu-mobile ul {display: table; width: 100%; padding-top: 30px; margin-bottom: 20px;}
.menu-mobile ul li, .menu-mobile ul li a {display: table; width: 100%;}
.menu-mobile ul li {border-bottom: 1px solid rgba(255,255,255,.3); position: relative;}
.menu-mobile ul li a {font-weight: 600; color: #FFF; text-transform: uppercase; font-size: 15px; padding: 15px 0;}
.menu-mobile ul li:last-of-type {border-bottom: 0;}
.menu-mobile ul li.has-submenu > a {width: calc(100% - 40px); float: left;}
.menu-mobile ul li.has-submenu i {float: left; line-height: 52px; width: 40px; text-align: center; color: #FFF; cursor: pointer; background: rgba(255,255,255,.1); position: absolute; right: 0; top: 0; font-size: 16px;}
.menu-mobile ul li ul {display: none; width: 100%; padding: 15px 25px; background: rgba(255,255,255,.2); float: left;}
.menu-mobile ul li ul li, .menu-mobile ul li ul li a {border: none;}
.menu-mobile ul li ul li a {padding: 15px 0;}
.menu-mobile .link-contact {font-weight: 200; color: #FFF; font-size: 15px; margin-bottom: 25px; text-transform: uppercase; display: table; width: 100%;}
.menu-mobile .link-contact strong {font-weight: 600; padding-left: 10px;}
.menu-mobile .link-contact i {margin-right: 7px;}
.menu-mobile .menu-languages {float: left; position: relative; margin-left: 10px;}
.menu-mobile .menu-languages .open-languages {border-radius: 4px; line-height: 30px; display: table; padding: 0 15px; text-transform: uppercase; font-size: 15px; background: #355271; color: #808080; position: relative; cursor: pointer; transition: 0.5s;}
.menu-mobile .menu-languages .open-languages i {margin-left: 10px; transition: 0.5s;}
.menu-mobile .menu-languages .open-languages.active i {transform: rotate(180deg);}
.menu-mobile .menu-languages .open-languages:hover {color: #FFF;}
.menu-mobile .menu-languages ul {position: absolute; top: calc(100% + 5px); border-radius: 4px; left: 0; width: 100%; border-radius: 4px; float: left; overflow: hidden; display: none; padding-top: 0;}
.menu-mobile .menu-languages ul li {display: table; width: 100%; width: 100%; border: none;}
.menu-mobile .menu-languages ul li a {line-height: 23px; display: table; text-transform: uppercase; font-size: 15px; background: #355271; color: #808080; position: relative; text-align: center;  width: 100%;z-index: 1000}
.menu-mobile .menu-languages ul li a:hover {color: #FFF;}
.menu-mobile .box-languages {display: table;}
.menu-mobile .box-languages span {margin-right: 15px; text-transform: uppercase; line-height: 30px; font-size: 15px; color: #808080; float: left;}

.feedback-message {text-align: center; margin-top: 20px;  width: 100%;}
.feedback-message.show {display: table;}
.form-error textarea, .form-error input, .form-error select {background-color: #f2dede !important; color: #d4514d !important;}
.form-error label {color: #d4514d !important;}
.form-error ::-webkit-input-placeholder {color: #d4514d !important;}
.form-error ::-moz-placeholder {color: #d4514d !important;}
.form-error :-ms-input-placeholder {color: #d4514d !important;}
.form-error :-moz-placeholder {color: #d4514d !important;}

.custom-file-label::after {content: ""; line-height: 47px; height: 47px; border: none; background: none; }
.custom-file-input {height: 47px;}
.custom-file {height: 47px; background: #f5f5f5; display: block; overflow: hidden; cursor: pointer; border-radius: 4px; white-space: nowrap;}
.custom-file-label {height: 47px; background: none; border: none; line-height: 47px; padding: 0 0 0 20px; font-size: 16px; color: #808080; text-transform: initial; border-radius: 4px; font-weight: 300 !important; display: block !important;}
.custom-file-label {font-size: 14px; color: #4c4c4c; font-weight: 600; padding: 0 30px 0 15px; font-style: italic; background: #f5f5f5;text-align: right;}

.alert {float: left; margin-top: 30px;}

.fix-menu {position: fixed; width: 100%; left: 0; top: -100%; background: url(../img/banner-1.png) center center no-repeat; background-size: cover; z-index: 9999; border-bottom: 3px solid #316589; transition: 0.5s;}
.fix-menu .default-header {padding: 20px 0 0; display: table; width: 100%;}
.fix-menu .default-header .right-header nav ul li {padding-bottom: 20px;}
.fix-menu.show {top: 0;}

.select-idioma {display: inline;margin:0 auto; text-align: right;}
.select-idioma ul{display: inline;margin:0 auto; text-align: right;}
.select-idioma ul li{display: inline; padding-right: 10px}
.select-idioma a img {vertical-align: none;height: 22px; width: 22px;}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100% !important;}
.custom-selectbox {float: left; margin-left: 0; width: 100%;}
.custom-selectbox .select-styled, .custom-selectbox .select-options {display: none;}
.custom-selectbox * {border: none !important; box-shadow: none !important; color: #808080; font-weight: 300; font-size: 16px; font-weight: 200;}
.custom-selectbox .bootstrap-select .dropdown-toggle .filter-option {height: auto;}
.custom-selectbox .dropdown-item.active, .custom-selectbox .dropdown-item:active {background-color: #FFF}
.custom-selectbox .dropdown-menu {max-height: 300px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; top: 0 !important; border: 1px solid #e6e6e6 !important; background: #f2f2f2; width: 100% !important; min-width: 100% !important; max-width: 100% !important; transform: none !important; top: calc(100% + 2px) !important; left: 0 !important;}
.custom-selectbox .dropdown-menu.inner {border: none !important;}
.custom-selectbox .bootstrap-select {background: #f5f5f5; border-radius: 3px;}
.custom-selectbox .bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus+.dropdown-toggle {outline: 0 !important}
.custom-selectbox .dropdown-toggle {background-color: transparent !important; border-radius: 0 !important}
.custom-selectbox .dropdown-toggle::after {display: none !important;}
.custom-selectbox .select, .custom-selectbox .dropdown-toggle {height: 45px; border: none; padding: 0 55px 0 20px; background: url(../img/arrow-select.png) no-repeat; background-position: calc(100% - 20px) center; font-size: 15px; color: #999999; display: table; border-radius: 0 !important; margin: 0 !important; }
.custom-selectbox .show .dropdown-toggle {background: url(../img/arrow-select-2.png) no-repeat; background-position: calc(100% - 20px) center;}
.custom-selectbox .dropdown-toggle::after {display: none;}
.custom-selectbox select:focus {background-image: url(../img/arrow-select-2.png)}
.custom-selectbox .dropdown-menu li a span.text {font-size: 14px; color: #999999; display: table; width: 100%; padding: 5px 0;}
.custom-selectbox .dropdown-menu li a {display: table;}

.lg-outer {z-index: 99999999;}

@media only screen and (max-width: 1200px){
	.container {max-width: 100%; padding: 0 20px;}
	.banner-home .item-banner .box-text {padding-left: 20px; padding-right: 20px; padding-top: 50px;}
	footer .wrap-newsletter .center-newsletter .title {background-size: 40px; padding-left: 50px; font-size: 17px; float: none; display: table; margin: 0 auto 25px;}
	footer .wrap-newsletter .center-newsletter form input {width: 100%; margin-bottom: 20px;}
	footer .wrap-newsletter .center-newsletter form button {width: 100%;}
	footer .wrap-newsletter {padding: 30px 20px 20px;}
	footer .default-footer .right-footer {display: none;}
	footer .default-footer .logo {float: none; display: table; margin: 0 auto;}
	footer .default-footer .logo img {display: table; max-width: 100%;}
	footer .bottom-footer .item-contact span {width: 100%; margin-right: 0; margin-bottom: 10px;}
	footer .bottom-footer .item-contact a {position: relative; padding-left: 25px;}
	footer .bottom-footer .item-contact a.cell { padding-left:0;}
	footer .bottom-footer .item-contact a i {position: absolute; left: 0; top: 0;}
	footer .bottom-footer .item-contact a i.fa-map-marker {font-size: 19px}
	footer .bottom-footer .right-bottom-footer {display: table; margin: 0 auto; float: none; padding-top: 30px;}
	footer .bottom-footer .right-bottom-footer img {margin: 0 10px; height: 55px;}
	footer .copy span {width: 100%; text-align: center; margin-bottom: 15px;}
	footer .copy a {float: none; display: table; margin: 0 auto;}
	.banner-pages .open-menu-banner {display: table; width: 100%; padding: 14px 50px 14px 20px; border-radius: 4px; color: #FFF; font-size: 16px; background-image: linear-gradient(to top, #1670c9, #1f62bd, #2754b1, #2e46a4, #333896); float: left; margin-top: 20px; position: relative;}
	.banner-pages .open-menu-banner:after {content: "\f107"; font-family: fontAwesome; position: absolute; font-size: 18px; color: #FFF; right: 20px; top: 50%; transform: translate(0, -50%); transition: 0.5s;}
	.banner-pages .open-menu-banner.active:after {transform: translate(0, -50%) rotate(180deg);}
	.banner-pages ul {float: left; display: none; overflow: hidden; border-radius: 4px; width: 100%; margin-top: 10px; padding-top: 0;}
	.banner-pages ul li {width: 100%; margin: 0;}
	.banner-pages ul li a {border-radius: 0; width: 100%; text-align: left; padding: 10px 20px; margin: 0;}
	.banner-pages ul li a span {text-align: left; line-height: 45px;}
}

@media only screen and (max-width: 1150px){
	header .topbar, header .default-header .right-header {display: none;}
	header .open-menu {display: table; float: right; line-height: 45px; padding: 0 20px; border-radius: 45px; color: #FFF; font-size: 18px; background: #1f7ecc; margin: 0 11px;}
	.whats-fix {display: none !important;}
	.fix-menu .default-header {padding: 20px 0;}
}

@media only screen and (max-width: 991px){
	.banner-home .item-banner .box-text h2 {font-size: 40px; line-height: 42px;}
	.home-products h2 {margin-bottom: 0; font-size: 38px;}
	.home-products h2, .home-products .subtitle {width: 100%; text-align: center; display: table;}
	.home-products .subtitle {font-size: 20px; line-height: 26px; margin-bottom: 80px;}
	.home-products .carousel-products .owl-controls {top: -55px;}
	.home-products .carousel-products .owl-nav {float: none; display: table; margin: 0 auto;}
	.home-products {padding-top: 50px;}
	.home-products .carousel-products .item-product a {font-size: 16px;}
	.home-products .carousel-products .item-product .center-product span {font-size: 20px;}
	.home-products .carousel-products .item-product a i {margin-left: 10px;}
	.about-home .subtitle {padding-left: 100px; float: none; display: table; margin: 0 auto 20px;}
	.about-home .subtitle:before {width: 80px;}
	.about-home h2 {width: 100%; text-align: center; font-size: 38px; line-height: 45px;}
	.about-home .btn-mobile {display: table; margin: 35px auto 0;}
	.about-home .btn-desk {display: none;}
	.about-home .box-text {padding-left: 0;}
	.about-home h2 {margin-bottom: 25px;}
	.about-home .open-video {margin-top: 40px;}
	.about-home {padding-top: 60px;}
	.services-home {padding-top: 90px;}
	.services-home h2, .home-blog h2 {font-size: 65px; line-height: 65px;}
	.services-home .subtitle {font-size: 20px; line-height: 26px; margin-bottom: 30px;}
	.services-home .carousel-services .item-services .into-service p {width: 100%; text-align: center; font-size: 14px; line-height: 25px;}
	.services-home .carousel-services .item-services .into-service .title {font-size: 20px; line-height: 20px;}
	.services-home .carousel-services .item-services a {font-size: 16px;}
	.services-home .carousel-services {margin-top: 15px;}
	.services-home .subtitle {margin-bottom: 10px;}
	.services-home .carousel-services .item-services .center-services span {font-size: 20px;}
	.services-home .carousel-services .item-services .center-services {bottom: 10px;}
	.services-home .carousel-services .owl-nav {display: table; margin: 15px auto 0; float: none;}
	.home-blog h2 {display: table; width: 100%; text-align: center;}
	.home-blog .subtitle {padding-left: 70px; float: none; display: table; margin: 0 auto 10px;}
	.home-blog .subtitle:before {width: 50px;}
	.home-blog p {width: 100%; text-align: center;}
	.home-blog {padding-top: 60px;}
	.home-blog .btn-desk {display: none;}
	.home-blog .btn-mobile {display: table; margin: 0 auto 0; font-size: 16px;}
	.home-blog .item-blog {margin-bottom: 20px;}
	.home-blog .item-blog p {text-align: left;}
	.instagram .container .detail-text {width: 100%; text-align: center; font-size: 80px; line-height: 70px; top: -70px; left: 0;}
	.instagram h2 {width: 100%; text-align: center; background-position: top center;}
	.instagram .btn-instagram {display: none;}
	.instagram .carousel-instagram .owl-nav {position: relative; display: table; margin: 25px auto 0; top: auto; right: auto;}
	.instagram h2 {margin-bottom: 0; font-size: 40px; line-height: 42px;}
	.home-blog {padding-bottom: 50px;}
	.instagram {padding: 80px 0 60px}
	.wrap-facebook .center-facebook .title {line-height: 30px; font-size: 26px; padding-left: 0; padding-bottom: 0; padding-top: 60px; background-position: top center !important; width: 100%; text-align: center; margin-bottom: 15px;}
	.wrap-facebook .center-facebook a {float: none; display: table; margin: 0 auto; font-size: 13px; padding: 16px 20px;}
	.wrap-facebook {border: 1px solid #ececec; padding-top: 25px; margin-top: 50px;}
	.wrap-quotation .title {padding-left: 0; padding-bottom: 0; padding-top: 70px; background-position: top center; background-size: 60px; width: 100%; text-align: center; font-size: 27px; line-height: 31px; margin-bottom: 20px;}
	.wrap-quotation a {margin: 0 auto; padding: 0 15px; font-size: 13px;}
	.wrap-quotation {padding: 50px 0;}
	.banner-home .owl-dots {bottom: 25px;}
	.thank-you h2 {font-size: 25px;}
	.thank-you p br {display: none;}
	.thank-you {padding: 85px 0;}
	.banner-pages .breadcrumbs {display: none;}
	.banner-pages h1, .banner-pages .subtitle {display: table; width: 100%; text-align: center;}
	.banner-pages h1 {font-size: 38px; line-height: 40px;}
	.banner-pages .subtitle {font-size: 20px;}
	.banner-pages {padding-top: 170px;}
	.contact-content h2 {width: 100%; text-align: center; padding-bottom: 20px; margin-bottom: 20px; font-size: 25px; line-height: 30px;}
	.contact-content form .btn-contact {float: none; display: table; margin: 0 auto; font-size: 16px;}
	.contact-content #map {margin-top: 60px;}
	/* .box-contacts-2 .center-contacts .info {width: 100%; padding-left: 0; text-align: center; padding-top: 50px; background-position: top center !important; margin: 20px 0 !important; padding-bottom: 0; padding-left: 20px; padding-right: 20px;} */
	/* .box-contacts .center-contacts .info.pin {padding-top: 70px;} */
	.box-contacts .center-contacts .info.pin br {display: none;}
	.wrap-modal .box-modal {width: calc(100% - 60px); padding-left: 0; max-height: calc(100% - 60px); display: block; overflow-x: hidden; overflow-y: scroll;}
	.wrap-modal .box-modal-tecnologia {overflow-x: initial; overflow-y: initial}
    .wrap-modal .box-modal .left-modal {width: 100%; position: relative; left: auto; top: auto; height: auto; padding: 0;}
    .wrap-modal .box-modal .left-modal .box-text {position: relative; left: auto; top: auto; display: table; transform: none}
    .wrap-modal .box-modal .right-modal {width: 100%;}
    .wrap-modal .box-modal .left-modal .box-text h2 {margin-bottom: 10px;}
    .wrap-modal .box-modal .left-modal .box-text h2, .wrap-modal .box-modal .left-modal .box-text p {width: 100%; text-align: center}
    .wrap-modal .box-modal .close-modal {top: 10px; right: 10px; color: #FFF; z-index: 30;}
    .wrap-modal .box-modal .right-modal {padding: 35px;}
    .wrap-modal .box-modal .left-modal .box-text {padding: 50px 20px;}
    .wrap-modal .box-modal .right-modal {border: none;}
    .wrap-modal .box-modal-tecnologia .right-modal h2 {font-size: 30px; line-height: 35px;}
    .wrap-modal .box-modal-tecnologia .close-modal {right: 0; top: -30px;}
    .wrap-modal .box-modal-tecnologia .right-modal p {font-size: 16px; line-height: 26px;}

    .blog-single h2 {font-size: 30px; line-height: 38px;}
    .content-blog .box-filter form {width: 100%;}
    .content-blog .box-filter form span {display: table; padding: 10px 0; float: none !important; margin: 0 auto !important;}
    .content-blog .box-filter form .custom-selectbox, .content-blog .box-filter form select, .content-blog .box-filter form input {width: 100%;}
    .content-blog .box-filter form button {top: auto;}
    .content-blog .article-primary .box-text {padding: 30px;}
    .content-blog .article-primary .box-text .title {font-size: 20px; line-height: 26px;}
    .wrap-technologies .item-technologie .box-title:before {left: 20px; background-size: 100% !important; width: 50px; height: 50px;}
    .wrap-technologies .item-technologie .box-title {padding-left: 90px;}
    .wrap-technologies .item-technologie .box-title h2 {font-size: 30px; line-height: 35px;}
    .wrap-technologies .item-technologie .box-title p {font-size: 16px;}
    .wrap-technologies .item-technologie .content-technologie ul li {width: 100%; padding-right: 0;}
    .wrap-technologies .item-technologie .content-technologie {padding: 30px;}
    .wrap-technologies .item-technologie .content-technologie ul li {font-size: 19px; padding-left: 45px;}
    .wrap-technologies .item-technologie .content-technologie ul li:before {border: 10px solid #f7f7f7;}
    .wrap-products .menu-service ul li, .wrap-products .menu-service ul li a, .single-service .menu-service ul li a, .single-service .menu-service ul li {width: 100%; text-align: center; border-right: none;}
    .wrap-products .menu-service ul li a, .single-service .menu-service ul li a {border-bottom: 1px solid #e3e3e3;}
    .wrap-products .menu-service ul li:last-of-type a, .single-service .menu-service ul li:last-of-type a {border-bottom: 0;}
    .wrap-products .subtitle {font-size: 20px;}
    .wrap-products h2 {font-size: 40px; line-height: 45px;}
    .wrap-products .menu-service {padding-bottom: 0; background: none;}
    .wrap-products .item-product .center-product h3 {font-size: 25px; line-height: 30px;}
    .wrap-products .item-product a, .banner-pages ul li a span {font-size: 16px;}
    .wrap-products .btn-more {font-size: 16px;}
    .wrap-single-product .carousel-gallery {margin-bottom: 30px;}
    .wrap-single-product .box-title h2 {width: 100%; text-align: center; padding-top: 0; margin-bottom: 10px;}
    .wrap-single-product .box-title .category {float: none; display: table; margin: 0 auto;}
    .wrap-single-product .box-title {padding-bottom: 20px;}
    .wrap-single-product ul {padding: 25px 20px;}
    .infos-product .box-infos-product .content-infos-product .line-list {position: relative;}
    .infos-product .box-infos-product .content-infos-product .line-list div {position: initial !important}
    .infos-product .box-infos-product .content-infos-product .line-list .text-list {position: relative; width: 100%;}
    .infos-product .box-infos-product .content-infos-product .line-list .text-number {font-size: 15px;}
    .infos-product .box-infos-product .content-infos-product {padding: 0 20px 30px}
    .infos-product .box-infos-product .title {padding-left: 20px; font-size: 20px;}
    .infos-product .box-infos-product .content-infos-product .title-list {padding: 10px 20px; font-size: 16px;}
    .infos-product .box-infos-product .content-infos-product .line-list .text-list {font-size: 16px;}
    .infos-product {padding-bottom: 50px;}
    .single-service form .list-products .wrap-title {display: none;}
    .single-service .list-mobile {display: block;}
    .single-service .list-desk {display: none;}
    .single-service form .list-products .row > div:after {display: none;}
    .single-service form .list-products .item-list {padding: 20px;}
    .single-service form .list-products .item-list .group-check {margin: 0 auto;}
    .single-service form .list-products .item-list .description {padding: 0 50px 0 0; cursor: pointer; font-size: 13px; position: relative;}
    .single-service form .list-products .item-list .description:after {content: "\f107"; font-family: fontAwesome; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); color: #5457be; font-size: 18px; transition: 0.5s;}
    .single-service form .list-products .item-list .group-check span {background: #ebebeb; transition: 0.5s;}
    .single-service form .list-products .item-list .hide-infos {display: none; width: 100%; padding-top: 20px; float: left;}
    .single-service form .list-products .item-list .hide-infos span {float: left; line-height: 27px; width: auto; padding: 0 10px 0 0; margin: 0;}
    .single-service form .list-products .item-list .hide-infos span.hide-title {font-weight: 600; color: #494cbb;}
    .single-service form .list-products .item-list .hide-infos span input {float: left;}
    .single-service form .list-products .item-list .hide-infos .link-photos {position: relative; top: auto; right: auto; transform: none; font-weight: 600; font-size: 15px; color: #3e4095; color: #494cbb; float: left; margin-top: 25px;}
    .single-service form .list-products .item-list a i {margin-right: 5px;}
    .single-service form .list-products .item-list.active {background: #f5f5f5;}
    .single-service form .list-products .item-list.active .description:after {transform: translate(0, -50%) rotate(180deg);}
    .single-service form .list-products .item-list.active .group-check span {background: #FFF;}
    .single-service form .list-products .bottom-list input {width: 100%; margin-bottom: 25px;}
    .single-service form .list-products .bottom-list button {width: 100%; font-size: 16px; padding: 15px 25px; height: auto;}
    .single-service form .list-products .bottom-list {padding: 0 20px 40px;}
    .single-service form .list-products .bottom-list button span {display: table; text-align: left; line-height: 19px; position: relative; padding-right: 25px; margin: 0 auto;}
    .single-service form .list-products .bottom-list button span i {position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
    .single-service {padding-bottom: 60px;}
    .single-service h2 {font-size: 30px;}
    .single-service .product-contact-form {padding-top: 50px; margin-top: 50px;}
    .single-service .product-contact-form .btn-submit {font-size: 16px;}
    .about-content {padding: 60px 0;}
    .about-content h2 {font-size: 30px; line-height: 35px; background: none; padding-bottom: 0; margin-bottom: 25px;}
    .about-content .box-mvv {padding: 40px 30px;}
    .about-content .box-mvv .item-mvv h3 {font-size: 25px;}
    .about-content .box-mvv .item-mvv ul, .about-content .box-mvv .item-mvv ul li {width: 100%;}
    .wrap-quality {padding: 50px 0;}
    .wrap-quality h2 {font-size: 35px;}
    .wrap-quality h2, .wrap-quality p {width: 100%; text-align: center;}
    .wrap-quality .box-certifications {padding: 15px 10px 20px; float: none; margin: 30px auto 0; display: table;}
    .wrap-quality .box-certifications span {float: none; display: table; clear: both; margin: 0 auto 20px; font-size: 20px;}
    .wrap-quality .box-certifications img {margin: 0 10px; height: 45px; display: table;}
    .responsabilidade {padding: 60px 0 90px;}
    .responsabilidade h2 {width: 100%; text-align: center; padding-left: 0; padding-top: 70px; background-position: top center !important; font-size: 35px; line-height: 40px; padding-bottom: 0;}
    .social-projects .box-project {padding: 40px 30px;}
    .social-projects .box-project h2 {font-size: 25px; line-height: 25px;}
    .balance .box-balance {padding: 25px;}
    .balance .box-balance h2 {font-size: 25px;}
    .bg-detail-service {height: auto;}
    .bg-detail-service .box-text {width: 100%; position: relative; top: auto; right: auto; padding: 30px; transform: none; padding-top: 270px;}
    .bg-detail-service:before {background-image: linear-gradient(to bottom, rgba(13,15,74,0), rgba(13,15,74,.3), rgba(13,15,74,1), rgba(13,15,74,1), rgba(13,15,74,1)); width: 100%; top: 0; right: 0; bottom: 0; left: 0;}
    .wrap-benefits h2 {font-size: 35px;}
    .wrap-benefits {padding: 60px 0;}
    .wrap-benefits .item-benefit {margin: 15px 0}
    .wrap-benefits .subtitle {margin-bottom: 15px;}
    .content-representantes .wrap-representantes {padding: 20px;}
    .content-representantes .wrap-representantes .col-border {padding-right: 0; border: none;}
    .content-representantes .wrap-representantes .box-img {padding-left: 0; padding-top: 35px;}
    .content-representantes .wrap-representantes .item-representante .content-item-representante {padding: 20px;}
    .content-representantes .wrap-representantes .item-representante .open-representante {font-size: 16px; padding: 15px 40px 15px 20px}
    .content-representantes .wrap-representantes .item-representante .open-representante:after {right: 20px;}
    .wrap-quotation-page {margin-bottom: 60px;}
    .wrap-products .item-product ul li {width: auto; margin: 6px auto; text-align: center; float: none; display: table;}
    .responsabilidade {position: relative;}
    .responsabilidade:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.6);}
    .responsabilidade .container {position: relative; z-index: 300;}
    .single-service .menu-service ul li:after {display: none;}
}

@media only screen and (max-width: 680px){
	.services-home h2, .home-blog h2 {font-size: 50px; line-height: 50px;}
	.instagram .container .detail-text {font-size: 60px; line-height: 60px;}
	.instagram .container .detail-text {font-size: 45px; line-height: 45px; }
	.banner-home .item-banner, .banner-home .item-banner .container {height: 650px; position: relative;}
	.banner-home .item-banner .box-text h2 {font-size: 25px; line-height: 30px;}
	.about-home h2 {font-size: 30px; line-height: 37px;}
	header .logo img {width: 190px; display: table;}
	.home-products .subtitle, .services-home .subtitle {font-size: 17px; line-height: 23px;}
	.home-products .subtitle br, .services-home .subtitle br {display: none;}
	.home-blog .subtitle {font-size: 18px;}
	header .open-menu {margin: 0;}
	.banner-home .item-banner .box-text p {font-size: 16px; line-height: 27px; font-weight: 300;}
	.banner-pages h1 {font-size: 30px; line-height: 32px;}
	.wrap-modal .box-modal .left-modal .box-text h2 {font-size: 30px; line-height: 34px;}
	.wrap-modal .box-modal .right-modal form .btn-submit {font-size: 15px;}
	.wrap-modal .box-modal .right-modal form .btn-submit i {margin-left: 7px;}
	.blog-single p {font-size: 16px;}
	.blog-single h2 {font-size: 26px; line-height: 34px;}
	.wrap-technologies .item-technologie .box-title h2 {font-size: 25px; line-height: 30px;}
	.wrap-quotation .title {font-size: 23px; line-height: 29px; padding-left: 15px; padding-right: 15px;}
	.single-service form .list-products .item-list .hide-infos span {width: 100%;}
	.single-service h2, .single-service .product-contact-form h3 {font-size: 25px;}
	.about-content .open-video {height: 300px;}
	.about-content h2 {font-size: 25px; line-height: 30px;}
	.menu-mobile {width: 100%;}
	.wrap-benefits h2 {font-size: 30px;}
}

@media only screen and (max-width: 500px){
	.about-home h2 {font-size: 25px; line-height: 33px;}
	.about-home {padding-top: 30px;}
	.blog-single h2 {font-size: 21px; line-height: 29px;}
	.single-service form .list-products .item-list .description {font-size: 12px; padding-right: 25px;}
}

.form-home-input {
	margin-bottom: 0rem !important;
}


@media screen and (min-width: 1200px){
	.form-home-input-width {
	width: 800px !important;
}
	.news-form{
width: 1200px !important;
}
}