/* default font */
@import url('//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/* Icon support */
@import url("//cdn.microsites.ai/contextbox/ionicons/css/ionicons.min.css");

/* Adjustment for css frameworks */

.contentbox-contents  { color:#000; } /* For UIKit */
.contentbox-contents  { font-size: 100%; }

#_cbhtml2 { display: none }

.contentbox-contents .mdl-cell { margin-top:0px;margin-bottom:0px; } /* For Material Design Lite */

.contentbox-contents .container img { margin:1.4rem 0 1rem; } /* Images' default margin */

/* Default Typography */

.contentbox-contents .contentbox-contents.body {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 100%;
    line-height: 1.6;
    font-weight: 300;
}
.contentbox-contents p,.contentbox-contents td,.contentbox-contents li,.contentbox-contents label {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 300;
}
.contentbox-contents h1,.contentbox-contents h2,.contentbox-contents h3,.contentbox-contents h4,.contentbox-contents h5,.contentbox-contents h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    line-height: 1.4;
}

.contentbox-contents h1 {font-size: 2.36rem;margin:0.4rem 0;}
.contentbox-contents h2 {font-size: 2rem;margin:0.6rem 0;}
.contentbox-contents h3 {font-size: 1.73rem;margin:0.7rem 0;}
.contentbox-contents h4 {font-size: 1.6rem;margin:0.8rem 0;}
.contentbox-contents h5 {font-size: 1.48rem;margin:0.8rem 0;}
.contentbox-contents h6 {font-size: 1.3rem;margin:0.8rem 0;}
.contentbox-contents p {margin:1rem 0;}

.contentbox-contents .display { margin-bottom: 0.5rem;  }
.contentbox-contents .display h1 {
    font-weight: 800;
    font-size: 3rem;
}
.contentbox-contents .display p {
    font-size: 1.3rem;
}

@media all and (max-width: 1024px) {
    .contentbox-contents h1 {font-size: 2rem;}
    .contentbox-contents h2 {font-size: 1.73rem;}
    .contentbox-contents h3 {font-size: 1.6rem;}
    .contentbox-contents h4 {font-size: 1.48rem;}
    .contentbox-contents h5 {font-size: 1.3rem;font-weight:bold;}
    .contentbox-contents h6 {font-size: 1rem;font-weight:bold;}
    .contentbox-contents .display h1 { font-size: 2.2rem; }
    .contentbox-contents .display p { font-size: 1.1rem; }
}

/* Default Elements */

.contentbox-contents a {color: #000;}
.contentbox-contents hr {background:none;background-color: transparent;border:none;border-top: rgba(0, 0, 0, 0.18) 1px solid;margin: 30px 0 25px;padding: 5px;}
.contentbox-contents img {max-width:100%;}
.contentbox-contents figure {margin:0}
.contentbox-contents table td {padding:12px;}
.contentbox-contents pre {
    font-family: courier, monospace;
    font-size: 1rem;
    white-space: pre-wrap;
    line-height: 1.4;
    padding: 15px;
    background: rgba(0, 0, 0, 0.03);
}
.contentbox-contents blockquote {margin:16px 40px;}
.contentbox-contents b,.contentbox-contents strong {
    font-weight: 600;
}
.contentbox-contents sup {
    vertical-align: super;
}
.contentbox-contents sub {
    vertical-align: sub;
}
[type='text'],
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
textarea,
button,
.contentbox-contents a {
    box-sizing: border-box;
}

/* Built-in Grid */
.contentbox-contents .container {
    margin: 0 auto;
    max-width: 800px;
}
.contentbox-contents .column {
    position: relative;
    box-sizing: border-box;
    width: 100%;
}
@media (min-width: 761px) { /*971px*/
    .contentbox-contents .row {
        display: flex;
    }
    .contentbox-contents .column {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .contentbox-contents .column.full { width: 100%; }
    .contentbox-contents .column.two-third { width: 66.7%; }
    .contentbox-contents .column.two-fourth { width: 75%; }
    .contentbox-contents .column.two-fifth { width: 80%; }
    .contentbox-contents .column.two-sixth { width: 83.3%; }
    .contentbox-contents .column.half { width: 50%; }
    .contentbox-contents .column.third { width: 33.3%; }
    .contentbox-contents .column.fourth { width: 25%; }
    .contentbox-contents .column.fifth { width: 20%; }
    .contentbox-contents .column.sixth { width: 16.6%; }
    .contentbox-contents .column.seventh { width: 14.285714285714286%; }
    .contentbox-contents .column.eighth { width: 12.5%; }
    .contentbox-contents .column.ninth { width: 11.111111111111111%; }
    .contentbox-contents .column.tenth { width: 10%; }
    .contentbox-contents .column.eleventh { width: 9.090909090909091%; }
    .contentbox-contents .column.twelfth { width: 8.333333333333333%; }
    .contentbox-contents .column.flow-opposite { float: right; }

    /*
    .contentbox-contents .is-container > .row {
        display: flex;
        flex-wrap: nowrap;
        max-width: unset;
    }
    .contentbox-contents .is-container > .row > .column {
        padding-left: 1rem;
        padding-right: 1rem;
        flex-shrink: initial;
    }
    */
}

/* Responsive Utility */
@media all and (max-width: 760px) { /*970px*/
    .contentbox-contents .flow-reverse { display: flex; flex-direction: column-reverse; }
    .column,
    .contentbox-contents .container > div /* in needed, container class here can be changed with your own class */ {
        min-width: 100%; /* If there is column's inline width, this will make the column full-width in mobile */
        min-height: unset !important;
    }
}

@media (max-width: 760px) {
    .contentbox-contents .xs-hidden {display:none !important}
}
@media (min-width: 761px) and (max-width: 970px) {
    .contentbox-contents .sm-hidden {display:none !important}
    .contentbox-contents .sm-autofit > div:not(.is-row-overlay) {
        width: 100% !important;
        flex: auto !important;
    }
}
@media (min-width: 971px) and (max-width: 1280px) {
    .contentbox-contents .md-hidden {display:none !important}
    .contentbox-contents .md-autofit > div:not(.is-row-overlay) {
        width: 100% !important;
        flex: auto !important;
    }
}
@media (min-width: 1281px) { /* Use: .contentbox-contents.body:not(.data-editor) to prevent hidden during editing */
    .contentbox-contents .contentbox-contents.body:not(.data-editor) .desktop-hidden {display:none !important}
    .contentbox-contents .contentbox-contents.body:not(.data-editor) .desktop-autofit:not(.desktop-items-1):not(.desktop-items-2):not(.desktop-items-3):not(.desktop-items-4):not(.desktop-items-5):not(.desktop-items-6) > div:not(.is-row-overlay) {
        width: 100% !important;
        flex: auto !important;
    }
}

/* wrap & reverse columns */
@media (max-width: 760px) {
    .contentbox-contents .xs-items-6,.contentbox-contents .xs-items-5,.contentbox-contents .xs-items-4,.contentbox-contents .xs-items-3,.contentbox-contents .xs-items-2, .xs-items-1 {
        display: flex !important; flex-flow: wrap; justify-content: space-between;
    }
    .contentbox-contents .xs-items-6 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/6)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .contentbox-contents .xs-items-5 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/5)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .contentbox-contents .xs-items-4 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/4)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .contentbox-contents .xs-items-3 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/3)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .contentbox-contents .xs-items-2 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/2)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .contentbox-contents .xs-items-1 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/1)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; }
    /* no class (not set) = xs-items-1 */

    .contentbox-contents .xs-column-reverse { display: flex; flex-direction: column-reverse !important; }
    .contentbox-contents .xs-column-reverse.xs-items-1 { flex-direction: column-reverse !important; }
    .contentbox-contents .xs-column-reverse.xs-items-2 { flex-direction: row-reverse !important; }
    .contentbox-contents .xs-column-reverse.xs-items-3 { flex-direction: row-reverse !important; }
    .contentbox-contents .xs-column-reverse.xs-items-4 { flex-direction: row-reverse !important; }
    .contentbox-contents .xs-column-reverse.xs-items-5 { flex-direction: row-reverse !important; }
    .contentbox-contents .xs-column-reverse.xs-items-6 { flex-direction: row-reverse !important; }
}
@media (min-width: 761px) and (max-width: 970px) {
    .contentbox-contents .sm-items-6,.contentbox-contents .sm-items-5,.contentbox-contents .sm-items-4,.contentbox-contents .sm-items-3,.contentbox-contents .sm-items-2,.contentbox-contents .sm-items-1 {
        display: flex !important; flex-flow: wrap; justify-content: space-between;
    }
    .contentbox-contents .sm-items-6 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/6)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .sm-items-5 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/5)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .sm-items-4 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/4)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .sm-items-3 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/3)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .sm-items-2 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/2)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .sm-items-1 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/1)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    /* no class (not set) => use default (all columns in one line) */

    .contentbox-contents .sm-column-reverse { display: flex; flex-direction: row-reverse !important; }
    .contentbox-contents .sm-column-reverse.sm-items-1 { flex-direction: column-reverse !important; }
}
@media (min-width: 971px) and (max-width: 1280px) {
    .contentbox-contents .md-items-6,.contentbox-contents .md-items-5,.contentbox-contents .md-items-4,.contentbox-contents .md-items-3,.contentbox-contents .md-items-2,.contentbox-contents .md-items-1 {
        display: flex !important; flex-flow: wrap; justify-content: space-between;
    }
    .contentbox-contents .md-items-6 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/6)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .md-items-5 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/5)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .md-items-4 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/4)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .md-items-3 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/3)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .md-items-2 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/2)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .md-items-1 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/1)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    /* no class (not set) => use default (all columns in one line) */

    .contentbox-contents .md-column-reverse { display: flex; flex-direction: row-reverse !important; }
    .contentbox-contents .md-column-reverse.md-items-1 { flex-direction: column-reverse !important; }
}
@media (min-width: 1281px) {
    .contentbox-contents .desktop-items-6,.contentbox-contents .desktop-items-5,.contentbox-contents .desktop-items-4,.contentbox-contents .desktop-items-3,.contentbox-contents .desktop-items-2,.contentbox-contents .desktop-items-1 {
        display: flex !important; flex-flow: wrap; justify-content: space-between;
    }
    .contentbox-contents .desktop-items-6 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/6)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .desktop-items-5 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/5)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .desktop-items-4 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/4)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .desktop-items-3 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/3)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .desktop-items-2 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/2)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .contentbox-contents .desktop-items-1 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/1)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    /* no class (not set) => use default (all columns in one line) */

    .contentbox-contents .desktop-column-reverse { display: flex; flex-direction: row-reverse !important; }
    .contentbox-contents .desktop-column-reverse.desktop-items-1 { flex-direction: column-reverse !important; }
}
/* /Responsive Utility */

.contentbox-contents .spacer {width:100%}
.contentbox-contents .center {text-align:center}
.contentbox-contents .right {text-align:right}
.contentbox-contents .left {text-align:left}
.contentbox-contents .img-circular {display:inline-block; width: 200px; height: 200px; position: relative; overflow: hidden; border-radius: 50%;}
.contentbox-contents .img-circular img {display: inline;margin:0 auto; height: 100%; width: auto; max-width: none; min-width: 100%; min-height: 100%;}

.contentbox-contents .padding-0 {padding:0px !important;box-sizing: border-box;}
.contentbox-contents .padding-10 {padding:10px !important;box-sizing: border-box;}
.contentbox-contents .padding-20 {padding:20px !important;box-sizing: border-box;}
.contentbox-contents .padding-30 {padding:30px !important;box-sizing: border-box;}
.contentbox-contents .padding-40 {padding:40px !important;box-sizing: border-box;}
.contentbox-contents .padding-50 {padding:50px !important;box-sizing: border-box;}
.contentbox-contents .padding-60 {padding:60px !important;box-sizing: border-box;}

@media all and (max-width: 540px) {
    .contentbox-contents .padding-0 {padding:0px !important;}
    .contentbox-contents .padding-10 {padding:5px !important;}
    .contentbox-contents .padding-20 {padding:10px !important;}
    .contentbox-contents .padding-30 {padding:15px !important;}
    .contentbox-contents .padding-40 {padding:20px !important;}
    .contentbox-contents .padding-50 {padding:25px !important;}
    .contentbox-contents .padding-60 {padding:30px !important;}
}

.contentbox-contents .margin-0 {margin:0 !important}
.contentbox-contents .margin-20 {margin:20px !important}
.contentbox-contents .margin-25 {margin:25px !important}
.contentbox-contents .margin-30 {margin:30px !important}
.contentbox-contents .margin-35 {margin:35px !important}
.contentbox-contents .margin-40 {margin:40px !important}
.contentbox-contents .is-card { display:table; background-color:#fff;  }
.contentbox-contents .is-card > * { display:table; }
.contentbox-contents .is-card-circle { width:280px; height: 280px; border-radius:500px; padding:70px; margin:0 auto; }
@media all and (max-width: 540px) {
    .contentbox-contents .is-card-circle { zoom:0.7; transform: scale(0.7); }
}
.contentbox-contents .is-card-content-centered { display:table-cell;vertical-align:middle;text-align:center; }
.contentbox-contents .max-390 { max-width:390px;margin:0 auto; }
.contentbox-contents .shadow-1 { /* card */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
}
.contentbox-contents .shadow-2 { /* screenshot */
    -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
}
.contentbox-contents .shadow-3 { /* highlight */
    -webkit-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2);
}

.contentbox-contents img.circle {border-radius:500px;margin-top:0;}
.contentbox-contents img.bordered {border: #ccc 1px solid;}

.contentbox-contents .embed-responsive {position: relative;display:block;width:100%;height:0;padding:0;overflow:hidden;margin-top: 1.4em;margin-bottom: 1em;}
.contentbox-contents .embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.contentbox-contents .embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;}
.contentbox-contents .embed-responsive iframe {position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}

.contentbox-contents .list {position:relative;margin:1.5em 0;box-shadow:none;}
.contentbox-contents .list > i {position:absolute;left:-3px;top:6px;font-size:1.7em;line-height:1;}
.contentbox-contents .list > h2,.contentbox-contents .list > h3 {margin: 0 0 0 50px !important; line-height: 1.2 !important;}
.contentbox-contents .list > p {margin: 5px 0 0 50px !important}

.contentbox-contents .list.larger > i {position:absolute;left:-3px;top:0;font-size:1.7em;line-height:1;}
.contentbox-contents .list.larger > h2,.contentbox-contents .list.larger > h3 {margin: 0 0 0 70px !important; line-height: 1.2 !important;}
.contentbox-contents .list.larger > p {margin: 5px 0 0 70px !important}

.contentbox-contents .quote {position:relative;margin:1.5em 0;}
.contentbox-contents .quote > i {position: absolute;top: -10px; left: -7px;font-size: 2em;}
.contentbox-contents .quote > small {margin-left:50px;opacity: 0.7;font-size: 1em;}
.contentbox-contents .quote > p {margin-left:50px;font-size: 1.5em;}
@media all and (max-width: 540px) {
    .contentbox-contents .quote > i {left: -15px;font-size:1.5em;}
    .contentbox-contents .quote > small {margin-left:20px;font-size: 1em;}
    .contentbox-contents .quote > p {margin-left:20px;font-size: 1.2em;}
}

.contentbox-contents .is-social a > i {text-decoration:none;color:#333;font-size:1.2em;margin:0 15px;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.contentbox-contents .is-social a:first-child > i {margin:0 15px 0 0}
.contentbox-contents .is-social a:last-child > i {margin:0 0 0 15px}
.contentbox-contents .is-light-text .is-social a > i {color:rgba(255,255,255,0.93)}
.contentbox-contents .is-light-text .is-social a:hover > i {color:rgba(255,255,255,0.93)}
.contentbox-contents .is-dark-text .is-social a > i {color:#000}
.contentbox-contents .is-dark-text .is-social a:hover > i {color:#000}

.contentbox-contents .height-20 {height:20px;flex:none;}
.contentbox-contents .height-40 {height:40px;flex:none;}
.contentbox-contents .height-60 {height:60px;flex:none;}
.contentbox-contents .height-80 {height:80px;flex:none;}
.contentbox-contents .height-100 {height:100px;flex:none;}
.contentbox-contents .height-120 {height:120px;flex:none;}
.contentbox-contents .height-140 {height:140px;flex:none;}
.contentbox-contents .height-160 {height:160px;flex:none;}
.contentbox-contents .height-180 {height:180px;flex:none;}
.contentbox-contents .height-200 {height:200px;flex:none;}
.contentbox-contents .height-220 {height:220px;flex:none;}
.contentbox-contents .height-240 {height:240px;flex:none;}
.contentbox-contents .height-260 {height:260px;flex:none;}
.contentbox-contents .height-280 {height:280px;flex:none;}
.contentbox-contents .height-300 {height:300px;flex:none;}
@media (min-width: 1921px) {
    .contentbox-contents .height-20 {height:2.5vh}
    .contentbox-contents .height-40 {height:5vh}
    .contentbox-contents .height-60 {height:7.5vh}
    .contentbox-contents .height-80 {height:10vh}
    .contentbox-contents .height-100 {height:12.5vh}
    .contentbox-contents .height-120 {height:15vh}
    .contentbox-contents .height-140 {height:17.5vh}
    .contentbox-contents .height-160 {height:20vh}
    .contentbox-contents .height-180 {height:22.5vh}
    .contentbox-contents .height-200 {height:25vh}
    .contentbox-contents .height-220 {height:27.5vh}
    .contentbox-contents .height-240 {height:30vh}
    .contentbox-contents .height-260 {height:32.5vh}
    .contentbox-contents .height-280 {height:35vh}
    .contentbox-contents .height-300 {height:37.5vh}
}
@media (max-width: 1440px) {
    .contentbox-contents .height-20 {height:10px}
    .contentbox-contents .height-40 {height:20px}
    .contentbox-contents .height-60 {height:30px}
    .contentbox-contents .height-80 {height:40px}
    .contentbox-contents .height-100 {height:50px}
    .contentbox-contents .height-120 {height:60px}
    .contentbox-contents .height-140 {height:70px}
    .contentbox-contents .height-160 {height:80px}
    .contentbox-contents .height-180 {height:90px}
    .contentbox-contents .height-200 {height:100px}
    .contentbox-contents .height-220 {height:110px}
    .contentbox-contents .height-240 {height:120px}
    .contentbox-contents .height-260 {height:130px}
    .contentbox-contents .height-280 {height:140px}
    .contentbox-contents .height-300 {height:150px}
}
.contentbox-contents /* @media (max-width: 1024px) {
    .contentbox-contents .height-20 {height:10px}
    .contentbox-contents .height-40 {height:15px}
    .contentbox-contents .height-60 {height:20px}
    .contentbox-contents .height-80 {height:25px}
    .contentbox-contents .height-100 {height:30px}
    .contentbox-contents .height-120 {height:35px}
    .contentbox-contents .height-140 {height:40px}
    .contentbox-contents .height-160 {height:45px}
    .contentbox-contents .height-180 {height:50px}
    .contentbox-contents .height-200 {height:55px}
    .contentbox-contents .height-220 {height:60px}
    .contentbox-contents .height-240 {height:65px}
    .contentbox-contents .height-260 {height:70px}
    .contentbox-contents .height-280 {height:75px}
    .contentbox-contents .height-300 {height:80px}
} */

/* Make default paragraph responsive. v2 => optimize on large screen */
.contentbox-contents /* @media all and (max-width: 1800px) {
    .contentbox-contents p {font-size:0.99vw !important} p {font-size:clamp(16px, 0.99vw, 0.99vw) !important}
}
@media all and (min-width: 1921px) {
    .contentbox-contents .v2 p {font-size:0.83vw !important}
} */

.contentbox-contents .size-12 {font-size:12px !important}
.contentbox-contents .size-13 {font-size:13px !important}
.contentbox-contents .size-14 {font-size:14px !important}
.contentbox-contents .size-15 {font-size:15px !important}
.contentbox-contents .size-16 {font-size:16px !important}
.contentbox-contents .size-17 {font-size:17px !important}
.contentbox-contents .size-18 {font-size:18px !important}
.contentbox-contents .size-19 {font-size:19px !important}
.contentbox-contents .size-20 {font-size:20px !important}
.contentbox-contents .size-21 {font-size:21px !important}
.contentbox-contents .size-24 {font-size:24px !important}
.contentbox-contents .size-28 {font-size:28px !important}
.contentbox-contents .size-32 {font-size:32px !important}
.contentbox-contents .size-35 {font-size:35px !important}
.contentbox-contents .size-38 {font-size:38px !important}
.contentbox-contents .size-42 {font-size:42px !important}
.contentbox-contents .size-46 {font-size:46px !important}
.contentbox-contents .size-48 {font-size:48px !important}
.contentbox-contents .size-50 {font-size:50px !important; overflow-wrap: break-word;}
.contentbox-contents .size-54 {font-size:54px !important; overflow-wrap: break-word;}
.contentbox-contents .size-60 {font-size:60px !important; overflow-wrap: break-word;}
.contentbox-contents .size-64 {font-size:64px !important; overflow-wrap: break-word;}
.contentbox-contents .size-68 {font-size:68px !important; overflow-wrap: break-word;}
.contentbox-contents .size-72 {font-size:72px !important; overflow-wrap: break-word;}
.contentbox-contents .size-76 {font-size:76px !important; overflow-wrap: break-word;}
.contentbox-contents .size-80 {font-size:80px !important; overflow-wrap: break-word;}
.contentbox-contents .size-84 {font-size:84px !important; overflow-wrap: break-word;}
.contentbox-contents .size-88 {font-size:88px !important; overflow-wrap: break-word;}
.contentbox-contents .size-92 {font-size:92px !important; overflow-wrap: break-word;}
.contentbox-contents .size-96 {font-size:96px !important; overflow-wrap: break-word;}
.contentbox-contents .size-100 {font-size:100px !important; overflow-wrap: break-word;}
.contentbox-contents .size-104 {font-size:104px !important; overflow-wrap: break-word;}
.contentbox-contents .size-108 {font-size:108px !important; overflow-wrap: break-word;}
.contentbox-contents .size-112 {font-size:112px !important; overflow-wrap: break-word;}
.contentbox-contents .size-116 {font-size:116px !important; overflow-wrap: break-word;}
.contentbox-contents .size-120 {font-size:120px !important; overflow-wrap: break-word;}
.contentbox-contents .size-124 {font-size:124px !important; overflow-wrap: break-word;}
.contentbox-contents .size-128 {font-size:128px !important; overflow-wrap: break-word;}
.contentbox-contents .size-132 {font-size:132px !important; overflow-wrap: break-word;}
.contentbox-contents .size-136 {font-size:136px !important; overflow-wrap: break-word;}
.contentbox-contents .size-140 {font-size:140px !important; overflow-wrap: break-word;}
.contentbox-contents .size-144 {font-size:144px !important; overflow-wrap: break-word;}
.contentbox-contents .size-148 {font-size:148px !important; overflow-wrap: break-word;}
.contentbox-contents .size-152 {font-size:152px !important; overflow-wrap: break-word;}
.contentbox-contents .size-156 {font-size:156px !important; overflow-wrap: break-word;}
.contentbox-contents .size-160 {font-size:160px !important; overflow-wrap: break-word;}
.contentbox-contents .size-164 {font-size:164px !important; overflow-wrap: break-word;}
.contentbox-contents .size-168 {font-size:168px !important; overflow-wrap: break-word;}
.contentbox-contents .size-172 {font-size:172px !important; overflow-wrap: break-word;}
.contentbox-contents .size-176 {font-size:176px !important; overflow-wrap: break-word;}
.contentbox-contents .size-180 {font-size:180px !important; overflow-wrap: break-word;}
.contentbox-contents .size-184 {font-size:184px !important; overflow-wrap: break-word;}
.contentbox-contents .size-188 {font-size:188px !important; overflow-wrap: break-word;}
.contentbox-contents .size-192 {font-size:192px !important; overflow-wrap: break-word;}
.contentbox-contents .size-196 {font-size:196px !important; overflow-wrap: break-word;}
.contentbox-contents .size-200 {font-size:200px !important; overflow-wrap: break-word;}
.contentbox-contents .size-204 {font-size:204px !important; overflow-wrap: break-word;}
.contentbox-contents .size-208 {font-size:208px !important; overflow-wrap: break-word;}
.contentbox-contents .size-212 {font-size:212px !important; overflow-wrap: break-word;}
.contentbox-contents .size-216 {font-size:216px !important; overflow-wrap: break-word;}
.contentbox-contents .size-220 {font-size:220px !important; overflow-wrap: break-word;}
.contentbox-contents .size-224 {font-size:224px !important; overflow-wrap: break-word;}
.contentbox-contents .size-228 {font-size:228px !important; overflow-wrap: break-word;}
.contentbox-contents .size-232 {font-size:232px !important; overflow-wrap: break-word;}
.contentbox-contents .size-236 {font-size:236px !important; overflow-wrap: break-word;}
.contentbox-contents .size-240 {font-size:240px !important; overflow-wrap: break-word;}
.contentbox-contents .size-244 {font-size:244px !important; overflow-wrap: break-word;}
.contentbox-contents .size-248 {font-size:248px !important; overflow-wrap: break-word;}
.contentbox-contents .size-252 {font-size:252px !important; overflow-wrap: break-word;}
.contentbox-contents .size-256 {font-size:256px !important; overflow-wrap: break-word;}
.contentbox-contents .size-260 {font-size:260px !important; overflow-wrap: break-word;}
.contentbox-contents .size-264 {font-size:264px !important; overflow-wrap: break-word;}
.contentbox-contents .size-268 {font-size:268px !important; overflow-wrap: break-word;}
.contentbox-contents .size-272 {font-size:272px !important; overflow-wrap: break-word;}
.contentbox-contents .size-276 {font-size:276px !important; overflow-wrap: break-word;}
.contentbox-contents .size-280 {font-size:280px !important; overflow-wrap: break-word;}
.contentbox-contents .size-284 {font-size:284px !important; overflow-wrap: break-word;}
.contentbox-contents .size-288 {font-size:288px !important; overflow-wrap: break-word;}
.contentbox-contents .size-292 {font-size:292px !important; overflow-wrap: break-word;}
.contentbox-contents .size-296 {font-size:296px !important; overflow-wrap: break-word;}
.contentbox-contents .size-300 {font-size:300px !important; overflow-wrap: break-word;}
.contentbox-contents .size-304 {font-size:304px !important; overflow-wrap: break-word;}
.contentbox-contents .size-308 {font-size:308px !important; overflow-wrap: break-word;}
.contentbox-contents .size-312 {font-size:312px !important; overflow-wrap: break-word;}
.contentbox-contents .size-316 {font-size:316px !important; overflow-wrap: break-word;}
.contentbox-contents .size-320 {font-size:320px !important; overflow-wrap: break-word;}
.contentbox-contents .size-324 {font-size:324px !important; overflow-wrap: break-word;}
.contentbox-contents .size-328 {font-size:328px !important; overflow-wrap: break-word;}
.contentbox-contents .size-332 {font-size:332px !important; overflow-wrap: break-word;}
.contentbox-contents .size-336 {font-size:336px !important; overflow-wrap: break-word;}
.contentbox-contents .size-340 {font-size:340px !important; overflow-wrap: break-word;}
.contentbox-contents .size-344 {font-size:344px !important; overflow-wrap: break-word;}
.contentbox-contents .size-348 {font-size:348px !important; overflow-wrap: break-word;}
.contentbox-contents .size-352 {font-size:352px !important; overflow-wrap: break-word;}
.contentbox-contents .size-356 {font-size:356px !important; overflow-wrap: break-word;}
.contentbox-contents .size-360 {font-size:360px !important; overflow-wrap: break-word;}
.contentbox-contents .size-364 {font-size:364px !important; overflow-wrap: break-word;}
.contentbox-contents .size-368 {font-size:368px !important; overflow-wrap: break-word;}
.contentbox-contents .size-372 {font-size:372px !important; overflow-wrap: break-word;}
.contentbox-contents .size-376 {font-size:376px !important; overflow-wrap: break-word;}
.contentbox-contents .size-380 {font-size:380px !important; overflow-wrap: break-word;}
.contentbox-contents .size-384 {font-size:384px !important; overflow-wrap: break-word;}
.contentbox-contents .size-388 {font-size:388px !important; overflow-wrap: break-word;}
.contentbox-contents .size-392 {font-size:392px !important; overflow-wrap: break-word;}
.contentbox-contents .size-396 {font-size:396px !important; overflow-wrap: break-word;}
.contentbox-contents .size-400 {font-size:400px !important; overflow-wrap: break-word;}

@media all and (max-width: 1800px) {
    .contentbox-contents .size-12 {font-size:0.74vw !important; font-size:clamp(12px, 0.74vw, 0.74vw) !important} /* Use clamp to prevent small sizes */
    .contentbox-contents .size-13 {font-size:0.8vw !important; font-size:clamp(13px, 0.8vw, 0.8vw) !important}
    .contentbox-contents .size-14 {font-size:0.86vw !important; font-size:clamp(14px, 0.86vw, 0.86vw) !important}
    .contentbox-contents .size-15 {font-size:0.93vw !important; font-size:clamp(15px, 0.93vw, 0.93vw) !important}
    .contentbox-contents .size-16 {font-size:0.99vw !important; font-size:clamp(16px, 0.99vw, 0.99vw) !important}
    .contentbox-contents .size-17 {font-size:1.05vw !important; font-size:clamp(17px, 1.05vw, 1.05vw) !important}
    .contentbox-contents .size-18 {font-size:1.11vw !important; font-size:clamp(18px, 1.11vw, 1.11vw) !important}
    .contentbox-contents .size-19 {font-size:1.17vw !important; font-size:clamp(19px, 1.17vw, 1.17vw) !important}
    .contentbox-contents .size-20 {font-size:1.23vw !important; font-size:clamp(20px, 1.23vw, 1.23vw) !important}
    .contentbox-contents .size-21 {font-size:1.29vw !important; font-size:clamp(21px, 1.29vw, 1.29vw) !important}
    .contentbox-contents .size-24 {font-size:1.48vw !important; font-size:clamp(22px, 1.48vw, 1.48vw) !important}
    .contentbox-contents .size-28 {font-size:1.56vw !important; font-size:clamp(23px, 1.56vw, 1.56vw) !important}
    .contentbox-contents .size-32 {font-size:1.64vw !important; font-size:clamp(24px, 1.64vw, 1.64vw) !important}
    .contentbox-contents .size-35 {font-size:1.82vw !important; font-size:clamp(25px, 1.82vw, 1.82vw) !important}
    .contentbox-contents .size-38 {font-size:1.98vw !important; font-size:clamp(26px, 1.98vw, 1.98vw) !important}
    .contentbox-contents .size-42 {font-size:2.19vw !important; font-size:clamp(27px, 2.19vw, 2.19vw) !important} /**/
    .contentbox-contents .size-46 {font-size:2.4vw !important; font-size:clamp(28px, 2.4vw, 2.4vw) !important}
    .contentbox-contents .size-48 {font-size:2.5vw !important; font-size:clamp(29px, 2.5vw, 2.5vw) !important}
    .contentbox-contents .size-50 {font-size:2.61vw !important; font-size:clamp(30px, 2.61vw, 2.61vw) !important}
    .contentbox-contents .size-54 {font-size:2.81vw !important; font-size:clamp(31px, 2.81vw, 2.81vw) !important}
    .contentbox-contents .size-60 {font-size:3.13vw !important; font-size:clamp(32px, 3.13vw, 3.13vw) !important}
    .contentbox-contents .size-64 {font-size:3.33vw !important; font-size:clamp(33px, 3.33vw, 3.33vw) !important}
    .contentbox-contents .size-68 {font-size:3.54vw !important; font-size:clamp(34px, 3.54vw, 3.54vw) !important}
    .contentbox-contents .size-72 {font-size:3.75vw !important; font-size:clamp(35px, 3.75vw, 3.75vw) !important}
    .contentbox-contents .size-76 {font-size:3.96vw !important; font-size:clamp(36px, 3.96vw, 3.96vw) !important}
    .contentbox-contents .size-80 {font-size:4.17vw !important; font-size:clamp(37px, 4.17vw, 4.17vw) !important}
    .contentbox-contents .size-84 {font-size:4.38vw !important; font-size:clamp(38px, 4.38vw, 4.38vw) !important}
    .contentbox-contents .size-88 {font-size:4.58vw !important; font-size:clamp(39px, 4.58vw, 4.58vw) !important}
    .contentbox-contents .size-92 {font-size:4.79vw !important; font-size:clamp(40px, 4.79vw, 4.79vw) !important} /**/
    .contentbox-contents .size-96 {font-size:5vw !important; font-size:clamp(40px, 5vw, 5vw) !important}
    .contentbox-contents .size-100 {font-size:5.21vw !important; font-size:clamp(40px, 5.21vw, 5.21vw) !important}
    .contentbox-contents .size-104 {font-size:5.42vw !important; font-size:clamp(40px, 5.42vw, 5.42vw) !important}
    .contentbox-contents .size-108 {font-size:5.63vw !important; font-size:clamp(40px, 5.63vw, 5.63vw) !important}
    .contentbox-contents .size-112 {font-size:5.84vw !important; font-size:clamp(40px, 5.84vw, 5.84vw) !important}
    .contentbox-contents .size-116 {font-size:6.04vw !important; font-size:clamp(40px, 6.04vw, 6.04vw) !important}
    .contentbox-contents .size-120 {font-size:6.25vw !important; font-size:clamp(40px, 6.25vw, 6.25vw) !important}
    .contentbox-contents .size-124 {font-size:6.46vw !important; font-size:clamp(40px, 6.46vw, 6.46vw) !important}
    .contentbox-contents .size-128 {font-size:6.67vw !important; font-size:clamp(40px, 6.67vw, 6.67vw) !important}
    .contentbox-contents .size-132 {font-size:6.88vw !important; font-size:clamp(40px, 6.88vw, 6.88vw) !important}
    .contentbox-contents .size-136 {font-size:7.09vw !important; font-size:clamp(40px, 7.09vw, 7.09vw) !important}
    .contentbox-contents .size-140 {font-size:7.29vw !important; font-size:clamp(40px, 7.29vw, 7.29vw) !important}
    .contentbox-contents .size-144 {font-size:7.5vw !important; font-size:clamp(40px, 7.5vw, 7.5vw) !important}
    .contentbox-contents .size-148 {font-size:7.71vw !important; font-size:clamp(40px, 7.71vw, 7.71vw) !important}
    .contentbox-contents .size-152 {font-size:7.92vw !important; font-size:clamp(40px, 7.92vw, 7.92vw) !important}
    .contentbox-contents .size-156 {font-size:8.13vw !important; font-size:clamp(40px, 8.13vw, 8.13vw) !important}
    .contentbox-contents .size-160 {font-size:8.34vw !important; font-size:clamp(40px, 8.34vw, 8.34vw) !important}
    .contentbox-contents .size-164 {font-size:8.54vw !important; font-size:clamp(40px, 8.54vw, 8.54vw) !important}
    .contentbox-contents .size-168 {font-size:8.75vw !important; font-size:clamp(40px, 8.75vw, 8.75vw) !important}
    .contentbox-contents .size-172 {font-size:8.96vw !important; font-size:clamp(40px, 8.96vw, 8.96vw) !important}
    .contentbox-contents .size-176 {font-size:9.17vw !important; font-size:clamp(40px, 9.17vw, 9.17vw) !important}
    .contentbox-contents .size-180 {font-size:9.38vw !important; font-size:clamp(40px, 9.38vw, 9.38vw) !important}
    .contentbox-contents .size-184 {font-size:9.59vw !important; font-size:clamp(40px, 9.59vw, 9.59vw) !important}
    .contentbox-contents .size-188 {font-size:9.79vw !important; font-size:clamp(40px, 9.79vw, 9.79vw) !important}
    .contentbox-contents .size-192 {font-size:10vw !important; font-size:clamp(40px, 10vw, 10vw) !important}
    .contentbox-contents .size-196 {font-size:10.21vw !important; font-size:clamp(40px, 10.21vw, 10.21vw) !important}
    .contentbox-contents .size-200 {font-size:10.42vw !important; font-size:clamp(40px, 10.42vw, 10.42vw) !important}
    .contentbox-contents .size-204 {font-size:10.63vw !important; font-size:clamp(40px, 10.63vw, 10.63vw) !important}
    .contentbox-contents .size-208 {font-size:10.84vw !important; font-size:clamp(40px, 10.84vw, 10.84vw) !important}
    .contentbox-contents .size-212 {font-size:11.05vw !important; font-size:clamp(40px, 11.05vw, 11.05vw) !important}
    .contentbox-contents .size-216 {font-size:11.25vw !important; font-size:clamp(40px, 11.25vw, 11.25vw) !important}
    .contentbox-contents .size-220 {font-size:11.46vw !important; font-size:clamp(40px, 11.46vw, 11.46vw) !important}
    .contentbox-contents .size-224 {font-size:11.67vw !important; font-size:clamp(40px, 11.67vw, 11.67vw) !important}
    .contentbox-contents .size-228 {font-size:11.88vw !important; font-size:clamp(40px, 11.88vw, 11.88vw) !important}
    .contentbox-contents .size-232 {font-size:12.09vw !important; font-size:clamp(40px, 12.09vw, 12.09vw) !important}
    .contentbox-contents .size-236 {font-size:12.3vw !important; font-size:clamp(40px, 12.3vw, 12.3vw) !important}
    .contentbox-contents .size-240 {font-size:12.5vw !important; font-size:clamp(40px, 12.5vw, 12.5vw) !important}
    .contentbox-contents .size-244 {font-size:12.71vw !important; font-size:clamp(40px, 12.71vw, 12.71vw) !important}
    .contentbox-contents .size-248 {font-size:12.92vw !important; font-size:clamp(40px, 12.92vw, 12.92vw) !important}
    .contentbox-contents .size-252 {font-size:13.13vw !important; font-size:clamp(40px, 13.13vw, 13.13vw) !important}
    .contentbox-contents .size-256 {font-size:13.34vw !important; font-size:clamp(40px, 13.34vw, 13.34vw) !important}
    .contentbox-contents .size-260 {font-size:13.55vw !important; font-size:clamp(40px, 13.55vw, 13.55vw) !important}
    .contentbox-contents .size-264 {font-size:13.75vw !important; font-size:clamp(40px, 13.75vw, 13.75vw) !important}
    .contentbox-contents .size-268 {font-size:13.96vw !important; font-size:clamp(40px, 13.96vw, 13.96vw) !important}
    .contentbox-contents .size-272 {font-size:14.17vw !important; font-size:clamp(40px, 14.17vw, 14.17vw) !important}
    .contentbox-contents .size-276 {font-size:14.38vw !important; font-size:clamp(40px, 14.38vw, 14.38vw) !important}
    .contentbox-contents .size-280 {font-size:14.59vw !important; font-size:clamp(40px, 14.59vw, 14.59vw) !important}
    .contentbox-contents .size-284 {font-size:14.8vw !important; font-size:clamp(40px, 14.8vw, 14.8vw) !important}
    .contentbox-contents .size-288 {font-size:15vw !important; font-size:clamp(40px, 15vw, 15vw) !important}
    .contentbox-contents .size-292 {font-size:15.21vw !important; font-size:clamp(40px, 15.21vw, 15.21vw) !important}
    .contentbox-contents .size-296 {font-size:15.42vw !important; font-size:clamp(40px, 15.42vw, 15.42vw) !important}
    .contentbox-contents .size-300 {font-size:15.63vw !important; font-size:clamp(40px, 15.63vw, 15.63vw) !important}
    .contentbox-contents .size-304 {font-size:15.84vw !important; font-size:clamp(40px, 15.84vw, 15.84vw) !important}
    .contentbox-contents .size-308 {font-size:16.06vw !important; font-size:clamp(40px, 16.06vw, 16.06vw) !important}
    .contentbox-contents .size-312 {font-size:16.26vw !important; font-size:clamp(40px, 16.26vw, 16.26vw) !important}
    .contentbox-contents .size-316 {font-size:16.46vw !important; font-size:clamp(40px, 16.46vw, 16.46vw) !important}
    .contentbox-contents .size-320 {font-size:16.67vw !important; font-size:clamp(40px, 16.67vw, 16.67vw) !important}
    .contentbox-contents .size-324 {font-size:16.88vw !important; font-size:clamp(40px, 16.88vw, 16.88vw) !important}
    .contentbox-contents .size-328 {font-size:17.09vw !important; font-size:clamp(40px, 17.09vw, 17.09vw) !important}
    .contentbox-contents .size-332 {font-size:17.3vw !important; font-size:clamp(40px, 17.3vw, 17.3vw) !important}
    .contentbox-contents .size-336 {font-size:17.5vw !important; font-size:clamp(40px, 17.5vw, 17.5vw) !important}
    .contentbox-contents .size-340 {font-size:17.71vw !important; font-size:clamp(40px, 17.71vw, 17.71vw) !important}
    .contentbox-contents .size-344 {font-size:17.92vw !important; font-size:clamp(40px, 17.92vw, 17.92vw) !important}
    .contentbox-contents .size-348 {font-size:18.13vw !important; font-size:clamp(40px, 18.13vw, 18.13vw) !important}
    .contentbox-contents .size-352 {font-size:18.34vw !important; font-size:clamp(40px, 18.34vw, 18.34vw) !important}
    .contentbox-contents .size-356 {font-size:18.55vw !important; font-size:clamp(40px, 18.55vw, 18.55vw) !important}
    .contentbox-contents .size-360 {font-size:18.76vw !important; font-size:clamp(40px, 18.76vw, 18.76vw) !important}
    .contentbox-contents .size-364 {font-size:18.96vw !important; font-size:clamp(40px, 18.96vw, 18.96vw) !important}
    .contentbox-contents .size-368 {font-size:19.17vw !important; font-size:clamp(40px, 19.17vw, 19.17vw) !important}
    .contentbox-contents .size-372 {font-size:19.38vw !important; font-size:clamp(40px, 19.38vw, 19.38vw) !important}
    .contentbox-contents .size-376 {font-size:19.59vw !important; font-size:clamp(40px, 19.59vw, 19.59vw) !important}
    .contentbox-contents .size-380 {font-size:19.8vw !important; font-size:clamp(40px, 19.8vw, 19.8vw) !important}
    .contentbox-contents .size-384 {font-size:20vw !important; font-size:clamp(40px, 20vw, 20vw) !important}
    .contentbox-contents .size-388 {font-size:20.21vw !important; font-size:clamp(40px, 20.21vw, 20.21vw) !important}
    .contentbox-contents .size-392 {font-size:20.42vw !important; font-size:clamp(40px, 20.42vw, 20.42vw) !important}
    .contentbox-contents .size-396 {font-size:20.63vw !important; font-size:clamp(40px, 20.63vw, 20.63vw) !important}
    .contentbox-contents .size-400 {font-size:20.84vw !important; font-size:clamp(40px, 20.84vw, 20.84vw) !important}
}

@media all and (min-width: 1921px) { /* v2 */
    .contentbox-contents .v2 .size-12 {font-size:0.63vw !important}
    .contentbox-contents .v2 .size-13 {font-size:0.68vw !important}
    .contentbox-contents .v2 .size-14 {font-size:0.73vw !important}
    .contentbox-contents .v2 .size-15 {font-size:0.78vw !important}
    .contentbox-contents .v2 .size-16 {font-size:0.83vw !important}
    .contentbox-contents .v2 .size-17 {font-size:0.89vw !important}
    .contentbox-contents .v2 .size-18 {font-size:0.94vw !important}
    .contentbox-contents .v2 .size-19 {font-size:0.99vw !important}
    .contentbox-contents .v2 .size-20 {font-size:1.04vw !important}
    .contentbox-contents .v2 .size-21 {font-size:1.09vw !important}
    .contentbox-contents .v2 .size-24 {font-size:1.25vw !important}
    .contentbox-contents .v2 .size-28 {font-size:1.46vw !important}
    .contentbox-contents .v2 .size-32 {font-size:1.67vw !important}
    .contentbox-contents .v2 .size-35 {font-size:1.82vw !important}
    .contentbox-contents .v2 .size-38 {font-size:1.98vw !important}
    .contentbox-contents .v2 .size-42 {font-size:2.19vw !important}
    .contentbox-contents .v2 .size-46 {font-size:2.4vw !important}
    .contentbox-contents .v2 .size-48 {font-size:2.5vw !important}
    .contentbox-contents .v2 .size-50 {font-size:2.61vw !important;}
    .contentbox-contents .v2 .size-54 {font-size:2.81vw !important;}
    .contentbox-contents .v2 .size-60 {font-size:3.13vw !important;}
    .contentbox-contents .v2 .size-64 {font-size:3.33vw !important;}
    .contentbox-contents .v2 .size-68 {font-size:3.54vw !important;}
    .contentbox-contents .v2 .size-72 {font-size:3.75vw !important;}
    .contentbox-contents .v2 .size-76 {font-size:3.96vw !important;}
    .contentbox-contents .v2 .size-80 {font-size:4.17vw !important}
    .contentbox-contents .v2 .size-84 {font-size:4.38vw !important}
    .contentbox-contents .v2 .size-88 {font-size:4.58vw !important}
    .contentbox-contents .v2 .size-92 {font-size:4.79vw !important}
    .contentbox-contents .v2 .size-96 {font-size:5vw !important}
    .contentbox-contents .v2 .size-100 {font-size:5.21vw !important}
    .contentbox-contents .v2 .size-104 {font-size:5.42vw !important}
    .contentbox-contents .v2 .size-108 {font-size:5.63vw !important}
    .contentbox-contents .v2 .size-112 {font-size:5.84vw !important}
    .contentbox-contents .v2 .size-116 {font-size:6.04vw !important}
    .contentbox-contents .v2 .size-120 {font-size:6.25vw !important}
    .contentbox-contents .v2 .size-124 {font-size:6.46vw !important}
    .contentbox-contents .v2 .size-128 {font-size:6.67vw !important}
    .contentbox-contents .v2 .size-132 {font-size:6.88vw !important}
    .contentbox-contents .v2 .size-136 {font-size:7.09vw !important}
    .contentbox-contents .v2 .size-140 {font-size:7.29vw !important}
    .contentbox-contents .v2 .size-144 {font-size:7.5vw !important}
    .contentbox-contents .v2 .size-148 {font-size:7.71vw !important}
    .contentbox-contents .v2 .size-152 {font-size:7.92vw !important}
    .contentbox-contents .v2 .size-156 {font-size:8.13vw !important}
    .contentbox-contents .v2 .size-160 {font-size:8.34vw !important}
    .contentbox-contents .v2 .size-164 {font-size:8.54vw !important}
    .contentbox-contents .v2 .size-168 {font-size:8.75vw !important}
    .contentbox-contents .v2 .size-172 {font-size:8.96vw !important}
    .contentbox-contents .v2 .size-176 {font-size:9.17vw !important}
    .contentbox-contents .v2 .size-180 {font-size:9.38vw !important}
    .contentbox-contents .v2 .size-184 {font-size:9.59vw !important}
    .contentbox-contents .v2 .size-188 {font-size:9.79vw !important}
    .contentbox-contents .v2 .size-192 {font-size:10vw !important}
    .contentbox-contents .v2 .size-196 {font-size:10.21vw !important}
    .contentbox-contents .v2 .size-200 {font-size:10.42vw !important}
    .contentbox-contents .v2 .size-204 {font-size:10.63vw !important}
    .contentbox-contents .v2 .size-208 {font-size:10.84vw !important}
    .contentbox-contents .v2 .size-212 {font-size:11.05vw !important}
    .contentbox-contents .v2 .size-216 {font-size:11.25vw !important}
    .contentbox-contents .v2 .size-220 {font-size:11.46vw !important}
    .contentbox-contents .v2 .size-224 {font-size:11.67vw !important}
    .contentbox-contents .v2 .size-228 {font-size:11.88vw !important}
    .contentbox-contents .v2 .size-232 {font-size:12.09vw !important}
    .contentbox-contents .v2 .size-236 {font-size:12.3vw !important}
    .contentbox-contents .v2 .size-240 {font-size:12.5vw !important}
    .contentbox-contents .v2 .size-244 {font-size:12.71vw !important}
    .contentbox-contents .v2 .size-248 {font-size:12.92vw !important}
    .contentbox-contents .v2 .size-252 {font-size:13.13vw !important}
    .contentbox-contents .v2 .size-256 {font-size:13.34vw !important}
    .contentbox-contents .v2 .size-260 {font-size:13.55vw !important}
    .contentbox-contents .v2 .size-264 {font-size:13.75vw !important}
    .contentbox-contents .v2 .size-268 {font-size:13.96vw !important}
    .contentbox-contents .v2 .size-272 {font-size:14.17vw !important}
    .contentbox-contents .v2 .size-276 {font-size:14.38vw !important}
    .contentbox-contents .v2 .size-280 {font-size:14.59vw !important}
    .contentbox-contents .v2 .size-284 {font-size:14.8vw !important}
    .contentbox-contents .v2 .size-288 {font-size:15vw !important}
    .contentbox-contents .v2 .size-292 {font-size:15.21vw !important}
    .contentbox-contents .v2 .size-296 {font-size:15.42vw !important}
    .contentbox-contents .v2 .size-300 {font-size:15.63vw !important}
    .contentbox-contents .v2 .size-304 {font-size:15.84vw !important}
    .contentbox-contents .v2 .size-308 {font-size:16.06vw !important}
    .contentbox-contents .v2 .size-312 {font-size:16.26vw !important}
    .contentbox-contents .v2 .size-316 {font-size:16.46vw !important}
    .contentbox-contents .v2 .size-320 {font-size:16.67vw !important}
    .contentbox-contents .v2 .size-324 {font-size:16.88vw !important}
    .contentbox-contents .v2 .size-328 {font-size:17.09vw !important}
    .contentbox-contents .v2 .size-332 {font-size:17.3vw !important}
    .contentbox-contents .v2 .size-336 {font-size:17.5vw !important}
    .contentbox-contents .v2 .size-340 {font-size:17.71vw !important}
    .contentbox-contents .v2 .size-344 {font-size:17.92vw !important}
    .contentbox-contents .v2 .size-348 {font-size:18.13vw !important}
    .contentbox-contents .v2 .size-352 {font-size:18.34vw !important}
    .contentbox-contents .v2 .size-356 {font-size:18.55vw !important}
    .contentbox-contents .v2 .size-360 {font-size:18.76vw !important}
    .contentbox-contents .v2 .size-364 {font-size:18.96vw !important}
    .contentbox-contents .v2 .size-368 {font-size:19.17vw !important}
    .contentbox-contents .v2 .size-372 {font-size:19.38vw !important}
    .contentbox-contents .v2 .size-376 {font-size:19.59vw !important}
    .contentbox-contents .v2 .size-380 {font-size:19.8vw !important}
    .contentbox-contents .v2 .size-384 {font-size:20vw !important}
    .contentbox-contents .v2 .size-388 {font-size:20.21vw !important}
    .contentbox-contents .v2 .size-392 {font-size:20.42vw !important}
    .contentbox-contents .v2 .size-396 {font-size:20.63vw !important}
    .contentbox-contents .v2 .size-400 {font-size:20.84vw !important}
}

.contentbox-contents button.size-12, [role="button"].size-12 {font-size:12px !important}
.contentbox-contents button.size-13, [role="button"].size-13 {font-size:13px !important}
.contentbox-contents button.size-14, [role="button"].size-14 {font-size:14px !important}
.contentbox-contents button.size-15, [role="button"].size-15 {font-size:15px !important}
.contentbox-contents button.size-16, [role="button"].size-16 {font-size:16px !important}
.contentbox-contents button.size-17, [role="button"].size-17 {font-size:17px !important}
.contentbox-contents button.size-18, [role="button"].size-18 {font-size:18px !important}
.contentbox-contents button.size-19, [role="button"].size-19 {font-size:19px !important}
.contentbox-contents button.size-20, [role="button"].size-20 {font-size:20px !important}
.contentbox-contents button.size-21, [role="button"].size-21 {font-size:21px !important}
.contentbox-contents button.size-24, [role="button"].size-24 {font-size:24px !important}
.contentbox-contents button.size-28, [role="button"].size-28 {font-size:28px !important}
.contentbox-contents button.size-32, [role="button"].size-32 {font-size:32px !important}

@media all and (max-width: 970px) {
    .contentbox-contents .margin-left-1024-reset {margin-left:0px !important;}
    .contentbox-contents .margin-right-1024-reset {margin-right:0px !important;}
}

.contentbox-contents .is-light-text * {color: rgba(255,255,255,0.93);}
.contentbox-contents .is-dark-text * {color: #000;}

/* Snippets: text */

.contentbox-contents .is-title1-96 {margin-top:20px;margin-bottom:20px;}
.contentbox-contents .is-title1-80 {margin-top:15px;margin-bottom:15px;}
.contentbox-contents .is-title1-64 {margin-top:15px;margin-bottom:15px;}
.contentbox-contents .is-title1-48 {margin-top:15px;margin-bottom:15px;}
.contentbox-contents .is-title1-32 {margin-top:15px;margin-bottom:15px;}

.contentbox-contents .is-title2-96 {margin-top:25px;margin-bottom:20px;}
.contentbox-contents .is-title2-80 {margin-top:20px;margin-bottom:15px;}
.contentbox-contents .is-title2-64 {margin-top:20px;margin-bottom:15px;}
.contentbox-contents .is-title2-48 {margin-top:15px;margin-bottom:15px;}
.contentbox-contents .is-title2-32 {margin-top:10px;margin-bottom:15px;}

.contentbox-contents .is-title3-96 {margin-top:30px;margin-bottom:35px;padding:20px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
.contentbox-contents .is-title3-80 {margin-top:25px;margin-bottom:33px;padding:20px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
.contentbox-contents .is-title3-64 {margin-top:20px;margin-bottom:30px;padding:18px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
.contentbox-contents .is-title3-48 {margin-top:20px;margin-bottom:25px;padding:18px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
.contentbox-contents .is-title3-32 {margin-top:20px;margin-bottom:20px;padding:15px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}

.contentbox-contents .is-light-text .is-title3-96 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
.contentbox-contents .is-light-text .is-title3-80 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
.contentbox-contents .is-light-text .is-title3-64 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
.contentbox-contents .is-light-text .is-title3-48 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
.contentbox-contents .is-light-text .is-title3-32 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}

.contentbox-contents .is-dark-text .is-title3-96 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
.contentbox-contents .is-dark-text .is-title3-80 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
.contentbox-contents .is-dark-text .is-title3-64 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
.contentbox-contents .is-dark-text .is-title3-48 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
.contentbox-contents .is-dark-text .is-title3-32 {border-top:#000 2px solid;border-bottom:#000 2px solid;}

.contentbox-contents .is-title4-96 {margin-top:30px;margin-bottom:35px;padding:20px 30px;border:#000 2px solid;}
.contentbox-contents .is-title4-80 {margin-top:25px;margin-bottom:33px;padding:20px 30px;border:#000 2px solid;}
.contentbox-contents .is-title4-64 {margin-top:20px;margin-bottom:30px;padding:18px 28px;border:#000 2px solid;}
.contentbox-contents .is-title4-48 {margin-top:20px;margin-bottom:25px;padding:18px 25px;border:#000 2px solid;}
.contentbox-contents .is-title4-32 {margin-top:20px;margin-bottom:20px;padding:15px 20px;border:#000 2px solid;}

.contentbox-contents .is-light-text .is-title4-96 {border:#fff 2px solid;}
.contentbox-contents .is-light-text .is-title4-80 {border:#fff 2px solid;}
.contentbox-contents .is-light-text .is-title4-64 {border:#fff 2px solid;}
.contentbox-contents .is-light-text .is-title4-48 {border:#fff 2px solid;}
.contentbox-contents .is-light-text .is-title4-32 {border:#fff 2px solid;}

.contentbox-contents .is-dark-text .is-title4-96 {border:#000 2px solid;}
.contentbox-contents .is-dark-text .is-title4-80 {border:#000 2px solid;}
.contentbox-contents .is-dark-text .is-title4-64 {border:#000 2px solid;}
.contentbox-contents .is-dark-text .is-title4-48 {border:#000 2px solid;}
.contentbox-contents .is-dark-text .is-title4-32 {border:#000 2px solid;}

.contentbox-contents .is-title5-96 {margin-top:10px;margin-bottom:35px;padding-bottom:25px;border-bottom:#000 2px solid;}
.contentbox-contents .is-title5-80 {margin-top:10px;margin-bottom:33px;padding-bottom:25px;border-bottom:#000 2px solid;}
.contentbox-contents .is-title5-64 {margin-top:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:#000 2px solid;}
.contentbox-contents .is-title5-48 {margin-top:10px;margin-bottom:25px;padding-bottom:20px;border-bottom:#000 2px solid;}
.contentbox-contents .is-title5-32 {margin-top:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:#000 2px solid;}

.contentbox-contents .is-light-text .is-title5-96 {border-bottom:#fff 2px solid;}
.contentbox-contents .is-light-text .is-title5-80 {border-bottom:#fff 2px solid;}
.contentbox-contents .is-light-text .is-title5-64 {border-bottom:#fff 2px solid;}
.contentbox-contents .is-light-text .is-title5-48 {border-bottom:#fff 2px solid;}
.contentbox-contents .is-light-text .is-title5-32 {border-bottom:#fff 2px solid;}

.contentbox-contents .is-dark-text .is-title5-96 {border-bottom:#000 2px solid;}
.contentbox-contents .is-dark-text .is-title5-80 {border-bottom:#000 2px solid;}
.contentbox-contents .is-dark-text .is-title5-64 {border-bottom:#000 2px solid;}
.contentbox-contents .is-dark-text .is-title5-48 {border-bottom:#000 2px solid;}
.contentbox-contents .is-dark-text .is-title5-32 {border-bottom:#000 2px solid;}

.contentbox-contents .is-title-lite {letter-spacing:3px;word-spacing:5px;}
.contentbox-contents .is-title-lite.is-title3-96,.contentbox-contents .is-title-lite.is-title4-96,.contentbox-contents .is-title-lite.is-title5-96 {letter-spacing:4px;word-spacing:8px;}
.contentbox-contents .is-title-lite.is-title3-80,.contentbox-contents .is-title-lite.is-title4-80,.contentbox-contents .is-title-lite.is-title5-80 {letter-spacing:4px;word-spacing:8px;}
.contentbox-contents .is-title-lite.is-title3-64,.contentbox-contents .is-title-lite.is-title4-64,.contentbox-contents .is-title-lite.is-title5-64 {letter-spacing:4px;word-spacing:8px;}
.contentbox-contents .is-title-lite.is-title3-48,.contentbox-contents .is-title-lite.is-title4-48,.contentbox-contents .is-title-lite.is-title5-48 {letter-spacing:4px;word-spacing:8px;}
.contentbox-contents .is-title-lite.is-title3-32,.contentbox-contents .is-title-lite.is-title4-32,.contentbox-contents .is-title-lite.is-title5-32 {letter-spacing:3px;word-spacing:5px;}

.contentbox-contents .is-title-bold {font-weight:800;}
.contentbox-contents .is-title-bold.is-title3-96,.contentbox-contents .is-title-bold.is-title4-96,.contentbox-contents .is-title-bold.is-title5-96 {border-width:4px;}
.contentbox-contents .is-title-bold.is-title3-80,.contentbox-contents .is-title-bold.is-title4-80,.contentbox-contents .is-title-bold.is-title5-80 {border-width:4px;}
.contentbox-contents .is-title-bold.is-title3-64,.contentbox-contents .is-title-bold.is-title4-64,.contentbox-contents .is-title-bold.is-title5-64 {border-width:3px;}
.contentbox-contents .is-title-bold.is-title3-48,.contentbox-contents .is-title-bold.is-title4-48,.contentbox-contents .is-title-bold.is-title5-48 {border-width:3px;}
.contentbox-contents .is-title-bold.is-title3-32,.contentbox-contents .is-title-bold.is-title4-32,.contentbox-contents .is-title-bold.is-title5-32 {border-width:2px;}

.contentbox-contents .is-info1 {margin-top:10px;margin-bottom:0px;font-style:italic;}
.contentbox-contents .is-info1.size-21 {margin-top:12px;}
.contentbox-contents .is-info1.size-24 {margin-top:15px;}

.contentbox-contents .is-info2 {margin-top:10px;margin-bottom:0px;}
.contentbox-contents .is-info2.size-21 {margin-top:12px;}
.contentbox-contents .is-info2.size-24 {margin-top:15px;}

/* Snippets: buttons */

.contentbox-contents .is-rounded-button-big a {display:inline-block;text-align:center;margin:0 20px;border-radius: 500px; width: 110px; height: 110px;background-color: #aaa;overflow: hidden;text-decoration: none;}
.contentbox-contents .is-rounded-button-big a i {display:inline-block;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:40px; display: flex;align-items: center;justify-content: center;}
.contentbox-contents .is-rounded-button-big a:first-child {margin:0 20px 0 0;}
.contentbox-contents .is-rounded-button-big a:last-child {margin:0 0 0 20px;}

.contentbox-contents .is-rounded-button-medium a {display:inline-block;text-align:center;margin:0 20px;border-radius: 500px; width: 70px; height: 70px;background-color: #aaa;overflow: hidden;text-decoration: none;}
.contentbox-contents .is-rounded-button-medium a i {display:inline-block;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px;display: flex;align-items: center;justify-content: center;}
.contentbox-contents .is-rounded-button-medium a:first-child {margin:0 20px 0 0;}
.contentbox-contents .is-rounded-button-medium a:last-child {margin:0 0 0 20px;}

.contentbox-contents .is-boxed-button-big {display:inline-block;}
.contentbox-contents .is-boxed-button-big a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 110px; height: 110px;background-color: #aaa;text-decoration: none;}
.contentbox-contents .is-boxed-button-big a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:40px;display: flex;align-items: center;justify-content: center;}

.contentbox-contents .is-boxed-button-big2 {display:inline-block;}
.contentbox-contents .is-boxed-button-big2 a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 150px; height: 70px;background-color: #aaa;text-decoration: none;}
.contentbox-contents .is-boxed-button-big2 a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:35px;display: flex;align-items: center;justify-content: center;}

.contentbox-contents .is-boxed-button-medium {display:inline-block;}
.contentbox-contents .is-boxed-button-medium a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 70px; height: 70px;background-color: #aaa;text-decoration: none;}
.contentbox-contents .is-boxed-button-medium a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px;display: flex;align-items: center;justify-content: center;}

.contentbox-contents .is-boxed-button-medium2 {display:inline-block;}
.contentbox-contents .is-boxed-button-medium2 a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 100px; height: 50px;background-color: #aaa;text-decoration: none;}
.contentbox-contents .is-boxed-button-medium2 a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:25px;display: flex;align-items: center;justify-content: center;}

.contentbox-contents .is-boxed-button-small {display:inline-block;}
.contentbox-contents .is-boxed-button-small a {display:table;float:left;text-align:center;margin:0 20px 0 0;width: 50px; height: 50px;background-color: #aaa;text-decoration: none;}
.contentbox-contents .is-boxed-button-small a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:20px;display: flex;align-items: center;justify-content: center;}

.is-btn,
.contentbox-contents a.is-btn {
    padding: 10px 50px;
    font-size: 1rem;
    line-height: 2rem;
    border-radius: 0;
    letter-spacing: 3px;
    display: inline-block;
    margin: 3px 0;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all 0.16s ease;
    transition: all 0.16s ease;
    text-decoration:none;
    color: #000;
}
.is-btn:hover,.is-btn:visited,.is-btn:focus,
.contentbox-contents a.is-btn:hover,.contentbox-contents a.is-btn:visited,.contentbox-contents a.is-btn:focus {color:initial;text-decoration:initial;opacity:initial;} /* prevent overide */

.is-btn-ghost1,
.contentbox-contents a.is-btn-ghost1 { color: #000; border: 2px solid #111; }

.is-light-text .is-btn-ghost1,
.is-dark-text .is-light-text .is-btn-ghost1,
.is-light-text a.is-btn-ghost1,
.contentbox-contents .is-dark-text .is-light-text a.is-btn-ghost1  { color: #fff; border: 2px solid #fff;}

.is-dark-text .is-btn-ghost1,
.is-light-text .is-dark-text .is-btn-ghost1,
.is-dark-text a.is-btn-ghost1,
.contentbox-contents .is-light-text .is-dark-text a.is-btn-ghost1 { color: #000; border: 2px solid #111; }

.is-btn-ghost2,
.contentbox-contents a.is-btn-ghost2 { color: #000; border: 2px solid #dcdcdc; background-color: #dcdcdc;}

.is-light-text .is-btn-ghost2,
.is-dark-text .is-light-text .is-btn-ghost2,
.is-light-text a.is-btn-ghost2,
.contentbox-contents .is-dark-text .is-light-text a.is-btn-ghost2  { color: #000; border: 2px solid #f9f9f9; background-color: #f9f9f9; }

.is-dark-text .is-btn-ghost2,
.is-light-text .is-dark-text .is-btn-ghost2,
.is-dark-text a.is-btn-ghost2,
.contentbox-contents .is-light-text .is-dark-text a.is-btn-ghost2  { color: #000; border: 2px solid #d7d7d7; background-color: #d7d7d7; }

.contentbox-contents .is-btn.is-btn-small,.contentbox-contents .is-btn-small { padding: 5px 25px; font-size: 0.85em; }
.contentbox-contents .is-btn.is-upper,.contentbox-contents .is-upper { text-transform:uppercase; }
.contentbox-contents .is-btn.is-rounded-30,.contentbox-contents .is-rounded-30 { border-radius: 30px; }

.contentbox-contents .btn {
    padding: 7px 25px;
    font-size: 1em;
    line-height: 2em;
    border-radius: 5px;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.contentbox-contents .btn.btn-primary {color: #ffffff;background-color: #08c9b9;}
.contentbox-contents .btn.btn-primary:hover {color: #ffffff;background-color: #07b0a2;border-color: #07b0a2;}
.contentbox-contents .btn.btn-default {color: #333333;background-color: #d3d3d3;}
.contentbox-contents .btn.btn-default:hover {color: #111;background-color: #ccc;border-color: #ccc;}


/* ---------- Editing Utilities ---------- */

/* Responsive */
@media all and (max-width: 970px) {
    .contentbox-contents .hideonmobile { display: none !important }
}

/* Lightbox */

.contentbox-contents .block-click {
    cursor: pointer;
}

.contentbox-contents .block-click > * {
    pointer-events: none;
    user-select: none;
}

/* Column Height */

.contentbox-contents .min-height-300 { min-height: 300px !important; }
.contentbox-contents .min-height-350 { min-height: 350px !important; }
.contentbox-contents .min-height-400 { min-height: 400px !important; }
.contentbox-contents .min-height-450 { min-height: 450px !important; }
.contentbox-contents .min-height-500 { min-height: 500px !important; }
.contentbox-contents .min-height-550 { min-height: 550px !important; }
.contentbox-contents .min-height-600 { min-height: 600px !important; }
.contentbox-contents .min-height-650 { min-height: 650px !important; }
.contentbox-contents .min-height-700 { min-height: 700px !important; }

@media all and (max-width: 1024px) {
    .contentbox-contents .min-height-300 { min-height: 300px !important; }
    .contentbox-contents .min-height-350 { min-height: 340px !important; }
    .contentbox-contents .min-height-400 { min-height: 380px !important; }
    .contentbox-contents .min-height-450 { min-height: 430px !important; }
    .contentbox-contents .min-height-500 { min-height: 480px !important; }
    .contentbox-contents .min-height-550 { min-height: 530px !important; }
    .contentbox-contents .min-height-600 { min-height: 580px !important; }
    .contentbox-contents .min-height-650 { min-height: 630px !important; }
    .contentbox-contents .min-height-700 { min-height: 680px !important; }
}

@media all and (max-width: 640px) {
    .contentbox-contents .min-height-300 { min-height: 240px !important; }
    .contentbox-contents .min-height-350 { min-height: 270px !important; }
    .contentbox-contents .min-height-400 { min-height: 300px !important; }
    .contentbox-contents .min-height-450 { min-height: 350px !important; }
    .contentbox-contents .min-height-500 { min-height: 400px !important; }
    .contentbox-contents .min-height-550 { min-height: 430px !important; }
    .contentbox-contents .min-height-600 { min-height: 460px !important; }
    .contentbox-contents .min-height-650 { min-height: 500px !important; }
    .contentbox-contents .min-height-700 { min-height: 540px !important; }
}

@media all and (max-width: 540px) {
    .contentbox-contents .min-height-300 { min-height: 180px !important; }
    .contentbox-contents .min-height-350 { min-height: 210px !important; }
    .contentbox-contents .min-height-400 { min-height: 240px !important; }
    .contentbox-contents .min-height-450 { min-height: 270px !important; }
    .contentbox-contents .min-height-500 { min-height: 300px !important; }
    .contentbox-contents .min-height-550 { min-height: 310px !important; }
    .contentbox-contents .min-height-600 { min-height: 320px !important; }
    .contentbox-contents .min-height-650 { min-height: 360px !important; }
    .contentbox-contents .min-height-700 { min-height: 400px !important; }
}

@media all and (max-width: 425px) {
    .contentbox-contents .min-height-300 { min-height: 150px !important; }
    .contentbox-contents .min-height-350 { min-height: 185px !important; }
    .contentbox-contents .min-height-400 { min-height: 220px !important; }
    .contentbox-contents .min-height-450 { min-height: 240px !important; }
    .contentbox-contents .min-height-500 { min-height: 260px !important; }
    .contentbox-contents .min-height-550 { min-height: 270px !important; }
    .contentbox-contents .min-height-600 { min-height: 280px !important; }
    .contentbox-contents .min-height-650 { min-height: 315px !important; }
    .contentbox-contents .min-height-700 { min-height: 350px !important; }
}

/* Text Formatting */

.contentbox-contents .font-thin { font-weight: 100 !important; }
.contentbox-contents .font-extralight { font-weight: 200 !important; }
.contentbox-contents .font-light { font-weight: 300 !important; }
.contentbox-contents .font-normal { font-weight: 400 !important; }
.contentbox-contents .font-medium { font-weight: 500 !important; }
.contentbox-contents .font-semibold { font-weight: 600 !important; }
.contentbox-contents .font-bold { font-weight: 700 !important; }
.contentbox-contents .font-extrabold { font-weight: 800 !important; }
.contentbox-contents .font-black { font-weight: 900 !important; }
.contentbox-contents .italic { font-style: italic !important; }
.contentbox-contents .not-italic { font-style: normal !important; }
.contentbox-contents .display .italic { font-style: italic !important; }
.contentbox-contents .display .not-italic { font-style: normal !important; }
.contentbox-contents .underline { -webkit-text-decoration-line: underline !important; text-decoration-line: underline !important; }
.contentbox-contents .line-through { -webkit-text-decoration-line: line-through !important; text-decoration-line: line-through !important; }
.contentbox-contents .no-underline { -webkit-text-decoration-line: none !important; text-decoration-line: none !important; }
.contentbox-contents .uppercase { text-transform: uppercase !important; }
.contentbox-contents .lowercase { text-transform: lowercase !important; }
.contentbox-contents .capitalize { text-transform: capitalize !important; }
.contentbox-contents .normal-case { text-transform: none !important; }

.contentbox-contents .text-left { text-align: left }
.contentbox-contents .text-center { text-align: center; }
.contentbox-contents .text-right { text-align: right; }
.contentbox-contents .text-justify { text-align: justify; }

.contentbox-contents .sub,.contentbox-contents .sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
.contentbox-contents .sup { top: -0.3em; vertical-align: super;}
.contentbox-contents .sub { bottom: -0.25em; vertical-align: sub;}

.contentbox-contents .tracking--100 { letter-spacing: -0.1em !important }
.contentbox-contents .tracking--75 { letter-spacing: -0.075em !important }
.contentbox-contents .tracking--50,.contentbox-contents  .tracking-tighter { letter-spacing: -0.05em !important }
.contentbox-contents .tracking--25,.contentbox-contents  .tracking-tight { letter-spacing: -0.025em !important }
.contentbox-contents .tracking-0,.contentbox-contents  .tracking-normal { letter-spacing: 0em !important }
.contentbox-contents .tracking-25,.contentbox-contents  .tracking-wide { letter-spacing: 0.025em !important }
.contentbox-contents .tracking-50,.contentbox-contents  .tracking-wider { letter-spacing: 0.05em !important }
.contentbox-contents .tracking-75 { letter-spacing: 0.075em !important }
.contentbox-contents .tracking-100,.contentbox-contents  .tracking-widest { letter-spacing: 0.1em !important }
.contentbox-contents .tracking-125 { letter-spacing: 0.125em !important }
.contentbox-contents .tracking-150 { letter-spacing: 0.15em !important }
.contentbox-contents .tracking-175 { letter-spacing: 0.175em !important }
.contentbox-contents .tracking-200 { letter-spacing: 0.2em !important }
.contentbox-contents .tracking-225 { letter-spacing: 0.225em !important }
.contentbox-contents .tracking-250 { letter-spacing: 0.25em !important }
.contentbox-contents .tracking-275 { letter-spacing: 0.275em !important }
.contentbox-contents .tracking-300 { letter-spacing: 0.3em !important }
.contentbox-contents .tracking-325 { letter-spacing: 0.325em !important }
.contentbox-contents .tracking-350 { letter-spacing: 0.350em !important }
.contentbox-contents .tracking-375 { letter-spacing: 0.375em !important }
.contentbox-contents .tracking-400 { letter-spacing: 0.4em !important }
.contentbox-contents .tracking-425 { letter-spacing: 0.425em !important }
.contentbox-contents .tracking-450 { letter-spacing: 0.450em !important }
.contentbox-contents .tracking-475 { letter-spacing: 0.475em !important }
.contentbox-contents .tracking-500 { letter-spacing: 0.5em !important }

.contentbox-contents .leading-05 { line-height: 0.5 !important }
.contentbox-contents .leading-06 { line-height: 0.6 !important }
.contentbox-contents .leading-07 { line-height: 0.7 !important }
.contentbox-contents .leading-08 { line-height: 0.8 !important }
.contentbox-contents .leading-09 { line-height: 0.9 !important }
.contentbox-contents .leading-10,.contentbox-contents  .leading-none { line-height: 1 !important }
.contentbox-contents .leading-11 { line-height: 1.1 !important }
.contentbox-contents .leading-12 { line-height: 1.2 !important }
.contentbox-contents .leading-tight { line-height: 1.25 !important }
.contentbox-contents .leading-13 { line-height: 1.3 !important }
.contentbox-contents .leading-snug { line-height: 1.375 !important }
.contentbox-contents .leading-14 { line-height: 1.4 !important }
.contentbox-contents .leading-15,.contentbox-contents  .leading-normal { line-height: 1.5 !important }
.contentbox-contents .leading-16 { line-height: 1.6 !important }
.contentbox-contents .leading-relaxed { line-height: 1.625 !important }
.contentbox-contents .leading-17 { line-height: 1.7 !important }
.contentbox-contents .leading-18 { line-height: 1.8 !important }
.contentbox-contents .leading-19 { line-height: 1.9 !important }
.contentbox-contents .leading-20,.contentbox-contents  .leading-loose { line-height: 2 !important }
.contentbox-contents .leading-21 { line-height: 2.1 !important }
.contentbox-contents .leading-22 { line-height: 2.2 !important }
.contentbox-contents .leading-23 { line-height: 2.3 !important }
.contentbox-contents .leading-24 { line-height: 2.4 !important }
.contentbox-contents .leading-25 { line-height: 2.5 !important }
.contentbox-contents .leading-26 { line-height: 2.6 !important }
.contentbox-contents .leading-27 { line-height: 2.7 !important }
.contentbox-contents .leading-28 { line-height: 2.8 !important }
.contentbox-contents .leading-29 { line-height: 2.9 !important }
.contentbox-contents .leading-30 { line-height: 3 !important }

/* Opacity */

.contentbox-contents .opacity-0 { opacity: 0 !important }
.contentbox-contents .opacity-2 { opacity: 0.02 !important }
.contentbox-contents .opacity-4 { opacity: 0.04 !important }
.contentbox-contents .opacity-5 { opacity: 0.05 !important }
.contentbox-contents .opacity-6 { opacity: 0.06 !important }
.contentbox-contents .opacity-8 { opacity: 0.08 !important }
.contentbox-contents .opacity-10 { opacity: 0.1 !important }
.contentbox-contents .opacity-12 { opacity: 0.12 !important }
.contentbox-contents .opacity-15 { opacity: 0.15 !important }
.contentbox-contents .opacity-20 { opacity: 0.2 !important }
.contentbox-contents .opacity-25 { opacity: 0.25 !important }
.contentbox-contents .opacity-30 { opacity: 0.3 !important }
.contentbox-contents .opacity-35 { opacity: 0.35 !important }
.contentbox-contents .opacity-40 { opacity: 0.4 !important }
.contentbox-contents .opacity-45 { opacity: 0.45 !important }
.contentbox-contents .opacity-50 { opacity: 0.5 !important }
.contentbox-contents .opacity-55 { opacity: 0.55 !important }
.contentbox-contents .opacity-60 { opacity: 0.6 !important }
.contentbox-contents .opacity-65 { opacity: 0.65 !important }
.contentbox-contents .opacity-70 { opacity: 0.7 !important }
.contentbox-contents .opacity-75 { opacity: 0.75 !important }
.contentbox-contents .opacity-80 { opacity: 0.8 !important }
.contentbox-contents .opacity-85 { opacity: 0.85 !important }
.contentbox-contents .opacity-90 { opacity: 0.9 !important }
.contentbox-contents .opacity-95 { opacity: 0.95 !important }
.contentbox-contents .opacity-100 { opacity: 1 !important }

/* Spacing */

.contentbox-contents .p-0 { padding: 0px }
.contentbox-contents .p-1 { padding: 0.25rem }
.contentbox-contents .p-2 { padding: 0.5rem }
.contentbox-contents .p-3 { padding: 0.75rem }
.contentbox-contents .p-4 { padding: 1rem }
.contentbox-contents .p-5 { padding: 1.25rem }
.contentbox-contents .p-6 { padding: 1.5rem }
.contentbox-contents .p-7 { padding: 1.75rem }
.contentbox-contents .p-8 { padding: 2rem }
.contentbox-contents .p-9 { padding: 2.25rem}
.contentbox-contents .p-10 { padding: 2.5rem }
.contentbox-contents .p-11 { padding: 2.75rem }
.contentbox-contents .p-12 { padding: 3rem }
.contentbox-contents .p-14 { padding: 3.5rem }
.contentbox-contents .p-16 { padding: 4rem }
.contentbox-contents .p-20 { padding: 5rem }

.contentbox-contents .px-0 { padding-left: 0px; padding-right: 0px; }
.contentbox-contents .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.contentbox-contents .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.contentbox-contents .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.contentbox-contents .px-4 { padding-left: 1rem; padding-right: 1rem; }
.contentbox-contents .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.contentbox-contents .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.contentbox-contents .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.contentbox-contents .px-8 { padding-left: 2rem; padding-right: 2rem; }
.contentbox-contents .px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
.contentbox-contents .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.contentbox-contents .px-11 { padding-left: 2.75rem; padding-right: 2.75rem; }
.contentbox-contents .px-12 { padding-left: 3rem; padding-right: 3rem; }
.contentbox-contents .px-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
.contentbox-contents .px-16 { padding-left: 4rem; padding-right: 4rem; }
.contentbox-contents .px-20 { padding-left: 5rem; padding-right: 5rem; }

.contentbox-contents .py-0 { padding-top: 0px; padding-bottom: 0px; }
.contentbox-contents .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.contentbox-contents .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.contentbox-contents .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.contentbox-contents .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.contentbox-contents .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.contentbox-contents .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.contentbox-contents .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.contentbox-contents .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.contentbox-contents .py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.contentbox-contents .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.contentbox-contents .py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.contentbox-contents .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.contentbox-contents .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.contentbox-contents .py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.contentbox-contents .py-20 { padding-top: 5rem; padding-bottom: 5rem; }

.contentbox-contents .pb-0 { padding-bottom: 0px }
.contentbox-contents .pb-1 { padding-bottom: 0.25rem }
.contentbox-contents .pb-2 { padding-bottom: 0.5rem }
.contentbox-contents .pb-3 { padding-bottom: 0.75rem }
.contentbox-contents .pb-4 { padding-bottom: 1rem }
.contentbox-contents .pb-5 { padding-bottom: 1.25rem }
.contentbox-contents .pb-6 { padding-bottom: 1.5rem }
.contentbox-contents .pb-7 { padding-bottom: 1.75rem }
.contentbox-contents .pb-8 { padding-bottom: 2rem }
.contentbox-contents .pb-9 { padding-bottom: 2.25rem }
.contentbox-contents .pb-10 { padding-bottom: 2.5rem }
.contentbox-contents .pb-11 { padding-bottom: 2.75rem }
.contentbox-contents .pb-12 { padding-bottom: 3rem }
.contentbox-contents .pb-14 { padding-bottom: 3.5rem }
.contentbox-contents .pb-16 { padding-bottom: 4rem }
.contentbox-contents .pb-20 { padding-bottom: 5rem }

.contentbox-contents .pr-0 { padding-right: 0px }
.contentbox-contents .pr-1 { padding-right: 0.25rem }
.contentbox-contents .pr-2 { padding-right: 0.5rem }
.contentbox-contents .pr-3 { padding-right: 0.75rem }
.contentbox-contents .pr-4 { padding-right: 1rem }
.contentbox-contents .pr-5 { padding-right: 1.25rem }
.contentbox-contents .pr-6 { padding-right: 1.5rem }
.contentbox-contents .pr-7 { padding-right: 1.75rem }
.contentbox-contents .pr-8 { padding-right: 2rem }
.contentbox-contents .pr-9 { padding-right: 2.25rem }
.contentbox-contents .pr-10 { padding-right: 2.5rem }
.contentbox-contents .pr-11 { padding-right: 2.75rem }
.contentbox-contents .pr-12 { padding-right: 3rem }
.contentbox-contents .pr-14 { padding-right: 3.5rem }
.contentbox-contents .pr-16 { padding-right: 4rem }
.contentbox-contents .pr-20 { padding-right: 5rem }

.contentbox-contents .pt-0 { padding-top: 0px }
.contentbox-contents .pt-1 { padding-top: 0.25rem }
.contentbox-contents .pt-2 { padding-top: 0.5rem }
.contentbox-contents .pt-3 { padding-top: 0.75rem }
.contentbox-contents .pt-4 { padding-top: 1rem }
.contentbox-contents .pt-5 { padding-top: 1.25rem }
.contentbox-contents .pt-6 { padding-top: 1.5rem }
.contentbox-contents .pt-7 { padding-top: 1.75rem }
.contentbox-contents .pt-8 { padding-top: 2rem }
.contentbox-contents .pt-9 { padding-top: 2.25rem }
.contentbox-contents .pt-10 { padding-top: 2.5rem }
.contentbox-contents .pt-11 { padding-top: 2.75rem }
.contentbox-contents .pt-12 { padding-top: 3rem }
.contentbox-contents .pt-14 { padding-top: 3.5rem }
.contentbox-contents .pt-16 { padding-top: 4rem }
.contentbox-contents .pt-20 { padding-top: 5rem }

.contentbox-contents .pl-0 { padding-left: 0px }
.contentbox-contents .pl-1 { padding-left: 0.25rem }
.contentbox-contents .pl-2 { padding-left: 0.5rem }
.contentbox-contents .pl-3 { padding-left: 0.75rem }
.contentbox-contents .pl-4 { padding-left: 1rem }
.contentbox-contents .pl-5 { padding-left: 1.25rem }
.contentbox-contents .pl-6 { padding-left: 1.5rem }
.contentbox-contents .pl-7 { padding-left: 1.75rem }
.contentbox-contents .pl-8 { padding-left: 2rem }
.contentbox-contents .pl-9 { padding-left: 2.25rem }
.contentbox-contents .pl-10 { padding-left: 2.5rem }
.contentbox-contents .pl-11 { padding-left: 2.75rem }
.contentbox-contents .pl-12 { padding-left: 3rem }
.contentbox-contents .pl-14 { padding-left: 3.5rem }
.contentbox-contents .pl-16 { padding-left: 4rem }
.contentbox-contents .pl-20 { padding-left: 5rem }

.contentbox-contents .ml-0 { margin-left: 0px }
.contentbox-contents .ml-1 { margin-left: 0.25rem }
.contentbox-contents .ml-2 { margin-left: 0.5rem }
.contentbox-contents .ml-3 { margin-left: 0.75rem }
.contentbox-contents .ml-4 { margin-left: 1rem }
.contentbox-contents .ml-5 { margin-left: 1.25rem }
.contentbox-contents .ml-6 { margin-left: 1.5rem }
.contentbox-contents .ml-8 { margin-left: 2rem }
.contentbox-contents .ml-10 { margin-left: 2.5rem }
.contentbox-contents .mr-0 { margin-right: 0px }
.contentbox-contents .mr-1 { margin-right: 0.25rem }
.contentbox-contents .mr-2 { margin-right: 0.5rem }
.contentbox-contents .mr-3 { margin-right: 0.75rem }
.contentbox-contents .mr-4 { margin-right: 1rem }
.contentbox-contents .mr-5 { margin-right: 1.25rem }
.contentbox-contents .mr-6 { margin-right: 1.5rem }
.contentbox-contents .mr-8 { margin-right: 2rem }
.contentbox-contents .mr-10 { margin-right: 2.5rem }
.contentbox-contents .mt-0 { margin-top: 0px }
.contentbox-contents .mt-1 { margin-top: 0.25rem }
.contentbox-contents .mt-2 { margin-top: 0.5rem }
.contentbox-contents .mt-3 { margin-top: 0.75rem }
.contentbox-contents .mt-4 { margin-top: 1rem }
.contentbox-contents .mt-5 { margin-top: 1.25rem }
.contentbox-contents .mt-6 { margin-top: 1.5rem }
.contentbox-contents .mt-8 { margin-top: 2rem }
.contentbox-contents .mt-10 { margin-top: 2.5rem }
.contentbox-contents .mb-0 { margin-bottom: 0px }
.contentbox-contents .mb-1 { margin-bottom: 0.25rem }
.contentbox-contents .mb-2 { margin-bottom: 0.5rem }
.contentbox-contents .mb-3 { margin-bottom: 0.75rem }
.contentbox-contents .mb-4 { margin-bottom: 1rem }
.contentbox-contents .mb-5 { margin-bottom: 1.25rem }
.contentbox-contents .mb-6 { margin-bottom: 1.5rem }
.contentbox-contents .mb-8 { margin-bottom: 2rem }
.contentbox-contents .mb-10 { margin-bottom: 2.5rem }

/* flex */

.contentbox-contents .flex { display: flex }
.contentbox-contents .block { display: block }
.contentbox-contents .inline { display: inline }
.contentbox-contents .inline-block { display: inline-block }

.contentbox-contents .flex-row { flex-direction: row }
.contentbox-contents .flex-row-reverse { flex-direction: row-reverse }
.contentbox-contents .flex-col { flex-direction: column }
.contentbox-contents .flex-col-reverse { flex-direction: column-reverse }

.contentbox-contents .flex-wrap { flex-wrap: wrap }
.contentbox-contents .flex-wrap-reverse { flex-wrap: wrap-reverse }
.contentbox-contents .flex-nowrap { flex-wrap: nowrap }
.contentbox-contents .justify-start { justify-content: flex-start }
.contentbox-contents .justify-end { justify-content: flex-end }
.contentbox-contents .justify-center { justify-content: center }
.contentbox-contents .justify-between { justify-content: space-between }
.contentbox-contents .justify-around { justify-content: space-around }
.contentbox-contents .justify-evenly { justify-content: space-evenly }

.contentbox-contents .items-start { align-items: flex-start }
.contentbox-contents .items-end { align-items: flex-end }
.contentbox-contents .items-center { align-items: center }
.contentbox-contents .items-baseline { align-items: baseline }
.contentbox-contents .items-stretch { align-items: stretch }

/* border */

.contentbox-contents .border-solid { border-style: solid }
.contentbox-contents .border-none { border-style: none }

.contentbox-contents .border { border-width: 1px }
.contentbox-contents .border-0 { border-width: 0px }
.contentbox-contents .border-2 { border-width: 2px }

.contentbox-contents .border-transparent { border-color: transparent }
.contentbox-contents .border-current { border-color: currentColor }
.contentbox-contents .hover\:border-transparent:hover { border-color: transparent !important }
.contentbox-contents .hover\:border-current:hover  { border-color: currentColor !important }

.contentbox-contents .rounded-none { border-radius: 0px }
.contentbox-contents .rounded-sm { border-radius: 0.125rem }
.contentbox-contents .rounded { border-radius: 0.25rem }
.contentbox-contents .rounded-md { border-radius: 0.375rem }
.contentbox-contents .rounded-lg { border-radius: 0.5rem }
.contentbox-contents .rounded-full { border-radius: 9999px }
.contentbox-contents .rounded-2xl { border-radius: 1rem }
.contentbox-contents .rounded-3xl { border-radius: 1.5rem }
.contentbox-contents .rounded-xl { border-radius: 0.75rem }

/* height */

.contentbox-contents .h-auto { height: auto }
.contentbox-contents .h-full { height: 100% }

/* colors */

.contentbox-contents .bg-transparent { background-color: transparent }
.contentbox-contents .bg-current { background-color: currentColor }
.contentbox-contents .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) }

.contentbox-contents .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-gray-400 { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-gray-600 { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-red-300 { --tw-bg-opacity: 1; background-color: rgb(252 165 165 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-red-400 { --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-red-700 { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-red-800 { --tw-bg-opacity: 1; background-color: rgb(153 27 27 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-red-900 { --tw-bg-opacity: 1; background-color: rgb(127 29 29 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-orange-50 { --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-orange-100 { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-orange-200 { --tw-bg-opacity: 1; background-color: rgb(254 215 170 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-orange-300 { --tw-bg-opacity: 1; background-color: rgb(253 186 116 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-orange-400 { --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-orange-500 { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-orange-600 { --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-orange-700 { --tw-bg-opacity: 1; background-color: rgb(194 65 12 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-orange-800 { --tw-bg-opacity: 1; background-color: rgb(154 52 18 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-orange-900 { --tw-bg-opacity: 1; background-color: rgb(124 45 18 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-yellow-50 { --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-yellow-100 { --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-yellow-200 { --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-yellow-300 { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-yellow-400 { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-yellow-600 { --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-yellow-700 { --tw-bg-opacity: 1; background-color: rgb(161 98 7 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-yellow-800 { --tw-bg-opacity: 1; background-color: rgb(133 77 14 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-yellow-900 { --tw-bg-opacity: 1; background-color: rgb(113 63 18 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-green-200 { --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-green-300 { --tw-bg-opacity: 1; background-color: rgb(134 239 172 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-green-400 { --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-green-600 { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-green-700 { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-green-800 { --tw-bg-opacity: 1; background-color: rgb(22 101 52 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-green-900 { --tw-bg-opacity: 1; background-color: rgb(20 83 45 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-100 { --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-200 { --tw-bg-opacity: 1; background-color: rgb(153 246 228 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-300 { --tw-bg-opacity: 1; background-color: rgb(94 234 212 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-400 { --tw-bg-opacity: 1; background-color: rgb(45 212 191 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-500 { --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-600 { --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-700 { --tw-bg-opacity: 1; background-color: rgb(15 118 110 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-800 { --tw-bg-opacity: 1; background-color: rgb(17 94 89 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-900 { --tw-bg-opacity: 1; background-color: rgb(19 78 74 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-blue-200 { --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-blue-300 { --tw-bg-opacity: 1; background-color: rgb(147 197 253 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-blue-400 { --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-blue-700 { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-blue-800 { --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-blue-900 { --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-indigo-50 { --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-indigo-100 { --tw-bg-opacity: 1; background-color: rgb(224 231 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-indigo-200 { --tw-bg-opacity: 1; background-color: rgb(199 210 254 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-indigo-300 { --tw-bg-opacity: 1; background-color: rgb(165 180 252 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-indigo-400 { --tw-bg-opacity: 1; background-color: rgb(129 140 248 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-indigo-500 { --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-indigo-600 { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-indigo-700 { --tw-bg-opacity: 1; background-color: rgb(67 56 202 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-indigo-800 { --tw-bg-opacity: 1; background-color: rgb(55 48 163 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-indigo-900 { --tw-bg-opacity: 1; background-color: rgb(49 46 129 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-50 { --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-200 { --tw-bg-opacity: 1; background-color: rgb(233 213 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-300 { --tw-bg-opacity: 1; background-color: rgb(216 180 254 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-400 { --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-500 { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-600 { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-700 { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-800 { --tw-bg-opacity: 1; background-color: rgb(107 33 168 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-900 { --tw-bg-opacity: 1; background-color: rgb(88 28 135 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-pink-50 { --tw-bg-opacity: 1; background-color: rgb(253 242 248 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-pink-100 { --tw-bg-opacity: 1; background-color: rgb(252 231 243 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-pink-200 { --tw-bg-opacity: 1; background-color: rgb(251 207 232 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-pink-300 { --tw-bg-opacity: 1; background-color: rgb(249 168 212 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-pink-400 { --tw-bg-opacity: 1; background-color: rgb(244 114 182 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-pink-500 { --tw-bg-opacity: 1; background-color: rgb(236 72 153 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-pink-600 { --tw-bg-opacity: 1; background-color: rgb(219 39 119 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-pink-700 { --tw-bg-opacity: 1; background-color: rgb(190 24 93 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-pink-800 { --tw-bg-opacity: 1; background-color: rgb(157 23 77 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-pink-900 { --tw-bg-opacity: 1; background-color: rgb(131 24 67 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-amber-50 { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-amber-100 { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-amber-200 { --tw-bg-opacity: 1; background-color: rgb(253 230 138 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-amber-300 { --tw-bg-opacity: 1; background-color: rgb(252 211 77 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-amber-400 { --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-amber-500 { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-amber-600 { --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-amber-700 { --tw-bg-opacity: 1; background-color: rgb(180 83 9 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-amber-800 { --tw-bg-opacity: 1; background-color: rgb(146 64 14 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-amber-900 { --tw-bg-opacity: 1; background-color: rgb(120 53 15 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-lime-50 { --tw-bg-opacity: 1; background-color: rgb(247 254 231 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-lime-100 { --tw-bg-opacity: 1; background-color: rgb(236 252 203 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-lime-200 { --tw-bg-opacity: 1; background-color: rgb(217 249 157 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-lime-300 { --tw-bg-opacity: 1; background-color: rgb(190 242 100 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-lime-400 { --tw-bg-opacity: 1; background-color: rgb(163 230 53 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-lime-500 { --tw-bg-opacity: 1; background-color: rgb(132 204 22 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-lime-600 { --tw-bg-opacity: 1; background-color: rgb(101 163 13 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-lime-700 { --tw-bg-opacity: 1; background-color: rgb(77 124 15 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-lime-800 { --tw-bg-opacity: 1; background-color: rgb(63 98 18 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-lime-900 { --tw-bg-opacity: 1; background-color: rgb(54 83 20 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-emerald-50 { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-emerald-100 { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-emerald-200 { --tw-bg-opacity: 1; background-color: rgb(167 243 208 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-emerald-300 { --tw-bg-opacity: 1; background-color: rgb(110 231 183 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-emerald-400 { --tw-bg-opacity: 1; background-color: rgb(52 211 153 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-emerald-500 { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-emerald-600 { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-emerald-700 { --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-emerald-800 { --tw-bg-opacity: 1; background-color: rgb(6 95 70 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-emerald-900 { --tw-bg-opacity: 1; background-color: rgb(6 78 59 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 250 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-100 { --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-200 { --tw-bg-opacity: 1; background-color: rgb(153 246 228 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-300 { --tw-bg-opacity: 1; background-color: rgb(94 234 212 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-400 { --tw-bg-opacity: 1; background-color: rgb(45 212 191 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-500 { --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-600 { --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-700 { --tw-bg-opacity: 1; background-color: rgb(15 118 110 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-800 { --tw-bg-opacity: 1; background-color: rgb(17 94 89 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-teal-900 { --tw-bg-opacity: 1; background-color: rgb(19 78 74 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-cyan-50 { --tw-bg-opacity: 1; background-color: rgb(236 254 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-cyan-100 { --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-cyan-200 { --tw-bg-opacity: 1; background-color: rgb(165 243 252 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-cyan-300 { --tw-bg-opacity: 1; background-color: rgb(103 232 249 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-cyan-400 { --tw-bg-opacity: 1; background-color: rgb(34 211 238 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-cyan-500 { --tw-bg-opacity: 1; background-color: rgb(6 182 212 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-cyan-600 { --tw-bg-opacity: 1; background-color: rgb(8 145 178 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-cyan-700 { --tw-bg-opacity: 1; background-color: rgb(14 116 144 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-cyan-800 { --tw-bg-opacity: 1; background-color: rgb(21 94 117 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-cyan-900 { --tw-bg-opacity: 1; background-color: rgb(22 78 99 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-sky-50 { --tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-sky-100 { --tw-bg-opacity: 1; background-color: rgb(224 242 254 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-sky-200 { --tw-bg-opacity: 1; background-color: rgb(186 230 253 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-sky-300 { --tw-bg-opacity: 1; background-color: rgb(125 211 252 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-sky-400 { --tw-bg-opacity: 1; background-color: rgb(56 189 248 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-sky-500 { --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-sky-600 { --tw-bg-opacity: 1; background-color: rgb(2 132 199 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-sky-700 { --tw-bg-opacity: 1; background-color: rgb(3 105 161 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-sky-800 { --tw-bg-opacity: 1; background-color: rgb(7 89 133 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-sky-900 { --tw-bg-opacity: 1; background-color: rgb(12 74 110 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-violet-50 { --tw-bg-opacity: 1; background-color: rgb(245 243 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-violet-100 { --tw-bg-opacity: 1; background-color: rgb(237 233 254 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-violet-200 { --tw-bg-opacity: 1; background-color: rgb(221 214 254 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-violet-300 { --tw-bg-opacity: 1; background-color: rgb(196 181 253 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-violet-400 { --tw-bg-opacity: 1; background-color: rgb(167 139 250 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-violet-500 { --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-violet-600 { --tw-bg-opacity: 1; background-color: rgb(124 58 237 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-violet-700 { --tw-bg-opacity: 1; background-color: rgb(109 40 217 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-violet-800 { --tw-bg-opacity: 1; background-color: rgb(91 33 182 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-violet-900 { --tw-bg-opacity: 1; background-color: rgb(76 29 149 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-50 { --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-200 { --tw-bg-opacity: 1; background-color: rgb(233 213 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-300 { --tw-bg-opacity: 1; background-color: rgb(216 180 254 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-400 { --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-500 { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-600 { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-700 { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-800 { --tw-bg-opacity: 1; background-color: rgb(107 33 168 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-purple-900 { --tw-bg-opacity: 1; background-color: rgb(88 28 135 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-fuchsia-50 { --tw-bg-opacity: 1; background-color: rgb(253 244 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-fuchsia-100 { --tw-bg-opacity: 1; background-color: rgb(250 232 255 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-fuchsia-200 { --tw-bg-opacity: 1; background-color: rgb(245 208 254 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-fuchsia-300 { --tw-bg-opacity: 1; background-color: rgb(240 171 252 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-fuchsia-400 { --tw-bg-opacity: 1; background-color: rgb(232 121 249 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-fuchsia-500 { --tw-bg-opacity: 1; background-color: rgb(217 70 239 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-fuchsia-600 { --tw-bg-opacity: 1; background-color: rgb(192 38 211 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-fuchsia-700 { --tw-bg-opacity: 1; background-color: rgb(162 28 175 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-fuchsia-800 { --tw-bg-opacity: 1; background-color: rgb(134 25 143 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-fuchsia-900 { --tw-bg-opacity: 1; background-color: rgb(112 26 117 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-rose-50 { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-rose-100 { --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-rose-200 { --tw-bg-opacity: 1; background-color: rgb(254 205 211 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-rose-300 { --tw-bg-opacity: 1; background-color: rgb(253 164 175 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-rose-400 { --tw-bg-opacity: 1; background-color: rgb(251 113 133 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-rose-500 { --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-rose-600 { --tw-bg-opacity: 1; background-color: rgb(225 29 72 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-rose-700 { --tw-bg-opacity: 1; background-color: rgb(190 18 60 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-rose-800 { --tw-bg-opacity: 1; background-color: rgb(159 18 57 / var(--tw-bg-opacity)) }
.contentbox-contents .bg-rose-900 { --tw-bg-opacity: 1; background-color: rgb(136 19 55 / var(--tw-bg-opacity)) }

.contentbox-contents .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-gray-300:hover { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-gray-400:hover { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-gray-500:hover { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-gray-600:hover { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-gray-800:hover { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-gray-900:hover { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-red-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-red-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-red-200:hover { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-red-300:hover { --tw-bg-opacity: 1; background-color: rgb(252 165 165 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-red-400:hover { --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-red-500:hover { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-red-800:hover { --tw-bg-opacity: 1; background-color: rgb(153 27 27 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-red-900:hover { --tw-bg-opacity: 1; background-color: rgb(127 29 29 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-orange-50:hover { --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-orange-100:hover { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-orange-200:hover { --tw-bg-opacity: 1; background-color: rgb(254 215 170 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-orange-300:hover { --tw-bg-opacity: 1; background-color: rgb(253 186 116 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-orange-400:hover { --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-orange-500:hover { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-orange-600:hover { --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-orange-700:hover { --tw-bg-opacity: 1; background-color: rgb(194 65 12 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-orange-800:hover { --tw-bg-opacity: 1; background-color: rgb(154 52 18 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-orange-900:hover { --tw-bg-opacity: 1; background-color: rgb(124 45 18 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-yellow-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-yellow-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-yellow-200:hover { --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-yellow-300:hover { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-yellow-400:hover { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-yellow-500:hover { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-yellow-600:hover { --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-yellow-700:hover { --tw-bg-opacity: 1; background-color: rgb(161 98 7 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-yellow-800:hover { --tw-bg-opacity: 1; background-color: rgb(133 77 14 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-yellow-900:hover { --tw-bg-opacity: 1; background-color: rgb(113 63 18 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-green-50:hover { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-green-100:hover { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-green-200:hover { --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-green-300:hover { --tw-bg-opacity: 1; background-color: rgb(134 239 172 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-green-400:hover { --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-green-500:hover { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-green-600:hover { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-green-700:hover { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-green-800:hover { --tw-bg-opacity: 1; background-color: rgb(22 101 52 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-green-900:hover { --tw-bg-opacity: 1; background-color: rgb(20 83 45 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-teal-50:hover { --tw-bg-opacity: 1; background-color: rgb(240 253 250 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-teal-100:hover { --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-teal-200:hover { --tw-bg-opacity: 1; background-color: rgb(153 246 228 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-teal-300:hover { --tw-bg-opacity: 1; background-color: rgb(94 234 212 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-teal-400:hover { --tw-bg-opacity: 1; background-color: rgb(45 212 191 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-teal-500:hover { --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-teal-600:hover { --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-teal-700:hover { --tw-bg-opacity: 1; background-color: rgb(15 118 110 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-teal-800:hover { --tw-bg-opacity: 1; background-color: rgb(17 94 89 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-teal-900:hover { --tw-bg-opacity: 1; background-color: rgb(19 78 74 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-blue-50:hover { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-blue-100:hover { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-blue-200:hover { --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-blue-300:hover { --tw-bg-opacity: 1; background-color: rgb(147 197 253 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-blue-400:hover { --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-blue-500:hover { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-blue-600:hover { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-blue-800:hover { --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-blue-900:hover { --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-indigo-50:hover { --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-indigo-100:hover { --tw-bg-opacity: 1; background-color: rgb(224 231 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-indigo-200:hover { --tw-bg-opacity: 1; background-color: rgb(199 210 254 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-indigo-300:hover { --tw-bg-opacity: 1; background-color: rgb(165 180 252 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-indigo-400:hover { --tw-bg-opacity: 1; background-color: rgb(129 140 248 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-indigo-500:hover { --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-indigo-600:hover { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-indigo-700:hover { --tw-bg-opacity: 1; background-color: rgb(67 56 202 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-indigo-800:hover { --tw-bg-opacity: 1; background-color: rgb(55 48 163 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-indigo-900:hover { --tw-bg-opacity: 1; background-color: rgb(49 46 129 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-50:hover { --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-200:hover { --tw-bg-opacity: 1; background-color: rgb(233 213 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-300:hover { --tw-bg-opacity: 1; background-color: rgb(216 180 254 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-400:hover { --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-500:hover { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-600:hover { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-700:hover { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-800:hover { --tw-bg-opacity: 1; background-color: rgb(107 33 168 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-900:hover { --tw-bg-opacity: 1; background-color: rgb(88 28 135 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-pink-50:hover { --tw-bg-opacity: 1; background-color: rgb(253 242 248 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-pink-100:hover { --tw-bg-opacity: 1; background-color: rgb(252 231 243 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-pink-200:hover { --tw-bg-opacity: 1; background-color: rgb(251 207 232 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-pink-300:hover { --tw-bg-opacity: 1; background-color: rgb(249 168 212 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-pink-400:hover { --tw-bg-opacity: 1; background-color: rgb(244 114 182 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-pink-500:hover { --tw-bg-opacity: 1; background-color: rgb(236 72 153 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-pink-600:hover { --tw-bg-opacity: 1; background-color: rgb(219 39 119 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-pink-700:hover { --tw-bg-opacity: 1; background-color: rgb(190 24 93 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-pink-800:hover { --tw-bg-opacity: 1; background-color: rgb(157 23 77 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-pink-900:hover { --tw-bg-opacity: 1; background-color: rgb(131 24 67 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-amber-50:hover { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-amber-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-amber-200:hover { --tw-bg-opacity: 1; background-color: rgb(253 230 138 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-amber-300:hover { --tw-bg-opacity: 1; background-color: rgb(252 211 77 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-amber-400:hover { --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-amber-500:hover { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-amber-600:hover { --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-amber-700:hover { --tw-bg-opacity: 1; background-color: rgb(180 83 9 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-amber-800:hover { --tw-bg-opacity: 1; background-color: rgb(146 64 14 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-amber-900:hover { --tw-bg-opacity: 1; background-color: rgb(120 53 15 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-lime-50:hover { --tw-bg-opacity: 1; background-color: rgb(247 254 231 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-lime-100:hover { --tw-bg-opacity: 1; background-color: rgb(236 252 203 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-lime-200:hover { --tw-bg-opacity: 1; background-color: rgb(217 249 157 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-lime-300:hover { --tw-bg-opacity: 1; background-color: rgb(190 242 100 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-lime-400:hover { --tw-bg-opacity: 1; background-color: rgb(163 230 53 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-lime-500:hover { --tw-bg-opacity: 1; background-color: rgb(132 204 22 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-lime-600:hover { --tw-bg-opacity: 1; background-color: rgb(101 163 13 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-lime-700:hover { --tw-bg-opacity: 1; background-color: rgb(77 124 15 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-lime-800:hover { --tw-bg-opacity: 1; background-color: rgb(63 98 18 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-lime-900:hover { --tw-bg-opacity: 1; background-color: rgb(54 83 20 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-emerald-50:hover { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-emerald-100:hover { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-emerald-200:hover { --tw-bg-opacity: 1; background-color: rgb(167 243 208 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-emerald-300:hover { --tw-bg-opacity: 1; background-color: rgb(110 231 183 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-emerald-400:hover { --tw-bg-opacity: 1; background-color: rgb(52 211 153 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-emerald-500:hover { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-emerald-600:hover { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-emerald-700:hover { --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-emerald-800:hover { --tw-bg-opacity: 1; background-color: rgb(6 95 70 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-emerald-900:hover { --tw-bg-opacity: 1; background-color: rgb(6 78 59 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-cyan-50:hover { --tw-bg-opacity: 1; background-color: rgb(236 254 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-cyan-100:hover { --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-cyan-200:hover { --tw-bg-opacity: 1; background-color: rgb(165 243 252 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-cyan-300:hover { --tw-bg-opacity: 1; background-color: rgb(103 232 249 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-cyan-400:hover { --tw-bg-opacity: 1; background-color: rgb(34 211 238 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-cyan-500:hover { --tw-bg-opacity: 1; background-color: rgb(6 182 212 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-cyan-600:hover { --tw-bg-opacity: 1; background-color: rgb(8 145 178 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-cyan-700:hover { --tw-bg-opacity: 1; background-color: rgb(14 116 144 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-cyan-800:hover { --tw-bg-opacity: 1; background-color: rgb(21 94 117 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-cyan-900:hover { --tw-bg-opacity: 1; background-color: rgb(22 78 99 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-sky-50:hover { --tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-sky-100:hover { --tw-bg-opacity: 1; background-color: rgb(224 242 254 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-sky-200:hover { --tw-bg-opacity: 1; background-color: rgb(186 230 253 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-sky-300:hover { --tw-bg-opacity: 1; background-color: rgb(125 211 252 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-sky-400:hover { --tw-bg-opacity: 1; background-color: rgb(56 189 248 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-sky-500:hover { --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-sky-600:hover { --tw-bg-opacity: 1; background-color: rgb(2 132 199 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-sky-700:hover { --tw-bg-opacity: 1; background-color: rgb(3 105 161 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-sky-800:hover { --tw-bg-opacity: 1; background-color: rgb(7 89 133 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-sky-900:hover { --tw-bg-opacity: 1; background-color: rgb(12 74 110 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-violet-50:hover { --tw-bg-opacity: 1; background-color: rgb(245 243 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-violet-100:hover { --tw-bg-opacity: 1; background-color: rgb(237 233 254 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-violet-200:hover { --tw-bg-opacity: 1; background-color: rgb(221 214 254 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-violet-300:hover { --tw-bg-opacity: 1; background-color: rgb(196 181 253 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-violet-400:hover { --tw-bg-opacity: 1; background-color: rgb(167 139 250 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-violet-500:hover { --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-violet-600:hover { --tw-bg-opacity: 1; background-color: rgb(124 58 237 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-violet-700:hover { --tw-bg-opacity: 1; background-color: rgb(109 40 217 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-violet-800:hover { --tw-bg-opacity: 1; background-color: rgb(91 33 182 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-violet-900:hover { --tw-bg-opacity: 1; background-color: rgb(76 29 149 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-50:hover { --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-200:hover { --tw-bg-opacity: 1; background-color: rgb(233 213 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-300:hover { --tw-bg-opacity: 1; background-color: rgb(216 180 254 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-400:hover { --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-500:hover { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-600:hover { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-700:hover { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-800:hover { --tw-bg-opacity: 1; background-color: rgb(107 33 168 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-purple-900:hover { --tw-bg-opacity: 1; background-color: rgb(88 28 135 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-fuchsia-50:hover { --tw-bg-opacity: 1; background-color: rgb(253 244 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-fuchsia-100:hover { --tw-bg-opacity: 1; background-color: rgb(250 232 255 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-fuchsia-200:hover { --tw-bg-opacity: 1; background-color: rgb(245 208 254 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-fuchsia-300:hover { --tw-bg-opacity: 1; background-color: rgb(240 171 252 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-fuchsia-400:hover { --tw-bg-opacity: 1; background-color: rgb(232 121 249 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-fuchsia-500:hover { --tw-bg-opacity: 1; background-color: rgb(217 70 239 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-fuchsia-600:hover { --tw-bg-opacity: 1; background-color: rgb(192 38 211 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-fuchsia-700:hover { --tw-bg-opacity: 1; background-color: rgb(162 28 175 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-fuchsia-800:hover { --tw-bg-opacity: 1; background-color: rgb(134 25 143 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-fuchsia-900:hover { --tw-bg-opacity: 1; background-color: rgb(112 26 117 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-rose-50:hover { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-rose-100:hover { --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-rose-200:hover { --tw-bg-opacity: 1; background-color: rgb(254 205 211 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-rose-300:hover { --tw-bg-opacity: 1; background-color: rgb(253 164 175 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-rose-400:hover { --tw-bg-opacity: 1; background-color: rgb(251 113 133 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-rose-500:hover { --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-rose-600:hover { --tw-bg-opacity: 1; background-color: rgb(225 29 72 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-rose-700:hover { --tw-bg-opacity: 1; background-color: rgb(190 18 60 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-rose-800:hover { --tw-bg-opacity: 1; background-color: rgb(159 18 57 / var(--tw-bg-opacity)) }
.contentbox-contents .hover\:bg-rose-900:hover { --tw-bg-opacity: 1; background-color: rgb(136 19 55 / var(--tw-bg-opacity)) }

/* text colors */

.contentbox-contents .text-transparent { color: transparent }
.contentbox-contents .text-current { color: currentColor }

.contentbox-contents .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)) }
.contentbox-contents .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) }
.contentbox-contents .text-gray-50 { --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity)) }
.contentbox-contents .text-gray-100 { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)) }
.contentbox-contents .text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)) }
.contentbox-contents .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)) }
.contentbox-contents .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)) }
.contentbox-contents .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)) }
.contentbox-contents .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)) }
.contentbox-contents .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)) }
.contentbox-contents .text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)) }
.contentbox-contents .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)) }
.contentbox-contents .text-red-50 { --tw-text-opacity: 1; color: rgb(254 242 242 / var(--tw-text-opacity)) }
.contentbox-contents .text-red-100 { --tw-text-opacity: 1; color: rgb(254 226 226 / var(--tw-text-opacity)) }
.contentbox-contents .text-red-200 { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity)) }
.contentbox-contents .text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity)) }
.contentbox-contents .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity)) }
.contentbox-contents .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)) }
.contentbox-contents .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)) }
.contentbox-contents .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity)) }
.contentbox-contents .text-red-800 { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity)) }
.contentbox-contents .text-red-900 { --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity)) }
.contentbox-contents .text-orange-50 { --tw-text-opacity: 1; color: rgb(255 247 237 / var(--tw-text-opacity)) }
.contentbox-contents .text-orange-100 { --tw-text-opacity: 1; color: rgb(255 237 213 / var(--tw-text-opacity)) }
.contentbox-contents .text-orange-200 { --tw-text-opacity: 1; color: rgb(254 215 170 / var(--tw-text-opacity)) }
.contentbox-contents .text-orange-300 { --tw-text-opacity: 1; color: rgb(253 186 116 / var(--tw-text-opacity)) }
.contentbox-contents .text-orange-400 { --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity)) }
.contentbox-contents .text-orange-500 { --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity)) }
.contentbox-contents .text-orange-600 { --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity)) }
.contentbox-contents .text-orange-700 { --tw-text-opacity: 1; color: rgb(194 65 12 / var(--tw-text-opacity)) }
.contentbox-contents .text-orange-800 { --tw-text-opacity: 1; color: rgb(154 52 18 / var(--tw-text-opacity)) }
.contentbox-contents .text-orange-900 { --tw-text-opacity: 1; color: rgb(124 45 18 / var(--tw-text-opacity)) }
.contentbox-contents .text-yellow-50 { --tw-text-opacity: 1; color: rgb(254 252 232 / var(--tw-text-opacity)) }
.contentbox-contents .text-yellow-100 { --tw-text-opacity: 1; color: rgb(254 249 195 / var(--tw-text-opacity)) }
.contentbox-contents .text-yellow-200 { --tw-text-opacity: 1; color: rgb(254 240 138 / var(--tw-text-opacity)) }
.contentbox-contents .text-yellow-300 { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity)) }
.contentbox-contents .text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity)) }
.contentbox-contents .text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity)) }
.contentbox-contents .text-yellow-600 { --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity)) }
.contentbox-contents .text-yellow-700 { --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity)) }
.contentbox-contents .text-yellow-800 { --tw-text-opacity: 1; color: rgb(133 77 14 / var(--tw-text-opacity)) }
.contentbox-contents .text-yellow-900 { --tw-text-opacity: 1; color: rgb(113 63 18 / var(--tw-text-opacity)) }
.contentbox-contents .text-green-50 { --tw-text-opacity: 1; color: rgb(240 253 244 / var(--tw-text-opacity)) }
.contentbox-contents .text-green-100 { --tw-text-opacity: 1; color: rgb(220 252 231 / var(--tw-text-opacity)) }
.contentbox-contents .text-green-200 { --tw-text-opacity: 1; color: rgb(187 247 208 / var(--tw-text-opacity)) }
.contentbox-contents .text-green-300 { --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity)) }
.contentbox-contents .text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity)) }
.contentbox-contents .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity)) }
.contentbox-contents .text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)) }
.contentbox-contents .text-green-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)) }
.contentbox-contents .text-green-800 { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity)) }
.contentbox-contents .text-green-900 { --tw-text-opacity: 1; color: rgb(20 83 45 / var(--tw-text-opacity)) }
.contentbox-contents .text-blue-50 { --tw-text-opacity: 1; color: rgb(239 246 255 / var(--tw-text-opacity)) }
.contentbox-contents .text-blue-100 { --tw-text-opacity: 1; color: rgb(219 234 254 / var(--tw-text-opacity)) }
.contentbox-contents .text-blue-200 { --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity)) }
.contentbox-contents .text-blue-300 { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity)) }
.contentbox-contents .text-blue-400 { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity)) }
.contentbox-contents .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)) }
.contentbox-contents .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)) }
.contentbox-contents .text-blue-700 { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity)) }
.contentbox-contents .text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity)) }
.contentbox-contents .text-blue-900 { --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity)) }
.contentbox-contents .text-indigo-50 { --tw-text-opacity: 1; color: rgb(238 242 255 / var(--tw-text-opacity)) }
.contentbox-contents .text-indigo-100 { --tw-text-opacity: 1; color: rgb(224 231 255 / var(--tw-text-opacity)) }
.contentbox-contents .text-indigo-200 { --tw-text-opacity: 1; color: rgb(199 210 254 / var(--tw-text-opacity)) }
.contentbox-contents .text-indigo-300 { --tw-text-opacity: 1; color: rgb(165 180 252 / var(--tw-text-opacity)) }
.contentbox-contents .text-indigo-400 { --tw-text-opacity: 1; color: rgb(129 140 248 / var(--tw-text-opacity)) }
.contentbox-contents .text-indigo-500 { --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity)) }
.contentbox-contents .text-indigo-600 { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)) }
.contentbox-contents .text-indigo-700 { --tw-text-opacity: 1; color: rgb(67 56 202 / var(--tw-text-opacity)) }
.contentbox-contents .text-indigo-800 { --tw-text-opacity: 1; color: rgb(55 48 163 / var(--tw-text-opacity)) }
.contentbox-contents .text-indigo-900 { --tw-text-opacity: 1; color: rgb(49 46 129 / var(--tw-text-opacity)) }
.contentbox-contents .text-purple-50 { --tw-text-opacity: 1; color: rgb(250 245 255 / var(--tw-text-opacity)) }
.contentbox-contents .text-purple-100 { --tw-text-opacity: 1; color: rgb(243 232 255 / var(--tw-text-opacity)) }
.contentbox-contents .text-purple-200 { --tw-text-opacity: 1; color: rgb(233 213 255 / var(--tw-text-opacity)) }
.contentbox-contents .text-purple-300 { --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity)) }
.contentbox-contents .text-purple-400 { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity)) }
.contentbox-contents .text-purple-500 { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity)) }
.contentbox-contents .text-purple-600 { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity)) }
.contentbox-contents .text-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity)) }
.contentbox-contents .text-purple-800 { --tw-text-opacity: 1; color: rgb(107 33 168 / var(--tw-text-opacity)) }
.contentbox-contents .text-purple-900 { --tw-text-opacity: 1; color: rgb(88 28 135 / var(--tw-text-opacity)) }
.contentbox-contents .text-pink-50 { --tw-text-opacity: 1; color: rgb(253 242 248 / var(--tw-text-opacity)) }
.contentbox-contents .text-pink-100 { --tw-text-opacity: 1; color: rgb(252 231 243 / var(--tw-text-opacity)) }
.contentbox-contents .text-pink-200 { --tw-text-opacity: 1; color: rgb(251 207 232 / var(--tw-text-opacity)) }
.contentbox-contents .text-pink-300 { --tw-text-opacity: 1; color: rgb(249 168 212 / var(--tw-text-opacity)) }
.contentbox-contents .text-pink-400 { --tw-text-opacity: 1; color: rgb(244 114 182 / var(--tw-text-opacity)) }
.contentbox-contents .text-pink-500 { --tw-text-opacity: 1; color: rgb(236 72 153 / var(--tw-text-opacity)) }
.contentbox-contents .text-pink-600 { --tw-text-opacity: 1; color: rgb(219 39 119 / var(--tw-text-opacity)) }
.contentbox-contents .text-pink-700 { --tw-text-opacity: 1; color: rgb(190 24 93 / var(--tw-text-opacity)) }
.contentbox-contents .text-pink-800 { --tw-text-opacity: 1; color: rgb(157 23 77 / var(--tw-text-opacity)) }
.contentbox-contents .text-pink-900 { --tw-text-opacity: 1; color: rgb(131 24 67 / var(--tw-text-opacity)) }
.contentbox-contents .text-amber-50 { --tw-text-opacity: 1; color: rgb(255 251 235 / var(--tw-text-opacity)) }
.contentbox-contents .text-amber-100 { --tw-text-opacity: 1; color: rgb(254 243 199 / var(--tw-text-opacity)) }
.contentbox-contents .text-amber-200 { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity)) }
.contentbox-contents .text-amber-300 { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity)) }
.contentbox-contents .text-amber-400 { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity)) }
.contentbox-contents .text-amber-500 { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity)) }
.contentbox-contents .text-amber-600 { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity)) }
.contentbox-contents .text-amber-700 { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity)) }
.contentbox-contents .text-amber-800 { --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity)) }
.contentbox-contents .text-amber-900 { --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity)) }
.contentbox-contents .text-lime-50 { --tw-text-opacity: 1; color: rgb(247 254 231 / var(--tw-text-opacity)) }
.contentbox-contents .text-lime-100 { --tw-text-opacity: 1; color: rgb(236 252 203 / var(--tw-text-opacity)) }
.contentbox-contents .text-lime-200 { --tw-text-opacity: 1; color: rgb(217 249 157 / var(--tw-text-opacity)) }
.contentbox-contents .text-lime-300 { --tw-text-opacity: 1; color: rgb(190 242 100 / var(--tw-text-opacity)) }
.contentbox-contents .text-lime-400 { --tw-text-opacity: 1; color: rgb(163 230 53 / var(--tw-text-opacity)) }
.contentbox-contents .text-lime-500 { --tw-text-opacity: 1; color: rgb(132 204 22 / var(--tw-text-opacity)) }
.contentbox-contents .text-lime-600 { --tw-text-opacity: 1; color: rgb(101 163 13 / var(--tw-text-opacity)) }
.contentbox-contents .text-lime-700 { --tw-text-opacity: 1; color: rgb(77 124 15 / var(--tw-text-opacity)) }
.contentbox-contents .text-lime-800 { --tw-text-opacity: 1; color: rgb(63 98 18 / var(--tw-text-opacity)) }
.contentbox-contents .text-lime-900 { --tw-text-opacity: 1; color: rgb(54 83 20 / var(--tw-text-opacity)) }
.contentbox-contents .text-emerald-50 { --tw-text-opacity: 1; color: rgb(236 253 245 / var(--tw-text-opacity)) }
.contentbox-contents .text-emerald-100 { --tw-text-opacity: 1; color: rgb(209 250 229 / var(--tw-text-opacity)) }
.contentbox-contents .text-emerald-200 { --tw-text-opacity: 1; color: rgb(167 243 208 / var(--tw-text-opacity)) }
.contentbox-contents .text-emerald-300 { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity)) }
.contentbox-contents .text-emerald-400 { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity)) }
.contentbox-contents .text-emerald-500 { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity)) }
.contentbox-contents .text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity)) }
.contentbox-contents .text-emerald-700 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity)) }
.contentbox-contents .text-emerald-800 { --tw-text-opacity: 1; color: rgb(6 95 70 / var(--tw-text-opacity)) }
.contentbox-contents .text-emerald-900 { --tw-text-opacity: 1; color: rgb(6 78 59 / var(--tw-text-opacity)) }
.contentbox-contents .text-teal-50 { --tw-text-opacity: 1; color: rgb(240 253 250 / var(--tw-text-opacity)) }
.contentbox-contents .text-teal-100 { --tw-text-opacity: 1; color: rgb(204 251 241 / var(--tw-text-opacity)) }
.contentbox-contents .text-teal-200 { --tw-text-opacity: 1; color: rgb(153 246 228 / var(--tw-text-opacity)) }
.contentbox-contents .text-teal-300 { --tw-text-opacity: 1; color: rgb(94 234 212 / var(--tw-text-opacity)) }
.contentbox-contents .text-teal-400 { --tw-text-opacity: 1; color: rgb(45 212 191 / var(--tw-text-opacity)) }
.contentbox-contents .text-teal-500 { --tw-text-opacity: 1; color: rgb(20 184 166 / var(--tw-text-opacity)) }
.contentbox-contents .text-teal-600 { --tw-text-opacity: 1; color: rgb(13 148 136 / var(--tw-text-opacity)) }
.contentbox-contents .text-teal-700 { --tw-text-opacity: 1; color: rgb(15 118 110 / var(--tw-text-opacity)) }
.contentbox-contents .text-teal-800 { --tw-text-opacity: 1; color: rgb(17 94 89 / var(--tw-text-opacity)) }
.contentbox-contents .text-teal-900 { --tw-text-opacity: 1; color: rgb(19 78 74 / var(--tw-text-opacity)) }
.contentbox-contents .text-cyan-50 { --tw-text-opacity: 1; color: rgb(236 254 255 / var(--tw-text-opacity)) }
.contentbox-contents .text-cyan-100 { --tw-text-opacity: 1; color: rgb(207 250 254 / var(--tw-text-opacity)) }
.contentbox-contents .text-cyan-200 { --tw-text-opacity: 1; color: rgb(165 243 252 / var(--tw-text-opacity)) }
.contentbox-contents .text-cyan-300 { --tw-text-opacity: 1; color: rgb(103 232 249 / var(--tw-text-opacity)) }
.contentbox-contents .text-cyan-400 { --tw-text-opacity: 1; color: rgb(34 211 238 / var(--tw-text-opacity)) }
.contentbox-contents .text-cyan-500 { --tw-text-opacity: 1; color: rgb(6 182 212 / var(--tw-text-opacity)) }
.contentbox-contents .text-cyan-600 { --tw-text-opacity: 1; color: rgb(8 145 178 / var(--tw-text-opacity)) }
.contentbox-contents .text-cyan-700 { --tw-text-opacity: 1; color: rgb(14 116 144 / var(--tw-text-opacity)) }
.contentbox-contents .text-cyan-800 { --tw-text-opacity: 1; color: rgb(21 94 117 / var(--tw-text-opacity)) }
.contentbox-contents .text-cyan-900 { --tw-text-opacity: 1; color: rgb(22 78 99 / var(--tw-text-opacity)) }
.contentbox-contents .text-sky-50 { --tw-text-opacity: 1; color: rgb(240 249 255 / var(--tw-text-opacity)) }
.contentbox-contents .text-sky-100 { --tw-text-opacity: 1; color: rgb(224 242 254 / var(--tw-text-opacity)) }
.contentbox-contents .text-sky-200 { --tw-text-opacity: 1; color: rgb(186 230 253 / var(--tw-text-opacity)) }
.contentbox-contents .text-sky-300 { --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity)) }
.contentbox-contents .text-sky-400 { --tw-text-opacity: 1; color: rgb(56 189 248 / var(--tw-text-opacity)) }
.contentbox-contents .text-sky-500 { --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity)) }
.contentbox-contents .text-sky-600 { --tw-text-opacity: 1; color: rgb(2 132 199 / var(--tw-text-opacity)) }
.contentbox-contents .text-sky-700 { --tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity)) }
.contentbox-contents .text-sky-800 { --tw-text-opacity: 1; color: rgb(7 89 133 / var(--tw-text-opacity)) }
.contentbox-contents .text-sky-900 { --tw-text-opacity: 1; color: rgb(12 74 110 / var(--tw-text-opacity)) }
.contentbox-contents .text-violet-50 { --tw-text-opacity: 1; color: rgb(245 243 255 / var(--tw-text-opacity)) }
.contentbox-contents .text-violet-100 { --tw-text-opacity: 1; color: rgb(237 233 254 / var(--tw-text-opacity)) }
.contentbox-contents .text-violet-200 { --tw-text-opacity: 1; color: rgb(221 214 254 / var(--tw-text-opacity)) }
.contentbox-contents .text-violet-300 { --tw-text-opacity: 1; color: rgb(196 181 253 / var(--tw-text-opacity)) }
.contentbox-contents .text-violet-400 { --tw-text-opacity: 1; color: rgb(167 139 250 / var(--tw-text-opacity)) }
.contentbox-contents .text-violet-500 { --tw-text-opacity: 1; color: rgb(139 92 246 / var(--tw-text-opacity)) }
.contentbox-contents .text-violet-600 { --tw-text-opacity: 1; color: rgb(124 58 237 / var(--tw-text-opacity)) }
.contentbox-contents .text-violet-700 { --tw-text-opacity: 1; color: rgb(109 40 217 / var(--tw-text-opacity)) }
.contentbox-contents .text-violet-800 { --tw-text-opacity: 1; color: rgb(91 33 182 / var(--tw-text-opacity)) }
.contentbox-contents .text-violet-900 { --tw-text-opacity: 1; color: rgb(76 29 149 / var(--tw-text-opacity)) }
.contentbox-contents .text-fuchsia-50 { --tw-text-opacity: 1; color: rgb(253 244 255 / var(--tw-text-opacity)) }
.contentbox-contents .text-fuchsia-100 { --tw-text-opacity: 1; color: rgb(250 232 255 / var(--tw-text-opacity)) }
.contentbox-contents .text-fuchsia-200 { --tw-text-opacity: 1; color: rgb(245 208 254 / var(--tw-text-opacity)) }
.contentbox-contents .text-fuchsia-300 { --tw-text-opacity: 1; color: rgb(240 171 252 / var(--tw-text-opacity)) }
.contentbox-contents .text-fuchsia-400 { --tw-text-opacity: 1; color: rgb(232 121 249 / var(--tw-text-opacity)) }
.contentbox-contents .text-fuchsia-500 { --tw-text-opacity: 1; color: rgb(217 70 239 / var(--tw-text-opacity)) }
.contentbox-contents .text-fuchsia-600 { --tw-text-opacity: 1; color: rgb(192 38 211 / var(--tw-text-opacity)) }
.contentbox-contents .text-fuchsia-700 { --tw-text-opacity: 1; color: rgb(162 28 175 / var(--tw-text-opacity)) }
.contentbox-contents .text-fuchsia-800 { --tw-text-opacity: 1; color: rgb(134 25 143 / var(--tw-text-opacity)) }
.contentbox-contents .text-fuchsia-900 { --tw-text-opacity: 1; color: rgb(112 26 117 / var(--tw-text-opacity)) }
.contentbox-contents .text-rose-50 { --tw-text-opacity: 1; color: rgb(255 241 242 / var(--tw-text-opacity)) }
.contentbox-contents .text-rose-100 { --tw-text-opacity: 1; color: rgb(255 228 230 / var(--tw-text-opacity)) }
.contentbox-contents .text-rose-200 { --tw-text-opacity: 1; color: rgb(254 205 211 / var(--tw-text-opacity)) }
.contentbox-contents .text-rose-300 { --tw-text-opacity: 1; color: rgb(253 164 175 / var(--tw-text-opacity)) }
.contentbox-contents .text-rose-400 { --tw-text-opacity: 1; color: rgb(251 113 133 / var(--tw-text-opacity)) }
.contentbox-contents .text-rose-500 { --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity)) }
.contentbox-contents .text-rose-600 { --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity)) }
.contentbox-contents .text-rose-700 { --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity)) }
.contentbox-contents .text-rose-800 { --tw-text-opacity: 1; color: rgb(159 18 57 / var(--tw-text-opacity)) }
.contentbox-contents .text-rose-900 { --tw-text-opacity: 1; color: rgb(136 19 55 / var(--tw-text-opacity)) }

.contentbox-contents .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; }
.contentbox-contents .hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; }
.contentbox-contents .hover\:text-current:hover { color: currentColor !important }

/* width */

.contentbox-contents .w-full { width: 100% }
.contentbox-contents .w-screen { width: 100vw }
.contentbox-contents .w-1\/2 { width: 50% }
.contentbox-contents .w-1\/3 { width: 33.333333% }
.contentbox-contents .w-2\/3 { width: 66.666667% }
.contentbox-contents .w-1\/4 { width: 25% }
.contentbox-contents .w-2\/4 { width: 50% }
.contentbox-contents .w-3\/4 { width: 75% }
.contentbox-contents .w-1\/5 { width: 20% }
.contentbox-contents .w-2\/5 { width: 40% }
.contentbox-contents .w-3\/5 { width: 60% }
.contentbox-contents .w-4\/5 { width: 80% }
.contentbox-contents .w-1\/6 { width: 16.666667% }
.contentbox-contents .w-2\/6 { width: 33.333333% }
.contentbox-contents .w-3\/6 { width: 50% }
.contentbox-contents .w-4\/6 { width: 66.666667% }
.contentbox-contents .w-5\/6 { width: 83.333333% }
.contentbox-contents .w-1\/12 { width: 8.333333% }
.contentbox-contents .w-2\/12 { width: 16.666667% }
.contentbox-contents .w-3\/12 { width: 25% }
.contentbox-contents .w-4\/12 { width: 33.333333% }
.contentbox-contents .w-5\/12 { width: 41.666667% }
.contentbox-contents .w-6\/12 { width: 50% }
.contentbox-contents .w-7\/12 { width: 58.333333% }
.contentbox-contents .w-8\/12 { width: 66.666667% }
.contentbox-contents .w-9\/12 { width: 75% }
.contentbox-contents .w-10\/12 { width: 83.333333% }
.contentbox-contents .w-11\/12 { width: 91.666667% }

/* height */

.contentbox-contents .h-full { height: 100% }
.contentbox-contents .h-screen { height: 100vw }

/* space between */

.contentbox-contents .space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));}
.contentbox-contents .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));}
.contentbox-contents .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));}
.contentbox-contents .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));}
.contentbox-contents .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));}
.contentbox-contents .space-x-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));}
.contentbox-contents .space-x-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));}
.contentbox-contents .space-x-7 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.75rem * var(--tw-space-x-reverse)); margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));}
.contentbox-contents .space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));}
.contentbox-contents .space-x-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));}
.contentbox-contents .space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse));}
.contentbox-contents .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));}
.contentbox-contents .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));}
.contentbox-contents .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));}
.contentbox-contents .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse));}
.contentbox-contents .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));}
.contentbox-contents .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));}
.contentbox-contents .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse));}
.contentbox-contents .space-y-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));}


/* others */
.contentbox-contents .whitespace-nowrap { white-space: nowrap; }
.contentbox-contents .text-base { font-size: 1rem; line-height: 1.5rem; }
.contentbox-contents .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.contentbox-contents .cursor-pointer { cursor: pointer }

.contentbox-contents *, ::before, ::after {
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

/*
Master Style (new feature)
You can apply master style to the container (must be .is-container class).
Example:
<div class="is-container size-18 leading-14 v2">
    ...content here (rows & columns)...
</div>
Note: .v2 class option gives optimization for large screen.
*/
.contentbox-contents .feature-master-style { display: none; } /* do not remove */

/* size-16 */
.contentbox-contents .is-container.size-16 {
    font-size: 16px;
}
.contentbox-contents .is-container.size-16 p,.contentbox-contents .is-container.size-16 td, .is-container.size-16 li,.contentbox-contents .is-container.size-16 label {
    font-size: 16px;
}
@media all and (max-width: 1800px) {
    .is-container.size-16 p,
    .is-container.size-16 td,
    .is-container.size-16 li,
    .contentbox-contents .is-container.size-16 label {font-size:0.99vw; font-size:clamp(16px, 0.99vw, 0.99vw)}
}
@media all and (min-width: 1921px) {
    .is-container.size-16.v2 p,
    .is-container.size-16.v2 td,
    .is-container.size-16.v2 li,
    .contentbox-contents .is-container.size-16.v2 label {font-size:0.83vw}
}

/* size-17 */
.contentbox-contents .is-container.size-17 { font-size: 17px; }
.contentbox-contents .is-container.size-17 p,.contentbox-contents .is-container.size-17 td,.contentbox-contents .is-container.size-17 li,.contentbox-contents .is-container.size-17 label { font-size: 17px; }
@media all and (max-width: 1800px) {
    .is-container.size-17 p,
    .is-container.size-17 td,
    .is-container.size-17 li,
    .contentbox-contents .is-container.size-17 label {font-size:1.05vw; font-size:clamp(17px, 1.05vw, 1.05vw)}
}
@media all and (min-width: 1921px) {
    .is-container.size-17.v2 p,
    .is-container.size-17.v2 td,
    .is-container.size-17.v2 li,
    .contentbox-contents .is-container.size-17.v2 label {font-size:0.89vw}
}

/* size-18 */
.contentbox-contents .is-container.size-18 { font-size: 18px; }
.contentbox-contents .is-container.size-18 p,.contentbox-contents .is-container.size-18 td,.contentbox-contents .is-container.size-18 li,.contentbox-contents .is-container.size-18 label { font-size: 18px; }
@media all and (max-width: 1800px) {
    .is-container.size-18 p,
    .is-container.size-18 td,
    .is-container.size-18 li,
    .contentbox-contents .is-container.size-18 label {font-size:1.11vw; font-size:clamp(18px, 1.11vw, 1.11vw)}
}
@media all and (min-width: 1921px) {
    .is-container.size-18.v2 p,
    .is-container.size-18.v2 td,
    .is-container.size-18.v2 li,
    .contentbox-contents .is-container.size-18.v2 label{font-size:0.94vw}
}

/* size-19 */
.contentbox-contents .is-container.size-19 { font-size: 19px; }
.contentbox-contents .is-container.size-19 p,.contentbox-contents .is-container.size-19 td,.contentbox-contents .is-container.size-19 li,.contentbox-contents .is-container.size-19 label { font-size: 19px; }
@media all and (max-width: 1800px) {
    .is-container.size-19 p,
    .is-container.size-19 td,
    .is-container.size-19 li,
    .contentbox-contents .is-container.size-19 label {font-size:1.17vw; font-size:clamp(19px, 1.17vw, 1.17vw)}
}
@media all and (min-width: 1921px) {
    .is-container.size-19.v2 p,
    .is-container.size-19.v2 td,
    .is-container.size-19.v2 li,
    .contentbox-contents .is-container.size-19.v2 label {font-size:0.99vw}
}

/* size-20 */
.contentbox-contents .is-container.size-20 { font-size: 20px; }
.contentbox-contents .is-container.size-20 p, .is-container.size-20 td, .is-container.size-20 li, .is-container.size-20 label { font-size: 20px; }
@media all and (max-width: 1800px) {
    .is-container.size-20 p,
    .is-container.size-20 td,
    .is-container.size-20 li,
    .contentbox-contents .is-container.size-20 label {font-size:1.23vw; font-size:clamp(20px, 1.23vw, 1.23vw)}
}
@media all and (min-width: 1921px) {
    .is-container.size-20.v2 p,
    .is-container.size-20.v2 td,
    .is-container.size-20.v2 li,
    .contentbox-contents .is-container.size-20.v2 label {font-size:1.04vw}
}

/* size-21 */
.contentbox-contents .is-container.size-21 { font-size: 21px; }
.contentbox-contents .is-container.size-21 p, .is-container.size-21 td, .is-container.size-21 li, .is-container.size-21 label { font-size: 21px; }
@media all and (max-width: 1800px) {
    .is-container.size-21 p,
    .is-container.size-21 td,
    .is-container.size-21 li,
    .contentbox-contents .is-container.size-21 label {font-size:1.29vw; font-size:clamp(21px, 1.29vw, 1.29vw)}
}
@media all and (min-width: 1921px) {
    .is-container.size-21.v2 p,
    .is-container.size-21.v2 td,
    .is-container.size-21.v2 li,
    .contentbox-contents .is-container.size-21.v2 label {font-size:1.09vw}
}

/* leading */
.contentbox-contents .is-container.leading-none p,.contentbox-contents .is-container.leading-none td,.contentbox-contents .is-container.leading-none li,.contentbox-contents .is-container.leading-none label { line-height: 1; }
.contentbox-contents .is-container.leading-none h1,.contentbox-contents .is-container.leading-none h2,.contentbox-contents .is-container.leading-none h3,.contentbox-contents .is-container.leading-none h4,.contentbox-contents .is-container.leading-none h5,.contentbox-contents .is-container.leading-none h6 {
    line-height: 1.1;
}
.contentbox-contents .is-container.leading-10 p,.contentbox-contents .is-container.leading-10 td,.contentbox-contents .is-container.leading-10 li,.contentbox-contents .is-container.leading-10 label { line-height: 1; }
.contentbox-contents .is-container.leading-10 h1,.contentbox-contents .is-container.leading-10 h2,.contentbox-contents .is-container.leading-10 h3,.contentbox-contents .is-container.leading-10 h4,.contentbox-contents .is-container.leading-10 h5,.contentbox-contents .is-container.leading-10 h6 {
    line-height: 1.1;
}
.contentbox-contents .is-container.leading-11 p,.contentbox-contents .is-container.leading-11 td,.contentbox-contents .is-container.leading-11 li,.contentbox-contents .is-container.leading-11 label { line-height: 1.1; }
.contentbox-contents .is-container.leading-11 h1,.contentbox-contents .is-container.leading-11 h2,.contentbox-contents .is-container.leading-11 h3,.contentbox-contents .is-container.leading-11 h4,.contentbox-contents .is-container.leading-11 h5,.contentbox-contents .is-container.leading-11 h6 {
    line-height: 1.1;
}
.contentbox-contents .is-container.leading-12 p,.contentbox-contents .is-container.leading-12 td,.contentbox-contents .is-container.leading-12 li,.contentbox-contents .is-container.leading-12 label { line-height: 1.2; }
.contentbox-contents .is-container.leading-12 h1,.contentbox-contents .is-container.leading-12 h2,.contentbox-contents .is-container.leading-12 h3,.contentbox-contents .is-container.leading-12 h4,.contentbox-contents .is-container.leading-12 h5,.contentbox-contents .is-container.leading-12 h6 {
    line-height: 1.1;
}
.contentbox-contents .is-container.leading-13 p,.contentbox-contents .is-container.leading-13 td,.contentbox-contents .is-container.leading-13 li,.contentbox-contents .is-container.leading-13 label { line-height: 1.3; }
.contentbox-contents .is-container.leading-13 h1,.contentbox-contents .is-container.leading-13 h2,.contentbox-contents .is-container.leading-13 h3,.contentbox-contents .is-container.leading-13 h4,.contentbox-contents .is-container.leading-13 h5,.contentbox-contents .is-container.leading-13 h6 {
    line-height: 1.2;
}
.contentbox-contents .is-container.leading-14 p,.contentbox-contents .is-container.leading-14 td,.contentbox-contents .is-container.leading-14 li,.contentbox-contents .is-container.leading-14 label { line-height: 1.4; }
.contentbox-contents .is-container.leading-14 h1,.contentbox-contents .is-container.leading-14 h2,.contentbox-contents .is-container.leading-14 h3,.contentbox-contents .is-container.leading-14 h4,.contentbox-contents .is-container.leading-14 h5,.contentbox-contents .is-container.leading-14 h6 {
    line-height: 1.2;
}
.contentbox-contents .is-container.leading-15 p,.contentbox-contents .is-container.leading-15 td,.contentbox-contents .is-container.leading-15 li,.contentbox-contents .is-container.leading-15 label { line-height: 1.5; }
.contentbox-contents .is-container.leading-15 h1,.contentbox-contents .is-container.leading-15 h2,.contentbox-contents .is-container.leading-15 h3,.contentbox-contents .is-container.leading-15 h4,.contentbox-contents .is-container.leading-15 h5,.contentbox-contents .is-container.leading-15 h6 {
    line-height: 1.3;
}
.contentbox-contents .is-container.leading-16 p,.contentbox-contents .is-container.leading-16 td,.contentbox-contents .is-container.leading-16 li,.contentbox-contents .is-container.leading-16 label { line-height: 1.6; }
.contentbox-contents .is-container.leading-16 h1,.contentbox-contents .is-container.leading-16 h2,.contentbox-contents .is-container.leading-16 h3,.contentbox-contents .is-container.leading-16 h4,.contentbox-contents .is-container.leading-16 h5,.contentbox-contents .is-container.leading-16 h6 {
    line-height: 1.3;
}
.contentbox-contents .is-container.leading-17 p,.contentbox-contents .is-container.leading-17 td,.contentbox-contents .is-container.leading-17 li,.contentbox-contents .is-container.leading-17 label { line-height: 1.7; }
.contentbox-contents .is-container.leading-17 h1,.contentbox-contents .is-container.leading-17 h2,.contentbox-contents .is-container.leading-17 h3,.contentbox-contents .is-container.leading-17 h4,.contentbox-contents .is-container.leading-17 h5,.contentbox-contents .is-container.leading-17 h6 {
    line-height: 1.3;
}
.contentbox-contents .is-container.leading-18 p,.contentbox-contents .is-container.leading-18 td,.contentbox-contents .is-container.leading-18 li,.contentbox-contents .is-container.leading-18 label { line-height: 1.8; }
.contentbox-contents .is-container.leading-18 h1,.contentbox-contents .is-container.leading-18 h2,.contentbox-contents .is-container.leading-18 h3,.contentbox-contents .is-container.leading-18 h4,.contentbox-contents .is-container.leading-18 h5,.contentbox-contents .is-container.leading-18 h6 {
    line-height: 1.3;
}
.contentbox-contents .is-container.leading-19 p,.contentbox-contents .is-container.leading-19 td,.contentbox-contents .is-container.leading-19 li,.contentbox-contents .is-container.leading-19 label { line-height: 1.9; }
.contentbox-contents .is-container.leading-19 h1,.contentbox-contents .is-container.leading-19 h2,.contentbox-contents .is-container.leading-19 h3,.contentbox-contents .is-container.leading-19 h4,.contentbox-contents .is-container.leading-19 h5,.contentbox-contents .is-container.leading-19 h6 {
    line-height: 1.3;
}
.contentbox-contents .is-container.leading-20 p,.contentbox-contents .is-container.leading-20 td,.contentbox-contents .is-container.leading-20 li,.contentbox-contents .is-container.leading-20 label { line-height: 2.0; }
.contentbox-contents .is-container.leading-20 h1,.contentbox-contents .is-container.leading-20 h2,.contentbox-contents .is-container.leading-20 h3,.contentbox-contents .is-container.leading-20 h4,.contentbox-contents .is-container.leading-20 h5,.contentbox-contents .is-container.leading-20 h6 {
    line-height: 1.3;
}

.contentbox-contents .relative { position: relative }
.contentbox-contents .is-row-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; user-select: none; }

/* Global */

.contentbox-contents .contentbox-contents.body { /* optional */
  width: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.contentbox-contents .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;
}

.contentbox-contents .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; */
}
/* Simplified Flex */
.contentbox-contents .is-wrapper div.is-section.is-box {
  flex-direction: column;
}

.contentbox-contents .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,
.contentbox-contents .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;
}
.contentbox-contents .is-box-1 {width: 8.333333%;}
.contentbox-contents .is-box-2 {width: 16.666667%;}
.contentbox-contents .is-box-3 {width: 25%;}
.contentbox-contents .is-box-4 {width: 33.333333%;}
.contentbox-contents .is-box-5 {width: 41.666667%;}
.contentbox-contents .is-box-6 {width: 50%;}
.contentbox-contents .is-box-7 {width: 58.333333%;}
.contentbox-contents .is-box-8 {width: 66.666667%;}
.contentbox-contents .is-box-9 {width: 75%;}
.contentbox-contents .is-box-10 {width: 83.333333%;}
.contentbox-contents .is-box-11 {width: 91.666667%;}
.contentbox-contents .is-box-12,.contentbox-contents .is-box-centered {width: 100%;}

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

@media all and (max-width: 970px) {

  .contentbox-contents .is-wrapper div.is-section {
      flex-direction: column;
  }

  .contentbox-contents .is-boxes {
      flex-flow: wrap; /* height-stretched items. Before: column wrap */
  }

  .is-boxes > div,
  .contentbox-contents .is-box {
      width:100%;
  }

  .contentbox-contents .is-section-10 .is-box:not(.box-autofit) {min-height:10vh}
  .contentbox-contents .is-section-15 .is-box:not(.box-autofit) {min-height:15vh}
  .contentbox-contents .is-section-20 .is-box:not(.box-autofit) {min-height:20vh}
  .contentbox-contents .is-section-25 .is-box:not(.box-autofit) {min-height:25vh}
  .contentbox-contents .is-section-30 .is-box:not(.box-autofit) {min-height:30vh}
  .contentbox-contents .is-section-40 .is-box:not(.box-autofit) {min-height:40vh}
  .contentbox-contents .is-section-50 .is-box:not(.box-autofit) {min-height:50vh}
  .contentbox-contents .is-section-60 .is-box:not(.box-autofit) {min-height:60vh}
  .contentbox-contents .is-section-70 .is-box:not(.box-autofit) {min-height:70vh}
  .contentbox-contents .is-section-75 .is-box:not(.box-autofit) {min-height:75vh}
  .contentbox-contents .is-section-80 .is-box:not(.box-autofit) {min-height:80vh}
  .contentbox-contents .is-section-85 .is-box:not(.box-autofit) {min-height:85vh}
  .contentbox-contents .is-section-90 .is-box:not(.box-autofit) {min-height:90vh}
  .contentbox-contents .is-section-100 .is-box:not(.box-autofit) {min-height:100vh}
  .contentbox-contents .is-section-auto .is-box:not(.box-autofit) {min-height:unset}

  /* AUTOFIT */
  .is-wrapper div.is-section.box-autofit,
  .is-wrapper div.is-section.box-autofit .is-box-centered,
  .is-wrapper div.is-section .is-box.box-autofit,
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit .is-box-centered {
      min-height: unset;
  }

  /* AUTOFIT MIN HEIGHT */
  .contentbox-contents div.is-section.box-autofit.min-height-20,.contentbox-contents div.is-section .is-box.box-autofit.min-height-20 {min-height: 20vh}
  .contentbox-contents div.is-section.box-autofit.min-height-25,.contentbox-contents div.is-section .is-box.box-autofit.min-height-25 {min-height: 25vh}
  .contentbox-contents div.is-section.box-autofit.min-height-30,.contentbox-contents div.is-section .is-box.box-autofit.min-height-30 {min-height: 30vh}
  .contentbox-contents div.is-section.box-autofit.min-height-40,.contentbox-contents div.is-section .is-box.box-autofit.min-height-40 {min-height: 40vh}
  .contentbox-contents div.is-section.box-autofit.min-height-50,.contentbox-contents div.is-section .is-box.box-autofit.min-height-50 {min-height: 50vh}
  .contentbox-contents div.is-section.box-autofit.min-height-60,.contentbox-contents div.is-section .is-box.box-autofit.min-height-60 {min-height: 60vh}
  .contentbox-contents div.is-section.box-autofit.min-height-70,.contentbox-contents div.is-section .is-box.box-autofit.min-height-70 {min-height: 70vh}
  .contentbox-contents div.is-section.box-autofit.min-height-75,.contentbox-contents div.is-section .is-box.box-autofit.min-height-75 {min-height: 75vh}
  .contentbox-contents div.is-section.box-autofit.min-height-80,.contentbox-contents div.is-section .is-box.box-autofit.min-height-80 {min-height: 80vh}
  .contentbox-contents div.is-section.box-autofit.min-height-90,.contentbox-contents div.is-section .is-box.box-autofit.min-height-90 {min-height: 90vh}
  .contentbox-contents div.is-section.box-autofit.min-height-100,.contentbox-contents div.is-section .is-box.box-autofit.min-height-100 {min-height: 100vh}

  .is-wrapper div.is-section.box-autofit .is-box-centered .is-container,
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit .is-box-centered .is-container {
      transform: none !important; /* Makes animation disabled */
      padding-top: 30px;
      padding-bottom: 30px;
      margin-top:0;
      margin-bottom:0;
  }
  /* Simplified Flex */
  .is-wrapper div.is-section.box-autofit .is-container,
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit .is-container {
      transform: none !important; /* Makes animation disabled */
      padding-top: 30px;
      padding-bottom: 30px;
      margin-top:0;
      margin-bottom:0;
  }

  .box-reverse, /* Simplified Flex */
  .contentbox-contents .box-reverse .is-boxes { display: flex; flex-direction: column-reverse; } /* backward */

  /* Additional (to make all rows fit its container) */
  .contentbox-contents .is-container {
      display: flex;
      flex-direction: column;
  }
}

@media all and (max-width: 1280px) {

  /* AUTOFIT */
  .is-wrapper div.is-section.box-autofit .is-box-centered .is-container,
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit .is-box-centered .is-container {
      padding-top: 30px;
      padding-bottom: 30px;
      margin-top:0;
      margin-bottom:0;
  }
  /* Simplified Flex */
  .is-wrapper div.is-section.box-autofit .is-container,
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit .is-container {
      padding-top: 30px;
      padding-bottom: 30px;
      margin-top:0;
      margin-bottom:0;
  }

  /* .is-wrapper div.is-section .is-box-centered .is-container,
  .contentbox-contents .is-wrapper div.is-section .is-box .is-box-centered .is-container {
      margin-left:0;
      margin-right:0;
  } */

  /* AUTOFIT MIN HEIGHT (multi/child boxes only, not section box - too keep section height) */
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit.min-height-20 {min-height: 20vh}
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit.min-height-25 {min-height: 25vh}
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit.min-height-30 {min-height: 30vh}
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit.min-height-40 {min-height: 40vh}
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit.min-height-50 {min-height: 50vh}
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit.min-height-60 {min-height: 60vh}
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit.min-height-70 {min-height: 70vh}
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit.min-height-75 {min-height: 75vh}
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit.min-height-80 {min-height: 80vh}
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit.min-height-90 {min-height: 90vh}
  .contentbox-contents .is-wrapper div.is-section .is-box.box-autofit.min-height-100 {min-height: 100vh}
}

/* wrap & reverse boxes */
@media (max-width: 760px) {
  .xs-box-reverse, /* Simplified Flex */
  .contentbox-contents .xs-box-reverse .is-boxes { display: flex; flex-direction: column-reverse; }
}
@media (min-width: 761px) and (max-width: 970px) {
  .sm-box-reverse, /* Simplified Flex */
  .contentbox-contents .sm-box-reverse .is-boxes { display: flex; flex-direction: column-reverse; }
}
@media (min-width: 971px) and (max-width: 1280px) {
  .md-box-reverse, /* Simplified Flex */
  .contentbox-contents .md-box-reverse .is-boxes { display: flex; flex-direction: row-reverse; }
}
@media (min-width: 1281px) {
  .desktop-box-reverse, /* Simplified Flex */
  .contentbox-contents .desktop-box-reverse .is-boxes { display: flex; flex-direction: row-reverse; }
}

/* v2: wrap & reverse boxes (not compatible with box-space) */
@media (max-width: 760px) {
  .is-wrapper div.is-section.xs-boxes-wrap , /* Simplified Flex */
  .contentbox-contents .xs-boxes-wrap .is-boxes {
      display: flex; flex-flow: wrap; justify-content: space-between; flex-direction: row;
  }
  .contentbox-contents .xs-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4)) !important; }
  .contentbox-contents .xs-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3)) !important; }
  .contentbox-contents .xs-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2)) !important; }
  .contentbox-contents .xs-boxes-1 .is-box { flex-grow:1;width: calc(100% * (1/1)) !important; }
  /* no class (not set) = xs-box-1 */

  /* Simplified Flex */
  .contentbox-contents .is-wrapper div.is-section.xs-box-reverse,.contentbox-contents .xs-box-reverse .is-boxes { display: flex; flex-direction: column-reverse; }
  .contentbox-contents .is-wrapper div.is-section.xs-box-reverse.xs-boxes-1,.contentbox-contents .xs-box-reverse.xs-boxes-1 .is-boxes { flex-direction: column-reverse; }
  .contentbox-contents .is-wrapper div.is-section.xs-box-reverse.xs-boxes-2,.contentbox-contents .xs-box-reverse.xs-boxes-2 .is-boxes { flex-direction: row-reverse; }
  .contentbox-contents .is-wrapper div.is-section.xs-box-reverse.xs-boxes-3,.contentbox-contents .xs-box-reverse.xs-boxes-3 .is-boxes { flex-direction: row-reverse; }
  .contentbox-contents .is-wrapper div.is-section.xs-box-reverse.xs-boxes-4,.contentbox-contents .xs-box-reverse.xs-boxes-4 .is-boxes { flex-direction: row-reverse; }

  /* if wrapped (not default), make height autogrow (except if box has autofit).
     Otherwise (default), follow section height. */
  .contentbox-contents .xs-boxes-wrap .is-box:not(.box-autofit) {min-height:unset}
}
@media (min-width: 761px) and (max-width: 970px) {
  .is-wrapper div.is-section.sm-boxes-wrap, /* Simplified Flex */
  .contentbox-contents .sm-boxes-wrap .is-boxes {
      display: flex; flex-flow: wrap; justify-content: space-between; flex-direction: row;
  }
  .contentbox-contents .sm-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4)) !important; }
  .contentbox-contents .sm-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3)) !important; }
  .contentbox-contents .sm-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2)) !important; }
  .contentbox-contents .sm-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 */
  .contentbox-contents .is-wrapper div.is-section.sm-box-reverse,.contentbox-contents .sm-box-reverse .is-boxes { display: flex; flex-direction: column-reverse; }
  .contentbox-contents .is-wrapper div.is-section.sm-box-reverse.sm-items-1,.contentbox-contents .sm-box-reverse.sm-items-1 .is-boxes { flex-direction: column-reverse; }
  .contentbox-contents .is-wrapper div.is-section.sm-box-reverse.sm-boxes-2,.contentbox-contents .sm-box-reverse.sm-boxes-2 .is-boxes { flex-direction: row-reverse; }
  .contentbox-contents .is-wrapper div.is-section.sm-box-reverse.sm-boxes-3,.contentbox-contents .sm-box-reverse.sm-boxes-3 .is-boxes { flex-direction: row-reverse; }
  .contentbox-contents .is-wrapper div.is-section.sm-box-reverse.sm-boxes-4,.contentbox-contents .sm-box-reverse.sm-boxes-4 .is-boxes { flex-direction: row-reverse; }

  /* if wrapped (not default), make height autogrow (except if box has autofit).
     Otherwise (default), follow section height. */
  .contentbox-contents .sm-boxes-wrap .is-box:not(.box-autofit) {min-height:unset}
}
@media (min-width: 971px) and (max-width: 1280px) {
  .is-wrapper div.is-section.md-boxes-wrap, /* Simplified Flex */
  .contentbox-contents .md-boxes-wrap .is-boxes {
      display: flex; flex-flow: wrap; justify-content: space-between; flex-direction: row;
  }
  .contentbox-contents .md-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4)) !important; }
  .contentbox-contents .md-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3)) !important; }
  .contentbox-contents .md-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2)) !important; }
  .contentbox-contents .md-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 */
  .contentbox-contents .is-wrapper div.is-section.md-box-reverse,.contentbox-contents .md-box-reverse .is-boxes { display: flex; flex-direction: row-reverse; }
  .contentbox-contents .is-wrapper div.is-section.md-box-reverse.md-boxes-1,.contentbox-contents .md-box-reverse.md-boxes-1 .is-boxes { flex-direction: column-reverse; }

  /* container */
  .contentbox-contents .md-boxes-wrap .is-container {
      max-width: unset;
  }
}
@media (min-width: 1281px) {
  .is-wrapper div.is-section.desktop-boxes-wrap, /* Simplified Flex */
  .contentbox-contents .is-wrapper div.is-section.desktop-boxes-wrap .is-boxes {
      display: flex; flex-flow: wrap; justify-content: space-between; flex-direction: row;
  }
  .contentbox-contents .desktop-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4)) !important; }
  .contentbox-contents .desktop-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3)) !important; }
  .contentbox-contents .desktop-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2)) !important; }
  .contentbox-contents .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 */
  .contentbox-contents .is-wrapper div.is-section.desktop-box-reverse,.contentbox-contents .desktop-box-reverse .is-boxes { display: flex; flex-direction: row-reverse; }
  .contentbox-contents .is-wrapper div.is-section.desktop-box-reverse.desktop-boxes-1,.contentbox-contents .desktop-box-reverse.desktop-boxes-1 .is-boxes { flex-direction: column-reverse; }
}
@media all and (max-width: 970px) {
  .contentbox-contents .is-container {
      max-width: unset !important;
  }
}
/* /v2 */

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

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

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

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

/* VARIATIONS */
@media (max-width: 760px) {
  .contentbox-contents .box-space.xs-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4) - 15px) !important; } /* default */
  .contentbox-contents .box-space.xs-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3) - 15px) !important; }
  .contentbox-contents .box-space.xs-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2) - 15px) !important; }
  .contentbox-contents .box-space.xs-boxes-1 .is-box { flex-grow:1;width: calc(100% * (1/1) - 15px) !important; }

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

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

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

  .contentbox-contents .box-space-lg.xs-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4) - 15px) !important; }
  .contentbox-contents .box-space-lg.xs-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3) - 15px) !important; }
  .contentbox-contents .box-space-lg.xs-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2) - 15px) !important; }
  .contentbox-contents .box-space-lg.xs-boxes-1 .is-box { flex-grow:1;width: calc(100% * (1/1) - 15px) !important; }
}
@media (min-width: 761px) and (max-width: 970px) {
  .contentbox-contents .box-space.sm-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4) - 15px) !important; } /* default */
  .contentbox-contents .box-space.sm-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3) - 15px) !important; }
  .contentbox-contents .box-space.sm-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2) - 15px) !important; }
  .contentbox-contents .box-space.sm-boxes-1 .is-box { flex-grow:1;width: calc(100% * (1/1) - 15px) !important; }

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

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

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

  .contentbox-contents .box-space-lg.sm-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4) - 15px) !important; }
  .contentbox-contents .box-space-lg.sm-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3) - 15px) !important; }
  .contentbox-contents .box-space-lg.sm-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2) - 15px) !important; }
  .contentbox-contents .box-space-lg.sm-boxes-1 .is-box { flex-grow:1;width: calc(100% * (1/1) - 15px) !important; }
}
@media (min-width: 971px) and (max-width: 1280px) {
  .contentbox-contents .box-space.md-boxes-4 .is-box { flex-grow:1;width: calc(100% * (1/4) - 15px) !important; } /* default */
  .contentbox-contents .box-space.md-boxes-3 .is-box { flex-grow:1;width: calc(100% * (1/3) - 15px) !important; }
  .contentbox-contents .box-space.md-boxes-2 .is-box { flex-grow:1;width: calc(100% * (1/2) - 15px) !important; }
  .contentbox-contents .box-space.md-boxes-1 .is-box { flex-grow:1;width: calc(100% * (1/1) - 15px) !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* responsive */
@media (max-width: 1280px) {
  /* multi boxes (stacking inherits above => see mutli boxes (stacking)) */
  .contentbox-contents .box-space .is-box { margin: 7.5px; }
  .contentbox-contents .is-wrapper div.is-section.v2.box-space,.contentbox-contents .box-space > .is-boxes { padding: 7.5px; }

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

  /* space-around */
  .contentbox-contents .is-wrapper div.is-section.v2.box-space.space-around,.contentbox-contents .box-space.space-around .is-boxes { padding: 15px; }
  .contentbox-contents .box-space.space-around .is-box { margin: 0px; }
  .contentbox-contents .is-wrapper div.is-section.v2.box-space.space-around.stack-top,.contentbox-contents .box-space.space-around.stack-top .is-boxes { padding-bottom: 7.5px !important; }
  .contentbox-contents .is-wrapper div.is-section.v2.box-space.space-around.stack-middle,.contentbox-contents .box-space.space-around.stack-middle .is-boxes { padding-top: 7.5px !important;padding-bottom: 7.5px !important; }
  .contentbox-contents .is-wrapper div.is-section.v2.box-space.space-around.stack-bottom,.contentbox-contents .box-space.space-around.stack-bottom .is-boxes { padding-top: 7.5px !important; }
}
/* /VARIATIONS */

/* Content */

.contentbox-contents .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) */
.contentbox-contents .is-wrapper  .is-boxed-layout .is-container {padding:50px; background:#fff;}
@media all and (max-width: 1280px) {
  .contentbox-contents .is-wrapper  .is-boxed-layout .is-container { padding:30px; }
}
@media all and (max-width: 1024px) {
  .contentbox-contents .is-wrapper  .is-boxed-layout .is-container { padding:30px; width: 80vw;}
}

/* Scroll Down Icon */
.contentbox-contents .is-arrow-down {
  display: flex;
  position: absolute;
  left: 50%;
  cursor: pointer;
  z-index: 50;

  bottom: 70px;
  width: 45px;
  height: 45px;
  margin-left: -22.5px;
}
.contentbox-contents .box-space .is-arrow-down {
  bottom: 70px;
}
.contentbox-contents .box-space.box-space-sm .is-arrow-down {
  bottom: 90px;
}
.contentbox-contents .box-space.box-space-m .is-arrow-down {
  bottom: 140px;
}
.contentbox-contents .box-space.box-space-lg .is-arrow-down {
  bottom: 180px;
}
@media all and (max-width: 1280px) {
.contentbox-contents .is-arrow-down { display:none !important; }
}
.contentbox-contents .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;
}
.contentbox-contents /* .is-arrow-down > a i {
  margin-top:3px;
} */
.contentbox-contents .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); }
}
.contentbox-contents .is-arrow-down.light a {
  background: rgba(255, 255, 255, 0.18);color: #111;
}

/* Overlay */
.contentbox-contents .is-overlay {
  position:absolute;
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  overflow:hidden;
}
.contentbox-contents .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%;
}
@media all and (max-width: 1024px) {

  /* Stacking Overlay */
  .contentbox-contents .is-box.m-overlay-stack .is-overlay {
      position: relative;
      width: 100%;
      min-height: 35vh;
      flex-grow: 1;
  }
  .contentbox-contents .m-light-text * {color: #fff;}
  .contentbox-contents .m-dark-text * {color: #111;}
  .contentbox-contents .m-light-text,.contentbox-contents .m-light-text h1,.contentbox-contents .m-light-text h2,.contentbox-contents .m-light-text h3,.contentbox-contents .m-light-text h4,.contentbox-contents .m-light-text h5,.contentbox-contents .m-light-text h6,.contentbox-contents .m-light-text p,.contentbox-contents .m-light-text li {
      color: #fff !important;
  }
  .contentbox-contents .m-dark-text,.contentbox-contents .m-dark-text h1,.contentbox-contents .m-dark-text h2,.contentbox-contents .m-dark-text h3,.contentbox-contents .m-dark-text h4,.contentbox-contents .m-dark-text h5,.contentbox-contents .m-dark-text h6,.contentbox-contents .m-dark-text p,.contentbox-contents .m-dark-text li {
      color: #111 !important;
  }

  .contentbox-contents .is-overlay .is-overlay-bg {
      background-size:cover !important; /* needed, because custom % value isn't safe for mobile portrait proportion */
  }
}
.contentbox-contents .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);
  }
}
.contentbox-contents .is-overlay .is-overlay-color {
  position:absolute;left:0px;top:0px;width:100%;height:100%;
  background-color: rgb(0, 0, 0);opacity: 0.05;
}
.contentbox-contents .is-overlay .is-overlay-content {
  position:absolute;left:0px;top:0px;width:100%;height:100%;
  overflow:hidden;
  z-index: inherit;
}

/* Navbar Adjustment */
.is-wrapper div.is-section.is-section-navbar,
.is-wrapper div.is-section.is-section-navbar .is-overlay,
.contentbox-contents .is-wrapper div.is-section.is-section-navbar .is-overlay .is-overlay-content {
  overflow: initial !important; /* fix sub menu not fully displayed on Safari */
}
.contentbox-contents .is-overlay .is-overlay-content.content-selectable { z-index: 1 }
.contentbox-contents .is-container { z-index: 1 }

.is-wrapper div.is-section.is-section-navbar + .is-section > .is-boxes > .is-box:first-child > .is-boxes > .is-box-centered .is-container,
.contentbox-contents .is-wrapper div.is-section.is-section-navbar + .is-section > .is-boxes > .is-box-centered .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-boxes > .is-box-centered .is-container,
  .contentbox-contents .is-wrapper div.is-section.is-section-navbar + .is-section > .is-boxes > .is-box-centered .is-container {
      padding-top: 95px !important;
  }
}
/* Simplified Flex */
.is-wrapper div.is-section.is-section-navbar + .is-section > .is-boxes > .is-box:first-child .is-container,
.contentbox-contents .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,
  .contentbox-contents .is-wrapper div.is-section.is-section-navbar + .is-section .is-container {
      padding-top: 95px !important;
  }
}

/* Section & Content Styles */

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

/* Text Color */
.contentbox-contents .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;
}

.contentbox-contents .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;
}

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

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

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

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

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

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

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

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

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

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

@media all and (max-width: 760px) {
  .contentbox-contents .is-container.is-content-left {
      margin-left:auto;
      margin-right:auto;
  }
  .contentbox-contents .is-container.is-content-right {
      margin-right:auto;
      margin-left:auto;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.contentbox-contents .is-content-left.edge-x-1 { margin-left:1.9vw }
.contentbox-contents .is-content-right.edge-x-1 { margin-right:1.9vw }

.contentbox-contents .is-content-left.edge-x-2 { margin-left:3.7vw }
.contentbox-contents .is-content-right.edge-x-2 { margin-right:3.7vw }

.contentbox-contents .is-content-left.edge-x-3 { margin-left:5.6vw }
.contentbox-contents .is-content-right.edge-x-3 { margin-right:5.6vw }

.contentbox-contents .is-content-left.edge-x-4 { margin-left:7.4vw }
.contentbox-contents .is-content-right.edge-x-4 { margin-right:7.4vw }

.contentbox-contents .is-content-left.edge-x-5 { margin-left:9.3vw }
.contentbox-contents .is-content-right.edge-x-5 { margin-right:9.3vw }

.contentbox-contents .is-content-left.edge-x-6 { margin-left:11.2vw }
.contentbox-contents .is-content-right.edge-x-6 { margin-right:11.2vw }

@media all and (max-width: 1600px) {
  .contentbox-contents .is-content-left.edge-x--1 { margin-left:-0.5vw }
  .contentbox-contents .is-content-right.edge-x--1 { margin-right:-0.5vw }

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

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

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

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

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

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

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

  .contentbox-contents .is-content-left.edge-x-1 { margin-left:0.5vw }
  .contentbox-contents .is-content-right.edge-x-1 { margin-right:0.5vw }

  .contentbox-contents .is-content-left.edge-x-2 { margin-left:1vw }
  .contentbox-contents .is-content-right.edge-x-2 { margin-right:1vw }

  .contentbox-contents .is-content-left.edge-x-3 { margin-left:1.5vw }
  .contentbox-contents .is-content-right.edge-x-3 { margin-right:1.5vw }

  .contentbox-contents .is-content-left.edge-x-4 { margin-left:2vw }
  .contentbox-contents .is-content-right.edge-x-4 { margin-right:2vw }

  .contentbox-contents .is-content-left.edge-x-5 { margin-left:2.5vw }
  .contentbox-contents .is-content-right.edge-x-5 { margin-right:2.5vw }

  .contentbox-contents .is-content-left.edge-x-6 { margin-left:3vw }
  .contentbox-contents .is-content-right.edge-x-6 { margin-right:3vw }
}

@media all and (max-width: 970px) {  /*1600px*/
  .contentbox-contents .is-content-left.edge-x--1 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x--1 { margin-right:auto }

  .contentbox-contents .is-content-left.edge-x--0-75 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x--0-75 { margin-right:auto }

  .contentbox-contents .is-content-left.edge-x--0-5 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x--0-5 { margin-right:auto }

  .contentbox-contents .is-content-left.edge-x--0-25 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x--0-25 { margin-right:auto }

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

  .contentbox-contents .is-content-left.edge-x-0-25 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x-0-25 { margin-right:auto }

  .contentbox-contents .is-content-left.edge-x-0-5 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x-0-5 { margin-right:auto }

  .contentbox-contents .is-content-left.edge-x-0-75 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x-0-75 { margin-right:auto }

  .contentbox-contents .is-content-left.edge-x-1 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x-1 { margin-right:auto }

  .contentbox-contents .is-content-left.edge-x-2 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x-2 { margin-right:auto }

  .contentbox-contents .is-content-left.edge-x-3 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x-3 { margin-right:auto }

  .contentbox-contents .is-content-left.edge-x-4 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x-4 { margin-right:auto }

  .contentbox-contents .is-content-left.edge-x-5 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x-5 { margin-right:auto }

  .contentbox-contents .is-content-left.edge-x-6 { margin-left:auto }
  .contentbox-contents .is-content-right.edge-x-6 { margin-right:auto }
}

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

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

/* Content Size */
.contentbox-contents .is-content-none { max-width: unset }
.contentbox-contents .is-content-300 { max-width: 17vw }
.contentbox-contents .is-content-320 { max-width: 18vw }
.contentbox-contents .is-content-340 { max-width: 19vw }
.contentbox-contents .is-content-360 { max-width: 20vw }
.contentbox-contents .is-content-380 { max-width: 21vw }
.contentbox-contents .is-content-400 { max-width: 22vw }
.contentbox-contents .is-content-420 { max-width: 23vw }
.contentbox-contents .is-content-440 { max-width: 24vw }
.contentbox-contents .is-content-460 { max-width: 25vw }
.contentbox-contents .is-content-480 { max-width: 26vw }
.contentbox-contents .is-content-500 { max-width: 27vw }
.contentbox-contents .is-content-520 { max-width: 28vw }
.contentbox-contents .is-content-540 { max-width: 29vw }
.contentbox-contents .is-content-560 { max-width: 30vw }
.contentbox-contents .is-content-580 { max-width: 31vw }
.contentbox-contents .is-content-600 { max-width: 32vw }
.contentbox-contents .is-content-620 { max-width: 33vw }
.contentbox-contents .is-content-640 { max-width: 35vw }
.contentbox-contents .is-content-660 { max-width: 35vw }
.contentbox-contents .is-content-680 { max-width: 36vw }
.contentbox-contents .is-content-700 { max-width: 37vw }
.contentbox-contents .is-content-720 { max-width: 38vw }
.contentbox-contents .is-content-740 { max-width: 39vw }
.contentbox-contents .is-content-760 { max-width: 40vw }
.contentbox-contents .is-content-780 { max-width: 41vw }
.contentbox-contents .is-content-800 { max-width: 42vw }
.contentbox-contents .is-content-820 { max-width: 43vw }
.contentbox-contents .is-content-840 { max-width: 44vw }
.contentbox-contents .is-content-860 { max-width: 45vw }
.contentbox-contents .is-content-880 { max-width: 46vw }
.contentbox-contents .is-content-900 { max-width: 47vw }
.contentbox-contents .is-content-920 { max-width: 48vw }
.contentbox-contents .is-content-940 { max-width: 49vw }
.contentbox-contents .is-content-960 { max-width: 50vw }
.contentbox-contents .is-content-970 { max-width: 51vw }
.contentbox-contents .is-content-980 { max-width: 52vw }
.contentbox-contents .is-content-1000 { max-width: 53vw }
.contentbox-contents .is-content-1020 { max-width: 54vw }
.contentbox-contents .is-content-1040 { max-width: 55vw }
.contentbox-contents .is-content-1050 { max-width: 56vw }
.contentbox-contents .is-content-1060 { max-width: 57vw }
.contentbox-contents .is-content-1080 { max-width: 58vw }
.contentbox-contents .is-content-1100 { max-width: 59vw }
.contentbox-contents .is-content-1120 { max-width: 60vw }
.contentbox-contents .is-content-1140 { max-width: 61vw }
.contentbox-contents .is-content-1160 { max-width: 62vw }
.contentbox-contents .is-content-1180 { max-width: 63vw }
.contentbox-contents .is-content-1200 { max-width: 64vw }
.contentbox-contents .is-content-1220 { max-width: 65vw }
.contentbox-contents .is-content-1240 { max-width: 66vw }
.contentbox-contents .is-content-1260 { max-width: 67vw }
.contentbox-contents .is-content-1280 { max-width: 68vw }
.contentbox-contents .is-content-1300 { max-width: 69vw }
.contentbox-contents .is-content-1320 { max-width: 70vw }
.contentbox-contents .is-content-1340 { max-width: 71vw }
.contentbox-contents .is-content-1360 { max-width: 72vw }
.contentbox-contents .is-content-1380 { max-width: 73vw }
.contentbox-contents .is-content-1400 { max-width: 74vw }
.contentbox-contents .is-content-1420 { max-width: 75vw }
.contentbox-contents .is-content-1440 { max-width: 76vw }
.contentbox-contents .is-content-1460 { max-width: 77vw }
.contentbox-contents .is-content-1480 { max-width: 78vw }
.contentbox-contents .is-content-1500 { max-width: 79vw }
.contentbox-contents .is-content-1520 { max-width: 80vw }
.contentbox-contents .is-content-1540 { max-width: 81vw }
.contentbox-contents .is-content-1560 { max-width: 82vw }
.contentbox-contents .is-content-1580 { max-width: 83vw }
.contentbox-contents .is-content-1600 { max-width: 84vw }
.contentbox-contents .is-content-1620 { max-width: 85vw }
.contentbox-contents .is-content-1640 { max-width: 86vw }
.contentbox-contents .is-content-1660 { max-width: 87vw }
.contentbox-contents .is-content-1680 { max-width: 88vw }
.contentbox-contents .is-content-1700 { max-width: 89vw }
.contentbox-contents .is-content-1720 { max-width: 90vw }
.contentbox-contents .is-content-1740 { max-width: 91vw }
.contentbox-contents .is-content-1760 { max-width: 92vw }
.contentbox-contents .is-content-1780 { max-width: 93vw }
.contentbox-contents .is-content-1800 { max-width: 94vw }
.contentbox-contents .is-content-1820 { max-width: 95vw }
.contentbox-contents .is-content-1840 { max-width: 96vw }
.contentbox-contents .is-content-1860 { max-width: 97vw }
.contentbox-contents .is-content-1880 { max-width: 98vw }
.contentbox-contents .is-content-1900 { max-width: 99vw }
.contentbox-contents .is-content-1920 { max-width: 100vw }
.contentbox-contents .is-content-1940 { max-width: unset }
.contentbox-contents .is-content-1960 { max-width: unset }
.contentbox-contents .is-content-1980 { max-width: unset }
.contentbox-contents .is-content-2000 { max-width: unset }
.contentbox-contents .is-content-2020 { max-width: unset }
.contentbox-contents .is-content-2040 { max-width: unset }
.contentbox-contents .is-content-2060 { max-width: unset }
.contentbox-contents .is-content-2080 { max-width: unset }
.contentbox-contents .is-content-2100 { max-width: unset }
.contentbox-contents .is-content-2120 { max-width: unset }
.contentbox-contents .is-content-2140 { max-width: unset }
.contentbox-contents .is-content-2160 { max-width: unset }
.contentbox-contents .is-content-2180 { max-width: unset }
.contentbox-contents .is-content-2200 { max-width: unset }
.contentbox-contents .is-content-2220 { max-width: unset }
.contentbox-contents .is-content-2240 { max-width: unset }
.contentbox-contents .is-content-2260 { max-width: unset }
.contentbox-contents .is-content-2280 { max-width: unset }
.contentbox-contents .is-content-2300 { max-width: unset }
.contentbox-contents .is-content-2320 { max-width: unset }
.contentbox-contents .is-content-2340 { max-width: unset }
.contentbox-contents .is-content-2360 { max-width: unset }
.contentbox-contents .is-content-2380 { max-width: unset }
.contentbox-contents .is-content-2400 { max-width: unset }
.contentbox-contents .is-content-2420 { max-width: unset }
.contentbox-contents .is-content-2440 { max-width: unset }
.contentbox-contents .is-content-2460 { max-width: unset }
.contentbox-contents .is-content-2480 { max-width: unset }
.contentbox-contents .is-content-2500 { max-width: unset }
.contentbox-contents .is-content-2520 { max-width: unset }
.contentbox-contents .is-content-2540 { max-width: unset }
.contentbox-contents .is-content-2560 { max-width: unset }
.contentbox-contents .is-content-2580 { max-width: unset }
.contentbox-contents .is-content-2600 { max-width: unset }
.contentbox-contents .is-content-2620 { max-width: unset }
.contentbox-contents .is-content-2640 { max-width: unset }
.contentbox-contents .is-content-2660 { max-width: unset }
.contentbox-contents .is-content-2680 { max-width: unset }
.contentbox-contents .is-content-2700 { max-width: unset }

/* Prevent small container */
@media all and (max-width: 1920px) {
  .contentbox-contents .is-content-300 { max-width: 300px }
  .contentbox-contents .is-content-320 { max-width: 320px }
  .contentbox-contents .is-content-340 { max-width: 340px }
  .contentbox-contents .is-content-360 { max-width: 360px }
  .contentbox-contents .is-content-380 { max-width: 380px }
  .contentbox-contents .is-content-400 { max-width: 400px }
  .contentbox-contents .is-content-420 { max-width: 420px }
  .contentbox-contents .is-content-440 { max-width: 440px }
  .contentbox-contents .is-content-460 { max-width: 460px }
  .contentbox-contents .is-content-480 { max-width: 480px }
  .contentbox-contents .is-content-500 { max-width: 500px }
}
@media all and (max-width: 1600px) { /* Enlarge */
  .contentbox-contents .is-content-520 { max-width: 38vw }
  .contentbox-contents .is-content-540 { max-width: 39vw }
  .contentbox-contents .is-content-560 { max-width: 40vw }
  .contentbox-contents .is-content-580 { max-width: 41vw }
  .contentbox-contents .is-content-600 { max-width: 42vw }
  .contentbox-contents .is-content-620 { max-width: 43vw }
  .contentbox-contents .is-content-640 { max-width: 45vw }
  .contentbox-contents .is-content-660 { max-width: 45vw }
  .contentbox-contents .is-content-680 { max-width: 46vw }
  .contentbox-contents .is-content-700 { max-width: 47vw }
  .contentbox-contents .is-content-720 { max-width: 48vw }
  .contentbox-contents .is-content-740 { max-width: 49vw }
  .contentbox-contents .is-content-760 { max-width: 50vw }
  .contentbox-contents .is-content-780 { max-width: 51vw }
  .contentbox-contents .is-content-800 { max-width: 52vw }
  .contentbox-contents .is-content-820 { max-width: 53vw }
  .contentbox-contents .is-content-840 { max-width: 54vw }
  .contentbox-contents .is-content-860 { max-width: 55vw }
  .contentbox-contents .is-content-880 { max-width: 56vw }
  .contentbox-contents .is-content-900 { max-width: 57vw }
  .contentbox-contents .is-content-920 { max-width: 58vw }
  .contentbox-contents .is-content-940 { max-width: 59vw }
  .contentbox-contents .is-content-960 { max-width: 60vw }
  .contentbox-contents .is-content-970 { max-width: 61vw }
  .contentbox-contents .is-content-980 { max-width: 62vw }
  .contentbox-contents .is-content-1000 { max-width: 63vw }
  .contentbox-contents .is-content-1020 { max-width: 64vw }
  .contentbox-contents .is-content-1040 { max-width: 65vw }
  .contentbox-contents .is-content-1050 { max-width: 66vw }
  .contentbox-contents .is-content-1060 { max-width: 67vw }
  .contentbox-contents .is-content-1080 { max-width: 68vw }
  .contentbox-contents .is-content-1100 { max-width: 69vw }
  .contentbox-contents .is-content-1120 { max-width: 70vw }
  .contentbox-contents .is-content-1140 { max-width: 71vw }
  .contentbox-contents .is-content-1160 { max-width: 72vw }
  .contentbox-contents .is-content-1180 { max-width: 73vw }
  .contentbox-contents .is-content-1200 { max-width: 74vw }
  .contentbox-contents .is-content-1220 { max-width: 75vw }
  .contentbox-contents .is-content-1240 { max-width: 76vw }
  .contentbox-contents .is-content-1260 { max-width: 77vw }
  .contentbox-contents .is-content-1280 { max-width: 78vw }
  .contentbox-contents .is-content-1300 { max-width: 79vw }
  .contentbox-contents .is-content-1320 { max-width: 80vw }
  .contentbox-contents .is-content-1340 { max-width: 81vw }
  .contentbox-contents .is-content-1360 { max-width: 82vw }
  .contentbox-contents .is-content-1380 { max-width: 83vw }
  .contentbox-contents .is-content-1400 { max-width: 84vw }
  .contentbox-contents .is-content-1420 { max-width: 85vw }
  .contentbox-contents .is-content-1440 { max-width: 86vw }
  .contentbox-contents .is-content-1460 { max-width: 87vw }
  .contentbox-contents .is-content-1480 { max-width: 88vw }
  .contentbox-contents .is-content-1500 { max-width: 89vw }
  .contentbox-contents .is-content-1520 { max-width: 90vw }
  .contentbox-contents .is-content-1540 { max-width: 91vw }
  .contentbox-contents .is-content-1560 { max-width: 92vw }
  .contentbox-contents .is-content-1580 { max-width: 93vw }
  .contentbox-contents .is-content-1600 { max-width: 94vw }
  .contentbox-contents .is-content-1620 { max-width: 95vw }
  .contentbox-contents .is-content-1640 { max-width: 96vw }
  .contentbox-contents .is-content-1660 { max-width: 97vw }
  .contentbox-contents .is-content-1680 { max-width: 98vw }
  .contentbox-contents .is-content-1700 { max-width: 99vw }
}

@media all and (max-width: 1280px) {
  .contentbox-contents .is-content-300 { max-width: 63vw }
  .contentbox-contents .is-content-320 { max-width: 63vw }
  .contentbox-contents .is-content-340 { max-width: 63vw }
  .contentbox-contents .is-content-360 { max-width: 63vw }
  .contentbox-contents .is-content-380 { max-width: 63vw }
  .contentbox-contents .is-content-400 { max-width: 63vw }
  .contentbox-contents .is-content-420 { max-width: 63vw }
  .contentbox-contents .is-content-440 { max-width: 63vw }
  .contentbox-contents .is-content-460 { max-width: 63vw }
  .contentbox-contents .is-content-480 { max-width: 63vw }
  .contentbox-contents .is-content-500 { max-width: 63vw }
  .contentbox-contents .is-content-520 { max-width: 63vw }
  .contentbox-contents .is-content-540 { max-width: 63vw }
  .contentbox-contents .is-content-560 { max-width: 63vw }
  .contentbox-contents .is-content-580 { max-width: 63vw }
  .contentbox-contents .is-content-600 { max-width: 63vw }
  .contentbox-contents .is-content-620 { max-width: 63vw }
  .contentbox-contents .is-content-640 { max-width: 63vw }
  .contentbox-contents .is-content-660 { max-width: 63vw }
  .contentbox-contents .is-content-680 { max-width: 63vw }
  .contentbox-contents .is-content-700 { max-width: 65vw }
  .contentbox-contents .is-content-720 { max-width: 67vw }
  .contentbox-contents .is-content-740 { max-width: 69vw }
  .contentbox-contents .is-content-760 { max-width: 71vw }
  .contentbox-contents .is-content-780 { max-width: 73vw }
  .contentbox-contents .is-content-800 { max-width: 75vw }
  .contentbox-contents .is-content-820 { max-width: 78vw }
  .contentbox-contents .is-content-840 { max-width: 81vw }
  .contentbox-contents .is-content-860 { max-width: 84vw }
  .contentbox-contents .is-content-880 { max-width: 87vw }
  .contentbox-contents .is-content-900 { max-width: 90vw }
  .contentbox-contents .is-content-920 { max-width: 93vw }
  .contentbox-contents .is-content-940 { max-width: 96vw }
  .contentbox-contents .is-content-960 { max-width: unset }
  .contentbox-contents .is-content-970 { max-width: unset }
  .contentbox-contents .is-content-980 { max-width: unset }
  .contentbox-contents .is-content-1000 { max-width: unset }
  .contentbox-contents .is-content-1020 { max-width: unset }
  .contentbox-contents .is-content-1040 { max-width: unset }
  .contentbox-contents .is-content-1050 { max-width: unset }
  .contentbox-contents .is-content-1060 { max-width: unset }
  .contentbox-contents .is-content-1080 { max-width: unset }
  .contentbox-contents .is-content-1100 { max-width: unset }
  .contentbox-contents .is-content-1120 { max-width: unset }
  .contentbox-contents .is-content-1140 { max-width: unset }
  .contentbox-contents .is-content-1160 { max-width: unset }
  .contentbox-contents .is-content-1180 { max-width: unset }
  .contentbox-contents .is-content-1200 { max-width: unset }
  .contentbox-contents .is-content-1220 { max-width: unset }
  .contentbox-contents .is-content-1240 { max-width: unset }
  .contentbox-contents .is-content-1260 { max-width: unset }
  .contentbox-contents .is-content-1280 { max-width: unset }
  .contentbox-contents .is-content-1300 { max-width: unset }
  .contentbox-contents .is-content-1320 { max-width: unset }
  .contentbox-contents .is-content-1340 { max-width: unset }
  .contentbox-contents .is-content-1360 { max-width: unset }
  .contentbox-contents .is-content-1380 { max-width: unset }
  .contentbox-contents .is-content-1400 { max-width: unset }
  .contentbox-contents .is-content-1420 { max-width: unset }
  .contentbox-contents .is-content-1440 { max-width: unset }
  .contentbox-contents .is-content-1460 { max-width: unset }
  .contentbox-contents .is-content-1480 { max-width: unset }
  .contentbox-contents .is-content-1500 { max-width: unset }
  .contentbox-contents .is-content-1520 { max-width: unset }
  .contentbox-contents .is-content-1540 { max-width: unset }
  .contentbox-contents .is-content-1560 { max-width: unset }
  .contentbox-contents .is-content-1580 { max-width: unset }
  .contentbox-contents .is-content-1600 { max-width: unset }
  .contentbox-contents .is-content-1620 { max-width: unset }
  .contentbox-contents .is-content-1640 { max-width: unset }
  .contentbox-contents .is-content-1660 { max-width: unset }
  .contentbox-contents .is-content-1680 { max-width: unset }
  .contentbox-contents .is-content-1700 { max-width: unset }
  .contentbox-contents .is-content-1720 { max-width: unset }
  .contentbox-contents .is-content-1740 { max-width: unset }
  .contentbox-contents .is-content-1760 { max-width: unset }
  .contentbox-contents .is-content-1780 { max-width: unset }
  .contentbox-contents .is-content-1800 { max-width: unset }
  .contentbox-contents .is-content-1820 { max-width: unset }
  .contentbox-contents .is-content-1840 { max-width: unset }
  .contentbox-contents .is-content-1860 { max-width: unset }
  .contentbox-contents .is-content-1880 { max-width: unset }
  .contentbox-contents .is-content-1900 { max-width: unset }
  .contentbox-contents .is-content-1920 { max-width: unset }
  .contentbox-contents .is-content-1940 { max-width: unset }
  .contentbox-contents .is-content-1960 { max-width: unset }
  .contentbox-contents .is-content-1980 { max-width: unset }
  .contentbox-contents .is-content-2000 { max-width: unset }
  .contentbox-contents .is-content-2020 { max-width: unset }
  .contentbox-contents .is-content-2040 { max-width: unset }
  .contentbox-contents .is-content-2060 { max-width: unset }
  .contentbox-contents .is-content-2080 { max-width: unset }
  .contentbox-contents .is-content-2100 { max-width: unset }
  .contentbox-contents .is-content-2120 { max-width: unset }
  .contentbox-contents .is-content-2140 { max-width: unset }
  .contentbox-contents .is-content-2160 { max-width: unset }
  .contentbox-contents .is-content-2180 { max-width: unset }
  .contentbox-contents .is-content-2200 { max-width: unset }
  .contentbox-contents .is-content-2220 { max-width: unset }
  .contentbox-contents .is-content-2240 { max-width: unset }
  .contentbox-contents .is-content-2260 { max-width: unset }
  .contentbox-contents .is-content-2280 { max-width: unset }
  .contentbox-contents .is-content-2300 { max-width: unset }
  .contentbox-contents .is-content-2320 { max-width: unset }
  .contentbox-contents .is-content-2340 { max-width: unset }
  .contentbox-contents .is-content-2360 { max-width: unset }
  .contentbox-contents .is-content-2380 { max-width: unset }
  .contentbox-contents .is-content-2400 { max-width: unset }
  .contentbox-contents .is-content-2420 { max-width: unset }
  .contentbox-contents .is-content-2440 { max-width: unset }
  .contentbox-contents .is-content-2460 { max-width: unset }
  .contentbox-contents .is-content-2480 { max-width: unset }
  .contentbox-contents .is-content-2500 { max-width: unset }
  .contentbox-contents .is-content-2520 { max-width: unset }
  .contentbox-contents .is-content-2540 { max-width: unset }
  .contentbox-contents .is-content-2560 { max-width: unset }
  .contentbox-contents .is-content-2580 { max-width: unset }
  .contentbox-contents .is-content-2600 { max-width: unset }
  .contentbox-contents .is-content-2620 { max-width: unset }
  .contentbox-contents .is-content-2640 { max-width: unset }
  .contentbox-contents .is-content-2660 { max-width: unset }
  .contentbox-contents .is-content-2680 { max-width: unset }
  .contentbox-contents .is-content-2700 { max-width: unset }
}

/* Others */
.contentbox-contents .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);
}

.contentbox-contents .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;
}
.contentbox-contents .is-lightbox img:hover {opacity:0.8}

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

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

/* video */
.contentbox-contents .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;
}
.contentbox-contents .is-overlay-video {
  position:absolute;left:0px;top:0px;width:100%;height:100%;
  background-color:rgb(0, 0, 0);opacity:0.25;
}

/* Animation */
.contentbox-contents [data-skrollrr-off] .is-animated {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

.contentbox-contents .is-animated:not(.is-inview) {
  transition-delay: 0s !important;
}

.contentbox-contents .is-inview {
  transition-duration: 0.6s;
}

.contentbox-contents .is-fadeIn {
  opacity: 0;
  transition-timing-function: ease-in-out;
  transition-duration: 0.6s; /* makes initial state renders immediately (first time load => stable) */
}
.contentbox-contents .is-fadeIn.is-inview {
  opacity: 1;
  transform: none;
}

.contentbox-contents .is-fadeInUp {
  opacity: 0;
  transform: translate3d(0, 70px, 0);
  transition-timing-function: ease-in-out;
  transition-duration: 0.6s;
}
.contentbox-contents .is-fadeInUp.is-inview {
  opacity: 1;
  transform: none;
}

.contentbox-contents .is-fadeInDown {
  opacity: 0;
  transform: translate3d(0, -70px, 0);
  transition-timing-function: ease-in-out;
  transition-duration: 0.6s;
}
.contentbox-contents .is-fadeInDown.is-inview {
  opacity: 1;
  transform: none;
}

.contentbox-contents .is-fadeInLeft {
  opacity: 0;
  transform: translate3d(70px, 0, 0);
  transition-timing-function: ease-in-out;
  transition-duration: 0.6s;
}
.contentbox-contents .is-fadeInLeft.is-inview {
  opacity: 1;
  transform: none;
}

.contentbox-contents .is-fadeInRight {
  opacity: 0;
  transform: translate3d(-70px, 0, 0);
  transition-timing-function: ease-in-out;
  transition-duration: 0.6s;
}
.contentbox-contents .is-fadeInRight.is-inview {
  opacity: 1;
  transform: none;
}

.contentbox-contents .is-zoomIn {
  opacity: 0;
  transform: scale(.8);
  transition-timing-function: ease-in-out;
  transition-duration: 0.8s;
}
.contentbox-contents .is-zoomIn.is-inview {
  opacity: 1;
  transform: none;
}

.contentbox-contents .is-zoomOut {
  opacity: 0;
  transform: scale(1.2);
  transition-timing-function: ease-in-out;
  transition-duration: 0.8s;
}
.contentbox-contents .is-zoomOut.is-inview {
  opacity: 1;
  transform: none;
}

.contentbox-contents .is-slideInUp {
  transform: translate3d(0, 70px, 0);
  transition-timing-function: ease-in-out;
  transition-duration: 0.6s;
}
.contentbox-contents .is-slideInUp.is-inview {
  transform: none;
}

.contentbox-contents .is-slideInDown {
  transform: translate3d(0, -70px, 0);
  transition-timing-function: ease-in-out;
  transition-duration: 0.6s;
}
.contentbox-contents .is-slideInDown.is-inview {
  transform: none;
}

.contentbox-contents .is-slideInLeft {
  transform: translate3d(70px, 0, 0);
  transition-timing-function: ease-in-out;
  transition-duration: 0.6s;
}
.contentbox-contents .is-slideInLeft.is-inview {
  transform: none;
}

.contentbox-contents .is-slideInRight {
  transform: translate3d(-70px, 0, 0);
  transition-timing-function: ease-in-out;
  transition-duration: 0.6s;
}
.contentbox-contents .is-slideInRight.is-inview {
  transform: none;
}

.contentbox-contents .is-flipInX {
  opacity: 0;
  transform: perspective(2500px) rotateX(100deg);
  transition-timing-function: ease-in-out;
  transition-duration: 0.8s;
}
.contentbox-contents .is-flipInX.is-inview {
  opacity: 1;
  transform: none;
}

.contentbox-contents .is-flipInY {
  opacity: 0;
  transform: perspective(2500px) rotateY(100deg);
  transition-timing-function: ease-in-out;
  transition-duration: 0.8s;
}
.contentbox-contents .is-flipInY.is-inview {
  opacity: 1;
  transform: none;
}

.contentbox-contents .is-pulse {
  opacity: 0;
  transition-duration: 0.8s;
}
.contentbox-contents .is-pulse.is-inview {
  opacity: 1;
  animation: pulse linear .5s;
}
@keyframes pulse {
  0% { transform: scale(.9); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.contentbox-contents .is-bounceIn {
  opacity: 0;
  transition-duration: 0.8s;
}
.contentbox-contents .is-bounceIn.is-inview {
  opacity: 1;
  animation: bounceIn linear .5s;
}
@keyframes bounceIn {
  0% { transform: translateX(0) }
  40% { transform: translateX(-20px); }
  60% { transform: translateX(0); }
  80% { transform: translateX(-15px); }
  100% { transform: translateX(0); }
}

.contentbox-contents /* @media all and (min-width: 640px) { */
  .contentbox-contents .is-animated.delay-0ms { transition-delay: 0ms; animation-delay: 0ms }
  .contentbox-contents .is-animated.delay-100ms { transition-delay: 100ms; animation-delay: 100ms }
  .contentbox-contents .is-animated.delay-200ms { transition-delay: 200ms; animation-delay: 200ms }
  .contentbox-contents .is-animated.delay-300ms { transition-delay: 300ms; animation-delay: 300ms }
  .contentbox-contents .is-animated.delay-400ms { transition-delay: 400ms; animation-delay: 400ms }
  .contentbox-contents .is-animated.delay-500ms { transition-delay: 500ms; animation-delay: 500ms }
  .contentbox-contents .is-animated.delay-600ms { transition-delay: 600ms; animation-delay: 600ms }
  .contentbox-contents .is-animated.delay-700ms { transition-delay: 700ms; animation-delay: 700ms }
  .contentbox-contents .is-animated.delay-800ms { transition-delay: 800ms; animation-delay: 800ms }
  .contentbox-contents .is-animated.delay-900ms { transition-delay: 900ms; animation-delay: 900ms }
  .contentbox-contents .is-animated.delay-1000ms { transition-delay: 1000ms; animation-delay: 1000ms }
  .contentbox-contents .is-animated.delay-1100ms { transition-delay: 1100ms; animation-delay: 1100ms }
  .contentbox-contents .is-animated.delay-1200ms { transition-delay: 1200ms; animation-delay: 1200ms }
  .contentbox-contents .is-animated.delay-1300ms { transition-delay: 1300ms; animation-delay: 1300ms }
  .contentbox-contents .is-animated.delay-1400ms { transition-delay: 1400ms; animation-delay: 1400ms }
  .contentbox-contents .is-animated.delay-1500ms { transition-delay: 1500ms; animation-delay: 1500ms }
  .contentbox-contents .is-animated.delay-1600ms { transition-delay: 1600ms; animation-delay: 1600ms }
  .contentbox-contents .is-animated.delay-1700ms { transition-delay: 1700ms; animation-delay: 1700ms }
  .contentbox-contents .is-animated.delay-1800ms { transition-delay: 1800ms; animation-delay: 1800ms }
  .contentbox-contents .is-animated.delay-1900ms { transition-delay: 1900ms; animation-delay: 1900ms }
  .contentbox-contents .is-animated.delay-2000ms { transition-delay: 2000ms; animation-delay: 2000ms }
  .contentbox-contents .is-animated.delay-2100ms { transition-delay: 2100ms; animation-delay: 2100ms }
  .contentbox-contents .is-animated.delay-2200ms { transition-delay: 2200ms; animation-delay: 2200ms }
  .contentbox-contents .is-animated.delay-2300ms { transition-delay: 2300ms; animation-delay: 2300ms }
  .contentbox-contents .is-animated.delay-2400ms { transition-delay: 2400ms; animation-delay: 2400ms }
  .contentbox-contents .is-animated.delay-2500ms { transition-delay: 2500ms; animation-delay: 2500ms }
  .contentbox-contents .is-animated.delay-2600ms { transition-delay: 2600ms; animation-delay: 2600ms }
  .contentbox-contents .is-animated.delay-2700ms { transition-delay: 2700ms; animation-delay: 2700ms }
  .contentbox-contents .is-animated.delay-2800ms { transition-delay: 2800ms; animation-delay: 2800ms }
  .contentbox-contents .is-animated.delay-2900ms { transition-delay: 2900ms; animation-delay: 2900ms }
  .contentbox-contents .is-animated.delay-3000ms { transition-delay: 3000ms; animation-delay: 3000ms }
/* } */
.contentbox-contents /* @media all and (max-width: 640px) {
  .contentbox-contents .is-animated { transition-delay: 0ms !important; animation-delay: 0ms !important; }
} */

/* AOS (Animate on scroll) | Copyright (c) 2015 Michał Sajnóg | The MIT License (MIT) */
.contentbox-contents [data-aos][data-aos][data-aos-duration="50"],.contentbox-contents.body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],.contentbox-contents.body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,.contentbox-contents.body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],.contentbox-contents.body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],.contentbox-contents.body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,.contentbox-contents.body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],.contentbox-contents.body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],.contentbox-contents.body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,.contentbox-contents.body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],.contentbox-contents.body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],.contentbox-contents.body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,.contentbox-contents.body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],.contentbox-contents.body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],.contentbox-contents.body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,.contentbox-contents.body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],.contentbox-contents.body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],.contentbox-contents.body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,.contentbox-contents.body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],.contentbox-contents.body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],.contentbox-contents.body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,.contentbox-contents.body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],.contentbox-contents.body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],.contentbox-contents.body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,.contentbox-contents.body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],.contentbox-contents.body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],.contentbox-contents.body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,.contentbox-contents.body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],.contentbox-contents.body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],.contentbox-contents.body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,.contentbox-contents.body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],.contentbox-contents.body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],.contentbox-contents.body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,.contentbox-contents.body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],.contentbox-contents.body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],.contentbox-contents.body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,.contentbox-contents.body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],.contentbox-contents.body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],.contentbox-contents.body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,.contentbox-contents.body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],.contentbox-contents.body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],.contentbox-contents.body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,.contentbox-contents.body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],.contentbox-contents.body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],.contentbox-contents.body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,.contentbox-contents.body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],.contentbox-contents.body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],.contentbox-contents.body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,.contentbox-contents.body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],.contentbox-contents.body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],.contentbox-contents.body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,.contentbox-contents.body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],.contentbox-contents.body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],.contentbox-contents.body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,.contentbox-contents.body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],.contentbox-contents.body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],.contentbox-contents.body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,.contentbox-contents.body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],.contentbox-contents.body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],.contentbox-contents.body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,.contentbox-contents.body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],.contentbox-contents.body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],.contentbox-contents.body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,.contentbox-contents.body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],.contentbox-contents.body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],.contentbox-contents.body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,.contentbox-contents.body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],.contentbox-contents.body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],.contentbox-contents.body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,.contentbox-contents.body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],.contentbox-contents.body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],.contentbox-contents.body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,.contentbox-contents.body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],.contentbox-contents.body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],.contentbox-contents.body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,.contentbox-contents.body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],.contentbox-contents.body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],.contentbox-contents.body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,.contentbox-contents.body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],.contentbox-contents.body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],.contentbox-contents.body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,.contentbox-contents.body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],.contentbox-contents.body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],.contentbox-contents.body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,.contentbox-contents.body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],.contentbox-contents.body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],.contentbox-contents.body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,.contentbox-contents.body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],.contentbox-contents.body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],.contentbox-contents.body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,.contentbox-contents.body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],.contentbox-contents.body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],.contentbox-contents.body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,.contentbox-contents.body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],.contentbox-contents.body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],.contentbox-contents.body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,.contentbox-contents.body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],.contentbox-contents.body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],.contentbox-contents.body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,.contentbox-contents.body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],.contentbox-contents.body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],.contentbox-contents.body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,.contentbox-contents.body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],.contentbox-contents.body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],.contentbox-contents.body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,.contentbox-contents.body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],.contentbox-contents.body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],.contentbox-contents.body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,.contentbox-contents.body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],.contentbox-contents.body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],.contentbox-contents.body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,.contentbox-contents.body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],.contentbox-contents.body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],.contentbox-contents.body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,.contentbox-contents.body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],.contentbox-contents.body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],.contentbox-contents.body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,.contentbox-contents.body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],.contentbox-contents.body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],.contentbox-contents.body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,.contentbox-contents.body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],.contentbox-contents.body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],.contentbox-contents.body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,.contentbox-contents.body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],.contentbox-contents.body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],.contentbox-contents.body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,.contentbox-contents.body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],.contentbox-contents.body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],.contentbox-contents.body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,.contentbox-contents.body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],.contentbox-contents.body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],.contentbox-contents.body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,.contentbox-contents.body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],.contentbox-contents.body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],.contentbox-contents.body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,.contentbox-contents.body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],.contentbox-contents.body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],.contentbox-contents.body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,.contentbox-contents.body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],.contentbox-contents.body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],.contentbox-contents.body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,.contentbox-contents.body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],.contentbox-contents.body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],.contentbox-contents.body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,.contentbox-contents.body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],.contentbox-contents.body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],.contentbox-contents.body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,.contentbox-contents.body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],.contentbox-contents.body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],.contentbox-contents.body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,.contentbox-contents.body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],.contentbox-contents.body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],.contentbox-contents.body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,.contentbox-contents.body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],.contentbox-contents.body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],.contentbox-contents.body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,.contentbox-contents.body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],.contentbox-contents.body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],.contentbox-contents.body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,.contentbox-contents.body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],.contentbox-contents.body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],.contentbox-contents.body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,.contentbox-contents.body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],.contentbox-contents.body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],.contentbox-contents.body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,.contentbox-contents.body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],.contentbox-contents.body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],.contentbox-contents.body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,.contentbox-contents.body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],.contentbox-contents.body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],.contentbox-contents.body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,.contentbox-contents.body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],.contentbox-contents.body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],.contentbox-contents.body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,.contentbox-contents.body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],.contentbox-contents.body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],.contentbox-contents.body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,.contentbox-contents.body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],.contentbox-contents.body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],.contentbox-contents.body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,.contentbox-contents.body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],.contentbox-contents.body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],.contentbox-contents.body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],.contentbox-contents.body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],.contentbox-contents.body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],.contentbox-contents.body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],.contentbox-contents.body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],.contentbox-contents.body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],.contentbox-contents.body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],.contentbox-contents.body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],.contentbox-contents.body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],.contentbox-contents.body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],.contentbox-contents.body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],.contentbox-contents.body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],.contentbox-contents.body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],.contentbox-contents.body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],.contentbox-contents.body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],.contentbox-contents.body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],.contentbox-contents.body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],.contentbox-contents.body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],.contentbox-contents.body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{.contentbox-contents:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.contentbox-contents:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}.contentbox-contents:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}.contentbox-contents:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}.contentbox-contents:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}.contentbox-contents:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}.contentbox-contents:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}.contentbox-contents:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}.contentbox-contents:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}.contentbox-contents:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}.contentbox-contents:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.contentbox-contents:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.contentbox-contents:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}.contentbox-contents:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}.contentbox-contents:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}.contentbox-contents:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}.contentbox-contents:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}.contentbox-contents:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}.contentbox-contents:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}.contentbox-contents:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}.contentbox-contents:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}.contentbox-contents:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}.contentbox-contents:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}.contentbox-contents:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}.contentbox-contents:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.contentbox-contents:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.contentbox-contents:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.contentbox-contents:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.contentbox-contents:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.contentbox-contents:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}.contentbox-contents:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}.contentbox-contents:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}.contentbox-contents:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}.contentbox-contents:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}.contentbox-contents:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}.contentbox-contents:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}.contentbox-contents:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}


/* Adjustments */

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

/* Lightbox */
.contentbox-contents .is-ui .is-lightbox {
  display: none;
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background-color: black;
  opacity: 0;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.7) translateZ(150px);
  transition: all 450ms ease-in-out;
  outline: none;
}
.contentbox-contents .is-ui .is-lightbox.light {
  background-color: rgba(255, 255, 255, 0.97);
}
.contentbox-contents .is-ui .is-lightbox > div {
  width: 100%;
  height: 100%;
}
.contentbox-contents .is-ui .is-lightbox > div.lightbox-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 70px;
  box-sizing: border-box;
}
.contentbox-contents .is-ui .is-lightbox > div.lightbox-content > img {
  cursor: default;
  opacity: unset !important;
}
.contentbox-contents .is-ui .is-lightbox.active {
  opacity: 1;
  transform: scale(1) translateZ(150px);
}
.contentbox-contents .is-ui .is-lightbox iframe {
  opacity: 0;
  filter: blur(30px);
  transition: all 600ms ease-in-out;
  outline: 0;
}
.contentbox-contents .is-ui .is-lightbox.active iframe {
  filter: blur(0);
  opacity: 1;
}
.contentbox-contents .is-ui .is-lightbox video {
  outline: none;
  width: 100%;
  height: 100%;
}
.contentbox-contents .is-ui .is-lightbox img {
  max-width: 100%;
  max-height: 100%;
}
.contentbox-contents .is-ui .is-lightbox .cmd-lightbox-close {
  position: absolute !important;
  top: 3px !important;
  right: 3px !important;
  width: 60px !important;
  height: 60px !important;
  color: #fff !important;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  cursor: pointer;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contentbox-contents .is-ui .is-lightbox .cmd-lightbox-close svg {
  width: 35px;
  height: 35px;
  fill: #000 !important;
}
.contentbox-contents .is-ui .is-lightbox.light .cmd-lightbox-close {
  color: #000 !important;
}
.is-ui .is-lightbox .cmd-lightbox-prev,
.contentbox-contents .is-ui .is-lightbox .cmd-lightbox-next {
  flex: none;
  position: absolute !important;
  width: 80px !important;
  height: 80px !important;
  margin-top: -40px;
  color: #fff !important;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  cursor: pointer;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.is-ui .is-lightbox .cmd-lightbox-prev svg,
.contentbox-contents .is-ui .is-lightbox .cmd-lightbox-next svg {
  width: 55px;
  height: 55px;
  fill: #000 !important;
}
.contentbox-contents .is-ui .is-lightbox.light .cmd-lightbox-prev,.contentbox-contents .is-ui .is-lightbox.light .cmd-lightbox-next {
  color: #000 !important;
}

.contentbox-contents .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  margin-top: 1.4em;
  margin-bottom: 1em;
}
.contentbox-contents .embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.contentbox-contents .embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.contentbox-contents .embed-responsive iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.contentbox-contents .is-dock {
  position: absolute;
  width: 100%;
  padding-bottom: 100%;
  height: 0px;
}
.contentbox-contents .is-dock > div {
  position: absolute;
}
.contentbox-contents .is-dock > div > img {
  width: 100%;
}
@media all and (max-width: 970px) {
  .contentbox-contents .is-dock {
      position: relative;
      width: 350px;
      padding-bottom: 350px;
      height: 0px;
  }
}
.contentbox-contents .is-container > div > div:has( .is-dock) {
  width: 100%;
  position: relative; /* for tailwind */
}

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

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

/* .is-section.section-flow,
.is-section.section-flow .is-overlay,
.is-section.section-flow .is-overlay-content,
.is-section.section-flow .is-overlay-content .glide,
.is-section.section-flow .is-overlay-content .glide .glide__track,
.contentbox-contents .is-section.section-flow .is-overlay-content .glide .glide__track .glide__slides {
  overflow: unset;
} */

/* Animation Stuff */

/* pin section */
.contentbox-contents .is-wrapper > div.pin-wrap {
  width: 100vw;
  height: 200vh !important;
  overflow: visible !important;
  position: relative !important;
}
@media only screen and (min-height: 360px) {
  .contentbox-contents .is-wrapper > div.pin-wrap {
      height: 400vh !important;
  }
}
@media only screen and (min-height: 460px) {
  .contentbox-contents .is-wrapper > div.pin-wrap {
      height: 360vh !important;
  }
}
@media only screen and (min-height: 560px) {
  .contentbox-contents .is-wrapper > div.pin-wrap {
      height: 320vh !important;
  }
}
@media only screen and (min-height: 660px) {
  .contentbox-contents .is-wrapper > div.pin-wrap {
      height: 280vh !important;
  }
}
@media only screen and (min-height: 990px) {
  .contentbox-contents .is-wrapper > div.pin-wrap {
      height: 230vh !important;
  }
}
@media only screen and (min-height: 1024px) {
  .contentbox-contents .is-wrapper > div.pin-wrap {
      height: 220vh !important;
  }
}
@media only screen and (min-height: 1120px) {
  .contentbox-contents .is-wrapper > div.pin-wrap {
      height: 200vh !important;
  }
}

/* pin-space-lg */
.contentbox-contents .is-wrapper > div.pin-wrap.pin-space-lg {
  height: 260vh !important;
}
@media only screen and (min-height: 360px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-lg {
      height: 460vh !important;
  }
}
@media only screen and (min-height: 460px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-lg {
      height: 420vh !important;
  }
}
@media only screen and (min-height: 560px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-lg {
      height: 380vh !important;
  }
}
@media only screen and (min-height: 660px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-lg {
      height: 340vh !important;
  }
}
@media only screen and (min-height: 990px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-lg {
      height: 290vh !important;
  }
}
@media only screen and (min-height: 1024px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-lg {
      height: 280vh !important;
  }
}
@media only screen and (min-height: 1120px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-lg {
      height: 260vh !important;
  }
}

/* pin-space-xl */
.contentbox-contents .is-wrapper > div.pin-wrap.pin-space-xl {
  height: 300vh !important;
}
@media only screen and (min-height: 360px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-xl {
      height: 500vh !important;
  }
}
@media only screen and (min-height: 460px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-xl {
      height: 460vh !important;
  }
}
@media only screen and (min-height: 560px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-xl {
      height: 420vh !important;
  }
}
@media only screen and (min-height: 660px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-xl {
      height: 380vh !important;
  }
}
@media only screen and (min-height: 990px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-xl {
      height: 330vh !important;
  }
}
@media only screen and (min-height: 1024px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-xl {
      height: 320vh !important;
  }
}
@media only screen and (min-height: 1120px) {
  .contentbox-contents .is-wrapper > div.pin-wrap.pin-space-xl {
      height: 300vh !important;
  }
}


.contentbox-contents .is-wrapper > div.pin-wrap > div {
  width: 100vw;
  height: 100vh;
  /* max-height: 100vh; */
  min-height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden !important;
}

.contentbox-contents .is-wrapper > div.pin-wrap > .section-inview {
  position: fixed;
}

/* wide section */
.contentbox-contents .section-wide-250 .is-container {
  width: 250vw;
}
.contentbox-contents .section-wide-250 .is-container > div > div {
  max-width:85vw;
}
@media all and (max-width: 970px) {
  /* adjustment on tablet (portrait) & mobile */
  .contentbox-contents .section-wide-250 .is-container {
      width: 700vw;
  }
}
@media all and (max-width: 760px) { /* mobile update */
  /* if turned off on mobile */
  .section-wide-250.m-skrollrr-off .is-container,
  .contentbox-contents .section-wide-250.m-pin-off .is-container {
      width: 100%;
  }

  /* disable responsive, except if skrollr turn off */
  .pin-wrap .is-section.section-wide-250:not(.m-skrollrr-off) .is-container > div,
  .contentbox-contents .pin-wrap .is-section.section-wide-250:not(.m-pin-off) .is-container > div {
      display: flex;
  }
  .pin-wrap .is-section.section-wide-250:not(.m-skrollrr-off) .is-container > div > div,
  .contentbox-contents .pin-wrap .is-section.section-wide-250:not(.m-pin-off) .is-container > div > div {
      padding-left: 1rem;
      padding-right: 1rem;
      min-width: unset;
  }
}

.contentbox-contents .is-wrapper:not(.is-edit) [data-hidden-onstart] {
  opacity: 0;
}
.contentbox-contents [data-skrollrr-off] [data-hidden-onstart] {
  opacity: 1;
}
@media all and (max-width: 760px) { /* mobile update */
  .is-wrapper:not(.is-edit) .m-skrollrr-off [data-hidden-onstart],
  .contentbox-contents .is-wrapper:not(.is-edit) .m-pin-off [data-hidden-onstart] {
      opacity: 1;
  }
}

/* scroll-y */
.contentbox-contents .is-wrapper.is-edit .scroll-y {
  overflow-y: auto;
  height: 100%;
}
.contentbox-contents .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 */
  .contentbox-contents .is-wrapper .scroll-y {
      min-width: unset;
  }
}

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

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

.contentbox-contents .glide {
  position: relative;
  width: 100%;
  box-sizing: border-box; }
  .contentbox-contents .glide * {
    box-sizing: inherit; }
  .contentbox-contents .glide__track {
    overflow: hidden; }
  .contentbox-contents .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform; }
    .contentbox-contents .glide__slides--dragging {
      user-select: none; }
  .contentbox-contents .glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent; }
    .contentbox-contents .glide__slide a {
      user-select: none;
      -webkit-user-drag: none;
      -moz-user-select: none;
      -ms-user-select: none; }
  .contentbox-contents .glide__arrows {
    -webkit-touch-callout: none;
    user-select: none; }
  .contentbox-contents .glide__bullets {
    -webkit-touch-callout: none;
    user-select: none; }
  .contentbox-contents .glide--rtl {
    direction: rtl; }

    .contentbox-contents .glide__arrow {
      position: absolute;
      display: block;
      top: 50%;
      z-index: 2;
      color: white;
      text-transform: uppercase;
      padding: 9px 12px;
      background-color: transparent;
      /* border: 2px solid rgba(255, 255, 255, 0.5); */ border:none;
      border-radius: 4px;
      /* box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); */
      text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
      opacity: 1;
      cursor: pointer;
      transition: opacity 150ms ease, border 300ms ease-in-out;
      transform: translateY(-50%);
      line-height: 1; }
      .contentbox-contents .glide__arrow:focus {
        outline: none; }
      .contentbox-contents /* .glide__arrow:hover {
        border-color: white; } */
      .contentbox-contents .glide__arrow--left {
        left: 2em; }
      .contentbox-contents .glide__arrow--right {
        right: 2em; }
      .contentbox-contents .glide__arrow--disabled {
        opacity: 0.33; }

    .contentbox-contents .glide__bullets {
      position: absolute;
      z-index: 2;
      bottom: 2em;
      left: 50%;
      display: inline-flex;
      list-style: none;
      transform: translateX(-50%); }

    .contentbox-contents .glide__bullet {
      background-color: rgba(255, 255, 255, 0.5);
      width: 9px;
      height: 9px;
      padding: 0;
      border-radius: 50%;
      border: 2px solid transparent;
      transition: all 300ms ease-in-out;
      cursor: pointer;
      line-height: 0;
      box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
      margin: 0 0.25em; }
      .contentbox-contents .glide__bullet:focus {
        outline: none; }
      .contentbox-contents .glide__bullet:hover, .glide__bullet:focus {
        border: 2px solid white;
        background-color: rgba(255, 255, 255, 0.5); }
      .contentbox-contents .glide__bullet--active {
        background-color: white; }

    .contentbox-contents .glide--swipeable {
      cursor: grab;
      cursor: -moz-grab;
      cursor: -webkit-grab; }

    .contentbox-contents .glide--dragging {
      cursor: grabbing;
      cursor: -moz-grabbing;
      cursor: -webkit-grabbing; }

    .contentbox-contents /* .slider-image {
        position:absolute;top:0;left:0;width:100%;height:100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .contentbox-contents .glide {height:100%}
    .contentbox-contents .glide__track {height:100% !important}
    .contentbox-contents .glide__slides {height:100% !important; margin-top:0;margin-bottom:0;} */
    .contentbox-contents .glide {height:100%}
    .contentbox-contents .glide__track {height:100%}
    .contentbox-contents .glide__slides {height:100%; margin-top:0;margin-bottom:0;}
    .contentbox-contents .glide.cover .glide__slides > li > div:not(.is-slider-caption) {
      display: flex;
      width: 100%; /* new */
      height: 100%;
      justify-content: center;
    }
    .glide.cover .glide__slide img,
    .contentbox-contents .glide.cover .glide__slide video {
      margin: 0;
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
    .contentbox-contents .glide.contain .glide__slides > li > div:not(.is-slider-caption) {
      display: flex;
      height: 100%;
      justify-content: center;
    }
    .contentbox-contents .glide.contain .glide__slide img {
      margin: 0;
      object-fit: contain;
      width: 100%;
      height: 100%;
    }
    @media all and (max-width: 760px) {
      .contentbox-contents .glide__arrows {
        display: none;
      }
    }

    .contentbox-contents .glide__slides {margin:0;}
    .contentbox-contents .glide__slide {position:relative}
    .contentbox-contents .glide__slide img {margin:0;width:100%;}
    .contentbox-contents .glide--swipeable {cursor:auto !important;}

    .contentbox-contents .is-slider-caption {position:absolute;display:inline-block;}
    .contentbox-contents .is-slider-caption.top-left {top:4vw;left:4vw;}
    .contentbox-contents .is-slider-caption.top-right {top:4vw;right:4vw;}
    .contentbox-contents .is-slider-caption.bottom-left {bottom:4vw;left:4vw;}
    .contentbox-contents .is-slider-caption.bottom-right {bottom:4vw;right:4vw;}

    .contentbox-contents .glide .is-icon-flex {width:35px;height:35px;fill: rgba(255, 255, 255, 0.9);text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);}
    .contentbox-contents .glide svg {
        overflow: hidden;
        vertical-align: middle;
        -webkit-filter: drop-shadow( 0 0.25em 0.3em rgba(0, 0, 0, 0.1));
        filter: drop-shadow( 0 0.25em 0.3em rgba(0, 0, 0, 0.1));
    }
    .contentbox-contents .glide__arrow:hover .is-icon-flex { fill: white; }

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

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

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

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

    /* new */
    .contentbox-contents .glide .glide__slide {
      /* transform: translate3d(0, 0, 0) scale(1); */ /* make flicker fix above not working */
      transform-origin: 50% 50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .contentbox-contents .glide.running .glide__slide {
      /* transition: all 500ms ease-in-out; */
      transition: none !important; /* fix carousel flicker */
    }
    .contentbox-contents .glide .glide__slide--active {
      z-index: 10;
    }
    .contentbox-contents .glide.coverflow .glide__slide--previous {
      transform: perspective(16em) rotateY(12deg) scale(0.8);
    }
    .contentbox-contents .glide.coverflow .glide__slide--following {
      transform: perspective(16em) rotateY(-12deg) scale(0.8);
    }

    .glide .glide__slide img,
    .contentbox-contents .glide .glide__slide video {
        max-width: 100%;
        object-fit: contain;
        max-height: 100%;
        display: flex;
    }

    .glide.cover .glide__slide img,
    .contentbox-contents .glide.cover .glide__slide video {
        width:100%;
        height:100%;
        object-fit: cover;
        display: flex;
    }

    .glide.coverflow,
    .glide.coverflow .glide__track,
    .glide.coverflow .glide__slides,
    .contentbox-contents .glide.coverflow .glide__slide {
      height: 100%;
    }
    .contentbox-contents .glide.coverflow .glide__slides {
      display: flex;
    }

    /* new: */
    .contentbox-contents /* .glide .is-slider-caption {
      box-sizing: border-box; padding: 30px;
    } */
    .contentbox-contents .glide.coverflow .is-slider-caption {
      position: absolute;  width: 100%; z-index: 1; box-sizing: border-box; padding: 30px;
      display: flex !important; height: auto !important; /* prevent overide */
      justify-content: center; align-items: center; flex-direction: column;
      top: unset !important;
      left: unset !important;
      right: unset !important;
      bottom: unset !important;
    }
    .contentbox-contents .glide__text__left { text-align:left; }
    .contentbox-contents .glide__text__center { text-align:center; }
    .contentbox-contents .glide__text__right { text-align:right; }
    .contentbox-contents .glide__text__full { text-align:justify; }
    .contentbox-contents .glide__text__maxwidth_300 { max-width:300px; }
    .contentbox-contents .glide__text__maxwidth_350 { max-width:350px; }
    .contentbox-contents .glide__text__maxwidth_400 { max-width:400px; }
    .contentbox-contents .glide__text__maxwidth_450 { max-width:450px; }
    .contentbox-contents .glide__text__maxwidth_500 { max-width:500px; }
    .contentbox-contents .glide__text__maxwidth_550 { max-width:550px; }
    .contentbox-contents .glide__text__maxwidth_600 { max-width:600px; }
    .contentbox-contents .glide__text__light, .contentbox-contents .glide__text__light * { color: rgba(255,255,255,0.97)}
    .contentbox-contents .glide__text__dark, .contentbox-contents .glide__text__dark * { color: rgba(0,0,0,0.97)}

    .contentbox-contents .glide__slide .is-slider-caption.appear {
      opacity: 0;
      transition: all 0.3s ease;
      transform: translateY(30px);
      transition-delay: 0s;
    }
    .contentbox-contents .glide__slide.active .is-slider-caption.appear {
      opacity: 1;
      transform: translateY(0px);
      transition: all 0.6s ease;
      transition-delay: 0.4s;
      /* transition-delay: 0.9s; */
    }
    .contentbox-contents .glide--carousel .glide__slide.active .is-slider-caption.appear {
      transition-delay: 0.9s;
    }

    .contentbox-contents .glide__slide .is-slider-caption.fadein {
      opacity: 0;
      transition: all 0.3s ease;
      transition-delay: 0s;
    }
    .contentbox-contents .glide__slide.active .is-slider-caption.fadein {
      opacity: 1;
      transition: all 0.6s ease;
      transition-delay: 0.4s;
    }
    .contentbox-contents .glide--carousel .glide__slide.active .is-slider-caption.fadein {
      transition-delay: 0.9s;
    }

    @media all and (max-width: 1024px) {
      .contentbox-contents .is-slider-caption {
          transform: scale(0.9) translateY(0px) !important;
          max-width: 100% !important;
          left: unset;
          right: unset;
          padding:0;
      }
      /* .glide__bullet {display: none;} */
    }

    /* Adjustments */
    .glide__slide [data-subblock],
    .contentbox-contents .glide__slide > div:not(.is-slider-caption) {
      display:flex;
      justify-content: center;
      width: 100%;
      height: 100%;
    }
    @media all and (max-width: 760px) {
      .contentbox-contents .glide__bullet {display: none;}
    }

    /* Show dots & arrow on mobile: .slider-section .m-dots .m-arrows */
    @media all and (max-width: 760px) {
      .contentbox-contents .m-dots .glide__bullet {display: block !important;}
    }
    @media all and (max-width: 760px) {
      .contentbox-contents .m-arrows .glide__arrows {
        display: block !important;
      }
      .contentbox-contents /* .glide__arrows svg {
        min-width: 50px;
        min-height: 50px;
      } */
      .contentbox-contents .glide__arrow--right {
        right: -10px !important;
      }
      .contentbox-contents .glide__arrow--left {
        left: -10px !important;
      }
      .contentbox-contents .slider-section .is-container {
        max-width: calc(100% - 80px) !important;
      }
    }

/* topbar */

/*
#1  sClass = "fixed" 'Fixed light topbar
#2  sClass = "fixed dark" 'Fixed dark topbar
#3  sClass = "lighttext" 'Transparent (light text), light topbar on scroll
#4  sClass = "" (DEFAULT) 'Transparent (dark text), light topbar on scroll
#5  sClass = "lighttext dark" 'Transparent (light text), dark topbar on scroll
#6  sClass = "dark" 'Transparent (dark text), dark topbar on scroll
#7  sClass = "static" 'Static Transparent (dark text)
#8	sClass = "static lighttext" 'Static Transparent (light text)
#9	sClass = "fixed static" 'Static light topbar
#10	sClass = "fixed dark static" 'Static dark topbar
*/

.contentbox-contents .is-topbar {
	width:100%;
	height:77px;
	box-sizing:border-box;
	position:fixed;
	top:0;
	z-index:101;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.contentbox-contents .is-topbar-container {
	display:table;
	width:100%;
	height:100%;
	margin:0 auto;
	box-sizing:border-box;
}

.contentbox-contents .is-topbar-logo {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
	padding-left: 10px;
}

.contentbox-contents .is-topbar-menu {
	display:table-cell;
	vertical-align:middle;
}

.contentbox-contents .is-logo-link {
    display: inline-flex;
    text-decoration: none;
    align-items: center;
}

.contentbox-contents .is-photo-profile {
	vertical-align: middle;
	max-height:55px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.contentbox-contents .is-topbar.shrink .is-photo-profile {
	max-height:50px;
}

.contentbox-contents .is-photo-profile.circle {
	border-radius: 500px;
	max-width: 55px;
    object-fit: cover;
    height: 55px;
}
.contentbox-contents .is-topbar.shrink .is-photo-profile.circle {
	max-height:50px;
	max-width: 50px;
}

.contentbox-contents .is-sitename {
	display:inline-block;
	margin:0 15px;

	font-size:15px;
	font-weight:600;
	letter-spacing:2px;
	color:#000;
	text-decoration:none;
}

.contentbox-contents .is-topbar.shrink {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
}
.contentbox-contents .is-topbar.shrink:not(.static) {
	height: 70px;
}

@media all and (max-width: 640px) {
    .contentbox-contents .is-photo-profile { max-height:50px; }
    .contentbox-contents .is-sitename { font-size:14px;letter-spacing:1px }
}

/* menu */
.contentbox-contents .is-menu {
	float:right;
	position:fixed;
	top:0;
	z-index:100000;
	overflow-y:auto;
	text-align: left;
}

@media all and (max-width: 1025px) {
	.contentbox-contents .is-menu {
		width:80%;
		max-width:500px;
		height: 100%;
		right: -1000px;
	}
}
.contentbox-contents .is-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.contentbox-contents .is-menu ul li a {
	display:flex;
	justify-content: space-between;
	text-decoration:none;
	white-space:nowrap;

	font-size:15px;
	font-weight:400;
	letter-spacing:1px;
	line-height:45px;
}
.contentbox-contents .is-menu ul li a > span {
	margin-left: 7px;
}

.contentbox-contents .is-menu-overlay {display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0, 0, 0, 0.09);}
.contentbox-contents .is-menu-overlay.active {display:block;}

.contentbox-contents ul:before,.contentbox-contents ul:after {content: " "; display: table; }
.contentbox-contents ul:after {clear: both;}

.contentbox-contents .is-menu a span.caret {
	border-bottom: 4px solid transparent;
	border-top: 4px solid rgba(0,0,0,.65);
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-radius: 1px;
	content: "";
	display: inline-block;
	height: 0;
	margin: .25rem 0 0 0;
	transition: 250ms all ease;
	width: 0;
	vertical-align: middle;
}

@media all and (min-width: 1025px) {
    .contentbox-contents .is-menu {background:none;height:100%;padding-top:0px;display:inline-block;position:relative;left:0;overflow:inherit;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

	.contentbox-contents .is-menu > ul.is-menu-links {display:table;height:100%;float:left;}
	.contentbox-contents .is-menu > ul.is-menu-icons {display:table;height:100%;float:right;}

	/* topbar menu items */
	.contentbox-contents .is-menu > ul > li {display:table-cell;height:100%;vertical-align:middle;position:relative;float:none;}
	.contentbox-contents .is-menu > ul > li > a {/*padding:10px 20px 10px 20px !important;*/padding-left:17px;padding-right:17px;}

	/* submenu items */
	.contentbox-contents .is-menu li ul  {
		position: absolute;
		box-shadow: 0px 17px 20px 0px rgb(0 0 0 / 8%);
		border-radius:0;

		-webkit-transform-origin: top center;
		transform-origin: top center;
		transition: 0.2s ease-out;
		opacity: 0;
		-webkit-transform: translate3d(0, -2rem, 0) scale(0.8);
		transform: translate3d(0, -2rem, 0) scale(0.8);
		visibility: hidden;
	}
	/* fix: to make the sub menu shows above section */
	.contentbox-contents .static .is-menu li ul  {
		position: fixed;
	}
	.contentbox-contents .static .is-menu li ul li ul {
		position: absolute;
	}
	/* /fix */

	.contentbox-contents .is-menu li ul  ul{
		-webkit-transform: none;
		transform: none;
	}
	.contentbox-contents .is-menu li ul li {display:block;border-top:0;position:relative;float:none;}
	.contentbox-contents .is-menu li ul li a {padding:5px 30px !important;}
    .contentbox-contents .is-menu li ul ul {right:100%;top:0;}
	.contentbox-contents .is-menu li ul.active {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		visibility: visible;
		margin-top:10px;
		/*overflow: hidden; makes sub menu cannot be displayed*/
	}

	/* submenu: color & hover */
	.contentbox-contents .is-menu li ul { background:rgba(255, 255, 255, 0.95); }
    .contentbox-contents .is-menu li ul  li a { color:rgba(0, 0, 0, 0.9); }
	.contentbox-contents .is-menu li ul  li:hover { background:rgba(0,0,0,0.05); }
	.contentbox-contents .is-menu li ul  li:hover a { color:rgba(0, 0, 0, 1)}
}

@media all and (max-width: 1024px) {
	.contentbox-contents .is-menu li ul  {position:relative;}
	.contentbox-contents .is-menu li ul {display:none;}
	.contentbox-contents /*.is-menu li ul.active {display:block;}*/

    .contentbox-contents .is-menu > ul {padding: 0px 0px;}
    .contentbox-contents .is-menu > ul > li > a {padding: 0 0 0 30px;} /* new */
	.contentbox-contents .is-menu > ul:first-child {margin-top:50px;}

	.contentbox-contents .is-menu li ul a {padding-left:2.5em}
	.contentbox-contents .is-menu li ul li ul a {padding-left:4em}
	.contentbox-contents .is-menu li ul li ul li ul a {padding-left:6.5em}

	/* color */
    .contentbox-contents .is-menu  {
		background:rgba(255, 255, 255, 1);

		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
    .contentbox-contents .is-menu ul li a {color:rgba(0, 0, 0, 0.9)}

	/* new */

	.contentbox-contents .is-menu li > a {
		/* border-bottom:#eee 1px solid; */
	}

	.contentbox-contents .is-menu a > span {
		display: inline-block !important;
		width: 50px !important;
		height: 50px !important;
		/* border-left: #eee 1px solid; */
		display: flex !important;
		justify-content: center;
		align-items: center;
	}
	.contentbox-contents .is-menu a > span > span {
		display: inline-block;
	}
	.contentbox-contents .is-topbar .is-bordered {
		margin: 0 0px !important;
		padding: 0 0 0 30px !important;
		line-height: 45px !important;
		border-left: none !important;
		border-right: none !important;

	}

	.contentbox-contents .is-menu ul.active {
		display: block;
	}

}

/* Search */
.is-menu-search *,
.contentbox-contents #is_btnSearch * {
	pointer-events: none;
}
.contentbox-contents .is-menu-search-input {display:none;width:100%;height:60px;min-width:250px;position:absolute;}
.contentbox-contents .is-menu-search-input input {
	width: 100%;
    height: 100%;
    position: absolute;
    margin: 0;
    padding: 0 0 0 15px;
    box-sizing: border-box;
    z-index: 1;
    font-size: 19px;
    border: rgba(0,0,0,0.2) 1px solid;
    border-right: rgba(0,0,0,0.2) 50px solid;
}
.contentbox-contents .is-menu-search-input input:focus {outline:none}
.contentbox-contents .is-menu-search-input button:focus {outline:none}
.contentbox-contents .is-menu-search-input.active {display:block;}
.contentbox-contents .is-menu-search-input button {
	font-size:15px;
	width: 50px;
    height: 58px;
    margin-top: 1px;
    margin-right: 1px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: white;
    z-index: 1;
    cursor: pointer;
}
@media all and (max-width: 1024px) {
	.contentbox-contents .is-menu ul li a.is-menu-search {display:none !important}
	.contentbox-contents .is-menu-search-input {display:block;position:relative;margin-top:70px;margin-bottom:20px;}
	.contentbox-contents .is-menu-search-input input {border-left: none;border-right: none;}
}
.contentbox-contents .dark .is-menu-search-input input {
background: #313131;color: #eee;
}
.contentbox-contents .dark .is-menu-search-input button {
background: #313131;color: #cecece;
}


/* menu toggle (mobile) */
.contentbox-contents #is-menu-toggle {float:right}
.contentbox-contents #is-menu-toggle {display:table-cell;z-index:1000000}
@media all and (min-width: 1025px) {
	.contentbox-contents #is-menu-toggle {display:none}
}
.contentbox-contents #is-menu-toggle {
  width: 25px;
  height: 14px;
  position: relative;
  margin: 20px 30px;
}
.contentbox-contents #is-menu-toggle .line {
  display: block;
  background: #000000;
  width: 25px;
  height: 2px;
  position: absolute;
  left: 0;
  border-radius: 1px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
.contentbox-contents #is-menu-toggle .line.line-1 {
  top: 0;
}
.contentbox-contents #is-menu-toggle .line.line-2 {
  top: 50%;
}
.contentbox-contents #is-menu-toggle .line.line-3 {
  top: 100%;
}
.contentbox-contents #is-menu-toggle:hover .line-1,.contentbox-contents #is-menu-toggle:focus .line-1 {
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
}
.contentbox-contents #is-menu-toggle:hover .line-3,.contentbox-contents #is-menu-toggle:focus .line-3 {
  transform: translateY(1px);
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
}
.contentbox-contents #is-menu-toggle.active .line-1 {
  transform: translateY(7px) translateX(0) rotate(45deg);
  -webkit-transform: translateY(7px) translateX(0) rotate(45deg);
  -moz-transform: translateY(7px) translateX(0) rotate(45deg);
}
.contentbox-contents #is-menu-toggle.active .line-2 {
  opacity: 0;
}
.contentbox-contents #is-menu-toggle.active .line-3 {
  transform: translateY(-7px) translateX(0) rotate(-45deg);
  -webkit-transform: translateY(-7px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-7px) translateX(0) rotate(-45deg);
}

/* menu close (mobile) */
.contentbox-contents .is-menu-close {
	width:50px;
	height:50px;
	border-radius:500px;
	position:fixed;
	top:13px;right:25px;
	cursor:pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display:none;
}
.contentbox-contents .is-menu-close:hover {
	transform: rotate(90deg);
}
.contentbox-contents .is-menu-close span {
	position: absolute;
	display: inline-block;
	width: 25px;height: 2px;
	top: 22px; left: 12px;
}
.contentbox-contents .is-menu-close span::before,.contentbox-contents .is-menu-close span:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(71, 71, 71, 1);left: 0;
	transition: transform 0.2s;
	/* Force hardware acceleration */
	-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden;
}
.contentbox-contents .is-menu-close span::before {
	-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);
	transition: transform 0.2s;
}
.contentbox-contents .is-menu-close span::after {
	-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);
	transition: transform 0.2s;
}

/* Button */
.contentbox-contents .is-topbar .is-bordered {
	margin: 10px 5px;
	padding:3px 12px;
	line-height: 1.7;
    text-align:center;
	border:2px solid #111;
}

/* ok - #4 Transparent (dark text), light topbar on scroll */
.contentbox-contents .is-topbar {background-color:rgba(255, 255, 255, 0);color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar .is-sitename {color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar .is-menu > ul > li > a {color:rgba(0, 0, 0, 0.9)}

.contentbox-contents .is-topbar.shrink {background-color:rgba(255, 255, 255, 0.8);color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.shrink .is-sitename {color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.shrink .is-menu > ul > li > a {color:rgba(0, 0, 0, 0.9)}

/* lighttext:ok - #3 Transparent (light text), light topbar on scroll */
.contentbox-contents .is-topbar.lighttext {background-color:rgba(255, 255, 255, 0);color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.lighttext .is-sitename {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.lighttext .is-menu > ul > li > a {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.lighttext .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}
.contentbox-contents .is-topbar.lighttext .is-bordered {border:2px solid rgba(255, 255, 255, 0.8);} /* button */

.contentbox-contents .is-topbar.lighttext.shrink {background-color:rgba(255, 255, 255, 0.8);color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.lighttext.shrink .is-sitename {color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.lighttext.shrink .is-menu > ul > li > a {color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.lighttext.shrink .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}
.contentbox-contents .is-topbar.lighttext.shrink .is-bordered {border:2px solid rgba(0, 0, 0, 0.9);} /* button */

@media all and (max-width: 1024px) {
    .contentbox-contents .is-topbar.lighttext .is-menu  { background:rgba(255,255,255,1) }
    .contentbox-contents .is-topbar.lighttext .is-menu ul li a {color:rgba(0, 0, 0, 0.8)}
	.contentbox-contents .is-topbar.lighttext .is-menu ul  li  a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}
	.contentbox-contents .is-topbar.lighttext .is-bordered {border:2px solid rgba(0, 0, 0, 0.9);} /* button */

    .contentbox-contents .is-topbar.lighttext #is-menu-toggle span {background-color:rgba(255, 255, 255, 0.8);}
    .contentbox-contents .is-topbar.lighttext.shrink #is-menu-toggle span {background-color:rgba(0, 0, 0, 0.8)}
    .contentbox-contents .is-topbar.lighttext #is-menu-toggle.active span {background-color:rgba(0, 0, 0, 0.8)} /* active */
}

/* fixed - #1 Fixed light topbar */
.contentbox-contents .is-topbar.fixed {background-color:rgba(255, 255, 255, 1);color:rgba(0, 0, 0, 0.9);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
}

/* dark.fixed - #2 Fixed dark topbar */
.contentbox-contents .is-topbar.dark.fixed {background-color:rgba(0, 0, 0, 0.9);color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.fixed .is-sitename {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.fixed .is-menu > ul > li > a {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.fixed .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}
.contentbox-contents .is-topbar.dark.fixed .is-bordered {border:2px solid rgba(255, 255, 255, 0.8);} /* button */

.contentbox-contents .is-topbar.dark.fixed .is-menu li ul {background: rgba(0,0,0,0.9);} /*submenu*/
.contentbox-contents .is-topbar.dark.fixed .is-menu li li  a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}
.contentbox-contents .is-topbar.dark.fixed .is-menu li li  a {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.fixed.shrink .is-bordered {border:2px solid rgba(255, 255, 255, 0.8);} /* button */

@media all and (max-width: 1024px) {
    .contentbox-contents .is-topbar.dark.fixed .is-menu  { background:rgba(0,0,0,1) }
    .contentbox-contents .is-topbar.dark.fixed .is-menu ul li a {color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.dark.fixed .is-menu ul  li  a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}

    .contentbox-contents .is-topbar.dark.fixed #is-menu-toggle span {background-color:rgba(255, 255, 255, 0.8);}
    .contentbox-contents .is-topbar.dark.fixed.shrink #is-menu-toggle span {background-color:rgba(255, 255, 255, 0.8)}
    .contentbox-contents .is-topbar.dark.fixed #is-menu-toggle.active span {background-color:rgba(255, 255, 255, 0.8)} /* active */
}

/* dark.lighttext - #5 Transparent (light text), dark topbar on scroll */
.contentbox-contents .is-topbar.dark.lighttext {background-color:rgba(0, 0, 0, 0);color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.lighttext .is-sitename {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.lighttext .is-menu > ul > li > a {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.lighttext .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}
.contentbox-contents .is-topbar.dark.lighttext .is-bordered {border:2px solid rgba(255, 255, 255, 0.8);} /* button */

.contentbox-contents .is-topbar.dark.lighttext.shrink {background-color:rgba(0, 0, 0, 0.8);color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.lighttext.shrink .is-sitename {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.lighttext.shrink .is-menu   > ul > li > a {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.lighttext.shrink .is-menu   > ul > li > a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}
.contentbox-contents .is-topbar.dark.lighttext.shrink .is-bordered {border:2px solid rgba(255, 255, 255, 0.8);} /* button */

.contentbox-contents .is-topbar.dark.lighttext .is-menu li ul {background: rgba(0,0,0,0.9);} /*submenu*/
.contentbox-contents .is-topbar.dark.lighttext .is-menu li li  a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}
.contentbox-contents .is-topbar.dark.lighttext .is-menu li li  a {color:rgba(255, 255, 255, 0.8)}

@media all and (max-width: 1024px) {
    .contentbox-contents .is-topbar.dark.lighttext .is-menu  { background:rgba(0,0,0,1) }
    .contentbox-contents .is-topbar.dark.lighttext .is-menu ul li a {color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.dark.lighttext .is-menu ul  li  a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}

    .contentbox-contents .is-topbar.dark.lighttext #is-menu-toggle span {background-color:rgba(255, 255, 255, 0.8);}
    .contentbox-contents .is-topbar.dark.lighttext.shrink #is-menu-toggle span {background-color:rgba(255, 255, 255, 0.8)}
    .contentbox-contents .is-topbar.dark.lighttext #is-menu-toggle.active span {background-color:rgba(255, 255, 255, 0.8)} /* active */
}

/* dark:ok - #6 Transparent (dark text), dark topbar on scroll */
.contentbox-contents .is-topbar.dark {background-color:rgba(0, 0, 0, 0, 0);color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.dark .is-sitename {color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.dark .is-menu > ul > li > a {color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.dark .is-menu   > ul > li > a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}

.contentbox-contents .is-topbar.dark.shrink {background-color:rgba(0, 0, 0, 0.8);color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.shrink .is-sitename {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.shrink .is-menu   > ul > li > a {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.dark.shrink .is-menu   > ul > li > a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}
.contentbox-contents .is-topbar.dark.shrink .is-bordered {border:2px solid rgba(255, 255, 255, 0.8);} /* button */

.contentbox-contents .is-topbar.dark .is-menu li ul {background: rgba(0,0,0,0.9);} /*submenu*/
.contentbox-contents .is-topbar.dark .is-menu li li  a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}
.contentbox-contents .is-topbar.dark .is-menu li li  a {color:rgba(255, 255, 255, 0.8)}

@media all and (max-width: 1024px) {
    .contentbox-contents .is-topbar.dark .is-menu  { background:rgba(0,0,0,1) }
    .contentbox-contents .is-topbar.dark .is-menu ul li a {color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.dark .is-menu ul  li  a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}
	.contentbox-contents .is-topbar.dark .is-bordered {border:2px solid rgba(255, 255, 255, 0.8);} /* button */

    .contentbox-contents .is-topbar.dark #is-menu-toggle span {background-color:rgba(0, 0, 0, 0.9)}
    .contentbox-contents .is-topbar.dark.shrink #is-menu-toggle span {background-color:rgba(255, 255, 255, 0.8)}
    .contentbox-contents .is-topbar.dark #is-menu-toggle.active span {background-color:rgba(255, 255, 255, 0.8)} /* active */
}

/* Static */
@media all and (min-width: 1025px) {
	.contentbox-contents .is-topbar.static {position:relative} /* absolute */
	.contentbox-contents .is-topbar.static.shrink { -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:none; }
}

/* static - #8 Static Transparent (dark text) */
.contentbox-contents .is-topbar.static {background-color:rgba(255, 255, 255, 0);color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.static .is-sitename {color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.static .is-menu > ul > li > a {color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.static .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}

@media all and (max-width: 1024px) {
	/* Make topbar fixed (not static) on mobile */
	.contentbox-contents .is-topbar.static {background-color:rgba(255, 255, 255, 0);color:rgba(0, 0, 0, 0.8)}
	.contentbox-contents .is-topbar.static .is-sitename {color:rgba(0, 0, 0, 0.8)}
	.contentbox-contents .is-topbar.static .is-menu > ul > li > a {color:rgba(0, 0, 0, 0.8)}
	.contentbox-contents .is-topbar.static .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}
	.contentbox-contents .is-topbar.static .is-bordered {border:2px solid rgba(0, 0, 0, 0.9);} /* button */

	.contentbox-contents .is-topbar.static.shrink {background-color:rgba(255, 255, 255, 0.95);color:rgba(0, 0, 0, 0.9)}
	.contentbox-contents .is-topbar.static.shrink .is-sitename {color:rgba(0, 0, 0, 0.9)}
	.contentbox-contents .is-topbar.static.shrink .is-menu > ul > li > a {color:rgba(0, 0, 0, 0.9)}
	.contentbox-contents .is-topbar.static.shrink .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}
	/***/

    .contentbox-contents .is-topbar.static .is-menu  { background:rgba(255,255,255,1) }
    .contentbox-contents .is-topbar.static .is-menu ul li a {color:rgba(0, 0, 0, 0.8)}
	.contentbox-contents .is-topbar.static .is-menu ul  li  a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}

    .contentbox-contents .is-topbar.static #is-menu-toggle span {background-color:rgba(0, 0, 0, 0.8);}
    .contentbox-contents .is-topbar.static.shrink #is-menu-toggle span {background-color:rgba(0, 0, 0, 0.8)}
    .contentbox-contents .is-topbar.static #is-menu-toggle.active span {background-color:rgba(0, 0, 0, 0.8)} /* active */
}

/* static.lighttext - #7 Static Transparent (light text) */
.contentbox-contents .is-topbar.static.lighttext {background-color:rgba(0, 0, 0, 0);color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.static.lighttext .is-sitename {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.static.lighttext .is-menu > ul > li > a {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.static.lighttext .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}

@media all and (max-width: 1024px) {
	/* Make topbar fixed (not static) on mobile */
	.contentbox-contents .is-topbar.static.lighttext {background-color:rgba(255, 255, 255, 0);color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.static.lighttext .is-sitename {color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.static.lighttext .is-menu > ul > li > a {color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.static.lighttext .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}

	.contentbox-contents .is-topbar.static.lighttext.shrink {background-color:rgba(255, 255, 255, 0.95);color:rgba(0, 0, 0, 0.9)}
	.contentbox-contents .is-topbar.static.lighttext.shrink .is-sitename {color:rgba(0, 0, 0, 0.9)}
	.contentbox-contents .is-topbar.static.lighttext.shrink .is-menu > ul > li > a {color:rgba(0, 0, 0, 0.9)}
	.contentbox-contents .is-topbar.static.lighttext.shrink .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}
	/***/

    .contentbox-contents .is-topbar.static.lighttext .is-menu  { background:rgba(255,255,255,1) }
    .contentbox-contents .is-topbar.static.lighttext .is-menu ul li a {color:rgba(0, 0, 0, 0.8)}
	.contentbox-contents .is-topbar.static.lighttext .is-menu ul  li  a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}

    .contentbox-contents .is-topbar.static.lighttext #is-menu-toggle span {background-color:rgba(255, 255, 255, 0.8);}
    .contentbox-contents .is-topbar.static.lighttext.shrink #is-menu-toggle span {background-color:rgba(0, 0, 0, 0.8)}
    .contentbox-contents .is-topbar.static.lighttext #is-menu-toggle.active span {background-color:rgba(0, 0, 0, 0.8)} /* active */
}

/* fixed - #9 Static light topbar */
.contentbox-contents .is-topbar.fixed.static {background-color:rgba(255, 255, 255, 1);color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.fixed.static .is-sitename {color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.fixed.static .is-menu > ul > li > a {color:rgba(0, 0, 0, 0.9)}
.contentbox-contents .is-topbar.fixed.static .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}

@media all and (max-width: 1024px) {
	/* Make topbar fixed (not static) on mobile */
	.contentbox-contents .is-topbar.fixed.static {background-color:rgba(255, 255, 255, 1);color:rgba(0, 0, 0, 0.8)}
	.contentbox-contents .is-topbar.fixed.static .is-sitename {color:rgba(0, 0, 0, 0.8)}
	.contentbox-contents .is-topbar.fixed.static .is-menu > ul > li > a {color:rgba(0, 0, 0, 0.8)}
	.contentbox-contents .is-topbar.fixed.static .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}

	.contentbox-contents .is-topbar.fixed.static.shrink {background-color:rgba(255, 255, 255, 0.95);color:rgba(0, 0, 0, 0.9)}
	.contentbox-contents .is-topbar.fixed.static.shrink .is-sitename {color:rgba(0, 0, 0, 0.9)}
	.contentbox-contents .is-topbar.fixed.static.shrink .is-menu > ul > li > a {color:rgba(0, 0, 0, 0.9)}
	.contentbox-contents .is-topbar.fixed.static.shrink .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}
	/***/

    .contentbox-contents .is-topbar.fixed.static .is-menu  { background:rgba(255,255,255,1) }
    .contentbox-contents .is-topbar.fixed.static .is-menu ul li a {color:rgba(0, 0, 0, 0.8)}
	.contentbox-contents .is-topbar.fixed.static .is-menu ul  li  a span.caret {border-top: 4px solid rgba(0, 0, 0, 0.65)}

    .contentbox-contents .is-topbar.fixed.static #is-menu-toggle span {background-color:rgba(0, 0, 0, 0.8);}
    .contentbox-contents .is-topbar.fixed.static.shrink #is-menu-toggle span {background-color:rgba(0, 0, 0, 0.8)}
    .contentbox-contents .is-topbar.fixed.static #is-menu-toggle.active span {background-color:rgba(0, 0, 0, 0.8)} /* active */
}

/* dark.fixed - #10 Static dark topbar */
.contentbox-contents .is-topbar.fixed.static.dark {background-color:rgba(0, 0, 0, 1);color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.fixed.static.dark .is-sitename {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.fixed.static.dark .is-menu > ul > li > a {color:rgba(255, 255, 255, 0.8)}
.contentbox-contents .is-topbar.fixed.static.dark .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}

.contentbox-contents .is-topbar.fixed.static.dark .is-menu li ul {background: rgba(0,0,0,0.9);} /*submenu*/
.contentbox-contents .is-topbar.fixed.static.dark .is-menu li li  a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}
.contentbox-contents .is-topbar.fixed.static.dark .is-menu li li  a {color:rgba(255, 255, 255, 0.8)}

@media all and (max-width: 1024px) {
	/* Make topbar fixed (not static) on mobile */
	.contentbox-contents .is-topbar.fixed.static.dark {background-color:rgba(0, 0, 0, 1);color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.fixed.static.dark .is-sitename {color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.fixed.static.dark .is-menu > ul > li > a {color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.fixed.static.dark .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}

	.contentbox-contents .is-topbar.fixed.static.dark.shrink {background-color:rgba(0, 0, 0, 1);color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.fixed.static.dark.shrink .is-sitename {color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.fixed.static.dark.shrink .is-menu > ul > li > a {color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.fixed.static.dark.shrink .is-menu > ul > li > a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}
	/***/

    .contentbox-contents .is-topbar.fixed.static.dark .is-menu  { background:rgba(0,0,0,1) }
    .contentbox-contents .is-topbar.fixed.static.dark .is-menu ul li a {color:rgba(255, 255, 255, 0.8)}
	.contentbox-contents .is-topbar.fixed.static.dark .is-menu ul  li  a span.caret {border-top: 4px solid rgba(255, 255, 255, 0.65)}

    .contentbox-contents .is-topbar.fixed.static.dark #is-menu-toggle span {background-color:rgba(255, 255, 255, 0.8)}
    .contentbox-contents .is-topbar.fixed.static.dark.shrink #is-menu-toggle span {background-color:rgba(255, 255, 255, 0.8)}
    .contentbox-contents .is-topbar.fixed.static.dark #is-menu-toggle.active span {background-color:rgba(255, 255, 255, 0.8)} /* active */
}

/* Overide submenu styles (hover bg & color, border radius (corner) */
.contentbox-contents .is-topbar .is-menu li ul  li:hover { } /* light */
.contentbox-contents .is-topbar .is-menu li ul  li:hover a { }
.contentbox-contents .is-topbar.dark .is-menu li ul  li:hover { background:rgba(255, 255, 255, 0.1); } /* dark */
.contentbox-contents .is-topbar.dark .is-menu li ul  li:hover a { }
.contentbox-contents .is-topbar .is-menu li ul {border-radius:0px;}
.contentbox-contents .is-topbar .is-menu li ul  li:first-child {border-top-left-radius:4px;border-top-right-radius:4px;}
.contentbox-contents .is-topbar .is-menu li ul  li:last-child {border-bottom-left-radius:4px;border-bottom-right-radius:4px;}

/* Dark sub menu
@media (min-width: 1025px){
    .contentbox-contents .is-menu li ul {
        background: rgba(0, 0, 0, 0.8);
    }
    .contentbox-contents .is-menu li ul li a {
        color: rgba(255, 255, 255, 0.95);
    }

    .contentbox-contents .is-menu li ul li:hover a {
        color: rgba(255, 255, 255, 0.95);
    }
    .contentbox-contents .is-menu li ul li:hover {
        background:rgba(47, 47, 47, 0.88);
    }
}
*/