@font-face {
  font-family:WorkSans;
  src: url(../fonts/WorkSans-Regular.ttf);
  font-weight:400;
}

@font-face {
  font-family:WorkSans;
  src: url(../fonts/WorkSans-Medium.ttf);
  font-weight:700;
}

/*Global*/
body {font-family:WorkSans; color:#5C6A8D; font-weight:700;}
.font-400 {font-weight:400;}
h1 {font-size:51px; line-height:51px; color:#252B3A; margin-bottom:20px;}
p {font-size:19px;}
a, .navbar-toggler .icon-bar, #navbar .collapsed-logo, #navbar .navbar-nav {transition:all .25s ease-in; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -ms-transition:all .25s ease-in; -o-transition:all .25s ease-in;}
a .stroke {position:relative;}
a .stroke:before, .nav-link .stroke:after {content:''; position:absolute; right:0; width:0; bottom:0; border-bottom:2px solid #344055; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; opacity:.5;}
a:hover .stroke:before, a.active .stroke:before {width:100%; left:0; opacity:1}
section {padding-top:100px; padding-bottom:100px;}
.bg-primary h1, .bg-primary a {color:#fff;}
.bg-primary a:hover {color:#92A2BD;}

/*buttons*/
.btn-primary-o {border:2px solid rgba(37, 43, 58, .2);}
.btn-primary-o:hover {border-color:#252B3A;}

/*navbar*/
.navbar {padding:25px 4%; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;}
body.fixed-navbar .navbar {padding:15px 4%; background:#344055; border-bottom:2px solid #475670;}
body.fixed-navbar .navbar .navbar-brand svg {fill:#fff;}

.navbar-expand-md .navbar-nav .nav-link {transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;}
.nav-link .stroke:before {bottom:-12px;}
.nav-link .stroke:after {left:0; top:-10px; bottom:auto;}
.nav-link:hover .stroke:after {left:auto; width:100%; right:0; opacity:1}
body.fixed-navbar .navbar-expand-md .navbar-nav .nav-link {font-size:14px; padding:8px 15px; color:#fff;}


/*#banner*/
#banner {padding:200px 0 40px; background:url(../images/banner.png); background-size:cover; background-attachment:fixed; min-height:100vh;}
#banner .custom-col {max-width:570px;}
#banner p {margin:20px 0 86px;}

#quienes-somos {background:url(../images/about.png) no-repeat right, linear-gradient(180deg, #141E2F 0%, #202A3B 26.56%, #2A3445 51.04%, #333D4E 77.6%, #374152 100%); background-size:contain; padding:200px 0;}
#quienes-somos p, #soluciones-medida .section-title p {line-height:25px; font-size:20px; font-weight:400;}

#nuestros-productos .product-logo {display:inline-block; margin:60px 0;}

#soluciones-medida {padding-bottom:80px; background:#344055;}
#soluciones-medida .section-title {margin-bottom:30px;}
#soluciones-medida p {font-size:15px; color:#A0ADC3; line-height:22px;}
#soluciones-medida .owl-stage {display:flex;}
#soluciones-medida .owl-item {background:rgba(92, 106, 141, 0.3); padding:70px 25px 90px;}
#soluciones-medida .owl-item:hover {background:rgba(92, 106, 141, 0.35);}
#soluciones-medida .owl-item.active:before {content:''; position:absolute; left:-1px; top:1px; height:100%; border-left:1px solid #5F7193;}
#soluciones-medida .owl-nav span {font-size:36px;}
#soluciones-medida .owl-nav button {position:absolute; top:50%; left:-50px; margin-top:-27px; outline:0;}
#soluciones-medida .owl-nav .owl-next {left:auto; right:-50px;}
#soluciones-medida .owl-nav button:focus, #soluciones-medida .owl-nav button:hover {opacity:.5;}
#soluciones-medida .owl-dots {display:none;}


#nuestros-clientes .section-title {margin-bottom:75px;}
#nuestros-clientes svg {max-width:100%}


footer {background:url(../images/footer.png); background-size:cover; background-attachment:fixed; padding:100px 0 50px;}
footer label {font-size:12px; color:#92A2BD; margin:0; font-weight:700;}
footer .form-control, footer .form-control:focus {background:transparent; color:#fff; font-size:15px; border-radius:0; border:0; border-bottom:2px solid #475670; box-shadow:none; padding:0 0 10px; resize:none; font-weight:700;}
footer form .input-border {font-size:0; display:block; position:absolute; left:0; height:2px; background:#92A2BD; width:0; bottom:0; transition:all .25s ease-in; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -ms-transition:all .25s ease-in; -o-transition:all .25s ease-in;}
footer form .form-control:focus + .input-border {width:100%;}
footer form .form-control.error + .input-border {width:100%; background:#FF5722;}
footer .submit-btn {background:#fff; font-weight:700; border:1px solid #fff; margin-top:50px; box-shadow:none !important;}
footer .submit-btn:hover {background:transparent; color:#fff; font-weight:700;}
footer .bottom-footer {margin-top:100px;}
footer .widget .title {margin-bottom:10px;}
footer .widget a, footer .widget span {font-size:15px; line-height:18px; display:inline-block; color:#fff; text-decoration:none;}
footer .social-widget a {background:#475670; display:inline-block; margin-right:5px; width:60px; height:60px; text-align:center; line-height:54px; border:2px solid #475670; transition:all .25s ease-in; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -ms-transition:all .25s ease-in; -o-transition:all .25s ease-in;}
footer .social-widget a:hover {background:transparent; border-color:#fff;}

/*form*/
.form-response.response { margin-top:20px; margin-bottom:-30px; position:absolute; font-size:12px;}


#whatsapp {position:fixed; bottom:-80px; right:20px; width:60px; height:60px; background:#00E676; text-align:center; line-height:54px; cursor:pointer; border:2px solid #fff; transition:all .25s ease-in; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -ms-transition:all .25s ease-in; -o-transition:all .25s ease-in; z-index:1; border-radius:50%; box-shadow:0 0 9px rgba(49, 59, 76,.25); -webkit-box-shadow:0 0 9px rgba(49, 59, 76,.25); transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg); -ms-transform:rotateZ(360deg); -o-transform:rotateZ(360deg);}
#whatsapp.show {bottom:20px; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -o-transform:rotateZ(0deg);}
#whatsapp.footer-alignment {bottom:60px;}
#whatsapp:hover {background:#03c567;}



/****        R E S P O N S I V E        ****/
@media (max-width:1250px) {
	#soluciones-medida .owl-nav .owl-prev {left:-20px;}
	#soluciones-medida .owl-nav .owl-next {right:-20px;}
}

@media (max-width:1199px) {
	#quienes-somos {padding:100px 0;}
	#soluciones-medida .owl-item {padding-bottom:50px;}
	#soluciones-medida .owl-nav .owl-prev {left:-50px;}
	#soluciones-medida .owl-nav .owl-next {right:-50px;}
}

@media (max-width:1040px) {
	#soluciones-medida .owl-nav .owl-prev {left:-20px;}
	#soluciones-medida .owl-nav .owl-next {right:-20px;}
	#whatsapp.footer-alignment {bottom:10px; right:20px;}
}

@media (max-width:991px) {
	body.fixed-navbar .navbar {padding:2px 4%;}
	section {padding-top:50px; padding-bottom:50px;}
	#navbar .nav-link {padding:8px 18px;}
	.container {max-width:100%; padding-left:40px; padding-right:40px;}
	#banner {padding:150px 0 40px;}
	#quienes-somos {padding:50px 0; background:url(../images/about-sm-bg.png) no-repeat right, linear-gradient(180deg, #141E2F 0%, #202A3B 26.56%, #2c3647 51.04%, #364051 77.6%, #3b4556 100%); background-size:contain;}
	#nuestros-productos .product-logo {position:absolute; width:100px; margin:0; left:20px;}
	#nuestros-productos .products-row .col-12 {padding:70px 50px 0 150px;}
	#soluciones-medida .section-title {margin-bottom:10px;}
	#soluciones-medida .owl-item {padding:40px 25px 0;}
	#soluciones-medida .owl-nav .owl-prev {top:-30px; right:40px; left:auto;}
	#soluciones-medida .owl-nav .owl-next {top:-30px; right:0;}
	footer {background:url(../images/footer-sm.png) no-repeat; background-size:cover; padding-top:50px;}
	footer .section-title {max-width:399px; margin-bottom:40px;}
	footer .form-group.name {padding-right:15px;}
	footer .form-group.email {padding-left:15px;}
	footer .social-widget {margin-top:40px;}
	.form-response.response {position:static; margin:0;}
	#whatsapp.footer-alignment {bottom:50px}
}

@media (max-width:991px) and (min-width:768px) {
	nav.navbar {display:block !important; padding:10px 4%;}
	#navbar {display:block !important;}
	#navbar .first-item {padding-left:0;}
}

@media (min-width:768px) {
	body.fixed-navbar .stroke:before, body.fixed-navbar .nav-link .stroke:after {border-color:#fff;}
}

@media (max-width:767px) {
	.navbar {padding:25px 30px;}
	body.fixed-navbar .navbar {padding:15px 30px;}
	.container {padding-left:30px; padding-right:30px;}

	#navbar {display:block !important; height:auto !important; padding:60px 30px 20px; transition:background .25s ease-in; position:fixed; left:0; width:100%; top:0; visibility:hidden;}
	#navbar.show {transform:scale(1); background:#344055; opacity:1; visibility:visible;}
	#navbar .nav-link {color:#fff; padding:10px 0;}
	body.fixed-navbar #navbar .collapsed-logo {padding:10px 0px;}
	#navbar .collapsed-logo {display:inline-block; padding:20px 0; position:absolute; top:5px; opacity:0}
	#navbar .collapsed-logo svg {fill:#fff;}
	#navbar .navbar-nav {opacity:0}
	#navbar.show .navbar-nav, #navbar.show .collapsed-logo {opacity:1}
	#navbar .navbar-nav {margin:30px 0;}
	body.fixed-navbar #navbar .navbar-nav {margin:0;}
	body.fixed-navbar .navbar-expand-md .navbar-nav .nav-link {font-size:16px;}

	.navbar-toggler {padding:0; outline:none !important; z-index:1}
	.navbar-toggler .icon-bar {background:#fff; height:2px; width:12px; display:block; margin-left:auto !important; position:relative;}
	.navbar-toggler .small {transform:rotate(-45deg) translate(-2px, -2px); -webkit-transform:rotate(-45deg) translate(-2px, -2px); -moz-transform:rotate(-45deg) translate(-2px, -2px); -ms-transform:rotate(-45deg) translate(-2px, -2px); -o-transform:rotate(-45deg) translate(-2px, -2px); transform-origin:top right; -webkit-transform-origin:top right; -moz-transform-origin:top right; -ms-transform-origin:top right; -o-transform-origin:top right;}
	.navbar-toggler .bar-2 {width:20px; margin:5px 0 !important; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);}
	.navbar-toggler .bar-3 {margin:1px; transform-origin:bottom left; -webkit-transform-origin:bottom left; -moz-transform-origin:bottom left; -ms-transform-origin:bottom left; -o-transform-origin:bottom left;}

	.navbar-toggler.collapsed .icon-bar {width:14px; transform:rotate(0);-webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); background:#344055; margin:0;}
	.navbar-toggler.collapsed .bar-2 {width:20px;}
	body.fixed-navbar .navbar-toggler.collapsed .icon-bar {background:#fff;}

	#quienes-somos {background:url(../images/about-xs.png) no-repeat bottom right, linear-gradient(90deg, #0C1627 0%, #0F192A 5.7%, #131D2E 13.08%, #162031 18.51%, #1A2435 25.19%, #202A3B 32.09%, #242E3F 37.41%, #283243 42.6%, #2E3849 47.09%, #303A4B 51.52%, #364051 54.59%, #434D5E 59.43%, #535D6E 64.67%, #5F697A 69%, #677182 73.81%, #677182 79.96%, #636D7E 84.82%, #616B7C 88.06%, #5C6677 91.64%, #576172 96.46%, #535D6E 100%); background-size:contain;}

	#soluciones-medida {padding-bottom:40px;}
	#soluciones-medida .owl-item {background:none; padding:40px 0 0 0;}
	#soluciones-medida .owl-item.active {padding-right:25px; padding-left:2px;}
	#soluciones-medida .owl-item.active + .owl-item {padding:40px 0 0 25px;}
	#soluciones-medida .owl-item.active:before {display:none;}

	#nuestros-clientes .col-12 + .col-12 {margin-top:40px;}

	footer .submit-btn {margin:20px 0;}
	footer .bottom-footer, footer .widget:not(.social-widget) {margin-top:20px;}
	footer .widget .title {margin-bottom:0;}
	footer .form-group {margin-bottom:25px;}
	footer .form-group.name, footer .form-group.email {padding:0 5px;}
}

@media (max-width:676px) and (min-width:576px) {
	#quienes-somos {padding-bottom:0;}
}

@media (max-width:575px) {
	#navbar, .navbar, body.fixed-navbar .navbar, .container {padding-left:15px; padding-right:15px;}
	h1 {font-size:30px; line-height:30px;}
	h3 {font-size:18px;}
	p {font-size:15px;}
	#banner {background:url(../images/banner-xs.png) no-repeat right top; background-size:cover;}
	#quienes-somos p, #soluciones-medida .section-title p {font-size:15px; line-height:20px;}
	#soluciones-medida .owl-item.active {padding-right:15px;}
	#soluciones-medida .owl-item.active + .owl-item {padding-left:15px;}
	#nuestros-productos .product-logo {width:50px; left:15px;}
	#nuestros-productos .products-row .col-12 {padding:35px 15px 35px 85px;}
}

@media (max-width:459px) {
	#quienes-somos {padding-bottom:0;}
}