/* locomotive-scroll */
/*! locomotive-scroll v3.2.5 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100vh;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:rgba(36, 38, 43, .7);/*#7F7E80*/border-radius: 10px;opacity:1;width:7px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}

/* general */
*,
*::after,
*::before {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

html {
	overflow: hidden;
	font-size: 13.7vw;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body, html{
  width: 100vw;
  height: calc(var(--vh, 1vh) * 100);
  margin: 0;
  font-family: sans-serif;
  text-rendering: geometricPrecision;
  overflow: hidden;
}
@media (max-width: 768px){
	html {
		font-size: 21.6vw;
	}
}
@media (max-width: 480px){
	html {
		font-size: 10vw;
	}
	body, html{
	  height: 100vh;
	}
	body[data-namespace="error"]{
		height: calc(var(--vh, 1vh) * 100)!important;
	}
}

/* color */
body {
	--opacity-block: 1;
	--opacity-block-bg: 0;
	--backgroundColor: #f7f3f0;
	--text-change-color: #1f1f1f;
	--burger-color: #171614;
	--pointer-hidden-block: initial;
	background-color: var(--backgroundColor);
	transition: background-color 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
	-webkit-transition: background-color 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}

.has-theme-light body{
	--opacity-block: 1;
	--opacity-block-bg: 0;
	--backgroundColor: #f7f3f0;
	--text-change-color: #1f1f1f;
	--burger-color: #171614;
	--pointer-hidden-block: initial;
}

.has-theme-dark body{
	--backgroundColor: #171614; /* #D0523A */
	--opacity-block: 0;
	--opacity-block-bg: 1;
	--text-change-color: #f7f3f0;
	--burger-color: #f7f3f0;
	--pointer-hidden-block: none;
}

/* end color */
button,
input,
select{
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	font: inherit;
	color: inherit;
	letter-spacing: inherit
}

a{
	text-decoration: none;
}

.c-scrollbar{
	display: none;
}

/* root */
:root {
	--scroll-size: 0;
	--cs: 13.7;
	--dw: 1920
}

@media(max-width: 768px) {
	:root {
		--cs: 21.6;
		--dw: 768
	}
	html {
		font-size: 21.6vw
	}
}

@media(max-width: 480px) {
	:root {
		--cs: 10;
		--dw: 480
	}
	html {
		font-size: 10vw
	}
}

/* font */
@font-face {
	font-family: "Canela";
	src: url(https://intvition.com/media/assets/fonts/Canela-Light.woff) format("woff"), url(https://intvition.com/media/assets/fonts/Canela-Light.otf) format("opentype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Telegraf";
	src: url(https://intvition.com/media/assets/fonts/telegraf-regular.woff) format("woff"), url(https://intvition.com/media/assets/fonts/Telegraf-Regular.otf) format("opentype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

/* body html */
.has-nav-open body,
.has-scroll-smooth body{
	overflow:hidden
}
@media (max-width: 767px){
	body, html {
		height: auto;
		overflow-x: hidden;
		overflow-y: auto;
	}
}
@media (max-width: 480px){
	body, html {
		height: auto;
		overflow-x: hidden;
		overflow-y: auto;
	}
}

/* main section */
main {
    overflow: hidden;
}
section{
	
}
/*
@media (max-width: 767px){
	main {
		overflow-x: hidden;
		overflow-y: auto;
	}
}
@media (max-width: 480px){
	main {
		overflow-x: hidden;
		overflow-y: auto;
	}
}
*/
/* col */
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
@media (max-width: 768px){

}
@media (max-width: 480px){

}

/* msie */
html.has-msie .msie{
	display: flex !important;
	opacity: 1 !important;
	visibility: visible !important;
}
.msie {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: ;
	opacity: 0;
	visibility: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    z-index: 200;
    background: #000;
    text-align: center;
}
.msie>div {
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 300;
    color: #f7f3f0;
	overflow: hidden;
	padding-left: calc((74 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((74 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.msie>div>div {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.msie>div>div:first-child {
    font-family: "Canela",Arial,Helvetica,sans-serif;
	font-size: 5vh;
    font-size: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	margin-bottom: 5vh;
	margin-bottom: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.msie>div>div:nth-child(2) {
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
	font-size: 2vh;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
@media (max-width: 768px){
	.msie>div>div:first-child {
		font-size: calc((48 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.msie>div>div:nth-child(2) {
		font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.msie>div>div:first-child {
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.msie>div>div:nth-child(2) {
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* load */
.load {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    z-index: 100;
    background: #000;
    text-align: center;
	opacity:1;
	visibility:visible;
	transition: opacity 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
html.has-same-location-host .load{
	opacity: 0;
	visibility: hidden;
    pointer-events: none;
}
.load>div {
    text-transform: uppercase;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #f7f3f0;
	overflow: hidden;
    white-space: pre;
}
.load>div>div {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	/*
	transform: translate3d(0, 0, 0);
    transform: translate3d(0, 100%, 0);
	*/
	transform: translate3d(0, 100%, 0);

}
html.has-dom-loaded .load>div>div {
	transform: translate3d(0, -100%, 0);
	-webkit-transition: transform 400ms cubic-bezier(1, 0, 0.68, 1);
    transition: transform 400ms cubic-bezier(1, 0, 0.68, 1);	
}
html.has-dom-loading .load>div>div {
	transform: translate3d(0, 0, 0);
	-webkit-transition: transform 400ms cubic-bezier(1, 0, 0.68, 1);
    transition: transform 400ms cubic-bezier(1, 0, 0.68, 1);	
}
@media (max-width: 768px){
	.load>div {
		font-size: calc((48 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.load>div {
		font-size: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* cursor */
#cursor{
	
}
.cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    pointer-events: none;
}
.cursor>div {
    width: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    border-radius: 50%;
    border: none;
	transform: scale(.5);
	transition: all 200ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
html.has-mouse-over .cursor>div{
	border-width: 1px;
	transform: scale(1);
}
html.has-mouse-out .cursor>div{
	opacity: 0;
}
@media (min-width: 768px){
	.noDevice .cursor>div {
		border: 2px solid #a2a2a2;
	}
	.cursor>div {
		border: 2px solid #a2a2a2;
	}
}
@media (max-width: 768px){
	.cursor {
		display: none;
	}
}
@media (max-width: 480px){
	.cursor {
		display: none;
	}
}

/*burger*/
#burger {
	position: fixed;
	top: calc((34 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 38 */
    right: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    z-index: 5;
	font-size: initial !important;
	width: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	overflow: visible;
	text-align: left;
	/*
    text-transform: none;
    -webkit-transition: all 800ms cubic-bezier(1, 0, 0.68, 1);
    transition: all 800ms cubic-bezier(1, 0, 0.68, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
	*/
}
/*
html.has-nav-open #burger{
    -webkit-transition: all 800ms cubic-bezier(1, 0, 0.68, 1);
    transition: all 800ms cubic-bezier(1, 0, 0.68, 1);
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms;
}
*/
.burger-container {
    position: relative;
    display: inline-block;
	/*
    height: 50px;
    width: 50px;
	*/
	width: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 800ms cubic-bezier(1, 0, 0.68, 1);
    transition: transform 800ms cubic-bezier(1, 0, 0.68, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.burger {
	width: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);	
	/*
    width: 18px;
    height: 8px;
	*/
    position: relative;
    display: block;
    margin: -4px auto 0;
    top: 50%;
}
.burger .bar {
    width: 100%;
    height: 1px; /* 2px */
    display: block;
    position: relative;
    background: var(--burger-color);
    -webkit-transition: all 800ms cubic-bezier(1, 0, 0.68, 1);
    transition: all 800ms cubic-bezier(1, 0, 0.68, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.burger .bar.topBar {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
}
.burger .bar.btmBar {
    -webkit-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
}
html.has-nav-open .burger-container {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
html.has-nav-open .burger .bar {
    background: var(--backgroundColor);
}
html.has-theme-dark.has-nav-open .burger .bar {
    background: var(--burger-color);
}
html.has-nav-open .burger .bar.topBar {
    -webkit-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
}
html.has-nav-open .burger  .bar.btmBar {
    -webkit-transform: translateY(3px) rotate(-45deg);
    transform: translateY(3px) rotate(-45deg);
}
@media (max-width: 768px){
	#burger {
		right: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.burger-container, .burger {
		width: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	#burger {
		top: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 27 */
		right: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 33 */
		width: 18px;
		height: 18px;
	}
	.burger-container, .burger {
		width: 18px;
		height: 18px;
	}
}

/* menu */
.menu{
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: none;
	
	visibility: hidden;
}

html.has-nav-open .menu{
    visibility: visible;
}

.menu .overlay_blur {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.1);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
	opacity:0;
	visibility:hidden;
	    transition: all 800ms cubic-bezier(0.5, 0, 0.75, 0);	
    -webkit-transition: all 800ms cubic-bezier(0.5, 0, 0.75, 0);
}
html.has-nav-open .menu .overlay_blur{
    pointer-events: all;
	opacity:1;
	visibility:visible;
}

.menu .menu_content {
	pointer-events: none;
	visibility:hidden;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0);
    transition: all 800ms cubic-bezier(1, 0, 0.68, 1);	
    -webkit-transition: all 800ms cubic-bezier(1, 0, 0.68, 1);
}
html.has-nav-open .menu .menu_content{
    pointer-events: all;
	visibility:visible;
	-webkit-transform:translate3d(0%, 0, 0);
	transform:translate3d(0%, 0, 0);
}

.menu .menu_content>div {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc((920 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: 100%;
    min-height: calc((580 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    background-color: #1f1f1f;
    padding: calc((46 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((92 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}

.menu .menu_content>div .menu_section {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	position: relative; /* add hover_img */
	text-decoration: none;
}
.menu .menu_content>div .menu_section:nth-child(odd) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.menu .menu_content>div .menu_section>div {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: calc((15 / ((var(--dw) / 100) * var(--cs))) * 1rem) 0;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 300;
    color: #f7f3f0;
}

.menu .menu_content>div .menu_section>div .menu_section_number{
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    margin-right: calc((84 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	
	overflow: hidden;
    white-space: pre;
}
.menu .menu_content>div .menu_section>div .menu_section_number>div{
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	transition: transform 800ms cubic-bezier(1, 0, 0.68, 1); 
}
html.has-nav-open .menu .menu_content>div .menu_section:first-child>div .menu_section_number>div{
	transition-delay: 400ms; 
}
html.has-nav-open .menu .menu_content>div .menu_section:nth-child(2)>div .menu_section_number>div{
	transition-delay: 450ms; 
}
html.has-nav-open .menu .menu_content>div .menu_section:nth-child(3)>div .menu_section_number>div{
	transition-delay: 500ms; 
}
html.has-nav-open .menu .menu_content>div .menu_section:nth-child(4)>div .menu_section_number>div{
	transition-delay: 550ms; 
}
html.has-nav-open .menu .menu_content>div .menu_section:nth-child(5)>div .menu_section_number>div{
	transition-delay: 600ms; 
}
html.has-nav-open .menu .menu_content>div .menu_section:nth-child(6)>div .menu_section_number>div{
	transition-delay: 650ms; 
}
html.has-nav-open .menu .menu_content>div .menu_section>div .menu_section_number>div{
    transform: none;
}
.menu .menu_content>div .menu_section>div .menu_section_name{
	position: relative;
}
.menu .menu_content>div .menu_section>div .menu_section_name>div{
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((84 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	
	overflow: hidden;
    white-space: pre;
}
.menu .menu_content>div .menu_section>div .menu_section_name>div .sec{
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	transition: transform 800ms cubic-bezier(1, 0, 0.68, 1);    
}
html.has-nav-open .menu .menu_content>div .menu_section:first-child>div .menu_section_name>div .sec{
	transition-delay: 450ms;   
}
html.has-nav-open .menu .menu_content>div .menu_section:nth-child(2)>div .menu_section_name>div .sec{
	transition-delay: 500ms;   
}
html.has-nav-open .menu .menu_content>div .menu_section:nth-child(3)>div .menu_section_name>div .sec{
	transition-delay: 550ms;   
}
html.has-nav-open .menu .menu_content>div .menu_section:nth-child(4)>div .menu_section_name>div .sec{
	transition-delay: 600ms;   
}
html.has-nav-open .menu .menu_content>div .menu_section:nth-child(5)>div .menu_section_name>div .sec{
	transition-delay: 650ms;   
}
html.has-nav-open .menu .menu_content>div .menu_section:nth-child(6)>div .menu_section_name>div .sec{
	transition-delay: 700ms;   
}
html.has-nav-open .menu .menu_content>div .menu_section>div .menu_section_name>div .sec{
    transform: none;
}

button, [type=button], [type=reset], [type=submit] {
    cursor: pointer;
	text-transform: uppercase;
}
.menu .menu_content>div .menu_section>div .menu_section_name>div .sec button {
    padding-bottom: 3px;

    --hover_duration: 0.5s;
    cursor: pointer;
    -webkit-transition-property: color,opacity;
    transition-property: color,opacity;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: inherit;
}
.menu .menu_content>div .menu_section>div .menu_section_name>div .sec button .line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: hidden;
}
.menu .menu_content>div .menu_section>div .menu_section_name>div .sec button .line::after {
    -webkit-transition: -webkit-transform var(--hover_duration);
    transition: -webkit-transform var(--hover_duration);
    transition: transform var(--hover_duration);
    transition: transform var(--hover_duration), -webkit-transform var(--hover_duration);
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}
.menu .menu_content>div .menu_section>div .menu_section_name>div .sec button:hover .line::after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.menu .menu_content>div .menu_foot {
    position: absolute;
    bottom: calc((46 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    left: calc((92 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    right: calc((92 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #f7f3f0;
}
.menu .menu_content>div .menu_foot>div {
    overflow: hidden;
}
.menu .menu_content>div .menu_foot>div>div {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); 
	transition: transform 550ms cubic-bezier(0.03, 0.15, 0.16, 0.99);  
}
html.has-nav-open .menu .menu_content>div .menu_foot>div>div{
	transition-delay: 700ms; 
}
html.has-nav-open .menu .menu_content>div .menu_foot>div>div{
	transform: none;
}
.menu .menu_content>div .menu_foot>div>div .menu_foot_content{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.menu .menu_content>div .menu_foot>div>div .menu_foot_content div, .menu .menu_content>div .menu_foot>div>div .menu_foot_content a{
	text-decoration: none;
    color: inherit;
}
@media (max-width: 768px){
	.menu {
		overflow-y: scroll;
	}
	.menu .menu_content>div {
		width: calc((600 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding: calc((26 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.menu .menu_content>div .menu_section>div .menu_section_number {
		margin-right: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.menu .menu_content>div .menu_section>div .menu_section_name>div {
		font-size: calc((58 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.menu .menu_content>div .menu_foot {
		left: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		right: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		font-size: calc((9 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.menu .menu_content>div {
		width: calc((400 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding: calc((13 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((47 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((13 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}	
	.menu .menu_content>div .menu_section>div .menu_section_number {
		font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-right: calc((21 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.menu .menu_content>div .menu_section>div .menu_section_name>div {
		font-size: calc((38 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.menu .menu_content>div .menu_foot {
		left: calc((21 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		right: calc((21 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		font-size: calc((8 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media(max-width: 360px){
	
}
@media all and (-ms-high-contrast: none){
	
}

/* hover img */
.hover-reveal {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((170 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    pointer-events: none;
	overflow: hidden;
	margin: 0 !important;
	
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg);
}
.hover-reveal__inner{
	overflow: hidden;
}
.hover-reveal__inner, .hover-reveal__img {
    width: 100%;
    height: 100%;
    position: relative;
}
.hover-reveal__img {
    background-size: cover;
    background-position: 50% 50%;
}

/* nav */
.navigator{
    position: absolute;
    pointer-events: none !important;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.navigator>div{
    padding: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem) 0 calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: 100%;
    overflow: hidden;
}
.navigator>div .navigator_content{
    position: relative;
    width: 100%;
	overflow: hidden;
}
.navigator>div .navigator_content.--services_button{

}
body[data-namespace="home"] .navigator>div .navigator_content.--services_button>div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.navigator>div .navigator_content>div{
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #1f1f1f;
}
.navigator>div .navigator_content>div,
.navigator>div .navigator_content>a{
	-webkit-transform: translateY(101%);
    transform: translateY(101%);
	transition: transform 400ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.navigator>div .navigator_content>div>a{

}
.navigator>div .navigator_content>div>a{
    --hover_duration: 0.5s;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: inherit;
}
.navigator>div .navigator_content>a{
	cursor: pointer;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 50%;
    top: 0;
    -webkit-transform: translateY(113%) translateX(-50%);
    transform: translateY(113%) translateX(-50%);
    height: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.navigator>div .navigator_content.--services_button>div{
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    margin-top: calc((15 / ((var(--dw) / 100) * var(--cs))) * 1rem);

    text-align: center;
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
}
.navigator>div .navigator_content.--services_button>div>a{
    display: flex;
    margin-right: calc((35 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    background: transparent;
    border: none;
    border-radius: 9999em;
    box-shadow: inset 0 0 0 calc((2.5 / ((var(--dw) / 100) * var(--cs))) * 1rem) inherit;
    box-shadow: inset 0 0 0 calc((2.5 / ((var(--dw) / 100) * var(--cs))) * 1rem) #f7f3f0;
    color: inherit;
    cursor: pointer;
    -webkit-mask-image: -webkit-radial-gradient(#f7f3f0,#1f1f1f);
    overflow: hidden;
    position: relative;
    will-change: color;
    -webkit-transition: color 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: color 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.navigator>div .navigator_content.--services_button>div>a:last-child{
    margin-right: 0;
}
.navigator>div .navigator_content.--services_button>div>a:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 103%;
    height: 103%;
    content: "";
    will-change: opacity;
    -webkit-transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    opacity: 0;
    background: #f7f3f0;
    z-index: -1;
    overflow: hidden;
    border-radius: 999999rem;
}
.navigator>div .navigator_content.--services_button>div>a:after{
    content: none;
}
.navigator>div .navigator_content.--services_button>div>a>div{
    align-items: center;
    display: flex;
    height: calc((47 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    justify-content: center;
    padding: 0 calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    position: relative;
    text-align: center;
    width: 100%;
}
@media (hover: hover) and (pointer:fine) {   
	.navigator>div .navigator_content:hover a:not(:hover){
		
	}
}
@media (min-width: 768px){
    .navigator>div .navigator_content.--services_button>div>a:hover{
        color: #1f1f1f;
    }
    .navigator>div .navigator_content.--services_button>div>a:hover:before{
        opacity: 1;
    }
    .navigator>div .navigator_content>div>a:after{
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #f7f3f0;
        will-change: transform;
        transition: transform var(--hover_duration);
        -webkit-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
        -webkit-transform: scale3d(0, 1, 1);   
        transform: scale3d(0, 1, 1);        
        /*
        transition: width var(--hover_duration);
        width: 0%;
        */
    }
    .navigator>div .navigator_content>div>a:hover:after{
        -webkit-transform: scale3d(1, 1, 1);   
        transform: scale3d(1, 1, 1); 
        /*
        width: 100%;
        */
    }
}
.navigator>div .navigator_content>a>img {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-object-fit: contain;
    object-fit: contain;
}
html.has-dom-animated .navigator>div .navigator_content>div{
    pointer-events: all;
	transition-delay: 200ms;
	-webkit-transform: translateY(0%);
    transform: translateY(0%);
}
html.has-dom-animated .navigator>div .navigator_content>a{
    pointer-events: all;
	transition-delay: 200ms;
	-webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}

@media (max-width: 768px){
	.navigator>div {
		padding: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem) 0;
	}
	.navigator>div .navigator_content>div {
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.navigator>div .navigator_content>a{
		height: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		top: 0;
		-webkit-transform: translateY(133%) translateX(-50%);
		transform: translateY(133%) translateX(-50%);
	}
    .navigator>div .navigator_content.--services_button>div>a {
        margin-right: calc((17.5 /((var(--dw) / 100)* var(--cs)))* 1rem);
    }
    .navigator>div .navigator_content.--services_button>div>a>div {
        height: calc((45 /((var(--dw) / 100)* var(--cs)))* 1rem);
    }
}
@media (max-width: 480px){
	.navigator>div {
		padding: calc((27 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.navigator>div .navigator_content>div {
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.navigator>div .navigator_content>a{
		height: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		top: calc((2 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		-webkit-transform: translateY(133%) translateX(-50%);
		transform: translateY(133%) translateX(-50%);
	}
    .navigator>div .navigator_content.--services_button>div>a {
        margin-right: calc((12 /((var(--dw) / 100)* var(--cs)))* 1rem);
    }
}

/* language */
.menu .menu_content>div .menu_language {
    position: absolute;
    top: calc((44 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 46 */
    left: calc((92 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    right: calc((92 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    color: #f7f3f0;
    text-transform: uppercase;
	font-family: "Telegraf",Arial,Helvetica,sans-serif;
	font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	line-height: 1.2;
	font-weight: 300;
}
.menu .menu_content>div .menu_language>div {
    overflow: hidden;
}
.menu .menu_content>div .menu_language>div>div {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); 
	transition: transform 550ms cubic-bezier(0.03, 0.15, 0.16, 0.99);  
}
html.has-nav-open .menu .menu_content>div .menu_language>div>div{
	transition-delay: 700ms; 
}
html.has-nav-open .menu .menu_content>div .menu_language>div>div{
	transform: none;
}
.menu .menu_content>div .menu_language>div>div .menu_language_content{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.menu .menu_content>div .menu_flanguage>div>div .menu_language_content div, 
.menu .menu_content>div .menu_language>div>div .menu_language_content a{
    color: inherit;
}
.menu .menu_content>div .menu_language>div>div .menu_language_content a{
	text-decoration: none;
	--hover_duration: 0.5s;
	cursor: pointer;
	-webkit-transition: color .5s cubic-bezier(0.455, 0.03, 0.515, 0.955), letter-spacing .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: color .5s cubic-bezier(0.455, 0.03, 0.515, 0.955), letter-spacing .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (min-width: 768px){
	.menu .menu_content>div .menu_language>div>div .menu_language_content a:hover {
	    letter-spacing: .07vw;
	    color: #D0523A;
	}
}
@media (max-width: 768px){
	.menu .menu_content>div .menu_language {
		top: calc((38 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		left: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		right: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.menu .menu_content>div .menu_language {
		top: calc((26 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 28 */
		left: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 21 */
		right: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 21 */
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* scroll */
.scroll {
    position: absolute;
    z-index: 1;
    left: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    top: calc(var(--vh, 1vh) * 91);
    right: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.scroll {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	overflow: hidden;
}
.scroll>div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: auto;
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #1f1f1f;
}
.scroll>div{
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
	transition: transform 1040ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.scroll>div>a{
	text-decoration: none;
	
    display: block;
    color: inherit;
}
.scroll>div>div{
    text-align: right;
}
.scroll>div>div>div{

}
html.has-dom-animated .scroll>div{
    pointer-events: all;
	transition-delay: 840ms;
	transform: none;
}
/* btn-scroll */
.btn-scroll{
    cursor: pointer;
    width: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    overflow: hidden;
    height: calc((32 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.btn-scroll{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.btn-scroll svg{
    display: block;
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: transform .5s;
    transition: transform .5s;
}
html.has-dom-animated.has-next-scroll .btn-scroll svg {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
}
.btn-scroll div {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: 100%;
}
@media (max-width: 768px){
	.scroll {
		left: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		right: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		top: calc(calc(var(--vh, 1vh) * 95) - calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem));
	}
	.scroll>div {
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.btn-scroll{
		width: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((32 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.scroll {
		left: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		right: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		top: calc(calc(var(--vh, 1vh) * 95) - calc((15 / ((var(--dw) / 100) * var(--cs))) * 1rem));
	}
	.scroll>div {
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.btn-scroll{
		width: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((32 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* home */
.home{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: calc((146 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-bottom: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    min-height: calc(var(--vh, 1vh) * 100);
    text-transform: uppercase;
    text-align: center;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    letter-spacing: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
	line-height: 1.2;
}
.home>div{
    width: 100%;
    position: relative;
    margin-top: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((1400 / ((var(--dw) / 100) * var(--cs))) * 1rem);

	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.home .home-title:first-child {
    position: absolute;
    top: 0; /* 5vh */ 
    z-index: 1;
	/*
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
	*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.home .home-title:first-child>div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	overflow: hidden;
}
.home .hiddenpre {
    overflow: hidden;
    white-space: pre;
}
.home .home-title:first-child>div:nth-child(2), .home .home-title:first-child>div:nth-child(3), .home .home-title:first-child>div:nth-child(4),
.home .home-title:first-child>div:nth-child(5), .home .home-title:first-child>div:nth-child(6) {
    margin-top: calc((-50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	overflow: hidden;
}
.home .home-image {
    -webkit-transform: translate3d(0, -5vh, 0); /* 0 */
    transform: translate3d(0, -5vh, 0); /* 0 */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.home .home-image>div {
    overflow: hidden;
    margin-top: calc((893 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* calc((750 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((300 / ((var(--dw) / 100) * var(--cs))) * 1rem) */
    margin-left: auto;
    margin-right: auto;
    width: calc((750 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((927 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.home .home-image>div>picture{
	max-height: 100%;
    height: 100%;
	width: 100%;
}
.home .home-image>div>picture>img {
	width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.home .home-image>div video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	display: none;
}
.home .home-image>div video source {
    display: none;
    width: 100%;
}
@media (min-width: 768px){
	.home .home-image>div video, .home .home-image>div video source {
		display: block;    
	}
	.home .home-image>div picture, .home .home-image>div img {
		display: none!important;
	}	
}
/*
.home .home-image>div img {
	transform-origin: top left;
    -webkit-transform: scale(5) translate3d(0, 0, 0);
    transform: scale(5) translate3d(0, 0, 0);
}
.home .home-image>div img.is-inview {
	transition-delay: 820ms;
	-webkit-transform: none;
    transform: none;
	pointer-events: all;
}
*/
.home .home-title:last-child {
    position: absolute;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    z-index: 1;
    /* left: 50%; */
    bottom: 7.5vh; /* 10vh */
	/*
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
	*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
			overflow: hidden;
}
.--yup {
    -webkit-transform: translate3d(0, 111%, 0);
    transform: translate3d(0, 111%, 0);
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transition: transform 900ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: transform 900ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
html.has-dom-animated body[data-namespace="home"] .--yup:first-child{
	transition-delay: 520ms;
}
html.has-dom-animated body[data-namespace="home"] .--yup:nth-child(2){
	transition-delay: 620ms;
}
html.has-dom-animated body[data-namespace="home"] .--yup:nth-child(3){
	transition-delay: 720ms;
}
html.has-dom-animated body[data-namespace="home"] .--yup:nth-child(4){
	transition-delay: 820ms;
}
html.has-dom-animated body[data-namespace="home"] .--yup:nth-child(5){
	transition-delay: 920ms;
}
html.has-dom-animated .--yup{
	-webkit-transform: none;
    transform: none;
	pointer-events: all;
}
@media (max-width: 768px){
	.home{
		height: calc(var(--vh, 1vh) * 100);
		min-height: calc((1024 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-top: calc((128 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		font-size: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		letter-spacing: normal;
	}
	.home>div{
		height: calc((765 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-top: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.home .home-image>div {
		margin-top: calc((413 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* calc((357 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((157 / ((var(--dw) / 100) * var(--cs))) * 1rem) */
		width: calc((529 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((570 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.home .home-title:first-child>div:nth-child(2), .home .home-title:first-child>div:nth-child(3), .home .home-title:first-child>div:nth-child(4),
	.home .home-title:first-child>div:nth-child(5), .home .home-title:first-child>div:nth-child(6)	{
		margin-top: calc((-20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.home .home-title:first-child {
		top: 0vh;
	}
	.home .home-title:last-child {
		bottom: 3.5vh;
	}
}
@media (max-width: 480px){
	.home{
		min-height: 568px;
		padding-top: calc((89 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		font-size: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		letter-spacing: calc((0.11 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.home>div{
		height: calc((563 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-top: 0;
	}
	.home .home-image>div {
		margin-top: calc((253 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* calc((222 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem) */
		width: calc((360 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((445 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.home .home-title:first-child {
		top: -2.5vh;
	}
	.home .home-title:last-child {
		bottom: 1.5vh;
	}
}

/* mask */
.mask{
    position: absolute;
    left: -1%;
    top: -1%;
    width: 102%;
    height: 102%;
    background-color: var(--backgroundColor);
	transition: transform 1100ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
	transform-origin: top center;
    transform: scale(1, 1);
}
html.has-dom-animated .mask{	
	pointer-events: all;
	transition-delay: 80ms;
	transform: scale(1, 0);
}

/* blinds */
.mask{
    z-index: 2;
}	
.scale-wrap {
    -webkit-transition: all 1.4s cubic-bezier(0.215, 0.61, 0.355, 1) .8s;
    -moz-transition: all 1.4s cubic-bezier(0.215, 0.61, 0.355, 1) .8s;
    -ms-transition: all 1.4s cubic-bezier(0.215, 0.61, 0.355, 1) .8s;
    -o-transition: all 1.4s cubic-bezier(0.215, 0.61, 0.355, 1) .8s;
    transition: all 1.4s cubic-bezier(0.215, 0.61, 0.355, 1) .8s;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.scale-wrap {
    position: relative;
	overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.scale-wrap .img-mask {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-wrap .img-mask.show {
    z-index: 1;
    bottom: 0;
    height: 100%;
}
.scale-wrap .img-mask img {
    position: absolute;
	left:0;
    -webkit-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
	
	/* add to center img */
	width: 100%;
    max-width: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.scale-wrap .img-mask.show img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.scale-wrap .img-mask img {
	height: calc((927 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
@media (min-width: 768px){
	.scale-wrap {
		display: none!important;
	}
}
@media(max-width: 768px) {
	.scale-wrap .img-mask img {
		height: calc((570 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media(max-width: 480px) {
	.scale-wrap .img-mask img {
		height: calc((445 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* phrase */
.phrase {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	color: var(--text-change-color);
    padding-bottom: calc((115 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-transform: uppercase;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
	-webkit-transition: color 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
	transition: color 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);    
}
.phrase>div{
	overflow: hidden;
}
.phrase>div>div{
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
	-webkit-transition: 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.phrase.is-inview>div>div{
	pointer-events: all;
	-webkit-transition-delay: 100ms;
    transition-delay: 100ms;
	-webkit-transform: none;
    transition: none;
}
.phrase>div>div>div{
	white-space: nowrap;
    min-width: 100vw;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.phrase .duplicated, html.has-scroll-smooth .phrase .duplicated{
	display: none;
}
@media (max-width: 768px){
	.phrase {
		font-size: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-top: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-bottom: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.phrase {
		font-size: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-top: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-bottom: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	html.has-scroll-init:not(.has-scroll-smooth) .phrase.is-inview>div>div{
		display: inline-flex;
	}
	html.has-scroll-init:not(.has-scroll-smooth) .phrase.is-inview .duplicated{
		display: block!important;
	}
	html.has-scroll-init:not(.has-scroll-smooth) .phrase.is-inview>div:first-child>div>div{
		-webkit-animation-direction: reverse;
		animation-direction: reverse;
		-webkit-animation-duration: 15s;
		animation-duration: 15s;
	}
	html.has-scroll-init:not(.has-scroll-smooth) .phrase.is-inview>div:nth-child(2)>div>div{
		-webkit-animation-direction: normal;
		animation-direction: normal;
		-webkit-animation-duration: 20s;
		animation-duration: 20s;
	}
	html.has-scroll-init:not(.has-scroll-smooth) .phrase.is-inview>div>div>div{
		padding: 0 calc((48 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		-webkit-animation-name: running;
		animation-name: running;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-play-state: running;
		animation-play-state: running;
	}
}
/* line section */
.line_section {
    width: 100%;
    overflow: hidden;
    height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    position: relative;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
section[data-scroll-section-id]>.line_section {
    padding-left: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.line_section>div{
	width: 100%;
    height: 100%;
    background-color: #d8d8d8;
    opacity: .5;
	-webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
	-webkit-transform-origin: left;
    transform-origin: left;
	-webkit-transition: transform 2000ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
	transition: transform 2000ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.is-inview .line_section>div, .is-inview.line_section>div{
    -webkit-transform: none;
    transform: none;
}
@media (max-width: 768px){
	section[data-scroll-section-id="section3"] .line_section{
		margin-top: calc((85 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((85 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	section[data-scroll-section-id]>.line_section {
		padding-left: calc((48 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((48 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	section[data-scroll-section-id="section3"] .line_section{
	    margin-top: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((85 / ((var(--dw) / 100) * var(--cs))) * 1rem);	
	}
	section[data-scroll-section-id]>.line_section {
		padding-left: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* about */
.about{
	padding-left: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about>div{
	
}
.about>div>div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: calc((172 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((172 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-top: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-bottom: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about>div>div>div:first-child{
    width: 50%;
}
.about>div>div>div:first-child>div:first-child{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc((180 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #1f1f1f;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.about>div>div>div:first-child>div:first-child>div{
    overflow: hidden;
}
.about>div>div>div:first-child>div:first-child>div>div{
    
}
.about>div>div>div:first-child>div:first-child>div>div>div{
    
}
.about>div>div>div:first-child>div:nth-child(2){
    width: calc((515 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((766 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin-top: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    position: relative;
}
.about>div>div>div:first-child>div:nth-child(2)>div{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.about>div>div>div:first-child>div:nth-child(2)>div>div {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.about>div>div>div:first-child>div:nth-child(2)>div>div picture {
    max-height: 100%;
    height: 100%;
    width: 100%;
}
.about>div>div>div:first-child>div:nth-child(2)>div>div img {
	width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
html.has-dom-animated .about>div>div>div:first-child>div:nth-child(2)>div>div .mask{
	pointer-events: none;
    transition-delay: 0ms;
    transform: scale(1, 1);
} 
html.has-dom-animated .about.is-inview>div>div>div:first-child>div:nth-child(2)>div>div .mask{
    pointer-events: all;
    transition-delay: 80ms;
    transform: scale(1, 0);
}
.about>div>div>div:nth-child(2){
    width: 50%;
    margin-left: 25%;
}
.about>div>div>div:nth-child(2)>div{
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.about>div>div>div:nth-child(2)>div:first-child{

}
.about>div>div>div:nth-child(2)>div:first-child>div:first-child{
    text-align: start;
    text-transform: uppercase;
    margin-bottom: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.1;
    font-weight: 300;
}
.about>div>div>div:nth-child(2)>div:first-child>div:nth-child(2){
    margin-bottom: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-align: start;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.7;
    font-weight: 300;
    color: #1f1f1f;
}
.about>div>div>div:nth-child(2)>div:first-child>div>div, .about>div>div>div:nth-child(2)>div:first-child>div:first-child>div>div{
	overflow: hidden;
}
.about>div>div>div:nth-child(2)>div:first-child>div:first-child>div>div>div{
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: transform 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.about>div>div>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div{
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: transform 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.about.is-inview>div>div>div:nth-child(2)>div:first-child>div:first-child>div>div>div:first-child{
	transition-delay: 100ms;
}
.about.is-inview>div>div>div:nth-child(2)>div:first-child>div:first-child>div>div>div:nth-child(2){
	transition-delay: 150ms;
}
.about.is-inview>div>div>div:nth-child(2)>div:first-child>div:first-child>div>div>div:nth-child(3){
	transition-delay: 200ms;
}
.about.is-inview>div>div>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:first-child{
	transition-delay: 300ms;
}
.about.is-inview>div>div>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:nth-child(2){
	transition-delay: 350ms;
}
.about.is-inview>div>div>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:nth-child(3){
	transition-delay: 400ms;
}
.about.is-inview>div>div>div:nth-child(2)>div:first-child>div:first-child>div>div>div, 
.about.is-inview>div>div>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div{
	-webkit-transform: none;
	transform: none;
}
.about>div>div>div:nth-child(2)>div:nth-child(2){
    position: relative;
    z-index: 2;
    width: calc((433 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((580 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about>div>div>div:nth-child(2)>div:nth-child(2)>div{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.about>div>div>div:nth-child(2)>div:nth-child(2)>div picture {
    max-height: 100%;
    height: 100%;
    width: 100%;
}
.about>div>div>div:nth-child(2)>div:nth-child(2)>div img {
	width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
html.has-dom-animated .about>div>div>div:nth-child(2)>div:nth-child(2)>div .mask{
	pointer-events: none;
    transition-delay: 0ms;
    transform: scale(1, 1);
} 
html.has-dom-animated .about.is-inview>div>div>div:nth-child(2)>div:nth-child(2)>div .mask{
    pointer-events: all;
    transition-delay: 80ms;
    transform: scale(1, 0);
}
@media (max-width: 768px){
	section[data-scroll-section-id="section3"] .line_section{
		margin-top: calc((85 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((85 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about{
		padding-left: calc((48 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((48 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div{
		-ms-flex-wrap: wrap!important;
		flex-wrap: wrap!important;
		-ms-flex-direction: column!important;
		flex-direction: column!important;
		-ms-flex-align: start!important;
		align-items: flex-start!important;
		padding: 0!important;
	}
	.about>div>div>div{
		width: 100%!important;
		margin-left: 0!important;
	}
	.about>div>div>div:first-child>div:first-child{
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((130 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:first-child>div:nth-child(2){
		/* display: none!important; */
		position: absolute;			
		margin-top: calc((200 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((337 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		left: auto;
		right: calc((calc(48 * 2) / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((227 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:nth-child(2)>div:first-child>div:first-child{
		font-size: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-top: calc((48 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((36 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:nth-child(2)>div:first-child>div:nth-child(2){
		font-size: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		line-height: 1.5;
		margin-bottom: calc((120 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:nth-child(2)>div:nth-child(2){
		margin-top: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		left: 0;
		width: calc((325 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((435 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	section[data-scroll-section-id="section3"] .line_section{
	    margin-top: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((85 / ((var(--dw) / 100) * var(--cs))) * 1rem);	
	}
	.about{
		padding-left: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div{
		-ms-flex-wrap: wrap!important;
		flex-wrap: wrap!important;
		-ms-flex-direction: column!important;
		flex-direction: column!important;
		-ms-flex-align: start!important;
		align-items: flex-start!important;
		padding: 0!important;
	}
	.about>div>div>div:first-child>div:first-child{
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:first-child>div:nth-child(2){
		/* display: none!important; */
		margin-top: calc((125 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		position: absolute;			
		height: calc((223 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		left: auto;
		right: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:nth-child(2)>div:first-child>div:first-child{
		font-size: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:nth-child(2)>div:first-child>div:nth-child(2){
		font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((95 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:nth-child(2)>div:nth-child(2){
		margin-top: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((251 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((335 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* services */
.services {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -2px;
    padding-top: calc((90 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.services>div:first-child {
    opacity: var(--opacity-block);
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: calc((110 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.services>div>div{
	overflow: hidden;
}
.services>div:first-child>div:first-child{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc((200 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin-bottom: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #1f1f1f;
}
.services>div:first-child>div:nth-child(2){
    display: block;
    text-transform: uppercase;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1;
    font-weight: 300;
}
.services>div:first-child>div:nth-child(2)>div{
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.services>div>div>div{
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: transform 1760ms cubic-bezier(0.03, 0.15, 0.16, 0.99);	
}
.services.is-inview>div>div>div{
	pointer-events: all;
	transform: none;	
}
.services.is-inview>div:first-child>div:nth-child(2)>div{
	pointer-events: all;
	transition-delay: 100ms;
	transform: none;	
}
.services>div:nth-child(2){
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: calc((74 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((74 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin-bottom: calc((170 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: 100%;
}
.services>div:nth-child(2)>div{
    width: 100%;
}
.services .services_item{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.services .services_item>div{
    overflow: hidden;
}
.services .services_item>div>div{
    overflow: hidden;
}
.services .services_item>div>div{
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	pointer-events: none;
	-webkit-transition: transform 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);	
	transition: transform 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);	
}
.services.is-inview .services_item>div>div{
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	pointer-events: all;	
}
.services.is-inview .services_item>div>div:first-child{
	transition-delay: 200ms;
}
.services.is-inview .services_item>div>div:nth-child(2){
	transition-delay: 250ms;
}
.services.is-inview .services_item>div>div:nth-child(3){
	transition-delay: 300ms;
}
.services.is-inview .services_item>div>div:nth-child(4){
	transition-delay: 350ms;
}
.services.is-inview .services_item>div>div:nth-child(5){
	transition-delay: 400ms;
}
.services.is-inview .services_item>div>div:nth-child(6){
	transition-delay: 450ms;
}
.services.is-inview .services_item>div>div:nth-child(7){
	transition-delay: 500ms;
}
.services.is-inview .services_item>div>div:nth-child(8){
	transition-delay: 550ms;
}
.services.is-inview .services_item>div>div:nth-child(9){
	transition-delay: 600ms;
}
.services.is-inview .services_item>div>div:nth-child(10){
	transition-delay: 650ms;
}
.services.is-inview .services_item>div>div:nth-child(11){
	transition-delay: 700ms;
}
.services .services_item .services_item_content{
	cursor: pointer;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: calc((245 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    min-height: calc((245 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-left: calc((95 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((95 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    position: relative;
    overflow: hidden;
	
	transition: height 800ms cubic-bezier(0.47, 1.87, 0.68, 0.99);
    -webkit-transition: height 800ms cubic-bezier(0.47, 1.87, 0.68, 0.99);
}

/*
.services .services_item .services_item_content button:first-child{
    pointer-events: var(--pointer-hidden-block);
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: calc((260 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    cursor: pointer;
}
.services .services_item .services_item_content button:first-child{
    --hover_duration: 0.5s;
    cursor: pointer;
    -webkit-transition-property: color,opacity;
    transition-property: color,opacity;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: inherit;
}
@media (max-width: 768px){
	.services .services_item .services_item_content button:first-child{
		height: calc((152 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
*/
.services .services_item .services_item_content button{
    pointer-events: var(--pointer-hidden-block);
	-webkit-transition: transform .5s;
	transition: transform .5s;
    -webkit-transform: rotate3d(0, 0, 0, 0);
    transform: rotate3d(0, 0, 0, 0);
    top: calc((66 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    right: calc((-10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((85 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((85 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    position: relative;
    cursor: pointer;
}
.services .services_item .services_item_content button{
    --hover_duration: 0.5s;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: inherit;
}
.services .services_item .services_item_content button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #1f1f1f;
    display: block;
    width: calc((65 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((6 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin: auto;
}
.services .services_item .services_item_content button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #1f1f1f;
    display: block;
    width: calc((65 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((6 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin: auto;
}
.services .services_item.has-open  .services_item_content button {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
.services .services_item .services_item_content>div:first-child{
    pointer-events: none;
    position: absolute;
    top: calc((66 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    left: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-transform: uppercase;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #D0523A;
}
.services .services_item .services_item_content>div:nth-child(2){
    margin-top: calc((110 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((680 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #1f1f1f;
}
.services .services_item .services_item_content>div:nth-child(2)>div:first-child{
    text-transform: uppercase;
}
.services .services_item .services_item_content>div:nth-child(2)>div:nth-child(2){
    margin-top: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-transform: uppercase;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    letter-spacing: calc((0.85 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    color: #D0523A;
	opacity: 0;
	transition: opacity 650ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    -webkit-transition: opacity 650ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.services .services_item.has-open .services_item_content>div:nth-child(2)>div:nth-child(2){
    opacity: 1;
}
.services .services_item .services_item_content ul{
	padding: 0;
    margin: 0;
    list-style-type: none;
}
.services .services_item .services_item_content ul>li{
	display: list-item;
	display: list-item;
    text-align: -webkit-match-parent;
    margin-top: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    position: relative;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
	transition: transform 250ms cubic-bezier(0.03, 0.15, 0.16, 0.99), opacity 250ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    -webkit-transition: transform 250ms cubic-bezier(0.03, 0.15, 0.16, 0.99), opacity 250ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.services .services_item .services_item_content ul>li:last-child{
	margin-top: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);	
}
.services .services_item .services_item_content ul>li:last-child {
    margin-bottom: calc((15 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	padding-bottom: calc((15 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.services .services_item.has-open .services_item_content ul>li{
	transform: none;
	opacity: 1;
}
.services .services_item.has-open .services_item_content ul>li:first-child{
	transition-delay: 200ms;
}
.services .services_item.has-open .services_item_content ul>li:nth-child(2){
	transition-delay: 250ms;
}
.services .services_item.has-open .services_item_content ul>li:nth-child(3){
	transition-delay: 300ms;
}
.services .services_item.has-open .services_item_content ul>li:nth-child(4){
	transition-delay: 350ms;
}
.services .services_item.has-open .services_item_content ul>li:nth-child(5){
	transition-delay: 400ms;
}
.services .services_item.has-open .services_item_content ul>li:nth-child(6){
	transition-delay: 450ms;
}
.services .services_item .services_item_content ul>li::before {
    content: "";
    position: absolute;
    top: calc((-20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    left: calc((-35 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    background-color: #1f1f1f;
    display: block;
    width: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((1 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    opacity: .2;
}
.services .services_item.has-open .services_item_content ul>li p{
	margin-bottom: 1em;
	line-height: 1.2;
	
}
.services .services_item.has-open .services_item_content ul>li p:last-child{
	line-height: 1.2;
	
}
.services .services_item.has-open .services_item_content ul>li p span{
	cursor: pointer;
	/* text-decoration: underline; */
	font-family: "Canela",Arial,Helvetica,sans-serif;
	-webkit-transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99), color 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99), color 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.services .services_item.has-open .services_item_content ul>li p span{
	padding-bottom: 3px;
	position: relative;
    display: inline-block;
	text-decoration: none;
	font-weight: bold;
}
.services .services_item.has-open .services_item_content ul>li p span .line,
.services .services_item.has-open .services_item_content ul>li p span .line_reverse {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: hidden;
}
.services .services_item.has-open .services_item_content ul>li p span .line::after {
    -webkit-transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
	-webkit-transform: translateX(0);
	transform: translateX(0);
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #1f1f1f;
}
.services .services_item.has-open .services_item_content ul>li p span .line_reverse::after {
    -webkit-transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #1f1f1f;
}
@media (min-width: 768px){
	.services .services_item.has-open .services_item_content ul>li p span:hover .line::after {
		-webkit-transform: translate3d(-101%, 0, 0);
		transform: translate3d(-101%, 0, 0);
	}
	.services .services_item.has-open .services_item_content ul>li p span:hover .line_reverse::after {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
/*
	.services .services_item.has-open .services_item_content ul>li p span:hover {
		opacity: .7;
	}
*/
}
.services .services_item .services_item_content .hover-reveal{
	top: calc((66 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    left: calc(25% - calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem));	
}
@media (min-width: 768px){		
	.services .services_item .services_item_content button:hover {
		-webkit-transform: rotate3d(0, 0, 1, 10deg);
		transform: rotate3d(0, 0, 1, 10deg);
	}
	.services .services_item.has-open .services_item_content button:hover {
		-webkit-transform: rotate3d(0, 0, 1, 35deg);
		transform: rotate3d(0, 0, 1, 35deg);
	}
}
@media (max-width: 768px){
	.services {
		padding-top: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services>div:first-child {
		margin-bottom: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services>div:nth-child(2){
		padding-left: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services>div:first-child>div:first-child{
		width: calc((160 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((35 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services>div:first-child>div:nth-child(2){
		font-size: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services>div:nth-child(2){
		padding-left: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content{
		padding-left: 0;
		padding-right: 0;
		min-height: calc((132 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((132 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content>div:first-child{
		top: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		left: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		font-size: calc((49 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content>div:nth-child(2){
		font-size: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-top: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((335 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content>div:nth-child(2) p{
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content>div:nth-child(2)>div:nth-child(2){
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content ul>li{
		margin-top: calc((65 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content ul>li:last-child{
		margin-top: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);	
	}
	.services .services_item.has-open .services_item_content ul>li p span{
		padding-bottom: 0px;
	}
	.services .services_item .services_item_content button{
		top: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		right: calc((2 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content button::after {
		width: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content button::before {
		width: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 767px){
	.hover-reveal{
		display: none;
	}
}
@media (max-width: 480px){
	.services {
		padding-top: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services>div:first-child {
		margin-bottom: calc((56 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services>div:nth-child(2){
		padding-left: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((130 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services>div:first-child>div:first-child{
		width: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((26 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services>div:first-child>div:nth-child(2){
		font-size: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services>div:nth-child(2){
		padding-left: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content{
		min-height: calc((102 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((102 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content>div:first-child{
		top: calc((26 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		left: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		font-size: calc((41 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content>div:nth-child(2){
		margin-top: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((305 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content>div:nth-child(2)>div:first-child{
		font-size: calc((16 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content>div:nth-child(2)>div:nth-child(2){
		margin-top: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content ul>li{
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-top: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content ul>li:last-child{
		margin-top: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);	
	}
	.services .services_item.has-open .services_item_content ul>li p span{
		padding-bottom: 0px;
	}
	.services .services_item .services_item_content ul>li::before{
		width: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		left: calc((-15 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content button{
		top: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		right: calc((5 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((15 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((15 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content button::after {
		width: calc((18 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content button::before {
		width: calc((18 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* contact */
.contact {
    padding-left: calc((75 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((75 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-top: calc((105 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.contact {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.contact>div:first-child{
    width: 100%;
    margin-bottom: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-left: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.contact>div:first-child>div>div>div{
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
    overflow: hidden;
	transition: transform 900ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.contact.is-inview>div:first-child>div:nth-child(2)>div{
	pointer-events: all;
    transition-delay: 150ms;
	transform: none;
}
.contact.is-inview>div:first-child>div>div>div{
	pointer-events: all;
	transform: none;
}
.contact>div:first-child .number_section{	
	overflow: hidden;
}
.contact>div:first-child .number_section>div{
    width: calc((230 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin-bottom: calc((56 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #ffffff;
	overflow: hidden;
}
.contact>div:first-child .title_section{
    text-transform: uppercase;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1;
    font-weight: 300;
    color: #f7f3f0;
	white-space: pre;
	overflow: hidden;
}
.contact>div:nth-child(2){
    width: 100%;
    overflow: hidden;
    height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    position: relative;
}
.contact>div:nth-child(3){
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: calc((106 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((124 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((145 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}

/* circle */
.circle_remote {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.is-inview .circle_remote{
		-webkit-transform: none;
	transform: none;
}
.circle_remote a{
    width: calc((294 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((294 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    border-radius: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.circle_remote a{
    --hover_duration: 0.5s;
    cursor: pointer;
    -webkit-transition-property: color,opacity;
    transition-property: color,opacity;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: inherit;
}
.circle_remote a>div{
    pointer-events: none;
}
.circle_remote a>div{
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.circle_remote a>div>div{
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #1f1f1f;
}

/* info */
.contact_info {
    width: calc((940 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #f7f3f0;
}
.contact_info>div {
    padding-top: calc((35 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.contact_info>div>div{
    overflow: hidden;
}
.contact_info>div:first-child>div:nth-child(3) {
    margin-top: calc((67 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.contact_info>div>div>div{
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}

.contact.is-inview .contact_info>div:first-child>div>div:first-child{
	transition-delay: 400ms;
}
.contact.is-inview .contact_info>div:first-child>div>div:nth-child(2){
	transition-delay: 450ms;
}
.contact.is-inview .contact_info>div:first-child>div>div:nth-child(3){
	transition-delay: 500ms;
}
.contact.is-inview .contact_info>div:nth-child(2)>div>div:first-child{
	transition-delay: 700ms;
}
.contact.is-inview .contact_info>div:nth-child(2)>div>div:nth-child(2){
	transition-delay: 750ms;
}
.contact.is-inview .contact_info>div:nth-child(2)>div>div:nth-child(3){
	transition-delay: 800ms;
}
.contact.is-inview .contact_info>div>div>div{
	-webkit-transform: none;
	transform: none;
}

.contact_info>div:first-child>div>div:first-child>div:first-child,
.contact_info>div:nth-child(2)>div>div:first-child>div:first-child {
    padding-bottom: calc((44 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.contact_info a {
    cursor: pointer;
    -webkit-transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99), color 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99), color 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: inherit;
}
@media (min-width: 768px){
	.contact_info a.link:hover {
		opacity: .7;
	}
}
.contact_info a.active-link{
	padding-bottom: 3px;
}
.contact_info a.active-link .line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: hidden;
}
.contact_info a.active-link .line::after {
    -webkit-transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}
@media (min-width: 768px){
	.contact_info a.active-link:hover .line::after {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@media (max-width: 768px){
	.contact {
		padding-left: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-top: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact>div:first-child{
		padding: 0;
	}
	.contact>div:first-child .number_section>div{
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((190 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((34 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact>div:first-child .title_section{
		font-size: calc((92 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact>div:nth-child(3) {
		width: 100%;
		margin: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem) 0;
	}
	.circle_remote a{
		width: calc((219 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((219 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.circle_remote a>div>div{
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact_info {
		width: 50%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		font-size: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact_info>div {
		padding-top: 0;
		margin-bottom: calc((160 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.contact {
		padding-left: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact>div:first-child .number_section>div{
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact>div:first-child .title_section{
		font-size: calc((64 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact>div:nth-child(3){
		margin-bottom: calc((24 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.circle_remote a{
		width: calc((138 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((138 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.circle_remote a>div>div{
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact_info {
		font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact_info>div {
		margin-bottom: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact_info>div:last-child {
		margin-bottom: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact_info>div:first-child>div>div:first-child>div:first-child, .contact_info>div:nth-child(2)>div>div:first-child>div:first-child{
		padding-bottom: calc((34 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* footer */
.footer {
    width: 100%;
	padding-top: calc((140 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-bottom: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    letter-spacing: calc((-0.52 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    color: #f7f3f0;
}
.footer>div{
    overflow: hidden;
}
.footer>div>div{
	    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.is-inview .footer>div>div{
	  -webkit-transform: none;
	transform: none;
	pointer-events: all;
    transition-delay: 450ms;	
}
.footer>div>div .footer_content{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer>div>div .footer_content *{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	
	text-decoration: none;
    color: inherit;
}
.footer>div>div .footer_content a:first-child{
	    padding-right: 0;
}
.footer>div>div .footer_content a:nth-child(2){
	    padding-right: 0; /* calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem) */
}

@media (max-width: 768px){
	.footer {
		padding: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem) 0;
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.footer>div>div .footer_content a:nth-child(2) {
		padding-right: 0;
	}
}
@media (max-width: 480px){
	.footer {
		letter-spacing: normal;
		font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
/* cookies */
.cookies{
    position: fixed;
    overflow: hidden;
    bottom: 0;
    left: 0;
    z-index: 4;
    visibility: hidden;
    display: flex;
    width: calc((920 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding: calc((46 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((92 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    pointer-events: none;
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition: transform 2040ms cubic-bezier(1, 0, 0.68, 1);
    -webkit-transition: transform 1880ms cubic-bezier(1, 0, 0.68, 1);
    background-color: #ffffff;
    --hover_duration: .5s;
}
html.has-dom-animated .cookies{
    visibility: visible;
	
	transition-delay: 840ms;
	pointer-events: all;
	-webkit-transform: none;
    transform: none;
}
html.has-dom-animated #cookies.has-ok{
	transition-delay: 0ms;
	pointer-events: none;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.cookies>div{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.cookies>div>div{
    max-width: 37.5rem;
	text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #1f1f1f;
}
.cookies>div>div>a{
	    position: relative;
    display: inline-block;
    color: inherit;
	text-decoration: none;
	padding-bottom: 3px;
}
.cookies>div>div a strong{
	font-weight: 900;
}
.cookies>div>div>a .line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: hidden;
}
.cookies>div>div>a .line::after {
    -webkit-transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #1f1f1f;
}
@media (min-width: 768px){
	.cookies>div>div>a:hover .line::after {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
.cookies>div>button {
    padding: .75rem 1.625rem;
    background: none;
    position: relative;
    color: #f7f3f0;
	background-color: #1f1f1f;
    text-align: center;
    overflow: hidden;
    min-width: calc((294 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	white-space: nowrap;
    /* border-radius: 999999rem; */
}
.cookies>div>button {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
    vertical-align: middle;
    text-align: center;
    text-transform: none;
    font: inherit;
    line-height: normal;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: opacity;
    -webkit-transition: opacity var(--hover_duration);
    transition: opacity var(--hover_duration);
}
.cookies>div>button:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    content: attr(data-text);
	-webkit-transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99),opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99),opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    opacity: 0;
	-webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.cookies>div>button, 
.cookies>div>button>div{
	text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #f7f3f0;
}
.cookies>div>button>div{
    position: relative;
    z-index: 3;
	-webkit-transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99),opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99),opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
/*
.cookies>div>button>div::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110%;
    height: 0;
    padding-top: 110%;
    content: "";
	-webkit-transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99),opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99),border-radius 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99),opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99),border-radius 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
	transform: translateX(-50%) translateY(-50%) scale(0);
    opacity: 0;
    border-radius: 100%;
    background: #D0523A;
    background-size: 400%;
	z-index: -1;
}
*/
@media (min-width: 768px){
    .cookies>div>button:hover{
       /*  opacity: .7; */
    }
    /*
	.cookies>div>button:hover div::after {
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1);
		opacity: 1;
	}
    */
}
@media (max-width: 768px){
	.cookies {
		width: calc((600 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding: calc((26 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.cookies>div>div{
		padding-right: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.cookies>div>button {
		min-width: calc((219 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.cookies>div>div{
		font-size: calc((9 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.cookies {
		width: calc((400 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding: calc((13 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((13 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.cookies>div>div{
		padding-right: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.cookies>div>button {
		min-width: calc((138 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.cookies>div>div{
		font-size: calc((8 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* home */
body[data-namespace="home"] main[data-scroll-container]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f7f3f0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
html.has-dom-ready body[data-namespace="home"] main[data-scroll-container]::before{
	content: none;
	background-color: transparent;
}

/* item */
[data-namespace="home"]{
	
}
[data-namespace="error"]{
	background-color: #171614;
}
[data-namespace="item"]{
	background-color: #171614;
}
html.has-theme-dark body[data-namespace="item"] .navigator>div .navigator_content>div,
html.has-theme-dark body[data-namespace="item"] .item>div>div:nth-child(2)>div:first-child,
html.has-theme-dark body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(2)>div>div p,
html.has-theme-dark body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(4) p{
    color: #f7f3f0;
}
html.has-theme-dark body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(2)>div>div span{
    color: #a2a2a2;
}
body[data-namespace="item"] .navigator>div .navigator_content>div {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
body[data-namespace="item"] main[data-scroll-container]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    background-color: #171614;
    width: 100%;
    height: 100%;
    z-index: 3;
}
html.has-dom-ready body[data-namespace="item"] main[data-scroll-container]::before{
	content: none;
	background-color: transparent;
}
#item{
	
}
/*
body[data-namespace="item"] #item::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    background-color: #171614;
    width: 100%;
    height: 100%;
    z-index: 1;
}
html.has-dom-ready body[data-namespace="item"] #item::before{
	content: none;
	background-color: transparent;
}
*/
.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100vw;
    padding-left: calc((82 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((82 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-bottom: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-top: calc((160 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 80 180 */
    min-height: 100vh;
}
.item>div:first-child{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.item>div:nth-child(2){

}
.item>div:nth-child(3){

}
.item>div>div:first-child{
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	height: 100%;
    width: 45%;
    /* height: calc(var(--vh, 1vh) * 80); */
}
.item>div>div:first-child>div, 
.item>div>div:first-child>div img {
    border-radius: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    overflow: hidden;
}
.item>div>div:first-child>div .mask{
	background-color: #171614!important;
}
.item>div>div:first-child>div img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.item>div>div:nth-child(2){
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.item>div>div:nth-child(2)>div:first-child{
	overflow: hidden;
	text-transform: uppercase;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((84 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
	margin-bottom: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.item>div>div:nth-child(2)>div:first-child>div{
	
}
.item>div>div:nth-child(2)>div:nth-child(2){
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	flex-wrap: wrap;
    height: auto;
    width: 100%;
	margin-bottom: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		
		/*
	    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	*/
	-webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}
.item>div>div:nth-child(2)>div:nth-child(2)>div{
	overflow: hidden;
	margin-bottom: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.item>div>div:nth-child(2)>div:nth-child(2)>div:last-child{

}
.item>div>div:nth-child(2)>div:nth-child(2)>div>div{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-right: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.item>div>div:nth-child(2)>div:nth-child(2)>div>div span{
	overflow: hidden;
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	margin-bottom: 12px;
    font-weight: 300;
}
.item>div>div:nth-child(2)>div:nth-child(2)>div>div p{
	overflow: hidden;
    text-transform: uppercase;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
}
.item>div>div:nth-child(2)>div:nth-child(3){
	overflow: hidden;
	
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	-webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}
/* circle */
.circle {
	-webkit-transition: transform 900ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: transform 900ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
	-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
html.has-dom-animated .circle{
	-webkit-transition-delay: .5s;
    transition-delay: .5s;
	-webkit-transform: none;
	transform: none;
}
.item>div>div:nth-child(2)>div:nth-child(3) a{
    width: calc((141 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((47 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    border-radius: 999999rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	overflow: hidden;
}
.item>div>div:nth-child(2)>div:nth-child(3) a {
    text-align: center;
}
.item>div>div:nth-child(2)>div:nth-child(3) a:last-child{

}
.item>div>div:nth-child(2)>div:nth-child(3) a{
    cursor: pointer;
    text-decoration: none;
    position: relative;
    display: flex;
    color: #f7f3f0;
    margin-right: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    border: calc((2.5 / ((var(--dw) / 100) * var(--cs))) * 1rem) solid #f7f3f0;
}
/*
.item>div>div:nth-child(2)>div:nth-child(3) a.password::before {
    content: 'password';
    position: absolute;
    display: flex;
    color: inherit;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    color: #a2a2a2;
    text-transform: uppercase;
    left: 111%;
	top: calc(50% - calc((18 / ((var(--dw) / 100) * var(--cs))) * 1rem));
	cursor: auto;
}
.item>div>div:nth-child(2)>div:nth-child(3) a.password span {
    position: absolute;
    display: flex;
    color: inherit;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    color: #a2a2a2;
    text-transform: uppercase;
    left: 111%;
	top: calc(50% - calc((18 / ((var(--dw) / 100) * var(--cs))) * 1rem));
	cursor: auto;
}
.item>div>div:nth-child(2)>div:nth-child(3) a.password::after {
    content: attr(data-password);
    position: absolute;
    display: flex;
    color: inherit;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    color: #f7f3f0;
    text-transform: uppercase;
    left: 111%;
	top: calc(50% + calc((6 / ((var(--dw) / 100) * var(--cs))) * 1rem));
	cursor: auto;
}
.item>div>div:nth-child(2)>div:nth-child(3) a.password p {
    position: absolute;
    display: flex;
    color: inherit;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    color: #f7f3f0;
    text-transform: uppercase;
    left: 111%;
	top: calc(50% + calc((6 / ((var(--dw) / 100) * var(--cs))) * 1rem));
	cursor: auto;
}
*/
/*
.item>div>div:nth-child(2)>div:nth-child(3) a.password>span {
	position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
	
    color: inherit;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    color: #a2a2a2;
    text-transform: uppercase;
    left: 112%;
    top: -12px;
    cursor: text;
    z-index: 1;
}
.item>div>div:nth-child(2)>div:nth-child(3) a.password>p {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
	
    display: flex;
    color: inherit;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    color: #f7f3f0;
    text-transform: uppercase;
    left: 112%;
    top: 12px;
    cursor: text;
    z-index: 1;
}
*/
.item>div>div:nth-child(2)>div:nth-child(3) a.password {
    overflow: visible;
    margin-right: calc(2 * calc((94 / ((var(--dw) / 100) * var(--cs))) * 1rem));
}
.item>div>div:nth-child(2)>div:nth-child(3) a.password>div:nth-child(2) {
    left: 112%;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	z-index: 1;
	cursor: text!important;
	width: fit-content;

    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}
.item>div>div:nth-child(2)>div:nth-child(3) a.password>div:nth-child(2)::after{
	content: none!important;	
}
.item>div>div:nth-child(2)>div:nth-child(3) a.password>div>span {
    color: inherit;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    color: #a2a2a2;
    text-transform: uppercase;
	/* margin-bottom: 8px; 6px */
	cursor: text!important;
}
.item>div>div:nth-child(2)>div:nth-child(3) a.password>div>p {
    display: flex;
    color: inherit;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    color: #f7f3f0;
    text-transform: none!important;
	cursor: text!important;

    white-space: nowrap;
}
.item>div>div:nth-child(2)>div:nth-child(3) a>div{
    pointer-events: none;
}
.item>div>div:nth-child(2)>div:nth-child(3) a>div{
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
	overflow: hidden;
}
.item>div>div:nth-child(2)>div:nth-child(3) a>div::after{
    position: absolute;
    top: 0;
    left: 0;
    width: 103%; /* 110% */
    height: 103%;
    content: "";
    -webkit-transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    opacity: 0;
    background: #f7f3f0;
    z-index: 1;
	overflow: hidden;
    border-radius: 999999rem;
}
@media (min-width: 768px){
	.item>div>div:nth-child(2)>div:nth-child(3) a:hover>div::after {
		opacity: 1;
	}
}
.item>div>div:nth-child(2)>div:nth-child(3) a>div>div{
    text-transform: uppercase;
	font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
	z-index: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item>div>div:nth-child(2)>div:nth-child(3) a>div>div.longer{
    padding-left: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
@media (min-width: 768px){
	.item>div>div:nth-child(2)>div:nth-child(3) a:hover>div>div{
		-webkit-transition: color 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
		transition: color 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
		color: #1f1f1f;
	}	
}
.item>div>div:nth-child(2)>div:nth-child(4){
	overflow: hidden;
	text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
	font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
	margin-bottom: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.item>div>div:nth-child(2)>div:nth-child(4)>div{
	
}
.item>div>div:nth-child(2)>div:nth-child(4)>div p {
    margin-bottom: 1em;
}
.item>div>div:nth-child(2)>div:nth-child(4)>div p:last-child {
    margin-bottom: 0em;
}
.item>div>div:nth-child(2)>div:nth-child(4)>div span {
    font-style: bold;
}
.item>div>div:nth-child(2)>div:nth-child(5){
	overflow: hidden;
}
.item>div>div:nth-child(2)>div:nth-child(5)>div{
	/* animation */
}
.item>div>div:nth-child(2)>div:nth-child(5)>div>div{
    position: relative;
    height: calc((54 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.item>div>div:nth-child(2)>div:nth-child(5)>div>div>div {
    height: calc((54 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button,
.item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button a {
    cursor: pointer;
    width: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: 100%;
    overflow: hidden;
}
.item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button,
.item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button a {
    position: relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button svg,
.item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button a svg{
    display: block;
    width: 100%;
    height: 100%;
	-ms-flex-negative: 0;
    flex-shrink: 0;
	
		-webkit-transform: none;
	transform: none;
    -webkit-transition: transform .5s;
    transition: transform .5s;
}
html.has-next .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button svg,
html.has-next .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button a svg{
	-webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
}
.item>div>div:nth-child(2)>div:nth-child(5)>div>div>div div{
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: 100%;
}
@media (max-width: 768px){
	.item {	
		padding-top: calc((170 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-bottom: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-left: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.item>div{
		-webkit-transition: none;
		transition: none;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.item>div>div{
		width: 100%!important;
		min-width: calc((415 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.item>div>div:nth-child(2)>div:first-child{
		font-size: calc((54 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: ;
	}
	.item>div>div:first-child>div {
		margin-bottom: calc((110 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.item>div>div:nth-child(2)>div:nth-child(2){	
		margin-bottom: ;
	}
	.item>div>div:nth-child(2)>div:nth-child(2)>div{
		margin-bottom: ;
		padding-right: 0;
	}
	.item>div>div:nth-child(2)>div:nth-child(3) {
		margin-bottom: ;
	}
    .item>div>div:nth-child(2)>div:nth-child(3) {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .item>div>div:nth-child(2)>div:nth-child(3) a {
        margin-bottom: calc((20 /((var(--dw) / 100)* var(--cs)))* 1rem);
    }
	.item>div>div:nth-child(2)>div:nth-child(4){
		font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: ;
	}
	.item>div>div:nth-child(2)>div:nth-child(5) {
		margin-bottom: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.item {	
		padding-left: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.item>div>div:first-child>div {
		
	}
	.item>div>div:nth-child(2)>div:first-child{
		font-size: calc((38 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.item>div>div:nth-child(2)>div:nth-child(2){
	    -webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;	
		margin-bottom: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.item>div>div:nth-child(2)>div:nth-child(2)>div{
		margin-bottom: ;
		padding-right: 0;
	}
	.item>div>div:nth-child(2)>div:nth-child(2)>div>div{
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.item>div>div:nth-child(2)>div:nth-child(2)>div>div span{
		min-width: min-content;
		min-width: fit-content;
		margin-bottom: 0;
		margin-right: 12px;
	}
	.item>div>div:nth-child(2)>div:nth-child(3) {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: flex-start;
		justify-content: flex-start;
		margin-bottom: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		/* add more content */
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
    .item>div>div:nth-child(2)>div:nth-child(3) a{
        margin-bottom: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
	.item>div>div:nth-child(2)>div:nth-child(4){
		font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem)
	}
	.item>div>div:nth-child(2)>div:nth-child(5) {
		margin-bottom: calc((24 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* Arrow next :not() vs :has() */
html.has-next-hidden .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button{
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}  /* h => hidden */ 
html.has-next-production .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button:not(.p), /* p => production */
html.has-next-distribution .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button:not(.d), /* d => distribution */
html.has-next-dubbing .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button:not(.b),
html.has-next-dubbing .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button:is(.p, .d, .n, .f), /* b => dubbing */
html.has-next-news .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button:not(.n),
html.has-next-news .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button[class~="p"], 
html.has-next-news .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button[class="b"], 
html.has-next-news .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button[class~="d"], 
html.has-next-news .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button[class~="f"]  /* n => news */ {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
html:not(.has-next-hidden, .has-next-production, .has-next-distribution, .has-next-dubbing, .has-next-news) .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button:not(.f),
html:not(.has-next-hidden, .has-next-production, .has-next-distribution, .has-next-dubbing, .has-next-news) .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button:is(.p, .d, .b, .n) {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;	
}  /* f => default */ 
html:not(.has-next-hidden, .has-next-production, .has-next-distribution, .has-next-dubbing, .has-next-news) .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button:not(.p, .d, .b, .n),
html.has-next-default .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button:is(.f),
html.has-next-default .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button[class="f"],
html.has-next-default .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button.f,
html .item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button.f,
html:has(button.f){
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}  /* f => default */ 

/* --yup */
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2) .item>div>div:nth-child(2)>div:first-child .--yup{
	transition-delay: 520ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(2)>div:first-child .--yup{
	transition-delay: 540ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(2) .--yup{
	transition-delay: 560ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(3) .--yup{
	transition-delay: 580ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(4) .--yup{
	transition-delay: 600ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(5) .--yup{
	transition-delay: 620ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(6) .--yup{
	transition-delay: 640ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(7) .--yup{
	transition-delay: 660ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(8) .--yup{
	transition-delay: 680ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:first-child{
	transition-delay: 700ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(2){
	transition-delay: 720ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(3){
	transition-delay: 740ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(4){
	transition-delay: 760ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(5){
	transition-delay: 780ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(6){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(7){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(8){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(9){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(10){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(11){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(12){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(13){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(14){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(15){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(16){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(17){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(18){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(19){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(20){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(21){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(3) .--yup:nth-child(22){
	transition-delay: 800ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(4)>div .--yup:first-child{
	transition-delay: 820ms;
}
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2)>div:nth-child(5) .--yup:first-child{
	transition-delay: 840ms;
}

/* video */
#video{
	
}
.video {
	pointer-events: none;
	z-index: 5;
	position: fixed;
	/*
	position: absolute;
	*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.1);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    transition: all 800ms cubic-bezier(0.5, 0, 0.75, 0);
    -webkit-transition: all 800ms cubic-bezier(0.5, 0, 0.75, 0);
	
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
html.has-video-open .video {
    pointer-events: all;
    opacity: 1;
    visibility: visible;
}
#close_video{
	
}
.video .video_burger{
	position: absolute; /* fixed */
	top: calc((38 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    right: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    z-index: 5;
	font-size: initial !important;
	width: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	overflow: visible;
	text-align: left;
}
.video .video_burger .video_burger-container {
    position: relative;
    display: inline-block;
	/*
    height: 50px;
    width: 50px;
	*/
	width: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 800ms cubic-bezier(1, 0, 0.68, 1);
    transition: transform 800ms cubic-bezier(1, 0, 0.68, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.video .video_burger .video_burger-container .video_burger-close {
	width: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);	
    position: relative;
    display: block;
    margin: -4px auto 0;
    top: 50%;
}
.video .video_burger .video_burger-container .video_burger-close .bar {
    width: 100%;
    height: 1px; /* 2px */
    display: block;
    position: relative;
    background: var(--burger-color);
    -webkit-transition: all 800ms cubic-bezier(1, 0, 0.68, 1);
    transition: all 800ms cubic-bezier(1, 0, 0.68, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.video .video_burger .video_burger-container .video_burger-close .bar .bar.topBar {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
}
.video .video_burger .video_burger-container .video_burger-close .bar .bar.btmBar {
    -webkit-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
}
html.has-video-open .video .video_burger .video_burger-container {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
html.has-video-open .video .video_burger .video_burger-container .video_burger-close .bar {
    background: var(--burger-color);
}
html.has-video-open .video .video_burger .video_burger-container .video_burger-close .bar.topBar {
    -webkit-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
}
html.has-video-open .video .video_burger .video_burger-container .video_burger-close .bar.btmBar {
    -webkit-transform: translateY(3px) rotate(-45deg);
    transform: translateY(3px) rotate(-45deg);
}
@media (max-width: 768px){
	.video .video_burger {
		right: calc((69 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.video .video_burger .video_burger-container, .video .video_burger .video_burger-container .video_burger-close {
		width: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.video .video_burger {
		top: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		right: calc((33 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: 18px;
		height: 18px;
	}
	.video .video_burger .video_burger-container, .video .video_burger .video_burger-container .video_burger-close {
		width: 18px;
		height: 18px;
	}
}
.video .video_container {
	overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 66.66666667vw;
    max-height: calc(calc(100vw * .6666666667) * .5625);
}
.video .video_container,
.video .video_container iframe{
    border-radius: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    overflow: hidden;
}
.video .video_container iframe{
	pointer-events: none;
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition: transform 2040ms cubic-bezier(1, 0, 0.68, 1);
    -webkit-transition: transform 800ms cubic-bezier(1, 0, 0.68, 1);
}
html.has-video-open .video .video_container iframe{
    visibility: visible;
    transition-delay: 800ms;
    pointer-events: all;
    -webkit-transform: none;
    transform: none;
}
html.has-video-open.has-video-down .video .video_container iframe{
    transition-delay: 0ms;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
@media (max-width: 768px){
	.video .video_container {
		max-width: 83.333vw;
		max-height: calc(calc(100vw * .83333) * .5625);
	}
}
@media (max-width: 480px){
	.video .video_container {
		max-width: 90vw;		
		max-height: calc(calc(100vw * .90) * .5625);
		/* max-width: calc(100vw - calc(2 * calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem))); */
	}
}
/* photos */
#photo{
	
}
.photo {
	pointer-events: none;
  z-index: 5;
  position: fixed;
  /*
  position: absolute;
  */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.1);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    transition: all 800ms cubic-bezier(0.5, 0, 0.75, 0);
    -webkit-transition: all 800ms cubic-bezier(0.5, 0, 0.75, 0);
  
  display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
html.has-photo-open .photo {
    pointer-events: all;
    opacity: 1;
    visibility: visible;
}
#close_photo{
	
}
.photo .photo_burger{
  position: absolute; /* fixed */
  top: calc((38 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    right: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    z-index: 5;
  font-size: initial !important;
  width: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  overflow: visible;
  text-align: left;
}
.photo .photo_burger .photo_burger-container {
    position: relative;
    display: inline-block;
  /*
    height: 50px;
    width: 50px;
  */
  width: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 800ms cubic-bezier(1, 0, 0.68, 1);
    transition: transform 800ms cubic-bezier(1, 0, 0.68, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.photo .photo_burger .photo_burger-container .photo_burger-close {
  width: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((42 / ((var(--dw) / 100) * var(--cs))) * 1rem);  
    position: relative;
    display: block;
    margin: -4px auto 0;
    top: 50%;
}
.photo .photo_burger .photo_burger-container .photo_burger-close .bar {
    width: 100%;
    height: 1px;
    display: block;
    position: relative;
    background: var(--burger-color);
    -webkit-transition: all 800ms cubic-bezier(1, 0, 0.68, 1);
    transition: all 800ms cubic-bezier(1, 0, 0.68, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.photo .photo_burger .photo_burger-container .photo_burger-close .bar .bar.topBar {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
}
.photo .photo_burger .photo_burger-container .photo_burger-close .bar .bar.btmBar {
    -webkit-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
}
html.has-photo-open .photo .photo_burger .photo_burger-container {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
html.has-photo-open .photo .photo_burger .photo_burger-container .photo_burger-close .bar {
    background: var(--burger-color);
}
html.has-photo-open .photo .photo_burger .photo_burger-container .photo_burger-close .bar.topBar {
    -webkit-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
}
html.has-photo-open .photo .photo_burger .photo_burger-container .photo_burger-close .bar.btmBar {
    -webkit-transform: translateY(3px) rotate(-45deg);
    transform: translateY(3px) rotate(-45deg);
}
@media (max-width: 768px){
  .photo .photo_burger {
    right: calc((69 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  }
  .photo .photo_burger .photo_burger-container, .photo .photo_burger .photo_burger-container .photo_burger-close {
    width: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  }
}
@media (max-width: 480px){
  .photo .photo_burger {
    top: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    right: calc((33 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: 18px;
    height: 18px;
  }
  .photo .photo_burger .photo_burger-container, .photo .photo_burger .photo_burger-container .photo_burger-close {
    width: 18px;
    height: 18px;
  }
}
.photo .photo_container {
  overflow: hidden;
    width: 100%;
    height: 100%;
}
.photo .photo_container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.photo .photo_container>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	-webkit-transition: none;
    transition: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	
	position: relative;	
	overflow: hidden;
}
.photo .photo_container>div>div:first-child {
	position: relative;	
	overflow: hidden;
    width: 66.66666667vw;
    height: calc(calc(100vw * .6666666667) * .5625);
	margin-bottom: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
html.has-photo-open .photo .photo_container .inner-wrapper {
    visibility: visible;
    transition-delay: 800ms;
    pointer-events: all;
    -webkit-transform: none;
    transform: none;
}
html.has-photo-open.has-photo-down .photo .photo_container .inner-wrapper{
    transition-delay: 0ms;
    -webkit-transform: translate3d(0, 101%, 0);
    transform: translate3d(0, 101%, 0);
}
.photo .photo_container .inner-wrapper {
	position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;

    pointer-events: none;
    visibility: hidden;
    -webkit-transform: translate3d(0, 101%, 0);
    transform: translate3d(0, 101%, 0);
    transition: transform 2040ms cubic-bezier(1, 0, 0.68, 1);
    -webkit-transition: transform 800ms cubic-bezier(1, 0, 0.68, 1);
}
.photo .photo_container .inner-wrapper,
.photo .photo_container .inner-wrapper .slide,
.photo .photo_container .inner-wrapper .slide .img-wrapper,
.photo .photo_container .inner-wrapper .slide .img-wrapper img{
    border-radius: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    overflow: hidden;
}
.photo .photo_container .inner-wrapper .slide {
	position: absolute;
    width: 100%;
    height: 100%;
}
.photo .photo_container .inner-wrapper .slide .img-wrapper {
    position: absolute;
    width: 100%;
    height: 0;
	overflow: hidden;
    -webkit-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    -moz-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    -ms-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    -o-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
}
.photo .photo_container .inner-wrapper .slide .img-wrapper img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.photo .photo_container .inner-wrapper .slide .img-wrapper img {
    position: absolute;
    -webkit-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    -moz-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    -ms-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    -o-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scale(1.35, 1.35);
    -moz-transform: scale(1.35, 1.35);
    -ms-transform: scale(1.35, 1.35);
    -o-transform: scale(1.35, 1.35);
    transform: scale(1.35, 1.35);
}
.photo .photo_container .inner-wrapper .slide.active {
    display: block;
    z-index: 1;
    -webkit-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1) 1ms;
    -moz-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1) 1ms;
    -ms-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1) 1ms;
    -o-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1) 1ms;
    transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1) 1ms;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.photo .photo_container .inner-wrapper .slide.active .img-wrapper {
    bottom: 0;
    height: 100%;
    -webkit-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    -moz-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    -ms-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    -o-transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
    transition: all 800ms cubic-bezier(0.3, 0, 0.2, 1);
}
.photo .photo_container .inner-wrapper .slide.active .img-wrapper img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.photo .photo_container>div>div:nth-child(2) {
	position: relative;	
	overflow: hidden;
}
.photo .photo_container>div>div:nth-child(2)>div{
}
.photo .photo_container>div>div:nth-child(2)>div>div {
    position: relative;
    height: calc((32 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.photo .photo_container>div>div:nth-child(2)>div>div>div {
    height: calc((32 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.photo .photo_container>div>div:nth-child(2)>div>div>div div {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: 100%;
}
.photo .photo_container>div>div:nth-child(2)>div>div>div button, 
.photo .photo_container>div>div:nth-child(2)>div>div>div button a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.photo .photo_container>div>div:nth-child(2)>div>div>div button, 
.photo .photo_container>div>div:nth-child(2)>div>div>div button a {
    cursor: pointer;
    width: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: 100%;
    overflow: hidden;
}
.photo .photo_container>div>div:nth-child(2)>div>div>div button {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition: transform 2040ms cubic-bezier(1, 0, 0.68, 1);
    -webkit-transition: transform 800ms cubic-bezier(1, 0, 0.68, 1);
}
html.has-photo-open .photo .photo_container>div>div:nth-child(2)>div>div>div button:first-child {
	-webkit-transition-delay: 840ms;
    transition-delay: 840ms;
}
html.has-photo-open .photo .photo_container>div>div:nth-child(2)>div>div>div button {
	-webkit-transition-delay: 820ms;
    transition-delay: 820ms;
}
html.has-photo-open .photo .photo_container>div>div:nth-child(2)>div>div>div button {
    visibility: visible;
    pointer-events: all;
    -webkit-transform: none;
    transform: none;
}
html.has-photo-open.has-photo-down .photo .photo_container>div>div:nth-child(2)>div>div>div button {
	-webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.photo .photo_container>div>div:nth-child(2)>div>div>div button .btn-prev{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.photo .photo_container>div>div:nth-child(2)>div>div>div button svg, 
.photo .photo_container>div>div:nth-child(2)>div>div>div button a svg {
    display: block;
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: transform .5s;
    transition: transform .5s;
}
html.has-photo-prev .photo .photo_container>div>div:nth-child(2)>div>div>div button .btn-prev svg{
	-webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
}
html.has-photo-next .photo .photo_container>div>div:nth-child(2)>div>div>div button .btn-next svg{
	-webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
}
@media (max-width: 768px){
	.photo .photo_container>div>div:first-child {
		width: 83.333vw;
		height: calc(calc(100vw * .83333) * .5625);
		margin-bottom: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.photo .photo_container>div>div:first-child {
		width: 90vw;
		height: calc(calc(100vw * .90) * .5625);
	}
}
/* error */
html.has-theme-dark body[data-namespace="error"] .navigator>div .navigator_content>div{
    color: #f7f3f0;
}
.error {
    position: relative;
    width: 100vw;
    min-height: calc(var(--vh, 1vh) * 100);
    padding-bottom: calc((48 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-top: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.error>div:first-child {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: calc(var(--vh, 1vh) * 80);
}
.error>div:first-child>div:first-child {
    border-radius: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    overflow: hidden;
}
.error>div:first-child>div:first-child {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.error>div:first-child>div:first-child picture {
    max-height: 100%;
    height: 100%;
    width: 100%;
}
.error>div:first-child>div:first-child img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.error>div:first-child>div:first-child .mask{
	background-color: #171614!important;
}
.error>div:first-child>div:nth-child(2) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	overflow: hidden;
}
.error>div:first-child>div:nth-child(2)>div{
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.error>div:first-child>div:nth-child(2)>div>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    text-transform: uppercase;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((446 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    letter-spacing: calc((-15.38 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    color: #f7f3f0;
}
.error>div:first-child>div:nth-child(2)>div>div>div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}
html.has-dom-animated body[data-namespace="error"] .error>div:first-child>div:nth-child(2) .--yup{
	transition-delay: 520ms;
}
.error>div:nth-child(2) {
    position: absolute;
    bottom: calc((48 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.error>div:nth-child(2) .line {
    width: 100%;
    padding: 0 calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.error>div:nth-child(2) .line>div {
    width: 100%;
    overflow: hidden;
    height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    position: relative;
}
.error>div:nth-child(2) .line>div>div {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #d8d8d8;
    opacity: .5;
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
    -webkit-transform-origin: left;
    transform-origin: left;
	transition: transform 2000ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
html.has-dom-animated body[data-namespace="error"] .error>div:nth-child(2) .line:first-child>div>div {
	transition-delay: 100ms;
}
html.has-dom-animated body[data-namespace="error"] .error>div:nth-child(2) .line:nth-child(2)>div>div {
	transition-delay: 120ms;
}
html.has-dom-animated body[data-namespace="error"] .error>div:nth-child(2) .line>div>div {
    -webkit-transform: none;
    transform: none;
	/*
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	*/
}
.carousel {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((44 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    color: #f7f3f0;
}
.carousel{
	opacity: 0;
	transition: opacity 800ms ease;
}
html.has-dom-animated body[data-namespace="error"] .carousel{
	transition-delay: 1300ms;
	opacity: 1;
}
.carousel>div{
    -webkit-animation-duration: 109.3s;
    animation-duration: 109.3s;
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-animation-name: running;
    animation-name: running;
    animation-direction: reverse;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
@-webkit-keyframes running{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}}
@keyframes running{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}}
.carousel>div>div{
    color: #fff !important;
    margin: 0 calc((48 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((120 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px){
	.error>div:first-child>div:nth-child(2)>div>div {
		letter-spacing: calc((-7.97 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		font-size: calc((345 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.error>div:nth-child(2) .line {
		padding: 0 calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.carousel {
		    font-size: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.carousel>div{
		-webkit-animation-duration: 64s;
		animation-duration: 64s;
	}
	.carousel>div>div{
		height: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.error {
		padding-top: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.error>div:first-child>div:nth-child(2)>div>div {
		font-size: calc((256 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.error>div:nth-child(2) .line {
		padding: 0 calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.carousel {
		    font-size: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.carousel>div{
		-webkit-animation-duration: 46.8s;
		animation-duration: 46.8s;
	}
	.carousel>div>div{
		height: calc((68 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* size portrait */
.size01{
	height: calc((580 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((435 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.size02{
	width: calc((750 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((927 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.size03{
	width: calc((515 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((766 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.size04{
	width: calc((433 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((580 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.size05{
    width: calc((556 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((674 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
@media (max-width: 768px){
	.size01 {
		height: calc((480 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((360 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.size02{
		width: calc((529 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((570 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.size03{
		width: calc((515 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((766 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.size04{
		width: calc((325 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((435 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.size05{
		width: 100%;
		height: calc((815 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.size01{
		height: calc((350 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((260 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.size02{
		width: calc((360 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((445 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.size03{
		height: calc((371 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((250 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.size04{
		width: calc((251 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((335 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.size05{
		width: 100%;
		height: calc((517 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
/* size landscape */
.size06{
  width: calc((580 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((435 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.size07{
  height: calc((750 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((927 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.size08{
  height: calc((515 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((766 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.size09{
  height: calc((433 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((580 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.size010{
    height: calc((556 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((674 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
@media (max-width: 768px){
  .size06 {
    width: calc((480 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((360 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  }
  .size07{
    height: calc((529 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((570 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  }
  .size08{
    height: calc((515 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((766 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  }
  .size09{
    height: calc((325 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((435 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  }
  .size010{
    height: 100%;
    width: calc((815 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  }
}
@media (max-width: 480px){
  .size06{
    width: calc((350 / ((var(--dw) / 100) * var(--cs))) * 1rem);
   height:  calc((260 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  }
  .size07{
    height: calc((360 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((445 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  }
  .size08{
    width: calc((371 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((250 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  }
  .size09{
    height: calc((251 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((335 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  }
  .size010{
    height: 100%;
    width: calc((517 / ((var(--dw) / 100) * var(--cs))) * 1rem);
  }
}
/* */
/*
picture, source, img {
    display: block;
    width: 100%;
}
body[data-namespace="home"] .home .home-image>div picture, 
body[data-namespace="home"] .home .home-image>div video,
body[data-namespace="home"] .home .home-image>div image {
    position: absolute;
    top: 0;
    left: 0;
	
    width: 100%;
    height: 100%;
    object-fit: cover;
}
*/

/* new_content */
#new_content{

}
.new_content {
    padding-left: calc((75 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((75 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-top: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.new_content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.new_content>div:first-child{
    width: 100%;
    margin-bottom: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-left: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.new_content>div:first-child>div>div>div{
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
    overflow: hidden;
	transition: transform 900ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.new_content.is-inview>div:first-child>div:nth-child(2)>div{
	pointer-events: all;
    transition-delay: 150ms;
	transform: none;
}
.new_content.is-inview>div:first-child>div>div>div{
	pointer-events: all;
	transform: none;
}
.new_content>div:first-child .number_section{	
	overflow: hidden;
}
.new_content>div:first-child .number_section>div{
    width: calc((230 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin-bottom: calc((56 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #f7f3f0;
    overflow: hidden;
}
.new_content>div:first-child .title_section{
    text-transform: uppercase;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1;
    font-weight: 300;
    color: #f7f3f0;
    white-space: pre;
    overflow: hidden;
}
.new_content>div:nth-child(2){
    width: 100%;
    overflow: hidden;
    height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    position: relative;
}
.new_content>div:nth-child(3){
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    /* margin: calc((106 / ((var(--dw) / 100) * var(--cs))) * 1rem) 0 calc((145 / ((var(--dw) / 100) * var(--cs))) * 1rem); */
    margin: calc((106 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((124 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((145 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}

.new_content.is-inview .new_content_info>div:first-child>div>div:first-child{
	transition-delay: 400ms;
}
.new_content.is-inview .new_content_info>div:first-child>div>div:nth-child(2){
	transition-delay: 450ms;
}
.new_content.is-inview .new_content_info>div:first-child>div>div:nth-child(3){
	transition-delay: 500ms;
}
.new_content.is-inview .new_content_info>div:nth-child(2)>div>div:first-child{
	transition-delay: 700ms;
}
.new_content.is-inview .new_content_info>div:nth-child(2)>div>div:nth-child(2){
	transition-delay: 750ms;
}
.new_content.is-inview .new_content_info>div:nth-child(2)>div>div:nth-child(3){
	transition-delay: 800ms;
}
.new_content.is-inview .new_content_info>div>div>div{
	-webkit-transform: none;
	transform: none;
}

@media (max-width: 768px){
	.new_content {
		padding-left: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-top: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.new_content>div:first-child{
		padding: 0;
	}
	.new_content>div:first-child .number_section>div{
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((190 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((34 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.new_content>div:first-child .title_section{
		font-size: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.new_content>div:nth-child(3) {
		width: 100%;
		margin: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem) 0;
	}
}

@media (max-width: 480px){
	.new_content {
		padding-left: calc((27 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((27 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.new_content>div:first-child .number_section>div{
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.new_content>div:first-child .title_section{
		font-size: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.new_content>div:nth-child(3){
		margin-bottom: calc((24 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

/* new_content items */
#items{
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;   
}
.items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; 
} 
.items>a{
	/*
    width: calc((556 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((674 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    */
	cursor: pointer;
	margin-bottom: calc((175 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.items>a>div:first-child{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.items>a>div:first-child>div{
    height: 100%;
    overflow: hidden;
    position: relative;
}
.items>a>div:first-child>div picture {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.items>a>div:first-child>div img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.items>a>div:first-child>div img {
	transform-style: preserve-3d;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0); /* translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) */
	-webkit-transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.items>a.has-over>div:first-child>div img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); /* translate3d(0px, 0px, 0px) scale3d(1.1, 1.1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-3deg) skew(0deg, 0deg) */
}
html.has-dom-animated .items>a>div:first-child>div .mask{
	-webkit-transition: transform 1100ms cubic-bezier(0.03, 0.15, 0.16, 0.99), background-color 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
	transition: transform 1100ms cubic-bezier(0.03, 0.15, 0.16, 0.99), background-color 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    pointer-events: none;
	-webkit-transition-delay: 0ms;
    transition-delay: 0ms;
	-webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
html.has-dom-animated .new_content.is-inview .items>a>div:first-child>div .mask{
    pointer-events: all;    
	-webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}
html.has-dom-animated .new_content.is-inview .items>a:first-child>div:first-child>div .mask{
	-webkit-transition-delay: 80ms, 0ms;
	transition-delay: 80ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(2)>div:first-child>div .mask{
	-webkit-transition-delay: 100ms, 0ms;
	transition-delay: 100ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(3)>div:first-child>div .mask{
	-webkit-transition-delay: 120ms, 0ms;
	transition-delay: 120ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(4)>div:first-child>div .mask{
	-webkit-transition-delay: 140ms, 0ms;
	transition-delay: 140ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(5)>div:first-child>div .mask{
	-webkit-transition-delay: 160ms, 0ms;
	transition-delay: 160ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(6)>div:first-child>div .mask{
	-webkit-transition-delay: 180ms, 0ms;
	transition-delay: 180ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(7)>div:first-child>div .mask{
	-webkit-transition-delay: 200ms, 0ms;
	transition-delay: 200ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(8)>div:first-child>div .mask{
	-webkit-transition-delay: 220ms, 0ms;
	transition-delay: 220ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(9)>div:first-child>div .mask{
	-webkit-transition-delay: 240ms, 0ms;
	transition-delay: 240ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(10)>div:first-child>div .mask{
	-webkit-transition-delay: 260ms, 0ms;
	transition-delay: 260ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(11)>div:first-child>div .mask{
	-webkit-transition-delay: 280ms, 0ms;
	transition-delay: 280ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(12)>div:first-child>div .mask{
	-webkit-transition-delay: 300ms, 0ms;
	transition-delay: 300ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(13)>div:first-child>div .mask{
	-webkit-transition-delay: 320ms, 0ms;
	transition-delay: 320ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(14)>div:first-child>div .mask{
	-webkit-transition-delay: 340ms, 0ms;
	transition-delay: 340ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(15)>div:first-child>div .mask{
	-webkit-transition-delay: 360ms, 0ms;
	transition-delay: 360ms, 0ms;
}
html.has-dom-animated .new_content.is-inview .items>a:nth-child(16)>div:first-child>div .mask{
	-webkit-transition-delay: 380ms, 0ms;
	transition-delay: 380ms, 0ms;
}

.items>a>div:nth-child(2){
    margin-top: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: calc((35 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 75 */
    text-transform: uppercase;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    line-height: 1;
    font-weight: 300;
    color: #f7f3f0;
	width: 100%;
}
.items>a>div:nth-child(2)>div:first-child {
    font-size: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	-webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
	flex: 0 0 66.66666667%;
    width: 66.66666667%;
	max-width: 66.66666667%;
	    text-align: left;
}
.items>a>div:nth-child(2)>div:nth-child(2) {
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	-webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
	flex: 0 0 33.333%;
    width: 33.333%;
	max-width: 33.333%;
	    text-align: right;
}
@media (max-width: 768px){
	.new_content .items a{
		width: 48%!important;
		margin-bottom: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.items>a>div:nth-child(2) {
		padding-right: 0; /* calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem) */
	}
	.items>a>div:nth-child(2)>div:first-child {
    font-size: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.items>a>div:nth-child(2)>div:nth-child(2) {
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

@media (max-width: 480px){
	.new_content .items a{
		height: auto;
		/* width: 100%!important; */
		margin-bottom: calc((55 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((360 / ((var(--dw) / 100) * var(--cs))) * 1rem)!important;
	}
	.new_content .items>a>div:first-child {
		height: auto;
	}
	.new_content .items>a>div:first-child>div img {
		height: auto;
		max-height: none;
		pointer-events: none;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.items>a>div:nth-child(2) {
		padding-right: 0; /* calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem) */
	}
	.items>a>div:nth-child(2)>div:first-child {
		font-size: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.items>a>div:nth-child(2)>div:nth-child(2) {
		font-size: calc((16 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* horizon class has-theme-dark from new_content */
#horizon{
	
}
.horizon{
	position: absolute;
    right: 0;
    left: 0;
    top: calc(100vh - 3.75rem); /* 0 calc(100vh - 3.75rem) */
    bottom: 0;
    z-index: -1;
    pointer-events: none;
}
@media (min-width: 768px) and (orientation: landscape){
	
}
/* Para aplicar una hoja de estilo solo en orientación vertical (portrait): @media all and (orientation: portrait) { ... } or "only" solo */
@media (min-width: 768px) and (orientation: portrait){
	
}
@media all and (-ms-high-contrast: none){
	
}
@media (max-width: 768px){

}
@media (max-width: 767px){
	#new_content {
		position: relative;
	}
}
@media (max-width: 480px){
	#new_content {
		position: relative;
	}
}
@media(max-width: 360px){
	
}

/* *** *** *** CHANGE *** *** *** */

/* new home */
.new_home {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	
    width: 100vw;
    padding-left: calc((74 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((74 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	padding-top: calc((146 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-bottom: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    min-height: 100vh;
	
	text-transform: uppercase;
    text-align: center;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    letter-spacing: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    line-height: 1.2;
}
.new_home>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
	display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.title {
    width: 100%; /* 100vw */
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
	z-index: 1;
}
.u-p-shift-rev {
    margin-left: 0%; /* -2% */
}
.u-p-shift {
    margin-left: 20%; /* 25% */
}
.new_home>div h1{
	text-transform: uppercase;
    text-align: center;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((125 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    letter-spacing: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    line-height: 1.2;
}
.o-row {
    overflow: hidden;
    white-space: nowrap;
    width: max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
    display: block;
	line-height: 1;
}
.o-row > span {
    display: block;
}

/*add anexo: text img*/
.new_home > .o-row > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.new_home > .o-row > span > div{
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-transform: uppercase;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    letter-spacing: normal; /*initial*/	
	width: fit-content;
}
.new_home > .o-row > span > div[data-right],
.new_home > .o-row > span > img[data-right]{
	text-align: right;		
	margin-right: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.new_home > .o-row > span > div[data-left],
.new_home > .o-row > span > img[data-left]{
	text-align: left;	
    margin-left: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.new_home > .o-row > span > img{
	height: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	width: fit-content;
	margin-top: -1.2vw;
}
@media (max-width: 768px){
	.new_home > .o-row > span > img{
		height: calc((51 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.new_home > .o-row > span > div{
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}	
}
@media (max-width: 480px){
	.new_home > .o-row > span > img{
		height: calc((33 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.new_home > .o-row > span > div{
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);	
	}	
}
/*end add add anexo*/

.new_home .--yup {
    -webkit-transform: translate3d(0, 120%, 0);
    transform: translate3d(0, 120%, 0);
}
html.has-dom-animated body[data-namespace="home"] .detect .o-row:first-child .--yup{
	transition-delay: 520ms;
}
html.has-dom-animated body[data-namespace="home"] .detect .o-row:nth-child(2) .--yup{
	transition-delay: 620ms;
}
html.has-dom-animated body[data-namespace="home"] .detect .o-row:nth-child(3) .--yup{
	transition-delay: 720ms;
}
html.has-dom-animated body[data-namespace="home"] .detect .o-row:nth-child(4) .--yup{
	transition-delay: 820ms;
}
html.has-dom-animated body[data-namespace="home"] .detect .o-row:nth-child(5) .--yup{
	transition-delay: 920ms;
}
html.has-dom-animated body[data-namespace="home"] .detect .o-row:nth-child(6) .--yup{
	transition-delay: 1020ms;
}
html.has-dom-animated body[data-namespace="home"] .detect .o-row:nth-child(7) .--yup{
	transition-delay: 1120ms;
}
.video_new_home{
	position: relative;
    overflow: hidden;
}
.video_new_home picture, .video_new_home img {
    display: none;
    width: 100%;
}
.video_new_home source{
    display: block;
    width: 100%;
}
.video_new_home video, .video_new_home picture, .video_new_home img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 768px) and (orientation: landscape){
		.home{
			display:none;
		}
		.new_home{
			display: flex;
		}
}
@media (min-width: 768px) and (orientation: portrait){
		.home{
			display: flex;
		}
		.new_home{
			display:none;
		}	
}
@media (max-width: 768px){
		.home{
			display: flex;
		}
		.new_home{
			display:none;
		}
}
@media (max-width: 767px){
	.video_new_home video, .video_new_home video source {
		display:none;
	}
	.video_new_home picture, .video_new_home img {
		display: flex;
	}
}
@media (max-width: 480px){
	.video_new_home video, .video_new_home video source {
		display:none;
	}
	.video_new_home picture, .video_new_home img {
		display: flex;
	}
}

/* click hover */
.click_hover {
    cursor: pointer;
    -webkit-transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99), color 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99), color 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: inherit;
}
@media (min-width: 768px){
	.click_hover:hover {
		opacity: .7;
	}
}

/* click hover line */
.click_hover_line{
	padding-bottom: 3px;
}
.click_hover_line .line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: hidden;
}
.click_hover_line .line::after {
    -webkit-transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: transform 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #f7f3f0;
}
@media (min-width: 768px){
	.click_hover_line:hover .line::after {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

/* impulse */
.impulse{

}
body[data-namespace="home"] .overlay_impulse{
	background-color: #171614;
}
body[data-namespace="item"] .overlay_impulse{
    background-color: #f7f3f0;	
}
body[data-namespace="error"] .overlay_impulse{
	background-color: #f7f3f0;
}
#overlay_impulse{
	
}
.overlay_impulse {
	z-index: 99;
    position: fixed;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
	pointer-events: none;	
    visibility: hidden;	
    -webkit-transition: opacity 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99), visibility 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: opacity 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99), visibility 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
html.has-dom-transition .overlay_impulse{
	visibility: visible;
	opacity: 1;
	pointer-events: all;
}

/* snow */
#snow {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    right: 0;
    z-index: -10;
}

/* form */
[data-namespace="form"]{
	background-color: #171614;
}
html.has-theme-dark body[data-namespace="form"] .navigator>div .navigator_content>div,
html.has-theme-dark body[data-namespace="form"] .form>div>div:nth-child(2)>div:first-child,
html.has-theme-dark body[data-namespace="form"] .form>div>div:nth-child(2)>div:nth-child(2)>div>div p,
html.has-theme-dark body[data-namespace="form"] .form>div>div:nth-child(2)>div:nth-child(4) p{
    color: #f7f3f0;
}
html.has-theme-dark body[data-namespace="form"] .form>div>div:nth-child(2)>div:nth-child(2)>div>div span{
    color: #a2a2a2;
}
body[data-namespace="form"] .navigator>div .navigator_content>div {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
body[data-namespace="form"] main[data-scroll-container]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    background-color: #171614;
    width: 100%;
    height: 100%;
    z-index: 3;
}
html.has-dom-ready body[data-namespace="form"] main[data-scroll-container]::before{
	content: none;
	background-color: transparent;
}
#form{
	
}
/*
body[data-namespace="form"] #form::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    background-color: #171614;
    width: 100%;
    height: 100%;
    z-index: 1;
}
html.has-dom-ready body[data-namespace="form"] #form::before{
	content: none;
	background-color: transparent;
}
*/
.form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100vw;
    padding-left: calc((82 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((82 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-bottom: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-top: calc((160 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 80 180 */
    min-height: 100vh;
}
.form>div:first-child{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.form>div>div:first-child{
	position: relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
	width: 50%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.form>div>div:first-child>h1{
    width: 99%;
    text-transform: uppercase;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1;
    font-weight: 300;
    letter-spacing: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    color: #f7f3f0;
}
.form>div>div:first-child>h1>div{
    overflow: hidden;
    /* white-space: pre; */
}
.form>div>div:first-child>h1>div:first-child>div{
    height: calc((180 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.form>div>div:first-child>h1>div:first-child>div>div{
    width: calc((263 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((180 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin-left: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.form svg {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    shape-rendering: geometricPrecision;
}
.form svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}
.form svg .st0{
	fill:var(--text-change-color);
}
.form svg polygon {
    -webkit-transition: fill .4s ease;
    transition: fill .4s ease;
}
.form>div>div:first-child>h1>div:nth-child(2){
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.form>div>div:first-child>h1>div:nth-child(3){

}
.form>div>div:first-child>h1>div:nth-child(3)>div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.form>div>div:first-child>h1>div:nth-child(4){
	display: none;
}
.form>div>div:first-child>h1>div:nth-child(4)>div{
	text-transform: uppercase;
    font-family: Telegraf,sans-serif;
    font-size: 12px;
    width: 100%;
    color: #f7f3f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
}
.form>div>div:nth-child(2){
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.form>div>div:nth-child(2)>div{
	
}
.form>div>div:nth-child(2)>div>form{
	
}
.form>div>div:nth-child(2)>div>form>div{
    overflow: hidden;
}
.form>div>div:nth-child(2)>div>form>div>div{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.form>div>div:nth-child(2)>div>form>div:first-child{
	
}
.form>div>div:nth-child(2)>div>form>div:first-child>div{
	height: 70px;
	text-transform: uppercase;
    font-family: Telegraf,sans-serif;
    font-size: 12px;
    width: 100%;
    color: #f7f3f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
	margin-bottom: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.form>div>div:nth-child(2)>div>form>div:nth-child(2)>div>div, 
.form>div>div:nth-child(2)>div>form>div:nth-child(4)>div>div{
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 70px;
    position: relative;
    margin-bottom: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.form>div>div:nth-child(2)>div>form>div:nth-child(2)>div>div>div:first-child, 
.form>div>div:nth-child(2)>div>form>div:nth-child(4)>div>div>div:first-child,
.form>div>div:nth-child(2)>div>form>div:nth-child(3)>div>div>div>div:first-child{
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
}
.form>div>div:nth-child(2)>div>form label{
	
}
.form>div>div:nth-child(2)>div>form label>div{
    position: absolute;
    top: 4px; /* 0px */
    left: 0;
    opacity: 1; /* 0 */
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
	text-transform: uppercase;
    font-family: Telegraf,sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
	white-space: nowrap;
	
	-webkit-transition: opacity .4s ease, color .4s ease;
	transition: opacity .4s ease, color .4s ease;
}
.form>div>div:nth-child(2)>div>form label>input{
	text-transform: uppercase;
    font-family: Telegraf,sans-serif;
    font-size: 12px;
    width: 100%;
    color: #f7f3f0;
    padding: 0 12px 0 0;
    overflow: hidden;
    border: none;
    letter-spacing: 2px;
    margin-bottom: 12px;
    outline-style: none;
}
button, input {
    overflow: visible;
}
input::placeholder {
  color: ;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: ;
}

input::-ms-input-placeholder { /* Microsoft Edge */
  color: ;
}
input[type=number] { 
	-webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
	margin: 0; 
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
button, input, optgroup, select, textarea {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
}
.form>div>div:nth-child(2)>div>form>div:nth-child(2)>div>div>div:last-child, 
.form>div>div:nth-child(2)>div>form>div:nth-child(4)>div>div>div:last-child,
.form>div>div:nth-child(2)>div>form>div:nth-child(3)>div>div>div>div:last-child{
    height: 3px;
    width: 100%;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    border-bottom: calc((1 / ((var(--dw) / 100) * var(--cs))) * 1rem) solid rgba(247,243,240,.4);
}
.form>div>div:nth-child(2)>div>form>div:nth-child(3)>div>div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.form>div>div:nth-child(2)>div>form>div:nth-child(3)>div>div>div{
    width: 45%;

    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 70px;
    position: relative;
    margin-bottom: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.form>div>div:nth-child(2)>div>form>div:nth-child(4){
	
}
.form>div>div:nth-child(2)>div>form>div:last-child{
    
}
.form>div>div:nth-child(2)>div>form>div:last-child{
	/* animation */
}
.form>div>div:nth-child(2)>div>form>div:last-child>div{
    position: relative;
    height: calc((54 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.form>div>div:nth-child(2)>div>form>div:last-child>div>div {
    height: calc((54 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.form>div>div:nth-child(2)>div>form>div:last-child>div>div button,
.form>div>div:nth-child(2)>div>form>div:last-child>div>div button>div {
    cursor: pointer;
    width: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: 100%;
    overflow: hidden;
}
.form>div>div:nth-child(2)>div>form>div:last-child>div>div button,
.form>div>div:nth-child(2)>div>form>div:last-child>div>div button>div {
    position: relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.form>div>div:nth-child(2)>div>form>div:last-child>div>div button svg,
.form>div>div:nth-child(2)>div>form>div:last-child>div>div button>div svg{
    display: block;
    width: 100%;
    height: 100%;
	-ms-flex-negative: 0;
    flex-shrink: 0;
	
		-webkit-transform: none;
	transform: none;
    -webkit-transition: transform .5s;
    transition: transform .5s;
}
html.has-sent .form>div>div:nth-child(2)>div>form>div:last-child>div>div button svg,
html.has-sent .form>div>div:nth-child(2)>div>form>div:last-child>div>div button>div svg{
	-webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
}
.form>div>div:nth-child(2)>div>form>div:last-child>div>div div{
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: 100%;
}
/* input */
.form>div>div:nth-child(2)>div>form>div:nth-child(2)>div>div.has-focus>label>div:first-child, 
.form>div>div:nth-child(2)>div>form>div:nth-child(4)>div>div.has-focus>label>div:first-child,
.form>div>div:nth-child(2)>div>form>div:nth-child(3)>div>div>div.has-focus>label>div:first-child{
	opacity: 0;
}
.form>div>div:nth-child(2)>div>form>div:nth-child(2)>div>div.has-focus>div:last-child, 
.form>div>div:nth-child(2)>div>form>div:nth-child(4)>div>div.has-focus>div:last-child,
.form>div>div:nth-child(2)>div>form>div:nth-child(3)>div>div>div.has-focus>div:last-child{
	border-bottom: calc((1 / ((var(--dw) / 100) * var(--cs))) * 1rem) solid var(--text-change-color);
}
/* required */
.form form label input::-webkit-input-placeholder, .form form label input::placeholder, .form form label input:-ms-input-placeholder, .form form label input::-ms-input-placeholder {
  color: ;
  -webkit-transition: color .4s ease;
  transition: color .4s ease;
}
.form>div>div:nth-child(2)>div>form>div:nth-child(2)>div>div.has-required>label>div:first-child, 
.form>div>div:nth-child(2)>div>form>div:nth-child(4)>div>div.has-required>label>div:first-child,
.form>div>div:nth-child(2)>div>form>div:nth-child(3)>div>div>div.has-required>label>div:first-child{
	opacity: 1;
	color: var(--backgroundColor);
}
.form>div>div:nth-child(2)>div>form>div:nth-child(2)>div>div.has-required>div:last-child, 
.form>div>div:nth-child(2)>div>form>div:nth-child(4)>div>div.has-required>div:last-child,
.form>div>div:nth-child(2)>div>form>div:nth-child(3)>div>div>div.has-required>div:last-child{
    border-bottom: calc((1 / ((var(--dw) / 100) * var(--cs))) * 1rem) solid var(--backgroundColor) !important;
}
.form .has-required input:-moz-placeholder,
.form .has-required input::-webkit-input-placeholder,
.form .has-required input:-ms-input-placeholder,
.form .has-required input::-ms-input-placeholder,
.form .has-required input::placeholder{ 
	color: var(--backgroundColor);
}
.form>div>div:nth-child(2)>div>form>div:nth-child(2)>div>div.has-required polygon, 
.form>div>div:nth-child(2)>div>form>div:nth-child(4)>div>div.has-required polygon,
.form>div>div:nth-child(2)>div>form>div:nth-child(3)>div>div>div.has-required polygon{
    fill: var(--backgroundColor);
}
/* --yup */
.form>div>div:nth-child(2)>div>form>div .--yup {
    -webkit-transform: translate3d(0, 131%, 0);
    transform: translate3d(0, 131%, 0);
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:first-child>h1>div:first-child .--yup{
	transition-delay: 520ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:first-child>h1>div:nth-child(2) .--yup{
	transition-delay: 540ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:first-child>h1>div:nth-child(3) .--yup{
	transition-delay: 560ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:first-child>h1>div:nth-child(4) .--yup{
	transition-delay: 580ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:nth-child(2)>div>form>div:first-child .--yup{
	transition-delay: 600ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:nth-child(2)>div>form>div:nth-child(2) .--yup{
	transition-delay: 620ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:nth-child(2)>div>form>div:nth-child(3)>div>div>div.--yup:first-child{
	transition-delay: 640ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:nth-child(2)>div>form>div:nth-child(3)>div>div>div.--yup:nth-child(2){
	transition-delay: 660ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:nth-child(2)>div>form>div:nth-child(4) .--yup{
	transition-delay: 680ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:nth-child(2)>div>form>div:nth-child(5) .--yup{
	transition-delay: 700ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:nth-child(2)>div>form>div:nth-child(6) .--yup{
	transition-delay: 720ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:nth-child(2)>div>form>div:nth-child(7) .--yup{
	transition-delay: 740ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:nth-child(2)>div>form>div:nth-child(8) .--yup{
	transition-delay: 760ms;
}
html.has-dom-animated body[data-namespace="form"] .form>div>div:nth-child(2)>div>form>div:nth-child(9) .--yup{
	transition-delay: 780ms;
}
html.has-dom-animated .form>div>div:nth-child(2)>div>form>div .--yup {
    -webkit-transform: none;
    transform: none;
}
/* title != font-size by line or .form>div>div:first-child>h1>div:nth-child(2), .form>div>div:first-child>h1>div:nth-child(3) */
.form>div>div:first-child>h1>div:nth-child(2)>div{
	font-size: ;
}
.form>div>div:first-child>h1>div:nth-child(3)>div{
	font-size: ;
}
/* END title != font-size by line */

/* sent OK */
html.has-sent-form .form #sent>div>div {
	/*
    pointer-events: all;
    animation-delay: 400ms;
    animation-timing-function: cubic-bezier(0.03, 0.15, 0.16, 0.99);
    animation-duration: 600ms;
	*/
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms;
	-webkit-transition: opacity .6s cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: opacity .6s cubic-bezier(0.03, 0.15, 0.16, 0.99);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
	z-index: 1;
}
html.has-sent-form .form #sent_button{
	-webkit-transition: opacity .5s cubic-bezier(0.03, 0.15, 0.16, 0.99);
    transition: opacity .5s cubic-bezier(0.03, 0.15, 0.16, 0.99);
	opacity: 0;
	pointer-events: none;
}
/*
.form #sent>div>div>div {
    height: calc((54 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
*/
html.has-sent-form .form #sent>div>div>div>span {
    text-transform: uppercase;
    font-family: Telegraf,sans-serif;
    font-size: calc((44 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #f7f3f0;
}
html.has-sent-form .form #sent>div>div>div>span {
    color: #00ba6f;
}
html.has-sent-form.failure .form #sent>div>div>div>span {
    color: #f33a3a;
}

@media (max-width: 768px){
	.form {	
		padding-top: calc((170 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-bottom: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-left: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.form>div{
		-webkit-transition: none;
		transition: none;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.form>div>div{
		width: 100%!important;
		min-width: calc((415 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.form>div>div:first-child>h1{
		font-size: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((110 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		letter-spacing: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.form>div>div:first-child>h1>div:first-child {
		margin-bottom: calc((-20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.form>div>div:first-child>h1>div:first-child>div{
		height: calc((120 / ((var(--dw) / 100) * var(--cs))) * 1rem);		
	}
	.form>div>div:first-child>h1>div:first-child>div>div {
		width: calc((278 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((120 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-left: calc((15 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.form>div>div:first-child>h1>div:nth-child(2) {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.form>div>div:first-child>h1>div:nth-child(4){
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.form>div>div:first-child>h1>div:nth-child(4)>div{
		font-size: 12px;
	}
	.form>div>div:nth-child(2)>div>form>div .--yup {
		-webkit-transform: translate3d(0, 133%, 0);
		transform: translate3d(0, 133%, 0);
	}
	.form>div>div:nth-child(2)>div>form>div:last-child{
		margin-bottom: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.form>div>div:nth-child(2)>div>form label>div {
		font-size: ;
	}
	.form>div>div:nth-child(2)>div>form label>input {
		font-size: ;
	}
	html.has-sent-form .form #sent>div>div>div>span{
		font-size:calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem)
	}
}

@media (max-width: 480px){
	.form {	
		padding-left: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.form>div>div:first-child>h1{
		font-size: calc((75 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		letter-spacing: calc((0.11 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.form>div>div:first-child>div {
		
	}
	.form>div>div:first-child>h1>div:first-child {
		margin-bottom: calc((-45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.form>div>div:first-child>h1>div:nth-child(4){
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.form>div>div:first-child>h1>div:nth-child(4)>div{
		font-size: 8px;
	}
	.form>div>div:nth-child(2)>div>form label>div {
		font-size: ; /* 10px */
	}
	.form>div>div:nth-child(2)>div>form label>input {
		font-size: ; /* 10px */
	}
	/*
	.form>div>div:nth-child(2)>div>form>div:nth-child(2)>div>div {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.form>div>div:nth-child(2)>div>form>div:nth-child(2)>div>div>div {
		width: 100%;
	}
	*/
	.form>div>div:nth-child(2)>div>form>div .--yup {
		-webkit-transform: translate3d(0, 133%, 0);
		transform: translate3d(0, 133%, 0);
	}
	.form>div>div:nth-child(2)>div>form>div:first-child>div{
		font-size: 8px;
	}
	.form>div>div:nth-child(2)>div>form>div:last-child{
		margin-bottom: calc((24 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	html.has-sent-form .form #sent>div>div>div>span{
		font-size:calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem)
	}
}

/* about_us */
[data-namespace="about_us"]{
	background-color: #171614;
}
html.has-theme-dark body[data-namespace="about_us"] .navigator>div .navigator_content>div,
html.has-theme-dark body[data-namespace="about_us"] .about_us>div>div:nth-child(2)>div:first-child,
html.has-theme-dark body[data-namespace="about_us"] .about_us>div>div:nth-child(2)>div:nth-child(2)>div>div p,
html.has-theme-dark body[data-namespace="about_us"] .about_us>div>div:nth-child(2)>div:nth-child(4) p{
    color: #f7f3f0;
}
html.has-theme-dark body[data-namespace="about_us"] .form>div>div:nth-child(2)>div:nth-child(2)>div>div span{
    color: #a2a2a2;
}
body[data-namespace="about_us"] .navigator>div .navigator_content>div {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
body[data-namespace="about_us"] main[data-scroll-container]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    background-color: #171614;
    width: 100%;
    height: 100%;
    z-index: 3;
}
html.has-dom-ready body[data-namespace="about_us"] main[data-scroll-container]::before{
	content: none;
	background-color: transparent;
}
#about_us{
	
}

.about_us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100vw;
    padding-left: calc((82 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((82 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-bottom: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-top: calc((160 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 80 180 */
    min-height: 100vh;
}
.about_us>div:first-child{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.about_us>div>div:first-child{
	position: relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
	width: 50%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.about_us>div>div:first-child>h1{
    width: 99%;
    text-transform: uppercase;
    font-family: "Canela",Arial,Helvetica,sans-serif;
    font-size: calc((150 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1;
    font-weight: 300;
    letter-spacing: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    color: #f7f3f0;
}
.about_us>div>div:first-child>h1>div{
    overflow: hidden;
    /* white-space: pre; */
}
.about_us>div>div:first-child>h1>div:first-child {
    line-height: 1.3;
}
.about_us>div>div:first-child>h1>div:first-child>div{
    height: calc((180 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.about_us>div>div:first-child>h1>div:first-child>div>div{
    /* width: auto; */
    height: calc((180 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((180 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin-left: 0;
}
.about_us svg {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    shape-rendering: geometricPrecision;
}
.about_us svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}
.about_us svg .st0{
	fill:var(--text-change-color);
}
.about_us svg polygon {
    -webkit-transition: fill .4s ease;
    transition: fill .4s ease;
}
.about_us>div>div:first-child>h1>div:nth-child(2){
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.about_us>div>div:first-child>h1>div:nth-child(3){
    font-size: calc((130 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about_us>div>div:first-child>h1>div:nth-child(3)>div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.about_us>div>div:first-child>h1>div:nth-child(4){
	display: none;
}
.about_us>div>div:first-child>h1>div:nth-child(4)>div{
	text-transform: uppercase;
    font-family: Telegraf,sans-serif;
    font-size: 12px;
    width: 100%;
    color: #f7f3f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
}
.about_us>div>div:nth-child(2){
    width: 45%; /* 50% */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
/* --yup */
html.has-dom-animated body[data-namespace="about_us"] .about_us>div>div:first-child>h1>div:first-child .--yup{
	transition-delay: 520ms;
}
html.has-dom-animated body[data-namespace="about_us"] .about_us>div>div:first-child>h1>div:nth-child(2) .--yup{
	transition-delay: 540ms;
}
html.has-dom-animated body[data-namespace="about_us"] .about_us>div>div:first-child>h1>div:nth-child(3) .--yup{
	transition-delay: 560ms;
}
html.has-dom-animated body[data-namespace="about_us"] .about_us>div>div:first-child>h1>div:nth-child(4) .--yup{
	transition-delay: 580ms;
}

.about_us>div>div:nth-child(2)>div{
	
}
.about_us>div>div:nth-child(2)>div:nth-child(1){
	overflow: hidden;
	text-transform: uppercase;
    font-family: "Telegraf",Arial,Helvetica,sans-serif;
	font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 14 30 */
    font-weight: 300;
	margin-bottom: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about_us>div>div:nth-child(2)>div:nth-child(1)>div{
	
}
.about_us>div>div:nth-child(2)>div:nth-child(1)>div p {
    margin-bottom: 1em;
}
.about_us>div>div:nth-child(2)>div:nth-child(1)>div p:last-child {
    margin-bottom: 0em;
}
.about_us>div>div:nth-child(2)>div:nth-child(1)>div span {
    font-style: bold;
}
/* --yup */
html.has-dom-animated body[data-namespace="about_us"] .about_us>div>div:nth-child(2)>div:nth-child(0)>div .--yup:first-child {
    /* transition-delay: 820ms; */
}
html.has-dom-animated body[data-namespace="about_us"] .about_us>div>div:nth-child(2)>div:nth-child(1)>div .--yup{
    transition-delay: 600ms;
}
.about_us>div>div:nth-child(2)>div:last-child{
    overflow: hidden;
}
.about_us>div>div:nth-child(2)>div:last-child>div{
    position: relative;
    height: calc((54 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about_us>div>div:nth-child(2)>div:last-child>div>div {
    height: calc((54 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
/*
.about_us>div>div:nth-child(2)>div:last-child>div>div button,
.about_us>div>div:nth-child(2)>div:last-child>div>div button>div {
    cursor: pointer;
    width: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: 100%;
    overflow: hidden;
}
.about_us>div>div:nth-child(2)>div:last-child>div>div button,
.about_us>div>div:nth-child(2)>div:last-child>div>div button>div {
    position: relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
*/
.about_us>div>div:nth-child(2)>div:last-child>div>div>div button, 
.about_us>div>div:nth-child(2)>div:last-child>div>div>div button a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.about_us>div>div:nth-child(2)>div:last-child>div>div>div button, 
.about_us>div>div:nth-child(2)>div:last-child>div>div>div button a {
    cursor: pointer;
    width: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: 100%;
    overflow: hidden;
}
.about_us>div>div:nth-child(2)>div:last-child>div>div button svg,
.about_us>div>div:nth-child(2)>div:last-child>div>div button>div svg{
    display: block;
    width: 100%;
    height: 100%;
	-ms-flex-negative: 0;
    flex-shrink: 0;
	
		-webkit-transform: none;
	transform: none;
    -webkit-transition: transform .5s;
    transition: transform .5s;
}

.about_us>div>div:nth-child(2)>div:last-child>div>div div{
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: 100%;
}
html.has-next .about_us>div>div:nth-child(2)>div:last-child>div>div>div button svg,
html.has-next .about_us>div>div:nth-child(2)>div:last-child>div>div>div button a svg{
	-webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
} 

/* --yup */
html.has-dom-animated body[data-namespace="about_us"] .about_us>div>div:nth-child(2)>div:last-child .--yup {
    transition-delay: 700ms;
}

@media (max-width: 768px){
	.about_us {	
		padding-top: calc((170 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-bottom: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-left: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about_us>div{
		-webkit-transition: none;
		transition: none;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.about_us>div>div{
		width: 100%!important;
		min-width: calc((415 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about_us>div>div:first-child>h1{
		font-size: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((110 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		letter-spacing: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
    .about_us>div>div:first-child>h1>div:first-child {
        line-height: 1;
    }
	.about_us>div>div:first-child>h1>div:first-child {
		margin-bottom: calc((-20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about_us>div>div:first-child>h1>div:first-child>div{
		height: calc((120 / ((var(--dw) / 100) * var(--cs))) * 1rem);		
	}
	.about_us>div>div:first-child>h1>div:first-child>div>div {
        height: calc((120 / ((var(--dw) / 100) * var(--cs))) * 1rem);
       /* width: auto; */
        margin-left: 0;
        width: calc((120 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about_us>div>div:first-child>h1>div:nth-child(2) {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
	}
    .about_us>div>div:first-child>h1>div:nth-child(3) {
        font-size: calc((80 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .about_us>div>div:first-child>h1>div:nth-child(3)>div {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
	.about_us>div>div:first-child>h1>div:nth-child(4){
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.about_us>div>div:first-child>h1>div:nth-child(4)>div{
		font-size: 12px;
	}
    .about_us>div>div:nth-child(2)>div:nth-child(1) {
        font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 12 23 */
        margin-bottom: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .about_us>div>div:nth-child(2)>div:last-child {
        margin-bottom: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
}
@media (max-width: 480px){
	.about_us {	
		padding-left: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-right: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about_us>div>div:first-child>h1{
		font-size: calc((75 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		letter-spacing: calc((0.11 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about_us>div>div:first-child>div {
		
	}
    .about_us>div>div:first-child>h1>div:first-child {
        line-height: 1;
    }
	.about_us>div>div:first-child>h1>div:first-child {
		margin-bottom: calc((-45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
    .about_us>div>div:first-child>h1>div:first-child>div>div {
        height: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        width: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .about_us>div>div:first-child>h1>div:nth-child(2) {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .about_us>div>div:first-child>h1>div:nth-child(3) {
        font-size: calc((55 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
	.about_us>div>div:first-child>h1>div:nth-child(4){
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.about_us>div>div:first-child>h1>div:nth-child(4)>div{
		font-size: 8px;
	}
    .about_us>div>div:nth-child(2)>div:nth-child(1) {
        font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 12 16 */
        margin-bottom: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .about_us>div>div:nth-child(2)>div:last-child {
        margin-bottom: calc((24 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .about_us>div>div:nth-child(2)>div:nth-child(1) {
        margin-bottom: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
}

/* services about us */
html.has-theme-dark body[data-namespace="about_us"]{
	--opacity-block: 1;
}
[data-namespace="about_us"] #services{
	color: var(--text-change-color);
}
html.has-theme-dark body[data-namespace="about_us"] .form>div>div:nth-child(2)>div:nth-child(2)>div>div span{
    color: #a2a2a2;
}
#services{

}
body[data-namespace="about_us"] .services{
    padding: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
body[data-namespace="about_us"] .services>div:first-child{
    -webkit-box-align: end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    width: 100%;
    margin-bottom: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
body[data-namespace="about_us"] .services>div:first-child{
    display: none;
}
body[data-namespace="about_us"] .services>div:first-child>div:first-child{
    display: none;
    margin-bottom: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
body[data-namespace="about_us"] .services>div:first-child>div:nth-child(2){
    font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
body[data-namespace="about_us"] .services>div:nth-child(2){
    padding-left: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin-bottom: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}

body[data-namespace="about_us"] .services .services_item .services_item_content{
	height: calc((75 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	min-height: calc((75 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	padding-left: calc((195 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	padding-right: calc((115 / ((var(--dw) / 100) * var(--cs))) * 1rem);

	transition: height 800ms;
	-webkit-transition: height 800ms;

    /*
    transition: height .6s cubic-bezier(.165,.84,.44,1);
    transition: height 700ms ease-in-out;
    */
}
body[data-namespace="about_us"] .services .services_item .services_item_content button{
    top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    right: calc((45 / ((var(
    --dw) / 100) * var(--cs))) * 1rem);
    width: calc((75 / ((var(
    --dw) / 100) * var(--cs))) * 1rem);
    height: calc((75 / ((var(
    --dw) / 100) * var(--cs))) * 1rem);
    position: absolute;
}
body[data-namespace="about_us"] .services .services_item .services_item_content button::after {
    background-color: #d8d8d8;
    width: calc((35 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
body[data-namespace="about_us"] .services .services_item .services_item_content button::before {
    background-color: #d8d8d8;
    width: calc((35 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
body[data-namespace="about_us"] .services .services_item .services_item_content>div:first-child{
    top: calc((22.5 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    left: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-size: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    color: #d8d8d8;
}
body[data-namespace="about_us"] .services .services_item .services_item_content>div:nth-child(2){
    margin-top: calc((27.5 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: calc((680 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    color: #f7f3f0;
}
body[data-namespace="about_us"] .services .services_item .services_item_content>div:nth-child(2)>div:nth-child(2) {
    margin-top: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    color: #d8d8d8; /* #a2a2a2 #f7f3f0 #D0523A */
    /* font-style: italic; */
    font-weight: bold;
}
body[data-namespace="about_us"] .services .services_item .services_item_content ul>li {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
body[data-namespace="about_us"] .services .services_item.has-open .services_item_content ul>li {
    transform: none !important;
    opacity: 1 !important;
}
body[data-namespace="about_us"] .services .services_item .services_item_content ul>li p {
    font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-transform: uppercase;
}
body[data-namespace="about_us"] .services .services_item .services_item_content ul>li p{
    margin-bottom: 1em;
}
body[data-namespace="about_us"] .services .services_item .services_item_content ul>li p:last-child{
    margin-bottom: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
body[data-namespace="about_us"] .services .services_item .services_item_content ul>li:last-child{
	margin-top: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);	
}
body[data-namespace="about_us"] .services .services_item .services_item_content ul>li:last-child {
    margin-bottom: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* calc((27.5 / ((var(--dw) / 100) * var(--cs))) * 1rem) */
	padding-bottom: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* calc((27.5 / ((var(--dw) / 100) * var(--cs))) * 1rem) */
}
body[data-namespace="about_us"] .services .services_item .services_item_content ul>li:last-child div{
    display: flex;
    flex-wrap: nowrap;
    isolation: isolate;
}
body[data-namespace="about_us"] .services .services_item .services_item_content ul>li:last-child div img{
    mix-blend-mode: plus-lighter;
    display: inline-flex;
    height: auto;
    vertical-align: top;
    width: 10%;
}
body[data-namespace="about_us"] .services .services_item .services_item_content .hover-reveal{
    top: calc((6 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    left: calc(21% - calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem));
}
body[data-namespace="about_us"] .hover-reveal {

    width: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}

/* --yup */
html.has-dom-animated body[data-namespace="about_us"] .services>div>div>div{
    /* transition-delay: 620ms; */
	pointer-events: all;
	transform: none;	
}
body[data-namespace="about_us"] .line_section>div,
body[data-namespace="about_us"] .is-inview .line_section>div{
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
}
html.has-dom-animated body[data-namespace="about_us"] .line_section>div,
html.has-dom-animated body[data-namespace="about_us"] .is-inview .line_section>div{
    transition-delay: 520ms;
    -webkit-transform: none;
    transform: none;
}
html.has-dom-animated body[data-namespace="about_us"] .services>div:first-child>div:nth-child(2)>div{
	pointer-events: all;
	transition-delay: 620ms;
	transform: none;	
}
html.has-dom-animated body[data-namespace="about_us"]  .services .services_item>div>div{
    transition-delay: 640ms;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	pointer-events: all;	
}
@media (max-width: 767px){
    body[data-namespace="about_us"] .hover-reveal {
        display: none;
    }
}
@media (min-width: 768px){
    /*
    body[data-namespace="about_us"] .services .line_section{
        --hover_duration: 0.5s;
    }
    body[data-namespace="about_us"] .services .line_section:after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: #d8d8d8;
        z-index: 10;
        position: absolute;
        top: 0;
        left: 0;

        will-change: transform;
        transition: transform var(--hover_duration);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
    }
    body[data-namespace="about_us"] .services>div:nth-child(2)>div:hover .line_section:after {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    */
    body[data-namespace="about_us"] .services .services_item .services_item_content button:hover,
    body[data-namespace="about_us"] .services .services_item:hover .services_item_content button {
        -webkit-transform: rotate3d(0, 0, 1, 10deg);
        transform: rotate3d(0, 0, 1, 10deg);
    }
    body[data-namespace="about_us"] .services .services_item.has-open .services_item_content button:hover,
    body[data-namespace="about_us"] .services .services_item.has-open:hover .services_item_content button {
        -webkit-transform: rotate3d(0, 0, 1, 35deg);
        transform: rotate3d(0, 0, 1, 35deg);
    }
    /*
    body[data-namespace="about_us"] .services .services_item:hover .services_item_content button {
        -webkit-transform: rotate3d(0, 0, 1, 10deg);
        transform: rotate3d(0, 0, 1, 10deg);
    }
    body[data-namespace="about_us"] .services .services_item.has-open:hover .services_item_content button {
        -webkit-transform: rotate3d(0, 0, 1, 35deg);
        transform: rotate3d(0, 0, 1, 35deg);
    }
    */
}
@media (max-width: 768px){
    body[data-namespace="about_us"] .services>div:nth-child(2) {
        margin-bottom: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content {
        height: calc((65 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        min-height: calc((65 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        padding-left: calc((135 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 165 */
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content>div:first-child {
        top: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 21 */
        left: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        font-size: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content>div:nth-child(2) {
        margin-top: calc((24 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        width: calc((680 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content ul>li:last-child {
        margin-top: calc((15 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content ul>li p {
        font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content>div:nth-child(2)>div:nth-child(2) {
        margin-top: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content button {
        top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        right: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        width: calc((65 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        height: calc((65 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content button::after {
        width: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);        
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content button::before {
        width: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
}
@media (max-width: 480px){
    body[data-namespace="about_us"] .services>div:nth-child(2) {
        margin-bottom: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content {
        height: calc((55 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        min-height: calc((55 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        padding-left: calc((95 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        padding-right: calc((95 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content>div:first-child{
        top: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        left: calc((27 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        font-size: calc((16 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content ul>li:last-child {
        margin-top: calc((15 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content>div:nth-child(2)>div:first-child {
        font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content>div:nth-child(2) {
        margin-top: calc((19.5 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 19 19.5 20 20.5 */
        width: calc((680 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content>div:nth-child(2)>div:nth-child(2) {
        margin-top: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        font-size: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content button {
        top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        right: calc((27 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        width: calc((55 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        height: calc((55 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content button::after {
        width: calc((18 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);        
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content button::before {
        width: calc((18 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        height: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content ul>li:last-child div img{
        width: 20%;
    }
    body[data-namespace="about_us"] .services .services_item .services_item_content ul>li:last-child div img:nth-last-child(even){ 
        /*  odd :nth-last-child(-n + 5) :nth-child(-n + 5) */
        display: none !important;
    }
}

/* video about us */
.about_us-video {
    border-radius: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about_us-video:before {
    border-radius: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    overflow: hidden;
    display: block;
    /*
    padding-bottom: 42.85714%;
    padding-bottom: calc(calc(100vw * .50) * .42857145);
    padding-bottom: calc(calc(100vw * .50) * .5625);
    padding-bottom: calc(calc(calc(50vw - calc(2 * calc((82 / ((var(--dw) / 100) * var(--cs))) * 1rem))) * .6666666667) * .5625);
    */
    padding-bottom: calc(calc(50vw * .6666666667) * .5625);
    width: 100%;
    content: "";
}
.about_us-video__video {
    position: absolute;
    top: -5%;
    bottom: -5%;
    right: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
}
.about_us-video__video video {
    object-fit: contain;
content: normal;
vertical-align: middle;
    width: 100%;
}
.about_us-video__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

    border-radius: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    overflow: hidden;
}
.about_us-video__video video source {
    display: block;
    width: 100%;
}
/* --yup */
html.has-dom-animated body[data-namespace="about_us"] .mask{
    transition-delay: 660ms;	
}

 @media (max-width: 768px){
    .about_us-video:before {
        padding-bottom: calc(calc(100vw * .83333) * .5625);
    }
 }
 @media (max-width: 480px){
    .about_us-video:before {
        padding-bottom: calc(calc(100vw * .90) * .5625);
    }
 }

/* --- */ 

.about_us>div>div:nth-child(2)>div:nth-child(1) {
    margin-top: calc((275 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    /*
    padding-top: calc((275 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    */
}
.about_us>div>div:nth-child(2)>div:nth-child(1)>div {
    /*
    padding-top: calc((275 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    */
}
@media (max-width: 768px){
    .about_us>div>div:nth-child(2)>div:nth-child(1) {
        margin-top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem) !important;
        padding-top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem) !important;
    }
    .about_us>div>div:nth-child(2)>div:nth-child(1)>div {
        padding-top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem) !important;
    }
}
@media (max-width: 480px){
    .about_us>div>div:nth-child(2)>div:nth-child(1) {
        margin-top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem) !important;
        padding-top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem) !important;
    }
    .about_us>div>div:nth-child(2)>div:nth-child(1)>div {
        padding-top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem) !important;
    }
}

/* --- */

.about_us>div>div:first-child>h1>div:first-child{
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.about_us>div>div:first-child>h1>div:first-child>div {
    text-align: left;
}

/* --- */