.aparece{ display: none; } .mihome{ padding-right: 0; } .minosotros{ padding-top: 4%; padding-bottom: 1%; } @media screen and (min-width: 200px) and (max-width: 620px){ .nocc{ padding-top: 3%!important; padding-bottom: 3%!important; } .noso1{ display: block!important; padding-top: 4%; padding-bottom: 4%; } .nosotrosss{ display: block!important; padding: 15px 0px!important; } .nosotross1{ width: 100%!important; padding: 10px 0px!important; } .nosotross2{ width: 100%!important; } } @media screen and (min-width: 621px) and (max-width: 991px){ .nosotrosss{ padding: 15px 0px; } .nocc{ padding-top: 4%!important; padding-bottom: 3%!important; } } @media screen and (min-width: 200px) and (max-width: 767px){ .banner{ height: 35vh; background-repeat: no-repeat!important; background-size: cover!important; /* height: 100%; */ background-position: 88% 0px!important; } .mimagen{ padding-top: 6%; } .minosotros{ padding-top: 9%; padding-bottom: 5%; } .rojoj2 { justify-content: center!important; } .desaparece{ display: none; } .aparece{ display: block!important; } .mihome{ padding-right: 0px!important; padding-left: 0px!important; } .exes{ padding: 20px 10px 23px 10px!important; } .noche{ padding-right: 15px!important; padding-left: 15px!important; } .lendin{ margin-left: 7%!important; } .contacto_r{ padding-right: 0!important; } .contacto_r1{ padding-left: 0!important; } .contaco_res{ display: block!important; } .baby{ padding: 0!important; } .derecha{ padding-left: 15px!important; } .okis{ padding-left: 0px!important; } .axis{ padding-right: 15px!important; padding-left: 15px!important; } } .axis{ padding-right: 40px; padding-left: 40px; } .okis{ padding-left: 15px; } .contaco_res{ display: flex; } .conta{ margin: 2%; height: 100%; align-items: center; display: flex; flex-direction: column; justify-content: center; } .micolor{ color: #797777; } .noche{ width: 100%;padding: 0; } .lendin{ margin-left: 3.5%; } .derecha{ padding-left: 30px; } .contacto_mensaje{ max-width: 35px!important; } .contacto_mensaje1{ max-width: 40px!important; } .contacto_s{ text-align: center; margin-top: 15px; margin-bottom: 15px; background: #F5F4FA; margin-right: 15px; } .nosotrosss{ width: 100%; display: flex; flex-grow: 1; justify-content: center; align-items: center; } .proyectoimg .contenido-carru { height: 100%!important; } .nosotross1{ width: 25%; } .nosotross2{ width: 75%; display: flex; } .noso1{ display: flex; flex-grow: 1; } .noc{ text-align: center; display: flex; flex-direction: column; justify-content: center; padding: 0% 5%; } .exes{ padding: 2px 13px 23px 13px; } .nocc{ display: flex; flex-direction: column; justify-content: center; padding: 0% 6%; } .rojoj1 { text-align: center; display: grid; justify-content: center; padding-bottom: 0px; } .rojoj1:before { content: "\e9e3"; font-family: 'icomoon'; content: ''; display: block; width: 35px; height: 1px; background: white; border-radius: 5px; color: inherit; } .rojoj2 { text-align: center; display: grid; padding-bottom: 12px; } .rojoj2:before { content: "\e9e3"; font-family: 'icomoon'; content: ''; display: block; width: 35px; height: 1px; background: black; border-radius: 5px; color: inherit; } .banner{ height: 50vh; } /* .banner { color: white; background: url('../img/banner-nosotros.jpg') top left/cover no-repeat; height: 300px; display: flex; justify-content: center; align-items: center; } .banner_contacto { color: white; background: url('../img/banner-contacto.jpg') top right/cover no-repeat; height: 300px; display: flex; justify-content: center; align-items: center; } */ @font-face { font-family: "skirt"; src: url("../fonts/Skirt Regular.otf"); src: url("../fonts/Skirt Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Skirt Regular.woff") format("woff"), url("../fonts/Skirt Regular.ttf") format("truetype"), url("../fonts/Skirt Regular.svg#skirt") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "skirt"; src: url("../fonts/SkirtRgBold.otf"); src: url("../fonts/SkirtRgBold.eot?#iefix") format("embedded-opentype"), url("../fonts/SkirtRgBold.woff") format("woff"), url("../fonts/SkirtRgBold.ttf") format("truetype"), url("../fonts/SkirtRgBold.svg#century") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: "poppins"; src: url("../fonts/Poppins-Regular.otf"); src: url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"), url("../fonts/Poppins-Regular.svg#poppins") format("svg"); font-weight: normal; font-style: normal; } button:focus, button:active{ outline: 0; } img{ max-width: 100%; } :focus { outline: none !important; } a:focus, a:hover, a:active{ outline: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; text-decoration: none; } input, textarea{ /*font-family: sans-serif;*/ } p{ margin-bottom: 0; } h1,h2,h3{ font-family: "skirt"; } h1, h2, h3, h4, h5, h6{ font-weight: initial; } h1, .h1, h2, .h2, h3, .h3{ margin-top: 10px; } h5, .h5 { font-size: 14px; } .word-break{ /*word-break: break-all;*/ } .position-relative{ position: relative; z-index: 1; } .form-control::-webkit-input-placeholder { color: #ccc; } .form-control:-moz-placeholder { color: #ccc; opacity: 1; } .form-control::-moz-placeholder { color: #ccc; opacity: 1; } .form-control:-ms-input-placeholder { color: #ccc; } h5, h6, h7{ font-weight: normal; } .btn:focus, button:focus{ outline: 0 transparent !important; } .sin-padding{ padding: 0 !important; } .sin-padding-lados{ padding-left: 0 !important; padding-right: 0 !important; } .padding-right-chico{ padding-right: 7px; } .padding-left-chico{ padding-left: 7px; } .owl-carousel .owl-stage { margin: 0 auto; } .text-danger { color: #ff0500; } .text-warning { color: #ef0000; } .texto-plomo { font-size: 9pt; color: #898c8f; } .alert-success { color: #000000; background-color: #a2e83e; border-color: #a2e83e; } .alert-info { color: #000000; background-color: #8ad8ff; border-color: #8ad8ff; } .alert-danger { color: #000000; background-color: #f75a5a; border-color: #f75a5a; } .label-success { background-color: #92e82e; color: #000; padding: 4px 10px; } .label-danger { background-color: #ff0800; padding: 4px 10px; color: #fff; } .btnModalDetalleCompra { background-color: #FF9800; color: #000; border: none; border-radius: 0.5rem; font-weight: bold; font-size: 10pt; white-space: nowrap; padding: 10px 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btnModalDetalleCompra:hover, .btnModalDetalleCompra:focus { background-color: #545454; color: #fff; } body{ font-family: "poppins"; font-size: 15px; color: #6d6e72; /*padding: 0 !important;*/ overflow-x: hidden; /*letter-spacing: 0.4px;*/ } label { font-weight: inherit; margin-bottom: 0; } .mb-0, .my-0 { margin-bottom: 0!important; } .mb-2, .my-2 { margin-bottom: .5rem !important; } .mt-2, .my-2 { margin-top: .5rem!important; } .mb-3, .my-3 { margin-bottom: 1rem!important; } .mt-3, .my-3 { margin-top: 1rem!important; } .margen-arriba{ margin-top: 3% !important; } .margen-abajo{ margin-bottom: 3% !important; } .super-margen-arriba{ margin-top: 10% !important; } .super-margen-abajo{ margin-bottom: 10% !important; } .margen-izquierda{ margin-left: 3% !important; } .marg-arriba{ margin-top: 1.5% !important; } .marg-abajo{ margin-bottom: 1.5% !important; } .margen-encima{ margin-top: 6% !important; } .margen-debajo{ margin-bottom: 6% !important; } .sin-margin-top{ margin-top: 0 !important; } .modal{ z-index: 9999; } h6, .h6 { font-size: 12.2px; } h7, .h7 { font-size: 9px; } .sin-padd-top{ padding-top: 0 !important; } audio, canvas, video { max-width: 100%; height: auto; } .vertical-top{ vertical-align: top !important; } .vertical-middle{ vertical-align: middle !important; } /*----- CABECERA -----*/ .top-cab{ background: #2c72cc; /*overflow: hidden;*/ width: 100%; padding: 0 2%; /* margin: 0 0 2%; */ text-align: center; z-index: 991; position: relative; top: 0; /* border-bottom: 1px solid white; */ } .top-cab:before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 95%; height: 1px; background: white; z-index: 1; margin: 0 auto; display: none; } .div-left{ float: left; } .div-right{ float: right; } .div-right span.icono-llamada:before{ background: transparent !important; } .top-cab a{ color: #fff; display: inline-block; vertical-align: middle; font-size: 10pt; padding: 0 10px; /*letter-spacing: 1px;*/ padding: 12px 8px; /*font-family: 'calibri';*/ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .top-cab a img{ height: 25px; } .top-cab span{ padding-right: 0px; vertical-align: middle; display: inline-block; } .top-cab span:before { font-size: 13pt; background: transparent; /*padding: 6px;*/ border-radius: 50%; color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .top-cab a:hover{ background: #03a9f4; color: #fff; /*border-radius: 10px;*/ } .top-cab .div-right a{ position: relative; } .top-cab .div-right a:before{ content: ""; background: #0090d9; height: 1px; width: 1px; position: absolute; top: 35%; left: 0; /* transform: rotate(50deg); */ height: 35%; display: none; } .top-cab .div-right a:first-child:before{ display: none; } .top-cab .div-right i { font-style: normal; } .top-cab .div-right span.iconop-sobre:before { background: transparent; padding: 6px; border-radius: 50%; color: #fff; } .top-cab .div-right span:before { /*background: #ffffff;*/ padding: 6px; border-radius: 50%; color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .top-cab a:hover span:before{ color: #fff; } .btn-webmail{ display: inline-block; font-size: 12pt; color: #fff; background: transparent; border: 1px solid #0090d9; padding: 4px 15px !important; border-radius: 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; /*margin: 8px 0;*/ } .btn-webmail:hover, .btn-webmail:focus{ background: #0090d9 !important; color: #fff !important; } .btn-webmail:before{ display: none; } a.btn-top{ background: #f5f5f5; color: #1da4de; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } a.btn-top:hover, a.btn-top:focus{ background: #3751a0; color: #00ff2e; border-radius: 0; } input[type='text'].form-control, input[type='number'].form-control, input[type='email'].form-control, input[type='password'].form-control, input[type='date'].form-control, input[type='tel'].form-control, select.form-control, textarea.form-control, select.select { height: 44px; line-height: 1.5 !important; -webkit-appearance: none; border-radius: 4px; padding: 0 1.5rem; background-color: transparent; position: relative; z-index: 2; width: 100%; border-color: #000; color: #252525; font-size: 10pt !important; } textarea.form-control { height: auto !important; } .text-liston textarea { margin-top: 10px; } .form-control:focus{ outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 152, 23, 0.14); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 152, 23, 0.12); } .display-flex{ display: flex; } /*---- TABULADOR ----*/ .tabulador{ margin-top: 2%; margin-bottom: 2%; text-align: center; } .tabulador #tabs{ /*overflow: hidden;*/ width: 21%; margin: 0; padding: 0; list-style: none; z-index: 1; clear: both; /* min-height: 60px; */ min-height: 39px; /*border-bottom: 3px solid #39b5d0;*/ position: relative; display: inline-block; } .tabulador #tabs li{ float: left; margin: 0; width: 50%; position: relative; } .tabulador #tabs a{ position: relative; background: #fff; /* background: rgba(0, 0, 0, 0.28) url(../img/tab1.png); */ /* background-image: url(../img/tab0.png); */ /* background-image: url(../fonts/icomoon.svg); */ /* background-size: 100% 100%; */ /* background-image: linear-gradient(to bottom, #fff, #ddd); */ /*padding: 0.5em 3.5em;*/ /* padding: 0.9em 5.5em; */ padding: 0.5em 10px; width: 100%; font-size: 14pt; float: left; text-decoration: none; color: #4d4d4d; font-weight: bold; /* text-shadow: 0 1px 0 rgba(255,255,255,.8); */ border-radius: 0px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -kthtml-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; /* box-shadow: 0 2px 2px rgba(0,0,0,.4); */ /* font-weight: 700; */ position: relative; border: 1px solid #4d4d4d; } .tabulador #tabs li:first-child:before{ content: ''; bottom: 40%; left: -11px; position: absolute; border-left: 0px solid transparent; border-right: 12px solid #fff; border-bottom: 12px solid transparent; z-index: 4; border-top: 12px solid transparent; font-size: 0px; } .tabulador #tabs li:first-child:after{ content: ''; bottom: 40%; left: -12px; position: absolute; border-left: 0px solid transparent; border-right: 12px solid #4d4d4d; border-bottom: 12px solid transparent; z-index: 3; border-top: 12px solid transparent; font-size: 0px; } .tabulador #tabs li:last-child:before{ content: ''; bottom: 40%; right: -11px; position: absolute; border-right: 0px solid transparent; border-left: 12px solid #fff; border-bottom: 12px solid transparent; z-index: 4; border-top: 12px solid transparent; font-size: 0px; } .tabulador #tabs li:last-child:after{ content: ''; bottom: 40%; right: -12px; position: absolute; border-right: 0px solid transparent; border-left: 12px solid #4d4d4d; border-bottom: 12px solid transparent; z-index: 3; border-top: 12px solid transparent; font-size: 0px; } .tabulador #tabs li#current:first-child:before{ border-right: 12px solid #1b97cb; } .tabulador #tabs li#current:first-child:after{ border-right: 12px solid #1b97cb; } .tabulador #tabs li#current:last-child:before{ border-left: 12px solid #1b97cb; } .tabulador #tabs li#current:last-child:after{ border-left: 12px solid #1b97cb; } .tabulador #tabs li:hover:first-child:before{ border-right: 12px solid #1b97cb; } .tabulador #tabs li:hover:first-child:after{ border-right: 12px solid #1b97cb; } .tabulador #tabs li:hover:last-child:before{ border-left: 12px solid #1b97cb; } .tabulador #tabs li:hover:last-child:after{ border-left: 12px solid #1b97cb; } .tabulador #tabs img { height: 70px; margin: 0 auto; } .tabulador #tabs a span{ display: inline-block; width: 20%; vertical-align: middle; } .tabulador #tabs a span img{ height: 50px; } .tabulador #tabs a b{ width: 80%; display: inline-block; text-align: center; font-weight: 100; vertical-align: middle; } .tabulador p, .tabulador a, .tabulador i, .tabulador li, .tabulador ol, .tabulador span{ /*font-size: 1.1em;*/ } .tabulador #tabs a:hover, .tabulador #tabs a:hover::after, .tabulador #tabs a:focus, .tabulador #tabs a:focus::after{ background: #1B97CB; /* background-image: url(../img/tab1.png); */ /* background-size: 100% 100%; */ color: #fff; border: 1px solid #1B97CB; } .tabulador #tabs a:hover .img1, .tabulador #tabs a:focus .img1{ display: none; } .tabulador #tabs a:hover .img2, .tabulador #tabs a:focus .img2{ display: block !important; } .tabulador #tabs a::after{ /*content:'';*/ /*content: url("http://www.idear.com.pe/img/right_tab2.png");*/ position:absolute; z-index: 1; top: 0; right: -.5em; bottom: 0; width: 1em; background: #ddd; background-image: linear-gradient(to bottom, #fff, #ddd); /*box-shadow: 2px 2px 2px rgba(0,0,0,.4);*/ /*transform: skew(10deg);*/ /*border-radius: 0 5px 0 0;*/ transition: all 0.4s ease; display: none; } .tabulador #tabs #current a, .tabulador #tabs #current a::after{ background: #1B97CB; z-index: 2; color: #fff; /*background-image: url("../img/tab1.png"); background-size: 100% 100%;*/ border: 1px solid #1B97CB; } .tabulador #tabs #current a .img1{ display: none; } .tabulador #tabs #current a .img2{ display: block !important; } #content { width: 100%; /*background: #FFCC80;*/ padding: 0px 10px 25px 10px; /* height: 338px;*/ height: auto; position: relative; z-index: 2; border-radius: 0 0px 0px 0px; color: #595C5D; /*letter-spacing: .06rem;*/ } .tab-t1{ position: relative; } .tab-t1 table { /*width: 100% !important;*/ margin-top: 2%; margin-bottom: 2%; } .tabulador #tabs a:before { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -kthtml-transition: all 0.3s linear; transition: all 0.3s linear; content: " "; position: absolute; bottom: 0px; /* border-left: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid rgba(0, 0, 0, 0); border-top: 9px solid #f0f0f0;*/ /*height: 9px;*/ margin-left: 2px; vertical-align: middle; /*width: 16px;*/ content: " "; position: absolute; /*left: 50%;*/ /*bottom: 0px;*/ /*margin-left: -8px;*/ /*visibility: hidden;*/ margin-left: 0; width: 100%; bottom: -3px; left: 0; display: block; height: 0; background: #ff9a17; display: none; } .tabulador #tabs a:hover:before, .tabulador #tabs #current a:before { /*bottom: -8px;*/ visibility: visible; /*border-top: 9px solid #333333;*/ height: 3px; } /*estaba*/ .tab#tabs{ display: block; width: initial; margin: 0; float: none; } .tab#tabs ul{ display: table; width: 100%; position: relative; } .tab#tabs li { display: table-cell; margin: 0px 4px; width: 24%; } .tab#tabs li a{ box-shadow: 0px 0px 6px transparent; font-size: 2em; font-weight: 100; color: #432e73; } .tab#tabs li#current a { background: transparent; color: #432e73; font-weight: 700; } .tab#tabs ul:before { opacity: 1; position: absolute; content: ''; width: 0; height: 0; top: -22px; right: 50%; border: 4px solid transparent; border-right: 20px solid #432e73; border-bottom: 20px solid #337ab700; border-left: 20px solid #337ab700; border-top: 20px solid #432e73; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 9; } .tab#tabs li a:before{ top: -22px; right: 50%; border: 4px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid transparent; border-top: 20px solid transparent; } /*.tabulador #content { margin: 20px auto; float: none; box-shadow: 0px 0px 6px transparent; } .tabulador #content article{ transform: translateX(100%); } */ /*.fond-cab{ background: url('../img/fc.png'); background-size: 100%; }*/ .fond-cab:before{ content: ''; position: absolute; z-index: 1; width: 100%; height: 160px; background-image: linear-gradient(to bottom, hsl(0, 0%, 0%), rgba(255, 255, 255, 0)); } .linea-cabecera{ background: #107CDC; background: linear-gradient( 338deg, #003769, #0BB5FF ); height: 7px; width: 100%; } .mrg-header{ padding-top: 10px; padding-bottom: 10px; } .mrg-header a{ text-decoration: none; } .padding-top{ padding-top: 7% !important; } .padding-bottom{ padding-bottom: 7% !important; } .super-padding-top{ padding-top: 15%; } .super-padding-bottom{ padding-bottom: 15%; } .contenedor-top{ padding-top: 12% !important; } /*-- FINAL DE CABECERA --*/ /*-- MENU --*/ .header_box{ display: table; width: 100%; position: relative; } .link-menu .icono-menu{ height: 30px; display: inline-block; vertical-align: bottom; } .div-logo{ display: table-cell; } .div-logo img{ /*max-height: 100px;*/ max-height: 50px; will-change: transform; } .box-search a:after{ display: none !important; } .menu{ background: rgba(255,255,255,0.3); /*padding-bottom: 1rem; padding-top: 1rem;*/ /*position: absolute;*/ top: 0px; position: relative; z-index: 99; width: 100%; /*border-bottom: 1px solid #4f5050;*/ /*background-image: linear-gradient(to bottom, hsl(0, 0%, 100%), rgba(255, 255, 255, 0.92));*/ /*background: transparent;*/ /*background-image: none;*/ } .fondo-menu{ /*background: #1b6d85;*/ background-image: url('../img/fondo-menu.png'); background-repeat: no-repeat; /*background-size: 100%;*/ background-size: 100% 100%; position: absolute; height: 132px; width: 100%; z-index: 99; } .navbar { margin-bottom: 0px; } .navbar-inverse .navbar-nav > li > div > a { color: #000000; font-size: 12pt; text-transform: uppercase; font-family: 'skirt'; font-weight: bold; border-radius: 0px; padding-top: 0; padding-bottom: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; letter-spacing: 0px; display: block; } .nav > li > div > a { padding: 15px 0; } .navbar-inverse .navbar-nav > li > div > a > span{ font-size: 12px; top: 0; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{ color: #770000; /*background-color: #ededed;*/ font-weight: 600; } .navbar-inverse .navbar-nav > .active > div > a, .navbar-inverse .navbar-nav > .active > div > a:hover, .navbar-inverse .navbar-nav > .active > div > a:focus { background-color: transparent; } .navbar-inverse .navbar-nav > li > div > a:hover, .navbar-inverse .navbar-nav > li > div > a:focus{ color: #39b5d0; } .menu .dropdown-menu{ /* margin: 0px 0 0; */ padding: 0; border: 0px solid rgba(205, 220, 57, 0.46); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(114, 137, 151, 0.23); box-shadow: 0 17px 9px -10px rgba(114, 137, 151, 0.23); font-size: 13pt; background-color: #ffffff; } .menu .dropdown-menu > li > a { /*-webkit-transform: scaleY(0.97);*/ padding: 2% 5px; white-space: normal; font-size: 13px; /*text-transform: uppercase;*/ } .menu .dropdown-menu > li > a:hover, .menu .dropdown-menu > li > a:focus { color: #000; text-decoration: none; background-color: transparent; } .menu .dropdown-menu > .active > a, .menu .dropdown-menu > .active > a:hover, .menu .dropdown-menu > .active > a:focus { color: #000; text-decoration: none; background-color: transparent; outline: 0; } .box-search .input-group-search { position: relative; background: white; padding: 15px; text-align: center; } #search { margin-bottom: 10px; padding-top: 2%; } .box-search .button-search { margin-top: 15px; width: 100%; height: 40px; font-size: 13px; font-weight: 400; background-color: #f5f5f5; border-color: #86a5d1; color: #71a2db; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .box-search .button-search:hover { background-color: #6b91c7; border-color: #86a5d1; color: #fff; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } @media(min-width: 991px){ .link-menu{ position: relative; display: block; } li.dropdown > div > a:after{ position: absolute; top: 39%; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; content: "\e114"; font-size: 7pt; right: -12px; width: 10px; display: none; } .header_box ul > li.box-search:after { height: 0; } .header_box ul > li.active > .link-menu:after{ width: 100%; } .header_box ul > li > .link-menu:hover:after{ width: 100%; } .header_box ul > li.header__logo .link-menu:hover:after{ width: 0; } .header_box ul > li > ul > li > .link-menu:hover:after{ width: 0; } .header_box ul > li > .link-menu:after { content: ''; /*display: block;*/ width: 0px; height: 2px; background: #f8e400; margin-top: 0px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; display: none; } .header_box ul:first-child > li:hover:after { /*transition-delay: .2s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; //width: 100%; width: 60px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; display: none;*/ } .header_box ul:first-child > li.active:after { /* transition-delay: .2s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; width: 100%; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;*/ } .active a.scroll-link span{ position: relative; } .navbar-collapse.collapse { float: left; width: 100%; padding: 0; } .navbar-nav { margin: 0; /*float: right;*/ padding-right: 0%; /*left: 50%;*/ /*list-style-type: none;*/ /*margin: 0 auto;*/ /*padding: 0;*/ /*position: relative;*/ position: static; float: none; /*border-bottom: 2px solid rgba(255, 255, 255, 0.49019607843137253);*/ /*margin-left: 4%;*/ display: flex!important; flex-flow: row nowrap; justify-content: space-around; align-content: center; align-items: center; margin: 0 auto; /*padding-left: 6%;*/ } .navbar-nav > li { position: relative; /*right: 50%;*/ /*margin: 0px 10px;*/ padding: 0px 14px; z-index: 9999; /*max-width: 175px;*/ text-align: center; flex: 0 1 auto; align-self: auto; min-width: 0; /*flex-grow: 1;*/ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .iconolast { position: absolute; right: 2%; top: 0; } /* .navbar-inverse { background-color: rgba(34, 34, 34, 0); border-color: rgba(8, 8, 8, 0); display: table-cell; vertical-align: middle; }*/ .navbar-inverse{ background-color: rgba(34, 34, 34, 0); border-color: rgba(8, 8, 8, 0); /* display: table-cell; vertical-align: top; width: 59%; height: 100%;*/ border: 0; display: table-cell; vertical-align: middle; /*padding-left: 4%;*/ /*position: static;*/ /*width: 60%;*/ /*width: 56%;*/ } .navbar-inverse .navbar-nav > li.active{ /*background: #047fba;*/ /*border-radius: 5px;*/ } .navbar-inverse .navbar-nav > li:hover{ /*background: #047fba; border-radius: 5px;*/ } .navbar-inverse .navbar-nav > li:hover > div > a, .navbar-inverse .navbar-nav > li:focus > div > a{ color: #2c72cc !important; } .navbar-inverse .navbar-nav > li.active > div > a{ color: #0090D1; /*font-weight: 100;*/ background-color: transparent; border-radius: 4px; } /* #demo1 .owl-item { padding: 58px 8px 0px 5px !important; }*/ } /*Menu tercer nivel*/ .dropdown-submenu { position: relative; } .dropdown-submenu>.menu-drop2 { top: 0; left: 100%; margin-top: 0px; margin-left: 0px; -webkit-border-radius: 0 0px 6px 6px; -moz-border-radius: 0 0px 6px 6px; border-radius: 0 0px 6px 6px; } /*.dropdown-submenu>a:after,.dropdown>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #0e1b63; margin-top: 5px; margin-right: -10px; }*/ .dropdown-submenu>a:hover:after, .dropdown>a:hover:after, .dropdown-submenu>a:focus:after, .dropdown>a:focus:after, .dropdown-submenu>a:active:after, .dropdown>a:active:after{ /*border-left-color: #ffffff;*/ } /*.navbar-inverse .navbar-nav > .active > a:focus:after { border-left-color: #006396; }*/ .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #3890d6; background-color: #fff; font-weight: 600; } .pad-nav:hover{ color: #000; } .dropdown-submenu>a.pad-nav:hover:after, { border-left-color: #0e1b63; } .bar-right{ /*display: table-cell !important; vertical-align: middle; float: none !important; text-align: right; width: 20%;*/ padding-left: 0; position: absolute; top: 0; right: 0; } .bar-right .nav > li{ position: relative !important; display: inline-block; } .bar-right .nav > li > a{ padding: 0px 4px; color: #636362; font-size: 13pt; } .bar-right .nav > li > a:hover, .bar-right .nav > li > a:focus{ background-color: transparent; color: #f07d00; } .border-right:after{ position: absolute; top: 9px; right: -3px; content: ''; height: 40%; width: 1px; background: #636362; } .rut { width: 55px; z-index: 2; text-align: center; background: #b8b8b800; border: 0; padding: 5px 25px; display: table-cell; vertical-align: middle; } @media(max-width: 767px){ .dropdown-submenu>a:after,.dropdown>a:after { margin-right: 0px; } .menu { background: #000 !important; position: relative; } } @media(min-width:1200px){ .menu .dropdown-menu{ /*min-width: 200px;*/ /*white-space: nowrap;*/ } .menu .dropdown-menu > li > a{ /*font-size: 18px;*/ padding: 7px 20px; } } @media(min-width: 991px){ nav ul:first-child li.separador-linea:before { /* position: absolute; content: " "; top: 26%; bottom: 0; width: 1px; background: rgba(245, 246, 249, 0.1); height: 22px; margin-left: -3px;*/ } .redes-menu a { display: inline-block; padding: 0 4px; } .redes-menu span:before { font-size: 22px; color: #000; background: transparent; padding: 6px; border-radius: 6px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .redes-menu a:hover span:before{ color: #fff; background: #101825; } } @media(max-width: 1024px){ .navbar-inverse .navbar-nav > li > a { font-size: 12px; } .menu .dropdown-menu > li > a { font-size: 17px; } } @media(max-width: 991px){ .nav > li > a { /*padding: 4px 4px 4px 4px;*/ } .menu .dropdown-menu{ /*font-size: 0.8em;*/ } .menu .dropdown-menu > li > a{ white-space: normal; font-size: 10pt; } .menu .dropdown-menu{ min-width: 117px; /*max-width: 117px;*/ } } /*-- FIN MENU --*/ @font-face { font-family: "icono"; src: url("../fonts/icono.eot"); src: url("../fonts/icono.eot?#iefix") format("embedded-opentype"), url("../fonts/icono.woff") format("woff"), url("../fonts/icono.ttf") format("truetype"), url("../fonts/icono.svg#icono") format("svg"); font-weight: normal; font-style: normal; } /*@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "icono"; src: url("../fonts/icono.svg#icono") format("svg"); } }*/ /*-- BANNER --*/ /* slidelayer */ .layerslider-wrapper { max-width: 100% !important; overflow: hidden; } .layerslider-wrapper:hover .tp-rightarrow { right: 66px !important; } .layerslider-wrapper:hover .tp-leftarrow { left: 90px !important; } .tparrows:before { content: "\f10d"; } .tparrows.tp-leftarrow:before { content: "\f10c"; } .tp-leftarrow.round, .tp-rightarrow.round{ background: none; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .tparrows { position: absolute !important; top: 50% !important; z-index: 9999; cursor: pointer; display: block; width: 45px; height: 45px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /*font-size: 0;*/ } .tparrows:before { text-shadow: 2px 2px 4px #424242; color: #ffffff; display: inline-block; font-size: 41px; font-family: icono; position: absolute; right: 0; text-align: center; top: 0; width: 59px; height: 59px; z-index: 12; background-color: none; line-height: 59px; border-radius: 6px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .tparrows:hover:before { background-color: #c5c5c5; color: #ffffff; } #rev_slider_8_1 .uranus.tparrows:before{ border-radius: 0; font-size: 30px; } /*.tp-leftarrow { left: -50px !important; } .tp-rightarrow { right: -60px !important; } */ /*- PIE DE PAGINA -*/ /*.color-fondo-pie{ color: #fff; font-size: 14px; /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(220, 220, 220)), color-stop(4%,rgb(255, 255, 255))); */ /*padding: 20px 4%; background-position: center;*/ .fondo-pie{ /*padding: 1% 4%;*/ padding: 1% 0%; position: relative; z-index: 2; background: #424242; background-position: center; background-size: 100% 100%; color: #fff; /*font-family: "gilroy";*/ } .fondo-pie:before{ content: ''; /*background: #5f4343b5;*/ position: absolute; top: 0; right: 0; left: 0;; bottom: 0; mix-blend-mode: multiply; } .fondo-pie h4{ color: #ffffff; display: block; /* padding-bottom: 10px; */ text-align: left; /* font-weight: bold; */ text-transform: uppercase; margin-top: 0; /* width: 88%; */ margin: 0 auto 10%; position: relative; } .fondo-pie h4:before{ content: ""; display: block; position: absolute; left: 0; bottom: -7px; width: 200px; height: 1px; background: rgba(255,255,255,0.5); } .fondo-pie h4:after{ content: ""; display: block; position: absolute; left: 0; bottom: -8px; width: 100px; height: 3px; background: #159eed; } .fondo-pie a{ display: table; width: 100%; color: #fff; padding-bottom: 12px; font-size: 11pt; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .fondo-pie a:hover{ color: #159eed; } .fondo-pie a span{ display: table-cell; vertical-align: top; text-align: left; width: 35px; } .fondo-pie a p{ display: table-cell; vertical-align: top; margin: 0; text-align: left; /*word-break: break-all;*/ } .fondo-pie a span:before{ background: transparent; border-radius: 50%; padding: 0px; font-size: 18px; color: #fff; width: 25px; display: block; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .fondo-pie a span img{ width: 65%; /*width: auto;*/ /*height: 45px;*/ } .fondo-pie a:hover span:before { color: #159eed; } .iconos-grandes-pie span{ display: block !important; } .iconos-grandes-pie span:before{ font-size: 35px !important; width: auto !important; color: #fff; } .iconos-grandes-pie p{ display: block !important; font-size: 10pt; } .fondo-pie2{ background: #101825; padding: 1% 0%; /* text-align: center; */ color: #fff; overflow: hidden; /*text-transform: uppercase;*/ } .fondo-pie2 .redes{ float: left; } .link-subrayado{ text-align: center; } .link-subrayado p{ display: inline-block !important; border-bottom: 1px solid #d6d6d6; } .tabla-row{ display: table; position: relative; width: 100%; } .tabla-col{ display: table-cell; vertical-align: middle; float: none; } .color-fondo-pie .form-control{ /*background-color: #F6F5F6;*/ background-image: none; border: 1px solid rgba(204, 204, 204, 0.36); border-radius: 2px; } .color-fondo-pie a{ color: #636362; text-align: left; transition: all 0.2s ease; } .color-fondo-pie a:hover { color: #f07d00; text-decoration: none; } .color-fondo-pie p{ margin-bottom: 10px; } .titulos-pie{ font-family: 'exo2'; font-size: 15pt; text-transform: uppercase; color: #fff; text-align: left; margin-bottom: 20px; /*border-bottom: 1px solid #f6ab00;*/ padding-bottom: 20px; } /*.titulos-pie:after { content: ''; background-color: #3890d6; width: 45%; height: 1px; display: block; position: relative; margin-top: 8px; }*/ .titulos-pie span{ display: inline-block; font-size: 16px; } .titulos-pie a{ color: #000; } .text-pie{ display: inline-block; width: 100%; margin-bottom: 5px; } .text-pie span{ display: table-cell; vertical-align: middle; } .text-pie p{ display: table-cell; vertical-align: middle; text-align: left; margin-bottom: 0; font-size: 15px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .text-pie span:before{ font-size: 16px; padding-right: 8px; } .text-pie:hover p{ padding-left: 13px; } .file-caption.form-control.kv-fileinput-caption{ margin-top: 3px; height: 40px; } .text-pie .icono-nextweb:before{ font-size: 11px; } /*.file-caption.form-control.kv-fileinput-caption > input{ height: 40px; }*/ .btn-file, .file-caption, .file-input, .file-loading:before, .file-preview, .file-zoom-dialog .modal-dialog, .krajee-default .file-thumbnail-footer, .krajee-default.file-preview-frame{ margin-top: 2%; } .btn-primary { color: #fff; background-color: #0081e8; border-color: #0081e8; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; border: 0; padding: 10px 30px; } .btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #010101; border-color: #010101; } .btn-primary:focus, .btn-primary.focus { color: #a7de68; background-color: #010101; border-color: #010101; } label { font-weight: 500; font-size: 15px; } .form-group { margin-bottom: 0px; /*overflow: hidden;*/ } .posicion-p p{ /*text-align: center;*/ font-size: 12px; line-height: 17px; } .texto-left{ text-align: left; } .texto-right{ text-align: right; } .contenido-pie { /*background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,rgb(0, 68, 117)), color-stop(102%,rgb(0, 154, 220)));*/ /*background: #036058;*/ /*color: #fff;*/ /*font-size: 12px;*/ display: inline-block; } .btn-dezain a:hover{ text-decoration: none; } .div-dezain{ font-size: 12px; } .btn-dezain{ color:#00588C; background: #fff; border-radius:10px; padding: 1px 5px; font-size: 10px; float: initial; margin: 3px; border:0; font-weight:bold; outline:0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .dezain-enlace{ margin: 0; display: block; color: #fff; font-size: 14px; } .dezain-enlace:hover{ color: #fff; text-decoration: none; } /*- FIN DE PIE -*/ /* PAGINA */ .servicio-tit{ background-image: url('../img/img-servicios.png'); background-repeat: no-repeat; background-size: 100.4% 100%; /* position: absolute; */ height: 64px; width: 100%; /* z-index: 99; */ text-align: center; display: table; position: relative; margin-bottom: 2%; margin-top: 2%; } .servicio-tit h2{ margin: 0; color: #ca1439; font-weight: bold; font-size: 30px; display: table-cell; vertical-align: middle; font-family: "FrankD"; } .servicio-tit h2:before{ content: url('../img/lad-izq.png'); position: relative; height: 100%; vertical-align: super; padding-right: 15px; } .servicio-tit h2:after{ content: url('../img/lad-der.png'); position: relative; height: 100%; vertical-align: super; padding-left: 15px; } .servicio-tit .icono-engranaje:before { font-size: 19px; padding-right: 3px; display: table-cell; vertical-align: middle; } .noticia-tit{ height: 54px; width: 100%; text-align: center; display: table; /* background: linear-gradient( 180deg, #003769, #0BB5FF );*/ background: #1C8C82; } .noticia-tit h2{ margin: 0; color: #fff; font-size: 23px; display: table-cell; vertical-align: middle; } .noticia-tit .icono-engranaje:before { font-size: 19px; padding-right: 3px; display: table-cell; vertical-align: middle; } .fondo-plomo{ background: #F5F4FA; padding: 4% 0; } .fondo-plomo h3, .fondo-plomo h1, .fondo-plomo h2{ color: #585858; } .fondo-plomo p{ color: #585858; margin-top: 2%; /*width: 80%;*/ margin: 2% auto 0; } .fondo-claro{ padding: 50% 0; z-index: 2; position: relative; color: #000; } .fondo-claro h3, .fondo-claro h1, .fondo-claro h2{ color: #000; } .fondo-claro p{ color: #000; margin-top: 2%; /*width: 80%;*/ margin: 2% auto 0; } .fondo-negro{ background: black; color: #fff; padding: 4% 4%; /*font-size: 14px;*/ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(220, 220, 220)), color-stop(4%,rgb(255, 255, 255))); */ /*background: url(../img/fp.png), url(../img/fondoplomo.jpg); */ background-position: center; background-size: cover; } .fondo-plomizo{ background: #1A1A1E; padding: 4% 0; color: #cccccc; } .fondo-sky{ background: #39b5d0; padding: 4% 0; color: #fff; } /*-- CARUSEL --*/ .img-carrusel1{ height: 200px; } .div-carru1{ text-align: center; } .texto-carru{ margin-top: 12px; } .texto-carru a{ color: #010101; font-size: 13px; text-transform: uppercase; } .fondo-carru2{ background: linear-gradient( 180deg, #8E8E8E, #F5F5F5 ); } @media(min-width: 767px){ /*#demo1 .owl-nav .owl-prev{ opacity: 0; z-index: -1; transform: translate(5%, -49px); -webkit-transition: all 0.25s 0.1s; -o-transition: all 0.25s 0.1s; transition: all 0.25s 0.1s; } #demo1 .owl-nav .owl-next{ opacity: 0; z-index: -1; transform: translate(-5%, -49px); -webkit-transition: all 0.25s 0.1s; -o-transition: all 0.25s 0.1s; transition: all 0.25s 0.1s; } #demo1:hover .owl-nav .owl-prev, #demo1:hover .owl-nav .owl-next{ opacity: 1; transform: translate(0%, -49px); }*/ } #demo1 .icono-prev, #demo1 .icono-next { top: 50%; } #demo1 .icono-prev{ left: -25px; } #demo1 .icono-next { right: -25px; } /*#demo1 .icono-prev:before{ font-family: 'iconos'; content: "\f106"; font-size: 60px; } #demo1 .icono-next:before{ font-family: 'iconos'; content: "\f105"; font-size: 60px; }*/ .owl-carousel.owl-drag .owl-item{ text-align: center; } #demo1 .owl-carousel .owl-item img{ /*height: 70px;*/ width: auto; display: inline-block; /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/ transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; will-change: transition; cursor: pointer; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); } #demo1 .owl-carousel .owl-item:hover img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); /* -webkit-filter: grayscale(0%); filter: grayscale(0%);*/ } #demo3{ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(220, 220, 220)), color-stop(11%,rgb(255, 255, 255)));*/ padding: 2% 0% 0; } /*#demo3 .icono-prev:before, #demo3 .icono-next:before{ background: #ffffff; padding: 12px; border-radius: 22px; color: #3890d6; font-size: 13px; }*/ /*#demo3 img{ padding: 5px; border-right: 2px solid #DCDCDC; height: 45px; }*/ .texto-p2-c{ color: #238493; font-size: 14px; margin: 12px; } .texto-p2-c a{ color: #238493; } .div-carru3{ padding: 5px; border-right: 2px solid #DCDCDC; height: 90px; display: table-cell; vertical-align: middle; } .img-carr2{ height: 243px; } .tp-caption.text3 h1{ font-family: 'QuicksandBold'; } .tp-caption.text3 h1 span{ font-family: 'QuicksandBold'; } .tp-caption.text3 h1 i{ font-style: normal; font-family: 'QuicksandBold'; } /*------------------------ Efecto lineas ---------------------*/ .projectItem:hover .piHover { background: rgba(0,0,0,0.5); } .piHover { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; padding: 8px; background: rgba(0,0,0,0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .piHover div { position: relative; width: 100%; height: 100%; } .piVer:before { top: 0; left: 0; width: 2px; height: 0%; } .piVer:after { bottom: 0; right: 0; width: 2px; height: 0%; } .piHover aside:after, .piHover aside:before { content: ""; display: block; position: absolute; background: #FFF; } .piHor:before { top: 0; left: 0; width: 0%; height: 2px; } .piHor:after { bottom: 0; right: 0; width: 0%; height: 2px; } .div-carru1:hover .piVer:after, .div-carru1:hover .piVer:before { height: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .div-carru1:hover .piHor:after, .div-carru1:hover .piHor:before { width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /************* mascara imagen grande *********/ .contenido{ width: 100%; height: 100%; /*float: left;*/ overflow: hidden; position: relative; text-align: center; cursor: default; /*background: #00539F;*/ } .contenido img { display: block; position: relative; /****transicion ****/ transition: all 0.2s linear; } .contenido .mascara { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; /*border-radius: 170px;*/ /***transicion***/ opacity: 0; background-color: rgba(28, 140, 140, 0.56); transition: all 0.3s ease-in-out; } .contenido p { font-size: 26px; font-weight: 700; /*position: relative;*/ color: #fff; /*padding: 28% 46%;*/ text-align: center; position: absolute; top: 40%; left: 25%; z-index: 99; /*******transicion *******/ transform: translateX(200px);/*Desplazamos a la derecha*/ opacity: 0; transition: all 0.4s linear; } .div-carru1:hover img { /*transform: scale(1.5);*/ /*Damos un ligero zoom a la imagen*/ } .div-carru1:hover .mascara { opacity: 1; } .div-carru1:hover p{ opacity: 1; transform: translateX(0px);/*Regresamos a las posiciones originales*/ transition-delay: 0.1s; } /************* fin mascara imagen grande *********/ /************* mascara2 imagen grande *********/ .wrap-carru .contenido2{ width: 208px; height: 100%; /*float: left;*/ overflow: hidden; position: relative; /*text-align: center;*/ cursor: default; /*background: #00539F;*/ margin: 0 auto; } .wrap-carru .contenido2 img { display: block; position: relative; /****transicion ****/ transition: all 0.6s linear; } .wrap-carru .contenido2 .mascara { width: 208px; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; /***transicion***/ opacity: 0; background-color: rgba(6, 140, 127, 0.66); transition: all 0.3s ease-in-out; } .wrap-carru .contenido2 p { font-size: 26px; /*position: relative;*/ color: #fff !important; /*padding: 28% 46%;*/ text-align: center; position: absolute; top: 40%; /*left: 40%;*/ left: 23%; z-index: 99; /*******transicion *******/ transform: translateY(300px);/*Desplazamos a la derecha*/ opacity: 0; transition: all 0.4s linear; } .div-carru2:hover .img-carr2 { transform: scale(1.5); /*Damos un ligero zoom a la imagen*/ } .div-carru2:hover .mascara { opacity: 1; } .div-carru2:hover p{ opacity: 1; transform: translateX(0px);/*Regresamos a las posiciones originales*/ transition-delay: 0.1s; } /************* fin mascara imagen grande *********/ .img-banner{ width: 100%; box-shadow: 1px 6px 16px #4C4C4C; } .texto-pag{ color: #3980bf; font-family: "dinprob"; /*font-size: 23px;*/ font-weight: 600; } .texto-pag .icono-engranaje:before{ background: linear-gradient( 291deg, #003769, #0BB5FF ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; margin-right: 6px; } .cont-pag{ margin: 3% 0; font-size: 1.13em; } .cont-pag p{ /*font-size: 1.13em;*/ color: #353535; text-align: justify; } .cont-pag img{ border: 10px solid #DEDEDE; text-align: center; display: table; margin: 0 auto; margin-top: 6%; } .cont-pag li{ display: list-item; } .cont-pag ul, ol { margin-top: 0; margin-bottom: 10px; } .btn-contacto{ /*width: 100%;*/ background: #ffffff; color: #00316e; padding: 10px 30px; margin: 0; border: 0; outline: 0; font-size: 12pt; border-radius: 0rem; font-weight: bold; -webkit-transition: 0.6s ease; -moz-transition: 0.6s ease; -ms-transition: 0.6s ease; -o-transition: 0.6s ease; transition: 0.6s ease; } .btn-contacto:hover{ background: #00dff9; color: #00316e; } .sombra_fija:after{ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#77ff0000', gradientType='1')"; position: absolute; content: ' '; width: 2%; left: 100%; top: 0; height: 100%; opacity: 1; background: -webkit-radial-gradient(center, ellipse, rgba(187, 187, 187, 0.35)0%, rgba(121, 121, 121, 0) 80%); background: -moz-radial-gradient(center, ellipse, rgba(187, 187, 187, 0.35)0%, rgba(121, 121, 121, 0) 80%); background: -ms-radial-gradient(center, ellipse, rgba(187, 187, 187, 0.35)0%, rgba(121, 121, 121, 0) 80%); } .div-servicio{ display: block; text-align: center; } .div-servicio h3{ color: white; padding: 12px; /*font-family: "abel";*/ font-size: 18px; /*background: linear-gradient( 180deg, #018477, #018477 );*/ background: #018477; } .cont-carru{ /*margin: 3% 0;*/ } .cont-cli{ margin-top: 6%; } .img-cli{ width: 200px; float: left; margin: 10px; height: 100px; } .img-cli img{ width: 300px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; cursor: pointer; opacity: 0.8; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); } .img-cli:hover img{ opacity: 1; transform: scale(1); } .contacto-pag{ position: relative; display: block; } .input{ margin-bottom: 10px; } .pag-cont{ margin-top: 5%; margin-bottom: 2%; } .triangulo{ position: absolute; bottom: 0; } .marg-cont{ margin-top: 3%; margin-bottom: 2%; /*font-family: "abel";*/ } .marg-cont p{ font-size: 1.2em; margin-bottom: 5px; } .marg-cont strong{ font-size: 0.9em; } .marg-cont .form-control{ font-size: 16px; height: 32px; } .marg-cont textarea.form-control{ height: 100px; } /*---------------------- Carrusel Vertical ------------------------------*/ .wrap .owl-prev{ bottom: 0; position: absolute; z-index: 999999999; background: rgb(255, 255, 255); width: 100%; height: 7%; } .wrap .owl-next{ top: 0; position: absolute; z-index: 99999999; background: rgba(255, 0, 0, 0); width: 100%; height: 7%; } .wrap .icono-next{ right: 45%; margin:0; color: #fff; top: 0px; transform: rotate(-90deg); background: #5897BB; padding: 1px 5px; border-radius: 14px; } .wrap .icono-prev{ left: 45%; margin:0; color: #fff; top: 0px; transform: rotate(-90deg); background: #5897BB; padding: 1px 5px; border-radius: 14px; } .wrap, .owl-carousel{ /*width:320px;*/ height:auto; /*overflow: hidden;*/ /*padding: 10% 0;*/ /*padding: 40px 0;*/ } .wrap .owl-carousel{ overflow: hidden; /*height:550px;*/ height: 650px; padding: 40px 0 90px 0; } .wrap img{ height: 208px; width: 208px !important; display: inline-block !important; transition: all 3s; transition-timing: ease-in-out; } .wrap-carru:hover img{ /* -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); */ /*transform: rotate(720deg);*/ } .wrap-carru{ display: block; border-bottom: 1px solid #DEDEDE; text-align: center; } .wrap-carru:hover p, .wrap-carru:hover p:focus, .wrap-carru:hover p:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .wrap-carru p { /* display: inline-block; vertical-align: middle;*/ -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .wrap-carru p:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; /*background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);*/ background: radial-gradient(ellipse at center, rgba(1, 132, 119, 0.48) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .wrap-carru:hover p:before, .wrap-carru:hover p:before, .wrap-carru:hover p:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); } .wrap .owl-item{ float: inherit !important; } .wrap p, .wrap a{ line-height: 1.2; margin-top: 12px; color: #5A5A5A; font-size: 13px; } .wrap-carru:hover p,.wrap-carru:hover a{ color: #008D7F; font-weight: 700; } .wrap-carru:hover .img-carr2 { transform: scale(1.5); /*Damos un ligero zoom a la imagen*/ } .wrap-carru:hover .mascara { opacity: 1; } .wrap-carru:hover .mascara p{ opacity: 1; transform: translateX(0px);/*Regresamos a las posiciones originales*/ transition-delay: 0.1s; } .wrap-carru .icono-lupa-herramienta{ display: block; } /*--------------------- Final de Carrusel Vertical ----------------------*/ /****** mapa ******/ .mapa-contacto iframe{ position:absolute; height:100%; width:100%; top:0px; left:0px; border: 0px transparent; } .linea-roja{ position: absolute; left: 0; top: 0; z-index: 99; } .mapa-contacto { float: right; margin-right: 0; height: 100%; /*width: 57%;*/ position: relative; } .mapa-contacto #contact-us-map { height: 610px; } .mapa-contacto .section-map{ height: 600px; } .section-map{ padding:0; height:290px; display: table; width: 100%; /* padding: 8px; background: #e1e1e1;*/ } .borde-mapa{ border-bottom: 4px solid #971628; } #contact-us-map { height: 450px; margin:0; /*margin-top: -10px;*/ } /*final mapa*/ /*----- formulario ------*/ .div-f{ margin: 12px 0; } .div-conten{ /*display: table;*/ width: 100%; height: 200px; /*float: left;*/ overflow: hidden; } .div-conten img{ height: 200px; margin: 0; border: 0; padding: 0; width: 100%; } .divco{ padding-top: 10px; height: 200px; background: #00a5bc; overflow-x: hidden; color: #fff; font-size: 13px; } .divco p { color: #fff; font-size: 13px; } .form-div{ padding: 15px 10px; background: #d0d0d0; } .form-horizontal .form-control{ height: 50px; color: #000; border: 0; border-bottom: 1px solid #000; margin-top: 10px; /*margin-bottom: 15px;*/ padding: 0px 1.5rem; font-size: 12pt; box-shadow: none; border-radius: 0 !important; background: transparent; } .form-horizontal .form-control::placeholder:{ color: #000; } .form-horizontal .form-control:-ms-input-placeholder : { color: #000; } .form-horizontal .form-control::-webkit-input-placeholder { color: #000; } .form-horizontal .form-control::-moz-placeholder { color: #000; } .form-horizontal textarea.form-control{ height: auto !important; } .form-horizontal .input.checkbox{ font-size: .75rem; display: block; box-sizing: border-box; padding-bottom: 12px; padding-top: 12px; } .form-horizontal .pretty .state label{ font-size: 13px; cursor: pointer; display: block; height: 1em; position: relative; top: 0; left: 0; right: 0; bottom: 0; padding-left: 0; } .form-horizontal .pretty .state label:before, .pretty .state label:after{ border: 1px solid #24b9ff; top: calc((0% - (100% - 18px)) - 0%); } .form-horizontal .pretty .state label a{ text-decoration: underline; color: #24b9ff; } .form-horizontal .pretty.p-svg .state .svg{ width: 15px; height: 15px; top: calc((0% - (88% - 16px)) - 0%); } .form-horizontal .control-label { font-weight: 600; text-align: left; } .checkbox span{ font-size: 10pt; line-height: 1.6; } .checkbox span label{ font-size: 10pt; } .checkbox span a{ color: #1580ca; font-weight: 600; text-decoration: underline; } /*::-webkit-scrollbar { width: 2px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { border-radius: 50px; background-color: #000000; }*/ /*=========== flecha hacia arriba ============*/ .scrollup{ width:40px; height:40px; opacity:0.4; position:fixed; bottom:20px; right: 10px; display:none; text-indent:-9999px; background: transparent url('../img/navegacion-top.svg') no-repeat; transition: all 0.4s ease-in-out; cursor: pointer; background-size: cover; fill: #000; z-index: 999; } .scrollup:hover{ opacity:1; } /*=========== final flecha hacia arriba ============*/ /**/ .det-col2{ padding: 15px; border: 1px solid #cecece; } .div-detic{ display: table; margin: 0 auto; text-align: center; } .det-ic{ display: table-cell; padding: 0 6%; font-size: 15px; } .redes{ /*text-align: center;*/ } .redes a{ display: inline-block; position: relative; /*padding: 5px;*/ cursor: pointer; z-index: 2; font-size: 30px; /* color: #047245 !important; */ width: 40px; height: 40px; /* text-align: center; */ line-height: 20px; margin-right: 0px; background: transparent; /* padding: 4px; */ /* border-radius: 50%; */ /*width: auto;*/ padding-bottom: 0; margin: 2px; } .redes a:before{ content: ''; position: absolute; width: 100%; z-index: -1; height: 100%; border-radius: 6px; background: transparent; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.8; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); } .redes a:hover{ color: #39b5d0 !important; } .redes a:hover:before { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } .redes a span{ display: inline-block !important; width: auto; line-height: 1; /*transform: translate(0, 0);*/ } .redes a span:before{ font-size: 22px !important; padding: 7px !important; color: #fff; background: transparent; width: auto; display: block; } .redes a:hover span:before { color: #159eed; /*background: transparent !important;*/ /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/ } /*.redes a.red-facebook span:before{ background: #375297; } .redes a.red-linkedin span:before{ background: #0078b7; } .redes a.red-instagram span:before{ background: #c62994; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f3c341 0%,#f35f66 25%,#d62b84 50%,#c02799 75%,#b7299a 100%); background: linear-gradient(45deg, #f3c341 0%,#f35f66 25%,#d62b84 50%,#c02799 75%,#9f2e9b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); } .redes a.red-twitter span:before{ background: #50b9ff; } .redes a.red-youtube span:before{ background: #f51c0d; } .redes a.red-whatsapp span:before{ background: #33ba49; }*/ .det-col2 .icono-facebook:before, .det-col2 .t-twitter:before { color: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; background: #9d9d9d; padding: 10px; } .det-col2 .icono-facebook:hover:before, .det-col2 .t-twitter:hover:before { color: #fff; /*transition: all 0.5s ease;*/ /*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;*/ background: #000; /*padding: 10px;*/ } .cont-pag3{ } .precioo{ color: #e11519; font-size: 23px; margin-bottom: 2%; display: block; } .carru-detalle .icono-prev{ background: #018477; padding: 12px 3px; } .carru-detalle .icono-next{ background: #018477; padding: 12px 3px; } /*inmuebles*/ .cont-prod{ /*margin: 0 auto;*/ /*text-align: center;*/ /*padding-top: 12px;*/ color: #000; } .cont-prod a{ color: #000; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .cont-prod h5{ text-align: justify; } .precio{ color: #b8b8b8; /*text-align: center;*/ } .btn-agregar{ background: transparent; color: #f07d00 !important; border: 1px solid #f07d00; padding: 10px; text-align: center; display: inline-block; font-family: calibri; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; } .btn-agregar:hover, .btn-agregar:focus{ background: #f07d00; color: white !important; } .rating{ display: block; text-align: left; color: #b8b8b8; opacity: 0; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .rating .active{ color: #f07d00; } .cont-prod:hover .rating{ opacity: 1; } .cont-prod:hover .btn-agregar{ opacity: 1; } .div-prod{ display: inline-block; /* width: 31%; margin: 5px 10px;*/ /*width: 280px;*/ /*height: 250px;*/ /* margin: 3px 8px;*/ /*margin: 3% 0;*/ width: 30%; margin: 10px 10px 15px 10px; } .cont-prod figure{ display: table; width: 100%; height: 200px; } .cont-prod figure picture{ display: table-cell; vertical-align: middle; } .cont-prod img{ width: auto; max-height: 198px; margin: 0 auto; display: block; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .cont-prod:hover a{ color: #f07d00; } .cont-prod:hover img{ -webkit-transform: scale(0.94); -moz-transform: scale(0.94); -o-transform: scale(0.94); -ms-transform: scale(0.94); transform: scale(0.94); } .carru-prec{ position: absolute; /* top: 0; */ /* z-index: 1; */ bottom: 0; background: #00a3ba; right: 0; color: #fff; padding: 10px 13px; font-size: 1.4em; border-radius: 20px 0 0 0; } .btn-cotizacion{ background: transparent; color: #f07d00 !important; border: 1px solid #f07d00; padding: 4% 12%; display: inline-block; font-family: 'calibri'; font-size: 12pt; opacity: 0; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .btn-cotizacion:hover, .btn-cotizacion:focus{ background: #f07d00; color: #ffffff !important; } .cont-prod:hover .btn-cotizacion{ opacity: 1; } /*.arrowBottom { position:relative; } .carru-prec:before { content: " "; position: absolute; z-index: 2; left: 0; width: 22px; height: 22px; bottom: -11px; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: inset -1px -1px 1px red; background: #fff; } */ /************* mascara1 imagen grande *********/ .div-prod .contenido{ width: 100%; height: 100%; /*float: left;*/ overflow: hidden; position: relative; /*text-align: center;*/ cursor: default; /*background: #00539F;*/ margin: 0 auto; /* -webkit-box-shadow: 0 14px 7px -6px #191919; -moz-box-shadow: 0 14px 6px -6px #4e4e4e; box-shadow: 0 14px 7px -6px #4e4e4e;*/ } .div-prod .contenido img { display: block; position: relative; /****transicion ****/ transition: all 0.6s linear; } .div-prod .contenido .mascara { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; /***transicion***/ opacity: 0; background-color: rgba(6, 140, 127, 0.66); transition: all 0.3s ease-in-out; } .div-prod .contenido p { font-size: 26px; /*position: relative;*/ color: #fff !important; /*padding: 28% 46%;*/ text-align: center; position: absolute; top: 40%; /*left: 40%;*/ left: 35%; z-index: 99; /*******transicion *******/ transform: translateY(300px);/*Desplazamos a la derecha*/ opacity: 0; transition: all 0.4s linear; } .div-prod:hover .img-carrusel1 { transform: scale(1.5); /*Damos un ligero zoom a la imagen*/ } .div-prod:hover .mascara { opacity: 1; } .div-prod:hover p{ opacity: 1; transform: translateX(0px);/*Regresamos a las posiciones originales*/ transition-delay: 0.1s; } /************* fin mascara imagen grande *********/ .div-prod .texto-carru { margin-top: 1px; height: 40px; overflow-x: hidden; } .div-prod .texto-carru a { font-size: 17px; color: #00a4bb; text-transform: uppercase; /*font-family: "abel";*/ font-weight: 600; } .div-prod:hover .piVer:after, .div-prod:hover .piVer:before { height: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .div-prod:hover .piHor:after, .div-prod:hover .piHor:before { width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tit-prod{ color: #ff4337 !important; font-family: "gothamM"; background: #fff; border-radius: 0.5rem; padding: 10px 15px; margin: 0; } /*Servicios*/ .grup-serv{ display: table; width: 100%; } /*.div-serv{ display: table-cell; width: 25%; }*/ .cont-clientes { /*border: 1px solid white;*/ overflow: hidden; position: relative; will-change: transform; } .div-clientes { height: 665px; background-size: auto 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 0; overflow: hidden; background-color: #1a6ba3; position: relative; background-position: center; max-height: 74vh; min-height: 384px; /*border: 2px solid white;*/ border-bottom: none; border-right: none; transition: transform .5s ease-in-out; will-change: transform; } .mascara { padding: 0px; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; background-color: rgba(0,0,0,0.4); top: 0; left: 0; width: 100%; height: 100%; z-index: 2; position: absolute; } .mascara span { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0%; z-index: 12; background-color: transparent; text-transform: uppercase; margin-bottom: 0; font-weight: normal; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; padding: 0px 20px; font-size: 14pt; line-height: 1.5; display: table-cell; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translate(0%, 800%); -ms-transform: translate(0%, 800%); -o-transform: translate(0%, 800%); transform: translate(0%, 800%); -webkit-transition: all 0.25s 0.1s; -o-transition: all 0.25s 0.1s; transition: all 0.25s 0.1s; } .div-serv:hover .div-clientes { transform: scale(1.11); } .div-serv:hover .mascara{ /*background-color: transparent;*/ background-color: rgb(0 0 0 / 55%); } .cont-grupo:hover .mascara span { -webkit-transform: translate(15%, 50%); -moz-transform: translate(15%, 50%); -ms-transform: translate(15%, 50%); -o-transform: translate(15%, 50%); transform: translate(0, 50%); opacity: 1; } .cont-grupo:hover .div-clientes { transform: scale(1.11); } .cont-grupo:hover .logo-cli { transform: scale(1, 1); -webkit-filter: grayscale(100%); filter: grayscale(100%); } .div-serv:hover .logo-cli { transform: scale(1,1); /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/ } .mascara .border { display: block; content: ''; width: 100%; height: 100%; border: 2px solid white; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; opacity: 0; } .texto-top { color: white; text-align: center; display: block; top: 21%; position: absolute; left: 50%; } .btn-clientes, .texto-top { opacity: 0; -webkit-transition: all 0.25s 0.1s; -o-transition: all 0.25s 0.1s; transition: all 0.25s 0.1s; } .texto-top, .btn-clientes { -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .btn-clientes { position: absolute; bottom: 21%; left: 50%; padding: 6px 35px; font-size: 14px; line-height: 1.5; border-radius: 3px; color: #fff; /* background-color: #fff; */ /* border-color: #ccc; */ background-color: transparent; text-transform: uppercase; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid #ccc; white-space: nowrap; padding: 6px 12px; font-size: 18px; line-height: 1.5; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } .logo-cli { /*position: absolute !important; top: 5%; left: 0; -webkit-transform: translate3d(0%, 0%, 0) scale(1); transform: translate3d(0%, 0%, 0) scale(1); -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; max-width: 100%; max-height: 130px; width: 100%; z-index: 4; color: #fff; padding: 0 15px;*/ position: absolute !important; top: 0; left: 0; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; max-width: 100%; width: 100%; height: 100%; z-index: 4; color: #fff; display: table; } .logo-cli h3{ font-size: 22pt; /*text-align: center;*/ text-transform: uppercase; /* text-shadow: 1px 1px 1px #c1c1c1; */ } .logo-cli .text-cli { display: table-cell; vertical-align: middle; /*background: url(../img/pattern-1.png) repeat-x bottom;*/ /*padding: 0 15px;*/ padding: 0 8%; font-size: 2.4em; text-align: left; text-transform: uppercase; } .div-clientes:hover .mascara { padding: 15px; /* background-color: rgba(0,0,0,0.85); */ } .div-clientes:hover .border { opacity: 1; } .div-clientes:hover .texto-top { -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); opacity: 1; } .div-clientes:hover .btn-clientes { -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); opacity: 1; } .div-clientes:hover .logo-cli { /*font-size: 1.2em;*/ /* -webkit-transform: translate3d(0%, 0%, 0) scale(1.05); transform: translate3d(0%, 0%, 0) scale(1.05);*/ } .text-serv{ background: transparent; color: #fff; /*padding: 10px 15px;*/ display: table; text-align: center; height: 10vh; width: 100%; border-top: 1px solid white; border-left: 0; border-right: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .text-serv:first-child{ /*border: 0;*/ } .text-serv a{ color: #fff; display: table-cell; vertical-align: middle; padding: 10px 15px; } .text-serv:hover, .text-serv:focus{ box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, 0.3); } .fondo-degradado{ background: -webkit-linear-gradient(top, #ff5200 0%, #ff8600 100%); } .seccion-banner { width: 100%; position: relative; /*height: 350px;*/ /*overflow: hidden;*/ } .banner-pag { width: 100%; height: 100%; background-position: top; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; /*background-position: center; background-size: auto 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ background-color: #333333; /*background-size: auto 150%!important;*/ /*transition: all 0.6s ease;*/ background-attachment: fixed; } /*---- SECCION DE DOS ---*/ .seccion-cont{ position: relative; padding: 60px 0; text-align: center; } .seccion-cont .container{ z-index: 5; position: relative; } .c-blanco{ color: #2f2f2f; text-align: left; text-shadow: 0px 0px 1px #ababab; } .c-blanco p{ font-size: 1.1em; } .c-blanco .titulos{ color: #ffffff; text-align: left; } .c-blanco .titulos:after { background-color: #ffffff; left: 0; transform: none; } .img-izquierda{ clip-path: polygon(0 0%, 30% 0, 100% 0, 100% 0%, 70% 100%, 0 100%); -webkit-clip-path: polygon(0 0%, 30% 0, 100% 0, 100% 0%, 70% 100%, 0 100%); width: 40%; float: left; position: absolute; top: 0; z-index: 2; height: 100%; background-size: auto 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } .img-derecha{ position: absolute; top: 0; width: 100%; height: 100%; right: 0; overflow: hidden; background-size: auto 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } .img-derecha:before{ content: ''; /*background-color: rgba(18,106,165,0.85);*/ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; z-index: 1; } .titulos-d{ letter-spacing: 11px; color: #43444c; font-family: "canada-type-gibson"; text-transform: uppercase; font-size: 30px; padding-bottom: 45px; margin-bottom: 60px; position: relative; text-align: center } .tit-d{ font-family: "canada-type-gibson"; color: #666; z-index: 100; text-align: center; font-size: 60px; font-weight: 100; text-transform: none; letter-spacing: 1px; pointer-events: none; font-size: 50px !important; min-width: 90%; } .tit-d h2{ font-size: inherit; font-weight: inherit; } .tit-azul{ font-family: 'dinprob'; color: #3980bf; text-transform: uppercase; font-size: 30px; padding-bottom: 25px; margin: 25px auto; width: 50%; position: relative; text-align: center; } .tit-azul:after { content: ''; background-color: #d6d6d6; width: 100%; height: 1px; display: block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .tit-azul:before{ content: ''; background-color: #d6d6d6; width: 100%; height: 1px; display: block; position: absolute; bottom: 3px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .fondo-plomodeg{ background: linear-gradient( 180deg, #ebebeb, #FEFEFE); padding: 3% 0; text-align: center; } .fondo-plomodeg h2{ font-family: 'dinprob'; } .cont-qs{ display: inline-block; } .div-qs{ display: inline-table; width: 29%; vertical-align: top; margin: 15px 20px; } .div-qs span{ border-radius: 50%; height: 44vh; width: 44vh; display: block; position: relative; overflow: hidden; text-align: center; display: inline-block; } .div-qs .img-qs{ width: 100%; height: 100%; background-position: center; background-size: auto 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #43444c; } .tit-qs{ font-family: 'dinprob'; text-transform: uppercase; } .div-text{ /*font-size: 23px;*/ /*color: #e11519;*/ /*text-shadow: 0px 0px 1px #bbbbbb;*/ width: 70%; margin: 0 auto; } .div-text p{ /*text-align: justify;*/ } /* cuadrado*/ .cont-link{ width: 85%; display: inline-block; } .divi-link{ position: relative; background: #fff; overflow: hidden; padding-bottom: 0px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); border-radius: 0 0 8px 8px; } .divi-link:before{ content: ''; background: #6a8ab3; /* background-position: center; */ background-size: cover; position: absolute; top: 0; height: 100%; width: 100%; left: 0; z-index: 1; opacity: 0.6; /* mix-blend-mode: multiply; */ } .div-img{ text-align: center; display: block; padding: 4px; border-radius: 13px 13px 0 0; background: #fff; } .div-img figure{ text-align: center; background: #fff; padding: 15px 0; border: 1px solid #2e77b1; margin: 4px; border-radius: 8px 8px 0 0; } .div-img img{ height: 80px; } .divi-link img{ margin-top: 0px; will-change: transform; } .centrado{ position: absolute; top: 71%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .centrado2{ position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); color: #002a61; /*font-family: 'itfranklindemi';*/ font-size: 20px; z-index: 2; } .boton{ color: #FFFFFF; } .centrado3{ position: absolute; top: 38%; left: 0%; transform: translate(-50%, -50%); color: #FFF; margin-left: 54px; font-size: -webkit-xxx-large; text-shadow: 3px 3px 14px #000; font-weight: bold; text-align: center; /*font-family: 'itfranklindemi';*/ } .fondoo{ background-image: url(../img/fondo-nosotros.png); background-size: cover; height: 113vh; position: relative; } .arriba{ font-size: 14px; /* margin-left: 956px;*/ margin-top: 8px; display: table; width: 100%; text-align: right; } .arriba h2{ display: inline-block; vertical-align: middle; color: #2c1f59; } .orden{ text-align: center; } .colorr{ color: #fff; display: inline-block; padding-left: 15px; } .colorr a{ color: #fff; padding: 2px 15px; background: #0e1b63; border-radius: 10px; vertical-align: middle; display: inline-block; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .colorr a:hover{ background: #000000; } .fondor{ /* background-image: url(../img/fondo-azul.jpg); background-size: cover;*/ /*height: 65vh;*/ position: relative; padding: 3% 0; border-bottom: 6px solid #213558; } .img-ban { position: absolute; top: 40%; left: 0; width: 100%; padding: 0 15px; background: rgba(1, 62, 111, 0.34); text-align: center; /* -webkit-transform: translate(-50%, -50%); */ /* -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);*/ /* transform: translate(-50%, -50%); */ font-family: "dinprob"; color: white; z-index: 100; text-align: center; text-shadow: 0px 0px 6px #5f5f5f; font-size: 45px; font-weight: 100; text-transform: none; letter-spacing: 1px; pointer-events: none; } .img-ban h1 { font-size: inherit; font-weight: inherit; } .img-ban h1 strong { text-transform: uppercase; } .fondo-pag{ /*background: linear-gradient( 180deg, #f5f5f5, #FEFEFE);*/ position: relative; overflow: hidden; } .hojablanca{ word-wrap: break-word; background: #fff; /*box-shadow: 5px 4px 9px #c1c1c1;*/ padding: 20px 25px; color: rgb(109, 109, 109); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .tit-raya{ font-family: 'dinprob'; color: #3980bf; /*text-transform: uppercase;*/ /*font-size: 30px;*/ padding-bottom: 25px; margin: 15px auto; width: 100%; position: relative; text-align: center; } /*.tit-raya:after { content: ''; background-color: #d6d6d6; width: 100%; height: 1px; display: block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }*/ .tit-raya:before{ content: ''; background-color: #ff4337; width: 50%; height: 2px; display: block; position: absolute; bottom: 3px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .titulos{ position: relative; /*display: inline-block;*/ } .titulos h1{ color: #3A3A3A; /*display: inline-block;*/ } .titulos.titulo-span span{ width: 40px !important; background: #6ac6e2 !important; display: block; margin: 0 auto; } .titulos h2{ margin: 0; display: inline-block; vertical-align: middle; color: #424242; padding: 10px 0; margin: 0; line-height: 1.5; } .titulos h2 a{ color: #585858; } .titulos h2 a:hover, .titulos h2 a:focus{ color: #585858; } .titulos h3{ margin: 0; display: inline-block; vertical-align: middle; color: #424242; padding: 10px 0; margin: 0; line-height: 1.5; } .titulos h4{ color: #000; font-size: medium; font-weight: 500; /*margin: 0 0 10px;*/ text-align: right; } .titulos h5{ color: #000; font-weight: 100; /*margin: 0 0 10px;*/ /*text-align: right;*/ } /*.titulos:after{ content: ''; background-color: #000000; width: 10%; height: 1px; display: block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } */ .titulos:before{ /* content: ''; background-color: #FFC107; width: 35%; height: 3px; display: block; position: absolute;*/ /*top: 0;*/ /*top: 50%;*/ /*left: 0;*/ /* -webkit-transform: translate(-50%, 0); */ /*-ms-transform: translate(-50%, 0);*/ /*-o-transform: translate(-50%, 0);*/ /* transform: translate(-50%, 0); */ } .textop{ /*font-size: 1.1em;*/ color: #737373; margin-top: 2%; width: 70%; margin: 2% auto 0; text-align: center; } .fondo-verde{ /*background: #c0da3d;*/ color: #fff; padding: 5% 0; text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.6); } .cont-conoce{ display: inline-block; padding: 10px 0; font-family: "poppins"; } .cont-conoce span{ display: inline-table; vertical-align: middle; color: #43bff7; } .cont-conoce i:before{ font-size: 13px; font-weight: bold;}.cont-conoce p{ display: inline-table; vertical-align: middle; margin: 0; color: #fff; font-size: 1.2em;} .btn-portaf{ display: block; background: #fff; text-align: center; color: #000; padding: 10px 8px; text-transform: uppercase; font-weight: bold; font-family: "poppins"; } .btn-portaf span{ word-wrap: break-word; } .texto-p1{ text-align: center; color: #fff; width: 80%; margin: 0 auto; } blockquote{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 6px 0 15px 0; padding: 20px 40px; position: relative; display: inline-block; border-left: 0; } blockquote p:last-child { padding: 0; } blockquote p { /*font-family: 'PT Serif',sans-serif;*/ font-weight: normal !important; /*font-size: 16px;*/ /*font-style: italic;*/ line-height: 170%; text-align: justify; } blockquote p:first-child:before { content: "\f10d"; font-family: fontello; font-size: 20px; /*position: absolute;*/ color: #8BC34A; left: 8px; top: 6px; } blockquote p:last-child:after { content: "\f10e"; font-family: fontello; font-size: 22px; /*position: absolute;*/ color: #8BC34A; bottom: 2px; right: 10px; } .fondo-parallax{ /*color: #fff;*/ /*font-size: 15px;*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(220, 220, 220)), color-stop(4%,rgb(255, 255, 255))); background-position: center; background-size: cover; } .div-parallax{ padding: 5% 4%; background-position: left;background-size: contain; background: no-repeat; } .logo-fot img{ /*max-height: 113px; margin-bottom: -26%;*/ will-change: transform; /*margin-top: -50px; margin-left: 435px;*/ }.textcarr{ margin-top: 25px; padding: 0 10px; /*min-height: 11vh;*/ font-family: 'nexaBlack'; color: #e11519; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .carruser p{ font-size: 20px; color: #e11519; margin-top: 10px; width: 100%; /*text-shadow: 2px 2px 3px #000;*/ /* margin: 2% auto 0; */ font-family: 'nexa'; text-align: justify; /*padding: 20px;*/ margin-bottom: 15px; display: table-cell; vertical-align: middle; transition: all 0.4s ease; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); } .carruser .tit-arriba{ color: #000; background: #fff; /* font-weight: 700; */ padding: 20px 15px; margin: 8px 0 0; font-size: 1em; text-transform: uppercase; text-align: center; transition: all 0.4s ease; } .carruser:hover .textcarr{ color: #000; } #demo2{ /*padding: 0;*/ } #demo2 .icono-next, #demo2 .icono-prev { color: #002a61; opacity: 1; top: 50%; } #demo2 .icono-prev{ left: -15px; } #demo2 .icono-next { right: -15px; } #demo2 .icono-next:before, #demo2 .icono-prev:before { color: #fff; }#demo3 .efecto-zoom:hover .tit-arriba{ background: rgba(0, 0, 0, 0.70); margin: 0; color: #fff; } #demo3 .seccionimg{ height: 100%; max-height: 100%; } #demo3 .efecto-zoom .imgsec { background-size: cover; /* background-color: #43444c; */ background-repeat: no-repeat; } /*.tp-caption{ font-family: "gothamL" !important; }*//*quienes somos ultra*/ .cont-eq{ padding: 5% 2%; cursor: pointer; width:100%; text-align: center; } /*.cont-eq h3{ font-family: 'FrankD'; text-align: center; text-transform: uppercase; margin-bottom: 2px; font-size: 22px; }*/ /*.cont-eq span{ display: block; text-align: center; color: #03A9F4; margin-bottom: 5%; font-family: 'poppins'; font-size: 14px; } */ .cont-eq img{ height: 200px; width: auto; margin: 0 auto; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; will-change: transform; } .cont-eq:hover img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .cont-eq:hover .img1 { display: none; } .cont-eq:hover .img2 { display: block; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .cont-eq:hover h3{ color: #763388 !important; } .text-inicio p{ font-size: 18px; font-family: museoSans; }/*Contacto*/ .fondo-contacto .lado-plomo{ background: #f3f3f3; padding: 3% 6% 13%; } .fondo-contacto .lado-blanco{ padding: 3% 6%; } .titulos-left{ text-align: left; position: relative; padding-bottom: 8px; margin: 4% 0 2%; } .titulos-left h2 { text-transform: uppercase; margin: 0; font-family: "poppins"; } .titulos-left:after { content: ''; background-color: #388fd5; width: 41%; height: 1px; display: block; position: absolute; bottom: 0; left: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(0%, 0); } .divdir b{ color: #78b70b; } .divdir p{ color:#909090; } .divdir a{ color:#909090; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .divdir a:hover{ color:#9abf10; text-decoration: underline; } .seccionimg{ width: 100%; /*height: 180px;*/ height: 300px; /*max-height: 61vh;*/ overflow: hidden; /*min-height: 70vh; */ /*border-radius: 50%;*/ position: relative; will-change: transform; /*will-change: initial;*/ /*padding: 15%;*/ } .imgsec{ width: 100%; height: 100%; background-position: center; background-position: center center; background-size: auto 100%; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; /*-webkit-filter: invert(1); -moz-filter: invert(1); -ms-filter: invert(1); -o-filter: invert(1); filter: invert(1);*/ /*background-size: contain;*/ background-repeat: no-repeat; } .efecto-zoom .imgsec{ -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .efecto-zoom:hover .imgsec{ -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/ } .mascaranegra{ top: 0; right: 0; bottom: 0; width: 101%; position: absolute; z-index: 6; height: 100%; text-align: center; color: #fff; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /*display: table;*/ transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; left: 0; opacity: 1; background: rgba(0, 0, 0, 0.45); } .mascaranegra span{ /*opacity: 0;*/ position: absolute; bottom: 50%; left: 40%; /*left: 30%;*/ background-color: transparent; /* text-transform: uppercase; */ margin-bottom: 0; font-weight: normal; text-align: left; touch-action: manipulation; cursor: pointer; background-image: none; border-radius: 0; background: rgba(0, 0, 0, 0.6784313725490196); /*border: 1px dashed #ccc; */ /* white-space: nowrap; */ padding: 10px 10px; /*padding: 18px 35px;*/ font-size: 25px; line-height: 1; /*display: table-cell;*/ /*vertical-align: middle;*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translate(0%, 50%); -ms-transform: translate(0%, 50%); -o-transform: translate(0%, 50%); transform: translate(0%, 50%); -webkit-transition: all 0.25s 0.1s; -o-transition: all 0.25s 0.1s; transition: all 0.25s 0.1s; /*right: 0; left: 0; top: 0; bottom: 0;*/ } .mascaranegra > span > img{ height: 25px !important; width: auto !important; } .mascaranegra span.glyphicon:before{ display: inline-block; position: relative; vertical-align: top; } .mascaranegra span i:before{ font-size: 13px; padding-left: 3px; transition: all 0.3s ease; } .mascaranegra span:hover{ /*background: #000;*/ /*border: 0;*/ } .mascaranegra span:hover i:before{ padding-left: 7px; } .mascaranegra span h2{ border-bottom: 1px solid #fff; display: inline-block; } .efecto-zoom a{ display:block; position: relative; } .efecto-zoom:hover{ /*background: rgba(0, 0, 0, 0.70);*/ } .efecto-zoom:hover .mascaranegra{ background: rgba(0, 0, 0, 0); } .efecto-zoom:hover .mascaranegra span{ transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); /*transform: translate(0%, 0%);*/ opacity: 1; } .efecto-zoom:hover .mascaranegra p{ /* transform: translate(0%, -10%); -ms-transform: translate(0%, -10%); -webkit-transform: translate(0%, -10%); -moz-transform: translate(0%, -10%); -o-transform: translate(0%, -10%);*/ } .efecto-zoom:hover .piVer:after, .efecto-zoom:hover .piVer:before { height: 40%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .efecto-zoom:hover .piHor:after, .efecto-zoom:hover .piHor:before { width: 40%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*================== Parallax ======================*/ .parallax-container { position: relative; z-index: 0; } .parallax { /*background-repeat: no-repeat;*/ background-size: cover; /*background-position: center !important;*/ background-position-x: 50% !important; background: fixed; } .parallax__left { background-position: left 0; } .parallax__right { background-position: right 0; } .parallax-body { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; height: 100%; } @media (max-width: 979px) { .parallax-container { padding-top: 0 !important; } } @media (max-width: 767px) { .parallax { background-position: 50% 0 !important; background-size: cover; } } /*------------------ Final parallax ---------------------*//*--- Blog ---*/ .overflow{ overflow: hidden; } .div-noti{ /*padding: 4px 4px 4px 4px;*/ position: relative; width: 25%; margin: 0; display: inline-table; padding: 4px; float: left; max-height: 50vh; height: 300px; transition: all 160ms linear; -webkit-transition: all 160ms linear; } .div-noti img{ max-width: 100%; width: 100%; transition: all 0.8s ease; /*height: 220px;*/ height: 300px; } .text-mask{ /*opacity: 0;*/ transition: all 0.8s ease; display: table; width: 100%; height: 100%; position: relative; } .text-mask p{ display: table-cell; vertical-align: middle; padding: 15px; } .div-noti .mascara{ width: 100%; height: 100%; position: relative; overflow: hidden; } .div-noti .mascara a{ color: #fff; text-decoration: none; } .div-noti .mascara:hover img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .div-noti .mascara a:hover{ color: #fff !important; } .div-noti .mascara p{ color: #fff !important; } .div-noti .mascara:hover .mask{ background: rgba(255, 255, 255, 0); -webkit-transform: initial; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transform: initial; transition-timing-function: ease-out; transition-duration: 250ms; } .div-noti .mask { background: -webkit-gradient(linear, 1 -19, 0% 100%, from(rgba(16, 16, 16, 0.08)), to(#15140D)); background: rgba(0, 0, 0, 0.46); position: absolute; z-index: 5; width: 100%; height: 100%; text-align: center; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; left: 0; /*padding-top: 195px;*/ /*** moddd ***/ text-transform: uppercase; font-weight: 500; overflow: hidden; cursor: pointer;font-size: 13px; transition-timing-function: ease-out; transition-duration: 300ms; } /*------ fin blog -----*/ /*---------- NUEVA MASCAR PARA IMAGENES CIRCULARE --------------*/ .seccionimg2{ /*max-height: 61vh;*/ will-change: transform; width: 100%; transition: 1s ease; margin-bottom: 10px; overflow: hidden; display: block; position: relative; border-radius: 50%; } .seccionimg2:before { display: block; content: ""; width: 100%; /*padding-top: 50%;*/ padding-top: 104.333333%; } .efecto-zoom .imgsec2 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .efecto-zoom:hover .imgsec2 { /* filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); */ transform: translate3d(-50%,-50%,0) scale(1.1); } .imgsec2 { width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; min-width: 100%; min-height: 100%; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0) scale(1) rotate(0); -moz-transform: translate3d(-50%,-50%,0) scale(1) rotate(0); -ms-transform: translate3d(-50%,-50%,0) scale(1) rotate(0); -o-transform: translate3d(-50%,-50%,0) scale(1) rotate(0); transform: translate3d(-50%,-50%,0) scale(1) rotate(0); -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; -ms-transition: 1s ease; transition: 1s ease; background-repeat: no-repeat; outline: 0; box-shadow: none; } .mascaranegra2 { top: 0; width: 100%; position: absolute; z-index: 9; height: 100%; text-align: center; color: #000; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .mascaranegra2 span { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0%; z-index: 12; background-color: transparent; text-transform: uppercase; margin-bottom: 0; font-weight: normal; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; /*border-radius: 2.5rem;*/ /*border: 1px solid #ffffff;*/ /*white-space: nowrap;*/ padding: 0px 20px; font-size: 14pt; width: 80%; line-height: 1.5; display: table-cell; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translate(0%, 800%); -ms-transform: translate(0%, 800%); -o-transform: translate(0%, 800%); transform: translate(0%, 800%); -webkit-transition: all 0.25s 0.1s; -o-transition: all 0.25s 0.1s; transition: all 0.25s 0.1s; } .mascaranegra2 span i{ padding-left: 5px; } .mascaranegra2 span b{ font-weight: 100; width: auto; display: inline-block; margin: 0; border-top: 1px solid #000; border-bottom: 1px solid #000; transition: all 0.4s ease; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); } .efecto-zoom:hover .mascaranegra2 { /*background-image: linear-gradient(rgba(234, 30, 90, 0) 0%, rgba(253, 68, 57, 0.56) 30%);*/ background: rgba(0, 0, 0, 0.3); } .efecto-zoom:hover .mascaranegra2 span { -webkit-transform: translate(15%, 50%); -moz-transform: translate(15%, 50%); -ms-transform: translate(15%, 50%); -o-transform: translate(15%, 50%); transform: translate(15%, 50%); opacity: 1; } .mascaranegra2 span i:before { font-size: 11px; /*padding-left: 3px;*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .mascaranegra2 span:hover i:before { /*padding-left: 7px;*/ } .carrusel-alto .seccionimg{ height: 345px; } .btn-guinda{ background: rgba(128,8,22,1); background: -moz-linear-gradient(45deg, rgba(128,8,22,1) 0%, rgba(128,8,22,1) 47%, rgba(225,11,36,1) 85%, rgba(225,11,36,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(128,8,22,1)), color-stop(47%, rgba(128,8,22,1)), color-stop(85%, rgba(225,11,36,1)), color-stop(100%, rgba(225,11,36,1))); background: -webkit-linear-gradient(45deg, rgba(128,8,22,1) 0%, rgba(128,8,22,1) 47%, rgba(225,11,36,1) 85%, rgba(225,11,36,1) 100%); background: -o-linear-gradient(45deg, rgba(128,8,22,1) 0%, rgba(128,8,22,1) 47%, rgba(225,11,36,1) 85%, rgba(225,11,36,1) 100%); background: -ms-linear-gradient(45deg, rgba(128,8,22,1) 0%, rgba(128,8,22,1) 47%, rgba(225,11,36,1) 85%, rgba(225,11,36,1) 100%); background: linear-gradient(45deg, rgba(128,8,22,1) 0%, rgba(128,8,22,1) 47%, rgba(225,11,36,1) 85%, rgba(225,11,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800816', endColorstr='#e10b24', GradientType=1 ); border: 0; color: #fff; padding: 8px 15px; border-radius: 1rem; /* box-shadow: inset 0px 0px 3px 2px #44050c; */ border: 3px solid #950617; font-weight: bold; font-size: 12pt; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-guinda:hover, .btn-guinda:focus{ box-shadow: inset 0px 0px 3px 2px #950617; } .borde-plomizo{ border: 3px solid #656565; } .padding-carru{ padding: 0 4%; } .padding-carru .item{ padding: 0 4px; } .padding-carru2{ padding: 0 2%; } /*------------ Detalle blog -----------------*/ .grupo-botones button{ font-size: 11px; width: 100%; border: 0; margin: 2px; outline: 0; padding: 10px 0; text-align: justify; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; overflow: hidden; position: relative; } .grupo-botones button:hover{ /* font-weight: 700; */ background: #636363; /* border-radius: 5px; */ } .grupo-botones button span:before{ font-size: 15px !important; text-align: center; color: #FFF; padding: 19px 8px; background: rgba(0,0,0,.1); margin-right: 10px; margin-left: 0; } .btn-facebook{ color: #fff; background: #3b5997; } .btn-google{ color: #fff; background: #de4b39; } .btn-twitter{ color: #fff; background: #55acef; } .btn-msj{ color: #fff; background: #0b88ff; } .btn-whatsapp { color: #fff; background: #27732a; } .texto-p p { margin: 0px 0 0px; font-weight: 700; text-align: center; font-size: 13px; } .linea{ border: 1px solid #e8e8e8; height: 2px; width: 100%; position: relative; } hr.linea:before { position: absolute; height: 16px; color: #000; background: #fff; content: ' '; width: 14px; left: -13px; /* bottom: 0; */ top: -5px; } hr.linea:after { position: absolute; height: 16px; color: #000; background: #fff; content: ' '; width: 14px; right: -13px; /* bottom: 0; */ top: -5px; } /*---- Blog -----*/ /*---------------------*/ .seccionimgnot{ /*max-height: 61vh;*/ max-height: 20vh; will-change: transform; width: 100%; transition: 1s ease; margin-bottom: 10px; overflow: hidden; display: block; position: relative; border-radius: 0%; } .seccionimgnot:before { display: block; content: ""; width: 100%; padding-top: 104.333333%; } .img-blog2{ width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; min-width: 100%; min-height: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0) scale(1) rotate(0); transition: 1s ease; outline: 0; box-shadow: none; } .div-detnot:hover .img-blog2{ transform: translate3d(-50%,-50%,0) scale(1.1); } .div-detnot a{ width: 100%; overflow: hidden; /*display: table;*/ } /****************** MASCARA 2*******************/ .div-detnot{ margin-bottom: 15px; position: relative; overflow: hidden; transition: all 0.5s ease-in-out; padding: 10px 8px; }.div-detnot:hover .mascara2{ opacity: 1; } .div-detnot:hover img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .div-detnot a:hover{ /*color: red !important;*/ } .div-detnot:hover .mascara2{ /*background: rgba(0, 0, 0, 0.47);*/ -webkit-transform: initial; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transform: initial; transition-timing-function: ease-out; transition-duration: 250ms; } .det-img{ overflow: hidden; width: 100%; display: block; vertical-align: middle; } .det-img img{ transition: all 0.2s ease-in-out; will-change: transform; } .det-text{ width: 100%; display: block; vertical-align: middle; padding: 0 15px; color: #000; } .fechacur{ color: #1c6cab; font-size: 12px; }/*---- fin mascara 2 ----*/ .redes2{ float: left; } .redes2 span:before { padding: 6px 5px; color: #fff; border-radius: 0 6px 6px 0; display: block; margin-bottom: 1px; } .redes2 .icono-facebook:before{ background: #0b6dbb; } .redes2 .icono-twitter:before{ background: #008CCA; } .redes2 .icono-google:before{ background: #f11201; } .redes2 .icono-whatsapp:before{ background: #319835; } .redes2 a{ display: block; } .sin-after:after { content: initial !important; } .proyectoimg{ position: relative; } .proyectoimg .contenido-carru{ position: absolute; z-index: 7; /*top: 50%;*/ bottom: 0; left: 0; right: 0; /*-webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%);*/ padding: 9% 8% 12%; color: #fff; text-align: center; width: 100%; margin: 0 auto; /*text-transform: capitalize;*/ font-weight: 400; /*background: rgba(0, 0, 0, 0.65);*/ } .proyectoimg .contenido-carru aside{ margin: 0; display: inline-block; position: relative; font-weight: bold; text-align: left; width: 100%; height: 100%; display: table; transition: all 0.4s ease; transform: perspective(1000px) translate3d(0px, 0px, 0px); transform-origin: 50% 100%; transform-style: flat; } .proyectoimg .contenido-carru aside:before{ content: ""; display: block; position: absolute; left: 0; bottom: -7px; width: 200px; height: 1px; background: rgba(255,255,255,0.5); } .proyectoimg .contenido-carru aside:after{ content: ""; display: block; position: absolute; left: 0; bottom: -8px; width: 100px; height: 3px; background: #159eed; } .proyectoimg .contenido-carru aside h4{ display: table-cell; vertical-align: bottom; padding-bottom: 25px; font-family: 'skirt'; } .img-multiply{ position: absolute; bottom: 0; /* height: 500px; */ max-height: 383px !important; mix-blend-mode: multiply; width: 100% !important; } .proyectoimg .contenido-carru aside div{ position: relative; z-index: 2; color: #ffff; padding: 0 26px 20px; } .proyectoimg .seccionimg2{ /*border-radius: 10px;*/ /*margin-bottom: 2px; margin-top: 2px;*/ } .margnc .titulos h3{ font-size: 21px; } /*.efecto-zoom:hover .contenido-carru aside{ transform: perspective(0px) translate3d(0px, 0px, 0.0001px) rotateX(9deg) scale(1, 0); }*/ .hr-pie{ border-top: 1px solid #388fd5; } /*-------------------- Cambio de menu ------------------*/ @media(max-width: 767px){ .cont-cab{ display: table; width: 100%; } .div-logo { display: table-cell; vertical-align: middle; background: #e8e8e8; } .header_box .navbar-header{ display: table-cell; vertical-align: middle; text-align: center; } .header_box .navbar-toggle{ z-index: 9999; margin: 0; float: none; } .header_box .navbar-toggle .icon-bar { background: #fff; } .header_box .icon-bar + .icon-bar { background: #fff; } .header_box .navbar { min-height: 0; } .header_box .navbar-inverse{ background: #000; } } /*----------- Fin cambio menu ----------*/ /*----------- Mascara curso -------------*/ .div-curso{ /*padding: 4px 4px 4px 4px;*/ position: relative; width: 100%; margin: 0; /*display: inline-table;*/ /*padding: 4px;*/ /*float: left;*/ display: block; overflow: hidden; max-height: 50vh; height: 300px; transition: all 160ms linear; -webkit-transition: all 160ms linear; } .div-curso img{ max-width: 100%; width: 100%; transition: all 0.8s ease; /*height: 220px;*/ height: 300px; } .text-mask{ /*opacity: 0;*/ transition: all 0.8s ease; display: table; width: 100%; height: 100%; position: relative; } .text-mask p{ display: table-cell; vertical-align: middle; padding: 15px; } .div-curso .mascara{ width: 100%; height: 100%; position: relative; overflow: hidden; } .div-curso .mascara a{ color: #fff; text-decoration: none; } .div-curso .mascara:hover img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .div-curso .mascara a:hover{ color: #fff !important; } .div-curso .mascara p{ color: #fff !important; } .div-curso:hover .mask{ background: rgba(255, 255, 255, 0); -webkit-transform: initial; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transform: initial; transition-timing-function: ease-out; transition-duration: 250ms; } .div-curso .mask { /*background: -webkit-gradient(linear, 1 -19, 0% 100%, from(rgba(16, 16, 16, 0.08)), to(#15140D));*/ /*background: rgba(0, 0, 0, 0.46);*/ position: absolute; z-index: 5; width: 100%; height: 100%; text-align: center; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; left: 0; /*padding-top: 195px;*/ /*** moddd ***/ text-transform: uppercase; font-weight: 500; overflow: hidden; cursor: pointer;font-size: 13px; transition-timing-function: ease-out; transition-duration: 300ms; } .div-curso.efecto-zoom:hover .imgsec2 { /*top: 65px;*/ } .div-curso.efecto-zoom:hover .imgsec2 { filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } /*------- fin mascara curso ---------*/ .fondo-celeste{ background: #e0eff6; color: #fff; /*border-radius: 1rem;*/ /*text-align: center;*/ } .fondo-celeste .titulos h4{ color: #52c9ff; } .fondo-celeste .titulos h2{ color: #fff; } .fondo-celeste .titulos:after { background-color: #52c9ff; } .cont-curso{ padding:0 4%; } .div-link{ position: absolute; height: 70px; /*width: 97.9%;*/ bottom: 0; z-index: 2; /*margin: 4px 0;*/ width: 100%; /*height: 60px;*/ position: absolute; left: 0; /*bottom: -70px;*/ bottom: 0; background: rgba(0, 0, 0, 0.9); z-index: 4; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .div-curso:hover .div-link{ bottom: 0; background: rgba(0, 0, 0, 0.9); /* background: #fff; */ height: 100%; } .div-link a{ text-decoration: none; outline: 0; width: 50%; display: block; float: left; color: #fff; display: block; font-size: 25px; line-height: 70px; width: 100%; text-align: center; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; display: table; height: 100%; } .div-link a:hover{ /*background: #0d5690;*/ color: #fff; } .div-link a span{ display: table-cell; vertical-align: middle; } .div-link a aside{ opacity: 0; position: absolute; bottom: 40%; left: 50%; background-color: transparent; /* text-transform: uppercase; */ display: table-cell; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border-radius: 10px; border: 1px dashed #ccc; white-space: nowrap; padding: 6px 12px; font-size: 25px; line-height: 1.5; display: table-cell; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); -webkit-transition: all 0.25s 0.1s; -o-transition: all 0.25s 0.1s; transition: all 0.25s 0.1s; font-family: 'FrankM'; } .div-link a:hover aside{ opacity: 1; } .text-curso{ margin-top: 4%; color: #fff } .text-curso p{ color: #79d5ff; } .text-curso a{ color: #fff; /*text-align: left;*/ } .text-curso a h3{ font-size: 22px; } /*---------------*/ .centrar-equipo{ float: none; display: inline-block; vertical-align: top; } .img-certi{ max-height: 80px; /*will-change: transform;*/ } .img-acred{ max-height: 50px; padding-right: 2px; /*will-change: transform;*/ } .img-ancho{ height: auto !important; width: 100%; } .img-ancho-medio{ /*height: auto !important;*/ /*width: 74%;*/ height: 75vh!important; margin: 0 auto; display: block; } /*----- politica -----*/ .centrar-politica{ float: none; vertical-align: top; } .centrar-politica .cont-eq { padding: 0; /*padding: 0% 2%;*/ cursor: pointer; display: table; /*height: 100%;*/ height: 100vh; /*height: 557px;*/ } .centrar-politica .text-eq { color: #696969; text-align: justify; display: table-cell; width: 50%; background: #fff; vertical-align: middle; /*padding: 0 3%;*/ height: 100%; padding: 5% 5%; } .div-imgpol{ height: 100%; width: 100%; /*width: 50%; display: table-cell; vertical-align: top; position: relative;*/ } /*.div-imgpol:before { content: ''; width: 100%; position: absolute; z-index: 1; background: rgba(0, 37, 84, 0.3215686274509804); mix-blend-mode: multiply; top: 0; left: 0; right: 0; height: 100%; }*/ .img-pol{ width: 100%; height: 100%; /*background-position: top !important; background-size: auto 100% !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; background-color: #efefef !important;*/ background-size: 50% !important; background-attachment: fixed !important; } /*------------- final curso ------------*/ /*-------- Buscar empresas -----------*/ .fondo-blanco{ background: white; padding: 4% 0; } .fondo-blanco p{ color: #000; /*margin-top: 2%;*/ /*margin: 2% auto 0;*/ } .fondo-blanco .div-doble div{ font-size: 15pt; color: #4e4e4e; } .fondo-blanco .div-doble div h1{ color: #108dbb; text-align: left; } .fondo-blanco .div-doble aside { display: table-cell; vertical-align: middle; width: 50%; } .fondo-blanco .btn-vermas{ border: 1px solid #1e93bf; color: #108dbb; font-size: 12pt; font-family: 'barlow'; } .fondo-blanco label { /*text-align: left; margin-bottom: 0; color: #636362;*/ } .fondo-blanco .input-group-addon{ /*border: 1px solid #f7f7f7;*/ } .fondo-blanco .form-control { /* color: #000; background-color: rgba(236, 236, 236, 0.54); border: 1px solid #f7f7f7; border-radius: 3rem;*/ } .fondo-blanco .form-control:focus{ border: 1px solid rgba(255, 136, 0, 0.45); } .fondo-blanco .btn-primary { color: #fff; background-color: #000000; border-color: #000000; } .fondo-blanco .btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #7b8288; border-color: #7b8288; } .cont-titres{ background: #2273b3; overflow: hidden; color: #fff; border-radius: 6px 6px 0 0; } .cont-titres .titulos:after { background-color: #ffffff; } .cont-resul{ display: table; width: 100%; } .titres{ display: table-cell; border-right: 0 !important; border: 1px solid #f1f1f1; color: #fff; } .titres h4{ padding: 16px 12px; background: #2273b3; margin: 0; } .titres-plomo{ background: #ececec; color: #000; padding: 16px 12px; } .cont-resul .titres:first-child{ border-left: 0; } .cont-resul .titres:last-child{ border-right: 0; } /*table { margin: 0; color: #666; font-size: 0.9em; background: #eaebec; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; margin-bottom: 0 !important; }*/ .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ padding: 1% 2%; } .table > thead > tr > th { vertical-align: middle; } table > thead > tr > th { background: #39b5d0; color: #fff; } table > thead > tr > td{ border-top: 1px solid #39b5d0; border-bottom: 1px solid #39b5d0; border-left: 1px solid #39b5d0; border-right: 1px solid #39b5d0; } table th { padding: 4px 8px; border-top: 1px dotted #39b5d0; border-bottom: 1px dotted #39b5d0; border-left: 1px solid #39b5d0; border-right: 1px solid #39b5d0; padding: 2px 8px; font-weight: 100; line-height: 1.2; transition: all 0.3s ease; } table tr { text-align: left; padding-left: 20px; } table td { padding: 4px 8px; border-top: 1px dotted transparent; border-bottom: 1px solid #bbbbbb; /* border-left: 1px solid #39b5d0; */ /* border-right: 1px solid #39b5d0; */ background: transparent; color: #000; line-height: 1.2; transition: all 0.3s ease; } table tr td:first-child{ background-color: #F5F5F5; width: 35%; } table tr.even td { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); } table tr:hover td, table tr:hover th{ background: #ececec; color: #000; } table thead tr:hover td, table thead tr:hover th { background: #424242; color: #fff; } .tabla-md{ width: 65%; margin: 0 auto; font-family: 'calibri'; } /*fin estilos visuales de la tabla*/ .table-container { width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em; } /* aÂ?«Ã?adimos las barras para dispositivos IOS */ .table-container::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; } .table-container::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); } .tabla-general .thead-default tr{ border-top: 1px solid #e0e0e0; } .tabla-general .thead-default tr th{ background: #2273b3; color: #fff; padding: 1% 2% !important; border: 1px solid #e0e0e0; } .tabla-general .thead-default tr th:first-child{ border-left: 0px; } .tabla-general .thead-default tr th:last-child{ border-right: 0px; } .tabla-izq th{ background: #2273b3; color: #fff; } .detcurso{ margin-top: 3%; } .detcurso .text-curso p { color: #3890d6; } .detcurso .text-curso a { color: #444; overflow: hidden; display: block; } .detcurso .text-curso a h3 { margin: 4px 0; } .detcurso .div-curso .mask { /*background: -webkit-gradient(linear, 1 -19, 0% 100%, from(rgba(16, 16, 16, 0.08)), to(#ffffff));*/ } .detcurso.col-md-1, .detcurso.col-md-2,.detcurso.col-md-3, .detcurso.col-md-4, .detcurso.col-md-5, .detcurso.col-md-6, .detcurso.col-md-7, .detcurso.col-md-8, .detcurso.col-md-9, .detcurso.col-md-10, .detcurso.col-md-11, .detcurso.col-md-12{ float: none; display: inline-block; vertical-align: top; padding: 0 12px; } .titnegro{ background: #000000; color: #ffffff; margin: 0 !important; padding: 4% 2%; } .titnegro.titulos:after { background-color: #000000; } .fondo-ult{ background: #f5f5f5; padding: 1%; } .textoser{ width: 100%; margin: 0; text-align: justify; color: #000; } .divproc.detcurso .div-curso .mask { background: transparent; } .divproc .div-curso:hover .div-link { background: #000; } .divproc .div-link a{ color: #ffffff; } .divproc .div-link{ text-align: center; color: #fff; text-decoration: none; outline: 0; width: 50%; display: block; float: left; color: #3890d6; font-size: 25px; line-height: 70px; width: 100%; text-align: center; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .divproc .div-link a h3{ margin: 0; vertical-align: middle; display: inline-block; } .divproc .div-link h3{ margin: 0; vertical-align: middle; display: inline-block; color: #fff; } .divproc .div-link a h3 p{ font-size: 0.6em; } .divproc .div-link h3 p{ font-size: 0.6em; } .divproc .div-curso img { width: 0; height: 0; } .btn-descargar{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; border-radius: 8px; border: 0; background: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #fff; font-size: 16px; display: inline-block; background-color: #034087; vertical-align: middle; padding: 12px 30px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .btn-descargar:hover { -webkit-animation: pulse 1400ms linear; -moz-animation: pulse 1400ms linear; -o-animation: pulse 1400ms linear; -ms-animation: pulse 1400ms linear; animation: pulse 1400ms linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #000; color: #fff; } .btn-descargar:focus { background-color: #000; color: #fff; } .btn-descargar i { padding: 0 0 0 7px; } /**/ .iconos-nav{ float: right; position: relative; height: 100%; top: 54px; } .iconos-nav span{ color: #fff; /*font-family: 'itfranklindemi';*/ padding: 0 16px; } .iconolast span{ color: #fff; /*font-family: 'itfranklindemi';*/ font-size: 22px; } .fondo-divs{ background: #ccc; padding-bottom: 5%; } .fondo-divs .container{ margin-top: -8%; z-index: 99; position: relative; } .btn-divs{ background-color: #3890d6cf; color: #fff; padding: 6px 25px; border-radius: 18px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .btn-divs:hover{ background: #002a61; color: #fff; } .tit-rayadob{ text-align: center; position: relative; } .tit-rayadob:before{ content: ''; height: 1px; width: 41%; background: #fff; position: absolute; left: 0; top: 10px; } .tit-rayadob h3{ color: #fff; margin: 0; } .tit-rayadob:after{ content: ''; height: 200%; width: 1px; background: #fff; position: absolute; left: 0; top: 10px; } .poste{ position: relative; margin-top: 54px; } .tit-rayadob-libre{ position: absolute; width: 100%; right: 0; bottom: 0; } .tit-rayadob-libre span{ display: inline-block; margin: 0; } .tit-rayadob-libre:after{ content: ''; height: 200%; width: 1px; background: #fff; position: absolute; right: 15px; top: -31px; } .tit-rayadob-libre:before{ content: ''; height: 1px; width: 41%; background: #fff; position: absolute; right: 15px; top: 10px; } .titulo-img section{ display: inline-block; position: relative; padding: 20px; } .titulo-img h1{ font-family: "ptsans"; z-index: 2; position: relative; color: #fff; padding: 0 10px 20px; } .titulo-img{ position: relative; } .titulo-img span:before{ content: ''; width: 100%; height: 100%; /* border: 2px solid #555; */ background: #002a61; -moz-border-radius: 100px 100px 0 0; -webkit-border-radius: 0 0 100px 100px; border-radius: 0 0 100px 100px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .raya-der{ position: absolute; width: 100%; right: 0; height: 100%; top: 0; } .raya-der:before { content: ''; height: 1px; width: 30%; background: #fff; position: absolute; right: 15px; top: 15px; } .raya-der:after { content: ''; height: 90%; width: 1px; background: #fff; position: absolute; right: 15px; top: 15px; z-index: 9999; } .raya-izq{ position: absolute; width: 100%; left: 0; height: 100%; top: 0; } .raya-izq:before{ content: ''; height: 90%; width: 1px; background: #fff; position: absolute; left: 15px; bottom: 15px; z-index: 1; } .raya-izq:after{ content: ''; height: 1px; width: 30%; background: #fff; position: absolute; left: 15px; bottom: 15px; z-index: 1; } .raya-abajo{ /* position: absolute;*/ width: 100%; /* left: 0; height: 100%; bottom: 0; z-index: -1; */ } .raya-abajo{ position: relative; z-index: 1; } .raya-abajo:before { content: ''; height: 1px; width: 97%; background: #e3e9ec; position: absolute; left: 15px; bottom: -5px; z-index: 0; } .fondo-contac{ /*background-image: url(../img/fondo-contacto.png);*/ background-size: cover; height: 100%; padding: 3% 0; position: relative; } .fondo-contacto h3 b{ /*font-family: 'itfranklindemi';*/ } .titulo-azul{ color: #012c6f; /*font-size: 25pt;*/ /*background: #00417b;*/ /*padding: 6px 20px;*/ margin: 0; font-weight: bold; } .fondo-contacto{ height: 100vh; padding-top: 100px; position: relative; } .form-azul{ /*padding: 5% 4%;*/ } .form-azul label{ color: #000; } .form-azul .form-control{ background: transparent; border: 0; border-radius: 0rem !important; margin-bottom: 6px; color: #000000; height: 25px !important; border-bottom: 1px solid #000; letter-spacing: 1px; } .form-azul .input-group-addon,.form-azul .input-group-btn{ vertical-align: top; } .form-azul .form-control::placeholder:{ color: #949494; } .form-azul .form-control:-ms-input-placeholder : { color: #949494; } .form-azul .form-control::-webkit-input-placeholder { color: #949494; } .form-azul .form-control::-moz-placeholder { color: #949494; } .btn-azul2{ display: inline-block; background: #f07d00; color: #fff; border: 1px solid #f07d00; /*width: 100%;*/ /*padding: 15px 25px;*/ padding: 8px 10%; border-radius: 0; font-size: 17pt; letter-spacing: 1px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-azul2 span:before{ font-size: 15px; padding-left: 5px; } .btn-azul2:hover, .btn-azul2:focus{ background: #ffffff; color: #f07d00; } .btn-for{ background: transparent; height: 50px; border-radius: 0 8px 8px 0; padding: 0 6px; border: 0; width: 20%; margin-left: -20%; vertical-align: middle; display: inline-block; z-index: 4; position: relative; float: right; } .btn-for span:before{ font-size: 35px !important; text-align: center; color: #fff; padding: 0px 8px; margin-left: 0; } .btn-for:hover, .btn-for:focus, .btn-for:active{ color: #fff; background-color: #000; border-color: #000; } .mapa { width: 100%; /*height: 100%;*/ height: 500px; /*position: absolute;*/ /* top: 0; z-index: -1;*/ } .img-line{ width: 100%; max-width: 100%; display: block; padding-top: 30px } .menu-circular{ position: fixed; bottom: 0px; z-index: 999; width: 100%; } .contenedor-absoluta{ position: absolute; top: 21%; /* left: 25%; */ z-index: 999; /* height: 100%; */ text-align: center; /* right: 0; */ width: 100%; } .contenedor-absoluta article{ width: 50%; color: #4c4c4c; } .contenedor-absoluta section{ /*width: 30%;*/ float: right; } .btn-galeria{ border: 2px solid transparent; display: inline-block; background: #6a0d94; padding: 15px 20px; color: #fff; font-size: 22px; margin-top: 12%; } .btn-galeria:hover, .btn-galeria:focus{ border: 2px solid #8800c4; background: transparent; color: #8800c4; } .btn-galeria i{ display: block; margin-bottom: 14%; } .btn-galeria i:before{ background: transparent; padding: 16px 36px; border-radius: 15px; font-size: 48px; color: #0071bc; border: 8px solid #0071bc; } .contenido-pagina{ /*position: absolute; top: 150px; left: 0; right: 0;*/ /*bottom: 0;*/ /*width: 100%;*/ /*height: 100%;*/ /*z-index: 9;*/ /*height: 43vh;*/ /*overflow-x: hidden;*/ /*height: 100vh;*/ padding-top: 100px; position: relative; } .texto-n{ width: 80%; } .titulos2{ background: #656565; color: white; padding: 15px; text-align: center; } .titulos2 h4{ color: #000; /*font-family: Humnst777CnBT;*/ /*font-weight:700; */ font-family: FrankD; text-align: center; /*font-size: 15px;*/ margin-top: 2px; } .titulos2 span{ color: #00ade5; font-weight: 100; display: block; } .titulos3{ position: absolute; top: 42px; left: 40px; color: #728997; /*font-family: impact;*/ font-size: 30px; text-align: left; line-height: 40px; } .titulos3 span{ display: block; color: #18b3da; font-family: 'Hum777Lt'; font-size: 26px; } .titulos3 i{ font-family: Humnst777CnBT; color: #0672b6; font-style: normal; font-size: 30px; font-weight: 600; } .titulos3 font{ color: #01acef; } .titulos3.titnos{ top: 6%; right: 36%; font-size: 45px; text-align: right; line-height: 49px; } .titcontt { line-height: 28px; } .titulo-serv{ color: #0072c7; font-family: Humnst777CnBT; font-size: 15px; margin: 0; line-height: 20px; } .titulo-serv span{ color: #38cdfd; } .divic figure{ margin-bottom: 8px; } .proydiv{ padding: 0 30px; } .pag-contact{ display: table; width: 100%; height: 100%; } .pag-contact figure{ width: 50%; display: table-cell; vertical-align: middle; position: relative; height: 100%; } .pag-contact aside{ width: 50%; padding: 0 6%; display: table-cell; vertical-align: middle; position: relative; } .pag-contact figure .seccion-banner{ height: 100%; } .direcc{ text-align: center; margin-top: 2%; font-family: "DINM"; font-size: 17px; color: #888888; } .direcc img{ height: 45px; } .direcc a{ display: inline-block; vertical-align: top; color: #4e4e4e; padding: 2px 15px 0; /*font-size: 14px;*/ /*line-height: 15px;*/ } .direcc a span:before{ background: #a7a7a7; padding: 8px; border-radius: 50%; color: #fff; font-size: 13px; transition: all 0.4s; } .direcc a:hover span:before{ background: #e4ba3a; padding: 8px; border-radius: 50%; color: #fff; font-size: 13px; } .modal-dialog.modal-xl { margin-top: 6%; } .modal-header .close { margin-top: -2px; position: absolute; top: -60px; right: 0; font-size: 40pt; font-weight: 100; text-shadow: none; color: #fff; font-family: initial; opacity: 1; } .modal-header { margin: 0; padding: 0; background: #fff; border-bottom: 0px solid #e5e5e5; border-radius: 8px 8px 0 0; color: #000; text-align: center; min-height: 0; } .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img{ /*background-position: top center !important;*/ } .titcontt{ top: 15px; } .tit-form { display: inline-block; width: 100%; border-bottom: 1px solid #0771b8; position: relative; margin-bottom: 15px; font-family: Humnst777CnBT; } .tit-form h4 { display: inline; vertical-align: top; width: 50%; border-radius: 4px; border: 1px solid #0771b8; border-bottom: 2px solid transparent; padding: 4px 12px 2px 12px; margin-right: 6px; color: #00ade5; line-height: 1.5; cursor: pointer; } .color { background: #0771b8; color: #fff !important; } .modal-backdrop.in { filter: alpha(opacity=90); opacity: .9; } .rev_slider{ height: 100% !important; } .linea-amaplo{ width: 100%; position: relative; display: table; display: flex; height: 8px; overflow: hidden; } .linea-amaplo span:first-child{ background: #fff; width: 30%; display: table-cell; display: -ms-flexbox; } .linea-amaplo span:last-child{ background: #e11519; width: 70%; display: table-cell; display: -ms-flexbox; } .linea-amaplo i:first-child{ background: #e11519; width: 70%; display: table-cell; display: -ms-flexbox; } .linea-amaplo i:last-child{ background: #fff; width: 30%; display: table-cell; display: -ms-flexbox; } .img-pie{ width: auto; margin: 4px auto; /* margin-top: 25%; */ /* display: block; */ width: 100%; } .img-pie2{ margin: 4px auto; width: 80%; /*max-height: 30px;*/ } .btn-ver{ background: transparent; padding: 10px 6%; border-radius: 0; border: 1px solid #f07d00; font-size: 12pt; color: #f07d00; display: inline-block; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .btn-ver:hover, .btn-ver:focus{ background: #f07d00; border: 1px solid #f07d00; color: #fff; } .btn-ver2{ background: #f07d00; padding: 8px 10%; border-radius: 0px; border: 1px solid #f07d00; color: #fff; display: inline-block; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .btn-ver2:hover, .btn-ver2:focus{ background: transparent; border: 1px solid #f07d00; color: #f07d00; } #demo1 .owl-carousel .owl-item:hover .btn-ver,.btn-ver:focus{ /* background: #e4ba3a; color: #728997; font-weight: 700;*/ } #demo1 .owl-carousel .owl-item:hover .btn-ver2, .btn-ver2:focus{ /* background: #e4ba3a; color: #728997; font-weight: 700;*/ } .tit-gama-ambar{ background: #e4ba3a; padding: 20px; display: block; color: #fff; font-size: 28px; font-weight: 700; font-family: "DINB"; } .tit-gama-acero{ background: #728a98; padding: 20px; display: block; color: #fff; font-size: 28px; font-weight: 700; font-family: "DINB"; } .fondo-inicio article{ width: 50%; margin: 0 auto; text-align: center; padding: 3% 0; color: #000; /*text-shadow: 1px 1px 4px #d0d0d0;*/ } .line{ /*border: 1px dashed #000;*/ border-image: url(../img/line.png); border-image-slice: 3; border-image-repeat: round; } .tit-car{ font-family: "DINM"; font-size: 16px; } /*.rev_slider .tp-caption h1{ font-family: "QuicksandBold"; }*/ .grupo-buscar { width: 240px; /*position: absolute;*/ font-family: 'nexa'; top: 0; right: 0; margin-right: 5%; float: right; } .grupo-buscar .form-control { border-color: #fff; /*border-bottom: 1px solid #8c8c98;*/ border-radius: 12px !important; font-size: 22px; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; background: transparent; text-align: center; color: #8c8c98; margin-left: -46px; padding-left: 44px; height: 46px; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .grupo-buscar .btn-default { border-radius: 0; background-color: transparent; border-color: transparent; color: #8c8c98; padding: 2px 8px; /*margin-left: -40px;*/ z-index: 9; } .grupo-buscar .btn-default:before{ font-size: 30px; } #resultado { display: none; border: solid 1px #dadada; position: absolute; z-index: 9000; width: 100%; right: 0; background: #fff; top: 100%; box-shadow: 0px 0px 4px #000000; max-height: 400px; overflow-y: scroll; /* transform-origin: 0% 100%; transform-origin: 100% 0%; transition: 0.5s;*/ } .cont_buscador{ position: relative; display: block; padding: 10px; } .cont_buscador a{ display: table; width: 100%; color: #000; font-size: 15px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .cont_buscador .img_buscador{ display: table-cell; vertical-align: middle; width: 40%; text-align: center; } .cont_buscador .img_buscador img{ width: auto; max-height: 60px; margin: 0 auto; } .cont_buscador .text_buscador{ display: table-cell; vertical-align: middle; width: 60%; } span.text_buscador_vacio{ padding: 15px 10px; display: block; color: #728997; } .cont_buscador:hover a{ color: #e11519; } #resultado::-webkit-scrollbar { width: 8px; background-color: #000; } #resultado::-webkit-scrollbar-track { background-color: #fff; border-radius: 10px; } #resultado::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #FFF; background: #000; /*background-image: -webkit-linear-gradient(top, rgb(7, 110, 183) 0%, rgb(56, 139, 222) 50%, rgb(14, 133, 228) 51%, #217ec1 100%);*/ } .div-logo a{ display: block; text-align: center; /*position: relative;*/ /*padding-bottom: 15px*/ } .text-logo{ position: absolute; right: -85%; /*left: 100%;*/ bottom: 5px; color: #004e9c; font-weight: 700; } /* producto */ .banner-int { position: relative; height: 115px; } .banner-int img{ width: 100%; } .indicator { font-family: 'QuicksandBold'; font-weight: 400; font-size: 1.4rem; line-height: 1.4rem; /*display: inline-table;*/ display: inline-block; position: absolute; top: -35px; background-color: #0181be; width: 50%; text-align: center; color: #fff; z-index: 2; min-height: 70px; vertical-align: middle; padding: 17px 25px 12px; } .indicator span{ font-family: 'Quicksand'; } .indicator b{ padding: 5px 10px; background: #004e9c; font-style: normal; } .indicator h3 { margin: 0; vertical-align: middle; /*display: table-cell;*/ text-align: right; font-size: 30px; } .c-prod { /*text-align: center;*/ margin-top: 15px; margin-bottom: 8%; } .div-cate { display: inline-table; width: 43.2%; text-align: left; /* margin: 25px 10px 5px 5px; */ margin: 25px 35px; background: #fff; padding: 20px 25px; border-radius: 8px; } .c-prod a { text-decoration: none; display: block; } .prod-img { display: table-cell; /* vertical-align: middle; */ padding-right: 15px; text-align: center; position: relative; } .prod-img img { max-height: 190px; width: 100%; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .prod-img span{ position: absolute; right: 20%; top: 0; z-index: 3; background: #066eb7; padding: 5px 10px; color: #fff; } .prod-text { display: table-cell; vertical-align: top; padding-left: 5px; width: 70%; position: relative; } .prod-text aside{ color: #737373; line-height: 15px; /*min-height: 170px;*/ } .prod-text aside li { list-style: none; padding-left: 15px; position: relative; } .prod-text aside li:before { content: ''; background: #737373; width: 5px; height: 5px; position: absolute; border-radius: 50%; left: 0; top: 5px; } .prod-text aside li span{ /* padding-left: 16px; position: relative; display: block; margin-top: -16px;*/ } .div-cate h3 { margin: 0 0 8px 0; font-size: 20px; color: #000000; display: block; /*top: 0;*/ /*position: absolute;*/ } .div-cate p { text-align: justify; height: 45px; line-height: 15px; overflow: hidden; color: #646464; } .div-cate:hover img{ transform: scale(1.1); } .div-cate .btn-ver { /* position: absolute; bottom: 0;*/ margin-top: 10%; } .div-cate:hover .btn-ver { background: #728997; color: #ffffff; } .div-cate .btn-ver span:before { padding-left: 15px; font-size: 15px; color: #1393ce; } .fondo-pagina li{ list-style: none; } .fondo-pagina li:before { font-family: icono; content: "\f101"; padding-right: 8px; font-size: 9px; } .tab-prod, .tab-prod th, .tab-prod tr, .tab-prod td { text-align: center; vertical-align: middle !important; border-color: #c3c3c3 !important; font-size: 1em; } .table-responsive { min-height: .01%; overflow-x: auto; } .table-bordered { border: 1px solid #ddd; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 10px; line-height: 1.42857143; vertical-align: top; border: 1px solid #ddd; border-top: 0; } .table-striped thead th{ color: #fff; } .table-striped thead{ background: #e4ba3a; } .tabla-mitad{ width: 50%; display: table-cell; } .div-deslizador{ border: 6px solid #FFC107; border-radius: 2rem; background: #ffc107; } .desliz{ background: transparent; padding: 15px 15px; color: #000; display: table; width: 100%; cursor: pointer; /*border-bottom: 1px solid #000;*/ } .desliz h3{ display: table-cell; vertical-align: middle; font-size: 17px; width: 95%; } .desliz h4 { display: inline-block; vertical-align: middle; font-size: 18pt; /* width: 95%; */ margin: 0; background: #39b5d0; padding: 15px 5%; border-radius: 1rem; color: #fff; line-height: 1; margin-top: -3%; width: 60%; } .desliz i { display: inline-block; vertical-align: middle; text-align: center; font-size: 18px; } .desliz span{ display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; } .cat-deslizado{ margin-bottom: 2%; } .cont-desliz { padding: 15px; } .div-deslizador.active{ background: #fff; } /*.div-deslizador.active .desliz{ background: #39b5d0; color: #fff; border-bottom: 0px solid #000; }*/ .div-deliz{ background: #424242; border: 2px solid #424242; padding: 15px 15px; color: #fff; display: table; width: 100.1%; cursor: pointer; border-radius: 8px; } .div-deliz h3{ display: table-cell; vertical-align: middle; /*font-size: 17px;*/ /*font-weight: bold;*/ } .div-deliz span{ display: table-cell; vertical-align: middle; text-align: right; } .div-deliz span:before{ padding-left: 10px; } .div-delizado{ border-top: 0 !important; padding: 15px; border-radius: 0px 0px 8px 8px; } .div-delizado p{ margin-top: 0 !important; } .div-delizador.active .div-delizado{ border: 2px solid #39b5d0; } .div-delizador.active .div-deliz{ background: #39b5d0; border: 2px solid #39b5d0; color: #ffffff; border-radius: 8px 8px 0 0px; } .desliz.ancho h4{ width: 90%; } .fondo-azul { background: #00316e; color: #fff; text-align: center; } .tit-qui{ font-family: 'QuicksandBold'; } .div-ben { display: inline-table; width: 29%; color: white; margin: 10px 25px; } .div-ben span.iconi-ubicacion { text-align: center; display: block; color: #e4ba3a; } .div-ben span:before { font-size: 44px; margin-bottom: 15px; margin-top: 15px; } .div-ben h4{ text-transform: uppercase; color: #e4ba3a; text-align: center; } .div-ben p{ text-align: justify; } .fondo-plomo2{ background: #E6E6E6; overflow: hidden; } .fondo-plomo2 ul{ padding-left: 15px; } /*.fondo-plomo2 img{ max-height: 800px; }*/ .fondo-white{ padding: 10% 0 0; /*text-align: center;*/ } .icono-producto{ display: block; position: absolute; top: -35px; right: 5%; } .icono-producto:before{ font-size: 90px !important; color: #ececec; } .categ-urology .indicator{ background: #7cb71c; } .categ-weight .indicator{ background: #1076bb; } .categ-gastro .indicator{ background: #895c36; } .categ-dermatology .indicator{ background: #a467ab; } .categ-kidney .indicator{ background: #00a4b1; } .categ-joint .indicator{ background:#e8840c; } .cat-perro .table-striped thead { background: #acaaab; } .fondo-white .div-ben h4 { color: #728997; } .fondo-white .div-ben p { color: #757575; } .fondo-categ{ background: #ececec; } .categ-slide{ margin-bottom: 15px; } .categ-slide section{ padding: 15px; background: transparent; color: #6f6f6f; font-size: 25px; text-align: left; text-transform: capitalize; cursor: pointer; } .categ-slide section h3{ margin: 0; } .categ-slide section h3 span:before{ color: #770000; } .categ-slide.categ-urology .cat-deliz{ background: #7cb129; } .categ-slide.categ-weight .cat-deliz{ background: #1277bd; } .categ-slide.categ-joint .cat-deliz{ background: #e27f09; } .categ-slide.categ-kidney .cat-deliz{ background: #5c9eae; } .categ-slide.categ-dermatology .cat-deliz{ background: #90639c; } .categ-slide.categ-gastro .cat-deliz{ background: #7c5d2f; } .clase-felina.indicator{ background-color: #e4ba3a; } .clase-canina.indicator{ background-color: #a7a7a7; } .fondo-categoria{ background: #ececec; } .tit-rosa{ background-color: #b3456f; color: #FFF; position: relative; display: inline-block; padding: 10px 20px 10px 15px; overflow: hidden; font-weight: 700; font-size: 14px; text-transform: uppercase; margin: 13px 0 22px; -webkit-transform: rotate(360deg); } .tit-rosa:before{ content: ""; right: 0; left: auto; top: 50%; margin-top: -33px; border-left: 10px solid #b3456f; border-top: 33px solid #FFF; border-bottom: 33px solid #FFF; height: 0; width: 0; position: absolute; -webkit-transform: rotate(360deg); } .tit-rosa.cplomo{ background-color: #728997; } .tit-rosa.cplomo:before{ border-left: 10px solid #728997; border-top: 33px solid #FFF; border-bottom: 33px solid #FFF; } .contenedor-listas article{ margin: 0 10% 15px 0; width: 45%; display: inline-block; vertical-align: middle; position: relative; } .contenedor-listas .listas0 section{ color: #000; text-align: center; padding: 15px; cursor: pointer; } .contenedor-listas .listas0 section h4{ margin: 0; } .listas0{ text-align: center; margin: 0 0 1px; padding-bottom: 15px; } .contenedor-listas article:before{ content: ""; display: block; width: 28px; height: 28px; background: url(../img/flechas.png) no-repeat #b3456f; position: absolute; top: 50%; left: auto; right: -15%; margin-top: -14px; } .contenedor-listas .listas0:nth-child(1) { background-color: #b74e76; } .contenedor-listas .listas0:nth-child(2) { background-color: #bb587d; } .contenedor-listas .listas0:nth-child(3) { background-color: #be6185; } .contenedor-listas .listas0:nth-child(4) { background-color: #c26a8c; } .contenedor-listas .listas0:nth-child(5) { background-color: #c67493; } .contenedor-listas .listas0:nth-child(6) { background-color: #ca7d9a; } .contenedor-listas .listas0:nth-child(7) { background-color: #ce86a1; } .contenedor-listas .listas0:nth-child(8) { background-color: #d18fa9; } .contenedor-listas .listas0:nth-child(9) { background-color: #d599b0; } .contenedor-listas .listas0:nth-child(10) { background-color: #d9a2b7; } .cont-imgprin:before, .cont-imgprin:after,.div-teprinc:before, .div-teprinc:after{ content: '\0020'; display: block; clear: both; width: 0; height: 0; visibility: hidden; overflow: hidden; } .cont-imgprin{ max-width: 75rem; position: relative; width: 100%; max-width: 1024px; max-width: 102.4rem; min-width: 320px; min-width: 32rem; margin: 0 auto; } .img-prin{ display: block; width: 100%; max-width: 512px; max-width: 51.2rem; margin: 150px auto 0px; margin: 15rem auto 0rem; } .spanleft{ display: none; } .txtTAcontainer { position: absolute; float: right; text-align: center; /*font-family: "Helvetica";*/ font-size: 14px; font-size: 1.4rem; line-height: 15px; line-height: 1.5rem; color: #000; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); opacity: 0; -webkit-transition: opacity 0.6s linear; -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transition: opacity 0.6s linear; } .lineTA { position: absolute; width: 0px; height: 0px; -webkit-transition: width 0.8s linear,height 0.8s linear; -moz-transition: width 0.8s linear,height 0.8s linear; -o-transition: width 0.8s linear,height 0.8s linear; -ms-transition: width 0.8s linear,height 0.8s linear; transition: width 0.8s linear,height 0.8s linear; } .txtTAcontainer.show { opacity: 1; } #txtTA05 { width: 224px; left: 88px; /*top: 128px;*/ bottom: 460px; text-align: right; } #lineTA05 { right: 700px; bottom: 470px; background: url(http://www.dezain.com.pe/virbac/cms/images/images/linea-izq1.png) no-repeat right bottom; } #lineTA05.show { width: 224px; height: 120px; } #txtTA04 { width: 224px; left: 55px; /*top: 628px;*/ bottom: -35px; text-align: right; } #lineTA04 { right: 730px; bottom: -28px; background: url(http://www.dezain.com.pe/virbac/cms/images/images/linea-izq1.png) no-repeat right bottom; } #lineTA04.show { width: 224px; height: 120px; } #txtTA03 { width: 224px; left: 685px; /*top: 105px;*/ bottom: 515px; text-align: left; } #lineTA03 { left: 670px; bottom: 480px; background: url(http://www.dezain.com.pe/virbac/cms/images/images/linea-der2.png) no-repeat left bottom; } #lineTA03.show { width: 224px; height: 120px; } #txtTA02 { width: 224px; left: 750px; /*top: 640px;*/ bottom: -95px; text-align: left; } #lineTA02 { left: 730px; bottom: -20px; background: url(http://www.dezain.com.pe/virbac/cms/images/images/linea-der2.png) no-repeat left bottom; } #lineTA02.show { width: 224px; height: 120px; } .ancho-tabla { width: 49%; display: inline-block; vertical-align: top; } .desliz-azul{ background: #e4ba3a; display: block; color: #fff; padding: 10px; cursor: pointer; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } .desliz-azul:hover{ background: #7e919d; } .desliz-azul h3{ margin: 0; } .fondo-susc{ /*background: url('../img/fondo-sus.jpg');*/ /*background-size: cover;*/ color: #fff; padding: 2% 0; /*background-attachment: fixed;*/ background: #f07d00; } #correosus{ background: transparent; height: 50px; border-radius: 0px; font-style: normal; color: #ffffff; width: 80%; display: inline-block; vertical-align: middle; width: 100%; z-index: 1; font-size: 16pt; } #correosus:focus{ border-color: #020303; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(103, 13, 13, 0.35), 0 0 8px rgba(148, 23, 23, 0.65); box-shadow: inset 0 1px 1px rgba(90, 15, 15, 0.56), 0 0 8px rgba(123, 73, 73, 0.6); } #correosus::placeholder:{ color: #fff; } #correosus:-ms-input-placeholder : { color: #fff; } #correosus::-webkit-input-placeholder { color: #fff; } #correosus::-moz-placeholder { color: #fff; } #demo{ padding: 0; } .fondo-cursocar{ background: #404040; padding: 5% 0; } .fondo-cursocar .efecto-zoom:hover .mascaranegra span { transform: translate(-50%, 90%); } .owl-carousel .icono-prev{ margin-left: 0px; } .owl-carousel .icono-next{ margin-right: 0px; } /*.owl-carousel:hover .icono-prev{ margin-left: 30px; } .owl-carousel:hover .icono-next{ margin-right: 30px; } */ .owl-carousel .icono-prev{ color: #fff; /*background: rgba(121, 121, 121, 0.5);*/ padding: 5px; opacity: 1; } .owl-carousel .icono-next{ color: #fff; /*background: rgba(121, 121, 121, 0.5);*/ padding: 5px; opacity: 1; } .owl-carousel .icono-next:before, .owl-carousel .icono-prev:before{ font-size: 25px; font-weight: 100; } .rayas-largas{ background-image: url('../img/rayas.png'); background-size: contain; background-origin: content-box; position: relative; width: 90%; height: 6px; margin: 15px auto; } .fondo-inicio{ position: relative; } .imghome{ position: absolute; bottom: -163px; left: 0; z-index: 2; } .texto-solo{ /*font-family: 'FrankD';*/ /*font-style: italic;*/ text-align: center; font-size: 20px; } /************ div flotante **************/ #div-flotante { top:25%; position: fixed; width: 350px; visibility: hidden; z-index: 999999; right: -317px; visibility: visible; } .popup-header { background-color: #971628; border-color: #971628; width: 35px; margin-top: 27%; float: left; height: 176px; border-radius: 4px 0 0 4px; padding: 0px; padding: 10px 5px 5px 10px; border: 1px solid #971628; cursor: pointer; } .popup-title { color: #fff; writing-mode: tb-rl; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); white-space: nowrap; display: block; padding: 5px; writing-mode: horizontal-tb !important; } .popup-content { width: auto; padding: 5px 15px 15px; width: 90%; max-width: 100%; overflow-x: hidden; overflow-y: hidden; height: auto; background-color: #fefefe; border: 1px solid hsl(0, 0%, 92%); } #div-flotante p{ color: #fff; line-height: normal; font-weight: 700; font-size: 10px; margin-bottom: 0; } #div-flotante h3,#div-flotante h4,#div-flotante h5{ color: #971628; text-align: center; } /************ div flotante **************/ @-webkit-keyframes cs_tittles { 2.0833333333333335%{ opacity: 0; -webkit-transform: translateX(-100%);} 25.41666666666667% { opacity: 1; -webkit-transition: .2s opacity .0s ease, .2s -webkit-transform .2s ease; -webkit-transform: translateY(0);} 95%,100% { -webkit-transform: translateY(0);opacity: 1; } } @-moz-keyframes cs_tittles { 2.0833333333333335%{ opacity: 0; -moz-transform: translateX(-100%);} 25.41666666666667% { opacity: 1; -moz-transition: .2s opacity .0s ease, .2s -moz-transform .2s ease; -moz-transform: translateY(0);} 95%,100% { -moz-transform: translateY(0);opacity: 1; } } @-o-keyframes cs_tittles { 2.0833333333333335%{ opacity: 0; -o-transform: translateX(-100%);} 25.41666666666667% { opacity: 1; -o-transition: .2s opacity .0s ease, .2s -o-transform .2s ease; -o-transform: translateY(0);} 95%,100% { -o-transform: translateY(0);opacity: 1; } } @keyframes cs_tittles { 2.0833333333333335%{ opacity: 0; transform: translateX(-100%);} 25.41666666666667% { opacity: 1; transition: .2s opacity .0s ease, .2s transform .2s ease; transform: translateY(0);} 95%,100% { transform: translateY(0);opacity: 1; } } .div-flotante{ position: fixed; bottom: 20px; right: 10px; z-index: 9; color: #000; /*overflow: hidden;*/ } .icono-flotante{ display: block; background: #64b161; padding: 10px; border-radius: 50%; box-shadow: 1px 2px 5px rgba(100, 99, 99, 0.45); } .icono-flotante img{ width: 35px; } .texto-flotante{ /*display: none;*/ opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-animation: cs_tittles 15000ms infinite -1400ms ease; -moz-animation: cs_tittles 15000ms infinite -1400ms ease; animation: cs_tittles 15000ms infinite -1400ms ease; } /************** pestaÂ?«Ã?as curso **************/ .tab_bg{ /* position: relative; width: 80%; box-shadow: 0px 0px 6px #B5B5B5; border-radius: 4px; float: left; background: #fff; padding: 3% 5%; margin-left: 20px; overflow: hidden; background: #fff; padding: 3% 1%; border-bottom: 1px solid #4f7a2d; */ } .tab_bg article{ /*overflow-y: auto;*/ /*overflow: scroll;*/ /*transform: translateY(100%);*/ /* transition-delay: 25ms,0s; transition-duration: .3s,0s;*/ transition-delay: 0ms,0s; transition-duration: .8s,0s; transition-property: transform,visibility; transition-timing-function: ease-in-out; visibility: visible; display: none; } .tab_bg article.transform{ transform: translateY(0%); } .tab_bg article.of-transform{ transform: translateY(100%); } .tabs{ /* display: table; width: 17%; margin-top: 1%; float: left;*/ margin: 0; padding: 0; padding-top: 20px; height: 60px; max-height: 60px; box-sizing: border-box; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: stretch; align-content: center; justify-content: space-between; } .tabs li{ /* display: block; margin: 8px 0; text-align: center; float: left; width: 100%; text-decoration: none; position: relative;*/ width: 50%; height: 100%; outline: none; display: block; font-size: 1.4rem; border-width: 1px; max-height: 100%; line-height: 40px; text-align: center; text-decoration: none; box-sizing: border-box; color: #606060; border-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; border-bottom-color: #4f7a2d; background-color: transparent; -webkit-transition: ease-in-out 250ms border-color, ease-in-out 250ms color; -moz-transition: ease-in-out 250ms border-color, ease-in-out 250ms color; -ms-transition: ease-in-out 250ms border-color, ease-in-out 250ms color; -o-transition: ease-in-out 250ms border-color, ease-in-out 250ms color; transition: ease-in-out 250ms border-color, ease-in-out 250ms color; } /*.tabs li a:before{ position: absolute; content: ''; width: 0; height: 0; top: 38%; right: -6px; border: 4px solid transparent; border-right: 8px solid #971628; border-bottom: 8px solid #971628; opacity: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 9; } */ .tabs li a { color: #606060; font-weight: 100; /*font-weight: 700;*/ display: block; /*width: 100%; padding: 10px 0; background: #fff; color: #737373; box-shadow: 0px 0px 6px #949494; border-radius: 6px;*/ } .tabs li.active{ border-top-color: #4f7a2d; border-left-color: #4f7a2d; border-right-color: #4f7a2d; border-bottom-color: transparent; } .tabs li.active a{ color: #4f7a2d; font-weight: 500; } .tabs li:first-child { border-top-left-radius: 0; border-left-color: transparent !important; } .tabs li:last-child { border-top-right-radius: 0; border-right-color: transparent !important; } /*.tabs li.active a{ background: #971628; color: #fff; }*/ /*.tabs li.active a:before{ opacity: 1; }*/ .btn-brochure{ background: #770000; display: block; padding: 15px 10px; color: #fff; border-radius: 6px 6px; text-align: center; text-transform: uppercase; font-family: 'FrankM'; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .btn-brochure:hover, .btn-brochure:focus{ background: #000000; color: #fff; } .video-responsive{ position: relative; /*padding-bottom: 56.25%;*/ /*padding-top: 30px;*/ height: 0; overflow: hidden; } .video-responsive.iframe{ padding-bottom: 56.25%; padding-top: 30px; } .video-responsive iframe, .video-responsive object, .video-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .red{ display: block; position: relative; text-align: center; margin-bottom: 6%; } .red a{ display: inline-block; cursor: pointer; } .red a .icono-facebook:before{ color: #fff; border: 1px solid #1F5EAD; padding: 12px 14px; background: #1F5EAD; font-size: 16px; margin: 0px 4px 10px; transition: all 0.4s ease; } .red a .icono-twitter:before{ color: #fff; border: 1px solid #3E94FF; padding: 12px; background: #3E94FF; font-size: 16px; margin: 0px 4px 10px; transition: all 0.4s ease; } .red a .icono-twitter:hover:before{ background: #fff; color: #3E94FF; } .red a .icono-facebook:hover:before{ background: #fff; color: #1F5EAD; } /************** fin pestaÂ?«Ã?as curso **************/ .datcorreo{ /*text-align: center;*/ /*font-size: 1.7em;*/ margin-bottom: 3%; } .datcorreo span:before{ font-size: 2em; color: #770000; } .titulo-prod { color: #814582; font-family: 'gothamB'; text-align: right; } .titulo-prod span:before{ color: #770000; } .c-prod .efecto-zoom .imgsec{ background-size: contain; background-repeat: no-repeat; } .mass-bottom{ border: 1px dashed #000; border-image: url(../img/linee.png); border-image-slice: 2; border-image-repeat: round; } .height-30{ background: #6a0d94; height: 20px; width: 100%; } .linea-tit{ border: 1px dashed #ababab; border-image: url(../img/linee.png); border-image-slice: 2; border-image-repeat: round; display: block; padding: 10px; color: #fff; } .modal-inicio .modal-dialog { width: auto !important; /* margin-top: 5%; */ padding-top: 1%; } .modal-inicio .modal-content { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; background-color: transparent; border: 0px solid #999; } .modal-inicio .close { z-index: 999; position: absolute; right: 24px; top: -30px; background: transparent; font-size: 60px; opacity: 1; color: #fff; text-shadow: none; font-weight: 100; font-family: 'Swis721WGL4BT'; transition: all 0.4s ease; } .modal-inicio .close:hover { color: #d6a70e; outline: 0 !important; } .img-pop { display: inline-block; text-align: center; } .img-pop img{ display: block; margin: 0 auto; height: auto; } #modal-home #demo3{ padding: 2% 5%; } .link-admin{ padding-right: 2%; position: absolute; right: 0; text-transform: none; } .logo-top{ max-height: 80px; padding-right: 2%; } .div-redes a{ display: inline-block; position: relative; } .div-redes a img{ height: 70px; padding: 5px; } .div-redes a span:before { padding: 5px; color: #000; font-size: 30px; transition: all 0.4s ease; } .div-redes a .icono-whatsapp:before{ color: #08d60a !important; } .div-redes a .icono-facebook:before{ color: #0860bf !important; } .div-redes a .icono-youtube:before{ color: #e20000 !important; } .div-redes a .icono-twitter:before{ color: #03a9f4 !important; } .div-redes a:hover span:before{ text-shadow: 0px 0px 1px #000000; } .contenedor-grupo { display: table; width: 100%; text-align: center; } /*.grupo { width: 25%; display: inline-block; }*/ .grupo { display: inline-block; vertical-align: top; width: 33%; padding: 0px 12px; } .circulo-qs { border: 0px solid #002969; /*border-radius: 50%;*/ /*height: 40vh; width: 40vh;*/ width: 100%; height: 418px; text-align: center; position: relative; display: table; overflow: hidden; transition: all 0.4s ease; /*background: rgba(27, 3, 84, 0.77);*/ font-family: "bebasNeue"; } .circulo-qs section { display: table-cell; width: 100%; height: 100%; vertical-align: middle; z-index: 1; position: relative; } .circulo-qs span { display: block; } .circulo-qs img { padding: 10px 5px; transition: all 0.5s ease; height: 200px; will-change: transform; transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -moz-transform: scale(0.8); } .circulo-qs h3 { position: relative; bottom: 0; display: inline-block; font-size: 32px; padding: 0 15px; } .circulo-qs h3 dd{ font-size: 50px; font-weight: 700; display: inline-block; line-height: 0; } .circulo-qs h3 aside{ font-size: 25px; font-weight: 700; } .circulo-qs section a{ color: #fff; display: block; /*text-shadow: 1px 1px 8px #000;*/ transition: all 0.4s ease; -o-transform: all 0.4s ease; -webkit-transform: all 0.4s ease; -ms-transform: all 0.4s ease; -moz-transform: all 0.4s ease; } .circulo-qs:before { content: ''; display:block; background: rgb(95, 171, 95); /*mix-blend-mode: multiply;*/ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .circulo-qs:hover img{ transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); will-change: transform; } .circulo-qs:hover section a{ text-shadow: 1px 1px 4px #9c9c9c; } .circulo-qs:hover{ box-shadow: 0px 0px 11px #000000; } .grupo-qs .circulo-qs h3 { position: relative; bottom: 20px; } .titulos-ic{ display: table; } .titulos-ic span{ display: inline-block; vertical-align: middle; } .titulos-ic span:before{ font-size: 76px; color: #432e6d; } .titulos-ic h2{ display: inline-block; vertical-align: middle; margin: 0; color: #271844; text-shadow: 2px 2px 8px #8a77af; font-size: 2em; font-weight: 700; } .tabla-iconos { display: table; width: 100%; margin: 0; } .tabla-iconos .lado-iqz { float: none; display: table-cell; vertical-align: middle; /*padding-left: 10%;*/ } .tabla-iconos .lado-der { float: none; display: table-cell; vertical-align: middle; } .tabla-iconos .lado-der a { display: table-cell; vertical-align: middle; text-align: center; color: #fff; } .div-iconos { display: table; width: 100%; color: #424242; font-size: 9pt; margin: 4% 0; padding-left: 20px; } .div-iconos2{ display: table; width: 100%; /*border-bottom: 1px solid #424242;*/ } .div-iconos2 figure{ display: table-cell; vertical-align: top; width: 45px; } .div-iconos2 aside{ display: table-cell; vertical-align: top; padding-left: 4%; color: #424242; position: relative; } .efecto-raya { position: relative; } .efecto-raya:after { content: " "; position: absolute; bottom: 13%; left: 40px; z-index: 1; display: block; height: 4px; width: 0; background-color: #ffffff; transition: width .5s; } .div-iconos span { display: table-cell; vertical-align: top; width: 20px; } .div-iconos span:before { font-size: 14pt; /* border-radius: 50%; border: 1px solid #fff; */ color: #0090d2; display: block; width: 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .div-iconos aside { display: table-cell; vertical-align: middle; padding-left: 6px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .div-iconos.active{ color: #4bc7e9; font-weight: bold; } .div-iconos:hover{ color: #0090d2; } .div-iconos img { height: 35px; } .div-icono-peque{ border-bottom: 1px solid #4bc7e9; padding-bottom: 5px; color: #00417b; } .efecto-raya:hover:after { width: 90%; } .efecto-raya:hover img{ height: 40px; } .efecto-raya:hover{ font-size: 22px; } .parallax-contain{ background-size: contain; } .titulo-ambar{ font-size: 4em; color: #ffab00; font-weight: 700; text-align: center; } .titulo-ambar2{ font-size: 1.6em; color: #ffbe00; font-weight: 700; text-align: center; } .form-home .form-control{ font-style: italic; background-color: #e8e8e8; } .form-home label{ color: #464646; } .btn-form{ background-color: transparent; border-radius: 6px; font-size: 18px; padding: 10px 30px; border: 1px solid rgba(255, 255, 255, 0.7); margin: 0 auto; display: block; color: #fff; } .btn-form:hover, .btn-form:focus{ background-color: rgba(0, 0, 0, 0.46) } .aling-img{ text-align: right; } .flecha-baja{ padding: 0; border: none; text-align: center; margin: 0; top: -1px; position: relative; line-height: 100%; overflow: visible; margin-bottom: 60px; position: relative; z-index: -1; } .flecha-baja:after { color: #dd3d87; content: "&"; display: inline-block; font-family: "fontello"; font-size: 25em; padding: 0 40px; position: relative; text-shadow: 0 6px 0 rgba(0, 0, 0, 0.02); } .linea-negra{ display: block; height: 4px; width: 100%; background: #000; margin:4% 2%; } .ic-cursos .efecto-zoom:hover .tit-arriba { background: rgba(0, 0, 0, 0.70); margin: 0; /*color: #fff;*/ } .tit-mod h4{ font-size: 2em; text-align: center; color: #696969; font-weight: 700; margin-bottom: 3%; } .a-logo{ background: transparent !important; } .fondo-amarillo{ background: #ffb200; padding: 8% 0; } .flecha-baja.am:after{ color: #ffb200; background: #dadada; width: 100%; padding-bottom: 16%; } .flecha-baja.pl:after{ color: #dadada; } .width-80{ font-size: 1.3em; color: #fff; width: 80%; margin: 0 auto; } .flecha-baja.ros:after { color: #be2a5d; } .ic-cursos .categ-slide section h3 { color: #e60f5a; text-transform: uppercase; font-weight: 700; } .ic-cursos .categ-slide section h3 span:before{ color: #e72463; } .img-zigzag{ display: block; height: 30px; } .img-circulos{ position: absolute; z-index: 1; top: 0; right: 0px; height: 30px; } .titulo-duo{ /*text-align: center;*/ /*font-family: 'nexaBlack';*/ } .titulo-duo h2{ color: #272727; } .titulo-duo h2 span{ color: #01306e; } .titulo-duo h3{ color: #f07d00; } .titulo-duo h3 span{ color: #8e8e8e; } .titulo-duo h4{ color: #000; } .titulo-duo h4 span{ color: #8e8e8e; } .listas{ display: flex!important; flex-flow: row nowrap; justify-content: space-around; align-content: center; align-items: center; } .listas li{ flex: 0 1 auto; align-self: auto; min-width: 0; flex-grow: 1; color: #fff; list-style: none; font-size: 2.7rem; font-weight: 100; letter-spacing: 1px; position: relative; } .listas li:after{ content: " "; display: block; position: absolute; width: 1px; background: #c5c8d6; top: 50%; margin-top: -13.5px; height: 27px; right: 38px; } .listas li:last-child:after{ display: none; } .derechos{ margin: 0; font-size: 12pt; color: #047245; float: right; line-height: 35px; text-align: center; } .titulo-duo2{ /*text-align: center;*/ padding: 0% 0 1%; } .titulo-duo2 h2{ color: #f07d00; font-size: 5rem; } .titulo-duo2 h2 span{ color: #8e8e8e; } .btn-leer{ border: 2px solid #39b5d0; padding: 15px 5%; font-size: 12pt; font-weight: 700; background: #39b5d0; color: #1a1a1e; border-radius: 0rem; display: inline-block; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } .btn-leer:hover, .btn-leer:focus{ background: transparent; color: #39b5d0; } .card img{ width: 100%; } .btn-vermas{ background: transparent; border: 1px solid #fff; padding: 5px 20px; vertical-align: middle; display: inline-block; color: #fff; font-size: 11pt; /*font-family: 'barlowL';*/ transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } .btn-vermas:hover, .btn-vermas:focus{ background: #fff; border: 1px solid #fff; color: #0072bc; } .btn-vermas i{ background: #fff; padding: 10px 20px; font-size: 21px; /*font-family: "euroStyle";*/ font-style: normal; color: #000; letter-spacing: 2px; } .btn-vermas2{ background: transparent; border: 1px solid #353535; padding: 5px 40px; vertical-align: middle; display: inline-block !important; color: #353535; font-size: 12pt; /*font-family: 'barlowL';*/ transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } .btn-vermas2:hover, .btn-vermas2:focus{ background: #138fbc; border: 1px solid #138fbc; color: #fff; } .btn-vermas2 i{ /*background: #fff;*/ padding: 10px 20px; font-size: 21px; /*font-family: "euroStyle";*/ font-style: normal; color: #fff; letter-spacing: 2px; border: 1px solid #fff; } .btn-vermas2 i b{ vertical-align: middle; font-size: 14px; } .padd-col{ padding: 4px; } .active a.scroll-link { color: #2c72cc !important; } .fondo-fortaleza{ padding: 5% 0; background-color: #333333; } .sin-efecto .imgsec{ background-size: contain; } .sin-efecto.efecto-zoom:hover .mascaranegra { background: transparent; } img.logo-banner{ /*width: 400px !important; height: auto !important;*/ } .div-icono img{ width: 30%; display: block; margin: 0 auto; } .div-icono a{ display: block; color: #fff; text-align: center; } .modal-content{ border-radius: 10px; background-color: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none; } .modal-cuerpo{ padding: 6%; } .close{ position: absolute; top: -62px; right: 0; background: white !important; color: #2c72cc !important; opacity: 1 !important; text-shadow: none; font-family: serif; font-size: 34pt; border-radius: 50%; padding: 1px 12px !important; } .mod-text{ color: #676769; } .line1,.line2,.line3{ width: 45px; height: 3px; background: #FFC107; display: block; /*position: absolute;*/ top: 50%; left: 50%; margin-left: -0.5px; margin-top: -1.5px; -webkit-transition: -webkit-transform 200ms; transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms; } .line1{ -webkit-transform: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) rotate(45deg); } .line3{ -webkit-transform: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) rotate(-45deg); } .close:hover .line1{ -webkit-transform: translate3d(0, 0, 0) rotate(38deg); transform: translate3d(0, 0, 0) rotate(38deg); } .close:hover .line3{ -webkit-transform: translate3d(0, 0, 0) rotate(-38deg); transform: translate3d(0, 0, 0) rotate(-38deg); } .form-cuadrado{ margin-top: 0%; margin-bottom: 0%; } .form-cuadrado .form-control{ color: #000; height: 70px; /*margin-bottom: 0;*/ background: #fff !important; border-radius: 0 !important; border: 0px solid #000 !important; padding: 6px 12px !important; } .form-cuadrado textarea.form-control { height: auto !important; } .form-cuadrado .form-control::placeholder:{ color: #d0d0d0; } .form-cuadrado .form-control:-ms-input-placeholder : { color: #d0d0d0; } .form-cuadrado .form-control::-webkit-input-placeholder { color: #d0d0d0; } .form-cuadrado .form-control::-moz-placeholder { color: #d0d0d0; } .btn-enviar{ background: #fff; border: 0; font-size: 14pt; margin: 0 auto; display: block; padding: 15px 10%; border-radius: 0px; border: 1px solid #fff; color: #555; margin-top: 3%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-enviar:hover, .btn-enviar:focus{ border: 1px solid #0072bc; background: #0072bc; color: #fff; } /*efecto formulario*/ .efecto-formulario .form-control{ padding-top: 10px !important; } .efecto-formulario span.label{ position: absolute; top: 22px; left: 28px; padding: 0 !important; font-size: 10pt; color: #9098a9; font-weight: 100; z-index: 2; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .efecto-formulario.padding-left-chico span.label{ left: 17px; } .efecto-formulario input:not(:placeholder-shown) + span, .efecto-formulario textarea:not(:placeholder-shown) + span { color: #000; -webkit-transform: translateY(-10px) scale(0.7); -moz-transform: translateY(-10px) scale(0.7); -ms-transform: translateY(-10px) scale(0.7); transform: translateY(-10px) scale(0.7); } .efecto-formulario input:focus + span, .efecto-formulario textarea:focus + span { color: #159eed; background: #fff; -webkit-transform: translateY(-10px) scale(0.7); -moz-transform: translateY(-10px) scale(0.7); -ms-transform: translateY(-10px) scale(0.7); transform: translateY(-10px) scale(0.7); } /*--efecto 2 --*/ .efecto-formulario2{ overflow: hidden; margin-top: 10px; position: relative; } .efecto-formulario2 .form-control{ padding: 1.5rem 1.5rem 1.5rem 3.25rem !important; margin-top: 0px !important; } .efecto-formulario2 label{ position: absolute; left: 0; top: 0; width: 100%; text-align: left; pointer-events: none; color: #959dad; display: inline-block; float: right; margin-bottom: 0; padding: 1.25rem 1em; /*font-weight: bold;*/ font-size: 90%; max-width: 100%; z-index: 3; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .efecto-formulario2 label i{ position: absolute; left: 0; display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: text-top; margin-left: 5px; -webkit-transform: translate3d(-2em, 0, 0); transform: translate3d(-2em, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .efecto-label span{ display: inline-block; width: auto; -webkit-transform: translate3d(-0.20em, 0, 0); transform: translate3d(-0.20em, 0, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .efecto-formulario2 input:focus + label i, .efecto-formulario2 textarea:focus + label i { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .efecto-formulario2 input:focus + label span, .efecto-formulario2 textarea:focus + label span { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } .efecto-formulario2 input:not(:placeholder-shown) + label i, .efecto-formulario2 textarea:not(:placeholder-shown) + label i { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .efecto-formulario2 input:not(:placeholder-shown) + label span, .efecto-formulario2 textarea:not(:placeholder-shown) + label span { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } /*final efecto formulario*/ .rombo{ position: relative; display: block; /*text-align: center;*/ padding: 0; margin: 0; /*font-size: 10pt;*/ font-weight: 100; overflow: hidden; } .rombo li{ padding: 0px 5px; display: inline-block; position: relative; color: #000; font-size: 10pt; } .rombo li:first-child:before{ display: none; } .rombo li a{ color: #000; padding-bottom: 0; } .rombo li:before { content: ""; background: #000; /*height: 5px;*/ width: 1px; position: absolute; top: 25%; left: -3px; /*height: 1px; width: 6px; position: absolute; top: 50%; left: -4px;*/ /* transform: rotate(50deg); */ height: 60%; /*display: none;*/ } .rombo li a:hover, .rombo li a:focus{ color: #000; } .cuadro-fuera{ float: right; z-index: 9; background: rgba(133, 119, 78, 0.88); margin-right: -42%; color: #fff; padding: 8% 10%; text-transform: uppercase; font-family: museoSans; } .sin-overflow{ overflow: visible; } .cuadrodorado .seccionimg { width: 80%; height: 230px; background: #85774e; } .cuadrodorado.efecto-zoom:hover .imgsec { transform: scale(0.94, 0.9); } .cuadrodorado.efecto-zoom:hover .cuadro-dorado{ background: #85774e; } .cuadro-dorado{ position: absolute; top: 17%; /* bottom: 0; */ /* left: 0; */ right: 0; background: rgba(133, 119, 78, 0.91); color: #fff; width: 50%; height: 150px; text-transform: uppercase; /*padding: 10% 6%;*/ font-family: 'museoSans'; text-align: center; font-size: 24px; margin: 0; vertical-align: middle; display: table; } .cuadro-dorado span{ vertical-align: middle; display: table-cell; } /*paginas*/ .margen-top{ margin-top: 8% !important; } .margen-bottom { margin-bottom: 8% !important; } .padding-arriba{ padding-top: 5% !important; } .padding-abajo{ padding-bottom: 5% !important; } .padding-encima{ padding-top: 3% !important; } .padding-debajo{ padding-bottom: 3% !important; } .padd-arriba{ padding-top: 1% !important; } .padd-abajo{ padding-bottom: 1% !important; } .margen-top-form { margin-top: 4%; } .titulo-esp{ margin-top: -45px; position: relative; z-index: 2; display: block; text-align: center; } .titulo-esp h2{ display: inline-block; border-bottom: 7px solid #d6a70e; background: #00316e; color: #fff; font-size: 27px; padding: 30px 7%; margin: 0 0 13%; } .titulo-esp span:before{ color: #d6a70e; } .btn-postular{ background: #85774e; padding: 10px 30px; font-size: 24px; color: #fff; border: 0; margin-top: 5%; } .btn-postular:hover, .btn-postular:focus{ background: #000; color: #fff; } .texto-left{ display: block !important; } .texto-left.img-pop img{ float: left; } .texto-right{ display: block !important; } .texto-right.img-pop img{ float: right; } /*#owl-demo3 .items a{ display: flex; }*/ .titulo-linea{ position: relative; line-height: 1; padding-left: 5px; } .titulo-linea:before{ content: ''; background: #f07d00; height: 100%; width: 1px; position: absolute; left: -2px; top: 0; } .titulo-linea.linea-dere{ text-align: right; padding-right: 8px; } .titulo-linea.linea-dere:before{ right: 0; left: auto; } .table-row { display: table; position: relative; width: auto; height: 100%; } .table-col{ display: table-cell; vertical-align: middle; float: none; height: 100%; } .img-left{ left: -15px; position: relative; } .img-right{ right: -15px; position: relative; } .texto-blanco{ font-size: 2rem; } .cont-certificado{ display: table; width: 100%; text-align: center; } .cont-certificado a{ display: inline-block; vertical-align: middle; margin: 5px; } .cont-certificado a img{ max-height: 120px; } .fondo-rojo{ background: #333333; color: #fff; padding: 15px; display: flex; flex-flow: row nowrap; justify-content: space-around; align-content: center; align-items: center; } .fondo-rojo a{ color: #fff; flex: 0 1 auto; align-self: auto; min-width: 0; flex-grow: 1; font-size: 2.2rem; text-align: center; } .fondo-rojo a span{ vertical-align: middle; display: inline-block; } .fondo-rojo a span:before{ font-size: 30px; } .titulo-blanco{ font-weight: 500; font-size: 14px; color: #FFFFFF; opacity: 0.7; display: block; text-align: center; line-height: 1em; letter-spacing: 0.4px; } .border-right{ border-right: 1px solid #fff; } .border-bottom{ border-bottom: 1px solid #d0d0d0; } .form-sus{ width: 60%; } .texto-rojo{ color: #e11519; } .text-dp ul{ padding:0; } hr { /*margin-top: 10px;*/ border-top: 1px solid #b3b3b3; } .telefono{ color: #fff; float: right; margin-right: 5%; font-size: 24px; margin-top: 4px; /*position: absolute;*/ /*right: 0;*/ } .telefono a{ color: #fff; padding: 0 4px; } .telefono span:before{ font-size: 18px; } .tit-linea{ color: #737373; font-size: 20px; border-bottom: 1px solid #737373; } .texto-linea{ color: #7b7773; font-size: 15px; display: block; padding: 8px 0; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .texto-linea:hover, .texto-linea:focus{ color: #e11519; } #demo .owl-carousel .icono-next { margin-right: -30px; } #demo .owl-carousel .icono-prev { margin-left: -30px; } .contenedor-img{ display: table; width: 100%; } .section-img{ display: inline-block; width: 46%; vertical-align: top; margin: 16px 8px 16px 16px; border: 1px solid #f1ecf0; border-radius: 5px; padding-bottom: 15px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .section-img:hover{ box-shadow: 0px 0px 13px 0px #c1c1c1; } .btn-rojo{ margin: 0 auto; display: block; border: 1px solid #e12a19; background: #ffffff; color: #e11519; border-radius: 25px; padding: 10px 25px; font-size: 16px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .btn-rojo:hover, .btn-rojo:focus{ background: #e11519; color: #fff; } .activecat{ color: #e11519; } .franja-roja{ background: #e31913; padding: 20px; color: #fff; font-family: 'nexaBlack'; } .sin-margen{ margin: 0; margin-left: 0 !important; margin-right: 0 !important; } .sin-margen-arriba{ margin-top: 0 !important; } .sin-margen-abajo{ margin-bottom: 0 !important; } .panel-heading { padding: 15px 0px; color: #000; } .panel-title { font-size: 18px; text-transform: uppercase; font-size: 1.189em; font-weight: bold; } .btn-venta{ background: #e31913; padding: 10px 10%; border-radius: 0; font-family: 'nexaB'; font-size: 18px; color: #fff; border: 0; display: inline-block; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .btn-venta:hover, .btn-venta:focus{ background: #000000; } .redes-flotantes{ position: fixed; top: 25%; right: 0px; z-index: 99999; } .redes-flotantes a{ display: block; background: #000; padding: 5px 10px; color: #fff; border: 1px solid #fff; } .redes-flotantes a:hover, .redes-flotantes a:focus{ background: #e11519; } #home{ position: relative; } .form-banner{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 35%; color: #fff; } .form-banner article{ position: relative; background: rgba(0, 0, 0, 0.6); max-width: 80%; margin: 0 0 0 auto; top: 55%; /*top: 9%;*/ transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); padding: 20px 30px; border-radius: 15px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .form-banner article:hover{ background: rgba(0, 0, 0, 0.75); } .form-banner .form-control{ color: #fff; background-color: transparent; background-image: none; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; height: 39px; padding: 8px 12px; } .form-banner textarea.form-control{ height: auto; } .form-group.row .div-form:first-child{ padding-right: 4px; } .form-group.row .div-form:last-child{ padding-left: 4px; } .div-form .form-control{ margin-bottom: 15px; } .form-banner select:hover, .form-banner select:focus{ background: #fff; color: #000; outline: none; } .form-banner option{ /*background: #000000;*/ background: #fff; color: #000; } .form-banner option:hover{ background-color: #666666; } .form-banner h4{ text-align: center; font-weight: 700; margin-bottom: 22px; } .form-banner .form-control::placeholder{ color: #fff; } .form-banner .form-control:-ms-input-placeholder : { color: #fff; } .form-banner .form-control::-webkit-input-placeholder { color: #fff; } .form-banner .form-control::-moz-placeholder { color: #fff; } .tabla-grupal{ display: table; width: 100%; } .col-grupal{ display: inline-table; width: 33.3%; vertical-align: middle; padding-left: 7px; padding-right: 7px; margin-bottom: 3%; } .col-grupal figure{ display: inline-block; width: 40px; } .col-grupal figure img{ width: 32px; } .col-grupal aside{ text-align: left; color: #4f7a2d; letter-spacing: 0.4px; line-height: 1.15em; text-shadow: 0.5px 0 0 #4f7a2d; display: inline-block; width: 65%; vertical-align: middle; font-size: 12px; } .lado-izq{ padding: 0 3% 0 5%; } .lado-der{ padding: 0 0% 0 5%; } .seccion-der .lado-izq{ float: right; padding: 0 5% 0 3%; } .seccion-der .cuadro-verde{ left: -15px; right: auto; } .divisiones{ overflow: hidden; font-size: 13px; } .divisiones p:first-child{ float: left; width: 66%; margin: 0; } .divisiones p:last-child{ float: right; width: 34%; text-align: right; margin: 0; } .div-texto{ margin-top: 15px; text-align: justify; padding-left: 6%; } .div-texto p{ margin: 0; } .link-verde{ display: inline-block; color: #4f7a2d; padding-top: 6px; padding-bottom: 6px; padding-left: 0; padding-right: 0; box-shadow: none; position: relative; overflow: hidden; border-radius: 0; transform: none; margin-right: 15px; } .link-verde:after { bottom: 0; left: -100%; height: 2px; width: 100%; content: ""; display: block; background-color: #4f7a2d; position: absolute; -webkit-transition: ease-in-out left 250ms; -moz-transition: ease-in-out left 250ms; -ms-transition: ease-in-out left 250ms; -o-transition: ease-in-out left 250ms; transition: ease-in-out left 250ms; } .link-verde:hover, .link-verde:focus{ color: #4f7a2d; } .link-verde:hover:after{ left: 0; } .link-verde:active:after, .link-verde.active:after { left: 0; } .grupo-de-botones{ display: block; position: relative; /*overflow: hidden;*/ margin: 25px 0 10px; text-align: center; } .btn-verde{ font-size: 14px; border: 1px solid #4f7a2d; margin-right: 10px; border-radius: 6px; padding: 6px 5px; font-weight: 500; color: #FFFFFF; background: #4f7a2d; width: 124px; display: inline-block; text-align: center; -webkit-transition: ease-in-out 250ms background-color, ease-in-out 250ms color, ease-in-out 250ms transform, ease-in-out 250ms box-shadow; -moz-transition: ease-in-out 250ms background-color, ease-in-out 250ms color, ease-in-out 250ms transform, ease-in-out 250ms box-shadow; -ms-transition: ease-in-out 250ms background-color, ease-in-out 250ms color, ease-in-out 250ms transform, ease-in-out 250ms box-shadow; -o-transition: ease-in-out 250ms background-color, ease-in-out 250ms color, ease-in-out 250ms transform, ease-in-out 250ms box-shadow; transition: ease-in-out 250ms background-color, ease-in-out 250ms color, ease-in-out 250ms transform, ease-in-out 250ms box-shadow; } .btn-verde:hover{ transform: translateY(-0.25em); box-shadow: 0 0.5em 0.5em -0.4em rgba(0, 0, 0, 0.45); color: #fff; } .btn-verde:focus{ color: #fff; } .btn-verde:active, .btn-verde.active { background-color: transparent; color: #4f7a2d; } .container-flex{ width: 100%; height: 100%; position: relative; box-sizing: border-box; height: 100vh; /*padding: 0;*/ } .tabla-flex{ /*display: flex;*/ display: flow-root; flex-wrap: wrap; align-items: stretch; height: 100%; flex-direction: row; align-content: center; justify-content: space-around; } .tabla-colflex{ height: 100%; } content.detalles{ width: 100%; height: 100%; max-height: 100%; box-sizing: border-box; margin-left: auto; display: flex; flex-direction: row; align-items: center; justify-content: center; /*padding-left: 90px; padding-right: 90px;*/ } .div-detalles{ height: 100%; width: 100%; padding-top: 50%; transform: translate(0%,-40%); -ms-transform: translate(0%,-40%); -moz-transform: translate(0%,-40%); -webkit-transform: translate(0%,-40%); -o-transform: translate(0%,-40%); } .project-section { content: ""; width: 100%; height: 100%; display: block; box-sizing: border-box; } .project-section .project-section-content-wrapper { content: ""; width: 100%; height: 100%; position: relative; } .project-section .project-section-content { top: 0; left: 0; content: ""; width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; background: #fff; -webkit-transition: ease-in-out 250ms visibility, ease-in-out 250ms opacity; -moz-transition: ease-in-out 250ms visibility, ease-in-out 250ms opacity; -ms-transition: ease-in-out 250ms visibility, ease-in-out 250ms opacity; -o-transition: ease-in-out 250ms visibility, ease-in-out 250ms opacity; transition: ease-in-out 250ms visibility, ease-in-out 250ms opacity; } .project-section .project-section-content.hide { opacity: 0; visibility: hidden; } .project-section .project-section-content.shown { display: block; opacity: 1; visibility: visible; } .grid-wrapper { height: 100%; display: grid; grid-gap: 15px; grid-auto-rows: 180px; grid-template-columns: repeat(12, minmax(calc(100% / 12 - 180px), 1fr)); grid-template-rows: repeat(12, 1fr); grid-auto-flow: dense; box-sizing: border-box; } .project-photos .photo-wrapper:nth-child(1), .project-photos .photo-wrapper:nth-child(2), .project-photos .photo-wrapper:nth-child(n + 5) { grid-column: span 6; } .project-photos .photo-wrapper:nth-child(n):not(:nth-child(5)) { grid-row: span 3; } .project-photos .photo-wrapper:nth-child(3) { grid-column: span 8; } .project-photos .photo-wrapper:nth-child(4) { grid-column: span 4; } .project-photos .photo-wrapper:nth-child(5) { grid-row: span 6; } .project-photos .photo { content: ""; font-size: 0; width: 100%; height: 100%; cursor: zoom-in; display: block; background-color: #DEDEDE; position: relative; } .project-photos .photo > a > img { content: ""; width: 100%; height: 100%; display: block; object-fit: cover; position: relative; z-index: 1; } .project-photos .photo > a > .placeholder { top: 0; left: 0; z-index: 2; content: ""; width: 100%; height: 100%; display: block; position: absolute; } .project-photos .photo > a > .placeholder > div { top: 0; left: 0; content: ""; width: 100%; height: 100%; display: block; position: relative; overflow: hidden; } .project-photos .photo > a > .placeholder > div > .overlay { top: 0; left: 0; z-index: 3; content: ""; width: 100%; height: 100%; display: block; opacity: 0; background-color: #5ca633; position: absolute; visibility: hidden; transition: ease-in-out opacity 250ms 350ms, ease-in-out visibility 250ms 350ms; } .project-photos .photo > a > .placeholder > div > .desc { top: 0; left: 0; right: 0; bottom: 0; z-index: 4; width: 100%; height: 100%; display: block; overflow: hidden; position: relative; } .project-photos .photo > a > .placeholder > div > .desc > div { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; } .project-photos .photo > a > .placeholder > div > .desc > div > .text { display: block; text-align: center; font-size: 1.2rem; color: #FFFFFF; font-weight: 500; box-sizing: border-box; position: relative; bottom: -100%; visibility: hidden; transition: ease-in-out bottom 250ms, visibility 0ms 250ms; } .project-photos .photo > a > .placeholder > div > .desc > div > .icon { padding-top: 10px; width: 26px; height: 26px; margin-left: auto; margin-right: auto; display: block; box-sizing: border-box; fill: #FFFFFF; position: relative; bottom: -100%; visibility: hidden; transition: ease-in-out bottom 250ms, visibility 0ms 250ms; } /*hovers */ .project-photos .photo:hover > a > .placeholder > div > .overlay { opacity: 0.8; visibility: visible; -webkit-transition: ease-in-out opacity 250ms, ease-in-out visibility 250ms; -moz-transition: ease-in-out opacity 250ms, ease-in-out visibility 250ms; -ms-transition: ease-in-out opacity 250ms, ease-in-out visibility 250ms; -o-transition: ease-in-out opacity 250ms, ease-in-out visibility 250ms; transition: ease-in-out opacity 250ms, ease-in-out visibility 250ms; } .project-photos .photo:hover > a > .placeholder > div > .desc > div > .text { bottom: 0; visibility: visible; transition: ease-in-out bottom 250ms, visibility 0ms; } .project-photos .photo:hover > a > .placeholder > div > .desc > div > .icon { bottom: 0; visibility: visible; transition: ease-in-out bottom 350ms, visibility 0ms; } /* fin hover*/ .project-models .models-wrapper{ position: relative; overflow: hidden; height: 100%; width: 100%; padding-left: 57px; padding-right: 57px; box-sizing: border-box; } .project-models .swiper-container { width: 100%; height: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .project-models .swiper-container .swiper-slide { /*height: 50%;*/ display: block; text-align: center; font-size: 18px; background: #fff; height: 150px; box-sizing: border-box; } .project-models .model { content: ""; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; cursor: zoom-in; background-color: #EFF0F0; } .project-models .model .image-container { width: 100%; height: auto; display: block; position: relative; } .project-models .model .image-container:before { content: ""; display: block; padding-top: 100%; } .project-models .model .image-container img { top: 0; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 100%; display: block; position: absolute; } .project-phases .phases-container, .project-phases .map-container, .project-map .phases-container, .project-map .map-container { content: ""; width: 100%; height: 100%; position: relative; } .project-phases .phases-container .phases, .project-phases .phases-container .map, .project-phases .map-container .phases, .project-phases .map-container .map, .project-map .phases-container .phases, .project-map .phases-container .map, .project-map .map-container .phases, .project-map .map-container .map { content: ""; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center; } /*mas info*/ .project-more-information .more-info { width: 100%; height: 100%; display: block; position: relative; } .project-more-information .more-info .bg { top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; display: block; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center; } .project-more-information .more-info .bg .overlay-container { content: ""; width: 100%; height: 100%; display: block; position: relative; } .project-more-information .more-info .overlay { top: 0; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 100%; display: block; position: absolute; z-index: 2; opacity: 0.85; background-color: #5ca633; background-repeat: no-repeat; background-position: center center; background-size: cover; } .project-more-information .more-info .form-container { z-index: 3; width: 100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; align-content: center; justify-content: center; position: relative; } .project-more-information .more-info .form-container .title { color: #FFFFFF; display: block; text-align: center; max-width: 100%; } .project-more-information .more-info .form-container .title h2 { font-size: 2.6rem; font-weight: 500; line-height: 1em; margin-bottom: 30px; } .project-more-information .more-info .form-container .title p { font-size: 2.5rem; line-height: 1em; margin-bottom: 15px; } .project-more-information .more-info .form-container .\--form { width: 360px; max-width: 100%; } .\--form .\--input { display: block; margin-bottom: 10px; } .\--form .\--input.\--inline-inputs { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; } .\--form .\--input.\--checkbox { font-size: 0.75rem; display: block; box-sizing: border-box; padding-bottom: 12px; } .pretty { position: relative; display: inline-block; margin-right: 1em; white-space: nowrap; line-height: 1; } .pretty input { position: absolute; left: 0; top: 0; min-width: 1em; width: 100%; height: 100%; z-index: 2; opacity: 0; margin: 0; padding: 0; cursor: pointer; } .pretty.p-svg .state .svg { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc((0% - (88% - 1.1em)) - 1%); border: 1px solid transparent; opacity: 0; display: flex; flex: 1; justify-content: center; align-items: center; margin: 0; } .pretty.p-curve .state label:before, .pretty.p-curve .state label:after { border-radius: 20%; } .pretty .state label:before { border-color: #bdc3c7; } .pretty .state label:before, .pretty .state label:after { content: ''; width: calc(1em + 2px); height: calc(1em + 2px); display: block; box-sizing: border-box; border-radius: 0; border: 1px solid transparent; z-index: 0; position: absolute; left: 0; top: calc((0% - (100% - 1em)) - 8%); background-color: transparent; } .pretty.p-svg input:checked ~ .state .svg { opacity: 1; } .pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg { color: #fff; stroke: #fff; } .pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img { animation: zoom 0.2s ease; } .pretty .state label { position: initial; display: inline-block; font-weight: normal; margin: 0; text-indent: 1.5em; min-width: calc(1em + 2px); } .cuadro-verde{ height: 100%; width: 100%; background: #a6ce3f; content: ''; display: block; border-top: 0; position: absolute; top: -15px; right: -15px; z-index: -1; } .contenedor{ /*height: 100%;*/ /*position: relative;*/ } .fp-section,.fp-slidesContainer{ display: block !important; width: 100%; overflow-x: hidden; overflow-y: hidden; position: relative; } .tabla-flex{ padding-top: 85px !important; } /*.fondo-white{ padding-top: 80px !important; }*/ /*.fondo-white .horizontal-scrolling{ padding-top: 80px !important; }*/ #footer{ height: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; } #footer .fp-tableCell{ height: auto !important; } .svg-icon { display: inline-block; vertical-align: middle; } .svg-icon > svg { width: 17px; height: 17px; fill: #4f7a2d; } /*.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }*/ /*.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }*/ #moveDown{ top: 80px; right: 4px; position:fixed; z-index:4; background: white; border: 0px solid #b1dd65; color: #b1dd65; } #moveUp{ top: 80px; left: 4px; position:fixed; z-index:4; background: white; border: 0px solid #b1dd65; color: #b1dd65; } .fp-viewing--0 #moveUp{ display: none; } .fp-viewing--0 #moveDown{ display: none; } .link-img{ height: 100%; display: block; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0 !important; } .pag-internas .menu{ /*box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.075);*/ position: relative; } .pag-internas .logo1{ display: none; } .pag-internas .logo2{ display: inline-block; /*padding: 15px;*/ } .pag-internas .telefono a { color: #4f7a2d; } .pag-internas .navbar-inverse .navbar-nav > li > div > a{ /*color: #4f7a2d;*/ } .pag-internas .header_box ul > li.active:after{ width: 100%; } .pag-internas .navbar-inverse .navbar-nav > li:hover > div > a{ color: #b1dd65; } .pag-internas .dropdown-menu > li > div > a{ background: #fff; } .pag-internas .img-menu{ background: #fff; } .pag-internas .menu-on { position: fixed; } .pag-internas .menu-of .logo2 { display: inline-block; } .cont-alto{ position: relative; display: table; width: 100%; height: 100%; height: 90vh; } .cont-alto figure{ width: 50%; display: table-cell; vertical-align: middle; position: relative; height: 100%; } .cont-alto aside{ width: 50%; padding: 0 6%; display: table-cell; vertical-align: middle; position: relative; font-size: 17px; } .cont-alto figure .seccion-banner{ height: 100%; } .celda{ position: relative; z-index: 1; overflow: hidden; } .parallax-absoluto{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; } .imagen-parallax{ background-position: center; background-size: contain; /*height: 100%;*/ /*width: 100%;*/ } .cont-absoluto.cont-alto{ padding-top: 0; } .cont-absoluto.cont-alto aside{ background: rgba(0, 0, 0, 0.52); background: -webkit-gradient(linear, 1 -19, 0% 100%, from(rgba(16, 16, 16, 0.08)), to(rgba(0, 0, 0, 0.8901960784313725))); background: rgba(58, 44, 73, 0.63); background: -webkit-gradient(linear, 1 -19, 0% 100%, from(rgba(16, 16, 16, 0.08)), to(rgb(58, 43, 72))); } .cont-absoluto.cont-alto .titulo-duo h1{ color: #b1dd65; } .cont-absoluto.cont-alto p{ color: #fff; } .grupo-imagenes .img-pie { max-width: 90%; height: auto; max-height: 60px; width: auto; } .grupo-imagenes p { display: inline-block; width: 49%; margin: 0 auto; } .grupo-imagenes-ancho .img-pie { max-width: 90%; height: auto; max-height: 60px; width: auto; } .grupo-imagenes-ancho p{ display: block; width: 88%; margin: 0 auto; } .texto{ font-size: 16pt; } .texto2{ font-size: 18pt; } .div-doble{ display: table; width: 100%; } .div-doble figure{ display: table-cell; vertical-align: middle; } .div-doble aside{ display: table-cell; vertical-align: middle; width: 45%; } .div-doble div{ font-size: 15pt; color: #ffffff; /* border-bottom: 2px solid #f4e44b; */ display: inline-block; text-align: justify; padding-right: 15%; } .div-doble div h1{ font-family: 'gothamB'; font-size: 34pt; margin-bottom: 6%; } .div-doble div p{ margin-bottom: 2px; } .form-transparente .form-control{ background: transparent; border: 0; border-bottom: 1px solid #fff !important; border-radius: 0 !important; box-shadow: none; color: #fff !important; font-size: 15pt; height: 55px; margin-bottom: 15px; } .form-transparente .form-control:focus{ border-color: #108dbb; outline: 0; } .form-transparente textarea.form-control{ height: auto; } .form-transparente .form-control::placeholder{ color: #fff; } .form-transparente .form-control::-webkit-input-placeholder{ color: #fff; } .form-transparente .form-control::-moz-input-placeholder{ color: #fff; } .form-transparente .form-control:-ms-input-placeholder{ color: #fff; } .form-transparente .form-control::-ms-input-placeholder { color: #fff; } input:-internal-autofill-selected { background-color: rgb(86, 132, 94) !important; background-image: none !important; color: rgb(0, 0, 0) !important; } #owl-demo3 .owl-item img{ height: auto; width: 100%; margin: 0 auto; } .logo { display: inline-block; vertical-align: middle; padding-right: ; } .logo a{ padding: 0 !important; } .logo a img { width: 190px; } .video-carrusel .seccionimg { height: auto; max-height: 100%; } .carruser h4{ /*color: #585858;*/ /*font-size: 17pt;*/ /*font-family: 'calibriM';*/ margin: 0; padding: 15px 0px 0; } .textos{ /*font-size: 13pt;*/ color: #424242; text-align: justify; } .textos iframe{ width: 100% !important; } .secciontexto{ /*background: #e4e4e4;*/ padding: 15px 15px; min-height: 100px; text-align: left; } .sin-flecha .owl-nav{ /*display: none;*/ } .carrusel-blanco .owl-dots .owl-dot span{ background: transparent; border: 1px solid #fff; } .carrusel-blanco .owl-dots .owl-dot.active span, .carrusel-blanco .owl-dots .owl-dot:hover span{ background: #fff; } /*portafolios*/ .portfolio .portfolio-set{ position: relative; /* margin-bottom: 20px; */ padding: 0; z-index: 1; float: none; } .portfolio-item { text-align: center; margin-top: 0; border: 1px solid #ffffff; } .portfolio .fullwidth-block .portfolio-item { float: left; } .portfolio .fullwidth-block .portfolio-set .portfolio-item { width: 25%; position: relative; overflow: hidden; } .portfolio-item .wrap { max-width: 100%; display: inline-block; vertical-align: top; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; height: 50vh; } .portfolio.hover-title .portfolio-item .wrap { border: 0; padding-bottom: 0; background: none; } .portfolio-item .image { display: inline-block; /* position: relative; */ max-width: 100%; padding: 0; vertical-align: top; overflow: hidden; } .portfolio-item .image .image-inner { /* position: relative; */ z-index: 2; overflow: hidden; } .overlay-gris{ padding: 0px; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; background-color: rgba(0,0,0,0.4); top: 0; left: 0; width: 100%; height: 100%; opacity: 1; padding: 15px; position: absolute; z-index: -1; opacity: 0; } .img-proy { width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; min-width: 100%; min-height: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0) scale(1) rotate(0); transition: 1s ease; outline: 0; box-shadow: none; } .portfolio-item .image .overlay { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; overflow: hidden; } .hover-circular .portfolio-item .image .overlay, .hover-circular .portfolio-item:hover .image .overlay, .hover-circular .gallery-item .overlay-wrap .overlay, .hover-circular .gallery-item:hover .overlay-wrap .overlay { display: block; -webkit-transition: background 0.5s 0.2s; transition: background 0.5s 0.2s; } .hover-circular .portfolio-item .image .overlay .overlay-circle, .hover-circular .gallery-item .overlay-wrap .overlay .overlay-circle { content: ''; position: absolute; z-index: -2; opacity: 0; -webkit-transition: opacity 0.5s 0.2s; transition: opacity 0.5s 0.2s; background: -moz-linear-gradient(to bottom right, rgba(0, 188, 212,0.75) 0%, rgba(53, 64, 147,0.75) 100%) !important; background: -webkit-linear-gradient(to bottom right, rgba(0, 188, 212,0.75) 0%,rgba(53, 64, 147,0.75) 100%) !important; background: linear-gradient(to bottom right, rgba(0, 188, 212,0.75) 0%,rgba(53, 64, 147,0.75) 100%) !important; border-radius: 100%; width: 100%; height: 100%; padding: 15%; left: 50%; top: 50%; transform: scale(0); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.4s ease 0s; box-sizing: content-box; width: 337px; margin-left: -219.05px; margin-top: -219.05px; } .portfolio.hover-circular .portfolio-item .image .overlay .overlay-circle { display: block; } .portfolio-item .image .overlay .links-wrapper { display: table; width: 100%; height: 100%; } .portfolio-item .image .overlay .links { display: table-cell; width: 100%; /* height: 100%; */ text-align: center; vertical-align: middle; } .portfolio.hover-circular .portfolio-item .image .overlay .links { /*vertical-align: bottom;*/ /* padding: 0; text-align: left;*/ } .portfolio.hover-circular .portfolio-item .image .overlay .links .portfolio-icons { position: absolute; left: 0; right: 0; top: 0; padding: 48px 42px; } .hover-circular .portfolio-item .image .overlay .links i.icon, .hover-circular .gallery-item .overlay .overlay-content-inner i.icon { opacity: 0; color: #fff; /* font-size: 2.1em; */ display: inline-block; vertical-align: middle; position: relative; -webkit-transform: translate(0, 200px); transform: translate(0, 200px); -webkit-transition: opacity 0.2s, -webkit-transform 0.3s; transition: opacity 0.2s, transform 0.3s; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links i.icon { margin-right: 16px; } .portfolio:not(.hover-default):not(.hover-zooming-blur):not(.hover-gradient) .portfolio-item .image .overlay .links i.icon:before { width: 32px; height: 32px; line-height: 32px; font-size: 2.1em; } .portfolio .portfolio-item .overlay-line { height: 2px; font-size: 0; line-height: 1; } .portfolio.hover-circular .overlay .overlay-line { margin: 16px 0; } .hover-circular .portfolio-item .image .links .overlay-line { overflow: hidden; position: relative; background: transparent; } .hover-circular .portfolio-item .image .links .overlay-line:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 2px; background-color: #fff; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .portfolio-item .overlay .caption { background-color: transparent; } .portfolio.hover-circular .portfolio-item .image .overlay .links .caption { padding: 0 30px 25px; width: 100%; /*text-align: left;*/ } .portfolio .overlay .links .caption .title, .portfolio .overlay .links .caption .subtitle, .portfolio .overlay .links .caption .subtitle p, .portfolio .overlay .links .caption .info { white-space: normal; overflow: visible; text-overflow: clip; } .hover-circular .portfolio-item .image .links .caption .title { opacity: 0; top: 200px; display: inline-block; vertical-align: middle; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s; transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s; color: #fff; /* font-size: 2.1em; */ font-size: 20pt; } .portfolio.hover-circular .portfolio-item .image .overlay .links .caption .title { margin-bottom: 0; } .hover-circular .portfolio-item:hover .image .overlay .overlay-circle, .hover-circular .gallery-item:hover .overlay-wrap .overlay .overlay-circle { opacity: 1; opacity: 1; transform: scale(1.3); } .hover-circular .portfolio-item:hover .image .overlay .links i.icon, .hover-circular .gallery-item:hover .overlay .overlay-content-inner i.icon { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .hover-circular .portfolio-item:hover .image .overlay .links i.icon:nth-child(1) { -webkit-transition: opacity 0.5s 0.0s, -webkit-transform 0.35s 0.0s, font-size 0.3s; transition: opacity 0.5s 0s, transform 0.35s 0.00s, font-size 0.3s; } .hover-circular .portfolio-item:hover .image .links .caption .title { opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s; transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s; } .hover-circular .portfolio-item:hover .image .links .overlay-line:after { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .portfolio-item:hover .overlay-gris{ opacity: 1; } .portfolio-item:hover .img-proy { -webkit-transition: transform 4s; -o-transition: transform 4s; transition: transform 4s; -webkit-transform: translate3d(-50%,-50%,0) scale(1.2) rotate(0); -ms-transform: translate3d(-50%,-50%,0) scale(1.2) rotate(0); -o-transform: translate3d(-50%,-50%,0) scale(1.2) rotate(0); transform: translate3d(-50%,-50%,0) scale(1.2) rotate(0); } /*#menu-container.container{ margin-top: 45px; }*/ .alineado-carrusel .owl-stage{ display: table; } .alineado-carrusel .owl-item{ display: inline-block; vertical-align: middle; float: none !important; } .img-centrado{ height: auto; max-height: 80px; width: auto; margin: 0 auto; display: block; } .ul-estrella{ list-style: none; } .ul-estrella li{ position: relative; } .ul-estrella li:before{ content: "\f100"; font-family: "icont"; position: absolute; left: -32px; top: 0; bottom: 0; } .video-mp4{ padding-right: 0 !important; } .video-mp4 video { max-width: 100%; /* width: 100% !important; */ height: auto !important; } .cont-solucion{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .cont-solucion aside h2{ margin: 0; color: #505050; font-size: 22pt; font-family: 'gothamB'; padding-bottom: 20px; /*text-align: center;*/ } .cont-solucion aside{ text-align: justify; font-size: 12pt; padding: 5% 6% 15px; border: 1px solid #eaeaea; border-top: 0; color: #505050; height: 250px; } .cont-solucion figure{ overflow: hidden; } .cont-solucion figure img{ width: 100%; object-fit: cover; height: 180px; transform: scale(1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .cont-solucion:hover{ box-shadow: 0 2px 6px 6px rgba(80, 80, 80, 0.1); } .cont-solucion:hover img{ transform: scale(1.1); } .titulo{ /*text-align: center;*/ position: relative; /*padding-bottom: 0px;*/ /*margin: 0% 8% 15px;*/ color: #000; display: inline-block; } .titulo h1{ color: #000; display: inline-block; /*font-size: 3em;*/ display: inline-block; vertical-align: middle; margin: 0px; padding: 2px 0px; line-height:1; font-family: "rozhaone"; } .titulo h2{ color: #000; display: inline-block; /*font-size: 3em;*/ display: inline-block; vertical-align: middle; margin: 0px; padding: 2px 0px; line-height: 1; font-family: "rozhaone"; } .titulo span:before{ color: #000; font-size: 18pt; padding-right: 8px; } .titulos-grandes h1{ font-size: 39pt; } .titulo article{ width: 70%; } .titulo-span i{ display: inline-block; /* width: 90px; */ width: 120px; height: 1px; background: #000; } .texto-imagen:hover .img-center{ transform: scale(1); } .sin-hover.texto-imagen:hover .img-center { transform: scale(0.9); } .img-center{ width: 100%; /*max-height: 250px;*/ margin: 0 auto; display: block; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; /*transform: scale(0.9);*/ } .btn-transparente{ background: transparent; color: #fff; font-size: 12pt; font-weight: normal; text-transform: initial; display: block; padding: 0.7rem 3rem; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 1rem; border: 1px solid #fff; margin: 0 auto; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .btn-transparente:hover, .btn-transparente:focus{ background: #ffffff; color: #39b5d0; } .btn-transparente.active{ background: #ffffff; color: #39b5d0; } .btn-flechita{ color: #505050; font-weight: 700; display: inline-block; padding: 10px 0; font-family: 'gothamB'; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .btn-flechita span{ vertical-align: middle; display: inline-block; } .btn-flechita i{ vertical-align: middle; display: inline-block; padding-left: 11px; transition: padding-left 0.5s ease; -webkit-transition: padding-left 0.5s ease; -moz-transition: padding-left 0.5s ease; -o-transition: padding-left 0.5s ease; -ms-transition: padding-left 0.5s ease; } .btn-flechita:hover{ color: #2fa3c9; } .btn-flechita:hover i{ padding-left: 30px; } .div-img-texto img{ height: 110px; transform: scale(0.9); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .div-img-texto:hover img{ transform: scale(1); } .sin-hover.div-img-texto:hover img{ transform: scale(0.9); } .btn-revslider{ background: #108dbb; color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-revslider a{ color: #fff; } .btn-revslider:hover a{ color: #108dbb; } .div-textos{ padding: 10%; } .tit-modulo{ height: 565px; background-size: auto 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 0; overflow: hidden; background-color: #1a6ba3; position: relative; background-position: center; max-height: 50vh; min-height: 384px; border: 1px solid white; border-bottom: none; border-right: none; -webkit-transition: background 1s; -o-transition: background 1s; transition: background 1s; /*margin-bottom: 30px;*/ } .tit-modulo .overlay { padding: 0px; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; background-color: rgba(0,0,0,0.4); top: 0; left: 0; width: 100%; height: 100%; opacity: 1; padding: 15px; position: relative; } .overlay-img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background-position: center; background-size: auto 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 19; -webkit-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; } .overlay-img:before { content: ''; background-color: rgba(0,0,0,0.4); top: 0; left: 0; width: 100%; height: 100%; position: absolute; display: block; -webkit-transition: background 0.25s; -o-transition: background 0.25s; transition: background 0.25s; } .titulo-mod { position: absolute; bottom: 10%; left: 20px; width: 100%; max-width: 93%; z-index: 30; } .subtit-m { font-family: "barlowSB"; color: #fff; font-size: 16pt; } .tit-m { /*text-align: left;*/ color: white; font-size: 12pt; /*letter-spacing: 1px;*/ font-family: "barlow"; position: relative; padding-bottom: 50px; margin-bottom: 50px; padding: 0; margin: 0; } .tit-modulo:hover .overlay-img { -webkit-transition: transform 4s; -o-transition: transform 4s; transition: transform 4s; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .content-block { max-width: 700px; padding: 4rem 3rem; display: table; height: 100%; } .mbr-section-title { font-style: normal; line-height: 1.2; color: #333333; /*font-family: 'gothamB';*/ font-size: 26pt; display: table-cell; vertical-align: middle; } .display-7 { font-family: 'Barlow', sans-serif; font-size: 1.1rem; line-height: 1.4; } .col { padding: 0; display: flex; position: relative; min-height: 400px; justify-content: flex-end; } .overlay-wrapper { width: 50%; height: 100%; position: absolute; right: 50%; transition-delay: 0.3s; top: 0; z-index: 4; } .overlay-wrapper .overlay { position: absolute; transition: all 0.3s; transition-delay: 0.3s; width: 0%; height: 100%; top: 0; right: 0%; background: #eaeaea; z-index: 2; opacity: 1; } .img-content { position: absolute; width: 100%; bottom: 0; left: 0; height: 100%; opacity: 0; display: flex; justify-content: flex-end; align-items: center; transition: all 0.3s; transition-delay: 0s; background-position: center; background-size: cover; z-index: 3; } .box-content { width: 50%; height: 100%; transition: all 0.3s; position: relative; display: flex; flex-direction: column; align-items: flex-end; background: #eaeaea; } .content1 { z-index: 5; max-width: 450px; position: relative; transition: all 0.3s; transition-delay: 0.3s; padding: 4rem 3rem; } .box-title2 { font-size: 22pt; color: #333333; } .box-text2{ font-size: 15pt; opacity: 0; } .box-title2, .box-text2 { transition: all 0.3s; transition-delay: 0s; } .col:hover .overlay-wrapper { width: 100%; right: 0; transition-delay: 0s; } .col:hover .overlay { width: 100%; transition-delay: 0s; } .col:hover .img-content { opacity: 1; width: 100%; transition-delay: 0.3s; } .col:hover .box-title2, .col:hover .box-text2 { color: #ffffff; opacity: 1; transition-delay: 0.3s; } .block1-over { position: absolute; transition: all 0.6s; width: 100%; background-color: #108dbb; opacity: 1; height: 100%; top: 0; left: 0; } .block1 .content-block { max-width: 350px; padding: 4rem 3rem; z-index: 5; position: relative; } .block1:hover .block1-over { opacity: 0; } .block1:hover .box-title2, .block1:hover .box-text2{ color: #fff; opacity: 1; } .btn-explorar{ border: 1px solid #000; padding: 2% 10%; color: #505050; display: inline-block; font-family: 'gothamB'; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-explorar:hover{ border: 1px solid #2fa3c9; color: #2fa3c9; } .btn-cotizar{ display: inline-block; /*font-size: 20pt;*/ font-size: 12pt; color: #fff; background: #00316e; padding: 10px 5%; border-radius: 1.5rem; /*border: 1px solid #ff041e;*/ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; margin-right: 6%; margin-top: 1%; } .btn-cotizar:hover, .btn-cotizar:focus{ color: #ffffff; background: #424242; } .div-medio{ display: table; height: 100%; } .div-medio aside{ display: table-cell; width: 100%; vertical-align: middle; font-size: 15pt; } .div-medio aside h3{ font-size: 28pt; font-family: 'gothamB'; color: #545454; text-align: center; } .video-content .fullcoveredvideo video{ object-fit: contain !important; background-size: contain !important; background: black; } .sin-flecha .tp-leftarrow, .sin-flecha .tp-rightarrow{ display: none; } .ancho-medio{ width: 70%; margin: 0 auto; } .img-centro{ height: 250px; margin: 0 auto; display: block; } .container-mediano{ width: 90%; margin: 0 auto; } .container-grande{ width: 95%; margin: 0 auto; } .div-logos{ display: table; width: 100%; text-align: center; } .div-logos figure { display: inline-block; vertical-align: middle; width: 22%; margin: 10px; } .titulo-span span{ display: inline-block; width: 40px; /*width: 50%;*/ height: 1px; background: #000; margin-bottom: 20px; } .titulo-span span:last-child{ background: #000; } /*.titulo-span h1{ display: inline-block; vertical-align: middle; padding: 0 15px; width: 60%; }*/ .span-inverso span{ background: #ea5055; } .span-inverso span:last-child{ background: #24b9ff; } .con-padding{ padding: 5%; height: 100%; display: table; } .con-padding aside{ display: table-cell; vertical-align: middle; } .cont-pagina{ font-size: 16pt; } .titulos-span { text-align: center; } .titulos-span span{ display: inline-block; width: 37.1%; /* height: 1px; background: #ff4337;*/ } .titulos-span span img{ width: 100%; } .titulos-span h1{ display: inline-block; vertical-align: middle; padding: 0 15px; color: #24b9ff; width: 25%; margin: 0; } .div-producto img{ height: 200px; margin: 0 auto; display: block; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{ margin-left: 0px; } .background-contain.tit-modulo{ background-color: #ffffff; } .background-contain .overlay-img{ background-size: contain; background-repeat: no-repeat; } .div-tabla{ display: table; width: 100%; height: 100%; } .div-col{ display: table-cell; vertical-align: middle; width: 50%; } .div-color{ background: #e2e2e2; color: #585858; padding: 30px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; height: 270px; } .div-color .img-color2{ display: none; } .div-color:hover{ background: #ff4337; color: #fff; } .div-color:hover .img-color1{ display: none; } .div-color:hover .img-color2{ display: inline-block; } .input-sus{ background: white; border: 0; /* border-bottom: 1px solid #ffffff; */ height: 40px; font-size: 10pt; display: inline-block; width: 63%; /* margin-bottom: 10%; */ border-radius: 0; color: #000000; box-shadow: none; } .input-sus:hover, .input-sus:focus{ outline: 0; border-color: #f07d00; box-shadow: inset 0 0px 0px rgba(255, 152, 0, 0.63), 0 0 8px #ff980042; } .input-sus::placeholder:{ color: #000;} .input-sus:-ms-input-placeholder : { color: #000; } .input-sus::-webkit-input-placeholder { color: #000; } .input-sus::-moz-placeholder { color: #000; } .form-horizontal textarea.form-control{ height: auto; } .btn-sus{ background: #ffffff; border: 0; color: #000000; padding: 5px 4%; height: 40px; border-radius: 0; font-size: 10pt; line-height: 1; width: 35%; display: inline-block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-sus:hover, .btn-sus:focus{ background: #39b5d0; color: #000000; } .btn-sus span{ padding-left: 10px; } /*.btn-sus:hover span{ padding-left: 15px; }*/ .row-flex{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .row-flex2{ display: -webkit-flex; -webkit-flex-wrap: wrap; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .justify-content-center { -ms-flex-pack: center!important; justify-content: center!important; } .align-items-center{ -ms-flex-align: center!important; align-items: center!important; } .align-items-bottom{ -ms-flex-align: flex-end!important; align-items: flex-end!important; } .border-left{ border-left: 1px solid #e1e5e8; } .border-left2 { border-left: 1px solid #f6ab00; padding-left: 15px; } .border-top{ border-top: 1px solid #d8d9dd; } .border-bottom{ border-bottom: 1px solid #d8d9dd; } .fondo-blanco .img-prod{ border: 1px solid #eaeaea; } .fondo-blanco .tit-prod{ background: #eaeaea; } .img-izq{ position: absolute; /* width: 150px; left: 0; top: 30%;*/ width: 116px; left: 0; top: 36%; right: auto !important; } .img-der{ position: absolute; right: 0; /*top: 30%; width: 150px;*/ top: 36%; width: 116px; left: auto !important; } .img-izq2{ width: 14%; } .img-der2{ width: 14%; } .div-absolute{ position: relative; } .img-absolute{ position: absolute; top: 0; /* left: 0; */ right: 15px; bottom: 0; width: 50% !important; z-index: 0; height: 100%; } .img-absolute.right{ right: 0; left: auto; } .div-absolute .row-flex{ height: 100%; } .img-sobresalido{ margin-bottom: -60px; z-index: 4; position: relative; } .linea-azul{ border-top: 1px solid #0072bc; } /* nueva mascara azul */ .slide-azul figure { margin: 0; position: relative; overflow: hidden; /*box-shadow: 0px 10px 8px #0000007a;*/ } .slide-azul figure img{ width: 100%; object-fit: cover; height: 250px; -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; -ms-transition: transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .slide-azul:hover figure img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .slide-azul:hover .mascaranegra { opacity: 1; } .mascaraazul{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 114, 188, 0.8); z-index: 1; } .mascaraazul span{ display: table; height: 100%; width: 100%; margin: 0; color: #fff; z-index: 2; } .mascaraazul span font{ display: table-cell; vertical-align: middle; text-align: center; padding: 0 15%; } .mascaraazul span font p{ position: relative; display: inline-block; font-size: 14pt; text-transform: uppercase; text-align: left; margin-bottom: 30px; } .mascaraazul span font p:before{ content: ''; position: absolute; left: -10px; top: 0; bottom: 0; height: 100%; width: 4px; background: #fff; } .swiper-slide.slide-azul .cont-carru{ position: relative; } .swiper-slide.slide-azul.swiper-slide-active{ opacity: 1; margin-top: 6%; transform: scale(1.1); z-index: 1; } .swiper-slide.slide-azul.swiper-slide-active figure img{ height: 300px; } .swiper-slide.slide-azul.swiper-slide-duplicate-active{ opacity: 1; } .swiper-slide.slide-azul.swiper-slide-duplicate-active figure img{ height: 300px; } #swiper1{ margin-top: 8%; } #swiper1 .swiper-button-next, #swiper1 .swiper-button-prev{ margin-top: -40px; } #swiper1 .swiper-button-prev{ background-image: none !important; left: 27%; width: 120px; height: 120px; text-align: center; } #swiper1 .swiper-button-next{ background-image: none !important; right: 27%; width: 120px; height: 120px; text-align: center; } #swiper1 .swiper-button-prev span, #swiper1 .swiper-button-next span{ position: relative; display: block; opacity: 1; } #swiper1 .swiper-button-prev span:before, #swiper1 .swiper-button-next span:before{ font-size: 30px; color: #000000; background: white; padding: 10px; } .link-interes{ width: 28% !important; margin: 5px; } .column-izq a { color: #4e4e4e; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .column-izq a:hover, .column a:focus { color: #0072bc; } .carruser-1{ height: 80vh; width: 50%; float: left; } .carruser-2{ height: 40vh; width: 50%; float: left; } .alto-div{ height: 357px; } .contenedor-img{ position: relative; border: 1px solid #000; } .contenedor-img figure { margin: 0; position: relative; overflow: hidden; } .contenedor-img > figure > img{ width: 100%; object-fit: cover; height: 300px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out; -ms-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .contenedor-img h4 { color: #000; text-align: center; } .contenedor-img:hover > figure > img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .contenedor-img:hover .mascaranegra{ opacity: 1; } .contenedor-img2{ position: relative; overflow: hidden; display: block; color: #000; } .contenedor-img2 figure { margin: 0; position: relative; /*overflow: hidden;*/ } .contenedor-img2 > figure > img{ width: 100%; object-fit: contain; height: 220px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out; -ms-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .contenedor-img2 hr { width: 40%; margin: 16px auto; border-top: 4px solid #ffc107; } .contenedor-img2 h4 { color: #000; text-align: center; margin: 0; padding: 0 15px; } .contenedor-img2 aside { opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .contenedor-img2:hover aside { opacity: 1; } .contenedor-img2:hover, .contenedor-img2:focus{ color: #000; } .contenedor-img2:hover > figure > img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .contenedor-img2:hover .mascaranegra{ opacity: 1; } .contenedor-img2:hover .mascaraicono span{ -webkit-transform: translate(0%, -150%); -moz-transform: translate(0%, -150%); -ms-transform: translate(0%, -150%); -o-transform: translate(0%, -150%); transform: translate(0%, -150%); } .contenedor-img2:hover .mascaraicono span img{ background: #ffc107; } .contenedor-img3{ position: relative; display: block; color: #000; } .contenedor-img3 figure { margin: 0; position: relative; overflow: hidden; } .contenedor-img3 figure > img{ width: 100%; object-fit: cover; height: 340px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out; -ms-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .contenedor-img3 hr { width: 40%; margin: 16px 0; border-top: 1px solid #000000; } .contenedor-img3 h4 { color: #000; text-align: left; margin: 0; padding: 0px; } .contenedor-img3:hover, .contenedor-img3:focus{ color: #000; } .contenedor-img3:hover figure > img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .contenedor-img3:hover .mascaranegra{ opacity: 1; } /* banner slick */ .banner-home { overflow: hidden; } .titulo-banner { font-family: 'skirt'; position: absolute; top: 50%; /*left: 6%;*/ right: 0; color: #fff; /*text-transform: uppercase;*/ /*font-weight: bold;*/ /*font-size: 50pt;*/ font-size: 14pt; width: 100%; text-align: center; line-height: 1.5; } .banner-home img { -webkit-transition: transform 7s ease; -moz-transition: transform 7s ease; -o-transition: transform 7s ease; -ms-transition: transform 7s ease; transition: transform 7s ease; } .banner-home .slick-active .titulo-banner { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .banner-home .slick-active img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: transform 7s ease-in-out; -moz-transition: transform 7s ease-in-out; -o-transition: transform 7s ease-in-out; -ms-transition: transform 7s ease-in-out; transition: transform 7s ease-in-out; } .titulo-banner article { -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); } .titulo-banner article div{ background: transparent; padding: 2% 0; margin-left: 6%; margin-right: 6%; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 1s; } .titulo-banner .linea-banner{ background: #fff; height: 1px; width: 6%; position: relative; display: block; margin: 0 auto; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 1s; } .titulo-banner article h1{ font-size: 48pt; font-family: "skirt"; } .titulo-banner article h2{ font-size: 30pt; /*border-bottom: 1px solid #eaeaea;*/ /*display: inline-block;*/ /*font-weight: normal;*/ } .titulo-banner article h1, .titulo-banner article h2, .titulo-banner article h3{ display: block; margin: 0; } .titulo-banner article p{ display: block; } .banner-home .slick-active .titulo-banner article div{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .titulo-banner article .btn-cotizar{ -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 2s; } .banner-home .slick-active .titulo-banner article .btn-cotizar{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .banner-home .slick-active .titulo-banner article .linea-banner{ -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /* fin banner slick */ .div-cuadro{ position: relative; } .div-cuadro h3{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; font-size: 35pt; -webkit-transform: translate(0%, 50%); -moz-transform: translate(0%, 50%); -ms-transform: translate(0%, 50%); -o-transform: translate(0%, 50%); transform: translate(0%, 50%); } .linkeables { padding: 0; margin: 0; position: relative; display: inline-block; /*text-transform: uppercase;*/ } .linkeables li { list-style: none; display: inline-block; padding: 0; color: #3A3A3A; float: left; } .linkeables li a { color: #3A3A3A; /*text-transform: uppercase;*/ font-size: 10pt; padding: 10px 0px 0; /*font-weight: bold;*/ /*border-bottom: 1px solid #7b4281;*/ } .linkeables li.active a { color: #00316e; font-weight: bold; /*border-bottom: 1px solid #008fd0;*/ } .texto-celeste{ color: #1da4de; text-align: center; } .cuadro-celeste{ background: #1da4de; color: #fff; padding: 10px; text-align: center; } .cuadro-celeste p{ margin: 0; } .cont-left{ float: left; /*width: 10%;*/ } .cont-right{ float: left; width: 90%; padding-left: 3%; } .banner-nav .item{ text-align: center; } .banner-nav .slick-prev:before,.banner-nav .slick-next:before, .banner-nav .slick-prev:after, .banner-nav .slick-next:after{ background: #1da4de; height: 2px; width: 10px; top: 50%; left: 5px; } .banner-nav .slick-prev, .banner-nav .slick-next{ margin-top: -3px; width: 30px; height: 20px; top: 20%; } .banner-nav .slick-prev:before,.banner-nav .slick-next:before{ margin-top: -5px; } .banner-nav .slick-prev:after,.banner-nav .slick-next:after{ margin-top: 0.2rem; } .banner-nav .slick-prev{ left: -2.1rem; } .banner-nav .slick-next{ right: -2.7rem; } .banner-nav .slick-prev:hover:before,.banner-nav .slick-next:hover:before{ margin-top: -5px!important; } .banner-nav .slick-prev:hover:after,.banner-nav .slick-next:hover:after{ margin-top: 0.2rem!important; } .titulo-nav{ color: black; text-transform: capitalize; text-align: center; cursor: pointer; } .titulo-nav:hover{ text-decoration: underline; } .cuadro-noticia{ padding: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background-color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-grid-row-span: 1; grid-row: span 1; /*height: 374px;*/ /*margin: 10px;*/ position: relative; width: auto; min-width: auto; overflow: visible; /*grid-column: span 2;*/ } /*.cuadro-noticia:before{ content: ""; position: absolute; pointer-events: none; width: calc(100% + 20px); height: calc(100% + 20px); top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: 1px solid #e8e8e8; }*/ .cuadro-flotante{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 20px; position: absolute; z-index: 1; bottom: 0; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cuadro-flotante h3{ display: inline-block; color: #fff; } .cuadro-flotante h3 a{ color: #fff; } .cuadro-flotante h3:before{ content: ""; border-bottom: 1px solid #fff; display: block; height: 1px; left: 0; overflow: hidden; position: relative; width: 25px; top: -5px; } .cuadro-flotante h3:after{ border-bottom: 1px solid #fff; content: ""; display: block; height: 1px; left: 0; overflow: hidden; position: relative; width: 25px; bottom: -5px; } .cuadro-flotante h2{ max-width: 50%; } .cuadro-flotante h2 a{ color: #fff; } .cuadro-flotante address a{ color: #fff; } .link-noticia{ height: 100%; width: 100%; display: block; position: relative; } .link-noticia picture{ /*position: relative;*/ overflow: hidden; width: 100%; height: 100%; } .link-noticia picture:before{ content: ""; position: absolute; pointer-events: none; width: 100%; height: 306px; bottom: 0; left: 0; background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(68,68,68,0)),to(#444)); background: linear-gradient(180deg,rgba(68,68,68,0) 20%,#444); } .link-noticia img{ -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; max-height: 500px; } .cuadro-noticia a:hover, .cuadro-noticia a:focus{ text-decoration: underline; } .div-imagen img{ width: 100%; max-height: 200px; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .contenido-noticia{ border: 1px solid #e8e8e8; padding: 10px; } .contenido-noticia aside h3{ display: inline-block; color: #000; } .contenido-noticia aside h3 a{ color: #000; } .contenido-noticia aside h3:before{ content: ""; border-bottom: 1px solid #000; display: block; height: 1px; left: 0; overflow: hidden; position: relative; width: 25px; top: -5px; } .contenido-noticia aside h3:after{ border-bottom: 1px solid #000; content: ""; display: block; height: 1px; left: 0; overflow: hidden; position: relative; width: 25px; bottom: -5px; } .contenido-noticia aside h2 a{ color: #000; } .subtitulo a{ color: #777; font-size: 12pt; } .contenido-noticia a:hover, .contenido-noticia a:focus{ text-decoration: underline; } .contenido-noticia.mas-chico h2{ font-size: 16pt; } .contenido-noticia.mas-chico h3{ font-size: 14pt; } .fondo-alquiler{ background: #dee8e9; padding: 4% 0; } .btn-alquiler{ display: block; background: #8bbbc0; padding: 5%; color: #fff; font-size: 16pt; text-align: center; } .link-alquiler{ display: table; font-size: 16pt; width: 100%; } .link-alquiler img{ height: 70px; } .link-alquiler span:first-child{ display: inline-block; padding: 10px 15px; border-top: 3px solid #00acee; border-right: 3px solid #00adee; border-radius: 0 3rem 0 0; background: white; width: 35%; text-align: center; } .link-alquiler span:last-child{ display: inline-block; vertical-align: top; width: 65%; height: 94px; /* background: #00a9ec; */ /* margin-top: -3px; */ border-bottom: 3px solid #00acee; /* border-left: 3px solid #00abed; */ /* border-radius: 0 3rem 0; */ margin-left: -3px; /*background: red;*/ } .img-icono{ height: 70px; } .story-meta { margin-bottom: 43px; border-top: 0; } } .story-meta [class*="story-"] { float: left; border-right: 1px solid #e5e5e5; padding: 5px 15px; } .story-meta [class*="story-"] { float: left; border-right: 1px solid #e5e5e5; padding: 5px 15px; } .btn-links{ background: #00316e; color: #fff; padding: 4px 15px; display: inline-block; margin: 2px; border: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute; bottom: -15px; left: 50%; margin: 0 auto; -webkit-transform: translate(-50%, 0%) skewX(-10deg); -moz-transform: translate(-50%, 0%) skewX(-10deg); -ms-transform: translate(-50%, 0%) skewX(-10deg); transform: translate(-50%, 0%) skewX(-10deg); will-change: transform; } .btn-links:before{ content: ''; } .btn-links span{ transform: skewX(10deg); position: relative; display: block; will-change: transform; } .btn-links span:before{ font-size: 16px; color: #fff; } .btn-links:hover, .btn-links:focus{ background: #047fba; } .cont-plomo{ /*border: 2px solid #c0da3d; border-radius: 6px;*/ padding: 0; color: #000; /*background: #fbf7f6;*/ position: relative; /*overflow: hidden;*/ z-index: 2; width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .div-plomo{ /* background: #d8d9dd; */ border: 1px solid #759bba; border-radius: 2rem 2rem 0 0; color: #0c224a; padding: 2rem 15px; /*padding: 10px 10px 0; height: 55px;*/ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .div-plomo h4{ /*font-family: 'gothamM';*/ /*font-size: 16px;*/ } .cont-plomo article{ padding: 5%; } .cont-plomo figure{ overflow: hidden; text-align: center; } .cont-plomo figure img{ padding: 5%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; height: 200px; width: auto; margin: 0 auto; object-fit: contain; } .div-plomo h4{ color: #000; } .div-plomo h5{ color: #003670; } .cont-plomo:hover{ /*box-shadow: 0px 0px 6px #ffffff;*/ } .cont-plomo:hover .div-plomo{ background: #003670; color: #fff; } .cont-plomo:hover .div-plomo h4{ color: #fff; } .cont-plomo:hover .div-plomo h5{ color: #00dffb; } .cont-plomo:hover figure img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .cont-plomo:hover .btn-links{ background: #047fba; } .cont-plomo2{ /*border: 2px solid #c0da3d; border-radius: 6px;*/ padding: 0; color: #989898; background: #e3e9ec; position: relative; overflow: hidden; z-index: 2; width: 100%; /*font-family: 'taileb';*/ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .cont-plomo2 article{ padding: 5%; } .cont-plomo2 figure{ overflow: hidden; text-align: center; /*position: absolute; bottom: 0; left: 0; right: 0;*/ } .cont-plomo2 figure img{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; /*width: 100%;*/ display: block; margin: 0 auto; object-fit: contain; } .cont-plomo2:hover{ box-shadow: 0px 0px 6px #ffffff; } .cont-plomo2:hover figure img{ transform: scale(1.1); } #slick1{ /*padding: 0 2.5%;*/ } #slick1 .item { /*padding: 15px;*/ } .div-figure{ position: relative; width: 100%; height: 400px; display: table; } /*.div-figure:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('../img/circulo1.png'); background-size: contain; background-repeat: no-repeat; }*/ .div-figure img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .div-figure h4{ display: table-cell; vertical-align: middle; text-align: center; } .span-morado.titulo-span span:last-child { background: #814582; } #slick3{ padding: 0 4%; } #slick3 .item{ padding: 0 20px; } .cuadro-categoria h3{ margin: 0; padding: 15px 15px; background: #00316e; color: #fff; text-align: left; /* border-radius: 1rem 1rem 0 0; */ /*border-bottom: 1px solid #f07d00;*/ } .cuadro-categoria a{ padding: 14px 15px; display: block; color: #00316e; font-size: 10pt; /*text-transform: uppercase;*/ /*font-family: 'calibri';*/ display: table; vertical-align: middle; width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .cuadro-categoria a span:first-child{ width: 20px; } .cuadro-categoria a span i{ background: #7fa2be; height: 10px; width: 10px; border-radius: 50%; position: relative; display: block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .cuadro-categoria a span{ display: table-cell; vertical-align: middle; } .cuadro-categoria.verde a:hover, .cuadro-categoria.verde a:focus, .cuadro-categoria.verde a.active{ color: #aabf3e; } .grupo-cate { /*margin-top: 4%;*/ } .cuadro-categoria a.tit-subcate{ color: #00316e; font-size: 12pt; /*text-transform: uppercase;*/ /*font-family: 'calibriM';*/ } .cuadro-categoria a:hover, .cuadro-categoria a:focus, .cuadro-categoria a.active{ color: #00316e; background: #bfd1df; } .cuadro-categoria a:hover span i, .cuadro-categoria a:focus span i, .cuadro-categoria a.active span i{ background: #00316e; } .grupo-cate aside{ border-bottom: 1px solid #e6e6e6; } .fondo-morado{ background: #673885; color: #fff; padding: 3% 0; position: relative; } .img-arriba{ position: absolute; top: 0; left: 0; width: 6%; } .img-abajo{ position: absolute; bottom: 0; right: 0; width: 6%; } .container-chico{ width: 74%; margin: 0 auto; } .img-transition{ -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; } .img-transition:hover{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .circulos span{ display: block; font-size: 5rem; } .contadores img{ height: 60px; } .contadores i{ font-size: 170%; font-style: normal; } .contadores h3{ margin-top: 8%; } .timer{ font-weight: bold; font-size: 170%; } .img-marca{ margin: 0 auto; } .img-semitop{ top: 5%; width: 9%; } .img-semibottom{ bottom: 5%; width: 9%; } .slider-testimonio img{ display: inline-block !important; width: auto !important; } .mensaje-correo{ background: #85b924; color: #fff !important; padding: 1rem 3rem; border-radius: 0rem; margin: 0 !important; text-align: justify; font-size: 14px; } /*Magic Zoom nueva version*/ .imagen-grande{ border: 1px solid #c0da3d; border-radius: 1rem; padding: 4px; } .img-top{ position: absolute; top: 0; left: 0; right: 0; width: 100%; } .iconos-home img{ height: 80px; width: auto; margin: 0 auto; display: block; /* -webkit-filter: grayscale(100%); filter: grayscale(100%);*/ /*-webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);*/ -webkit-transition: 0.4s ease-out; -moz-transition: 0.4s ease-out; -ms-transition: 0.4s ease-out; -o-transition: 0.4s ease-out; transition: 0.4s ease-out; } .iconos-home:hover img{ /*-webkit-filter: grayscale(0%); filter: grayscale(0%);*/ /*-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);*/ } .iconos-home a{ color: #000; } .iconos-home:hover a h5{ font-weight: bold; color: #39b5d0; } .iconos-home2 img{ height: 50px; width: auto; margin: 0 auto; display: block; /* -webkit-filter: grayscale(100%); filter: grayscale(100%);*/ /*-webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);*/ -webkit-transition: 0.4s ease-out; -moz-transition: 0.4s ease-out; -ms-transition: 0.4s ease-out; -o-transition: 0.4s ease-out; transition: 0.4s ease-out; } .iconos-home2:hover img{ /*-webkit-filter: grayscale(0%); filter: grayscale(0%);*/ /*-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);*/ } .iconos-home2 a{ color: #000; } .iconos-home2:hover a h5{ font-weight: bold; color: #39b5d0; } /*fin nuevo Magic Zoom*/ .div-informacion{ border: 1px solid #8e8e8e; padding: 2%; -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; -ms-transition: 0.6s ease-out; -o-transition: 0.6s ease-out; transition: 0.6s ease-out; } .div-informacion a{ color: #636362; } .div-informacion span:before{ font-size: 60pt; color: #636362; -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; -ms-transition: 0.6s ease-out; -o-transition: 0.6s ease-out; transition: 0.6s ease-out; } .div-informacion:hover{ background: #8e8e8e; color: #fff; } .div-informacion:hover a{ color: #fff; } .div-informacion:hover span:before{ color: #ffffff; } .div-informacion .img2{ display: none; } .div-informacion img{ height: 68px; width: auto; } .div-informacion:hover .img1{ display: none; } .div-informacion:hover .img2{ display: inline-block; } .cont-claro{ background: #f5f5f5; color: #636362; /*font-family: 'calibriM';*/ /*font-size: 14pt;*/ padding: 3%; } .controles .nav{ float: left; } /* menu usuario */ .menu-sesion.dropdown { display: inline-block; position: initial; } .div-user{ display: inline-block; padding-right: 2px; position: relative; font-size: 9pt; float: right; } .div-user a { color: #636362; padding-left: 6px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .div-user i:before { font-size: 19px; line-height: 1.5; } .div-user a.btn-toggle:hover, .div-user a.btn-toggle:focus{ color: #f07d00; } .div-cerrar { position: relative; display: block; text-align: left !important; padding: 4px; padding-bottom: 2px !important; padding-top: 2px !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .div-cerrar:hover{ background: #eaeaea; } .div-cerrar a { color: #656565; text-decoration: none; font-weight: 100; font-size: 14px; /* padding-left: 6px; */ padding: 10px; display: block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .div-cerrar i:before { font-size: 12pt; padding-right: 4px; } .menu-sesion .dropdown-menu { border: 1px solid #eaeaea; top: 90% !important; padding: 0px; right: 0; left: auto; background: #fff; min-width: 9rem; width: 140px; margin: 0; border-radius: 0; box-shadow: 2px 2px 6px rgba(115, 115, 115, 0.2); } .menu-sesion.dropdown-submenu>a:after, .menu-sesion.dropdown>a:after{ display: none; } /* fin menu usuario */ /* carrito de compra */ .div-carrito { display: inline-block; padding-right: 2px; position: relative; font-size: 9pt; float: right; } #carrito-item{ color: #636362; } .iconos-carro { transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .item-carro { position: relative; font-weight: 100; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .item-carro:before{ font-size: 22pt; } .item-carro em { position: absolute; top: -20px; right: -9px; font-size: 12px; background: #ff0000; border-radius: 50%; width: 18px; color: #fff; height: 18px; text-align: center; padding: 1px; font-style: normal; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .item-carro:hover, .item-carro:focus{ color: #FF9800; } #contenido-carrito { position: absolute; display: none; width: auto; width: 350px; height: auto; margin-left: 0; z-index: 99999; right: 0; top: 149%; } .contenedor-carrito { width: 100%; height: 100%; padding: 16px 15px 36px 15px; background: #fff; border: 1px solid #eaeaea; overflow-x: hidden; max-height: 75vh; } .div-carrito .text-muted { font-size: 12pt; } .item-carrito { display: table; vertical-align: middle; border-color: inherit; width: 100%; } .item-carrito section { display: table-row; vertical-align: inherit; border-color: inherit; } .item-carrito figure { display: table-cell; border-spacing: 0; border-collapse: collapse; vertical-align: middle; width: 20%; text-align: center; } .item-carrito img { height: 45px; width: auto; /* max-width: 100%; */ } .item-carrito a { color: #000; text-transform: capitalize; display: table-cell; border-spacing: 0; border-collapse: collapse; vertical-align: middle; font-size: 9pt; padding: 5px; text-align: right; width: 40%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .item-carrito span { display: table-cell; border-spacing: 0; border-collapse: collapse; vertical-align: middle; padding: 14px 0; font-size: 8pt; width: 10%; } .item-carrito strong { display: table-cell; border-spacing: 0; border-collapse: collapse; vertical-align: middle; font-size: 8pt; width: 66px; padding: 5px; width: 20%; } .cerrar-carrito i:before { font-size: 6px; padding: 7px; background: #f07d23; color: #fff; border-radius: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .item-carrito:hover a{ color: #f07d00; } .cerrar-carrito i:hover:before{ background: #fec500; } .btn-dark{ color: #ffffff; font-size: 11pt; background: #000; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-dark:hover{ color: #fff; background: #f07d23; } .boton-carrito{ margin-right: 10px; text-decoration: none; color: #f07d00; background: transparent; border: 1px solid #f07d00; display: inline-block; padding: 5px 10px; font-size: 11pt; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .boton-carrito:hover, .boton-carrito:focus{ background: #f07d00; color: white; } .boton-pagar{ margin-right: 0px; text-decoration: none; color: white; background: #f07d00; display: inline-block; padding: 5px 10px; font-size: 11pt; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .boton-pagar:hover, .boton-pagar:focus{ background: #636362; color: white; } .div-carrito.active #carrito-item{ color: #f07d00; } /* fin carrito de compra */ /* bucador */ #div-buscar{ display: inline-block; padding-right: 2px; position: relative; float: right; } .buscar-boton{ z-index: 2; position: relative; cursor: pointer; } .buscar-boton:before{ font-size: 21pt; color: #636362; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .buscar-boton:hover:before{ color: #FF9800; } .buscar-boton.active:before{ content: "\f109"; font-family: iconi; /*font-size: 20pt;*/ color: #FF9800; } .buscar-toggle{ position: absolute; /*top: 0px;*/ bottom: 0; /*right: 0px;*/ right: 34px; } .buscar-toggle input{ background: #ffff; color: #000; height: 38px; padding: 10px; border: 1px solid #FF9800; width: 280px; font-size: 10pt; } input:focus, input:active{ outline: 0 !important; } #container-search-product { position: absolute; top: 100%; right: 34px; z-index: 91; width: 280px; background: #fff; border: 1px solid #FF9800; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; overflow-x: auto; max-height: 82vh; } .div-busq { display: flex; /* width: 100%; */ padding: 0 10px; margin-left: -15px; margin-right: -15px; cursor: pointer; } .div-busq figure { display: table-cell; vertical-align: middle; width: 30%; padding: 6px; text-align: center; } .img-fluid { max-width: 100%; height: auto; } .div-busq figure .img-fluid { max-width: 100%; height: auto; max-height: 50px; } .div-busq aside { display: table-cell; vertical-align: middle; width: 70%; } .div-busq aside h3 { font-size: 11pt; color: #382b1f; margin: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .div-busq aside span { font-size: 10pt; color: #7b7b7b; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .div-busq:hover aside h3{ color: #f07d23; } .div-busq:hover aside span{ color: #f07d23; } .um_spinner { margin: 0 auto; width: 70px; text-align: center; /*display:none;*/ } .um_spinner > div { width: 8px; height: 8px; background-color: #f07d23; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .um_spinner .um_bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sum_pinner .um_bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.5) } 40% { -webkit-transform: scale(0.8) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* fin bucador */ .lista ul{ list-style-type: none; line-height: 1.7; } .lista li{ position: relative; } .lista li:before{ content: ""; display: block; width: 20px; height: 20px; background-image: url(../img/check.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: 25%; left: -34px; } .color-plomo{ color: #797979; } .color-plomo p{ color: #797979 !important; } .color-plomo a{ color: #797979 !important; } .sniper{ padding: 5px 0; height: 50px; } .sniper span{ background: #f07d00; padding: 0 10px; color: #fff; margin-left: 10px; } .texto-50{ height: 50px; } .img-encima{ height: 35px; width: auto; margin: 0 auto 10%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .img1{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .img2{ display: none !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .imagenes-hover:hover .img2{ display: inline-block !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .imagenes-hover:hover .img1{ display: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .imagenes-hover.active .img1{ display: none; } .imagenes-hover.active .img2{ display: inline-block !important; } .iconos-home2.active a h5{ font-weight: bold; color: #39b5d0; } .spinner { width: 100px; } .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .input-group-btn-vertical i{ position: absolute; top: 20%; left: 30%; } .spinner .form-control{ border: 1px solid #dadada; border-radius: 0; box-shadow: none; height: 50px; text-align: center; } .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 12px; margin-left: -1px; position: relative; border-radius: 0; color: #000; font-size: 9px; font-weight: 100; background: whitesmoke; border: 1px solid #dadada; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .input-group-btn-vertical > .btn:first-child { /*border-top-right-radius: 4px;*/ } .input-group-btn-vertical > .btn:last-child { margin-top: -2px; /*border-bottom-right-radius: 4px;*/ } .input-group-btn-vertical > .btn:hover, .input-group-btn-vertical > .btn:focus { color: #000; background: #dadada; } .iconos-pagos{ width: 50%; margin: 0 auto; text-align: center; color: #000; position: relative; } .iconos-pagos aside { width: 20%; display: inline-block; vertical-align: top; } .iconos-pagos aside img { height: 80px; /*width: 70px;*/ } .iconos-pagos:before{ content: ' '; position: absolute; /*width: 400px;*/ height: 2px; background: #cccccc; left: 50%; /*top: 37%;*/ /*margin-left: -200px;*/ z-index: -1; width: 45%; top: 42%; margin-left: -23%; } .tabla-transparente{ color: #000; } .tabla-transparente figure{ height: 100px; width: 100px; } .inline-block{ display: inline-block; } .tabla-transparente figure img{ max-height: 100px; padding: 4px; width: auto; } .tabla-transparente > table{ border-bottom: 1px solid #bbb; } .tabla-transparente h5{ display: inline-block; } .tabla-transparente .table > thead > tr > th{ border: 0; border-bottom: 2px solid #bbb; border-top: 0; font-size: 0.96em; text-transform: uppercase; font-weight: bold; } .tabla-transparente .table > tbody > tr > td{ border: 0; vertical-align: middle; line-height: 1.5em; font-size: 1em; border-top: 1px solid #bbb; } .tabla-transparente > table.review{ border: 0 !important; } .tabla-transparente > table.review tr:first-child td{ border-top: 0 !important; } .tabla-transparente > table.review figure{ height: 40px; width: 50px; } .tabla-transparente > table.review figure img { max-height: 40px; } .tabla-transparente > table tr td:first-child{ background-color: transparent; width: auto; } .tabla-transparente > table tr:hover td, .tabla-transparente > table tr:hover th { background: #f5f5f5; color: #000; } .font-weight-bold{ font-weight: bold; } .btn-naranja { background: #f07d00; border: 0; color: #fff; padding: 15px 10px; margin: 5px auto; transition: all 0.5s ease; overflow: hidden; position: relative; display: inline-block; font-size: 12pt; font-weight: bold; text-decoration: none; text-transform: uppercase; width: 100%; text-align: center; border-radius: 4px; } .btn-naranja:hover, .btn-naranja:focus, .btn-naranja:active { background: #000000; color: #fff; } .btn-plomo { background: #999999; border: 0; color: #fff; padding: 15px 10px; margin: 5px auto; transition: all 0.5s ease; overflow: hidden; position: relative; display: inline-block; font-size: 12pt; text-decoration: none; text-transform: uppercase; width: 100%; text-align: center; border-radius: 4px; } .btn-plomo:hover, .btn-plomo:focus, .btn-plomo:active { background: #000000; color: #fff; } .text-liston{ color: #000; font-size: 12pt; /*margin: 10px 0;*/ position: relative; } .text-liston label{ padding-right: 4%; } .text-liston select{ margin-top: 10px; } .text-liston input{ margin-top: 10px; } .text-liston aside.custom-select{ position: relative; width: 100%; } .text-liston aside.custom-select i { position: absolute; top: 35%; right: 2px; color: #252525; line-height: 1.7; z-index: 2; pointer-events: none; } .text-liston aside.custom-select i:before { font-size: 12px; } .btn-absolute { position: absolute; right: 10px; top: 10px; width: auto; } .text-liston .bootstrap-select{ margin-top: 10px; } .bootstrap-select .dropdown-menu{ background: #fff; color: #000; border-radius: 0; padding: 0px 0; margin: 0px 0 0; } .bootstrap-select .dropdown-menu > li > a { font-size: 11pt; padding: 6px 12px; } .bootstrap-select .dropdown-menu li a span.text { color: #646363; padding: 2px 0; } .bootstrap-select .dropdown-menu > li > a:hover, .bootstrap-select .dropdown-menu > li > a:focus, .bootstrap-select .dropdown-menu > li.active > a { color: #fff; text-decoration: none; background-color: #0090d1; } .bootstrap-select .dropdown-menu > li > a:hover > span, .bootstrap-select .dropdown-menu > li > a:focus > span, .bootstrap-select .dropdown-menu > li.active > a > span{ color: #fff; } .bootstrap-select .dropdown-menu li a:hover span.text, .bootstrap-select .dropdown-menu li a:focus span.text{ color: #ffffff; } .bootstrap-select .dropdown-item:focus,.bootstrap-select .dropdown-item:hover { color: #000; text-decoration: none; background-color: #f8f9fa; } .bootstrap-select .btn-default:active:hover, .bootstrap-select .btn-default.active:hover, .bootstrap-select .open > .dropdown-toggle.btn-default:hover, .bootstrap-select .btn-default:active:focus, .bootstrap-select .btn-default.active:focus, .bootstrap-select .open > .dropdown-toggle.btn-default:focus, .bootstrap-select .btn-default:active.focus, .bootstrap-select .btn-default.active.focus, .bootstrap-select .open > .dropdown-toggle.btn-default.focus { color: #333 !important; background-color: #ffffff; border-color: #bbbbbb; } .bootstrap-select .btn-default:focus, .bootstrap-select .btn-default:hover, .bootstrap-select .btn-default:active { color: #646363 !important; background-color: #f7f7f7; border-color: #bbbbbb; /*border: 0;*/ outline: 0px auto -webkit-focus-ring-color!important; outline-offset: 0; outline: 0 !important; } .bootstrap-select .dropdown-toggle { padding: 1.5rem 1rem; height: 55px; font-size: 14pt; line-height: 1; } .bootstrap-select .dropdown-toggle .filter-option{ overflow: visible; } :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) { height: 100%; } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{ outline: none !important; outline-offset: 0 !important; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner{ overflow: visible; } .btn-form-izq .bootstrap-select .dropdown-toggle{ border: 1px solid #424242; border-radius: 3rem 0px 0px 3rem; color: #39b5d0; box-shadow: none; } .btn-form-izq .filter-option{ text-align: center !important; } .btn-form-izq .bootstrap-select .btn-default:focus,.btn-form-izq .bootstrap-select .btn-default:hover,.btn-form-izq .bootstrap-select .btn-default:active{ color: #ffffff !important; background-color: #39b5d0; border-color: #39b5d0 !important; } .btn-form-izq .filter-option-inner{ display: block; } .btn-form-der .bootstrap-select .dropdown-toggle{ border: 1px solid #424242; border-radius: 0 3rem 3rem 0; color: #39b5d0; box-shadow: none; } .btn-form-der .filter-option{ text-align: center !important; } .btn-form-der .bootstrap-select .btn-default:focus,.btn-form-der .bootstrap-select .btn-default:hover,.btn-form-der .bootstrap-select .btn-default:active{ color: #ffffff !important; background-color: #39b5d0; border-color: #39b5d0 !important; } .btn-form-der .filter-option-inner{ display: block; } .bootstrap-select.form-control{ box-shadow: none; } .btn-azul{ background: #2c72cc; border: 0; color: #fff; padding: 10px 45px; margin: 6px auto; overflow: hidden; position: relative; display: inline-block; font-size: 11pt; /* font-weight: bold; */ text-decoration: none; text-transform: uppercase; /* width: 100%; */ text-align: center; border-radius: 10px; /*width: 65%;*/ /*float: right;*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .btn-azul:hover, .btn-azul:focus{ background: #159eed; color: #fff; } .btn-rojo{ background: #ea4335; border: 0; color: #fff; padding: 15px 10px; margin: 5px auto; overflow: hidden; position: relative; display: inline-block; font-size: 12pt; font-weight: bold; text-decoration: none; text-transform: uppercase; width: 100%; text-align: center; border-radius: 4px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .btn-rojo:hover, .btn-rojo:focus{ background: #a2180d; color: #fff; } .cards{ border-radius: 1.25rem; } .cards-body{ min-height: 0; padding: 2.25rem; } .desplegable-mas i:before{ font-size: 12px; color: #000; } .textos-desc{ color: #000; } .textos-desc ul, .textos-desc ol{ padding-left: 18px; } .pagination > li { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .pagination > li > a, .pagination > li > span{ color: #636362; background-color: #636362; border: 1px solid #636362; background-color: transparent; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ color: #fff; background-color: #000000; border-color: #000000; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ color: #fff; background-color: #000000; border-color: #000000; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{ color: #fff; background-color: #000000; border-color: #000000; } .layerslider-wrapper{ max-width: 100% !important; } .img-carro{ width: auto !important; min-height: 40px; max-height: 60px; height: auto; display: block; margin: 0 auto; } .btn-sin-ancho{ width: 25%; } .caja-ambar { display: table; padding-left: 0; width: 100%; height: 100%; min-height: 6.5rem; /*border: 2px solid #fddc5d;*/ border: 2px solid #bbbbbb; border-radius: 1.5rem; margin-bottom: 2%; position: relative; } .caja-ambar .custom-control-label { display: table-cell; vertical-align: middle; padding-left: 4.2rem; cursor: pointer; font-size: 12pt; text-align: left; } .caja-ambar .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .caja-ambar .custom-control-label::before { position: absolute; top: .25rem; left: 0; display: block; width: 1.5rem; height: 1.5rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; } .caja-ambar .custom-control-label::after { position: absolute; top: .25rem; left: 0; display: block; width: 1.5rem; height: 1.5rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .caja-ambar.custom-radio .custom-control-label::before { border-radius: 50%; /*border: 2px solid #000;*/ background: #fff; border: 1px solid #000; box-shadow: inset 0px 0px 0px 2px white; } .caja-ambar .custom-control-label::before { top: 2.9rem; left: 12px; } .caja-ambar.custom-radio .custom-control-input:checked~.custom-control-label::before { /*background-color: #ffe88e;*/ background-color: #0075ff; border-color: #0075ff; } .caja-ambar.custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: none; } .caja-ambar.custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: none; } .btn-plomo { background: #9E9E9E; border: 0; color: #fff; padding: 8px 4%; margin: 5px auto; overflow: hidden; position: relative; display: inline-block; font-size: 15pt; text-decoration: none; text-transform: uppercase; width: auto; text-align: center; border-radius: 4px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .btn-plomo:hover, .btn-plomo:focus { background: #000; color: #fff; } .slick-center .slick-track{ /*display: flex;*/ /*align-content: center;*/ /*align-items: center;*/ } .navbar-cabecera .navbar-nav > li{ padding: 0px 0px; } .navbar-cabecera.navbar{ min-height: 0; display: inline-block; vertical-align: middle; float: none !important; border: 0; margin-right: 0; } .menu .navbar-cabecera .navbar-collapse.collapse{ float: none; width: auto; display: block !important; } .navbar-cabecera ul{ position: relative; display: block !important; } .navbar-cabecera .navbar-nav > li{ padding-top: 0; padding-bottom: 0; padding-right: 0; display: block; } .navbar-cabecera .navbar-nav > li.dropdown > div > a:after{ display: none !important; } .navbar-cabecera .navbar-nav > li > a{ padding: 10px 0; } .navbar-cabecera .dropdown-menu{ padding-top: 0; padding-bottom: 0; min-width: 50px; } .navbar-cabecera .dropdown-menu a{ color: #424242; display: block; padding: 10px; } .navbar-cabecera a span:before { font-size: 6pt; } .navbar-cabecera .nav > li > a:hover, .navbar-cabecera .nav > li > a:focus{ background-color: transparent; color: #0090d9; } .navbar-cabecera a:hover span:before { color: #2f90d1; } .menu .navbar-right { padding-top: 2%; padding-bottom: 2%; margin-right: 0; } .div-blanco{ background: #fff; padding: 15px; margin: 15px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .seccion-img div{ height: 100%; width: 100%; overflow: hidden; } .seccion-img img{ width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .seccion-texto{ padding-left: 15px; padding-right: 15px; color: #001540; font-size: 11pt; vertical-align: top; position: relative; } .seccion-texto em{ color: #04a7e1; font-size: 11pt; } .seccion-texto h2{ color: #001540; } .seccion-texto p{ color: #001540; } .div-blanco:hover { box-shadow: 0 2px 6px 6px rgba(80, 80, 80, 0.1); } .div-blanco:hover .seccion-img img{ transform: scale(1.1); } .btn-flecha{ background: transparent; border: 0; padding: 0; /* float: right; margin-right: 10px;*/ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute; position: absolute; right: 16px; bottom: 0; } .btn-flecha svg{ margin-right: 0px; } .btn-flecha svg g{ stroke: #05a7e1; } .btn-flecha:hover{ /*margin-right: 0px;*/ right: 0px; } .btn-celeste{ background: #0090d1; border: 1px solid transparent; color: #fff; padding: 10px; width: 49%; display: inline-block; font-size: 11pt; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-celeste:hover, .btn-celeste:focus{ border: 1px solid #9a9a9a; color: #ffffff; background: #9a9a9a; } .btn-sky{ background: #199ac1; border: 1px solid transparent; color: #fff; padding: 8px 25px; /*width: 49%;*/ border-radius: 2rem; display: inline-block; font-size: 11pt; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-sky:hover, .btn-sky:focus{ border: 1px solid #9a9a9a; color: #ffffff; background: #9a9a9a; } .btn-transparente2{ background: transparent; border: 1px solid #0090d1; color: #004277; padding: 10px; width: 49%; display: inline-block; font-size: 11pt; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-transparente2:hover, .btn-transparente2:focus{ border: 1px solid #004277; background: #004277; color: #fff; } .select-azul.bootstrap-select> .dropdown-toggle{ background: #004277 !important; border-color: #004277; color: #fff; border-radius: 0px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .select-azul.bootstrap-select>.dropdown-toggle:active, .select-azul.bootstrap-select>.dropdown-toggle:focus, .select-azul.bootstrap-select>.dropdown-toggle:hover{ color: #fff !important; box-shadow: 1px 1px 5px 2px rgb(0 66 119 / 0.3); } .select-azul.bootstrap-select.open > .dropdown-toggle.btn-default{ border-color: #004277; } .select-azul.bootstrap-select> .dropdown-menu{ padding: 0px 0; margin: 0px 0 0; } .select-azul.bootstrap-select .dropdown-menu > li > a{ white-space: normal; } .seccion-blanca{ background: white; padding: 1% 4% 3%; margin-top: -40px; position: relative; color: #424242; } /* linea de tiempo */ .timeline__scale { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .timeline__scale__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; margin-left: 29px; } .timeline__scale__item__year { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /*width: 165px;*/ text-align: right; } .timeline__scale__item__year-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; /*align-items: center;*/ align-items: start; cursor: pointer; color: #424242; font-size: 22pt; font-weight: 500; line-height: 25px; width: 100%; } .timeline__scale__item__year-inner h2{ padding-top: 40px; margin: 0; width: 100%; } .timeline__scale__item__year__circle { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 16px; height: 16px; /*margin-left: 17.5px;*/ -webkit-transition: all ease .15s; transition: all ease .15s; vertical-align: middle; border: 2px solid #E1A800; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 155px; position: absolute; } .timeline__scale__item__year__circle span { /* width: 6px; height: 6px;*/ height: 100%; width: 100%; -webkit-transition: all ease .15s; transition: all ease .15s; color: #E1A800; /*border-radius: 50%;*/ background-color: #E1A800; } .timeline__scale__item__txt { display: block; width: 100%; /*max-width: 420px;*/ margin-left: 40px; color: #424242; font-size: 11.4pt; font-weight: 400; line-height: 25px; position: relative; padding-bottom: 5%; } .timeline__scale__item__txt aside{ padding-top: 40px; } .timeline__scale__item__txt sidebar{ color: #9E9E9E; font-size: 18pt; font-weight: bold; font-family: 'exo2'; /* line-height: 0; */ position: absolute; top: -4px; } /*.invisible { visibility: hidden!important; opacity: 0!important; }*/ .timeline__line { position: absolute; left: 192px; width: 1px; height: 100%; border-right: 1px solid #E1A800; } /* final linea de tiempo*/ .sin-listar{ list-style: none; padding: 0; } .subir-archivo{ border: 1px solid #cecece; border-radius: 1rem; padding: 15px; width: 44%; } .subir-archivo span{ display: table; margin: 0 auto; } .subir-archivo figure{ display: table-cell; vertical-align: middle; } .subir-archivo img{ width: 65px; padding-right: 15%; } .subir-archivo p{ display: table-cell; vertical-align: middle; margin: 0; } /*ul, ol{ padding-inline-start: 15px; }*/ ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul{ padding-inline-start: 20px; } .img-mediano{ width: 90%; } .btn-negro{ background: #000; color: #fff !important; /*border: 2px solid #000;*/ padding: 2% 5%; border-radius: 0rem; display: inline-block; font-size: 12pt; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .btn-negro:hover, .btn-negro:focus{ background: #39b5d0; color: #000 !important; } .btn-blanco{ background: #fff; color: #000 !important; /*border: 2px solid #000;*/ padding: 2% 5%; border-radius: 0rem; display: inline-block; font-size: 12pt; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .btn-blanco:hover, .btn-blanco:focus{ background: #000; color: #fff !important; } .btn-white{ background: #fff; color: #000 !important; border: 0; padding: 10px 15px; border-radius: 0rem; display: block; width: 100%; font-size: 12pt; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .btn-white:hover, .btn-white:focus{ background: #ffc401; color: #000 !important; } .btn-ambar{ background: #ffc400; color: #000 !important; /*border: 2px solid #000;*/ padding: 2% 5%; border-radius: 0rem; display: inline-block; font-size: 12pt; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .btn-ambar:hover, .btn-ambar:focus{ background: #424242; color: #ffffff !important; } .container-completo { width: 100%; } .sin-padding-right{ padding-right: 0 !important; } .sin-padding-left{ padding-left: 0 !important; } .borde-abajo{ border-bottom: 1px solid black; padding-bottom: 3%; } .nicescroll-rails{ /*background: #f5f4fa;*/ /* border: 1px solid #e0e0e0; */ /*border-right: 0;*/ /*box-shadow: inset 0px 0px 4px #b3b3b3;*/ } .btn-playyt{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; width: 100%; background: transparent; border: 0; } .btn-playyt span:before{ color: #fff; font-size: 45px; border-radius: 50%; border: 3px solid #fff; padding: 18px; text-align: center; line-height: 1; } .yt-play.yt-on{ opacity: 0; display: none; } /* EFECTO INICIO */ #loader-wrapper { position:fixed; width:100%; height:100%; left:0; top:0; z-index:99999999999999; background:#fff; } .loader-content { position:absolute; /*text-align:center;*/ left:54%; top:50%; transform:translate(-50%, -50%); width:85px;height:85px; } /*-- 0--*/ #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f41738; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 1001; } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #2c72cc; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #6e6f73; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } /*-- 5 --*/ #preloader5{ position:relative; width:22px; height:22px; background: #dbb042; border-radius:50px; -webkit-animation: preloader_5 1.5s infinite linear; -moz-animation: preloader_5 1.5s infinite linear; -ms-animation: preloader_5 1.5s infinite linear; animation: preloader_5 1.5s infinite linear; } #preloader5:after{ position:absolute; width:85px; height:85px; border-top: 2px solid #03A9F4; border-bottom: 2px solid #03A9F4; border-left:2px solid transparent; border-right:2px solid transparent; border-radius:50px; content:''; top:-33px; left:-33px; -webkit-animation: preloader_5_after 1.5s infinite linear; -moz-animation: preloader_5_after 1.5s infinite linear; -ms-animation: preloader_5_after 1.5s infinite linear; animation: preloader_5_after 1.5s infinite linear; box-sizing: initial !important; } @-webkit-keyframes preloader_5 { 0% {-webkit-transform: rotate(0deg);} 50% {-webkit-transform: rotate(180deg); background:#75602a;} 100% {-webkit-transform: rotate(360deg);} } @-webkit-keyframes preloader_5_after { 0% {border-top:2px solid #dbb042; border-bottom:2px solid #dbb042;} 50% {border-top:2px solid #dbb042; border-bottom:2px solid #dbb042;} 100% {border-top:2px solid #dbb042; border-bottom:2px solid #dbb042;} } @-moz-keyframes preloader_5 { 0% {-moz-transform: rotate(0deg);} 50% {-moz-transform: rotate(180deg);background:#75602a;} 100% {-moz-transform: rotate(360deg);} } @-moz-keyframes preloader_5_after { 0% {border-top:2px solid #dbb042;border-bottom:2px solid #dbb042;} 50% {border-top:2px solid #dbb042;border-bottom:2px solid #dbb042;} 100% {border-top:2px solid #dbb042;border-bottom:2px solid #dbb042;} } @-ms-keyframes preloader_5 { 0% {-ms-transform: rotate(0deg);} 50% {-ms-transform: rotate(180deg);background:#75602a;} 100% {-ms-transform: rotate(360deg);} } @-ms-keyframes preloader_5_after { 0% {border-top:2px solid #dbb042;border-bottom:2px solid #dbb042;} 50% {border-top:2px solid #dbb042;border-bottom:2px solid #dbb042;} 100% {border-top:2px solid #dbb042;border-bottom:2px solid #dbb042;} } @keyframes preloader_5 { 0% {transform: rotate(0deg);} 50% {transform: rotate(180deg);background:#75602a;} 100% {transform: rotate(360deg);} } @keyframes preloader_5_after { 0% {border-top:2px solid #dbb042;border-bottom:2px solid #dbb042;} 50% {border-top:2px solid #dbb042;border-bottom:2px solid #dbb042;} 100% {border-top:2px solid #dbb042;border-bottom:2px solid #dbb042;} } /* FIN EFECTO INICIO*/ .titulo-grande h1{ color: #e2e2e2; font-family: "rozhaone" !important; margin: 0; font-size: 90pt; line-height: 0.7; } .img-parallax{ height: 100%; width: 100%; background-size: cover; background-attachment: fixed; } .fondo-plomo-absolute{ position: relative; } .fondo-plomo-absolute:before{ content: ''; background: #F5F4FA; height: 100%; width: 95%; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; } .fondo-medioplomo-absolute{ position: relative; } .fondo-medioplomo-absolute:before{ content: ''; background: #F5F4FA; height: 60%; width: 60%; position: absolute; bottom: 0; left: 7%; right: 0; } .fondo-medioambar-absolute{ position: relative; } .fondo-medioambar-absolute:before{ content: ''; background: #39b5d0; height: 60%; width: 60%; position: absolute; bottom: 0; left: 7%; right: 0; } .tope:before{ top: 0; bottom: auto; } .fondo-claro-absoluta{ background: #F5F4FA; position: absolute; top: 0; /* left: 0; */ right: 15px; bottom: 0; width: 60% !important; z-index: 0; height: 100%; } .fondo-ambar-absoluta { background: #39b5d0; position: absolute; top: 7%; left: 0; right: auto; bottom: 0; width: 25% !important; z-index: 0; height: 90%; } .fondo-claro2{ padding: 10% 0; z-index: 2; position: relative; color: #000; } .fondo-claro2 h3, .fondo-claro2 h1, .fondo-claro2 h2{ color: #000; } .fondo-claro2 p{ color: #000; margin-top: 2%; /*width: 80%;*/ margin: 2% auto 0; } .div-icono-grande{ color: #000; } .div-icono-grande span:before{ font-size: 35pt; color: #39b5d0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .div-icono-grande:hover span:before{ color: #000; } .textos-grandes{ /*font-size: 16pt;*/ } .textos-grandes h1{ font-size: 26pt; font-family: 'posterizer'; /*margin: 0;*/ } .textos-grandes h2{ font-size: 14pt; font-family: 'posterizer'; /*margin: 0;*/ } .textos-grandes h3{ /*font-size: 20pt;*/ font-family: 'posterizer'; /*margin: 0;*/ } .textos-grandes h4{ /*font-size: 15pt;*/ /*font-family: 'posterizer';*/ /*margin: 0;*/ } .textos-grandes .btn-ambar{ /*font-size: 19pt;*/ /*width: 80%;*/ } .fondo-ambar{ background: #ffc400; padding: 7%; border-radius: 2rem; overflow: hidden; } .textos-megagrandes h1{ font-size: 33pt; font-family: 'posterizer'; /*margin: 0;*/ } .textos-megagrandes h2{ font-size: 28pt; font-family: 'posterizer'; /*margin: 0;*/ } .textos-megagrandes h3{ font-size: 22pt; font-family: 'posterizer'; /*margin: 0;*/ } .textos-megagrandes h4{ /*font-size: 18pt;*/ /*font-family: 'posterizer';*/ /*margin: 0;*/ } .tab_bg figure{ padding: 8%; } .tab_bg figure img{ height: 220px; } .tab_bg dd{ background: #4d4d4d; color: #fff; padding: 4% 15% 6%; display: table; width: 100.3%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .tab_bg dd span{ width: 14%; text-align: left; display: table-cell; vertical-align: middle; } .tab_bg dd span:before{ font-size: 14px; } .tab_bg dd h4{ margin: 0; display: table-cell; vertical-align: middle; text-align: left; /*font-size: 17pt;*/ } .tab_bg dd:hover, .tab_bg dd:focus{ background: #fec300; color: #4d4d4d; } .tab_bg aside{ display: flex; width: 80%; margin: 0 auto; } .tab_bg aside a{ display: table-cell; vertical-align: middle; width: 50%; position: relative; margin-top: 8%; margin-bottom: 4%; } .tab_bg aside a span{ display: table; background: transparent; border-radius: 50%; height: 90px; width: 90px; border: 2px solid #4d4d4d; position: relative; text-align: center; margin: 0 auto; color: #4d4d4d; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .tab_bg aside a i{ display: table-cell; vertical-align: middle; text-align: center; font-style: normal; font-weight: bold; /*font-size: 14pt;*/ } .tab_bg aside a i:before{ content: ""; position: absolute; top: 20%; left: 0; right: 0; bottom: 0; background: #DEEEFC; z-index: -1; border-radius: 50%; height: 60%; width: 60%; margin: 0 auto; } .tab_bg aside a:hover span{ background: #39b5d0; border: 2px solid #39b5d0; color: #fff; } .texto-girado{ writing-mode: tb-rl; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);*/ white-space: nowrap; display: block; padding: 5px; font-family: 'posterizer'; color: #39b5d0; margin: 0 auto; font-size: 30pt; /*writing-mode: horizontal-tb !important;*/ } .mascaraicono{ top: 0; width: 100%; position: absolute; z-index: 9; height: 100%; text-align: center; color: #fff; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .mascaraicono span{ position: absolute; bottom: 0; right: 0; left: 0; z-index: 1; margin: 0 auto; -webkit-transform: translate(0%, 20%); -moz-transform: translate(0%, 20%); -ms-transform: translate(0%, 20%); -o-transform: translate(0%, 20%); transform: translate(0%, 20%); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .mascaraicono span img{ display: inline-block; background: #39b5d0; padding: 19px 10px; width: 55px; border-radius: 50%; box-shadow: 0px 0px 6px rgba(0,0,0,0.7); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .sticky-top{ position: -webkit-sticky; position: sticky; top: 90px; z-index: 1; transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .icono-absoluto{ position: absolute; left: -9%; top: -9%; } .icono-absoluto img{ width: 100px; } .span-absoluto{ background: #fff; color: #39b5d0; display: block; border-radius: 10px; position: absolute; right: -35%; top: 30%; width: 145%; padding: 8px 10px; font-weight: bold; } .div-semiancho{ width: 80%; margin: 0 auto; position: relative; /*padding: 23% 0;*/ /*margin: 25% auto;*/ } .div-alto{ margin: 9% auto; } .div-medida{ display: table; width: 100%; } .div-medida aside{ display: table-cell; width: 100%; vertical-align: middle; color: #424242; padding: 5%; } .div-medida aside h1{ font-family: 'posterizer'; color: white; } .div-medida aside h2{ font-family: 'posterizer'; color: white; } .div-medida aside h3, .div-medida aside h4{ margin: 0; } .div-medida aside h4{ /*font-size: 18pt;*/ } .img-absoluta{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; } .img-absolute-top{ width: 55%; margin: 0 auto; position: absolute; top: -5%; left: 0; right: 0; } .img-absolute-bottom{ width: 55%; margin: 0 auto; position: absolute; bottom: -4%; left: 0; right: 0; } .lista-vertical{ display: inline-flex; padding: 0; list-style: none; margin: 0; margin-top: 8px; } .lista-vertical li{ position: relative; padding-left: 15px; margin: 0 12px 0 0; font-weight: bold; } .lista-vertical li:before{ content: ""; position: absolute; top: 10px; left: 3px; height: 6px; width: 6px; border-radius: 50%; background: #424242; } /* tabulador 2*/ .tabuladores { margin-top: 4%; margin-bottom: 2%; text-align: center; } .tabuladores #tabs{ width: 60%; margin: 0; padding: 0; list-style: none; z-index: 1; clear: both; min-height: 39px; position: relative; display: inline-block; } .tabuladores #tabs li { float: left; /*margin: 0;*/ margin: 0 4px; width: 47.7%; position: relative; } .tabuladores #tabs a { position: relative; background: #4d4d4d; padding: 0.5em 10px; width: 100%; font-size: 14pt; float: left; text-decoration: none; color: #fff; font-weight: bold; border-radius: 0px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -kthtml-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; border: 1px solid #4d4d4d; } .tabuladores #tabs #current a, .tabuladores #tabs #current a::after { background: #ffc400; z-index: 2; color: #4d4d4d; border: 1px solid #ffc400; } .tabuladores #content { width: 100%; padding: 5px 10px 5px 10px; height: auto; position: relative; z-index: 2; border-radius: 0 0px 0px 0px; color: #4d4d4d; } /* fin tabulador 2*/ .alto-vh{ height: 100%; } .div-datos { margin-bottom: 6%; } .titulo-mapa { color: #39b5d0; /*font-size: 15pt;*/ margin: 0; margin-bottom: 4%; } .titulo-mapa img { width: 50px; padding: 6px; } .div-datos aside { padding-left: 50px; } .tabla-datos { display: table; font-size: 11pt; } .tabla-datos i { display: table-cell; vertical-align: top; padding-right: 5px; width: 35px; color: #39b5d0; } .tabla-datos span { display: table-cell; vertical-align: top; } .alto-mapa { height: 80vh; } .mapa { width: 100%; height: 100%; /* height: 400px; */ /* position: absolute; */ } #map { /* height: 600px; */ width: 100%; } .div-combinaciones h3{ background: #39b5d0; padding: 10px 10px 15px; border-radius: 1.5rem; width: 80%; margin: 0 auto; color: #fff; text-align: center; position: relative; z-index: 1; text-transform: uppercase; } .circulos-ambar{ background: #ffc107; color: #424242 !important; /* padding: 5px 10px 10px; */ border-radius: 50%; display: inline-block; margin: 0 auto; height: 55px; width: 55px; display: table; } .circulos-ambar span{ height: 100%; display: table-cell; vertical-align: middle; line-height: 1; font-size: 20pt; padding-bottom: 18%; } .listado-abcdario{ font-size: 0; margin: 0 -5px 1.5rem; text-align: center; padding-left: 0; } .listado-abcdario li{ display: inline-block; vertical-align: top; position: relative; padding: 0 5px 10px; width: 3.7%; } .listado-abcdario li a{ display: block; line-height: 30px; border-radius: 3px; font-size: 15pt; /*font-weight: 700;*/ padding-bottom: 5px; text-transform: uppercase; min-width: 28px; background-color: #39b5d0; color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .listado-abcdario li:hover a{ background-color: #424242; } .listado-abcdario li a.active{ background-color: #424242; } .contenido-fixed{ position: fixed; top: 57px; background: rgb(255, 255, 255, 0.97); z-index: 9; box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.13); margin-top: 0 !important; left: 0; right: 0; width: 100%; text-align: center; padding: 0 4%; } .contenido-fixed > section{ margin-top: 0 !important; } .contenido-fixed .linkeables{ text-align: center; padding: 1.4rem 0; margin-bottom: 0; } .texto-absoluto{ position: absolute; top: 50%; left: -135px; right: 0; width: 50%; margin: 0 auto; } .img-cover{ height: 100%; width: 100%; background-size: cover; background-position: center; } .logo-carru { display: table; width: 100%; cursor: pointer; } .logo-carru figure { display: table-cell; vertical-align: middle; height: 100%; } .logo-carru img{ max-height: 45px; max-width: 80%; width: auto !important; margin: 0 auto; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .logo-carru:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .zoom-imagen{ position: relative; overflow:hidden; } .zoom-imagen img{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .zoom-imagen:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .textos .marker{ background: #bfd1df; padding: 10px; color: #000; text-align: left; display: block; } body .nicescroll-rails:last-child{ opacity: 0 !important; } .marker{ background: #2c72cc; color: #fff; padding: 5px 10px; border-radius: 1rem; display: inline-block; margin: 0px 0px 7px; } /* MEDIA QUERYS */ @media(max-width: 1300px){ .navbar-nav > li{ /*margin: 0px 50px;*/ /*margin: 0px 2em;*/ } .text-logo { right: -100%; left: 96%; bottom: -2px; } .div-logo img { /*padding-left: 40px;*/ } .circulo-qs{ /*height: 30vh; width: 30vh;*/ /*width: 250px; height: 250px;*/ } h1 { font-size: 30px; } h2 { font-size: 27px; } h3 { font-size: 22px; } h4, .h4 { font-size: 17px; } .tabuladores #tabs li{ width: 47.5%; } } @media(max-width: 1300px){ .img-abajo{ width: 5%; } .img-arriba{ width: 5%; } .img-izq2 { width: 10%; } .img-der2 { width: 10%; } } @media(max-width: 1250px){ .divisiones p{ font-size: 8pt; } } @media(max-width: 1200px){ .titulo-banner { font-size: 12pt; } .div-qs { width: 28%; } .seccionimg { width: initial; height: 200px; } .div-noti { width: 33%; } .hojablanca img{ width: auto !important; height: auto !important; max-width: 100%; } .ancho-tabla { width: 100%; display: inline-block; vertical-align: top; } .grupo { width: 33%; } .form-banner{ width: 40%; } .carrusel h4{ font-size: 14pt; } .titulos-pie{ font-size: 14pt; } .div-doble div h1{ font-size: 28pt; } .text-solo{ font-size: 18px; } .textos{ font-size: 12pt; } .div-color{ height: 280px; } .navbar-inverse .navbar-nav > li > div > a{ font-size: 1.5rem; } .fondo-pie a{ font-size: 10pt; } .fondo-pie a p{ font-size: 10pt; } .btn-sus{ font-size: 12pt; } .input-sus{ font-size: 10pt; } .btn-azul{ font-size: 14pt; } .form-horizontal .form-control{ font-size: 11pt; } .carruser h4{ font-size: 14pt; } .circulos span { font-size: 4rem; } .titulo-banner article h1{ font-size: 28pt; } .titulo-banner article h2 { font-size: 20pt; } .marg-abajo-tablet{ margin-bottom: 1.3%; } .titulos-grandes h1{ font-size: 40pt; } .titulo-grande h1{ font-size: 70pt; } .icono-absoluto img { width: 85px; } } /*fin 1200*/ @media(max-width: 1050px){ .navbar-inverse .navbar-nav > li > div > a { font-size: 14px; } .menu-drop1 > div >li > .link-menu > a > h5{ font-size: 14px; margin: 0; } .menu .dropdown-menu.menu-drop2 > li > a{ font-size: 14px; } .telefono{ font-size: 20px; } .padd-col { padding: 10px; } .cuadro-dorado{ font-size: 15px; } .text-logo { right: -100%; left: 82%; bottom: -8px; font-size: 11px; } .div-logo img { /*padding-left: 10px;*/ max-height: 80px; padding: 6px; } .div-cate{ margin: 25px 29px; } .div-cate .btn-ver { position: relative; bottom: 0; margin-top: 8px; } .form-sus { width: 80%; } h1, .h1 { font-size: 17pt; } h2, .h2 { font-size: 15pt; } h3, .h3 { font-size: 13pt; } h4, .h4 { font-size: 11pt; } h5, .h5 { font-size: 10pt; } p { font-size: 11pt; } .cuadro-categoria a.tit-subcate{ font-size: 12pt; } #slick1 { /*padding: 0 0;*/ } .cont-prod img{ height: 165px; } .titulo-banner article h1 { font-size: 28pt; } .btn-cotizar{ font-size: 11pt; } .bootstrap-select .dropdown-toggle{ font-size: 12pt; } .bootstrap-select .dropdown-menu > li > a{ font-size: 12pt; } .btn-transparente2{ font-size: 12pt; } .btn-celeste{ font-size: 12pt; } .btn-transparente{ font-size: 12pt; } .logo-cli h3{ font-size: 15pt; } .seccion-blanca{ margin-top: -50px; } .div-iconos{ font-size: 0.8em; } .linkeables li a{ font-size: 11pt; } .slick-number{ top: -70px !important; } /*.titulos-grandes h1{ font-size: 35pt; } .titulo-grande h1{ font-size: 60pt; } .textos-megagrandes h1 { font-size: 52pt; } .textos-megagrandes h2 { font-size: 35pt; } .textos-megagrandes h3 { font-size: 30pt; } .textos-megagrandes h1 { font-size: 50pt; } .textos-grandes h2 { font-size: 33pt; } .textos-grandes h3 { font-size: 29pt; } .textos-grandes h4 { font-size: 16pt; }*/ .textos-grandes .btn-ambar { font-size: 12pt; } .icono-absoluto img { width: 80px; } } /*final 1050px*/ @media(max-width: 991px){ .servicio-tit h2 { font-size: 1.5em; padding-bottom: 12px; } .servicio-tit .icono-engranaje:before, .noticia-tit .icono-engranaje:before { font-size: 15px; } .marg-cont strong { font-size: 0.85em; } .texto-pag { font-size: 21px; } .divco{ padding: 10px; height: 170px; font-size: 12px; } .div-conten img { height: 170px; } .div-conten { height: 170px; } .form-horizontal .control-label { font-weight: 600; font-size: 13px; } .form-control { padding: 6px 6px; } .tit-prod{ margin-top: 4%; } .div-qs { width: 29%; margin: 15px 13px; } .div-noti { width: 50%; } .divic{ margin-top: 5%; } .tabla-row2{ display: table; width: 100%; position: relative; } .proydiv { /*padding: 0;*/ float: none; /* width: 100%; */ display: inline-block; vertical-align: middle; } .menu { background: #fff !important; /*background: transparent!important;*/ position: relative; padding: 0px 0; /*position: fixed;*/ top: 0; /*box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.075);*/ } .menu-on { position: fixed; top: 0; box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.075); } .menu-on .div-logo img { max-height: 130px; padding: 4px; } .div-logo img.logo2{ display: inline-block; max-height: 50px; padding: 4px; display: none; } .fp-viewing--0 .menu-on .div-logo img.logo2 { display: inline-block; max-height: 64px; padding: 4px; } .menu-on .div-logo img.logo1{ display: none; } .menu-on .div-logo img.logo2{ display: inline-block; } .menu-of .div-logo img.logo2{ display: none; } .menu-of .div-logo img.logo1{ display: inline-block; } .menu-on .header_box .navbar-header{ background: #ffffff; border-right: 1px solid #ececec; } .menu-on .div-logo{ background: #fff; } .menu-on .header_box .icon-bar + .icon-bar { background: #424242; } .menu-on .header_box .navbar-toggle .icon-bar{ background: #424242; } .top-cab { position: relative; /*background: black;*/ } .cont-cab { display: table; width: 100%; } .header_box .navbar-header { display: table-cell; vertical-align: middle; text-align: center; float: none; background: #fff; border-right: 1px solid #ececec; width: 100px; } .header_box .navbar-toggle { z-index: 9999; margin: 0; float: none; } .header_box .navbar-toggle .icon-bar { background: #424242; } .header_box .icon-bar + .icon-bar { background: #424242; } .header_box .navbar-toggle.active .icon-bar { background: #fff; } .header_box .navbar-toggle.active .icon-bar + .icon-bar { background: #fff; } .div-logo { display: table-cell; vertical-align: middle; background: #fff; text-align: center; } .menu-circular { position: relative; z-index: 99999; } .navbar-inverse { /*background-color: rgba(34, 34, 34, 0);*/ border-color: #000000; min-height: 0; border: 0; display: block; vertical-align: middle; width: 100%; background: #000000; min-height: 0; } .navbar-inverse .navbar-nav > li > div > a:hover, .navbar-inverse .navbar-nav > li > div > a:focus { color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #fff; } .active a.scroll-link { color: #fff !important; } .navbar-nav > li { padding-bottom: 0; margin-left: 0; } .navbar-nav > li { float: none; margin: 0px; text-align: left; } .top-cab a img { height: 18px; } .img-line{ display: none; } .navbar-nav { float: none; margin: 0 -5px; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #000000; font-weight: 700; background-color: #ffffff; } .navbar-inverse .navbar-nav > li > a { border-radius: 0; padding: 15px 10px !important; color: #f0f0f0; } .titcontt { top: 5px; line-height: 40px !important; } .divicol { margin-top: 5%; } .grupo-buscar { width: 100%; position: relative; margin-right: 0; } .div-ben{ width: 43%; } .link-menu { display: inline-flex; width: 100%; } .link-menu a:first-child { display: table-cell !important; width: 100%; /*padding-left: 10px;*/ /*color: #f1f1f1 !important;*/ background: transparent; padding: 18px; } .link-menu button { display: table-cell !important; /*width: 60px;*/ background: transparent; border: 0; outline: 0; vertical-align: middle; padding: 15px 25px; /*height: 100%;*/ position: relative; } .link-menu button.dropdown-toggle:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 4px 0 4px 4px; border-left-color: #fff; margin-top: 6px; margin-right: 15px; } .dropdown.open > .link-menu > button.dropdown-toggle:after{ border-left-color: #fff; } .dropdown.active > .link-menu > button.dropdown-toggle:after{ border-left-color: #182e4b; } .navbar-inverse .navbar-nav > .active > div > a, .navbar-inverse .navbar-nav > .active > div > a:hover, .navbar-inverse .navbar-nav > .active > div > a:focus { color: #fff; /*font-weight: 700;*/ background-color: #159eed; border-radius: 4px; border-radius: 0; } .navbar-inverse .navbar-nav > .active > div.link-menu > button{ background: #fff; /*padding: 30px;*/ } .menu .dropdown-menu span:before { font-size: 25px; margin-right: 15px; } .img-menu { height: 85px; margin-right: 15px; } .menu .navbar-nav .open .dropdown-menu { /*position: static;*/ position: relative; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .menu .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #fff; border-color: #fff; } .menu .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 15px 40px !important; } .menu .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .menu .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color: #3890d6; background: #ffffff; font-weight: bold; } .menu .dropdown.active > .link-menu{ background: #fff; } .menu .dropdown.open > .link-menu{ background: #39b5d0; } .menu .dropdown.open > .link-menu > a{ color: #fff; } .menu .dropdown-submenu.open > .link-menu{ background: #39b5d0; } .menu .dropdown-submenu.open > .link-menu >a{ background-color: #f3f3f3; } .menu .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color: #182e4b!important; background: #dedede; font-weight: 100; } .menu .dropdown-submenu>.menu-drop2 { left: 0; } .div-right { float: none; } .banner-int { height: auto; } .indicator { width: 100%; margin-top: -5%; top: 0; position: relative; } .indicator h3{ text-align: left; font-size: 24px; } .div-teprinc { position: relative; margin-bottom: 5px; } .div-imgprin { position: relative; width: 100%; /* width: 50%; */ float: left; } .img-prin { margin: 0rem auto 3rem; } .spanleft{ background: #c4ae49; color: #fff; padding: 10px; display: table-cell; vertical-align: middle; display: block; } .txtTAcontainer{ position: relative; left: auto!important; top: auto!important; bottom: auto !important; padding: 0; padding: 1rem 0; right: auto!important; text-align: left !important; width: auto !important; float: none; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); -ms-transform: translate(0,0); display: table-cell !important; padding-left: 8px; opacity: 1; } .lineTA { display: none !important; } .text-logo { right: 0; left: 0; bottom: 0; font-size: 11px; position: relative; } .tabla-col { display: block; vertical-align: middle; float: left; } .tabla-row { display: block; position: relative; width: auto; } .raya-abajo:before { bottom: -10px; /*left: 0;*/ } .icono-producto { bottom: 50%; right: 3%; top: auto; z-index: 99; } .icono-producto:before { font-size: 35px !important; } .tabla-scroll{ overflow: auto !important; overflow-x: scroll !important; } .grupo-buscar .form-control{ border-bottom: 1px solid #ffffff; background: white; } .prod-img img { max-height: inherit; width: 100%; } .div-cate { margin: 25px 8px; width: 100%; } .grupo { width: 50%; } .menu2 li:first-child{ border-bottom: 1px solid #c7c7c7; padding: 20px; color: #c7c7c7; } .menu2 li a{ padding: 15px 20px !important; color: #ffffff; font-size: 14px; font-family: DINR; } .menu2 a{ display: inline-block; padding: 8px 20px; } .menu2 span:before { font-size: 28px; color: #fff; } .redes-menu li:first-child{ border-bottom: 1px solid #7b5cc1; padding: 11px; color: #8262ca; } .redes-menu a{ display: inline-block; padding: 10px; color: #fff; } .redes-menu a .icono-facebook:before{ color: #0078d0; } .redes-menu a .icono-youtube:before{ color: #ff2121; } .redes-menu a .icono-twitter:before{ color: #0997ff; } .redes-menu a .icono-whatsapp:before{ color: #7cb342; } .navbar-inverse .navbar-nav > li > div > a{ font-size: 12pt; letter-spacing: 0px; padding-top: 15px; padding-bottom: 15px; color: #fff; } .titulo-duo2 h2 { font-size: 3rem; } .div-text { font-size: 1.2em; } .logo-fot{ height: 55px; } .titulo-esp { margin-top: 0; margin: 0 -15px; } .titulo-esp h2{ font-size: 20px; display: block; } .tabla-iconos { display: block; } .tabla-iconos .lado-iqz { display: block; float: left; } .tabla-iconos .lado-der { float: left; display: block; } .centrar-politica .cont-eq { display: block; padding: 0% 0%; height: auto; } .div-imgpol { /*height: 55vh; width: 100%; display: block; float: none !important;*/ } .centrar-politica .text-eq { display: block; width: 100%; float: none !important; } .section-img { width: 100%; margin: 0 0 15px; } .texto-rojo{ text-align: justify; } .form-sus { width: 100%; } /*body { font-size: 16px; }*/ .fondo-rojo a{ font-size: 1.6rem; } h2, .h2{ font-size: 24px; } .titulo-linea h1 { font-size: 3rem; } .texto-blanco { font-size: 1.6rem; } .titulo-duo h2{ font-size: 2rem; } .fp-viewing--0 .menu-on .div-logo img.logo1 { max-height: 70px; } #fp-nav.left { left: -70px !important; } .div-detalles { padding-top: 0; transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; -o-transform: none; } .divisiones p:first-child{ width: 50%; } .divisiones p:last-child{ width: 50%; } .cuadro-verde{ display: none; } .tabs li.active a { color: #ffffff; font-weight: 500; background: #4f7a2d; height: 100%; width: 100%; } #tabs li{ margin: 0; width: 50%; border-radius: 0; } .tabla-grupal { width: 100%; margin: 0 auto 15px; } .col-grupal { width: 50%; } .sin-padding-sm{ padding: 0 !important; } .sin-margen-sm{ margin: 0 !important; } .width-acho-sm{ width: 100% !important; } .lado-izq { padding: 0 1% 0 5%; } .col-der { padding: 0; } .lado-der { padding: 0 0% 0 35px; } .seccion-der .lado-izq { padding: 0 1% 0 1%; } .project-logo{ width: 100%; } .navbar-nav .open .dropdown-menu li{ text-align: left; } .menu-drop1 li a{ font-size: 15px; /*font-weight: 700;*/ color: #fff !important; padding-left: 20px !important; /*text-transform: uppercase;*/ border-left: 6px solid #424242 !important; } .menu-drop1 li a img{ display: none; } .menu-drop1 li:hover a{ border-left: 6px solid #39b5d0 !important; } .menu-drop1 li.active a{ border-left: 6px solid #39b5d0 !important; } .dropdown-submenu.open > .link-menu > a{ color:#182e4b !important; } .dropdown-submenu.open > .link-menu > button.dropdown-toggle:after{ border-left-color: #182e4b; } .dropdown-submenu.open .dropdown-menu{ background-color: #475569 !important; border-radius: 0 !important; } .dropdown-submenu.open .dropdown-menu > li > a{ padding-left: 30px !important; } .modal-absoluto .modal-dialog{ height: 100%; width: 100%; /* position: absolute; */ margin: 0; } .modal-absoluto.modal-marca .modal-content{ border: 0px solid rgba(0, 0, 0, .2); margin-top: 0; /* padding: 15px; */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-absoluto .modal-header{ min-height: 0; border-radius: 0; margin: 0; padding: 0; } .modal-absoluto .row{ position: absolute; width: 100%; height: 100%; margin: 0; top: 0; left: 0; } /* .modal-backdrop{ background-color: #19a0da; }*/ .modal-absoluto.modal-marca .close{ color: #ffffff; top: 0; } .modal-absoluto .mod-text{ padding: 0; height: 100%; } .modal-absoluto .project-section-content{ height: 100%; } .modal-absoluto .more-info{ padding: 15px; } .modal-absoluto .project-more-information .more-info .overlay{ background-color: #65b328; } .fondo-contacto{ padding-top: 61px; height: auto; min-height: 100vh; } .pag-contact aside{ padding: 0 30px; } .fondo-pie2{ padding: 4% 0; } .contenido-pagina{ padding-top: 60px; } .cont-alto { padding-top: 0; } .padding-left { padding-left: 30px; } .padding-right { padding-right: 30px; } .cont-alto aside{ padding: 0 3%; } .portfolio .fullwidth-block .portfolio-set .portfolio-item { width: 50%; position: relative; } #demo3 .owl-nav { display: none; } .fondo-pie{ background-size: cover; overflow: hidden; } .fondo-pie .tabla-row{ overflow: hidden; } .cont-solucion aside{ height: auto; } .div-color img{ height: 100px; padding: 5px; } .form-azul { padding: 1% 0%; } .div-color{ height: auto; } .carruser h4{ font-size: 12pt; } .btn-sus{ width: 100%; } .tabla-md{ width: 100%; } #owl-demo3 .items a { display: block; text-align: center; } .div-doble div{ padding-right: 0; font-size: 12pt; } .fondo-menu{ height: 95px; } .cont-prod img { height: 195px; } .div-prod .texto-carru a { font-size: 15px; } .carru-prec{ font-size: 1.1em; } .in > .dropdown-menu{ display: block; } .link-admin{ display: block; position: relative; } .div-redes{ text-align: center; } .logo-top { display: none; } .top-cab { /*background: #4e4e4e;*/ padding: 0px 0%; } .top-cab a { color: #fff; font-size: 8pt; padding: 4px 5px; } .circulo-qs { /* height: 26vh; width: 26vh;*/ } .div-logo img{ position: relative; max-height: 65px; } /*menu ancho*/ .header_box .collapse{ position: fixed; top: 0; left: -100%; height: 100% !important; width: 100%; background: #2c72cc; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .header_box .collapse.in { left: 0; } .header_box .navbar-inverse { background: transparent; height: 100%; width: 100%; position: fixed; top: 0; left: -100%; z-index: 9999; } .header_box .navbar-nav { float: none; height: 100%; padding-top: 30%; } #nav-toggle i{ display: none; } #nav-toggle.active{ position: absolute; right: 5px; top: 20px; color: #fff; z-index: 99991; background: #2C72CD; } #nav-toggle.active .icon-bar{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #nav-toggle.active .icon-bar + .icon-bar{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; } #nav-toggle.active .icon-bar + .icon-bar + .icon-bar{ display: none; } #nav-toggle.active i{ display: block; } .container-chico { width: 90%; } .div-figure h4{ font-size: 10pt; } .MagicThumb > img { width: auto; height: 300px; } .circulos span{ font-size: 3.5rem; } .bar-right{ width: 30%; padding-right: 12px; display: none !important; } .titulo-banner{ font-size: 12pt; width: 80%; } .btn-cotizar{ font-size: 11pt; } .div-logo a{ padding-bottom: 0; } #contenido-carrito{ top: 100%; } .menu-sesion .dropdown-menu{ top: 100% !important; } .btn-webmail{ padding: 2px 10px !important; } .navbar-collapse{ -webkit-box-shadow: none; box-shadow: none; border: 0; padding-right: 5px; padding-left: 5px; } .top-cab .div-right a:before{ left: -2px; } .navbar-cabecera ul{ margin: 0; } .navbar-cabecera .navbar-nav > li > a { padding: 5px 0; } .navbar-cabecera .nav .open > a, .navbar-cabecera .nav .open > a:hover, .navbar-cabecera .nav .open > a:focus { background-color: #424242; border-color: #424242; } .navbar-cabecera .dropdown-menu a { color: #fff; display: block; padding: 5px 5px; background: #0090d1; } .navbar-cabecera .nav .open > a, .navbar-cabecera .nav .open > a:hover, .navbar-cabecera .nav .open > a:focus{ color: #0090d1; background-color: #424242; border-color: #424242; } .navbar-cabecera .nav .open > a span:before, .navbar-cabecera .nav .open > a:hover span:before, .navbar-cabecera .nav .open > a:focus span:before{ color: #0090d1; } .navbar-cabecera .navbar-nav .open .dropdown-menu{ position: absolute; } .navbar-cabecera .div-right { float: none; } .titulo-banner article h1 { font-size: 25pt; } .slick-number{ top: -45px !important; } .img-mediano{ width: 40%; } .input-sus { width: 100%; margin-bottom: 4%; } .titulos-grandes h1{ font-size: 30pt; } .titulo-grande h1{ font-size: 50pt; } .margen-arriba-sm{ margin-top: 4% !important; } .margen-abajo-sm{ margin-bottom: 4% !important; } .textos-megagrandes h1 { font-size: 20pt; } .textos-megagrandes h2{ font-size: 18pt; } .textos-megagrandes h3{ font-size: 16pt; } .textos-grandes h1 { font-size: 20pt; } .textos-grandes h2 { font-size: 18pt; } .textos-grandes h3 { font-size: 16pt; } .textos-grandes h4 { font-size: 15pt; } .textos-grandes .btn-ambar { font-size: 14pt; } .tabulador #tabs{ width: 35%; } .contenedor-img2 aside { opacity: 1; } .desliz h4{ font-size: 15pt; } .icono-absoluto img { width: 70px; } .listado-abcdario li{ width: 6.7%; } } /*fin 991px*/ @media(max-width: 767px){ .slick-dots li{ margin: 0 2px !important; } .div-plomo{ height: auto; } .top-cab .div-right span.icont-mails:before{ background: #fff; color: #000; } .top-cab .div-right i{ display: none; } .portfolio .fullwidth-block .portfolio-set .portfolio-item { width: 100%; position: relative; } .project-logo img{ max-height: 42px; } .tabla-colflex.lado-izq.shown{ height: 92%; } #fp-nav { display: none; } .lado-izq { padding: 0 3% 0 3% !important; float: none!important; } .col-der { padding: 0 !important; } .tabla-colflex.lado-izq { height: auto; /*position: static;*/ position: unset; position: inherit; } .project-more-information .more-info .form-container{ flex-wrap: nowrap; } .grupo-de-botones{ text-align: center; position: absolute; /*bottom: 0;*/ bottom: 56px; left: 0; z-index: 9999; margin: 0; display: flex; width: 100%; flex-wrap: wrap; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .btn-verde{ flex-wrap: nowrap; flex-direction: column; align-items: stretch; align-content: center; justify-content: space-between; font-size: 5.5pt; border: 1px solid #f3f3f3; margin-right: 0; border-radius: 0; background: #ffffff; width: 20%; color: #606060; padding: 0px 5px; } .btn-verde:hover { transform: translateY(0em); box-shadow: none; color: #5ca633; } .btn-verde:active, .btn-verde.active { background-color: white; color: #5ca633; } .btn-verde i{ display: block; } .btn-verde em{ font-style: normal; } /*.fp-section{ display: none !important; } .fp-section.active{ display: block !important; }*/ .tabulador.hide{ display: none; } .tabulador.shown{ display: block; height: 64%; } .tabulador.shown .tab_bg{ height: 78%; } .tabla-flex{ padding-top: 70px !important; } .link-verde{ background: #b1dd65; padding: 3px 8px; border-radius: 4px; font-size: 9pt; width: 70%; text-align: center; margin: 0; } .svg-icon > svg { width: 12px; height: 12px; } .tabulador .tabla-grupal { width: 100%; margin: 0 auto; padding-bottom: 12px; } .tabla-colflex { height: 74%; } .project-more-information .more-info .form-container .title h2 { font-size: 2rem; margin-bottom: 15px; } .project-more-information .more-info .form-container .title p { font-size: 1.6rem; } .fancybox-title.fancybox-title-inside-wrap{ background: #00316e; color: #fff; text-transform: uppercase; text-align: center; padding: 10px 10px; font-size: 17px; } .fancybox-skin{ background: transparent; } #iframe{ margin-top: 9%; } #contacto { margin-bottom: 0; } .sin-padding-cel{ padding: 0 !important; } .padding-arriba-cel{ padding-top: 4% !important; } .padding-abajo-cel{ padding-bottom: 4% !important; } .menu-on .div-logo img { max-height: 65px; padding: 6px; } .logo-fot{ height: 45px; } #demo .owl-nav { position: absolute; /*top: -70px;*/ top: 50%; left: 8px; right: 8px; } #owl-demo .icono-next { right: -40px; padding: 5px; } #owl-demo .icono-prev { left: -40px; padding: 5px; } /*.seccionimg { height: 245px; }*/ .menu { padding: 0px 0; } .padding-cel{ padding: 0; } /*h2, h1, h3{ font-size: 20px; }*/ .navbar { border: 0px solid transparent; } .navbar-inverse { background-color: rgba(34, 34, 34, 0); border-color: rgba(8, 8, 8, 0); background: #013d6e; min-height: 0; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #3980bf; } .navbar-inverse .navbar-toggle { border-color: #4f8fc8; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-nav > li > a{ border-radius: 0; padding: 15px 20px !important; font-size: 16px; color: #f0f0f0; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #182e4b !important; background-color: #dedede; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color: #ffffff; background: #636362; font-weight: bold; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #000000; font-weight: 700; background-color: #f0f0f0; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #000000; font-weight: 700; background-color: #ffffff; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #000000; background-color: #f0f0f0; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { /*padding: 15px 20px !important;*/ } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #FFFFFF; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #121a1d; } .servicio-tit{ /*background: linear-gradient( 180deg, #003769, #0BB5FF );*/ padding: 1.5% 0; height: auto; } /*.div-serv { display: block; width: 100%; }*/ .noticia-tit{ padding: 2% 0; height: auto; } .servicio-tit h2, .noticia-tit h2{ font-size: 1.3em; padding-bottom: 0px; } .servicio-tit .icono-engranaje:before, .noticia-tit .icono-engranaje:before{ font-size: 12px; } #demo3{ padding: 1% 0% 0px; } .centro{ text-align: center; } .titulos-pie{ text-align: center; } .texto-left{ text-align: center; display: inline-block !important; } .texto-left.img-pop img{ float: none; } .texto-right{ text-align: center; display: inline-block !important; } .texto-right.img-pop img{ float: none; } label{ text-align: right; } .marg-cont{ padding: 0 5%; } .mapa-contacto #contact-us-map { height: 300px; } .mapa-contacto .section-map { height: 300px; } .titulos-pie { font-size: 17px; text-align: left; } .color-fondo-pie { font-size: 10px; } .cont-pag .form-horizontal .control-label { font-size: 1px; text-align: left; padding: 1px 3px 1px 8px; } p{ font-size: 11pt; } .btn-vermas{ padding: 10px 10px; font-size: 12pt; } .wrap p, .wrap a { font-size: 12px; } .img-cli img{ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; cursor: pointer; opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .wrap-carru:hover img{ transform: initial; } .img-cli { width: 200px; float: initial; margin: 0 auto; } .color-fondo-pie p { text-align: lef; } .cont-pag p { font-size: 13px; } .texto-pag { font-size: 18px; } .div-conten { height: auto; overflow: visible; } .div-conten img { height: auto; } .divco{ height: auto; } /*/*/ .header_box { /*display: block;*/ } .div-logo { /*display: block;*/ text-align: center; } .fondo-plomo p { /*font-size: 12pt;*/ width: 100%; margin: 0; } .textop { font-size: 1em; width: 100%; margin: 6% auto 6%; text-align: justify; } blockquote{ padding: 0; } .titulos:after { width: 20%; } .fondo-negro{ padding: 8% 0; } .fondo-negro p { font-size: 1.04em; width: 97%; margin: 4% auto 2%; } .cont-conoce p { font-size: small; } .texto-p1 { width: 100%; } .centrar-politica .cont-eq { display: block; padding: 0% 0%; height: auto; } .div-imgpol { height: 70vh; width: 100%; display: block; float: none !important; } .centrar-politica .text-eq { display: block; width: 100%; float: none !important; } .fondo-blanco { background: white; padding: 4% 15px; width: 100%; } .titulos { /*margin: 2% 0 2%;*/ } .margen-bottom { margin-bottom: 25px; } .margen-top { margin-top: 25px; } .fondo-divs{ padding-top: 5%; } .fondo-divs .container { margin-top: 0; } .cont-link { width: 100%; margin-bottom: 5%; } .tit-rayadob:before{ width: 26%; } .tit-rayadob-libre:before{ top: 10px; width: 26%; } .tit-rayadob-libre:after{ height: 200%; top: -37px; } .tabla-row { display: block; } .tabla-col { display: block; float: left; width: 100%; } .raya-der:after{ right: 4px; top: 4px; } .raya-der:before{ right: 4px; top: 4px; } .raya-izq:before{ left: 4px; bottom: 4px; } .raya-izq:after{ left: 4px; bottom: 4px; } .fondo-contac{ text-align: center; } .centrado3{ top: 30%; margin-left: 0; font-size: 39px; width: 100%; } .img img{ float: none!important; height: auto !important; width: 100% !important; margin: 0!important; } .img-line{ display: none; } .contenedor-absoluta { position: relative; } .contenedor-absoluta section { width: 100%; float: none; } .texto-n { width: 100%; } .contenido-pagina { position: relative; top: 0; } .seccion-banner{ /*height: 40vh !important; */ } .menu-circular { position: relative; } .titulos3{ left: 15px; right: auto; } #form{ margin-bottom: 25px; } .tabla-row2{ display: block; width: auto; position: relative; } .proydiv { padding: 0; float: left; /* width: 100%; */ display: block; vertical-align: middle; } .tit-form h4{ font-size: 13px; } .div-ben { display: block; width: 100%; margin: 10px 0; } .div-cate{ width: 100%; margin: 5px 0px; } .div-cate h3{ font-size: 15px; } .prod-text aside{ min-height: auto; } .contenedor-listas article { width: 100%; } .fondo-inicio article { width: 100%; } .tabuladores #tabs{ width: 100%; } .tabuladores #content{ padding: 0 15px; } .tabuladores #tabs li{ width: 47%; } #tabs{ width: 100%; margin-bottom: 4%; padding-top: 0; height: 40px; max-height: 40px; } #content { width: 100%; margin-left: 0; } #tabs li#current a:before { opacity: 0; } /* #tabs li { margin: 5px 6px; width: 47%; }*/ .imghome { position: relative; bottom: 0; } .owl-carousel .icono-prev { margin-left: 0; top: 25%; } .owl-carousel .icono-next { margin-right: 0; top: 25%; } .modal-inicio .close { top: 0; } .img-pop{ padding: 20% 0%; } .modal-inicio .owl-carousel .icono-next { margin-right: -50px; top: 40%; } .modal-inicio .owl-carousel .icono-prev { margin-left: -50px; top: 40%; } .img-pop img{ width: 100% !important; height: auto !important; } .tabla-iconos { display: block; width: auto; } .tabla-iconos .lado-iqz { float: left; display: block; padding-left: 0; text-align: center; } .tabla-iconos .lado-der { float: left; display: block; background: #dd3d87; } .tabla-iconos .lado-der a { display: table; width: 100%; padding: 12px 3%; margin: 0 0 4px; } .div-iconos { margin: 2% 0; } .titulo{ /*margin: 0% 4% 15px;*/ } .aling-img { text-align: center; } .titulo-ambar { font-size: 2em; } .titulo-ambar2 { font-size: 1.1em; } .tab#tabs li { width: 21.5%; margin: 0px 6px; } .tab#tabs li a { font-size: 1em; } .tab#tabs li a img { height: auto !important; } .tab#tabs ul { padding: 0; } .tab#tabs ul:before{ left: 48%; } .modal-marca .modal-content{ margin-top: 15%; /*padding: 15px;*/ } .pad-col { padding: 20px 10%; } .modal-marca .close { right: 0; top: -60px; } /*.titulo-duo2 h2 { font-size: 2rem; line-height: 32px; word-break: break-all; margin: 0; }*/ .div-text { font-size: 1em; width: auto; text-align: justify; } .btn-leer { /*font-size: 24px;*/ } .titulo-duo h2 { font-size: 12pt; } .menu-on{ position: fixed; top: 0; box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.075); } img.logo-banner { width: 100% !important; height: auto !important; } .rev_column_inner, .rev_slider .tp-caption.rev_row{ padding: 0 !important; } .cuadrodorado .seccionimg { width: 100%; } .cuadro-dorado{ font-size: 18px; } .margen-top-form { margin-top: 0px; } .titulos h1 { font-size: 22pt; } .titulo-linea h1 { font-size: 22pt; padding-top: 8px; } .img-right { right: 0; margin: 10px 0; } .img-left { left: 0; margin: 10px 0; } .fondo-negro p { font-size: 1em; width: auto; text-align: justify; } .fondo-rojo{ text-align: center; display: block; } .fondo-rojo a{ font-size: 1em; margin: 7px; display: block; } .fondo-rojo a span:before { font-size: 24px; } .form-sus { width: 100%; } #demo2 { padding: 0; } .cont-certificado a img { max-height: 100px; } #correosus{ width: 100%; background: #1d1d1b; } .margin-cel{ margin: 0; } .fondo-pie{ padding: 1% 0; background-size: cover; overflow: hidden; } .fondo-pie a{ padding: 5px 0; display: block; text-align: center; } .redes a{ font-size: 29px; display: inline-block; } .titulos h2{ /*font-size: 1.3em;*/ } .img-pie { width: 50%; margin: 0 auto; display: inline-block; margin-bottom: 3%; } .fondo-pagina li{ font-size: 18px; } .rombo li{ display: block; font-size: 10pt; } .rombo li:before{ display: none; } .redes{ margin-top: 2%; margin-bottom: 6%; text-align: left; } .texto-negro{ text-align: justify; } #demo { padding: 0 0; } .franja-roja h1{ font-size: 14px; } .textcarr{ font-size: 20px; } .tabla-grupal { width: 80%; margin: 0 auto 6px; } .divisiones{ width: 80%; margin: 0 auto 4px; /* padding-bottom: 3px; */ height: 70px; overflow: hidden; overflow-y: auto; } .tabulador.tabla-grupal { width: 100%; } .project-models .models-wrapper{ padding-left: 0; padding-right: 0; } .project-models .swiper-container{ padding-left: 0; padding-right: 0; } .project-models .swiper-container .swiper-slide{ height: 100%; } .btn-verde:focus { color: #646464; } .grid-wrapper { height: 100%; display: block; grid-gap: initial; grid-auto-rows: initial; grid-template-columns: none; grid-template-rows: none; grid-auto-flow: initial; box-sizing: border-box; } .grid-wrapper .swiper-container{ height: 100%; } .photo-wrapper{ width: 100%; height: 100%; position: relative; } .project-photos .photo-wrapper:nth-child(n):not(:nth-child(5)){ grid-row: none; } .project-photos .photo-wrapper:nth-child(1), .project-photos .photo-wrapper:nth-child(2), .project-photos .photo-wrapper:nth-child(n + 5){ grid-column: none; } .project-photos .swiper-slide a: { height: 100%; display: block; } .project-photos .swiper-slide a img{ height: 100%; } .movil-foto{ height: 100%; } .movil-foto .swiper-container{ height: 100%; } .swiper-button-next, .swiper-button-prev{ width: 40px !important; height: 56px !important; /*border: 1px solid #6a6a6a;*/ } .padding-celu{ padding-left: 15px; padding-right: 15px; } .pag-contact aside { width: 100%; /*display: block;*/ } .pag-contact figure { width: 100%; display: block; } .cont-absoluto.cont-alto aside{ width: 100%; } .div-doble figure { display: block; vertical-align: middle; width: 100%; } .div-doble aside { display: block; width: auto; margin-bottom: 4%; } .owl-dots{ margin-top: 13px !important; position: relative !important; text-align: center !important; } .owl-dots .owl-dot { display: inline-block !important; } .div-cafe .textos{ font-size: 14pt; } .texto { font-size: 14pt; } .texto2 { font-size: 14pt; } .fondo-blanco .div-doble aside{ display: block; width: auto; } .texto-solo{ text-align: justify; } .div-doble div h1{ font-size: 2em; } .conten { padding: 2% 0% !important; } .portfolio.hover-circular{ padding: 0 15px; } .titulo h2{ /*font-size: 2em;*/ } .box-content{ width: 100%; align-items: initial; } .col .overlay-wrapper { width: 100%; right: 0; transition-delay: 0s; } .col .img-content { opacity: 1; width: 100%; transition-delay: 0.3s; } .col .overlay { width: 100%; transition-delay: 0s; } .box-title2, .box-text2 { color: #fff; opacity: 1; } .block1 .content-block { max-width: 100%; padding: 4rem 1rem; } .fondo-plomo{ padding: 4% 4%; } .div-logos figure{ width: 33%; } .container-mediano { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container-grande { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .ancho-medio { width: 100%; } .table-row{ display: block; overflow: hidden; } .table-col{ display: block; float: left; height: 100%; } .text-center-celu{ text-align: center !important; } .text-left-celu{ text-align: left !important; } .img-absolute { position: relative; } .slide-azul figure img{ height: 300px; } #swiper1{ margin-top: 4%; } #swiper1 .swiper-button-prev span:before, #swiper1 .swiper-button-next span:before{ color: #000; font-size: 30px; } #swiper1 .swiper-button-next{ right: 4%; top: 50%; } #swiper1 .swiper-button-prev{ left: 4%; top: 50%; } .tp-bullets.uranus{ top: 92% !important; -webkit-transform: translate(0%, -50%) !important; -moz-transform: translate(0%, -50%) !important; -ms-transform: translate(0%, -50%) !important; -o-transform: translate(0%, -50%) !important; transform: translate(0%, -50%) !important; } .mascaranegra2{ /*background: rgba(0, 0, 0, 0.5);*/ } .imgsec2 { /*transform: translate3d(-50%,-50%,0) scale(1.1);*/ } /*.mascaranegra2 span { -webkit-transform: translate(15%, 50%); -moz-transform: translate(15%, 50%); -o-transform: translate(15%, 50%); -ms-transform: translate(15%, 50%); transform: translate(15%, 50%); opacity: 1; }*/ .form-azul .form-control{ margin-bottom: 5px; } .link-interes{ display: inline-block !important; } .alto-div{ height: auto; } .titulos-span h1{ width: 38%; } .titulos-span span{ width: 30%; } .div-cuadro h3{ font-size: 20pt; } .sin-float-celu{ float: none !important; } .link-alquiler span:first-child{ width: 90%; } .link-alquiler span:last-child{ width: 10%; } .swiper-slide.slide-azul.swiper-slide-active{ margin-top: 0; transform: scale(1); } .titulo-prod{ text-align: center; } .container-chico{ width: 90%; } .linkeables li a{ font-size: 9pt; } .cont-plomo figure img{ height: auto; max-height: 250px; } .cuadro-categoria a.tit-subcate{ font-size: 12pt; } .cuadro-categoria h3{ font-size: 12pt; } #slick1 { padding: 0 0%; } #slick2 { padding: 0; } .div-figure h4{ font-size: 10pt; } .mensaje-correo{ margin-bottom: 1% !important; text-align: left; } .img-ancho-medio{ /*width: 100%;*/ height: auto !important } .img-transition{ -webkit-transform: scale(0.97); -moz-transform: scale(0.97); -o-transform: scale(0.97); -ms-transform: scale(0.97); transform: scale(0.97); } .titulo-banner{ font-size: 10pt; width: 100%; text-align: center; position: relative; top: 0; background: #2c72cc; } .titulo-banner article{ -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); } .titulo-banner h3{ font-size: 12pt; } .titulo-banner p{ font-size: 11pt; } .btn-cotizar{ font-size: 11pt; } #div-buscar{ position: static; } .buscar-toggle{ bottom: -76%; right: 0px; } #container-search-product{ right: 0px; top: 176%; } .cont-plomo2 figure{ position: relative; } .cont-prod .rating{ opacity: 1; } .cont-prod .btn-agregar{ opacity: 1; font-size: 10pt; width: 100%; } .cont-prod .btn-cotizacion { opacity: 1; width: 100%; } .fondo-pie a { font-size: 11pt; } .fondo-pie a p { font-size: 11pt; } .fondo-pie a span{ text-align: left; } .margen-abajo-xs{ margin-bottom: 4% !important; } .img-encima{ display: none !important; } .cont-plomo figure{ height: 250px; display: flex; } .iconos-pagos { width: 80%; } .iconos-pagos aside { width: 30%; } #slick1 .item { padding: 0.5rem 0; } .cont-prod img{ min-height: 60px; max-height: 100px; height: auto; width: auto; } .raya-abajo{ width: auto; } .raya-abajo:before{ left: 0; right: 0; width: 100%; } .buscar-toggle input{ border-bottom: 2px solid #FF9800; box-shadow: 0px 3px 5px rgba(111, 111, 111, 0.6); } /* tabla responsiva */ .table-responsive tbody{ display: block; } table.table-responsive tr{ display: block; padding-left: 0; margin-bottom: 12px; } table.table-responsive td{ width: 100%; display: block; } table.table-responsive tr td:first-child{ width: 100%; font-weight: bold; } /* fin de tabla responsiva*/ /*tabla dinámica*/ /* Force table to not be like tables anymore */ .tabla-transparente table, .tabla-transparente thead, .tabla-transparente tbody, .tabla-transparente th, .tabla-transparente td, .tabla-transparente tr { display: block; border: 0; } .table-responsive{ border: 0; } /* Hide table headers (but not display: none;, for accessibility) */ .tabla-transparente thead tr { position: absolute; top: -9999px; left: -9999px; } .tabla-transparente tr { margin: 0 0 1rem 0; padding-left: 0 !important; } /*.tabla-transparente tr:nth-child(odd) { background: #ccc; }*/ .tabla-transparente td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50% !important; } .tabla-transparente .table > tbody > tr > td{ text-align: left; } .tabla-transparente td:before { /* Now like a table header */ position: absolute; top: 0; left: 0; width: 45%; padding-top: 5px; padding-right: 10px; /*white-space: nowrap;*/ white-space: normal; line-height: 1; height: 100%; padding-left: 6px; background: #f7f7f7; font-weight: bold; color: #000; } .tabla-transparente .table > tbody > tr > td{ border-top: 0px solid #bbb; } .tabla-transparente tr { background: #f7f7f7; border-radius: 10px; } /*.tabla-transparente tr:nth-child(odd) { background: #f7f7f7; }*/ .tabla-transparente > table tr td:first-child{ white-space: normal; } .tabla-transparente h5{ margin: 0; } .tabla-transparente td.eliminar{ padding-left: 0 !important; text-align: center !important; background: #cccccc !important; } /*.tabla-transparente td:nth-of-type(1):before { content: "PRODUCTO"; } .tabla-transparente td:nth-of-type(2):before { content: "CANTIDAD"; } .tabla-transparente td:nth-of-type(3):before { content: "PRECIO UNITARIO"; } .tabla-transparente td:nth-of-type(4):before { content: "TOTAL PARCIAL"; }*/ .tabla-transparente > table > tbody > tr > td:before { content: attr(data-content); border-radius: 10px; } .tabla-transparente > table > tbody > tr > td.eliminar:before { display: none; } .btn-absolute{ font-size: 10pt; } #tituloFormulario{ font-size: 9pt; } .tabla-transparente tr.tr-normal td:before{ content: '' !important; width: 0 !important; padding-top: 0; padding-right: 0; padding-left: 0; } .tabla-transparente tr.tr-normal td{ padding-left: 0% !important; } .tabla-transparente tr.tr-normal th, .tabla-transparente tr.tr-normal{ display: block; border-top: 1px solid #e0e0e0; margin-bottom: 0 !important; } .tabla-transparente tr.tr-normal td{ display: inline-block; width: 49.4% !important; border: 0 !important; } .tabla-transparente tr.tr-normal td.hidden-xs{ display: none !important; padding: 0 !important; } .custom-control-label{ display: contents; } .btn-sin-ancho{ width: 80%; } .logo-carru img{ max-height: 60PX; width: auto !important; margin: 0 auto; } .slick-ancho-xs .item{ width: 100% !important; } .div-blanco{ margin: 0; } .padding-carru2 { padding: 0; } .div-tabla { display: block; width: 100%; height: auto; } .div-col { display: block; vertical-align: middle; width: 100%; } .seccion-texto { padding-left: 0; padding-right: 0; } .slick-dots{ text-align: center; } .circulos span { font-size: 3rem; } .btn-azul{ font-size: 10pt; width: 100%; border-radius: 1rem; height: 50px; line-height: 2; } .seccion-blanca{ margin-top: 0px; padding: 4% 0; } .img-sobresalido{ margin-bottom: 0; } .timeline__scale__item__year{ /*width: 100%;*/ } .timeline__scale__item{ margin-left: 0px; } .timeline__scale__item__year__circle{ margin-left: 112px; } .timeline__scale__item__txt{ /*margin-left: 20px;*/ font-size: 10pt; } .timeline__line{ left: 120px; } .timeline__scale__item__txt sidebar{ font-size: 16pt; } .modal-dialog.modal-xl { margin-top: 60px; } .textos { font-size: 10pt; } .subir-archivo{ width: 75%; } .titulos h5{ text-align: center; } .titulos h1{ text-align: center; } .modal-dialog{ margin-top: 80px; } .proyectoimg .contenido-carru aside{ width: 100%; } .iconos-grandes-pie span:before{ font-size: 25px !important; } .cont-eq img{ height: auto; width: 90%; } .input-sus{ width: 100%; margin-bottom: 4%; } h1, .h1 { font-size: 18pt; } h2, .h2 { font-size: 16pt; } h3, .h3 { font-size: 14pt; } h4, .h4 { font-size: 12pt; } h5, .h5 { font-size: 10pt; } h6, .h6 { font-size: 9pt; } .text-center-xs{ text-align: center !important; } .img-pol { background-size: cover !important; background-position: center !important; background-attachment: initial !important; } .loader-content{ left: 60%; } .padding-carru .item{ padding: 0; } .redes a span{ line-height: 0.65; } .margen-arriba-cel{ margin-top: 6% !important; } .margen-abajo-cel{ margin-bottom: 6% !important; } .super-margen-arriba-cel{ margin-top: 55px !important; } .super-margen-abajo-cel{ margin-bottom: 55px !important; } .titulo-grande h1{ font-size: 32pt; } .titulos-grandes h1{ font-size: 26pt; } .titulo article { width: 100%; } .fondo-plomo-absolute:before{ width: 100%; } .img-caso{ max-height: 300px !important; width: auto !important; margin: 0 auto; } .fondo-claro { padding: 5% 15px; color: #000; background: #e2e2e2; } .fondo-medioplomo-absolute:before{ width: 100%; left: 0; } .fondo-medioambar-absolute:before{ width: 100%; left: 0; } .tabulador #tabs img{ max-height: 46px; } .tabulador #tabs li:first-child:before{ border-right: 10px solid #fff; border-bottom: 10px solid transparent; border-top: 10px solid transparent; left: -8px; } .tabulador #tabs li#current:first-child:before { border-right: 10px solid #1b97cb; } .tabulador #tabs li:first-child:after{ border-right: 10px solid #4d4d4d; border-bottom: 10px solid transparent; border-top: 10px solid transparent; left: -10px; } .tabulador #tabs li#current:first-child:after { border-right: 10px solid #1b97cb; } .tabulador #tabs li:hover:first-child:before { border-right: 10px solid #1b97cb; } .tabulador #tabs li:hover:first-child:after { border-right: 10px solid #1b97cb; } .tabulador #tabs li:last-child:before{ border-left: 10px solid #fff; border-bottom: 10px solid transparent; border-top: 10px solid transparent; right: -8px; } .tabulador #tabs li#current:last-child:before { border-left: 10px solid #1b97cb; } .tabulador #tabs li:last-child:after{ border-left: 10px solid #4d4d4d; border-bottom: 10px solid transparent; border-top: 10px solid transparent; right: -10px; } .tabulador #tabs li#current:last-child:after { border-left: 10px solid #1b97cb; } .tabulador #tabs li:hover:last-child:before { border-left: 10px solid #1b97cb; } .tabulador #tabs li:hover:last-child:after { border-left: 10px solid #1b97cb; } .texto-girado{ writing-mode: lr; white-space: normal; font-size: 20pt; } .desliz h4{ width: 80%; } .span-absoluto{ right: 0; width: 100%; position: relative; } .icono-absoluto{ position: relative; left: 0; top: 0; } .div-semiancho{ width: 100%; } .img-absolute-top{ width: 65%; } .img-absolute-bottom{ width: 65%; } .div-medida aside h4 { font-size: 12pt; } .lista-vertical{ display: block; } .fondo-celeste{ border-radius: 0; } .tab_bg dd{ padding: 4% 5% 6%; } .alto-vh { height: auto; margin-bottom: 4%; } #map { height: 600px; } .alto-mapa { height: auto; } .bootstrap-select .dropdown-toggle { font-size: 14pt; height: 100%; } .bootstrap-select .dropdown-menu{ width: 199%; } .btn-form-der .bootstrap-select .dropdown-menu{ left: -100% !important; } .listado-abcdario li{ width: 10.7%; } .texto-absoluto{ top: 41%; left: -83px; width: 64%; } .modal-cuerpo{ padding: 6% 15px; } .close{ top: -52px; } } /*fin 767px*/ @media(max-width:722px){ /* .cont-prod img { height: auto; width: 100% !important; }*/ .div-prod{ width: 100%; margin: 0; } } @media(max-width: 602px){ .div-qs { width: 100%; margin: 15px 0; } .seccionimg{ max-height: 100%; /*height: 170px;*/ } .div-noti{ max-height: 70vh; height: 432px; width: 100%; } .contenedor-grupo { display: block; width: auto; } .grupo { width: 100%; padding: 0; } } @media (max-width: 500px) { .contenido{ padding: 0; width: 210px; margin: 0 auto; } .servicio-tit h2:before, .servicio-tit h2:after{ display: none; } .tabla-colflex { height: 54vh; } .divisiones p:first-child { width: 68%; } .divisiones p:last-child { width: 32%; } } @media(max-width:767px) and (min-width: 500px){ .img-carrusel1 { /*border-radius: 170px;*/ height: 200px; width: 210px !important; margin: 0 auto; } .contenido { width: 210px; margin: 0 auto; } } @media(max-width: 450px){ .prod-img{ display: block; padding-right: 0; } .prod-img img { max-height: 150px; width: auto; } .prod-text{ width: 100%; } #tabs li { margin: 5px 0px; width: 100%; } .login img{ height: 50px; } .titulo-duo h2 { font-size: 2rem; } .titulo-duo2 h2 { font-size: 2rem; } } @media(max-width: 321px){ .seccionimg { height: 227px; } } @media(max-width: 240px){ .circulo-qs{ width: 230px; height: 230px; } } /**** medias MIN ****/ @media(min-width: 767px){ /* Tabla absoluta*/ .tabla-container { width: 100%; height: 100%; position: relative; /* overflow-x: scroll; */ /* overflow-y: hidden; */ height: calc(100% - 0.5px); /* overflow: scroll; */ height: 400px; } .tabla-in-container { min-width: 100px; width: 100%; height: 100%; display: block; border: 0; } .tabla-absoluta{ width: 100%; position: absolute; top: 0; left: 0; /* right: 300px; */ bottom: 0; overflow: hidden; } .tabla-absoluta > table{ width: 100%; height: 100%; position: relative; overflow-x: scroll; overflow-y: hidden; display: block; border-spacing: 2px; /* border-collapse: inherit; */ background: #efefef; } .tabla-absoluta > table > thead{ background: #efefef; } .tabla-absoluta > table > tbody{ float: left; left: 0; right: 0; width: 1073px; height: 100%; /* width: inherit; */ overflow-y: scroll; overflow-x: scroll; /*display: contents;*/ } .tabla-absoluta > table > tbody > tr{ display: inline-flex; padding-left: 0px; } .tabla-absoluta > table > tbody > tr:last-child td{ padding-bottom: 40px; } /*.tabla-absoluta > table > tbody > tr > td:before { content: attr(data-content); }*/ /* Escroll */ .tabla-absoluta .table::-webkit-scrollbar, .tabla-absoluta .table > tbody::-webkit-scrollbar { width: 11px; height: 11px; } .tabla-absoluta .table::-webkit-scrollbar-thumb, .tabla-absoluta .table > tbody::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; cursor: pointer !important; } .tabla-absoluta .table::-webkit-scrollbar-thumb:active, .tabla-absoluta .table > tbody::-webkit-scrollbar-thumb:active { background-color: #999999; cursor: pointer !important; } .tabla-absoluta .table::-webkit-scrollbar-thumb:hover, .tabla-absoluta .table > tbody::-webkit-scrollbar-thumb:hover { background: #b3b3b3; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); cursor: pointer !important; } .tabla-absoluta .table::-webkit-scrollbar-track, .tabla-absoluta .table > tbody::-webkit-scrollbar-track { border: 0px solid grey; border-radius: 4px; } .tabla-absoluta .table::-webkit-scrollbar-scroll, .tabla-absoluta .table > tbody::-webkit-scrollbar-scroll{ background: blue; } .tabla-absoluta .table::-webkit-scrollbar-track:hover, .tabla-absoluta .table::-webkit-scrollbar-track:active, .tabla-absoluta .table > tbody::-webkit-scrollbar-track:hover, .tabla-absoluta .table > tbody::-webkit-scrollbar-track:active { border: 0px solid grey; } .tabla-absoluta .table::-moz-scrollbar, .tabla-absoluta .table > tbody::-moz-scrollbar { width: 11px; height: 11px; } .tabla-absoluta .table::-moz-scrollbar-thumb:active, .tabla-absoluta .table > tbody::-moz-scrollbar-thumb:active { background-color: #999999; cursor: pointer !important; } .tabla-absoluta .table::-moz-scrollbar-thumb:hover, .tabla-absoluta .table > tbody::-moz-scrollbar-thumb:hover { background: #b3b3b3; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); cursor: pointer !important; } .tabla-absoluta .table::-moz-scrollbar-track, .tabla-absoluta .table > tbody::-moz-scrollbar-track { border: 0px solid grey; border-radius: 4px; } .tabla-absoluta .table::-moz-scrollbar-scroll, .tabla-absoluta .table > tbody::-moz-scrollbar-scroll{ background: blue; } .tabla-absoluta .table::-moz-scrollbar-track:hover, .tabla-absoluta .table::-moz-scrollbar-track:active, .tabla-absoluta .table > tbody::-moz-scrollbar-track:hover, .tabla-absoluta .table > tbody::-moz-scrollbar-track:active { border: 1px solid grey; } .tabla-absoluta .table::-ms-scrollbar, .tabla-absoluta .table > tbody::-ms-scrollbar { width: 11px; height: 11px; } .tabla-absoluta .table::-ms-scrollbar-thumb:active, .tabla-absoluta .table > tbody::-ms-scrollbar-thumb:active { background-color: #999999; cursor: pointer !important; } .tabla-absoluta .table::-ms-scrollbar-thumb:hover, .tabla-absoluta .table > tbody::-ms-scrollbar-thumb:hover { background: #b3b3b3; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); cursor: pointer !important; } .tabla-absoluta .table::-ms-scrollbar-track, .tabla-absoluta .table > tbody::-ms-scrollbar-track { border: 0px solid grey; border-radius: 4px; } .tabla-absoluta .table::-ms-scrollbar-scroll, .tabla-absoluta .table > tbody::-ms-scrollbar-scroll{ background: blue; } .tabla-absoluta .table::-ms-scrollbar-track:hover, .tabla-absoluta .table::-ms-scrollbar-track:active, .tabla-absoluta .table > tbody::-ms-scrollbar-track:hover, .tabla-absoluta .table > tbody::-ms-scrollbar-track:active { border: 0px solid grey; } /*fin tabla absoluta*/ .sin-padd-right{ padding-right: 0; } .sin-padd-left{ padding-left: 0; } .col-lg-09 { width: 16.9%; } .padd-left{ padding-left: 5% !important; } .padd-right{ padding-right: 5% !important; } .super-padd-left{ padding-left: 10% !important; } .super-padd-right{ padding-right: 10% !important; } .borde-arriba{ border-top: 1px solid #f07d00; } .col-sm-2-5{ width: 20%; float: left; } .div-logo { display: initial; } .modal-lg{ margin: 20px auto; padding-top: 8%; } /*.container-fluid{ padding: 0 3%; }*/ .swiper-wrapper.slider-azul{ /*display: flex!important; flex-flow: row nowrap; justify-content: space-around; align-content: center; align-items: center*/ } .swiper-slide.slide-azul{ /*display: table-cell; vertical-align: middle;*/ /*padding-right: 10px; opacity: 0.4;*/ } .padd-izq{ padding-left: 9%; } .menos-margin-arriba{ margin-top: -35px !important; } .menos-margen-arriba { margin-top: -90px !important; } .sin-padd-left-pc{ padding-left: 0 !important; } .sin-padd-right-pc{ padding-right: 0 !important; } } /*fin min-width 767*/ @media(min-width: 992px){ .col-md-2-5{ width: 20%; float: left; } .margnc .col-md-1, .margnc .col-md-2, .margnc .col-md-3, .margnc .col-md-4, .margnc .col-md-5, .margnc .col-md-6, .margnc .col-md-7, .margnc .col-md-8, .margnc .col-md-9, .margnc .col-md-10, .margnc .col-md-11, .margnc .col-md-12 { float: none; display: inline-block; vertical-align: top; } /* .overflow.text-center { text-align: left; overflow: visible; }*/ .detcurso.col-md-4 { width: 33%; } .pad-col { padding: 30px 8% 20px 8%; } .menu .dropdown-menu{ background-color: #fff; } .menu .dropdown-menu > li > div > a { color: #000; cursor: pointer; display: block; /*font-family: 'FrankD';*/ /*text-transform: uppercase;*/ } .menu .dropdown-menu > li:hover > div > a, .menu .dropdown-menu > li:focus > div > a { color: #fff; background-color: #39b5d0; } .menu .dropdown-menu > li.active > div > a{ color: #fff; background-color: #39b5d0; } .menu .dropdown-menu li.active span{ color: #770000; } .menu .dropdown-menu.menu-drop2 > li > a{ padding: 0px 10px; white-space: normal; font-size: 10pt; color: #fff; line-height: 1; } .menu .dropdown-menu.menu-drop2 > li:hover > a, .menu .dropdown-menu.menu-drop2 > li:focus > a{ color: #424242; background: transparent; } .menu .dropdown-menu.menu-drop2 > li.active > a{ color: #424242; background: transparent; } .dropdown:hover >.link-menu >a{ color: #39b5d0; } /*.navbar-inverse .navbar-nav > li > a{ height: 100%; display: table; width: 100%; text-align: center; }*/ /*.navbar-inverse .navbar-nav > li > a span{ display: table-cell; vertical-align: middle; }*/ /*menu cirrcular*/ .logo-fot{ height: 50px; } .border-pie:before{ content: ''; position: absolute; top: 27%; right: 7px; width: 2px; height: 73%; background: rgba(255, 255, 255, 0.08); } .sin-margen-pc{ margin: 0; } .border-left-absoluta{ position: relative; } .border-left-absoluta:before{ content: ''; position: absolute; width: 1px; height: 60%; left: -5px; top: 35%; bottom: 0; background: #e1e5e8; } .border-right-absoluta{ position: relative; } .border-right-absoluta:after{ content: ''; position: absolute; width: 1px; height: 100%; right: -14px; top: 0; bottom: 0; background: #585858; } } @media (min-width: 768px) and (max-width: 991px) { .navbar-collapse { padding-left: 0; padding-right: 0; } .navbar-nav > li { margin-left: 0; } } @media(min-width: 991px){ .cont-cab{ display: table-cell; vertical-align: middle; width: 22%; text-align: left; } .div-logo img { max-height: 85px; /*padding-top: 10px;*/ /*padding-bottom: 10px;*/ /*margin-top: -26px;*/ /*position: absolute;*/ top: 0; left: 0; /*max-height: 50px;*/ transition: max-height 0.4s ease; padding: 5px 5px 5px; /*padding-left: 40px;*/ } /* #mainNav li:after{ content: " "; display: block; position: absolute; width: 1px; background: #c5c8d6; top: 50%; margin-top: -13.5px; height: 27px; right: -11px; } #mainNav li:last-child:after{ height: 0px; }*/ .linea-pie::after{ content: url(../img/linea-pie.png); */ /* height: 50%; */ top: 0; /* left: 95%; */ position: absolute; content: ' '; width: 1px; left: 100%; top: 0; height: 100%; background: #39b5d0; } /* efecto cabecera*/ .login{ display: none !important; } .logo2{ display: none; } .menu-one { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } @keyframes menuAnimacion{ from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .menu-on{ background: rgba(255, 255, 255,0.96); padding-bottom: 0%; box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.075); position: fixed; top: 0; padding-top: 0; right: 0; left: 0; /*-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);*/ z-index: 999; width: 100%; /* background: #0c0c0c; color: #131419;*/ border-bottom: 0px solid #4f5050; transition: transform 0.3s ease-out, opacity 0s 0.3s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; transition: transform 0.3s ease-out, opacity 0s 0s; /*animation: menuAnimacion 1s 1;*/ /*animation-name: menuAnimacion; animation-duration: 0.8s;*/ -webkit-animation: menuAnimacion 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; -moz-animation: menuAnimacion 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; animation: menuAnimacion 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; } img.logo-banner { width: 100% !important; height: auto !important; } /*.menu-on .logo1{ display: none; }*/ .menu-on .div-logo img.logo1{ display: none; } .menu-on .logo2{ display: inline-block; /*width: 75px;*/ /*width: 90px;*/ } .menu-on .logo1{ display: none; } .menu-on .login{ display:block !important; } .menu-of{ /*background-image: linear-gradient(to bottom, hsl(0, 0%, 100%), rgba(255, 255, 255, 0.92));*/ padding-bottom: 0%; padding-top: 0%; /*position: relative;*/ /*background-image: none;*/ /*background: #fff;*/ top: 0px; } .menu-of .logo2{ display: none; } .menu-of .navbar-inverse .navbar-nav > li > a{ color: #ffffff; } .menu-of .dropdown-submenu>a:after, .dropdown>a:after{ border-left-color: #fff ; } .menu-of .iconos-nav span{ color: #ffffff; } .menu-of .iconolast span{ color: #ffffff; } .menu-of .div-logo img { /*max-height: 130px;*/ transition: max-height 0.4s ease; padding: 5px 5px; /*padding-left: 40px;*/ } .menu-off .icc{ display: inline-block; } .menu-off .login{ display: none !important; } .menu-on .navbar-inverse .navbar-nav > li > a{ color: #0e1b63; } .menu-on .dropdown-submenu>a:after, .dropdown>a:after{ border-left-color: #0e1b63; } .menu-on .navbar-inverse .navbar-nav > li.active > a { background: #2276b9; color: #fff; } .menu-on .navbar-inverse .navbar-nav > li > div > a:hover, .navbar-inverse .navbar-nav > li > div > a:focus{ color: #2c72cc !important; } .menu-on .header_box ul > li > .link-menu:hover:after{ background: #0090D1; } .menu-on .iconos-nav span{ color: #0e1b63; } .menu-on .iconos-nav span{ color: #0e1b63; } .menu-on .iconolast span{ color: #0e1b63; } .menu-on .div-logo img { max-height: 70px; padding: 5px; /*padding-left: 40px;*/ /*max-height: 80%; padding: 9px;*/ transition: max-height 0.4s ease; } .menu-on .div-logo a{ padding-bottom: 0; } .menu-on .bar-right{ display: none; } .menu-on .navbar-inverse{ vertical-align: middle; } .menu-on .nav > li{ /* padding-top: 2%; padding-bottom: 2%;*/ } .menu-on .navbar-inverse .navbar-nav > li > div > a { color: #424242; } .menu-on .dropdown:hover >.link-menu >a{ color: #2c72cc; } .menu-on .navbar-inverse .navbar-nav > li.active > div > a{ color: #2c72cc !important; } /*.menu-on .nav > li.dropdown > .link-menu:before{ bottom: -20px; }*/ .menu-on .nav > li.dropdown:before{ bottom: 0px; } .menu-on #mainNav > li:after{ background: #e2172f; } .menu-on #mainNav > li.active > .link-menu:after{ width: 100%; background: #0090D1; } .menu-on .navbar-nav{ border-bottom: 0; } .menu-on .navbar-inverse .navbar-nav > li > .dropdown-menu { background: rgba(255,255,255,0.9); } .pad-nav{ padding: 22px 17px !important; } .pad-navof{ padding: 40px 15px 17px !important; } /*fin efecto cabecera*/ /* SOMBRA DEL BANNER */ .sombra-banner{ z-index:1090; margin-top: -17px; width: 100%; } /* Menu con imagen*/ .logo { width: 14%; z-index: 99991 !important; padding: 0 !important; } .logo > div > a{ position: absolute; top: -42px; left: 0; right: 0; } .nav > li { /*position: static !important;*/ padding-top: 0%; padding-bottom: 0%; display: table-cell; vertical-align: middle; height: 100%; float: none; } .nav > li.dropdown:before{ content: ''; bottom: 0px; left: 50%; position: absolute; border-left: 12px solid rgba(29, 147, 152, 0); border-right: 12px solid rgba(29, 147, 152, 0); border-bottom: 12px solid #000; z-index: 9999; font-size: 0px; opacity: 0; } .nav > li.dropdown:hover:before{ /*opacity: 1;*/ } .menu-drop1 { /*text-align: center;*/ background-color: #fdfdfd; box-shadow: inset 0 20px 20px -20px #dadada; border-bottom: 0px solid #ededed !important; } .menu .dropdown-menu { /*width: 100%;*/ border-radius: 0px; /* top: 87%; */ top: 100%; padding-top: 0%; padding-bottom: 0%; /*text-transform: uppercase;*/ } .menu .menu-drop1 > li { /*position: static; width: 23%;*/ position: relative; width: 100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; display: block; /*text-align: left;*/ /*min-width: 200px;*/ } .dropdown-submenu { display: inline-block; vertical-align: top; } .menu .dropdown-submenu>.menu-drop2 { top: 100.5% !important; width: 100% !important; left: 0 !important; /* min-width: 100%; */ margin-top: 0px; margin-left: 0px; -webkit-border-radius: 0 !important; -moz-border-radius: 0px !important; border-radius: 0 !important; position: relative; display: block; padding: 0 20px 3% !important; border: 0; box-shadow: none; } .menu-drop2 > li { display: inline-block; margin-bottom: 8px; /*position: initial;*/ /*position: static;*/ width: 100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; /*min-width: 200px;*/ } .menu-drop1 > div >li { position: initial; width: 49.7%; transition: all 0.5s ease; } .menu-drop1 > div > li > .link-menu > a { padding: 12px 20px 2%; white-space: normal; /*font-size: 13px;*/ display: block; /*font-family: "myriadPro";*/ /* text-transform: uppercase; */ } .menu-drop1 > div > li a { color: #636362; } .menu-drop1 > div >li > .link-menu > a > h5 { margin: 0; border-bottom: 1px solid #00abdf; padding: 0px 10px 5px; font-weight: 700; text-align: left; color: #424242; font-size: 10pt; } .menu-drop1 > div >li.active > .link-menu > a > h5{ color: #646363; } .menu .dropdown-menu > li > div > a { padding: 10px 15px; white-space: nowrap; /*font-size: 15px;*/ /* text-transform: uppercase; */ display: block; position: relative; /* height: 55px; */ /* margin-top: 4%;*/ } .img-menu { display: block; margin: 0 auto; /*height: 85px;*/ height: 55px; width: auto; max-width: 100%; position: absolute; top: 0; left: 0; transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transition: all 0.4s; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .menu .dropdown-menu span { display: block; text-align: center; padding-bottom: 10px; padding-top: 10px; color: #c9c9c9; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .menu .dropdown-menu span:before { font-size: 50px; } .menu .dropdown-menu li:hover span, .menu .dropdown-menu li:focus span { color: #e4ba3a; } .menu .dropdown-menu.menu-drop3 >li >a{ font-size: 11px; color: #fff; transition: all 0.4s; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .menu .dropdown-menu.menu-drop3 >li:hover >a{ color: #004e9c; background-color: transparent; } .menu .dropdown-menu.menu-drop3 > li > a:hover img, .menu .dropdown-menu.menu-drop3 > li > a:focus img{ transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); } .menu .dropdown-menu.menu-drop3 >li.active >a { color: #004e9c; background-color: transparent; } .menu .dropdown-menu.menu-drop3 >li.active >a > font { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -o-transform: translateY(-3px); -ms-transform: translateY(-3px); } .menu .dropdown-menu.menu-drop3 > li.active > a img{ transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); } .menu .dropdown-menu.menu-drop3 >li >a > font{ margin-top: 10px; display: block; transition: all 0.4s; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); } .menu .dropdown-menu.menu-drop3 >li:hover >a > font{ transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -o-transform: translateY(-3px); -ms-transform: translateY(-3px); } /*Cuarto nivel del menu*/ .dropdown-threemenu>.menu-drop3 { top: 100.5% !important; width: 100% !important; left: 0 !important; /* min-width: 100%; */ margin-top: 0px; margin-left: 0px; -webkit-border-radius: 0 !important; -moz-border-radius: 0px !important; border-radius: 0 !important; text-align: left; border-bottom: 1px solid #c9c9c9 !important; display: block; } .menu-drop3 > li { display: inline-block; } .link-tot{ display: none !important; } .project-section .project-section-content.project-models{ padding-top: 30px; padding-bottom: 20px; padding-right: 15px; } .project-models .swiper-container .swiper-slide { height: 50%; } .project-logo{ padding-left: 0 } .project-logo img { max-height: 80px; } .project-photos{ /*padding-bottom: 100px;*/ padding-bottom: 15px; } .sin-padding-pc{ padding: 0; } .col-lg-09{ width: 10.9%; } .col-lg-08{ width: 12.4%; } .col-lg-07{ width: 13.4%; } .contenedor-sobresalido{ /*margin-top: -11%;*/ } .modal-xl{ width: 85%; } } /*fin min-width:991px*/ @media(min-width: 1200px){ .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-2-5{ width: 20%; float: left; } .col-lg-1-5 { width: 13.666667%; } .col-lg-8-5 { width: 69.666667%; } .col-lg-1-6 { width: 11.666667%; } /* Make Navigation Toggle on Desktop Hover */ .dropdown:hover .menu-drop1 { display: block; /* -webkit-animation: fadeInUp 400ms; */ /* animation: fadeInUp 400ms; */ -webkit-animation: fadeInDown 400ms; animation: fadeInDown 400ms; } .nav-item.dropdown:hover .dropdown-menu{ display: block; /* -webkit-animation: fadeInUp 400ms; */ /* animation: fadeInUp 400ms; */ -webkit-animation: fadeInDown 400ms; animation: fadeInDown 400ms; } .dropdown:hover .menu-drop1 { display: block; /*-webkit-animation: fadeInUp 400ms;*/ /* animation: fadeInUp 400ms;*/ -webkit-animation: fadeInDown 400ms; animation: fadeInDown 400ms; } /*.fadeInLeft MENU Hijo 2*/ /*.dropdown-submenu:hover .menu-drop2 { display: block; -webkit-animation: fadeInDown 400ms; animation: fadeInDown 400ms; }*/ /*.fadeInLeft MENU Hijo 3*/ /*.dropdown-threemenu:hover .menu-drop3 { display: block; -webkit-animation: fadeInDown 400ms; animation: fadeInDown 400ms; }*/ h1{ font-size: 32px; } h2{ font-size: 29px; } h3{ font-size: 24px; } h4 { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199px) { /* Make Navigation Toggle on Desktop Hover */ /*.dropdown:hover .menu .dropdown-menu {*/ .dropdown:hover .menu-drop1 { display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; } /*.fadeInLeft MENU Hijo 2*/ /*.dropdown-submenu:hover .menu-drop2 { display: block; -webkit-animation: fadeInDown 400ms; animation: fadeInDown 400ms; }*/ /*.fadeInLeft MENU Hijo 3*/ /*.dropdown-threemenu:hover .menu-drop3 { display: block; -webkit-animation: fadeInDown 400ms; animation: fadeInDown 400ms; }*/ /* .navbar-nav > li { margin-left: 10px; }*/ .navStyle ul li a { font-size: 1.3rem; } .navbar-collapse { padding-left: 0; padding-right: 0; } } @media(min-width: 1400px){ .text-logo { position: absolute; right: -100%; left: 80%; bottom: 5px; } .container-chico{ width: 64%; margin: 0 auto; } .cont-plomo .seccionimg{ height: 330px; } } @media(min-width: 1600px){ .circulo-qs { /*height: 10vh; width: 10vh;*/ /*width: 250px; height: 250px;*/ } .container { width: 80%; margin: 0 auto; } .titulo-banner article h1{ font-size: 36pt; } .container-mediano{ width: 83%; } } @media(min-width: 1800px){ .navbar-inverse .navbar-nav > li > div > a{ font-size: 16pt; } .menu .dropdown-menu{ font-size: 15pt; } body{ font-size: 20px; } h1 { font-size: 48px; } h2 { font-size: 40px; } h3 { font-size: 34px; } h4, .h4 { font-size: 22px; } h5, .h5 { font-size: 18px; } label{ font-size: 18px; } .iconos-grandes-pie p{ font-size: 18px; } .input-sus{ font-size: 18px; } .btn-sus{ font-size: 18px; } .rombo li{ font-size: 18px; } .div-logo img{ max-height: 80px; } .menu-on .div-logo img{ max-height: 75px; } .titulo-banner article h2 { font-size: 45pt; } .titulo-banner article h1 { font-size: 54pt; } .fondo-pie a{ font-size: 13pt; } .tab_bg aside a span{ height: 100px; width: 100px; } .tabla-datos{ font-size: 13pt; } .linkeables li a{ font-size: 12pt; } .menos-margin-arriba{ margin-top: -70px !important; } .texto-absoluto{ left: -168px; } } @media(min-width: 2500px){ .text-logo { position: absolute; right: -93%; left: 50%; bottom: -2px; color: #004e9c; font-weight: 700; } .circulo-qs{ /*height: 16vh; width: 16vh;*/ /*width: 250px; height: 250px;*/ } }