:root {
 --bs-gutter-x: 20px;
 --bs-gutter-y: 20px;
 --font-primary: 'Inter', sans-serif;
 --color-dark-1: #000000;
 --color-dark-2: #181818;
 --color-dark-3: #333333;
 --color-dark-4: #555555;
 --color-light-1: #ffffff;
 --color-light-2: #fafafa;
 --color-light-3: #f8f8f8;
 --color-light-4: #f2f2ed;
 --color-gray-1: #b0b0b0;
 --color-gray-2: #cccccc;
 --color-gray-3: #888888;
 --color-gray-4: #e8e8e8;
 --color-portfolio-1: #f6f6f1;
 --color-portfolio-2: #f1f1f1;
 --color-portfolio-3: #f1f6f6;
 --color-portfolio-4: #d7d7d9;
 --color-portfolio-5: #dededb;
 --color-portfolio-6: #f7f6f3;
 --color-portfolio-7: #f0f0f0;
 --color-portfolio-8: #eaeaea;
 --color-portfolio-9: #f1f0f0;
 --color-portfolio-10: #eeece6;
 --color-portfolio-11: #fbf7f6;
 --color-portfolio-12: #e9eaec;
 --color-portfolio-13: #ffffff;
 --color-portfolio-14: #e8e5de;
 --color-portfolio-15: #f4f4f0;
 --color-portfolio-16: #e4ecea;
 --color-portfolio-17: #f0eef0;
 --color-portfolio-18: #f6f6f1;
 --color-portfolio-19: #ebebee;
 --color-portfolio-20: #f7f4ef;
 --color-border-dark: rgba(136, 136, 136, .3);
 --color-border-light: rgba(136, 136, 136, .3);
 --xxl-max-font-size: 126;
 --xxl-min-font-size: 54;
 --xxl-line-height: 1.0;
 --xxl-letter-spacing: -4;
 --xxl-color-dark: #555555;
 --xxl-color-light: #ffffff;
 --xl-max-font-size: 102;
 --xl-min-font-size: 46;
 --xl-line-height: 1.18;
 --xl-letter-spacing: -2;
 --xl-color-dark: #555555;
 --xl-color-light: #ffffff;
 --h1-max-font-size: 80;
 --h1-min-font-size: 40;
 --h1-line-height: 1.20;
 --h1-letter-spacing: -1;
 --h1-color-dark: #555555;
 --h1-color-light: #ffffff;
 --h2-max-font-size: 42;
 --h2-min-font-size: 28;
 --h2-line-height: 1.28;
 --h2-letter-spacing: 0;
 --h2-color-dark: #555555;
 --h2-color-light: #ffffff;
 --h3-max-font-size: 32;
 --h3-min-font-size: 24;
 --h3-line-height: 1.5;
 --h3-letter-spacing: 0;
 --h3-color-dark: #555555;
 --h3-color-light: #ffffff;
 --h4-max-font-size: 20;
 --h4-min-font-size: 18;
 --h4-line-height: 1.8;
 --h4-letter-spacing: 0;
 --h4-color-dark: #555555;
 --h4-color-light: #ffffff;
 --h5-max-font-size: 18;
 --h5-min-font-size: 16;
 --h5-line-height: 1.8;
 --h5-letter-spacing: 0;
 --h5-color-dark: #555555;
 --h5-color-light: #ffffff;
 --h6-max-font-size: 16;
 --h6-min-font-size: 14;
 --h6-line-height: 1.8;
 --h6-letter-spacing: 0;
 --h6-color-dark: #555555;
 --h6-color-light: #ffffff;
 --subheading-max-font-size: 13;
 --subheading-min-font-size: 10;
 --subheading-line-height: 1.0;
 --subheading-letter-spacing: 2;
 --subheading-color-dark: #555555;
 --subheading-color-light: #b0b0b0;
 --paragraph-max-font-size: 16;
 --paragraph-min-font-size: 16;
 --paragraph-line-height: 1.8;
 --paragraph-letter-spacing: 0;
 --paragraph-color-dark: #555555;
 --paragraph-color-light: #ffffff;
 --blockquote-max-font-size: 24;
 --blockquote-min-font-size: 16;
 --blockquote-letter-spacing: 0;
 --blockquote-color-dark: #555555;
 --blockquote-color-light: #ffffff;
 --dropcap-max-font-size: 90;
 --dropcap-min-font-size: 60;
 --dropcap-color-dark: #111111;
 --dropcap-color-light: #ffffff;
 --distance-min-xsmall: 10;
 --distance-min-small: 20;
 --distance-min-medium: 50;
 --distance-min-large: 50;
 --distance-min-xlarge: 90;
 --distance-max-xsmall: 60;
 --distance-max-small: 80;
 --distance-max-medium: 100;
 --distance-max-large: 160;
 --distance-max-xlarge: 240;
 --gutter-horizontal: 120px;
 --gutter-vertical: 100px
}
@media screen and (max-width: 1400px) {
 :root {
  --gutter-horizontal: 80px;
  --gutter-vertical: 60px
 }
}
@media screen and (max-width: 1280px) {
 :root {
  --gutter-horizontal: 60px;
  --gutter-vertical: 40px
 }
}
@media screen and (max-width: 991px) {
 :root {
  --gutter-horizontal: 20px;
  --gutter-vertical: 20px
 }
}
/* Browser Resets */
.mos-img img {display: none !important;}
.mos-img {margin: 1em 0;}
/*** Main Styles ***/
#sts-main {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#sts-main.sts-no-transition * {
	transition:all 0s ease 0s !important;
}
.sts-pause-wrap {
	position:relative;
	overflow:hidden;
}
.sts-counter {
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sts-counter:after {
	content:attr(style)
}
.sts-section {
	height:100vh;
	width:100%;
	position:relative;
}
.sts-perspective-1000 {
	perspective:1000px
}
.sts-height-auto {
	height:auto !important;
}

/*** 3D Cube Styles ***/
.sts-cube {
	font-size: 100px;
	width: 2em;
	height: 2em;
	transform-style: preserve-3d;
	position:relative;
	transform: rotateX(0deg) rotateY(0deg);
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	display:inline-block;
	vertical-align:bottom;
	margin: 0 20px;
}
.sts-cube_side {
	position: absolute;
	width: 2em;
	height: 2em;
	background-color:#5393CC;
	border: 0;
	color: white;
	text-align: center;
	line-height: 2em;
}
.sts-cube_front {
	transform: translateZ(1em);
	filter:brightness(110%)
}
.sts-cube_top {
	transform: rotateX( 90deg) translateZ(1em);
	filter:brightness(130%)
}
.sts-cube_right {
	transform: rotateY( 90deg) translateZ(1em);
	filter:brightness(90%)
}
.sts-cube_left {
	transform: rotateY(-90deg) translateZ(1em);
	filter:brightness(120%)
}
.sts-cube_bottom {
	transform: rotateX(-90deg) translateZ(1em);
}
.sts-cube_back {
	transform: rotateY(-180deg) translateZ(1em);
	filter:brightness(110%)
}
.sts-cube_text {
	font-size:30px;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	padding:10px;
	transform:translateY(-50%);
	line-height:1.2em;
}

/*** 3D Bar Chart Styles ***/
.sts-bar {
	width: 2em;
	height: 2em;
	transform-style: preserve-3d;
	position:relative;
	transform: rotateX(0deg) rotateY(0deg);
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	display:inline-block;
	margin: 0 0.2em;
	vertical-align:bottom;
}
.sts-bar_side {
	position: absolute;
	width: 2em;
	height: 2em;
	border: 0;
	color: white;
	text-align: center;
	background-color:#5393CC;
}
.sts-bar_size {
	height: 100%;
}
.sts-bar_front {
	transform:                  translateZ(1em);
	filter:brightness(110%)
}
.sts-bar_top {
	transform: rotateX( 90deg) translateZ(1em);
	filter:brightness(130%)
}
.sts-bar_right {
	transform: rotateY( 90deg) translateZ(1em);
	filter:brightness(90%)
}
.sts-bar_left {
	transform: rotateY(-90deg) translateZ(1em);
	filter:brightness(120%)
}
.sts-bar_bottom {
	transform: rotateX(-90deg) translateZ(1em);
}
.sts-bar_back {
	transform: rotateY(-180deg) translateZ(1em);
	filter:brightness(110%)
}
.sts-bar-help {
	height: 100%;
	display: inline-block;
	vertical-align: bottom;
	width: 0;
	position: relative;
}
.sts-bar:after {
	content:'';
	width:200%;
	padding-top:200%;
	background-color:#003;
	border-radius:50%;
	position:absolute;
	bottom:0;
	left:50%;
	opacity:0.05;
	filter:blur(20px);
	transform:translateY(50%) translateX(-50%) rotateX(90deg);
}
.sts-bar:before {
	content:'';
	width:150%;
	padding-top:150%;
	background-color:#003;
	border-radius:50%;
	position:absolute;
	bottom:0;
	left:50%;
	opacity:0.1;
	filter:blur(20px);
	transform:translateY(50%) translateX(-50%) rotateX(90deg);
}
.sts-bar-label {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 0.4em;
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	width:2em;
	position:relative;
	transform: translateZ(0px);
}
.sts-bar-label-content {
	position:absolute;
	left:0;
	bottom:100%;
	top:auto;
	width:100%;
	font-size:30px;
	font-weight:700;
	line-height:30px;
}
.sts-bar-label-left {
	text-align:right;
}
.sts-bar-label-right {
	text-align:left;
}
.sts-bar-label-top {
	margin-right:-2.4em;
}
.sts-bar-label-top .sts-bar-label-content {
	margin-bottom:10px;
}
.sts-bar-label-bottom {
	margin-right:-2.4em;
}
.sts-bar-label-bottom .sts-bar-label-content {
	margin-top:20px;
	bottom:auto;
	top:100%;
}
.sts-bar-container {
	display:inline-block;
	font-size:50px;
	position: relative;
	text-align: center;
	height:30vh;
	transform: rotateX(-13deg) rotateY(-20deg);
	transform-origin: center center 0;
	transform-style: preserve-3d;
	transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sts-bar-container-size {
	height:30vh
}


.sts-frame-wrap {
	overflow:hidden;
	position:relative;
	height:0;
}
html,
body {
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
}
* {
    font-smoothing: antialiased;
   /* backface-visibility: hidden;*/
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    user-drag: none;
    tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-scrolling: touch;
    touch-callout: none;
}

.custom-padd-50 {padding: 50px;}
.custom-padd-30 {padding: 30px;}
.custom-bg-size-w-150 {background-size:150% auto;}
.custom-bg-size-h-150 {background-size:auto 150%;}
.custom-bg-size-cover {background-size:cover}
.custom-bg-pos-center { background-position:50% 50%;}
.custom-bg-color-magenta { background-color:#C6F}
.custom-bg-color-blue {background-color:#0CF}
.custom-bg-color-orange {background-color:#F93}
.custom-bg-color-green {background-color:#ABD979}
.custom-bg-color-black {background-color:#000}
.custom-bg-color-gray { background-color:#f1f1f1;}
.custom-bg-color-white { background-color:#fff;}

.custom-progress { position:absolute; left:0; top:0; height:3px; background-color:#39F;}
.custom-box-200 {width:200px; height:200px;position:relative}
.custom-box-300 {width:300px;height:300px;position:relative}
.custom-box-30p {width:30vw; height:30vw;}
.custom-w-100 { position:relative; width:100vw;}
.custom-h-100 { position:relative; height:100vh;}
.custom-h-90 { position:relative; height:90vh;}
.custom-h-80 { position:relative; height:80vh;}
.custom-h-70 { position:relative; height:70vh;}
.custom-h-60 { position:relative; height:60vh;}
.custom-h-50 { position:relative; height:50vh;}
.custom-w-20 { position:relative; width:20% ;}
.custom-h-20 { position:relative; height:20vh !important;}
.custom-w-30 { position:relative; width:30% ;}
.custom-h-30 { position:relative; height:30vh !important;}
.custom-w-40 { position:relative; width:40% ;}
.custom-h-40 { position:relative; height:40vh !important;}
.custom-w-50 { position:relative; width:50% ;}
.custom-h-50 { position:relative; height:50vh !important;}
.custom-w-60 { position:relative; width:60% ;}
.custom-h-60 { position:relative; height:60vh !important;}
.custom-w-70 { position:relative; width:70% ;}
.custom-h-70 { position:relative; height:70vh !important;}
.custom-w-80 { position:relative; width:80% ;}
.custom-h-80 { position:relative; height:80vh !important;}
.custom-w-50p { position:relative; width:50% !important ;}
.custom-h-50p { position:relative; height:50%;}
.custom-wh-100 { position:relative; width:100vw; height:100vh;}
.custom-pos-top { position:absolute; top:0; left:0;}
.custom-pos-bottom { position:absolute; bottom:0; left:0;}
.custom-color-white {color:#fff;}
.custom-transition-500 { transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}
.custom-transition-300 { transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}
.custom-transition-700 { transition: 0.7s cubic-bezier(1.000, 0.000, 0.000, 1.000)}

.custom-size-30 {font-weight:700; font-size:30px}
.custom-title-1 {font-size:2em; margin-bottom: 0.6em;}
.custom-float-left { float:left;}
.custom-float-right { float:right;}
.custom-clearfix:after {
    content:" ";
    display:table;
    clear:both;
}

.main-circle {
margin-top: 22vh;
position: absolute;
right: -65vw;
overflow: hidden;
width: 400px;
height: 400px;
-webkit-clip-path: circle();
   -moz-clip-path: circle();
        clip-path: circle();
background: #14171b;
-webkit-pointer-events: auto;
   -moz-pointer-events: auto;
        pointer-events: auto;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
object-fit: cover;
z-index: 1001;
}
.main-circle .center-container {
    position: absolute;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    background: none;
}
.main-circle .center-block {
    display: table-cell;
    vertical-align: middle;
}
.main-circle .the-button-wrapper.the-button-wrapper-home {
    margin: -4px auto 0 auto;
    text-align: center;
}
.main-circle .the-button-wrapper {
    width: 205px;
    margin: -4px 0 0 7px;
}
.main-circle .the-button-wrapper {
    position: relative;
    width: 220px;
    height: auto;
    line-height: 1.5;
    margin: -7px 0 0 7px;
    padding: 0;
    left: 0;
    text-align: center;
    cursor: pointer;
}
.main-circle .inner-divider-half {
    height: 30px;
    width: 100%;
    margin: 0 auto;
    background: none;
    z-index: -1;
}

.main-circle .the-button {
position: relative;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.10em;
color: #987d5f;
background: none;
padding: 10px 40px 0 40px;
margin-top: 10px;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
    -ms-border-radius: 0;
     -o-border-radius: 0;
        border-radius: 0;
}

@media all and (min-width: 1920px) {
 .main-circle .the-button {
    font-size: 12px;
    letter-spacing: 0.25em;
  }
}

@media only screen and (max-width: 640px) {
  .main-circle .the-button {
    font-size: 10px;
	letter-spacing: 0.10em;
  }
}

.main-circle .the-button.the-button-details {
font-size: 10px;
letter-spacing: 0.10em;
}

.main-circle .the-button:hover:before,
.main-circle .the-button.the-button-details:hover:before {
width: 100%;
}

.main-circle .the-button:hover:after,
.main-circle .the-button.the-button-details:hover:after {
width: 100%;
}

.main-circle .the-button::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #987d5f;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

@media all and (min-width: 1920px) {
  .main-circle .the-button::before {
    width: 20px;
    height: 47px;
	top: -5px;
  }
}

@media only screen and (max-width: 640px) {
  .main-circle .the-button::before {
    width: 15px;
	height: 38px;
	top: -2px;
  }
}

.main-circle .the-button.the-button-details::before {
width: 15px;
height: 38px;
top: -2px;
}

.main-circle .the-button::after {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
right: -6px;
border: 1px solid #987d5f;
border-left: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;  
}

@media all and (min-width: 1920px) {
  .main-circle .the-button::after {
    width: 20px;
    height: 47px;
	top: -5px;
  }
}

@media only screen and (max-width: 640px) {
  .main-circle .the-button::after {
    width: 15px;
	height: 38px;
	top: -2px;
  }
}
.main-circle h1.home-page-title {
    font-size: 95px;
    bottom: -3px;
}
.main-circle h1.home-page-title {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.04em;
    line-height: 1;
    margin: 0 auto;
    bottom: -2px;
    z-index: 1;
}
@media all and (min-width: 1920px) {
  .main-circle {
    width: 550px;
    height: 550px;
  }
}

@media only screen and (max-width: 1200px) {
  .main-circle {
    width: 400px;
    height: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .main-circle {
    width: 300px;
    height: 300px;
  }
}

.main-circle-wrapper {
position: fixed;
width: 100%;
height: 100%;
z-index: 1; 
}

.main-circle-animation {
position: fixed;
width: 100%;
height: 100%;
fill: none;
stroke-dasharray: 1;
stroke-width: 0.25;
stroke: #777;	
-webkit-animation: spin 23s linear infinite;
   -moz-animation: spin 23s linear infinite;
    -ms-animation: spin 23s linear infinite;
     -o-animation: spin 23s linear infinite;
        animation: spin 23s linear infinite;	
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
z-index: 0;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.custom-pos-center {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:95%;
	text-align:center;
}
.custom-pos-tops {
	position:absolute;
	top:10%;
	left:50%;
	transform:translate(-50%, -10%);
	max-width:95%;
	text-align:center;
}
.custom-label-text {
	font-size:16px;
	font-weight:400;
	line-height:16px;
}
.custom-text-effect-1 {
	overflow:hidden;
	position:relative;
	white-space:;
	display:block;
	text-indent:-3000%;
	transition: 0s linear 0.4s

}
.custom-text-effect-1:before {
	content:'';
	position:absolute;
	left:-100%;
	top:0%;
	border:0;
	border-top-width:1000px;
	border-top-style:solid;
	width:100%;
	height:100%;
	opacity:1;
	transform:translateZ(0);
	transition: 0.9s cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.sts-section-over .custom-text-effect-1, .sts-section-paused .custom-text-effect-1 {
	text-indent:0;
}
.sts-section-over .custom-text-effect-1:before, .sts-section-paused .custom-text-effect-1:before {
	left:100%;
}
.custom-overflow {
	overflow:hidden;
}

.custom-sts-code {
	border:1px solid rgba(0,0,0,0.1);
	margin:30px auto 0 !important;
	max-width:100% !important;
	opacity:0.9;
}
.custom-scrolldown {
	padding-top:10vh;
}
.custom-scrolldown div {
	font-size:50px;
	opacity:0.3;
}

.custom-title-wrap {
	margin-top:20vh;
	margin-bottom:10vh;
}
.custom-chart-size {
	font-size:40px;
}
.custom-content-item {
width: 42%;
margin: 5vh 2.1vw;
height:auto;
display:inline-block;
vertical-align:top;
white-space:normal;
}

.custom-content-items {
    width: 40vw;
    margin: 0;
    height: auto;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    border-right: 1px solid var(--color-border-dark);
     transition:all 0.4s ease-in-out
}
.custom-content-items:hover {
    opacity: 1;
}
@media (max-width:968px) {
.custom-content-items {
width: 55vw !important;
}
.main-circle {
right: -75vw;
}
}
@media (max-width:568px) {
.custom-content-items {
width: 90vw !important;
}
.main-circle {
right: -85vw;
}
}
.custom-content-items_title {
width: 50vw;
font-family: 'Adver Gothic', sans-serif;
margin-top: 20vh;
height:auto;
font-size: 7vw;
display:inline-block;
vertical-align:top;
white-space:normal;
color: #fff;
text-shadow: 2px 2px 2px #000000;
text-align:center;
}
.block1, .block2, .block3{
position: relative;
}
.custom-scroll-wrap-v {
text-align:center;
}
.custom-scroll-wrap-v .custom-content-item:nth-child(odd) {
transform:translateY(30%);
}
.custom-scroll-wrap-h {
white-space:nowrap;
}

.custom-caption {
	position:absolute;
	z-index:40;
	right:10vw;
	bottom:10vh;
	color:#fff;
	padding:30px 0;
	text-decoration:none !important;
}
.custom-pos-center-fixed {
	width:100vw;
	height:100vh;
	text-align:center;
	line-height:100vh;
}

@media (max-width:768px) {
.custom-w-50 { position:relative; width:100% !important;}
 }
 
.container-fluid {
 padding-left:var(--gutter-horizontal, 120);
 padding-right:var(--gutter-horizontal, 120)
}
.container-fluid_default {
 padding-left:25px;
 padding-right:25px
}
.custom-content-items .button {
 position:relative;
 display:inline-block;
 font-size:20px;
 line-height:1;
 font-weight:700;
 white-space:nowrap;
 cursor:pointer;
 box-shadow:none;
 border-width:2px;
 border-style:solid;
 padding:12px 32px;
 border-radius:96px;
 color:var(--color-dark-4);
 transition:all 0.2s ease-in-out;
 transition-property:color, background-color, border-color
}
.custom-content-items .button:focus {
 outline:none
}
.custom-content-items .button:hover .button__label-normal .button__title {
 transform:translate(0%, -100%);
 opacity:0
}
.custom-content-items .button:hover .button__label-normal .button__icon {
 opacity:0;
 transform:translate(100%, 0%)
}
.custom-content-items .button:hover .button__label-hover .button__title {
 transform:translate(0%, 0%);
 opacity:1
}
.custom-content-items .button:hover .button__label-hover .button__icon {
 opacity:1;
 transform:translate(0%, 0%)
}

.button__label-hover {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%)
}
.button__label-hover .button__title {
 transform:translate(0%, 100%);
 opacity:0
}
.button__label-hover .button__icon {
 transform:translate(-100%, 0%);
 opacity:0
}
.button__label-normal .button__title {
 transform:translate(0%, 0%);
 opacity:1
}
.button__title {
 display:inline-block;
 transition:transform 0.2s ease-in-out, opacity 0.2s ease-in-out
}
.button__label {
 display:block;
 padding:18px 42px
}
.button__icon {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 transition:transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
 font-size:75%
}

.button_fullwidth {
 width:100%
}
.button-fullwidth .custom-content-items .button {
 width:100%
}
@media screen and (max-width: 1280px) {
 .custom-content-items .button {
  padding:16px 32px
 }
 .button__label {
  padding:16px 32px
 }
}
@media screen and (max-width: 991px) {
 .custom-content-items .button {
  padding:16px 30px
 }
 .button__label {
  padding:16px 30px
 }
 .button__icon i {
  font-size:20px
 }
}
.button.button_bordered {
 background-color:unset;
 color:var(--color-dark-1);
 border-width:1px;
 border-style:solid
}
.button.button_bordered:hover {
 color:#fff;
 background-color:var(--color-dark-1)
}
.button.button_solid {
 border-color:transparent;
 color:var(--color-gray-3)
}
.button.button_solid.bg-dark-1 {
 color:#fff;
 background-color:var(--color-dark-1)
}
.button.button_solid.bg-dark-2 {
 color:#fff;
 background-color:var(--color-dark-2)
}
.button.button_solid.bg-dark-3 {
 color:#fff;
 background-color:var(--color-dark-3)
}
.button.button_solid.bg-dark-4 {
 color:#fff;
 background-color:var(--color-dark-4)
}
.button.button_solid.bg-light-1 {
 background-color:var(--color-light-1);
 color:var(--color-dark-1)
}
.button.button_solid.bg-light-2 {
 background-color:var(--color-light-2);
 color:var(--color-dark-1)
}
.button.button_solid.bg-light-3 {
 background-color:var(--color-light-3);
 color:var(--color-dark-1)
}
.button.button_solid.bg-light-4 {
 background-color:var(--color-light-4);
 color:var(--color-dark-1)
}
.button.button_solid.bg-white-1 {
 background-color:var(--color-border-light);
 color:var(--color-dark-1)
}
.button.button_solid.bg-gray-1 {
 background-color:var(--color-gray-1)
}
.button.button_solid.bg-gray-2 {
 background-color:var(--color-gray-2)
}
.button.button_solid.bg-gray-3 {
 background-color:var(--color-gray-3)
}

.bg-portfolio-1 {
 background-color:var(--color-portfolio-1)
}
.bg-portfolio-2 {
 background-color:var(--color-portfolio-2)
}
.bg-portfolio-3 {
 background-color:var(--color-portfolio-3)
}
.bg-portfolio-4 {
 background-color:var(--color-portfolio-4)
}
.bg-portfolio-5 {
 background-color:var(--color-portfolio-5)
}
.bg-portfolio-6 {
 background-color:var(--color-portfolio-6)
}
.bg-portfolio-7 {
 background-color:var(--color-portfolio-7)
}
.bg-portfolio-8 {
 background-color:var(--color-portfolio-8)
}
.bg-portfolio-9 {
 background-color:var(--color-portfolio-9)
}
.bg-portfolio-10 {
 background-color:var(--color-portfolio-10)
}
.bg-portfolio-11 {
 background-color:var(--color-portfolio-11)
}
.bg-portfolio-12 {
 background-color:var(--color-portfolio-12)
}
.bg-portfolio-13 {
 background-color:var(--color-portfolio-13)
}
.bg-portfolio-14 {
 background-color:var(--color-portfolio-14)
}
.bg-portfolio-15 {
 background-color:var(--color-portfolio-15)
}
.bg-portfolio-16 {
 background-color:var(--color-portfolio-16)
}
.bg-portfolio-17 {
 background-color:var(--color-portfolio-17)
}
.bg-portfolio-18 {
 background-color:var(--color-portfolio-18)
}
.bg-portfolio-19 {
 background-color:var(--color-portfolio-19)
}
.bg-portfolio-20 {
 background-color:var(--color-portfolio-20)
}
.card-portfolio {
 overflow:hidden;
 border-radius:4px
}
.card-portfolio__content {
 height:100%;
 display:flex;
 flex-direction:column;
 justify-content:center
}
.card-portfolio__content_small {
 padding:60px
}
.card-portfolio__wrapper-img img {
 transform:scale(1.03)
}
.background-hover1 {
 position:relative;
 display:block
}
.background-hover1:hover *,
.background-hover1:hover *:after,
.background-hover1:hover *:before {
 opacity:1;
}
.background-hover1:hover a {
 opacity:0.9
}
.background-hover1:hover a:hover {
 opacity:1
}
.background-hover1 .background-hover__content {
 opacity:0
}
.background-hover1:hover .background-hover__content {
 opacity:1
}
.background-hover1:hover .background-hover__overlay {
 opacity:1
}
.background-hover1 .background-hover__overlay {
 opacity:0;
 transition:all 0.2s ease-in-out
}
.background-hover {
 position:relative;
 display:block
}
.background-hover:hover *,
.background-hover:hover *:after,
.background-hover:hover *:before {
 color:#fff !important
}
.background-hover:hover a {
 opacity:0.9
}
.background-hover:hover a:hover {
 opacity:1
}
.background-hover:hover .background-hover__image {
 opacity:1
}
.background-hover:hover .background-hover__overlay {
 opacity:1
}
.background-hover .background-hover__overlay {
 opacity:0;
 transition:all 0.2s ease-in-out
}
.background-hover__image {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:.01;
 transition:all 0.2s ease-in-out
}
.background-hover__image1 {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:1;
 transition:all 0.2s ease-in-out
}
.background-hover__content {
 position:relative;
 padding: 20px;
 z-index:50
}
.background-hover__overlay {
 z-index:10 !important
}
.custom-content-items .overlay {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:-1;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 pointer-events:none
}
.custom-content-items .overlay_dark {
 background-color:rgba(0,0,0,0.6)
}
.custom-content-items .overlay_light {
 background-color:rgba(255,255,255,0.9)
}
.custom-content-items .overlay_dark-10 {
 background-color:rgba(0,0,0,0.1)
}
.custom-content-items .overlay_dark-20 {
 background-color:rgba(0,0,0,0.2)
}
.custom-content-items .overlay_dark-30 {
 background-color:rgba(0,0,0,0.3)
}
.custom-content-items .overlay_dark-40 {
 background-color:rgba(0,0,0,0.4)
}
.custom-content-items .overlay_dark-50 {
 background-color:rgba(0,0,0,0.5)
}
.custom-content-items .overlay_dark-60 {
 background-color:rgba(0,0,0,0.6)
}
.custom-content-items .overlay_dark-70 {
 background-color:rgba(0,0,0,0.7)
}
.custom-content-items .overlay_dark-80 {
 background-color:rgba(0,0,0,0.8)
}
.custom-content-items .overlay_dark-90 {
 background-color:rgba(0,0,0,0.9)
}
.custom-content-items .overlay_light-10 {
 background-color:rgba(255,255,255,0.1)
}
.custom-content-items .overlay_light-20 {
 background-color:rgba(255,255,255,0.2)
}
.custom-content-items .overlay_light-30 {
 background-color:rgba(255,255,255,0.3)
}
.custom-content-items .overlay_light-40 {
 background-color:rgba(255,255,255,0.4)
}
.custom-content-items .overlay_light-50 {
 background-color:rgba(255,255,255,0.5)
}
.custom-content-items .overlay_light-60 {
 background-color:rgba(255,255,255,0.6)
}
.custom-content-items .overlay_light-70 {
 background-color:rgba(255,255,255,0.7)
}
.custom-content-items .overlay_light-80 {
 background-color:rgba(255,255,255,0.8)
}
.custom-content-items .overlay_light-90 {
 background-color:rgba(255,255,255,0.9)
}
.hover-zoom {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.hover-zoom:hover:not(:focus) .hover-zoom__zoom {
 transform:scale(1)
}
.hover-zoom:hover:not(:focus) .hover-zoom__inner {
 transform:scale(1.05)
}
.hover-zoom_out:hover .hover-zoom__zoom {
 transform:scale(1) !important
}
.hover-zoom_out:hover .hover-zoom__inner {
 transform:scale(0.95) !important
}
.hover-zoom__inner {
 overflow:hidden;
 height:100%;
 width:100%
}
.hover-zoom__zoom,
.hover-zoom__inner {
 transform-origin:center center;
 transition:transform 0.6s ease;
 will-change:transform;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.hover-zoom__caption {
 transition:transform 0.6s ease
}
.hover-zoom__zoomed {
 transform:scale(1.1)
}
.hover-zoom-underline .hover-zoom__zoom {
 transform:scale(1)
}
.hover-zoom-underline .hover-zoom__inner {
 transform:scale(1.05)
}
.hover-zoom-underline .underline-hover__target {
 background-position:0% 100% !important;
 background-size:100% 2px !important
}
.hover-zoom-underline .underline-hover__target .arts-split-text__line {
 background-position:0% 100% !important;
 background-size:100% 2px !important
}
.mask-reveal {
 position:relative;
 overflow:hidden
}
.mask-reveal__layer {
 display:block;
 top:0;
 left:0;
 width:100%;
 height:100%;
 overflow:hidden
}
.underline,
.underline-hover-self {
 display:inline;
 position:relative;
 background-image:linear-gradient(currentColor, currentColor);
 background-position:0% 100%;
 background-repeat:no-repeat;
 background-size:0% 2px
}
.underline .arts-split-text__line,
.underline-hover-self .arts-split-text__line {
 display:inline-block !important;
 background-image:linear-gradient(currentColor, currentColor);
 background-position:0% 100%;
 background-repeat:no-repeat;
 background-size:0% 2px;
 transition:background-size .4s ease
}
.underline-hover-self {
 background-position:100% 100%;
 background-size:0% 2px;
 transition:background-size .4s ease, color 0.2s ease-in-out
}
.underline-hover-self:hover {
 background-position:0% 100%;
 background-size:100% 2px
}
.underline-hover:hover .underline-hover__target {
 background-position:0% 100%;
 background-size:100% 2px
}
.underline-hover:hover .underline-hover__target .arts-split-text__line {
 background-position:0% 100%;
 background-size:100% 2px
}
.underline-hover__target:not(.arts-split-text) {
 display:inline;
 position:relative;
 background-image:linear-gradient(currentColor, currentColor);
 background-position:100% 100%;
 background-repeat:no-repeat;
 background-size:0% 2px;
 transition:background-size .4s ease
}
.underline-hover__target .arts-split-text__line {
 display:inline-block !important;
 background-image:linear-gradient(currentColor, currentColor);
 background-position:100% 100%;
 background-repeat:no-repeat;
 background-size:0% 2px;
 transition:background-size .4s ease
}


.pt-xsmall {
 padding-top:calc(1 * (var(--distance-min-xsmall) * 1px))
}
@media screen and (min-width: 320px) {
 .pt-xsmall {
  padding-top:calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * ((100vw - 320px) / 1600)))
 }
}
@media screen and (min-width: 1920px) {
 .pt-xsmall {
  padding-top:calc(1 * (var(--distance-max-xsmall) * 1px))
 }
}
.pt-small {
 padding-top:calc(1 * (var(--distance-min-small) * 1px))
}
@media screen and (min-width: 320px) {
 .pt-small {
  padding-top:calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)))
 }
}
@media screen and (min-width: 1920px) {
 .pt-small {
  padding-top:calc(1 * (var(--distance-max-small) * 1px))
 }
}
.pt-medium {
 padding-top:calc(1 * (var(--distance-min-medium) * 1px))
}
@media screen and (min-width: 320px) {
 .pt-medium {
  padding-top:calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * ((100vw - 320px) / 1600)))
 }
}
@media screen and (min-width: 1920px) {
 .pt-medium {
  padding-top:calc(1 * (var(--distance-max-medium) * 1px))
 }
}

.pb-xsmall {
 padding-bottom:calc(1 * (var(--distance-min-xsmall) * 1px))
}
@media screen and (min-width: 320px) {
 .pb-xsmall {
  padding-bottom:calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * ((100vw - 320px) / 1600)))
 }
}
@media screen and (min-width: 1920px) {
 .pb-xsmall {
  padding-bottom:calc(1 * (var(--distance-max-xsmall) * 1px))
 }
}
.pb-small {
 padding-bottom:calc(1 * (var(--distance-min-small) * 1px))
}
@media screen and (min-width: 320px) {
 .pb-small {
  padding-bottom:calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)))
 }
}
@media screen and (min-width: 1920px) {
 .pb-small {
  padding-bottom:calc(1 * (var(--distance-max-small) * 1px))
 }
}
.pb-medium {
 padding-bottom:calc(1 * (var(--distance-min-medium) * 1px))
}
@media screen and (min-width: 320px) {
 .pb-medium {
  padding-bottom:calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * ((100vw - 320px) / 1600)))
 }
}
@media screen and (min-width: 1920px) {
 .pb-medium {
  padding-bottom:calc(1 * (var(--distance-max-medium) * 1px))
 }
}
.pb-large {
 padding-bottom:calc(1 * (var(--distance-min-large) * 1px))
}
@media screen and (min-width: 320px) {
 .pb-large {
  padding-bottom:calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600)))
 }
}
@media screen and (min-width: 1920px) {
 .pb-large {
  padding-bottom:calc(1 * (var(--distance-max-large) * 1px))
 }
}
.pb-xlarge {
 padding-bottom:calc(1 * (var(--distance-min-xlarge) * 1px))
}
@media screen and (min-width: 320px) {
 .pb-xlarge {
  padding-bottom:calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * ((100vw - 320px) / 1600)))
 }
}
@media screen and (min-width: 1920px) {
 .pb-xlarge {
  padding-bottom:calc(1 * (var(--distance-max-xlarge) * 1px))
 }
}

.offset_bottom {
 z-index:60
}
.pt-small.offset_bottom {
 padding-top:0
}

.main-circle h1,
.main-circle .h1 {
 font-family:var(--font-primary);
 font-weight:100;
 line-height:var(--h1-line-height);
 font-size:calc(var(--h1-min-font-size) * 1px);
 color:var(--h1-color-dark);
 letter-spacing:calc(var(--h1-letter-spacing) * 1px)
}
@media screen and (min-width: 320px) {
.main-circle h1,
.main-circle  .h1 {
  font-size:calc(var(--h1-min-font-size) * 1px + (var(--h1-max-font-size) - var(--h1-min-font-size)) * ((100vw - 320px) / 1600))
 }
}
@media screen and (min-width: 1920px) {
 .main-circle h1,
  .main-circle .h1 {
  font-size:calc(var(--h1-max-font-size) * 1px)
 }
}
.custom-content-items h2,
.custom-content-items .h2 {
 font-family: 'Rewinder', sans-serif;
 font-weight:700;
 line-height:var(--h2-line-height);
 font-size:calc(var(--h2-min-font-size) * 1px);
 color:var(--h2-color-dark);
 letter-spacing:calc(var(--h2-letter-spacing) * 1px)
}
@media screen and (min-width: 320px) {
.custom-content-items h2,
.custom-content-items .h2 {
  font-size:calc(var(--h2-min-font-size) * 1px + (var(--h2-max-font-size) - var(--h2-min-font-size)) * ((100vw - 320px) / 1600))
 }
}
@media screen and (min-width: 1920px) {
.custom-content-items h2,
.custom-content-items .h2 {
  font-size:calc(var(--h2-max-font-size) * 1.2px)
 }
}

.overflow {
 position:relative;
 overflow:hidden
}
.overflow.d-inline-block {
 vertical-align:middle
}
.overflow-initial {
 overflow:initial
}
.position-relative {
 position:relative
}
.position-fixed {
 position:fixed
}
.of-cover {
 width:100% !important;
 height:100% !important;
 -o-object-fit:cover;
 object-fit:cover;
 font-family:'object-fit: cover;'
}
.of-contain {
 width:100%;
 height:100%;
 -o-object-fit:contain;
 object-fit:contain;
 font-family:'object-fit: contain;'
}
.hidden {
 opacity:0;
 visibility:hidden
}
.no-gutters {
 padding-left:0;
 padding-right:0
}
.grayscale {
 filter:grayscale(70%)
}
.w-100 {
 width:100% !important
}
.w-100vh {
 width:100vh !important
}
.w-100vw {
 width:100vw !important
}
.h-100 {
 height:100% !important
}
.h-100vh {
 height:100vh !important
}
.h-100vw {
 height:100vw !important
}
.clearfix:after {
 content:'';
 display:table;
 clear:both
}
.figure-project__wrapper-img img {
 transition:all 0.2s ease-in-out
}

.figure-project__wrapper-img:hover img {
 transform:scale(1.1)
}

.post-meta {
 list-style-type:none;
 padding:0;
 margin:0;
 font-size:13px;
 line-height:1;
 font-weight:500
}
.post-meta i {
 font-size:14px !important;
 vertical-align:middle;
 margin-right:4px
}
.post-meta li {
 display:inline-flex;
 flex-wrap:wrap;
 align-items:center;
 line-height:1.6;
 vertical-align:middle
}
.post-meta li span {
 vertical-align:middle
}
.post-meta li:not(:last-child):after {
 content:'/';
 color:var(--color-dark-1);
 display:inline-block;
 margin-left:6px;
 margin-right:5px;
 transition:all 0.2s ease-in-out
}
.post-meta ul {
 padding-left:0
}
.post-meta span {
 display:inline-block;
 vertical-align:middle;
 white-space:nowrap
}
.post-meta_block li {
 display:block;
 margin:0.5em 0
}
.post-meta_block li:not(:last-child):after {
 display:none
}
.post-meta_flex {
 display:flex;
 justify-content:space-between
}
.post-meta_flex li:not(:last-child):after {
 display:none
}
.post-meta__divider {
 display:inline-block;
 vertical-align:middle;
 margin:0 1em;
 width:calc(1 * (60 * 1px));
 height:1px;
 background-color:var(--color-border-dark)
}
@media screen and (min-width: 1920px) {
 .post-meta__divider {
  width:calc(1 * (50 * 1px));
 }
}
@media screen and (min-width: 320px) {
 .post-meta__divider {
  width:calc(1 * (60 * 1px + (100 - 60) * ((100vw - 720px) / 1600)))
 }
}
.post-meta_mini li:after {
 display:none !important
}
.post-meta_mini-small li:after {
 display:none !important
}
.post-meta_mini-small .post-meta__divider {
 width:50px
}
.sts-section .tags {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	justify-content: center;
display: block;
border-top: 0;
border-bottom: 0;
  order: 6 !important;
	margin-bottom: 10px !important;
}

.sts-section .tags > li {
	margin: 0;
}

.sts-section .tags > li a {
display: inline-block;
  background: #f4f4f4;
  padding: 5px 15px;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  border: none;
  color: #333;
}

.sts-section .tags > li a:hover, .background-hover:hover .tags > li a {
background-color: #111;
color: #fff !important;
}

.sts-section .tags > li {margin-left: 5px;}