/****************************/
@-ms-viewport {width: device-width;}
html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
    font-size: 10px;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*,
*::before,
*::after {
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
/*******************************/
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #222;
  text-align: left;
  background-color: transparent;
}
[tabindex="-1"]:focus {outline: 0 !important;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 0.5rem;}
p {margin-top: 0; margin-bottom: 1rem;}
abbr[title],
abbr[data-original-title] {text-decoration: underline; webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none;}
address {margin-bottom: 1rem; font-style: normal; line-height: inherit;}
ol, ul, dl {margin-top: 0; margin-bottom: 1rem;}
ol ol, ul ul, ol ul, ul ol {margin-bottom: 0;}
dt {font-weight: 700;}
dd {margin-bottom: .5rem; margin-left: 0;}
blockquote {margin: 0 0 1rem 3rem;}
b, strong {font-weight: bolder;}
small, .small {font-size: 80% !important;}
.lead {font-size: 120%; font-weight: 500;}
sub, sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}
a {color: var(--basic-link); text-decoration: none; background-color: transparent;}
a:hover {
  color: var(--hover-link);
  text-decoration: underline;
}
._a, ._a_ {
    color: inherit;
}
._a:hover {
    color: inherit;
  text-decoration: none;
}
._a_:hover {
    color: inherit;
  text-decoration: underline;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {margin: 0 0 1rem;}
img {vertical-align: middle; border-style: none;}
svg {overflow: hidden; vertical-align: middle;}
table {border-collapse: collapse;}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {text-align: inherit;}
label {display: inline-block; margin-bottom: 0.5rem;}
button {border-radius: 0;}
button:focus {outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
  text-align: center;
}
input {
    width: 100%;
    font-size: 18px;
    padding: 5px;
}
button,
select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
  width: 100%;
    font-size: 18px;
    padding: 5px;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
/**/
:active, :focus {
    outline: none;
}
/**/
/*******************************/
/******************************/
/*ALL*/
.alert {
    position: fixed;
    top: 40px;
    right: 40px;
    z-index: 100;
    padding: 20px;
    color: #fff;
}
.alert-success {background: green;}
.alert-danger {background: orange;}
.fluid {max-width: 100%;}
.scale {max-width: 100%; max-height: 100%;}
.responsive {width: 100%;overflow: auto;}
.relative {position: relative;}
.abs, .absolute {position: absolute;}
.fix {position: fixed;}

/*COLOR*/
.bg_orange {background: orange;}
.bg_white, .bg-fff {background: white;}
.c-white, .fff {color: white;}
.c-green {color: green;}
.c-red {color: red;}
.c-brown {color: brown;}

/*TEXT*/
article h1 {font-size: 2.4rem;}
article h2 {font-size: 2.2rem;}
article h3 {font-size: 2.0rem;}
article h4 {font-size: 1.8rem;}
article h5, article h6 {font-size: 1.6rem;}
.t-center {text-align: center;}
.t-right {text-align: right;}
.t-left {text-align: left;}
.up {text-transform: uppercase;}
.b {font-weight: 700;}
.i {font-style: italic;}
.h1, .h2 {font-size: 2.2rem;font-weight: 600;}
.h3 {display: block;font-size: 2rem;font-weight: 600;}
.h4 {font-size: 1.8rem;font-weight: 600;}
.h5 {font-size: 1.8rem;font-weight: 500;}
.h6 {font-size: 1.6rem;font-weight: 500;}
.ul {margin-left: 15px;}
.no-list, ._ul {list-style: none;}
.large {font-size: large;}

/*BUTTON*/
.btn {display: inline-block; padding: 5px; text-align: center;}
.btn-block {display: block;}
.a {color: #624434; font-weight: 500; cursor: pointer;}
.a:hover {text-decoration: none; color: #269058;}

/*IMG*/
.img-block {display: block; text-align: center;}
.img-flex {display: flex; justify-content: center; align-items: center;}
.round {border-radius: 50%;}

/*TABLE*/
.table {
    width: 100%;
}
.table td, .table th {
    padding: 5px 10px;
}
.bordered td, .bordered th {
    border: 1px solid #777;
}

/*CARD*/
.card {
    position: relative;
}
.card-modul {
    position: absolute;
}

/***************************/

/****************************/
.h {min-height: 0px;}
.h-100 {height: 100%;}
.w-100 {width: 100%;}

/* padding & margin */
.m-auto {margin: auto;}
.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m20 {margin: 20px;}
.mx {margin-left: 0; margin-right: 0;}
.mx5 {margin-left: 5px; margin-right: 5px;}
.mx10 {margin-left: 10px; margin-right: 10px;}
.mx15 {margin-left: 15px; margin-right: 15px;}
.mx20 {margin-left: 20px; margin-right: 20px;}
.mx-5 {margin-left: -5px; margin-right: -5px;}
.mx-10 {margin-left: -10px; margin-right: -10px;}
.mx-15 {margin-left: -15px; margin-right: -15px;}
.mx-20 {margin-left: -20px; margin-right: -20px;}
.mx_5>div {padding-left: 5px; padding-right: 5px;}
.mx_10>div {padding-left: 10px; padding-right: 10px;}
.mx_15>div {padding-left: 15px; padding-right: 15px;}
.mx_20>div {padding-left: 20px; padding-right: 20px;}
.my5 {margin-top: 5px; margin-bottom: 5px;}
.my10 {margin-top: 10px; margin-bottom: 10px;}
.my15 {margin-top: 15px; margin-bottom: 15px;}
.my20 {margin-top: 20px; margin-bottom: 20px;}
.mr5 {margin-right: 5px;}
.ml5 {margin-left: 5px;}
.mb {margin-bottom: 0;}
.mb5 {margin-bottom: 5px;}
.mt5 {margin-top: 5px;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left: 10px;}
.mb10 {margin-bottom: 10px;}
.mt10 {margin-top: 10px;}
.mr15 {margin-right: 15px;}
.ml15 {margin-left: 15px;}
.mb15 {margin-bottom: 15px;}
.mt15 {margin-top: 15px;}
.mr20 {margin-right: 20px;}
.ml20 {margin-left: 20px;}
.mb20 {margin-bottom: 20px;}
.mt20 {margin-top: 20px;}
.mr30 {margin-right: 30px;}
.ml30 {margin-left: 30px;}
.mb30 {margin-bottom: 30px;}
.mt30 {margin-top: 30px;}

.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.px5 {padding-left: 5px; padding-right: 5px;}
.px10 {padding-left: 10px; padding-right: 10px;}
.px15 {padding-left: 15px; padding-right: 15px;}
.px20 {padding-left: 20px; padding-right: 20px;}
.pl5 {padding-left: 5px;} .pl10 {padding-left: 10px;} .pl20 {padding-left: 20px;} .pl30 {padding-left: 30px;} .pl40 {padding-left: 40px;} .pl50 {padding-left: 50px;}
.pr5 {padding-right: 5px;} .pr10 {padding-right: 10px;} .pr20 {padding-right: 20px;} .pr30 {padding-right: 30px;} .pr40 {padding-right: 40px;} .pr50 {padding-right: 50px;}


/****************************/
.box {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 100%;
    width: 100%;
}
.full {padding-left: 10px; padding-right: 10px;}
.row {margin-right: -10px; margin-left: -10px;}
.box::after, .full::after, .row::after {content: ""; display: table; clear: both;}

/* ======= FLEX ======= */
.flex {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
._wrap {-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.wrap {-ms-flex-wrap: wrap; flex-wrap: wrap;}
.center {justify-content: center !important;}
.around {justify-content: space-around !important;}
.between {justify-content: space-between !important;}
.evenly {justify-content: space-evenly !important;}
.start {justify-content: flex-start !important;}
.end {justify-content: flex-end !important;}
.column {flex-direction: column;}
.flex-center { display: flex; justify-content: center; align-items: center;}
.align-center {align-items: center;}
.c, .xs, .sm, .md, .lg, .xl {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.x1 {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.x2 {-webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2;}
.x3 {-webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3;}
.x4 {-webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4;}
.x5 {-webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5;}
.x6 {-webkit-box-flex: 6; -ms-flex-positive: 6; flex-grow: 6;}
.x7 {-webkit-box-flex: 7; -ms-flex-positive: 7; flex-grow: 7;}
.x8 {-webkit-box-flex: 8; -ms-flex-positive: 8; flex-grow: 8;}
.x9 {-webkit-box-flex: 9; -ms-flex-positive: 9; flex-grow: 9;}
.x10 {-webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10;}
.x11 {-webkit-box-flex: 11; -ms-flex-positive: 11; flex-grow: 11;}
.x12 {-webkit-box-flex: 12; -ms-flex-positive: 12; flex-grow: 12;}
/*DISPLAY*/
.block {display: block;}
.block_ {display: block !important;}
.d-no {display: none;}
.d_no {display: none !important;}
/* - float - */
.float {float: left;}
.float-l {float: left !important;}
.float-r {float: right !important;}
.clear {clear: both !important;}

/* ======= col ======= */
.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12, .xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12, .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12, .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12, .lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12, .xl-1, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xl-10, .xl-11, .xl-12, .so-1, .so-2, .so-3, .so-4, .so-5, .so-6, .so-7, .so-8, .so-9, .so-10, .so-11, .so-12, .hd-1, .hd-2, .hd-3, .hd-4, .hd-5, .hd-6, .hd-7, .hd-8, .hd-9, .hd-10, .hd-11, .hd-12 {position: relative;}
.row>.c-1, .row>.c-2, .row>.c-3, .row>.c-4, .row>.c-5, .row>.c-6, .row>.c-7, .row>.c-8, .row>.c-9, .row>.c-10, .row>.c-11, .row>.c-12, .row>.xs-1, .row>.xs-2, .row>.xs-3, .row>.xs-4, .row>.xs-5, .row>.xs-6, .row>.xs-7, .row>.xs-8, .row>.xs-9, .row>.xs-10, .row>.xs-11, .row>.xs-12, .row>.sm-1, .row>.sm-2, .row>.sm-3, .row>.sm-4, .row>.sm-5, .row>.sm-6, .row>.sm-7, .row>.sm-8, .row>.sm-9, .row>.sm-10, .row>.sm-11, .row>.sm-12, .row>.md-1, .row>.md-2, .row>.md-3, .row>.md-4, .row>.md-5, .row>.md-6, .row>.md-7, .row>.md-8, .row>.md-9, .row>.md-10, .row>.md-11, .row>.md-12, .row>.lg-1, .row>.lg-2, .row>.lg-3, .row>.lg-4, .row>.lg-5, .row>.lg-6, .row>.lg-7, .row>.lg-8, .row>.lg-9, .row>.lg-10, .row>.lg-11, .row>.lg-12, .row>.xl-1, .row>.xl-2, .row>.xl-3, .row>.xl-4, .row>.xl-5, .row>.xl-6, .row>.xl-7, .row>.xl-8, .row>.xl-9, .row>.xl-10, .row>.xl-11, .row>.xl-12, .row>.so-1, .row>.so-2, .row>.so-3, .row>.so-4, .row>.so-5, .row>.so-6, .row>.so-7, .row>.so-8, .row>.so-9, .row>.so-10, .row>.so-11, .row>.so-12, .row>.hd-1, .row>.hd-2, .row>.hd-3, .row>.hd-4, .row>.hd-5, .row>.hd-6, .row>.hd-7, .row>.hd-8, .row>.hd-9, .row>.hd-10, .row>.hd-11, .row>.hd-12 {padding-left: 10px; padding-right: 10px;}
.flex-c-1>* {width: 100%;} .flex-c-2>* {width: 50%;} .flex-c-3>* {width: 33.333333%;} .flex-c-4>* {width: 25%;} .flex-c-5>* {width: 20%;} .flex-c-6>* {width: 16.666667%;} .flex-c-7>* {width: 14.285714%;} .flex-c-8>* {width: 12.5%;} .flex-c-9>* {width: 11.111111%;} .flex-c-10>* {width: 10%;} .flex-c-11>* {width: 9.090909%;} .flex-c-12>* {width: 8.333333%;}
.c-1 {width: 8.333333%;} .c-2 {width: 16.666667%;} .c-3 {width: 25%;} .c-4 {width: 33.333333%;} .c-5 {width: 41.666667%;} .c-6 {width: 50%;} .c-7 {width: 58.333333%;} .c-8 {width: 66.666667%;} .c-9 {width: 75%;} .c-10 {width: 83.333333%;} .c-11 {width: 91.666667%;} .c-12 {width: 100%;}
.r-0 {right: auto;} .r-1 {right: 8.333333%;} .r-2 {right: 16.666667%;} .r-3 {right: 25%;} .r-4 {right: 33.333333%;} .r-5 {right: 41.666667%;} .r-6 {right: 50%;} .r-7 {right: 58.333333%;} .r-8 {right: 66.666667%;} .r-9 {right: 75%;} .r-10 {right: 83.333333%;} .r-11 {right: 91.666667%;} .r-12 {right: 100%;}
.l-0 {left: auto;} .l-1 {left: 8.333333%;} .l-2 {left: 16.666667%;} .l-3 {left: 25%;} .l-4 {left: 33.333333%;} .l-5 {left: 41.666667%;} .l-6 {left: 50%;} .l-7 {left: 58.333333%;} .l-8 {left: 66.666667%;} .l-9 {left: 75%;} .l-10 {left: 83.333333%;} .l-11 {left: 91.666667%;} .l-12 {left: 100%;}
.o-1 {margin-left: 8.333333%;} .o-2 {margin-left: 16.666667%;} .o-3 {margin-left: 25%;} .o-4 {margin-left: 33.333333%;} .o-5 {margin-left: 41.666667%;} .o-6 {margin-left: 50%;} .o-7 {margin-left: 58.333333%;} .o-8 {margin-left: 66.666667%;} .o-9 {margin-left: 75%;} .o-10 {margin-left: 83.333333%;} .o-11 {margin-left: 91.666667%;}
.n-1 {order: 1;} .n-2 {order: 2;} .n-3 {order: 3 ;} .n-4 {order: 4;} .n-5 {order: 5;} .n-6 {order: 6 ;} .n-7 {order: 7;} .n-8 {order: 8;} .n-9 {order: 9 ;} .n-10 {order: 10;} .n-11 {order: 11;} .n-12 {order: 12;}
/*alt*/
.w120 {width: 120px;} .w160 {width: 160px;} .w180 {width: 180px;} .w240 {width: 240px;} .w270 {width: 270px;} .w320 {width: 320px;} .w360 {width: 360px;} .w420 {width: 420px;} .w480 {width: 480px;} .w540 {width: 540px;} .w640 {width: 640px;} .w720 {width: 720px;} .w860 {width: 860px;} .w960 {width: 960px;} .w992 {width: 992px;} .w1080 {width: 1080px;} .w1160 {width: 1160px;} .w1200 {width: 1200px;} .w1260 {width: 1260px;} .w1440 {width: 1440px;} .w1560 {width: 1560px;} .w1920 {width: 1920px;}
._120 {max-width: 120px;} ._160 {max-width: 160px;} ._180 {max-width: 180px;} ._240 {max-width: 240px;} ._270 {max-width: 270px;} ._320 {max-width: 320px;} ._360 {max-width: 360px;} ._480 {max-width: 480px;} ._540 {max-width: 540px;} ._640 {max-width: 640px;} ._720 {max-width: 720px;} ._860 {max-width: 860px;} ._960 {max-width: 960px;} ._992 {max-width: 992px;} ._1080 {max-width: 1080px;} ._1160 {max-width: 1160px;} ._1200 {max-width: 1200px;} ._1260 {max-width: 1260px;} ._1440 {max-width: 1440px;} ._1560 {max-width: 1560px;} ._1920 {max-width: 1920px;}

/* ======= MEDIA ======= */
@media (min-width: 480px) {
 
}
@media (min-width: 497px) {
 .box {width: 480px;max-width: 100%;}
}

@media (min-width: 515px) {
 
}
@media (min-width: 540px) {
 
}
@media (min-width: 576px) {
 
}

@media (min-width: 576px) {
.box {width: 540px; max-width: 100%;}
.d-xs-no {display: none;}
.d-xs {display: block;}
.d_xs {display: block !important;}
.column-xs {flex-direction: column;}
.xs-1 {width: 8.333333%;} .xs-2 {width: 16.666667%;} .xs-3 {width: 25%;} .xs-4 {width: 33.333333%;} .xs-5 {width: 41.666667%;} .xs-6 {width: 50%;} .xs-7 {width: 58.333333%;} .xs-8 {width: 66.666667%;} .xs-9 {width: 75%;} .xs-10 {width: 83.333333%;} .xs-11 {width: 91.666667%;} .xs-12 {width: 100%;}
.flex-xs-1>* {width: 100%;} .flex-xs-2>* {width: 50%;} .flex-xs-3>* {width: 33.333333%;} .flex-xs-4>* {width: 25%;} .flex-xs-5>* {width: 20%;} .flex-xs-6>* {width: 16.666667%;} .flex-xs-7>* {width: 14.285714%;} .flex-xs-8>* {width: 12.5%;} .flex-xs-9>* {width: 11.111111%;} .flex-xs-10>* {width: 10%;} .flex-xs-11>* {width: 9.090909%;} .flex-xs-12>* {width: 8.333333%;}
.r-xs-0 {right: auto;} .r-xs-1 {right: 8.333333%;} .r-xs-2 {right: 16.666667%;} .r-xs-3 {right: 25%;} .r-xs-4 {right: 33.333333%;} .r-xs-5 {right: 41.666667%;} .r-xs-6 {right: 50%;} .r-xs-7 {right: 58.333333%;} .r-xs-8 {right: 66.666667%;} .r-xs-9 {right: 75%;} .r-xs-10 {right: 83.333333%;} .r-xs-11 {right: 91.666667%;} .r-xs-12 {right: 100%;}
.l-xs-0 {left: auto;} .l-xs-1 {left: 8.333333%;} .l-xs-2 {left: 16.666667%;} .l-xs-3 {left: 25%;} .l-xs-4 {left: 33.333333%;} .l-xs-5 {left: 41.666667%;} .l-xs-6 {left: 50%;} .l-xs-7 {left: 58.333333%;} .l-xs-8 {left: 66.666667%;} .l-xs-9 {left: 75%;} .l-xs-10 {left: 83.333333%;} .l-xs-11 {left: 91.666667%;} .l-xs-12 {left: 100%;}
.o-xs-1 {margin-left: 8.333333%;} .o-xs-2 {margin-left: 16.666667%;} .o-xs-3 {margin-left: 25%;} .o-xs-4 {margin-left: 33.333333%;} .o-xs-5 {margin-left: 41.666667%;} .o-xs-6 {margin-left: 50%;} .o-xs-7 {margin-left: 58.333333%;} .o-xs-8 {margin-left: 66.666667%;} .o-xs-9 {margin-left: 75%;} .o-xs-10 {margin-left: 83.333333%;} .o-xs-11 {margin-left: 91.666667%;}
.n-xs-1 {order: 1;} .n-xs-2 {order: 2;} .n-xs-3 {order: 3 ;} .n-xs-4 {order: 4;} .n-xs-5 {order: 5;} .n-xs-6 {order: 6 ;} .n-xs-7 {order: 7;} .n-xs-8 {order: 8;} .n-xs-9 {order: 9 ;} .n-xs-10 {order: 10;} .n-xs-11 {order: 11;} .n-xs-12 {order: 12;}
}

@media (min-widht: 600px) {
	
}

@media (min-widht: 617px) {
.box {width: 600px;max-width: 100%;}	
}

@media (min-width: 720px) {
 	
}

@media (min-width: 737px) {
 .box {width: 720px;max-width: 100%;}	
}

@media (min-width: 768px) {
 
}

@media (min-width: 768px) {
.box {width: 720px; max-width: 100%;}
.d-sm-no {display: none;}
.d-sm {display: block;}
.d_sm {display: block !important;}
.flex {justify-content: space-between;}
.column-sm {flex-direction: column;}
.sm-1 {width: 8.333333%;} .sm-2 {width: 16.666667%;} .sm-3 {width: 25%;} .sm-4 {width: 33.333333%;} .sm-5 {width: 41.666667%;} .sm-6 {width: 50%;} .sm-7 {width: 58.333333%;} .sm-8 {width: 66.666667%;} .sm-9 {width: 75%;} .sm-10 {width: 83.333333%;} .sm-11 {width: 91.666667%;} .sm-12 {width: 100%;}
.flex-sm-1>* {width: 100%;} .flex-sm-2>* {width: 50%;} .flex-sm-3>* {width: 33.333333%;} .flex-sm-4>* {width: 25%;} .flex-sm-5>* {width: 20%;} .flex-sm-6>* {width: 16.666667%;} .flex-sm-7>* {width: 14.285714%;} .flex-sm-8>* {width: 12.5%;} .flex-sm-9>* {width: 11.111111%;} .flex-sm-10>* {width: 10%;} .flex-sm-11>* {width: 9.090909%;} .flex-sm-12>* {width: 8.333333%;}
.r-sm-0 {right: auto;} .r-sm-1 {right: 8.333333%;} .r-sm-2 {right: 16.666667%;} .r-sm-3 {right: 25%;} .r-sm-4 {right: 33.333333%;} .r-sm-5 {right: 41.666667%;} .r-sm-6 {right: 50%;} .r-sm-7 {right: 58.333333%;} .r-sm-8 {right: 66.666667%;} .r-sm-9 {right: 75%;} .r-sm-10 {right: 83.333333%;} .r-sm-11 {right: 91.666667%;} .r-sm-12 {right: 100%;}
.l-sm-0 {left: auto;} .l-sm-1 {left: 8.333333%;} .l-sm-2 {left: 16.666667%;} .l-sm-3 {left: 25%;} .l-sm-4 {left: 33.333333%;} .l-sm-5 {left: 41.666667%;} .l-sm-6 {left: 50%;} .l-sm-7 {left: 58.333333%;} .l-sm-8 {left: 66.666667%;} .l-sm-9 {left: 75%;} .l-sm-10 {left: 83.333333%;} .l-sm-11 {left: 91.666667%;} .l-sm-12 {left: 100%;}
.o-sm-0 {margin-left: 0%;} .o-sm-1 {margin-left: 8.333333%;} .o-sm-2 {margin-left: 16.666667%;} .o-sm-3 {margin-left: 25%;} .o-sm-4 {margin-left: 33.333333%;} .o-sm-5 {margin-left: 41.666667%;} .o-sm-6 {margin-left: 50%;} .o-sm-7 {margin-left: 58.333333%;} .o-sm-8 {margin-left: 66.666667%;} .o-sm-9 {margin-left: 75%;} .o-sm-10 {margin-left: 83.333333%;} .o-sm-11 {margin-left: 91.666667%;}
.n-sm-1 {order: 1;} .n-sm-2 {order: 2;} .n-sm-3 {order: 3 ;} .n-sm-4 {order: 4;} .n-sm-5 {order: 5;} .n-sm-6 {order: 6 ;} .n-sm-7 {order: 7;} .n-sm-8 {order: 8;} .n-sm-9 {order: 9 ;} .n-sm-10 {order: 10;} .n-sm-11 {order: 11;} .n-sm-12 {order: 12;}
}

@media (min-width: 960px) {
	
}

@media (min-width: 977px) {
 .box {width: 960px;max-width: 100%;}
}

@media (min-width: 992px) {
 
}

@media (min-width: 992px) {
.box {width: 960px; max-width: 100%;}
.column-md {flex-direction: column;}
.d-md-no {display: none;}
.d-md {display: block;}
.d_md {display: block !important;}
.md-1 {width: 8.333333%;} .md-2 {width: 16.666667%;} .md-3 {width: 25%;} .md-4 {width: 33.333333%;} .md-5 {width: 41.666667%;} .md-6 {width: 50%;} .md-7 {width: 58.333333%;} .md-8 {width: 66.666667%;} .md-9 {width: 75%;} .md-10 {width: 83.333333%;} .md-11 {width: 91.666667%;} .md-12 {width: 100%;}
.flex-md-1>* {width: 100%;} .flex-md-2>* {width: 50%;} .flex-md-3>* {width: 33.333333%;} .flex-md-4>* {width: 25%;} .flex-md-5>* {width: 20%;} .flex-md-6>* {width: 16.666667%;} .flex-md-7>* {width: 14.285714%;} .flex-md-8>* {width: 12.5%;} .flex-md-9>* {width: 11.111111%;} .flex-md-10>* {width: 10%;} .flex-md-11>* {width: 9.090909%;} .flex-md-12>* {width: 8.333333%;}
.r-md-0 {right: auto;} .r-md-1 {right: 8.333333%;} .r-md-2 {right: 16.666667%;} .r-md-3 {right: 25%;} .r-md-4 {right: 33.333333%;} .r-md-5 {right: 41.666667%;} .r-md-6 {right: 50%;} .r-md-7 {right: 58.333333%;} .r-md-8 {right: 66.666667%;} .r-md-9 {right: 75%;} .r-md-10 {right: 83.333333%;} .r-md-11 {right: 91.666667%;} .r-md-12 {right: 100%;}
.l-md-0 {left: auto;} .l-md-1 {left: 8.333333%;} .l-md-2 {left: 16.666667%;} .l-md-3 {left: 25%;} .l-md-4 {left: 33.333333%;} .l-md-5 {left: 41.666667%;} .l-md-6 {left: 50%;} .l-md-7 {left: 58.333333%;} .l-md-8 {left: 66.666667%;} .l-md-9 {left: 75%;} .l-md-10 {left: 83.333333%;} .l-md-11 {left: 91.666667%;} .l-md-12 {left: 100%;}
.o-md-0 {margin-left: 0%;} .o-md-1 {margin-left: 8.333333%;} .o-md-2 {margin-left: 16.666667%;} .o-md-3 {margin-left: 25%;} .o-md-4 {margin-left: 33.333333%;} .o-md-5 {margin-left: 41.666667%;} .o-md-6 {margin-left: 50%;} .o-md-7 {margin-left: 58.333333%;} .o-md-8 {margin-left: 66.666667%;} .o-md-9 {margin-left: 75%;} .o-md-10 {margin-left: 83.333333%;} .o-md-11 {margin-left: 91.666667%;}
.n-md-1 {order: 1;} .n-md-2 {order: 2;} .n-md-3 {order: 3 ;} .n-md-4 {order: 4;} .n-md-5 {order: 5;} .n-md-6 {order: 6 ;} .n-md-7 {order: 7;} .n-md-8 {order: 8;} .n-md-9 {order: 9 ;} .n-md-10 {order: 10;} .n-md-11 {order: 11;} .n-md-12 {order: 12;}
}

@media (min-width: 1080px) {
	
}

@media (min-width: 1097px) {
.box {width: 1080px;max-width: 100%;}	
}

@media (min-width: 1217px) {
.box {width: 1200px;max-width: 100%;}	
}

@media (min-width: 1280px) {
 
}

@media (min-width: 1280px) {
.box {width: 1260px; max-width: 100%;}
.column-lg {flex-direction: column;}
.d-lg-no {display: none;}
.d-lg {display: block;}
.d_lg {display: block !important;}
.lg-1 {width: 8.333333%;} .lg-2 {width: 16.666667%;} .lg-3 {width: 25%;} .lg-4 {width: 33.333333%;} .lg-5 {width: 41.666667%;} .lg-6 {width: 50%;} .lg-7 {width: 58.333333%;} .lg-8 {width: 66.666667%;} .lg-9 {width: 75%;} .lg-10 {width: 83.333333%;} .lg-11 {width: 91.666667%;} .lg-12 {width: 100%;}
.flex-lg-1>* {width: 100%;} .flex-lg-2>* {width: 50%;} .flex-lg-3>* {width: 33.333333%;} .flex-lg-4>* {width: 25%;} .flex-lg-5>* {width: 20%;} .flex-lg-6>* {width: 16.666667%;} .flex-lg-7>* {width: 14.285714%;} .flex-lg-8>* {width: 12.5%;} .flex-lg-9>* {width: 11.111111%;} .flex-lg-10>* {width: 10%;} .flex-lg-11>* {width: 9.090909%;} .flex-lg-12>* {width: 8.333333%;}
.r-lg-0 {right: auto;} .r-lg-1 {right: 8.333333%;} .r-lg-2 {right: 16.666667%;} .r-lg-3 {right: 25%;} .r-lg-4 {right: 33.333333%;} .r-lg-5 {right: 41.666667%;} .r-lg-6 {right: 50%;} .r-lg-7 {right: 58.333333%;} .r-lg-8 {right: 66.666667%;} .r-lg-9 {right: 75%;} .r-lg-10 {right: 83.333333%;} .r-lg-11 {right: 91.666667%;} .r-lg-12 {right: 100%;}
.l-lg-0 {left: auto;} .l-lg-1 {left: 8.333333%;} .l-lg-2 {left: 16.666667%;} .l-lg-3 {left: 25%;} .l-lg-4 {left: 33.333333%;} .l-lg-5 {left: 41.666667%;} .l-lg-6 {left: 50%;} .l-lg-7 {left: 58.333333%;} .l-lg-8 {left: 66.666667%;} .l-lg-9 {left: 75%;} .l-lg-10 {left: 83.333333%;} .l-lg-11 {left: 91.666667%;} .l-lg-12 {left: 100%;}
.o-lg-0 {margin-left: 0%;} .o-lg-1 {margin-left: 8.333333%;} .o-lg-2 {margin-left: 16.666667%;} .o-lg-3 {margin-left: 25%;} .o-lg-4 {margin-left: 33.333333%;} .o-lg-5 {margin-left: 41.666667%;} .o-lg-6 {margin-left: 50%;} .o-lg-7 {margin-left: 58.333333%;} .o-lg-8 {margin-left: 66.666667%;} .o-lg-9 {margin-left: 75%;} .o-lg-10 {margin-left: 83.333333%;} .o-lg-11 {margin-left: 91.666667%;}
.n-lg-1 {order: 1;} .n-lg-2 {order: 2;} .n-lg-3 {order: 3 ;} .n-lg-4 {order: 4;} .n-lg-5 {order: 5;} .n-lg-6 {order: 6 ;} .n-lg-7 {order: 7;} .n-lg-8 {order: 8;} .n-lg-9 {order: 9 ;} .n-lg-10 {order: 10;} .n-lg-11 {order: 11;} .n-lg-12 {order: 12;}
}

@media (min-width: 1337px) {
.box {width: 1320px;max-width: 100%;}
.column-xl {flex-direction: column;}
.d-xl-no {display: none;}
.d-xl {display: block;}
.d_xl {display: block !important;}
.xl-1 {width: 8.333333%;} .xl-2 {width: 16.666667%;} .xl-3 {width: 25%;} .xl-4 {width: 33.333333%;} .xl-5 {width: 41.666667%;} .xl-6 {width: 50%;} .xl-7 {width: 58.333333%;} .xl-8 {width: 66.666667%;} .xl-9 {width: 75%;} .xl-10 {width: 83.333333%;} .xl-11 {width: 91.666667%;} .xl-12 {width: 100%;}
.flex-xl-1>* {width: 100%;} .flex-xl-2>* {width: 50%;} .flex-xl-3>* {width: 33.333333%;} .flex-xl-4>* {width: 25%;} .flex-xl-5>* {width: 20%;} .flex-xl-6>* {width: 16.666667%;} .flex-xl-7>* {width: 14.285714%;} .flex-xl-8>* {width: 12.5%;} .flex-xl-9>* {width: 11.111111%;} .flex-xl-10>* {width: 10%;} .flex-xl-11>* {width: 9.090909%;} .flex-xl-12>* {width: 8.333333%;}
.r-xl-0 {right: auto;} .r-xl-1 {right: 8.333333%;} .r-xl-2 {right: 16.666667%;} .r-xl-3 {right: 25%;} .r-xl-4 {right: 33.333333%;} .r-xl-5 {right: 41.666667%;} .r-xl-6 {right: 50%;} .r-xl-7 {right: 58.333333%;} .r-xl-8 {right: 66.666667%;} .r-xl-9 {right: 75%;} .r-xl-10 {right: 83.333333%;} .r-xl-11 {right: 91.666667%;} .r-xl-12 {right: 100%;}
.l-xl-0 {left: auto;} .l-xl-1 {left: 8.333333%;} .l-xl-2 {left: 16.666667%;} .l-xl-3 {left: 25%;} .l-xl-4 {left: 33.333333%;} .l-xl-5 {left: 41.666667%;} .l-xl-6 {left: 50%;} .l-xl-7 {left: 58.333333%;} .l-xl-8 {left: 66.666667%;} .l-xl-9 {left: 75%;} .l-xl-10 {left: 83.333333%;} .l-xl-11 {left: 91.666667%;} .l-xl-12 {left: 100%;}
.o-xl-0 {margin-left: 0%;} .o-xl-1 {margin-left: 8.333333%;} .o-xl-2 {margin-left: 16.666667%;} .o-xl-3 {margin-left: 25%;} .o-xl-4 {margin-left: 33.333333%;} .o-xl-5 {margin-left: 41.666667%;} .o-xl-6 {margin-left: 50%;} .o-xl-7 {margin-left: 58.333333%;} .o-xl-8 {margin-left: 66.666667%;} .o-xl-9 {margin-left: 75%;} .o-xl-10 {margin-left: 83.333333%;} .o-xl-11 {margin-left: 91.666667%;}
.n-xl-1 {order: 1;} .n-xl-2 {order: 2;} .n-xl-3 {order: 3 ;} .n-xl-4 {order: 4;} .n-xl-5 {order: 5;} .n-xl-6 {order: 6 ;} .n-xl-7 {order: 7;} .n-xl-8 {order: 8;} .n-xl-9 {order: 9 ;} .n-xl-10 {order: 10;} .n-xl-11 {order: 11;} .n-xl-12 {order: 12;}
}

@media (min-width: 1366px) {

}

@media (min-width: 1457px) {
.box ._1440 {width: 1440px;max-width: 100%;}
.column-xxl {flex-direction: column;}
.d-xxl-no {display: none;}
.d-xxl {display: block;}
.d_xxl {display: block !important;}
.xxl-0 {width: 0;} .xxl-1 {width: 8.333333%;} .xxl-2 {width: 16.666667%;} .xxl-3 {width: 25%;} .xxl-4 {width: 33.333333%;} .xxl-5 {width: 41.666667%;} .xxl-6 {width: 50%;} .xxl-7 {width: 58.333333%;} .xxl-8 {width: 66.666667%;} .xxl-9 {width: 75%;} .xxl-10 {width: 83.333333%;} .xxl-11 {width: 91.666667%;} .xxl-12 {width: 100%;}
.flex-xxl-1>* {width: 100%;} .flex-xxl-2>* {width: 50%;} .flex-xxl-3>* {width: 33.333333%;} .flex-xxl-4>* {width: 25%;} .flex-xxl-5>* {width: 20%;} .flex-xxl-6>* {width: 16.666667%;} .flex-xxl-7>* {width: 14.285714%;} .flex-xxl-8>* {width: 12.5%;} .flex-xxl-9>* {width: 11.111111%;} .flex-xxl-10>* {width: 10%;} .flex-xxl-11>* {width: 9.090909%;} .flex-xxl-12>* {width: 8.333333%;}
.r-xxl-0 {right: auto;} .r-xxl-1 {right: 8.333333%;} .r-xxl-2 {right: 16.666667%;} .r-xxl-3 {right: 25%;} .r-xxl-4 {right: 33.333333%;} .r-xxl-5 {right: 41.666667%;} .r-xxl-6 {right: 50%;} .r-xxl-7 {right: 58.333333%;} .r-xxl-8 {right: 66.666667%;} .r-xxl-9 {right: 75%;} .r-xxl-10 {right: 83.333333%;} .r-xxl-11 {right: 91.666667%;} .r-xxl-12 {right: 100%;}
.l-xxl-0 {left: auto;} .l-xxl-1 {left: 8.333333%;} .l-xxl-2 {left: 16.666667%;} .l-xxl-3 {left: 25%;} .l-xxl-4 {left: 33.333333%;} .l-xxl-5 {left: 41.666667%;} .l-xxl-6 {left: 50%;} .l-xxl-7 {left: 58.333333%;} .l-xxl-8 {left: 66.666667%;} .l-xxl-9 {left: 75%;} .l-xxl-10 {left: 83.333333%;} .l-xxl-11 {left: 91.666667%;} .l-xxl-12 {left: 100%;}
.o-xxl-0 {margin-left: 0%;} .o-xxl-1 {margin-left: 8.333333%;} .o-xxl-2 {margin-left: 16.666667%;} .o-xxl-3 {margin-left: 25%;} .o-xxl-4 {margin-left: 33.333333%;} .o-xxl-5 {margin-left: 41.666667%;} .o-xxl-6 {margin-left: 50%;} .o-xxl-7 {margin-left: 58.333333%;} .o-xxl-8 {margin-left: 66.666667%;} .o-xxl-9 {margin-left: 75%;} .o-xxl-10 {margin-left: 83.333333%;} .o-xxl-11 {margin-left: 91.666667%;}
.n-xxl-1 {order: 1;} .n-xxl-2 {order: 2;} .n-xxl-3 {order: 3 ;} .n-xxl-4 {order: 4;} .n-xxl-5 {order: 5;} .n-xxl-6 {order: 6 ;} .n-xxl-7 {order: 7;} .n-xxl-8 {order: 8;} .n-xxl-9 {order: 9 ;} .n-xxl-10 {order: 10;} .n-xxl-11 {order: 11;} .n-xxl-12 {order: 12;}
}
 
@media (min-width: 1577px) {
.box ._1560 {width: 1560px;max-width: 100%;}
.column-so {flex-direction: column;}
.d-so-no {display: none;}
.d-so {display: block;}
.d_so {display: block !important;}
.so-0 {width: 0;} .so-1 {width: 8.333333%;} .so-2 {width: 16.666667%;} .so-3 {width: 25%;} .so-4 {width: 33.333333%;} .so-5 {width: 41.666667%;} .so-6 {width: 50%;} .so-7 {width: 58.333333%;} .so-8 {width: 66.666667%;} .so-9 {width: 75%;} .so-10 {width: 83.333333%;} .so-11 {width: 91.666667%;} .so-12 {width: 100%;}
.flex-so-1>* {width: 100%;} .flex-so-2>* {width: 50%;} .flex-so-3>* {width: 33.333333%;} .flex-so-4>* {width: 25%;} .flex-so-5>* {width: 20%;} .flex-so-6>* {width: 16.666667%;} .flex-so-7>* {width: 14.285714%;} .flex-so-8>* {width: 12.5%;} .flex-so-9>* {width: 11.111111%;} .flex-so-10>* {width: 10%;} .flex-so-11>* {width: 9.090909%;} .flex-so-12>* {width: 8.333333%;}
.r-so-0 {right: auto;} .r-so-1 {right: 8.333333%;} .r-so-2 {right: 16.666667%;} .r-so-3 {right: 25%;} .r-so-4 {right: 33.333333%;} .r-so-5 {right: 41.666667%;} .r-so-6 {right: 50%;} .r-so-7 {right: 58.333333%;} .r-so-8 {right: 66.666667%;} .r-so-9 {right: 75%;} .r-so-10 {right: 83.333333%;} .r-so-11 {right: 91.666667%;} .r-so-12 {right: 100%;}
.l-so-0 {left: auto;} .l-so-1 {left: 8.333333%;} .l-so-2 {left: 16.666667%;} .l-so-3 {left: 25%;} .l-so-4 {left: 33.333333%;} .l-so-5 {left: 41.666667%;} .l-so-6 {left: 50%;} .l-so-7 {left: 58.333333%;} .l-so-8 {left: 66.666667%;} .l-so-9 {left: 75%;} .l-so-10 {left: 83.333333%;} .l-so-11 {left: 91.666667%;} .l-so-12 {left: 100%;}
.o-so-0 {margin-left: 0;} .o-so-1 {margin-left: 8.333333%;} .o-so-2 {margin-left: 16.666667%;} .o-so-3 {margin-left: 25%;} .o-so-4 {margin-left: 33.333333%;} .o-so-5 {margin-left: 41.666667%;} .o-so-6 {margin-left: 50%;} .o-so-7 {margin-left: 58.333333%;} .o-so-8 {margin-left: 66.666667%;} .o-so-9 {margin-left: 75%;} .o-so-10 {margin-left: 83.333333%;} .o-so-11 {margin-left: 91.666667%;}
.n-so-1 {order: 1;} .n-so-2 {order: 2;} .n-so-3 {order: 3 ;} .n-so-4 {order: 4;} .n-so-5 {order: 5;} .n-so-6 {order: 6 ;} .n-so-7 {order: 7;} .n-so-8 {order: 8;} .n-so-9 {order: 9 ;} .n-so-10 {order: 10;} .n-so-11 {order: 11;} .n-so-12 {order: 12;}
}

@media (min-width: 1697px) {
.box ._1680 {width: 1680px;max-width: 100%;}
}
@media (min-width: 1817px) {
.box ._1800 {width: 1800px;max-width: 100%;}
}

@media (min-width: 1937px) {
.box ._1920 {width: 1920px;max-width: 100%;}
.column-hd {flex-direction: column;}
.d-hd-no {display: none;}
.d-hd {display: block;}
.d_hd {display: block !important;}
.hd-0 {width: 0;} .hd-1 {width: 8.333333%;} .hd-2 {width: 16.666667%;} .hd-3 {width: 25%;} .hd-4 {width: 33.333333%;} .hd-5 {width: 41.666667%;} .hd-6 {width: 50%;} .hd-7 {width: 58.333333%;} .hd-8 {width: 66.666667%;} .hd-9 {width: 75%;} .hd-10 {width: 83.333333%;} .hd-11 {width: 91.666667%;} .hd-12 {width: 100%;}
.flex-hd-1>* {width: 100%;} .flex-hd-2>* {width: 50%;} .flex-hd-3>* {width: 33.333333%;} .flex-hd-4>* {width: 25%;} .flex-hd-5>* {width: 20%;} .flex-hd-6>* {width: 16.666667%;} .flex-hd-7>* {width: 14.285714%;} .flex-hd-8>* {width: 12.5%;} .flex-hd-9>* {width: 11.111111%;} .flex-hd-10>* {width: 10%;} .flex-hd-11>* {width: 9.090909%;} .flex-hd-12>* {width: 8.333333%;}
.r-hd-0 {right: auto;} .r-hd-1 {right: 8.333333%;} .r-hd-2 {right: 16.666667%;} .r-hd-3 {right: 25%;} .r-hd-4 {right: 33.333333%;} .r-hd-5 {right: 41.666667%;} .r-hd-6 {right: 50%;} .r-hd-7 {right: 58.333333%;} .r-hd-8 {right: 66.666667%;} .r-hd-9 {right: 75%;} .r-hd-10 {right: 83.333333%;} .r-hd-11 {right: 91.666667%;} .r-hd-12 {right: 100%;}
.l-hd-0 {left: auto;} .l-hd-1 {left: 8.333333%;} .l-hd-2 {left: 16.666667%;} .l-hd-3 {left: 25%;} .l-hd-4 {left: 33.333333%;} .l-hd-5 {left: 41.666667%;} .l-hd-6 {left: 50%;} .l-hd-7 {left: 58.333333%;} .l-hd-8 {left: 66.666667%;} .l-hd-9 {left: 75%;} .l-hd-10 {left: 83.333333%;} .l-hd-11 {left: 91.666667%;} .l-hd-12 {left: 100%;}
.o-hd-0 {margin-left: 0;} .o-hd-1 {margin-left: 8.333333%;} .o-hd-2 {margin-left: 16.666667%;} .o-hd-3 {margin-left: 25%;} .o-hd-4 {margin-left: 33.333333%;} .o-hd-5 {margin-left: 41.666667%;} .o-hd-6  {margin-left: 50%;} .o-hd-7 {margin-left: 58.333333%;} .o-hd-8 {margin-left: 66.666667%;} .o-hd-9 {margin-left: 75%;} .o-hd-10 {margin-left: 83.333333%;} .o-hd-11 {margin-left: 91.666667%;} 
.n-hd-1 {order: 1;} .n-hd-2 {order: 2;} .n-hd-3 {order: 3 ;} .n-hd-4 {order: 4;} .n-hd-5 {order: 5;} .n-hd-6 {order: 6 ;} .n-hd-7 {order: 7;} .n-hd-8 {order: 8;} .n-hd-9 {order: 9 ;} .n-hd-10 {order: 10;} .n-hd-11 {order: 11;} .n-hd-12 {order: 12;}
}

/* Flex-контейнер для строк корзины */
.cart-data p {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

/* Добавляем слово "руб." после каждого ценового спана */
#ms2_order_cart_cost::after,
#ms2_order_delivery_cost::after,
#ms2_order_cost::after {
    content: ' руб.';
}

/****************************/
@-ms-viewport {width: device-width;}
html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
    font-size: 10px;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*,
*::before,
*::after {
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
/*******************************/
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #222;
  text-align: left;
  background-color: transparent;
}
[tabindex="-1"]:focus {outline: 0 !important;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 0.5rem;}
p {margin-top: 0; margin-bottom: 1rem;}
abbr[title],
abbr[data-original-title] {text-decoration: underline; webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none;}
address {margin-bottom: 1rem; font-style: normal; line-height: inherit;}
ol, ul, dl {margin-top: 0; margin-bottom: 1rem;}
ol ol, ul ul, ol ul, ul ol {margin-bottom: 0;}
dt {font-weight: 700;}
dd {margin-bottom: .5rem; margin-left: 0;}
blockquote {margin: 0 0 1rem 3rem;}
b, strong {font-weight: bolder;}
small, .small {font-size: 80% !important;}
.lead {font-size: 120%; font-weight: 500;}
sub, sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}
a {color: var(--basic-link); text-decoration: none; background-color: transparent;}
a:hover {
  color: var(--hover-link);
  text-decoration: underline;
}
._a, ._a_ {
    color: inherit;
}
._a:hover {
    color: inherit;
  text-decoration: none;
}
._a_:hover {
    color: inherit;
  text-decoration: underline;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {margin: 0 0 1rem;}
img {vertical-align: middle; border-style: none;}
svg {overflow: hidden; vertical-align: middle;}
table {border-collapse: collapse;}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {text-align: inherit;}
label {display: inline-block; margin-bottom: 0.5rem;}
button {border-radius: 0;}
button:focus {outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
  text-align: center;
}
input {
    width: 100%;
    font-size: 18px;
    padding: 5px;
}
button,
select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
  width: 100%;
    font-size: 18px;
    padding: 5px;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
/**/
:active, :focus {
    outline: none;
}
/**/
/*******************************/
/******************************/
/*ALL*/
.alert {
    position: fixed;
    top: 40px;
    right: 40px;
    z-index: 100;
    padding: 20px;
    color: #fff;
}
.alert-success {background: green;}
.alert-danger {background: orange;}
.fluid {max-width: 100%;}
.scale {max-width: 100%; max-height: 100%;}
.responsive {width: 100%;overflow: auto;}
.relative {position: relative;}
.abs, .absolute {position: absolute;}
.fix {position: fixed;}
.table-responsive {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}

.table-responsive table {
    width: auto;
    max-width: none;
}

/*COLOR*/
.bg_orange {background: orange;}
.bg_white, .bg-fff {background: white;}
.c-white, .fff {color: white;}
.c-green {color: green;}
.c-red {color: red;}
.c-brown {color: brown;}

/*TEXT*/
article h1 {font-size: 2.4rem;}
article h2 {font-size: 2.2rem;}
article h3 {font-size: 2.0rem;}
article h4 {font-size: 1.8rem;}
article h5, article h6 {font-size: 1.6rem;}
.t-center {text-align: center;}
.t-right {text-align: right;}
.t-left {text-align: left;}
.up {text-transform: uppercase;}
.b {font-weight: 700;}
.i {font-style: italic;}
.h1, .h2 {font-size: 2.2rem;font-weight: 600;}
.h3 {display: block;font-size: 2rem;font-weight: 600;}
.h4 {font-size: 1.8rem;font-weight: 600;}
.h5 {font-size: 1.8rem;font-weight: 500;}
.h6 {font-size: 1.6rem;font-weight: 500;}
.ul {margin-left: 15px;}
.no-list, ._ul {list-style: none;}
.large {font-size: large;}

/*BUTTON*/
.btn {display: inline-block; padding: 5px; text-align: center;}
.btn-block {display: block;}
.a {color: #624434; font-weight: 500; cursor: pointer;}
.a:hover {text-decoration: none; color: #269058;}

/*IMG*/
.img-block {display: block; text-align: center;}
.img-flex {display: flex; justify-content: center; align-items: center;}
.round {border-radius: 50%;}

/*TABLE*/
.table {
    width: 100%;
}
.table td, .table th {
    padding: 5px 10px;
}
.bordered td, .bordered th {
    border: 1px solid #777;
}

/*CARD*/
.card {
    position: relative;
}
.card-modul {
    position: absolute;
}

/***************************/

/****************************/
.h {min-height: 0px;}
.h-100 {height: 100%;}
.w-100 {width: 100%;}

/* padding & margin */
.m-auto {margin: auto;}
.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m20 {margin: 20px;}
.mx {margin-left: 0; margin-right: 0;}
.mx5 {margin-left: 5px; margin-right: 5px;}
.mx10 {margin-left: 10px; margin-right: 10px;}
.mx15 {margin-left: 15px; margin-right: 15px;}
.mx20 {margin-left: 20px; margin-right: 20px;}
.mx-5 {margin-left: -5px; margin-right: -5px;}
.mx-10 {margin-left: -10px; margin-right: -10px;}
.mx-15 {margin-left: -15px; margin-right: -15px;}
.mx-20 {margin-left: -20px; margin-right: -20px;}
.mx_5>div {padding-left: 5px; padding-right: 5px;}
.mx_10>div {padding-left: 10px; padding-right: 10px;}
.mx_15>div {padding-left: 15px; padding-right: 15px;}
.mx_20>div {padding-left: 20px; padding-right: 20px;}
.my5 {margin-top: 5px; margin-bottom: 5px;}
.my10 {margin-top: 10px; margin-bottom: 10px;}
.my15 {margin-top: 15px; margin-bottom: 15px;}
.my20 {margin-top: 20px; margin-bottom: 20px;}
.mr5 {margin-right: 5px;}
.ml5 {margin-left: 5px;}
.mb {margin-bottom: 0;}
.mb5 {margin-bottom: 5px;}
.mt5 {margin-top: 5px;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left: 10px;}
.mb10 {margin-bottom: 10px;}
.mt10 {margin-top: 10px;}
.mr15 {margin-right: 15px;}
.ml15 {margin-left: 15px;}
.mb15 {margin-bottom: 15px;}
.mt15 {margin-top: 15px;}
.mr20 {margin-right: 20px;}
.ml20 {margin-left: 20px;}
.mb20 {margin-bottom: 20px;}
.mt20 {margin-top: 20px;}
.mr30 {margin-right: 30px;}
.ml30 {margin-left: 30px;}
.mb30 {margin-bottom: 30px;}
.mt30 {margin-top: 30px;}

.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.px5 {padding-left: 5px; padding-right: 5px;}
.px10 {padding-left: 10px; padding-right: 10px;}
.px15 {padding-left: 15px; padding-right: 15px;}
.px20 {padding-left: 20px; padding-right: 20px;}
.pl5 {padding-left: 5px;} .pl10 {padding-left: 10px;} .pl20 {padding-left: 20px;} .pl30 {padding-left: 30px;} .pl40 {padding-left: 40px;} .pl50 {padding-left: 50px;}
.pr5 {padding-right: 5px;} .pr10 {padding-right: 10px;} .pr20 {padding-right: 20px;} .pr30 {padding-right: 30px;} .pr40 {padding-right: 40px;} .pr50 {padding-right: 50px;}


/****************************/
.box {margin-left: auto; margin-right: auto; position: relative;}
.full {padding-left: 10px; padding-right: 10px;}
.row {margin-right: -10px; margin-left: -10px;}
.box::after, .full::after, .row::after {content: ""; display: table; clear: both;}

/* ======= FLEX ======= */
.flex {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
._wrap {-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.wrap {-ms-flex-wrap: wrap; flex-wrap: wrap;}
.center {justify-content: center !important;}
.around {justify-content: space-around !important;}
.between {justify-content: space-between !important;}
.evenly {justify-content: space-evenly !important;}
.start {justify-content: flex-start !important;}
.end {justify-content: flex-end !important;}
.column {flex-direction: column;}
.flex-center { display: flex; justify-content: center; align-items: center;}
.align-center {align-items: center;}
.c, .xs, .sm, .md, .lg, .xl {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.x1 {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.x2 {-webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2;}
.x3 {-webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3;}
.x4 {-webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4;}
.x5 {-webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5;}
.x6 {-webkit-box-flex: 6; -ms-flex-positive: 6; flex-grow: 6;}
.x7 {-webkit-box-flex: 7; -ms-flex-positive: 7; flex-grow: 7;}
.x8 {-webkit-box-flex: 8; -ms-flex-positive: 8; flex-grow: 8;}
.x9 {-webkit-box-flex: 9; -ms-flex-positive: 9; flex-grow: 9;}
.x10 {-webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10;}
.x11 {-webkit-box-flex: 11; -ms-flex-positive: 11; flex-grow: 11;}
.x12 {-webkit-box-flex: 12; -ms-flex-positive: 12; flex-grow: 12;}
/*DISPLAY*/
.block {display: block;}
.block_ {display: block !important;}
.d-no {display: none;}
.d_no {display: none !important;}
/* - float - */
.float {float: left;}
.float-l {float: left !important;}
.float-r {float: right !important;}
.clear {clear: both !important;}

/* ======= col ======= */
.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12, .xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12, .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12, .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12, .lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12, .xl-1, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xl-10, .xl-11, .xl-12, .so-1, .so-2, .so-3, .so-4, .so-5, .so-6, .so-7, .so-8, .so-9, .so-10, .so-11, .so-12, .hd-1, .hd-2, .hd-3, .hd-4, .hd-5, .hd-6, .hd-7, .hd-8, .hd-9, .hd-10, .hd-11, .hd-12 {position: relative;}
.row>.c-1, .row>.c-2, .row>.c-3, .row>.c-4, .row>.c-5, .row>.c-6, .row>.c-7, .row>.c-8, .row>.c-9, .row>.c-10, .row>.c-11, .row>.c-12, .row>.xs-1, .row>.xs-2, .row>.xs-3, .row>.xs-4, .row>.xs-5, .row>.xs-6, .row>.xs-7, .row>.xs-8, .row>.xs-9, .row>.xs-10, .row>.xs-11, .row>.xs-12, .row>.sm-1, .row>.sm-2, .row>.sm-3, .row>.sm-4, .row>.sm-5, .row>.sm-6, .row>.sm-7, .row>.sm-8, .row>.sm-9, .row>.sm-10, .row>.sm-11, .row>.sm-12, .row>.md-1, .row>.md-2, .row>.md-3, .row>.md-4, .row>.md-5, .row>.md-6, .row>.md-7, .row>.md-8, .row>.md-9, .row>.md-10, .row>.md-11, .row>.md-12, .row>.lg-1, .row>.lg-2, .row>.lg-3, .row>.lg-4, .row>.lg-5, .row>.lg-6, .row>.lg-7, .row>.lg-8, .row>.lg-9, .row>.lg-10, .row>.lg-11, .row>.lg-12, .row>.xl-1, .row>.xl-2, .row>.xl-3, .row>.xl-4, .row>.xl-5, .row>.xl-6, .row>.xl-7, .row>.xl-8, .row>.xl-9, .row>.xl-10, .row>.xl-11, .row>.xl-12, .row>.so-1, .row>.so-2, .row>.so-3, .row>.so-4, .row>.so-5, .row>.so-6, .row>.so-7, .row>.so-8, .row>.so-9, .row>.so-10, .row>.so-11, .row>.so-12, .row>.hd-1, .row>.hd-2, .row>.hd-3, .row>.hd-4, .row>.hd-5, .row>.hd-6, .row>.hd-7, .row>.hd-8, .row>.hd-9, .row>.hd-10, .row>.hd-11, .row>.hd-12 {padding-left: 10px; padding-right: 10px;}
.flex-c-1>* {width: 100%;} .flex-c-2>* {width: 50%;} .flex-c-3>* {width: 33.333333%;} .flex-c-4>* {width: 25%;} .flex-c-5>* {width: 20%;} .flex-c-6>* {width: 16.666667%;} .flex-c-7>* {width: 14.285714%;} .flex-c-8>* {width: 12.5%;} .flex-c-9>* {width: 11.111111%;} .flex-c-10>* {width: 10%;} .flex-c-11>* {width: 9.090909%;} .flex-c-12>* {width: 8.333333%;}
.c-1 {width: 8.333333%;} .c-2 {width: 16.666667%;} .c-3 {width: 25%;} .c-4 {width: 33.333333%;} .c-5 {width: 41.666667%;} .c-6 {width: 50%;} .c-7 {width: 58.333333%;} .c-8 {width: 66.666667%;} .c-9 {width: 75%;} .c-10 {width: 83.333333%;} .c-11 {width: 91.666667%;} .c-12 {width: 100%;}
.r-0 {right: auto;} .r-1 {right: 8.333333%;} .r-2 {right: 16.666667%;} .r-3 {right: 25%;} .r-4 {right: 33.333333%;} .r-5 {right: 41.666667%;} .r-6 {right: 50%;} .r-7 {right: 58.333333%;} .r-8 {right: 66.666667%;} .r-9 {right: 75%;} .r-10 {right: 83.333333%;} .r-11 {right: 91.666667%;} .r-12 {right: 100%;}
.l-0 {left: auto;} .l-1 {left: 8.333333%;} .l-2 {left: 16.666667%;} .l-3 {left: 25%;} .l-4 {left: 33.333333%;} .l-5 {left: 41.666667%;} .l-6 {left: 50%;} .l-7 {left: 58.333333%;} .l-8 {left: 66.666667%;} .l-9 {left: 75%;} .l-10 {left: 83.333333%;} .l-11 {left: 91.666667%;} .l-12 {left: 100%;}
.o-1 {margin-left: 8.333333%;} .o-2 {margin-left: 16.666667%;} .o-3 {margin-left: 25%;} .o-4 {margin-left: 33.333333%;} .o-5 {margin-left: 41.666667%;} .o-6 {margin-left: 50%;} .o-7 {margin-left: 58.333333%;} .o-8 {margin-left: 66.666667%;} .o-9 {margin-left: 75%;} .o-10 {margin-left: 83.333333%;} .o-11 {margin-left: 91.666667%;}
.n-1 {order: 1;} .n-2 {order: 2;} .n-3 {order: 3 ;} .n-4 {order: 4;} .n-5 {order: 5;} .n-6 {order: 6 ;} .n-7 {order: 7;} .n-8 {order: 8;} .n-9 {order: 9 ;} .n-10 {order: 10;} .n-11 {order: 11;} .n-12 {order: 12;}
/*alt*/
.w120 {width: 120px;} .w160 {width: 160px;} .w180 {width: 180px;} .w240 {width: 240px;} .w270 {width: 270px;} .w320 {width: 320px;} .w360 {width: 360px;} .w420 {width: 420px;} .w480 {width: 480px;} .w540 {width: 540px;} .w640 {width: 640px;} .w720 {width: 720px;} .w860 {width: 860px;} .w960 {width: 960px;} .w992 {width: 992px;} .w1080 {width: 1080px;} .w1160 {width: 1160px;} .w1200 {width: 1200px;} .w1260 {width: 1260px;} .w1440 {width: 1440px;} .w1560 {width: 1560px;} .w1920 {width: 1920px;}
._120 {max-width: 120px;} ._160 {max-width: 160px;} ._180 {max-width: 180px;} ._240 {max-width: 240px;} ._270 {max-width: 270px;} ._320 {max-width: 320px;} ._360 {max-width: 360px;} ._480 {max-width: 480px;} ._540 {max-width: 540px;} ._640 {max-width: 640px;} ._720 {max-width: 720px;} ._860 {max-width: 860px;} ._960 {max-width: 960px;} ._992 {max-width: 992px;} ._1080 {max-width: 1080px;} ._1160 {max-width: 1160px;} ._1200 {max-width: 1200px;} ._1260 {max-width: 1260px;} ._1440 {max-width: 1440px;} ._1560 {max-width: 1560px;} ._1920 {max-width: 1920px;}

/* ======= MEDIA ======= */
@media (min-width: 480px) {
 
}
@media (min-width: 497px) {
 .box {width: 480px;max-width: 100%;}
}

@media (min-width: 515px) {
 
}
@media (min-width: 540px) {
 
}
@media (min-width: 576px) {
 
}

@media (min-width: 576px) {
.box {width: 540px; max-width: 100%;}
.d-xs-no {display: none;}
.d-xs {display: block;}
.d_xs {display: block !important;}
.column-xs {flex-direction: column;}
.xs-1 {width: 8.333333%;} .xs-2 {width: 16.666667%;} .xs-3 {width: 25%;} .xs-4 {width: 33.333333%;} .xs-5 {width: 41.666667%;} .xs-6 {width: 50%;} .xs-7 {width: 58.333333%;} .xs-8 {width: 66.666667%;} .xs-9 {width: 75%;} .xs-10 {width: 83.333333%;} .xs-11 {width: 91.666667%;} .xs-12 {width: 100%;}
.flex-xs-1>* {width: 100%;} .flex-xs-2>* {width: 50%;} .flex-xs-3>* {width: 33.333333%;} .flex-xs-4>* {width: 25%;} .flex-xs-5>* {width: 20%;} .flex-xs-6>* {width: 16.666667%;} .flex-xs-7>* {width: 14.285714%;} .flex-xs-8>* {width: 12.5%;} .flex-xs-9>* {width: 11.111111%;} .flex-xs-10>* {width: 10%;} .flex-xs-11>* {width: 9.090909%;} .flex-xs-12>* {width: 8.333333%;}
.r-xs-0 {right: auto;} .r-xs-1 {right: 8.333333%;} .r-xs-2 {right: 16.666667%;} .r-xs-3 {right: 25%;} .r-xs-4 {right: 33.333333%;} .r-xs-5 {right: 41.666667%;} .r-xs-6 {right: 50%;} .r-xs-7 {right: 58.333333%;} .r-xs-8 {right: 66.666667%;} .r-xs-9 {right: 75%;} .r-xs-10 {right: 83.333333%;} .r-xs-11 {right: 91.666667%;} .r-xs-12 {right: 100%;}
.l-xs-0 {left: auto;} .l-xs-1 {left: 8.333333%;} .l-xs-2 {left: 16.666667%;} .l-xs-3 {left: 25%;} .l-xs-4 {left: 33.333333%;} .l-xs-5 {left: 41.666667%;} .l-xs-6 {left: 50%;} .l-xs-7 {left: 58.333333%;} .l-xs-8 {left: 66.666667%;} .l-xs-9 {left: 75%;} .l-xs-10 {left: 83.333333%;} .l-xs-11 {left: 91.666667%;} .l-xs-12 {left: 100%;}
.o-xs-1 {margin-left: 8.333333%;} .o-xs-2 {margin-left: 16.666667%;} .o-xs-3 {margin-left: 25%;} .o-xs-4 {margin-left: 33.333333%;} .o-xs-5 {margin-left: 41.666667%;} .o-xs-6 {margin-left: 50%;} .o-xs-7 {margin-left: 58.333333%;} .o-xs-8 {margin-left: 66.666667%;} .o-xs-9 {margin-left: 75%;} .o-xs-10 {margin-left: 83.333333%;} .o-xs-11 {margin-left: 91.666667%;}
.n-xs-1 {order: 1;} .n-xs-2 {order: 2;} .n-xs-3 {order: 3 ;} .n-xs-4 {order: 4;} .n-xs-5 {order: 5;} .n-xs-6 {order: 6 ;} .n-xs-7 {order: 7;} .n-xs-8 {order: 8;} .n-xs-9 {order: 9 ;} .n-xs-10 {order: 10;} .n-xs-11 {order: 11;} .n-xs-12 {order: 12;}
}

@media (min-widht: 600px) {
	
}

@media (min-widht: 617px) {
.box {width: 600px;max-width: 100%;}	
}

@media (min-width: 720px) {
 	
}

@media (min-width: 737px) {
 .box {width: 720px;max-width: 100%;}	
}

@media (min-width: 768px) {
 
}

@media (min-width: 768px) {
.box {width: 720px; max-width: 100%;}
.d-sm-no {display: none;}
.d-sm {display: block;}
.d_sm {display: block !important;}
.flex {justify-content: space-between;}
.column-sm {flex-direction: column;}
.sm-1 {width: 8.333333%;} .sm-2 {width: 16.666667%;} .sm-3 {width: 25%;} .sm-4 {width: 33.333333%;} .sm-5 {width: 41.666667%;} .sm-6 {width: 50%;} .sm-7 {width: 58.333333%;} .sm-8 {width: 66.666667%;} .sm-9 {width: 75%;} .sm-10 {width: 83.333333%;} .sm-11 {width: 91.666667%;} .sm-12 {width: 100%;}
.flex-sm-1>* {width: 100%;} .flex-sm-2>* {width: 50%;} .flex-sm-3>* {width: 33.333333%;} .flex-sm-4>* {width: 25%;} .flex-sm-5>* {width: 20%;} .flex-sm-6>* {width: 16.666667%;} .flex-sm-7>* {width: 14.285714%;} .flex-sm-8>* {width: 12.5%;} .flex-sm-9>* {width: 11.111111%;} .flex-sm-10>* {width: 10%;} .flex-sm-11>* {width: 9.090909%;} .flex-sm-12>* {width: 8.333333%;}
.r-sm-0 {right: auto;} .r-sm-1 {right: 8.333333%;} .r-sm-2 {right: 16.666667%;} .r-sm-3 {right: 25%;} .r-sm-4 {right: 33.333333%;} .r-sm-5 {right: 41.666667%;} .r-sm-6 {right: 50%;} .r-sm-7 {right: 58.333333%;} .r-sm-8 {right: 66.666667%;} .r-sm-9 {right: 75%;} .r-sm-10 {right: 83.333333%;} .r-sm-11 {right: 91.666667%;} .r-sm-12 {right: 100%;}
.l-sm-0 {left: auto;} .l-sm-1 {left: 8.333333%;} .l-sm-2 {left: 16.666667%;} .l-sm-3 {left: 25%;} .l-sm-4 {left: 33.333333%;} .l-sm-5 {left: 41.666667%;} .l-sm-6 {left: 50%;} .l-sm-7 {left: 58.333333%;} .l-sm-8 {left: 66.666667%;} .l-sm-9 {left: 75%;} .l-sm-10 {left: 83.333333%;} .l-sm-11 {left: 91.666667%;} .l-sm-12 {left: 100%;}
.o-sm-0 {margin-left: 0%;} .o-sm-1 {margin-left: 8.333333%;} .o-sm-2 {margin-left: 16.666667%;} .o-sm-3 {margin-left: 25%;} .o-sm-4 {margin-left: 33.333333%;} .o-sm-5 {margin-left: 41.666667%;} .o-sm-6 {margin-left: 50%;} .o-sm-7 {margin-left: 58.333333%;} .o-sm-8 {margin-left: 66.666667%;} .o-sm-9 {margin-left: 75%;} .o-sm-10 {margin-left: 83.333333%;} .o-sm-11 {margin-left: 91.666667%;}
.n-sm-1 {order: 1;} .n-sm-2 {order: 2;} .n-sm-3 {order: 3 ;} .n-sm-4 {order: 4;} .n-sm-5 {order: 5;} .n-sm-6 {order: 6 ;} .n-sm-7 {order: 7;} .n-sm-8 {order: 8;} .n-sm-9 {order: 9 ;} .n-sm-10 {order: 10;} .n-sm-11 {order: 11;} .n-sm-12 {order: 12;}
}

@media (min-width: 960px) {
	
}

@media (min-width: 977px) {
 .box {width: 960px;max-width: 100%;}
}

@media (min-width: 992px) {
 
}

@media (min-width: 992px) {
.box {width: 960px; max-width: 100%;}
.column-md {flex-direction: column;}
.d-md-no {display: none;}
.d-md {display: block;}
.d_md {display: block !important;}
.md-1 {width: 8.333333%;} .md-2 {width: 16.666667%;} .md-3 {width: 25%;} .md-4 {width: 33.333333%;} .md-5 {width: 41.666667%;} .md-6 {width: 50%;} .md-7 {width: 58.333333%;} .md-8 {width: 66.666667%;} .md-9 {width: 75%;} .md-10 {width: 83.333333%;} .md-11 {width: 91.666667%;} .md-12 {width: 100%;}
.flex-md-1>* {width: 100%;} .flex-md-2>* {width: 50%;} .flex-md-3>* {width: 33.333333%;} .flex-md-4>* {width: 25%;} .flex-md-5>* {width: 20%;} .flex-md-6>* {width: 16.666667%;} .flex-md-7>* {width: 14.285714%;} .flex-md-8>* {width: 12.5%;} .flex-md-9>* {width: 11.111111%;} .flex-md-10>* {width: 10%;} .flex-md-11>* {width: 9.090909%;} .flex-md-12>* {width: 8.333333%;}
.r-md-0 {right: auto;} .r-md-1 {right: 8.333333%;} .r-md-2 {right: 16.666667%;} .r-md-3 {right: 25%;} .r-md-4 {right: 33.333333%;} .r-md-5 {right: 41.666667%;} .r-md-6 {right: 50%;} .r-md-7 {right: 58.333333%;} .r-md-8 {right: 66.666667%;} .r-md-9 {right: 75%;} .r-md-10 {right: 83.333333%;} .r-md-11 {right: 91.666667%;} .r-md-12 {right: 100%;}
.l-md-0 {left: auto;} .l-md-1 {left: 8.333333%;} .l-md-2 {left: 16.666667%;} .l-md-3 {left: 25%;} .l-md-4 {left: 33.333333%;} .l-md-5 {left: 41.666667%;} .l-md-6 {left: 50%;} .l-md-7 {left: 58.333333%;} .l-md-8 {left: 66.666667%;} .l-md-9 {left: 75%;} .l-md-10 {left: 83.333333%;} .l-md-11 {left: 91.666667%;} .l-md-12 {left: 100%;}
.o-md-0 {margin-left: 0%;} .o-md-1 {margin-left: 8.333333%;} .o-md-2 {margin-left: 16.666667%;} .o-md-3 {margin-left: 25%;} .o-md-4 {margin-left: 33.333333%;} .o-md-5 {margin-left: 41.666667%;} .o-md-6 {margin-left: 50%;} .o-md-7 {margin-left: 58.333333%;} .o-md-8 {margin-left: 66.666667%;} .o-md-9 {margin-left: 75%;} .o-md-10 {margin-left: 83.333333%;} .o-md-11 {margin-left: 91.666667%;}
.n-md-1 {order: 1;} .n-md-2 {order: 2;} .n-md-3 {order: 3 ;} .n-md-4 {order: 4;} .n-md-5 {order: 5;} .n-md-6 {order: 6 ;} .n-md-7 {order: 7;} .n-md-8 {order: 8;} .n-md-9 {order: 9 ;} .n-md-10 {order: 10;} .n-md-11 {order: 11;} .n-md-12 {order: 12;}
}

@media (min-width: 1080px) {
	
}

@media (min-width: 1097px) {
.box {width: 1080px;max-width: 100%;}	
}

@media (min-width: 1217px) {
.box {width: 1200px;max-width: 100%;}	
}

@media (min-width: 1280px) {
 
}

@media (min-width: 1280px) {
.box {width: 1260px; max-width: 100%;}
.column-lg {flex-direction: column;}
.d-lg-no {display: none;}
.d-lg {display: block;}
.d_lg {display: block !important;}
.lg-1 {width: 8.333333%;} .lg-2 {width: 16.666667%;} .lg-3 {width: 25%;} .lg-4 {width: 33.333333%;} .lg-5 {width: 41.666667%;} .lg-6 {width: 50%;} .lg-7 {width: 58.333333%;} .lg-8 {width: 66.666667%;} .lg-9 {width: 75%;} .lg-10 {width: 83.333333%;} .lg-11 {width: 91.666667%;} .lg-12 {width: 100%;}
.flex-lg-1>* {width: 100%;} .flex-lg-2>* {width: 50%;} .flex-lg-3>* {width: 33.333333%;} .flex-lg-4>* {width: 25%;} .flex-lg-5>* {width: 20%;} .flex-lg-6>* {width: 16.666667%;} .flex-lg-7>* {width: 14.285714%;} .flex-lg-8>* {width: 12.5%;} .flex-lg-9>* {width: 11.111111%;} .flex-lg-10>* {width: 10%;} .flex-lg-11>* {width: 9.090909%;} .flex-lg-12>* {width: 8.333333%;}
.r-lg-0 {right: auto;} .r-lg-1 {right: 8.333333%;} .r-lg-2 {right: 16.666667%;} .r-lg-3 {right: 25%;} .r-lg-4 {right: 33.333333%;} .r-lg-5 {right: 41.666667%;} .r-lg-6 {right: 50%;} .r-lg-7 {right: 58.333333%;} .r-lg-8 {right: 66.666667%;} .r-lg-9 {right: 75%;} .r-lg-10 {right: 83.333333%;} .r-lg-11 {right: 91.666667%;} .r-lg-12 {right: 100%;}
.l-lg-0 {left: auto;} .l-lg-1 {left: 8.333333%;} .l-lg-2 {left: 16.666667%;} .l-lg-3 {left: 25%;} .l-lg-4 {left: 33.333333%;} .l-lg-5 {left: 41.666667%;} .l-lg-6 {left: 50%;} .l-lg-7 {left: 58.333333%;} .l-lg-8 {left: 66.666667%;} .l-lg-9 {left: 75%;} .l-lg-10 {left: 83.333333%;} .l-lg-11 {left: 91.666667%;} .l-lg-12 {left: 100%;}
.o-lg-0 {margin-left: 0%;} .o-lg-1 {margin-left: 8.333333%;} .o-lg-2 {margin-left: 16.666667%;} .o-lg-3 {margin-left: 25%;} .o-lg-4 {margin-left: 33.333333%;} .o-lg-5 {margin-left: 41.666667%;} .o-lg-6 {margin-left: 50%;} .o-lg-7 {margin-left: 58.333333%;} .o-lg-8 {margin-left: 66.666667%;} .o-lg-9 {margin-left: 75%;} .o-lg-10 {margin-left: 83.333333%;} .o-lg-11 {margin-left: 91.666667%;}
.n-lg-1 {order: 1;} .n-lg-2 {order: 2;} .n-lg-3 {order: 3 ;} .n-lg-4 {order: 4;} .n-lg-5 {order: 5;} .n-lg-6 {order: 6 ;} .n-lg-7 {order: 7;} .n-lg-8 {order: 8;} .n-lg-9 {order: 9 ;} .n-lg-10 {order: 10;} .n-lg-11 {order: 11;} .n-lg-12 {order: 12;}
}

@media (min-width: 1337px) {
.box {width: 1320px;max-width: 100%;}
.column-xl {flex-direction: column;}
.d-xl-no {display: none;}
.d-xl {display: block;}
.d_xl {display: block !important;}
.xl-1 {width: 8.333333%;} .xl-2 {width: 16.666667%;} .xl-3 {width: 25%;} .xl-4 {width: 33.333333%;} .xl-5 {width: 41.666667%;} .xl-6 {width: 50%;} .xl-7 {width: 58.333333%;} .xl-8 {width: 66.666667%;} .xl-9 {width: 75%;} .xl-10 {width: 83.333333%;} .xl-11 {width: 91.666667%;} .xl-12 {width: 100%;}
.flex-xl-1>* {width: 100%;} .flex-xl-2>* {width: 50%;} .flex-xl-3>* {width: 33.333333%;} .flex-xl-4>* {width: 25%;} .flex-xl-5>* {width: 20%;} .flex-xl-6>* {width: 16.666667%;} .flex-xl-7>* {width: 14.285714%;} .flex-xl-8>* {width: 12.5%;} .flex-xl-9>* {width: 11.111111%;} .flex-xl-10>* {width: 10%;} .flex-xl-11>* {width: 9.090909%;} .flex-xl-12>* {width: 8.333333%;}
.r-xl-0 {right: auto;} .r-xl-1 {right: 8.333333%;} .r-xl-2 {right: 16.666667%;} .r-xl-3 {right: 25%;} .r-xl-4 {right: 33.333333%;} .r-xl-5 {right: 41.666667%;} .r-xl-6 {right: 50%;} .r-xl-7 {right: 58.333333%;} .r-xl-8 {right: 66.666667%;} .r-xl-9 {right: 75%;} .r-xl-10 {right: 83.333333%;} .r-xl-11 {right: 91.666667%;} .r-xl-12 {right: 100%;}
.l-xl-0 {left: auto;} .l-xl-1 {left: 8.333333%;} .l-xl-2 {left: 16.666667%;} .l-xl-3 {left: 25%;} .l-xl-4 {left: 33.333333%;} .l-xl-5 {left: 41.666667%;} .l-xl-6 {left: 50%;} .l-xl-7 {left: 58.333333%;} .l-xl-8 {left: 66.666667%;} .l-xl-9 {left: 75%;} .l-xl-10 {left: 83.333333%;} .l-xl-11 {left: 91.666667%;} .l-xl-12 {left: 100%;}
.o-xl-0 {margin-left: 0%;} .o-xl-1 {margin-left: 8.333333%;} .o-xl-2 {margin-left: 16.666667%;} .o-xl-3 {margin-left: 25%;} .o-xl-4 {margin-left: 33.333333%;} .o-xl-5 {margin-left: 41.666667%;} .o-xl-6 {margin-left: 50%;} .o-xl-7 {margin-left: 58.333333%;} .o-xl-8 {margin-left: 66.666667%;} .o-xl-9 {margin-left: 75%;} .o-xl-10 {margin-left: 83.333333%;} .o-xl-11 {margin-left: 91.666667%;}
.n-xl-1 {order: 1;} .n-xl-2 {order: 2;} .n-xl-3 {order: 3 ;} .n-xl-4 {order: 4;} .n-xl-5 {order: 5;} .n-xl-6 {order: 6 ;} .n-xl-7 {order: 7;} .n-xl-8 {order: 8;} .n-xl-9 {order: 9 ;} .n-xl-10 {order: 10;} .n-xl-11 {order: 11;} .n-xl-12 {order: 12;}
}

@media (min-width: 1366px) {

}

@media (min-width: 1457px) {
.box ._1440 {width: 1440px;max-width: 100%;}
.column-xxl {flex-direction: column;}
.d-xxl-no {display: none;}
.d-xxl {display: block;}
.d_xxl {display: block !important;}
.xxl-0 {width: 0;} .xxl-1 {width: 8.333333%;} .xxl-2 {width: 16.666667%;} .xxl-3 {width: 25%;} .xxl-4 {width: 33.333333%;} .xxl-5 {width: 41.666667%;} .xxl-6 {width: 50%;} .xxl-7 {width: 58.333333%;} .xxl-8 {width: 66.666667%;} .xxl-9 {width: 75%;} .xxl-10 {width: 83.333333%;} .xxl-11 {width: 91.666667%;} .xxl-12 {width: 100%;}
.flex-xxl-1>* {width: 100%;} .flex-xxl-2>* {width: 50%;} .flex-xxl-3>* {width: 33.333333%;} .flex-xxl-4>* {width: 25%;} .flex-xxl-5>* {width: 20%;} .flex-xxl-6>* {width: 16.666667%;} .flex-xxl-7>* {width: 14.285714%;} .flex-xxl-8>* {width: 12.5%;} .flex-xxl-9>* {width: 11.111111%;} .flex-xxl-10>* {width: 10%;} .flex-xxl-11>* {width: 9.090909%;} .flex-xxl-12>* {width: 8.333333%;}
.r-xxl-0 {right: auto;} .r-xxl-1 {right: 8.333333%;} .r-xxl-2 {right: 16.666667%;} .r-xxl-3 {right: 25%;} .r-xxl-4 {right: 33.333333%;} .r-xxl-5 {right: 41.666667%;} .r-xxl-6 {right: 50%;} .r-xxl-7 {right: 58.333333%;} .r-xxl-8 {right: 66.666667%;} .r-xxl-9 {right: 75%;} .r-xxl-10 {right: 83.333333%;} .r-xxl-11 {right: 91.666667%;} .r-xxl-12 {right: 100%;}
.l-xxl-0 {left: auto;} .l-xxl-1 {left: 8.333333%;} .l-xxl-2 {left: 16.666667%;} .l-xxl-3 {left: 25%;} .l-xxl-4 {left: 33.333333%;} .l-xxl-5 {left: 41.666667%;} .l-xxl-6 {left: 50%;} .l-xxl-7 {left: 58.333333%;} .l-xxl-8 {left: 66.666667%;} .l-xxl-9 {left: 75%;} .l-xxl-10 {left: 83.333333%;} .l-xxl-11 {left: 91.666667%;} .l-xxl-12 {left: 100%;}
.o-xxl-0 {margin-left: 0%;} .o-xxl-1 {margin-left: 8.333333%;} .o-xxl-2 {margin-left: 16.666667%;} .o-xxl-3 {margin-left: 25%;} .o-xxl-4 {margin-left: 33.333333%;} .o-xxl-5 {margin-left: 41.666667%;} .o-xxl-6 {margin-left: 50%;} .o-xxl-7 {margin-left: 58.333333%;} .o-xxl-8 {margin-left: 66.666667%;} .o-xxl-9 {margin-left: 75%;} .o-xxl-10 {margin-left: 83.333333%;} .o-xxl-11 {margin-left: 91.666667%;}
.n-xxl-1 {order: 1;} .n-xxl-2 {order: 2;} .n-xxl-3 {order: 3 ;} .n-xxl-4 {order: 4;} .n-xxl-5 {order: 5;} .n-xxl-6 {order: 6 ;} .n-xxl-7 {order: 7;} .n-xxl-8 {order: 8;} .n-xxl-9 {order: 9 ;} .n-xxl-10 {order: 10;} .n-xxl-11 {order: 11;} .n-xxl-12 {order: 12;}
}
 
@media (min-width: 1577px) {
.box ._1560 {width: 1560px;max-width: 100%;}
.column-so {flex-direction: column;}
.d-so-no {display: none;}
.d-so {display: block;}
.d_so {display: block !important;}
.so-0 {width: 0;} .so-1 {width: 8.333333%;} .so-2 {width: 16.666667%;} .so-3 {width: 25%;} .so-4 {width: 33.333333%;} .so-5 {width: 41.666667%;} .so-6 {width: 50%;} .so-7 {width: 58.333333%;} .so-8 {width: 66.666667%;} .so-9 {width: 75%;} .so-10 {width: 83.333333%;} .so-11 {width: 91.666667%;} .so-12 {width: 100%;}
.flex-so-1>* {width: 100%;} .flex-so-2>* {width: 50%;} .flex-so-3>* {width: 33.333333%;} .flex-so-4>* {width: 25%;} .flex-so-5>* {width: 20%;} .flex-so-6>* {width: 16.666667%;} .flex-so-7>* {width: 14.285714%;} .flex-so-8>* {width: 12.5%;} .flex-so-9>* {width: 11.111111%;} .flex-so-10>* {width: 10%;} .flex-so-11>* {width: 9.090909%;} .flex-so-12>* {width: 8.333333%;}
.r-so-0 {right: auto;} .r-so-1 {right: 8.333333%;} .r-so-2 {right: 16.666667%;} .r-so-3 {right: 25%;} .r-so-4 {right: 33.333333%;} .r-so-5 {right: 41.666667%;} .r-so-6 {right: 50%;} .r-so-7 {right: 58.333333%;} .r-so-8 {right: 66.666667%;} .r-so-9 {right: 75%;} .r-so-10 {right: 83.333333%;} .r-so-11 {right: 91.666667%;} .r-so-12 {right: 100%;}
.l-so-0 {left: auto;} .l-so-1 {left: 8.333333%;} .l-so-2 {left: 16.666667%;} .l-so-3 {left: 25%;} .l-so-4 {left: 33.333333%;} .l-so-5 {left: 41.666667%;} .l-so-6 {left: 50%;} .l-so-7 {left: 58.333333%;} .l-so-8 {left: 66.666667%;} .l-so-9 {left: 75%;} .l-so-10 {left: 83.333333%;} .l-so-11 {left: 91.666667%;} .l-so-12 {left: 100%;}
.o-so-0 {margin-left: 0;} .o-so-1 {margin-left: 8.333333%;} .o-so-2 {margin-left: 16.666667%;} .o-so-3 {margin-left: 25%;} .o-so-4 {margin-left: 33.333333%;} .o-so-5 {margin-left: 41.666667%;} .o-so-6 {margin-left: 50%;} .o-so-7 {margin-left: 58.333333%;} .o-so-8 {margin-left: 66.666667%;} .o-so-9 {margin-left: 75%;} .o-so-10 {margin-left: 83.333333%;} .o-so-11 {margin-left: 91.666667%;}
.n-so-1 {order: 1;} .n-so-2 {order: 2;} .n-so-3 {order: 3 ;} .n-so-4 {order: 4;} .n-so-5 {order: 5;} .n-so-6 {order: 6 ;} .n-so-7 {order: 7;} .n-so-8 {order: 8;} .n-so-9 {order: 9 ;} .n-so-10 {order: 10;} .n-so-11 {order: 11;} .n-so-12 {order: 12;}
}

@media (min-width: 1697px) {
.box ._1680 {width: 1680px;max-width: 100%;}
}
@media (min-width: 1817px) {
.box ._1800 {width: 1800px;max-width: 100%;}
}

@media (min-width: 1937px) {
.box ._1920 {width: 1920px;max-width: 100%;}
.column-hd {flex-direction: column;}
.d-hd-no {display: none;}
.d-hd {display: block;}
.d_hd {display: block !important;}
.hd-0 {width: 0;} .hd-1 {width: 8.333333%;} .hd-2 {width: 16.666667%;} .hd-3 {width: 25%;} .hd-4 {width: 33.333333%;} .hd-5 {width: 41.666667%;} .hd-6 {width: 50%;} .hd-7 {width: 58.333333%;} .hd-8 {width: 66.666667%;} .hd-9 {width: 75%;} .hd-10 {width: 83.333333%;} .hd-11 {width: 91.666667%;} .hd-12 {width: 100%;}
.flex-hd-1>* {width: 100%;} .flex-hd-2>* {width: 50%;} .flex-hd-3>* {width: 33.333333%;} .flex-hd-4>* {width: 25%;} .flex-hd-5>* {width: 20%;} .flex-hd-6>* {width: 16.666667%;} .flex-hd-7>* {width: 14.285714%;} .flex-hd-8>* {width: 12.5%;} .flex-hd-9>* {width: 11.111111%;} .flex-hd-10>* {width: 10%;} .flex-hd-11>* {width: 9.090909%;} .flex-hd-12>* {width: 8.333333%;}
.r-hd-0 {right: auto;} .r-hd-1 {right: 8.333333%;} .r-hd-2 {right: 16.666667%;} .r-hd-3 {right: 25%;} .r-hd-4 {right: 33.333333%;} .r-hd-5 {right: 41.666667%;} .r-hd-6 {right: 50%;} .r-hd-7 {right: 58.333333%;} .r-hd-8 {right: 66.666667%;} .r-hd-9 {right: 75%;} .r-hd-10 {right: 83.333333%;} .r-hd-11 {right: 91.666667%;} .r-hd-12 {right: 100%;}
.l-hd-0 {left: auto;} .l-hd-1 {left: 8.333333%;} .l-hd-2 {left: 16.666667%;} .l-hd-3 {left: 25%;} .l-hd-4 {left: 33.333333%;} .l-hd-5 {left: 41.666667%;} .l-hd-6 {left: 50%;} .l-hd-7 {left: 58.333333%;} .l-hd-8 {left: 66.666667%;} .l-hd-9 {left: 75%;} .l-hd-10 {left: 83.333333%;} .l-hd-11 {left: 91.666667%;} .l-hd-12 {left: 100%;}
.o-hd-0 {margin-left: 0;} .o-hd-1 {margin-left: 8.333333%;} .o-hd-2 {margin-left: 16.666667%;} .o-hd-3 {margin-left: 25%;} .o-hd-4 {margin-left: 33.333333%;} .o-hd-5 {margin-left: 41.666667%;} .o-hd-6  {margin-left: 50%;} .o-hd-7 {margin-left: 58.333333%;} .o-hd-8 {margin-left: 66.666667%;} .o-hd-9 {margin-left: 75%;} .o-hd-10 {margin-left: 83.333333%;} .o-hd-11 {margin-left: 91.666667%;} 
.n-hd-1 {order: 1;} .n-hd-2 {order: 2;} .n-hd-3 {order: 3 ;} .n-hd-4 {order: 4;} .n-hd-5 {order: 5;} .n-hd-6 {order: 6 ;} .n-hd-7 {order: 7;} .n-hd-8 {order: 8;} .n-hd-9 {order: 9 ;} .n-hd-10 {order: 10;} .n-hd-11 {order: 11;} .n-hd-12 {order: 12;}
}

/* Flex-контейнер для строк корзины */
.cart-data p {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

/* Добавляем слово "руб." после каждого ценового спана */
#ms2_order_cart_cost::after,
#ms2_order_delivery_cost::after,
#ms2_order_cost::after {
    content: ' руб.';
}

/* === Стили только для аккордеона FAQ === */

.accordion-flush .accordion-item {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    background: transparent;
}

.accordion-flush .accordion-item:last-child {
    border-bottom: none;
}

.accordion-header {
    margin: 0;
}

.accordion-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #002665 !important;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
}

.accordion-button:hover {
    background: #f8f9fa;
}

.accordion-button:focus {
    box-shadow: none !important;
    border-color: rgba(0,0,0,.125) !important;
}

/* Стрелочка справа */
.accordion-button::after {
    content: "▼";
    font-size: 12px;
    transition: transform 0.3s ease;
    flex-shrink: 0;
    margin-left: 10px;
}

/* Поворот стрелки при раскрытии */
.accordion-button.active::after {
    transform: rotate(180deg);
}

.accordion-collapse {
    overflow: hidden;
    transition: height 0.35s ease;
    height: 0;
}

.accordion-collapse.show {
    height: auto;
}

.accordion-body {
    padding: 0 20px 15px 20px;
}

.accordion-body p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    color: #333;
}



html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
}

#wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}

#wrapper .container {
    flex: 1;
}

footer.footer, .footer {
    margin-top: auto;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.h1-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.h1-holder h1 {
    margin: 0;
}

.h1-holder .breadcrumb {
    margin: 0;
}

.breadcrumb i.fa-home {
    font-size: 14px;
    vertical-align: middle;
}

.h1-holder {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}



.accordion-button.active {
    background-color: #e3f2fd !important;
    color: #002665 !important;
}

.content {
    margin-bottom: 15px;
}

.guarantees-detail-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: stretch;
}

.guarantees-detail-wrapper > .detail,
.guarantees-detail-wrapper > .guarantees {
    margin-bottom: 0;
    height: 100%;
}

.guarantees-detail-wrapper > .guarantees {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (max-width: 992px) {
    .guarantees-detail-wrapper {
        grid-template-columns: 1fr;
    }
    .guarantees-detail-wrapper > .guarantees {
        justify-content: flex-start;
    }
}


.main .flex .center-block {
    padding-left: 0px;
}


.tab-analogi_right,
.tab-sklad,
.tab-delivery {
    height: auto;
    overflow: hidden;
}
#tab-btn-analogi_right:not(:checked) ~ #analogi_right,
#tab-btn-sklad:not(:checked) ~ #sklad,
#tab-btn-delivery:not(:checked) ~ #delivery {
    height: 0 !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}
#tab-btn-opt:not(:checked) ~ #opt {
    margin-bottom: 0 !important;
}
#analogi_right {
    margin-bottom: 20px;
}
.tabs.akkordeon > label,
.tabs.akkordeon > div {
    margin-bottom: 10px !important;
}
.tabs.akkordeon input:checked + label .tab-title {
    text-transform: none !important;
}
.guarantees-detail-wrapper > .detail {
    display: flex;
    flex-direction: column;
}
.guarantees-detail-wrapper .tabs.akkordeon {
    flex: 1 1 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
}
.guarantees-detail-wrapper #tab-btn-opt:checked ~ #opt,
.guarantees-detail-wrapper #tab-btn-analogi_right:checked ~ #analogi_right,
.guarantees-detail-wrapper #tab-btn-sklad:checked ~ #sklad,
.guarantees-detail-wrapper #tab-btn-delivery:checked ~ #delivery {
    flex: 1 1 auto;
}
.guarantees-detail-wrapper #tab-btn-opt:checked ~ #opt > .item,
.guarantees-detail-wrapper #tab-btn-analogi_right:checked ~ #analogi_right > .item,
.guarantees-detail-wrapper #tab-btn-sklad:checked ~ #sklad > .item,
.guarantees-detail-wrapper #tab-btn-delivery:checked ~ #delivery > .item {
    height: 100%;
    box-sizing: border-box;
}

.product .right-block {
    background: #f7f8fa;
    border-radius: 8px;
    padding: 15px;
}
.product .right-block .title {
    background: #fff;
    padding: 10px 10px 8px;
}
.product .right-block .slide-svyazi .slick-slide > div,
.product .right-block .slide-svyazi .name {
    background: #fff;
}
.tab-feature .options-list dl {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px dashed #ccc;
    padding: 8px 0;
    margin: 0;
}
.tab-feature .options-list dt {
    font-weight: normal;
    color: #555;
    flex: 1;
    margin-right: 10px;
}
.tab-feature .options-list dd {
    font-weight: 600;
    text-align: right;
    margin: 0;
    color: #000;
}

.guarantees-detail-wrapper > .detail,
.guarantees-detail-wrapper > .guarantees {
    background: none;
}

.first-block {
    clear: both;
}


.product .right-block .slide-svyazi .slick-dots li,
.product .right-block .slide-svyazi .slick-dots li button {
    width: 24px;
    height: 24px;
}
.product .right-block .slide-svyazi .slick-dots li button:before {
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.product .right-block .slide-svyazi .slick-dots {
    position: static;
    margin-top: 18px;
    margin-bottom: 0;
}
.product .right-block .detail {
    margin-bottom: 0;
}
.product .right-block .slide-svyazi {
    margin-bottom: 36px;
}
.product .right-block .svyazi-single .slick-dots {
    display: none !important;
}