/* Men� List */ * { margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body, input, table, textarea, select { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 22px; color: #333; background-color: #fff; outline: 0; } h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; } ul, li { list-style: none; } a { text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } img { vertical-align: bottom; display: block; } big, small { font-size: inherit; } html { background-color: #4e7b88; } main { clear: both; overflow: hidden; } hr { clear: both; overflow: hidden; background-color: #eeeff0; width: 100%; height: 1px; margin: 34px 0; } .log { border-top: 1px solid #ccc; } figure { border: 1px solid #ccc; } .wrapper { width: 1238px; margin: 0 auto; } @media all and (max-width: 1251px) { .wrapper { width: 1002px; } } @media all and (max-width: 1025px) { .wrapper { width: 746px; } } @media all and (max-width: 769px) { .wrapper { width: 100%; padding-left: 10px !important; padding-right: 10px !important; } } a, .action-span { color: #4e7b88; } .action-span { font-weight: bold; } .action-span:hover { text-decoration: underline; cursor: pointer; } textarea { resize: none; } #spinner { display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); top: 0px; left: 0px; z-index: 99999; } #spinner legend { display: none; } #spinner img { position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -100px; width: 200px; height: 200px; } #spinner svg { position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -100px; width: 200px; height: 200px; } #spinner svg rect { fill: #4e7b88; } .nowrap { white-space: nowrap; } .read-more { color: #4e7b88; white-space: nowrap; font-weight: bold; } .content { clear: both; overflow: hidden; float: left; width: 100%; } .content.with-aside { width: calc(100% - 305px) !important; } .content.with-aside + aside { display: inline-block; } .content .h1, .content .h2, .content .h2--section { font-family: "Montserrat", Arial, Helvetica, Verdana; color: #4e7b88; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .content .h1 { font-size: 30px; line-height: 38px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; } .content .h2 { font-size: 20px; line-height: 24px; } .content .h2--section { font-size: 22px; line-height: 34px; padding-bottom: 50px; } .content p { margin-bottom: 22px; } .content ul { margin-bottom: 12px; } .content ul li { padding-bottom: 10px; padding-left: 15px; position: relative; } .content ul li:before { content: ""; position: absolute; width: 4px; height: 4px; left: 0px; top: 9px; border-radius: 2px; background-color: #333; } .content ul li ul { margin-left: 0px; margin-top: 12px; } .content ul ul { margin-top: 0px; margin-bottom: -4px; margin-left: 15px; } .content ul ul li:before { border-radius: 0px; } .content .btn-link { display: inline-block; text-align: center; background-color: #4e7b88; text-transform: uppercase; color: #fff; padding: 11px 15px; text-decoration: none !important; font-weight: normal; } .page-content { /*55px;*/ margin-top: 20px; } .page-content .content:last-of-type { padding-bottom: 30px; } .page-content-section { clear: both; overflow: hidden; } .page-content-section .content:last-of-type { padding-bottom: 0px; } .page-content-section, .blog-grid-list-h { padding-bottom: 30px; } .page-noticias .page-content, .page-noticia .page-content { margin-top: 25px; } .page-noticias .btn-wrapper, .page-noticias-detalle .btn-wrapper, .page-servicios .btn-wrapper, .page-servicios-detalle .btn-wrapper, .page-content-section .btn-wrapper, .page-portfolio .btn-wrapper { padding-bottom: 60px; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } .btn-wrapper { clear: both; overflow: hidden; margin-top: 40px; font-family: "Montserrat", Arial, Helvetica, Verdana; } .btn-wrapper .btn, .btn-wrapper .btn--transparent { clear: both; display: inline-block; text-transform: uppercase; text-decoration: none !important; cursor: pointer; font-size: 14px; font-weight: normal; } .btn-wrapper .btn { background-color: #4e7b88; border: none; color: #fff; padding: 16px 80px; } .btn-wrapper .btn:hover { background-color: #000; } .btn-wrapper .btn--transparent { -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: transparent; border-radius: 2px; border: 1px solid #4e7b88; color: #4e7b88; letter-spacing: 0.5px; padding: 15px 30px; } .btn-wrapper .btn--transparent:hover { background-color: #fff; border-color: #000 !important; color: #000 !important; } .error-block { font-weight: bold; color: red; } .centered { text-align: center; } .left { text-align: left; } .right { text-align: right; } .upper { text-transform: uppercase !important; } .overflow { overflow: hidden; } .full-width { clear: both; overflow: hidden; width: 100% !important; } .none { display: none !important; } .block-info { color: #5bc0de; } .block-info-bg { background-color: #5bc0de; color: #fff; } .block-error { color: #d9534f; } .block-error-bg { background-color: #d9534f; color: #fff; } .block-warning { color: #f0ad4e; } .block-warning-bg { background-color: #f0ad4e; color: #fff; } .block-success { color: #5cb85c; /* Magnific POP UP */ } .block-success-bg { background-color: #5cb85c; color: #fff; } .mfp-figure figure { border: none !important; } .popup-xxss { display: none; position: absolute; top: 50px; left: 10px; background-color: rgba(0, 0, 0, 0.8); padding: 10px 20px 5px 20px; } .popup-xxss li { display: inline-block; vertical-align: top; margin-left: 15px; } .popup-xxss li:first-child { margin-left: 0; } .popup-xxss li a { width: 20px; height: 20px; } .popup-xxss li svg { height: 20px; width: auto; } .popup-xxss li svg * { fill: #fff !important; } .special-select { width: 100%; height: auto; position: relative; /* Documentos */ } .special-select select { position: relative; font-size: 14px; line-height: 22px; color: #333; background-color: #fff; outline: 0; width: 100%; height: 100%; cursor: pointer; z-index: 10; } .special-select .selected { cursor: pointer; position: absolute; top: 0; overflow: hidden; left: 0; z-index: 1; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .special-select .selected span { padding-right: 66px; text-align: left; line-height: 40px; text-transform: uppercase; letter-spacing: normal; font-weight: normal; width: 100%; display: block; background-color: #fff; padding: 0 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .special-select .selected i { position: absolute; top: 0px; width: 50px; height: 40px; right: 0px; background-color: #4e7b88; text-align: center; } .special-select .selected i .arrow-down { position: relative; display: inline-block; margin-top: 15px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; } .docs-wrapper { display: flex; flex-wrap: wrap; row-gap: 20px; column-gap: 20px; padding-bottom: 40px; padding-top: 15px; } .docs-wrapper .doc { padding: 15px 20px; background-color: #f2f2f2; font-size: 13px; line-height: 18px; flex: 0 48%; } .docs-wrapper .doc:only-of-type { width: 100%; flex: 0 100%; } .docs-wrapper .doc a { display: flex; align-items: center; justify-content: space-between; column-gap: 5px; } .docs-wrapper .doc a span { display: flex; flex-direction: column; row-gap: 5px; } .docs-wrapper .doc a span .info-doc, .docs-wrapper .doc a span em { font-weight: normal; } .docs-wrapper .doc a .doc-download-icon svg * { fill: #4e7b88; } .docs-wrapper .doc a:hover { color: #000; } .docs-wrapper .doc a:hover i { background-color: #000; border-color: #000; } .docs-wrapper .doc a:hover .doc-download-icon svg * { fill: #000; } @media all and (max-width: 1025px) { .docs-wrapper .doc { flex: 100%; } } .alert { padding: 10px; margin-bottom: 18px; margin-top: 13px; border: 1px solid #ccc; border-radius: 4px; background-color: #ededed; color: #666; /* Scroll Table */ } .alert:first-of-type { margin-top: 3px; } .alert.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert.alert-danger a { color: #a94442 !important; } .alert.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert.alert-warning a { color: #8a6d3b !important; } .alert.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert.alert-info a { color: #31708f !important; } .alert.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert.alert-success a { color: #3c763d !important; } .alert a { font-weight: bold; color: inherit; } .alert a:hover { text-decoration: underline; } .scroll-table-wrapper { position: relative; } .scroll-table-wrapper .scroll-shadow { display: none; background-repeat: no-repeat; background-size: 100%; background-attachment: scroll; position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; z-index: 3; } .scroll-table-wrapper .scroll-shadow.scroll-shadow-both { background-image: -webkit-linear-gradient(left, #fff 0, transparent 5%, transparent 95%, #fff 100%); background-image: linear-gradient(to right, #fff 0, transparent 5%, transparent 95%, #fff 100%); display: block; } .scroll-table-wrapper .scroll-shadow.scroll-shadow-left { background-image: -webkit-linear-gradient(right, transparent 95%, #fff 100%); background-image: linear-gradient(to left, transparent 95%, #fff 100%); display: block; } .scroll-table-wrapper .scroll-shadow.scroll-shadow-right { background-image: -webkit-linear-gradient(left, transparent 95%, #fff 100%); background-image: linear-gradient(to right, transparent 95%, #fff 100%); display: block; } .scroll-table-wrapper .scroll-content { overflow-x: auto; position: relative; } .scroll-table-wrapper .scroll-content table { width: auto; min-width: 746px; } .scroll-table-wrapper .scroll-content table tr td { padding: 6px 10px 6px 10px; white-space: nowrap; } .scroll-table-wrapper .scroll-content table tr td:first-of-type { padding-left: 20px; } .scroll-table-wrapper .scroll-content table tr td:last-of-type { padding-right: 20px; } .pagination-bottom-long { clear: both; overflow: hidden; color: #fff; background-color: #4e7b88; line-height: 19px; font-size: 12px; padding: 16px 0; } .pagination-bottom-long a { color: #fff; text-transform: uppercase; font-weight: 400; } .pagination-bottom-long a:hover { text-decoration: none; color: #333; } .pagination-bottom-long a:hover .arrow span { background-color: #333; } .pagination-bottom-long .left { float: left; padding: 11px 0 9px 0; width: 50%; } .pagination-bottom-long .right { float: right; padding: 11px 0 9px 0; width: 50%; } .pagination-bottom-long .arrow { width: 19px; height: 9px; display: inline-block; position: relative; } .pagination-bottom-long .arrow-prev { margin-right: 8px; } .pagination-bottom-long .arrow-prev span { position: absolute; height: 1px; background-color: #fff; } .pagination-bottom-long .arrow-prev span:nth-child(1) { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); left: -1px; width: 7px; top: 6px; } .pagination-bottom-long .arrow-prev span:nth-child(2) { -webkit-transform: rotate(135deg); transform: rotate(135deg); left: -1px; width: 7px; top: 2px; } .pagination-bottom-long .arrow-prev span:nth-child(3) { right: 0px; width: 19px; top: 4px; } .pagination-bottom-long .arrow-next { margin-left: 6px; } .pagination-bottom-long .arrow-next span { position: absolute; height: 1px; background-color: #fff; } .pagination-bottom-long .arrow-next span:nth-child(1) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: -1px; width: 7px; top: 6px; } .pagination-bottom-long .arrow-next span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: -1px; width: 7px; top: 2px; } .pagination-bottom-long .arrow-next span:nth-child(3) { left: 0px; width: 19px; top: 4px; } #tooltip { position: absolute; background-color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 6px 10px; z-index: 5; color: #fff; display: none; font-size: 11px; line-height: 16px; } @media all and (max-width: 500px) { .pagination-bottom-long .text { display: none; } } .back-top { display: none; font-size: 15px; font-size: 1.5rem; opacity: 0.7; background-color: #eee; bottom: 20px; color: #555; cursor: pointer; display: none; height: 40px; padding: 5px 10px; /* position left start */ position: fixed; left: 20px; /* position left end */ /* position right start right: 20px; left: auto; position right end */ right: auto; text-align: center; text-decoration: none; width: 40px; z-index: 1000; } .back-top:before { border: 8px solid #555; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; display: inline-block; content: ""; position: relative; top: 0; } .back-top:hover { opacity: 1; background-color: #555; color: #fff; } .back-top:hover:before { border-bottom-color: #fff; } .vids-wrapper p { padding: 6px 0; } .vids-wrapper p iframe { display: block; background-color: #000; } .pill-phone { text-align: center; background-color: #000; font-family: "Montserrat", Arial, Helvetica, Verdana; position: fixed; /* 500 */ z-index: 0; left: 0px; bottom: 0px; width: 100%; border-top: 1px solid #fff; } .pill-phone a { display: inline-block; margin: 6px auto 0 auto; height: 27px; padding: 0 25px; color: #fff; } .pill-phone img { float: left; height: 100%; width: auto; } .pill-phone span { float: left; font-size: 15px; font-weight: 600; line-height: 26px; color: #fff; padding-left: 9px; } .pill-phone + .share-plugin { bottom: 40px !important; } header .pill-phone { position: relative; background-color: #4e7b88; width: auto; border: 0 none; float: right; border-radius: 20px; top: 15.5px; margin-left: 40px; } header .pill-phone a { height: 28px; padding-left: 0px; } header .pill-phone img { height: calc(100% + 14px); margin-top: -7px; margin-left: -1px; } header .pill-phone span { line-height: 28px; font-size: 17px; padding-left: 18px; } header .pill-banner-nav a { padding-left: 7px; text-transform: uppercase; } header .pill-banner-nav a span { font-size: 14px; } header.scroll .pill-phone { top: -2px; } .minimal-content { /* Vídeos Hover efect */ } .minimal-content .content { font-size: 19px; line-height: 1.6em; padding-bottom: 1.6em; } @media all and (max-width: 1025px) { .minimal-content .content { font-size: 17px; } } @media all and (max-width: 769px) { .minimal-content .content { font-size: 14px; } } .video-hoverable { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* height: 100%; */ width: 100%; text-align: center; background: rgba(0, 0, 0, 0); transition: all 0.5s ease-in-out; /* MOBILE */ } .video-hoverable:hover { background: rgba(0, 0, 0, 0.2); } .video-hoverable svg { position: relative; height: 50px; width: 100%; top: calc(50% - 25px); } .video-hoverable svg * { fill: #fff; transition: all 0.5s ease-in-out; } .share-plugin .icon-svc-whatsapp { display: none; } .portfolio-detail-masonry .gallery-item .gallery-item-ecommerce-mobile { display: none; } .gallery-shop-info { display: none; } body.page-index[data-template=plantilla2] > .pill-phone { display: block; } body.page-index:not([data-template=plantilla2]) > .pill-phone { display: none; } body.is-mobile header .pill-phone:not(.pill-banner-nav) { display: none; } body.page-index[data-template=plantilla2] footer .bottom-bar { padding-bottom: 60px; } body.page-index:not([data-template=plantilla2]) footer .bottom-bar { padding-bottom: 20px; } body:not(.page-index) > .pill-phone { display: none; } body:not(.page-index) footer .bottom-bar { padding-bottom: 20px; } body.is-mobile > .pill-phone { display: block !important; } body.is-mobile footer .bottom-bar { padding-bottom: 60px !important; } @media (pointer: coarse) { /* seccion empresa elegante */ .share-plugin .icon-svc-whatsapp { display: block; } .portfolio-detail-masonry .gallery-item .gallery-item-ecommerce-mobile { display: inline-block; } .gallery-shop-info { display: block; } } .main-content__text { display: inline-block; vertical-align: top; width: calc(100% - 512px - 50px); } .main-content__text.no-image { width: 100%; } .main-content__text-content { margin-top: 39px; } .main-content__text-content.version-1 { margin-top: 0px; } .main-content__image { display: inline-block; vertical-align: top; max-width: 507px !important; margin-right: 50px; margin-top: 4px; } .main-content__image img { width: 100%; } .main-content__gallery { margin-top: 50px; text-align: center; } .main-content__gallery-item { display: inline-block; vertical-align: top; width: calc(100% / 3 - 28px); margin-left: 42px; margin-bottom: 42px; } .main-content__gallery-item:nth-of-type(3n + 1) { margin-left: 0; } .main-content__gallery-item img { width: 100%; } @media all and (max-width: 1251px) { .main-content__image { max-width: 310px !important; } .main-content__text { width: calc(100% - 314px - 50px) !important; } .main-content__text.no-image { width: 100% !important; } } @media all and (max-width: 1025px) { .main-content-wrapper { position: relative; } .main-content__image { max-width: 100% !important; width: 100%; margin-right: 0; } .main-content__image a { display: table; margin: 0 auto; } .main-content__text { display: block; width: 100% !important; margin-top: 50px; } .main-content__text.no-image { margin-top: 0px; } } @media all and (max-width: 769px) { .main-content__gallery { margin-top: 50px; text-align: center; } .main-content__gallery-item { display: inline-block; vertical-align: top; width: calc(100% / 2 - 23px); margin-left: 42px; margin-bottom: 42px; } .main-content__gallery-item:nth-of-type(3n + 1) { margin-left: 42px; } .main-content__gallery-item:nth-of-type(2n + 1) { margin-left: 0; } .main-content__gallery-item img { width: 100%; } } @media all and (max-width: 480px) { .main-content__gallery-item { width: 100%; margin-left: 0 !important; } } .nav-sidr { display: none; width: 260px; height: 100%; position: fixed; top: 0px; right: 0px; overflow-y: auto; z-index: 40; background: #333; /* box-shadow: inset 0 0 5px 5px $nav-sidr-box-shadow; */ color: #fff; border-left: 1px solid #4d4d4d; } .nav-sidr .block { padding: 11px 15px; font-size: 15px; border-bottom: 1px solid #4d4d4d; text-transform: uppercase; font-weight: bold; clear: both; overflow: hidden; } .nav-sidr .block a { color: #fff; } .nav-sidr .block .arrow { display: none; } .nav-sidr .block .icon { position: relative; top: 2px; margin-right: 4px; width: 19px; height: 15px; float: left; } .nav-sidr .block .icon svg { width: 15px !important; height: 15px !important; } .nav-sidr .block .icon svg * { fill: #fff !important; } .nav-sidr .block.indent { padding-left: 39px; } .nav-sidr .block.indent .icon { display: none; } .nav-sidr .block ul { width: calc(100% + 30px); margin: 11px 0px -12px -15px; border-top: 1px solid #4d4d4d; } .nav-sidr .block ul li { padding: 11px 15px 11px 39px; font-size: 15px; border-bottom: 1px solid #4d4d4d; text-transform: uppercase; font-weight: bold; clear: both; overflow: hidden; } @media all and (max-width: 1025px) { body.sidr { position: absolute; right: 260px; overflow: hidden; top: auto; } body.sidr .nav-sidr { display: block; } body.sidr header { left: -260px; } } header { position: fixed; top: 0px; width: 100%; left: 0px; /*border-bottom: 1px solid #EEEFF0;*/ padding-bottom: 40px; border-bottom: 1px solid #ccc; z-index: 10; background-color: #fff; font-family: "Montserrat", Arial, Helvetica, Verdana; } @media all and (max-width: 1025px) { header { padding-bottom: 0px; } header + main { margin-top: 61px !important; } } header .header-top { color: #333; background-color: #eeeff0; position: absolute; top: 0px; left: 0px; height: 40px; padding: 10px 0; width: 100%; font-size: 12px; line-height: 20px; } header .header-top__info { float: right; } header .header-top__info ul { float: left; position: relative; } header .header-top__info ul li { text-transform: uppercase; display: inline-block; } header .header-top__info ul li a { font-weight: 600; color: inherit; } header .header-top__info ul li a:hover { color: #4e7b88; text-decoration: none; } header .header-top__info ul li a:hover svg * { fill: #4e7b88 !important; } header .header-top__info ul li a:hover .arrow { border-color: #4e7b88 transparent transparent transparent; } header .header-top__info ul li + li { display: none; } header .header-top__info ul + ul { margin-left: 10px; } header .header-top__info ul + ul:before { content: "|"; margin-right: 6px; } header .header-top__info ul.open li:first-of-type { padding-bottom: 7px; } header .header-top__info ul.open li:not(:first-of-type) { display: block; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 10px; background-color: #fff; } header .header-top__info ul.open li:not(:first-of-type):last-of-type { border-bottom: 1px solid #ccc; } header .header-top__info ul.open li:not(:first-of-type) a { color: #333; } header .header-top__info ul.open li:nth-child(2) { border-top: 3px solid #4e7b88; } header .header-top__info ul.open li a svg * { fill: #333 !important; } header .header-top__info ul.open li a:hover { color: #4e7b88 !important; } header .header-top__info ul.open li a:hover svg * { fill: #4e7b88 !important; } header .header-top__info ul.open li a:hover .arrow { border-color: transparent transparent #4e7b88 transparent; } @media all and (max-width: 1025px) { header .header-top { left: 50%; height: 100%; width: 400px; top: 0px !important; padding: 12px 0; margin-left: -27px; background-color: transparent; display: inline-block !important; } header .header-top__info ul li a:hover * { color: #fff !important; } header .header-top__info ul li a:hover svg * { fill: #fff !important; } header .header-top .wrapper { width: 100%; } } @media all and (max-width: 769px) { header .header-top { left: auto; right: 0px; margin-left: 0px; width: auto; } } header + main { margin-top: 141px; } header.scroll { padding-bottom: 0px; } header.scroll .header-top { display: none; } header.section-top-hide { padding-bottom: 0px; } header.section-top-hide .header-top { top: -40px; } header.section-top-hide + main { margin-top: 101px; } body.search-open { padding-top: 70px; /* new old slider */ } body.search-open header { top: 70px; } @media all and (max-width: 1025px) { body.page-index header.is-kit-digital + main { margin-top: 122px !important; } body.page-index.search-open header.is-kit-digital.scroll { top: 70px; } body.page-index.search-open header.is-kit-digital + main { margin-top: 61px !important; } } @media all and (max-width: 769px) { body.page-index header.is-kit-digital + main { margin-top: 122px !important; } body.page-index header.is-kit-digital .kit-digital-img { top: -61px !important; } body.page-index header.is-kit-digital .kit-digital-img img { max-width: 300px; } body.page-index.search-open header.is-kit-digital + main { margin-top: 61px !important; } } @media all and (max-width: 1025px) { body:not(.page-index) header + main { margin-top: 61px !important; } } @media all and (max-width: 1025px) { body:not(.page-index) + main { margin-top: 61px !important; } body:not(.page-index).search-open header.is-kit-digital.scroll { top: 70px; } } @media all and (max-width: 769px) { body:not(.page-index) header.is-kit-digital .kit-digital-img img { width: 300px; } body:not(.page-index) header.is-kit-digital .kit-digital-img { top: -61px; } } @media all and (max-width: 1025px) { body:not(.page-index) header.is-kit-digital + main { margin-top: 122px !important; } } @media all and (max-width: 1025px) { body:not(.page-index).search-open header + main, body:not(.page-index).search-open header + iframe + main { margin-top: 61px !important; } } header .header-pill__nav { float: right; } header .header-pill__nav-main { float: left; } header .header-pill__nav-main li { position: relative; float: left; text-transform: uppercase; line-height: 70px; } header .header-pill__nav-main li + li { margin-left: 40px; } header .header-pill__nav-main li a { color: #333; font-weight: 600; } header .header-pill__nav-main li a.has-childs:after { margin-left: 9px; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #333 transparent transparent transparent; content: ""; position: relative; display: inline-block; top: -3px; } header .header-pill__nav-main li.active > a, header .header-pill__nav-main li a:hover { color: #4e7b88; text-decoration: none; } header .header-pill__nav-main li.active > a.has-childs:after, header .header-pill__nav-main li a:hover.has-childs:after { border-color: #4e7b88 transparent transparent transparent; } header .header-pill__nav-main li > ul { display: none; position: absolute; background-color: #ccc; right: 0px; } header .header-pill__nav-main li > ul.third-level { right: auto; left: 100%; top: -17px; border-left: 40px solid rgba(255, 255, 255, 0.00001); background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220.006px%22%20height%3D%2210px%22%20viewBox%3D%22-3.583%207.417%2020.006%2010%22%20enable-background%3D%22new%20-3.583%207.417%2020.006%2010%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%234E 7B 88%22%20d%3D%22M9.906%2C7.563c-0.272-0.194-0.728-0.194-0.999%2C0c-0.272%2C0.195-0.272%2C0.518%2C0%2C0.712l5.087%2C3.625H-2.857%20c-0.409%2C0-0.726%2C0.226-0.726%2C0.517c0%2C0.292%2C0.317%2C0.518%2C0.726%2C0.518h16.851l-5.087%2C3.625c-0.272%2C0.193-0.272%2C0.517%2C0%2C0.712%20c0.271%2C0.192%2C0.727%2C0.192%2C0.999%2C0l6.313-4.499c0.272-0.195%2C0.272-0.518%2C0-0.711L9.906%2C7.563z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-size: 18px 18px; background-position: -18px 16px; } header .header-pill__nav-main li > ul.third-level:before { display: none; } header .header-pill__nav-main li:hover > ul { display: block; padding: 17px 20px; z-index: 2; } header .header-pill__nav-main li:hover > ul:before { content: ""; position: absolute; top: -12px; right: 20px; width: 0; height: 0; border-style: solid; border-width: 0 8px 12px 8px; border-color: transparent transparent #ccc transparent; } header .header-pill__nav-main li:hover > ul li { line-height: 16px; float: none; text-transform: none; display: block; } header .header-pill__nav-main li:hover > ul li + li { margin-left: 0px; margin-top: 17px; } header .header-pill__nav-main li:hover > ul li a { white-space: nowrap; } header .header-pill__nav-main li.to-left > ul { right: auto; left: 0px; } header .header-pill__nav-main li.to-left:hover > ul:before { right: auto; left: 20px; } header.scroll .header-pill__nav-main li { line-height: 36px; } header.scroll .header-pill__nav-main li:hover a { border-bottom: 19px solid rgba(255, 255, 255, 0.01); } header.scroll .header-pill__nav-main li:hover > ul { margin-top: 11px; } @media all and (max-width: 1025px) { header .header-pill__nav { display: none; } } header .header-pill__logo { float: left; height: 70px; } header .header-pill__logo a { display: table-cell; vertical-align: middle; height: inherit; } header .header-pill__logo a img { display: inline-block; max-height: 100%; max-width: 100%; } header .header-pill__logo--mini { display: none; height: 36px; } header .header-pill__logo--mini a { height: 36px; display: table-cell; vertical-align: middle; } header .header-pill__logo--mini img { max-height: 36px; } header .header-pill__logo--home { display: none; } header.scroll .header-pill__logo { display: none; } header.scroll .header-pill__logo--mini { float: left; display: block; } header.scroll .header-pill__logo--mini a { height: 36px; display: table-cell; vertical-align: middle; } @media all and (max-width: 1025px) { header .header-pill__logo { display: none; } header .header-pill__logo--mini { display: block; } } @media all and (max-width: 769px) { header .header-pill__logo--mini img { max-width: 160px; } } header .header-search { top: -70px; left: 0px; width: 100%; background-color: #eeeff0; height: 70px; padding: 15px 0; position: absolute; display: none; } header .header-search .label { display: none; } header .header-search form { margin: 0 auto; width: 100%; max-width: 749px; } header .header-search form input[type=text] { border: 1px solid #ccc; padding: 1px 10px; height: 40px; width: 100%; } @media all and (max-width: 769px) { header .header-search form input[type=text] { width: calc(100% - 20px); margin: 0 10px; } } header .header-search.open { display: block; } header .header-top__info-cart span { font-weight: normal; } header .header-top__info-cart .icon { position: relative; float: left; top: 2px; margin-right: 6px; } header .header-top__info-cart .icon svg { display: block; width: 14px; height: 14px; } header .header-top__info-cart .icon svg * { fill: #333; } header .header-top__info-cart .cart-button { border-bottom: 10px solid rgba(255, 255, 255, 0.01); display: block; } header .header-top__info-cart .cart-button i { display: none; } @media all and (max-width: 1025px) { header .header-top__info-cart { background-color: #4e7b88; margin-left: 20px !important; height: 36px; line-height: 36px; padding-left: 10px; padding-right: 10px; color: #fff; } header .header-top__info-cart .cart-button b, header .header-top__info-cart .cart-button strong { display: none; } header .header-top__info-cart span { font-weight: bold; } header .header-top__info-cart .icon { top: 9px; } header .header-top__info-cart .icon svg * { fill: #fff !important; } header .header-top__info-cart:before { display: none; } } @media all and (max-width: 769px) { header .header-top__info-cart { margin-left: 12px !important; } } header .header-top__info-login .icon { position: relative; float: left; top: 3px; margin-right: 6px; } header .header-top__info-login .icon svg { display: block; width: 14px; height: 14px; } header .header-top__info-login .icon svg * { fill: #333; } @media all and (max-width: 1025px) { header .header-top__info-login { display: none; } } header .header-top__info-account li:first-of-type .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 140px; display: table-cell; } header .header-top__info-account .icon { position: relative; float: left; top: 3px; margin-right: 6px; } header .header-top__info-account .icon svg { display: block; width: 14px; height: 14px; } header .header-top__info-account .icon svg * { fill: #333; } header .header-top__info-account .arrow { position: relative; float: right; top: 5px; margin-left: 9px; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #333 transparent transparent transparent; } header .header-top__info-account.open .arrow { border-width: 0 4px 5px 4px; border-color: transparent transparent #333 transparent; } header .header-top__info-account.open li:first-of-type { float: right; } header .header-top__info-account.open li:not(:first-of-type) { clear: both; } @media all and (max-width: 1025px) { header .header-top__info-account { display: none; } } header .header-top__info-langs { text-align: right; } header .header-top__info-langs .arrow { position: relative; float: right; top: 5px; margin-left: 9px; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #333 transparent transparent transparent; } header .header-top__info-langs .icon { display: none; } header .header-top__info-langs.open .arrow { border-width: 0 4px 5px 4px; border-color: transparent transparent #333 transparent; } @media all and (max-width: 1025px) { header .header-top__info-langs { display: none; } } header .header-top__info-toggler { display: none; } @media all and (max-width: 1025px) { header .header-top__info-toggler { display: block; width: 17px; float: right; margin-left: 12px; margin-top: 9px; } header .header-top__info-toggler a { width: 100%; height: 100%; display: block; } header .header-top__info-toggler a:before, header .header-top__info-toggler a:after, header .header-top__info-toggler a span { height: 2px; content: ""; background-color: #333; width: 100%; display: block; margin: 3px 0; border-radius: 3px; } header .header-top__info-toggler.open a span { display: none; } header .header-top__info-toggler.open a:before { transform: rotate(135deg); position: relative; top: 5px; } header .header-top__info-toggler.open a:after { transform: rotate(45deg); } } @media all and (max-width: 1025px) { body[data-template="plantilla2"] header .header-top__info-toggler a:before, body[data-template="plantilla2"] header .header-top__info-toggler a:after, body[data-template="plantilla2"] header .header-top__info-toggler a span { background-color: #4e7b88; } } header .header-top__info-search { display: none; } @media all and (max-width: 1025px) { header .header-top__info-search { display: block; float: left; height: 36px; line-height: 36px; } header .header-top__info-search .lens { display: block; margin-top: 11px; } header .header-top__info-search .lens svg { width: 14px; height: 14px; display: block; } header .header-top__info-search .lens svg * { fill: #333; } header .header-top__info-search .lens svg:hover * { fill: #4e7b88; } } header .header-pill { height: 100px; padding: 15px 0; top: 40px; position: relative; } header .header-pill__icons { float: right; margin-left: 40px; } header .header-pill__icons .lens { margin-top: 28px; } header .header-pill__icons .lens svg { width: 14px; height: 14px; display: block; } header .header-pill__icons .lens svg * { fill: #333; } header .header-pill__icons .lens svg:hover * { fill: #4e7b88; } header.scroll .header-pill { top: 0px; height: 60px; padding: 12px 0; } header.scroll .header-pill__icons .lens { margin-top: 10px; } header.section-top-hide .header-pill { top: 0px; } @media all and (max-width: 1025px) { header .header-pill { height: 60px; padding: 12px 0; top: 0px; } } footer { -webkit-font-smoothing: antialiased; } footer .preefooter { padding: 40px 0; border-top: 1px solid #eeeff0; background-color: #fff; color: #000; } footer .preefooter .preefooter-title { color: #000; font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 26px; text-align: center; } footer .preefooter .preefooter-subtitle { text-align: center; margin-top: 15px; color: #000; font-weight: 500; } footer .preefooter .preefooter-content { text-align: center; color: #000; } footer .preefooter .preefooter-content p, footer .preefooter .preefooter-content ul { margin-top: 15px; } footer .preefooter .preefooter-images { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; } footer .preefooter .preefooter-frame { min-width: 220px; min-height: 70px; background-color: #fff; display: flex; justify-content: center; align-items: center; } footer .preefooter .preefooter-images img { width: 100%; max-width: 240px; max-height: 120px; height: auto; } footer .preefooter.preslider .preefooter-frame { display: flex !important; } footer .preefooter.preslider .preefooter-images { display: none; } footer .preefooter.preslider .preefooter-images img { margin: 0 auto; } footer .preefooter.preslider .slick-arrow { cursor: pointer; z-index: 1; position: absolute; top: 50%; font-size: 0; width: 30px; height: 30px; transform: translateY(-50%); background: url(../img/arrow.svg) center center no-repeat; } footer .preefooter.preslider .slick-arrow.slick-prev { left: 0; transform: translateY(-50%) rotate(180deg); } footer .preefooter.preslider .slick-arrow.slick-prev.slick-disabled { cursor: inherit; opacity: 0.3; } footer .preefooter.preslider .slick-arrow.slick-next { right: 0; } footer .preefooter.preslider .slick-arrow.slick-next.slick-disabled { cursor: inherit; opacity: 0.3; } footer .footer-contact-block { clear: both; overflow: hidden; background-color: #eeeff0; padding: 30px 0 28px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; color: inherit; } footer .footer-contact-block .wrapper { display: flex; } footer .footer-contact-block__column { width: calc((100% / 3) - calc(50px * 2 / 3)); float: left; flex: 1; } footer .footer-contact-block__column:not(:first-child) { margin-left: 24px; border-left: 1px solid #999; padding-left: 25px; } footer .footer-contact-block__column-content { display: inline-block; width: calc(100% - 74px); vertical-align: top; } footer .footer-contact-block__column-title { font-size: 18px; text-transform: uppercase; margin-bottom: 14px; font-weight: 600; letter-spacing: 1px; font-family: "Montserrat", Arial, Helvetica, Verdana; } footer .footer-contact-block__column-title a { color: inherit; font-weight: inherit; } footer .footer-contact-block__column-text a { display: inline-block; color: inherit; } footer .footer-contact-block__column-text a.whatsapp { background-image: url(../img/whatsapp.svg); background-size: 15px 16px; background-position: 0 3px; background-repeat: no-repeat; padding-left: 22px; color: #94c94b; } @media all and (max-width: 769px) { footer .footer-contact-block__column-text a.whatsapp { background-position: 10px 0; line-height: 48px; padding-left: 32px; padding-right: 10px; border-radius: 5px; border: 1px solid #94c94b; background-size: 15px 47px; } } @media all and (max-width: 769px) { footer .footer-contact-block__column-text a { margin-top: 4px; margin-bottom: 4px; } } footer .footer-contact-block__column-icon { display: inline-block; width: 50px; height: 100%; margin-right: 20px; } footer .footer-contact-block__column-icon svg { width: 100% !important; height: auto !important; } footer .footer-contact-block__column-icon svg * { fill: #999 !important; } footer .footer-contact-block__column.no-icon .footer-contact-block__column-title { text-align: center; } footer .footer-contact-block .footer-top-links__social a { width: 32px; height: 32px; } footer .footer-contact-block .footer-top-links__social a svg { width: 16px !important; height: 16px !important; margin: 8px; } footer .footer-contact-block .footer-top-links__social a svg * { fill: #fff !important; } footer .footer-contact-block .footer-top-links__social a:hover { background-color: #000; } footer .footer-contact-block-alt { padding: 60px 0; background-color: #000; color: #fff; } footer .footer-contact-block-alt .wrapper { display: flex; justify-content: space-between; align-items: flex-start; column-gap: 15px; } footer .footer-contact-block-alt__social { display: flex; flex-direction: column; align-items: flex-start; row-gap: 15px; } footer .footer-contact-block-alt__social--logo img { height: 90px; } footer .footer-contact-block-alt__logos { display: flex; gap: 30px; } footer .footer-contact-block-alt__logos img { height: 100%; max-width: 100px; } footer .footer-contact-block-alt__kit img { width: 100%; height: 100%; } footer .footer-contact-block-alt .footer-top-links__social { display: flex; column-gap: 30px; margin-top: 20px; padding: 0; } footer .footer-contact-block-alt .footer-top-links__social a { background-color: transparent; width: auto; height: auto; margin: 0; } footer .footer-contact-block-alt .footer-top-links__social a svg { margin: 0; width: auto; height: auto; } footer .footer-contact-block-alt .footer-top-links__social a:hover { background-color: transparent; } footer .footer-contact-block-alt .footer-contact-block-alt__menu ul { display: flex; flex-direction: column; row-gap: 10px; } footer .footer-contact-block-alt .footer-contact-block-alt__menu ul li a { font-weight: normal; color: #fff; } footer .footer-contact-block-alt .footer-contact-block-alt__address { display: flex; flex-direction: column; justify-content: space-between; gap: 69px; } footer .footer-contact-block-alt .footer-contact-block-alt__address address { display: flex; flex-direction: column; row-gap: 10px; } footer .footer-contact-block-alt .footer-contact-block-alt__address address br, footer .footer-contact-block-alt .footer-contact-block-alt__address address abbr, footer .footer-contact-block-alt .footer-contact-block-alt__address address span[itemprop="name"] { display: none; } footer .footer-contact-block-alt .footer-contact-block-alt__address address a { color: #fff; } footer .footer-contact-block-bottom-alt { background-color: #000; color: #fff; padding-bottom: 60px; } footer .footer-contact-block-bottom-alt .wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; column-gap: 15px; } footer .footer-contact-block-bottom-alt .wrapper .footer-contact-block-bottom-alt-1 { display: flex; column-gap: 15px; } footer .footer-contact-block-bottom-alt .wrapper .footer-contact-block-alt__details { display: flex; column-gap: 10px; } footer .footer-contact-block-bottom-alt .wrapper .footer-contact-block-alt__details a, footer .footer-contact-block-bottom-alt .wrapper .footer-contact-block-bottom-alt-2 a { color: #fff; } footer .footer-top-links { background-color: #000; color: #fff; padding-top: 34px; padding-bottom: 34px; clear: both; overflow: hidden; } footer .footer-top-links a { color: inherit; } footer .footer-top-links__social { padding-top: 6px; padding-bottom: 5px; text-align: center; } footer .footer-top-links__social a { display: inline-block; background-color: #4e7b88; width: 40px; height: 40px; border-radius: 20px; margin: 0 3px; } footer .footer-top-links__social a svg { width: 22px !important; height: 22px !important; margin: 9px; } footer .footer-top-links__social a svg * { fill: #fff; } footer .footer-top-links__social a:hover { background-color: #fff; } footer .footer-top-links__social a:hover svg * { fill: #4e7b88; } footer .footer-top-links__contents { clear: both; overflow: hidden; text-align: center; display: flex; flex-flow: row wrap; justify-content: center; } footer .footer-top-links__contents ul { display: inline-block; text-align: left; vertical-align: top; padding-left: 35px; padding-right: 35px; padding-top: 6px; } footer .footer-top-links__contents ul li.block { text-transform: uppercase; font-size: 13px; padding-bottom: 7px; font-family: "Montserrat", Arial, Helvetica, Verdana; } footer .footer-top-links__contents ul li.block a { font-weight: 600; } footer .footer-top-links__contents ul li a { font-weight: normal; } footer .footer-top-links__contents:not(:only-child) { justify-content: left; text-align: left; float: left; } footer .footer-top-links__contents:not(:only-child) ul:first-of-type { padding-left: 0px; } @media all and (max-width: 1025px) { footer .footer-top-links__contents:not(:only-child) ul:first-of-type { padding-left: 10px; } } footer .footer-top-links__contents:not(:only-child) ul:last-of-type { padding-right: 0px; } @media all and (max-width: 1025px) { footer .footer-top-links__contents:not(:only-child) ul:last-of-type { padding-right: 10px; } } @media all and (max-width: 1025px) { footer .footer-top-links__contents:not(:only-child) { float: none; justify-content: center; text-align: center; } } footer .bottom-bar { color: #fff; background-color: #4e7b88; font-size: 14px; line-height: 17px; clear: both; overflow: hidden; padding: 20px 0; } footer .bottom-bar.has-phone { padding-bottom: 60px; } footer .bottom-bar .wrapper { display: flex; justify-content: space-between; } footer .bottom-bar a { color: inherit; line-height: 1.4; } footer .bottom-bar__column-left { display: flex; align-items: center; flex-wrap: wrap; row-gap: 5px; column-gap: 10px; width: 100%; } footer .bottom-bar__column-left a:before { content: "|"; display: inline-block; margin-right: 5px; } footer .bottom-bar__column-right { width: auto !important; padding-top: 0 !important; display: flex; align-items: center; } footer .bottom-bar__column-right a, footer .bottom-bar__column-right .action-span { margin-left: 5px; } footer .bottom-bar__column-right .action-span { color: inherit !important; } @media all and (max-width: 1025px) { footer .bottom-bar .wrapper { justify-content: center; flex-wrap: wrap; } footer .bottom-bar__column-left { flex-direction: column; row-gap: 10px; } footer .bottom-bar__column-left a:before { display: none; } footer .bottom-bar__column-right { padding-top: 10px !important; } } footer .bottom-bar.footer-kit-digital { padding-top: 30px; } footer .bottom-bar.footer-kit-digital .wrapper { flex-direction: column; justify-content: center; align-items: center; row-gap: 27px; } footer .bottom-bar.footer-kit-digital .wrapper .bottom-bar__column-img { display: flex; align-items: center; justify-content: center; } footer .bottom-bar.footer-kit-digital .wrapper .bottom-bar__column-img img, footer .bottom-bar.footer-kit-digital .wrapper .bottom-bar__column-img svg { height: auto; } @media all and (max-width: 769px) { footer .bottom-bar.footer-kit-digital .wrapper .bottom-bar__column-img img, footer .bottom-bar.footer-kit-digital .wrapper .bottom-bar__column-img svg { max-width: 300px; } } footer .bottom-bar.footer-kit-digital .wrapper .bottom-bar__column-left { justify-content: center; } footer .footer-icons { float: right; margin-top: -13px; } @media all and (max-width: 1025px) { footer .footer-icons { margin-top: 7px; } } @media all and (max-width: 1025px) { footer .footer-icons { float: none; margin-top: 10px; text-align: center; } } footer .footer-icons-items { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } footer .footer-icons-items-item { float: left; margin-left: 10px; margin-right: 10px; max-width: 120px; max-height: 120px; } footer .footer-icons-items-item img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; } @media all and (max-width: 1025px) { footer .footer-icons-items-item { float: none; display: inline-block; padding-top: 16px; padding-bottom: 4px; } } [data-template="plantilla2"] footer .preefooter { border-bottom: 1px solid #ccc; border-top: 0 none; } @media all and (max-width: 1251px) { footer .bottom-bar .wrapper { align-items: flex-start; } } @media all and (max-width: 1025px) { footer .preefooter-images { row-gap: 30px; } footer .footer-contact-block__column-title { text-align: center; } footer .footer-contact-block__column-icon { float: none; width: 100%; height: 30px; margin-right: 0px; text-align: center; margin-bottom: 20px; } footer .footer-contact-block__column-icon svg { width: auto !important; height: 100% !important; } footer .footer-contact-block__column-content { width: 100%; } footer .footer-top-links ul { padding-left: 10px; padding-right: 10px; } footer .footer-contact-block-alt .wrapper { flex-direction: column; align-items: center; justify-content: center; text-align: center; row-gap: 50px; } footer .footer-contact-block-alt__social { align-items: center; } footer .footer-contact-block-bottom-alt .wrapper { flex-direction: column; justify-content: center; text-align: center; } footer .footer-contact-block-bottom-alt .wrapper .footer-contact-block-alt__details { justify-content: center; } footer .footer-contact-block-bottom-alt .wrapper .footer-contact-block-bottom-alt-1 { flex-direction: column; justify-content: center; text-align: center; } footer .footer-contact-block-bottom-alt .wrapper .bottom-bar__column-right { justify-content: center; } } @media all and (max-width: 769px) { footer .preefooter .preefooter-frame { min-width: 130px; } footer .footer-contact-block .wrapper { display: block; } footer .footer-contact-block__column { width: 100%; float: none; } footer .footer-contact-block__column:not(:first-child) { margin-left: 0px; padding-left: 0px; border-left: none; margin-top: 20px; padding-top: 20px; border-top: 1px solid #999; } footer .footer-contact-block__column-title { font-size: 15px; margin-bottom: 9px; } footer .footer-contact-block__column-icon { margin-bottom: 16px; } footer .footer-contact-block__column p { font-size: 12px; line-height: 17px; } footer .footer-top-links ul li { display: none; } footer .footer-top-links ul li.block { display: block; } footer .bottom-bar { padding-top: 17px; padding-bottom: 15px; text-align: center; } footer .bottom-bar__column-left { padding-top: 0px; float: none; } footer .bottom-bar__column-left a:before { content: ""; display: block; } footer .bottom-bar__column-right { float: none; } } .footer-newsletter { clear: both; overflow: hidden; border-top: 1px solid #ccc; padding: 56px 0; } .footer-newsletter__form { clear: both; overflow: hidden; max-width: 812px; margin: 0 auto; } .footer-newsletter__form-input { float: left; width: calc(100% - 240px); } .footer-newsletter__form-input input { border: 1px solid #ccc; width: 100%; height: 54px; padding: 0 15px; font-family: "Montserrat", Arial, Helvetica, Verdana; } .footer-newsletter__form-input input::-webkit-input-placeholder { color: #666; } .footer-newsletter__form-input input::-moz-placeholder { color: #666; } .footer-newsletter__form-input input:-ms-input-placeholder { color: #666; } .footer-newsletter__form-input input::placeholder { color: #666; } .footer-newsletter__form-button { float: right; } .footer-newsletter__form-button.btn-wrapper { clear: none; margin: 0 0 0 20px; padding: 0px !important; } .footer-newsletter__form-button.btn-wrapper .btn { width: 220px; text-align: center; } .form-newsletter { max-width: 746px; padding-bottom: 50px; padding-top: 6px; } .form-newsletter .form-note-info { font-size: 13px; } .related-block + .footer-newsletter, .map-block + .footer-newsletter { border-top: 0 none; } @media all and (max-width: 769px) { .footer-newsletter__form-input { width: calc(100% - 230px); } .footer-newsletter__form-button.btn-wrapper { margin-left: 10px; } } @media (max-width: 620px) { .footer-newsletter .section-title { padding-bottom: 11px; } .footer-newsletter__form-input { width: 100%; float: none; } .footer-newsletter__form-input input { height: 40px; } .footer-newsletter__form-button { float: none; } .footer-newsletter__form-button.btn-wrapper { margin: 10px 0 0 0; } .footer-newsletter__form-button.btn-wrapper .btn { width: 100%; height: 40px; padding-top: 9px; padding-bottom: 9px; } } .home { min-height: 200px; padding: 0; } .featured-block { clear: both; overflow: hidden; background-color: #4e7b88; padding: 25px 0; } .featured-block .wrapper { display: flex; } .featured-block__column { flex: 1; } .featured-block__column:not(:first-child) { margin-left: 24px; border-left: 1px solid #fff; padding-left: 25px; } .featured-block__column-icon { display: inline-block; width: 50px; height: 100%; margin-right: 20px; } .featured-block__column-icon svg { width: 100% !important; height: auto !important; } .featured-block__column-icon svg * { fill: #fff !important; } .featured-block__column-icon img { width: 100% !important; } .featured-block__column-content { display: inline-block; width: calc(100% - 74px); vertical-align: top; } .featured-block__column-title { font-size: 18px; text-transform: uppercase; margin-bottom: 14px; font-weight: 500; color: #fff; letter-spacing: 1px; font-family: "Montserrat", Arial, Helvetica, Verdana; } .featured-block__column-title a { color: #fff; font-weight: inherit; } .featured-block__column-text { color: #fff; } .featured-block__column-text ul { padding-left: 15px; } .featured-block__column-text ul li { list-style: disc; } .featured-block__column-text a { color: inherit; font-weight: inherit; text-decoration: underline; } .featured-block__column-text a:hover { text-decoration: none; } @media all and (max-width: 1025px) { .featured-block__column-title { text-align: center; } .featured-block__column-icon { float: none; width: 100%; height: 30px; margin-right: 0px; text-align: center; margin-bottom: 20px; } .featured-block__column-icon svg { width: auto !important; height: 100% !important; } .featured-block__column-content { width: 100%; } } @media all and (max-width: 769px) { .featured-block .wrapper { display: block; } .featured-block__column { width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #fff; } .featured-block__column:last-child { margin-bottom: 0; padding-bottom: 0px; border-bottom: none; } .featured-block__column:not(:first-child) { margin-left: 0; border-left: none; padding-left: 0; } } .home-testimonials { position: relative; background-color: #4e7b88; } .home-testimonials::after { content: ""; position: absolute; top: 0; left: 0; right: 0; background-color: #fff; width: 100%; height: 200px; pointer-events: none; z-index: 1; display: block; } .home-testimonials .wrapper { z-index: 1; } .home-testimonials .wrapper .testimonials-flexslider { position: relative; background-color: #4e7b88; } .home-testimonials .wrapper .testimonials-flexslider .flex-viewport { z-index: 5; } .home-testimonials .wrapper .testimonials-flexslider .testimonial-item { text-align: center; padding-top: 120px; padding-bottom: 50px; } .home-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonials-container { color: #fff; } .home-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-image { width: 200px; margin: 15px auto; margin-bottom: 30px; } .home-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-image img { border-radius: 100px; } .home-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-name, .home-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-position { font-size: 22px; line-height: 34px; } .home-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-position { color: #fff; } .home-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-name { text-transform: uppercase; font-weight: bold; } .home-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-content { margin-top: 30px; font-size: 18px; line-height: 28px; } .home-testimonials .wrapper .flex-direction-nav { display: none; } .home-testimonials .wrapper .flex-control-nav { display: flex; justify-content: center; align-items: center; position: relative; bottom: auto; padding-bottom: 40px; } .home-testimonials .wrapper .flex-control-nav li a { background-color: #fff; box-shadow: none; } .home-testimonials .wrapper .flex-control-nav li a.flex-active { background-color: #000; } .home-testimonials.col-testimonials .wrapper .testimonials-flexslider .testimonial-item { padding: 50px 0; } .home-testimonials.col-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-wrapper { display: flex; column-gap: 30px; max-width: 950px; margin: 0 auto; } .home-testimonials.col-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-wrapper .testimonial-image { align-self: flex-start; margin: 0; } .home-testimonials.col-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-wrapper .testimonials-container { text-align: left; } .home-testimonials.col-testimonials::after { display: none; } @media all and (max-width: 769px) { .home-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-name, .home-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-position { font-size: 20px; } .home-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-content { font-size: 16px; } .home-testimonials.col-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-wrapper { max-width: auto; flex-direction: column; row-gap: 30px; } .home-testimonials.col-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-wrapper .testimonial-image { align-self: center; } .home-testimonials.col-testimonials .wrapper .testimonials-flexslider .testimonial-item .testimonial-wrapper .testimonials-container { text-align: center; } } .video-home { background-color: #000; padding: 40px 10px; margin-top: 50px; } .video-home video { display: block; margin: 0 auto; width: 100%; max-width: 1238px; clear: both; overflow: hidden; } @media all and (max-width: 1251px) { .video-home { padding-top: 30px; padding-bottom: 30px; } } @media all and (max-width: 1025px) { .video-home { padding-top: 20px; padding-bottom: 20px; } } @media all and (max-width: 769px) { .video-home { padding-top: 10px; padding-bottom: 10px; } } .inside-pre { border-top: 4px solid #eeeff0; border-bottom: 4px solid #eeeff0; background-color: #eeeff0; text-align: center; margin-bottom: 20px; } .inside-pre__title { padding-top: 47px; padding-bottom: 46px; } .inside-pre__title .h1 { text-transform: uppercase; color: #4e7b88; font-size: 22px; line-height: 34px; font-weight: 600; font-family: "Montserrat", Arial, Helvetica, Verdana; -webkit-font-smoothing: antialiased; letter-spacing: 1px; } .inside-pre__title .h2 { text-transform: uppercase; color: #666; font-size: 14px; line-height: 25px; font-weight: normal; font-family: "Montserrat", Arial, Helvetica, Verdana; padding: 23px 0 2px 0; } .inside-pre__title .thirdtitle { font-weight: bold; margin-top: 8px; text-transform: uppercase; text-align: center; } .inside-pre__subnav { padding-bottom: 48px; margin-top: -23px; } .inside-pre__subnav li { display: inline-block; text-transform: uppercase; font-size: 14px; line-height: 25px; font-family: "Montserrat", Arial, Helvetica, Verdana; } .inside-pre__subnav li h1 { display: inline; } .inside-pre__subnav li a { color: #666; font-weight: normal; } .inside-pre__subnav li a:hover, .inside-pre__subnav li a.active { color: #4e7b88; text-decoration: none; } .inside-pre__subnav li + li { margin-left: 12px; } .inside-pre__subnav li + li:before { content: ""; height: 16px; width: 1px; background-color: #666; display: inline-block; position: relative; top: 3px; margin-right: 10px; } .inside-pre .special-select { height: 60px; width: 300px; margin-left: auto; /* margin-top: -23px; */ margin-right: auto; display: none; position: relative; } .breadcrumbs { font-size: 13px; margin-bottom: 17px; } .breadcrumbs a { font-weight: normal; } .breadcrumbs a:after { content: ""; display: inline-block; height: 12px; width: 1px; background-color: #333; margin: 0 10px -1px 10px; } .breadcrumbs h1 { display: inline; font-weight: normal; } .nobreadcrumbs { height: 19px; line-height: 19px; clear: both; overflow: hidden; } .page-noticias-detalle .nobreadcrumbs, .page-eventos-detalle .nobreadcrumbs { height: 12px; line-height: 12px; } .content:not(.ecommerce) h2, .content:not(.ecommerce) h3 { font-size: 18px; line-height: 24px; font-family: "Montserrat", Arial, Helvetica, Verdana; color: #4e7b88; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 23px; padding-top: 2px; } .content h3 { font-size: 18px; line-height: 22px; color: #333; } .product-page__block.product-page__text h2, .product-page__block.product-page__text h3 { font-size: 18px; line-height: 24px; font-family: "Montserrat", Arial, Helvetica, Verdana; color: #333; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 23px; padding-top: 2px; } .product-page__block.product-page__text h2 { color: #4e7b88; } .product-page__block.product-page__text h3 { line-height: 22px; text-transform: none; } @media all and (max-width: 1025px) { .nobreadcrumbs { display: none; } } @media all and (max-width: 769px) { .inside-pre__title { padding-top: 17px; padding-bottom: 16px; } .inside-pre__title .h2 { padding-top: 14px; } .inside-pre__subnav { display: none; } .inside-pre .special-select { display: block; width: calc(100% - 20px); max-width: 500px; } } .related-block { clear: both; overflow: hidden; padding: 32px 0 0 0; } .related-block-content { background-color: #efefef; padding: 60px 0 40px 0; } .related-block-content .section-title { font-size: 24px; } .related-block-list { clear: both; overflow: hidden; text-align: center; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } .related-block-list .item { float: left; width: calc(100% / 3 - 30px); margin-left: 15px; margin-right: 15px; } .related-block-list .item .title { margin: 16px 0 14px 0; font-size: 16px; line-height: 22px; text-align: left; font-family: "Montserrat", Arial, Helvetica, Verdana; } .related-block-list .item .title a { font-weight: 600; } .related-block-list .item .title h5 { font-weight: 400; } .related-block-list .item figure { background-color: #fff; } .related-block-list .item figure img { width: 100%; } .related-block-list .item .item-price { padding-top: 16px; padding-bottom: 1px; } .related-block-list .item .item-price span { margin-right: 20px; display: inline-block; text-decoration: line-through; color: #c00; } .related-block-products .section-title { color: inherit; } .related-block-products .item { width: calc(100% / 4 - 30px); } .related-block-products .item .title a { color: inherit; } .related-block-more { margin-top: 26px !important; padding-top: 0px !important; margin-bottom: 0px !important; padding-bottom: 0px !important; } .related-block .sep { clear: both; overflow: hidden; display: none; } @media all and (max-width: 1025px) { .related-block-list .item { width: calc(100% / 2 - 30px); margin-bottom: 24px; } } @media all and (max-width: 769px) { .related-block-list .sep:nth-of-type(2n+1) { display: block; } } @media all and (max-width: 480px) { .related-block-list .item .title h4 { font-size: 13px; line-height: 18px; } .related-block-list .item .title h5 { font-size: 11px; line-height: 16px; margin-top: 4px; } } .comments-block { clear: both; overflow: hidden; border-top: 1px solid #ccc; background-color: #fff; padding: 60px 0 40px 0; } .comments-block .section-title { font-size: 24px; } .comments-block .fb-comments { margin: 0 auto; display: block !important; } .comments-block .fb-comments span { margin: 0 auto; display: block !important; } .related-block + .comments-block { border-top: 0 none; /* galerias internas */ } .page-content { /* submenu tercer nivel */ } .page-content p .content-image { border: 1px solid #ccc; margin: 6px 0 28px 0; max-width: 600px; width: calc(50% - 15px); } .page-content p .content-image:first-child { float: left; margin-bottom: 8px; } .page-content p .content-image:last-child { float: right; margin-bottom: 28px; } .page-content p .content-image:only-child { float: none !important; margin-left: auto; margin-right: auto; width: 100%; } @media (max-width: 640px) { .page-content p .content-image { width: 100% !important; } } .page-content p + ul, .page-content p + p { clear: both; } .page-content__subnav { padding-bottom: 15px; padding-top: 6px; } .page-content__subnav ul { border-bottom: 1px solid #ccc; clear: both; height: 53px; overflow-x: auto; white-space: nowrap; } .page-content__subnav ul li { font-size: 14px; line-height: 18px; display: inline-block; font-family: "Montserrat", Arial, Helvetica, Verdana; padding-top: 16px; } .page-content__subnav ul li a { color: #666; border-bottom: 2px solid transparent; padding-bottom: 16px; display: block; white-space: nowrap; font-weight: normal; } .page-content__subnav ul li a:hover, .page-content__subnav ul li a.selected { color: #4e7b88; border-color: #4e7b88; text-decoration: none !important; } .page-content__subnav ul li a.selected { font-weight: bold; } .page-content__subnav ul li + li { margin-left: 36px; } .catalog-block { clear: both; overflow: hidden; padding: 55px 0; } .content-carousel { width: 100%; margin: 0 auto; } .carousel-items-1, .carousel-items-2 { width: 100% !important; } .carousel-block { position: relative; width: calc(100% - 100px); margin: 0 auto; } .carousel-block__item { width: 350px; padding-top: 29px; background-color: #eeeff0; float: left; margin-right: 25px; } .carousel-block__item:last-child { margin-right: 0; } .carousel-block__item-image { margin-top: 30px; padding-left: 1px; padding-right: 1px; } .carousel-block__item-image a { color: #000; } .carousel-block__item-image img { width: 100%; height: 100%; background-color: #fff; } .carousel-block__item-info { padding: 25px 30px; } .carousel-block__item-title { font-family: "Montserrat", Arial, Helvetica, Verdana; } .carousel-block__item-title a { text-transform: uppercase; font-size: 18px; line-height: 24px; color: inherit; padding-bottom: 13px; display: inline-block; font-weight: 600; letter-spacing: 1px; } .carousel-block__item-abstract { color: #666; font-size: 14px; line-height: 22px; } .carousel-block__item-title, .carousel-block__item-abstract { text-align: center; } .carousel-block .flex-direction-nav a { z-index: 9; color: #666; top: 44%; text-shadow: none; font-size: 0; } .carousel-block .flex-direction-nav a:hover { color: #999; } .carousel-block .flex-direction-nav a:before { padding-top: 30px; font-size: 24px; color: #ccc; } .carousel-block .flex-direction-nav a.flex-next, .carousel-block .flex-direction-nav a.flex-prev { opacity: 1; width: 40px; height: 80px; } .carousel-block .flex-direction-nav a.flex-next:hover, .carousel-block .flex-direction-nav a.flex-prev:hover { background: #999; } .carousel-block .flex-direction-nav a.flex-prev { -moz-border-radius: 100px 0 0 100px; -webkit-border-radius: 100px 0 0 100px; border-radius: 100px 0 0 100px; } .carousel-block .flex-direction-nav a.flex-prev:before { margin-left: 13px; } .carousel-block .flex-direction-nav a.flex-next { -moz-border-radius: 0 100px 100px 0; -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0; } .carousel-block .flex-direction-nav a.flex-next:before { margin-right: 13px; } @media screen and (max-width: 860px) { .carousel-block .flex-direction-nav .flex-prev { left: -50px; } .carousel-block .flex-direction-nav .flex-next { right: -50px; } } .home-portfolio + .inside-content-block { margin-top: -60px; } .inside-content-block { clear: both; overflow: hidden; border-top: 1px solid #eeeff0; background-repeat: repeat; background-position: top left; padding: 60px 0; } .inside-content-block p, .inside-content-block ul { margin: 12px 0; } .inside-content-block__inner-box { background-color: #4e7b88; padding: 57px 60px 32px 60px; height: auto; max-width: 812px; margin: 0 auto; } @media all and (max-width: 769px) { .inside-content-block__inner-box { padding: 31px 25px 7px 25px; } } .inside-content-block__title, .inside-content-block__text { color: #fff !important; } .inside-content-block__title { font-family: "Montserrat", Arial, Helvetica, Verdana; } .inside-content-block__text p { font-size: 14px; line-height: 22px !important; padding-bottom: 10px; } .inside-content-block__text ul li { padding-bottom: 10px; position: relative; padding-left: 15px; } .inside-content-block__text ul li:before { content: ""; position: absolute; width: 4px; height: 4px; left: 0px; top: 9px; border-radius: 2px; background-color: #fff; } .inside-content-block__button-wrapper { font-family: "Montserrat", Arial, Helvetica, Verdana; padding-top: 18px; padding-bottom: 28px; margin: 0; } .inside-content-block__button { color: #fff !important; border-color: #fff !important; } .inside-content-block .section-title { padding-bottom: 0px; font-weight: 400; line-height: 28px; margin-top: -6px; margin-bottom: -2px; } .section-title { color: #4e7b88; font-size: 22px; font-weight: 600; padding-bottom: 35px; font-family: "Montserrat", Arial, Helvetica, Verdana; } .section-title, .section-subtitle { letter-spacing: 1px; text-align: center; text-transform: uppercase; } .section-subtitle { color: #666; font-size: 14px; font-weight: normal; line-height: 25px; padding: 0 0 31px 0; font-family: "Montserrat", Arial, Helvetica, Verdana; } .section-subtitle p { margin: 0; padding: 0; } .home-noticias { clear: both; overflow: hidden; padding-top: 40px; padding-bottom: 40px; } .home-noticias + .home-noticias, .home-noticias + .catalog-block { padding-top: 0px; } .home-noticias .noticias-list-wrapper { text-align: center; } .home-noticias .noticias-list-wrapper .noticias-list__item { display: inline-block; vertical-align: top; text-align: center; width: calc(100% / 3 - 26.7px); margin-right: 40px; margin-bottom: 40px; } .home-noticias .noticias-list-wrapper .noticias-list__item:nth-of-type(3n), .home-noticias .noticias-list-wrapper .noticias-list__item:last-of-type { margin-right: 0; } .home-noticias .noticias-list-wrapper .noticias-list__item figure { position: relative; } .home-noticias .noticias-list-wrapper .noticias-list__item img { width: 100%; height: auto; } .home-noticias .noticias-list-wrapper .noticias-list__item-title { font-size: 20px; line-height: 25px; margin-top: 13px; font-family: "Montserrat", Arial, Helvetica, Verdana; } .home-noticias .noticias-list-wrapper .noticias-list__item-title a { font-weight: 600; } .home-noticias .noticias-list-wrapper .noticias-list__item-date { font-family: Arial, serif; font-style: italic; font-size: 16px; line-height: 25px; color: #666; padding-top: 3px; } .home-noticias .load-more-button { font-family: "Montserrat", Arial, Helvetica, Verdana; } @media (max-width: 1023px) { .noticias-list-wrapper .noticias-list__item { width: calc(100% / 2 - 20px) !important; } .noticias-list-wrapper .noticias-list__item:nth-of-type(2n) { margin-right: 0; } .noticias-list-wrapper .noticias-list__item:nth-of-type(3n) { margin-right: 40px; } } @media (max-width: 599px) { .noticias-list-wrapper .noticias-list__item { width: 100% !important; margin-right: 0 !important; } } .map-block { clear: both; overflow: hidden; height: 695px; } @media all and (max-width: 769px) { .map-block { height: 300px; } } .map-block .googlemap { height: 100%; } .map-block .googlemap > div { background-color: #fff !important; } .contactar { clear: both; overflow: hidden; padding: 0 0 58px 0; } .contact-outside-text { text-align: center; padding-bottom: 16px; } .contact-info { float: left; width: calc(100% - 746px); padding-right: 30px; } .contact-info .wrapper { width: 100%; padding-left: 0px !important; padding-right: 0px !important; } .contact-info .contact-info__block { margin-bottom: 26px; } .contact-info .contact-info__block .contact-info__title { font-size: 18px; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; font-family: "Montserrat", Arial, Helvetica, Verdana; } .contact-info .contact-info__block .contact-info__subtitle, .contact-info .contact-info__block .contact-info__text, .contact-info .contact-info__block .contact-info__text li { font-size: 14px; } .contact-info .contact-info__block .contact-info__text li { margin-bottom: 4px; } .contact-info .contact-info__block .contact-info__subtitle { font-weight: 700; padding-bottom: 8px; margin-bottom: 0; } .contact-info .contact-info__block .contact-info__text { font-weight: 400; line-height: 20px; } .contact-info .contact-info__block ul { list-style: none; margin: 0; padding: 0; margin-bottom: 0px; } .contact-info .contact-info__block ul li { padding-left: 0px; padding-bottom: 0px; } .contact-info .contact-info__block ul li:before { display: none; } .contact-info .contact-info__block ul.list--with-simbol li { padding-left: 15px; line-height: 18px; } .contact-info .contact-info__block ul.list--with-simbol li:before { top: 9px; height: 1px; border-radius: 0px; display: block; } .contact-info:only-child { width: 100%; padding-right: 0px; } @media all and (max-width: 1025px) { .contact-info { width: 100%; padding-right: 0px; } .contact-info + .contact-block { border-top: 1px solid #eeeff0; padding-top: 26px; margin-top: 6px; } } .contact-block { float: right; width: 746px; } @media all and (max-width: 1025px) { .contact-block { width: 100%; } } .contact-block .form-contact { max-width: 746px; } .contact-block .form-contact input[type=submit] { width: auto; } .contact-block .form-contact span.errors.alertPolitica { float: inherit; padding-left: 0; } .contact-block .form-contact .es-cliente { margin-right: 25px; display: inline-flex; justify-content: center; align-items: center; column-gap: 5px; } .contact-block .form-contact .es-cliente label { margin: 0; } .contact-block:only-child { width: 100%; padding-right: 0px; } .contact-block .wrapper { width: 100%; max-width: 746px; padding-left: 0px !important; padding-right: 0px !important; } .contact-info .advance + .alternate-directions { border-top: 1px solid #ccc; padding-top: 22px; } .contact-info .footer-top-links__social a { width: 32px; height: 32px; display: inline-block; background-color: #4e7b88; border-radius: 20px; margin: 0 3px; } .contact-info .footer-top-links__social a svg { width: 16px !important; height: 16px !important; margin: 8px; } .contact-info .footer-top-links__social a svg * { fill: #fff !important; } .contact-info .footer-top-links__social a:hover { background-color: #000; } .services-content .load-more-button { margin-top: 0px; margin-bottom: 50px; } .services-list { clear: both; overflow: hidden; width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; padding: 15px 0 20px 0; } .services-list-item { clear: both; overflow: hidden; padding: 0 0 32px 0; } .services-list-item figure { float: left; width: calc(50% - 40px); margin: 0 20px 8px 20px; } .services-list-item figure img { width: 100%; } .services-list-item .data { float: left; width: calc(50% - 40px); margin: 0 20px; text-align: center; } .services-list-item .data .icon { width: 82px; height: 82px; position: relative; margin: 8px auto 36px auto; } .services-list-item .data .icon img { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; margin: 0 auto; } .services-list-item .data .title { margin-bottom: 13px; } .services-list-item .data .title a { font-weight: 400; } .services-list-item .data .title a:hover { color: #333; text-decoration: none; } .services-list-item .data .text { font-size: 16px; line-height: 26px; } .services-list-item .data .btn-wrapper { margin-top: 43px; margin-bottom: 8px; letter-spacing: 1px; } .services-list-item .data .btn-wrapper .btn { min-width: 332px; padding-left: 12px; padding-right: 12px; } @media all and (max-width: 1025px) { .services-list { width: 100%; margin-left: 0px; margin-right: 0px; } .services-list-item { padding-top: 10px; } .services-list-item:first-of-type { padding-top: 0px; } .services-list-item figure, .services-list-item .data { width: 100%; margin-left: 0px; margin-right: 0px; float: none; } .services-list-item .data { padding-top: 22px; } .services-list-item .data .info { margin-top: 0px !important; } .services-list-item .data .icon { margin-top: 2px; } .services-list-item .data .btn-wrapper { padding-bottom: 0px; margin-top: 23px; } } @media (max-width: 352px) { .services-list-item .data .btn-wrapper .btn { min-width: auto; width: 100%; } } .services-detail + .items-portfolio { padding-top: 30px; } .services-detail p + ul, .services-detail p + p { clear: none !important; /*.content { min-height: 700px; @include tablet { min-height: auto; } }*/ } .services-detail .service-main-image { float: right; width: calc(50% - 15px); margin: 4px 0px 26px 30px; border: 1px solid #ccc; } @media all and (max-width: 1025px) { .services-detail .service-main-image { float: none; width: 100%; margin-left: 0px; margin-right: 0px; max-width: 604px; } } .services-detail-portfolio-relateds { border-top: 1px solid #ccc; margin-top: 35px; padding-top: 56px; } .services-detail-portfolio-relateds .h2 { margin-bottom: 34px; font-size: 24px; line-height: 26px; } .services-detail-portfolio-relateds .mosaic-portfolio .item { width: calc(100% / 3); } .services-detail .gallery-block { margin-bottom: 20px; } .services-detail .vids-wrapper { padding-top: 10px; padding-bottom: 34px; } .services-detail .content.submenu { display: flex; flex-wrap: nowrap; margin-top: 23px; } .services-detail .content.submenu .content-submenu { margin-right: 55px; } @media all and (max-width: 1025px) { .services-detail .content.submenu .content-submenu { display: none; } } .services-detail .content.submenu .content-submenu .content-submenu__wrapper { width: 275px; padding: 0; margin: 0 0 22px 0; } .services-detail .content.submenu .content-submenu .content-submenu__item { border: 1px solid #ccc; margin-bottom: 4px; list-style: none; padding: 0; } .services-detail .content.submenu .content-submenu .content-submenu__item::before { display: none; } .services-detail .content.submenu .content-submenu .content-submenu__item a { background-color: transparent; color: #9c9c9c; padding: 18px 20px; text-decoration: none; font-weight: normal; display: flex; } .services-detail .content.submenu .content-submenu .content-submenu__item a svg { width: 8px; height: 8px; margin-right: 16px; margin-top: 6px; } .services-detail .content.submenu .content-submenu .content-submenu__item a svg path { fill: #9c9c9c; } .services-detail .content.submenu .content-submenu .content-submenu__item a.active, .services-detail .content.submenu .content-submenu .content-submenu__item a:hover { background-color: #4e7b88; color: #fff; } .services-detail .content.submenu .content-submenu .content-submenu__item a.active svg path, .services-detail .content.submenu .content-submenu .content-submenu__item a:hover svg path { fill: #fff; } .services-detail .content.submenu .content-content { width: 100%; } .services-detail .content.submenu .content-content h2 { line-height: 32px; font-size: 26px; } .services-detail .content.submenu .content-content h2:first-of-type { text-align: center; } .services-detail .content.submenu .content-content img:first-of-type { width: 100%; } .services-detail .content h2 { line-height: 32px; font-size: 26px; } .services-list.new-list { width: calc(100%); margin-left: 0px; margin-right: 0px; } .services-list.new-list .services-list-item { padding: 0 !important; display: flex; } .services-list.new-list .services-list-item .data, .services-list.new-list .services-list-item figure { flex-basis: 50%; margin: 0; width: auto; float: none; padding: 0; } .services-list.new-list .services-list-item:nth-child(even) { flex-direction: row-reverse; } .services-list.new-list .services-list-item .data { display: flex; align-items: center; padding: 0 40px; margin-top: 0 !important; } @media all and (max-width: 1025px) { .services-list.new-list .services-list-item { flex-direction: column !important; } .services-list.new-list .services-list-item .data { padding: 40px 20px; } } .search-box { background-color: #eeeff0; padding: 80px 100px; margin-top: 30px; margin-bottom: 60px; text-align: center; } .search-box h4 { font-size: 40px; line-height: 47px; color: #333; font-weight: 700; font-family: "Montserrat", Arial, Helvetica, Verdana; text-align: center; margin-bottom: 40px; } .search-box p { font-size: 21px; line-height: 1.8; color: #333; font-family: "Arial"; text-align: center; } .search-box .btn-wrapper { padding: 0; } @media all and (max-width: 769px) { /* NOTICIAS Listado V2 */ .search-box { padding: 25px; } .search-box h4 { line-height: 40px; font-size: 30px; margin-bottom: 20px; } .search-box p { font-size: 16px; } } .blog-grid-list-h { margin-top: 0; } .blog-grid-list-h .read-more { font-weight: normal; } .blog-grid-list-h .h2 { font-size: 22px; line-height: 28px; } .blog-grid-list-h .h2 a { font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .blog-grid-list-h.with-aside .blog-grid-list-h__item figure { width: 450px; } .blog-grid-list-h.with-aside .blog-grid-list-h__item figure img { width: 100%; } .blog-grid-list-h.with-aside .blog-grid-list-h__info { width: 450px; } .blog-grid-list-h__item { clear: both; overflow: hidden; width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc; } .blog-grid-list-h__item:last-of-type { border-bottom: 0 none; } .blog-grid-list-h__item:nth-of-type(2n) { margin-right: 0; } .blog-grid-list-h__item figure { display: block; margin-right: 30px; width: calc(100% / 2 - 15px); float: left; position: relative; } .blog-grid-list-h__item figure img { width: 100%; } .blog-grid-list-h__item .blog-grid-list-h__info { display: block; width: calc(100% / 2 - 15px); float: right; } .blog-grid-list-h__item-title { margin-bottom: 14px; } .blog-grid-list-h__item-title a { font-weight: normal; } .blog-grid-list-h__item-date { font-size: 14px; color: #999; margin-bottom: 20px; font-style: italic; } .blog-grid-list-h__item img { width: 100%; } .blog-grid-list-h.columns { margin-bottom: 60px; } .blog-grid-list-h.columns .blog-list-wrapper { display: flex; flex-wrap: wrap; column-gap: 40px; } .blog-grid-list-h.columns .blog-list-wrapper .blog-grid-list-h__item { flex: 0 386px; display: flex; flex-direction: column; border: 0; } .blog-grid-list-h.columns .blog-list-wrapper .blog-grid-list-h__item figure { width: auto; float: none; margin: 0; margin-bottom: 23px; } .blog-grid-list-h.columns .blog-list-wrapper .blog-grid-list-h__item .blog-grid-list-h__info { width: auto; } @media all and (max-width: 1251px) { .blog-grid-list-h.columns .blog-list-wrapper .blog-grid-list-h__item { flex: 0 307px; } } @media all and (max-width: 1025px) { .blog-grid-list-h.columns .blog-list-wrapper .blog-grid-list-h__item { flex: 0 353px; } } @media all and (max-width: 769px) { .blog-grid-list-h.columns .blog-list-wrapper .blog-grid-list-h__item { flex-basis: 100%; } } @media all and (max-width: 1251px) { .blog-grid-list-h.with-aside .blog-grid-list-h__item figure { width: 100%; } .blog-grid-list-h.with-aside .blog-grid-list-h__item .blog-grid-list-h__info { margin-top: 25px; width: 100%; } } @media screen and (max-width: 624px) { .blog-grid-list-h__item figure { width: 100% !important; } .blog-grid-list-h__item .blog-grid-list-h__info { margin-top: 25px !important; width: 100% !important; } } @media all and (max-width: 769px) { /* NEWS DETAIL --------------------------------------------------------------- */ .blog-grid-list-h { width: 100%; } .blog-grid-list-h.with-aside { width: 100% !important; } .blog-grid-list-h aside { display: none !important; } } .blog-detail { margin-top: 0; } .blog-detail .h1 { font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .blog-detail figure { width: 660px; margin: 0 auto 20px auto; } .blog-detail figure img { width: 100%; } .blog-detail figure.video-wrapper { width: 100%; } .blog-detail figure.video-wrapper p { margin-bottom: 0; } .blog-detail figure.video-wrapper p iframe { display: block; width: 100%; } .blog-detail__date { font-weight: bold; color: #999; margin-top: -6px; padding-bottom: 11px; border-bottom: 1px solid #ccc; margin-bottom: 16px; } .blog-detail__author { margin-top: -6px; padding-bottom: 11px; border-bottom: 1px solid #ccc; margin-bottom: 16px; } .blog-detail__xxss { text-align: center; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #ccc; } .blog-detail__xxss ul { margin-bottom: 0px; } .blog-detail__xxss ul li { padding-left: 0px; padding-bottom: 0px; display: inline-block; margin-right: 5px; } .blog-detail__xxss ul li:before { display: none; } .blog-detail__xxss ul li:last-child { margin-right: 0; } .blog-detail__xxss ul li svg { height: 34px; width: auto; } .blog-detail .detail-article { min-height: 200px; } .blog-detail h2 { font-size: 22px !important; } .blog-detail h3 { font-size: 18px !important; color: inherit !important; } @media all and (max-width: 1025px) { .blog-detail figure { width: 100%; } .blog-detail figure img { width: 100%; } .blog-detail h2 { font-size: 22px !important; } .blog-detail h3 { font-size: 18px !important; } } @media all and (max-width: 769px) { .blog-detail h2 { font-size: 18px !important; line-height: 22px !important; } .blog-detail h3 { font-size: 14px !important; line-height: 18px !important; } } .blog-detail__author { display: flex; column-gap: 30px; } .blog-detail__author .blog-detail__author_image { display: flex; flex-wrap: wrap; column-gap: 20px; } .blog-detail__author .blog-detail__author_image img { max-width: 100%; max-height: 60px; object-fit: cover; border-radius: 100px; } .blog-detail__author .blog-detail__author_title { color: #999; padding-bottom: 5px; } .blog-detail__author .blog-detail__author_link { display: flex; row-gap: 10px; column-gap: 15px; } .blog-detail__author .blog-detail__author_link a { column-gap: 15px; display: flex; align-items: center; row-gap: 10px; } .blog-detail__author .blog-detail__author_position { font-weight: normal; } @media all and (max-width: 769px) { .blog-detail__author .blog-detail__author_link { flex-direction: column; row-gap: 15px; } } .events--grid { display: grid; grid-template-columns: repeat(3, 1fr); flex-wrap: wrap; padding-bottom: 60px; gap: 20px; text-align: center; } .events--grid .events-grid-list__item { vertical-align: top; position: relative; text-align: left; display: flex; flex-direction: column; } .events--grid .events-grid-list__item figure { clear: both; overflow: hidden; display: block; margin-bottom: 3px !important; position: relative; } .events--grid .events-grid-list__item figure img { width: 100%; padding: 0 !important; margin-right: 0; } .events--grid .events-grid-list__item-info { flex-grow: 1; border: 1px solid #f0eded; padding: 12px 20px 20px 20px; } .events--grid .events-grid-list__item-info p, .events--grid .events-grid-list__item-info ul { margin-bottom: 0px; } .events--grid .events-grid-list__item-info.has-price { padding-bottom: 62px; } @media (max-width: 599px) { .events--grid .events-grid-list__item-info { height: auto !important; } } .events--grid .events-grid-list__item-title { padding-bottom: 10px; } .events--grid .events-grid-list__item-title .h2 { margin-bottom: 0; } .events--grid .events-grid-list__item-title a { font-size: 22px; line-height: 26px; font-weight: 700; } .events--grid .events-grid-list__item-date { color: #aaa; font-size: 14px; font-weight: 700; margin-bottom: 5px; } .events--grid .events-grid-list__item-date + p { margin-top: 0; } .events--grid .events-grid-list__item-checkout { display: flex; justify-content: space-between; margin-top: 30px; } .events--grid .events-grid-list__item-checkout-price { position: relative; font-size: 18px; font-weight: 700; line-height: 54px; float: left; color: #4e7b88; } .events--grid .events-grid-list__item-checkout-text { font-size: 18px; font-weight: 700; line-height: 22px; color: #4e7b88; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .events--grid .events-grid-list__item-checkout .btn-wrapper { position: relative; float: right; clear: none; width: 130px; line-height: 54px; margin: 0 0 0 10px; } .events--grid .events-grid-list__item-checkout .btn-wrapper .btn { width: 100%; text-align: center; padding: 0px; } @media all and (max-width: 1025px) { .events--grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 599px) { .events--grid { grid-template-columns: 1fr; } } .event-detail { margin-top: 0; padding-bottom: 28px; } .event-detail .h1 { font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .event-detail figure { width: 660px; margin: 0 auto 20px auto; } .event-detail figure img { width: 100%; } .event-detail figure.video-wrapper { width: 100%; } .event-detail figure.video-wrapper p { margin-bottom: 0; } .event-detail figure.video-wrapper p iframe { display: block; width: 100%; } @media all and (max-width: 1025px) { .event-detail figure { width: 100%; } } .event-detail__xxss { text-align: center; padding-bottom: 14px; } .event-detail__xxss ul { margin-bottom: 0px; } .event-detail__xxss ul li { padding-left: 0px; padding-bottom: 0px; display: inline-block; margin-right: 5px; } .event-detail__xxss ul li:before { display: none; } .event-detail__xxss ul li:last-child { margin-right: 0; } .event-detail__xxss ul li svg { height: 34px; width: auto; } .event-detail .event-info-wrapper { display: table; padding: 20px 20px 14px 20px; border: solid 1px #d8d5d5; width: 100%; max-width: 100%; font-size: 13px; margin: 5px 0 15px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; clear: both; overflow: hidden; } .event-detail .event-info-wrapper ul { display: table-row; padding: 0 !important; margin: 0 !important; } .event-detail .event-info-wrapper ul li { display: table-cell; vertical-align: top; padding: 0 !important; margin: 0 !important; font-size: 16px; line-height: 20px; } .event-detail .event-info-wrapper ul li.date, .event-detail .event-info-wrapper ul li.schedule { padding-bottom: 4px !important; } .event-detail .event-info-wrapper ul li.schedule { padding-left: 20px !important; } .event-detail .event-info-wrapper ul li svg { min-width: 38px; height: 38px; display: block; } .event-detail .event-info-wrapper ul li svg * { fill: #4e7b88 !important; } .event-detail .event-info-wrapper ul li:before { display: none !important; } .event-detail .event-info-wrapper ul li .col-left { display: table-cell; float: left; width: 38px; } .event-detail .event-info-wrapper ul li .col-right { display: table-cell; float: right; width: calc(100% - 38px - 10px); } .event-detail .event-info-wrapper ul li .title { display: block; font-weight: 700; } .event-detail .event-info-wrapper ul li.reservation { line-height: 38px; text-align: right; width: 326px; } .event-detail .event-info-wrapper ul li.reservation .price { font-weight: 700; font-size: 32px; line-height: 38px; margin-right: 16px; color: #4e7b88; } .event-detail .event-info-wrapper ul li.reservation .text { font-weight: 700; font-size: 32px; line-height: 38px; color: #4e7b88; } .event-detail .event-info-wrapper ul li.reservation .btn { position: relative; top: -6px; padding: 1px 0px 0px 0px; width: 140px; text-align: center; } @media all and (max-width: 769px) { .event-detail .event-info-wrapper ul li { width: 100% !important; display: block; clear: both; overflow: hidden; } .event-detail .event-info-wrapper ul li.schedule { padding-left: 0px !important; margin-top: 20px !important; } .event-detail .event-info-wrapper ul li.reservation { text-align: center; border-top: 1px dotted #d8d5d5; padding: 0px !important; margin-bottom: 0px !important; margin-top: 20px !important; } .event-detail .event-info-wrapper ul li.reservation .price, .event-detail .event-info-wrapper ul li.reservation .text { padding-top: 15px; display: inline-block; } .event-detail .event-info-wrapper ul li.reservation a { margin-top: 29px; } } @media all and (max-width: 769px) { .event-detail .event-info-wrapper { padding-top: 20px; padding-bottom: 14px; } } .event-detail .event-detalle-content { width: calc(100% - 278px - 30px); float: left; } .event-detail .event-detalle-content:only-child { width: 100%; float: none; } .event-detail .event-detalle-content .content-title { border-bottom: 1px solid #d8d8d8; text-transform: uppercase; font-size: 20px; font-weight: 700; line-height: 30px; padding-bottom: 8px; margin-bottom: 22px; display: block; } @media all and (max-width: 1025px) { .event-detail .event-detalle-content { width: 100%; float: none; } } .event-detail .event-detalle-aside { width: 278px; float: right; margin: 6px 0 0 0; } .event-detail .event-detalle-aside .mapa { height: auto; border-style: solid; border-width: 1px 1px 0 1px !important; border-color: #ccc; } .event-detail .event-detalle-aside .mapa.iframe { border: none !important; } .event-detail .event-detalle-aside .mapa.iframe iframe { border: 1px solid #ccc !important; } .event-detail .event-detalle-aside .mapa .googlemap { height: 250px; } .event-detail .event-detalle-aside .aside-block-info { padding: 20px; border-style: solid; border-width: 0 1px 1px 1px !important; border-color: #ccc; } .event-detail .event-detalle-aside .aside-block-info .place { font-size: 22px; line-height: 26px; font-weight: 700; padding-bottom: 6px; } .event-detail .event-detalle-aside .aside-block-info .aside-block-info .place a { color: inherit !important; } .event-detail .event-detalle-aside .aside-block-info .address { font-size: 16px; line-height: 26px; font-weight: 400; } .event-detail .event-detalle-aside .aside-block-info .links { margin-top: 20px; } .event-detail .event-detalle-aside .aside-block-info .links a { font-weight: 400; } .event-detail .event-detalle-aside .aside-block-info .profiles { margin-top: 20px; } .event-detail .event-detalle-aside .aside-block-info .profiles a { background: none; margin: 0 15px 0 0; width: 22px; height: 22px; } .event-detail .event-detalle-aside .aside-block-info .profiles a svg { background: none; width: 22px; height: 22px; } .event-detail .event-detalle-aside .aside-block-info .profiles a svg * { fill: #ccc; } .event-detail .event-detalle-aside .aside-block-info .profiles a svg:hover * { fill: #4e7b88; } .event-detail .event-detalle-aside .aside-block-info .geo-info { margin-top: 2rem; } .event-detail .event-detalle-aside .aside-block-info .geo-info .plus { width: 22px; height: 22px; } .event-detail .event-detalle-aside .aside-block-info .geo-info .plus svg { width: 22px; height: 22px; cursor: pointer; margin-bottom: -5px; margin-left: 10px; } .event-detail .event-detalle-aside .aside-block-info .geo-info .plus svg * { fill: #cdcdcd; } .event-detail .event-detalle-aside .aside-block-info .geo-info .plus svg:hover * { fill: #4e7b88; } @media all and (max-width: 1025px) { .event-detail .event-detalle-aside { width: 100%; float: none; margin-top: 30px; margin-bottom: 18px; } } .event-detail .docs-wrapper { margin-top: 3px; } .event-detail__version2 { display: flex; flex-direction: column; } .event-detail__version2--cols { display: flex; column-gap: 30px; } .event-detail__version2--col-1 { flex-basis: 40%; } .event-detail__version2--col-2 { flex-basis: 60%; } .event-detail__version2 figure { width: auto; margin-bottom: 20px; } .event-detail__version2 .event-detail__xxss { text-align: inherit; } .event-detail__version2 .event-detalle-aside { float: none; width: auto; } .event-detail__version2 .event-detalle-aside .aside-block { display: flex; border: 1px solid #ccc; } .event-detail__version2 .event-detalle-aside .aside-block .mapa, .event-detail__version2 .event-detalle-aside .aside-block .aside-block-info { width: 100%; border: 0; } .event-detail__version2 .event-info-wrapper ul li { vertical-align: middle; } .event-detail__version2 .event-info-wrapper ul li.reservation { width: 215px; } .event-detail__version2 .event-info-wrapper ul li.schedule { width: 200px; } @media all and (max-width: 1251px) { .event-detail__version2 .event-info-wrapper ul li { width: 100% !important; display: block; clear: both; overflow: hidden; } .event-detail__version2 .event-info-wrapper ul li.schedule { padding-left: 0px !important; margin-top: 20px !important; } .event-detail__version2 .event-info-wrapper ul li.reservation { text-align: center; border-top: 1px dotted #d8d5d5; padding: 0px !important; margin-bottom: 0px !important; margin-top: 20px !important; } .event-detail__version2 .event-info-wrapper ul li.reservation .price, .event-detail__version2 .event-info-wrapper ul li.reservation .text { padding-top: 15px; display: inline-block; } .event-detail__version2 .event-info-wrapper ul li.reservation a { margin-top: 29px; } } @media all and (max-width: 1025px) { .event-detail__version2--cols { flex-direction: column; } .event-detail__version2 .event-detalle-aside .aside-block { flex-direction: column; } } .product-page-list { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding-bottom: 30px; } .product-page-list__item { width: calc(100% / 3 - 30px); margin: 0 15px 30px 15px; float: left; } .product-page-list__item figure { display: block; } .product-page-list__item figure img { width: 100%; } .product-page-list__item-title { display: table; width: 100%; margin-top: 10px; background-color: #4e7b88; text-transform: uppercase; font-family: "Montserrat", Arial, Helvetica, Verdana; letter-spacing: 1px; } .product-page-list__item-title:hover { background-color: #000; } .product-page-list__item-title a { display: table-cell; color: #fff; text-align: center; font-size: 15px; min-height: 57px; line-height: 20px; text-decoration: none; padding: 19px 10px; vertical-align: middle; font-weight: 600; } @media all and (max-width: 1025px) { .product-page-list__item { width: calc(100% / 2 - 30px); } } @media all and (max-width: 769px) { .product-page-list__item-title { margin-top: 5px; } } @media all and (max-width: 480px) { .product-page-list { width: 100%; margin-left: 0px; margin-right: 0px; } .product-page-list__item { width: 100%; margin-right: 0px; margin-left: 0px; } .product-page-list__item-title a { height: auto !important; } } .product-page { display: block; margin-top: 0; padding-top: 3px; } .product-page .h2.product-page__title { font-size: 26px; line-height: 36px; font-weight: 600; margin-top: 2px; } .product-page figure { max-width: 380px; float: left; margin: 0 30px 56px 0; } .product-page figure img { display: block; width: 100%; } .product-page__content { width: calc(100% - 380px - 30px); float: left; } .product-page__content:only-child { width: 100% !important; padding-left: 0px !important; } .product-page__block { padding-top: 25px; padding-bottom: 4px; } .product-page__block:last-of-type { padding-bottom: 8px; } .product-page__block .block-feats { clear: both; overflow: hidden; } .product-page__block .block-feats-item { padding-bottom: 8px; } .product-page__block .block-feats:last-of-type { padding-bottom: 14px; } .product-page__block .block-additional { clear: both; overflow: hidden; } .product-page__block .block-additional-item { padding-bottom: 8px; } .product-page__block .block-additional:last-of-type { padding-bottom: 14px; } .product-page__ref { color: #666; padding-bottom: 3px; } .product-page__subtitle { color: #333; padding-bottom: 3px; } .product-page__price { padding-top: 15px; color: #666; } .product-page__price .label { padding-bottom: 10px; } .product-page__price .prev-price { color: #4e7b88; font-size: 20px; line-height: 24px; padding-bottom: 1px; text-decoration: line-through; font-family: "Montserrat", Arial, Helvetica, Verdana; } .product-page__price .price { color: #4e7b88; font-size: 40px; line-height: 30px; font-weight: bold; display: inline-block; padding-top: 4px; font-family: "Montserrat", Arial, Helvetica, Verdana; } .product-page__price .price .discount { float: right; font-size: 13px; line-height: 16px; font-weight: bold; font-family: Arial; margin-left: 20px; } .product-page__price .legend-price { padding-top: 9px; } .product-page__facetas { margin-bottom: 25px; display: flex; flex-direction: column; row-gap: 15px; } .product-page__facetas .product-feature { display: flex; align-items: center; column-gap: 5px; } .product-page__facetas .product-feature__icon { margin-right: 10px; } .product-page__facetas .product-feature__icon svg { width: 26px; height: 26px; } .product-page__secondary--text { max-height: 250px; position: relative; padding: 40px; background: #eeeff0; overflow: hidden; } .product-page__secondary--text h3 { margin-bottom: 15px !important; margin-top: 15px; } .product-page__secondary--text p { margin-bottom: 5px; margin-left: 15px; } .product-page__secondary--text::after { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 140px; background: linear-gradient(rgba(255, 255, 255, 0), white); } .product-page__secondary--text__more { cursor: pointer; position: absolute; width: 50px; bottom: 0; height: 50px; border-radius: 100px; background-color: #333; z-index: 1; left: 50%; transform: translateX(-50%); padding: 0 !important; display: flex; justify-content: center; align-items: center; } .product-page__secondary--text__more img { filter: invert(1); } .product-page__secondary--text.expanded { max-height: 100%; margin-bottom: 60px; overflow: visible; padding-bottom: 55px !important; } .product-page__secondary--text.expanded .product-page__secondary--text__more { bottom: -30px; transform: translateX(-50%) rotate(-134deg); } .product-page__secondary--text.expanded::after { pointer-events: none; background: transparent; } .product-page__custom .block-feats .block-feats-item .feature-text { font-size: 20px; } .product-page__custom .block-additional { display: grid; flex-wrap: wrap; display: grid; grid-template-columns: repeat(2, 1fr); padding-bottom: 40px; background: #eeeff0; padding: 15px; margin-bottom: 55px; padding-top: 23px; padding-left: 23px; padding-right: 23px; } .product-page .docs-wrapper { margin-top: 6px; } .product-page .btn-wrapper { margin-top: 30px; margin-bottom: 30px; } .product-page__checkout--button { border-top: 1px solid #ccc; padding-top: 30px; padding-bottom: 6px; text-align: center; } .product-page__checkout--button .btn-wrapper { margin-bottom: 0px; } .product-page__checkout .product-features { border-top: 1px solid #ccc; padding-bottom: 40px; } .product-page__checkout .special-select { margin-right: 15px; float: left; } .product-page__checkout .special-select .selected { background-color: #eee; } .product-page__checkout .special-select .selected span { background-color: #eee; text-transform: none; color: #666; line-height: 30px; padding-left: 12px; padding-right: 0px; width: calc(100% - 32px); } .product-page__checkout .special-select .selected i { height: 5px; width: 8px; background-color: transparent; right: 12px; } .product-page__checkout .special-select .selected i .arrow-down { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #333; margin-top: 13px; } .product-page__checkout .special-info { float: left; line-height: 37px; } .product-page__checkout .special-info a { font-weight: normal; } .product-page__checkout .color-info { float: left; line-height: 22px; font-weight: bold; } .product-page__checkout .more-info { clear: both; overflow: hidden; padding-top: 5px; font-style: italic; } .opinions-block { padding-top: 30px; padding-bottom: 40px; } .opinions-block .section-title { margin-bottom: 0px; } .opinions-block .section-title + p { text-align: center; } .opinions__container { display: flex; justify-content: space-evenly; margin: 0 -22px 0 -22px; } @media all and (max-width: 769px) { .opinions__container { display: block; margin: 0 auto; } } .opinions__container .opinion-item { width: calc(100% / 2 - 44px); border: 1px solid #ccc; padding: 25px 30px; margin: 0 22px 44px 22px; } @media all and (max-width: 769px) { .opinions__container .opinion-item { width: 100%; margin: 0 0 22px 0; } } .opinions__container .opinion-item__header { clear: both; overflow: hidden; margin-bottom: 15px; } .opinions__container .opinion-item__name, .opinions__container .opinion-item__date { width: calc(100% / 2); } .opinions__container .opinion-item__name { float: left; color: #000; font-size: 16px; line-height: 1.75; font-weight: 700; } .opinions__container .opinion-item__date { float: right; text-align: right; color: #999; font-size: 14px; line-height: 1.714; font-weight: 400; margin-top: 3px; } .opinions__container .opinion-item__text { clear: both; font-size: 14px; line-height: 1.714; font-weight: 400; } .opinions__container + .opinions__button { margin-top: 6px; } .opinions-slider { overflow: hidden; position: relative; } .opinions-slider .opinions__container { z-index: 2; opacity: 0; position: absolute; top: 0px; left: 0px; width: calc(100% + 44px); } @media all and (max-width: 769px) { .opinions-slider .opinions__container { width: 100%; } } .opinions-slider .opinions__container.last-active { z-index: 3; } .opinions-slider .opinions__container.active { z-index: 4; opacity: 1; } .opinion-item__stars { display: inline-block; } .opinion-item__stars .star { margin-right: 5px; } .opinion-item__stars .star.active svg * { fill: #4e7b88; } .product-ecommerce { clear: both; overflow: hidden; padding-bottom: 20px; } .product-ecommerce .product-page { margin-bottom: 35px; } .product-ecommerce .product-page__content { padding-bottom: 30px; padding-left: 40px; width: calc(100% - 515px); } .product-ecommerce .product-page__price { padding-top: 25px; } .product-ecommerce .product-page__price .prev-price { padding-bottom: 5px; } .product-ecommerce .product-page__text { clear: both; overflow: hidden; padding-top: 20px; padding-bottom: 30px; } .product-ecommerce .product-page__text--desc { padding-top: 0px; padding-bottom: 0px; font-weight: bold; } .product-ecommerce .product-page__text p { margin-bottom: 22px; } .product-ecommerce .product-page__text ul { margin-bottom: 12px; } .product-ecommerce .product-page__text ul li { padding-bottom: 10px; padding-left: 15px; position: relative; } .product-ecommerce .product-page__text ul li:before { content: ""; position: absolute; width: 4px; height: 4px; left: 0px; top: 9px; border-radius: 2px; background-color: #333; } .product-ecommerce .product-page__text .h2 { margin-bottom: 19px; font-size: 24px; line-height: 26px; text-transform: uppercase; color: #4e7b88; font-family: "Montserrat", Arial, Helvetica, Verdana; font-weight: 600; letter-spacing: 1px; } .product-ecommerce .product-page__text + .excel-block { padding-top: 0px; } .product-ecommerce .product-page__text + .product-page__checkout { padding-top: 0; } .product-ecommerce .product-page__text p + .product-page__title, .product-ecommerce .product-page__text ul + .product-page__title { padding-top: 11px; } .product-ecommerce .excel-block .h2 { text-align: left; } .product-ecommerce .block-additional div { clear: both; } .product-ecommerce .block-additional .icon-wrapper { display: block; width: 26px; height: 26px; margin-right: 15px; float: left; margin-top: -2px; } .product-ecommerce .block-feats-item .icon-wrapper + .feature-text { width: calc(100% - 26px - 15px); display: inline-block; vertical-align: top; } .product-ecommerce .block-feats-item .icon-wrapper svg { float: left; width: 100%; height: 100%; } .product-ecommerce .block-feats-item .icon-wrapper svg * { fill: #4e7b88; } .product-ecommerce .block-feats-item .icon-wrapper { display: block; width: 26px; height: 26px; margin-right: 15px; float: left; margin-top: -2px; } .product-ecommerce .block-feats-item, .product-ecommerce .block-additional-item { margin-bottom: 11px; } .product-ecommerce #dommia-product-gallery ul { list-style: none; margin: 0; padding: 0; } .product-ecommerce #dommia-product-gallery figure { margin: 0; padding: 0; line-height: 0; width: 100%; max-width: 100%; } .product-ecommerce #dommia-product-gallery figure img { width: 100%; margin: 0; padding: 0; } .product-ecommerce #dommia-product-gallery #thumbnails { width: 95px; float: left; margin-right: 20px; } .product-ecommerce #dommia-product-gallery #thumbnails figure { margin-bottom: 10.5px; } .product-ecommerce #dommia-product-gallery #zooms { position: relative; overflow: hidden; width: 400px; float: left; border: 1px solid #ccc; cursor: pointer; } .product-ecommerce #dommia-product-gallery #zooms figure { border: none; } .product-ecommerce #dommia-product-gallery #zooms ul { position: relative; overflow: unset; } .product-ecommerce #dommia-product-gallery #zooms ul li { position: absolute; width: 100%; left: 0; padding: 0; margin: 0; } .product-ecommerce #dommia-product-gallery #zooms ul li:before { display: none; } .product-ecommerce #dommia-product-gallery #zooms ul li a { cursor: inherit; } .product-ecommerce #dommia-product-gallery #zooms .photoZoom { top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; /* transition: transform .5s ease-out; Efecto zoom */ background-size: cover; } .product-ecommerce #dommia-product-gallery #zooms #zoom-link-wrapper { display: none; position: absolute; top: 10px; right: 10px; } .product-ecommerce #dommia-product-gallery #zooms #zoom-link-wrapper span { margin-right: 7px; } .product-ecommerce #dommia-product-gallery #zooms #zoom-link-wrapper a { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; color: #999; } .product-ecommerce #dommia-product-gallery #zooms #zoom-link-wrapper svg { display: inline-block; vertical-align: top; width: 17px; height: 17px; } .product-ecommerce #dommia-product-gallery #zooms #zoom-link-wrapper svg * { stroke: #999; } .product-ecommerce #dommia-product-gallery #zooms #slider-nav { display: none; position: absolute; width: 100%; top: calc(50% - 8px); } .product-ecommerce #dommia-product-gallery #zooms #slider-nav .btn-prev { position: absolute; left: 20px; } .product-ecommerce #dommia-product-gallery #zooms #slider-nav .btn-next { position: absolute; right: 20px; } .product-ecommerce #dommia-product-gallery #zooms #slider-nav svg { background-color: white; border-radius: 50%; width: 30px; height: 30px; padding: 5px; opacity: 0.5; } .product-ecommerce #dommia-product-gallery #zooms #slider-nav svg * { /* opacity: 0.5; */ fill: #858584; } .product-ecommerce #dommia-product-gallery #zooms #slider-nav svg:hover { opacity: 1; } .product-ecommerce #dommia-product-gallery #zooms #slider-nav .arrow--left-orientation svg { /* IE 9 */ -ms-transform: rotate(180deg); /* Chrome, Safari, Opera */ -webkit-transform: rotate(180deg); transform: rotate(180deg); } .product-ecommerce .product-page__price + .product-feature { margin-top: 40px; border-top: 1px solid #ccc; } .product-ecommerce .product-feature { clear: both; overflow: hidden; padding-top: 33px; } .product-ecommerce .product-feature__title { font-size: 14px; font-weight: 700; color: #363636; text-transform: uppercase; margin-bottom: 5px; } .product-ecommerce .product-feature .special-select { width: 235px; height: 37px; } .product-ecommerce .product-feature .special-select .selected span { line-height: 37px; } .product-ecommerce .product-feature .special-select .selected i .arrow-down { margin-top: 15px; } .product-ecommerce .product-feature.product-colors .special-select { display: none; } .product-ecommerce .product-feature.product-colors ul { list-style: none; margin-bottom: 0; width: 248px; } .product-ecommerce .product-feature.product-colors ul li { display: inline-block; float: left; margin-right: 3px; margin-bottom: 3px; width: 31px; height: 22px; padding: 0; } .product-ecommerce .product-feature.product-colors ul li:last-child { margin-right: 13px; } .product-ecommerce .product-feature.product-colors ul li:before { display: none; } .product-ecommerce .product-feature.product-colors ul li a { padding: 0; display: block; width: 100%; height: 100%; border: 1px solid #cbcbcb; } .product-ecommerce .product-feature.product-colors ul li a.selected { border-color: #000; } .product-ecommerce .product-feature.product-colors ul li a i { width: 29px; height: 10px; display: block; } .product-ecommerce .product-feature__textarea { background-color: #eee; width: 100%; height: 111px; font-family: "Montserrat", Arial, Helvetica, Verdana; padding: 6px 12px; line-height: 26px; } .product-ecommerce .product-feature__extra { display: block; padding: 8px 12px 7px 12px; background-color: #ededed; width: 235px; } .product-ecommerce .product-feature__extra input[type=checkbox] { margin: 0 10px 0 0; position: relative; top: -1px; } .product-ecommerce .product-feature__extra label { cursor: pointer; } .product-ecommerce .product-feature__extra .item-price { display: inline-block; padding-left: 8px; } .product-ecommerce .product-feature__extra .item-price em, .product-ecommerce .product-feature__extra .item-price i { text-decoration: line-through; color: #999; } .product-ecommerce .product-feature__extra + .product-feature__extra { margin-top: 4px; } .product-ecommerce .product-feature + .product-feature { padding-top: 23px; } .product-ecommerce .accordion { margin-top: 80px; } .product-ecommerce .accordion .accordion-item { margin: 5px 0; } .product-ecommerce .accordion .accordion-item .accordion-title { position: relative; font-size: 18px; line-height: 32px; font-weight: 200; padding: 20px; width: 100%; border-bottom: 1px solid #ccc; cursor: pointer; text-align: left; background-color: transparent; padding-right: 60px; } .product-ecommerce .accordion .accordion-item .accordion-title::before { content: ""; position: absolute; background: url(../img/arrow.svg) center center no-repeat; width: 20px; height: 15px; background-size: contain; right: 20px; top: 50%; transform: translateY(-50%) rotate(90deg); pointer-events: none; } .product-ecommerce .accordion .accordion-item .accordion-title.accordion-active::before { transform: translateY(-50%) rotate(-90deg); } .product-ecommerce .accordion .accordion-item .accordion-content { display: none; padding: 20px; background-color: #fafafa; font-size: 16px; } @media all and (max-width: 1025px) { .product-ecommerce .accordion .accordion-item { margin: 5px 0; } .product-ecommerce .accordion .accordion-item .accordion-title { font-size: 16px; padding: 15px; padding-right: 60px; } .product-ecommerce .accordion .accordion-item .accordion-content { font-size: 14px; } } .product-ecommerce .product-ingredientes h3, .product-ecommerce .product-nutricional h3 { font-size: 24px; line-height: 26px; font-weight: 600px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; } .product-ecommerce .product-ingredientes { margin-bottom: 40px; } .product-ecommerce .product-ingredientes table { width: 100%; border-collapse: collapse; background-color: #f9f9f9; border: 1px solid #ddd; } .product-ecommerce .product-ingredientes table th, .product-ecommerce .product-ingredientes table td { padding: 12px 15px; text-align: left; } .product-ecommerce .product-ingredientes table th { background-color: #4e7b88; color: white; font-weight: bold; border-bottom: 2px solid #efefef ef; } .product-ecommerce .product-ingredientes table tr:nth-child(even) { background-color: #f2f2f2; } .product-ecommerce .product-ingredientes table tr:hover { background-color: #e9e9e9; } .product-ecommerce .product-ingredientes table td { border-bottom: 1px solid #ccc; } .product-ecommerce .product-nutricional table { width: 100%; border-collapse: collapse; border: 1px solid #ddd; overflow: hidden; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); } .product-ecommerce .product-nutricional table tr { display: flex; flex-wrap: wrap; border-bottom: 1px solid #eee; } .product-ecommerce .product-nutricional table tr:last-child { border-bottom: none; } .product-ecommerce .product-nutricional table tr:hover { background-color: #f8f8f8; } .product-ecommerce .product-nutricional table th, .product-ecommerce .product-nutricional table td { flex: 1; padding: 10px; display: flex; align-items: center; } .product-ecommerce .product-nutricional table th { flex: 0 0 50%; background-color: #f0f0f0; font-weight: 600; color: #333; text-align: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .product-ecommerce .product-nutricional table td { flex: 0 0 50%; color: #333; text-align: left; border-bottom: 1px solid #ccc; } @media all and (max-width: 1025px) { .product-ecommerce #dommia-product-gallery .gallery-wrapper { display: block !important; } .product-ecommerce #dommia-product-gallery #thumbnails { display: none; } .product-ecommerce #dommia-product-gallery #zooms { width: 350px; } .product-ecommerce #dommia-product-gallery #zooms #slider-nav { display: block; } .product-ecommerce .product-page__content { width: calc(100% - 350px); padding-left: 30px; } } @media all and (max-width: 769px) { .product-ecommerce #dommia-product-gallery { clear: both; overflow: hidden; margin-bottom: 40px; display: block; text-align: center; } .product-ecommerce #dommia-product-gallery #zooms { width: 100%; } .product-ecommerce #dommia-product-gallery .gallery-wrapper { display: inline-block; } .product-page figure { max-width: 100%; display: block; margin: 0 0 30px 0; } .product-page__content { width: 100% !important; padding-left: 0 !important; } } .excel-block { clear: both; overflow: hidden; padding-top: 20px; padding-bottom: 50px; } .excel-block .h2 { margin-bottom: 19px; font-size: 24px; line-height: 26px; text-align: center; } .excel-block__container { padding: 15px 0 0 0; } .excel-block__table { width: 100%; } .excel-block__table tr { line-height: 26px; } .excel-block__table tr td { padding: 6px 4px 6px 4px; } .excel-block__table tr td:first-of-type { padding-left: 40px; } .excel-block__table tr td:last-of-type { padding-right: 40px; } .excel-block__table tr:nth-child(odd) { background-color: #eeeff0; } .excel-block__table tr:nth-child(even) { background-color: #fff; } .excel-block__table tr:first-of-type { background-color: #4e7b88; color: #fff; } .excel-block__table tr:first-of-type td { font-weight: bold; text-transform: uppercase; padding-top: 10px; padding-bottom: 9px; } @media all and (max-width: 1025px) { .excel-block__table tr td:first-of-type { padding-left: 8px; } .excel-block__table tr td:last-of-type { padding-right: 8px; } } @media all and (max-width: 769px) { .excel-block__container { overflow-y: auto; } } .form-extras p { text-transform: uppercase; } .form-extras p + .form-extras p { padding-top: 11px; } .form-extras-line { border-top: 1px solid #ccc; padding-top: 11px; margin-top: 11px; } .form-extras-line input[type=checkbox] { padding: 0; display: inline-block; width: auto; border: none; position: relative; top: -1px; margin: 0 10px 0 0; } .form-extras-line label { display: inline-block !important; margin-bottom: 0px !important; cursor: pointer; } .form-extras-line .item-price { display: inline-block; padding-left: 8px; } .form-extras-line .item-price em, .form-extras-line .item-price i { text-decoration: line-through; color: #999; } .form-extras-line + .form-extras-line { margin-top: 10px; } #Floating_product-feature-Observaciones, #Floating_product-feature-Extras { display: none; } .product-page__intro { padding-top: 21px; /* baseconex tab */ } .product-page__intro *:last-child { margin-bottom: 0px; padding-bottom: 0px; } .product-page__content .tab-element { margin-top: 30px; display: block; } .product-page__content .tab-element .major-title { font-weight: bold; font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid #333; } .product-page__content .tab-element .title { color: #4e7b88; font-weight: bold; padding: 10px 0; } .product-page__content .tab-element .tab-info { display: flex; justify-content: space-between; padding: 5px 10px; } .product-page__content .tab-element .tab-info:nth-child(even) { background-color: #eeeff0; } .product-page__content .tab-element .table-data { display: flex; column-gap: 20px; } .company-block { clear: both; overflow: hidden; border-bottom: 1px solid #ccc; padding: 60px 0; } .with-right-image { clear: both; overflow: hidden; } .with-right-image .article { display: inline-block; width: calc(100% - 580px - 30px); } .with-right-image figure { display: block; float: right; vertical-align: top; } .team-block { clear: both; overflow: hidden; padding: 50px 0 30px 0; border-top: 1px solid #eeeff0; margin-top: 32px; } .team-block__wrapper { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -20px 0 -20px; } @media all and (max-width: 615px) { .team-block__wrapper { margin: 0px -15px 0 0px; } } .team-block__item { width: 287px; padding: 20px 20px 0 20px; background-color: #eeeff0; margin: 0 15px 30px 15px; } .team-block__item-image { width: 100%; } .team-block__item-image img { width: 100%; } .team-block__item-info { padding: 25px 20px 10px 20px; } .team-block__item-title { text-transform: uppercase; font-size: 18px; line-height: 24px; color: #333; padding-top: 3px; padding-bottom: 13px; letter-spacing: 1px; font-weight: 600; font-family: "Montserrat", Arial, Helvetica, Verdana; } .team-block__item-abstract { color: #666; font-size: 14px; line-height: 22px; } .team-block__item-title, .team-block__item-abstract { text-align: center; } @media all and (max-width: 615px) { .team-block__item { width: calc(100% / 2 - 15px); margin-left: 0 !important; } } @media all and (max-width: 480px) { .team-block__item { width: 100%; } } .message-block { background-color: #4e7b88; text-align: center; padding: 60px 0; font-family: "Montserrat", Arial, Helvetica, Verdana; letter-spacing: 1px; } .message-block .items { position: relative; overflow: hidden; } .message-block .items .item { z-index: 2; opacity: 0; height: 100%; width: 100%; } .message-block .items .item.last-active { z-index: 3; } .message-block .items .item.active { z-index: 4; opacity: 1; position: absolute; top: 0; left: 0; } .message-block__icon { margin-bottom: 26px; } .message-block__icon img { margin: 0 auto; } .message-block__icon svg { height: 78px; width: auto; margin-left: auto; margin-right: auto; display: block; } .message-block__icon svg * { fill: #fff; } .message-block__text, .message-block__name { color: #fff; font-size: 16px; line-height: 28px; } .message-block__text { margin-bottom: 14px; font-weight: 300; } .message-block__name { font-size: 20px; margin-bottom: 0; padding-bottom: 0; text-transform: uppercase; } .message-block .arrows { clear: both; overflow: hidden; width: 89px; margin: 26px auto 4px auto; } .message-block .arrows a { width: 40px; height: 41px; float: left; position: relative; text-align: center; border: 1px solid #fff; } .message-block .arrows a + a { float: right; } .message-block .arrows a:hover { background-color: #fff; } .message-block .arrows__arrow:before { content: ""; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; position: relative; padding: 6px; top: 10px; } .message-block .arrows__arrow:hover:before { border-color: #000; } .message-block .arrows__left:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-left: 8px; } .message-block .arrows__right:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-right: 8px; } .services-block { clear: both; overflow: hidden; padding: 60px 0 6px 0; text-align: center; } .services-block__item { width: calc(100% / 3 - 20px); display: inline-block; vertical-align: top; margin: 0 0 50px 30px; } .services-block__item:nth-of-type(3n+1) { margin-left: 0; } .services-block__item-image { border: none; } .services-block__item-image img { margin: 0 auto; } .services-block__item-image svg { display: block; margin: 0 auto; width: 66px; height: 66px; } .services-block__item-image svg * { fill: #4e7b88; } .services-block__item-info { padding: 25px 20px 0 20px; } .services-block__item-title { text-transform: uppercase; font-size: 18px; line-height: 24px; padding-bottom: 12px; font-weight: 600; letter-spacing: 1px; font-family: "Montserrat", Arial, Helvetica, Verdana; } .services-block__item-title a { color: #333; font-weight: inherit; } .services-block__item-abstract { color: #666; font-size: 14px; line-height: 22px; } .services-block__item-abstract p { margin-bottom: 0; } .services-block__item-title, .services-block__item-abstract { text-align: center; } @media all and (max-width: 769px) { .services-block__item { width: 100%; margin-left: 0 !important; } } .page-content-section + .services-block { border-top: 1px solid #ccc; } .flex-direction-nav a:before { font-size: 30px !important; font-weight: 200 !important; opacity: 0.6; } .flex-direction-nav a:hover:before { opacity: 1; } .slider-block { clear: both !important; overflow: hidden !important; visibility: hidden; font-family: "Montserrat", Arial, Helvetica, Verdana; } .slider-block .flexslider { width: auto; margin: 0 auto; border: none; margin-bottom: 0; } .slider-block .flexslider .slides > li:first-child { display: block; -webkit-backface-visibility: visible; } .slider-block .flexslider .slides:not(:first-child) { display: none; -webkit-backface-visibility: hidden; } .slider-block .flex-viewport { max-height: 487px; } .slider-block .h1 { font-size: 50px; line-height: 56px; text-transform: uppercase; font-weight: bold; } .slider-block .h2 { font-size: 20px; line-height: 28px; text-transform: uppercase; padding-bottom: 4px; } .slider-block .slides li { position: relative; } .slider-block .slides p { margin: 0; } .slider-block .slides img.mobile-img { display: none; } .slider-block .slides .slider-caption-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .slider-block .slides .slider-caption-wrapper .flex-caption { position: absolute; width: 732px; height: 100%; max-height: 487px; left: 50%; margin-left: -366px; text-align: center; display: table; } .slider-block .slides .slider-caption-wrapper .flex-caption--left { left: 0px; right: auto; margin-left: 0px; text-align: left; } .slider-block .slides .slider-caption-wrapper .flex-caption--right { right: 0px; left: auto; margin-left: 0px; text-align: right; } .slider-block .slides .slider-caption-wrapper .flex-caption-content { display: table-cell; vertical-align: middle; } .slider-block .flex-direction-nav a { z-index: 9; text-shadow: none; } .slider-block .flex-direction-nav a:before { padding-top: 10px; text-shadow: none; } .slider-block .flex-direction-nav a.flex-next, .slider-block .flex-direction-nav a.flex-prev { opacity: 1; } .slider-block .flex-direction-nav a.flex-next { right: 10px; } .slider-block .flex-direction-nav a.flex-next:before { color: inherit; } .slider-block .flex-direction-nav a.flex-prev { left: 10px; } .slider-block .flex-direction-nav a.flex-prev:before { color: inherit; } .slider-block .flexslider:hover .flex-direction-nav .flex-prev, .slider-block .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; } .slider-block .flex-control-paging { bottom: 8px; } .slider-block .flex-control-paging a.flex-active { background-color: #4e7b88 !important; } .slider-block .btn-wrapper { margin-bottom: 6px; margin-top: 24px; } .slider-block .btn-wrapper a { border: 2px solid; color: inherit; padding: 11px 45px 9px 45px; letter-spacing: 1px; } .slider-block .btn-wrapper .btn--transparent:hover { border-color: inherit !important; } .slider-block.new { position: relative; height: 522px; } .slider-block.new div:not(.btn-wrapper) { position: relative; height: 100%; } .slider-block.new div:not(.btn-wrapper) ul { height: 100%; overflow: hidden; position: relative; } .slider-block.new div:not(.btn-wrapper) ul li { height: 100%; } .slider-block.new div:not(.btn-wrapper) ul li img, .slider-block.new div:not(.btn-wrapper) ul li video { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover; object-position: top; height: 822px; } .slider-block.new div:not(.btn-wrapper) ul li video { object-position: center; } .slider-block.new div:not(.btn-wrapper) ul li .text-container { display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 2; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .h1, .slider-block.new div:not(.btn-wrapper) ul li .text-container .h2 { color: white; margin-bottom: 30px; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .h1 { font-size: 50px; line-height: 56px; text-transform: uppercase; font-weight: bold; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .h2 { font-size: 21px; line-height: 30px; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .btn-wrapper { margin: 0; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .btn-wrapper .btn.btn--transparent { color: #fff; } @media all and (max-width: 769px) { .slider-block.new { height: 350px !important; } .slider-block.new div:not(.btn-wrapper) ul li img, .slider-block.new div:not(.btn-wrapper) ul li video { /* object-position: 70%; */ height: 622px; } .slider-block.new div:not(.btn-wrapper) ul li .text-container { padding: 0 !important; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .h1, .slider-block.new div:not(.btn-wrapper) ul li .text-container .h2 { color: #333; margin-bottom: 10px; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .h1 { font-size: 21px; line-height: 30px; font-weight: bold; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .h2 { font-size: 14px; line-height: 25px; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .btn-wrapper { margin: 0; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .btn-wrapper .btn.btn--transparent { border-color: #333 !important; color: #333 !important; } .slider-block.new .slider-shadow { display: none; } .slider-block.responsive-slider { height: auto; } .slider-block.responsive-slider div:not(.btn-wrapper) ul li img, .slider-block.responsive-slider div:not(.btn-wrapper) ul li video { position: relative; height: auto; } } @media all and (max-width: 1340px) { .slides:not(.num-1) .flex-caption--right .flex-caption-content { right: 5%; position: relative; } .slides:not(.num-1) .flex-caption--left .flex-caption-content { left: 5%; position: relative; } } @media all and (max-width: 1025px) { .slider-block .h1 { font-size: 40px; line-height: 46px; } .slider-block .h2 { font-size: 15px; line-height: 20px; } .slider-block .btn-wrapper { margin-top: 10px; } .slider-block .btn-wrapper a { font-size: 11px; } } @media all and (max-width: 769px) { .slider-block .flex-viewport { max-height: none; } .slider-block .flexslider img.mobile-img { display: block; } .slider-block .flexslider img:not(.mobile-img) { display: none; } .slider-block .flexslider .slider-caption-wrapper { display: block; position: static; margin-top: 20px; } .slider-block .flexslider .slider-caption-wrapper .flex-caption { width: 100%; position: static; padding-bottom: 20px; color: #333 !important; margin-left: 0px !important; text-align: left !important; } .slider-block .flexslider .slider-caption-wrapper .flex-caption-content { left: auto; right: auto; } .slider-block .h1 { font-size: 26px; line-height: 32px; } .slider-block .btn-wrapper a { font-size: 10px !important; padding: 10px !important; border-color: #333 !important; } .slider-block .btn-wrapper a:hover { background-color: #333 !important; color: #fff !important; } .slider-block .slides:not(.num-1) { padding-bottom: 32px; } .slider-block .flex-direction-nav a { top: auto; bottom: 8px; margin: 0; } .slider-block .flex-direction-nav a:before { font-size: 30px; } .slider-block.new .flexslider:not(.mobile-img) { display: block !important; } } .home-slider { /* inside header / slider */ } .home-slider .slides.num-1 .flex-caption { max-height: none !important; } .inside-slider-wrapper #slides { height: 497px; } .inside-slider-wrapper #slides .container .text-container .h1 { font-size: 50px; line-height: 54px; letter-spacing: 1px; margin-right: -1px; } .inside-slider-wrapper #slides .text-container.centered { padding-top: 0; } @media all and (max-width: 1025px) { .inside-slider-wrapper #slides .btn-wrapper a { margin-top: 30px !important; } } @media all and (max-width: 480px) { .inside-slider-wrapper #slides .btn-wrapper a { margin-top: 0 !important; } } .inside-slider-wrapper .slides-navigation { top: 46% !important; padding-top: 0 !important; } .inside-slider-wrapper .slider-shadow, .inside-slider-wrapper .slides-navitation-down { display: none !important; } @media all and (max-width: 480px) { .inside-slider-wrapper .text-container.flex-caption--right { padding-right: 0 !important; } .inside-slider-wrapper .text-container.flex-caption--left { padding-left: 0 !important; } .inside-slider-wrapper #slides .slides-navigation { top: unset !important; bottom: 80px !important; } } #video-wrapper { position: relative; box-sizing: border-box; width: 100%; height: calc(900px - 50px); overflow: hidden; } #video-wrapper #main-video { width: 100%; object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #video-wrapper .background { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; } #video-wrapper .video-info { display: table; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; text-align: center; z-index: 9; } #video-wrapper .video-info > div { display: table-cell; vertical-align: middle; padding: 0 100px; } @media screen and (max-width: 500px) { #video-wrapper .video-info > div { padding: 0 50px; } } #video-wrapper .video-info .h1, #video-wrapper .video-info .h2 { font-family: "Montserrat", Arial, Helvetica, Verdana; text-transform: uppercase; } #video-wrapper .video-info .h1 { font-size: 50px; line-height: 56px; font-weight: bold; } @media all and (max-width: 1025px) { #video-wrapper .video-info .h1 { font-size: 40px; line-height: 46px; } } @media all and (max-width: 769px) { #video-wrapper .video-info .h1 { font-size: 26px; line-height: 32px; } } #video-wrapper .video-info .h2 { font-size: 20px; line-height: 28px; font-weight: normal; } @media all and (max-width: 1025px) { #video-wrapper .video-info .h2 { font-size: 15px; line-height: 20px; } } #video-wrapper .btn-wrapper { margin-bottom: 6px; margin-top: 24px; } @media all and (max-width: 1025px) { #video-wrapper .btn-wrapper { margin-top: 10px; } } #video-wrapper .btn-wrapper a { border: 2px solid; color: inherit; padding: 11px 45px 9px 45px; letter-spacing: 1px; } @media all and (max-width: 1025px) { #video-wrapper .btn-wrapper a { font-size: 11px; } } @media all and (max-width: 769px) { #video-wrapper .btn-wrapper a { font-size: 10px !important; padding: 10px !important; border-color: #333 !important; } #video-wrapper .btn-wrapper a:hover { background-color: #333 !important; color: #fff !important; } } @media all and (max-width: 769px) { #video-wrapper .btn-wrapper .btn--transparent { border-color: #fff !important; padding-top: 4px !important; padding-bottom: 3px !important; } #video-wrapper .btn-wrapper .btn--transparent:hover { background-color: #fff !important; border-color: #333 !important; color: #333 !important; } } #video-wrapper .btn-wrapper .btn--transparent:hover { border-color: inherit !important; } #video-wrapper .slides-navitation-down { display: none; position: absolute; width: 38px; margin: 0 auto; left: 0; right: 0; bottom: 44px; z-index: 9; } #video-wrapper .slides-navitation-down:hover { bottom: 35px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #video-wrapper .slider-shadow { content: ""; position: relative; top: 0; width: 100%; height: 25px; background: url("../img/header-shadow.png") no-repeat top center; z-index: 0; opacity: 0.7; margin-bottom: -25px; } #predictive-res { display: block; top: 0px; position: relative; margin: 0 auto; width: 100%; max-width: 749px; z-index: 501; } #predictive-res .predictive-block { clear: both; overflow: hidden; background-color: #fff; border-right: 1px solid #8c919b; border-left: 1px solid #8c919b; border-bottom: 1px solid #8c919b; } #predictive-res .predictive-block .predictive-res { background-color: #ccc; padding: 7px 0 6px 0; } #predictive-res .predictive-block .predictive-left { width: 238px; min-height: 510px; border-right: 1px solid #ccc; background-color: #f3f3f3; display: block; float: left; } #predictive-res .predictive-block .predictive-left .predictive-res { background-color: #aeaeae; color: #fff; } #predictive-res .predictive-block .predictive-left .predictive-items { margin-bottom: 7px; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item { border-top: 1px dotted #ccc; padding: 5px 15px; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item:first-of-type { border: 0; margin-top: 1px; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item.active { background-color: #ccc; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item span { float: left; font-weight: normal; width: calc(100% - 35px); -moz-width: calc(100% - 35px); -webkit-width: calc(100% - 35px); } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item b { float: right; width: 35px; text-align: right; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item a { color: #4e7b88; } #predictive-res .predictive-block .predictive-right { width: 509px; overflow: hidden; display: block; float: left; } #predictive-res .predictive-block .predictive-right .predictive-list { height: 475px; overflow: hidden; overflow-y: auto; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items hr { clear: both; overflow: hidden; height: 1px; line-height: 1px; font-size: 0px; background-color: #e9e7e7; margin: 0 !important; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items hr:nth-child(1) { display: none; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items p:only-child { padding: 11px 15px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item { clear: both; overflow: hidden; padding: 11px 15px 10px 15px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item h5 { font-size: 13px; line-height: 18px; padding-top: 1px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item a { color: #4e7b88; font-weight: bold; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item p { padding: 7px 0 0 0; font-size: 12px; line-height: 17px; overflow: hidden; max-height: 58px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .item-foto { display: block; float: left; margin: 4px 15px 5px 0; width: 92px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .item-foto img { border: 1px solid #ccc; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .item-foto .no-foto { padding: 10px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .item-desc { display: inline-block; width: calc(100% - 107px); -moz-width: calc(100% - 107px); -webkit-width: calc(100% - 107px); } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .masinfo { color: #4e7b88; display: block; font-size: 12px; font-weight: bold; line-height: 12px; padding-bottom: 4px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .date { font-size: 12px; line-height: 17px; color: #666; display: block; padding-top: 7px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .date + p { padding-top: 0px; max-height: 51px; } .predictive-big-results { border-top: 1px solid #ccc; padding-bottom: 31px; } .predictive-big-results .predictive-block { border: 0 none; } .predictive-big-results .predictive-block .predictive-left { width: 100% !important; min-height: auto; border: 0 none; background-color: #fff; } .predictive-big-results .predictive-block .predictive-left .predictive-res { display: none; } .predictive-big-results .predictive-block .predictive-left .predictive-items { border-bottom: 1px solid #ccc; text-align: center; line-height: 21px; padding: 26px 0 7px 0; margin-bottom: 0px; } .predictive-big-results .predictive-block .predictive-left .predictive-items .predictive-item { letter-spacing: 1px; display: inline-block; border: 0 none; text-transform: uppercase; padding-left: 15px !important; padding-right: 15px !important; margin: 0 0 10px 0 !important; } .predictive-big-results .predictive-block .predictive-left .predictive-items .predictive-item span { float: none; width: auto; } .predictive-big-results .predictive-block .predictive-left .predictive-items .predictive-item b { display: none; } .predictive-big-results .predictive-block .predictive-left .predictive-items .predictive-item a { color: #333; } .predictive-big-results .predictive-block .predictive-left .predictive-items .predictive-item a:hover { color: #4e7b88; text-decoration: none; } .predictive-big-results .predictive-block .predictive-left .predictive-items .predictive-item.active { background-color: transparent; } .predictive-big-results .predictive-block .predictive-left .predictive-items .predictive-item.active a { color: #4e7b88; } .predictive-big-results .predictive-block .predictive-right { width: 100% !important; } .predictive-big-results .predictive-block .predictive-right .predictive-list { height: auto; } .predictive-big-results .predictive-block .predictive-right .predictive-items .predictive-item { clear: both; overflow: hidden; padding: 11px 15px 10px 15px; padding-left: 0px; padding-right: 0px; } .predictive-big-results .predictive-block .predictive-right .predictive-items .predictive-item h5 { margin: 0; padding: 2px 0 0 0; font-size: 15px; } .predictive-big-results .predictive-block .predictive-right .predictive-items .predictive-item .item-foto { display: block; width: 92px; float: left; } .predictive-big-results .predictive-block .predictive-right .predictive-items .predictive-item .item-foto img { border: 1px solid #ccc; width: 100%; } .predictive-big-results .predictive-block .predictive-right .predictive-items .predictive-item .item-desc { float: right; display: block; width: calc(100% - 107px); -moz-width: calc(100% - 107px); -webkit-width: calc(100% - 107px); } .predictive-big-results .predictive-block .predictive-right .predictive-items .predictive-item .masinfo { color: #4e7b88; display: block; font-size: 12px; font-weight: bold; line-height: 12px; padding-bottom: 4px; } .predictive-big-results .predictive-block .predictive-right .predictive-items .predictive-item .date { font-size: 12px; line-height: 17px; color: #666; display: block; padding-top: 7px; } .predictive-big-results .predictive-block .predictive-right .predictive-items p:only-child { padding: 25px 0 0 0; font-weight: bold; } .predictive-big-results .predictive-block .predictive-right .predictive-items hr { clear: both; overflow: hidden; height: 1px; line-height: 1px; font-size: 0px; background-color: #e9e7e7; } .predictive-big-results .predictive-block .predictive-right .predictive-res { background-color: transparent; text-align: left; padding: 25px 0 15px 0; } .predictive-big-results .predictive-block .predictive-right .res-short { display: none; } .predictive-big-results .predictive-block .predictive-right .res-long { display: block; margin-bottom: 10px; text-transform: none; } @media all and (max-width: 1025px) { .predictive-block .predictive-right { width: calc(100% - 238px) !important; } } @media all and (max-width: 769px) { .predictive-block .predictive-left { min-height: auto !important; } .predictive-block .predictive-right, .predictive-block .predictive-left { width: 100% !important; } } .parallax-bottom { clear: both; overflow: hidden; position: relative; max-height: 379px; background-color: #000; color: #fff; } .parallax-bottom img { width: 100%; display: block; height: auto; } .parallax-bottom .parallax-text-wrapper.wrapper { display: table; } .parallax-bottom .parallax-text-wrapper { position: absolute; top: 0; left: 50%; margin-left: -619px; height: 379px; font-family: "Montserrat", Arial, Helvetica, Verdana; } .parallax-bottom .parallax-text-wrapper div { display: table-cell; vertical-align: middle; text-align: center; } .parallax-bottom .parallax-text-wrapper div .title { display: inline-block; font-size: 40px; line-height: 50px; text-transform: uppercase; font-weight: 500; color: #fff; } .parallax-bottom .parallax-text-wrapper .parallax-button { clear: both; overflow: hidden; display: block; margin-top: 85px; margin-bottom: 0; text-align: center; } .parallax-bottom .parallax-text-wrapper .parallax-button .btn--transparent { clear: both; overflow: hidden; display: inline-block; text-transform: uppercase; text-decoration: none !important; cursor: pointer; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: normal; border: 1px solid #fff; color: #fff; padding: 10px 25px; } .parallax-bottom .parallax-text-wrapper .parallax-button .btn--transparent:hover { background-color: #fff; border-color: #fff !important; color: #000 !important; } @media (max-width: 1238px) { .parallax-bottom .parallax-text-wrapper { left: 0px; margin-left: 0px; width: 100%; } } @media all and (max-width: 1025px) { .parallax-bottom .parallax-text-wrapper div .title { font-size: 30px; line-height: 35px; } .parallax-bottom .parallax-text-wrapper div .parallax-button { margin-top: 35px; } } @media all and (max-width: 769px) { .parallax-bottom .parallax-text-wrapper .title { font-size: 20px !important; line-height: 25px !important; } .parallax-bottom .parallax-text-wrapper .parallax-button { margin-top: 25px !important; } .parallax-bottom .parallax-text-wrapper .parallax-button .btn--transparent { font-size: 14px !important; line-height: 18px !important; } } @media all and (max-width: 480px) { .parallax-bottom .parallax-text-wrapper .title { font-size: 16px !important; line-height: 20px !important; } .parallax-bottom .parallax-text-wrapper .parallax-button { margin-top: 18px !important; } .parallax-bottom .parallax-text-wrapper .parallax-button .btn--transparent { font-size: 12px !important; line-height: 16px !important; } } .parallax__block { height: 500px; position: relative; } .parallax__block--video { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .parallax__block .parallax-wrapper { position: relative; height: 100%; display: flex; } .parallax__block .parallax-wrapper div { width: 100%; display: flex; flex-direction: column; row-gap: 40px; justify-content: center; align-items: center; } .parallax__block .parallax-wrapper div .title { font-size: 40px; line-height: 50px; text-transform: uppercase; font-weight: 500; color: #fff; } .parallax__block .parallax-wrapper div .subtitle { font-size: 20px; line-height: 30px; color: #fff; } .parallax__block .parallax-wrapper .parallax-button { clear: both; overflow: hidden; display: block; margin-bottom: 0; text-align: center; } .parallax__block .parallax-wrapper .parallax-button .btn--transparent { clear: both; overflow: hidden; display: inline-block; text-transform: uppercase; text-decoration: none !important; cursor: pointer; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: normal; border: 1px solid #fff; color: #fff; padding: 10px 25px; } .parallax__block .parallax-wrapper .parallax-button .btn--transparent:hover { background-color: #fff; border-color: #fff !important; color: #000 !important; } @media all and (max-width: 1025px) { .parallax__block { max-height: 400px; } .parallax__block .parallax-wrapper div { row-gap: 35px; } .parallax__block .parallax-wrapper div .title { font-size: 30px; line-height: 35px; } } @media all and (max-width: 769px) { .parallax__block .parallax-wrapper .title { font-size: 20px !important; line-height: 25px !important; } .parallax__block .parallax-wrapper .subtitle { font-size: 16px !important; } .parallax__block .parallax-wrapper .parallax-button .btn--transparent { font-size: 14px !important; line-height: 18px !important; } } @media all and (max-width: 480px) { .parallax__block { max-height: 350px; } .parallax__block .parallax-wrapper div { row-gap: 20px; } .parallax__block .parallax-wrapper div .title { font-size: 16px !important; line-height: 20px !important; } .parallax__block .parallax-wrapper div .parallax-button .btn--transparent { font-size: 12px !important; line-height: 16px !important; } } .instagram { clear: both; overflow: hidden; padding: 50px 0 44px 0; text-align: center; border-top: 1px solid #ccc; background-color: #fff; } .instagram .icon { display: inline-block; } .instagram .icon svg { margin: 0 auto; display: block; width: 60px; height: 60px; margin-bottom: 22px; } .instagram .icon svg * { fill: #4e7b88 !important; } .instagram-title { font-size: 26px; line-height: 30px; font-weight: 500; letter-spacing: 0.48em; margin-right: -0.48em; margin-bottom: 24px; text-transform: uppercase; } .instagram-account a { font-size: 18px; font-weight: 300 !important; letter-spacing: 0.48em; margin-right: -0.48em; text-transform: uppercase; color: #000; } .parallax-bottom + .instagram { border-top: 0 none; } @media (max-width: 769px) { .instagram-title { font-size: 20px; line-height: 26px; margin-bottom: 18px; } .instagram-account a { font-size: 14px; line-height: 20px; } } @media all and (max-width: 769px) { .instagram { padding: 40px 0 34px 0; } .instagram-title { font-size: 16px; line-height: 22px; margin-bottom: 12px; } .instagram-account a { font-size: 12px; line-height: 18px; } } .share-plugin { position: fixed; bottom: 120px; width: 48px; z-index: 500; left: auto; right: 0px; cursor: pointer; } .share-plugin a { position: relative; display: block; width: 3pc; outline: 0; text-align: center; float: left; overflow: hidden; background: #ededed; z-index: 501; } .share-plugin a .icon-wrapper { display: block; padding: 8px 0; } .share-plugin a.icon-svc-facebook span { background-color: #3b5998; } .share-plugin a.icon-svc-twitter span { background-color: #1da1f2; } .share-plugin a.icon-svc-googleplus span { background-color: #dc4e41; } .share-plugin a.icon-svc-pinterest span { background-color: #cb2027; } .share-plugin a.icon-svc-linkedin span { background-color: #0077b5; } .share-plugin a.icon-svc-whatsapp span { background-color: #61be4f; } .share-plugin a:hover { width: 4pc; } .share-plugin a span .share-btn { position: relative; display: block; background-repeat: no-repeat; background-position: 50% 50%; width: 2pc; height: 2pc; line-height: 2pc; margin: 0 auto; overflow: hidden; } .share-plugin .share-btn { fill: #fff; } .share-plugin .close { background-color: #aaa; display: block; text-align: center; font-size: 10px; line-height: 14px; } .share-plugin .close:hover { background-color: #666; color: #fff; } @media screen and (max-width: 1334px) { .share-plugin { top: auto !important; right: 0px !important; bottom: 0px !important; display: flex; width: 100% !important; } .share-plugin a { flex-grow: 1; } .share-plugin a:hover { width: 3pc; } .share-plugin a:hover .icon-wrapper { background-color: #000; } .share-plugin a span .share-btn { width: 1pc; height: 1pc; line-height: 1pc; } .close { position: absolute; right: 10px; width: 24px; height: 14px; top: -13px; z-index: 2; } } .gallery-block { clear: both; overflow: hidden; padding-bottom: 50px; width: 100%; } .gallery-block .h2 { margin-bottom: 19px; font-size: 24px; line-height: 26px; } .gallery-block header { position: static; border: none; padding-bottom: 0; } .gallery-block__container { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } .gallery-block__container .sep { clear: both; overflow: hidden; height: 30px; width: 100%; display: none; } .gallery-block__container .sep:nth-of-type(4n+1) { display: block; } .gallery-block__container .sep:first-of-type { height: 6px; } .gallery-block__container .gallery__item { float: left; width: calc((100% / 4) - 30px); height: 287px; margin-left: 15px; margin-right: 15px; } .gallery-block__container .gallery__item figure { display: table; height: 100%; width: 100%; } .gallery-block__container .gallery__item figure a { width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle; } .gallery-block__container .gallery__item figure a img { padding: 5px; margin: 0 auto; max-height: 285px; max-width: 285px; } .gallery-block__container .gallery__item figure a:active, .gallery-block__container .gallery__item figure a:focus { outline: 0; } .gallery-block__container #masonry.gallery { width: calc(100% - 14px); margin-left: 7px; margin-right: 7px; } .gallery-block__container #masonry.gallery .gallery-item { margin-bottom: 16px; float: left; width: calc(100% / 4); } .gallery-block__container #masonry.gallery .gallery-item figure { border: 0 none; padding-right: 8px; padding-left: 8px; } .gallery-block__container #masonry.gallery .gallery-item img { width: 100%; display: block; border: 1px solid #ccc; } .gallery-block__container #masonry.gallery .gallery-sizer { width: calc(100% / 4); position: absolute; bottom: 0px; } .gallery-block__container #masonry.gallery .gallery-gutter { width: 0px; } @media all and (max-width: 1251px) { .gallery-block__container .sep:nth-of-type(4n+1) { display: none; } .gallery-block__container .sep:nth-of-type(3n+1) { display: block; } .gallery-block__container .gallery__item { width: calc((100% / 3) - 30px); height: 314px; } .gallery-block__container .gallery__item figure a img { max-height: 312px; max-width: 312px; } .gallery-block__container #masonry.gallery .gallery-item, .gallery-block__container #masonry.gallery .gallery-sizer { width: calc(100% / 3); } } @media all and (max-width: 1025px) { .gallery-block__container .gallery__item { height: 228px; } .gallery-block__container .gallery__item figure a img { max-height: 226px; max-width: 226px; } .gallery-block__container #masonry.gallery .gallery-item, .gallery-block__container #masonry.gallery .gallery-sizer { width: calc(100% / 2); } } @media all and (max-width: 769px) { .gallery-block__container .sep:nth-of-type(3n+1) { display: none; } .gallery-block__container .sep:nth-of-type(2n+1) { display: block; } .gallery-block__container .gallery__item { width: calc((100% / 2) - 30px); height: auto; } .gallery-block__container .gallery__item figure a img { max-height: 100%; max-width: 100%; } } @media screen and (max-width: 500px) { .gallery-block { width: 100%; margin-left: 0px; margin-right: 0px; } .gallery-block__container .sep { display: block; } .gallery-block__container .sep:nth-of-type(3n+1) { display: block; } .gallery-block__container #masonry.gallery .gallery-item, .gallery-block__container #masonry.gallery .gallery-sizer { width: 100%; } .gallery-block__container #masonry.gallery figure { padding-left: 0px; padding-right: 0px; } .gallery-block .gallery__item { width: 100%; margin-left: 0px; margin-right: 0px; } } .gallery-shop-info { clear: both; overflow: hidden; margin-bottom: 17px; padding: 16px 20px; background-color: #efefef; } .catalog-product-list { padding-bottom: 36px; } .catalog-product-list .group { padding-bottom: 20px; } .catalog-product-list .group h2 { background-color: #4e7b88; color: #fff; font-weight: bold; text-transform: uppercase; padding: 11px 15px; margin: 0 0 6px 0; font-size: 18px; line-height: 24px; } .catalog-product-list .group h3 { background-color: #ededed; font-weight: bold; padding: 11px 15px; margin: 0 0 6px 0; font-size: 16px; line-height: 22px; } .catalog-product-list .group .item { clear: both; overflow: hidden; border-bottom: 1px solid #ededed; } .catalog-product-list .group .item figure { float: left; width: 180px; text-align: center; padding: 5px; margin-top: 14px; margin-bottom: 20px; } .catalog-product-list .group .item figure img { margin: 0 auto; width: auto; max-height: 120px; max-width: 100%; } @media all and (max-width: 769px) { .catalog-product-list .group .item figure { float: none; margin-bottom: 4px; } .catalog-product-list .group .item figure + .detail { padding-left: 0px; padding-right: 0px; } } .catalog-product-list .group .item .detail { float: left; padding: 11px 15px 0px 15px; width: calc(100% - 180px); } @media all and (max-width: 769px) { .catalog-product-list .group .item .detail { width: 100%; } } .catalog-product-list .group .item .detail h4 { font-size: 16px; line-height: 22px; } .catalog-product-list .group .item .detail h5 { color: #999; font-weight: normal; } .catalog-product-list .group .item .detail ul { margin-top: 11px; margin-left: 0px; } .catalog-product-list .group .item .detail ul li { padding-left: 0px; padding-bottom: 4px; } .catalog-product-list .group .item .detail ul li:before { display: none; } .catalog-product-list .group .item .detail ul li a { font-weight: normal; display: inline-block; } .catalog-product-list .group .item .detail ul li a svg { width: 30px; height: 30px; float: left; } .catalog-product-list .group .item .detail ul li a svg * { fill: #4e7b88; } .catalog-product-list .group .item .detail ul li a span { display: inline-block; margin-left: 10px; float: right; line-height: 30px; max-width: calc(100% - 40px); } .catalog-product-list .group .item .detail ul li a:hover { text-decoration: none; color: #333; } .catalog-product-list .group .item .detail ul li a:hover svg * { fill: #333; } .catalog-product-list .group .item .detail:only-child { width: 100%; } .catalog-product-list .group .item + .item { padding-top: 6px; } .ecommerce { clear: both; overflow: hidden; padding-bottom: 40px; } .ecommerce .special-select { height: 30px; } .ecommerce .special-select .selected { background-color: #eee; } .ecommerce .special-select .selected span { background-color: #eee; text-transform: none; color: #666; line-height: 30px; padding-left: 12px; padding-right: 0px; width: calc(100% - 32px); } .ecommerce .special-select .selected i { height: 5px; width: 8px; background-color: transparent; right: 12px; } .ecommerce .special-select .selected i .arrow-down { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #333; margin-top: 13px; } .ecommerce-filters { float: left; width: calc(22.5% - 35px); padding-bottom: 20px; } .ecommerce-filters-block { padding-bottom: 14px; } .ecommerce-filters-block_more { padding: 10px 0px 0px 0px; font-size: 12px; line-height: 16px; position: relative; } .ecommerce-filters-block_more:after { position: absolute; content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #4e7b88; bottom: 5px; margin-left: 4px; } .ecommerce-filters-block_title { font-family: "Montserrat", Arial, Helvetica, Verdana; text-transform: uppercase; font-size: 16px; border-bottom: 1px solid #333; margin-bottom: 14px; } .ecommerce-filters-block_subtitle { font-weight: bold; } .ecommerce-filters-block_sort { padding-top: 6px; margin-bottom: 6px; } .ecommerce-filters-block_type { font-size: 14px; font-weight: bold; padding-left: 0px; padding-bottom: 4px; } .ecommerce-filters-block ul { margin-bottom: 0px; margin-top: 4px; } .ecommerce-filters-block ul li { padding-left: 0px; padding-bottom: 0px; } .ecommerce-filters-block ul li i { cursor: pointer; position: relative; top: -8px; color: #4e7b88; font-weight: bold; } .ecommerce-filters-block ul li:before { display: none; } .ecommerce-filters-block ul li a { color: inherit; } .ecommerce-filters-block ul li a:hover { text-decoration: none; color: #4e7b88; } .ecommerce-filters-block ul li + li { margin-top: 6px; } .ecommerce-filters-block ul li.active a { color: #4e7b88; } .ecommerce-filters-block ul li.active ul { margin: 8px 0px 14px 12px; } .ecommerce-filters-block ul li.active ul li { line-height: 18px; } .ecommerce-filters-block ul li.active ul li a { color: inherit; font-weight: 400; } .ecommerce-filters-block ul li.active ul li a:hover { color: #4e7b88; } .ecommerce-filters-block ul li.active ul li.active a { color: #4e7b88; } .ecommerce-filters-block ul li.featured { font-size: 18px; line-height: 30px; background-color: #ededed; padding: 3px 7px 2px 7px; } .ecommerce-filters-block + .ecommerce-filters-block { border-top: 1px solid #ccc; padding-top: 14px; } .ecommerce-filters-block .subfilters { padding-top: 3px; } .ecommerce-filters-block .subfilters a { font-weight: normal; color: #4e7b88; } .ecommerce-filters-block .subfilters a:hover { color: #333; } .ecommerce-filters-block .subfilters li.active a { font-weight: bold; color: #333; } .ecommerce-list { float: right; width: calc(77.5% - 35px); padding-bottom: 20px; } .ecommerce-list:only-child { width: 100% !important; } .ecommerce-list .load-more-button { padding-top: 20px; padding-bottom: 0px; margin-bottom: 0px; } .ecommerce-list_title { font-family: "Montserrat", Arial, Helvetica, Verdana; text-transform: uppercase; color: #4e7b88; font-size: 22px; line-height: 28px; font-weight: 600; padding-bottom: 2px; } .ecommerce-list_desc { padding-top: 6px; color: #666; } .ecommerce-list_desc:after { content: ""; border-top: 1px solid #ccc; display: block; margin-top: -8px; height: 7px; } .ecommerce-list_pre { clear: both; overflow: hidden; line-height: 30px; color: #666; padding-top: 13px; } .ecommerce-list_pre--total { float: left; } .ecommerce-list_pre--sort { float: right; } .ecommerce-list_pre--sort span { float: left; margin-right: 13px; } .ecommerce-list_pre--sort .special-select { width: 236px; float: right; } .ecommerce-list_post { clear: both; overflow: hidden; padding-top: 36px; } .ecommerce-list_post:before { content: ""; display: block; width: 100%; height: 1px; background-color: #ccc; margin-bottom: 16px; } .ecommerce-list_items { width: calc(100% + 25px); margin-left: -12.5px; margin-right: -12.5px; } .ecommerce-list_items .sep { clear: both; overflow: hidden; height: 20px; width: 100%; font-size: 0px; display: none; } .ecommerce-list_items .sep:nth-of-type(3n+1) { display: block; } .ecommerce-list_items .item { position: relative; float: left; width: calc((100% / 3) - 25px); margin-left: 12.5px; margin-right: 12.5px; margin-bottom: 14px; } .ecommerce-list_items .item .special { position: absolute; top: 5px; right: 5px; background-color: #4e7b88; color: #fff; padding: 2px 5px; line-height: 1.4; } .ecommerce-list_items .item .special__item { display: flex; flex-direction: column; align-items: center; } .ecommerce-list_items .item figure img { width: 100%; } .ecommerce-list_items .item-info { padding-top: 17px; } .ecommerce-list_items .item-info .btn-wrapper .btn { padding: 4px 8px; margin-bottom: 4px; font-weight: bold; } .ecommerce-list_items .item-info .nostock .btn { cursor: not-allowed; background-color: #ededed !important; color: #999 !important; } .ecommerce-list_items .item-title { font-size: 16px; line-height: 19px; } .ecommerce-list_items .item-title a { color: #333; } .ecommerce-list_items .item-subtitle { font-weight: normal; } .ecommerce-list_items .item-price { padding-top: 10px; } .ecommerce-list_items .item-price span { text-decoration: line-through; display: inline-block; margin-right: 20px; } .ecommerce-list_items .item-price strong, .ecommerce-list_items .item-price b { color: #4e7b88; } @media all and (min-width: 1252px) { .ecommerce-list:only-child .sep:nth-of-type(3n+1) { display: none; } .ecommerce-list:only-child .sep:nth-of-type(4n+1) { display: block; } .ecommerce-list:only-child .item { width: calc((100% / 4) - 25px); } } @media all and (max-width: 1025px) { .ecommerce-filters { width: calc(22.5% - 10px); } .ecommerce-list { width: calc(77.5% - 10px); } .ecommerce-list_items { width: calc(100% + 25px); margin-left: -12.5px; margin-right: -12.5px; } .ecommerce-list_items .sep:nth-of-type(3n+1) { display: none; } .ecommerce-list_items .sep:nth-of-type(2n+1) { display: block; } .ecommerce-list_items .item { width: calc((100% / 2) - 25px); margin-left: 12.5px; margin-right: 12.5px; } } @media all and (max-width: 769px) { .ecommerce-filters { width: 100%; } .ecommerce-filters-block { display: none; padding-top: 10px; } .ecommerce-filters-block_title { border: 1px solid #333; padding: 11px 15px 10px 15px; margin-bottom: 4px; cursor: pointer; position: relative; } .ecommerce-filters-block_title:after { width: 26px; height: 26px; content: ""; background-image: url(../img/filters.svg); background-size: 100% 100%; position: absolute; top: 9px; right: 15px; } .ecommerce-list { width: 100%; } .ecommerce-list_items .item .special { top: 0; right: 0; font-size: 10px; } } @media all and (max-width: 480px) { .ecommerce-list_pre { /*&_items { width: 100%; margin-left: 0px; margin-right: 0px; } .sep { display: block !important; } .item { width: 100%; margin-left: 0px; margin-right: 0px; }*/ } .ecommerce-list_pre--total { width: 100%; padding-bottom: 10px; } .ecommerce-list_pre--sort { width: 100%; } .ecommerce-list_pre--sort .special-select { width: 220px; float: left; } } .ecommerce-categories-sticky { white-space: nowrap; overflow: hidden; } .ecommerce-categories-sticky-flex { text-align: center; clear: both; border-bottom: 1px solid #ccc; height: 40px; padding-top: 4px; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; } .ecommerce-categories-sticky-flex::-webkit-scrollbar { display: none; } .ecommerce-categories-sticky .wrapper { padding-left: 0px !important; padding-right: 0px !important; } .ecommerce-categories-sticky-nav { margin: 0 auto; display: inline; } .ecommerce-categories-sticky-nav span { display: inline-block; } .ecommerce-categories-sticky-nav span + span { margin-left: 15px; } .ecommerce-categories-sticky-nav span a { color: inherit; } .ecommerce-categories-sticky-nav span a:hover, .ecommerce-categories-sticky-nav span a:active { color: #4e7b88; text-decoration: none; } .ecommerce-categories-sticky-nav span.active { outline: 0; } .ecommerce-categories-sticky-nav span.active a { color: #fff !important; background: #4e7b88 !important; border-radius: 50px; padding: 5px 10px; } .ecommerce-categories-sticky-more { float: right; display: none; } .ecommerce-categories-sticky.scroll { width: 100%; left: 0px; position: fixed; top: 0px; margin-top: 60px !important; padding-top: 0px !important; background-color: #fff; z-index: 2; -webkit-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.2); opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 0.5s; border-top: 0 none !important; } @media all and (max-width: 769px) { .ecommerce-categories-sticky.scroll .ecommerce-categories-sticky-nav { padding-left: 10px; padding-right: 10px; } } .ecommerce-categories-sticky.scroll .ecommerce-categories-sticky-flex { border-bottom: 0 none; padding-top: 8px; } .ecommerce-categories-sticky.scroll .ecommerce-categories-sticky-nav span.active a { color: #4e7b88; } @media all and (max-width: 1025px) { .ecommerce-categories-sticky-nav { width: max-content; display: flex; } .ecommerce-categories-sticky-nav span { flex: 1 1; } } .ecommerce-list_title + .ecommerce-categories-sticky { padding-top: 8px; margin-top: 36px; border-top: 1px solid #ccc; } .popup-checkout__snoptions { margin-bottom: 30px; } .popup-checkout__snoptions .options-title { font-size: 14px; line-height: 16px; margin: 30px 0; color: #333; font-weight: bold; } .popup-checkout__snoptions .options-title:first-child { margin-top: 0px; } .popup-checkout__snoptions .options { display: flex; align-items: flex-start; flex-direction: column; row-gap: 20px; } .popup-checkout__snoptions .options-image img { min-width: 33px; max-height: 33px; } .popup-checkout__snoptions .options-minuts-text { font-size: 14px; line-height: 16px; color: #333; } .popup-checkout__snoptions .options-faceta { display: flex; align-items: center; column-gap: 15px; } .popup-checkout__snoptions .options-faceta-grano { display: flex; align-items: flex-start; flex-direction: column; row-gap: 20px; } .popup-checkout__snoptions .options-grano { display: flex; column-gap: 25px; } .popup-checkout__snoptions .options-grano-text { font-size: 14px; line-height: 16px; min-width: 74px; } .popup-checkout__snoptions .grano_0_5 > svg .grano_0_5 { fill: #4e7b88; } .popup-checkout__snoptions .grano_1 > svg .grano_1 { fill: #4e7b88; } .popup-checkout__snoptions .grano_1_5 > svg .grano_1 { fill: #4e7b88; } .popup-checkout__snoptions .grano_1_5 > svg .grano_1_5 { fill: #4e7b88; } .popup-checkout__snoptions .grano_2 > svg .grano_1 { fill: #4e7b88; } .popup-checkout__snoptions .grano_2 > svg .grano_2 { fill: #4e7b88; } .popup-checkout__snoptions .grano_2 > svg .grano_1 { fill: #4e7b88; } .popup-checkout__snoptions .grano_2 > svg .grano_2 { fill: #4e7b88; } .popup-checkout__snoptions .grano_2_5 > svg .grano_1 { fill: #4e7b88; } .popup-checkout__snoptions .grano_2_5 > svg .grano_2 { fill: #4e7b88; } .popup-checkout__snoptions .grano_2_5 > svg .grano_2_5 { fill: #4e7b88; } .popup-checkout__snoptions .grano_3 > svg .grano_1 { fill: #4e7b88; } .popup-checkout__snoptions .grano_3 > svg .grano_2 { fill: #4e7b88; } .popup-checkout__snoptions .grano_3 > svg .grano_3 { fill: #4e7b88; } .popup-checkout__snoptions .grano_3_5 > svg .grano_1 { fill: #4e7b88; } .popup-checkout__snoptions .grano_3_5 > svg .grano_2 { fill: #4e7b88; } .popup-checkout__snoptions .grano_3_5 > svg .grano_3 { fill: #4e7b88; } .popup-checkout__snoptions .grano_3_5 > svg .grano_3_5 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4 > svg .grano_1 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4 > svg .grano_2 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4 > svg .grano_3 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4 > svg .grano_4 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4_5 > svg .grano_1 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4_5 > svg .grano_2 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4_5 > svg .grano_3 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4_5 > svg .grano_4 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4_5 > svg .grano_4_5 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4_5 { /* Café molienda */ } .popup-checkout__snoptions .grano_4_5 > svg .grano_1 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4_5 > svg .grano_2 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4_5 > svg .grano_3 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4_5 > svg .grano_4 { fill: #4e7b88; } .popup-checkout__snoptions .grano_4_5 > svg .grano_5 { fill: #4e7b88; } .popup-checkout__snoptions .options-faceta-molienda { display: flex; justify-content: center; align-items: center; column-gap: 50px; } .popup-checkout__snoptions .options-faceta-molienda.options-faceta-molienda-detail { justify-content: flex-start; } .popup-checkout__snoptions .options-molienda { display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 10px; } .options-footer { width: 100%; display: flex; justify-content: center; } .options-footer-button { font-size: 14px; line-height: 16px; margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 12px 47px; border-radius: 20px; border: 1px solid #4e7b88; color: #4e7b88; } .options-footer-button:hover { color: #fff; background: #4e7b88; } .options-footer-button:hover img { filter: invert(1); } .options-informacion-content .nutritionTable { width: 100%; min-width: 746px; margin: 10px 0; } .options-informacion-content .nutritionTable tbody tr { line-height: 26px; } .options-informacion-content .nutritionTable tbody tr td { padding: 6px 10px 6px 10px; white-space: nowrap; } .options-informacion-content .nutritionTable tbody tr td:first-of-type { font-weight: bold; text-transform: uppercase; } .options-informacion-content .nutritionTable tbody tr.intend td:first-of-type { padding-left: 35px !important; font-weight: normal; text-transform: lowercase; } .options-informacion-content .nutritionTable tbody tr:nth-child(odd) { background-color: #eeeff0; } body[data-template="plantilla2"] .ecommerce-filters-block_more { padding: 10px 10px 0px 10px; } .ecommerce-filters-block-flex { display: flex; align-items: center; gap: 10px; } .ecommerce-filters-block-flex i { top: auto !important; } .ecommerce-filters-block_facts .subfilters li { display: flex; align-items: center; gap: 10px; } .ecommerce-filters-block_facts .subfilters li i { top: auto !important; } body.page-productos[data-template="plantilla2"] .ecommerce-filters-block_facts .subfilters li a { width: 100%; } .form-default { margin: 0 auto; width: 100%; } .form-default fieldset { margin-bottom: 25px; } .form-default label { font-size: 14px; font-weight: 400; margin-bottom: 6px; } .form-default label, .form-default input, .form-default textarea, .form-default select { box-sizing: border-box; display: block; width: 100%; } .form-default input, .form-default textarea, .form-default select { border: 1px solid #ccc; box-sizing: border-box; padding: 8px; } .form-default textarea { height: 122px; margin-bottom: 0; } .form-default select { height: 42px; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 99% 50%; border-radius: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .form-default input[tupe=text]:disabled, .form-default input[tupe=password]:disabled, .form-default input[tupe=email]:disabled, .form-default textarea:disabled, .form-default select:disabled { background-color: #ededed !important; } .form-default .error { border: 1px solid #e00 !important; background-color: #fff2f4 !important; } .form-default .errors { display: none; color: #e00; font-size: 11px; padding-top: 3px; clear: both; overflow: hidden; font-weight: normal !important; font-style: normal !important; } .form-default .clausula-rgpd { font-size: 10px; } .form-default .clausula-rgpd p { margin: 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 13px !important; } .form-default .clausula-rgpd p + p { margin-top: 6px !important; } .form-default .check-block { position: relative; padding-top: 9px; padding-bottom: 7px; cursor: pointer; } .form-default .check-block input[type=checkbox] { float: left; position: relative; top: 2px; left: 1px; width: auto; } .form-default .check-block input[type=radio] { float: left; position: relative; top: 2px; left: 1px; width: auto; } .form-default .check-block span { padding-left: 22px; margin-top: -15px; float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .form-default .block-remember { padding-top: 11px; } .form-note-info { font-size: 14px; margin-bottom: 30px; } .g-recaptcha-label { display: none !important; } .hide-legend { display: none !important; } .payment-icons { clear: both; overflow: hidden; padding-top: 11px; padding-bottom: 0; } .payment-icons__icon { float: left; list-style: none !important; padding: 0 !important; margin-right: 8px; } .payment-icons__icon:first-of-type { margin-left: 22px; } .payment-icons__icon:before { display: none; } .payment-icons__icon img { height: 34px; } .checkout { clear: both; overflow: hidden; padding-bottom: 40px; } .checkout .h2 { font-weight: 500; margin-bottom: 26px; color: #999; border-bottom: 1px solid #ccc; padding-bottom: 6px; } .checkout .btn { letter-spacing: 1px; } .checkout-user-data { float: left; width: 50%; padding-right: 15px; } @media all and (max-width: 769px) { .checkout-user-data { padding-right: 0px; width: 100%; float: none; } } .checkout-header-order { display: none; background-color: #fff; border: 1px solid #ccc; right: 0; padding: 25px; position: absolute; width: 320px; z-index: 99999999; } @media all and (max-width: 1025px) { .checkout-header-order { top: 48px; } } .checkout-header-order.active { display: block; } .checkout-header-order .checkout-order-total { clear: both; overflow: hidden; color: #333; font-size: 15px; font-weight: 700; line-height: 60px; text-transform: none; border-top: 1px solid #ccc; } .checkout-header-order .checkout-order-total .label { float: left; } .checkout-header-order .checkout-order-total .value { float: right; } .checkout-header-order .checkout-order-total small { font-size: 10px; color: #ccc; font-weight: normal; } .checkout-header-order .checkout-order-total small:before { content: "("; } .checkout-header-order .checkout-order-total small:after { content: ")"; } .checkout-header-order-title { color: #333; font-size: 14px; font-weight: 600; margin-bottom: 10px; text-align: center; line-height: normal; } .checkout-header-order .checkout-order-items { max-height: 396px; min-height: 198px; overflow-y: scroll; } .checkout-header-order .checkout-order-items .title a { font-weight: 700; } .checkout-header-order .checkout-order-items .feat a { color: #4e7b88; font-weight: 700; } .checkout-header-order .checkout-order-items .item + .item { border-style: dashed; } .checkout-header-order .checkout-order-items .features, .checkout-header-order .checkout-order-items .prices { padding-top: 18px !important; } .checkout-header-order .checkout-order-items .configurable { display: none; } .checkout-header-order .checkout-order-items .title a, .checkout-header-order .checkout-order-items .features .feat, .checkout-header-order .checkout-order-items .prices span { text-transform: none; color: #333 !important; } .checkout-header-order .checkout-order-items .prices b { position: initial; background-color: transparent; width: auto; } .checkout-header-order-button { height: 48px; background-color: #4e7b88; } .checkout-header-order-button a { color: #fff !important; display: block; font-size: 14px; line-height: 48px !important; text-decoration: none; font-weight: 500 !important; } .checkout-header-order-button:hover { background-color: #000; } .checkout-order-items { clear: both; overflow: hidden; padding: 10px 0; } .checkout-order-items .item { clear: both; overflow: hidden; padding: 0 0 16px 0; } .checkout-order-items .item .select-amount { border: 1px solid #ccc; font-size: 12px; padding: 1px 3px; } .checkout-order-items .item figure { float: left; width: 67px; height: 67px; margin: 0 15px 4px 0; text-align: center; padding: 3px; } .checkout-order-items .item figure a { position: relative; width: 100%; height: 100%; display: block; } .checkout-order-items .item figure a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; margin: 0 auto; } .checkout-order-items .item figure a img.v { height: 100%; width: auto; } .checkout-order-items .item .data { float: left; width: calc(100% - 67px - 15px); position: relative; font-size: 13px; line-height: 18px; } .checkout-order-items .item .data .title { max-width: calc(100% - 28px); } .checkout-order-items .item .data .title a { color: #333; } .checkout-order-items .item .data .features { padding-top: 22px; } .checkout-order-items .item .data .prices { padding-top: 22px; text-align: right; } .checkout-order-items .item .data .prices b, .checkout-order-items .item .data .prices strong { color: #4e7b88; } .checkout-order-items .item .data .prices span { display: inline-block; text-decoration: line-through; margin-right: 6px; } .checkout-order-items .item .data .trash { position: absolute; top: 4px; right: 0px; width: 18px; height: 18px; } .checkout-order-items .item .data .trash img { display: block; height: 100% !important; width: auto !important; } .checkout-order-items .item + .item { border-top: 1px solid #ccc; padding-top: 20px; } .checkout-order-data { float: right; width: 50%; padding-left: 15px; } .checkout-order-data .checkout-order-discount { clear: both; overflow: hidden; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; position: relative; } .checkout-order-data .checkout-order-discount-close { position: absolute; top: 10px; right: 10px; } @media all and (max-width: 1025px) { .checkout-order-data .checkout-order-discount-close { top: 30px; } } .checkout-order-data .checkout-order-discount label { float: left; font-weight: bold; width: 240px; line-height: 38px; } .checkout-order-data .checkout-order-discount input { float: left; width: calc(100% - 240px); margin-bottom: 6px; } .checkout-order-data .checkout-order-discount .errors { padding-left: 240px; line-height: 15px; } .checkout-order-data .checkout-order-discount .correct { color: #5cb85c !important; } @media all and (max-width: 1025px) { .checkout-order-data .checkout-order-discount input, .checkout-order-data .checkout-order-discount label { float: none; clear: both; width: 100%; margin-left: 0px; margin-right: 0px; } .checkout-order-data .checkout-order-discount label { line-height: 22px; } } .checkout-order-data .checkout-order-items .item figure { width: 120px; height: 120px; } .checkout-order-data .checkout-order-items .item .data { width: calc(100% - 120px - 15px); } .checkout-order-data .checkout-order-total { border-top: 1px solid #ccc; padding: 16px 0 36px 135px; } .checkout-order-data .checkout-order-total .label { float: left; } .checkout-order-data .checkout-order-total .value { float: right; } .checkout-order-data .checkout-order-total .total { clear: both; overflow: hidden; font-size: 15px; font-weight: bold; } .checkout-order-data .checkout-order-total .total + .total { padding-top: 11px; } .checkout-order-data .checkout-order-total small { font-size: 10px; color: #ccc; font-weight: normal; } .checkout-order-data .checkout-order-total small:before { content: "("; } .checkout-order-data .checkout-order-total small:after { content: ")"; } .checkout-order-data .checkout-order-total .minimum { font-weight: normal; font-style: italic; } .checkout-order-data .checkout-order-total .minimum span { display: block; text-align: right; font-size: 11px; line-height: 16px; } .checkout-order-data input[type=submit], .checkout-order-data .btn--transparent { padding: 14px 0px !important; width: 300px; text-align: center; } .checkout-order-data .error-checkbox { padding-left: 22px; } .checkout-order-data hr { background-color: #ccc; margin-top: -16px; } @media all and (max-width: 769px) { .checkout-order-data { padding-left: 0px; width: 100%; float: none; } } .form-checkout #fieldset_CodigoPostal, .form-checkout #fieldset_CodigoPostalEnvio { float: left; width: 30%; } @media all and (max-width: 1251px) { .form-checkout #fieldset_CodigoPostal, .form-checkout #fieldset_CodigoPostalEnvio { width: 40%; } } @media all and (max-width: 1025px) { .form-checkout #fieldset_CodigoPostal, .form-checkout #fieldset_CodigoPostalEnvio { width: 100%; } } .form-checkout #fieldset_Ciudad, .form-checkout #fieldset_CiudadEnvio { clear: both; } .form-checkout #fieldset_Provincia, .form-checkout #fieldset_ProvinciaEnvio { float: right; width: 66%; } @media all and (max-width: 1251px) { .form-checkout #fieldset_Provincia, .form-checkout #fieldset_ProvinciaEnvio { width: 56%; } } @media all and (max-width: 1025px) { .form-checkout #fieldset_Provincia, .form-checkout #fieldset_ProvinciaEnvio { width: 100%; } } .form-checkout .check-block { padding-top: 0px; padding-bottom: 16px; cursor: pointer; } .form-checkout .check-block label { clear: both; overflow: hidden; padding-top: 10px; } .form-checkout .check-block label div { font-style: italic; padding: 4px 0 0 22px; } .form-checkout .check-block label div p, .form-checkout .check-block label div ul { margin-bottom: 2px; } .form-checkout .check-block label div li { margin-bottom: 0px; } .form-checkout .check-block label.disabled { color: #ccc; cursor: not-allowed; } .form-checkout .check-block label:first-of-type { padding-top: 0px; } .form-checkout .check-block label.selected { font-weight: bold; } .form-checkout .check-block span a { font-weight: normal; text-decoration: underline; color: #333; } .form-checkout .check-block span a:hover { text-decoration: none; } .form-checkout .check-block + .check-block { margin-top: -26px; } #form-delivery-data { padding-bottom: 16px; } .alert-pre { padding-left: 15px; padding-right: 15px; margin-top: -12px !important; margin-bottom: 30px !important; } .alert-pre h4 { text-align: center; font-size: 20px; line-height: 24px; font-family: Arial, serif; color: #31708f; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; padding-top: 8px; } .order-table { padding-bottom: 26px; } .order-table > table { margin: 0 auto 20px auto !important; } @media (max-width: 686px) { .order-table table { width: 100% !important; } .order-table .order-billing-data { width: 100% !important; display: block !important; } .order-table .order-shipping-data { width: 100% !important; display: block !important; margin-top: 20px !important; text-align: left !important; } .order-table .order-lines td, .order-table .order-line td { width: 20%; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; } } .page-register .checkout .checkout-user-data { margin: 0 auto; float: unset; } .page-register .checkout .checkout-user-data h4 { display: none; } .portfolio-category-text { margin: 0 auto 40px auto; max-width: 923px; } .mosaic-portfolio { clear: both; overflow: hidden; padding: 0 0 60px 0; } .mosaic-portfolio .item { width: calc(100% / 4); float: left; position: relative; } .mosaic-portfolio .item .holder-image { z-index: 1; } .mosaic-portfolio .item .holder-image img { width: 100%; height: auto; } .mosaic-portfolio .item .holder-text { position: absolute; background: rgba(0, 0, 0, 0.7); left: 0; top: 0; z-index: 2; width: 100%; height: 100%; display: none; padding: 10px 0; vertical-align: middle; text-align: center; } .mosaic-portfolio .item .holder-text .desc { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "Montserrat", Arial, Helvetica, Verdana !important; font-size: 18px; line-height: 28px; width: 100%; padding: 0 15px; } .mosaic-portfolio .item .holder-text .desc .tit { text-transform: uppercase; color: #fff; letter-spacing: 1px; margin-right: -1px; cursor: pointer; display: block; } .mosaic-portfolio .item .holder-text .desc .subtit { font-weight: 400; cursor: pointer; display: block; } .mosaic-portfolio .item:hover .holder-text, .mosaic-portfolio .item:active .holder-text { display: block; } .home-portfolio { clear: both; overflow: hidden; padding-top: 40px; } .home-portfolio .wrapper { padding-bottom: 40px; } .home-portfolio .mosaic-portfolio .item { width: calc(100% / 3); } .home-portfolio .mosaic-portfolio.mosaic-portfolio-4-col { display: grid; grid-template-columns: repeat(4, 1fr); } .home-portfolio .mosaic-portfolio.mosaic-portfolio-4-col .item { width: auto; float: none; } .home-portfolio + .home-noticias { padding-top: 0px; } .home-portfolio + .catalog-block { padding-top: 0px; } @media (max-width: 1180px) { .mosaic-portfolio .item { width: calc(100% / 3); } } @media (max-width: 1000px) { .mosaic-portfolio .item { width: calc(100% / 2) !important; } .home-portfolio .mosaic-portfolio.mosaic-portfolio-4-col { grid-template-columns: repeat(2, 1fr); } .home-portfolio .mosaic-portfolio.mosaic-portfolio-4-col .item { width: auto !important; } } @media (max-width: 500px) { /* List mode */ .mosaic-portfolio .item { width: 100% !important; } .home-portfolio .mosaic-portfolio.mosaic-portfolio-4-col { grid-template-columns: 1fr; } } .page-portfolio { /* Autores */ } .page-portfolio .category-item { margin-bottom: 42px; } .page-portfolio .category-item figure { margin-bottom: 11px; } .page-portfolio .category-item__title { text-align: center; } .page-portfolio .category-item__abstract { line-height: 0.75px; text-align: center; } @media (max-width: 490px) { .page-portfolio .category-item__abstract { line-height: 16px; font-size: 14px; } .page-portfolio .category-item__title { padding-bottom: 0.1em; } } .wrapper__letters { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 40px 0; margin-bottom: 60px; background-color: #fff; position: sticky; top: 61px; } .wrapper__letters.sticky-letters { transition: 0.1s linear; padding: 20px 0; } .wrapper__letters .search__letters { display: flex; justify-content: center; align-items: center; gap: 22px; flex-wrap: wrap; } .wrapper__letters .search__letters__name { font-size: 20px; color: #b9b9b9; } .wrapper__letters .search__letters__name--active { color: #c21735; } .wrapper__letters .search__letters__name--disabled { pointer-events: none; opacity: 0.3; color: #b9b9b9; } .item__letter { width: 100%; display: none; padding: 10px 0 50px 0px; color: #c21735; font-size: 28px; font-weight: bold; } .item__letter.letter__active { display: grid; } .item__authors { display: none; grid-template-columns: repeat(3, 1fr); gap: 32px; row-gap: 83px; } .item__authors.letter__active { display: grid; } .item__author a { text-decoration: none; } .item__author--image img { width: 100%; height: 392px; object-fit: cover; } .item__author--text { padding-top: 24px; } .item__author--title { font-size: 24px; font-weight: bold; line-height: 36px; } .item__author--categories { margin-top: 20px; display: flex; flex-wrap: wrap; column-gap: 5px; } .item__author--categories__title { color: #333; } @media (max-width: 1025px) { .item__authors { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 764px) { .item__authors { grid-template-columns: repeat(1, 1fr); gap: 15px; } .wrapper__letters .search__letters { gap: 10px; } } .portfolio-detail { margin-bottom: 40px; position: relative; clear: both; overflow: hidden; } .portfolio-detail .gallery { width: calc(100% - 456px - 50px); clear: both; overflow: hidden; } .portfolio-detail .gallery figure { margin-bottom: 30px; } .portfolio-detail .gallery figure img { width: 100%; } .portfolio-detail .text { width: 456px; position: absolute !important; top: 0px; right: 0px; will-change: min-height; } .portfolio-detail .text__inner { position: relative; transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; } .portfolio-detail-category { margin-bottom: 26px; } .portfolio-detail-category a { font-weight: 500; } .portfolio-detail-category__title { font-family: "Montserrat", Arial, Helvetica, Verdana; font-size: 16px; font-weight: 700; line-height: 26px; color: #333; text-transform: uppercase; } .portfolio-detail-links__social { clear: both; overflow: hidden; padding-top: 6px; padding-bottom: 5px; /* caso especial con video */ } .portfolio-detail-links__social a { width: 32px; height: 32px; display: inline-block; background-color: #4e7b88; border-radius: 16px; margin: 0 6px 0 0; } .portfolio-detail-links__social a svg { width: 16px; height: 16px; margin: 8px; } .portfolio-detail-links__social a svg * { fill: #fff; } .portfolio-detail-links__social a:hover { background-color: #000; } .portfolio-detail.video-wrapper .gallery { width: 100% !important; min-height: auto !important; } .portfolio-detail.video-wrapper .gallery__item p { margin: 0px !important; padding: 0px !important; } .portfolio-detail.video-wrapper .gallery__item iframe { display: block; } .portfolio-detail.video-wrapper .text { min-height: auto !important; width: 100% !important; position: static !important; will-change: auto; } .portfolio-logo-wrapper { display: inline-block; } .portfolio-logo-wrapper figure { padding: 10px !important; max-width: 198px; width: 198px; height: auto; margin-top: 6px; margin-bottom: 46px; } .portfolio-logo-wrapper figure svg { width: 100%; height: 100%; } .portfolio-logo-wrapper figure img { width: 100%; } @media all and (max-width: 1251px) { .portfolio-detail .gallery { width: calc(100% - 456px - 30px); } } @media all and (max-width: 1025px) { .portfolio-detail .gallery { width: 100%; min-height: auto !important; } .portfolio-detail .text { position: static !important; width: 100%; min-height: auto !important; height: auto !important; } .portfolio-detail .text__inner { position: static !important; padding-bottom: 8px; } } .portfolio-detail-masonry .text:only-child { padding-bottom: 26px; } .portfolio-detail-masonry .gallery { clear: both; overflow: hidden; padding-bottom: 20px; padding-top: 10px; width: calc(100% + 16px); margin-left: -8px; margin-right: -8px; } .portfolio-detail-masonry .gallery-item { margin-bottom: 16px; float: left; width: calc(100% / 3); } .portfolio-detail-masonry .gallery-item figure { border: 0 none; padding-right: 8px; padding-left: 8px; position: relative; } .portfolio-detail-masonry .gallery-item-info { position: absolute; width: calc(100% - 16px); background: rgba(0, 0, 0, 0.70); height: 100%; text-align: center; vertical-align: middle; color: #fff; display: none; } .portfolio-detail-masonry .gallery-item-info-data { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; line-height: 28px; padding: 5px; } .portfolio-detail-masonry .gallery-item-info-data h5 { font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-right: -1px; margin-bottom: 22px; } .portfolio-detail-masonry .gallery-item-info-data h6 { font-size: 16px; font-weight: 200; margin-bottom: 22px; } .portfolio-detail-masonry .gallery-item:hover .gallery-item-info { display: block; } .portfolio-detail-masonry .gallery-item:hover .gallery-item-ecommerce-mobile { display: none; } .portfolio-detail-masonry .gallery-item-ecommerce { text-align: center; } .portfolio-detail-masonry .gallery-item-ecommerce-icon { display: inline-block; margin: 13px 8px; background-color: #4e7b88; width: 60px; height: 60px; text-align: center; border-radius: 30px; } .portfolio-detail-masonry .gallery-item-ecommerce-icon svg { width: auto; display: block; } .portfolio-detail-masonry .gallery-item-ecommerce-icon svg * { fill: #fff; } .portfolio-detail-masonry .gallery-item-ecommerce-icon:hover { background-color: #000; } .portfolio-detail-masonry .gallery-item-ecommerce-lens svg { height: 30px; margin: 15px auto; } .portfolio-detail-masonry .gallery-item-ecommerce-cart svg { height: 36px; margin: 12px auto; } .portfolio-detail-masonry .gallery-item-ecommerce-mobile { position: absolute; margin: 10px; padding: 12px; right: 8px; } .portfolio-detail-masonry .gallery-item-ecommerce-mobile svg { height: 100%; margin: 0 auto; } .portfolio-detail-masonry .gallery-item-ecommerce-mobile:hover { background-color: #000; } .portfolio-detail-masonry .gallery-item img { width: 100%; display: block; border: 1px solid #ccc; } .portfolio-detail-masonry .gallery-sizer { width: calc(100% / 3); position: absolute; bottom: 0px; } .portfolio-detail-masonry .gallery-gutter { width: 0px; } .portfolio-detail-masonry .related-block { padding-top: 0px; padding-bottom: 22px; } .portfolio-detail-masonry .related-block .wrapper { width: 100%; } .portfolio-detail-masonry .related-block-content { padding-left: 30px; padding-right: 30px; } @media all and (max-width: 769px) { .portfolio-detail-masonry .related-block-content { padding-left: 15px; padding-right: 15px; } } @media all and (max-width: 1025px) { .portfolio-detail-masonry .gallery-item, .portfolio-detail-masonry .gallery-sizer { width: calc(100% / 2); } } @media screen and (max-width: 500px) { .portfolio-detail-masonry .gallery-item, .portfolio-detail-masonry .gallery-sizer { width: 100%; } } #cookies { background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 11px; line-height: 16px; position: fixed; bottom: 0; left: 0; z-index: 499; width: 100%; } #cookies .wrapper { margin-top: 11px; margin-bottom: 11px; } #cookies .wrapper a { color: #fff; background-color: #4e7b88; display: inline-block; padding: 1px 6px; font-weight: normal; margin-right: 4px; } #cookies .wrapper a:hover { text-decoration: none; background-color: #000; } .tabla-politicas { margin: 5px auto 25px auto; width: 100%; } .tabla-politicas td, .tabla-politicas th { padding: 9px 15px; border: 1px solid #fff; text-align: left; } @media (max-width: 500px) { .tabla-politicas td, .tabla-politicas th { font-size: 11px; padding: 5px 9px; } } @media (max-width: 400px) { .tabla-politicas td, .tabla-politicas th { font-size: 10px; padding: 4px 8px; } } .tabla-politicas tr:first-of-type { font-weight: bold; } .tabla-politicas tr:nth-child(odd) { background-color: #ededed; } .tabla-politicas tr:nth-child(even) { background-color: #e2e2e2; } body.dc-cmp-ui-showing { overflow: hidden; } .dc-cmp-ui-container { background: rgba(33, 41, 52, .85); bottom: 0; display: flex; left: 0; overflow-y: scroll; position: fixed; right: 0; top: 0; z-index: 999999999; box-sizing: content-box; margin: auto; width: 100%; padding-top: 10px; padding-bottom: 10px; } .dc-cmp-ui { background: #fff; border-radius: 2px; box-shadow: 0 1px 3px rgba(33, 41, 52, .75); display: flex; flex-direction: column; max-width: 770px; min-width: 320px !important; overflow: hidden; position: relative; box-sizing: content-box; margin: auto; width: 100%; } .dc-cmp-publisher-logo { display: block; max-height: 90px; max-width: 170px; padding-top: 30px; box-sizing: content-box; margin: auto; width: 100%; } .dc-cmp-ui-content { display: flex; align-self: center; flex-direction: column; margin: auto; max-width: 600px; padding: 16px 30px 30px 30px; box-sizing: border-box; } .dc-cmp-title { color: #212934; font-size: 34px; font-weight: 600; line-height: 38px; text-align: center; } .dc-cmp-main-messaging { padding: 35px 0; color: #141e23; font-size: 14px; font-weight: 100; line-height: 20px; } .dc-cmp-buttons { text-align: center; align-content: center; display: flex !important; flex: 0 1 auto !important; flex-wrap: wrap !important; justify-content: center !important; margin: -7px !important; } .dc-cmp-button { min-width: 200px !important; background-color: #4e7b88; color: #fff; border: 2px solid #efefef; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); flex: 1 0 auto !important; font-size: 13px; font-weight: 600; height: 55px !important; line-height: 34px; margin: 7px; max-width: 300px !important; padding: 0 13px; text-align: center; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-in-out; white-space: nowrap; -webkit-font-smoothing: antialiased; cursor: pointer; } .dc-cmp-button:hover { background-color: #000; } .dc-cmp-button:disabled { opacity: 0.5; cursor: not-allowed; } .dc-cmp-button:disabled:hover { background-color: #8adfe6; color: #4e7b88; } .dc-cmp-button-secondary { color: #333; border-color: #ccc; background-color: #ededed; } .dc-cmp-button-secondary:hover { background-color: #aaa; color: #fff; } .dc-cmp-alt-buttons { display: inline-block; margin: 0 auto !important; padding-bottom: 35px !important; text-align: center; justify-content: center; } .dc-cmp-center-bottom { display: inline; padding: 0 15px; text-decoration: none; } .dc-cmp-alt-action { font-size: 14px; text-align: center; } .dc-cmp-alt-action:hover { color: #8adfe6; text-decoration: none; } .dc-cmp-block-text { display: none; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .dc-cmp-block-abstract { max-height: 250px; overflow-y: auto; margin-bottom: 20px; } .dc-cmp-block-abstract p { padding-bottom: 11px; } .dc-cmp-block-abstract p:last-of-type { padding-bottom: 0px; } .dc-cmp-block-abstract h4 { font-weight: bold; padding-bottom: 4px; } .dc-cmp-block-abstract li { padding-bottom: 11px; padding-left: 15px; } .dc-cmp-block-abstract::-webkit-scrollbar { -webkit-appearance: none; width: 7px; height: 7px; } .dc-cmp-block-abstract::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5); } .dc-cmp-block-bubble { border: 1px solid #ccc; margin-bottom: 20px; border-radius: 2px; margin-top: 16px; position: relative; } .dc-cmp-block-bubble .dc-cmp-block-abstract { margin-left: 20px; margin-right: 20px; margin-top: 20px; } .dc-cmp-block-scroll { cursor: pointer; position: absolute; width: 30px; height: 30px; left: -15px; bottom: -15px; margin-left: 50%; z-index: 3; background-color: #4e7b88; color: #fff; border-radius: 50%; display: block; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08), inset 0 0 0 0 rgba(0, 0, 0, 0.10), inset 0 0 0 0 rgba(255, 255, 255, 0.50); } .dc-cmp-block-scroll:hover { background-color: #000; } .dc-cmp-block-scroll svg { fill: #fff; } .dc-cmp-close-buttons { margin: 0 auto !important; padding-bottom: 25px !important; text-align: center; justify-content: center; } .cta { clear: both; overflow: hidden; text-align: center; background-color: #4e7b88; color: #fff; padding: 52px 0; } .cta .title { text-transform: uppercase; font-family: "Montserrat", Arial, Helvetica, Verdana; font-size: 28px; line-height: 34px; letter-spacing: 1px; font-weight: 400; padding-top: 2px; margin-bottom: 30px; } @media all and (max-width: 769px) { .cta .title { font-size: 18px; } } .cta .btn-wrapper { margin-top: 8px; margin-bottom: 8px; padding-bottom: 0px; } .cta .btn-wrapper .btn--transparent { border-color: #fff; color: #fff; letter-spacing: 1px; } .cta .btn-wrapper .btn--transparent:hover { color: #333; border-color: #333; background-color: transparent; } .form-login p { padding-bottom: 22px; } .form-login input::-webkit-input-placeholder { color: #999; } .form-login input::-moz-placeholder { color: #999; } .form-login input:-ms-input-placeholder { color: #999; } .form-login input::placeholder { color: #999; } #modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, 0.70); display: none; } #modal .modal-times { position: absolute; top: 5px; right: 8px; font-size: 28px; font-weight: bold; color: #999; } #modal .modal-times:hover { text-decoration: none; color: #4e7b88; } #modal .modal-times:before { content: "\00d7"; } #modal .modal-dialog { width: 726px; margin: 30px auto; position: relative; } #modal .modal-dialog .modal-content { position: relative; background-color: #fff; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; } #modal .modal-dialog .modal-content .modal-header { padding: 0 20px; } #modal .modal-dialog .modal-content .modal-body { padding: 7px 20px 25px 20px; } #modal .modal-dialog .modal-content .modal-body .content + .btn-wrapper { margin-bottom: 0px; } #modal .modal-dialog .modal-content .modal-logo { text-align: center; margin: 25px 0px; border-radius: 6px; padding: 10px 5px; } #modal .modal-dialog .modal-content .modal-logo img { max-width: 200px; max-height: 70px; display: block; margin: 0 auto; } #modal .modal-video { width: calc(100% - 20px); max-width: 1238px; margin: 30px auto; position: relative; } #modal .modal-video .modal-times { font-size: 58px; color: #fff; } #modal .modal-video .modal-times:hover { color: #4e7b88; } #modal .modal-video .modal-youtube { width: 100% !important; margin-top: 35px; } @media all and (max-width: 1025px) { #modal .modal-dialog { width: calc(100% - 16px); max-width: 726px; } #modal .modal-dialog .modal-header { padding: 0 10px; } #modal .modal-dialog .modal-body { padding: 10px; } } .content-zp { clear: both; overflow: hidden; padding-bottom: 40px; } .content-zp .special-select { height: 30px; } .content-zp .special-select .selected { background-color: #eee; } .content-zp .special-select .selected span { background-color: #eee; text-transform: none; color: #666; line-height: 30px; padding-left: 12px; padding-right: 0px; width: calc(100% - 32px); } .content-zp .special-select .selected i { height: 5px; width: 8px; background-color: transparent; right: 12px; } .content-zp .special-select .selected i .arrow-down { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #333; margin-top: 13px; } .content-zp-filters { float: left; width: calc(22.5% - 35px); padding-bottom: 20px; } .content-zp-filters .js-filters-show { display: none; } .content-zp-filters-block { padding-bottom: 14px; } .content-zp-filters-block_subtitle { font-family: "Montserrat", Arial, Helvetica, Verdana; text-transform: uppercase; font-size: 16px; border-bottom: 1px solid #333; margin-bottom: 14px; } .content-zp-filters-block + .content-zp-filters-block_subtitle { margin-top: 15px; } .content-zp-filters-block_sort { padding-top: 6px; margin-bottom: 6px; } .content-zp-filters-block_type { font-size: 14px; font-weight: bold; padding-left: 0px; padding-bottom: 4px; } .content-zp-filters-block ul { margin-bottom: 0px; margin-top: 4px; } .content-zp-filters-block ul li { padding-left: 0px; padding-bottom: 0px; } .content-zp-filters-block ul li:before { display: none; } .content-zp-filters-block ul li a { color: inherit; } .content-zp-filters-block ul li a:hover { text-decoration: none; color: #4e7b88; } .content-zp-filters-block ul li + li { margin-top: 6px; } .content-zp-filters-block ul li.active a { color: #4e7b88; } .content-zp-filters-block ul li.active ul { margin: 8px 0px 14px 12px; } .content-zp-filters-block ul li.active ul li { line-height: 18px; } .content-zp-filters-block ul li.active ul li a { color: inherit; font-weight: 400; } .content-zp-filters-block ul li.active ul li a:hover { color: #4e7b88; } .content-zp-filters-block ul li.active ul li.active a { color: #4e7b88; } .content-zp-filters-block + .content-zp-filters-block { border-top: 1px solid #ccc; padding-top: 14px; } .content-zp-page { float: right; width: calc(77.5% - 35px); padding-bottom: 20px; margin-top: -1px; } .content-zp-page:only-child { width: 100% !important; } .content-zp-page .wrapper { width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } .content-zp-icons { clear: both; overflow: hidden; padding: 5px 0 20px 0; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } .content-zp-icons .tap { float: left; width: calc((100% / 4) - 30px); margin: 0 15px 30px 15px; background-color: #4e7b88; border-radius: 8px; padding: 10px; text-align: center; } .content-zp-icons .tap a { color: #fff; } .content-zp-icons .tap a:hover { text-decoration: none; } .content-zp-icons .tap span { display: block; padding-top: 5px; font-size: 13px; } .content-zp-icons .tap svg { display: block; margin: 5px auto; height: 50px !important; width: auto !important; } .content-zp-icons .tap svg * { fill: #fff; } .content-zp-icons .tap:hover { background-color: #666; } .content-zp .table-orders .more { color: #333; font-weight: normal; text-decoration: underline; } .content-zp .table-orders .more:hover { text-decoration: none; } .content-zp .table-orders tr:nth-child(odd) { background-color: #eee; } .content-zp .table-orders tr:first-of-type { background-color: #ccc; } .content-zp .table-orders tr:nth-child(even) { background-color: #fff; } #order-modal .wrapper { width: calc(100% + 30px) !important; margin-left: -15px; } @media all and (max-width: 1025px) { .content-zp-filters { width: calc(22.5% - 10px); } .content-zp-page { width: calc(77.5% - 10px); } .content-zp-icons .tap { width: calc((100% / 2) - 30px); } } @media all and (max-width: 769px) { .content-zp-filters { width: 100%; } .content-zp-filters .js-filters-show { display: block; font-family: "Montserrat", Arial, Helvetica, Verdana; text-transform: uppercase; font-size: 16px; } .content-zp-filters-block { display: none; padding-left: 35px; padding-bottom: 13px; } .content-zp-filters-block_subtitle { display: none; padding-left: 16px; border-bottom: 0px; text-transform: none; padding-top: 9px; margin-bottom: 6px; } .content-zp-filters-block + .content-zp-filters-block_subtitle { margin-top: 0px; padding-top: 0px; } .content-zp-filters-block_title { border: 1px solid #333; padding: 11px 15px 10px 15px; margin-bottom: 4px; cursor: pointer; position: relative; } .content-zp-filters-block_title:after { width: 26px; height: 26px; content: ""; background-image: url(../img/filters.svg); background-size: 100% 100%; position: absolute; top: 9px; right: 15px; } .content-zp-page { width: 100%; } .content-zp-icons { width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; } .content-zp-icons .tap { width: calc((100% / 2) - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } } @media (max-width: 380px) { .content-zp-icons .tap span { font-size: 11px; } } .team-detail { margin-bottom: 40px; position: relative; clear: both; overflow: hidden; } .team-detail .gallery { width: calc(100% - 758px - 50px); clear: both; overflow: hidden; } .team-detail .gallery figure { margin-bottom: 30px; } .team-detail .gallery figure img { width: 100%; } @media all and (max-width: 1251px) { .team-detail .gallery { width: calc(100% - 758px - 30px); } } @media all and (max-width: 1025px) { .team-detail .gallery { width: 100%; min-height: auto !important; } } .team-detail .text { width: 758px; position: absolute !important; top: 0px; right: 0px; will-change: min-height; } .team-detail .text__inner { position: relative; transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; } @media all and (max-width: 1025px) { .team-detail .text { position: static !important; width: 100%; min-height: auto !important; height: auto !important; } .team-detail .text__inner { position: static !important; padding-bottom: 8px; } } .team-detail.no-image .gallery { width: 100%; } .team-detail.no-image .text { position: static !important; width: 100% !important; min-height: auto !important; height: auto !important; } .team-detail-category { margin-bottom: 26px; } .team-detail-category a { font-weight: 500; } .team-detail-category__title { font-family: "Montserrat", Arial, Helvetica, Verdana; font-size: 16px; font-weight: 700; line-height: 26px; color: #333; text-transform: uppercase; } .team-detail-links__social { clear: both; overflow: hidden; padding-top: 6px; padding-bottom: 5px; } .team-detail-links__social a { width: 32px; height: 32px; display: inline-block; background-color: #4e7b88; border-radius: 16px; margin: 0 6px 0 0; } .team-detail-links__social a svg { width: 16px; height: 16px; margin: 8px; } .team-detail-links__social a svg * { fill: #fff; } .team-detail-links__social a:hover { background-color: #000; } .team-detail-masonry .text:only-child { padding-bottom: 26px; } .team-detail-masonry .gallery { clear: both; overflow: hidden; padding-bottom: 20px; padding-top: 10px; width: calc(100% + 16px); margin-left: -8px; margin-right: -8px; } .team-detail-masonry .gallery-item { margin-bottom: 16px; float: left; width: calc(100% / 3); } .team-detail-masonry .gallery-item figure { border: 0 none; padding-right: 8px; padding-left: 8px; } .team-detail-masonry .gallery-item img { width: 100%; display: block; border: 1px solid #ccc; } .team-detail-masonry .gallery-sizer { width: calc(100% / 3); position: absolute; bottom: 0px; } @media all and (max-width: 1025px) { .team-detail-masonry .gallery-sizer { width: calc(100% / 2); } } @media screen and (max-width: 500px) { .team-detail-masonry .gallery-sizer { width: 100%; } } .team-detail-masonry .gallery-gutter { width: 0px; } @media all and (max-width: 1025px) { .team-detail-masonry .gallery-gutter { width: calc(100% / 2); } } @media screen and (max-width: 500px) { .team-detail-masonry .gallery-gutter { width: 100%; } } .floating-content { display: none; background-color: #fff; -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); position: fixed; width: 100%; z-index: 9; padding: 10px 0; left: 0; top: 141px; border-top: 1px solid #ccc; } .floating-content .wrapper { clear: both; overflow: hidden; position: relative; } @media all and (max-width: 769px) { .floating-content { padding-top: 15px; } } .floating-content__ico { float: left; height: 54px; width: 70px; } .floating-content__ico img { height: 100%; } @media all and (max-width: 769px) { .floating-content__ico { display: none; } } .floating-content__text { float: left; width: calc(100% - 260px - 70px); display: table; min-height: 54px; } .floating-content__text--content { width: 100%; display: table-cell; vertical-align: middle; } @media all and (max-width: 769px) { .floating-content__text { width: 100%; float: none; text-align: center; font-size: 12px; line-height: 17px; display: block; min-height: auto; } .floating-content__text--content { display: block; padding: 0 25px; margin-bottom: 15px; } } .floating-content__btn { margin-top: 0px !important; float: right; width: 260px; clear: none; padding-bottom: 0px !important; } .floating-content__btn .btn { float: right; width: 240px; padding-left: 15px; padding-right: 15px; text-align: center; } @media all and (max-width: 769px) { .floating-content__btn { clear: both; float: none; width: 100%; text-align: center; margin-top: 6px !important; } .floating-content__btn .btn { float: none; margin-left: auto; margin-right: auto; font-size: 11px; padding: 5px 10px 6px 10px; } } .floating-content__close { width: 16px; height: 16px; border-radius: 8px; background-color: #4e7b88; text-align: center; display: none; position: absolute; top: 0px; right: 10px; } .floating-content__close a { color: #fff !important; font-weight: normal; font-size: 12px; line-height: 16px; display: inline-block; top: -4px; position: relative; } .floating-content__close a:hover { text-decoration: none; } @media all and (max-width: 769px) { .floating-content__close { display: block; } } .floating-content.scroll { top: 61px; display: block; } .floating-content-bottom { top: auto !important; bottom: 0 !important; border-top: 1px solid #ccc !important; display: block !important; opacity: 1 !important; } @media all and (max-width: 1025px) { .floating-content { top: 61px; } } .floating-content-ecommerce { padding: 8px 0 0 0; clear: both; overflow: hidden; } .floating-content-ecommerce-product { float: left; width: calc(100% - 260px); } .floating-content-ecommerce-product-image { float: left; height: 74px; width: 74px; margin: 0 20px 0 0; position: relative; } .floating-content-ecommerce-product-image img { max-height: 100%; max-width: 100%; padding: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .floating-content-ecommerce-product-info { float: left; width: 290px; margin-right: 10px; } @media all and (max-width: 1251px) { .floating-content-ecommerce-product-info { width: 238px; } } .floating-content-ecommerce-product-title { font-size: 18px; line-height: 27px; text-transform: uppercase; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .floating-content-ecommerce-product-price { font-size: 40px; line-height: 30px; font-weight: 600; padding-top: 8px; padding-bottom: 8px; } .floating-content-ecommerce-product-features { float: left; width: calc(100% - 394px); overflow-x: auto; overflow-y: hidden; height: 78px; position: relative; } @media all and (max-width: 1251px) { .floating-content-ecommerce-product-features { width: calc(100% - 342px); } } .floating-content-ecommerce-product-features .list { white-space: nowrap; } .floating-content-ecommerce-product-features .list .product-feature:first-child { margin-left: 0px; } .floating-content-ecommerce-product .product-feature { display: inline-block; margin-left: 28px; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-top: 2px; } .floating-content-ecommerce-product .product-feature.product-feature-text { display: none; } @media all and (max-width: 1251px) { .floating-content-ecommerce-product .product-feature { margin-left: 16px; } } .floating-content-ecommerce-product .product-feature__title { margin-bottom: 0px; } .floating-content-ecommerce-product .product-feature .special-select { height: 38px; width: 100px; } .floating-content-ecommerce-product .product-feature .special-select .selected { background-color: #eee; } .floating-content-ecommerce-product .product-feature .special-select .selected span { background-color: #eee; text-transform: none; color: #666; line-height: 36px; padding-left: 12px; padding-right: 0px; width: calc(100% - 32px); } .floating-content-ecommerce-product .product-feature .special-select .selected i { height: 5px; width: 8px; background-color: transparent; right: 12px; } .floating-content-ecommerce-product .product-feature .special-select .selected i .arrow-down { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #333; margin-top: 17px; } .floating-content-ecommerce-product .product-feature .color-info, .floating-content-ecommerce-product .product-feature .special-info, .floating-content-ecommerce-product .product-feature .more-info { display: none; } .floating-content-ecommerce-product .product-colors ul { display: none; } .floating-content-ecommerce-btn { margin-top: 8px !important; letter-spacing: 1px; } @media all and (max-width: 1025px) { #floater-product { display: none; } } body:not(.page-index) #floater-booking { display: none; } body:not(.page-index) #floater-booking.scroll { display: block; } #floater-booking.floating-content { display: block; position: absolute; background-color: transparent; border-top: none; bottom: 100px; top: unset; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #floater-booking.floating-content .booking-bar { background-color: #fff !important; } #floater-booking.floating-content.scroll { background-color: #fff; -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); position: fixed; width: 100%; z-index: 9; padding: 10px 0; left: 0; border-top: 1px solid #ccc; top: 60px; bottom: unset; } #floater-booking.floating-content.scroll .booking-bar { max-width: 100%; height: 68px; } #floater-booking.floating-content.scroll .booking-bar label { float: left; margin-right: 30px; line-height: 48px; } @media all and (max-width: 480px) { #floater-booking.floating-content.scroll .booking-bar label { float: none; line-height: unset; } } #floater-booking.floating-content.scroll .booking-bar__item-when { padding: 10px 10px 10px 0; } #floater-booking.floating-content.scroll .booking-bar__item-when .field_when { margin-top: 10px; } #floater-booking.floating-content.scroll .booking-bar__item-when .field_when.field_when__sep { height: 28px; background-position: center; } @media all and (max-width: 1025px) { #floater-booking.floating-content.scroll .booking-bar__item-when .field_when { margin-top: 13px; } } @media all and (max-width: 480px) { #floater-booking.floating-content.scroll .booking-bar__item-when .field_when { margin-top: 0; } } #floater-booking.floating-content.scroll .booking-bar__item-submit { padding: 10px 0 10px 0; } @media all and (max-width: 1025px) { #floater-booking.floating-content.scroll .booking-bar__item-submit { width: 150px; } } @media all and (max-width: 769px) { #floater-booking.floating-content.scroll .booking-bar__item-submit { width: 140px; } } @media all and (max-width: 480px) { #floater-booking.floating-content.scroll .booking-bar__item-submit { width: 65px; } } #floater-booking.floating-content.scroll .booking-bar__item-submit button { width: 200px; } @media all and (max-width: 1025px) { #floater-booking.floating-content.scroll .booking-bar__item-submit button { width: 150px; } } @media all and (max-width: 769px) { #floater-booking.floating-content.scroll .booking-bar__item-submit button { width: 140px; } } @media all and (max-width: 480px) { #floater-booking.floating-content.scroll .booking-bar__item-submit button { width: 65px; } } @media all and (max-width: 1025px) { #floater-booking { display: none; } } #modal #floater-booking { display: block !important; position: static; } #modal #floater-booking .wrapper { width: 100%; padding-left: 0px !important; padding-right: 0px !important; } #modal #floater-booking .booking-bar { height: 76px; } #modal #floater-booking .booking-bar__item-when { padding-left: 0px !important; padding-bottom: 0px !important; } #modal #floater-booking .booking-bar__item-submit { padding-right: 0px !important; padding-bottom: 0px !important; text-align: right; } .text-slideshow .item:not(:first-of-type) { display: none; } .text-slideshow .floating-content__text--content .title { font-weight: 700; font-size: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.3em; } @media all and (max-width: 769px) { .text-slideshow .floating-content__text--content .title { font-size: 20px; } } @media all and (max-width: 480px) { .text-slideshow .floating-content__text--content .title { font-size: 16px; } } .text-slideshow .floating-content__text--content .date { font-weight: normal; font-size: 16px; margin-top: 3px; } @media all and (max-width: 480px) { .text-slideshow .floating-content__text--content .date { font-size: 13px; } } .simple-reservation { padding-bottom: 30px; } .simple-reservation .content-title { border-bottom: none !important; margin-bottom: 0px !important; } .simple-reservation .block { padding: 18px 20px; background-color: #eae9e9; margin-top: 2px; width: 100%; display: table; } @media all and (max-width: 769px) { .simple-reservation .block { display: block; clear: both; overflow: hidden; } } .simple-reservation .block-line { display: table-row; vertical-align: middle; } @media all and (max-width: 769px) { .simple-reservation .block-line { display: block; clear: both; overflow: hidden; } } .simple-reservation .block-line-col { display: table-cell; vertical-align: middle; } @media all and (max-width: 769px) { .simple-reservation .block-line-col { display: block; clear: both; overflow: hidden; } } .simple-reservation .block-line-item { width: calc(100% - 365px); } @media all and (max-width: 769px) { .simple-reservation .block-line-item { width: 100%; } } .simple-reservation .block-line-cart { text-align: right; width: 365px; } @media all and (max-width: 1025px) { .simple-reservation .block-line-cart { text-align: left; width: 100%; padding-top: 11px; } } .simple-reservation .block-line-title { font-weight: bold; font-size: 18px; } .simple-reservation .block-line-price { font-weight: bold; font-size: 25px; padding-left: 20px; width: 160px; text-align: right; float: left; padding-top: 11.5px; } @media all and (max-width: 769px) { .simple-reservation .block-line-price { text-align: left; padding-left: 0px; width: auto; } } .simple-reservation .block-line-quantity { float: left; margin-left: 20px; width: 105px; padding-top: 11.5px; } .simple-reservation .block-line-quantity-button { color: #fff; background-color: #4e7b88; height: 25px; width: 25px; float: left; position: relative; } .simple-reservation .block-line-quantity-button:after { font-family: Arial; content: ""; width: 15px; height: 3px; background-color: #fff; display: block; top: 10px; left: 5px; position: absolute; } .simple-reservation .block-line-quantity-button:hover { background-color: #000; text-decoration: none; } .simple-reservation .block-line-quantity-button.minus { margin-left: 5px; } .simple-reservation .block-line-quantity-button.plus:before { font-family: Arial; content: ""; width: 3px; height: 15px; background-color: #fff; display: block; top: 4px; left: 11px; position: absolute; } .simple-reservation .block-line-quantity-field { margin-left: 5px; text-align: center; height: 25px; line-height: 25px; width: 45px; } .simple-reservation .block-line .btn-wrapper { margin: 0 !important; float: right; clear: none; width: 80px; } @media all and (max-width: 769px) { .simple-reservation .block-line .btn-wrapper { float: left; } } .simple-reservation .block-line .btn-wrapper .btn { text-align: center; padding: 10px; margin-left: 20px; width: calc(100% - 20px); display: block; } .simple-reservation .block-line .btn-wrapper .btn svg { display: block; width: 25px; height: 25px; margin: auto; } .simple-reservation .block-line .btn-wrapper .btn svg * { fill: #fff !important; } .simple-reservation .block.bus { margin-top: 2px; background-color: transparent; border: 1px solid #eae9e9; } .simple-reservation .block.bus .block-line-item { display: flex; column-gap: 30px; width: 100%; align-items: center; } .simple-reservation .block.bus .block-line-item svg { fill: #4e7b88; min-width: 60px; max-width: 60px; } .simple-reservation .block.bus .block-line-item .block-line-text { width: 100%; } .simple-reservation .block.bus .btn-wrapper { width: 140px; } .simple-reservation .block.bus .btn-wrapper .btn { font-weight: bold; padding: 5px 30px; margin-left: 0px; width: 100%; } .simple-reservation .block.bus .block-line-cart { width: 160px; } @media all and (max-width: 1025px) { .simple-reservation .block.bus { display: flex; } .simple-reservation .block.bus .block-line-item { flex-direction: column; justify-content: flex-start; align-items: flex-start; row-gap: 10px; text-align: left; } .simple-reservation .block.bus .btn-wrapper a { margin-left: 0; } } .reserva-info-text { display: table; margin-bottom: 30px; } .reserva-info-text span { display: table-cell; vertical-align: middle; } .reserva-info-text .info-icon { display: inline-block; width: 35px; height: 35px; margin-right: 10px; } .reserva-info-text .info-icon svg { width: 35px !important; height: 35px !important; } .reserva-info-text .info-icon svg * { fill: #4e7b88 !important; stroke-width: 3px !important; } .reserva-calendar-wrapper { position: relative; padding: 30px; margin-top: 35px; margin-bottom: 40px; text-align: center; background: #eae9e9; box-sizing: border-box; } .reserva-calendar-wrapper #datepicker { display: block; box-sizing: border-box; } .reserva-calendar-wrapper .ui-datepicker { width: 100% !important; box-sizing: border-box; /* width:294px; */ display: none; padding: 35px; cursor: default; text-transform: uppercase; font-family: Tahoma; font-size: 12px; background-color: #fff; } .reserva-calendar-wrapper .ui-datepicker tbody td { padding: 0; width: 14.2857%; } .reserva-calendar-wrapper .ui-datepicker tbody td a { border: 1px solid #fff; color: black; text-decoration: none; } .reserva-calendar-wrapper .ui-datepicker tbody td a.ui-state-active { border: 1px solid #4e7b88; color: #4e7b88 !important; background-color: transparent; } .reserva-calendar-wrapper .ui-datepicker tbody td a:hover { background-color: #f8f8f8; } .reserva-calendar-wrapper .ui-datepicker tbody td a, .reserva-calendar-wrapper .ui-datepicker tbody td.ui-state-disabled span { text-align: center; border: 1px solid transparent; } .reserva-calendar-wrapper .ui-datepicker tbody tr:first-of-type td { padding-top: 5px !important; } .reserva-calendar-wrapper .ui-datepicker thead { border-bottom: 1px solid #ccc !important; } .reserva-calendar-wrapper .ui-datepicker thead th { padding-bottom: 0px; text-transform: none; color: #ccc; } .reserva-calendar-wrapper .ui-datepicker-group { width: 50%; box-sizing: border-box; } .reserva-calendar-wrapper .ui-datepicker, .reserva-calendar-wrapper .ui-datepicker table, .reserva-calendar-wrapper .ui-datepicker tr, .reserva-calendar-wrapper .ui-datepicker td, .reserva-calendar-wrapper .ui-datepicker th, .reserva-calendar-wrapper .ui-datepicker td a { margin: 0; border-spacing: 0; } .reserva-calendar-wrapper .ui-state-default, .reserva-calendar-wrapper .ui-widget-content .ui-state-default, .reserva-calendar-wrapper .ui-widget-header .ui-state-default, .reserva-calendar-wrapper .ui-button, .reserva-calendar-wrapper .ui-button.ui-state-disabled:hover, .reserva-calendar-wrapper .ui-button.ui-state-disabled:active { background-color: transparent; } .reserva-calendar-wrapper .reserva-calendar-close-button-wrapper { text-align: center; margin-top: 15px; } .reserva-calendar-wrapper .ui-datepicker-group-last table { float: right; } .reserva-calendar-wrapper .reserva-calendar-arrow-wrapper { display: block; width: calc(100% - 60px); position: absolute; top: -26px; height: 26px; } .reserva-calendar-wrapper .reserva-calendar-arrow-wrapper .top-arrow { margin: 0 auto; width: 0; height: 0; border-right: 26px solid transparent; border-top: 0px solid transparent; border-left: 26px solid transparent; border-bottom: 26px solid #eae9e9; } .reserva-calendar-wrapper .ui-widget-header { border: none; background: transparent; font-weight: bold; } .reserva-calendar-wrapper .ui-datepicker-header { position: relative; padding-bottom: 10px; } .reserva-calendar-wrapper .ui-datepicker-title { text-align: center; } .reserva-calendar-wrapper .ui-datepicker-month { text-transform: none; position: relative; padding-right: 15px; color: #565656; } .reserva-calendar-wrapper .ui-datepicker-year { padding-left: 8px; color: #565656; } @media (max-width: 651px) { .reserva-calendar-wrapper { padding: 20px 10px 10px 10px; } .reserva-calendar-wrapper .ui-datepicker { padding: 10px; } .reserva-calendar-wrapper .ui-datepicker .ui-datepicker-group { display: block; width: 100%; } } .simple-inscripcion { margin: 25px 0; color: #000; } .simple-inscripcion .inscripcion-wrapper { padding: 15px 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05); border: 1px solid #53a537; background-color: #f2f9f0; color: #53a537; display: flex; align-items: center; } .simple-inscripcion .inscripcion-wrapper .inscripcion-logo { width: 70px; height: 50px; margin-right: 25px; background-image: url("../img/alert-whatsapp.svg"); background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; } .simple-inscripcion .inscripcion-wrapper .inscripcion-content { margin-right: 100px; } .simple-inscripcion .inscripcion-wrapper .inscripcion-content .inscripcion-text p { margin: 0; } .simple-inscripcion .inscripcion-wrapper .inscripcion-footer .btn-wrapper-inscripcion { display: inline-block; } .simple-inscripcion .inscripcion-wrapper .inscripcion-footer .btn-wrapper-inscripcion .btn-inscripcion { background-color: #53a537; border: none; color: #fff; padding: 5px 30px; display: inline-block; text-decoration: none; text-transform: uppercase; } @media all and (max-width: 1025px) { .simple-inscripcion .inscripcion-wrapper .inscripcion-content { margin-right: 30px; } .simple-inscripcion .inscripcion-wrapper .inscripcion-logo { width: 150px; } } @media all and (max-width: 769px) { .simple-inscripcion .inscripcion-wrapper { background-color: #53a537; padding: 10px 20px; column-gap: 20px; justify-content: center; } .simple-inscripcion .inscripcion-wrapper .inscripcion-logo { background-image: url("../img/alert-whatsapp-white.svg"); margin: 0; width: 50px; height: 50px; } .simple-inscripcion .inscripcion-wrapper .inscripcion-content { display: none; } .simple-inscripcion .inscripcion-wrapper .inscripcion-footer .btn-wrapper-inscripcion { display: inline-block; } .simple-inscripcion .inscripcion-wrapper .inscripcion-footer .btn-wrapper-inscripcion .btn-inscripcion { padding: 0; font-weight: 400; font-size: 22px; } .simple-inscripcion.version1 .inscripcion-wrapper { border: 1px solid #53a537; background-color: #f2f9f0; flex-direction: column; justify-content: center; row-gap: 15px; padding: 20px; } .simple-inscripcion.version1 .inscripcion-wrapper .inscripcion-logo { width: 70px; height: 60px; background-image: url("../img/alert-whatsapp.svg"); background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; } .simple-inscripcion.version1 .inscripcion-wrapper .inscripcion-content { display: block; margin: 0; text-align: center; } .simple-inscripcion.version1 .inscripcion-wrapper .inscripcion-footer .btn-wrapper-inscripcion { display: inline-block; } .simple-inscripcion.version1 .inscripcion-wrapper .inscripcion-footer .btn-wrapper-inscripcion .btn-inscripcion { background-color: #53a537; border: none; color: #fff; padding: 5px 30px; display: inline-block; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 14px; } } .block-data-wrapper { max-width: 100%; margin-right: auto; margin-left: auto; } .block-data-wrapper .masonry { columns: 2; column-gap: 50px; } @media all and (max-width: 1251px) { .block-data-wrapper .masonry { columns: 2; column-gap: 25px; } } @media all and (max-width: 1025px) { .block-data-wrapper .masonry { columns: 1; column-gap: 0px; } } .block-data { display: inline-block; vertical-align: top; margin-bottom: 50px; width: 100%; } .block-data .note { font-size: 16px; color: red; margin-bottom: 19px; } .block-data p { padding: 0 0 24px 0; margin: -4px 0 0 0; } .block-data p.with-padding { padding-left: 20px; padding-right: 20px; } .block-data ul { padding: 0 20px 14px 20px; margin: -4px 0 0 0; } .block-data ul li { padding: 0 0 10px 44px; position: relative; list-style: none !important; } .block-data ul li:before { content: ""; position: absolute; top: 7px; left: 0px; mask-image: url(../img/arrow-li.svg); mask-repeat: no-repeat; mask-position: 50% 50%; mask-size: 20px, 10px; -webkit-mask-image: url(../img/arrow-li.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; -webkit-mask-size: 20px, 10px; background-color: #4e7b88; width: 20px; height: 10px; } .block-data ul + p { margin-top: 6px; } .block-data ul.no-padding { padding-left: 0; padding-right: 0; } .block-data h4 { display: table; width: 100%; height: 74px; background-color: #4e7b88; color: #fff; text-align: center; font-size: 16px; letter-spacing: 0.5em; margin-right: -0.5em; margin-bottom: 39px; padding: 26px 20px; font-weight: 500; text-transform: uppercase; } .block-data img { border: 1px solid #ccc; width: 100%; } .block-data .data-table { font-size: 18px; width: 100%; margin-bottom: 40px; border-collapse: collapse; } .block-data .data-table tr { border-width: 1px; border-style: solid; border-color: #e7e6e6 !important; } .block-data .data-table tr td { padding: 14px 5px; text-align: center; } .block-data .data-table tr:first-child { background-color: #e7e6e6; border: 1px solid #e7e6e6 !important; margin-bottom: 20px; font-size: 16px; font-weight: 700; } .block-data .data-table tr:first-child td { padding: 14px 5px; } .booking-bar { display: block; background-color: rgba(255, 255, 255, .9); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 98px; max-width: 915px; margin: 0 auto; } @media all and (max-width: 769px) { .booking-bar { height: 76px; } } .booking-bar__item { text-align: left; float: left; } .booking-bar__item label { display: block; clear: both; font-size: 16px; font-weight: 700; color: #000; margin-bottom: 3px; } @media all and (max-width: 769px) { .booking-bar__item label { font-size: 16px; } } @media all and (max-width: 480px) { .booking-bar__item label { font-size: 14px; } } .booking-bar__item-when { display: block; width: calc(100% - 200px); padding: 25px; } @media all and (max-width: 1025px) { .booking-bar__item-when { width: calc(100% - 150px); } } @media all and (max-width: 769px) { .booking-bar__item-when { padding: 15px 0 15px 15px; width: calc(100% - 140px); } } @media all and (max-width: 480px) { .booking-bar__item-when { width: calc(100% - 65px); } } .booking-bar__item-when .field_when { display: inline-block; vertical-align: top; } .booking-bar__item-when .field_when input { display: block; width: 160px; min-width: 160px; background-color: transparent; color: #666; font-size: 22px; cursor: pointer; } @media all and (max-width: 1025px) { .booking-bar__item-when .field_when input { font-size: 18px; } } @media all and (max-width: 769px) { .booking-bar__item-when .field_when input { font-size: 14px; max-width: 105px !important; min-width: auto; } } .booking-bar__item-when .field_when.field_when__sep { margin: 3px 35px 0 0; width: 39px; height: 20px; background: url(../img/arrow-lists.svg) no-repeat; background-size: 39px 20px; } @media all and (max-width: 1025px) { .booking-bar__item-when .field_when.field_when__sep { display: none; } } .booking-bar__item-submit { width: 200px; padding: 25px 25px 25px 0; } .booking-bar__item-submit button { width: 175px; line-height: 48px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #efefef; color: #fff; text-transform: uppercase; font-size: 14px; cursor: pointer; } .booking-bar__item-submit button:hover { background-color: #4e7b88; } .booking-bar__item-submit button .search-icon { width: 26px; height: 26px; } .booking-bar__item-submit button .search-icon svg { fill: #fff; width: 26px; height: 26px; margin-bottom: -7px; } @media all and (max-width: 1025px) { .booking-bar__item-submit button { width: 125px; } } @media all and (max-width: 480px) { .booking-bar__item-submit button { width: 50px; } } @media (min-width: 1025px) { .booking-bar__item-submit .search-icon { display: none; } } @media all and (max-width: 1025px) { .booking-bar__item-submit { width: 150px; } .booking-bar__item-submit .search-text { display: none; } } @media all and (max-width: 769px) { .booking-bar__item-submit { width: 130px; padding: 15px 15px 15px 0; } } @media all and (max-width: 480px) { .booking-bar__item-submit { width: 65px; } } .checkin .subtitle { font-size: 13px; line-height: 18px; padding: 10px 0 0 22px; } .checkin .special-select { max-width: 400px; height: 55px; border: 1px solid #e3e1e1; border-radius: 6px; padding: 6px; } @media all and (max-width: 480px) { .checkin .special-select { max-width: none; } } .checkin .special-select .selected { width: calc(100% - 12px); height: calc(100% - 12px); top: 6px; left: 6px; } .checkin .special-select .selected span { text-transform: none; padding: 0 50px 0 14px; } @media all and (max-width: 480px) { .checkin .special-select .selected span { font-size: 14px; padding: 0 32px 0 8px; } } .checkin .special-select .selected i { background-color: transparent; width: 21px; height: 11px; top: 10px; right: 14px; } @media all and (max-width: 480px) { .checkin .special-select .selected i { right: 6px; } } .checkin .special-select .selected i .arrow-down { margin-top: 0px; border: 0 none; mask-image: url(../img/arrow.svg); mask-repeat: no-repeat; mask-position: 50% 50%; mask-size: 11px, 21px; -webkit-mask-image: url(../img/arrow.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; -webkit-mask-size: 11px, 21px; width: 11px; height: 21px; background-color: #c1c1c1; transform: rotate(90deg); } .checkin-section { position: relative; top: -6px; padding-bottom: 40px; } .checkin-section:last-of-type { padding-bottom: 0px; } .checkin-section .cal { position: absolute; right: 0px; top: 6px; } .checkin-section .cal svg { width: 43px; height: 46px; display: block; } .checkin-section .cal svg * { fill: #4e7b88 !important; } .checkin-section .date { max-width: calc(100% - 55px); padding-bottom: 0px; margin-bottom: -6px; } @media all and (max-width: 480px) { .checkin-section .date { font-size: 14px; line-height: 20px; } } .checkin-section h5 { font-size: 14px; text-transform: uppercase; margin-bottom: 13px; } .checkin-section + .checkin-section { border-top: 1px solid #e0dede; } .checkin-section + .checkin-section h5 { margin-top: 33px; } .checkin-box { border: 1px solid #e0dede; padding: 24px 30px 0px 30px; margin-top: 10px; } .checkin-box + .checkin-box { margin-top: 40px; } .checkin-box h5 { font-size: 22px; line-height: 30px; font-weight: bold; padding: 0 0 21px 0; } .checkin-box.color { border-color: #4e7b88; margin-top: -20px; } .checkin-box.color h5 { color: #4e7b88; } .checkin-box .total { font-size: 22px; padding-top: 8px; margin-bottom: 15px; } .checkin-box .total b, .checkin-box .total strong { color: #4e7b88; } @media (max-width: 540px) { .checkin-box .total { font-size: 20px; margin-bottom: 78px; } } .checkin-box ul { padding-left: 0px !important; padding-right: 0px !important; } .checkin .block-products { clear: both; overflow: hidden; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; padding: 11px 0 9px 0; } .checkin .block-products-item { float: left; width: calc((100% / 3) - 20px); margin: 0 10px 20px 10px; } @media all and (max-width: 1251px) { .checkin .block-products-item { width: calc((100% / 2) - 20px); } } @media all and (max-width: 1025px) { .checkin .block-products-item { width: calc((100% / 3) - 20px); } } @media (max-width: 600px) { .checkin .block-products-item { width: calc((100% / 2) - 20px); } } @media all and (max-width: 480px) { .checkin .block-products-item { width: calc(100% - 20px); float: none; position: relative; min-height: 148px; } } .checkin .block-products-item .foto { border-color: #e0dede; } .checkin .block-products-item .foto img { border: 0 none; } .checkin .block-products-item .foto + .info { position: relative; top: -1px; } @media all and (max-width: 480px) { .checkin .block-products-item .foto { margin: 19px 0px; width: 110px; position: absolute; } } .checkin .block-products-item .info { border: 1px solid #e0dede; padding: 15px 19px 14px 19px; } @media all and (max-width: 480px) { .checkin .block-products-item .info { min-height: 148px; } } .checkin .block-products-item .info .text { font-size: 16px; line-height: 22px; height: 44px; margin-bottom: 20px; } @media all and (max-width: 480px) { .checkin .block-products-item .info .text { height: 52px; padding-left: 109px; } } .checkin .block-products-item .info .text .title { font-weight: 500; } .checkin .block-products-item .info .text .title a { color: inherit; font-weight: inherit; } .checkin .block-products-item .info .text .subtitle { font-weight: 300; } @media all and (max-width: 769px) { .checkin .block-products-item .info .text .subtitle { font-size: 13px; line-height: 18px; } } .checkin .block-products-item .info .data { font-size: 12px; line-height: 14px; clear: both; overflow: hidden; } @media all and (max-width: 480px) { .checkin .block-products-item .info .data { padding-left: 109px; } } .checkin .block-products-item .info .data .price { float: left; } .checkin .block-products-item .info .data .price span { text-transform: uppercase; } .checkin .block-products-item .info .data .price b, .checkin .block-products-item .info .data .price strong { font-size: 26px; line-height: 29px; color: #4e7b88; display: block; padding-top: 2px; } @media all and (max-width: 480px) { .checkin .block-products-item .info .data .price b, .checkin .block-products-item .info .data .price strong { font-size: 21px; } } .checkin .block-products-item .info .data .cart { float: right; } .checkin .block-products-item .info .data .cart .btn { height: 37px; width: 37px; top: 2px; } .checkin .block-products-item .info .data .cart .btn svg { display: block; width: 23px; height: 37px; } .checkin .block-products-item .info .data .cart .btn svg * { fill: #fff !important; } .checkin .obs { font-size: 16px; line-height: 22px; } .checkin ul li .indent { display: inline-block; min-width: 190px; } @media all and (max-width: 769px) { .checkin ul li .indent { min-width: auto; } } .checkin .btn { font-size: 18px; line-height: 48px; height: 48px; float: right; text-align: center; width: 176px; text-transform: uppercase; color: #fff; background-color: #4e7b88; padding: 0 6px; border-radius: 6px; font-weight: 400; position: relative; top: -14px; } .checkin .btn:hover { text-decoration: none; background-color: #000; } @media (max-width: 540px) { .checkin .btn { width: 100%; top: 25px; } } .checkin .btn.research { top: 20px; float: none; display: block; margin-bottom: 20px; } .checkin #checkin-extras-list .action-del { width: 13px; height: 14px; line-height: 14px; position: absolute; right: 0px; top: 4px; } .checkin #checkin-extras-list .action-del svg { display: inline-block; width: 13px; height: 14px; } .checkin #checkin-extras-list .action-del svg * { fill: #4e7b88; } .checkin #checkin-extras-list .action-del:hover svg * { fill: #000; } .checkin #checkin-extras-list li { padding-right: 23px; } .alert + .research { top: 0px !important; } .certificados-items { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; padding: 22px 0 10px 0; /* Menú List */ } @media all and (max-width: 769px) { .certificados-items { padding-top: 12px; } } .certificados-items--item { float: left; width: calc((100% / 4) - 30px); margin-left: 15px; margin-right: 15px; margin-bottom: 36px; text-align: center; } @media all and (max-width: 1025px) { .certificados-items--item { width: calc((100% / 3) - 30px); } } @media all and (max-width: 769px) { .certificados-items--item { width: calc((100% / 2) - 30px); } } .certificados-items--item-text { font-size: 14px; line-height: 22px; } .certificados-items--item figure { border: 0 none; padding-bottom: 24px; } @media all and (max-width: 1025px) { .certificados-items--item figure { padding-bottom: 14px; } } .certificados-items--item figure img { margin: 0 auto; } .menu-list__category-name:first-of-type { margin-top: 40px; } .menu-list, .menu-list * { box-sizing: border-box; } .menu-list { margin: 0 0 50px 0; margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; justify-content: flex-start; /* /end Menu List */ /* Popup */ } .menu-list .menu-item { background-color: #f4f5f5; margin: 15px; width: calc(100% / 2 - 30px); padding: 20px; float: left; } @media all and (max-width: 769px) { .menu-list .menu-item { width: calc(100% - 30px); } } @media all and (max-width: 480px) { .menu-list .menu-item { padding: 12px; margin: 15px 15px -5px 15px; } } .menu-list .menu-item__image { width: 170px; float: left; } .menu-list .menu-item__image img { width: 100%; } @media all and (max-width: 1025px) { .menu-list .menu-item__image { width: 110px; } } @media all and (max-width: 769px) { .menu-list .menu-item__image { width: 170px; } } @media all and (max-width: 480px) { .menu-list .menu-item__image { width: 85px; } } .menu-list .menu-item__info { display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; padding: 2px 0 0 0; min-height: 170px; } @media all and (max-width: 1025px) { .menu-list .menu-item__info { min-height: 110px; } } @media all and (max-width: 769px) { .menu-list .menu-item__info { min-height: 170px; } } @media all and (max-width: 480px) { .menu-list .menu-item__info { min-height: 85px; } } .menu-list .menu-item__info-title { font-size: 18px; line-height: 1.6em; } @media all and (max-width: 1251px) { .menu-list .menu-item__info-title { font-size: 16px; line-height: 21px !important; } } @media all and (max-width: 1025px) { .menu-list .menu-item__info-title { font-size: 14px; line-height: 19px !important; } } @media all and (max-width: 769px) { .menu-list .menu-item__info-title { font-size: 18px; line-height: 1.6 !important; } } @media all and (max-width: 480px) { .menu-list .menu-item__info-title { font-size: 14px; line-height: 19px !important; } } .menu-list .menu-item__info-title a { color: #000; } .menu-list .menu-item__info-desc { font-size: 16px; line-height: 1.5em; margin-top: 4px; } @media all and (max-width: 1251px) { .menu-list .menu-item__info-desc { font-size: 14px; line-height: 19px !important; } } @media all and (max-width: 1025px) { .menu-list .menu-item__info-desc { margin-top: 1px; font-size: 12px; } } @media all and (max-width: 769px) { .menu-list .menu-item__info-desc { font-size: 16px; line-height: 1.5em !important; } } @media all and (max-width: 480px) { .menu-list .menu-item__info-desc { margin-top: 1px; font-size: 12px; } } .menu-list .menu-item__info-price { position: absolute; bottom: 10px; font-size: 20px; font-weight: 700; color: #4e7b88; } @media all and (max-width: 1025px) { .menu-list .menu-item__info-price { font-size: 14px; bottom: 5px; } } @media all and (max-width: 769px) { .menu-list .menu-item__info-price { font-size: 20px; } } @media all and (max-width: 480px) { .menu-list .menu-item__info-price { font-size: 14px; bottom: 0; } } .menu-list .menu-item__info-price a { text-decoration: none; } .menu-list .menu-item__info-price a:hover { color: #000; } .menu-list .menu-item__info-price a:hover svg * { fill: #000; } .menu-list .menu-item__info-price span { color: #999; text-decoration: line-through; margin-left: 10px; float: right; font-weight: normal; } .menu-list .menu-item__info-price svg { margin-right: 15px; display: inline-block; vertical-align: middle; width: 27px; height: 23px; } .menu-list .menu-item__info-price svg * { fill: #4e7b88; } @media all and (max-width: 1025px) { .menu-list .menu-item__info-price svg { width: 24px; height: 20px; } } @media all and (max-width: 769px) { .menu-list .menu-item__info-price svg { width: 27px; height: 23px; } } @media all and (max-width: 480px) { .menu-list .menu-item__info-price svg { display: none; } } .menu-list .menu-item .menu-item__image + .menu-item__info { padding-left: 20px; width: calc(100% - 170px); } @media all and (max-width: 1025px) { .menu-list .menu-item .menu-item__image + .menu-item__info { width: calc(100% - 110px); } } @media all and (max-width: 769px) { .menu-list .menu-item .menu-item__image + .menu-item__info { width: calc(100% - 170px); } } @media all and (max-width: 480px) { .menu-list .menu-item .menu-item__image + .menu-item__info { width: calc(100% - 85px); } } .modal-dialog.delivery-popup { padding: 0; width: 500px !important; } @media (max-width: 500px) { .modal-dialog.delivery-popup { /* padding: 10px; */ width: 100% !important; } } .modal-dialog.delivery-popup .modal-body { padding: 0 !important; } .popup-checkout, .popup-checkout * { box-sizing: border-box; } .popup-checkout { display: block; position: relative; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background-color: #fff; width: 500px; padding: 30px; font-size: 16px; line-height: 24px; } @media (max-width: 500px) { .popup-checkout { width: 100%; padding: 10px; font-size: 14px; line-height: 20px; } } .popup-checkout__image { margin-bottom: 17px; } @media (max-width: 500px) { .popup-checkout__image { margin-bottom: 12px; } } .popup-checkout__image img { width: 100%; } .popup-checkout__header { position: relative; } .popup-checkout__header-title { display: none; } @media (max-width: 500px) { .popup-checkout__header-title { display: block; font-size: 18px; line-height: 22px; font-weight: 700; margin-bottom: 15px; padding-right: 30px; } } .popup-checkout__title { font-size: 22px; line-height: 26px; font-weight: 700; margin-bottom: 10px; } @media (max-width: 500px) { .popup-checkout__title { display: none; } } .popup-checkout__desc { padding-bottom: 11px; } .popup-checkout__desc .modifier-group__description { margin-bottom: 1.4em; } .popup-checkout__desc * { font-size: 11px; line-height: 16px; } .popup-checkout__desc p { padding: 8px 0; } .popup-checkout__extras { margin-top: 22px; } @media (max-width: 500px) { .popup-checkout__extras { margin-top: 20px; } } .popup-checkout__extras-title { font-size: 16px; line-height: 1.6em; font-weight: 700; margin-bottom: 12px; } @media (max-width: 500px) { .popup-checkout__extras-title { font-size: inherit; line-height: inherit; } } .popup-checkout__extras-item { border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #ccc; padding: 14px 16px; margin-bottom: 10px; } @media (max-width: 500px) { .popup-checkout__extras-item { padding: 10px 16px; } } .popup-checkout__extras-item input { display: inline-block; } .popup-checkout__extras-item input + span { margin-left: 5px; vertical-align: middle; } .popup-checkout__extras-item-price { color: #999; float: right; } .popup-checkout__quantity { background-color: #f4f5f5; padding: 18px 30px; } @media (max-width: 500px) { .popup-checkout__quantity { padding: 10px 23px; } } .popup-checkout__quantity a { text-decoration: none; display: inline-block; width: 24px; height: 23px; vertical-align: bottom; margin-bottom: 2px; } .popup-checkout__quantity a svg { width: 24px; height: 23px; } .popup-checkout__quantity a svg * { fill: #4e7b88; } .popup-checkout__quantity a:hover svg * { fill: #000; } .popup-checkout__quantity-number { display: inline-block; width: calc(100% - 57px); text-align: center; font-size: 24px; font-weight: 700; } @media all and (max-width: 769px) { .popup-checkout__quantity-number { font-size: 20px; } } .popup-checkout__actions { margin-top: 10px; display: flex; justify-content: space-between; } @media (max-width: 500px) { .popup-checkout__actions { margin-top: 20px; } } .popup-checkout__actions form { width: 100%; display: block; } .popup-checkout__actions-checkout, .popup-checkout__actions-cancel { padding: 16px 30px; border: none; color: #fff; display: inline-block; font-weight: 700; height: 57px; } @media (max-width: 500px) { .popup-checkout__actions-checkout, .popup-checkout__actions-cancel { padding: 11px 23px; height: 43px; } } .popup-checkout__actions-checkout:hover, .popup-checkout__actions-cancel:hover { text-decoration: none; background-color: #000; } .popup-checkout__actions-checkout { background-color: #4e7b88; color: #fff; width: 60%; text-align: left; text-transform: uppercase; } .popup-checkout__actions-checkout .text { vertical-align: bottom; } .popup-checkout__actions-checkout .normal svg { width: 27px; vertical-align: middle; margin-right: 27px; } @media (max-width: 500px) { .popup-checkout__actions-checkout .normal svg { width: 24px; height: 20px; } } @media (max-width: 360px) { .popup-checkout__actions-checkout .normal svg { margin-right: 17px; } } .popup-checkout__actions-checkout .delete { text-align: center; display: block; } .popup-checkout__actions-checkout .delete svg { height: 23px; vertical-align: middle; margin-right: auto; margin-left: auto; } @media (max-width: 500px) { .popup-checkout__actions-checkout .delete svg { height: 20px; } } .popup-checkout__actions-checkout svg * { fill: #fff; } .popup-checkout__actions-cancel { width: calc(40% - 5px); text-align: center; background-color: #999; } .close-button { display: none; position: absolute; right: 0; top: -20px; width: 14px; height: 14px; opacity: 1; /* /end Popup */ } @media (max-width: 500px) { .close-button { top: 4px; display: inherit; } } .close-button:hover:before, .close-button:hover:after { background-color: #000; } .close-button:before, .close-button:after { position: absolute; right: 5px; content: ' '; height: 14px; width: 2px; background-color: #4e7b88; } .close-button:before { transform: rotate(45deg); } .close-button:after { transform: rotate(-45deg); } .cut-text { /* Fallback for non-webkit */ display: block; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .ecommerce-list-no-image .popup-checkout__image { display: none !important; } .col-cat { display: none; clear: both; width: 318px; float: left; } .ecommerce-list__column { /* width: calc(100% - 318px); */ float: left; width: 100%; } .ecommerce-items-list, .ecommerce-items-list * { box-sizing: border-box; } .ecommerce-items-list { margin: 0 -8px 50px -8px; display: flex; flex-wrap: wrap; justify-content: flex-start; clear: both; overflow: hidden; } .ecommerce-list-title { font-size: 24px !important; text-transform: uppercase; line-height: 1.4em; margin-bottom: 25px; } .ecommerce-item { position: relative; float: left; width: calc(100% / 4 - 16px); min-height: 100px; margin: 8px; border: 1px solid #cdcdcd; padding: 14px 14px 85px 14px; } .ecommerce-item__withmoreinfo { padding-bottom: 120px; } .ecommerce-item .ecommerce-item__moreinfo { position: absolute; bottom: 69px; width: calc(100% - 28px); } .ecommerce-item .ecommerce-item__moreinfo .options-footer a { border: 0 none; padding: 0; margin: 0; } .ecommerce-item .ecommerce-item__moreinfo .options-footer a:hover { background: none; color: inherit; } .ecommerce-items-list.cols-5 .ecommerce-item { width: calc(100% / 5 - 16px); } .ecommerce-item img { width: 100%; } .ecommerce-item__image { margin-bottom: 10px; } .ecommerce-item__title { font-size: 18px; line-height: 1.4em; font-weight: 700; } .ecommerce-item__title a { color: inherit; } .ecommerce-item__origin { font-size: 12px; line-height: 20px; } .ecommerce-item__price { display: inline-block; font-size: 20px; font-weight: 700; color: #4e7b88; margin-top: 13px; margin-bottom: 3px; } .ecommerce-item__price span { color: #999; text-decoration: line-through; margin-left: 10px; float: right; font-weight: normal; } .ecommerce-item__desc { font-size: 12px; margin-bottom: -3px; } .ecommerce-item__price-kg { font-size: 12px; } .ecommerce-item__button { position: absolute; bottom: 14px; width: calc(100% - 28px); margin-top: 30px; } .ecommerce-item__button a { display: block; background-color: #4e7b88; color: #fff; line-height: 40px; text-align: center; font-size: 16px; font-weight: 700; padding: 0 10px; } .ecommerce-item__button a:hover { text-decoration: none; background-color: #000; } .ecommerce-item__quantity { position: absolute; bottom: 14px; width: calc(100% - 28px); clear: both; overflow: hidden; margin-top: 30px; border: 1px solid #4e7b88; height: 40px; } .ecommerce-item__quantity-minus, .ecommerce-item__quantity-plus { position: relative; display: block; width: 39px; height: 38px; float: left; } .ecommerce-item__quantity svg { position: absolute; display: block; top: 12px; left: 13px; width: 13px; height: 13px; } .ecommerce-item__quantity svg * { fill: #fff; } .ecommerce-item__quantity a { display: block; width: 100%; height: 100%; } .ecommerce-item__quantity a:hover { background-color: #000 !important; } .ecommerce-item__quantity-minus { background-color: #4e7b88; border-right: 1px solid #4e7b88; } .ecommerce-item__quantity-minus a { background-color: rgba(255, 255, 255, 0.5); } .ecommerce-item__quantity-qty { display: block; width: calc(100% - 78px); font-size: 16px; line-height: 38px; font-weight: 700; float: left; text-align: center; } .ecommerce-item__quantity-nostock { width: 100%; color: #666; } .ecommerce-item__quantity-plus { border-left: 1px solid #4e7b88; background-color: #4e7b88; /* Flotante Producto añadido */ } .ecommerce-item__quantity-plus a { background-color: rgba(0, 0, 0, 0.3); } .add-cart-layover-wrapper { position: fixed; top: -300px; width: 100%; z-index: 1000; opacity: 0; } .add-cart-layover-wrapper .wrapper { position: relative; } .add-cart-layover { display: block; border-top: 4px solid #4e7b88; margin-top: -4px; justify-content: space-between; position: absolute; z-index: 1000; right: 0; width: 360px; max-width: 360px; height: 123px; background-color: #fff; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.40); } @media (max-width: 770px) { .add-cart-layover { margin-right: 10px; } } .add-cart-layover > div { display: flex; align-items: center; height: 100%; } .add-cart-layover__col-left { width: calc(100% - 110px); padding: 12px; } .add-cart-layover__col-right { height: 100%; width: 110px; } .add-cart-layover .add-cart-layover__message { font-size: 14px; font-weight: 700; color: #093; } .add-cart-layover .add-cart-layover__message-icon svg { width: 28px; height: 28px; vertical-align: middle; margin-right: 4px; } .add-cart-layover .add-cart-layover__message-icon svg * { fill: #093; } .add-cart-layover .add-cart-layover__product { margin-top: 7px; margin-left: 37px; } .add-cart-layover .add-cart-layover__product-title { color: #333; font-size: 14px; line-height: 1.2em; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .add-cart-layover .add-cart-layover__product-desc { font-size: 12px; line-height: 1.4em; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .add-cart-layover .add-cart-layover__icon svg { width: 22px; height: 29px; } .add-cart-layover .add-cart-layover__checkout { display: table-cell; width: 110px; height: 119px; vertical-align: middle; text-align: center; text-decoration: none; background-color: #e6e7e8; } .add-cart-layover .add-cart-layover__checkout:hover { background-color: #d5d6d7; } .add-cart-layover .add-cart-layover__see-cart { font-size: 14px; font-weight: 700; margin-top: 1px; color: #000 !important; } @media all and (max-width: 1251px) { .ecommerce-item { width: calc(100% / 3 - 16px); } .ecommerce-items-list.cols-5 .ecommerce-item { width: calc(100% / 4 - 16px); } } @media all and (max-width: 1025px) { .ecommerce-item { width: calc(100% / 2 - 16px); } .ecommerce-items-list.cols-5 .ecommerce-item { width: calc(100% / 3 - 16px); } } @media (max-width: 660px) { .ecommerce-items-list.cols-5 .ecommerce-item { width: calc(100% / 2 - 16px); } } @media (max-width: 460px) { .ecommerce-item { width: calc(100% - 16px); padding: 0 0 20px 0; border-width: 0 0 1px 0; margin-top: 14px; margin-bottom: 0; } .ecommerce-item__image { float: left; width: 41%; } .ecommerce-item__info { float: right; width: calc(100% - 41% - 15px) !important; width: auto; } .ecommerce-item__button, .ecommerce-item__quantity { position: relative; width: 100%; bottom: 0; margin-top: 22px; } .ecommerce-items-list.cols-5 .ecommerce-item { width: calc(100% - 16px); } } @media (max-width: 360px) { .add-cart-layover { width: 100%; left: unset; margin-left: unset; margin-top: 0; margin-right: unset; } .ecommerce-item { width: calc(100% - 16px); } .ecommerce-items-list.cols-5 .ecommerce-item { width: calc(100% - 16px); } } .ecommerce-list-no-image .popup-checkout__image { display: none !important; } .ecommerce-menu-list__category-name { font-size: 22px !important; line-height: 1.5 !important; padding-bottom: 15px; } .ecommerce-menu-list__category-name:first-of-type { margin-top: 40px; } .ecommerce-menu-list__category-name + .ecommerce-menu-list--no-image { padding-top: 23px; border-top: 1px solid #ccc; } .ecommerce-menu-list { clear: both; overflow: hidden; display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding-bottom: 30px; } .ecommerce-menu-list__item { position: relative; width: calc(100% / 3 - 30px); margin: 0 15px 30px 15px; background-color: #f4f5f5; padding: 15px 15px 92px 15px; } .ecommerce-menu-list__item figure { display: block; margin-bottom: 23px; } .ecommerce-menu-list__item figure img { width: 100%; } .ecommerce-menu-list__item-title { font-family: "Montserrat", Arial, Helvetica, Verdana; letter-spacing: 1px; color: #333; font-size: 18px; line-height: 1.6; font-weight: 700; } .ecommerce-menu-list__item-desc { font-size: 16px; line-height: 1.5; margin-top: 4px; } .ecommerce-menu-list__item-desc p { margin-bottom: unset; } .ecommerce-menu-list__item-price { position: absolute; bottom: 30px; margin-top: 23px; color: #4e7b88; font-size: 20px; line-height: 1.5; } .ecommerce-menu-list__item-price span { margin-right: 20px; display: inline-block; text-decoration: line-through; color: #c00; } .ecommerce-menu-list--no-image { width: calc(100% + 50px) !important; margin-left: -25px !important; margin-right: -25px !important; } .ecommerce-menu-list--no-image .ecommerce-menu-list__item { width: calc(100% / 2 - 50px); background-color: unset; padding: 0 0 17px 0; margin: 0 25px 22px 25px; border-bottom: 1px solid #b3b2b2; } .ecommerce-menu-list--no-image .ecommerce-menu-list__item .ecommerce-menu-list__item-info { width: calc(100% - 120px); float: left; } .ecommerce-menu-list--no-image .ecommerce-menu-list__item .ecommerce-menu-list__item-info:only-child { width: 100%; } .ecommerce-menu-list--no-image .ecommerce-menu-list__item .ecommerce-menu-list__item-price { position: relative; width: 120px; margin-top: unset; bottom: unset; float: right; text-align: right; } .ecommerce-menu-list--no-image .ecommerce-menu-list__item .ecommerce-menu-list__item-price span { margin-right: 0; display: block; } @media all and (max-width: 1251px) { .ecommerce-menu-list__category-name { font-size: 16px !important; } .ecommerce-menu-list__item-title { font-size: 16px; line-height: 21px !important; } .ecommerce-menu-list__item-desc { font-size: 16px !important; line-height: 1.5; margin-top: 4px; } .ecommerce-menu-list__item-price { margin-top: -2px !important; } } @media all and (max-width: 1025px) { .ecommerce-menu-list__item { width: calc(100% / 2 - 30px); padding-bottom: 92px; } } @media all and (max-width: 769px) { .ecommerce-menu-list__category-name + .ecommerce-menu-list--no-image { padding-top: 10px; } .ecommerce-menu-list__item { width: calc(100% - 30px); padding-bottom: 15px; margin: 0 15px 15px 15px; } .ecommerce-menu-list__item-title { margin-top: 5px; } .ecommerce-menu-list__item figure { width: 170px; float: left; margin-bottom: 0; } .ecommerce-menu-list__item-info { width: calc(100% - 170px - 15px); float: right; } .ecommerce-menu-list__item-price { font-size: 20px; margin-left: calc(170px + 15px); bottom: unset; position: relative; top: 15px; /* bottom: 11px; */ margin-bottom: 15px; } .ecommerce-menu-list--no-image .ecommerce-menu-list__item { width: calc(100% - 50px); padding-bottom: 10px; margin-bottom: 10px; } .ecommerce-menu-list--no-image .ecommerce-menu-list__item-info { width: calc(100% - 100px) !important; } .ecommerce-menu-list--no-image .ecommerce-menu-list__item-price { width: 100px !important; margin-left: unset; top: 0; margin-top: unset; margin-bottom: unset; } } @media all and (max-width: 480px) { .ecommerce-menu-list__category-name { font-size: 14px !important; } .ecommerce-menu-list { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } .ecommerce-menu-list__item { width: 100%; margin-right: 0px; /* padding-bottom: 30px; Posar si es treu la programaci� javascript que controla l'altura*/ margin-left: 0px; padding: 12px 12px 15px 12px; margin: 0px 15px 15px 15px; } .ecommerce-menu-list__item figure { width: 85px; } .ecommerce-menu-list__item-info { width: calc(100% - 85px - 15px); float: right; } .ecommerce-menu-list__item-title { margin-top: 0; font-size: 14px; line-height: 19px !important; height: auto !important; } .ecommerce-menu-list__item-desc { margin-top: 1px; font-size: 12px !important; } .ecommerce-menu-list__item-price { font-size: 14px; margin-left: calc(85px + 15px); bottom: 12px; } .ecommerce-menu-list--no-image { padding-bottom: 15px; } .ecommerce-menu-list--no-image .ecommerce-menu-list__item { width: calc(100% - 50px); } .ecommerce-menu-list--no-image .ecommerce-menu-list__item-info { width: calc(100% - 75px) !important; } .ecommerce-menu-list--no-image .ecommerce-menu-list__item-price { width: 75px !important; margin-left: unset; } } .popup-form-opinion .section-title { color: #4e7b88; font-weight: 700; margin-bottom: 0px; } .popup-form-opinion .text-content { text-align: center; margin-bottom: 25px; } .form-opinion { max-width: 400px; } .form-opinion input[type=submit] { width: auto; } .form-opinion fieldset { margin-bottom: 10px; } .form-opinion .valoracion-block { margin-top: 20px; margin-bottom: 30px; } .form-opinion .form-opinion__button { margin-top: 30px; /* Rating styles */ } .form-opinion .opinion-item__stars { display: inline-block; overflow: hidden; direction: rtl; margin-top: 15px; } .form-opinion .opinion-item__stars .star { -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; text-decoration: none; } .form-opinion .opinion-item__stars .star:hover, .form-opinion .opinion-item__stars .star:hover ~ .star, .form-opinion .opinion-item__stars .star:focus, .form-opinion .opinion-item__stars .star:focus ~ .star { fill: #4e7b88; cursor: pointer; } .form-opinion .opinion-item__stars .star:hover svg *, .form-opinion .opinion-item__stars .star:hover ~ .star svg *, .form-opinion .opinion-item__stars .star:focus svg *, .form-opinion .opinion-item__stars .star:focus ~ .star svg * { cursor: pointer; fill: #4e7b88; } .form-opinion .opinion-item__stars .star.active { fill: #4e7b88; } .under18-wrapper { display: table; position: fixed; width: 100%; height: 100%; top: 0; z-index: 99999; background-color: #752f69; color: #fff; padding: 40px 100px 40px 100px; } @media all and (max-width: 1025px) { .under18-wrapper { padding-left: 20px; } } @media all and (max-width: 480px) { .under18-wrapper { padding-left: 10px; } } .under18-wrapper .under18__row { display: table-row; } .under18-wrapper .under18__cell { display: table-cell; vertical-align: middle; } .under18-wrapper .under18__logo img { max-height: 110px; } @media all and (max-width: 1025px) { } @media all and (max-width: 1025px) and (orientation: landscape) { .under18-wrapper .under18__logo img { height: 50px; min-height: 50px; } } .under18-wrapper .under18__ask { font-size: 32px; line-height: 1.406; font-weight: 400; text-transform: uppercase; } @media all and (max-width: 1025px) { } @media all and (max-width: 1025px) and (orientation: landscape) { .under18-wrapper .under18__ask { font-size: 20px; } } @media all and (max-width: 480px) { .under18-wrapper .under18__ask { font-size: 20px; } } .under18-wrapper .under18__actions { display: block; clear: both; margin-top: 77px; } @media all and (max-width: 1025px) { } @media all and (max-width: 1025px) and (orientation: landscape) { .under18-wrapper .under18__actions { margin-top: 35px; } } .under18-wrapper .under18__actions a { display: inline-block; width: 85px; height: 85px; line-height: 85px; color: #752f69; background-color: #fff; border-radius: 5px; margin-right: 11px; text-align: center; font-size: 32px; font-weight: 700; text-transform: uppercase; text-decoration: none; } @media all and (max-width: 1025px) { } @media all and (max-width: 1025px) and (orientation: landscape) { .under18-wrapper .under18__actions a { font-size: 20px; width: 50px; height: 50px; line-height: 50px; } } @media all and (max-width: 480px) { .under18-wrapper .under18__actions a { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } } .under18-wrapper .under18__actions a:hover { background-color: #000; color: #fff; } .under18-wrapper figure { border: none; } .under18-wrapper figure img { margin-bottom: 45px; } .under18-wrapper a { color: #000; } .classic-pagination-wrapper { clear: both; overflow: hidden; } .classic-pagination { margin: 35px 0; text-align: center; } .classic-pagination__page { display: inline-block; width: 55px; height: 55px; line-height: 55px; color: #4e7b88; text-align: center; font-size: 16px; font-weight: normal; border: 1px solid #4e7b88; } .classic-pagination__page--prev, .classic-pagination__page--next { width: auto !important; padding: 0 20px; } .classic-pagination__page:hover, .classic-pagination__page--active { background-color: #4e7b88; color: #fff; text-decoration: none; } @media (max-width: 580px) { .classic-pagination__page { font-size: 13px; line-height: 40px; height: 40px; width: 40px; } .classic-pagination__page--prev, .classic-pagination__page--next { padding: 0 10px; } } @media (max-width: 420px) { .classic-pagination__page { font-size: 11px; line-height: 30px; height: 30px; width: 30px; } .classic-pagination__page--prev, .classic-pagination__page--next { padding: 0 8px; } } .seo { /* Secciones de contenido */ } .seo .ecommerce-list { /* Products */ } .seo .ecommerce-list .ecommerce-list_title { letter-spacing: 0; text-align: left; text-transform: unset !important; font-size: 28px; line-height: 1.2; color: #333; font-weight: 400; padding-bottom: 0.6em; } .seo .ecommerce-list p { font-size: 16px; line-height: 1.625; } @media all and (max-width: 769px) { .seo .ecommerce-list p { font-size: 14px; } } .seo .ecommerce-list_items { margin-top: 32px; } .seo .ecommerce-list_items .item { margin-bottom: 30px; } .seo .ecommerce-list_items figure { padding: 5px; } .seo .ecommerce-list_items figure img { max-width: 100%; max-height: 100%; } .seo .ecommerce-list_items .item-info { padding-top: 13px !important; } .seo .ecommerce-list_items .item-info .item-title { font-size: 22px; line-height: 1.4; } @media all and (max-width: 769px) { .seo .ecommerce-list_items .item-info .item-title { font-size: 18px; } } .seo .ecommerce-list_items .item-info .item-price { margin-top: 5px; font-size: 22px; line-height: 1.455; } @media all and (max-width: 769px) { .seo .ecommerce-list_items .item-info .item-price { font-size: 18px; } } .content-section { display: block; clear: both; padding: 40px 0; } @media all and (max-width: 769px) { .content-section { padding: 20px 0; } } .content-section.ecommerce-list_desc { padding: 14px 0 0 0 !important; } .content-section.ecommerce-list_desc:after { margin-top: 0px; } .content-section p, .content-section ul, .content-section li { font-size: 16px; line-height: 1.625; color: #666; } @media all and (max-width: 769px) { .content-section p, .content-section ul, .content-section li { font-size: 14px; } } .content-section ul li { padding-bottom: 6px; padding-left: 20px; position: relative; } .content-section ul li:before { content: ""; position: absolute; width: 8px; height: 8px; left: 0px; top: 7px; background-color: #4e7b88; } .content-section ul li h2, .content-section ul li h3, .content-section ul li h4, .content-section ul li h5 { padding-bottom: 0px; } .content-section__main-title, .content-section__title, .content-section h2, .content-section h3 { font-family: "Montserrat", Arial, Helvetica, Verdana !important; } .content-section__main-title { padding-top: 0; font-size: 36px; line-height: 1.5; color: #4e7b88; } @media all and (max-width: 769px) { .content-section__main-title { font-size: 28px !important; } } .content-section__title, .content-section h2 { font-size: 28px; line-height: 1.3; padding-bottom: 1em; font-weight: 400; } @media all and (max-width: 769px) { .content-section__title, .content-section h2 { font-size: 22px; } } .content-section__subtitle, .content-section h3 { font-size: 16px; line-height: 1.3; padding-bottom: 1em; font-weight: 400; } @media all and (max-width: 769px) { .content-section__subtitle, .content-section h3 { font-size: 20px; } } .content-section ul + h2, .content-section p + h2, .content-section ul + h3, .content-section p + h3 { padding-top: 1em; } .content-section.intro { text-align: center; padding-top: 70px; padding-bottom: 53px; } .content-section.intro .content-section__main-title { font-size: 33px; padding-bottom: 0.8em; } .content-section.intro .content-section__title { padding-bottom: 0.5em; } @media all and (max-width: 1025px) { .content-section.intro { padding: 20px 0 30px 0 !important; } } .content-section p + p, .content-section p + ul, .content-section ul + ul, .content-section ul + p { margin-top: 1.8em; } .content-section--dark { background-color: #efefef; } .content-section--light + .content-section--light { border-top: 1px solid #ccc; } .catalogo-section .btn-wrapper { text-align: center; margin-top: 0px; padding-top: 6px; padding-bottom: 24px; /* Marcas */ } @media all and (max-width: 769px) { .catalogo-section .btn-wrapper { padding-bottom: 40px; } } .brands-section { padding-bottom: 30px; } @media all and (max-width: 769px) { .brands-section { padding-bottom: 10px; } } .brands-section .content-section__title { padding-bottom: 0.6em; } .brands-section .brands-section__list { display: flex; flex-wrap: wrap; margin-top: 50px; margin-left: -8px; margin-right: -8px; } .brands-section .brands-section__list .brand-item { margin: 0 8px 40px 8px; width: calc(100% / 5 - 16px); } @media all and (max-width: 1025px) { .brands-section .brands-section__list .brand-item { width: calc(100% / 4 - 16px); } } @media all and (max-width: 769px) { .brands-section .brands-section__list .brand-item { width: calc(100% / 3 - 16px); } } @media (max-width: 600px) { .brands-section .brands-section__list .brand-item { width: calc(100% / 2 - 16px); } } .brands-section .brands-section__list .brand-item figure { display: flex; align-items: center; margin-bottom: 22px; background-color: #fff; height: 180px; } .brands-section .brands-section__list .brand-item figure img { margin: 0 auto; max-width: 100%; max-height: 100%; } .brands-section .brands-section__list .brand-item__title { font-size: 22px; line-height: 1.5; font-weight: bold; } .brands-section .brands-section__list .brand-item__title a { color: inherit; } @media all and (max-width: 1025px) { .brands-section .brands-section__list .brand-item__title { font-size: 18px; } } .brands-section2 { /* Enlaces Relacionados */ } .brands-section2 figure { padding: 10px; } .brands-section2 .brand-item__title { text-align: center; } .related-search-section { /* New Home */ } .related-search-section .related-search__links { display: flex; flex-wrap: wrap; } .related-search-section .related-search__links .related-search__item { color: #666; font-size: 16px; line-height: 26px; font-weight: 400; padding: 0.7em 1.5em 0.7em 1.5em; border: 1px solid #ccc; border-radius: 50px; margin-bottom: 18px; margin-right: 18px; } .related-search-section .related-search__links .related-search__item .related-search__arrow { display: inline-block; height: 15px; margin-left: 11px; } .related-search-section .related-search__links .related-search__item .related-search__arrow svg { height: inherit; width: auto; margin-bottom: -2px; } .related-search-section .related-search__links .related-search__item .related-search__arrow svg * { fill: #666; } .categories-section, .consejos-section { padding-bottom: 20px; } @media all and (max-width: 769px) { .categories-section, .consejos-section { padding-bottom: 0px; } } .featured-block + .categories-section, .slider-block + .categories-section { padding-top: 40px; } .categories-section__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); column-gap: 15px; row-gap: 20px; } .categories-section__list .category-item { padding-bottom: 34px; } .category-item figure { margin-bottom: 22px; } .category-item figure img { width: 100%; height: auto; } .category-item__title { color: #333; font-size: 22px; line-height: 1.5; font-weight: 700; padding-bottom: 0.5em; } .category-item__title a { color: inherit; } @media all and (max-width: 1025px) { .category-item__title { font-size: 18px; } } .category-item__abstract { font-size: 16px; line-height: 1.5; color: #666; } .category-item__abstract p { font-size: inherit; line-height: inherit; } @media all and (max-width: 769px) { .category-item__abstract p { font-size: 14px; } } .catalogo-section { padding-bottom: 10px; } @media all and (max-width: 769px) { .catalogo-section { padding-bottom: 0; } } .catalogo-section .categories-section__list { margin-top: 52px; margin-left: -8px; margin-right: -8px; grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); column-gap: 0; row-gap: 0; } .catalogo-section .categories-section__list .category-item { margin: 0 8px; align-self: flex-end; height: 100%; display: flex; flex-wrap: wrap; } @media (max-widh: 473px) { .catalogo-section .categories-section__list .category-item { flex-direction: column; } } .catalogo-section .categories-section__list .category-item__desc { align-self: flex-start; width: 100%; } .catalogo-section .categories-section__list .category-item__abstract { align-self: flex-end; } @media (max-widh: 473px) { .catalogo-section .categories-section__list .category-item__abstract { align-self: flex-start; } } .consejos-section { padding-top: 52px; } .consejos-section .categories-section__list { margin-top: 18px; } .seo .featured-block__column-title { font-size: 22px; line-height: 1.2; font-weight: 700; text-transform: unset; } .seo .featured-block__column-text { font-size: 16px; line-height: 1.5; } .home-slider .h2.seo { font-size: 30px; text-transform: none; line-height: 36px; } .bloque-final-seo-content { clear: both; } .bloque-final-seo { padding: 60px 0 40px 0; background-color: #eee; } .bloque-final-seo h2, .bloque-final-seo h3, .bloque-final-seo h4 { font-weight: 700; font-size: 18px; letter-spacing: 0; line-height: 28px; padding: 0 0 20px 0; margin: 0; } .bloque-final-seo h2 { font-size: 24px; } .bloque-final-seo p, .bloque-final-seo ul { font-size: 16px; letter-spacing: 0; line-height: 28px; padding: 0 0 20px 0; margin: 0; } .bloque-final-seo ul li { list-style: square; margin-left: 14px; } .bloque-final-seo:nth-child(even) { background-color: #fff; } @media all and (max-width: 769px) { .bloque-final-seo { padding: 30px 0 10px 0; } } .page-experiencias .bloque-final-seo-content .bloque-final-seo:first-child { margin-top: 30px !important; /* Product item One Page */ } .ecommerce-one-page { margin: 40px 0 50px 0; margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; justify-content: flex-start; } @media all and (max-width: 1025px) { .ecommerce-one-page { margin-top: -20px; } } .ecommerce-one-page .one-page-item { background-color: transparent; margin: 30px 15px; width: 100%; padding: 0; float: left; } @media all and (max-width: 769px) { .ecommerce-one-page .one-page-item { width: calc(100% - 30px); } } @media all and (max-width: 480px) { .ecommerce-one-page .one-page-item { margin: 15px 15px 30px 15px; } .ecommerce-one-page .one-page-item:first-of-type { margin-top: 25px; } .ecommerce-one-page .one-page-item + .one-page-item { border-top: 1px solid #ddd; padding-top: 40px; } } .ecommerce-one-page .one-page-item__image { width: 300px; float: left; } .ecommerce-one-page .one-page-item__image img { width: 100%; } @media all and (max-width: 1025px) { .ecommerce-one-page .one-page-item__image { width: 300px; } } @media all and (max-width: 769px) { .ecommerce-one-page .one-page-item__image { width: 200px; } } @media all and (max-width: 480px) { .ecommerce-one-page .one-page-item__image { width: 100%; margin-bottom: 30px; } } .ecommerce-one-page .one-page-item__extra-info { margin-bottom: 23px; } @media all and (max-width: 480px) { .ecommerce-one-page .one-page-item__extra-info { margin-bottom: 30px; } } .ecommerce-one-page .one-page-item__info { display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; padding: 0; } .ecommerce-one-page .one-page-item__info-category-label { font-weight: 700; } .ecommerce-one-page .one-page-item__info-title { font-size: 32px; line-height: 1.2 !important; text-transform: uppercase; padding-top: 0; margin-top: 0; color: #000; font-weight: 700; } .ecommerce-one-page .one-page-item__info-price { position: relative; bottom: unset; font-size: 20px; font-weight: 700; margin-top: 35px; text-decoration: none; color: #000; } @media all and (max-width: 480px) { .ecommerce-one-page .one-page-item__info-price { margin-top: 20px; } } .ecommerce-one-page .one-page-item__info-price span { color: #999; text-decoration: line-through; margin-left: 10px; float: right; font-weight: normal; } .ecommerce-one-page .one-page-item__info-desc { font-size: 14px; line-height: 1.5em; margin-top: 47px; } @media all and (max-width: 1251px) { .ecommerce-one-page .one-page-item__info-desc { font-size: 14px; line-height: 19px !important; } } @media all and (max-width: 480px) { .ecommerce-one-page .one-page-item__info-desc { font-size: 16px; margin-top: 29px; } } .ecommerce-one-page .one-page-item__checkout { margin-top: 25px; font-size: 14px; } @media all and (max-width: 480px) { .ecommerce-one-page .one-page-item__checkout { margin-top: 15px; } } .ecommerce-one-page .one-page-item__checkout-quantity { font-size: inherit; display: inline-block; border: 1px solid #000; width: 52px; height: 52px; line-height: 52px; text-align: center; color: #999; } .ecommerce-one-page .one-page-item__checkout-quantity input { width: 100%; text-align: center; } .ecommerce-one-page .one-page-item__checkout-button { height: 52px; line-height: 52px; display: inline-block; color: #000; border: 1px solid #000; margin-left: 20px; } @media all and (max-width: 769px) { .ecommerce-one-page .one-page-item__checkout-button { margin-left: 5px; } } @media all and (max-width: 480px) { .ecommerce-one-page .one-page-item__checkout-button { margin-left: 20px; } } .ecommerce-one-page .one-page-item__checkout-button:hover { opacity: 0.6; cursor: pointer; } .ecommerce-one-page .one-page-item__checkout-button a { font-size: inherit; font-weight: 600; color: inherit; text-transform: uppercase; padding: 0 2em; display: block; } .ecommerce-one-page .one-page-item__checkout-button a:hover { text-decoration: none; } @media all and (max-width: 769px) { .ecommerce-one-page .one-page-item__checkout-button a { padding: 0 1em; } } @media all and (max-width: 480px) { .ecommerce-one-page .one-page-item__checkout-button a { padding: 0 2em; } } .ecommerce-one-page .one-page-item .one-page-item__image + .one-page-item__info { padding-left: 20px; width: calc(100% - 415px); } @media all and (max-width: 1025px) { .ecommerce-one-page .one-page-item .one-page-item__image + .one-page-item__info { width: calc(100% - 300px); } } @media all and (max-width: 769px) { .ecommerce-one-page .one-page-item .one-page-item__image + .one-page-item__info { width: calc(100% - 200px); } } @media all and (max-width: 480px) { .ecommerce-one-page .one-page-item .one-page-item__image + .one-page-item__info { padding-left: unset; width: 100%; } } .content.ecommerce + .opinions-block { margin-top: -40px !important; padding-top: 0px !important; padding-bottom: 20px !important; } .content.ecommerce + .opinions-block:last-of-type { padding-bottom: 50px !important; } .block-indicadores { background-color: rgba(176, 176, 181, 0.2); color: inherit; padding: 27px 0; text-align: center; } .block-indicadores__title { font-size: 18px; line-height: 22px; padding-top: 30px; font-weight: bold; font-family: "Montserrat", Arial, Helvetica, Verdana; } .block-indicadores__items { padding: 35px 60px 0 60px; display: flex; align-self: flex-start; align-items: flex-start; justify-content: center; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } @media all and (max-width: 1251px) { .block-indicadores__items { padding-left: 0px; padding-right: 0px; } } @media all and (max-width: 769px) { .block-indicadores__items { flex-wrap: wrap; } } .block-indicadores__item { padding-bottom: 27px; margin: 0 15px; /* es posible que si tiene +4 items, se deberia pasar al 33% */ } .block-indicadores__item-value { font-size: 56px; line-height: 68px; color: #666; font-weight: bold; font-family: "Montserrat", Arial, Helvetica, Verdana; } @media all and (max-width: 769px) { .block-indicadores__item-value { font-size: 46px; line-height: 52px; } } .block-indicadores__item-label { font-size: 16px; line-height: 24px; padding-top: 21px; } @media all and (max-width: 1025px) { .block-indicadores__item-label { font-size: 15px; line-height: 22px; } } @media all and (max-width: 769px) { .block-indicadores__item-label { padding-top: 11px; } } @media all and (max-width: 1025px) { } @media all and (max-width: 769px) { .block-indicadores__item { width: calc(50% - 30px); } } .sidebar-cta { width: 300px; margin-left: 60px; margin-bottom: 30px; float: right; background-color: #4e7b88; color: #fff; border-radius: 11px; padding: 40px 20px; font-family: "Montserrat", Arial, Helvetica, Verdana; position: -webkit-sticky; position: sticky; top: 300px; /* background-color: #000; */ } .sidebar-cta hr { margin: 23px 0 30px 0; } .sidebar-cta__icon img, .sidebar-cta__icon svg { display: block; margin: 0 auto; max-width: 66px; max-height: 66px; margin-bottom: 19px; } .sidebar-cta svg * { fill: #fff; } .sidebar-cta__title { font-size: 16px; line-height: 1.188; font-weight: 600; margin-bottom: 11px; } .sidebar-cta__content { text-align: center; font-size: 14px; line-height: 1.571; } .sidebar-cta__button { display: inline-block; background-color: #fff; color: #4e7b88; text-transform: uppercase; font-size: 16px; font-weight: 400; line-height: 20px; padding: 15px 40px; margin-top: 25px; } .sidebar-cta__button:hover { text-decoration: none; background-color: #000; color: #fff; } @media all and (max-width: 1251px) { .sidebar-cta { /* ocultar para tablets y mobiles */ } } @media all and (max-width: 1025px) { .sidebar-cta { display: none; } } .content.with-sidebar-cta { width: calc(100% - 300px - 60px); /**** estilos para el floater ****/ } @media all and (max-width: 1025px) { .content.with-sidebar-cta { width: 100%; } } #floater-bottom.floating-content { bottom: 0px !important; top: auto !important; z-index: 999; } @media all and (max-width: 1025px) { #floater-bottom.floating-content { display: block !important; } #floater-bottom.floating-content + .back-top { bottom: 120px; } } @media all and (max-width: 769px) { #floater-bottom.floating-content + .back-top { bottom: 140px; } } #floater-bottom { background-color: #f4f4f4; padding: 18px 0; } #floater-bottom .floating-content__ico img, #floater-bottom .floating-content__ico svg { max-width: 47px; max-height: 47px; margin-top: 5px; } #floater-bottom .floating-content__ico svg * { fill: #000; } #floater-bottom .floating-content__text--content { font-family: "Montserrat", Arial, Helvetica, Verdana; font-size: 16px; line-height: 20px; } @media all and (max-width: 769px) { #floater-bottom .floating-content__text--content { font-size: 13px; line-height: 18px; } } @media all and (max-width: 769px) { #floater-bottom .floating-content__btn { margin-top: 12px !important; } } #floater-bottom .floating-content__btn a { font-size: inherit; width: auto; padding: 16px 65px !important; } @media all and (max-width: 769px) { #floater-bottom .floating-content__btn a { padding: 11px 20px !important; width: 300px; } } #floater-bottom .floating-content__btn-icon { display: none; } @media all and (max-width: 769px) { #floater-bottom .floating-content__btn-icon { display: inline-block; } } #floater-bottom .floating-content__btn-icon img, #floater-bottom .floating-content__btn-icon svg { max-width: 20px; max-height: 20px; vertical-align: middle; margin-right: 5px; } #floater-bottom .floating-content__btn-icon svg * { fill: #fff; } .productos-extras { margin-top: 40px; } .productos-extras + .productos-extras { margin-top: 35px !important; } .productos-extras__title { margin-bottom: 23px; font-size: 16px; line-height: 1.5; font-weight: 700; } .productos-extras__title span { font-weight: normal; } .productos-extras__item { display: flex; justify-content: space-between; max-width: 771px; margin-bottom: 10px; font-size: 14px; line-height: 22px; border: 1px solid #d0d0d0; padding: 25px 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #000; } @media all and (max-width: 480px) { .productos-extras__item { flex-wrap: wrap; justify-content: start; padding: 15px 10px; } } .productos-extras__item-title { font-weight: 700; } .productos-extras__item-title a { color: inherit; } .productos-extras__item-price { font-size: 18px; font-weight: 700; } .productos-extras__item-button { display: block; font-size: 14px; font-weight: 500; line-height: 18px; text-transform: uppercase; color: #fff; background-color: #4e7b88; padding: 7px 10px; max-width: 150px; text-align: center; } .productos-extras__item-button:hover { background-color: #000; text-decoration: none; } .productos-extras__col { width: 100%; align-self: center; } .productos-extras__col:nth-child(1) { width: 60%; } @media all and (max-width: 480px) { .productos-extras__col:nth-child(1) { width: 100%; } } .productos-extras__col:nth-child(2), .productos-extras__col:nth-child(3) { width: 20%; text-align: right; } @media all and (max-width: 480px) { .productos-extras__col:nth-child(2), .productos-extras__col:nth-child(3) { margin-top: 15px; width: auto; text-align: left; } } .productos-extras__col + .productos-extras__col { margin-left: 30px; } @media all and (max-width: 480px) { .productos-extras__col + .productos-extras__col { margin-left: 0; margin-right: 30px; } } .ie11 header .header-pill__logo--mini img { max-height: 36px !important; } .ie11 .floating-content#floater-booking { top: auto; } .ie11 .floating-content#floater-booking.scroll { top: 60px; height: 90px; } .ie11 body:not(.page-index) header + main, .ie11 body:not(.page-index) header + iframe + main { position: relative; margin-top: 0px; top: 167px; } header .header-pill__logo a { display: inherit; } header.is-kit-digital .kit-digital-img { border: 0; padding: 10px; width: 100%; border-bottom: 1px solid #eeeff0; min-height: 61px; } header.is-kit-digital .kit-digital-img img { width: 600px; margin: 0 auto; height: 100%; } header.is-kit-digital .header-top { top: 90px; } header.is-kit-digital .header-pill { top: 40px; } header.is-kit-digital.scroll .kit-digital-img { display: none; } header.is-kit-digital:not(.section-top-hide).scroll .header-pill { top: 0px; } header.is-kit-digital.section-top-hide .header-top { top: -40px; } header.is-kit-digital.section-top-hide .header-pill { top: 0px; } @media all and (max-width: 1025px) { header.is-kit-digital { top: 61px; } header.is-kit-digital .kit-digital-img { position: absolute; top: -67px; margin: 0 auto; background: white; } header.is-kit-digital .kit-digital-img img { width: 100%; max-width: 400px; margin: 0 auto; } header.is-kit-digital.scroll { top: 0; } header.is-kit-digital .header-pill { top: 0px; } } [data-template="plantilla2"] header.is-kit-digital .kit-digital-img { background: white; width: 100%; margin: 0; padding: 10px; border: 0; min-height: 61px; } [data-template="plantilla2"] header.is-kit-digital .header-pill { top: 61px !important; } [data-template="plantilla2"] header.is-kit-digital .header-top { top: 120px; } [data-template="plantilla2"] header.is-kit-digital.scroll .header-pill { top: 0 !important; } [data-template="plantilla2"].search-open header.is-kit-digital.scroll { top: 70px; } @media all and (max-width: 1025px) { [data-template="plantilla2"] header.is-kit-digital .header-top { top: -1px !important; } [data-template="plantilla2"] header.is-kit-digital .header-pill { top: -1px !important; } [data-template="plantilla2"] header.is-kit-digital.scroll .header-top, [data-template="plantilla2"] header.is-kit-digital.scroll .header-pill { top: 0 !important; } } @media all and (max-width: 769px) { [data-template="plantilla2"] header.is-kit-digital .kit-digital-img img { margin: 0 auto; width: 400px; } } @media all and (max-width: 480px) { [data-template="plantilla2"] header.is-kit-digital .kit-digital-img img { margin: 0 auto; width: 300px; } [data-template="plantilla2"] header.is-kit-digital .header-top { top: -6px !important; } [data-template="plantilla2"] header.is-kit-digital .header-pill { top: -6px !important; } } body:not(.page-index) { /* Block for WCAG accessibility */ /* ambas plantillas */ } body:not(.page-index)[data-template="plantilla2"] header.is-kit-digital + main { margin-top: 258px; } body:not(.page-index)[data-template="plantilla2"] .kit-digital-img { border-bottom: 1px solid #eeeff0; } body:not(.page-index)[data-template="plantilla2"] header.is-kit-digital .header-top { top: 90px; } @media all and (max-width: 1025px) { body:not(.page-index)[data-template="plantilla2"] header.is-kit-digital .header-pill { top: 0px !important; } body:not(.page-index)[data-template="plantilla2"] header.is-kit-digital .header-top { top: 0px !important; } body:not(.page-index)[data-template="plantilla2"] header.is-kit-digital.scroll .header-pill, body:not(.page-index)[data-template="plantilla2"] header.is-kit-digital.scroll .header-top { top: 0 !important; } body:not(.page-index)[data-template="plantilla2"].search-open header.is-kit-digital.scroll { top: 70px; } body:not(.page-index)[data-template="plantilla2"] header .header-search { height: 70px; } body:not(.page-index)[data-template="plantilla2"] header .header-search form input[type=text] { height: 45px; } body:not(.page-index)[data-template="plantilla2"] header.is-kit-digital + main { margin-top: 121px !important; } body:not(.page-index)[data-template="plantilla2"].search-open header.is-kit-digital + main { margin-top: 60px !important; } } @media all and (max-width: 769px) { body:not(.page-index)[data-template="plantilla2"] header.is-kit-digital .kit-digital-img img { width: 300px; } body:not(.page-index)[data-template="plantilla2"] header.is-kit-digital .header-pill, body:not(.page-index)[data-template="plantilla2"] header.is-kit-digital .header-top { top: -6px !important; } body:not(.page-index)[data-template="plantilla2"].search-open header.is-kit-digital + main { margin-top: 54px !important; } body:not(.page-index)[data-template="plantilla2"] header.is-kit-digital + main { margin-top: 115px !important; } } header.has-kit-digital + main { /* template 1 */ } header.has-kit-digital + main .breadcrumbs a { text-decoration: underline; } header.has-kit-digital + main .breadcrumbs a:hover { text-decoration: none; } body:not([data-template="plantilla2"]) header.has-kit-digital + main .inside-pre { background: #fff; border-top-color: #fff; border-bottom-width: 1px; } body:not([data-template="plantilla2"]) header.has-kit-digital + main .inside-pre .special-select .selected span { border: 1px solid #eeeff0; line-height: 39px; } body.page-noticias-detalle:not([data-template="plantilla2"]) header.has-kit-digital + main .inside-pre, body.page-productos-detalle:not([data-template="plantilla2"]) header.has-kit-digital + main .inside-pre { border-bottom-width: 0px; } .obras .form-block { background: #eeeff0; padding: 30px; margin: 0 0 30px 0; } .obras .form-block .form-title { font-size: 16px; line-height: 49px; font-weight: bold; margin-right: 15px; min-width: 81px; text-align: right; } .obras .form-block .text-radio { pointer-events: none; margin-left: -15px; position: relative; } .obras .form-block .text-radio:before { content: ""; display: inline-block; position: relative; top: 3px; margin: 0 1px; width: 14px; height: 14px; border-radius: 11px; border: 1px solid #ccc; background-color: transparent; left: -10px; pointer-events: none; } .obras .form-block .text-radio:after { opacity: 0; transition: 0.3s ease-out; content: ""; display: block; position: absolute; top: 2px; width: 11px; height: 11px; border-radius: 11px; background-color: transparent; left: -6.5px; pointer-events: none; } .obras .form-block input[type="radio"] { font-size: 16px; color: #666; position: relative; appearance: none; border-radius: 50%; width: 14px; height: 14px; transition: 0.2s all linear; top: 2px; margin-right: 5px; } .obras .form-block input[type="radio"]:checked + label:after { opacity: 1; background-color: #4e7b88; } .obras .form-block select { appearance: none; width: 100%; padding: 0 15px; box-sizing: border-box; border: 1px solid #ccc; color: #666; font-size: 16px; line-height: 49px; background: url(../img/dropdown-arrow.svg) right 21px center no-repeat white; } .obras .form-block[data-form="option-1"] .obras-block { width: 100%; display: flex; column-gap: 50px; } .obras .form-block[data-form="option-1"] .obras-block .obras-group { width: 100%; } .obras .form-block[data-form="option-1"] .obras-block .obras-group .obras-sgroup { display: flex; } .obras .form-block[data-form="option-1"] .obras-block .obras-group .obras-rgroup { margin-top: 15px; display: flex; flex-wrap: wrap; margin-left: 64px; row-gap: 15px; } .obras .form-block[data-form="option-1"] .obras-block .obras-group .obras-rgroup .obras-radio { flex-basis: 50%; } .obras .form-block[data-form="option-2"] { position: relative; } .obras .form-block[data-form="option-2"]:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #fff; bottom: 110px; left: 0; } .obras .form-block[data-form="option-2"] .obras-block { width: 100%; display: flex; flex-direction: column; padding: 0 150px; } .obras .form-block[data-form="option-2"] .obras-block .obras-group { width: 100%; } .obras .form-block[data-form="option-2"] .obras-block .obras-group .obras-sgroup { display: flex; } .obras .form-block[data-form="option-2"] .obras-block .obras-group .obras-rgroup { display: flex; justify-content: center; column-gap: 30px; margin-top: 16px; } .obras .form-block[data-form="option-2"] .obras-block .obras-group:nth-of-type(1) { padding-bottom: 30px; } .obras .form-block[data-form="option-2"] .obras-block .obras-group:nth-of-type(2) { padding-top: 30px; } .obras .search-msg { font-size: 18px; font-weight: bold; line-height: 21px; } .obras .search-map { height: 540px; border: 1px solid #ccc; margin-top: 30px; margin-bottom: 30px; } .obras .legend-map { display: flex; align-items: center; column-gap: 30px; } .obras .legend-map .legend-point { display: flex; align-items: center; column-gap: 12px; } .obras .busqueda-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 392px)); margin-top: 30px; margin-bottom: 60px; gap: 30px; } .obras .busqueda-wrapper .busqueda-card { height: auto; } .obras .busqueda-wrapper .busqueda-card .busqueda-img { height: 254px; width: 100%; border: 1px solid #ccc; } .obras .busqueda-wrapper .busqueda-card .busqueda-img img { width: 100%; height: 100%; object-fit: cover; } .obras .busqueda-wrapper .busqueda-card .busqueda-content { padding: 20px 0; border-bottom: 1px solid #ccc; } .obras .busqueda-wrapper .busqueda-card .busqueda-content h4 { color: #4e7b88; font-size: 18px; font-weight: bold; line-height: 26px; margin-bottom: 20px; } .obras .busqueda-wrapper .busqueda-card .busqueda-content p { color: #333; font-size: 16px; line-height: 26px; } .obras .busqueda-wrapper .busqueda-card .busqueda-footer { padding: 20px 0; display: flex; column-gap: 10px; flex-wrap: wrap; } .obras .busqueda-wrapper .busqueda-card .busqueda-footer address, .obras .busqueda-wrapper .busqueda-card .busqueda-footer a { font-size: 16px; line-height: 26px; font-style: normal; } .obras .busqueda-wrapper .busqueda-card .busqueda-footer a { font-weight: bold; color: #4e7b88; } @media all and (max-width: 1251px) { .obras .busqueda-wrapper { grid-template-columns: repeat(auto-fit, minmax(340px, 486px)); } } @media all and (max-width: 1025px) { .obras .form-block[data-form="option-2"] .obras-block { padding: 0 75px; } .obras .busqueda-wrapper { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); } } @media all and (max-width: 769px) { .obras .form-block .form-title { min-width: auto; text-align: left; } .obras .form-block[data-form="option-2"]:after { bottom: 150px; } .obras .form-block[data-form="option-2"] .obras-block { padding: 0; } .obras .form-block[data-form="option-2"] .obras-block .obras-group .obras-sgroup { flex-direction: column; } .obras .form-block[data-form="option-2"] .obras-block .obras-group .obras-rgroup { flex-direction: column; } .obras .busqueda-wrapper { grid-template-columns: auto; } } @media all and (max-width: 480px) { .obras .form-block { padding: 15px; } .obras .form-block[data-form="option-2"]:after { bottom: 125px; } .obras .form-block[data-form="option-2"] .obras-block .obras-group:nth-of-type(1) { padding-bottom: 15px; } .obras .form-block[data-form="option-2"] .obras-block .obras-group:nth-of-type(2) { padding-top: 15px; } } .obra-detalle h2 { color: #333; font-size: 22px; font-weight: bold; line-height: 26px; text-align: center; margin-bottom: 40px; } .obra-detalle .resumen { margin-bottom: 30px; } .obra-detalle .resumen li { font-size: 16px; line-height: 26px; } .obra-detalle .resumen li span { color: #4e7b88; } .obra-detalle h3 { color: #333; font-size: 20px; font-weight: bold; line-height: 26px; margin-bottom: 20px; } .obra-detalle .realizados { margin-bottom: 30px; } .obra-detalle .realizados li { color: #333; font-size: 16px; line-height: 26px; } .obra-detalle .gallery-detail { display: grid; grid-template-columns: repeat(auto-fit, minmax(425px, 1fr)); margin-bottom: 60px; gap: 26px; } .obra-detalle .gallery-detail .gallery-detail-img, .obra-detalle .gallery-detail .gallery-detail-map { border: 1px solid #ccc; height: 455px; } .obra-detalle .gallery-detail .gallery-detail-img a, .obra-detalle .gallery-detail .gallery-detail-map a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .obra-detalle .gallery-detail .gallery-detail-img a img, .obra-detalle .gallery-detail .gallery-detail-map a img { max-width: 100%; max-height: 100%; object-fit: contain; } .obra-detalle .gallery-detail.gallery-detail-subtype { display: block; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .obra-detalle .gallery-detail.gallery-detail-subtype .gallery-detail-img { height: auto; border: 0; margin-bottom: 10px; width: calc(100%/3 - 10px); } .obra-detalle .gallery-detail.gallery-detail-subtype .gallery-detail-img a { display: block; } .obra-detalle .gallery-detail.gallery-detail-subtype .gallery-detail-img a img { width: 100%; height: 100%; } .obra-detalle .gallery-detail .gallery-detail-map .googlemap { width: 100%; height: 100%; } @media all and (max-width: 1251px) { .obra-detalle .gallery-detail.gallery-detail-subtype .gallery-detail-img { width: calc(100%/3 - 7px); } .obra-detalle .gallery-detail .gallery-detail-map, .obra-detalle .gallery-detail .gallery-detail-img { height: 367px; } } @media all and (max-width: 1025px) { .obra-detalle .gallery-detail { grid-template-columns: repeat(2, 1fr); } .obra-detalle .gallery-detail.gallery-detail-subtype .gallery-detail-img { width: calc(100%/2 - 7px); } .obra-detalle .gallery-detail .gallery-detail-map { grid-column: 1/3; } .obra-detalle .gallery-detail .gallery-detail-img { height: 271px; } } @media all and (max-width: 769px) { .obra-detalle .gallery-detail { grid-template-columns: repeat(1, 1fr); margin-bottom: 30px; gap: 15px; } .obra-detalle .gallery-detail.gallery-detail-subtype { margin: 0; width: 100%; } .obra-detalle .gallery-detail.gallery-detail-subtype .gallery-detail-img { width: 100%; } .obra-detalle .gallery-detail-map { grid-column: inherit !important; } } @media all and (max-width: 480px) { } .flexslider2 { height: 500px; transition: 0.3s ease-in-out; padding: 0 !important; border: 0 !important; margin: 0 !important; box-shadow: none !important; opacity: 0; transition: 0.3s ease; transition-delay: 0.2s; } .flexslider2 > .flex-viewport, .flexslider2.no-slider { height: 100%; } .flexslider2 > .flex-viewport .slides, .flexslider2.no-slider .slides { height: 100%; } .flexslider2 > .flex-viewport .slides li, .flexslider2.no-slider .slides li { position: relative; height: 100%; display: block; } .flexslider2 > .flex-viewport .slides li .banner-image-custom, .flexslider2.no-slider .slides li .banner-image-custom { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .flexslider2 > .flex-viewport .slides li .banner-image-custom--white, .flexslider2.no-slider .slides li .banner-image-custom--white { background-color: #fff; } .flexslider2 > .flex-viewport .slides li .banner-image-custom--black, .flexslider2.no-slider .slides li .banner-image-custom--black { background-color: #000; } .flexslider2 > .flex-viewport .slides li .banner-image-custom--transparent, .flexslider2.no-slider .slides li .banner-image-custom--transparent { background-color: transparent; } .flexslider2 > .flex-viewport .slides li img, .flexslider2.no-slider .slides li img, .flexslider2 > .flex-viewport .slides li video, .flexslider2.no-slider .slides li video { object-fit: cover; object-position: center; width: 100%; height: 100%; } .flexslider2 > .flex-viewport .slides li .video-wrapper-mode, .flexslider2.no-slider .slides li .video-wrapper-mode { position: relative; height: 100%; width: 100%; } .flexslider2 > .flex-viewport .slides li .video-wrapper-mode .video-mode, .flexslider2.no-slider .slides li .video-wrapper-mode .video-mode { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; } .flexslider2 > .flex-viewport .slides li .flex-caption, .flexslider2.no-slider .slides li .flex-caption { transition: inherit; opacity: 0; z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-transform: uppercase; text-align: center; color: white; font-family: "Montserrat", Arial, Helvetica, Verdana; } .flexslider2 > .flex-viewport .slides li .flex-caption.flex-caption--right, .flexslider2.no-slider .slides li .flex-caption.flex-caption--right { text-align: right; } .flexslider2 > .flex-viewport .slides li .flex-caption.flex-caption--left, .flexslider2.no-slider .slides li .flex-caption.flex-caption--left { text-align: left; } .flexslider2 > .flex-viewport .slides li .flex-caption .h1, .flexslider2.no-slider .slides li .flex-caption .h1 { font-size: 50px; line-height: 56px; text-transform: uppercase; font-weight: bold; } .flexslider2 > .flex-viewport .slides li .flex-caption .h2, .flexslider2.no-slider .slides li .flex-caption .h2 { font-size: 21px; line-height: 30px; font-weight: bold; } .flexslider2 > .flex-viewport .slides li .flex-caption .h1 + .h2, .flexslider2.no-slider .slides li .flex-caption .h1 + .h2 { margin-top: 13px; } .flexslider2 > .flex-viewport .slides li .flex-caption .h2 + .h1, .flexslider2.no-slider .slides li .flex-caption .h2 + .h1 { margin-top: 13px; } .flexslider2 > .flex-viewport .slides li .flex-caption .btn-wrapper .btn, .flexslider2.no-slider .slides li .flex-caption .btn-wrapper .btn { font-weight: bold; border-width: 2px; } .flexslider2 > .flex-viewport .slides li .flex-caption .btn-wrapper .btn.btn--transparent, .flexslider2.no-slider .slides li .flex-caption .btn-wrapper .btn.btn--transparent { color: #fff; } .flexslider2 > .flex-viewport .slides li.flex-active-slide .flex-caption, .flexslider2.no-slider .slides li.flex-active-slide .flex-caption { opacity: 1; } .flexslider2.no-slider .slides li .video-wrapper-mode { height: 600px; } .flexslider2.no-slider .slides li .flex-caption { opacity: 1; } .flexslider2 .btn-down { display: none; } .flexslider2 .flex-control-nav { bottom: 10px; } .flexslider2 .flex-control-nav li a { box-shadow: none; background-color: #fff !important; color: #4e7b88; } .flexslider2 .flex-control-nav li a.flex-active { background-color: #4e7b88 !important; color: #fff; } .flexslider2 .flex-direction-nav { /* accesibility, as default */ } .flexslider2 .flex-direction-nav a { z-index: 2; } .flexslider2 .flex-direction-nav .flex-nav-prev .flex-prev:before, .flexslider2 .flex-direction-nav .flex-nav-next .flex-prev:before, .flexslider2 .flex-direction-nav .flex-nav-prev .flex-next:before, .flexslider2 .flex-direction-nav .flex-nav-next .flex-next:before { color: white !important; padding-top: 10px; text-shadow: none; } .flexslider2 .slides li { background-color: #000; color: #fff; } .flexslider2.banner-pagespeed { opacity: 1; } @media all and (max-width: 769px) { .flexslider2:not(.num-items-1) { height: auto; min-height: 400px; } .flexslider2 > .flex-viewport .slides li img, .flexslider2.no-slider .slides li img { object-fit: contain; object-position: top; } .flexslider2 > .flex-viewport .slides li video, .flexslider2.no-slider .slides li video { object-fit: cover; } .flexslider2 > .flex-viewport .slides li .flex-caption, .flexslider2.no-slider .slides li .flex-caption { position: relative; top: auto; right: auto; left: auto; transform: inherit; display: block; margin: 30px 0; min-height: 30px; } .flexslider2 > .flex-viewport .slides li .flex-caption.flex-caption--right, .flexslider2.no-slider .slides li .flex-caption.flex-caption--right, .flexslider2 > .flex-viewport .slides li .flex-caption.flex-caption--left, .flexslider2.no-slider .slides li .flex-caption.flex-caption--left { text-align: center; } .flexslider2 > .flex-viewport .slides li .flex-caption .h1, .flexslider2.no-slider .slides li .flex-caption .h1 { color: #000; font-size: 21px; line-height: 30px; } .flexslider2 > .flex-viewport .slides li .flex-caption .h2, .flexslider2.no-slider .slides li .flex-caption .h2 { color: #000; font-size: 14px; line-height: 25px; } .flexslider2 > .flex-viewport .slides li .flex-caption .btn-wrapper, .flexslider2.no-slider .slides li .flex-caption .btn-wrapper { margin-top: 16px; } .flexslider2 > .flex-viewport .slides li .flex-caption .btn, .flexslider2.no-slider .slides li .flex-caption .btn { color: #000 !important; border-color: #000 !important; } .flexslider2 > .flex-viewport .slides li .flex-caption .btn:hover, .flexslider2.no-slider .slides li .flex-caption .btn:hover { opacity: 0.5; } .flexslider2 > .flex-viewport .slides li .flex-caption { margin-bottom: 60px; } .flexslider2 .flex-control-nav { bottom: 12px; } .flexslider2 .flex-control-nav li a { background-color: #000 !important; } .flexslider2 .flex-direction-nav .flex-nav-prev .flex-prev, .flexslider2 .flex-direction-nav .flex-nav-next .flex-prev, .flexslider2 .flex-direction-nav .flex-nav-prev .flex-next, .flexslider2 .flex-direction-nav .flex-nav-next .flex-next { color: #000 !important; bottom: 10px; top: auto; } .flexslider2 .flex-direction-nav .flex-nav-prev .flex-prev:before, .flexslider2 .flex-direction-nav .flex-nav-next .flex-prev:before, .flexslider2 .flex-direction-nav .flex-nav-prev .flex-next:before, .flexslider2 .flex-direction-nav .flex-nav-next .flex-next:before { color: #000 !important; padding-top: 10px; text-shadow: none; } .flexslider2.flexslider3 { height: 400px; min-height: 400px; } .flexslider2.flexslider3 > .flex-viewport .slides li img, .flexslider2.flexslider3.no-slider .slides li img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; object-position: center; } .flexslider2.flexslider3 > .flex-viewport .slides li .flex-caption, .flexslider2.flexslider3.no-slider .slides li .flex-caption { position: relative; top: auto; right: auto; left: auto; transform: inherit; height: 100%; margin: 0; } .flexslider2.flexslider3 > .flex-viewport .slides li .flex-caption .wrapper, .flexslider2.flexslider3.no-slider .slides li .flex-caption .wrapper { height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .flexslider2.flexslider3 > .flex-viewport .slides li .flex-caption .h1, .flexslider2.flexslider3.no-slider .slides li .flex-caption .h1 { color: #fff; } .flexslider2.flexslider3 > .flex-viewport .slides li .flex-caption .h2, .flexslider2.flexslider3.no-slider .slides li .flex-caption .h2 { color: #fff; } .flexslider2.flexslider3 > .flex-viewport .slides li .flex-caption .btn, .flexslider2.flexslider3.no-slider .slides li .flex-caption .btn { color: #fff !important; border-color: #fff !important; } .flexslider2.flexslider3 > .flex-viewport .slides li .flex-caption .btn.btn--transparent:hover, .flexslider2.flexslider3.no-slider .slides li .flex-caption .btn.btn--transparent:hover { opacity: 1; color: #000 !important; border-color: #000 !important; } .flexslider2.flexslider3 > .flex-viewport .slides.is-video li .video-wrapper-mode, .flexslider2.flexslider3.no-slider .slides.is-video li .video-wrapper-mode { position: absolute; height: 100%; } .flexslider2.flexslider3 .flex-control-nav li a { background-color: #fff !important; } .flexslider2.flexslider3 .flex-control-nav li a.flex-active { background-color: #4e7b88 !important; } .flexslider2.flexslider3 .flex-direction-nav .flex-nav-prev .flex-prev, .flexslider2.flexslider3 .flex-direction-nav .flex-nav-next .flex-prev, .flexslider2.flexslider3 .flex-direction-nav .flex-nav-prev .flex-next, .flexslider2.flexslider3 .flex-direction-nav .flex-nav-next .flex-next { color: #fff !important; } .flexslider2.flexslider3 .flex-direction-nav .flex-nav-prev .flex-prev:before, .flexslider2.flexslider3 .flex-direction-nav .flex-nav-next .flex-prev:before, .flexslider2.flexslider3 .flex-direction-nav .flex-nav-prev .flex-next:before, .flexslider2.flexslider3 .flex-direction-nav .flex-nav-next .flex-next:before { color: #fff !important; } .flexslider2.no-text { height: 400px; } .flexslider2.no-text > div { height: 100%; } .flexslider2.no-text > div .slides { height: 100%; } .flexslider2.no-text > div .slides li { height: 100%; } .flexslider2.no-text > div .slides li img, .flexslider2.no-text > div .slides li video { object-fit: cover; object-position: center; height: 100%; } .flexslider2.no-text .flex-control-nav { position: absolute; bottom: 10px !important; } .flexslider2.no-text .flex-control-nav li a { background-color: #fff !important; } .flexslider2.no-text .flex-control-nav li a.flex-active { background-color: #00a90c !important; } .flexslider2.no-text .flex-direction-nav .flex-nav-prev .flex-prev, .flexslider2.no-text .flex-direction-nav .flex-nav-next .flex-prev, .flexslider2.no-text .flex-direction-nav .flex-nav-prev .flex-next, .flexslider2.no-text .flex-direction-nav .flex-nav-next .flex-next { color: white !important; } .flexslider2.no-slider { /* accesibility, as default */ } .flexslider2.no-slider .slides li .video-wrapper-mode { height: 200px; } .flexslider2 .slides li { background-color: #fff; color: #000; } } [data-template="plantilla2"] .flexslider2 { height: 100vh; background-color: #000; color: #fff; } [data-template="plantilla2"] .flexslider2 .slides li .flex-caption .flex-caption-logo { margin-bottom: 40px; display: none; justify-content: center; align-items: center; } [data-template="plantilla2"] .flexslider2 .slides li .flex-caption .flex-caption-logo img { width: auto; height: 180px; } [data-template="plantilla2"] .flexslider2 .btn-down { display: block; z-index: 2; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); cursor: pointer; } [data-template="plantilla2"] .flexslider2 .btn-down.has-phone { bottom: 80px; } [data-template="plantilla2"] .flexslider2 .btn-down img { width: 38px; height: 38px; opacity: 0.5; } [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-prev .flex-prev, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-next .flex-prev, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-prev .flex-next, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-next .flex-next { background-image: url(../img/slider-arrow-left.svg); background-repeat: no-repeat; opacity: 0.4; width: 60px; height: 60px; font-size: 0; } [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-prev .flex-prev:before, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-next .flex-prev:before, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-prev .flex-next:before, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-next .flex-next:before { display: none; padding-top: 10px; text-shadow: none; } [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-prev .flex-next, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-next .flex-next { transform: rotate(180deg); } [data-template="plantilla2"] .flexslider2 .flex-control-nav { display: none; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .video-wrapper-mode, [data-template="plantilla2"] .flexslider2.no-slider .slides li .video-wrapper-mode { position: relative; height: 100%; width: 100%; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .video-wrapper-mode .video-mode, [data-template="plantilla2"] .flexslider2.no-slider .slides li .video-wrapper-mode .video-mode { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption { margin: 0px; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption .flex-caption-logo, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption .flex-caption-logo { margin-bottom: 40px; display: none; justify-content: center; align-items: center; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption .flex-caption-logo img, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption .flex-caption-logo img { width: auto; height: 180px; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption .h1, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption .h1, [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption .h2, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption .h2 { color: #fff !important; font-weight: 500; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption .btn, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption .btn { font-weight: 500; border-width: 1px; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption .btn:hover, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption .btn:hover { color: #000 !important; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption .h1 + .h2, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption .h1 + .h2 { margin-top: 13px; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption .h2 + .h1, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption .h2 + .h1 { margin-top: 13px; } @media all and (max-width: 1025px) { [data-template="plantilla2"] .flexslider2 .slides li .flex-caption .flex-caption-logo { display: flex; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption .flex-caption-logo, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption .flex-caption-logo { display: flex; } } @media all and (max-width: 769px) { [data-template="plantilla2"] .flexslider2 { height: 100vh; } [data-template="plantilla2"] .flexslider2 > .flex-viewport, [data-template="plantilla2"] .flexslider2.no-slider { height: 100vh; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides, [data-template="plantilla2"] .flexslider2.no-slider .slides { height: 100%; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li, [data-template="plantilla2"] .flexslider2.no-slider .slides li { height: 100%; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li img, [data-template="plantilla2"] .flexslider2.no-slider .slides li img, [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li video, [data-template="plantilla2"] .flexslider2.no-slider .slides li video { object-fit: cover; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-transform: uppercase; text-align: center; color: white; margin-bottom: 0px; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption .h1, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption .h1 { font-size: 21px; line-height: 30px; text-transform: uppercase; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption .h2, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption .h2 { font-size: 14px; line-height: 25px; } [data-template="plantilla2"] .flexslider2 > .flex-viewport .slides li .flex-caption .btn, [data-template="plantilla2"] .flexslider2.no-slider .slides li .flex-caption .btn { color: #fff !important; border-color: #fff !important; } [data-template="plantilla2"] .flexslider2.num-items-1 .flex-caption { margin-bottom: 0px !important; } [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-prev .flex-prev, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-next .flex-prev, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-prev .flex-next, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-next .flex-next { color: #fff !important; bottom: 50px; top: auto; } [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-prev .flex-prev:before, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-next .flex-prev:before, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-prev .flex-next:before, [data-template="plantilla2"] .flexslider2 .flex-direction-nav .flex-nav-next .flex-next:before { color: #fff !important; padding-top: 10px; text-shadow: none; } [data-template="plantilla2"] .flexslider2.no-text { height: 400px; /* accesibility, as default */ } [data-template="plantilla2"] .flexslider2.no-text > div { height: 100%; } [data-template="plantilla2"] .flexslider2.no-text > div .slides { height: 100%; } [data-template="plantilla2"] .flexslider2.no-text > div .slides li { height: 100%; } [data-template="plantilla2"] .flexslider2.no-text > div .slides li img, [data-template="plantilla2"] .flexslider2.no-text > div .slides li video { object-fit: cover; object-position: center; height: 100%; } [data-template="plantilla2"] .flexslider2.no-text .flex-control-nav { position: absolute; bottom: 10px !important; } [data-template="plantilla2"] .flexslider2.no-text .flex-control-nav li a { background-color: #fff !important; } [data-template="plantilla2"] .flexslider2.no-text .flex-control-nav li a.flex-active { background-color: #00a90c !important; } [data-template="plantilla2"] .flexslider2.no-text .flex-direction-nav .flex-nav-prev .flex-prev, [data-template="plantilla2"] .flexslider2.no-text .flex-direction-nav .flex-nav-next .flex-prev, [data-template="plantilla2"] .flexslider2.no-text .flex-direction-nav .flex-nav-prev .flex-next, [data-template="plantilla2"] .flexslider2.no-text .flex-direction-nav .flex-nav-next .flex-next { color: white !important; } [data-template="plantilla2"] .flexslider2 .slides li { background-color: #000; color: #fff; } } .slider-block.new { position: relative; height: 522px; visibility: visible; } .slider-block.new div:not(.btn-wrapper) { position: relative; height: 100%; } .slider-block.new div:not(.btn-wrapper) ul { height: 100%; overflow: hidden; position: relative; } .slider-block.new div:not(.btn-wrapper) ul li { height: 100%; } .slider-block.new div:not(.btn-wrapper) ul li img, .slider-block.new div:not(.btn-wrapper) ul li video { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover; object-position: top; height: 822px; } .slider-block.new div:not(.btn-wrapper) ul li video { object-position: center; } .slider-block.new div:not(.btn-wrapper) ul li .text-container { display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 2; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .h1, .slider-block.new div:not(.btn-wrapper) ul li .text-container .h2 { color: white; margin-bottom: 30px; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .h1 { font-size: 50px; line-height: 56px; text-transform: uppercase; font-weight: bold; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .h2 { font-size: 21px; line-height: 30px; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .btn-wrapper { margin: 0; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .btn-wrapper .btn.btn--transparent { color: #fff; } @media all and (max-width: 769px) { .slider-block.new { height: 350px; } .slider-block.new div:not(.btn-wrapper) ul li img, .slider-block.new div:not(.btn-wrapper) ul li video { /* object-position: 70%; */ height: 622px; } .slider-block.new div:not(.btn-wrapper) ul li .text-container { padding: 0 !important; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .h1, .slider-block.new div:not(.btn-wrapper) ul li .text-container .h2 { color: #333; margin-bottom: 10px; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .h1 { font-size: 21px; line-height: 30px; font-weight: bold; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .h2 { font-size: 14px; line-height: 25px; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .btn-wrapper { margin: 0; } .slider-block.new div:not(.btn-wrapper) ul li .text-container .btn-wrapper .btn.btn--transparent { border-color: #333 !important; color: #333 !important; } .slider-block.new .slider-shadow { display: none; } .slider-block.responsive-slider { height: auto; } .slider-block.responsive-slider img:not(.mobile-img) { display: block !important; } .slider-block.responsive-slider div:not(.btn-wrapper) ul li img, .slider-block.responsive-slider div:not(.btn-wrapper) ul li video { position: relative; height: auto; } } .podcast { padding: 40px 0; border-top: 1px solid #eeeff0; } .podcast .podcast-title { color: #333; font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 26px; } .podcast .podcast-container { margin-top: 40px; } .podcast .podcast-container .podcast-content { background-color: #f2f3f4; border-radius: 100px; width: 450px; display: flex; align-items: center; column-gap: 15px; justify-content: space-between; padding: 15px 20px; } .podcast .podcast-container .podcast-content .podcast-mute, .podcast .podcast-container .podcast-content .podcast-play { background-color: transparent; cursor: pointer; font-size: 12px; padding: 5px; } .podcast .podcast-container .podcast-content .podcast-mute img, .podcast .podcast-container .podcast-content .podcast-play img { opacity: 0.4; width: 20px; } .podcast .podcast-container .podcast-content .podcast-mute:hover img, .podcast .podcast-container .podcast-content .podcast-play:hover img { opacity: 1; } .podcast .podcast-container .podcast-time { display: flex; align-items: center; justify-content: center; column-gap: 10px; width: 100%; } .podcast .podcast-container .podcast-volume { display: flex; align-items: center; justify-content: center; column-gap: 10px; } .podcast .podcast-container .podcast-volume-slider, .podcast .podcast-container .podcast-time-slider { cursor: pointer; appearance: none; width: 100%; height: 5px; border-radius: 5px; background: #d3d3d3; outline: none; opacity: 0.6; } .podcast .podcast-container .podcast-volume-slider:hover, .podcast .podcast-container .podcast-time-slider:hover { opacity: 1; } @media all and (max-width: 1025px) { .podcast .podcast-title { text-align: center; } .podcast .podcast-container .podcast-content { width: 100%; } .podcast .podcast-container .podcast-content.podcast-fixed { position: fixed; left: 0; top: 60px; border-radius: 0; } } .enoturismo-pre .enoturismo-pre-list { margin-bottom: 50px; display: flex; column-gap: 60px; align-items: center; justify-content: center; } .enoturismo-pre .enoturismo-pre-list .enoturismo-pre-item { display: flex; align-items: center; column-gap: 10px; } .enoturismo-pre .enoturismo-pre-list .enoturismo-pre-item .enoturismo-icon { display: flex; } .enoturismo-pre .enoturismo-pre-list .enoturismo-pre-item .enoturismo-icon svg path { fill: #4e7b88; } .enoturismo-pre .enoturismo-pre-list .enoturismo-pre-item .enoturismo-info { font-size: 18px; color: #333; } .enoturismo-pre .enoturismo-pre-list .enoturismo-pre-item .btn-wrapper { margin: 0 !important; } .enoturismo-pre .enoturismo-pre-list .enoturismo-pre-item .btn-wrapper .btn--transparent { padding: 15px 80px; } .enoturismo-mosaic { padding-bottom: 40px; } .enoturismo-list-item { display: flex; align-items: center; } .enoturismo-list-item:nth-child(even) { flex-direction: row-reverse; } .enoturismo-list-item .enoturismo-list-item-image { width: 100%; flex-basis: 50%; } .enoturismo-list-item .enoturismo-list-item-image img { width: 100%; } .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider { margin: 0; border: 0; box-shadow: none; } .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-control-nav { display: none; } .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-prev .flex-prev, .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-next .flex-prev, .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-prev .flex-next, .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-next .flex-next { opacity: 0.6; } .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-prev .flex-prev:before, .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-next .flex-prev:before, .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-prev .flex-next:before, .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-next .flex-next:before { content: ""; background-image: url(../img/arrow-background.svg); width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; border-radius: 50px; } .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-prev .flex-prev:hover, .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-next .flex-prev:hover, .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-prev .flex-next:hover, .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-next .flex-next:hover { opacity: 1; } .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-prev .flex-next, .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-next .flex-next { right: 20px; } .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-prev .flex-prev, .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-next .flex-prev { left: 20px; } .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-prev .flex-prev::before, .enoturismo-list-item .enoturismo-list-item-image .experiencias-slider .flex-direction-nav .flex-nav-next .flex-prev::before { transform: rotate(-180deg); } .enoturismo-list-item .enoturismo-list-item-content { flex-basis: 50%; width: 100%; height: 100%; padding: 30px 20px; text-align: center; } .enoturismo-list-item .enoturismo-list-item-content .enoturismo-list-item_h4 { font-size: 24px; letter-spacing: 0; line-height: 34px; margin-bottom: 15px; } .enoturismo-list-item .enoturismo-list-item-content .text br { content: ""; margin: 5em; font-size: 24%; display: block; } .enoturismo-list-item .enoturismo-list-item-content .text p, .enoturismo-list-item .enoturismo-list-item-content .text ul li { font-size: 16px; letter-spacing: 0; line-height: 28px; list-style: circle; padding-top: 10px; } .enoturismo-list-item .enoturismo-list-item-content .text ul { text-align: left; padding-left: 18px; margin-top: 10px; } .enoturismo-list-item .enoturismo-list-item-content .more.btn-wrapper { margin-top: 40px; } .enoturismo-list-item .enoturismo-list-item-content .more.btn-wrapper .btn-reservar .ui-datepicker-inline { position: absolute; } .enoturismo-seo { padding: 60px 0 20px 0; background-color: #eee; } .enoturismo-seo .enoturismo-seo_h4 { font-weight: 700; font-size: 18px; letter-spacing: 0; line-height: 28px; margin-bottom: 15px; } .enoturismo-seo p, .enoturismo-seo ul { font-size: 16px; letter-spacing: 0; line-height: 28px; margin-bottom: 40px; } .enoturismo-seo ul li { list-style: square; margin-left: 14px; } .enoturismo-seo:nth-child(odd) { margin-top: 100px; } .enoturismo-seo:nth-child(even) { background-color: #fff; } @media all and (max-width: 1251px) { .enoturismo-pre .enoturismo-pre-list { column-gap: 30px; } .enoturismo-pre .enoturismo-pre-list .enoturismo-pre-item .btn-wrapper .btn, .enoturismo-pre .enoturismo-pre-list .enoturismo-pre-item .btn-wrapper .btn--transparent { padding: 15px 40px; } } @media all and (max-width: 1025px) { .enoturismo-pre .enoturismo-pre-list { flex-direction: column; row-gap: 20px; } .enoturismo-list-item { flex-direction: column; } .enoturismo-list-item.enoturismo-list-item { flex-direction: column; } .enoturismo-list-item .enoturismo-list-item-content { padding: 30px 0; } } @media all and (max-width: 769px) { /* Detalle de Enoturismo / Experiencias */ .enoturismo-pre .enoturismo-pre-list .enoturismo-pre-item .enoturismo-info { font-size: 16px; } .enoturismo-seo { padding: 0; padding-top: 30px; padding-left: 10px; padding-right: 10px; } .enoturismo-seo p, .enoturismo-seo ul { margin: 0; padding-bottom: 30px; } .enoturismo-seo:nth-child(odd) { margin-top: 50px; } } .checkin-experiencias .checkin-section.calendar { padding-bottom: 0px; margin-bottom: 0px; } .checkin-experiencias .checkin-section.quantity { border-top: 0 none !important; } .checkin-experiencias .checkin-section-pax { display: flex; align-items: center; } .checkin-experiencias .checkin-section-pax input { border: 1px solid #ccc; box-sizing: border-box; padding: 8px; border-radius: 3px; width: 100%; max-width: 160px; } .checkin-experiencias .checkin-section-pax .subtitle { padding-top: 0px; padding-left: 15px; } .checkin-experiencias .block-data-total.disabled .checkin-box { border-color: #ccc !important; } .checkin-experiencias .block-data-total.disabled .checkin-box h5, .checkin-experiencias .block-data-total.disabled .checkin-box p, .checkin-experiencias .block-data-total.disabled .checkin-box b { color: #ccc !important; } .checkin-experiencias .block-data-total.disabled .btn { cursor: not-allowed; pointer-events: none; background-color: #ccc; } .checkin-calendar-hour-popup .checkin-calendar-hour { display: flex; gap: 10px; padding: 10px 0 0 0; } .checkin-calendar-hour-popup .checkin-calendar-hour a { border: 1px solid #4e7b88; border-radius: 2px; padding: 0 10px; text-align: center; } .checkin-calendar-hour-popup .checkin-calendar-hour a:hover { color: #fff; background-color: #4e7b88; text-decoration: none; } .checkin-calendar { width: 100%; display: inline-block; margin-top: 20px; } .checkin-calendar .ui-datepicker-inline { width: 100%; box-sizing: border-box; border: 1px solid #e3e1e1; padding: 35px; } .checkin-calendar .ui-datepicker-inline .ui-datepicker-header { background-color: transparent; border: 0; } .checkin-calendar .ui-datepicker-inline .ui-datepicker-calendar thead { border-bottom: 1px solid #e3e1e1; } .checkin-calendar .ui-datepicker-inline .ui-datepicker-calendar thead th { color: #ccc; } .checkin-calendar .ui-datepicker-inline .ui-datepicker-calendar tbody td { padding-top: 10px; } .checkin-calendar .ui-datepicker-inline .ui-datepicker-calendar tbody td a { text-align: center; border: 0; background-color: transparent; border-radius: 3px; } .checkin-calendar .ui-datepicker-inline .ui-datepicker-calendar tbody td a.ui-state-highlight { color: #4e7b88 !important; background-color: transparent !important; } .checkin-calendar .ui-datepicker-inline .ui-datepicker-calendar tbody td a:hover { background-color: #f8f8f8 !important; } .checkin-calendar .ui-datepicker-inline .ui-datepicker-calendar tbody td a.ui-state-active { background-color: #4e7b88; color: #fff; } .checkin-calendar .ui-datepicker-inline .ui-datepicker-calendar tbody td.ui-state-disabled { /*&.ui-datepicker-days-cell-over { .ui-state-active { background-color: #fff; color: inherit; } }*/ } .checkin-calendar .ui-datepicker-inline .ui-datepicker-calendar tbody td.ui-state-disabled .ui-state-default { text-align: center; background-color: rgba(78, 123, 136, 0.3); border: 0; } @media (max-width: 660px) { .checkin-calendar .ui-datepicker-inline { padding: 15px; } } .testimonials-wrapper { color: #000; } .testimonials-wrapper .testimonial-item { background: #fff; padding: 40px; margin-bottom: 40px; display: flex; column-gap: 30px; margin: 0 auto; border-bottom: 1px solid #ccc; } .testimonials-wrapper .testimonial-item:last-of-type { border-bottom: 0; } .testimonials-wrapper .testimonial-item .testimonial-image { align-self: flex-start; } .testimonials-wrapper .testimonial-item .testimonial-image img { border-radius: 100px; } .testimonials-wrapper .testimonial-item .testimonial-container { text-align: left; } .testimonials-wrapper .testimonial-item .testimonial-container .testimonial-name, .testimonials-wrapper .testimonial-item .testimonial-container .testimonial-position { font-size: 18px; line-height: 34px; } .testimonials-wrapper .testimonial-item .testimonial-container .testimonial-position { color: #000; } .testimonials-wrapper .testimonial-item .testimonial-container .testimonial-name { font-weight: bold; text-transform: uppercase; } .testimonials-wrapper .testimonial-item .testimonial-container .testimonial-content { margin-top: 30px; font-size: 16px; line-height: 28px; } @media all and (max-width: 769px) { .testimonials-wrapper .testimonial-item { flex-direction: column; padding: 20px; } .testimonials-wrapper .testimonial-item .testimonial-image { margin-bottom: 15px; margin: 0 auto; } .testimonials-wrapper .testimonial-item .testimonial-container { text-align: center; } .testimonials-wrapper .testimonial-item .testimonial-container .testimonial-position, .testimonials-wrapper .testimonial-item .testimonial-container .testimonial-name { font-size: 16px; } .testimonials-wrapper .testimonial-item .testimonial-container .testimonial-content { font-size: 14px; margin-top: 15px; } } .video-grid { width: 100%; float: left; display: grid; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 15px; row-gap: 15px; margin-bottom: 60px; } .video-grid[data-count="1"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 804px)); } .video-grid[data-count="2"] { display: grid; grid-template-columns: repeat(2, 1fr); } .video-grid[data-count="4"] { display: flex; flex-wrap: wrap; } .video-grid[data-count="4"] .video-grid-item { flex-basis: calc(100%/3 - 10px); } .video-grid .video-grid-item { cursor: pointer; position: relative; display: flex; justify-content: center; align-items: center; flex-basis: calc(100%/3 - 10px); } .video-grid .video-grid-item::before { pointer-events: none; content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #ccc; } .video-grid .video-grid-item img { width: 100%; aspect-ratio: 800/600; object-fit: contain; } .video-grid .video-grid-item .video-play svg { width: 40px; } .video-grid .video-grid-item .video-play svg * { fill: #4e7b88; } .video-grid .video-grid-item .video-title { color: #fff; top: 25%; left: 50%; transform: translate(-50%, -30%); position: absolute; font-size: 18px; font-weight: bold; width: 100%; text-align: center; padding: 0 10px; line-height: 28px; } .video-grid .video-grid-item .video-play { position: absolute; pointer-events: none; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media all and (max-width: 769px) { .video-grid .video-title { top: 20% !important; } .video-grid[data-count="1"], .video-grid[data-count="2"] { grid-template-columns: 1fr; } .video-grid[data-count="4"] { display: flex; flex-wrap: wrap; } .video-grid[data-count="4"] .video-grid-item { flex-basis: 100%; } .video-grid .video-grid-item { flex-basis: 100%; } } .video-popup { z-index: 1001; position: fixed; overflow: scroll; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; padding: 20px 0; } .video-popup .video-content { position: relative; height: 100%; } .video-popup .video-content .video-wrapper { display: flex; justify-content: space-between; flex-direction: row-reverse; margin-bottom: 10px; align-items: center; } .video-popup .video-content .videoPop-title { text-transform: uppercase; font-weight: bold; color: #fff; } .video-popup .video-content .video-close { cursor: pointer; width: 30px; height: 30px; border: #fff; color: #fff; border: 2px solid #fff; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-weight: bold; } .video-popup .video-content .video-text { width: 1238px; color: #fff; padding: 10px; background-color: #000; } @media all and (max-width: 1251px) { .video-popup .video-content .video-text { width: 1002px; } } @media all and (max-width: 1025px) { .video-popup .video-content .video-text { width: 746px; } } @media all and (max-width: 769px) { .video-popup .video-content { margin: 0 20px; } .video-popup .video-content .video-text { width: auto; } .video-popup .videoPop-title { width: 260px; max-width: 260px; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; } } .representaciones__list { margin: 60px 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; align-items: flex-end; } .representaciones__list .representaciones__item { border-bottom: 1px solid #efefef; padding-bottom: 15px; } .representaciones__list .representaciones__business { color: #4e7b88; font-weight: bold; margin-bottom: 5px; font-size: 18px; } .representaciones__list .representaciones__documents { margin-top: 15px; } .representaciones__list .representaciones__documents--files a { font-size: 13px; display: flex; align-items: center; column-gap: 5px; flex-wrap: wrap; } .representaciones__list .representaciones__documents--files a svg { width: 20px; fill: #333; } .representaciones__list .representaciones__documents--extension { text-transform: uppercase; font-weight: normal; color: #333; } .representaciones__list .representaciones__website { margin-top: 20px; } .representaciones__list .representaciones__logo { margin-bottom: 25px; } .representaciones__list .representaciones__logo img { max-height: 120px; max-width: 120px; width: 120px; height: 120px; object-fit: contain; } @media all and (max-width: 769px) { .representaciones__list { grid-template-columns: 1fr; } } .releases { padding: 60px 0; } .releases__title { position: relative; font-size: 28px; font-weight: bold; line-height: 150%; color: #333; text-align: center; margin-bottom: 60px; } .releases__title::after { content: ""; position: absolute; bottom: -16px; height: 1px; width: 170px; background-color: #4e7b88; left: 50%; transform: translateX(-50%); } .releases__list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 23px; } .releases__list a { text-decoration: none; } .releases__list--items__image { border: 1px solid #ccc; margin-bottom: 24px; } .releases__list--items__image img { width: 100%; object-fit: contain; } .releases__list--items__title { font-size: 16px; margin-bottom: 8px; } .releases__list--items__author { font-size: 14px; font-weight: 100; } .releases__list--items__category { font-size: 14px; color: #333; font-weight: 100; } @media all and (max-width: 769px) { .releases__list { grid-template-columns: repeat(3, 1fr); } } @media all and (max-width: 480px) { .releases__list { gap: 15px; grid-template-columns: repeat(2, 1fr); } } .products__featured { padding: 60px 0; } .products__featured--title { position: relative; font-size: 28px; font-weight: bold; line-height: 150%; color: #333; text-align: center; margin-bottom: 60px; } .products__featured--title::after { content: ""; position: absolute; bottom: -16px; height: 1px; width: 170px; background-color: #4e7b88; left: 50%; transform: translateX(-50%); } .products__featured--list { display: grid; flex-wrap: wrap; grid-template-columns: repeat(5, 1fr); gap: 24px; } .products__featured--list__items--image { border: 1px solid #ccc; } .products__featured--list__items--image img { width: 100%; object-fit: contain; } @media all and (max-width: 1251px) { .products__featured--list { grid-template-columns: repeat(4, 1fr); } } @media all and (max-width: 769px) { .products__featured--list { grid-template-columns: repeat(3, 1fr); } } @media all and (max-width: 480px) { .products__featured--list { gap: 15px; grid-template-columns: repeat(2, 1fr); } } .redondear-botones .btn, .redondear-botones .btn--transparent { border-radius: 100px !important; }