/*######################### root #########################*/
:root {scroll-behavior: auto !important;
    --cr-green: #00A94F;
    --cr-light: #fff;
    --cr-gray: #999;
    --cr-dark: #333;
    --cr-border: #DBDBDB;
    --tsition: 400ms ease-in-out;
}

/*######################### html #########################*/
* {-webkit-box-sizing: border-box;box-sizing: border-box; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;outline: none;
}

html {box-sizing: border-box;-webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {margin: 0;padding: 0; box-sizing: border-box; background-color: var(--cr-light); font-family: 'kurious';
    font-size: 16px; line-height: 1.5em; color: var(--cr-dark); position: relative;
    overflow: visible; overflow-y: visible; overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}

audio:not([controls]) {display: none;height: 0;}

[hidden],template {display: none;}


/*######################### default #########################*/
.icw,.icw *,.icw *:before,.icw *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.icw a,
.icw a:focus,
.icw a:hover,
.icw a:active { text-decoration: none; outline: none;}
.icw a {
    color: inherit; 
    cursor: pointer; 
    font-family: 'kurious'; 
    /* font-size: 16px; 
    font-weight: 600; */
}
.icw a[href^=tel],.icw  a[href^=mail] {outline: none; text-decoration: none; color: inherit; white-space: nowrap;}

.icw img {border: 0;max-width: 100%;vertical-align: middle;}

.icw .nowrap{white-space: nowrap;}

.icw .container,.icw .container-xs,.icw .container-sm,.icw .container-md { margin-left: auto; margin-right: auto; padding-left: 16px;padding-right: 16px; width: 100%;}
.icw .container {max-width: 1172px;}
.icw .container-xs {max-width: 830px;}
.icw .container-sm {max-width: 930px;}
.icw .container-md {max-width: 1030px;}

.icw .a-left{text-align: left;}
.icw .a-center{text-align: center;}
.icw .a-right{text-align: right;}

.icw .c-green{color: var(--cr-green);}
.icw .c-light{color: var(--cr-light);}
.icw .c-gray{color: var(--cr-gray);}
.icw .c-dark{color: var(--cr-dark);}


/*######################### font-family: 'kurious' #########################*/
.icw h1,.icw h2,.icw h3,.icw h4,.icw h5,
.icw .h1,.icw .h2,.icw .h3,.icw .h4,.icw .h5,
.icw h1 > strong,.icw h2 > strong,.icw h3 > strong,.icw h4 > strong,.icw h5 > strong,
.icw .h1 > strong,.icw .h2 > strong,.icw .h3 > strong,.icw .h4 > strong,.icw .h5 > strong{font-family: 'kurious'; margin: 0;}

.icw h1,.icw .h1 {font-size: 42px; font-weight: 700; line-height: 1.3em;}
.icw h1 strong,.icw .h1 strong{font-weight: 700;}
.icw h2,.icw .h2 {font-size: 33px; font-weight: 700; line-height: 1.4em;}
.icw h2 strong,.icw .h2 strong{font-weight: 700;}
.icw h3,.icw .h3 {font-size: 26px; font-weight: 700; line-height: 1.3em;}
.icw h3 strong,.icw .h3 strong{font-weight: 700;}
.icw h4,.icw .h4 {font-size: 20px; font-weight: 500; line-height: 1.4em;}
.icw h4 strong,.icw .h4 strong{font-weight: 700;}
.icw h5,.icw .h5 {font-size: 18px; font-weight: 500; line-height: 1.5em;}
.icw h5 strong,.icw .h5 strong{font-weight: 700;}

.icw p {font-family: 'kurious-looped'; font-size: 16px; font-weight: 500; line-height: 1.5em; margin: 0;}
.icw p strong{font-weight: 600;}

.icw .caption{font-family: 'kurious-looped'; font-size: 13px; font-weight: 500; line-height: 1.5em;}
.icw .caption strong{font-weight: 600;}

@media (max-width: 768px){
    .icw h1,.icw .h1 {font-size: 28px; line-height: 1.4em;}
    .icw h2,.icw .h2 {font-size: 24px; line-height: 1.4em;}
    .icw h3,.icw .h3 {font-size: 20px; line-height: 1.4em;}
    .icw h4,.icw .h4 {font-size: 18px; line-height: 1.5em;}
    .icw h5,.icw .h5 {font-size: 16px; line-height: 1.5em;}
}


/*######################### button #########################*/
.icw .btn{padding: 0 32px; width: auto; min-width: 120px; font-family: 'kurious'; font-weight: 600; border: 0; font-size: 16px;
    background: transparent; color: var(--cr-gray); display: inline-flex; justify-content: center; align-items: center;
    text-align: center; border-radius: 50px; transition: var(--tsition); line-height: 1.5em; text-decoration: none;
    overflow: hidden; position: relative; z-index: +1; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); height: 50px;
}
.icw .btn:hover,
.icw .btn:active:hover, 
.icw .btn.active:hover, 
.icw .btn:active:focus,
.icw .btn.actitve:focus,
.icw .btn:active.focus,
.icw .btn.active.focus,
.icw .btn:focus,
.icw .btn:focus:hover,
.icw .btn.focus:hover{
    color: var(--cr-gray); background-color: transparent; outline: 0; outline-offset:0;
}

.icw .btn:before{content: ''; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%; transition: var(--tsition); opacity: 0;}
.icw .btn:hover:before{left: 0; opacity: 1;}

.icw .btn.disabled,
.icw .btn.disabled:hover{color: var(--cr-gray); background-color: transparent; border-color: var(--cr-border); opacity: 0.5;}

.icw .btn.fluid{width: 100%; min-width: inherit;}

.icw .btn.btn-primary{background: var(--cr-green); color: var(--cr-light); transition: all .8s,color .3s .3s;}
.icw .btn.btn-primary:hover{background: var(--cr-green); color: var(--cr-light); border-color: var(--cr-green);}
.icw .btn.btn-primary:before{background-color: #0BC160;}

.icw .btn.btn-secondary{background: var(--cr-light); color: var(--cr-green);}
.icw .btn.btn-secondary:hover{background: var(--cr-light); color: var(--cr-light);}
.icw .btn.btn-secondary:before{background-color: var(--cr-green);}

.icw .more{text-decoration: none; position: relative;}
.icw .more:before{content: ''; position: absolute; left: 0; right: 15px; bottom: 2px; height: 1px; background-color: #fff;}


/*######################### layout #########################*/
.row-0{margin: 0px;}
.row-0 > div{padding: 0px;}

.row-20{margin: 0 -10px;}
.row-20 > div{padding: 0 10px;}

.row-flex{display: flex; flex-wrap: wrap;}
.row-flex.align-items-center{align-items: center;}
.row-flex > div{float: none;}
.row-flex > .col{ flex-basis: 0;-webkit-box-flex: 1;flex-grow: 1;max-width: 100%;}
.row-flex > .col-auto{-webkit-box-flex: 0;flex: 0 0 auto; width: auto; max-width: none;}
.row-flex > .col-12 {-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;}
.row-flex > .col-6 {-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;}

.item-list{padding: 0; margin: 0; list-style: none;}
.item-list:after{content: ''; display: table; clear: both;}
.item-list > li{float: left;}

.icw ol.list-order{margin-left: 20px;}
.icw ol.list-order li{list-style: decimal;}
.icw ol.list-order li+li{margin-top: 10px;}

.icw ul.list-unorder{margin-left: 20px; font-family: 'kurious-looped'; font-size: 16px; font-weight: 500; line-height: 1.5em;}
.icw ul.list-unorder li{list-style: disc;}
.icw ul.list-unorder li+li{margin-top: 10px;}

.icw .nowrap{white-space: nowrap !important;}


.visible-w1199{display: none;}
.visible-w991{display: none;}
.visible-w767{display: none;}
.visible-w414{display: none;}
.visible-w375{display: none;}
.visible-w360{display: none;}

@media (max-width: 1199px){
    .visible-w1199{display: block;}
    .hidden-w1199{display: none;}
}
@media (max-width: 991px){
    .visible-w991{display: block;}
    .hidden-w991{display: none;}
}
@media (max-width: 767px){
    .visible-w767{display: block;}
    .hidden-w767{display: none;}
}
@media (max-width: 414px){
    .visible-w414{display: block;}
    .hidden-w414{display: none;}
}
@media (max-width: 375px){
    .visible-w375{display: block;}
    .hidden-w375{display: none;}
}
@media (max-width: 360px){
    .visible-w360{display: block;}
    .hidden-w360{display: none;}
}


/*#############################################################################################*/
/*======================================== ADD - ON ===========================================*/
/*#############################################################################################*/

/*######################### default #########################*/
.sc-headline:not(:last-child){margin-bottom: 40px;}

.sc-inner{padding: 64px 0;}

@media screen and (max-width: 767px){
    .sc-inner{padding: 48px 0;}
}


/*######################### header #########################*/
header.header {position: relative; z-index: 999; background-color: var(--color-light);
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
}
header.header .tb{display: table;width: 100%;}
header.header .img-logo{width: 190px;line-height: 0;}
header.header-docstyle{border-top: 3px solid #00a950;}
header.header-docstyle .inner {display: table; width: 100%;padding: 30px 0;}
header.header-docstyle .header-logo,
header.header-docstyle .header-heading {display: table-cell; vertical-align: middle;}
header.header-docstyle .header-logo {text-align: left;vertical-align: top;}

@media screen and (max-width: 1024px){
    header.header-docstyle .inner {padding: 11px 0;}
    header.header .img-logo{width: 120px;}
}


/*######################### footer #########################*/
footer.footer{background-color: var(--color-light); border-top: 1px solid #ddd}
footer.footer .slogan {padding: 30px 0; text-align: center;}
footer.footer .slogan .img {margin: 0 auto; width: 183px; display: block;}

@media screen and (max-width: 767px){
    footer.footer .slogan {padding: 15px 0;}
    footer.footer .slogan .img {width: 153px;}
}


/*######################### swiper #########################*/
.swiper-button-next, 
.swiper-button-prev{position: absolute; top: 48%; box-shadow: 0 3px 6px rgba(0, 0, 0, .26);
    z-index: 1; font-size: 0; background-color: #fff; overflow: hidden; width: 40px; height: 40px;
    border-radius: 50%; transform: translate(0, -50%); display: flex; align-items: center;
}
.swiper-button-next{right:0px;} 
.swiper-button-prev{left:0px;}
.swiper-button-next:after, 
.swiper-button-prev:after {display: none;}
.swiper-button-next:before,
.swiper-button-prev:before { content: ''; display: inline-block;width: 10px;height: 10px; position: relative; top: 0;
    border-top: 2px solid #256D47; border-left: 2px solid #256D47; visibility: visible; 
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 2px;
}
.swiper-button-next:before { left: -2px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction,
.swiper-pagination{text-align: center; margin: 0; padding-top: 32px; position: relative; bottom: 0;}
.swiper-pagination-bullet{font-size: 0; line-height: 0; margin: 0; padding: 0; cursor: pointer; margin: 0 4px; border: 1px solid #DDDDDD;
    outline: none;width: 8px; height: 8px; border-radius: 8px; background: #fff; opacity: 1; transition: var(--tsition);
}
.swiper-pagination-bullet-active{background: #00A94F; border-color: #00A94F; opacity: 1; width: 24px;}

@media screen and (max-width: 767px){
    .swiper-button-next, 
    .swiper-button-prev{width: 35px; height: 35px;}

    .swiper-pagination{padding-top: 24px;}
}


/*############################ popup ###################################*/
.mfp-bg, .mfp-wrap .mfp-content, .mfp-wrap .mfp-container { opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mfp-wrap.mfp-ready .mfp-container {opacity: 1;}
.mfp-wrap.mfp-ready .mfp-content {opacity: 1;visibility: visible;}

.mfp-close-btn-in .mfp-close{width: 30px; height: 30px; background-color: #00A950; color:#fff; top: -15px; right: -15px;
    display: flex; align-items: center; justify-content: center; border-radius: 50%; opacity: 1; font-size: 0px; transition: var(--tsition);
}
.mfp-close-btn-in .mfp-close:before,
.mfp-close-btn-in .mfp-close:after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    width: 18px; height: 2px; background-color: var(--cr-light); margin: auto; transition: var(--tsition);
}
.mfp-close-btn-in .mfp-close:before{transform: rotate(45deg);}
.mfp-close-btn-in .mfp-close:after{transform: rotate(-45deg);}
.mfp-close-btn-in .mfp-close:hover:before{background-color: var(--cr-light);}
.mfp-close-btn-in .mfp-close:hover:after{background-color: var(--cr-light);}
.mfp-close-btn-in .mfp-close:active{top: ;};}


@media screen and (max-width: 767px){
    .mfp-close-btn-in .mfp-close {top: 30px; right: 16px;}
}