@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url("../fonts/Poppins-Light.woff2") format("woff")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Poppins-Regular.woff2") format("woff")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/Poppins-Medium.woff2") format("woff")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/Poppins-SemiBold.woff2") format("woff")
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Poppins-Bold.woff2") format("woff")
}

html {
    min-height: 100%;
    font-size: 10px;
    overflow: hidden;
    overflow-y: initial
}

html.flow {
    overflow: hidden !important
}

body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    min-height: 100vh;
    background-color: #fff;
    color: #111;
    font-size: 1.4rem;
    font-family: sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    word-break: break-word;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

body>main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 8rem;
    overflow: hidden
}

body .bootstrap-select .bs-search>input,
body .bootstrap-select .bs-searchbox>input {
    border: 0.1 solid #eee;
    border-radius: 0.6rem
}

body .bootstrap-select.input ul.dropdown-menu::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 5rem
}

body .bootstrap-select.input ul.dropdown-menu::-webkit-scrollbar {
    width: 0.4rem;
    height: 1rem;
    background-color: #eee;
    border-radius: 5rem
}

body .bootstrap-select.input ul.dropdown-menu::-webkit-scrollbar-thumb {
    background: rgba(17, 17, 17, 0.15);
    border-radius: 5rem
}

body>.bootstrap-select.input {
    height: 0;
    padding: 0;
    background: none;
    border: 0
}

body>.bootstrap-select.input .dropdown-menu {
    border-radius: 0.6rem
}

body>.bootstrap-select.input ul.dropdown-menu {
    padding: 1rem 0 !important
}

body>.bootstrap-select.input ul.dropdown-menu>li a {
    font-size: inherit;
    padding: 1rem 1.2rem;
    border: 0;
    -webkit-transition: all ease 0.3s !important;
    transition: all ease 0.3s !important
}

body>.bootstrap-select.input ul.dropdown-menu>li a:hover {
    background: rgba(5, 86, 140, 0.05) !important
}

body>.bootstrap-select.input ul.dropdown-menu>li.active a,
body>.bootstrap-select.input ul.dropdown-menu>li.selected>a {
    background: rgba(5, 86, 140, 0.1) !important;
    font-weight: 500
}

body .irs--square .irs-to,
body .irs--square .irs-from,
body .irs--square .irs-bar {
    background: #111
}

body .irs--square .irs-handle {
    background: #fff;
    border-color: #111
}

section {
    position: relative;
    padding: 8rem 0
}

a {
    color: #111;
    word-break: break-word;
    text-decoration: none;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

a:hover {
    color: #05568c
}

a:focus,
a:hover {
    outline: none !important;
    text-decoration: none !important
}

.ease,
button {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.br {
    padding-bottom: 3rem
}

.color {
    color: #05568c
}

.background {
    background: #05568c
}

.alert {
    padding: 1rem 2rem;
    border: 0.1rem solid;
    border-radius: 0.6rem
}

.green {
    background: #43b753
}

.green_text {
    color: #43b753
}

.yellow {
    background: #ffcb00
}

.yellow_text {
    color: #ffcb00
}

.red {
    background: #f31f34
}

.red_text {
    color: #f31f34
}

.blue {
    background: #5883ff
}

.blue_text {
    color: #5883ff
}

.gray {
    background: #c4c4c4
}

.gray_text {
    color: #c4c4c4
}

::-moz-selection {
    background: #05568c;
    color: #fff
}

::selection {
    background: #05568c;
    color: #fff
}

h1,
.h1,
.size_1 {
    font-size: 3.6rem
}

@media (max-width: 767px) {
    h1,
    .h1,
    .size_1 {
        font-size: 3rem
    }
}

h2,
.h2,
.size_2 {
    font-size: 2.8rem
}

@media (max-width: 767px) {
    h2,
    .h2,
    .size_2 {
        font-size: 2.4rem
    }
}

h3,
.h3,
.size_3 {
    font-size: 2.2rem
}

@media (max-width: 767px) {
    h3,
    .h3,
    .size_3 {
        font-size: 1.8rem
    }
}

h4,
.h4,
.size_4 {
    font-size: 1.8rem
}

@media (max-width: 767px) {
    h4,
    .h4,
    .size_4 {
        font-size: 1.7rem
    }
}

h5,
.h5,
.size_5 {
    font-size: 1.6rem
}

@media (max-width: 767px) {
    h5,
    .h5,
    .size_5 {
        font-size: 1.5rem
    }
}

h6,
.h6,
.size_6 {
    font-size: 1.4rem
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-weight: 600;
    line-height: 1.1;
    margin: 0 0 1rem
}

h1.heading,
.h1.heading,
h2.heading,
.h2.heading,
h3.heading,
.h3.heading,
h4.heading,
.h4.heading,
h5.heading,
.h5.heading,
h6.heading,
.h6.heading {
    position: relative;
    margin-bottom: 2.5rem
}

h1.heading strong,
.h1.heading strong,
h2.heading strong,
.h2.heading strong,
h3.heading strong,
.h3.heading strong,
h4.heading strong,
.h4.heading strong,
h5.heading strong,
.h5.heading strong,
h6.heading strong,
.h6.heading strong {
    color: #05568c
}

h1.heading.active,
.h1.heading.active,
h2.heading.active,
.h2.heading.active,
h3.heading.active,
.h3.heading.active,
h4.heading.active,
.h4.heading.active,
h5.heading.active,
.h5.heading.active,
h6.heading.active,
.h6.heading.active {
    color: #05568c
}

h1.subheading,
.h1.subheading,
h2.subheading,
.h2.subheading,
h3.subheading,
.h3.subheading,
h4.subheading,
.h4.subheading,
h5.subheading,
.h5.subheading,
h6.subheading,
.h6.subheading {
    margin-bottom: 2rem
}

h1.require::after,
.h1.require::after,
h2.require::after,
.h2.require::after,
h3.require::after,
.h3.require::after,
h4.require::after,
.h4.require::after,
h5.require::after,
.h5.require::after,
h6.require::after,
.h6.require::after {
    content: "*";
    color: #f31f34
}

h1>strong,
.h1>strong,
h2>strong,
.h2>strong,
h3>strong,
.h3>strong,
h4>strong,
.h4>strong,
h5>strong,
.h5>strong,
h6>strong,
.h6>strong {
    color: #05568c;
    font-weight: inherit
}

p {
    margin: 0 0 1.5rem
}

p>a {
    display: inline;
    color: #05568c
}

p>a:hover {
    color: #2115dc
}

p:nth-last-child(1) {
    margin: 0
}

.table_dv {
    display: table;
    display: block;
    width: 100%;
    height: 100%
}

.table_dv .table_cell {
    display: table-cell;
    vertical-align: middle
}

.toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.5rem;
    z-index: 4;
    width: 2rem;
    height: 1.6rem;
    background: transparent;
    padding: 0;
    margin: auto;
    border: 0;
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.toggle::before,
.toggle::after,
.toggle>span {
    position: absolute;
    width: inherit;
    height: 0.2rem;
    background: #05568c;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.toggle::before {
    content: "";
    top: 0
}

.active.toggle::before {
    top: 50%;
    margin-top: -0.1rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.toggle::after {
    content: "";
    bottom: 0
}

.active.toggle::after {
    bottom: 50%;
    margin-bottom: -0.1rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.active.toggle>span {
    opacity: 0
}

.site_btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    row-gap: 1rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    height: 4.6rem;
    background: #05568c;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 0 2.5rem;
    white-space: nowrap;
    border: 0;
    border-radius: 0.6rem;
    outline: none !important;
    -webkit-box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1);
    box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.site_btn:hover {
    background: #065f9a;
    color: #fff
}

.site_btn>img {
    width: auto;
    height: 1.4rem;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transition: inherit;
    transition: inherit
}

.site_btn.sm {
    height: 3.4rem
}

.site_btn.md {
    height: 4rem
}

.site_btn.lg {
    height: 5.6rem;
    padding: 0 4rem
}

.site_btn.blank {
    background: transparent;
    color: #05568c
}

.site_btn.blank:hover {
    background: #05568c;
    color: #fff
}

.site_btn.blank:not(:hover)>img {
    -webkit-filter: none;
    filter: none
}

.site_btn.light {
    background: rgba(5, 86, 140, 0.1);
    color: #05568c
}

.site_btn.light:not(:hover) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.site_btn.light:not(:hover)>img {
    -webkit-filter: none;
    filter: none
}

.site_btn.light:hover {
    background: #05568c;
    color: #fff
}

.site_btn.text {
    min-width: initial;
    height: auto;
    background: transparent;
    color: #05568c;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.site_btn.text:hover {
    background: transparent;
    color: #111
}

.site_btn.simple {
    background: #fff;
    color: #111
}

.site_btn.simple:hover {
    background: #fff;
    color: #05568c
}

.site_btn.simple>img {
    -webkit-filter: none;
    filter: none
}

.site_btn.simple.border:not(:hover) {
    border-color: #b0b0b0
}

.site_btn.stroke {
    border: 0.2rem solid #05568c
}

.site_btn.round {
    border-radius: 5rem
}

.site_btn.block {
    width: 100%
}

.site_btn.auto {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.site_btn.long {
    min-width: 14rem
}

.site_btn.learn {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    height: auto;
    background: transparent;
    color: #111;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.site_btn.learn:hover {
    color: #05568c
}

.site_btn.learn:hover img {
    -webkit-transform: translateX(0.5rem);
    transform: translateX(0.5rem)
}

.site_btn.learn>img {
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-filter: none;
    filter: none
}

.site_btn .spinner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    background: transparent;
    -webkit-backdrop-filter: blur(5rem);
    backdrop-filter: blur(5rem);
    border-radius: inherit;
    overflow: hidden
}

.site_btn .spinner~i {
    visibility: hidden
}

.site_btn .spinner:before,
.site_btn .spinner:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    margin: auto;
    border: 0.3rem solid;
    -webkit-animation: spinner 0.5s linear infinite;
    animation: spinner 0.5s linear infinite;
    border-radius: 75%
}

.site_btn .spinner:before {
    border-right-color: transparent;
    border-bottom-color: transparent
}

.site_btn .spinner:after {
    border-top-color: transparent;
    border-left-color: transparent;
    opacity: 0.5
}

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

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

.pop_btn {
    cursor: pointer
}

.x_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
    background: #111;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0;
    text-align: center;
    border: 0;
    border-radius: 75%;
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    z-index: 5
}

.x_btn:hover {
    background: #05568c
}

.x_btn:before {
    content: "\2715";
    line-height: 1
}

.lbl_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    text-align: left
}

.lbl_btn>input[type="radio"],
.lbl_btn>input[type="checkbox"] {
    margin-top: 0.1rem
}

.lbl_btn label {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    line-height: 1.5;
    cursor: pointer;
    margin: 0 0 0 1rem
}

*[disabled] {
    cursor: not-allowed !important
}

*[disabled].site_btn {
    background: #c4c4c4
}

img {
    width: 100%;
    display: block
}

b,
strong {
    font-weight: 700
}

input,
button,
select,
textarea {
    text-decoration: none !important;
    outline: none !important
}

.contain,
.contain-fluid {
    position: relative;
    max-width: 120rem;
    padding: 0 1.5rem;
    margin: 0 auto;
    min-height: 0.1rem
}

.contain:before,
.contain:after,
.contain-fluid:before,
.contain-fluid:after {
    content: "";
    display: table
}

.contain:after,
.contain:after,
.contain-fluid:after,
.contain-fluid:after {
    clear: both
}

.contain.sm,
.contain-fluid.sm {
    max-width: 100rem
}

.contain-fluid {
    max-width: 1920px !important
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.form_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin: -2rem 0 0 -2rem;
    width: calc(100% + 2rem)
}

.form_row>[class*="col-"],
.form_row>[class^="col-"] {
    padding: 2rem 0 0 2rem
}

@media (max-width: 475px) {
    [class*="col-xs"],
    [class^="col-xs"] {
        width: 100%
    }
}

.flex_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    width: calc(100% + 3rem);
    margin: -1.5rem -1.5rem
}

.flex_row>* {
    padding: 1.5rem 1.5rem
}

.flex_row.nowrap {
    -ms-flex-flow: nowrap;
    flex-flow: nowrap
}

.flex_row.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex_row>.col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.flex_row>.col>div {
    width: 100%
}

.btn_blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    row-gap: 1.5rem;
    -webkit-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.btn_blk.form_btn {
    margin-top: 2rem
}

.btn_blk.text-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn_blk.text-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn_blk.text-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.text-left .btn_blk {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.text-center .btn_blk {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.text-right .btn_blk {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(25, 33, 37, 0.95);
    padding: 0;
    overflow: auto;
    z-index: 101
}

.popup>.table_dv {
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.popup>.table_dv>.table_cell {
    display: block;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    padding: 2rem 0
}

.popup ._inner {
    position: relative;
    max-width: 60rem;
    background: #fff;
    padding: 2rem;
    margin: auto;
    border-radius: 1rem;
    -webkit-box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1);
    box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1)
}

.popup ._inner h3 {
    padding-right: 3rem;
    margin-bottom: 2rem
}

.popup ._inner h4 {
    padding-right: 3rem;
    margin-bottom: 1.5rem
}

.popup.xl ._inner {
    max-width: 120rem
}

.popup.lg ._inner {
    max-width: 80rem
}

.popup.sm ._inner {
    max-width: 42rem
}

.popup .list {
    list-style: none;
    padding: 0;
    margin: 0
}

.popup .list>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    margin-bottom: 1rem
}

.popup .list>li>div:nth-child(1) {
    width: 12rem;
    min-width: 12rem;
    font-weight: 600;
    margin-right: 1rem
}

.popup .list>li>div:nth-child(2) {
    width: 100%
}

.popup hr {
    margin: 2rem 0
}

.drop_btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    cursor: pointer
}

.drop_btn>i.chevron {
    display: inline-block;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    margin-left: 0.5rem
}

.drop_btn>i.chevron:before {
    content: "";
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    color: inherit;
    -webkit-transition: inherit;
    transition: inherit
}

.drop_down {
    position: relative
}

.drop_cnt {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 16rem;
    max-width: 26rem;
    background: #fff;
    margin-top: 1rem;
    visibility: hidden;
    opacity: 0;
    border-radius: 0.7rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    overflow: hidden;
    z-index: 2
}

.drop_cnt.right {
    left: initial;
    right: 0
}

.drop_cnt.active {
    margin-top: 0;
    visibility: visible;
    opacity: 1
}

.drop_lst {
    margin: 0;
    padding: 0.7rem 0
}

.drop_lst>li {
    display: block
}

.drop_lst>li>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    width: 100%;
    background: #fff;
    text-align: left;
    padding: 0.7rem 2rem;
    border: 0
}

.drop_lst>li>*:hover {
    background: rgba(5, 86, 140, 0.05)
}

.drop_lst.select {
    left: 0;
    right: 0;
    width: 100%;
    max-width: initial;
    max-height: 240rem;
    padding: 0;
    border: 0.1rem solid #eee;
    -webkit-box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1);
    box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1);
    overflow: auto
}

.drop_lst.select>li:not(:nth-last-child(1)) {
    border-bottom: 0.1rem solid #eee
}

.drop_lst.select>li>button {
    color: #b0b0b0;
    padding: 1rem 1.5rem
}

.drop_lst.select>li>button>img {
    width: 3.6rem;
    min-width: 3.6rem;
    height: 3.6rem;
    margin-right: 1.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0.6rem;
    overflow: hidden
}

.drop_lst.select>li>button,
.drop_lst.select>li>button>* {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ico {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    text-align: center
}

.ico a,
.ico img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.ico.round {
    border-radius: 75%
}

.ico.round img {
    border-radius: inherit
}

.ico.fill {
    -webkit-box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1);
    box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1)
}

.ico.fill img {
    -o-object-fit: cover;
    object-fit: cover
}

.jq-ry-container {
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    line-height: 0;
    direction: ltr
}

.jq-ry-container[readonly="readonly"] {
    cursor: default
}

.jq-ry-container>.jq-ry-group-wrapper {
    position: relative;
    width: 100%
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {
    position: relative;
    line-height: 0;
    white-space: nowrap;
    z-index: 1
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {
    display: inline-block
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {
    width: 100%
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 0;
    overflow: hidden
}

.ck_editor {
    font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.ck_editor .cke_editable {
    word-wrap: break-word
}

.ck_editor blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    border-style: solid;
    border-color: #c4c4c4;
    border-width: 0
}

.ck_editor .cke_contents_ltr blockquote {
    padding-left: 2rem;
    padding-right: 0.8rem;
    border-left-width: 0.5rem
}

.ck_editor .cke_contents_rtl blockquote {
    padding-left: 0.8rem;
    padding-right: 2rem;
    border-right-width: 0.5rem
}

.ck_editor p {
    color: inherit
}

.ck_editor a {
    display: inline;
    color: #0782c1
}

.ck_editor a>img {
    padding: 0.1rem;
    margin: 0.1rem;
    border: none;
    outline: 0.1rem solid #0782c1
}

.ck_editor ol,
.ck_editor ul,
.ck_editor dl {
    *margin-right: 0;
    padding: 0 4rem
}

.ck_editor ul,
.ck_editor ol {
    padding: 0;
    padding-left: 2rem;
    margin: 0 0 1rem;
    list-style-position: inside
}

.ck_editor ul>li,
.ck_editor ul>li,
.ck_editor ol>li,
.ck_editor ol>li {
    margin-bottom: 0.5rem
}

.ck_editor ul>li ul,
.ck_editor ul>li ol,
.ck_editor ul>li ul,
.ck_editor ul>li ol,
.ck_editor ol>li ul,
.ck_editor ol>li ol,
.ck_editor ol>li ul,
.ck_editor ol>li ol {
    margin: 0.5rem 0 0.7rem
}

.ck_editor img.right {
    border: 0.1rem solid #c4c4c4;
    float: right;
    margin-left: 1.5rem;
    padding: 0.5rem
}

.ck_editor img.left {
    border: 0.1rem solid #c4c4c4;
    float: left;
    margin-right: 1.5rem;
    padding: 0.5rem
}

.ck_editor pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.ck_editor .marker {
    background-color: Yellow
}

.ck_editor span[lang] {
    font-style: italic
}

.ck_editor figure {
    text-align: center;
    display: inline-block
}

.ck_editor figure>figcaption {
    text-align: center;
    display: block
}

.ck_editor .code-featured {
    border: 0.5rem solid red
}

.ck_editor .math-featured {
    padding: 2rem;
    -webkit-box-shadow: 0 0 0.2rem #c80000;
    box-shadow: 0 0 0.2rem #c80000;
    background-color: rgba(255, 0, 0, 0.05);
    margin: 1rem
}

.ck_editor .image-clean {
    border: 0;
    background: none;
    padding: 0
}

.ck_editor .image-clean>figcaption {
    font-size: 0.9em;
    text-align: right
}

.ck_editor .image-grayscale {
    background-color: #fff;
    color: #666
}

.ck_editor .image-grayscale img,
.ck_editor img.image-grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.ck_editor .embed-240p {
    max-width: 42.6rem;
    max-height: 24rem;
    margin: 0 auto
}

.ck_editor .embed-360p {
    max-width: 64rem;
    max-height: 36rem;
    margin: 0 auto
}

.ck_editor .embed-480p {
    max-width: 85.4rem;
    max-height: 48rem;
    margin: 0 auto
}

.ck_editor .embed-720p {
    max-width: 128rem;
    max-height: 72rem;
    margin: 0 auto
}

.ck_editor .embed-1080p {
    max-width: 192rem;
    max-height: 108rem;
    margin: 0 auto
}

.ck_editor u {
    text-decoration: underline
}

.ck_editor span {
    display: initial;
    text-decoration: inherit
}

label {
    display: block;
    font-weight: normal;
    cursor: pointer
}

label>a {
    color: #3c9cdb
}

label>a:hover {
    color: #05568c
}

.form_blk {
    position: relative
}

.form_blk:not(:nth-last-child(1)) {
    margin-bottom: 2rem
}

.form_blk label~.input {
    padding-top: 1.6rem
}

.form_blk:not(.lbl_btn)>label {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    min-height: 4.8rem;
    color: #b0b0b0;
    line-height: 1;
    margin: 0;
    margin-left: 0.1rem;
    padding-left: 1.4rem;
    pointer-events: none;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    z-index: 1
}

.form_blk:not(.lbl_btn)>label.move {
    font-size: 1.1rem;
    -webkit-transform: translateY(-1.1rem);
    transform: translateY(-1.1rem)
}

.form_blk.pass_blk {
    position: relative
}

.form_blk.pass_blk>.input {
    padding-right: 4rem
}

.form_blk.pass_blk>i.icon-eye {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M61.6,38.4c-3.3-3.3-7.2-5-11.6-5c-1.6,0-3.1,0.2-4.5,0.6c1.6,1.6,2.4,3.5,2.4,5.7 c0,2.2-0.8,4.1-2.4,5.7c-1.6,1.6-3.5,2.5-5.7,2.5c-2.2,0-4.1-0.8-5.7-2.4c-0.4,1.4-0.6,2.9-0.6,4.5c0,4.4,1.7,8.3,5,11.6 c3.3,3.3,7.2,5,11.6,5c4.4,0,8.3-1.7,11.6-5c3.3-3.3,5-7.2,5-11.6C66.6,45.6,64.9,41.7,61.6,38.4z"/><path d="M80.5,25.5c-9.1-6.4-19.1-9.5-30.5-9.5s-21.4,3.2-30.5,9.5C10.5,31.8,4.1,40,0,50c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5s21.4-3.6,30.5-9.5C89.5,68.6,95.9,60,100,50C95.9,40,89.5,31.8,80.5,25.5z M67.5,67.5 c-4.5,5-11,7.5-17.5,7.5c-6.5,0-12.5-2.5-17.5-7.5c-5-5-7.5-11-7.5-17.5c0-6.5,3-12.5,7.5-17.6c4.5-5,11-7.5,17.5-7.5 c6.5,0,12.5,3,17.5,7.5c5,4.5,7.5,11,7.5,17.6C75.1,56.5,72.1,62.5,67.5,67.5z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M61.6,38.4c-3.3-3.3-7.2-5-11.6-5c-1.6,0-3.1,0.2-4.5,0.6c1.6,1.6,2.4,3.5,2.4,5.7 c0,2.2-0.8,4.1-2.4,5.7c-1.6,1.6-3.5,2.5-5.7,2.5c-2.2,0-4.1-0.8-5.7-2.4c-0.4,1.4-0.6,2.9-0.6,4.5c0,4.4,1.7,8.3,5,11.6 c3.3,3.3,7.2,5,11.6,5c4.4,0,8.3-1.7,11.6-5c3.3-3.3,5-7.2,5-11.6C66.6,45.6,64.9,41.7,61.6,38.4z"/><path d="M80.5,25.5c-9.1-6.4-19.1-9.5-30.5-9.5s-21.4,3.2-30.5,9.5C10.5,31.8,4.1,40,0,50c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5s21.4-3.6,30.5-9.5C89.5,68.6,95.9,60,100,50C95.9,40,89.5,31.8,80.5,25.5z M67.5,67.5 c-4.5,5-11,7.5-17.5,7.5c-6.5,0-12.5-2.5-17.5-7.5c-5-5-7.5-11-7.5-17.5c0-6.5,3-12.5,7.5-17.6c4.5-5,11-7.5,17.5-7.5 c6.5,0,12.5,3,17.5,7.5c5,4.5,7.5,11,7.5,17.6C75.1,56.5,72.1,62.5,67.5,67.5z"/></svg>');
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    color: inherit;
    -webkit-transition: inherit;
    transition: inherit
}

.form_blk.pass_blk>i.icon-eye-slash {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M50,25.2c5.9,0,11.3,2.7,15.8,6.8c4.5,4.1,6.8,9.9,6.8,15.8c0,2.9-0.7,5.7-1.8,8.3l13.5,13.5 c7.1-5.7,12.3-13.2,15.8-21.8c-4.1-10-10.5-18.2-19.5-24.5c-9.1-6.4-19.1-9.5-30.5-9.5c-6.6,0-12.7,1.1-18.4,3.2l10,10 C44.2,25.8,47.1,25.2,50,25.2z"/><path d="M90.7,87.5L10.3,7.1l-5.4,5.4l12.4,12.4C9.4,31,3.7,38.6,0,47.8c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5c7.3,0,13.9-1.5,20.2-4.1l15.1,15.1L90.7,87.5z M50,70.3c-5.9,0-11.3-2.3-15.8-6.8 c-4.5-4.5-6.8-9.9-6.8-15.8c0-3.6,1-6.9,2.7-10.1l7.1,7.1c-0.3,1-0.4,1.9-0.4,2.9c0,3.4,1.3,6.6,3.9,9.2c2.6,2.6,5.8,3.9,9.2,3.9 c1,0,2-0.1,3-0.3l7.3,7.3C57.1,69.5,53.6,70.3,50,70.3z"/><path d="M63.1,47.8c0-3.4-1.3-6.8-3.9-9.2c-2.6-2.4-5.8-3.9-9.2-3.9c-0.2,0-0.4,0-0.7,0l13.8,13.8 C63.1,48.2,63.1,48,63.1,47.8z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M50,25.2c5.9,0,11.3,2.7,15.8,6.8c4.5,4.1,6.8,9.9,6.8,15.8c0,2.9-0.7,5.7-1.8,8.3l13.5,13.5 c7.1-5.7,12.3-13.2,15.8-21.8c-4.1-10-10.5-18.2-19.5-24.5c-9.1-6.4-19.1-9.5-30.5-9.5c-6.6,0-12.7,1.1-18.4,3.2l10,10 C44.2,25.8,47.1,25.2,50,25.2z"/><path d="M90.7,87.5L10.3,7.1l-5.4,5.4l12.4,12.4C9.4,31,3.7,38.6,0,47.8c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5c7.3,0,13.9-1.5,20.2-4.1l15.1,15.1L90.7,87.5z M50,70.3c-5.9,0-11.3-2.3-15.8-6.8 c-4.5-4.5-6.8-9.9-6.8-15.8c0-3.6,1-6.9,2.7-10.1l7.1,7.1c-0.3,1-0.4,1.9-0.4,2.9c0,3.4,1.3,6.6,3.9,9.2c2.6,2.6,5.8,3.9,9.2,3.9 c1,0,2-0.1,3-0.3l7.3,7.3C57.1,69.5,53.6,70.3,50,70.3z"/><path d="M63.1,47.8c0-3.4-1.3-6.8-3.9-9.2c-2.6-2.4-5.8-3.9-9.2-3.9c-0.2,0-0.4,0-0.7,0l13.8,13.8 C63.1,48.2,63.1,48,63.1,47.8z"/></svg>');
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    color: inherit;
    -webkit-transition: inherit;
    transition: inherit
}

.form_blk.pass_blk>i.icon-eye,
.form_blk.pass_blk>i.icon-eye-slash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    position: absolute;
    top: 0;
    right: 1.4rem;
    bottom: 0;
    width: 1.6rem;
    height: 100%;
    cursor: pointer;
    opacity: 0.7;
    -webkit-filter: brightness(0.5) invert(0.4);
    filter: brightness(0.5) invert(0.4)
}

.form_blk.pass_blk>i:hover {
    opacity: 1
}

.form_blk>span {
    color: #f31f34;
    position: absolute;
    top: 100%;
    font-size: 1.1rem;
    font-weight: 500
}

.upload_blk>button {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.upload_blk>input[type="file"] {
    display: none
}

.flex_blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.flex_blk>div {
    margin: 0
}

.flex_blk>div.form_blk {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 !important
}

.flex_blk>div.auto {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.flex_blk>div.btn_blk {
    margin-left: 1rem
}

.flex_blk>div.data {
    margin-right: 1.5rem
}

.flex_blk>div.data>* {
    margin: 0
}

.input {
    display: block;
    width: 100%;
    height: 4.6rem;
    background: #fff;
    text-align: left;
    padding: 0.6rem 1.4rem;
    border: 0.1rem solid #b0b0b0;
    border-radius: 1rem;
    outline: none !important;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.input:-webkit-autofill {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

textarea.input {
    height: 14rem;
    resize: none
}

.input:disabled {
    background: #e3e8ee;
    cursor: not-allowed;
    border-color: #d8dee6 !important
}

.input[readonly] {
    background: rgba(5, 86, 140, 0.05);
    border-color: #05568c
}

.input::-webkit-input-placeholder {
    color: #b0b0b0
}

.input:-ms-input-placeholder {
    color: #b0b0b0
}

.input::-ms-input-placeholder {
    color: #b0b0b0
}

.input::placeholder {
    color: #b0b0b0
}

.input:focus::-webkit-input-placeholder {
    opacity: 0.4
}

.input:focus:-ms-input-placeholder {
    opacity: 0.4
}

.input:focus::-ms-input-placeholder {
    opacity: 0.4
}

.input:focus::placeholder {
    opacity: 0.4
}

.input:hover,
.input:focus {
    border-color: #05568c
}

select.input {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100px" height="100px" fill="%23040707" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><polygon class="st0" points="80.7,20 50,50.7 19.3,20 4.7,34.7 50,80 95.3,34.7 "/></svg>');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: right 1rem center;
    padding-right: 3rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.input.error {
    border-color: #f31f34
}

input[type="radio"],
input[type="checkbox"] {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.8rem;
    min-width: 1.8rem;
    height: 1.8rem;
    background: #fff;
    color: #fff;
    margin-top: 0;
    border: 0.1rem solid #b0b0b0;
    cursor: pointer
}

input[type="radio"] {
    padding: 0.3rem;
    border-radius: 75%
}

input[type="radio"]:checked {
    background: #05568c;
    background-clip: content-box;
    border-color: #05568c
}

input[type="checkbox"] {
    border-radius: 0.4rem
}

input[type="checkbox"]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23fff" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><polygon points="268.3,27.8 112.8,214 26.6,141.5 0,173 117.9,272.2 300,54.3 "/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23fff" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><polygon points="268.3,27.8 112.8,214 26.6,141.5 0,173 117.9,272.2 300,54.3 "/></svg>');
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    color: inherit;
    -webkit-transition: inherit;
    transition: inherit;
    width: 1rem;
    height: 1rem;
    margin: auto
}

input[type="checkbox"]:checked {
    background: #05568c;
    border-color: #05568c
}

input[type="file"].uploadFile {
    display: none
}

input::-ms-reveal,
input::-ms-clear {
    display: none
}

.badge {
    color: #fff !important;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 0.4rem 0.7rem;
    border-radius: 0.5rem
}

.info_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    margin-bottom: 1rem
}

.info_head>*:not(.info) {
    margin: 0;
    margin-right: 1rem
}

.info {
    position: relative;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #b0b0b0;
    line-height: 1;
    margin-left: auto
}

.info>strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    font-size: 90%;
    font-weight: 600 !important;
    cursor: pointer
}

@media (max-width: 576px) {
    .info>strong em {
        display: none
    }
}

.info>strong:after {
    content: "";
    display: block;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23040707" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path class="st0" d="M50,2.7C23.9,2.7,2.7,23.9,2.7,50S23.9,97.3,50,97.3S97.3,76.1,97.3,50S76.1,2.7,50,2.7z M49.8,75.6 c-2.7,0-4.8-2.2-4.8-4.8c0-2.7,2.2-4.8,4.8-4.8c2.7,0,4.8,2.2,4.8,4.8C54.7,73.4,52.5,75.6,49.8,75.6z M64,41 c-0.9,4.3-4.1,7.7-6.9,10.7c-0.3,0.4-0.7,0.7-1,1c-1.1,1.1-1.6,1.6-2,2.6c-0.5,1.1-0.7,2.5-0.5,3.9c0.2,2-1.3,3.7-3.3,3.9 c-0.1,0-0.2,0-0.3,0c-1.8,0-3.4-1.4-3.6-3.3c-0.2-2.7,0.1-5.1,1.1-7.4c1-2.2,2.2-3.5,3.5-4.8c0.3-0.3,0.6-0.6,0.9-0.9 c2.2-2.4,4.6-4.9,5.1-7.3c0.4-2.1-0.1-5-2.1-6.6c-2.5-2.1-6.5-1.5-8.9,0.3c-3.6,2.6-3.2,7.7-3.2,7.7c0.2,2-1.2,3.7-3.2,3.9 c-2,0.2-3.7-1.2-3.9-3.2c-0.3-3.4,0.6-10.2,6.1-14.2c4.7-3.4,12.2-4.5,17.7,0C63.9,31,64.9,36.9,64,41z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100px" height="100px" fill="%23040707" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path class="st0" d="M50,2.7C23.9,2.7,2.7,23.9,2.7,50S23.9,97.3,50,97.3S97.3,76.1,97.3,50S76.1,2.7,50,2.7z M49.8,75.6 c-2.7,0-4.8-2.2-4.8-4.8c0-2.7,2.2-4.8,4.8-4.8c2.7,0,4.8,2.2,4.8,4.8C54.7,73.4,52.5,75.6,49.8,75.6z M64,41 c-0.9,4.3-4.1,7.7-6.9,10.7c-0.3,0.4-0.7,0.7-1,1c-1.1,1.1-1.6,1.6-2,2.6c-0.5,1.1-0.7,2.5-0.5,3.9c0.2,2-1.3,3.7-3.3,3.9 c-0.1,0-0.2,0-0.3,0c-1.8,0-3.4-1.4-3.6-3.3c-0.2-2.7,0.1-5.1,1.1-7.4c1-2.2,2.2-3.5,3.5-4.8c0.3-0.3,0.6-0.6,0.9-0.9 c2.2-2.4,4.6-4.9,5.1-7.3c0.4-2.1-0.1-5-2.1-6.6c-2.5-2.1-6.5-1.5-8.9,0.3c-3.6,2.6-3.2,7.7-3.2,7.7c0.2,2-1.2,3.7-3.2,3.9 c-2,0.2-3.7-1.2-3.9-3.2c-0.3-3.4,0.6-10.2,6.1-14.2c4.7-3.4,12.2-4.5,17.7,0C63.9,31,64.9,36.9,64,41z"/></svg>');
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    color: inherit;
    -webkit-transition: inherit;
    transition: inherit;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    margin-left: 0.5rem;
    -webkit-filter: brightness(0) invert(0.6);
    filter: brightness(0) invert(0.6)
}

.info .infoIn {
    position: absolute;
    top: 100%;
    right: 0;
    width: 24rem;
    background: #fff;
    padding: 2rem;
    margin: 2rem 0 0;
    line-height: 1.4;
    text-align: left;
    font-size: 90%;
    opacity: 0;
    visibility: hidden;
    border-radius: 0.6rem;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    -webkit-box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1);
    box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    z-index: 2
}

.info:hover .infoIn {
    margin-top: 0.7rem;
    opacity: 1;
    visibility: visible
}

.blk {
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03)
}

.blk:not(:nth-last-child(1)) {
    margin-bottom: 3rem
}

.blk .blk {
    padding: 2rem
}

.blk ._header,
.blk ._footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    position: relative
}

.blk ._header {
    margin-bottom: 3rem
}

.blk ._header h3,
.blk ._header h4,
.blk ._header h5,
.blk ._header h6 {
    margin-right: 3rem;
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.blk ._header h3>span,
.blk ._header h4>span,
.blk ._header h5>span,
.blk ._header h6>span {
    color: #b0b0b0
}

.blk>.tblBlk {
    margin: -1.5rem -2.5rem
}

.scrollbar::-webkit-scrollbar-track {
    background: #f6f9fc;
    border-radius: 5rem
}

.scrollbar::-webkit-scrollbar {
    width: 0.5rem;
    height: 1rem;
    background-color: #f6f9fc;
    border-radius: 5rem
}

.scrollbar::-webkit-scrollbar-thumb {
    background: rgba(17, 17, 17, 0.15);
    border-radius: 5rem
}

.top_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    margin-bottom: 2rem;
    row-gap: 1.5rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem
}

@media (max-width: 576px) {
    .top_head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.top_head>.miniBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.top_head>.miniBtn select {
    width: auto;
    max-width: 12rem;
    height: auto;
    background-color: transparent;
    background-position: right;
    border: 0
}

.top_head>.heading {
    margin: 0
}

.top_head>.tab_list {
    margin-bottom: 0
}

.tab_list {
    row-gap: 0.5rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 2rem
}

@media (max-width: 576px) {
    .tab_list {
        width: 100%;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        padding-bottom: 1rem;
        margin-bottom: -1rem;
        white-space: nowrap;
        overflow: auto
    }
}

@media (max-width: 576px) {
    .tab_list>li {
        width: auto
    }
}

.tab_list>li>a {
    display: block;
    background: #fff;
    padding: 0.5rem 2rem;
    border: 0.1rem solid #b0b0b0;
    border-radius: 0.6rem
}

.tab_list>li>a:hover {
    background: #f5f6fa
}

.tab_list>li.active>a {
    background: #05568c;
    color: #fff;
    border-color: #05568c
}

#oops {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 2rem 0 4rem;
    overflow: auto
}

#oops .inner {
    max-width: 34rem;
    margin: 0 auto
}

#oops .logo {
    margin: 0 auto 3rem
}

#oops .icon {
    color: #05568c;
    font-size: 12rem;
    font-weight: 700;
    line-height: 0.8;
    margin-bottom: 2.5rem
}

.vid_blk {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    background-color: #fff;
    padding-bottom: 56%;
    cursor: pointer;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    overflow: hidden
}

.vid_blk.img_blk {
    padding-bottom: 66%
}

.vid_blk.img_blk:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #111;
    opacity: .4;
    z-index: 1
}

.vid_blk .play_btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 8rem;
    height: 8rem;
    background-color: rgba(17, 17, 17, 0.1);
    background-image: url("../images/play_icon.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: 75%
}

.vid_blk .play_btn:hover {
    background-color: rgba(17, 17, 17, 0.3)
}

.vid_blk video,
.vid_blk iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    -o-object-position: center;
    object-position: center;
    border: 0 !important;
    margin: auto
}

.vid_blk video[poster],
.vid_blk iframe[poster] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.switch {
    position: relative;
    width: 3rem;
    min-width: 3rem;
    height: 1.6rem;
    cursor: pointer
}

.switch * {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.switch input[type="radio"],
.switch input[type="checkbox"] {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    opacity: 0;
    z-index: 5
}

.switch input[type="radio"]:before,
.switch input[type="radio"]:after,
.switch input[type="checkbox"]:before,
.switch input[type="checkbox"]:after {
    display: none
}

.switch input[type="radio"]:checked+em:before,
.switch input[type="checkbox"]:checked+em:before {
    background: #fff;
    -webkit-transform: translateX(0.7rem);
    transform: translateX(0.7rem)
}

.switch input[type="radio"]:checked+em:after,
.switch input[type="checkbox"]:checked+em:after {
    background: #05568c
}

.switch>em,
.switch>em:before,
.switch>em:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: transparent;
    padding: 0;
    z-index: 1
}

.switch>em {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: none
}

.switch>em:before {
    content: "";
    width: 1rem;
    height: 1rem;
    background: #fff;
    border-radius: 75%;
    -webkit-transform: translateX(-0.7rem);
    transform: translateX(-0.7rem);
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    z-index: 5
}

.switch>em:after {
    content: "";
    background: #c4c4c4;
    border-radius: 5rem;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s
}

.tbl_blk {
    overflow: auto
}

.tbl_blk table {
    width: 100%;
    min-width: 90rem
}

.tbl_blk table>*:not(:nth-last-child(1)) {
    border-bottom: 0.1rem solid #eee
}

.tbl_blk table>*>tr:nth-child(1)>* {
    padding-top: 2rem
}

.tbl_blk table>*>tr:nth-last-child(1)>* {
    padding-bottom: 2rem
}

.tbl_blk table>*>tr>* {
    padding: 1rem 1.5rem
}

.tbl_blk table>*>tr>*:nth-child(1) {
    padding-left: 2.5rem
}

.tbl_blk table>*>tr>*:nth-last-child(1) {
    padding-right: 2.5rem
}

.tbl_blk table>*>tr>*[data-left] {
    text-align: left
}

.tbl_blk table>*>tr>*[data-center] {
    text-align: center
}

.tbl_blk table>*>tr>*[data-right] {
    text-align: right
}

.tbl_blk table>*>tr>* .site_btn.sm {
    padding: 0 1.5rem
}

.tbl_blk table>*>tr>th {
    font-weight: 600;
    white-space: nowrap
}

.tbl_blk table>*>tr .nowrap {
    white-space: nowrap
}

.blk .tbl_blk {
    margin: -2.5rem
}

.datepicker table tr td,
.datepicker table tr th {
    color: #111;
    font-size: inherit;
    padding: 1rem 0.8rem !important
}

.datepicker table tr td {
    font-weight: 500
}

.datepicker table tr td.active,
.datepicker table tr td:hover {
    background-color: rgba(5, 86, 140, 0.1) !important
}

.datepicker table tr td.active {
    background-color: rgba(5, 86, 140, 0.8) !important;
    color: #fff
}

.datepicker table tr td.today {
    background: #05568c !important
}

.datepicker table tr td.today:hover {
    background: inherit
}

.datepicker table tr th {
    font-weight: 600
}

.datepicker table tr th.datepicker-switch {
    border-radius: 0
}

.datepicker table tr th.datepicker-switch:hover {
    background-color: rgba(5, 86, 140, 0.05) !important
}

.ck-editor5 .ck.ck-icon {
    font-size: 1rem
}

.ck-editor5 .ck.ck-toolbar,
.ck-editor5 .ck.ck-editor__editable {
    background: #fff !important;
    border-color: #b0b0b0 !important
}

.ck-editor5 .ck.ck-toolbar {
    font-weight: 400;
    border-radius: 0.6rem 0.6rem 0 0 !important
}

.ck-editor5 .ck.ck-toolbar * {
    font-weight: inherit
}

.ck-editor5 .ck.ck-toolbar .ck-tooltip__text {
    font-size: 1rem
}

.ck-editor5 .ck.ck-editor__editable {
    min-height: 20rem;
    max-height: 30rem;
    padding: 0 1.4rem;
    border-top: 0 !important;
    border-radius: 0 0 0.6rem 0.6rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ck-editor5 .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
    z-index: 1 !important
}

.ck-editor5 .ck.ck-button {
    color: #111;
    padding: 0;
    margin: 0;
    border: 0 !important
}

.ck-editor5 .ck.ck-button:not(.ck-disabled):not(.ck-color-grid__tile):active,
.ck-editor5 .ck.ck-button:not(.ck-disabled):not(.ck-color-grid__tile):hover {
    background: #eee !important
}

.ck-editor5 .ck.ck-button:not(.ck-color-grid__tile):active,
.ck-editor5 .ck.ck-button:not(.ck-color-grid__tile):hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ck-editor5 .ck.ck-font-family-dropdown {
    display: none !important
}

.ck-editor5 p {
    color: initial
}

.slick-carousel .slick-slide {
    outline: none !important
}

.slick-carousel .slick-arrow {
    background: #fff;
    color: #111;
    -webkit-box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1);
    box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1)
}

.slick-carousel .slick-arrow.slick-prev {
    left: -2rem
}

.slick-carousel .slick-arrow.slick-prev:after {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    color: inherit;
    -webkit-transition: inherit;
    transition: inherit
}

.slick-carousel .slick-arrow.slick-next {
    right: -2rem
}

.slick-carousel .slick-arrow.slick-next:after {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-475.3242798,290.8167725c-0.5028076,0-1.0072327-0.1921387-1.3915405-0.5764771 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421l6.4229736-6.4229736l-6.4229736-6.4229736 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421c0.7686157-0.7686462,2.0144653-0.7686462,2.7831116,0l7.8145447,7.8145447 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-7.8145447,7.8145447 C-474.3170166,290.6246338-474.8214417,290.8167725-475.3242798,290.8167725z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-475.3242798,290.8167725c-0.5028076,0-1.0072327-0.1921387-1.3915405-0.5764771 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421l6.4229736-6.4229736l-6.4229736-6.4229736 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421c0.7686157-0.7686462,2.0144653-0.7686462,2.7831116,0l7.8145447,7.8145447 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-7.8145447,7.8145447 C-474.3170166,290.6246338-474.8214417,290.8167725-475.3242798,290.8167725z"/></svg>');
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    color: inherit;
    -webkit-transition: inherit;
    transition: inherit
}

.slick-carousel .slick-arrow:hover {
    background: #fff;
    color: #05568c
}

.slick-carousel .slick-arrow:before {
    display: none
}

.slick-carousel .slick-arrow:after {
    content: "";
    width: 1.2rem !important;
    height: 1.2rem !important;
    -webkit-transition: none;
    transition: none
}

.slick-carousel .slick-dots li button {
    height: 0.4rem;
    background: #b0b0b0;
    border-radius: 50rem
}

.slick-carousel .slick-dots li.slick-active button {
    background: #05568c
}

.review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.review:not(:nth-last-child(1)) {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid #eee
}

.review .ico {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    margin-right: 2rem
}

.review .txt {
    width: 100%
}

.review .ico_txt {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    margin-bottom: 1rem
}

@media (max-width: 475px) {
    .review .ico_txt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.review .ico_txt .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1rem
}

@media (max-width: 475px) {
    .review .ico_txt .title {
        margin: 0 0 1rem
    }
}

.review .ico_txt h5 {
    margin: 0 0 0.5rem
}

@media (max-width: 475px) {
    .review .ico_txt h5 {
        margin: 0
    }
}

.review .ico_txt .date {
    color: #b0b0b0;
    font-weight: 500
}

.review .review {
    margin-top: 1.5rem
}

.review .review .ico {
    width: 3.2rem;
    min-width: 3.2rem;
    height: 3.2rem
}

.review h6 {
    margin: 0 0 0.4rem
}

.app_load {
    position: relative;
    min-height: 20rem
}

.app_load .spinner {
    width: 4rem;
    height: 4rem;
    border: 0.4rem solid #05568c;
    border-right: 0.4rem solid rgba(17, 17, 17, 0.05);
    border-radius: 75%;
    -webkit-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite
}

[data-fancybox] {
    display: block;
    cursor: pointer
}

.fancybox__container .fancybox__thumbs .carousel__slide .fancybox__thumb:after {
    border: 0.3rem solid #05568c !important
}

#cover {
    min-height: 10rem;
    background-color: #111;
    background-position: 0 80%;
    background-repeat: no-repeat;
    background-size: cover
}

#cover:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    /* background: #111; */
    opacity: .8
}

#cover .contain {
    z-index: 3
}

#cover .flex_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    min-height: 20rem
}

@media (max-width: 991px) {
    #cover .flex_box {
        min-height: 20rem
    }
}

#cover .flex_box.center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#cover .content {
    width: 100%;
    max-width: 70rem;
    color: #fff;
    text-align: center;
    margin: 0 auto
}

#cover .content>h1 {
    font-size: 4.6rem;
    margin-bottom: 0;
    line-height: 1.1;
    text-shadow: 0.5rem 0.5rem 0.5rem rgba(17, 17, 17, 0.2)
}

@media (max-width: 991px) {
    #cover .content>h1 {
        font-size: 4.2rem
    }
}

@media (max-width: 576px) {
    #cover .content>h1 {
        font-size: 3.6rem
    }
}

#cover .content>h1+* {
    margin-top: 3rem
}

#cover .content>p {
    color: inherit;
    font-size: 1.8rem;
    text-shadow: 0.5rem 0.5rem 0.5rem rgba(17, 17, 17, 0.2)
}

@media (max-width: 767px) {
    #cover .content>p {
        font-size: 1.6rem
    }
}

#cover .form_blk {
    max-width: 60rem;
    color: #111;
    margin-left: auto;
    margin-right: auto
}

#cover .form_blk>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: 1.4rem;
    right: initial;
    width: 1.8rem;
    height: 1.8rem;
    margin: auto
}

#cover .form_blk>img+.input {
    padding-left: 4rem
}

#cover .form_blk>.input {
    height: 5.6rem
}

body {
    background: #f5f6fa
}

body>main {
    overflow: initial
}

header {
    position: fixed;
    top: 0;
    right: 0;
    bottom: initial;
    left: 0;
    z-index: 30;
    height: 8rem;
    background: #fff;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

@media (max-width: 991px) {
    header .toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
}

header .srch_blk {
    position: relative;
    width: 100%;
    max-width: 30rem;
    margin-right: auto
}

@media (max-width: 1024px) {
    header .srch_blk {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        max-width: none;
        background: #fff;
        padding: 1rem 1.5rem;
        -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
        box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
        border-top: 0.1rem solid #eee
    }
}

header .srch_blk.active {
    display: block
}

header .srch_blk>.input {
    height: 4.2rem;
    background: #eee;
    padding-left: 4rem;
    border-radius: 5rem
}

header .srch_blk>.input:not(:hover):not(:focus) {
    border-color: transparent
}

header .srch_blk>button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.5rem;
    width: 1.6rem;
    height: 1.6rem;
    background: transparent;
    padding: 0;
    margin: auto;
    border: 0;
    -webkit-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0)
}

@media (max-width: 1024px) {
    header .srch_blk>button {
        margin-left: 1.5rem
    }
}

header #icon_lst {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    width: auto;
    margin: 0 -1.5rem;
    margin-left: 2rem
}

header #icon_lst>* {
    padding: 0 1.5rem
}

@media (max-width: 991px) {
    header #icon_lst {
        width: auto;
        margin: 0 -1rem
    }
    header #icon_lst>* {
        padding: 0 1rem
    }
}

header #icon_lst>li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

header #icon_lst>li#srch_btn {
    display: none
}

@media (max-width: 1024px) {
    header #icon_lst>li#srch_btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
}

header #icon_lst>li>.ico_btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
    background: transparent;
    padding: 0;
    border: 0
}

header #icon_lst>li>.ico_btn:hover>img {
    -webkit-filter: none;
    filter: none
}

header #icon_lst>li>.ico_btn>span {
    position: absolute;
    top: -1rem;
    right: -.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    width: 2rem;
    height: 1.8rem;
    background: #43b753;
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    border: 0.2rem solid #fff;
    border-radius: 5rem;
    white-space: nowrap
}

header #icon_lst>li>.ico_btn>img {
    display: block;
    -webkit-filter: brightness(0) invert(0.7);
    filter: brightness(0) invert(0.7);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

header #icon_lst>li>a:not(.ico_btn) {
    display: block;
    margin-left: 1rem
}

header #icon_lst>li>a:not(.ico_btn)>small {
    color: #111;
    display: block
}

header #cart_tray {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 36rem;
    background: #fff;
    padding: 2rem;
    margin-right: -36rem;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

header #cart_tray:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    background: rgba(17, 17, 17, 0.5);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

header #cart_tray:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: inherit
}

header #cart_tray.active {
    margin-right: 0
}

header #cart_tray.active:before {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

header #cart_tray .top_head {
    position: relative;
    background: #05568c;
    color: #fff;
    margin: -2rem -2rem 2rem;
    padding: 2rem
}

@media (max-width: 576px) {
    header #cart_tray .top_head {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

header #cart_tray .top_head .x_btn {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    color: #05568c
}

header #cart_tray .inside {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 2rem;
    margin: -2rem -2rem 2rem;
    overflow: auto
}

header #cart_tray .btn_blk {
    margin-top: auto
}

header #cart_tray .cart_blk:not(:nth-last-child(1)) {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.1rem solid #eee
}

.logo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    width: 100%;
    max-width: 8rem;
    height: 6rem
}

.logo>a {
    display: block;
    width: auto;
    max-width: 100%;
    height: 100%
}

.logo>a>img {
    height: 100%;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

header .logo {
    float: left;
    max-width: 16rem;
    height: 8rem;
    z-index: 5
}

@media (max-width: 991px) {
    header .logo {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 5rem;
        float: none;
        margin: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

footer .logo {
    max-width: 18rem;
    height: auto
}

nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    height: 8rem;
    margin-left: 20rem
}

@media (max-width: 991px) {
    nav {
        margin: 0
    }
}

nav #pro_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    cursor: pointer;
    margin-left: 3rem;
    z-index: 5
}

@media (max-width: 767px) {
    nav #pro_btn {
        margin-left: 1.5rem
    }
}

nav #pro_btn .drop_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

nav #pro_btn .ico {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    border: 0.2rem solid #05568c
}

nav #pro_btn .ico.icon {
    background: rgba(5, 86, 140, 0.1);
    border-radius: 0.6rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

nav #pro_btn .ico.icon>img {
    -o-object-fit: contain;
    object-fit: contain
}

nav #pro_btn .name {
    font-weight: 600;
    color: #fff;
    margin-right: 1rem;
    line-height: 1.2;
    text-align: right
}

@media (max-width: 576px) {
    nav #pro_btn .name {
        display: none
    }
}

nav #pro_btn .name>small {
    display: block;
    color: #b0b0b0;
    font-weight: 400
}

nav #pro_btn .drop_cnt {
    left: initial;
    right: 0;
    min-width: 18rem;
    max-height: calc(100vh - 6rem);
    overflow: auto
}

nav #pro_btn .drop_lst>li:nth-last-child(1)>a {
    color: #ff4b4b
}

#nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

@media (max-width: 991px) {
    #nav {
        position: fixed;
        top: 8rem;
        right: 0;
        bottom: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        width: auto;
        background: #fff;
        margin: 0;
        padding: 2rem 5rem;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        overflow: auto;
        z-index: 7
    }
    #nav.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }
}

#nav>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    list-style: none;
    padding: 0;
    margin: 0;
    margin: 0 -2rem
}

@media (max-width: 991px) {
    #nav>ul {
        width: 100%;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin: 0
    }
}

#nav>ul>li {
    padding: 0 2rem
}

@media (max-width: 991px) {
    #nav>ul>li {
        width: 100%;
        padding: 0;
        text-align: center
    }
    #nav>ul>li .site_btn {
        margin-top: 0.5rem
    }
}

#nav>ul>li>a:not(.site_btn) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 4rem;
    color: #111;
    font-weight: 500;
    text-align: center
}

#nav>ul>li>a:not(.site_btn):hover,
#nav>ul>li.active>a:not(.site_btn) {
    color: #05568c !important
}

#nav>ul>li>.sub {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: #fff;
    max-height: calc(100vh - 8.4rem);
    text-align: left;
    padding: 2rem;
    margin-top: 1rem;
    visibility: hidden;
    opacity: 0;
    border-radius: 0.6rem;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1);
    box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1);
    pointer-events: none;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    overflow: auto
}

@media (max-width: 991px) {
    #nav>ul>li>.sub {
        position: static;
        display: none;
        width: 100%;
        max-height: none;
        background: transparent;
        visibility: visible;
        opacity: 1;
        text-align: center;
        padding: 0;
        margin: 0 auto !important;
        border: 0;
        border-radius: 0;
        -webkit-transition: none;
        transition: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

#nav>ul>li>.sub h5 {
    color: #05568c;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 0.2rem solid #eee
}

@media (max-width: 991px) {
    #nav>ul>li>.sub h5 {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
}

@media (max-width: 991px) {
    #nav>ul>li>.sub .main_row {
        margin: 0;
        width: 100%
    }
}

#nav>ul>li>.sub .main_row>.col {
    width: 25%
}

@media (max-width: 991px) {
    #nav>ul>li>.sub .main_row>.col {
        width: 100%;
        padding: 0
    }
    #nav>ul>li>.sub .main_row>.col:not(:nth-last-child(1)) {
        margin-bottom: 1.5rem
    }
}

@media (max-width: 991px) {
    #nav>ul>li>.sub ul {
        list-style: none;
        padding: 0;
        margin: 0
    }
}

#nav>ul>li>.sub ul>li {
    list-style-type: disc
}

#nav>ul>li>.sub ul>li:not(:nth-last-child(1)) {
    margin-bottom: 0.7rem
}

#nav>ul>li>.sub ul>li>a {
    color: #111
}

#nav>ul>li>.sub ul>li>a:hover {
    color: #05568c
}

#nav>ul>li:hover>.sub {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    pointer-events: auto
}

#nav>ul>li:hover.drop>a:before {
    margin-bottom: -2rem
}

#nav>ul>li.drop>a {
    position: relative
}

#nav>ul>li.drop>a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media (max-width: 991px) {
    #nav>ul>li.drop>a:before {
        display: none
    }
}

#nav>ul>li.drop>a:after {
    content: "";
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    color: inherit;
    -webkit-transition: inherit;
    transition: inherit;
    width: 1rem;
    height: 1rem;
    margin-left: 0.6rem
}

#nav>#cta {
    margin-left: 2rem
}

@media (max-width: 991px) {
    #nav>#cta {
        margin: auto 0 0
    }
}

footer {
    position: relative;
    background: #111;
    color: #fff;
    padding-top: 6rem;
    overflow: hidden
}

footer .contain {
    z-index: 3
}

footer a {
    color: rgba(255, 255, 255, 0.7)
}

footer a:hover {
    color: #05568c
}

footer .flex_row>.col {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

footer .flex_row>.col:nth-child(1) {
    width: 18%
}

footer .flex_row>.col:nth-last-child(1) {
    width: 16%
}

@media (max-width: 1024px) {
    footer .flex_row>.col:nth-last-child(1) {
        width: 24%
    }
}

@media (max-width: 991px) {
    footer .flex_row>.col {
        width: 100%
    }
}

footer h5 {
    position: relative;
    margin-bottom: 3rem
}

@media (max-width: 991px) {
    footer h5 {
        margin-bottom: 1.5rem
    }
}

@media (max-width: 991px) {
    footer h5.drop {
        cursor: pointer;
        margin-bottom: 0
    }
}

footer h5.drop:after {
    position: absolute;
    top: 0.6rem;
    right: 0;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    color: inherit;
    -webkit-transition: inherit;
    transition: inherit;
    width: 1rem;
    height: 1rem
}

@media (max-width: 991px) {
    footer h5.drop:after {
        content: ""
    }
}

@media (max-width: 991px) {
    footer h5.drop+.list {
        display: none;
        margin-top: 1.5rem
    }
}

footer .list {
    list-style: none;
    padding: 0;
    margin: 0
}

footer .list>li {
    display: block
}

footer .list>li:not(:nth-last-child(1)) {
    margin-bottom: 1rem
}

footer .copyright {
    padding: 2.5rem 0;
    margin-top: 5rem;
    border-top: 0.2rem solid rgba(255, 255, 255, 0.1)
}

footer .copyright p {
    color: inherit;
    text-align: center
}

footer .copyright p>a {
    color: #05568c
}

footer>img {
    position: absolute;
    z-index: 1
}

@media (max-width: 767px) {
    footer>img {
        opacity: 0.5
    }
}

footer>img:nth-of-type(1) {
    top: 0;
    left: 20%;
    width: 24rem
}

footer .subscribe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    padding-bottom: 3rem;
    margin-bottom: 6rem;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2)
}

@media (max-width: 991px) {
    footer .subscribe {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

footer .subscribe>span {
    font-size: 2rem;
    font-weight: 400;
    max-width: 32rem
}

@media (max-width: 991px) {
    footer .subscribe>span {
        margin-bottom: 1.5rem;
        text-align: center
    }
}

footer .subscribe form {
    position: relative;
    width: 100%;
    max-width: 40rem
}

footer .subscribe form .input {
    height: 6rem;
    color: #111;
    padding-right: 6rem
}

footer .subscribe form button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: initial;
    width: 3rem;
    height: 3rem;
    background: #05568c;
    padding: 0.6rem;
    margin: auto;
    margin-right: 1.2rem;
    border: 0;
    border-radius: 0.6rem
}

footer .subscribe form button:hover {
    background: #111
}

footer .subscribe form button>img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.social_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.5rem
}

.social_links li a {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 3.6rem;
    min-width: 3.6rem;
    height: 3.6rem;
    background: #05568c;
    padding: 1rem;
    border-radius: 75%
}

.social_links li a:hover {
    background: #b0b0b0
}

.social_links li a img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

#banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
}

#banner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #111;
    opacity: .8
}

#banner .contain {
    z-index: 3
}

#banner .flex_blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    min-height: 50rem;
    padding: 8rem 0
}

@media (max-width: 991px) {
    #banner .flex_blk {
        min-height: initial
    }
}

#banner .content {
    max-width: 52rem;
    color: #fff;
    margin: 0 auto
}

#banner .content h1 {
    font-size: 4.6rem;
    margin-bottom: 1.5rem;
    line-height: 1.1;
    text-shadow: 0.5rem 0.5rem 0.5rem rgba(17, 17, 17, 0.3)
}

@media (max-width: 991px) {
    #banner .content h1 {
        font-size: 4.2rem
    }
}

@media (max-width: 576px) {
    #banner .content h1 {
        font-size: 3.6rem
    }
}

#banner .content p {
    color: #eee;
    font-size: 1.8rem;
    text-shadow: 0.5rem 0.5rem 0.5rem rgba(17, 17, 17, 0.2)
}

@media (max-width: 576px) {
    #banner .content p {
        font-size: 1.6rem
    }
}

#banner .popup h5 {
    color: #05568c;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 0.2rem solid #eee
}

#banner .popup ul>li:not(:nth-last-child(1)) {
    margin-bottom: 0.7rem
}

#banner .popup .main_row>.col {
    width: 25%
}

[data-id="listing"] .slick-list {
    margin: -1.5rem
}

[data-id="listing"] .item {
    padding: 1.5rem
}

@media (max-width: 1024px) {
    [data-id="listing"] .slick-arrow.slick-prev {
        left: -1rem
    }
    [data-id="listing"] .slick-arrow.slick-next {
        right: -1rem
    }
}

.item_blk:hover .icon_btn {
    right: 1rem;
    opacity: 1;
    visibility: visible
}

.item_blk .fig {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden
}

.item_blk .fig>a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 2rem;
    border: 0.1rem solid #eee;
    border-radius: 1rem;
    overflow: hidden
}

.item_blk .fig>a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.item_blk .fig>a img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.item_blk .txt {
    margin-top: 2rem
}

.item_blk .txt h4 {
    margin: 0.5rem 0 1rem
}

.item_blk .txt .type {
    color: #b0b0b0
}

.item_blk .txt .price {
    font-size: 2rem;
    line-height: 1
}

.item_blk .txt .price del {
    color: #f31f34;
    font-size: 1.2rem;
    margin-left: 1rem
}

.item_blk .txt .rateYo {
    margin-bottom: 1.5rem
}

.item_blk .icon_btn {
    right: -5rem;
    opacity: 0;
    visibility: hidden
}

.icon_btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 0.4rem 0;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.icon_btn>a,
.icon_btn>button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    width: 3.2rem;
    min-width: 3.2rem;
    height: 3.2rem;
    background: #111;
    padding: 0;
    border: 0;
    border-radius: 75%;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    -webkit-transition: none;
    transition: none;
    overflow: hidden
}

.icon_btn>a:hover,
.icon_btn>button:hover {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.icon_btn>a:hover:before,
.icon_btn>button:hover:before {
    -webkit-filter: none;
    filter: none
}

.icon_btn>a:before,
.icon_btn>button:before {
    content: "";
    position: relative;
    display: block;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.2rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.8rem;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transition: inherit;
    transition: inherit;
    z-index: 1
}

.icon_btn>a.like_btn:before,
.icon_btn>button.like_btn:before {
    background-image: url("../images/icon-heart-alt.svg")
}

.icon_btn>a.like_btn.liked:before,
.icon_btn>button.like_btn.liked:before {
    -webkit-filter: none;
    filter: none
}

.icon_btn>a.share_btn:before,
.icon_btn>button.share_btn:before {
    background-image: url("../images/icon-share.svg")
}

.icon_btn>a.cart_btn:before,
.icon_btn>button.cart_btn:before {
    background-image: url("../images/icon-cart.svg")
}

.icon_btn>a.cart_btn.carted,
.icon_btn>button.cart_btn.carted {
    background: #05568c
}

.icon_btn>a.cart_btn.carted:before,
.icon_btn>button.cart_btn.carted:before {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.icon_btn>a.edit_btn:before,
.icon_btn>button.edit_btn:before {
    background-image: url("../images/icon-edit.svg")
}

.icon_btn>a.del_btn:before,
.icon_btn>button.del_btn:before {
    background-image: url("../images/icon-trash.svg")
}

#intro .flex_row>.col1 {
    width: 38%
}

#intro .flex_row>.col2 {
    width: 62%
}

@media (max-width: 991px) {
    #intro .flex_row>.col {
        width: 100%
    }
}

#intro .img {
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    padding: 0;
    overflow: hidden
}

#values {
    background: rgba(17, 17, 17, 0.06)
}

#values .flex_row {
    width: calc(100% + 3rem);
    margin: -1.5rem
}

@media (max-width: 991px) {
    #values .flex_row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        overflow: hidden;
        overflow-x: auto
    }
    #values .flex_row::-webkit-scrollbar {
        height: 0
    }
    #values .flex_row>.col {
        width: auto !important
    }
}

#values .flex_row>.col {
    width: 33.3334%;
    padding: 1.5rem
}

#values .flex_row>.col:hover .choose_blk {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

#values .content {
    max-width: 70rem;
    margin: 0 auto 4rem
}

#values .choose_blk {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: -webkit-transform 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 1.5s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 1.5s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 1.5s cubic-bezier(0.34, 1.56, 0.64, 1)
}

@media (max-width: 991px) {
    #values .choose_blk {
        width: 28rem;
        min-width: 28rem
    }
}

#values .choose_blk .front {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 1rem;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    overflow: hidden
}

#values .choose_blk .front>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

#values .choose_blk .back {
    -webkit-transform: rotateY(180deg) translateZ(1rem);
    transform: rotateY(180deg) translateZ(1rem)
}

#choose {
    background: #eee
}

#choose .flex_row {
    width: calc(100% + 3rem);
    margin: -1.5rem
}

@media (max-width: 991px) {
    #choose .flex_row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        overflow: hidden;
        overflow-x: auto
    }
    #choose .flex_row::-webkit-scrollbar {
        height: 0
    }
    #choose .flex_row>.col {
        width: auto !important
    }
}

#choose .flex_row>.col {
    width: 25%;
    padding: 1.5rem
}

#choose .inner {
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03)
}

@media (max-width: 991px) {
    #choose .inner {
        width: 26rem
    }
}

#choose .inner>.icon {
    width: 8rem;
    min-width: 8rem;
    height: 8rem;
    margin: 0 auto 2rem
}

#popular {
    background: #fff
}

#popular .main_row>.col {
    width: 25%
}

@media (max-width: 991px) {
    #popular .main_row>.col {
        width: 50%
    }
}

@media (max-width: 576px) {
    #popular .main_row>.col {
        width: 100%
    }
}

#popular .inner {
    padding: 2rem;
    border: 0.1rem solid #eee;
    border-radius: 1rem
}

#popular .inner .fig {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden
}

#popular .inner .fig>figure {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 2rem;
    margin: 0
}

#popular .inner .fig>figure img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

#popular .inner .txt {
    margin-top: 2rem
}

#popular .inner h5 {
    margin-bottom: 1.5rem
}

#popular .inner ul {
    position: relative;
    height: 14rem;
    overflow: hidden
}

#popular .inner ul.change {
    height: 100%
}

#popular .inner ul.change:after {
    height: 0
}

#popular .inner ul.change+.site_btn::before {
    content: attr(data-less)
}

#popular .inner ul:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5rem;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background: linear-gradient(transparent, #fff);
    -webkit-transition: inherit;
    transition: inherit
}

#popular .inner ul a {
    color: #05568c
}

#popular .inner ul a:hover {
    color: #111
}

#popular .inner ul+.site_btn {
    margin-top: 1rem
}

#popular .inner ul+.site_btn::before {
    content: attr(data-more)
}

@media (max-width: 991px) {
    #folio .content {
        text-align: center
    }
}

#folio .folio_blk {
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    padding: 4rem;
    text-align: center
}

#folio .folio_blk .ico {
    width: 10rem;
    min-width: 10rem;
    height: 10rem;
    margin: 0 auto 2rem;
    -webkit-box-shadow: 0 0.5rem 2rem 0 rgba(17, 17, 17, 0.25);
    box-shadow: 0 0.5rem 2rem 0 rgba(17, 17, 17, 0.25)
}

#folio .folio_blk .txt h4 small {
    display: block;
    color: #b0b0b0;
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 0.4rem
}

#folio #slick-folio .slick-list {
    margin: -1.5rem
}

#folio #slick-folio .item {
    padding: 1.5rem
}

#faq .contain {
    max-width: 76rem;
    z-index: 3
}

.faq_lst:not(:nth-last-child(1)) {
    margin-bottom: 4rem
}

.faq_lst>.faq_blk {
    position: relative;
    background: #fff;
    padding: 2rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    margin-bottom: 2rem;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.faq_lst>.faq_blk:nth-child(1) .txt {
    display: block
}

.faq_lst>.faq_blk:nth-last-child(1) {
    margin-bottom: 0
}

.faq_lst>.faq_blk.active h5 {
    color: #05568c
}

.faq_lst>.faq_blk.active h5:after {
    background: #05568c;
    -webkit-clip-path: polygon(0 40%, 0 60%, 100% 60%, 100% 40%);
    clip-path: polygon(0 40%, 0 60%, 100% 60%, 100% 40%)
}

.faq_lst>.faq_blk h5 {
    position: relative;
    padding: 0 2rem 0 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    z-index: 2
}

.faq_lst>.faq_blk h5:after {
    content: "";
    position: absolute;
    top: .2rem;
    right: 0;
    width: 1.2rem;
    height: 1.2rem;
    background: #111;
    -webkit-clip-path: polygon(0 40%, 0 60%, 40% 60%, 40% 100%, 60% 100%, 60% 60%, 100% 60%, 100% 40%, 60% 40%, 60% 0, 40% 0, 40% 40%);
    clip-path: polygon(0 40%, 0 60%, 40% 60%, 40% 100%, 60% 100%, 60% 60%, 100% 60%, 100% 40%, 60% 40%, 60% 0, 40% 0, 40% 40%);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.faq_lst>.faq_blk h5:hover {
    color: #05568c
}

.faq_lst>.faq_blk .txt {
    display: none;
    padding: 1rem 0 0
}

#contact .content {
    max-width: 50rem;
    margin: 0 auto 4rem
}

#contact form {
    max-width: 64rem;
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    margin: 4rem auto 0
}

@media (max-width: 991px) {
    #contact .info_row {
        width: calc(100% + 3rem);
        margin: -1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        overflow: hidden;
        overflow-x: auto
    }
    #contact .info_row::-webkit-scrollbar {
        height: 0
    }
    #contact .info_row>.col {
        width: auto !important
    }
}

#contact .info_row>.col {
    width: 33.3334%
}

@media (max-width: 991px) {
    #contact .info_row>.col {
        padding: 1.5rem
    }
}

#contact .info_row .inner {
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03)
}

@media (max-width: 991px) {
    #contact .info_row .inner {
        min-width: 26rem
    }
}

#contact .info_row .inner .icon {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    margin: 0 auto 1.5rem
}

#contact #map_blk {
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    padding: 0;
    overflow: hidden;
    height: 40rem
}

#contact #map_blk iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#member {
    background: #eee
}

#member .content {
    max-width: 76rem;
    margin: 0 auto 3rem
}

#member .main_row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#member .main_row>.col {
    width: 25%
}

@media (max-width: 991px) {
    #member .main_row>.col {
        width: 50%
    }
}

@media (max-width: 475px) {
    #member .main_row>.col {
        width: 100%
    }
}

#member .team_blk {
    max-width: 28rem;
    margin: 0 auto
}

.team_blk {
    text-align: center;
    position: relative;
    background: #fff;
    padding: 2rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03)
}

.team_blk .fig {
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    padding: 0;
    overflow: hidden;
    width: 20rem;
    min-width: 20rem;
    height: 20rem;
    margin: 0 auto;
    border-radius: 75%
}

.team_blk .fig>img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.team_blk .txt {
    padding: 2rem 0 0;
    margin: 0 0 auto
}

.team_blk .txt h5 {
    margin-bottom: 0.5rem
}

.team_blk .txt .social_links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#affiliate {
    padding-top: 0
}

#affiliate .flex_row>.col {
    width: 33.3334%
}

@media (max-width: 991px) {
    #affiliate .flex_row>.col {
        width: 100%
    }
}

#affiliate .content {
    margin-bottom: 4rem
}

#affiliate .inner {
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03)
}

#affiliate .inner .icon {
    width: 8rem;
    min-width: 8rem;
    height: 8rem;
    background: rgba(5, 86, 140, 0.1);
    margin: 0 0 2rem;
    padding: 1rem;
    border-radius: 1rem
}

#logon {
    padding-top: 4rem
}

#logon .log_blk {
    max-width: 52rem;
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    background: #eee;
    margin: auto
}

#logon .log_blk .txt {
    margin-bottom: 2rem
}

#logon .or {
    position: relative;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 1.5rem 0;
    z-index: 1
}

#logon .or:before,
#logon .or:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0.1rem;
    background: #b0b0b0;
    margin: auto;
    z-index: -1
}

#logon .or:before {
    right: 50%;
    margin-right: 2rem
}

#logon .or:after {
    left: 50%;
    margin-left: 2rem
}

#logon .social_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    margin: 2rem 0
}

@media (max-width: 991px) {
    #logon .social_btn {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

#logon .social_btn button {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 22rem
}

#logon .social_btn button img {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    -webkit-filter: none;
    filter: none
}

#logon .social_btn button.gm_btn {
    background: #fff;
    color: #111;
    border: 0.1rem solid #b0b0b0
}

#logon .social_btn button.fb_btn {
    background: #1877f2
}

#logon .forgot {
    margin-top: 1rem;
    font-weight: 600
}

aside {
    width: 28rem;
    min-width: 28rem;
    padding: 8rem 1.5rem;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

@media (max-width: 1024px) {
    aside {
        display: none
    }
}

aside ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
    padding: 1rem 0;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03)
}

aside ul>li {
    display: block
}

aside ul>li:nth-last-child(1)>a {
    color: #f31f34
}

aside ul>li.active>a {
    background: rgba(5, 86, 140, 0.15);
    color: #05568c
}

aside ul>li>a {
    position: relative;
    display: block;
    font-weight: 500;
    padding: 1rem 2.5rem
}

aside~section {
    width: 100%
}

[data-page="account"]>main {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    width: 100%;
    max-width: 120rem;
    padding-top: 4rem;
    margin: 0 auto
}

@media (max-width: 991px) {
    #dash .card_row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        overflow: hidden;
        overflow-x: auto
    }
    #dash .card_row::-webkit-scrollbar {
        height: 0
    }
    #dash .card_row>.col {
        width: auto !important
    }
}

#dash .card_row>.col {
    width: 33.3334%
}

#dash .highcharts-credits {
    display: none !important
}

.card_blk {
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    padding: 2rem;
    text-align: center
}

@media (max-width: 991px) {
    .card_blk {
        min-width: 18rem
    }
}

.card_blk .icon {
    min-width: 4rem;
    height: 4rem;
    color: #05568c;
    font-weight: 600;
    font-size: 3rem;
    line-height: 1;
    margin: 0 auto 0.5rem
}

.card_blk strong {
    line-height: 1;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

#listing .card_row {
    width: calc(100% + 2rem);
    margin: -1rem
}

@media (max-width: 991px) {
    #listing .card_row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        overflow: hidden;
        overflow-x: auto;
        width: calc(100% + 3rem);
        margin: -1rem -1.5rem -1.5rem;
        padding: 0 0.5rem
    }
    #listing .card_row::-webkit-scrollbar {
        height: 0
    }
    #listing .card_row>.col {
        width: auto !important
    }
}

#listing .card_row>.col {
    width: 20%;
    padding: 1rem
}

@media (max-width: 991px) {
    #listing .card_row>.col {
        padding-bottom: 1.5rem
    }
}

#listing .tbl_blk .ico {
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    overflow: hidden
}

#listing .tbl_blk .switch {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.act_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    gap: 0 0.2rem
}

.act_btn>a,
.act_btn>button {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: rgba(5, 86, 140, 0.2);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    padding: 0.6rem;
    border: 0;
    border-radius: 75%
}

.act_btn>a.more,
.act_btn>button.more {
    background-image: url("../images/icon-eye.svg")
}

.act_btn>a.del,
.act_btn>button.del {
    background-image: url("../images/icon-trash.svg");
    -webkit-filter: hue-rotate(165deg);
    filter: hue-rotate(165deg)
}

#checkout .flex_row>.col1 {
    width: 60%
}

#checkout .flex_row>.col2 {
    width: 40%
}

@media (max-width: 991px) {
    #checkout .flex_row>.col {
        width: 100%
    }
}

#checkout hr {
    margin: 2rem 0
}

#checkout .cart_blk:not(:nth-last-child(1)) {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.1rem solid #eee
}

@media (max-width: 576px) {
    #checkout .cart_blk {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    #checkout .cart_blk .icon {
        margin: 0 0 1rem
    }
    #checkout .cart_blk .qty {
        display: block;
        margin: 1rem 0
    }
    #checkout .cart_blk .qty>input {
        margin: 0
    }
    #checkout .cart_blk .x_btn {
        margin: 0
    }
}

#checkout #order_btn {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #f5f6fa;
    margin-top: -1rem;
    padding: 1rem 0
}

.cart_blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.cart_blk .icon {
    width: 8rem;
    min-width: 8rem;
    height: 8rem;
    padding: 1rem;
    margin-right: 2rem;
    border: 0.1rem solid #eee;
    border-radius: 0.6rem
}

.cart_blk .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cart_blk .txt h4 {
    margin: 0.5rem 0 0
}

.cart_blk .txt .type {
    color: #b0b0b0
}

.cart_blk .qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    font-weight: 500;
    margin: 0 2rem;
    white-space: nowrap
}

.cart_blk .qty>span {
    color: #b0b0b0
}

.cart_blk .qty>input {
    width: 6rem;
    min-width: 6rem;
    height: 4rem;
    margin-left: 1rem;
    text-align: center
}

.cart_blk .x_btn {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-left: 1rem
}

#product {
    padding-top: 4rem
}

#product .top_blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    margin-bottom: 4rem
}

@media (max-width: 767px) {
    #product .top_blk {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse
    }
}

#product .top_blk .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 2rem
}

#product .top_blk .txt .type {
    color: #b0b0b0
}

#product .top_blk .fig {
    width: 100%;
    max-width: 30rem;
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    padding: 2rem
}

@media (max-width: 767px) {
    #product .top_blk .fig {
        max-width: none;
        margin-bottom: 2rem
    }
}

#product .top_blk .fig figure {
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    padding: 0;
    padding-bottom: 80%;
    overflow: hidden;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#product .top_blk .fig figure>img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#product .sub_row>.col {
    width: 33.3334%
}

@media (max-width: 767px) {
    #product .sub_row>.col {
        width: 50%
    }
}

@media (max-width: 475px) {
    #product .sub_row>.col {
        width: 100%
    }
}

#product .tag_row {
    width: calc(100% + 3rem);
    margin: -1rem -1.5rem
}

#product .tag_row>* {
    padding: 1rem 1.5rem
}

#product .tag_row>.col {
    width: 100%
}

#product .tag_row .tag_lst>li:nth-last-child(1) {
    margin-bottom: 0
}

#product .btm_blk .drop_cnt {
    width: 100%;
    max-width: none;
    z-index: 7
}

#product .btm_blk .drop_cnt ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 20rem;
    padding: 1.5rem;
    overflow: auto
}

#product .btm_blk .drop_cnt ul>li:not(:nth-last-child(1)) {
    margin-bottom: 1rem
}

#product .btm_blk .drop_cnt label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    gap: 0 1rem;
    margin: 0
}

#product hr {
    margin: 2rem 0;
    border-top: 0.2rem dashed #eee
}

#product .tag_lst {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin: -0.2rem -0.3rem
}

#product .tag_lst>li {
    padding: 0.2rem 0.3rem
}

#product .tag_lst>li:nth-last-child(1) {
    margin-bottom: 2rem
}

#product .tag_lst>li:nth-last-child(1)>span>i {
    color: #f31f34;
    font-size: 1.4rem;
    cursor: pointer
}

#product .tag_lst>li:nth-last-child(1)>span>i:hover {
    color: #05568c
}

#product .tag_lst>li:not(:nth-last-child(1))>span>i:before {
    content: "\25b6"
}

#product .tag_lst>li>span {
    position: relative;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 0.5rem
}

#product .tag_lst>li>span>i {
    color: #b0b0b0;
    font-style: normal;
    font-weight: 800;
    margin-left: 0.5rem
}

#product .tag_lst>li>span>i:before {
    content: "\2715";
    line-height: 1
}

#product #select_blk>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 70vh;
    border: 0.1rem solid #eee;
    border-radius: 0.6rem;
    overflow-y: auto
}

#product #select_blk>ul>li {
    display: block
}

#product #select_blk>ul>li:not(:nth-last-child(1)) {
    border-bottom: 0.1rem solid #eee
}

#product #select_blk>ul>li>label {
    display: block;
    padding: 0.6rem 2rem;
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

#product #select_blk>ul>li>label:hover {
    background: #f5f6fa;
    color: #05568c
}

[data-payment="wallet"] {
    border: 0.1rem solid #b0b0b0;
    border-radius: 0.6rem
}

[data-payment="wallet"]>div {
    padding: 2rem
}

[data-payment="wallet"]>.lbl_btn:not(:nth-child(1)) {
    border-top: 0.1rem solid;
    border-color: inherit
}

[data-payment="wallet"]>.lbl_btn .icon {
    width: auto;
    max-width: 7rem;
    height: 2.2rem;
    margin-left: auto
}

@media (max-width: 375px) {
    [data-payment="wallet"]>.lbl_btn .icon {
        display: none
    }
}

[data-payment="wallet"]>.lbl_btn:nth-child(1)+.inside_blk {
    display: block
}

[data-payment="wallet"]>.inside_blk {
    padding-top: 0
}

[data-payment="wallet"]>.inside_blk:not(.active) {
    display: none
}

[data-payment="wallet"] ._list {
    list-style: none;
    padding: 0;
    margin: 0
}

[data-payment="wallet"] ._list li {
    display: block
}

[data-payment="wallet"] ._list li:not(:nth-last-child(1)) {
    margin-bottom: 1rem
}

[data-payment="wallet"] ._list li>strong {
    font-weight: 600
}

[data-payment="wallet"] ._list li>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

[data-payment="wallet"] ._list li .copy_btn {
    width: 1.6rem;
    min-width: 1.6rem;
    height: 2rem;
    background: transparent;
    padding: 0;
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 0.2rem;
    margin-left: 1rem
}

[data-payment="wallet"] ._list li .text_box {
    margin-top: 1rem
}

[data-payment="wallet"] .file_blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    margin: 1rem 0 2rem
}

[data-payment="wallet"] .file_blk>.ico {
    width: 12rem;
    height: 6rem;
    border-radius: 0.6rem;
    margin-right: 1.5rem;
    -webkit-box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1);
    box-shadow: 0 1rem 4rem -0.3rem rgba(17, 17, 17, 0.1)
}

#serve .main_row>.col {
    width: 33.3334%
}

@media (max-width: 991px) {
    #serve .main_row>.col {
        width: 50%
    }
}

@media (max-width: 576px) {
    #serve .main_row>.col {
        width: 100%
    }
}

#serve .serve_blk {
    position: relative;
    cursor: pointer
}

#serve .serve_blk:hover .fig>img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

#serve .serve_blk:hover .txt h4 {
    color: #05568c
}

#serve .serve_blk .fig {
    position: relative;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    box-shadow: 0 0.7rem 1.5rem -0.5rem rgba(17, 17, 17, 0.08), 0 -0.5rem 1rem -0.6rem rgba(17, 17, 17, 0.03);
    padding: 0;
    padding-bottom: 70%;
    overflow: hidden
}

#serve .serve_blk .fig>img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

#serve .serve_blk .txt {
    padding-top: 2rem
}

#serve .serve_blk .txt h4 {
    margin: 0;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}


/*# sourceMappingURL=app.min.css.map */


/*#toast-container{top:initial;bottom:1rem}*/