@charset "UTF-8";
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex_row,
.row-grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-between;
}
.row-grid {
    width: auto;
    margin: 0 -1rem;
}
.row-grid.w_medium {
    margin: 0 -1.6rem;
}
.row-grid.w_medium > div.grid-xs-12 {
    padding: 0 1.6rem;
}
.flex_inline {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.flex_round {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-flow: row wrap;
    justify-content: space-between;
}
.flex_col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-flow: column nowrap;
    justify-content: space-between;
}
.flex_reverse {
    flex-direction: row-reverse;
}
.item_right {
    justify-content: flex-end;
    align-items: center;
}
.item_center {
    align-items: center;
}
.item_start {
    align-items: flex-start;
}
.item_end {
    align-items: flex-end;
}
.item_around {
    justify-content: space-around;
}
@media screen and (min-width: 1025px) {
    .grid-1 {
        width: 8.3333333333%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-2 {
        width: 16.6666666667%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-3 {
        width: 25%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-4 {
        width: 33.3333333333%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-5 {
        width: 41.6666666667%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-6 {
        width: 50%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-7 {
        width: 58.3333333333%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-8 {
        width: 66.6666666667%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-9 {
        width: 75%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-10 {
        width: 83.3333333333%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-11 {
        width: 91.6666666667%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-12 {
        width: 100%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .pc_col-52 {
        width: 52%;
    }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .grid-sm-1 {
        width: 8.3333333333%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-sm-2 {
        width: 16.6666666667%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-sm-3 {
        width: 25%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-sm-4 {
        width: 33.3333333333%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-sm-5 {
        width: 41.6666666667%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-sm-6 {
        width: 50%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-sm-7 {
        width: 58.3333333333%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-sm-8 {
        width: 66.6666666667%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-sm-9 {
        width: 75%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-sm-10 {
        width: 83.3333333333%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-sm-11 {
        width: 91.6666666667%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-sm-12 {
        width: 100%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .pc_col-52 {
        width: 52%;
    }
}
@media screen and (max-width: 767px) {
    .grid-xs-1 {
        width: 8.3333333333%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-xs-2 {
        width: 16.6666666667%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-xs-3 {
        width: 25%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-xs-4 {
        width: 33.3333333333%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-xs-5 {
        width: 41.6666666667%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-xs-6 {
        width: 50%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-xs-7 {
        width: 58.3333333333%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-xs-8 {
        width: 66.6666666667%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-xs-9 {
        width: 75%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-xs-10 {
        width: 83.3333333333%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-xs-11 {
        width: 91.6666666667%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
    .grid-xs-12 {
        width: 100%;
        margin: 0 0 2rem;
        padding: 0 1rem;
    }
}
.ite_col {
    margin: 0;
    width: 100%;
}
.col {
    width: 100%;
}
.flex_row.column_fix > .col_lf {
    width: 27%;
}
.flex_row.column_fix > .col_rt {
    width: 70%;
}
.ite_col-6 {
    width: 49%;
}
.ite_col-4 {
    width: 32%;
}
@media screen and (min-width: 768px) {
    .page_column-2 > .col_lft {
        width: 74.5%;
    }
    .page_column-2 > .col_rgt {
        width: 22%;
    }
    .page_acount > .col_lf {
        width: 21%;
    }
    .page_acount > .col_rt {
        width: 77%;
    }
    .column_bl-2 > .col {
        width: 48.5%;
    }
    .flex_row.column-2 > .ite_col {
        width: 50%;
        margin: 0;
    }
    .flex_row.column_big-2 > .ite_col {
        width: 44%;
    }
    .flex_row.column_lar-2 > .ite_col {
        width: 44%;
    }
    .flex_row.column_md-2 > .ite_col {
        width: 48%;
    }
    .flex_row.column_sm-2 > .ite_col {
        width: 48%;
    }
    .flex_row.column-3 > .ite_col {
        width: 32.5%;
    }
    .flex_row.column_md-3 > .ite_col {
        width: 31.5%;
        margin-top: 1.8rem;
    }
    .flex_row.column_sm-3 > .ite_col {
        width: 32%;
    }
    .flex_row.column-4 > .ite_col {
        width: 25%;
    }
    .flex_row.column_sm-4 > .ite_col {
        width: 22.28%;
    }
    .flex_row.column-6 > .ite_col {
        width: 16.66%;
    }
}
@media screen and (max-width: 767px) {
    .flex_row.column_fix > .col-lft {
        width: 100%;
    }
    .flex_row.column_fix > .col-rgt {
        width: 100%;
    }
    .flex_row.xs_column-2 > .ite_col {
        width: 49%;
    }
    .flex_row.xs_column_sm-2 > .ite_col {
        width: 48%;
    }
    .col_lft,
    .col_rgt {
        width: 100%;
    }
    .ite_col.empty {
        display: none;
    }
}
html {
    line-height: 1.8;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body {
    margin: 0;
    padding: 0;
}
article,
aside,
footer,
header,
nav,
section {
    display: block;
}
figcaption,
figure,
main {
    display: block;
}
figure {
    margin: 0;
    max-width: 100%;
    height: auto;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: 500;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
audio,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
    max-width: 100%;
    vertical-align: middle;
}
svg:not(:root) {
    overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
    border: none;
    background: 0 0;
    box-shadow: none;
    cursor: pointer;
}
button:active,
button:focus,
button:hover {
    outline: 0;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details,
menu {
    display: block;
}
summary {
    display: list-item;
}
canvas {
    display: inline-block;
}
template {
    display: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
ol,
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
[hidden] {
    display: none;
}
iframe {
    border: none;
    max-width: 100%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Gilroy-bold, sans-serif;
    color: #333;
    line-height: 1.3;
    margin: 0 0 1rem;
    padding: 0;
}
h1 {
    margin: 0;
    font-size: 1rem;
}
h2 {
    font-size: 3rem;
}
h3 {
    font-size: 3rem;
}
h4,
h5,
h6 {
    font-size: 2rem;
    line-height: 1.3;
    margin: 0 0 0.5em;
}
a {
    color: #1175bc;
    text-decoration: none;
}
a:hover {
    color: #3ab54a;
}
a:active,
a:focus {
    outline: 0;
}
img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}
p {
    margin: 0 0;
    line-height: 1.5;
}
b,
strong {
    font-family: Gilroy-bold, sans-serif;
}
@media screen and (max-width: 767px) {
    h2 {
        font-size: 2.3rem;
    }
    h3 {
        font-size: 2rem;
    }
}
.nomr {
    margin: 0 !important;
}
.mt0 {
    margin-top: 0 !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.nopd {
    padding: 0 !important;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pt0 {
    padding-top: 0 !important;
}
.w_md {
    max-width: 900px;
}
.w_small {
    max-width: 680px;
}
.w_xsmall {
    max-width: 545px;
}
.w_xxsmall {
    max-width: 420px;
}
.pd5 {
    padding: 5px !important;
}
.pt5 {
    padding-top: 5px !important;
}
.pb5 {
    padding-bottom: 5px !important;
}
.pl5 {
    padding-left: 5px !important;
}
.pr5 {
    padding-right: 5px !important;
}
.mg5 {
    margin: 5px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.ml5 {
    margin-left: 5px !important;
}
.mr5 {
    margin-right: 5px !important;
}
.pd10 {
    padding: 10px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pl10 {
    padding-left: 10px !important;
}
.pr10 {
    padding-right: 10px !important;
}
.mg10 {
    margin: 10px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.pd15 {
    padding: 15px !important;
}
.pt15 {
    padding-top: 15px !important;
}
.pb15 {
    padding-bottom: 15px !important;
}
.pl15 {
    padding-left: 15px !important;
}
.pr15 {
    padding-right: 15px !important;
}
.mg15 {
    margin: 15px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.pd20 {
    padding: 20px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pl20 {
    padding-left: 20px !important;
}
.pr20 {
    padding-right: 20px !important;
}
.mg20 {
    margin: 20px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.pd25 {
    padding: 25px !important;
}
.pt25 {
    padding-top: 25px !important;
}
.pb25 {
    padding-bottom: 25px !important;
}
.pl25 {
    padding-left: 25px !important;
}
.pr25 {
    padding-right: 25px !important;
}
.mg25 {
    margin: 25px !important;
}
.mt25 {
    margin-top: 25px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.ml25 {
    margin-left: 25px !important;
}
.mr25 {
    margin-right: 25px !important;
}
.pd30 {
    padding: 30px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pl30 {
    padding-left: 30px !important;
}
.pr30 {
    padding-right: 30px !important;
}
.mg30 {
    margin: 30px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.pd35 {
    padding: 35px !important;
}
.pt35 {
    padding-top: 35px !important;
}
.pb35 {
    padding-bottom: 35px !important;
}
.pl35 {
    padding-left: 35px !important;
}
.pr35 {
    padding-right: 35px !important;
}
.mg35 {
    margin: 35px !important;
}
.mt35 {
    margin-top: 35px !important;
}
.mb35 {
    margin-bottom: 35px !important;
}
.ml35 {
    margin-left: 35px !important;
}
.mr35 {
    margin-right: 35px !important;
}
.pd40 {
    padding: 40px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}
.pl40 {
    padding-left: 40px !important;
}
.pr40 {
    padding-right: 40px !important;
}
.mg40 {
    margin: 40px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.pd45 {
    padding: 45px !important;
}
.pt45 {
    padding-top: 45px !important;
}
.pb45 {
    padding-bottom: 45px !important;
}
.pl45 {
    padding-left: 45px !important;
}
.pr45 {
    padding-right: 45px !important;
}
.mg45 {
    margin: 45px !important;
}
.mt45 {
    margin-top: 45px !important;
}
.mb45 {
    margin-bottom: 45px !important;
}
.ml45 {
    margin-left: 45px !important;
}
.mr45 {
    margin-right: 45px !important;
}
.pd50 {
    padding: 50px !important;
}
.pt50 {
    padding-top: 50px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.pl50 {
    padding-left: 50px !important;
}
.pr50 {
    padding-right: 50px !important;
}
.mg50 {
    margin: 50px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.ml50 {
    margin-left: 50px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.size1_1 {
    font-size: 1.1em !important;
}
.size1_3 {
    font-size: 1.3em !important;
}
.size1_4 {
    font-size: 1.4em !important;
}
.size1_5 {
    font-size: 1.5em !important;
}
.size1_8 {
    font-size: 1.8em !important;
}
.size2 {
    font-size: 2em !important;
}
.size2_3 {
    font-size: 2.3em !important;
}
.size2_6 {
    font-size: 2.6em !important;
}
.size2_8 {
    font-size: 2.8em !important;
}
.size3 {
    font-size: 3em !important;
}
.size12 {
    font-size: 12px;
}
.hidden {
    display: none !important;
}
.clearfix {
    clear: both;
}
.clear:after {
    display: block;
    content: "";
    clear: both;
}
.img_full {
    display: block;
    width: 100%;
}
.img_ct {
    display: block;
    margin: 0 auto;
}
.fl_lf {
    float: left;
}
.fl_rt {
    float: right;
}
.fl_no {
    float: none;
    clear: both;
}
.bg_fix {
    background-attachment: fixed;
}
.display_inl {
    display: inline-block;
}
.display_blk {
    display: block;
}
.display_cir {
    display: block;
    border-radius: 50%;
}
.al_lf {
    text-align: left;
}
.al_ct {
    text-align: center;
}
.al_rt {
    text-align: right;
}
.al_jus {
    text-align: justify;
}
.bold {
    font-family: Gilroy-bold, sans-serif;
    font-weight: 700 !important;
}
.seminal {
    font-weight: 500;
}
.normal {
    font-weight: 400;
}
.italic {
    font-style: italic;
}
.circle {
    border-radius: 50%;
}
.ft_bold {
    font-weight: 500;
}
.ft_normal {
    font-weight: 400;
}
.ft_light {
    font-weight: 300;
}
.ft_thin {
    font-weight: 100;
}
.no_cursor {
    cursor: default !important;
    pointer-events: none;
}
.el_line {
    display: block;
    margin: 1.3rem 0;
    border-top: 1px solid #000;
}
.el_line-sm {
    display: block;
    width: 3rem;
    margin: 1rem auto;
    border-top: 1px solid #000;
}
.el_line-sm.white {
    border-top-color: #fff;
}
.space {
    display: block;
    height: 100px;
}
.waiting {
    position: relative;
}
.waiting:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/loading.svg) no-repeat center;
    background-size: 50px;
}
.waiting.waiting_sm:before {
    background-size: 50px;
}
.waiting.w_more:before {
    height: 60px;
    top: auto;
    background-size: 50px;
}
button.waiting:before {
    background-size: contain;
}
@media screen and (min-width: 1025px) {
    .tablet {
        display: none !important;
    }
}
@media screen and (max-width: 1024px) {
    .tablet {
        display: block;
    }
}
@media screen and (min-width: 768px) {
    .sp {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .sp {
        display: block;
    }
    .pc {
        display: none !important;
    }
    .img_portrait {
        max-width: 230px;
        margin: 0 auto;
    }
    .space {
        height: 50px;
    }
}
.tit {
    color: #000;
    font-size: 3rem;
    margin: 0 0 1.5rem;
}
.tit_big {
    font-size: 3.71rem;
}
.tit_lar {
    font-size: 3rem;
}
.tit_md {
    font-size: 1.5rem;
    margin: 0.7rem 0 1rem;
}
.tit_sm {
    font-size: 1.2rem;
}
.tit_xsm {
    font-size: 1.8rem;
}
.tit_bold {
    font-weight: 500;
    font-size: 2.22rem;
    margin: 0 0 0.7rem;
}
.tit_bor {
    padding: 0 0 0.5em;
    border-bottom: 1px solid;
}
.tit_bor.gray {
    border-color: #959595;
}
.tit_ico:before {
    content: "";
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.8;
    border: 4px solid #000;
    border-radius: 50%;
    margin: 0 8px 0 0;
    vertical-align: top;
}
.tit_line {
    display: inline-block;
    padding: 0 8px;
    position: relative;
    line-height: 1.3;
}
.tit_line:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 6px;
    border-bottom: 10px solid #1175bc;
}
@media screen and (max-width: 1024px) {
    .tit_lar {
        font-size: 2.2rem;
    }
    .tit_big {
        font-size: 2.5rem;
    }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
    .tit_lar {
        font-size: 1.5rem;
    }
    .tit_big {
        font-size: 2rem;
    }
}
@media screen and (max-width: 767px) {
    .tit_sm {
        font-size: 1.5rem;
    }
    .tit_xsm {
        font-size: 1.5rem;
    }
}
.error {
    color: red;
}
.txt_white {
    color: #fff !important;
}
.txt_blur {
    color: #959595;
}
.txt_red {
    color: #1175bc;
}
.txt_gray {
    color: #58595b;
}
.txt_dark {
    color: #333;
}
.txt_black {
    color: #000 !important;
}
.main_txt {
    color: #1175bc;
}
.txt_sm {
    font-size: 0.85rem;
}
.txt_inital {
    text-transform: none !important;
}
.row_txt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: baseline;
}
.row_txt > span {
    display: inline-block;
}
.row_txt > span:first-child {
    margin-right: 1rem;
}
.upper {
    text-transform: uppercase;
}
.txt-normal {
    font-weight: 400;
    font-size: 1rem;
}
.txt_line_1 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
.txt_line_2 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
.txt_line_3 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
.txt_line_4 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
.txt_line_5 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    overflow: hidden;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
.txt_line_6 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    overflow: hidden;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
.txt_line_7 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    overflow: hidden;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
.ico_txt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.ico_txt > .ico {
    flex-shrink: 0;
    margin: 0.3em 1rem 0 0;
    font-size: 1.7rem;
    min-width: 2rem;
}
.ico_txt > .ico.small {
    font-size: 1.25rem;
}
.ico_txt > a,
.ico_txt > span {
    display: inline-block;
}
.ico_txt.center {
    align-items: center;
}
.img_txt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}
.img_txt > img {
    flex-shrink: 0;
    margin: 0.3em 1rem 0 0;
}
.img_txt > a,
.img_txt > span {
    display: inline-block;
}
.gr_txt > p > span {
    display: inline-block;
    margin: 0 0.5rem 0;
}
.gr_txt > p > span:first-child {
    font-style: italic;
    font-size: 0.85em;
    text-transform: capitalize;
    font-weight: 300;
}
a[href="#_"] {
    pointer-events: none;
}
.ico_hover:hover {
    opacity: 0.7;
}
.ico_lnk {
    display: inline-block;
    line-height: 0;
}
.ico_lnk.txt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
.ico_lnk.txt > .ico {
    margin-right: 0.5rem;
    line-height: 0;
}
.ico_lnk.txt > span {
    line-height: 1;
}
.ico_lnk.txt > span.pc {
    font-size: 12px;
    line-height: 1.4em;
    text-align: center;
}
.ico_lnk:hover > .ico {
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
}
a.gray {
    color: #57585b;
}
a.gray:hover {
    color: #3ab54a;
}
.over_lnk {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
}
.lnk_bor {
    border-bottom: 1px solid;
}
.lnk_white {
    color: #fff;
}
.lnk_white:hover {
    color: #00af5e;
}
.lnk_hot {
    color: #00af5e;
}
.lnk_hot:hover {
    color: #00af5e;
}
.lnk_blur {
    color: #959595;
}
.lnk_blur:hover {
    color: #3ab54a;
}
.lnk_more {
    font-weight: 700;
    line-height: 1.5;
    border-bottom: 1px solid;
    margin-top: 1rem;
    color: #333;
}
.lnk_more > span {
    display: inline-block;
    margin-left: 0.5rem;
}
.more-arrow {
    color: #1175bc;
    font-size: 1.33rem;
    line-height: 1;
    padding: 2px 0 2px 5px;
    border-left: 3px solid;
    margin: 2.5rem 0 0;
    display: inline-block;
}
.gr_links > a {
    margin-left: 5px;
    display: inline-block;
    min-width: 30px;
    vertical-align: text-top;
}
.gr_links.column-2 > a {
    width: 50%;
    text-align: center;
    margin: 0;
    line-height: 1.2;
}
.gr_links.column-2 > a:first-child {
    border-right: 1px solid #f3f3f3;
}
.lnk_opa {
    opacity: 0.3;
}
.lnk_opa.active,
.lnk_opa:hover {
    opacity: 1;
}
.lnk_ico {
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: left;
    -ms-transition: all ease-in 0.5s;
    -webkit-transition: all ease-in 0.5s;
    -moz-transition: all ease-in 0.5s;
    transition: all ease-in 0.5s;
}
.lnk_ico:hover > span {
    color: #1175bc;
}
.lnk_ico-bg {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    line-height: 2.2;
    color: #fff;
    background: #1175bc;
    border: 2px solid #1175bc;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    font-size: 1rem;
    text-align: center;
    -ms-transition: all ease-in 0.5s;
    -webkit-transition: all ease-in 0.5s;
    -moz-transition: all ease-in 0.5s;
    transition: all ease-in 0.5s;
}
.lnk_ico-bg:hover {
    background: 0 0;
    color: #1175bc;
}
.ite_overlay {
    -ms-transition: opacity ease-in 0.5s;
    -webkit-transition: opacity ease-in 0.5s;
    -moz-transition: opacity ease-in 0.5s;
    transition: opacity ease-in 0.5s;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg_fixed {
    background-attachment: fixed;
}
.lazyLoadBg {
    opacity: 0;
}
.lazyLoadBg.ready {
    opacity: 1;
}
.overlay {
    position: absolute;
    z-index: 99991;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
.overlay > .ico_close {
    top: 15px;
    right: 15px;
}
.overlay.active {
    display: block;
}
.ite_scroll::-webkit-scrollbar {
    width: 0.7rem;
    border-radius: 0.7rem;
}
.ite_scroll::-webkit-scrollbar-track {
    background: #d6d6d6;
    border-radius: 0.7rem;
}
.ite_scroll::-webkit-scrollbar-thumb {
    background: #959595;
    border-radius: 0.7rem;
}
.ite_scroll::-webkit-scrollbar-thumb:hover {
    background: #959595;
}
.anm-sc {
    position: relative;
    overflow: hidden;
    background: #000;
}
.anm-sc:hover .anm {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.anm {
    -ms-transition: all ease-in 0.5s;
    -webkit-transition: all ease-in 0.5s;
    -moz-transition: all ease-in 0.5s;
    transition: all ease-in 0.5s;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
.bt_ico {
    background: #1175bc;
    border: 1px solid #1175bc;
    border-radius: 50%;
    color: #fff;
    padding: 3px;
    display: inline-block;
    margin: 0 0 0;
    line-height: 2.8rem;
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer;
    text-align: center;
    -ms-transition: all ease-in 0.5s;
    -webkit-transition: all ease-in 0.5s;
    -moz-transition: all ease-in 0.5s;
    transition: all ease-in 0.5s;
}
.bt_ico > .ico {
    color: #fff;
}
.bt_ico:hover {
    background: #fff;
}
.bt_ico:hover > .ico {
    color: #1175bc;
}
.bt {
    font-family: Gilroy-medium, sans-serif;
    background: #272727;
    border: 1px solid #272727;
    color: #fff;
    padding: 0 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin: 0 0 0;
    font-size: 1.6rem;
    line-height: 1;
    height: 2em;
    min-width: 5em;
    cursor: pointer;
    border-radius: 0;
    text-align: center;
}
.bt:hover {
    border-color: #3ab54a;
    background: #3ab54a;
    color: #fff;
}
.bt.full {
    display: block;
    width: 100%;
}
.bt.auto {
    display: block;
    min-width: unset;
    height: auto;
}
.bt.bt_main_2 {
    background: #20ce5d;
    border-color: #20ce5d;
    color: #fff;
}
.bt.bt_main_2:hover {
    color: #20ce5d;
    background: #fff;
}
.bt.bt_main {
    background: #1175bc;
    border-color: #1175bc;
    color: #fff;
}
.bt.bt_main:hover {
    color: #1175bc;
    background: #fff;
}
.bt.bt_gray {
    background: #6d6e70;
    border-color: #6d6e70;
    color: #fff;
}
.bt.bt_gray:hover {
    color: #6d6e70;
    background: #fff;
}
.bt.bt_gray_light {
    background: #959595;
    border-color: #959595;
    color: #fff;
}
.bt.bt_gray_light.active,
.bt.bt_gray_light:hover {
    color: #fff;
    background: #1175bc;
    border-color: #1175bc;
}
.bt.btn-dark {
    background: #10181e;
    border-color: #10181e;
}
.bt.btn-dark:hover {
    color: #10181e;
    background: #fff;
}
.bt.bt_red {
    background: #ff3946;
    border-color: #ff3946;
    color: #fff;
}
.bt.bt_red:hover {
    opacity: 0.85;
}
.bt.bt_white {
    background: #fff;
    border-color: #3ab54a;
    color: #3ab54a;
}
.bt.bt_white > .ico {
    color: inherit;
}
.bt.bt_white.active,
.bt.bt_white:hover {
    color: #fff;
    border-color: #3ab54a;
    background: #3ab54a;
}
.bt.bt_white.active > .ico,
.bt.bt_white:hover > .ico {
    color: #fff;
}
.bt.large {
    min-width: 250px;
    height: 5rem;
    line-height: 5rem;
    font-size: 2.14rem;
}
.bt.medium {
    min-width: 180px;
    font-size: 2rem;
}
.bt.small {
    min-width: 110px;
    font-size: 1.25rem;
    padding: 0.4em 1em 0.2em;
}
.bt > .ico {
    display: inline-block;
    margin: 0 0 0 1em;
    vertical-align: middle;
    font-size: 0.7em;
    line-height: 1;
}
.bt.border {
    border-radius: 0.5em;
}
.bt.bt_blue_hv:hover {
    background: #1175bc;
    color: #fff;
}
@media screen and (max-width: 767px) {
    .btn {
        min-width: 80px;
    }
}
.label {
    display: inline-block;
    background: #fff;
    padding: 0.7em 0.7em;
    line-height: 1.3;
    min-width: 7rem;
    border-radius: 0;
    font-size: 0.85em;
    text-align: center;
    margin: 0 1rem 1rem;
    letter-spacing: 1px;
}
.label.lb-black {
    background: #231f20;
    color: #fff;
    font-weight: 700;
    position: relative;
    margin: 0 0 2rem;
}
.label.lb-black > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin: 0 0.5rem;
    color: #fff;
}
.label.lb-black:after {
    content: "";
    display: block;
    border-top: 20px solid #231f20;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 0;
    -ms-transform: translate(-50%, 14px) rotateZ(40deg);
    -webkit-transform: translate(-50%, 14px) rotateZ(40deg);
    -moz-transform: translate(-50%, 14px) rotateZ(40deg);
    transform: translate(-50%, 14px) rotateZ(40deg);
}
.fr_error {
    color: #de0b14;
    font-size: 0.85em;
    margin: 0 0;
}
label {
    font-family: inherit;
    color: #000;
    font-size: 0.85em;
    line-height: 1.6;
    margin: 0;
    padding: 0.5rem 0.5rem;
    display: inline-block;
}
input,
select,
textarea {
    font-family: inherit;
    color: #000;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    border: 0.5px solid #959595;
    outline: 0;
    margin: 0;
    padding: 5px 5px;
    height: 4rem;
    display: block;
    width: 100%;
    text-transform: none;
    box-shadow: none;
    background: #fff;
    border-radius: 0.5em;
}
input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    width: auto;
    height: auto;
}
input[type="number"] {
    display: inline-block;
    width: 80px;
}
input[type="radio"] {
    border-radius: 50%;
}
input:disabled {
    background: #f2f2f2;
}
input:focus,
select:focus,
textarea:focus {
    outline: 0;
    border-color: #1175bc;
    background: #fff;
}
textarea {
    min-height: 5rem;
    min-width: 100%;
    max-width: 100%;
}
textarea.large {
    min-height: 135px;
}
button:disabled {
    cursor: auto;
    pointer-events: none;
    background: #f2f2f2 !important;
    color: #333 !important;
}
[role="button"] {
    cursor: pointer;
}
form.large input,
form.large select {
    height: 2.8rem;
}
form.gray input,
form.gray select,
form.gray textarea {
    background: #f2f2f2;
}
.fr_submit {
    margin: 1rem 0 0.5rem;
    text-align: center;
}
.fr_submit > input[type="submit"] {
    display: block;
    height: 3rem;
    width: 150px;
    border-radius: 2rem;
    margin: 0 auto 0.5rem;
}
.fr_sub {
    text-align: center;
}
.fr_row {
    margin: 0 0 1rem;
}
.area-large {
    height: 300px;
}
.area.medium {
    min-height: 10rem;
}
@media screen and (max-width: 767px) {
    input,
    select,
    textarea {
        -webkit-appearance: none;
    }
}
::-webkit-input-placeholder {
    color: #959595;
}
:-ms-input-placeholder {
    color: #959595;
}
::placeholder {
    color: #959595;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
    border: 1px solid #1175bc;
    cursor: pointer;
    border-radius: 0;
    background: 0 0;
}
input[type="checkbox"]:before,
input[type="radio"]:before {
    content: "✓";
    color: #1175bc;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0.1em;
    width: auto;
    height: auto;
    visibility: hidden;
    text-align: center;
    font-size: 1em;
    line-height: 1;
}
input[type="checkbox"]:checked:before,
input[type="radio"]:checked:before {
    visibility: visible;
}
input[type="radio"] {
    border-radius: 50%;
    overflow: hidden;
}
label.text_cb > input {
    display: none;
}
.cb_beauty {
    display: inline-block;
    position: relative;
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer;
    background: #fff;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cb_beauty > input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
.cb_beauty > input:checked ~ .marker:after {
    opacity: 1;
}
.cb_beauty > .marker {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #58595b;
}
.cb_beauty > .marker:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: 0.5rem;
    text-align: center;
    line-height: 1.2rem;
    color: #333;
    font-weight: 700;
    opacity: 0;
}
.app_number input[type="number"]::-webkit-inner-spin-button,
.app_number input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.app_number input[type="number"] {
    -moz-appearance: textfield;
}
.arrow_number {
    position: relative;
}
.arrow_number > input[type="number"] {
    display: block;
    font-family: Gilroy-medium, sans-serif;
    width: 100%;
    background: #fff;
    padding-right: 3rem;
    padding-left: 1em;
    height: 5rem;
    border-radius: 1em;
    position: relative;
    z-index: 1;
    border-color: #fff;
}
.arrow_number > .number_nav {
    visibility: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    z-index: 9;
    top: 10%;
    bottom: 10%;
    right: 1.5rem;
    width: 2rem;
    border-radius: 2rem;
    border: 1px solid #a5a5a5;
}
.arrow_number > .number_nav > span.arrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50%;
    width: 100%;
    cursor: pointer;
}
.arrow_number > .number_nav > span.arrow > .icon {
    line-height: 1;
    font-size: 0.5em;
    color: #a5a5a5;
}
.arrow_number > .number_nav > span.arrow:hover > .icon {
    color: #000;
}
.arrow_number:hover > .number_nav {
    visibility: visible;
}
.arrow_number.small > input[type="number"] {
    border-radius: 0.4rem;
    padding-right: 2rem;
}
.arrow_number.small > .number_nav {
    right: 0.5rem;
    width: 1.4rem;
}
@media screen and (max-width: 767px) {
    .arrow_number > input[type="number"] {
        height: 4rem;
    }
}
.operate_number {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 3rem;
    font-family: Gilroy-medium, sans-serif;
    color: #464646;
    font-size: 2rem;
    padding: 0;
    border: none;
    border-radius: 0.7rem;
    overflow: hidden;
    background: #f2f2f2;
}
.operate_number > input[type="number"] {
    flex-grow: 1;
    width: 40%;
    display: block;
    background: 0 0;
    padding: 0.2em 0;
    margin: 0;
    border: none;
    text-align: center;
    height: 100%;
    color: #464646;
    font-size: 1em;
}
.operate_number > input[type="number"]:focus {
    outline: 0;
}
.operate_number > .arrow {
    position: relative;
    display: block;
    cursor: pointer;
    border: none;
    text-align: center;
    background: #e6e6e6;
    height: 100%;
    width: 30%;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.operate_number > .arrow:hover {
    opacity: 0.85;
}
@media screen and (max-width: 767px) {
    .operate_number {
        font-size: 1.8rem;
        height: 2.5rem;
    }
}
.bl_dark {
    color: #fff;
}
.bl_dark input,
.bl_dark select,
.bl_dark textarea {
    background: 0 0;
    border-color: #fff !important;
    color: #fff;
}
.bl_dark input:focus,
.bl_dark select:focus,
.bl_dark textarea:focus {
    outline: 0;
    border-color: #3ab54a !important;
}
.bl_dark input[type="submit"] {
    border-color: #1175bc !important;
}
.bl_dark span.wpcf7-not-valid-tip {
    color: #ffcbcb;
    font-size: 0.75em;
    font-weight: 400;
    display: block;
}
.bl_dark ::-webkit-input-placeholder {
    color: #969696;
}
.bl_dark :-ms-input-placeholder {
    color: #969696;
}
.bl_dark ::placeholder {
    color: #969696;
}
.ite_search {
    position: relative;
    padding: 0;
}
.ite_search > input[type="text"] {
    display: block;
    width: 100%;
    padding-left: 5rem;
    border-radius: 3rem;
    background: #f2f2f2;
    border: 1px solid #58595b;
}
.ite_search > .ico {
    position: absolute;
    font-size: 3rem;
    top: 50%;
    left: 0.7rem;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.ite_search > button {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    margin: 0;
    padding: 0 1rem;
    font-weight: 400;
    background: #231f20;
    color: #fff;
    min-width: 1px;
    border-radius: 0;
}
.ite_search > button:hover {
    background: #fff;
    border-color: #333;
    color: #333;
}
.ite_search > button > .ico {
    background-size: 1rem;
}
input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}
.file_upload {
    position: relative;
    justify-content: flex-start;
    align-items: center;
}
.file_upload[data-type="banner"] {
    justify-content: flex-end;
}
.file_upload[data-type="banner"] > .ite_img {
    width: 100%;
    margin: 0 0 15px 0;
}
.file_upload > .ite_img {
    position: relative;
    margin: 0 15px 15px 0;
}
.file_upload > .ite_img.small {
    width: 150px;
    height: 150px;
}
.file_upload > .ite_img.circle {
    border-radius: 50%;
    overflow: hidden;
}
.file_upload > .ite_img > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.fl_wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 3.5rem;
    line-height: 3.2;
    border: 2px solid #ddd;
    margin: 0 0 5px;
    padding: 0 9rem 0 10px;
    border-radius: 30px;
}
.fl_wrap > input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}
.file_txt {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 150px;
    line-height: 1.5;
    margin: 0 0 5px;
    padding: 0;
    cursor: pointer;
}
.file_txt > .txt {
    text-decoration: underline;
    position: relative;
    z-index: 9;
    cursor: pointer;
}
.file_txt > input[type="file"] {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}
.file_txt > input[type="file"]:hover ~ .txt {
    opacity: 0.5;
}
.file_bt {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.file_bt > input[type="file"] {
    display: none;
}
.ite_checkbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    align-items: flex-start;
    padding: 0;
    margin: 0.5rem 0;
    line-height: 1.3;
    cursor: pointer;
}
.ite_checkbox > input,
.ite_checkbox > label,
.ite_checkbox > span {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: baseline;
}
.ite_checkbox > :first-child {
    margin-right: 10px;
}
.el_checkbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.el_checkbox > :first-child {
    margin-right: 10px;
    margin-top: 0.5rem;
}
.row_ips.column-3 > .col_inl {
    width: 30%;
}
.ip_password {
    position: relative;
}
.ip_password > input {
    padding-right: 2rem;
}
.ip_password > .ico {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 1.35rem;
    line-height: 2rem;
    color: #959595;
    text-align: center;
}
.ip_password > .ico.un_view {
    display: none;
}
.ip_password.show > .view {
    display: none;
}
.ip_password.show > .un_view {
    display: block;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/icons/arrow-down.svg) no-repeat;
    background-size: 0.7em;
    background-position: 98% center;
    color: #959595;
}
select.is_selected,
select > option {
    color: #333;
}
.wr_ico > span {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 5px;
    line-height: 1;
}
.ico {
    display: inline-block;
    line-height: 0;
    color: #58595b;
    font-size: 3rem;
    -ms-transition: transform ease-in 0.3s;
    -webkit-transition: transform ease-in 0.3s;
    -moz-transition: transform ease-in 0.3s;
    transition: transform ease-in 0.3s;
}
.ico:before {
    display: inline-block;
    line-height: 1;
}
.ico.medium {
    font-size: 1.7rem;
}
.ico.red {
    color: #1175bc;
}
.olico-home {
    color: #3ab54a;
}
.ico_bg {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    font-size: 1em;
    line-height: 1;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    -ms-transition: all ease-in 0.5s;
    -webkit-transition: all ease-in 0.5s;
    -moz-transition: all ease-in 0.5s;
    transition: all ease-in 0.5s;
}
.ico_close {
    position: absolute;
    z-index: 9;
    top: -1rem;
    right: -1rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 2px 4px 6px 0 #0000003d;
    box-shadow: 2px 4px 6px 0 #0000003d;
}
.ico_close > span {
    font-size: 0.85rem;
}
.ico_del {
    position: absolute;
    z-index: 9;
}
.ico_circle {
    display: inline-block;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background: #1175bc;
}
.ico_circle.medium {
    text-align: center;
    color: #fff;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
}
.ico_large {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    font-size: 1em;
    line-height: 1;
    width: 42px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.ico_menu {
    background: 0 0;
    padding: 0;
    margin: 0;
    padding-left: 1rem;
    margin-left: 0.5rem;
    margin-top: -2px;
    width: 4rem;
    cursor: pointer;
    border-left: 1px solid #58595b;
    flex-shrink: 0;
}
.ico_menu > .line {
    display: block;
    width: 100%;
    height: 4px;
    background: #464646;
    border-radius: 5px;
    margin: 0 0 5px;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
.ico_menu > .line:last-child {
    margin: 0;
}
.ico_menu.close > .line1,
.ico_menu.ico_preview.active > .line1 {
    -webkit-transform: translateY(8px) rotateZ(-45deg);
    -moz-transform: translateY(8px) rotateZ(-45deg);
    transform: translateY(8px) rotateZ(-45deg);
}
.ico_menu.close > .line2,
.ico_menu.ico_preview.active > .line2 {
    background: 0 0;
}
.ico_menu.close > .line3,
.ico_menu.ico_preview.active > .line3 {
    -webkit-transform: translateY(-10px) rotateZ(45deg);
    -moz-transform: translateY(-10px) rotateZ(45deg);
    transform: translateY(-10px) rotateZ(45deg);
}
.ico_menu.white > .line {
    background: #fff;
}
@media screen and (max-width: 767px) {
    .ico {
        font-size: 2.3rem;
    }
}
.olico-call-circle {
    -ms-transform: rotate(90deg) !important;
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}
.olico-messenger {
    color: #2095f3;
}
.icon-arrow-down {
    background-image: url(../images/icons/arrow-down.svg);
}
.ico-link {
    background-image: url(../images/icons/arrow-cirle-right.svg);
}
.ico-user {
    background-image: url(../images/icons/user-white.svg);
}
.ico_arrow-up {
    background-image: url(../images/icons/arrow-up.svg);
}
.ico-search {
    background-image: url(../images/icons/search.svg);
}
.ico-face {
    background-image: url(../images/icons/face.svg);
    height: 1.3rem;
    position: relative;
    top: -4px;
}
.ico_md {
    font-size: 3.2rem;
}
.ico.small {
    font-size: 1rem;
}
.bl_stars > .star {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 2.4rem;
}
.bl_stars.medium > .star {
    font-size: 3rem;
}
.bl_stars.small > .star {
    font-size: 1.5rem;
}
.olico.olico-star,
.olico.olico-star-line-fill {
    color: #ffc106;
    display: inline-block;
    margin: 0 0;
}
.olico-star-line {
    color: #959595;
}
.olico-star-line:hover {
    color: #ffc106;
}
.no_review.olico-star-line {
    color: #ffc106;
    display: inline-block;
    margin: 0 0;
}
.no_review.olico-star-line:hover {
    color: #ffc106;
}
.star > .olico {
    font-size: inherit;
    padding: 0 0.2em;
    color: #ffc106;
}
.rating-container {
    line-height: 1;
}
.rating-container .empty-stars {
    color: #ffc106;
}
.rating-container .filled-stars {
    color: #ffc106;
    -webkit-text-stroke: 1px #fff;
    text-shadow: none;
}
.fig {
    position: relative;
    padding-top: 56.19%;
    width: 100%;
    display: block;
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    -ms-transition: transform ease-in 0.3s;
    -webkit-transition: transform ease-in 0.3s;
    -moz-transition: transform ease-in 0.3s;
    transition: transform ease-in 0.3s;
    -ms-transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform-origin: bottom;
}
.fig_circle {
    border-radius: 50%;
}
.fig1_1 {
    padding-top: 100%;
}
.fig40 {
    padding-top: 46.7%;
}
.fig80 {
    padding-top: 86.34%;
}
.fig2_1 {
    padding-top: 50%;
}
.fig3_2 {
    padding-top: 62%;
}
.fig8_3 {
    padding-top: 38.62%;
}
.fig16_9 {
    padding-top: 58%;
}
.fig4_3 {
    padding-top: 75%;
}
.fig5_3 {
    padding-top: 72.3%;
}
.fig9_16 {
    padding-top: 154.38%;
}
.fig9_10 {
    padding-top: 93.54%;
}
.fig9_11 {
    padding-top: 107.7%;
}
.fig9_12 {
    padding-top: 113.5%;
}
.fig3_5 {
    padding-top: 132.5%;
}
.fig_img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    object-fit: cover;
    object-position: center;
    display: block;
    height: 100%;
    width: 100%;
    -ms-transition: transform ease-in 0.5s;
    -webkit-transition: transform ease-in 0.5s;
    -moz-transition: transform ease-in 0.5s;
    transition: transform ease-in 0.5s;
    -ms-transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform-origin: bottom;
}
.fig_img.contain_fit {
    object-fit: scale-down;
    object-position: center top;
}
.fig_img.bot_contain {
    object-fit: contain;
    object-position: left bottom;
}
.fig_img.ct_contain {
    object-fit: contain;
    object-position: left center;
}
.fig_img.ct_position {
    object-fit: contain;
    object-position: center;
}
.fig-lnk:hover > img {
    opacity: 1;
}
.img_hv:hover .fig-img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
@media screen and (max-width: 767px) {
    .fig {
        border-radius: 0.5rem;
    }
}
.img_70 {
    max-width: 70%;
}
.img-shd {
    display: block;
    box-shadow: 8px 8px 0 1px #f3f3f3;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
figure.border {
    display: block;
    border-radius: 1rem;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    figure.border {
        border-radius: 0.5rem;
    }
}
.fit_fig {
    position: relative;
    width: 100%;
    -ms-transition: transform ease-in 0.3s;
    -webkit-transition: transform ease-in 0.3s;
    -moz-transition: transform ease-in 0.3s;
    transition: transform ease-in 0.3s;
    border-radius: 1rem;
    overflow: hidden;
}
.fit_fig:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56%;
}
.fit_fig > iframe,
.fit_fig > img,
.fit_fig > video {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.fit_fig.rate1_1:before {
    padding-top: 100%;
}
.gr_btns > a {
    width: 49%;
}
.gr_icos > a {
    display: block;
    width: 100%;
    margin: 5px 0;
    overflow: hidden;
}
.gr_icos > a > span {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}
.gr_icos > a > .ite_ico {
    line-height: 1;
    min-width: 2.1rem;
    text-align: left;
    font-size: 2rem;
}
.lst > li {
    padding: 10px 0;
    margin: 0 0;
}
.lst_inl {
    font-size: 0;
}
.lst_inl > li {
    display: inline-block;
    font-size: 1rem;
    padding: 0 5px;
}
.lst_inl > li:first-child {
    padding-left: 0;
}
.lst_inl > li > .sep {
    font-size: 0.7em;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
}
.lst_tb {
    display: table;
    width: 100%;
    margin: 15px 0;
}
.lst_tb > li {
    display: table-cell;
    vertical-align: top;
}
.lst_sep > li > a {
    display: block;
    padding: 0 5px;
    border-left: 1px dashed #ccc;
}
table {
    width: 100%;
    border: none;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > thead > tr > th {
    line-height: 1.5;
    padding: 1rem 1rem;
    border: none;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
table > tbody > tr > th,
table > thead > tr > th {
    font-weight: 700;
    text-align: center;
    font-family: Gilroy-bold, sans-serif;
    font-size: 2rem;
}
table.al_top > tbody > tr > th,
table.al_top > thead > tr > th {
    vertical-align: top;
    text-align: left;
}
table.no_bor {
    border: none;
}
table.no_bor > tbody > tr > td,
table.no_bor > tbody > tr > th,
table.no_bor > tfoot > tr > td,
table.no_bor > thead > tr > th {
    border: none;
}
.tb_list {
    border: none;
}
.tb_list > thead {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}
.tb_list > thead > tr > th {
    border: none;
    font-weight: 400;
    text-transform: uppercase;
}
.tb_list > thead > tr > th.td_sm {
    width: 9rem;
}
.tb_list > thead > tr > th:first-child {
    text-align: left;
}
.tb_list > thead > tr > th:last-child {
    text-align: right;
}
.tb_list > tbody > tr:first-child > td {
    padding-top: 1rem;
}
.tb_list > tbody > tr > td {
    border: none;
    font-weight: 500;
    color: #58595b;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.85rem;
}
.tb_list > tbody > tr > td.al_rt {
    text-align: right;
}
.tb_list > tbody > tr > td.al_lf {
    text-align: left;
}
.tb_list > tbody > tr > td:last-child {
    text-align: right;
}
.tb_list > tbody > tr > td:first-child {
    text-align: left;
}
.tb_list > tbody > tr:hover > td {
    color: #1175bc;
}
@media screen and (max-width: 767px) {
    .tb_res {
        display: block;
    }
    .tb_res > tbody {
        display: block;
    }
    .tb_res > tbody > tr {
        display: block;
    }
    .tb_res > tbody > tr > td,
    .tb_res > tbody > tr > th {
        display: block;
        width: 100% !important;
    }
    .tb_res-scroll {
        overflow-x: auto;
    }
    .tb_res-scroll > table {
        max-width: unset;
        width: 600px;
    }
    .title_tb_res {
        display: block;
    }
    .title_tb_res > thead {
        display: none;
    }
    .title_tb_res > tbody {
        display: block;
        width: 100%;
    }
    .title_tb_res > tbody > tr {
        display: block;
        width: 100%;
        position: relative;
    }
    .title_tb_res > tbody > tr > td {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
        width: 100%;
        text-align: right;
        justify-content: space-between;
        position: initial !important;
    }
    .title_tb_res > tbody > tr > td:before {
        content: attr(data-title);
        display: inline-block;
        margin-right: 5px;
        padding-top: 5px;
        font-weight: 500;
        text-align: left;
        white-space: nowrap;
    }
    .title_tb_res > tbody > tr > td > .cart_remove {
        top: 1rem;
        bottom: 0;
        right: 0;
    }
    .title_tb_res > tbody > tr > td > .flex_cart {
        padding-right: 2rem;
    }
    .title_tb_res > tfoot {
        display: block;
        width: 100%;
    }
    .title_tb_res > tfoot > tr {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .title_tb_res > tfoot > tr > td,
    .title_tb_res > tfoot > tr > th {
        border: none;
    }
}
#olTabs {
    overflow: hidden;
}
.nav_tabs {
    margin: 0 auto 1rem;
    position: relative;
    overflow: hidden;
}
.nav_tabs.full {
    max-width: 100%;
}
.tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    text-align: center;
    white-space: nowrap;
    padding-bottom: 10px;
    position: relative;
    z-index: 9;
    font-size: 0;
}
.tabs > li {
    display: inline-block;
}
.tab_cts {
    position: relative;
    width: 100%;
}
.tab_ct {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.tab_ct.active {
    display: block;
    position: relative;
    z-index: 9;
    opacity: 1;
    -ms-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -ms-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -ms-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.tab_ct.waiting {
    display: block;
    z-index: 9;
    opacity: 1;
}
.tab_ct:before {
    background-color: #fff;
    background-size: 3rem;
    background-position: center top;
    z-index: 999;
}
@media screen and (min-width: 768px) {
    .tabs.left {
        text-align: left;
    }
    .tabs.left > li:first-child {
        padding-left: 0;
    }
    .tabs.left > li:first-child > a {
        padding-left: 0;
    }
}
@media screen and (min-width: 1700px) {
    .tabs > li {
        padding: 0 1rem;
    }
}
@media screen and (max-width: 767px) {
    .nav_tabs {
        margin-top: -1px;
    }
}
@media screen and (max-width: 767px) {
    .nav_select {
        position: relative;
        z-index: 999;
    }
    .nav_select > .el_select {
        padding: 1.3rem 2.5rem 1.3rem 0;
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
    }
    .nav_select > .el_select > .btn_tg {
        position: absolute;
        z-index: 9;
        right: 0;
        top: 0;
        height: 100%;
        width: 2.5rem;
        display: block;
        text-align: center;
        line-height: 3;
    }
    .nav_select > .el_select > .btn_tg.active > .icon {
        display: block;
        -ms-transform: rotateZ(180deg);
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
    .nav_select > .tabs {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 1rem 0;
        display: none;
        box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);
    }
    .nav_select > .tabs.active {
        display: block;
    }
    .nav_select > .tabs > li {
        display: block;
        white-space: normal;
        text-align: left;
        padding: 0.5rem 1rem;
    }
    .nav_select > .tabs > li > a {
        padding: 0.5rem 0;
        display: block;
    }
}
.slider_scroll > .scroll_ct {
    padding-right: 6rem;
}
.slider_scroll > .scroll_bt {
    position: absolute;
    z-index: 99;
    top: 1px;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    background: #fff;
    left: auto;
    right: 0;
}
.slider_scroll > .scroll_bt.prev_bt {
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}
.slider_scroll > .scroll_bt > .ico {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    line-height: 1;
}
.pagination {
    text-align: center;
    background: #fff;
    margin: 0 0 0;
    padding: 2rem 0;
}
ul.page-numbers > li > a,
ul.page-numbers > li > span {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    font-family: Roboto, sans-serif;
    color: #959595;
    padding: 0;
    border-radius: 0.3em;
    border: 1px solid;
    width: 2em;
    height: 2em;
    line-height: 2em;
}
ul.page-numbers > li {
    display: inline-block;
    margin: 0 3px;
}
ul.page-numbers > li .current,
ul.page-numbers > li > a:hover {
    background: #3ab54a;
    border-color: #3ab54a;
    color: #fff;
}
ul.page-numbers > li.disabled {
    display: none;
}
#to2top {
    display: none;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background: #3ab54a;
    color: #fff;
    font-size: 0;
    text-align: center;
    position: fixed;
    bottom: 5rem;
    right: 1.5rem;
    margin: 0;
    z-index: 999;
}
#to2top.active {
    display: block;
}
#to2top > .ico {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 2rem;
    color: #fff;
    -ms-transform: rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
    -moz-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
}
#to2top:hover {
    opacity: 0.8;
}
@media screen and (max-width: 767px) {
    #to2top {
        bottom: 6.5rem;
    }
}
.popup {
    position: fixed;
    z-index: 999990;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: none;
}
.popup.active {
    display: block;
}
.popup.active > .popup-ct {
    opacity: 1;
}
.popup > .pp-overlay {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    background: rgba(102, 102, 102, 0.8);
}
.popup-ct {
    position: relative;
    z-index: 99;
    display: block;
    width: 90%;
    margin: 10vh auto 5vh;
    background: #fff;
    max-width: 1000px;
    padding: 1rem;
    -ms-transition: opacity ease-in 1s;
    -webkit-transition: opacity ease-in 1s;
    -moz-transition: opacity ease-in 1s;
    transition: opacity ease-in 1s;
    box-shadow: 0 0 1px 1px #bdbbbb;
    opacity: 0;
    min-height: 85vh;
    border-radius: 1rem;
}
.popup-ct.small {
    max-width: 640px;
    min-height: unset;
}
.popup-ct.medium {
    max-width: 1030px;
    min-height: unset;
}
.popup-ct.x_medium {
    max-width: 800px;
    min-height: 50vh;
}
.popup-ct.middle {
    margin: 0 auto;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.popup-ct.scroll {
    width: 95%;
    margin: 0 auto;
    position: relative;
    background: #fff;
    max-width: 1600px;
    overflow: hidden;
    z-index: 99;
    top: 3vh;
    padding: 0;
    height: 94vh;
}
.popup-ct.waiting:before {
    top: 30px;
    bottom: auto;
    height: 50px;
    background-size: contain;
}
.popup-ct > .popup-inner {
    width: 90%;
    margin: 0 auto;
    padding: 3rem 0;
}
.popup-ct > .bt_close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
}
.popup-ct > .bt_close > .ico {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 80%;
    font-size: 2rem;
    color: #333;
    line-height: 2;
}
.popup-ct > .bt_close:hover {
    opacity: 0.8;
}
@media screen and (max-width: 767px) {
    .popup-ct {
        margin: 30px auto 0;
    }
    .popup-ct > .btn-close {
        right: 0;
    }
}
.wr_dropdown {
    position: relative;
    padding: 5px 0;
}
.wr_dropdown > .dropdown {
    position: absolute;
    z-index: 99;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    background: 0 0;
    padding: 2rem 0 0;
}
.wr_dropdown > .dropdown.middle {
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.wr_dropdown > .dropdown.right {
    left: auto;
    right: 0;
}
.wr_dropdown > .dropdown:before {
    content: "";
    display: block;
    border-bottom: 0.7rem solid #f2f2f2;
    border-left: 0.7rem solid transparent;
    border-right: 0.7rem solid transparent;
    position: absolute;
    z-index: 9;
    top: 1.4rem;
    right: 1rem;
}
.wr_dropdown:hover > .dropdown {
    display: block;
}
.dropdown_list {
    background: #f2f2f2;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}
.dropdown_list > li {
    padding: 0;
    text-align: left;
    border-top: 1px solid #eee;
}
.dropdown_list > li > a {
    color: #333;
    font-size: 1.4rem;
    display: block;
    padding: 1rem 1rem;
}
.dropdown_list > li > a:hover {
    color: #3ab54a;
}
.alert {
    padding: 1rem 1rem;
    margin: 0 0 1.5rem;
    border-radius: 1rem;
    background: #333;
    color: #fff;
}
.alert > a,
.alert > li > a {
    color: #fff;
    text-decoration: underline;
}
.alert.info {
    background: #3ab54a;
}
.alert.success {
    background: #0fb6d0;
}
.alert.error {
    background: #b51218;
}
.notice_fr {
    position: relative;
}
.notice_fr > .notice {
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 100%;
    width: 100%;
    max-width: 400px;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.notice {
    margin: 0.5rem 0;
    position: relative;
    padding: 1.5rem 1rem;
    background: #fff;
    border-radius: 1rem;
    text-align: center;
    cursor: pointer;
}
.notice > .ico {
    font-size: 1rem;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 5px;
}
.notice.info {
    background: #3ab54a;
    color: #fff;
}
.notice.info:after {
    border-bottom-color: #3ab54a;
}
.notice.error {
    background: #b51218;
    color: #fff;
}
.notice.error:after {
    border-bottom-color: #b51218;
}
.notice:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    border-bottom: 1rem solid;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    -ms-transform: translate(-50%, -98%);
    -webkit-transform: translate(-50%, -98%);
    -moz-transform: translate(-50%, -98%);
    transform: translate(-50%, -98%);
}
.tooltip {
    position: relative;
}
.tooltip > .tooltip_txt {
    visibility: hidden;
    width: 150px;
    background-color: #555;
    color: #fff;
    text-align: center;
    font-size: 1.667rem;
    border-radius: 0.3em;
    padding: 0.3em;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    opacity: 0;
    line-height: 1.3;
    -ms-transform: translate(-50%, -120%);
    -webkit-transform: translate(-50%, -120%);
    -moz-transform: translate(-50%, -120%);
    transform: translate(-50%, -120%);
    -ms-transition: opacity ease-in 0.3s;
    -webkit-transition: opacity ease-in 0.3s;
    -moz-transition: opacity ease-in 0.3s;
    transition: opacity ease-in 0.3s;
}
.tooltip > .tooltip_txt::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip:hover > .tooltip_txt {
    visibility: visible;
    opacity: 1;
}
.tooltip.focus:hover > .tooltip_txt {
    opacity: 0;
}
.tooltip.focus.active > .tooltip_txt {
    opacity: 1;
}
.wr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%;
    flex-flow: column wrap;
    padding: 3rem 0 0;
    position: relative;
}
.wr.dark {
    background: #000;
}
.wr.light {
    background: #f2f2f2;
}
.wr.bg_red {
    background: #b51218;
}
.wr.small {
    padding: 2.2rem 0 0;
}
.wr_page {
    padding: 2rem 0;
}
.wr_bg > .container {
    z-index: 99;
    position: relative;
}
.wr_bg.overlay:before {
    position: absolute;
    z-index: 9;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.wr_bg.overlay.dark:before {
    background-color: rgba(0, 0, 0, 0.8);
}
.wr-header {
    width: 100%;
    border-bottom: 2px solid #20ce5d;
    margin: 0 0 2rem;
}
.wr-header > .title {
    display: inline-block;
    position: relative;
    padding: 0.5rem 2rem 0.3rem 0.5rem;
    font-size: 1.4rem;
    min-height: 2.6rem;
    line-height: 1.3;
    margin: 0 4rem 0 0;
    text-align: left;
    text-transform: uppercase;
    background: #20ce5d;
    color: #fff;
}
.wr-header > .title > .ico {
    display: inline-block;
    margin: 0 0.2rem 0 0;
    color: #fff;
    font-size: 0.75em;
}
.wr-header > .title:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 9;
    right: -4rem;
    bottom: 0;
    border-left: 4rem solid #20ce5d;
    border-top: 2.6rem solid transparent;
}
.wr-footer {
    margin-top: 3rem;
}
.wr_tit {
    font-size: 3rem;
    line-height: 1.2;
    margin: 0 0 2rem;
    text-align: left;
    text-transform: uppercase;
    color: #20ce5d;
    border-bottom: 0.4rem solid #1175bc;
    padding: 0 0 0.7rem;
    width: 100%;
}
.wr_tit > .ico {
    display: inline-block;
    margin: 0 0.2rem 0 0;
    color: #20ce5d;
    font-size: 0.85em;
    vertical-align: top;
    margin-top: 0.2em;
}
.wr_tit.inline_border {
    display: inline-block;
    width: auto;
}
.wr_tit.no_bor {
    border: none;
}
.wr_tit.bd_top:before {
    content: "";
    display: block;
    width: 77px;
    height: 4px;
    background: #e6e6e6;
    margin: 0 auto 1rem;
}
.wr_tit > .sm_txt {
    font-size: 2rem;
    color: #333;
    text-transform: none;
}
.wr_ct {
    width: 100%;
}
.custom_wr_tit {
    margin: 0 0 3rem;
}
.wr-desc {
    font-size: 1.43rem;
    margin: 0 0 0.5rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}
.wr_small {
    margin: 0 auto;
    padding: 40px 15px;
    max-width: 700px;
}
.wr_xs {
    margin: 0 auto;
    padding: 3rem 0;
    max-width: 500px;
}
@media screen and (min-width: 1025px) {
    .wr_tit.medium {
        font-size: 2.7rem;
    }
}
@media screen and (max-width: 1024px) {
    .wr {
        padding: 3rem 0 0;
    }
    .wr_tit {
        font-size: 2.3rem;
        border-width: 2px;
    }
}
@media screen and (max-width: 414px) {
    .custom_wr_tit {
        margin: 0 0 1rem;
    }
}
@media screen and (min-width: 768px) {
    .wr_2col > .col_lf {
        width: 75%;
        padding: 0 15px 0 0;
    }
    .wr_2col > .col_rt {
        width: 25%;
        padding: 0;
    }
}
.bl {
    margin: 1rem 0 0;
}
.bl_lar {
    margin: 3rem 0 0;
}
.bl-head {
    margin: 0 0 2rem;
}
.bl-tit {
    margin: 0 0 1rem;
}
.bl-tit.small {
    font-size: 1.28rem;
}
.bl-tit.light {
    color: #1175bc;
}
.bl-tit.b_lft {
    border-left: 2px solid;
    line-height: 1.2;
    padding-left: 1rem;
}
.bl-desc {
    margin: 0 0 0;
}
.defer_bl {
    min-height: 80px;
    position: relative;
}
.defer_bl:before {
    content: "";
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/loading.svg) no-repeat center;
    background-size: 50px;
}
.defer_bl.ready:before {
    display: none;
}
.trans_top {
    -ms-transition: all ease-in 0.5s;
    -webkit-transition: all ease-in 0.5s;
    -moz-transition: all ease-in 0.5s;
    transition: all ease-in 0.5s;
}
.trans_top:hover {
    -ms-transform: translate(0, -2rem);
    -webkit-transform: translate(0, -2rem);
    -moz-transform: translate(0, -2rem);
    transform: translate(0, -2rem);
}
.hv_overlay {
    overflow: hidden;
}
.hv_overlay > .ite_over {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(102, 102, 102, 0.8);
    -ms-transition: transform ease-in 0.5s;
    -webkit-transition: transform ease-in 0.5s;
    -moz-transition: transform ease-in 0.5s;
    transition: transform ease-in 0.5s;
    -ms-transform: translate(0, -110%);
    -webkit-transform: translate(0, -110%);
    -moz-transform: translate(0, -110%);
    transform: translate(0, -110%);
}
.hv_overlay > .ite_over > .lnk_ico {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    margin-left: -2rem;
    margin-top: -2rem;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: 50%;
    background: 0 0;
    background-size: 1.5rem;
    overflow: hidden;
    color: #fff;
    border: 1px solid;
    display: block;
    text-align: center;
}
.hv_overlay > .ite_over > .lnk_ico:hover {
    color: #3ab54a;
}
.hv_overlay:hover > .ite_over {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
}
.hv_scale {
    overflow: hidden;
    display: block;
    border-radius: 1rem;
}
.hv_scale:hover > figure {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.hv_scale_title {
    background: 0 0;
    overflow: hidden;
    border-radius: 1rem;
    display: block;
}
.hv_scale_title > .fig {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.hv_scale_title:hover > .fig {
    opacity: 1;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.hv_scale_title:hover > .tit {
    color: #20ce5d !important;
}
.hv_image {
    overflow: hidden;
    display: block;
    border-radius: 1rem;
    -ms-transition: all ease-in 0.5s;
    -webkit-transition: all ease-in 0.5s;
    -moz-transition: all ease-in 0.5s;
    transition: all ease-in 0.5s;
}
.hv_image:hover {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 2px 4px 6px 0 #0000003d;
    box-shadow: 2px 4px 6px 0 #0000003d;
}
.hv_image:hover > figure {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.hv_opacity {
    display: block;
    overflow: hidden;
    background: #fff;
}
.hv_opacity:hover > figure {
    opacity: 0.8;
}
.hv_content {
    -ms-transition: all ease-in 0.3s;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
.hv_content > .box_img {
    display: block;
    overflow: hidden;
    background: #231f20;
}
.hv_content:hover {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}
.hv_content:hover > .box_img > .fig {
    opacity: 0.3;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
@media screen and (max-width: 767px) {
    .hv_image,
    .hv_scale,
    .hv_scale_title {
        border-radius: 0.5rem;
    }
}
.slick-slider.ready {
    height: auto;
    opacity: 1;
}
.wr_slider {
    position: relative;
}
.wr_slider > .wr_arrow {
    position: absolute;
    z-index: 9999;
    left: 0;
    width: 100%;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.slick-slide {
    height: auto;
    line-height: 0;
}
.slick-slide:active,
.slick-slide:focus {
    outline: 0;
}
.full_slider {
    position: relative;
}
.full_slider:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 9991;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff url(../images/loading.svg) no-repeat center;
    background-size: 3rem;
}
.full_slider.ready:after {
    display: none;
}
.full_slider > .slick-arrow {
    left: 1rem;
    line-height: 1;
    visibility: hidden;
}
.full_slider > .slick-arrow.slick-next {
    right: 1rem;
}
.full_slider > .slick-arrow > span {
    font-size: 3.5rem;
    line-height: 1;
    color: rgba(146, 147, 148, 0.85);
}
.full_slider:hover > .slick-arrow {
    visibility: visible;
}
.slick-arrow {
    position: absolute;
    top: 50%;
    left: -4.5rem;
    display: block;
    width: 3rem;
    height: 3rem;
    margin-top: -1.5rem;
    padding: 0;
    line-height: 2rem;
    color: #fff;
    z-index: 9990;
    outline: 0;
    background: 0 0;
    cursor: pointer;
    font-size: 1.5rem;
}
.slick-arrow > span {
    font-size: 3.5rem;
    line-height: 1;
}
.slick-arrow.slick-next {
    left: auto;
    right: -4.5rem;
}
.carousel > .slick-arrow {
    color: #58595b;
}
.carousel.light .slick-arrow {
    color: #333;
    border-color: #333;
}
.carousel.match_height > .slick-list > .slick-track {
    -webkit-display: inline-flex;
    -moz-display: inline-flex;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    min-width: 100%;
}
.carousel.match_height > .slick-list > .slick-track > .slick-slide {
    height: auto;
}
.carousel.match_height > .slick-list > .slick-track > .slick-slide > div {
    height: 100%;
}
.carousel.match_height > .slick-list > .slick-track > .slick-slide > div > .slick-slide-item {
    height: 100%;
}
.slick-dots {
    position: absolute;
    bottom: 3%;
    left: 50%;
    margin: 0;
    padding: 0;
    width: auto;
    line-height: 0;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.slick-dots > li {
    padding: 0.5rem 0.7rem;
}
.slick-dots > li > button {
    background: #1175bc;
    border-color: #1175bc;
    width: 1.25rem;
    height: 1.25rem;
}
.slick-dots > li.slick-active > button,
.slick-dots > li > button:hover {
    background: #3ab54a;
    border-color: #3ab54a;
}
.match_height_slider > .slick-list {
    height: 100%;
}
@media screen and (min-width: 1025px) {
    .carousel-2_2,
    .carousel-3 {
        width: auto;
        height: 40vh;
        opacity: 0;
        margin: 0 -1.5rem 3rem;
    }
    .carousel-2_2 .slick-slide,
    .carousel-3 .slick-slide {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }
    .carousel-2_2 > .slick-arrow,
    .carousel-3 > .slick-arrow {
        left: -3rem;
    }
    .carousel-2_2 > .slick-next,
    .carousel-3 > .slick-next {
        left: auto;
        right: -3rem;
    }
    .carousel-2_2 > .slick-arrow {
        margin-top: -5rem;
    }
}
@media screen and (max-width: 1300px) and (min-width: 768px) {
    .carousel-2_2,
    .carousel-3 {
        width: auto;
        height: 40vh;
        opacity: 0;
        margin: 0 -1.5rem 3rem;
        padding: 0 3rem;
    }
    .carousel-2_2 .slick-slide,
    .carousel-3 .slick-slide {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }
    .carousel-2_2 > .slick-arrow,
    .carousel-3 > .slick-arrow {
        left: 0;
    }
    .carousel-2_2 > .slick-next,
    .carousel-3 > .slick-next {
        left: auto;
        right: 0;
    }
}
@media screen and (max-width: 767px) {
    .slick-arrow > span {
        font-size: 2rem;
    }
    .full_slider > .slick-arrow {
        visibility: visible;
    }
    .full_slider > .slick-arrow > span {
        font-size: 1.5rem;
    }
    .carousel > .slick-arrow {
        left: -1.5rem;
        margin-top: -1rem;
    }
    .carousel > .slick-arrow > span {
        font-size: 2rem;
    }
    .carousel > .slick-next {
        left: auto;
        right: -1.5rem;
    }
    .carousel-2_2,
    .carousel-3 {
        width: auto;
        height: 40vh;
        opacity: 0;
        margin: 0 -2.5rem 0;
    }
    .carousel-2_2 .slick-slide,
    .carousel-3 .slick-slide {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }
    .carousel-2_2 > .slick-arrow,
    .carousel-3 > .slick-arrow {
        left: 0;
        margin-top: -3rem;
    }
    .carousel-2_2 > .slick-arrow > span,
    .carousel-3 > .slick-arrow > span {
        font-size: 2rem;
    }
    .carousel-2_2 > .slick-next,
    .carousel-3 > .slick-next {
        left: auto;
        right: 0;
    }
}
.select2-container {
    min-width: 100%;
    max-width: 100%;
}
.select2-container .select2-selection--single {
    border: 0.5px solid #d6d6d6;
    outline: 0;
    margin: 0;
    height: 4rem;
    width: 100%;
    text-transform: none;
    box-shadow: none;
    background: #fff;
    border-radius: 0.5em;
    padding-top: 0.5em;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    font-family: inherit;
    color: #333;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
}
.select2-container .select2-selection--single .select2-selection__arrow {
    height: 100%;
}
select.select2-hidden-accessible.fr_error + .fr_error {
    position: absolute;
    z-index: 9;
    left: 0;
    bottom: 0;
}
select.select2-hidden-accessible.fr_error ~ .select2 {
    margin-bottom: 1.4em;
}
html {
    height: 100%;
    font-size: 10px;
}
body {
    height: 100%;
    font-size: 1.667rem;
    line-height: 1.5;
    color: #333;
    font-weight: 400;
    font-family: Gilroy, sans-serif;
    background: #fff;
}
body.noscroll {
    overflow: hidden;
}
.container {
    width: 100%;
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}
.slider_container {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 45px;
    position: relative;
    overflow: hidden;
}
.container_md {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}
.container_sm {
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}
.container_xs {
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}
.layout {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 100%;
    flex-flow: column nowrap;
    align-items: stretch;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.layout.pc_device {
    min-width: 1290px;
}
#app-footer,
#app-header,
#nav,
#top {
    flex-shrink: 0;
}
#main {
    flex-grow: 1;
    z-index: 99;
    overflow: hidden;
    padding: 0;
}
@media screen and (max-width: 767px) {
    html {
        font-size: 10px;
    }
    body {
        padding-top: 55px;
    }
    #main {
        padding: 1.5rem 0;
    }
    .xs_container_full {
        padding: 0;
    }
    .slider_container {
        padding: 0;
    }
}
@media screen and (min-width: 768px) {
    .main-content {
        width: 100%;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .main-content > .main-lf {
        width: 68%;
    }
    .main-content > .main-rt {
        width: 28%;
    }
}
#top {
    background: #231f20;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 400;
    height: 40px;
}
#top > .container {
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}
#top > .container > .menu_top {
    width: 25%;
}
#top > .container > .menu_top > li:first-child {
    margin-left: 0;
    text-align: center;
    flex-grow: 1;
}
#top > .container > .notify {
    width: 50%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}
marquee {
    max-width: 420px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 1;
}
@media screen and (min-width: 1700px) {
    #top {
        font-size: 0.7rem;
    }
    #top > .container > .menu_top {
        width: 25%;
    }
    #top > .container > .notify {
        width: 50%;
        text-align: center;
    }
}
@media screen and (max-width: 1024px) {
    #top > .container > .menu_top {
        width: 280px;
    }
    #top > .container > .notify {
        width: calc(100% - 280px);
        text-align: left;
    }
}
@media screen and (max-width: 767px) {
    #top {
        position: fixed;
        width: 100%;
        top: -50%;
        z-index: 99999;
    }
    #dr_account {
        display: none;
        position: fixed;
        z-index: 99999;
        top: 50%;
        left: 50%;
        width: 80%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    #dr_account > .dropdown {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    #dr_account.active {
        display: block;
    }
}
#app-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    background: #fff;
    padding: 0;
    min-height: 125px;
    width: 100%;
    z-index: 999;
    top: 0;
    position: relative;
    left: 0;
}
#app-header > .container {
    align-items: center;
    height: auto;
}
#app-header > .container > .flex_row {
    align-items: center;
    flex-flow: row nowrap;
}
#app-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 86px;
    -webkit-box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
    -moz-box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
    box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -ms-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.logo {
    margin: 0;
    text-align: left;
}
.logo-img {
    width: 100%;
    display: block;
    max-width: 110px;
    margin: 0;
}
.info_header {
    flex-flow: row nowrap;
    align-items: center;
}
.info_header > .item {
    margin: 0 0.5rem;
}
.info_header > .item:first-child {
    margin-left: 0;
}
.info_header > .item:last-child {
    margin-right: 0;
}
.info_header > .item#search-ico {
    margin-top: -1px;
}
.bor_contact {
    font-size: 1.45rem;
    font-family: Gilroy-medium, sans-serif;
}
@media screen and (min-width: 768px) {
    #app-header.fixed {
        min-width: 1290px;
    }
    .header_row {
        flex-flow: row nowrap;
    }
    .header_row > .col_lf {
        flex-shrink: 0;
    }
    .header_row > .col_rt {
        flex-shrink: 0;
    }
    .header_row > .col_ct {
        flex-grow: 1;
        width: auto;
        padding: 0 2%;
    }
    .bor_contact {
        padding: 0.5rem;
        border-radius: 8rem;
        border: 1px solid #58595b;
        align-items: flex-start;
    }
    .bor_contact > a {
        border-right: 1px solid;
        padding: 0 1rem;
    }
    .bor_contact > a:first-child {
        padding-left: 0;
    }
    .bor_contact > a:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
    }
}
@media screen and (max-width: 767px) {
    #app-header {
        height: 55px;
        min-height: 55px;
        position: fixed;
        z-index: 9990;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
        -moz-box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
        box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
    }
    .site_desc {
        display: none;
    }
    .logo-img {
        width: auto;
        max-width: unset;
        margin-top: 0;
        height: 43px;
    }
    .bor_contact {
        position: relative;
        top: -1px;
    }
    .bor_contact > a {
        margin: 0 0.5rem;
        width: 2.3rem;
    }
    .bor_contact > a:first-child {
        margin-left: 0;
    }
    .bor_contact > a:last-child {
        margin-right: 0;
    }
}
#nav {
    background: 0 0;
    height: auto;
    position: relative;
    z-index: 8000;
}
.menu-lst {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    height: 100%;
    min-height: 80px;
    align-items: stretch;
    justify-content: space-around;
}
.menu-lst > li {
    display: block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    padding: 0 3px;
}
.menu-lst > li a {
    color: #1175bc;
    font-family: Gilroy-bold, sans-serif;
    font-size: 2rem;
    line-height: 1.5;
    display: block;
    padding: 0.75rem 0.5rem;
    text-transform: uppercase;
    border-radius: 0;
}
.menu-lst > li > .sub-menu {
    display: none;
}
.menu-lst > li > .sub-menu > li a {
    font-size: 1.5rem;
    text-transform: capitalize;
}
.menu-lst > li > .sub-menu > li > .sub-menu {
    display: none;
}
.menu-lst > li > .sub-menu > li > .sub-menu > li > .sub-menu {
    display: none;
}
.menu-lst li.active > a,
.menu-lst li:hover > a {
    color: #3ab54a;
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .nav_hd {
        display: none;
    }
    .menu-lst > li:hover > .sub-menu,
    .menu-lst > li > .sub-menu > li:hover > .sub-menu,
    .menu-lst > li > .sub-menu > li > .sub-menu > li:hover > .sub-menu{
        display: block;
    }
    .menu-lst > li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }
    .menu-lst > li:first-child > a {
        padding-left: 0;
    }
    .menu-lst > li > .sub-menu {
        z-index: 99;
        width: 220px;
        position: absolute;
        left: 50%;
        top: 100%;
        background: #1175bc;
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        -webkit-box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
        -moz-box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
        box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
    }
    .menu-lst > li > .sub-menu a {
        color: #fff;
    }
    .menu-lst > li > .sub-menu:before {
        content: "";
        display: block;
        border-bottom: 0.7rem solid #1175bc;
        border-left: 0.7rem solid transparent;
        border-right: 0.7rem solid transparent;
        position: absolute;
        top: 0;
        left: 50%;
        -ms-transform: translate(-50%, -100%);
        -webkit-transform: translate(-50%, -100%);
        -moz-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    .menu-lst > li > .sub-menu > li.menu-item-has-children > a {
        position: relative;
    }
    .menu-lst > li > .sub-menu > li.menu-item-has-children > a:before {
        content: "";
        display: block;
        border-right: 0.7rem solid #3ab54a;
        border-top: 0.7rem solid transparent;
        border-bottom: 0.7rem solid transparent;
        position: absolute;
        top: 50%;
        right: 0;
        opacity: 0;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .menu-lst > li > .sub-menu > li.active > a,
    .menu-lst > li > .sub-menu > li:hover > a {
        background: #2688d1;
    }
    .menu-lst > li > .sub-menu > li:hover > a:before {
        opacity: 1;
    }
    .menu-lst > li > .sub-menu > li > .sub-menu,
    .menu-lst > li > .sub-menu > li > .sub-menu > li > .sub-menu{
        position: absolute;
        z-index: 99;
        width: 220px;
        min-height: 100%;
        left: 99%;
        top: 0;
        background: #3ab54a;
        -webkit-box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
        -moz-box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
        box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
    }
    .menu-lst > li > .sub-menu > li > .sub-menu > li.active > a,
    .menu-lst > li > .sub-menu > li > .sub-menu > li:hover > a {
        background: #36c749;
    }
    .sub-menu > li {
        border-bottom: 1px solid #e8e8e8;
    }
    .sub-menu > li > a {
        text-align: left;
    }
    #nav_right {
        width: auto;
    }
}
@media screen and (max-width: 767px) {
    #nav {
        border: none;
        display: none;
        padding: 0 1.5rem;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        z-index: 9991;
        background: #1175bc;
    }
    #nav.active {
        display: block;
    }
    #nav > .nav_hd {
        width: auto;
        margin: 0 -1.5rem;
        background: #fff;
        height: 55px;
        align-items: center;
        padding: 0 1.5rem;
        flex-flow: row nowrap;
    }
    #nav > .nav_hd > .logo {
        width: auto;
    }
    #nav > .nav_hd > .btn_menu {
        border: none;
    }
    #main-menu {
        height: auto;
        display: block;
        text-align: center;
    }
    #main-menu a {
        color: #fff;
    }
    #main-menu li {
        width: 100%;
        text-align: center;
        border-top: 1px solid #fff;
        position: relative;
    }
    #main-menu li.active > a,
    #main-menu li:hover > a {
        color: #3ab54a;
        text-decoration: none;
    }
    #main-menu > li:first-child {
        border-top: none;
    }
    #main-menu > li > .sub-menu > li.active > a,
    #main-menu > li > .sub-menu > li:hover > a {
        color: #fff;
    }
    #main-menu > li > .sub-menu > li.active > a:hover,
    #main-menu > li > .sub-menu > li:hover > a:hover {
        background: #2688d1;
    }
    #main-menu > li > .sub-menu > li > .sub-menu {
        background: #3ab54a;
    }
    #main-menu > li > .sub-menu > li > .sub-menu > li.active > a,
    #main-menu > li > .sub-menu > li > .sub-menu > li:hover > a {
        color: #fff;
    }
    #main-menu > li > .sub-menu > li > .sub-menu > li.active > a:hover,
    #main-menu > li > .sub-menu > li > .sub-menu > li:hover > a:hover {
        background: #36c749;
    }
    #main-menu .sub-menu {
        background: #2688d1;
    }
    #main-menu .but-sub {
        position: absolute;
        display: block;
        right: 0;
        top: 0.5em;
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        text-align: center;
        -ms-transition: transform ease-in 0.3s;
        -webkit-transition: transform ease-in 0.3s;
        -moz-transition: transform ease-in 0.3s;
        transition: transform ease-in 0.3s;
    }
    #main-menu .but-sub > .ico {
        color: #fff;
        font-size: 1.5rem;
    }
    #main-menu .but-sub.active {
        -ms-transform: rotateZ(180deg);
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
}
.main_image {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
    height: 240px;
}
.main_image:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.29) 46%, rgba(0, 0, 0, 0.3) 47%, rgba(0, 0, 0, 0.49) 71%, rgba(0, 0, 0, 0.5) 72%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.29) 46%, rgba(0, 0, 0, 0.3) 47%, rgba(0, 0, 0, 0.49) 71%, rgba(0, 0, 0, 0.5) 72%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.29) 46%, rgba(0, 0, 0, 0.3) 47%, rgba(0, 0, 0, 0.49) 71%, rgba(0, 0, 0, 0.5) 72%, rgba(0, 0, 0, 0.7) 100%);
}
.main_image.no_overlay:before {
    display: none;
}
.main_image > .container {
    position: relative;
    text-align: left;
    z-index: 99;
    color: #fff;
}
.main_image.right > .container {
    text-align: right;
}
.main_tax {
    margin-bottom: 7vh;
    max-height: 420px;
}
.main_image-ct {
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    max-width: 565px;
    padding: 0 50px;
    width: 100%;
    text-align: left;
}
.main_image-ct > .title {
    color: #fff;
    font-size: 2.15rem;
    margin: 0 0 0.3rem;
}
.main_image-ct.dark {
    font-size: 1.15rem;
    color: #333;
    width: 60%;
}
.main_image-ct.dark > .title {
    font-size: 3.75rem;
    color: #333;
}
a.main_image-ct:hover {
    opacity: 0.7;
}
@media screen and (min-width: 1025px) {
    .main_image {
        height: 50vh;
    }
    .main_tax {
        height: 60vh;
    }
}
@media screen and (max-width: 767px) {
    .main_image {
        height: auto;
        min-height: 30vh;
    }
    .main_image:before {
        background: rgba(0, 0, 0, 0.5);
    }
    .main_tax {
        height: auto;
    }
    .main_tax:after {
        content: "";
        display: block;
        position: absolute;
        z-index: 9;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(102, 102, 102, 0.8);
    }
    .main_image-ct {
        padding: 3rem 1rem;
    }
    .main_image-ct.dark {
        width: 100%;
        color: #fff;
    }
    .main_image-ct.dark > .title {
        color: #fff;
    }
}
.wid {
    margin: 1rem 0 3rem;
}
.wid:first-child {
    margin-top: 0;
}
.wid > .wid-tit {
    font-size: 2.8rem;
    line-height: 1.2;
    margin: 0 0 2rem;
    text-align: left;
    text-transform: uppercase;
    color: #20ce5d;
    border-bottom: 0.4rem solid #1175bc;
    padding: 0 0 0.7rem;
    width: 100%;
}
.wid > .wid-tit > .ico {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5rem 0 0;
    font-size: 0.85rem;
    color: #fff;
}
.wid > .wid-ct {
    padding: 0.7rem 0.7rem 0 0.7rem;
}
.wid > .wid-ct > .hv_opacity {
    background: 0 0;
}
.banner_wid {
    margin: 0 0 3rem;
}
.banner_wid > .wid-ct {
    padding: 0;
    margin-bottom: 0;
    border-radius: 0.5rem 0.5rem 0 0;
}
.most_term_wid > .wid-ct {
    background: #f2f2f2;
    padding-bottom: 0.7rem;
    border-radius: 1rem;
}
@media screen and (min-width: 1025px) {
    #home-sidebar .banner_wid {
        margin: 0;
    }
    #home-sidebar .banner_wid > .wid-ct {
        background: #f2f2f2;
        padding: 1rem;
    }
    #most-view-term-wid > .wid-tit {
        font-size: 2.7rem;
    }
}
@media screen and (max-width: 767px) {
    .sidebar {
        margin-top: 3rem;
    }
    .wid > .wid-tit {
        font-size: 2.3rem;
        border-width: 2px;
    }
    .wid > .wid-tit.inline_border {
        display: block;
        width: 100%;
    }
    .banner_wid {
        margin: 0 0 1.5rem;
    }
}
.ft_tit {
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 2rem;
}
.landing_page {
    font-size: 1.2rem;
    line-height: 1.1;
}
.landing_page > img {
    width: 3.5rem;
}
.ft_social_row {
    margin: 0 0 2rem;
    align-items: center;
}
.ft_social_row > .col_lf {
    margin-right: 1.5rem;
}
.social_lst {
    flex-flow: row nowrap;
    align-items: center;
}
.social_lst > .item {
    display: inline-block;
    margin: 0 1.25rem;
}
.social_lst > .item > .ico {
    font-size: 3rem;
}
.social_lst > .item:first-child {
    margin-left: 0;
}
.social_lst > .item:last-child {
    margin-right: 0;
}
.ft_pages > li {
    margin: 0 0 1rem;
}
.ft_pages > li:before {
    content: "-";
    display: inline-block;
    margin-right: 5px;
}
.certify {
    display: inline-block;
}
.certify > img {
    max-width: 156px;
    margin: 1.5rem 0 0;
    display: block;
}
.bot_footer {
    margin: 3rem 0 0;
    border-top: 1px solid #fff;
    padding: 2.5rem 0;
}
.bot_footer_row > .col_rt {
    text-align: right;
}
.bot_footer_row span {
    padding: 0 2rem;
}
.bot_footer_row span:last-child {
    padding-right: 0;
}
.bot_footer_row span:first-child {
    padding-left: 0;
}
#app-footer {
    background: #959595;
    color: #bababa;
    padding: 3rem 0 0;
    margin: 7rem 0 0;
    font-size: 1.25rem;
    color: #fff;
}
#app-footer p {
    margin-bottom: 1.4rem;
}
#app-footer a {
    color: #fff;
}
#app-footer a:hover {
    opacity: 0.85;
}
#app-footer .ico {
    color: #fff;
}
@media screen and (min-width: 1025px) {
    .footer_row {
        align-items: stretch;
    }
    .footer_row > .col_ct {
        padding: 0 1%;
        min-width: 32%;
    }
    .footer_row > .col_rt {
        flex-flow: column nowrap;
        justify-content: space-between;
    }
}
@media screen and (max-width: 767px) {
    .footer_row > .col_ct,
    .footer_row > .col_lf,
    .footer_row > .col_rt {
        width: 100%;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        margin: 0 0 3rem;
    }
    .ft_tit {
        width: 100%;
        text-align: center;
    }
    .ft_pages {
        text-align: center;
    }
    .bot_footer_row > .col_lf,
    .bot_footer_row > .col_rt {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    .bot_footer {
        padding-bottom: 10rem;
    }
}
.breadcrumb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    align-items: center;
    width: 100%;
    margin: 0 0;
    padding: 0;
}
.breadcrumb.top_shadow {
    padding-top: 3px;
}
.breadcrumb.top_shadow:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    -webkit-box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
    -moz-box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
    box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
}
.breadcrumb > .brc_inner {
    width: 100%;
}
.lst_bread > li {
    display: inline-block;
    position: relative;
    padding: 0 25px 0 0;
    margin: 0 10px 0 0;
    font-size: 1rem;
    font-weight: 400;
}
.lst_bread > li:first-child {
    padding-left: 0;
}
.lst_bread > li:last-child:after {
    display: none;
}
.lst_bread > li:after {
    content: ">";
    display: inline-block;
    position: absolute;
    right: 0;
    width: 10px;
    line-height: 1.7;
    color: #999;
}
.lst_bread > li > span {
    color: #959595;
}
.lst_bread > li > a {
    color: #959595;
}
.lst_bread > li > a:hover {
    color: #3ab54a;
}
.pop-search {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 2rem 0;
    background: #f2f2f2;
    -webkit-box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
    -moz-box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
    box-shadow: 2.121px 2.121px 5.58px 0.42px rgba(40, 40, 40, 0.2);
}
.pop-search.active {
    display: block;
    -ms-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -ms-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -ms-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.search_fr {
    max-width: 900px;
    margin: 0 auto;
}
.search_fr.highlight {
    margin: 2rem 0 1rem;
}
.search_fr.highlight > .ite_search {
    color: #fff;
}
.search_fr.highlight > .ite_search > .ico {
    font-size: 2.3rem;
    color: #fff;
}
.search_fr.highlight > .ite_search > input {
    background: #2688d1;
    border: none;
    color: #fff;
}
.search_fr.highlight > .ite_search > input::placeholder {
    color: #fff;
}
.meta.author_info {
    align-items: flex-end;
    flex-flow: row nowrap;
    line-height: 1;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    color: #959595;
}
.meta.author_info > .item.date {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    align-items: flex-end;
}
@media screen and (max-width: 767px) {
    .meta.author_info {
        margin-top: 1rem;
        font-size: 1.25rem;
    }
}
.top_post {
    flex-flow: row nowrap;
    height: 100%;
}
.top_post > .col_lf {
    width: 60.84%;
    flex-shrink: 0;
    margin-right: 4.33%;
}
.top_post > .col_rt {
    width: auto;
    flex-grow: 1;
}
.top_post > .top_post-ct > .tit {
    font-size: 2.9rem;
    margin: 0 0 1em;
}
.top_post > .top_post-ct > .desc {
    text-align: justify;
    font-family: Gilroy-medium, sans-serif;
}
.top_post.home_top_post > .top_post-ct > .desc {
    text-align: justify;
    font-size: 1.67rem;
    color: #333;
    font-family: Gilroy-medium, sans-serif;
}
.top_post-fig {
    display: block;
    height: 100%;
}
.top_post-fig > .fig {
    height: 100%;
    padding: 0;
}
.top_sub_post {
    margin: 0 0 3.5rem;
}
.top_sub_post > .tit {
    font-size: 2.9rem;
    margin: 0 0 0.5em;
}
.top_sub_post > .desc {
    text-align: justify;
    font-family: Gilroy-medium, sans-serif;
}
.top_sub_post:last-child {
    margin-bottom: 0;
}
.top_post.news_post > .col_lf {
    width: 52%;
}
@media screen and (max-width: 767px) {
    .top_sub_post {
        margin: 0 0 1.5rem;
    }
    .top_sub_post > .tit {
        font-size: 1.72rem;
    }
    .top_sub_post > .desc {
        font-size: 1.15rem;
    }
    .top_post > .top_post-ct > .tit {
        font-size: 2rem;
    }
    .top_post > .top_post-ct > .desc {
        font-size: 13px !important;
    }
}
.ver_top_post > .ct {
    padding: 1.5rem 1rem 0;
}
.ver_top_post > .ct > .tit {
    font-size: 2.5rem;
    margin: 0 0 1.5rem;
}
.ver_top_sub_post {
    margin-top: 3rem;
}
.ver_top_sub_post > .tit {
    font-size: 2rem;
    margin: 1.5rem 0 0;
    text-transform: uppercase;
}
.ver_top_sub_post:first-child {
    margin-top: 0;
}
.hl_post {
    margin: 0;
}
.hl_post > .tit {
    font-size: 2.5rem;
    margin: 0.6em 0;
}
.hl_post > .desc {
    text-align: justify;
    font-family: Gilroy-medium, sans-serif;
}
@media screen and (max-width: 767px) {
    .hl_post {
        margin: 0 0 1.5rem;
    }
    .hl_post > .tit {
        font-size: 1.72rem;
        margin: 0.6em 0;
        padding: 0 0.5rem;
    }
    .hl_post > .desc {
        font-size: 1.15rem;
        padding: 0 0.5rem;
    }
}
.hoz_post {
    flex-flow: row nowrap;
    margin: 0 0 2.5rem;
}
.hoz_post > .col_lf {
    width: 45%;
    flex-shrink: 0;
    margin-right: 5%;
}
.hoz_post > .col_rt {
    width: auto;
    flex-grow: 1;
    padding: 0;
}
.hoz_post > .hoz_post-ct > .tit {
    font-size: 2rem;
    margin: 0 0 0.5rem;
}
.hoz_post > .hoz_post-ct > .desc {
    font-size: 1.25rem;
}
.hoz_post.relate_ct > .hoz_post-ct > .tit {
    font-size: 2.5rem;
    margin: 0 0 0.5em;
}
.hoz_post.relate_ct > .hoz_post-ct > .desc {
    font-size: 1.67rem;
}
.hoz_post.news_post > .col_lf {
    width: 45%;
}
.hoz_post.news_post > .hoz_post-ct > .tit {
    font-size: 1.9rem;
}
@media screen and (max-width: 767px) {
    .hoz_post.relate_ct > .hoz_post-ct > .tit {
        font-size: 2rem;
        margin: 0;
    }
    .hoz_post.relate_ct > .hoz_post-ct > .desc {
        display: none;
    }
    .hl_post_cate {
        padding: 2rem 0;
    }
    .hl_post_cate > .reset-width {
        width: 100% !important;
    }
    .hl_post_cate > .reset-width > .image_header_post {
        margin-bottom: 0;
    }
    .hl_post_cate_item {
        flex-flow: column nowrap;
        margin: 1rem 0 0;
    }
    .hl_post_cate_item > .col_lf {
        width: 100%;
        margin: 0 0 1rem;
    }
    .hl_post_cate_item > .col_rt {
        width: 100%;
    }
    .hl_post_cate_item > .col_rt > .tit {
        font-size: 1.72rem;
    }
    .hl_post_cate_item > .col_rt > .desc {
        display: none;
    }
}
.book {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    flex-flow: column nowrap;
    margin: 0 auto;
    line-height: 1.3;
    text-align: center;
    justify-content: space-between;
}
.book > .ct {
    padding: 0 1.5rem 1rem;
    flex-grow: 1;
}
.book > .ct > .sm_tit {
    font-family: Gilroy-medium, sans-serif;
    margin: 1.5rem auto 1rem;
}
.book:hover {
    box-shadow: 0 0 1px 1px #eee;
}
.book:hover .add_to_cart {
    opacity: 0.95;
}
.book:hover .add_to_cart > .txt {
    animation-name: fadeInUp;
    animation-duration: 0.5s;
}
.book > .over_lnk {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    overflow: hidden;
    text-indent: -9999px;
}
.book_meta {
    flex-flow: row wrap;
    justify-content: center;
}
.book_meta > .cate_lnks {
    font-size: 1.25rem;
}
.book_price {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 1rem;
    height: auto;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-end;
}
.fig_book {
    position: relative;
    flex-shrink: 0;
    display: block;
    padding-top: 88%;
    overflow: hidden;
}
.fig_book.waiting:before {
    z-index: 9991;
}
.fig_book > .fig {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    top: 0;
    padding-top: 0;
    background: #f2f2f2;
    border-radius: 0;
}
.fig_book > .product_label {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
}
.fig_book > .add_to_cart {
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    bottom: 0;
    top: 0;
    background-color: #f2f2f2;
    font-family: Gilroy-bold, sans-serif;
    font-size: 1.67rem;
    line-height: 1.2;
    color: #464646;
    opacity: 0;
}
.fig_book > .add_to_cart > .ico {
    font-size: 3.6rem;
    color: #3ab54a;
    margin: 0 0 0.7rem;
}
.book_ct {
    flex-flow: column nowrap;
    justify-content: space-between;
}
.fig_book_hv:hover > .fig {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
@media screen and (max-width: 767px) {
    .book > .book_ct > .sm_tit {
        font-size: 1rem;
        margin: 0.5rem 0;
    }
    .book > .book_ct > .book_meta > .cate_lnks {
        font-size: 0.85rem;
    }
    .book > .book_ct > .price {
        font-size: 1.5rem;
        margin-top: 0.5rem;
    }
    .book.in_slider > .fig_book > .product_label {
        font-size: 1rem;
    }
    .book.in_slider > .fig_book > .product_label.gift_lb {
        width: 4rem;
    }
    .book.in_slider > .book_ct > .sm_tit {
        font-size: 1rem;
        margin: 0.5rem 0;
    }
    .book.in_slider > .book_ct > .book_meta > .cate_lnks {
        font-size: 0.85rem;
    }
    .book.in_slider > .book_ct > .price {
        font-size: 1rem;
        margin-top: 0.5rem;
    }
    .fig_book {
        width: 80%;
        padding-top: 70%;
        margin: 0 auto;
    }
}
.hoz_product {
    flex-flow: row nowrap;
    margin: 0 0 1.5rem;
}
.hoz_product > .col_lf {
    background: #fff;
    width: 45%;
    flex-shrink: 0;
    margin-right: 5%;
    padding: 1rem;
}
.hoz_product > .col_rt {
    width: auto;
    flex-grow: 1;
}
.hoz_product > .hoz_product-ct {
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
}
.hoz_product > .hoz_product-ct > .tit {
    font-family: Gilroy-medium, sans-serif;
    font-size: 2rem;
    margin: 0 0 0.5rem;
}
.hoz_product > .hoz_product-ct > .price {
    flex-shrink: 0;
    flex: initial;
    margin: 0;
}
.hoz_product:hover .add_to_cart {
    opacity: 0.95;
}
.hoz_product:hover .add_to_cart > .txt {
    animation-name: fadeInUp;
    animation-duration: 0.5s;
}
.hoz_product.s_small > .hoz_product-fig > .product_label {
    font-size: 1.25rem;
}
.hoz_product.s_small > .hoz_product-fig > .add_to_cart {
    font-size: 1.25rem;
}
.hoz_product.s_small > .hoz_product-fig > .add_to_cart > .ico {
    font-size: 2.5rem;
}
.hoz_product.s_small > .hoz_product-ct {
    justify-content: flex-start;
}
.hoz_product.s_small > .hoz_product-ct > .sm_tit {
    font-size: 1.25rem;
}
.hoz_product.s_small > .hoz_product-ct > .book_meta > .cate_lnks {
    font-size: 1rem;
}
.hoz_product.s_small > .hoz_product-ct > .price {
    font-size: 2rem;
}
.hoz_product-fig {
    position: relative;
    border-radius: 0;
}
.hoz_product-fig > .product_label {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
}
.hoz_product-fig > .add_to_cart {
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    bottom: 0;
    top: 0;
    background-color: #f2f2f2;
    font-family: Gilroy-bold, sans-serif;
    font-size: 1.67rem;
    line-height: 1.2;
    color: #464646;
    opacity: 0;
}
.hoz_product-fig > .add_to_cart > .ico {
    font-size: 3.6rem;
    color: #3ab54a;
    margin: 0 0 0.7rem;
}
@media screen and (max-width: 767px) {
    .hoz_product > .col_lf {
        width: 30%;
    }
    .hoz_product > .hoz_product-ct > .sm_tit,
    .hoz_product > .hoz_product-ct > .tit {
        font-size: 1.25rem;
    }
    .hoz_product > .hoz_product-ct > .price {
        font-size: 1.67rem;
    }
}
.step_post {
    flex-flow: row nowrap;
    align-items: center;
    padding: 0.5rem 1rem;
    margin: 1.5rem auto 0;
    background: #f2f2f2;
    border-radius: 1rem;
    -ms-transition: box-shadow ease-in 0.3s;
    -webkit-transition: box-shadow ease-in 0.3s;
    -moz-transition: box-shadow ease-in 0.3s;
    transition: box-shadow ease-in 0.3s;
}
.step_post:first-child {
    margin-top: 0;
}
.step_post > .step {
    flex-shrink: 0;
    font-family: Gilroy-bold, sans-serif;
    font-size: 6.25rem;
    line-height: 1;
    color: #1175bc;
    width: 1.2em;
    text-align: center;
    padding-right: 1rem;
    margin-right: 1rem;
}
.step_post > .txt {
    font-family: Gilroy-medium, sans-serif;
    color: #57585b;
    flex-grow: 1;
    width: auto;
}
.step_post:hover {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 2px 4px 6px 0 #0000003d;
    box-shadow: 2px 4px 6px 0 #0000003d;
}
@media screen and (max-width: 767px) {
    .step_post > .step {
        font-size: 4rem;
    }
}
.hot_video > .tit {
    font-size: 3rem;
    margin: 0.5em 0 0.7rem;
}
.video_player {
    position: relative;
    padding-top: 56.25%;
    background: #231f20;
}
.video_player > iframe,
.video_player > img,
.video_player > video {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .hot_video.top_hot_video > .video_player {
        width: auto;
        margin: 0 -15px;
    }
    .hot_video > .tit {
        font-size: 1.72rem;
    }
}
.hoz_video {
    flex-flow: row nowrap;
    margin: 0 0 2.5rem;
}
.hoz_video > .col_lf {
    width: 45%;
    flex-shrink: 0;
    margin-right: 5%;
}
.hoz_video > .col_rt {
    width: auto;
    flex-grow: 1;
}
.hoz_video > .hoz_video-ct > .tit {
    font-size: 2rem;
    margin: 0 0;
}
@media screen and (max-width: 767px) {
    .hoz_video {
        margin: 1.5rem 0 0;
    }
    .hoz_video > .hoz_video-ct > .tit {
        font-size: 1.72rem;
    }
}
.resource_tool {
    background: #1175bc;
    padding: 1.5rem 2rem;
    border-radius: 1rem;
    color: #fff;
    margin-right: 3.5rem;
}
.tool_fr input {
    font-size: 1.25rem;
    height: 4rem;
    margin: 0 0 1rem;
    background: #fff;
    border-color: #fff;
}
.resource_hd {
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    margin: 0 0 2rem;
}
.resource_hd > .col_lf {
    flex-shrink: 0;
    width: 25%;
    max-width: 85px;
    margin-right: 2%;
}
.resource_hd > .col_lf > .fig {
    background: 0 0;
}
.resource_hd > .col_lf > .fig > img {
    object-fit: contain;
}
.resource_hd > .tit {
    font-family: Gilroy-bold, sans-serif;
    font-size: 3rem;
    color: #fff;
    line-height: 1;
    margin: 0;
}
.resource_ft {
    padding-left: 1.5rem;
    align-items: center;
    margin-top: 2rem;
}
.resource_ft > .tit {
    color: #fff;
    font-family: Gilroy-bold, sans-serif;
    line-height: 1.5;
    font-size: 1.5rem;
    margin: 0;
}
.resource_ft > .number {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 1;
}
@media screen and (max-width: 767px) {
    .resource_tool {
        padding: 1.5rem;
    }
    .resource_hd > .col_lf {
        max-width: 55px;
    }
    .resource_hd > .col_lf > .fig {
        background: 0 0;
    }
    .resource_hd > .tit {
        font-size: 2.3rem;
    }
    .resource_ft > .tit {
        font-size: 1.2rem;
    }
    .resource_ft > .number {
        font-size: 4rem;
    }
    .tool_fr > .ct > input {
        font-size: 1rem;
        height: 3rem;
    }
}
.image_header_post {
    margin: 0;
}
.image_header_post > .fig_header {
    position: relative;
}
.image_header_post > .fig_header > .tit {
    display: block;
    margin: 0;
    font-family: Gilroy-bold, sans-serif;
    font-size: 2rem;
    line-height: 1.3;
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 1.5rem;
    min-height: 8rem;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
}
.image_header_post > .fig_header > .set-fs {
    font-size: 2.5rem;
}
.image_header_post > .fig_header > .set-fs > .upper {
    text-transform: unset;
}
.image_header_post > .ct {
    padding: 1.5rem;
}
.image_header_post > .ct > .desc {
    text-align: justify;
    font-family: Gilroy-medium, sans-serif;
    line-height: 1.5;
    margin: 0 0 2rem;
}
.image_header_post > .ct > .meta {
    align-items: flex-end;
}
.image_header_post.new_post > .ct {
    padding-bottom: 1.5rem;
}
.figure_post {
    margin: 0 0 2rem;
}
.figure_post:last-child {
    margin-bottom: 0;
}
.figure_post > .fig_header {
    position: relative;
}
.figure_post > .fig_header > .ct {
    padding: 1.5rem;
    min-height: 8rem;
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
}
.figure_post > .fig_header > .ct > .tit {
    display: block;
    margin: 0;
    font-family: Gilroy-bold, sans-serif;
    font-size: 2rem;
    line-height: 1.3;
    color: #fff;
}
.figure_post > .fig_header > .ct > .meta {
    color: #fff;
    align-items: flex-end;
}
.hoz_news {
    flex-flow: row nowrap;
    margin: 0 0 2.5rem;
}
.hoz_news > .col_lf {
    width: 45%;
    flex-shrink: 0;
    margin-right: 5%;
}
.hoz_news > .col_rt {
    width: auto;
    flex-grow: 1;
    padding: 0 15px;
}
.hoz_news > .hoz_news-ct > .tit {
    font-size: 2rem;
    margin: 0 0 0.5rem;
}
.hoz_news > .hoz_news-ct > .desc {
    font-size: 1.25rem;
}
.hoz_news > .hoz_news-ct > .meta {
    color: #959595;
    align-items: flex-end;
}
.hoz_news > .tn-custom-content > .tit {
    font-size: 2.9rem;
    text-transform: unset;
    margin-bottom: 20px;
}
.hoz_news > .tn-custom-content > .desc {
    font-size: 19px;
    margin-bottom: 15px;
    font-family: Gilroy, sans-serif;
}
.hoz_news > .tn-custom-content > .meta > .date {
    font-family: Roboto, sans-serif;
    font-size: 13px;
}
.hoz_news > .tn-custom-content > .meta > .author {
    font-family: Roboto, sans-serif;
    font-size: 13px;
}
.custom-mg > .hoz_news {
    margin: 0 0 3.5rem;
}
.custom-mg > .hoz_news > .col_lf {
    width: 39%;
    margin-right: 1%;
}
@media screen and (max-width: 414px) {
    .custom-mg > .hoz_news {
        display: block;
        margin: 0 0 2.5rem;
    }
    .custom-mg > .hoz_news > .col_lf {
        width: 100%;
        margin-right: 0;
    }
    .custom-mg > .hoz_news > .tn-custom-content {
        padding: 15px 0 0;
    }
    .custom-mg > .hoz_news > .tn-custom-content > .tit {
        font-size: 2rem;
        margin-bottom: 10px;
    }
    .custom-mg > .hoz_news > .tn-custom-content > .desc {
        font-size: 1.3rem;
    }
    .custom-mg > .hoz_news > .tn-custom-content > .meta > .author {
        font-size: 13px;
    }
}
.top_news {
    flex-flow: row nowrap;
    margin: 0 0 1.5rem;
}
.top_news > .col_lf {
    width: 60.84%;
    flex-shrink: 0;
    margin-right: 0;
}
.top_news > .col_rt {
    width: auto;
    flex-grow: 1;
    padding: 20px 15px 20px 30px;
}
.top_news > .top_news-ct > .tit {
    font-size: 2.9rem;
    margin: 0 0 1em;
}
.top_news > .top_news-ct > .desc {
    text-align: justify;
    font-family: Gilroy, sans-serif;
    font-size: 19px;
}
.top_sub_news {
    flex-flow: row nowrap;
    margin: 0 0 1.5rem;
}
.top_sub_news > .col_lf {
    width: 35%;
    flex-shrink: 0;
    margin-right: 4%;
}
.top_sub_news > .col_rt {
    width: auto;
    flex-grow: 1;
    padding: 0;
}
.top_sub_news > .top_sub_news-ct {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
.top_sub_news > .top_sub_news-ct > .tit {
    font-size: 3rem;
    margin: 0 0 0.5rem;
}
.top_sub_news > .top_sub_news-ct > .desc {
    font-family: Gilroy, sans-serif;
    font-size: 19px;
    color: #333;
    margin: 1rem 0;
}
.top_sub_news > .top_sub_news-ct > .desc-fs {
    font-size: 13px;
    margin-bottom: 0;
}
.top_sub_news > .top_sub_news-ct > .meta {
    align-items: flex-end;
}
@media screen and (max-width: 414px) {
    .top_news {
        display: block;
        margin: 0 0 1rem;
    }
    .top_news > .col_lf {
        width: 100%;
        height: 280px;
    }
    .top_news > .top_news-ct {
        padding: 10px 0;
    }
    .top_news > .top_news-ct > .tit {
        margin: 0 0 0.5em;
        font-size: 20px;
    }
    .top_news > .top_news-ct > .desc {
        font-size: 13px;
    }
    .top_news-fig {
        height: 100% !important;
    }
    .top_news-fig > .reset-height {
        height: 100% !important;
    }
    .top_sub_news {
        margin: 0 0 1rem;
    }
    .top_sub_news > .top_sub_news-ct > .desc {
        font-size: 13px;
        margin-bottom: 0;
    }
}
.ver_tool {
    height: 100%;
    flex-flow: column nowrap;
    justify-content: space-between;
    padding: 2rem 2.5rem 2rem;
    background: #e6e6e6;
    border-radius: 1em;
}
.ver_tool > header {
    flex-shrink: 0;
}
.ver_tool > header > figure {
    display: block;
    width: 40%;
    max-width: 80px;
    margin-bottom: 1rem;
}
.ver_tool > header > .tit {
    font-size: 2.5rem;
    font-family: Gilroy-heavy, sans-serif;
    line-height: 1.3;
    margin: 0 0 0.5rem;
}
.ver_tool > header > .tag_line {
    font-family: Gilroy-medium, sans-serif;
    margin: 0.5rem 0 1.5rem;
    font-size: 1.43rem;
    font-style: italic;
}
.ver_tool > .desc {
    flex-grow: 1;
    font-size: 1.45rem;
}
.ver_tool > .bot {
    flex-shrink: 0;
    margin-top: 0.5em;
}
.ver_tool > .bot > .bt {
    width: 100%;
    font-size: 16.67px;
    height: 2.5em;
}
@media screen and (max-width: 767px) {
    .ver_tool {
        height: auto;
    }
    .ver_tool > header {
        position: relative;
        padding-left: 30%;
        min-height: 80px;
    }
    .ver_tool > header > figure {
        position: absolute;
        left: 0;
        width: 25%;
    }
    .ver_tool > header > .tag_line {
        margin-bottom: 1.5rem;
    }
}
.next_tool {
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 2rem;
    background: #eee;
    border-radius: 1em;
    max-width: 400px;
    margin: 0 auto;
}
.next_tool > .lf_col {
    width: 28%;
    flex-shrink: 0;
}
.next_tool > .lf_col > figure {
    margin-top: 1rem;
}
.next_tool > .rt_col {
    width: auto;
    flex-grow: 1;
    padding-left: 2rem;
}
.next_tool > .rt_col > header {
    flex-shrink: 0;
}
.next_tool > .rt_col > header > figure {
    display: block;
    width: 40%;
    max-width: 80px;
    margin-bottom: 1rem;
}
.next_tool > .rt_col > header > .tit {
    font-size: 2.5rem;
    font-family: Gilroy-heavy, sans-serif;
    line-height: 1.3;
    margin: 0 0 0.5rem;
}
.next_tool > .rt_col > header > .tag_line {
    font-family: Gilroy-medium, sans-serif;
    margin: 0.5rem 0 1.5rem;
    font-size: 1.43rem;
    font-style: italic;
}
.next_tool > .rt_col > .desc {
    flex-grow: 1;
    font-size: 1.45rem;
}
.next_tool > .rt_col > .bot {
    flex-shrink: 0;
    margin-top: 0.5em;
}
.next_tool > .rt_col > .bot > .bt {
    width: 100%;
    font-size: 16.67px;
    height: 2.5em;
}
.term_post {
    margin: 1rem 0 0;
}
.term_post:first-child {
    margin-top: 0;
}
.term_link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    align-items: flex-start;
    font-family: Gilroy-medium, sans-serif;
    font-size: 2.5rem;
    color: #333;
    border: 2px solid transparent;
    border-radius: 2em;
    padding: 0.3em 0.5em;
    line-height: 1.2;
}
.term_link:before {
    content: "●";
    display: inline-block;
    font-size: 0.7em;
    line-height: 1.5;
    margin-right: 1rem;
}
.term_link:hover {
    color: #1175bc;
    border-color: #1175bc;
}
@media screen and (max-width: 767px) {
    .term_post {
        margin-top: 0.5rem;
    }
    .term_link {
        font-size: 1.85rem;
    }
}
.most_term {
    flex-flow: row nowrap;
    align-items: center;
    padding: 0.5rem 1rem;
    margin: 1.5rem auto 0;
    background: #f2f2f2;
    border-radius: 1rem;
    -ms-transition: box-shadow ease-in 0.3s;
    -webkit-transition: box-shadow ease-in 0.3s;
    -moz-transition: box-shadow ease-in 0.3s;
    transition: box-shadow ease-in 0.3s;
}
.most_term:first-child {
    margin-top: 0;
}
.most_term > .ico {
    flex-shrink: 0;
    font-family: Gilroy-bold, sans-serif;
    font-size: 3rem;
    line-height: 1;
    color: #1175bc;
    width: 1.2em;
    text-align: center;
    padding-right: 1rem;
    margin-right: 1rem;
}
.most_term > .txt {
    font-family: Gilroy-medium, sans-serif;
    color: #57585b;
    flex-grow: 1;
    width: auto;
}
.most_term:hover {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 2px 4px 6px 0 #0000003d;
    box-shadow: 2px 4px 6px 0 #0000003d;
}
@media screen and (max-width: 767px) {
    .most_term > .step {
        font-size: 4rem;
    }
}
@media screen and (max-width: 767px) {
    .sp_bg_post {
        border-radius: 1rem;
        overflow: hidden;
        background: #f2f2f2;
    }
    .sp_bg_post > .ct {
        padding: 1rem 1.5rem;
    }
}
.newsletter_ct {
    background: #fff;
    border-radius: 1rem;
    padding: 1.5rem 1.5rem;
    color: #333;
}
.newsletter_ct > .tit {
    font-size: 1.67rem;
    margin: 0 0 1.5rem;
}
.newsletter_ct > .row {
    flex-flow: row nowrap;
    align-items: stretch;
    margin: 1.5rem 0 0;
}
.newsletter_ct > .row > .col_lf {
    flex-grow: 1;
    width: auto;
}
.newsletter_ct > .row > .col_lf > .fr_row:last-child {
    margin: 0;
}
.newsletter_ct > .row > button {
    flex-shrink: 0;
    font-size: 2.5rem;
    font-family: Gilroy-bold, sans-serif;
    margin-left: 1.5rem;
    height: auto;
    border-radius: 0.7rem;
}
.newsletter_ct input {
    height: 3.2rem;
    font-size: 1.25rem;
}
.post_tabs > .wr_tit {
    margin: 0;
}
.tabs {
    text-align: left;
}
.tabs > li {
    display: inline-block;
    padding: 0;
}
.tabs > li > a {
    font-family: Gilroy-medium, sans-serif;
    font-size: 2rem;
    line-height: 1;
    padding: 0.45em 0.8em;
    display: inline-block;
    color: #959595;
    position: relative;
    background: 0 0;
    border-radius: 0 0 0.7rem 0.7rem;
}
.tabs > li > a.active,
.tabs > li > a:hover {
    background: #1175bc;
    color: #fff;
}
@media screen and (max-width: 767px) {
    .tabs > li > a {
        font-size: 1.5rem;
    }
}
.post_cate_tabs {
    margin: 0 0 1rem;
}
.post_cate_tabs:last-child {
    margin-bottom: 0;
}
.post_cate_tabs > .ft {
    text-align: right;
    position: relative;
    z-index: 9;
}
@media screen and (min-width: 768px) {
    .post_cate_tabs > .tab_cts {
        min-height: 500px;
    }
    .top_post_cate {
        flex-flow: row nowrap;
        margin: 0 0 3rem;
        padding: 0;
    }
    .top_post_cate > .col_lf {
        width: 60.84%;
        flex-shrink: 0;
        margin-right: 4.33%;
    }
    .top_post_cate > .col_rt {
        width: auto;
        flex-grow: 1;
    }
    .post_cate_row {
        flex-flow: row nowrap;
        padding: 0 0 3rem;
    }
    .post_cate_row > .col_lf {
        width: 65.87%;
        flex-shrink: 0;
        margin-right: 2.85%;
    }
    .post_cate_row > .col_rt {
        flex-grow: 1;
        width: auto;
    }
}
@media screen and (max-width: 767px) {
    .post_cate_tabs > .tab_cts {
        min-height: 50vh;
    }
}
.hot_tabs > .nav_tabs > .tabs {
    flex-flow: row nowrap;
}
.hot_tabs > .nav_tabs > .tabs > li {
    width: 45%;
}
.hot_tabs > .nav_tabs > .tabs > li > a {
    font-family: Gilroy-bold, sans-serif;
    font-size: 2rem;
    text-transform: uppercase;
    padding: 0.4em 0.5em;
    text-align: center;
    background: #959595;
    border: 1px solid #959595;
    border-radius: 0.5rem;
    display: block;
    color: #fff;
    width: 100%;
}
.hot_tabs > .nav_tabs > .tabs > li > a.active,
.hot_tabs > .nav_tabs > .tabs > li > a:hover {
    background: #3ab54a;
    border-color: #3ab54a;
}
.light_bl {
    background: #f2f2f2;
    padding: 1.5rem;
    border-radius: 1rem;
}
.page_banner {
    padding-top: 0;
}
.bg_banner {
    position: relative;
    padding-top: 40.42%;
    border-radius: 1.5rem;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .bg_banner {
        width: auto;
        margin: 0 -15px;
        border-radius: 0;
    }
}
.social_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
    line-height: 0;
}
.social_row > .item {
    margin-right: 1rem;
    line-height: 0;
}
.social_row > .item:last-child {
    margin-right: 0;
}
.social_row > .item.left {
    width: auto;
    flex-grow: 1;
}
.link_copy .bt {
    height: 1.8em;
}
@media screen and (max-width: 767px) {
    .social_row {
        justify-content: flex-start;
    }
    .social_row > .item {
        margin-top: 1.5rem;
    }
    .social_row > .item.left {
        width: 100%;
    }
}
#post-popup .popup-inner {
    padding: 0 0 3rem;
}
.post_newsletter {
    text-align: center;
}
.post_newsletter > .nl_logo {
    max-width: 180px;
    margin: 0 auto;
}
.post_newsletter > .tit {
    font-size: 2.5rem;
    margin: 0.5em 0 1em;
}
.post_newsletter_ct > .fr_row {
    margin: 0 0 1.5rem;
}
.post_newsletter_ct > .fr_row > input {
    height: 5rem;
    font-size: 1.5rem;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .post_newsletter > .tit {
        font-size: 1.8rem;
    }
}
.book_tabs > header {
    align-items: flex-start;
    border-bottom: 0.4rem solid #1175bc;
}
.book_tabs > header > .tit {
    text-transform: uppercase;
    font-size: 2.7rem;
    line-height: 1.2;
    padding: 0 0 0.7rem;
    width: auto;
    color: #20ce5d;
    margin: 0;
}
.book_tabs > .tab_cts > .tab_ct > .ft {
    margin-top: 3rem;
    text-align: right;
}
.book_tabs > .tab_cts > .tab_ct > .ft > .bt {
    width: 25%;
    border-radius: 0.5em;
    font-size: 2rem;
    padding: 0.1em 1.5em 0;
    line-height: 1;
    height: 1.8em;
}
@media screen and (min-width: 768px) {
    .book_tabs > .tab_cts {
        min-height: 330px;
        margin: 3rem 0;
    }
    .book_carousel {
        height: 0;
        opacity: 0;
        margin: 0 -1rem;
    }
    .book_carousel .book {
        margin-right: 2rem;
    }
    .book_carousel > button {
        left: -3.5rem;
    }
    .book_carousel > button.slick-next {
        left: auto;
        right: -3.5rem;
    }
    .book_carousel.medium > button {
        left: -2rem;
    }
    .book_carousel.medium > button > .ico {
        font-size: 2rem;
        color: #959595;
    }
    .book_carousel.medium > button.slick-next {
        left: auto;
        right: -2rem;
    }
}
@media screen and (max-width: 767px) {
    .book_tabs > header {
        border-width: 2px;
    }
    .book_tabs > header > .tit {
        font-size: 2.3rem;
    }
    .book_tabs > .nav_tabs {
        margin-bottom: 0;
    }
    .book_tabs > .nav_tabs > ul {
        padding-bottom: 0;
    }
    .book_tabs > .actions {
        margin-top: 1rem;
    }
    .book_tabs > .tab_cts {
        margin-top: 2rem;
        min-height: 50vh;
    }
    .book_tabs > .tab_cts > .tab_ct > .ft {
        margin-top: 0;
    }
    .book_tabs > .tab_cts > .tab_ct > .ft > .bt {
        width: auto;
        font-size: 1.67rem;
    }
    .book_carousel {
        height: 0;
        opacity: 0;
    }
    .book_carousel.match_height > .slick-list > .slick-track > .slick-slide > div {
        height: 50%;
        padding: 0 0 3rem;
    }
}
.member_dropdown {
    line-height: 1;
    padding: 0;
}
.member_dropdown > .dropdown {
    width: 150px;
}
#pop-book-preview > .popup-ct {
    box-shadow: none;
}
#pop-book-preview > .popup-ct > .bt_close {
    top: 7px;
    right: 5px;
}
#pop-book-preview > .popup-ct > .bt_close > .ico {
    color: #fff;
    font-size: 1.5rem;
}
.book_preview {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
}
.book_preview .preview_ct {
    position: relative;
    background: #eee;
    overflow: hidden;
    width: 100%;
    height: auto;
    flex-grow: 1;
}
.book_preview .preview_nav {
    overflow: hidden;
    background: #1175bc;
    border-bottom: 1px solid #1175bc;
    padding: 5px 0;
    position: initial;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: auto;
    flex-shrink: 0;
}
.book_preview .preview_action {
    flex-flow: row nowrap;
    align-items: center;
}
.book_preview .preview_arrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.book_preview .preview_arrow > .quantity {
    margin: 0 0.5rem;
}
.book_preview .preview_screen {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    padding: 0;
}
.book_preview .preview_screen:before {
    content: "";
    display: block;
    width: 20px;
    height: 10px;
    border: 2px solid #fff;
}
.book_preview .arrow_action > span {
    display: table-cell;
    margin: 0 2px;
    height: 30px;
    vertical-align: middle;
    width: 19px;
    text-align: center;
    cursor: pointer;
    padding: 0 5px;
}
.book_preview .arrow_action > span:before {
    content: "";
    display: block;
    margin: 0 auto;
}
.book_preview .arrow_action > span.ar-prev:before {
    border-right: 10px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.book_preview .arrow_action > span.ar-next:before {
    border-left: 10px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.book_preview input,
.book_preview input[type="number"],
.book_preview select {
    font-size: 1.67rem;
    height: 3rem;
    line-height: 3rem;
    display: inline-block;
    vertical-align: middle;
    min-height: unset;
    border-radius: 0.4rem;
    margin: 0 0.5rem;
}
.book_preview .ip_num,
.book_preview input[type="number"] {
    width: 6rem;
    margin: 0;
}
.book_preview .preview_zoom {
    width: 100px;
    line-height: 1;
    background: #fff;
}
.book_preview #prev-read {
    position: relative;
    width: 60%;
    margin: 0 auto;
    height: 100%;
    overflow-y: hidden;
}
.book_preview .preview_action > li {
    padding: 0 1rem;
}
.book_preview .preview_action > li:first-child {
    padding-left: 0;
}
.book_preview .preview_action > li:last-child {
    padding-right: 0;
}
.book_preview .prev-ct {
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 768px;
}
.book_preview .prev-ct .image {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    box-shadow: 1px 1px 1px 1px #ddd;
}
.book_preview .prev-ct .ite-image {
    padding: 7px 0;
}
.book_preview .wr-prev {
    height: 100%;
}
.book_preview .bl-tit {
    border-bottom: 1px solid #58595b;
    padding: 1rem 5px;
}
#prev-product {
    padding: 2rem 1rem 0 0;
}
#prev-product > .social_row {
    padding: 2rem 0 0;
}
#prev-relate > .lst-relate {
    padding-right: 1rem;
}
#prev-relate > .lst-relate > li {
    padding: 0;
}
.popup.full .book_preview #prev-read {
    width: 100%;
}
#prev-read,
#prev-relate {
    overflow-y: auto;
}
#prev-read::-webkit-scrollbar,
#prev-relate::-webkit-scrollbar {
    width: 0.7rem;
    border-radius: 0.7rem;
}
#prev-read::-webkit-scrollbar-track,
#prev-relate::-webkit-scrollbar-track {
    background: #d6d6d6;
    border-radius: 0.7rem;
}
#prev-read::-webkit-scrollbar-thumb,
#prev-relate::-webkit-scrollbar-thumb {
    background: #959595;
    border-radius: 0.7rem;
}
#prev-read::-webkit-scrollbar-thumb:hover,
#prev-relate::-webkit-scrollbar-thumb:hover {
    background: #959595;
}
#prev-product,
#prev-relate,
.wr-prev {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
@media screen and (min-width: 768px) {
    #prev-product {
        position: absolute;
        width: 20%;
        height: 100%;
        background: #fff;
        z-index: 999;
        top: 0;
        left: 0;
        box-shadow: 2px -2px 3px 1px #ddd;
    }
    #prev-product.close {
        left: -100%;
    }
    #prev-relate {
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        z-index: 999;
        width: 20%;
        height: 100%;
    }
    #prev-relate.close {
        right: -100%;
    }
}
@media screen and (max-width: 767px) {
    .book_preview > .preview_nav {
        padding-left: 5rem;
    }
    .book_preview > .preview_nav > .ico_menu {
        position: absolute;
        left: 0;
        top: 1rem;
        right: auto;
        margin: 0;
        border: none;
    }
    .book_preview > .preview_nav > .preview_fr {
        width: auto;
        flex-grow: 1;
    }
    .book_preview > .preview_nav > .preview_fr > ul {
        width: 100%;
        justify-content: center;
    }
    .book_preview .preview_action > li {
        min-width: unset;
        padding: 0 5px;
    }
    .book_preview .preview_zoom {
        width: 60px;
    }
    .book_preview input,
    .book_preview input[type="number"],
    .book_preview select {
        font-size: 1.25rem;
    }
    .book_preview .ip_num,
    .book_preview input[type="number"] {
        width: 5rem;
        margin: 0;
    }
    .book_preview .preview_screen {
        display: none;
    }
    .book_preview #prev-read {
        width: 100%;
        overflow-y: auto;
    }
    #sp-preview_nav {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        z-index: 999;
        background: rgba(0, 0, 0, 0);
        -webkit-transition: all ease-in 0.5s;
        -moz-transition: all ease-in 0.5s;
        transition: all ease-in 0.5s;
        padding: 0 50px 0 0;
        left: -100%;
    }
    #sp-preview_nav > .col {
        background: #fff;
        margin: 0;
        padding: 1.5rem;
    }
    #sp-preview_nav.active {
        left: 0;
        background: rgba(0, 0, 0, 0.7);
    }
}
#home_notification > .popup-ct {
    max-width: 750px;
    padding: 20px;
    min-height: unset;
}
.hp_notification {
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
.hp_notification > .ntf_link {
    position: absolute;
    z-index: 9;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.hp_notification > .ntf_ct > h3 {
    font-size: 1.8em;
    font-weight: 900;
    margin: 0 0 1em;
    line-height: 1.5;
}
.hp_notification > .ntf_ct > h4 {
    font-size: 1.5em;
    font-weight: 900;
    margin: 0 0;
    line-height: 1.5;
}
@media screen and (max-width: 767px) {
    .hp_notification {
        font-size: 13px;
    }
    .hp_notification > .ntf_ct > h4 {
        font-size: 1em;
        margin: 0 0 10px;
    }
    .hp_notification > .ntf_ct > h3 {
        line-height: 1.3;
    }
    .hp_notification br {
        display: none;
    }
}
#login-popup > .popup-ct {
    padding: 4rem;
}
#login-popup > .popup-ct > .popup-inner {
    padding: 0;
    width: 100%;
    border-radius: 1rem;
    border: 1px solid #58595b;
    background: #6d6e70;
}
.login_popup_ct {
    padding: 2rem 5rem 3rem 3rem;
    background: #fff;
    border-radius: 1rem 0 0 1rem;
}
.login_popup_notes {
    background: 0 0;
}
.login_popup_notes > .login_note > .tit {
    border-bottom: 2px solid #fff;
    font-size: 1.8rem;
    color: #fff;
    padding: 2.5rem 2rem 2rem;
    line-height: 1;
    margin: 0;
}
.login_popup_notes > .login_note > .note_lst {
    width: auto;
    padding: 2rem 2rem 0;
    list-style: disc;
    margin: 0 2rem;
}
.login_popup_notes > .login_note > .note_lst > li {
    color: #fff;
    margin: 0 0 0.5rem;
}
.app_login > .title {
    line-height: 1;
    font-size: 2.5rem;
}
.login_fr label {
    font-size: 1.6rem;
}
.login_fr > .fr_row {
    margin: 0 0 1.5rem;
}
.login_fr > .submit_row {
    flex-flow: row nowrap;
    align-items: flex-start;
    margin: 1rem 0;
}
.login_fr > .submit_row > .bt {
    width: 48%;
    font-family: Gilroy-bold, sans-serif;
    font-size: 1.6rem;
    letter-spacing: 1px;
    min-width: unset;
    height: 4.5rem;
    line-height: 4.3rem;
}
.login_fr > .submit_row > .bt.full {
    width: 100%;
}
.pass_row {
    align-items: center;
}
.pass_row > .lnk {
    font-size: 1.2rem;
}
.foreign_login {
    margin: 3rem 0 0;
}
.foreign_login > .tit {
    font-size: 2rem;
    text-align: center;
    margin: 0 0 1.5rem;
    color: #58595b;
}
.foreign_login > .lnks {
    flex-flow: row nowrap;
}
.foreign_login > .lnks > .bt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 48%;
    font-family: Gilroy-bold, sans-serif;
    letter-spacing: 1px;
    min-width: unset;
    height: auto;
    line-height: 1;
    padding: 0;
    color: #fff;
}
.foreign_login > .lnks > .bt > .ico {
    border-right: 1px solid;
    flex-shrink: 0;
    width: 4.5rem;
    text-align: center;
    color: inherit;
    margin: 0;
    font-size: 1.4em;
    line-height: 4.5rem;
    margin-right: 0.3rem;
}
.foreign_login > .lnks > .bt > .txt {
    width: auto;
    flex-grow: 1;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1;
}
.foreign_login > .lnks > .bt.bt_facebook {
    background: #48629b;
    border-color: #48629b;
}
.foreign_login > .lnks > .bt.bt_facebook:hover {
    background: #fff;
    color: #48629b;
}
.foreign_login > .lnks > .bt.bt_google {
    background: #dc4b38;
    border-color: #dc4b38;
}
.foreign_login > .lnks > .bt.bt_google:hover {
    background: #fff;
    color: #dc4b38;
}
@media screen and (min-width: 768px) {
    .login_popup_row {
        flex-flow: row nowrap;
        align-items: stretch;
    }
    .login_popup_row > .col_lf {
        width: 66.67%;
    }
    .login_popup_row > .col_rt {
        width: 33.33%;
    }
}
.accor_target {
    display: none;
}
.accor_item {
    cursor: pointer;
}
.comment_wr_ct {
    background: #f2f2f2;
    padding: 1.5rem 3rem;
    font-size: 1.67rem;
    border-radius: 1rem;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .comment_wr_ct {
        padding: 1.5rem 1rem;
    }
}
.cm-review {
    text-align: center;
    font-family: Gilroy-medium, sans-serif;
    padding: 1.5rem 0 3rem;
}
.cm_statistic {
    font-size: 1.67rem;
}
.cm_statistic > .tit-bod {
    font-size: 1.2em;
}
.cm_statistic > .rate-avg {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color: #1175bc;
    font-size: 4em;
    line-height: 1;
    letter-spacing: 0.1em;
}
.cm_statistic > .bl_stars {
    justify-content: center;
}
.cm_form_bt_wr > .bt {
    padding: 0 1.5em;
    margin-top: 0.7rem;
}
.cm_form_bt_wr > .bt:hover {
    background: #f2f2f2;
}
@media screen and (min-width: 768px) {
    .cm-review {
        flex-flow: row nowrap;
        align-items: center;
    }
    .cm-review > .cm_statistic {
        border-right: 1px solid #e8e8e8;
    }
    .cm-review > .ite_col {
        width: 48%;
    }
}
@media screen and (max-width: 767px) {
    .cm_form_bt_wr {
        border-top: 1px solid #e8e8e8;
        padding: 1rem 0 0;
        margin-top: 1.5rem;
    }
}
#review_form > .must-login {
    justify-content: center;
    padding-bottom: 3rem;
}
#review_form > .must-login > .bt:hover {
    background: 0 0;
}
.fr-comment {
    position: relative;
    overflow: visible;
    z-index: 999;
    padding: 1.5rem 0 3rem;
}
.fr-comment > .notice {
    top: 100%;
}
.fr-comment > .bl-inp {
    padding: 0 0 1rem;
}
.fr-comment > .bl-inp > .rating-container {
    display: inline-block;
    vertical-align: baseline;
}
.fr-comment > .bl-inp > input,
.fr-comment > .bl-inp > textarea {
    border-color: #e8e8e8;
}
.fr-comment > .bl-inp > textarea {
    min-height: 180px;
}
.fr-comment > .fr_submit {
    margin: 0;
}
.fr-comment > .fr_submit > .bt:hover {
    background-color: #f2f2f2;
}
.review_fr.top_border {
    border-top: 1px solid #e8e8e8;
    padding-top: 1.5rem;
}
.fr-answer {
    border-top: 1px solid #e8e8e8;
    padding: 0.5em 0 0;
}
.fr-answer > .notice {
    display: none;
}
.fr-answer > .fr_row > textarea {
    min-height: 80px;
    border-color: #e8e8e8;
}
.fr-answer > .fr_submit {
    text-align: right;
}
.fr-answer > .fr_submit > .bt {
    font-size: 0.85em;
    height: 2.3em;
    padding: 0 1em;
}
.must-login {
    width: 100%;
    align-items: center;
    font-size: 1.67rem;
    padding: 1rem 0;
    font-family: Gilroy-medium, sans-serif;
}
.must-login > .bt {
    margin-left: 1rem;
}
.comment_images {
    justify-content: flex-start;
    align-items: flex-start;
}
.comment_images > .item {
    position: relative;
    width: 18.4%;
    max-width: 80px;
    display: block;
    position: relative;
    margin: 0 0 1rem 2%;
    background: #fff;
}
.comment_images > .item:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
.comment_images > .item > iframe,
.comment_images > .item > img,
.comment_images > .item > video {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.comment_images > .item:before {
    background-size: 2rem;
    position: relative;
}
.comment_images > .item:first-child {
    margin-left: 0;
}
.comment_images > .item > img {
    object-fit: contain;
}
.comment_images > .item > .del_bt {
    position: absolute;
    z-index: 99;
    top: 10px;
    right: 5px;
    font-size: 1.2rem;
    cursor: pointer;
    color: #aaa;
}
.comment_images > .item > .del_bt:hover {
    color: red;
}
.comment_images > .item > .error {
    padding: 5px;
    display: block;
    text-align: center;
    font-size: 1rem;
    position: absolute;
    left: 0;
    width: 100%;
    top: 31%;
}
#reviews {
    min-height: 50px;
}
#reviews > .load-more {
    padding: 1em 0;
    text-align: center;
}
#reviews > .load-more > .bt {
    width: 40%;
}
#reviews > .load-more > .bt:hover {
    background: 0 0;
}
.cm-item {
    background: #fff;
    padding: 1em 1em 0.5em;
    margin: 0 0 1em;
    flex-flow: row nowrap;
    border-radius: 1rem;
    font-size: 1.67rem;
}
.cm-item > .cm-user {
    width: 16%;
    text-align: center;
    vertical-align: top;
    flex-shrink: 0;
    margin-top: 0.5em;
    padding-right: 1em;
    min-width: 3.5em;
}
.cm-item > .bl-rgt {
    width: auto;
    flex-grow: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
}
.cmt-ans,
.cmt-like,
.liked {
    color: #959595;
    padding: 0 0.2em;
}
.cmt-ans:before,
.cmt-like:before,
.liked:before {
    background-size: contain;
}
.cm_item_ct > .bl-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-family: Gilroy-bold, sans-serif;
    margin: 0;
    display: flex;
    font-size: 1.2em;
    color: #464646;
    padding-bottom: 1rem;
}
.cm_item_ct > .bl-top > .bl_stars {
    margin-right: 1rem;
}
.cm_item_ct > .bl-mid {
    text-align: justify;
    padding: 0 0 0.3em;
    white-space: pre-wrap;
}
.cm_item_ct > .bl-mid > .comment_images {
    margin-top: 0.75rem;
}
.cm_item_ct > .bl-ft {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    width: 100%;
    padding: 0 0 0.3em;
}
.cm_item_ct > .bl-ft > .bl-inl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-end;
    color: #959595;
    font-size: 0.85em;
    padding-right: 1em;
}
.cm_item_ct > .bl-ft > .bl-inl > a,
.cm_item_ct > .bl-ft > .bl-inl > span {
    display: inline-block;
    padding-right: 0.3em;
}
.cm_item_ct > .load-more {
    padding: 0 0 0.5em;
    text-align: center;
}
.cm_item_ct > .load-more > .bt {
    width: 40%;
}
.cm-user > .icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5em;
    height: 2.5em;
    margin: 0 auto 0.5rem;
    background: #1175bc;
    border-radius: 50%;
    font-family: Gilroy-bold, sans-serif;
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1;
    padding-top: 0.2em;
}
.cm-user > p {
    font-family: Gilroy-medium, sans-serif;
    font-size: 0.85em;
}
.bl-reply > .cm-item {
    border-top: 1px dotted #e8e8e8;
    font-size: 1.5rem;
    padding: 0.5em 0.5em 0;
}
.bl-reply > .cm-item > .cm-user {
    width: 10%;
    font-size: 0.8em;
    margin-top: 0;
}
.bl-reply > .cm-item > .cm_item_ct {
    background: #fafafa;
    border-radius: 1rem;
    padding: 1em;
}
.cmt_message .collapse_bt,
.cmt_message .read_more {
    cursor: pointer;
    color: #1175bc;
    display: inline-block;
    padding-left: 0.3rem;
}
.cmt_message .collapse_bt > .dots,
.cmt_message .read_more > .dots {
    color: #333;
}
@media screen and (max-width: 767px) {
    .cm-item {
        flex-flow: column nowrap;
        font-size: 1.25rem;
    }
    .cm-item > .cm-user {
        width: 100%;
        padding: 0;
    }
    .cm_item_ct > .bl-top {
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .cm_item_ct > .bl-top > .text {
        width: 100%;
        text-align: left;
    }
    .bl-reply {
        padding: 0 0 0 1rem;
    }
    .bl-reply > .cm-item {
        font-size: 1.25rem;
        flex-flow: row nowrap;
    }
    .bl-reply > .cm-item > .cm-user {
        width: auto;
        margin-right: 2%;
    }
}
.cart_remove.readonly {
    visibility: hidden;
}
.cart_quantity_wr {
    width: 8em;
    margin: 0 auto;
}
.cart_quantity_wr > .quantity {
    font-size: 1em;
    width: 100%;
}
.cart_quantity_wr > .quantity > .arrow {
    line-height: 1.8;
}
.cart_quantity_wr.readonly > .quantity {
    background: #fff;
}
.cart_quantity_wr.readonly > .quantity > .arrow {
    visibility: hidden;
    pointer-events: none;
}
.cart_quantity_wr.readonly > .quantity > input {
    pointer-events: none;
}
.cart_table {
    font-size: 1.67rem;
    border: none;
}
.cart_table > thead > tr > th {
    padding: 0.6em 1em 0.5em;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
    font-size: 1em;
    background: #f2f2f2;
    border: none;
}
.cart_table > thead > tr > th.product-name {
    text-align: left;
}
.cart_table > tbody > tr > td,
.cart_table > tbody > tr > th {
    vertical-align: top;
    padding: 1em 0.5em 1em;
    border-left: none;
    border-bottom: 1px dashed #e8e8e8;
    font-size: 1em;
}
.cart_table > tbody > tr > td.actions,
.cart_table > tbody > tr > th.actions {
    text-align: center;
}
.cart_table > tbody > tr > td.product-name,
.cart_table > tbody > tr > th.product-name {
    padding-left: 0;
}
.cart_table > tbody > tr > td.product-subtotal,
.cart_table > tbody > tr > th.product-subtotal {
    text-align: right;
    position: relative;
}
.cart_table > tbody > tr > td.product-subtotal > .price,
.cart_table > tbody > tr > th.product-subtotal > .price {
    white-space: nowrap;
    font-size: 1.2em;
    margin-top: 0.2em;
    display: inline-block;
}
.cart_table > tbody > tr > td.product-subtotal > .cart_remove,
.cart_table > tbody > tr > th.product-subtotal > .cart_remove {
    position: absolute;
    z-index: 9;
    bottom: 1em;
    right: 0;
}
.cart_table > tbody > tr > td.product-subtotal > .cart_remove > .ico,
.cart_table > tbody > tr > th.product-subtotal > .cart_remove > .ico {
    font-size: 1.2em;
}
.cart_table > tbody > tr > td.product-subtotal > .cart_remove:hover > .ico,
.cart_table > tbody > tr > th.product-subtotal > .cart_remove:hover > .ico {
    color: red;
}
.cart_table > tbody > tr > td.product-price,
.cart_table > tbody > tr > th.product-price {
    text-align: center;
}
.cart_table > tbody > tr > td.product-price > .price,
.cart_table > tbody > tr > th.product-price > .price {
    white-space: nowrap;
    font-family: Gilroy-medium, sans-serif;
    color: #333;
    font-size: 1em;
    flex-direction: column-reverse;
    margin-top: 0.4em;
}
.cart_table > tbody > tr > td.product-quantity,
.cart_table > tbody > tr > th.product-quantity {
    text-align: center;
}
.cart_table.total_tb > tbody > tr > th {
    text-align: right;
}
.cart_table.total_tb > tbody > tr:last-child > td,
.cart_table.total_tb > tbody > tr:last-child > th {
    border-bottom: none;
}
.cart_product.hoz_product {
    margin: 0;
}
.cart_product.hoz_product > .prod-img {
    width: 30%;
    padding: 0;
    max-width: 115px;
}
.cart_product.hoz_product > .info-prod {
    justify-content: flex-start;
    text-align: left;
}
.cart_product.hoz_product > .info-prod > .sm_tit {
    font-family: Gilroy-bold, sans-serif;
    line-height: 1.3;
    font-size: 1em;
}
.cart_product.hoz_product > .info-prod > .book_meta {
    font-size: 0.85em;
    margin-top: 1rem;
}
.cart_totals {
    justify-content: flex-end;
}
.cart_totals > .total_tb {
    max-width: 420px;
}
@media screen and (min-width: 768px) {
    .cart_table > tbody > tr > td {
        padding-top: 4%;
    }
    .cart_table > tbody > tr > td.product-name {
        padding-top: 1em;
    }
}
@media screen and (max-width: 767px) {
    .cart_table {
        font-size: 1.25rem;
    }
    .cart_table > tbody > tr > td.product-name {
        padding-right: 1.5em;
    }
    .cart_quantity_wr {
        margin: 0;
    }
}
.brc_lst.general {
    justify-content: flex-start;
    background-color: #ededed;
    padding: 15px 35px;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
}
.brc_lst.general > li {
    display: flex;
    align-items: center;
    font-size: 1.7rem;
}
.brc_lst.general > li:first-child a,
.brc_lst.general > li:last-child a {
    border-right: 0;
}
.brc_lst.general > li > a {
    border-right: 1px solid #959595;
    display: block;
    padding: 0 10px;
    color: #959595;
    font-size: 1em;
    line-height: 1.2;
    white-space: nowrap;
}
.brc_lst.general > li > a.active {
    color: #1175bc;
    font-weight: 700;
    font-size: 1em;
}
.brc_lst.general > li > a:hover {
    color: #3ab54a;
}
.brc_lst.general > li > span {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    padding: 0 10px;
    color: #959595;
    font-size: 1em;
}
.brc_lst.general > li > span.active {
    color: #1175bc;
    font-weight: 700;
    font-size: 1em;
}
@media screen and (max-width: 414px) {
    .breadcrumb > .container {
        padding: 0;
    }
    .breadcrumb > .slider_scroll > .brc_lst {
        padding-right: 6rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
        width: auto;
        white-space: nowrap;
        min-width: 100%;
    }
    .breadcrumb > .slider_scroll > .scroll_bt {
        height: 100%;
        background: #ededed;
    }
    .brc_lst.general {
        padding: 15px 15px 15px 15px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .breadcrumb.top_shadow {
        padding-top: 0;
    }
    .breadcrumb.top_shadow:before {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .brc_lst > li {
        flex-shrink: 0;
    }
    .brc_lst.general > li > a.active {
        font-size: 1.6rem;
    }
    .brc_lst li:first-child {
        display: none;
    }
    .brc_lst.general > li > a {
        font-size: 1.25rem;
    }
}
.hot_product_wid {
    background: #f2f2f2;
    padding: 2rem 1rem 1rem;
    margin-top: 0;
    border-radius: 0 0 0.5rem 0.5rem;
}
.top_products {
    height: 65vh;
    overflow-y: auto;
}
.book_carousel .book {
    height: 100%;
}
.wid_hot_post {
    margin: 0 0 1.5rem;
    background-color: #f2f2f2;
    border-radius: 1rem;
}
.wid_hot_post > .col_lf {
    width: 25%;
    margin-right: 0;
}
.wid_hot_post > .col_rt {
    padding: 1rem;
}
.wid_hot_post > .col_rt > .tit {
    font-size: 2rem;
    color: #1175bc;
    margin: 0;
}
.wid_hot_post > .col_rt > .tit:hover {
    color: #3ab54a;
}
.account_layout {
    background: #f2f2f2;
}
.acc_page_tit {
    color: #58595b;
    font-size: 1.8rem;
    margin: 1em 0 0.5em;
}
.account_fr {
    max-width: 600px;
    margin: 3rem auto 0;
}
.account_fr > .tit {
    text-align: center;
}
.account_fr > .desc {
    margin: 0 0 1.5rem;
}
.acc-nav {
    background: #fff;
    padding: 10px;
    border: 1px solid #eee;
}
.acc-nav > ul > li {
    padding: 0.3em 0.7em;
    font-weight: 400;
    font-size: 1.8rem;
    display: block;
}
.acc-nav > ul > li > a > .ico {
    font-size: 0.65em;
    color: inherit;
}
.acc-nav > ul > li.is-active > a {
    color: #333;
}
.ite-info {
    background: #fff;
    padding: 15px 15px;
    border: 1px solid #eee;
    height: 100%;
}
.acc_ct > .woocommerce-notices-wrapper {
    max-width: 600px;
}
ul.lst-tbl > li {
    padding: 0.5rem 0;
    position: relative;
    min-height: 3rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
}
ul.lst-tbl > li > .name {
    flex-shrink: 0;
    margin-right: 1rem;
    width: 30%;
    min-width: 100px;
}
.bl-address {
    max-width: 600px;
    margin: 0 0 1.5rem;
    background: #fff;
    padding: 1.5rem 3rem;
}
.edit_account_fr {
    max-width: 420px;
    margin: 0 auto;
}
.edit_account_fr > .title {
    color: #58595b;
    font-size: 1.8rem;
    margin: 1em 0 0.5em;
}
.edit_account_fr > .password_bl > .title {
    font-size: 1.8rem;
    margin: 1em 0 0.5em;
}
.edit_account_fr > .fr_submit {
    flex-flow: row nowrap;
    align-items: flex-start;
    margin: 1.5rem 0;
}
.edit_account_fr > .fr_submit > .bt {
    width: 50%;
    min-width: 150px;
    font-family: Gilroy-bold, sans-serif;
    font-size: 1.6rem;
    letter-spacing: 1px;
    height: 4.5rem;
    line-height: 4.3rem;
    border-radius: 0.5em;
}
.edit_account_fr > .fr_submit > .bt.full {
    width: 100%;
}
.acc_address_wr {
    margin-bottom: 3rem;
}
.account_address_fr {
    max-width: 100%;
}
.acc_order {
    background: #fff;
    padding: 1.5rem 3rem;
}
.acc_order_tb {
    font-size: 1.4rem;
    border: none;
}
.acc_order_tb > thead > tr > th {
    padding: 0.6em 0.5em 0.5em;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
    font-size: 1em;
    background: #f2f2f2;
    border: none;
}
.acc_order_tb > tbody > tr > td {
    vertical-align: top;
    padding: 1em 0.5em 1em;
    border-left: none;
    border-bottom: 1px dashed #e8e8e8;
    font-size: 1em;
}
.acc_order_td.order-date {
    white-space: nowrap;
}
.acc_order_td.order-status {
    white-space: nowrap;
    font-family: Gilroy-bold, sans-serif;
}
.acc_order_td.order-actions {
    white-space: nowrap;
}
.acc_order_td.order-actions > .invoice {
    min-width: unset;
    background: url(../images/pdf.svg) no-repeat center;
    background-size: contain;
    width: 2em;
    text-indent: -9999px;
    border: none;
    margin-left: 0.5em;
    height: auto;
    border-radius: 0;
    overflow: hidden;
    padding: 0;
    vertical-align: top;
}
.acc_order_td.order-actions > .invoice > span {
    display: none;
}
.acc_order_td.order-actions > .invoice:before {
    content: "";
    display: block;
    padding-top: 95%;
}
.acc_order_td.order-actions > .invoice:hover {
    opacity: 0.85;
}
.acc_order_price > .price {
    white-space: nowrap;
    font-size: 1em;
    display: block;
}
.acc_order_price > .counter {
    white-space: nowrap;
    font-size: 0.85em;
}
.acc_order_th.order-total {
    text-align: left;
}
.acc_order_th.order-status {
    text-align: left;
}
@media screen and (max-width: 767px) {
    .acc_order_td.order-actions {
        justify-content: flex-end;
    }
    .acc_order {
        padding: 1.5rem 2rem;
    }
}
.acc_order_track {
    font-family: Gilroy-medium, sans-serif;
    margin: 0 0 3rem;
}
.acc_order_bl {
    margin: 0 0 3rem;
}
.wc-item-meta > li > p {
    display: inline-block;
    padding-left: 0.5em;
}
.wc-item-meta > li:first-child {
    padding-left: 0;
}
.acc_cart_tb {
    font-size: 1.6rem;
    text-align: left;
}
.acc_cart_tb > thead > tr > th.product-total {
    text-align: right;
}
.acc_cart_tb > tbody > tr > td,
.acc_cart_tb > tbody > tr > th {
    border-left: none;
    border-bottom: 1px dashed #e8e8e8;
}
.acc_cart_tb > tbody > tr > td.product-subtotal > .cart_remove,
.acc_cart_tb > tbody > tr > th.product-subtotal > .cart_remove {
    bottom: 0;
}
.acc_cart_tb > tbody > tr > td.product-subtotal > .cart_remove > .ico,
.acc_cart_tb > tbody > tr > th.product-subtotal > .cart_remove > .ico {
    font-size: 1em;
}
.acc_cart_tb > tfoot > tr > td,
.acc_cart_tb > tfoot > tr > th {
    border: none;
    border-bottom: 1px solid #e8e8e8;
}
.acc_cart_tb > tfoot > tr > td.product-subtotal {
    text-align: right;
    position: relative;
}
.acc_cart_tb > tfoot > tr > td.product-subtotal > .price {
    white-space: nowrap;
    font-size: 1.2em;
    margin-top: 0.2em;
    display: inline-block;
}
.acc_cart_td.discount > .price,
.acc_cart_td.payment_method > .price,
.acc_cart_td.shipping > .price {
    font-family: Gilroy-medium, sans-serif;
    font-size: 1em;
    color: #58595b;
}
.acc_order_customer_detail > li > .label {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    width: 25%;
    text-align: left;
    min-width: 9em;
    padding-top: 0.2em;
}
@media screen and (min-width: 768px) {
    .acc_order_customer_row > .lf_col,
    .acc_order_customer_row > .rt_col {
        width: 48%;
    }
}
@media screen and (max-width: 767px) {
    .acc_cart_tb {
        width: 100%;
        font-size: 1.25rem;
    }
    .acc_cart_tb > thead > tr > th.product-name {
        width: 70%;
    }
    .acc_cart_td.payment_method > .price,
    .acc_cart_td.shipping > .price {
        white-space: normal !important;
    }
}
.no_found {
    text-align: center;
    padding: 3rem 0;
}
#banner-ct {
    position: relative;
    padding-top: 36.35%;
    overflow: hidden;
}
#banner-ct > #banner-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.banner_slide {
    position: relative;
    padding-top: 36.35%;
    border-radius: 1.5rem;
    overflow: hidden;
}
.hl_videos {
    overflow-y: auto;
}
@media screen and (min-width: 768px) {
    .top_posts {
        flex-flow: row nowrap;
        padding: 3.5rem 0;
    }
    .top_posts > .col_lf {
        width: 65.87%;
        flex-shrink: 0;
        margin-right: 2.85%;
    }
    .top_posts > .col_rt {
        flex-grow: 1;
        width: auto;
    }
    .video_row {
        flex-flow: row nowrap;
        align-items: stretch;
        padding: 0;
    }
    .video_row > .col_lf {
        width: 65.87%;
        flex-shrink: 0;
        margin-right: 2.5%;
    }
    .video_row > .col_rt {
        flex-grow: 1;
        width: auto;
        position: relative;
    }
    .video_row > .col_rt > .hl_videos {
        position: absolute;
        z-index: 9;
        top: 0;
        left: 0;
        bottom: 1rem;
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    #banner-ct {
        padding-top: 40%;
    }
    .banner_slide {
        border-radius: 0;
    }
    #hot-posts {
        padding: 2rem 0;
    }
    #book-slider {
        width: auto;
        margin: 0 -15px;
    }
    #book-slider > .slider_container {
        padding: 0 15px;
    }
    #home-video .light_bl {
        padding: 0;
        background: #fff;
    }
    #home-video .light_bl > .video_row {
        flex-flow: column nowrap;
    }
    #home-video .light_bl > .video_row > .col_lf {
        width: 100%;
    }
    #home-video .light_bl > .video_row > .col_rt {
        width: 100%;
    }
    .hl_videos {
        max-height: 60vh;
    }
    #resource-tool > .slider_container {
        padding: 0 15px;
    }
    #resource-tool-slider {
        margin: 0 0 2rem;
    }
    #resource-tool-slider > .slick-prev {
        left: -1rem;
    }
    #resource-tool-slider > .slick-next {
        right: -1rem;
    }
    #home-sidebar {
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) {
    .hot_post_cate {
        flex-flow: row nowrap;
        padding: 3.5rem 0;
    }
    .hot_post_cate > .col_lf {
        width: 65.87%;
        flex-shrink: 0;
        margin-right: 2.85%;
    }
    .hot_post_cate > .custom-width {
        width: 65.7%;
    }
    .hot_post_cate > .col_rt {
        flex-grow: 1;
        width: auto;
    }
    .col_page {
        flex-flow: row nowrap;
        padding: 0 0 3rem;
    }
    .col_page > .col_lf {
        width: 65.87%;
        flex-shrink: 0;
        margin-right: 2.85%;
    }
    .col_page > .col_rt {
        flex-grow: 1;
        width: auto;
    }
    .col_page.col_reverse {
        flex-direction: row-reverse;
    }
    .col_page.col_reverse > .col_lf {
        margin-left: 2.85%;
        margin-right: 0;
    }
}
@media screen and (max-width: 767px) {
    .col_page {
        flex-flow: column nowrap;
    }
    .col_page > .col_lf,
    .col_page > .col_rt {
        width: 100%;
        margin: 0 0 2rem;
    }
}
@media screen and (min-width: 768px) {
    .col_news {
        flex-flow: row nowrap;
        padding: 2.5rem 0 6rem;
    }
    .col_news > .col_lf {
        width: 65.87%;
        flex-shrink: 0;
        margin-right: 2.85%;
    }
    .col_news > .col_lf > .top_news,
    .col_news > .col_lf > .top_sub_news {
        margin: 0 0 3.5rem;
    }
    .col_news > .col_lf > .top_news:last-child,
    .col_news > .col_lf > .top_sub_news:last-child {
        margin-bottom: 0;
    }
    .col_news > .col_rt {
        flex-grow: 1;
        width: auto;
    }
    .col_news > .col_rt > .hoz_post {
        margin: 0 0 5.5rem;
    }
    .col_news > .col_rt > .hoz_post:last-child {
        margin-bottom: 0;
    }
    .news_page {
        padding-top: 30px;
    }
    .news_a_layout,
    .news_b_layout,
    .news_c_layout {
        margin: 0 0 6rem 0;
    }
    .news_b_layout > .hl_post_cate {
        padding: 2.5rem 0 6rem;
    }
    .news_b_layout > .hl_post_cate > .ite_col {
        width: 23%;
    }
    .news_b_layout > .col_news {
        padding-bottom: 1.5rem;
    }
    .news_c_layout > .hl_post_cate {
        padding: 1rem 0 4rem;
    }
    .cate_page_wr {
        padding-top: 20px;
    }
}
@media screen and (max-width: 414px) {
    .news_page {
        padding-top: 2rem;
    }
    .col_news {
        padding-top: 15px;
    }
    .news_a_layout,
    .news_b_layout,
    .news_c_layout {
        margin: 0 0 3rem 0;
    }
    .top_news_bl {
        margin: 2rem 0 0;
    }
    .top_news_bl > article {
        margin-bottom: 0;
    }
    .news_d_layout {
        padding: 0 0 2rem;
    }
    .news_d_layout > .hl_post_cate {
        padding-bottom: 0;
    }
}
.single.page_type > .single_tit {
    margin-bottom: 2.5rem;
}
.single_tit {
    color: #1175bc;
    position: relative;
}
.single_tit::after {
    content: "";
    position: relative;
    width: 20%;
    display: block;
    height: 3px;
    margin: 0.5rem 0 0;
    background-color: #3ab54a;
}
.single_meta {
    margin: 0 0 3rem;
}
.single_meta .date {
    font-family: SVN-Gilroy, sans-serif;
    color: #959595;
    font-size: 2rem;
}
.single_ct {
    margin: 0 auto 2rem;
    text-align: justify;
    font-size: 2rem;
    color: #000;
}
.single_ct:after {
    content: "";
    display: table;
    clear: both;
}
.single_ct h2,
.single_ct h3,
.single_ct h4,
.single_ct h5 {
    color: #000;
    margin: 1rem 0 1rem;
}
.single_ct > .wr_tit {
    color: #3ab54a;
    margin: 0 0 0.7em;
}
.single_ct h2 {
    font-size: 3rem;
}
.single_ct h3 {
    font-size: 2.5rem;
}
.single_ct p {
    margin: 0 0 1.5em;
    line-height: 1.6;
}
.single_ct img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.single_ct iframe {
    width: 100%;
    max-width: 900px;
    height: 500px;
    margin: 1rem auto;
    display: block;
}
.single_ct ul {
    margin: 1.5rem 0;
}
.single_ct ul > li {
    padding: 1rem 0;
}
.single_ct table {
    margin: 1.5rem 0;
}
.single_ct table > tbody > tr > td {
    border: 1px solid;
    padding: 1rem;
}
.single_ct .gallery {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.single_ct .gallery > li {
    padding: 1rem 0;
    width: 49%;
}
.single_ct .gallery > li > img {
    width: 100%;
}
.single_ct .aligncenter {
    display: block;
    margin: 1rem auto;
}
.single_ct .img-center {
    width: 100%;
    margin: 0 0 2rem;
}
@media screen and (min-width: 768px) {
    .single_ct img.alignleft {
        float: left;
        margin: 0 2.5rem 1rem 0;
    }
}
@media screen and (max-width: 767px) {
    .single_meta > .col_lf {
        width: 100%;
        margin: 0 0 0.5rem;
    }
    .single_meta .date {
        font-size: 1.67rem;
    }
    .single_ct {
        font-size: 1.8rem;
    }
    .single_ct h2 {
        font-size: 2.3rem;
    }
    .single_ct h3 {
        font-size: 2rem;
    }
    .single_ct iframe {
        height: 60vw;
    }
}
.single_ct .tol-tit2 {
    font-size: 3rem;
    color: #3ab54a;
    border-bottom: 4px solid #1175bc;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0 0 2rem;
    padding: 0 0 0.7rem;
}
.next_tool_bl {
    margin-top: 2rem;
}
@media screen and (min-width: 768px) {
    .tool_row > .ite_col {
        width: 23%;
        margin: 0 0 3rem;
    }
}
@media screen and (max-width: 767px) {
    .tool_wr {
        padding-top: 2rem;
    }
    .tool_wr > .container > .wr_tit {
        margin-bottom: 3rem;
    }
    .tool_row > .ite_col {
        margin-bottom: 30px;
    }
}
.term-filter {
    margin: 3rem 0 3rem;
}
.search_term {
    max-width: 100%;
}
.search_term > .sm_bl {
    max-width: 900px;
    margin: 0 auto;
}
.term_row {
    margin: 1rem 0;
    align-items: center;
}
.cate_term_search {
    margin: 1.5rem 0 2.5rem;
    flex-direction: row-reverse;
}
.term_cate {
    justify-content: flex-start;
    align-items: center;
}
.foreign_link_bt {
    background: #e6e6e6;
    border-color: #e6e6e6;
    font-size: 1.25rem;
    color: #1175bc;
    border-radius: 1em;
    padding: 0.2em 1em 0;
}
.foreign_link_bt > .ico {
    font-size: 1em;
    color: inherit;
}
.term_notice {
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    min-height: 5rem;
    border-radius: 1rem;
    border: 1px solid #fc3;
    background: #fef6e7;
    font-family: Gilroy-medium, sans-serif;
    margin: 1rem 0 3rem;
    line-height: 1.3;
    padding: 1rem 0;
}
.term_notice > .lf_ite {
    width: 15%;
    flex-shrink: 0;
    min-width: 50px;
    text-align: center;
}
.term_notice > .lf_ite > .ico {
    color: #f58829;
}
.term_notice > .rt_ite {
    width: auto;
    padding: 0 0.5rem;
    flex-grow: 1;
}
.term_notice > .rt_ite > a {
    font-family: Gilroy-bold, sans-serif;
}
.term_hd {
    margin: 0 0 1.5rem;
}
.term_hd > .term_tit {
    font-size: 3.2rem;
    line-height: 1.2;
    color: #1175bc;
    margin: 0;
}
.term_hd .term_desc {
    font-size: 2rem;
    line-height: 1.5;
    color: #959595;
    font-family: Gilroy-medium, sans-serif;
}
.term_meta {
    margin: 1.5rem 0 2rem;
    padding: 0.7rem 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #959595;
}
.term_meta > a {
    font-family: Gilroy-medium, sans-serif;
}
.relate_term {
    margin: 2rem 0 0;
}
@media screen and (max-width: 767px) {
    .term-filter {
        margin-bottom: 1rem;
    }
    .cate_term_search {
        flex-flow: column nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .cate_term_search > .item > .wr_dropdown {
        display: inline-block;
    }
    .term_hd > .term_tit {
        font-size: 2rem;
    }
    .term_hd .term_desc {
        font-size: 1.8rem;
    }
    .term_notice {
        font-size: 1.25rem;
    }
}
.buying_notes {
    margin: 5rem 0 3rem;
}
.buying_note {
    width: 100%;
    flex-flow: row nowrap;
    align-items: center;
    border-radius: 1.5rem;
    border: 2px solid #3ab54a;
    padding: 0.3rem 0 0;
    color: #464646;
}
.buying_note > figure {
    width: 37%;
    min-width: 50px;
    flex-shrink: 0;
    text-align: center;
}
.buying_note > figure > .ico {
    font-size: 6rem;
    color: #3ab54a;
}
.buying_note > .ct {
    width: auto;
    flex-grow: 1;
    padding: 1rem;
    font-family: Gilroy-medium, sans-serif;
    font-size: 1.45rem;
}
.buying_note > .ct > .tit {
    font-size: 2rem;
    margin: 0 0 0.5rem;
    color: #464646;
}
.buying_note > .ct a {
    color: #464646;
}
.buying_note > .ct a:hover {
    opacity: 0.85;
}
.cate_book_wr > .book_tabs {
    padding: 0 0 1rem;
    margin: 0 0 1.5rem;
}
.cate_book_wr > .book_tabs:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
#book-sidebar > .wid {
    margin-top: 3rem;
}
#book-sidebar > .wid:first-child {
    margin-top: 0;
}
@media screen and (min-width: 768px) {
    .product_tax_row {
        margin: 2rem 0 0;
    }
    .product_tax_row > .ite_col {
        width: 14.5%;
        margin-bottom: 3rem;
    }
    .buying_note_row {
        justify-content: center;
    }
    .buying_note_row > .ite_col {
        width: 40%;
        margin: 0 1.5%;
        max-width: 400px;
    }
}
@media screen and (max-width: 767px) {
    .buying_notes {
        margin: 2rem 0 0;
    }
    .buying_note_row > .ite_col {
        margin-top: 1rem;
    }
    .product_tax_row {
        margin: 2rem 0 0;
    }
    .product_tax_row > .ite_col {
        width: 48%;
        margin-bottom: 2rem;
    }
}
.bt_preview {
    background: 0 0;
    border: none;
    line-height: 0;
}
.bt_preview:hover {
    background: 0 0;
    opacity: 0.85;
}
.review_frame {
    width: 100%;
}
.book_image_wr {
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    background: #e6e6e6;
}
.book_image_wr:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 125%;
}
.book_image_wr > .bt_preview {
    position: absolute;
    z-index: 999;
    top: 1rem;
    right: 1rem;
}
.book_image_wr > .book_gallery {
    position: absolute;
    z-index: 9;
    padding: 0 2%;
    top: 10%;
    bottom: 10%;
    left: 8%;
    right: 8%;
}
#book-detail-gallery {
    overflow: hidden;
    opacity: 0;
}
#book-detail-gallery.ready {
    opacity: 1;
}
.book_gallery_item > a {
    display: block;
    width: 100%;
}
.book_gallery_item > a > .fit_fig:before {
    padding-top: 125%;
}
.book_tit {
    font-size: 2.5rem;
    color: #464646;
    line-height: 1.5;
    margin: 0 0 0.3em;
}
.book_note {
    font-size: 1.67rem;
}
.quantity_row > label {
    display: block;
    width: 100%;
    font-family: Gilroy-medium, sans-serif;
    font-size: 2rem;
    color: #464646;
    padding: 0;
    margin: 0 0 1rem;
}
.quantity_item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    width: 44%;
    align-items: flex-end;
}
.quantity_item > .quantity {
    width: auto;
    flex-grow: 1;
    max-width: 150px;
}
.quantity_item > .suf {
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.67rem;
    margin-left: 2rem;
}
.social_row.in_detail {
    margin: 2rem 0 0;
    justify-content: flex-start;
}
.single_add_to_cart_button {
    font-size: 2.2rem;
    font-family: Gilroy-bold, sans-serif;
    width: 39%;
    border-radius: 0.3em;
    height: 2.3em;
    margin: 0;
}
.price_row {
    align-items: center;
}
.price_row > .price {
    margin: 0;
    font-size: 3.5rem;
    flex-flow: row nowrap;
    align-items: flex-end;
}
.price_row > .price > del {
    margin-right: 1.5rem;
}
.price_row > .suf {
    margin-left: 3rem;
    display: inline-block;
    font-size: 1.67rem;
}
.book_meta_row {
    font-family: Gilroy-medium, sans-serif;
    font-size: 2rem;
    color: #464646;
    line-height: 1.5;
}
.book_meta_row > .item {
    border-bottom: 1px solid #959595;
    padding: 1.5rem 0 1.4rem;
}
.book_meta_row > .item:last-child {
    border-bottom: 0;
}
.book_meta_row > .item > p {
    margin: 0 0 1rem;
}
.book_meta_row > .item > p:last-child {
    margin-bottom: 0;
}
.add_cart_fr > .item,
.book_buying > .item {
    padding: 0 0 1.2rem;
}
.add_cart_fr > .item:last-child,
.book_buying > .item:last-child {
    padding-bottom: 0;
}
.add_cart_fr > .item > p,
.book_buying > .item > p {
    margin: 0 0 1.2rem;
}
.add_cart_fr > .item > p:last-child,
.book_buying > .item > p:last-child {
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    #book-detail > .container > .wr {
        padding-bottom: 2rem;
    }
    .book_inf_row {
        flex-flow: row nowrap;
    }
    .book_inf_row > .lf_col {
        width: 41%;
    }
    .book_inf_row > .rt_col {
        width: 56%;
        padding-top: 2%;
    }
}
@media screen and (max-width: 767px) {
    #sp-fixed-add-to-cart {
        position: fixed;
        z-index: 9999;
        top: auto;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 1rem 1.5rem;
        background: #fff;
    }
    #book-detail,
    #book_detail-info {
        padding-top: 0;
    }
    .book_tit {
        font-size: 2rem;
        margin: 0;
    }
    .book_note {
        font-size: 1.2rem;
    }
    .book_meta_row {
        font-size: 1.67rem;
    }
    .book_meta_row > .item {
        padding: 1rem 0;
    }
    .book_meta_row > .item > p {
        margin: 0;
    }
    .add_cart_fr > .item,
    .book_buying > .item {
        padding: 0 0 1rem;
    }
    .add_cart_fr > .item > p,
    .book_buying > .item > p {
        margin: 0;
    }
    .price_wr {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
    }
    .price_row {
        align-items: flex-end;
    }
    .price_row > .price {
        font-size: 2.3rem;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .price_row > .suf {
        font-size: 1.2rem;
        margin-left: 1rem;
        line-height: 2.5;
    }
    .quantity_row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .quantity_row > label {
        font-size: 1.67rem;
        flex-shrink: 0;
        width: auto;
        margin: 0;
    }
    .quantity_row > .quantity_item {
        width: auto;
        max-width: 60%;
    }
    .quantity_row > .quantity_item > .suf {
        font-size: 1.2rem;
    }
    .single_add_to_cart_button {
        font-size: 1.8rem;
        width: 100%;
        margin: 0;
    }
    .book_inf_row {
        flex-flow: column nowrap;
    }
    .book_inf_row > .lf_col {
        width: 100%;
    }
    .book_inf_row > .rt_col {
        width: 100%;
        padding-top: 2rem;
    }
    .book_image_wr {
        margin: 0 0 1rem;
    }
    .book_image_wr > .book_gallery {
        bottom: 14%;
    }
    .book_image_wr > .book_gallery > button {
        left: 0;
    }
    .book_image_wr > .book_gallery > button.slick-next {
        left: auto;
        right: 0;
    }
    .book_image_wr > .social_row {
        position: absolute;
        z-index: 9;
        left: 0;
        bottom: 0;
        width: 100%;
        justify-content: center;
        padding: 0 0 15px;
    }
}
.book_detail_tb {
    border: none;
}
.book_detail_tb > tbody > tr {
    border-bottom: 2px solid #fff;
}
.book_detail_tb > tbody > tr > td,
.book_detail_tb > tbody > tr > th {
    border: none;
    text-align: left;
    padding: 1rem;
    background: #f2f2f2;
    color: #464646;
}
.book_detail_tb > tbody > tr > td {
    font-family: Gilroy-bold, sans-serif;
    font-size: 2rem;
    border-radius: 0 1rem 1rem 0;
}
.book_detail_tb > tbody > tr > th {
    width: 40%;
    font-size: 1.67rem;
    font-family: Gilroy-medium, sans-serif;
    font-weight: 500;
    border-radius: 1rem 0 0 1rem;
    padding-left: 2rem;
}
@media screen and (max-width: 767px) {
    .book_detail_tb > tbody > tr > td {
        font-size: 1.4rem;
    }
    .book_detail_tb > tbody > tr > th {
        font-size: 1.2rem;
        padding-left: 1rem;
    }
}
#related-book > .wr_ct > .book_carousel {
    min-height: 330px;
}
@media screen and (min-width: 768px) {
    .about_us_wr > .wr {
        padding: 5rem 0 0;
    }
}
.ab_mission_ite {
    flex-flow: row nowrap;
    align-items: flex-start;
    margin: 0 0 3rem;
}
.ab_mission_ite > figure {
    width: 25%;
    font-size: 6rem;
    min-width: 1.5em;
    background: #231f20;
    flex-shrink: 0;
    margin-right: 5%;
    margin-top: 0.7rem;
}
.ab_mission_ite > figure:before {
    padding-top: 100%;
}
.ab_mission_ite > figure > .ico {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 0;
    width: 100%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
    font-size: 1em;
    color: #fff;
}
.ab_mission_ite > figure.green {
    background: #3ab54a;
}
.ab_mission_ite > figure.blue {
    background: #1175bc;
}
.ab_mission_ite > .ct {
    width: auto;
    flex-grow: 1;
    color: #959595;
    font-family: Gilroy-medium, sans-serif;
    font-size: 1.8rem;
}
.ab_mission_ite > .ct > .tit {
    font-size: 1.6em;
    color: #464646;
    margin: 0;
}
@media screen and (min-width: 768px) {
    .ab_mission_wr {
        flex-flow: row nowrap;
    }
    .ab_mission_wr > .col_tit {
        width: 25%;
        flex-shrink: 0;
    }
    .ab_mission_wr > .col_ct {
        width: auto;
        flex-grow: 1;
        padding-top: 7rem;
    }
    .ab_mission_row > .ite_col {
        width: 46%;
    }
}
@media screen and (max-width: 767px) {
    .ab_mission_row,
    .ab_mission_wr {
        display: block;
    }
    .ab_mission_row {
        height: 260px;
        min-height: 260px;
        overflow: hidden;
        opacity: 0;
    }
    .ab_mission_row > button {
        left: 0;
    }
    .ab_mission_row > button.slick-next {
        left: auto;
        right: 0;
    }
    .ab_mission_ite {
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        margin: 0;
    }
    .ab_mission_ite > figure {
        margin: 0 0 1rem;
    }
    .ab_mission_ite > .ct {
        width: 100%;
        text-align: center;
        font-size: 1.67rem;
    }
    .ab_mission_ite > .ct > .desc {
        max-width: 300px;
        margin: 0 auto;
    }
}
.ab_person_ct {
    font-family: Gilroy-medium, sans-serif;
    font-size: 2rem;
    line-height: 1.8;
}
.ab_person_ct p {
    line-height: 2;
}
.ab_person_ct > .desc {
    text-align: justify;
}
.ab_person_ct > .bot {
    margin-top: 2rem;
}
.ab_person_ct > .bot > .main {
    font-size: 1.2em;
    font-family: Gilroy-bold, sans-serif;
    color: #464646;
}
@media screen and (min-width: 768px) {
    .ab_person_row {
        flex-direction: row-reverse;
    }
    .ab_person_row > .ite_col {
        width: 48%;
    }
}
@media screen and (max-width: 767px) {
    .ab_person_ct {
        font-size: 1.67rem;
    }
    .ab_person_ct > p {
        line-height: 1.5;
    }
}
#partner-slider {
    width: 100%;
    padding: 1.5rem 8%;
    background: #f2f2f2;
    border-radius: 2rem;
    height: 80px;
    opacity: 0;
}
#partner-slider.ready {
    opacity: 1;
    height: auto;
}
#partner-slider > .slick-arrow {
    left: 3%;
}
#partner-slider > .slick-arrow.slick-next {
    left: auto;
    right: 3%;
}
.ab_partner > a {
    display: block;
    width: 70%;
    max-width: 250px;
    margin: 0 auto;
}
.ab_map {
    position: relative;
    height: 100%;
    min-height: 350px;
    border-radius: 1.5rem;
    overflow: hidden;
}
.ab_map > iframe {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ab_contact_info {
    margin: 0 0 5rem;
}
.ab_contact_info > .ico_txt {
    margin: 0 0 1rem;
    color: #464646;
    font-size: 1.67rem;
}
.ab_contact_info > .ico_txt:last-child {
    margin-bottom: 0;
}
.ab_contact_info > .ico_txt > .ico {
    color: #3ab54a;
}
.ab_contact_info > .ico_txt a {
    color: #464646;
}
.ab_contact_send > .send_tit {
    font-size: 2.5rem;
    margin: 0;
    line-height: 1.5;
    color: #464646;
}
.ab_contact_send > .send_desc {
    font-family: Gilroy-medium, sans-serif;
    font-size: 2rem;
    margin: 0 0 1em;
    color: #464646;
}
.contact_fr > .row-grid > .grid-xs-12 {
    margin: 0;
}
.contact_fr > .fr_submit {
    text-align: left;
}
.contact_fr > .fr_submit > button {
    font-size: 2.5rem;
    font-family: Gilroy-bold, sans-serif;
    height: 1.6em;
    padding-top: 0.2em;
}
.contact_fr input,
.contact_fr textarea {
    border: 2px solid #e8e8e8;
}
.contact_fr textarea {
    min-height: 15rem;
}
.contact_fr ::-webkit-input-placeholder {
    color: #959595;
    font-style: italic;
}
.contact_fr :-ms-input-placeholder {
    color: #959595;
    font-style: italic;
}
.contact_fr ::placeholder {
    color: #959595;
    font-style: italic;
}
@media screen and (min-width: 768px) {
    .ab_contact_row {
        flex-flow: row nowrap;
    }
    .ab_contact_row > .lf_col {
        width: 40%;
    }
    .ab_contact_row > .rt_col {
        width: 55%;
    }
}
@media screen and (max-width: 767px) {
    .contact_fr > .fr_submit > button {
        font-size: 1.8rem;
    }
    .ab_contact_info {
        margin-bottom: 3rem;
    }
    .ab_contact_send {
        position: relative;
        z-index: 999;
    }
    .ab_contact_send > .send_tit {
        font-size: 1.8rem;
    }
    .ab_contact_send > .send_tit > br {
        display: none;
    }
    .ab_contact_send > .send_desc {
        font-size: 1.5rem;
    }
    .ab_contact_row > .lf_col {
        width: 100%;
    }
    .ab_contact_row > .rt_col {
        margin-top: 2rem;
        width: 100%;
    }
}
.recruit_send {
    border-top: 1px solid #58595b;
    margin-top: 1rem;
    padding: 3rem 0 1rem;
}
.recruit_send > .tit_ite > .tit {
    font-size: 2.5rem;
    margin: 0;
    color: #58595b;
}
.recruit_send > .send_ite {
    padding-left: 2%;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    color: #464646;
    font-family: Gilroy-medium, sans-serif;
    font-size: 2rem;
}
.recruit_send > .send_ite > .ico_txt {
    white-space: nowrap;
    margin-right: 2rem;
    flex-shrink: 0;
}
.recruit_send > .send_ite > .bt {
    width: auto;
    flex-grow: 1;
    font-size: 2rem;
    font-family: Gilroy-bold, sans-serif;
    line-height: 2;
}
.recruit_send > .send_ite > .bt:hover {
    background: 0 0;
}
.recruit_accordion > .accor_target {
    background: #f2f2f2;
    padding: 1rem 3rem 2rem;
    border-radius: 0 0 2rem 2rem;
}
.recruit_post {
    background: #f2f2f2;
    padding: 1rem 1.5rem 1rem 0;
    border-radius: 1rem;
    flex-flow: row nowrap;
    align-items: center;
    color: #959595;
}
.recruit_post > figure {
    width: 18%;
    flex-shrink: 0;
    margin: 0 2rem;
    font-size: 6rem;
    min-width: 1em;
    background: 0 0;
}
.recruit_post > figure:before {
    padding-top: 100%;
}
.recruit_post > figure > .ico {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1em;
    color: #959595;
}
.recruit_post > .ct {
    width: auto;
    flex-grow: 1;
    font-family: Gilroy-medium, sans-serif;
}
.recruit_post > .ct > .tit {
    font-size: 3rem;
    line-height: 1.1;
    margin: 0 0;
    color: #959595;
}
.recruit_row {
    margin-top: 2rem;
}
.recruit_row > .accor_item {
    border-bottom: 1.5rem solid transparent;
}
.recruit_row > .accor_item.active {
    border-bottom-color: #f2f2f2;
}
.recruit_row > .accor_item.active > .recruit_post {
    border-radius: 1rem 1rem 0 0;
    color: #464646;
}
.recruit_row > .accor_item.active > .recruit_post .tit,
.recruit_row > .accor_item.active > .recruit_post > figure > .ico {
    color: #3ab54a;
}
.recruit_desc {
    font-size: 1.67rem;
    color: #464646;
}
.recruit_desc h2,
.recruit_desc h3,
.recruit_desc h4,
.recruit_desc h5 {
    font-size: 2.5rem;
    margin: 0.85em 0 0.2em;
    color: #464646;
    text-transform: uppercase;
}
.recruit_desc ul {
    margin: 0 0 1.5rem;
}
.recruit_desc ul > li {
    padding: 5px 0;
}
.recruit_desc ul > li:before {
    content: "-";
    display: inline-block;
    margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
    .recruit_send {
        flex-flow: row nowrap;
        align-items: center;
    }
    .recruit_send > .lf_col {
        width: 50%;
    }
    .recruit_send > .rt_col {
        width: 50%;
        border-left: 1px solid #58595b;
    }
    .recruit_row {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .recruit_row > .ite_col {
        width: 31.33%;
        margin-left: 3%;
    }
    .recruit_row > .ite_col:first-child {
        margin-left: 0;
    }
    .recruit_desc > .flex_row {
        flex-flow: row nowrap;
    }
    .recruit_desc > .flex_row > .ite_col {
        width: 48%;
    }
}
@media screen and (max-width: 767px) {
    .recruit_row {
        margin-top: 1rem;
    }
    .recruit_row > .ite_col {
        width: 48%;
        border-bottom-width: 0.5rem;
    }
    .recruit_post {
        padding: 1rem 1rem 1rem 0;
    }
    .recruit_post > figure {
        margin: 0 1rem;
        font-size: 3rem;
    }
    .recruit_post > .ct > .tit {
        font-size: 1.5rem;
    }
    .recruit_post > .ct > .ico_txt {
        font-size: 1rem;
    }
    .recruit_post > .ct > .ico_txt > .ico {
        margin: 0.3em 0.5rem 0 0;
        font-size: 1rem;
        min-width: 1rem;
    }
    .recruit_accordion > .accor_target {
        padding: 1rem 1rem 2rem;
        border-radius: 0 0 1rem 1rem;
    }
    .recruit_desc {
        font-size: 1.5rem;
    }
    .recruit_desc h2,
    .recruit_desc h3,
    .recruit_desc h4,
    .recruit_desc h5 {
        font-size: 1.8rem;
    }
    .recruit_desc ul > li {
        padding: 0;
    }
    .recruit_send > .tit_ite > .tit {
        font-size: 1.8rem;
    }
    .recruit_send > .send_ite {
        width: 100%;
        padding: 1rem 0 0;
    }
    .recruit_send > .send_ite > .ico_txt {
        font-size: 1.25rem;
    }
    .recruit_send > .send_ite > .bt {
        font-size: 1.25rem;
    }
}
#cart-form {
    margin-top: 3rem;
}
.cart_empty_wr {
    text-align: center;
    font-family: Gilroy-medium, sans-serif;
    font-size: 2rem;
    max-width: 500px;
    margin: 0 auto 3rem;
    border: 1px solid #e8e8e8;
    border-radius: 1rem;
    background: #f2f2f2;
    padding: 1em;
}
.cart_empty_wr > .ico {
    font-size: 3em;
    color: #1175bc;
    margin: 0 auto 3rem;
}
.cart_empty_wr > .cart_page_action {
    margin-bottom: 0;
}
.cart_page_action {
    text-align: center;
    margin: 1.5rem 0;
    justify-content: center;
}
.cart_page_action > .bt {
    width: 100%;
    max-width: 270px;
    height: 2.3em;
    margin: 0.5rem 1em;
    font-family: Gilroy-bold, sans-serif;
}
@media screen and (max-width: 767px) {
    .cart_wr_tit {
        font-size: 2rem;
    }
}
.checkout_wr {
    max-width: 1190px;
    margin: 0 auto 3rem;
}
.checkout_space {
    display: block;
    height: 3rem;
}
.checkout_note {
    font-family: Gilroy, sans-serif;
    font-size: 0.85em;
    color: #58595b;
}
.checkout_tit {
    font-size: 2rem;
    margin: 0 0 0.7em;
    color: #58595b;
    padding: 0 1rem;
}
.checkout_tit.large {
    font-size: 2.5rem;
}
.check-info {
    background: #f2f2f2;
    padding: 2.5rem 2.5rem 3rem;
    font-size: 1.67rem;
    border-radius: 1rem;
}
.checkout_row > .lf_col,
.checkout_row > .rt_col {
    margin: 0 0 1.5em;
    overflow: visible;
}
@media screen and (min-width: 768px) {
    .checkout_row {
        flex-flow: row nowrap;
    }
    .checkout_row > .lf_col,
    .checkout_row > .rt_col {
        width: 48%;
    }
}
@media screen and (max-width: 767px) {
    .checkout_tit {
        font-size: 1.8rem;
    }
    .checkout_tit.large {
        font-size: 2rem;
    }
    .check-info {
        padding: 1.5rem;
    }
}
.prog-nav {
    margin: 4.5rem 0 5rem;
}
.prog-nav > ul {
    margin: 0 auto;
    position: relative;
    font-size: 0;
    justify-content: center;
}
.prog-nav > ul:after {
    border-top: 1px solid #aaa;
    width: 100%;
    bottom: 15px;
    z-index: 1;
}
.prog-nav > ul > li {
    width: 33%;
    text-align: center;
    position: relative;
    padding: 0;
}
.prog-nav > ul > li:after {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #bababa;
    position: absolute;
    bottom: 15px;
}
.prog-nav > ul > li.active > .element {
    color: #1175bc;
}
.prog-nav > ul > li.active > .element > .step {
    background: #1175bc;
}
.prog_step_item {
    display: inline-block;
    margin: 0;
    background: #fff;
    z-index: 50;
    position: relative;
    color: #bababa;
    font-size: 1.67rem;
}
.prog_step_item > span {
    display: block;
    text-align: center;
    font-family: Gilroy-medium, sans-serif;
    margin: 0 auto;
    font-size: 1em;
    line-height: 2;
}
.prog_step_item > span.step {
    width: 2em;
    height: 2em;
    background: #bababa;
    color: #fff;
    font-size: 1em;
    line-height: 2em;
    border-radius: 50%;
}
@media screen and (max-width: 767px) {
    .prog-nav > ul > li {
        width: 50%;
    }
    .prog_step_item {
        font-size: 1.25rem;
    }
}
.fr_note {
    font-style: italic;
    font-family: Gilroy-medium, sans-serif;
    font-size: 0.85em;
}
.address_fr {
    font-size: 1.6rem;
    padding-bottom: 1rem;
}
.address_fr > .fr_row {
    margin: 0 0 1.5rem;
}
.address_fr > .fr_row > .fr_label {
    text-transform: uppercase;
    padding-top: 1em;
}
.address_fr > .fr_row > .fr_ct {
    position: relative;
}
.address_fr > .fr_row > .fr_ct > input,
.address_fr > .fr_row > .fr_ct > select,
.address_fr > .fr_row > .fr_ct > textarea {
    border-color: #d6d6d6;
}
.address_fr > .fr_row > .fr_ct > input:focus,
.address_fr > .fr_row > .fr_ct > select:focus,
.address_fr > .fr_row > .fr_ct > textarea:focus {
    border-color: #959595;
}
.address_fr > .fr_row > .fr_ct > input,
.address_fr > .fr_row > .fr_ct > textarea {
    color: #333;
}
.address_fr > .fr_row > .fr_ct > select {
    color: #959595;
}
.address_fr > .fr_row > .fr_ct > select.is_selected,
.address_fr > .fr_row > .fr_ct > select > option {
    color: #333;
}
.address_fr > .fr_row > .fr_ct > textarea {
    min-height: 6em;
}
.address_fr > .fr_submit > .bt {
    font-size: 1.2em;
    min-width: 230px;
    text-align: center;
    border-radius: 0.3em;
}
.address_fr > .fr_submit > .bt:hover {
    background: 0 0;
}
.address_fr > .fr_submit > .bt_edit {
    min-width: 100px;
    margin-left: 1em;
}
.address_fr > .fr_submit > .bt_edit.active {
    background: 0 0;
    color: #1175bc;
}
.address_fr > .fr_submit.inl_content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
}
@media screen and (min-width: 768px) {
    .address_fr_inline > .lf_col,
    .address_fr_inline > .rt_col {
        width: 48%;
    }
    .address_fr > .fr_row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
    }
    .address_fr > .fr_row > .fr_label {
        width: 25%;
        min-width: 150px;
        flex-shrink: 0;
    }
    .address_fr > .fr_row > .fr_ct {
        width: auto;
        flex-grow: 1;
    }
}
@media screen and (max-width: 767px) {
    .address_fr {
        font-size: 1.4rem;
    }
    .address_fr > .fr_row {
        margin: 0 0 1rem;
    }
    .address_fr > .fr_row > .fr_label {
        padding-top: 0;
    }
    .address_fr > .fr_row > .fr_ct {
        display: block;
        width: 100%;
    }
    .address_position {
        padding: 0 0.5rem;
    }
}
.rv_address {
    padding: 0;
    font-size: 1.8rem;
    position: relative;
}
.rv_address > .tit {
    margin: 0 0 0.5em;
    text-transform: uppercase;
    font-size: 1.2em;
    color: #1175bc;
}
.rv_address > .bt_edit {
    position: absolute;
    z-index: 9;
    top: 0;
    left: auto;
    right: 0;
}
.re_address_fr {
    padding-top: 3rem;
}
.cart_review_tit {
    margin: 0;
    border: 1px solid #e8e8e8;
    padding: 1.5rem 2rem;
    line-height: 1;
    position: relative;
    align-items: flex-start;
    font-size: 2rem;
    color: #58595b;
}
.cart_review_tit > .bt_edit {
    font-size: 1em;
}
.cart_review_tit > .bt_edit.active,
.cart_review_tit > .bt_edit:hover {
    color: #1175bc;
}
.order_cart_inner {
    padding: 1.5rem;
    border: 1px solid #e8e8e8;
}
.order_cart_inner > #cart-form {
    margin: 0;
}
.order_cart_tb {
    font-size: 1.6rem;
    text-align: left;
}
.order_cart_tb > thead > tr > th {
    background: 0 0;
    border-bottom: 1px solid #e8e8e8;
}
.order_cart_tb > thead > tr > th.product-name {
    padding-left: 0;
}
.order_cart_tb > thead > tr > th.product-total {
    text-align: right;
}
.order_cart_tb > tbody > tr > td,
.order_cart_tb > tbody > tr > th {
    border-left: none;
    border-bottom: 1px dashed #e8e8e8;
}
.order_cart_tb > tbody > tr > td.product-subtotal > .cart_remove,
.order_cart_tb > tbody > tr > th.product-subtotal > .cart_remove {
    bottom: 0;
}
.order_cart_tb > tbody > tr > td.product-subtotal > .cart_remove > .ico,
.order_cart_tb > tbody > tr > th.product-subtotal > .cart_remove > .ico {
    font-size: 1em;
}
.order_cart_tb > tfoot > tr > td,
.order_cart_tb > tfoot > tr > th {
    border: none;
    border-bottom: 1px solid #e8e8e8;
}
.order_cart_tb > tfoot > tr > td.product-subtotal {
    text-align: right;
    position: relative;
}
.order_cart_tb > tfoot > tr > td.product-subtotal > .price {
    white-space: nowrap;
    font-size: 1.2em;
    margin-top: 0.2em;
    display: inline-block;
}
.order_cart_tb > tfoot > tr:last-child > td,
.order_cart_tb > tfoot > tr:last-child > th {
    border-bottom: none;
}
@media screen and (max-width: 767px) {
    .order_cart_tb > tfoot > tr {
        border-bottom: 1px solid #e8e8e8;
    }
    .order_cart_tb > tfoot > tr:last-child {
        border-bottom: none;
    }
    .order_cart_tb > tfoot > tr > th {
        border-bottom: none;
    }
}
.checkout_login_fr > .fr_row > input {
    border-color: #d6d6d6;
}
.checkout_login_fr > .fr_row > input:focus {
    border-color: #959595;
}
.payment_list > .payment_item {
    margin: 0 0 1rem;
}
.payment_list > .payment_item:last-child {
    margin-bottom: 0;
}
.payment_item {
    font-family: Gilroy-medium, sans-serif;
    font-size: 1.8rem;
}
.payment_item > label {
    font-size: 1em;
    align-items: center;
    margin: 0;
}
.payment_item > .gate-desc {
    padding-left: 1.6em;
}
.gate-desc {
    padding: 0.5rem 0 1rem 0;
    display: none;
}
.gate-desc > .content {
    background: #ececec;
    border: 1px solid #e2e2e2;
    padding: 0.5em 0.7em 0.7em;
    font-size: 0.9em;
    border-radius: 0.5rem;
    line-height: 1.8;
}
.gate-desc > .content > ul {
    list-style: disc;
    padding-left: 1.5em;
}
.payment-logo {
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    margin: 0 0.5em 0 0;
}
.checkout_invoice > .select_invoice {
    font-family: Gilroy-medium, sans-serif;
    font-size: 1.8rem;
}
.checkout_invoice > .select_invoice > input {
    margin-top: 0.25em;
}
.bl-thank {
    background: #f2f2f2;
    margin: 1em auto;
    font-size: 1.8rem;
    text-align: center;
    padding: 2em 1em;
    border-radius: 1rem;
    line-height: 1.8;
}
.order_code {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    background: #1175bc;
    font-family: Gilroy-bold, sans-serif;
    justify-content: center;
    align-items: center;
    font-size: 1.4em;
    color: #fff;
    letter-spacing: 0.1em;
    padding: 0.1em 1.2em 0.2em;
    cursor: text;
    margin: 1rem 0;
    height: 2em;
    border-radius: 0.3em;
    line-height: 1;
}
.thank-ft {
    text-align: center;
    margin: 3rem 0;
}
.thank-ft > .bt {
    padding: 0.1em 1.2em;
}
.confirm_wr {
    position: relative;
}
.confirm_wr > .lf_col {
    position: initial;
}
.checkout_fr {
    position: initial;
}
.checkout_fr > .fr_submit {
    display: none;
}
.price {
    font-family: Gilroy-heavy, sans-serif;
    font-size: 2rem;
    line-height: 1;
    color: #20ce5d;
    letter-spacing: 1px;
}
.price > ins {
    text-decoration: none;
}
.price > del {
    font-family: Gilroy-medium, sans-serif;
    font-size: 0.8em;
    color: #bababa;
}
.price > .amount bdi > span,
.price > .amount > span {
    font-weight: 700;
}
.price.blue {
    color: #1175bc;
}
.price.black {
    color: #58595b;
}
.price.regular {
    font-family: Gilroy-medium, sans-serif;
}
.product_label.hot_lb {
    display: block;
    background: #e5573d;
    color: #fff;
    font-family: Gilroy-medium, sans-serif;
    text-transform: uppercase;
    font-size: 1.8rem;
    width: 2.8em;
    height: 1.6em;
    line-height: 1.7;
    text-align: center;
    overflow: visible;
    right: 0.6em;
}
.product_label.hot_lb:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -0.6em;
    border-top: 0.8em solid #e5573d;
    border-right: 0.6em solid transparent;
}
.product_label.hot_lb:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: -0.6em;
    border-bottom: 0.8em solid #e5573d;
    border-right: 0.6em solid transparent;
}
.product_label.sale_lb {
    display: block;
    background: #3ab54a;
    color: #fff;
    font-family: Gilroy-medium, sans-serif;
    text-transform: uppercase;
    font-size: 1.8rem;
    width: 2.8em;
    height: 1.6em;
    line-height: 1.7;
    text-align: center;
    overflow: visible;
    right: 0.6em;
}
.product_label.sale_lb:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -0.6em;
    border-top: 0.8em solid #3ab54a;
    border-right: 0.6em solid transparent;
}
.product_label.sale_lb:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: -0.6em;
    border-bottom: 0.8em solid #3ab54a;
    border-right: 0.6em solid transparent;
}
.product_label.gift_lb {
    display: block;
    background: 0 0;
    color: #fff;
    font-family: Gilroy-medium, sans-serif;
    text-transform: uppercase;
    font-size: 1.2rem;
    width: 5rem;
    line-height: 1;
    text-align: center;
    overflow: visible;
    right: 0;
}
.product_label.gift_lb > span {
    position: absolute;
    z-index: 9;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0 0 3px;
}
.product_label.gift_lb:before {
    content: "";
    display: block;
    position: relative;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 77.78%;
    background: url(../images/gift.svg) no-repeat center top;
    background-size: contain;
}
.date > .ico {
    color: inherit;
    font-size: 1.4em;
    margin: 0 3px 0 0;
}
.bt.cate_readmore {
    height: 5rem;
    width: 9em;
    border-radius: 3em;
    border-width: 2px;
    font-family: Gilroy-bold, sans-serif;
}
@media screen and (max-width: 767px) {
    .bt.cate_readmore {
        height: 4rem;
    }
}
.fileContainer {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    background: #37b34a;
    color: #fff;
    text-align: center;
    line-height: 36px;
    padding: 0 30px;
    cursor: initial;
}
.fileContainer.none:after,
.fileContainer > .input-file {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    left: 0;
}
.fileContainer.none:after {
    content: "";
    display: block;
    background: url(../images/loading.svg) center no-repeat rgba(255, 255, 255, 0.51);
    background-size: 18px;
}
.fileContainer > .input-file {
    font-size: 999px;
    opacity: 0;
}
.calc_tool {
    background: #e6e6e6;
    padding: 2rem 0 2.5rem;
    border-radius: 2rem;
    color: #333;
    margin: 2.5rem 0;
}
.calcs__button {
    width: 100%;
    height: 2.5em;
    border-radius: 2.5em;
    font-family: Gilroy-bold, sans-serif;
    font-size: 2rem;
}
.calcs__results {
    padding: 2.5rem;
    font-size: 1.67rem;
    font-family: Gilroy-medium, sans-serif;
    border-radius: 1rem;
    background: #333;
    color: #fff;
    height: 100%;
}
.calcs__results.c_blue {
    background: #1175bc;
}
.calcs__results.c_green {
    background: #3ab54a;
}
.calcs__results > .tit {
    font-size: 2.5rem;
    line-height: 1.2;
    margin: 0 0 0.7em;
    color: #fff;
}
.calcs__results > .calcs__row {
    margin: 0 0 0.3rem;
}
.calcs__results > .calcs__row:last-child {
    margin-bottom: 0;
}
.calcs__results > .calcs__row > .calcs__strong {
    font-family: Gilroy-bold, sans-serif;
    font-size: 1.85rem;
    display: inline-block;
    margin-left: 0.5rem;
}
.calcs__results > .calcs__row > .calcs__strong.dis_bl {
    margin-left: 0;
    display: block;
}
.calcs__results > .calcs__row .lnk {
    font-size: 1.45rem;
    color: #0f74bc;
}
.calcs__results > .calcs__row .lnk:hover {
    color: #fff;
}
.calc_tool_fr {
    width: 96%;
    margin: 0 auto;
}
.calc_tool_fr.medium {
    max-width: 1115px;
}
.calc_tool_fr label {
    text-transform: capitalize;
    font-size: 1.45rem;
    font-family: Gilroy-medium, sans-serif;
}
.calc_tool_row > .calc_tool_input .fr_row {
    margin-bottom: 2rem;
}
.calc_tool_row > .calc_tool_input .fr_row:last-child {
    margin-bottom: 0;
}
.calc_rool_result {
    padding: 1rem;
}
.calc_rool_result > .ct {
    margin: 1rem 0 2rem;
    text-align: center;
    font-size: 3rem;
    font-family: Gilroy-medium, sans-serif;
}
.calc_rool_result > .ct > .number_txt {
    display: block;
    font-size: 3em;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color: #1175bc;
    line-height: 1;
    padding: 0 0 0 2rem;
}
.calc_rool_result.ct_content {
    text-align: center;
}
.list-tol {
    display: inline-block;
    text-align: left;
    margin: 0 auto !important;
}
.list-tol > li {
    padding: 1rem 0;
    border-top: 1px solid;
}
.list-tol > li:first-child {
    border-top: none;
    padding-top: 0;
}
.list-tol > li:last-child {
    padding-bottom: 0;
}
.mos_res_item {
    font-family: Gilroy-medium, sans-serif;
    font-size: 1.67rem;
    line-height: 1.2;
}
.mos_res_item > .number_txt {
    display: block;
    font-family: Roboto, sans-serif;
    font-weight: 900;
    font-size: 1.85em;
    color: #1175bc;
}
.calc_tool_fig > figure {
    display: block;
    margin: 0 auto;
    width: 90%;
    max-width: 100px;
}
.tool_result_table_bl > table.table > tbody > tr > td,
.tool_result_table_bl > table.table > thead > tr > th {
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #aaa;
    text-align: center;
    font-family: Gilroy-medium, sans-serif;
}
@media screen and (min-width: 768px) {
    .calc_tool_row {
        flex-flow: row nowrap;
        align-items: center;
    }
    .calc_tool_row > .calc_tool_fig {
        width: 16.5%;
        padding-right: 2.5rem;
    }
    .calc_tool_row > .calc_tool_input {
        width: auto;
        flex-grow: 1;
    }
    .calc_tool_row > .calc_rool_result {
        width: 40%;
    }
    .calc_tool_row > .calc_rool_result.small {
        width: 28%;
    }
}
@media screen and (max-width: 767px) {
    .tool_result_table_bl > table.table > tbody > tr > td,
    .tool_result_table_bl > table.table > thead > tr > th {
        font-size: 1rem;
        min-width: 50px;
    }
    .calcs__results {
        font-size: 1.2rem;
    }
    .calcs__results > .tit {
        font-size: 2.2rem;
    }
    .list-tol {
        width: 100%;
    }
    .mos_res_item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        font-size: 1.25rem;
    }
    .calc_tool_fr label {
        font-size: 1.25rem;
    }
    .calc_tool_row {
        flex-flow: column nowrap;
    }
    .calc_tool_row > .calc_tool_input {
        margin-top: 1.5rem;
        width: 100%;
    }
    .calc_tool_row .calc_rool_result {
        width: 100%;
        padding: 1.5rem 1rem 0;
    }
    .calc_tool_row .calc_rool_result > .ct {
        font-size: 1.5rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        margin: 0;
    }
}
.term_search {
    flex-flow: row nowrap;
    height: 5rem;
    border-radius: 1rem;
    overflow: hidden;
}
.term_search > input {
    width: auto;
    flex-grow: 1;
    height: inherit;
    border: none;
    border-radius: 0;
    background: #f2f2f2;
    font-family: Gilroy-medium, sans-serif;
    font-size: 2rem;
    padding-left: 1em;
}
.term_search > input ::-webkit-input-placeholder {
    color: #333;
}
.term_search > input ::-ms-input-placeholder {
    color: #333;
}
.term_search > input ::placeholder {
    color: #333;
}
.term_search > button {
    height: inherit;
    border: none;
    border-radius: 0;
    font-size: 3.5rem;
    padding: 0.1em 0 0;
    min-width: 110px;
    background: #3ab54a;
}
.term_search > button:hover {
    background: #3ab54a;
}
.term_search > button > .ico {
    margin: 0;
    color: #fff;
}
@media screen and (max-width: 767px) {
    .term_search {
        height: 4rem;
    }
    .term_search > input {
        font-size: 1.67rem;
    }
    .term_search > button {
        min-width: 60px;
        font-size: 2.5rem;
    }
}
.language_links > .item {
    margin-left: 1rem;
    font-size: 1.67rem;
}
.language_links > .item:first-child {
    margin-left: 0;
}
.language_links > .item > label {
    color: #333;
    padding: 0;
    font-size: 1em;
}
.language_links > .item > label:hover > span,
.language_links > .item > label > input:checked + span {
    color: #3ab54a;
    font-family: Gilroy-bold, sans-serif;
}
.term_dropdown {
    width: auto;
    min-width: 120px;
}
.term_dropdown > .results {
    width: 100%;
    font-size: 1.67rem;
    justify-content: space-between;
}
.term_dropdown > .results > .current {
    color: #1175bc;
    font-family: Gilroy-bold, sans-serif;
    margin-left: 1rem;
}
.term_dropdown > .results > .current > .ico {
    font-size: 0.65em;
    color: #1175bc;
    margin-left: 0.5rem;
    line-height: 1;
    vertical-align: middle;
}
.term_dropdown > .dropdown {
    padding-top: 0;
}
.term_dropdown > .dropdown > li > label {
    display: block;
    width: 100%;
}
.term_prefix {
    margin: 1.5rem 0 0;
}
.term_prefix > ul {
    justify-content: space-between;
    align-items: center;
    font-size: 0;
    width: 100%;
}
.term_prefix > ul > li {
    padding: 0;
    margin-bottom: 1rem;
}
.term_prefix > ul > li > label {
    padding: 0;
}
.term_prefix > ul > li > label > span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border: 1px solid;
    text-align: center;
    font-family: Gilroy-bold, sans-serif;
    font-size: 1.8rem;
    line-height: 1;
    color: #959595;
    border-radius: 1rem;
}
.term_prefix > ul > li > label:hover > span,
.term_prefix > ul > li > label > input:checked + span {
    background: #3ab54a;
    border-color: #3ab54a;
    color: #fff;
}
@media screen and (max-width: 767px) {
    .term_prefix {
        margin-top: 0;
    }
    .term_prefix > ul {
        width: auto;
        margin: 0 -0.25rem;
        flex-flow: row wrap;
        justify-content: flex-start;
    }
    .term_prefix > ul > li {
        padding: 0 0.25rem;
    }
    .term_prefix > ul > li > label > span {
        width: 2.2rem;
        height: 2.2rem;
        font-size: 1rem;
        border-radius: 0.5rem;
    }
}
.product_filter {
    align-items: center;
}
.product_filter > .name {
    display: inline-block;
    white-space: nowrap;
    font-family: Gilroy-medium, sans-serif;
    font-size: 2rem;
    line-height: 1;
    margin-right: 1.5rem;
}
.product_filter > select {
    min-width: 210px;
    height: 3rem;
    padding: 0 0.5rem 0.1em;
}
@media screen and (max-width: 767px) {
    .product_filter > .name {
        font-size: 1.25rem;
    }
    .product_filter > select {
        min-width: 80px;
        height: 2.5rem;
        font-size: 1.25rem;
    }
}
table.main_tb {
    background: #e8e8e8;
}
table.main_tb > thead {
    background: #1175bc;
    color: #fff;
}
.cart_hd {
    position: relative;
    display: inline-block;
    line-height: 1;
}
.cart_hd > .notice {
    display: none;
    position: absolute;
    top: 140%;
    left: auto;
    width: 250px;
    right: -110px;
    line-height: 1.5;
}
.cart_hd > .notice.active {
    display: block;
    -ms-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -ms-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -ms-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.cart_counter {
    position: relative;
}
.cart_counter > .counter {
    position: absolute;
    z-index: 99;
    top: -0.5em;
    right: -0.5em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(17, 117, 188, 0.7);
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 0.85em;
    flex-shrink: 0;
    line-height: 0;
}
.cart_counter.unlink {
    pointer-events: none;
}
.cart_counter.unlink > .counter {
    visibility: hidden;
}
@media screen and (max-width: 1440px) and (min-width: 768px) {
    .cart_hd > .notice {
        right: -3rem;
    }
    .cart_hd > .notice:after {
        left: 83%;
    }
}
@media screen and (max-width: 767px) {
    .cart_hd > .notice {
        right: -84px;
    }
    .cart_hd > .notice:after {
        left: 62%;
    }
}
.blog .page_banner {
    padding-top: 20px;
}
.blog .wr_page {
    padding-top: 30px;
}
.blog .wr_tit.no_bor {
    padding-bottom: 0;
    margin-bottom: 10px;
}
.blog_post_cate {
    margin: 0 0 6rem 0;
}
.blog_post_cate > .ft {
    margin: 4rem 0 0;
}
.blog_post_cate:last-child {
    margin-bottom: 1rem;
}
.blog .wr_tit-bor span {
    background: #1175bc;
    color: #fff;
    font-family: Gilroy-medium, sans-serif;
    font-size: 2rem;
    line-height: 1;
    padding: 0.45em 0.8em;
    display: inline-block;
    border-radius: 0 0 0.7rem 0.7rem;
    text-transform: capitalize;
}
.blog h3.wr_tit-bor {
    border-top: 0.4rem solid #1175bc;
    display: flex;
    margin: 0;
}
.blog .hot_post_cate {
    padding-top: 25px;
    padding-bottom: 30px;
}
.blog .top_post > .col_lf {
    margin-right: 35px;
}
.blog .top_post > .col_rt {
    padding: 10px 10px 10px 0;
}
.top_post > .top_post-ct > .desc {
    font-family: Gilroy, sans-serif;
    font-size: 19px;
    color: #333;
    margin-bottom: 40px;
}
.post_cate-carousel {
    padding-top: 30px;
    margin-bottom: 0;
}
.image_header_post > .ct {
    padding: 1.5rem 1rem 3rem;
}
.image_header_post > .ct > .desc {
    font-family: Gilroy, sans-serif;
    font-size: 1.9rem;
    color: #333;
}
.image_header_post.slide_post > .ct {
    padding-bottom: 1rem;
}
.relate_post {
    margin: 3rem 0 0;
}
.relate_post > .wr_tit {
    position: relative;
    border-bottom: none;
    margin: 0 0 3rem;
}
.relate_post > .wr_tit::after {
    content: "";
    position: relative;
    width: 65.87%;
    display: block;
    height: 3px;
    background-color: #1175bc;
}
.entry-tags {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #959595;
    border-bottom: 1px solid #959595;
    margin-top: 30px;
    padding: 15px 0;
}
.entry-tags > h4 {
    font-family: Gilroy-medium, sans-serif;
    color: #959595;
    font-size: 17px;
    margin-bottom: 0;
    margin-right: 10px;
    padding-top: 3px;
}
.entry-tags > ul > li {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}
.entry-tags > ul > li:after {
    content: "/";
    position: absolute;
    right: -15px;
}
.entry-tags > ul > li:last-child:after {
    display: none;
}
.entry-tags > ul > li > a {
    color: #333;
}
.entry-tags > ul > li > a:hover {
    color: #3ab54a;
}
@media screen and (max-width: 414px) {
    #main {
        padding: 0;
    }
    .blog_post_cate {
        margin: 0 0 3rem 0;
    }
    .blog_post_cate > .ft > .bt {
        height: 4rem;
    }
    .blog .top_post {
        background-color: #f7f7f7;
        border-radius: 1rem;
    }
    .blog .top_post > .col_lf {
        width: 100%;
        height: 280px;
    }
    .blog .top_post {
        display: block;
    }
    .blog .hot_post_cate {
        display: block;
        padding: 15px 0;
    }
    .blog .page_banner {
        padding-top: 0;
    }
    .blog .wr_tit.no_bor {
        font-size: 2.3rem;
        margin-bottom: 5px;
    }
    .blog .wr_tit-bor span {
        font-size: 1.5rem;
    }
    .blog h3.wr_tit-bor {
        border-top: 0.2rem solid #1175bc;
    }
    .blog .item_center {
        display: none;
    }
    .white {
        color: #fff !important;
    }
    .top_post.blog_post > .top_post-ct {
        padding: 1rem;
        position: relative;
    }
    .top_post.blog_post > .top_post-ct > .tit {
        padding: 1rem;
        font-size: 2rem;
        margin-bottom: 0;
        min-height: 2em;
        position: absolute;
        z-index: 9;
        top: 0;
        left: 0;
        width: 100%;
        border-radius: 0 0 1rem 1rem;
        -ms-transform: translate(0, -100%);
        -webkit-transform: translate(0, -100%);
        -moz-transform: translate(0, -100%);
        transform: translate(0, -100%);
        background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
    }
    .top_post.blog_post > .top_post-ct > .desc {
        font-size: 1.3rem;
        font-family: Gilroy-medium, sans-serif;
        color: #333;
        font-weight: 700;
        margin: 0;
    }
    .blog .hot_post_cate .col_rt .ver_top_sub_post {
        display: none;
    }
    .blog .hl_post_cate .ite_col {
        width: 48%;
        margin-bottom: 20px;
    }
    .ver_top_sub_post > .tit {
        font-size: 14px;
        margin: 10px 5px 5px;
    }
    .blog .al_rt {
        margin-top: 0;
    }
    .blog .ver_top_sub_post {
        background: #f7f7f7;
    }
    .blog .bt.medium {
        min-width: 100px;
        font-size: 1.5rem;
    }
    .image_header_post {
        background-color: #f2f2f2;
        margin-bottom: 20px;
    }
    .image_header_post .ct {
        padding: 10px;
    }
    .image_header_post .ct > .desc {
        font-size: 13px;
        margin-bottom: 0;
        font-family: Gilroy-medium, sans-serif;
        color: #333;
        font-weight: 700;
        margin: 0;
    }
    .image_header_post .ct > .meta {
        margin-top: 15px;
    }
    .post_cate-carousel {
        padding-top: 15px;
    }
    .brc_lst.general > li > span.active {
        font-size: 1.25rem;
    }
    .cate_page_wr {
        padding-top: 2rem;
    }
    .pagination {
        padding: 30px 0;
    }
    .most_view_wid .wid-ct .txt_line_2 {
        font-size: 15px;
        margin-bottom: 0;
    }
    .most_view_wid .hoz_post {
        align-items: center;
    }
}
.ads_inpost {
    overflow: hidden;
    height: 500px;
    position: relative;
}
.ads_inpost img {
    position: absolute;
    height: auto;
    min-width: 100%;
}
.parallax-window {
    min-height: 1000px;
    background: transparent;
}
/*@media(max-width: 767px){*/
/*    .parallax-window {*/
/*        min-height: 300px;*/
/*        background: transparent;*/
/*    }*/
/*}*/
/* parallax ad by androidpeople  */
.androidpeopleparalax{position:relative;display:block;overflow:visible;width:100%;height:0;margin:auto;text-align:center;z-index:1}
.androidpeopleparalax > div{overflow:hidden;width:100%;height:100%;margin:0;position:absolute;top:0;left:0;clip:rect(auto auto auto auto)}
.androidpeopleparalax > div > div{width:calc(100% - 40px);height:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}

.androidpeopleparalax > div > div > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -220px;
    right: 0;
    top: 86px;
    align-items: center;
    background: #fff
}

.androidpeopleparalax > div > div > div > * {
    margin: auto
}

.androidpeopleparalax > div > div > div > a {
    width: 100%;
    height: 100%
}

.androidpeopleparalax img, .androidpeopleparalax iframe, .androidpeopleparalax ins {
    height: 100%;
    border: 0
}

.clear {
    clear: both;
    display: block
}

.androidpeopleparalax {
    width: 100%;
    min-width: 300px;
    min-height: 1200px;
    text-align: center
}

.adParallax {
    width: 100%;
    min-width: 300px;
    min-height: 600px;
    text-align: center;
    display: block;
    margin: 10px 0px;
    padding: 0px;
}
@media(max-width: 767px){
    .androidpeopleparalax > div > div > div > * {
        margin: auto;
        height: auto;
    }

    .androidpeopleparalax > div > div > div > a {
        width: 100%;
        height: 100%
    }

    .androidpeopleparalax img, .androidpeopleparalax iframe, .androidpeopleparalax ins {
        height: 100%;
        border: 0
    }

    .clear {
        clear: both;
        display: block
    }

    .androidpeopleparalax {
        width: 100%;
        min-width: 300px;
        min-height: 600px;
        text-align: center
    }

    .adParallax {
        width: 100%;
        min-width: 300px;
        min-height: 600px;
        text-align: center;
        display: block;
        margin: 10px 0px;
        padding: 0px;
    }
    .androidpeopleparalax > div > div > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-content: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 86px;
        align-items: center;
        background: #fff
    }
}
@media screen and (max-width: 600px),
screen and (max-height: 400px) {
    .post_newsletter > .nl_logo{
        max-width: 100px;
    }
}

/* Landingpage Joe */