/**************** NORMALIZE ****************//**************** NORMALIZE ****************//**************** NORMALIZE ****************/
/**************** NORMALIZE ****************//**************** NORMALIZE ****************//**************** NORMALIZE ****************/
/**************** NORMALIZE ****************//**************** NORMALIZE ****************//**************** NORMALIZE ****************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none;}
article, aside, div, details, fieldset, figcaption, figure, form, footer, h1, h2, h3, h4, h5, h6, header, hgroup, legend, menu, nav, section {display: block; position: relative;}

html {direction: ltr; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; box-sizing: border-box;}
body {direction: ltr; font-family: sans-serif; font-style: normal; font-weight: normal; font-stretch: 100%; font-size: 100%; line-height: 1; text-align: start; letter-spacing: 0px; background-color: hsla(0,0%,100%,1);}
html[dir="rtl"] {direction: rtl;} html[dir="rtl"] body {direction: rtl;}
*, *:before, *:after {box-sizing: inherit;}
a {text-decoration: none; background-color: transparent;}
h1, h2, h3, h4, h5, h6 {font-size: inherit; font-weight: inherit;}
b, i {font-style: inherit; font-weight: inherit;}
ol, ul {display: block; position: relative; list-style: none;} li {display: block; position: relative; list-style-type: none; box-sizing: border-box;}
blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
video:fullscreen {object-fit: contain !important;}

input, select {vertical-align: middle;} textarea {resize: none;} input[disabled] {cursor: default;} input::-moz-focus-inner {border: 0; padding: 0;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;} input[type="number"] {appearance: textfield;}
input[type="number"].arrows::-webkit-outer-spin-button, input[type="number"].arrows::-webkit-inner-spin-button {-webkit-appearance: auto;} input[type="number"].arrows {appearance: auto;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
html[dir="rtl"] input[type="date"] {text-align: right;}
html[dir="rtl"] input[type="tel"] {direction: ltr; text-align: right;}
html[dir="rtl"] input[type="tel"]:placeholder-shown {direction: rtl; text-align: right;}



/**************** ISO CSS ****************//**************** ISO CSS ****************//**************** ISO CSS ****************/
/**************** ISO CSS ****************//**************** ISO CSS ****************//**************** ISO CSS ****************/
/**************** ISO CSS ****************//**************** ISO CSS ****************//**************** ISO CSS ****************/

.iso-block {display: block !important;} .iso-inline {display: inline !important;} .iso-inblock {display: inline-block !important;}
.iso-overflow {overflow: hidden !important;} .iso-clear:after {content: ""; display: block; width: 0px; height: 0px; clear: both; visibility: hidden;}
.iso-hide {display: none !important; opacity: 0 !important; pointer-events: none !important;} .iso-wait {opacity: 0.5; cursor: default; pointer-events: none;}
.iso-nopoint {pointer-events: none;} .iso-scroll-hide {-ms-overflow-style: none; scrollbar-width: none;} .iso-scroll-hide::-webkit-scrollbar {display: none;}

.iso-text-start {text-align: start !important;} .iso-text-left input, .iso-text-left textarea {text-align: start !important;} 
.iso-text-end {text-align: end !important;} .iso-text-left input, .iso-text-left textarea {text-align: end !important;} 
.iso-text-left {text-align: left !important;} .iso-text-left input, .iso-text-left textarea {text-align: left !important;} 
.iso-text-right {text-align: right !important;} .iso-text-right input, .iso-text-right textarea {text-align: right !important;}
.iso-text-center {text-align: center !important;} .iso-text-center input, .iso-text-center textarea {text-align: center !important;}
.iso-text-uppercase {text-transform: uppercase;} .iso-text-capitalize {text-transform: capitalize;}
.iso-text-break {word-wrap: break-word; word-break: break-word; overflow-wrap: anywhere;}
.iso-text-nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.iso-text-for-copy {width: 1px; height: 1px; opacity: 0; overflow: hidden;}

@keyframes iso-sync-rotate { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }



/**************** FLEX ****************//**************** FLEX ****************//**************** FLEX ****************/
/**************** FLEX ****************//**************** FLEX ****************//**************** FLEX ****************/
/**************** FLEX ****************//**************** FLEX ****************//**************** FLEX ****************/

.flex, [class*='flex'] {
    display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; align-content: flex-start;
}
.flex > * {-webkit-flex: 0 0 auto; flex: 0 0 auto;} [class*='flex'] > * {-webkit-flex: 0 0 auto; flex: 0 0 auto;}
.flex > .nofix, [class*='flex'] > .nofix {-webkit-flex: 1 1 auto; flex: 1 1 auto;}

.flex-reverse {-webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
.flex-column {-webkit-flex-direction: column; flex-direction: column;}
.flex-colreverse {-webkit-flex-direction: column-reverse; flex-direction: column-reverse;}
.flex-nowrap {-webkit-flex-wrap: nowrap; flex-wrap: nowrap;}
.flex-wrapreverse { -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse;}
.flex-end {-webkit-justify-content: flex-end; justify-content: flex-end;}
.flex-between {-webkit-justify-content: space-between; justify-content: space-between;}
.flex-around {-webkit-justify-content: space-around; justify-content: space-around;}
.flex-center {-webkit-justify-content: center; justify-content: center;}
.flex-iend {-webkit-align-items: flex-end; align-items: flex-end;}
.flex-icenter {-webkit-align-items: center; align-items: center;}
.flex-ibaseline {-webkit-align-items: baseline; align-items: baseline;}
.flex-istretch {-webkit-align-items: stretch; align-items: stretch;}
.flex-cend {-webkit-align-content: flex-end; align-content: flex-end;}
.flex-ccenter {-webkit-align-content: center; align-content: center;}
.flex-cbetween {-webkit-align-content: space-between; align-content: space-between;}
.flex-caround {-webkit-align-content: space-around; align-content: space-around;}

.flexvc {-webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center;}
.flexac {-webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center;}



/**************** POPUP ****************//**************** POPUP ****************//**************** POPUP ****************/
/**************** POPUP ****************//**************** POPUP ****************//**************** POPUP ****************/
/**************** POPUP ****************//**************** POPUP ****************//**************** POPUP ****************/

.popup-wrapper {
    display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;
    background-color: hsla(0,0%,0%,0.24); -ms-overflow-style: none; scrollbar-width: none; opacity: 0; transition: opacity ease 360ms; z-index: 1000;
}
.popup-wrapper::-webkit-scrollbar {display: none;}
.popup-wrapper.open {opacity: 1;}

.popup-pad {
    display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center;
    width: 100%; min-height: 100%; padding: 60px;
}
.popup-close {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer;}

.popup {display: none; width: 100%; max-width: 420px; opacity: 0; transition: opacity ease 360ms;}
.popup.open {opacity: 1;}


@media screen and (max-width: 1400px) {
    .popup-pad {padding: 36px;}
}

@media screen and (max-width: 1080px) {
    .popup-pad {padding: 24px;}
}

@media screen and (max-width: 540px) {
    .popup-pad {padding: 18px;}
}



/**************** SIMPLEBAR SCROLL ****************//**************** SIMPLEBAR SCROLL ****************//**************** SIMPLEBAR SCROLL ****************/
/**************** SIMPLEBAR SCROLL ****************//**************** SIMPLEBAR SCROLL ****************//**************** SIMPLEBAR SCROLL ****************/
/**************** SIMPLEBAR SCROLL ****************//**************** SIMPLEBAR SCROLL ****************//**************** SIMPLEBAR SCROLL ****************/

.scrollbox {width: 100%; height: 100%;}
.scrollbar {width: 100%; height: 100%; direction: ltr;}
.scrollfix {width: 100%; overflow: hidden;}

.scrollbar .simplebar-track.simplebar-vertical {top: 0; bottom: 0; right: 0; width: 12px; background-color: hsla(0,0%,0%,0.12); z-index: 100;}
.scrollbar .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: hsla(0,0%,0%,0.48); border-radius: 0px; opacity: 1;}

html[dir="rtl"] .scrollbar {direction: rtl;}
html[dir="rtl"] .scrollbar .simplebar-track.simplebar-vertical {right: auto; left: 0;}

body.touch .scrollbox.page {height: auto;}
body.touch .scrollbar {overflow-x: hidden; overflow-y: auto;}
body.touch .scrollbar.page {height: auto;}

body.noscroll .scrollbar.page > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper {overflow: hidden !important;}
body.noscroll .scrollbar.page > .simplebar-track.simplebar-vertical {opacity: 0;}
body.touch.noscroll {overflow: hidden !important;}