@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&family=Roboto:wght@300;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap');

*:focus, button.btn.btn-buscartop:focus, button.btn.btn-buscartop:active {outline: none}

*::placeholder { padding-left: 4px}

::-webkit-scrollbar { width: 12px; background: #4e4e4e}

::-webkit-scrollbar-thumb { background-color:var(--color-marca2); border-radius: 10px} 

::-webkit-scrollbar-thumb:hover { background: var(--color-marca1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);}

::-webkit-scrollbar-thumb:active { background-color: var(--color-marca1);}

div#barraDemo { width:100%; position:fixed; background:rgba(255,0,0,0.8); bottom:0; z-index:999999; padding:0; margin:0 }

div#barraDemo p{ padding:15px; text-align:center; color:#fff; margin:0 }

div#barraDemo p img { position:relative; top:-2px; }

div#barraDemo i {color:#fff; font-size:30px; position:absolute; right:20px; top:12px; z-index:99999999}

body {

    --color-marca1:#0972b5;

    --color-marca2:#0b2653;

    --color-marca3:#f0eff5;

    --color-marca4:#0084fe;

    --color-marca5:#ff4800;

    font-family: 'Roboto', sans-serif !important;

}

h1, h2, h3, h4, h5, h6 {color: #444; font-family: 'Inter', sans-serif !important;}

h6 { border-bottom: 1px solid var(--color-marca2);}

#login_sup:before, #nombre_usuario:before, .cambiar_cuenta_top:before, .registracion:before, .terminar_sesion_top:before { font-family: "Font Awesome 5 Pro" }

header#header {z-index: 999}

i.fa.fa-instagram:before {

    content: "\f16d";

    font-family: "Font Awesome 5 Brands";

    font-weight: 400;

}



body.ofertas { padding-top: 145px;}

.top-bar {

    border: 0;

    padding: 0;

    background: #0972b5;

    border-bottom: 1px solid #e7e9ee;

}

span.whatsapp-top, span.whatsapp-top a {

    color: #Fff;

}

.top-number.pull-left.hidden-xs {

    text-align: right;

}

span.whatsapp-top {

    padding-top: 10px;

    display: block;

    font-weight: 700;

    font-size: 16px;

    letter-spacing: .4px;

}

.ban-top-izquierda img {

    max-width: 230px;

}

.buscador {

    float: right;

    margin-left: 20px;

    margin-top: -10px;

}

.navbar-fixed-top .buscador {

    margin-top: 0;

}

span.whatsapp-top i {

    vertical-align: middle;

    margin-right: 10px;

    color: #fff;

    margin-left: 20px;

}

a.linkbotones_top.ofertas_top, a.linkbotones_top.ofertas_top, a.linkbotones_top.marcas_top, a.linkbotones_top.empresa_top, a.linkbotones_top.descargas_top, a.linkbotones_top.descargas_top, a.linkbotones_top {

    display: none !important;

}

.top-number.pull-left.hidden-xs li {

    display: none;

}

.buscador i{

    color: var(--color-marca2); font-size: 18px; font-weight: 400

}

.navbar-fixed-top .buscador i, .buscador ul.dropdown-menu i{

    color: var(--color-marca2);

}

.buscador ul.dropdown-menu {

    width: 100%;

    top: 65px;

    background: var(--color-marca3);



}

.buscador ul.dropdown-menu li {

    width: 1170px;

    margin: 0 auto;

}

.buscador ul.dropdown-menu input.search-form {

    padding: 20px;

    width: 100%;

    margin: 10px;

    font-size: 16px;

    letter-spacing: .8px;

    border-bottom: 1px solid #cacaca;

    border: 1px solid #cacaca;

}

.buscador ul.dropdown-menu input.search-form:active{

    border: 0px

}

.buscador a.btn.btn-lg, a.registracion {

    padding: 0px 10px;

}

.buscador a:hover i {

    font-weight: 400;

}

.buscador form#form-buscar {

    display: flex;

    align-items: center;

    flex: 1 0 auto;

    padding: 0px;

}

.buscador button.btn.btn-default.btn-close {

    background: none !important;

    border: none;

    box-shadow: none;

    color: #000;

    font-size: 20px

}

.buscador button.btn.btn-buscartop {

    font-size: 20px;    color: #000;

}

.buscador a.dropdown-toggle {

    padding: 10px;

    padding-top: 7px;

    font-size: 18px;

}

input#palabra::placeholder {

    color: var(--color-marca2);

    font-weight:400

}

.navbar-fixed-top .buscador ul.dropdown-menu {

    top: 65px;

    box-shadow: 3px 4px 9px 0px #0000002e;

}

.title-sol-style2, .title-sol.style2 {

    position: relative;

    font-family: 'Poppins', sans-serif !important;

    font-weight: 700;

        font-size: 26px;

    color: #000;

    text-transform: none;

}

.style2 .title-sol span, .title-sol.style2 span {

    color: var(--color-marca1);

    text-transform: none;

    font-weight: 400;

}

.row.noticiashome0 h5.title-sol.style2.solnuevo.solnoticias b {

    color: var(--color-marca2);

    font-size: 30px;

}

.row.noticiashome2 h5.title-sol.style2.solnuevo.solnoticias span {

    color: var(--color-marca2);

    font-size: 30px;

}

h5.col-md-12.tit_form_detalle {

    text-align: left;

    margin-top: 0;

    margin-bottom: 40px;

    color: var(--color-marca2);

    text-transform: none;

    font-weight: 300;

    font-size: 20px

}

h5.col-md-12.tit_form_detalle {

    border: 0px;

}

span.container.leyenda_slide h1 small {

    color: #fff;

}

.detalle-form {

    border-top: 2px solid var(--color-marca1);

    border-radius: 0;

    background: var(--color-marca3);

    padding: 15px 30px;

}

.row.noticiashome2 h5.title-sol.style2.solnuevo.solnoticias span b, .row.noticiashome3 h5.title-sol.style2.solnuevo.solnoticias span b, body.novedades h1.titulo span {

    display: block;

    font-weight: 400;

    text-transform: none;

    color: var(--color-marca1);

    font-size: 80%;

    line-height: normal;

}

body.novedades h1.titulo, body.novedades h1.titulo b{

    font-weight: 400;

    color: var(--color-marca2);

    font-size: 26px;

}

button.btn.btn-buscartop { background: transparent;}

.top-bar .search i {color: #fff}

.navbar-default .navbar-nav>li>a { color: var(--color-marca2); font-weight: 600; letter-spacing: .4px; cursor: pointer;}

.navbar-header { padding-top: 0;}

.navbar-fixed-top .navbar-header { padding-top: 15px;}

.ofertas .navbar.navbar-default.navbar-superior {

    position: absolute;

    width: 100%;

    background: #fff;

    color: var(--color-marca2);

    box-shadow: none;

}

.navbar.navbar-default.navbar-superior {color: #fff}

.navbar-default {

    position: absolute;

    width: 100%;

}

.navbar.navbar-default.navbar-superior.navbar-fixed-top {

    position: fixed;

    background: #fff;

    -webkit-box-shadow: 0 11px 8px -10px rgba(0,0,0,.5);

    -moz-box-shadow: 0 11px 8px -10px rgba(0,0,0,.5);

    box-shadow: 0 20px 25px -30px rgba(0,0,0,.8);

}

.navbar-default .navbar-nav>li>a:after {

    content: '';

    position: absolute;

    width: 0px;

    height: 2px;

    left: 50%;

    bottom: 0;

    background-color: var(--color-marca1);

    transition: all ease-in-out .2s;

}

.navbar-default .navbar-nav>li>a:hover:after {

 width: 60%;

  left: 20%;}

.ban-top-izquierda img {

    margin-top: 10px;

}

.navbar-fixed-top .ban-top-izquierda img {

    margin-top: -5px;

}

.navbar-fixed-top .caja_func_sup a, .navbar-default.navbar-fixed-top .navbar-nav>li>a {

    color: #001141;

    font-weight: 600;

}

.navbar-fixed-top .caja_func_sup a:hover, .navbar-default.navbar-fixed-top .navbar-nav>li>a:hover { color:#fff;}

.navbar-default.navbar-fixed-top .navbar-nav>li>a:hover {color:#001141}

.navbar-nav > li.open, .navbar-left>li>a:focus, .navbar-left>li>a:hover {

    background: transparent !important;

}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background: transparent; color:#fff;}

.dropdown-menu {border:0;}

.dropdown-menu>li>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background: var(--color-marca1); cursor: pointer}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover{

    background: transparent !important; color: var(--color-marca1)

}

.navbar-nav .open .dropdown-menu > li > a:focus,

.navbar-nav .open .dropdown-menu > li > a:hover {

    background-image: none;

    background-color: var(--color-marca2) !important;

    color: #fff !important;

}

.nav .open > a,

.nav .open > a:focus,

.nav .open > a:hover {

    background-color: var(--color-marca2) !important;

    border-color: none !important

}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: var(--color-marca1); background: #fff}

.scroll_inf, .scroll_sup {

    width: 98%;

    padding: 0px 30px;

}

body.ofertas .scroll_sup.container {

    padding-top: 0px;

    padding-bottom: 0px;

}

.brand-carousel li img{

    padding: 10px 40px;

}



a.sc-7dvmpp-1.gCdMUP {

    display: none;

}

.caja_func_sup { margin-top: 25px;}

.caja_func_sup a { color: #fff; font-weight: 600;     font-size: 18px;}

.navbar-fixed-top .caja_func_sup { margin-top: 15px; color: #000}

span#nombre_usuario, .search {display: none}

.social ul.social-share a {color: #fff; font-size: 18px;}

.social-fixed ul.social-share a {color: var(--color-marca2)}

.top-bar ul.social-share a:hover {

    color: #fff;

}

.top-bar .col-md-12 {

    display: flex;

    justify-content: flex-end;

    gap: 10px;

}

.top-bar .social {

    margin: 4px -10px 4px 0;

}

.top-bar .fa-linkedin::before {

    content: "\f08c" !important;

    font-size: 19px;

}

ul.social-share {

  text-align: center;

  padding: 1% 0;

  height: auto;

  width: 35px;

  z-index: 10;

  background: transparent;

}

li.suscripcion .fa-envelope:before { content: "\f1d8";}

/***** BOTONES *****/

.btn-default, .btn-success {

    color: #fff !important;

    background: var(--color-marca1) !important;

}

.btn-default:hover, .btn-success:hover {

    color: #fff !important;

    background: #1d407c !important;

}

/***** GALERIA *****/

.row.gallery .igual-gal {

    padding: 10px 2px;

    padding-left: 0;

}

.blueimp-gallery>.prev, .blueimp-gallery>.next {

    font-size: 24px;

    line-height: 40px;

}

.blueimp-gallery>.prev, .blueimp-gallery>.next {

    font-size: 28px !important;

    line-height: 36px !important;

    font-family: 'Roboto', sans-serif !important;

    font-weight: 700 !important;

}

.whatsapp-flotante {

    background: #4dc247;

    -webkit-animation: ripple-whatsapp 1s linear infinite;

    animation: ripple-whatsapp 1s linear infinite;

    -webkit-transition: .5s;

    border-radius: 999rem;

    position: absolute;

    padding: 15px;

    font-size: 30px;

    display: block;

    position: fixed;

    bottom: 20px;

    right: 30px;

    color: #fff;

    width: 60px;

    height: 60px;

    text-align: center;

    line-height: 20px;

    z-index: 99;

}



.whatsapp-flotante a {

    color: #fff;

}

@keyframes ripple-whatsapp {

    0% {

        box-shadow: 0 0 0 0 rgb(221 241 199 / 10%), 0 0 0 10px rgb(234 244 224 / 10%), 0 0 0 20px rgb(237 255 218 / 10%)

    }

    100% {

        box-shadow: 0 0 0 10px rgb(183 206 158 / 10%), 0 0 0 20px rgb(220 247 191 / 10%), 0 0 0 30px rgb(217 235 198 / 0%)

    }

}

a.page-scroll.aparece {

    left: 20px !important;

}

/***** SLIDER *****/

.item-slide.slick-slide{

    position: relative

}



.container.leyenda_slide {

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100%;

    padding: 30px 60px;

    padding-top: 50px;

    /*background: rgba(0,0,0,.5);*/

}

.container.leyenda_slide h1, .container.leyenda_slide h2 {

    padding-left: 1.6%;

}



.container.leyenda_slide h1:after {

    content: '';

    width: 80px;

    height: 5px;

    background: var(--color-marca3);

    display: block;

    margin: 20px 0;

    margin-bottom: 30px;

}

.container.leyenda_slide h1 {

    color: #fff;

    font: 700 36px 'Poppins', sans-serif !important;

    margin-top: 80px;

    text-shadow: none!important;

    line-height: 40px !important;

    letter-spacing: 1px;

}

.container.leyenda_slide h2 {

    color: #fff;

    font-weight: 700;

    letter-spacing: 1px;

    font-size: 18px;

    line-height: normal;

}

.container.leyenda_slide h1, .container.leyenda_slide h2 {

    padding-left: 8%;

}

span.container.leyenda_slide a.btn.btn-primary{

    margin-top: 20px

}

div#slides_ofertas_t { margin-top: -37px;}

.slick-dotted.slick-slider { margin-bottom: 0;}

.slick-dots {

    position: absolute;

    right: 20px;

    top: 40%;

    width:auto;

}

.slick-dots li { 

	background: var(--color-marca1);

	display: block;

	margin: 25px 5px 10px;

	width: 12px;

    height: 12px;

}

.slick-dots li button:before {color: #fff}

.slick-dots li.slick-active button:before {

    opacity: 1;

    color: var(--color-marca1);

    border: 2px solid #fff;

    border-radius: 100%;

    height: 30px;

    width: 30px;

    margin: -9px;

}

/***** SPOTS *****/

.spot_top {line-height: 0; display: none}

.spot_top .container {

    width: 100%;

    padding: 0;

}

.spot_top a, .spot_ofertas_sup a { display: inline-block; width: 33.33%; overflow: hidden;}

.spot_top img, .spot_ofertas_sup img {

    transition: all 350ms ease-out 0s;

    -moz-transition: all 350ms ease-out 0s;

    -o-transition: all 350ms ease-out 0s;

    -webkit-transition: all 350ms ease-out 0s;

}

.spot_top img:hover, .spot_ofertas_sup img:hover {

    transform: scale(1.08);

    -moz-transform: scale(1.08);

    -ms-transform: scale(1.08);

    -o-transform: scale(1.08);

    -webkit-transform: scale(1.08);

}

.spot_top .img-responsive {margin: 0 !important;}

.btn.btn-primary, .btn.btn-danger, .btn.btn-default, .btn.btn-success, .btn.btn-info, .btn.btn-warning, .btn.btn-fb, .btn.btn-tw {

    border-radius: 55px;

    -moz-border-radius: 55px;

    -webkit-border-radius: 55px;

}

.btn.btn-primary:hover, .btn.btn-danger:hover, .btn.btn-default:hover, .btn.btn-success:hover, .btn.btn-info:hover, .btn.btn-warning:hover{

    background: var(--color-marca2)

}

footer {

    background: #142032;

    padding: 30px 0;

    text-align: center;

}

/***** HOME *****/

/*

.bg-video {

	position: absolute; 

	z-index: 2; 

	width: 100%;

	height: 800px;

	top: 0;

	left: 0;

	background: url("http://portal11.tornadostore.com/b/portada.jpg");

	background-size: cover;

	background-repeat: no-repeat;

}

*/

div#ofertas .container.general {

    width: 100%;

    padding: 0

}

div#ofertas .container.general .row {margin:0;}

div#ofertas .col-md-12.col-xs-12.cols-grals { padding: 0;}

.title-sol.style2:after {display: none;}

.contador .container.logos_integraciones, .row.noticiashome3, .oficinas .container, .navbar.navbar-default.navbar-superior .container, .top-bar .container , footer .container.menu_pie{

    width: 80%;

    margin: 0 auto;

}

.top-bar .container>.row{

    margin: 0 !important;

}

footer .container.menu_pie .container{

    width: 100%

}

/***** PROYECTOS *****/

.proyectos { 

	padding: 10% !important;

	background: #f5f5f5;

}

.proyectos h4 {	

	font-size: 45px;

 	text-align: right;

 	height: 200px !important;

 	border-right: 5px solid var(--color-marca2);

 	padding-right: 5%;

    margin-top: 0;

    line-height: 55px;

}

.proyectos h4 span { color: var(--color-marca1) }

.proyectos .des_nov { padding-top: 3%; }

.proyectos a.btn.btn-default.btn-vernota {

    box-shadow: 1px 8px 20px 0 rgba(0,64,114,0.2) inset;

    -webkit-box-shadow: 1px 8px 20px 0 rgba(0,64,114,0.2);

    -o-box-shadow: 1px 8px 20px 0 rgba(0,64,114,0.2) inset;

    -ms-box-shadow: 1px 8px 20px 0 rgba(0,64,114,0.2) inset;

    text-shadow: none;

    padding: 15px 40px;

    border-radius: 20px;

}



/***** NOSOTROS *****/

.row.noticiashome0 {

    width: 80%;

    margin: 0 auto;

    padding: 60px 0;

}

.noticiashome1 {

    width: 100%;

    margin: 0 auto !important;

    padding: 5% 0;

    background: var(--color-marca3);

}

div#ofertas .row.noticiashome1 .noticiashome1-row.row {

    width: 1170px;

    margin: 0 auto;

}

div#ofertas .row.noticiashome1 .noticiashome1-row.row h4 {

    float: left;

    width: 50%;

    font-size: 40px;

    text-align: right;

    padding-right: 3%;

    color: var(--color-marca2);

    font-weight: 400;

    border-right: 5px solid var(--color-marca2);

    height: 200px !important

}

div#ofertas .row.noticiashome1 .noticiashome1-row.row h4 a {

    color: var(--color-marca2);

}

div#ofertas .row.noticiashome1 .noticiashome1-row.row h4 span {

    color: var(--color-marca1);

    font-weight: 700;

}

div#ofertas .row.noticiashome1 .noticiashome1-row.row .des_nov {

    width: 50%;

    float: left;

        padding-left: 3%

}

.col-md-12.text-center.div-vertodos-noticias.vertodos_OPC_NOTAS_OFERTAS_1 {

    display: none;

}

.noticiashome1 h5 {display: none;}

.noticiashome1 a.btn.btn-default.btn-vernota {

    box-shadow: 1px 8px 20px 0 rgba(0,0,0,0.2) inset;

    -webkit-box-shadow: 1px 8px 20px 0 rgba(0,0,0,0.2);

    -o-box-shadow: 1px 8px 20px 0 rgba(0,0,0,0.2) inset;

    -ms-box-shadow: 1px 8px 20px 0 rgba(0,0,0,0.2) inset;

    text-shadow: none;

    margin: 10px;

    margin-left: 3%;

}

h1.copete {

    font-size: 140%;

}



.glitch {

    top: 0;

    left: 0;

    width: 100%;

    height: 800px;

    overflow: hidden

}



.glitch-img {

    position: absolute;

    top: calc(-1 * 5px);

    left: calc(-1 * 10px);

    width: calc(100% + 10px * 2);

    height: calc(100% + 5px * 2);

    background: url("../b/deadmau5.jpg") no-repeat 50% 0;

    background-color: transparent;

    background-size: cover;

    transform: translate3d(0, 0, 0);

    background-blend-mode: none

}



.glitch-img:nth-child(n+2) { opacity: 0}

.glitch .glitch-img:nth-child(n+2) {

    animation-duration: 4s;

    animation-delay: 0s;

    animation-timing-function: linear;

    animation-iteration-count: infinite

}

.glitch .glitch-img:nth-child(2) {

    background-color: transparent;

    background-blend-mode: none;

    animation-name: glitch-anim-1

}

.glitch .glitch-img:nth-child(3) {

    background-color: transparent;

    background-blend-mode: none;

    animation-name: glitch-anim-2

}

.glitch .glitch-img:nth-child(4) {

    background-color: transparent;

    background-blend-mode: none;

    animation-name: glitch-anim-3

}



@keyframes glitch-anim-1 {

    0% {

        opacity: 1;

        transform: translate3d(10px, 0, 0);

        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);

        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);

    }

    2% {

        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);

        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);

    }

    4% {

        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);

        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);

    }

    6% {

        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);

        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);

    }

    8% {

        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);

        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);

    }

    10% {

        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);

        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);

    }

    12% {

        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);

        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);

    }

    14% {

        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);

        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);

    }

    16% {

        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);

        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);

    }

    18% {

        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);

        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);

    }

    20% {

        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);

        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);

    }

    21.9% {

        opacity: 1;

        transform: translate3d(10px, 0, 0);

    }

    22%,

    100% {

        opacity: 0;

        transform: translate3d(0, 0, 0);

        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);

        clip-path: polygon(0 0, 0 0, 0 0, 0 0);

    }

}



@keyframes glitch-anim-2 {

    0% {

        opacity: 1;

        transform: translate3d(calc(-1 * 10px), 0, 0);

        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);

        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);

    }

    3% {

        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);

        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);

    }

    5% {

        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);

        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);

    }

    7% {

        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);

        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);

    }

    9% {

        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);

        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);

    }

    11% {

        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);

        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);

    }

    13% {

        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);

        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);

    }

    15% {

        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);

        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);

    }

    17% {

        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);

        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);

    }

    19% {

        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);

        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);

    }

    20% {

        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);

        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);

    }

    21.9% {

        opacity: 1;

        transform: translate3d(calc(-1 * 10px), 0, 0);

    }

    22%,

    100% {

        opacity: 0;

        transform: translate3d(0, 0, 0);

        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);

        clip-path: polygon(0 0, 0 0, 0 0, 0 0);

    }

}



@keyframes glitch-anim-3 {

    0% {

        opacity: 1;

        transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);

        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);

        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);

    }

    1.5% {

        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);

        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);

    }

    2% {

        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);

        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);

    }

    2.5% {

        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);

        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);

    }

    3% {

        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);

        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);

    }

    5% {

        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);

        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);

    }

    5.5% {

        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);

        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);

    }

    7% {

        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);

        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);

    }

    8% {

        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);

        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);

    }

    9% {

        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);

        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);

    }

    10.5% {

        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);

        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);

    }

    11% {

        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);

        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);

    }

    13% {

        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);

        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);

    }

    14% {

        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);

        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);

    }

    14.5% {

        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);

        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);

    }

    15% {

        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);

        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);

    }

    16% {

        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);

        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);

    }

    18% {

        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);

        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);

    }

    20% {

        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);

        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);

    }

    21.9% {

        opacity: 1;

        transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);

    }

    22%,

    100% {

        opacity: 0;

        transform: translate3d(0, 0, 0);

        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);

        clip-path: polygon(0 0, 0 0, 0 0, 0 0);

    }

}

.contador .titulo-integraciones {

    /* width: 100%; */

    color: #000;

    text-align: center;

    padding: 8% 0;

    padding-top: 5%;

    background: #e2e2e2;

    background: url('../b/call-bg.png') left top / auto no-repeat scroll rgb(9 114 181);

        background-size: cover;

    background-repeat: no-repeat;

    -webkit-animation: bg-animation 60s ease-in-out infinite;

    animation: bg-animation 60s ease-in-out infinite;



    /* margin: 0 -15px; */

}

.contador .logos_integraciones .logos-caja {

    margin-top: -100px;

}

.contador .logos_integraciones .logos-caja .container {

    width: 80%;

}

.logos_integraciones img {

    filter: drop-shadow(2px 4px 6px #ccc);

    margin: 15px 0;

    border-radius: 26px;

    -webkit-border-radius: 26px;

    -moz-border-radius: 26px;

    animation: 1s ease-out

}

.logos_integraciones img:hover {

    filter: drop-shadow(1px 1px 2px #ccc);

}

.contador .logos_integraciones img{

    transition: all 350ms ease-out 0s;

    -moz-transition: all 350ms ease-out 0s;

    -o-transition: all 350ms ease-out 0s;

    -webkit-transition: all 350ms ease-out 0s;

    animation: 1s ease-out

}

.contador .logos_integraciones img:hover {

    transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    -webkit-transform: scale(1.1);

}

/***** PROYECTOS *****/



/*.noticiashome2 { 

  

}

*/

.col-izq-int {

    background: var(--color-marca3);

    padding: 10px 20px;

}

.col-izq-int .widget.proy_lateral.right1 .cajar img {

    margin-bottom: 20px;

    max-width: 100%;

}

.col-izq-int .widget.proy_lateral.right1 h4 {

    color: var(--color-marca2);

    font-size: 130%;

}

.col-izq-int .widget.proy_lateral.right1 .cajar h3 a {

    color: var(--color-marca1);

    font-weight: 700;

}

div#detalle {

    padding: 0 10px;

    padding-right: 15px;

}

div#detalle h1.copete, div#detalle h1.copete b, .logos_integraciones h2 {

    color: var(--color-marca1);

    font-weight: 400;

}

.logos_integraciones h2{

    font-size: 160%

}

div#detalle h2.titulo, div#detalle h1.titulo ,body.casos h1{

    color: var(--color-marca2);

    font-size: 180%

}

body.casos .col-listar h3 a {

    color: var(--color-marca1);

}

.row.noticiashome0 h5.title-sol.style2.solnuevo.solnoticias {

    margin-bottom: 50px;

}

.row.noticiashome0 .noticiashome0-row.row img {

    margin: 20px auto;

    max-width: 200px;

    animation: 1s ease-out;

        transition: all 350ms ease-out 0s;

    -moz-transition: all 350ms ease-out 0s;

    -o-transition: all 350ms ease-out 0s;

    -webkit-transition: all 350ms ease-out 0s;

    animation: 1s ease-out;

}

.row.noticiashome0 .noticiashome0-row.row img:hover {

    transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    -webkit-transform: scale(1.1);

}

.row.noticiashome0 .noticiashome0-row.row .cajasnove {

    text-align: center;

    animation: 1s ease-out;

    animation-delay: 3s

}



.row.noticiashome0 .noticiashome0-row.row h4 {

    position: absolute;

    right: 0;

    left: 0;

    bottom: 155px;

}

.row.noticiashome0 .cajasnove .des_nov {

    margin-top: 55px;

    font-size: 17px;

    line-height: 22px;

    font-weight: 400;

    color: #868484;

    margin-bottom: 20px

}

.noticiashome2 .cajasnove .des_nov i {

    color: var(--color-marca1);

    margin-right: 15px;

}

.row.noticiashome2 h5.title-sol.style2.solnuevo.solnoticias span, .row.noticiashome2 h5.title-sol.style2.solnuevo.solnoticias {

    background: var(--color-marca3);

    margin: 0 auto;

    padding: 20px 0;

    padding-bottom: 10px;

}

.noticiashome2 .cajasnove {padding: 0; margin-bottom: 0}


.noticiashome2 .cajasnove a {
    overflow: hidden;
    /* display: block; */
    width: 35%;
}
.noticiashome2 .cajasnove a img {

  transition: all 350ms ease-out 0s;

  -moz-transition: all 350ms ease-out 0s;

  -o-transition: all 350ms ease-out 0s;

  -webkit-transition: all 350ms ease-out 0s;

}

.noticiashome2 .cajasnove a img:hover {

  transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  -webkit-transform: scale(1.2);

}



.row.noticiashome2 img {

    float: left;

    max-width: 55%;

    margin-right: 30px;

}

.noticiashome2 .cajasnove:nth-child(1) img {

    float: right;

    margin-left: 30px;

    margin-right: 0;

}

/*.noticiashome2-row.row {

    width: 80%;

    margin: 0 auto !important;

}*/

.noticiashome2 .cajasnove:nth-child(1) {

    background: var(--color-marca3);

    padding: 50px 10%;

}

.noticiashome2 .cajasnove {

    font-size: 17px;

    line-height: 25px;

    font-weight: 400;

    padding: 50px 10%;

}

.noticiashome2 .cajasnove:nth-child(2) {

    padding: 80px 10%;

}

.row.noticiashome2 h4 {

    display: none;

}

.noticiashome2 .cajasnove:nth-child(1) .des_nov {

    width: 40%;

    float: left;

}

.noticiashome2 .cajasnove:nth-child(2) .des_nov {

    width: 40%;

    float: right;

    animation-duration: 2s;

}

.noticiashome2 .cajasnove img{

    transition: all 350ms ease-out 0s;

    -moz-transition: all 350ms ease-out 0s;

    -o-transition: all 350ms ease-out 0s;

    -webkit-transition: all 350ms ease-out 0s;

    animation: 1s ease-out;

}

.noticiashome2 .cajasnove img:hover{

    transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    -webkit-transform: scale(1.1)

}

.spot_ofertas_inf {
    width: 78%;
    margin: 0 auto;
}
.spot_ofertas_inf .img-responsive {
    float: left;
    border: 5px solid #fff;
}
.spot_ofertas_inf img {
    width: 50%;
    float: left;
    border-radius: 20px;
}

/***** NOVEDADES *****/

p.paginado.paginadoinferior {

    margin-top: 30px;

}

body.casos .col-listar div#imagen_listar {

    max-height: 200px;

    overflow: hidden;

    border-radius: 10px;

    margin-bottom: 20px

}

li.suscripcion {

    display: none !important;

}

.contador {

    background: #f0eff5;

    padding-bottom: 5%;

}

.contador .counter:nth-child(odd) h2 {

    color: var(--color-marca4);

}

.contador h2 {

    color: #fff;

    line-height: 40px;

    margin-bottom: 60px;

    font-size: 28px;

    font-weight: 700;

}

.contador h2 a{

    color: #fff;

}

.contador h2 span {

    color: #fff;

    font-weight: 400;

}

.contador i {

    color: var(--color-marca2);

}

.contador .boton-integraciones h2 {

    color: var(--color-marca2);

    margin-bottom: 20px;

    font-weight: 400;

    margin-top: 40px;

}

.noticiashome2 .cajasnove:nth-child(2) .des_nov li {

    animation-delay: 1s;

}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-15s.animated.animated, {

    animation-delay: 0.8s;

}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-20s.animated.animated {

    animation-delay: 1s;

}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-25s.animated.animated{

    animation-delay: 1.1s;

}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-30s.animated.animated{

    animation-delay: 1.2s;

}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-30s.animated.animated{

    animation-delay: 1.3s;

}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-35s.animated.animated{

animation-delay: 1.4s;

}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-40s.animated.animated{

animation-delay: 1.5s;

}

.contador .boton-integraciones{

    animation-delay: 1.6s;

}

.fad:before {color:#444}

.fad:after {color:var(--color-marca1); opacity: 1}

.noticiashome3 { width: 80%;margin: 0 auto !important; padding: 60px 0;}

.noticiashome3 .col-md-3 {width: 22%}

.noticiashome3 .cajasnove h4, .noticiashome2 .cajasnove:nth-child(1) .des_nov h2 {

    padding: 10px;

    margin-bottom: 0;

    color: var(--color-marca2);

    font-size: 180%;

}

.noticiashome2 .cajasnove:nth-child(1) .des_nov h2 {

    padding: 10px 0;

    padding-bottom: 25px;

}

.noticiashome3 .cajasnove .des_nov h3, .noticiashome2 .cajasnove .des_nov h3 {

    margin-top: -10px;

    font-size: 160%;

    color: var(--color-marca1);

    margin-bottom: 30px;

}

.noticiashome2 .cajasnove .des_nov h3 {

    font-size: 130%;

    line-height: 140%;

}

.noticiashome3 .cajasnove h4 a {

    color: var(--color-marca2);

}

.noticiashome3 .cajasnove h4 a{ color: var(--color-marca2) }

.noticiashome3 .cajasnove {

    padding: 0;

    margin: 15px;

}

.noticiashome3  .noticiashome3-row.row img {

    width: 50%;

    float: right;

    margin-left: 60px;

    margin-top: -80px;

}

.row.noticiashome3 h5.title-sol.style2.solnuevo.solnoticias {

    display: none;

}

.noticiashome3 .cajasnove {

    font-size: 17px;

    line-height: 25px;

    font-weight: 400;

}

.noticiashome3 .cajasnove .des_nov {padding: 10px}

.noticiashome3 a.btn-vernota {  box-shadow: none}

.noticiashome3 a.btn-vernota {

    box-shadow: none;

    margin-left: 10px;

    margin-top: 20px;

}

.noticiashome3 .cajasnove .des_nov hr, .noticiashome2 .cajasnove:nth-child(1) .des_nov hr {

    border-top: 3px solid var(--color-marca2);

    width: 80px;

    margin: 0;

    margin-bottom: 30px;

}

.noticiashome3 .cajasnove:nth-child(1) { margin-top: 5%;}

.noticiashome3 .cajasnove:nth-child(3) { margin-top: 8%;}

.noticiashome3 .cajasnove:nth-child(4) { margin-top: 2%;}



/***** CONTENIDOS *****/

.portfolio .post-lead-image, .novedades .post-lead-image {

    width: 50%;

    padding: 0 20px;

    float: right;

}

.stButton {border-radius: 100%; background: #000 !important}

span.st_googleplus_large { display: none;}

.detalle-form { border-top: 2px solid var(--color-marca1) }



/***** CONTACTO *****/

.contact-form h2 {font-weight: 400}

.contact-form .list-inline>li a {

    background: var(--color-marca2);

    color: #fff;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    font-size: 14px;

    width: 30px;

    display: block;

    height: 30px;

    line-height: 32px;

    text-align: center;

}

.contact-form .list-inline>li a:hover{

    background: var(--color-marca1)

}

.contact-form .form-group .form-control { 

    border: 1px solid rgba(0, 0, 0, 0.10); 

    border-radius: 55px;

    -moz-border-radius: 55px;

    -webkit-border-radius: 55px;

}

.contact-form textarea.form-control {

    border-radius: 10px !important;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

}

.contact-form input#tximseguridad {

    padding: 20px;

    width: 100px;

}

input.form-control.in_seguridad.pull-left { border-color: #ccc;}



/***** PARALLAX *****/

.oficinas {

    background-image: url("../b/bg-animado.jpg");

    height: 90vh;

    color: #fff;

    padding-top: 100px;

    background-size: cover;

    background-repeat: no-repeat;

    -webkit-animation: bg-animation 20s ease-in-out infinite;

    animation: bg-animation 20s ease-in-out infinite;

    position: relative;

}

.container-fluid.oficinas iframe#video_home {

    height: 450px;

}

div#ModalVideo .modal-dialog {

    max-width: 100%;

    width: 70%;

}

div#ModalVideo .modal-dialog .modal-body {

    background: #142032;

}

div#ModalVideo .modal-dialog .modal-body h1, div#ModalVideo .modal-dialog .modal-body h3 {

    color: #fff;

    border-bottom: 0;

    margin-bottom: 20px;

}

div#ModalVideo .modal-dialog .modal-body h1{

    font-size: 200%;

    margin-bottom: 10px;

}

div#ModalVideo .modal-dialog .modal .fa.close, .modal .fa.close{

    right: 30px !important;

    color: #fff !important;

    opacity: .4 !important;

}

.video-icon.text-center {

    position: absolute;

    margin: 0 auto;

    display: block;

    width: 100%;

    top: 40%;

}

.video-icon a {

    width: 75px;

    height: 75px;

    line-height: 75px;

    display: inline-block;

    text-align: center;

    border-radius: 500%;

    position: relative;

    color: #0c5adb;

    -webkit-animation: ripple-white 1s linear infinite;

    animation: ripple-white 1s linear infinite;

    -webkit-transition: .5s;

    background: #fff;

    font-size: 28px;

}

@keyframes ripple-blue {

    0% {

        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)

    }

    100% {

        box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0)

    }

}

@keyframes ripple-white {

    0% {

        box-shadow: 0 0 0 0 rgb(12, 90, 219,0.3), 0 0 0 10px rgb(12, 90, 219,0.3), 0 0 0 20px rgb(12, 90, 219,0.3)

    }

    100% {

        box-shadow: 0 0 0 10px rgb(12, 90, 219,0.3), 0 0 0 20px rgb(12, 90, 219,0.3), 0 0 0 30px rgb(12, 90, 219, 0)

    }

}

.oficinas .textovideo {

    margin-top: 5%;

    padding-left: 30px;

}

.oficinas:before {

    position: absolute;

    width: 100%;

    height: 100%;

    background: var(--color-marca4);

    opacity: 0.5;

    left: 0;

    bottom: 0;

    top: 0;

    background-image: linear-gradient(to right, #16A2E8 0%, #12D8FA 100%)

}

.oficinas > .row {margin: 0}

.oficinas .container {margin-top: 5%}

.oficinas h1, .oficinas h3 {color: #142032}

.oficinas h3 {

    font-size: 180%;

    line-height: 30px;

}

.oficinas hr {width: 25%; margin: 0 auto: color:#fff;}

.oficinas li { margin: 20px 0; font-size: 20px }

div.boton_arrepentimiento {

    text-align: center;

    margin-bottom: 25px;

    display: none;

}

.logo-footer {

    margin: 10px 0;

    margin-bottom: 50px;

}



.logo-footer img {

    max-width: 200px;}

.footer .certificacion {

    border-top: 1px solid #4a596b;

    padding-top: 40px;

}

p.foot_netone {

    border-top: 1px solid #4a596b;

    padding-top: 10px;

    margin-top: 20px

}

.footer h2 {

    font-size: 150%; font-weight: 400

}

p.datos_pie, p.leyenda {

    color: #a1a8b3;

}

@-webkit-keyframes bg-animation {

    0% { background-position: top; }

    50% { background-position: bottom; }

    100% { background-position: top; }

}

@keyframes bg-animation {

    0% { background-position: top; }

    50% { background-position: bottom; }

    100% { background-position: top; }

}

.hormigafoot, .oficinas {padding: 0}

.hormigafoot h2 {margin: 0}

/***** FOOTER *****/

.footer {background: #142032; color: #fff; padding: 5% 0 0}

.footer .row {margin: 0}

#ofertas>div>p, p.iva.text-center { display: none;}

.footer h1, .footer h2 {color: #fff;margin-top: 0;}

.footer ul li {padding: 5px 0}

.footer i {padding: 10px}

footer {padding: 0}

.footer a, footer a, .footer ul li {color: #a1a8b3; transition: All 0.2s ease-in-out}

.footer a:hover, footer a:hover, .footer ul li:hover { color: #fff}

body.paises .tornadostore, body.paises .multimedia {

    background: #f0eff5;

    padding: 0px 40px;

    padding-bottom: 20px;

}

body.paises .multimedia {

    padding-top: 20px;

    padding-bottom: 40px;

}

body.paises .tornadostore img {

    max-width: 90%;

    margin: 0 auto;

}

body.paises .omnichannel img {

    width: 50%;

    margin: 0 auto;

}



body.paises .omnichannel, body.paises  .clientestornado {

    padding: 0 40px;

    margin: 20px 0;

    margin-bottom: 40px;

}

body.paises .integraciones {

    background: #0084fe;

    padding: 5% 0;

    text-align: center;

}

body.paises .integraciones img {

    width: 70%;

    margin: 0 auto;

}

body.paises .integraciones ul.list-inline {

    margin: 0 20px;

}

body.paises .post-main-view h2 {

    font-size: 120%;

    color: var(--color-marca1);

    line-height: normal;

}

body.paises .post-main-view h1 {

    font-size: 180%;

    color: var(--color-marca2);

}

body.paises .post-main-view .clientestornado img {

    max-width: 130px;

    margin: 10px 20px;

}

.post-main-view ul {

    list-style-type: disc;

}

body.paises .tornadostore {

    margin-top: 30px;

}

body.paises .opcionts {

    padding: 0 25px;

    padding-left: 30px;

}

body.paises .col-md-3 img {

    max-width: 150px;

}

body.paises .integraciones h2, body.paises .integraciones h1 {

    color: #Fff;

}



body.paises .integraciones h1 {

    margin-top: 0;

    margin-bottom: 40px;

}



body.paises .integraciones h2 {

    font-size: 140%;

    margin-bottom: 5px;

}

.widget.proy_lateral.right1 p.vertodos {

    margin-top: 20px;

}

.col-listar div#imagen_listar {

    margin: 10px;

    margin-bottom: 20px;

}



.col-listar {

    padding: 0 20px;

    margin-bottom: 30px;

}

body.nov_eco h2 {

    color: #0972b5;

    font-size: 140%;

    font-weight: 400;

}

body.nov_eco {

    font-size: 14px;

    line-height: 21px;

}

/***** MEDIA *****/

@media (min-width: 1920px) {

	/*.navbar .container {width: 1600px}	*/

	div .bg-video {height:1080px;}    

	.proyectos { padding: 8% 15% !important;}

    .noticiashome3 { width: 65%}

    .container.leyenda_slide h1, .container.leyenda_slide h2 {

    padding-left: 2.7%;

}

.video-icon.text-center {

    width: 75%;

}

.container-fluid.oficinas iframe#video_home {

    height: 550px;

}

.container.leyenda_slide h2 {

    font-size: 24px;

    line-height: normal;

}

.row.noticiashome0 .noticiashome0-row.row h4 {

    bottom: 85px;

}

div#slides_ofertas_t {

    height: 700px;

}

.oficinas {

    height: 75vh;

}

.row.noticiashome0 .noticiashome0-row.row h4 {

    bottom: 120px;

}

.container.leyenda_slide h1 {

    margin-top: 100px;

}

.container.leyenda_slide h1, .container.leyenda_slide h2, .container.leyenda_slide h3 {

    padding-left: 15%;

    max-width: 700px

}

span.container.leyenda_slide a.btn.btn-primary {

    margin-left: 15%;

}

}

@media (min-width: 768px) {

ul.nav.navbar-nav {

    margin-top: 15px;

    margin-left: 30px;

}

.navbar-fixed-top ul#nav {

    margin-top: 15px;

}

}

@media (max-width: 1570px) {

.container.leyenda_slide h1, .container.leyenda_slide h2 {

    padding-left: 10%;

    max-width: 550px

}

/*

.navbar-nav>li:nth-child(1) {

    display: none;

}

*/

span.container.leyenda_slide a.btn.btn-primary{

    margin-left: 10%

}

}

@media (max-width: 1460px) {

    .row.noticiashome0 .noticiashome0-row.row h4 {

    bottom: 175px;

}

.navbar-nav>li>a {

    padding: 10px;

}

    }

@media (max-width: 1367px) {

.container.leyenda_slide h1, .container.leyenda_slide h2 {

    padding-left: 5%;

}

.row.noticiashome0 .noticiashome0-row.row h4 {

    bottom: 195px;

}

.container.leyenda_slide h1, .container.leyenda_slide h2 {

    max-width: 550px;

}

span.container.leyenda_slide a.btn.btn-primary{

    margin-left: 5%

}

}

@media (max-width: 1281px) {

	.bg-video {height: 720px}

    .container.leyenda_slide h1 {

    max-width: 100%;

}

.navbar.navbar-default.navbar-superior .container {

    width: 100%;

}

    .oficinas .container {

    margin-top: 4%;

}

}

@media (max-width: 1268px) {

    .oficinas .container {

    margin-top: 4%;

}

}



@media (max-width: 1024px) {

.container.leyenda_slide {

    padding-top: 80px;

}

.container.leyenda_slide h1, .container.leyenda_slide h2 {

    padding-left: 0%;

}

.buscador ul.dropdown-menu li, div#ofertas .row.noticiashome1 .noticiashome1-row.row, .noticiashome3 {

    width: 100%;

}

.oficinas {

    height: 30vh;

}

}

@media (max-width: 767px) {

    .noticiashome2 .cajasnove:nth-child(1) img, .noticiashome2 .cajasnove:nth-child(2) img, .noticiashome2 .cajasnove img, .noticiashome2 .cajasnove:nth-child(1) .des_nov, .noticiashome2 .cajasnove:nth-child(2) .des_nov, .noticiashome2 .cajasnove .des_nov, .noticiashome3 .noticiashome3-row.row img {

    float: none;

    width: 100%;

    margin: 0;

    max-width: 100%;

}

body.paises .integraciones ul.list-inline {

    margin: 0px;

}

body.paises .post-main-view .clientestornado img {

    max-width: 100px;

    margin: 10px 20px;

}

div#ModalVideo .modal-dialog {

    max-width: 100%;

    width: 97%;

}

.contador .container.logos_integraciones, .row.noticiashome3, .oficinas .container, .navbar.navbar-default.navbar-superior .container, footer .container.menu_pie {

    width: 100%;

    margin: 0 auto;

}

span.caret.navbar-toggle.sub-arrow {

    background: var(--color-marca2);

    border: 0px;

    font-size: 20px;

}

.footer h1, .footer h2 {

    font-size: 140%;

}

.caja_func_sup.pull-right.hidden-xs {

    display: block !important; margin-top: 15px;

}

.caja_func_sup.pull-right.hidden-xs span.whatsapp-top {

    display: none;

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover {

    background: #fff;

    color: var(--color-marca1);

}



.navbar-fixed-top .navbar-toggle .icon-bar {

    background-color: #1e1e1e;

}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {

    color: #fff;

}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {

    color: #fff;

    background-color: transparent;

}

div#ofertas .row.noticiashome1 .noticiashome1-row.row {

    width: 100%;

}

.navbar-default .navbar-nav>li>a:after{

    display: none;

}

.buscador {

    float: right;

    margin-left: 20px;

    margin-top: 0px;

}

.row.noticiashome0 .noticiashome0-row.row img {

    margin: 10px auto;

}

.social ul.social-share a {

    color: #ffffff;

    font-size: 18px;

}

}

@media (max-width: 480px) {

    .top-bar {

    background: var(--color-marca2);

    border-bottom: 1px solid #143b7c;

}
.spot_ofertas_inf {
    width: 90%;
    margin: 0 auto;
}
.spot_ofertas_inf img {
    width: 100%;
}
.item-slide.imagen-slide-2 {

    height: 440px !important;

    background-repeat: no-repeat !important;

    background-size: contain !important;

}

.contador .logos_integraciones .logos-caja .container {

    width: 100%;

}

body.paises .post-main-view .clientestornado img {

    max-width: 90px;

    margin: 10px;

}

body.paises .omnichannel img {

    width: 90%;

    margin-bottom: 30px;

}

.contador .counter h2 {

    font-size: 21px;

}

iframe#video_home {

    height: 200px;

    margin: 20px 0;

    margin-top: 40px;

}

.video-icon a {

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 18px;

}

.row.noticiashome0 .noticiashome0-row.row h4 {

    bottom: 140px;

}

.brand-carousel li img {

    padding: 0 5px;

}

ul.social-share a i {

    padding: 0 10px;

    font-size: 16px;

}

    .navbar-header { padding-top: 10px;}

    .ofertas .navbar.navbar-default.navbar-superior.navbar-fixed-top  {background: #fff}

    .navbar-default .navbar-toggle .icon-bar { background-color: var(--color-marca1)}

    .navbar-fixed-top .navbar-toggle .icon-bar {background-color: #1e1e1e}

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {  background-color: transparent;}

    .navbar-default {     

        position: relative;

        width: 100%;

        height: auto;

    }

    p.count-text {

    font-size: 13px;

}

.buscador ul.dropdown-menu {

    top: 60px;

}

button.navbar-toggle {

    float: left;

}

.ban-top-izquierda img {

    margin-top: 0px !important;

}

.noticiashome3 .cajasnove h4 {

    text-align: center;

    margin-bottom: 30px;

}

.noticiashome2 .cajasnove .des_nov, .noticiashome2 .cajasnove:nth-child(2) {

    margin-top: 30px !important;

}

.scroll_inf, .scroll_sup {

    padding-bottom: 0;

}

.noticiashome2 .cajasnove:nth-child(1), .noticiashome2 .cajasnove:nth-child(2) {

    padding: 30px 5%;

}

.row.noticiashome0 {

    width: 90%;

    padding: 40px 0;

    padding-top: 0;

}

.noticiashome2 .cajasnove:nth-child(1) .des_nov, .noticiashome3 .cajasnove .des_nov {

    text-align: center;

}

.noticiashome3 .cajasnove:nth-child(1) {

    margin-top: 5%;

    text-align: center;

}

.noticiashome2 .cajasnove:nth-child(1) .des_nov hr, .noticiashome3 .cajasnove .des_nov hr {

    margin: 0 auto;

    margin-bottom: 30px;

}

button.navbar-toggle {

    padding: 8px;

}

ul.social-share a {

    color: var(--color-marca1);

}

.navbar-default .navbar-toggle {

    border-color: transparent;

}

body.ofertas {

    padding-top: 45px;

}

.container.leyenda_slide h2 {

    font-size: 16px;

    line-height: normal;

}

.container.leyenda_slide h1:after {

    width: 50px;

    margin: 20px auto;

}

.slick-dots {

    position: absolute;

    right: 10px;

    top: 10%;

    width: auto;

}

.slick-dots li {

    background: #fff;

    display: block;

    margin: 25px 5px 10px;

    width: 8px;

    height: 8px;

}

.slick-dots li.slick-active button:before {

    opacity: 1;

    color: #fff;

    border: 2px solid #fff;

    border-radius: 100%;

    height: 20px;

    width: 20px;

    margin: -6px;

}

span.container.leyenda_slide {

    padding-top: 20px;

}

.item-slide.imagen-slide-2.slick-slide {

    background-size: contain;

    height: 500px;

}

.container.leyenda_slide h1 {

    max-width: 100%;

    font: 700 20px 'Poppins', sans-serif!important;

    line-height: 21px !important

}

span.container.leyenda_slide a.btn.btn-primary {

    margin-top: 10px;

    font-size: 12px;

    padding: 6px 16px;

}

    .container > .navbar-header, .container > .navbar-collapse { margin: 0;}

    .navbar-default .navbar-collapse, .navbar-nav>li>a {border:0;}

    ul.social-share {position: relative; width: 100%}

    div#slides_ofertas_t { margin-top: 50px;}

    .container.general > .row { padding: 15px;}

    .ofertas .container.general > .row { padding: 0;}

    .proyectos {clip-path: none; padding: 0 0 10% !important; height: 100%}

    .proyectos h4 {

        font-size: 28px;

        text-align: center;

        height: 100% !important;

        border-right: 0;

        padding-right: 0;

        margin-top: 5%;

    }      

    .noticiashome1 { width: 100%; margin: 0 !important;}



div#ofertas .row.noticiashome1 .noticiashome1-row.row .des_nov , div#ofertas .row.noticiashome1 .noticiashome1-row.row h4{

    width: 100%;

    float: none;

    padding-left: 0%;

}



div#ofertas .row.noticiashome1 .noticiashome1-row.row h4 {

    font-size: 28px;

    border-right: 0;

    height: auto !important;

    text-align: right;

}

    .noticiashome1 a.btn.btn-default.btn-vernota { position: relative; right: 0}

    .glitch {height: 400px;}

    .glitch-img {top: 10%; left:0; height: 100%; width: 100%;}

    .noticiashome3 .col-xs-12 { width: 100% !important;  margin: 0}

    .noticiashome3 { width: 92%;}

    .noticiashome3 .cajasnove {margin-top: 5% !important}

    .footer .col-md-4 img { padding-left: 0;}

    ul.list-inline.list-unstyled.hidden-lg { display: none;}

    .portfolio .post-lead-image, .novedades .post-lead-image { width: 100%; padding: 0; float: none;}

    .oficinas {

    height: 60vh;

}

.footer .logo img {

    margin: 0 auto;

    text-align: center;

    display: block;

}

.footer .logo {

    text-align: center;

}

    .oficinas li { margin: 10px 0; font-size: 15px;}

    .container-fluid.oficinas iframe#video_home {

    height: 230px;

}

.container.leyenda_slide {

    background: rgb(0 0 0 / 20%);

}

.video-icon.text-center {

    width: 90%;

}

}



div.boton_arrepentimiento a { border:none !important }



@media (max-width: 376px) {

.oficinas {

    height: 80vh;

}

.item-slide.imagen-slide-2 {

    height: 390px !important;

}

.ban-top-izquierda img {

    max-width: 200px;

}

.container.leyenda_slide h1{

    margin-top: 20px;

}

}

@media (max-width: 362px) {

    .item-slide.imagen-slide-2 {

    height: 380px !important;

}

    }



/**** BANNERS ****/

.proy_promociones{

    width: 77% !important;

    margin-top: 30px;

    margin-bottom: 30px;

    margin-left: auto !important;

    margin-right: auto !important;

}

.proy_promociones img{

    width: 100%;

    border-radius: 20px;

}

@media (max-width: 1024px) {

    .proy_promociones{

        width: calc(100% - 40px) !important;

    }

}

/**** FIN BANNERS ****/

.col-listar #imagen_listar img:not(.casos #imagen_listar img) {
    aspect-ratio: 4 / 2;
    object-fit: cover;
    border-radius: 10px;
    transition: all 350ms 
ease-out 0s;
}
.cajar img, .busquedaAvanzada .cajasnove img{
    object-fit: cover;
    border-radius: 10px;
}
.casos .post-lead-image {
    background: #f0eff5;
    border-radius: 10px;
    height: fit-content;
    display: flex;
}
.casos .post-lead-image img {
    margin: 0 auto;
}
.post-lead-image img {
    max-width: 625px;
    border-radius: 10px;
}
.post-lead-image {
    margin: 20px 0;
}
.col-listar p, .busquedaAvanzada .cajasnove .des_nov p, .cajar p {
    text-align: start !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}
.col-listar p:not(:first-of-type), .busquedaAvanzada .cajasnove .des_nov p:not(:first-of-type), .cajar p:not(:first-of-type)  {
    display: none;
}
.col-listar h3, .busquedaAvanzada .cajasnove h3 {
    margin-top: 10px;
}
.col-listar div#imagen_listar{
    margin: 15px 0;
}
.caja_nov_listar .desdoc {
    margin-bottom: 15px;
}
.nov_dlarga a:last-of-type{
    border: medium none;
    font-size: 14px;
    line-height: 1.4;
    padding: 8px 20px;
    transition: all 0.25s 
linear 0s;
    border-radius: 55px;
    font-weight: 600;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
    color: #fff !important;
    background: var(--color-marca1) !important;
    margin-top: 5px;
    display: inline-block;
}
.nov_dlarga a:hover:last-of-type{
    background: #1d407c !important;
}