@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('reset-st.css');
@import url('icomoon.css');
@import url('nav-st.css');
@import url('footer-st.css');
@import url('animated-st.css');
@import url('media-st.css');
/* BODY */
body { font-family: 'Open Sans', sans-serif; background: #FFF; color: #333; font-weight: 400; font-size: 16px; }
a{ color: #003e75; }
a:hover, a:focus{ color: #29abe2; }
::selection { background: #00ade5;  }
::-moz-selection { background: #00ade5; }
.gradient{ background: #224072; background: -moz-linear-gradient(left, #224072 0%, #0072bb 100%); background: -webkit-linear-gradient(left, #224072 0%,#0072bb 100%); background: linear-gradient(to right, #224072 0%,#0072bb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#224072', endColorstr='#0072bb',GradientType=1 ); }
.bg-gray{ background: #EEE !important; }
.bg-gray .bx-wrapper{ background: none !important; }
.q-desktop{ display: block; }
.q-mobile{ display: none; }
/* CONTAINER */
.container{ margin: 3% 7%; /*overflow: hidden;*/ }
/* HEADER */
header{ margin-bottom: 3%; overflow: hidden; }
header ul{ margin: 0 auto; padding: 0; width: 100%; }
header li{ float: left; }
header li:nth-child(1){ text-align: left; width: 20%; }
header li:nth-child(2){ text-align: right; width: 80%; margin-top: 13px; }
.logo{ display: inline-block; height: 82px; width: 300px; background: url(../img/logo.png) no-repeat center top; background-size: 100% auto; text-indent: -9999px; }
.invalid{ display: block; padding: 0.3em; margin-bottom: 0.5em; text-align: center;  color: #cc9933; background: #ffffcc; border:solid 1px #ffcc66; border-radius: 3px; }
.alert-success{ display: block; padding: 0.3em; margin-bottom: 0.5em; text-align: center;  color: #3c763d; background: #dff0d8; border:solid 1px #d0e9c6; border-radius: 3px; }
/* SLIDER */
.slider-home{ overflow: hidden; margin-bottom: 1.5%; }
.slider-home .bx-prev{ display: none !important; }
.title-slide{ position: absolute; width: 19%; top: 38%; left: 2%; font-size: 1.8em; color: #FFF; }
.title-slide span{ font-weight: 100; font-size: 0.9em; line-height: 0.9em; display: block; }
.title-slide h2{ font-size: 1.7em; padding: 0; margin: 0; line-height: 1em; }
.title-slide h3{ font-size: 0.9em; padding: 0; margin: 0; line-height: 1em; }
/* LOGISTIC HOME */
.logistic-logos{ text-align: right; margin: -40px 0 0 0; position: relative; }
.logistic-logos li{ display: inline-block; margin-right: 1%; height: 50px; width: 180px; background-size: 100% auto !important; -webkit-transition: all .3s linear; }
.logistic-logos li:nth-child(1){ background: url(../img/ico-link-externo-webpay.png) no-repeat center; background-size: 70% auto !important }
.logistic-logos li:nth-child(2){ background: url(../img/ico-link-externo-starken.png) no-repeat center; background-size: 70% auto !important }
.logistic-logos li:nth-child(3){ background: url(../img/ico-link-externo-chilexpress.png) no-repeat center; }
.logistic-logos li:nth-child(4){ background: url(../img/ico-link-externo-pullman.png) no-repeat center; }
.logistic-logos li:hover{ opacity: 0.6; }
.logistic-logos li a{ display: block; cursor: pointer; width: 100%; min-height: 50px; }
/* PRODUCTS HOME */
.products-home{ font-size: 1.3em; overflow: hidden; }
.products-home li{ float: left; width: 50%; height: 400px; text-align: center; color: #FFF; background-size: 100% auto !important; -webkit-transition: all .3s linear; }
.products-home li:nth-child(1){ background: url(../img/box-home-01.jpg) no-repeat center; }
.products-home li:nth-child(2){ background: url(../img/box-home-02.jpg) no-repeat center; }
.products-home li:nth-child(3){ background: url(../img/box-home-03.jpg) no-repeat center; }
.products-home li:nth-child(4){ background: url(../img/box-home-04.jpg) no-repeat center; }
.products-home li:nth-child(1):hover{ background: url(../img/blue.png) repeat,url(../img/box-home-01.jpg) no-repeat center; }
.products-home li:nth-child(2):hover{ background: url(../img/blue.png) repeat,url(../img/box-home-02.jpg) no-repeat center; }
.products-home li:nth-child(3):hover{ background: url(../img/blue.png) repeat,url(../img/box-home-03.jpg) no-repeat center; }
.products-home li:nth-child(4):hover{ background: url(../img/blue.png) repeat,url(../img/box-home-04.jpg) no-repeat center; }
.products-home h2{ margin-top: 130px; font-weight: 600; }
.products-home h3{ font-weight: 100; margin-bottom: 0.5em; }
.products-home li a{ color: #FFF; border:solid 1px #FFF; padding: 0.2em 1em; display: inline-block; }
/* HOME */
.center-home{ color: #FFF; text-align: center; padding: 2% 0; overflow: hidden; font-style: italic; }
.center-home h2{ font-size: 4em; }
.center-home p{ font-size: 1.6em; font-weight: 100; width: 50%; display: inline-block; margin-bottom: 1em; }
.center-home a{ display: inline-block; margin-top: 0.5em; font-size: 1.4em; }
.blue{ color: #105eb5 !important; /*padding: 6% 0;*/ }
.bg-toldos{ background: url(../img/box-home-05.jpg) no-repeat center; background-size: 110% auto; color: #FFF; padding: 5% 0; -webkit-transition: all .3s linear; }
.bg-toldos:hover{ background: url(../img/blue.png) repeat,url(../img/box-home-05.jpg) no-repeat center; background-size: 110% auto; }
.bg-toldos a{ color: #FFF; border:solid 1px #FFF; padding: 0.2em 1em; -webkit-transition: all .3s linear; }
.products-home li a:hover, .bg-toldos a:hover{ color: #FFF; border:solid 1px #00ade5; }
/* CLIENT SLIDE */
.slider-client{ width: 100%; padding: 2% 0; margin: 0 auto; background: #EEE; overflow: hidden; }
.carrousel{ position: relative; }
.carrousel div.scrollableArea img { position: relative; float: left; margin: 0; padding: 0 25px; -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -o-user-select: none;  user-select: none;  }
.carrousel img{ width: 190px; }
/* CONTACTO */
.contact{ margin: 4% 0 1% 0; overflow: hidden; }
.contact li:nth-child(1){ float: left; width: 40%; }
.contact li:nth-child(2){ float: right; width: 58.5%; }
.contact li textarea, .contact li input{ width: 90%; padding: 2.2% 5%; font-size: 1.3em; font-weight: 600; font-style: italic; font-family: 'Open Sans', sans-serif; margin-bottom: 4%; background: #0071bd; /*text-align: right;*/ color: #FFF; }
.contact input[type="submit"]{ float: right; width: auto; font-size: 1.8em; cursor: pointer; -webkit-transition: all .3s linear; }
.contact input[type="submit"]:hover{ background: #29aae3; }
.contact li input::placeholder, .contact li textarea::placeholder{ color: #FFF; }
.contact li iframe{ width: 100%; height: 437px; border:0; }
/* RRSS */
.rrss{ background: #ebecee; padding: 6% 0; text-align: center; }
.rrss a{ color: #0070ba; margin: 0 2%; font-size: 2.4em; border-radius: 5px; padding: 0.3em; }
.rrss a:hover{ color: #00ade5; background: #FFF; }
/* HOME FABRIC */
.home-fabric{ overflow: hidden; }
.home-fabric li{ float: left; width: 50%; height: 430px; overflow: hidden; }
.factory li { height: auto !important; }
.home-fabric figure{ width: 100%; overflow: hidden; }
.home-fabric figure img{ width: 100%; }
.home-fabric .gradient{ color: #FFF; font-style: italic; }
.home-fabric .right-fb h2,.home-fabric .gradient h2{ font-weight: 600; }
.home-fabric .gradient div{ padding: 8% 6%; font-size: 1.2em; }
.home-fabric .right-fb div p, .home-fabric .gradient div p{ margin-top: 15px; width: 80%; display: inline-block; }
.home-fabric .right-fb div{ padding: 11% 6%; font-size: 1.2em; font-style: italic; }
/*.home-fabric .tcenter h2{ margin-top: 1em; }*/
.tleft{ text-align: left !important; }
/* TOLDOS */
.esquema-toldo{ padding: 4% 0; }
.esquema-toldo figure{ width: 90%; margin: 0 auto; padding: 4% 0;  }
.esquema-toldo figure img{ width: 100%; }
.icon-esquema{ overflow: hidden; text-align: center; }
.icon-esquema li{ display: inline-block; width: 100px; height: 100px; margin: 0 1.5%; }
.icon-esquema li:nth-child(1){ background: url(../img/ico_01.png) no-repeat center; background-size: 100% auto; }
.icon-esquema li:nth-child(2){ background: url(../img/ico_02.png) no-repeat center; background-size: 100% auto; }
.icon-esquema li:nth-child(3){ background: url(../img/ico_03.png) no-repeat center; background-size: 100% auto; }
.icon-esquema li:nth-child(4){ background: url(../img/ico_04.png) no-repeat center; background-size: 100% auto; }
.icon-esquema li:nth-child(5){ background: url(../img/ico_05.png) no-repeat center; background-size: 100% auto; }
.icon-esquema li:hover{ opacity: 0.8; }
.quality-toldos{ text-align: center; overflow: hidden; }
.quality-toldos ul{ overflow: hidden; margin-bottom: 3%; }
.quality-toldos li{ display: inline-block; width: 15%; margin: 0 1%; vertical-align: top; overflow: hidden; }
.quality-toldos li figure{ border:solid 1px #FFF; border-radius: 5px; width: 99%; margin: 0 auto; }
.front, .back{ cursor: pointer; }
.front{ width: 99% !important; height: 180px !important;  }
.back{ width: 89% !important; height: 155px !important; padding: 5%; background: rgba(0,0,0, 0.2); }
.quality-toldos li figure img{ margin-bottom: -5px; }
.quality-toldos li figcaption{ margin: 10px 0 0 0; color: #FFF; text-transform: uppercase; text-align: center; font-size: 1.3em; }
.quality-toldos li p{ color: #FFF; }
.quality-toldos li span{ display: block; font-size: 0.9em; font-weight: 100; }
.quality-toldos h3{ font-weight: 700; }
.quality-toldos h4{ font-weight: 400; }
.slide-toldo-2, .slide-toldo-1{ overflow: hidden; padding: 6% 0;  }
.slide-toldo-1 ul{ overflow: hidden; text-align: center; }
.slide-toldo-1 figure, .slide-toldo-1 figcaption{ display: inline-block; vertical-align: middle; margin: 0 1%; }
.slide-toldo-1 figure{ width: 40%; }
.slide-toldo-1 figcaption{ width: 30%; text-align: left; font-size: 1.5em; font-style: italic; }
.slide-toldo-1 figcaption p{ font-weight: 100; font-size: 0.9em; }
.slide-toldo-1 figcaption a{ display: inline-block; border:solid 1px #0066cc; color: #0066cc; padding: 0.3em 1em; font-size: 0.7em; margin-top: 1em; }
.slide-toldo-1 h2{ color: #0066cc; font-size: 1.4em; }
.slide-toldo-1 .bx-prev, .slide-toldo-1 .bx-next{ height: 60px !important; }
.slide-toldo-1 .bx-prev:hover, .slide-toldo-1 .bx-next:hover{ opacity: 0.7 !important; }
.slide-toldo-1 .bx-prev{ background: url(../img/arrow-back.png) no-repeat center !important; background-size: 100% auto !important; left: 5% !important; }
.slide-toldo-1 .bx-next{ background: url(../img/arrow-next.png) no-repeat center !important; background-size: 100% auto !important; right: 5% !important; }
#bx-pager{ text-align: center; margin-top: 2%; }
#bx-pager a{ background: #0066cc; padding: 0 0.5em; height: 44px; line-height: 44px; display: inline-block; color: #FFF; font-weight: 600; font-size: 1.8em; font-style: italic; margin: 0 0.5%;  }
#bx-pager .active{ border:solid 1px #0066cc; color: #0066cc !important; background: #FFF; }
#bx-pager2, #bx-pager{ text-align: center; margin-top: 2%; }
#bx-pager2 a, #bx-pager a{ padding: 0 0.5em; height: 40px; line-height: 40px; display: inline-block; color: #FFF; font-weight: 600; font-size: 1.5em; font-style: italic; margin: 0 0.5%; border:solid 1px #FFF;  }
#bx-pager2 .active{ border:solid 1px #0066cc; color: #0066cc !important; background: #FFF; }
.title-toldos{ text-align: center; font-size: 2.3em; margin-bottom: 3%; }
.title-toldos h2{ color: #0066cc; font-style: italic; font-weight: 600; font-size: 2em; }
.title-toldos p{ text-transform: uppercase; font-size: 0.7em; width: 60%; margin:0 auto; font-style: italic; }
.slide-toldo-2 .title-toldos, .slide-toldo-2 .title-toldos h2{ color: #FFF; }
.slide-toldo-2 .title-toldos p{ width: 50%; margin: 0 auto;  }
.slide-toldo-2 li{ text-align: center; }
.slide-toldo-2 li img{ display: inline-block; width: 22%; margin: 0 2%; }
.slide-toldo-2 .bx-wrapper{ background: none !important; }
.accesorios{ padding: 6% 0; overflow: hidden; }
.accesorios ul{ overflow: hidden; text-align: center; }
.accesorios li{ width: 18%; display: inline-block; margin: 1% 2%; text-align: left; vertical-align: top; }
.accesorios li figure{ border:solid 1px #0066cc; border-radius: 10px; overflow: hidden; }
.accesorios li figure img{ width: 100%; }
.accesorios li figcaption{ margin-top: 10px; }
.accesorios li h2, .accesorios li p{ text-align: center; color: #0066cc;}
.accesorios li h2{ margin-top: 10px; }
/* BANDERAS */
.esquema-bandera{ padding: 4% 0; }
.esquema-bandera figure{ width: 90%; margin: 0 auto; }
.esquema-bandera figure img{ width: 100%; }
.box-header{ overflow: hidden; }
/* BOX HEADER */
.box-header figure{ height: 520px; overflow: hidden; }
.box-header figcaption{ height: 520px; overflow: hidden; margin: -520px 0 0 0; position: relative; z-index: 1; }
.cubox-title{ color: #FFF; position: relative; z-index: 1; width: 20%; margin: 11% 0 0 2%; font-size: 1.3em;  }
.cubox-title h3{ text-transform: uppercase; font-weight: 300; font-size: 1em; }
.cubox-title h2{ text-transform: uppercase; font-weight: 400; }
.cubox-title h1{ line-height: 0.8em; letter-spacing: -0.03em; font-style: italic; }
.box-header .logistic-logos{  float: none; padding: 0 0 1% 0; margin: -40px 0 0 0; }
.icon-lighbox li a{ margin: 0px; display: none; width: 100%; height: 100%; }