/* 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: 100vh;
  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;
	}
}

/* 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-dark body{
	--backgroundColor: #002f34;
	--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
}

.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 */
/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
@font-face {font-family: "Times New Roman"; src: url("//db.onlinewebfonts.com/t/19560807c484bbbfcd37de7a0011a829.eot"); src: url("//db.onlinewebfonts.com/t/19560807c484bbbfcd37de7a0011a829.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/19560807c484bbbfcd37de7a0011a829.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/19560807c484bbbfcd37de7a0011a829.woff") format("woff"), url("//db.onlinewebfonts.com/t/19560807c484bbbfcd37de7a0011a829.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/19560807c484bbbfcd37de7a0011a829.svg#Canela") format("svg"); }
*/

@font-face {
	font-family: "Times New Roman";
	src: url(https://aguirreaspe.es/assets/font/Times-New-Roman.ttf) format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Montserrat";
	src: url(https://aguirreaspe.es/assets/font/Montserrat-Light.ttf) format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: "Playfair Display";
	src: url(https://aguirreaspe.es/assets/font/PlayfairDisplay.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: "Playfair Display italic";
	src: url(https://aguirreaspe.es/assets/font/PlayfairDisplay-italic.ttf) format("truetype");
	font-weight: 400;
	font-style: italic;
	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: #024959;
    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: "Playfair Display",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: "Montserrat",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: #000000;
    text-align: center;
	opacity:1;
	visibility:visible;
	transition: opacity 800ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.load>div {
    text-transform: uppercase;
    font-family: "Times New Roman",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((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;
	/*
    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: all 800ms cubic-bezier(1, 0, 0.68, 1);
    transition: all 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;
    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-nav-open.has-theme-dark body .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((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);
	}
	.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((25 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		right: calc((33 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		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 {
    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: "Montserrat",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: "Playfair Display",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: "Montserrat",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>div{
    text-transform: uppercase;
    font-family: "Montserrat",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(100%);
    transform: translateY(100%);
	transition: transform 400ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.navigator>div .navigator_content>div>a{
    -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);
}
.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>div>a:hover {
    letter-spacing: .07vw;
    color: #ee312f;
}
.navigator>div .navigator_content>a{
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 50%;
    top: 0;
    -webkit-transform: translateY(105%) translateX(-50%);
    transform: translateY(105%) translateX(-50%);
    height: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.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;
	}
}
@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);
	}
}

/* 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: "Montserrat",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;
}
@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);
	}
}
@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);
	}
}

/* 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((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	padding-bottom: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	min-height: calc(var(--vh, 1vh) * 100);
	text-transform: uppercase;
	text-align: center;
	font-family: "Playfair Display",Arial,Helvetica,sans-serif;
	font-size: calc((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	letter-spacing: calc((3 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	font-weight: 300;
	line-height: 1.25em;
}
.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) {
    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((200 / ((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 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 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: calc((250 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 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, 100%, 0);
    transform: translate3d(0, 100%, 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 .--yup:first-child{
	transition-delay: 520ms;
}
html.has-dom-animated .--yup:nth-child(2){
	transition-delay: 620ms;
}
html.has-dom-animated .--yup:nth-child(3){
	transition-delay: 720ms;
}
html.has-dom-animated .--yup:first-child{
	-webkit-transform: none;
    transform: none;
	pointer-events: all;
}
@media (min-width: 768.01px) and (orientation: portrait) {
	.home .home-image>div {
		margin-top: calc((270 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.home .home-title:last-child {
		bottom: calc((270 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}	
}
@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((170 / ((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) {
		margin-top: calc((-20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.home .home-title:first-child {
		top: 0vh;
	}
	.home .home-title:last-child {
		bottom: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@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((82 / ((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: calc(-1 * calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem));
	}
	.home .home-title:last-child {
		bottom: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}

/* 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);
}

/* 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((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-transform: uppercase;
    font-family: "Playfair Display",Arial,Helvetica,sans-serif;
    font-size: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
}
.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;
}
@-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)}}
@media (max-width: 768px){
	.phrase {
		font-size: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-bottom: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
@media (max-width: 480px){
	.phrase {
		font-size: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		padding-top: calc((30 / ((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((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-bottom: calc((100 / ((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: "Montserrat",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((100 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin-bottom: calc((70 / ((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:first-child>div:nth-child(4) {
    text-align: start;
    text-transform: uppercase;
    margin-bottom: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-family: "Playfair Display",Arial,Helvetica,sans-serif;
    font-size: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.1;
    font-weight: 300;
}
.about>div>div>div:first-child>div:nth-child(4)>div {
    overflow: hidden;
}
.about>div>div>div:first-child>div:nth-child(4)>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:first-child>div:nth-child(4)>div>div{
    transition-delay: 500ms;
}
.about.is-inview>div>div>div:first-child>div:nth-child(4)>div>div{
    -webkit-transform: none;
    transform: none;
}
.about>div>div>div:first-child>div:nth-child(3) {
    margin-bottom: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-align: start;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.7;
    font-weight: 300;
    color: #1f1f1f;
}
.about>div>div>div:first-child>div:nth-child(3)>div {
    overflow: hidden;
}
.about>div>div>div:first-child>div:nth-child(3)>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:first-child>div:nth-child(3)>div>div{
    transition-delay: 700ms;
}
.about.is-inview>div>div>div:first-child>div:nth-child(3)>div>div{
    -webkit-transform: none;
    transform: none;
}
.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: "Playfair Display",Arial,Helvetica,sans-serif;
    font-size: calc((30 / ((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((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-align: start;
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: calc((23 / ((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((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((50 / ((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);
		margin-bottom: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:first-child>div:nth-child(2){
		display: none!important;			
		margin-top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((501 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		left: calc((245 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((337 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:first-child>div:nth-child(4) {
		margin-bottom: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:nth-child(2)>div:first-child>div:first-child{
		font-size: calc((77 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-top: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((50 / ((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((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:nth-child(2)>div:nth-child(2){
		margin-top: calc((30 / ((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);
		margin-bottom: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:first-child>div:nth-child(2){
		display: none!important;
		height: calc((371 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		left: calc((116 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((250 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:first-child>div:nth-child(4) {
		margin-bottom: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:nth-child(2)>div:first-child>div:first-child{
		font-size: calc((49 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-top: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-bottom: calc((30 / ((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((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.about>div>div>div:nth-child(2)>div:nth-child(2){
		margin-top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: calc((251 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((335 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
}
/* add is-mobile */
.about>div>div>div:nth-child(2)>div:first-child>div:first-child>div>div>div:first-child{
	text-align: justify;
}
.about>div>div>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:first-child{
	text-align: justify;	
}
.about>div>div>div:first-child>div:nth-child(3)>div>div:first-child{
	text-align: justify;	
}
.about>div>div>div:first-child>div:nth-child(4)>div>div:first-child{
	text-align: justify;	
}
.about>div>div>div:nth-child(2)>div:first-child>div:first-child>div>div>div:nth-child(2){
		display: none;
}
.about>div>div>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:nth-child(2){
		display: none;	
}
.about>div>div>div:first-child>div:nth-child(3)>div>div:nth-child(2){
		display: none;	
}
.about>div>div>div:first-child>div:nth-child(4)>div>div:nth-child(2){
		display: none;		
}
@media (max-width: 768px){
.about>div>div>div:nth-child(2) {
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
	
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column-reverse;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.about>div>div>div:nth-child(2)>div:first-child>div:first-child>div>div>div:first-child{
	display: none;
	text-align: inherit;
}
.about>div>div>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:first-child{
	display: none;	
	text-align: inherit;
}
.about.is-inview>div>div>div:first-child>div:nth-child(3)>div>div:first-child{
	display: none;
	text-align: inherit;
}
.about.is-inview>div>div>div:first-child>div:nth-child(4)>div>div:first-child{
	display: none;
text-align: inherit;	
}
.about>div>div>div:nth-child(2)>div:first-child>div:first-child>div>div>div:nth-child(2){
	font-family: "Montserrat",Arial,Helvetica,sans-serif;
	text-transform: none;
	display: block;
	font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about>div>div>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:nth-child(2){
		font-family: "Playfair Display",Arial,Helvetica,sans-serif;
		text-transform: uppercase;
		display: block;
		font-size: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about>div>div>div:first-child>div:nth-child(3)>div>div:nth-child(2){
		font-family: "Playfair Display",Arial,Helvetica,sans-serif;
		text-transform: uppercase;
		display: block;
		font-size: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about>div>div>div:first-child>div:nth-child(4)>div>div:nth-child(2){
	font-family: "Montserrat",Arial,Helvetica,sans-serif;
	text-transform: none;
	display: block;
	font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
}
@media (max-width: 480px){
.about>div>div>div:nth-child(2) {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column-reverse;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.about>div>div>div:nth-child(2)>div:first-child>div:first-child>div>div>div:first-child{
	display: none;
	text-align: inherit;
}
.about>div>div>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:first-child{
	display: none;	
	text-align: inherit;
}
.about.is-inview>div>div>div:first-child>div:nth-child(3)>div>div:first-child{
	display: none;
	text-align: inherit;
}
.about.is-inview>div>div>div:first-child>div:nth-child(4)>div>div:first-child{
	display: none;
	text-align: inherit;	
}
.about>div>div>div:nth-child(2)>div:first-child>div:first-child>div>div>div:nth-child(2){
	font-family: "Montserrat",Arial,Helvetica,sans-serif;
	text-transform: none;
	display: block;
	font-size: calc((16 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about>div>div>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:nth-child(2){
		font-family: "Playfair Display",Arial,Helvetica,sans-serif;
		text-transform: uppercase;
		display: block;
		font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about>div>div>div:first-child>div:nth-child(3)>div>div:nth-child(2){
		font-family: "Playfair Display",Arial,Helvetica,sans-serif;
		text-transform: uppercase;
		display: block;
		font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about>div>div>div:first-child>div:nth-child(4)>div>div:nth-child(2){
	font-family: "Montserrat",Arial,Helvetica,sans-serif;
	text-transform: none;
	display: block;
	font-size: calc((16 / ((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((100 / ((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: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: var(--text-change-color);
}
.services>div:first-child>div:nth-child(2){
    display: block;
    text-transform: uppercase;
    font-family: "Playfair Display",Arial,Helvetica,sans-serif;
    font-size: calc((100 / ((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((30 / ((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((260 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    min-height: calc((260 / ((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 .5s cubic-bezier(0.47, 1.87, 0.68, 0.99);
    -webkit-transition: height .5s 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 cubic-bezier(0.47, 1.87, 0.68, 0.99);
	transition: transform .5s cubic-bezier(0.47, 1.87, 0.68, 0.99);
    -webkit-transform: rotate3d(0, 0, 0, 0);
    transform: rotate3d(0, 0, 0, 0);
    top: calc((85 / ((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: var(--text-change-color);
    display: block;
    width: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((5 / ((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: var(--text-change-color);
    display: block;
    width: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    height: calc((5 / ((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: "Playfair Display",Arial,Helvetica,sans-serif;
    font-size: calc((98 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #ee312f;
}
.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: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: calc((30 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: var(--text-change-color);
}
.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: #ee312f;
    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.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;
}
html.has-theme-dark body .services .services_item .services_item_content ul>li::before {
    background-color: #d8d8d8;
}
.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((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services>div:first-child {
		margin-bottom: calc((85 / ((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((152 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((152 / ((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((69 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content>div:nth-child(2){
		font-size: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-top: calc((70 / ((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)>div:nth-child(2){
		font-size: calc((16 / ((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 button{
		top: calc((70 / ((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: 480px){
	.services {
		padding-top: calc((50 / ((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((49 / ((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 .services_item .services_item_content{
		min-height: calc((97 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((97 / ((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((36 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.services .services_item .services_item_content>div:nth-child(2){
		margin-top: calc((35 / ((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::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((35 / ((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 {
	position: relative;
}
.contact {
    padding-left: calc((75 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-right: calc((75 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-top: calc((70 / ((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: "Montserrat",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;
}
.contact>div:first-child .title_section{
    text-transform: uppercase;
    font-family: "Playfair Display",Arial,Helvetica,sans-serif;
    font-size: calc((100 / ((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((76 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((50 / ((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: #f7f3f0;
    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: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
    color: #024959;
}

/* 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: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: calc((23 / ((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;
}
.contact_info a img{
	position: relative;
    display: inline-flex;
    height: calc((23 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	margin-right: calc((12 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: auto;
    image-rendering: auto;	
}
@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: #f7f3f0;
}
@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((35 / ((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((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact>div:nth-child(3) {
		width: 100%;
		margin: calc((55 / ((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((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact_info>div {
		padding-top: 0;
		margin-bottom: calc((30 / ((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((119 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		height: calc((119 / ((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((16 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		width: 60%;
	}
	.contact_info>div {
		margin-bottom: calc((35 / ((var(--dw) / 100) * var(--cs))) * 1rem);
	}
	.contact_info>div:last-child {
		margin-bottom: calc((35 / ((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);
	}
	.contact_info a img {
		height: calc((16 / ((var(--dw) / 100) * var(--cs))) * 1rem);
		margin-right: calc((6 / ((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: 768.01px) and (orientation: portrait){
	.horizon{
		top: calc(70vh - 3.75rem);
	}
}
@media (max-width: 768px){
	.horizon{
		top: calc(70vh - 3.75rem);
	}
}
@media (max-width: 480px){
	.horizon{
		top: calc(50vh - 3.75rem);
	}
}
/* footer */
.footer {
    width: 100%;
    padding-top: calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding-bottom: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-transform: uppercase;
    font-family: "Montserrat",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: calc((60 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}

@media (max-width: 768px){
	.footer {
		padding: calc((40 / ((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);
	}
	.footer>div>div .footer_content a:nth-child(2){
	    padding-right: 0;
	}
}
/* 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;
}
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: "Montserrat",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;
}
.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;
}
.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: "Montserrat",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: #ee312f;
    background-size: 400%;
	z-index: -1;
}
@media (min-width: 768px){
	.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);
	}
}