/*!
Theme Name: Guía de Cirugía Cardíaca
Author: Machina
Author URI: https://machina.studio/
Description: Tema desarrollado para la Guía de Cirugía Cardíaca del hospital Gregorio Marañón de Madrid.
Version: 1.7.8
*/

/* G */

:root {
    --rh: 0px;
    --dark: #161614;
	--grey: #EDECE8;
	--currentcolor: #FFFFFF;
	--currentcolorop: #FFFFFFF2;
	--maxw: 1460px;
}

/* li,ul{list-style:none;} */
button,input,select,textarea{display:block;box-sizing:border-box;border-radius:0;outline:none;border:none;background:none;color:inherit;}
button:focus,input:focus,textarea:focus{outline:none;}
button:hover,input[type=submit]:hover{cursor:pointer;}
input::-ms-clear{display:none;}
*,*::after,*::before{box-sizing:border-box;backface-visibility:hidden;}
textarea{overflow:auto;}
a{color:inherit;text-decoration:none;}
a,img,picture,svg,video{display:block;}
a{display:inline-block;}
img,video{width:100%;height:auto;}
iframe,svg{width:100%;height:100%;}
iframe{position:absolute;top:0;left:0;}
h1,h2,h3,h4,h5,h6 {margin-block-start:0px;margin-block-end:0px;font-weight:normal;}
a:hover,a:focus {outline: none;}

[scroll].block { pointer-events: none !important; }
.blockall.block { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; pointer-events: none; z-index: 9999999999999999999999; }
.blockall.block { pointer-events: all !important; }

[scroll] { will-change: transform !important; }
.m [scroll] { will-change: auto !important; }

html {
    font-size: 23px;
	line-height: 1.25;
    cursor: default;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
}

html,body {
	margin: 0px;
	padding: 0px;
}

body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: "Gelion-Regular", sans-serif;
	overscroll-behavior: none;
	background-color: var(--grey);
    color: var(--dark);
    overflow: hidden;
}

body.nocursor {
	cursor: none !important;
}

#app {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: var(--rh);
    overflow: hidden;
}

#page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
}

#rh {
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0px;
	left: 0px;
    pointer-events: none;
}

.ccolor { display: none; }

::-webkit-scrollbar {
    width: 0px; 
    background: transparent;
}

p {
    margin-block-start: 0px;
    margin-block-end: 20px;
}
::-moz-selection { background-color: var(--currentcolor); color: var(--dark); }
::selection { background-color: var(--currentcolor); color: var(--dark); }

.transition-inout {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    opacity: 1;
}

html.is-animating .transition-inout { opacity: 0; }

.transition-fade {
    background-color: #FFFFFF;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s linear;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    z-index: 7;
    pointer-events: none;
}

html.is-animating .transition-fade {
    opacity: 1;
}

.loader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: var(--grey);
    z-index: 97;
}

.loader.inactive {
	pointer-events: none;
}

.ccenter {
    max-width: var(--maxw);
    width: calc(100% - 60px);
	margin: 0 auto;
}

.btn {
    align-content: center;
    display: inline-block;
    border: 1px solid var(--dark);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background-color: #FFFFFF;
    padding: 12px 25px 16px;
	font-family: "Gelion-Light";
	text-decoration: none !important;
    cursor: pointer;
    transition: background-color 0.3s cubic-bezier(0.8,0,0.2,1);
    -webkit-transition: background-color 0.3s cubic-bezier(0.8,0,0.2,1);
    -moz-transition: background-color 0.3s cubic-bezier(0.8,0,0.2,1);
    -ms-transition: background-color 0.3s cubic-bezier(0.8,0,0.2,1);
    -o-transition: background-color 0.3s cubic-bezier(0.8,0,0.2,1);
}

@keyframes btn_pulse {
	0% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
	5% { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); }
	50% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
	70% { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); }
	100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}

.btn:hover {
	background-color: var(--currentcolor);
	animation: btn_pulse 1s infinite;
	-webkit-animation: btn_pulse 1s infinite;
}

.m .btn:hover {
	animation: btn_pulse 1s 2;
	-webkit-animation: btn_pulse 1s 2;
}

del {
    text-decoration: none;
    background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, var(--currentcolorop) 50%);
    background-position: -0% 0;
    background-size: 200% auto;
	z-index: -1;
	position: relative;
}

.onscreen del {
    transition: background-position 0.8s cubic-bezier(0.8,0,0.2,1);
    -webkit-transition: background-position 0.8s cubic-bezier(0.8,0,0.2,1);
    -moz-transition: background-position 0.8s cubic-bezier(0.8,0,0.2,1);
    -ms-transition: background-position 0.8s cubic-bezier(0.8,0,0.2,1);
    -o-transition: background-position 0.8s cubic-bezier(0.8,0,0.2,1);
    background-position: -99.99% 0;
    transition-delay: 1s;
}

em {
    font-style: normal;
    vertical-align: super;
    font-size: 0.7em;
	font-family: "Gelion-Light";
}

/* cookies */

.cookies_wr {
	position: fixed;
	width: calc(100% - 60px);
	max-width: 700px;
	bottom: 50px;
	right: 50px;
	background-color: var(--dark);
	color: #FFFFFF;
	padding: 30px 50px;
	transition: transform 0.5s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
}

.cookies_wr.inactive {
	pointer-events: none;
	opacity: 0;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
}

.cookies_wr .title {
	font-family: "Gelion-Bold";
}
.cookies_wr .subtitle {
	font-family: "Gelion-Light";
	margin: 20px 0px 40px;
}
.cookies_btn {
	background-color: var(--dark);
	color: #40D39C;
	display: inline-block;
	cursor: pointer;
	font-size: 19px;
	font-family: "Gelion-Regular";
}

.cookies_btn.yes {
	background-color: #40D39C;
	color: var(--dark);
}

.cookies_btn.knowmore {
	background-color: var(--dark) !important;
}

/**/

.scrolldown {
	position: fixed;
	bottom: 21px;
	left: 50%;
	transform: translate(-50%, 80px);
	-webkit-transform: translate(-50%, 80px);
	-moz-transform: translate(-50%, 80px);
	-ms-transform: translate(-50%, 80px);
	-o-transform: translate(-50%, 80px);
	font-size: 16px;
	z-index: 9;
	transition: transform 1s cubic-bezier(0.9,0,0.1,1);
	-webkit-transition: transform 1s cubic-bezier(0.9,0,0.1,1);
	-moz-transition: transform 1s cubic-bezier(0.9,0,0.1,1);
	-ms-transition: transform 1s cubic-bezier(0.9,0,0.1,1);
	-o-transition: transform 1s cubic-bezier(0.9,0,0.1,1);
}

.scrolldown.active {
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

@keyframes heart_pulse {
	50% { transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); }
	70% { transform: translateY(3px) scale(1.4); -webkit-transform: translateY(3px) scale(1.4); -moz-transform: translateY(3px) scale(1.4); -ms-transform: translateY(3px) scale(1.4); -o-transform: translateY(3px) scale(1.4); }
	100% { transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); }
}

.scrolldown::after {
	content: "";
	width: 20px;
	height: 18px;
	display: inline-block;
	margin-left: 10px;
	background-image: url(assets/img/scrolldown_heart.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateY(3px);
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	-ms-transform: translateY(3px);
	-o-transform: translateY(3px);
	animation: heart_pulse 1s infinite;
	-webkit-animation: heart_pulse 1s infinite;
}

.topbar {
	position: fixed;
	top: 30px;
	left: 0px;
	width: 100%;
	padding: 0px 50px;
	z-index: 999;
	display: flex;
    justify-content: space-between;
    align-items: center;
	pointer-events: none;
	transition: transform 1s cubic-bezier(0.8,0,0.2,1), opacity 1s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1), opacity 1s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1), opacity 1s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1), opacity 1s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1), opacity 1s cubic-bezier(0.8,0,0.2,1);
}

@media(max-width: 2200px) {
	.topbar.hidden {
		opacity: 0;
		transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-o-transform: translateY(-30px);
	}
}

.logo {
	display: flex;
	font-family: "Gelion-Bold";
	font-size: 31.99px;
	line-height: 1;
	align-items: center;
	flex-grow: 2;
	opacity: 0;
	transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
}

.logo .circle {
	width: 120px;
	height: 120px;
	border-radius: 120px;
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	-ms-border-radius: 120px;
	-o-border-radius: 120px;
	position: relative;
	background-color: var(--currentcolor);
	pointer-events: all;
}

.logo .circle .text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-image: url(assets/img/logo_text.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.logo .circle .arrow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-image: url(assets/img/logo_text_arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.logo .name {
	margin-left: 28px;
	pointer-events: all;
}

.podcast_to {
	margin-right: 20px;
	pointer-events: all;
	padding: 13px 80px 17px 25px;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
}

.podcast_to .icon {
    position: absolute;
    top: 0px;
    right: 8px;
    width: 56px;
    height: 56px;
}

.podcast_to .icon .step {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 61px;
	height: 61px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

.podcast_to .icon .step_1 {
	background-image: url(assets/img/headphones_icon_1.svg);
}

.podcast_to .icon .step_2 {
	background-image: url(assets/img/headphones_icon_2.svg);
	opacity: 0;
}

.podcast_to .icon .step_3 {
	background-image: url(assets/img/headphones_icon_3.svg);
	opacity: 0;
}

@keyframes headphones_2 {
	20% { opacity: 0 }
	30% { opacity: 1 }
}

@keyframes headphones_3 {
	60% { opacity: 0 }
	70% { opacity: 1 }
}

.podcast_to:hover .icon .step_2 {
	animation: headphones_2 1s linear infinite;
	-webkit-animation: headphones_2 1s linear infinite;
}

.podcast_to:hover .icon .step_3 {
	animation: headphones_3 1s linear infinite;
	-webkit-animation: headphones_3 1s linear infinite;
}

.m .podcast_to:hover .icon .step_2 {
	animation: headphones_2 1s linear 2;
	-webkit-animation: headphones_2 1s linear 2;
}

.m .podcast_to:hover .icon .step_3 {
	animation: headphones_3 1s linear 2;
	-webkit-animation: headphones_3 1s linear 2;
}

@media(max-width: 1140px) {
	.podcast_to span {
		display: none;
	}
	.podcast_to {
		width: 61px;
		height: 61px;
		padding: 0px;
	}
	.podcast_to .icon {
		right: 0px;
	}
}

.searchbar_wr {
	background-color: var(--grey);
	border: 1px solid var(--dark);
	height: 61px;
	margin-right: 20px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	display: flex;
	align-items: stretch;
	justify-content: space-evenly;
	pointer-events: all;
	position: relative;
	opacity: 0;
	max-width: 63px;
}

.search_results {
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: -1;
	width: calc(100% + 2px);
	padding: 80px 10px 0px;
	background-color: var(--grey);
	border: 1px solid var(--dark);
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.search_results.active {
	opacity: 1;
	pointer-events: all;
}

.search_title {
    margin-bottom: 15px;
    font-size: 15px;
    padding-left: 15px;
	font-family: "Gelion-Medium";
}

.search_result_i_wr {
	width: 100%;
	position: relative;
}

.search_result_i_wr::before {
	content: "Ver tarjeta";
	font-size: 18px;
	border: 1px solid var(--dark);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	padding: 5px 15px 9px;
	font-family: "Gelion-Light";
	background-color: #FFFFFF;
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	position: absolute;
	pointer-events: none;
	top: 0px;
	left: 0px;
	opacity: 0;
	transition: transform 0.4s cubic-bezier(0.2,0,0.3,1), opacity 0.4s cubic-bezier(0.2,0,0.3,1);
	-webkit-transition: transform 0.4s cubic-bezier(0.2,0,0.3,1), opacity 0.4s cubic-bezier(0.2,0,0.3,1);
	-moz-transition: transform 0.4s cubic-bezier(0.2,0,0.3,1), opacity 0.4s cubic-bezier(0.2,0,0.3,1);
	-ms-transition: transform 0.4s cubic-bezier(0.2,0,0.3,1), opacity 0.4s cubic-bezier(0.2,0,0.3,1);
	-o-transition: transform 0.4s cubic-bezier(0.2,0,0.3,1), opacity 0.4s cubic-bezier(0.2,0,0.3,1);
	will-change: transform;
}

.search_result_i_wr.audio::before {
	content: "Escuchar";
}

.search_result_i_wr:hover::before {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	opacity: 1;
}

.search_result_i {
	font-size: 18px;
	border: 1px solid var(--dark);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	display: inline-block;
	white-space: nowrap;
	max-width: 100%;
	overflow-x: hidden;
	padding: 5px 15px 9px;
	margin-bottom: 10px;
	font-family: "Gelion-Light";
	text-overflow: ellipsis;
	transition: transform 0.4s cubic-bezier(0.2,0,0.3,1), opacity 0.4s cubic-bezier(0.2,0,0.3,1);
	-webkit-transition: transform 0.4s cubic-bezier(0.2,0,0.3,1), opacity 0.4s cubic-bezier(0.2,0,0.3,1);
	-moz-transition: transform 0.4s cubic-bezier(0.2,0,0.3,1), opacity 0.4s cubic-bezier(0.2,0,0.3,1);
	-ms-transition: transform 0.4s cubic-bezier(0.2,0,0.3,1), opacity 0.4s cubic-bezier(0.2,0,0.3,1);
	-o-transition: transform 0.4s cubic-bezier(0.2,0,0.3,1), opacity 0.4s cubic-bezier(0.2,0,0.3,1);
	will-change: transform;
}

.search_result_i_wr:hover .search_result_i {
	transform: translateX(120px);
	-webkit-transform: translateX(120px);
	-moz-transform: translateX(120px);
	-ms-transform: translateX(120px);
	-o-transform: translateX(120px);
}

.search_result_i_wr.audio:hover .search_result_i {
	transform: translateX(112px);
	-webkit-transform: translateX(112px);
	-moz-transform: translateX(112px);
	-ms-transform: translateX(112px);
	-o-transform: translateX(112px);
}

.emptysearch {
	padding: 0px 16px 20px;
	font-size: 16px;
}

.searchbar_wr .search_btn {
	width: 61px;
	height: 61px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	transform: translateY(-1px) scaleX(0) scaleY(0);
	-webkit-transform: translateY(-1px) scaleX(0) scaleY(0);
	-moz-transform: translateY(-1px) scaleX(0) scaleY(0);
	-ms-transform: translateY(-1px) scaleX(0) scaleY(0);
	-o-transform: translateY(-1px) scaleX(0) scaleY(0);
	flex-shrink: 0;
}

.searchbar_wr .search_btn .icon {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
	background-image: url(assets/img/search_icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 63px;
}

.searchbar_wr .search_btn .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: var(--dark);
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	transition: transform 0.4s cubic-bezier(0.9,0,0.1,1);
	-webkit-transition: transform 0.4s cubic-bezier(0.9,0,0.1,1);
	-moz-transition: transform 0.4s cubic-bezier(0.9,0,0.1,1);
	-ms-transition: transform 0.4s cubic-bezier(0.9,0,0.1,1);
	-o-transition: transform 0.4s cubic-bezier(0.9,0,0.1,1);
}

.searchbar_wr:hover .search_btn .bg {
	transform: scale(0.85);
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
}

input.searchbar {
    padding: 0px 26px 5px;
    font-size: 23px;
	font-family: "Gelion-Light";
	-webkit-touch-callout: all;
	-webkit-user-select: all;
	-khtml-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
	user-select: all;
	width: 100%;
}

.searcherror {
	padding: 20px;
}

.menu_btn {
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	width: 63px;
	height: 63px;
	background-color: var(--grey);
	border: 1px solid var(--dark);
	pointer-events: all;
	cursor: pointer;
	opacity: 0;
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
}

.menu_btn .white_area {
	background-color: #FFFFFF;
	border-left: 1px solid var(--dark);
	position: absolute;
	top: 0px;
	left: 50%;
	width: 100%;
	height: 100%;
	transition: transform 0.3s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 0.3s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 0.3s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 0.3s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 0.3s cubic-bezier(0.8,0,0.2,1);
}

.menu_btn .white_area::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-image: url(assets/img/menu_btn_lines.svg);
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	transition: transform 0.3s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 0.3s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 0.3s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 0.3s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 0.3s cubic-bezier(0.8,0,0.2,1);
}

.menu_btn:hover .white_area {
	transform: translateX(-10px);
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-o-transform: translateX(-10px);
}

.menu_btn:hover .white_area::after {
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
}

.resp_menu_dark {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.2);
	z-index: 9998;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-o-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	cursor: pointer;
}

.om .resp_menu_dark {
	pointer-events: all;
	opacity: 1;
}

.resp_menu {
	width: 660px;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #FFFFFF;
	border: 1px solid var(--dark);
	z-index: 9999;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	pointer-events: none;
	transition: transform 0.8s cubic-bezier(0.9,0,0.1,1);
	-webkit-transition: transform 0.8s cubic-bezier(0.9,0,0.1,1);
	-moz-transition: transform 0.8s cubic-bezier(0.9,0,0.1,1);
	-ms-transition: transform 0.8s cubic-bezier(0.9,0,0.1,1);
	-o-transition: transform 0.8s cubic-bezier(0.9,0,0.1,1);
	will-change: transform;
}

.om .resp_menu {
	pointer-events: all;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}

.resp_menu_block {
	width: 100%;
	margin-bottom: 30px;
	padding: 30px 0px 60px 60px;
}

.resp_menu_block .block_title {
	font-size: 16px;
	font-family: "Gelion-Light";
	margin-bottom: 30px;
}

.resp_menu_block .block_title.tight {
    margin-bottom: 0px;
}

.latest_cards_watched.hidden {
	display: none !important;
	height: 0px !important;
	overflow: hidden;
}

.latest_cards_watched .cards {
	padding-top: 20px;
}

.latest_cards_watched .card_i {
    width: calc(50% - 71px);
}

.menu_header {
	display: grid;
	grid-template-columns: 1fr 63px;
    font-size: 31.99px;
	line-height: 1;
	font-family: "Gelion-Bold";
	align-items: center;
	height: auto;
	padding-right: 50px;
}

.close_menu_btn {
	width: 63px;
	height: 63px;
	border: 1px solid var(--dark);
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	background-image: url(assets/img/close_menu_btn.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 63px;
	cursor: pointer;
	transform: translateX(200px) rotate(360deg);
	-webkit-transform: translateX(200px) rotate(360deg);
	-moz-transform: translateX(200px) rotate(360deg);
	-ms-transform: translateX(200px) rotate(360deg);
	-o-transform: translateX(200px) rotate(360deg);
	transition: transform 1s cubic-bezier(0.9,0,0.5,1.2);
	-webkit-transition: transform 1s cubic-bezier(0.9,0,0.5,1.2);
	-moz-transition: transform 1s cubic-bezier(0.9,0,0.5,1.2);
	-ms-transition: transform 1s cubic-bezier(0.9,0,0.5,1.2);
	-o-transition: transform 1s cubic-bezier(0.9,0,0.5,1.2);
}

@keyframes closemenubtn {
	from { transform: translateX(200px) rotate(360deg) ; -webkit-transform: translateX(200px) rotate(360deg) ; -moz-transform: translateX(200px) rotate(360deg) ; -ms-transform: translateX(200px) rotate(360deg) ; -o-transform: translateX(200px) rotate(360deg) ; }
	to { transform: translateX(0px) rotate(0deg) ; -webkit-transform: translateX(0px) rotate(0deg) ; -moz-transform: translateX(0px) rotate(0deg) ; -ms-transform: translateX(0px) rotate(0deg) ; -o-transform: translateX(0px) rotate(0deg) ; }
}

.om .close_menu_btn {
	transition-delay: 0.2s;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	animation: closemenubtn 1s cubic-bezier(0.9,0,0.5,1.2);
	-webkit-animation: closemenubtn 1s cubic-bezier(0.9,0,0.5,1.2);
	animation-delay: 0.2s;
	transition: transform 0.25s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 0.25s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 0.25s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 0.25s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 0.25s cubic-bezier(0.8,0,0.2,1);
}

.om .close_menu_btn:hover {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

.menu_title {
	transition: transform 1s cubic-bezier(0.9,0,0.1,1);
	-webkit-transition: transform 1s cubic-bezier(0.9,0,0.1,1);
	-moz-transition: transform 1s cubic-bezier(0.9,0,0.1,1);
	-ms-transition: transform 1s cubic-bezier(0.9,0,0.1,1);
	-o-transition: transform 1s cubic-bezier(0.9,0,0.1,1);
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
}

.om .menu_title {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}

.most_searched_topics {
    padding-right: 50px;
}

.topic {
	padding: 7px 20px 10px;
	border: 1px solid var(--dark);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	display: inline-block;
	margin-right: 20px;
	font-family: "Gelion-Light";
	max-width: 100%;
	margin: 0px 20px 10px 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: background-color 0.15s linear;
	-webkit-transition: background-color 0.15s linear;
	-moz-transition: background-color 0.15s linear;
	-ms-transition: background-color 0.15s linear;
	-o-transition: background-color 0.15s linear;
}

.topic:hover {
	background-color: var(--grey);
}

.menu_sound {
	display: flex;
	gap: 50px;
	flex-direction: row;
	align-items: center;
}

.menu_sound .left {
	font-family: "Gelion-Medium";
}

.menu_sound .right {
	display: flex;
	gap: 30px;
	flex-direction: row;
}

.menu_sound .right .icon {
	width: 45px;
	height: 45px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

.menu_sound .right .icon.googlepodcast { background-image: url(assets/img/googlepodcast.svg); }
.menu_sound .right .icon.ivoox { background-image: url(assets/img/ivoox.svg); }
.menu_sound .right .icon.spotify { background-image: url(assets/img/spotify.svg); }
.menu_sound .right .icon.apple { background-image: url(assets/img/apple.svg); }

.menu_links .link {
    display: flex;
    gap: 30px;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
    width: calc(100% - 50px);
	padding: 15px 0px;
	border-bottom: 1px solid var(--dark);
}

.menu_links .link .icon {
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	width: 63px;
	height: 63px;
	background-image: url(assets/img/share_btn.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 63px;
	border: 1px solid transparent;
	position: relative;
	cursor: pointer;
	transition: transform 0.3s cubic-bezier(0,0.5,0.5,1), border-color 0.3s cubic-bezier(0,0.5,0.5,1);
	-webkit-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1), border-color 0.3s cubic-bezier(0,0.5,0.5,1);
	-moz-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1), border-color 0.3s cubic-bezier(0,0.5,0.5,1);
	-ms-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1), border-color 0.3s cubic-bezier(0,0.5,0.5,1);
	-o-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1), border-color 0.3s cubic-bezier(0,0.5,0.5,1);
}

.menu_links .link:hover .icon {
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	border-color: var(--dark);
}

.menu_links .link .icon::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(assets/img/share_btn_arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 63px;
	transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
	-webkit-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
	-moz-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
	-ms-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
	-o-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
}

.menu_links .link .icon::before {
	content: "";
	position: absolute;
	z-index: -2;
	width: calc(100% + 40px);
	height: 100%;
	top: 0px;
	left: -20px;
}

.menu_links .link:hover .icon::after {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
}

.menu_copyright {
	font-size: 12px;
}

/* modules */

.single_body {
	min-height: 100vh;
}

.module_separator {
	width: 100%;
	height: 300px;
}

.module_separator.space_s { height: 80px; }
.module_separator.space_xs { height: 20px; }
.module_separator.space_l { height: 500px; }

.module span, .module li {
    font-weight: inherit !important;
}

.module li {
    list-style: "- ";
	margin-bottom: 8px;
}

.grid_content {
    display: grid;
    max-width: var(--maxw);
    width: calc(100% - 60px);
    margin: 0 auto;
    grid-template-columns: repeat(12, 1fr);
	grid-gap: 60px;
}

.card_header {
	width: calc(100% - 60px);
	max-width: 1520px;
	text-align: center;
	margin: 0 auto;
}

.card_header .top {
    display: grid;
    margin-bottom: 50px;
    position: relative;
    z-index: 4;
    grid-template-columns: 1fr 63px 1fr;
}

.card_header .top .left {
    text-align: left;
    display: flex;
    align-items: center;
}

.card_header .top .center {
    text-align: center;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
}

.card_header .left .catinsingle {
    border: 1px solid var(--dark);
    padding: 6px 15px 10px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 260px;
	font-family: "Gelion-Light";
    overflow: hidden;
    display: inline-block;
}

.card_header_image_wr {
	width: 460px;
	height: 460px;
	position: absolute;
	top: 100%;
	right: 0px;
	z-index: 1;
}

.card_header_image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateY(-50%) scale(0);
	-webkit-transform: translateY(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	will-change: transform !important;
}

.card_header .pretitle {
	font-family: "Gelion-Medium";
	margin-bottom: 20px;
}

.card_header .pretitle .inner {
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	opacity: 0;
}

.card_header .title_1, .card_header .title_2 {
	will-change: transform !important;
}

.card_header .title_1 .inner {
	transform: translateY(10vh);
	-webkit-transform: translateY(10vh);
	-moz-transform: translateY(10vh);
	-ms-transform: translateY(10vh);
	-o-transform: translateY(10vh);
	opacity: 0;
}

.card_header .title_2 .inner {
	transform: translateY(10vh);
	-webkit-transform: translateY(10vh);
	-moz-transform: translateY(10vh);
	-ms-transform: translateY(10vh);
	-o-transform: translateY(10vh);
	opacity: 0;
	padding-bottom: 50px;
}

.card_header .title_1 {
	font-family: "Gelion-Bold";
	font-size: 160px;
	line-height: 0.86;
}

.card_header .title_2 {
	font-family: "Gelion-Bold";
	font-size: 160px;
	line-height: 0.86;
	-webkit-text-fill-color: var(--grey);
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--dark);
	z-index: 2;
	position: relative;
}

.share_btn {
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	width: 63px;
	height: 63px;
	background-image: url(assets/img/share_btn.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 63px;
	border: 1px solid var(--dark);
	position: relative;
	cursor: pointer;
	transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
	-webkit-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
	-moz-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
	-ms-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
	-o-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
}

.share_btn:hover {
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
}

.share_btn.active {
	background-color: #FFFFFF;
}

.share_btn::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(assets/img/share_btn_arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 63px;
	transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
	-webkit-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
	-moz-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
	-ms-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
	-o-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1);
}

.share_btn::before {
	content: "";
	position: absolute;
	z-index: -2;
	width: calc(100% + 40px);
	height: 100%;
	top: 0px;
	left: -20px;
}

.share_btn:hover::after {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
}

.share_subbtn {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: var(--dark);
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 63px !important;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	transition: transform 0.3s cubic-bezier(0.8,0,0.2,1), opacity 0.3s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 0.3s cubic-bezier(0.8,0,0.2,1), opacity 0.3s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 0.3s cubic-bezier(0.8,0,0.2,1), opacity 0.3s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 0.3s cubic-bezier(0.8,0,0.2,1), opacity 0.3s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 0.3s cubic-bezier(0.8,0,0.2,1), opacity 0.3s cubic-bezier(0.8,0,0.2,1);
	opacity: 0;
}

.share_btn:hover .share_subbtn {
	opacity: 1;
}

.share_subbtn.copylink {
	background-image: url(assets/img/share_btn_copylink.svg);
}

.share_subbtn.whatsapp {
	background-image: url(assets/img/share_btn_whatsapp.svg);
}

.share_btn:hover .share_subbtn.copylink {
	transform: translateX(calc(-100% - 10px));
	-webkit-transform: translateX(calc(-100% - 10px));
	-moz-transform: translateX(calc(-100% - 10px));
	-ms-transform: translateX(calc(-100% - 10px));
	-o-transform: translateX(calc(-100% - 10px));
}

.share_btn:hover .share_subbtn.whatsapp {
	transform: translateX(calc(100% + 10px));
	-webkit-transform: translateX(calc(100% + 10px));
	-moz-transform: translateX(calc(100% + 10px));
	-ms-transform: translateX(calc(100% + 10px));
	-o-transform: translateX(calc(100% + 10px));
}

.share_subbtn:hover {
	transition: transform 0.3s cubic-bezier(0,0.5,0.5,3);
	-webkit-transition: transform 0.3s cubic-bezier(0,0.5,0.5,3);
	-moz-transition: transform 0.3s cubic-bezier(0,0.5,0.5,3);
	-ms-transition: transform 0.3s cubic-bezier(0,0.5,0.5,3);
	-o-transition: transform 0.3s cubic-bezier(0,0.5,0.5,3);
}

.share_btn:hover .share_subbtn.copylink:hover {
	transform: translateX(calc(-100% - 10px)) scale(1.05);
	-webkit-transform: translateX(calc(-100% - 10px)) scale(1.05);
	-moz-transform: translateX(calc(-100% - 10px)) scale(1.05);
	-ms-transform: translateX(calc(-100% - 10px)) scale(1.05);
	-o-transform: translateX(calc(-100% - 10px)) scale(1.05);
}

.share_btn:hover .share_subbtn.whatsapp:hover {
	transform: translateX(calc(100% + 10px)) scale(1.05);
	-webkit-transform: translateX(calc(100% + 10px)) scale(1.05);
	-moz-transform: translateX(calc(100% + 10px)) scale(1.05);
	-ms-transform: translateX(calc(100% + 10px)) scale(1.05);
	-o-transform: translateX(calc(100% + 10px)) scale(1.05);
}

.share_btn .copy_success {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
    -webkit-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
    -moz-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
    -ms-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
    -o-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
    background-color: #FFFFFF;
	border: 1px solid var(--dark);
    padding: 6px 10px 9px;
    font-size: 13px;
	font-family: "Gelion-Bold";
    width: 120px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
	pointer-events: none;
}

.share_btn.active {
	pointer-events: none;
}

.share_btn.active .copy_success {
	opacity: 1;
}

.highl_short_intro {
	grid-column: span 12;
	font-family: "Gelion-Medium";
	margin-bottom: 20px;
}

.highl_short_intro .limit {
	max-width: 576px;
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	opacity: 0;
	transition-delay: 0.5s;
}

.highl_short_intro.onscreen .limit {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	opacity: 1;
}

.highl_short_wr {
	grid-column: span 12;
	padding-bottom: 200px;
}

.highl_short_tr {
    display: flex;
    gap: calc(40px + 3vw);
    width: max-content;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.highl_short_block {
	width: calc(var(--maxw)*0.25);
}

.highl_short_block .num {
	font-size: 16px;
}

.highl_short_block .title {
	font-family: "Gelion-Medium";
	margin-top: 20px;
}

.highl_short_block .content {
	font-family: "Gelion-Light";
	margin-top: 20px;
}

.highl_short_block .content.bold {
	font-family: "Gelion-Medium";
}

.highl_long_block {
	grid-column: span 6;
	margin-bottom: 40px;
	max-width: 600px;
}

.highl_long_block .num {
	font-size: 16px;
	opacity: 0;
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	transition-delay: 0.5s;
}

.highl_long_block .title {
	font-family: "Gelion-Medium";
	margin: 20px 0px;
	opacity: 0;
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	transition-delay: 0.4s;
}

.highl_long_block.onscreen .title, .highl_long_block.onscreen .num {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.highl_long_block .content {
	font-family: "Gelion-Light";
}

.highl_long_block .image {
	width: 100%;
	padding-top: 100%;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	margin-top: 40px;
	will-change: transform !important;
}

.highl_long_block .image {
	opacity: 0;
	transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
}

.highl_long_block.onscreen .image {
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transition-delay: 0.8s;
}

.highl_short_scrollbar {
	width: calc(100% - 60px);
	height: 1px;
	max-width: 800px;
	margin: -120px auto 0px;
	background-color: rgba(0,0,0,0.1);
}

.highl_short_scrollbar .bar {
	height: 1px;
	width: 100%;
	background-color: var(--dark);
	transform-origin: left;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
}

.article {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 80px;
	align-items: center;
}

.article.invert {
	direction: rtl;
}

.article .text {
	direction: ltr;
}

.article .title {
	font-size: 75px;
	margin-bottom: 50px;
	line-height: 0.95;
	opacity: 0;
	transform: translateX(-10vw);
	-webkit-transform: translateX(-10vw);
	-moz-transform: translateX(-10vw);
	-ms-transform: translateX(-10vw);
	-o-transform: translateX(-10vw);
	transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	max-width: 600px;
}

.article .onscreen .title {
    transform: none;
    opacity: 1;
}

.article .lead {
	font-family: "Gelion-Regular";
	margin-bottom: 70px;
	line-height: 1.3;
	max-width: 440px;
	opacity: 0;
	transform: translateX(-10vw);
	-webkit-transform: translateX(-10vw);
	-moz-transform: translateX(-10vw);
	-ms-transform: translateX(-10vw);
	-o-transform: translateX(-10vw);
	transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	transition-delay: 0.5s;
}

.onscreen .lead {
    transform: none;
    opacity: 1;
}

.article .description {
	font-family: "Gelion-Light";
	line-height: 1.3;
	margin-bottom: 40px;
	max-width: 600px;
}

.article .image_wr {
	position: relative;
	padding-top: 100%;
	will-change: transform !important;
}

.article .image_wr .image {
	opacity: 0;
	transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
}
.article .image_wr.onscreen .image {
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}

.article .image_area {
	position: absolute;
	width: 60%;
	height: 60%;
}

.article .image_area.tl {
	top: 0px;
	left: 0px;
}

.article .image_area.tr {
	top: 0px;
	right: 0px;
}

.article .image_area.bl {
	bottom: 0px;
	left: 0px;
}

.article .image_area.br {
	bottom: 0px;
	right: 0px;
}

.article .image_area.c {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}

.article .image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.article .img_note {
	font-size: 14px;
	position: absolute;
	top: calc(100% + 15px);
	left: 0px;
	font-style: italic;
	width: 100%;
	text-align: center;
}

.big_text_module {
	position: relative;
}

.big_text_module.align_right {
	text-align: right;
}

.big_text_module.align_center {
	text-align: center;
}

.big_text_module .tagline {
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px;
	font-family: "Gelion-Light";
}

.big_text_module .big_text {
	font-size: 75px;
	margin-bottom: 60px;
	width: calc(100% - 380px);
	line-height: 1.05;
}

.big_text_module .description {
	max-width: 440px;
	font-family: "Gelion-Light";
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	opacity: 0;
	transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	transition-delay: 1s;
}

.big_text_module.onscreen .description {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	opacity: 1;
}

.big_text_module.align_right .tagline, .big_text_module.align_right .big_text, .big_text_module.align_right .description {
	margin-left: auto;
}

.big_text_module.align_center .tagline, .big_text_module.align_center .big_text, .big_text_module.align_center .description {
	margin-left: auto;
	margin-right: auto;
}

.big_text_module .image .image_body {
	width: 100%;
	padding-top: 100%;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

.big_text_module .image {
	position: absolute;
	top: 50%;
	right: 0px;
	width: 25%;
	max-width: 400px;
	z-index: -1;
	transform: translateY(-50%) scale(0.5);
	-webkit-transform: translateY(-50%) scale(0.5);
	-moz-transform: translateY(-50%) scale(0.5);
	-ms-transform: translateY(-50%) scale(0.5);
	-o-transform: translateY(-50%) scale(0.5);
	transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	transition-delay: 0.5s;
	opacity: 0;
}

.big_text_module.onscreen .image {
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
    opacity: 1;
}

.big_text_module.align_right .image {
	right: auto;
	left: 0px;
}

.table_module {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 60px;
	font-family: "Gelion-Light";
}

.table_module b {
	font-family: "Gelion-Medium";
}

.table_module .cell.header {
	font-size: 16px;
}

.table_module .cell {
	opacity: 0;
	transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1.5), opacity 1s cubic-bezier(0.8,0,0.2,1.5);
	transform: translate(5vw,5vw) scale(1.05);
	-webkit-transform: translate(5vw,5vw) scale(1.05);
	-moz-transform: translate(5vw,5vw) scale(1.05);
	-ms-transform: translate(5vw,5vw) scale(1.05);
	-o-transform: translate(5vw,5vw) scale(1.05);
	will-change: transform !important;
	max-width: 600px;
}

.table_module .cell:nth-of-type(1) { transition-delay: 0.05s; }
.table_module .cell:nth-of-type(2) { transition-delay: 0.1s; }
.table_module .cell:nth-of-type(3) { transition-delay: 0.15s; }
.table_module .cell:nth-of-type(4) { transition-delay: 0.2s; }
.table_module .cell:nth-of-type(5) { transition-delay: 0.25s; }
.table_module .cell:nth-of-type(6) { transition-delay: 0.3s; }
.table_module .cell:nth-of-type(7) { transition-delay: 0.35s; }
.table_module .cell:nth-of-type(8) { transition-delay: 0.4s; }
.table_module .cell:nth-of-type(9) { transition-delay: 0.45s; }
.table_module .cell:nth-of-type(10) { transition-delay: 0.5s; }
.table_module .cell:nth-of-type(11) { transition-delay: 0.55s; }
.table_module .cell:nth-of-type(12) { transition-delay: 0.6s; }
.table_module .cell:nth-of-type(13) { transition-delay: 0.65s; }
.table_module .cell:nth-of-type(14) { transition-delay: 0.7s; }
.table_module .cell:nth-of-type(15) { transition-delay: 0.75s; }
.table_module .cell:nth-of-type(16) { transition-delay: 0.8s; }
.table_module .cell:nth-of-type(17) { transition-delay: 0.85s; }
.table_module .cell:nth-of-type(18) { transition-delay: 0.9s; }
.table_module .cell:nth-of-type(19) { transition-delay: 0.95s; }
.table_module .cell:nth-of-type(20) { transition-delay: 1s; }
.table_module .cell:nth-of-type(21) { transition-delay: 1.05s; }
.table_module .cell:nth-of-type(22) { transition-delay: 1.1s; }
.table_module .cell:nth-of-type(23) { transition-delay: 1.15s; }
.table_module .cell:nth-of-type(24) { transition-delay: 1.2s; }
.table_module .cell:nth-of-type(25) { transition-delay: 1.25s; }
.table_module .cell:nth-of-type(26) { transition-delay: 1.3s; }
.table_module .cell:nth-of-type(27) { transition-delay: 1.35s; }
.table_module .cell:nth-of-type(28) { transition-delay: 1.4s; }

.table_module.onscreen .cell {
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}

.module spacer {
    width: 100%;
    height: 0.6em;
    display: block;
}

.article a, .grid_content a, .big_text_module a, .table_module a, .floating_hgl_wr a { text-decoration: underline; }

/* home */

.home_header {
	display: grid;
	grid-template-columns: 550px 1fr;
	padding-top: 350px;
	grid-gap: 100px;
	align-items: start;
}

.home_header .floating_left {
    padding-left: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-family: "Gelion-Light";
}

.home_header .floating_left .btn {
	margin-top: 50px;
}

.homeheader_left .section_title, .homeheader_left .text {
	opacity: 0;
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
}

.homeheader_left .text {
    font-size: 20px;
}

@media(max-height: 900px) {
	.home_header {
		padding-top: 250px;
	}
}

.section_title {
	font-size: 16px;
	min-width: 150px;
	transform: translateY(4px);
	-webkit-transform: translateY(4px);
	-moz-transform: translateY(4px);
	-ms-transform: translateY(4px);
	-o-transform: translateY(4px);
}

.fancy_cards .toptitle {
	font-size: 16px;
	font-family: "Gelion-Light";
	margin-top: 6px;
	opacity: 0;
}

.fancy_cards .toptitle::before {
	content: "";
	width: 10px;
	height: 13px;
	background-image: url(assets/img/small_arrow_down.svg);
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	display: inline-block;
	margin-right: 25px;
}

.ref_fancy_cards {
	width: 100%;
}

.fancy_cards_wr {
	margin-top: 20px;
	position: relative;
	will-change: transform !important;
}

.fancy_card, #newfancycard {
	position: absolute;
	width: calc((100vw - 650px)/2);
	/* max-width: 750px; */
	height: calc((100vw - 650px)/2);
	/* max-height: 500px; */
	top: 30px;
	left: 0px;
	will-change: transform !important;
	cursor: pointer;
	opacity: 0;
}

.fancy_card, #newfancycard {
    width: 550px;
    height: 400px;
}

#newfancycard {
	pointer-events: none;
}

.fancy_card:hover {
	z-index: 5;
}

.fancy_card .basebg, .fancy_card .bg, #newfancycard .basebg, #newfancycard .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	transition: opacity 0.5s cubic-bezier(0,0.5,0.2,1);
	-webkit-transition: opacity 0.5s cubic-bezier(0,0.5,0.2,1);
	-moz-transition: opacity 0.5s cubic-bezier(0,0.5,0.2,1);
	-ms-transition: opacity 0.5s cubic-bezier(0,0.5,0.2,1);
	-o-transition: opacity 0.5s cubic-bezier(0,0.5,0.2,1);
}

.fancy_card .content, #newfancycard .content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	border: 1px solid var(--dark);
	background-color: var(--grey);
	will-change: transform;
}

.fancy_card .info, #newfancycard .info {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: var(--grey);
	border: 1px solid var(--dark);
	display: flex;
	transition: transform 0.5s cubic-bezier(0.5,0.5,0.5,1), opacity 0.5s cubic-bezier(0.5,0.5,0.5,1);
	-webkit-transition: transform 0.5s cubic-bezier(0.5,0.5,0.5,1), opacity 0.5s cubic-bezier(0.5,0.5,0.5,1);
	-moz-transition: transform 0.5s cubic-bezier(0.5,0.5,0.5,1), opacity 0.5s cubic-bezier(0.5,0.5,0.5,1);
	-ms-transition: transform 0.5s cubic-bezier(0.5,0.5,0.5,1), opacity 0.5s cubic-bezier(0.5,0.5,0.5,1);
	-o-transition: transform 0.5s cubic-bezier(0.5,0.5,0.5,1), opacity 0.5s cubic-bezier(0.5,0.5,0.5,1);
	flex-direction: column;
	transform: translate(20px,-20px);
	-webkit-transform: translate(20px,-20px);
	-moz-transform: translate(20px,-20px);
	-ms-transform: translate(20px,-20px);
	-o-transform: translate(20px,-20px);
}

.fancy_card .info .bg, #newfancycard .info .bg {
	z-index: -1;
	background-color: #FFFFFF;
}

.fancy_card:hover .info {
	transition: transform 0.5s cubic-bezier(0,0,0.2,8);
	-webkit-transition: transform 0.5s cubic-bezier(0,0,0.2,8);
	-moz-transition: transform 0.5s cubic-bezier(0,0,0.2,8);
	-ms-transition: transform 0.5s cubic-bezier(0,0,0.2,8);
	-o-transition: transform 0.5s cubic-bezier(0,0,0.2,8);
	transform: translate(20px,-20px) scale(1.01);
	-webkit-transform: translate(20px,-20px) scale(1.01);
	-moz-transform: translate(20px,-20px) scale(1.01);
	-ms-transform: translate(20px,-20px) scale(1.01);
	-o-transform: translate(20px,-20px) scale(1.01);
}

.fancy_card .info .name, #newfancycard .info .name {
	max-width: 370px;
	padding: 30px 100px 30px 40px;
	position: relative;
	z-index: 2;
}

.fancy_card.selected {
	pointer-events: none;
}

.fancy_card .info .num, #newfancycard .info .num {
	font-size: 16px;
	font-family: "Gelion-Light";
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 40px;
	right: 30px;
	border: 1px solid var(--dark);
	z-index: 2;
	overflow: hidden;
}

.fancy_card .info .num .bg, #newfancycard .info .num .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
	transition: opacity 0.25s linear;
	-webkit-transition: opacity 0.25s linear;
	-moz-transition: opacity 0.25s linear;
	-ms-transition: opacity 0.25s linear;
	-o-transition: opacity 0.25s linear;
}

.fancy_card .info .image, #newfancycard .info .image {
	height: 100%;
    margin: 30px 30px 50px;
	position: relative;
}

.fancy_card .info .image, #newfancycard .info .image {
	height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 30px 30px 50px;
	position: relative;
}

.fancy_card .lateral_phrase, #newfancycard .lateral_phrase {
	position: absolute;
	bottom: 30px;
	left: 30px;
	z-index: 8;
	font-size: 16px;
	transform: rotate(-90deg) translateY(100%);
	-webkit-transform: rotate(-90deg) translateY(100%);
	-moz-transform: rotate(-90deg) translateY(100%);
	-ms-transform: rotate(-90deg) translateY(100%);
	-o-transform: rotate(-90deg) translateY(100%);
	transform-origin: bottom left;
}

.fancy_card .info .image .solid, .fancy_card .info .image .line, #newfancycard .image .solid {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	transition: opacity 0.5s cubic-bezier(0,0.5,0.2,1);
	-webkit-transition: opacity 0.5s cubic-bezier(0,0.5,0.2,1);
	-moz-transition: opacity 0.5s cubic-bezier(0,0.5,0.2,1);
	-ms-transition: opacity 0.5s cubic-bezier(0,0.5,0.2,1);
	-o-transition: opacity 0.5s cubic-bezier(0,0.5,0.2,1);
}

.fancy_card .info .image .line, #newfancycard .info .image .line {
	opacity: 0;
}

.fancy_cards_wr.hover .bg, .fancy_cards_wr.hover .basebg {
	opacity: 0;
}

.fancy_cards_wr.hover .fancy_card:hover .bg, .fancy_cards_wr.hover .fancy_card:hover .basebg {
	opacity: 1;
}

.fancy_cards_wr.hover .fancy_card .info .image .line { opacity: 1; }
.fancy_cards_wr.hover .fancy_card:hover .info .image .line { opacity: 0; }
.fancy_cards_wr.hover .fancy_card .info .image .solid { opacity: 0; }
.fancy_cards_wr.hover .fancy_card:hover .info .image .solid { opacity: 1; }
.fancy_cards_wr.hover .fancy_card .info .num .bg { opacity: 0; }
.fancy_cards_wr.hover .fancy_card:hover .info .num .bg { opacity: 1; }

.fancy_cards_wr.hover .fancy_card.selected .info .image .line { opacity: 1; }
.fancy_cards_wr.hover .fancy_card.selected .info .image .line { opacity: 0; }
.fancy_cards_wr.hover .fancy_card.selected .info .image .solid { opacity: 1; }
.fancy_cards_wr.hover .fancy_card.selected .info .num .bg { opacity: 1; }
.fancy_cards_wr .selected .bg, .fancy_cards_wr .selected .basebg { opacity: 1; }
.fancy_cards_wr .fancy_card.selected { z-index: 5; }

.fancydetail_wr {
	width: calc(100% - 50px);
	position: relative;
	transition: opacity 0.4s cubic-bezier(0,0.5,0.2,1);
	-webkit-transition: opacity 0.4s cubic-bezier(0,0.5,0.2,1);
	-moz-transition: opacity 0.4s cubic-bezier(0,0.5,0.2,1);
	-ms-transition: opacity 0.4s cubic-bezier(0,0.5,0.2,1);
	-o-transition: opacity 0.4s cubic-bezier(0,0.5,0.2,1);
	opacity: 0;
	pointer-events: none;
	z-index: 3;
}

.fancydetail_wr.active {
	padding: 70px 50px 0px;
	min-height: 409px;
	opacity: 1;
	pointer-events: all;
}

.fancydetail_wr .gridbg {
	background-color: var(--grey);
	background-image: url(assets/img/grid.svg);
	background-position: 5px;
	background-size: 50px;
	border: 1px solid var(--dark);
	position: absolute;
	top: 150px;
	left: 0px;
	width: 100%;
	height: 0px;
	transition: height 1s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: height 1s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: height 1s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: height 1s cubic-bezier(0.8,0,0.2,1);
	-o-transition: height 1s cubic-bezier(0.8,0,0.2,1);
	z-index: -1;
}

.fancydetail_wr .content {
	padding-top: 380px;
}

.fancydetail_wr .card_i {
	margin-bottom: 60px;
	max-width: 220px;
}

.close_fancydetail {
	content: "";
	width: 63px;
	height: 63px;
	background-color: var(--dark);
	background-image: url(assets/img/close_btn.svg);
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-ms-border-radius: 32px;
	-o-border-radius: 32px;
	position: absolute;
	top: 50px;
	right: 0px;
	cursor: pointer;
	transition: transform 0.6s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 0.6s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 0.6s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 0.6s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 0.6s cubic-bezier(0.8,0,0.2,1);
	transform: translateX(20px) scale(0) rotate(180deg);
	-webkit-transform: translateX(20px) scale(0) rotate(180deg);
	-moz-transform: translateX(20px) scale(0) rotate(180deg);
	-ms-transform: translateX(20px) scale(0) rotate(180deg);
	-o-transform: translateX(20px) scale(0) rotate(180deg);
}

.fancydetail_wr.active .close_fancydetail {
	transition: transform 1s cubic-bezier(0.8,0,0.2,1.4);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1.4);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1.4);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1.4);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1.4);
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transition-delay: 0.25s;
}

/**/

.bicol_section {
	display: grid;
	grid-template-columns: 200px 1fr;
	padding-top: 220px;
}

.bicol_section .left_col {
	padding: 0px 50px;
	font-family: "Gelion-Light";
}

.bicol_section .right_col {
	padding-right: 50px;
}

.allcats {
	font-size: 73px;
	font-family: "Gelion-Thin";
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	pointer-events: none;
}

.allcats.active {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}

@keyframes fade {
	0% { opacity: 0; }
	40% { opacity: 0; }
	100% { opacity: 1; }
}

.allcats.active {
	font-size: 23px;
	text-align: right;
	padding-left: 600px;
	animation: fade 1s;
	-webkit-animation: fade 1s;
}

.allcats .cat {
	position: relative;
	transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-o-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	pointer-events: all;
}

.allcats:hover .cat {
	opacity: 0.15;
}

.allcats .cat:hover {
	opacity: 1;
}

.allcats .cat em {
	font-family: "Gelion-Thin";
}

.cats_wr {
	margin-left: auto;
	width: 59.5vw;
	position: relative;
	margin-top: 50px;
	transition: opacity 0.4s cubic-bezier(0,0.5,0.2,1);
	-webkit-transition: opacity 0.4s cubic-bezier(0,0.5,0.2,1);
	-moz-transition: opacity 0.4s cubic-bezier(0,0.5,0.2,1);
	-ms-transition: opacity 0.4s cubic-bezier(0,0.5,0.2,1);
	-o-transition: opacity 0.4s cubic-bezier(0,0.5,0.2,1);
	opacity: 0;
}

.cats_wr.active {
	padding: 70px 50px 0px;
	min-height: 409px;
	opacity: 1;
}

.cats_wr .bg {
	background-image: url(assets/img/grid.svg);
	background-position: top;
	background-size: 50px;
	border: 1px solid var(--dark);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	transition: height 0.6s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: height 0.6s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: height 0.6s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: height 0.6s cubic-bezier(0.8,0,0.2,1);
	-o-transition: height 0.6s cubic-bezier(0.8,0,0.2,1);
	z-index: -1;
}

.cats_wr .card_i {
	margin-bottom: 60px;
	max-width: 220px;
}

.close_cats {
	content: "";
	width: 63px;
	height: 63px;
	background-color: var(--dark);
	background-image: url(assets/img/close_btn.svg);
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-ms-border-radius: 32px;
	-o-border-radius: 32px;
	position: absolute;
	top: 0px;
	right: calc(100% + 20px);
	cursor: pointer;
	transition: transform 0.6s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 0.6s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 0.6s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 0.6s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 0.6s cubic-bezier(0.8,0,0.2,1);
	transform: translateX(20px) scale(0) rotate(180deg);
	-webkit-transform: translateX(20px) scale(0) rotate(180deg);
	-moz-transform: translateX(20px) scale(0) rotate(180deg);
	-ms-transform: translateX(20px) scale(0) rotate(180deg);
	-o-transform: translateX(20px) scale(0) rotate(180deg);
}

.close_cats.active {
	transition: transform 1s cubic-bezier(0.8,0,0.2,1.4);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1.4);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1.4);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1.4);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1.4);
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transition-delay: 0.25s;
}

.home_sound {
	width: 100%;
	transform: translateY(-40px);
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
}

.home_sound .line_border_iso {
	width: 100%;
	height: 1px;
	background-color: var(--dark);
	position: relative;
	z-index: -2;
}

.home_sound .line {
	padding: 40px 0px;
	font-family: "Gelion-Light";
	display: flex;
	position: relative;
}

.home_sound .line .bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	z-index: -1;
	background-color: #FFFFFF;
	border: 1px solid var(--dark);
	opacity: 0;
	transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1.4), transform 0.3s cubic-bezier(0.8,-0.5,0.2,1.5);
	-webkit-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1.4), transform 0.3s cubic-bezier(0.8,-0.5,0.2,1.5);
	-moz-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1.4), transform 0.3s cubic-bezier(0.8,-0.5,0.2,1.5);
	-ms-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1.4), transform 0.3s cubic-bezier(0.8,-0.5,0.2,1.5);
	-o-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1.4), transform 0.3s cubic-bezier(0.8,-0.5,0.2,1.5);
}

.home_sound .line:hover .bg {
	opacity: 1;
	transform: translate(20px, 20px);
	-webkit-transform: translate(20px, 20px);
	-moz-transform: translate(20px, 20px);
	-ms-transform: translate(20px, 20px);
	-o-transform: translate(20px, 20px);
}

/* .home_sound .line:nth-child(1) {
    padding-top: 0px;
} */

.home_sound .line .episode {
	width: 18%;
	transition: transform 0.5s cubic-bezier(0.8,0,0.2,1.5);
	-webkit-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1.5);
	-moz-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1.5);
	-ms-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1.5);
	-o-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1.5);
}

.home_sound .line:hover .episode {
	transform: translate(50px, 20px);
	-webkit-transform: translate(50px, 20px);
	-moz-transform: translate(50px, 20px);
	-ms-transform: translate(50px, 20px);
	-o-transform: translate(50px, 20px);
}

.home_sound .line .episode::before {
	content: "Episodio ";
}

.home_sound .line .name {
	font-family: "Gelion-Medium";
	flex-grow: 2;
	transition: transform 0.5s cubic-bezier(0.8,0,0.2,1.5);
	-webkit-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1.5);
	-moz-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1.5);
	-ms-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1.5);
	-o-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1.5);
}

.home_sound .line:hover .name {
	transform: translate(20px, 20px);
	-webkit-transform: translate(20px, 20px);
	-moz-transform: translate(20px, 20px);
	-ms-transform: translate(20px, 20px);
	-o-transform: translate(20px, 20px);
}

.home_sound .line .duration {
	transition: transform 0.5s cubic-bezier(0.2,0.4,0.2,1.4);
	-webkit-transition: transform 0.5s cubic-bezier(0.2,0.4,0.2,1.4);
	-moz-transition: transform 0.5s cubic-bezier(0.2,0.4,0.2,1.4);
	-ms-transition: transform 0.5s cubic-bezier(0.2,0.4,0.2,1.4);
	-o-transition: transform 0.5s cubic-bezier(0.2,0.4,0.2,1.4);
}

.home_sound .line:hover .duration {
	transform: translate(-10px, 20px);
	-webkit-transform: translate(-10px, 20px);
	-moz-transform: translate(-10px, 20px);
	-ms-transform: translate(-10px, 20px);
	-o-transform: translate(-10px, 20px);
}

.basic_footer {
	background-color: #FFFFFF;
	padding: 100px 0px 200px;
	margin-top: 130px;
}

.basic_footer .bicol_section {
	padding-top: 0px;
}

.legal_links {
	font-size: 16px;
	font-family: "Gelion-Light";
	position: absolute;
	bottom: 30px;
	right: 30px;
}

.legal_link {
	margin-left: 30px;
	text-transform: uppercase;
}

.ceoquote {
	max-width: 390px;
	font-family: "Gelion-Medium";
}

.ceo {
    margin-top: 30px;
    max-width: 400px;
    font-family: "Gelion-Light";
    font-size: 18px;
    font-style: italic;
}

.basic_footer .right_col {
    display: flex;
    justify-content: space-between;
}

.footer_extra {
    min-width: 460px;
}

.footer_extra .title {
	font-size: 16px;
	font-family: "Gelion-Light";
}

.sound_icons, .podcasts_page_header .icons {
	display: flex;
	gap: 30px;
	flex-direction: row;
	margin: 30px 0px 50px;
}

.sound_icons .icon, .podcasts_page_header .icons .icon {
	width: 45px;
	height: 45px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

.icon.googlepodcast { background-image: url(assets/img/googlepodcast.svg); }
.icon.ivoox { background-image: url(assets/img/ivoox.svg); }
.icon.spotify { background-image: url(assets/img/spotify.svg); }
.icon.apple { background-image: url(assets/img/apple.svg); }

.footer_extra .social_follow {
	margin-top: 20px;
	font-family: "Gelion-Medium";
}

.copyright {
	position: fixed;
	bottom: 22px;
	left: 50px;
	font-size: 12px;
	z-index: 9;
}

/* single */

.closecard {
	display: block;
	position: absolute;
	top: 30px;
	left: 50%;
	width: 120px;
	height: 120px;
	border: 1px solid var(--dark);
	background-color: var(--grey);
	background-image: url(assets/img/gohome.svg);
	background-position: center !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
	z-index: 8;
	cursor: pointer;
	transition: transform 0.3s cubic-bezier(0,0.5,0.5,1), background-color 0.3s cubic-bezier(0,0.5,0.5,1);
	-webkit-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1), background-color 0.3s cubic-bezier(0,0.5,0.5,1);
	-moz-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1), background-color 0.3s cubic-bezier(0,0.5,0.5,1);
	-ms-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1), background-color 0.3s cubic-bezier(0,0.5,0.5,1);
	-o-transition: transform 0.3s cubic-bezier(0,0.5,0.5,1), background-color 0.3s cubic-bezier(0,0.5,0.5,1);
}

.closecard:hover {
	background-color: #FFFFFF;
	transform: translateX(-50%) scale(1.1) rotate(90deg);
	-webkit-transform: translateX(-50%) scale(1.1) rotate(90deg);
	-moz-transform: translateX(-50%) scale(1.1) rotate(90deg);
	-ms-transform: translateX(-50%) scale(1.1) rotate(90deg);
	-o-transform: translateX(-50%) scale(1.1) rotate(90deg);
}

.transition_heart_wr {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100vh;
}

#transition_heart {
    width: 100%;
    height: 100%;
    min-width: 300vw;
    min-height: 300vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-image: url(assets/img/hearts/white.svg);
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    will-change: transform !important;
}

.line_extended {
    border-top: 1px solid var(--dark);
	height: 5px;
    width: 200%;
	font-size: 16px;
	font-family: "Gelion-Light";
}

.line_extended .title {
	padding-top: 15px;
}

.related_podcasts {
	width: calc(100% - 20px);
	margin-top: 110px;
}

.related_podcasts .item {
    margin-top: 50px;
}

.related_podcasts .bg {
	border: 1px solid var(--dark);
}

.related_podcasts .item .info {
	transition: transform 0.5s cubic-bezier(0.8,-0.5,0.2,1.5);
	-webkit-transition: transform 0.5s cubic-bezier(0.8,-0.5,0.2,1.5);
	-moz-transition: transform 0.5s cubic-bezier(0.8,-0.5,0.2,1.5);
	-ms-transition: transform 0.5s cubic-bezier(0.8,-0.5,0.2,1.5);
	-o-transition: transform 0.5s cubic-bezier(0.8,-0.5,0.2,1.5);
}

.related_podcasts .item:hover .info {
	transform: translate(10px,-10px);
	-webkit-transform: translate(10px,-10px);
	-moz-transform: translate(10px,-10px);
	-ms-transform: translate(10px,-10px);
	-o-transform: translate(10px,-10px);
}

.related_podcasts .info {
	border: 1px solid var(--dark);
	background-color: #FFFFFF;
	transform: translate(20px,-20px);
	-webkit-transform: translate(20px,-20px);
	-moz-transform: translate(20px,-20px);
	-ms-transform: translate(20px,-20px);
	-o-transform: translate(20px,-20px);
	display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
	padding: 22px 30px;
	font-family: "Gelion-Light";
}

.related_podcasts .info .type {
	flex: 1;
	display: flex;
	gap: 40px;
}

.related_podcasts .info .name {
	font-family: "Gelion-Medium";
}

.related_podcasts .info .episode {
	text-align: right;
	flex: 1;
}

.related_podcasts .info .episode::before {
	content: "Episodio ";
}

.related_podcasts .icon {
	width: 63px;
	height: 63px;
	border: 1px solid var(--dark);
	background-image: url(assets/img/icn_podcast.svg);
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	margin: 0px 30px;
}

.related_cards {
	margin-top: 130px;
}

.related_cards .card_i {
	margin-right: 0px;
	width: 230px;
}

.related_cards_tr {
    display: flex;
    gap: 60px;
    width: max-content;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
	padding-bottom: 50px;
}

.card_i {
	background-color: var(--grey);
	border: 1px solid var(--dark);
	width: calc(var(--maxw)*0.25);
	height: 300px;
	margin-right: 60px;
	text-align: left;
}

.card_i .info {
	padding: 17px 20px;
	background-color: #FFFFFF;
	border: 1px solid var(--dark);
	transform: translate(20px,-20px);
	-webkit-transform: translate(20px,-20px);
	-moz-transform: translate(20px,-20px);
	-ms-transform: translate(20px,-20px);
	-o-transform: translate(20px,-20px);
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	pointer-events: none;
	transition: transform 0.5s cubic-bezier(0.8,-0.5,0.2,1.5);
	-webkit-transition: transform 0.5s cubic-bezier(0.8,-0.5,0.2,1.5);
	-moz-transition: transform 0.5s cubic-bezier(0.8,-0.5,0.2,1.5);
	-ms-transition: transform 0.5s cubic-bezier(0.8,-0.5,0.2,1.5);
	-o-transition: transform 0.5s cubic-bezier(0.8,-0.5,0.2,1.5);
}

.card_i:hover .info {
	transform: translate(10px,-10px);
	-webkit-transform: translate(10px,-10px);
	-moz-transform: translate(10px,-10px);
	-ms-transform: translate(10px,-10px);
	-o-transform: translate(10px,-10px);
}

.card_i .icon {
	width: 63px;
	height: 63px;
	border: 1px solid var(--dark);
	background-image: url(assets/img/icn_doc.svg);
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	margin: 0 auto;
}

.card_i.podcast .icon {
	background-image: url(assets/img/icn_podcast.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.nextprev_wr {
	background-color: #FFFFFF;
	padding-top: 80px;
	margin-top: 80px;
}

.next_prev {
	position: relative;
	height: 480px;
}

.nextprev_wr .big_card {
	position: absolute;
	width: 60%;
	height: 400px;
	transition: transform 0.5s cubic-bezier(0,0.5,0.5,1);
	-webkit-transition: transform 0.5s cubic-bezier(0,0.5,0.5,1);
	-moz-transition: transform 0.5s cubic-bezier(0,0.5,0.5,1);
	-ms-transition: transform 0.5s cubic-bezier(0,0.5,0.5,1);
	-o-transition: transform 0.5s cubic-bezier(0,0.5,0.5,1);
}

.nextprev_wr .big_card:hover {
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
}

.nextprev_wr .prev_card {
	padding: 30px;
	background-color: #FFFFFF;
	border: 1px solid var(--dark);
	top: 0px;
	left: 0px;
}

.nextprev_wr .next_card {
	padding: 30px;
	background-color: var(--grey);
	border: 1px solid var(--dark);
	bottom: 0px;
	right: 0px;
	z-index: 1;
	text-align: right;
}

.nextprev_wr .prev_card::after, .nextprev_wr .next_card::after {
	content: "";
	width: 63px;
	height: 63px;
	border: 1px solid var(--dark);
	background-position: center !important;
	background-repeat: no-repeat !important;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	position: absolute;
	bottom: 30px;
}

.nextprev_wr .prev_card::after {
	background-image: url(assets/img/icn_arrow_left.svg);
	left: 30px;
}

.nextprev_wr .next_card::after {
	background-image: url(assets/img/icn_arrow_right.svg);
	right: 30px;
}

.nextprev_wr .tagline {
	font-family: "Gelion-Light";
	font-size: 16px;
	text-transform: uppercase;

}

.nextprev_wr .title {
	font-family: "Gelion-Medium";
	margin-top: 20px;
	max-width: 60%;
}

.next_card .title {
    margin-left: auto;
    max-width: 100%;
}

.big_card.empty {
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	cursor: default;
}

.big_card.empty::after, .big_card.empty::before {
	opacity: 0.2;
}

.big_card.empty .tagline {
	opacity: 0.5;
}

.card_end {
	background-color: #FFFFFF;
	padding: 80px 20px;
	text-align: center;
	font-size: 12px;
}

.card_end .bold {
	font-family: "Gelion-Medium";
}

.floating_hgl_wr {
	height: 0px;
}

.floating_hgl_z {
	position: relative;
	z-index: 9;
}

.floating_hgl {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
    font-size: 20px;
}

.floating_hgl.right {
	margin-left: auto;
}

.floating_hgl.drop {
    width: 230px;
    height: 335px;
    background-image: url(assets/img/hgl_icon_drop.svg);
    text-align: center;
}

.floating_hgl.drop .text {
    position: absolute;
    bottom: 50px;
    left: 30px;
    right: 30px;
}

.floating_hgl.heart {
    width: 390px;
    height: 340px;
    background-image: url(assets/img/hgl_icon_heart.svg);
	position: relative;
}

.floating_hgl.heart .text {
    position: absolute;
    bottom: 50px;
    left: 50%;
    right: 30px;
    transform-origin: bottom left;
    width: 260px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.floating_hgl.pill {
    width: 135px;
    height: 336px;
    background-image: url(assets/img/hgl_icon_pill.svg);
}

.floating_hgl.pill .text {
    position: absolute;
    top: 50%;
    left: 50%;
	text-align: center;
    width: calc(336px - 60px);
    max-height: calc(135px - 40px);
    transform: translate(-50%,-50%) rotate(-90deg);
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    -moz-transform: translate(-50%,-50%) rotate(-90deg);
    -ms-transform: translate(-50%,-50%) rotate(-90deg);
    -o-transform: translate(-50%,-50%) rotate(-90deg);
}

.floating_hgl.plus {
    width: 336px;
    height: 336px;
    background-image: url(assets/img/hgl_icon_plus.svg);
	position: relative;
}

.floating_hgl.plus .text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 60px);
	text-align: center;
	max-height: 90px;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}

.floating_hgl.rectcolor {
    width: calc(100% - 30px);
	max-width: 375px;
	border: 1px solid var(--dark);
	margin-bottom: 20px;
	background-color: var(--grey);
}

.floating_hgl.rectcolor .text {
	background-color: var(--currentcolor);
	border: 1px solid var(--dark);
	padding: 12px 20px;
	transform: translate(20px,20px);
	-webkit-transform: translate(20px,20px);
	-moz-transform: translate(20px,20px);
	-ms-transform: translate(20px,20px);
	-o-transform: translate(20px,20px);
}

.floating_hgl.rectwhite {
    width: calc(100% - 30px);
	max-width: 375px;
	border: 1px solid var(--dark);
	margin-bottom: 20px;
}

.floating_hgl.rectwhite .text {
	background-color: #FFFFFF;
	border: 1px solid var(--dark);
	padding: 12px 20px;
	transform: translate(20px,20px);
	-webkit-transform: translate(20px,20px);
	-moz-transform: translate(20px,20px);
	-ms-transform: translate(20px,20px);
	-o-transform: translate(20px,20px);
}

.floating_info {
	background-color: var(--currentcolor);
	background-image: url(assets/img/icn_podcast.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 63px;
	width: 160px;
	height: 160px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	position: fixed;
	z-index: 99;
	pointer-events: none;
	transform: translate(-50%,-50%) scale(0);
	-webkit-transform: translate(-50%,-50%) scale(0);
	-moz-transform: translate(-50%,-50%) scale(0);
	-ms-transform: translate(-50%,-50%) scale(0);
	-o-transform: translate(-50%,-50%) scale(0);
}

.floating_info .explore {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: var(--currentcolor);
	font-family: "Gelion-Light";
	text-align: center;
	font-size: 19px;
	display: flex;
	align-items: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	opacity: 0;
}

.floating_info .explore.active {
	opacity: 1;
}

.podcast_player_wr {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 130px;
	z-index: 99;
	transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
}

.podcast_player_wr.p_hid {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
}

.podcast_player_wr.p_min {
	transform: translateY(calc(100% - 25px));
	-webkit-transform: translateY(calc(100% - 25px));
	-moz-transform: translateY(calc(100% - 25px));
	-ms-transform: translateY(calc(100% - 25px));
	-o-transform: translateY(calc(100% - 25px));
}

.podcast_player_wr .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	border-top: 1px solid var(--dark);
	background-color: var(--grey);
	pointer-events: none;
}

.expand_podcast_player_btn, .expand_podcast_player_btn_arrow {
	width: 63px;
	height: 63px;
	background-color: var(--grey);
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border: 1px solid var(--dark);
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%,50%);
	-webkit-transform: translate(-50%,50%);
	-moz-transform: translate(-50%,50%);
	-ms-transform: translate(-50%,50%);
	-o-transform: translate(-50%,50%);
	z-index: -99;
	transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	cursor: pointer;
}

.close_podcast_player_btn {
    width: 63px;
    height: 150px;
	cursor: pointer;
    background-color: var(--dark);
    bottom: calc(100% - 65px);
    left: 50%;
    position: absolute;
    border-radius: 63px;
    -webkit-border-radius: 63px;
    -moz-border-radius: 63px;
    -ms-border-radius: 63px;
    -o-border-radius: 63px;
    z-index: -1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
	background-image: url(assets/img/close_btn.svg);
	background-size: contain;
	background-position-x: center;
	background-position-y: 0px;
	transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
}

.p_min .close_podcast_player_btn, .p_hid .close_podcast_player_btn {
	transform: translate(-50%,100%);
	-webkit-transform: translate(-50%,100%);
	-moz-transform: translate(-50%,100%);
	-ms-transform: translate(-50%,100%);
	-o-transform: translate(-50%,100%);
}

.expand_podcast_player_btn_arrow {
	width: 61px;
	height: 61px;
	z-index: 3;
	border: none;
	transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
}

.p_hid .expand_podcast_player_btn {
	transform: translate(-50%,195px);
	-webkit-transform: translate(-50%,195px);
	-moz-transform: translate(-50%,195px);
	-ms-transform: translate(-50%,195px);
	-o-transform: translate(-50%,195px);
}

.p_hid .expand_podcast_player_btn_arrow {
	transform: translate(-50%,195px);
	-webkit-transform: translate(-50%,195px);
	-moz-transform: translate(-50%,195px);
	-ms-transform: translate(-50%,195px);
	-o-transform: translate(-50%,195px);
}

.expand_podcast_player_btn_arrow::after {
	content: "";
	position: absolute;
	width: 70px;
	height: 70px;
	background-image: url(assets/img/icn_arrow_down.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 63px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transition: transform 1s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
}

.p_min .expand_podcast_player_btn_arrow::after {
	transform: translate(-50%,calc(-50% - 10px)) rotate(180deg);
	-webkit-transform: translate(-50%,calc(-50% - 10px)) rotate(180deg);
	-moz-transform: translate(-50%,calc(-50% - 10px)) rotate(180deg);
	-ms-transform: translate(-50%,calc(-50% - 10px)) rotate(180deg);
	-o-transform: translate(-50%,calc(-50% - 10px)) rotate(180deg);
}

.p_hid .expand_podcast_player_btn_arrow::after {
	opacity: 0;
}

.podcast_player {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 4;
	display: grid;
	grid-template-columns: calc(50% - 165px) 230px calc(50% - 165px);
	grid-gap: 50px;
	pointer-events: none;
	transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
}

.p_min .podcast_player {
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
}

.podcast_player .left {
	display: flex;
	flex-direction: row;
	padding: 0px 50px;
	align-items: center;
}

.podcast_player .playerbtn {
	width: 63px;
	height: 63px;
	border: 1px solid var(--dark);
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	transition: transform 0.3s cubic-bezier(0,0.5,0.6,1), background-color 0.3s cubic-bezier(0.2,0.5,0.6,1);
	-webkit-transition: transform 0.3s cubic-bezier(0,0.5,0.6,1), background-color 0.3s cubic-bezier(0.2,0.5,0.6,1);
	-moz-transition: transform 0.3s cubic-bezier(0,0.5,0.6,1), background-color 0.3s cubic-bezier(0.2,0.5,0.6,1);
	-ms-transition: transform 0.3s cubic-bezier(0,0.5,0.6,1), background-color 0.3s cubic-bezier(0.2,0.5,0.6,1);
	-o-transition: transform 0.3s cubic-bezier(0,0.5,0.6,1), background-color 0.3s cubic-bezier(0.2,0.5,0.6,1);
	cursor: pointer;
	pointer-events: all;
	flex-shrink: 0;
}

.podcast_player .playerbtn:hover {
	background-color: #FFFFFF;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.podcast_player .left_arr {
	background-image: url(assets/img/icn_arrow_left.svg);
}

.podcast_player .right_arr {
	background-image: url(assets/img/icn_arrow_right.svg);
}

.podcast_player .info {
	display: flex;
	flex-direction: column;
	padding: 0px 50px;
}

.podcast_player .info .name {
    font-size: 25px;
    font-family: "Gelion-Medium";
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(50vw - 460px);
    overflow: hidden;
}

.podcast_player .info .episode {
	font-size: 16px;
}

.podcast_player .info .episode::before {
	content: "Episodio ";
}

.podcast_player .center {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.podcast_player .center .playerbtn.noborder {
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: none;
	background-color: transparent !important;
}

.podcast_player .center .playpause {
	background-color: var(--grey);
	background-image: url(assets/img/icn_play.svg);
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

.podcast_player.playing .center .playpause {
	background-image: url(assets/img/icn_pause.svg);
}

.podcast_player .right {
	display: flex;
	gap: 30px;
	align-items: center;
    padding-right: 50px;
}

.min_player_bar {
	position: absolute;
	background-color: var(--grey);
	border: 1px solid var(--dark);
	height: 10px;
	width: calc(100% - 10px);
	position: absolute;
	overflow: hidden;
	top: 8px;
	left: 5px;
	z-index: 5;
	opacity: 0;
	transition: transform 0.5s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1), opacity 0.5s cubic-bezier(0.8,0,0.2,1);
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
}

.p_min .min_player_bar {
	opacity: 1;
	transition-delay: 0.5s;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transition: transform 1s cubic-bezier(0.8,0,0.5,1), opacity 1s cubic-bezier(0.8,0,0.5,1);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.5,1), opacity 1s cubic-bezier(0.8,0,0.5,1);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.5,1), opacity 1s cubic-bezier(0.8,0,0.5,1);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.5,1), opacity 1s cubic-bezier(0.8,0,0.5,1);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.5,1), opacity 1s cubic-bezier(0.8,0,0.5,1);
}

.podcast_player .right .player_bar {
	flex: 2;
	border: 1px solid var(--dark);
	height: 10px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.podcast_player .right .bar_played, .podcast_player_wr .min_bar_played, .podcast_player .right .bar_buffered, .podcast_player_wr .min_bar_buffered {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -2;
	background-color: #D8D7D2;
	transform-origin: left;
}

.podcast_player .right .bar_buffered, .podcast_player_wr .min_bar_buffered {
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	pointer-events: none;
}

.podcast_player .right .bar_played, .podcast_player_wr .min_bar_played {
	background-color: #40D39C;
	z-index: -1;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
}

.podcast_player .right .bar_played_border, .podcast_player_wr .min_bar_played_border {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	border-right: 1px solid var(--dark);
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	pointer-events: none;
}

.podcast_player .player_duration {
	font-size: 16px;
	min-width: 110px;
	text-align: right;
}

.podcast_player .total_duration::before {
	content: " / ";
}

/**/

.error_wr {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: var(--rh);
	padding: 120px 20px 0px;
}

.error_wr .title {
	font-size: 56px;
}

.error_wr .subtitle {
	font-size: 23px;
	font-family: "Gelion-Light";
}

.error_wr .num {
	font-size: 270px;
	position: relative;
}

.error_wr .num .numbers {
	background-color: var(--grey);
}

.error_wr .num .electro_wr {
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	z-index: -1;
}

.error_wr .num .electro_wr svg {
	position: relative;
	width: auto;
	height: 100%;
	max-height: 200px;
}

.path {
	fill: transparent;
	stroke: #D53253;
	stroke-width: 2px;
	stroke-dasharray: 50vw 150vw;
	animation: dash 4s linear infinite;
	-webkit-animation: dash 4s linear infinite;
}

@keyframes dash {
  to { stroke-dashoffset: 0vw; }
  from { stroke-dashoffset: 400vw; }
}

/**/

.legal_wr {
	display: grid;
	grid-template-columns: 1fr 850px;
	grid-gap: 50px;
	padding: 300px 80px 300px;
}

.legal_page_nav {
	font-size: 73px;
	font-family: "Gelion-Thin";
}

.legal_content {
	font-family: "Gelion-Light";
	line-height: 1.4;
}

.legal_title {
	font-family: "Gelion-Medium";
	margin-bottom: 50px;
}

.legal_page_link {
	line-height: 0.9;
	margin-bottom: 20px;
	position: relative;
}

.legal_page_link.selected::after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 0px;
	width: 100%;
	border-bottom: 1px solid var(--dark);
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transition: transform 0.5s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 0.5s cubic-bezier(0.8,0,0.2,1);
	transform-origin: left;
}

html.is-animating .legal_page_link.selected::after {
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
}

/* podcast page */

.podcasts_page_header {
	padding-top: 350px;
	display: flex;
	margin: 0 auto;
	width: calc(100% - 140px);
	justify-content: space-between;
	gap: 50px;
}

.podcasts_page_header .left {
	font-size: 75px;
	line-height: 0.9;
}

.podcasts_page_header .right {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 40px;
}

.podcasts_page_header .icons {
	margin: 0px;
}

.podcasts_page_header .right .text {
	font-family: "Gelion-Light";
}

.podcast_page_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 100px 70px;
	width: calc(100% - 140px);
	margin: 140px auto 250px;
	grid-auto-rows: 1fr;
	will-change: transform !important;
}

.podcast_page_item {
	cursor: pointer;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.podcast_page_item .top {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	font-family: "Gelion-Light";
	margin-bottom: 20px;
}

.podcast_page_item .episode::before {
	content: "Episodio ";
}

.podcast_page_item .image {
	background-color: rgba(0,0,0,0.05);
	padding-top: 100%;
	position: relative;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.podcast_page_item .name {
	font-family: "Gelion-Medium";
	border-bottom: 1px solid var(--dark);
	padding: 20px 0px 25px;
	flex-grow: 1;
}

/**/

.ep_prename, .resp_col_name { display: none; }

.m .related_cards {
    width: 100vw;
    overflow-x: auto;
    margin-left: -30px;
    padding: 30px 50px 0px 30px;
}

@media(max-width: 1920px) {
	.podcast_page_grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media(max-width: 1700px) {
	.home_header {
		grid-template-columns: 320px 1fr;
	}
	.floating_left.homeheader_left {
		display: block;
	}
	.floating_left.homeheader_left .text {
		margin-top: 20px;
	}
}

@media(max-width: 1615px) {
	.closecard {
		display: none !important;
	}
}

@media(max-width: 1500px) {
	.allcats {
		font-size: 67px;
	}
	.article .title, .big_text_module .big_text {
		font-size: 55px;
	}
}

@media(max-width: 1366px) {
	.podcast_player .info .name {
		max-width: 100%;
	}
	.podcast_player .info {
		padding: 0px 30px;
		max-width: calc(100% - 100px);
	}
	.podcast_player .left {
		padding: 0px 0px 0px 30px;
	}
	.podcast_player .right {
		padding-right: 30px;
		gap: 5px;
	}
	.podcast_player {
		grid-template-columns: calc(50% - 145px) 230px calc(50% - 145px);
		grid-gap: 30px;
	}
	.card_header .title_1, .card_header .title_2 {
		font-size: 135px;
	}
	.cell_col_0 b {
		font-family: "Gelion-Regular" !important;
	}
	.allcats {
		font-size: 50px;
	}
}

@media(max-width: 1366px) AND (min-width:500px) {
	.card_header .top .right {
		display: none;
	}
	.card_header .top .center {
		grid-column: span 2;
	}
	.share_btn {
		margin-left: auto;
	}
	.share_btn:hover .share_subbtn.whatsapp {
		transform: translateX(calc(-200% + -18px));
		-webkit-transform: translateX(calc(-200% + -18px));
		-moz-transform: translateX(calc(-200% + -18px));
		-ms-transform: translateX(calc(-200% + -18px));
		-o-transform: translateX(calc(-200% + -18px));
	}
	.share_btn::before {
		width: 150px;
		left: 0px;
		transform: translateX(calc(-100% + 34px));
		-webkit-transform: translateX(calc(-100% + 34px));
		-moz-transform: translateX(calc(-100% + 34px));
		-ms-transform: translateX(calc(-100% + 34px));
		-o-transform: translateX(calc(-100% + 34px));
	}
	.m .cats_wr .content {
		grid-template-columns: 1fr 1fr 1fr !important;
		max-width: 820px !important;
	}
}

@media(max-width: 1024px) {
	.podcast_player_wr {
		height: 265px;
	}
	.podcast_player {
		grid-template-columns: 1fr;
		grid-gap: 10px;
		padding: 10px 0px 20px;
	}
	.podcast_player .info {
		display: flex;
		flex-direction: column;
		padding: 0px 30px;
		flex: 2;
		text-align: center;
		width: calc(100vw - 186px);
	}
	.podcast_player .info .name {
		max-width: 100%;
	}
	.podcast_player .left, .podcast_player .center, .podcast_player .right {
		padding: 0px 30px;
	}
	.podcast_player .right {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 10px;
	}
	.podcast_player .player_duration {
		text-align: center;
	}
	.podcast_player .right .player_bar {
		width: calc(100% - 124px);
		margin: 0 auto;
	}
	.podcast_player .center .playpause {
		margin: 0px 15px;
	}
	.topbar {
		top: 15px !important;
		padding: 0px 30px;
	}
	.card_header_image_wr {
		position: relative;
		top: auto;
		right: auto;
		margin: 0 auto;
		width: calc(100vw - 60px);
		height: calc(100vw - 60px);
		max-width: 400px;
		max-height: 400px;
	}
	.card_header_image {
		transform: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
	}
	.card_header .title_1, .card_header .title_2 {
		font-size: 99px;
	}
	.card_header .title_1 .inner {
		margin-top: -6vh;
		position: relative;
		z-index: 2;
	}
	.module_separator {
		height: 200px;
	}
	.module_separator.space_s { height: 50px; }
	.module_separator.space_xs { height: 10px; }
	.module_separator.space_l { height: 300px; }
	.footer_extra {
		margin: 120px 0px 100px;
	}
	.bicol_section .right_col {
		padding-right: 0px;
		display: block;
	}
	.podcast_page_grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media(max-width: 920px) {
	.searchbar {
		opacity: 0 !important;
	}
	.searchbar_wr {
		background-color: transparent !important;
		border-color: transparent !important;
		transition: border-color 0.5s cubic-bezier(0.8,0,0.2,1), background-color 0.5s cubic-bezier(0.8,0,0.2,1);
		-webkit-transition: border-color 0.5s cubic-bezier(0.8,0,0.2,1), background-color 0.5s cubic-bezier(0.8,0,0.2,1);
		-moz-transition: border-color 0.5s cubic-bezier(0.8,0,0.2,1), background-color 0.5s cubic-bezier(0.8,0,0.2,1);
		-ms-transition: border-color 0.5s cubic-bezier(0.8,0,0.2,1), background-color 0.5s cubic-bezier(0.8,0,0.2,1);
		-o-transition: border-color 0.5s cubic-bezier(0.8,0,0.2,1), background-color 0.5s cubic-bezier(0.8,0,0.2,1);
		position: absolute;
		z-index: 5;
		right: 90px;
		max-width: 270px !important;
		pointer-events: none;
	}
	.searchbar_wr:hover {
		pointer-events: all;
	}
	.searchbar_wr:hover .searchbar {
		opacity: 1 !important;
	}
	.searchbar_wr:hover {
		border-color: var(--dark) !important;
		background-color: var(--grey) !important;
	}
	.searchbar_wr .search_btn .bg {
		background-color: var(--grey) !important;
		border: 1px solid var(--dark) !important;
	}
	.searchbar_wr .search_btn {
		pointer-events: all;
		margin-top: -1px;
	}
	.searchbar_wr .search_btn .icon {
		background-image: url(assets/img/search_icon_dark.svg);
		width: calc(100% - 2px);
		height: calc(100% - 2px);
		top: 1px;
		left: 1px;
		border-radius: 100px;
	}
	.podcast_to {
		position: absolute;
		right: 172px;
	}
}

@media(max-width: 850px) {
	.m .cats_wr .content {
		grid-template-columns: 1fr 1fr !important;
		max-width: 558px !important;
	}
	.podcasts_page_header {
		width: calc(100% - 100px);
		flex-direction: column;
	}
	.podcasts_page_header .right {
		justify-content: space-between;
	}
	.podcasts_page_header .right br {
		display: none;
	}
	.podcast_page_grid {
		grid-template-columns: 1fr 1fr;
		width: calc(100% - 100px);
		grid-gap: 50px;
	}
	.card_header .title_1, .card_header .title_2 {
		hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		word-wrap: break-word;
  		overflow-wrap: break-word;
	}
}

@media(max-width: 768px) {
	.cookies_wr {
		right: 30px;
		bottom: 30px;
		width: calc(100% - 60px);
	}
	.module_separator {
		height: 100px;
	}
	.module_separator.space_s { height: 40px; }
	.m .module_separator.space_s { height: 100px; }
	.module_separator.space_xs { height: 10px; }
	.m .module_separator.space_xs { height: 80px; }
	.module_separator.space_l { height: 200px; }
	.highl_short_wr {
		padding-bottom: 80px;
	}
	.singleheaderseparator {
		height: 200px;
	}
	.grid_content, .ccenter {
		width: calc(100% - 100px);
	}
	.article {
		grid-template-columns: 1fr;
	}
	.article .image_area {
		width: 100%;
		height: 100%;
	}
	.big_text_module .big_text {
		font-size: 65px;
		width: 100%;
	}
	.big_text_module .image {
		width: 50%;
		top: 110%;
	}
	.cell_col_0 b {
		text-transform: uppercase;
		font-family: "Gelion-Light" !important;
	}
	.next_prev {
		height: 480px;
	}
	.nextprev_wr .big_card {
		height: 300px;
	}
	.m .grid_content {
		display: block;
	}
	.podcast_page_grid {
		width: calc(100% - 100px);
		grid-gap: 50px;
	}
	.m .related_cards {
		margin-left: -50px;
		padding: 50px 70px 0px 50px;
	}
	.related_podcasts .definition { display: none; }
	.related_podcasts .info .name { padding-left: 0px; }
	.m .article .image_wr {
		max-width: 460px;
		margin: 0 auto;
		width: 100%;
	}
	.big_text_module.align_right, .big_text_module.align_center {
		text-align: left;
	}
	.big_text_module.align_right .tagline, .big_text_module.align_right .big_text, .big_text_module.align_right .description {
		margin-left: 0px;
	}
	.table_module { grid-gap: 40px; }
	.table_module.adapt {
		grid-template-columns: 1fr !important;
	}
	.resp_col_name {
		display: none;
		font-size: 16px;
		font-family: "Gelion-Light";
		margin-bottom: 20px;
	}
	.table_module.adapt .resp_col_name {
		display: block;
	}
	.table_module.adapt .cell.header { display: none; }
}

@media(max-width: 600px) {
	.resp_menu {
		width: 100%;
		max-width: 598px;
	}
	.cards_wr {
		width: calc(100% + 30px);
		overflow-x: auto;
	}
	.latest_cards_watched .cards {
		width: 600px;
	}
	.resp_menu_block {
		padding: 30px;
	}
	.latest_cards_watched {
		padding-left: 0px;
	}
	.latest_cards_watched .block_title, .latest_cards_watched .cards_wr {
		padding-left: 30px;
	}
	.menu_sound {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.most_searched_topics {
		padding-right: 0px;
	}
	.menu_links .link {
		width: 100%;
	}
	.menu_links .link .icon {
		flex-shrink: 0;
	}
	.logo {
		font-size: 22px;
	}
	.logo .circle {
		width: 80px;
		height: 80px;
	}
	.logo .name {
		margin-left: 16px;
	}
	.searchbar_wr {
		display: none;
	}
	.podcast_to {
		right: 93px;
	}
	.next_prev {
		height: auto;
	}
	.nextprev_wr .prev_card {
		position: relative;
		width: calc(100% - 40px);
	}
	.nextprev_wr .title { max-width: 100%; }
	.nextprev_wr .next_card {
		position: relative;
		width: calc(100% - 40px);
		margin-left: 40px;
		margin-top: -20px;
	}
	.cell_col_0 b {
		font-family: "Gelion-Regular" !important;
	}
	.cell.last_cell_col {
		border-bottom: 1px solid var(--dark);
		padding-bottom: 40px;
	}
	.table_module {
		grid-template-columns: 1fr !important;
		grid-gap: 40px;
	}
	.resp_col_name {
		display: block;
	}
	.table_module .cell.header {
		display: none !important;
	}
	.error_wr .num .numbers {
		font-size: 53vw;
		background-color: transparent;
	}
	.error_wr .num {
		font-size: 0px;
		transform: translateY(-7vw);
	}
	.error_wr .subtitle {
		max-width: 220px;
	}
	.m .cats_wr .content {
		grid-template-columns: 1fr !important;
		max-width: 100% !important;
	}
	.m .fancy_card, .m #newfancycard {
		height: calc(100vw - 20px) !important;
	}
	.podcasts_page_header {
		width: calc(100% - 60px);
		flex-direction: column;
		padding-top: 200px;
	}
	.podcast_page_grid {
		grid-template-columns: 1fr;
		width: calc(100% - 60px);
	}
	.related_podcasts .icon {
		position: absolute;
		right: -10px;
		top: 50%;
		transform: translateY(-50%);
	}
	.related_podcasts .item .info {
		display: block;
		padding-top: 50px;
		padding-right: 100px;
	}
	.related_podcasts .info .episode {
		font-size: 16px;
		position: absolute;
		top: 20px;
	}
}

@media(max-width: 500px) {
	.card_header .top .left, .card_header .top .right {
		display: none;
	}
	.card_header .top .center {
		grid-column: span 3;
	}
	.share_btn {
		margin: 0 auto;
	}
	.podcast_player .left_arr, .podcast_player .right_arr {
		border: none;
		height: 30px;
		background-size: 63px !important;
	}
	.podcast_player .playerbtn:hover {
		background-color: transparent !important;
	}
	.podcast_player .info {
		padding: 0px;
	}
	.podcast_player .left, .podcast_player .center, .podcast_player .right {
		padding: 0px;
	}
	.podcast_player .info .name {
		font-size: 19px;
	}
	.podcast_player_wr {
		height: 165px;
	}
	.podcast_player .info .episode {
		display: none;
	}
	.ep_prename {
		display: inline;
	}
	.podcast_player .right .player_bar {
		width: calc(100% + 3px);
		position: absolute;
		bottom: -1px;
		left: -2px;
	}
	.bicol_section, .home_header {
		width: calc(100% - 40px) !important;
	}
	.allcats .cat {
		font-size: 27px;
	}
	.copyright {
		position: static;
		width: auto !important;
		transform: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		background-color: #FFFFFF;
		padding: 20px 20px 20px;
	}
	.bicol_section .left_col {
		padding-bottom: 30px !important;
	}
	.home_sound .line .episode {
		width: 110px;
	}
	.legal_links {
		margin: 100px 0px 0px !important;
		padding: 20px;
		display: block !important;
	}
	.footer_extra {
		margin-top: 120px;
	}
	.legal_link {
		display: block;
		text-transform: none;
		font-family: "Gelion-Regular";
		text-decoration: underline;
	}
	.basic_footer {
		padding: 40px 0px 0px !important;
	}
	input.searchbar {
		width: 0px;
		padding: 0px;
	}
	.topbar {
		padding: 0px 20px !important;
	}
	.podcast_to {
		position: static;
		margin-right: 10px;
	}
	.home_header {
		padding-top: 150px !important;
	}
	.card_header .pretitle {
		font-size: 20px;
	}
	.card_header .title_1, .card_header .title_2 {
		font-size: 50px;
	}
	.grid_content, .ccenter {
		width: calc(100% - 40px);
	}
	.highl_short_tr {
		grid-template-columns: 1fr !important;
	}
	.big_text_module .big_text {
		font-size: 45px;
	}
	.cookies_wr {
		right: 20px;
		bottom: 20px;
		width: calc(100% - 40px);
		font-size: 18px;
		padding: 20px 30px 30px;
	}
	.cookies_btn {
		font-size: 16px;
	}
	.cookies_btn.knowmore {
		padding: 12px 5px 18px 20px;
	}
	.podcasts_page_header .right {
		flex-direction: column;
		align-items: flex-start;
	}
	.m .related_cards {
		margin-left: -20px;
		padding: 20px 40px 0px 20px;
	}
	.article .title, .big_text_module .big_text {
		word-break: break-word;
	}
	.article .title {
		font-size: 45px;
	}
	.singleheaderseparator {
		height: 140px;
	}
	.logo .circle {
		width: 63px;
		height: 63px;
	}
	.logo .name {
		margin-left: 12px;
		font-size: 16px;
	}
}

body.m {
	overflow-x: hidden;
	overflow-y: auto;
}

.m #app, .mobile #page {
	position: static;
	height: auto;
}

.m .scrolldown, .m .floating_info {
	display: none !important;
}

.m .copyright {
    bottom: 50%;
    right: 20px;
    left: auto;
    transform: translateX(50%) rotate(-90deg);
    -webkit-transform: translateX(50%) rotate(-90deg);
    -moz-transform: translateX(50%) rotate(-90deg);
    -ms-transform: translateX(50%) rotate(-90deg);
    -o-transform: translateX(50%) rotate(-90deg);
    width: 85vh;
}

.m .topbar {
	padding: 0px 30px;
}

.m .resp_menu {
    overflow-y: auto;
}

.m .basic_footer {
	position: relative;
	padding: 40px 0px 30px;
}

.m .basic_footer .bicol_section {
    padding-top: 20px;
}

.m .legal_links {
    position: static;
    margin: 100px 60px 0px;
    display: flex;
    justify-content: space-between;
}

.m .legal_link {
    margin-left: 0px;
}

.m .bicol_section, .m .home_header {
    display: block;
    width: calc(100% - 120px);
    margin: 0 auto;
	padding-top: 120px;
}

.m .bicol_section .left_col {
    padding: 0px 0px 40px;
}

.m .bicol_section .section_title br {
	display: none;
}

.m .cats_wr .bg {
	display: none !important;
}

.m .close_cats {
	position: fixed;
	top: 80px;
	left: 50%;
	z-index: 7;
	transform: translate(-50%, -100px) scale(0) rotate(180deg);
	-webkit-transform: translate(-50%, -100px) scale(0) rotate(180deg);
	-moz-transform: translate(-50%, -100px) scale(0) rotate(180deg);
	-ms-transform: translate(-50%, -100px) scale(0) rotate(180deg);
	-o-transform: translate(-50%, -100px) scale(0) rotate(180deg);
	background-color: var(--grey);
	border: 1px solid var(--dark);
	background-image: url(assets/img/close_menu_btn.svg);
}

.m .close_cats.active {
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transition-delay: 2s;
}

.m .cats_wr {
	background-color: var(--grey);
	background-image: url(assets/img/grid.svg);
	background-position: 5px;
	background-size: 50px;
	width: 100%;
	position: fixed;
	z-index: 999;
	background-color: var(--grey);
	top: -50px;
	left: 0px;
	overflow-y: auto;
	height: calc(100% + 100px);
	padding: 200px 30px 150px;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1), transform 1s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1), transform 1s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1), transform 1s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1), transform 1s cubic-bezier(0.8,0,0.2,1);
	-o-transition: opacity 0.5s cubic-bezier(0.8,0,0.2,1), transform 1s cubic-bezier(0.8,0,0.2,1);
	transform: translate3d(0,100%,0);
	-webkit-transform: translate3d(0,100%,0);
	-moz-transform: translate3d(0,100%,0);
	-ms-transform: translate3d(0,100%,0);
	-o-transform: translate3d(0,100%,0);
}

.m .cats_wr.active {
	opacity: 1;
	pointer-events: all;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}

.m .resp_cattitle {
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 20px;
	font-size: 19px;
	width: 100%;
	border-bottom: 1px solid var(--dark);
	background-color: var(--grey);
	z-index: 8;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-webkit-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-moz-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-ms-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	-o-transition: transform 1s cubic-bezier(0.8,0,0.2,1);
	transition-delay: 1.5s;
	word-break: break-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.m .cats_wr.crono .resp_cattitle {
	padding: 40px 20px 20px;
}

.m .cats_wr.crono .close_cats {
	top: 100px;
}

.m .cats_wr .content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 1120px;
    margin: 0 auto;
	justify-items: center;
}

.m .cats_wr .card_i {
    margin-right: 20px;
}

.m .cats_wr.active .resp_cattitle {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}

.m .allcats {
    font-size: 50px;
	margin-top: 20px;
}

.m .allcats .cat {
    display: block;
    margin-bottom: 15px;
    line-height: 1.1;
}

.m .home_header .floating_left {
    padding: 0px;
    display: block;
    margin-bottom: 80px;
}

.m .home_header .floating_left .section_title {
	margin-bottom: 30px;
}

.m .home_header {
	padding-top: 275px;
}

.m .home_header .floating_left .text {
	max-width: 460px;
}

.m .fancy_cards .toptitle::before {
	display: none !important;
}

.m .fancy_cards .toptitle::after {
    content: "";
    width: 10px;
    height: 13px;
    background-image: url(assets/img/small_arrow_down.svg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    display: inline-block;
    margin-left: 15px;
}

.m .fancy_cards_wr {
	min-height: 0px !important;
	position: static;
	margin-bottom: -35vh;
}

.m .fancy_card, .m #newfancycard {
    width: calc(100% - 20px);
    height: calc(100vw - 120px);
    position: static;
}

.m .fancy_card:nth-of-type(1) {
    margin-top: 50px !important;
}

.m .fancydetail_wr {
	position: absolute;
}

.m .bicol_section .right_col {
    padding-right: 0px;
}

.m .home_sound .line {
    padding: 25px 0px 30px;
    font-family: "Gelion-Light";
    display: block;
    border-bottom: 1px solid var(--dark);
}

.m .home_sound .line:nth-of-type(1) {
	border-top: 1px solid var(--dark);
	margin-top: 40px;
}

.m .home_sound .line_border_iso {
	display: none;
}

.m .home_sound .line .bg {
	display: none !important;
}

.m .home_sound .line .name, .m .home_sound .line:hover .name {
    text-align: right;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	padding-left: 120px;
	max-width: 320px;
    margin-left: auto;
}

.m .home_sound .line .episode, .m .home_sound .line:hover .episode {
	position: absolute;
	left: 0px;
	top: 25px;
	font-size: 20px;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
}

.m .home_sound .line .duration {
    text-align: right;
    margin-top: 70px;
	font-size: 20px;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
}

.m .home_sound .line::after {
	content: "";
	display: block;
	width: 63px;
	height: 63px;
	border: 1px solid var(--dark);
	position: absolute;
	bottom: 30px;
	left: 0px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	background-image: url(assets/img/icn_play.svg);
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

.m .highl_short_scrollbar {
	display: none;
}

.m .transition_heart_wr {
	position: fixed;
}

.m .highl_short_intro {
	margin-bottom: 100px;
}

.m .highl_short_wr {
	grid-template-columns: 1fr 1fr;
    display: grid;
}

.m .highl_short_tr {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
	grid-column: span 2;
}

.m .highl_short_block {
    width: 100%;
}

.m .legal_wr {
    display: block;
    padding: 150px 40px 100px;
}

.m .legal_wr .left {
	display: none !important;
}

.m .big_text_module {
    margin-top: 80px;
}

.m #newfancycard {
	margin: 0px !important;
	width: calc(100% - 60px);
	display: none;
}

.m #newfancycard.active {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	display: block;
	opacity: 1;
}

.m .floating_hgl {
    transform: none !important;
    position: relative;
}

.m .floating_hgl_wr {
    height: auto !important;
	margin-top: 50px;
}

@media(orientation: landscape) AND (max-width: 1024px) {
	
	.m .fancy_card, .m #newfancycard {
		max-width: 100%;
		margin-top: -34vw;
	}

}