@font-face { font-family: 'GT America'; src: url('../fonts/GTAmerica-Bold.woff2') format('woff2'), url('../fonts/GTAmerica-Bold.woff') format('woff'); font-weight: bold; font-style: normal }
@font-face { font-family: 'GT America'; src: url('../fonts/GTAmerica-Regular.woff2') format('woff2'), url('../fonts/GTAmerica-Regular.woff') format('woff'); font-weight: normal; font-style: normal }
@font-face { font-family: 'Formular'; src: url('../fonts/Formular-Bold.woff2') format('woff2'), url('../fonts/Formular-Bold.woff') format('woff'); font-weight: bold; font-style: normal }
@font-face { font-family: 'Formular'; src: url('../fonts/Formular.woff2') format('woff2'), url('../fonts/Formular.woff') format('woff'); font-weight: normal; font-style: normal }
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
body { font-family: 'Formular', 'Arial', sans-serif; font-size: 1.4rem }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'GT America', 'Arial', sans-serif }
.f-table { display: table; height: 100%; width: 100% }
.f-table-cell { display: table-cell; vertical-align: middle }
.padding { padding-top: 45px; padding-bottom: 45px }
@media (min-width:768px) {
.padding { padding-top: 45px; padding-bottom: 45px }
}
.gris { background-color: #f7f7f7 }
.margin-bottom { margin-bottom: 2rem }
.responsive-fix { margin-top: 40px }
@media (min-width:992px) {
.responsive-fix { margin-top: 0 }
}
.iframe-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 2rem }
.iframe-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
#nav-secondary { background-color: #0000e6; height: 36px }
#nav-secondary:before { content: ""; display: table }
#nav-secondary:after { content: ""; display: table; clear: both }
#nav-secondary a { color: #fff; font-weight: bold }
@media (min-width:768px) {
#nav-secondary .container { width: 100% }
}
@media (min-width:992px) {
#nav-secondary .container { width: 972px }
}
@media (min-width:1200px) {
#nav-secondary .container { width: 1180px }
}
@media (min-width:1300px) {
#nav-secondary .container { width: 1200px }
}
#language { font-family: 'GT America', 'Arial', sans-serif; float: left; margin: 0; padding: 8px 0; list-style: none; text-transform: uppercase }
#language li { display: block; float: left; position: relative }
#language li:first-child:after { content: ""; display: inline-block; background-color: #fff; width: 1px; height: 10px; margin: 0 8px; opacity: .5 }
#language li.active a { color: #0000e6 }
#info { float: right; list-style: none; margin: 0; padding: 8px 0 }
#info li { display: block; float: left }
#info li.phone:before { content: ""; width: 12px; height: 20px; display: block; float: left; background-image: url(../imagenes/assets/nav-secondary.svg); background-position: left center; background-repeat: no-repeat; margin-right: 8px }
#info li.phone a { display: block; float: left }
#info li.phone:after { content: ""; display: inline-block; background-color: #fff; width: 1px; height: 10px; margin: 0 20px; opacity: .5 }
#info li.phone a { font-style: italic }
#info li.social ul { padding-left: 0 }
#info li.social ul li { -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#info li.social ul li.googleplus a { width: 15px; background-position: -12px 0 }
#info li.social ul li.linkedin { padding: 0 10px }
#info li.social ul li.linkedin a { width: 14px; background-position: -27px 0 }
#info li.social ul li.youtube-icon a { width: 17px; background-position: right 0 }
#info li.social ul li:hover { opacity: .35 }
#info li.social ul li a { display: block; float: left; height: 20px }
#info li.press a { font-weight: normal }
#info li.press:before { content: ""; display: inline-block; background-color: #fff; width: 1px; height: 10px; margin: 0 20px; opacity: .5 }
#info li.social a { background-image: url(../imagenes/assets/nav-secondary.svg); background-repeat: no-repeat; text-indent: -9999px }
#nav-primary-sticky-wrapper>#nav-primary { z-index: 2 }
#nav-primary { width: 100% !important; position: relative; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5) }
#nav-primary .col-xs-12 { padding: 0 }
#nav-primary #brand { float: left; height: 54px; width: 100%; padding: 10px; border-bottom: 4px solid #efefef }
#nav-primary #brand img { height: 30px }
#nav-primary ul { margin: 0; padding: 0; list-style: none; clear: both }
#nav-primary ul li { position: relative }
#nav-primary ul li a { display: block; color: #333; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 14px; border-bottom: 1px solid #efeff1; background-color: #fff }
#nav-primary ul li>a { font-family: 'GT America', 'Arial', sans-serif }
#nav-primary ul li span.mobile { position: absolute; top: 0; right: 0; width: 50px; height: 48px; cursor: pointer; background-image: url(../imagenes/assets/test.svg); background-position: center center; background-repeat: no-repeat; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#nav-primary ul li span.mobile.visible { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) }
#nav-primary ul li ul li { background-color: #f7f7f7 }
#nav-primary ul li ul li ul { border-top: none }
#nav-primary ul li ul li ul li { background-color: #efefef; background-image: url(../imagenes/assets/list.svg); background-position: 14px 20px; background-repeat: no-repeat }
#nav-primary ul li ul li ul li a { color: #656d73; padding-left: 28px; background-color: transparent; border-color: #dedede; text-transform: initial; font-weight: normal }
#nav-primary ul li.active a { background-color: #f5f5f5; color: #0000e6 }
#nav-primary ul li.active ul li a { color: #333; background-color: transparent }
#nav-primary ul li.active ul li ul li a { color: #656d73 }
#nav-primary ul:after { content: ""; display: table; clear: both }
@media (min-width:768px) {
#nav-primary .container { width: 100% }
}
@media (min-width:992px) {
#nav-primary { height: 74px; line-height: 74px }
#nav-primary .container { width: 972px }
#nav-primary .col-xs-12 { padding: 0 10px }
#nav-primary .menu__first { background-image: url(../imagenes/assets/bg-shadow.svg) }
#nav-primary #brand { height: auto; width: auto; padding: 0; border: none }
#nav-primary ul { display: block; float: right; list-style: none; clear: none }
#nav-primary ul li { float: left; display: block; position: static }
#nav-primary ul li a { background-repeat: no-repeat; background-position: right top; padding: 0 15px; font-size: 1.2rem; border-bottom: none; -webkit-transition: background-color .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: background-color .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: background-color .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: background-color .35s cubic-bezier(.51, .01, 0, 1) 0s }
#nav-primary ul li#solutions a { padding-right: 38px }
#nav-primary ul li:last-child a { background-image: none }
#nav-primary ul li div.fix { position: relative }
#nav-primary ul li span.mobile { display: none }
#nav-primary ul li span.mobile.visible { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }
#nav-primary ul li span.desktop { position: absolute; cursor: pointer; background-image: url(../imagenes/assets/arrow-down.svg); background-position: center center; background-repeat: no-repeat; width: 37px; height: 74px; top: -74px; right: 0 }
#nav-primary ul li #uno { opacity: 0; display: block }
#nav-primary ul li #uno #dos { display: none; position: absolute; background-color: transparent; left: 0; width: 100%; overflow: hidden; border-top: 3px solid #0000e6; box-shadow: 0 5px 1px 0 rgba(50,50,50,0.25); z-index: 1 }
#nav-primary ul li #uno #dos ul { display: flex; flex-wrap: wrap; line-height: 20px; padding: 23px 13px; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef }
#nav-primary ul li #uno #dos ul li { position: relative; width: 25%; padding-right: 13px; padding-left: 13px; background-color: transparent }
#nav-primary ul li #uno #dos ul li:last-child:after { content: none }
#nav-primary ul li #uno #dos ul li:after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 1px; background-color: #efefef }
#nav-primary ul li #uno #dos ul li a { padding: 0; letter-spacing:.05rem
}
#nav-primary ul li #uno #dos ul li a:after { content: ""; display: block; width: 0; height: 4px; background-color: transparent; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#nav-primary ul li #uno #dos ul li a:hover:after { width: 100%; background-color: #0ff }
#nav-primary ul li #uno #dos ul li span { display: none }
#nav-primary ul li #uno #dos ul li ul { width: 100%; padding: 21px 0 0 0; border: none }
#nav-primary ul li #uno #dos ul li ul li { width: 100%; padding: 0; margin-bottom: 14px; background-position: left 8px }
#nav-primary ul li #uno #dos ul li ul li:after { content: none }
#nav-primary ul li #uno #dos ul li ul li a { padding: 0 0 0 14px; letter-spacing: 0; font-size: 1.4rem }
#nav-primary ul li:hover a { background-color: #f7f7f7 }
#nav-primary ul li:hover ul li a { background-color: transparent }
#nav-primary ul li:hover #uno { opacity: 1 }
#nav-primary ul li:hover #uno #dos { height: auto; background-color: #fff; display: block }
}
@media (min-width:1200px) {
#nav-primary .container { width: 1180px }
#nav-primary ul li a {
letter-spacing:.025rem; font-size: 1.4rem }
}
@media (min-width:1300px) {
#nav-primary .container { width: 1200px }
}
#burguer { float: right; width: 30px; height: 20px; display: inline-block; position: relative }
#burguer span { position: absolute; top: 13px; left: 0; width: 100%; height: 4px; background: #0000e6; -moz-transition: all .25s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .25s cubic-bezier(.51, .01, 0, 1) 0s; -webkit-transition: all .25s cubic-bezier(.51, .01, 0, 1); -webkit-transition-delay: 0s; transition: all .25s cubic-bezier(.51, .01, 0, 1) 0s }
#burguer span:before, #burguer span:after { content: ""; position: absolute; left: 0; width: 100%; height: inherit; background: inherit; transition: inherit }
#burguer span:before { top: -8px }
#burguer span:after { top: 8px }
#burguer:hover span { width: 80%; left: 10% }
#burguer.active span { left: 10%; width: 100%; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg) }
#burguer.active span:before, #burguer.active span:after { top: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }
@media (min-width:992px) {
#burguer { display: none }
}
#wide-image { display: none; background-color: #ccc; width: 100% }
#wide-image img { width: 100%; height: auto }
.test { background-color: #f7f7f7; padding: 90px 0 87px 0 }
.section-title { text-align: center; background-image: url(../imagenes/assets/title-bg.gif); background-position: center center; background-repeat: no-repeat; margin: 0 0 42px 0 }
.section-title h1 { display: inline-block; font-weight: bold; font-size: 3rem; letter-spacing:.05rem;
color: #333; padding: 0 15px; background-color: #f7f7f7; margin: 0 }
.section-title h2 { display: inline-block; background-color: #f7f7f7; padding: 0 15px; margin: 0 !important }
.section-title h3 { font-size: 2.2rem; text-transform: uppercase; display: inline-block; background-color: #f7f7f7; padding: 0 15px; line-height: 1; color: #333; font-weight: bold; margin: 0 }
@media (min-width:768px) {
.section-title { margin-bottom: 87px }
.section-title h1 { font-size: 3.2rem }
}
.case-studies .section-title { margin-bottom: 0 }
.col-5 { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 40px }
.col-5 a { text-decoration: none }
.col-5 .f-table { margin-bottom: 30px }
.col-5 h2 { text-align: center; font-weight: bold; font-size: 1.8rem; text-transform: uppercase; letter-spacing:.075rem;
color: #656d73; margin: 0 0 0 0; padding-left: 10px; padding-right: 10px }
.col-5 img { width: 100%; height: auto; margin-bottom: 15px }
.col-5 .text { position: relative; padding-left: 10px; padding-right: 10px; text-align: center }
.col-5 .text:before { content: ""; position: relative; display: block; margin: 0 auto; width: 60%; height: 4px; top: -19px; background-color: #0000e6 }
@media (min-width:768px) {
.col-5 { width: 50%; padding: 0 10px }
.col-5 .text:before { -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.col-5 a:hover+.text:before, .col-5 a:hover+a+.text:before { width: 100% }
}
.col-5 p {
letter-spacing:.075rem; color: #656d73 }
@media (min-width:992px) {
.col-5 { width: 20%; margin-bottom: 0; padding-right: 5px; padding-left: 5px }
.col-5 h2 { padding-left: 0; padding-right: 0 }
.col-5 .text { padding-left: 0; padding-right: 0; text-align: left }
}
@media (min-width:768px) {
#col-5-responsive .col-5:nth-child(3) { clear: both }
#col-5-responsive .col-5:nth-child(5) { clear: both }
}
@media (min-width:992px) {
#col-5-responsive .col-5:nth-child(3) { clear: none }
#col-5-responsive .col-5:nth-child(5) { clear: none }
}
.text-after { display: block; width: 24px; height: 24px; background-image: url(../imagenes/assets/cl-5.svg); background-position: center center; background-repeat: no-repeat }
#footer-links { background-color: #333; padding: 54px 0 }
#footer-links .row { display: flex; flex-wrap: wrap; align-items: center }
@media (max-width:991px) {
#footer-links .row { justify-content: center; text-align: center }
}
#footer-links ul { margin: 0; padding: 0; list-style: none }
#footer-links ul li { display: inline-block }
#footer-links ul li.mail a, #footer-links ul li.phone a, #footer-links ul li.address a { display: block; float: left; position: relative; color: #fff; padding: 7px 0 0 45px; min-height: 35px; text-decoration: none }
#footer-links ul li.mail a:before, #footer-links ul li.phone a:before, #footer-links ul li.address a:before { content: ""; position: absolute; top: 0; left: 0; width: 35px; height: 35px; display: block; float: left; border-radius: 50%; border: 2px solid #fff; margin-right: 10px; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#footer-links ul li.mail a:after, #footer-links ul li.phone a:after, #footer-links ul li.address a:after { content: ""; position: absolute; top: 0; left: 0; width: 35px; height: 35px; display: block; float: left; margin-right: 10px; background-image: url(../imagenes/assets/footer.svg); background-position: left center; background-repeat: no-repeat }
#footer-links ul li.mail a:hover:before, #footer-links ul li.phone a:hover:before, #footer-links ul li.address a:hover:before { transform: scale(.75, .75); border: 2px solid #fff; opacity: 0 }
#footer-links ul li.phone { margin: 0 20px }
#footer-links nav.sitemap { margin-top: 15px; text-transform: uppercase; line-height: 3rem; font-family: 'GT America', 'Arial', sans-serif }
#footer-links nav.sitemap ul li:after { content: ""; display: inline-block; background-color: #fff; width: 1px; height: 10px; margin: 0 8px; opacity: .5 }
#footer-links nav.sitemap ul li:last-child:after { content: none }
#footer-links nav.sitemap ul li a { position: relative; color: #fff; text-decoration: none }
#footer-links nav.sitemap ul li a:after { content: ""; display: block; position: absolute; bottom: -4px; left: 49%; width: 1%; height: 1px; margin: 0 auto; background-color: #fff; opacity: 0; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#footer-links nav.sitemap ul li a:hover:after { width: 100%; left: 0; opacity: 1 }
#footer-links .dropdown-menu { border-radius: 0; top: auto; right: 0; bottom: 49px; left: auto; padding: 0; border: none }
#footer-links .dropdown-menu li { width: 100% }
#footer-links .dropdown-menu a { padding: 8px 20px }
#footer-links .dropdown-menu a:hover { background-color: #f5f5f5 }
#footer-links .dropdown { margin-top: 15px }
#footer-links .dropdown button { background-color: transparent; height: 50px; border-top: 1px solid #fff; border-right: none; border-bottom: 1px solid #fff; border-left: none; color: #fff; padding: 0 8px; font-family: 'GT America', 'Arial', sans-serif; font-weight: 700; text-transform: uppercase; width: 100% }
#footer-links .dropdown button:focus { outline: none }
#footer-links .dropdown.open .caret { transform: rotate(180deg) }
#footer-links ul li.mail a:after { background-position: -35px center }
#footer-links ul li.address a:after { background-position: right center }
#footer-secondary { background-color: #333; color: #777; padding: 20px 0; border-top: 1px solid #bfc9ce }
#footer-secondary p { margin: 0; text-align: center }
#footer-secondary a.legal { color: #fff; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#footer-secondary a.legal:before { content: ""; display: inline-block; background-color: #fff; width: 1px; height: 10px; margin: 0 8px; opacity: .5 }
#footer-secondary #footer-brand { text-align: center }
#footer-secondary #mondragon { display: block; text-align: center; margin: 15px 0 }
@media (min-width:768px) {
#footer-secondary #footer-brand { text-align: left; line-height: 37px }
#footer-secondary #mondragon { float: right; display: inline-block; text-align: left; margin: 0 }
#footer-secondary p { text-align: left; line-height: 37px }
}
@media (min-width:992px) {
#footer-secondary p { float: right; margin-right: 32px }
}
#breadcrumb { display: none }
@media (min-width:768px) {
#breadcrumb { display: block; padding: 10px 0; box-shadow: 0 0 2px 0 rgba(0,0,0,0.15); letter-spacing:.05rem
}
#breadcrumb ul { list-style: none; margin: 0; padding: 0 }
#breadcrumb ul li { display: inline-block; color: #999 }
#breadcrumb ul li:after { content: ""; display: inline-block; width: 6px; height: 11px; background-image: url(../imagenes/assets/breadcrumb.svg); background-position: 0 0; background-repeat: no-repeat; margin: 0 10px }
#breadcrumb ul li:last-child:after { display: none }
#breadcrumb ul li a { color: #0000e6 }
}
.containerSliderHome { width: 100%; position: relative; background-color: #ccc; margin-bottom: 80px; clear: both }
.containerSliderHome:before { content: ""; display: table }
.containerSliderHome:after { content: ""; display: table; clear: both }
@media (min-width:768px) {
.containerSliderHome { margin-bottom: 0 }
}
#home-slider .owl-wrapper, #home-slider .owl-stage { overflow: hidden }
#home-slider .slide { overflow: hidden }
#home-slider .slide img { position: relative; display: block; width: 100%; height: auto }
.contentCarrousel .contentLeft { position: relative; width: 100%; background-color: #0000e6; float: left }
.contentCarrousel .contentLeft .vertical-half { position: relative; width: 50%; height: 125px; float: left; padding: 15px; text-align: center }
.contentCarrousel .contentLeft .vertical-half:first-child:after { content: ""; position: absolute; top: 0; right: 0; display: block; width: 1px; height: 100%; background-color: #fff }
.contentCarrousel .contentLeft a { text-decoration: none }
.contentCarrousel .contentLeft h2 { position: relative; font-size: 1.8rem; font-weight: normal; line-height: 1; text-transform: uppercase; letter-spacing:.1rem;
color: #fff; margin: 0 }
.contentCarrousel .contentLeft h2:after { content: ""; display: block; width: 100%; height: 28px; background-image: url(../imagenes/assets/slider-circle.svg); background-position: center center; background-repeat: no-repeat; margin-top: 5px }
.contentCarrousel .contentRight { display: none; position: absolute; right: 0; width: 41%; padding: 15px 0 15px 15px; background-color: rgba(0,118,189,0.7) }
.contentCarrousel .contentRight h3 { text-align: right; width: 62%; margin: 0; font-size: 2.6rem; font-weight: normal; line-height: 3.6rem; color: #fff }
@media (min-width:768px) {
.contentCarrousel .contentLeft { position: absolute; top: 0; left: 0; bottom: 0; width: 35%; background-color: rgba(0,0,0,0.75); z-index: 1 }
.contentCarrousel .contentLeft .vertical-half { width: 100%; height: 50%; float: none; padding: 0; text-align: left }
.contentCarrousel .contentLeft .vertical-half:first-child:after { width: 100%; height: 1px; position: relative }
.contentCarrousel .contentLeft .vertical-half .f-table { padding: 0 10% 0 10%; max-width: 298px }
.contentCarrousel .contentLeft h2 { font-size: 2.4rem; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.contentCarrousel .contentLeft h2:before { content: ""; position: absolute; top: 50%; margin-top: -14px; right: 0; display: block; width: 28px; height: 28px; background-image: url(../imagenes/assets/slider-circle.svg); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.contentCarrousel .contentLeft h2:after { background-image: none; width: 75%; height: 6px; margin-top: 10px; background-color: #0000e6; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.contentCarrousel .contentLeft a:hover h2 { color: #0ff }
.contentCarrousel .contentLeft a:hover h2:before { opacity: .75; right: -10px }
.contentCarrousel .contentLeft a:hover h2:after { width: 25% }
.contentCarrousel .contentRight { display: block; position: absolute; bottom: 5%; right: 0; width: 41%; padding: 15px 0 15px 15px; background-color: rgba(0,0,230,0.7); z-index: 1 }
.contentCarrousel .contentRight h3 { text-align: right; width: 62%; margin: 0; font-size: 2.8rem; font-weight: normal; line-height: 3.8rem; color: #fff }
}
@media (min-width:992px) {
.contentCarrousel .contentRight { bottom: 20% }
}
@media (min-width:1200px) {
.contentCarrousel .contentLeft h2 { font-size: 3.2rem }
.contentCarrousel .contentLeft h2:before { right: -48px }
.contentCarrousel .contentLeft a:hover h2:before { right: -68px }
}
@media (min-width:1400px) {
.contentCarrousel .contentLeft h2 { font-size: 3.2rem }
.contentCarrousel .contentLeft .vertical-half .f-table { padding: 0 22% 0 26% }
}
#content { color: #333; font-size: 1.4rem }
#content h1, #content h2 { line-height: 1; font-weight: bold; text-transform: uppercase; color: #333; margin: 0 0 0 0 }
#content h1 { font-size: 3.2rem; margin-bottom: 20px }
#content h2 { font-size: 2.5rem; margin-bottom: 10px }
#content p { line-height: 2.2rem; margin-bottom: 2rem }
#content ul { line-height: 2.4rem; margin-bottom: 2rem }
#content table p { margin: 0 }
#content table tr td { color: #555 }
#content table tr td p { color: #555 }
#content table tr:first-child td { color: #fff }
#content table tr:first-child td p { color: inherit }
@media (min-width:540px) {
#content h1 { font-size: 2.4rem }
#content h2 { font-size: 2rem }
}
#content #fases-container { position: relative; border-left: 2px solid #9a989d; padding: 0 0 10px 30px; margin: 0 0 20px 20px }
#content #fases-container:after { content: ""; display: block; background-color: #9a989d; border-radius: 4px; width: 14px; height: 4px; position: absolute; bottom: 0; left: -8px }
#content #fases-container .fase { margin-bottom: 20px }
#content #fases-container h2 {
letter-spacing:.05rem; text-transform: initial; margin-bottom: 2rem; font-size: 2rem }
#content #fases-container h2 a { color: #0000e6; text-decoration: none; position: relative; padding-top: 8px }
#content #fases-container h2 a i { color: #9a989d; font-weight: normal; font-style: normal }
#content #fases-container h2 a:before { content: ""; display: inline-block; width: 40px; height: 40px; background-color: #fff; border: 10px solid #0000e6; border-radius: 50%; position: absolute; top: 0; left: -52px; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#content #fases-container h2 a:after { content: ""; position: absolute; bottom: -4px; left: 0; width: 0; height: 4px; background-color: #fff; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#content #fases-container h2 a:hover:before { background-color: #0000e6; border: 0 solid #fff }
#content #fases-container h2 a:hover:after { width: 100%; background-color: #0000e6 }
@media (min-width:992px) {
#content #fases-container { margin-bottom: 0 }
}
@media (min-width:540px) {
#content #fases-container h2 { font-size: 2.2rem }
#content #fases-container h2 a { padding-top: 7px }
}
.form-error p { font-size: 1.4rem !important; line-height: 1.25 !important; padding: 10px; background-color: #f2dede; color: #a94442; border: 1px solid #ebccd1; margin-bottom: 6px !important }
.form-error p:before { content: ""; display: block; float: left; width: 19px; height: 18px; margin-right: 6px; background-image: url(../imagenes/assets/alert.svg); background-position: left center; background-repeat: no-repeat }
.form-ok p { font-size: 1.4rem !important; line-height: 1.25 !important; padding: 10px; color: #3c763d; background-color: #dff0d8; border: 1px solid #d6e9c6; margin-bottom: 6px !important }
.checkbox { display: inline-block }
#form-lateral { background-color: #0000e6; padding: 0 10px; margin: 0 0 0 0 }
#form-lateral :-ms-placeholder {
font-weight:bold
}
#form-lateral :-moz-placeholder {
font-weight:bold
}
#form-lateral :-webkit-placeholder {
color:#a3a2a2
}
#form-lateral :-moz-placeholder {
color:#a3a2a2
}
#form-lateral ::-moz-placeholder {
color:#a3a2a2;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
#form-lateral :-ms-input-placeholder {
color:#a3a2a2
}
#form-lateral ::-webkit-input-placeholder {
color:#a3a2a2
}
#form-lateral .placeholder { color: #a3a2a2 }
#form-lateral legend { font-size: 1.4rem; line-height: 1; font-weight: bold; text-transform: uppercase; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 14px; margin-bottom: 14px }
#form-lateral input.input { width: 100%; border: 1px solid #fff; padding: 13px 8px; transition: all .2s ease-out }
#form-lateral textarea { width: 100%; border: 1px solid #fff; padding: 13px 8px; transition: all .2s ease-out }
#form-lateral label.default { display: none; color: #fff; text-transform: uppercase; font-size: 1.6rem; line-height: 1; margin-bottom: 10px }
#form-lateral label.privacy { color: #fff; position: relative; float: left; margin-bottom: 15px; line-height: 20px; cursor: pointer; font-size: 1.2rem; font-weight: bold }
#form-lateral label.privacy a { color: #bfc9ce; font-weight: normal }
#form-lateral label.error { display: block; background-color: #000; color: #fff; font-weight: normal; font-size: 1.2rem !important; line-height: 1; padding: 6px 10px }
#form-lateral button#btn-lateral { border: none; width: 100%; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1.2rem; line-height: 2rem; text-align: center; background-color: transparent; border: 1px solid #fff; padding: 10px; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#form-lateral button#btn-lateral:hover { background-color: #0ff }
#form-lateral input.input:focus, #form-lateral textarea:focus { background-color: #0000e6; outline: 0; color: #fff }
#form-lateral .form-group { position: relative }
#form-lateral select { left: 0 }
#form-lateral .customSelect { width: 100%; background-color: #fff; border: 1px solid #fff; padding: 13px 8px; color: #a3a2a2; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#form-lateral .customSelect.customSelectFocus { background-color: #0000e6; color: #fff }
#form-lateral .customSelect.customSelectFocus .customSelectInner { background-image: url(../imagenes/assets/select-focus.svg) }
#form-lateral .customSelectInner { width: 100% !important; background-image: url(../imagenes/assets/select.svg); background-position: right center; background-repeat: no-repeat }
#form-contact input.input { width: 100%; border: 1px solid #0000e6; padding: 13px 8px; transition: all .2s ease-out }
#form-contact input.input:focus { background-color: rgba(0,255,255,0.1); border-color: #0000e6; outline: 0 }
#form-contact textarea { width: 100%; border: 1px solid #0000e6; padding: 13px 8px }
#form-contact textarea:focus { background-color: rgba(0,255,255,0.1); border-color: #0000e6; outline: 0 }
#form-contact label.default { font-size: 1.4rem; line-height: 1; margin-bottom: 10px; color: #656d73; text-transform: uppercase }
#form-contact label.privacy { position: relative; float: left; margin-bottom: 15px; line-height: 20px; cursor: pointer; font-size: 1.2rem; font-weight: bold; color: #656d73 }
#form-contact label.privacy a { color: #0000e6; font-weight: normal }
#form-contact label.error { color: #a94442; font-weight: normal; font-size: 1.4rem !important }
#form-contact button#btn-lateral { border: none; width: 100%; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1.6rem; line-height: 2rem; text-align: center; background-color: #0000e6; padding: 10px; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#form-contact button#btn-lateral:hover { background-color: #0ff }
#form-contact .form-group { position: relative }
#form-contact select { top: 26px !important; left: 0 }
#form-contact .customSelect { width: 100%; background-color: #fff; border: 1px solid #0000e6; padding: 13px 8px }
#form-contact .customSelect.customSelectFocus { background-color: #f0f9ff }
#form-contact .customSelectInner { width: 100% !important; background-image: url(../imagenes/assets/select.svg); background-position: right center; background-repeat: no-repeat }
#form-contact .NFI-wrapper { height: 48px; width: 100%; background-color: #fff; border: 1px solid #0000e6; overflow: hidden !important }
#form-contact .NFI-button { line-height: 48px; background-color: #f0f9ff; color: #656d73; padding: 0 8px; width: 35%; border-right: 1px solid #0000e6 }
#form-contact .NFI-filename { width: 65%; height: 40px; margin: 0; padding: 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none }
.sidebar { background-color: #0000e6; padding: 30px 10px }
.sidebar h3 { font-size: 1.4rem; line-height: 1; font-weight: bold; color: #333; letter-spacing:.025rem;
margin: 0 0 14px 0; padding-bottom: 14px; border-bottom: 1px solid #fff; color: #fff; text-transform: uppercase }
.sidebar ul.downloads { list-style: none; padding: 0; text-align: center }
.sidebar ul.downloads li { display: inline-block; margin-bottom: 5px }
.sidebar ul.downloads li a { position: relative; display: block }
.sidebar ul.downloads li a img { width: 100%; height: auto }
.sidebar ul.downloads li a span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,255,255,0.7); background-image: url(../imagenes/assets/download.svg); background-position: center center; background-repeat: no-repeat; opacity: 0; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.sidebar ul.downloads li a:hover span { opacity: 1 }
.sidebar .video { margin-bottom: 45px }
.sidebar .video a { position: relative; display: block }
.sidebar .video a img { width: 100%; height: auto }
.sidebar .video a span { position: absolute; top: 50%; left: 50%; margin: -34px 0 0 -34px; width: 68px; height: 68px; border: 2px solid #0000e6; border-radius: 4px; background-color: #0000e6; background-image: url(../imagenes/assets/play.svg); background-position: center center; background-repeat: no-repeat; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.sidebar .video a:hover span { background-color: transparent }
@media (min-width:1300px) {
.sidebar ul.downloads li { margin-bottom: 0 }
}
#content ul.downloads { margin: 0 0 45px 0 }
.table { margin-bottom: 2rem }
.table tr td { color: #555 }
.table tr td p { color: inherit }
.table tr:first-child td { background-color: #333; color: #fff; font-weight: bold; border: none }
.table tr:first-child td p { color: #fff }
.table>tbody>tr>td { padding: 10px 8px }
.table-bordered>tbody>tr>td { border-color: #ebebeb }
#sync1 .owl-controls { position: static; display: block }
#sync1 .owl-controls .owl-buttons, #sync1 .owl-controls .owl-nav { position: absolute; top: 0; right: 0; left: 0; bottom: 0 }
#sync1 .owl-controls .owl-buttons .owl-prev, #sync1 .owl-controls .owl-nav .owl-prev, #sync1 .owl-controls .owl-buttons .owl-next, #sync1 .owl-controls .owl-nav .owl-next { background-image: url(../imagenes/assets/owl-controls.svg); background-repeat: no-repeat; position: absolute; top: 50%; text-indent: -9999px; margin: -24px 0 0 0; padding: 0; width: 48px; height: 48px; background-color: #0000e6; border-radius: 0; opacity: 1; -webkit-transition: all .1s ease 0s; -moz-transition: all .1s ease 0s; -ms-transition: all .1s ease 0s; -o-transition: all .1s ease 0s }
#sync1 .owl-controls .owl-buttons .owl-prev:hover, #sync1 .owl-controls .owl-nav .owl-prev:hover, #sync1 .owl-controls .owl-buttons .owl-next:hover, #sync1 .owl-controls .owl-nav .owl-next:hover { background-color: #0ff }
#sync1 .owl-controls .owl-buttons .owl-prev, #sync1 .owl-controls .owl-nav .owl-prev { left: 0; background-position: 0 center }
#sync1 .owl-controls .owl-buttons .owl-prev:hover, #sync1 .owl-controls .owl-nav .owl-prev:hover { background-position: -4px center }
#sync1 .owl-controls .owl-buttons .owl-next, #sync1 .owl-controls .owl-nav .owl-next { right: 0; background-position: right center }
#sync1 .owl-controls .owl-buttons .owl-next:hover, #sync1 .owl-controls .owl-nav .owl-next:hover { background-position: -44px center }
#sync1 .item { background: #0000e6; text-align: center }
#sync1 .item img { display: block; width: 100%; height: auto }
#sync2 { background-color: #ccc; padding-top: 5px; padding-bottom: 5px; margin-bottom: 40px }
#sync2 .owl-controls { display: block; position: static; pointer-events: none }
#sync2 .owl-controls .owl-buttons, #sync2 .owl-controls .owl-nav { position: absolute; top: 0; right: 0; left: 0; bottom: 0 }
#sync2 .owl-controls .owl-buttons .owl-prev, #sync2 .owl-controls .owl-nav .owl-prev, #sync2 .owl-controls .owl-buttons .owl-next, #sync2 .owl-controls .owl-nav .owl-next { pointer-events: visible; background-image: url(../imagenes/assets/owl-controls-thumb.svg); background-repeat: no-repeat; position: absolute; top: 0; text-indent: -9999px; margin: 0; padding: 0; width: 20px; height: 100%; background-color: rgba(0,0,0,0.75); border-radius: 0; opacity: 1 }
#sync2 .owl-controls .owl-buttons .owl-prev, #sync2 .owl-controls .owl-nav .owl-prev { left: 0; background-position: left center }
#sync2 .owl-controls .owl-buttons .owl-next, #sync2 .owl-controls .owl-nav .owl-next { right: 0; background-position: right center }
#sync2 .item { color: #fff; text-align: center; cursor: pointer; margin: 0 2.5px }
#sync2 .item img { width: 100% }
#sync2 .synced { position: relative }
#sync2 .synced:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,230,0.4) }
#sync2 .synced .item { background: #0000e6 }
.owl-carousel .owl-item.synced { position: relative }
.owl-carousel .owl-item.synced:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,118,189,0.4); z-index: 1 }
.owl-height { height: auto }
.tabs { margin-bottom: 2rem; padding: 0 0 0 0; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb }
.nav-tabs { background-color: #f7f7f7; font-family: 'GT America', 'Arial', sans-serif }
.nav-tabs li { width: 100%; text-align: center }
.nav-tabs li:after { content: ""; display: block; width: 1px; height: 100%; background-color: #ebebeb; position: absolute; top: 0; right: 0; z-index: 1 }
.nav-tabs li.active:before { content: ""; position: absolute; top: 0; z-index: 1; background-color: #0000e6; display: block; width: 100%; height: 4px }
.nav-tabs li.active a { border: none; color: #0000e6 }
.nav-tabs li.active a:hover, .nav-tabs li.active a:focus { border: none; color: #0000e6 }
.nav-tabs li:last-child:after { content: none }
.nav-tabs li:last-child.active a { position: relative }
.nav-tabs li:last-child.active a:after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background-color: #ddd }
.nav-tabs li a { border-radius: 0; border: none; text-transform: uppercase; font-size: 1.6rem; line-height: 1; font-weight: bold; letter-spacing:.1rem;
color: #333; padding-top: 25px; padding-bottom: 25px; margin: 0; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.nav-tabs li a:hover, .nav-tabs li a.focus { border: none }
@media (min-width:600px) {
.nav-tabs li { width: 33.33333333% }
.nav-tabs li:last-child.active a { position: relative }
.nav-tabs li:last-child.active a:after { content: none }
}
@media (min-width:600px) {
.nav-tabs.case-studies li { width: 25% }
.nav-tabs.case-studies li a { font-size: 1.2rem }
}
@media (min-width:600px) {
.nav-tabs.case-studies li a { font-size: 1.4rem }
}
.tab-pane { padding: 30px 12px 24px 12px }
#content .contact-v2 { text-align: center }
#content .contact-v2 h2 { margin-bottom: 2rem }
@media (min-width:768px) {
#content .contact-v2 { text-align: left }
#content .contact-v2 h2 { text-align: center }
}
@media (min-width:992px) {
#content .contact-v2 h2 { text-align: left; margin-bottom: 1rem; font-size: 2.4rem }
}
@media (min-width:1200px) {
#content .contact-v2 h2 { font-size: 3rem }
}
.contact-v2 { border-top: 1px solid #ccc }
.icon { position: relative; padding: 7px 0 15px 0; min-height: 45px }
.icon a { text-decoration: none; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.icon:before { content: ""; display: block; position: relative; margin: 0 auto; width: 35px; height: 35px; background-image: url(/img/contact.svg); background-repeat: no-repeat }
.icon:after { content: ""; position: absolute; top: 7px; left: 50%; width: 35px; height: 35px; display: block; float: left; border-radius: 50%; border: 2px solid #0000e6; margin-right: 10px; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.icon address { margin-bottom: 0 }
@media (min-width:768px) {
.icon { padding-left: 45px; padding-bottom: 0 }
.icon:before { position: absolute; top: 0; left: 0 }
.icon:after { top: 0; left: 0; transform: translateX(0); -ms-transform: translateX(0) }
.icon:hover:after { transform: scale(.75, .75); border: 2px solid #fff; opacity: 0 }
}
.address:before { background-position: left center }
.address:after { background-position: left center }
.phone:before { background-position: -35px center }
.phone:after { background-position: -35px center }
.web:before { background-position: -70px center }
.web:after { background-position: -70px center }
.envelope:before { background-position: right center }
.envelope:after { background-position: right center }
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.mfp-fade.mfp-bg.mfp-ready { opacity: .8 }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0 }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 }
#gmaps { position: relative; background-color: #f7f7f7; padding: 8px }
#gmaps #gmaps-container { width: 100%; height: 300px; margin: 0; padding: 0 }
#gmaps .gmaps-popover { font-family: 'Formular', 'Arial', sans-serif; font-size: 1.4rem; line-height: 1.25 }
#gmaps .gmaps-popover p { margin-bottom: 8px }
#gmaps #gmaps-zoom-in, #gmaps #gmaps-zoom-out { position: relative; height: 32px; width: 32px; cursor: pointer; background-color: #0000e6; background-repeat: no-repeat; background-size: 32px 64px; background-image: url(../imagenes/assets/zoom-controlers.svg); -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#gmaps #gmaps-zoom-in:hover, #gmaps #gmaps-zoom-out:hover { background-color: #0000e6 }
#gmaps #gmaps-zoom-in { top: 10px; right: 10px }
#gmaps #gmaps-zoom-in:after { content: ""; width: 100%; height: 1px; background-color: #0000e6; display: block; position: absolute; bottom: 0 }
#gmaps #gmaps-zoom-out { top: 10px; right: 10px; background-position: 0 -32px }
@media (min-width:768px) {
#gmaps #gmaps-container { height: 500px }
}
.services h3 { text-align: center; font-weight: bold; font-size: 1.8rem; text-transform: uppercase; letter-spacing:.075rem;
color: #656d73; margin: 0 0 15px 0; padding-left: 10px; padding-right: 10px }
.services img { margin-bottom: 15px }
.services .text:before { content: ""; position: relative; display: block; margin: 0 auto; width: 60%; height: 4px; top: -19px; background-color: #0000e6 }
@media (min-width:768px) {
.services h3 { margin: 0 0 30px 0 }
}
.headline-services { text-align: center; font-size: 2.2rem; color: #333; margin: 0 0 42px 0 }
.headline-services p { display: block; background-color: #f7f7f7; padding: 0 15px; line-height: 2.6rem }
@media (min-width:768px) {
.headline-services { margin: 0 0 87px 0 }
}
@media (min-width:768px) {
#services-responsive .col-sm-6:nth-child(3) { clear: both }
}
@media (min-width:992px) {
#services-responsive .col-sm-6:nth-child(3) { clear: none }
}
#filtros { background-color: #0000e6; padding: 10px; margin: 0 0 30px 0 }
#filtros ul { list-style: none; margin: 0; padding: 0; line-height: 3.2rem; text-align: center }
#filtros ul li { display: inline-block }
#filtros ul li:after { content: '/'; color: #080808; margin: 0 10px }
#filtros ul li:last-child:after { content: none }
#filtros ul li button { background-color: transparent; border: none; color: #fff; text-transform: uppercase; font-weight: bold; padding: 3px 10px; line-height: 2rem; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#filtros ul li button:hover { color: #080808 }
#clients { position: relative; width: 100%; margin: 0 0 30px 0; background-color: #0000e6 }
#clients .case { width: 100%; padding-bottom: 100% }
#clients:after { content: ""; position: absolute; width: 100%; height: 50px; bottom: 0; background-image: url(../imagenes/assets/gradient.png) }
#clients .client { float: left; width: 100%; background-color: #0000e6; border: 2px solid #0000e6 }
#clients .client a { position: relative; display: block; text-decoration: none; padding: 0 5px 0 5px }
#clients .client a h2 { text-align: center; margin: 0 !important; font-size: 1.6rem !important; color: #fff !important; padding: 10px 0 }
#clients .client a img { width: 100% }
#clients .client .case .case__image a { position: static }
@media (min-width:540px) {
#clients .client { width: 50% }
}
@media (min-width:768px) {
#clients .client { width: 33.33333333% }
}
@media (min-width:1200px) {
#clients .client { width: 25% }
}
#soluciones { position: relative; padding-left: 25px }
#soluciones:before { content: ""; height: 100%; width: 1px; background-color: #b3b3b3; display: block; position: absolute; left: 5px }
#soluciones .solucion { position: relative; padding-bottom: 20px }
#soluciones .solucion:first-child:before { content: ""; position: absolute; top: 0; left: -20px; width: 1px; height: 7px; background-color: #fff }
#soluciones .solucion:last-child { padding-bottom: 0 }
#soluciones .solucion:last-child:before { content: ""; position: absolute; top: 26px; left: -20px; width: 1px; height: 100%; background-color: #fff }
#soluciones .solucion a { text-decoration: none; display: inline-block }
#soluciones .solucion a h2 { display: inline-block; position: relative; font-size: 2rem; padding-top: 6px }
#soluciones .solucion a h2:before { content: ""; position: absolute; top: 7px; left: -29px; background-color: #0ff; height: 19px; width: 19px; display: block; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#soluciones .solucion .solucion-img { position: relative; background-color: #ccc; background-size: cover; background-position: center center; background-repeat: no-repeat }
#soluciones .solucion .solucion-img img { display: block; width: 100%; height: auto }
#soluciones .solucion .solucion-right { background-color: #0000e6; padding: 10px 10px; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#soluciones .solucion .solucion-right ul { margin: 0; padding: 0; list-style: none; font-size: 1.6rem; line-height: 1 }
#soluciones .solucion .solucion-right ul li { margin-bottom: 10px }
#soluciones .solucion .solucion-right ul li:last-child { margin-bottom: 0 }
#soluciones .solucion .solucion-right ul li a { position: relative; display: inline-block; padding-left: 30px; color: #fff; text-decoration: none; font-weight: bold; letter-spacing:.025rem
}
#soluciones .solucion .solucion-right ul li a svg { position: absolute; top: 0; left: 0; display: block }
#soluciones .solucion .solucion-right ul li a svg #bg { -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#soluciones .solucion .solucion-right ul li a svg #arrow { -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#soluciones .solucion .solucion-right ul li a:after { content: ""; display: block; width: 0; height: 4px; background-color: transparent; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#soluciones .solucion .solucion-right ul li a:hover svg #bg { opacity: 1 }
#soluciones .solucion .solucion-right ul li a:hover svg #arrow { fill: #0000e6 }
#soluciones .solucion .solucion-right ul li a:hover:after { width: 100%; background-color: #fff }
#soluciones .solucion:last-child .solucion-img:before { content: ""; height: 100%; width: 1px; background-color: #fff; display: block; position: absolute; left: -19px }
#soluciones .f-table { height: auto }
@media (min-width:540px) {
#soluciones .solucion a h2 { font-size: 2rem }
}
@media (min-width:768px) {
#soluciones .solucion .solucion-img img { display: none }
#soluciones .solucion .solucion-right { position: absolute; top: 36px; right: 0; width: 45%; background-color: rgba(0,0,230,0.7) }
#soluciones .solucion .solucion-right:hover { background-color: #0000e6 }
#soluciones .f-table { height: 100% }
}
@media (min-width:1300px) {
#soluciones { padding-left: 0 }
#soluciones:before { left: -29px }
#soluciones .solucion:first-child:before { left: -29px }
#soluciones .solucion:last-child:before { left: -29px }
#soluciones .solucion a h2:before { left: -39px }
}
#soluciones .solucion a:hover h2:before { background-color: #0000e6 }
#soluciones .solucion a:hover+div.solucion-img+div.solucion-right { background-color: #0000e6 }
#soluciones .solucion .solucion-img:hover+div.solucion-right { background-color: #0000e6 }
#soluciones-category { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none }
#soluciones-category:after { content: ""; display: table; clear: both }
#soluciones-category li a { display: block; width: 100%; text-decoration: none; font-size: 1.8rem; line-height: 1; font-weight: bold; margin: 0 0 20px 0 }
#soluciones-category li a img { width: 100%; height: auto }
#soluciones-category li a span { position: relative; display: block; text-align: center; background-color: #0000e6; color: #fff; padding: 30px 10px; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#soluciones-category li a span:before { content: ""; position: absolute; top: -4px; left: 50%; width: 38%; margin-left: -19%; height: 4px; background-color: #0ff; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
@media (min-width:992px) {
#soluciones-category li { width: 100%; flex-grow: 0; flex-shrink: 0; flex-basis: 50%; max-width: 50% }
#soluciones-category li:nth-child(odd) a { padding-right: 5px }
#soluciones-category li:nth-child(even) a { padding-left: 5px }
#soluciones-category li a:hover span { background-color: #0000e6 }
#soluciones-category li a:hover span:before { width: 100%; margin-left: 0; left: 0; background-color: #0ff }
}
#content #case-studies { position: relative; margin: 0; padding: 0 0 45px 0; list-style: none }
#content #case-studies:before { content: ''; display: table }
#content #case-studies:after { content: ''; display: table; clear: both }
#content #case-studies ul { margin: 0; padding: 0 }
#content #case-studies ul:before { content: ''; display: table }
#content #case-studies ul:after { content: ''; display: table; clear: both }
#content #case-studies ul li { display: block }
#content #case-studies ul li a { display: block; width: 100%; text-decoration: none; font-size: 1.8rem; line-height: 1; font-weight: bold; margin: 0 0 20px 0 }
#content #case-studies ul li a img { width: 100%; height: auto }
#content #case-studies ul li a div.title { position: relative; display: block; text-align: center; background-color: #0000e6; color: #fff; padding: 30px 10px; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#content #case-studies ul li a div.title:before { content: ""; position: absolute; top: -4px; left: 50%; width: 38%; margin-left: -19%; height: 4px; background-color: #0ff; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
@media (min-width:540px) {
#content #case-studies ul li:nth-child(odd) a { padding-right: 5px }
#content #case-studies ul li:nth-child(even) a { padding-left: 5px }
#content #case-studies ul li a { width: 50%; float: left }
#content #case-studies ul li a:hover div.title { background-color: #0000e6 }
#content #case-studies ul li a:hover div.title:before { width: 100%; margin-left: 0; left: 0; background-color: #0ff }
}
@media (min-width:1200px) {
#content #case-studies ul li a { width: 25%; float: left; padding: 0 5px }
#content #case-studies ul li a:hover div.title { background-color: #0000e6 }
#content #case-studies ul li a:hover div.title:before { width: 100%; margin-left: 0; left: 0; background-color: #0ff }
}
@media (min-width:1200px) {
.container.cases { width: 100%; max-width: 1600px }
}
.case { width: 100%; height: 0; padding-bottom: 100%; float: left; position: relative; overflow: hidden }
.case .case__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center }
.case .case__image img { position: absolute; top: 0; left: 50%; width: auto; height: 100%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.case .case__desc { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.case .case__desc:hover { background-color: rgba(0,0,0,0.3) }
.case .case__desc:hover .case__content a h4:after { width: 80%; margin-left: 10% }
.case .case__desc .case__content { width: 100%; text-align: center; padding: 0 40px; transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50% }
.case .case__desc .case__content a { text-decoration: none }
.case .case__desc .case__content a h4 { color: #fff; font-size: 2rem; text-transform: uppercase; font-weight: bold; letter-spacing:.05rem;
margin: 0 }
.case .case__desc .case__content a h4:after { content: ""; display: block; width: 0; height: 4px; background-color: #0000e6; margin-left: -50%; margin-top: 5px; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
@media (min-width:540px) {
.case { width: 50%; padding-bottom: 50% }
.case .case__desc .case__content { padding: 0 20px }
.case .case__desc .case__content a h4 { font-size: 2rem }
}
@media (min-width:768px) {
.case .case__desc .case__content a h4 { font-size: 2rem }
}
@media (min-width:920px) {
.case { width: 25%; padding-bottom: 25% }
.case .case__desc .case__content a h4 { font-size: 2rem }
}
@media (min-width:992px) {
.case .case__desc .case__content a h4 { font-size: 2rem }
}
#case-studies-ul { margin: 0; padding: 0; list-style: none }
#case-studies-ul:after { content: ""; display: table; clear: both }
#case-studies-ul li a { display: block; width: 100%; text-decoration: none; font-size: 1.8rem; line-height: 1; font-weight: bold; margin: 0 0 20px 0 }
#case-studies-ul li a img { width: 100%; height: auto }
#case-studies-ul li a div.title { position: relative; display: block; text-align: center; background-color: #0000e6; color: #fff; padding: 15px 10px; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#case-studies-ul li a div.title:before { content: ""; position: absolute; top: -4px; left: 50%; width: 38%; margin-left: -19%; height: 4px; background-color: #0ff; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
@media (min-width:540px) {
#case-studies-ul li a { width: 50%; float: left; padding: 0 5px }
#case-studies-ul li a:hover div.title { background-color: #0000e6 }
#case-studies-ul li a:hover div.title:before { width: 100%; margin-left: 0; left: 0; background-color: #0ff }
}
@media (min-width:768px) {
#case-studies-ul li a { width: 33.33333333% }
#case-studies-ul li a div.title { font-size: 1.4rem }
}
@media (min-width:992px) {
#case-studies-ul li a { width: 25% }
}
#cookies-popup { background-color: #f5f5f5; bottom: 0; padding: 10px 0; position: fixed; width: 100%; z-index: 10000; font-size: 1.3rem }
#cookies-popup p { line-height: 1.6; margin-bottom: 0 }
#cookies-popup .titulo { color: #0000e6 }
#cookies-popup .texto { color: #777 }
#cookies-popup a#cookie-btn { font-weight: bold; padding: 1px 4px; border-radius: 4px; text-decoration: none }
.error-alert { font-size: 4rem; color: #0000e6 }
#content .sitemap-page ul { list-style: none; margin: 0; padding: 0 }
#content .sitemap-page ul li { position: relative; display: block; width: 100%; clear: both; padding: 0 10px; border-bottom: 1px solid #d6d6d6 }
#content .sitemap-page ul li.solutions { background-color: #f7f7f7 }
#content .sitemap-page ul li:before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#content .sitemap-page ul li a { position: relative; display: block; width: 100%; color: #333; text-transform: uppercase; font-weight: bold; letter-spacing:.025rem;
text-decoration: none; padding: 5px 0; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#content .sitemap-page ul li:hover:before { background-color: #0000e6; width: 100% }
#content .sitemap-page ul li:hover a { color: #fff }
#content .sitemap-page ul li:hover ul li a { border-bottom-color: #0ff }
#content .sitemap-page ul li ul { margin-bottom: 10px }
#content .sitemap-page ul li ul:after { content: ""; display: table; clear: both }
#content .sitemap-page ul li ul li { float: left; display: block; width: 100%; clear: none; border-bottom: none; padding: 0 10px }
#content .sitemap-page ul li ul li:before { content: none }
#content .sitemap-page ul li ul li a { border-bottom: none; padding: 5px 0; border-bottom: 2px solid #0ff }
#content .sitemap-page ul li ul li ul li { float: none; width: 100%; padding: 0 }
#content .sitemap-page ul li ul li ul li a { display: inline-block; width: auto; position: relative; text-transform: initial; font-weight: normal; padding: 2px 0; border-bottom: none }
#content .sitemap-page ul li ul li ul li a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #fff; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
#content .sitemap-page ul li ul li ul li a:hover:after { width: 100% }
@media (min-width:540px) {
#content .sitemap-page ul li ul li { width: 50% }
}
@media (min-width:768px) {
#content .sitemap-page ul li ul li { width: 25% }
}
.btn-back { position: relative; display: inline-block; margin-top: 2rem; padding: 10px 15px 10px 36px; font-family: 'GT America', 'Arial', sans-serif; font-size: 1.1rem; line-height: 1.8; text-transform: uppercase; font-weight: bold; background-color: #0000e6; letter-spacing:.1rem;
color: #fff; text-decoration: none; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.btn-back:before { content: ""; position: absolute; display: block; float: left; left: 15px; width: 11px; height: 18px; background-image: url(../imagenes/assets/btn-back.svg); background-position: left center; background-repeat: no-repeat; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
.btn-back:hover { background-color: #0ff; color: #fff; text-decoration: none }
.btn-back:hover:before { left: 10px }
.containerSliderHome .owl-theme .owl-controls { background-color: #ffc0cb }
.containerSliderHome .owl-theme .owl-controls .owl-dots { position: absolute; width: 100%; bottom: 10px }
.containerSliderHome .owl-theme .owl-controls .owl-dots .owl-dot { display: inline-block }
.containerSliderHome .owl-theme .owl-controls .owl-dots .owl-dot span { display: block; width: 20px; height: 20px; margin: 5px 4px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-image: url(../imagenes/assets/owl-sprite.svg); background-position: 0 20px }
.containerSliderHome .owl-theme .owl-controls .owl-dots .owl-dot.active span { background-position: 0 0 }
@media (min-width:768px) {
.containerSliderHome .owl-theme .owl-controls .owl-dots { top: 10px }
}
@media (min-width:992px) {
.container-more { position: relative; height: 32px; width: 100% }
.container-more:before { content: ""; display: table }
.container-more:after { content: ""; display: table; clear: both }
}
@media (min-width:992px) {
#more { display: block; opacity: 1; position: absolute; margin-left: -16px; left: 50%; top: 50%; margin-top: -39px; width: 16px; height: 9px; padding: 15px; background-color: #0000e6; border: 1px solid #fff; color: #fff; background-image: url(../imagenes/assets/more.svg); background-position: center center; background-repeat: no-repeat; -webkit-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -moz-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -ms-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s; -o-transition: all .35s cubic-bezier(.51, .01, 0, 1) 0s }
}
.contact-fix .row { border-top: 1px solid #ddd; margin-bottom: 20px; padding-top: 20px }
@media (min-width:767px) {
.contact-fix .row { border-top: none; margin-bottom: 20px; padding-top: 0 }
}
@media (min-width:992px) {
#nav-primary ul li a { padding: 0 8px; font-size: 1rem }
}
@media (min-width:1200px) {
#nav-primary ul li a { font-size: 1.3rem }
}
.no-hover-color a:hover { color: #0000e6 }
#customisation { margin-bottom: 60px }
#customisation .customisation { position: relative; margin: 10px; color: #fff }
#customisation .customisation .row { position: relative }
#customisation .customisation:before { background-color: #333; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 }
#customisation .customisation h2 { color: #fff; font-size: 2.5rem; margin-bottom: 30px }
#customisation .customisation h2.has-line:after { background: #fff }
#customisation .customisation .customisation-text { background-color: #333; padding: 40px }
#customisation .customisation .customisation-text a { color: #0000e6 }
#customisation .customisation .customisation-img { padding: 0 }
#customisation .customisation .customisation-img img { margin: 0 auto }
@media (max-width:480px) {
#customisation .customisation h2 { font-size: 2.2rem }
#customisation .customisation .customisation-text { padding-left: 24px; padding-right: 24px }
}
@media (min-width:768px) {
#customisation .customisation { margin: 0 10px }
#customisation .customisation:before { width: 50% }
#customisation .customisation h2 { font-size: 2.7rem }
#customisation .customisation .container .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
#customisation .customisation .customisation-text { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; padding-right: 0; height: 100%; line-height: 1.4em !important; font-size: 14px }
#customisation .customisation .customisation-text p { line-height: 1.4em !important; font-size: 14px }
#customisation .customisation .customisation-img { float: right; padding: 90px 0 90px 40px }
#customisation .customisation .customisation-img .slider { padding: 15px 0 }
#customisation .customisation .customisation-img .slider:before { content: ''; position: absolute; width: 120px; height: 100%; left: -15px; top: 0; background: #0000e6 }
#customisation .customisation .customisation-img img { position: relative }
#customisation .customisation.right:before { left: auto; right: 0 }
#customisation .customisation.right .customisation-text { padding-left: 20px; padding-right: 0 }
#customisation .customisation.right .customisation-img { padding: 90px 40px 90px 0 }
#customisation .customisation.right .customisation-img .slider:before { left: auto; right: -15px }
}
@media (min-width:992px) {
#customisation .customisation .customisation-text { padding-left: 40px; padding-right: 20px; font-size: 16px; line-height: 1.6em !important }
#customisation .customisation .customisation-text p { font-size: 16px; line-height: 1.6em !important }
#customisation .customisation .customisation-img { padding: 90px 0 90px 15px }
#customisation .customisation.right .customisation-text { padding-left: 40px; padding-right: 20px }
}
#customisation.alternate .customisation:before, #customisation.alternate .customisation-text { background-color: #009ee0 }
@media (min-width:768px) {
.this { position: relative; padding: 15px 0 }
.this:before { content: ''; position: absolute; width: 120px; height: 100%; left: -15px; top: 0; background: #0076bd; opacity: .4 }
}
.s-custom { margin-bottom: 0 }
.s-arrow { border: none; padding: 0; outline: none; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); background-color: #0000e6; width: 40px; height: 40px }
.s-arrow svg { fill: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px }
@media (min-width:768px) {
.s-arrow { bottom: 15px }
}
.s-arrow__prev { left: 0 }
.s-arrow__next { right: 0 }
@media (min-width:540px) {
#content .down-h2 { font-size: 30px }
}
.downloads-c { padding-top: 60px }
.downloads-title { display: block; margin-top: 10px; text-transform: uppercase; font-weight: 700 }
.bg-image { background-repeat: no-repeat; background-position: center center; background-size: cover }
.youtube { cursor: pointer; padding-bottom: 86.63101604% }
.play-button { width: 90px; height: 60px; background-color: #333; box-shadow: 0 0 30px rgba(0,0,0,0.6); z-index: 1; opacity: .8; border-radius: 6px }
.play-button:before { content: ""; border-style: solid; border-width: 15px 0 15px 26px; border-color: transparent transparent transparent #fff }
.play-button { cursor: pointer }
.play-button, .play-button:before { position: absolute }
.play-button, .play-button:before { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0) }/*# sourceMappingURL=estilos.css.map */
#form-lateral label.privacy p, #form-download label.privacy p { display: inline; width: auto; }
#form-contact label.privacy p { display: inline; width: auto; }