@import url(https://fonts.googleapis.com/css?family=Merriweather:300i,400i|Cambay:400,700); /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } img { max-width: 100%; } /*! * Bootstrap v4.5.2 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-last { -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .card { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: transparent; background-clip: border-box; border: none; } .card.mb-100 { margin-bottom: 100px; } .card .__img { position: relative; } .card .__img .__date { position: absolute; left: 20px; top: 20px; padding: 8px 18px 8px; display: inline-block; border-radius: 9px; background-color: #ffffff; font-family: 'corona-headline', sans-serif; font-size: 24px; line-height: 20px; margin-bottom: 0; z-index: 2; text-align: center; } .card .__img .__date span { font-size: 18px; display: block; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; } .card > .list-group:last-child { border-bottom-width: 0; } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 2rem 0rem; font-size: 16px; line-height: 24px; } .card-body .__time { font-size: 36px; font-family: 'corona-headline', sans-serif; line-height: 1.2; } .card-body .__time span { font-size: 18px; } .card-title { margin-bottom: 24px; font-size: 36px; font-family: 'corona-headline', sans-serif; } .card.__carousel .__img { vertical-align: middle; position: relative; overflow: hidden; } .card.__carousel .__img img { vertical-align: middle; } .card.__carousel .__img .__date { padding: 9px 12px 5px; border-radius: 9px; font-size: 24px; line-height: 24px; z-index: 2; } .card.__carousel .__img .__date span { font-size: 14px; } .card.__carousel .__img .card-title { position: absolute; left: 20px; bottom: 20px; margin-bottom: 0; font-size: 34px; font-family: 'corona-headline', sans-serif; z-index: 2; } .card.__carousel .__img .backdrop { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 50%; background: rgba(0, 0, 0, 0); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); } .card.__carousel .__img .backdrop.__up { bottom: auto; top: 0; -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } .card.__carousel .card-body { font-size: 14px !important; line-height: 22px !important; padding: .75rem .875rem; } .card-subtitle { margin-top: -0.5rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 0rem; } .card-header { padding: 1rem 0rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-footer { padding: 1rem 0rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-header-tabs { margin-right: 0rem; margin-bottom: -1rem; margin-left: 0rem; border-bottom: 0; } .card-header-pills { margin-right: 0rem; margin-left: 0rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img, .card-img-top, .card-img-bottom { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .card-deck .card { margin-bottom: 15px; } .card-group > .card { margin-bottom: 15px; } .card-columns .card { margin-bottom: 1rem; } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; } .accordion > .card > .card-header { margin-bottom: -1px; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .divider1 { height: 1px !important; } .divider2 { height: 2px !important; } .divider5 { height: 5px !important; } .divider10 { height: 10px !important; } .divider15 { height: 15px !important; } .divider20 { height: 20px !important; } .divider25 { height: 25px !important; } .divider30 { height: 30px !important; } .divider35 { height: 35px !important; } .divider40 { height: 40px !important; } .divider50 { height: 50px !important; } .divider60 { height: 60px !important; } .divider70 { height: 70px !important; } .divider80 { height: 80px !important; } .divider90 { height: 90px !important; } .divider100 { height: 100px !important; } .divider110 { height: 110px !important; } .divider120 { height: 120px !important; } .divider-gutter { height: 30px !important; } /* ------ VARIABLES & FUNCTIONS ------ */ /* Media queries */ /* Cross browser transition */ /* Cross browser transform */ /* Cross browser border-radius */ /* Mouse and tactil gestures */ /* Transform origin (because vendor prefixes) */ /* Size (square by default) */ @font-face { font-family: 'corona-headline'; src: url("../fonts/CoronaHeadline-SemiBold-Web.eot"); src: url("../fonts/CoronaHeadline-SemiBold-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/CoronaHeadline-SemiBold-Web.woff2") format("woff2"), url("../fonts/CoronaHeadline-SemiBold-Web.woff") format("woff"), url("../fonts/CoronaHeadline-SemiBold-Web.ttf") format("truetype"), url("../fonts/CoronaHeadline-SemiBold-Web.svg#corona-headline") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'resshoir'; src: url("../fonts/Resshoir-Regular.eot"); src: url("../fonts/Resshoir-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Resshoir-Regular.woff2") format("woff2"), url("../fonts/Resshoir-Regular.woff") format("woff"), url("../fonts/Resshoir-Regular.ttf") format("truetype"), url("../fonts/Resshoir-Regular.svg#resshoir") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'cocogoose-letterpress'; src: url("../fonts/Cocogoose-Letterpress.eot"); src: url("../fonts/Cocogoose-Letterpress.eot?#iefix") format("embedded-opentype"), url("../fonts/Cocogoose-Letterpress.woff") format("woff"), url("../fonts/Cocogoose-Letterpress.ttf") format("truetype"), url("../fonts/Cocogoose-Letterpress.svg#resshoir") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_Zaio'; src: url("../fonts/Zaio.eot"); src: local("☺"), url("../fonts/Zaio.woff") format("woff"), url("../fonts/Zaio.ttf") format("truetype"), url("../fonts/Zaio.svg") format("svg"); font-weight: normal; font-style: normal; } html { font-size: 15px; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; font-family: "Cambay", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.4; } /*h1,h2,h3,h4{ text-transform: uppercase; }*/ .font-base { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .font-condensed { font-family: "corona-headline", sans-serif; font-weight: 400; line-height: 1.2; } .font-condensed-bold { font-family: "corona-headline", sans-serif; line-height: 1.2; } .font-condensed-light { font-family: "corona-headline", sans-serif; font-weight: 200; line-height: 1.2; } .font-serif { font-family: "adobe_caslon_proregular", Georgia, serif; line-height: 1; } .font-italic { font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; font-style: italic; } .font-light { font-family: "corona-headline", sans-serif; } .font-sunsets { font-family: "corona-headline", sans-serif; } .font-zaio { font-family: "corona-headline", sans-serif; } .font-headline { font-family: "corona-headline", sans-serif; line-height: 1.1; } .font-cocogoose { font-family: "cocogoose-letterpress", sans-serif !important; } .font-resshoir { font-family: "resshoir", sans-serif !important; } .font-size-base { font-size: 1rem; } .font-size-large { font-size: 2rem; } .font-size-small { font-size: 1rem; } .text-uppercase { text-transform: uppercase; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .text-align-center { text-align: center; } .font-size-9 { font-size: 0.5625rem; } .font-size-10 { font-size: 0.625rem; } .font-size-11 { font-size: 0.75rem; } .font-size-12 { font-size: 0.75rem; } .font-size-13, .btn { font-size: 0.8125rem; } .font-size-14 { font-size: 0.875rem; } .font-size-15 { font-size: 0.9375rem; } .font-size-16 { font-size: 1rem; } .font-size-17 { font-size: 1.0625rem; } .font-size-18 { font-size: 1.125rem; } .font-size-19 { font-size: 1.1875rem; } .font-size-20 { font-size: 1.25rem; } .font-size-23 { font-size: 1.4375rem; line-height: 1.4375rem; } .font-size-24 { font-size: 1.5rem; } .font-size-30 { font-size: 1.875rem; } .font-size-33 { font-size: 2.0625rem; } .font-size-27 { font-size: 1.6875rem; } .font-size-28 { font-size: 1.75rem; } .font-size-29 { font-size: 1.8125rem; } .font-size-35 { font-size: 2.1875rem; } .font-size-40 { font-size: 1.875rem; line-height: 1; } .font-size-45 { font-size: 2.8125rem; } .font-size-50 { font-size: 3.125rem; } .font-size-55 { font-size: 3.4375rem; } .font-size-70 { font-size: 4.375rem; } .letter-space { letter-spacing: 2px; word-wrap: break-word; } .letter-space-small { letter-spacing: 1.5px; word-wrap: break-word; } .letter-space-big { letter-spacing: 9px; word-wrap: break-word; } .text-uppercase { text-transform: uppercase; } .text-bold, strong { font-weight: 700; } .text-italic { font-style: italic; } .text-hide { font: 0px/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px none; } .cita { font-style: italic; } .no-transform { text-transform: initial !important; } .dark { background: #002945; color: white; } .light { background: white; color: #002945; } .bg-yellow { background-color: #f7ca4c; color: #fff; } .bg-blue { background-color: #032e5a; color: #fff; } .wide-bottom-link { text-align: center; } .wide-bottom-link.dark { background: rgba(14, 34, 64, 0.63); padding: 10px; } .wide-bottom-link.dark a { color: #fff; } .btn[class*="icon-"] { background-repeat: no-repeat; background-position: center; } .btn.icon-facebook { background-image: url(../images/icon-facebook.png); background-size: 14px; } .btn.icon-twitter { background-image: url(../images/icon-twitter.png); background-size: 25px; } .btn.font-sunsets { font-size: 1rem; } .btn-light { border-color: #002945; color: #002945; } .btn-blue-soft { border-color: #708797; background-color: #708797; color: #fff; } .btn-blue { border-color: #032e5a; background-color: #032e5a; color: #fff; } .btn-dark { border-color: #fff; color: #fff; } .btn-yellow { background-color: #f7ca4c; border-color: #f7ca4c; color: #002945; transition: all .29s ease-in-out; } .btn-yellow:hover { background-color: #d4a732; border-color: #d4a732; } .btn-border-white{ border:1px solid #ffffff; color:#ffffff; text-transform:none; } .btn-border-white:hover{ border:1px solid #ffffff; color:#ffffff; text-transform:none; } .btn-white-trans { background-color: rgba(255, 255, 255, 0.35); color: #fff; border: 0 none; transition: background-color 0.15s ease; } .btn-white-trans:hover, .btn-white-trans:focus, .btn-white-trans.hover { background-color: rgba(255, 255, 255, 0.5); } .btn-blue-transparent { background-color: transparent; border: 1px solid #6f87a0; color: #708797; } .btn-white { background-color: #fff; color: #000; } .background-blue-water { background-image: url(../images/background-blue-water-reflect.png), url(../images/background-blue-water-top-pattern.jpg); background-color: #032e5a; color: #fff; background-repeat: no-repeat, repeat-x; background-position: 50% 0; background-size: 206px, auto 6px; } .background-paper { background-image: url(../images/bg-paper.jpg); background-repeat: repeat; } .color-blue { color: #032e5a; } .color-blue-light { color: #708797; } .color-yellow { color: #f7ca4c; } .color-gray { color: #7d7d7d; } .color-white { color: #fff; } .color-black { color: #1b1b1b; } .color-blue-hard { color: #304667; } /* ------ BOOTSTRAP ------ */ /* ------ COMMON ------ */ body { color: #7d7d7d; position: relative; background: #fff; } * { box-sizing: border-box; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } p { margin: 15px 0; } .no-margin { margin: 0 auto; } .margin { margin: 15px auto; } .margin-top { margin-top: 15px; margin-bottom: 0; } .margin-bottom { margin-top: 0; margin-bottom: 15px; } .margin-double { margin: 30px auto; } .margin-double-top { margin-top: 30px; margin-bottom: 0; } .margin-double-bottom { margin-top: 0; margin-bottom: 30px; } a { text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .strong { font-weight: 800; } .center-table { display: table; width: 100%; } .center-table .middle, .center-table .top, .center-table .bottom { display: table-cell; text-align: center; } .center-table .middle { vertical-align: middle; } .center-table .top { vertical-align: top; } .center-table .botton { vertical-align: bottom; } .center-absolute { position: absolute; width: 100%; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #loading-page { display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #fff; z-index: 999; } #loading-page .loading-txt { color: #002945; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; text-transform: uppercase; font-family: "corona-headline", sans-serif; font-size: 2rem; } .island-top, .island { padding-top: 60px; } .island-bottom, .island { padding-bottom: 60px; } .island-top-small, .island-small { padding-top: 30px; } .island-bottom-small, .island-small { padding-bottom: 30px; } .island-top-big, .island-big { padding-top: 120px; } .island-bottom-big, .island-big { padding-bottom: 120px; } .video-cover { position: absolute; top: 0; overflow: hidden; display: none; } .video .video-cover { display: block; } .video .video-cover video { min-width: 100%; min-height: 100%; display: block; } .video-contain video { width: 100%; background-color: #000; object-fit: contain !important; } .btn { display: inline-block; text-decoration: none; font-weight: 800; padding: 14px 30px 10px; /*-webkit-border-radius: $args; -moz-border-radius: $args;*/ border-radius: 4px; margin: 7.5px; } .btn:active { -ms-transform: translate(0, 1px); -webkit-transform: translate(0, 1px); transform: translate(0, 1px); } .btn.no-margin { margin: 0; } .btn-small { padding: 4px 10px 0px; margin: 0 7.5px; } .btn-blue-soft { background-color: #708797; } #redirect_window_btn { outline: 0 none; display: inline-block; background-color: transparent; position: relative; border: 3px solid #fff; padding: 15px 30px; text-transform: uppercase; color: #fff; text-decoration: none; min-width: 190px; text-align: center; box-shadow: none; z-index: 3; background-position: center; background-repeat: no-repeat; } #redirect_window_btn .progress { position: absolute; top: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.2); width: 0%; z-index: -1; height: 100%; border-radius: 0; margin: 0; box-shadow: none; } .list-inline { margin: 0 -7.5px; } .list-inline li { display: inline-block; margin: 0 7.5px; } .separator-1 { width: 36px; height: 7px; background-image: url(../images/separator5.png); } .separator-2 { background-image: url(../images/separator4.png); } .separator-3 { background-image: url(../images/separator7.png); } .separator-4 { background-image: url(../images/separator6.png); } .separator-1, .separator-2, .separator-3, .separator-4 { display: block; background-position: center; background-repeat: no-repeat; background-size: contain; margin-left: auto; margin-right: auto; height: 8px; width: 57.75px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; /*-o-object-fit: contain; object-fit: contain;*/ } .scroll-link { width: 18.75px; height: 69px; background-image: url(../images/icon-scroll.png); background-repeat: no-repeat; background-size: 18.75px auto; background-position: center; display: inline-block; } .video-slider li { position: relative; } .video-slider .img-content img { display: block; width: 100%; height: auto; } .video-slider .txt-content { position: absolute; top: 50%; left: 50%; z-index: 1; line-height: 1; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-slider .video-subtitle { border-top: 1px solid #002945; border-bottom: 1px solid #002945; display: inline-block; padding: 2px 10px 0; } .video-slider .video-subtitle.color-yellow { border-top: 1px solid #f7ca4c; border-bottom: 1px solid #f7ca4c; } .video-slider .icon-video-play { display: inline-block; } .video-slider .icon-video-play:after { content: ""; display: block; width: 50px; height: 50px; margin-top: 15px; background-size: 18px auto; background-color: rgba(12, 35, 64, 0.56); background-image: url(../images/icon-play.png); background-repeat: no-repeat; background-position: 56% 50%; /*-webkit-border-radius: $args; -moz-border-radius: $args;*/ border-radius: 50%; } .video-slider .video-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .wide-title { background-color: #f7ca4c; color: #fff; font-weight: 700; font-size: 1.25rem; letter-spacing: 3px; display: block; padding: 20px 0 15px 0; text-align: center; } .wide-title.triangle-bottom { position: relative; } .wide-title.black { background-color: #121316; } .wide-title.triangle-bottom:after { content: ""; background-image: url(../images/vicious/triangle-bottom-blue.png); background-repeat: no-repeat; width: 32px; height: 13px; position: absolute; bottom: -13px; left: 50%; margin-left: -16px; background-size: 16px 7px; } .wide-title.transparent { background-color: transparent; } .magnific_popup button.mfp-close { left: initial; right: 10px; background: url(../images/pop-up-close-2.png) no-repeat center transparent; top: 5px; } .firstSection { max-width: calc(100vw - 267px); margin: 0 auto; } .container-fluid:before, .container-sm:before, .container-md:before, .container-lg:before, .container-xl:before, .container:before, .container-small:before, .container-medium:before, .clear:before, .row:before, .container-fluid:after, .container-sm:after, .container-md:after, .container-lg:after, .container-xl:after, .container:after, .container-small:after, .container-medium:after, .clear:after, .row:after { content: " "; } .container-fluid:after, .container-sm:after, .container-md:after, .container-lg:after, .container-xl:after, .container:after, .container-small:after, .container-medium:after, .clear:after, .row:after { clear: both; } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container, .container-small, .container-medium { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 100%; } .row { margin-left: -15px; margin-right: -15px; } .col { padding-left: 15px; padding-right: 15px; } /* Sistema de columnas. Es una especie de bootstrap optimizado, para usarlo hay que añadir al contenedor la clase [medida]-col-[nº columnas], por ejemplo: md-col-3. Para que haga efecto las columnas tienen que tener la clase .col. */ *[class*='col-'] { overflow: hidden; } *[class*='col-'] .col { float: left; padding: 0 15px; } .col-1 .col { width: 100%; } .col-2 .col { width: 50%; } .col-2 .col2 { width: 100%; } .col-3 .col { width: 33.333%; } .col-4 .col { width: 25%; } .col-5 .col { width: 20%; } .col.right { float: right; } .isotope-grid .item, .isotope-grid .grid-sizer { float: left; width: 50%; } .isotope-grid .item.w2, .isotope-grid .grid-sizer.w2 { width: 100%; } /*! * animate.css -http://daneden.me/animate * Version - 3.5.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } .flash { -webkit-animation-name: flash; animation-name: flash; } .tada { -webkit-animation-name: tada; animation-name: tada; } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } .bgPositionSmall { -webkit-animation-name: bgPositionSmall; animation-name: bgPositionSmall; } .bgPosition { -webkit-animation-name: bgPosition; animation-name: bgPosition; } .transformScaleIn { -webkit-animation-name: transformScaleIn; animation-name: transformScaleIn; /*-webkit-animation-fill-mode: both; animation-fill-mode: both;*/ } .transformScaleOut { -webkit-animation-name: transformScaleOut; animation-name: transformScaleOut; /*-webkit-animation-fill-mode: both; animation-fill-mode: both;*/ } .pageload-overlay { position: fixed; z-index: 999; width: 100%; height: 100%; top: 0; left: 0; visibility: visible; background: #fff; } .pageload-overlay > .inner { position: absolute; top: 50%; width: 100%; z-index: 9999; color: #002945; text-align: center; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-bottom: 100px; font-family: "corona-headline", sans-serif; font-size: 32px; } .pageload-overlay.show { visibility: visible; display: block; } .pageload-overlay svg { position: absolute; top: 0; left: 0; pointer-events: none; } .pageload-overlay svg path { fill: #fff; } .pageload-overlay::after, .pageload-overlay::before { content: ''; position: fixed; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; border-radius: 50%; visibility: hidden; opacity: 0; z-index: 1000; transition: opacity 0.15s, visibility 0s 0.15s; } .pageload-loading.pageload-overlay::after, .pageload-loading.pageload-overlay::before { opacity: 1; visibility: visible; transition: opacity 0.3s; } .pageload-overlay::after { background: rgba(247, 202, 76, 0.75); -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); -webkit-animation: moveRight 0.6s linear infinite alternate; animation: moveRight 0.6s linear infinite alternate; } .pageload-overlay::before { background: rgba(0, 41, 69, 0.75); -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-animation: moveLeft 0.6s linear infinite alternate; animation: moveLeft 0.6s linear infinite alternate; } /* ------ COMMON PARTS ------ */ #header { position: absolute; top: 0; left: 0; right: 0; z-index: 10; height: 70px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition: all 400ms ease-out; } #logo { display: inline-block; position: absolute; top: 15px; left: 15px; width: 65px; height: 43px; z-index: 9; } #logo .img-logo { width: 100%; } #logo .img-logo.png { display: none; } #logo .img-logo.svg .logo-crown { fill: #f7ca4c; } #logo .img-logo.svg .logo-text { fill: #002945; } .no-svg #logo .img-logo.svg { display: none; } .no-svg #logo .img-logo.png { display: block; } .menu-active #logo { display: none; } .icon-menu-toggle { width: 25px; height: 25px; z-index: 9; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: 0.35s ease-in-out; cursor: pointer; } .icon-menu-toggle span { display: block; position: absolute; height: 3px; width: 100%; background: #000000; opacity: 1; left: 0; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: 0.35s ease-in-out; } .icon-menu-toggle span:nth-child(1) { top: -1px; } .icon-menu-toggle span:nth-child(2), .icon-menu-toggle span:nth-child(3) { top: 8px; } .icon-menu-toggle span:nth-child(4) { top: 17px; } .menu-active .icon-menu-toggle span:nth-child(1) { top: 21px; width: 0%; left: 50%; } .menu-active .icon-menu-toggle span:nth-child(2) { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-active .icon-menu-toggle span:nth-child(3) { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-active .icon-menu-toggle span:nth-child(4) { top: 21px; width: 0%; left: 50%; } .menu-toggle { display: block; position: absolute; top: 29px; right: 15px; } #main_nav { position: relative; height: 100%; background: #fff; } #main_nav .nav-list { font-size: 11px; font-weight: 800; } #main_nav .nav-list:first-child { padding-top: 0; } #main_nav .nav-list li { padding: 4px 0; } #main_nav .nav-list li.current-route > a { text-decoration: underline; } #main_nav .nav-list li a.current-route { text-decoration: underline; } #main_nav .nav-list li.disable a { color: #bfbfbf; } #main_nav .nav-list a { font-family: "corona-headline", sans-serif; font-size: 20px; line-height: 24px; } #main_nav .nav-list a.disable { color: #fbfbfb; } #main_nav .nav-list .children { position: relative; } #main_nav .nav-list .children > .container { padding-top: 5px; padding-bottom: 0; } #main_nav .nav-list .children.has_descriptions li { /* @include bp($min-menu-expanded-width){ .desc{ display: none; } #home &{ //Solo en la home !* display: table-cell; vertical-align: top;*! //padding: 0 $gutter 0 $gutter; //border-right: 1px solid $color_yellow_soft-borders; !* &:last-child{ border-right: 0 none; }*! a{ text-transform: uppercase; color:$color_text_dark; font-weight: 700; letter-spacing: 1px; } !* .desc{ display: block; text-transform: none; font-style: italic; font-weight: 400; letter-spacing: 0px; padding-top: 40px; background-image: url(../images/separator4.png); background-repeat: no-repeat; background-position: center 15px; }*! } }*/ } #main_nav .nav-list .children.has_descriptions li a { font-size: 14px; line-height: 20px; color: #000000; } #main_nav .nav-list .children.has_descriptions li a.disable { color: #bfbfbf; text-decoration: none; cursor: pointer; } #main_nav .nav-list .children.has_descriptions li a.disable a { color: #bfbfbf; } #main_nav .nav-list li.has_children { position: relative; } #main_nav .nav-list li.has_children .children { /* display: none; @include bp($min-menu-expanded-width) { display: block; }*/ } #main_nav .nav-list li.has_children.user_hover > a { color: #000000; } #main_nav .nav-list li.has_children.user_hover .children { display: block; opacity: 1; -ms-transform: translate(0, 0%); -webkit-transform: translate(0, 0%); transform: translate(0, 0%); } body:not(#home) #header:not(.header_collapse) #main_nav .nav-list li.has_children.current:not(.user_hover) .children { opacity: 1; -ms-transform: translate(0, 0%); -webkit-transform: translate(0, 0%); transform: translate(0, 0%); } #main_nav .nav-list li.has_children.current .children { display: block; } #main_nav a { color: #000000; font-weight: 700; } #main_nav a:hover, #main_nav a:focus, #main_nav a.hover { color: #000000; text-decoration: underline; } #main_nav a.yellow-link { color: #fbb914; } #main_nav a.yellow-link:hover, #main_nav a.yellow-link:focus, #main_nav a.yellow-link.hover { color: #000000; } #main_nav .casa-corona > a { color: #000000; line-height: .8; font-size: 30px; } #main_nav #login-link { color: #000000; font-size: 14px; } .separator { display: inline-block; font-size: 1.1rem; color: #000; } .menu-container { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); height: 100vh; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; background-color: #fff; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transition: all 0.5s 0s cubic-bezier(1, 0, 0, 1); width: 100%; padding-bottom: 0; padding-left: 5vw; } .menu-container .nav-list { opacity: 0; transition: opacity .3s ease-in-out; } .menu-container #nav-list-first { -webkit-order: 2; -ms-flex-order: 2; order: 2; text-align: left; position: relative; z-index: 2; background-color: transparent; margin-bottom: 25px; } .menu-container #nav-list-second { -webkit-order: 1; -ms-flex-order: 1; order: 1; text-align: left; } .menu-container #nav-list-second ul { text-align: left; } .menu-container #nav-list-second li { position: relative; } .menu-active .menu-container { margin: 0 auto; -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); padding-top: 0; background-color: #fff; } .menu-active .menu-container .nav-list { opacity: 1; transition-delay: .3s; } .rsss-menu { padding-top: 20px; } .rsss-menu > li { display: inline-block !important; } .rsss-icon { width: 23px; height: 23px; } .rsss-item { padding-right: 15px !important; } .rsss-icon--instagram path { fill: #000000; stroke: #000000; } .menu-decorator { position: absolute; top: -20%; left: 20px; width: 100%; max-width: 130px; z-index: 0; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); } .menu-decorator path { stroke: #fbeab5; } body.menu-active { height: 100%; overflow: hidden; } body.no_cookie { min-height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body.no_cookie > #header, body.no_cookie > #container, body.no_cookie > #footer { display: none !important; } .colophon--age { margin-top: auto; } .colophon--age #legal .footer-links-content { padding-right: 100.5px !important; } #cookiesadvice { background: #fae9b8; color: #002945; position: relative; top: 0; bottom: 0; left: 0; right: 0; min-height: 100vh; z-index: 9999; width: 100%; overflow-x: hidden; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; } #cookiesadvice #colophon .copy-content { padding: 20px 15px 20px; } #cookiesadvice .container-cookies-flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #cookiesadvice .container-cookies-flex .container-inner-cookies { width: 100%; text-align: center; } #cookiesadvice .logoCorona { width: 100px; display: block; margin: 0 auto; margin-bottom: 10px; } #cookiesadvice .logoCorona path { fill: #002945; } #cookiesadvice .middle { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; height: auto; } #cookiesadvice .middle .cookies-content { width: 100%; } #cookiesadvice .container-small { padding: 50px 30px; width: 100%; max-width: 834px; min-height: initial; } #cookiesadvice .center-logo { margin-bottom: 20px; width: 6rem; } #cookiesadvice .welcome-txt { font-size: 1.5rem; font-family: "corona-headline", sans-serif; } #cookiesadvice .ornament_2 { background: url(../images/ornament_2.png) repeat-x top right transparent; background-size: auto 0.5625rem; width: 5.9375rem; height: 0.5625rem; display: block; margin: 15px auto 10px; } #cookiesadvice .cookies_title { color: #002945; font-size: 2.3rem; margin: 15px auto 0; line-height: 1; font-family: "corona-headline", sans-serif; } #cookiesadvice .cookies_txt { font-family: "Cambay", Helvetica, arial, sans-serif; font-size: 13.5px; margin-bottom: 20px; } #cookiesadvice .cookies_txt a { text-decoration: underline; color: #002945; font-weight: bold; } #cookiesadvice .cookies_txt a:link, #cookiesadvice .cookies_txt a:visited, #cookiesadvice .cookies_txt a:active, #cookiesadvice .cookies_txt a:hover { color: #002945; } #cookiesadvice .select_birthdate { text-align: center; } #cookiesadvice .select_birthdate .inputscontent { width: 100%; max-width: 280px; display: inline-block; border: 3px solid #002945; padding: 6px 2px; margin: 0 5px 15px; vertical-align: top; } #cookiesadvice .select_birthdate .inputscontent input { text-align: center; background: transparent; border: 0 none; line-height: 2rem; font-size: 1.5625rem; color: #002945; } #cookiesadvice .select_birthdate .inputscontent input::-webkit-input-placeholder { /* WebKit browsers */ color: #002945; } #cookiesadvice .select_birthdate .inputscontent input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #002945; opacity: 1; } #cookiesadvice .select_birthdate .inputscontent input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #002945; opacity: 1; } #cookiesadvice .select_birthdate .inputscontent input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #002945; } #cookiesadvice .select_birthdate .inputscontent .day, #cookiesadvice .select_birthdate .inputscontent .month { width: 72px; border-right: 2px solid #002945; /*-webkit-border-radius: $args; -moz-border-radius: $args;*/ border-radius: 0; } #cookiesadvice .select_birthdate .inputscontent .year { width: 95px; } #cookiesadvice .select_birthdate .inputscontent input:focus, #cookiesadvice .select_birthdate .inputscontent .button:focus { outline: none !important; } #cookiesadvice .select_birthdate .button { display: inline-block; vertical-align: top; text-align: center; background: transparent; border: 3px solid #002945; line-height: 2rem; font-size: 1.5625rem; color: #002945; padding: 7px 20px; margin: 0 5px 15px; cursor: pointer; } #cookiesadvice .select_birthdate .button:focus { outline: none; } #cookiesadvice input { font-family: "corona-headline", sans-serif; } #cookiesadvice input[type="checkbox"] + label:before { border: 2px solid #002945; } #cookiesadvice input[type="checkbox"] + label a { font-weight: bold; } #cookiesadvice input[type="checkbox"] + label a:link, #cookiesadvice input[type="checkbox"] + label a:hover, #cookiesadvice input[type="checkbox"] + label a:active, #cookiesadvice input[type="checkbox"] + label a:visited { color: #002945; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: rgba(0, 0, 0, 0.666); } .mfp-wrap { top: 0; left: 0; right: 0; height: 100%; z-index: 99999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 9999; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 9999; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; position: absolute; top: 0; width: 30px; height: 30px; background: url(../images/pop-up-close.png) no-repeat center transparent; } .no_cookie .mfp-close { background: url(../images/pop-up-close-2.png) no-repeat center transparent; right: 20px; left: initial; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: 0; text-align: right; width: 30px; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; margin: 0; top: 50%; margin-top: -17px; padding: 0; width: 40px; height: 40px; -webkit-tap-highlight-color: transparent; background-color: transparent; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { /*content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent;*/ } .mfp-arrow:after, .mfp-arrow .mfp-a { /*border-top-width: 13px; border-bottom-width: 13px; top: 8px;*/ } .mfp-arrow:before, .mfp-arrow .mfp-b { /*border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7;*/ } .mfp-arrow-left { background: url(../images/arrow-prev.png) no-repeat center transparent; background-size: contain; left: 7.5px; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { background: url(../images/arrow-next.png) no-repeat center transparent; background-size: contain; right: 7.5px; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 1280px; /*max-width: 900px;*/ } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* overlay at start */ .mfp-animate.mfp-bg { opacity: 0; transition: all 1s ease-out; } /* overlay animate in */ .mfp-animate.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-animate.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-animate.mfp-wrap .mfp-content { opacity: 0; transition: all 1s ease-out; } /* content animate it */ .mfp-animate.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-animate.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-content { max-width: 540px; } .mfp-content > div #homeslider { padding: 90px 60px; } .magnific_popup { font-family: "corona-headline", sans-serif; background: #fff; color: #002945; font-size: 1.675rem; line-height: 1.9rem; text-transform: uppercase; text-align: center; padding: 30px 30px; } .magnific_popup .btn { font-family: "Cambay", Helvetica, arial, sans-serif; } .magnific_popup input { color: #002945 !important; border: 2px solid #002945 !important; outline: 0 none !important; } .magnific_popup .input-cont { margin: 0 auto; } .magnific_popup label a { color: #002945 !important; } .magnific_popup input[type="checkbox"] + label::before { border: 2px solid #002945 !important; } .magnific_popup #form_email { font-family: "Cambay", Helvetica, arial, sans-serif; font-size: 1rem; text-transform: none; text-align: center; } .magnific_popup #form_email #btn_form_addEmail { border: 2px solid #002945 !important; } .mfp-fullscreen + .mfp-wrap .mfp-container:before { content: none; } .mfp-fullscreen + .mfp-wrap .mfp-container .mfp-content { max-width: 100%; } .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .footer-links { padding: 0; list-style: none; } .footer-links li a { display: inline-block; font-size: 12px; line-height: 19px; color: #FFFFFF; margin-bottom: 10px; text-transform: uppercase; } .footer-links li a:hover { text-decoration: underline; } .footer-links li .children { padding-left: 10px; display: block; } .footer-links li .children li { float: none; width: auto; } .footer-links li .children li a { text-transform: initial; margin-bottom: 0; } .footer-links.footer-links-legal li a { margin-bottom: 4px; text-transform: initial; } .footer-links.footer-links-age li { display: inline-block; float: none; width: auto; margin-bottom: 0; margin-left: 3px; margin-right: 3px; } .footer-links.footer-links-age li a { text-transform: initial; } #web-map { background-color: #032e5a; padding: 30px 0; overflow: hidden; } #web-map .col-derecha-mobile { text-align: right !important; } #web-map #rrss_buttons_footer { display: block; margin-top: 20px; margin-bottom: 15px; } #web-map #rrss_buttons_footer .rrss_link { width: 40px; height: 40px; display: inline-block; margin-left: 10px; } #web-map #rrss_buttons_footer .rrss_link img { width: 40px; height: 40px; } #web-map #rrss_buttons_footer .rrss_link:after { display: none !important; background-color: transparent !important; } #colophon { background-color: #042242; display: block; overflow: hidden; position: relative; } #colophon .copy-content { text-align: center; font-size: 12px; line-height: 19px; padding: 20px 35px; color: #f3f2f0; } #colophon .copy-content br { display: none; } .flexslider.video-slider .flex-direction-nav { opacity: 1; } .flexslider.video-slider .flex-direction-nav .flex-nav-prev:hover, .flexslider.video-slider .flex-direction-nav .flex-nav-next:hover { -ms-transform: translate(0, -50%) scale(1); -webkit-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); } .flexslider.video-slider .flex-direction-nav .flex-nav-prev { left: 0; } .flexslider.video-slider .flex-direction-nav .flex-nav-next { right: 0; } .flexslider.video-slider .flex-direction-nav .flex-prev, .flexslider.video-slider .flex-direction-nav .flex-next { background-color: rgba(12, 35, 64, 0.56); width: 30px; height: 30px; background-size: 7px auto; } .flexslider.video-playing.video-slider .flex-direction-nav { opacity: 0; } .flexslider.video-playing.video-slider:hover .flex-direction-nav { opacity: 1; } .flexslider { overflow: hidden; position: relative; } .flexslider .slides .slide.js_adjustheight { display: table !important; } .flexslider .slides .slide.js_adjustheight .slide-container { display: table-cell; vertical-align: middle; padding: 15px 15px 50px 15px; } .flexslider .slides .slide .slide-content { margin: 0 auto; max-width: 760px; padding: 30px; } #sunset-sessions .flexslider .slides .slide .slide-content { color: #fff; } .flexslider .slides .slide video { object-fit: cover; } .flexslider .slides .slide video::-webkit-media-controls { display: none; } .flexslider .slide { font-size: 12px; } .flexslider .slide img.mobile-resize { max-width: 135px; } .flexslider .slide#slide-music-trip { font-family: 'cubanoregular', sans-serif; } .flexslider .slide#slide-music-trip h1 { font-family: 'cubanoregular', sans-serif; color: #f7ca4c; } .flexslider .flex-control-paging { position: absolute; bottom: 12px; left: 50%; z-index: 1; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .flexslider .flex-control-paging li { display: inline-block; margin: 0 5px; } .flexslider .flex-control-paging li a { display: block; width: 8px; height: 8px; /*-webkit-border-radius: $args; -moz-border-radius: $args;*/ border-radius: 50%; overflow: hidden; text-indent: -100%; background: transparent; border: 1px solid #fff; transition: background 0.45s ease; } .flexslider .flex-control-paging li a.flex-active { background: #fff; } .flexslider .slide-content p { font-weight: 800; font-size: .9375rem; } .flexslider, .gallery-thumbs { position: relative; } .flexslider a, .gallery-thumbs a { outline: 0; } .flexslider .flex-direction-nav, .gallery-thumbs .flex-direction-nav { display: block; } .flexslider .flex-direction-nav .flex-nav-prev, .flexslider .flex-direction-nav .flex-nav-next, .gallery-thumbs .flex-direction-nav .flex-nav-prev, .gallery-thumbs .flex-direction-nav .flex-nav-next { position: absolute; top: 50%; z-index: 1; -ms-transform: translate(0, -50%) scale(1); -webkit-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); transition: all 0.15s ease; } .flexslider .flex-direction-nav .flex-nav-prev:hover, .flexslider .flex-direction-nav .flex-nav-prev:focus, .flexslider .flex-direction-nav .flex-nav-prev.hover, .flexslider .flex-direction-nav .flex-nav-next:hover, .flexslider .flex-direction-nav .flex-nav-next:focus, .flexslider .flex-direction-nav .flex-nav-next.hover, .gallery-thumbs .flex-direction-nav .flex-nav-prev:hover, .gallery-thumbs .flex-direction-nav .flex-nav-prev:focus, .gallery-thumbs .flex-direction-nav .flex-nav-prev.hover, .gallery-thumbs .flex-direction-nav .flex-nav-next:hover, .gallery-thumbs .flex-direction-nav .flex-nav-next:focus, .gallery-thumbs .flex-direction-nav .flex-nav-next.hover { -ms-transform: translate(0, -50%) scale(1.2); -webkit-transform: translate(0, -50%) scale(1.2); transform: translate(0, -50%) scale(1.2); } .flexslider .flex-direction-nav .flex-nav-prev:active, .flexslider .flex-direction-nav .flex-nav-next:active, .gallery-thumbs .flex-direction-nav .flex-nav-prev:active, .gallery-thumbs .flex-direction-nav .flex-nav-next:active { -ms-transform: translate(0, -50%) scale(1); -webkit-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); } .flexslider .flex-direction-nav .flex-nav-prev a, .flexslider .flex-direction-nav .flex-nav-next a, .gallery-thumbs .flex-direction-nav .flex-nav-prev a, .gallery-thumbs .flex-direction-nav .flex-nav-next a { outline: 0 none; width: 17px; height: 34px; display: block; opacity: 1; transition: opacity 0.35s ease; } .flexslider .flex-direction-nav .flex-nav-prev a.flex-disabled, .flexslider .flex-direction-nav .flex-nav-next a.flex-disabled, .gallery-thumbs .flex-direction-nav .flex-nav-prev a.flex-disabled, .gallery-thumbs .flex-direction-nav .flex-nav-next a.flex-disabled { opacity: 0; pointer-events: none; cursor: default; } .flexslider .flex-direction-nav .flex-nav-prev, .gallery-thumbs .flex-direction-nav .flex-nav-prev { left: 7.5px; } .flexslider .flex-direction-nav .flex-nav-prev a, .gallery-thumbs .flex-direction-nav .flex-nav-prev a { background: url(../images/arrow-prev.png) no-repeat center transparent; background-size: contain; } .flexslider .flex-direction-nav .flex-nav-next, .gallery-thumbs .flex-direction-nav .flex-nav-next { right: 7.5px; } .flexslider .flex-direction-nav .flex-nav-next a, .gallery-thumbs .flex-direction-nav .flex-nav-next a { background: url(../images/arrow-next.png) no-repeat center transparent; background-size: contain; } .gallery-thumbs img { display: block; border-right: 1px solid #fff; } .gallery-thumbs .slides li:last-child img { border-right: 0 none; } /* ------ PAGES ------ */ #homeslider { opacity: 0; max-height: 775px; } #homeslider .animable { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #homeslider .slides { background-color: #f0f0f0; color: #fff; } #homeslider .slides > li { position: relative; } #homeslider .slides > li .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; } #homeslider .slides > li .bg--left { background-position: center; } #homeslider .slides > li.prevented .bg { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 14s; animation-duration: 14s; -webkit-animation-timing-function: linear; animation-timing-function: linear; } #homeslider .slides > li:nth-child(even).prevented .bg { -webkit-animation-name: transformScaleIn; animation-name: transformScaleIn; } #homeslider .slides > li:nth-child(odd).prevented .bg { -webkit-animation-name: transformScaleOut; animation-name: transformScaleOut; } #homeslider .slides .island { padding-top: 120px; padding-bottom: 100px; } #homeslider .slides .container-fluid, #homeslider .slides .container-sm, #homeslider .slides .container-md, #homeslider .slides .container-lg, #homeslider .slides .container-xl { padding-left: 30px; padding-right: 30px; } #homeslider .slides h2 { letter-spacing: 0px; line-height: 1.2; font-weight: 400; font-size: 0.8125rem; margin: 10px 0 0 0; } #homeslider .slides h1 { letter-spacing: 0px; line-height: 120%; font-weight: 700; font-size: 1rem; } #homeslider .flex-nav-prev, #homeslider .flex-nav-next, #homeslider .flex-control-paging { z-index: 2; } #homeslider .slide-inner { margin-top: 15px; } .no-flexbox #homeslider .slide-inner { position: relative; z-index: 10; } #homeslider .slide-inner img { margin-bottom: 15px; max-width: 220px; max-height: 120px; } .no-flexbox #homeslider .slide-inner .animable { opacity: 1 !important; } #slide-sunset-sessions { transition: all 10s linear; } #slide-sunset-sessions.animate { background-position: 0 100%; } #home-banners { margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; background-color: rgba(3, 46, 90, 0.5); } #home-banners .banner { float: left; } #home-banners .container-banners { margin: 0 auto; max-width: 1140px; } #home-banners ul { overflow: hidden; } #home-banners li { background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; } #home-banners li a, #home-banners li img { display: block; margin: 0 auto; } #home-product { color: #535353; background-image: url(../images/home/bg-triangle.png); background-color: #fff; background-repeat: no-repeat; position: relative; z-index: 1; /* background-size: auto 100%; background-position: 0 50%;*/ background-size: 200vw; background-position: -100vw 100%; /*background-position: 0 34%*/ /*&:after{ content:""; position: absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,.85); z-index: -1; }*/ /*@include bp($sm){ background-position: 0% 50%; &:after{ content:none; } }*/ } #home-product .product-text { max-width: 560px; text-align: center; } #home-product h1 { color: #032e5a; } #home-product .btn { color: #fff; } /* TEMPORAL ---------------------------------- */ #homeslider #homeslide_12 .slide-inner { color: #002945; } #homeslider #homeslide_12 .slide-inner img { max-width: 220px; } /* #homeslider #homeslide_14{ .bg{ background-position: left; @include bp($lg){ background-position: center; } } } */ /* #homeslider #homeslide_14 .slide-inner { img { max-width: 180px; @include bp($sm) { max-width: 350px; } @include bp($md) { max-width: initial; } } }*/ #redes-sociales { background-color: #f2f2f1; } #redes_sociales { display: block; overflow: hidden; clear: both; padding: 6px 0; } #redes_sociales .item { display: block; position: absolute; clear: none; overflow: hidden; background-position: center !important; background-size: cover !important; } #redes_sociales .item .item-image { position: absolute; top: 6px; left: 6px; right: 6px; bottom: 6px; background-position: center !important; background-size: cover !important; border: 5px solid #fff; } #redes_sociales .item .inner { position: absolute; top: 11px; bottom: 11px; left: 11px; right: 11px; z-index: 1; } #redes_sociales .item .text { position: absolute; top: 50%; left: 0; right: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 15px; text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: .875rem; } #redes_sociales .item .text p { margin: 0; } #redes_sociales .item .text a { color: #d4a732; } #redes_sociales .item .date { font-size: .875rem; } #redes_sociales .item.with_photo .inner { transition: opacity 0.25s ease; opacity: 0; filter: alpha(opacity=0); } #redes_sociales .item.with_photo.type_tweet .inner { background-color: rgba(0, 41, 69, 0.9); color: #fff; } #redes_sociales .item.with_photo.type_tweet .inner a { color: #fff; } #redes_sociales .item.with_photo.type_tweet:not(.w2) .inner { background-image: url(../images/icon-twitter-3.png); background-repeat: no-repeat; background-position: center; } #redes_sociales .item.with_photo.type_instagram .inner { background-color: rgba(247, 202, 76, 0.8); background-image: url(../images/icon-instagram-2.png); background-repeat: no-repeat; background-position: center; } #redes_sociales .item.with_photo:hover .inner, #redes_sociales .item.with_photo:focus .inner, #redes_sociales .item.with_photo.hover .inner { opacity: 1; filter: alpha(opacity=100); } #redes_sociales .item.type_instagram .il-photo__meta { display: none; } #redes_sociales .item.type_tweet:not(.with_photo).w2 .date:before { content: ""; display: block; width: 30px; height: 10px; background: #f7ca4c; clear: both; overflow: hidden; margin: 0 auto 10px; } #redes_sociales .item.type_tweet.with_photo .text { display: none; } #redes_sociales .item.type_tweet.with_photo.w2 .text { display: block; padding-top: 58px; background-image: url(../images/icon-twitter-3.png); background-repeat: no-repeat; background-position: top center; } #redes_sociales .item.type_tweet.with_photo.w2 .date:before { content: ""; display: block; width: 94px; height: 20px; background: url(../images/ornament_3.png); clear: both; overflow: hidden; margin: 0 auto 10px; } #redes_sociales .item.type_tweet:not(.with_photo) { /*&:nth-child(even){ .inner{ background: #fff; } .text{ color:$color-black; } }*/ } #redes_sociales .item.type_tweet:not(.with_photo) .inner { background: #002945; } #redes_sociales .item.type_tweet:not(.with_photo) .text { color: #fff; } #redes_sociales .rrss_buttons { display: table; overflow: hidden; width: 100%; left: 0; padding: 15px; /*@include bp(1600px){ width: 25%; }*/ } #redes_sociales .rrss_buttons .row_txt { display: table-cell; vertical-align: middle; } #redes_sociales .rrss_buttons .row_txt .rrss_txt_2, #redes_sociales .rrss_buttons .row_txt .rrss_txt_1 { max-width: 672px; margin: 0 auto; } #redes_sociales .rrss_buttons .row_txt .rrss_txt_2 { font-size: 12px; } #featured_tweet { /*left:0; width:100%;*/ } #social_buttons li { display: inline-block; } #social_buttons li a { /* &:hover{ &:after{ transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); } } */ } #rrss_buttons_menu { display: block; margin-top: 20px; margin-bottom: 0; } #rrss_buttons_menu .rrss_link { width: 40px; height: 40px; display: inline-block; margin-right: 10px; } #rrss_buttons_menu .rrss_link img { width: 40px; height: 40px; } #gama #container { position: relative; overflow-x: hidden; top: 70px; } #product-nav-container { overflow: hidden; background-color: #f7ca4c; color: #fff; } #product-nav { display: block; overflow: hidden; margin: 0 auto; width: 100%; padding: 9px 0 5px; background-color: transparent; z-index: 2; transition: background 0.5s ease; } .anchorMenuFixed #product-nav { transition: background 0.35s ease; background-color: #f7ca4c; } #product-nav ul { font-size: 0.75rem; transition: font-size 0.35s ease; } .anchorMenuFixed #product-nav ul { font-size: 0.75rem; } #product-nav li { padding-right: 20px; position: relative; height: 31px; line-height: 31px; } #product-nav li:after { content: ""; position: absolute; width: 10px; height: 10px; background-color: #718694; display: block; right: -5px; top: 50%; margin-top: -9px; } #product-nav li:last-child { padding-right: 0; } #product-nav li:last-child:after { content: none; } #product-nav li a { transition: color 0.35s ease; color: white; position: relative; } #product-nav li a:before { content: ""; position: absolute; height: 1px; bottom: 0; left: 50%; width: 40px; margin-left: -20px; background-color: #718694; transition: background 0.35s ease; } .anchorMenuFixed #product-nav li a:before { background-color: transparent; } #product-nav li.current a { color: #718694; } #product-nav a:hover { color: #718694; } #product-history { position: relative; overflow: hidden; } #flexslider_timeline_preview { overflow: hidden; position: absolute; top: 0; left: -5px; right: -5px; bottom: 0; z-index: 1; } #flexslider_timeline_preview .slides { overflow: hidden; } #timeline_carrousel { overflow: hidden; position: relative; z-index: 1; } #timeline_carrousel .slides { overflow: hidden; min-height: 340px; transition: all 0.6s ease-in-out; background: url(../images/product/history/dot.png) repeat-x; background-position: 0 16px; } #timeline_carrousel .slide { transition: width 0.6s ease-in-out; } #timeline_carrousel .slide, #timeline_carrousel .timeline_carrousel_guide { float: left; width: 80%; } #timeline_carrousel .slide.active, #timeline_carrousel .timeline_carrousel_active_guide, #timeline_carrousel #history_navigation { width: 80%; } #timeline_carrousel .slide .slide-date { padding: 15px; position: relative; padding-top: 35px; } #timeline_carrousel .slide .slide-date:after { content: ""; position: absolute; top: 0; left: 15px; width: 36px; height: 36px; display: block; background-image: url(../images/product/history/dot-big.png); /*opacity: 1;*/ transition: opacity 0.6s ease-in-out; } #timeline_carrousel .slide.active .slide-date { /*&:after{ opacity:0; }*/ } #timeline_carrousel #history_navigation { display: block; height: 0; position: relative; z-index: 9; margin: 0 auto; text-align: left; padding: 0 15px; } #timeline_carrousel .slide { cursor: pointer; } #timeline_carrousel .slide .slide-date { text-align: left; padding-bottom: 25%; } #timeline_carrousel .slide .slide-date .slide-date-inner { width: 100%; transition: all 0.6s ease-in-out; } #timeline_carrousel .slide .slide-date .txt { opacity: .75; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-backface-visibility: hidden; transition: all 0.6s ease-in-out; width: 100%; /* @include bp($sm){ max-width: 210px; }*/ } #timeline_carrousel .slide .slide-date h1, #timeline_carrousel .slide .slide-date h2 { line-height: 1.2; } #timeline_carrousel .slide .slide-date h1 { font-size: 19px; margin-bottom: 3px; color: #535353; } #timeline_carrousel .slide .slide-date h2 { color: #7d7d7d; font-size: 10px; } #timeline_carrousel .slide .slide-date p { opacity: 0; color: #535353; font-size: 8px; transition: opacity 0.6s ease-in-out; transition-delay: 0s; line-height: 1.4; margin: 10px 0 0 0; } #timeline_carrousel .slide.active { cursor: initial; } #timeline_carrousel .slide.active .slide-date { /*h1{ font-size:(90/16)+rem; transition-delay: .6s; } h2{ font-size:(38/16)+rem; transition-delay: .6s; } p{ opacity: 1; transition-delay: 1.2s; }*/ } #timeline_carrousel .slide.active .slide-date .slide-date-inner { width: 50%; } #timeline_carrousel .slide.active .slide-date .txt { opacity: 1; -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); } #timeline_carrousel .slide.active .slide-date h2 { color: #535353; } #timeline_carrousel .slide.active .slide-date p { opacity: 1; transition-delay: .6s; } .inline-controls-slider { display: inline-block; position: relative; height: 35px; padding: 0 40px; } .inline-controls-slider .flex-control-nav { overflow: hidden; } .inline-controls-slider .flex-control-nav li { float: left; } .inline-controls-slider .flex-control-nav li a { overflow: hidden; text-indent: -999px; display: block; width: 12px; height: 35px; position: relative; } .inline-controls-slider .flex-control-nav li a:after { content: ""; position: absolute; top: 15px; left: 3.5px; width: 5px; height: 5px; display: block; /*-webkit-border-radius: $args; -moz-border-radius: $args;*/ border-radius: 5px; transition: background 0.35s ease-in-out; background-color: #7d7d7d; } .inline-controls-slider .flex-control-nav li a.flex-active:after { background-color: #002945; } .inline-controls-slider .flex-direction-nav li { display: block; position: absolute; } .inline-controls-slider .flex-direction-nav li a { display: block; overflow: hidden; text-indent: -999px; width: 35px; height: 35px; background-size: contain; background-position: center; background-repeat: no-repeat; } .inline-controls-slider .flex-direction-nav li a:active, .inline-controls-slider .flex-direction-nav li a:focus { outline: none; } .inline-controls-slider .flex-direction-nav li.flex-nav-prev { left: 0; top: 0; } .inline-controls-slider .flex-direction-nav li.flex-nav-next { right: 0; top: 0; } .inline-controls-slider .flex-direction-nav li .flex-prev { background-image: url(../images/arrow-circle-prev.png); } .inline-controls-slider .flex-direction-nav li .flex-next { background-image: url(../images/arrow-circle-next.png); } #ritual-controls-container, #mito-controls-container { height: 42px; padding: 0 47px; } #ritual-controls-container .flex-direction-nav li a, #mito-controls-container .flex-direction-nav li a { width: 42px; height: 42px; } #ritual-controls-container .flex-direction-nav li .flex-prev, #mito-controls-container .flex-direction-nav li .flex-prev { background-image: url(../images/arrow-circle-prev-transparent.png); } #ritual-controls-container .flex-direction-nav li .flex-next, #mito-controls-container .flex-direction-nav li .flex-next { background-image: url(../images/arrow-circle-next-transparent.png); } #ritual-controls-container .flex-control-nav li a, #mito-controls-container .flex-control-nav li a { width: 18px; height: 42px; } #ritual-controls-container .flex-control-nav li a:after, #mito-controls-container .flex-control-nav li a:after { top: 16px; left: 6px; background-color: #b5b5b3; width: 7px; height: 7px; } #ritual-controls-container .flex-control-nav li a.flex-active:after, #mito-controls-container .flex-control-nav li a.flex-active:after { background-color: #032e5a; } /*#mito-controls-container{ height: 45px; padding: 0 50px; .flex-direction-nav{ li{ a{ width:45px; height:45px; } .flex-prev{ background-image: url(../images/arrow-circle-prev-transparent.png); } .flex-next{ background-image: url(../images/arrow-circle-next-transparent.png); } } } .flex-control-nav{ li{ a{ width: 18px; height: 45px; &:after{ top: 18px; left: 5px; background-color: $brand-yellow; width:7px; height:7px; } &.flex-active{ &:after{ background-color: white; } } } } } }*/ #flexslider_timeline_preview .slides li .slide-bg { background-position: center; background-size: cover; background-repeat: no-repeat; } #flexslider_timeline_preview .slides li:nth-child(1) .slide-bg { background-image: url(../images/product/history/bg-1-desktop.jpg); } #flexslider_timeline_preview .slides li:nth-child(2) .slide-bg { background-image: url(../images/product/history/bg-11-desktop.jpg); } #flexslider_timeline_preview .slides li:nth-child(3) .slide-bg { background-image: url(../images/product/history/bg-2-desktop.jpg); } #flexslider_timeline_preview .slides li:nth-child(4) .slide-bg { background-image: url(../images/product/history/bg-10-desktop.jpg); } #flexslider_timeline_preview .slides li:nth-child(5) .slide-bg { background-image: url(../images/product/history/bg-3-desktop.jpg); } #flexslider_timeline_preview .slides li:nth-child(6) .slide-bg { background-image: url(../images/product/history/bg-4-desktop.jpg); } #flexslider_timeline_preview .slides li:nth-child(7) .slide-bg { background-image: url(../images/product/history/bg-9-desktop.jpg); } #flexslider_timeline_preview .slides li:nth-child(8) .slide-bg { background-image: url(../images/product/history/bg-8-desktop.jpg); } #flexslider_timeline_preview .slides li:nth-child(9) .slide-bg { background-image: url(../images/product/history/bg-6-desktop.jpg); } #flexslider_timeline_preview .slides li:nth-child(10) .slide-bg { background-image: url(../images/product/history/bg-7-desktop.jpg); } #product-ritual { position: relative; } #product-ritual .product-ritual-title { line-height: 1; font-size: 2.625rem; } #product-ritual .product-ritual-subtitle { max-width: 320px; margin: 0 auto; border-top: 1px solid rgba(255, 255, 255, 0.35); border-bottom: 1px solid rgba(255, 255, 255, 0.35); padding: 15px 40px 12px; } #product-ritual .product-ritual-txt { font-size: 1.5rem; } #product-ritual .container-small { position: relative; } #flexslider_ritual_preview { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; /*position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; .slides{ li{ .slide-bg{ background-position: center; background-size: cover; background-repeat: no-repeat; } &:nth-child(1){ .slide-bg{ background-image: url(../images/product/ritual/bg-1-desktop.jpg); } } &:nth-child(2){ .slide-bg{ background-image: url(../images/product/ritual/bg-2-desktop.jpg); } } &:nth-child(3){ .slide-bg{ background-image: url(../images/product/ritual/bg-3-desktop.jpg); } } &:nth-child(4){ .slide-bg{ background-image: url(../images/product/ritual/bg-4-desktop.jpg); } } } }*/ } #flexslider_ritual_preview .video_content { object-fit: cover; display: block; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: black; } #flexslider_ritual_carrousel .content-slide { opacity: 1; } #flexslider_ritual_carrousel .before_moving .content-slide { transition: opacity 0.35s ease; opacity: 0; } #product-mito { position: relative; overflow: hidden; } #product-mito .product-mito-subtitle { max-width: 320px; margin: 0 auto; border-top: 1px solid rgba(255, 255, 255, 0.35); border-bottom: 1px solid rgba(255, 255, 255, 0.35); padding: 15px 40px 12px; } #flexslider_mito_preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } #flexslider_mito_preview .slides li .slide-bg { background-position: center; background-size: cover; background-repeat: no-repeat; } #flexslider_mito_preview .slides li:nth-child(1) .slide-bg { background-image: url(../images/product/mito/bg-1-desktop.jpg); } #flexslider_mito_preview .slides li:nth-child(2) .slide-bg { background-image: url(../images/product/mito/bg-2-desktop.jpg); } #flexslider_mito_preview .slides li:nth-child(3) .slide-bg { background-image: url(../images/product/mito/bg-3-desktop.jpg); } #flexslider_mito_preview .slides li:nth-child(4) .slide-bg { background-image: url(../images/product/mito/bg-4-desktop.jpg); } #flexslider_mito_carrousel { color: #535353; } #flexslider_mito_carrousel .slides { text-align: center; } #flexslider_mito_carrousel .mito_carrousel_title { display: inline-block; border-bottom: 1px solid rgba(123, 123, 123, 0.35); padding-bottom: 6px; font-size: 1.5rem; } #flexslider_mito_carrousel .content-slide { opacity: 1; } #flexslider_mito_carrousel .before_moving .content-slide { transition: opacity 0.35s ease; opacity: 0; } #custom_login { color: #fff; position: relative; top: 70px; } #custom_login h1 { text-transform: uppercase; font-size: 2rem; font-weight: 700; } #custom_login button { border: none; } .form-step a:not(.btn) { color: #fff; text-decoration: underline; } .copy-form { overflow: hidden; clear: both; } .form-hidden { display: none; } .btn.btn-rrss { font-size: 2.333rem; padding: 5px; width: 100%; max-width: 180px; height: 77px; margin: 10px 8px; vertical-align: middle; } .btn.btn-rrss.square-button { max-width: 77px; } .btn.btn-rrss.text-middle { padding: 0 5px; line-height: 77px; } .btn.btn-rrss.loading { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: flash; animation-name: flash; cursor: wait; pointer-events: none; } #registrer-methods-wrapper { margin: 0 auto; max-width: 640px; } .or-separator { display: block; text-align: center; padding: 30px 0; position: relative; clear: both; } .or-separator:after, .or-separator:before { content: ""; height: 1px; background: #fff; display: block; top: 45%; position: absolute; } .or-separator:after { left: 0; right: 54%; } .or-separator:before { right: 0; left: 54%; } .or-separator span { display: inline-block; padding: 0 15px; } .input-cont { margin: 20px auto; max-width: 340px; position: relative; } #cookiesadvice .checkbox-cont { text-align: left; display: block; max-width: 428px; margin: 10px auto; } #cookiesadvice .checkbox-cont label { display: block; } #cookiesadvice .checkbox-cont a { text-decoration: underline; } #cookiesadvice input[type="checkbox"] + label:before { border-width: 3px; } #cookiesadvice input[type="checkbox"] + label:after { top: 3px; left: 3px; } #login, #register, #form_email, #form_privacy, #form_change_mail, #login-with-email, #wrong-password, #custom_login, #recuperar_contrasena, #nueva_contrasena, #remind-my-password { padding: 15px; } #login label, #register label, #form_email label, #form_privacy label, #form_change_mail label, #login-with-email label, #wrong-password label, #custom_login label, #recuperar_contrasena label, #nueva_contrasena label, #remind-my-password label { display: block; text-align: left; } #login input[type="text"], #login input[type="password"], #login input[type="email"], #login input[type="number"], #register input[type="text"], #register input[type="password"], #register input[type="email"], #register input[type="number"], #form_email input[type="text"], #form_email input[type="password"], #form_email input[type="email"], #form_email input[type="number"], #form_privacy input[type="text"], #form_privacy input[type="password"], #form_privacy input[type="email"], #form_privacy input[type="number"], #form_change_mail input[type="text"], #form_change_mail input[type="password"], #form_change_mail input[type="email"], #form_change_mail input[type="number"], #login-with-email input[type="text"], #login-with-email input[type="password"], #login-with-email input[type="email"], #login-with-email input[type="number"], #wrong-password input[type="text"], #wrong-password input[type="password"], #wrong-password input[type="email"], #wrong-password input[type="number"], #custom_login input[type="text"], #custom_login input[type="password"], #custom_login input[type="email"], #custom_login input[type="number"], #recuperar_contrasena input[type="text"], #recuperar_contrasena input[type="password"], #recuperar_contrasena input[type="email"], #recuperar_contrasena input[type="number"], #nueva_contrasena input[type="text"], #nueva_contrasena input[type="password"], #nueva_contrasena input[type="email"], #nueva_contrasena input[type="number"], #remind-my-password input[type="text"], #remind-my-password input[type="password"], #remind-my-password input[type="email"], #remind-my-password input[type="number"] { border: 2px solid #fff; padding: 7px 14px 5px; background: transparent; width: 100%; color: #f0f0f0; /*-webkit-border-radius: $args; -moz-border-radius: $args;*/ border-radius: 0; } #login input[type="text"]:focus, #login input[type="password"]:focus, #login input[type="email"]:focus, #login input[type="number"]:focus, #register input[type="text"]:focus, #register input[type="password"]:focus, #register input[type="email"]:focus, #register input[type="number"]:focus, #form_email input[type="text"]:focus, #form_email input[type="password"]:focus, #form_email input[type="email"]:focus, #form_email input[type="number"]:focus, #form_privacy input[type="text"]:focus, #form_privacy input[type="password"]:focus, #form_privacy input[type="email"]:focus, #form_privacy input[type="number"]:focus, #form_change_mail input[type="text"]:focus, #form_change_mail input[type="password"]:focus, #form_change_mail input[type="email"]:focus, #form_change_mail input[type="number"]:focus, #login-with-email input[type="text"]:focus, #login-with-email input[type="password"]:focus, #login-with-email input[type="email"]:focus, #login-with-email input[type="number"]:focus, #wrong-password input[type="text"]:focus, #wrong-password input[type="password"]:focus, #wrong-password input[type="email"]:focus, #wrong-password input[type="number"]:focus, #custom_login input[type="text"]:focus, #custom_login input[type="password"]:focus, #custom_login input[type="email"]:focus, #custom_login input[type="number"]:focus, #recuperar_contrasena input[type="text"]:focus, #recuperar_contrasena input[type="password"]:focus, #recuperar_contrasena input[type="email"]:focus, #recuperar_contrasena input[type="number"]:focus, #nueva_contrasena input[type="text"]:focus, #nueva_contrasena input[type="password"]:focus, #nueva_contrasena input[type="email"]:focus, #nueva_contrasena input[type="number"]:focus, #remind-my-password input[type="text"]:focus, #remind-my-password input[type="password"]:focus, #remind-my-password input[type="email"]:focus, #remind-my-password input[type="number"]:focus { border: 2px solid #f7ca4c; outline: 0 none; } #login input.error, #register input.error, #form_email input.error, #form_privacy input.error, #form_change_mail input.error, #login-with-email input.error, #wrong-password input.error, #custom_login input.error, #recuperar_contrasena input.error, #nueva_contrasena input.error, #remind-my-password input.error { border-color: tomato; } #login input.error + label:before, #register input.error + label:before, #form_email input.error + label:before, #form_privacy input.error + label:before, #form_change_mail input.error + label:before, #login-with-email input.error + label:before, #wrong-password input.error + label:before, #custom_login input.error + label:before, #recuperar_contrasena input.error + label:before, #nueva_contrasena input.error + label:before, #remind-my-password input.error + label:before { border-color: tomato; } #login .error-content, #register .error-content, #form_email .error-content, #form_privacy .error-content, #form_change_mail .error-content, #login-with-email .error-content, #wrong-password .error-content, #custom_login .error-content, #recuperar_contrasena .error-content, #nueva_contrasena .error-content, #remind-my-password .error-content { font-size: 14px; padding: 5px 0 0 0; color: #d4a732; font-weight: normal; line-height: 16px; } #wrong-password h1, #nueva_contrasena h1 { text-transform: uppercase; font-size: 2rem; font-weight: 700; } input[type="checkbox"] { top: 0; left: 0; position: absolute; cursor: pointer; opacity: 0; display: inline-block; vertical-align: middle; z-index: 100; width: 25px; height: 25px; } input[type="checkbox"]:checked + label:after { opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } input[type="checkbox"]:checked + label:before { border-color: #fff; } input[type="checkbox"] + label { padding-left: 40px; font-weight: 400; font-size: 13px; padding-top: 8px; cursor: pointer; min-height: 30px; } input[type="checkbox"] + label:after, input[type="checkbox"] + label:before { content: ""; display: block; width: 25px; height: 25px; position: absolute; top: 0; left: 0; } input[type="checkbox"] + label:after { content: "×"; opacity: 0; top: 2px; left: 2px; text-align: center; font-size: 35px; line-height: 32px; -ms-transform: scale(0.2); -webkit-transform: scale(0.2); transform: scale(0.2); transition: all 0.15s ease; } input[type="checkbox"] + label:before { border: 2px solid #fff; } input[type="radio"] { top: 0; left: 0; position: absolute; cursor: pointer; opacity: 0; display: inline-block; vertical-align: middle; z-index: 100; width: 25px; height: 25px; } input[type="radio"]:focus + label:before { border-color: #f7ca4c; } input[type="radio"]:checked + label:after { opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } input[type="radio"]:checked + label:before { border-color: #fff; } input[type="radio"] + label { position: relative; padding-left: 40px; font-weight: 400; font-size: 13px; padding-top: 8px; cursor: pointer; min-height: 30px; } input[type="radio"] + label:after, input[type="radio"] + label:before { content: ""; display: block; width: 25px; height: 25px; position: absolute; top: 0; left: 0; /*-webkit-border-radius: $args; -moz-border-radius: $args;*/ border-radius: 50%; } input[type="radio"] + label:after { content: "×"; opacity: 0; top: 2px; left: 2px; text-align: center; font-size: 35px; line-height: 32px; -ms-transform: scale(0.2); -webkit-transform: scale(0.2); transform: scale(0.2); transition: all 0.15s ease; } input[type="radio"] + label:before { border: 2px solid #fff; } .register-with-email { margin-bottom: 45px; } #recuperar_contrasena h1 { text-transform: uppercase; font-size: 2rem; font-weight: 700; } #birthdate_cont { margin: 0 -7.5px; overflow: hidden; } #birthdate_cont > div { float: left; padding: 0 7.5px; } #birthdate_cont .day, #birthdate_cont .month { width: 30%; } #birthdate_cont .year { width: 40%; } #sex_cont { overflow: hidden; } #sex_cont h2 { margin-bottom: 5px; } #sex_cont label { display: inline-block; cursor: pointer; margin: 0 7.5px; } #sex_cont input { display: inline-block; vertical-align: text-top; } #btn_form_registro.loading, #btn-login-email-password.loading, #btn_form_addEmail.loading, #acept_baja_usuario.loading { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: flash; animation-name: flash; cursor: wait; pointer-events: none; } #baja_usuario_modal { display: none; background-color: white; color: #002945; padding-left: 30px; padding-right: 30px; } .mfp-content #baja_usuario_modal { display: block; } #baja_usuario_modal h1 { text-transform: uppercase; font-size: 1.75rem; font-weight: 700; } #eventos-corona-music-festival #container { background-image: url("../images/music-festival/music-festival-header-bg.png"); background-position: 50% 0; background-repeat: no-repeat; background-size: 773px auto; } #eventos-corona-music-festival .logo-music-festival { width: 175px; margin-top: 50px; } #music-festival-next-dates .col:last-child ul { background: transparent; } #music-festival-next-dates ul, #music-festival-next-dates li { background: url("../images/separator4.png") no-repeat; } #music-festival-next-dates ul { padding-top: 10px; background-position: 50% 0; } #music-festival-next-dates li { padding-bottom: 10px; background-position: 50% 100%; } #music-festival-next-dates li span { color: #718694; display: inline-block; max-width: 138px; } #music-festival-end { padding-bottom: 115px; background-image: url(../images/sunset-sessions/sunset-sessions-mandala.jpg); background-repeat: no-repeat; background-size: auto 115px; background-position: 50% 100%; } #musicfestivalmap .map-content { width: 100%; overflow-x: scroll; overflow-y: hidden; padding: 0 40px 0 30px; } #musicfestivalmap .map-content img { width: 1169px; max-width: 909px; margin: 0 auto; display: block; } #musicfestivalmap .gradient { position: relative; } #musicfestivalmap .gradient:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; background: url(../images/bg-paper.jpg); -webkit-mask-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); mask-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); } .bg-agenda-header { background-image: url(../images/agenda/header-agenda-corona.jpg); background-size: cover; background-position: center; color: #fff; } .agenda-content li .date { padding: 7.5px 7.5px 7.5px 45px; border-bottom: 1px solid #bac4ca; position: relative; } .agenda-content li .date .date-day { position: absolute; left: 0; top: -3px; } .agenda-content li:nth-child(1) .date { border-top: 1px solid #bac4ca; } .agenda-content li span { display: block; clear: both; } .agenda-content .month { padding: 30px 0 45px 0; } .agenda-content .month:nth-child(even) { background-color: #f2f2f1; } .agenda-content .month:nth-child(odd) { background-color: white; } .surf-title-1, .surf-title-2 { color: #708797; line-height: 1; } #surf .video-slider { margin: 0 15px; overflow: visible; } #surf .video-slider .flex-nav-prev, #surf .video-slider .flex-nav-next { top: 0; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none; } #surf .video-slider .flex-nav-prev a, #surf .video-slider .flex-nav-next a { height: 100%; } #surf .video-slider .flex-nav-prev { left: -30px; } #surf .video-slider .flex-nav-next { right: -30px; } #surf_container { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; background-image: url(../images/surf/surf-bg-pattern.jpg); background-position: center; background-repeat: repeat; background-size: 400px; overflow-x: hidden; } .surf-first { background-image: url(../images/surf/birds-bg.png), url(../images/surf/green-blur-bg.png), url(../images/surf/surf-hor-bar-bg.png); background-position: 0% 100%, 100% 100%, 50% 98%; background-repeat: no-repeat; background-size: 220px, 430px, 1px; } #surf_header { color: #708797; } #surf_header .surf_logo_container { background-image: url(../images/surf/surf-header-bg-mobile.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom center; padding: 24vw 0 41vw 0; } #surf_header .surf_logo { display: block; margin: 0 auto; } #surf_header .surf_logo_desktop { display: none; } #surf-nav { display: block; overflow: hidden; margin: 0 auto; width: 100%; padding: 9px 0 5px; background-color: transparent; z-index: 2; transition: background 0.5s ease; } .anchorMenuFixed #surf-nav { transition: background 0.35s ease; background-color: #f7ca4c; } #surf-nav ul { font-size: 0.75rem; transition: font-size 0.35s ease; } .anchorMenuFixed #surf-nav ul { font-size: 0.75rem; } #surf-nav li { padding-right: 20px; position: relative; height: 31px; line-height: 31px; } #surf-nav li:after { content: ""; position: absolute; width: 10px; height: 10px; background-color: #708797; display: block; right: -5px; top: 50%; margin-top: -9px; } #surf-nav li:last-child { padding-right: 0; } #surf-nav li:last-child:after { content: none; } #surf-nav li a { transition: color 0.35s ease; color: #f7ca4c; position: relative; } #surf-nav li a:before { content: ""; position: absolute; height: 1px; bottom: 0; left: 50%; width: 40px; margin-left: -20px; background-color: #708797; transition: background 0.35s ease; } .anchorMenuFixed #surf-nav li a:before { background-color: transparent; } .anchorMenuFixed #surf-nav li a { color: white; } #surf-nav li.current a { color: #708797; } #surf-nav a:hover { color: #708797; } .surf-aritz-content { padding: 15px; } .surf-aritz-content strong { color: black; } #surf-aritz .surf-aritz-header { min-height: 39vh; background-image: url(../images/surf/surf-aritz-header.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } #surf-aritz .surf-aritz-content { background: white; } #surf-aritz2 { position: relative; } #surf-aritz2 > .container { position: relative; } #surf-aritz2 > .container:before { content: ""; background-image: url(../images/surf/dashed-bottle.png); position: absolute; top: -52vw; width: 38%; left: -15%; height: 167vw; background-size: contain; background-repeat: no-repeat; } #surf-aritz2 > .container:after { content: ""; background-image: url(../images/surf/goaritz.png); background-position: center; background-size: contain; background-repeat: no-repeat; display: block; margin: -15px 15px 30px; height: 21vw; position: relative; } #surf-aritz2 > .container .cita { color: #000000; font-size: 0.8rem; } #surf-aritz2 .surf-aritz-header2 { background-image: url(../images/surf/surf-aritz-content1.jpg); background-size: cover; background-position: top left; min-height: 105vw; } #surf-aritz2 .surf-aritz-content { padding: 15px 15px 15px calc(23% + 30px); min-height: 115vw; } #surf-aritz2 .surf-aritz-content:before { content: url(../images/surf/surf-waves2.png); display: block; margin-top: 15px; } #surf-aritz-videoslider-content { padding: 45px 0 120px; position: relative; z-index: 0; } #surf-aritz-videoslider-content > .container-medium { overflow: visible; position: relative; } #surf-aritz-videoslider-content > .container-medium:after { content: ""; display: block; position: absolute; background-image: url(../images/surf/surf-waves.png); background-size: auto; background-position: top left; width: 214px; height: 149px; top: -40px; right: -140px; background-repeat: repeat-x; z-index: -1; } #surf-aritz-videoslider-content > .container-medium:before { content: ""; display: block; position: absolute; background-image: url(../images/surf/surf-waves.png); background-size: auto; background-position: top left; width: 900px; height: 177px; bottom: -80px; left: 0px; background-repeat: repeat-x; margin-left: -850px; } #world-surf-leage-header { background-image: url(../images/surf/world-surf-leage-header-bg.jpg); background-size: cover; background-position: center bottom; background-repeat: no-repeat; min-height: 62vw; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #world-surf-leage-header #wsl-logo { max-width: 70px; } #world-surf-leage-header .wsl-title { font-size: 2.1875rem; } #world-surf-leage-header .middle { margin-top: -10vw; } #world-surf-leage-content .buttons { text-align: center; } #twitterBox { background-color: rgba(238, 238, 238, 0.34); padding: 9px; } #twitterBox .twitterBox_header, #twitterBox .twitterBox_footer { margin: 15px 9px; } #twitterBox .twitterBox_content { margin: 0 0 15px 0; position: relative; } #twitterBox .twitterBox_content .scroll { max-height: 316px; overflow: scroll; } #twitterBox:not(.loading) .twitterBox_content:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,f9f9f9+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f9f9', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */ } #twitterBox .twitterBox_footer .btn { margin-left: 0; } #twitterBox .twitterBox_header { border-bottom: 1px solid #ebebeb; margin: 15px 0 0; } #twitterBox .twitterBox_header h2 { padding-left: 70px; background-image: url(../images/surf/logo-twitter.png); background-position: top left; background-size: auto 43px; background-repeat: no-repeat; min-height: 58px; margin: 15px 30px 0 30px; padding-bottom: 15px; } #twitterBox .tweets { font-size: 12px; font-family: "Cambay", Helvetica, arial, sans-serif; margin-bottom: 30px; } #twitterBox .tweets li { border-bottom: 1px solid #ebebeb; padding: 10px 9px; } #twitterBox .tweets p { margin: 0; } #twitterBox .tweets .username { color: #1b1b1a; font-weight: 800; } #twitterBox .tweets .text { color: #a0a0a0; } #wsl-fans { background-image: url(../images/surf/wsl-stamp.png); background-position: bottom left; background-repeat: no-repeat; padding-bottom: 170px; margin-bottom: 15px; background-size: 122px; } html.flexbox body#protect_paradise #container { -webkit-align-items: start; -ms-flex-align: start; align-items: start; } html.flexbox body#protect_paradise #main_nav { background: #fff; } #protect_paradise_container { font-family: "Cambay", Helvetica, arial, sans-serif; font-size: 16px; line-height: 1.39; color: #747274; } #protect_paradise_container sup { vertical-align: super; font-size: smaller; } #protect_paradise_container a.text-blue { color: #032e5a; font-weight: bold; } #protect_paradise_container .absolute-link { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; outline: none !important; } #protect_paradise_container p { margin-bottom: 22px; } #protect_paradise_container .text-center { text-align: center; } #protect_paradise_container #protect_paradise_header { background-color: #3a3a3a; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); position: relative; overflow: hidden; } #protect_paradise_container #protect_paradise_header #myVideo { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; } #protect_paradise_container #protect_paradise_header .header-inner { position: relative; height: 100%; min-height: 100vh; padding: 100px 0 30px; } #protect_paradise_container #protect_paradise_header .header-inner .header-text { padding: 20px 0 40px; text-align: center; } #protect_paradise_container #protect_paradise_header .header-inner .header-text .logo_box { display: block; margin-bottom: 35px; } #protect_paradise_container #protect_paradise_header .header-inner .header-text .logo_box img { width: 100%; max-width: 130px; } #protect_paradise_container #protect_paradise_header .header-inner .header-text .title { font-family: "corona-headline", sans-serif; font-size: 32px; font-weight: 600; color: #FFFFFF; margin-bottom: 10px; text-transform: uppercase; line-height: 1; -moz-mask-image: url("../../images/protect-paradise/mask_font.png"); -webkit-mask-image: url("../../images/protect-paradise/mask_font.png"); mask-image: url("../../images/protect-paradise/mask_font.png"); } #protect_paradise_container #protect_paradise_header .header-inner .header-text .subtitle { font-family: "corona-headline", sans-serif; font-size: 20px; font-weight: 600; color: #ffffff; } #protect_paradise_container #protect_paradise_header .header-inner .header-text .subtitle .text-inline { display: block; } #protect_paradise_container #protect_paradise_header .header-inner .header-text .dash-line { display: none; margin-left: 10px; margin-right: 10px; } #protect_paradise_container #protect_paradise_header .header-inner .button-wrapper-absolute { position: relative; text-align: center; margin-top: 2rem; } #protect_paradise_container #protect_paradise_header .header-inner .button-wrapper-absolute .btn { margin: 0; font-size: 12px; font-weight: bold; letter-spacing: 0.9px; display: inline-block; padding: 12px 25px 8px; background-color: transparent; border: solid 1px #ffffff; transition: all .250s ease-in-out; border-radius: 4px; color: #FFFFFF; text-transform: uppercase; cursor: pointer; } #protect_paradise_container #protect_paradise_header .header-inner .button-wrapper-absolute .btn:hover { background-color: #ffffff; color: #747274; } #protect_paradise_container #protect_paradise_header .header-inner .scroll-wrapper { position: relative; text-align: center; margin-top: 20px; } #protect_paradise_container #protect_paradise_header .header-inner .scroll-wrapper button { padding: 0; background-color: transparent; border: none; cursor: pointer; outline: none !important; box-shadow: none; } #protect_paradise_container #protect_paradise_header .header-inner .scroll-wrapper button img { width: 44px; height: 44px; } #protect_paradise_container .subtitle-yellow { color: #f7ca4c; font-family: "corona-headline", sans-serif; font-weight: 600; font-size: 18px; line-height: 1.19; } #protect_paradise_container .subtitle-yellow a { text-decoration: none; color: inherit; border-bottom: solid 3px #f7ca4c; padding-bottom: 1px; display: inline-block; } #protect_paradise_container .fourth-section-wrapper { padding-top: 60px; padding-bottom: 60px; } #protect_paradise_container .fourth-section-wrapper .content { text-align: center; } #protect_paradise_container .fourth-section-wrapper .title { font-family: "corona-headline", sans-serif; font-size: 26px; font-weight: 600; color: #032e5a; margin-bottom: 30px; line-height: 1; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper { overflow-x: hidden; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel { margin-top: 60px; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .slick-prev, #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .slick-next { font-size: 0; line-height: 0; position: absolute; top: -30px; display: block; width: 144px; height: 11px; padding: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .slick-prev:before, #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .slick-next:before { font-size: 0; line-height: initial; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .slick-prev img, #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .slick-next img { width: 144px; height: 11px; max-width: initial; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .slick-prev { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); left: 30px; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .slick-next { right: 30px; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .box-stunt { border: none !important; outline: none !important; position: relative; max-width: 320px; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .box-stunt .box-stunt-inner { position: relative; outline: none !important; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .box-stunt .box-stunt-inner .box-info { outline: none !important; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(74, 74, 74, 0.6); transition: opacity .250s ease-in-out, visibility .250s ease-in-out; opacity: 0; visibility: hidden; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .box-stunt .box-stunt-inner .box-info .box-info-inner { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .box-stunt .box-stunt-inner .box-info .box-info-inner .name { color: #FFFFFF; font-family: "corona-headline", sans-serif; font-size: 26px; font-weight: 600; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .box-stunt .box-stunt-inner:hover .box-info { opacity: 1; visibility: visible; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper { padding-top: 60px; padding-bottom: 60px; position: relative; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper .container { position: relative; z-index: 2; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper .wave-rubbish { display: none; position: absolute; left: 0; top: 0; bottom: 0; background: url("../../images/protect-paradise/ola-1.jpg") no-repeat; background-size: contain; width: 35%; z-index: 1; max-height: 700px; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper .first-subsection-inner { text-align: center; margin-left: 0; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper .first-subsection-inner .title { font-family: "corona-headline", sans-serif; font-size: 26px; font-weight: 600; color: #032e5a; margin-bottom: 30px; line-height: 1; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper .first-subsection-inner .subtitle-blue { color: #032e5a; font-family: "corona-headline", sans-serif; font-size: 18px; font-weight: 600; line-height: normal; margin-top: 40px; } #protect_paradise_container .first-section-wrapper .second-subsection-wrapper { padding-top: 40px; padding-bottom: 40px; } #protect_paradise_container .first-section-wrapper .second-subsection-wrapper .container-s { max-width: 650px; margin: 0 auto; text-align: center; } #protect_paradise_container .first-section-wrapper .second-subsection-wrapper .container-s .subtitle-yellow { margin-top: 30px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper { overflow-x: hidden; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .slick-prev, #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .slick-next { font-size: 0; line-height: 0; position: absolute; top: -30px; display: block; width: 144px; height: 11px; padding: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .slick-prev:before, #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .slick-next:before { font-size: 0; line-height: initial; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .slick-prev img, #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .slick-next img { width: 144px; height: 11px; max-width: initial; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .slick-prev { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); left: 30px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .slick-next { right: 30px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer { border: none !important; outline: none !important; position: relative; padding-right: 30px; max-width: 300px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner { position: relative; outline: none !important; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info { outline: none !important; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(74, 74, 74, 0.3); } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info .box-info-inner { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info .box-info-inner .name { color: #FFFFFF; font-family: "corona-headline", sans-serif; font-size: 18px; font-weight: 600; display: block; text-align: center; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info .box-info-inner .circle-play-wrapper { display: block; text-align: center; padding-top: 12px; height: 40px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info .box-info-inner .circle-play-wrapper .circle-play { position: relative; background-color: #ffffff; width: 40px; height: 40px; border-radius: 50%; display: inline-block; transition: all .350s ease-in-out; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info .box-info-inner .circle-play-wrapper .circle-play .triangle { display: inline-block; position: absolute; top: 50%; left: 52%; width: 12px; height: 12px; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); border-style: solid; border-width: 6px 0 6px 12px; border-color: transparent transparent transparent #0b2749; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner:hover .box-info .box-info-inner .circle-play-wrapper .circle-play { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } #protect_paradise_container .second-section-wrapper { padding-top: 70px; padding-bottom: 70px; margin-bottom: 35px; background-color: #16243e; color: #FFFFFF; position: relative; } #protect_paradise_container .second-section-wrapper .background-top { position: absolute; top: -1px; left: 0; right: 0; height: 151px; background: url("../../images/protect-paradise/linea-textura.jpg") no-repeat; background-size: 1920px 151px; background-position: center top; z-index: 1; -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } #protect_paradise_container .second-section-wrapper .background-bottom { position: absolute; bottom: -1px; left: 0; right: 0; height: 151px; background: url("../../images/protect-paradise/linea-textura.jpg") no-repeat; background-size: 1920px 151px; background-position: center bottom; z-index: 1; } #protect_paradise_container .second-section-wrapper .container { position: relative; z-index: 2; } #protect_paradise_container .second-section-wrapper .container-s { max-width: 700px; margin: 0 auto; } #protect_paradise_container .second-section-wrapper .logo_box { display: block; margin-bottom: 30px; } #protect_paradise_container .second-section-wrapper .logo_box img { width: 100%; max-width: 112px; } #protect_paradise_container .second-section-wrapper .title { font-family: "corona-headline", sans-serif; font-size: 26px; line-height: 1; font-weight: 600; -moz-mask-image: url("../../images/protect-paradise/mask_font.png"); -webkit-mask-image: url("../../images/protect-paradise/mask_font.png"); mask-image: url("../../images/protect-paradise/mask_font.png"); } #protect_paradise_container .second-section-wrapper .boxes-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; margin-top: 30px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #protect_paradise_container .second-section-wrapper .boxes-wrapper .box { width: 100%; padding: 5px 15px 5px; margin-bottom: 16px; text-align: center; } #protect_paradise_container .second-section-wrapper .boxes-wrapper .box .subtitle-yellow { display: block; text-align: center; margin-bottom: 5px; } #protect_paradise_container .second-section-wrapper .boxes-wrapper .box:last-child { border-right: none; } #protect_paradise_container .third-section-wrapper { padding-top: 45px; padding-bottom: 200px; position: relative; background-color: #fdf6e1; } #protect_paradise_container .third-section-wrapper .wave-rubbish { position: absolute; right: 0; bottom: 0; background: url("../../images/protect-paradise/ola-2.png") no-repeat; background-size: contain; background-position: right bottom; width: 45%; height: 100%; max-height: 700px; z-index: 1; } #protect_paradise_container .third-section-wrapper .container { position: relative; z-index: 2; } #protect_paradise_container .third-section-wrapper .content { text-align: center; } #protect_paradise_container .third-section-wrapper .content.text-center { text-align: center; } #protect_paradise_container .third-section-wrapper .title { font-family: "corona-headline", sans-serif; font-size: 26px; font-weight: 600; color: #032e5a; margin-bottom: 16px; } #protect_paradise_container .third-section-wrapper .subtitle-yellow { width: 100%; } #protect_paradise_container .third-section-wrapper ul.beach-list { margin: 45px 0; } #protect_paradise_container .third-section-wrapper ul.beach-list li { font-size: 16px; color: #032e5a; margin: 12px 0; display: block; padding-left: 26px; position: relative; } #protect_paradise_container .third-section-wrapper ul.beach-list li .date { width: 80px; font-family: "corona-headline", sans-serif; color: #f7ca4c; font-size: 18px; } #protect_paradise_container .third-section-wrapper ul.beach-list li .beach { font-weight: bold; display: block; } #protect_paradise_container .third-section-wrapper ul.beach-list li .beach a { color: #032e5a; transition: color .250s ease-in-out; } #protect_paradise_container .third-section-wrapper ul.beach-list li .beach a:hover { color: #f7ca4c; } #protect_paradise_container .third-section-wrapper ul.beach-list li .rectangle { position: absolute; left: 0; top: 0; width: 26px; } #protect_paradise_container .third-section-wrapper ul.beach-list li .rectangle img { margin-top: 6px; max-width: 14px; } #protect_paradise_container .third-section-wrapper .btn { margin: 35px 0 0 0; font-size: 14px; font-weight: bold; letter-spacing: 0.9px; display: inline-block; padding: 12px 13px 8px; background-color: #f7ca4c; border: solid 1px #f7ca4c; transition: all .250s ease-in-out; border-radius: 4px; color: #FFFFFF; text-transform: uppercase; cursor: pointer; } #protect_paradise_container .third-section-wrapper .btn:hover { background-color: #E5B52D; color: #ffffff; } .bg-cc-header { background-image: url(../images/_o_60_casacorona/home_header_fin_bg.jpg); background-position: center bottom; background-size: cover; background-repeat: no-repeat; } #cc_header .txt { margin-top: 30px; padding-top: 30px; position: relative; } #cc_header .txt:after { content: ""; display: block; height: 4px; background-color: white; position: absolute; top: 0; left: 50%; width: 180px; margin-left: -90px; } .cc-separator { display: block; margin: 0 auto; height: 28px; background-repeat: no-repeat; background-size: auto 18px; background-position: center 100%; max-width: 340px; background-image: url(../images/_o_60_casacorona/triangle-down.svg); border-top: 3px solid #304667; } #casacorona, #casacorona-agenda { background-image: url(../images/_o_60_casacorona/pattern_paper.png); } #casacorona .casa-corona-logo { display: block; margin: 0 auto; max-width: 176.5px; } .btn-event { margin-left: 0; margin-right: 0; background-color: #304667; /*-webkit-border-radius: $args; -moz-border-radius: $args;*/ border-radius: 0; text-transform: uppercase; font-family: "corona-headline", sans-serif; font-weight: 400; line-height: 1.2; color: white; font-size: 1.125rem; padding: 10px 30px 8px; } .btn-event.event-disable { opacity: .7; pointer-events: none; } #cc_header { position: relative; } #cc_header a { display: inline-block; } #cc_header .casa-corona-logo { display: block; margin: 0 auto; max-width: 120px; } #casacorona-nav { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; display: block; overflow: visible; margin: 0 auto; padding: 9px 0 2px; z-index: 2; background-color: #f7cb4f; right: 0; transition: background 0.5s ease; } #casacorona-nav .list-inline { margin: 0; line-height: 1 !important; } #casacorona-nav .list-inline li { margin: 0 3.75px; } #casacorona-nav li { padding-right: 20px; position: relative; height: 31px; line-height: 31px; font-size: 1rem; font-weight: bold; } #casacorona-nav li:after { content: ""; position: absolute; width: 10px; height: 10px; background-color: white; display: block; right: -2px; top: 50%; margin-top: -9px; } #casacorona-nav li:last-child { padding-right: 0; } #casacorona-nav li:last-child:after { content: none; } #casacorona-nav li a { border: 1px solid white; color: white; font-size: 1.1875rem; line-height: 1em; display: block; padding: 5px 10px 0 10px; transition: color 0.35s ease; } #casacorona-nav li a:hover, #casacorona-nav li a:focus, #casacorona-nav li a.hover { color: #002945; } #casacorona-nav li a.go-to-point { font-size: 1rem; border: 0; } #casacorona-nav li a:active, #casacorona-nav li a:visited, #casacorona-nav li a:hover { color: #708797; } #casacorona-nav li.link a { border: 1px solid white; color: white; font-size: 1.1875rem; } #casacorona-nav li.current a { border: 1px solid #708797; color: #708797; font-size: 1.1875rem; } #casacorona-nav li.active a { color: #708797; } #cc-destacados .eventos { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 -7.5px; } #cc-destacados .eventos .evento { width: 100%; padding: 7.5px; color: white; } #cc-destacados .eventos .evento a { position: relative; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.5rem; color: white; text-align: center; background-color: #708797; } #cc-destacados .eventos .evento a:hover .poster, #cc-destacados .eventos .evento a:focus .poster, #cc-destacados .eventos .evento a.hover .poster { opacity: .15; } #cc-destacados .eventos .evento .event-type { background-color: #f7ca4c; color: white; font-size: 16px; position: absolute; bottom: 0; left: 0; right: 0; padding: 10.5px 7.5px 7.5px 7.5px; text-transform: uppercase; line-height: 1.1; } #cc-destacados .eventos .evento .poster { transition: opacity .3s ease; opacity: 0.5; } #cc-destacados .eventos .evento .poster img { width: 100%; height: auto; display: block; } #cc-destacados .eventos .evento .event-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; padding: 15px; } #cc-destacados .eventos .evento .event-content h2 { text-transform: uppercase; line-height: .8; } #cc-destacados .eventos .evento .event-content .btn-event { display: none; position: absolute; right: 15px; bottom: 15px; padding: 0; text-align: center; width: 40px; height: 40px; line-height: 40px; font-size: 30px; margin: 0; border-radius: 3px; } #btn-todos { text-align: center; } #btn-todos a { color: white; font-size: 0.875rem; text-transform: uppercase; } #flexslider-hitos .slides { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } #flexslider-hitos .slide { width: 100%; position: relative; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; } #flexslider-hitos .slide .destacado { color: #f7ca4c; text-transform: uppercase; font-family: "Cambay","Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0 0 50px 42px; } #flexslider-hitos .slide .destacado:before { content: ""; display: block; width: 34px; height: 32px; position: absolute; background: url(../images/_o_60_casacorona/hitos-estrella.png); margin: -13px 0 0 -42px; } #flexslider-hitos .slide .container { padding-left: 40px; padding-right: 40px; } #flexslider-hitos .slide h1 { color: #f7ca4c; text-transform: uppercase; line-height: 1; } #flexslider-hitos .slide h2 { color: white; text-transform: uppercase; } #flexslider-hitos .slide p { width: 90%; color: white; } #flexslider-hitos .slide .btn { margin-left: 0; } #hito_115 { background-image: url(../images/_o_60_casacorona/hitos/115.jpg); background-position: center bottom; background-size: cover; background-repeat: no-repeat; } #hito_108 { background-image: url(../images/_o_60_casacorona/hitos/108.jpg); background-position: center bottom; background-size: cover; background-repeat: no-repeat; } #cc-como-llegar { position: relative; padding: 50vh 0 10px 0; background-color: white; } #cc-como-llegar .mapa { background-image: url(../images/_o_60_casacorona/mapa_bcn.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; height: 50vh; } #cc-como-llegar .palmeras { position: absolute; left: 0; background-image: url(../images/_o_60_casacorona/palms.png); background-position: right bottom; background-repeat: no-repeat; background-size: cover; bottom: 0; top: 0; width: 60%; } #cc-como-llegar .botella { position: absolute; top: -20px; left: 50%; -webkit-transform: translate(-120%, 0); -ms-transform: translate(-120%, 0); transform: translate(-120%, 0); bottom: -20px; } #cc-como-llegar .botella img { width: auto; height: 100%; max-width: none; display: block; } #cc-como-llegar .contenedor-donde { background: white; position: relative; overflow: hidden; float: none; max-width: 380px; margin: 20px auto 0; padding: 30px; } #cc-como-llegar .contenedor-donde h2, #cc-como-llegar .contenedor-donde p { margin: 0 0 5px; } #cc-como-llegar .contenedor-donde a { text-decoration: underline; } #evento-logo { width: 124px; margin-left: auto; margin-right: auto; } .evento-wrapper { position: relative; } .evento-wrapper .nav-link { display: none; } #evento-interior { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #evento-interior .contenedor-imagen, #evento-interior .contenedor-texto { width: 100%; padding: 0 12.5px; } #evento-interior .contenedor-imagen { position: relative; padding: 0; margin: 0 0 25px; width: 100%; } #evento-interior .contenedor-imagen .bg { background: url("../images/_o_60_casacorona/evento-poster-bg.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 30px; margin: 0; } #evento-interior .contenedor-imagen img { border: 11px solid white; display: block; max-width: 100%; margin: 0 auto; } #evento-interior .contenedor-texto .btn { margin: 0; } #cc-conciertos .container { margin: 0 auto; max-width: 1260px; } #cc-conciertos .conciertos { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } #cc-conciertos .conciertos .concierto { width: 100%; padding: 15px 0px 0; color: white; } #cc-conciertos .conciertos .concierto a { position: relative; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.5rem; color: white; text-align: center; background-color: #708797; } #cc-conciertos .conciertos .concierto .event-type { background-color: #f7ca4c; color: white; font-size: 16px; position: absolute; bottom: 0; left: 0; right: 0; padding: 10.5px 7.5px 7.5px 7.5px; text-transform: uppercase; line-height: 1.1; } #cc-conciertos .conciertos .concierto .poster img { width: 100%; height: auto; display: block; } #cc-conciertos .conciertos .concierto .concierto-content { background: #f7ca4c; text-align: center; padding: 15px; } #cc-conciertos .conciertos .concierto .concierto-content .name { margin-bottom: 15px; } #cc-conciertos .conciertos .concierto .concierto-content .name h2 { line-height: .9; } #cc-conciertos .conciertos .concierto .concierto-content .info .btn-agenda { margin: 0; width: 100%; } #cc-conciertos .conciertos .concierto .concierto-content .btn-event { display: block; text-align: center; font-size: 30px; margin: 0; border-radius: 3px; } .cc-fecha { line-height: 1; margin-bottom: 7.5px; background-image: url(../images/calendar-with-a-clock.png); background-repeat: no-repeat; background-position: center left; background-size: contain; padding-left: 50px; } #casa-corona-eventos { margin: 0 auto; max-width: 1260px; } #casa-corona-eventos .eventos-list li { padding: 0; margin-bottom: 15px; } #casa-corona-eventos .event { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #casa-corona-eventos .event .txt { z-index: 1; } #casa-corona-eventos .event .txt { /*position: absolute; top: 15px; right: 15px; bottom: 15px; left: 50%;*/ -webkit-order: 2; -ms-flex-order: 2; order: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1; -ms-flex: 1; flex: 1; } #casa-corona-eventos .event .btn-content { text-align: center; position: absolute; bottom: 15px; left: 0; right: 0; } #casa-corona-eventos .event .category { padding: 15px 15px 10px; background-color: #a0ceba; color: white; line-height: 1; font-weight: bold; } #casa-corona-eventos .event .txt-cont { padding: 15px 15px 56px; background-color: white; height: 100%; position: relative; } #casa-corona-eventos .event .poster { background-size: cover; background-position: center; display: block; min-height: 160px; } .casa-corona-proximos-title-cont { padding: 70px 15px 40px; background-image: url(../images/_o_60_casacorona/casa-corona-proximos-title-bg.png); background-repeat: no-repeat; background-position: -170px 0; background-size: contain; } .casa-corona-proximos-after { background-image: url(../images/_o_60_casacorona/casa-corona-proximos-bg.png); background-repeat: no-repeat; background-position: 95% 0%; background-size: auto 88%; height: 180px; } #casa-corona-proximos { background-color: #002945; color: white; padding: 15px; } #casa-corona-proximos .container { margin: 0 auto; max-width: 1260px; } #casa-corona-proximos .proximos-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -22.5px; } #casa-corona-proximos .proximos-list li { width: 50%; padding: 7.5px; text-transform: uppercase; font-weight: 800; } #casa-corona-proximos .proximos-list li img { width: 100%; display: block; margin-bottom: 7.5px; } #casa-corona-proximos .proximos-list .poster { position: relative; } #casa-corona-proximos .proximos-list .event-type { background-color: #f7ca4c; color: white; font-size: 16px; position: absolute; bottom: 0; left: 0; right: 0; padding: 10.5px 7.5px 7.5px 7.5px; text-transform: uppercase; line-height: 1.1; text-align: center; } #casa-corona-proximos a { color: white; } .agenda-link { background-image: url(../images/icon-user-profile.png); background-repeat: no-repeat; background-position: right bottom; background-size: auto 18px; padding-right: 20px; display: inline-block; width: 20px; text-indent: -999px; overflow: hidden; transition: all 0.35s ease; } .agenda-link.loading { background-image: url(../images/_o_37_casacorona/agenda-loading.gif); } #li-mis-eventos { position: relative; cursor: pointer; } #li-mis-eventos #circle { width: 18px; height: 18px; border-radius: 50%; background: #f7ca4c; color: #002945; border: 2px solid #002945; position: absolute; top: -9px; right: -11px; line-height: 14px; font-family: sans-serif; font-size: 10px; text-align: center; } #mis-eventos-popup { position: fixed; right: 15px; left: 15px; margin-top: 15px; background-color: white; display: none; padding: 15px; border: 3px solid #f3b44e; border-radius: 5px; text-align: left; z-index: 9; } #mis-eventos-popup:after { content: ""; display: block; width: 31px; height: 18px; position: absolute; background: url(../images/_o_37_casacorona/popup-triangle.png); top: -18px; z-index: -7; right: 3px; } #mis-eventos-popup a { color: #7d7d7d; } #mis-eventos-popup:focus { outline: 0 none; } #mis-eventos-popup h1 { color: #a9b0bc; font-family: "corona-headline", sans-serif; font-size: 30px; } #mis-eventos-popup ul li { display: -webkit-flex; display: -ms-flexbox; display: flex; } #mis-eventos-popup ul li:not(:last-child) { margin: 10px 0 10px 0 !important; padding-bottom: 10px !important; position: relative; } #mis-eventos-popup ul li:not(:last-child):after { content: ""; position: absolute; bottom: 4px; height: 1px; width: 60%; left: 20%; background-color: #a9b0bc; } #mis-eventos-popup .poster { margin-right: 15px; } #mis-eventos-popup .poster img { max-width: 60px; display: block; } #mis-eventos-popup .detail { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } #mis-eventos-popup .btn { float: right; margin: 9px 0; padding: 6px 10px 3px; background-color: #708797; color: white; } #casa-corona-info .casa-corona-info-inner { background-color: rgba(244, 180, 61, 0.47); } #casa-corona-eventos .eventos { margin: -15px; } .eventos .eventos-slider-guide { float: left; width: 60%; } #eventos-slider { position: relative; } #eventos-slider .flex-direction-nav li { position: absolute; top: 0; bottom: 0; } #eventos-slider .flex-direction-nav li.flex-nav-prev { left: 0; display: none; } #eventos-slider .flex-direction-nav li.flex-nav-next { width: 50px; right: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); } #eventos-slider .flex-direction-nav li a { display: block; width: 30px; height: 50px; margin-top: -25px; position: absolute; top: 50%; background-size: contain; background-repeat: no-repeat; } #eventos-slider .flex-direction-nav li a.flex-prev { left: 0; } #eventos-slider .flex-direction-nav li a.flex-next { right: 0; background-image: url(../images/_o_37_casacorona/arrow-right.png); } #cc_evento { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } #cc_evento #cc_header { position: relative; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; width: 100%; margin: 0; background-color: #f7ca4c; } #cc_evento .container-medium { position: relative; } #cc_evento .event-nav li { position: absolute; top: 0; bottom: 0; width: 50px; } #cc_evento .event-nav li.event-nav-prev { left: -15px; } #cc_evento .event-nav li.event-nav-next { right: -15px; } #cc_evento .event-nav li a { display: block; width: 30px; height: 50px; margin-top: -25px; position: absolute; top: 50%; background-size: contain; background-repeat: no-repeat; } #cc_evento .event-nav li a.event-prev { left: 0; background-image: url(../images/_o_37_casacorona/arrow-left.png); } #cc_evento .event-nav li a.event-next { right: 0; background-image: url(../images/_o_37_casacorona/arrow-right.png); } #cc_evento .event { background-color: rgba(255, 255, 255, 0.75); overflow: hidden; } #cc_evento .event img { display: block; margin: 0 auto; width: auto; max-height: 30vmax; min-height: 140px; } #cc_evento .event p .btn { margin-top: 0; margin-bottom: 0; } #cc_eventos #cc_header { position: relative; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; width: 100%; margin: 0; background-color: #f7ca4c; } #cc_eventos .eventos-list { overflow: hidden; margin: -15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #cc_eventos .eventos-list li { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; } #cc_eventos .eventosproximos-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #cc_eventos .eventosproximos-list li { overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } #cc_eventos .eventosproximos-list li img { float: left; max-width: 80px; height: auto; min-height: 0; margin-right: 10px; } #cc_eventos .eventosproximos-list .event { text-align: left; } #cc_eventos .eventosproximos-list .event .event-title { padding: 0; margin: 0 0 10px 0; } #cc_eventos .eventosproximos-list .event p { margin: 0; } #cc_eventos .event { margin: 6px; overflow: hidden; width: 100%; } #cc_eventos .event .event-description { display: none; } #cc_eventos .event img { display: block; margin: 0 auto; width: auto; max-height: 30vmax; min-height: 140px; } #casacorona-evento .magnific_popup p, #casacorona-eventos .magnific_popup p, #casacorona .magnific_popup p { font-family: "Cambay", Helvetica, arial, sans-serif; font-size: 1rem; line-height: 1.4; } #casacorona-evento { background-image: url(../images/_o_60_casacorona/pattern_paper.png); } #casacorona-evento .back-container { text-align: center; } #eventos_filter { font-size: 1.4375rem; text-align: center; } #eventos_filter ul li { cursor: pointer; } #eventos_filter ul li.current { font-weight: 800; } #eventos_filter ul li:not(:last-child):after { content: " ·"; margin-left: 15px; font-weight: 400; } #casa-corona-streaming .streaming-content, #casa-corona-streaming .streaming-desc { padding: 0 15px; text-align: center; } #event-on-air { background-color: #fce197; font-size: 12px; text-transform: uppercase; line-height: 1.4; box-sizing: border-box; clear: both; font-weight: 400; text-align: center; display: none; transition: all 0.35s ease; } #event-on-air > .container { padding-top: 13px; padding-bottom: 10px; } #event-on-air p { padding: 0px 0; } #event-on-air a { color: #002945; font-weight: 800; } #event-on-air .btn-small { background-color: #708797; color: white; } .header_collapse #event-on-air { position: absolute; left: 0; right: 0; z-index: -1; opacity: 0; -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } #bg-entradas { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; padding: 85px 0px; } #cc-legal { background-color: #fce197; font-size: 12px; line-height: 1.4; font-weight: 400; text-align: center; padding-top: 15px; padding-bottom: 15px; font-weight: strong; } #cc-legal a { color: #7d7d7d; } #video-ccorona { width: 360px; height: 255px; } #cc-videos .videos { padding-bottom: 100%; position: relative; } .casa-slider .slides { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .casa-slider .slides li { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; /*&:after{ content: ""; position: absolute; right: 0px; top: 0; bottom: 0; width: 4px; background: black; }*/ } .casa-slider .flex-direction-nav .flex-nav-prev a, .casa-slider .flex-direction-nav .flex-nav-next a { background: none; width: 37.5px; height: 37.5px; } .casa-slider .flex-direction-nav .flex-nav-prev { left: 30px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .casa-slider .flex-direction-nav .flex-nav-prev:hover { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .casa-slider .flex-direction-nav .flex-nav-next { right: 30px; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .casa-slider .flex-direction-nav .flex-nav-next:hover { -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .casa-slider__txt { background: rgba(255, 255, 255, 0.8); padding: 30px; margin: 110px 60px; } .casa-slider__txt h2 { font-size: 24px; } #cc-videos .videos { padding-bottom: 100%; position: relative; } #panel-ccorona a:link { text-decoration: none; } #panel-ccorona table { margin-bottom: 40px; border-left: 1px solid black; border-right: 1px solid black; } #panel-ccorona table tbody tr { border-bottom: 1px solid black; padding: 40px; } #panel-ccorona table tbody tr:nth-child(1) { border-top: 1px solid black; } #panel-ccorona td { padding: 20px; font-size: 18px; color: black; } .bg_wood2 { background-image: url(../images/bg_wood.jpg); background-position: top center; background-repeat: no-repeat, repeat; background-size: auto; color: #032e5a; } #promociones_first { background-image: url(../images/dashed_bottle.png); background-position: bottom center; background-repeat: no-repeat; } #map_content { background-color: #ffe9aa; } #map_content > .container { position: relative; } #map_content > .container #combo { left: 15px; position: absolute; margin-left: 0; z-index: 1; bottom: initial; top: 30px; } #map_content > .container #combo #combo-cerrado { background-image: url(/images/promociones-combo.jpg); color: #000; } #map_content > .container #combo ul { background-color: #f8f8eb; padding: 0; } #map_content > .container #combo ul li { color: #000; padding: 10px 20px; } #map_content > .container #combo ul li:hover { background-color: #f8e7b2; } #otraspromociones .title-cont { background: url(../images/dots-bg.png), rgba(255, 255, 255, 0.85); background-size: auto, auto; background-position: center bottom; background-repeat: no-repeat; } #otraspromociones .promo { padding: 30px 0; } #otraspromociones .promo .promo-inner { padding: 0; margin: 0 auto; width: 100%; } #otraspromociones .promo .promo_txt, #otraspromociones .promo .promo_img { padding: 0 15px; } #otraspromociones .promo .promo_txt { text-align: center; width: 100%; } #otraspromociones .promo .promo_img { margin: 0 auto; max-width: 510px; } #otraspromociones .promo .promo_img img { display: block; } #otraspromociones .promo:nth-child(even) { background-color: rgba(255, 255, 255, 0.85); } #otraspromociones .promo:nth-child(even) a { color: #7d7d7d; } #otraspromociones .promo:nth-child(even) .promo_desc { color: #7d7d7d; } #otraspromociones .promo:nth-child(odd) { background-color: rgba(3, 46, 90, 0.85); color: white; } #otraspromociones .promo:nth-child(odd) a { color: white; } #otraspromociones .promo p { margin: 7.5px 0; } #otraspromociones .promo .promo_title { font-family: "corona-headline", sans-serif; font-size: 2.1875rem; text-transform: uppercase; line-height: 1; margin-top: 7.5px; } #otraspromociones .promo .promo_site, #otraspromociones .promo .promo_date { font-size: 0.875rem; } #otraspromociones .promo .promo_site { font-weight: 800; } #otraspromociones .promo .promo_date { font-weight: 800; color: #f7ca4c; } #otraspromociones .promo .promo_legal { margin-bottom: 0; font-size: 0.75rem; font-style: italic; text-decoration: underline; } #promociones_end { background-image: url(../images/promociones_end_bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } #promociones_end .btn { padding: 23px 30px 19px; } #promociones_end .rrss { background-color: #002945; display: inline-block; border-radius: 4px; margin: 7.5px; padding: 9.5px; } #promociones_end .rrss li { display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 7.5px; } #promociones_end .rrss li.fb { background-image: url(../images/icon-facebook.png); } #promociones_end .rrss li.tw { background-image: url(../images/icon-twitter.png); } #promociones_end .rrss li.ig { background-image: url(../images/icon-instagram.png); } #promociones_end .rrss li.yt { background-image: url(../images/icon-youtube2.png); } #promociones_end .rrss a { display: block; width: 26px; height: 26px; position: relative; cursor: pointer; } #combo { position: absolute; left: 50%; margin-left: -122px; z-index: 9; bottom: 30px; } #combo #combo-cerrado { width: 244px; height: 54px; text-align: left; color: #fff; font-size: .8rem; padding: 20px 0 0 20px; background-image: url("/images/donde-encontrarnos-combo.jpg"); } #combo ul { display: none; background-color: #71869e; width: 244px; margin: 0 auto; padding: 10px 20px; } #combo ul li { color: #fff; border-bottom: 1px solid #fff; padding: 10px 0; cursor: pointer; font-size: .8rem; } #combo ul li:last-child { border-bottom: none; } #combo ul li:hover { color: #2b4b70; } #map { height: 600px; } #infoW { color: #002945; min-width: 200px; font-family: "corona-headline", sans-serif; font-size: 12px; } #infoW .promo-name, #infoW .local-name, #infoW .cat-name { text-transform: uppercase; font-size: 2.3125em; line-height: .9; } #infoW .local-street, #infoW .promo-desc { font-size: 1.125em; } #infoW .local-name { color: #032e5a; margin: 20px 0 0 0; } #infoW .cat-name { margin: 0; } #infoW .local-street { color: #032e5a; margin: 0 0 15px 0; } #infoW .promo-desc { margin: 0 0 15px 0; color: #999998; } #infoW .promo-desc-tag { color: #002945; } #infoW .promo-dates { font-size: 1.5em; color: #032e5a; } #infoW .cat-name span { color: #ffcc00; } #infoW .cat-name span:after { display: inline-block; content: ""; width: .8em; height: .8em; background-image: url(../images/promociones/cat-generico.png); background-repeat: no-repeat; background-size: contain; vertical-align: baseline; margin-left: 7px; } #infoW .cat-name span.category-sunset-hour { color: #094a8c; } #infoW .cat-name span.category-sunset-hour:after { background-image: url(../images/promociones/cat-hours.png); } #infoW .cat-name span.category-megaplacement { color: #c7d015; } #infoW .cat-name span.category-megaplacement:after { background-image: url(../images/promociones/cat-megaplacement.png); } #infoW .cat-name span.category-consumer-path { color: #ffcc00; } #infoW .cat-name span.category-consumer-path:after { background-image: url(../images/promociones/cat-generico.png); } #infoW .cat-name span.category-fiesta-bar { color: #ffa200; } #infoW .cat-name span.category-fiesta-bar:after { background-image: url(../images/promociones/cat-fiestabar.png); } #corona-music { text-align: center; } .festivales-title-1, .festivales-title-2 { color: #708797; line-height: 1; } #festivales_container { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; overflow-x: hidden; } #festivales_container #video-yt { clear: both; margin: 30px 0 0 0; } #festivales_container .soundeat_entry_and_spotify { color: black; } #festivales_container .festivales-soundeat-spotify { background-color: white; color: black; padding-left: 30px; padding-right: 30px; margin: 30px 15px; } #festivales_container .festivales-soundeat-spotify #spotify_container { display: block; } #festivales_container .festivales-soundeat-spotify #spotify_container iframe { display: block; margin: 0 auto; width: 100%; max-width: 320px; } .festivales-first { background-color: #fffbd3; overflow: hidden; padding: 0; background-image: url(../images/festivales/festivales-soundeat-end_mobile.jpg); background-repeat: no-repeat; background-size: contain; background-position: bottom center; } .festivales-first #texto-final { padding: 0; background-color: #032e5a; position: relative; } .festivales-first #texto-final .flexslider-final { overflow: visible; } .festivales-first #texto-final .flexslider-final .img-content img { display: block; width: 100%; height: auto; } #festivales_header { color: #708797; } #festivales_header .festivales_logo_container { background-image: url(../images/festivales/festivales-header-bg-mobile.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom center; } #festivales_header .festivales_logo { display: block; margin: 0 auto; max-width: 217px; margin-bottom: 60px; } #festivales-nav { display: block; overflow: hidden; margin: 0 auto; width: 100%; padding: 9px 0 5px; background-color: transparent; z-index: 2; transition: background 0.5s ease; } .anchorMenuFixed #festivales-nav { transition: background 0.35s ease; background-color: #f7ca4c; } #festivales-nav ul { font-size: 15px; transition: font-size 0.35s ease; } .anchorMenuFixed #festivales-nav ul { font-size: 15px; } #festivales-nav li { padding-right: 20px; position: relative; height: 31px; line-height: 31px; } #festivales-nav li:after { content: ""; position: absolute; width: 10px; height: 10px; background-color: #708797; display: block; right: -5px; top: 50%; margin-top: -9px; } #festivales-nav li:last-child { padding-right: 0; } #festivales-nav li:last-child:after { content: none; } #festivales-nav li a { transition: color 0.35s ease; color: #f7ca4c; position: relative; } #festivales-nav li a:before { content: ""; position: absolute; height: 1px; bottom: 0; left: 0; width: 100%; background-color: #708797; transition: background 0.35s ease; } .anchorMenuFixed #festivales-nav li a:before { background-color: transparent; } .anchorMenuFixed #festivales-nav li a { color: white; } #festivales-nav li.current a { color: #708797; } #festivales-nav a:hover { color: #708797; } #festivales-soundeat { padding: 50px 0 0 0; } #festivales-soundeat .festivales-soundeat-header { min-height: 39vh; } #festivales-soundeat .festivales-soundeat-content { background: white; } #festivales-soundeat .festivales-soundeat-logo { padding-left: 15px; padding-right: 15px; margin: 0 auto; display: none; } #festivales-soundeat .festivales-soundeat-logo img { max-width: 231px; margin: 0 auto; display: block; } #festivales-soundeat .festivales-soundeat-desc { overflow: hidden; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #festivales-soundeat .festivales-soundeat-desc #sound_eat_logo-mobile { margin: 30px auto; } #festivales-soundeat .festivales-soundeat-desc .txt { margin: 0 auto; padding: 0 30px; text-align: center; color: black; } #festivales-soundeat .festivales-soundeat-desc .txt h2 { line-height: 1.1; font-size: 20px; color: #032e5a; } #festivales-soundeat .festivales-soundeat-desc .img-cont { margin-left: -15px; margin-right: -15px; text-align: center; } #festivales-soundeat .festivales-soundeat-info { background-color: white; color: black; padding-left: 30px; padding-right: 30px; margin: 0 15px 30px; text-align: left; } #festivales-soundeat .festivales-soundeat-instructions { background-color: #fffbd3; } #festivales-soundeat .festivales-soundeat-instructions img { display: block; margin: 0 auto 15px; max-width: 82px; } #festivales-soundeat .festivales-soundeat-instructions ol { color: black; text-align: left; display: block; margin: 0 auto 30px auto; max-width: 280px; list-style-type: decimal; } #festivales-soundeat .festivales-soundeat-map .title { color: black; } #festivales-soundeat .festivales-soundeat-map #map_container { display: block; min-height: 50vh; } #festivales-soundeat .festivales-soundeat-end { color: black; } #festivales-soundeat .soundeat-flex { margin: 0 -15px; width: auto; max-width: 1170px; } #festivales-tomavistas { color: black; background-color: #fff9ba; } #festivales-tomavistas .content1 { padding: 50px 0 10px 0; } #festivales-tomavistas #carrusel-tomavistas { background-image: url(../images/festivales/fondo.gif); background-size: cover; background-position: center; padding: 0 0 50px 0; } #festivales-tomavistas #carrusel-tomavistas #slider-tomavistas-1 { padding: 45px 0 20px; position: relative; z-index: 0; } #festivales-tomavistas #carrusel-tomavistas #slider-tomavistas-1 .flex-nav-prev a { background-image: url(../images/festivales/carrusel_1/menos.png); background-size: 80%; background-color: rgba(12, 35, 64, 0); } #festivales-tomavistas #carrusel-tomavistas #slider-tomavistas-1 .flex-nav-next a { background-image: url(../images/festivales/carrusel_1/mas.png); background-size: 80%; background-color: rgba(12, 35, 64, 0); } #festivales-tomavistas #carrusel-tomavistas #slider-tomavistas-1 .flex-nav-prev { left: -16px; width: 20px; height: 20px; } #festivales-tomavistas #carrusel-tomavistas #slider-tomavistas-1 .flex-nav-next { right: -6px; width: 20px; height: 20px; } #festivales-tomavistas #carrusel-tomavistas #slider-tomavistas-1 .flexslider { overflow: visible; } #festivales-tomavistas #carrusel-tomavistas-2 { background-color: #032e5a; padding: 50px 0 50px 0; } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 { padding: 0 0 20px; position: relative; z-index: 0; } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 { overflow: visible; } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav { display: block; } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-prev, #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-next { position: absolute; top: 50%; z-index: 9; -ms-transform: translate(0, -50%) scale(1); -webkit-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); transition: all 0.15s ease; } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-prev:hover, #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-prev:focus, #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-prev.hover, #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-next:hover, #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-next:focus, #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-next.hover { -ms-transform: translate(0, -50%) scale(1.2); -webkit-transform: translate(0, -50%) scale(1.2); transform: translate(0, -50%) scale(1.2); } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-prev:active, #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-next:active { -ms-transform: translate(0, -50%) scale(1); -webkit-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-prev a, #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-next a { outline: 0 none; width: 40px; height: 40px; display: block; opacity: 1; background-size: auto; transition: opacity 0.35s ease; } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-prev a.flex-disabled, #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-next a.flex-disabled { opacity: 0; pointer-events: none; cursor: default; } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-prev { left: -16px; } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-prev a { background: url(../images/festivales/carrusel_2/menos.png) no-repeat center transparent; background-size: contain; } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-next { right: -6px; } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-next a { background: url(../images/festivales/carrusel_2/mas.png) no-repeat center transparent; background-size: contain; } #festivales-tomavistas #tomavistas-contenido-3 { background-image: url(../images/festivales/puntos.gif); background-size: cover; background-position: center; padding: 50px 0 0 0; } #festivales-tomavistas #tomavistas-contenido-3 .container-fluid, #festivales-tomavistas #tomavistas-contenido-3 .container-sm, #festivales-tomavistas #tomavistas-contenido-3 .container-md, #festivales-tomavistas #tomavistas-contenido-3 .container-lg, #festivales-tomavistas #tomavistas-contenido-3 .container-xl { background: none; } #festivales-tomavistas #tomavistas-contenido-4 { background-image: url(../images/festivales/separa.gif); background-size: contain; background-position: 0 70%; padding: 50px 0 50px 0; background-repeat: no-repeat; background-color: #fffbd3; } #festivales-tomavistas #tomavistas-contenido-4 .container-fluid img, #festivales-tomavistas #tomavistas-contenido-4 .container-sm img, #festivales-tomavistas #tomavistas-contenido-4 .container-md img, #festivales-tomavistas #tomavistas-contenido-4 .container-lg img, #festivales-tomavistas #tomavistas-contenido-4 .container-xl img { max-width: 70%; margin: 0 0 40px 0; } #festivales-tomavistas .tomavistas_cartel-desktop { display: none; } #festivales-tomavistas .tomavistas_cartel-mobile { display: block; width: 100%; max-width: 100%; } #festivales-tomavistas .img-cont { margin-top: 60px; } #infoWFestivales .local-name { font-size: 15px; text-transform: uppercase; font-family: "corona-headline", sans-serif; } #casacorona { background-image: unset; overflow-x: hidden; } html.flexbox body#casacorona #container { -webkit-align-items: start; -ms-flex-align: start; align-items: start; } html.flexbox body#casacorona #main_nav { background: #fff; } #casa_corona_container { font-family: "Cambay", Helvetica, arial, sans-serif; font-size: 16px; line-height: 1.5; color: #ffffff; } #casa_corona_container .scroll-up-btn { position: fixed; bottom: 18px; left: 18px; z-index: 5; width: 44px; height: 44px; padding: 0; background-color: transparent; border: none; -webkit-transform: rotateZ(180deg) scale(0.9); -ms-transform: rotateZ(180deg) scale(0.9); transform: rotateZ(180deg) scale(0.9); outline: none !important; opacity: 0; transition: all 1s ease-in-out; } #casa_corona_container .scroll-up-btn.active { opacity: 1; -webkit-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg); } #casa_corona_container .scroll-up-btn img { width: 100%; height: 100%; } #casa_corona_container img { vertical-align: middle; } #casa_corona_container .__link { color: #ffffff; text-decoration: underline; } #casa_corona_container .container1277 { max-width: 1277px; margin: 0 auto; padding-left: 15px; padding-right: 15px; width: 100%; } #casa_corona_container .container1277.__half { width: 100%; max-width: 638.5px; margin: 0 0 0 auto; } #casa_corona_container .box-souvenir:focus { outline: none !important; } #casa_corona_container .souvenir-section { position: relative; z-index: 2; } #casa_corona_container .souvenir-section .souvenir_card { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } #casa_corona_container .souvenir-section .souvenir_card .__img { width: 50%; position: relative; } #casa_corona_container .souvenir-section .souvenir_card .__img .__absolute { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #casa_corona_container .souvenir-section .souvenir_card .__img img { width: 100%; height: 100%; vertical-align: middle; object-fit: cover; object-position: center; } #casa_corona_container .souvenir-section .souvenir_card .box-text { width: 50%; background-color: #ffffff; margin-right: 0; padding: 80px 0; color: #000000; } #casa_corona_container .souvenir-section .souvenir_card .box-text .font-15 { line-height: 22px !important; } #casa_corona_container .souvenir-section .souvenir_card .box-text .box-inner { width: 100%; max-width: 638.5px; } #casa_corona_container .section-wrapper { overflow: hidden; } #casa_corona_container .section-wrapper .section-inner { padding: 120px 0; border-bottom: solid 1px #ffffff; } #casa_corona_container .section_relative { position: relative; } #casa_corona_container .section_relative .hojas { position: absolute; } #casa_corona_container .section_relative .hojas img { vertical-align: middle; } #casa_corona_container .section_relative .hojas.hoja_altavoz { right: 0; top: -70px; } #casa_corona_container .section_relative .hojas.hoja_altavoz_xs { display: none; } #casa_corona_container .section_relative .hojas.hoja_microfono { left: 0; bottom: -134px; z-index: 0; } #casa_corona_container .section_relative .hojas.hoja_1 { left: 0; top: -240px; } #casa_corona_container .section_relative .hojas.hoja_1_2 { display: none; } #casa_corona_container .section_relative .hojas.hoja_2 { right: 0; top: -269px; } #casa_corona_container .section_relative .hojas.hoja_3 { right: 0; top: 80px; } #casa_corona_container .section_relative .hojas.hoja_4 { left: 0; top: -15px; z-index: 2; } #casa_corona_container .section_relative .hojas.hoja_5 { right: 0; bottom: 25%; max-width: 232px; } #casa_corona_container .section_relative .hojas.hoja_6 { right: 0; bottom: -9px; z-index: 0; } #casa_corona_container .section_relative .hojas.hoja_7 { right: 0; bottom: 0; max-width: 356px; z-index: 0; } #casa_corona_container .section_relative .hojas.hoja_8 { right: 0; bottom: 17%; max-width: 260px; } #casa_corona_container #schedule-section { position: relative; z-index: 1; } #casa_corona_container .no-letter-spacing { letter-spacing: 0 !important; } #casa_corona_container .__btn-link { font-family: "corona-headline", sans-serif !important; font-size: 20px; font-weight: 500; color: #f7ca4c; text-decoration: underline; transition: all .29s ease-in-out; } #casa_corona_container .__btn-link:hover { color: #d4a732; } #casa_corona_container .btn { font-size: 14px !important; line-height: 14px; font-family: 'Cambay', Helvetica, arial, sans-serif; padding: 20px 29px 14px; border-radius: 2px !important; margin: 0; text-transform: uppercase; } #casa_corona_container .btn.__two { padding: 10px 29px 10px; } #casa_corona_container .btn.__two .__text { display: inline-block; padding: 6px 29px 0 0; } #casa_corona_container .btn.__two .__price { border-left: solid 2px #13294b; font-size: 24px; line-height: 24px; font-weight: bold; padding: 6px 0 0 29px; } #casa_corona_container .font-15 { font-size: 15px !important; line-height: 22px; } #casa_corona_container .font-18 { font-size: 18px !important; line-height: 24px; } #casa_corona_container .font-24 { font-size: 24px !important; line-height: 28px; } #casa_corona_container .font-26 { font-size: 26px !important; line-height: 22px; } #casa_corona_container .font-20 { font-size: 20px !important; line-height: 20px !important; } #casa_corona_container .font-28 { font-size: 28px !important; line-height: 37px; } #casa_corona_container .font-36 { font-size: 36px !important; line-height: 36px; } #casa_corona_container .font-40 { font-size: 40px !important; line-height: 40px; } #casa_corona_container .font-55 { font-size: 55px !important; line-height: 60px; } #casa_corona_container .font-65 { font-size: 65px !important; line-height: 72px; } #casa_corona_container .font-68 { font-size: 68px !important; line-height: 77px; } #casa_corona_container .font-70 { font-size: 70px !important; line-height: 77px; } #casa_corona_container .font-100 { font-size: 100px !important; line-height: 100.34px; } #casa_corona_container .logo-fever { position: relative; top: 2px; display: inline-block; margin: 0 0 0 7px; vertical-align: baseline; } #casa_corona_container .text_title { position: relative; overflow: initial; } #casa_corona_container .text_title .font-headline { position: relative; z-index: 1; line-height: 58px; } #casa_corona_container .text_title .__img { position: absolute; left: 0; bottom: 84%; z-index: 0; } #casa_corona_container .text_title .__img img { vertical-align: middle; } #casa_corona_container .text-title-bocanegra h2 { position: relative; overflow: initial; display: inline-block; } #casa_corona_container .text-title-bocanegra h2 .text { position: relative; z-index: 1; } #casa_corona_container .text-title-bocanegra h2 img { position: absolute; right: 0; bottom: -24%; z-index: 0; -webkit-transform: translateX(80%); -ms-transform: translateX(80%); transform: translateX(80%); vertical-align: middle; } #casa_corona_container .__overflow-initial { overflow: initial !important; } #casa_corona_container .__z-index1 { position: relative; z-index: 1; } #casa_corona_container .__z-index3 { position: relative; z-index: 3; } #casa_corona_container .__move-left { -webkit-transform: translateX(-63%); -ms-transform: translateX(-63%); transform: translateX(-63%); } #casa_corona_container .__padding { padding: 0 30px; } #casa_corona_container .carousel-wrapper { overflow-x: hidden; } #casa_corona_container .carousel-wrapper.__gastro { overflow: initial; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 { margin-top: 0; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-dots { top: 0; bottom: auto; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-dots li { width: 8px; height: 26px; margin: 0 2px; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-dots li button { width: 8px; height: 26px; padding: 0; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-dots li button:before { font-size: 6px; line-height: 26px; width: 8px; height: 26px; opacity: .33; color: white; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-dots li.slick-active button:before { opacity: 1; color: white; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-prev, #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-next { z-index: 1; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 54px; height: 54px; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-prev:before, #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-next:before { font-size: 0; line-height: initial; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-prev img, #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-next img { width: 54px; height: 54px; max-width: initial; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-prev { left: 30px; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .slick-next { -webkit-transform: rotateY(180deg) translateY(-50%); -ms-transform: rotateY(180deg) translateY(-50%); transform: rotateY(180deg) translateY(-50%); right: 30px; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .box-casa { border: none !important; outline: none !important; position: relative; max-width: 980px; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .box-casa .box-casa-inner { position: relative; outline: none !important; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .box-casa .box-casa-inner .box-info { outline: none !important; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(74, 74, 74, 0.6); transition: opacity .250s ease-in-out, visibility .250s ease-in-out; opacity: 0; visibility: hidden; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .box-casa .box-casa-inner .box-info .box-info-inner { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .box-casa .box-casa-inner .box-info .box-info-inner .name { color: #FFFFFF; font-family: "corona-headline", sans-serif; font-size: 26px; font-weight: 600; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 .box-casa .box-casa-inner:hover .box-info { opacity: 1; visibility: visible; } #casa_corona_container .carousel-wrapper .carousel-souvenirs { margin-top: 0; } #casa_corona_container .carousel-wrapper .carousel-souvenirs .slick-disabled { display: none; } #casa_corona_container .carousel-wrapper .carousel-souvenirs .slick-prev, #casa_corona_container .carousel-wrapper .carousel-souvenirs .slick-next { z-index: 1; font-size: 0; line-height: 0; position: absolute; top: 160px; display: block; width: 54px; height: 54px; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } #casa_corona_container .carousel-wrapper .carousel-souvenirs .slick-prev:before, #casa_corona_container .carousel-wrapper .carousel-souvenirs .slick-next:before { font-size: 0; line-height: initial; } #casa_corona_container .carousel-wrapper .carousel-souvenirs .slick-prev img, #casa_corona_container .carousel-wrapper .carousel-souvenirs .slick-next img { width: 54px; height: 54px; max-width: initial; vertical-align: middle; } #casa_corona_container .carousel-wrapper .carousel-souvenirs .slick-prev { left: 12px; } #casa_corona_container .carousel-wrapper .carousel-souvenirs .slick-next { -webkit-transform: rotateY(180deg) translateY(-50%); -ms-transform: rotateY(180deg) translateY(-50%); transform: rotateY(180deg) translateY(-50%); right: 12px; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-list { margin: 0 -15px; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-dots { top: 0; bottom: auto; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-dots li { width: 8px; height: 26px; margin: 0 2px; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-dots li button { width: 8px; height: 26px; padding: 0; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-dots li button:before { font-size: 6px; line-height: 26px; width: 8px; height: 26px; opacity: .33; color: white; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-dots li.slick-active button:before { opacity: 1; color: white; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-prev, #casa_corona_container .carousel-wrapper .carousel_gastro .slick-next { z-index: 1; font-size: 0; line-height: 0; position: absolute; top: 90px; display: block; width: 54px; height: 54px; padding: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-prev:before, #casa_corona_container .carousel-wrapper .carousel_gastro .slick-next:before { font-size: 0; line-height: initial; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-prev img, #casa_corona_container .carousel-wrapper .carousel_gastro .slick-next img { width: 54px; height: 54px; max-width: initial; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-prev { left: -66px; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-next { visibility: visible; right: -66px; -webkit-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg); } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro { border: none !important; outline: none !important; position: relative; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner { position: relative; outline: none !important; padding: 0 15px; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info { outline: none !important; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(74, 74, 74, 0.3); } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info .box-info-inner { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info .box-info-inner .name { color: #FFFFFF; font-family: "corona-headline", sans-serif; font-size: 18px; font-weight: 600; display: block; text-align: center; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info .box-info-inner .circle-play-wrapper { display: block; text-align: center; padding-top: 12px; height: 40px; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info .box-info-inner .circle-play-wrapper .circle-play { position: relative; background-color: #ffffff; width: 40px; height: 40px; border-radius: 50%; display: inline-block; transition: all .350s ease-in-out; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info .box-info-inner .circle-play-wrapper .circle-play .triangle { display: inline-block; position: absolute; top: 50%; left: 52%; width: 12px; height: 12px; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); border-style: solid; border-width: 6px 0 6px 12px; border-color: transparent transparent transparent #0b2749; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner:hover .box-info .box-info-inner .circle-play-wrapper .circle-play { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } #casa_corona_container sup { vertical-align: super; font-size: smaller; } #casa_corona_container .absolute-link { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; outline: none !important; } #casa_corona_container p { margin-bottom: 22px; } #casa_corona_container .text-center { text-align: center; } #casa_corona_container #casa_corona_header { background-color: #3a3a3a; height: auto; min-height: 100vh; position: relative; overflow: hidden; } #casa_corona_container #casa_corona_header #myVideo { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; } #casa_corona_container #casa_corona_header .carousel-wrapper_header { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } #casa_corona_container #casa_corona_header .carousel-wrapper_header .__inner { position: relative; width: 100%; height: 100%; } #casa_corona_container #casa_corona_header .carousel-wrapper_header .__inner .backdrop { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.16); z-index: 0; } #casa_corona_container #casa_corona_header .carousel-wrapper_header .slick-slider, #casa_corona_container #casa_corona_header .carousel-wrapper_header .slick-list, #casa_corona_container #casa_corona_header .carousel-wrapper_header .slick-track { height: 100%; } #casa_corona_container #casa_corona_header .carousel-wrapper_header .img-header { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } #casa_corona_container #casa_corona_header .carousel-wrapper_header .img-header ._item-header_inner { position: relative; height: 100%; width: 100%; } #casa_corona_container #casa_corona_header .container1277 { height: 100%; } #casa_corona_container #casa_corona_header .header-inner { position: relative; min-height: 100vh; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #casa_corona_container #casa_corona_header .header-inner .header-text { padding: 111px 0 100px; text-align: center; } #casa_corona_container #casa_corona_header .header-inner .header-text .logo_box { display: block; margin-bottom: 35px; text-align: center; } #casa_corona_container #casa_corona_header .header-inner .header-text .title { font-family: "corona-headline", sans-serif; font-size: 32px; font-weight: 600; color: #FFFFFF; margin-bottom: 10px; text-transform: uppercase; line-height: 1; -moz-mask-image: url("../../images/protect-paradise/mask_font.png"); -webkit-mask-image: url("../../images/protect-paradise/mask_font.png"); mask-image: url("../../images/protect-paradise/mask_font.png"); } #casa_corona_container #casa_corona_header .header-inner .header-text .subtitle { font-family: "corona-headline", sans-serif; font-size: 20px; font-weight: 600; color: #ffffff; } #casa_corona_container #casa_corona_header .header-inner .header-text .subtitle .text-inline { display: block; } #casa_corona_container #casa_corona_header .header-inner .header-text .dash-line { display: none; margin-left: 10px; margin-right: 10px; } #casa_corona_container #casa_corona_header .header-inner .button-wrapper-absolute { position: relative; text-align: center; margin-top: 2rem; } #casa_corona_container #casa_corona_header .header-inner .button-wrapper-absolute .btn { margin: 0; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: 0; display: inline-block; padding: 18px 45px 14px; background-color: rgba(0, 0, 0, 0.32); border: solid 1px #ffffff; transition: all .250s ease-in-out; border-radius: 4px; color: #FFFFFF; text-transform: uppercase; cursor: pointer; } #casa_corona_container #casa_corona_header .header-inner .button-wrapper-absolute .btn:hover { background-color: #ffffff; color: #424242; } #casa_corona_container #casa_corona_header .header-inner .scroll-wrapper { margin-top: 0; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 17px; text-align: left; } #casa_corona_container #casa_corona_header .header-inner .scroll-wrapper img { vertical-align: middle; } #casa_corona_container #casa_corona_header .header-inner .scroll-wrapper button { padding: 0; background-color: transparent; border: none; cursor: pointer; outline: none !important; box-shadow: none; } #casa_corona_container #casa_corona_header .header-inner .scroll-wrapper button img { width: 44px; height: 44px; } #casacorona-calendar, #casacorona-host { overflow-x: hidden; /*Entry Section*/ /*Event Cards Section*/ /*Soon Section*/ /*Spot Section*/ /*Last Section*/ /****** POPUP *********/ /*SPINNER*/ } #casacorona-calendar #container, #casacorona-host #container { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-color: #ffffff; } #casacorona-calendar .container1440, #casacorona-host .container1440 { width: 90vw !important; max-width: 1440px; margin: 0 auto; } #casacorona-calendar .entrySection, #casacorona-host .entrySection { margin-top: 90px; position: relative; z-index: 1; } #casacorona-calendar .entrySection__title, #casacorona-host .entrySection__title { text-transform: uppercase; font-size: 35px; font-family: "corona-headline", sans-serif; color: #000000; } #casacorona-calendar .entrySection__menu, #casacorona-host .entrySection__menu { margin-top: 10px; font-family: "corona-headline", sans-serif; } #casacorona-calendar .entrySection__menu__item, #casacorona-host .entrySection__menu__item { display: inline-block; text-transform: uppercase; font-size: 12px; padding: 2.5px 5px; margin-right: 0px; cursor: pointer; color: #000000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .3s ease-in-out; border: 2px solid transparent; } #casacorona-calendar .entrySection__menu__item:hover, #casacorona-host .entrySection__menu__item:hover { color: #8ac1c6; } #casacorona-calendar .entrySection__menu__item--active, #casacorona-host .entrySection__menu__item--active { color: #8ac1c6; border: 2px solid #8ac1c6; } #casacorona-calendar .eventCards, #casacorona-host .eventCards { margin-top: 25px; position: relative; z-index: 1; transition: all .1s ease-in; } #casacorona-calendar .eventCards.ofusque, #casacorona-host .eventCards.ofusque { opacity: 0; } #casacorona-calendar .eventCards__row, #casacorona-host .eventCards__row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 55px; } #casacorona-calendar .container1440--flex, #casacorona-host .container1440--flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 55px; } #casacorona-calendar .container1440--flex.container1440--flex-center, #casacorona-host .container1440--flex.container1440--flex-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; } #casacorona-calendar .eventCards__row--info, #casacorona-host .eventCards__row--info { height: 600px; background-color: red; position: relative; } #casacorona-calendar .eventCard__reveal__row, #casacorona-host .eventCard__reveal__row { max-height: 0; visibility: hidden; overflow: hidden; display: none; pointer-events: none; transition: all .5s ease-in-out; width: 100%; position: relative; top: -261px; z-index: 1; margin-bottom: 0px; } #casacorona-calendar .eventCard__reveal__row .eventCard__reveal, #casacorona-host .eventCard__reveal__row .eventCard__reveal { opacity: 0; } #casacorona-calendar .eventCard__reveal__row:before, #casacorona-host .eventCard__reveal__row:before { content: ""; transition: all .5s ease-in-out; background-color: #ffffff; box-shadow: 0px 3px 14px 0px #4a43322b; position: absolute; width: 100vw; height: 100%; top: 0; right: -4vw; } #casacorona-calendar .reveal-rising, #casacorona-host .reveal-rising { max-height: 1000px; overflow: visible; visibility: visible; margin-bottom: -200px; display: block; pointer-events: auto; } #casacorona-calendar .reveal-rising .eventCard__reveal, #casacorona-host .reveal-rising .eventCard__reveal { opacity: 1; } #casacorona-calendar .eventCard__reveal, #casacorona-host .eventCard__reveal { padding: 45px 0 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 1; transition: all .5s ease-in-out; position: relative; } #casacorona-calendar .eventCard__reveal__header, #casacorona-host .eventCard__reveal__header { padding-left: 40px; } #casacorona-calendar .eventCard__cover, #casacorona-host .eventCard__cover { width: 100%; max-width: 500px; height: 450px; background-color: #e2e1d7; transition: all .3s ease-in-out; display: none; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); background-repeat: no-repeat; background-size: cover; background-position: center; } #casacorona-calendar .eventCard__reveal__content, #casacorona-host .eventCard__reveal__content { padding: 20px 0; position: relative; margin-left: 0; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-family: Cambay, sans-serif; } #casacorona-calendar .eventCard__reveal__description, #casacorona-host .eventCard__reveal__description { color: #170a14; margin-bottom: 30px; } #casacorona-calendar .h-pra, #casacorona-host .h-pra { font-weight: bold; } #casacorona-calendar .relevant-text, #casacorona-host .relevant-text { margin: 0; font-style: italic; color: #170a14; font-weight: bold; } #casacorona-calendar .eventCard__reveal__important, #casacorona-host .eventCard__reveal__important { color: #f8cb4c; text-transform: uppercase; font-weight: bold; } #casacorona-calendar .eventCard__reveal__action, #casacorona-host .eventCard__reveal__action { margin-top: 50px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: Cambay, sans-serif; display: none; } #casacorona-calendar .eventCard__reveal__price, #casacorona-host .eventCard__reveal__price { display: block; text-transform: uppercase; color: #000000; font-weight: bold; font-size: 18px; margin-bottom: 0; display: none; } #casacorona-calendar .eventCard__reveal__price.mobile, #casacorona-host .eventCard__reveal__price.mobile { display: block; font-size: 14px; margin-bottom: 40px; } #casacorona-calendar .eventCard__ticket, #casacorona-host .eventCard__ticket { text-transform: uppercase; font-weight: bold; position: relative; background-color: #f8cb4c; display: inline-block; height: 50px; width: 187px; color: #ffffff; font-family: Cambay, sans-serif; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } #casacorona-calendar .eventCard__reveal__close, #casacorona-host .eventCard__reveal__close { position: absolute; top: 0; right: 0; cursor: pointer; width: 20px; height: 20px; } #casacorona-calendar .eventCards__container, #casacorona-host .eventCards__container { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 102%; position: relative; z-index: 1; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1%; } #casacorona-calendar .eventCard, #casacorona-host .eventCard { width: 100%; max-width: 480px; max-width: auto; box-sizing: border-box; margin-bottom: -30px; position: relative; /* @include bp($sm){ width: 44%; max-width: 460px; margin-right: 2%; &:last-child{ margin-right: 0; } &:nth-of-type(2n){ margin-right: 0; } }*/ } #casacorona-calendar .eventCard__bg, #casacorona-host .eventCard__bg { height: 308px; background-color: #e2e1d7; background-repeat: no-repeat; background-size: cover; } #casacorona-calendar .eventCard__content, #casacorona-host .eventCard__content { background-color: #ffffff; width: 90%; max-height: auto; left: 5%; box-shadow: 0px 3px 14px 0px #4a43322b; position: relative; bottom: 60px; padding: 50px 15px 5px 15px; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #casacorona-calendar .eventCard__details, #casacorona-host .eventCard__details { -webkit-flex: 1; -ms-flex: 1; flex: 1; } #casacorona-calendar .eventCard__details__reference, #casacorona-host .eventCard__details__reference { margin-bottom: 10px; height: auto; line-height: 1.1; } #casacorona-calendar .eventCard__action, #casacorona-host .eventCard__action { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 58px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #casacorona-calendar .eventCard__highlight, #casacorona-host .eventCard__highlight { background-color: #f8cb4c; display: inline-block; height: 50px; width: 50%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #ffffff; text-transform: uppercase; font-family: Cambay, sans-serif; font-weight: bold; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: -25px; font-size: 15px; z-index: 2; cursor: pointer; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } #casacorona-calendar .eventCard__title, #casacorona-host .eventCard__title { font-family: Cambay, sans-serif; font-size: 18.5px; color: grey; font-weight: bold; } #casacorona-calendar .eventCard__manager, #casacorona-host .eventCard__manager { font-family: Cambay, sans-serif; font-size: 12px; color: grey; text-transform: uppercase; margin-bottom: 25px; } #casacorona-calendar .eventCard__details__date, #casacorona-host .eventCard__details__date { height: 60px; line-height: 1.1; } #casacorona-calendar .eventCard__hour, #casacorona-host .eventCard__hour { color: #000000; font-size: 17px; font-family: Cambay, sans-serif; font-weight: bold; } #casacorona-calendar .eventCard__day, #casacorona-host .eventCard__day { font-size: 30px; font-family: Cambay, sans-serif; color: #000000; } #casacorona-calendar .eventCard__action, #casacorona-host .eventCard__action { font-family: Cambay, sans-serif; font-size: 14px; color: #000000; font-weight: bold; } #casacorona-calendar .eventCard__action a, #casacorona-calendar .eventCard__action a:visited, #casacorona-host .eventCard__action a, #casacorona-host .eventCard__action a:visited { color: #000000; } #casacorona-calendar .eventCard__price, #casacorona-host .eventCard__price { text-transform: uppercase; font-weight: bold; } #casacorona-calendar .eventCard__info, #casacorona-host .eventCard__info { border: 1px solid #000000; padding: 12px 20px 7px 20px; box-sizing: border-box; font-size: 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: relative; z-index: 1; vertical-align: middle; } #casacorona-calendar .eventCard__info:visited, #casacorona-host .eventCard__info:visited { color: #000000; } #casacorona-calendar .soon, #casacorona-host .soon { position: relative; margin-top: 40px; z-index: 1; } #casacorona-calendar .soon__legend, #casacorona-host .soon__legend { font-family: "corona-headline", sans-serif; text-transform: uppercase; font-size: 20px; color: #000000; margin-bottom: 20px; } #casacorona-calendar .soon__row, #casacorona-host .soon__row { display: none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 1; } #casacorona-calendar .soon__row--mobile, #casacorona-host .soon__row--mobile { display: block; } #casacorona-calendar .soon__item--mobile, #casacorona-host .soon__item--mobile { margin-right: 15px; height: 100%; } #casacorona-calendar .soon__item--mobile .eventThumbnail__content, #casacorona-host .soon__item--mobile .eventThumbnail__content { display: block; width: 100%; max-width: 310px; max-height: 210px; } #casacorona-calendar .soon__item--mobile:first-child, #casacorona-host .soon__item--mobile:first-child { margin-left: 30px; } #casacorona-calendar .eventThumbnail, #casacorona-host .eventThumbnail { width: 25%; padding-right: 20px; box-sizing: border-box; font-family: "corona-headline", sans-serif; margin-bottom: 45px; } #casacorona-calendar .eventThumbnail:nth-child(4n), #casacorona-host .eventThumbnail:nth-child(4n) { padding-right: 0; width: calc(25% - 20px); } #casacorona-calendar .eventThumbnail__content, #casacorona-host .eventThumbnail__content { background-color: #e2e1d7; height: 200px; background-size: cover; background-repeat: no-repeat; margin: 0 auto; } #casacorona-calendar .eventThumbnail__title, #casacorona-host .eventThumbnail__title { font-size: 15px; color: #000000; font-family: Cambay, sans-serif; font-weight: bold; } #casacorona-calendar .eventThumbnail__manager, #casacorona-host .eventThumbnail__manager { font-size: 10px; color: #000000; text-transform: uppercase; font-family: Cambay, sans-serif; } #casacorona-calendar .eventThumbnail__description, #casacorona-host .eventThumbnail__description { margin-top: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #casacorona-calendar .spot, #casacorona-host .spot { margin-top: 100px; height: auto; padding: 40px 0 150px; background-image: url("../images/casacorona-host/spot_valencia-xs.png"); background-size: auto 200px; background-position: center bottom; background-repeat: no-repeat; background-color: #fbf0cd; font-family: "corona-headline", sans-serif; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; } #casacorona-calendar .spot__content, #casacorona-host .spot__content { padding-left: 0; } #casacorona-calendar .spot__highlight, #casacorona-host .spot__highlight { font-size: 25px; text-transform: uppercase; color: #f7b37b; line-height: normal; margin-bottom: 8px; } #casacorona-calendar .spot__legend, #casacorona-host .spot__legend { text-transform: uppercase; font-size: 14px; line-height: 20px; color: #000000; } #casacorona-calendar .spot__legend span, #casacorona-host .spot__legend span { color: #000000; } #casacorona-calendar .spot__extra, #casacorona-host .spot__extra { text-transform: uppercase; font-size: 14px; line-height: 20px; color: #000000; margin-top: 20px; } #casacorona-calendar .spot__extra span, #casacorona-host .spot__extra span { color: #000000; } #casacorona-calendar .spot__extra .text, #casacorona-host .spot__extra .text { font-family: Cambay, sans-serif; text-transform: none !important; font-size: 14px; line-height: 18px; font-weight: 600; display: block; margin-bottom: 4px; margin-top: 4px; } #casacorona-calendar .spot__legal, #casacorona-host .spot__legal { margin-top: 30px; } #casacorona-calendar .spot__legal__link, #casacorona-host .spot__legal__link { padding-bottom: 3px; border-bottom: 1px solid #f7b37b; display: inline-block; color: #f7b37b; text-transform: uppercase; font-weight: bold; font-size: 10px; letter-spacing: 1.5px; } #casacorona-calendar .spot__address, #casacorona-host .spot__address { font-size: 14px; line-height: 20px; color: #f7b37b; display: inline-block; border-bottom: 2px solid #f7b37b; margin-bottom: 12px; } #casacorona-calendar .spot__address a, #casacorona-calendar .spot__address a:visited, #casacorona-host .spot__address a, #casacorona-host .spot__address a:visited { color: #f7b37b; } #casacorona-calendar .spot__address .spot__name, #casacorona-host .spot__address .spot__name { font-size: 16px; line-height: 22px; } #casacorona-calendar .lastSection, #casacorona-host .lastSection { height: 120px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; font-family: "corona-headline", sans-serif; position: relative; top: -1px; z-index: 1; display: none; } #casacorona-calendar .lastSection__item, #casacorona-host .lastSection__item { text-transform: uppercase; font-size: 10px; color: #000000; text-align: center; } #casacorona-calendar .lastSection__item a, #casacorona-host .lastSection__item a { color: #000000; padding: 10px; } #casacorona-calendar .lastSection__item a:hover, #casacorona-host .lastSection__item a:hover { text-decoration: underline; } #casacorona-calendar .lastSection__item a.active, #casacorona-host .lastSection__item a.active { text-decoration: underline; } #casacorona-calendar .lastSection__item.active a, #casacorona-host .lastSection__item.active a { text-decoration: underline; } #casacorona-calendar .lastSection__item.disabled a, #casacorona-host .lastSection__item.disabled a { color: #bfbfbf; cursor: pointer; } #casacorona-calendar .lastSection__item.disabled a:hover, #casacorona-host .lastSection__item.disabled a:hover { text-decoration: none; } #casacorona-calendar .lastSection__item .lastLink, #casacorona-host .lastSection__item .lastLink { font-size: 16px; } #casacorona-calendar .firstSection, #casacorona-host .firstSection { height: 134px; transition: all .3s ease-in-out; display: none; pointer-events: auto; position: relative; z-index: 10; opacity: 1; } #casacorona-calendar .firstSection .lastSection, #casacorona-host .firstSection .lastSection { height: 100%; padding: 0 70px; } #casacorona-calendar .firstSection.disable, #casacorona-host .firstSection.disable { opacity: 0 !important; pointer-events: none; } #casacorona-calendar .firstSection.delay, #casacorona-host .firstSection.delay { transition-delay: .2s; } #casacorona-calendar .button--wayra, #casacorona-host .button--wayra { overflow: hidden; transition: border-color 0.3s, color 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } #casacorona-calendar .button--wayra::before, #casacorona-host .button--wayra::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #092B4A; z-index: -1; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; } #casacorona-calendar .button--wayra:hover, #casacorona-host .button--wayra:hover { color: #fff; border-color: #092B4A; } #casacorona-calendar .button--wayra.button--inverted:hover, #casacorona-host .button--wayra.button--inverted:hover { color: #3f51b5; border-color: #fff; } #casacorona-calendar .button--wayra:hover::before, #casacorona-host .button--wayra:hover::before { opacity: 1; background-color: #092B4A; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } #casacorona-calendar .button--wayra.button--inverted:hover::before, #casacorona-host .button--wayra.button--inverted:hover::before { background-color: #fff; } #casacorona-calendar .button--ujarak, #casacorona-host .button--ujarak { transition: border-color 0.4s, color 0.4s; } #casacorona-calendar .button--ujarak::before, #casacorona-host .button--ujarak::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #092B4A; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); transition: opacity 0.4s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } #casacorona-calendar .button--ujarak.button--round-s::before, #casacorona-host .button--ujarak.button--round-s::before { border-radius: 2px; } #casacorona-calendar .button--ujarak.button--inverted::before, #casacorona-host .button--ujarak.button--inverted::before { background: #7986CB; } #casacorona-calendar .button--ujarak, #casacorona-calendar .button--ujarak::before, #casacorona-host .button--ujarak, #casacorona-host .button--ujarak::before { transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } #casacorona-calendar .button--ujarak:hover, #casacorona-host .button--ujarak:hover { color: #fff !important; border-color: #37474f; } #casacorona-calendar .button--ujarak.button--inverted:hover, #casacorona-host .button--ujarak.button--inverted:hover { color: #37474F; border-color: #fff; } #casacorona-calendar .button--ujarak:hover::before, #casacorona-host .button--ujarak:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #casacorona-calendar .popup__content, #casacorona-host .popup__content { visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #casacorona-calendar .popup__container, #casacorona-host .popup__container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; color: #002945; pointer-events: none; z-index: 9; } #casacorona-calendar .popup__container:before, #casacorona-host .popup__container:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .5s ease-in-out; background-color: rgba(0, 0, 0, 0.8); } #casacorona-calendar .popup__container .popup__content, #casacorona-host .popup__container .popup__content { position: absolute; width: 80%; background-color: #fff; left: 10%; top: 25%; visibility: hidden; -webkit-transform: translateY(-100vh); -ms-transform: translateY(-100vh); transform: translateY(-100vh); transition: all .3s ease-in-out; } #casacorona-calendar .popup__container .popup-close, #casacorona-host .popup__container .popup-close { position: absolute; right: 0px; top: 5px; width: 30px; height: 30px; padding: 15px 30px 0 15px; cursor: pointer; background: url(../images/pop-up-close-2.png) no-repeat center transparent; } #casacorona-calendar .popup__container .popup-title, #casacorona-host .popup__container .popup-title { font-family: "corona-headline", sans-serif; font-size: 20px; color: #000000; } #casacorona-calendar .popup__container .popup__main, #casacorona-host .popup__container .popup__main { padding: 10%; height: 80%; } #casacorona-calendar .popup__container .popup__main .popup__body, #casacorona-host .popup__container .popup__main .popup__body { text-align: center; } #casacorona-calendar .popup__container .popup__main .popup__body .popup-title, #casacorona-host .popup__container .popup__main .popup__body .popup-title { color: #13294b; text-transform: uppercase; display: inline-block; } #casacorona-calendar .popup__container .popup__main .popup__body .popup-body, #casacorona-host .popup__container .popup__main .popup__body .popup-body { font-family: Cambay, sans-serif; padding: 10px 0; } #casacorona-calendar .popup__container .popup__main .popup__body .popup-highlighted, #casacorona-host .popup__container .popup__main .popup__body .popup-highlighted { color: #F8CB4C; text-transform: uppercase; } #casacorona-calendar .popup__container .popup__main .popup__footer, #casacorona-host .popup__container .popup__main .popup__footer { padding: 1% 0; } #casacorona-calendar .popup__container .popup__main .popup__footer .button, #casacorona-host .popup__container .popup__main .popup__footer .button { position: relative; text-transform: uppercase; font-weight: bold; position: relative; background-color: #f8cb4c; display: inline-block; height: 50px; width: 160px; color: #ffffff; font-family: Cambay, sans-serif; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; vertical-align: middle; margin-top: 15px; padding-top: 5px; } #casacorona-calendar .popup__container .popup__main .popup__footer .content-btn, #casacorona-host .popup__container .popup__main .popup__footer .content-btn { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #casacorona-calendar .toggle-pop, #casacorona-host .toggle-pop { pointer-events: auto; } #casacorona-calendar .toggle-pop:before, #casacorona-host .toggle-pop:before { opacity: 1; } #casacorona-calendar .toggle-pop .popup__content, #casacorona-host .toggle-pop .popup__content { visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #casacorona-calendar .noEvents, #casacorona-host .noEvents { width: 90%; max-width: 1440px; min-height: 470px; margin: 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #f7b37b; font-size: 25px; font-family: corona-headline; padding: 25px; } #casacorona-calendar .decorator-bg, #casacorona-host .decorator-bg { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 2470px; width: 90%; max-width: 1440px; display: none; } #casacorona-calendar .decorator-bg .decorator:first-child, #casacorona-host .decorator-bg .decorator:first-child { position: absolute; top: 146px; left: 73%; width: 450px; height: 531px; display: none; } #casacorona-calendar .decorator-bg .decorator, #casacorona-host .decorator-bg .decorator { width: 360px; position: absolute; bottom: 720px; left: 23%; display: none; pointer-events: none; } #casacorona-calendar .decorator-bg .decorator2, #casacorona-host .decorator-bg .decorator2 { display: none; position: absolute; width: 291px; right: 27%; bottom: -40px; pointer-events: none; } #casacorona-calendar footer, #casacorona-host footer { position: relative; z-index: 1; } #casacorona-calendar .burn-to-blue, #casacorona-host .burn-to-blue { transition: all .3s ease-in-out; } #casacorona-calendar .burn-to-blue:hover, #casacorona-host .burn-to-blue:hover { background-color: #092B4A; color: #fff; } #casacorona-calendar .sk-circle, #casacorona-host .sk-circle { margin: 100px auto; width: 40px; height: 40px; position: relative; } #casacorona-calendar .sk-circle .sk-child, #casacorona-host .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #casacorona-calendar .sk-circle .sk-child:before, #casacorona-host .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #fff; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } #casacorona-calendar .sk-circle .sk-circle2, #casacorona-host .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } #casacorona-calendar .sk-circle .sk-circle3, #casacorona-host .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } #casacorona-calendar .sk-circle .sk-circle4, #casacorona-host .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #casacorona-calendar .sk-circle .sk-circle5, #casacorona-host .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } #casacorona-calendar .sk-circle .sk-circle6, #casacorona-host .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } #casacorona-calendar .sk-circle .sk-circle7, #casacorona-host .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #casacorona-calendar .sk-circle .sk-circle8, #casacorona-host .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } #casacorona-calendar .sk-circle .sk-circle9, #casacorona-host .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } #casacorona-calendar .sk-circle .sk-circle10, #casacorona-host .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } #casacorona-calendar .sk-circle .sk-circle11, #casacorona-host .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } #casacorona-calendar .sk-circle .sk-circle12, #casacorona-host .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } #casacorona-calendar .sk-circle .sk-circle2:before, #casacorona-host .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } #casacorona-calendar .sk-circle .sk-circle3:before, #casacorona-host .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } #casacorona-calendar .sk-circle .sk-circle4:before, #casacorona-host .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } #casacorona-calendar .sk-circle .sk-circle5:before, #casacorona-host .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } #casacorona-calendar .sk-circle .sk-circle6:before, #casacorona-host .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } #casacorona-calendar .sk-circle .sk-circle7:before, #casacorona-host .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } #casacorona-calendar .sk-circle .sk-circle8:before, #casacorona-host .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } #casacorona-calendar .sk-circle .sk-circle9:before, #casacorona-host .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } #casacorona-calendar .sk-circle .sk-circle10:before, #casacorona-host .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } #casacorona-calendar .sk-circle .sk-circle11:before, #casacorona-host .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } #casacorona-calendar .sk-circle .sk-circle12:before, #casacorona-host .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } #casacorona-calendar .entrySection { margin-top: 85px; } #casacorona-host .hero-corona { position: relative; max-height: 50vh !important; } #casacorona-host .hero-corona .logo { position: relative; } #casacorona-host .hero-corona__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #casacorona-host .hero-corona__place { font-size: 16px; font-family: "Cambay"; color: white; font-weight: bold; padding-top: 10px; padding-bottom: 0px; text-align: center; text-transform: uppercase; letter-spacing: 6px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } #casacorona-host .entry-section { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; } #casacorona-host .entry-section .title-entry { font-family: "corona-headline", sans-serif; color: #f7b37b; font-size: 48px; line-height: 40px; font-weight: bold; } #casacorona-host .entry-section .hero-corona__date { font-family: "corona-headline", sans-serif; font-size: 16px; line-height: 22px; margin-bottom: 15px; color: #f7b37b; font-weight: bold; text-align: center; } #casacorona-host .entry-section .entry-section__finished { margin-bottom: 40px; font-size: 35px; text-transform: uppercase; font-family: "corona-headline", sans-serif; font-weight: bold; color: black; line-height: 1; text-align: center; width: 90%; } #casacorona-host .entry-section .entry-section__placedate { margin-bottom: 40px; } #casacorona-host .entry-section .entry-section__place, #casacorona-host .entry-section .entry-section__date { font-size: 20px; text-transform: uppercase; font-family: "corona-headline", sans-serif; color: #f7b37b; text-align: center; } #casacorona-host .entry-section .entry-section__description { max-width: 624px; } #casacorona-host .entry-section .entry-section__description--claim { color: #f7b37b; font-size: 16px; max-width: 770px; margin-top: 20px; } #casacorona-host .action-section { padding: 50px 0 100px 0px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #casacorona-host .action-section__button { text-transform: uppercase; font-weight: bold; position: relative; background-color: #f8cb4c; display: inline-block; height: 50px; width: 260px; font-size: 20px; color: #ffffff; font-family: "corona-headline", sans-serif; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } #casacorona-host .burn-to-blue { transition: all .3s ease-in-out; } #casacorona-host .burn-to-blue:hover { background-color: #092B4A; color: #fff; } #casacorona-host .main-corona .corona-item__carousel__next { float: right; margin-right: 20px; margin-top: 20px; } #casacorona-host .main-corona .corona-item[type="live"] .corona-item__coda--mb { display: block !important; } #casacorona-host .main-corona .corona-item[type="live"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="live"] .corona-item__coda--mb { display: none; } #casacorona-host .main-corona .corona-item[type="live"] .corona-item__picture { position: relative; } #casacorona-host .main-corona .corona-item[type="live"] .corona-item__description { padding-left: 15px; position: relative; font-family: "cambay", sans-serif; z-index: 1; } #casacorona-host .main-corona .corona-item[type="live"] .corona-item__content { position: relative; } #casacorona-host .main-corona .corona-item[type="live"] .corona-item__legend { position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="live"] .corona-item__legend span { font-size: .8em; display: inline-block; } #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__coda--mb { display: block !important; } #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__coda--mb { display: none; } #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__picture { position: relative; } #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__description { padding-left: 15px; position: relative; font-family: "cambay", sans-serif; z-index: 1; } #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__content { position: relative; } #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__legend { position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__legend span { font-size: .8em; display: inline-block; } #casacorona-host .main-corona .corona-item[type="air"] .corona-item__content { display: block; position: relative; } #casacorona-host .main-corona .corona-item[type="air"] .corona-item__legend { position: relative; top: auto; left: auto; bottom: auto; right: auto; margin-top: 20px; z-index: 1; } #casacorona-host .main-corona .corona-item[type="air"] .corona-item__legend.visible-sm { display: none; } #casacorona-host .main-corona .corona-item[type="air"] .corona-item__description { margin: 0; font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; padding: 25px 0 25px 0; } #casacorona-host .main-corona .corona-item[type="air"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="air"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="air"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="air"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="air"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="air"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="air"] .corona-item__coda--mb { margin: 0; padding-top: 10px; position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item__content { display: block; position: relative; } #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item__legend { position: relative; top: auto; left: auto; bottom: auto; right: auto; margin-top: 20px; z-index: 1; } #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item__legend.visible-sm { display: none; } #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item__description { margin: 0; font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; padding: 10px 0 25px 0; } #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="cinema"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="cinema"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="cinema"] .corona-item__coda--mb { margin: 0; padding-top: 10px; position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__content { display: block; position: relative; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__legend { position: relative; top: auto; left: auto; bottom: auto; right: auto; margin-top: 20px; z-index: 1; width: 100%; padding-left: 0; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__legend.visible-sm { display: none; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__description { margin: 0; font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; padding: 25px 0 25px 0; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__description .coronaHeadline { font-family: "corona-headline", sans-serif; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__coda--mb { margin: 0; padding-top: 15px; position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="creatividad"] .corona-item__picture { position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="creatividad"] .corona-item__description { position: relative; font-family: "cambay", sans-serif; z-index: 1; } #casacorona-host .main-corona .corona-item[type="creatividad"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="creatividad"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="creatividad"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="creatividad"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="creatividad"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="creatividad"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="creatividad"] .corona-item__coda--mb { position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="talks"] .corona-item__picture { position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="talks"] .corona-item__description { position: relative; font-family: "cambay", sans-serif; z-index: 1; } #casacorona-host .main-corona .corona-item[type="talks"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="talks"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="talks"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="talks"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="talks"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="talks"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="talks"] .corona-item__coda--mb { position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="sport"] .corona-item__picture { position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="sport"] .corona-item__description { position: relative; font-family: "cambay", sans-serif; z-index: 1; } #casacorona-host .main-corona .corona-item[type="sport"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="sport"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="sport"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="sport"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="sport"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="sport"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="sport"] .corona-item__coda--mb { position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__image { width: auto; height: 680px; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__legend { position: absolute; right: 5%; top: -30px; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__picture { position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__content { position: relative; padding-top: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__description { width: 80%; position: relative; z-index: 1; padding-left: 0; padding-bottom: 0; font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; font-weight: normal; padding-top: 30px; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="gastro"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="gastro"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="gastro"] .corona-item__coda--mb { padding-top: 15px; padding-left: 0; margin: 0; width: 80%; position: relative; z-index: 2; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__description { font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__picture { position: relative; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__legend { position: relative; top: auto; left: auto; bottom: auto; right: auto; margin-top: 20px; z-index: 1; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__description { margin: 0; font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; padding: 25px 0 25px 0; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="gastro"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="gastro"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="gastro"] .corona-item__coda--mb { margin: 0; padding-top: 10px; position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__image { width: auto; height: 680px; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__legend { position: absolute; right: 5%; top: -30px; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__picture { position: relative; z-index: 1; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__content { position: relative; padding-top: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__description { width: 80%; position: relative; z-index: 1; padding-left: 0; padding-bottom: 0; font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; font-weight: normal; padding-top: 30px; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="radio"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="radio"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="radio"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="radio"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="radio"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="radio"] .corona-item__coda--mb { padding-top: 15px; padding-left: 0; margin: 0; width: 80%; position: relative; z-index: 2; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__description { font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__picture { position: relative; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__legend { position: relative; top: auto; left: auto; bottom: auto; right: auto; margin-top: 20px; z-index: 1; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__description { margin: 0; font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; padding: 25px 0 25px 0; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="radio"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="radio"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="radio"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="radio"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="radio"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="radio"] .corona-item__coda--mb { margin: 0; padding-top: 10px; position: relative; z-index: 1; } #casacorona-host .corona-video__container { position: relative; height: 100%; } #casacorona-host .corona-video__carousel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #casacorona-host .corona-video__carousel .slides { height: 100%; } #casacorona-host .corona-video__carousel .corona-video__carousel__item { height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } #casacorona-host .corona-video__handler { position: absolute; z-index: 4; top: 50px; width: 90px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #casacorona-host .corona-video__handler--next { right: 25px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #casacorona-host .corona-video__handler--prev { left: 25px; } #casacorona-host .corona-video__bg.valencia { background-image: url(../images/casacorona-host/valencia/video_valencia_close_2019.jpg) !important; } #casacorona-host .corona-video__bg.madrid { background-image: url(../images/casacorona-host/madrid/video_close_madrid_2019.jpg) !important; } #casacorona-host .corona-video__bg.barcelona { background-image: url(../images/casacorona-home/video-bg-hq-close.jpg) !important; } #casacorona-host .spot { margin-top: 0 !important; } .btn-link { color: #f7b37b; text-decoration: underline; display: block; } .btn-link.disabled { pointer-events: none; opacity: .37; } .corona__dec--barlive { position: absolute; width: 350px; left: -90px; top: 0; display: none; } .corona__dec--barair { position: absolute; top: -23%; width: 100px; right: auto; } .corona__dec--barcreatividad { position: absolute; left: -24px; top: -65%; width: 100%; max-width: 180px; z-index: -1; } .corona__dec--barlive--mb { display: block; position: absolute; right: 0; top: 0; width: 40vw; max-width: 220px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .corona__dec--bargastro { width: 130px; position: absolute; right: 0; z-index: -1; top: -5%; } #casacorona-host { background-image: unset; overflow-x: hidden; /*Last Section*/ /*Buttons*/ } #casacorona-host .container1440 { width: 90vw !important; max-width: 1440px; margin: 0 auto; } #casacorona-host .relative { position: relative !important; } #casacorona-host .container1440--flex { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } #casacorona-host .hero-corona { width: 100vw; left: -5vw; position: relative; max-width: 1440px; height: 451px; max-height: 60vh; background-size: cover; background-position: center; margin: 70px auto 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #casacorona-host .hero-corona__carousel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } #casacorona-host .hero-corona__carousel__list { width: 100%; height: 100%; } #casacorona-host .hero-corona__carousel__item { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #casacorona-host .hero-corona__carousel__item[type="corona1"] { background-image: url(../images/casacorona-home/hero1.jpg); } #casacorona-host .hero-corona__carousel__item[type="corona2"] { background-image: url(../images/casacorona-host/host-valencia.jpg); } #casacorona-host .hero-corona__carousel__item[type="corona3"] { background-image: url(../images/casacorona-home/casacoronabg-hq.jpg); } #casacorona-host .hero-corona__marquee { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: none; } #casacorona-host .palm { width: 100%; height: 100%; } #casacorona-host .hero-corona .logo { max-width: 276px; position: relative; } #casacorona-host .hero-corona .logo.logo-madrid { max-width: 153px; } #casacorona-host .entry-section { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 70px 0 50px 0; position: relative; } #casacorona-host .palmdecorator { position: absolute; left: 50%; } #casacorona-host .palmdecorator1 { bottom: -10%; width: 21.92vw; -webkit-transform: translate(-62%) rotate(-31deg); -ms-transform: translate(-62%) rotate(-31deg); transform: translate(-62%) rotate(-31deg); max-width: 470px; min-width: 200px; } #casacorona-host .palmdecorator2 { bottom: -30%; width: 10.41vw; -webkit-transform: translate(50%) rotate(53deg); -ms-transform: translate(50%) rotate(53deg); transform: translate(50%) rotate(53deg); min-width: 100px; max-width: 457px; } #casacorona-host .entry-section__description { font-size: 16px; font-family: "corona-headline", sans-serif; color: black; font-weight: bold; line-height: 1.278; text-align: center; max-width: 530px; width: 90vw; position: relative; } #casacorona-host .welcome-section { position: relative; transition: all .5s ease-in-out; } #casacorona-host .welcome-section .decorator { position: absolute; width: 250px; left: 81vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #casacorona-host .welcome-section__legend { font-size: 35px; font-family: "corona-headline", sans-serif; color: black; font-weight: bold; line-height: 1; text-align: center; width: 90%; margin: 0 auto; } #casacorona-host .welcome-section__list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; position: relative; max-width: 850px; width: 90vw; margin: 0 auto; margin-bottom: 35px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 35px; } #casacorona-host .welcome-section__item { margin-bottom: 30px; width: 45%; } #casacorona-host .welcome-section__item.open { width: 100%; margin-bottom: 60px; } #casacorona-host .welcome-section__item.open .welcome-section__item__place { max-width: 280px; margin: 0 auto; font-size: 24px; } #casacorona-host .welcome-section__item.open .welcome-section__item__date { width: 100%; } #casacorona-host .welcome-section__item.open .welcome-section__item__date br { display: none; } #casacorona-host .welcome-section__item.open .welcome-section__item__date .sep { display: inline-block; width: 10px; background-color: #000000; height: 3px; vertical-align: middle; position: relative; bottom: 2px; } #casacorona-host .welcome-section__item.open .welcome-section__item__action { margin: 0 auto; width: 100%; padding-top: 5px; } #casacorona-host .welcome-section__item__place { font-size: 22px; font-family: "corona-headline", sans-serif; color: black; letter-spacing: 1.7px; font-weight: bold; line-height: 2.091; text-align: center; padding: 1.5px 5px; border-top: 1px solid #f8cb4c; border-bottom: 1px solid #f8cb4c; } #casacorona-host .welcome-section__item__date { font-size: 22px; font-family: "corona-headline", sans-serif; color: black; font-weight: bold; line-height: 1; text-align: center; padding: 15px 0px; } #casacorona-host .welcome-section__item__date.disable { color: #bfbfbf; } #casacorona-host .welcome-section__item__action { text-transform: uppercase; font-weight: bold; position: relative; background-color: #f8cb4c; max-width: 100%; height: 50px; width: 187px; color: #ffffff; font-family: Cambay, sans-serif; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } #casacorona-host .welcome-section__item__action.disable { background-color: transparent; font-size: 14px; font-family: "Cambay"; letter-spacing: 1.7px; color: #d7ad5d; font-weight: bold; line-height: 1.2; text-decoration: underline; } #casacorona-host .welcome-section__item__action.disable:before { width: 0; } #casacorona-host .welcome-section__item__action.disable:hover { color: #d7ad5d; } #casacorona-host .corona-item__carousel__next { float: right; margin-right: 20px; margin-top: 20px; } #casacorona-host .corona-item { margin-bottom: 60px; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #casacorona-host .corona-item[type="live"] { position: relative; margin-bottom: 60px; } #casacorona-host .corona-item[type="live"] .corona-item__description { font-family: "Merriweather", sans-serif; padding-left: 30px; font-size: 16px; margin-top: 30px; width: 80%; line-height: 1.5; } #casacorona-host .corona-item[type="live"] .corona-item__coda, #casacorona-host .corona-item[type="live"] .corona-item__coda--mb { padding-top: 40px; width: 80%; } #casacorona-host .corona-item[type="live"] .corona-item__img { width: 100vw; max-width: 100vw; height: auto; } #casacorona-host .corona-item[type="live"] .corona-item__content { -webkit-order: 2; -ms-flex-order: 2; order: 2; z-index: 2; padding-top: 15px; } #casacorona-host .corona-item[type="live"] .corona-item__picture { -webkit-order: 1; -ms-flex-order: 1; order: 1; position: relative; left: -5vw; width: 100vw; } #casacorona-host .corona-item[type="live"] .corona-item__coda, #casacorona-host .corona-item[type="live"] .corona-item__coda--mb { margin: 0 auto; display: none; } #casacorona-host .corona-item[type="live"] .corona-item__coda--mb { display: block; margin: 0; } #casacorona-host .corona-item[type="live-madrid"] { position: relative; margin-bottom: 60px; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__description { font-family: "Merriweather", sans-serif; padding-left: 30px; font-size: 16px; margin-top: 30px; width: 80%; line-height: 1.5; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda, #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda--mb { padding-top: 25px; width: 80%; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__img { width: 100vw; max-width: 100vw; height: auto; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__content { -webkit-order: 2; -ms-flex-order: 2; order: 2; z-index: 2; padding-top: 15px; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__picture { -webkit-order: 1; -ms-flex-order: 1; order: 1; position: relative; left: -5vw; width: 100vw; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda, #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda--mb { margin: 0 auto; display: none; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda--mb { display: block; margin: 0; } #casacorona-host .corona-item[type="air"] .corona-item__content { padding-top: 0; display: block; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } #casacorona-host .corona-item[type="air"] .corona-item__picture { position: relative; } #casacorona-host .corona-item[type="air"] .corona-item__picture .corona-item__img { width: 100%; } #casacorona-host .corona-item[type="air"] .corona-item__description { font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; width: 80%; margin: 30px 0 0; font-weight: normal; font-size: 16px; line-height: 1.5; } #casacorona-host .corona-item[type="air"] .corona-item__coda, #casacorona-host .corona-item[type="air"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="air"] .corona-item__coda--mb, #casacorona-host .corona-item[type="air"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="air"] .corona-item__coda--mb, #casacorona-host .corona-item[type="air"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="air"] .corona-item__coda--mb { padding-top: 40px; margin: 0; width: 80%; } #casacorona-host .corona-item[type="air"] .corona-item__legend { position: absolute; width: auto; right: 0; bottom: -20px; } #casacorona-host .corona-item[type="cinema"] .corona-item__content { padding-top: 0; display: block; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } #casacorona-host .corona-item[type="cinema"] .corona-item__picture { position: relative; } #casacorona-host .corona-item[type="cinema"] .corona-item__picture .corona-item__img { width: 100%; } #casacorona-host .corona-item[type="cinema"] .corona-item__description { font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; width: 80%; margin: 30px 0 0; font-weight: normal; font-size: 16px; line-height: 1.5; } #casacorona-host .corona-item[type="cinema"] .corona-item__coda, #casacorona-host .corona-item[type="cinema"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="cinema"] .corona-item__coda--mb, #casacorona-host .corona-item[type="cinema"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="cinema"] .corona-item__coda--mb, #casacorona-host .corona-item[type="cinema"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="cinema"] .corona-item__coda--mb { padding-top: 40px; margin: 0; width: 80%; } #casacorona-host .corona-item[type="cinema"] .corona-item__legend { position: absolute; width: auto; right: 0; bottom: -20px; } #casacorona-host .corona-item[type="bonus-track"] { position: relative; margin-bottom: 60px; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__content { padding-top: 0; display: block; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__picture { position: relative; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__picture .corona-item__img { width: 100%; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__description { font-family: "Merriweather", "adobe_caslon_proregular", Georgia, serif; width: 80%; margin: 30px 0 0; font-weight: normal; font-size: 16px; line-height: 1.5; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__description { font-family: "Merriweather", sans-serif; padding-left: 30px; font-size: 16px; margin-top: 30px; width: 80%; line-height: 1.5; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda, #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda--mb { padding-top: 40px; width: 80%; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__img { width: 100vw; max-width: 100vw; height: auto; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__content { -webkit-order: 2; -ms-flex-order: 2; order: 2; z-index: 2; padding-top: 15px; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__picture { -webkit-order: 1; -ms-flex-order: 1; order: 1; position: relative; left: -5vw; width: 100vw; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda, #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda--mb { margin: 0 auto; display: none; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda--mb { display: block; margin: 0; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__carousel__next { float: right; margin-right: 20px; margin-top: 20px; } #casacorona-host .corona-item[type="creatividad"] .corona-item__content { position: relative; padding-top: 20px; padding-left: 0; -webkit-order: 2; -ms-flex-order: 2; order: 2; } #casacorona-host .corona-item[type="creatividad"] .corona-item__picture { -webkit-order: 1; -ms-flex-order: 1; order: 1; } #casacorona-host .corona-item[type="creatividad"] .corona-item__description { margin-top: 30px; margin-bottom: 0; position: relative; z-index: 2; } #casacorona-host .corona-item[type="creatividad"] .corona-item__image { width: 100%; } #casacorona-host .corona-item[type="creatividad"] .corona-item__coda, #casacorona-host .corona-item[type="creatividad"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="creatividad"] .corona-item__coda--mb, #casacorona-host .corona-item[type="creatividad"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="creatividad"] .corona-item__coda--mb, #casacorona-host .corona-item[type="creatividad"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="creatividad"] .corona-item__coda--mb { width: 100%; margin-top: 30px; position: relative; z-index: 1; } #casacorona-host .corona-item[type="creatividad"] .corona-item__legend--mod { font-size: 40px; position: relative; z-index: 2; } #casacorona-host .corona-item[type="talks"] .corona-item__content { position: relative; padding-top: 20px; padding-left: 0; -webkit-order: 2; -ms-flex-order: 2; order: 2; } #casacorona-host .corona-item[type="talks"] .corona-item__picture { -webkit-order: 1; -ms-flex-order: 1; order: 1; } #casacorona-host .corona-item[type="talks"] .corona-item__description { margin-top: 30px; margin-bottom: 0; position: relative; z-index: 2; } #casacorona-host .corona-item[type="talks"] .corona-item__image { width: 100%; } #casacorona-host .corona-item[type="talks"] .corona-item__coda, #casacorona-host .corona-item[type="talks"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="talks"] .corona-item__coda--mb, #casacorona-host .corona-item[type="talks"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="talks"] .corona-item__coda--mb, #casacorona-host .corona-item[type="talks"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="talks"] .corona-item__coda--mb { width: 100%; margin-top: 30px; position: relative; z-index: 1; } #casacorona-host .corona-item[type="talks"] .corona-item__legend--mod { font-size: 40px; position: relative; z-index: 2; } #casacorona-host .corona-item[type="sport"] .corona-item__content { position: relative; padding-top: 20px; padding-left: 0; -webkit-order: 2; -ms-flex-order: 2; order: 2; } #casacorona-host .corona-item[type="sport"] .corona-item__picture { -webkit-order: 1; -ms-flex-order: 1; order: 1; } #casacorona-host .corona-item[type="sport"] .corona-item__description { margin-top: 30px; margin-bottom: 0; position: relative; z-index: 2; } #casacorona-host .corona-item[type="sport"] .corona-item__image { width: 100%; } #casacorona-host .corona-item[type="sport"] .corona-item__coda, #casacorona-host .corona-item[type="sport"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="sport"] .corona-item__coda--mb, #casacorona-host .corona-item[type="sport"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="sport"] .corona-item__coda--mb, #casacorona-host .corona-item[type="sport"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="sport"] .corona-item__coda--mb { width: 100%; margin-top: 30px; position: relative; z-index: 1; } #casacorona-host .corona-item[type="sport"] .corona-item__legend--mod { font-size: 40px; position: relative; z-index: 2; } #casacorona-host .corona-item__content { width: 50%; box-sizing: border-box; padding-top: 40px; } #casacorona-host .corona-item__content--block { display: block; } #casacorona-host .corona-item__content--flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #casacorona-host .corona-item--content60-picture40 .corona-item__content { width: 100%; } #casacorona-host .corona-item--content60-picture40 .corona-item__picture { width: 100%; } #casacorona-host .corona-item--content40-picture60 .corona-item__content { width: 100%; } #casacorona-host .corona-item--content40-picture60 .corona-item__picture { width: 100%; } #casacorona-host .corona-item--content45-picture55 .corona-item__content { width: 100%; } #casacorona-host .corona-item--content45-picture55 .corona-item__picture { width: 100%; } #casacorona-host .corona-item--content55-picture45 .corona-item__content { width: 100%; } #casacorona-host .corona-item--content55-picture45 .corona-item__picture { width: 100%; } #casacorona-host .corona-item--content50-picture50 .corona-item__content { width: 100%; } #casacorona-host .corona-item--content50-picture50 .corona-item__picture { width: 100%; } #casacorona-host .corona-item__legend { font-family: "corona-headline", sans-serif; color: black; font-weight: bold; line-height: 1; font-size: 50px; } #casacorona-host .corona-item__description { color: black; font-weight: bold; line-height: 1.5; font-size: 16px; padding: 0; width: 80%; } #casacorona-host .corona-item__legend--mod { font-size: 35px; display: inline-block; } #casacorona-host .corona-item__picture { width: 50%; box-sizing: border-box; } #casacorona-host .corona-item__img { width: 100%; } #casacorona-host .corona-item__img-container { position: relative; } #casacorona-host .corona-item__coda, #casacorona-host .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda--mb { font-size: 18px; font-family: "corona-headline", sans-serif; color: #f7b37b; font-weight: bold; line-height: 1.4; text-align: left; width: 90%; } #casacorona-host .corona-video { height: 420px; position: relative; } #casacorona-host .corona-video.fullVideo { position: fixed; top: 0; right: 0; height: 100%; z-index: 100; } #casacorona-host .corona-video .closeFullVideo { position: absolute; z-index: 100; top: 0; left: 0; cursor: pointer; padding: 15px; } #casacorona-host .corona-video:hover .corona-video__action { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } #casacorona-host .corona-video:hover .corona-video__play { -webkit-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #casacorona-host .corona-video iframe { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #casacorona-host .corona-video iframe.fullVideo { position: fixed; z-index: 99; } #casacorona-host .corona-video.active .corona-video__bg { transition: all 1s ease-in-out; opacity: 0; z-index: 0; } #casacorona-host .corona-video.active .corona-video__action { display: none; } #casacorona-host .corona-full-carousel { height: auto; position: relative; } #casacorona-host .corona-full-carousel .flex-viewport { height: 100%; } #casacorona-host .corona-full-carousel .corona-item__full-carousel { height: 420px; } #casacorona-host .corona-full-carousel .corona-item__full-carousel .slides { height: 100%; } #casacorona-host .corona-full-carousel .corona-item__full-carousel .slides > li { height: 100%; position: relative; } #casacorona-host .corona-full-carousel .corona-item__full-carousel .slides > li .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; } #casacorona-host .corona-video__bg { position: absolute; top: 0; left: 0; opacity: 1; width: 100%; height: 100%; background-image: url(../images/casacorona-home/video-bg-hq-close.jpg); background-size: cover; background-position: center; z-index: 1; } #casacorona-host .corona-video__play { width: 35px; height: 35px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #casacorona-host .corona-video__legend, #casacorona-host .corona-full-carousel__legend { position: absolute; right: auto; left: 0; top: -35px; font-size: 50px; font-family: "corona-headline", sans-serif; color: black; font-weight: bold; line-height: 1; z-index: 3; } #casacorona-host .corona-video__action { transition: all .3s ease-in-out; width: 80px; height: 80px; border-radius: 50%; border: 2px solid #ffffff; cursor: pointer; z-index: 2; background-color: rgba(255, 255, 255, 0.278); } #casacorona-host .lastSection { height: 120px; display: none; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; font-family: "corona-headline", sans-serif; position: relative; z-index: 1; top: -1px; } #casacorona-host .lastSection__item { text-transform: uppercase; font-size: 10px; color: #000000; text-align: center; } #casacorona-host .lastSection__item a { color: #000000; padding: 10px; } #casacorona-host .lastSection__item a:hover { text-decoration: underline; } #casacorona-host .lastSection__item a.active { text-decoration: underline; } #casacorona-host .lastSection__item.active a { text-decoration: underline; } #casacorona-host .lastSection__item.disabled a { color: #bfbfbf; cursor: pointer; } #casacorona-host .lastSection__item.disabled a:hover { text-decoration: none; } #casacorona-host .lastSection__item .lastLink { font-size: 16px; } #casacorona-host .button--wayra { overflow: hidden; transition: border-color 0.3s, color 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } #casacorona-host .button--wayra::before { content: ''; position: absolute; top: 0; left: 0; width: 150%; height: 100%; background: #092B4A; z-index: -1; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; } #casacorona-host .button--wayra:hover { color: #fff; border-color: #092B4A; } #casacorona-host .button--wayra.button--inverted:hover { color: #3f51b5; border-color: #fff; } #casacorona-host .button--wayra:hover::before { opacity: 1; background-color: #092B4A; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } #casacorona-host .button--wayra.button--inverted:hover::before { background-color: #fff; } #casacorona-host .firstSection { height: 134px; transition: all .3s ease-in-out; display: none; pointer-events: auto; position: relative; z-index: 10; opacity: 1; } #casacorona-host .firstSection .lastSection { height: 100%; padding: 0 70px; top: 0; } #casacorona-host .firstSection.disable { opacity: 0 !important; pointer-events: none; } #casacorona-host .firstSection.delay { transition-delay: .2s; } #casacorona-host.scrollmg .hero-corona .logo { opacity: 0; transition: all .3s ease-in; } #casacorona-host.scrollmg .hero-corona .logo.fadeIn { opacity: 1; } #casacorona-host.scrollmg .welcome-section__legend { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #casacorona-host.scrollmg .welcome-section__legend.fadeIn { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #casacorona-host.scrollmg .welcome-section__item { opacity: 0; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); pointer-events: none; transition: all .5s ease-in-out; } #casacorona-host.scrollmg .welcome-section__item.fadeIn { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #casacorona-host.scrollmg .corona-item[type="live"] { margin-bottom: 60px; } #casacorona-host.scrollmg .corona-item[type="live"] .corona-item__content { opacity: 0; transition: all .5s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="live"] .corona-item__content.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="live"] .corona-item__picture { opacity: 0; transition: all .6s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="live"] .corona-item__picture.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="live-madrid"] { margin-bottom: 60px; } #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item__content { opacity: 0; transition: all .5s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item__content.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item__picture { opacity: 0; transition: all .6s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item__picture.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="air"] .corona-item__content { opacity: 0; transition: all .5s ease-in-out; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } #casacorona-host.scrollmg .corona-item[type="air"] .corona-item__content.fadeInTrans { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #casacorona-host.scrollmg .corona-item[type="air"] .corona-item__picture { opacity: 0; transition: all .5s ease-in-out; -webkit-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } #casacorona-host.scrollmg .corona-item[type="air"] .corona-item__picture.fadeInTrans { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #casacorona-host.scrollmg .corona-item[type="cinema"] .corona-item__content { opacity: 0; transition: all .5s ease-in-out; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } #casacorona-host.scrollmg .corona-item[type="cinema"] .corona-item__content.fadeInTrans { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #casacorona-host.scrollmg .corona-item[type="cinema"] .corona-item__picture { opacity: 0; transition: all .5s ease-in-out; -webkit-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } #casacorona-host.scrollmg .corona-item[type="cinema"] .corona-item__picture.fadeInTrans { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item__content { opacity: 0; transition: all .5s ease-in-out; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item__content.fadeInTrans { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item__picture { opacity: 0; transition: all .5s ease-in-out; -webkit-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item__picture.fadeInTrans { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #casacorona-host.scrollmg .corona-item[type="creatividad"] .decorator { opacity: 0; transition: opacity 1s ease-in; } #casacorona-host.scrollmg .corona-item[type="creatividad"] .decorator.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item__img { opacity: 0; transition: all .3s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item__img.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item__legend { opacity: 0; transition: all .6s ease-out; -webkit-transform: translateX(-5%); -ms-transform: translateX(-5%); transform: translateX(-5%); } #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item__legend.fadeInTrans { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item__description { opacity: 0; font-family: "cambay", sans-serif; transition: all .7s ease-out; } #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item__description.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item__coda, #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live"] .corona-item[type="creatividad"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item[type="creatividad"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item[type="creatividad"] .corona-item__coda--mb { opacity: 0; transition: all .7s ease-out; } #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item__coda.fadeIn, #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item[type="live"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live"] .corona-item[type="creatividad"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item[type="live-madrid"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item[type="creatividad"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="creatividad"] .corona-item[type="bonus-track"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item[type="creatividad"] .fadeIn.corona-item__coda--mb { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="talks"] .decorator { opacity: 0; transition: opacity 1s ease-in; } #casacorona-host.scrollmg .corona-item[type="talks"] .decorator.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item__img { opacity: 0; transition: all .3s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item__img.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item__legend { opacity: 0; transition: all .6s ease-out; -webkit-transform: translateX(-5%); -ms-transform: translateX(-5%); transform: translateX(-5%); } #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item__legend.fadeInTrans { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item__description { opacity: 0; font-family: "cambay", sans-serif; transition: all .7s ease-out; } #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item__description.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item__coda, #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live"] .corona-item[type="talks"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item[type="talks"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item[type="talks"] .corona-item__coda--mb { opacity: 0; transition: all .7s ease-out; } #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item__coda.fadeIn, #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item[type="live"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live"] .corona-item[type="talks"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item[type="live-madrid"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item[type="talks"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="talks"] .corona-item[type="bonus-track"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item[type="talks"] .fadeIn.corona-item__coda--mb { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="sport"] .decorator { opacity: 0; transition: opacity 1s ease-in; } #casacorona-host.scrollmg .corona-item[type="sport"] .decorator.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item__img { opacity: 0; transition: all .3s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item__img.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item__legend { opacity: 0; transition: all .6s ease-out; -webkit-transform: translateX(-5%); -ms-transform: translateX(-5%); transform: translateX(-5%); } #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item__legend.fadeInTrans { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item__description { opacity: 0; font-family: "cambay", sans-serif; transition: all .7s ease-out; } #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item__description.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item__coda, #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live"] .corona-item[type="sport"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item[type="sport"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item[type="sport"] .corona-item__coda--mb { opacity: 0; transition: all .7s ease-out; } #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item__coda.fadeIn, #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item[type="live"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live"] .corona-item[type="sport"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item[type="live-madrid"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item[type="sport"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="sport"] .corona-item[type="bonus-track"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item[type="sport"] .fadeIn.corona-item__coda--mb { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="gastro"] .corona-item__img-container { opacity: 0; transition: all .5s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="gastro"] .corona-item__img-container.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="gastro"] .corona-item__description { opacity: 0; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); transition: all .5s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="gastro"] .corona-item__description.fadeInTrans { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #casacorona-host.scrollmg .corona-item[type="gastro"] .corona-item__coda, #casacorona-host.scrollmg .corona-item[type="gastro"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live"] .corona-item[type="gastro"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="gastro"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item[type="gastro"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="gastro"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item[type="gastro"] .corona-item__coda--mb { opacity: 0; transition: all .5s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="gastro"] .corona-item__coda.fadeIn, #casacorona-host.scrollmg .corona-item[type="gastro"] .corona-item[type="live"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live"] .corona-item[type="gastro"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="gastro"] .corona-item[type="live-madrid"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item[type="gastro"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="gastro"] .corona-item[type="bonus-track"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item[type="gastro"] .fadeIn.corona-item__coda--mb { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="gastro"] .decorator { opacity: 0; transition: opacity 1s ease-in; } #casacorona-host.scrollmg .corona-item[type="gastro"] .decorator.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="radio"] .corona-item__img-container { opacity: 0; transition: all .5s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="radio"] .corona-item__img-container.fadeIn { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="radio"] .corona-item__description { opacity: 0; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); transition: all .5s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="radio"] .corona-item__description.fadeInTrans { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #casacorona-host.scrollmg .corona-item[type="radio"] .corona-item__coda, #casacorona-host.scrollmg .corona-item[type="radio"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live"] .corona-item[type="radio"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="radio"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item[type="radio"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="radio"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item[type="radio"] .corona-item__coda--mb { opacity: 0; transition: all .5s ease-in-out; } #casacorona-host.scrollmg .corona-item[type="radio"] .corona-item__coda.fadeIn, #casacorona-host.scrollmg .corona-item[type="radio"] .corona-item[type="live"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live"] .corona-item[type="radio"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="radio"] .corona-item[type="live-madrid"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="live-madrid"] .corona-item[type="radio"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="radio"] .corona-item[type="bonus-track"] .fadeIn.corona-item__coda--mb, #casacorona-host.scrollmg .corona-item[type="bonus-track"] .corona-item[type="radio"] .fadeIn.corona-item__coda--mb { opacity: 1; } #casacorona-host.scrollmg .corona-item[type="radio"] .decorator { opacity: 0; transition: opacity 1s ease-in; } #casacorona-host.scrollmg .corona-item[type="radio"] .decorator.fadeIn { opacity: 1; } #casacorona-host .corona-item__legend { font-size: 50px; } #casacorona-host .entrySection { margin-top: 85px; } .wooohooo__wrapper { margin-top: 70px; overflow: hidden; } #wooohooo { position: relative; } #wooohooo > #container { position: relative; } #wooohooo > #container .shbg { position: absolute; top: 0; height: 100%; width: 30%; max-width: 543px; pointer-events: none; background-size: contain; } #wooohooo > #container .shbg.leftBg { left: 0; background-image: url(../images/wooohooo/fondo_wooohooo_izq.jpg); } #wooohooo > #container .shbg.rightBg { right: 0; background-image: url(../images/wooohooo/fondo_wooohooo_dere.jpg); } #wooohooo .container1440 { width: 90%; max-width: 1440px; margin: 0 auto; } #wooohooo section { position: relative; z-index: 2; } #wooohooo .bottom-stain { position: absolute; bottom: -1px; right: 0; object-fit: contain; z-index: 2; } #wooohooo .hero { position: relative; } #wooohooo .hero .hero__picture img { width: 100%; max-height: 450px; object-fit: cover; display: block; } #wooohooo .content { margin-top: 50px; } #wooohooo .wooohooo__logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60%; max-width: 510px; } #wooohooo .phrase { text-align: center; margin-bottom: 50px; text-transform: uppercase; } #wooohooo .phrase br { display: none; } #wooohooo .phrase--first { font-family: "corona-headline", sans-serif; font-size: 1.2rem; color: black; } #wooohooo .phrase--first br { display: none; } #wooohooo .phrase--second { font-family: "corona-headline", sans-serif; color: #f7ca4c; font-size: 1.4rem; } #wooohooo .phrase--third { font-family: "corona-headline", sans-serif; color: #032e5a; font-size: 1.4rem; margin-bottom: 25px; display: block; } #wooohooo .phrase--third .posted { display: block; font-size: 1.6rem; } #wooohooo .phrase--third .sans { font-family: "Cambay", Helvetica, arial, sans-serif; font-size: 1.2rem; font-weight: bold; text-transform: none; line-height: 1.2; display: inline-block; padding-top: 15px; } #wooohooo .message-in-a-bottle { position: relative; font-family: "corona-headline", sans-serif; } #wooohooo .message-in-a-bottle .phrase--third { position: absolute; bottom: 60%; display: none; } #wooohooo .message-in-a-bottle .phrase--third .middle { display: block; padding-bottom: 25px; } #wooohooo .message-in-a-bottle .message__background { width: 100%; object-fit: contain; display: none; } #wooohooo .message-in-a-bottle .message__background.mb { display: block; } #wooohooo .message-in-a-bottle .message__text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; margin: 0 auto; text-align: center; } #wooohooo .message-in-a-bottle .message { position: relative; } #wooohooo .message-in-a-bottle .message-w { color: #fff; font-size: 1.4rem; } #wooohooo .message-in-a-bottle .message-y { color: #f7ca4c; font-size: 2rem; } #wooohooo .message-in-a-bottle .bottle { width: 80%; object-fit: contain; margin: 0 auto; display: block; } #wooohooo .action-section { margin: 15px 0 50px; } #wooohooo .action-section .wooohooo-action { background-color: #f7ca4c; color: #032e5a; letter-spacing: 2px; font-family: "corona-headline", sans-serif; text-transform: uppercase; display: block; margin: 0 auto; width: 90%; text-align: center; font-size: 1.3rem; border-radius: 10px; padding: 15px 30px; box-sizing: border-box; max-width: 560px; } #wooohooo .video-section { position: relative; z-index: 3; padding: 25px 0 100px; } #wooohooo .video-section iframe { width: 100%; max-width: 1200px; margin: 0 auto; display: block; height: 380px; } .vista_corona__wrapper { margin-top: 0; overflow: hidden; } #vista_corona { position: relative; } #vista_corona #vista_coronaslider { opacity: 0; max-height: 200px; height: 200px; position: relative; } #vista_corona #vista_coronaslider .container1440.container1440--absolute-right { z-index: 10; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #vista_corona #vista_coronaslider .container1440.container1440--absolute-right .flexslider-caption .flexslider-caption-inner { background-color: #ffffff; padding: 30px; max-width: 524px; float: right; display: none; } #vista_corona #vista_coronaslider .animable { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #vista_corona #vista_coronaslider .flex-viewport { height: 100%; } #vista_corona #vista_coronaslider .slides { background-color: #f0f0f0; color: #fff; height: 100%; } #vista_corona #vista_coronaslider .slides > li { position: relative; height: 100%; } #vista_corona #vista_coronaslider .slides > li .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; } #vista_corona #vista_coronaslider .slides > li.prevented .bg { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 14s; animation-duration: 14s; -webkit-animation-timing-function: linear; animation-timing-function: linear; } #vista_corona #vista_coronaslider .slides > li:nth-child(even).prevented .bg { -webkit-animation-name: transformScaleIn; animation-name: transformScaleIn; } #vista_corona #vista_coronaslider .slides > li:nth-child(odd).prevented .bg { -webkit-animation-name: transformScaleOut; animation-name: transformScaleOut; } #vista_corona #vista_coronaslider .flex-nav-prev, #vista_corona #vista_coronaslider .flex-nav-next, #vista_corona #vista_coronaslider .flex-control-paging { z-index: 2; } #vista_corona #vista_coronaslider .flex-direction-nav .flex-nav-prev { left: 24px; } #vista_corona #vista_coronaslider .flex-direction-nav .flex-nav-next { right: 24px; } #vista_corona > #container { position: relative; } #vista_corona > #container .shbg { position: absolute; top: 0; height: 100%; width: 30%; max-width: 543px; pointer-events: none; background-size: contain; } #vista_corona > #container .shbg.leftBg { left: 0; background-image: url(../images/vista_corona/fondo_vista_corona_izq.jpg); } #vista_corona > #container .shbg.rightBg { right: 0; background-image: url(../images/vista_corona/fondo_vista_corona_dere.jpg); } #vista_corona #main_nav { background-color: transparent; } #vista_corona .container1440 { width: 90%; max-width: 1440px; margin: 0 auto; } #vista_corona section { position: relative; z-index: 2; } #vista_corona .bottom-stain { position: absolute; bottom: -1px; right: 0; object-fit: contain; z-index: 2; } #vista_corona .hero { position: relative; } #vista_corona .hero .hero__picture img { width: 100%; max-height: 450px; object-fit: cover; display: block; } #vista_corona .content { position: relative; padding-top: 30px; padding-bottom: 30px; overflow: hidden; } #vista_corona .content.content-sm-pb-0 { padding-top: 60px; } #vista_corona .content .img-absolute { position: absolute; z-index: 0; } #vista_corona .content .img-absolute-left-top { left: 0; right: 37%; top: 0; bottom: 0; max-width: 195px; } #vista_corona .content .img-absolute-left-top .abs-md { display: none; } #vista_corona .content .img-absolute-right-top { display: none; right: 0; } #vista_corona .content .img-absolute-right-top.img-absolute-right-top-2 { display: block; max-width: 210px; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #vista_corona .content .img-absolute-center-top { right: 15px; bottom: 15px; max-width: 38%; } #vista_corona .content .img-absolute-left-bottom { display: none; left: 0; top: 50%; -webkit-transform: translateY(-50%) translateX(-20%); -ms-transform: translateY(-50%) translateX(-20%); transform: translateY(-50%) translateX(-20%); } #vista_corona .content .img-absolute-right-bottom { right: 0; bottom: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); max-width: 170px; } #vista_corona .content .container1440 { position: relative; z-index: 1; } #vista_corona .vista_corona__logo { text-align: center; margin-bottom: 40px; } #vista_corona .vista_corona__logo img { max-width: 150px; } #vista_corona .phrase { text-align: center; } #vista_corona .flexslider-caption-inner .phrase--first-caption { font-family: "corona-headline", sans-serif; font-size: 1.2rem; color: #032e5a; text-transform: uppercase; margin: 0 0 30px 0; } #vista_corona .flexslider-caption-inner .phrase--second-caption { font-family: "Cambay", Helvetica, arial, sans-serif; font-size: 1.125rem; color: #032e5a; font-weight: 700; margin: 0 0 0 0; } #vista_corona .flexslider-caption-inner.phrases-caption { margin-bottom: 40px; } #vista_corona .flexslider-caption-inner.phrases-caption .phrase--first-caption { font-size: 1.29rem; line-height: 1.1; margin: 0 0 20px 0; } #vista_corona .flexslider-caption-inner.phrases-caption .phrase--second-caption { font-size: 1.11rem; line-height: 1.1; } #vista_corona .phrase--first { font-family: "corona-headline", sans-serif; font-size: 1.4rem; color: #032e5a; text-transform: uppercase; line-height: 1.05; margin-bottom: 30px; } #vista_corona .phrase--first br { display: none; } #vista_corona .phrase--second { font-family: Arial, sans-serif; font-weight: bold; color: #f7ca4c; font-size: 1.4rem; text-transform: uppercase; display: none; } #vista_corona .phrase--second-sm { font-family: Arial, sans-serif; font-weight: bold; color: #ffffff; background-color: #f7ca4c; font-size: .92rem; text-transform: uppercase; display: block; padding: 10px 15px; } #vista_corona .phrase--third { font-family: "corona-headline", sans-serif; font-size: 1.2rem; color: #032e5a; text-transform: uppercase; line-height: 1.05; margin-bottom: 20px; } #vista_corona .phrase--fourth { font-family: "Cambay", Helvetica, arial, sans-serif; font-size: 1.125rem; color: #032e5a; font-weight: 700; margin-bottom: 30px; } #vista_corona .phrase--fourth .max-text { max-width: 520px; display: inline-block; } #vista_corona .action-section { margin: 10px 0 10px; text-align: center; } #vista_corona .action-section .vista_corona-action { background-color: #f7ca4c; color: #032e5a; font-family: "Cambay", Helvetica, arial, sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; font-size: 1.125rem; line-height: 1.1; border-radius: 10px; padding: 9px 20px 6px; box-sizing: border-box; display: inline-block; max-width: 260px; margin: 0 auto; } #cookies, #legal, #privacity, #covid { font-family: Arial,sans-serif; } #cookies .legal__content, #legal .legal__content, #privacity .legal__content, #covid .legal__content { text-align: left !important; padding-top: 100px; } #cookies .legal__content .title, #legal .legal__content .title, #privacity .legal__content .title, #covid .legal__content .title { text-decoration: underline; text-transform: uppercase; font-weight: bold; } #cookies .legal__content .subtitle, #legal .legal__content .subtitle, #privacity .legal__content .subtitle, #covid .legal__content .subtitle { text-transform: uppercase; font-weight: bold; padding-left: 15px; } #cookies .legal__content .high, #legal .legal__content .high, #privacity .legal__content .high, #covid .legal__content .high { font-weight: bold; text-decoration: underline; } #cookies .legal__content h2, #legal .legal__content h2, #privacity .legal__content h2, #covid .legal__content h2 { font-weight: bold; text-transform: uppercase; font-size: 1rem !important; } #cookies .legal__content .italic, #legal .legal__content .italic, #privacity .legal__content .italic, #covid .legal__content .italic { font-style: italic; } #cookies .legal__content .sublist, #legal .legal__content .sublist, #privacity .legal__content .sublist, #covid .legal__content .sublist { padding-left: 15px; } #cookies .legal__content b, #legal .legal__content b, #privacity .legal__content b, #covid .legal__content b { font-weight: bold; } #cookies .legal__content i, #legal .legal__content i, #privacity .legal__content i, #covid .legal__content i { font-style: italic; } #cookies .legal__content a, #legal .legal__content a, #privacity .legal__content a, #covid .legal__content a { text-decoration: underline; color: #092B4A; } #cookies .legal__content table, #legal .legal__content table, #privacity .legal__content table, #covid .legal__content table { font-size: 8px; } #cookies .legal__content table th, #legal .legal__content table th, #privacity .legal__content table th, #covid .legal__content table th { text-align: center !important; font-weight: bold !important; } #cookies .legal__content table td, #cookies .legal__content table th, #legal .legal__content table td, #legal .legal__content table th, #privacity .legal__content table td, #privacity .legal__content table th, #covid .legal__content table td, #covid .legal__content table th { border: 1px solid grey !important; padding: 5px !important; } /* FLEX! */ html.flexbox { min-height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } html.flexbox body { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } html.flexbox body #container { width: 100%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } html.flexbox body #container > * { width: 100%; } html.flexbox body #footer { width: 100%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .optanon-alert-box-wrapper .banner-content .banner-policy-link { color: #fff; padding-left: 15px; text-transform: capitalize; text-decoration: none !important; } #marlin-privacy-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0 auto; float: none; padding-top: 50px; padding-bottom: 50px; position: relative; } #marlin-privacy-content h1, #marlin-privacy-content h2, #marlin-privacy-content h3, #marlin-privacy-content h4, #marlin-privacy-content h5, #marlin-privacy-content h6 { font-size: 22px; text-transform: capitalize; margin-bottom: 24px; } table.optanon-cookie-policy-subgroup-table { background-color: transparent !important; } div.optanon-show-settings-popup-wrapper { display: inline-block; height: auto !important; margin-bottom: 30px; } #marlin-privacy-content > section { width: auto; display: inline-block; box-sizing: border-box; font-size: 14px; width: 100%; padding: 0 20px; padding-left: 460px; padding-right: 100px; } #marlin-privacy-content ol { display: inline-block; width: 100%; box-sizing: border-box; list-style: none; counter-reset: my-awesome-counter; position: absolute; left: 0px; top: 50px; padding: 40px; max-width: 320px; } #marlin-privacy-content ol li a { font-size: 16px; font-family: inherit; font-weight: bold; width: auto !important; position: relative; padding-left: 25px; } #marlin-privacy-content ol li { counter-increment: my-awesome-counter; position: relative; } #marlin-privacy-content ol li::before { content: counter(my-awesome-counter) ". "; font-size: 16px; font-weight: bold; position: absolute; } .optanon-status-editable label:before, .optanon-status-editable label:after { border: none !important; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } .fade { transition: none; } .collapsing { transition: none; } } @media screen and (min-width: 320px) { #cc-destacados .eventos .evento { width: 50%; } } @media screen and (min-width: 380px) { #casacorona-calendar .entrySection__menu__item, #casacorona-host .entrySection__menu__item { font-size: 14px; } } @media screen and (min-width: 480px) { .font-size-40 { font-size: 2.5rem; } .separator-1, .separator-2, .separator-3, .separator-4 { width: 77px; } .scroll-link { background-size: 25px auto; width: 25px; height: 92px; } *[class*='xs-col-'] { overflow: hidden; } *[class*='xs-col-'] .col { float: left; } .xs-col-1 { width: 100%; } .xs-col-2 .col { width: 50%; } .xs-col-3 .col { width: 33.333%; } .xs-col-4 .col { width: 25%; } .xs-col-5 .col { width: 20%; } .isotope-grid .item, .isotope-grid .grid-sizer { width: 33.333%; } .isotope-grid .item.w2, .isotope-grid .grid-sizer.w2 { width: 66.666%; } #header { height: 134px; } #logo { width: 85px; height: 45px; top: 38px; left: 50px; } .menu-active #logo { display: inline-block; } .icon-menu-toggle { width: 30px; height: 25px; } .menu-toggle { top: 58px; right: 50px; } #main_nav .nav-list a { font-size: 22px; line-height: 26px; } #main_nav .nav-list .children > .container { padding-top: 10px; padding-bottom: 10px; } #main_nav .nav-list .children.has_descriptions li a { font-size: 20px; line-height: 24px; } #main_nav #login-link { font-size: 20px; } .rsss-icon { width: 30px; height: 30px; } .main_nav--light .img-logo .st0 { fill: #fff !important; transition: all .4s ease-in-out; } .main_nav--light .img-logo .st1 { fill: #fff !important; transition: all .4s ease-in-out; } .main_nav--light .icon-menu-toggle span { background: #fff; } .menu-active .main_nav--light .icon-menu-toggle span { background: #000000; } .menu-active .main_nav--light .img-logo .st0 { fill: #FECD39 !important; } .menu-active .main_nav--light .img-logo .st1 { fill: #092B4A !important; } #cookiesadvice #colophon .copy-content { padding: 20px 35px 40px; } #cookiesadvice .middle { height: 100%; } #cookiesadvice .container-small { padding: 50px 0; } #web-map #rrss_buttons_footer { margin-top: 0; } .flexslider.video-slider .flex-direction-nav .flex-prev, .flexslider.video-slider .flex-direction-nav .flex-next { width: 60px; height: 60px; background-size: 17px auto; } #homeslider .slides h2 { letter-spacing: 2px; font-size: 1rem; } #homeslider .slides h1 { letter-spacing: 4px; font-size: 1.375rem; } #homeslider .slides .btn { font-size: 1em; padding: 16px 50px 12px; } #homeslider .slide-inner img { max-width: 320px; max-height: 120px; } #homeslider .slide-inner { margin-top: auto; } #home-product .product-text { text-align: left; } #homeslider #homeslide_12 .slide-inner img { max-width: 320px; } #redes_sociales .rrss_buttons .row_txt .rrss_txt_2 { font-size: 1rem; } #rrss_buttons_menu { margin-top: 15px; } #gama #container { top: auto; } #product-nav ul { letter-spacing: 1.5px; font-size: 1.4375rem; } #product-nav li a:before { width: 70px; margin-left: -35px; } #timeline_carrousel .slide, #timeline_carrousel .timeline_carrousel_guide { width: 70%; } #timeline_carrousel .slide.active, #timeline_carrousel .timeline_carrousel_active_guide, #timeline_carrousel #history_navigation { width: 70%; } #timeline_carrousel .slide .slide-date h2 { font-size: 12px; } #product-ritual .product-ritual-title { font-size: 3.125rem; } #product-ritual .product-ritual-txt { font-size: 2rem; } #flexslider_mito_carrousel .mito_carrousel_title { font-size: 1.75rem; } #custom_login { top: auto; } #music-festival-next-dates .col:last-child ul { background: url("../images/separator4.png") no-repeat 50% 0; } #musicfestivalmap .map-content img { max-width: 1169px; } .agenda-content li { text-align: left; } .agenda-content li:nth-child(2) .date { border-top: 1px solid #bac4ca; } #surf .video-slider .flex-nav-prev, #surf .video-slider .flex-nav-next { top: 50%; bottom: initial; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #surf .video-slider .flex-nav-prev a, #surf .video-slider .flex-nav-next a { height: 60px; } #surf_container { background-size: auto; } .surf-first { background-position: 0% 90%, 100% 94%, 50% 97%; } #surf-nav ul { letter-spacing: 1.5px; font-size: 1.4375rem; } #surf-nav li a:before { width: 70px; margin-left: -35px; } .surf-aritz-content { padding: 30px; } #surf-aritz2 > .container:before { top: -61vw; width: 27%; left: -12%; height: 110vw; background-position: right top; } #surf-aritz2 > .container:after { height: 114px; width: 445px; margin: -15px auto 15px; } #surf-aritz2 .surf-aritz-header2 { min-height: 63vw; } #surf-aritz2 .surf-aritz-content { min-height: 49vw; padding: 15px 30px 15px calc(30% + 30px); } #surf-aritz2 .surf-aritz-content2 { padding: 0 15px; } #world-surf-leage-header #wsl-logo { max-width: 100%; } #world-surf-leage-header .wsl-title { font-size: 4.375rem; } #twitterBox .twitterBox_header, #twitterBox .twitterBox_footer { margin: 15px 30px; overflow: hidden; } #twitterBox .tweets li { padding: 10px 30px; } html.flexbox body#protect_paradise #main_nav { background-color: transparent; } #protect_paradise_container #protect_paradise_header .header-inner { padding: 100px 0 50px; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .box-stunt { max-width: 320px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer { max-width: 450px; } .btn-event { font-size: 1.5rem; padding: 8px 30px 7px; } #cc-destacados .eventos .evento { width: 33.333%; } #cc-destacados .eventos .evento .poster { opacity: 1; } #cc-destacados .eventos .evento .event-content h2 { line-height: 1; } #cc-destacados .eventos .evento .event-content .btn-event { display: block; } #cc-como-llegar .botella { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } #cc-conciertos .conciertos .concierto { padding: 15px 15px 0; width: 50%; } #casa-corona-eventos .eventos-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #casa-corona-eventos .eventos-list li { width: 50%; padding: 15px; margin-bottom: 0; background-color: transparent; } #casa-corona-proximos .proximos-list { margin: 0 -15px; } #casa-corona-proximos .proximos-list li { padding: 15px; } .agenda-link { width: auto; text-indent: 0; display: inline; background-position: right center; } #mis-eventos-popup:after { right: 15px; } #mis-eventos-popup { left: 50%; right: initial; width: 100%; max-width: 300px; margin-left: -150px; } .eventos .eventos-slider-guide { width: 50%; } #cc_eventos .eventosproximos-list li { width: 50%; } #casacorona-evento .back-container { text-align: left; } #promociones_first { background-size: auto 100%; } #infoW { font-size: 16px; min-width: 300px; } #festivales-nav ul { letter-spacing: 1.5px; font-size: 1.4375rem; } #festivales-soundeat .festivales-soundeat-desc .txt h2 { font-size: 40px; } #festivales-soundeat .festivales-soundeat-instructions { text-align: center; } #festivales-soundeat .festivales-soundeat-instructions img, #festivales-soundeat .festivales-soundeat-instructions ol { display: inline-block; vertical-align: middle; } #festivales-soundeat .festivales-soundeat-instructions img { margin: 0 45px 0 0; } html.flexbox body#casacorona #main_nav { background-color: transparent; } #casacorona-calendar .entrySection, #casacorona-host .entrySection { margin-top: 50px; } #casacorona-calendar .eventCard, #casacorona-host .eventCard { margin: 0 auto; margin-bottom: -30px; } #casacorona-calendar .spot, #casacorona-host .spot { background-position: right 105%; padding: 40px 0 120px; } #casacorona-calendar .spot__highlight, #casacorona-host .spot__highlight { font-size: 30px; } #casacorona-calendar .lastSection__item, #casacorona-host .lastSection__item { font-size: 12px; } #casacorona-calendar .entrySection { margin-top: 134px; } #casacorona-host .hero-corona { margin: 134px auto 0; } #casacorona-host .palmdecorator1 { bottom: -12vw; width: 23vw; } #casacorona-host .palmdecorator2 { bottom: -25%; width: 12vw; } #casacorona-host .welcome-section__item { width: auto; } #casacorona-host .lastSection__item { font-size: 12px; } #casacorona-host .entrySection { margin-top: 134px; } .wooohooo__wrapper { margin-top: 0; } #wooohooo #main_nav { background: none; } .vista_corona__wrapper { margin-top: 0; } } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } .card-deck { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } .card-group { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .flex-sm-row { -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media screen and (min-width: 768px) { .background-blue-water { background-size: auto, auto; } .island-top, .island { padding-top: 75px; } .island-bottom, .island { padding-bottom: 75px; } .island-top-small, .island-small { padding-top: 37.5px; } .island-bottom-small, .island-small { padding-bottom: 37.5px; } .island-top-big, .island-big { padding-top: 150px; } .island-bottom-big, .island-big { padding-bottom: 150px; } .btn-big { padding: 20px 45px 15px; } .video-slider .video-title { font-size: 85px; } .video-slider .icon-video-play:after { width: 78px; height: 78px; background-size: 24px auto; } .wide-title.triangle-bottom:after { background-size: 32px 13px; } .container { max-width: 750px; } .container-small { max-width: 672px; } .container-medium { max-width: 800px; } *[class*='sm-col-'] { overflow: hidden; } *[class*='sm-col-'] .col { float: left; } .sm-col-1 { width: 100%; } .sm-col-2 .col { width: 50%; } .sm-col-3 .col { width: 33.333%; } .sm-col-4 .col { width: 25%; } .sm-col-5 .col { width: 20%; } .isotope-grid .item, .isotope-grid .grid-sizer { width: 25%; } .isotope-grid .item.w2, .isotope-grid .grid-sizer.w2 { width: 50%; } #header.header--move { opacity: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition: all 400ms ease-in; } #header { height: 84px; } #main_nav .nav-list a { font-size: 40px; line-height: 50px; } #main_nav .casa-corona > a { font-size: 60px; line-height: 1.1; } #main_nav { background: transparent; } #main_nav #nav-list-first { padding-right: 8%; } #main_nav #nav-list-second { padding-left: 8%; } .menu-container { padding-bottom: 5vh; } .menu-container .nav-list { transition: opacity .5s ease-in-out; transition-delay: 0s; min-height: 50vh; } .menu-container { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding-bottom: 0; padding-left: 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .menu-container #nav-list-first { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .menu-container #nav-list-second { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .menu-active .menu-container { padding-top: 15vh; } .rsss-menu { padding-top: 0; } .menu-decorator { max-width: 200px; top: -10%; left: 10%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .colophon--age #legal .footer-links-content { padding-right: 0 !important; } #web-map { padding: 45px 0; } .flexslider .flex-direction-nav .flex-nav-prev, .gallery-thumbs .flex-direction-nav .flex-nav-prev { left: 15px; } .flexslider .flex-direction-nav .flex-nav-next, .gallery-thumbs .flex-direction-nav .flex-nav-next { right: 15px; } #homeslider .flex-direction-nav .flex-nav-prev { left: 50px; } #homeslider .flex-direction-nav .flex-nav-next { right: 50px; } #home-product { background-size: cover; background-position: 0 100%; } #home-product .container { background-image: url(../images/home/imagen_thisisliving_web2.jpg); background-size: auto 90%; background-position: 100% 50%; background-repeat: no-repeat; } #rrss_buttons_menu .rrss_link { width: 50px; height: 50px; } #rrss_buttons_menu .rrss_link img { width: 50px; height: 50px; } #timeline_carrousel .slide, #timeline_carrousel .timeline_carrousel_guide { width: 33.333%; } #timeline_carrousel .slide.active, #timeline_carrousel .timeline_carrousel_active_guide, #timeline_carrousel #history_navigation { width: 66.666%; } #timeline_carrousel #history_navigation:after { content: ""; width: 228px; height: 625px; display: block; left: -228px; position: absolute; top: -130px; background-image: url(../images/product/history/history-bottle-2.png); background-position: center; background-size: contain; } #timeline_carrousel .slide .slide-date h1 { margin-bottom: 10px; font-size: 38px; } #timeline_carrousel .slide .slide-date h2 { font-size: 14px; } #flexslider_mito_preview #mito_preview_bottle { display: block; position: absolute; background-image: url(../images/product/mito/mito-bottle-2.png); background-position: 0 0; background-size: contain; background-repeat: no-repeat; height: 625px; z-index: 2; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #flexslider_mito_carrousel .container-small { padding-left: 243px; } #mito_navigation { padding-left: 228px; } #eventos-corona-music-festival #container { background-size: 1166px auto; } #eventos-corona-music-festival .logo-music-festival { width: 300px; margin-top: 63px; } #music-festival-end { padding-bottom: 179px; background-size: 280px; } .agenda-content h2 { max-width: 350px; } .agenda-content li { /*.agenda-sala-logo{ width:75px; }*/ } .agenda-content li .date { padding: 15px 50px 15px 80px; } .agenda-content li .date .date-day { top: 3px; left: 10px; } .surf-first { background-position: 0% 98%, 100% 98%, 50% 96%; background-size: 380px, 620px, 1.5px; } #surf_header .surf_logo_container { padding: 14vw 0 22vw 0; } #surf_header { background-image: url(../images/surf/surf-header-bg-desktop.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom center; } #surf_header .surf_logo_container { background-image: none; } #surf_header .surf_logo_desktop { display: block; } #surf_header .surf_logo_mobile { display: none; } #surf-aritz .surf-aritz-header { min-height: 60vh; } #surf-aritz2 > .container:after { margin: -80px auto 15px; } #surf-aritz2 .surf-aritz-header2 { min-height: 63vw; } #world-surf-leage-header { min-height: 540px; } #world-surf-leage-header .middle { margin-top: -60px; } #twitterBox { max-width: 410px; float: right; } #wsl-fans { background-image: none; } #world-surf-leage-content { background-image: url(../images/surf/wsl-stamp.png); background-position: 0 104%; background-repeat: no-repeat; } #protect_paradise_container { font-size: 18px; } #protect_paradise_container #protect_paradise_header .header-inner { padding: 111px 0 120px; } #protect_paradise_container #protect_paradise_header .header-inner .header-text { padding: 64px 0; } #protect_paradise_container #protect_paradise_header .header-inner .header-text .logo_box img { max-width: 176px; } #protect_paradise_container #protect_paradise_header .header-inner .header-text .title { font-size: 76px; } #protect_paradise_container #protect_paradise_header .header-inner .header-text .subtitle { font-size: 26px; } #protect_paradise_container #protect_paradise_header .header-inner .header-text .subtitle .text-inline { display: inline; } #protect_paradise_container #protect_paradise_header .header-inner .header-text .dash-line { display: inline; } #protect_paradise_container #protect_paradise_header .header-inner .button-wrapper-absolute .btn { font-size: 14px; padding: 18px 30px 14px; } #protect_paradise_container #protect_paradise_header .header-inner .scroll-wrapper { margin-top: 0; position: absolute; left: 50%; bottom: 7px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 56px; background: url("../../images/protect-paradise/line-scroll.svg") no-repeat; background-position: center bottom; text-align: left; } #protect_paradise_container .subtitle-yellow { font-size: 22px; line-height: 1; } #protect_paradise_container .fourth-section-wrapper { padding-top: 100px; padding-bottom: 100px; } #protect_paradise_container .fourth-section-wrapper .title { font-size: 46px; margin-bottom: 35px; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper { padding-top: 30px; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .box-stunt { max-width: 576px; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper { padding-top: 100px; padding-bottom: 100px; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper .wave-rubbish { display: inline-block; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper .first-subsection-inner { margin-left: 34%; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper .first-subsection-inner .title { font-size: 46px; margin-bottom: 35px; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper .first-subsection-inner .subtitle-blue { font-size: 20px; } #protect_paradise_container .first-section-wrapper .second-subsection-wrapper { padding-top: 90px; padding-bottom: 100px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper { padding-top: 30px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer { max-width: 340px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info .box-info-inner .circle-play-wrapper { padding-top: 14px; height: 48px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info .box-info-inner .circle-play-wrapper .circle-play { width: 48px; height: 48px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info .box-info-inner .circle-play-wrapper .circle-play .triangle { border-width: 7px 0 7px 14px; width: 14px; height: 14px; } #protect_paradise_container .second-section-wrapper { padding-top: 130px; padding-bottom: 160px; margin-bottom: 80px; } #protect_paradise_container .second-section-wrapper .logo_box { margin-bottom: 50px; } #protect_paradise_container .second-section-wrapper .logo_box img { max-width: 198px; } #protect_paradise_container .second-section-wrapper .title { font-size: 46px; } #protect_paradise_container .second-section-wrapper .boxes-wrapper { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-top: 80px; margin-bottom: 80px; } #protect_paradise_container .second-section-wrapper .boxes-wrapper .box { border-right: 4px solid #f7ca4c; padding: 5px 15px 0; margin-bottom: 0; } #protect_paradise_container .second-section-wrapper .boxes-wrapper .box .subtitle-yellow { margin-bottom: 12px; } #protect_paradise_container .third-section-wrapper { padding-top: 120px; padding-bottom: 120px; } #protect_paradise_container .third-section-wrapper .content { text-align: left; } #protect_paradise_container .third-section-wrapper .title { font-size: 46px; margin-bottom: 20px; } #protect_paradise_container .third-section-wrapper .subtitle-yellow.subtitle-1 { max-width: 55%; margin-top: 40px; line-height: 1.17; } #protect_paradise_container .third-section-wrapper .subtitle-yellow.subtitle-2 { max-width: 48%; line-height: 1.17; } #protect_paradise_container .third-section-wrapper ul.beach-list li { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 12px 0; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; font-size: 18px; padding-left: 0; } #protect_paradise_container .third-section-wrapper ul.beach-list li .date { font-size: 20px; } #protect_paradise_container .third-section-wrapper ul.beach-list li .beach { padding-top: 4px; } #protect_paradise_container .third-section-wrapper ul.beach-list li .rectangle { position: relative; width: 40px; } #protect_paradise_container .third-section-wrapper ul.beach-list li .rectangle img { max-width: initial; margin-top: 5px; } #protect_paradise_container .third-section-wrapper .btn { font-size: 16px; padding: 18px 60px 14px; } .ribbons { display: inline-block; position: relative; } .ribbons:after, .ribbons:before { content: ""; position: absolute; height: 3px; width: 120px; background: #f7cb4f; top: 50%; margin-top: -2px; } .ribbons:after { left: 0; margin-left: -140px; } .ribbons:before { right: 0%; margin-right: -140px; } #cc_header .txt:after { width: 290px; margin-left: -145px; } #cc_header .casa-corona-logo { max-width: 240px; } #flexslider-hitos .slide h1 { line-height: 1.2; } #cc-como-llegar { padding: 0 0 0 35%; margin-bottom: 150px; } #cc-como-llegar .mapa { bottom: 0; height: auto; } #cc-como-llegar .palmeras { width: 35%; } #cc-como-llegar .botella { top: 30px; bottom: -40px; } #cc-como-llegar .contenedor-donde { padding: 50px; margin: 80px auto; } #evento-interior .contenedor-imagen, #evento-interior .contenedor-texto { padding: 0 15px; width: 50%; -webkit-flex: 1; -ms-flex: 1; flex: 1; } #evento-interior .contenedor-imagen { margin: 0; padding: 0 15px; } #evento-interior .contenedor-imagen img { width: 100%; } #cc-conciertos .conciertos .concierto .concierto-content .name { padding: 0 15px; } #cc-conciertos .conciertos .concierto .concierto-content .info { padding: 0 15px; } #casa-corona-eventos .eventos-list li { width: 33.333%; } .casa-corona-proximos-title-cont { background-position: 0 0; padding: 90px 15px 60px; } .casa-corona-proximos-after { height: 300px; } #casa-corona-proximos .proximos-list li { width: 25%; } #mis-eventos-popup:after { right: initial; left: 15px; } #mis-eventos-popup { position: absolute; width: 300px; top: 40px; margin-top: 0; left: 0; right: initial; margin-left: 0; } #casa-corona-info .col .txt { display: table; width: 100%; padding: 30px 0; background-image: url(../images/separator6.png), url(../images/separator6.png); background-repeat: no-repeat; background-position: center top,center bottom; } #casa-corona-info .col p { display: table-cell; vertical-align: middle; } #casa-corona-info .col small { font-size: 12px; line-height: 12px; } #casa-corona-eventos .eventos { margin: 0 auto; } .eventos .eventos-slider-guide { width: 33.333%; } #eventos-slider .flex-direction-nav li.flex-nav-prev { display: block; left: -20px; } #eventos-slider .flex-direction-nav li.flex-nav-next { background: transparent; right: -20px; } #eventos-slider .flex-direction-nav li a.flex-prev { background-image: url(../images/_o_37_casacorona/arrow-left.png); } #cc_evento .event-nav li.event-nav-prev { display: block; } #cc_evento .event-nav li.event-nav-next { background: transparent; } #cc_evento .event { text-align: left; padding: 30px; } #cc_evento .event .event-title { margin-top: 0px; } #cc_evento .event img { float: left; margin: 0 30px 0px 0; max-height: none; max-width: 300px; } #cc_eventos .eventos-list li { width: 33.333%; } #cc_eventos .eventosproximos-list li { width: 33.333%; } #cc_eventos .event { margin: 7.5px; } #video-ccorona { width: 560px; height: 315px; } #cc-videos .videos { padding-bottom: 42.19%; position: relative; } .casa-slider .flex-direction-nav .flex-nav-prev a, .casa-slider .flex-direction-nav .flex-nav-next a { width: 75px; height: 75px; } .casa-slider .flex-direction-nav .flex-nav-prev { left: 5vw; } .casa-slider .flex-direction-nav .flex-nav-next { right: 25%; } .casa-slider__txt { background: white; margin: 30px 60px; width: 75%; max-width: 380px; margin: 10vw 30px 10vw 10vw; padding: 60px; } .casa-slider__txt h2 { font-size: 2.1875rem; } #cc-videos .videos { padding-bottom: 42.19%; position: relative; } #otraspromociones .promo { padding: 60px 0; } #otraspromociones .promo .promo-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; max-width: 1020px; } #otraspromociones .promo .promo_img { width: 50%; } #otraspromociones .promo .promo_img + .promo_txt { width: 50%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #otraspromociones .promo:nth-child(even) .promo_img + .promo_txt { text-align: left; } #otraspromociones .promo:nth-child(odd) .promo_img { -webkit-order: 2; -ms-flex-order: 2; order: 2; } #otraspromociones .promo:nth-child(odd) .promo_img + .promo_txt { text-align: right; } #otraspromociones .promo p { margin: 3.75px 0; } #otraspromociones .promo .promo_title { margin-top: 0; margin-bottom: 7.5px; } #festivales_container .soundeat_entry_and_spotify { display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 980px; margin-top: 60px; } #festivales_container .soundeat_entry_and_spotify .festivales-soundeat-end { padding-top: 72px; } .festivales-first { background-image: url(../images/festivales/festivales-soundeat-end_desktop.jpg); } #festivales_header .festivales_logo { margin-bottom: 0px; max-width: 100%; } #festivales_header { background-image: url(../images/festivales/festivales-header-bg-desktop.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom center; background-attachment: fixed; } #festivales_header .festivales_logo_container { background-image: none; } #festivales_header .festivales_intro { background-image: url(../images/festivales/festivales-header-bg-info.png); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; padding-top: 7vw; } #festivales_header .festivales_intro .inner { background-color: white; } #festivales-soundeat .festivales-soundeat-header { min-height: 60vh; } #festivales-soundeat .festivales-soundeat-logo { display: block; } #festivales-soundeat .festivales-soundeat-logo img { max-width: 100%; } #festivales-soundeat .festivales-soundeat-desc .txt { text-align: right; } #festivales-soundeat .festivales-soundeat-desc .img-cont { text-align: right; } #festivales-soundeat .festivales-soundeat-desc { width: 64%; } #festivales-soundeat .festivales-soundeat-desc #sound_eat_logo-mobile { display: none; } #festivales-soundeat .festivales-soundeat-desc .txt { margin: 0; padding-right: 0; } #festivales-soundeat .festivales-soundeat-info_content { width: 36%; } #festivales-soundeat .festivales-soundeat-info { width: 150%; float: right; padding-left: 50px; padding-right: 50px; } #festivales-soundeat .soundeat-flex { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 40px auto; } #festivales-tomavistas .container { display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1232px; } #festivales-tomavistas #carrusel-tomavistas #slider-tomavistas-1 .flex-nav-prev a { background-size: auto; } #festivales-tomavistas #carrusel-tomavistas #slider-tomavistas-1 .flex-nav-next a { background-size: auto; } #festivales-tomavistas #carrusel-tomavistas #slider-tomavistas-1 .flex-nav-prev { left: -60px; width: 60px; height: 60px; } #festivales-tomavistas #carrusel-tomavistas #slider-tomavistas-1 .flex-nav-next { right: -60px; width: 60px; height: 60px; } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-prev { left: -60px; } #festivales-tomavistas #carrusel-tomavistas-2 #slider-tomavistas-2 .flexslider2 .flex-direction-nav .flex-nav-next { right: -60px; } #festivales-tomavistas #tomavistas-contenido-3 .container-fluid, #festivales-tomavistas #tomavistas-contenido-3 .container-sm, #festivales-tomavistas #tomavistas-contenido-3 .container-md, #festivales-tomavistas #tomavistas-contenido-3 .container-lg, #festivales-tomavistas #tomavistas-contenido-3 .container-xl { background: url(../images/festivales/botella.png) 10% 30%, url(../images/festivales/botella.png) 90% 30%; background-repeat: no-repeat; } #festivales-tomavistas #tomavistas-contenido-4 .container-fluid img, #festivales-tomavistas #tomavistas-contenido-4 .container-sm img, #festivales-tomavistas #tomavistas-contenido-4 .container-md img, #festivales-tomavistas #tomavistas-contenido-4 .container-lg img, #festivales-tomavistas #tomavistas-contenido-4 .container-xl img { max-width: 100%; } #festivales-tomavistas .tomavistas_cartel-desktop { display: block; } #festivales-tomavistas .tomavistas_cartel-mobile { display: none; } #festivales-tomavistas .img-cont { -webkit-order: -1; -ms-flex-order: -1; order: -1; width: 70%; } #festivales-tomavistas .txt-cont { width: 30%; margin-top: 60px; } #festivales-tomavistas .img-cont { margin-top: 0; } #casa_corona_container .carousel-wrapper { padding-top: 0; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info .box-info-inner .circle-play-wrapper { padding-top: 14px; height: 48px; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info .box-info-inner .circle-play-wrapper .circle-play { width: 48px; height: 48px; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info .box-info-inner .circle-play-wrapper .circle-play .triangle { border-width: 7px 0 7px 14px; width: 14px; height: 14px; } #casa_corona_container #casa_corona_header .header-inner .header-text .title { font-size: 76px; } #casa_corona_container #casa_corona_header .header-inner .header-text .subtitle { font-size: 26px; } #casa_corona_container #casa_corona_header .header-inner .header-text .subtitle .text-inline { display: inline; } #casa_corona_container #casa_corona_header .header-inner .header-text .dash-line { display: inline; } #casacorona-calendar .entrySection__title, #casacorona-host .entrySection__title { font-size: 64px; } #casacorona-calendar .entrySection__menu, #casacorona-host .entrySection__menu { margin-top: 30px; } #casacorona-calendar .entrySection__menu__item, #casacorona-host .entrySection__menu__item { font-size: 14px; padding: 10px 15px 6px; margin-right: 5px; } #casacorona-calendar .eventCards, #casacorona-host .eventCards { margin-top: 40px; } #casacorona-calendar .eventCard__reveal__row, #casacorona-host .eventCard__reveal__row { top: auto; } #casacorona-calendar .reveal-rising, #casacorona-host .reveal-rising { margin-bottom: 60px; } #casacorona-calendar .eventCard__reveal__close, #casacorona-host .eventCard__reveal__close { width: 30px; height: 30px; } #casacorona-calendar .eventCard, #casacorona-host .eventCard { margin: 0 1%; margin-bottom: auto; width: 48%; /* &[display="block"]:last-of-type { margin-right: 0; } &[display="block"]:nth-of-type(2n) { margin-right: 0; }*/ } #casacorona-calendar .eventCard__content, #casacorona-host .eventCard__content { max-height: 260px; } #casacorona-calendar .eventCard__details__reference, #casacorona-host .eventCard__details__reference { height: 80px; overflow: hidden; } #casacorona-calendar .eventCard__highlight, #casacorona-host .eventCard__highlight { font-size: 16px; } #casacorona-calendar .eventCard__title, #casacorona-host .eventCard__title { font-size: 20px; } #casacorona-calendar .eventCard__manager, #casacorona-host .eventCard__manager { margin-bottom: 0; } #casacorona-calendar .eventCard__hour, #casacorona-host .eventCard__hour { font-size: 20px; } #casacorona-calendar .eventCard__day, #casacorona-host .eventCard__day { font-size: 38px; } #casacorona-calendar .eventCard__action, #casacorona-host .eventCard__action { font-size: 18px; } #casacorona-calendar .soon__legend, #casacorona-host .soon__legend { font-size: 34px; margin-bottom: 40px; } #casacorona-calendar .soon__row, #casacorona-host .soon__row { display: -webkit-flex; display: -ms-flexbox; display: flex; } #casacorona-calendar .soon__row--mobile, #casacorona-host .soon__row--mobile { display: none; } #casacorona-calendar .eventThumbnail__title, #casacorona-host .eventThumbnail__title { font-size: 20px; } #casacorona-calendar .eventThumbnail__manager, #casacorona-host .eventThumbnail__manager { text-transform: none; font-size: 15px; } #casacorona-calendar .spot, #casacorona-host .spot { background-image: url("../images/casacorona-host/spot_valencia.png"); height: auto; padding: 100px 0; background-position: right -30%; background-size: 35% auto; } #casacorona-calendar .spot__content, #casacorona-host .spot__content { padding-left: 80px; } #casacorona-calendar .spot__highlight, #casacorona-host .spot__highlight { font-size: 60px; margin-bottom: 8px; } #casacorona-calendar .spot__legend, #casacorona-host .spot__legend { font-size: 20px; line-height: 26px; } #casacorona-calendar .spot__extra, #casacorona-host .spot__extra { font-size: 20px; line-height: 26px; } #casacorona-calendar .spot__legal__link, #casacorona-host .spot__legal__link { font-size: 14px; } #casacorona-calendar .spot__address, #casacorona-host .spot__address { font-size: 20px; line-height: 26px; margin-bottom: 16px; } #casacorona-calendar .spot__address .spot__name, #casacorona-host .spot__address .spot__name { font-size: 30px; line-height: 36px; } #casacorona-calendar .lastSection, #casacorona-host .lastSection { height: 190px; } #casacorona-calendar .lastSection__item, #casacorona-host .lastSection__item { font-size: 20px; } #casacorona-calendar .popup__container .popup__content, #casacorona-host .popup__container .popup__content { left: 20%; width: 60%; } #casacorona-calendar .noEvents, #casacorona-host .noEvents { padding: 50px; } #casacorona-calendar .decorator-bg, #casacorona-host .decorator-bg { display: block; } #casacorona-host .hero-corona__place { font-size: 30px; } #casacorona-host .entry-section .title-entry { font-size: 70px; line-height: 60px; margin-bottom: 8px; } #casacorona-host .entry-section .hero-corona__date { font-size: 36px; line-height: 42px; } #casacorona-host .entry-section .entry-section__finished { font-size: 80px; } #casacorona-host .entry-section .entry-section__place, #casacorona-host .entry-section .entry-section__date { font-size: 30px; } #casacorona-host .entry-section .entry-section__description--claim { font-size: 24px; } #casacorona-host .action-section__button { height: 60px; width: 310px; font-size: 24px; } #casacorona-host .main-corona .corona-item[type="live"] .corona-item__coda--mb { display: none !important; } #casacorona-host .main-corona .corona-item[type="live"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="live"] .corona-item__coda--mb { display: block; max-width: 80%; } #casacorona-host .main-corona .corona-item[type="live"] .corona-item__legend.barnaMod { padding-left: 30px; } #casacorona-host .main-corona .corona-item[type="live"] .corona-item__description { padding-left: 30px; } #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__coda--mb { display: none !important; } #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__coda--mb { display: block; max-width: 80%; } #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__description { padding-left: 24%; } #casacorona-host .main-corona .corona-item[type="air"] .corona-item__legend { margin: 0 auto; margin-top: 25px; width: 70%; } #casacorona-host .main-corona .corona-item[type="air"] .corona-item__legend.hidden-sm { display: none; } #casacorona-host .main-corona .corona-item[type="air"] .corona-item__legend.visible-sm { display: block; } #casacorona-host .main-corona .corona-item[type="air"] .corona-item__description { margin: 0 auto; } #casacorona-host .main-corona .corona-item[type="air"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="air"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="air"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="air"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="air"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="air"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="air"] .corona-item__coda--mb { margin: 0 auto; } #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item__legend { margin: 25px auto 0; width: 85%; padding-right: 15%; } #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item__legend.hidden-sm { display: none; } #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item__legend.visible-sm { display: block; } #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item__description { margin: 0 auto; padding: 25px 0 25px 0; } #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="cinema"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="cinema"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="cinema"] .corona-item__coda--mb { margin: 0 auto; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__legend { margin: 0; width: 70%; padding-left: 8%; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__legend.hidden-sm { display: none; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__legend.visible-sm { display: block; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__description { margin: 0; padding: 25px 8%; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__coda--mb { margin: 0; } #casacorona-host .main-corona .corona-item[type="creatividad"] { margin-bottom: 130px; } #casacorona-host .main-corona .corona-item[type="talks"] { margin-bottom: 130px; } #casacorona-host .main-corona .corona-item[type="sport"] { margin-bottom: 130px; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__legend { right: -20%; top: -40px; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__description { padding-top: 0; padding-left: 10%; width: 70%; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="gastro"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="gastro"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="gastro"] .corona-item__coda--mb { width: 70%; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__legend { margin: 0 auto; margin-top: 25px; width: 70%; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__legend { font-size: 70px; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__description { margin: 0 auto; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="gastro"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="gastro"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="gastro"] .corona-item__coda--mb { margin: 0 auto; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__legend { right: -20%; top: -40px; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__description { padding-top: 0; padding-left: 10%; width: 70%; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="radio"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="radio"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="radio"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="radio"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="radio"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="radio"] .corona-item__coda--mb { width: 70%; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__legend { margin: 0 auto; margin-top: 25px; width: 70%; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__legend { font-size: 70px; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__description { margin: 0 auto; padding: 25px 0 25px 0; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__coda, #casacorona-host .main-corona .corona-item[type="radio"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .main-corona .corona-item[type="radio"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="radio"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .main-corona .corona-item[type="radio"] .corona-item__coda--mb, #casacorona-host .main-corona .corona-item[type="radio"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .main-corona .corona-item[type="radio"] .corona-item__coda--mb { margin: 0 auto; } #casacorona-host .corona-video__handler { width: 160px; } #casacorona-host .corona-video__handler--next { right: 50px; } #casacorona-host .corona-video__handler--prev { left: 50px; } .corona__dec--barair { right: -80px; top: -60%; width: 120px; } .corona__dec--barcreatividad { max-width: 280px; left: -20%; top: -105%; } .corona__dec--bargastro { width: 140px; right: -4%; top: -6%; } #casacorona-host .hero-corona { width: 100%; left: auto; max-height: none; } #casacorona-host .hero-corona__marquee { display: block; } #casacorona-host .hero-corona .logo { max-width: initial; } #casacorona-host .hero-corona .logo.logo-madrid { max-width: initial; } #casacorona-host .entry-section { padding: 100px 0 70px 0; } #casacorona-host .entry-section.move-up { top: -135px; margin-bottom: -135px; padding: 100px 0 0 0; } #casacorona-host .palmdecorator1 { bottom: -20%; width: 25vw; } #casacorona-host .palmdecorator2 { bottom: -40%; width: 13vw; } #casacorona-host .entry-section__description { font-size: 18px; } #casacorona-host .welcome-section .decorator { left: 88vw; -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } #casacorona-host .welcome-section__legend { font-size: 70px; } #casacorona-host .welcome-section__list { margin-top: 73px; margin-bottom: 90px; } #casacorona-host .welcome-section__item.open .welcome-section__item__place { font-size: 22px; } #casacorona-host .welcome-section__item.open .welcome-section__item__date .sep { height: 6px; } #casacorona-host .welcome-section__item.open { width: auto; margin-bottom: 86px; } #casacorona-host .welcome-section__item.open br { display: block !important; } #casacorona-host .welcome-section__item.open .sep { display: none !important; } #casacorona-host .welcome-section__item.open .welcome-section__item__action { width: 187px; } #casacorona-host .welcome-section__item { margin-bottom: 60px; } #casacorona-host .welcome-section__item__date { font-size: 34px; } #casacorona-host .corona-item { margin-bottom: 100px; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } #casacorona-host .corona-item[type="live"] { margin-bottom: 100px; } #casacorona-host .corona-item[type="live"] .corona-item__description { font-size: 18px; width: 75%; margin-top: 55px; } #casacorona-host .corona-item[type="live"] .corona-item__coda, #casacorona-host .corona-item[type="live"] .corona-item__coda--mb { padding-top: 30px; width: 60%; } #casacorona-host .corona-item[type="live"] .corona-item__img { width: 100%; } #casacorona-host .corona-item[type="live"] .corona-item__content { padding-top: 40px; } #casacorona-host .corona-item[type="live"] .corona-item__picture { left: auto; width: 60%; } #casacorona-host .corona-item[type="live"] .corona-item__coda, #casacorona-host .corona-item[type="live"] .corona-item__coda--mb { margin: 0; display: block; } #casacorona-host .corona-item[type="live"] .corona-item__coda--mb { display: none; } #casacorona-host .corona-item[type="live"] { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } #casacorona-host .corona-item[type="live"] .corona-item__content { -webkit-order: 1; -ms-flex-order: 1; order: 1; } #casacorona-host .corona-item[type="live"] .corona-item__picture { -webkit-order: 2; -ms-flex-order: 2; order: 2; } #casacorona-host .corona-item[type="live-madrid"] { margin-bottom: 100px; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__description { font-size: 18px; width: 90%; margin-top: 55px; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda, #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda--mb { padding-top: 30px; width: 60%; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__img { width: 100%; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__content { padding-top: 40px; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__picture { left: auto; width: 60%; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda, #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda--mb { margin: 0; display: block; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda--mb { display: none; } #casacorona-host .corona-item[type="live-madrid"] { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__content { -webkit-order: 1; -ms-flex-order: 1; order: 1; } #casacorona-host .corona-item[type="live-madrid"] .corona-item__picture { -webkit-order: 2; -ms-flex-order: 2; order: 2; } #casacorona-host .corona-item[type="air"] .corona-item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; } #casacorona-host .corona-item[type="air"] .corona-item__description { width: 70%; margin: 0 auto; font-size: 18px; } #casacorona-host .corona-item[type="air"] .corona-item__coda, #casacorona-host .corona-item[type="air"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="air"] .corona-item__coda--mb, #casacorona-host .corona-item[type="air"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="air"] .corona-item__coda--mb, #casacorona-host .corona-item[type="air"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="air"] .corona-item__coda--mb { width: 70%; padding-top: 0; margin: 0 auto; } #casacorona-host .corona-item[type="air"] { margin-bottom: 90px; } #casacorona-host .corona-item[type="cinema"] .corona-item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; } #casacorona-host .corona-item[type="cinema"] .corona-item__description { width: 85%; margin: 20px auto 0; font-size: 18px; } #casacorona-host .corona-item[type="cinema"] .corona-item__coda, #casacorona-host .corona-item[type="cinema"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="cinema"] .corona-item__coda--mb, #casacorona-host .corona-item[type="cinema"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="cinema"] .corona-item__coda--mb, #casacorona-host .corona-item[type="cinema"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="cinema"] .corona-item__coda--mb { width: 85%; padding-top: 0; margin: 0 auto; } #casacorona-host .corona-item[type="cinema"] { margin-bottom: 90px; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__description { width: 70%; margin: 0 auto; font-size: 18px; } #casacorona-host .corona-item[type="bonus-track"] { margin-bottom: 100px; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__description { font-size: 18px; width: 100%; margin-top: 40px; padding-left: 10%; padding-right: 10%; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda, #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda--mb { padding-top: 15px; width: auto; float: right; clear: both; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__img { width: 100%; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__content { padding-top: 20px; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__picture { left: auto; width: 60%; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda, #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda--mb { margin: 0; display: block; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda--mb { display: none; } #casacorona-host .corona-item[type="creatividad"] .corona-item__content { padding-top: 90px; -webkit-order: 1; -ms-flex-order: 1; order: 1; } #casacorona-host .corona-item[type="creatividad"] .corona-item__picture { -webkit-order: 2; -ms-flex-order: 2; order: 2; } #casacorona-host .corona-item[type="creatividad"] .corona-item__description { width: 75%; margin-top: 0; } #casacorona-host .corona-item[type="creatividad"] .corona-item__coda, #casacorona-host .corona-item[type="creatividad"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="creatividad"] .corona-item__coda--mb, #casacorona-host .corona-item[type="creatividad"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="creatividad"] .corona-item__coda--mb, #casacorona-host .corona-item[type="creatividad"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="creatividad"] .corona-item__coda--mb { margin-top: 0; } #casacorona-host .corona-item[type="creatividad"] .corona-item__legend--mod { font-size: 50px; } #casacorona-host .corona-item[type="talks"] .corona-item__content { padding-top: 0; -webkit-order: 1; -ms-flex-order: 1; order: 1; } #casacorona-host .corona-item[type="talks"] .corona-item__picture { -webkit-order: 2; -ms-flex-order: 2; order: 2; } #casacorona-host .corona-item[type="talks"] .corona-item__description { width: 100%; margin-top: 0; padding-right: 20%; } #casacorona-host .corona-item[type="talks"] .corona-item__coda, #casacorona-host .corona-item[type="talks"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="talks"] .corona-item__coda--mb, #casacorona-host .corona-item[type="talks"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="talks"] .corona-item__coda--mb, #casacorona-host .corona-item[type="talks"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="talks"] .corona-item__coda--mb { margin-top: 0; } #casacorona-host .corona-item[type="talks"] .corona-item__legend--mod { font-size: 50px; } #casacorona-host .corona-item[type="sport"] .corona-item__content { -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-top: 20px; } #casacorona-host .corona-item[type="sport"] .corona-item__picture { -webkit-order: 2; -ms-flex-order: 2; order: 2; } #casacorona-host .corona-item[type="sport"] .corona-item__description { padding-left: 8%; width: 75%; margin-top: 0; } #casacorona-host .corona-item[type="sport"] .corona-item__coda, #casacorona-host .corona-item[type="sport"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="sport"] .corona-item__coda--mb, #casacorona-host .corona-item[type="sport"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="sport"] .corona-item__coda--mb, #casacorona-host .corona-item[type="sport"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="sport"] .corona-item__coda--mb { margin-top: 0; padding-left: 8%; } #casacorona-host .corona-item[type="sport"] .corona-item__legend--mod { font-size: 50px; } #casacorona-host .corona-item--content60-picture40 .corona-item__content { width: 60%; } #casacorona-host .corona-item--content60-picture40 .corona-item__picture { width: 40%; } #casacorona-host .corona-item--content40-picture60 .corona-item__content { width: 40%; } #casacorona-host .corona-item--content40-picture60 .corona-item__picture { width: 60%; } #casacorona-host .corona-item--content45-picture55 .corona-item__content { width: 45%; } #casacorona-host .corona-item--content45-picture55 .corona-item__picture { width: 55%; } #casacorona-host .corona-item--content55-picture45 .corona-item__content { width: 55%; } #casacorona-host .corona-item--content55-picture45 .corona-item__picture { width: 45%; } #casacorona-host .corona-item--content50-picture50 .corona-item__content { width: 50%; } #casacorona-host .corona-item--content50-picture50 .corona-item__picture { width: 50%; } #casacorona-host .corona-item__legend { font-size: 70px; } #casacorona-host .corona-item__description { padding: 25px 0; width: 40%; font-size: 18px; } #casacorona-host .corona-item__legend--mod { font-size: 45px; } #casacorona-host .corona-full-carousel .corona-item__full-carousel { height: 512px; } #casacorona-host .corona-video__legend, #casacorona-host .corona-full-carousel__legend { right: 0; left: auto; top: -45px; font-size: 70px; } #casacorona-host .lastSection { height: 190px; display: -webkit-flex; display: -ms-flexbox; display: flex; } #casacorona-host .lastSection__item { font-size: 20px; } #casacorona-host .corona-item__legend { font-size: 70px; } #wooohooo .hero .hero__picture img { max-height: 650px; } #wooohooo .content { margin-top: 100px; } #wooohooo .phrase br { display: block; } #wooohooo .phrase { margin-bottom: 100px; } #wooohooo .phrase--first { font-size: 1.6rem; } #wooohooo .phrase--second { font-size: 2.2rem; padding-bottom: 100px; } #wooohooo .phrase--third .posted { font-size: 2rem; } #wooohooo .phrase--third { display: none; } #wooohooo .message-in-a-bottle .phrase--third { display: block; width: 35%; position: absolute; left: 14%; text-align: left; } #wooohooo .message-in-a-bottle .phrase--third .sans { padding-top: 0; } #wooohooo .message-in-a-bottle .phrase--third .sans br { display: none; } #wooohooo .message-in-a-bottle { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90%; max-width: 1440px; margin: 0 auto; } #wooohooo .message-in-a-bottle .message__background.mb { display: none; } #wooohooo .message-in-a-bottle .message__background { display: block; height: 20%; } #wooohooo .message-in-a-bottle .message__text { width: 75%; text-align: left; } #wooohooo .message-in-a-bottle .message { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; height: 20%; left: 7%; margin-bottom: 8%; position: relative; z-index: -1; width: 50%; } #wooohooo .message-in-a-bottle .bottle { margin: 0; } #wooohooo .message-in-a-bottle .container1440 { width: 50%; } #wooohooo .video-section iframe { height: 480px; } #wooohooo .video-section { padding: 50px 0 200px; } #vista_corona #vista_coronaslider { max-height: 645px; height: 645px; } #vista_corona #vista_coronaslider .container1440.container1440--absolute-right .flexslider-caption .flexslider-caption-inner { display: block; } #vista_corona #vista_coronaslider .flex-direction-nav { display: none; } #vista_corona .hero .hero__picture img { max-height: 650px; } #vista_corona .content { padding-top: 100px; padding-bottom: 100px; } #vista_corona .content.content-sm-pb-0 { padding-top: 130px; } #vista_corona .content .img-absolute-left-top { max-width: 100%; bottom: auto; top: 50%; right: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #vista_corona .content .img-absolute-left-top .abs-sm { display: none; } #vista_corona .content .img-absolute-left-top .abs-md { display: block; } #vista_corona .content .img-absolute-right-top { display: block; top: 100%; -webkit-transform: translateY(-32%); -ms-transform: translateY(-32%); transform: translateY(-32%); } #vista_corona .content .img-absolute-center-top { right: 5%; bottom: auto; top: 31%; max-width: 60%; } #vista_corona .content .img-absolute-left-bottom { display: block; } #vista_corona .content .img-absolute-right-bottom { max-width: initial; bottom: auto; top: 0; -webkit-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); } #vista_corona .vista_corona__logo img { max-width: initial; } #vista_corona .flexslider-caption-inner .phrase--first-caption { font-size: 1.56rem; line-height: 1.1; } #vista_corona .flexslider-caption-inner .phrase--second-caption { font-size: 1.125rem; } #vista_corona .flexslider-caption-inner.phrases-caption { display: none; } #vista_corona .phrase--first { font-size: 2.8125rem; line-height: 1.05; } #vista_corona .phrase--second { font-size: 1.5625rem; display: block; } #vista_corona .phrase--second-sm { display: none; } #vista_corona .phrase--third { font-size: 2.1875rem; line-height: 1.05; } #vista_corona .phrase--fourth { font-size: 1.125rem; margin-bottom: 60px; } #vista_corona .action-section .vista_corona-action { padding: 17px 30px 14px; max-width: initial; margin: initial; } #cookies .legal__content, #legal .legal__content, #privacity .legal__content, #covid .legal__content { padding-top: 150px; } #cookies .legal__content table, #legal .legal__content table, #privacity .legal__content table, #covid .legal__content table { font-size: 10px; } } @media screen and (min-width: 768px) and (min-width: 992px) { #video-ccorona { width: 760px; height: 515px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .flex-md-row { -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media screen and (min-width: 769px) { .corona__dec--barlive { width: 400px; display: block; left: -233px; } .corona__dec--barlive--mb { display: none; } } @media screen and (min-width: 990px) { #main_nav .nav-list { text-align: left; background-color: transparent; } #main_nav .nav-list li { display: block; margin: 0 7.5px; } #main_nav .nav-list .children { /* min-height: 45px; position: relative; //top: $header-height; top: auto; left: auto; right: auto;*/ font-size: 11px; text-transform: uppercase; text-align: left; line-height: 1.4; opacity: 1; box-sizing: border-box; /*clear: both; overflow: hidden; @include transform(translate(0, -100%));*/ transition: top 0.35s ease,opacity 0.2s ease-out,-webkit-transform 0.35s ease; transition: transform 0.35s ease,top 0.35s ease,opacity 0.2s ease-out; transition: transform 0.35s ease,top 0.35s ease,opacity 0.2s ease-out,-webkit-transform 0.35s ease; } .header_collapse #main_nav .nav-list .children { top: 45px; } } @media screen and (min-width: 992px) and (min-width: 768px) { #surf-aritz .surf-aritz-header { min-height: 60vh; } #festivales-soundeat .festivales-soundeat-header { min-height: 60vh; } } @media screen and (min-width: 992px) { html { font-size: 16px; } .video-slider .icon-video-play:after { margin-top: 0; } .video-slider .txt-content { top: 0; height: 100%; -ms-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); padding-top: 50px; } .video-slider .icon-video-play { position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .container { max-width: 970px; } *[class*='md-col-'] { overflow: hidden; } *[class*='md-col-'] .col { float: left; } .md-col-1 { width: 100%; } .md-col-2 .col { width: 50%; } .md-col-3 .col { width: 33.333%; } .md-col-4 .col { width: 25%; } .md-col-5 .col { width: 20%; } .isotope-grid .item, .isotope-grid .grid-sizer { width: 20%; } .isotope-grid .item.w2, .isotope-grid .grid-sizer.w2 { width: 40%; } .magnific_popup { padding: 30px 40px; } #colophon .copy-content br { display: initial; } .flexslider .slides .slide.js_adjustheight .slide-container { padding: 0 95px; } .flexslider .slide { font-size: 16px; } .flexslider .slide img.mobile-resize { max-width: 100%; } .flexslider .slide#slide-sunsetorsunrise img.mobile-resize { max-width: 190px; } #homeslider .slides .island { padding-top: 140px; padding-bottom: 200px; } #homeslider .flex-direction-nav .flex-nav-prev { left: 130px; } #homeslider .flex-direction-nav .flex-nav-next { right: 130px; } #redes_sociales .item.type_tweet:not(.with_photo) .text { padding-top: 45px; background-image: url(../images/icon-twitter-2.png); background-repeat: no-repeat; background-position: top center; } #redes_sociales .rrss_buttons { width: 60%; left: 20%; } #timeline_carrousel .slide, #timeline_carrousel .timeline_carrousel_guide { width: 16.6666%; } #timeline_carrousel .slide.active, #timeline_carrousel .timeline_carrousel_active_guide, #timeline_carrousel #history_navigation { width: 33.3333%; } #eventos-corona-music-festival #container { background-image: url("../images/music-festival/music-festival-header-bg.png"), url("../images/music-festival/music-festival-bg-izq.jpg"), url("../images/music-festival/music-festival-bg-dch.jpg"); background-size: 1736px auto, 139px, 193px; background-position: 50% 0, 0 300px, 100% 140px; } #eventos-corona-music-festival .logo-music-festival { width: 280px; margin: 50px auto 0; } #musicfestivalmap .map-content { padding: 0; } #surf .video-slider .flex-nav-prev { left: -90px; } #surf .video-slider .flex-nav-next { right: -90px; } .surf-first { background-size: auto; } #surf-aritz { position: relative; z-index: 1; overflow: hidden; min-height: calc(100vh - 90px); } #surf-aritz .surf-aritz-header { min-height: 39vh; background-image: url(../images/surf/surf-aritz-header.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } #surf-aritz .surf-aritz-header { position: absolute; top: 0; left: 0; bottom: 0; right: 25%; z-index: -1; } #surf-aritz .surf-aritz-header:after { content: ""; display: block; position: absolute; top: 0; right: -35%; width: 35%; z-index: -1; bottom: 0; background-image: url(../images/surf/surf-aritz-header2.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom right; } #surf-aritz .surf-aritz-content { float: right; width: 45%; max-width: 550px; margin: 45px 90px 90px 0; position: relative; } #surf-aritz .surf-aritz-content:after { content: ""; display: block; position: absolute; background-image: url(../images/surf/surf-waves.png); background-size: auto; background-position: top left; width: 900px; height: 107px; top: 50px; right: 0px; background-repeat: repeat-x; margin-right: -850px; } #surf-aritz2 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1400px; margin: 0px auto 0; padding-top: 60px; } #surf-aritz2 > .container { width: 34%; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 0 15px; } #surf-aritz2 > .container:before { top: -30px; width: 192px; left: -3%; height: 850px; } #surf-aritz2 > .container:after { content: none; } #surf-aritz2 .surf-aritz-header2 { height: 580px; width: 66%; -webkit-order: 3; -ms-flex-order: 3; order: 3; min-height: 0; } #surf-aritz2 .surf-aritz-content { padding: 15px 30px 30px calc(192px + 30px); margin: 0; width: auto; min-height: 580px; } #surf-aritz2 .surf-aritz-content2 { padding: 0 0px 0px calc(45% + 30px); margin: 100px auto 30px; -webkit-order: 3; -ms-flex-order: 3; order: 3; width: 100%; position: relative; max-width: 1240px; } #surf-aritz2 .surf-aritz-content2:after { content: ""; background-image: url(../images/surf/goaritz.png); background-position: center; background-size: contain; background-repeat: no-repeat; display: block; position: absolute; height: 114px; width: 445px; margin: 0; left: 0px; bottom: 15px; } #surf-aritz2 .surf-aritz-content2 > .container { max-width: 490px; margin: 0; } .surf-aritz2-content { background-image: url(../images/surf/surf-spray-bg.png); background-position: 0 0; background-repeat: no-repeat; } #protect_paradise_container .subtitle-yellow { font-size: 26px; line-height: 1; } #protect_paradise_container .fourth-section-wrapper { padding-top: 160px; padding-bottom: 160px; } #protect_paradise_container .fourth-section-wrapper .title { font-size: 56px; margin-bottom: 40px; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .box-stunt { max-width: 768px; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper { padding-top: 160px; padding-bottom: 160px; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper .first-subsection-inner { margin-left: 45%; } #protect_paradise_container .first-section-wrapper .first-subsection-wrapper .first-subsection-inner .title { font-size: 56px; margin-bottom: 40px; } #protect_paradise_container .first-section-wrapper .second-subsection-wrapper { padding-top: 120px; padding-bottom: 160px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer { max-width: 540px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info .box-info-inner .name { font-size: 26px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info .box-info-inner .circle-play-wrapper { padding-top: 20px; height: 70px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info .box-info-inner .circle-play-wrapper .circle-play { width: 70px; height: 70px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer .box-influencer-inner .box-info .box-info-inner .circle-play-wrapper .circle-play .triangle { border-width: 7px 0 7px 15px; width: 15px; height: 15px; } #protect_paradise_container .second-section-wrapper .title { font-size: 56px; } #protect_paradise_container .third-section-wrapper .wave-rubbish { width: 54%; } #protect_paradise_container .third-section-wrapper .title { font-size: 56px; line-height: 56px; margin-bottom: 26px; margin-left: 30px; margin-right: 30px; } #casacorona .casa-corona-logo { max-width: 353px; } #cc_header { width: auto; } #cc_header .casa-corona-logo { max-width: 280px; } #cc-destacados { background-image: url(../images/_o_60_casacorona/palms-1.png), url(../images/_o_60_casacorona/palms-2.png); background-repeat: no-repeat; background-size: contain; background-position: -10% top, 106% 100%; } #cc-destacados .eventos { margin: 0 -15px; } #cc-destacados .eventos .evento { width: 25%; padding: 15px; } #flexslider-hitos .slide p { width: 30%; } #hito_115 { background-image: url(../images/_o_60_casacorona/hitos/115.jpg); background-position: left top,center; background-repeat: no-repeat; } #hito_108 { background-image: url(../images/_o_60_casacorona/hitos/108.jpg); background-position: left top,center; background-repeat: no-repeat; } #cc-conciertos { background-image: url(../images/_o_60_casacorona/palms-3.png); background-repeat: no-repeat; background-position: top right; } #cc-conciertos .conciertos .concierto { padding: 15px; } #cc-conciertos .conciertos .concierto .concierto-content .name { padding: 0 15px 0 0; } #cc-conciertos .conciertos .concierto .concierto-content { position: absolute; bottom: 0px; left: 0; right: 0; padding: 15px 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #cc-conciertos .conciertos .concierto .concierto-content .name { -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; } #cc-conciertos .conciertos .concierto .concierto-content .info { padding: 0; } #casa-corona-eventos .eventos-list li { width: 50%; margin-bottom: 0; padding: 15px; } #casa-corona-eventos .event { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #casa-corona-eventos .event .category { padding: 15px 30px 10px 30px; } #casa-corona-eventos .event .txt { width: 50%; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; height: auto; margin: 15px 15px 15px 0; background: white; -webkit-flex: initial; -ms-flex: initial; flex: initial; } #casa-corona-eventos .event .txt-cont { padding: 15px 30px; position: static; } #casa-corona-eventos .event .btn-content { padding: 15px 30px 15px 15px; position: absolute; left: 15px; bottom: 15px; width: 50%; } #casa-corona-eventos .event .poster { position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; background-position: left center; } #casa-corona-proximos .proximos-list { margin: 0; } .eventos .eventos-slider-guide { width: 25%; } #eventos-slider .flex-direction-nav li.flex-nav-prev { left: -40px; } #eventos-slider .flex-direction-nav li.flex-nav-next { right: -40px; } #cc_evento .event-nav li.event-nav-prev { left: -40px; } #cc_evento .event-nav li.event-nav-next { right: -40px; } #cc_evento .event.sin-aforo .event-title { padding-right: 120px; } #cc_evento .event .event-desc { overflow: hidden; } #cc_eventos .eventos-list li { width: 100%; } #cc_eventos .event { margin: 15px; } #cc_eventos .event .event-description { display: block; } #cc_eventos .event img { float: left; margin: 0 30px 0px 0; max-height: none; max-width: 300px; } #cc_eventos .event.sin-aforo .event-title { padding-right: 160px; } #eventos_filter { font-size: 2rem; text-align: right; } #casa-corona-streaming .streaming-content { float: left; width: 66.666%; } #casa-corona-streaming .streaming-desc { float: left; width: 33.333%; text-align: left; } #festivales-soundeat { position: relative; z-index: 1; overflow: hidden; min-height: calc(100vh - 90px); } #festivales-soundeat .festivales-soundeat-header { min-height: 39vh; background-image: url(../images/festivales/festivales-soundeat-header.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } #festivales-soundeat .festivales-soundeat-header { position: absolute; top: 0; left: 0; bottom: 0; right: 25%; z-index: -1; } #festivales-soundeat .festivales-soundeat-header:after { content: ""; display: block; position: absolute; top: 0; right: -35%; width: 35%; z-index: -1; bottom: 0; background-image: url(../images/festivales/festivales-soundeat-header2.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom right; } #festivales-soundeat .festivales-soundeat-instructions img { max-width: 133px; } #festivales-soundeat .festivales-soundeat-content { float: right; width: 45%; max-width: 550px; margin: 45px 90px 90px 0; position: relative; } #festivales-soundeat .festivales-soundeat-content:after { content: ""; display: block; position: absolute; background-image: url(../images/festivales/festivales-waves.png); background-size: auto; background-position: top left; width: 900px; height: 107px; top: 50px; right: 0px; background-repeat: repeat-x; margin-right: -850px; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info .box-info-inner .name { font-size: 26px; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info .box-info-inner .circle-play-wrapper { padding-top: 20px; height: 70px; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info .box-info-inner .circle-play-wrapper .circle-play { width: 70px; height: 70px; } #casa_corona_container .carousel-wrapper .carousel_gastro .box-gastro .box-gastro-inner .box-info .box-info-inner .circle-play-wrapper .circle-play .triangle { border-width: 7px 0 7px 15px; width: 15px; height: 15px; } #casacorona-calendar .eventCard__reveal, #casacorona-host .eventCard__reveal { padding: 85px 0px; } #casacorona-calendar .eventCard__reveal__header, #casacorona-host .eventCard__reveal__header { padding-left: 0; } #casacorona-calendar .eventCard__cover, #casacorona-host .eventCard__cover { display: block; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #casacorona-calendar .eventCard__reveal__content, #casacorona-host .eventCard__reveal__content { margin-left: 55px; } #casacorona-calendar .eventCard__reveal__action, #casacorona-host .eventCard__reveal__action { display: -webkit-flex; display: -ms-flexbox; display: flex; } #casacorona-calendar .eventCard__reveal__price.mobile, #casacorona-host .eventCard__reveal__price.mobile { display: none; } #casacorona-calendar .eventCard__reveal__price, #casacorona-host .eventCard__reveal__price { display: block; } #casacorona-calendar .spot, #casacorona-host .spot { height: 500px; padding: 0 0; background-position: right center; background-size: auto 85%; } #casacorona-calendar .lastSection, #casacorona-host .lastSection { display: -webkit-flex; display: -ms-flexbox; display: flex; } #casacorona-calendar .firstSection, #casacorona-host .firstSection { opacity: 1; display: block; } #casacorona-calendar .popup__container .popup__content, #casacorona-host .popup__container .popup__content { left: 35%; width: 30%; } #casacorona-calendar .entrySection { margin-top: 0; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__legend { width: 85%; padding-left: 15px; margin: 0; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__description { padding: 25px 10%; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__legend { top: -30px; right: -15%; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__legend { top: -30px; right: -15%; } #casacorona-host .hero-corona { margin-top: 0; height: 590px; } #casacorona-host .corona-item[type="creatividad"] .corona-item__content { padding-left: 3%; } #casacorona-host .corona-item[type="creatividad"] .corona-item__coda, #casacorona-host .corona-item[type="creatividad"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="creatividad"] .corona-item__coda--mb, #casacorona-host .corona-item[type="creatividad"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="creatividad"] .corona-item__coda--mb, #casacorona-host .corona-item[type="creatividad"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="creatividad"] .corona-item__coda--mb { width: 95%; } #casacorona-host .corona-item[type="creatividad"] .corona-item__legend--mod { font-size: 55px; } #casacorona-host .corona-item[type="talks"] .corona-item__content { padding-left: 0; } #casacorona-host .corona-item[type="talks"] .corona-item__coda, #casacorona-host .corona-item[type="talks"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="talks"] .corona-item__coda--mb, #casacorona-host .corona-item[type="talks"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="talks"] .corona-item__coda--mb, #casacorona-host .corona-item[type="talks"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="talks"] .corona-item__coda--mb { width: 85%; } #casacorona-host .corona-item[type="talks"] .corona-item__legend--mod { font-size: 55px; padding-left: 0; } #casacorona-host .corona-item[type="sport"] .corona-item__content { padding-left: 0; } #casacorona-host .corona-item[type="sport"] .corona-item__coda, #casacorona-host .corona-item[type="sport"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="sport"] .corona-item__coda--mb, #casacorona-host .corona-item[type="sport"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="sport"] .corona-item__coda--mb, #casacorona-host .corona-item[type="sport"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="sport"] .corona-item__coda--mb { width: 95%; } #casacorona-host .corona-item[type="sport"] .corona-item__legend--mod { font-size: 55px; } #casacorona-host .corona-video { height: 680px; } #casacorona-host .corona-full-carousel .corona-item__full-carousel { height: 740px; } #casacorona-host .corona-video__play { width: 50px; height: 50px; } #casacorona-host .corona-video__legend, #casacorona-host .corona-full-carousel__legend { font-size: 80px; top: -50px; } #casacorona-host .corona-video__action { width: 110px; height: 110px; } #casacorona-host .firstSection { opacity: 1; display: block; } #casacorona-host .entrySection { margin-top: 0; } #wooohooo .phrase--first br { display: block; } #wooohooo .message-in-a-bottle .phrase--third { left: 17%; } #wooohooo .message-in-a-bottle .message__text { width: 60%; } #wooohooo .video-section iframe { height: 600px; } #vista_corona .content .img-absolute-center-top { right: 13%; bottom: auto; top: 26%; max-width: 100%; } #vista_corona .phrase--first br { display: block; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .flex-lg-row { -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media screen and (min-width: 1003px) { #casacorona-calendar .eventCard, #casacorona-host .eventCard { /* width: 32.3333%; margin-right: 1.5%; &[display="block"]:nth-of-type(2n) { margin-right: 1.5%; } &:not([style*="display: block"]):nth-of-type(3n) { margin-right: 0; }*/ width: 31.33%; } } @media screen and (min-width: 1080px) { .evento-wrapper .nav-link { display: block; position: absolute; top: 50%; margin-top: -36.5px; } .evento-wrapper .nav-link.anterior { left: 0; } .evento-wrapper .nav-link.siguiente { right: 0; } .evento-wrapper .nav-link img { display: block; width: 39px; height: auto; } } @media screen and (min-width: 1200px) { .container { max-width: 1170px; } *[class*='lg-col-'] { overflow: hidden; } *[class*='lg-col-'] .col { float: left; } .lg-col-1 { width: 100%; } .lg-col-2 .col { width: 50%; } .lg-col-3 .col { width: 33.333%; } .lg-col-4 .col { width: 25%; } .lg-col-5 .col { width: 20%; } .isotope-grid .item, .isotope-grid .grid-sizer { width: 12.5%; } .isotope-grid .item.w2, .isotope-grid .grid-sizer.w2 { width: 25%; } #cookiesadvice .container-small { padding-right: 360px; background: url(../images/bottlelogo.png) no-repeat right center; background-size: contain; min-height: 560px; } #homeslider .slides > li .bg--left { background-position: center; } #homeslider .slide-inner img { max-width: initial; max-height: initial; } #redes_sociales .rrss_buttons { width: 75%; left: 12.5%; } #timeline_carrousel .slide, #timeline_carrousel .timeline_carrousel_guide { width: 12.5%; } #timeline_carrousel .slide.active, #timeline_carrousel .timeline_carrousel_active_guide, #timeline_carrousel #history_navigation { width: 25%; } .btn.btn-rrss { font-size: 1.4375rem; border-width: 2px; padding: 8px; height: 55px; } .btn.btn-rrss.square-button { max-width: 55px; } .btn.btn-rrss.text-middle { padding: 0 8px; line-height: 55px; } #surf_header .surf_logo_container { padding: 11vw 0 22vw 0; } .surf-aritz-content { width: 40%; margin: 45px 8% 135px 0; padding: 55px; } #world-surf-leage-content .buttons { text-align: left; } #world-surf-leage-content .buttons a:first-child { margin-left: 0; } #protect_paradise_container .fourth-section-wrapper .carousel-wrapper .stunt-carousel .box-stunt { max-width: 980px; } #protect_paradise_container .first-section-wrapper .carousel-wrapper .influencers-carousel .box-influencer { max-width: 683px; } #eventos-slider .flex-direction-nav li.flex-nav-prev { left: -65px; } #eventos-slider .flex-direction-nav li.flex-nav-next { right: -65px; } #eventos-slider .flex-direction-nav li a { width: 44px; height: 74px; margin-top: -37px; } #cc_evento .event-nav li.event-nav-prev { left: -65px; } #cc_evento .event-nav li.event-nav-next { right: -65px; } #cc_evento .event-nav li a { width: 44px; height: 74px; margin-top: -37px; } #cc_eventos .eventosproximos-list li { width: 25%; } #casacorona-calendar .eventCard, #casacorona-host .eventCard { margin-bottom: 25px; } #casacorona-calendar .eventCard__details__reference, #casacorona-host .eventCard__details__reference { height: 60px; } #casacorona-calendar .spot, #casacorona-host .spot { height: 824px; padding: 0 0; background-position: right center; background-size: 50% auto; } #casacorona-host .main-corona .corona-item[type="live"] .corona-item__legend--mod { font-size: 60px !important; } #casacorona-host .main-corona .corona-item[type="live-madrid"] .corona-item__legend--mod { font-size: 60px !important; } #casacorona-host .main-corona .corona-item[type="air"] .corona-item__legend { margin-top: 40px; } #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item__legend { width: 95%; margin-top: 24px; } #casacorona-host .main-corona .corona-item[type="cinema"] .corona-item__description { margin: 0 auto; padding: 25px 18% 25px 0; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__legend { width: 65%; } #casacorona-host .main-corona .corona-item[type="bonus-track"] .corona-item__description { padding: 25px 16%; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__legend { right: -190px; top: 50px; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__legend { margin-top: 40px; } #casacorona-host .main-corona .corona-item[type="gastro"] .corona-item__legend { font-size: 100px; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__legend { right: -190px; top: 50px; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__legend { margin-top: 40px; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__legend { font-size: 100px; } #casacorona-host .main-corona .corona-item[type="radio"] .corona-item__description { padding: 25px 12% 25px 0; } .corona__dec--barair { width: 200px; right: -10%; top: -80%; } .corona__dec--barcreatividad { left: -30%; top: -100%; width: 100%; max-width: 400px; } .corona__dec--bargastro { width: 260px; right: -15%; top: -15%; } #casacorona-host .palmdecorator1 { bottom: -20%; } #casacorona-host .palmdecorator2 { bottom: -40%; width: 10.41vw; max-width: 430px; } #casacorona-host .welcome-section .decorator { left: 87vw; } #casacorona-host .corona-item[type="air"] .corona-item__legend { bottom: -40px; } #casacorona-host .corona-item[type="air"] { margin-bottom: 150px; } #casacorona-host .corona-item[type="cinema"] .corona-item__description { margin: 30px auto 0; width: 70%; } #casacorona-host .corona-item[type="cinema"] .corona-item__coda, #casacorona-host .corona-item[type="cinema"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="cinema"] .corona-item__coda--mb, #casacorona-host .corona-item[type="cinema"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="cinema"] .corona-item__coda--mb, #casacorona-host .corona-item[type="cinema"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="cinema"] .corona-item__coda--mb { width: 70%; } #casacorona-host .corona-item[type="cinema"] .corona-item__legend { bottom: -40px; } #casacorona-host .corona-item[type="cinema"] { margin-bottom: 150px; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__description { margin-top: 55px; padding-left: 16%; padding-right: 16%; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__content { padding-top: 40px; } #casacorona-host .corona-item[type="creatividad"] .corona-item__content { padding-left: 6%; } #casacorona-host .corona-item[type="talks"] .corona-item__description { padding-right: 43%; } #casacorona-host .corona-item[type="talks"] .corona-item__coda, #casacorona-host .corona-item[type="talks"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="talks"] .corona-item__coda--mb, #casacorona-host .corona-item[type="talks"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="talks"] .corona-item__coda--mb, #casacorona-host .corona-item[type="talks"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="talks"] .corona-item__coda--mb { padding-left: 16%; width: 95%; } #casacorona-host .corona-item[type="talks"] .corona-item__legend--mod { padding-left: 16%; } #casacorona-host .corona-item[type="sport"] .corona-item__content { padding-top: 90px; padding-left: 0; } #casacorona-host .corona-item[type="sport"] .corona-item__description { padding-left: 16%; } #casacorona-host .corona-item[type="sport"] .corona-item__coda, #casacorona-host .corona-item[type="sport"] .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live"] .corona-item[type="sport"] .corona-item__coda--mb, #casacorona-host .corona-item[type="sport"] .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item[type="sport"] .corona-item__coda--mb, #casacorona-host .corona-item[type="sport"] .corona-item[type="bonus-track"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item[type="sport"] .corona-item__coda--mb { padding-left: 16%; } #casacorona-host .corona-item__legend { font-size: 70px; } #casacorona-host .corona-item__legend--mod { font-size: 70px; } #casacorona-host .corona-item__legend { font-size: 100px; } #wooohooo .bottom-stain { bottom: -1px; } #wooohooo .phrase--third .posted { font-size: 3rem; } #wooohooo .phrase--third .sans { font-size: 1.6rem; } #wooohooo .phrase--third { font-size: 1.8rem; } #wooohooo .message-in-a-bottle .message-w { font-size: 1.8rem; } #wooohooo .message-in-a-bottle .message-y { font-size: 2.5rem; } #vista_corona .bottom-stain { bottom: -1px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .flex-xl-row { -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media screen and (min-width: 1400px) { .island-top, .island { padding-top: 105px; } .island-bottom, .island { padding-bottom: 105px; } .island-top-small, .island-small { padding-top: 52.5px; } .island-bottom-small, .island-small { padding-bottom: 52.5px; } .island-top-big, .island-big { padding-top: 210px; } .island-bottom-big, .island-big { padding-bottom: 210px; } #homeslider .flex-direction-nav .flex-nav-prev { left: 240px; } #homeslider .flex-direction-nav .flex-nav-next { right: 240px; } #home-product .island { padding-bottom: 205px; padding-top: 205px; } #home-product .btn { padding: 16px 65px 12px; font-size: 1rem; } #redes_sociales .rrss_buttons { width: 50%; left: 25%; } #eventos-corona-music-festival #container { background-size: 1736px auto, 279px, 386px; background-position: 50% 0, 0 300px, 100% 140px; } #cc_eventos .cc_eventos_container { background-image: url(../images/_o_60_casacorona/ornament-1.png); background-position: 0 60px; background-size: auto; background-repeat: no-repeat; } .casa-slider .flex-direction-nav .flex-nav-prev { left: 3.5vw; } .casa-slider__txt { margin: 7vw 30px 7vw 7vw; } #casacorona-calendar .spot, #casacorona-host .spot { height: 824px; padding: 0 0; background-position: right center; background-size: auto 96%; } #casacorona-calendar .decorator-bg .decorator:first-child, #casacorona-host .decorator-bg .decorator:first-child { display: block; } #casacorona-calendar .decorator-bg .decorator, #casacorona-host .decorator-bg .decorator { display: block; } #casacorona-calendar .decorator-bg .decorator2, #casacorona-host .decorator-bg .decorator2 { display: block; } #casacorona-host .corona-item__coda, #casacorona-host .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda--mb { width: 70%; font-size: 20px; } #casacorona-host .corona-full-carousel .corona-item__full-carousel { height: 960px; } } @media screen and (min-width: 1440px) { #casacorona-host .main-corona .corona-item__carousel__next { margin-top: -70px; } #casacorona-host .main-corona .corona-item[type="creatividad"] .corona-item__legend--mod { font-size: 75px !important; } #casacorona-host .corona-item__carousel__next { margin-top: -70px; } #casacorona-host .corona-item[type="live"] { font-size: 85px; } #casacorona-host .corona-item[type="live-madrid"] { font-size: 85px; } #casacorona-host .corona-item[type="air"] .corona-item__legend { bottom: -35px; right: -50%; } #casacorona-host .corona-item[type="cinema"] .corona-item__legend { bottom: -35px; right: -50%; } #casacorona-host .corona-item[type="bonus-track"] .corona-item__carousel__next { margin-top: 20px; } #casacorona-host .corona-item[type="creatividad"] .corona-item__legend--mod { font-size: 70px; } #casacorona-host .corona-item[type="talks"] .corona-item__legend--mod { font-size: 100px; line-height: .9; } #casacorona-host .corona-item[type="sport"] .corona-item__legend--mod { font-size: 100px; } } @media screen and (min-width: 1450px) { #la-casa-info { position: relative; } #la-casa-info:after { content: ""; position: absolute; bottom: -20px; right: 30px; width: 251px; height: 426px; background-image: url(../images/_o_60_casacorona/ornament-2.png); background-size: contain; background-repeat: no-repeat; } } @media (min-width: 1580px) { #wooohooo .message-in-a-bottle .phrase--third { top: 0; bottom: auto; } } @media screen and (min-width: 1600px) { .isotope-grid .item, .isotope-grid .grid-sizer { width: 12.5%; } .isotope-grid .item.w2, .isotope-grid .grid-sizer.w2 { width: 25%; } #home-product { background-size: cover; background-position: 0 100%; } #cc_eventos { position: relative; } #cc_eventos:after { content: ""; position: absolute; bottom: -20px; right: 30px; width: 244px; height: 352px; background-image: url(../images/_o_60_casacorona/ornament-2.png); background-size: contain; background-repeat: no-repeat; } #casacorona-calendar .eventCard__reveal__row:before, #casacorona-host .eventCard__reveal__row:before { right: calc((1440px - 99vw)/2); width: 100vw; } #casacorona-host .welcome-section .decorator { left: 82vw; } #casacorona-host .corona-item__coda, #casacorona-host .corona-item[type="live"] .corona-item__coda--mb, #casacorona-host .corona-item[type="live-madrid"] .corona-item__coda--mb, #casacorona-host .corona-item[type="bonus-track"] .corona-item__coda--mb { width: 50%; } #casacorona-host .corona-video { margin-top: 30px; } #casacorona-host .corona-full-carousel { margin-top: 30px; } #casacorona-host .corona-video__legend, #casacorona-host .corona-full-carousel__legend { font-size: 120px; top: -80px; } } @media (min-width: 1600px) { #wooohooo .phrase--second { padding-bottom: 0; } #wooohooo .video-section { padding: 100px 0 200px; } #vista_corona .phrase--third { padding-bottom: 0; } } @media screen and (min-width: 1920px) { #protect_paradise_container .second-section-wrapper .background-top { background-size: 100% 151px; } #protect_paradise_container .second-section-wrapper .background-bottom { background-size: 100% 151px; } } @media (max-width: 1400px) { #casa_corona_container .carousel-wrapper .carousel_gastro .slick-prev { left: 3px; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-next { right: 3px; } } @media (max-width: 1199.98px) { .card-body .__time { font-size: 30px; } .card-title { font-size: 30px; } #casa_corona_container #casa_corona_header .header-inner .header-text { padding: 100px 0 100px 0; } } @media screen and (max-width: 992px) { .mfp-fullscreen + .mfp-wrap .mfp-container .mfp-content { position: relative; padding-bottom: 50px; } } @media (max-width: 991.98px) { #gama #container .island-top-small { padding-top: 120px; } #casa_corona_container .souvenir-section .souvenir_card { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #casa_corona_container .souvenir-section .souvenir_card .__img { height: 340px; width: 100%; } #casa_corona_container .souvenir-section .souvenir_card .box-text { width: 100%; padding: 90px 0; } #casa_corona_container .souvenir-section .souvenir_card .box-text { padding: 24px 30px; } #casa_corona_container .souvenir-section .souvenir_card .box-text .box-inner { max-width: 100%; } #casa_corona_container .section_relative .hojas.hoja_4 { max-width: 30vw; left: -10%; } #casa_corona_container .btn.__two { padding: 10px 15px 10px; } #casa_corona_container .btn.__two .__text { padding: 6px 15px 0 0; } #casa_corona_container .btn.__two .__price { padding: 6px 0 0 15px; font-size: 18px; line-height: 18px; } #casa_corona_container .font-40 { font-size: 30px !important; line-height: 30px; } #casa_corona_container .font-65 { font-size: 54px !important; line-height: 61px; } #casa_corona_container .font-68 { font-size: 58px !important; line-height: 67px; } #casa_corona_container .font-70 { font-size: 56px !important; line-height: 63px; } #casa_corona_container .font-100 { font-size: 80px !important; line-height: 80.34px; } #casa_corona_container .__move-left { -webkit-transform: translateX(-134%); -ms-transform: translateX(-134%); transform: translateX(-134%); } #casa_corona_container .__padding { padding: 0 15px; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-prev, #casa_corona_container .carousel-wrapper .carousel_gastro .slick-next { top: 120px; } #casa_corona_container #casa_corona_header .header-inner .header-text { padding: 60px 0 80px 0; } } @media screen and (max-width: 991px) { #marlin-privacy-content ol { left: 0px; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; position: fixed; text-align: center; padding: 0; } } @media (max-width: 767.98px) { .card.mb-100 { margin-bottom: 80px; } .card .__img .__date { padding: 8px 11px 4px; font-size: 26px; line-height: 26px; } .card .__img .__date span { font-size: 14px; } .card-body { font-size: 14px; line-height: 22px; } .card-body .__time { font-size: 24px; } .card-body .__time span { font-size: 14px; } .card-title { font-size: 24px; } .card.__carousel .__img .__date { padding: 8px 11px 4px; font-size: 20px; line-height: 20px; } .card.__carousel .__img .__date span { font-size: 14px; } #web-map .col-derecha-mobile { text-align: left !important; } #web-map #rrss_buttons_footer .rrss_link { margin-right: 10px; margin-left: 0; } #gama #container .island-top-small { padding-top: 30px; } #casa_corona_container .container1277.__half { max-width: 100%; margin: 0 auto; padding: 0; } #casa_corona_container .souvenir-section .souvenir_card .__img { height: 320px; width: 100%; } #casa_corona_container .souvenir-section .souvenir_card .__img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #casa_corona_container .souvenir-section .souvenir_card .box-text { padding: 2rem 15px; } #casa_corona_container .section-wrapper .section-inner { padding: 220px 0 80px; } #casa_corona_container .section_relative .hojas.hoja_altavoz { display: none; } #casa_corona_container .section_relative .hojas.hoja_altavoz_xs { width: 100%; display: inline-block; left: 0; top: -220px; height: 220px; } #casa_corona_container .section_relative .hojas.hoja_altavoz_xs ._inner { position: relative; width: 100%; height: 100%; } #casa_corona_container .section_relative .hojas.hoja_altavoz_xs ._inner img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); object-fit: cover; width: auto; height: 92%; } #casa_corona_container .section_relative .hojas.hoja_microfono { left: 0; bottom: -130px; max-width: 30vw; } #casa_corona_container .section_relative .hojas.hoja_1 { left: auto; right: 0; top: -230px; max-width: 30vw; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } #casa_corona_container .section_relative .hojas.hoja_1_2 { display: inline-block; right: 0; bottom: -70px; max-width: 30vw; -webkit-transform: rotateY(180deg) rotateX(180deg); -ms-transform: rotateY(180deg) rotateX(180deg); transform: rotateY(180deg) rotateX(180deg); z-index: 0; } #casa_corona_container .section_relative .hojas.hoja_2 { display: none; } #casa_corona_container .section_relative .hojas.hoja_3 { display: none; } #casa_corona_container .section_relative .hojas.hoja_4 { max-width: 60vw; left: -29%; } #casa_corona_container .section_relative .hojas.hoja_5 { max-width: 188px; bottom: 48%; } #casa_corona_container .section_relative .hojas.hoja_6 { display: none; } #casa_corona_container .section_relative .hojas.hoja_7 { max-width: 260px; } #casa_corona_container .section_relative .hojas.hoja_8 { max-width: 195px; left: 0; right: auto; bottom: -140px; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } #casa_corona_container .w-100-xs { width: 100%; } #casa_corona_container .btn { padding: 20px 12px 14px; } #casa_corona_container .btn.w-100-xs { width: 100%; } #casa_corona_container .font-sm-16 { font-size: 16px !important; line-height: 20px; } #casa_corona_container .font-28 { font-size: 24px !important; line-height: 33px; } #casa_corona_container .font-36 { font-size: 28px !important; line-height: 28px; } #casa_corona_container .font-40 { font-size: 24px !important; line-height: 26px; } #casa_corona_container .font-55 { font-size: 35px !important; line-height: 40px; } #casa_corona_container .font-65 { font-size: 44px !important; line-height: 51px; } #casa_corona_container .font-68 { font-size: 36px !important; line-height: 42px; } #casa_corona_container .font-70 { font-size: 48px !important; line-height: 55px; } #casa_corona_container .font-100 { font-size: 48px !important; line-height: 48px; } #casa_corona_container .text_title .__img { left: 0; } #casa_corona_container .text-title-bocanegra h2 { padding-bottom: 50px; } #casa_corona_container .text-title-bocanegra h2 img { max-width: 120px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); bottom: 8%; } #casa_corona_container .__padding { padding: 0; } #casa_corona_container .carousel-wrapper .casa-carousel-2019 { padding-top: 26px; } #casa_corona_container .carousel-wrapper .carousel_gastro { padding-top: 32px; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-prev, #casa_corona_container .carousel-wrapper .carousel_gastro .slick-next { top: 90px; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-prev { left: 3px; } #casa_corona_container .carousel-wrapper .carousel_gastro .slick-next { right: 3px; } #casa_corona_container #casa_corona_header .carousel-wrapper_header .img-header { background-position: 68% center; } #casa_corona_container #casa_corona_header .header-inner .header-text { padding: 88px 0 68px 0; } #casa_corona_container #casa_corona_header .header-inner .header-text .logo_box img { max-width: 110px; margin-bottom: 20px; } #casa_corona_container #casa_corona_header .header-inner .button-wrapper-absolute .btn { font-size: 12px; padding: 14px 36px 10px; } } @media screen and (max-width: 670px) { #marlin-privacy-content > section { padding: 0 20px; padding-left: 20px; width: 100%; } #marlin-privacy-content ol { display: none; } } @media screen and (max-width: 580px) { #home-banners .banner a, #home-banners .banner img { max-height: 50px; width: auto; } } @media (max-width: 575.98px) { #casa_corona_container .souvenir-section .souvenir_card .__img { height: 240px; } #casa_corona_container .souvenir-section .souvenir_card .__img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #casa_corona_container .section_relative .hojas.hoja_5 { max-width: 188px; bottom: 53%; } #casa_corona_container .section_relative .hojas.hoja_7 { max-width: 240px; } #casa_corona_container .btn { font-size: 12px !important; padding: 20px 9px 14px; } #casa_corona_container .font-68 { font-size: 30px !important; line-height: 36px; } #casa_corona_container .carousel-wrapper .carousel-souvenirs .slick-prev, #casa_corona_container .carousel-wrapper .carousel-souvenirs .slick-next { top: 120px; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @-webkit-keyframes bounce { from,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%,43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%,43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @-webkit-keyframes flash { from,50%,to { opacity: 1; } 25%,75% { opacity: 0; } } @keyframes flash { from,50%,to { opacity: 1; } 25%,75% { opacity: 0; } } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%,20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%,20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes bounceIn { from,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes bounceInDown { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes bounceInUp { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes bgPositionSmall { from { background-position: 40% 40%; } to { background-position: 60% 60%; } } @keyframes bgPositionSmall { from { background-position: 40% 40%; } to { background-position: 60% 60%; } } @-webkit-keyframes bgPosition { from { background-position: 25% 25%; } to { background-position: 75% 75%; } } @keyframes bgPosition { from { background-position: 25% 25%; } to { background-position: 75% 75%; } } @-webkit-keyframes transformScaleIn { from { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } to { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes transformScaleIn { from { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } to { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes transformScaleOut { from { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } to { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes transformScaleOut { from { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } to { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes moveRight { 0% { } 99% { } 100% { -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes moveRight { 0% { } 50% { } 100% { -webkit-transform: translateX(20px); transform: translateX(20px); } } @-webkit-keyframes moveLeft { 0% { z-index: 1000; } 100% { -webkit-transform: translateX(-20px); } } @keyframes moveLeft { 0% { } 100% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @-webkit-keyframes sk-circleBounceDelay { 0%,80%,100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%,80%,100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }