﻿
body { 
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
}  

.is-wrapper {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    /* height: 100vh; */ /* disable for flexibility. sections height %=>vh */
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 100%;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;  
}		

/* reset */
.is-wrapper *, 
.is-wrapper *::before, 
.is-wrapper *::after {
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

.is-wrapper div.is-section {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    min-height: 100vh; /* %=>vh */
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff;
	overflow-x: hidden !important;
	overflow-y: hidden !important;

    /* will-change: transform;  */
    /* backface-visibility: hidden;
    perspective: 1000; */

    z-index:0;
}
.is-wrapper div.is-box .is-overlay { z-index:-1;}

/* Simplified Flex */
.is-wrapper div.is-section.is-box {
    flex-direction: column;
}

.is-boxes {
    display: flex;
    flex-flow: row nowrap; /* height-stretched items */
    flex-grow: 1; /* height-stretched items */
    width: 100%;
    height: 100%;
    position: relative;
} 

.is-boxes > div, 
.is-box {
    display: flex;
    flex-direction: column; 
    flex-grow: 1; /* height-stretched items */
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;

    z-index:0;
}
.is-box-1 {width: 8.333333%;}
.is-box-2 {width: 16.666667%;}
.is-box-3 {width: 25%;}
.is-box-4 {width: 33.333333%;}
.is-box-5 {width: 41.666667%;}
.is-box-6 {width: 50%;}
.is-box-7 {width: 58.333333%;}
.is-box-8 {width: 66.666667%;}
.is-box-9 {width: 75%;}
.is-box-10 {width: 83.333333%;}
.is-box-11 {width: 91.666667%;}
.is-box-12, .is-box-centered {width: 100%;}

/* Section Height */
.is-wrapper div.is-section-10 {min-height:10vh}
.is-wrapper div.is-section-15 {min-height:15vh}
.is-wrapper div.is-section-20 {min-height:20vh}
.is-wrapper div.is-section-25 {min-height:25vh}
.is-wrapper div.is-section-30 {min-height:30vh}
.is-wrapper div.is-section-40 {min-height:40vh}
.is-wrapper div.is-section-50 {min-height:50vh}
.is-wrapper div.is-section-60 {min-height:60vh}
.is-wrapper div.is-section-70 {min-height:70vh}
.is-wrapper div.is-section-75 {min-height:75vh}
.is-wrapper div.is-section-80 {min-height:80vh}
.is-wrapper div.is-section-85 {min-height:85vh}
.is-wrapper div.is-section-90 {min-height:90vh}
.is-wrapper div.is-section-100 {min-height:100vh}
.is-wrapper div.is-section-auto {min-height:unset}

@media (min-width: 1281px) {
    .desktop-box-reverse, /* Simplified Flex */
    .desktop-box-reverse .is-boxes { display: flex; flex-direction: row-reverse; } 
}

@media (min-width: 1281px) {
    .is-wrapper div.is-section.desktop-boxes-wrap, /* Simplified Flex */
    .is-wrapper div.is-section.desktop-boxes-wrap .is-boxes { 
        display: flex; flex-flow: wrap; justify-content: space-between; flex-direction: row;
    }
    .desktop-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4)) !important; }
    .desktop-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3)) !important; }
    .desktop-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2)) !important; }
    .desktop-boxes-1 .is-box { flex-grow:1;width: calc(100% * (1/1)) !important; }
    /* no class (not set) => use default (all boxes in one line) */

    /* Simplified Flex */
    .is-wrapper div.is-section.desktop-box-reverse, .desktop-box-reverse .is-boxes { display: flex; flex-direction: row-reverse; } 
    .is-wrapper div.is-section.desktop-box-reverse.desktop-boxes-1, .desktop-box-reverse.desktop-boxes-1 .is-boxes { flex-direction: column-reverse; } 
}
/* /v2 */

/* Content */
.is-wrapper .is-container {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top:0;
    margin-bottom:0;
}

.is-builder > div > div.cell-active {
    transition: none !important; /* prevent outline transition during editing */
}

.content-py-0 { padding-top: 0px !important; padding-bottom: 0px !important }
.content-py-10 { padding-top: 10px !important; padding-bottom: 10px !important }
.content-py-20 { padding-top: 20px !important; padding-bottom: 20px !important }
.content-py-30 { padding-top: 30px !important; padding-bottom: 30px !important }
.content-py-40 { padding-top: 40px !important; padding-bottom: 40px !important }
.content-py-50 { padding-top: 50px !important; padding-bottom: 50px !important }
.content-py-60 { padding-top: 60px !important; padding-bottom: 60px !important }
.content-py-70 { padding-top: 70px !important; padding-bottom: 70px !important }
.content-py-80 { padding-top: 80px !important; padding-bottom: 80px !important }

.content-pt-0 { padding-top: 0px !important; }
.content-pt-10 { padding-top: 10px !important; }
.content-pt-20 { padding-top: 20px !important; }
.content-pt-30 { padding-top: 30px !important; }
.content-pt-40 { padding-top: 40px !important; }
.content-pt-50 { padding-top: 50px !important; }
.content-pt-60 { padding-top: 60px !important; }
.content-pt-70 { padding-top: 70px !important; }
.content-pt-80 { padding-top: 80px !important; }

.content-pb-0 { padding-bottom: 0px !important; }
.content-pb-10 { padding-bottom: 10px !important; }
.content-pb-20 { padding-bottom: 20px !important; }
.content-pb-30 { padding-bottom: 30px !important; }
.content-pb-40 { padding-bottom: 40px !important; }
.content-pb-50 { padding-bottom: 50px !important; }
.content-pb-60 { padding-bottom: 60px !important; }
.content-pb-70 { padding-bottom: 70px !important; }
.content-pb-80 { padding-bottom: 80px !important; }

@media (min-width: 1281px) {
    .box-space.desktop-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4) - 30px) !important; } /* default */
    .box-space.desktop-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3) - 30px) !important; }
    .box-space.desktop-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2) - 30px) !important; }
    .box-space.desktop-boxes-1 .is-box { flex-grow:1;width: calc(100% * (1/1) - 30px) !important; }

    .box-space-xxs.desktop-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4) - 15px) !important; }
    .box-space-xxs.desktop-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3) - 15px) !important; }
    .box-space-xxs.desktop-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2) - 15px) !important; }
    .box-space-xxs.desktop-boxes-1 .is-box { flex-grow:1;width: calc(100% * (1/1) - 15px) !important; }

    .box-space-sm.desktop-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4) - 2.5vw) !important; }
    .box-space-sm.desktop-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3) - 2.5vw) !important; }
    .box-space-sm.desktop-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2) - 2.5vw) !important; }
    .box-space-sm.desktop-boxes-1 .is-box { flex-grow:1;width: calc(100% * (1/1) - 2.5vw) !important; }

    .box-space-m.desktop-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4) - 5vw) !important; }
    .box-space-m.desktop-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3) - 5vw) !important; }
    .box-space-m.desktop-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2) - 5vw) !important; }
    .box-space-m.desktop-boxes-1 .is-box { flex-grow:1;width: calc(100% * (1/1) - 5vw) !important; }

    .box-space-lg.desktop-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4) - 7vw) !important; }
    .box-space-lg.desktop-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3) - 7vw) !important; }
    .box-space-lg.desktop-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2) - 7vw) !important; }
    .box-space-lg.desktop-boxes-1 .is-box { flex-grow:1;width: calc(100% * (1/1) - 7vw) !important; }
}

/* mutli boxes (stacking) */
.box-space .is-box { margin: 15px; }
.is-wrapper div.is-section.box-space { padding: 15px; box-sizing: border-box; }
.is-wrapper div.is-section.box-space.stack-top { padding-bottom: 0px !important; }
.is-wrapper div.is-section.box-space.stack-bottom { padding-top: 0px !important; }
.is-wrapper div.is-section.box-space.stack-middle { padding-top: 0px !important; padding-bottom: 0px !important; }

.box-space-xxs .is-box { margin: 7.5px; }
.is-wrapper div.is-section.box-space-xxs { padding: 7.5px; box-sizing: border-box; }
.is-wrapper div.is-section.box-space-xxs.stack-top { padding-bottom: 0px !important; }
.is-wrapper div.is-section.box-space-xxs.stack-bottom { padding-top: 0px !important; }
.is-wrapper div.is-section.box-space-xxs.stack-middle { padding-top: 0px !important; padding-bottom: 0px !important; }

.box-space-sm .is-box { margin: 1.25vw; }
.is-wrapper div.is-section.box-space-sm { padding: 1.25vw; box-sizing: border-box; }
.is-wrapper div.is-section.box-space-sm.stack-top { padding-bottom: 0px !important; }
.is-wrapper div.is-section.box-space-sm.stack-bottom { padding-top: 0px !important; }
.is-wrapper div.is-section.box-space-sm.stack-middle { padding-top: 0px !important; padding-bottom: 0px !important; }

.box-space-m .is-box { margin: 2.5vw; }
.is-wrapper div.is-section.box-space-m { padding: 2.5vw; box-sizing: border-box; }
.is-wrapper div.is-section.box-space-m.stack-top { padding-bottom: 0px !important; }
.is-wrapper div.is-section.box-space-m.stack-bottom { padding-top: 0px !important; }
.is-wrapper div.is-section.box-space-m.stack-middle { padding-top: 0px !important; padding-bottom: 0px !important; }

.box-space-lg .is-box { margin: 3.5vw; }
.is-wrapper div.is-section.box-space-lg { padding: 3.5vw; box-sizing: border-box; }
.is-wrapper div.is-section.box-space-lg.stack-top { padding-bottom: 0px !important; }
.is-wrapper div.is-section.box-space-lg.stack-bottom { padding-top: 0px !important; }
.is-wrapper div.is-section.box-space-lg.stack-middle { padding-top: 0px !important; padding-bottom: 0px !important; }

/* single box (stacking) */
.is-section.is-box.box-space .is-overlay { top:30px;bottom:30px;left:30px;right:30px; }
.is-section.is-box.box-space.stack-top .is-overlay { top:30px;bottom:15px;left:30px;right:30px; }
.is-section.is-box.box-space.stack-bottom .is-overlay { top:15px;bottom:30px;left:30px;right:30px; }
.is-section.is-box.box-space.stack-middle .is-overlay { top:15px;bottom:15px;left:30px;right:30px; }

.is-section.is-box.box-space-xxs .is-overlay { top:15px;bottom:15px;left:15px;right:15px; }
.is-section.is-box.box-space-xxs.stack-top .is-overlay { top:15px;bottom:7.5px;left:15px;right:15px; }
.is-section.is-box.box-space-xxs.stack-bottom .is-overlay { top:7.5px;bottom:15px;left:15px;right:15px; }
.is-section.is-box.box-space-xxs.stack-middle .is-overlay { top:7.5px;bottom:7.5px;left:15px;right:15px; }

.is-section.is-box.box-space-sm .is-overlay { top:2.5vw;bottom:2.5vw;left:2.5vw;right:2.5vw; }
.is-section.is-box.box-space-sm.stack-top .is-overlay { top:2.5vw;bottom:1.25vw;left:2.5vw;right:2.5vw; }
.is-section.is-box.box-space-sm.stack-bottom .is-overlay { top:1.25vw;bottom:2.5vw;left:2.5vw;right:2.5vw; }
.is-section.is-box.box-space-sm.stack-middle .is-overlay { top:1.25vw;bottom:1.25vw;left:2.5vw;right:2.5vw; }

.is-section.is-box.box-space-m .is-overlay { top:5vw;bottom:5vw;left:5vw;right:5vw; }
.is-section.is-box.box-space-m.stack-top .is-overlay { top:5vw;bottom:2.5vw;left:5vw;right:5vw; }
.is-section.is-box.box-space-m.stack-bottom .is-overlay { top:2.5vw;bottom:5vw;left:5vw;right:5vw; }
.is-section.is-box.box-space-m.stack-middle .is-overlay { top:2.5vw;bottom:2.5vw;left:5vw;right:5vw; }

.is-section.is-box.box-space-lg .is-overlay { top:7vw;bottom:7vw;left:7vw;right:7vw; }
.is-section.is-box.box-space-lg.stack-top .is-overlay { top:7vw;bottom:3.5vw;left:7vw;right:7vw; }
.is-section.is-box.box-space-lg.stack-bottom .is-overlay { top:3.5vw;bottom:7vw;left:7vw;right:7vw; }
.is-section.is-box.box-space-lg.stack-middle .is-overlay { top:3.5vw;bottom:3.5vw;left:7vw;right:7vw; }

/* space-around */
.is-wrapper div.is-section.box-space.space-around { padding: 30px; }
.box-space.space-around .is-box { margin: 0px; }
.is-wrapper div.is-section.box-space.space-around.stack-top { padding-bottom: 15px !important; }
.is-wrapper div.is-section.box-space.space-around.stack-middle { padding-top: 15px !important;padding-bottom: 15px !important; }
.is-wrapper div.is-section.box-space.space-around.stack-bottom { padding-top: 15px !important; }

.is-wrapper div.is-section.box-space-xxs.space-around { padding: 15px; }
.box-space-xxs.space-around .is-box { margin: 0px; }
.is-wrapper div.is-section.box-space-xxs.space-around.stack-top { padding-bottom: 7.5px !important; }
.is-wrapper div.is-section.box-space-xxs.space-around.stack-middle { padding-top: 7.5px !important;padding-bottom: 7.5px !important; }
.is-wrapper div.is-section.box-space-xxs.space-around.stack-bottom { padding-top: 7.5px !important; }

.is-wrapper div.is-section.box-space-sm.space-around { padding: 2.5vw; }
.box-space-sm.space-around .is-box { margin: 0px; }
.is-wrapper div.is-section.box-space-sm.space-around.stack-top { padding-bottom: 1.25vw !important; }
.is-wrapper div.is-section.box-space-sm.space-around.stack-middle { padding-top: 1.25vw !important;padding-bottom: 1.25vw !important; }
.is-wrapper div.is-section.box-space-sm.space-around.stack-bottom { padding-top: 1.25vw !important; }

.is-wrapper div.is-section.box-space-m.space-around { padding: 5vw; }
.box-space-m.space-around .is-box { margin: 0px; }
.is-wrapper div.is-section.box-space-m.space-around.stack-top { padding-bottom: 2.5vw !important; }
.is-wrapper div.is-section.box-space-m.space-around.stack-middle { padding-top: 2.5vw !important;padding-bottom: 2.5vw !important; }
.is-wrapper div.is-section.box-space-m.space-around.stack-bottom { padding-top: 2.5vw !important; }

.is-wrapper div.is-section.box-space-lg.space-around { padding: 7vw; }
.box-space-lg.space-around .is-box { margin: 0px; }
.is-wrapper div.is-section.box-space-lg.space-around.stack-top { padding-bottom: 3.5vw !important; }
.is-wrapper div.is-section.box-space-lg.space-around.stack-middle { padding-top: 3.5vw !important;padding-bottom: 3.5vw !important; }
.is-wrapper div.is-section.box-space-lg.space-around.stack-bottom { padding-top: 3.5vw !important; }


/* Content */

.is-container {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 30px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing:border-box;
}

/* Boxed Layout (old version / backward compatible) */
.is-wrapper  .is-boxed-layout .is-container {padding:50px; background:#fff;} 
@media all and (max-width: 1280px) {
    .is-wrapper  .is-boxed-layout .is-container { padding:30px; }
}

/* Scroll Down Icon */
.is-arrow-down {
    display: flex;
    position: absolute;
    left: 50%;
    cursor: pointer;
    z-index: 50;
    
    bottom: 70px;
    width: 45px;
    height: 45px;
    margin-left: -22.5px;
}
.box-space .is-arrow-down {
    bottom: 70px;
}
.box-space.box-space-sm .is-arrow-down {
    bottom: 90px;
}
.box-space.box-space-m .is-arrow-down {
    bottom: 140px;
}
.box-space.box-space-lg .is-arrow-down {
    bottom: 180px;
}
@media all and (max-width: 1280px) {
	.is-arrow-down { display:none !important; }
}
.is-arrow-down > a {   
	background:rgba(0, 0, 0, 0.18);border-radius:500px; /*backward*/
	color:rgba(255, 255, 255, 0.75);font-size: 22px;text-decoration:none; /*backward*/

    text-decoration: none;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    
    color: rgb(0, 0, 0);
    font-size: 22px;
}

.bounce {
	-moz-animation: bounce 5s forwards;
	-webkit-animation: bounce 5s forwards;
	animation: bounce 5s forwards;
}
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); }
	40% { -moz-transform: translateY(-30px); }
	60% { -moz-transform: translateY(-15px); }
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); }
	40% { -webkit-transform: translateY(-30px); }
	60% { -webkit-transform: translateY(-15px); }
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
	40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px);	}
	60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); }
}
.is-arrow-down.light a {
    background: rgba(255, 255, 255, 0.18);color: #111;
}

/* Overlay */
.is-overlay {
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    overflow:hidden;
}
.is-overlay .is-overlay-bg {
    position:absolute;left:0px;top:0px;width:100%;height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 60%;
}
.is-overlay .is-overlay-bg.is-scale-animated.is-inview {
    animation:is-scale 25s ease forwards; 
    -ms-animation:is-scale 25s ease forwards;
    -webkit-animation:is-scale 25s ease forwards;
    -o-animation:is-scale 25s ease forwards;
    -moz-animation:is-scale 25s ease forwards;   
}
@keyframes is-scale {
    from {
  	    transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
    }
    to {
  	    transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -moz-transform: scale(1.2);
    }
}    
.is-overlay .is-overlay-color {
    position:absolute;left:0px;top:0px;width:100%;height:100%;
    background-color: rgb(0, 0, 0);opacity: 0.05;
}        
.is-overlay .is-overlay-content {
    position:absolute;left:0px;top:0px;width:100%;height:100%;
    overflow:hidden;
    z-index: inherit;
}

/* Simplified Flex */
.is-wrapper div.is-section.is-section-navbar + .is-section > .is-boxes > .is-box:first-child > .is-container,
.is-wrapper div.is-section.is-section-navbar + .is-section > .is-container {
    padding-top: 70px !important;
}
@media all and (max-width: 1280px) {
    .is-wrapper div.is-section.is-section-navbar + .is-section > .is-boxes > .is-box:first-child .is-container,
    .is-wrapper div.is-section.is-section-navbar + .is-section .is-container {
        padding-top: 95px !important;
    }
}

/* Section & Content Styles */

/* Background Color (backward compatible) */
.is-bg-grey, .is-wrapper div.is-section.is-bg-grey {background-color:#eeeff0}
.is-bg-dark, .is-wrapper div.is-section.is-bg-dark {background-color:#111}
.is-bg-light, .is-wrapper div.is-section.is-bg-light {background-color:#fff}

/* Text Color */
.is-light-text, .is-light-text h1, .is-light-text h2, .is-light-text h3, .is-light-text h4, .is-light-text h5, .is-light-text h6, .is-light-text p, .is-light-text li {
    color: #fff;
}

.is-dark-text, .is-dark-text h1, .is-dark-text h2, .is-dark-text h3, .is-dark-text h4, .is-dark-text h5, .is-dark-text h6, .is-dark-text p, .is-dark-text li {
    color: #111;
}

.is-dark-text .is-light-text * {color: #fff;}
.is-light-text .is-dark-text * {color: #000;}

.is-dark-text .glide__arrows svg,
.is-light-text .is-dark-text .glide__arrows svg {
    fill: #000 !important;
}
.is-light-text .glide__arrows svg,
.is-dark-text .is-light-text .glide__arrows svg {
    fill: #fff !important;
}

.is-dark-text .glide__bullet--active,
.is-light-text .is-dark-text .glide__bullet--active {
    background-color: #000 !important;
}
.is-light-text .glide__bullet--active,
.is-dark-text .is-light-text .glide__bullet--active {
    background-color: #fff !important;
}

.is-dark-text .glide__bullet,
.is-light-text .is-dark-text .glide__bullet {
    border: 1px solid black !important;
}
.is-light-text .glide__bullet,
.is-dark-text .is-light-text .glide__bullet {
    border: 2px solid transparent !important;
}

/* Slider Adjustment */
.glide__bullets {
    bottom: 6vh !important;
    /* mix-blend-mode: difference; */
}

.glide--carousel .glide__slide { z-index:-100 !important; } /* fix carousel flicker */
.glide--carousel .glide__slide--active { z-index:1 !important; }

/* To give space for the arrows */
@media all and (max-width: 970px) {
    .is-box:has( .glide) .is-container {
        padding-left: 0;
        padding-right: 0;
        width: calc(100% - 180px);
    }
}
@media all and (max-width: 760px) {
    .is-box:has( .glide) .is-container {
        width: calc(100% - 80px);
    }
}

/* Vertical Alignment */
.is-wrapper div.is-section.is-box.is-content-top, 
.is-section.is-box.is-content-top {
    justify-content:flex-start;
}
.is-wrapper div.is-section.is-box.is-content-bottom, 
.is-section.is-box.is-content-bottom {
    justify-content:flex-end;
}

.is-boxes > div.is-content-top, 
.is-box.is-content-top,
.is-content-top {
    justify-content:flex-start;
}
.is-boxes > div.is-content-bottom, 
.is-box.is-content-bottom,
.is-content-bottom {
    justify-content:flex-end;
}

/* Horizontal Alignment */
.is-container.is-content-left {
    margin-left: 4.6vw;
}
.is-container.is-content-right {
    margin-right: 4.6vw;
}

/* Vertical Adjustment */
.is-content-top .is-container { margin-top:6.5vh; margin-bottom:0; } /* default */
.is-content-bottom .is-container { margin-bottom:6.5vh; margin-top:0; } /* default */

.is-content-top.edge-y--5 .is-container { margin-top:-16.5vh; margin-bottom:0; } 
.is-content-bottom.edge-y--5 .is-container { margin-bottom:-16.5vh; margin-top:0; }

.is-content-top.edge-y--4 .is-container { margin-top:-13.2vh; margin-bottom:0; } 
.is-content-bottom.edge-y--4 .is-container { margin-bottom:-13.2vh; margin-top:0; }

.is-content-top.edge-y--3 .is-container { margin-top:-9.9vh; margin-bottom:0; } 
.is-content-bottom.edge-y--3 .is-container { margin-bottom:-9.9vh; margin-top:0; }

.is-content-top.edge-y--2 .is-container { margin-top:-6.6vh; margin-bottom:0; }
.is-content-bottom.edge-y--2 .is-container { margin-bottom:-6.6vh; margin-top:0; }
 
.is-content-top.edge-y--1 .is-container { margin-top:-3.3vh; margin-bottom:0; } 
.is-content-bottom.edge-y--1 .is-container { margin-bottom:-3.3vh; margin-top:0; }

.is-content-top.edge-y-0  .is-container { margin-top:0; margin-bottom:0; }
.is-content-bottom.edge-y-0 .is-container { margin-bottom:0; margin-top:0; }

.is-content-top.edge-y-0-25  .is-container { margin-top:0.825vh; margin-bottom:0; }
.is-content-bottom.edge-y-0-25 .is-container { margin-bottom:0.825vh; margin-top:0; }

.is-content-top.edge-y-0-5  .is-container { margin-top:1.65vh; margin-bottom:0; }
.is-content-bottom.edge-y-0-5 .is-container { margin-bottom:1.65vh; margin-top:0; }

.is-content-top.edge-y-0-75  .is-container { margin-top:2.475vh; margin-bottom:0; }
.is-content-bottom.edge-y-0-75 .is-container { margin-bottom:2.475vh; margin-top:0; }

.is-content-top.edge-y-1  .is-container { margin-top:3.3vh; margin-bottom:0; } 
.is-content-bottom.edge-y-1 .is-container { margin-bottom:3.3vh; margin-top:0; } 

.is-content-top.edge-y-2  .is-container { margin-top:6.6vh; margin-bottom:0; }
.is-content-bottom.edge-y-2 .is-container { margin-bottom:6.6vh; margin-top:0; }

.is-content-top.edge-y-3  .is-container { margin-top:9.9vh; margin-bottom:0; }
.is-content-bottom.edge-y-3 .is-container { margin-bottom:9.9vh; margin-top:0; }

.is-content-top.edge-y-4  .is-container { margin-top:13.2vh; margin-bottom:0; }
.is-content-bottom.edge-y-4 .is-container { margin-bottom:13.2vh; margin-top:0; }

.is-content-top.edge-y-5  .is-container { margin-top:16.5vh; margin-bottom:0; }
.is-content-bottom.edge-y-5 .is-container { margin-bottom:16.5vh; margin-top:0; }

.is-content-top.edge-y-6  .is-container { margin-top:19.8vh; margin-bottom:0; }
.is-content-bottom.edge-y-6 .is-container { margin-bottom:19.8vh; margin-top:0; }

.is-content-top.edge-y-7  .is-container { margin-top:23.1vh; margin-bottom:0; }
.is-content-bottom.edge-y-7 .is-container { margin-bottom:23.1vh; margin-top:0; }

.is-content-top.edge-y-8  .is-container { margin-top:26.4vh; margin-bottom:0; }
.is-content-bottom.edge-y-8 .is-container { margin-bottom:26.4vh; margin-top:0; }

/* Horizontal Adjustment */
.is-content-left.edge-x--1 { margin-left:-1.9vw }
.is-content-right.edge-x--1 { margin-right:-1.9vw }

.is-content-left.edge-x--0-75 { margin-left:-1.425vw; }
.is-content-right.edge-x--0-75 { margin-right:-1.425vw; }

.is-content-left.edge-x--0-5 { margin-left:-0.95vw; }
.is-content-right.edge-x--0-5 { margin-right:-0.95vw; }

.is-content-left.edge-x--0-25 { margin-left:-0.475vw; }
.is-content-right.edge-x--0-25 { margin-right:-0.475vw; }

.is-content-left.edge-x-0 { margin-left:0 }
.is-content-right.edge-x-0 { margin-right:0 }

.is-content-left.edge-x-0-25 { margin-left:0.475vw; width: calc(100% - 0.475vw) }
.is-content-right.edge-x-0-25 { margin-right:0.475vw; width: calc(100% - 0.475vw) }

.is-content-left.edge-x-0-5 { margin-left:0.95vw; width: calc(100% - 0.95vw) }
.is-content-right.edge-x-0-5 { margin-right:0.95vw; width: calc(100% - 0.95vw) }

.is-content-left.edge-x-0-75 { margin-left:1.425vw; width: calc(100% - 1.425vw) }
.is-content-right.edge-x-0-75 { margin-right:1.425vw; width: calc(100% - 1.425vw) }

.is-content-left.edge-x-1 { margin-left:1.9vw; width: calc(100% - 1.9vw) }
.is-content-right.edge-x-1 { margin-right:1.9vw; width: calc(100% - 1.9vw) }

.is-content-left.edge-x-2 { margin-left:3.7vw; width: calc(100% - 3.7vw) }
.is-content-right.edge-x-2 { margin-right:3.7vw; width: calc(100% - 3.7vw) }

.is-content-left.edge-x-3 { margin-left:5.6vw; width: calc(100% - 5.6vw) }
.is-content-right.edge-x-3 { margin-right:5.6vw; width: calc(100% - 5.6vw) }

.is-content-left.edge-x-4 { margin-left:7.4vw; width: calc(100% - 7.4vw) }
.is-content-right.edge-x-4 { margin-right:7.4vw; width: calc(100% - 7.4vw) }

.is-content-left.edge-x-5 { margin-left:9.3vw; width: calc(100% - 9.3vw) }
.is-content-right.edge-x-5 { margin-right:9.3vw; width: calc(100% - 9.3vw) }

.is-content-left.edge-x-6 { margin-left:11.2vw; width: calc(100% - 11.2vw) }
.is-content-right.edge-x-6 { margin-right:11.2vw; width: calc(100% - 11.2vw) }

/* Text Alignment */
.is-align-right { text-align:right }
.is-align-center { text-align:center }
.is-align-left { text-align:left }
.is-align-justify { text-align:justify }

/* Text Opacity */
.is-opacity-20 .is-container, .is-opacity-20 .is-block { opacity: 0.2 }
.is-opacity-25 .is-container, .is-opacity-25 .is-block { opacity: 0.25 }
.is-opacity-30 .is-container, .is-opacity-30 .is-block { opacity: 0.3 }
.is-opacity-35 .is-container, .is-opacity-35 .is-block { opacity: 0.35 }
.is-opacity-40 .is-container, .is-opacity-40 .is-block { opacity: 0.4 }
.is-opacity-45 .is-container, .is-opacity-45 .is-block { opacity: 0.45 }
.is-opacity-50 .is-container, .is-opacity-50 .is-block { opacity: 0.5 }
.is-opacity-55 .is-container, .is-opacity-55 .is-block { opacity: 0.55 }
.is-opacity-60 .is-container, .is-opacity-60 .is-block { opacity: 0.6 }
.is-opacity-65 .is-container, .is-opacity-65 .is-block { opacity: 0.65 }
.is-opacity-70 .is-container, .is-opacity-70 .is-block { opacity: 0.7 }
.is-opacity-75 .is-container, .is-opacity-75 .is-block { opacity: 0.75 }
.is-opacity-80 .is-container, .is-opacity-80 .is-block { opacity: 0.8 }
.is-opacity-85 .is-container, .is-opacity-85 .is-block { opacity: 0.85 }
.is-opacity-90 .is-container, .is-opacity-90 .is-block { opacity: 0.9 }
.is-opacity-95 .is-container, .is-opacity-95 .is-block  { opacity: 0.95 }

/* Content Size */
.is-content-none { max-width: unset }
.is-content-300 { max-width: calc(2220px * 0.17) }
.is-content-320 { max-width: calc(2220px * 0.18) }
.is-content-340 { max-width: calc(2220px * 0.19) }
.is-content-360 { max-width: calc(2220px * 0.20) }
.is-content-380 { max-width: calc(2220px * 0.21v)} 
.is-content-400 { max-width: calc(2220px * 0.22) }
.is-content-420 { max-width: calc(2220px * 0.23) }
.is-content-440 { max-width: calc(2220px * 0.24) }
.is-content-460 { max-width: calc(2220px * 0.25) }
.is-content-480 { max-width: calc(2220px * 0.26) }
.is-content-500 { max-width: calc(2220px * 0.27) }
.is-content-520 { max-width: calc(2220px * 0.28) }
.is-content-540 { max-width: calc(2220px * 0.29) }
.is-content-560 { max-width: calc(2220px * 0.30) }
.is-content-580 { max-width: calc(2220px * 0.31) }
.is-content-600 { max-width: calc(2220px * 0.32) }
.is-content-620 { max-width: calc(2220px * 0.33) }
.is-content-640 { max-width: calc(2220px * 0.35) }
.is-content-660 { max-width: calc(2220px * 0.35) }
.is-content-680 { max-width: calc(2220px * 0.36) }
.is-content-700 { max-width: calc(2220px * 0.37) }
.is-content-720 { max-width: calc(2220px * 0.38) }
.is-content-740 { max-width: calc(2220px * 0.39) }
.is-content-760 { max-width: calc(2220px * 0.40) }
.is-content-780 { max-width: calc(2220px * 0.41) }
.is-content-800 { max-width: calc(2220px * 0.42) }
.is-content-820 { max-width: calc(2220px * 0.43) }
.is-content-840 { max-width: calc(2220px * 0.44) }
.is-content-860 { max-width: calc(2220px * 0.45) }
.is-content-880 { max-width: calc(2220px * 0.46v)} 
.is-content-900 { max-width: calc(2220px * 0.47) }
.is-content-920 { max-width: calc(2220px * 0.48) }
.is-content-940 { max-width: calc(2220px * 0.49) }
.is-content-960 { max-width: calc(2220px * 0.50) }
.is-content-970 { max-width: calc(2220px * 0.51v)} 
.is-content-980 { max-width: calc(2220px * 0.52) }
.is-content-1000 { max-width: calc(2220px * 0.53) }
.is-content-1020 { max-width: calc(2220px * 0.54) }
.is-content-1040 { max-width: calc(2220px * 0.55) }
.is-content-1050 { max-width: calc(2220px * 0.56v)} 
.is-content-1060 { max-width: calc(2220px * 0.57) }
.is-content-1080 { max-width: calc(2220px * 0.58) }
.is-content-1100 { max-width: calc(2220px * 0.59) }
.is-content-1120 { max-width: calc(2220px * 0.60) }
.is-content-1140 { max-width: calc(2220px * 0.61) }
.is-content-1160 { max-width: calc(2220px * 0.62) }
.is-content-1180 { max-width: calc(2220px * 0.63) }
.is-content-1200 { max-width: calc(2220px * 0.64) }
.is-content-1220 { max-width: calc(2220px * 0.65) }
.is-content-1240 { max-width: calc(2220px * 0.66) }
.is-content-1260 { max-width: calc(2220px * 0.67) }
.is-content-1280 { max-width: calc(2220px * 0.68) }
.is-content-1300 { max-width: calc(2220px * 0.69) }
.is-content-1320 { max-width: calc(2220px * 0.70) }
.is-content-1340 { max-width: calc(2220px * 0.71) }
.is-content-1360 { max-width: calc(2220px * 0.72) }
.is-content-1380 { max-width: calc(2220px * 0.73) }
.is-content-1400 { max-width: calc(2220px * 0.74) }
.is-content-1420 { max-width: calc(2220px * 0.75) }
.is-content-1440 { max-width: calc(2220px * 0.76) }
.is-content-1460 { max-width: calc(2220px * 0.77) }
.is-content-1480 { max-width: calc(2220px * 0.78) }
.is-content-1500 { max-width: calc(2220px * 0.79) }
.is-content-1520 { max-width: calc(2220px * 0.80) }
.is-content-1540 { max-width: calc(2220px * 0.81) }
.is-content-1560 { max-width: calc(2220px * 0.82) }
.is-content-1580 { max-width: calc(2220px * 0.83) }
.is-content-1600 { max-width: calc(2220px * 0.84) }
.is-content-1620 { max-width: calc(2220px * 0.85) }
.is-content-1640 { max-width: calc(2220px * 0.86) }
.is-content-1660 { max-width: calc(2220px * 0.87) }
.is-content-1680 { max-width: calc(2220px * 0.88) }
.is-content-1700 { max-width: calc(2220px * 0.89) }
.is-content-1720 { max-width: calc(2220px * 0.90) }
.is-content-1740 { max-width: calc(2220px * 0.91) }
.is-content-1760 { max-width: calc(2220px * 0.92) }
.is-content-1780 { max-width: calc(2220px * 0.93) }
.is-content-1800 { max-width: calc(2220px * 0.94) }
.is-content-1820 { max-width: calc(2220px * 0.95) }
.is-content-1840 { max-width: calc(2220px * 0.96) }
.is-content-1860 { max-width: calc(2220px * 0.97) }
.is-content-1880 { max-width: calc(2220px * 0.98) }
.is-content-1900 { max-width: calc(2220px * 0.99) }
.is-content-1920 { max-width: calc(2220px * 1) }
.is-content-1940 { max-width: unset }
.is-content-1960 { max-width: unset }
.is-content-1980 { max-width: unset }
.is-content-2000 { max-width: unset }
.is-content-2020 { max-width: unset }
.is-content-2040 { max-width: unset }
.is-content-2060 { max-width: unset }
.is-content-2080 { max-width: unset }
.is-content-2100 { max-width: unset }
.is-content-2120 { max-width: unset }
.is-content-2140 { max-width: unset }
.is-content-2160 { max-width: unset }
.is-content-2180 { max-width: unset }
.is-content-2200 { max-width: unset }
.is-content-2220 { max-width: unset }
.is-content-2240 { max-width: unset }
.is-content-2260 { max-width: unset }
.is-content-2280 { max-width: unset }
.is-content-2300 { max-width: unset }
.is-content-2320 { max-width: unset }
.is-content-2340 { max-width: unset }
.is-content-2360 { max-width: unset }
.is-content-2380 { max-width: unset }
.is-content-2400 { max-width: unset }
.is-content-2420 { max-width: unset }
.is-content-2440 { max-width: unset }
.is-content-2460 { max-width: unset }
.is-content-2480 { max-width: unset }
.is-content-2500 { max-width: unset }
.is-content-2520 { max-width: unset }
.is-content-2540 { max-width: unset }
.is-content-2560 { max-width: unset }
.is-content-2580 { max-width: unset }
.is-content-2600 { max-width: unset }
.is-content-2620 { max-width: unset }
.is-content-2640 { max-width: unset }
.is-content-2660 { max-width: unset }
.is-content-2680 { max-width: unset }
.is-content-2700 { max-width: unset }

/* Others */
.is-shadow-1 { 
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
}

.is-lightbox img {cursor:pointer;                  
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;    
	}
.is-lightbox img:hover {opacity:0.8}

.is-hidden {display:none !important;}

/* Nav Bar */
.is-wrapper div.is-section.is-section-sticky {
    top: 0;
    position: fixed;
    z-index: 1000;
}
.is-wrapper div.is-section.is-section-navbar  {
    background-color: transparent !important;
    z-index: 2;
}
.is-wrapper div.is-section.is-section-navbar  .is-overlay {
    background-color: transparent !important;
}
.is-wrapper div.is-section.is-section-navbar .is-section-tool .is-section-edit {
    display: none;
}

/* video */
.is-video-bg { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
    max-width: unset;
}
.is-overlay-video {
    position:absolute;left:0px;top:0px;width:100%;height:100%;
    background-color:rgb(0, 0, 0);opacity:0.25;
}  

/* Adjustments */

@media all and (max-width: 768px) {
    .m-justify-content-center {
        display: flex;
        justify-content: center;
    }
}

  .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    margin-top: 1.4em;
    margin-bottom: 1em;
  }
  .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
  }
  .embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%;
  }
  .embed-responsive iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  
.is-dock {
    position: absolute;
    width: 100%;
    padding-bottom: 100%;
    height: 0px;
}
.is-dock > div {
    position: absolute;
}
.is-dock > div > img {
    width: 100%;
}
@media all and (max-width: 970px) {
    .is-dock {
        position: relative;
        width: 350px;
        padding-bottom: 350px;
        height: 0px;
    }
}
.is-container > div > div:has( .is-dock) {
    width: 100%;
    position: relative; /* for tailwind */
}

.hover-zoom .is-overlay-bg {
    transition: all 0.6s ease;
}
.hover-zoom:hover .is-overlay-bg {
    transform: scale(1.1) !important;
    transition: all 0.9s ease !important;
}

.button-group {
    white-space: nowrap;
}
@media all and (max-width: 970px) {
    .button-group {
        white-space: unset;
    }
}

/* wide section */
.is-wrapper:not(.is-edit) [data-hidden-onstart] {
    opacity: 0;
}
[data-skrollrr-off] [data-hidden-onstart] {
    opacity: 1;
}

/* scroll-y */
.is-wrapper.is-edit .scroll-y {
    overflow-y: auto;
    height: 100%;
}
.is-wrapper.is-edit .justify-end.scroll-y {
    justify-content: flex-start; /* to enable scroll */
}
@media all and (max-width: 760px) { /* mobile update */
    /* disable responsive */
    .is-wrapper .scroll-y {  
        min-width: unset;
    }
}

/* section-wrap */
.is-wrapper div.is-section.section-wrap {
    display: flex;
    flex-direction: column;
}

/* section visibility */
@media (max-width: 760px) {
    body:not(.data-editor) .is-wrapper div.is-section.xs-hidden,
    body:not(.data-editor) .is-wrapper .pin-wrap.xs-hidden {display:none}
}
@media (min-width: 761px) and (max-width: 970px) {
    body:not(.data-editor) .is-wrapper div.is-section.sm-hidden,
    body:not(.data-editor) .is-wrapper .pin-wrap.sm-hidden {display:none}
}
@media (min-width: 971px) and (max-width: 1280px) {
    body:not(.data-editor) .is-wrapper div.is-section.md-hidden,
    body:not(.data-editor) .is-wrapper .pin-wrap.md-hidden {display:none}
}
@media (min-width: 1281px) {
    body:not(.data-editor) .is-wrapper div.is-section.desktop-hidden,
    body:not(.data-editor) .is-wrapper .pin-wrap.desktop-hidden {display:none}
}

/* gap */
.gap-10 { gap: 10px }
.gap-20 { gap: 20px }
.gap-30 { gap: 30px }
.gap-40 { gap: 40px }
.gap-50 { gap: 50px }
.gap-60 { gap: 60px }
.gap-70 { gap: 70px }
.gap-80 { gap: 80px }
.gap-90 { gap: 90px }
