.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background-color: #f7f4f2;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
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: 1045;
background-color: #f7f4f2;
}
.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: zoom-out;
}
.mfp-zoom {
cursor: pointer;
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;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 2.75rem;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #3C828C;
font-style: normal;
font-size: 1.75rem;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 0.75rem;
line-height: 1.125rem;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
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 {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
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%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
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;
}
.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: 0.75rem;
line-height: 0.875rem;
}
.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: 1.125rem;
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;
}
.tns-outer {
padding: 0 !important;
}
.tns-outer [hidden] {
display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
cursor: pointer;
}
.tns-slider {
transition: all 0s;
}
.tns-slider>.tns-item {
box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.tns-horizontal.tns-subpixel>.tns-item {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
content: '';
display: table;
clear: both;
}
.tns-horizontal.tns-no-subpixel>.tns-item {
float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
margin-right: -100%;
}
.tns-no-calc {
position: relative;
left: 0;
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.tns-gallery>.tns-item {
position: absolute;
left: -100%;
transition: transform 0s, opacity 0s;
}
.tns-gallery>.tns-slide-active {
position: relative;
left: auto !important;
}
.tns-gallery>.tns-moving {
transition: all 0.25s;
}
.tns-autowidth {
display: inline-block;
}
.tns-lazy-img {
transition: opacity 0.6s;
opacity: 0.6;
}
.tns-lazy-img.tns-complete {
opacity: 1;
}
.tns-ah {
transition: height 0s;
}
.tns-ovh {
overflow: hidden;
}
.tns-visually-hidden {
position: absolute;
left: -10000em;
}
.tns-transparent {
opacity: 0;
visibility: hidden;
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0;
}
.tns-normal, .tns-fadeOut {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
}
.tns-vpfix {
white-space: nowrap;
}
.tns-vpfix>div, .tns-vpfix>li {
display: inline-block;
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden;
}
.tns-t-ct {
width: 2333.3333333%;
width: 2333.33%;
width: 2333.33%;
width: 2333.33%;
position: absolute;
right: 0;
}
.tns-t-ct:after {
content: '';
display: table;
clear: both;
}
.tns-t-ct>div {
width: 1.4285714%;
width: 1.43%;
width: 1.43%;
width: 1.43%;
height: 10px;
float: left;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
html, body {}
body {
font-family: 'Montserrat',sans-serif;
font-weight: 400;
margin: 0;
padding: 0;
font-size: 1rem;
color: #333333;
background-color: #F8F8F8;
overflow-x: hidden;
}
::-moz-selection {
color: #FFF;
background: #333333;
}
::selection {
color: #FFF;
background: #333333;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-family: 'Montserrat',sans-serif;
font-size: 1.25rem;
line-height: 1.3;
margin: 0;
}
address {
font-style: normal;
}
p {
margin: 0;
font-size: 0.875rem;
line-height: 1.43;
color: #030303;
}
a {
text-decoration: none;
cursor: pointer;
display: block;
outline: none;
}
input, button, select, textarea {
font-family: 'Montserrat',sans-serif;
font-size: inherit;
line-height: inherit;
background-color: transparent;
border: none;
outline: none;
}
select {
width: 100%;
text-transform: none;
box-sizing: border-box;
}
textarea {
height: auto;
min-height: 50px;
}
img {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
figure {
margin: 0;
line-height: 0;
}
figcaption {
text-align: left;
}
ul, ol {
list-style: none;
margin: 0;
padding: 0;
}
@font-face {
font-family: 'Filosofia';
src: url('../fonts/FilosofiaUnicase.woff2') format('woff2'),
url('../fonts/FilosofiaUnicase.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
.o-container {
max-width: 1250px;
padding: 0 15px;
margin: 0 auto;
}
.content {
z-index: 1;
position: relative;
}
.content .o-container {
padding: 0;
}
.content__name {
display: none;
}
.o-container {}
.o-section {
position: relative;
z-index: 1;
}
.o-section-signin p {
font-size: 0.875rem;
line-height: 1.125rem;
font-weight: 300;
letter-spacing: 0.02188rem;
color: #5D5C5C;
}
.o-section-signin p span {}
.o-section-signin p span:not(.o-section-signin__nav__item) {
color: #bb002e;
}
.o-section-signin p:not(.o-section-signin__desc) {
margin-bottom: 5%;
}
.o-section-signin .c-form__button {
font-size: 0.625rem;
height: 30px;
width: 100px;
}
.o-section-signin .c-form__button span {
display: none;
}
.o-section-signin__title {
text-transform: uppercase;
color: #333333;
font-size: 1rem;
max-width: 90%;
margin: 0 auto 5%;
}
.o-section-signin__subtitle {
text-transform: uppercase;
color: #B60013;
font-size: 1rem;
margin-bottom: 5%;
}
.o-section-signin__legal {
padding: 20px 0;
max-width: 90%;
margin: 0 auto;
}
.o-section-signin__legal .txt {
letter-spacing: 0.01563rem;
color: #5D5C5C;
font-weight: 300;
font-size: 0.625rem;
line-height: 0.75rem;
text-align: left;
}
.o-section-signin__legal .txt a {
display: inline-block;
font-weight: bold;
text-decoration: underline;
color: #5D5C5C;
cursor: pointer;
}
.o-section-signin__legal .c-form__check {
padding: 0;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
max-width: 100%;
}
.o-section-signin__legal .c-form__check p {
letter-spacing: 0.01563rem;
color: #5D5C5C;
font-weight: 300;
font-size: 0.625rem;
line-height: 0.75rem;
text-align: left;
}
.o-section-signin__legal .c-form__check p a, .o-section-signin__legal .c-form__check p span {
display: inline-block;
font-weight: bold;
text-decoration: underline;
color: #5D5C5C;
}
.o-section-signin__legal .c-form__check p a {
cursor: pointer;
}
.o-section-signin__desc {
width: 100%;
max-width: 90%;
margin: 0 auto 5%;
}
.o-section-signin__next {
width: 250px;
height: 31px;
margin: 0 auto;
text-align: center;
font-size: 0.875rem;
line-height: 1.75rem;
text-transform: uppercase;
letter-spacing: 0.02188rem;
color: #FFF;
background-color: #bb002e;
border-radius: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-top: 2.5%;
}
.o-section-signin__back {
text-align: center;
font-size: 0.875rem;
line-height: 1.75rem;
letter-spacing: 0.0375rem;
color: #5D5C5C;
text-decoration: none;
margin: 2.5% auto 0;
display: block;
cursor: pointer;
}
.o-section-signin__back:hover {
text-decoration: underline;
}
.o-section-signin__claim {
max-width: 80%;
width: 100%;
margin: 0 auto;
padding: 5% 0;
border-top: 2px solid #C8C8C8;
}
.o-section-signin__claim p {
font: normal normal 300 0.875rem/1.125rem Montserrat;
letter-spacing: 0.02188rem;
color: #5D5C5C;
}
.o-section-signin__claim .btn {
width: 250px;
height: 31px;
text-align: center;
font-size: 0.875rem;
line-height: 1.75rem;
text-transform: uppercase;
letter-spacing: 0.02188rem;
color: #FFF;
background-color: #BB002E;
border-radius: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-top: 2.5%;
}
.o-section-signin__bill {
padding-bottom: 7.5%;
}
.o-section-signin__bill__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
border-top: 2px solid #C8C8C8;
padding: 2.5% 0;
}
.o-section-signin__bill__item span {
max-width: 50%;
}
.o-section-signin__bill__item strong {
font-size: 1.125rem;
line-height: 1.375rem;
letter-spacing: 0.02813rem;
color: #5D5C5C;
}
.o-section-signin__head {
background-color:#333333;
/*background: url(../img/bg/serpiente.png) no-repeat center;*/
/*background-size: cover;*/
height: 190px;
margin-bottom: 24px;
}
.o-section-signin__head .u-grid-columns-2 {
-ms-grid-rows: 1fr 1fr 48px;
grid-template-rows: 1fr 1fr 48px;
height: 100%;
}
.o-section-signin__head__title {
font-family: 'Filosofia',serif;
color: #FFF;
font-size: 1.5rem;
line-height: 1.6875rem;
padding: 5% 0;
width: 90%;
}
.o-section-signin__head__title span {
color: #EED5E3;
}
.o-section-signin__head__msg {
border-top: 2px solid #C8C8C8;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
padding-top: 2.5%;
width: 90%;
}
.o-section-signin__head__msg__title {
color: #FFF;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: auto;
width: 100%;
font-size: 0.875rem;
line-height: 1.125rem;
}
.o-section-signin__head__msg__title strong {
margin-left: auto;
}
.o-section-signin__head__msg__subtitle {
color: #FFF;
text-align: right;
width: 100%;
display: block;
margin-left: auto;
max-width: 95px;
line-height: 0.875rem;
letter-spacing: 0.01563rem;
font-size: 0.625rem;
}
.o-section-signin__head__msg-check {
background-color: #DBF1F1;
border-radius: 24px;
padding: 2.5%;
width: 90%;
}
.o-section-signin__head__msg-check__title {
font-weight: 300;
font-size: 1rem;
line-height: 1.25rem;
color: #333333;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.o-section-signin__head__msg-check__title:before {
content: '';
background: url(../img/svg/check-ok.svg) no-repeat center center;
width: 32px;
height: 32px;
display: block;
}
.o-section-signin__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
width: 100%;
max-width: 90%;
margin: 0 auto -48px;
}
.o-section-signin__nav__item {
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #c8c8c8;
color: #999;
font-size: 1.5rem;
font-weight: bold;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.o-section-signin__nav:before {
content: '';
background-color: #c8c8c8;
height: 8px;
width: 99.9%;
position: absolute;
top: 50%;
left: 0;
margin-top: -4px;
z-index: -1;
}
.o-section-signin__nav:after {
content: '';
background-color: #EED5E3;
height: 8px;
width: 0;
position: absolute;
top: 50%;
left: 0;
margin-top: -4px;
z-index: -1;
}
.o-section-signin__step {
display: none;
background-color: #FFF;
padding: 5% 0;
}
.o-section-signin__step-1, .o-section-signin__step-2, .o-section-signin__step-3, .o-section-signin__step-3-1, .o-section-signin__step-4, .o-section-signin__step-5 {
padding-bottom: 2.5%;
}
.o-section-signin__step-2 .u-grid-columns-3 {
margin-bottom: 0;
}
.o-section-signin__step-3 .o-section-signin__subtitle {
color: #333333;
border-top: 2px solid #C8C8C8;
padding-top: 2.5%;
}
.o-section-signin__step-3 .o-section-signin__next {}
.o-section-signin__step-3-1 {
padding-left: 5%;
padding-right: 5%;
}
.o-section-signin__step-3-1 .o-section-signin__title {
max-width: 100%;
}
.o-section-signin__step-4 .c-form__text {}
.o-section-signin__step-4 .c-form__text > .c-form__text {
max-width: 100%;
}
.o-section-signin__step-4 .o-section-signin__desc {}
.o-section-signin__step-4 .o-section-signin__claim .btn {}
.o-section-signin.active-1 .o-section-signin__step-1 {
display: block;
}
.o-section-signin__step-5 .o-section-signin__next {}
.o-section-signin__step-5 {
padding-left: 5%;
padding-right: 5%;
}
.o-section-signin__step-5 .o-section-signin__title {
max-width: 100%;
}
.o-section-signin.active-1 .o-section-signin__nav__item-1 {
background-color: #EED5E3;
color: #333333;
}
.o-section-signin.active-2 .o-section-signin__step-2 {
display: block;
}
.o-section-signin.active-2 .o-section-signin__nav__item-1, .o-section-signin.active-2 .o-section-signin__nav__item-2 {
background-color: #EED5E3;
color: #333333;
}
.o-section-signin.active-2 .o-section-signin__nav {}
.o-section-signin.active-2 .o-section-signin__nav:after {
width: 33.33%;
}
.o-section-signin.active-3 .o-section-signin__step-3 {
display: block;
}
.o-section-signin.active-3 .o-section-signin__nav__item-1, .o-section-signin.active-3 .o-section-signin__nav__item-2, .o-section-signin.active-3 .o-section-signin__nav__item-3 {
background-color: #EED5E3;
color: #333333;
}
.o-section-signin.active-3 .o-section-signin__nav {}
.o-section-signin.active-3 .o-section-signin__nav:after {
width: 66.67%;
}
.o-section-signin.active-3-1 .o-section-signin__step-3-1 {
display: block;
}
.o-section-signin.active-3-1 .o-section-signin__nav__item-1, .o-section-signin.active-3-1 .o-section-signin__nav__item-2, .o-section-signin.active-3-1 .o-section-signin__nav__item-3, .o-section-signin.active-3-1 .o-section-signin__nav__item-3-1 {
background-color: #EED5E3;
color: #333333;
}
.o-section-signin.active-3-1 .o-section-signin__nav {}
.o-section-signin.active-3-1 .o-section-signin__nav:after {
width: 66.67%;
}
.o-section-signin.active-4 .o-section-signin__step-4 {
display: block;
}
.o-section-signin.active-5 .o-section-signin__step-5 {
display: block;
}
.o-section-signin.active-4 .o-section-signin__nav__item-1, .o-section-signin.active-4 .o-section-signin__nav__item-2, .o-section-signin.active-4 .o-section-signin__nav__item-3, .o-section-signin.active-4 .o-section-signin__nav__item-3-1, .o-section-signin.active-4 .o-section-signin__nav__item-4 {
background-color: #EED5E3;
color: #333333;
}
.o-section-signin.active-4 .o-section-signin__nav {}
.o-section-signin.active-4 .o-section-signin__nav:after {
width: 99.9%;
}
.o-section-signin.active-5 .o-section-signin__nav {}
.o-section-signin.active-5 .o-section-signin__nav:after {
width: 99.9%;
}
.o-section-signin.active-5 .o-section-signin__nav__item-1, .o-section-signin.active-5 .o-section-signin__nav__item-2, .o-section-signin.active-5 .o-section-signin__nav__item-3, .o-section-signin.active-5 .o-section-signin__nav__item-3-1, .o-section-signin.active-5 .o-section-signin__nav__item-4, .o-section-signin.active-5 .o-section-signin__nav__item-5 {
background-color: #EED5E3;
color: #333333;
}
.o-section-view-talks {}
.o-section-view-talks__title {
font-size: 1.375rem;
font-weight: 600;
line-height: 1.625rem;
text-align: center;
color: #3C2814;
text-transform: uppercase;
}
.o-section-view-talks__item {
max-width: 285px;
margin: 0 auto;
}
.o-section-view-talks__item .video-js {
padding-top: 75%;
}
.o-section-view-talks__item .bc-iframe, .o-section-view-talks__item .bc-iframe body, .o-section-view-talks__item .vjs-poster, .o-section-view-talks__item .video-js {
background-color: #000 !important;
}
.o-section-view-talks__item .vjs-play-progress, .o-section-view-talks__item .vjs-slider-bar {
background-color: #19BECD !important;
}
.o-section-view-talks__item .c-talk {
background-color: rgba(180,150,130,0.1);
padding: 15px 15px 30px 15px;
}
.o-section-view-talks__item .c-live__content {
display: none;
}
.o-section-view-talks__item + .o-section-view-talks__item {
margin-top: 20px;
}
.o-section-view-talks__item:last-child {
margin-bottom: 30px;
}
.o-section-magazine .c-title {}
.o-section-magazine .u-bg-white {}
.o-section-magazine__group {
max-width: 690px;
margin: 0 auto;
padding: 20px 0;
box-sizing: border-box;
}
.o-section-magazine__claim .o-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
max-width: 90%;
margin: 0 auto;
}
.o-section-magazine__claim .o-container .c-card-article {}
.o-section-magazine__claim .o-container .c-card-article:nth-child(1) {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-row-gap: 15px;
max-width: 50%;
margin-right: auto;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(1) .c-card-article__thumb {
margin-left: 0;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(2) {
margin-left: 15px;
margin-top: 0;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-row-gap: 15px;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(2) .c-card-article__thumb {
margin-left: 0;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(2) .c-card-article__thumb img {
max-height: 120px;
max-width: 120px;
}
.o-section-magazine__claim .o-container .c-card-article__type {
line-height: 1;
}
.o-section-magazine__claim .o-container .c-card-article__title {
font-size: 0.8125rem;
line-height: 1.0625rem;
}
.o-section-magazine__claim2 .o-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
max-width: 90%;
margin: 0 auto;
}
.o-section-magazine__claim2 .o-container .c-card-article {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-row-gap: 15px;
margin-right: auto;
}
.o-section-magazine__claim2 .o-container .c-card-article .c-card-article__thumb {
margin-left: 0;
}
.o-section-magazine__claim2 .o-container .c-card-article__type {
line-height: 1;
}
.o-section-magazine__claim2 .o-container .c-card-article__title {
font-size: 1.125rem;
line-height: 1.375rem;
}
.o-section-magazine__claim2 .o-container .c-card-article__title + .c-card-article__subtitle {
margin-top: 15px;
}
.o-section-magazine__claim2 .o-container .c-card-article__subtitle {
font-size: 0.8125rem;
line-height: 1.375rem;
}
.o-section-magazine-v2 {
background: transparent;
padding-top: 20px;
z-index: 1;
position: relative;
}
.o-section-magazine-v2__breaking {
width: 100%;
max-width: 90%;
margin: 0 auto;
overflow: hidden;
z-index: 2;
position: relative;
}
.o-section-magazine-v2__breaking__line {
font-size: 0.875rem;
white-space: nowrap;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
z-index: 1;
position: relative;
overflow: hidden;
}
.o-section-magazine-v2__breaking__line span, .o-section-magazine-v2__breaking__line a {
padding-left: 5px;
color: #333;
animation-duration: 8s;
animation-name: desplazar-x;
animation-iteration-count: infinite;
animation-delay: 1s;
animation-timing-function: ease-in-out;
opacity: 1;
display: block;
z-index: 1;
position: relative;
cursor: pointer;
}
.o-section-magazine-v2__breaking__line strong {
position: relative;
z-index: 2;
background-color: #f6f3f1;
color: #bb002e;
text-transform: uppercase;
font-weight: bold;
font-size: 0.875rem;
padding-right: 5px;
background: linear-gradient(90deg, #f6f3f1 95%, transparent 100%);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.o-section-magazine-v2__breaking__line strong:before {
content: '';
background: transparent url(../img/icon/breaking.svg) no-repeat center center;
background-size: contain;
width: 20px;
height: 20px;
display: block;
margin-right: 5px;
}
.o-section-magazine-v2__breaking__line:hover span, .o-section-magazine-v2__breaking__line:hover a {
animation-play-state: paused;
text-decoration: underline;
}
.o-section-magazine-v2__breaking:after {
content: '';
height: 1px;
background-color: #333;
width: 50%;
display: block;
margin: 5px auto;
}
.o-section-magazine-v2__top {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
z-index: 1;
position: relative;
}
.o-section-magazine-v2__thumb {
z-index: 2;
width: 100%;
height: 100%;
max-width: 25%;
max-height: 25%;
margin-right: -15px;
margin-top: -15px;
}
.o-section-magazine-v2__title {
color: #BB9BA4;
text-align: left;
font-family: 'Filosofia',serif;
letter-spacing: 0rem;
font-size: 1.4375rem;
}
.o-section-zones .title {
text-align: center;
letter-spacing: 0.025rem;
text-transform: uppercase;
font-size: 1rem;
}
.o-section-zones .title span {
display: block;
font-size: 1.4375rem;
text-transform: none;
}
.o-section-zones .u-grid {
-ms-flex-line-pack: end;
align-content: end;
overflow: hidden;
}
.o-section-zones .u-grid .c-card-zone {
-ms-flex-line-pack: end;
align-content: end;
width: 100%;
}
.o-section-zones .u-grid .c-card-zone:nth-child(1) {
max-width: 50%;
}
.o-section-zones .u-grid .c-card-zone:nth-child(2) {
max-width: 60%;
}
.o-section-zones .u-grid .c-card-zone:nth-child(3) {
max-width: 70%;
}
.o-section-zones .u-grid .c-card-zone:nth-child(4) {
max-width: 90%;
}
.o-section-covid {}
.o-section-covid > .u-grid {
-ms-flex-align: center;
align-items: center;
}
.o-section-covid__thumb {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.o-section-covid__thumb-top {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
margin: 0 auto -5%;
max-width: 50%;
display: block;
z-index: 2;
position: relative;
}
.o-section-covid__title, .o-section-covid__subtitle {
text-align: center;
color: #FFF;
text-transform: uppercase;
}
.o-section-covid__title {
letter-spacing: 0.0375rem;
font-size: 1rem;
line-height: 1.75rem;
font-weight: 300;
max-width: 70%;
margin: 0 auto 5px;
}
.o-section-covid__subtitle {
letter-spacing: 0;
font-size: 1.5rem;
line-height: 1.1;
font-weight: 400;
max-width: 24ch;
margin: 0 auto;
}
.o-section-covid__cta {
border: 1px solid #F6AD32;
border-radius: 30px;
text-align: center;
font-size: 0.6875rem;
letter-spacing: 0.03125rem;
color: #FFFFFF;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
height: 30px;
max-width: 200px;
width: 100%;
cursor: pointer;
transition: background-color .3s;
text-transform: uppercase;
margin: 16px auto;
padding: 0 5px;
}
.o-section-covid__cta span {
margin-right: 5px;
display: block;
white-space: nowrap;
}
.o-section-covid__cta svg {
width: 10px;
height: 10px;
}
.o-section-covid__cta:hover {
background-color: rgba(255,255,255, .1);
}
.o-section-covid__item svg {
background: #FFF;
border-radius: 50%;
color: #333;
display: block;
width: 100px;
height: 100px;
margin: 0 auto 15px;
}
.o-section-covid__item p {
text-align: center;
color: #FFF;
text-transform: uppercase;
margin: 0 auto;
display: block;
letter-spacing: 0.02813rem;
line-height: 1.2;
font-size: 1rem;
max-width: 90%;
}
.o-section-numbers {
padding-top: 40px;
padding-bottom: 40px;
}
.o-section-numbers .u-grid {
grid-gap: 24px;
padding: 0 5%;
}
.o-section-numbers__title {
text-transform: uppercase;
font-size: 0.9rem;
line-height: 1.4;
position: relative;
letter-spacing: 0.025rem;
text-align: left;
color: #333333;
}
.o-section-numbers__subtitle {
text-align:left;
font-weight: 300;
font-size: 0.75rem;
line-height: 1.75rem;
text-transform: uppercase;
letter-spacing: 0.01875rem;
text-align: center;
color: #333333;
}
.o-section-numbers__item span {
color: #333333;
font-size: 0.8125rem;
letter-spacing: 0.025rem;
text-transform: uppercase;
line-height: 1;
}
.o-section-numbers__item span:before {
content: '';
background-color: #EED5E3;
width: 75px;
height: 2px;
display: block;
margin: 0 0 7px 0;
line-height: 1.2;
}
.o-section-numbers__item strong {
color: #333333;
display: block;
font-size: 1.875rem;
line-height: 1.1;
}
.o-section-numbers__thumb {
max-width: 60%;
margin: 0 auto;
}
.o-section-covid-numbers .o-section-numbers {}
.o-section-covid-numbers .o-section-numbers__item strong, .o-section-covid-numbers .o-section-numbers__item span {
color: #333333;
}
.o-section-covid-numbers .o-section-numbers__title {
color: #333333;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: left;
-ms-flex-align: left;
align-items: left;
z-index: 1;
}
.o-section-covid-numbers .o-section-numbers__title span {
background-color: transparent;
}
.o-section-covid-numbers .o-section-numbers__subtitle {
color: #333333;
}
.o-section-covid-numbers > .u-grid {
-ms-flex-align: center;
align-items: center;
}
.o-section-covid-numbers__thumb {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.o-section-covid-numbers__thumb-top {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
margin: 0 auto -5%;
max-width: 50%;
display: block;
z-index: 2;
position: relative;
}
.o-section-covid-numbers__title, .o-section-covid-numbers__subtitle {
text-align: center;
color: #FFF;
text-transform: uppercase;
}
.o-section-covid-numbers__title {
letter-spacing: 0.0375rem;
font-size: 1rem;
line-height: 1.75rem;
font-weight: 300;
max-width: 70%;
margin: 0 auto 5px;
}
.o-section-covid-numbers__subtitle {
letter-spacing: 0;
font-size: 1.5rem;
line-height: 1.1;
font-weight: 400;
max-width: 24ch;
margin: 0 auto;
}
.o-section-covid-numbers__cta {
border: 1px solid #F6AD32;
border-radius: 30px;
text-align: center;
font-size: 0.6875rem;
letter-spacing: 0.03125rem;
color: #FFFFFF;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
height: 30px;
max-width: 200px;
width: 100%;
cursor: pointer;
transition: background-color .3s;
text-transform: uppercase;
margin: 16px auto;
padding: 0 5px;
}
.o-section-covid-numbers__cta span {
margin-right: 5px;
display: block;
white-space: nowrap;
}
.o-section-covid-numbers__cta svg {
width: 10px;
height: 10px;
}
.o-section-covid-numbers__cta:hover {
background-color: rgba(255,255,255, .1);
}
.o-section-covid-numbers__item svg {
background: #FFF;
border-radius: 50%;
color: #333;
display: block;
width: 100px;
height: 100px;
margin: 0 auto 15px;
}
.o-section-covid-numbers__item p {
text-align: center;
color: #FFF;
text-transform: uppercase;
margin: 0 auto;
display: block;
letter-spacing: 0.02813rem;
line-height: 1.2;
font-size: 1rem;
max-width: 90%;
}
.o-section-inscripcion {
/*background: transparent url('../img/data/kitchen-cloth-claro.png') 0% 0% repeat-y padding-box;*/
}
.o-section-inscripcion .o-container {}
.o-section-inscripcion .o-tab {
width: 90%;
margin: 0 auto 5%;
}
.o-section-inscripcion__title {
text-align: center;
font-size: 2.5rem;
}
.o-section-inscripcion__disclaimer {
width: 90%;
margin: 0 auto;
color: #FFF;
font-size: 0.75rem;
line-height: 1.125rem;
font-weight: normal;
letter-spacing: 0.01875rem;
}
.o-section-prensa {
padding: 15px 0;
}
.o-section-prensa__link {
color: #FFF;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
font-size: 1rem;
letter-spacing: 0;
}
.o-section-prensa__link__thumb svg {
width: 45px;
height: 45px;
}
.o-section-prensa__link__txt {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
padding-left: 15px;
}
.o-section-prensa__link__txt strong {
color: #FFF;
text-transform: uppercase;
}
.o-section-prensa__link__txt a {
font-weight: 300;
color: #FFF;
}
.o-section-prensa__link__txt__cta {
border: 1px solid #FFF;
border-radius: 30px;
text-align: center;
font-size: 0.6875rem;
letter-spacing: 0.03125rem;
color: #FFFFFF;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
height: 30px;
max-width: 260px;
width: 100%;
cursor: pointer;
transition: background-color .3s;
text-transform: uppercase;
margin-top: 5px;
padding: 0 5px;
}
.o-section-prensa__link__txt__cta span {
margin-right: 5px;
display: block;
white-space: nowrap;
}
.o-section-prensa__link__txt__cta svg {
width: 10px;
height: 10px;
}
.o-section-prensa__link__txt__cta:hover {
background-color: rgba(255,255,255, .1);
}
.o-section-reto {
padding: 0;
max-width: 90%;
margin: 0 auto;
position: relative;
display: block;
text-align: center;
}
.o-section-reto__button {
width: 150px;
height: 32px;
margin: 0 auto;
border-radius: 20px;
color: #BB002E;
text-transform: uppercase;
font-size: 0.875rem;
line-height: 1.75rem;
letter-spacing: 0.02188rem;
text-align: center;
background-color: #FFFFFF;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
margin-top: 20px;
margin-bottom: 25px;
}
.o-section-reto__gif {
max-width:500px;
}
.o-section-reto__txt {
max-width:520px;
margin-top:68px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 20px;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column-span: 2;
-ms-grid-column: 2;
grid-column: 2 / span 2;
}
.o-section-reto__links {
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
padding-top: 15px;
}
.o-section-reto__title {
color: #FFF;
text-transform: none;
font-size: 1.2rem;
padding: 3px 0;
}
.o-section-reto__title span {
font-weight: 600;
}
.o-section-reto__hashtag {
color: #8BFC88;
font-size: 0.9rem;
}
.o-section-reto__subtitle {
color: #FFF;
font-size: 0.9rem;
margin-top:10px;
}
.o-section-reto__cta {
border: 1px solid #FFF;
border-radius: 30px;
text-align: center;
font-size: 0.6875rem;
letter-spacing: 0.03125rem;
color: #FFFFFF;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
height: 30px;
max-width: 70%;
margin: 0 auto 20px;
width: 100%;
cursor: pointer;
transition: background-color .3s;
text-transform: uppercase;
}
.o-section-reto__cta span {
display: block;
white-space: nowrap;
}
.o-section-reto__cta .icon {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 24px;
height: 24px;
padding: 5px;
transition: background-color .3s;
}
.o-section-reto__cta .icon:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 12px;
border-color: transparent transparent transparent #FFF;
margin-left: 3px;
}
.o-section-reto__cta:hover {
background-color: rgba(255,255,255, .1);
}
.o-section-program .o-container {}
.o-section-program .o-tab {
padding: 0;
border: none;
}
.o-section-program .o-tab #option-1:checked ~ .o-tab__nav:after {
left: 0;
}
.o-section-program .o-tab #option-2:checked ~ .o-tab__nav:after {
left: 33.33%;
}
.o-section-program .o-tab #option-3:checked ~ .o-tab__nav:after {
left: 66.67%;
}
.o-section-program .o-tab__nav {
width: 90%;
margin: 0 auto 5%;
}
.o-section-program .o-tab__nav label, .o-section-live .o-tab__nav label {
text-align: left;
font-size: 1rem;
}
.o-section-program .o-tab__nav:after {
width: 33.34%;
}
.o-section-program__title {
text-align: center;
letter-spacing: 0.025rem;
text-transform: uppercase;
font-size: 1rem;
}
.o-section-program__title span {
display: block;
font-size: 1.4375rem;
text-transform: none;
}
.o-section-program__subtitle {
width: 100%;
max-width: 80%;
font-size: 0.875rem;
line-height: 1.2;
letter-spacing: 0.03125rem;
color: #333333;
margin: 0 auto;
display: block;
text-align: center;
margin-bottom: 20px;
}
.o-section-sponsors {
z-index: -1;
}
.o-section-sponsors__top {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding-top: 20px;
}
.o-section-sponsors__thumb {
z-index: 2;
width: 100%;
height: 100%;
max-width: 25%;
max-height: 25%;
margin-top: -25%;
margin-bottom: -25%;
padding: 15% 0;
}
.o-section-sponsors__title {
color: #BB9BA4;
text-align: left;
font-family: 'Filosofia',serif;
letter-spacing: 0rem;
font-size: 1.4375rem;
}
.o-section-talks .o-container {}
.o-section-talks .o-tab {
padding: 0;
border: none;
}
.o-section-talks .o-tab #option-1:checked ~ .o-tab__nav:after {
left: 0;
}
.o-section-talks .o-tab #option-2:checked ~ .o-tab__nav:after {
left: 33.33%;
}
.o-section-talks .o-tab #option-3:checked ~ .o-tab__nav:after {
left: 66.67%;
}
.o-section-talks .o-tab__nav {
width: 90%;
margin: 0 auto 5%;
}
.o-section-talks .o-tab__nav label {
text-align: left;
font-size: 1rem;
}
.o-section-talks .o-tab__nav:after {
width: 33.34%;
}
.o-section-talks .o-tab__content {
padding: 0 0 60px;
width: 90%;
margin: 0 auto;
}
.o-section-talks__title {
text-transform: uppercase;
font-weight: bold;
font-size: 1.25rem;
width: 90%;
margin: 0 auto 5%;
letter-spacing: 0.03125rem;
color: #333333;
}
.o-section-talks__item {
max-width: 285px;
margin: 0 auto;
}
.o-section-talks__item .video-js {
padding-top: 75%;
}
.o-section-talks__item .bc-iframe, .o-section-talks__item .bc-iframe body, .o-section-talks__item .vjs-poster, .o-section-talks__item .video-js {
background-color: #000 !important;
}
.o-section-talks__item .vjs-play-progress, .o-section-talks__item .vjs-slider-bar {
background-color: #19BECD !important;
}
.o-section-talks__item .c-talk {
background-color: rgba(180,150,130,0.1);
padding: 15px 15px 30px 15px;
}
.o-section-talks__item .c-live__content {
display: none;
}
.o-section-talks__item:not(:last-child) {
margin-bottom: 30px;
}
.o-section-live .c-live {
padding: 0;
}
.o-section-live .c-live__top .time i {
background-color: #707070;
}
.o-section-live .c-live__top .time i:nth-child(4) {
background-color: #bb002e;
}
.o-section-live .c-live__content {
border-top-color: #707070;
opacity: 1;
display: -ms-grid;
display: grid;
grid-gap: 10px;
/*-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);*/
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
padding: 15px 0;
max-width: 90%;
width: 100%;
}
.o-section-live .c-live__content .selected .c-live__content__video {
box-shadow: 0px 6px 8px #00000029;
border: 5px solid #F6AD32;
}
.o-section-live .c-live__content .selected .c-live__content__title {
background-color: #F6AD32;
transition: background-color .3s;
color: #FFF;
padding: 7px;
margin-top: 10px;
}
.o-section-live .c-live__content__title {
text-transform: uppercase;
color: #030303;
font-size: 0.75rem;
line-height: 1.2;
font-weight: 400;
margin-top: 12px;
padding: 7px;
}
.o-section-live .o-container {}
.o-section-brands .o-container {}
.o-section-presentacion {
background: #FFF;
}
.o-section-presentacion .o-container {}
.o-section-presentacion__epigraph {
width: 100%;
/*max-width: 80%;*/
font-size: 0.875rem;
line-height: 1.2;
letter-spacing: 0.03125rem;
color: #333333;
margin: 0 auto;
display: block;
text-align: center;
margin-bottom: 20px;
}
.o-section-presentacion__title {
text-align: center;
letter-spacing: 0.025rem;
text-transform: uppercase;
font-size: 1rem;
margin-bottom: 20px;
}
.o-section-presentacion__title span {
display: block;
font-size: 1.4375rem;
text-transform: none;
max-width: 25ch;
margin: 0 auto;
}
.o-section-presentacion__sign {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
font-size: 1rem;
font-weight: bold;
letter-spacing: 0;
color: #030303;
margin-bottom: 5px;
}
.o-section-presentacion__sign span {
margin-right: 5px;
}
.o-section-presentacion__sign span:after {
content: '';
display: block;
width: 12px;
height: 12px;
background-color: #bb002e;
border-radius: 50%;
overflow: hidden;
animation: bullet 1s infinite;
}
.o-section-presentacion__wrap {
max-width: 90%;
margin: 0 auto;
}
.o-section-banner {
background: #030303;
}
.o-section-banner .o-container {
padding: 30px 0;
}
.o-section-banner .tns-controls, .o-section-banner .tns-outer [data-action] {
display: none;
}
@keyframes desplazar-x {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
.o-modal {
width: 100%;
position: relative;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
max-width: 1050px;
margin: 0 auto;
}
.o-modal__head {
position: relative;
padding: 15px 20px;
}
.o-modal__head__title {
color: #3C828C;
font-size: 1rem;
padding-right: 20px;
font-weight: 500;
line-height: 1;
text-align: center;
margin-bottom: 5px;
}
.o-modal__head__subtitle {
color: #3C828C;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.625rem;
text-align: center;
text-transform: uppercase;
font-size: 0.5rem;
}
.o-modal__close {
position: absolute;
top: 0;
right: 0;
}
.o-modal__nav {
padding: 0 0 20px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.o-modal__event {
overflow: visible;
}
.o-modal__magazine {
overflow: visible;
}
.o-modal__dark {
background-color: rgba(51,51,51,0.65);
box-shadow: 2px 2px 20px 0 rgba(180,150,130,0.1);
max-width: inherit;
height: 100vh;
top: 90px;
z-index: 4;
overflow: hidden;
position: fixed;
}
.o-modal__dark .o-modal__close {
top: 15px;
}
.o-modal__dark .o-modal__head {
margin: 0 auto;
padding: 5% 0 0;
width: 90%;
}
.o-modal__dark .o-modal__head .o-modal__close {
color: #FFF;
}
.o-modal__dark .o-modal__content {
width: 100%;
max-width: 810px;
margin: 0 auto;
}
.o-modal__dark .o-modal__content .c-form-login {
margin: 0 auto;
max-width: 750px;
}
.o-modal__dark.close {
display: none;
}
.o-carousel {
position: relative;
z-index: 1;
}
.o-carousel .tns-item {
padding-right: 0 !important;
margin-right: 15px;
}
.o-carousel .tns-inner {
overflow: hidden !important;
}
.o-carousel [data-controls="next"], .o-carousel [data-controls="prev"] {
position: absolute;
top: 50%;
width: 24px;
height: 24px;
display: block;
z-index: 2;
border-radius: 0;
border: none;
background-color: transparent;
color: #009FE4;
outline: none;
padding: 0;
}
.o-carousel [data-controls="prev"] {
left: 0;
}
.o-carousel [data-controls="next"] {
right: 0;
}
.o-carousel [data-controls="next"] svg {
transform: rotate(180deg);
}
.o-carousel .tns-nav {}
.o-carousel .tns-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 0;
}
.o-carousel .tns-nav button {
cursor: pointer;
border: none;
height: 4px;
width: 30px;
background-color: rgba(5,220,220,0.3);
}
.o-carousel .tns-nav button + button {
margin-left: 10px;
}
.o-carousel .tns-nav button.tns-nav-active {
background-color: #05DCDC;
}
.o-carousel__wrap {
z-index: 1;
}
.o-slider {
position: relative;
z-index: 1;
}
.o-slider [data-controls="next"], .o-slider [data-controls="prev"] {
position: absolute;
top: 122px;
outline: 0;
outline: none;
height: 80px;
width: 30px;
margin-top: -40px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
border: none;
color: #05DCDC;
background-color: #FFF;
padding: 0;
}
.o-slider [data-controls="next"]:focus, .o-slider [data-controls="next"]:link, .o-slider [data-controls="next"]::-moz-selection, .o-slider [data-controls="prev"]:focus, .o-slider [data-controls="prev"]:link, .o-slider [data-controls="prev"]::-moz-selection {
outline: 0;
outline: none;
}
.o-slider [data-controls="next"]:focus, .o-slider [data-controls="next"]:link, .o-slider [data-controls="next"]::selection, .o-slider [data-controls="prev"]:focus, .o-slider [data-controls="prev"]:link, .o-slider [data-controls="prev"]::selection {
outline: 0;
outline: none;
}
.o-slider [data-action="stop"], .o-slider [data-action="start"] {
display: none;
}
.o-slider [data-controls="next"] {
right: 0;
}
.o-slider [data-controls="prev"] {
left: 0;
transform: rotate(180deg);
}
.o-slider__wrap {
z-index: 1;
}
.o-scroll {
overflow-x: scroll;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.o-scroll-center .item {
-ms-flex: none;
flex: none;
display: block;
width: 100%;
max-width: 255px;
box-sizing: border-box;
}
.o-scroll-center .item .c-live .c-live-content {
padding: 0 0 15px 15px;
}
.o-scroll-col2 .item {
padding: 0 0 15px 15px;
-ms-flex: none;
flex: none;
display: block;
width: 100%;
max-width: 255px;
box-sizing: border-box;
}
.o-scroll-col2 .item .thumb {
margin-top: 20px;
}
.o-scroll-col2 .item + .item {}
.o-scroll-col2 .item + .item:not(.no-border) {
border-left: 1px solid #bb002e;
}
.o-scroll-col4 .item {
padding: 0 15px 15px;
-ms-flex: none;
flex: none;
display: block;
width: 100%;
max-width: 255px;
}
.o-scroll-col4 .item .thumb {
margin-top: 20px;
}
.o-scroll-col4 .item + .item {}
.o-scroll-col4 .item + .item:not(.no-border) {
border-left: 1px solid #EED5E3;
}
.o-tab {
width: 100%;
padding: 30px 10px;
box-sizing: border-box;
/*border: 1px solid #707070;*/
}
.o-tab input[type="radio"] {
display: none;
}
.o-tab #option-1:checked ~ .o-tab__nav:after {
left: 0;
}
.o-tab #option-2:checked ~ .o-tab__nav:after {
left: 50%;
}
.o-tab #option-1:checked ~ .o-tab__nav label[for="option-1"], .o-tab #option-2:checked ~ .o-tab__nav label[for="option-2"], .o-tab #option-3:checked ~ .o-tab__nav label[for="option-3"] {
color: #333;
}
.o-tab #option-1:checked ~ .o-tab__nav label[for="option-1"] span, .o-tab #option-2:checked ~ .o-tab__nav label[for="option-2"] span, .o-tab #option-3:checked ~ .o-tab__nav label[for="option-3"] span {
color: #000;
}
.o-tab #option-1:checked ~ .o-tab__content > div:nth-child(1), .o-tab #option-2:checked ~ .o-tab__content > div:nth-child(2), .o-tab #option-3:checked ~ .o-tab__content > div:nth-child(3) {
visibility: visible;
height: auto;
opacity: 1;
}
.o-tab__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 2px solid #33333380;
position: relative;
}
.o-tab__nav label {
font-size: 1.25rem;
line-height: 1.2;
letter-spacing: 0;
color: #33333380;
font-weight: 500;
text-transform: uppercase;
transition: all .3s;
cursor: pointer;
width: 50%;
text-align: center;
padding-bottom: 10px;
}
.o-tab__nav label span {
display: block;
font-weight: 600;
}
.o-tab__nav:after {
content: '';
height: 8px;
border-radius: 4px;
display: block;
width: 50%;
background-color: #EED5E3;
position: absolute;
bottom: -5px;
left: 0;
transition: left .3s cubic-bezier(0, 0, 0.2, 1);
}
.o-tab__content {
padding: 30px 0 0;
}
.o-tab__content > div {
visibility: hidden;
height: 0;
overflow: hidden;
opacity: 0;
transition: opacity .3s ease-out;
}
.u-grid {}
.u-grid-gap-15 {
grid-gap: 15px;
}
.u-flex {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-flex-justify-end {
-ms-flex-pack: end;
justify-content: flex-end;
}
.u-flex-justify-start {
-ms-flex-pack: start;
justify-content: flex-start;
}
.u-color-blue01 {
color: #009FE4;
}
.u-color-blue02 {
color: #0071AD;
}
.u-color-black01 {
color: #194146;
}
.u-color-white {
color: #FFF;
}
.u-color-black {
color: #030303;
}
.u-color-gas-01 {
color: #333333;
}
.u-color-greenfos {
color: #BB9BA4;
}
.u-color-fus-02 {
color: #bb002e;
}
.u-color-gas-02 {
color: #18320F;
}
.u-color-gas-03 {
color: #F6AD32;
}
.u-color-gas-04 {
color: #F6AD32;
}
.u-color-gas-05 {
color: #91835F;
}
.u-color-gas-06 {
color: #333333;
}
.u-color-gas-07 {
color: #464646;
}
.u-color-gas-08 {
color: #333333;
}
.u-color-gas-09 {
color: #19BECD;
}
.u-color-gas-10 {
color: #05DCDC;
}
.u-color-gas-11 {
color: #3C828C;
}
.u-color-gas-12 {
color: #13516C;
}
.u-color-gas-13 {
color: #8E6B32;
}
.u-bg-fus-01 {
background-color: #F6AD32;
}
.u-bg-fus-02 {
background-color: #0607D6;
}
.u-bg-fus-03 {
background-color: #EED5E3;
}
.u-bg-fus-04 {
background-color: #000000;
}
.u-bg-fus-05 {
background-color: rgba(255,255,255,1);
}
.u-bg-fus-06 {
background-color: rgba(246, 173, 50, 0.65);
}
.u-bg-red {
background-color: #EC323F;
}
.u-bg-blue01 {
background-color: #009FE4;
}
.u-bg-blue02 {
background-color: #0071AD;
}
.u-bg-black01 {
background-color: #194146;
}
.u-bg-white {
background-color: #FFF;
}
.u-bg-black {
background-color: #000000;
}
.u-bg-black .c-card-article {}
.u-bg-black .c-card-article__title, .u-bg-black .c-card-article__type, .u-bg-black .c-card-article__subtitle {
color: #FFF;
}
.u-bg-black .c-card-article__title a, .u-bg-black .c-card-article__type a, .u-bg-black .c-card-article__subtitle a {
color: #FFF;
}
.u-bg-black .c-card-article__share {
color: #FFF;
}
.u-bg-black .c-card-article__share a {
color: #FFF;
}
.u-bg-black .c-card-article__share .c-icon {
border-color: #FFF;
}
.u-bg-gas-04 {
background-color: #F6AD32;
}
.u-bg-transparent-xs {}
.u-pb-40 {}
.u-pb-40-xs {}
.u-pb-20-xs {}
.u-pt-40 {}
.u-pt-40-xs {}
.u-pt-15-xs {}
.u-pt-20-xs {}
.u-pb-120 {
padding-bottom: 30px !important;
}
.u-pt-120 {
padding-top: 30px !important;
}
.u-pb-60 {
padding-bottom: 30px !important;
}
.u-pt-60 {
padding-top: 30px !important;
}
.u-pb-80 {
padding-bottom: 30px !important;
}
.u-pt-80 {
padding-top: 80px;
}
.u-mt-40 {
margin-top: 40px !important;
}
.u-mb-40 {
margin-bottom: 40px !important;
}
.u-show-xs {
display: block;
}
.u-hide-xs {
display: none;
}
.u-show-xs-only {
display: block;
}
.u-show-sm-only {
display: none;
}
.u-show-md-only {
display: none;
}
.u-show-lg-only {
display: none;
}
.u-hide-xs-only {
display: none;
}
.u-hide-sm-only {
display: block;
}
.u-hide-md-only {
display: block;
}
.u-hide-lg-only {
display: block;
}
.u-fluid {
width: 100vw;
height: 100vh;
}
.u-font {}
.u-font-1 {
font-family: 'Montserrat',sans-serif;
}
.u-font-2 {
font-family: 'Filosofia',serif;
}
.c-header {
background-color: #FFF;
border-bottom: 1px solid #333;
}
.c-header .o-container {
height: 75px;
}
.c-header:not(.c-header-expo) {
position: sticky;
top: 0;
z-index: 5;
}
.c-header__nav {
display: none;
}
.c-header__nav__btn {
color: #030303;
width: 25px;
height: 15px;
position: relative;
cursor: pointer;
padding: 0;
margin-right: auto;
}
.c-header__nav__btn span {
display: none;
}
.c-header__nav__btn:before {
content: '';
height: 2px;
width: 100%;
display: block;
top: 0;
left: 0;
position: absolute;
background-color: #194146;
}
.c-header__nav__btn:after {
content: '';
height: 2px;
width: 100%;
display: block;
bottom: 0;
left: 0;
position: absolute;
background-color: #194146;
}
.c-header__brand {
margin: 0 auto 0 -25px;
}
.c-header__brand a {
height: 50px;
width: 165x;
transition: width .3s;
display: block;
}
.c-header__brand img {
width: 100%;
height: 100%;
display: block;
}
.c-header__options {
background-color: #EED5E3;
height: 46px;
}
.c-header__options .btn, .c-header__options .btn-user {
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
text-transform: uppercase;
color: #333333;
cursor: pointer;
}
.c-header__options .btn.current, .c-header__options .btn-user.current {}
.c-header__options .idioma .btn, .c-header__options .idioma .btn-user {
color: #000;
}
.c-header__options .btn + .btn {
margin-left: 15px;
}
.c-header__options .btn {}
.c-header__options .btn.current {
position: relative;
}
.c-header__options .btn.current:after {
content: '';
width: 100%;
height: 2px;
background-color: #bb002e;
display: block;
bottom: -5px;
left: 0;
position: absolute;
margin: 0;
}
.c-header__options .btn-signin {
outline: none;
cursor: pointer;
color: #FFF;
font-family: 'Montserrat',sans-serif;
font-size: 0.75rem;
font-weight: normal;
text-align: center;
background-color: #bb002e;
border-radius: 20px;
height: 26px;
width: 100px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
transition: all .3s;
text-transform: uppercase;
}
.c-header__options .btn-signin span {
display: none;
}
.c-header__options .btn-user {
padding: 0 34px 0 0;
background: url(../img/icon/angle-white.svg) no-repeat 95% center;
}
.c-header__options .live {
font-size: 0.875rem;
font-weight: 700;
color: #FFF;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0.07313rem;
}
.c-header__options .live:after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-color: #CC0032;
border-radius: 50%;
overflow: hidden;
margin-left: 10px;
vertical-align: middle;
}
.c-header__options > * {
margin-left: 15px;
}
.c-header__options-logged {
position: relative;
}
.c-header__options-logged .box {
display: none;
}
.c-header__options-logged.open .box {
display: block;
position: absolute;
top: 47px;
right: 0;
width: 100%;
z-index: 3;
background-color: #FFF;
box-shadow: 2px 2px 10px 0 #E0E0E0;
margin-left: 0;
}
.c-header__options-logged.open .box .c-user__head {
padding: 30px;
}
.c-header__options-logged.open .box .c-user__head__txt {
-ms-flex-pack: start;
justify-content: flex-start;
}
.c-header__options-logged.open .box .c-user__head__txt .c-form__button {
margin: 20px 0;
width: 150px;
font-size: 0.6875rem;
}
.c-header__options-logged.open .box .c-user__head__txt .c-form__cta {
margin: 0 0 0 auto;
}
.c-header__options-logged.open .box .c-user__head__txt > * {
text-align: left;
}
.c-header__options-question {
position: relative;
}
.c-header__options-question .cta {
color: #F6AD32;
font-size: 0.75rem;
cursor: pointer;
transition: color .3s;
}
.c-header__options-question .cta:hover {
color: #FFF;
}
.c-header__options-question .box {
display: none;
}
.c-header__options-question.open .box {
display: block;
position: absolute;
top: 30px;
right: 0;
background-color: #bb002e;
margin-left: 0;
}
.c-header__options-question.open .box .c-user__head {
padding: 30px;
}
.c-header__options-question.open .box .c-user__head__txt {
-ms-flex-pack: start;
justify-content: flex-start;
}
.c-header__options-question.open .box .c-user__head__txt .c-form__button {
margin: 20px 0;
}
.c-header__options-question.open .box .c-user__head__txt .c-form__cta {
margin: 0 0 0 auto;
}
.c-header__options-question.open .box .c-user__head__txt > * {
text-align: left;
}
.c-header-black {
background-color: #030303;
}
.c-header-black .c-header__nav a {
color: #FFF;
}
.c-header-black .c-header__nav__btn {}
.c-header-black .c-header__nav__btn:before, .c-header-black .c-header__nav__btn:after {
background-color: #FFF;
}
.c-header-black .c-header__brand {
filter: grayscale(100%);
}
.c-header-black .c-header__brand img {
filter: saturate(100);
}
.c-header-black .c-header__options {
background-color: #030303;
}
.c-header-black .c-header__options .btn-user, .c-header-black .c-header__options .btn {
color: #FFF;
}
.c-header-black .c-header__options .btn-signin {
background-color: #05DCDC;
color: #030303;
}
.c-header-expo {
background-color: transparent;
z-index: 5;
position: relative;
}
.c-header-expo .u-flex {
-ms-flex-pack: center;
justify-content: center;
position: sticky;
top: 0;
max-width: 90%;
margin: 10px auto 0;
}
.c-header-expo__back {
position: absolute;
top: 10px;
right: 15px;
width: 30px;
height: 30px;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
color: #05DCDC;
}
.c-header-expo__back span {
display: none;
}
.c-header-expo__back svg {
width: 30px;
height: 30px;
}
.c-header-expo__category {
color: #19BECD;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.09625rem;
line-height: 1.25rem;
text-transform: uppercase;
width: 230px;
}
.c-header-expo__brand {
width: 60px;
}
.c-header-expo__brand a {
width: 60px;
display: block;
}
.c-header-expo__name {
color: #FFF;
font-size: 1.25rem;
font-weight: 600;
letter-spacing: 0.04188rem;
line-height: 3.125rem;
text-align: center;
text-transform: uppercase;
margin: auto;
}
.c-header-expo__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-header-expo__nav__item {
height: 30px;
width: 90px;
border-radius: 20px;
background-color: #FFF;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
color: #000;
margin-right: 20px;
font-size: 0.625rem;
font-weight: 700;
letter-spacing: 0.05188rem;
line-height: 0.6875rem;
text-align: center;
}
.c-header-expo__close {}
.c-header-subsection {
background-color: #f6f3f1;
}
.c-header-subsection .o-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.c-header-subsection__group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-header-subsection__group.group-1 .c-subhead-blog {}
.c-header-subsection__group.group-1 .c-subhead-blog:after {
display: none;
}
.c-header-subsection__group.group-2 {
margin-left: auto;
}
.c-header-subsection__group.group-2 .c-subhead-blog a {
color: #DCC4A5;
}
.c-header-subsection__group.group-2 .c-subhead-blog a:before {
background-color: #DCC4A5;
opacity: .3;
}
.c-header-subsection__group.group-2 .c-subhead-blog a.current {
color: #13516c;
}
.c-header-subsection__group.group-2 .c-subhead-blog:after {
background-color: #DCC4A5;
opacity: .3;
}
.c-brand {}
.c-brand__head {
width: 95%;
margin-top: 5%;
margin-bottom: 5%;
margin-left: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
}
.c-brand__head__title {
font-family: 'Filosofia',serif;
font-size: 2.5rem;
letter-spacing: 0;
line-height: 1;
color: #333;
max-width: 9ch;
}
.c-brand__head__txt {}
.c-brand__head__thumb {
width: 100%;
max-width: 50%;
margin-bottom: -10%;
margin-right: 0;
}
.c-brand__head__thumb img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.c-brand__body {
padding: 5%;
}
.c-brand__body > [class*="c-"] {}
.c-brand__body > [class*="c-"]:not(:last-child) {
margin-bottom: 30px;
margin-top: 60px;
}
.c-brand__search {
background: #FFF;
border: 1px solid #707070;
border-radius: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.c-brand__search form {
box-sizing: border-box;
padding: 10px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.c-brand__search form:before {
content: '';
width: 24px;
height: 24px;
display: block;
background: url("../img/icon/search.svg") center center;
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
}
.c-brand__search input[type="text"] {
position: relative;
z-index: 1;
text-indent: 29px;
height: 24px;
width: calc(100% - 24px);
}
.c-brand__search input[type="text"]:focus {}
.c-brand__search input[type="text"]:focus + [type="reset"] {
opacity: 1;
}
.c-brand__search input[type="reset"] {
width: 24px;
height: 24px;
border-radius: 50%;
overflow: hidden;
color: #FFF;
background-color: #333333;
opacity: 0;
z-index: 2;
font-size: 0.875rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.c-brand__search__result .u-grid {
grid-gap: 20px;
}
.c-brand__search__result .item {
box-sizing: border-box;
border-right: 1px solid #bb002e;
-ms-grid-column-align: stretch;
justify-items: stretch;
}
.c-brand__search__result .item .c-brand {
border-bottom: 1px solid #bb002e;
padding-bottom: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: calc(100% - 40px);
}
.c-brand__search__result .item .c-brand__count {}
.c-brand__search__result .item .c-brand__cta {
margin-top: auto;
margin-bottom: 20px;
}
.c-brand__filter {}
.c-brand__filter__title {
font-size: 1rem;
line-height: 1.125rem;
font-weight: bold;
letter-spacing: 0.025rem;
color: #333333;
text-transform: uppercase;
border-bottom: 2px solid #333333;
}
.c-brand__filter__item {
text-align: left;
font-size: 0.875rem;
line-height: 1.375rem;
font-weight: 700;
letter-spacing: 0.02188rem;
text-transform: uppercase;
display: -ms-grid;
display: grid;
-ms-grid-columns: 18px 1fr;
grid-template-columns: 18px 1fr;
grid-column-gap: 10px;
color: #3333337F;
margin-bottom: 15px;
}
.c-brand__filter__item span {
width: 100%;
display: block;
max-width: 18px;
height: 18px;
position: relative;
border-radius: 3px;
border: 1px solid #3333337F;
}
.c-brand__filter__item span:before {
content: '';
position: absolute;
width: 2px;
height: 9px;
background-color: #FFF;
left: 10px;
top: 5px;
transform: rotate(45deg);
}
.c-brand__filter__item span:after {
content: '';
position: absolute;
width: 4px;
height: 2px;
background-color: #FFF;
left: 5px;
top: 9px;
transform: rotate(45deg);
}
.c-brand__filter__item.selected {
color: #bb002e;
}
.c-brand__filter__item.selected span {
border: 1px solid #bb002e;
background-color: #bb002e;
}
.c-brand__filter__item.selected span:before {
background-color: #FFF;
}
.c-brand__filter__item.selected span:after {
background-color: #FFF;
}
.c-brand__filter__item:not(:last-child) {
margin-right: 15px;
}
.c-brand__filter__check {
cursor: pointer;
text-align: left;
font-size: 0.875rem;
line-height: 1.375rem;
font-weight: 700;
letter-spacing: 0.02188rem;
text-transform: uppercase;
display: -ms-grid;
display: grid;
-ms-grid-columns: 18px 1fr;
grid-template-columns: 18px 1fr;
grid-column-gap: 10px;
color: #3333337F;
}
.c-brand__filter__check p {
text-align: left;
font-size: 0.875rem;
line-height: 1.375rem;
font-weight: 700;
letter-spacing: 0.02188rem;
text-transform: uppercase;
color: #3333337F;
margin-bottom: 15px;
}
.c-brand__filter__check input[type="checkbox"] {
display: none;
}
.c-brand__filter__check input[type="checkbox"]:checked {}
.c-brand__filter__check input[type="checkbox"]:checked + .fake-check {
border: 1px solid #bb002e;
background-color: #bb002e;
}
.c-brand__filter__check input[type="checkbox"]:checked + .fake-check:before {
background-color: #FFF;
}
.c-brand__filter__check input[type="checkbox"]:checked + .fake-check:after {
background-color: #FFF;
}
.c-brand__filter__check input[type="checkbox"]:checked + .fake-check + p {
color: #bb002e;
}
.c-brand__filter__check .fake-check {
width: 100%;
display: block;
max-width: 18px;
height: 18px;
position: relative;
border-radius: 3px;
border: 1px solid #3333337F;
}
.c-brand__filter__check .fake-check:before {
content: '';
position: absolute;
width: 2px;
height: 9px;
background-color: #FFF;
left: 10px;
top: 5px;
transform: rotate(45deg);
}
.c-brand__filter__check .fake-check:after {
content: '';
position: absolute;
width: 4px;
height: 2px;
background-color: #FFF;
left: 5px;
top: 9px;
transform: rotate(45deg);
}
.c-brand__filter__check:not(:last-child) {
margin-right: 15px;
}
.c-brand__detail {
padding: 5%;
}
.c-brand__detail > [class*="c-"] {}
.c-brand__detail > [class*="c-"]:not(:last-child) {
margin-bottom: 30px;
}
.c-brand__detail__head {
display: -ms-grid;
display: grid;
-ms-grid-columns: 55px 25px 1fr 25px;
grid-template-columns: 55px 25px 1fr 25px;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
.c-brand__detail__head > * {}
.c-brand__detail__head > *:first-child {
width: 100%;
max-width: 55px;
margin-left: auto;
display: block;
}
.c-brand__detail__head > *:first-child img {
width: 100%;
}
.c-brand__detail__head__slash {
background-color: #333333;
-webkit-clip-path: polygon(80% 0%, 100% 0%, 20% 100%, 0% 100%);
clip-path: polygon(80% 0%, 100% 0%, 20% 100%, 0% 100%);
width: 15px;
height: 55px;
display: block;
margin: 0 auto;
}
.c-brand__detail__body {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: normal;
}
.c-brand__detail__body a {
display: inline-block;
color: #030303;
word-break: break-word;
margin-left: 3px;
}
.c-brand__detail__body a:hover {
text-decoration: underline;
}
.c-brand__detail__body__txt {
width: 100%;
}
.c-brand__detail__body__txt p {
font-size: 0.75rem;
line-height: 1.125rem;
}
.c-brand__detail__body__txt .c-brand__detail__subtitle {
margin-bottom: 20px;
}
.c-brand__detail__body__thumb {
width: 100%;
max-width: 105px;
margin: 0 auto 20px;
transition: max-width .3s;
}
.c-brand__detail__list {
width: 100%;
max-width: 730px;
margin: 0 auto;
}
.c-brand__detail__list .c-brand__detail__item {
padding-top: 25px;
}
.c-brand__detail__list .c-brand__detail__item:not(:last-child) {
border-bottom: 1px solid #030303;
padding-bottom: 25px;
margin-bottom: 25px;
}
.c-brand__detail__list__title {
font-size: 1rem;
line-height: 1.25rem;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #bb002e;
padding-bottom: 5px;
}
.c-brand__detail__item {
max-width: 90%;
margin: 0 auto;
min-height: 130px;
}
.c-brand__detail__item__txt {
width: 100%;
}
.c-brand__detail__item__txt p {
text-transform: uppercase;
font-size: 0.75rem;
line-height: 1;
font-weight: bold;
letter-spacing: 0;
color: #bb002e;
margin-bottom: 5px;
}
.c-brand__detail__item__txt h3 {
font-size: 0.875rem;
line-height: 1;
color: #030303;
font-weight: 500;
margin-bottom: 5px;
}
.c-brand__detail__item__txt .subtitle {}
.c-brand__detail__item__thumb {
width: 100%;
max-width: 120px;
margin-top: 10px;
}
.c-brand__detail__item__cta {
font-size: 0.75rem;
line-height: 1.375rem;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.01875rem;
position: relative;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
display: block;
margin: auto auto 0 auto;
color: #030303;
}
.c-brand__detail__item__cta:after {
content: '';
width: 100%;
height: 2px;
background-color: #BB002E;
display: block;
bottom: 0;
left: 0;
position: absolute;
margin: 0;
}
.c-brand__detail__title {
color: #bb002e;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center;
font-size: 0.875rem;
font-weight: bold;
letter-spacing: 0rem;
transition: font-size .3s;
line-height: 1.2;
}
.c-brand__detail__subtitle {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: normal;
}
.c-brand__detail__cta {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
color: #030303;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
}
.c-brand__detail__cta svg {
width: 15px;
height: 15px;
margin-right: 10px;
}
.c-brand__detail__cta span {
color: #bb002e;
text-transform: uppercase;
letter-spacing: 0.025rem;
font-size: 1rem;
font-weight: 400;
}
.c-brand__txt {
box-sizing: border-box;
width: 100%;
padding: 20px 0;
}
.c-brand__txt p {
text-transform: uppercase;
font-size: 0.75rem;
line-height: 1;
font-weight: bold;
letter-spacing: 0;
color: #bb002e;
margin-bottom: 20px;
}
.c-brand__txt h3 {
font-size: 0.875rem;
font-weight: bold;
line-height: 1.2;
color: #030303;
margin-bottom: 20px;
}
.c-brand__txt .subtitle {}
.c-brand__thumb {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
}
.c-brand__thumb .star {
color: #bb002e;
width: 100%;
height: 100%;
max-width: 15px;
max-height: 15px;
}
.c-brand__thumb img {
width: 120px;
height: 90px;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.c-brand__cta {
font-size: 0.75rem;
line-height: 1.375rem;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.01875rem;
position: relative;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
display: block;
color: #030303;
}
.c-brand__cta:after {
content: '';
width: 100%;
height: 2px;
background-color: #BB002E;
display: block;
bottom: 0;
left: 0;
position: absolute;
margin: 0;
}
.c-brand-active .c-brand__thumb .star {
color: #FFF;
}
.c-brand__count p {
color: #333;
font-size: 0.625rem;
text-align: right;
}
.c-brand__count p strong {
color: #bb002e;
}
.c-brand-gss {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-brand-gss .c-form__button {
display: none;
margin: 0;
}
.c-brand-gss__thumb {
max-width: 95px;
margin-bottom: 15px;
}
.c-brand-gss__claim {
font-size: 2.125rem;
font-weight: 600;
line-height: 1;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.07063rem;
margin: auto;
}
.c-brand-gss__claim span {
display: block;
}
.c-brand-gss__claim span:nth-child(2n+1) {
color: #9e998b;
}
.c-brand-gss__claim span:nth-child(2n) {
color: #bdb08e;
}
.c-brand-gss__claim span:nth-child(2n+3) {
color: #d1c192;
}
.c-title {
font-style: normal;
font-weight: 600;
font-size: 1.375rem;
line-height: 1;
font-family: 'Montserrat',sans-serif;
position: relative;
width: 100%;
max-width: 90%;
margin: 0 auto;
padding-top: 20px;
text-transform: uppercase;
text-align: center;
}
.c-title:not(.u-color-gas-08) {
color: #333333;
}
.c-title:not(.no-padding) {
padding-bottom: 20px;
}
.c-title-subtitle {
color: #004650;
font-size: 1.375rem;
line-height: 2.25rem;
text-align: center;
padding-bottom: 20px;
}
.c-title + .c-card-claim {}
.c-title + .c-card-claim:not(.c-card-claim-error) {
padding-top: 0 !important;
}
.c-title.titleMag {
color: #D4C18C;
font-size: 2.5rem;
}
.c-btn {}
.c-btn__play {
width: 60px;
height: 25px;
border-radius: 15px;
background-color: #3B3935;
box-shadow: 2px 2px 20px 0 rgba(180,150,130,0.1);
color: #FFF;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.05rem;
line-height: 1rem;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.c-btn__play:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent #FFF;
margin-left: 10px;
}
.c-event {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
padding: 0 0 20px;
border-bottom: 1px solid rgba(180, 150, 130, 0.5);
margin: 0 20px;
}
.c-event__thumb {
justify-self: flex-start;
max-width: 120px;
max-height: 90px;
width: 100%;
margin-right: 30px;
}
.c-event__txt {
width: 100%;
max-width: calc(100% - 15px);
margin-right: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
}
.c-event__name {
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.25rem;
margin-top: 0;
}
.c-event__title {
color: #3C2814;
font-size: 0.8125rem;
line-height: 1.25rem;
}
.c-event__icon {
color: #05DCDC;
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
}
.c-head {}
.c-head-blog {
max-width: 90%;
}
.c-head-blog__wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
height: 170px;
overflow: hidden;
}
.c-head-blog__thumb {
display: none;
}
.c-head-blog__slash {
background-color: #33E1FF;
transform: rotate(15deg);
width: 5px;
display: block;
height: 90px;
margin: 0 50px;
}
.c-head-blog__date {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
min-width: calc(20% - 105px);
font-size: 3.75rem;
font-weight: 600;
line-height: 1;
text-align: center;
}
.c-head-blog__date span {
color: #F6AD32;
}
.c-head-blog__title {
color: #13516C;
font-size: 3.75rem;
font-weight: 600;
line-height: 1;
text-align: center;
}
.c-head-blog__section {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 3.75rem;
font-weight: 600;
line-height: 8.75rem;
color: #13516C;
}
.c-head-blog__section:before, .c-head-blog__section:after {
content: '';
background-color: #33E1FF;
transform: rotate(15deg);
width: 5px;
display: block;
height: 90px;
margin: 0 50px;
}
.c-head-blog-brown .c-head-blog__slash {
background-color: #F3CA3E;
}
.c-head-blog-brown .c-head-blog__title {
color: #F6AD32;
}
.c-subhead {}
.c-subhead-blog {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-subhead-blog a {
color: #13516C;
font-size: 0.5625rem;
font-weight: 600;
line-height: 1.25rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
}
.c-subhead-blog a:before {
content: '';
background-color: #33E1FF;
transform: rotate(15deg);
width: 3px;
display: block;
height: 20px;
margin: 0 5px;
}
.c-subhead-blog:after {
content: '';
background-color: #33E1FF;
transform: rotate(15deg);
width: 3px;
display: block;
height: 20px;
margin: 0 5px;
}
.c-user {}
.c-user__head {
padding: 15px 0 45px;
max-width: 95%;
margin: 0 auto;
}
.c-user__head__thumb {
-ms-flex-item-align: start;
align-self: flex-start;
width: 100%;
max-width: 60px;
}
.c-user__head__txt {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
max-width: calc(100% - 75px);
padding-left: 15px;
}
.c-user__head__txt__title {
color: #194146;
font-family: 'Montserrat',sans-serif;
font-size: 1.125rem;
line-height: 1.5rem;
text-align: right;
}
.c-user__head__txt__subtitle {
color: #194146;
font-family: 'Montserrat',sans-serif;
font-size: 0.625rem;
letter-spacing: 0.02625rem;
line-height: 1.5rem;
text-align: right;
}
.c-user__navigation {
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 95%;
margin: 0 auto 20px;
}
.c-user__navigation__item {
color: #464646;
font-family: 'Montserrat',sans-serif;
font-size: 0.5625rem;
font-weight: 600;
letter-spacing: 0.06rem;
line-height: 0.75rem;
text-align: center;
text-transform: uppercase;
display: block;
padding: 5px 0;
}
.c-user__navigation__item.current {
color: #BB002E;
}
.c-user__option {
max-width: 90%;
margin: 0 auto 30px;
}
.c-user__option-preferencias .c-form {
padding: 40px 0;
}
.c-user__option-clave .c-form {
padding: 40px 0;
}
.c-user__option-pago .c-form {
padding: 40px 0;
}
.c-user__option-favoritos .c-user__navigation {
border-bottom: 1px solid rgba(180,150,130,0.5);
}
.c-user__option-favoritos .c-user__navigation__item {
color: rgba(180,150,130,0.5);
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.5rem;
text-align: center;
text-transform: none;
}
.c-user__option-favoritos .c-user__navigation__item.open {
color: #3C828C;
}
.c-user__option-favoritos [data-tab-content]:not(.open) {
display: none;
}
.c-user__option-favoritos [data-tab-content="ponencias"] .u-grid {
grid-row-gap: 30px;
}
.c-user__option-favoritos [data-tab-content="personas"] {
padding-bottom: 20px;
}
.c-user__option-favoritos [data-tab-content="personas"] > .c-speaker {}
.c-user__option-favoritos [data-tab-content="personas"] > .c-speaker:last-child {
margin-bottom: 0;
}
.c-user__option-agenda {}
.c-user__option-chat {}
.c-favorites {
border-bottom: 1px solid rgba(180, 150, 130, 0.5);
margin: 0 20px 20px;
padding-bottom: 20px;
}
.c-favorites__number {
color: #05DCDC;
font-size: 4.375rem;
font-weight: 600;
line-height: 1.625rem;
text-align: right;
}
.c-favorites__icon {
color: #05DCDC;
width: 60px;
height: 60px;
}
.c-speaker {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
border-bottom: 1px solid rgba(180, 150, 130, 0.5);
margin: 0 20px 20px;
padding-bottom: 20px;
}
.c-speaker__thumb {
justify-self: flex-start;
max-width: 60px;
max-height: 60px;
width: 100%;
}
.c-speaker__txt {
width: 100%;
max-width: calc(100% - 60px);
margin-left: 60px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
}
.c-speaker__name {
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.25rem;
margin-top: 0;
color: #3C2814;
}
.c-speaker__title {
color: #3C2814;
font-size: 0.8125rem;
line-height: 1.25rem;
}
.c-speaker__icon {
color: #05DCDC;
position: absolute;
top: 0;
left: 70px;
width: 20px;
height: 20px;
}
.c-speaker {}
.c-speaker__head {}
.c-speaker__head__title {
color: #F6AD32;
font-family: 'Montserrat',sans-serif;
font-size: 2rem;
letter-spacing: 0.03125rem;
line-height: 1;
text-align: center;
padding: 5px 0;
background-color: #FFF;
}
.c-speaker__body .c-mosaic, .c-speaker__body .c-top {
max-width: 90%;
margin: 0 auto 30px;
}
.c-speaker__body .c-top__title {
background-color: #000000;
}
.c-form {}
.c-form__title {
text-align: center;
color: #F6AD32;
font-size: 1.125rem;
line-height: 1.3;
font-weight: 500;
}
.c-form__subtitle {
color: #584B3F;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.875rem;
text-align: center;
max-width: 330px;
margin: 0 auto;
}
.c-form__msg {
width: 100%;
max-width: 90%;
margin: 0 auto;
display: block;
background-color: #FFF;
padding: 40px 0;
}
.c-form__msg__icon {
color: #23A0C8;
width: 52px;
height: 55px;
margin: 0 auto 20px;
display: block;
}
.c-form__msg__title {
margin: 20px 40px;
display: block;
font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 1.125rem;
line-height: 1.6875rem;
color: #2B73A7;
}
.c-form__msg__text {
margin: 20px 40px;
display: block;
font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.875rem;
line-height: 1.86;
color: #373737;
}
.c-form__msg__text strong {
font-weight: 700;
}
.c-form__text, .c-form__select, .c-form__check, .c-form__switch {
max-width: 90%;
margin: 0 auto;
}
.c-form__text {
display: block;
margin-bottom: 20px;
}
.c-form__text input[type="text"], .c-form__text input[type="email"], .c-form__text input[type="password"], .c-form__text input[type="tel"], .c-form__text input[type="date"], .c-form__text input[type="number"] {
border-radius: 0;
background-color: #FFF;
border: none;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
display: block;
padding: 0;
width: 100%;
height: 40px;
margin: 0;
color: #333333;
font-family: 'Montserrat',sans-serif;
font-size: 0.875rem;
line-height: 1.5rem;
border-bottom: 2px solid #5D5C5C;
}
.c-form__text input[type="text"]::-moz-placeholder, .c-form__text input[type="email"]::-moz-placeholder, .c-form__text input[type="password"]::-moz-placeholder, .c-form__text input[type="tel"]::-moz-placeholder, .c-form__text input[type="date"]::-moz-placeholder, .c-form__text input[type="number"]::-moz-placeholder {
color: #5D5C5C;
opacity: 1;
}
.c-form__text input[type="text"]:-ms-input-placeholder, .c-form__text input[type="email"]:-ms-input-placeholder, .c-form__text input[type="password"]:-ms-input-placeholder, .c-form__text input[type="tel"]:-ms-input-placeholder, .c-form__text input[type="date"]:-ms-input-placeholder, .c-form__text input[type="number"]:-ms-input-placeholder {
color: #5D5C5C;
opacity: 1;
}
.c-form__text input[type="text"]::placeholder, .c-form__text input[type="email"]::placeholder, .c-form__text input[type="password"]::placeholder, .c-form__text input[type="tel"]::placeholder, .c-form__text input[type="date"]::placeholder, .c-form__text input[type="number"]::placeholder {
color: #5D5C5C;
opacity: 1;
}
.c-form__text input[type="text"]:focus, .c-form__text input[type="email"]:focus, .c-form__text input[type="password"]:focus, .c-form__text input[type="tel"]:focus, .c-form__text input[type="date"]:focus, .c-form__text input[type="number"]:focus {
outline: none;
color: #1F1F1F;
}
.c-form__text input[type="text"].error, .c-form__text input[type="email"].error, .c-form__text input[type="password"].error, .c-form__text input[type="tel"].error, .c-form__text input[type="date"].error, .c-form__text input[type="number"].error {}
.c-form__text input[type="text"].error:focus, .c-form__text input[type="email"].error:focus, .c-form__text input[type="password"].error:focus, .c-form__text input[type="tel"].error:focus, .c-form__text input[type="date"].error:focus, .c-form__text input[type="number"].error:focus {}
.c-form__text span {
font-size: 0.875rem;
font-weight: 300;
line-height: 1.5rem;
color: #333333;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
letter-spacing: 0.02188rem;
}
.c-form__text input[type="password"] {
letter-spacing: 0.1875rem;
}
.c-form__text textarea {
border-radius: 0;
background-color: #FFF;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
display: block;
padding: 0;
width: 100%;
height: 40px;
margin: 0;
color: #194146;
font-family: 'Montserrat',sans-serif;
font-size: 0.875rem;
line-height: 1.5rem;
border: 1px solid rgba(180,150,130,0.5);
}
.c-form__text textarea::-moz-placeholder {
color: #194146;
opacity: 1;
}
.c-form__text textarea:-ms-input-placeholder {
color: #194146;
opacity: 1;
}
.c-form__text textarea::placeholder {
color: #194146;
opacity: 1;
}
.c-form__text textarea:focus {
outline: none;
color: #1F1F1F;
}
.c-form__text textarea.error {}
.c-form__text textarea.error:focus {}
.c-form__cta {
text-align: center;
color: #333333;
font-family: 'Montserrat',sans-serif;
font-size: 0.59375rem;
font-weight: 600;
letter-spacing: 0.05688rem;
line-height: 0.75rem;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
}
.c-form__cta:after {
content: '';
display: block;
width: 100%;
height: 2px;
margin-top: 5px;
background-color: #bb002e;
}
.c-form__select {
display: block;
margin-bottom: 20px;
cursor: pointer;
}
.c-form__select label {
display: block;
margin-bottom: 8px;
}
.c-form__select select {
border: none;
height: 40px;
width: 100%;
box-shadow: none;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: normal;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
margin: 0;
background-size: 20px;
padding: 0 34px 0 0;
background: #FFF url(../img/icon/angle.svg) no-repeat 95% center;
font-family: 'Montserrat',sans-serif;
color: #333333;
font-size: 0.875rem;
line-height: 1.5rem;
border-bottom: 2px solid #5D5C5C;
}
.c-form__select select:focus {
outline: none;
color: #333333;
}
.c-form__select select::-ms-expand {
display: none;
}
.c-form__select span {
font-size: 0.875rem;
font-weight: 300;
line-height: 1.5rem;
color: #333333;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
letter-spacing: 0.02188rem;
}
.c-form__check {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-direction: row;
flex-direction: row;
line-height: 1;
position: relative;
padding-bottom: 20px;
width: 100%;
}
.c-form__check input[type="checkbox"] {
display: none;
}
.c-form__check input[type="checkbox"]:checked {}
.c-form__check input[type="checkbox"]:checked + .fake-check {}
.c-form__check input[type="checkbox"]:checked + .fake-check:after {
background: #FFF url(../img/icon/check.svg) no-repeat center center;
background-size: 90%;
}
.c-form__check .fake-check {}
.c-form__check .fake-check:after {
content: '';
display: block;
background: #FFF;
border: 1px solid #707070;
cursor: pointer;
position: relative;
z-index: 10;
top: 0;
left: 0;
height: 18px;
vertical-align: top;
max-width: 18px;
width: 18px;
margin-right: 10px;
border-radius: 4px;
}
.c-form__check p {
color: #030303;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.03125rem;
line-height: 1.125rem;
}
.c-form__check p a {
color: #030303;
display: inline;
text-decoration: underline;
}
.c-form__button {
cursor: pointer;
color: #FFF;
font-family: 'Montserrat',sans-serif;
font-size: 20px;
letter-spacing: 0.0625rem;
line-height: 0.6875rem;
text-align: center;
text-transform: uppercase;
background-color: #EED5E3;
border-radius: 20px;
height: 30px;
width: 120px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
transition: all .3s;
margin: 0 auto;
position: relative;
}
.c-form__button span {
display: none;
}
.c-form__button span.number {
position: absolute;
top: -8px;
right: 8px;
color: #FFF;
background-color: #CC0032;
border-radius: 50%;
width: 16px;
height: 16px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.625rem;
font-weight: 700;
z-index: 2;
}
.c-form__button-dark {
background-color: #B49682;
}
.c-form__button-white {
background-color: #FFF;
color: #004650;
}
.c-form__switch {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
border-bottom: 2px solid #5D5C5C;
}
.c-form__switch__text {
width: 100%;
max-width: calc(100% - 36px);
}
.c-form__switch__text span {
font-size: 0.875rem;
font-weight: 300;
line-height: 1.5rem;
color: #333333;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
letter-spacing: 0.02188rem;
}
.c-form__switch__text p {
height: 40px;
font-family: 'Montserrat',sans-serif;
font-size: 0.875rem;
line-height: 2.5rem;
}
.c-form__switch__label {
position: relative;
display: inline-block;
width: 36px;
height: 20px;
margin-top: 21px;
}
.c-form__switch__label input[type="checkbox"] {
opacity: 0;
width: 0;
height: 0;
display: none;
}
.c-form__switch__label .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
}
.c-form__switch__label .slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
transition: .4s;
}
.c-form__switch__label .slider.round {
border-radius: 20px;
}
.c-form__switch__label .slider.round:before {
border-radius: 50%;
}
.c-form__switch__label input:checked + .slider {
background-color: #bb002e;
}
.c-form__switch__label input:focus + .slider {
box-shadow: 0 0 1px #bb002e;
}
.c-form__switch__label input:checked + .slider:before {
transform: translateX(15px);
}
.c-form__check-button {
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 0 20px;
min-height: 225px;
}
.c-form__check-button input[type="checkbox"] {
display: none;
}
.c-form__check-button input[type="checkbox"]:checked {}
.c-form__check-button input[type="checkbox"]:checked + .icon {
color: #F6AD32;
}
.c-form__check-button .thumb {
justify-self: flex-start;
margin-bottom: 15px;
}
.c-form__check-button .txt {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-form__check-button .txt .speaker, .c-form__check-button .txt .number {
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.25rem;
margin-top: 0;
}
.c-form__check-button .txt .number {
margin-top: auto;
}
.c-form__check-button .txt .title {
color: #3C2814;
font-size: 0.8125rem;
line-height: 1.25rem;
margin-top: 15px;
}
.c-form__check-button .txt > * {
text-align: center;
}
.c-form__check-button .icon {
color: #FFF;
transition: .3s color;
position: absolute;
top: 0;
right: 5px;
width: 20px;
height: 20px;
}
.c-form__step {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
}
.c-form__step__bullet {
display: block;
border-radius: 50%;
background-color: rgba(180,150,130,0.5);
width: 5px;
height: 5px;
}
.c-form__step__bullet.current {
background-color: #584B3F;
}
.c-form__step__bullet + .c-form__step__bullet {
margin-left: 15px;
}
.c-form-login {
box-sizing: border-box;
min-height: 555px;
width: 750px;
background-color: #FFF;
margin: 0 auto 100px;
}
.c-form-login .c-form__title {
color: #3C828C;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.5rem;
text-align: center;
}
.c-form-login .c-form__button {
margin-top: 40px;
margin-bottom: 40px;
}
.c-form-signin {
margin: 0 5%;
}
.c-form-signin .c-form__title {
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5rem;
text-align: center;
color: #584B3F;
}
.c-form-signin__step-1 .u-grid {
padding-bottom: 20px;
}
.c-form-signin__step-1 .send {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto 20px;
}
.c-form-signin__step-2 .send {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto 20px;
}
.c-form-signin__step-2 .send .c-form__button {}
.c-form-signin__step-2 .send .c-form__button + .c-form__button {
margin-left: 15px;
}
.c-form-signin__step-2 .c-form__title {
padding: 10%;
}
.c-form-signin__step-2 .u-bg-white {
padding-bottom: 40px;
}
.c-form-signin__step-1, .c-form-signin__step-2 {
display: none;
}
.c-form-signin__step-1.open, .c-form-signin__step-2.open {
display: block;
}
.u-bg-black .c-form__button {
color: #030303;
background-color: #F6AD32;
}
.c-card {
box-sizing: border-box;
}
.c-card-speaker {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 5% 10%;
}
.c-card-speaker .top {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 5px 0;
}
.c-card-speaker .top .type {
color: #FFFFFF;
font-family: 'Montserrat',sans-serif;
font-size: 0.5rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
text-transform: uppercase;
}
.c-card-speaker .top .star {
color: #F6AD32;
width: 15px;
height: 15px;
}
.c-card-speaker .middle .thumb {
margin-bottom: 5px;
}
.c-card-speaker .middle .title {
font-family: 'Montserrat',sans-serif;
color: #F8F8F8;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.02938rem;
line-height: 1rem;
text-transform: uppercase;
max-width: 90%;
}
.c-card-speaker .middle .subtitle {
color: #EED5E3;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.02938rem;
line-height: 1rem;
text-transform: uppercase;
margin-top: 20px;
max-width: 130px;
}
.c-card-speaker .middle .speaker h2 {
font-family: 'Montserrat',sans-serif;
color: #3C2814;
font-size: 0.75rem;
font-weight: 400;
}
.c-card-speaker .middle .speaker p {
font-family: 'Montserrat',sans-serif;
color: #3C2814;
font-size: 0.75rem;
font-weight: 200;
}
.c-card-speaker .middle .duration {
color: #3C828C;
font-family: 'Montserrat',sans-serif;
font-size: 0.5rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
text-transform: uppercase;
margin-top: auto;
padding-top: 10px;
}
.c-card-speaker .middle img + .title {
margin-top: 15px;
}
.c-card-speaker .middle > .col {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.c-card-speaker .bottom {
margin-top: auto;
padding-top: 10px;
margin-bottom: 8px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
}
.c-card-speaker .bottom .more {
text-align: center;
color: #FFFFFF;
font-family: 'Montserrat',sans-serif;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-bottom: 10px;
text-transform: uppercase;
}
.c-card-speaker .bottom .more:after {
content: '';
display: block;
width: 100%;
height: 2px;
margin-top: 5px;
background-color: #EED5E3;
}
.c-card-speaker .bottom .number {
height: 24px;
width: 24px;
border-radius: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #3C2814;
}
.c-card-speaker-active .top .star {
color: #FFF;
}
.c-card-speaker-black .top {
margin-bottom: -30px;
width: 30px;
height: 30px;
padding: 0;
margin-left: auto;
}
.c-card-speaker-black .top .star {
color: #19BECD;
}
.c-card-speaker-black .top .type {
color: #05DCDC;
display: none;
}
.c-card-speaker-black .middle .title {
color: #FFF;
}
.c-card-speaker-black .middle .subtitle {
color: #05DCDC;
}
.c-card-speaker-black .bottom .more {
color: #FFF;
}
.c-card-speaker-black .bottom .more:after {
background-color: #05DCDC;
}
.c-card-speaker-white .top .star {
color: #19BECD;
}
.c-card-speaker-white .top .type {
color: #3C828C;
}
.c-card-speaker-white .middle .title {
color: #333333;
}
.c-card-speaker-white .middle .subtitle {
color: #19BECD;
}
.c-card-speaker-white .bottom .more {
color: #464646;
}
.c-card-speaker-white .bottom .more:after {
background-color: #05DCDC;
}
.c-card-intro {
width: 100%;
max-width: 285px;
margin: 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
min-height: 435px;
padding-bottom: 0;
padding-top: 45px;
}
.c-card-intro__thumb {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-card-intro__thumb .icon {
width: 140px;
height: 60px;
margin-bottom: 5px;
}
.c-card-intro__thumb .txt {
color: #194146;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.4375rem;
text-align: center;
}
.c-card-intro__brand {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.5rem;
text-align: center;
}
.c-card-intro__title {
color: #333333;
font-weight: 500;
font-size: 1.5rem;
line-height: 1.625rem;
text-align: center;
padding-bottom: 30px;
}
.c-card-intro__date {
color: #194146;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.5rem;
text-align: center;
margin-bottom: 15px;
text-transform: uppercase;
}
.c-card-intro__subtitle {
font-size: 0.875rem;
line-height: 1.5rem;
color: #333333;
text-align: center;
padding-bottom: 30px;
}
.c-card-intro__claim {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5rem;
text-align: center;
text-transform: uppercase;
margin: auto;
padding-bottom: 30px;
}
.c-card-intro__claim span {
display: block;
}
.c-card-intro__claim span:nth-child(2n+1) {
color: #9e998b;
}
.c-card-intro__claim span:nth-child(2n) {
color: #bdb08e;
}
.c-card-intro__claim span:nth-child(2n+3) {
color: #d1c192;
}
.c-card-intro__claim.c26 {
font-size: 0.9375rem;
}
.c-card-claim {
width: 100%;
max-width: 285px;
margin: 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding-top: 5%;
padding-bottom: 45px;
position: relative;
}
.c-card-claim__title {
color: #194146;
font-weight: 600;
font-size: 1.125rem;
line-height: 1.375rem;
text-align: center;
margin-bottom: 30px;
}
.c-card-claim__subtitle {
font-size: 0.875rem;
line-height: 1.5rem;
color: #004650;
text-align: center;
margin-top: auto;
}
.c-card-claim__embed {
height: 0;
margin-bottom: 20px;
position: relative;
overflow: hidden;
width: 100%;
}
.c-card-claim__embed iframe, .c-card-claim__embed object, .c-card-claim__embed embed {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.c-card-claim__embed video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.c-card-claim__embed.video {
height: 540px;
margin: 0 auto;
position: relative;
}
.c-card-claim__embed.video .icon {
width: 60px;
height: 25px;
border-radius: 15px;
background-color: #3B3935;
box-shadow: 2px 2px 20px 0 rgba(180,150,130,0.1);
color: #FFF;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.05rem;
line-height: 1rem;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -30px;
margin-top: -12.5px;
z-index: 2;
}
.c-card-claim__embed.video .icon:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent #FFF;
margin-left: 10px;
}
.c-card-claim__embed.video .txt {
position: absolute;
top: 12.5%;
left: 0;
width: 100%;
text-transform: uppercase;
line-height: 1;
z-index: 2;
}
.c-card-claim__embed.video .txt p {
color: #FFF;
text-align: center;
font-size: 1.5rem;
font-weight: 600;
}
.c-card-claim__embed.video .txt p time {
display: block;
}
.c-card-claim__embed.video .txt p.live {
font-size: 3rem;
font-weight: 600;
line-height: 1;
margin-bottom: 35px;
}
.c-card-claim__embed.video .txt p.live:after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50%;
overflow: hidden;
margin-left: 10px;
margin-top: 5px;
vertical-align: top;
}
.c-card-claim__embed.video:before {
content: '';
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,.4);
width: 100%;
height: 100%;
z-index: 2;
-o-object-fit: cover;
object-fit: cover;
max-height: 540px;
transition: background-color .3s;
}
.c-card-claim__embed.video:hover {}
.c-card-claim__embed.video:hover:before {
background-color: rgba(0,0,0,.3);
}
.c-card-claim__embed.ratio-3-2 {
padding-bottom: 66.66%;
}
.c-card-claim__embed.ratio4-3 {
padding-bottom: 75%;
}
.c-card-claim__embed.ratio8-5 {
padding-bottom: 62.5%;
}
.c-card-claim__embed.ratio16-9 {
padding-bottom: 56.25%;
}
.c-card-claim__embed.ratio256-81 {
padding-bottom: 31.64062%;
}
.c-card-claim__media {
display: none;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin: 0 auto;
background-color: #FFF;
}
.c-card-claim__media-top-left {
margin: 5% auto 0;
max-width: 90%;
}
.c-card-claim__media-top-left video, .c-card-claim__media-top-left .video-js.vjs-fluid {
width: 100%;
height: 100%;
padding-top: 0;
}
.c-card-claim__media-top-left video .vjs-poster, .c-card-claim__media-top-left .video-js.vjs-fluid .vjs-poster {
background-color: transparent;
background-size: 100%;
height: 0;
padding-top: 56.25%;
}
.c-card-claim__media-top-left video .vjs-big-play-button, .c-card-claim__media-top-left .video-js.vjs-fluid .vjs-big-play-button {
display: none;
}
.c-card-claim__media-top-left video .vjs-tech, .c-card-claim__media-top-left .video-js.vjs-fluid .vjs-tech {
position: relative;
}
.c-card-claim__media-top-right {
display: none;
}
.c-card-claim__media-bottom-left {
margin: 0 2.5% 5% 5%;
}
.c-card-claim__media-bottom-right {
margin: 0 5% 5% 2.5%;
}
.c-card-claim__poster {
max-width: 530px;
width: 100%;
margin-bottom: 20px;
}
.c-card-article {
display: -ms-grid;
display: grid;
-ms-grid-columns: calc(50% - 15px) calc(50% - 45px);
grid-template-columns: calc(50% - 15px) calc(50% - 45px);
grid-column-gap: 30px;
position: relative;
}
.c-card-article__type {
text-transform: uppercase;
color: #bb002e;
font-size: 0.5rem;
letter-spacing: 0.0625rem;
line-height: 0.3125rem;
margin-bottom: 10px;
}
.c-card-article__title {
color: #333333;
font-size: 1.875rem;
line-height: 2.5rem;
}
.c-card-article__title a {
color: #333333;
word-break: break-word;
}
.c-card-article__subtitle {
color: #333333;
font-size: 1rem;
line-height: 1.625rem;
word-break: break-word;
}
.c-card-article__more span {
display: none;
}
.c-card-article__more:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.c-card-article__thumb {
margin-left: auto;
position: relative;
}
.c-card-article__thumb .icon {
width: 60px;
height: 25px;
border-radius: 15px;
background-color: rgba(51,51,51,0.75);
box-shadow: 2px 2px 20px 0 rgba(180,150,130,0.1);
color: #FFF;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.05rem;
line-height: 1rem;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -30px;
margin-top: -12.5px;
}
.c-card-article__thumb .icon:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent #FFF;
margin-left: 10px;
}
.c-card-article__share {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
margin-top: auto;
margin-bottom: 0;
}
.c-card-article__share .c-icon {
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #333333;
color: #333333;
}
.c-card-article__share .c-icon svg {
width: 60%;
height: 60%;
}
.c-card-article__share .c-icon + .c-icon {
margin-left: 7px;
}
.c-card-article__txt {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.c-card-article-type-1 .c-card-article__txt {}
.c-card-article-type-1 .c-card-article__title {
font-size: 1rem;
line-height: 1.25rem;
}
.c-card-article-type-1 .c-card-article__subtitle {
display: none;
}
.c-card-article-type-1 .c-card-article__share {
margin-bottom: 20px;
}
.c-card-article-type-2 .c-card-article__title {
font-size: 0.8125rem;
line-height: 1.0625rem;
}
.c-card-article-type-2 .c-card-article__subtitle {
display: none;
}
.c-card-article-type-3 .c-card-article__title {
font-size: 0.8125rem;
line-height: 1.0625rem;
}
.c-card-article-type-3 .c-card-article__subtitle {
display: none;
}
.c-card-article + .c-card-article {
margin-top: 30px;
}
.c-card-author {
position: relative;
max-width: 70%;
margin: 0 auto;
}
.c-card-author__thumb {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.c-card-author__thumb img {
width: 100%;
height: 100%;
max-width: 100px;
max-height: 100px;
}
.c-card-author__signature {
padding-right: 15px;
}
.c-card-author__name {
font-size: 1rem;
letter-spacing: 0.025rem;
color: #333333;
font-weight: 300;
text-transform: uppercase;
}
.c-card-author__position {
font-size: 0.875rem;
line-height: 1.125rem;
text-transform: uppercase;
letter-spacing: 0.02625rem;
color: #bb002e;
}
.c-card-author__title {
color: #333333;
letter-spacing: 0;
font-size: 1.75rem;
line-height: 2rem;
text-transform: uppercase;
}
.c-card-author__title a {
color: #333333;
}
.c-card-zone {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.c-card-zone img {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column: 1;
grid-column-start: 1;
height: 70px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-card-zone figcaption {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column: 1;
grid-column-start: 1;
background-color: #030303;
color: #FFF;
text-transform: uppercase;
margin-left: auto;
padding: 0 15px;
display: block;
font-size: 1rem;
line-height: 2.25rem;
}
.c-card-zone figcaption a {
color: #FFF;
display: block;
}
.c-card-buy {}
.c-card-buy__date {
font-weight: 600;
text-align: center;
font-size: 1rem;
line-height: 1.4;
letter-spacing: 0.025rem;
color: #333333;
margin-bottom: 4px;
}
.c-card-buy__date span {
display: block;
}
.c-card-buy__price {
font-size: 3.4375rem;
line-height: 5rem;
letter-spacing: -0.06875rem;
color: #333333;
font-weight: 700;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: baseline;
align-items: baseline;
}
.c-card-buy__price small {
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: normal;
letter-spacing: 0.02813rem;
padding-left: 2.5%;
text-transform: uppercase;
}
.c-card-buy__flash {
color: #bb002e;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 1rem;
line-height: 1.75rem;
letter-spacing: -0.0125rem;
}
.c-card-buy__flash span {
text-decoration: line-through;
padding-right: 5px;
}
.c-card-buy__cta {
width: 120px;
height: 32px;
margin: 0 auto;
border-radius: 20px;
color: #FFF;
text-transform: uppercase;
font-size: 0.875rem;
line-height: 1.75rem;
letter-spacing: 0.02188rem;
text-align: center;
background-color: #BB002E;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
margin-top: 20px;
margin-bottom: 25px;
}
.c-card-buy__include {
font-weight: 700;
font-size: 1rem;
line-height: 1.25rem;
letter-spacing: 0.025rem;
color: #333333;
margin-bottom: 8px;
}
.c-card-buy__list {
margin-bottom: 18px;
}
.c-card-buy__list > li {
background: url(../img/svg/check.svg) no-repeat top left;
padding-left: 30px;
text-align: left;
font-size: 1rem;
line-height: 1.25rem;
letter-spacing: 0.02188rem;
color: #333333;
}
.c-card-buy__list > li:not(:last-child) {
margin-bottom: 5px;
}
.c-card-buy__options input[type="checkbox"] {
display: none;
}
.c-card-buy__options .u-grid {
grid-gap: 3px;
}
.c-card-buy__options .u-grid label {
box-sizing: border-box;
border: 1px solid #333333;
height: 175px;
margin: 1px;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
transition: all .3s;
padding: 20px 12px 8px 12px;
}
.c-card-buy__options #type-1:checked ~ .u-grid label[for="type-1"], .c-card-buy__options #type-2:checked ~ .u-grid label[for="type-2"], .c-card-buy__options #type-3:checked ~ .u-grid label[for="type-3"], .c-card-buy__options #type-4:checked ~ .u-grid label[for="type-4"] {
color: #666;
box-shadow: 0px 6px 8px #00000029;
border: 3px solid #BB002E;
padding: 19px 12px 7px 12px;
}
.c-card-buy__options #type-1:checked ~ .u-grid label[for="type-1"] .c-card-buy__options__price, .c-card-buy__options #type-2:checked ~ .u-grid label[for="type-2"] .c-card-buy__options__price, .c-card-buy__options #type-3:checked ~ .u-grid label[for="type-3"] .c-card-buy__options__price, .c-card-buy__options #type-4:checked ~ .u-grid label[for="type-4"] .c-card-buy__options__price {
color: #BB002E;
}
.c-card-buy__options__type {
font-weight: 300;
font-size: 1.125rem;
letter-spacing: 0.02813rem;
text-align: center;
line-height: 1;
margin-bottom: 4px;
}
.c-card-buy__options__type span {
display: block;
font-size: 1.875rem;
letter-spacing: 0.04688rem;
text-align: center;
}
.c-card-buy__options__date {
font-size: 1rem;
line-height: 1.2;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.c-card-buy__options__date span {
display: block;
}
.c-card-buy__options__date:not(.small) {
font-size: 1.125rem;
}
.c-card-buy__options__price {
color: #333333;
margin-top: auto;
letter-spacing: -0.01875rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: baseline;
align-items: baseline;
font-size: 0.75rem;
transition: color .3s;
}
.c-card-buy__options__price span {
letter-spacing: -0.0375rem;
font-weight: bold;
font-size: 1.875rem;
margin-right: 5px;
}
.c-card-buy__options__cost {
color: #333;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.025rem;
margin: 20px 0 25px;
}
.c-card-buy__options__cost strong {
font-weight: bold;
}
.c-card-buy__options__cost + .c-card-buy__cta {
margin-top: 0;
margin-bottom: 40px;
}
.c-card-buy-online {}
.c-card-buy-claim {}
.c-card-buy-claim:not(.nopadding) {
padding: 5% 0;
}
.c-card-buy-claim__box {
padding: 5% 0;
color: #FFF;
max-width: 70%;
width: 100%;
margin: 0 auto;
}
.c-card-buy-claim__box p {
color: #333333;
font-weight:500;
}
.c-card-buy-claim__box:not(:last-child) {
border-bottom: 3px solid #EED5E3;
}
.c-card-buy-claim__t1 {
font-size: 1.25rem;
line-height: 1.625rem;
letter-spacing: 0;
text-align: left;
color: #FFF;
text-transform: uppercase;
margin-bottom: 5%;
}
.c-card-buy-claim__date {
font-size: 1rem;
line-height: 1.75rem;
font-weight: 300;
color: #333333;
text-transform: uppercase;
}
.c-card-buy-claim__n2 {
font-weight: 700;
font-size: 3.4375rem;
line-height: .8;
letter-spacing: 0;
color: #333333;
}
.c-card-buy-claim__s2 {
font-size: 1.125rem;
line-height: 1.75rem;
letter-spacing: 0.02813rem;
color: #333333;
text-transform: uppercase;
}
.c-card-buy-claim__s2b {
display: block;
font-size: 1.125rem;
line-height: 1.75rem;
letter-spacing: 0.02813rem;
color: #333333;
margin-bottom: 2.5%;
}
.c-card-buy-claim__s2c {
display: block;
font-size: 1.125rem;
line-height: 1.75rem;
letter-spacing: 0.02813rem;
color: #333333;
}
.c-card-buy-claim__t3 {
font-size: 1.125rem;
line-height: 1.125rem;
letter-spacing: 0.02813rem;
text-align: left;
color: #333333;
text-transform: uppercase;
display: block;
width: 100%;
}
.c-card-buy-claim__s3 {
font-size: 0.875rem;
line-height: 1.125rem;
letter-spacing: 0;
color: #333333;
max-width: 120px;
display: inline-block;
vertical-align: sub;
padding-left: 5%;
}
.c-card-buy-claim__s3b {
font-size: 1.125rem;
line-height: 1.75rem;
letter-spacing: 0.02813rem;
color: #333333;
}
.c-card-buy-claim__n3 {
font-weight: 700;
font-size: 2.8125rem;
line-height: 5rem;
letter-spacing: 0;
color: #FFF;
}
.c-card-buy-claim__t4 {
font-size: 1.25rem;
font-weight: 300;
color: #FFF;
text-transform: none;
line-height: 1.3;
margin-bottom: 5px;
}
.c-card-buy-claim__s4 {
font-size: 1.25rem;
font-weight: 300;
color: #FFF;
line-height: 1.3;
}
.c-card-buy-claim__s4 strong {
font-weight: 700;
display: block;
font-size: 1rem;
letter-spacing: 0;
}
.c-card-buy-claim__t5 {
font-size: 1rem;
font-weight: 300;
color: #FFF;
line-height: 1.3;
}
.c-card-buy-claim__t5 strong {
display: block;
font-size: 1.25rem;
font-weight: 700;
}
.c-card-buy-claim__t5 .u-flex {
width: 100%;
margin: 15px 0 25px;
}
.c-card-buy-claim__t5 .u-flex img {
width: 100%;
max-width: 131px;
margin-right: auto;
}
.c-card-buy-claim__t5 .u-flex span {
width: 100%;
max-width: calc(100% - 151px);
text-align: left;
font-size: 1rem;
line-height: 1.4;
letter-spacing: 0.03438rem;
color: #FFFFFF;
}
.c-card-buy-claim__cta {
border: 2px solid #F6AD32;
border-radius: 30px;
text-align: center;
font-size: 1rem;
letter-spacing: 0.03125rem;
color: #FFFFFF;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
height: 50px;
max-width: 250px;
width: 100%;
cursor: pointer;
transition: background-color .3s;
}
.c-card-buy-claim__cta:hover {
background-color: rgba(255,255,255, .1);
}
.c-card-buy-claim__t6 {
font-size: 1rem;
font-weight: 300;
color: #FFF;
line-height: 1.3;
}
.c-card-buy-claim__t6 strong {
display: block;
font-size: 1.5rem;
font-weight: 600;
}
.c-card-buy-claim__s6 {
font-size: 1rem;
font-weight: 300;
color: #FFF;
line-height: 1.3;
margin-bottom: 10px;
}
.c-card-buy-claim__t7 {
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 300;
color: #FFF;
}
.c-card-buy-claim__s7 {
font-size: 1.25rem;
line-height: 1.625rem;
letter-spacing: 0;
text-align: left;
color: #FFF;
text-transform: uppercase;
margin-bottom: 5%;
font-weight: 600;
}
.c-card-buy__post1 {
text-align: center;
font-size: 1rem;
line-height: 1.125rem;
font-weight: 500;
letter-spacing: 0.03125rem;
margin-bottom: 30px;
}
.c-card-buy__post1 a {
display: inline-block;
text-decoration: underline;
color: #030303;
}
.c-card-buy__post2 {
font-size: 1rem;
line-height: 1.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0rem;
text-align: center;
}
.c-card-buy__post3 {
font-size: 0.75rem;
line-height: 1.75rem;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.025rem;
text-align: center;
margin-bottom: 30px;
}
.c-card-loop {
overflow: hidden;
width: 100%;
/*height: 540px;*/
margin: 0 auto;
position: relative;
padding: 0 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
}
.c-card-loop__video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.c-card-loop__txt {
width: 100%;
text-transform: uppercase;
line-height: 1;
z-index: 2;
}
.c-card-loop__title {
font-family: 'Filosofia',serif;
font-size: 2.1875rem;
line-height: 2rem;
color: #FFF;
margin-bottom: 3px;
text-align: left;
text-transform: none;
}
.c-card-loop__subtitle {
display: none;
}
.c-card-loop__claim {
text-align: center;
/* margin-bottom: 25px;*/
}
.c-card-loop__claim__brand {
width: 100%;
max-width: 240px;
margin: 0 auto 30px;
}
.c-card-loop__claim__title {
text-align: center;
font-size: 1.25rem;
line-height: 1.2;
text-transform: uppercase;
color: #FFF;
font-weight: 300;
}
.c-card-loop__claim__time {
font-size: 1rem;
line-height: 1.25rem;
text-align: center;
color: #FFF;
text-transform: none;
font-weight: normal;
}
.c-card-loop__cta {
width: 120px;
height: 32px;
margin: 0 auto;
border-radius: 20px;
color: #FFF;
text-transform: uppercase;
font-size: 0.875rem;
line-height: 1.75rem;
letter-spacing: 0.02188rem;
text-align: center;
background-color: #F6AD32;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
}
.c-card-loop__reto {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
color: #FFF;
text-transform: none;
font-size: 0.875rem;
padding: 3px 0;
}
.c-card-loop__reto .icon {
border: 2px solid #FFF;
border-radius: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 24px;
height: 24px;
margin-left: 10px;
padding: 5px;
transition: background-color .3s;
}
.c-card-loop__reto .icon:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 12px;
border-color: transparent transparent transparent #FFF;
margin-left: 3px;
}
.c-card-loop__reto:hover .icon {
background-color: rgba(255,255, 255 ,.3);
}
.c-card-loop__icon {}
/*.c-card-loop:before {
content: '';
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,.6);
width: 100%;
height: 100%;
z-index: 2;
-o-object-fit: cover;
object-fit: cover;
max-height: 540px;
transition: background-color .3s;
}*/
.c-card-preface {}
.c-card-preface__txt {
width: 100%;
margin: 0 auto;
max-width: 70%;
padding: 30px 0 40px;
}
.c-card-preface__txt > p {}
.c-card-preface__txt > p:not(.c-card-preface__type) {
font-weight: 300;
font-size: 0.875rem;
line-height: 1.25rem;
margin-top: 20px;
}
.c-card-preface__txt > p:not(.c-card-preface__type) span {
font-weight: normal;
}
.c-card-preface__txt > p:not(.c-card-preface__type) strong {
font-weight: bold;
}
.c-card-preface__type {
font-size: 1rem;
line-height: 1.375rem;
font-weight: 300;
letter-spacing: 0.025rem;
text-transform: uppercase;
margin-bottom: 10px;
}
.c-card-preface__title {
font-size: 1.5rem;
line-height: 1.625rem;
text-transform: uppercase;
font-weight: 600;
}
.c-card-preface__cta {
width: 120px;
height: 32px;
margin: 0 auto;
border-radius: 20px;
color: #FFF;
text-transform: uppercase;
font-size: 0.875rem;
line-height: 1.75rem;
letter-spacing: 0.02188rem;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
margin-top: 35px;
}
.c-card-preface__cta:not(.u-bg-fus-02):not(.u-bg-fus-03) {
background-color: #EED5E3;
}
.c-card-preface__thumb {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
-ms-flex-align: center;
align-items: center;
-ms-grid-row-align: start;
align-self: start;
}
.c-card-preface__thumb__item {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column: 1;
grid-column-start: 1;
opacity: 0;
width: 100%;
}
.c-card-preface__thumb__item:first-child {
opacity: 1;
}
.c-card-welcome {
box-sizing: border-box;
width: 100%;
background-color: #FFF;
padding: 10% 0 10% 0;
}
.c-card-welcome__title {
color: #0071AD;
font-size: 1.625rem;
font-weight: 600;
line-height: 1.625rem;
text-align: center;
}
.c-card-welcome__subtitle {
color: #194146;
font-size: 1rem;
line-height: 1.625rem;
}
.c-card-welcome__title, .c-card-welcome__subtitle, .c-card-welcome__nav {
max-width: 90%;
margin: 30px auto;
}
.c-card-welcome__txt {
counter-reset: point;
max-width: calc(90% - 95px);
margin: 0 auto 20px;
}
.c-card-welcome__txt p {
color: #194146;
font-size: 0.8125rem;
line-height: 1.5rem;
position: relative;
}
.c-card-welcome__txt p strong {
color: #194146;
font-weight: 600;
}
.c-card-welcome__txt p::before {
counter-increment: point;
content: counter(point);
color: #009FE4;
font-size: 3.75rem;
font-weight: 600;
line-height: 3.75rem;
text-align: center;
display: block;
width: 60px;
height: 60px;
position: absolute;
left: -70px;
top: 0;
}
.c-card-welcome__txt p:not(:last-child) {
margin-bottom: 15px;
}
.c-card-welcome__txt img {
display: block;
margin: 20px auto 20px;
}
.c-card-welcome__nav {
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-card-welcome__cta {
text-align: center;
color: #194146;
font-family: 'Montserrat',sans-serif;
font-size: 0.59375rem;
font-weight: 600;
letter-spacing: 0.05688rem;
line-height: 0.75rem;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.c-card-welcome__cta:after {
content: '';
display: block;
width: 100%;
height: 2px;
margin-top: 5px;
background-color: #0071AD;
}
.c-card-welcome__signature {
margin-bottom: 20px;
}
.c-card-welcome__signature .name, .c-card-welcome__signature .position {
font-size: 0.6875rem;
letter-spacing: 0.03125rem;
line-height: 1.125rem;
text-align: center;
color: #004650;
}
.c-card-welcome__signature .name {
font-weight: 600;
border-top: 1px solid rgba(180,150,130,0.5);
max-width: 85%;
margin: 0 auto;
padding-top: 5px;
}
.c-card-welcome__signature .thumb {
margin: 0 auto;
display: block;
}
.c-card-sponsor {
position: relative;
}
.c-card-sponsor__title {
font-size: 1rem;
height: 30px;
line-height: 1.3;
font-weight: 500;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
color: #FFF;
margin-bottom: 15px;
}
.c-card-sponsor__title a {
color: #FFF;
text-decoration: none;
margin: auto;
}
.c-card-sponsor__title a:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.c-card-sponsor__thumb {}
.c-card-stand {
margin: 0 auto;
}
.c-card-stand__thumb {
position: relative;
max-width: 100%;
margin: 0 auto;
z-index: 1;
}
.c-card-stand__thumb__img {
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.3)));
width: 100%;
margin: 0 auto;
max-height: 270px;
-o-object-fit: cover;
object-fit: cover;
}
.c-card-stand__thumb__title {
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
color: #FFF;
font-size: 1.25rem;
font-weight: 600;
line-height: 1;
z-index: 2;
padding: 15px 0;
}
.c-card-stand__thumb__title a {
color: #FFF;
text-decoration: none;
}
.c-card-stand__thumb__title a:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.c-card-stand__thumb:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(51,51,51,0.5);
z-index: 1;
}
.c-card-stand__txt {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 300px;
margin: 15px auto 0;
background: #000;
position: relative;
height: 375px;
box-sizing: border-box;
padding: 20px;
z-index: 2;
}
.c-card-stand__txt .top {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 5px 0;
}
.c-card-stand__txt .top .type {
color: #3C828C;
font-family: 'Montserrat',sans-serif;
font-size: 0.5rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
text-transform: uppercase;
}
.c-card-stand__txt .top .star {
color: #05DCDC;
width: 15px;
height: 15px;
}
.c-card-stand__txt .middle {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 15px;
}
.c-card-stand__txt .middle .thumb {
margin-bottom: 5px;
}
.c-card-stand__txt .middle .title {
font-family: 'Montserrat',sans-serif;
color: #FFF;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.01563rem;
line-height: 0.9375rem;
}
.c-card-stand__txt .middle .subtitle {
color: #FFF;
}
.c-card-stand__txt .middle .txt h2 {
font-family: 'Montserrat',sans-serif;
color: #FFF;
font-size: 0.75rem;
font-weight: 400;
}
.c-card-stand__txt .middle .txt p {
font-family: 'Montserrat',sans-serif;
color: #FFF;
font-size: 0.75rem;
font-weight: 200;
}
.c-card-stand__txt .middle > .col {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.c-card-stand__txt .bottom {
margin-top: auto;
padding-top: 10px;
}
.c-card-stand__txt .bottom .more {
text-align: center;
color: #FFF;
font-family: 'Montserrat',sans-serif;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
text-transform: uppercase;
}
.c-card-stand__txt .bottom .more:after {
content: '';
display: block;
width: 100%;
height: 2px;
margin-top: 5px;
background-color: #05DCDC;
}
.c-card-thumb {
height: 180px;
position: relative;
}
.c-card-thumb img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.c-card-thumb__title {
color: #FFF;
font-family: 'Montserrat',sans-serif;
font-size: 2rem;
letter-spacing: 0.03125rem;
line-height: 1;
text-align: center;
font-weight: 600;
top: 0;
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 2;
}
.c-card-auditorio {}
.c-card-auditorio__title {
color: #584B3F;
font-size: 1.5rem;
font-weight: 600;
text-transform: uppercase;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1;
padding-bottom: 5px;
margin-right: -20px;
}
.c-card-auditorio__thumb {
height: 300px;
position: relative;
width: 90%;
margin: 0 auto;
}
.c-card-auditorio__thumb img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.c-card-auditorio__thumb .c-card-intro__thumb {
position: absolute;
top: 50%;
left: 50%;
margin-left: -80px;
margin-top: -38px;
}
.c-card-auditorio__thumb .c-card-intro__thumb .txt {
color: #FFF;
}
.c-card-auditorio__thumb:before {
content: attr(data-title);
position: absolute;
border-left: 2px solid #FFF;
border-bottom: 2px solid #FFF;
top: 0;
right: 0;
padding: 10px;
white-space: nowrap;
color: #FFF;
z-index: 99999;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.08313rem;
text-align: right;
text-transform: uppercase;
line-height: 0.9375rem;
}
.c-card-auditorio__txt {
padding: 20px 0 20px;
}
.c-card-auditorio__txt .c-form__subtitle {
color: #3C828C;
max-width: inherit;
margin-bottom: 20px;
}
.c-card-auditorio__txt .c-form__text {
text-align: center;
}
.c-card-auditorio__txt .c-form__text input[type="email"] {
text-align: center;
}
.c-card-auditorio__txt .c-form__text span {
text-align: center;
}
.c-card-auditorio__txt .c-form__button {
width: 100px;
}
.c-card-avatar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
max-width: 90%;
margin: 0 auto;
padding: 40px 0;
}
.c-card-avatar__txt {
width: 100%;
max-width: calc(100% - 120px);
}
.c-card-avatar__title {
font-size: 0.875rem;
font-weight: 300;
line-height: 1.5rem;
color: #333333;
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
letter-spacing: 0.02188rem;
}
.c-card-avatar__thumb {
width: 100%;
max-width: 120px;
}
.c-card-avatar__thumb .filepond--root {
height: 120px;
margin: 0;
padding: 0;
}
.c-card-avatar__thumb .filepond--panel-root {
border-radius: 0;
}
.c-card-avatar__thumb .filepond--root .filepond--drop-label {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
font-family: 'Montserrat',sans-serif;
font-size: 0.8125rem;
}
.c-card-recipe {
border-radius: 20px;
background-color: #FFF;
box-shadow: 2px 2px 20px 0 rgba(180,150,130,0.1);
padding: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.c-card-recipe .txt {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.c-card-recipe .category {
color: #3C828C;
font-size: 0.5rem;
font-weight: 600;
letter-spacing: 0.0625rem;
line-height: 0.625rem;
text-transform: uppercase;
margin-bottom: 5px;
}
.c-card-recipe .title {
color: #3C2814;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.01563rem;
line-height: 0.9375rem;
}
.c-card-recipe .more {
text-align: center;
color: #464646;
font-family: 'Montserrat',sans-serif;
font-size: 0.5rem;
font-weight: 600;
letter-spacing: 0.04813rem;
line-height: 0.625rem;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
text-transform: uppercase;
margin-top: auto;
}
.c-card-recipe .more:after {
content: '';
display: block;
width: 100%;
height: 2px;
margin-top: 5px;
background-color: #05DCDC;
}
.c-card-banner {
position: relative;
}
.c-card-banner .c-form__button {
margin-top: auto;
margin-bottom: 30px;
width: 80px;
}
.c-card-banner__txt {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px 0;
}
.c-card-banner__thumb {
-ms-grid-row: 1;
grid-row-start: 1;
}
.c-card-banner__title {
-ms-grid-row: 1;
grid-row-start: 1;
color: #FFF;
font-weight: 600;
font-size: 1.375rem;
line-height: 1;
text-transform: uppercase;
text-align: center;
margin-bottom: 15px;
}
.c-card-banner__subtitle {
-ms-grid-row: 1;
grid-row-start: 1;
color: #FFF;
font-size: 0.8125rem;
text-align: center;
line-height: 1.2;
}
.scene {
background: linear-gradient(180deg, rgba(119, 119, 119) 60%, rgba(0,0,0,1) 100%);
}
.cube {
position: relative;
width: 100%;
}
.scene {
width: 360px;
height: 360px;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #cfcfcf;
margin: 0 auto;
perspective: 1200px;
-o-border-image: linear-gradient(180deg, rgba(207, 207, 207,1) 60%, rgba(0,0,0,1) 100%);
border-image: linear-gradient(180deg, rgba(207, 207, 207,1) 60%, rgba(0,0,0,1) 100%);
border-image-slice: 1;
}
.cube {
width: 360px;
position: relative;
transform-style: preserve-3d;
transform: translateZ(-180px);
}
.cube__face {
position: absolute;
width: 360px;
}
.cube__face--front {
background: hsla(0, 100%, 50%, 0.7);
}
.cube__face--right {
background: #b1b1b1;
}
.cube__face--back {}
.cube__face--left {
background: #b1b1b1;
}
.cube__face--top {
background: #858585;
}
.cube__face--bottom {
background: hsla(300, 100%, 50%, 0.7);
}
.cube__face--front {
transform: rotateY(0deg) translateZ(180px);
}
.cube__face--right {
transform: rotateY(90deg) translateZ(180px);
}
.cube__face--back {
transform: rotateY(0deg) translateZ(60px);
}
.cube__face--left {
transform: rotateY(-90deg) translateZ(180px);
}
.cube__face--top {
transform: rotateX(90deg) translateZ(180px);
}
.cube__face--bottom {
transform: rotateX(-90deg) translateZ(180px);
}
.effect-3d {
border-left: 60px #d00 solid;
border-right: 60px solid #d00;
max-width: 600px;
position: relative;
}
.effect-3d:before {
content: '';
-webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 16% 100%);
clip-path: polygon(0 0, 100% 0, 85% 100%, 16% 100%);
display: block;
width: 100%;
height: 15px;
background-color: #5d9dc9;
}
.c-opinion {}
.c-opinion__epigraph {
font-size: 1.25rem;
font-weight: 600;
letter-spacing: -0.035rem;
line-height: 1.25rem;
}
.c-opinion__epigraph:not(.u-color-gas-13):not(.u-color-gas-03):not(.u-color-gas-04) {
color: #13516C;
}
.c-opinion__epigraph:not(.u-color-gas-04) {
width: 135px;
margin-left: auto;
text-align: right;
}
.c-opinion__epigraph.u-color-gas-04 {
margin-bottom: 15px;
}
.c-opinion__name {
font-size: 1.125rem;
font-weight: 600;
letter-spacing: -0.0375rem;
line-height: 1.125rem;
text-align: right;
text-transform: uppercase;
width: 135px;
}
.c-opinion__name:not(.u-color-gas-13):not(.u-color-gas-03) {
color: #00A5C1;
}
.c-opinion__signature {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.c-opinion__thumb {
height: 60px;
width: 60px;
border-radius: 50%;
overflow: hidden;
}
.c-opinion__title {
font-size: 0.9375rem;
font-weight: 600;
line-height: 1.6875rem;
}
.c-opinion__title a {
text-decoration: underline;
text-underline-position: under;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
text-decoration-thickness: 2px;
}
.c-opinion__title a:not(.u-color-gas-13):not(.u-color-gas-03) {
color: #00A5C1;
-webkit-text-decoration-color: #33E1FF;
text-decoration-color: #33E1FF;
}
.c-opinion__title:not(.u-color-gas-13):not(.u-color-gas-03) {
color: #00A5C1;
}
[data-barba="container"] {
position: absolute;
top: 0px;
left: 0px;
min-height: 100%;
width: 100vw;
}
[data-barba-namespace="home"] {
z-index: 100;
}
[data-barba-namespace^="block"] {
z-index: 101;
background-color: #fff;
}
.block1-detail-transition {
display: none;
opacity: 0;
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
top: 0px;
left: 50%;
transform: translateX(-50%);
background-color: #000;
perspective: 600px;
overflow: hidden;
}
.block1-detail-transition .images {
position: relative;
width: 100%;
height: 100%;
transform-style: preserve-3d;
}
.block1-detail-transition img {
position: absolute;
z-index: 101;
width: 1290px;
height: 870px;
max-width: none;
opacity: .4;
background-color: #000;
}
.block1-detail-transition .image1 {
transform: translateZ(-1000px);
}
.block1-detail-transition .image2 {
transform: translateX(1193px) translateZ(-1352px) rotateY(33deg);
}
.block1-detail-transition .image3 {
transform: translateX(2382px) translateZ(-1705px);
}
.block1-detail-transition .image4 {
transform: translateX(3574px) translateZ(-2059px) rotateY(33deg);
}
.block1-detail-transition .image5 {
transform: translateX(4765px) translateZ(-2412px);
}
.c-expo {
overflow: hidden;
}
.c-expo .slick-list {
overflow: visible;
}
.c-expo .slick-slide:not(.slick-current) .c-card-stand__txt {
opacity: 0;
}
.c-expo .slick-disabled {
display: none !important;
}
.c-expo .doors {
display: none;
position: absolute;
z-index: 100;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000;
}
.c-expo .door {
position: absolute;
z-index: 102;
top: 0px;
width: 50%;
height: 100%;
background-color: rgb(51,51,51);
transform: perspective(550px);
}
.c-expo .door .image {
opacity: 0.5;
width: 100%;
height: 100%;
background-size: cover;
}
.c-expo .door.left {
left: 0px;
transform-origin: left;
}
.c-expo .door.right {
right: 0px;
transform-origin: right;
}
.c-expo .door.right .image {
background-position-x: right;
}
.c-expo .doors img {
position: absolute;
z-index: 101;
left: 0px;
top: 0px;
filter: blur(15px);
opacity: 0.4;
}
.c-expo {
z-index: 3;
}
.c-expo .c-card-thumb img {
opacity: .7;
}
.c-expo__section {}
.c-expo__section__title {
font-family: 'Montserrat',sans-serif;
font-size: 1.75rem;
letter-spacing: 0.03125rem;
line-height: 1;
text-align: center;
padding: 5px 0;
text-transform: uppercase;
}
.c-expo__section__title:not(.u-color-white) {
color: #584B3F;
}
.c-expo__section__subtitle {
font-family: 'Montserrat',sans-serif;
font-size: 1rem;
letter-spacing: 0.03125rem;
line-height: 1;
text-align: center;
padding: 5px 0;
text-transform: uppercase;
}
.c-expo__section__subtitle:not(.u-color-white) {
color: #B49682;
}
.c-expo__line {
width: 100%;
min-height: 720px;
padding: 0;
margin: 0 auto;
}
.c-expo__line .slick-list {
padding: 0 !important;
}
.c-expo__line .slick-slide {
opacity: .6;
}
.c-expo__line .slick-slide.slick-current {
opacity: 1;
}
.c-expo__line .slick-prev, .c-expo__line .slick-next {
position: absolute;
top: 50%;
width: 24px;
height: 24px;
margin-top: -12px;
display: block;
z-index: 2;
border-radius: 0;
border: none;
background: transparent url(../img/icon/angle-left.svg) no-repeat center center;
cursor: pointer;
outline: none;
text-indent: -999em;
padding: 0;
}
.c-expo__line .slick-prev {
left: 0;
}
.c-expo__line .slick-next {
right: 0;
transform: rotate(180deg);
}
.c-expo__line .slick-dots {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 0;
}
.c-expo__line .slick-dots li {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-expo__line .slick-dots li button {
cursor: pointer;
border: none;
height: 4px;
width: 30px;
background-color: rgba(5,220,220,0.3);
}
.c-expo__line .slick-dots li.slick-active button {
background-color: #05DCDC;
}
.c-expo__line .slick-dots li + li {
margin-left: 10px;
}
.c-expo__detail {
display: -ms-grid;
display: grid;
-ms-grid-rows: 90px 1fr;
grid-template-rows: 90px 1fr;
}
.c-expo__detail .c-header {
-ms-grid-row-span: 1;
-ms-grid-row: 1;
grid-row: 1 / span 1;
-ms-grid-column: 1;
grid-column-start: 1;
}
.c-expo__detail__intro {
position: relative;
z-index: 1;
-ms-grid-row-span: 2;
-ms-grid-row: 1;
grid-row: 1 / span 2;
-ms-grid-column: 1;
grid-column-start: 1;
background-color: #030303;
}
.c-expo__detail__intro__nav {
position: absolute;
top: 90px;
width: 100%;
z-index: 2;
}
.c-expo__detail__intro__nav a span {
display: none;
}
.c-expo__detail__intro__nav a:not(:first-child):not(:last-child) {
height: 4px;
width: 30px;
background-color: rgba(5,220,220,0.3);
display: none;
}
.c-expo__detail__intro__nav a:not(:first-child):not(:last-child).current {
background-color: #05DCDC;
}
.c-expo__detail__intro__nav a + a {
margin-left: 10px;
}
.c-expo__detail__intro__nav a:first-child {
margin-right: auto;
margin-left: 15px;
}
.c-expo__detail__intro__nav a:last-child {
margin-left: auto;
margin-right: 15px;
}
.c-expo__detail__intro__nav a:first-child, .c-expo__detail__intro__nav a:last-child {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
color: #05DCDC;
width: 20px;
height: 40px;
}
.c-expo__detail__intro__nav a:first-child svg, .c-expo__detail__intro__nav a:last-child svg {
width: 20px;
height: 40px;
}
.c-expo__detail__intro__thumb {
position: relative;
z-index: 1;
background-color: #000;
}
.c-expo__detail__intro__thumb:before {
position: absolute;
top: 0;
left: 0;
content: '';
background: linear-gradient(0, transparent 70%, rgb(0 0 0) 100%);
z-index: 2;
width: 100%;
height: 100%;
opacity: .8;
}
.c-expo__detail__intro__count {
z-index: 2;
position: absolute;
bottom: 0;
width: 100%;
color: #FFF;
font-size: 1.25rem;
font-weight: 600;
letter-spacing: 0.04188rem;
line-height: 1.5;
}
.c-program {}
.c-program__head {
width: 95%;
padding: 5% 0;
margin-left: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
/* background-image: url("../img/bg/WEB_PROGRAMA_MF2023.png");
background-size: contain;
background-repeat: no-repeat;
*/
}
.c-program__head__title {
font-family: 'Filosofia',serif;
font-size: 2.5rem;
letter-spacing: 0;
line-height: 1;
color: #333;
}
.c-program__head__subtitle {
width: 100%;
max-width: 50ch;
font-size: 0.875rem;
line-height: 1rem;
letter-spacing: 0.02188rem;
color: #333;
}
.c-program__head__txt {}
.c-program__head__thumb {
width: 100%;
max-width: 50%;
margin-bottom: -10%;
margin-right: 0;
margin-left: -20%
}
.c-program__head__thumb img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.c-program__sidebar {}
.c-program__sidebar__box {
width: 90%;
margin: 5% auto 5%;
}
.c-program__sidebar__box > [class*="c-"] {}
.c-program__sidebar__box > [class*="c-"]:not(:last-child) {
margin-bottom: 5%;
}
.c-program__search {
background: #F2F2F2 0% 0% no-repeat padding-box;
box-shadow: 2px 1px 5px #00000029;
border-radius: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.c-program__search form {
box-sizing: border-box;
padding: 10px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.c-program__search form:before {
content: '';
width: 24px;
height: 24px;
display: block;
background: url("../img/icon/search.svg") center center;
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
}
.c-program__search input[type="text"] {
position: relative;
z-index: 1;
text-indent: 29px;
height: 24px;
width: calc(100% - 24px);
}
.c-program__search input[type="text"]:focus {}
.c-program__search input[type="text"]:focus + [type="reset"] {
opacity: 1;
}
.c-program__search input[type="reset"] {
width: 24px;
height: 24px;
border-radius: 50%;
overflow: hidden;
color: #FFF;
background-color: #333333;
opacity: 0;
z-index: 2;
font-size: 0.875rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.c-program__filter .u-grid {
padding-bottom: 20px;
}
.c-program__filter__title {
font-size: 1rem;
line-height: 1.125rem;
font-weight: bold;
letter-spacing: 0.025rem;
color: #333333;
text-transform: uppercase;
margin-bottom: 7.5%;
}
.c-program__filter__item {
text-align: left;
font-size: 0.875rem;
line-height: 1.375rem;
font-weight: 700;
letter-spacing: 0.02188rem;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.c-program__filter__item span {
width: 100%;
display: block;
max-width: 18px;
height: 18px;
position: relative;
border-radius: 3px;
margin-right: 5px;
}
.c-program__filter__item span:before {
content: '';
position: absolute;
width: 2px;
height: 9px;
background-color: #FFF;
left: 10px;
top: 5px;
transform: rotate(45deg);
}
.c-program__filter__item span:after {
content: '';
position: absolute;
width: 4px;
height: 2px;
background-color: #FFF;
left: 5px;
top: 9px;
transform: rotate(45deg);
}
.c-program__filter__item.track-1 {
color: #4EBABA;
}
.c-program__filter__item.track-1 span {
border: 1px solid #4EBABA;
}
.c-program__filter__item.track-1.selected span {
background-color: #4EBABA;
}
.c-program__filter__item.track-2 {
color: #373397;
}
.c-program__filter__item.track-2 span {
border: 1px solid #373397;
}
.c-program__filter__item.track-2.selected span {
background-color: #373397;
}
.c-program__filter__item.track-3 {
color: #EE4771;
}
.c-program__filter__item.track-3 span {
border: 1px solid #EE4771;
}
.c-program__filter__item.track-3.selected span {
background-color: #EE4771;
}
.c-program__filter__item.track-4 {
color: #4FBC86;
}
.c-program__filter__item.track-4 span {
border: 1px solid #4FBC86;
}
.c-program__filter__item.track-4.selected span {
background-color: #4FBC86;
}
.c-program__filter__item.track-5 {
color: #EF7E50;
}
.c-program__filter__item.track-5 span {
border: 1px solid #EF7E50;
}
.c-program__filter__item.track-5.selected span {
background-color: #EF7E50;
}
.c-program__filter__item.track-6 {
color: #3333337F;
}
.c-program__filter__item.track-6 span {
border: 1px solid #3333337F;
}
.c-program__filter__item.track-6.selected span {
background-color: #3333337F;
}
.c-program__filter__item.track-7 {
color: #BB002E;
}
.c-program__filter__item.track-7 span {
border: 1px solid #BB002E;
}
.c-program__filter__item.track-7.selected span {
background-color: #BB002E;
}
.c-program__filter__link {
color: #EF7E50;
text-align: left;
font-size: 0.875rem;
line-height: 1.375rem;
font-weight: 700;
letter-spacing: 0.02188rem;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.c-program__filter__link svg {
width: 21px;
height: 21px;
margin-right: 5px;
}
.c-program__filter__link span {
width: 100%;
max-width: calc(100% - 26px);
display: block;
}
.c-program__filter__link:not(.u-color-madrid) {
color: #0A8BB4;
}
.c-program__item {
display: -ms-grid;
display: grid;
-ms-grid-columns: 30px 1fr;
grid-template-columns: 30px 1fr;
width: 100%;
}
.c-program__item__where {
font-size: 0.6875rem;
line-height: 0;
color: #FFF;
letter-spacing: 0;
text-transform: uppercase;
font-weight: 500;
}
.c-program__item__time {
font-size: 0.5625rem;
line-height: 1;
font-weight: 300;
letter-spacing: 0;
color: #FFF;
}
.c-program__item__info {
background-color: #F6AD32;
text-align: right;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
transform: rotate(180deg);
padding: 5px 10px 10px 0;
border-top: 2px solid #FFF;
}
.c-program__item__content {
border-left: 1px solid #EED5E3;
border-right: 1px solid #EED5E3;
margin-left: 10px;
padding: 0 10px 10px;
min-height: 160px;
display: -ms-flexbox;
display: flex;
}
.c-program__item__content .c-talk {
border-top: 1px solid #EED5E3;
}
.c-program__item__content .c-talk .top .type {
color: #EED5E3;
}
.c-program__item.track-1 .c-program__item__info {
background-color: #4EBABA;
}
.c-program__item.track-2 .c-program__item__info {
background-color: #373397;
}
.c-program__item.track-3 .c-program__item__info {
background-color: #EE4771;
}
.c-program__item.track-4 .c-program__item__info {
background-color: #4FBC86;
}
.c-program__item.track-5 .c-program__item__info {
background-color: #EF7E50;
}
.c-program__item.track-6 .c-program__item__info {
background-color: #3333337F;
}
.c-program__item.track-7 .c-program__item__info {
background-color: #BB002E;
}
.c-program__print {
display: -ms-grid;
display: grid;
-ms-grid-columns: 30px 1fr;
grid-template-columns: 30px 1fr;
width: 100%;
}
.c-program__print__content {
border-left: 1px solid #EED5E3;
border-right: 1px solid #EED5E3;
margin-left: 10px;
padding: 0 10px 10px;
min-height: 100px;
-ms-grid-column: 2;
grid-column-start: 2;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.c-program__print__txt {
border-top: 1px solid #EED5E3;
}
.c-program__print__txt__cta {
outline: none;
cursor: pointer;
color: #FFF;
font-family: 'Montserrat',sans-serif;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.025rem;
line-height: 1.75rem;
text-align: center;
background-color: #BB002E;
border-radius: 20px;
height: 44px;
width: 250px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
transition: all .3s;
margin: 20px auto;
text-transform: uppercase;
}
.c-program__print__txt__claim {
font-size: 0.875rem;
line-height: 1.125rem;
font-weight: 400;
text-align: center;
letter-spacing: 0.02188rem;
color: #333333;
opacity: 1;
max-width: 340px;
margin: 0 auto;
}
.c-program[class*='show-'] .c-program__item {
visibility: hidden;
height: 0;
overflow: hidden;
opacity: 0;
transition: opacity .3s ease-out;
}
.c-program.show-track-1 .c-program__item.track-1 {
visibility: visible;
height: auto;
opacity: 1;
}
.c-program.show-track-2 .c-program__item.track-2 {
visibility: visible;
height: auto;
opacity: 1;
}
.c-program.show-track-3 .c-program__item.track-3 {
visibility: visible;
height: auto;
opacity: 1;
}
.c-program.show-track-4 .c-program__item.track-4 {
visibility: visible;
height: auto;
opacity: 1;
}
.c-program.show-track-5 .c-program__item.track-5 {
visibility: visible;
height: auto;
opacity: 1;
}
.c-program.show-track-6 .c-program__item.track-6 {
visibility: visible;
height: auto;
opacity: 1;
}
.c-program.show-track-7 .c-program__item.track-7 {
visibility: visible;
height: auto;
opacity: 1;
}
.c-detail__share.sticky {
position: fixed;
top: 30px;
}
.c-detail {
margin: 0 5%;
position: relative;
}
.c-detail .c-card-article__share {
-ms-flex-pack: start;
justify-content: flex-start;
}
.c-detail .c-card-article__share:not(:last-child) {
margin-bottom: 20px;
}
.c-detail .c-card-article__share:last-child {
margin-top: 20px;
}
.c-detail__type {
text-transform: uppercase;
font-family: 'Montserrat',sans-serif;
color: #3C828C;
font-size: 0.625rem;
font-weight: 600;
letter-spacing: 0.07813rem;
line-height: 0.75rem;
-ms-grid-row-span: 1;
-ms-grid-row: 1;
grid-row: 1 / span 1;
-ms-grid-column: 1;
grid-column-start: 1;
}
.c-detail__share {
color: #FFF;
-ms-grid-row-span: 2;
-ms-grid-row: 1;
grid-row: 1 / span 2;
}
.c-detail__share .c-icon {
background-color: #19becd;
color: #FFF;
width: 24px;
height: 24px;
}
.c-detail__share .c-icon svg {
max-width: 45%;
max-height: 45%;
}
.c-detail__promo {
background-color: #46321E;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.c-detail__promo .type {
padding: 15px;
text-transform: uppercase;
color: #FFFFFF;
font-size: 0.625rem;
font-weight: 600;
letter-spacing: 0.07813rem;
line-height: 0.75rem;
}
.c-detail__promo .event {
color: #FFF;
font-size: 0.625rem;
font-weight: 500;
letter-spacing: 0.06rem;
line-height: 0.75rem;
text-align: right;
padding: 15px;
}
.c-detail__promo .event span {
text-transform: uppercase;
}
.c-detail__promo > :nth-child(1) {
width: 100%;
max-width: 40%;
box-sizing: border-box;
}
.c-detail__promo > :nth-child(2) {
width: 100%;
max-width: 60%;
box-sizing: border-box;
}
.c-detail__head {
padding: 5% 10%;
-ms-grid-columns: 150px 1fr;
grid-template-columns: 150px 1fr;
display: -ms-grid;
display: grid;
}
.c-detail__body {
padding: 5% 10%;
margin-bottom: 5%;
}
.c-detail__name {
display: none;
}
.c-detail__related {
margin-top: 20px;
margin-bottom: 80px;
}
.c-detail__related__title {
font-size: 0.875rem;
font-weight: 500;
line-height: 1.5rem;
text-align: center;
color: #19BECD;
text-transform: uppercase;
padding: 10px 0;
}
.c-detail__related__wrap {
counter-reset: item;
}
.c-detail__related__wrap .item {
position: relative;
width: 100%;
max-width: 80%;
border-left: 1px solid rgba(180,150,130,0.5);
border-right: 1px solid rgba(180,150,130,0.5);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 auto;
padding: 0 15px;
background-color: #FFF;
}
.c-detail__related__wrap .item .c-talk {
background-color: #FFF;
border-bottom: 1px solid rgba(180,150,130,0.5);
padding-bottom: 30px;
}
.c-detail__related__wrap .item:before {
counter-increment: item;
content: counter(item);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 90px;
width: 90px;
border-radius: 50%;
background-color: rgba(180,150,130,0.1);
position: absolute;
top: 15%;
left: -45px;
font-size: 2.5rem;
line-height: 1.25rem;
color: #19BECD;
}
.c-detail__related__wrap .item:nth-child(2n) {}
.c-detail__related__wrap .item:nth-child(2n):before {
color: #EB6EA5;
left: inherit;
top: inherit;
bottom: 15%;
right: -45px;
}
.c-detail__title {
font-family: 'Montserrat',sans-serif;
color: #3C2814;
font-size: 1rem;
font-weight: 600;
line-height: 1.25rem;
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
display: block;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.c-detail__star {
color: #bb002e;
height: 20px;
width: 20px;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row: 1;
grid-row-start: 1;
justify-self: right;
margin-right: -20%;
}
.c-detail__signature .author {
margin-left: -10%;
margin-bottom: 5%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.c-detail__signature .author .thumb {
width: 30px;
margin: 0;
display: block;
border-radius: 50%;
overflow: hidden;
padding: 0;
margin-left: -3.5px;
margin-right: 10px;
}
.c-detail__signature .author .txt .name {
color: #3C2814;
font-family: 'Montserrat',sans-serif;
font-size: 0.625rem;
font-weight: 600;
line-height: 1rem;
}
.c-detail__signature .author .txt .desc {
color: #3C2814;
font-family: 'Montserrat',sans-serif;
font-size: 0.4375rem;
letter-spacing: 0.03125rem;
line-height: 0.8125rem;
}
.c-detail__thumb {
margin-bottom: 20px;
}
.c-detail__subtitle {
color: #004650;
font-family: 'Montserrat',sans-serif;
font-size: 0.875rem;
line-height: 1.4375rem;
margin-bottom: 20px;
}
.c-detail__claim {
color: #004650;
font-size: 1.375rem;
line-height: 2.25rem;
}
.c-detail__aside {
background-color: #46321E;
padding: 15px 0 30px;
margin-left: -20%;
margin-right: -20%;
margin-bottom: 20px;
}
.c-detail__aside__group {
width: 100%;
}
.c-detail__aside__group__title {
color: #bb002e;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.075rem;
line-height: 0.9375rem;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
}
.c-detail__aside__group__content {}
.c-detail__aside-t2 {
background: #f7f4f2;
padding: 15px 0 30px;
margin-left: -20%;
margin-right: -20%;
}
.c-detail__aside-t3 {
padding: 20px 0;
}
.c-detail__summary {}
.c-detail__summary-cols-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 15px;
padding-top: 15px;
}
.c-detail__summary-blockquote {
box-sizing: border-box;
color: #3C2814;
font-size: 1.625rem;
font-weight: 600;
line-height: 2.25rem;
width: 100%;
max-width: 300px;
margin: 0 0 15px 0;
padding: 0;
height: 300px;
}
.c-detail__summary-card {
margin: 0 0 15px 0;
}
.c-detail__summary-card__thumb {
margin-bottom: 10px;
}
.c-detail__summary-card__thumb img {
margin-bottom: 15px;
}
.c-detail__summary-card__figcaption {
width: 100%;
max-width: 150px;
}
.c-detail__summary-card__figcaption p {
color: #3C2814;
font-size: 0.5rem;
letter-spacing: 0.0625rem;
line-height: 0.75rem;
text-transform: uppercase;
}
.c-detail__summary-card__txt {
width: 100%;
max-width: 150px;
}
.c-detail__summary-card__txt p {
color: #3C2814;
font-size: 0.625rem;
letter-spacing: 0.02813rem;
line-height: 1rem;
}
.c-detail__product {}
.c-detail__product-cols-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 15px;
padding-top: 15px;
}
.c-detail__product-card {
margin: 0 0 15px 0;
}
.c-detail__product-card__thumb {
margin-bottom: 10px;
}
.c-detail__product-card__thumb img {
margin-bottom: 15px;
}
.c-detail__product-card__top {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 5px 0;
}
.c-detail__product-card__top .type {
color: #3C828C;
font-family: 'Montserrat',sans-serif;
font-size: 0.5rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
text-transform: uppercase;
}
.c-detail__product-card__top .star {
color: #bb002e;
width: 15px;
height: 15px;
}
.c-detail__product-card__middle {
margin-bottom: 30px;
max-width: 90%;
}
.c-detail__product-card__middle h1 {
color: #333333;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.375rem;
text-transform: uppercase;
margin-bottom: 10px;
}
.c-detail__product-card__middle h2 {
color: #bb002e;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.125rem;
text-transform: uppercase;
margin-bottom: 11px;
}
.c-detail__product-card__middle p {
color: #333333;
font-size: 0.8125rem;
line-height: 1.25rem;
}
.c-detail__product-card__bottom {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 30px;
max-width: 90%;
}
.c-detail__product-card__bottom h3 {
color: #3C2814;
font-size: 0.8125rem;
font-weight: 600;
line-height: 1rem;
margin-bottom: 10px;
}
.c-detail__product-card__bottom p {
color: #3C2814;
font-size: 0.625rem;
letter-spacing: 0.02813rem;
line-height: 1rem;
}
.c-detail__product-card__bottom a {
color: #3C2814;
font-size: 0.625rem;
letter-spacing: 0.02813rem;
line-height: 1rem;
text-decoration: none;
}
.c-detail__product-card__txt {
width: 100%;
max-width: 150px;
}
.c-detail__product-card__txt p {
color: #3C2814;
font-size: 0.625rem;
letter-spacing: 0.02813rem;
line-height: 1rem;
}
.c-detail__txt {}
.c-detail__txt > p {
color: #3C2814;
font-family: 'Montserrat',sans-serif;
font-size: 0.75rem;
line-height: 1.4375rem;
}
.c-detail__txt > p + p, .c-detail__txt > p + h2, .c-detail__txt > p + h3 {
margin-top: 20px;
}
.c-detail__txt > h2, .c-detail__txt > h3 {
color: #bb002e;
font-family: 'Montserrat',sans-serif;
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 600;
}
.c-detail__txt > h2 + p, .c-detail__txt > h3 + p {
margin-top: 20px;
}
.c-detail__number {
height: 150px;
width: 150px;
border-radius: 50%;
background-color: rgba(180,150,130,0.1);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 5rem;
line-height: 1.25rem;
}
.c-detail-speaker .c-detail__head .c-detail__title, .c-detail-speaker .c-detail__head .c-detail__subtitle {
text-transform: uppercase;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5rem;
}
.c-detail-speaker .c-detail__head .c-detail__subtitle {
color: #EED5E3;
}
.c-detail-speaker .c-box {
border-top: 15px solid #EED5E3;
margin-bottom: 20px;
}
.c-detail-speaker .c-box__title {
color: #3C2814;
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 15px;
line-height: 1;
padding-top: 12px;
}
.c-detail-speaker .c-box__subtitle {
color: #EED5E3;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.0625rem;
text-transform: uppercase;
margin-bottom: 15px;
}
.c-detail-speaker .c-box__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
overflow-x: scroll;
}
.c-detail-speaker .c-box__nav a {
text-decoration: none;
color: #3C2814;
font-size: 0.625rem;
letter-spacing: 0.02813rem;
line-height: 1rem;
}
.c-detail-speaker .c-box__nav a + a {
margin-left: 5px;
}
.c-detail-magazine .c-detail__head .c-detail__title, .c-detail-magazine .c-detail__head .c-detail__subtitle {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5rem;
}
.c-detail-magazine .c-detail__head .c-detail__subtitle {
color: #19BECD;
}
.c-detail-sponsor .c-detail__head {
box-sizing: border-box;
}
.c-detail-sponsor .c-detail__head .c-detail__share {}
.c-detail-sponsor .c-detail__head .c-detail__share + .c-detail__type {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
.c-detail-sponsor .c-detail__head .c-detail__share + .c-detail__type + .c-detail__title {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
.c-detail-sponsor .c-detail__body {
box-sizing: border-box;
}
.c-detail-sponsor .c-detail__body .c-detail__subtitle {
color: #3C828C;
-webkit-text-decoration-color: #33E1FF !important;
text-decoration-color: #33E1FF !important;
text-decoration: underline;
text-underline-position: under;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
text-decoration-thickness: 1px !important;
}
.c-detail-sponsor .c-detail__body:nth-child(1) .c-detail__number {
color: #bb002e;
}
.c-detail-sponsor .c-detail__body:nth-child(2) .c-detail__number {
color: #FF5F58;
}
.c-detail-sponsor .c-detail__body:nth-child(3) .c-detail__number {
color: #FA9917;
}
.c-detail-sponsor .c-detail__body:nth-child(4) .c-detail__number {
color: #B49682;
}
.c-detail-sponsor .c-detail__body:nth-child(5) .c-detail__number {
color: #EB6EA5;
}
.c-detail-sponsor .c-detail__body:nth-child(6) .c-detail__number {
color: #821405;
}
.c-detail-sponsor .c-detail__body:nth-child(7) .c-detail__number {
color: #19BECD;
}
.c-detail-sponsor .c-detail__body:nth-child(8) .c-detail__number {
color: #821405;
}
.c-detail-sponsor .c-detail__body:nth-child(9) .c-detail__number {
color: #FAC300;
}
.c-detail-sponsor .c-detail__body:nth-child(10) .c-detail__number {
color: #8A5B2F;
}
.c-detail-sponsor .c-detail__body:nth-child(11) .c-detail__number {
color: #66AA70;
}
.c-detail-sponsor .c-detail__body:nth-child(12) .c-detail__number {
color: #8A4463;
}
.c-detail-sponsor > .c-card-thumb {
position: relative;
height: 50vh;
}
.c-detail-sponsor > .c-card-thumb img {
z-index: 1;
}
.c-detail-sponsor > .c-card-thumb:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 30%;
background: linear-gradient(180deg, #4F4F4F 0%, transparent 100%);
z-index: 3;
}
.c-detail-sponsor > .c-card-thumb:after {
content: '';
position: absolute;
top: 0;
left: 0;
background-color: rgba(51,51,51,0.65);
width: 100%;
height: 100%;
z-index: 2;
}
.c-talk {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.c-talk .top {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 5px 0;
}
.c-talk .top .type {
color: #EED5E3;
font-family: 'Montserrat',sans-serif;
font-size: 0.5rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
text-transform: uppercase;
}
.c-talk .top .star {
color: #bb002e;
width: 15px;
height: 15px;
}
.c-talk .middle {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 15px;
}
.c-talk .middle .thumb {
margin-bottom: 5px;
}
.c-talk .middle .title {
font-family: 'Montserrat',sans-serif;
color: #333333;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.01563rem;
line-height: 0.9375rem;
}
.c-talk .middle .speaker {
margin-bottom: 7px;
}
.c-talk .middle .speaker h2 {
font-family: 'Montserrat',sans-serif;
color: #333333;
font-size: 1rem;
font-weight: 500;
}
.c-talk .middle .speaker p {
font-family: 'Montserrat',sans-serif;
color: #333333;
font-size: 16px;
font-weight: normal;
}
.c-talk .middle .duration {
color: #EED5E3;
font-family: 'Montserrat',sans-serif;
font-size: 0.5rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
text-transform: uppercase;
padding-top: 10px;
}
.c-talk .middle > .col {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.c-talk .bottom {
margin-top: auto;
padding-top: 10px;
}
.c-talk .bottom .more {
text-align: center;
color: #464646;
font-family: 'Montserrat',sans-serif;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
text-transform: uppercase;
}
.c-talk .bottom .more:not(.no-center) {
margin: 0 auto;
}
.c-talk .bottom .more:after {
content: '';
display: block;
width: 100%;
height: 2px;
margin-top: 5px;
background-color: #EED5E3;
}
.c-talk-active .top .star {
color: #FFF;
}
.c-talk-break {
color: #FFF;
background-color: rgba(180,150,130,0.1);
min-height: 300px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.c-talk-break .msg {
color: #FFF;
font-size: 2.5rem;
font-weight: 600;
text-align: center;
display: block;
width: 100%;
margin-bottom: 0;
line-height: 17.8125rem;
}
.c-talk-break .msg:before {
content: '';
height: 15px;
width: 100%;
display: block;
background-color: #FFF;
}
.c-mosaic {
position: relative;
z-index: 1;
max-width: 90%;
margin: 0 auto 30px;
}
.c-mosaic .txt {
background-color: #000000;
}
.c-mosaic .item {}
.c-mosaic .item .c-card-speaker {
height: 100%;
}
.c-mosaic .item .thumb {
height: 100%;
width: 100%;
position: relative;
}
.c-mosaic .item .thumb img {
height: 100%;
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.c-mosaic .item .thumb .number {
height: 24px;
width: 24px;
border-radius: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background-color: #FFF;
position: absolute;
left: 20px;
bottom: 20px;
}
.c-mosaic__title {
font-size: 2.25rem;
font-weight: 600;
line-height: 1;
text-align: center;
color: #F6AD32;
text-transform: uppercase;
padding: 10px 0;
}
.c-mosaic__title .number {
color: #BFB089;
}
.c-mosaic__wrap {
grid-column-gap: 0 !important;
width: 100%;
}
.c-numbers {
position: relative;
}
.c-numbers .txt {
color: #13516C;
font-size: 0.5rem;
font-weight: 600;
line-height: 1;
text-align: center;
text-transform: uppercase;
}
.c-numbers .number {
color: #13516C;
font-size: 2rem;
font-weight: 600;
letter-spacing: -0.04688rem;
line-height: 1.2;
text-align: center;
}
.c-numbers__wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
height: 90px;
overflow: hidden;
}
.c-numbers__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
min-width: 35px;
}
.c-numbers__slash {
background-color: #33E1FF;
transform: rotate(15deg);
width: 2px;
display: block;
height: 90px;
margin: 0 10px;
}
.c-box {
border-top: 15px solid rgba(180,150,130,0.1);
margin-bottom: 20px;
}
.c-box__title {
color: #3C2814;
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 15px;
line-height: 1;
padding-top: 12px;
text-transform: none;
}
.c-box__subtitle {
color: #19BECD;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.0625rem;
text-transform: uppercase;
margin-bottom: 15px;
}
.c-box__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
overflow-x: scroll;
}
.c-box__nav a {
text-decoration: none;
color: #3C2814;
font-size: 0.625rem;
letter-spacing: 0.02813rem;
line-height: 1rem;
}
.c-box__nav a + a {
margin-left: 5px;
}
.c-box__btn {
cursor: pointer;
color: #FFF;
font-family: 'Montserrat',sans-serif;
font-size: 0.625rem;
font-weight: 700;
letter-spacing: 0.0625rem;
line-height: 0.6875rem;
text-align: center;
background-color: #F6AD32;
border-radius: 20px;
height: 30px;
width: 100px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
transition: all .3s;
margin: 15px 0;
}
.c-box__btn span {
display: none;
}
.c-box__btn-dark {
background-color: #B49682;
}
.c-box__btn-white {
background-color: #FFF;
color: #004650;
}
.c-box__txt {
padding-top: 5px;
padding-bottom: 25px;
border-top: 1px solid rgba(180,150,130,0.5);
}
.c-box__txt > h3 {
color: #333333;
font-size: 0.8125rem;
font-weight: 600;
line-height: 1rem;
margin-bottom: 5px;
}
.c-box__txt > p {
color: #333333;
font-size: 0.625rem;
letter-spacing: 0.02813rem;
line-height: 1rem;
}
.c-top {
counter-reset: item;
}
.c-top .item {
counter-increment: item;
}
.c-top .item .c-card {
min-width: 135px;
white-space: normal;
min-height: 300px;
}
.c-top .item .c-card:before {
content: counter(item);
display: block;
font-size: 2.5rem;
margin-bottom: 15px;
}
.c-top .item + .item {
margin-left: 20px;
}
.c-top .item:nth-child(1) .c-card {}
.c-top .item:nth-child(1) .c-card:before {
color: #05DCDC;
}
.c-top .item:nth-child(2) .c-card {}
.c-top .item:nth-child(2) .c-card:before {
color: #FF5F58;
}
.c-top .item:nth-child(3) .c-card {}
.c-top .item:nth-child(3) .c-card:before {
color: #FA9917;
}
.c-top .item:nth-child(4) .c-card {}
.c-top .item:nth-child(4) .c-card:before {
color: #B49682;
}
.c-top .item:nth-child(5) .c-card {}
.c-top .item:nth-child(5) .c-card:before {
color: #EB6EA5;
}
.c-top .item:nth-child(6) .c-card {}
.c-top .item:nth-child(6) .c-card:before {
color: #821405;
}
.c-top .item:nth-child(7) .c-card {}
.c-top .item:nth-child(7) .c-card:before {
color: #19BECD;
}
.c-top .item:nth-child(8) .c-card {}
.c-top .item:nth-child(8) .c-card:before {
color: #821405;
}
.c-top .item:nth-child(9) .c-card {}
.c-top .item:nth-child(9) .c-card:before {
color: #FAC300;
}
.c-top .item:nth-child(10) .c-card {}
.c-top .item:nth-child(10) .c-card:before {
color: #8A5B2F;
}
.c-top .item:nth-child(11) .c-card {}
.c-top .item:nth-child(11) .c-card:before {
color: #66AA70;
}
.c-top .item:nth-child(12) .c-card {}
.c-top .item:nth-child(12) .c-card:before {
color: #8A4463;
}
.c-top__title {
height: 90px;
width: 90px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
color: #FFF;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.0375rem;
line-height: 1.125rem;
text-align: center;
border-radius: 50%;
background-color: #19BECD;
text-transform: uppercase;
margin: 0 auto;
}
.c-top__title span {
font-size: 1.125rem;
font-weight: 600;
letter-spacing: 0.05625rem;
display: block;
}
.c-top__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
overflow-x: auto;
padding: 10px 0;
}
.c-top__content::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.c-top__content::-webkit-scrollbar-track {
background-color: #FFF;
}
.c-top__content::-webkit-scrollbar-thumb {
border-radius: 2.5px;
background-color: #19BECD;
width: 5px;
height: 5px;
display: block;
}
.c-top__wrap {
grid-column-gap: 0 !important;
margin-top: 15px;
}
.c-top__wrap > .c-card {
border-right: 1px solid rgba(180, 150, 130, 0.5);
background-color: #ffffff;
min-height: 300px;
padding-bottom: 0;
}
.c-top__wrap > .c-card .bottom {
border-bottom: 1px solid rgba(180, 150, 130, 0.5);
padding-bottom: 15px;
}
.c-top__wrap > .c-card .bottom .more {
margin: 0;
}
.c-top > .c-form__button {
margin-top: 20px;
}
.u-bg-black .c-top__title {
color: #030303;
background-color: #05DCDC;
}
.c-icon {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-icon .sr-only {
display: none;
}
.c-icon svg {
width: 100%;
height: 100%;
}
.c-pagination {
--color: #030303;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-pagination__select {
display: none;
margin-right: 20px;
}
.c-pagination__select select {
cursor: pointer;
height: 28px;
width: 100%;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: 500;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
margin: 0 3px;
background-size: 20px;
padding: 0 20px 0 15px;
background: #FFF url(../img/icon/angle-grey.svg) no-repeat 85% center;
font-family: 'Montserrat',sans-serif;
color: #bb002e;
font-size: 0.75rem;
line-height: 1.625rem;
border: 1px solid #707070;
border-radius: 20px;
}
.c-pagination__select select:focus {
outline: none;
color: #bb002e;
}
.c-pagination__select select::-ms-expand {
display: none;
}
.c-pagination__select span {
white-space: nowrap;
font: normal normal normal 0.75rem/1.75rem Montserrat;
letter-spacing: 0.01875rem;
color: #333333;
display: block;
}
.c-pagination__pages {
padding-left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.c-pagination__pages li {
font-size: 0.875rem;
line-height: 1;
font-weight: 500;
margin: 0 4px;
width: 21px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-pagination__pages li a {
color: var(--color);
display: block;
}
.c-pagination__pages li a:hover {
background-color: var(--color-gris-clar);
transition: background-color .5s;
}
.c-pagination__pages li span {
color: var(--color);
overflow: hidden;
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
}
.c-pagination__pages li .sr-only {
display: none;
}
.c-pagination__pages li.active {
color: #bb002e;
}
.c-pagination__pages li.active span {
color: #bb002e;
}
.c-pagination__pages li.active:after {
opacity: 1;
}
.c-pagination__pages li.disabled {
color: var(--color);
}
.c-pagination__pages li.disabled .ico svg polygon {
fill: var(--white);
}
.c-pagination__next, .c-pagination__prev {
padding: 0;
cursor: pointer;
}
.c-partner {
padding-top: 30px;
}
.c-partner__title {
color: #333;
font-style: normal;
font-family: 'Montserrat',sans-serif;
position: relative;
margin: 0;
padding: 12px 0 12px;
border-bottom: 1px solid #EED5E3;
display: block;
width: 80%;
font-size: 1rem;
letter-spacing: 0.025rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
.c-partner__group {
position: relative;
width: 100%;
max-width: 90%;
margin: 30px auto 30px;
-ms-grid-rows: auto;
grid-template-rows: auto;
grid-row-gap: 20px;
grid-column-gap: 15px;
display: -ms-grid;
display: grid;
-ms-flex-align: center;
align-items: center;
-ms-grid-column-align: center;
justify-items: center;
}
.c-partner__group-def {
width: 100%;
max-width: 90%;
margin: 20px auto 20px;
-ms-grid-column-align: center;
justify-items: center;
-ms-grid-columns: (50%)[2];
grid-template-columns: repeat(2, 50%);
}
.c-partner__group-def a {
text-align: center;
}
.c-partner__group-def2 {
width: 100%;
max-width: 90%;
margin: 20px auto 20px;
-ms-grid-column-align: center;
justify-items: center;
-ms-grid-columns: (50%)[2];
grid-template-columns: repeat(2, 50%);
}
.c-partner__group-def2 a {
text-align: center;
}
.c-partner__group-def2 img {
max-width: 60%;
}
.c-partner__group-g1 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-column-align: center;
justify-items: center;
padding: 0 !important;
max-width: 100%;
}
.c-partner__group-g2 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 10%;
}
.c-partner__group-g3 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 18px;
padding: 0 !important;
max-width: 100%;
}
.c-partner__social {
margin: 20px auto 20px;
}
.c-partner__social__btn {
background-color: #194146;
color: #FFF;
width: 32px;
height: 32px;
border-radius: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-partner__social__btn svg {
width: 50%;
height: 50%;
}
.c-partner__social__btn span {
display: none;
}
.c-partner__social__btn + .c-partner__social__btn {
margin-left: 15px;
}
.c-partner__head {
width: 95%;
margin-top: 5%;
margin-bottom: 5%;
margin-left: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
}
.c-partner__head__title {
font-family: 'Filosofia',serif;
font-size: 1.625rem;
letter-spacing: 0;
line-height: 1;
color: #333;
max-width: 9ch;
}
.c-partner__head__txt {}
.c-partner__head__thumb {
width: 100%;
max-width: 50%;
margin-bottom: -10%;
margin-right: 0;
margin-top: -10%;
}
.c-partner__head__thumb img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.c-footer {
background-color: #EED5E3;
padding: 35px 0 40px;
}
.c-footer__share {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.c-footer__share .c-icon {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #333333;
color: #333333;
}
.c-footer__share .c-icon svg {
width: 60%;
height: 60%;
}
.c-footer__share .c-icon + .c-icon {
margin-left: 15px;
}
.c-footer__share__title {
text-transform: uppercase;
color: #333333;
font-size: 1rem;
margin-bottom: 15px;
text-align: center;
}
.c-footer__org {
text-align: center;
color: #333333;
font-size: 1.125rem;
line-height: 1.375rem;
}
.c-footer__org a {
color: #333333;
display: inline-block;
}
.c-footer__org a:hover {
text-decoration: underline;
}
.c-footer__mail {
color: #333333;
font-size: 1rem;
line-height: 1.625rem;
text-align: center;
}
.c-footer__brand {
width: 100%;
max-width: 245px;
margin: 35px auto 45px;
display: block;
}
.c-footer__bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-footer__copy {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
color: #333333;
font-size: 0.875rem;
line-height: 1;
}
.c-footer__copy span {
margin-bottom: 5px;
}
.c-footer__links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: rov;
flex-direction: rov;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.875rem;
line-height: 1;
}
.c-footer__links a {
color: #333333;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.c-footer__top {}
.c-footer__companies {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 45px;
}
.c-footer__companies a {
overflow: hidden;
}
.c-footer__companies .vocento {
color: #333333;
padding-right: 5%;
}
.c-footer__companies .vocento span {
display: block;
text-align: right;
}
.c-footer__companies .vocento span:nth-child(2) {
text-transform: uppercase;
font-weight: 700;
}
.c-footer__companies .icon {
min-height: 40px;
min-width: 40px;
border-radius: 50%;
overflow: hidden;
background-color: #333333;
color: #FFF;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-footer__companies .icon + .icon {
margin-left: 2.5%;
}
.c-footer > .c-footer__top > div > .c-footer__share > .c-icon > svg > path{
fill: #333333;
}
.c-live {
box-sizing: border-box;
}
.c-live__head {
background-color: #FFF;
max-width: 990px;
margin: 0 auto;
padding: 15px 0;
}
.c-live__head__wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 25px 1fr 25px 1fr;
grid-template-columns: 1fr 25px 1fr 25px 1fr;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
.c-live__head__wrap > * {}
.c-live__head__wrap > *:first-child {
width: 100%;
max-width: 55px;
margin-left: auto;
display: block;
}
.c-live__head__wrap > *:first-child img {
width: 100%;
}
.c-live__head__wrap > *:last-child {
width: 100%;
max-width: 135px;
margin-left: -10%;
display: block;
}
.c-live__head__wrap > *:last-child img {
width: 100%;
}
.c-live__head__slash {
background-color: #333333;
-webkit-clip-path: polygon(80% 0%, 100% 0%, 20% 100%, 0% 100%);
clip-path: polygon(80% 0%, 100% 0%, 20% 100%, 0% 100%);
width: 15px;
height: 55px;
display: block;
margin: 0 auto;
}
.c-live__head__title {
color: #bb002e;
font-size: 2.3125rem;
font-weight: 600;
text-transform: uppercase;
line-height: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center;
}
.c-live__head__title span {}
.c-live__head__title span:after {
content: '';
display: block;
width: 13px;
height: 13px;
background-color: #bb002e;
border-radius: 50%;
overflow: hidden;
animation: bullet 1s infinite;
}
.c-live__head2 {
background-color: #FFF;
max-width: 990px;
margin: 0 auto;
}
.c-live__head2__wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-live__head2__title {
color: #bb002e;
font-size: 1.375rem;
font-weight: 700;
text-transform: uppercase;
line-height: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center;
}
.c-live__head2__title span {
margin-right: 10px;
}
.c-live__head2__title span:after {
content: '';
display: block;
width: 15px;
height: 15px;
background-color: #bb002e;
border-radius: 50%;
overflow: hidden;
animation: bullet 1s infinite;
}
.c-live__head2__thumb {
width: 100%;
max-width: 102px;
}
.c-live__top {
max-width: 990px;
margin: 0 auto;
}
.c-live__top .hour {
font-size: 1.25rem;
line-height: 1;
color: #9F9989;
opacity: .3;
}
.c-live__top .hour span {
font-size: 0.875rem;
display: block;
line-height: 1.3;
margin-top: auto;
padding-left: 3px;
}
.c-live__top .time {
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 7px;
position: relative;
}
.c-live__top .time i {
width: 2px;
height: 15px;
background-color: #D5C5BA;
}
.c-live__top .time i:nth-child(4) {
height: 30px;
}
.c-live__top .time .cursor {
width: 2px;
height: 30px;
background-color: #d00;
position: absolute;
bottom: 0;
visibility: hidden;
}
.c-live__content {
border-top: 2px solid #D5C5BA;
padding: 5vh 5px;
opacity: .3;
max-width: 990px;
margin: 0 auto;
box-sizing: border-box;
}
.c-live__content .author .type {
color: #333333;
font-family: 'Montserrat',sans-serif;
font-size: 0.5rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
text-transform: uppercase;
margin-bottom: 5px;
}
.c-live__content .author .thumb {
width: 120px;
height: 90px;
margin: 0;
display: block;
overflow: hidden;
}
.c-live__content .author .txt .name {
color: #3C2814;
font-family: 'Montserrat',sans-serif;
font-size: 0.625rem;
font-weight: 600;
line-height: 1rem;
}
.c-live__content .author .txt .desc {
color: #3C2814;
font-family: 'Montserrat',sans-serif;
font-size: 0.4375rem;
letter-spacing: 0.03125rem;
line-height: 0.8125rem;
}
.c-live__content .o-scroll-col4 .item {
max-width: 120px;
}
.c-live__content__thumb {
height: 300px;
position: relative;
}
.c-live__content__thumb img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.c-live__content__thumb:before {
content: attr(data-title);
position: absolute;
padding: 0;
top: 10px;
right: 15px;
white-space: nowrap;
color: #FFF;
z-index: 99999;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.08313rem;
text-align: right;
text-transform: uppercase;
line-height: 0.9375rem;
}
.c-live__content__track {
border-radius: 50%;
border: 5px solid #FFF;
width: 230px;
height: 230px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -115px;
margin-left: -115px;
font-size: 9.375rem;
font-weight: 600;
color: #FFF;
text-transform: uppercase;
}
.c-live__content__video {
height: 0;
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
line-height: 0;
border: 5px solid #FFF;
transition: border .3s;
}
.c-live__content__video img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.c-live__content__video .icon {
width: 60px;
height: 25px;
border-radius: 15px;
background-color: rgba(51,51,51,0.75);
box-shadow: 2px 2px 20px 0 rgba(180,150,130,0.1);
color: #FFF;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.05rem;
line-height: 1rem;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -30px;
margin-top: -12.5px;
}
.c-live__content__video .icon:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent #FFF;
margin-left: 10px;
}
.c-live__content__video .progress {
position: absolute;
bottom: 0;
left: 0;
background-color: #E0E0E0;
width: 100%;
}
.c-live__content__video .progress .bar {
height: 5px;
display: block;
background-color: #05DCDC;
}
.c-live__content__video .progress .bar[data-title]:hover:after {
opacity: 1;
transition: all 0.1s ease 0.5s;
visibility: visible;
}
.c-live__content__video .progress .bar[data-title] {
position: relative;
}
.c-live__content__video .progress .bar[data-title]:before {
content: attr(data-title);
position: absolute;
text-align: center;
padding: 0;
bottom: 17.5px;
left: calc(100% - 22px);
white-space: nowrap;
height: 15px;
width: 40px;
border-radius: 7.5px;
background-color: #FFF;
box-shadow: 2px 2px 20px 0 rgba(180, 150, 130, 0.1);
z-index: 99999;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.0625rem;
line-height: 0.9375rem;
color: #3C828C;
}
.c-live__content__video .progress .bar[data-title]:after {
content: '';
width: 2px;
height: 12px;
background-color: #FFF;
display: block;
position: absolute;
bottom: 5.5px;
left: calc(100% - 2px);
}
.c-live__content__txt {
padding: 0 10%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-direction: column;
flex-direction: column;
}
.c-live__content__txt__type {
text-transform: uppercase;
font-family: 'Montserrat',sans-serif;
color: #584B3F;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 1.25rem;
}
.c-live__content__txt__title {
font-family: 'Montserrat',sans-serif;
color: #584B3F;
font-size: 1.375rem;
font-weight: 600;
line-height: 1.625rem;
}
.c-live__content__bottom {
padding: 0 5% 5%;
grid-row-gap: 15px;
}
.c-live__content > .u-grid-columns-2 {}
.c-live__content-pad .c-live__content__txt {
padding: 5%;
}
.c-live__talk {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row: 2;
grid-row-start: 2;
overflow: hidden;
}
.c-live__talk .animate {
width: 100%;
max-width: 440px;
animation-duration: 5s;
animation-name: desplazar;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
opacity: 1;
}
.c-live__talk__title {
color: #FFF;
font-size: 0.75rem;
line-height: 1.2;
letter-spacing: 0.01875rem;
font-weight: 600;
margin-bottom: 5px;
}
.c-live__talk__speaker {
color: #FFF;
font-size: 0.625rem;
font-weight: 300;
line-height: 0.8125rem;
letter-spacing: 0;
text-transform: uppercase;
}
.c-live__talk__type {
font-size: 0.6875rem;
letter-spacing: 0;
text-align: right;
color: #FFF;
text-transform: uppercase;
}
.c-live__talk__hour {
font-size: 0.6875rem;
letter-spacing: 0;
text-align: right;
color: #FFF;
}
.c-live__talk:hover .animate {
animation-play-state: paused;
}
.c-live__lang {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row: 2;
grid-row-start: 2;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
}
.c-live__lang a {
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.01875rem;
line-height: 1.25rem;
text-transform: uppercase;
color: #FFF;
cursor: pointer;
position: relative;
}
.c-live__lang a:not(:last-child) {
margin-right: 15px;
}
.c-live__lang a.current {}
.c-live__lang a.current:after {
content: '';
width: 100%;
height: 2px;
background-color: #FFF;
display: block;
bottom: -5px;
left: 0;
position: absolute;
margin: 0;
}
.c-live__meta {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row: 1;
grid-row-start: 1;
border-bottom: 1px solid #FFF;
padding: 0 0 15px;
}
.c-live__meta__type {
font-size: 0.6875rem;
letter-spacing: 0;
text-align: right;
color: #FFF;
text-transform: uppercase;
}
.c-live__meta__hour {
font-size: 0.6875rem;
letter-spacing: 0;
text-align: right;
color: #FFF;
}
.c-live__info {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.c-live__info-current {
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr minmax(80px, 30%);
grid-template-columns: 1fr minmax(80px, 30%);
background-color: #F6AD32;
padding: 15px 10px;
}
.c-live__info-current__title {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row: 1;
grid-row-start: 1;
font-weight: bold;
text-transform: uppercase;
font-size: 1.25rem;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
color: #FFF;
}
.c-live__info-prev {
background-color: #000000;
padding: 15px 25px 15px 10px;
}
.c-live__info-prev .c-live__talk__title, .c-live__info-prev .c-live__talk__hour {
color: #FFFFFF;
text-align: left;
}
.c-live__info-next {
background-color: #000000;
padding: 15px 10px 15px 25px;
text-align:right;
}
.c-live__info-next .c-live__talk__title, .c-live__info-next .c-live__talk__hour {
color: #FFFFFF;
text-align: right;
}
.c-live__timeline {
width: 100%;
position: relative;
box-sizing: border-box;
}
.c-live__timeline .slick-list {
padding: 0 !important;
}
.c-live__timeline__item {
width: 285px;
outline: none !important;
cursor: grab;
}
.c-live__timeline__item + .c-live__timeline__item {
margin-left: 5vh;
}
.c-live__timeline__item.slick-current {
width: 285px;
}
.c-live__timeline__item.slick-current .c-live__content {
opacity: 1;
}
.c-live__timeline__item.slick-current .c-live__top .hour {
opacity: 1;
}
.c-live__timeline__item.slick-current .c-live__top .time .cursor {
visibility: visible;
}
.c-live__timeline:before {
background-color: #FFF;
content: '';
height: 60px;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
@keyframes bullet {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes desplazar {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
.c-personal {
background-color: #FFF;
box-sizing: border-box;
padding: 20px;
width: 90%;
max-width: 810px;
margin: 0 auto;
}
.c-personal__title {
text-align: center;
color: #3C828C;
font-size: 1.125rem;
line-height: 1;
font-weight: 500;
margin: 0 auto 20px;
}
.c-personal__subtitle {
color: #584B3F;
text-align: center;
margin: 0 auto 20px;
font-size: 0.875rem;
line-height: 1.2;
font-weight: 500;
}
.c-personal__button {
cursor: pointer;
color: #FFF;
font-family: 'Montserrat',sans-serif;
font-size: 0.625rem;
font-weight: 700;
letter-spacing: 0.0625rem;
line-height: 0.6875rem;
text-align: center;
background-color: #19BECD;
border-radius: 20px;
height: 40px;
width: 165px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
transition: all .3s;
margin: 0 auto;
}
.c-personal__button span {
display: none;
}
.c-personal__button-dark {
background-color: #B49682;
}
.c-personal__button-white {
background-color: #FFF;
color: #004650;
}
.c-personal__button.small {
width: 100px;
}
.c-personal__line {
height: 1px;
width: 225px;
background-color: rgba(180,150,130,0.5);
margin: 20px auto 20px;
display: block;
}
.c-palace {
z-index: 3;
}
.c-palace__head {}
.c-palace__head__title {
color: #FFF;
font-family: 'Montserrat',sans-serif;
font-size: 2rem;
letter-spacing: 0.03125rem;
line-height: 1;
text-align: center;
padding: 5px 0;
font-weight: 600;
}
.c-palace__title {
color: #FFF;
font-family: 'Montserrat',sans-serif;
font-size: 1.125rem;
line-height: 1;
text-align: center;
padding: 10px 0;
}
.c-player {
color: #FFF;
}
.c-player .c-header {}
.c-player .c-header:before {
display: none;
}
.c-player .c-player__chat {
padding: 20px;
margin: 0;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.c-player .c-player__chat .middle {
height: calc(100vh - 240px);
padding: 10px;
background-color: #f1f1f1;
overflow-y: scroll;
}
.c-player .c-player__chat .middle .nickname {
color: #194146;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
text-transform: uppercase;
}
.c-player .c-player__chat .middle .nickname:before {
content: '';
display: block;
width: 20px;
height: 1px;
background-color: #3C828C;
margin-bottom: 5px;
}
.c-player .c-player__chat .middle > p {
color: #3C2814;
font-size: 0.8125rem;
line-height: 1.25rem;
}
.c-player .c-player__chat .middle > p + .nickname {
margin-top: 20px;
}
.c-player .c-player__chat .middle::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.c-player .c-player__chat .middle::-webkit-scrollbar-track {
background-color: rgba(180, 150, 130, 0.1);
}
.c-player .c-player__chat .middle::-webkit-scrollbar-thumb {
border-radius: 2.5px;
background-color: #05DCDC;
width: 5px;
height: 5px;
display: block;
}
.c-player .c-player__chat .bottom {
margin-top: auto;
}
.c-player .c-player__chat__title {
color: #3C828C;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5rem;
}
.c-player .c-player__chat__nickname {
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
color: #3C828C;
margin-bottom: 15px;
text-transform: uppercase;
}
.c-player .c-player__chat__nickname:before {
content: '';
display: block;
width: 20px;
height: 1px;
background-color: #3C828C;
margin-bottom: 5px;
}
.c-player .c-player__chat__textarea {
background-color: rgba(180,150,130,0.1);
width: calc(100% - 20px);
padding: 10px;
resize: none;
height: 40px;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
display: block;
margin: 0;
color: #3C2814;
font-family: 'Montserrat',sans-serif;
font-size: 0.8125rem;
line-height: 1.25rem;
border: none;
}
.c-player .c-player__chat__textarea::-moz-placeholder {
color: #194146;
opacity: 1;
}
.c-player .c-player__chat__textarea:-ms-input-placeholder {
color: #194146;
opacity: 1;
}
.c-player .c-player__chat__textarea::placeholder {
color: #194146;
opacity: 1;
}
.c-player .c-player__chat__textarea:focus {
outline: none;
color: #3C2814;
}
.c-player .c-player__chat__btn {
height: 40px;
width: 120px;
margin: 0 auto;
border-radius: 20px;
background-color: #F6AD32;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.0625rem;
line-height: 0.6875rem;
text-align: center;
color: #000;
display: block;
border: none;
cursor: pointer;
}
.c-player .c-player__question {
padding: 20px;
margin: 0;
}
.c-player .c-player__question__title {
color: #3C828C;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5rem;
}
.c-player .c-player__question__textarea {
background-color: rgba(180,150,130,0.1);
width: calc(100% - 20px);
padding: 10px;
resize: none;
height: 30vh;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
display: block;
margin: 0 0 30px 0;
color: #3C2814;
font-family: 'Montserrat',sans-serif;
font-size: 0.8125rem;
line-height: 1.25rem;
border: none;
}
.c-player .c-player__question__textarea::-moz-placeholder {
color: #194146;
opacity: 1;
}
.c-player .c-player__question__textarea:-ms-input-placeholder {
color: #194146;
opacity: 1;
}
.c-player .c-player__question__textarea::placeholder {
color: #194146;
opacity: 1;
}
.c-player .c-player__question__textarea:focus {
outline: none;
color: #3C2814;
}
.c-player .c-player__question__btn {
height: 40px;
width: 120px;
margin: 0 auto;
border-radius: 20px;
background-color: #F6AD32;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.0625rem;
line-height: 0.6875rem;
text-align: center;
color: #000;
display: block;
border: none;
cursor: pointer;
}
.c-player .c-player__question__msg {
color: #3C828C;
font-size: 1rem;
line-height: 1.5rem;
text-align: center;
}
.c-player .c-player__score {
width: 250px;
margin: 0 auto;
padding: 20px;
}
.c-player .c-player__score label {
font-size: 1.25rem;
}
.c-player .c-player__score input[type="radio"] {
display: none;
}
.c-player .c-player__score label {
color: #FFF;
cursor: pointer;
transition: color .3s;
}
.c-player .c-player__score label:hover, .c-player .c-player__score label:hover ~ label {
color: #DDA64D;
}
.c-player .c-player__score input[type="radio"]:checked ~ label {
color: #004650;
}
.c-player .c-player__score .c-form__cta {
color: #004650;
}
.c-player .c-player__score .c-form__cta:after {
background-color: #004650;
}
.c-player .c-player__score__title {
text-align: center;
color: #FFF;
}
.c-player .c-player__score__stars {
direction: rtl;
unicode-bidi: bidi-override;
text-align: center;
margin: 20px 0;
}
.c-player__head {
padding: 5% 10%;
-ms-grid-columns: 150px 1fr;
grid-template-columns: 150px 1fr;
display: -ms-grid;
display: grid;
}
.c-player__head .o-scroll-col4 {
padding-bottom: 20px;
}
.c-player__head .o-scroll-col4 .item {
max-width: 150px;
}
.c-player__head .o-scroll-col4 .item + .item {
border-left: none;
margin-left: 15px;
}
.c-player__head .c-event {
padding: 0;
-ms-flex-direction: column;
flex-direction: column;
width: 150px;
border-top: none;
border-bottom: none;
min-height: 90px;
}
.c-player__head .c-event__title, .c-player__head .c-event__name {
color: #FFF;
}
.c-player__head__title {
color: #FFF;
font-size: 0.875rem;
font-weight: 600;
line-height: 1rem;
}
.c-player__head__event {}
.c-player__head__live {
color: #FFF;
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.08313rem;
line-height: 1;
text-align: center;
}
.c-player__head__live:after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-color: #CC0032;
border-radius: 50%;
overflow: hidden;
margin-left: 10px;
}
.c-player__body {}
.c-player__body.open-chat {
position: relative;
}
.c-player__body.open-chat .c-player__options {
position: relative;
}
.c-player__body.open-chat .c-player__options .share {
display: none;
}
.c-player__body.open-chat .c-player__chat {
display: -ms-flexbox;
display: flex;
}
.c-player__body.open-question {
position: relative;
transition: all .3s;
}
.c-player__body.open-question .c-player__embed {}
.c-player__body.open-question .c-player__options {
position: relative;
}
.c-player__body.open-question .c-player__options .share {
display: none;
}
.c-player__body.open-question .c-player__question {
display: block;
}
.c-player__embed {
height: calc(100vh - 90px);
position: relative;
overflow: hidden;
width: 100%;
z-index: 1;
}
.c-player__embed iframe, .c-player__embed object, .c-player__embed > div, .c-player__embed embed, .c-player__embed [data-embed], .c-player__embed video-js {
background-color: #000;
width: 100%;
height: calc(100vh - 90px) !important;
padding-top: inherit !important;
position: absolute;
top: 0;
left: 0;
border: none;
}
.c-player__embed iframe.vjs-fullscreen, .c-player__embed object.vjs-fullscreen, .c-player__embed > div.vjs-fullscreen, .c-player__embed embed.vjs-fullscreen, .c-player__embed [data-embed].vjs-fullscreen, .c-player__embed video-js.vjs-fullscreen {
height: 100% !important;
}
.c-player__embed .progress {
position: absolute;
bottom: 0;
left: 0;
background-color: #E0E0E0;
width: 100%;
}
.c-player__embed .progress .bar {
height: 5px;
display: block;
background-color: #05DCDC;
}
.c-player__embed .progress .bar[data-title]:hover:after {
opacity: 1;
transition: all 0.1s ease 0.5s;
visibility: visible;
}
.c-player__embed .progress .bar[data-title] {
position: relative;
}
.c-player__embed .progress .bar[data-title]:before {
content: attr(data-title);
position: absolute;
text-align: center;
padding: 0;
bottom: 17.5px;
left: calc(100% - 22px);
white-space: nowrap;
height: 15px;
width: 40px;
border-radius: 7.5px;
background-color: #FFF;
box-shadow: 2px 2px 20px 0 rgba(180, 150, 130, 0.1);
z-index: 99999;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.0625rem;
line-height: 0.9375rem;
color: #3C828C;
}
.c-player__embed .progress .bar[data-title]:after {
content: '';
width: 2px;
height: 12px;
background-color: #FFF;
display: block;
position: absolute;
bottom: 5.5px;
left: calc(100% - 2px);
}
.c-player__embed .zoom {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
display: block;
color: #F6AD32;
z-index: 2;
}
.c-player__embed .zoom svg {
width: 60px;
height: 60px;
transform: rotate(45deg);
}
.c-player__embed .bc-iframe, .c-player__embed .bc-iframe body, .c-player__embed .vjs-poster, .c-player__embed .video-js {
background-color: #000 !important;
}
.c-player__embed .vjs-play-progress, .c-player__embed .vjs-slider-bar {
background-color: #F6AD32 !important;
}
.c-player__embed.ratio-3-2 {
padding-bottom: 66.66%;
}
.c-player__embed.ratio4-3 {
padding-bottom: 75%;
}
.c-player__embed.ratio8-5 {
padding-bottom: 62.5%;
}
.c-player__embed.ratio16-9 {
padding-bottom: 56.25%;
}
.c-player__embed.ratio256-81 {
padding-bottom: 31.64062%;
}
.c-player__options .lang {
color: #FFF;
margin: 0 5px;
font-size: 0.53125rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
text-align: center;
text-transform: uppercase;
}
.c-player__options .lang.current {
color: #bb002e;
}
.c-player__options .c-form__button {
margin: 5px;
width: 80px;
}
.c-player__options .c-form__button.videobtndisabled {
background-color: #828282;
color: #000;
}
.c-player__options .share {
color: #FFF;
}
.c-player__options .share .c-icon {
background-color: #F6AD32;
color: #000;
width: 24px;
height: 24px;
border-radius: 50%;
margin: 0 5px;
}
.c-player__options .share .c-icon svg {
max-width: 45%;
max-height: 45%;
}
.c-player__options > .u-flex {
width: 50%;
}
.c-player__chat, .c-player__question {
display: none;
}
.c-player__chat .top, .c-player__question .top {
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.c-player__chat__close, .c-player__question__close {
cursor: pointer;
color: #05DCDC;
display: block;
width: 24px;
height: 24px;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.5rem;
text-align: right;
}
.c-player__top {}
.c-player__top + .c-player__body .c-player__embed {
height: calc(100vh - 180px);
}
.c-player__top + .c-player__body .c-player__embed iframe, .c-player__top + .c-player__body .c-player__embed object, .c-player__top + .c-player__body .c-player__embed > div, .c-player__top + .c-player__body .c-player__embed embed, .c-player__top + .c-player__body .c-player__embed [data-embed], .c-player__top + .c-player__body .c-player__embed video-js {
height: calc(100vh - 180px) !important;
}
.c-player__top + .c-player__body .c-player__embed iframe.vjs-fullscreen, .c-player__top + .c-player__body .c-player__embed object.vjs-fullscreen, .c-player__top + .c-player__body .c-player__embed > div.vjs-fullscreen, .c-player__top + .c-player__body .c-player__embed embed.vjs-fullscreen, .c-player__top + .c-player__body .c-player__embed [data-embed].vjs-fullscreen, .c-player__top + .c-player__body .c-player__embed video-js.vjs-fullscreen {
height: 100% !important;
}
.c-player__top + .c-player__body .c-player__chat .middle {
height: calc(100vh - 360px);
}
.c-breaking {
background-color: rgba(220,196,165,0.1);
}
.c-breaking .o-container {
padding: 20px 0;
height: inherit;
}
.c-breaking__txt {
display: block;
}
.c-breaking__epigraph {
text-align: center;
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.07813rem;
line-height: 1rem;
text-transform: uppercase;
color: #CC0032;
}
.c-breaking__epigraph:after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-color: #CC0032;
border-radius: 50%;
overflow: hidden;
margin-left: 10px;
margin-top: 1px;
vertical-align: top;
}
.c-breaking__title {
text-align: center;
font-size: 1.5rem;
color: #751713;
font-weight: 600;
line-height: 1.1;
max-width: 705px;
margin: 20px auto 0;
}
.c-breaking__title a {
color: #751713;
}
.c-directo {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
position: relative;
z-index: 1;
width: 100vw;
}
.c-directo__thumb {
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
position: relative;
z-index: 2;
}
.c-directo__thumb img {
display: block;
max-width: 70%;
}
.c-directo__txt {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
position: relative;
z-index: 1;
}
.c-directo__txt__title {
font-family: 'Filosofia',serif;
font-size: calc(1.75rem + 1.5vw);
line-height: calc(1.875rem + 1.5vw);
max-width: 23ch;
margin: 5% auto;
color: #030303;
text-align: center;
text-transform: none;
}
.c-directo__txt__subtitle {
text-align: center;
font-size: 1.25rem;
line-height: 1.2;
text-transform: uppercase;
color: #030303;
font-weight: 300;
margin-bottom: 5px;
}
.c-directo__txt__time {
font-size: 1rem;
line-height: 1.25rem;
text-align: center;
color: #030303;
text-transform: none;
font-weight: normal;
display: block;
margin: 0 auto;
}
.c-directo__live {
-ms-grid-row-span: 1;
-ms-grid-row: 3;
grid-row: 3 / span 1;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
-ms-flex-item-align: end;
align-self: end;
z-index: 3;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-grid-column-align: center;
justify-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #333;
padding-top: 15px;
}
.c-directo__live .o-container {
width: 100%;
}
.c-directo__live__title {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
font-size: 1rem;
font-weight: bold;
letter-spacing: 0;
color: #FFF;
padding-right: 15px;
}
.c-directo__live__title span {
margin-right: 5px;
}
.c-directo__live__title span:after {
content: '';
display: block;
width: 10px;
height: 10px;
background-color: #bb002e;
border-radius: 50%;
overflow: hidden;
animation: bullet 1s infinite;
}
.c-directo__live__content {
opacity: 1;
display: -ms-grid;
display: grid;
grid-gap: 10px;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
padding: 15px;
}
.c-directo__live__content .selected .c-directo__live__content__video {
box-shadow: 0px 6px 8px #00000029;
border: 5px solid #F6AD32;
}
.c-directo__live__content .selected .c-directo__live__content__title {
background-color: #F6AD32;
color: #FFF;
padding: 7px;
margin-top: 10px;
}
.c-directo__live__content__title {
text-transform: uppercase;
color: #FFF;
font-size: 0.75rem;
line-height: 1.2;
font-weight: 400;
margin-top: 12px;
padding: 7px;
}
.c-directo__live__content__thumb {
height: 300px;
position: relative;
}
.c-directo__live__content__thumb img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.c-directo__live__content__thumb:before {
content: attr(data-title);
position: absolute;
padding: 0;
top: 10px;
right: 15px;
white-space: nowrap;
color: #FFF;
z-index: 99999;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.08313rem;
text-align: right;
text-transform: uppercase;
line-height: 0.9375rem;
}
.c-directo__live__content__track {
border-radius: 50%;
border: 5px solid #FFF;
width: 230px;
height: 230px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -115px;
margin-left: -115px;
font-size: 9.375rem;
font-weight: 600;
color: #FFF;
text-transform: uppercase;
}
.c-directo__live__content__video {
position: relative;
overflow: hidden;
line-height: 0;
}
.c-directo__live__content__video img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.c-directo__live__content__video .icon {
width: 60px;
height: 25px;
border-radius: 15px;
background-color: rgba(51,51,51,0.75);
box-shadow: 2px 2px 20px 0 rgba(180,150,130,0.1);
color: #FFF;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.05rem;
line-height: 1rem;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -30px;
margin-top: -12.5px;
}
.c-directo__live__content__video .icon:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent #FFF;
margin-left: 10px;
}
.c-directo__live__content__video .progress {
position: absolute;
bottom: 0;
left: 0;
background-color: #E0E0E0;
width: 100%;
}
.c-directo__live__content__video .progress .bar {
height: 5px;
display: block;
background-color: #05DCDC;
}
.c-directo__live__content__video .progress .bar[data-title]:hover:after {
opacity: 1;
transition: all 0.1s ease 0.5s;
visibility: visible;
}
.c-directo__live__content__video .progress .bar[data-title] {
position: relative;
}
.c-directo__live__content__video .progress .bar[data-title]:before {
content: attr(data-title);
position: absolute;
text-align: center;
padding: 0;
bottom: 17.5px;
left: calc(100% - 22px);
white-space: nowrap;
height: 15px;
width: 40px;
border-radius: 7.5px;
background-color: #FFF;
box-shadow: 2px 2px 20px 0 rgba(180, 150, 130, 0.1);
z-index: 99999;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.0625rem;
line-height: 0.9375rem;
color: #3C828C;
}
.c-directo__live__content__video .progress .bar[data-title]:after {
content: '';
width: 2px;
height: 12px;
background-color: #FFF;
display: block;
position: absolute;
bottom: 5.5px;
left: calc(100% - 2px);
}
.c-directo__live__content__txt {
padding: 0 10%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-direction: column;
flex-direction: column;
}
.c-directo__live__content__txt__type {
text-transform: uppercase;
font-family: 'Montserrat',sans-serif;
color: #584B3F;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 1.25rem;
}
.c-directo__live__content__txt__title {
font-family: 'Montserrat',sans-serif;
color: #584B3F;
font-size: 1.375rem;
font-weight: 600;
line-height: 1.625rem;
}
.c-directo__bg {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
line-height: 0;
-ms-grid-row-span: 2;
-ms-grid-row: 2;
grid-row: 2 / span 2;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
margin-top: 45px;
z-index: 2;
}
.c-directo__bg svg {
-o-object-fit: scale-down;
object-fit: scale-down;
display: block;
width: 100%;
height: 100%;
}
.c-envivo {
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 50%;
grid-template-columns: 50% 50%;
position: relative;
z-index: 1;
width: 100vw;
padding: 30px 10px;
box-sizing: border-box;
overflow: hidden;
row-gap: 15px;
}
.c-envivo__thumb {
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
position: relative;
-ms-grid-row-span: 2;
-ms-grid-row: 3;
grid-row: 3 / span 2;
z-index: 2;
}
.c-envivo__thumb img {
display: block;
max-width: 70%;
}
.c-envivo__logo {
-ms-grid-column: 1;
grid-column: 1 / span 2;
display: flex;
justify-content: center;
align-items: center;
}
.c-envivo__logo > .video_intro {
position: absolute;
/* top: -100px;
left: -25%;*/
width: 150%;
}
.c-envivo__logo > .c-card-loop__lema {
position: relative;
z-index: 2;
padding-top: 15px;
width: 100%;
max-width: 500px;
/* margin-bottom: 30px;*/
}
.c-envivo__txt {
/* -ms-grid-row: 1;
grid-row-start: 1;*/
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
position: relative;
z-index: 1;
}
.c-envivo__txt__title {
font-family: 'Montserrat', sans-serif;
font-size: 1.75rem;
line-height: 1.2;
max-width: 24ch;
margin: 5% auto;
color: #FFFFFF;
text-align: center;
text-transform: none;
}
.c-envivo__txt__subtitle {
text-align: center;
font-size: 1.25rem;
line-height: 1.2;
text-transform: uppercase;
color: #FFFFFF;
font-weight: 300;
margin-bottom: 5px;
}
.c-envivo__txt__time {
font-size: 1rem;
line-height: 1.25rem;
text-align: center;
color: #FFFFFF;
text-transform: none;
font-weight: normal;
display: block;
margin: 0 auto;
}
.c-envivo__live {
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
z-index: 3;
padding-top: 15px;
}
.c-envivo__live__title {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
font-size: 0.8125rem;
font-weight: bold;
letter-spacing: 0;
color: #FFFFFF;
padding-right: 15px;
}
.c-envivo__live__title span {
margin-right: 5px;
}
.c-envivo__live__title span:after {
content: '';
display: block;
width: 8px;
height: 8px;
background-color: #bb002e;
border-radius: 50%;
overflow: hidden;
animation: bullet 1s infinite;
}
.c-envivo__live__subtitle {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: normal;
letter-spacing: 0;
color: #FFFFFF;
padding-right: 15px;
}
.c-envivo__live__content {
opacity: 1;
padding: 15px 15px 0 15px;
}
.c-envivo__live__content__video {
position: relative;
overflow: hidden;
line-height: 0;
}
.c-envivo__live__content__video img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.c-envivo__live__content__video .icon {
width: 60px;
height: 25px;
border-radius: 15px;
background-color: rgba(51,51,51,0.75);
box-shadow: 2px 2px 20px 0 rgba(180,150,130,0.1);
color: #FFF;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.05rem;
line-height: 1rem;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -30px;
margin-top: -12.5px;
}
.c-envivo__live__content__video .icon:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent #FFF;
margin-left: 10px;
}
.c-envivo__live__content__video .progress {
position: absolute;
bottom: 0;
left: 0;
background-color: #E0E0E0;
width: 100%;
}
.c-envivo__live__content__video .progress .bar {
height: 5px;
display: block;
background-color: #05DCDC;
}
.c-envivo__live__content__video .progress .bar[data-title]:hover:after {
opacity: 1;
transition: all 0.1s ease 0.5s;
visibility: visible;
}
.c-envivo__live__content__video .progress .bar[data-title] {
position: relative;
}
.c-envivo__live__content__video .progress .bar[data-title]:before {
content: attr(data-title);
position: absolute;
text-align: center;
padding: 0;
bottom: 17.5px;
left: calc(100% - 22px);
white-space: nowrap;
height: 15px;
width: 40px;
border-radius: 7.5px;
background-color: #FFF;
box-shadow: 2px 2px 20px 0 rgba(180, 150, 130, 0.1);
z-index: 99999;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.0625rem;
line-height: 0.9375rem;
color: #3C828C;
}
.c-envivo__live__content__video .progress .bar[data-title]:after {
content: '';
width: 2px;
height: 12px;
background-color: #FFF;
display: block;
position: absolute;
bottom: 5.5px;
left: calc(100% - 2px);
}
.c-envivo__bg {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
line-height: 0;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
-ms-grid-row-span: 2;
-ms-grid-row: 3;
grid-row: 3 / span 2;
z-index: 2;
}
.c-envivo__bg img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.bannerNavidad > img.mobile {
display: block;
width: 100%;
}
.bannerNavidad > img.tablet {
display: none;
}
.bannerNavidad > img.desktop {
display: none;
}
@media (min-width: 768px) {
.content__name {
display: block;
position: absolute;
top: 100px;
margin: 0 auto;
width: 185px;
transform: translateX(-92.5px);
left: calc(50% + 185px);
z-index: -1;
}
.content__name .name {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
width: 50%;
padding-left: 525px;
font-size: 12.5rem;
font-weight: 600;
line-height: 12.5rem;
text-transform: uppercase;
opacity: 0.1;
color: #B49682;
white-space: nowrap;
}
.o-section-signin__title {
max-width: inherit;
margin-bottom: 2.5%;
font-size: 1.5rem;
text-align: center;
}
.o-section-signin__subtitle {
margin-bottom: 2.5%;
}
.o-section-signin__legal .txt {
font-size: 0.75rem;
line-height: 1.125rem;
}
.o-section-signin__legal .c-form__check p {
font-size: 0.75rem;
line-height: 1.125rem;
margin-bottom: 0;
}
.o-section-signin__legal .c-form__check {
width: 100%;
max-width: 100%;
}
.o-section-signin__legal {
padding: 40px 0;
max-width: 50%;
}
.o-section-signin p:not(.o-section-signin__desc) {
margin-bottom: 2.5%;
}
.o-section-signin p {
font-size: 1.125rem;
line-height: 1.375rem;
}
.o-section-signin__desc {
max-width: inherit;
margin: 0 0 5%;
text-align: center;
}
.o-section-signin__next {
font-size: 1.5rem;
line-height: 1.8125rem;
letter-spacing: 0.0375rem;
width: 534px;
height: 54px;
border-radius: 30px;
}
.o-section-signin__back {
font-size: 1.5rem;
line-height: 1.8125rem;
}
.o-section-signin__claim .btn {
font-size: 1.5rem;
line-height: 1.8125rem;
letter-spacing: 0.0375rem;
width: 534px;
height: 54px;
border-radius: 30px;
}
.o-section-signin__claim {
max-width: inherit;
margin-top: 5%;
}
.o-section-signin__head .u-grid-columns-2 {
-ms-grid-rows: 1fr 48px;
grid-template-rows: 1fr 48px;
}
.o-section-signin__head .u-grid-columns-2 div {}
.o-section-signin__head .u-grid-columns-2 div:nth-child(2) {
border-left: none !important;
}
.o-section-signin__head__title span {
display: block;
}
.o-section-signin__head__title {
padding: 0;
font-size: 2.5rem;
line-height: 2.8125rem;
width: 100%;
}
.o-section-signin__head__msg {
width: 70%;
}
.o-section-signin__head__msg__title {
margin-bottom: 2.5%;
font-size: 1.125rem;
line-height: 1.375rem;
letter-spacing: 0.02813rem;
}
.o-section-signin__head__msg__subtitle {
max-width: inherit;
font-size: 0.875rem;
line-height: 1.125rem;
letter-spacing: 0.02188rem;
}
.o-section-signin__head__msg-check__title {
font-size: 1.25rem;
line-height: 1.5rem;
}
.o-section-signin__head__msg-check {
width: 70%;
}
.o-section-signin__nav {
max-width: 50%;
justify-self: end;
}
.o-section-signin .c-form__button {
height: 50px;
width: 200px;
font-size: 0.875rem;
font-weight: 700;
border-radius: 30px;
}
.o-section-signin .c-form__button span {
display: block;
padding: 0 0 0 3px;
}
.o-section-signin .u-grid-columns-2 {
-ms-grid-columns: 50% 50%;
grid-template-columns: 50% 50%;
}
.o-section-signin .u-grid-columns-2 div {}
.o-section-signin .u-grid-columns-2 div:nth-child(2) {
border-left: 2px solid #5D5C5C;
}
.o-section-signin__step {
padding: 2.5% 0;
max-width: 1450px;
margin: 0 auto;
}
.o-section-signin__step-3 .o-section-signin__next {
width: 100%;
}
.o-section-signin__step-3-1 {
padding-left: 7.5%;
padding-right: 7.5%;
}
.o-section-signin__step-4 .o-section-signin__desc {
padding-left: 7.5%;
padding-right: 7.5%;
width: inherit;
margin-bottom: 2.5%;
}
.o-section-signin__step-4 .o-section-signin__desc:last-child {
margin-bottom: 5%;
}
.o-section-signin__step-4 .o-section-signin__claim .btn {
width: 100%;
}
.o-section-view-talks__title {
font-size: 1.625rem;
font-weight: 600;
line-height: 2.25rem;
}
.o-section-view-talks__item {
max-width: inherit;
display: -ms-grid;
display: grid;
-ms-grid-columns: 40% 1fr;
grid-template-columns: 40% 1fr;
grid-column-gap: 30px;
background-color: rgba(180,150,130,0.1);
}
.o-section-view-talks__item .c-talk {
background-color: transparent;
padding: 0 15px 0 0;
}
.o-section-view-talks__item .c-talk .middle {
min-height: 200px;
}
.o-section-view-talks__item .c-talk .middle .duration {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.o-section-view-talks__item .c-talk .bottom {
display: none;
}
.o-section-view-talks__item .c-live__content {
border-top: none;
padding: 0 0 15px;
margin-bottom: 15px;
display: -ms-flexbox;
display: flex;
opacity: 1;
overflow-x: auto;
}
.o-section-view-talks__item .c-live__content .item {
max-width: 150px;
padding: 0;
}
.o-section-view-talks__item + .o-section-view-talks__item {
margin-top: 40px;
}
.o-section-view-talks__item:last-child {
margin-bottom: 80px;
}
.o-section-magazine__claim .o-container {
max-width: 1050px;
}
.o-section-magazine__claim2 .o-container {
max-width: 1050px;
}
.o-section-zones .title {
font-size: 1.5rem;
}
.o-section-zones .title span {
font-size: 4.375rem;
}
.o-section-program__title {
font-size: 1.5rem;
}
.o-section-program__title span {
font-size: 4.375rem;
}
.o-section-program__subtitle {
max-width: 680px;
font-size: 1.25rem;
}
.o-section-program .o-tab {
padding: 5% 0;
}
.o-section-talks__item {
max-width: inherit;
display: -ms-grid;
display: grid;
-ms-grid-columns: 40% 1fr;
grid-template-columns: 40% 1fr;
grid-column-gap: 30px;
background-color: rgba(180,150,130,0.1);
}
.o-section-talks__item .c-talk {
background-color: transparent;
padding: 0 15px 0 0;
}
.o-section-talks__item .c-talk .middle {
min-height: 200px;
}
.o-section-talks__item .c-talk .middle .duration {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.o-section-talks__item .c-talk .bottom {
display: none;
}
.o-section-talks__item .c-live__content {
border-top: none;
padding: 0 0 15px;
margin-bottom: 15px;
display: -ms-flexbox;
display: flex;
opacity: 1;
overflow-x: auto;
}
.o-section-talks__item .c-live__content .item {
max-width: 150px;
padding: 0;
}
.o-section-talks .o-tab__nav {
margin: 0 auto 2.5%;
}
.o-section-talks .o-tab {}
.o-section-live .c-live__content {
/*-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);*/
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
.o-section-presentacion__epigraph {
/*max-width: 680px;*/
font-size: 1.25rem;
padding-bottom:40px;
}
.o-section-presentacion__title {
font-size: 1.5rem;
}
.o-section-presentacion__title span {
font-size: 2.8125rem;
}
.o-section-presentacion__sign {
font-size: 1.25rem;
}
.o-section-banner .o-container {
padding: 60px 0;
}
.o-section {}
.o-section-max {
max-width: 1290px;
margin: 0 auto;
}
.o-section-intro + .content {
padding-top: 15%;
}
.o-modal__head__title {
font-size: 1.5rem;
}
.o-modal__head__subtitle {
font-size: 0.6875rem;
line-height: 0.8125rem;
}
.o-modal__dark .o-modal__head {
width: 100%;
padding: 0 0 0;
max-width: 810px;
}
.o-carousel [data-controls="next"], .o-carousel [data-controls="prev"] {}
.o-carousel [data-controls="prev"] {
left: 15px;
}
.o-carousel [data-controls="next"] {
right: 15px;
}
.o-slider [data-controls="next"], .o-slider [data-controls="prev"] {
top: 200px;
}
.o-slider [data-controls="next"] {
right: 15px;
}
.o-slider [data-controls="prev"] {
left: 15px;
}
.o-scroll-center .item {
padding: 0;
max-width: 990px;
}
.o-scroll-center {
margin: 0 auto;
}
.o-scroll-col2 .item {
padding: 0 0 30px 0;
max-width: 465px;
}
.o-scroll-col2 .item:not(:first-child) {
margin-left: 30px;
}
.o-scroll-col2 {
max-width: 91.5%;
margin: 0 auto;
}
.o-scroll-col4 .item {
padding: 0 30px 30px;
max-width: 330px;
}
.o-scroll {}
.o-scroll::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.o-scroll::-webkit-scrollbar-track {
background-color: #33333333;
}
.o-scroll::-webkit-scrollbar-thumb {
border-radius: 2.5px;
background-color: #EED5E3;
width: 5px;
height: 5px;
display: block;
}
.u-grid {
display: -ms-grid;
display: grid;
grid-column-gap: 0;
}
.u-grid-columns-2 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr max(415px);
}
.u-grid-columns-2-equals {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: repeat(2, 1fr);
}
.u-grid-columns-3 {
--ncols: 3;
-ms-grid-columns: 1fr 15px 1fr 15px 1fr;
grid-template-columns: repeat(3, 1fr);
}
.u-grid-columns-4 {
--ncols: 4;
-ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
grid-template-columns: repeat(4, 1fr);
}
.u-grid-columns-5 {
--ncols: 5;
-ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr;
grid-template-columns: repeat(5, 1fr);
}
.u-grid > [class*="c-"] {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-direction: column;
flex-direction: column;
}
.u-grid-start-1 {
-ms-grid-column: 1;
grid-column-start: 1;
}
.u-grid-start-2 {
-ms-grid-column: 2;
grid-column-start: 2;
}
.u-grid-start-3 {
-ms-grid-column: 3;
grid-column-start: 3;
}
.u-grid-start-4 {
-ms-grid-column: 4;
grid-column-start: 4;
}
.u-grid-start-5 {
-ms-grid-column: 5;
grid-column-start: 5;
}
.u-grid-col {}
.u-grid-col-start-1 {
-ms-grid-column: 1 !important;
grid-column-start: 1 !important;
}
.u-grid-col-start-2 {
-ms-grid-column: 2 !important;
grid-column-start: 2 !important;
}
.u-grid-col-start-3 {
-ms-grid-column: 3 !important;
grid-column-start: 3 !important;
}
.u-grid-col-start-4 {
-ms-grid-column: 4 !important;
grid-column-start: 4 !important;
}
.u-grid-col-start-5 {
-ms-grid-column: 5 !important;
grid-column-start: 5 !important;
}
.u-grid-col-span-1 {
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
}
.u-grid-col-span-2 {
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
}
.u-grid-col-span-3 {
-ms-grid-column-span: 3;
-ms-grid-column: 1;
grid-column: 1 / span 3;
}
.u-grid-col-span-4 {
-ms-grid-column-span: 4;
-ms-grid-column: 1;
grid-column: 1 / span 4;
}
.u-grid-col-span-5 {
-ms-grid-column-span: 5;
-ms-grid-column: 1;
grid-column: 1 / span 5;
}
.u-grid-row {}
.u-grid-row-start-1 {
-ms-grid-row: 1;
grid-row-start: 1;
}
.u-grid-row-start-2 {
-ms-grid-row: 2;
grid-row-start: 2;
}
.u-grid-row-start-3 {
-ms-grid-row: 3;
grid-row-start: 3;
}
.u-grid-row-start-4 {
-ms-grid-row: 4;
grid-row-start: 4;
}
.u-grid-row-start-5 {
-ms-grid-row: 5;
grid-row-start: 5;
}
.u-grid-row-start-6 {
-ms-grid-row: 6;
grid-row-start: 6;
}
.u-grid-row-start-7 {
-ms-grid-row: 7;
grid-row-start: 7;
}
.u-grid-row-start-8 {
-ms-grid-row: 8;
grid-row-start: 8;
}
.u-grid-row-start-9 {
-ms-grid-row: 9;
grid-row-start: 9;
}
.u-grid-row-start-10 {
-ms-grid-row: 10;
grid-row-start: 10;
}
.u-grid-row-span-1 {
-ms-grid-row-span: 1;
-ms-grid-row: 1;
grid-row: 1 / span 1;
}
.u-grid-row-span-2 {
-ms-grid-row-span: 2;
-ms-grid-row: 1;
grid-row: 1 / span 2;
}
.u-grid-row-span-3 {
-ms-grid-row-span: 3;
-ms-grid-row: 1;
grid-row: 1 / span 3;
}
.u-grid-row-span-4 {
-ms-grid-row-span: 4;
-ms-grid-row: 1;
grid-row: 1 / span 4;
}
.u-grid-row-span-5 {
-ms-grid-row-span: 5;
-ms-grid-row: 1;
grid-row: 1 / span 5;
}
.u-grid-col-gap-15 {
grid-column-gap: 15px;
}
.u-grid-col-gap-30 {
grid-column-gap: 30px;
}
.u-grid-gap-30 {
grid-gap: 30px;
}
.u-grid-gap-40 {
grid-gap: 0px 40px;
}
.u-grid-gap-60 {
grid-gap: 60px;
}
.u-pb-40 {
padding-bottom: 40px !important;
}
.u-pt-40 {
padding-top: 40px !important;
}
.u-pb-120 {
padding-bottom: 120px !important;
}
.u-pt-120 {
padding-top: 120px !important;
}
.u-pb-60 {
padding-bottom: 60px !important;
}
.u-pt-60 {
padding-top: 60px !important;
}
.u-mt-40 {
margin-top: 40px !important;
}
.u-mb-40 {
margin-bottom: 40px !important;
}
.u-show-sm {}
.u-show-sm.u-flex {
display: -ms-flexbox;
display: flex;
}
.u-show-sm:not(.u-flex) {
display: block;
}
.u-hide-sm {
display: none;
}
.u-show-xs-only {
display: none;
}
.u-show-sm-only {
display: block;
}
.u-show-md-only {
display: none;
}
.u-show-lg-only {
display: none;
}
.u-hide-xs-only {
display: block;
}
.u-hide-sm-only {
display: none;
}
.u-hide-md-only {
display: block;
}
.u-hide-lg-only {
display: block;
}
.c-header__options .btn-signin {
width: 136px;
height: 29px;
border-radius: 30px;
font-size: 0.9375rem;
letter-spacing: 0.02375rem;
}
.c-header__options .btn-signin span {
display: block;
padding: 0 0 0 3px;
}
.c-header-expo .u-flex {
max-width: 1050px;
margin: 0 auto;
}
.c-header-expo__back {
top: 30px;
}
.c-header-expo__brand {
width: 230px;
}
.c-header-expo__name {
font-size: 2.5rem;
}
.c-brand__head__title {
font-size: 5rem;
}
.c-brand__head {
width: 100%;
margin-bottom: 0;
margin-top: 0;
}
.c-brand__search__result .u-grid {
grid-gap: 0;
border-left: 1px solid #bb002e;
}
.c-brand__search__result .item .c-brand {
margin: 0 20px 20px 20px;
}
.c-brand__filter__check {
max-width: inherit;
-ms-flex-pack: center;
justify-content: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.c-brand__detail__head > *:first-child {
max-width: 140px;
}
.c-brand__detail__head__slash {
width: 40px;
height: 145px;
}
.c-brand__detail__head {
-ms-grid-columns: 265px minmax(25px,90px) 1fr minmax(25px,90px);
grid-template-columns: 265px minmax(25px,90px) 1fr minmax(25px,90px);
}
.c-brand__detail__body__txt p {
font-size: 0.875rem;
line-height: 1.25rem;
}
.c-brand__detail__body__thumb {
margin-right: 30px;
margin-bottom: 0;
max-width: 253px;
}
.c-brand__detail__body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.c-brand__detail__list__title {
font-size: 1.25rem;
}
.c-brand__detail__item__txt {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.c-brand__detail__item__txt h3 {
font-size: 1rem;
}
.c-brand__detail__item__thumb {
max-width: 167px;
margin-bottom: 0;
margin-top: 0;
}
.c-brand__detail__item {
display: -ms-grid;
display: grid;
grid-row-gap: 15px;
-ms-grid-columns: 50% 50%;
grid-template-columns: 50% 50%;
}
.c-brand__detail__item .c-brand__detail__item__thumb {
-ms-grid-column: 2;
grid-column-start: 2;
margin-left: auto;
}
.c-brand__detail__item .c-brand__detail__item__txt {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column: 1;
grid-column-start: 1;
}
.c-brand__detail__item .c-brand__detail__item__more {
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
}
.c-brand__detail__item .c-brand__detail__item__cta {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column: 1;
grid-column-start: 1;
margin: auto 0 0 auto;
}
.c-brand__detail__title {
font-size: 2.125rem;
}
.c-brand__txt {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.c-brand__txt h3 {
font-size: 1rem;
}
.c-brand__thumb .star {
max-width: 30px;
max-height: 30px;
}
.c-brand__thumb img {
margin-bottom: 0;
margin-top: 0;
}
.c-brand-gss .c-form__button {
display: -ms-flexbox;
display: flex;
}
.c-brand-gss {
padding: 40px 20px;
-ms-flex-direction: row;
flex-direction: row;
}
.c-title {
font-size: 2.5rem;
padding-top: 40px;
}
.c-title:not(.no-padding) {
padding-bottom: 40px;
}
.c-title-subtitle {
padding-bottom: 40px;
}
.c-title.titleMag {
font-size: 5.625rem;
}
.c-btn__play {
width: 120px;
height: 50px;
border-radius: 40px;
font-size: 1rem;
}
.c-btn__play:after {
border-width: 8px 0 8px 8px;
margin-left: 5px;
}
.c-event {
border-left: 1px solid rgba(180, 150, 130, 0.5);
-ms-flex-direction: column;
flex-direction: column;
min-height: 225px;
-ms-flex-align: center;
align-items: center;
margin: 0;
border-bottom: none;
}
.c-event__thumb {
margin-bottom: 15px;
margin-right: 0;
}
.c-event__txt {
margin-right: 0;
max-width: 120px;
-ms-flex-align: center;
align-items: center;
}
.c-event__txt > * {
text-align: center;
}
.c-event__title {
margin-top: 15px;
}
.c-event__icon {
left: inherit;
right: 15px;
}
.c-head-blog__wrap {
height: 310px;
}
.c-head-blog__thumb {
display: block;
max-width: 120px;
}
.c-head-blog__slash {
height: 230px;
}
.c-head-blog__date {
font-size: 6.25rem;
}
.c-head-blog__title {
font-size: 6.25rem;
}
.c-head-blog__section:before, .c-head-blog__section:after {
height: 230px;
}
.c-subhead-blog a {
font-size: 1.125rem;
line-height: 1.5rem;
}
.c-subhead-blog a:before {
height: 60px;
margin: 0 15px;
}
.c-subhead-blog:after {
height: 60px;
margin: 0 15px;
}
.c-subhead-blog {
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-user__head {
max-width: inherit;
padding: 30px;
}
.c-user__head__thumb {
max-width: 90px;
}
.c-user__head__txt {
max-width: calc(100% - 115px);
padding-left: 25px;
}
.c-user__head__txt__title {
text-align: center;
font-size: 1.5rem;
}
.c-user__head__txt__subtitle {
text-align: center;
font-size: 0.75rem;
letter-spacing: 0.03125rem;
}
.c-user__navigation {
max-width: 600px;
}
.c-user__navigation__item {
font-size: 0.6875rem;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
}
.c-user__option-favoritos .c-user__navigation {
max-width: inherit;
-ms-flex-pack: center;
justify-content: center;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 0;
}
.c-user__option-favoritos .c-user__navigation__item {
padding: 15px;
}
.c-user__option {
max-width: inherit;
padding: 0;
margin: 0;
}
.c-speaker {
margin-left: 30px;
margin-right: 30px;
}
.c-speaker__thumb {
max-width: 120px;
max-height: 90px;
}
.c-speaker__txt {
margin-left: 0;
}
.c-speaker__title {}
.c-speaker__head {
padding-top: 100px;
background-color: transparent;
}
.c-speaker__head__title {
padding: 20px 0;
font-size: 2.1875rem;
}
.c-speaker__body {
background-color: transparent;
padding: 0 0 100px 0;
}
.c-speaker__body .c-mosaic, .c-speaker__body .c-top {
max-width: inherit;
/* padding: 0 0 40px;*/
margin: 0;
}
.c-form__text input[type="text"], .c-form__text input[type="email"], .c-form__text input[type="password"], .c-form__text input[type="tel"], .c-form__text input[type="date"], .c-form__text input[type="number"] {
font-size: 1.125rem;
}
.c-form__select select {
font-size: 1.125rem;
}
.c-form__check {
max-width: inherit;
-ms-flex-pack: center;
justify-content: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.c-form__button {
height: 50px;
border-radius: 30px;
width: 200px;
font-size: 1rem;
}
.c-form__button span {
display: block;
}
.c-form__switch__text p {
font-size: 1.125rem;
}
.c-form__check-button {
border-left: 1px solid rgba(180, 150, 130, 0.5);
}
.c-form-signin__step-1 .u-grid {
-ms-grid-columns: 50% 50%;
grid-template-columns: 50% 50%;
padding-bottom: 20px;
}
.c-form-signin__step-1 .u-bg-white {
padding-bottom: 20px;
}
.c-form-signin__step-2 .o-carousel .tns-inner {}
.c-form-signin__step-2 .o-carousel .tns-inner:before {
background-color: #fff;
content: '';
height: 100%;
width: 2px;
position: absolute;
top: 0;
left: 90px;
z-index: 4;
}
.c-form-signin {
max-width: 1050px;
margin: 0 auto;
}
.c-form-signin__step-2 .c-form__title {
padding: 40px 0;
}
.c-card-speaker .top .type {
font-size: 0.6875rem;
}
.c-card-speaker .top .star {
width: 30px;
height: 30px;
}
.c-card-speaker .middle .title {
font-size: 1.125rem;
line-height: 1.375rem;
max-width: 60%;
}
.c-card-speaker .middle .subtitle {
font-size: 0.875rem;
font-weight: 600;
line-height: 1.125rem;
max-width: 150px;
}
.c-card-speaker .middle .duration {
font-size: 0.6875rem;
}
.c-card-intro {
max-width: 80%;
min-height: 690px;
padding-bottom: 0;
padding-top: 60px;
}
.c-card-intro__thumb {
margin-bottom: 30px;
}
.c-card-intro__thumb .icon {
width: 390px;
height: 90px;
margin-bottom: 20px;
}
.c-card-intro__thumb .txt {
font-size: 1.5rem;
line-height: 1.5rem;
}
.c-card-intro__claim {
font-size: 2.5rem;
line-height: 3.125rem;
padding-bottom: 60px;
}
.c-card-intro__claim.c26 {
font-size: 1.625rem;
line-height: 2.5rem;
}
.c-card-intro__title {
font-size: 3.75rem;
font-weight: 500;
line-height: 3.75rem;
padding-bottom: 60px;
}
.c-card-intro__date {
font-size: 1.125rem;
line-height: 1.5rem;
margin-bottom: 30px;
}
.c-card-intro__subtitle {
padding-bottom: 60px;
font-size: 1.375rem;
line-height: 2.25rem;
}
.c-card-intro__subtitle + img {
padding-top: 100px;
}
.c-card-claim__embed.video {
height: 690px;
}
.c-card-claim__embed.video:before {
max-height: 690px;
}
.c-card-claim__embed.video .icon {
width: 120px;
height: 50px;
margin-left: -60px;
margin-top: -25px;
border-radius: 40px;
font-size: 1rem;
}
.c-card-claim__embed.video .icon:after {
border-width: 8px 0 8px 8px;
margin-left: 5px;
}
.c-card-claim__embed.video .txt p {
font-size: 1.875rem;
}
.c-card-claim__embed.video .txt p.live {
font-size: 7.5rem;
}
.c-card-claim__embed.video .txt p.live:after {
width: 20px;
height: 20px;
}
.c-card-claim__embed.video .txt {
top: 5.5%;
}
.c-card-claim__embed {
margin-bottom: 40px;
}
.c-card-claim__poster {
margin-bottom: 40px;
}
.c-card-claim {
max-width: 600px;
}
.c-card-claim__title {
font-size: 1.875rem;
line-height: 2.5rem;
margin-bottom: 60px;
}
.c-card-claim__subtitle {
font-size: 1.375rem;
line-height: 2.25rem;
}
.c-card-claim__media {
max-width: 768px;
background-color: transparent;
}
.c-card-claim__media-top-left {
margin: 0 0 auto 0;
}
.c-card-claim__media-top-left video, .c-card-claim__media-top-left .video-js.vjs-fluid {
width: 720px;
height: 405px;
background-color: transparent;
}
.c-card-claim__media-top-right {
display: block;
margin-bottom: -100%;
margin-right: auto;
margin-left: -120px;
}
.c-card-claim__media-bottom-left {
margin: 0;
}
.c-card-claim__media-bottom-right {
margin-left: auto;
margin-right: -120px;
margin-bottom: -80px;
}
.c-card-article__thumb .icon {
width: 120px;
height: 50px;
margin-left: -60px;
margin-top: -25px;
border-radius: 40px;
font-size: 1rem;
}
.c-card-article__thumb .icon:after {
border-width: 8px 0 8px 8px;
margin-left: 5px;
}
.c-card-article__share .c-icon {
width: 40px;
height: 40px;
}
.c-card-article__share .c-icon + .c-icon {
margin-left: 20px;
}
.c-card-stand__thumb__img {
max-height: inherit;
-o-object-fit: inherit;
object-fit: inherit;
max-width: inherit;
}
.c-card-stand__thumb__title {
font-size: 1.5rem;
}
.c-card-stand__txt .top .type {
font-size: 0.6875rem;
}
.c-card-stand__txt .top .star {
width: 30px;
height: 30px;
}
.c-card-stand__txt .middle .thumb {
margin-bottom: 13px;
}
.c-card-stand__txt .middle .title {
font-size: 1.125rem;
line-height: 1.3125rem;
}
.c-card-stand__txt .middle .txt {
margin-bottom: 10px;
}
.c-card-stand__txt .bottom {
padding-top: 15px;
}
.c-card-stand__txt {
max-width: 510px;
}
.c-card-auditorio__title {
font-size: 3.75rem;
padding-bottom: 10px;
}
.c-card-auditorio__thumb {
margin: 5vh auto;
}
.c-card-auditorio__thumb:before {
font-size: 1rem;
line-height: 1.875rem;
padding: 30px;
border-left: 4px solid #FFF;
border-bottom: 4px solid #FFF;
}
.c-card-auditorio__thumb {
width: 100%;
height: 690px;
}
.c-card-auditorio__thumb .c-card-intro__thumb {
margin-left: -12.5%;
margin-top: -12.5%;
transform: scale(1.8);
}
.c-card-auditorio__txt {
padding: 60px 0 120px;
}
.c-card-avatar {
max-width: 420px;
}
.c-card-recipe .category {
font-size: 0.6875rem;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
}
.c-card-recipe .title {
font-size: 1.125rem;
line-height: 1.375rem;
}
.c-card-recipe .more {
font-size: 0.6875rem;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
}
.c-card-recipe {
padding: 45px 30px;
}
.c-card-banner__txt {
padding: 30px 0 0;
}
.c-card-banner__title {
font-size: 3.75rem;
}
.c-card-banner__subtitle {
font-size: 1.25rem;
}
.c-card-banner .c-form__button {
margin-bottom: 85px;
width: 200px;
}
.scene {
width: 720px;
height: 1020px;
}
.cube {
width: 720px;
height: 720px;
transform: translateZ(-360px);
}
.cube__face {
width: 720px;
height: 720px;
}
.cube__face--front {
transform: rotateY(0deg) translateZ(360px);
}
.cube__face--right {
transform: rotateY(90deg) translateZ(360px);
}
.cube__face--back {
transform: rotateY(0deg) translateZ(120px);
}
.cube__face--left {
transform: rotateY(-90deg) translateZ(360px);
}
.cube__face--top {
transform: rotateX(90deg) translateZ(360px);
}
.cube__face--bottom {
transform: rotateX(-90deg) translateZ(360px);
}
.c-opinion__epigraph {
margin-bottom: 30px;
}
.c-opinion__epigraph.u-color-gas-04 {
text-align: right;
}
.c-opinion__signature {
margin-bottom: 0;
}
.c-opinion__thumb {
height: 100px;
width: 100px;
}
.c-opinion .u-grid-columns-2 {
-ms-grid-columns: 50% 50%;
grid-template-columns: 50% 50%;
grid-column-gap: 45px;
width: 100%;
max-width: 690px;
margin: 0 auto;
}
.c-expo__line .slick-prev, .c-expo__line .slick-next {
width: 60px;
height: 60px;
margin-top: -30px;
}
.c-expo__line .slick-prev {
left: 15px;
}
.c-expo__line .slick-next {
right: 15px;
}
.c-expo__line {
max-width: 100%;
margin: 0 auto;
}
.c-expo__detail__intro__count {
font-size: 2.5rem;
}
.c-expo .c-card-thumb {
height: 320px;
}
.c-program__head__title {
font-size: 5rem;
}
.c-program__head__subtitle {
font-size: 1.5rem;
line-height: 1.75rem;
letter-spacing: 0.0375rem;
}
.c-program__head {
width: 100%;
margin-bottom: 0;
margin-top: 0;
padding: 5% 0;
}
.c-program__sidebar__box > [class*="c-"]:not(:last-child) {
margin-bottom: 30px;
}
.c-program__sidebar__box {
position: sticky;
top: 100px;
margin: 70% 0 70% 10%;
}
.c-program__filter__title {
max-width: 13ch;
}
.c-program__item__where {
font-size: 1.25rem;
line-height: 1;
}
.c-program__item__time {
font-size: 1rem;
}
.c-program__item__info {
padding: 15px 30px 15px 0;
}
.c-program__item__content {
margin-left: 20px;
padding: 0 20px 30px;
min-height: 365px;
}
.c-program__item {
-ms-grid-columns: 75px 1fr;
grid-template-columns: 75px 1fr;
max-width: 85%;
}
.c-program__print__content {
margin-left: 20px;
padding: 0 20px 30px;
}
.c-program__print {
-ms-grid-columns: 75px 1fr;
grid-template-columns: 75px 1fr;
max-width: 85%;
}
.c-program {
padding: 0 0 100px 0;
}
.c-detail__type {
color: #000000;
font-size: 1rem;
letter-spacing: 0.09625rem;
line-height: 1.25rem;
-ms-grid-row-span: 1;
-ms-grid-row: 1;
grid-row: 1 / span 1;
}
.c-detail__share .c-icon {
width: 45px;
height: 45px;
}
.c-detail__promo .type {
font-size: 1.875rem;
letter-spacing: 0.18rem;
line-height: 2.3125rem;
}
.c-detail__promo .event {
font-size: 1.25rem;
font-weight: 500;
letter-spacing: 0.03125rem;
line-height: 1.5rem;
}
.c-detail__name {
display: block;
position: absolute;
top: 0;
right: -200px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 12.5rem;
font-weight: 600;
line-height: 12.5rem;
text-transform: uppercase;
opacity: 0.1;
color: #B49682;
white-space: nowrap;
}
.c-detail__related {
position: relative;
margin: 10% 0;
transform: scale(1.12);
}
.c-detail__related__title {
font-size: 1.5rem;
padding: 5% 0;
margin-bottom: calc(-20% + 48px);
z-index: 2;
position: relative;
}
.c-detail__related__wrap {
z-index: 1;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
overflow-x: scroll;
overflow-y: hidden;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0;
width: 100%;
max-width: 1050px;
box-sizing: border-box;
}
.c-detail__related__wrap .item {
margin: 180px 5% 180px 120px;
max-width: calc(50% - 204px) !important;
width: 100%;
padding: 0 15px;
-ms-flex: none;
flex: none;
position: relative;
}
.c-detail__related__wrap .item:before {
height: 180px;
width: 180px;
top: -180px;
left: -118px;
}
.c-detail__related__wrap .item:first-child {
margin-left: 120px !important;
}
.c-detail__related__wrap .item:nth-child(2n) {
margin: 180px 120px 180px 5%;
}
.c-detail__related__wrap .item:nth-child(2n):before {
bottom: -180px;
right: -118px;
}
.c-detail__related__wrap::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.c-detail__related__wrap::-webkit-scrollbar-track {
background-color: #FFF;
}
.c-detail__related__wrap::-webkit-scrollbar-thumb {
border-radius: 2.5px;
background-color: #19BECD;
width: 5px;
height: 5px;
display: block;
}
.c-detail__related:before {
content: '';
background-color: #FFF;
margin: 0 auto;
width: calc(100% - 120px);
height: calc(100% - 90px);
position: absolute;
top: 20px;
left: 60px;
}
.c-detail__title {
font-size: 1.875rem;
line-height: 2.5rem;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column-span: 1;
-ms-grid-column: 2;
grid-column: 2 / span 1;
}
.c-detail__star {
height: 30px;
width: 30px;
-ms-grid-column: 3;
grid-column-start: 3;
}
.c-detail__subtitle {
font-size: 1.375rem;
line-height: 2.25rem;
}
.c-detail__aside {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
}
.c-detail__aside .c-event {
border-left: none;
-ms-flex-align: start;
align-items: flex-start;
}
.c-detail__aside .c-event__txt {
-ms-flex-align: start;
align-items: flex-start;
}
.c-detail__aside .c-event__txt > * {
text-align: left;
}
.c-detail__aside .c-event__icon {
right: 0;
}
.c-detail__aside-t3 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
}
.c-detail__product-card__top .type {
font-size: 0.6875rem;
}
.c-detail__product-card__top .star {
width: 30px;
height: 30px;
}
.c-detail__txt > p {
font-size: 1rem;
line-height: 2rem;
}
.c-detail__txt > h2, .c-detail__txt > h3 {
font-size: 1.5rem;
line-height: 1.75rem;
}
.c-detail-speaker .c-detail__head .c-detail__title, .c-detail-speaker .c-detail__head .c-detail__subtitle {
font-size: 1.875rem;
line-height: 2.5rem;
}
.c-detail-speaker .c-box__nav {
-ms-flex-direction: column;
flex-direction: column;
overflow-x: inherit;
}
.c-detail-speaker .c-box__nav a {}
.c-detail-speaker .c-box__nav a + a {
margin-top: 5px;
margin-left: 0;
}
.c-detail-speaker .c-box {
width: 120px;
margin-bottom: 60px;
}
.c-detail-magazine .c-detail__head .c-detail__title, .c-detail-magazine .c-detail__head .c-detail__subtitle {
font-size: 1.875rem;
line-height: 2.5rem;
}
.c-detail-sponsor > .c-card-thumb {
height: 690px;
}
.c-detail-sponsor .c-detail__type {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column-span: 1;
-ms-grid-column: 2;
grid-column: 2 / span 1;
}
.c-detail-sponsor .c-detail__title {
-ms-grid-row: 2;
grid-row-start: 2;
}
.c-detail-sponsor .c-detail__subtitle {
font-size: 1.875rem;
font-weight: 600;
line-height: 3.125rem;
text-transform: uppercase;
color: #3C828C;
}
.c-detail-sponsor .c-detail__name {
right: -120px;
}
.c-detail {
margin: 0 auto;
max-width: 1050px;
}
.c-detail:not(.c-detail-sponsor) {
max-width: 1050px;
}
.c-talk .top .type {
font-size: 16px;
}
.c-talk .top .star {
width: 30px;
height: 30px;
}
.c-talk .middle .thumb {
margin-bottom: 13px;
}
.c-talk .middle .title {
font-size: 1.125rem;
line-height: 1.3125rem;
}
.c-talk .middle .speaker {
margin-bottom: 10px;
}
.c-talk .middle .duration {
font-size: 16px;
}
.c-talk .bottom {
padding-top: 15px;
}
.c-talk-break {
min-height: 340px;
}
.c-talk-break .msg {
font-size: 4.375rem;
line-height: 19.375rem;
}
.c-talk-break .msg:before {
height: 30px;
}
.c-mosaic {
max-width: inherit;
margin: 0;
}
.c-mosaic__title {
padding: 10px 0;
font-size: 5.625rem;
}
.c-mosaic__wrap {
max-width: 840px;
margin: 0 auto;
}
.c-numbers__wrap {
height: 240px;
}
.c-numbers__item {
min-width: calc(20% - 105px);
}
.c-numbers__slash {
height: 270px;
margin: 0 50px;
width: 5px;
}
.c-numbers .txt {
font-size: 1.0625rem;
}
.c-numbers .number {
font-size: 7.5rem;
line-height: 1;
}
.c-box__nav {
-ms-flex-direction: column;
flex-direction: column;
overflow-x: inherit;
}
.c-box__nav a {}
.c-box__nav a + a {
margin-top: 5px;
margin-left: 0;
}
.c-box__btn {
margin: 30px 0;
}
.c-box__btn span {
display: block;
}
.c-box {
width: 120px;
margin-bottom: 60px;
}
.c-top__title {
height: 150px;
width: 150px;
font-size: 1.125rem;
letter-spacing: 0.1125rem;
}
.c-top__title span {
font-size: 2rem;
line-height: 1.2;
letter-spacing: 0.1125rem;
}
.c-top__content {
padding: 5%;
display: -ms-grid;
display: grid;
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
white-space: normal;
overflow-x: inherit;
}
.c-top .item .c-card:before {
font-size: 3.75rem;
margin-bottom: 30px;
}
.c-top .item .c-card {
min-height: 465px;
}
.c-top .item {
width: 100%;
}
.c-top .item + .item {
margin-left: 0;
}
.c-top {
margin-top: -110px;
}
.c-top__wrap {
max-width: 840px;
margin: 0 auto;
}
.c-top__wrap > .c-card {
border-right: 1px solid #EED5E3;
margin-bottom: 30px;
min-height: 375px;
}
.c-top__wrap > .c-card .bottom {
border-bottom: 1px solid #EED5E3;
padding-bottom: 60px;
}
.c-top__wrap > .c-card:nth-child(4n+1), .c-top__wrap > .c-card:first-child {
border-left: 1px solid #EED5E3;
}
.c-pagination__select select {
font-size: 1.125rem;
}
.c-pagination__select {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
}
.c-pagination__pages {
-ms-flex-pack: justify;
justify-content: space-between;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.c-pagination {
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-partner__title {
font-size: 1.25rem;
letter-spacing: 0.03125rem;
}
.c-partner__group-def {
-ms-grid-columns: (150px)[2];
grid-template-columns: repeat(2, 150px);
grid-column-gap: 20px;
-ms-grid-column-align: center;
justify-items: center;
max-width: 320px;
}
.c-partner__group-def2 {
-ms-grid-columns: (150px)[3];
grid-template-columns: repeat(3, 150px);
grid-column-gap: 20px;
-ms-grid-column-align: center;
justify-items: center;
max-width: 490px;
}
.c-partner__group-def2 img {
max-width: 50%;
}
.c-partner__group-g1 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 30px;
-ms-grid-column-align: left;
justify-items: left;
}
.c-partner__group-g2 {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
padding: 0 !important;
grid-column-gap: 41px;
max-width: inherit;
}
.c-partner__group-g3 {
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
grid-column-gap: 13px;
}
.c-partner__group {}
.c-partner__group.col-5-sm {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
grid-column-gap: 20px;
-ms-grid-column-align: center;
justify-items: center;
max-width: 830px;
}
.c-partner__head__title {
font-size: 3.375rem;
}
.c-partner__head__thumb {
margin-top: -5%;
margin-right: -5%;
}
.c-partner__head {
width: 100%;
margin-bottom: 0;
margin-top: 0;
}
.c-footer__share .c-icon {
width: 60px;
height: 60px;
}
.c-footer__share .c-icon + .c-icon {
margin-left: 20px;
}
.c-footer__share__title {
text-align: left;
}
.c-footer__share {
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 0;
}
.c-footer__org {
text-align: left;
font-size: 1.4375rem;
line-height: 1.75rem;
margin-top: auto;
}
.c-footer__mail {
text-align: left;
font-size: 1.1875rem;
line-height: 1.5625rem;
}
.c-footer__brand {
margin: 45px 0 50px auto;
max-width: 295px;
}
.c-footer__bottom {
font-size: 1.125rem;
padding-top: 45px;
-ms-flex-direction: row;
flex-direction: row;
}
.c-footer__copy span {
margin-bottom: 0;
font-size: 1.125rem;
}
.c-footer__copy {
-ms-flex-direction: row;
flex-direction: row;
}
.c-footer__links a {
font-size: 1.125rem;
}
.c-footer__links a:before {
content: '';
background-color: #333333;
display: block;
height: 16px;
width: 1px;
margin: 0 5px;
}
.c-footer__links {
-ms-flex-pack: start;
justify-content: flex-start;
}
.c-footer__top {}
.c-footer__top > div {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.c-footer__companies .icon {
min-height: 60px;
min-width: 60px;
}
.c-footer__companies {
margin-bottom: 0;
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-footer {
padding: 80px 0 35px;
}
.c-live__head__wrap {
-ms-grid-columns: 1fr minmax(25px,90px) 1fr minmax(25px,90px) 1fr;
grid-template-columns: 1fr minmax(25px,90px) 1fr minmax(25px,90px) 1fr;
}
.c-live__head__wrap > *:first-child {
max-width: 140px;
}
.c-live__head__wrap > *:last-child {
max-width: 360px;
}
.c-live__head__slash {
width: 40px;
height: 145px;
}
.c-live__head__title span:after {
width: 26px;
height: 26px;
}
.c-live__head__title {}
.c-live__head {
padding: 30px 0;
}
.c-live__top .hour {
font-size: 2rem;
letter-spacing: 0.04438rem;
}
.c-live__top .hour span {
font-size: 1rem;
}
.c-live__top .time i {
height: 20px;
}
.c-live__top .time i:nth-child(4) {
height: 40px;
}
.c-live__top .time .cursor {
height: 40px;
}
.c-live__top .time {
margin-top: 0;
}
.c-live__content__thumb:before {
font-size: 1rem;
line-height: 1.875rem;
top: 15px;
right: 30px;
}
.c-live__content__thumb {
height: 690px;
}
.c-live__content__track {
width: 450px;
height: 450px;
margin-top: -225px;
margin-left: -225px;
font-size: 18.75rem;
border: 10px solid #FFF;
}
.c-live__content__video .icon {
width: 120px;
height: 50px;
margin-left: -60px;
margin-top: -25px;
border-radius: 40px;
font-size: 1rem;
}
.c-live__content__video .icon:after {
border-width: 8px 0 8px 8px;
margin-left: 5px;
}
.c-live__content__video .progress .bar {
height: 15px;
}
.c-live__content__video .progress .bar[data-title] {}
.c-live__content__video .progress .bar[data-title]:before {
bottom: 35px;
left: calc(100% - 42px);
height: 30px;
width: 80px;
border-radius: 40px;
font-size: 0.75rem;
line-height: 1.875rem;
}
.c-live__content__video .progress .bar[data-title]:after {
height: 20px;
bottom: 15px;
}
.c-live__content__txt__type {}
.c-live__content__txt__title {}
.c-live__content {
padding: 5vh;
}
.c-live__content .c-card-auditorio__thumb .c-card-intro__thumb {
margin-top: -38px;
margin-left: -150px;
transform: scale(1.6);
}
.c-live__content__bottom {
padding: 0 0 5% 0;
min-height: 180px;
}
.c-live__content > .u-grid-columns-2 {
-ms-grid-columns: 1fr 690px;
grid-template-columns: 1fr 690px;
grid-column-gap: 70px;
grid-row-gap: 30px;
}
.c-live__content-pad .c-live__content__txt {
padding: 0 10%;
}
.c-live__content-pad {
padding: 5vh 0;
}
.c-live__content .author .type {
font-size: 0.6875rem;
}
.c-live__content .o-scroll-col4 .item {
max-width: 120px;
}
.c-live__info {
-ms-grid-columns: minmax(120px, 200px) 1fr minmax(120px, 200px);
grid-template-columns: minmax(120px, 200px) 1fr minmax(120px, 200px);
}
.c-live__info-current {
-ms-grid-column-span: 1;
-ms-grid-column: 2;
grid-column: 2 / span 1;
padding: 15px 25px;
}
.c-live__info-prev {
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
-ms-grid-row-span: 1;
-ms-grid-row: 1;
grid-row: 1 /span 1;
}
.c-live__info-next {
-ms-grid-column-span: 1;
-ms-grid-column: 3;
grid-column: 3 / span 1;
-ms-grid-row-span: 1;
-ms-grid-row: 1;
grid-row: 1 /span 1;
}
.c-live__timeline__item {
width: 990px;
}
.c-live__timeline__item.slick-current {
width: 990px !important;
}
.c-live__timeline:before {
height: 74px;
}
.c-live {
width: 990px;
}
.c-personal__title {
font-size: 1.5rem;
font-weight: 500;
max-width: 330px;
}
.c-personal__subtitle {
font-size: 1.5rem;
max-width: 330px;
}
.c-personal__button {
height: 40px;
width: 165px;
font-size: 0.75rem;
}
.c-personal__button span {
display: block;
}
.c-personal {
padding: 40px;
width: 100%;
}
.c-palace__head {}
.c-palace__head__title {
padding: 20px 0 100px;
font-size: 3.75rem;
letter-spacing: 0.03438rem;
}
.c-palace__title {
padding: 10px 0;
font-size: 3.75rem;
color: #FFF;
}
.c-palace {
padding: 100px 0 0 0;
}
.c-player__body.open-chat {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 300px;
grid-template-columns: 1fr 300px;
grid-column-gap: 30px;
transition: all .3s;
padding: 0 30px 0 0;
}
.c-player__body.open-chat .c-player__options {
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
}
.c-player__body.open-chat .c-player__chat {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row: 1;
grid-row-start: 1;
grid-row-end: 3;
margin-bottom: 30px;
}
.c-player__body.open-question {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 300px;
grid-template-columns: 1fr 300px;
grid-column-gap: 30px;
padding: 0 30px 0 0;
}
.c-player__body.open-question .c-player__options {
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
}
.c-player__body.open-question .c-player__question {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row: 1;
grid-row-start: 1;
grid-row-end: 3;
margin-bottom: 30px;
}
.c-player__embed .progress .bar {
height: 15px;
}
.c-player__embed .progress .bar[data-title] {}
.c-player__embed .progress .bar[data-title]:before {
bottom: 35px;
left: calc(100% - 42px);
height: 30px;
width: 80px;
border-radius: 40px;
font-size: 0.75rem;
line-height: 1.875rem;
}
.c-player__embed .progress .bar[data-title]:after {
height: 20px;
bottom: 15px;
}
.c-player__options > .u-flex {
width: 50%;
}
.c-player__options .lang {
margin: 0 25px;
font-size: 0.6875rem;
}
.c-player__options .c-form__button {
margin: 25px 5%;
width: 120px;
}
.c-player__options .share .c-icon {
width: 30px;
height: 30px;
}
.c-player .c-player__chat {
margin: 30px 0 0;
}
.c-player .c-player__question {
margin: 30px 0 0;
}
.c-directo__thumb img {
max-width: 55%;
}
.c-directo__live__title span:after {
width: 18px;
height: 18px;
}
.c-directo__live__title {
font-size: 1.875rem;
}
.c-directo__live__content__title {
font-size: 1.125rem;
}
.c-directo__live__content__thumb:before {
font-size: 1rem;
line-height: 1.875rem;
top: 15px;
right: 30px;
}
.c-directo__live__content__thumb {
height: 690px;
}
.c-directo__live__content__track {
width: 450px;
height: 450px;
margin-top: -225px;
margin-left: -225px;
font-size: 18.75rem;
border: 10px solid #FFF;
}
.c-directo__live__content__video .icon {
width: 120px;
height: 50px;
margin-left: -60px;
margin-top: -25px;
border-radius: 40px;
font-size: 1rem;
}
.c-directo__live__content__video .icon:after {
border-width: 8px 0 8px 8px;
margin-left: 5px;
}
.c-directo__live__content__video .progress .bar {
height: 15px;
}
.c-directo__live__content__video .progress .bar[data-title] {}
.c-directo__live__content__video .progress .bar[data-title]:before {
bottom: 35px;
left: calc(100% - 42px);
height: 30px;
width: 80px;
border-radius: 40px;
font-size: 0.75rem;
line-height: 1.875rem;
}
.c-directo__live__content__video .progress .bar[data-title]:after {
height: 20px;
bottom: 15px;
}
.c-directo__live__content__txt__type {}
.c-directo__live__content__txt__title {}
.c-directo__bg {
margin-top: -23vh;
-ms-grid-row-span: 1;
-ms-grid-row: 3;
grid-row: 3 / span 1;
}
.c-envivo__thumb {
-ms-flex-item-align: self-start;
-ms-grid-row-align: self-start;
align-self: self-start;
}
.c-envivo__thumb img {
max-width: 45%;
}
.c-envivo__live__title span:after {
width: 17px;
height: 17px;
}
.c-envivo__live__title {
font-size: 1.5625rem;
}
.c-envivo__live__content__video .icon {
width: 120px;
height: 50px;
margin-left: -60px;
margin-top: -25px;
border-radius: 40px;
font-size: 1rem;
}
.c-envivo__live__content__video .icon:after {
border-width: 8px 0 8px 8px;
margin-left: 5px;
}
.c-envivo__live__content__video .progress .bar {
height: 15px;
}
.c-envivo__live__content__video .progress .bar[data-title] {}
.c-envivo__live__content__video .progress .bar[data-title]:before {
bottom: 35px;
left: calc(100% - 42px);
height: 30px;
width: 80px;
border-radius: 40px;
font-size: 0.75rem;
line-height: 1.875rem;
}
.c-envivo__live__content__video .progress .bar[data-title]:after {
height: 20px;
bottom: 15px;
}
.bannerNavidad > img.mobile {
display: none;
}
.bannerNavidad > img.tablet {
display: block;
width: 100%;
}
.bannerNavidad > img.desktop {
display: none;
}
}
@media (min-width: 992px) {
.o-section-signin__legal .c-form__check {
max-width: 100%;
}
.o-section-magazine .c-title {
font-size: 4.375rem;
}
.o-section-magazine__group {
padding: 40px 0;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(1) .c-card-article__thumb {
width: 120px;
height: 120px;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(1) .c-card-article__thumb .icon {
width: 94px;
height: 39px;
margin-top: -19.5px;
margin-left: -47px;
font-size: 0.75rem;
font-weight: normal;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(1) .c-card-article__thumb .icon:after {
border-width: 6px 0 6px 6px;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(1) .c-card-article__thumb {
margin-bottom: 30px;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(1) {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-row-gap: 0;
max-width: 255px;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(2) .c-card-article__thumb {
margin-left: auto;
margin-bottom: 0;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(2) .c-card-article__thumb img {
max-height: inherit;
max-width: inherit;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(2) {
-ms-grid-columns: calc(50% - 30px) calc(50% - 60px);
grid-template-columns: calc(50% - 30px) calc(50% - 60px);
margin-left: auto;
grid-row-gap: 0;
}
.o-section-magazine__claim .o-container .c-card-article:nth-child(2) .c-card-article__txt {
padding-top: 30px;
}
.o-section-magazine__claim .o-container .c-card-article__title {
font-size: 1.375rem;
line-height: 1.75rem;
}
.o-section-magazine__claim2 .o-container .c-card-article {
display: block;
grid-row-gap: 0;
}
.o-section-magazine__claim2 .o-container .c-card-article .c-card-article__txt {
padding-top: 30px;
}
.o-section-magazine__claim2 .o-container .c-card-article + .c-card-article {
margin-top: 0;
}
.o-section-magazine__claim2 .o-container .c-card-article__title {
font-size: 2.25rem;
line-height: 2.75rem;
}
.o-section-magazine__claim2 .o-container .c-card-article__title + .c-card-article__subtitle {
margin-top: 45px;
}
.o-section-magazine__claim2 .o-container .c-card-article__subtitle {
font-size: 1rem;
line-height: 1.625rem;
}
.o-section-magazine__claim2 .u-grid-columns-2 {
width: 100%;
-ms-grid-columns: calc(50% - 30px) calc(50% - 30px);
grid-template-columns: calc(50% - 30px) calc(50% - 30px);
grid-column-gap: 30px;
}
.o-section-magazine .u-bg-white {
background: #FFF url(../img/bg/magazine.svg) repeat-y top center;
}
.o-section-magazine .c-detail__name {
right: 0;
}
.o-section-magazine-v2__breaking {
max-width: 85%;
}
.o-section-magazine-v2__breaking__line strong {
padding-right: 15px;
}
.o-section-magazine-v2__breaking__line strong:before {
width: 30px;
height: 30px;
margin-right: 10px;
}
.o-section-magazine-v2__breaking__line strong {
font-size: 1.5rem;
padding-right: 15px;
}
.o-section-magazine-v2__breaking__line {
font-size: 1.5rem;
}
.o-section-magazine-v2__breaking:after {
margin: 20px auto;
}
.o-section-magazine-v2__thumb {
margin-right: -65px;
margin-top: -170px;
padding-top: 100px;
}
.o-section-magazine-v2__title {
font-size: 6.25rem;
}
.o-section-magazine-v2 {
/*background: transparent url(../img/bg/magazine-v2.svg) repeat-y top center;*/
padding-top: 40px;
}
.o-section-covid__thumb-top {
max-width: 786px;
max-height: 363px;
margin: 0 auto -75px;
}
.o-section-covid__title {
font-size: 1.5rem;
margin-top: 80px;
}
.o-section-covid__subtitle {
font-size: 2.125rem;
}
.o-section-covid__cta svg {
width: 20px;
height: 20px;
}
.o-section-covid__cta {
border: 2px solid #F6AD32;
margin-top: 32px;
margin-bottom: 32px;
font-size: 1.25rem;
height: 50px;
padding: 0 15px;
max-width: 350px;
}
.o-section-covid__item svg {
width: min(200px, 100%);
height: min(200px, 100%);
}
.o-section-covid__item p {
font-size: 1.125rem;
max-width: 55%;
}
.o-section-numbers__title {
max-width: inherit;
margin: 0;
letter-spacing: 0.0375rem;
font-size: 1.3rem;
}
.o-section-numbers__title span {
background-color: #FFF;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
padding: 0 5%;
}
/*.o-section-numbers__title:before {
z-index: -1;
content: '';
background-color: #333333;
height: 2px;
display: block;
width: 100%;
position: absolute;
top: 50%;
margin-top: -1px;
left: 0;
}*/
.o-section-numbers__subtitle {
font-size: 1.25rem;
letter-spacing: 0.03125rem;
}
.o-section-numbers__item span {
font-size: 1.5rem;
}
.o-section-numbers__item strong {
font-size: 4.375rem;
}
.o-section-numbers__item {
padding-left: 15%;
}
.o-section-numbers__thumb {
max-width: inherit;
}
.o-section-numbers .u-grid {
grid-gap: 80px;
padding: 0;
}
.o-section-numbers {
padding-top: 90px;
padding-bottom: 60px;
}
.o-section-numbers .o-container {
max-width: 1070px;
}
.o-section-covid-numbers__thumb-top {
max-width: 786px;
max-height: 363px;
margin: 0 auto -75px;
}
.o-section-covid-numbers__title {
font-size: 1.5rem;
margin-top: 80px;
}
.o-section-covid-numbers__subtitle {
font-size: 2.125rem;
}
.o-section-covid-numbers__cta svg {
width: 20px;
height: 20px;
}
.o-section-covid-numbers__cta {
border: 2px solid #F6AD32;
margin-top: 32px;
margin-bottom: 32px;
font-size: 1.25rem;
height: 50px;
padding: 0 15px;
max-width: 350px;
}
.o-section-covid-numbers__item svg {
width: min(200px, 100%);
height: min(200px, 100%);
}
.o-section-covid-numbers__item p {
font-size: 1.125rem;
max-width: 55%;
}
.o-section-covid-numbers .o-section-numbers__title span {
width: 90%;
padding: 0;
}
.o-section-covid-numbers .o-section-numbers__title {}
/*.o-section-covid-numbers .o-section-numbers__title:before {
background-color: #FFF;
position: relative;
top: inherit;
left: inherit;
margin-top: 0;
width: 100%;
max-width: 15%;
}
.o-section-covid-numbers .o-section-numbers__title:after {
content: '';
background-color: #FFF;
height: 2px;
display: block;
width: 100%;
max-width: 15%;
}*/
.o-section-covid-numbers .o-container {
max-width: 1070px;
grid-gap: 80px;
}
.o-section-covid-numbers > .u-grid {
min-height: 765px;
}
.o-section-inscripcion .o-container {
max-width: 1070px;
}
.o-section-inscripcion__title {
font-size: 4.375rem;
text-align: left;
}
.o-section-inscripcion .o-tab {
width: 100%;
margin: 0 0 5%;
}
.o-section-inscripcion .o-tab.minheight {
min-height: 690px;
}
.o-section-inscripcion__disclaimer {
width: 100%;
font-weight: 300;
font-size: 0.875rem;
line-height: 1.25rem;
}
.o-section-inscripcion {
padding: 2.5% 0;
}
.o-section-prensa__link__thumb svg {
width: 73px;
height: 73px;
}
.o-section-prensa__link__txt strong {
padding: 0 5px 0 15px;
}
.o-section-prensa__link__txt__cta svg {
width: 20px;
height: 20px;
}
.o-section-prensa__link__txt__cta {
border: 2px solid #FFF;
margin-top: 0;
font-size: 1.25rem;
height: 50px;
padding: 0 15px;
margin-left: auto;
}
.o-section-prensa__link__txt {
-ms-flex-direction: row;
flex-direction: row;
font-size: 1.5rem;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
max-width: 940px;
}
.o-section-reto__button {
width: 255px;
height: 54px;
border-radius: 30px;
font-size: 1.5rem;
line-height: 1.5rem;
letter-spacing: 0.0375rem;
margin-top: 25px;
margin-bottom: 65px;
}
.o-section-reto__gif {
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
-ms-grid-row-span: 2;
-ms-grid-row: 1;
grid-row: 1 / span 2;
}
.o-section-reto__gif img {
margin: auto 0;
}
.o-section-reto__links {
padding-top: 0;
-ms-grid-column-span: 1;
-ms-grid-column: 2;
grid-column: 2 / span 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.o-section-reto__title {
font-size: 2rem;
}
.o-section-reto__hashtag {
font-size: 1.1rem;
}
.o-section-reto__subtitle {
font-size: 1.3rem;
}
.o-section-reto__cta {
border: 2px solid #FFF;
font-size: 1.125rem;
height: 50px;
padding: 0 15px;
margin-left: inherit;
max-width: 300px;
margin-bottom: 20px;
}
.o-section-reto__cta + .c-section-reto__cta {
margin-bottom: 0;
}
.o-section-reto {
max-width: inherit;
padding: 0;
display: grid;
-ms-grid-columns: 40% 50%;
grid-template-columns: 40% 50%;
grid-column-gap: 68px;
}
.o-section-program .o-container {
max-width: 1070px;
}
.o-section-program .o-tab__nav label, .o-section-live .o-tab__nav label {
font-size: 1.25rem;
}
.o-section-program .o-tab__nav {
width: 100%;
margin: 0 0 5%;
}
.o-section-program {}
.o-section-program:not(.u-bg-white) {
background: #F8F8F8;
/*background: #f6f3f1 url(../img/bg/programa.svg) repeat-y top center;*/
}
.o-section-sponsors__top {
padding-top: 70px;
}
.o-section-sponsors__thumb {
max-width: 50%;
max-height: 50%;
margin-top: -50%;
margin-bottom: -50%;
margin-right: -5%;
}
.o-section-sponsors__title {
font-size: 70px;
}
.o-section-talks__title {
font-size: 1.5rem;
letter-spacing: 0.0375rem;
}
.o-section-talks .o-container {
max-width: 1070px;
}
.o-section-talks .o-tab__nav label {
font-size: 1.25rem;
}
.o-section-talks .o-tab__nav {}
.o-section-talks {
background: #f6f3f1 url(../img/bg/talks.svg) repeat-y top center;
}
.o-section-live .o-container {
max-width: 1070px;
}
.o-section-live {
/*background: #f6f3f1 url(../img/bg/talks.svg) repeat-y top center;*/
}
.o-section-brands .o-container {
max-width: 1070px;
}
.o-section-brands {
/*background: #f6f3f1 url(../img/bg/brands.svg) repeat-y top center;*/
}
.o-section-presentacion__wrap {
max-width: 840px;
}
.o-section-presentacion .o-container {
max-width: 1070px;
}
.o-section-presentacion {}
.o-section-presentacion:not(.u-bg-white) {
/*background: #f6f3f1 url(../img/bg/programa.svg) repeat-y top center;*/
}
.o-section-banner {
background: #030303 url(../img/bg/banner.jpg) no-repeat top center;
background-size: cover;
}
.o-section-banner .o-container {
padding: 100px 0;
}
.o-modal__close {
top: 5px;
}
.o-carousel {
margin-right: 0;
}
.o-tab__nav label {
font-size: 2.125rem;
padding-bottom: 15px;
}
.o-tab {
padding: 30px;
}
.u-pb-80 {
padding-bottom: 80px !important;
}
.u-pt-80 {
padding-top: 80px !important;
}
.u-show-md {}
.u-show-md.u-flex {
display: -ms-flexbox;
display: flex;
}
.u-show-md:not(.u-flex) {
display: block;
}
.u-hide-md {
display: none;
}
.u-show-xs-only {
display: none;
}
.u-show-sm-only {
display: none;
}
.u-show-md-only {
display: block;
}
.u-show-lg-only {
display: none;
}
.u-hide-xs-only {
display: block;
}
.u-hide-sm-only {
display: block;
}
.u-hide-md-only {
display: none;
}
.u-hide-lg-only {
display: block;
}
.c-header {}
.c-header:before {
content: '';
height: 46px;
width: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
background-color: #EED5E3;
z-index: -1;
}
.c-header > .o-container {
height: 100px;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-header__brand {
display: block;
word-break: break-word;
text-transform: uppercase;
width: 155px;
color: #4D4634;
font-family: 'Montserrat',sans-serif;
font-size: 0.4375rem;
font-weight: 700;
line-height: 0.5625rem;
}
.c-header__brand a {
color: #4D4634;
}
.c-header__options {
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 1250px;
padding: 0 15px;
margin: 0 auto;
}
.c-header__options .idioma {
padding-right: 65px;
}
.c-header__options-logged {}
.c-header__options-logged.open .box {
width: 510px;
}
.c-header__nav {
display: -ms-flexbox;
display: flex;
}
.c-header__nav a {
padding: 0 5px;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5rem;
color: #333333;
}
.c-header__nav a + a {
margin-left: 15px;
}
.c-header__nav a.current {
position: relative;
color: #bb002e;
}
.c-header__nav__btn {
display: none;
}
.c-header {}
.c-header__brand {
margin: 0;
}
.c-header__brand a {
height: 80px;
width: 260px;
}
.c-brand__head__thumb {
margin: 0 -10% -5%;
max-width: 604px;
}
.c-brand-gss__thumb {
max-width: 100%;
margin-bottom: 0;
}
.c-brand-gss__claim {
font-size: 3.75rem;
font-weight: 600;
letter-spacing: -0.125rem;
line-height: 3.75rem;
text-align: center;
}
.c-brand-gss {
padding: 40px 0;
}
.c-title.titleMag {
font-size: 8.75rem;
}
.c-head-blog__thumb {
max-width: 200px;
}
.c-head-blog__date {
font-size: 10rem;
}
.c-head-blog__title {
font-size: 10rem;
}
.c-head-blog-brown .c-head-blog__wrap {
margin-bottom: 20px;
}
.c-user__option-favoritos [data-tab-content="ponencias"] .u-grid {
margin-left: 30px;
margin-right: 30px;
}
.c-user__option-favoritos [data-tab-content="ponencias"] .u-grid > .c-event {}
.c-user__option-favoritos [data-tab-content="ponencias"] .u-grid > .c-event:nth-child(6n + 6), .c-user__option-favoritos [data-tab-content="ponencias"] .u-grid > .c-event:first-child {
border-left: none;
}
.c-favorites {
margin-left: 30px;
margin-right: 30px;
margin-bottom: 30px;
padding: 40px;
}
.c-favorites__number {
font-size: 5.625rem;
}
.c-favorites__icon {
width: 80px;
height: 80px;
}
.c-form__text, .c-form__select, .c-form__check, .c-form__switch {
max-width: 420px;
}
.c-card-claim__media {
display: -ms-flexbox;
display: flex;
}
.c-card-claim {
max-width: 992px;
}
.c-card-article__type {
margin-bottom: 10px;
font-size: 0.6875rem;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
}
.c-card-article__more span {
display: block;
text-align: center;
color: #464646;
font-family: 'Montserrat',sans-serif;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 0 0 auto;
text-transform: uppercase;
}
.c-card-article__more span:after {
content: '';
display: block;
width: 100%;
height: 2px;
margin-top: 5px;
background-color: #F6AD32;
}
.c-card-article-type-1 .c-card-article__share {
margin-bottom: 40px;
}
.c-card-article-type-1 .c-card-article__type {}
.c-card-article-type-1 .c-card-article__title {
font-size: 1.875rem;
line-height: 2.5rem;
margin-bottom: 45px;
}
.c-card-article-type-1 .c-card-article__subtitle {
display: block;
max-width: 80%;
font-size: 1rem;
line-height: 1.625rem;
margin-bottom: 20px;
}
.c-card-article-type-2 .c-card-article__type {}
.c-card-article-type-2 .c-card-article__title {
font-size: 1.375rem;
line-height: 1.75rem;
margin-bottom: 30px;
}
.c-card-article-type-2 .c-card-article__subtitle {
display: block;
font-size: 1rem;
line-height: 1.625rem;
margin-bottom: 20px;
}
.c-card-article-type-3 .c-card-article__subtitle {
display: block;
}
.c-card-article-type-3 .c-card-article__title {
font-size: 1.375rem;
line-height: 1.75rem;
margin-bottom: 30px;
}
.c-card-article {
-ms-grid-columns: calc(50% - 30px) calc(50% - 60px);
grid-template-columns: calc(50% - 30px) calc(50% - 60px);
}
.c-card-author__thumb img {
max-width: 217px;
max-height: 217px;
}
.c-card-author__signature {
padding-right: 45px;
margin-left: auto;
max-width: 215px;
}
.c-card-author__name {
font-size: 1.5rem;
line-height: 1.75rem;
letter-spacing: 0.0375rem;
margin-bottom: 5px;
}
.c-card-author__position {
font-size: 1rem;
line-height: 1.1875rem;
letter-spacing: 0.03rem;
}
.c-card-author__title a span {
display: block;
}
.c-card-author__title {
font-size: 3.625rem;
line-height: 4.375rem;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 2;
-ms-grid-row: 1;
grid-row: 1 / span 2;
-ms-flex-line-pack: center;
align-content: center;
}
.c-card-author {
display: -ms-grid;
display: grid;
-ms-grid-columns: calc(50% - 40px) calc(50% - 60px);
grid-template-columns: calc(50% - 40px) calc(50% - 60px);
grid-gap: 30px 40px;
max-width: inherit;
}
.c-card-zone img {
height: 130px;
}
.c-card-zone figcaption {
font-size: 1.875rem;
}
.c-card-buy__date span {
width: 200px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.c-card-buy__date span:before {
content: '';
width: 2px;
height: 24px;
background-color: #333333;
margin: 0 2.5%;
display: block;
}
.c-card-buy__date {
margin-bottom: 10px;
font-size: 1.5rem;
letter-spacing: 0.0375rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.c-card-buy__price small {
letter-spacing: 0.0375rem;
font-size: 1.5rem;
}
.c-card-buy__price {
font-size: 4.375rem;
letter-spacing: -0.0875rem;
}
.c-card-buy__flash {
font-size: 1.125rem;
letter-spacing: 0.02813rem;
}
.c-card-buy__cta {
width: 255px;
height: 54px;
border-radius: 30px;
font-size: 1.5rem;
line-height: 1.5rem;
letter-spacing: 0.0375rem;
margin-top: 25px;
margin-bottom: 65px;
}
.c-card-buy__include {
font-size: 1.125rem;
line-height: 1.75rem;
letter-spacing: 0.02813rem;
margin-bottom: 2px;
}
.c-card-buy__list > li {
font-size: 1.125rem;
line-height: 1.75rem;
letter-spacing: 0.02813rem;
}
.c-card-buy__list {
margin-bottom: 20px;
}
.c-card-buy-claim__box {
max-width: inherit;
padding: 7.5% 0;
}
.c-card-buy-claim__t1 {
font-size: 34px;
line-height: 2.625rem;
}
.c-card-buy-claim__date {
font-size: 20px;
letter-spacing: 0.03125rem;
}
.c-card-buy-claim__n2 {
font-size: 80px;
}
.c-card-buy-claim__s2b {
font-size: 1.5rem;
letter-spacing: 0.0375rem;
}
.c-card-buy-claim__s2c {
font-weight: 300;
font-size: 1.375rem;
}
.c-card-buy-claim__s2 {
font-size: 1.5rem;
letter-spacing: 0.0375rem;
}
.c-card-buy-claim__t3 {
font-size: 1.5rem;
line-height: 1.75rem;
}
.c-card-buy-claim__s3 {
font-size: 1rem;
line-height: 1.25rem;
max-width: 140px;
}
.c-card-buy-claim__s3b {
font-weight: 300;
font-size: 34px;
}
.c-card-buy-claim__n3 {
font-size: 4.375rem;
}
.c-card-buy-claim__t4 {
font-size: 24px;
letter-spacing: 0.03125rem;
margin-bottom: 10px;
}
.c-card-buy-claim__t4 strong {
font-size: 36px;
}
.c-card-buy-claim__s4 strong {
font-size: 1.25rem;
}
.c-card-buy-claim__s4 {
font-size: 1.5rem;
letter-spacing: 0.03125rem;
}
.c-card-buy-claim__t5 .u-flex span {
font-size: 1.375rem;
}
.c-card-buy-claim__cta {
font-size: 1.25rem;
}
.c-card-buy-claim__s6 {
font-size: 1.25rem;
letter-spacing: 0.03125rem;
}
.c-card-buy-claim__t7 {
font-size: 2.125rem;
line-height: 2.25rem;
letter-spacing: 0;
}
.c-card-buy-claim__s7 {
font-size: 2.125rem;
line-height: 2.625rem;
max-width: 9ch;
}
.c-card-buy__post1 {
font-size: 1.25rem;
line-height: 1.75rem;
}
.c-card-buy__post2 {
font-size: 1.5rem;
letter-spacing: 0.0375rem;
}
.c-card-buy__post3 {
font-size: 1rem;
margin-bottom: 30px;
}
.c-card-loop__txt {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3,1fr);
margin: 0 auto;
max-width: 1250px;
}
.c-card-loop__title {
text-align: left;
font-size: 4.0625rem;
line-height: 1;
margin-bottom: 0;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.c-card-loop__subtitle {
text-transform: none;
display: block;
font-family: 'Filosofia',serif;
font-size: 2.8125rem;
color: #FFF;
width: 60%;
line-height: 1;
padding-top: 25px;
-ms-grid-column: 1;
grid-column-start: 1;
}
.c-card-loop__claim__brand {
margin: -15px 0 30px 0;
max-width: 340px;
width: inherit;
}
.c-card-loop__claim__title {
text-align: left;
font-size: 2.25rem;
}
.c-card-loop__claim__time {
font-size: 1.5rem;
line-height: 2.25rem;
text-align: left;
}
.c-card-loop__claim {
/*border-left: 2px solid #FFF;*/
/*padding-left: 40px;*/
/* margin-bottom: 30px;*/
text-align: left;
}
.c-card-loop__cta {
width: 255px;
height: 54px;
border-radius: 30px;
font-size: 1.5rem;
line-height: 1.5rem;
letter-spacing: 0.0375rem;
-ms-grid-column: 2;
grid-column-start: 2;
margin: 0 0 0 42px;
}
.c-card-loop__reto {
-ms-grid-row: 2;
grid-row-start: 2;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 1.5rem;
}
.c-card-loop {
height: 720px;
}
.c-card-loop:before {
max-height: 690px;
}
.c-card-preface__txt > p:not(.c-card-preface__type) {
font-size: 20px;
line-height: 1.75rem;
}
.c-card-preface__txt {
max-width: inherit;
margin: 0;
padding: 40px 0 0 15px;
}
.c-card-preface__type {
font-size: 24px;
line-height: 1.75rem;
letter-spacing: 0.0375rem;
}
.c-card-preface__title {
font-size: 34px;
line-height: 2.25rem;
}
.c-card-preface__cta {
width: 255px;
height: 54px;
border-radius: 30px;
font-size: 1.5rem;
line-height: 1.5rem;
letter-spacing: 0.0375rem;
margin-top: 50px;
}
.c-card-preface {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: 503px 1fr;
grid-column-gap: 0px;
}
.c-card-welcome__title {
font-size: 1.875rem;
line-height: 1.875rem;
}
.c-card-welcome__title, .c-card-welcome__subtitle, .c-card-welcome__nav {
max-width: 330px;
}
.c-card-welcome__txt p:not(:last-child) {
margin-bottom: 30px;
}
.c-card-welcome__txt {
max-width: 330px;
margin-bottom: 30px;
}
.c-card-welcome__cta {
font-size: 0.6875rem;
letter-spacing: 0.0625rem;
line-height: 0.8125rem;
}
.c-card-welcome__signature .name {
max-width: 330px;
}
.c-card-welcome__signature {
margin-bottom: 30px;
}
.c-card-welcome {
max-width: 750px;
padding: 5% 0 5% 0;
margin: 100px auto 100px;
}
.c-card-thumb {
height: 240px;
}
.c-card-thumb__title {
padding: 20px 0 100px;
font-size: 17.5rem;
letter-spacing: 0.03438rem;
}
.c-card-banner__txt {
padding: 50px 0 0;
}
.c-card-banner__title {
font-size: 5rem;
}
.c-card-banner__subtitle {
font-size: 1.75rem;
}
.c-opinion__epigraph {
font-size: 2.25rem;
line-height: 2.5rem;
}
.c-opinion__epigraph:not(.u-color-gas-04) {
width: inherit;
}
.c-opinion__name {
font-size: 1.625rem;
line-height: 1.625rem;
margin-bottom: auto;
}
.c-opinion__title {
font-size: 1.125rem;
line-height: 1.875rem;
}
.c-expo__section__title {
padding: 20px 0;
font-size: 4.375rem;
letter-spacing: 0.0625rem;
}
.c-expo__section__subtitle {
padding: 20px 0;
font-size: 2rem;
letter-spacing: 0.0625rem;
}
.c-expo__detail__intro__nav a:not(:first-child):not(:last-child) {
display: block;
}
.c-expo .c-card-thumb {
height: 768px;
}
.c-program__head__thumb {
margin: -10% 0 -10% -50%;
max-width: 535px;
}
.c-detail__head {
padding: 30px 30px 100px 30px;
-ms-grid-columns: 150px 600px 1fr;
grid-template-columns: 150px 600px 1fr;
grid-column-gap: 30px;
}
.c-detail__body {
margin-bottom: 0;
padding: 0 30px 30px 30px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 150px 600px 1fr;
grid-template-columns: 150px 600px 1fr;
grid-column-gap: 30px;
}
.c-detail__body .col-1 {
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
}
.c-detail__body .col-1-3 {
-ms-grid-column-span: 3;
-ms-grid-column: 1;
grid-column: 1 / span 3;
}
.c-detail__body .col-2 {
-ms-grid-column-span: 1;
-ms-grid-column: 2;
grid-column: 2 / span 1;
}
.c-detail__body .col-3 {
-ms-grid-column-span: 1;
-ms-grid-column: 3;
grid-column: 3 / span 1;
-ms-grid-row-span: 3;
-ms-grid-row: 1;
grid-row: 1 / span 3;
}
.c-detail__star {
margin-right: 0;
}
.c-detail__signature .author {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
}
.c-detail__signature .author .thumb {
width: 60px;
height: 60px;
margin-bottom: 10px;
}
.c-detail__signature .author .txt .name {
font-size: 0.8125rem;
line-height: 1rem;
}
.c-detail__signature .author .txt .desc {
font-size: 0.625rem;
letter-spacing: 0.02813rem;
line-height: 1rem;
}
.c-detail__aside__group__title {
border-top: 2px solid #bb002e;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
text-align: left;
padding: 5px 0 5px;
margin-bottom: 30px;
width: 120px;
margin-right: 30px;
}
.c-detail__aside {
padding: 0;
background-color: #FFF;
margin-left: 0;
margin-right: 0;
-ms-grid-row: 1;
grid-row-start: 1;
}
.c-detail__aside-t2 {
margin: 150px -30px -30px -30px;
padding-top: 30px;
}
.c-detail__aside-t3 {
padding: 0;
background-color: #FFF;
margin-left: 0;
margin-right: 0;
-ms-grid-row: 1;
grid-row-start: 1;
}
.c-detail__summary-cols-2 {
-ms-grid-columns: (max(465px))[2];
grid-template-columns: repeat(2, max(465px));
grid-gap: 60px;
padding-top: 30px;
}
.c-detail__summary-cols-2 > div {}
.c-detail__summary-cols-2 > div:nth-child(1) .c-detail__summary-card {
margin-left: auto;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.c-detail__summary-card {
margin-bottom: 30px;
}
.c-detail__summary-card {
margin-bottom: 60px;
}
.c-detail__product-cols-2 {
-ms-grid-columns: (max(465px))[2];
grid-template-columns: repeat(2, max(465px));
grid-gap: 60px;
padding-top: 30px;
}
.c-detail__product-card {
margin-bottom: 30px;
}
.c-partner__head__title {
font-size: 5rem;
}
.c-partner__head__thumb {
margin: -80px -10% -15%;
max-width: 577px;
}
.c-live__head__title {
font-size: 7.5rem;
}
.c-live__head2__title {
font-size: 2.8125rem;
}
.c-live__head2__thumb {
max-width: 204px;
}
.c-live__content .author {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
}
.c-live__content .author .thumb {
width: 120px;
height: 90px;
margin-bottom: 10px;
}
.c-live__content .author .txt .name {
font-size: 0.8125rem;
line-height: 1rem;
}
.c-live__content .author .txt .desc {
font-size: 0.625rem;
letter-spacing: 0.02813rem;
line-height: 1rem;
}
.c-player__head .o-scroll-col4 .item + .item {
margin-left: 30px;
}
.c-player__head .o-scroll-col4 .item {
padding: 0;
}
.c-player__head {
padding: 30px 0;
-ms-grid-columns: 150px 695px 1fr;
grid-template-columns: 150px 695px 1fr;
grid-column-gap: 30px;
}
.c-player__head .c-event {
padding: 0;
border-left: none;
-ms-flex-align: start;
align-items: flex-start;
min-height: 90px;
}
.c-player__head .c-event__thumb {
margin-bottom: 0;
}
.c-player__head .c-event__thumb + .c-event__txt {
margin-top: 15px;
}
.c-player__head .c-event__txt {
-ms-flex-align: start;
align-items: flex-start;
}
.c-player__head .c-event__txt > * {
text-align: left;
}
.c-player__head .c-event__icon {
right: 0;
}
.c-player__body.open-chat .c-player__options {
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
}
.c-player__body.open-question .c-player__options {
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
}
.c-breaking__title {
font-size: 1.875rem;
}
.c-breaking .o-container {
padding-top: 40px;
height: inherit;
}
.c-directo {
width: 100%;
-ms-flex-line-pack: center;
align-content: center;
}
.c-directo__thumb {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
.c-directo__thumb img {
max-width: inherit;
width: 100%;
height: 100%;
}
.c-directo__txt {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column-span: 1;
-ms-grid-column: 2;
grid-column: 2 / span 1;
}
.c-directo__txt__title {
text-align: left;
line-height: 1;
margin: 5% 0;
}
.c-directo__txt__subtitle {
text-align: left;
font-size: 2.25rem;
}
.c-directo__txt__time {
font-size: 1.5rem;
line-height: 2.25rem;
text-align: left;
margin: 0;
}
.c-directo__live {
-ms-grid-row-span: 1;
-ms-grid-row: 2;
grid-row: 2 / span 1;
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
padding-top: 0;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
height: 325px;
}
.c-directo__live__content {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
.c-directo__bg {
margin-top: 0;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
line-height: 0;
-ms-grid-row-span: 2;
-ms-grid-row: 1;
grid-row: 1 / span 2;
}
.c-envivo__thumb {
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
-ms-flex-item-align: self-start;
-ms-grid-row-align: self-start;
align-self: self-start;
}
.c-envivo__thumb img {
max-width: 525px;
width: 100%;
height: 100%;
margin-left: 2.5%;
margin-right: 5%;
margin-bottom: calc(-10px + 1vw);
}
.c-envivo__logo {
-ms-grid-column: 1;
grid-column: 1 / span 1;
margin-left: 2.5%;
margin-right: 5%;
margin-top: 6%;
}
.c-envivo__logo > .video_intro {
width: 80%;
}
.c-envivo__logo > .c-card-loop__lema {
}
.c-envivo__txt {
/* -ms-grid-row: 1;
grid-row-start: 1;*/
-ms-grid-column: 1;
grid-column: 1 / span 1;
justify-self: right;
margin-left: 0;
margin-right: 5%;
}
.c-envivo__txt__title {
text-align: left;
line-height: 1;
/* margin: 19% 0 5% 0;*/
font-size: 2.3rem;
}
.c-envivo__txt__subtitle {
text-align: left;
font-size: 1.625rem;
}
.c-envivo__txt__time {
font-size: 1.5rem;
line-height: 2.25rem;
text-align: left;
margin: 0;
}
.c-envivo__live {
padding-top: 30px;
-ms-grid-row-span: 3;
-ms-grid-row: 1;
grid-row: 1 / span 3;
-ms-grid-column-span: 1;
-ms-grid-column: 2;
grid-column: 2 / span 1;
margin-right: 2.5%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
/*min-height: calc(670px + 1vw);*/
min-height: calc(480px + 1vw);
}
.c-envivo__live__title {
width: 100%;
max-width: 655px;
}
.c-envivo__live__subtitle {
width: 100%;
max-width: 655px;
}
.c-envivo__live__content {
width: 100%;
max-width: 655px;
padding: 15px 0 0;
}
.c-envivo__bg {
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
-ms-grid-row-span: 2;
-ms-grid-row: 2;
grid-row: 2 / span 2;
min-height: 142px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-envivo {
width: 100%;
-ms-flex-line-pack: center;
align-content: center;
grid-column-gap: 0;
box-sizing: border-box;
}
}
@media (min-width: 1140px) {
.u-show-lg {
display: block;
}
.u-hide-lg {
display: none;
}
.u-show-xs-only {
display: none;
}
.u-show-sm-only {
display: none;
}
.u-show-md-only {
display: none;
}
.u-show-lg-only {
display: block;
}
.u-hide-xs-only {
display: block;
}
.u-hide-sm-only {
display: block;
}
.u-hide-md-only {
display: block;
}
.u-hide-lg-only {
display: none;
}
.c-card-claim {}
.c-card-claim__media {
max-width: 1290px;
}
.bannerNavidad > img.tablet {
display: none;
}
.bannerNavidad > img.desktop {
display: block;
width: 100%;
}
}
@media (min-width: 1250px) {
.o-section-zones .u-grid {
max-width: calc(100% - 13.5vw);
}
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.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: 2.1875rem;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
}
@media(max-width: 767px) {
.o-section-reto__txt {
margin: 15px auto;
max-width:90%;
}
.o-section-numbers .u-grid {
--gap: 5%;
max-width: 70%;
margin: 0 auto;
width: 100%;
-ms-flex-pack: center;
justify-content: center;
}
.o-section-covid-numbers .u-grid .o-container {
grid-gap: 5%;
max-width: 70%;
margin: 0 auto;
width: 100%;
height: 495px;
-ms-flex-pack: center;
justify-content: center;
}
.u-grid {
--gap: 15px;
display: -ms-grid;
display: grid;
grid-column-gap: var(--gap);
}
.u-grid-columns-2-xs {
-ms-grid-columns: 1fr 15px 1fr;
grid-template-columns: repeat(2, 1fr);
}
.u-grid-columns-3-xs {
-ms-grid-columns: 1fr 15px 1fr 15px 1fr;
grid-template-columns: repeat(3, 1fr);
}
.u-grid-col {}
.u-grid-col-xs-start-1 {
-ms-grid-column: 1 !important;
grid-column-start: 1 !important;
}
.u-grid-col-xs-start-2 {
-ms-grid-column: 2 !important;
grid-column-start: 2 !important;
}
.u-grid-col-xs-start-3 {
-ms-grid-column: 3 !important;
grid-column-start: 3 !important;
}
.u-grid-col-xs-start-4 {
-ms-grid-column: 4 !important;
grid-column-start: 4 !important;
}
.u-grid-col-xs-span-1 {
-ms-grid-column-span: 1;
-ms-grid-column: 1;
grid-column: 1 / span 1;
}
.u-grid-col-xs-span-2 {
-ms-grid-column-span: 2;
-ms-grid-column: 1;
grid-column: 1 / span 2;
}
.u-grid-col-xs-span-3 {
-ms-grid-column-span: 3;
-ms-grid-column: 1;
grid-column: 1 / span 3;
}
.u-grid-col-xs-span-4 {
-ms-grid-column-span: 4;
-ms-grid-column: 1;
grid-column: 1 / span 4;
}
.u-grid-row {}
.u-grid-row-xs-start-1 {
-ms-grid-row: 1;
grid-row-start: 1;
}
.u-grid-row-xs-start-2 {
-ms-grid-row: 2;
grid-row-start: 2;
}
.u-grid-row-xs-start-3 {
-ms-grid-row: 3;
grid-row-start: 3;
}
.u-grid-row-xs-start-4 {
-ms-grid-row: 4;
grid-row-start: 4;
}
.u-grid-row-xs-start-5 {
-ms-grid-row: 5;
grid-row-start: 5;
}
.u-grid-row-xs-start-6 {
-ms-grid-row: 6;
grid-row-start: 6;
}
.u-grid-row-xs-start-7 {
-ms-grid-row: 7;
grid-row-start: 7;
}
.u-grid-row-xs-start-8 {
-ms-grid-row: 8;
grid-row-start: 8;
}
.u-grid-row-xs-start-9 {
-ms-grid-row: 9;
grid-row-start: 9;
}
.u-grid-row-xs-start-10 {
-ms-grid-row: 10;
grid-row-start: 10;
}
.u-grid-row-xs-span-1 {
-ms-grid-row-span: 1;
-ms-grid-row: 1;
grid-row: 1 / span 1;
}
.u-grid-row-xs-span-2 {
-ms-grid-row-span: 2;
-ms-grid-row: 1;
grid-row: 1 / span 2;
}
.u-grid-row-xs-span-3 {
-ms-grid-row-span: 3;
-ms-grid-row: 1;
grid-row: 1 / span 3;
}
.u-grid-row-xs-span-4 {
-ms-grid-row-span: 4;
-ms-grid-row: 1;
grid-row: 1 / span 4;
}
.u-bg-transparent-xs {
background-color: transparent;
}
.c-opinion {
max-width: 90%;
margin: 0 auto;
}
.c-mosaic__wrap {
-ms-grid-columns: (50%)[2];
grid-template-columns: repeat(2, 50%);
}
.c-footer__links a {}
.c-footer__links a + a {}
.c-footer__links a + a:before {
content: '';
background-color: #333333;
display: block;
height: 12px;
width: 1px;
margin: 0 5px;
}
.c-player__body.open-chat .c-player__chat {
position: fixed;
top: 75px;
left: 0;
width: 100%;
height: calc(100% - 75px);
z-index: 2;
box-sizing: border-box;
}
.c-player__body.open-question .c-player__question {
position: fixed;
top: 75px;
left: 0;
width: 100%;
height: calc(100% - 75px);
z-index: 2;
box-sizing: border-box;
}
.c-player__top + .c-player__body .c-player__chat .middle {
height: calc(100vh - 275px);
}
}
@media (max-width: 991px) {
.o-modal__dark .o-modal__content .c-form-login {
width: 90%;
}
.u-pb-40-xs {
padding-bottom: 40px !important;
}
.u-pb-20-xs {
padding-bottom: 20px !important;
}
.u-pt-40-xs {
padding-top: 40px !important;
}
.u-pt-15-xs {
padding-top: 15px !important;
}
.u-pt-20-xs {
padding-top: 20px !important;
}
.u-no-mb-xs {
margin-bottom: 0 !important;
}
.u-no-mt-xs {
margin-top: 0 !important;
}
.c-header {}
.c-header__options {
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 15px;
}
.c-header__options-logged {}
.c-header__options-logged.open .box {
width: calc(100% + 55px);
margin-right: -15px;
top: 40px;
}
.c-header__options-logged.open .box .c-user__head__txt__title, .c-header__options-logged.open .box .c-user__head__txt__subtitle {
display: none;
}
.c-header__options-logged.open .box .c-user__head__thumb {
display: none;
}
.c-header__options-logged.open .box .c-user__head__txt {
max-width: inherit;
}
.c-header__options-logged.open .box .c-user__head__txt .c-form__button {
margin: 0 0 30px auto;
}
.c-header__options-question {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: end;
justify-content: flex-end;
width: calc(100% - 25px);
}
.c-header__options-question .btn {}
.c-header__options-question .btn:nth-child(1) {
display: none;
}
.c-header__options-question .btn:nth-child(2) {
margin-left: auto;
}
.c-header__options-question .btn-signin {
margin-left: auto;
}
.c-header__options-question-logged {}
.c-header__options-question-logged.open .box {
width: calc(100% + 55px);
margin-right: -15px;
top: 40px;
}
.c-header__options-question-logged.open .box .c-user__head__txt__title, .c-header__options-question-logged.open .box .c-user__head__txt__subtitle {
display: none;
}
.c-header__options-question-logged.open .box .c-user__head__thumb {
display: none;
}
.c-header__options-question-logged.open .box .c-user__head__txt {
max-width: inherit;
}
.c-header__options-question-logged.open .box .c-user__head__txt .c-form__button {
margin: 0 0 30px auto;
}
.c-header.open {
position: fixed;
width: 100%;
}
.c-header.open .c-header__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
top: 121px;
left: 0;
width: 100vw;
height: calc(100vh - 75px + 46px);
background-color: #FFF;
-ms-flex-align: stretch;
align-items: stretch;
}
.c-header.open .c-header__nav a:not(.lang) {
padding: 15px;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5rem;
color: #194146;
border-top: 1px solid #000;
}
.c-header.open .c-header__nav .lang {
margin-top: auto;
color: #194146;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.06625rem;
line-height: 0.8125rem;
text-align: left;
text-transform: uppercase;
margin-bottom: 20px;
margin-left: 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.c-header.open .c-header__nav .lang:after {
content: '';
display: block;
width: 100%;
height: 2px;
margin-top: 5px;
background-color: #F6AD32;
}
.c-expo__line .slick-list {
height: 630px;
}
.c-detail__aside__group__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-y: scroll;
padding: 0 5%;
}
.c-detail__aside__group__content .item {}
.c-detail__aside__group__content .item + .item {
margin-left: 10px;
padding: 0 0 0 20px;
border-left: 1px solid rgba(180,150,130,0.5);
}
.c-detail__aside__group__content .c-event {
-ms-flex-direction: column;
flex-direction: column;
width: 150px;
border-top: none;
border-bottom: none;
}
.c-detail__aside__group__content .c-event__title, .c-detail__aside__group__content .c-event__name {
color: #FFF;
}
.c-player__options .share {
position: fixed;
top: 25px;
left: 50px;
z-index: 7;
}
}
@media (max-width: 1139px) {
.c-brand__search__result .item {
border-left: none;
border-right: none;
}
.c-brand__search__result .item:nth-child(2n) {
border-left: 1px solid #bb002e;
margin-left: -10px;
padding-left: 10px;
}
}
@media (max-width: 990px) {
.c-envivo__txt__title {
letter-spacing: -0.01875rem;
}
}
.o-section-cifras-v2__title {
color: #BB9BA4;
text-align: left;
font-family: 'Filosofia',serif;
letter-spacing: 0rem;
font-size: 1.4375rem;
}
@media (min-width: 992px) {
.o-section-cifras-v2__title {
font-size: 6.25rem;
}
}
.highlights-top {
position: absolute;
margin-top: -390px;
margin-left: -50px;
}
.cifras-top {
margin-top: -90px;
position: absolute;
width: 40%;
transform: translate(-33%);
}
.img-partners-top {
position: absolute;
margin-top: -30px;
/*max-width:98%;*/
transform: translateY(-5%)
}
@media(min-width: 1200px){
.img-partners-top {
margin-top: 90px;
transform: translateY(0)
}
}
.img-speakers-top {
/* position: absolute;*/
margin-top: -15%;
margin-bottom: -25%;
}
.img-speakers-middle {
/* position: absolute;
margin: -420px auto;*/
margin: -15% 0;
/* left: 0;
right: 0;
z-index: 100;*/
}
.u-pb-240 {
padding-bottom: 240px;
}
.u-pt-180 {
padding-top: 180px;
}
@media (max-width:990px) {
.cifras-top {
display: none;
}
/* .img-speakers-top, .img-speakers-middle {
display:none;
}*/
}
@media (max-width:770px) {
.img-partners-top {
margin-top: -80px;
}
.highlights-top {
margin-top: -190px;
margin-left: -10px;
}
.cifras-top {
display: none;
}
.u-pb-80-xs {
padding-bottom: 80px;
}
.u-pt-80-xs {
padding-top: 80px;
}
}
@keyframes animacolores {
0% {
color: #EED5E3;
}
50% {
color: #FFFFFF;
}
100% {
color: #EED5E3;
}
}
.animacolores {
animation: animacolores 3s infinite;
}
.strikethrough {
position: relative;
font-size: 30px;
color: #333333;
}
.strikethrough strong {
font-size: 40px;
}
.strikethrough:before {
position: absolute;
content: "";
left: -2px;
top: 50%;
right: -2px;
border-top: 4px solid;
border-color: #BB002E;
-webkit-transform: rotate(-18deg);
-moz-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
-o-transform: rotate(-18deg);
transform: rotate(-18deg);
}
.strikethrough-small {
position: relative;
font-size: 12px;
color: #333333;
max-width:50px;
margin-top:10px;
}
.strikethrough-small strong {
font-size: 16px;
font-weight:500;
}
.strikethrough-small:before {
position: absolute;
content: "";
left: -2px;
top: 50%;
right: -2px;
border-top: 2px solid;
border-color: #BB002E;
-webkit-transform: rotate(-23deg);
-moz-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
-o-transform: rotate(-23deg);
transform: rotate(-23deg);
}
.banda-aniversario {
margin-top: 25px;
background-color: #333333;
font-size: 28px;
text-align: center;
color: #FFFFFF;
margin-left: -30px;
margin-right: -30px;
line-height: 1;
padding-top: 7px;
padding-bottom: 6px;
}
.banda-aniversario strong {
color: #EED5E3;
}
.online-price-container {
margin-top: 20px;
text-align: center;
vertical-align: top;
}
.previous-price {
display: inline-block;
margin-right: 25px;
}
.new-price {
display: inline-block;
text-align: left;
}
.c-card-buy__thisyear {
letter-spacing: 0.5px;
font-size: 20px;
margin-bottom: -15px;
}
.footer-aniversario {
background-image: url(/Content/mf2021/img/data/fondoaniversario.png);
height: 454px;
}
@media (max-width:992px) {
.banda-aniversario {
font-size: 18px;
margin-left: -10px;
margin-right: -10px;
}
.footer-aniversario {
background-image: url(/Content/mf2021/img/data/Confetti-Champagne_mobile.jpg);
background-position: bottom;
}
}
.solo-catas-card {
width: 100%;
padding: 20px;
box-sizing: border-box;
background-color: #E7F0FF;
display: flex;
}
.solo-catas-card p {
font-size: 20px;
color: #333333;
font-weight: 400;
display: inline-block;
margin-right: 20px;
}
.solo-catas-button {
display: inline-block;
width: 250px;
height: 50px;
text-align: center;
border-radius: 30px;
font-size: 20px;
line-height: 50px;
letter-spacing: 0.0375rem;
margin: 10px auto;
border: 1px solid #0607D6;
background-color: #fff;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
}
@media (max-width:900px) {
.solo-catas-card, .solo-catas-card p, .solo-catas-button {
display: block;
}
}
.cata-dia {
font-weight: 600;
font-size: 24px;
color: #333333;
text-align: left;
text-transform: uppercase;
margin-top: 25px;
margin-bottom: -5px;
}
.cata-card {
margin: 15px auto;
max-width: 994px;
padding: 10px 0px;
box-sizing: border-box;
justify-content: stretch;
align-content: center;
align-items: center;
border: 1px solid #333333;
display: grid;
ms-grid-columns: 15% 1px 50% 1px 15% 1px 20%;
grid-template-columns: 15% 1px 50% 1px 15% 1px 20%;
grid-column-gap: 0px;
}
.cata-card.selected {
border: 3px solid #0607D6;
box-shadow: 0px 3px 6px #00000029;
}
.cata-separator {
width: 1px;
height: 88px;
background-color: #333333;
padding: 0;
}
.cata-card div {
padding: 0px 20px;
vertical-align: middle;
position: relative;
}
.cata-card-time {
font-size: 14px;
color: #9B9999;
}
.cata-card-event {
text-align: left;
}
.cata-card-event .type {
font-size: 14px;
color: #0607D6;
font-weight: 400;
}
.cata-card-event .name {
font-size: 18px;
color: #333333;
font-weight: 600
}
.cata-card-event .desc {
font-size: 11px;
color: #0607D6;
font-weight: 400;
}
.cata-card-cost {
}
.cata-card-cost div {
font-size: 12px;
color: #9B9999;
font-weight: 500;
text-align: left;
margin: 0 auto;
}
.cata-card-cost div p {
margin-top: 10px;
font-size: 14px;
color: #9B9999;
font-weight: 500;
}
.cata-card-cost div p strong {
font-size: 30px;
color: #9B9999;
font-weight: 600;
}
.cata-card.selected .cata-card-cost div, .cata-card.selected .cata-card-cost div p, .cata-card.selected .cata-card-cost div p strong {
color: #333333;
}
.cata-card-status {
}
.cata-card-status span {
color: #30C77C;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.cata-button {
width: 140px;
height: 34px;
border-radius: 30px;
font-size: 16px;
line-height: 34px;
letter-spacing: 0.0375rem;
margin: 5px auto;
border: 1px solid #0607D6;
text-decoration: none;
text-transform: uppercase;
}
.cata-button.add {
background-color: #fff;
color: #0607D6;
}
.cata-button.added {
background-color: #0607D6;
color: #fff;
}
.cata-card.selected .add {
display: none;
}
.cata-card:not(.selected) .added {
display: none;
}
@media (max-width:900px) {
.cata-dia { margin-left:15px;}
.cata-card-time {
text-align: right;
margin-bottom: 5px;
}
.cata-separator {
display: none;
}
.cata-card {
display: block;
margin: 15px 15px;
}
.cata-card-status * {
display: inline-block;
}
.cata-card-cost {
text-align: left;
}
.cata-card-cost * {
display: inline-block;
}
}
.news-decoration {
display: none;
}
@media (min-width: 768px){
.news-decoration {
display: initial;
position: absolute;
margin-left: 0;
margin-top: 800px;
max-width: 37%
}
}