/*   
Theme Name: BMC
Theme URI: https://bitbucket.com/branderspro/
Version: 3.0
Tags: clean, development, html5, bootstrap, SliderRevolution
Description: by Branders Pro
Author: Branders Pro
Author URI: https://branderspro.com
*/

/*===============================================================================
	FONTS
===============================================================================*/

@import url(https://fonts.googleapis.com/css?family=Noto+Sans:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,regular,500,600,700,900);

/*===============================================================================
	PRELOADER
===============================================================================*/

#page-preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--main-background-color);
    z-index: 999999;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}

.contpre {
    width: 41px;
    height: 41px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
}

.contpre small {
    font-size: 25px;
}

#circle {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    margin: -25px 0 0 -25px;
    border: 4px lightgray solid;
    border-top: 4px var(--global-color) solid;
    border-right: 4px var(--global-color1) solid;
    border-bottom: 4px var(--global-color2) solid;
    border-radius: 50%;
    -webkit-animation: spin5 1s infinite linear;
    animation: spin5 1s infinite linear;
}

@-webkit-keyframes spin5 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin5 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


/*===============================================================================
	BODY
===============================================================================*/

:root {
    --global-color: #05B4DE;
    --global-color1: #0060A2;
    --global-color2: #1C2A5B;
    --global-heading-color: #fff;
    --global-text-color: #fff;
    --main-background-color: #fff;
    --main-background-color1: #162E38;
    --menu-background-color: #fff;
    --border-color: #E0E0E0;
    --placeholder-color: #90A4A9;
}

body {
    line-height: 1.42;
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 16px !important;
    color: var(--global-text-color);
    background-color: var(--main-background-color);
}

h1 {
    font-family: 'Noto Serif KR', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    margin-bottom: 20px;
    color: var(--global-heading-color);
    background-color: green;
}

h2 {
    font-family: 'Noto Serif KR', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 20px;
    color: var(--global-heading-color);
}

h3 {
    font-family: 'Noto Serif KR', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 20px;
    color: var(--global-heading-color);
}

h4 {
    font-family: 'Noto Serif KR', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
    color: var(--global-heading-color);
}

h5 {
    font-family: 'Noto Serif KR', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 20px;
    color: var(--global-heading-color);
}

h6 {
    font-family: 'Noto Serif KR', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
    color: var(--global-heading-color);
}

[class^="hvr-"] {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: var(--global-color);
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
    right: 0;
}

.btn-primary {
    font-family: 'Spartan', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 17px;
    max-width: 145px;
    width: 100%;
    color: #fff;
    background: var(--global-color);
    outline: none;
    box-shadow: none;
    border-color: transparent;
    border-radius: 0;
    padding: 14px 0 11px;
    transition: all .4s ease;
}

.btn-primary:hover {
    background-color: var(--global-color);
    border-color: transparent;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--global-color);
    border-color: transparent !important;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none !important;
    border-color: transparent;
}

.btn-secondary {
    font-family: 'Spartan', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 17px;
    max-width: 145px;
    width: 100%;
    color: var(--global-color);
    background: transparent;
    outline: none;
    box-shadow: none;
    border: 1px solid var(--global-color);
    border-radius: 0;
    padding: 10px 20px;
    transition: all .4s ease;
}

.btn-secondary:hover {
    background-color: var(--global-color);
    border-color: transparent;
}

.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: none !important;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    background-color: var(--global-color);
    border-color: transparent !important;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none !important;
    border-color: transparent;
}

.btn img {
    margin-left: 15px;
    width: 26px;
    transition: all .4s ease;
}

.btn:hover img {
    margin-left: 5px;
    width: 20px;
}

a {
    color: var(--global-color);
}

a:hover {
    color: var(--global-color);
}


/*===============================================================================
	CHECKBOX
===============================================================================*/

.checkbox {
    margin-bottom: 0;
}

.checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 6px 0 0 3px;
}

.checkbox_text {
    display: inline-block;
    position: relative;
    padding: 0 0 0 30px;
    cursor: pointer;
    color: var(--global-text-color);
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
}

.checkbox_text:before {
    content: '';
    position: absolute;
    top: calc(50% - 18px / 2);
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    background: #fff;
    transition: .2s;
    border: 1px solid var(--border-color);
}

.checkbox_text:after {
    content: '';
    position: absolute;
    top: calc(50% - 10px / 2);
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: var(--global-color1);
    transition: .2s;
    opacity: 0;
}

.checkbox input:checked + .checkbox_text:before {
    background: #fff;
    border-color: var(--global-color1);
}

.checkbox input:checked + .checkbox_text:after {
    opacity: 1;
}


/*===============================================================================
	RADIO
===============================================================================*/

.radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px;
}

.radio + label {
    position: relative;
    padding: 0 0 0 35px;
    cursor: pointer;
    font-size: 14px;
}

.radio + label:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0px;
    width: 22px;
    height: 22px;
    border: 2px solid var(--border-color);
    border-radius: 50%;
    background: #FFF;
}

.radio + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--global-color);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5);
    opacity: 0;
    transition: .2s;
}

.radio:checked + label:after {
    opacity: 1;
}

.radio:checked + label:before {
    border-color: var(--global-color);
}


/*===============================================================================
	SLIDER
===============================================================================*/

.owl-theme .owl-nav {
    margin-top: 0;
}

.owl-theme .owl-nav [class*=owl-] {
    height: 20px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 14px;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
    cursor: pointer;
    border-radius: 0 !important;
    outline: none;
    transition: all .4s ease 0s;
}

.owl-theme .owl-next {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 5px;
    top: calc(0% - 40px);
}

.owl-theme .owl-prev {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 55px;
    top: calc(0% - 40px);
}

.owl-theme .next-slide {
    background: url(assets/images/owl-right.svg) no-repeat 100%;
    height: 15px;
    width: 30px;
    padding: 0;
}

.owl-theme .prev-slide {
    background: url(assets/images/owl-left.svg) no-repeat 100%;
    height: 15px;
    width: 30px;
    padding: 0;
}

.owl-theme .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 40px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-dots .owl-dot span {
    background: var(--global-text-color);
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--global-color);
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
}

#slider .owl-slide {
    position: relative;
    height: 100vh;
}

.cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#slider .owl-slide {
    position: relative;
    filter: brightness(50%);
}

/* #slider .owl-slide::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(6, 14, 41, 0) 67.65%, rgba(9, 18, 48, 0.9) 87.42%);
} */
#slider .owl-item .caption {
    opacity: 0;
    pointer-events: none;
}


/*===============================================================================
	Form
===============================================================================*/

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #6F6F6F;
}

.form-control {
    font-weight: normal;
    font-size: 15px;
    color: var(--global-text-color);
    height: calc(2em + 1.2rem);
    padding: 0 15px;
    background-color: transparent;
    border: 1px solid #2E5060;
    border-radius: 0;
    caret-color: var(--global-color);
}

.form-control:focus {
    color: var(--global-text-color);
    background-color: transparent;
    border-color: var(--global-color);
    outline: 0;
    box-shadow: none;
}

.effect::-webkit-input-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    transition: opacity 0.3s ease;
}

.effect::-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    transition: opacity 0.3s ease;
}

.effect:-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    transition: opacity 0.3s ease;
}

.effect:-ms-input-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    transition: opacity 0.3s ease;
}

.effect:focus::-webkit-input-placeholder {
    color: var(--placeholder-color);
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

.effect:focus::-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

.effect:focus:-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

.effect:focus:-ms-input-placeholder {
    color: var(--placeholder-color);
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

textarea {
    resize: none;
}

/*----Validate input-----*/

.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-valid ~ .valid-feedback {
    position: absolute;
    display: flex;
    align-items: center;
    margin-top: 0;
}

.invalid-feedback .message_text,
.valid-feedback .message_text {
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 0;
    margin-left: 5px;
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus,
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    box-shadow: none;
}

.image_uploads {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.file_wrapper, .password_wrapper {
    position: relative;
}

.preview {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.42;
    color: var(--placeholder-color);
    padding-right: 130px;
}

.preview ul {
    margin-bottom: 0;
    padding: 0;
}

.preview li {
    list-style: none;
}

.preview img {
    margin-right: 10px;
}

.file_wrapper .browse {
    position: absolute;
    top: 7px;
    right: 20px;
    margin-bottom: 0;
    width: 90px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--global-color);
    color: var(--global-color);
    border-radius: 0;
    cursor: pointer;
    transition: all .4s ease;
}

.file_wrapper .browse:hover {
    background-color: var(--global-color);
    color: #fff;
}

.files_uploads {
    background: rgba(249, 250, 251, 0.35);
    border: 1px dashed var(--border-color);
}


/*===============================================================================
	Select2
===============================================================================*/

.select2-container .select2-selection--single {
    font-size: 16px;
    height: 60px;
    border: 1px solid var(--border-color);
    border-radius: 0;
    outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    padding-right: 40px;
    line-height: 58px;
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 58px;
}

.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--border-color);
    border-radius: 0;
    background: #12262F;
    border-color: #2E5060;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--global-color);
    color: #fff;
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--main-background-color1);
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-top: 2px solid var(--global-text-color);
    border-right: 2px solid var(--global-text-color);
    right: 0;
    margin-left: -15px;
    margin-top: -5px;
    transform: rotate(135deg);
    border-width: 2px;
    top: calc(50% - 2px);
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(315deg);
    border-width: 2px;
    border-color: var(--global-text-color) var(--global-text-color) transparent transparent;
    top: calc(50% - -4px);
}

.select2-search__field {
    outline: none !important;
}

.select2-results {
    font-size: 14px;
    line-height: 32px;
}

.select2-results__option {
    height: 45px;
    padding: 6px 15px;
}


/*===============================================================================
	Breadcrumb
===============================================================================*/

.breadcrumb_wrapper {
    padding-top: 80px;
}

.breadcrumb_wrapper .breadcrumb {
    background-color: transparent;
    padding: 15px 0;
    margin-bottom: 0;
}

.breadcrumb_wrapper .breadcrumb-item,
.breadcrumb_wrapper .breadcrumb-item a {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    color: var(--global-text-color);
    align-self: center;
}

.breadcrumb_wrapper .breadcrumb-item a {
    color: var(--global-text-color);
    margin: 0;
    padding: 0;
    background: transparent;
}

.breadcrumb_wrapper .breadcrumb-item a:hover {
    text-decoration: none;
}

.breadcrumb_wrapper .breadcrumb-item + .breadcrumb-item::before {
    color: var(--global-text-color);
    content: "/";
    font-weight: normal;
}

.breadcrumb_wrapper .breadcrumb-item.active {
    font-weight: bold;
}


/*===============================================================================
	Pagination
===============================================================================*/

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 40px 0 20px;
    border-radius: 0;
}

.pagination li {
    display: inline-block !important;
    margin: 0 3px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 31px;
    height: 36px;
    color: var(--placeholder-color);
    text-decoration: none;
    background-color: transparent;
    border: 0px solid var(--border-color);
    border-radius: 0px;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: var(--global-color);
    border-color: var(--border-color);
}

.pagination > li > a, .pagination > li > span {
    color: var(--placeholder-color);
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #162E38;
    border: 1px solid #162E38;
    color: var(--global-color);
}

.pagination li .next,
.pagination li .prev {
    line-height: 0;
    padding: 0;
}


/*===============================================================================
	Scrollbar browsers
===============================================================================*/

/* scrollbar firefox */
html {
    scrollbar-color: gray lightgrey;
    scrollbar-width: thin;
}

/*scrollbar chrome edge*/
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: lightgrey;
    box-shadow: none;
}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    background-color: grey;
}

/* hidden scrollbar chrome edge*/
/* ::-webkit-scrollbar {
    width: 0;
} */
/* hidden scrollbar firefox */
/* html {scrollbar-width: none;} */

.simplebar-scrollbar::before {
    background-color: grey !important;
    opacity: 1 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: 0 !important;
}

.simplebar-track.simplebar-vertical {
    background: #E0E0E0;
    width: 8px !important;
    border-radius: 0 !important;
    right: 0px !important;
}

.simplebar-track.simplebar-horizontal {
    background: #E0E0E0;
    height: 8px !important;
    border-radius: 0 !important;
}


/*===============================================================================
	Header
===============================================================================*/
.left_block_header,
.right_block_header {
    display: flex;
    align-items: center;
}

.navbar {
    /* padding: 0 100px; */
    height: 100px;
    background: transparent;
}

.navbar-brand {
    margin: 0 0 0 50px;
    max-width: 100% !important;
    padding: 0px !important;
}

.block_link {
    margin-left: 175px;
    display: flex;
    margin-top: 15px;
}

.block_link a {
    display: inline-block;
}

.block_link a:not(:last-child) {
    margin-right: 35px;
}

.cart {
    margin: 0 50px 0 50px;
}

.wrapper_cart {
    position: relative;
}

.cart button {
    display: flex;
    align-items: center;
    justify-content: center;
    /*height: 100px;
    width: 122px;*/
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
}

.cart .dropdown-toggle::after {
    border: 0 !important;
}

.cart .dropdown_menu {
    display: none;
    position: absolute;
    max-width: 475px;
    width: 100%;
    left: auto;
    right: 100px;
    background: linear-gradient(0deg, #F9FAFB, #F9FAFB), #EDF8FB;
}

.block_table {
    max-height: 295px;
    padding: 20px 40px 40px 20px;
}

#scrolltable td {
    padding: 20px 0px 0px 20px;
}

.table_image img {
    max-width: 100px;
    height: 100%;
}

.remove_from_cart_button {
    position: absolute;
    right: 40px;
}

.woocommerce .quantity .qty {
    width: 65px;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    color: var(--global-text-color);
    height: calc(2em + 1.2rem);
    padding: 0 15px;
    background-color: transparent;
    border: 1px solid #2E5060;
    border-radius: 0;
    caret-color: var(--global-color);
}

.table_info {
    width: 100%;
}

.cart_prod_name {
    font-weight: 400;
    font-size: 16px;
    color: #0D2930;
    margin-bottom: 20px;
    margin-right: 30px;
}

.cart_prod_color {
    color: #90A4A9;
    text-transform: capitalize;
    font-size: 14px;
    padding-right: 0;
}

.cart_prod_count {
    color: #212529;
}

.cart_prod_info .cart_prod_count {
    display: flex;
}

.cart_price {
    font-weight: 600;
    font-size: 16px;
    color: #0D2930;
    max-width: 100px;
}

.block_total {
    padding: 17px 40px;
    background-color: #fff;
}

.block_total .cart_price {
    font-weight: 600;
    font-size: 18px;
    color: #0D2930;
}

.block_checkout {
    text-transform: capitalize;
    text-align: center;
    background: var(--global-color);
}

.block_checkout a {
    display: block;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    padding: 13px 0;
}

.block_checkout a:hover {
    text-decoration: none;
}

.cart_circle {
    position: absolute;
    top: -8px;
    right: 2px;
    width: 18px;
    height: 18px;
    background: var(--global-color);
    border-radius: 50%;
}

.cart_circle .count {
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
    color: #fff;
    display: flex;
    align-self: center;
    justify-content: center;
}

.menu_wrapper {
    align-items: center;
}

.drawer-list {
    position: fixed;
    right: 0;
    top: 100px;
    height: 100Vh;
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    border: 0;
    transform: translate(-100vw, 0);
    /* ie workaround */
    -ms-transform: translateX(100vw);
    box-sizing: border-box;
    pointer-events: none;
    /* transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease; */
    /* border-bottom-left-radius: 100vw; */
    background: var(--main-background-color1);
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1;
    opacity: 0;
    transition: opacity .4s ease-in-out;
}

.drawer-list .container-fluid {
    align-self: center;
}

.drawer-list ul {
    width: 100%;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    text-align: center;
    justify-content: center;
}

.drawer-list li {
    list-style: none;
    text-transform: uppercase;
    pointer-events: auto;
    white-space: nowrap;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    margin: 0;
    line-height: 0;
    /* padding: 0 0 20px; */
    transition: all .4s ease;
    transform: translateX(5vw);
    -ms-transform: translateX(-5vw);
    margin-bottom: 60px;
}

.drawer-list li:last-child {
    margin-bottom: 0;
}

.drawer-list li a {
    font-family: 'Spartan', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 46px;
    line-height: 56px;
    text-decoration: none;
    text-transform: capitalize;
    text-align: center;
    display: inline-block;
    color: var(--global-text-color);
    margin: 0;
    padding: 10px 0;
    transition: all .4s ease;
    overflow: hidden;
}

.drawer-list li a:hover {
    transform: scale(1.1);
    color: var(--global-color);
}

.drawer-list li a:last-child {
    margin-bottom: 0px;
}

.drawer-list .nav_menu {
    margin-top: -100px;
    display: block;
}

/* .drawer-list .nav_menu::before {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #F6F6F6 100%);
} */
.drawer-list ul ul {
    margin-top: 0;
}

.drawer-list ul ul li {
    transform: translateX(2.5vw);
    -ms-transform: translateX(-2.5vw);
}

.drawer-list ul ul li:last-child {
    padding-bottom: 10px;
}

.drawer-list ul ul li a {
    font-family: 'Spartan', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: var(--global-text-color1);
}

input.hamburger {
    display: none;
}

input.hamburger:checked ~ .drawer-list {
    transform: translateX(0);
    border-bottom-left-radius: 0;
    opacity: 1;
}

input.hamburger ~ .drawer-list li {
    opacity: 0;
}

input.hamburger:checked ~ .drawer-list li {
    transform: translateX(0);
    transition: all .4s ease-in-out .4s;
    opacity: 1;
}

label.hamburger {
    z-index: 9999;
    position: relative;
    display: block;
    margin-bottom: 0;
}

label.hamburger:hover {
    cursor: pointer;
}

label.hamburger {
    left: 0;
}

.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hamRotate.active {
    transform: rotate(45deg);
}

.hamRotate180.active {
    transform: rotate(180deg);
}

.ham .line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #fff;
    stroke-width: 3;
    stroke-linecap: square;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.ham.active .line {
    stroke: #fff;
}

.ham7 .top {
    stroke-dasharray: 40 82;
}

.ham7 .middle {
    stroke-dasharray: 20 111;
}

.ham7 .bottom {
    stroke-dasharray: 30 161;
}

.ham7:hover .top,
.ham7.active .top {
    stroke-dasharray: 40 82;
}

.ham7:hover .bottom,
.ham7.active .bottom {
    stroke-dasharray: 40 161;
}

.ham7:hover .middle,
.ham7.active .middle {
    stroke-dasharray: 40 111;
}

.ham7.active .top {
    stroke-dasharray: 25 82;
    stroke-dashoffset: -62px;
}

.ham7.active .middle {
    stroke-dashoffset: 23px;
}

.ham7.active .bottom {
    stroke-dashoffset: -83px;
}

.ham7:hover .line {
    stroke: var(--global-color);
}


/*===============================================================================
	FOOTER
===============================================================================*/

footer {
    padding-top: 139px;
    padding-bottom: 139px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--main-background-color1);
}

.f_header h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 0;
}

.f_header p {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    color: var(--global-color);
}

.blocks_wrapper {
    padding-top: 80px;
    padding-bottom: 120px;
}

.blocks_wrapper .blocks .blocks_head {
    font-family: 'Noto Serif KR', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 8px;
}

.blocks_wrapper .blocks .blocks_text {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--global-color);
}

.block_icons .soc_icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    transition: all .3s ease;
}

.block_icons .soc_icon a:hover {
    color: var(--global-color);
    text-decoration: none;
}


/*===============================================================================
	MAIN
===============================================================================*/

.fullscr_slider {
    padding: 0;
}

.fullscreen {
    position: relative;
    height: 100Vh;
    background-color: gray;
}

.fullscreen .left_side {
    max-width: 20%;
    height: 100Vh;
    width: 100%;
    display: inline-flex;
    background: linear-gradient(0deg, #0D2930, #0D2930), #0D3943;
    background-image: url(assets/images/slide_leftside.png);
    padding: 0;
}

.fullscreen .right_side {
    padding: 0;
    max-width: 80%;
}

.fullscreen .row {
    margin-left: 0;
    margin-right: 0;
}

.block_control_slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.block_control_slider .blocks {
    width: 20%;
    display: block;
    height: 100%;
    position: relative;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    float: left;
}

.block_control_slider .blocks:first-child {
    border-left: 0;
}

.block_control_slider .blocks:last-child {
    border-right: 0;
}

.c_block {
    height: 122px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    background: black;
    width: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 20px;
}

.static_block {
    font-weight: 600;
    font-size: 18px;
    background-color: var(--global-color);
    color: #fff;
    justify-content: center;
}

.dinamic_block {
    cursor: pointer;
}

.dinamic_block p {
    margin-bottom: 0;
}

.dinamic_block.active p {
    align-self: center;
}

.dinamic_block .slide_text {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}

.dinamic_block .slide_num {
    font-weight: 800;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.34);
    transition: all 0.4s ease;
}

.dinamic_block.active .slide_num {
    font-weight: 300;
    font-size: 64px;
}

.dinamic_block.active .slide_text {
    transition: all 0.4s ease;
    display: none;
}

.static_block svg {
    margin-left: 10px;
}

.static_block svg path {
    fill: #fff;
}

.caption_head {
    font-weight: 800;
    font-size: 72px;
    color: #fff;
    transition: all 0.4s ease;
}

.caption_text {
    font-weight: 400;
    font-size: 30px;
    color: #fff;
}

.clearfix {
    clear: both;
}

.block_caption {
    position: absolute;
    top: 50%;
    left: 100px;
    z-index: 1;
    max-width: 700px;
    transform: translate(0, -50%);
}

.block_caption .slide-content {
    opacity: 0;
    overflow: hidden;
    height: 0;
    transition: all 2s ease;
}

.block_caption .slide-content.active {
    opacity: 1;
    height: auto;
}

.contents .first {
    padding-top: 200px;
}

section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.home .btn-secondary {
    color: #fff;
    border-color: #fff;
    text-transform: none;
}

.home .btn-secondary:hover {
    background-color: var(--global-color);
}

.main_solutions_wrapper .block_wrap {
    margin-bottom: 30px;
}

.main_solutions_wrapper .block_column {
    padding: 50px;
    height: 100%;
    border: 1px solid #ECF2F3;
}

/* .mabg1 {
    background: url(assets/images/mabg1.png) no-repeat center;
    background-size: cover;
}
.mabg2 {
    background: url(assets/images/mabg2.png) no-repeat center;
    background-size: cover;
}
.mabg3 {
    background: url(assets/images/mabg3.png) no-repeat center;
    background-size: cover;
} */
.bg1 {
    background: var(--main-background-color1);
}

.workplace_wrapper {
    margin-bottom: 30px;
}

.block_workplace {
    padding: 50px;
    background: #162E38;
}

.block_workplace h5 {
    color: #fff;
}

.block_workplace p {
    color: rgba(255, 255, 255, 0.81);
}

.more a {
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
    color: var(--global-color);
    margin: 0;
    padding: 0;
    background: transparent;
    overflow: visible;
}

.more a:hover {
    text-decoration: none;
}

.more a img {
    transition: all .4s ease;
}

.more a:hover img {
    transform: translateX(10px);
}

.hvr-underline-from-left:before {
    content: '';
    height: 1px;
    max-width: 85%;
}

.main_about {
    padding-bottom: 100px;
}

.main_about_wrapper {
    display: flex;
    flex-direction: column;
    max-width: 637px;
    width: 100%;
    padding-left: 80px;
}

.main_about_wrapper p {
    font-weight: 400;
    font-size: 15px;
}

.markets_wrapper {
    padding: 60px;
    background-color: #fff;
    border: 1px solid #E2E8EC;
}

.markets_wrapper .health {
    text-align: center;
}

.markets_wrapper .learning {
    text-align: right;
}

.control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.control h3 {
    margin-bottom: 0;
}

.caption {
    font-weight: 600;
    font-size: 22px;
    margin-top: 20px;
    color: var(--global-heading-color);
}

.owl_left,
.owl_right {
    border: 0;
    background: transparent;
}

.partners_btn {
    padding-left: 100px;
}

.partners_carousel_wrap {
    padding: 70px 70px;
    max-width: 1515px;
    margin-left: auto;
}

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


.main_vendors_wrapper {
    max-width: 380px;
    padding-left: 70px;
}

.vendor_wrapper {
    max-width: 747px;
    padding: 60px;
    background-color: #fff;
    border: 1px solid #E2E8EC;
    display: inline-block;
    margin-top: 20px;
    margin-left: -50%;
}

.vendor_image {
    display: flex;
    justify-content: space-between;
}

.vendor_image img:not(:last-child) {
    margin-right: 50px;
}

.more.main_vendors_wrapper {
    margin-top: 30px;
}

.insp_blk {
    margin: 130px 0;
}

.products_wrapper {
    padding-top: 40px;
}

.product_card_wrapper {
    margin-bottom: 30px;
}

.product_card {
    width: 100%;
    background: #162E38;
    transition: all .3s linear;
}

.product_card:hover {
    background: #12262F;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.5);
    overflow: visible;
    z-index: 1;
}

.product_card .card_btn {
    transition: all .3s linear;
}

.product_card:hover .card_btn {
    opacity: 1;
    pointer-events: all;
}

.product_image {
    margin: 0 auto;
    display: block;
}

.product_data {
    padding: 30px;
}

.product_name {
    margin-bottom: 20px;
}

.product_name a {
    font-weight: 400;
    font-size: 16px;
    color: var(--global-heading-color);
    transition: all .3s linear;
}

.product_name a:hover {
    text-decoration: none;
    color: var(--global-color);
}

.product_price {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
    color: var(--global-heading-color);
}

.card_btn {
    display: flex;
    align-items: center;
    border: 0;
    background: transparent;
    font-weight: 600;
    font-size: 18px;
    color: var(--global-color);
    opacity: 0;
    pointer-events: none;
}

.card_btn img {
    width: 30px;
    position: relative;
    bottom: 2px;
    margin-right: 10px;
}

#products .owl-item {
    margin: 30px 0;
}

.buttons_owl {
    display: flex;
}


/*===============================================================================
	PAGE-content
===============================================================================*/

.page-content, body.page, body {
    background: #12262F !important;
}

.page-content section, body.page section {
    padding-top: 200px;
    padding-bottom: 200px;
}

.page-content .navbar {
    background: #12262F;
    border-bottom: 1px solid rgba(255, 255, 255, 0.31);
}

.page-content .navbar .ham .line {
    stroke: var(--global-heading-color);
}

.page-content .navbar .hamRotate.active path {
    stroke: #E2E8EC;
}

.page-content .navbar .hamRotate.active:hover path {
    stroke: var(--global-heading-color);
}

.page-content footer,
body.page footer {
    background: var(--main-background-color1);
}


/*===============================================================================
	About
===============================================================================*/

.first_about {
    padding-top: 100px;
}

.about_wrapper {
    max-width: 637px;
    margin-left: auto;
}

.about_wrapper h2 {
    margin-bottom: 60px;
}

.about_wrapper p {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}

.about_left h2 {
    margin-bottom: 20px;
}

.about_left {
    margin-left: 70px;
    margin-right: auto;
}

.block_grid_image img {
    margin-bottom: 5px;
}

.block_grid_image .block_image {
    display: flex;
    justify-content: end;
}

.block_grid_image .block_image img:not(:first-child) {
    margin-left: 5px;
}

.container.test {
    width: 100%;
    height: 50px;
    background-color: #0060A2;
}

.timeline {
    color: #fff;
    padding: 60px 0 0;
}

.timeline ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    max-width: 100%;
}

.timeline ul:before {
    content: "";
    position: absolute;
    width: 76%;
    height: 2px;
    background: #354549;
}

.timeline ul li {
    font-family: 'Noto Sans', sans-serif;
    padding: 20px 10px 0;
    position: relative;
    max-width: 242px;
}

.timeline ul li span {
    font-family: 'Noto Serif KR', serif;
    position: absolute;
    top: -40px;
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    color: #E2E8EC;
}

.timeline ul li:before {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    background-color: var(--global-color);
    border-radius: 50%;
    left: 0;
    top: -5px;
}

.timeline li p {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: var(--global-text-color);
}

.timeline ul li b {
    font-weight: 600;
}

.leadership_card {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
    padding: 5px;
    background: #12262F;
}

.leadership_image {
    margin-bottom: 20px;
}

.leadership_data {
    padding: 0 25px;
}

.leadership_name {
    font-family: 'Noto Serif KR', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}

.leadership_text {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #90A4A9;
}

.image_wrap {
    background: #1A313C;
    padding: 80px 60px 80px 0;
}

.platinum p {
    margin-bottom: 10px;
}


/*===============================================================================
	Services
===============================================================================*/

#pills-tab {
    border: 0;
    background: #1A313C;
}

#pills-tab .nav-item {
    width: 33.3333%;
    text-align: center;
}

.nav-pills .nav-link {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    border-radius: 0;
    color: var(--global-heading-color);
    padding: 50px 0;
}

.nav-pills .nav-link img {
    margin-right: 10px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: #203D49;
    color: var(--global-heading-color);
}

.markets_wrap .main_about_wrapper {
    /* margin-top: 100px; */
    height: 100%;
}

.markets_section,
.markets_wrap {
    position: relative;
}

.markets_wrap1 {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    max-width: 1140px;
    z-index: 1;
}

#pills-tabContent {
    margin-top: auto;
}

.accordion ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0 0 5px 0;
    padding: 0;
}

.accordion ul li:nth-child(1) {
    background-image: url(assets/images/slides/project1.jpg);
}

.accordion ul li:nth-child(2) {
    background-image: url(assets/images/slides/slide1.jpg);
}

.accordion ul li:nth-child(3) {
    background-image: url(assets/images/slides/project2.jpg);
}

.accordion ul li {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    width: 16.666%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 500ms ease;
}

.accordion ul:hover li {
    width: 0%;
}

.accordion ul:hover li:hover {
    width: 100%;
}

.blk_child1,
.blk_child2,
.blk_child3,
.blk_child4,
.blk_child5,
.blk_child6 {
    transition: all .4s linear;
}

.blk_child1.hovered,
.blk_child2.hovered,
.blk_child3.hovered,
.blk_child4.hovered,
.blk_child5.hovered,
.blk_child6.hovered{
    margin-top: -50px;
}

.outer_wrapper {
    display: flex;
}

.block_service_wrapper .block_wrap {
    background-color: #162E38;
    position: relative;
    width: 367px;
    height: 367px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 30px;
}

.block_service_wrapper .block_wrap:last-child {
    margin-right: 0;
    margin-bottom: 5px;
}

#Visible_1,
#Visible_2,
#Visible_3,
#Visible_4,
#Visible_5,
#Visible_6{
    display: flex;
    flex-direction: column;
    height: 100%;
}

#Visible_1_1,
#Visible_2_1,
#Visible_3_1,
#Visible_4_1,
#Visible_5_1,
#Visible_6_1 {
    display: none;
}

.outer_wrapper .block_hidden img {
    margin-bottom: 20px;
}

.outer_wrapper .block_hidden p {
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
}

.outer_wrapper .block_wrap.hovered {
    border-bottom: 2px solid var(--global-color);
}

.block_column_top {
    font-family: 'Noto Serif KR', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 92px;
    color: #374449;
}

.block_column_bottom {
    margin-top: auto;
}

.block_column_bottom a {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 20px;
}

.block_column_bottom a h5 {
    margin: 0;
    padding: 0;
    background: transparent;
    color: #fff;
    transition: all .4s ease;
}

.block_column_bottom a:hover h5 {
    color: var(--global-color);
}

.block_column_bottom a h5:before {
    max-width: 100%;
}

.block_column_bottom img {
    margin-bottom: 20px;
    display: block;
}

.service_block_head h2,
.service_block_head h3 {
    margin-bottom: 50px;
}


/*===============================================================================
	Projects + Partners
===============================================================================*/

.projects_wrapper {
    margin-top: 40px;
}

.block_project .block_wrap {
    position: relative;
}

.block_project .block_wrap .caption {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #12262F;
    padding: 10px 15px 0 0;
    display: flex;
    flex-direction: column;
    margin-top: 0;
    overflow: hidden;
    max-height: 35px;
    transition: max-height .4s ease-in-out;
}

.block_project .block_wrap:hover .caption {
    max-height: 70px;
}

.block_project .block_wrap .caption span {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 2px;
    color: var(--placeholder-color);
}

.block_project {
    margin-bottom: 30px;
}

.buttons_blk_tab {
    margin-bottom: 30px;
}

.buttons_blk_tab #pills-tab {
    border: 0;
}

.buttons_blk_tab #pills-tab .nav-item {
    width: auto;
    text-align: center;
}

.buttons_blk_tab .nav-pills .nav-link {
    padding: 10px 15px;
    margin: 0 10px 10px 0;
    border: 1px solid var(--border-color);
}

.project_info {
    margin-top: 30px;
}

.project_info p {
    font-size: 15px;
    line-height: 22px;
}

.project_info table td {
    vertical-align: baseline;
    padding: 0 30px 16px 0;
    font-size: 16px;
    line-height: 22px;
}

.project_head {
    font-size: 16px;
    line-height: 22px;
}

.partner_wrapp {
    margin: 72px 0 0 62px;
}

.partner_wrapp h2 {
    margin-bottom: 100px;
}

.partner_text {
    font-size: 15px;
    line-height: 22px;
    margin-top: 50px;
}

.partners_brands_wrapper {
    margin-top: -72px;
    margin-left: auto;
}

.partners_brands {
    background: #162E38;
    padding: 30px 30px 10px;
}

.partners_brands_top {
    display: flex;
    justify-content: space-between;
}

.partners_brands_top h5 {
    font-weight: 400;
    margin-bottom: 0;
}

.partners_brands_top h5:last-child {
    color: rgba(255, 255, 255, 0.64);
}

.partners_brands_bottom ul {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0;
}


/*===============================================================================
	Contacts
===============================================================================*/

.contacts_first {
    padding-top: 100px;
    padding-bottom: 0;
}

.contact_wrapper {
    max-width: 460px;
    margin-left: auto;
}

.list_contact a {
    margin: 0;
    padding: 0;
    background: transparent;
    transition: all .4s linear;
    color: #fff;
}

.list_contact a:hover {
    text-decoration: none;
    color: var(--global-color);
}

.list_contact a.hvr-underline-from-left:before {
    max-width: 100%;
}

.list_contact td {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    padding: 10px 5px 10px 0;
    vertical-align: top;
    color: #fff;
}

.list_contact td span.icon {
    max-width: 25px;
    width: 100%;
    display: block;
    margin-right: 5px;
    line-height: 26px;
}

.form_block {
    padding: 70px 80px;
    background: var(--main-background-color1);
    border: 1px solid #2E5060;
}

.form_block .files_uploads {
    background: transparent;
    border-color: #2E5060;
}

.form_block .preview {
    border: 0;
}

.btn_100 {
    max-width: 100%;
}


/*===============================================================================
	Slick
===============================================================================*/

.slider-single > div:nth-child(1n+2) {
    display: none
}

.slider-single.slick-initialized > div:nth-child(1n+2) {
    display: block
}

.slider-single h3 {
    background: #f0f0f0;
    color: #3498db;
    font-size: 2.25rem;
    position: relative;
    text-align: center;
    line-height: 10rem;
}

.slider-nav {
    padding: 0 50px 0 0;
    margin-top: 34px;
}

.slider-nav h3::before {
    content: "";
    display: block;
    padding-top: 75%;
}

.slider-nav h3 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slider-nav .slick-slide {
    cursor: pointer;
    position: relative;
}

.slider-nav .slick-track {
    margin-left: 0;
}

.slider-nav .slick-next {
    right: 0;
}

.slider-nav .slick-prev:before, .slider-nav .slick-next:before {
    color: var(--global-color);
}

.slick-slide.is-active h3 {
    color: #c00;
    background-color: rgb(70, 69, 69)
}

.slick-prev:before, .slick-next:before {
    color: #000;
}

.slider-nav .slick-slide img {
    max-width: 105px;
    width: 100%;
    border: 1px solid transparent;
}

.slider-nav .is-active img {
    border: 1px solid var(--global-color);
}

.slick-prev:before, .slick-next:before {
    font-family: inherit;
}


/*===============================================================================
	Products_single
===============================================================================*/

.descriprion-wrap {
    padding-left: 60px;
}

.prod_brand {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--global-color);
}

.brand_name {
    font-weight: 800;
    font-size: 36px;
    line-height: 54px;
    color: var(--global-heading-color);
    margin-bottom: 20px;
    background: transparent;
}

.product_color {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
}

.single_form {
    margin: 0 0 40px;
}

.product_color {
    margin-bottom: 20px;
}

.product_color .select2-container .select2-selection--single {
    height: 40px;
}

.product_color .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}

.product_color .select2-container {
    width: 190px !important;
    margin-left: 20px;
}

.product_color .select2-container .select2-selection--single {
    border: 1px solid #2E5060;
    background: transparent;
}

.product_color .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.product_color .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top: 1px solid #2E5060;
    border-right: 1px solid #2E5060;
    margin-top: -7px;
}

.product_color .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    top: calc(50% - 2px);
}

.product_color .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    top: calc(50% - -4px);
    border-top: 1px solid #2E5060;
    border-right: 1px solid #2E5060;
}

.by_now button {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: var(--global-color);
    border: 0;
    background: transparent;
    padding: 10px 0;
}

.add_cart button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 58px;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    line-height: 19px;
    color: #fff;
    background: var(--global-color);
}

.add_cart button img {
    margin-right: 10px;
}

.product_descr {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: var(--global-text-color);
    margin-top: 30px;
    margin-bottom: 30px;
}

.block_info {
    background: linear-gradient(0deg, #F9FAFB, #F9FAFB), #EDF8FB;
    padding: 30px;
}

.list_info td {
    padding: 10px 0;
}

.list_info td .icon {
    margin-right: 20px;
}

.block_cart .block_total {
    padding: 20px 0;
}

.checkout_form label {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: var(--global-text-color);
    margin-bottom: 11px;
}

.checkout_form .block_table {
    max-height: 317px;
}

.product_info table td {
    vertical-align: baseline;
    padding: 0 13px 15px 0;
    font-size: 15px;
    line-height: 22px;
}

.product_info table td li:not(:last-child) {
    margin-bottom: 15px;
}

.double_card,
.double_card .double_card_block {
    height: 100%;
    display: grid;
}

.double_card .product_image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


/*===============================================================================
	Checkout
===============================================================================*/

.checkout_form .cart_prod_name,
.checkout_form .cart_prod_count,
.checkout_form .cart_price {
    color: #fff;
}

.checkout_form .block_total {
    background: #12262F;
}


/*===============================================================================
	Vendors
===============================================================================*/

.vendors_wrapper .block_head {
    margin: 40px 0;
}

.vendor_blk_wrap {
    margin-bottom: 30px;
}

.vendor_blk {
    border: 1px solid #ECF2F3;
    max-width: 350px;
    padding: 30px;
    height: 100%;
    transition: all .4s ease;
}

.vendor_blk:hover {
    background: #fff;
    box-shadow: 0px 5px 30px rgb(0 0 0 / 10%);
    overflow: visible;
    z-index: 1;
}

.vendor_img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    margin: 10px 0 30px;
}

.vendor_text {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: var(--global-text-color);
    margin-bottom: 20px;
}

.cases {
    margin-bottom: 15px;
}

.case_brand_head {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #90A4A9;
    margin-bottom: 5px;
}

.case_brand_text {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #90A4A9;
}

.vendor_blk .hover_block {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease-out;
}

.vendor_blk:hover .hover_block {
    max-height: 300px;
    transition: max-height .4s ease-out;
}

.vendor_blk .more a:before {
    bottom: 1px;
}

.variable-width .f_img img {
    margin: 0 auto;
}

#furniture-control .control {
    margin-bottom: 50px;
}

#furniture-control .controls,
#furniture-control1 .controls {
    margin-bottom: 50px;
}

.variable-width .f_img.slick-current {
    background: #fff;
}

.caption_slide {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: var(--global-text-color);
}

#Navbar {
    transition: background-color 400ms linear;
}

#Navbar.scrolled {
    /*background-color: #05151b !important;*/
    background-color: rgba(5, 21, 27, 0.85)!important;
}

.nowrap {
    white-space: nowrap !important;
}


/*===============================================================================
    Modal
===============================================================================*/

.fancybox-is-open .fancybox-bg {
    opacity: 0.5 !important;
}

.fancybox-content {
    padding: 10px 44px 30px !important;
    background: rgb(14 31 38 / 68%) !important;
    color: #fff;
    max-width: 800px !important;
}

.fancybox-content img {
    margin-bottom: 20px;
}

.fancybox-content p {
    color: #fff;
}


/*===============================================================================
    BMC Pages
===============================================================================*/

.blocks {
    text-align: center;
}

.blocks .blocks_text {
    /*max-width: 238px;*/
    margin: auto;
}

.block_icons {
    display: flex;
    justify-content: space-between;
}

.centered {
    align-items: center;
    align-self: center;
}

.block_name p {
    font-size: 15px;
    line-height: 24px;
    max-width: 744px;
}

.our_services {
    padding-top: 100px;
}

.block_service_wrapper {
    margin-bottom: 30px;
}

.block_service {
    background-color: var(--main-background-color1);
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}

.block_service_first {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.block_service_first .block_service_name {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
}

.block_service_first .block_service_name h3 {
    margin-bottom: 0;
}

.block_service .block_service_content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px;
}

.block_service_content_image {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
}

.block_service_content_name {
    font-family: 'Noto Serif KR', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.block_service_content_text {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
}

.block_service_content_text ul {
    margin-top: 10px;
    margin-bottom: 0;
    padding-inline-start: 18px;
}

.block_service_content_text ul li::marker {
    color: var(--global-color);
}

.block_service_content_text ul li {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}

.block_portfolio_content {
    display: flex;
    align-items: center;
    height: 100%;
}

.block_portfolio {
    margin-bottom: 30px;
}

.portfolio_inner {
    position: relative;
}

.block_portfolio .portfolio_name {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--main-background-color1);
    padding: 10px 15px 0 0;
}

.vendors_wrapper {
    margin-top: 25px;
}

.vendor_block {
    position: relative;
    background: var(--main-background-color1);
    padding: 30px;
    height: 100%;
    z-index: 2;
}

.vendor_image {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.vendor_text {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    min-height: 220px;
    max-height: 220px;
    overflow: hidden;
    margin-bottom: 30px;
}

.vendor_info {
    color: #90A4A9;
    font-size: 15px;
    line-height: 22px;
}

.vendor_info .brands_block:not(:last-child) {
    margin-bottom: 15px;
}

.brands_block_top {
    font-weight: 600;
}

.brands_block_bottom {
    font-weight: 400;
}

.vendor_block_wrapper .more {
    position: absolute;
    padding: 0 30px 30px;
    background: var(--main-background-color1);
    width: calc(100% - 30px);
    z-index: 1;
    transform: translateY(-100%);
    transition: transform .4s ease;
}

.vendor_block_wrapper:hover .more {
    transform: translateY(0%);
}

.vendor_block_wrapper .more a {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #05B4DE;
    outline: none;
    text-decoration: none;
}

.other_vendor_block_wrapper {
    margin-bottom: 30px;
}

.other_vendor_block {
    background: var(--main-background-color1);
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    width: 100%;
}

#clients,
#brands {
    padding: 58px 42px;
    background: var(--main-background-color1);
}

#clients .item {
    display: flex;
    align-items: center;
    height: 155px;
}

.smart_service .block_service_wrapper .block_service_first,
.smart_service .block_service_wrapper .block_service {
    padding-top: 52.86%;
}

.head_portfolio h3 {
    margin-bottom: 50px;
}

.other_vendor_block_name {
    display: flex;
    align-items: center;
    height: 100%;
}

.other_vendor_block_name h3 {
    margin-bottom: 0;
}

/*.our_vendors .other_vendor_block {
    height: 215px;
}*/

.our_vendors .other_vendor_block_wrapper {
    display: flex;
    align-items: center;
}

.our_vendors .other_vendor_block_wrapper img {
    max-width: 70%;
    width: 100%;
}

.window_service .block_service_wrapper .block_service_first,
.window_service .block_service_wrapper .block_service {
    padding-top: 68%;
}

.window_service {
    padding-top: 0;
}

.flex_block {
    display: flex;
    flex-direction: column;
}

.woocommerce-ordering,
.woocommerce-result-count {
    display: none;
}

.variations_form.cart {
    margin: 0;
}

.variations_form.cart .reset_variations {
    display: none !important;
}

.single_add_to_cart_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 58px;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    line-height: 19px;
    color: #fff;
    background: var(--global-color) !important;
}

.single_variation_wrap {
    padding-top: 20px;
}

.variations_form.cart label {
    font-weight: 400 !important;
    display: inline-block;
    margin-bottom: 0;
    padding-right: 10px;
}

.woocommerce table.shop_attributes td {
    font-style: normal;
}

.woocommerce a.added_to_cart {
    display: none !important;
}

.woocommerce button.button.loading {
    padding-right: 20px !important;
}

.woocommerce button.button.loading::after,
.woocommerce button.button.added img {
    display: none !important;
}

.block_total .cart_price strong {
    display: none !important;
}

.woocommerce-mini-cart__empty-message {
    padding: 10px;
    color: black;
}

.wc_payment_methods.payment_methods.methods {
    display: none;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent;
    border-radius: 5px;
}

.form-row-1,
.form-row-2,
.form-row-3 {
    clear: both !important;
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
}

@media (min-width: 768px) {
    .form-row-1 {
        width: 50% !important;
        float: left !important;
        margin-right: 0 !important;
        clear: both !important;
    }

    .form-row-2 {
        width: 33.333333% !important;
        float: left !important;
        margin-right: 0 !important;
        clear: none !important;
    }

    .form-row-3 {
        width: 16.666667% !important;
        float: left !important;
        margin-right: 0 !important;
        clear: none !important;
    }
}

.woocommerce-cart .woocommerce a.remove, .mini a.remove {
    border-radius: 0px !important;
    color: #05B4DE !important;
}

.woocommerce-cart .woocommerce a.remove:hover, .mini a.remove:hover {
    background: none !important;
    color: #05B4DE !important;
}

.woocommerce-cart-form__contents td {
    border-top: 1px solid #2E5060 !important;
}

.woocommerce-cart-form__contents {
    border: 1px solid #2E5060 !important;
    border-radius: 0px !important;
}

.woocommerce form .form-row {
    padding: 10px 0px;
    margin: 0 0 6px;
}

#payment {
    display: none;
}

#billing_house_field {
    padding-right: 30px;
}

.woocommerce table.shop_table {
    border: 0;
}

.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details {
    display: none;
}

.woocommerce-order .woocommerce-thankyou-order-received {
    font-size: 30px;
    text-align: center;
    padding-bottom: 40px;
}

.woocommerce ul.order_details {
    display: grid;
    justify-content: initial;
}

@media (min-width: 768px) {
    .woocommerce ul.order_details {
        display: flex;
        justify-content: center;
    }
}

.woocommerce ul.order_details + p {
    text-align: center;
}

.woocommerce-billing-fields__field-wrapper::before {
    content: 'Personal Data';
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: var(--global-text-color);
    margin-bottom: 11px;
    display: block;
    width: 100%;
}
#billing_city_field::before {
    content: 'Delivery Address';
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: var(--global-text-color);
    margin-bottom: 11px;
    display: block;
    width: 100%;
}
.simple-product.cart {
    margin: 0;
    margin-bottom: 40px;
}
.simple-product.cart .quantity {

}
.woocommerce table.shop_attributes th {
    padding-left: 0;
}
.fa-brands, .fab {
    font-style: normal;
}
.woocommerce-additional-fields h3 {
    display: none;
}
.woocommerce-additional-fields .woocommerce-input-wrapper {
    width: 100%;
}
.woocommerce-additional-fields .woocommerce-input-wrapper textarea {
    padding-top: 15px;
}

.partner_action_block {
    text-align: center;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #162E38;
}
.partner_action_button {
    color: white;
    font-size: 20px;
    transition: all .4s ease;
}
.partner_action_button:hover {
    text-decoration: none;
}
.woocommerce-variation-price .price .amount{
    display: block;
    padding-bottom: 15px;
}
.woocommerce-variation-availability .in-stock {
    display: none;
}
.dropdown_menu .mini_cart_item .remove_from_cart_button:hover {
    text-decoration: none;
    color: red !important;
}
.product_q {
    display: flex;
}
.buttons-wrap .product_q label {
    padding-right: 20px;
}
.quantity input {
    outline: none;
}
.woocommerce-checkout-review-order-table .cart_prod_info .cart_prod_count label {
    margin-bottom: 0;
    padding-right: 5px;
}
#scrolltable td.table_image {
    vertical-align: top;
}
.woocommerce-checkout-review-order-table .cart_prod_info {
    margin-bottom: 20px;
}
#scrolltable {
    margin-bottom: 0;
}
.widget_shopping_cart_content .cart_prod_info .cart_prod_count {
    display: block;
    max-width: 60px;
}
.fancybox-button--zoom,.descriprion-wrap .stock.in-stock {
    display: none !important;
}

.pegi_link {
    font-family: 'Noto Serif KR';
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    color: rgba(255, 255, 255, 0.7);
}