:root {
    --space-unit: 1em;
    --space-xxxxs: calc(0.09 * var(--space-unit));
    --space-xxxs: calc(0.146 * var(--space-unit));
    --space-xxs: calc(0.236 * var(--space-unit));
    --space-xs: calc(0.382 * var(--space-unit));
    --space-sm: calc(0.618 * var(--space-unit));
    --space-md: calc(1 * var(--space-unit));
    --space-lg: calc(1.618 * var(--space-unit));
    --space-xl: calc(2.618 * var(--space-unit));
    --space-xxl: calc(4.236 * var(--space-unit));
    --space-xxxl: calc(6.854 * var(--space-unit));
    --space-xxxxl: calc(11.08 * var(--space-unit));
    --component-padding: var(--space-xxxl);
}


/*1. RESET AND TYPHOGRAPHY */

* {
    font-family: "Laca", sans-serif;
    font-weight: 400;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    color: #222;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
    font-family: "Laca", sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

p {
    font-size: 16px;
    line-height: 1.6em;
    color: #9babcd;
}

p span {
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    font-size: 18px;
}

a {
    position: relative;
    color: inherit;
    text-decoration: none;
    transition: all 0.4s ease;
}

a:hover {
    color: #0e66a4;
}

a,
input,
textarea,
button,
select {
    outline: none;
}

a:hover,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus {
    text-decoration: none;
}

a:focus,
button:focus,
select:focus,
input:focus,
textarea:focus {
    outline: none;
    text-decoration: none;
}

img {
    max-width: 100%;
}

iframe {
    border: 0;
    max-width: 100%;
    width: 100%;
}

.document ul,
.document ol {
    margin-bottom: 10px;
}

.document ul ul,
.document ul ol,
.document ol ul,
.document ol ol {
    margin-bottom: 0;
}

.document ul li,
.document ol li {
    color: #9babcd;
    font-size: 16px;
    line-height: 1.6em;
}

.document p {
    margin-bottom: 15px;
}

.document p strong {
    color: #222;
}

figure {
    margin: 0;
}

.tooltip-inner {
    background-color: #f0f2f5 !important;
    color: #103178;
    font-size: 12px;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #f0f2f5 !important;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #f0f2f5 !important;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #f0f2f5 !important;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #f0f2f5 !important;
}

.desktop-only {
    display: none !important;
}

@media (min-width: 768px) {
    .desktop-only {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .mobile-only {
        display: none !important;
    }
}

.layout .menu-slidebar {
    padding-top: 80px;
}


/*2. ELEMENTS */

html,
body {
    min-height: 100%;
    position: relative;
}

@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1279px) {
    .container {
        max-width: 1270px;
    }
}

body {
    overflow-x: hidden;
}

.list-social {
    margin: 0;
    padding: 0;
}

.list-social li {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
}

.list-social li a {
    display: inline-block;
    font-size: 14px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #636363;
    border: 1px solid #404040;
}

.list-social li a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
}

.list-social li a:hover {
    color: #103178;
    border-color: #103178;
    background-color: #103178;
}

.list-social li a:hover i {
    color: #ffffff;
}

.list-social li a.facebook {
    background-color: #3b5998;
}

.list-social li a.facebook i {
    color: #ffffff;
}

.list-social li a.twitter {
    background-color: #0084b4;
}

.list-social li a.twitter i {
    color: #ffffff;
}

.list-social li a.google-plus {
    background-color: #FF0000;
}

.list-social li a.google-plus i {
    color: #ffffff;
}

.list-social li a.instagram i {
    color: #C32AA3;
}

.list-social li:last-child {
    margin-right: 0;
}

.list-social.simple li {
    margin-right: 0;
}

.list-social.simple li a {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
}

.list-social.square li {
    margin-right: 10px;
}

.list-social.square li a {
    width: 85px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    border: none;
}

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

.list-social-color li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.list-social-color li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    width: 38px;
    height: 38px;
    color: #ffffff;
}

.list-social-color li a.facebook {
    background-color: #1b4e9b;
}

.list-social-color li a.facebook:hover {
    background-color: #296fda;
}

.list-social-color li a.twitter {
    background-color: #00aeef;
}

.list-social-color li a.twitter:hover {
    background-color: #3dcaff;
}

.list-social-color li a.google-plus {
    background-color: #cc0000;
}

.list-social-color li a.google-plus:hover {
    background-color: #ff1a1a;
}

.list-social-color li a.linkedin {
    background-color: #2d567f;
}

.list-social-color li a.linkedin:hover {
    background-color: #417cb7;
}

.list-social-color li a.feed {
    background-color: #f86a02;
}

.list-social-color li a.feed:hover {
    background-color: #fe9549;
}

.list-checked li {
    margin-bottom: 20px;
}

.list-checked li a {
    position: relative;
    display: block;
    padding-left: 30px;
    font-size: 14px;
    color: #313131;
}

.list-checked li a:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 20px;
    height: 20px;
    border: solid 1px #8d8d8d;
    transition: all .4s ease;
}

.list-checked li a:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 8px;
    color: #fff;
    width: 6px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    visibility: hidden;
    opacity: 0;
}

.list-checked li a:hover:before {
    background-color: #103178;
    border-color: #103178;
}

.list-checked li a:hover:after {
    visibility: visible;
    opacity: 1;
}

.list-checked li.current a:before {
    background-color: #103178;
    border-color: #103178;
}

.list-checked li.current a:after {
    visibility: visible;
    opacity: 1;
}

.list-checked.list-checked-circle li a:before {
    border-radius: 50%;
}

.list-checked.list-checked-circle li a:hover:before {
    background-color: #a7a7a7;
    border-color: #a7a7a7;
}

.list-arrow a {
    position: relative;
    display: block;
    padding-left: 15px;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #555555;
}

.list-arrow a:before {
    content: "\f105";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-family: FontAwesome;
}

.list-arrow a:hover {
    color: #103178;
}

.list-arrow a:hover .circle {
    background-color: #ffc800;
    border-color: #ffc800;
}

.list-arrow a:hover .circle:before {
    color: #fff;
    visibility: visible;
    opacity: 1;
}

.list-arrow li {
    margin-bottom: 20px;
}

.list-arrow li.current a {
    color: #ffc800;
}

.list-arrow li.current .circle {
    background-color: #ffc800;
}

.list-arrow li.current .circle:before {
    visibility: visible;
    opacity: 1;
    color: #fff;
}

.list-dot {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    list-style-type: none;
}

.list-dot li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
    color: #000000;
    line-height: 20px;
}

.list-dot li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #103178;
    border-radius: 50px;
}

.list-plus li {
    margin: 10px 0;
}

.list-plus li a {
    display: block;
    position: relative;
    padding-left: 15px;
    line-height: 20px;
}

.list-plus li a:before {
    content: '+';
    position: absolute;
    top: 0;
    left: 0;
    line-height: 20px;
}

.list-line li a {
    position: relative;
    display: inline-block;
    padding: 5px 0;
    line-height: 20px;
    color: #9babcd;
}

.list-line li a:before {
    content: '';
    position: absolute;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background-color: #000;
    transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transform: scale3d(0, 1, 1);
    transform-origin: 0% 50%;
}

.list-line li a:hover {
    color: #222;
}

.list-line li a:hover:before {
    transform-origin: 100% 50%;
    transform: scale3d(1, 1, 1);
}

.menu-toggle,
.btn-hamburger {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50px;
    background-color: rgba(206, 135, 58, 0.6);
}

.menu-toggle span,
.menu-toggle:before,
.menu-toggle:after,
.btn-hamburger span,
.btn-hamburger:before,
.btn-hamburger:after {
    position: absolute;
    height: 2px;
    width: 20px;
    background-color: #fff;
    z-index: 100;
    transition: all .4s ease;
}

.menu-toggle span,
.btn-hamburger span {
    left: 15px;
    width: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.menu-toggle:before,
.menu-toggle:after,
.btn-hamburger:before,
.btn-hamburger:after {
    content: '';
    left: 15px;
}

.menu-toggle:before,
.btn-hamburger:before {
    top: 16px;
}

.menu-toggle:after,
.btn-hamburger:after {
    bottom: 16px;
}

.menu-toggle:hover,
.btn-hamburger:hover {
    cursor: pointer;
}

.menu-toggle.active span,
.btn-hamburger.active span {
    transform: translateX(100%);
    visibility: hidden;
    opacity: 0;
}

.menu-toggle.active:before,
.menu-toggle.active:after,
.btn-hamburger.active:before,
.btn-hamburger.active:after {
    top: 50%;
    bottom: auto;
    width: 20px;
    transform-origin: 50% 50%;
    background-color: #fc354c;
}

.menu-toggle.active:before,
.btn-hamburger.active:before {
    transform: rotate(45deg);
}

.menu-toggle.active:after,
.btn-hamburger.active:after {
    transform: rotate(-45deg);
}

@media (max-width: 1199px) {

    .menu-toggle,
    .btn-hamburger {
        display: inline-block;
    }
}

.btn-warning {
    border: 1px solid #ff9923 !important;
    background-color: #ff9923 !important;
    color: white !important;
}

.btn-warning:hover {
    background-color: white !important;
    color: #ff9923 !important;
}

.btn-primary {
    border: 1px solid #103178 !important;
    background-color: #103178 !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: white !important;
    color: #103178 !important;
}

.btn-disabled {
    border-color: #f0f2f5 !important;
    background-color: #f0f2f5 !important;
    color: #103178 !important;
    opacity: 0.5;
}

.btn-success {
    border-color: #12a05c !important;
    background-color: #12a05c !important;
    color: white !important;
}

.btn,
button.btn {
    font-size: 18px;
    font-weight: 500;
    border-radius: 50px;
    box-shadow: none;
    text-shadow: none;
    cursor: pointer;
    text-align: center;
    padding: 10px 25px;
    line-height: 24px;
    display: inline-block;
    width: 100%;
}

.btn-rounded,
button.btn-rounded {
    border-radius: 50px;
}

.btn-curve,
button.btn-curve {
    border-radius: 5px;
}

.btn-outline,
button.btn-outline {
    background-color: white !important;
    border: 1px solid #ff9923 !important;
    color: #ff9923 !important;
}

.btn-outline:hover,
button.btn-outline:hover {
    background-color: #ff9923 !important;
    color: white !important;
}

.btn-fullwidth,
button.btn-fullwidth {
    width: 100%;
    text-align: center;
}

.btn-sm,
button.btn-sm {
    padding: .5rem 2rem;
    font-size: 1.2rem;
}

.btn-sm.btn-curve,
button.btn-sm.btn-curve {
    border-radius: 3px;
}

.btn-lg,
button.btn-lg {
    padding: 1.5rem 4rem;
}

.btn-xl,
button.btn-xl {
    padding: 2rem 6rem;
    font-size: 1.6rem;
}

.btn-reverse,
button.btn-reverse {
    background-color: #576391;
}

.btn-reverse:hover,
button.btn-reverse:hover {
    background-color: #ffc800;
}

.btn-gray,
button.btn-gray {
    background-color: #e5e5e5;
    color: #000000;
    font-size: 1.6rem;
}

.btn-black,
button.btn-black {
    background-color: #222;
}

.btn-black.btn-outline,
button.btn-black.btn-outline {
    background-color: transparent;
    border: 2px solid #222;
    color: #222;
}

.btn-black.btn-outline:hover,
button.btn-black.btn-outline:hover {
    background-color: #222;
    color: #ffffff;
}

.btn:hover,
.btn:active,
button.btn:hover,
button.btn:active {
    color: #fff;
    background-color: #103178;
}

.btn:hover.btn-black,
.btn:active.btn-black,
button.btn:hover.btn-black,
button.btn:active.btn-black {
    background-color: #103178;
}

.btn-close {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    transition: all .4s ease;
    border-radius: 50%;
}

.btn-close:before,
.btn-close:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 50%;
    background-color: #9f9a98;
    transform-origin: center center;
    transition: all .4s ease;
}

.btn-close:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.btn-close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.btn-close:hover {
    transform: rotate(180deg);
}

.btn-close:hover:before,
.btn-close:hover:after {
    background-color: #f44336;
    transition-delay: .3s;
}

.form-control {
    outline: none;
    height: 50px;
    font-size: 14px;
    padding: 0 20px;
    border: none;
    height: 40px;
    border-radius: 0;
    border: 1px solid #ccc;
    transition: all .4s ease;
    box-shadow: 0 0 0 transparent;
    background-color: transparent;
    border-radius: 3px;
}

.form-control::-webkit-input-placeholder {
    opacity: 1;
    font-size: 14px;
}

.form-control::-moz-placeholder {
    opacity: 1;
    font-size: 14px;
}

.form-control:-moz-placeholder {
    opacity: 1;
    font-size: 14px;
}

.form-control:-ms-input-placeholder {
    opacity: 1;
    font-size: 14px;
}

.form-control:focus {
    outline: none;
    box-shadow: 0 0 0 #000;
    border-color: #103178;
}

textarea.form-control {
    height: auto;
    padding: 2rem;
    resize: none;
}

.checkbox {
    position: relative;
    display: block;
}

.checkbox > input {
    position: absolute;
    visibility: hidden;
}

.checkbox label {
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    font-family: "Laca", sans-serif;
    color: rgba(34, 34, 34, 0.5);
    font-weight: 400;
    cursor: pointer;
}

.checkbox label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    height: 20px;
    width: 20px;
    z-index: 10;
    border: 1px solid #222;
    transition: all .4s ease;
}

.checkbox label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    width: 6px;
    height: 10px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    z-index: 10;
    opacity: 0;
    transform: rotate(0deg);
    transition: all .4s ease;
}

.checkbox input[type=checkbox]:checked ~ label:before {
    background-color: #ffc800;
    border-color: #ffc800;
}

.checkbox input[type=checkbox]:checked ~ label:after {
    transform: rotate(45deg);
    opacity: 1;
}

.checkbox-circle label {
    font-size: 20px;
    font-weight: 600;
    color: #555;
}

.checkbox-circle label:before {
    border-radius: 50%;
    border-color: #595959;
}

.checkbox-circle input[type=checkbox]:checked ~ label:before {
    background-color: transparent;
}

.checkbox-circle input[type=checkbox]:checked ~ label:after {
    background-color: #103178;
    border-radius: 50%;
    border: none;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
}

.checkbox-inline {
    display: inline-block;
    margin-bottom: 1rem;
}

.checkbox-color {
    margin-right: 1rem;
}

.checkbox-color > label {
    margin-bottom: 0;
    width: 20px;
    height: 20px;
    padding-left: 0;
    background-color: transparent;
    border-radius: 50%;
    transition: all .4s ease;
}

.checkbox-color > label:before {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    border-radius: 50%;
}

.checkbox-color > label:after {
    display: none !important;
}

.checkbox-color input[type=radio]:checked ~ label {
    background-color: transparent;
}

.checkbox-color input[type=radio]:checked ~ label:before {
    background-color: transparent;
    border: 1px solid #ccc;
}

.checkbox-size {
    margin-right: 1rem;
}

.checkbox-size > label {
    margin-bottom: 0;
    padding: 8px 20px;
    border: none;
    color: #222222;
    background-color: #f6f6f6;
    border-radius: 0;
    transition: all .4s ease;
}

.checkbox-size > label:before,
.checkbox-size > label:after {
    display: none;
}

.checkbox-size input[type=checkbox]:checked ~ label {
    color: #ffffff;
    background-color: #a7a7a7;
}

.radio {
    position: relative;
}

.radio > input {
    position: absolute;
    visibility: hidden;
}

.radio label {
    position: relative;
    margin-bottom: 0;
    padding-left: 30px;
    font-family: "Laca", sans-serif;
    color: #737373;
    font-weight: 400;
    cursor: pointer;
}

.radio label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    height: 20px;
    width: 20px;
    z-index: 10;
    border: 1px solid rgba(19, 8, 1, 0.2);
    background-color: #fff;
    transition: all .4s ease;
    border-radius: 50%;
}

.radio label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 15;
    opacity: 0;
    transform: scale(1.5, 1.5);
    transition: all .6s ease;
}

.radio input[type=radio]:checked ~ label:before {
    background-color: transparent;
}

.radio input[type=radio]:checked ~ label:after {
    background-color: #103178;
    border-radius: 50%;
    border: none;
    width: 8px;
    height: 8px;
    top: 6px;
    left: 6px;
    opacity: 1;
}

.radio-inline {
    display: inline-block;
    margin-right: 20px;
}

.radio-color {
    margin-right: 1rem;
}

.radio-color > label {
    margin-bottom: 0;
    width: 20px;
    height: 20px;
    padding-left: 0;
    background-color: transparent;
    border-radius: 50%;
    transition: all .4s ease;
}

.radio-color > label:before {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
}

.radio-color > label:after {
    display: none !important;
}

.radio-color input[type=radio]:checked ~ label {
    background-color: rgba(61, 196, 126, 0.5);
}

.form-group {
    margin-bottom: 2.5rem;
}

.form-group > label {
    margin-bottom: 1.5rem;
    font-weight: 400;
    color: #000000;
    line-height: 1em;
    font-size: 16px;
}
.form-group > label i{
    color: red
}

.form-group > label sup {
    color: #f00000;
}

.form-group-inline {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.form-group-inline > label {
    margin-bottom: 0;
    font-weight: 600;
    max-width: 160px;
}

.form-group-inline .form-group-content {
    width: 100%;
}

@media (max-width: 767px) {
    .form-group-inline {
        display: block;
    }
}

.form-group-number {
    display: inline-block;
    position: relative;
}

.form-group-number button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    max-width: 20px;
    color: #222;
    font-size: 30px;
    border: none;
    background: none;
}

.form-group-number button.up {
    right: 12px;
}

.form-group-number button.up:before,
.form-group-number button.up:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    content: '';
    width: 14px;
    height: 1px;
    background-color: #9babcd;
}

.form-group-number button.up:before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.form-group-number button.up:after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.form-group-number button.down {
    left: 12px;
}

.form-group-number button.down:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    content: '';
    width: 14px;
    height: 1px;
    background-color: #9babcd;
    transform: translate(-50%, -50%) rotate(0deg);
}

.form-group-number .form-control {
    border: 2px solid #eaeaea;
    height: 45px;
    padding: 0 25px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #222;
    background-color: transparent;
}

.form-group-number .form-control::-webkit-input-placeholder {
    color: #222;
}

.form-group-number .form-control::-moz-placeholder {
    color: #222;
}

.form-group-number .form-control:-moz-placeholder {
    color: #222;
}

.form-group-number .form-control:-ms-input-placeholder {
    color: #222;
}

.form-group-number-2 {
    position: relative;
}

.form-group-number-2 button {
    position: absolute;
    right: 5px;
    width: 12px;
    height: 12px;
    border: none;
    background-color: transparent;
    display: flex;
    justify-content: center;
    padding: 0;
}

.form-group-number-2 button.up {
    top: 3px;
    align-items: flex-end;
}

.form-group-number-2 button.down {
    bottom: 6px;
    align-items: flex-start;
}

.form-group-select {
    position: relative;
}

.form-group-select i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.form-group-select select {
    height: 40px;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 50px;
}

.form-group-nest {
    display: flex;
    flex-flow: row nowrap;
}

.form-group-nest .btn {
    border-radius: 0 4px 4px 0;
    padding-left: 25px;
    padding-right: 25px;
}

.form-group-nest input {
    border-radius: 4px 0 0 4px;
    border-color: #ccc;
    border-right: none;
}

.form-group-icon {
    position: relative;
}

.form-group-icon button {
    right: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.form-group-icon button i:before {
    font-size: 20px;
}

.form-group-icon .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown > a {
    position: relative;
    display: block;
    padding-right: 20px;
}

.dropdown > a:after {
    content: "\e93a";
    font: normal normal normal 12px/1 linearicons;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.dropdown ul {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    min-width: 120px;
    max-width: 200px;
    width: 100%;
    padding: 4px 0;
    background-color: #fff;
    box-shadow: 0 1px 1px 2px rgba(204, 204, 204, 0.2);
    visibility: hidden;
    opacity: 0;
    text-align: left;
}

.dropdown ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dropdown ul li a {
    display: block;
    font-size: 1.3rem;
    color: #222;
    padding: 6px 10px;
}

.dropdown:hover ul {
    visibility: visible;
    opacity: 1;
}

.dropdown.open ul {
    visibility: visible;
    opacity: 1;
}

.select2 {
    display: block;
    min-width: 100%;
}

.select2 .select2-selection-single {
    height: auto;
    outline: none;
    border-radius: 0;
}

.select2 .select2-selection-single .select2-selection-rendered {
    line-height: 20px;
    padding: 10px 15px;
}

.select2 .select2-selection-single .select2-selection-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 20px;
    height: 20px;
}

.select2 .select2-selection-single .select2-selection-arrow:before {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.select2 .select2-selection-single .select2-selection-arrow b {
    display: none;
}

.select2 .select2-selection-multiple {
    min-height: 0;
    border: none !important;
}

.select2 .select2-selection-multiple .select2-selection-rendered {
    margin-bottom: 0;
    padding: 0;
    padding-left: 10px;
    vertical-align: top;
}

.select2 .select2-selection-multiple .select2-selection-rendered input {
    margin-top: 0;
    height: 40px;
    padding: 0 10px;
}

.select2 .select2-selection-multiple .select2-selection-rendered .select2-selection-choice {
    line-height: 20px;
    margin-right: 10px;
    margin-top: 10px;
}

.select2-container .select2-dropdown {
    border-color: #ccc;
}

.select2-container .select2-results li {
    color: #222;
    font-size: 16px;
    padding: 6px 16px;
    background-color: transparent;
}

.select2-container .select2-results li.select2-results-option-highlighted {
    background-color: #103178;
}

.form-group-inside {
    position: relative;
}

.form-group-inside button {
    right: 10px;
    border: none;
    color: #ce873a;
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.form-group-inside button:hover {
    color: #ab6d2a;
}

.color {
    display: flex;
    justify-content: space-between;
    color: #bbb;
    width: 100%;
}

.color .color-swatch {
    display: inline-block;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    vertical-align: middle;
}

.color .color-left i {
    font-size: 14px;
    color: #999;
    font-style: normal;
}

.color .color-right i {
    color: #eaeaea;
}

.color.black .color-swatch {
    background-color: #000;
}

.color.blue .color-swatch {
    background-color: #70849d;
}

.color.gold .color-swatch {
    background-color: #cc9900;
}

.color.nude .color-swatch {
    background-color: #cfa58f;
}

.color.orange .color-swatch {
    background-color: #cc6600;
}

.color.red .color-swatch {
    background-color: #990000;
}

.color.active .color-right i {
    color: #222;
}

.color.active .color-right i:before {
    content: '\e999';
}

.variant {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    z-index: 10;
    border: 1px solid #999;
    cursor: pointer;
}

.variant-tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    padding: 5px 10px;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 2px;
    color: #ffffff;
    font-size: 12px;
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0;
}

.variant-tooltip:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
}

.variant:last-child {
    margin-right: 0;
}

.variant.variant-size {
    position: relative;
    vertical-align: top;
    border: none;
    background-color: #f1f1f1;
    transition: all .4s ease;
}

.variant.variant-size .variant-size {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #9babcd;
    font-size: 12px;
}

.variant.variant-size.active .variant-size {
    color: #222;
}

.variant.variant-size:hover {
    background-color: #103178;
}

.variant.variant-size:hover .variant-size {
    color: #ffffff;
}

.variant.variant-color {
    border: 1px solid #ccc;
}

.variant.variant-color:before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.variant.variant-color.color-1:before {
    background-color: #70849d;
}

.variant.variant-color.color-2:before {
    background-color: #cfa58f;
}

.variant.variant-color.color-3:before {
    background-color: #F06292;
}

.variant.variant-image img {
    border-radius: 50%;
    max-width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.variant:hover .variant-tooltip {
    visibility: visible;
    opacity: 1;
}

.variant.active:before {
    border-color: #000;
}

.variant.active .variant-tooltip {
    visibility: visible;
    opacity: 1;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-control-label::before,
.custom-control-label::after {
    top: 3px;
    width: 13px;
    height: 13px;
}

.custom-control-label::before {
    background-color: white;
    border: 1px solid #103178;
}

.br-widget a::after {
    color: #3b9d95 !important;
}

.form-check {
    padding-left: 0;
}

.form-check .form-check-input {
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: #f0f2f5;
    display: none;
}

.form-check .form-check-input:focus {
    box-shadow: none;
}

.form-check .form-check-input:checked + label:before {
    background-color: #103178;
}

.form-check .form-check-input:checked + label:after {
    opacity: 1;
}

.form-check .form-check-label {
    margin: 0;
    position: relative;
    display: block;
    line-height: 22px;
    -webkit-padding-start: 27px;
    padding-inline-start: 27px;
    transition: all .35s ease-in-out 0s;
    cursor: pointer;
}

.form-check .form-check-label::before {
    content: "";
    width: 16px;
    height: 16px;
    background: #f0f2f5;
    position: absolute;
    left: 0;
    top: 4px;
    border-radius: 4px;
    transition: all .35s ease-in-out 0s;
}

.form-check .form-check-label::after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath fill='%23fff' d='M9.942 1.35L3.535 7.758 0 4.209l1.353-1.348 2.185 2.193L8.59 0l1.35 1.35z'/%3E%3C/svg%3E");
    position: absolute;
    left: 3px;
    top: 0;
    opacity: 0;
}

.post .post-title {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 10px;
    color: #103178;
}

.post .post-content {
    padding-top: 20px;
}

.post .blog-badge {
    margin-bottom: 10px;
}

.post .badge-item {
    margin: 0 5px 5px;
    font-size: 12px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 40px;
    display: inline-block;
    text-transform: uppercase;
    color: white;
    background-color: #103178;
    font-weight: 600;
}

.post .blog-meta {
    margin-bottom: 45px;
    color: #5b6c8f;
    font-size: 14px;
    line-height: 20px;
}

.post .blog-date {
    font-weight: 600;
    margin-right: 15px;
}

.post .blog-banner {
    margin-bottom: 50px;
}

.post .blog-banner img {
    width: 100%;
    border-radius: 4px;
}

.post .blog-text-large {
    margin-bottom: 40px;
    font-size: 22px;
    color: #103178;
}

.post .blog-text {
    margin-bottom: 40px;
    color: #5b6c8f;
    font-size: 16px;
}

.post .blog-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.post .review {
    background-color: #f0f2f5;
    height: 100%;
}

.post .blog-row {
    margin-bottom: 40px;
}

.post .blog-row .blog-text,
.post .blog-row .blog-text-large {
    margin-bottom: 20px;
}

.post .section-blog {
    background-image: url("../img/related-bg.jpg");
    margin-bottom: 30px;
    padding: 70px 0 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.post .form-review {
    margin: 80px 0;
}

.post .comment-post {
    border-top: 1px solid #f0f2f5;
    padding-top: 70px;
    margin-top: 50px;
}

@media (min-width: 1280px) {
    .post .post-title {
        font-size: 50px;
        line-height: 60px;
    }

    .post .blog-text-large {
        font-size: 24px;
    }
}

.comment-post .comment-title {
    color: #103178;
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 36px;
}

.comment-post .comment-children {
    border-left: 30px solid #f0f2f5;
}

.comment-post .review-product {
    border-color: #f0f2f5;
    border-bottom: none;
}

.comment-post .comment-list {
    border-bottom: 1px solid #f0f2f5;
}

@media (min-width: 1280px) {
    .comment-post .comment-title {
        font-size: 40px;
        line-height: 50px;
    }
}

.post-full .comment-post {
    margin-top: 0;
    border-top: none;
    padding-top: 30px;
}

.post-full .post-line {
    border-top: 1px solid #f0f2f5;
    padding-bottom: 80px;
    margin-top: 50px;
}

@media (min-width: 1280px) {
    .post-full .post-wrapper {
        max-width: 820px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
    }
}

.pagination {
    padding: 30px;
}

.pagination .pagination {
    margin-bottom: 0;
    justify-content: center;
}

.pagination .pagination a {
    width: 34px;
    height: 34px;
    margin: 0 4px;
    font-size: 14px;
    color: #103178;
    font-weight: bold;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.pagination .pagination a i {
    font-weight: bold;
}

.pagination .pagination .active a {
    background-color: #103178;
    color: white;
    border-radius: 50%;
}

.breadcrumb {
    list-style: none;
    padding: 5px 15px !important;
    margin: 0;
}

.breadcrumb-item {
    position: relative;
    display: inline-block;
    color: #103178;
    font-size: 14px;
}

.breadcrumb-item:before {
    content: '\203A';
    display: inline-block;
    border-radius: 50%;
    margin: 0 10px;
    color: #103178;
}

.breadcrumb-item a {
    color: #103178;
    font-size: 14px;
}

.breadcrumb-item a:hover {
    color: #ff9923;
}

.breadcrumb-item:first-child:before {
    display: none;
}

.section-block-grid {
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
}

.section-block-grid .section-thumbnail {
    margin-bottom: 30px;
    padding: 0 15px;
}

.section-block-grid .section-thumbnail img {
    width: 100%;
    transition: 600ms ease 0s;
}

.section-block-grid .section-thumbnail img:hover {
    transform: scale(1.1, 1.1);
}

.section-block-grid .section-thumbnail .section-image {
    overflow: hidden;
    display: block;
}

.section-block-grid .section-content {
    margin-bottom: 30px;
    padding: 0 15px;
}

.section-block-grid .section-title {
    font-size: 26px;
    line-height: 30px;
    color: #103178;
    margin-bottom: 20px;
    font-weight: 600;
}

.section-block-grid .section-subtitle {
    font-size: 22px;
    line-height: 26px;
    color: #103178;
    margin-bottom: 20px;
}

.section-block-grid .section-desc {
    color: #111;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
}

.section-block-grid .section-list {
    margin-bottom: 20px;
}

.section-block-grid .section-list li {
    font-size: 18px;
    color: #111;
    padding: 6px 0;
    line-height: 20px;
}

.section-block-grid .section-list li::before {
    content: "\EB80";
    color: #3b9d95;
    font-size: 20px;
    display: inline-block;
    font-weight: 900;
    font-family: remixicon !important;
    margin: 0px 10px 0 0;
    position: relative;
    top: 5px;
}

@media (min-width: 768px) {
    .section-block-grid {
        display: flex;
    }

    .section-block-grid.row-reverse {
        flex-direction: row-reverse;
    }

    .section-block-grid > * {
        flex: 0 0 50%;
    }

    .section-block-grid .section-thumbnail {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 1280px) {
    .section-block-grid .section-title {
        font-size: 30px;
        line-height: 40px;
    }

    .section-block-grid .section-subtitle {
        font-size: 24px;
        line-height: 30px;
    }
}

.bought {
    padding-bottom: 80px;
}

.bought .bought-title {
    font-size: 22px;
    line-height: 26px;
    color: #103178;
    font-weight: 600;
    margin-bottom: 20px;
}

.bought .bought-wapper {
    border: 3px solid #ff9923;
    border-radius: 4px;
}

.bought .bought-thumbnail img {
    max-width: 120px;
    width: 100%;
    height: auto;
}

.bought .bought-thumbnail li {
    border-bottom: 1px solid #f0f2f5;
    padding: 15px 0;
}

.bought .bought-thumbnail li:last-child a:after {
    display: none;
}

.bought .bought-thumbnail a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}

.bought .bought-thumbnail a::after {
    content: '+';
    background: #103178;
    color: white;
    width: 24px;
    height: 24px;
    line-height: 22px;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -27px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    text-align: center;
}

.bought .bought-list {
    padding: 25px 30px 0;
    list-style: none;
    margin: 0;
}

.bought .bought-list li {
    font-size: 14px;
    line-height: 22px;
    padding: 3px 0 5px;
}

.bought .bought-name {
    color: #103178;
    font-size: 14px;
}

.bought .bought-price {
    color: #103178;
    font-size: 14px;
    font-weight: 600;
}

.bought .bought-price.sale {
    color: #ff9923;
}

.bought .bought-del {
    font-size: 14px;
    color: #9babcd;
    margin-right: 10px;
    text-decoration: line-through;
}

.bought .bought-submit {
    padding: 20px 30px 30px;
}

.bought .bought-submit label {
    color: #103178;
    font-weight: 500;
    font-size: 14px;
}

.bought .bought-submit .btn {
    font-size: 16px;
    padding: 8px 15px;
    display: inline-block;
    width: auto;
}

.bought .bought-total {
    color: #ff9923;
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .bought .bought-thumbnail ul {
        display: flex;
        border-collapse: collapse;
    }

    .bought .bought-thumbnail li {
        flex-grow: 1;
        border: 1px solid #f0f2f5;
        padding: 15px;
    }

    .bought .bought-thumbnail img {
        max-width: 100%;
    }

    .bought .bought-thumbnail a::after {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: 50%;
        margin-top: -30px;
        right: -30px;
        left: auto;
        bottom: auto;
    }

    .bought .bought-content {
        display: flex;
    }

    .bought .bought-list {
        width: 70%;
        padding: 17px 20px;
    }

    .bought .bought-submit {
        width: 30%;
        padding: 17px 20px 20px 0;
    }
}

@media (min-width: 992px) {
    .bought .bought-submit {
        width: 25%;
        padding: 25px 30px 30px 0;
    }

    .bought .bought-list {
        padding: 17px 30px;
        width: 75%;
    }
}

@media (min-width: 1280px) {
    .bought .bought-title {
        font-size: 24px;
        line-height: 30px;
    }

    .bought .bought-submit .btn {
        font-size: 18px;
        padding: 10px 25px;
    }

    .bought .bought-total {
        font-size: 30px;
        line-height: 40px;
    }
}

@media (min-width: 992px) {
    .bought-vertical .bought-wapper {
        display: flex;
    }

    .bought-vertical .bought-thumbnail {
        width: 60%;
    }

    .bought-vertical .bought-thumbnail ul {
        height: 100%;
    }

    .bought-vertical .bought-content {
        width: 40%;
        display: block;
    }

    .bought-vertical .bought-list {
        width: 100%;
    }

    .bought-vertical .bought-submit {
        width: 100%;
        padding: 0 30px 20px;
    }
}

@media (min-width: 1280px) {

    .bought-vertical .bought-list,
    .bought-vertical .bought-submit {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.widget-related-product {
    margin-bottom: 60px;
}

.widget-related-product .widget-title {
    margin-bottom: 20px;
    color: #103178;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
}

.widget-related-product .product-standard {
    border: 1px solid #f0f2f5;
}

.widget-related-product .product-standard:not(:last-child) {
    border-bottom: 0;
}

.widget-related-product .product-standard .product-actions {
    display: none;
}

.widget-related-product .product-standard .product-thumbnail:hover {
    opacity: 0.5;
}

@media (min-width: 1280px) {
    .widget-related-product .widget-title {
        font-size: 24px;
        line-height: 30px;
    }
}

.widget-promo {
    margin-bottom: 60px;
    text-align: center;
}

.widget-promo img {
    width: 100%;
}

@media (min-width: 768px) {
    .widget-promo {
        display: none;
    }
}

@media (min-width: 992px) {
    .widget-promo {
        display: block;
    }
}

.widget .widget-block {
    padding: 10px 0;
    border-bottom: 1px solid #f0f2f5;
    position: relative;
}

.widget .widget-block .block-control {
    position: absolute;
    width: 30px;
    height: 30px;
    display: inline-block;
    right: 0;
    top: 15px;
    text-align: center;
    text-indent: 0;
    z-index: 8;
    line-height: 30px;
}

.widget .widget-block .block-control i {
    color: #103178;
    font-weight: bold;
}

.widget .widget-block .block-control.active {
    transform: rotate(180deg);
}

.widget .widget-block .widget-content {
    padding: 20px 0;
    display: none;
    overflow: auto;
}

.widget .widget-title {
    color: #103178;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .widget .widget-title {
        font-size: 18px;
        line-height: 26px;
    }

    .widget .widget-block {
        padding: 40px 0;
        border-top: 1px solid #f0f2f5;
        border-bottom: none;
    }

    .widget .widget-block .block-control {
        display: none;
    }

    .widget .widget-block .widget-content {
        display: block !important;
        padding-bottom: 0;
    }

    .widget .widget-block:first-child {
        border-top: 0;
        padding-top: 0;
    }
}

.widget-product {
    padding: 0 15px;
}

.widget-product .widget-block .widget-content {
    max-height: 240px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.widget-product .widget-block .widget-content::-webkit-scrollbar {
    width: 5px;
}

.widget-product .widget-block .widget-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #f0f2f5;
    border-radius: 4px;
}

.widget-product .widget-block .widget-content::-webkit-scrollbar-thumb {
    background: #103178;
    border-radius: 4px;
}

.widget-product .widget-block .widget-content::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

.widget-product .widget-block .widget-category {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
}

.widget-product .widget-promo {
    margin-top: 30px;
}

.widget-product .widget-promo img {
    width: 100%;
}

.widget-product .widget-item {
    padding: 8px 0;
}

.widget-product .widget-item .custom-control-label {
    display: flex;
    font-size: 14px;
    padding-left: 10px;
    color: #103178;
    font-size: 16px;
}

.widget-product .widget-item .custom-control-label::before,
.widget-product .widget-item .custom-control-label::after {
    top: 3px;
    width: 15px;
    height: 15px;
}

.widget-product .widget-item .custom-control-label::before {
    background-color: #f0f2f5;
    border: 1px solid #f0f2f5;
}

.widget-product .widget-item .custom-control-label span {
    color: #103178;
    margin-left: 10px;
}

.widget-product .widget-item .custom-label {
    display: flex;
    font-size: 14px;
    padding-left: 10px;
    color: #103178;
    font-size: 16px;
}

.widget-product .widget-item .custom-label span {
    color: #103178;
    margin-left: 10px;
}

.widget-product .br-widget a {
    font-size: 16px;
}

.widget-product .widget-color {
    padding-left: 3px;
}

.widget-product .widget-color .custom-checkbox {
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
}

.widget-product .widget-color .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(-bg-color);
}

.widget-product .widget-color .custom-checkbox:hover::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border: 1px solid #ff9923;
    border-radius: 50%;
}

.widget-product .widget-color .custom-control-label::before,
.widget-product .widget-color .custom-control-label::after {
    top: -17px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    transition: 350ms ease 0s;
}

.widget-product .widget-color .custom-control-label::before {
    background-color: var(-bg-color);
    border-color: transparent;
}

.widget-product .widget-price {
    padding: 20px 25px 20px 5px;
    position: relative;
}

.widget-product .widget-price .noUi-target.noUi-horizontal .noUi-tooltip {
    background-color: #103178;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border-radius: 50%;
    transform: initial;
    bottom: auto;
}

.widget-product .widget-price .noUi-target.noUi-horizontal .noUi-tooltip span {
    display: none;
}

.widget-product .widget-price .noUi-target .noUi-active.noUi-handle {
    top: -6px;
}

.widget-product .widget-price .noUi-connect {
    background-color: #103178;
}

.widget-product .widget-input {
    display: flex;
    align-items: center;
}

.widget-product .widget-input .bridge {
    color: #103178;
    font-size: 25px;
    font-weight: bold;
    padding: 0 10px;
}

.widget-product .widget-input .price {
    width: calc(50% - 15px);
    height: 34px;
    line-height: 24px;
    padding: 6px 15px;
    font-size: 16px;
    color: #5b6c8f;
    background-color: #f0f2f5;
    border-radius: 40px;
}

.widget-product .widget-filter {
    background-color: transparent;
    border: none;
    color: #103178;
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
    padding-top: 10px;
}

.widget-product .menu-mobile > li {
    overflow: hidden;
}

.widget-product .menu-mobile > li > a {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.widget-product .menu-mobile .active .sub-toggle::before {
    content: '-';
}

.widget-product .menu-mobile .active > a {
    color: #ff9923;
}

.widget-product .menu-mobile .sub-toggle {
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
    background-color: #f0f2f5;
}

.widget-product .menu-mobile .sub-toggle::before {
    content: '+';
    color: #103178;
    font-weight: bold;
}

.widget-product .menu-mobile .sub-toggle i {
    display: none;
}

.widget-product .menu-mobile .sub-menu {
    margin: 10px 0 8px 20px !important;
}

.widget-product .menu-mobile .sub-menu > li {
    padding: 6px 0;
}

.widget-product .menu-mobile .sub-menu > li > a {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

@media (min-width: 1280px) {
    .widget-product .widget-filter {
        font-size: 18px;
    }
}

.widget-blog .product-standard {
    border: 1px solid #f0f2f5;
    border-bottom: none;
}

.widget-blog .product-standard:last-child {
    border-bottom: 1px solid #f0f2f5;
}

.widget-blog .product-standard .product-actions {
    display: none;
}

.widget-blog .product-standard .product-thumbnail:hover {
    opacity: 0.5;
}

.widget-blog .widget-product {
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .widget-blog .widget-block {
        border-top: 0;
        padding-top: 0;
    }
}

@media (min-width: 1280px) {
    .widget-blog .widget-title {
        font-size: 24px;
        line-height: 30px;
    }
}

.widget-category li {
    margin-bottom: 8px;
}

.widget-category a {
    font-size: 100%;
    color: #103178;
    line-height: 26px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .widget-category li {
        margin-bottom: 20px;
    }

    .widget-category a {
        font-size: 18px;
        line-height: 26px;
    }
}

.slick-slider .slick-slide {
    outline: none;
    box-shadow: 0 0 rgba(0, 0, 0, 0);
}

.slick-slider .slick-slide:focus,
.slick-slider .slick-slide:active,
.slick-slider .slick-slide:hover {
    outline: none;
}

.owl-carousel {
    position: relative;
}

.owl-carousel .owl-item img {
    width: auto;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    width: 100%;
    height: 0;
    left: 0;
}

.owl-carousel .owl-nav > * {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 56px;
    height: 56px;
    background-color: rgba(16, 49, 120, 0.1) !important;
    transition: all .4s ease;
    border-radius: 50%;
    transform: translateY(-50%);
}

.owl-carousel .owl-nav > * i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 23px;
    color: white;
}

.owl-carousel .owl-nav > *:hover {
    background-color: #103178 !important;
}

.owl-carousel .owl-nav .owl-prev {
    margin-left: 40px;
}

.owl-carousel .owl-nav .owl-next {
    float: right;
    margin-right: 40px;
}

.owl-carousel .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border: 1px solid #bebebe;
    background-color: transparent;
    border-radius: 50%;
}

.owl-carousel .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

.owl-carousel .owl-dots .owl-dot.active {
    background-color: #103178;
    border-color: #103178;
}

.carousel-dots .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 10;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 0;
}

.carousel-dots .owl-nav > * {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
}

.carousel-dots .owl-nav > *:before,
.carousel-dots .owl-nav > *:after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    position: absolute;
    top: 50%;
    background-color: #fff;
    transform-origin: 0 0;
}

.carousel-dots .owl-nav > *:hover:before,
.carousel-dots .owl-nav > *:hover:after {
    background-color: #103178;
}

.carousel-dots .owl-nav .owl-prev:before,
.carousel-dots .owl-nav .owl-prev:after {
    left: 50%;
}

.carousel-dots .owl-nav .owl-prev:before {
    transform: translate(-50%, -50%) rotate(-50deg);
}

.carousel-dots .owl-nav .owl-prev:after {
    transform: translate(-50%, -50%) rotate(50deg);
}

.carousel-dots .owl-nav .owl-next:before,
.carousel-dots .owl-nav .owl-next:after {
    right: 0;
    transform-origin: 100% 0;
}

.carousel-dots .owl-nav .owl-next:before {
    transform: translate(-50%, -50%) rotate(-50deg);
}

.carousel-dots .owl-nav .owl-next:after {
    transform: translate(-50%, -50%) rotate(50deg);
}

@media (max-width: 1199px) {
    .carousel-dots .owl-nav {
        padding: 0 30px;
    }
}

.carousel-dots .owl-dots {
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
    text-align: center;
}

.carousel-dots .owl-dots .owl-dot {
    display: inline-block;
    margin-right: 20px;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    border: none;
    background-color: #103178;
    transition: all .4s ease;
}

.carousel-dots .owl-dots .owl-dot:hover,
.carousel-dots .owl-dots .owl-dot.active {
    width: 3px;
    height: 30px;
    background-color: #fff;
}

.carousel-dots .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

@media (max-width: 767px) {
    .carousel-dots .owl-dots {
        bottom: 10px;
    }
}

@media (max-width: 1199px) {
    .carousel-dots .owl-nav {
        display: none;
    }
}

.badge {
    display: inline-block;
    font-size: 12px;
    padding: 0 10px;
    font-weight: 500;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
    color: #ffffff;
}

.badge.badge-hot {
    background-color: #f00000;
}

.badge.badge-sale {
    background-color: #ff9923;
}

.badge.badge-sold {
    background-color: #d6d8db;
}

.badge.badge-outstock {
    background-color: #752A2B;
}

.badge.badge-instock {
    background-color: #12a05c;
}

.product {
    background-color: white;
}

.product-thumbnail {
    position: relative;
    margin-bottom: 15px;
    padding: 20px 20px 0;
}

.product-thumbnail img {
    width: 100%;
    margin: auto;
    border-radius: 4px;
}

.product-actions {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 7;
    visibility: hidden;
    opacity: 0;
}

.product-actions .product-item {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    position: relative;
    transition: 350ms ease 0s;
    color: #103178;
    margin-top: 5px;
    background-color: #f0f2f5;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.product-actions .product-item:first-child {
    margin-top: 0;
}

.product-actions .product-item:hover a {
    color: #ff9923;
}

.product-actions .product-item.rotate {
    transform: rotate(-90deg);
}

.product-title {
    display: block;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 13px;
    min-height: 44px;
    font-weight: 400;
    color: #103178;
}

.product-title:hover {
    color: #ff9923;
}

.product-rating {
    margin-bottom: 13px;
    display: flex;
    align-items: center;
}

.product-rating .br-widget a {
    font-size: 14px;
}

.product-rating .br-widget .br-selected:after {
    color: #ff9923;
}

.product-meta {
    margin-bottom: 8px;
}

.product-price {
    color: #103178;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 18px;
}

.product-price.sale {
    color: #ff9923;
}

.product-del {
    color: #9babcd;
    margin-left: 5px;
    text-decoration: line-through;
    font-weight: 400;
    font-size: 15px;
}

.product-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
    text-transform: uppercase;
}

.product-badge .badge {
    display: block;
    margin-bottom: 4px;
}

.product-badge .badge:last-child {
    margin-bottom: 0;
}

.product-percent {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
    color: white;
    background-color: #103178;
    border-radius: 50%;
    padding: 2px;
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}

.product-branch {
    color: #103178;
    margin-bottom: 6px;
    line-height: 20px;
    font-size: 14px;
}

.product-review {
    display: none;
    margin-left: 5px;
    font-size: 14px;
    color: #103178;
}

.product-desc {
    display: none;
    margin-bottom: 6px;
}

.product-desc li {
    font-size: 14px;
    color: #103178;
    padding: 3px 0;
}

.product-desc li::before {
    content: '\f00c';
    color: #12a05c;
    font-size: 75%;
    display: inline-block;
    font-weight: 900;
    font: normal normal normal 14px/1 FontAwesome;
    margin: -3px 10px 0 0;
}

.product .product-quantity {
    min-width: 172px;
    display: none;
}

.product .product-quantity .number-input {
    background-color: #f0f2f5;
    display: flex;
    align-items: center;
    border-radius: 2px;
    justify-content: space-between;
    border-radius: 40px;
}

.product .product-quantity .number-input input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.product .product-quantity .number-input input[type="number"] {
    text-align: center;
    max-width: 50%;
    font-size: 14px;
    color: #103178;
    flex-grow: 1;
    background-color: transparent;
}

.product .product-quantity .number-input input[type=number]:focus {
    box-shadow: none;
}

.product .product-quantity .number-input input[type=number]::-webkit-inner-spin-button,
.product .product-quantity .number-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.product .product-quantity .number-input button {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    padding: 15px;
    cursor: pointer;
}

.product .product-quantity .number-input button i {
    color: #5b6c8f;
    font-weight: 600;
}

@media (min-width: 1280px) {
    .product-thumbnail:hover .product-actions {
        visibility: visible;
        opacity: 1;
    }
}

.product-horizontal {
    display: flex;
    flex-flow: row nowrap;
    max-width: 100%;
}

.product-horizontal .product-price {
    font-weight: 600;
}

.product-horizontal .product-del {
    font-weight: 500;
}

.product-horizontal .product-desc {
    font-size: 14px;
    color: #103178;
    opacity: 0.6;
    margin: 10px 0;
}

.product-horizontal .product-thumbnail {
    width: auto;
    padding: 0;
}

.product-horizontal .product-thumbnail .product-image {
    display: block;
}

.product-horizontal .product-thumbnail .product-image img {
    width: 120px;
}

.product-horizontal .product-content {
    padding-left: 20px;
}

@media (min-width: 768px) {
    .product-horizontal {
        padding-left: 30px;
    }
}

@media (min-width: 1200px) {
    .product-horizontal .product-content {
        padding-left: 50px;
    }
}

.product-standard .product-content {
    padding: 0 20px 20px;
}

.product-standard .product-image {
    display: block;
    transition: 600ms ease 0s;
    border-radius: 4px;
}

.product-standard .product-image figure {
    position: relative;
    z-index: 2;
}

.product-standard .product-image figure img:last-child {
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity 600ms ease 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
}

.product-standard .product-image figure img:first-child {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 600ms ease 0s;
    position: initial;
    opacity: 1;
}

.product-standard .product-thumbnail:hover figure img:first-child {
    opacity: 0;
}

.product-standard .product-thumbnail:hover figure img:last-child {
    opacity: 1;
}

.product-standard .product-group-mobile {
    display: flex;
    align-items: center;
    opacity: 1;
    visibility: visible;
    position: initial;
    padding-bottom: 18px;
}

.product-standard .product-group-mobile .product-item {
    margin: 0 4px 10px;
}

.product-standard .product-group-mobile .product-item:first-child {
    margin-left: 0;
}

.product-standard .product-cart {
    display: none;
}

.product-standard .product-cart .btn {
    text-transform: initial;
    padding: 4px 15px;
    font-size: 16px;
    min-width: 140px;
    width: auto;
    margin-bottom: 10px;
    font-weight: 500;
}

.product-standard .product-footer {
    position: relative;
    padding-top: 20px;
    max-width: 110px;
    font-size: 13px;
    line-height: 14px;
    margin-bottom: 20px;
    padding-right: 50px;
    border-top: 1px solid #f0f2f5;
    color: #5b6c8f;
}

.product-standard .product-footer span {
    min-width: 38px;
    height: 38px;
    font-size: 26px;
    line-height: 28px;
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    font-weight: 600;
    color: #103178;
}

@media (min-width: 1280px) {
    .product-standard .product-group-mobile {
        display: none;
    }

    .product-standard:hover .product-actions {
        transform: translateY(0);
    }
}

.product-sidebar {
    display: flex;
    flex-flow: row nowrap;
}

.product-sidebar .product-rating .br-wrapper .br-widget a {
    font-size: 13px;
}

.product-sidebar .product-rating .br-wrapper .br-widget .br-selected:after {
    color: #103178;
}

.product-sidebar .product-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    color: #222;
    font-size: 15px;
}

.product-sidebar .product-title:hover {
    color: #103178;
}

.product-sidebar .product-thumbnail {
    max-width: 70px;
}

.product-sidebar .product-content {
    padding-left: 20px;
    max-width: calc(100% - 70px);
}

.product-sidebar .product-content p {
    margin-bottom: 0;
}

.product-detail {
    /*product content*/
}

.product-detail .product-title {
    font-size: 26px;
    line-height: 36px;
    color: #103178;
    margin-bottom: 10px;
}

.product-detail .product-title a {
    font-weight: 600;
}

.product-detail .product-branch {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #103178;
}

.product-detail .product-badge {
    position: initial;
    margin-bottom: 20px;
}

.product-detail .product-badge .badge {
    display: inline-block;
    font-weight: 600;
    font-size: 75%;
    line-height: 18px;
}

.product-detail .product-meta {
    border-top: 1px solid #f0f2f5;
    margin-bottom: 20px;
    padding-top: 20px;
    margin-top: 20px;
}

.product-detail .product-price {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    color: #ff9923;
}

.product-detail .product-del {
    color: #9babcd;
    font-size: 20px;
    font-weight: 500;
    margin-left: 10px;
}

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

.product-detail .product-list li {
    color: #103178;
    padding: 3px 0;
    font-size: 14px;
}

.product-detail .product-desc {
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #f0f2f5;
    display: block;
}

.product-detail .product-desc li::before {
    content: '\f00c';
    color: #12a05c;
    font-size: 75%;
    display: inline-block;
    font-weight: 900;
    font: normal normal normal 14px/1 FontAwesome;
    margin: -3px 10px 0 0;
}

.product-detail .product-rating {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.product-detail .product-rating .product-review {
    line-height: 18px;
    margin-left: 10px;
    color: #103178;
    font-size: 75%;
    display: inline-block;
}

.product-detail .product-link {
    color: #5b6c8f;
    line-height: 20px;
    font-size: 14px;
    margin-right: 25px;
    display: inline-block;
    text-decoration: underline;
}

.product-detail .product-link:last-child {
    margin-right: 0;
}

.product-detail .product-type {
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px solid #f0f2f5;
}

.product-detail .product-type .list-title {
    font-weight: 600;
}

.product-detail .product-type .list-text:not(:last-child)::after {
    content: ",";
    margin-right: 10px;
}

.product-detail .product-social {
    margin-top: -10px;
}

.product-detail .product-bundle {
    margin-bottom: 11px;
    padding: 11px 0 0;
    list-style: none;
    border-top: 1px solid #f0f2f5;
}

.product-detail .product-bundle li {
    font-size: 14px;
    color: #103178;
    padding: 5px 0;
    font-weight: 600;
}

.product-detail .product-bundle li i {
    font-weight: 600;
    margin-right: 10px;
    font-size: 20px;
}

.product-detail .product-feature {
    background-color: #f0f2f5;
    border-radius: 4px;
    padding: 30px;
    margin-top: 50px;
}

.product-detail .product-feature .product-variations {
    margin-top: 20px;
}

.product-detail .product-feature .product-meta {
    margin-top: 0;
    padding-top: 0;
}

.product-detail .product-feature .product-quantity {
    width: 100%;
}

.product-detail .product-feature .product-quantity .number-input {
    background-color: white;
}

.product-detail .btn {
    text-transform: initial;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 15px;
}

.product-detail .product-group {
    margin-bottom: 10px;
}

.product-detail .product-group .select-feature a {
    display: inline-block;
    margin: 0 10px 10px 0;
    font-size: 14px;
}

.product-detail .product-group .select-feature a:last-child {
    margin-right: 0;
}

.product-detail .product-size a {
    background-color: white;
    color: #103178;
    font-weight: 600;
    padding: 3px 18px;
    border-radius: 40px;
    border: 1px solid white;
}

.product-detail .product-size a.active {
    border-color: #103178 !important;
}

.product-detail .product-color a {
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.product-detail .product-color a.active {
    position: relative;
}

.product-detail .product-color a.active::before {
    content: '\f00c';
    position: absolute;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    top: -4px;
    left: -4px;
    border-radius: 50%;
    border: 1px solid #ff9923;
    font-family: FontAwesome;
    color: white;
    font-weight: bold;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-detail .product-attribute {
    margin-bottom: 20px;
}

.product-detail .product-attribute .form-select {
    border-color: white;
    width: 100%;
    border-radius: 40px;
    height: 36px;
    color: #103178;
    font-size: 14px;
    padding: 5px 20px 5px 10px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 16px 12px;
}

.product-detail h6 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #103178;
}

.product-detail .product-quantity {
    padding-bottom: 15px;
}

.product-detail .product-quantity .number-input {
    background-color: #f0f2f5;
    display: flex;
    align-items: center;
    border: 1px solid #f0f2f5;
    border-radius: 2px;
    justify-content: space-between;
    border-radius: 40px;
}

.product-detail .product-quantity .number-input input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.product-detail .product-quantity .number-input input[type="number"] {
    text-align: center;
    max-width: 50%;
    font-size: 14px;
    color: #103178;
    flex-grow: 1;
    background-color: transparent;
}

.product-detail .product-quantity .number-input input[type=number]:focus {
    box-shadow: none;
}

.product-detail .product-quantity .number-input input[type=number]::-webkit-inner-spin-button,
.product-detail .product-quantity .number-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.product-detail .product-quantity .number-input button {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    padding: 16px;
    cursor: pointer;
}

.product-detail .product-quantity .number-input button i {
    color: #5b6c8f;
    font-weight: 600;
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {

        .product-detail .product-quantity .number-input.def-number-input.safari_only button:before,
        .product-detail .product-quantity .number-input.def-number-input.safari_only button:after {
            margin-top: -.3rem;
        }
    }
}

.product-detail .product-info {
    margin-bottom: 80px;
}

.product-detail.product-full .product-desc li {
    display: inline-block;
    margin-right: 30px;
}

.product-detail.product-full .product-desc li:last-child {
    margin-right: 0;
}

.product-detail.product-full .product-variations,
.product-detail.product-full .product-quantity {
    display: inline-block;
}

.product-detail.product-full .product-quantity {
    padding-bottom: 0;
}

.product-detail.product-full .product-quantity .btn {
    width: 200px;
    margin-bottom: 20px;
}

.product-detail.product-full .product-quantity .number-input {
    margin-bottom: 20px;
}

.product-detail.product-full .product-content {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid #f0f2f5;
}

.product-detail.product-full .product-tabreview {
    margin-top: 40px;
}

.product-detail .product-content .title {
    font-size: 34px;
    line-height: 40px;
    color: #103178;
    margin-bottom: 20px;
}

.product-detail .product-content .subtitle {
    color: #5b6c8f;
    font-size: 22px;
    margin-bottom: 20px;
}

.product-detail .product-content .desc {
    font-size: 16px;
    color: #5b6c8f;
    margin-bottom: 20px;
}

.product-detail .product-content .list {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.product-detail .product-content .list li {
    font-size: 16px;
    color: #103178;
    padding: 8px 0;
}

.product-detail .product-content .list li span {
    font-weight: 500;
}

.product-detail .product-content .list img {
    width: 24px;
    margin-right: 10px;
}

.product-detail .product-content .item {
    margin-bottom: 50px;
}

.product-detail .product-content .item img {
    width: 100%;
    border-radius: 4px;
}

.product-detail .product-content .item a {
    padding: 15px 15px 0;
    display: block;
    color: #103178;
    text-align: center;
    font-weight: 600;
    font-size: 100%;
}

.product-detail .tab-list {
    border: none;
    margin-bottom: 10px;
}

.product-detail .tab-list li {
    margin: 0 35px 20px 0;
}

.product-detail .tab-list li a {
    font-size: 22px;
    line-height: 26px;
    color: #103178;
    padding: 0;
    border: none;
    position: relative;
}

.product-detail .tab-list li a::after {
    content: "";
    width: 0;
    height: 2px;
    background: #103178;
    transition: all .35s ease 0s;
    position: absolute;
    left: 0;
    bottom: 0;
}

.product-detail .tab-list li a:hover::after,
.product-detail .tab-list li a.active::after {
    width: 100%;
}

.product-detail .document .document-review {
    border-bottom: 1px solid #f0f2f5;
    color: #103178;
    font-size: 85%;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    text-align: center;
    font-weight: 600;
}

.product-detail .document .document-review span {
    font-size: 30px;
    line-height: 36px;
    margin-right: 5px;
    margin-top: -5px;
    font-weight: bold;
}

.product-detail .table-name {
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 30px;
    color: #103178;
    font-weight: bold;
}

.product-detail .product-tabreview {
    margin-bottom: 60px;
}

.product-detail .product-tabreview .review-product:not(:last-child) {
    border-bottom: none;
}

.product-detail .product-tabreview .review-product:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.product-detail .product-tabreview .review-product:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.product-detail .form-review {
    margin-bottom: 60px;
}

@media (min-width: 768px) {
    .product-detail .product-feature {
        margin-top: 0;
    }

    .product-detail .document {
        border: 1px solid #f0f2f5;
        padding: 20px;
    }

    .product-detail .document .document-title {
        font-size: 45px;
        line-height: 50px;
    }

    .product-detail .document .document-item a {
        font-size: 19px;
    }

    .product-detail .document .row-reverse {
        flex-direction: row-reverse;
        position: relative;
    }

    .product-detail .document .document-thumbnail {
        position: absolute;
        right: -4px;
        top: 0;
    }

    .product-detail .document .document-review {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .product-detail .document .document-review span {
        display: block;
    }

    .product-detail .document .col-12:not(:last-child) .document-review {
        border-right: 1px solid #f0f2f5;
        margin: 0 20px 0 0;
        padding: 0 20px 0 0;
    }

    .product-detail .document .list .d-inline-block {
        width: 100%;
    }

    .product-detail.product-full .product-quantity .btn {
        margin-bottom: 0;
        margin-right: 15px;
    }

    .product-detail.product-full .product-quantity .number-input {
        max-width: 150px;
        margin-bottom: 0;
        margin-right: 10px;
    }

    .product-detail.product-full .product-quantity .number-input button {
        padding: 16px 10px;
    }
}

@media (min-width: 992px) {
    .product-detail .document .list .d-inline-block {
        width: auto;
        margin-right: 30px;
    }
}

@media (min-width: 1280px) {
    .product-detail .btn {
        padding: 10px 25px;
        font-size: 18px;
    }

    .product-detail .product-title {
        font-size: 30px;
    }

    .product-detail .product-price {
        font-size: 40px;
        line-height: 50px;
    }

    .product-detail .product-del {
        font-size: 22px;
    }

    .product-detail .tab-list li a {
        font-size: 24px;
        line-height: 30px;
    }

    .product-detail .document {
        padding: 50px;
    }

    .product-detail .document .document-title {
        font-size: 50px;
        line-height: 60px;
    }

    .product-detail .document .document-subtitle {
        font-size: 24px;
    }

    .product-detail .document .document-thumbnail {
        right: -35px;
    }

    .product-detail .document .document-item a {
        font-size: 21px;
    }

    .product-detail .document .document-review {
        font-size: 16px;
    }

    .product-detail .document .document-review span {
        font-size: 50px;
        line-height: 60px;
    }
}

.product-gallery {
    margin-bottom: 80px;
}

.product-gallery .product-thumbnail {
    display: none;
}

.product-gallery .gallery-image {
    display: none;
}

.product-gallery .gallery-image .gallery-item {
    border-radius: 4px;
    border: 1px solid #f0f2f5;
    margin: 12px 6px 0;
    padding: 4px;
}

.product-gallery .gallery-image .gallery-item:hover {
    border-color: #103178;
}

.product-gallery .gallery-image .slick-current .gallery-item {
    border-color: #103178;
}

.product-gallery .product-video {
    top: 10px;
    right: 10px;
    bottom: auto;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.product-gallery .product-video a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #9babcd;
}

.product-gallery .product-video a i {
    line-height: 1em;
    font-size: 16px;
    padding-left: 5px;
}

@media (min-width: 1200px) {
    .product-gallery .product-thumbnail {
        padding-right: 0;
    }
}

.product-extension {
    margin-bottom: 60px;
}

.product-extension .product-delivery {
    background-color: #f0f2f5;
    padding: 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.product-extension .delivery-item {
    color: #103178;
    font-weight: 500;
    font-size: 14px;
}

.product-extension .delivery-item:not(:last-child) {
    margin-bottom: 20px;
}

.product-extension .delivery-item i {
    margin-right: 10px;
    font-weight: 600;
    font-size: 20px;
}

.product-extension .product-payment {
    background-color: #f0f2f5;
    padding: 40px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 2px solid #d9dee8;
}

.product-extension .product-payment img {
    width: 100%;
}

.product-extension .product-gif {
    border-radius: 4px;
    background-color: #F6F7E5;
    background: linear-gradient(94deg, #fcfcf0, #ebebd3);
    margin-top: 10px;
    position: relative;
}

.product-extension .gif-text {
    color: #12a05c;
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    padding: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.product-extension .gif-text i {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 26px;
}

.product-extension .gif-thumbnail {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) {
    .product-extension .delivery-item i {
        font-size: 18px;
    }

    .product-extension .product-delivery,
    .product-extension .product-payment {
        padding: 20px;
    }

    .product-extension .gif-text {
        padding: 20px 10px;
    }

    .product-extension .gif-thumbnail {
        height: 350px;
    }
}

@media (min-width: 1280px) {

    .product-extension .product-delivery,
    .product-extension .product-payment {
        padding: 40px;
    }
}

.product-video .product-thumbnail .product-video {
    right: 10px;
}

.product-video .product-video {
    top: 60px;
    right: 0px;
    bottom: auto;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.product-video .product-video a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #9babcd;
}

.product-video .product-video a i {
    line-height: 1em;
    font-size: 16px;
    padding-left: 5px;
}

.product-video .product-video:hover a {
    color: #103178;
}

@media (min-width: 1200px) {
    .product-detail-sidebar .product-thumbnail.product-thumbnail[data-vertical='false'] .product-gallery {
        margin-bottom: 20px;
    }

    .product-detail-sidebar .product-info {
        padding-left: 40px;
    }

    .product-detail-sidebar .product-content .tab-list {
        text-align: left;
    }

    .product-detail-sidebar .product-content .tab-list li:first-child a {
        padding-left: 0;
    }
}

.product-mini-cart {
    display: flex;
}

.product-mini-cart .product-price {
    color: #103178;
    font-size: 18px;
    font-weight: 600;
}

.product-mini-cart .product-name {
    display: block;
    font-size: 16px;
    color: #103178;
    line-height: 20px;
    margin-bottom: 5px;
}

.product-mini-cart .product-name:hover {
    color: #ff9923;
}

.product-mini-cart .product-sale {
    color: #ff9923;
    font-size: 18px;
    font-weight: 600;
}

.product-mini-cart .product-is-price {
    color: #9babcd;
    font-size: 14px;
    text-decoration: line-through;
    margin-left: 5px;
}

.product-mini-cart .product-remove {
    font-size: 12px;
    color: #103178;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: 10px;
}

.product-mini-cart .product-remove i {
    font-weight: bold;
}

.product-mini-cart .product-remove:hover {
    color: #ff9923;
}

.product-mini-cart .product-thumbnail {
    width: 100px;
}

.product-mini-cart .product-thumbnail img {
    max-width: 60px;
}

.product-mini-cart .product-content {
    position: relative;
    flex-grow: 1;
}

.product-list {
    border: 1px solid #f0f2f5;
    border-radius: 4px;
    background-color: white;
}

.product-list .product-content {
    display: flex;
    border-bottom: 1px solid #f0f2f5;
}

.product-list .product-thumbnail {
    flex: 0 0 50%;
    padding: 15px;
    margin-bottom: 0;
}

.product-list .product-image {
    display: block;
    width: 100%;
    height: 100%;
    transition: 600ms ease 0s;
}

.product-list .product-image figure {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.product-list .product-image figure img {
    width: 100%;
}

.product-list .product-image figure img:last-child {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    transition: opacity 600ms ease 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
}

.product-list .product-image figure img:first-child {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 600ms ease 0s;
    position: initial;
    opacity: 1;
}

.product-list .product-info {
    flex-grow: 1;
    padding: 15px;
}

.product-list .product-desc {
    display: block;
}

.product-list .product-rating {
    margin-bottom: 15px;
}

.product-list .product-review {
    display: inline-block;
    font-size: 75%;
}

.product-list .product-title {
    margin-bottom: 15px;
    line-height: 24px;
}

.product-list .product-title a {
    font-weight: 600;
}

.product-list .product-footer {
    padding: 15px;
}

.product-list .product-price {
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    color: #ff9923;
}

.product-list .product-meta {
    margin-bottom: 10px;
}

.product-list .product-quantity {
    padding-bottom: 20px;
}

.product-list .product-quantity .number-input {
    background-color: #f0f2f5;
    display: flex;
    align-items: center;
    border: 1px solid #f0f2f5;
    border-radius: 2px;
    justify-content: space-between;
    border-radius: 40px;
    margin-bottom: 10px;
}

.product-list .product-quantity .number-input input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.product-list .product-quantity .number-input input[type="number"] {
    text-align: center;
    max-width: 50%;
    font-size: 14px;
    color: #103178;
    flex-grow: 1;
    background-color: transparent;
}

.product-list .product-quantity .number-input input[type=number]:focus {
    box-shadow: none;
}

.product-list .product-quantity .number-input input[type=number]::-webkit-inner-spin-button,
.product-list .product-quantity .number-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.product-list .product-quantity .number-input button {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 13px;
    cursor: pointer;
}

.product-list .product-quantity .number-input button i {
    color: #5b6c8f;
    font-weight: 600;
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {

        .product-list .product-quantity .number-input.def-number-input.safari_only button:before,
        .product-list .product-quantity .number-input.def-number-input.safari_only button:after {
            margin-top: -.3rem;
        }
    }
}

.product-list h6 {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #103178;
}

.product-list .product-link {
    color: #5b6c8f;
    line-height: 20px;
    font-size: 14px;
    margin-right: 25px;
    margin-bottom: 10px;
    display: inline-block;
    text-decoration: underline;
}

.product-list .product-link:last-child {
    margin-right: 0;
}

.product-list .btn {
    text-transform: initial;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 15px;
}

@media (min-width: 768px) {
    .product-list {
        display: flex;
    }

    .product-list .product-thumbnail {
        flex: 0 0 40%;
    }

    .product-list .product-footer {
        flex: 0 0 30%;
    }

    .product-list .product-content {
        flex-grow: 1;
        flex: 0 0 70%;
        border-bottom: none;
        border-right: 1px solid #f0f2f5;
    }

    .product-list .product-quantity .number-input input[type="number"] {
        max-width: 50px;
    }
}

@media (min-width: 960px) {
    .product-list .product-quantity .number-input input[type="number"] {
        max-width: 70px;
    }
}

@media (min-width: 1280px) {
    .product-list .product-thumbnail {
        flex: 0 0 30%;
        padding: 20px;
    }

    .product-list .product-info {
        padding: 20px 30px;
    }

    .product-list .product-footer {
        padding: 20px;
    }

    .product-list .product-price {
        font-size: 30px;
    }

    .product-list .product-title {
        font-size: 125%;
    }
}

.product-wishlist {
    border: 1px solid #f0f2f5;
    border-radius: 4px;
    padding: 20px;
}

.product-wishlist .product-image {
    display: block;
    transition: 600ms ease 0s;
    max-width: 90px;
    margin: auto;
}

.product-wishlist .product-image figure {
    position: relative;
    z-index: 2;
}

.product-wishlist .product-image figure img:last-child {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    transition: opacity 600ms ease 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
}

.product-wishlist .product-image figure img:first-child {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 600ms ease 0s;
    position: initial;
    opacity: 1;
}

.product-wishlist .product-thumbnail {
    border-top: 1px solid #f0f2f5;
    padding: 15px 0;
}

.product-wishlist .product-thumbnail:hover figure img:first-child {
    opacity: 0;
}

.product-wishlist .product-thumbnail:hover figure img:last-child {
    opacity: 1;
}

.product-wishlist .product-remove {
    text-align: right;
    padding-bottom: 12px;
}

.product-wishlist .product-remove a {
    display: inline-block;
    width: 25px;
    color: #103178;
    font-size: 20px;
}

.product-wishlist .product-remove i {
    font-weight: 600;
}

.product-wishlist .product-title {
    border-top: 1px solid #f0f2f5;
    text-align: center;
    padding: 15px 0;
}

.product-wishlist .product-row {
    border-top: 1px solid #f0f2f5;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
}

.product-wishlist .product-cart {
    border-top: 1px solid #f0f2f5;
    padding-top: 15px;
    text-align: center;
}

.product-wishlist .product-label {
    font-weight: 600;
    color: #103178;
    font-size: 14px;
}

.product-wishlist .product-price {
    font-weight: 600;
}

.product-wishlist .product-value {
    font-size: 14px;
}

.product-wishlist .product-in-stock {
    color: #12a05c;
}

.product-wishlist .product-out-stock {
    color: #5b6c8f;
}

.product-wishlist .btn {
    text-transform: initial;
    background-color: white;
    color: #103178;
    border: 1px solid #f0f2f5;
    width: auto;
    font-size: 14px;
    padding: 3px 10px;
    min-width: 80px;
}

.product-wishlist .btn:hover {
    background-color: #103178;
    border-color: #103178;
    color: white;
}

.product-wishlist .product-quantity {
    display: none;
}

.product-wishlist .product-quantity .product-value {
    font-size: 18px;
    color: #103178;
}

.product-wishlist .product-subtotal {
    display: none;
}

.product-wishlist .product-subtotal .product-value {
    font-size: 18px;
    color: #103178;
    font-weight: 600;
}

.banner {
    position: relative;
}

.banner .banner-content {
    padding: 20px 15px;
    text-align: center;
}

.banner .banner-title {
    font-weight: 600;
    font-size: 35px;
    color: #fff;
    line-height: 42px;
    margin-bottom: 10px;
}

.banner .banner-text {
    font-weight: 600;
    font-size: 41px;
    color: #ff9923;
    margin-bottom: 10px;
    line-height: 39px;
}

.banner .banner-desc {
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
    line-height: 29px;
}

.banner .banner-price {
    position: relative;
}

.banner .banner-price span {
    font-size: 40px;
    color: #ff9923;
    font-weight: 600;
}

.banner .banner-price del {
    font-size: 20px;
    color: #5b6c8f;
    display: inline-block;
    position: relative;
    top: -12px;
    margin-left: 10px;
}

.banner .banner-shop {
    font-size: 19px;
    font-weight: 500;
    padding: 5px 25px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 0px;
    border: 1px solid #103178;
}

.banner .banner-shop.bg-warning:hover {
    color: #202568 !important;
    background-color: white !important;
}

.banner .banner-shop.bg-yellow:hover {
    color: #FFC800 !important;
    background-color: white !important;
}

.banner .banner-shop.bg-white:hover {
    color: white;
    border-color: #103178;
    background-color: #103178 !important;
}

.banner .banner-shop.bg-primary:hover {
    background-color: white !important;
    color: #103178;
}

.banner .banner-shop.bg-success:hover {
    background-color: white !important;
    color: #12a05c;
}

.banner .banner-shop.bg-pink:hover {
    background-color: white !important;
    color: #752a2b;
}

.banner .banner-btn-group {
    margin: auto;
}

.banner .banner-btn {
    font-size: 12px;
    padding-right: 30px;
    color: #103178;
}

.banner .banner-btn:last-child {
    padding-right: 0;
}

.banner .banner-btn img {
    width: 45px;
    display: inline-block;
    margin-right: 10px;
}

.banner .banner-btn.font-bold {
    font-weight: 500;
}

.banner .banner-persen {
    position: absolute;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    z-index: 10;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 25%;
    right: 15%;
    flex-direction: column;
}

.banner .banner-persen small {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
}

.banner .banner-thumnail {
    position: relative;
    height: 100%;
    width: 100%;
}

.banner .banner-thumnail .banner-round {
    position: absolute;
    right: 5%;
    top: -90px;
    width: 90%;
}

.banner .banner-thumnail .banner-image {
    width: 100%;
    height: 200px;
}

.banner .bg-warning {
    color: white;
    background-color: #3b9d95 !important;
    border-color: #3b9d95;
}

.banner .bg-yellow {
    color: #103178;
    background-color: #FFC800 !important;
    border-color: #FFC800;
}

.banner .bg-white {
    color: #103178;
    background-color: white;
    border-color: white;
}

.banner .bg-primary {
    background-color: #103178 !important;
    color: white;
    border-color: #103178;
}

.banner .bg-success {
    background-color: #12a05c !important;
    color: white;
    border-color: #12a05c;
}

.banner .bg-pink {
    background-color: #752a2b !important;
    color: white;
    border-color: #752a2b;
}

.banner .text-warning {
    color: #ff9923 !important;
}

.banner .text-yellow {
    color: #FFC800 !important;
}

.banner .logo {
    margin-bottom: 15px;
}

.banner .logo img {
    height: 42px;
}

@media (min-width: 768px) {

    .banner .container,
    .banner .container-no-round {
        height: 100%;
    }

    .banner .banner-block {
        display: flex;
        height: 100%;
        position: relative;
    }

    .banner .banner-content {
        width: 30%;
        flex: 0 0 48%;
        text-align: left;
    }

    .banner .banner-thumnail {
        flex: 0 0 65%;
    }

    .banner .banner-thumnail .banner-image {
        position: absolute;
        bottom: 0;
        right: -5%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .banner .banner-thumnail .banner-round {
        z-index: 10;
        -o-object-fit: cover;
        object-fit: cover;
        height: 190%;
        right: auto;
        left: -20%;
        width: auto;
        top: -200px;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
    }

    .banner .banner-btn-group {
        margin: 0;
        display: flex;
    }
}



@media (min-width: 1280px) {

    .banner .banner-title {
        font-size: 70px;
        line-height: 84px;
    }

    .banner .banner-desc {
        font-size: 24px;
    }

    .banner .banner-price span {
        font-size: 70px;
    }

    .banner .banner-price del {
        font-size: 30px;
        top: -25px;
    }

    .banner .banner-shop {
        font-size: 21px;
        padding: 8px 25px;
    }

    .banner .banner-btn {
        font-size: 16px;
    }

    .banner .banner-persen {
        width: 133px;
        height: 133px;
        font-size: 45px;
        line-height: 45px;
        right: 3%;
    }

    .banner .banner-persen small {
        font-size: 27px;
        line-height: 27px;
    }

    .banner .banner-persen.center {
        right: 34%;
        top: 17%;
    }

    .banner .banner-persen.top {
        top: 28%;
    }

    .banner .banner-text {
        line-height: 80px;
        font-size: 70px;
    }

    .banner .logo img {
        height: 54px;
    }
}

.section-banner {
    min-height: 500px;
    position: relative;
}

.section-banner .section-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    -webkit-animation: cssAnimation 0s ease-in 2s forwards;
    animation: cssAnimation 0s ease-in 2s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.section-banner .section-loading {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #103178;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-webkit-keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

@keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.section-banner .owl-nav {
    display: none;
}

@media (min-width: 768px) {
    .section-banner {
        min-height: 320px;
    }
}

@media (min-width: 1280px) {
    .section-banner {
        min-height: 500px;
    }

    .section-banner .owl-nav {
        display: block;
    }
}

.banner-round {
    overflow: hidden;
    margin-bottom: 50px;
    background-color: #F0F2F5;
    border-radius: 4px;
    margin-top: 30px;
}

.banner-round .banner-content {
    text-align: left;
}

.banner-round .banner-title {
    font-size: 34px;
    margin-bottom: 35px;
}

.banner-round .banner-btn-group {
    display: block;
}

.banner-round .banner-btn {
    display: block;
    margin-bottom: 15px;
    color: #5b6c8f;
    font-weight: 600;
    font-size: 16px;
}

.banner-round .banner-thumnail {
    margin-top: 70px;
}

.banner-round .banner-thumnail .banner-image {
    height: 345px;
}

.banner-round .banner-thumnail .banner-round {
    width: auto;
    height: 400%;
    -o-object-fit: cover;
    object-fit: cover;
    top: auto;
    bottom: -500px;
}

@media (min-width: 768px) {
    .banner-round .banner {
        height: 455px;
    }

    .banner-round .banner-content {
        padding: 50px 0 30px 5%;
    }

    .banner-round .banner-btn-group {
        display: table;
        margin-bottom: 20px;
    }

    .banner-round .banner-btn {
        display: table-cell;
    }

    .banner-round .banner-thumnail {
        margin-top: 0;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .banner-round .banner-thumnail .banner-image {
        height: 90%;
        width: auto;
        -o-object-fit: cover;
        object-fit: cover;
        position: initial;
    }

    .banner-round .banner-thumnail .banner-round {
        height: 300%;
        left: -38%;
    }
}

@media (min-width: 1280px) {
    .banner-round .banner-title {
        font-size: 50px;
        line-height: 60px;
    }
}

.banner-container {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
    border-radius: 4px;
}

.banner-container .banner-fluid {
    position: initial;
}

.banner-container .banner-fluid .banner-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.banner-container .banner-content {
    z-index: 20;
    position: relative;
    height: 280px;
    padding: 30px 15px 0;
}

.banner-container .banner {
    min-height: 480px;
}

.banner-container .banner-persen {
    right: 25%;
    bottom: -35%;
}

.banner-container .banner-persen.left {
    left: 10%;
    right: auto;
}

.banner-container .owl-nav .owl-prev {
    margin-left: 0;
}

.banner-container .owl-nav .owl-next {
    margin-right: 0;
}

@media (min-width: 768px) {
    .banner-container {
        margin: 0;
    }

    .banner-container .banner-content {
        padding: 5% 0 0 4%;
        position: initial;
    }

    .banner-container .banner-persen {
        bottom: auto;
        top: 25%;
        right: 15%;
    }

    .banner-container .banner-persen.left {
        left: 40%;
        top: 40%;
    }
}

@media (min-width: 1280px) {
    .banner-container .banner-content {
        padding: 5% 0 0 6%;
    }

    .banner-container .banner {
        min-height: 450px;
        height: 450px;
    }

    .banner-container .banner .banner-title {
        font-size: 50px;
        line-height: 1.2;
    }

    .banner-container .banner .banner-desc {
        font-size: 22px;
    }

    .banner-container .banner .banner-btn {
        font-size: 18px;
    }

    .banner-container .banner .banner-shop {
        font-size: 18px;
    }

    .banner-container .banner .banner-price span {
        font-size: 50px;
        line-height: 1.2;
    }

    .banner-container .banner .banner-price del {
        font-size: 25px;
    }
}
.banner-home7::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #050606 0%, #aca9a9 100%);
    z-index: 1;
    opacity: .3;
}


.banner-home7 {
    height: 100vh;
    width: 100%;
    position: relative;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: repeat;
    background-size: cover;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-home7 .banner-round {
    display: none;
    position: absolute;
    top: 0;
    left: 20%;
    width: 100%;
    height: 100%;
}

.banner-home7 .banner-round img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.banner-home7 .banner .banner-btn {
    color: #ff9923 !important;
}

@media (min-width: 768px) {
    .banner-home7 .banner-round {
        display: block;
    }

    .banner-home7 .banner {
        padding-top: 120px;
    }

    .banner-home7 .banner .banner-block {
        display: block;
    }

    .banner-home7 .banner .banner-content {
        width: 100%;
        text-align: center;
        padding-top: 50px !important;
    }

    .banner-home7 .banner .banner-persen {
        width: 134px;
        height: 134px;
        line-height: 134px;
        font-size: 45px;
    }

    .banner-home7 .banner .banner-thumnail {
        height: auto;
    }
}

@media (min-width: 992px) {
    .banner-home7 .banner {
        padding-top: 0;
    }

    .banner-home7 .banner .banner-block {
        display: flex;
        flex-direction: row-reverse;
    }

    .banner-home7 .banner .banner-thumnail {
        flex: 0 0 50%;
        position: relative;
    }

    .banner-home7 .banner .banner-content {
        text-align: center;
        width: 100%;
        flex: 0 0 100%;
        padding-top: 0 !important;

        z-index: 10
    }


    .banner-home7 .banner .banner-shop {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .banner-home7 .banner .banner-baged {
        text-align: left;
    }

    .banner-home7 .banner .banner-persen {
        position: absolute !important;
        left: 50%;
        top: 50%;
        transform: translate(-150%, -160%);
    }

    .banner-home7 .banner .banner-btn-group {
        margin-bottom: 20px;
    }

    .banner-home7 .banner .banner-btn {
        display: table-cell !important;
    }

    .banner-home7 .banner .banner-title {
        font-size: 45px;
        line-height: 50px;
    }

    .banner-home7 .banner .banner-desc {
        font-size: 22px;
        line-height: 26px;
    }

    .banner-home7 .banner-round {
        top: 10%;
        left: 18%;
    }
}

@media (min-width: 1400px) {
    .banner-home7 .banner .banner-persen {
        position: absolute !important;
        left: 50%;
        top: 50%;
        transform: translate(-100%, -160%);
    }
}

.banner-full {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    padding-top: 130px;
    overflow: hidden;
    position: relative;
}

.banner-full .banner .banner-content {
    padding-top: 0;
}

.banner-full .banner .banner-title {
    font-size: 36px;
}

.banner-full .banner .banner-title,
.banner-full .banner .banner-desc,
.banner-full .banner .banner-btn {
    margin-bottom: 15px;
}

.banner-full .banner .banner {
    min-height: 456px;
}

.banner-full .banner .banner-desc {
    font-size: 19px;
}

.banner-full .banner .banner-btn {
    font-size: 16px;
    font-weight: 500;
}

.banner-full .banner .banner-shop {
    padding: 9px 23px;
    font-size: 16px;
    margin-top: 20px;
}

.banner-full .banner-group {
    display: flex;
}

.banner-full .banner-item {
    text-align: center;
    flex-grow: 1;
    padding: 0 5px;
    position: relative;
}

.banner-full .banner-item p {
    color: white;
    margin-bottom: 0;
    font-size: 14px;
    margin-top: 10px;
}

.banner-full .banner-item img {
    width: 31px;
}

.banner-full .banner-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    height: 50%;
    width: 1px;
    background-color: #f0f2f5;
    opacity: 0.5;
}

.banner-full .banner-item:last-child::after {
    display: none;
}

@media (min-width: 768px) {
    .banner-full {
        height: 90vh;
        padding-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .banner-full .banner-item p {
        font-size: 15px;
    }

    .banner-full .banner-item img {
        width: 38px;
    }

    .banner-full .banner {
        height: auto;
        position: initial;
        margin-top: -100px;
    }

    .banner-full .banner .banner-title {
        font-size: 39px;
    }

    .banner-full .banner .banner-content {
        flex: 0 0 50%;
        width: 50%;
    }

    .banner-full .banner .banner-block {
        height: auto;
    }

    .banner-full .banner-group {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 50px;
    }
}

@media (min-width: 1280px) {
    .banner-full {
        height: calc(100vh - 65px);
    }

    .banner-full .banner-item p {
        font-size: 20px;
    }

    .banner-full .banner-item img {
        width: 48px;
    }

    .banner-full .banner .banner-title {
        font-size: 70px;
    }

    .banner-full .banner .banner-desc {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .banner-full .banner .banner-btn {
        font-size: 18px;
    }

    .banner-full .banner .banner-shop {
        padding: 10px 50px;
        font-size: 20px;
        margin-top: 30px;
    }

    .banner-full .banner .banner {
        height: 53vh;
    }
}

.banner-landing {
    overflow: hidden;
}

.banner-landing .banner-round {
    display: none;
    bottom: 0;
    position: absolute;
    left: 35%;
}

.banner-landing .banner-thumnail,
.banner-landing .banner-block {
    position: initial;
}

.banner-landing .logo {
    margin-bottom: 40px !important;
}

.banner-landing .banner .banner-title {
    margin-bottom: 40px;
}

.banner-landing .banner .banner-btn-group {
    margin-bottom: 30px;
}

.banner-landing .banner .banner-btn {
    display: block;
    padding-right: 0;
    margin-bottom: 10px;
}

.banner-landing .banner .banner-thumnail {
    overflow: hidden;
}

.banner-landing .banner .banner-thumnail .banner-image {
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
}

.banner-landing .banner .banner-shop {
    margin-right: 10px;
    font-size: 14px;
}

.banner-landing .banner .banner-shop:last-child {
    margin-right: 0;
}

.banner-landing .banner .banner-content {
    height: auto;
    padding-bottom: 0;
}

.banner-landing .banner-arrow {
    padding-top: 50px;
}

.banner-landing .banner-arrow img {
    height: 55px;
}

@media (min-width: 768px) {
    .banner-landing .banner-round {
        display: block;
    }

    .banner-landing .banner {
        height: auto;
    }

    .banner-landing .banner .banner-btn {
        display: table-cell;
        padding-right: 20px;
        margin-bottom: 0;
    }

    .banner-landing .banner .banner-thumnail {
        flex: 0 0 40%;
        width: 40%;
        overflow: initial;
    }

    .banner-landing .banner .banner-thumnail .banner-image {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: auto;
        top: 0;
        right: -50%;
    }

    .banner-landing .banner .banner-shop {
        font-size: 16px;
    }

    .banner-landing .banner .banner-content {
        padding: 50px 0 100px;
        flex: 0 0 60%;
        width: 60%;
        height: 100%;
    }
}

@media (min-width: 992px) {

    .banner-landing .banner .banner-content,
    .banner-landing .banner .banner-thumnail {
        flex: 0 0 50%;
        width: 50%;
    }

    .banner-landing .banner .banner-thumnail .banner-image {
        right: -15%;
    }
}

@media (min-width: 1280px) {
    .banner-landing .banner .banner-btn {
        padding-right: 30px;
    }

    .banner-landing .banner .banner-content,
    .banner-landing .banner .banner-thumnail {
        flex: 0 0 50%;
        width: 50%;
    }

    .banner-landing .banner .banner-thumnail .banner-image {
        right: -15%;
        top: -3%;
    }

    .banner-landing .banner .banner-title {
        font-size: 60px;
        line-height: 74px;
    }

    .banner-landing .banner .banner-shop {
        font-size: 21px;
    }
}

@media (min-width: 1336px) {
    .banner-landing .banner .banner-thumnail .banner-image {
        right: -7%;
        top: -3%;
    }
}

@media (min-width: 1680px) {
    .banner-landing .banner .banner-thumnail .banner-image {
        height: 120%;
        top: -10%;
        right: -6%;
    }
}

@media (min-width: 1200px) {
    .table-responsive {
        overflow-x: initial;
    }
}

.table {
    border-radius: 4px;
    border-collapse: collapse;
    border-spacing: 0;
}

.table thead tr th {
    padding: var(-space-md);
    border: none;
    background-color: #51607f;
}

.table tbody tr td {
    border: none;
    border-right: 1px solid rgba(16, 49, 120, 0.1);
    border-bottom: 1px solid rgba(16, 49, 120, 0.1);
    margin: 0 auto;
}

.table-oriented {
    margin-bottom: 50px;
    border-radius: 4px;
    overflow: hidden;
}

.table-oriented tr:first-child th:first-child {
    border-top-left-radius: 4px;
    border-top-color: transparent;
}

.table-oriented tr:first-child td:last-child {
    border-top-right-radius: 4px;
    border-top: 1px solid rgba(16, 49, 120, 0.1);
}

.table-oriented tr:last-child th:first-child {
    border-bottom-left-radius: 4px;
}

.table-oriented tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

.table-oriented tr th {
    background-color: #f0f2f5;
    color: #103178;
    padding: 11px 20px;
    width: 30%;
    font-size: 14px;
}

.table-oriented tr td {
    color: #103178;
    font-weight: bold;
    padding: 11px 20px;
    font-size: 14px;
}

@media (max-width: 768px) {
    .table-responsive {
        border: none;
    }

    .table-responsive thead {
        display: none;
    }

    .table-responsive tbody {
        display: block;
    }

    .table-responsive tbody tr {
        display: block;
        margin-bottom: var(-space-md);
        border: 1px solid #f0f2f5;
    }

    .table-responsive tbody tr td[data-label] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none;
        border-top: 1px solid #f0f2f5;
    }

    .table-responsive tbody tr td[data-label]:before {
        content: attr(data-label) ":";
        font-weight: 600;
    }

    .table-responsive tbody tr td[data-label]:first-child {
        border-top: none;
    }
}

.table-product {
    border: none;
}

.table-product thead tr th {
    background-color: white;
    font-weight: bold;
    font-size: 16px;
    color: #103178;
}

.table-product tbody td {
    padding: 25px 20px;
    vertical-align: middle;
    border: none !important;
    border-top: 1px solid #f0f2f5 !important;
}

.table-product tbody td:first-child {
    border-left: 1px solid #f0f2f5 !important;
}

.table-product tbody td:last-child {
    border-right: 1px solid #f0f2f5 !important;
}

.table-product tbody tr:last-child {
    border-bottom: 1px solid #f0f2f5;
}

.table-product .product-thumbnail {
    max-width: 90px;
}

.table-product .product-image {
    width: 90px;
    display: block;
    margin: auto;
}

.table-product .product-image img {
    width: 100%;
}

.table-product .btn {
    text-transform: initial;
    background-color: white;
    color: #103178;
    border: 1px solid #f0f2f5;
    width: auto;
    font-size: 14px;
    padding: 3px 10px;
    min-width: 80px;
}

.table-product .btn:hover {
    background-color: #103178;
    border-color: #103178;
    color: white;
}

.table-product .product-status span {
    color: #12a05c;
    font-size: 14px;
}

.table-product .product-status span::before {
    content: '\f00c';
    color: #12a05c;
    font-size: 75%;
    display: inline-block;
    font-weight: 900;
    font: normal normal normal 14px/1 FontAwesome;
    margin: -3px 10px 0 0;
}

.table-product .product-price {
    font-weight: 600;
}

.table-product .product-name {
    font-size: 16px;
    color: #103178;
}

.table-product .product-remove {
    padding-left: 10px;
    padding-right: 10px;
}

.table-product .product-remove i {
    font-weight: 600;
    color: #103178;
}

.table-product .product-remove a {
    width: 25px;
    font-size: 14px;
}

.table-product tbody .product-subtotal {
    padding: 25px;
}

.table-product .product-subtotal {
    color: #103178;
    font-weight: 600;
    font-size: 18px;
}

.table-product .product-quantity {
    text-align: center;
    width: 160px;
}

.table-product .product-quantity span {
    color: #103178;
    font-size: 18px;
}

.table-product .number-input {
    background-color: #f0f2f5;
    display: flex;
    align-items: center;
    border: 1px solid #f0f2f5;
    border-radius: 2px;
    border-radius: 40px;
}

.table-product .number-input input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.table-product .number-input input[type="number"] {
    text-align: center;
    max-width: 30px;
    font-size: 14px;
    color: #103178;
    flex-grow: 1;
    background-color: transparent;
}

.table-product .number-input input[type=number]:focus {
    box-shadow: none;
}

.table-product .number-input input[type=number]::-webkit-inner-spin-button,
.table-product .number-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.table-product .number-input button {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    padding: 16px;
    cursor: pointer;
}

.table-product .number-input button i {
    color: #5b6c8f;
    font-weight: 600;
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {

        .table-product .number-input.def-number-input.safari_only button:before,
        .table-product .number-input.def-number-input.safari_only button:after {
            margin-top: -.3rem;
        }
    }
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    overflow: hidden;
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #ffffff;
    z-index: 999;
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

.loaded #loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.3s 1s ease-out;
}

.loaded #loader-wrapper .loader-section.section-left {
    transform: translateX(-100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
    transform: translateX(100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(34, 34, 34, 0.7);
    transition: all .4s ease;
}

.modal-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2rem 4rem;
    z-index: 10;
    border-radius: 3px;
    max-width: 945px;
    width: 100%;
    background-color: #fff;
}

.modal-close {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #5e6b9d;
    transform: translate(50%, -50%);
}

.modal-close i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #ffffff;
}

.modal.active {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 991px) {
    .modal-container {
        max-width: 90%;
    }

    .modal-close {
        transform: translate(0, 0);
        width: 30px;
        height: 30px;
        background-color: transparent;
    }

    .modal-close i {
        color: #5e6b9d;
    }
}

@media (max-width: 767px) {
    .modal {
        overflow: auto;
    }

    .modal-container {
        position: relative;
        top: 0;
        left: 0;
        margin: 3rem auto;
        overflow: auto;
        transform: translate(0, 0);
    }
}

@media (max-width: 479px) {
    .modal-container {
        max-width: 300px;
    }
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
    transition: all .4s ease;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
}

.popup-content {
    position: relative;
    max-width: 830px;
    width: 100%;
    padding: 67px 40px;
    transition: transform .4s ease;
}

.popup-close {
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px;
    border: none;
    border-radius: 0;
}

.popup-close:before,
.popup-close:after {
    background-color: #000;
}

.popup-close:hover:before,
.popup-close:hover:after {
    background-color: #f00000;
}

.popup.active {
    visibility: visible;
    opacity: 1;
    transition-delay: .5s;
}

@media (max-width: 991px) {
    .popup {
        padding: 100px 30px 20px;
    }

    .popup .popup-content {
        position: relative;
        top: 0;
        left: 0;
        max-width: 800px;
        margin: 0 auto;
    }

    .popup.active .popup-content {
        transform: translate(0, 0);
    }
}

@media (max-width: 479px) {
    .popup {
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .popup .popup-content {
        padding: 50px 20px;
    }
}

.dropdown-single {
    width: 80px !important;
    padding: 10px 0;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    background-color: white;
}

.dropdown-single .select2-results-option {
    font-size: 14px !important;
    color: #5b6c8f !important;
}

.dropdown-single .select2-results-option[aria-selected=true] {
    background-color: transparent;
    color: #ff9923;
}

.dropdown-single .select2-results-option-highlighted {
    background-color: transparent !important;
    color: #ff9923 !important;
}

@media (min-width: 1024px) {
    .dropdown-single {
        width: 180px !important;
        padding: 30px 30px;
    }
}

.dropdown-input {
    background-color: #f0f2f5;
    margin-top: 10px;
    border: none;
    padding-top: 15px;
    border-radius: 4px;
}

.dropdown-input input {
    height: 34px;
    border-radius: 40px;
    background-color: #f0f2f5;
    color: #5b6c8f;
    margin-bottom: 10px;
    padding: 4px 10px !important;
    font-size: 14px;
}

.dropdown-input input:focus {
    box-shadow: none;
}

.dropdown-input .select2-results-option[aria-selected=true] {
    background-color: #103178;
    color: white;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.quickview .modal-body {
    padding: 30px 40px 30px 30px;
    position: relative;
}

.quickview-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    font-size: 30px;
    line-height: 36px;
}

.quickview .product-quantity .number-input input[type="number"] {
    max-width: 50px;
}

.quickview .product-quantity .btn {
    margin-left: 10px;
}

@media (min-width: 1200px) {
    .quickview .product-gallery {
        margin-bottom: 0;
    }

    .quickview .modal-body {
        padding: 30px 40px 29px 30px;
    }
}

.compare-popup .modal-body {
    padding: 0;
    position: relative;
    overflow-x: hidden;
}

.compare-popup .compare-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    font-size: 30px;
    line-height: 36px;
    color: white;
    z-index: 10;
    opacity: 1;
}

.compare-popup .compare-close:hover {
    color: white !important;
}

.popup-select .modal-body {
    padding: 30px 40px 30px 30px;
    position: relative;
}

.popup-select .popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    font-size: 30px;
    line-height: 36px;
}

.popup-select .popup-title {
    color: #103178;
    text-align: center;
    font-size: 40px;
    margin-bottom: 25px;
}

.popup-select .popup-list {
    text-align: center;
}

.popup-select .popup-list li {
    display: inline-block;
    padding: 5px;
}

.popup-select .popup-list a {
    padding: 5px 18px;
    font-weight: 600;
    line-height: 19px;
    border: 1px solid #f0f2f5;
    border-radius: 40px;
    font-size: 13px;
    color: #103178;
}

.popup-select .popup-list a.active {
    border-color: #103178;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.promo {
    padding-bottom: 50px;
}

.promo-item {
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.promo-item:hover .promo-banner {
    transform: scale(1.1, 1.1);
}

.promo-title {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 34px;
    color: #103178;
    text-align: center;
}

.promo-text {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translate(0, -50%);
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    z-index: 10;
}

.promo-banner {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 800ms ease 0s;
    border-radius: 4px;
}

.promo-content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    padding: 25px 30px;
}

.promo .promo-badge {
    padding: 1px 10px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
    color: white;
    background-color: #12a05c;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 40px;
    margin-bottom: 5px;
}

.promo .promo-name {
    color: #103178;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.promo .promo-name.mb-20 {
    margin-bottom: 20px;
}

.promo .promo-btn {
    display: inline-block;
    background-color: #103178;
    color: white;
    padding: 0px 25px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    border: 1px solid #103178;
    line-height: 26px;
}

.promo .promo-btn:hover {
    background-color: #ff9923;
    border-color: #ff9923;
}

.promo .promo-sale {
    color: #ff9923;
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 1.2;
}

.promo .promo-price {
    color: #FFC800;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
}

.promo .promo-del {
    font-size: 18px;
    color: #9babcd;
    line-height: 30px;
    font-weight: 500;
    text-decoration: line-through;
}

.promo .promo-meta {
    margin-bottom: 15px;
}

.promo .promo-meta.d-horizontal {
    display: flex;
}

.promo .promo-icon {
    margin-bottom: 25px;
}

.promo .promo-icon img {
    width: 24px;
    margin-right: 10px;
}

.promo .promo-icon span {
    color: #ff9923;
    font-size: 14px;
    font-weight: 600;
}

.promo .col-12 {
    padding-bottom: 10px !important;
}

.promo.not-padding .col-12 {
    padding-bottom: 0 !important;
}

.promo .text-primary {
    color: #103178 !important;
}

.promo .text-yellow {
    color: #FFC800;
}

.promo .btn-warning {
    background-color: #ff9923 !important;
    border-color: #ff9923 !important;
}

.promo .btn-warning:hover {
    background-color: #103178 !important;
    border-color: #103178 !important;
}

.promo .btn-yellow {
    background-color: #FFC800 !important;
    border-color: #FFC800 !important;
}

.promo .btn-yellow:hover {
    background-color: #103178 !important;
    border-color: #103178 !important;
    color: #FFC800 !important;
}

@media (min-width: 768px) {
    .promo .col-12 {
        padding-bottom: 0 !important;
    }

    .promo-content {
        padding: 40px;
    }

    .promo .promo-name {
        font-size: 15px;
    }

    .promo .promo-badge {
        font-size: 12px;
    }

    .promo .promo-price,
    .promo .promo-sale {
        font-size: 25px;
    }

    .promo .promo-del {
        font-size: 21px;
    }

    .promo .promo-icon span {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .promo .promo-icon span {
        font-size: 18px;
    }

    .promo .promo-name {
        font-size: 25px;
    }

    .promo .promo-price,
    .promo .promo-sale {
        font-size: 45px;
    }

    .promo .promo-btn {
        font-size: 16px;
        padding: 3px 30px;
    }
}

@media (min-width: 1024px) {
    .promo-title {
        font-size: 40px;
        line-height: 50px;
    }
}

.promo-mask {
    overflow: hidden;
    padding-bottom: 80px;
}

.promo-mask .banner {
    background-color: #cccbc9;
    height: auto;
    min-height: 280px !important;
}

.promo-mask .banner .banner-title {
    color: #222;
}

.promo-mask .banner .banner-btn {
    display: block;
    padding: 0 0 10px 0;
    font-size: 16px;
    color: #222;
}

.promo-mask .banner .banner-thumnail .banner-image {
    height: auto;
    max-height: 300px;
}

.promo-mask .banner .banner-content {
    height: auto;
}

.promo-mask .banner .banner-desc {
    color: #222;
    font-size: 19px;
}

.promo-mask .banner.bg-white .banner-content {
    padding-top: 0;
}

@media (min-width: 768px) {
    .promo-mask .banner .banner-btn {
        display: table-cell;
        padding-right: 30px;
    }

    .promo-mask .banner .banner-content {
        padding: 40px 0 40px 40px;
        width: 50%;
        flex: 0 0 50%;
    }

    .promo-mask .banner .banner-thumnail {
        height: auto;
        width: 50%;
        flex: 0 0 50%;
    }

    .promo-mask .banner .banner-thumnail .banner-image {
        height: 80%;
        max-height: 100%;
        width: auto;
    }

    .promo-mask .banner .row-reverse {
        flex-direction: row-reverse;
    }

    .promo-mask .banner.bg-white .banner-content {
        padding: 40px 40px 40px 0;
    }

    .promo-mask .banner.bg-white .banner-thumnail .banner-image {
        height: 100%;
        max-width: 110%;
    }
}

@media (min-width: 1280px) {
    .promo-mask .banner .banner-content {
        padding: 100px 0 100px 70px;
    }

    .promo-mask .banner .banner-title {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 20px;
    }

    .promo-mask .banner .banner-shop {
        font-size: 18px;
        margin-top: 15px;
    }

    .promo-mask .banner .banner-thumnail .banner-image {
        height: 95%;
    }

    .promo-mask .banner .banner-desc {
        font-size: 21px;
    }

    .promo-mask .banner.bg-white .banner-content {
        padding: 60px 70px 60px 0;
    }

    .promo-mask .banner.bg-white .banner-thumnail .banner-image {
        max-width: initial;
    }
}

.blog-latset {
    position: relative;
}

.blog-latset .blog-badge {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 100%;
    z-index: 10;
}

.blog-latset .blog-badge .badge-item {
    background-color: #103178;
    color: white;
    font-weight: 500;
    border-radius: 40px;
    margin: 0 5px 5px;
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 0 10px;
    display: inline-block;
}

.blog-latset .blog-thumbnail {
    overflow: hidden;
    position: relative;
}

.blog-latset .blog-thumbnail a {
    display: block;
}

.blog-latset .blog-thumbnail img {
    border-radius: 4px;
    width: 100%;
    transition: 500ms ease;
}

.blog-latset .blog-thumbnail:hover img {
    transform: scale(1.1, 1.1);
}

.blog-latset .blog-content {
    padding: 20px 0;
    color: #5b6c8f;
}

.blog-latset .blog-meta {
    display: flex;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.blog-latset .blog-date {
    font-weight: 600;
    margin-right: 10px;
}

.blog-latset .blog-author {
    color: #5b6c8f;
}

.blog-latset .blog-author:hover {
    color: #ff9923;
}

.blog-latset .blog-title {
    display: block;
    font-size: 21px;
    line-height: 24px;
    color: #103178;
    font-weight: 500;
}

.blog-latset .blog-title:hover {
    color: #ff9923;
}

.blog-latset .blog-desc {
    display: none;
    margin-bottom: 0;
    font-size: 16px;
    color: #5b6c8f;
}


/*3. COMPONENTS */

.cart-mini {
    background-color: white;
    width: 420px;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10;
    border-radius: 3px;
    padding: 35px 30px 30px 30px;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    transition: all .2s ease;
    opacity: 0;
    transform-origin: right top 0;
    transform: scale(0);
}

.cart-mini.active {
    opacity: 1;
    transform-origin: right top 0;
    transform: scale(1);
}

.cart-mini .cart-items {
    overflow-y: auto;
    max-height: 326px;
    padding: 0;
    margin-bottom: 20px;
}

.cart-mini .cart-items .cart-item {
    display: block;
    margin-bottom: 10px;
}

.cart-mini .cart-total {
    color: #103178;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 20px;
}

.cart-mini .cart-total span {
    font-weight: bold;
}

.cart-mini .cart-footer .btn {
    display: block;
    width: 100%;
    height: auto;
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 10px;
}

.shopping .shopping-title {
    color: #103178;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 40px;
}

.shopping .shopping-title sup {
    font-size: 42%;
    line-height: 20px;
    margin-left: 10px;
    color: #5b6c8f;
}

.shopping .shopping-list li {
    margin-bottom: 10px;
}

.shopping .shopping-table {
    display: none;
}

.shopping .product-wishlist .product-quantity,
.shopping .product-wishlist .product-subtotal {
    display: flex;
}

.shopping .product-wishlist .product-cart,
.shopping .product-wishlist .product-stock {
    display: none;
}

.shopping .shopping-footer {
    padding-top: 50px;
    margin-bottom: 50px;
}

.shopping .shopping-footer .btn {
    display: inline-block;
    width: auto;
    text-transform: initial;
    height: 44px;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 500;
}

.shopping .input {
    display: inline-block;
    padding: 5px 15px;
    max-width: 200px;
    border-radius: 40px;
    font-size: 16px;
    height: 44px;
    background-color: #f0f2f5;
    color: #5b6c8f;
    border-color: #f0f2f5;
}

.shopping .input::-moz-placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.shopping .input:-ms-input-placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.shopping .input::placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.shopping .shopping-coupon {
    display: flex;
    margin-bottom: 15px;
}

.shopping .shopping-coupon .btn {
    margin-left: 10px;
}

.shopping .shopping-button .btn:first-child {
    margin-right: 10px;
}

.shopping .shopping-label {
    line-height: 20px;
    font-size: 14px;
    color: #103178;
    font-weight: 600;
    padding: 10px 0;
}

.shopping .shopping-box {
    color: #103178;
    border: 1px solid #f0f2f5;
    border-radius: 4px;
    padding: 5px 20px 30px;
    margin-bottom: 50px;
}

.shopping .shopping-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f0f2f5;
}

.shopping .shopping-row .shopping-label {
    padding: 0;
}

.shopping .shopping-price {
    color: #103178;
    font-weight: 500;
    font-size: 16px;
}

.shopping .shopping-text {
    font-size: 14px;
    padding-left: 20px;
}

.shopping .shopping-checkout {
    padding-top: 20px;
    text-align: center;
}

.shopping .shopping-checkout .btn {
    margin-bottom: 15px;
    text-transform: initial;
    height: 44px;
    padding: 10px 25px;
    font-size: 18px;
    font-weight: 500;
}

.shopping .shopping-toggle {
    text-decoration: underline;
    font-size: 14px;
    color: #103178;
    display: block;
    border-bottom: 1px solid #f0f2f5;
    padding-bottom: 10px;
    padding-left: 20px;
}

.shopping .shopping-link {
    text-decoration: underline;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
}

.shopping .shopping-checkbox {
    margin-bottom: 10px;
}

.shopping .shopping-checkbox label {
    margin-top: 3px;
    font-size: 14px;
    color: #103178;
}

.shopping .shopping-checkbox label::before {
    margin-right: 5px;
    content: '';
}

.shopping .shopping-group {
    margin-bottom: 15px;
}

.shopping .shopping-form {
    padding-top: 10px;
    display: none;
}

.shopping .shopping-form .input {
    font-size: 14px;
}

.shopping .shopping-form .input::-moz-placeholder {
    font-size: 14px;
}

.shopping .shopping-form .input:-ms-input-placeholder {
    font-size: 14px;
}

.shopping .shopping-form .input::placeholder {
    font-size: 14px;
}

.shopping .shopping-form .select2-selection-single {
    border: none;
}

.shopping .shopping-form .select2-selection-rendered {
    border-radius: 40px;
    height: 44px;
    background-color: #f0f2f5;
    border-color: #f0f2f5;
    color: #5b6c8f;
    font-size: 14px;
    padding: 10px 25px;
}

.shopping .section-latest {
    margin-bottom: 80px;
}

.shopping .section-latest .section-title {
    font-size: 26px;
    line-height: 30px;
}

@media (min-width: 768px) {
    .shopping .shopping-title {
        font-size: 45px;
        line-height: 50px;
    }

    .shopping .shopping-footer,
    .shopping .shopping-box {
        margin-bottom: 80px;
    }
}

@media (min-width: 992px) {
    .shopping .shopping-list {
        display: none;
    }

    .shopping .shopping-table {
        display: block;
    }

    .shopping .shopping-footer {
        display: flex;
    }

    .shopping .shopping-coupon {
        flex-grow: 1;
        margin-bottom: 0;
    }
}

@media (min-width: 1280px) {
    .shopping .shopping-title {
        font-size: 50px;
        line-height: 60px;
    }

    .shopping .section-latest .section-title {
        font-size: 30px;
        line-height: 40px;
    }

    .shopping .shopping-footer .btn {
        padding: 10px 25px;
        font-size: 18px;
    }

    .shopping .input {
        padding: 10px 25px;
        max-width: 270px;
        font-size: 18px;
    }

    .shopping .input::-moz-placeholder {
        font-size: 16px;
    }

    .shopping .input:-ms-input-placeholder {
        font-size: 16px;
    }

    .shopping .input::placeholder {
        font-size: 16px;
    }
}

.search-table {
    background-color: #f0f2f5;
    border-radius: 3px;
    overflow: hidden;
}

.search-table .form-control {
    border-color: #f0f2f5;
    color: #5b6c8f;
    height: 46px;
    font-size: 18px;
}

.search-table .form-control:focus {
    box-shadow: none;
    background-color: #f0f2f5;
    color: #5b6c8f;
}

.search-table .form-control::-moz-placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.search-table .form-control:-ms-input-placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.search-table .form-control::placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.search-table .input-group-append {
    width: 60px;
    align-items: center;
    justify-content: center;
    color: #103178;
}

.search-table .input-group-append a i {
    color: #103178;
    font-weight: 900;
    font-size: 18px;
}

.login-modal {
    background-color: white;
    width: 300px;
    position: absolute;
    top: 100%;
    right: -92px;
    z-index: 10;
    border-radius: 3px;
    padding: 35px 30px 30px 30px;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    transition: all .2s ease;
    opacity: 0;
    transform-origin: right top 0;
    transform: scale(0);
}

.login-modal.active {
    opacity: 1;
    transform-origin: right top 0;
    transform: scale(1);
}

.login-modal .form-control {
    background-color: #f0f2f5;
    border-radius: 50px;
    color: #5b6c8f;
    font-size: 18px;
    padding: 10px 25px;
    line-height: 26px;
    height: 46px;
}

.login-modal .form-group {
    margin-bottom: 20px;
}

.login-modal label {
    font-size: 16px;
    color: #5b6c8f;
    margin-bottom: 5px;
}

.login-modal .form-check label {
    margin-top: 8px;
    margin-left: 10px;
}

.form-subscribe {
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-subscribe .form-control {
    width: 100%;
}

.form-subscribe .input {
    border-radius: 40px;
    width: 100%;
    height: 44px;
    background-color: #f0f2f5;
    color: #5b6c8f;
    font-size: 16px;
    margin-bottom: 10px;
}

.form-subscribe .input:focus {
    box-shadow: none;
    background-color: #f0f2f5;
    color: #5b6c8f;
}

.form-subscribe .input::-moz-placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.form-subscribe .input:-ms-input-placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.form-subscribe .input::placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.form-subscribe .btn {
    height: 44px;
    text-transform: capitalize;
    font-size: 16px;
    padding: 9px 15px;
}

@media (min-width: 768px) {
    .form-subscribe .form-control {
        display: inline-flex;
        align-items: center;
        max-width: 500px;
    }

    .form-subscribe .input {
        font-size: 18px;
        width: calc(100% - 160px);
        padding: 11px 25px 11px 25px;
        margin-bottom: 0;
        height: 48px;
    }

    .form-subscribe .btn {
        font-size: 18px;
        width: 150px;
        margin-left: 10px;
        height: 48px;
    }
}

.form-newsletter .input {
    padding: 9px 15px;
    height: 44px;
    color: #5b6c8f;
    background-color: white;
    border-radius: 40px !important;
    border-color: white;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
}

.form-newsletter .input:focus {
    box-shadow: none;
}

.form-newsletter .input::-moz-placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.form-newsletter .input:-ms-input-placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.form-newsletter .input::placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.form-newsletter .btn {
    padding: 11px 35px;
    font-size: 16px;
    text-transform: capitalize;
}

@media (min-width: 768px) {
    .form-newsletter .btn {
        width: auto;
    }
}

@media (min-width: 1280px) {
    .form-newsletter .input {
        height: 46px;
        margin-bottom: 0;
        width: calc(100% - 140px);
        padding: 11px 15px;
        margin: 0;
        float: left;
    }

    .form-newsletter .btn {
        margin-left: 10px;
        width: 130px;
    }
}

.form-review {
    color: #103178;
}

.form-review input:focus {
    box-shadow: none;
}

.form-review .form-title {
    font-size: 22px;
    line-height: 26px;
    color: #103178;
    margin-bottom: 10px;
    font-weight: 600;
}

.form-review .form-desc {
    color: #103178;
    font-size: 16px;
    margin-bottom: 35px;
}

.form-review .form-label {
    color: #103178;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.form-review .form-input {
    height: 46px;
}

.form-review .form-input,
.form-review .form-textarea {
    color: #5b6c8f;
    background-color: #f0f2f5;
    font-size: 16px;
    padding: 9px 15px;
    border-radius: 40px;
    border-color: #f0f2f5;
}

.form-review .form-textarea {
    min-height: 100px;
    border-radius: 30px;
}

.form-review .br-widget a {
    font-size: 32px;
}

.form-review .form-block {
    margin: 40px 0 30px;
}

.form-review .btn {
    font-size: 18px;
    text-transform: capitalize;
    padding: 10px 25px;
    max-width: 210px;
}

@media (min-width: 1280px) {
    .form-review .form-title {
        font-size: 24px;
        line-height: 30px;
    }
}

.form-contact {
    padding-bottom: 80px;
    border-bottom: 1px solid #f0f2f5;
}

.form-title {
    color: #103178;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 30px;
}

.form-contact .form-group {
    margin-bottom: 20px;
}

.form-contact .form-input {
    border-radius: 5px;
    color: #5b6c8f;
    background-color: #ebebeb;
    padding: 9px 15px;
    border: 1px solid #cecece;
    line-height: 26px;
    height: 44px;
    font-size: 16px;
}


.form-contact .form-input:focus {
    box-shadow: none;
}

.form-contact .form-input::-moz-placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.form-contact .form-input:-ms-input-placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.form-contact .form-input::placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.form-contact .form-textarea {
    border-radius: 5px;
    color: #5b6c8f;
    background-color: #ebebeb;
    padding: 9px 15px;
    border: 1px solid #cecece;
    line-height: 26px;
    font-size: 16px;
}

.form-contact .form-textarea:focus {
    box-shadow: none;
}

.form-contact .form-textarea::-moz-placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.form-contact .form-textarea:-ms-input-placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.form-contact .form-textarea::placeholder {
    color: #5b6c8f;
    font-size: 16px;
}

.form-contact .btn {
    min-width: 208px;
    font-size: 16px;
    color: white;
    background-color: #ff9923;
    border: 1px solid #ff9923;
    padding: 8px 15px;
    font-weight: 500;
    display: inline-block;
    text-transform: initial;
    width: auto;
    height: 44px;
}

@media (min-width: 1280px) {
    .form-contact .form-title {
        font-size: 30px;
        line-height: 40px;
    }

    .form-contact .btn {
        font-size: 18px;
        height: 46px;
    }

    .form-contact .form-input {
        height: 46px;
        font-size: 18px;
        padding: 10px 25px;
    }

    .form-contact .form-input::-moz-placeholder {
        font-size: 18px;
    }

    .form-contact .form-input:-ms-input-placeholder {
        font-size: 18px;
    }

    .form-contact .form-input::placeholder {
        font-size: 18px;
    }

    .form-contact .form-textarea {
        font-size: 18px;
        padding: 10px 25px;
    }

    .form-contact .form-textarea::-moz-placeholder {
        font-size: 18px;
    }

    .form-contact .form-textarea:-ms-input-placeholder {
        font-size: 18px;
    }

    .form-contact .form-textarea::placeholder {
        font-size: 18px;
    }
}

.search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    transform-style: preserve-3d;
    visibility: hidden;
    opacity: 0;
    transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0;
    overflow-y: auto;
}

.search:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    transition: transform 0.6s cubic-bezier(0.7, 0, 0.3, 1);
    opacity: 0.3;
    transform: scale3d(1, 0, 1);
    transform-origin: 50% 100%;
}

.search-content {
    background-color: #3b9d95;
    width: 100%;
    padding: 50px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-content h3 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 26px;
    color: #103178;
    font-weight: 600;
}

.search .search-close {
    position: absolute;
    right: 20px;
    top: 50px;
    color: #fff;
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    z-index: 10;
}

.search .search-close i {
    font-weight: bold;
}

.search.active {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.search.active:before {
    transform: scale3d(1, 1, 1);
    transform-origin: 50% 0%;
}

.search .search-result {
    padding-top: 50px;
    display: none;
}

.search .search-result.active {
    display: block;
}

.search .search-item {
    margin-bottom: 30px;
}

.sk-steps {
    overflow: hidden;
    background: #f0f0f0;
    border-bottom: 1px solid #f6f3f6;
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.03);
}

.home .home-banner {
    border-radius: 4px;
    overflow: hidden;
}

.home .home-banner .banner-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home .home-banner .banner-block {
    z-index: 10;
    position: relative;
}

.home .home-banner .banner-btn-group,
.home .home-banner .banner-btn {
    display: block;
}

.home .home-banner .banner-persen {
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 36px;
    position: initial;
    margin: auto;
}

.home .home-banner .banner {
    height: 460px;
    min-height: 460px !important;
}

.home .home-banner .banner-content {
    height: auto;
}

.home .home-banner .banner-title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
}

.home .home-banner .banner-price {
    margin-bottom: 10px;
}

.home .home-banner .banner-price span {
    font-size: 34px;
    line-height: 40px;
}

.home .home-banner .banner-price del {
    font-size: 22px;
    line-height: 26px;
    top: -7px;
}

.home .home-banner .banner-shop {
    font-size: 16px;
    font-weight: 600;
}

.home .home-banner .banner-btn {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #103178;
}

@media (min-width: 768px) {
    .home .home-banner .banner {
        height: 300px;
        min-height: 300px !important;
    }

    .home .home-banner .banner .banner-content {
        padding: 4%;
        flex: 0 0 50%;
    }

    .home .home-banner .banner .banner-thumnail {
        flex: 0 0 50%;
        display: flex;
    }
}

@media (min-width: 1280px) {
    .home .home-banner .banner {
        height: 350px;
        min-height: 300px !important;
    }

    .home .home-banner .banner-title {
        font-size: 40px;
        line-height: 50px;
    }

    .home .home-banner .banner-price span {
        font-size: 50px;
        line-height: 60px;
    }

    .home .home-banner .banner-price del {
        font-size: 24px;
        line-height: 30px;
        top: -14px;
    }

    .home .home-banner .banner-shop {
        font-size: 18px;
        margin-top: 20px;
    }

    .home .home-banner .banner-btn-group {
        display: table;
    }

    .home .home-banner .banner-btn {
        display: table-cell;
    }
}

.delivery {
    margin: 30px 0 50px;
    padding: 30px 40px;
    background-image: url("../img/promotion/banner-delivery-2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
}

.delivery .delivery-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.delivery .delivery-text {
    color: #12a05c;
    font-size: 22px;
    line-height: 26px;
    display: inline-flex;
    align-items: center;
}

.delivery .delivery-text i {
    font-weight: bold;
    margin-right: 10px;
}

.delivery .delivery-more {
    background-color: #12a05c;
    border: 1px solid #12a05c;
    font-size: 18px;
    font-weight: 500;
    color: white;
    min-width: 98px;
    border-radius: 20px;
    text-align: center;
    padding: 4px;
}

.delivery .delivery-more:hover {
    background-color: white;
    color: #12a05c;
}

@media (min-width: 1024px) {
    .delivery .delivery-text {
        font-size: 24px;
        line-height: 30px;
    }
}

.home-1 {
    padding-bottom: 30px;
}

.home-1 .section-sellers {
    padding-bottom: 80px;
}

.home-1 .promo.not-padding {
    margin-left: -15px;
    margin-right: -15px;
}

.home-1 .promo.not-padding .promo-banner {
    border-radius: 0;
}

@media (min-width: 768px) {
    .home-1 .promo {
        padding-top: 30px;
    }

    .home-1 .promo.not-padding {
        margin-left: 0;
        margin-right: 0;
    }

    .home-1 .promo.not-padding .promo-banner {
        border-radius: 4px;
    }
}

.home-2 .home-content {
    padding-top: 0;
}

.home-2 .promo {
    padding-top: 30px;
}

@media (min-width: 1280px) {
    .home-2 .section-banner {
        min-height: 400px;
    }
}

.home-3 .section-banner .banner-fluid {
    position: initial;
}

.home-3 .section-banner .banner-fluid .banner-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.home-3 .section-banner .banner-content {
    z-index: 10;
}

.home-3 .section-banner .container-initial .banner-block {
    position: initial;
}

.home-3 .home-content {
    padding-top: 15px;
}

.home-3 .home-row {
    padding: 30px 0 50px;
}

.home-3 .promo {
    padding-top: 30px;
}

.home-3 .promo .promo-banner {
    max-height: 200px;
    min-height: 200px;
}

.home-3 .section-featured {
    padding-bottom: 80px;
}

.home-3 .home3-banner {
    background-image: url("../img/promotion/banner-bg-12.jpg");
    background-size: cover;
    background-position: center;
}

.home-3 .home3-banner .banner .banner-thumnail {
    padding-top: 10px;
    position: i;
}

.home-3 .home3-banner .banner .banner-persen {
    position: initial;
    margin: auto;
    width: 133px;
    height: 133px;
    font-size: 45px;
    line-height: 45px;
}

.home-3 .home3-banner .banner .banner-btn-group {
    display: block;
    margin: 20px 0 0;
}

.home-3 .home3-banner .banner .banner-btn {
    line-height: 20px;
    color: #103178;
    font-weight: 600;
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
}

.home-3 .home3-banner .banner .banner-btn img {
    margin-top: -5px;
}

.home-3 .home3-banner .banner .banner-content {
    height: auto;
}

@media (min-width: 768px) {
    .home-3 .home-row .home-week-deal {
        padding-right: 0;
    }

    .home-3 .home3-banner .banner {
        height: 430px;
        min-height: 430px !important;
    }

    .home-3 .home3-banner .banner .banner-content {
        width: 60%;
        flex: 0 0 60%;
    }

    .home-3 .home3-banner .banner .banner-thumnail {
        padding-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 0 0 40%;
    }

    .home-3 .promo .promo-banner {
        max-height: 160px;
        min-height: 160px;
    }
}

@media (min-width: 1024px) {
    .home-3 .home3-banner .banner {
        height: 500px;
    }

    .home-3 .home3-banner .banner .banner-content {
        padding-top: 40px;
    }

    .home-3 .home3-banner .banner .banner-btn-group {
        display: table;
        margin: 30px 0 20px;
    }

    .home-3 .home3-banner .banner .banner-btn {
        display: table-cell;
    }

    .home-3 .home3-banner .banner .banner-persen {
        margin-left: 100px;
    }
}

@media (min-width: 1200px) {
    .home-3 .home-row .home-week-deal {
        padding-right: 15px;
    }
}

@media (min-width: 1280px) {
    .home-3 .section-banner .banner {
        height: 700px;
    }

    .home-3 .section-banner .banner-content {
        padding-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-3 .section-banner .banner-shop {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .home-3 .promo .promo-banner {
        max-height: 230px;
        min-height: 230px;
    }

    .home-3 .home3-banner .banner .banner-title {
        font-size: 50px;
        line-height: 1.2;
    }

    .home-3 .home3-banner .banner .banner-desc {
        font-size: 22px;
    }

    .home-3 .home3-banner .banner .banner-shop {
        font-size: 18px;
    }

    .home-3 .home3-banner .banner .banner-content {
        padding-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-3 .home3-banner .banner .banner-shop {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .home-3 .home3-banner .banner .banner-persen {
        margin-left: 70px;
    }
}

.home-4 {
    border-top: 1px solid #d9dee8;
}

.home-4 .section-category-horizontal {
    display: none;
    padding-bottom: 0;
}

.home-4 .section-category-horizontal::after {
    display: none;
}

.home-4 .home-content {
    padding-top: 20px;
}

.home-4 .promo {
    padding-top: 15px;
}

.home-4 .home-banner {
    margin: 30px 0 50px;
}

.home-4 .section-latest {
    padding-top: 30px;
}

.home-4 .section-featured .shop-more {
    display: block;
}

.home-4 .section-newsletter {
    padding: 0 0 80px;
}

.home-4 .banner-padding .home-banner .banner-title {
    margin-bottom: 10px;
}

.home-4 .banner-padding .home-banner .banner-shop {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .home-4 .section-category-horizontal {
        display: block;
    }

    .home-4 .home-banner .banner .banner-persen.right {
        margin-right: 28%;
    }

    .home-4 .home-banner .banner .banner-persen.left {
        position: absolute;
        left: -20%;
        right: auto;
        top: 50%;
        margin-top: -60px;
    }
}

@media (min-width: 1280px) {
    .home-4 .section-banner .banner {
        height: 650px;
    }

    .home-4 .section-banner .banner .banner-content {
        padding-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-4 .section-banner .banner .banner-shop {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.home-5 .section-latest {
    padding-top: 30px;
}

.home-5 .promo {
    padding-top: 30px;
}

.home-5 .footer-top {
    margin-top: 30px;
    background-color: #fdf6ed;
    border-color: #ffebd3;
}

.home-5 .footer-top .footer-link i {
    color: #ff9923;
}

.home-5 .footer-top .col-12:not(:last-child) {
    border-color: #ffebd3;
}

.home-5 .section-blog {
    padding: 30px 0 80px;
}

@media (min-width: 768px) {
    .home-5 .section-banner .banner .banner-thumnail .banner-image {
        right: 0;
    }

    .home-5 .section-banner .banner .banner-content {
        padding-top: 4%;
    }

    .home-5 .section-banner .banner .banner-persen.center {
        bottom: auto;
        top: 15%;
        right: 50%;
    }
}

@media (min-width: 992px) {
    .home-5 .promo-name {
        font-size: 35px;
    }

    .home-5 .promo-price {
        font-size: 40px;
    }

    .home-5 .promo-del {
        font-size: 19px;
    }

    .home-5 .promo-btn {
        font-size: 18px;
        padding: 10px 50px;
    }

    .home-5 .section-banner .banner .banner-persen.center {
        top: 37%;
        right: 23%;
    }
}

@media (min-width: 1280px) {
    .home-5 .section-banner .banner .banner-content {
        padding-top: 8%;
    }

    .home-5 .section-banner .banner .banner-persen.center {
        top: 50%;
        right: 14%;
    }
}

.home-block {
    padding: 30px 0 50px;
}

.home-block .block-image {
    margin-bottom: 10px;
    height: 100%;
}

.home-block .block-image .banner {
    height: 350px;
    min-height: 330px !important;
}

.home-block .block-image .banner .banner-content {
    flex: 0 0 100%;
    text-align: left;
}

.home-block .block-image .home-banner {
    height: 100%;
}

.home-block .block-product {
    border-top: 1px solid #f0f2f5;
    border-left: 1px solid #f0f2f5;
}

.home-block .block-product .product-standard {
    border-right: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5;
    height: 100%;
}

@media (min-width: 768px) {
    .home-block .block-image .banner {
        height: 100%;
    }

    .home-block .block-image .banner .banner-content {
        padding: 50px 20px 0;
    }

    .home-block .block-image .banner .banner-price {
        margin-bottom: 0;
    }
}

@media (min-width: 1280px) {
    .home-block .block-image .banner .banner-content {
        padding: 50px 40px 0;
    }
}

.home-6 .banner .banner-imagebg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
}

.home-6 .banner .banner-imagebg.fuild {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home-6 .banner .banner-image {
    display: none;
}

.home-6 .banner .banner-block {
    position: relative;
}

.home-6 .banner .banner-persen {
    bottom: -30%;
}

.home-6 .section-banner .banner-shop {
    margin-top: 20px;
}

.home-6 .home-content {
    border-top: 1px solid #f0f2f5;
}

.home-6 .home-content .banner {
    margin-bottom: 50px;
}

.home-6 .home-content .banner .banner-image {
    display: block;
}

.home-6 .home-content .banner .banner-btn {
    font-weight: 600;
    color: #103178;
}

.home-6 .home-content .banner .banner-btn:first-child img {
    margin-top: -5px;
}

.home-6 .section-latest {
    padding-top: 30px;
}

.home-6 .home-banner {
    padding-top: 30px;
    margin-bottom: 30px !important;
}

.home-6 .banner-round {
    background-color: white;
    margin-bottom: 0;
}

.home-6 .banner-round .banner {
    overflow: hidden;
    border-top: 1px solid #f0f2f5;
    margin-bottom: 0;
}

.home-6 .delivery {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 0;
    margin-top: 0;
}

@media (min-width: 768px) {
    .home-6 {
        border-top: 1px solid #d9dee8;
    }

    .home-6 .banner .banner-imagebg {
        width: 52%;
        height: 100%;
        display: block;
    }

    .home-6 .banner .banner-imagebg.fuild {
        width: 100%;
        height: auto;
    }

    .home-6 .banner .banner-content {
        padding-top: 2%;
        position: relative;
        z-index: 10;
    }

    .home-6 .banner .banner-persen {
        bottom: 25%;
    }

    .home-6 .banner .banner-thumnail .banner-round {
        z-index: 0;
    }

    .home-6 .home-content .banner {
        padding-top: 5%;
        border-bottom: 1px solid #f0f2f5;
        height: 330px;
    }

    .home-6 .home-content .banner .banner-image {
        height: 70%;
        width: auto;
        position: initial;
        margin: auto;
    }

    .home-6 .home-content .banner .banner-thumnail {
        display: flex;
    }

    .home-6 .banner-round .banner-content {
        padding-left: 0;
    }

    .home-6 .banner-round .banner {
        padding-top: 0;
        height: 370px;
    }

    .home-6 .banner-round .banner .banner-image {
        position: absolute;
        right: 15%;
        height: 95%;
    }
}

@media (min-width: 1280px) {
    .home-6 .banner .banner {
        height: 700px;
    }

    .home-6 .banner .banner-desc {
        margin-bottom: 20px;
    }

    .home-6 .banner .banner-content {
        padding-top: 8%;
    }

    .home-6 .home-content .banner {
        height: 400px;
        padding: 0;
    }

    .home-6 .home-content .banner .banner-content {
        padding-top: 60px;
    }

    .home-6 .home-content .section-banner .banner .banner-title {
        font-size: 50px;
        line-height: 60px;
    }

    .home-6 .home-content .section-banner .banner,
    .home-6 .home-content .banner-round .banner {
        height: 490px;
    }

    .home-6 .banner-round .banner-desc {
        margin-bottom: 35px;
    }

    .home-6 .section-banner .banner {
        height: 750px;
    }

    .home-6 .section-banner .banner .banner-content {
        padding-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-6 .section-banner .banner .banner-shop {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .home-6 .section-banner .banner .banner-thumnail .banner-round {
        left: auto;
        right: -50%;
        height: 250%;
        top: -75%;
    }

    .home-6 .section-banner .banner .banner-imagebg.not-fuild {
        height: 113%;
        width: auto;
    }
}

.home-7 .banner .banner-persen {
    position: initial;
    margin: auto;
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 36px;
}

.home-7 .banner .banner-title {
    margin-bottom: 25px;
}

.home-7 .banner .banner-desc {
    margin-bottom: 35px;
}

.home-7 .banner .banner-btn {
    font-size: 18px;
    font-weight: 500;
    display: block;
    margin-bottom: 15px;
    color: #103178;
}

.home-7 .banner .banner-baged {
    text-align: center;
    margin-bottom: 25px;
}

.home-7 .banner .banner-baged strong {
    background-color: #12a05c;
    color: white;
    border-radius: 40px;
    font-size: 12px;
    line-height: 17px;
    padding: 0 10px;
}

.home-7 .banner .banner-btn-group {
    text-align: center;
    display: block;
}

.home-7 .home7-promo {
    background-image: url("../img/goby-unsplash.jpg");
    padding: 60px 0;
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

.home-7 .home7-promo .banner {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    min-height: 320px;
}

.home-7 .home7-promo .banner .banner-baged {
    text-align: left;
}

.home-7 .home7-promo .banner .banner-baged strong {
    background-color: #752a2b;
}

.home-7 .home7-promo .banner .banner-title,
.home-7 .home7-promo .banner .banner-desc {
    color: #752a2b;
}

.home-7 .about-video {
    border-bottom: 1px solid #f0f2f5;
    padding-bottom: 80px;
}

.home-7 .reviews-2 {
    background-color: white;
    background-image: none;
    padding: 50px 0 60px;
}

.section-title {
    text-align: center;
    font-family: Fortescue Display;
}

.home-7 .reviews-2 .owl-dots {
    display: none;
}

.home-7 .home-block {
    padding: 80px 0;
    border-bottom: 1px solid #f0f2f5;
}

.home-7 .home-block .section-title {
    text-align: left;
}

.home-7 .home-block .form-control {
    display: block;
}

.home-7 .home-block .input {
    width: 100%;
}

.home-7 .home-block .btn {
    margin-left: 0;
    margin-top: 10px;
}

.home-7 .section-instagram {
    padding: 30px 0 50px;
}

@media (min-width: 768px) {
    .home-7 .about-video .banner .banner-btn-group {
        text-align: left;
    }

    .home-7 .banner .banner-content {
        padding-top: 0;
    }

    .home-7 .home-block .home-row {
        display: flex;
    }

    .home-7 .home-block .home-blog {
        flex: 0 0 50%;
        padding-right: 9%;
        border-right: 1px solid #f0f2f5;
    }

    .home-7 .home-block .home-newsletter {
        flex: 0 0 50%;
        padding-left: 9%;
    }
}

@media (min-width: 1028px) {
    .home-7 .banner .banner-title {
        font-size: 70px;
        line-height: 84px;
    }

    .home-7 .banner .banner-desc {
        font-size: 36px;
    }

    .home-7 .home7-promo {
        padding: 180px 0;
    }
}

.home-8 .home-content {
    padding-top: 20px;
}

.home-8 .promo {
    padding-bottom: 0;
    display: none;
    margin-left: -15px;
    margin-right: -15px;
}

.home-8 .promo.mobile {
    display: block;
}

.home-8 .promo .promo-banner {
    max-height: 258px;
}

.home-8 .section-banner {
    padding-bottom: 50px;
}

.home-8 .section-banner .owl-dots {
    bottom: -30px;
}

.home-8 .home-banner {
    margin-bottom: 50px;
}

.home-8 .section-category .section-title {
    display: none;
}

.home-8 .section-category .col-6:nth-child(5),
.home-8 .section-category .col-6:nth-child(6) {
    display: none;
}

.home-8 .section-latest {
    padding-top: 30px;
}

.home-8 .home-promo {
    display: block;
    margin: 0;
    padding-top: 30px;
}

.home-8 .section-featured .shop-more {
    display: block;
}

.home-8 .section-featured .col-6:nth-child(6),
.home-8 .section-featured .col-6:nth-child(7),
.home-8 .section-featured .col-6:nth-child(8),
.home-8 .section-featured .col-6:nth-child(9),
.home-8 .section-featured .col-6:nth-child(10) {
    display: none;
}

.home-8 .section-instagram {
    padding-bottom: 80px;
}

.home-8 .section-newsletter {
    padding: 80px 0;
}

.home-8 .home-line {
    border-top: 1px solid #f0f2f5;
}

@media (min-width: 768px) {
    .home-8 .section-banner {
        margin: 0;
    }

    .home-8 .promo {
        padding-bottom: 20px;
        display: block;
        margin: 0;
    }

    .home-8 .promo.mobile {
        display: none;
    }

    .home-8 .section-category .col-md-4 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1280px) {
    .home-8 .banner {
        height: 450px;
    }

    .home-8 .banner .banner-title {
        line-height: 60px !important;
        font-size: 50px i !important;
    }

    .home-8 .banner .banner-price span {
        font-size: 50px;
    }

    .home-8 .banner .banner-price del {
        font-size: 24px;
    }

    .home-8 .banner .banner-desc {
        font-size: 22px;
    }

    .home-8 .banner .banner-shop {
        font-size: 20px;
    }

    .home-8 .home-banner .banner {
        height: 350px;
    }

    .home-8 .home-banner .banner-content {
        padding: 4%;
    }
}

.home-9 .banner-full {
    background-image: url("../img/promotion/slide9.jpg");
    background-position: 65% center;
}

.home-9 .banner-full .banner .banner-title,
.home-9 .banner-full .banner .banner-desc,
.home-9 .banner-full .banner .banner-btn {
    color: white;
}

.home-10 .banner-full {
    background-image: url("../img/promotion/slide10.jpg");
    background-position: 75% center;
}

.home-10 .banner-full .banner-item p {
    color: #103178;
}

.home-10 .banner-full .banner-item::after {
    background-color: #103178;
    opacity: 0.3;
}

.home-10 .banner-full .banner {
    min-height: 500px;
}

.home-10 .banner-full .banner .banner-title,
.home-10 .banner-full .banner .banner-desc,
.home-10 .banner-full .banner .banner-btn {
    color: white;
}

.home-10 .banner-full .banner .banner-btn img {
    filter: brightness(0) invert(1);
}

.home-10 .banner-full .banner .banner-shop {
    position: relative;
    z-index: 10;
}

.home-10 .banner-full .banner-group {
    position: relative;
    z-index: 10;
}

.home-10 .banner-full::after {
    content: url("../img/white-gradient.png");
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    z-index: 0;
    height: 300px;
}

.home-10 .promo-mask {
    border-top: 1px solid #f0f2f5;
    padding-top: 80px;
}

.home-10 .promo-mask .banner .banner-persen {
    top: 5px;
    bottom: auto;
    right: 24%;
    transform: rotate(-25deg);
    width: 99px;
    height: 99px;
    font-size: 30px;
    line-height: 30px;
}

.home-10 .promo-mask .banner .banner-btn {
    font-weight: 500;
}

.home-10 .promo-mask .banner .banner-title,
.home-10 .promo-mask .banner .banner-btn,
.home-10 .promo-mask .banner .banner-desc {
    color: #103178;
}

.home-10 .section-black-style {
    background-image: none;
    border-bottom: 1px solid #f0f2f5;
}

.home-10 .section-black-style .product-standard .product-price,
.home-10 .section-black-style .product-standard .product-title {
    color: #103178;
}

.home-10 .section-black-style .product-standard .product-del {
    color: #9babcd;
}

.home-10 .section-reviews .review .review-name,
.home-10 .section-reviews .review .review-date {
    color: #103178;
}

.home-10 .section-newsletter {
    padding: 80px 0;
}

@media (min-width: 768px) {
    .home-10 .promo-mask .banner .banner-persen {
        right: 18%;
    }

    .home-10 .banner-full {
        background-position: 60% center;
    }

    .home-10 .banner-full .banner-group {
        position: absolute;
    }

    .home-10 .banner-full .banner .banner-btn {
        color: #ff9923;
    }

    .home-10 .banner-full .banner .banner-btn img {
        filter: none;
    }

    .home-10 .banner-full .banner .banner-title,
    .home-10 .banner-full .banner .banner-desc {
        color: #103178;
    }

    .home-10 .banner-full::after {
        height: auto;
    }
}

@media (min-width: 1280px) {
    .home-10 .promo-mask .banner .banner-persen {
        width: 133px;
        height: 133px;
        font-size: 45px;
        line-height: 45px;
    }

    .home-10 .banner-full {
        background-position: 10% 25%;
    }
}

.section-category {
    padding-top: 30px;
    margin-bottom: 30px;
}

.section-category .section-title {
    font-weight: bold;
    color: #103178;
    text-align: center;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: 600;
}

.section-category .category-block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.section-category .category-thumbnail {
    padding: 4px;
    position: relative;
    min-height: 190px;
    max-width: 50%;
}

.section-category .category-image {
    background-color: #f0f2f5;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    border-radius: 4px;
}

.section-category .category-content {
    position: absolute;
    padding-bottom: 10px;
    top: 15px;
    left: 15px;
}

.section-category .category-name {
    margin-bottom: 14px;
    color: #103178;
    font-size: 18px;
    display: block;
    font-weight: bold;
    font-weight: 500;
}

.section-category .category-more {
    color: #103178;
    background-color: white;
    font-size: 14px;
    padding: 3px 10px;
    min-width: 80px;
    line-height: 24px;
    border-radius: 40px;
    text-align: center;
    display: inline-block;
    font-weight: 500;
}

.section-category .category-more:hover {
    background-color: #103178;
    color: white;
}

.section-category .category-title {
    font-weight: bold;
    color: #103178;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
}

.section-category .category-list {
    margin-bottom: 35px;
}

.section-category .category-list li {
    line-height: 20px;
    padding: 8px 0;
}

.section-category .category-list li a {
    color: #103178;
    font-size: 16px;
}

.section-category .category-list li a:hover {
    color: #ff9923;
    text-decoration: underline;
}

.section-category .row {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .section-category .section-title {
        font-size: 24px;
        line-height: 30px;
    }

    .section-category .category-name {
        font-size: 24px;
        line-height: 28px;
    }

    .section-category .category-content {
        top: 35px;
        left: 35px;
        padding: 0;
        max-width: 60%;
    }

    .section-category .category-thumbnail {
        min-height: 236px;
        max-width: 33.33333%;
    }
}

@media (min-width: 1279px) {
    .section-category .category-thumbnail {
        min-height: 300px;
        width: auto;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }

    .section-category .category-block {
        flex-wrap: nowrap;
    }
}

.section-category-horizontal {
    padding-bottom: 50px;
    position: relative;
}

.section-category-horizontal::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #f0f2f5;
    position: absolute;
    bottom: 50px;
    left: 0;
}

.section-category-horizontal .section-title {
    display: none;
    color: #103178;
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
}

.section-category-horizontal .category-all {
    display: none;
    text-align: center;
}

.section-category-horizontal .category-all a {
    display: inline-block;
    color: #103178;
    border: 1px solid #f0f2f5;
    border-radius: 40px;
    padding: 3px 10px;
    min-width: 80px;
    background-color: white;
    font-size: 14px;
}

.section-category-horizontal .category-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.section-category-horizontal .category-item {
    text-align: center;
    height: 100%;
    width: 33.3333%;
    padding: 0 15px;
}

.section-category-horizontal .category-link {
    display: block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    margin: auto;
}

.section-category-horizontal .category-link img {
    max-width: 36px;
    margin: auto;
}

.section-category-horizontal .category-name {
    margin-bottom: 0;
}

.section-category-horizontal .category-name a {
    display: block;
    color: #103178;
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 30px;
}

.section-category-horizontal .category-carousel {
    padding: 15px 0;
}

.section-category-horizontal .category-carousel .category-item {
    width: 100%;
}

.section-category-horizontal .category-carousel .category-link {
    width: 46px;
    height: 46px;
}

.section-category-horizontal .category-carousel .category-name a {
    margin-bottom: 0;
}

.section-category-horizontal .owl-nav,
.section-category-horizontal .owl-dots {
    display: none;
}

@media (min-width: 768px) {
    .section-category-horizontal .category-item {
        width: 20%;
    }
}

@media (min-width: 960px) {
    .section-category-horizontal .category-item {
        width: 14.285%;
    }
}

@media (min-width: 1280px) {
    .section-category-horizontal .section-title {
        font-size: 24px;
        line-height: 30px;
    }
}

.category-image .category-thumbnail {
    max-width: 100%;
    height: 100%;
    min-height: 130px;
    padding: 0;
}

.category-image .category-thumbnail img {
    max-width: 60%;
}

.category-image .row {
    margin-left: -4px;
    margin-right: -4px;
}

.category-image .col-6 {
    padding: 4px;
}

.category-image .category-content {
    max-width: 100%;
}

@media (min-width: 768px) {
    .category-image .category-content {
        top: 15px;
        left: 15px;
    }
}

@media (min-width: 1280px) {
    .category-image .category-content {
        top: 44px;
        left: 35px;
        max-width: 60%;
    }

    .category-image .category-thumbnail {
        max-height: 160px;
    }
}

.branch {
    margin-top: 45px;
}

.branch .branch-box {
    display: flex;
    flex-flow: row wrap;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #f0f2f5;
}

.branch .branch-item {
    padding: 15px;
    width: 50%;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #f0f2f5;
    text-align: center;
}

.branch a {
    display: block;
}

.branch img {
    width: 100%;
}

.branch .branch-title {
    display: none;
    color: #103178;
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 26px;
}

@media (min-width: 768px) {
    .branch .branch-item {
        width: 20%;
    }
}

@media (min-width: 1280px) {
    .branch .branch-title {
        font-size: 24px;
        line-height: 30px;
    }
}

.categogy .categogy-name {
    color: #103178;
    font-size: 34px;
    line-height: 40px;
    margin: 0;
}

.categogy .categogy-name sup {
    color: #5b6c8f;
    font-size: 42%;
    line-height: 20px;
    vertical-align: super;
    margin-left: 10px;
}

.categogy .categogy-content {
    padding-top: 40px;
}

.categogy .delivery {
    margin-bottom: 80px;
}

.categogy .delivery .delivery-text {
    font-size: 18px;
}

.categogy .delivery .delivery-more {
    min-width: 80px;
    font-size: 16px;
    padding: 2px;
}

.categogy .categogy-wrapper {
    background-color: #f0f2f5;
    border-radius: 5px;
    padding: 0 20px;
    display: flex;
}

.categogy .categogy-wrapper span {
    margin-right: 5px;
}

.categogy .categogy-wrapper .form-select {
    border: none;
    background-color: transparent;
    font-weight: bold;
    color: #103178;
}

.categogy .categogy-filter {
    padding: 14px 30px 14px 0;
    margin-right: 30px;
    border-right: 1px solid #d9dee8;
}

.categogy .categogy-filter a {
    display: inline-block;
    font-weight: 600;
    color: #103178;
}

.categogy .categogy-filter a .fa-times {
    display: none;
}

.categogy .categogy-filter a i {
    margin-right: 5px;
}

.categogy .categogy-filter .active .fa-filter {
    display: none;
}

.categogy .categogy-filter .active .fa-times {
    display: inline-block;
}

.categogy .categogy-type {
    padding: 14px 30px 14px 0;
    margin-right: 30px;
    border-right: 1px solid #d9dee8;
    display: none;
}

.categogy .categogy-type a {
    display: inline-block;
    margin-right: 20px;
}

.categogy .categogy-type a:last-child {
    margin-right: 0;
}

.categogy .categogy-type img {
    width: 15px;
    height: 15px;
}

.categogy .categogy-sort,
.categogy .categogy-onsale {
    color: #103178;
    font-size: 14px;
    padding: 14px 0;
}

.categogy .categogy-sort select,
.categogy .categogy-onsale select {
    display: inline-block;
    max-width: 100px;
}

.categogy .categogy-show {
    padding: 14px 0 14px 30px;
    margin-left: 30px;
    border-left: 1px solid #d9dee8;
    color: #103178;
    font-size: 14px;
}

.categogy .categogy-onsale {
    flex-grow: 1;
    display: none;
}

.categogy .categogy-loading {
    text-align: center;
}

.categogy .categogy-loading p {
    color: #103178;
    text-align: center;
    font-size: 16px;
}

.categogy .categogy-loading .btn {
    display: inline-block;
    max-width: 200px;
    margin: 10px auto;
    text-transform: initial;
    font-size: 18px;
    padding: 9px 25px;
}

.categogy .categogy-loading .load-wrapp {
    position: relative;
}

.categogy .categogy-loading .ring-2 {
    position: relative;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    border: 3px solid #103178;
    border-radius: 100%;
}

.categogy .categogy-loading .ball-holder {
    position: absolute;
    width: 12px;
    height: 33px;
    left: 10px;
    top: -3px;
    -webkit-animation: loadingE 1.3s linear infinite;
    animation: loadingE 1.3s linear infinite;
}

.categogy .categogy-loading .ball {
    position: absolute;
    top: -5px;
    left: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: white;
}

@-webkit-keyframes loadingE {
    0 {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loadingE {
    0 {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (min-width: 768px) {
    .categogy .categogy-name {
        font-size: 45px;
        line-height: 50px;
    }

    .categogy .categogy-onsale {
        display: block;
    }

    .categogy .categogy-sort select,
    .categogy .categogy-onsale select {
        max-width: 120px;
    }

    .categogy .row-reverse {
        flex-direction: row-reverse;
    }
}

@media (min-width: 960px) {

    .categogy .categogy-sort select,
    .categogy .categogy-onsale select {
        max-width: 150px;
    }
}

@media (min-width: 1280px) {
    .categogy .categogy-type {
        display: block;
    }

    .categogy .categogy-name {
        font-size: 50px;
        line-height: 60px;
    }

    .categogy .delivery .delivery-text {
        font-size: 20px;
    }

    .categogy .delivery .delivery-more {
        min-width: 90px;
        font-size: 18px;
    }
}

.categogy-grid {
    margin-top: 30px;
    border-top: 1px solid #f0f2f5;
    border-left: 1px solid #f0f2f5;
}

.categogy-grid .product-standard {
    height: 100%;
    border-bottom: 1px solid #f0f2f5;
    border-right: 1px solid #f0f2f5;
}

.categogy-grid .product-standard .product-title {
    min-height: 50px;
}

.categogy-grid .product-standard .product-branch {
    display: none;
}

.categogy-detail .product-standard .product-thumbnail .product-actions .product-item {
    display: none;
}

.categogy-detail .product-standard .product-thumbnail .product-actions .product-item:nth-child(3) {
    display: flex;
}

.categogy-detail .product-standard .product-content .product-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.categogy-detail .product-standard .product-content .product-actions .product-item.cart {
    display: none;
}

.categogy-detail .product-standard .product-branch,
.categogy-detail .product-standard .product-cart,
.categogy-detail .product-standard .product-review {
    display: inline-block;
}

.categogy-detail .product-standard .product-title a {
    font-weight: 600;
}

.categogy-detail .product-standard .product-desc {
    display: block;
}

.categogy-separate .categogy-content {
    padding-top: 20px;
}

.categogy-separate .categogy-wrapper {
    background-color: white;
    padding: 14px 0;
}

.categogy-separate .categogy-filter,
.categogy-separate .categogy-type,
.categogy-separate .categogy-onsale,
.categogy-separate .categogy-sort,
.categogy-separate .categogy-show {
    padding-top: 0;
    padding-bottom: 0;
}

.categogy-separate .categogy-main {
    background-color: #f7f8fa;
    padding-top: 40px;
    margin-bottom: 30px;
}

.categogy-separate .categogy-main .container {
    position: relative;
    overflow: hidden;
}

.categogy-separate .categogy-main.active .categogy-widget {
    transform: translate(0, 0);
}

.categogy-separate .categogy-widget {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    padding: 40px 30px;
    max-width: 100%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow-y: auto;
    height: 100vh;
    background-color: white;
}

.categogy-separate .categogy-widget #close-widget-product {
    position: absolute;
    top: 10px;
    right: 18px;
    width: 36px;
    height: 36px;
    color: #103178;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.categogy-separate .widget-block {
    border-bottom: none;
}

.categogy-separate .widget-block .widget-content {
    display: block;
}

.categogy-separate .widget-block .block-control {
    display: none;
}

.categogy-separate .categogy-product {
    padding-left: 0;
    transition: padding 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), min-height 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.categogy-separate .product-standard {
    background-color: white;
    margin: 0 5px 10px;
}

.categogy-separate .product-standard .product-title {
    min-height: 50px;
}

.categogy-separate .product-standard .product-title a {
    font-weight: 600;
}

.categogy-separate .product-standard .product-desc {
    display: block;
}

.categogy-separate .menu-mobile .sub-menu {
    background-color: transparent;
}

.categogy-separate .categogy-show {
    display: none;
}

.categogy-separate .categogy-sort {
    flex-grow: 1;
    text-align: right;
}

@media (min-width: 768px) {
    .categogy-separate .categogy-main.active .categogy-product {
        padding-left: calc(20% + 15px);
    }

    .categogy-separate .categogy-widget {
        position: absolute;
        background-color: transparent;
        height: auto;
        width: calc(20% + 30px);
        padding: 0;
    }

    .categogy-separate .categogy-widget #close-widget-product {
        display: none;
    }

    .categogy-separate .categogy-show {
        display: inline-block;
    }

    .categogy-separate .product-standard {
        margin: 0 10px 20px;
    }
}

.categogy-list {
    padding-top: 30px;
}

.categogy-list .product-list {
    margin-bottom: 10px;
}

.section-latest {
    margin-bottom: 50px;
}

.section-latest .section-title {
    color: #103178;
    font-weight: bold;
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}

.section-latest .section-carousel {
    padding-bottom: 50px;
    border-radius: 4px;
}

.section-latest .section-product {
    border-left: 1px solid #f0f2f5;
}

.section-latest .owl-carousel {
    border: 1px solid #f0f2f5;
    border-radius: 4px;
}

.section-latest .owl-carousel .owl-dots {
    bottom: -50px;
}

.section-latest .owl-carousel .owl-nav {
    display: none;
}

.section-latest .owl-carousel .owl-nav .owl-prev {
    margin-left: -30px;
}

.section-latest .owl-carousel .owl-nav .owl-next {
    margin-right: -30px;
}

.section-latest .owl-carousel .owl-item:not(.active) + .owl-item.active .section-product {
    border-left: none;
}

@media (min-width: 1024px) {
    .section-latest .section-title {
        font-size: 40px;
    }

    .section-latest .owl-carousel .owl-nav {
        display: block;
    }
}

.section-latest-horizontal .section-title {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #103178;
    text-align: center;
    font-weight: 600;
}

.section-latest-horizontal .section-content {
    border-top: 1px solid #f0f2f5;
    border-right: 1px solid #f0f2f5;
}

.section-latest-horizontal .section-product {
    border-left: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5;
    height: 100%;
}

.section-latest-horizontal .section-product .product-title {
    min-height: 50px;
}

.section-latest-horizontal .section-product .product-standard {
    padding-top: 10px;
}

@media (min-width: 1280px) {
    .section-latest-horizontal .section-title {
        font-size: 30px;
        line-height: 40px;
    }
}

.section-also {
    background-image: url("../img/related-bg.jpg");
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
    padding: 70px 0 120px;
}

.section-also .section-title {
    color: #103178;
    text-align: center;
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
}

.section-also .section-carousel {
    background-color: white;
}

.section-also .product-standard {
    border-left: 1px solid #f0f2f5;
}

.section-also .product-standard .product-title {
    min-height: 72px;
}

.section-also .owl-dots {
    bottom: -40px;
}

.section-also .owl-nav {
    display: none;
}

.section-also .owl-nav .owl-prev {
    margin-left: -25px;
}

.section-also .owl-nav .owl-next {
    margin-right: -25px;
}

@media (min-width: 1280px) {
    .section-also .section-title {
        font-size: 30px;
        line-height: 40px;
    }

    .section-also .owl-carousel:hover .owl-nav {
        display: block;
    }
}

.section-deals {
    padding: 30px 0 50px;
}

.section-deals .section-header {
    margin-bottom: 20px;
}

.section-deals .section-title {
    line-height: 50px;
    font-size: 30px;
    font-weight: bold;
    color: #103178;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;
}

.section-deals .countdown .countdown-days {
    display: none;
}

.section-deals .section-carousel {
    border: 3px solid #ff9923;
    border-radius: 5px;
}

.section-deals .owl-carousel .owl-dots {
    bottom: -50px;
    display: none;
}

.section-deals .owl-carousel .owl-nav {
    display: none;
}

.section-deals .owl-carousel .owl-nav .owl-prev {
    margin-left: -30px;
}

.section-deals .owl-carousel .owl-nav .owl-next {
    margin-right: -30px;
}

.section-deals .owl-carousel .owl-item:not(.active) + .owl-item.active .section-product {
    border-left: none;
}

.section-deals .section-product {
    border-left: 1px solid #f0f2f5;
}

@media (min-width: 768px) {
    .section-deals .section-header {
        display: flex;
        justify-content: center;
    }

    .section-deals .countdown {
        width: auto;
        margin-left: 30px;
    }

    .section-deals .section-title {
        margin-bottom: 0;
    }

    .section-deals .owl-carousel:hover .owl-nav {
        display: block;
    }
}

@media (min-width: 1024px) {
    .section-deals .section-title {
        font-size: 40px;
    }
}

.section-weekdeal {
    padding-bottom: 30px;
}

.section-weekdeal .section-title {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #103178;
    text-align: center;
    font-weight: 600;
}

.section-weekdeal .weekdeal-product {
    border-radius: 4px;
    border: 3px solid #ff9923;
}

.section-weekdeal .countdown {
    height: 80px;
    padding-top: 20px;
}

.section-weekdeal .countdown .countdown-days {
    display: none;
}

@media (min-width: 768px) {
    .section-weekdeal .countdown .countdown-block {
        margin: 5px;
    }

    .section-weekdeal .countdown .countdown-block:not(:last-child)::after {
        right: -10px;
    }

    .section-weekdeal .countdown .countdown-hours {
        margin-left: 0;
    }

    .section-weekdeal .countdown .countdown-seconds {
        margin-right: 0;
    }
}

@media (min-width: 1280px) {
    .section-weekdeal .section-title {
        font-size: 30px;
        line-height: 40px;
    }

    .section-weekdeal .countdown .countdown-block {
        margin: 8px;
    }

    .section-weekdeal .countdown .countdown-block:not(:last-child)::after {
        right: -12px;
    }
}

.section-sellers {
    padding: 30px 0 50px;
}

.section-sellers .section-title {
    font-size: 30px;
    line-height: 34px;
    color: #103178;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}

.section-sellers .section-tab .nav-tabs {
    margin-bottom: 20px;
    justify-content: center;
    border: none;
}

.section-sellers .section-tab .nav-link {
    color: #103178 !important;
    padding: 0 20px 10px;
    font-size: 22px;
    line-height: 26px;
    border: none;
}

.section-sellers .section-tab .nav-link.active {
    font-weight: bold;
    text-decoration: underline;
}

.section-sellers .section-tab .tab-content {
    border: 1px solid #f0f2f5;
    border-radius: 4px;
}

.section-sellers .section-tab .section-product {
    border-left: 1px solid #f0f2f5;
}

.section-sellers .section-tab .owl-item:not(.active) + .owl-item.active .section-product {
    border-left: none;
}

.section-sellers .owl-nav {
    display: none;
}

.section-sellers .owl-dots {
    bottom: -40px;
}

@media (min-width: 1024px) {
    .section-sellers .section-title {
        font-size: 40px;
        line-height: 50px;
    }

    .section-sellers .section-tab .nav-link {
        font-size: 24px;
        line-height: 30px;
    }
}

.section-seller-diagnosis {
    padding-bottom: 50px;
}

.section-seller-diagnosis .section-title {
    color: #103178;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: 600;
}

.section-seller-diagnosis .section-carousel {
    border: 3px solid #ff9923;
    border-radius: 4px;
}

.section-seller-diagnosis .product-standard {
    border-left: 1px solid #f0f2f5;
}

.section-seller-diagnosis .owl-nav,
.section-seller-diagnosis .owl-dots {
    display: none;
}

.section-seller-diagnosis .owl-nav .owl-next {
    margin-right: -25px;
}

.section-seller-diagnosis .owl-nav .owl-prev {
    margin-left: -25px;
}

@media (min-width: 1280px) {
    .section-seller-diagnosis .section-title {
        font-size: 24px;
    }

    .section-seller-diagnosis .owl-nav {
        display: block;
    }
}

.section-face-mask {
    margin-bottom: 40px;
}

.section-face-mask .section-title {
    margin-bottom: 25px;
    color: #103178;
    font-size: 22px;
    font-weight: 600;
}

.section-face-mask .section-carousel {
    border: 3px solid #ff9923;
    border-radius: 4px;
}

.section-face-mask .owl-nav,
.section-face-mask .owl-dots {
    display: none;
}

.section-face-mask .product-standard {
    border-left: 1px solid #f0f2f5;
}

.section-face-mask .product-standard .product-title {
    min-height: 50px;
}

.section-face-mask .owl-item:not(.active) + .owl-item.active .product-standard {
    border-left: none;
}

@media (min-width: 1280px) {
    .section-face-mask .section-title {
        font-size: 24px;
        line-height: 30px;
    }
}

.section-featured {
    padding: 30px 0 50px;
}

.section-featured .section-title {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 34px;
    color: #103178;
    text-align: center;
    font-weight: 600;
}

.section-featured .shop-more {
    display: none;
    margin-top: 30px;
    text-align: center;
}

.section-featured .shop-more a {
    border: 1px solid #f0f2f5;
    color: #103178;
    padding: 3px 10px;
    min-width: 80px;
    font-size: 14px;
    border-radius: 40px;
}

.section-featured .section-content .row {
    border-top: 1px solid #f0f2f5;
    border-right: 1px solid #f0f2f5;
    border-radius: 4px;
    overflow: hidden;
}

.section-featured .section-product {
    border-left: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5;
    height: 100%;
}

.section-featured .section-product .product-title {
    overflow: hidden;
}

@media (min-width: 992px) {
    .section-featured .col-lg-2dot4 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1024px) {
    .section-featured .section-title {
        font-size: 40px;
        line-height: 50px;
    }
}

.section-choose-style {
    background-image: url("../img/related-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0;
}

.section-choose-style .section-title {
    font-size: 30px;
    line-height: 34px;
    color: #103178;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.section-choose-style .section-product {
    padding: 0 5px 5px;
    flex-grow: 1;
    width: 50%;
}

.section-choose-style .section-content {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    margin-left: -5px;
    margin-right: -5px;
}

.section-choose-style .product-standard {
    border-radius: 4px;
}

.section-choose-style .product-standard .product-title {
    margin-bottom: 15px;
}

.section-choose-style .product-standard .product-desc {
    display: block;
    margin-bottom: 20px;
}

.section-choose-style .product-standard .product-meta {
    margin-bottom: 10px;
}

.section-choose-style .product-standard .product-content .product-actions {
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .section-choose-style .section-product {
        padding: 0 10px;
        width: 33.3333333333%;
    }
}

@media (min-width: 1024px) {
    .section-choose-style .section-title {
        font-size: 40px;
    }

    .section-choose-style .section-content {
        max-width: 990px;
        margin: auto;
    }

    .section-choose-style .section-product {
        padding: 0 15px;
    }

    .section-choose-style .product-standard .product-content .product-actions {
        display: block;
    }

    .section-choose-style .product-standard .product-content .product-item {
        display: none;
    }

    .section-choose-style .product-standard .product-content .product-cart {
        display: block;
    }
}

.section-black-style {
    background-image: url("../img/rounds.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0;
}

.section-black-style .section-title {
    font-size: 30px;
    line-height: 34px;
    color: #103178;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.section-black-style .section-product {
    padding: 0 5px 5px;
    flex-grow: 1;
    width: 50%;
}

.section-black-style .section-content {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    margin-left: -5px;
    margin-right: -5px;
}

.section-black-style .product-standard {
    background-color: transparent;
    text-align: center;
}

.section-black-style .product-standard .product-branch,
.section-black-style .product-standard .product-rating {
    display: none;
}

.section-black-style .product-standard .product-title {
    min-height: auto;
    color: #222;
    margin-bottom: 8px;
}

.section-black-style .product-standard .product-meta {
    margin-bottom: 15px;
}

.section-black-style .product-standard .product-price {
    color: #222;
    font-size: 20px;
}

.section-black-style .product-standard .product-price.sale {
    color: #ff9923;
}

.section-black-style .product-standard .product-del {
    color: #222;
    font-size: 16px;
}

.section-black-style .product-standard .product-content .product-actions,
.section-black-style .product-standard .product-content .product-cart,
.section-black-style .product-standard .product-content .product-quantity {
    display: block;
}

.section-black-style .product-standard .product-content .product-item {
    display: none;
}

.section-black-style .product-standard .product-quantity {
    margin-bottom: 10px;
}

.section-black-style .product-standard .product-cart .btn {
    min-width: 0;
    width: 100%;
    font-weight: 500;
    padding: 8px 10px;
    font-size: 100%;
    line-height: 24px;
}

@media (min-width: 768px) {
    .section-black-style .section-product {
        padding: 0 10px;
        width: 33.3333333333%;
    }

    .section-black-style .product-standard .product-quantity {
        width: 172px;
        margin: 0 auto 10px;
    }

    .section-black-style .product-standard .product-cart .btn {
        min-width: 172px;
        width: auto;
    }
}

@media (min-width: 1024px) {
    .section-black-style .section-title {
        font-size: 40px;
    }

    .section-black-style .section-content {
        max-width: 990px;
        margin: auto;
    }

    .section-black-style .section-product {
        padding: 0 15px;
    }

    .section-black-style .product-standard .product-cart .btn {
        padding: 10px;
        font-size: 115%;
        min-width: 172px;
    }

    .section-black-style .product-standard .product-quantity .number-input button {
        padding: 16px;
    }
}

.section-reviews {
    margin: 30px 0 50px;
    padding: 60px 10px 100px;
    background-image: url("../img/roundbg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fdf6ed;
}

.section-reviews .section-title {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 34px;
    color: #103178;
    text-align: center;
    font-weight: 600;
}

.section-reviews .section-title img {
    display: block;
    margin: 0 auto;
    width: 80px;
    margin-bottom: 10px;
}

.section-reviews .section-content .owl-item {
    padding: 0 15px;
}

.section-reviews .section-content .owl-carousel {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
}

.section-reviews .section-content .owl-nav {
    display: none;
}

.section-reviews .section-content .owl-dots {
    bottom: -40px;
}

@media (min-width: 992px) {
    .section-reviews {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-reviews .section-content .owl-carousel {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media (min-width: 1024px) {
    .section-reviews .section-title {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (min-width: 1280px) {
    .section-reviews {
        padding-left: 5px;
        padding-right: 5px;
    }

    .section-reviews .section-content .owl-carousel {
        width: calc(100vw + 240px);
        margin-left: calc(-50vw + 50% - 120px);
        margin-right: calc(-50vw + 50% - 120px);
    }
}

@media (min-width: 1350px) {
    .section-reviews {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.review {
    background-color: white;
    font-size: 18px;
    line-height: 26px;
    border-radius: 4px;
    padding: 30px;
    color: #000;
    height: 310px;
}

.review-text {
    margin-bottom: 15px;
    font-style: italic;
}

.review-name {
    font-weight: 600;
    font-family: Fortescue Display;
}

.review-review {
    font-size: 14px;
    margin-top: 0px;
}

.review-review .br-widget {
    height: auto;
}

.review-review .br-widget a {
    font-size: 14px;
}

.reviews-2 {
    background-image: none;
    background-color: white;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.reviews-2 .section-carousel {
    padding-top: 110px;
    padding-bottom: 110px;
}

.reviews-2 .section-thumbnail {
    width: 100%;
}

.reviews-2 .review {
    background-color: #f0f2f5;
}

@media (min-width: 768px) {
    .reviews-2 .section-thumbnail {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (min-width: 1280px) {
    .reviews-2 .section-thumbnail {
        top: auto;
        bottom: 0;
        transform: translateY(0);
    }

    .reviews-2 .section-title {
        text-align:center;
    }

    .reviews-2 .section-content .owl-carousel {
        width: 100%;
        margin: auto;
    }
}

.review-product {
    padding: 20px;
    border: 1px solid #d9dee8;
    color: #103178;
}

.review-product .review-row {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.review-product .review-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.review-product .review-info {
    padding: 0 25px;
}

.review-product .review-name,
.review-product .review-date {
    font-weight: bold;
    font-size: 90%;
    line-height: 20px;
}

.review-product .review-date {
    color: #5b6c8f;
}

.review-product .review-rating .br-widget a {
    font-size: 14px;
}

.review-product .review-rating .br-widget .br-selected::after {
    color: #ff9923;
}

.review-product .review-desc {
    flex: 0 0 100%;
    margin-top: 20px;
}

.review-product .review-desc p {
    font-size: 16px;
    margin-bottom: 0;
    color: #103178;
}

.review-product .review-reply {
    color: #103178;
    font-weight: 600;
    display: inline-block;
    text-decoration: underline;
    font-size: 16px;
    margin-top: 8px;
}

@media (min-width: 768px) {
    .review-product .review-desc {
        margin-top: 0;
        flex: 0 0 50%;
        padding-left: 20px;
    }

    .review-product .review-info {
        padding: 0 15px;
    }
}

@media (min-width: 1280px) {
    .review-product {
        padding: 30px;
    }

    .review-product .review-avatar img {
        width: 60px;
        height: 60px;
    }

    .review-product .review-info {
        padding: 0 25px;
    }

    .review-product .review-desc {
        flex: 0 0 65%;
        padding-left: 30px;
    }
}

.section-review-product {
    padding: 80px 0 50px;
}

.section-review-product .section-title {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #103178;
    font-weight: 600;
}

.section-review-product .section-toggle {
    text-decoration: underline;
    color: #103178;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
    display: inline-block;
}

.section-review-product .section-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.section-review-product .section-list .review {
    border: 1px solid #f0f2f5;
    border-radius: 4px;
}

.section-review-product .section-list li {
    margin-bottom: 10px;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.section-review-product .form-review {
    display: none;
    padding-bottom: 50px;
}

.section-review-product .form-review .form-title {
    display: none;
}

@media (min-width: 768px) {
    .section-review-product .section-list {
        -moz-columns: 3;
        columns: 3;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}

@media (min-width: 1280px) {
    .section-review-product .section-title {
        font-size: 30px;
        line-height: 40px;
    }

    .section-review-product .section-list {
        -moz-column-gap: 30px;
        column-gap: 30px;
    }

    .section-review-product .section-list li {
        margin-bottom: 30px;
    }
}

.reviews-3 {
    border-top: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5;
    padding: 80px 0;
    background-image: none;
    margin-top: 0;
    background-color: white;
    margin-bottom: 0;
}

.reviews-3 .review .review-review {
    margin-top: 0;
}

.reviews-3 .review .review-thumbnail img {
    margin: 15px 8px 5px 0;
    max-height: 53px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
}

.reviews-3 .review .review-text {
    margin-bottom: 0;
}

.reviews-3 .review .review-author {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.reviews-3 .review .review-image {
    margin-right: 15px;
    display: inline-block;
}

.reviews-3 .review .review-image img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
}

.reviews-3 .review .review-name {
    font-size: 90%;
    color: #222;
    margin-right: 10px;
}

.reviews-3 .review .review-date {
    color: #4d4d4d;
    font-size: 80%;
}

.reviews-3 .section-list {
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.reviews-3 .section-list li {
    border: 1px solid #f0f2f5;
    margin-bottom: 10px;
    border-radius: 4px;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

@media (min-width: 768px) {
    .reviews-3 .section-list {
        -moz-columns: 2;
        columns: 2;
    }

    .reviews-3 .section-list li {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .reviews-3 .section-list {
        -moz-columns: 3;
        columns: 3;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }

    .reviews-3 .section-list li {
        margin-bottom: 30px;
    }
}

.section-instagram {
    padding: 30px 0 50px;
}

.section-instagram .section-title strong {
    font-weight: 500;
    color: #3b9d95;
}

.section-instagram .section-title {
    color: #000;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 500;
    font-family: Fortescue Display;
}

.section-instagram .section-content .col-6 {
    padding: 4px;
}

.image-transition {
    position: relative;
    height: 100%;
    display: block;
    overflow: hidden;
}

.image-transition img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 800ms ease 0s;
}

.image-transition .image-overlay {
    font-size: 24px;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .3s ease;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.image-transition:hover::before {
    background-color: rgba(16, 49, 120, 0.6);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.image-transition:hover .image-overlay {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    z-index: 3;
}

.image-transition:hover img {
    transform: scale(1.1, 1.1);
}

.section-newsletter {
    background-image: url("../img/newsletter-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px 0 60px;
}

.section-newsletter .section-title {
    margin-bottom: 30px;
    color: #103178;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    font-weight: 600;
}

.section-newsletter .section-text {
    color: #103178;
    margin-bottom: 25px;
    font-size: 22px;
    line-height: 30px;
}

@media (min-width: 1024px) {
    .section-newsletter .section-title {
        font-size: 40px;
        line-height: 50px;
    }

    .section-newsletter .section-text {
        font-size: 24px;
    }
}

.section-newsletter-full {
    background-image: url("../img/bg-newsletter.jpg");
    margin-bottom: 80px;
    padding: 140px 0;
}

.section-newsletter-full .section-title {
    color: white;
    text-align: left;
}

.section-newsletter-full .form-subscribe .form-control {
    max-width: 100%;
}

.section-newsletter-full .form-subscribe .input {
    color: #222;
}

.section-newsletter-full .form-subscribe .input::-moz-placeholder {
    color: #222;
}

.section-newsletter-full .form-subscribe .input:-ms-input-placeholder {
    color: #222;
}

.section-newsletter-full .form-subscribe .input::placeholder {
    color: #222;
}

@media (min-width: 768px) {
    .section-newsletter-full .section-content {
        width: 50%;
    }
}

.section-categories {
    padding: 30px 0 50px;
}

.section-categories .section-title {
    color: #103178;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    font-weight: 600;
}

.section-categories .categories-list {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    justify-content: center;
}

.section-categories .categories-item {
    width: 33.3333%;
    height: 100%;
    padding: 0 15px;
    text-align: center;
}

.section-categories .categories-link {
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #f0f2f5;
    background-color: #f0f2f5;
    text-align: center;
}

.section-categories .categories-link img {
    max-width: 30px;
}

.section-categories .categories-link:hover {
    background-color: white;
    border-color: #103178;
}

.section-categories .categories-name {
    line-height: 26px;
    font-size: 16px;
    color: #103178;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    display: block;
}

.section-categories .categories-name:hover {
    color: #ff9923;
}

.section-categories .categories-show {
    padding: 3px 10px;
    min-width: 90px;
    font-size: 14px;
    background-color: white;
    color: #103178;
    border: 1px solid #f0f2f5;
    border-radius: 40px;
    font-weight: 600;
    display: inline-block;
}

.section-categories .categories-show:hover {
    background-color: #ff9923;
    color: white;
    border-color: #ff9923;
}

@media (min-width: 768px) {
    .section-categories .categories-item {
        width: 20%;
    }
}

@media (min-width: 992px) {
    .section-categories .categories-item {
        width: 14.285%;
    }
}

@media (min-width: 1280px) {
    .section-categories .section-title {
        font-size: 24px;
        line-height: 30px;
    }
}

.section-blog {
    overflow: hidden;
    padding-bottom: 50px;
}

.section-blog .section-title {
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 26px;
    color: #103178;
    text-align: center;
    font-weight: 600;
}

.section-blog .section-carousel {
    margin-left: -15px;
    margin-right: -15px;
}

.section-blog .section-carousel .owl-nav,
.section-blog .section-carousel .owl-dots {
    display: none;
}

.section-blog .section-item {
    padding: 0 15px;
}

.blog .blog-title {
    color: #103178;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 22px;
}

.blog .pagination {
    padding: 10px 0 80px;
}

.blog .blog-content {
    padding-top: 20px;
}

.blog .blog-latset .blog-thumbnail:hover img {
    transform: none;
}

@media (min-width: 768px) {
    .blog .blog-title {
        font-size: 45px;
        line-height: 50px;
    }
}

@media (min-width: 1280px) {
    .blog .blog-title {
        font-size: 50px;
        line-height: 60px;
    }
}

.blog-sidebar .blog-latset {
    margin-bottom: 60px;
}

.blog-sidebar .blog-latset .blog-desc {
    display: block;
}

.blog-sidebar .blog-latset .blog-content {
    padding-bottom: 0;
}

.blog-sidebar .blog-latset .blog-title {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
}

.blog-sidebar .blog-latset:not(:first-child) {
    padding-top: 60px;
    border-top: 1px solid #f0f2f5;
}

@media (min-width: 1280px) {
    .blog-sidebar .blog-latset .blog-title {
        font-size: 40px;
        line-height: 50px;
    }
}

.blog-gird {
    overflow: hidden;
}

.blog-gird .blog-latset {
    padding: 60px 15px;
    border-top: 1px solid #f0f2f5;
}

.blog-gird .blog-latset .blog-desc {
    display: block;
}

.blog-gird .blog-latset .blog-content {
    padding-bottom: 0;
}

.blog-gird .blog-latset .blog-title {
    font-size: 22px;
    line-height: 26px;
}

@media (min-width: 1280px) {
    .blog-gird .blog-latset .blog-title {
        font-size: 24px;
        line-height: 30px;
    }
}

.page-notfound .page-name {
    font-size: 100px;
    line-height: 100px;
    color: #103178;
    margin-bottom: 20px;
}

.page-notfound .page-content {
    text-align: center;
}

.page-notfound .page-content img {
    width: 60%;
    margin: auto;
    display: block;
}

.page-notfound .page-content h5 {
    font-size: 24px;
    color: #103178;
    margin-bottom: 20px;
}

.page-notfound .page-content p {
    color: #5b6c8f;
    margin-bottom: 20px;
    font-size: 14px;
}

.page-notfound .page-content .btn {
    min-width: 220px;
    font-size: 16px;
    width: auto;
    text-transform: initial;
}

.page-notfound .section-latest {
    padding-top: 80px;
}

@media (min-width: 768px) {
    .page-notfound .page-content {
        text-align: left;
    }

    .page-notfound .page-content .row {
        flex-direction: row-reverse;
    }

    .page-notfound .page-content img {
        width: 80%;
    }

    .page-notfound .page-content h5 {
        font-size: 26px;
        line-height: 30px;
    }

    .page-notfound .page-name {
        font-size: 120px;
        line-height: 120px;
    }
}

@media (min-width: 992px) {
    .page-notfound .page-content h5 {
        font-size: 34px;
        line-height: 40px;
    }

    .page-notfound .page-name {
        font-size: 150px;
        line-height: 150px;
    }
}

@media (min-width: 1280px) {
    .page-notfound .page-name {
        font-size: 200px;
        line-height: 200px;
    }

    .page-notfound .page-content h5 {
        font-size: 50px;
        line-height: 60px;
    }

    .page-notfound .page-content p {
        font-size: 24px;
        line-height: 30px;
    }

    .page-notfound .page-content .btn {
        min-width: 270px;
        font-size: 18px;
    }
}

.preloader {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
}

.preloader .preloader-section {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 50%;
    background-color: white;
    z-index: 1000;
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.preloader .preloader-left {
    left: 0;
    transform: translateX(-100%);
    -webkit-animation: moveleft 0.5s;
    animation: moveleft 0.5s;
}

.preloader .preloader-right {
    right: 0;
    transform: translateX(100%);
    -webkit-animation: moveright 0.5s;
    animation: moveright 0.5s;
}

.preloader .preloader-icon {
    position: relative;
    height: 90px;
    width: 150px;
}

@-webkit-keyframes moveleft {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes moveleft {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveright {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
    }
}

@keyframes moveright {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
    }
}

.page {
    position: relative;
}

.page-product3 .delivery {
    margin-bottom: 80px;
}

.page-product4 .section-latest .owl-nav {
    display: none;
}

@media (min-width: 1280px) {
    .page-product4 .section-latest .owl-nav {
        display: block;
    }

    .page-product4 .section-latest .owl-dots {
        display: none;
    }
}

.page-product5 .product-detail {
    background-color: #f0f2f5;
    padding-top: 40px;
}

.page-product5 .product-detail .product-info {
    background-color: white;
    border-radius: 4px;
    margin-bottom: 40px;
    padding: 30px 20px;
}

.page-product5 .product-detail .product-quantity .number-input {
    margin-bottom: 15px;
}

.page-product5 .product-detail .product-quantity .number-input button {
    padding: 14px;
}

.page-product5 .product-detail .product-group {
    display: flex;
}

.page-product5 .product-detail .product-group h6 {
    margin-right: 15px;
}

.page-product5 .product-detail .product-group a {
    border: 1px solid #f0f2f5;
}

.page-product5 .page-content {
    background-color: white;
    padding-top: 80px;
}

.page-product5 .delivery {
    margin: 80px 0;
}

@media (min-width: 768px) {
    .page-product5 .product-detail .product-info {
        padding: 30px;
    }

    .page-product5 .product-detail .product-quantity .number-input {
        max-width: 40%;
        margin-right: 10px;
        margin-bottom: 0;
    }
}

@media (min-width: 1280px) {
    .page-product5 .product-detail .product-info {
        padding: 40px;
    }
}

.page-product-variable .section-latest {
    background-image: url("../img/related-bg.jpg");
    padding: 70px 0;
    margin-bottom: 30px;
}

.page-product-variable .section-latest .owl-carousel {
    background-color: white;
}

.categogy-promo .section-category-horizontal {
    padding-top: 30px;
}

.categogy-promo .section-category-horizontal .section-title,
.categogy-promo .section-category-horizontal .category-all {
    display: block;
}

.categogy-promo .section-category-horizontal::after {
    display: none;
}

.categogy-promo .section-blog {
    padding-top: 30px;
}

.categogy-promo .branch {
    margin: 30px 0 50px;
}

.categogy-promo .branch .branch-title {
    display: block;
}

.categogy-promo .promo .promo-sale {
    position: absolute;
    top: 50%;
    transform: translate(0, -80%);
    left: 100%;
    font-weight: 700;
    color: #103178;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #FFC800;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}

.categogy-promo .promo .promo-price {
    font-weight: 700;
    color: #ff9923;
}

.categogy-promo .promo .promo-name {
    margin-bottom: 15px;
    font-size: 30px;
}

.categogy-promo .promo .promo-meta {
    margin-bottom: 20px;
}

.categogy-promo .promo .promo-price {
    font-size: 30px;
}

.categogy-promo .promo .promo-btn {
    background-color: #ff9923;
    border-color: #ff9923;
    font-size: 16px;
    padding: 7px 40px;
}

.categogy-promo .promo .promo-del {
    font-size: 18px;
}

.categogy-promo .promo .promo-banner {
    width: auto;
}

@media (min-width: 768px) {
    .categogy-promo .promo .promo-sale {
        width: 100px;
        height: 100px;
        font-size: 35px;
    }

    .categogy-promo .promo .promo-name {
        font-size: 40px;
    }

    .categogy-promo .promo .promo-del {
        font-size: 21px;
    }

    .categogy-promo .promo .promo-price {
        font-size: 40px;
    }
}

@media (min-width: 1280px) {
    .categogy-promo .promo .promo-sale {
        font-size: 45px;
        width: 133px;
        height: 133px;
    }

    .categogy-promo .promo .promo-price,
    .categogy-promo .promo .promo-name {
        font-size: 50px;
    }

    .categogy-promo .promo .promo-del {
        font-size: 25px;
    }

    .categogy-promo .promo .promo-btn {
        font-size: 18px;
        padding: 9px 40px;
    }
}

.about-info {
    padding: 20px 0 30px;
    background: #f3f3f3;
}

.about-info .about-title h4 {
    font-family: Fortescue Display;
}

.about-info .about-title {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 10px;
    text-align: center;
    color: #3b9d95;
    font-weight: 600;
}

.about-info .about-subtitle {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 50px;
    color: #5b6c8f;
    text-align: center;
    font-weight: 500;
}

.about-info .about-extent .col-12 {
    border-top: 1px solid #f0f2f5;
}

.about-info .about-extent .col-12:first-child {
    border-top: none;
}

.page-inner .about .about-info {
    background: #4f6ab6;
}

.page-inner .about .block-about .block-title {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}

.page-inner .about .block-about .block-subtitle {
    color: #fff
}

@media (min-width: 768px) {
    .about-info .about-extent {
        padding-top: 30px;
    }

    .about-info .about-extent .col-12 {
        border-top: none;
        border-right: 1px solid #f0f2f5;
    }

    .about-info .about-extent .col-12:last-child {
        border-right: none;
    }
}

@media (min-width: 1280px) {
    .about-info .about-title {
        font-size: 50px;
        line-height: 60px;
    }

    .about-info .about-subtitle {
        font-size: 24px;
        line-height: 30px;
    }
}

.block-about {
    text-align: center;
    padding: 5px 10px;
}

.block-about .block-icon {
    margin-bottom: 15px;
}

.block-about .block-icon img {
    width: 48px;
    transition: 350ms ease;
}

.block-about .block-icon:hover img {
    filter: grayscale(1);
}

.block-about .block-title {
    font-size: 19px;
    line-height: 26px;
    color: #000;
    font-weight: 500;
    margin: 0px;
}

.block-about .block-subtitle {
    font-size: 20px;
    color: #000;
    font-style: italic;
    font-family: Fortescue Display;
    font-weight: 700;
    line-height: 1.15;
    margin-top: 12px;
}

@media (min-width: 1280px) {
    .block-about .block-title {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
        color: #000;
        line-height: 1.15;
        font-weight: 300;
    }
}

.about-video {
    padding: 50px 0 50px;
    border: none;
}

.about-video .banner {
    height: auto;
}

.about-video .banner .banner-title {
    margin-bottom: 20px;
    font-size: 45px;
    line-height: 60px;
    font-weight: 300;
    color: #202866;
}

.about-video .banner .banner-desc {
    margin-bottom: 30px;
    font-weight: 300;
    color: #000;
    font-size: 19px;
}

.about-video .banner .banner-btn-group {
    margin-bottom: 30px;
    display: flex;
}

.about-video .banner .banner-content {
    padding-bottom: 0;
}

.about-video .banner .banner-thumnail {
    padding-top: 30px;
    text-align: center;
    position: relative;
}

.about-video .banner .banner-btn {
    display: block;
    color: #000;
}

.about-video .banner .banner-image {
    height: auto;
    position: initial;
}

.about-video #video-gallery {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -10px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.about-video .banner-video {
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
}

.about-video .banner-video i {
    color: #103178;
    font-size: x-large;
    margin-left: 5px;
}

@media (min-width: 768px) {
    .about-video .banner .banner-block {
        display: block;
    }

    .about-video .banner .banner-content {
        width: 100%;
    }

    .about-video .banner .banner-image {
        max-width: 380px;
    }
}

@media (min-width: 1280px) {
    .about-video .banner .banner-btn {
        font-size: 16px;
    }

    .about-video .banner .banner-shop {
        font-size: 18px;
    }

    .about-video .banner-video {
        width: 100px;
        height: 100px;
    }

    .about-video .banner-video i {
        font-size: xx-large;
    }

    .about-video #video-gallery {
        margin-left: -50px;
        margin-top: -30px;
    }
}

.about .about-content {
    overflow: hidden;
}

.about .about-title {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: center;
    color: #103178;
}

.about .about-banner {
    background-image: url("../img/Mask-Group.jpg");
    background-size: cover;
    background-position: 60% center;
    background-repeat: no-repeat;
    margin-bottom: 50px;
    padding: 100px 10px;
}

.about .about-banner .banner {
    color: white;
    min-height: 300px;
}

.about .about-banner .banner-title {
    font-size: 30px;
    line-height: 35px;
    color: white;
    font-weight: 600;
    margin-bottom: 25px;
}

.about .about-banner .banner-desc {
    line-height: 32px;
    margin-bottom: 15px;
    font-size: 19px;
    color: white;
}

.about .about-banner .banner-shop {
    font-size: 16px;
    border: 1px solid #103178;
    background-color: #103178;
    color: white;
    font-weight: 500;
    border-radius: 40px;
    padding: 8px 15px;
    display: inline-block;
    min-width: 150px;
    text-align: center;
}

.about .about-banner .banner-shop:hover {
    background-color: white;
    color: #103178;
}

.about .about-project {
    padding: 30px 0px;
}

.about .section-newsletter {
    padding-bottom: 80px;
}

@media (min-width: 768px) {
    .about .about-banner {
        background-position: right center;
    }

    .about .about-banner .banner-desc {
        font-size: 22px;
    }

    .about .about-banner .banner-title {
        font-size: 50px;
        line-height: 55px;
    }

    .about .about-banner .banner {
        width: 80%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
}

@media (min-width: 992px) {
    .about .about-banner .banner {
        width: 60%;
    }
}

.about .section-blog {
    padding-top: 30px;
}

@media (min-width: 1280px) {
    .about .about-title {
        font-size: 50px;
        line-height: 60px;
    }

    .about .about-banner .banner {
        width: 45%;
    }

    .about .about-banner .banner-title {
        font-size: 50px;
        line-height: 60px;
    }

    .about .about-banner .banner-desc {
        font-size: 21px;
    }

    .about .about-banner .banner-shop {
        font-size: 18px;
    }
}

.contact {
    padding-bottom: 30px;
}

.contact .contact-content {
    padding: 20px 0 50px;
}

.contact .contact-title {
    font-size: 34px;
    line-height: 40px;
    color: #103178;
    margin-bottom: 20px;
    font-weight: 600;
}

.contact .contact-text {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 25px;
    color: #5b6c8f;
    margin-bottom: 20px;
}

.contact .contact-fax {
    color: #103178;
    font-size: 22px;
    line-height: 26px;
    padding-top: 25px;
    border-top: 1px solid #f0f2f5;
    font-weight: 600;
}

.contact .contact-work {
    color: #5b6c8f;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 24px;
}

.contact .contact-email {
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f2f5;
}

.contact .contact-email a {
    border-radius: 40px;
    color: #103178;
    padding: 8px 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    min-width: 150px;
    display: inline-block;
    border: 1px solid #f0f2f5;
}

.contact .contact-email a:hover {
    color: white;
    background-color: #ff9923;
    border-color: #ff9923;
}

.contact .social {
    margin-bottom: 40px;
    display: flex
}

.contact .section-instagram {
    padding-top: 80px;
}

@media (min-width: 960px) {
    .contact .contact-title {
        font-size: 45px;
        line-height: 50px;
    }

    .contact .contact-info {
        padding-right: 10px;
    }

    .contact .contact-map {
        padding-left: 20px;
    }
}

@media (min-width: 1280px) {
    .contact .contact-title {
        font-size: 50px;
        line-height: 60px;
    }

    .contact .contact-fax {
        font-size: 24px;
        line-height: 30px;
    }

    .contact .contact-email a {
        font-size: 18px;
    }
}

.coming {
    background-image: url("../img/comming-soon-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 100vh;
    height: 100vh;
}

.coming .container {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
}

.coming .logo {
    position: absolute;
    top: 30px;
    left: 15px;
}

.coming .logo img {
    max-width: 144px;
}

.coming-title {
    color: white;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 20px;
}

.coming-text {
    font-size: 24px;
    margin-bottom: 24px;
    color: white;
}

.coming .countdown {
    text-align: left;
}

.coming .countdown-block::after {
    color: white;
}

.coming .countdown-ref {
    display: block;
    color: white;
    font-size: 14px;
    margin-top: 8px;
}

.coming .countdown-content {
    height: 80px;
}

.coming .countdown-number {
    font-size: 20px;
}

.coming .countdown-number span {
    min-width: 26px;
}

@media (min-width: 768px) {
    .coming-title {
        font-size: 70px;
        line-height: 80px;
    }

    .coming .countdown-number span {
        min-width: 30px;
        height: 44px;
        line-height: 44px;
    }

    .coming .countdown-content {
        height: 100px;
    }

    .coming .countdown-block:not(:last-child)::after {
        top: 6px;
    }
}

@media (min-width: 1280px) {
    .coming .countdown-number {
        font-size: 26px;
    }

    .coming .countdown-number span {
        min-width: 40px;
        height: 60px;
        line-height: 60px;
    }

    .coming .countdown-block:not(:last-child)::after {
        top: 15px;
    }

    .coming .logo img {
        max-width: 220px;
    }
}

.wishlist .wishlist-title {
    margin-bottom: 30px;
    color: #103178;
    font-size: 26px;
    line-height: 30px;
}

.wishlist .wishlist-list li {
    margin-bottom: 10px;
}

.wishlist .wishlist-table {
    display: none;
}

.wishlist .wishlist-share {
    padding-top: 30px;
    margin-bottom: 100px;
}

.wishlist .wishlist-share label {
    color: #103178;
    font-weight: 600;
    margin-right: 10px;
    font-size: 16px;
}

.wishlist .social-color {
    display: inline-block;
}

.wishlist .social-color .social-email,
.wishlist .social-color .social-whatsapp {
    display: inline-block;
}

.wishlist .social-color .social-linkedin,
.wishlist .social-color .social-reddit {
    display: none;
}

.wishlist .social-color .social-link {
    border-radius: 50%;
}

.wishlist .social-color li {
    margin: 0 2px 8px;
}

@media (min-width: 992px) {
    .wishlist .wishlist-list {
        display: none;
    }

    .wishlist .wishlist-table {
        display: block;
    }
}

@media (min-width: 1280px) {
    .wishlist .wishlist-title {
        font-size: 30px;
        line-height: 40px;
    }
}

.account {
    min-height: 500px;
}

.account .form-review {
    margin: 20px 0 80px;
}

.account .form-group {
    margin-bottom: 25px;
}

.account .form-group .toogle-password {
    min-width: 30px;
    padding-right: 10px;
    background-color: #f0f2f5;
    display: inline-flex;
    align-items: center;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    font-size: 14px;
}

.account .form-title {
    margin-bottom: 30px;
}

.account .account-link {
    display: inline-block;
    margin-top: 25px;
    color: #103178;
    text-decoration: underline;
}

.account .form-label {
    font-weight: 400;
    font-size: 16px;
}

.account .form-check {
    display: inline-block;
    margin-left: 30px;
}

.account .form-check label {
    margin-top: 4px;
}

.account .form-check label::before {
    margin-right: 10px;
    content: '';
}

.account .btn {
    font-weight: 500;
}

.account .form-text {
    color: #103178;
    line-height: 20px;
    font-size: 14px;
    margin-top: 15px;
}

.lost-password .lost-password-content {
    padding-top: 20px;
    min-height: 500px;
}

.lost-password .lost-password-text {
    color: #103178;
    font-size: 16px;
    margin-bottom: 25px;
}

.lost-password .form-group {
    margin-bottom: 25px;
}

.lost-password .form-label {
    font-weight: 400;
    font-size: 16px;
}

.lost-password .btn {
    font-weight: 500;
}

@media (min-width: 960px) {
    .lost-password .form-group {
        width: 50%;
    }
}

.checkout .checkout-title {
    color: #103178;
    font-size: 34px;
    line-height: 40px;
}

.checkout .checkout-text {
    color: #5b6c8f;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
}

.checkout .checkout-text a {
    color: #103178;
    font-weight: 600;
}

.checkout .checkout-wapper {
    margin-bottom: 30px;
}

.checkout .checkout-content {
    padding-top: 40px;
}

.checkout .checkout-group {
    margin-bottom: 20px;
}

.checkout .checkout-label {
    color: #103178;
    margin-bottom: 5px;
    font-size: 14px;
    display: block;
}

.checkout .checkout-heading {
    color: #103178;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
}

.checkout .input,
.checkout .textarea {
    border-radius: 40px;
    height: 44px;
    border: none;
    width: 100%;
    background-color: #f0f2f5;
    color: #5b6c8f;
    font-size: 14px;
    padding: 10px 20px;
}

.checkout .input::-moz-placeholder,
.checkout .textarea::-moz-placeholder {
    color: #5b6c8f;
    font-size: 14px;
}

.checkout .input:-ms-input-placeholder,
.checkout .textarea:-ms-input-placeholder {
    color: #5b6c8f;
    font-size: 14px;
}

.checkout .input::placeholder,
.checkout .textarea::placeholder {
    color: #5b6c8f;
    font-size: 14px;
}

.checkout .input:focus,
.checkout .textarea:focus {
    box-shadow: none;
}

.checkout .textarea {
    height: auto;
}

.checkout .checkout-form {
    border: 1px solid #f0f2f5;
    padding: 15px 20px 20px;
    border-radius: 4px;
    margin-bottom: 50px;
}

.checkout .checkout-order {
    border: 3px solid #ff9923;
    border-radius: 4px;
    padding: 25px 20px 30px;
    margin-bottom: 50px;
}

.checkout .checkout-order .form-check label {
    color: #5b6c8f;
}

.checkout .checkout-row {
    display: flex;
    border-bottom: 1px solid #f0f2f5;
    padding: 15px 0;
    justify-content: space-between;
    align-items: center;
}

.checkout .toogle-password {
    min-width: 30px;
    padding-right: 10px;
    background-color: #f0f2f5;
    display: inline-flex;
    align-items: center;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    font-size: 14px;
}

.checkout .input-group input {
    width: auto;
    flex-grow: 1;
}

.checkout .label-danger {
    color: #f00000;
}

.checkout .hidden {
    display: none;
}

.checkout .form-check label {
    margin-top: 4px;
    color: #103178;
    font-size: 14px;
}

.checkout .form-check label::before {
    content: "";
    margin-right: 10px;
}

.checkout .form-check label span {
    font-weight: 600;
    color: #103178;
}

.checkout .form-check label img {
    max-width: 100px;
    margin: 0 5px;
}

.checkout .form-check input:focus {
    box-shadow: none;
}

.checkout .title {
    color: #103178;
    font-weight: 600;
    font-size: 14px;
}

.checkout .product-price {
    color: #103178;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    min-width: 100px;
    text-align: right;
}

.checkout .product-name {
    color: #103178;
    font-size: 14px;
}

.checkout .product-name span {
    font-weight: 600;
}

.checkout .checkout-payment {
    padding-top: 15px;
}

.checkout .btn {
    padding: 10px 25px;
    text-transform: initial;
    font-weight: 500;
    height: 44px;
    font-size: 16px;
    margin-top: 15px;
}

.checkout .payment-method {
    margin-bottom: 15px;
    position: relative;
}

.checkout .payment-method .note {
    background-color: #f0f2f5;
    color: #5b6c8f;
    border-radius: 4px;
    padding: 18px 25px;
    margin-top: 10px;
    position: relative;
}

.checkout .payment-method .note::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 10%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f0f2f5;
}

.checkout .paypal-method {
    margin-bottom: 15px;
}

.checkout .paypal-method label {
    margin-top: 0;
}

@media (min-width: 767px) {
    .checkout .checkout-form {
        padding: 15px 20px 20px;
    }
}

@media (min-width: 992px) {
    .checkout .checkout-title {
        font-size: 45px;
        line-height: 50px;
    }
}

@media (min-width: 1280px) {
    .checkout .checkout-title {
        font-size: 50px;
        line-height: 60px;
    }

    .checkout .checkout-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .checkout .input {
        font-size: 16px;
        height: 46px;
    }

    .checkout .input:hover {
        font-size: 16px;
    }

    .checkout .checkout-form {
        padding: 25px 30px 30px;
        margin-bottom: 90px;
    }

    .checkout .checkout-order {
        margin-bottom: 90px;
    }

    .checkout .btn {
        height: 46px;
        font-size: 18px;
    }
}

.scroll-top {
    display: none;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 60px;
    right: 20px;
    padding: 0;
}

.scroll-top i {
    color: white;
    font-size: 22px;
    line-height: 40px;
    font-weight: 600;
}

.scroll-top:focus {
    outline: none;
    box-shadow: none;
}

.scroll-top:hover {
    background-color: #103178;
}

@media (min-width: 768px) {
    .scroll-top {
        bottom: 20px;
    }
}

.compare .compare-content {
    padding: 20px 0 40px;
}

.compare-product .compare-table {
    padding: 0;
}

.compare-product .compare-header {
    background-color: #103178;
    padding: 14px 20px;
}

.compare-product .compare-header h2 {
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 0;
}

.compare-product .table th {
    color: #103178;
    font-weight: 600;
    width: 150px;
    font-size: 14px;
    padding: 20px;
    border-color: #f0f2f5;
}

.compare-product .table td {
    padding: 20px;
    font-size: 14px;
    color: #5b6c8f;
    min-width: 220px;
}

.compare-product .table .product-list li {
    color: #5b6c8f;
    padding: 8px 0;
    font-size: 14px;
}

.compare-product .table .product-list li:first-child {
    padding-top: 0;
}

.compare-product .table .product-list li:last-child {
    padding-bottom: 0;
}

.compare-product .table .product-text {
    color: #5b6c8f;
    font-size: 14px;
    margin-bottom: 0;
}

.compare-product .table .check-line::before {
    content: '\f00c';
    color: #12a05c;
    font-size: 75%;
    display: inline-block;
    font-weight: 900;
    font: normal normal normal 14px/1 FontAwesome;
    margin: -3px 10px 0 0;
}

.compare-product .table .product-price {
    color: #103178;
    font-weight: 600;
    font-size: 18px;
}

.compare-product .table .product-price.sale {
    color: #ff9923;
}

.compare-product .table .product-del {
    color: #9babcd;
    margin-left: 5px;
    text-decoration: line-through;
    font-weight: 400;
    font-size: 15px;
    margin-left: 0;
    margin-right: 10px;
}

.compare-product .table .product-title {
    line-height: 20px;
    margin-bottom: 12px;
    color: #5b6c8f;
    font-size: 16px;
}

.compare-product .table .product-meta {
    margin-bottom: 12px;
}

.compare-product .table .btn {
    text-transform: initial;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 15px;
    width: auto;
    min-width: 145px;
    margin-bottom: 10px;
}

.compare-product .table .product-thumbnail {
    margin-bottom: 20px;
}

.compare-product .table .product-thumbnail img {
    width: 250px;
}

.compare-product .table .product-thumbnail figure {
    text-align: center;
}

.compare-product .table .product-remove {
    padding: 5px 0 10px;
    text-align: center;
}

.compare-product .table .product-remove a {
    width: 34px;
    height: 34px;
    line-height: 34px;
}

.compare-product .table .product-remove i {
    font-size: 16px;
    line-height: 26px;
    color: #103178;
}

.noti {
    background-color: #103178;
    position: relative;
}

.noti p {
    font-size: 17px;
    line-height: 20px;
    padding: 8px 35px 8px 0;
    text-align: center;
    font-weight: 700;
    color: #103178;
    font-family: Fortescue Display;
}

.noti-close img {
    width: 18px;
    position: relative;
    top: -2px;
}

.noti-close {
    position: absolute;
    top: 8px;
    right: 10px;
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.countdown {
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.countdown-content {
    height: 56px;
    margin: 0 -8px;
    display: inline-block;
}

.countdown-number {
    font-size: 22px;
}

.countdown-number span {
    min-width: 30px;
    height: 40px;
    line-height: 40px;
    background-color: #ff9923;
    color: white;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    margin: 0 1px;
    font-weight: 600;
}

.countdown-number span.first-1st {
    display: none;
}

.countdown-block {
    position: relative;
    margin: 8px;
    float: left;
    width: auto;
}

.countdown-block:not(:last-child)::after {
    content: ":";
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: -12px;
    font-weight: bold;
}

.countdown-ref {
    font-size: 12px;
    text-align: center;
    color: #103178;
    display: none;
}

.social {
    padding: 0;
    margin-top: 30px;
    list-style: none;
}

.social li {
    margin: 5px 9px;
    display: inline-block;
}

.social-link {
    color: #fff;
    position: relative;
    font-size: 20px;
}

.social-link .tooltip {
    color: #fff;
    position: absolute;
    content: "";
    top: -30px;
    left: 50%;
    margin-left: -30px !important;
    height: 20px;
    opacity: 0;
    visibility: hidden;
    padding: 2px 5px;
    width: 60px;
    font-size: 10px;
    transition: 350ms ease 0s;
    text-align: center;
    line-height: 16px;
    white-space: nowrap;
}

.social-link .tooltip::before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -3px;
    border-top: 6px solid #103178;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.social-link.facebook .tooltip {
    background-color: #3B5998;
}

.social-link.facebook .tooltip::before {
    border-top-color: #3B5998;
}

.social-link.instagram .tooltip {
    background-color: #d95766;
}

.social-link.instagram .tooltip::before {
    border-top-color: #d95766;
}

.social-link.youtube .tooltip {
    background-color: #CC181E;
}

.social-link.youtube .tooltip::before {
    border-top-color: #CC181E;
}

.social-link.pinterest .tooltip {
    background-color: #cb2027;
}

.social-link.pinterest .tooltip::before {
    border-top-color: #cb2027;
}

.social-link.linkedin .tooltip {
    background-color: #176DBA;
}

.social-link.linkedin .tooltip::before {
    border-top-color: #176DBA;
}

.social-link.twitter .tooltip {
    background-color: #55acee;
}

.social-link.twitter .tooltip::before {
    border-top-color: #55acee;
}

.social-link.reddit-alien .tooltip {
    background-color: #f84301;
}

.social-link.reddit-alien .tooltip::before {
    border-top-color: #f84301;
}

.social-link.envelope .tooltip {
    background-color: #FBB102;
}

.social-link.envelope .tooltip::before {
    border-top-color: #FBB102;
}

.social-link.whatsapp .tooltip {
    background-color: #00A901;
}

.social-link.whatsapp .tooltip::before {
    border-top-color: #00A901;
}

.social-link:hover .tooltip {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

.social-link:hover.facebook {
    color: #3B5998;
}

.social-link:hover.instagram {
    color: #d95766;
}

.social-link:hover.youtube {
    color: #CC181E;
}

.social-link:hover.pinterest {
    color: #cb2027;
}

.social-link:hover.linkedin {
    color: #176DBA;
}

.social-link:hover.whatsapp {
    color: #FBB102;
}

.social-link:hover.envelope {
    color: #00A901;
}

.social-color li {
    margin: 0 4px 8px;
}

.social-color .social-link {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    display: block;
    border-radius: 4px;
}

.social-color .social-link.facebook {
    background-color: #3B5998;
}

.social-color .social-link.pinterest {
    background-color: #cb2027;
}

.social-color .social-link.linkedin {
    background-color: #176DBA;
}

.social-color .social-link.twitter {
    background-color: #55acee;
}

.social-color .social-link.reddit-alien {
    background-color: #f84301;
}

.social-color .social-link.whatsapp {
    background-color: #00A901;
}

.social-color .social-link.envelope {
    background-color: #FBB102;
}

.social-color .social-link:hover {
    color: white;
}

.social-color .social-email,
.social-color .social-whatsapp {
    display: none;
}

.sub-toggle {
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 18px;
    width: 18px;
    background: url('../icons/down.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 3px;
}

.sub-toggle i {
    font-style: normal;
    font-size: 22px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.mega-menu {
    background-color: #fff;
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 100;
    box-shadow: none;
}

.mega-menu > * {
    width: 100%;
    min-width: 200px;
    padding: 10px 15px;
}

.mega-menu h4 {
    font-weight: 600;
    font-size: 18px;
    color: #103178;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.mega-menu .has-badge {
    background-color: #12a05c;
    color: white;
    font-size: 10px;
    padding: 1px 2px;
    line-height: 14px;
    text-align: center;
    min-width: 35px;
    border-radius: 4px;
    position: absolute;
    left: 70px;
    top: 0;
}

.mega-menu .has-badge::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 2px solid transparent;
    border-left: 6px solid #12a05c;
    border-bottom: 6px solid transparent;
    transform: rotate(15deg);
    position: absolute;
    left: 8px;
    bottom: -5px;
}

.mega-menu .sub-menu-mega {
    background-color: transparent;
}

.mega-menu .sub-menu-mega li a {
    display: block;
    line-height: 24px;
    padding: 5px 0px 5px 10px;
    font-size: 17px;
    color: #000;
    background-color: transparent;
    position: relative;
    font-weight: 300
}

.mega-menu .sub-menu-mega li a:first-letter {
    text-transform: capitalize;
}

.mega-menu .sub-menu-mega li a:hover {
    color: #3b9d95;
}

.mega-menu .sub-menu-bold li a {
    font-weight: 600;
}

.mega-menu .promo {
    margin-bottom: 30px;
}

.mega-menu-link {
    display: block;
}

.mega-menu-thumnail {
    position: relative;
    width: 100%;
    transition: 800ms ease 0s;
}

.mega-menu-thumnail-text {
    position: absolute;
    z-index: 2;
    left: 40px;
    top: 40px;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
}

.mega-menu-product {
    border-radius: 4px;
    border: 3px solid #ff9923;
    padding-top: 20px;
}

.mega-menu-product .countdown-days {
    display: none;
}

.mega-menu .sub-menu-image {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -5px;
}

.mega-menu .sub-menu-image li {
    min-width: 14.28%;
    padding: 5px 5px 10px;
    position: relative;
}

.mega-menu .sub-menu-image li .image-title {
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    margin-top: 20px;
    color: #103178;
}

.mega-menu .sub-menu-image li a {
    display: block;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #f0f2f5;
}

.mega-menu .sub-menu-image li img {
    max-width: calc(100% + 2px);
    width: calc(100% + 2px);
    margin-right: -1px;
    transition: 350ms ease;
}

.mega-menu .sub-menu-image li .has-badge {
    top: auto;
    bottom: 97%;
    left: auto;
    right: 0;
}

.mega-menu .product-list .col-12 {
    border: 1px solid #f0f2f5;
}

.mega-menu .product-list .col-12:not(:first-child) {
    border-left: none;
}

.mega-menu-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    min-width: 300px;
    margin-left: -15px;
    margin-right: -15px;
}

.mega-menu-column {
    padding-left: 15px;
    padding-right: 15px;
    min-width: 120px;
}

@media (min-width: 1200px) {
    .mega-menu {
        transition: all .4s ease;
    }
}

.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 240px;
    z-index: 1000;
    transition: all 0.25s ease;
    border: 1px solid #eee;
    background-color: rgba(255, 255, 255, 0.95);
    visibility: hidden;
    opacity: 0;
}

.sub-menu:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    width: 0;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: none;
}

.sub-menu > li {
    display: block;
}

.sub-menu > li > a {
    display: inline-block;
    padding: 10px 20px;
    width: 100%;
    font-size: 17px;
    color: #103178;
    text-transform: capitalize;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.sub-menu > li > a:hover {
    color: #d5d5d5;
}

.sub-menu > li.menu-item-has-children {
    position: relative;
}

.sub-menu > li.menu-item-has-children > .sub-toggle {
    display: none;
}

.sub-menu > li.menu-item-has-children > .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateY(30px);
}

.sub-menu > li.menu-item-has-children > .sub-menu:before {
    display: none;
}

.sub-menu > li.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.menu > li {
    display: inline-block;
    padding-right: 5px;
}

.menu > li::before {
    margin-right: 10px;
}

.menu > li > a {
    position: relative;
    display: inline-block;
    padding: 25px 0;
    font-size: 18px;
    line-height: 24px;
    text-transform: capitalize;
    transform-style: preserve-3d;
    color: #fff;
}

.menu > li > a:hover {
    color: #3b9d95;
}

.menu > li > a i {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    top: 4px;
}

.menu > li:first-child {
    padding-left: 0;
}

.menu > li:last-child {
    padding-right: 0;
}

.menu > li.menu-item-has-children {
    position: relative;
}

.menu > li.menu-item-has-children .sub-toggle {
    margin-left: 5px;
    display: none;
}

.menu > li.menu-item-has-children .sub-menu {
    visibility: hidden;
    opacity: 0;
    transform: scale3d(1, 1, 0) translateY(30px);
}

.menu > li.menu-item-has-children:hover .sub-toggle {
    color: #ffffff;
}

.menu > li.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: scale3d(1, 1, 1) translateY(0);
}

.header.header-sticky .menu > li.has-mega-menu .mega-menu {
    top: 95%;
}

.menu > li.has-mega-menu .mega-menu {
    position: absolute;
    top: 35%;
    visibility: hidden;
    opacity: 0;
    transform: scale3d(1, 1, 0) translateY(30px);
    margin-left: 0px;
    text-align: left
}

.menu > li.has-mega-menu:hover .mega-menu {
    visibility: visible;
    opacity: 1;
    transform: scale3d(1, 1, 1) translateY(0);
}

.menu > li.has-mega-menu:hover .sub-toggle {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

@media (min-width: 992px) {
    .menu > li {
        padding-right: 30px;
    }

    .menu > li > a {
        font-size: 15px;
    }
}

@media (min-width: 1024px) {
    .menu > li > a {
        font-size: 18px;
    }
}

.menu-mobile .sub-menu {
    position: relative;
    display: none;
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
    transition: all 0s ease;
    border: none;
    margin: 15px 0 10px 30px;
}

.menu-mobile .sub-menu li {
    position: relative;
    padding: 10px 0;
}

.menu-mobile .sub-menu li a {
    font-weight: 600;
    padding: 0;
}

.menu-mobile .sub-menu li:first-child {
    padding-top: 0;
}

.menu-mobile .sub-menu li.active > .sub-toggle {
    transform: rotate(180deg);
}

.menu-mobile .sub-menu .sub-menu a {
    font-size: 15px;
    font-weight: 400;
}

.menu-mobile .sub-toggle {
    position: absolute;
    top: 5px;
    right: 0;
    width: 20px;
    height: 20px;
    z-index: 20;
    display: inline-block;
}

.menu-mobile > li {
    position: relative;
    padding: 10px 0;
}

.menu-mobile > li > a {
    position: relative;
    display: block;
    line-height: 20px;
    font-weight: 600;
    font-size: 17px;
    color: #103178;
    text-transform: capitalize;
}

.menu-mobile > li:first-child {
    padding-top: 0;
}

.menu-mobile > li.active > .sub-toggle {
    transform: rotate(180deg);
}

.menu-slidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    transform-style: preserve-3d;
    transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);
    overflow-y: auto;
    background-color: white;
    padding: 40px 35px;
    display: none;
}

.menu-slidebar.active {
    display: block;
}

.menu-slidebar .menu-footer {
    margin-bottom: 60px;
}

.menu-slidebar .menu-item {
    padding: 20px 0 0;
    margin: 20px 0 0;
    border-top: 1px solid #f0f2f5;
    color: #5b6c8f;
}

.menu-slidebar .language-currency {
    display: table;
}

.menu-slidebar .language-currency > li {
    display: table-cell;
    padding-right: 25px;
    font-size: 14px;
    position: relative;
    min-width: 100px;
}

.menu-slidebar .language-currency > li a {
    color: #5b6c8f;
}

.menu-slidebar .language-currency > li.active .sub-toggle {
    transform: rotate(180deg);
}

.menu-slidebar .language-currency .sub-menu {
    position: relative;
    display: none;
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
    transition: all 0s ease;
    border: none;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.menu-slidebar .language-currency .sub-menu li a {
    color: #5b6c8f;
    font-size: 14px;
    padding: 5px 10px;
}

@media (min-width: 768px) {
    .menu-slidebar {
        display: none;
    }
}

.menu-top .nav-item {
    display: inline-block;
    line-height: 32px;
    border-right: 1px solid #d9dee8;
}

.menu-top .nav-item a {
    font-size: 14px;
    padding: 0 15px;
    color: #5b6c8f;
}

.menu-top .nav-item:last-child {
    border-right: none;
}

.menu-top .nav-item:first-child a {
    padding-left: 0;
}

.landing {
    background-color: #F0F2F5;
}

.landing-block {
    padding-bottom: 80px;
}

.landing-block .landing-title {
    color: #103178;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
}

.landing-block .landing-content {
    overflow: hidden;
}

.landing-block .landing-item {
    margin-left: -35px;
    margin-right: -35px;
    padding-bottom: 20px;
}

.landing-block .landing-item img {
    width: 100%;
}

.landing-block .landing-item.no-margin {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 40px;
}

.landing-block .landing-item.no-margin .landing-text {
    margin-top: 25px;
}

.landing-block .landing-text {
    text-align: center;
    margin-top: -35px;
    margin-bottom: 0;
    padding: 0 15px;
}

.landing-block .landing-text a {
    color: #103178;
    font-weight: 600;
    font-size: 14px;
}

@media (min-width: 768px) {
    .landing-block .landing-title {
        font-size: 35px;
    }
}

@media (min-width: 992px) {
    .landing-block .col-lg-2dot4 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1280px) {
    .landing-block .landing-title {
        font-size: 40px;
    }

    .landing-block .landing-text {
        font-size: 15px;
    }
}

.landing-footer {
    background: linear-gradient(180deg, #0F3484 0%, #4B6CB3 100%);
    padding-top: 80px;
    position: relative;
    overflow: hidden;
}

.landing-footer .landing-round {
    position: absolute;
    right: 0;
    top: 0;
}

.landing-footer .landing-title {
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 30px;
}

.landing-footer .landing-button {
    text-align: center;
}

.landing-footer .landing-button .btn {
    width: auto;
    font-size: 16px;
}

.landing-footer .landing-content {
    text-align: center;
}

.landing-footer .landing-content img {
    width: 100%;
}

@media (min-width: 768px) {
    .landing-footer .landing-title {
        font-size: 50px;
    }

    .landing-footer .landing-button .btn {
        font-size: 18px;
        padding: 14px 50px;
    }

    .landing-footer .landing-content img {
        width: 70%;
    }
}

@media (min-width: 1280px) {
    .landing-footer .landing-title {
        font-size: 60px;
    }

    .landing-footer .landing-button .btn {
        padding: 16px 50px;
        font-size: 21px;
    }

    .landing-footer .landing-content img {
        width: 50%;
    }
}


/*4. MODULES */

.header {
    background-color: white;
    display: none;
}

.header .header-middle {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.header .header-middle .container {
    display: table;
    position: relative;
}

.header .logo,
.header .header-right,
.header .menu-sticky {
    display: table-cell;
    vertical-align: middle;
}

.header .header-menu .menu > li {
    background-color: #103178;
    border-radius: 40px;
    margin-right: 10px;
    padding: 5px 25px;
}

.header .header-menu .menu > li > a {
    color: white;
    padding: 5px 0px;
}

.header .header-menu .menu > li::before {
    color: white;
}

.header .header-menu .menu > li .sub-toggle {
    display: none;
}

.header .middle-text {
    color: #103178;
    font-size: 15px;
    display: inline-flex;
    float: right;
    height: 46px;
    align-items: center;
    margin-right: 15px;
}

.header .middle-text strong {
    margin-left: 5px;
}

.header .header-top {
    padding: 5px 0;
    border-bottom: 1px solid #f0f2f5;
}

.header .header-text {
    line-height: 30px;
    font-size: 16px;
    color: #5b6c8f;
}

.header .header-text strong {
    font-weight: 500;
}

1 .header .logo .sticky-logo {
    display: none;
}

.header .top-menu {
    float: right;
}

.header .middle-social {
    display: inline-block;
    float: right;
}

.header .middle-social .social li {
    margin: 5px;
}

.header .menu-sticky {
    display: none;
    height: 46px;
    color: #103178;
    font-size: 22px;
    text-align: center;
    position: absolute;
    right: 15px;
    width: 46px;
    top: 25px;
}

.header .header-search {
    min-width: 500px;
    display: none;
}

.header .language-currency {
    display: inline-flex;
    padding-right: 25px;
    margin-right: 10px;
    position: relative;
    float: right;
}

.header .language-currency::after {
    content: '';
    width: 1px;
    height: 26px;
    background-color: #d9dee8;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px;
}

.header .language-currency .dropdown-value {
    font-size: 14px;
    color: #5b6c8f;
    margin-right: 20px;
    padding: 12px 0;
}

.header .language-currency .dropdown-value:last-child {
    margin-right: 0;
}

.header .language-currency .dropdown-value:hover {
    color: #ff9923;
}

.header .language-currency .dropdown-value::after {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 9px;
    margin-left: 10px;
}

.header .header-icons {
    display: inline-block;
    margin-top: 14px;
}

.header .header-icons li:first-child {
    margin-left: 0px;
}

.header .header-icons li {
    display: inline-block;
    position: relative;
    margin-left: 15px;
}

.header .header-icons .header-item.mail,
.header .header-icons .header-item.acc {
    width: 32px;
    height: 32px;
    background: #d4d4d4;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #d4d4d4;
    top: 4px;
    color: #000;
}

.header .header-icons .header-item {
    position: relative;
    height: auto;
    font-size: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #ff9923;
}

.header .header-icons .header-item .badge {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    font-size: 11px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #103178;
    color: white;
}

.header .header-icons .header-item i {
    font-weight: 500;
}

.header .header-icons .header-item:hover {
    color: #103178;
}

.header .header-search-mini {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 20px;
}

.header .top-social {
    float: right;
}

.header .top-social .social-link {
    font-size: 14px;
}

.header .top-social .social li {
    margin: 0 8px;
    line-height: 32px;
}

.header .header-nav {
    text-align: center
}

.header .header-nav .has-mega-menu:nth-child(6),
.header .header-nav .has-mega-menu:nth-child(7),
.header .header-nav .has-mega-menu:nth-child(8) {
    display: none;
}

.header .header-nav .has-mega-menu:nth-child(5) {
    padding-right: 0;
}


/*
.header .header-nav .has-mega-menu:first-child {
    background-color: #103178;
    margin-right: 25px;
    padding: 4px 15px 4px 20px;
    color: white;
    border-radius: 40px;
}
*/


.header.header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.header.header-sticky .noti,
.header.header-sticky .navigation {
    display: none;
}

.header.header-sticky .logo img {
    display: none;
}

.header.header-sticky .logo .sticky-logo {
    display: block;
    width: auto;
}

.header.header-sticky .header-right {
    padding-right: 60px;
}

.header.header-sticky .menu-sticky {
    display: table-cell;
}

.header.header-sticky .header-middle {
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04);
}

.header.header-sticky .header-top {
    display: none;
}

.header.header-sticky::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    height: 15px;
    width: 100%;
}

.header .navigation {
    position: relative;
    border-top: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5;
}

.header .navigation .container {
    display: table;
}

.header .navigation-right,
.header .navigation-left {
    vertical-align: middle;
    display: table-cell;
    line-height: 30px;
}

.header .navigation-right {
    line-height: 30px;
    text-align: right;
    font-size: 16px;
    color: #5b6c8f;
    display: none;
    padding: 10px 0;
}

.header .navigation-right strong {
    font-weight: 500;
}

.header .top-right .header-text {
    display: none !important;
}

@media (min-width: 768px) {
    .header {
        display: block;
    }
}

@media (min-width: 1280px) {
    .header .header-top {
        display: none;
    }

    .header .header-search {
        display: inline-block;
        float: left;
    }

    .header.header-sticky .header-right {
        padding-right: 0;
    }

    .header .menu-sticky {
        width: 65px;
        padding-right: 20px;
        position: initial;
    }

    .header .navigation-right {
        display: table-cell;
    }

    .header .top-right .menu-top {
        text-align: right;
    }

    .header .top-right .menu-top .nav-item:last-child {
        border-right: 1px solid #d9dee8;
    }

    .header .top-right .top-social {
        border-right: 1px solid #d9dee8;
        padding: 0 10px;
    }

    .header .language-currency {
        padding-right: 40px;
        margin-right: 30px;
    }

    .header .header-icons .open-search {
        display: none;
    }
}

.header-1.header-mobile.header-sticky .header-right {
    padding-right: 0;
}

@media (min-width: 1280px) {
    .header-1 .header-search {
        margin-left: 30px;
    }
}

.header-mobile {
    display: block;
    border-bottom: 1px solid #f0f2f5;
}

.header-mobile .logo {
    height: 66px;
}

.header-mobile .logo img {
    width: 144px;
    display: block;
}

.header-mobile .header-middle {
    padding: 0 !important;
}

.header-mobile.header-sticky .logo img {
    display: block;
}

.header-mobile .header-right .header-item {
    color: #103178;
}

.header-mobile .header-left {
    display: table-cell;
    vertical-align: middle;
}

@media (min-width: 480px) {
    .header-mobile .logo img {
        width: 160px;
    }
}

@media (min-width: 768px) {
    .header-mobile {
        display: none;
    }
}

.search-result {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    z-index: 50;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 50px;
    width: 100%;
    transition: all 0.4s ease;
    opacity: 0;
    visibility: hidden;
}

.search-result .result-content {
    width: 100%;
    margin: auto;
}

.search-result .result-content .col-12 {
    margin-bottom: 30px;
}

.search-result .result-viewall {
    text-align: center;
    margin-top: 20px;
}

.search-result .result-viewall a {
    font-size: 18px;
    line-height: 26px;
    color: #103178;
    text-decoration: underline;
    font-weight: 600;
}

.search-result.active {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 1279px) {
    .search-result .result-content {
        max-width: 1270px;
    }
}

.header-2 .header-top {
    display: block;
    padding: 0;
    background-color: #f0f2f5;
}

.header-2 .header-top .container {
    display: table;
}

.header-2 .header-top .header-text,
.header-2 .header-top .top-right {
    display: table-cell;
}

.header-2 .header-top .header-text {
    display: none;
    font-size: 14px;
    width: 32%;
}



.header-2 .language-currency {
    float: right;
    padding-right: 0;
    margin-right: 0;
}

.header-2 .language-currency::after {
    display: none;
}

.header-2 .language-currency .dropdown-value {
    padding: 7px 15px 4px;
}

.header-2 .language-currency .dropdown-value:first-child {
    border-right: 1px solid #d9dee8;
    margin-right: 0;
}

.header-2 .language-currency .dropdown-value:last-child {
    padding-right: 0;
}

.header-2 .header-middle {
    padding: 0;
}

.header-2 .header-middle .header-search {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
}

.header-2 .header-middle .middle-text {
    margin-right: 20px;
}

.header-2 .menu-sticky {
    top: 15px;
}

.header-2 .navigation {
    border-bottom: none;
}

.header-2.header-sticky .header-middle .container {
    padding-bottom: 0;
}

.header-2.header-sticky .header-middle .header-search {
    display: none;
}

.header-2 .has-mega-menu:nth-child(9) {
    display: none;
}

@media (min-width: 960px) {
    .header-2 .has-mega-menu:nth-child(9) {
        display: inline-block;
    }
}

@media (min-width: 1280px) {
    .header-2 .header-top .header-text {
        display: table-cell;
    }

    .header-2 .header-middle .container {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .header-2 .header-middle .header-search {
        display: inline-block;
        width: auto;
        min-width: 360px;
        position: initial;
        float: right;
        margin-right: 60px;
    }

    .header-2.header-sticky .logo .sticky-logo {
        height: 77px;
    }

    .header-2.header-sticky .header-middle {
        padding: 0;
    }

    .header-2.header-sticky .header-middle .header-search {
        display: table-cell;
    }

    .header-2.header-sticky .menu-sticky {
        position: absolute;
        padding-right: 0;
        right: 0;
        top: 35px;
    }

    .header-2.header-sticky .container {
        padding-right: 60px;
    }
}

.header-2.header-mobile .header-search {
    min-width: 50%;
}

.header-2.header-mobile .logo {
    padding-right: 10px;
}

.header-2.header-mobile .search-result {
    width: 100vw;
    left: -15px;
    z-index: 50;
    top: 110%;
}

.header-2.header-mobile .language-currency .dropdown-value:first-child {
    border-right: none;
}

.header-3 .noti {
    background-color: white;
    border-bottom: 1px solid #d9dee8;
}

.header-3 .noti .noti-close i {
    color: #103178;
}

.header-3 .noti p {
    text-align: left;
    color: #103178;
}

.header-3 .header-top {
    display: block;
    background-color: #103178;
    padding: 0;
}

.header-3 .header-top .container {
    display: table;
}

.header-3 .header-top .top-right {
    display: table-cell;
    color: white;
}

.header-3 .header-top .top-right .header-text {
    display: inline-block !important;
    float: right;
}

.header-3 .header-top .header-text {
    font-size: 14px;
    color: white;
    display: none;
    padding-right: 15px;
}

.header-3 .header-top .language-currency {
    display: none;
}

.header-3 .top-social {
    display: none;
}

.header-3 .top-social .social-link {
    color: white;
}

.header-3 .menu-top {
    float: right;
}

.header-3 .menu-top .nav-item {
    border-color: #284686;
}

.header-3 .menu-top .nav-item:last-child {
    border-color: #284686 !important;
}

.header-3 .menu-top .nav-item a {
    color: white;
}

.header-3 .menu-top .nav-item:first-child a {
    padding-left: 15px;
    border-left: 1px solid #284686;
}

.header-3 .header-search {
    min-width: 340px;
}

.header-3 .header-search form {
    width: 100%;
}

.header-3 .header-middle .container {
    position: initial;
}

.header-3 .header-middle .header-menu,
.header-3 .header-middle .header-search {
    display: none;
}

.header-3 .header3-search-mobile .header-menu,
.header-3 .header3-search-mobile .header-search,
.header-3 .header3-search-mobile .menu-sticky {
    display: table-cell;
    vertical-align: middle;
}

.header-3 .header3-search-mobile .search-content {
    display: table;
    position: initial;
    padding: 10px 0;
}

.header-3 .header3-search-mobile .header-menu {
    width: 20%;
}

.header-3 .header3-search-mobile .menu-sticky {
    width: 32%;
    display: none;
}

.header-3 .header3-search-mobile .menu-sticky a {
    color: white;
    font-size: 14px;
    font-weight: 500;
    background-color: #103178;
    border-radius: 40px;
    padding: 10px 15px;
    display: inline-block;
}

.header-3 .header3-search-mobile .menu-sticky a i {
    color: white;
    margin-right: 5px;
}

.header-3 .logo {
    padding-right: 0;
}

.header-3 .logo img {
    max-width: 144px;
}

.header-3 .language-currency {
    padding-right: 15px;
    margin-right: 10px;
    margin-left: 10px;
}

.header-3.header-sticky .header3-search-mobile,
.header-3.header-sticky .middle-social,
.header-3.header-sticky .menu-sticky {
    display: none;
}

.header-3.header-sticky .header-right {
    padding-right: 0;
}

.header-3.header-sticky .header-middle .header-menu {
    float: right;
    display: table-cell;
}

@media (min-width: 1280px) {
    .header-3 .logo {
        padding-right: 50px;
    }

    .header-3 .logo img {
        max-width: 216px;
    }

    .header-3 .middle-social {
        display: none;
    }

    .header-3 .language-currency {
        padding-right: 40px;
        margin-right: 30px;
    }

    .header-3 .top-right .top-social {
        display: block;
        border-right: none;
        padding-right: 0;
    }

    .header-3 .header-middle .container {
        padding-bottom: 0;
    }

    .header-3 .header-middle .header-menu,
    .header-3 .header-middle .header-search {
        display: inline-flex;
        float: left;
    }

    .header-3 .header-middle .header3-search-mobile {
        display: none;
    }
}

.header-3.header-mobile .header3-search-mobile .header-search {
    min-width: 180px;
}

.header-3.header-mobile .header3-search-mobile .header-menu {
    display: none !important;
}

.header-3.header-mobile .header3-search-mobile .search-content {
    padding-top: 0;
}

.header-3.header-mobile .header-right .header-item {
    color: #ff9923;
}

.header-4 .header-right .header-item {
    color: #ff9923;
}

.header-4 .header-left .header-item {
    color: #103178;
}

.header-4 .header-left .header-icons {
    float: left;
}

.header-4 .logo {
    padding-right: 0;
}

.header-4 .logo a {
    display: block;
}

.header-4 .logo a img {
    margin: auto;
}

.header-4 .noti {
    border-bottom: 1px solid #d9dee8;
    background-color: white;
}

.header-4 .noti-close,
.header-4 .noti p {
    color: #103178;
}

.header-4 .noti p {
    text-align: left;
}

.header-4 .header-middle .header-menu {
    display: table-cell;
    float: right;
    margin-right: 5px;
}

.header-4 .header-middle .header-menu .menu > li {
    padding: 3px 25px;
}

@media (min-width: 1280px) {
    .header-4 .header-middle .header-search {
        margin-right: 60px;
        display: table-cell;
        float: right;
    }

    .header-4 .header-middle .header-menu {
        margin-right: 0;
    }

    .header-4 .header-middle .header-menu .menu > li {
        padding: 5px 25px;
    }
}

.header-5 {
    background-color: #9c500c;
}

.header-5 .noti p {
    text-align: left;
    color: #ff9923;
}


.header-5 .header-text,
.header-5 .middle-text {
    color: white;
}

.header-5 .middle-text {
    display: none;
}

.header-5 .logo {
    height: 76px;
}

.header-5 .logo img {
    height: 36px;
    width: auto;
}

.header-5 .header-middle {
    padding: 0;
}

.header-5 .menu > li::before {
    color: white;
}

.header-5 .menu > li > a {
    color: white;
}

.header-5 .header-icons > li:first-child {
    display: none;
}

.header-5 .header-icons .header-item .badge {
    background-color: #ff9923;
    color: white;
}

.header-5 .language-currency .dropdown-value {
    color: #9babcd;
}

.header-5 .header-search {
    min-width: 240px;
    max-width: 275px;
    margin-right: 0;
}

.header-5 .navigation-right {
    color: #9babcd;
}

.header-5.header-sticky .menu-sticky {
    display: block;
    position: absolute;
    right: 0;
    right: 15px;
    color: white;
}

.header-5.header-sticky .header-icons > li:first-child {
    display: inline-block;
}

.header-5.header-mobile .header-top {
    background-color: white;
    display: block;
}

.header-5.header-mobile .header-top .header-icons {
    float: initial;
    display: flex;
}

.header-5.header-mobile .header-top .header-icons > li {
    display: table-cell;
    vertical-align: middle;
    line-height: 32px;
    text-align: center;
    flex: 1;
}

.header-5.header-mobile .header-top .header-icons > li:first-child #close-menu-top {
    display: none;
}

.header-5.header-mobile .header-top .header-icons > li.active #close-menu-top {
    display: inline-flex;
}

.header-5.header-mobile .header-top .header-icons > li.active #open-menu-top {
    display: none;
}

.header-5.header-mobile.slidebar-active {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.header-5.header-mobile.slidebar-active .header-middle,
.header-5.header-mobile.slidebar-active .noti {
    display: none;
}

.header-5.header-mobile.slidebar-active .header-top {
    border-color: #f0f2f5;
}

.header-5.header-mobile .language-currency {
    margin-right: 0;
    padding-right: 0;
}

.header-5.header-mobile .language-currency::after {
    display: none;
}

@media (min-width: 1280px) {
    .header-5 .logo {
        height: 80px;
    }

    .header-5 .logo img {
        height: 54px;
    }

    .header-5 .middle-text {
        display: inline-flex;
        float: left;
        margin-right: 20px;
    }

    .header-5 .header-block {
        display: table-cell;
        vertical-align: middle;
    }

    .header-5 .header-middle {
        padding: 10px 0;
    }

    .header-5.header-sticky .menu-sticky {
        display: table-cell;
        position: initial;
    }

    .header-5.header-sticky .header-icons > li:first-child {
        display: none;
    }

    .header-5.header-sticky .logo img {
        height: 36px;
    }
}

.header-6 .header-middle {
    padding-top: 0;
}

.header-6 .header-middle .header-menu {
    display: table-cell;
    float: right;
    margin-right: 5px;
}

.header-6 .header-middle .header-menu .menu > li {
    padding: 3px 25px;
}

.header-6 .noti {
    background-color: white;
    border-bottom: 1px solid #f0f2f5;
}

.header-6 .noti p,
.header-6 .noti .noti-close {
    color: #103178;
}

.header-6 .noti p {
    text-align: left;
}

.header-6 .header3-search-mobile .header-menu {
    display: none;
}

.header-6 .header3-search-mobile .search-content {
    padding-top: 0;
}

.header-6 .logo {
    height: 76px;
}

.header-6.header-mobile .header-right .header-item {
    color: #ff9923;
}

.header-6.header-mobile .header-left .header-icons {
    float: left;
}

.header-6.header-mobile .logo {
    padding-right: 0;
    text-align: center;
}

.header-6.header-mobile .logo img {
    margin: auto;
}

.header-6.header-mobile .header-search {
    display: block;
    min-width: 100%;
    margin-bottom: 15px;
}

.header-6.header-mobile.header-sticky .header-search {
    display: none;
}

.header-6.header-mobile.header-sticky .header-right {
    padding-right: 0;
}

@media (min-width: 1280px) {
    .header-6 .logo {
        height: 80px;
    }

    .header-6 .header-middle {
        padding-top: 10px;
    }

    .header-6 .header-middle .header-search {
        margin-right: 60px;
        display: table-cell;
        float: right;
    }

    .header-6 .header-middle .header-menu {
        margin-right: 0;
    }

    .header-6 .header-middle .header-menu .menu > li {
        padding: 5px 25px;
    }
}

.header-7 {
    position: absolute;
    z-index: 1000;
    width: 100%;
    background-color: transparent;
}

.header-7 .header-top {
    background-color: #103178;
}

.header-7 .header-top .header-text {
    color: white;
    display: table-cell;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.header-7 .header-top .top-right {
    text-align: right;
}

.header-7 .menu-top .nav-item {
    border-color: #284686 !important;
}

.header-7 .menu-top .nav-item a {
    color: white;
}

.header-7 .top-right .top-social {
    border-color: #284686;
    display: none;
}

.header-7 .top-right .social-link {
    color: white;
}

.header-7 .top-right .language-currency {
    display: none;
}

.header-7 .top-right .dropdown-value {
    color: white;
    border-color: #284686 !important;
}

.header-7 .header-icons .open-search {
    display: inline-flex;
}

.header-7 .noti {
    background-color: white;
}



.header-7 .menu-sticky {
    color: #ff9923;
}

.header-7 .header-middle {
    background-color: #9c500c;
}

.header-7 .header-middle .language-currency {
    padding-top: 10px;
}

.header-7 .header-middle .language-currency .language {
    border: none;
}

.header-7 .header-middle .language-currency .currency {
    border-right: 1px solid #d9dee8;
    padding-right: 5px;
}

.header-7 .header-middle .container {
    position: initial;
}

.header-7 .navigation {
    display: none;
}

.header-7.header-sticky {
    background-color: #1b77b8;
}

.header-7.header-mobile.header-sticky .header-right {
    padding-right: 0;
}

@media (min-width: 1280px) {
    .header-7.header-sticky .header-middle .container {
        padding-right: 15px;
    }

    .header-7.header-sticky .menu-sticky {
        display: none;
    }

    .header-7 .header-middle .language-currency {
        display: none;
    }

    .header-7 .navigation {
        display: none !important;
    }

    .header-7 .header-top .header-text {
        width: 32%;
    }

    .header-7 .header-top .top-right {
        text-align: left;
    }

    .header-7 .header-top .top-right .language-currency,
    .header-7 .header-top .top-right .top-social {
        display: inline-flex;
    }
}

.header-8 .navigation {
    border-top: none;
    border-bottom: 1px solid #f0f2f5;
}

.header-8 .has-mega-menu:last-child {
    display: inline-block;
}

.header-8 .has-mega-menu:nth-child(8),
.header-8 .has-mega-menu:nth-child(9) {
    display: none;
}

.header-8 .noti p {
    text-align: left;
}

.header-8 .header-top .top-right {
    text-align: right;
}

.header-8 .language-currency {
    text-align: left;
}

.header-8 .header-middle .header-search {
    display: none;
    margin-right: 0;
}

.header-8 .header-middle .container {
    padding-bottom: 0;
}

.header-8 .logo {
    width: 25%;
}

.header-8.header-mobile .header-item {
    color: #ff9923;
}

.header-8.header-mobile.header-sticky .header-right {
    padding-right: 0;
}

@media (min-width: 1280px) {
    .header-8 .logo {
        width: 28%;
    }

    .header-8 .header-middle .header-search {
        display: inline-block;
        float: left;
        min-width: 590px;
    }

    .header-8 .header-middle .middle-text {
        display: none;
    }

    .header-8.header-sticky .container {
        padding-right: 15px;
    }

    .header-8.header-sticky .menu-sticky {
        position: initial;
        text-align: left;
    }

    .header-8.header-sticky .header-right {
        padding-left: 30px;
    }
}

.header-9 {
    background-color: transparent;
    position: relative;
}

.header-9 .noti {
    background-color: white;
}

.header-9 .noti p,
.header-9 .noti .noti-close i {
    color: #222;
}

.header-9 .header-top {
    background-color: #222;
    border-color: #222;
}

.header-9 .header-top .header-text,
.header-9 .header-top a {
    color: white;
}

.header-9 .header-top .nav-item,
.header-9 .header-top .language,
.header-9 .header-top .top-social,
.header-9 .header-top .dropdown-value {
    border-color: #555555 !important;
}

.header-9 .header-top .top-right {
    text-align: right;
}

.header-9 .header-top .language-currency,
.header-9 .header-top .top-social {
    display: none;
}

.header-9 .header-top .header-text {
    display: table-cell;
    width: 55%;
}

.header-9 .language-currency .dropdown-value {
    color: white;
}

.header-9 .header-icons .open-search {
    display: inline-flex;
}

.header-9 .header-icons .header-item {
    color: white;
}

.header-9 .header-icons .header-item .badge {
    background-color: white;
    color: #222;
}

.header-9 .header-middle {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1000;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-9 .header-middle .container {
    padding-bottom: 0;
    padding-top: 0;
}

.header-9 .header-middle .menu-sticky {
    display: block;
    position: absolute;
    top: 12px;
    color: white;
}

.header-9 .header-middle .language-currency {
    padding-right: 20px;
    margin-right: 10px;
}

.header-9 .header-middle .language-currency::after {
    display: block;
    margin-top: -10px;
}

.header-9 .header-middle .language-currency .dropdown-value {
    border: none;
}

.header-9 .logo img {
    display: none;
}

.header-9 .logo .logo-white {
    display: inline-block;
}

.header-9 .mega-menu {
    box-shadow: none;
}

.header-9 .mega-menu h4 {
    color: #222;
}

.header-9 .mega-menu .sub-menu-mega li a {
    color: #222;
}

.header-9.header-sticky .header-middle {
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-9.header-sticky .header-middle .menu-sticky {
    color: #ff9923;
}

.header-9.header-sticky .header-middle .language-currency {
    display: none;
}

.header-9.header-sticky .header-middle .container {
    padding-right: 0;
}

.header-9.header-sticky .header-icons .header-item {
    color: #222;
}

.header-9.header-sticky .logo .logo-white {
    display: none;
}

.header-9.header-sticky.header-mobile .header-middle .container {
    padding-right: 15px;
}

.header-9.header-sticky.header-mobile .header-right {
    padding-right: 0;
}

@media (min-width: 768px) {
    .header-9 .header-middle .container {
        padding-right: 65px;
    }

    .header-9.header-sticky .header-icons .header-item {
        color: #ff9923;
    }

    .header-9.header-sticky .header-icons .header-item .badge {
        background-color: #222;
        color: white;
    }
}

@media (min-width: 1280px) {
    .header-9 .header-top .top-right {
        text-align: left;
    }

    .header-9 .header-top .language-currency,
    .header-9 .header-top .top-social {
        display: inline-flex;
    }

    .header-9 .header-top .header-text {
        width: 32%;
    }

    .header-9 .header-middle .menu-sticky,
    .header-9 .header-middle .language-currency {
        display: none;
    }

    .header-9 .header-middle .container {
        padding-right: 15px;
        position: initial;
    }

    .header-9 .logo {
        width: 25%;
    }

    .header-9 .header-menu .menu > li {
        display: inline-block;
        background-color: transparent;
    }

    .header-9.header-sticky .header-middle {
        padding: 0;
    }

    .header-9.header-sticky .header-menu .menu > li::before,
    .header-9.header-sticky .header-menu .menu > li > a {
        color: #222;
    }
}

.header-10 {
    position: relative;
}

.header-10 .noti {
    background-color: white;
}

.header-10 .noti p,
.header-10 .noti .noti-close i {
    color: #103178;
}

.header-10 .header-top {
    background-color: #103178;
    border-color: #103178;
}

.header-10 .logo img {
    display: inline-block;
}

.header-10 .logo img.logo-white {
    display: none;
}

.header-10 .header-menu .menu > li::before,
.header-10 .header-menu .menu > li > a {
    color: #103178;
}

.header-10 .header-top .header-text,
.header-10 .header-top a {
    color: white;
}

.header-10 .header-top .nav-item,
.header-10 .header-top .language,
.header-10 .header-top .top-social,
.header-10 .header-top .dropdown-value {
    border-color: #555555 !important;
}

.header-10 .header-top .top-right {
    text-align: right;
}

.header-10 .header-top .language-currency,
.header-10 .header-top .top-social {
    display: none;
}

.header-10 .header-top .header-text {
    display: table-cell;
    width: 55%;
}

.header-10 .header-icons .header-item {
    color: #103178;
}

.header-10 .header-icons .header-item .badge {
    background-color: #103178;
    color: white;
}

.header-10 .header-middle {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1000;
    width: 100%;
}

.header-10 .header-middle .container {
    padding-bottom: 0;
    padding-right: 15px;
    position: initial;
}

.header-10 .header-middle .language-currency {
    padding: 6px 0;
    margin-right: 10px;
}

.header-10.header-mobile.header-sticky .header-right {
    padding-right: 0;
}

.header-10.header-sticky .header-middle {
    background-color: white;
}

.header-10.header-sticky .header-middle .container {
    padding-top: 0;
}

@media (min-width: 1280px) {

    .header-10 .header-top .language-currency,
    .header-10 .header-top .top-social {
        display: inline-block;
    }

    .header-10 .header-top .language-currency {
        padding-top: 6px;
    }

    .header-10 .header-top .header-text {
        width: 32%;
    }

    .header-10 .language-currency .dropdown-value {
        color: white;
    }

    .header-10 .header-middle .language-currency {
        display: none;
    }

    .header-10 .logo {
        width: 25%;
    }

    .header-10 .header-menu .menu > li {
        display: inline-block;
        background-color: transparent;
    }
}

.navigation-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    width: 100%;
    background-color: white;
    border-top: 1px solid #f0f2f5;
    display: flex;
    padding: 5px 0;
}

.navigation-footer .nav-item {
    flex: 1;
    text-align: center;
    font-size: 22px;
}

.navigation-footer .nav-item a {
    color: #ff9923;
    display: inline-flex;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    position: relative;
}

.navigation-footer .nav-item i {
    font-weight: 600;
}

.navigation-footer .nav-item .badge {
    position: absolute;
    top: 4px;
    right: 2px;
    width: 18px;
    height: 18px;
    font-size: 9px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #103178;
    color: white;
}

.navigation-footer .nav-item #close-menu {
    display: none;
}

.navigation-footer .nav-item.active #close-menu {
    display: inline-flex;
}

.navigation-footer .nav-item.active #open-menu {
    display: none;
}

@media (min-width: 768px) {
    .navigation-footer {
        display: none;
    }
}

.footer {
    padding-bottom: 0px;
    background: #655c5c;
    padding-top: 30px
}

.footer-middle {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .footer {
        padding-bottom: 0;
    }
}

.footer-block .block-title,
.footer-contact .block-title {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 300;
    border-bottom: 1px solid #e9e8e8;
}

.footer-block .block-list {
    margin-bottom: 10px;
    display: inline-block;
}

.footer-block.cinfo .block-list li {
    list-style: none
}

.footer-block .block-list li {
    padding: 2px 0;
    clear: both;
    float: left;
    list-style: disclosure-closed;
    margin-left: 18px;
    font-size: 12px;
    color: #fff;
}

.footer-block .block-list li a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 300 !important;
}

.footer-block .block-list li a:hover {
    color: #4f6ab6;
}

.footer-bottom {
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid #e3e3e3;
}

.footer-bottom p {
    height: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    color: #fff;
}

.footer-bottom .payment-light {
    display: none;
}

@media (min-width: 768px) {
    .footer-bottom p {
        margin: 0;
    }
}

.footer-top {
    margin-bottom: 30px;
}

.footer-top .row {
    border: 1px solid #f0f2f5;
}

.footer-top p {
    margin-bottom: 0;
    padding: 10px 15px;
}

.footer-top .col-12:not(:last-child) {
    border-bottom: 1px solid #f0f2f5;
}

.footer-top .footer-link {
    color: #103178;
    font-weight: 600;
    font-size: 16px;
}

.footer-top .footer-link i {
    margin-right: 10px;
    font-weight: 600;
}

.footer-top .footer-link:hover {
    color: #ff9923;
}

@media (min-width: 768px) {
    .footer-top .col-12:not(: last-child) {
        border-right: 1px solid #f0f2f5;
        border-bottom: none;
    }
}

.footer-address p {
    font-size: 16px;
    line-height: 26px;
    color: #5b6c8f;
}

.footer-address p a {
    text-decoration: underline;
    font-size: 14px;
}

.footer-address .logo {
    margin-bottom: 30px;
}

.footer-address .logo img {
    max-width: 144px;
}

.footer-address .logo .logo-white,
.footer-address .logo .logo-black {
    display: none;
}

.footer-address .footer-title {
    display: none;
    margin-bottom: 20px;
    color: #103178;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
}

@media (min-width: 1024px) {
    .footer-address .logo img {
        max-width: 144px;
    }
}

.footer-contact {
    padding-top: 40px;
}

.footer-contact .footer-title {
    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 15px;
    color: #fff;
}

.footer-contact .footer-fax {
    margin-bottom: 8px;
    line-height: 36px;
    font-size: 22px;
    color: #fff;
}

.footer-contact .footer-fax img {
    width: 30px;
    position: relative;
}

.footer-contact .footer-fax i {
    color: #fff;
    margin-right: 15px;
    font-size: 20px;
    font-weight: bold;
}

.footer-contact .footer-work {
    margin-bottom: 18px;
    padding-left: 40px;
    font-size: 14px;
    color: #5b6c8f;
}

.footer-contact hr {
    margin-bottom: 18px;
    margin-top: 5px;
}

.footer-contact .footer-email {
    font-weight: bold;
    color: #103178;
    font-size: 16px;
}

.footer-contact .footer-email i {
    margin-right: 15px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .footer-contact {
        padding-top: 0;
    }
}

@media (min-width: 1280px) {
    .footer-contact .footer-fax {
        font-size: 22px;
    }

    .footer-contact .footer-fax i {
        font-size: 22px;
    }
}

.footer-1 .footer-top .row {
    background-color: #f0f2f5;
}

.footer-1 .footer-top .col-12 {
    border-color: rgba(16, 49, 120, 0.1);
}

.footer-1 .footer-address {
    border-right: 1px solid #f0f2f5;
}

.footer-1 .footer-contact {
    padding-bottom: 40px;
}

@media (min-width: 768px) {
    .footer-1 .footer-contact {
        padding-bottom: 0;
    }
}

.footer-2 .logo {
    display: none;
}

.footer-2 .footer-title {
    display: block;
}

.footer-2 .footer-contact .footer-fax i {
    display: none;
}

.footer-2 .footer-contact .footer-work {
    padding-left: 0;
    margin-bottom: 27px;
}

.footer-2 .footer-contact hr {
    display: none;
}

.footer-2 .footer-contact .footer-email {
    border-radius: 40px;
    min-width: 150px;
    display: inline-block;
    padding: 4px 25px;
    border: 1px solid #f0f2f5;
    background-color: white;
}

.footer-2 .footer-contact .footer-email i {
    display: none;
}

.footer-2 .footer-top {
    border: 1px solid #f0f2f5;
}

.footer-2 .footer-top .row {
    border: none;
}

@media (min-width: 960px) {
    .footer-2 .footer-category {
        padding-bottom: 30px;
    }
}

.footer-newsletter .footer-title {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #103178;
    font-weight: 600;
}

.footer-newsletter p {
    font-size: 16px;
    line-height: 26px;
    color: #5b6c8f;
    margin-bottom: 20px;
}

@media (min-width: 1280) {
    .footer-newsletter .footer-title {
        font-size: 30px;
        line-height: 40px;
    }
}

.footer-3 .footer-middle {
    padding-top: 30px;
}

.footer-3 .footer-box {
    background-color: #f0f2f5;
    border-radius: 4px;
    margin-top: 20px;
    padding: 40px;
    margin-bottom: 45px;
}

.footer-3 .footer-contact {
    padding-top: 0;
}

.footer-3 .footer-contact .footer-title {
    display: none;
}

.footer-3 .footer-contact .footer-fax i {
    display: none;
}

.footer-3 .footer-contact .footer-work {
    padding-left: 0;
    margin-bottom: 30px;
}

.footer-3 .footer-contact hr {
    display: none;
}

.footer-3 .footer-contact .footer-email {
    background-color: white;
    padding: 5px 25px;
    border-radius: 40px;
}

.footer-3 .footer-address {
    padding-top: 30px;
}

.footer-3 .footer-address .logo {
    display: none;
}

.footer-3 .footer-newsletter {
    padding-top: 30px;
}

@media (min-width: 768px) {
    .footer-3 .footer-box {
        padding: 20px 15px;
    }

    .footer-3 .footer-contact .footer-email {
        padding: 5px 10px;
    }

    .footer-3 .footer-address,
    .footer-3 .footer-newsletter {
        padding-top: 0;
    }
}

@media (min-width: 960px) {
    .footer-3 .footer-box {
        padding: 40px;
    }

    .footer-3 .footer-contact .footer-email {
        padding: 5px 25px;
    }
}

.footer-listpage .footer-list {
    margin-bottom: 35px;
}

.footer-listpage .footer-list li {
    padding: 6px 0;
    font-size: 16px;
}

.footer-listpage .footer-list li a {
    display: block;
    color: #5b6c8f;
}

.footer-listpage .footer-list li a:hover {
    color: #ff9923;
}

.footer-4 {
    background-color: #f0f2f5;
}

.footer-4 .footer-bottom {
    border-color: #d9dee8;
}

.footer-4 .footer-top {
    background-color: white;
}

.footer-5 {
    background-color: #103178;
}

.footer-5 .footer-top {
    background-color: white;
}

.footer-5 .footer-block .block-title,
.footer-5 .footer-block .block-list a {
    color: white;
}

.footer-5 .footer-listpage .footer-list a {
    color: white;
}

.footer-5 .footer-bottom p,
.footer-5 .footer-title,
.footer-5 .footer-email {
    color: white;
}

.footer-5 .footer-box {
    background-color: rgba(0, 0, 0, 0.1);
    padding-bottom: 40px;
    border-radius: 4px;
    margin-bottom: 40px;
}

.footer-5 .footer-contact .footer-fax {
    color: white;
}

.footer-5 .footer-contact .footer-fax i {
    display: none;
}

.footer-5 .footer-contact .footer-work {
    padding-left: 0;
    color: #9babcd;
}

.footer-5 .footer-contact hr {
    display: none;
}

.footer-5 .footer-contact .footer-email {
    border: 1px solid #5b6c8f;
    padding: 4px 20px;
    border-radius: 40px;
}

.footer-5 .footer-contact .footer-email:hover {
    background-color: white;
    color: #103178;
}

.footer-5 .footer-address .logo {
    display: none;
}

.footer-5 .footer-address .social-link,
.footer-5 .footer-address p {
    color: #9babcd;
}

.footer-5 .footer-newsletter p {
    color: #9babcd;
}

.footer-5 .footer-bottom {
    border-color: #5b6c8f;
}

.footer-5 .footer-bottom img {
    display: none;
}

.footer-5 .footer-bottom .payment-light {
    display: inline-block;
}

@media (min-width: 768px) {
    .footer-5 .footer-box {
        padding-top: 40px;
    }
}

@media (min-width: 1280px) {
    .footer-5 .footer-box {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.footer-8 {
    background-color: #103178;
    padding-top: 30px;
}

.footer-8 .footer-top .row {
    border-color: #284686;
}

.footer-8 .footer-top .col-12 {
    border-color: #284686;
}

.footer-8 .footer-top .footer-link {
    color: #ff9923;
}

.footer-8 .footer-bottom {
    border-color: #284686;
}

.footer-8 .footer-bottom img {
    display: none;
}

.footer-8 .footer-bottom .payment-light {
    display: inline-block;
}

.footer-8 .footer-bottom p {
    color: #9babcd;
}

.footer-8 .footer-address p,
.footer-8 .footer-address a {
    color: #9babcd;
}

.footer-8 .footer-address .logo img {
    display: none;
}

.footer-8 .footer-address .logo .logo-white {
    display: inline-block;
}

.footer-8 .footer-contact {
    border-left: 1px solid #284686;
    padding-left: 40px;
}

.footer-8 .footer-contact .footer-title,
.footer-8 .footer-contact .footer-fax {
    color: white;
}

.footer-8 .footer-contact .footer-work,
.footer-8 .footer-contact .footer-email {
    color: #9babcd;
}

.footer-8 .footer-contact hr {
    border-color: #284686;
}

.footer-8 .footer-block .block-title {
    color: white;
}

.footer-8 .footer-block .block-list li a {
    color: white;
}

.footer-9 .footer-address .logo img {
    display: none;
}

.footer-9 .footer-address .logo .logo-black {
    display: inline-block;
}

.footer-9 .footer-address .social-link {
    color: #222;
}

.footer-9 .footer-contact .footer-title,
.footer-9 .footer-contact .footer-fax,
.footer-9 .footer-contact .footer-email {
    color: #222;
}

.footer-9 .footer-block .block-title {
    color: #222;
}

.footer-9 .footer-bottom p {
    color: #222;
}

.footer-9 .footer-top .row {
    background-color: #f5f5f5;
}

.footer-9 .footer-top .footer-link {
    color: #222;
}

.footer-9 .footer-top .col-12 {
    border-color: #d9dbde;
}


/*5. HELPERS */

.mt-0 {
    margin-top: 0px;
}

.mr-0 {
    margin-right: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.ml-0 {
    margin-left: 0px;
}

.pt-0 {
    padding-top: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.mt-5 {
    margin-top: 5px;
}

.mr-5 {
    margin-right: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}

.ml-5 {
    margin-left: 5px;
}

.pt-5 {
    padding-top: 5px;
}

.pr-5 {
    padding-right: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pl-5 {
    padding-left: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.ml-10 {
    margin-left: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pr-10 {
    padding-right: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pl-10 {
    padding-left: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mr-15 {
    margin-right: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-15 {
    margin-left: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.pr-15 {
    padding-right: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mr-20 {
    margin-right: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.ml-20 {
    margin-left: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.pr-20 {
    padding-right: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mr-25 {
    margin-right: 25px;
}

.mb-25 {
    margin-bottom: 25px;
}

.ml-25 {
    margin-left: 25px;
}

.pt-25 {
    padding-top: 25px;
}

.pr-25 {
    padding-right: 25px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pl-25 {
    padding-left: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mr-30 {
    margin-right: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.ml-30 {
    margin-left: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pl-30 {
    padding-left: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mr-35 {
    margin-right: 35px;
}

.mb-35 {
    margin-bottom: 35px;
}

.ml-35 {
    margin-left: 35px;
}

.pt-35 {
    padding-top: 35px;
}

.pr-35 {
    padding-right: 35px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pl-35 {
    padding-left: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mr-40 {
    margin-right: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-40 {
    margin-left: 40px;
}

.pt-40 {
    padding-top: 40px;
}

.pr-40 {
    padding-right: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pl-40 {
    padding-left: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mr-45 {
    margin-right: 45px;
}

.mb-45 {
    margin-bottom: 45px;
}

.ml-45 {
    margin-left: 45px;
}

.pt-45 {
    padding-top: 45px;
}

.pr-45 {
    padding-right: 45px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pl-45 {
    padding-left: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mr-50 {
    margin-right: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.ml-50 {
    margin-left: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pr-50 {
    padding-right: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pl-50 {
    padding-left: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mr-55 {
    margin-right: 55px;
}

.mb-55 {
    margin-bottom: 55px;
}

.ml-55 {
    margin-left: 55px;
}

.pt-55 {
    padding-top: 55px;
}

.pr-55 {
    padding-right: 55px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pl-55 {
    padding-left: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mr-60 {
    margin-right: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.ml-60 {
    margin-left: 60px;
}

.pt-60 {
    padding-top: 60px;
}

.pr-60 {
    padding-right: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pl-60 {
    padding-left: 60px;
}

.mt-65 {
    margin-top: 65px;
}

.mr-65 {
    margin-right: 65px;
}

.mb-65 {
    margin-bottom: 65px;
}

.ml-65 {
    margin-left: 65px;
}

.pt-65 {
    padding-top: 65px;
}

.pr-65 {
    padding-right: 65px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pl-65 {
    padding-left: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mr-70 {
    margin-right: 70px;
}

.mb-70 {
    margin-bottom: 70px;
}

.ml-70 {
    margin-left: 70px;
}

.pt-70 {
    padding-top: 70px;
}

.pr-70 {
    padding-right: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pl-70 {
    padding-left: 70px;
}

.mt-75 {
    margin-top: 75px;
}

.mr-75 {
    margin-right: 75px;
}

.mb-75 {
    margin-bottom: 75px;
}

.ml-75 {
    margin-left: 75px;
}

.pt-75 {
    padding-top: 75px;
}

.pr-75 {
    padding-right: 75px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pl-75 {
    padding-left: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mr-80 {
    margin-right: 80px;
}

.mb-80 {
    margin-bottom: 80px;
}

.ml-80 {
    margin-left: 80px;
}

.pt-80 {
    padding-top: 80px;
}

.pr-80 {
    padding-right: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pl-80 {
    padding-left: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mr-85 {
    margin-right: 85px;
}

.mb-85 {
    margin-bottom: 85px;
}

.ml-85 {
    margin-left: 85px;
}

.pt-85 {
    padding-top: 85px;
}

.pr-85 {
    padding-right: 85px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pl-85 {
    padding-left: 85px;
}

.mt-90 {
    margin-top: 90px;
}

.mr-90 {
    margin-right: 90px;
}

.mb-90 {
    margin-bottom: 90px;
}

.ml-90 {
    margin-left: 90px;
}

.pt-90 {
    padding-top: 90px;
}

.pr-90 {
    padding-right: 90px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pl-90 {
    padding-left: 90px;
}

.mt-95 {
    margin-top: 95px;
}

.mr-95 {
    margin-right: 95px;
}

.mb-95 {
    margin-bottom: 95px;
}

.ml-95 {
    margin-left: 95px;
}

.pt-95 {
    padding-top: 95px;
}

.pr-95 {
    padding-right: 95px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pl-95 {
    padding-left: 95px;
}

.mt-100 {
    margin-top: 100px;
}

.mr-100 {
    margin-right: 100px;
}

.mb-100 {
    margin-bottom: 100px;
}

.ml-100 {
    margin-left: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pr-100 {
    padding-right: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pl-100 {
    padding-left: 100px;
}

html .bg-parallax {
    position: relative;
    z-index: 10;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 50% 50%;
}

.bg-cover {
    background-position: 50% 50% !important;
    background-size: cover !important;
}

.bg-top {
    background-position: 0% 0% !important;
    background-size: cover !important;
}

.bg-top-right {
    background-position: 100% 100% !important;
    background-size: cover !important;
}

.bg-top-left {
    background-position: 0% 100% !important;
    background-size: cover !important;
}

.bg-bottom {
    background-position: 100% 100% !important;
    background-size: cover !important;
}

.comment-post ul,
.section-block-grid ul,
.bought .bought-thumbnail ul,
.widget .widget-block .widget-content ul,
.product ul,
.table-oriented ul,
.popup-select ul,
.shopping .shopping-content ul,
.section-category ul,
.reviews-3 ul,
.wishlist ul,
.compare-product .table ul,
.menu-slidebar ul,
.header ul,
.footer-middle ul,
.comment-post ol,
.section-block-grid ol,
.bought .bought-thumbnail ol,
.widget .widget-block .widget-content ol,
.product ol,
.table-oriented ol,
.popup-select ol,
.shopping .shopping-content ol,
.section-category ol,
.reviews-3 ol,
.wishlist ol,
.compare-product .table ol,
.menu-slidebar ol,
.header ol,
.footer-middle ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-horizontal > *,
.product-sidebar > * {
    width: 100%;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}