/*a[href*="/rental"] { display: none!important;}*/ /*VARIABLES ss*/ :root { --font-main: 'Open Sans', sans-serif; --font-header: 'Montserrat', sans-serif; --font-icon: 'Material Design Icons'; --font-barcode: 'Libre Barcode 128 Text', cursive; --color-lighter: #f2f2f2; --color-light: #616161; --color-gray-light: #b3b3b3; --color-gray: #808080; --color-gray-dark: #262626; --color-dark: #1d1f29; --color-main-light: #ff1b1e; --color-main: #e80003; /*old ee2225*/ --color-main-dark: #b10002; --color-main-transparent: #e80003cc; --shadow-focus: 0 0 0 3px #c2185b66; } *{border-radius: 0 !important;} body{font-family: var(--font-main); font-size:16px; line-height: 1.4em; color: #000; width: 100%; overflow-x: hidden; padding-bottom: 0 !important; } a{color: var(--color-main); text-decoration: none !important} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 500;} .text-primary {color: var(--color-main)!important;} .embed-responsive-item{width: 100%; aspect-ratio: 16/9;} /*BACKGROUNDS*/ .bkg-dotted-white{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=); background-color: transparent;} .bkg-dotted-black{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=); background-color: transparent;} .bg-red { background-color: var(--color-main);} .red { color: var(--color-main)!important; } /* COMPONENTS */ /*HELPERS*/ .lead { font-size: 1.5rem; line-height: 1.4; margin-bottom: 1.5rem; font-weight: 300; color: #000; } .lead strong { font-weight: 600; } /*MENU RRSS*/ .menu-rrss { margin-top: 20px } .menu-rrss li { display: inline-block } .menu-rrss li:hover,.menu-rrss li:focus,.menu-rrss li a:hover,.menu-rrss li a:focus { background: none } .menu-rrss li a.fa { font-size: 0; line-height: 1; color: #000 } .menu-rrss li a.fa:before { font-size: 35px } .menu-rrss li a:hover { background: #000; color: #fff } /* ANIMACIONES */ @-webkit-keyframes mdi-spin { 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mdi-spin { 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .mdi-spin:before { -webkit-animation: mdi-spin 2s infinite linear; animation: mdi-spin 2s infinite linear; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.6); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(220, 53, 69, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.6); box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.6); } 70% { -moz-box-shadow: 0 0 0 15px rgba(220, 53, 69, 0); box-shadow: 0 0 0 15px rgba(220, 53, 69, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); } } .pulsating { -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite } .pulsating:hover { animation: none } /*MODAL*/ .modal-header {padding-right: 55px;} .modal-header, .modal-footer {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQALPnj37zwjjgzhSUlKMYAEYB8RmROaABAAMsA+2a23rGQAAAABJRU5ErkJggg==); background-color: transparent;} .contact-modal .modal-header { padding: 0; } .modal .close { margin: 0; font-size: 25px; position: absolute; opacity: 1; cursor: pointer; background-color: #fff; padding: 12px 5px; top: 0; right: 0; line-height: 0; color: #000;} .modal-title {text-transform: uppercase; margin: 0; line-height: 1.2; color: #000; } .modal .btn-send {background-color: var(--color-main); color: #fff; padding: 8px 60px; border: none; cursor: pointer; box-shadow: none;} .modal .form-group {display: -webkit-flex; display: -ms-flex; display: flex;} .modal .form-group label, .modal .form-group .control-label { font-size: 12px; font-weight: normal; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 80px; margin-bottom: 0; text-transform: uppercase; -ms-flex-item-align: center; align-self: center; color: #000;} .modal .form-group label[for^="comments-"], .modal .form-group .control-label[for^="comments-"] {align-self: flex-start;} .modal .modal-fields { font-size: 13px; } .modal .modal-dialog { padding: 0; } /* OWL */ .owl-carousel .owl-dots {position: absolute; right: 1rem; bottom: 1rem; line-height: 0; } .owl-carousel .owl-dot { background-color: #fff; padding: .6rem; margin-left: .3rem; display: inline-block; font-size: 0; line-height: 0; transition: all .3s ease; } .owl-carousel .owl-dot.active, .owl-carousel .owl-dot:hover { background-color: var(--color-main); } .owl-carousel .owl-nav {position: absolute; bottom: 0; left: 0; right: 0; color: #fff;} .owl-carousel .owl-nav > * { display: block; padding: 1rem 0.75rem; position: absolute; font-size: 2rem; bottom: 0; background-color: rgba(0,0,0,0.4); } .owl-carousel .owl-nav .owl-prev { left: 0;} .owl-carousel .owl-nav .owl-next {right: 0;} /* CONTACT FORM ASIDE */ .contact-form-cont { position: relative; z-index: 1; margin-bottom: 2rem; } .contact-form-cont .heading { padding: 1.5rem; background-color: #363435; color: #fff; } .contact-form-cont .heading .title { text-transform: uppercase; font-weight: 600; color: inherit; font-size: 1.6rem;} .contact-form-cont .heading .sub-title { font-weight: 400; margin-bottom: 0; font-size: 1rem; } .contact-form-cont .heading .title { font-size: 1.6rem; color: #fff; font-weight: 600; } .contact-form-cont .form-group { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; background: #fff; margin-bottom: 10px; padding: 4px 0; position: relative; } .contact-form-cont .form-group:before { content: ""; height: 2px; background-color: #8b8484; left: 0; right: 0; position: absolute; bottom: -2px; transition: all .5s ease; } .contact-form-cont .form-group:after { content: ""; height: 3px; background-color: #3f6eaf; left: 0; right: 100%; position: absolute; bottom: -2px; transition: all .3s ease; } .contact-form-cont .form-group.active:after { left: 0; right: 0; position: absolute; } .contact-form-cont .form-group.active label { color: #3f6eaf; font-weight: 500; } .contact-form-cont form { padding: 1.5rem; background-color: #eaecef; position: relative; } .contact-form-cont form .control-label { margin: 0 0 0 5px; } .contact-form-cont .form-group .form-control { border: 0; } .contact-form-cont .form-group .form-control, .contact-form-cont .form-group .control-label { font-size: .8rem; padding: .3rem .5rem .3rem .1rem; line-height: 1; } .contact-form-cont .btn-cont { text-align: right } .contact-form-cont .btn-cont .btn { background-color: #949494; text-transform: uppercase; cursor: pointer; border: 0; font-weight: 500; overflow: hidden; position: relative; border-right: .4rem solid #585858; transition: all .3s ease; } .contact-form-cont .btn-cont .btn:hover, .contact-form-cont .btn-cont .btn:focus {background-color: #0a0a0a; box-shadow: none; } .contact-form-cont .btn-cont .btn:hover { color: #0a0a0a; background-color: #fff; } #warning-text { opacity: 0; font-size: 0.9rem; left: 0; right: 0; top: 0; transition: all .2s ease; position: absolute; z-index: 10; text-align: center; } #warning-text.spinning, #warning-text.sent,#warning-text.sending { opacity: 1; position: static; } /* LANGUAGE SWITCHER */ .language-switcher .lang-list .lang-li.active { display: none; } .language-switcher .lang-list .lang-li { display: inline-block; } .language-switcher .lang-list .lang-li { font-size: 0.8rem; margin: 0 .6rem; border: 1px solid #979797; background-color: #979797; border-radius: 50%!important; width: 1.7rem; height: 1.7rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .language-switcher .lang-list .lang-link { color: #fff; } /* PAGINATOR */ .pagination>li>a,.pagination>li>span { font-size: 25px; padding: 4px 8px; border-radius: 0 } ul.pagination>li { border: 1px solid #000; color: #000; margin: 0 2px 0 0; font-weight: 400; } ul.pagination>li.active,ul.pagination>li:hover,ul.pagination>li.active:hover {color: #fff; background-color: #000; border-color: #000;} ul.pagination>li>a { font-size: 1rem; color: inherit; line-height: 1.1; display: inline-block; padding: .4rem .7rem; transition: all .3s ease } ul.pagination>li.disabled { display: none } /* SEARCH ASIDE */ #search-wrapper #mod-search-searchword { outline: initial; box-shadow: none; border: 4px solid #000; border-left-width: 8px; color: #000; font-size: 0.9rem; } #search-wrapper span.input-group-btn .btn { color: #fff; background-color: #000; height: 100%; outline: initial; box-shadow: initial; display: inline-block; font-size: 1.5rem; padding: 1.3rem 0.5rem; line-height: 0;} /* VIEW-SEARCH */ .view-search {} .view-search #searchForm { display: none;} .view-search .search-results { margin-top: -1rem; } .view-search .search-results dt a { color: var(--color-main); font-size: 1.3rem; display: block; padding: 1rem 0 0.75rem 0; -webkit-transition: all .3s ease;transition: all .3s ease; } .view-search .search-results dt a:hover { -webkit-transform: translateX(5px);transform: translateX(5px); } .view-search .search-results dt:hover + dd + dd + hr { border-color: var(--color-main); } .view-search .search-results hr { -webkit-transition: all .3s ease;transition: all .3s ease; } .view-search .search-results dd { display: none;} .view-search .search-results .result-text { display: block; font-size: 0.8rem; line-height: 1.4; } .view-search .search-results hr { margin-bottom: 0; } /* VIEW-TAG */ .view-tag fieldset.filters { display: none;} .view-tag .tag-category .category a { line-height: 1; text-transform: initial; font-weight: 400; font-size: 1.2rem; margin-bottom: 1rem; position: relative; display: block; padding: 0 0 1.5rem 0; color: #000; } .view-tag .tag-category .category a:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0.5rem; border-bottom: 1px solid #999999; } .view-tag .tag-category .category a:after { content: ""; position: absolute; left: 0; width: 10rem; bottom: 0.5rem; border-bottom: 3px solid var(--color-main); -webkit-transition: all 1.5s ease;transition: all 1.5s ease; } .view-tag .tag-category .category a:hover:after { width: 100%; } /* CONTENT-LINKS */ .view-article .r-content .content .content-links h4 { margin-bottom: 1.5rem; } .view-article .r-content .content-links ul { flex-direction: column; border: 0; } .view-article .r-content .content-links ul > li.content-link { display: block;} .view-article .r-content .content-links ul > li.content-link { transition: all .3s ease;} .view-article .r-content .content-links ul > li.content-link:hover {transform: translateX(5px); } .view-article .r-content .content-links ul > li.content-link a { color: #000; -webkit-transition: all .3s ease;} /* GRACIAS */ .gracias .r-content .content h1 { color: var(--color-main); font-weight: 600; } .gracias .r-content .content p { font-size: 2rem; line-height: 1.4; } /*MENU REDES SOCIALES*/ .menu-social-media ul { margin-bottom: 0; list-style-type: none; padding-left: 0; } .menu-social-media ul li { display: inline-block;} .menu-social-media ul li a {padding: 1.1rem 0.5rem; background-color: #656565; color: #fff; line-height: 0; display: inline-block; font-size: 1.3rem;} .menu-social-media ul li a:before { -webkit-transition: all .3s ease;transition: all .3s ease; } .menu-social-media ul li a:hover:before { color: var(--color-main); } /* MENU HELPER */ .bg-click { transition: background-color .5s ease } /* POSITION ABSOLUTE LINK HELPER */ .autogestion-e-informacion .abs-link { position: absolute; left: 0;right: 0;bottom: 0;top: 0; z-index: 1;} .pantallas-de-formato-especial .abs-link {position: absolute; bottom: 20px; padding: 2px 7px; border: 1px solid var(--color-main); color: #000; text-transform: uppercase; font-size: 0.7rem; } .pantallas-de-formato-especial .abs-link:hover {color: #fff!important; background-color: var(--color-main)} /* CUSTOM_GALLERy */ .custom-gallery { margin-bottom: 1rem; } /* MODULOS CUSTOM */ .soluciones-modulo > .row > div[class^="col"]{ margin-bottom: 1.5rem; } .soluciones-modulo .item-wrapper { background-color: #fff; border-bottom: 4px solid #D4D4D4; height: 100%; } .soluciones-modulo .item-image { width: 30%; overflow: hidden;} .soluciones-modulo .abs-link { z-index: 1;} .soluciones-modulo .abs-link:hover + .item-image img{ -webkit-transform: scale(1.1);transform: scale(1.1)} .soluciones-modulo .abs-link:after { content: ""; background-color: var(--color-main); position: absolute; left: 50%;right: 50%;bottom: -4px; height: 4px; -webkit-transition: all .3s ease;transition: all .3s ease; } .soluciones-modulo .abs-link:hover:after { right: 0; left: 0; } .soluciones-modulo .item-image img { -webkit-transition: all .3s ease; transition: all .3s ease; width: 100%; } .soluciones-modulo .item-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.75rem; } .soluciones-modulo .item-title { position: relative;} .soluciones-modulo .item-title > * {font-size: 1.7rem; color: var(--color-main); margin-bottom: 0.6rem; } .soluciones-modulo .item-intro { font-size: 0.75rem; line-height: 1.4; color: #000; } .soluciones-modulo .item-intro *:last-child { margin-bottom: 0; } /* HEADER BLOG */ .header-blog h2 { margin-bottom: 0; margin-bottom: 0; color: #000; font-weight: 600; text-transform: uppercase; font-size: 2rem; } /* ESTILOS GENERALES DE PRODUCTOS SERVICIOS Y SOLUCIONES p-s-s algo de clientes, */ .p-s-s .r-slider, .clientes .r-slider, .empresa .r-slider, .landing .r-slider { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQYV2O8du3afy0tLUYGJADmoEvAVSBLoGiDSaAIwowCABJ1E4dWLaHjAAAAAElFTkSuQmCC);} .p-s-s .r-slider .header, .landing .r-slider .header{ margin-bottom: 1.5rem;} .p-s-s .r-slider .header h1, .r-slider .with-aside h1, .landing .r-slider .header h1 { margin: 0; text-transform: uppercase; font-size: 2.7rem; color: #000; font-weight: 600; line-height: 1; } .p-s-s .r-slider .header .right , .landing .r-slider .header .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-s-s .r-slider .header .right .btn, .landing .r-slider .header .right .btnz-index: 1; border: 0; position: relative; text-transform: uppercase; margin: 1rem 0; outline: none; box-shadow: none; background-color: var(--color-main); font-size: 1.4rem; padding: 0.8rem 1.2rem; width: 100%;} .p-s-s .r-slider .header .right .btn:before , .landing .r-slider .header .right .btn:before { z-index: -1; content: ""; position: absolute; left: 0;right: 0;bottom: 0;height: 4px; background-color: #d01e22; -webkit-transition: all .3s ease;transition: all .3s ease; } .p-s-s .r-slider .header .right .btn:hover:before , .landings .r-slider .header .right .btn:hover:before { background-color: #000; height: 100%; } /* .p-s-s .r-slider .header .right .btn:hover { color: #000; } */ #p-s-s-slider .owl-dots { bottom: initial; top: 1rem; } #p-s-s-slider .slider-title{ color: var(--color-main); margin: 1rem 0 0.5rem 0; font-size: 1.6rem; } #p-s-s-slider p{ font-family: 'Lato', sans-serif; font-style: italic; color: #fff; margin-bottom: 0; } .p-s-s .r-slider:after {content: ""; position: absolute; left: 0;right: 0;bottom: 0; top: 55%; background-color: #000; } .p-s-s .r-slider .row { -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;align-items: center; } .p-s-s .r-slider > .container > .row{ -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .well-lead {padding: 1rem 2rem; border-top: 2px solid #D4D4D4; border-bottom: 2px solid #D4D4D4; margin-bottom: 2rem; text-align-last: center;} .well-lead p { margin: 0; font-family: 'Lato', sans-serif; font-style: italic; font-size: 2.1rem; line-height: 1.3!important; text-align: center; } .p-s-s .r-post-slider { padding: 2.5rem 0; } .p-s-s.view-article .r-post-slider ul, .arrow-list{ padding-left: 1.5rem; list-style: none; margin-bottom: 0rem; } .p-s-s.view-article .r-post-slider ul > li, .arrow-list > li{ font-size: 1.1rem; position: relative; margin-bottom: 0.8rem; color: #000; padding-left: 0.5rem; line-height: 1.2; font-weight: 400; } .p-s-s.view-article .r-post-slider ul > li:last-child, .arrow-list > li:last-child{ margin-bottom: 0;} .p-s-s.view-article .r-post-slider ul > li:before , .arrow-list > li:before{ content: "\F415"; position: absolute; color: var(--color-main); left: -1.5rem; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.4rem; } .p-s-s.view-article .r-post-slider ul.font-main > li {font-family: var(--font-main); font-style: italic;} .p-s-s.view-article .r-post-slider .top > div {margin-bottom: 3rem; } .p-s-s.view-article .r-post-slider .list, .gray-box { padding: 1.5rem; background-color: #f1f1f1; border-bottom: 4px solid #D4D4D4; } .p-s-s.view-article .r-post-slider .right h4, .h4{ position: relative; display: inline-block; text-transform: uppercase; font-size: 0.9rem; margin-bottom: 1.5rem!important; font-weight: 600; letter-spacing: 0.5px; color: #000;} .p-s-s.view-article .r-post-slider .right h4:before, .h4:before { content: ""; position: absolute; left: 0; right: -1rem; bottom: -0.5rem; border-bottom: 2px solid var(--color-main); } .p-s-s.view-article .r-content .readmore-items { } .p-s-s.view-article .r-content .readmore-items .abs-link.more-info:before { content: "Más Info"; position: absolute; left: 0.75rem; bottom: .75rem; display: inline-block; padding: 0.5rem 0.4rem; border: 1px solid var(--color-main); font-size: 0.6rem; text-transform: uppercase; line-height: 0; color: #000; -webkit-transition: all .3s ease; transition: all .3s ease; } .p-s-s.view-article .r-content .readmore-items .abs-link.more-info ~ *:last-child { padding-bottom: 2.5rem;} .p-s-s.view-article .r-content .readmore-items > div[class^="col"]{ margin-bottom: 2.5rem; } .p-s-s.view-article .r-content .readmore-items .item-wrapper {background-color: #fff; color: #000; position: relative; margin-bottom: 0; } .p-s-s.view-article .r-content .readmore-items .text-wrapper {padding: 1rem 0.75rem; } .p-s-s.view-article .r-content .readmore-items p {font-size: 0.8rem; margin-bottom: 0.5rem; line-height: 1.5;} .p-s-s.view-article .r-content .readmore-items .readmore-in { padding: 1rem 0.75rem; } .p-s-s.view-article .r-content .readmore-items .readmore.show, .p-s-s.view-article .r-content .readmore-items .readmore.collapsing { background-color: #fff; z-index: 1; } .p-s-s.view-article .r-content .readmore-items .readmore-btn { position: absolute;left: 0;right: 0;top: 100%; height: 2rem; background-color: var(--color-main); } .p-s-s.view-article .r-content .readmore-items .readmore-btn a {font-size: 0; } .p-s-s.view-article .r-content .readmore-items .readmore-btn a.collapsed:before {content: "\F415";} .p-s-s.view-article .r-content .readmore-items .readmore-btn a:before{ content: "\F374"; display: block; position: absolute; right: 0.5rem; top: calc(50% - 11px); font: normal normal normal 24px/1 "Material Design Icons"; color: #fff; font-size: 2rem; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .p-s-s .r-content { background-color: #f1f1f1; padding-top: 3rem;} .p-s-s .r-content .post-title {font-style: italic; line-height: 1.3; font-weight: 400; margin-bottom: 3rem; color: #000; } .p-s-s .r-content .brochure-items > div[class^="col"] { margin-bottom: 1.5rem; } .p-s-s .r-content .brochure-items .text-wrapper p:last-child { padding-bottom: 2.5rem; } .p-s-s .r-content .brochure-items .item-wrapper {height: 100%; border-bottom: 4px solid var(--color-gray-light); } .p-s-s .r-content .brochure-items .item-wrapper:hover {height: 100%; border-bottom: 4px solid var(--color-main); } .p-s-s .r-content .item-wrapper { position: relative; background-color: #fff; margin-bottom: 1.5rem; } .p-s-s .r-content .item-wrapper:hover:after { border-color: var(--color-main); } /*.en-gb.p-s-s .r-content .brochure-items .item-wrapper .abs-link:before { content: "Download brochure"; }*/ /*.p-s-s .r-content .brochure-items .item-wrapper .abs-link:before { content: "Descargar brochure"; position: absolute; left: 0.75rem; bottom: 1rem; display: inline-block; padding: 0.5rem 0.4rem; border: 1px solid var(--color-main); font-size: 0.6rem; text-transform: uppercase; line-height: 0; color: #000; -webkit-transition: all .3s ease;transition: all .3s ease; }*/ /*.p-s-s .r-content .abs-link:after { content: ""; position: absolute; left: 50%;right: 50%;bottom: -4px; height: 4px; background-color: var(--color-main); -webkit-transition: all .3s ease;transition: all .3s ease; }*/ .p-s-s .r-content .abs-link:hover:after { right: 0;left: 0; } .p-s-s .r-content .abs-link:hover +.img-wrapper img { -webkit-transform: scale(1.1);transform: scale(1.1); } .p-s-s .r-content .img-wrapper { overflow: hidden; } .p-s-s .r-content .img-wrapper img { -webkit-transition: all .3s ease;transition: all .3s ease; width: 100%; height: auto; } .p-s-s .r-content .text-wrapper { padding: 1rem 0.75rem 2.5rem; } .border-bottom-gray { border-bottom: 4px solid #D4D4D4; } /*.p-s-s .r-content .abs-link { border-bottom: 4px solid #D4D4D4; }*/ .p-s-s .r-content .text-wrapper p {font-size: 0.9rem; color: #000; line-height: 1.6; margin-bottom: 0.4rem;} .p-s-s .r-content .text-wrapper p:last-child { margin-bottom: 0;} .comunicacion-digital.p-s-s.view-article .r-post-slider .top > div {margin-bottom: 0;} .comunicacion-digital.p-s-s.view-article .r-post-slider ul, .arrow-list {margin-bottom: 1rem;} .r-slider .with-aside .header .right { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 1.5rem; } .r-slider .with-aside .header .right:before { content: "";position: absolute; left: 0;top: 0;bottom: 0; background-color: var(--color-main); width: 4px; } .r-slider .with-aside .header .right p { margin-bottom: 0; padding-left: 2rem; font-size: 1.3rem; line-height: 1.3; } .clientes .r-content .clientes-wrapper { display: table; position: relative; } .clientes .r-content .clientes-wrapper:after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border: 1px solid #dadada; } .clientes .r-content .clientes-wrapper .img-wrapper { text-align: center; display: table-cell; width: 16.66667%; float: left; border: 1px solid #dadada; border-top: 0; border-left: 0; } /*ADVANTAGE*/ .advantage .wrapper{background: #f1f1f1; border-bottom: 4px solid #D4D4D4; border-top: 4px solid #D4D4D4;margin-bottom: 1.5rem;padding: 30px 15px 0 15px; min-height: 250px;} .advantage h2{margin: 0 0 10px 0; text-transform: uppercase; font-size: 2.7rem; color: #000; font-weight: 600; line-height: 1;} .advantage .sub-title {font-size: 1.5rem; color: #ed1b24; margin-bottom: 2rem} .advantage .title{margin-bottom: 20px;} .advantage .title h3{font-size: 1.1rem; font-weight: 700; } .advantage .title .icon{min-height: 40px;} .advantage .title .icon .mdi{display: inline-block;color: #f26342;} .advantage .text-box{font-size: 16px; line-height: 1.2} /*ABP MEDIA TOOLS*/ /*GALLERY*/ .media-tools-gallery-wrapper .media-tools-gallery{gap: 10px} .media-tools-gallery-wrapper .media-tools-gallery-active.active_class img{width: 100%; display: block; height: auto;} .media-tools-gallery-wrapper .media-tools-gallery-thumbnails-wrapper{display: flex; justify-content: center; gap: 15px;} .media-tools-gallery-wrapper .media-tools-gallery-thumbnails-wrapper .thumbnail-button{flex: 0 0 20px; border: none;} .media-tools-gallery-wrapper .media-tools-gallery-thumbnails-wrapper .media-tools-gallery-thumbnails{display: flex; justify-content: space-between; gap: 10px;} /*BOTTOM THUMBNAILS*/ .media-tools-gallery-wrapper.bottom-thumbnail .media-tools-gallery{display: flex; flex-direction: column;} /*TOP THUMBNAILS*/ .media-tools-gallery-wrapper.top-thumbnail .media-tools-gallery{display: flex; flex-direction: column-reverse;} /*LEFT THUMBNAILS*/ .media-tools-gallery-wrapper.left-thumbnail .media-tools-gallery{display: flex; flex-direction: row-reverse;} .media-tools-gallery-wrapper.left-thumbnail .media-tools-gallery-thumbnails-wrapper{flex-direction: column;} .media-tools-gallery-wrapper.left-thumbnail .media-tools-gallery-thumbnails-wrapper .media-tools-gallery-thumbnails{flex-direction: column;} /*RIGHT THUMBNAILS*/ .media-tools-gallery-wrapper.right-thumbnail .media-tools-gallery{display: flex; flex-direction: row;} .media-tools-gallery-wrapper.right-thumbnail .media-tools-gallery-thumbnails-wrapper{flex-direction: column;} .media-tools-gallery-wrapper.right-thumbnail .media-tools-gallery-thumbnails-wrapper .media-tools-gallery-thumbnails{flex-direction: column;} /*HORIZONTAL THUMBNAILS*/ .media-tools-gallery-wrapper.horizontal-thumbnail .media-tools-gallery{flex-direction: column;} .horizontal-thumbnail .media-tools-gallery .thumbnail-button.button-prev{margin-right: 10px;} .horizontal-thumbnail .media-tools-gallery .thumbnail-button.button-next{margin-left: 10px;} .horizontal-thumbnail .media-tools-gallery-thumbnails .img-product{aspect-ratio: 1/1; object-fit: cover;} /*VERTICAL THUMBNAILS*/ .vertical-thumbnail .media-tools-gallery-thumbnails .img-product{margin: 5px 0;} /*GENERAL*/ .media-tools-gallery .thumbnail-button{border: 1px solid var(--color-background-light); background: none; padding: 0 3px;} .media-tools-gallery-active{overflow: hidden;} .media-tools-gallery-thumbnails {overflow: hidden;} .media-tools-gallery-thumbnails .img-product{border: 1px solid var(--color-background-light); transition: all 1s ease;} .media-tools-gallery-thumbnails .img-product:hover{cursor:pointer; transform: scale(1.5);} /*********************************************************/ /*ROW TOP*/ .r-top { background-color: var(--color-main); overflow-y: hidden;} .r-top .nav-link { color: #fff; text-transform: uppercase; padding: 0.2rem 0.6rem; font-size: 0.9rem; -webkit-transition: all .3s ease;transition: all .3s ease; } .r-top .nav-link:hover, .r-top .nav-item.active .nav-link { background-color: #000; } .r-top .menu-social-media ul li a {padding: 0.87rem 0.5rem; background-color: #000000; color: #fff; line-height: 0; display: inline-block; font-size: 1rem;} /*ROW NAVBAR*/ .r-navbar { box-shadow: 0 3px 4px rgba(0,0,0,.16); } .r-navbar .navbar { padding: 0;} .r-navbar .navbar-brand { padding: 0.5rem 0; } .r-navbar .navbar-toggler-icon { background: initial } .r-navbar #mainMenu > .nav, .r-navbar #mainMenu > .nav > .nav-item {height: 100%; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;} .r-navbar #mainMenu > .nav > .nav-item > .nav-link { position: relative; z-index: 1; display: flex; align-items: center; height: 100%; } .r-navbar #mainMenu > .nav > .nav-item > .nav-link:before { background-color: #000; content: ""; position: absolute; height: 0; left: 0;right: 0;bottom: 0rem; z-index: -1; -webkit-transition: all .3s ease;transition: all .3s ease; } .r-navbar #mainMenu > .nav > .nav-item > .nav-link:hover:before, .r-navbar #mainMenu > .nav > .nav-item.active > .nav-link:before, .r-navbar #mainMenu > .nav > .nav-item.alias-parent-active > .nav-link:before { height: 8px; } .r-navbar .nav-link { font-size: 1.4rem; text-transform: uppercase; color: #000; } .r-navbar .navbar-toggler {border: 0;} .r-navbar .navbar-toggler #navbar-toggler-svg line { -webkit-transition: all .3s ease; transition: all .3s ease; stroke: #1c3855; -webkit-transform-origin: 8px 16px; transform-origin: 8px 16px } .r-navbar .navbar-toggler:not(.collapsed) #navbar-toggler-svg #line-middle { stroke: rgba(0,0,0,0) } .r-navbar .navbar-toggler:not(.collapsed) #navbar-toggler-svg #line-top { -webkit-transform: rotate(45deg); transform: rotate(45deg); stroke-width: 3 } .r-navbar .navbar-toggler:not(.collapsed) #navbar-toggler-svg #line-bottom { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); stroke-width: 3 } .landing .r-navbar .navbar-toggler {display: none;} /* MENU */ .r-navbar > .container { position: relative;} #mainMenu > ul.menu { -webkit-box-align: center;-ms-flex-align: center;align-items: center; } #mainMenu .nav-child { position: absolute; left: 0;right: 0; padding: 0; padding-left: 30%; list-style-type: none; background-color: #fff; box-shadow: inset 0 3px 4px rgba(0,0,0,.16); z-index: 1;/*background-image: url(/images/assets/menu-bg.jpg);*/ background-repeat: no-repeat; background-size: 270px; background-position: 2rem center; border-bottom: 4px solid var(--color-main); z-index: 5; top: 100%; } #mainMenu .nav-child.show, #mainMenu .nav-child.collapsing {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: all .3s ease ;transition: all .3s ease ; } #mainMenu .nav-child.show { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: height 3s ease opacity .1s ease;transition: height 3s ease opacity .1s ease; } #mainMenu .nav-child.collapsing { padding-top: 0;padding-bottom: 0; opacity: 0; } #mainMenu .nav-child.show { padding-top: 2rem;padding-bottom: 2rem; background-image: url(/images/lg-logo-grey.png); background-size: 25%;} #mainMenu .nav-child .nav-item { width: 45%; margin-right: 5%; } #mainMenu .nav-child .nav-item .nav-link { position: relative; font-size: 0.9rem; padding-left: 0;padding-right: 0; text-transform: initial; border-bottom: 1px solid #5f5f5f; z-index: 0; -webkit-transition: all .3s ease;transition: all .3s ease; } #mainMenu .nav-child .nav-item .nav-link:before { content: "\F142"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 3px;} #mainMenu .nav-child .nav-item .nav-link:after {z-index: 1; content: ""; position: absolute; left: 0; right: 100%;bottom: -1px; background-color: var(--color-main); height: 1px; -webkit-transition: all .3s ease;transition: all .3s ease;} #mainMenu .nav-child .nav-item .nav-link:hover:after { right: 0; } #mainMenu .nav-child .nav-item .nav-link:hover{ color: var(--color-main); } @media (max-width: 991px) { .r-navbar #mainMenu > ul.nav {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap;flex-wrap: nowrap; background-color: rgba(0,0,0,1); padding: 15px; } #mainMenu .nav-link { color: #fff; } .r-navbar #mainMenu > .nav > .nav-item > .nav-link, .r-navbar #mainMenu > .nav > .nav-item {height: auto; width: 100%; font-size: 1.1rem; } .r-navbar #mainMenu > .nav > .nav-item > .nav-link:before { height: 1px!important; background-color: #fff; } .r-navbar #mainMenu > .nav > .nav-item > .nav-header-link:after {color: #fff; position: absolute; right: 0.5rem; font-size: 2rem; content: "\F140"; display: block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 0.6rem; } .r-navbar #mainMenu > .nav .nav-child { background-color: initial; position: static; padding-left: 0; background-image: initial!important; padding: 0; box-shadow: none; border-bottom: 0; opacity: 1; } .r-navbar #mainMenu > .nav .nav-child li { width: 100%; margin: 0; } .r-navbar #mainMenu > .nav .nav-child li .nav-link { border-bottom-color: #2f2f2f; padding-left: 0.75rem; } .r-navbar #mainMenu > .nav .nav-item { display: block;} .r-navbar .navbar-brand { max-width: 210px;} } .media-data-ps > * + * {margin-left: 0.9rem;} .media-data-ps > .media strong {color: var(--color-main); text-transform: uppercase;} .media-data-ps > .media i {font-size: 2rem; color: var(--color-main);} .media-data-ps > .media .media-body {margin-left: 0.4rem; padding-left: 0.4rem; border-left: 2px solid var(--color-main)} .media-data-ps > .media .media-body a {color: #424242; } .media-data-ps > .media .media-body a:hover {text-decoration: underline !important; } /*ROW SLIDER*/ .r-slider { padding: 2rem 0; position: relative; overflow: hidden; } .r-slider .btn-danger {text-transform: uppercase; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; padding: 15px 30px; line-height: 1; margin: 0;font-size: 20px;font-weight: 600;transition-property:all; transition-duration: .1s;} .home-es .r-slider .slider-bg { -webkit-filter: blur(5px) grayscale(80%); filter: blur(5px) grayscale(80%); position: absolute; left: -5rem;right: -5rem;bottom: -5rem;top: -5rem; background-repeat: no-repeat; background-size: cover; opacity: 1;} #slider-bg-animated {-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;} #slider-bg-animated.small:after { } #slider-bg-animated.small { opacity: 0; left: 20%;right: 20%;bottom: 20%;top: 20%; } #home-slider { position: relative;} #home-slider .owl-dots { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 1rem 110px 0 40px; } #home-slider .owl-dots .owl-dot { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 0; border-radius: 0!important; margin: 0 0.2rem; -webkit-transition: all .3s ease; transition: all .3s ease; padding: .2rem; } #home-slider .owl-dots .owl-dot.active, #home-slider .owl-dots .owl-dot:hover { background-color: var(--color-main); } #home-slider .item-wrapper { position: relative;} #home-slider .item-wrapper .slider-desc { position: absolute; left: 0;right: 0;bottom: 0; padding: 0.75rem; background-color: rgba(0,0,0); color: #fff; margin-bottom: 0; font-size: 0.8rem; } #home-slider .item-wrapper .slider-desc span { text-transform: uppercase; font-weight: 700; font-size: 1rem;} #hero .hero-wrapper { margin-left: -100px; } #hero .hero-heading {position: relative; z-index: 1; background-color: #000; padding: 1rem; border-bottom: 1rem solid var(--color-main); text-align: center;} #hero .hero-title {margin: 1rem 0 0 0; color: #fff; font-size: 1.2rem;} #hero .hero-body { padding: 1.5rem 15px 1.5rem 85px; background-color: #fff; } #hero .hero-heading, #hero .hero-body {box-shadow: 0 0 10px 2px rgba(0,0,0,0.3);} #hero .hero-item { position: relative; } #hero .hero-item .abs-link:hover + .hero-subtitle:before { color: var(--color-main);} #hero .hero-item .abs-link:hover ~ .hero-item-desc { color: var(--color-main);} #hero .hero-subtitle {color: var(--color-main); text-transform: uppercase; font-size: 1.15rem; font-weight: 600; -webkit-transition: all .3s ease;transition: all .3s ease; margin-bottom: 0; } #hero .hero-subtitle:before { text-transform: uppercase; font-weight: 600; font-size: 1.2rem; color: #000; -webkit-transition: all .3s ease;transition: all .3s ease; } #hero .hero-item-desc { color: #000; font-weight: 600; margin-bottom: 0.6rem; line-height: 1.2; -webkit-transition: all .3s ease; transition: all .3s ease; padding-left: 1.5rem; font-size: 0.9rem; } /* BLOG */ .blog .r-slider, .view-tag .r-slider, .view-search .r-slider { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQYV2O8du3afy0tLUYGJADmoEvAVSBLoGiDSaAIwowCABJ1E4dWLaHjAAAAAElFTkSuQmCC);} /*ROW CONTENT*/ .r-content { padding: 2rem 0; } .r-content>.container>.row>.col { overflow: hidden; } .r-content .content .nav {margin-bottom: 1.5rem; } .r-content .content .nav-pills .nav-link { background-color: #fff; color: #000; border: 2px solid #3a3a3a; text-transform: uppercase; margin-right: 0.3rem; margin-bottom: 0.3rem; padding: 0.3rem 0.5rem; font-size: 0.9rem; } .r-content .content .nav-pills .nav-link.active, .landing .r-content .content .nav-pills .nav-link:hover {background-color: #000; color: #fff;} .home .r-content { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQYV2O8du3afy0tLUYGJADmoEvAVSBLoGiDSaAIwowCABJ1E4dWLaHjAAAAAElFTkSuQmCC);} .home .r-content h1 { color: #000; margin-bottom: 2rem;} .view-article .r-content .content img { max-width: 100%; height: auto; width: 100%;} .pantallas-stand-alone .r-content .content img { max-width: none; width: auto; } .soluciones-de-colaboracion .r-content {display: none;} .empresa .r-content .content p.header {line-height: 1.6; font-style: italic; font-size: 1.5rem; } /* BLOG */ .blog-styles.view-category .content .intro-text { display: none;} .blog-styles.view-category .content .intro-text p { margin-bottom: 0; font-size: 0.9rem; line-height: 1.4; } .blog-styles.view-article .content { color: #000; } .blog-styles.view-article .content .lead { font-weight: 300; font-size: 1.3rem; line-height: 1.4; font-style: italic; margin-bottom: 1.5rem; } .blog-styles.view-article .content ul > li.lead, .p-s-s.view-article .content ul > li.lead { font-weight: 300; font-size: 1.3rem; line-height: 1.4; font-style: italic; margin-bottom: 1rem; } .blog-styles.view-article .content ul, .p-s-s.view-article .content ul { padding-left: 1.2rem; list-style: none; margin-bottom: 1.5rem; } .blog-styles.view-article .content ul > li, .p-s-s.view-article .content ul > li { font-size: 0.9rem; position: relative; margin-bottom: 0.35rem; line-height: 1.4;} .blog-styles.view-article .content ul > li:before, .p-s-s.view-article .content ul > li:before { content: "\F415"; position: absolute; color: var(--color-main); left: -1.3rem; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -0.1rem; font-size: 1.1rem; } .blog-styles.view-article .content ul.lead > li, .p-s-s.view-article .content ul.lead > li {font-size: 1.5rem;} .blog-styles.view-article .content ul.lead > li:before, .p-s-s.view-article .content ul.lead > li:before {font-size: 1.5rem; top: 0;} /*.blog-styles.view-article .content ul.lead > li, .p-s-s.view-article .content ul.lead > li {font-size: 1.5rem; line-height: 1.4; margin-bottom: 1.5rem; font-weight: 300; color: #000; }*/ .blog-styles.view-article .content .well { padding: 1rem 0.75rem; background-color: #fff; border: 1px solid #000000; margin-bottom: 1rem; } .blog-styles.view-article .content .well p { margin-bottom: 0; line-height: 1.4; } .blog-styles.view-article .content .item-image img { max-width: 100%; margin-bottom: 1rem; width: 100%; height: auto; } .blog-styles.view-article .content p {margin-top: 0; margin-bottom: 1rem; font-size: 0.9rem; line-height: 1.6;} .view-article .content p { line-height: 1.6;} .blog-styles.view-article .content h2, .underline-orange { text-transform: initial; font-weight: 600; font-size: 1.9rem; margin-bottom: 2.5rem; position: relative; display: inline-block; padding-right: 5%; color: #000; } .blog-styles.view-article .content h2:before, .underline-orange:before { content: ""; position: absolute; left: 0; right: 0; bottom: -1rem; border-bottom: 1px solid #999999; } .blog-styles.view-article .content h2:after, .underline-orange:after { content: ""; position: absolute; left: 0; width: 10rem; bottom: -1rem; border-bottom: 5px solid var(--color-main); } .blog-styles .r-content .content h5{ font-weight: 600; font-size: 1.05rem; margin-bottom: 1rem;} .view-article .content h3 { color: var(--color-main); margin-bottom: 1rem; font-weight: 600; font-size: 1.3rem; position: relative; } /*.view-article .content h3:before { content: "_ "; position: absolute; left: 0; top: 0rem; }*/ .blog-styles.view-article .content h4, .h4 { position: relative; display: inline-block; text-transform: uppercase; font-size: 0.9rem; margin-bottom: 2rem; font-weight: 600; letter-spacing: 0.5px; color: #000; } /*.blog-styles.view-article .content h4:before, .h4:before { content: ""; position: absolute; left: 0; right: -1rem; bottom: -0.5rem; border-bottom: 2px solid var(--color-main); }*/ .blog-styles.view-article .content .blockquote,.blog-styles.view-article .content blockquote { margin: 2rem 0; padding: 0.5rem 0 0.5rem 1rem; border-left: 4px solid var(--color-main); } .blog-styles.view-article .content .blockquote h5 ,.blog-styles.view-article .content blockquote h5 { font-weight: 600; font-size: 1.05rem;} .blog-styles.view-article .content .blockquote > *:last-child ,.blog-styles.view-article .content blockquote > *:last-child {margin-bottom: 0;} .view-category .r-content .blog .item {display: -webkit-box;display: -ms-flexbox;display: flex; margin-bottom: 1rem; background-color: #000; } .view-category .r-content .blog .item-image { width: 50%; } .r-content .blog a{ display: block;color: inherit; line-height: inherit; } .r-content .blog a > img {width: 100%; height: auto; max-width: 100%;} .r-content .blog .item-text { -webkit-box-flex: 1;-ms-flex: 1;flex: 1; padding: 0.75rem; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .r-content .blog .item-text .page-header { -webkit-box-flex: 1;-ms-flex: 1;flex: 1;} .r-content .blog .item-text h2 { font-size: 1.5rem; line-height: 1.2; } .r-content .tags { list-style-type: none; padding-left: 0; margin-bottom: 0; } .blog.view-article .r-content .tags { margin-bottom: 1.5rem; padding-left: 0; } .r-content .tags li { display: inline-block; font-size: 0.6rem; text-transform: uppercase; line-height: 1; } .r-content .tags li:before { display: none!important; } .r-content .tags li a { color: inherit; border: 1px solid var(--color-main); padding: 0.3rem 0.2rem 0.25rem 0.2rem; font-size: 0.6rem; -webkit-transition: all .3s ease;transition: all .3s ease; } .r-content .tags li a:hover { background-color: var(--color-main); color: #fff; } .blog-styles .r-content h1 { color: var(--color-main); margin-bottom: 1.5rem; font-weight: 400; font-size: 2rem; } .casos-de-exito .r-content h1 {color: var(--color-main);} /* LANDING */ @-webkit-keyframes flash {0%,50%,to { opacity: 1 } 25%,75% { opacity: 0.3 } } @keyframes flash {0%,50%,to { opacity: 1 } 25%,75% { opacity: 0.3 } } /*.landing .r-top { background-color: initial; }*/ .landing .r-navbar > .container > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .landing .r-navbar .right { align-items: center; } .landing .r-navbar .right ul { list-style: none; margin-bottom: 0; position: relative; list-style: none; padding-left: 3rem; margin-left: 1rem; margin-bottom: 0; } .landing .r-navbar .right ul:before {color: var(--color-main); font-size: 1.8rem; position: absolute; left: 0; top: calc(50% - 15px); line-height: 1;} .landing .r-navbar .right ul:after {content: ""; position: absolute; left: 2.2rem; width: 2px; background-color: var(--color-main); top: 0rem; bottom: 0rem;} .landing .r-slider .sub-title {font-size: 2rem; text-transform: uppercase; margin-top: 0.7rem; color: #ed1b24;} .landing .r-slider .btn-danger {text-transform: uppercase; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; padding: 15px 30px; line-height: 1; margin: 0;font-size: 20px;font-weight: 600;transition-property:all; transition-duration: .1s;} /*.landing .r-slider .affix .btn-danger {font-size: 27px;transition-duration: .5s;}*/ /*.landing .r-slider .slider-text{ margin: -35px 25px 0 25px; background: #000; z-index: 2; position: relative; padding: 1px 20px;}*/ .landing .r-slider:after {content: ""; position: absolute; left: 0;right: 0;bottom: 0; top: 55%; background-color: #000; } /*.landing .r-content .content .nav {margin-bottom: 1.5rem; }*/ /*.landing .r-content .content .nav-pills .nav-link { background-color: #fff; color: #000; border: 2px solid #3a3a3a; text-transform: uppercase; margin-right: 0.3rem; margin-bottom: 0.3rem; padding: 0.3rem 0.5rem; font-size: 0.9rem; }*/ /*.landing .r-content .content .nav-pills .nav-link.active, .landing .r-content .content .nav-pills .nav-link:hover {background-color: #000; color: #fff;}*/ .landing .r-post-slider {padding: 2.5rem 0; } .landing .r-post-slider .list, .gray-box { padding: 1.5rem; background-color: #f1f1f1; border-bottom: 4px solid #D4D4D4; } .landing .r-post-slider .right h4, .h4 {position: relative; display: inline-block; text-transform: uppercase; font-size: 0.9rem; margin-bottom: 0rem!important; font-weight: 600; letter-spacing: 0.5px; color: #000; } /*subrayado rojo*/ /*.landing .r-post-slider .right h4:before, .h4:before {content: ""; position: absolute; left: 0; right: -1rem; bottom: -0.5rem; border-bottom: 2px solid var(--color-main); }*/ .landing .r-post-slider ul, .arrow-list {padding-left: 1.5rem; list-style: none; margin-bottom: 0rem; } .landing .r-post-slider ul > li, .arrow-list > li {position: relative; margin-bottom: 0.8rem; padding-left: 0.5rem;} .landing .r-post-slider ul > li:before, .arrow-list > li:before {content: "\F054"; position: absolute; color: var(--color-main); left: -1.5rem; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -0.2rem; font-size: 1.4rem; } .landing .r-content .content .row-ventajas .ventajas-text-wrapper h4 { color: #ed1b24; font-size: 1rem; text-transform: uppercase; position: relative; padding-left: 1.3rem; margin: 0; } .landing .r-content .content .row-ventajas .ventajas-text-wrapper p { font-size: 0.8rem; margin-bottom: 0.5rem; } .landing .r-content .content .row-ventajas .ventajas-text-wrapper h4:after {content: "\F735"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0;} .landing .r-content .content .row-ventajas .ventajas-text-wrapper h4:before {display: none;} .landing .r-content .content .row-servicios .item {margin-bottom: 1.5rem;} .landing .r-content .content .row-servicios h4 { margin-bottom: 1.1rem; margin-top: 0.5rem; } .landing .r-content .content .row-servicios p {line-height: 1.4;} .landing .r-content .content .tab-content p {font-size: 1.1rem; margin-bottom: 1.5rem; line-height: 1.4;} .landing .r-content .content .row .header p {/*padding-left: 10rem*/; font-style: italic; line-height: 1.3; font-weight: 400; margin-bottom: 3rem; color: #000; font-size: 1.3rem; } .landing .r-content>.container>.row>.col { overflow: visible;} .landing .r-content { padding: 0; overflow: hidden;} .landing .r-content .content .bg-gray, .landing .r-content .content .bg-white {position: relative; padding-top: 2rem; padding-bottom: 2rem;} .landing .r-content .content .bg-gray:before { content: ""; position: absolute; left: -50%; right: -50%; top: 0; bottom: 0; background-color: #f1f1f1;} .landing .r-content .item-page .text-wrapper {min-height: 295px;} .landing.menu-board .r-content .item-page .text-wrapper {min-height:260px;} .landing.video-wall .r-content .item-page .text-wrapper {min-height:360px;} .landing.gestion-de-contenidos .r-post-slider ul > li:before {content:"\F12C";} /*SOPORTE*/ .soporte .r-content{padding: 10px 0 0} /* AFFIX / HEADER */ .header-wrapper {transition: all 250ms ease-in, box-shadow 0 linear;} .header-wrapper h1 {margin-bottom: .5rem} .header-wrapper .btn { width: 100%;} .header-wrapper.affix {position: fixed; background: #fff; left: 0; right: 0; top: 0; box-shadow: 0 3px 4px rgba(0,0,0,.15); z-index: 20; padding: 1rem 0;} .header-wrapper.affix h1 {font-size: 1.5rem !important; text-align: center;} .header-wrapper.affix > .row { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width: 576px) { .header-wrapper.affix > .row { max-width:540px } } @media (min-width: 768px) { .header-wrapper.affix > .row { max-width:720px } .header-wrapper.affix h1 {text-align: left; margin-bottom: 0;} .header-wrapper.affix .btn {width: initial;} } @media( max-width: 991px) { .landing #menu-sharer {display: none;} .landing .r-content .content .row .header p { padding-left: 0;} } @media (min-width: 992px) { .header-wrapper.affix > .row { max-width:960px; } .landing .r-content .tab-content > div.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .landing .r-content .tab-content > div.active > div:not(.row) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} } @media (min-width: 1200px) { .header-wrapper.affix > .row { max-width:1140px } } /*ASIDE*/ .tagscloud { margin-bottom: 0.8rem; } .tagscloud a { background-color: transparent; color: inherit; font-size: inherit;padding: 0.3rem 0.2rem 0.25rem 0.2rem; display: inline-block; border: 1px solid var(--color-main); -webkit-transition: all .3s ease; transition: all .3s ease; } .tagscloud a:hover { background-color: var(--color-main); color: #fff; } .tagscloud .tag { display: inline-block; font-size: 0.6rem; text-transform: uppercase; line-height: 1; margin: 0 .2rem 0.2rem 0;} .aside-right .image-aside { margin-bottom: 1rem; border: 1px solid rgba(0,0,0,.16); } /*CASOS DE EXITO*/ /*.r-slider-post-content .item-wrapper { background: rgba(234,40,40,1); background: -moz-linear-gradient(left, rgba(234,40,40,1) 0%, rgba(242,108,67,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(234,40,40,1)), color-stop(100%, rgba(242,108,67,1))); background: -webkit-linear-gradient(left, rgba(234,40,40,1) 0%, rgba(242,108,67,1) 100%); background: -o-linear-gradient(left, rgba(234,40,40,1) 0%, rgba(242,108,67,1) 100%); background: -ms-linear-gradient(left, rgba(234,40,40,1) 0%, rgba(242,108,67,1) 100%); background: linear-gradient(to right, rgba(234,40,40,1) 0%, rgba(242,108,67,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2828', endColorstr='#f26c43', GradientType=1 );}*/ .r-slider-post-content .item-wrapper { display: flex; background: var(--color-main-dark);} .r-slider-post-content .owl-dot { background-color: transparent; border: 2px solid #fff; padding: 0.4rem; margin-left: 0.2rem;} .r-slider-post-content .owl-dot.active, .r-slider-post-content .owl-dot:hover { background-color: #fff; } .r-slider-post-content .item-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .r-slider-post-content .img-wrapper { width: 50%; } .r-slider-post-content .text-wrapper { width: 50%; color: #fff; padding: 1.5rem; padding-bottom: 0; } .r-slider-post-content .text-wrapper .title { line-height: 1.2; display: inline-block; background-color: #000; padding: 0.7rem 0.65rem 0.65rem 0.65rem; text-transform: uppercase; font-size: 1.1rem; margin-bottom: 1.5rem;} .r-slider-post-content .text-wrapper .subtitle { margin-bottom: 1rem; font-size: 2rem; font-weight: 300;} .r-slider-post-content .text-wrapper .desc {margin-bottom: 0;} .r-slider-post-content .owl-dots { bottom: initial; top: 1rem; } .r-slider-post-content .owl-dot { background-color: transparent; border: 2px solid #fff; padding: 0.4rem; margin-left: 0.2rem;} .r-slider-post-content .owl-dot.active, .r-slider-post-content .owl-dot:hover { background-color: #fff; } .r-slider-post-content .img-wrapper { width: 50%; } .r-slider-post-content .text-wrapper .title { line-height: 1.2; display: inline-block; background-color: var(--color-dark); padding: 0.75rem; text-transform: uppercase; font-size: 1.1rem; margin-bottom: 1.5rem;} .casos-de-exito.view-category .content .intro-text { display: block;} .casos-de-exito.view-category .content .item-text .tags { display: none;} .casos-de-exito.view-category .content .page-header h2 {color: var(--color-main);} .casos-de-exito .r-content .blog .item-text .page-header { -webkit-box-flex: initial; -ms-flex: initial; flex: initial;} .casos-de-exito.view-article .r-content .content strong { } /*GOOGLE MAPS*/ #r-google-maps {padding-top: 18%; height: auto; background-image: url(/images/map.jpg); background-size: auto 100%; background-position: center center; min-height: 250px; z-index: 10000; position: relative;} /*ROW NEWSLETTER*/ .r-newsletter button {margin: 0;padding: 0;border: none;background: none; outline: none; } .r-newsletter .btn {width: 38px; background: var(--color-main); color: #fff;} .r-newsletter .btn > span { font-size: 1.5rem; } .r-newsletter .input-group .form-control { border: 0; } .r-newsletter .input-group input.form-control { font-size: 0.8rem; padding: 0.5rem;} .r-newsletter > .ml-subscribe-form { position: relative;} #news-thanks { position: absolute; z-index: 1; right: 0.2rem; color: #fff; font-size: 1.7rem; top: 0.4rem; background-color: var(--color-main); margin: 0;} #news-thanks p { margin: 0;} /* ROW POST CONTENT */ .r-post-content { padding: 2rem 0; background-color: #fff; } /* ROW PRE FOOTER */ .home .r-pre-footer { background-color: #f1f1f1; padding: 0; padding-bottom: 2rem; } .r-pre-footer .double-newsflash { padding-top: 5rem; } .r-pre-footer .novedades-title { position: absolute; left: 3rem; top: 0; bottom: -2rem; padding: 1.5rem; background-color: #000; z-index: 0; color: #fff; text-transform: uppercase; font-size: 1.5rem; margin-bottom: 0;} .r-pre-footer .novedades-title:before { font-size: 120%; padding-right: 0.5rem; } /* VIDEO BLOG DE PREFOOTER Y ASIDE RIGHT */ .r-pre-footer .video-blog-m.moduletable { height: calc(100% - 1rem);} .r-pre-footer .video-blog-m.newsflash {padding: 1.5rem; box-shadow: 0px 0px 2px rgba(0,0,0,0.3); background-color: #fff; height: 100%; } .r-pre-footer .video-blog-m .embed-responsive, .aside-right .video-blog-m .embed-responsive{ margin-bottom: 1rem;} .r-pre-footer .video-blog-m h3, .aside-right .video-blog-m h3 { color: var(--color-main); font-size: 1.45rem; } .r-pre-footer .video-blog-m, .aside-right .video-blog-m p { font-size: 0.9rem; line-height: 1.3;} .r-pre-footer .verical-img-titulo-intro .item-wrapper { margin-bottom: 1rem; background-color: #000; color: #fff; } .r-pre-footer .verical-img-titulo-intro .abs-link:after{content: ""; background-color: var(--color-main); position: absolute; left: 50%; right: 50%; bottom: -4px; height: 4px; -webkit-transition: all .3s ease; transition: all .3s ease; } .r-pre-footer .verical-img-titulo-intro .abs-link:hover:after{left: 0;right: 0; } .r-pre-footer .verical-img-titulo-intro .item-wrapper .item-image { width: 50%; } .r-pre-footer .verical-img-titulo-intro .item-wrapper .item-text { width: 50%; padding: 0.75rem 1rem; } .r-pre-footer .verical-img-titulo-intro .item-wrapper .item-title h3 { font-size: 1.2rem; margin-bottom: 0; } /*ROW FOOTER*/ footer { background-color: #000; color: #fff; overflow: hidden; position: relative; } footer .top { padding-top: 2rem; padding-bottom: 2rem;} footer .bottom { padding-top: 2rem; position: relative; } footer .bottom:after { content: ""; position: absolute; left: -30rem; right: -30rem; top: 0; border-top: 1px solid rgba(255,255,255, 0.16); } .r-footer .newsletter-wrapper { height: 100%; } .r-footer .newsletter-wrapper .title { } .r-footer .newsletter-wrapper .title h4 { color: var(--color-main); font-weight: 600; text-transform: uppercase; font-size: 1.8rem; } .r-footer .footer-first ul { list-style: none; padding-left: 0; } .r-footer .footer-first ul li { margin-bottom: .2rem; font-size: 0.8rem; line-height: 1.3; } .r-footer .footer-first ul li .red { font-weight: 600;} .r-footer .footer-first ul li a { color: #fff; transition: all .3s ease; display: inline-block; } .r-footer .footer-first ul li a:hover { color: var(--color-main); padding-left: 5px; } .r-footer .footer-second { } .r-footer .footer-second .nav-item { width: 45%; margin-right: 5%; } .r-footer .footer-second .nav-link { padding: 0; color: #989797; position: relative; margin-bottom: 0.1rem; font-size: 0.8rem; -webkit-transition: all .3s ease; transition: all .3s ease; } .r-footer .footer-second .nav-link:hover { color: var(--color-main); transform: translateX(4px); } .r-footer .footer-second .nav-link:before { content: ""; position: absolute; left: 0;right: 0;bottom: 0; border-bottom: 1px dotted #5f5f5f; } .r-footer .footer-second .nav-link:after { content: ""; position: absolute; left: 0;right: 100%;bottom: 0; border-bottom: 1px solid var(--color-main); -webkit-transition: all .3s ease; transition: all .3s ease; } .r-footer .footer-second .nav-link:hover:after { right: 0; } .r-copyright { background-color: #08080a; padding: 0.1rem 0; } .r-copyright p { color: #989797; font-size: 0.6rem; } /*BTN-CTA*/ .btn-cta {background: var(--color-main); color: #FFF; padding: 1rem 2rem; text-transform: uppercase; display: inline-block; font-weight: 700; font-size: 1.2rem; } .btn-cta:hover{color: #FFF;} /*CRM*/ .hsfc-Step .hsfc-Step__Content {padding: 0 40px 40px 40px; } .hsfc-RichText p {margin-bottom: 0; line-height: 1; } /*/////////////////// // MEDIA QUERIES ///////////////////*/ /*SMALL DEVICES AND UP*/ @media (max-width: 544px) { /*MODAL*/ .modal .form-group {display: block;} } @media (min-width: 545px) { } /*MEDIUM DEVICES AND UP*/ @media (max-width: 767px) { .r-slider-post-content .text-wrapper .title { padding: 0.45rem 0.65rem 0.5rem 0.65rem; font-size: 0.9rem; margin-bottom: 0.5rem!important; } .r-footer .newsletter-wrapper .title h4{ padding-bottom: 0.75rem;} .r-footer #newsletter-form { margin-bottom: 2rem;} .r-footer .footer-second .nav-item{ width: 100%;} .clientes .r-content .clientes-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .clientes .r-content .clientes-wrapper .img-wrapper{ width: 50%; } .r-slider-post-content .text-wrapper{ padding: 15px!important; } /* SLIDER */ #home-slider .item-wrapper .slider-desc { position: relative; line-height: 1.4; } .r-slider-post-content .text-wrapper { padding-left: 15px; } .r-slider .slider-bg { display: none; } /*MODAL*/ .modal .form-control {padding: .25rem .5rem;} body {padding-bottom: 40px !important;} } @media (min-width: 768px) { .modal-dialog { margin-top: 3rem;} } @media (min-width: 768px) and (max-width: 991px) {} /*LARGE DEVICES AND UP*/ @media (max-width: 991px) { .p-s-s .r-post-slider .lead{ font-size: 1.2rem; } #p-s-s-slider .slider-title { font-size: 1.1rem; } .blog-styles .r-content h1 { font-size: 1.5rem; } .header-blog h2 { font-size: 1.2rem; } .r-content .blog .item-text h2 { font-size: 1.2rem; } .view-category.blog .r-content .content .tags { display: none; } .blog-styles.view-article .content h2, .underline-orange { font-size: 1.5rem; line-height: 1.1; } .well-lead { padding: 0.7rem 0.3rem; } .well-lead p { font-size: 1.3rem; } .p-s-s .r-slider .header h1, .r-slider .with-aside h1 { font-size: 1.8rem; margin-bottom: 1.5rem; } .r-slider-post-content { background: rgba(234,40,40,1); background: -webkit-gradient(linear, left top, right top, color-stop(60%, rgba(234,40,40,1)), to(rgba(242,108,67,1))); background: linear-gradient(to right, rgba(234,40,40,1) 60%, rgba(242,108,67,1) 100%); } .r-slider-post-content .item-wrapper{ background: initial;} .home .r-content h1{ font-size: 1.65rem; } .view-category .r-content .blog .item-image { width: 100%; } .view-category .r-content .blog .item { flex-direction: column; } .r-slider .with-aside .header .right:before { display: none;} .r-slider .with-aside .header .right p{ padding-left: 0;} .p-s-s .r-content .post-title{ padding-left: 0;} .r-pre-footer .verical-img-titulo-intro .item-wrapper { flex-direction: column!important; } .r-pre-footer .verical-img-titulo-intro .item-wrapper .item-image, .r-pre-footer .verical-img-titulo-intro .item-wrapper .item-text { width: 100%; } .r-pre-footer .novedades-title { bottom: initial;} .r-footer ul {margin-bottom: 1rem;} /* SLIDER */ .r-slider-post-content .item-wrapper { -ms-flex-wrap: wrap;flex-wrap: wrap; } .r-slider-post-content .owl-dots { bottom: initial; top: 1.5rem; } .r-slider-post-content .text-wrapper { width: 100%; order: 1; padding-left: 40px; } .r-slider-post-content .img-wrapper { width: 100%; } #hero .hero-body { padding: 1.5rem; } /* MOBILE NAV */ #mainMenu {position: fixed; top: 0; bottom: 0; left: -100%; right: 130%; z-index: 51; -webkit-transition: all .3s ease; transition: all .3s ease; display: block;height: initial!important; display: block; } #mainMenu.show, #mainMenu.collapsing { left: 0; right: 20%; } #mainMenu > ul.menu { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap;flex-wrap: wrap; } .bg-click.on { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0,0,0,.3); z-index: 49 } #hero .hero-wrapper { margin-left: 0px; margin-top: 1rem; } #home-slider .owl-dots { margin: 1rem; } #home-slider .owl-dots .owl-dot{ background-color: #2f2f2f; } } @media (min-width: 992px) { } @media (min-width: 992px) and (max-width: 1199px) {} /*EXTRA LARGE DEVICES AND UP*/ @media (max-width: 1200px) { .r-footer .newsletter-wrapper .title h4 { font-size: 1.5rem; } .r-slider-post-content .text-wrapper .title { margin-bottom: 1rem; } .r-slider-post-content .text-wrapper .subtitle { margin-bottom: 0.75rem; } .r-slider-post-content .text-wrapper .desc { font-size: 0.85rem; line-height: 1.4; } /* soluciones modulo */ .soluciones-modulo .item-wrapper { -webkit-box-orient: vertical!important;-webkit-box-direction: normal!important;-ms-flex-direction: column!important;flex-direction: column!important; } .soluciones-modulo .item-image { width: 100%; } } @media (max-width: 1200px) { .r-slider-post-content .text-wrapper { padding-top: 1.5rem; padding-bottom: 0.75rem; } .aside-right .tagscloud { margin-top: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} } @media (min-width: 1200px) { .r-slider-post-content .text-wrapper .desc{ width: 66.6667%; } }