* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;

    background-color: #fff;
}

body::-webkit-scrollbar {
    display: none;
}

ul {
    list-style: none;
}

img {
    height: auto;
    max-width: 100%;

    border-style: none;
}

a {
    cursor: pointer;
    text-decoration: none;
}

a:hover,
a:active {
    outline: 0;
}

button:focus {
    outline: none;
}

main {
    display: block;
}

.inner {
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1092px;
    padding: 0 16px;
    margin: 0 auto;

    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.inner.full-width {
    max-width: 1600px;
}

.container {
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1092px;
    padding: 0 16px;
    margin: 0 auto;

    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.container-small {
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1092px;
    padding: 0 16px;
    margin: 0 auto;

    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.container-mini {
    position: relative;

    display: flex;
    width: 100%;
    max-width: 1092px;
    padding: 0 16px;
    margin: 0 auto;
}

.non-scroll {
    overflow-y: hidden;
}

.site-main {
    position: relative;
    min-height: 56vh;
}

.site-main.not-active::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;

    width: 100%;
    height: 100%;

    content: "";

    background: rgba(13, 120, 140, .5);
}

/*==========
  Header
==========*/

.site-header {
    position: sticky;
    top: 0;
    z-index: 1001;
    background-color: #fff;
}

/**
 *  Header top
 */
.header-top {
    padding: 0;
}

.header-top .inner {
    align-items: center;
    justify-content: space-between;
}

.site-branding {
    margin-right: 16px;
    padding: 15px 0 0;
    width: 20%;
}

@media (max-width: 1024px) {
    .header-top {
        height: 70px;
        padding: 6px 0;
    }

    .site-branding {
        max-width: 178px;
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 991.9px) {
    .site-branding {
        position: relative;
        left: -5px;
    }
}

@media (max-width: 576px) {
    .header-top {
        height: 70px;
    }

    .custom-logo-link {
        display: flex;
    }
}

@media (max-width: 375px) {
    .site-branding {
        margin-right: 0;
        max-width: 45%;
    }
}


.menu-top-mobile {
    position: relative;
}

/**
 *  Desktop search form
 */

.search-bar .aws-container .aws-search-form {
    border: 1px solid #cfe4e8;
    border-radius: 5px;
}

.search-bar .aws-container .aws-search-form .aws-main-filter {
    background: #F5FEFF;
    border: none;
    cursor: pointer;
    max-width: 157px !important;
    width: 27% !important;
}

.search-bar .aws-container .aws-search-form .aws-main-filter .aws-main-filter__current {
    padding: 0 40px 0 0;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #666769;
}

@media (max-width: 1300px) {
    .search-bar .aws-container .aws-search-form .aws-main-filter .aws-main-filter__current {
        padding: 0 30px 0 0;
    }
}

.aws-container .aws-search-form .aws-main-filter .aws-main-filter__current:after {
    position: absolute;
    top: 16px;
    right: 0;

    width: 16px;
    height: 9px;

    content: "";

    background: url(../img/select-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.search-bar .aws-container .aws-search-field {
    background: #F5FEFF;
    padding: 0 20px;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
    width: 100%;
    color: #000;
    border-left: 1PX solid #cfe4e8;
    border-top: none;
    border-right: none;
    border-bottom: none;
    outline: none;
}

.search-bar .aws-container .aws-search-field:focus {
    border: 1px solid #0d788c;
    border-radius: 0;
    background: #f5feff;
    box-shadow: 0 0 4px rgba(13, 120, 140, .45);
}

.aws-container .aws-search-form .aws-search-btn {
    background: #0D788C;
    border: 2px solid #0D788C;
    border-radius: 0 5px 5px 0 !important;
}

.aws-container .aws-search-form .aws-search-btn svg {
    color: #fff;
}

@media (max-width: 1200px) {
    .product-search {
        display: none;
    }
}

.aws-main-filter__dropdown.active {
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(13, 120, 140, .3);
}

/**
 *  Top navigation
 */
.top-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 43%;
    justify-content: flex-end;
}

.product-search {
    width: 35%;
}

@media (max-width: 1200px) {
    .top-nav {
        display: none;
    }
    
    /* Show mobile navigation icons */
    .mobile_threeicon_sec {
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
        gap: 15px;
    }
    
    /* Style mobile navigation items */
    .mobile_threeicon_sec .top-nav__item {
        position: relative;
    }
	/* Improve touch responsiveness on triggers */
	.mobile_threeicon_sec .top-nav__item .top-nav__current {
		touch-action: manipulation;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
    
    /* Mobile sub-menu positioning (fallback full-width) */
    .mobile_threeicon_sec .top-nav__item .top-nav__menu {
        position: fixed;
        top: 81px;
        right: 0;
        left: 0;
        z-index: 2147483647; /* ensure on-top over any overlays */
        display: none;
        /* Remove transitions that can delay first render on some mobile browsers */
        transition: none;
        width: 100vw;
        padding: 24px 0;
        background: #e5f7fb;
        will-change: opacity, transform;
        transform: translateZ(0);
    }
    
    /* Show sub-menu when item is opened */
	.mobile_threeicon_sec .top-nav__item.opened .top-nav__menu {
		display: block;
		visibility: visible;
		opacity: 1;
	}
    
    /* Mobile sub-menu content styling */
    .mobile_threeicon_sec .top-nav__menu-content {
        text-align: center;
    }
    
    .mobile_threeicon_sec .top-nav__menu-content ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .mobile_threeicon_sec .top-nav__menu-content li {
        margin-bottom: 24px;
    }
    
    .mobile_threeicon_sec .top-nav__menu-content a {
        display: block;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        color: #000;
        text-decoration: none;
    }
}

/* Mobile compact currency dropdown directly under trigger */
@media (max-width: 1200px) {
	.mobile_threeicon_sec .top-nav-currency { position: relative; }
	.mobile_threeicon_sec .top-nav-currency .currency-dropdown {
		position: absolute;
		top: calc(100% + 8px);
		right: 0;
		left: auto;
		z-index: 10011;
		display: none;
		visibility: hidden;
		opacity: 0;
		min-width: 140px;
		padding: 8px 0;
		background: #fff;
		border: 1px solid #cfe4e8;
		border-radius: 8px;
		box-shadow: 0 6px 20px rgba(13, 120, 140, .2);
	}
	.mobile_threeicon_sec .top-nav-currency.opened .currency-dropdown {
		display: block;
		visibility: visible;
		opacity: 1;
	}
	.currency-dropdown__list { list-style: none; margin: 0; padding: 0; }
	.currency-dropdown__item { margin: 0; }
	.currency-dropdown__link { display: block; padding: 8px 12px; font-size: 14px; line-height: 18px; color: #666769; text-decoration: none; white-space: nowrap; }
	.currency-dropdown__link:hover { background: #f7f7f7; }
}

.menu-top-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
}

@media (max-width: 1465px) {
    .menu-top-nav {
        flex-flow: row nowrap;
    }
}

.menu-top-nav li {
    position: relative;
    display: flex;
    height: 60px;
    margin-right: 20px;
    flex-direction: column;
    justify-content: space-between;
}

.menu-top-nav li:last-child {
    margin-right: 0;
}

@media (max-width: 1366px) {
    .menu-top-nav li {
        margin-right: 20px;
    }

    .menu-top-nav li:last-child {
        margin-right: 0;
    }
}

.menu-top-nav .menu-item-has-children {
    padding-right: 20px;
    padding-bottom: 0;
}

.menu-top-nav .menu-item-has-children::after {
    position: absolute;
    top: 25px;
    right: 5px;

    width: 12px;
    height: 7px;

    content: "";

    background: url(../img/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-top-nav .menu-item-has-children.active::after {
    transform: rotate(180deg);
}

.menu-top-nav li img {
    height: 22px;
}

.menu-top-nav li > a {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    color: #666769;
}

.menu-top-nav .sub-menu {
    display: none;
}

.menu-top-nav .sub-menu.open {
    position: absolute;
    top: 100%;
    left: -55%;
    z-index: 1002;

    display: flex;
    padding: 15px 0;
    flex-direction: column;

    border-radius: 10px;
    background: linear-gradient(0deg, #fff, #fff), #f7f7f7;
    box-shadow: 0 2px 10px rgba(13, 120, 140, .3);
}

.menu-top-nav .sub-menu.open li {
    height: auto;
    margin-right: 0;
}

.menu-top-nav .sub-menu.open a {
    z-index: 1002;

    display: block;
    width: 100%;
    padding: 0 30px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;

    white-space: nowrap;

    color: #666769;
}

.menu-top-nav .sub-menu.open a:hover {
    background-color: #f7f7f7;
}

.menu-top-nav .cart {
    display: flex;
    height: 60px;
    max-width: 95px;
    flex-flow: row wrap;
    justify-content: center;
}

.menu-top-nav .cart > a {
    display: inline-block;
    width: 100%;
    margin-top: 16px;

    text-align: center;
}

.menu-top-nav .cart .cart-row {
    display: flex;
}

.menu-top-nav .cart .cart-row .sum {
    white-space: nowrap;
}

.menu-top-nav .sum .amount {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    text-align: center;

    color: #666769;
}

.cur-symbol {
    margin-left: 5px;
}

.wcml-dropdown li:hover,
.wcml-dropdown li:focus,
.wcml-cs-active-currency:hover {
    background: transparent;
}

@media (max-width: 1540px) {
    .menu-item.currency .wcml-dropdown.wcml_currency_switcher {
        padding-bottom: 0;
    }

    .menu-item.currency .wcml-dropdown.wcml_currency_switcher li {
        height: 50px;
    }
}

.top-nav-mobile {
    display: none;
}


@media (max-width: 1200px) {
    .top-nav-mobile {
        display: block;
    }

    .menu-top-mobile {
        display: flex;
    }

    .top-nav-mobile .help.opened,
    .top-nav-mobile .account.opened {
        background: transparent;
    }

    .top-nav-mobile .account.opened img {
        top: 0;
    }

    /* General rule for ALL mobile sub-menus */
    .top-nav-mobile .menu-item-has-children.opened .sub-menu {
        position: fixed;
        top: 81px;
        right: 0;
        z-index: 1002;

        display: block;
        width: 100%;
        max-width: 100vw;
        min-width: 100vw;
        padding: 24px 0;

        background: #e5f7fb;
    }

    /* Keep specific rules for backward compatibility */
    .top-nav-mobile .account.opened .sub-menu,
    .top-nav-mobile .help.opened .sub-menu {
        position: fixed;
        top: 81px;
        right: 0;
        z-index: 1002;

        display: block;
        width: 100%;
        max-width: 100vw;
        min-width: 100vw;
        padding: 24px 0;

        background: #e5f7fb;
    }

    .menu-top-mobile .sub-menu li {
        margin-bottom: 24px;
    }

    .menu-top-mobile .sub-menu li:last-child {
        margin-bottom: 0;
    }

    .menu-top-mobile .sub-menu a {
        display: block;
        width: 100%;

        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        text-align: center;
        color: #000;
    }
}

@media (max-width: 1024px) {
    /* General rule for ALL mobile sub-menus */
    .top-nav-mobile .menu-item-has-children.opened .sub-menu {
        top: 65px;
        left: 0;
    }
    
    /* Keep specific rules for backward compatibility */
    .top-nav-mobile .help.opened .sub-menu,
    .top-nav-mobile .account.opened .sub-menu {
        top: 65px;
        left: 0;
    }
    
    /* Update mobile navigation for newer structure */
    .mobile_threeicon_sec .top-nav__item .top-nav__menu {
        top: 65px;
    }
}

@media (max-width: 576px) {
    /* General rule for ALL mobile sub-menus */
    .top-nav-mobile .menu-item-has-children.opened .sub-menu {
        top: 60px;
    }
    
    /* Keep specific rules for backward compatibility */
    .top-nav-mobile .help.opened .sub-menu,
    .top-nav-mobile .account.opened .sub-menu {
        top: 60px;
    }
    
    /* Update mobile navigation for newer structure */
    .mobile_threeicon_sec .top-nav__item .top-nav__menu {
        top: 60px;
    }
}

.menu-top-mobile .menu-item-has-children {
    padding-right: 16px;
    padding-bottom: 0;
}

@media (max-width: 375px) {
    .menu-top-mobile .menu-item-has-children {
        padding-right: 10px;
    }
}

.menu-top-mobile .menu-item {
    height: 27px;
}

/* Hide all mobile sub-menus by default */
.menu-top-mobile .sub-menu {
    display: none;
}

.menu-top-mobile .cart a {
    display: flex;
}

.menu-top-mobile .sum .amount {
    margin-left: 7px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    color: #666769;
}

@media (max-width: 360px) {
    .menu-top-mobile .sum .amount {
        font-size: 12px;
    }
}

/**
 *  top navigation new
 */

.top-nav__container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.top-nav__item {
    position: relative;
}

.top-nav__item + .top-nav__item {
    margin-left: 2rem;
}

.top-nav__current {
    position: relative;
    height: 26px;
    min-width: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.top-nav-help .top-nav__current,
.top-nav-account .top-nav__current,
.top-nav-cart .top-nav__current {
    height: 30px;
    min-width: 30px;
}


.top-nav-currency .top-nav__current {
    background: url('../img/currency.svg') left center / contain no-repeat;
}

.top-nav-lang .top-nav__current {
    background: url('../img/lang.svg') left center / contain no-repeat;
}

.top-nav-help .top-nav__current {
    background: url('../img/help.svg') left center / contain no-repeat;
}

.top-nav-account .top-nav__current {
    background: url('../img/account.svg') left center / contain no-repeat;
}
.top-nav-cart .top-nav__current {
    background: url('../img/cart.svg') left center / contain no-repeat;
    min-width: auto;
    padding-left: 30px;
}

.top-nav-cart a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.top-nav__badge {
    position: absolute;
    right: -12px;
    top: -12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #F5FEFF;
    border: 1px solid #A8C4CA;
    color: #0D788C;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.top-nav-cart .top-nav__badge {
    display: none;
}

.top-nav-cart .mini-cart-wrap .mini-cart-summ .amount {
    margin-left: 0;
}

.top-nav__menu {
    position: absolute;
    top: 0;
    left: -55%;
    z-index: -5;
    padding-top: 18px;
    visibility: hidden;
    opacity: 0;
    transition: all 200ms;
}

.top-nav__menu-content {
    display: flex;
    padding: 15px 0;
    flex-direction: column;
    border-radius: 10px;
    background: linear-gradient(0deg, #fff, #fff), #f7f7f7;
    box-shadow: 0 2px 10px rgba(13, 120, 140, .3);
    min-width: 100px;
}

.top-nav__menu a {
    display: block;
    width: 100%;
    padding: 4px 20px;
    font-size: 14px;
    white-space: nowrap;
    color: #666769;
}

.top-nav__menu a:hover {
    background: #f7f7f7;
}

.top-nav__item:hover .top-nav__menu {
    opacity: 1;
    top: 100%;
    visibility: visible;
    z-index: 5;
}

/* Force-open state used by JS for reliable mobile paint (placed after base rules) */
.top-nav__menu.top-nav__menu--open {
	visibility: visible !important;
	opacity: 1 !important;
	display: block !important;
	z-index: 2147483647 !important;
	transition: none !important;
	transform: translateZ(0) !important;
}

/* Mobile: compact currency dropdown directly under trigger */
@media (max-width: 1200px) {
	.mobile_threeicon_sec .top-nav-currency { position: relative; }
	.mobile_threeicon_sec .top-nav-currency .top-nav__menu {
		position: absolute;
		top: calc(100% + 8px);
		right: 0;
		left: auto;
		z-index: 10010;
		display: none;
		visibility: hidden;
		opacity: 0;
		width: auto;
		min-width: 140px;
		padding: 8px 0;
		background: #fff;
		border: 1px solid #cfe4e8;
		border-radius: 8px;
		box-shadow: 0 6px 20px rgba(13, 120, 140, .2);
		transition: none;
	}
	.mobile_threeicon_sec .top-nav-currency.opened .top-nav__menu {
		display: block;
		visibility: visible;
		opacity: 1;
	}
	.mobile_threeicon_sec .top-nav-currency .top-nav__menu-content { padding: 6px 0; }
	.mobile_threeicon_sec .top-nav-currency .top-nav__menu-content ul { list-style: none; margin: 0; padding: 0; }
	.mobile_threeicon_sec .top-nav-currency .top-nav__menu-content li { margin: 0; }
	.mobile_threeicon_sec .top-nav-currency .top-nav__menu-content a { padding: 8px 12px; font-size: 14px; line-height: 18px; }
}

.currency-sub-menu li a img{
    margin-right: 5px;
}

@media (min-width: 1201px) {
    .top-nav-cart .top-nav__current{
        padding-left: 32px;
    }
    .top-nav-cart .mini-cart-summ {
        position: absolute;
        left: 50%;
        bottom: -19px;
        transform: translateX(-50%);
    }
    .top-nav-cart .top-nav__badge {
        font-size: 10px;
    }
}

@media (max-width: 1200px) {
    .top-nav-help,
    .top-nav-currency,
    .top-nav-lang {
        display: none;
    }

    .top-nav__item + .top-nav__item {
        margin-left: 15px;
    }

    .top-nav__menu {
        left: auto;
        right: 0;
    }

    .top-nav-cart .mini-cart-summ {
        margin-left: 5px;
    }
}

/**
 *  Header main
 */
.header-main {
    position: relative;
    padding: 6px 0;
    background-color: #00576b;
}

.header-main .inner {
    position: relative;

    flex-wrap: nowrap;
    justify-content: space-between;
}

@media (max-width: 1200px) {
    .header-main {
        padding: 10px 0;
    }

    .header-main .inner {
        flex-direction: row;
    }
}

.menu-shop {
    position: relative;
    display: flex;
    padding: 5px 10px;
    margin-right: 16px;
    max-width: 248px;

    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    cursor: pointer;
    white-space: nowrap;
    text-transform: uppercase;

    color: #006679;
    border: none;
    border-radius: 3px;
    background: #fff;

    align-items: center;
    align-self: center;
    justify-content: space-between;
}

.menu-shop::before {
    width: 22px;
    height: 12px;
    margin-right: 10px;

    content: "";

    background: url(../img/Union.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-shop::after {
    width: 10px;
    height: 6px;
    margin-left: 10px;

    content: "";

    background: url(../img/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-shop.active::after {
    transform: rotate(180deg);
}


@media (max-width: 1300px) {
    .menu-shop {
        margin-right: 10px;
        padding: 5px 10px;
    }
}

.collection-navigation {
    position: absolute;
    top: 100%;
    left: -1000%;

    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.collection-navigation.open {
    left: 15px;
    z-index: 4;
    width: 30vw;
    height: 365px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    background: #f2f5f5;
    box-shadow: 0 4px 12px rgba(13, 120, 140, .25);
}

.menu-collection li {
    padding: 10px 0;
}

.menu-collection .menu-item-has-children {
    display: flex;
    align-items: center;
}

.menu-collection .menu-item-has-children:hover {
    background: #cfe4e8;
}

.menu-collection .menu-item-has-children:hover .sub-menu {
    position: absolute;
    left: 100%;
    display: flex;
    height: 365px;
    width: 20vw;
    padding: 15px 0;
    flex-direction: column;
    border: 1px solid #afd3d8;
    background: #fff;
}

.collection-navigation.open .menu-item-has-children::after {
    width: 14px;
    height: 8px;
    margin-left: 25px;

    content: "";
    transform: rotate(-90deg);

    background: url(../img/select-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-collection .sub-menu li {
    position: static;

    padding: 0;
}

.menu-collection .sub-menu li:hover .menu-img {
    left: 100%;
}

.menu-collection a {
    display: block;
    padding-left: 18%;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #0d788c;
}

@media (max-width: 1500px) {
    .menu-collection a {
        padding-left: 10%;

        font-size: 16px;
    }
}

@media (max-width: 1200px) {
    .menu-collection a {
        font-size: 16px;
    }
}

.menu-collection .sub-menu a {
    display: block;
    width: 100%;
    padding: 8px 40px;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 21px;
    white-space: nowrap;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #0d788c;
}

.menu-collection .sub-menu a:hover {
    background: #f2f5f5;
}

.collection-navigation.open .sub-menu .menu-item-has-children::after {
    display: none;
}

.main-navigation {
    display: flex;
    align-items: center;
}


.control-prev-btn,
.control-next-btn {
    display: block;
}

.control-prev-btn button,
.control-next-btn button {
    border: none;
    background: transparent;
    outline: none;
    cursor: pointer;
    width: 10px;
    display: flex;
    align-items: center;
}

.control-prev-btn button {
    margin-right: 10px;
}

.control-next-btn button {
    margin-left: 10px;
}

.control-prev-btn button img {
    transform: rotate(90deg);
    width: 10px;
    height: 22px;
}

.control-next-btn button img {
    transform: rotate(-90deg);
    width: 10px;
    height: 22px;
}

.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 0;
    flex-flow: row nowrap;
    overflow: visible;
    transform: scroll(calc(var(--i, 0) / var(--n) * -100%));
    scroll-behavior: smooth;
    width: 855px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.menu::-webkit-scrollbar {
    display: none;
}

@media (max-width: 1366px) {
    .menu {
        flex-flow: row nowrap;
        overflow-x: scroll;
        overflow-y: visible;
        transform: scroll(calc(var(--i, 0) / var(--n) * -100%));
        scroll-behavior: smooth;
        width: 855px;
    }
    
    /* Prevent sub-menus from being clipped by the scrollable container */
    .menu:hover {
        overflow: visible;
    }
    
    .menu .menu-item-has-children:hover > .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1002;
    }
}

@media (max-width: 1200px) {
    .menu-shop {
        display: none;
    }

    .main-navigation {
        display: none;
    }
}

.menu li {
    margin-right: 23px;
    position: relative;
}

@media (max-width: 1620px) {
    .menu li {
        margin-right: 40px;
    }
}

@media (max-width: 1510px) {
    .menu li {
        margin-right: 30px;
    }
}

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

.menu li > a {

    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;

    letter-spacing: .1em;
    text-transform: uppercase;

    color: #fcfcfc;
    white-space: nowrap;
}

.menu-item-has-children {
    position: relative;
    padding-right: 19px;
    padding-bottom: 8px;
}

.menu .menu-item-has-children::after {
    position: absolute;
    top: 8px;
    right: 0;
    width: 10px;
    height: 6px;
    content: "";
    background: url(../img/down-arrow-white.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-item-has-children > .sub-menu {
    display: none;
}

.menu .menu-item-has-children:hover > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1002;
    display: flex;
    padding: 5px 0;
    flex-direction: column;
    border-radius: 10px;
    background: linear-gradient(0deg, #fff, #fff), #f7f7f7;
    box-shadow: 0 2px 10px rgba(13, 120, 140, .3);
}

.menu .sub-menu .menu-item {
    margin-right: 0;
}

.menu .sub-menu a {
    display: block;
    padding: 5px 20px;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    white-space: nowrap;
    color: #666769;
}

.menu .sub-menu a:hover {
    background-color: #f7f7f7;
}

.menu-img {
    position: absolute;
    top: 0;
    left: -1000%;

    display: flex;
    width: 36vw;
    height: 365px;

    border-left: 1px solid #afd3d8;
    background: #fff;

    align-items: center;
}

.menu-img img {
    display: block;
    height: 60%;
    margin: 0 auto;

    object-fit: contain;
}

.menu-collection-mobile .menu-item-has-children {
    padding-right: 100px;
}

.menu-collection .sub-menu .menu-item-has-children:hover .menu-img {
    left: 100%;
}

.mobile-search {
    display: none;
}

/**
 *  Header mobile
 */
.menu-toggle {
    display: none;
}

@media (max-width: 1200px) {
    .menu-toggle {
        display: block;
        width: 28px;
        height: 21px;

        border: none;
        background: url(../img/burger.svg);
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
    }

    .mobile-search {
        display: block;
        width: 20px;
        height: 20px;

        border: none;
        background: url(../img/search.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: -150%;

    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.mobile-menu.open {
    left: 0;
    z-index: 8;

    width: 100%;
    height: 100%;
    overflow-y: auto;

    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;

    background: #f0f7f8;

    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.mobile-menu.open::-webkit-scrollbar {
    display: none;
}

.mobile-menu .menu-toggle {
    z-index: 7;

    display: block;
    width: 24px;
    height: 24px;

    border: none;
    background: url(../img/cross.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile-top {
    display: flex;
    padding: 8px 14px;

    align-items: center;
    justify-content: space-between;
}

.mobile-top .site-branding img {
    max-width: 241px;
}

.menu-shop-mobile {
    position: relative;

    display: flex;
    width: 100%;
    padding: 16px 32px 24px;


    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;

    text-align: left;
    text-transform: uppercase;

    color: #000;
    border: none;
    background: transparent;

    align-items: center;
    justify-content: space-between;
}

.menu-shop-mobile::after {
    position: relative;
    left: 8px;

    width: 14px;
    height: 10px;

    content: "";
    transform: rotate(-90deg);

    background: url(../img/arrow-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-mobile-nav .menu-item-has-children {
    position: relative;

    display: flex;
    padding: 0;
    margin-right: -7px;

    align-items: center;
}

.menu-mobile-nav .menu-item-has-children::after {
    position: relative;
    right: 32px;

    width: 13px;
    height: 8px;

    content: "";

    background: url(../img/arrow-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-mobile-nav a {
    display: block;
    width: 100%;
    padding: 12px 130px 12px 32px;


    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    letter-spacing: .1em;
    text-transform: uppercase;

    color: #231f20;
    border-top: 1px solid #a8c4ca;
}

.menu-mobile-nav .menu-item-has-children a > span {
    display: none;
}

.menu-mobile-nav .menu-item-has-children .sub-menu a > span {
    display: inline-block;
}

.collection-navigation-mobile {
    position: fixed;
    top: 0;
    left: -150%;

    padding-top: 40px;
    padding-left: 66px;

    background: linear-gradient(109.95deg, rgba(13, 120, 140, 0) 35.44%, rgba(13, 120, 140, .06) 88.23%), url(../img/mobile-bg.png);
    background-size: cover;

    background-blend-mode: darken, normal;
}

.collection-navigation-mobile.open {
    left: 0;
    z-index: 10;

    width: 100%;
    height: 100vh;
    overflow-y: auto;
}

.menu-collection-mobile a {
    display: block;
    padding: 20px 0;


    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    letter-spacing: .1em;
    text-transform: uppercase;

    color: #0d788c;
}

.menu-collection-mobile .menu-item-has-children::after {
    position: absolute;
    top: 28px;
    right: 32px;
    width: 13px;
    height: 8px;
    content: "";
    display: block;
    background: url(../img/select-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-collection-mobile .menu-item-has-children.active::after {
    transform: rotate(180deg);
}

.menu-collection-mobile .menu-item-has-children > .sub-menu.opened {
    display: flex;
    flex-direction: column;
    padding-left: 30px;
}

.menu-collection-mobile .sub-menu.opened a {
    padding: 8px 0;
    font-size: 14px;
    color: #000;
}

.collection-navigation-mobile .menu-shop-mobile {
    position: relative;

    display: block;
    padding: 0;
    margin-bottom: 20px;


    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;

    text-transform: uppercase;

    color: #0d788c;
}

.collection-navigation-mobile.open .menu-shop-mobile::before {
    position: absolute;
    top: 4px;
    left: -22px;

    width: 16px;
    height: 10px;

    content: "";
    transform: rotate(90deg);

    background: url(../img/select-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.collection-navigation-mobile.open .menu-shop-mobile::after {
    display: none;
}

.collection-navigation-mobile .menu-toggle {
    position: absolute;
    top: 40px;
    right: 17px;
    z-index: 7;

    display: block;
    width: 24px;
    height: 24px;

    border: none;
    background: url(../img/cross.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-item-has-children.opened {
    flex-direction: column;

    background-color: #e5f7fb;
}

.menu-item-has-children.opened > a {

    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    letter-spacing: .1em;
    text-transform: uppercase;

    color: #0d788c;
}

.mobile-bottom-nav {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-top: 1px solid #a8c4ca;
    border-bottom: 1px solid #a8c4ca;
}

.mobile-bottom-nav li {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.mobile-bottom-nav li.currency {
    border-right: 1px solid #a8c4ca;
}

.mobile-bottom-nav li.currency .product {
    margin: 0;
    border: none;
}

.mobile-bottom-nav li.currency .product .wcml-cs-active-currency {
    border: none
}

.menu-mobile-nav .menu-item-has-children.opened::after {
    position: absolute;
    top: 20px;
    right: 30px;

    width: 13px;
    height: 8px;

    transform: rotate(180deg);

    background: url(../img/select-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.sub-menu.show {
    display: block;
    width: 100%;
    padding-left: 24px;

    background-color: #e5f7fb;
}

.menu-mobile-nav .sub-menu a {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    text-transform: capitalize;

    color: #000;
    border-top: none;
}

.menu-bottom-mobile > .menu-item {
    display: flex;

    border-top: 1px solid #a8c4ca;

    align-items: center;
}

.menu-bottom-mobile .menu-item.cart {
    justify-content: flex-start;
}

.menu-bottom-mobile .menu-item.cart a {
    width: auto;
    padding-right: 10px;
}

.menu-bottom-mobile .menu-item.cart .sum {

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;

    color: #000;
}

.menu-bottom-mobile .menu-item-has-children {
    padding: 0;
}

.menu-bottom-mobile .menu-item-has-children.opened {
    display: block;
    padding: 12px 0;
}

.menu-bottom-mobile .menu-item-has-children.opened .sub-menu.show {
    width: 100%;
}

.menu-bottom-mobile .menu-item-has-children::after {
    position: relative;
    right: 32px;

    width: 8px;
    height: 13px;

    content: "";
    transform: rotate(90deg);

    background: url(../img/arrow-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-bottom-mobile .menu-item-has-children.opened::after {
    position: absolute;
    top: 20px;
    right: 30px;

    width: 13px;
    height: 8px;

    transform: rotate(180deg);

    background: url(../img/select-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.menu-bottom-mobile img {
    width: 22px;
    height: 22px;
    margin-left: 32px;
}

.menu-item-has-children.opened img {
    position: relative;
    top: 3px;
}

.menu-item-has-children.help.opened img {
    top: 0;
}

.menu-bottom-mobile a {
    display: block;
    width: 100%;
    padding: 12px 32px 12px 18px;


    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;

    letter-spacing: .1em;

    color: #231f20;
}

.menu-bottom-mobile .menu-item-has-children.opened > a {
    display: inline-block;
    width: auto;
    padding: 0;
    margin-left: 18px;

    font-size: 20px;

    text-transform: none;
}

.menu-bottom-mobile .sub-menu a {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    color: #000;
}

/**
 * Mobile search form
 */
.search-block {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 10;

    width: 100%;
    height: 100%;

    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;

    background: #fff;
}

.search-block.open {
    right: 0;

    padding: 40px 16px 18px 23px;

    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.search-wrapper {
    display: flex;
    align-items: center;
}

.m-search__form {
    flex: 1;
}

.m-search .aws-container .aws-search-form {
    background: #F5FEFF;
    border-radius: 30px;
}

.m-search .aws-main-filter {
    display: none !important;
}

.m-search .aws-container .aws-search-form .aws-search-btn {
    background: #F5FEFF;
    border-color: #F5FEFF;
    border-radius: 30px 0 0 30px !important;
}

.m-search .aws-container .aws-search-form .aws-search-btn_icon svg {
    color: #0D788C;
}

.m-search .aws-container .aws-search-field {
    border-color: #F5FEFF;
    border-radius: 0 30px 30px 0 !important;
    height: 44px;
    font-size: 14px;
}

.m-search .aws-container .aws-search-field::placeholder {
    color: #A8C4CA;
}

.search-block.open .mobile-search {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    top: 4px;
    left: 0;
    width: 40px;
    height: 40px;
    margin-right: 14px;
}

.btn-mobile-submit {
    position: absolute;
    top: 10px;
    left: 24px;
    width: 23px;
    height: 23px;
    border: none;
    background: url(../img/search-m.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.m-search .aws-container .aws-search-form .aws-search-clear span {
    font-size: 2rem;
    color: #0D788C;
}

@media (max-width: 1200px) {
    .aws-search-result {
        border: none;
        padding-top: 20px;
    }

    .aws-search-result .aws_result_scroll {
        max-height: calc(100vh - 100px) !important;
    }

    .aws-search-result {
        width: calc(100vw - 40px) !important;
        left: 23px !important;
    }

    .aws-search-result .aws_results .aws_result_item {
        padding: 10px !important;
    }

    .aws-search-result .aws_result_image img {
        width: 40px !important;
    }

    .aws-search-result .aws_result_head {
        display: flex !important;
        justify-content: space-between;
        font-size: 14px !important;
    }

    .aws-search-result .aws_result_price {
        margin-left: 28px !important;
        padding-top: 0 !important;
    }

    .aws-search-result .aws_result_price .amount {
        font-size: 14px;
    }

    .aws-search-result .aws_result_term {
        padding-top: 0 !important;
    }
}

/*===========
  Hero section
============*/
.hero {
    padding-bottom: 20px;
}

.hero-item {
    display: flex;

    justify-content: space-between;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #0D788C;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0D788C;
}

@media (max-width: 991px) {
    .hero-slider {
        padding-bottom: 50px;
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
}

@media (max-width: 767.9px) {
    .hero-item {
        height: 100%;
        flex-direction: column;

        justify-content: space-between;
    }
}

.hero-content {
    display: flex;
    width: 49%;
    max-width: 734px;
    flex-direction: column;

    justify-content: center;
}

@media (max-width: 767.9px) {
    .hero-content {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
        order: 2;
    }
}

.hero-title {

    font-size: 58px;
    font-style: normal;
    font-weight: 800;
    line-height: 79px;
    color: #000;
}

@media (max-width: 991.9px) {
    .hero-title {
        font-size: 50px;
        line-height: 65px;
    }
}

@media (max-width: 767.9px) {
    .hero-title {
        font-size: 42px;
        line-height: 57px;
    }
}

.hero-description {
    display: flex;
    margin-bottom: 48px;
    flex-direction: column;
}

@media (max-width: 767.9px) {
    .hero-description {
        margin-bottom: 24px;
    }
}

.hero-description p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #666769;
}

.hero-link {
    display: inline-block;
    width: fit-content;
    padding: 10px 30px;


    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    background: #0d788c;
}

.hero-link:hover {
    background: #005b6d;
}

@media (max-width: 767.9px) {
    .hero-link {
        width: 100%;
    }
}

@media (max-width: 575.9px) {
    .hero-content {
        flex: 1;
    }

    .hero-link {
        margin-top: auto;
    }
}

.hero-image {
    display: flex;
    width: 42%;
    max-width: 500px;
}

.hero-image img {
    width: 100%;

    align-self: center;
}

@media (max-width: 767.9px) {
    .hero-image {
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
        justify-content: center;
        order: 1;
    }

    .hero-image img {
        max-width: 375px;
    }
}

#hero-slider .splide__pagination {
    position: relative;
}

#hero-slider .splide__pagination__page {
    position: relative;

    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;

    cursor: pointer;
    transition: transform .2s linear;

    border: 1px solid #0d788c;
    border-radius: 50%;
    background: #fff;
}

#hero-slider .splide__pagination__page.is-active {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;

    cursor: pointer;
    transform: none;

    border: 1px solid #0d788c;
    border-radius: 50%;
    background: #0d788c;
}

@media (max-width: 767.9px) {
    #hero-slider .splide__pagination {
        margin-top: 16px;
        margin-bottom: 32px;
    }

    #hero-slider .splide__pagination__page,
    #hero-slider .splide__pagination__page.is-active {
        width: 8px;
        height: 8px;
    }
}

/*===========
    Banner section
============*/
.banner {
    position: relative;

    padding: 10px 0 10px;

    background-repeat: no-repeat;
}

.banner::after {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    opacity: .5;
    background: linear-gradient(270.21deg, #d7eaef 32.02%, rgba(215, 234, 239, 0) 40.82%), linear-gradient(109.95deg, rgba(13, 120, 140, 0) 35.44%, rgba(13, 120, 140, .06) 88.23%);
}

@media (max-width: 1024px) {
    .second-bg {
        display: none;
    }
}

.banner .inner {
    z-index: 2;

    flex-direction: column;
}

.shop-category-toggle {
    display: none;
}

.shop-nav-mobile {
    display: none;
}

@media (max-width: 1080px) {
    .shop-category-toggle {
        position: absolute;
        right: 16px;
        bottom: 0;

        display: block;
        width: 30px;
        height: 30px;

        cursor: pointer;
        transition: all .3s ease 0s;

        border: none;
        background-color: transparent;
    }

    .shop-category-toggle::before,
    .shop-category-toggle::after {
        position: absolute;
        right: 10px;

        width: 7px;
        height: 7px;

        content: "";
        transition: all .3s ease 0s;

        border-radius: 50%;
        background-color: #0d788c;
    }

    .shop-category-toggle span {
        position: absolute;
        top: 11px;
        right: 10px;

        width: 7px;
        height: 7px;

        content: "";
        transition: all .3s ease 0s;

        border-radius: 50%;
        background-color: #0d788c;
    }

    .shop-category-toggle::before {
        top: 0;
    }

    .shop-category-toggle::after {
        bottom: 0;
    }

    .shop-category-toggle.active::before {
        top: 14px;
        right: 0;

        width: 24px;
        height: 2px;

        transition: all .3s ease 0s;
        transform: rotate(45deg);
    }

    .shop-category-toggle.active::after {
        right: 0;
        bottom: 14px;

        width: 24px;
        height: 2px;

        transition: all .3s ease 0s;
        transform: rotate(-45deg);
    }

    .shop-category-toggle.active span {
        transform: scale(0);
    }

    .shop-nav-mobile.open {
        display: block;
    }

    .shop-nav-mobile .button-nav-title {
        border: 1px solid #cfe4e8;
    }
}

.breadcrumbs {
    max-width: 1720px;
    overflow: hidden;
}

.blog .banner .inner {

    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 57px;
    color: #000;
}

.blog .banner .inner .breadcrumbs {

    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;
    text-transform: uppercase;
    word-wrap: break-word;
    color: #000;
}

.breadcrumbs span a,
.breadcrumb_last {
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.57;
    text-transform: uppercase;
    word-wrap: break-word;
    color: #000;
}

.breadcrumbs span a {
    margin-right: 5px;
    text-decoration: underline;
}

.breadcrumb_last {
    margin-left: 5px;
    text-decoration: none;
}

.banner-title {
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 57px;
    color: #000;
}

.page-title-h1,
.single-product .banner-title {
    font-size: 22px;
    line-height: 1.5;
    margin-top: 10px;
}

@media (max-width: 991.9px) {
    .banner {
        padding: 16px 0;
    }

    .banner-title {
        margin-top: 20px;
        font-size: 24px;
        line-height: 30px;
    }

    .breadcrumbs span a,
    .breadcrumb_last {
        font-size: 14px;
        line-height: 19px;
    }

    .blog .banner .inner .breadcrumbs {
        font-size: 14px;
        line-height: 19px;
    }
}

/*===========
    Best product-block
============*/
.best-products {
    position: relative;
    z-index: 2;

    padding: 20px 0;
}

@media (max-width: 767.9px) {
    .best-products {
        padding-bottom: 0;
    }
}

.best-products::before {
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    height: 50%;

    content: "";

    background: #f0f7f8;
}

@media (max-width: 767.9px) {
    .best-products::before {
        display: none;
    }
}

.best-products .container {
    flex-wrap: nowrap;
    justify-content: space-between;
}

@media (max-width: 767.9px) {
    .best-products .container {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 575.9px) {
    .best-products .container {
        padding: 0;
    }
}

.best-products .product-item {
    position: relative;
    display: flex;
    width: 33%;
    padding: 10px;
}

.best-products .product-item:nth-child(2) {
    margin: 0 20px;
}

@media (max-width: 767.9px) {
    .best-products .product-item,
    .best-products .product-item:nth-child(2) {
        width: 50%;
        margin: 0 0 20px;
    }
}

.product-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    border-radius: 10px;

    object-fit: cover;
    object-position: center top;
}

@media (max-width: 575.9px) {
    .product-bg {
        border-radius: 0;
    }

    .best-products .product-item,
    .best-products .product-item:nth-child(2) {
        width: 100%;
    }
}

.item-wrap {
    position: relative;

    display: flex;
    width: 100%;

    justify-content: space-between;
}

@media (max-width: 940px) {
    .item-wrap {
        flex-direction: column;
    }
}

@media (max-width: 767.9px) {
    .item-wrap {
        flex-direction: row;
    }
}

.item-img {
    width: 50%;
    max-width: 140px;
    align-self: center;
}

@media (max-width: 1200px) {
    .item-img {
        width: 100%;
    }
}

@media (max-width: 575.9px) {
    .item-img {
        width: 160px;
        height: 160px;
    }
}

.item-content {
    display: flex;
    width: 50%;
    max-width: 160px;
    padding-right: 10px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

@media (max-width: 940px) {
    .item-content {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-top: 20px;
        align-items: center;
    }
}

@media (max-width: 767.9px) {
    .item-content {
        margin-left: 30px;

        align-items: flex-start;
    }
}

.item-content span {
    padding: 2px 10px;


    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 11px;

    letter-spacing: .01em;
    text-transform: uppercase;

    color: #666769;
    border-radius: 10px;
    background: rgba(255, 255, 255, .7);
}

@media (max-width: 1200px) {
    .item-content span {
        margin-bottom: 10px;
    }
}

.item-title {

    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    color: #fff;
}

@media (max-width: 1300px) {
    .item-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
    }
}

@media (max-width: 1200px) {
    .item-title {
        margin-bottom: 10px;
    }
}

@media (max-width: 1024px) {
    .item-title {
        text-align: center;
    }
}

@media (max-width: 767.9px) {
    .item-title {
        text-align: left;
    }
}

.item-link {
    position: relative;
    padding: 10px 30px 10px 20px;

    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 14px;
    text-align: left;
    text-transform: uppercase;
    color: #0d788c;
    background: #fff;
}

.item-link::after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 15px;
    height: 9px;
    content: "";
    transform: translate(0, -50%);

    background: url(../img/button-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

/*===========
    Section jewelry
============*/
.jewelry {
    position: relative;

    padding: 80px 0;
}

.jewelry .inner,
.jewelry .container {
    flex-direction: column;
}

.jewelry.white {
    padding: 15px 0 45px;

    background: #fff;
}

.jewelry.colored {
    padding: 28px 0 67px;

    background: #f0f7f8;
}

.jewelry.colored.bottom-section {
    padding: 34px 0;
}

@media (max-width: 767.9px) {
    .jewelry .inner,
    .jewelry .container {
        padding: 0;
    }
}

.jewelry-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    object-fit: cover;
}

.jewelry .jewelry-title,
.jewelry.colored .jewelry-title {
    margin-bottom: 35px;


    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;

    text-align: center;
    letter-spacing: .03em;

    color: #000;
}

.jewelry.white .jewelry-title {
    position: relative;
    top: 30px;
    z-index: 1;

    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 0;


    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;

    letter-spacing: .03em;

    color: #fff;
}

.jewelry.white .jewelry-title::before {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;

    width: 100%;
    height: 100%;
    max-width: 446px;

    content: "";
    transform: translate(-50%, 0);

    background: url(../img/title-bg.svg);
    border-radius: 10px;
}

@media (max-width: 767.9px) {
    .jewelry .jewelry-title,
    .jewelry.colored .jewelry-title,
    .jewelry.white .jewelry-title {
        font-size: 24px;
        line-height: 33px;
    }

    .jewelry.white .jewelry-title::before {
        max-width: 300px;

        border-radius: 10px;
    }
}

.jewelry.colored.bottom-section .jewelry-title {
    margin-bottom: 0;
}

.jewelry.colored.bottom-section .jewelry-wrap.slider {
    padding: 40px 92px;
    justify-content: center;
}

@media (max-width: 767.9px) {
    .jewelry.colored.bottom-section .jewelry-wrap.slider {
        padding: 40px 0;
    }
}

.jewelry.colored.bottom-section .jewelry-wrap.slider .slick-track {
    display: flex;
    width: 100% !important;
    max-width: 1092px;
}

.jewelry.colored.bottom-section .jewelry-wrap .jewelry-item.slick-slide {
    width: 160px !important;
}

.post-type-archive-product .jewelry.colored {
    padding: 34px 0;
}

.post-type-archive-product .jewelry.colored .jewelry-title {
    margin-bottom: 0;
}

.post-type-archive-product .select2-container--default .select2-results > .select2-results__options {
    max-height: 100%;
    width: max-content !important;
}

.blog .select2-container--default .select2-results > .select2-results__options,
.archive .select2-container--default .select2-results > .select2-results__options {
    width: max-content !important;
}

.select2-container--default .product-order-dropdown .select2-results > .select2-results__options {
    max-height: 250px;
}

.jewelry-wrap {
    position: relative;

    display: flex;
}

.jewelry.colored .jewelry-wrap.no-slider {
    justify-content: center;
}

.jewelry.colored .jewelry-wrap.slider {
    width: 100%;
    max-width: 1750px;
    padding: 80px 92px;
    border-radius: 0;
}

.post-type-archive-product .jewelry.colored .jewelry-wrap.slider {
    padding: 30px 92px;
}

@media (max-width: 1024px) {
    .jewelry.colored .jewelry-wrap {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }
}

.jewelry.white .jewelry-wrap {
    width: 100%;
    max-width: 1092px;
    padding: 60px 92px;
    border-radius: 10px;
    background: #f0f7f8;
}

@media (max-width: 1200px) {
    .jewelry.white .jewelry-wrap.no-slider {
        padding: 80px 50px;
    }
}

.jewelry.white .jewelry-wrap.slider-tablet,
.jewelry.colored .jewelry-wrap.slider-tablet {
    display: none;
}

@media (max-width: 1024px) {
    .jewelry.white .jewelry-wrap.slider-tablet,
    .jewelry.colored .jewelry-wrap.slider-tablet {
        display: flex;
    }

    .jewelry.white .jewelry-wrap.no-slider,
    .jewelry.colored .jewelry-wrap.no-slider {
        display: none;
    }
}

@media (max-width: 767.9px) {
    .jewelry.colored .jewelry-wrap,
    .jewelry.white .jewelry-wrap {
        padding-right: 0;
        padding-left: 0;
    }
}

.jewelry-item {
    display: flex;
    max-width: 241px;
    margin: 0 13px;
    flex-direction: column;

    align-items: center;
}

.jewelry-item.slick-slide {
    display: flex;
    max-width: 241px;
    margin: 0 13px;
    flex-direction: column;

    align-items: center;
}

.jewelry.colored .jewelry-wrap .jewelry-item.slick-slide {
    display: flex;
    max-width: 241px;
    margin: 0 13px;
    flex-direction: column;

    align-items: center;
}

.jewelry-img {
    max-height: 193px;
    margin-bottom: 10px;
    border-radius: 50%;
    width: 160px;
}

.jewelry-image {
    border-radius: 50%;
    max-height: 166px;
}

@media (max-width: 991.9px) {
    .slick-slide .jewelry-image {
        width: 160px;
        max-height: 160px;
    }

    .jewelry-img {
        width: 160px;
        max-height: 160px;
    }
}

.jewelry-name {

    font-size: 13px;
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;

    color: #0d788c;
}

button.slick-arrow.prev-arrow,
button.slick-arrow.next-arrow {
    position: absolute;
    width: 20px;
    height: 40px;

    transform: translate(0, -50%);

    border: none;
}

button.slick-arrow.prev-arrow {
    left: 40px;
    top: 50%;
    background: url(../img/prev.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

button.slick-arrow.next-arrow {
    right: 40px;
    top: 43%;
    transform: rotate(180deg);

    background: url(../img/prev.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.bottom-section button.slick-arrow.next-arrow {
    top: 44%;
}

/*===========
    Blog
============*/
#pageTop {
    display: block;
    margin: 0 auto;
    max-width: 1060px;
    padding-top: 15px;
}

@media (max-width: 1092px) {
    #pageTop {
        padding: 15px 16px 0;
    }
}

.content-section {
    position: relative;
}

.category-toggle {
    display: none;
}

@media ( max-width: 991.9px) {
    .category-toggle {
        position: absolute;
        top: -47px;
        right: 27px;
        z-index: 4;

        display: block;
        width: 30px;
        height: 30px;

        cursor: pointer;
        transition: all .3s ease 0s;

        border: none;
        background-color: transparent;
    }

    .category-toggle::before,
    .category-toggle::after {
        position: absolute;
        right: 10px;

        width: 7px;
        height: 7px;

        content: "";
        transition: all .3s ease 0s;

        border-radius: 50%;
        background-color: #0d788c;
    }

    .category-toggle span {
        position: absolute;
        top: 11px;
        right: 10px;

        width: 7px;
        height: 7px;

        content: "";
        transition: all .3s ease 0s;

        border-radius: 50%;
        background-color: #0d788c;
    }

    .category-toggle::before {
        top: 0;
    }

    .category-toggle::after {
        bottom: 0;
    }

    .category-toggle.active::before {
        top: 14px;
        right: 0;

        width: 24px;
        height: 2px;

        transition: all .3s ease 0s;
        transform: rotate(45deg);
    }

    .category-toggle.active::after {
        right: 0;
        bottom: 14px;

        width: 24px;
        height: 2px;

        transition: all .3s ease 0s;
        transform: rotate(-45deg);
    }

    .category-toggle.active span {
        transform: scale(0);
    }
}

.category-mobile-menu {
    position: absolute;
    top: 0;
    left: -100%;

    width: 100%;

    transition: .3s ease 0s;
    transition-property: left;

    opacity: 0;
}

.category-mobile-menu.open {
    position: relative;
    top: 0;
    left: 0;

    padding: 21px 16px 24px;

    transition: all .3s ease 0s;

    opacity: 1;
    background: #f2f5f5;
}

.category-mobile-menu.open .cat-item a {
    text-align: center;

    background-color: #fff;
}

.category-mobile-menu.open .cat-item a::before {
    display: none;
}

.category-mobile-menu.open .cat-item a:hover {
    background-color: #0d788c;
}

.category-mobile-menu.open .tags-title {
    margin-top: 24px;
}

.category-mobile-menu.open .tags-list a {
    background: #fff;
}

.category-mobile-menu.open .search-box {
    margin-top: 24px;
    margin-bottom: 24px;
}

.category-mobile-menu.open .search-box .input-top {
    width: 100%;
}

.content-header {
    display: flex;
    width: 100%;
    padding: 10px 10px 10px 22px;
    margin: 40px 0;

    border-radius: 10px;
    background: #f2f5f5;

    align-items: center;
    justify-content: space-between;
}

@media ( max-width: 991.9px) {
    .content-header {
        padding: 24px 0;
        margin: 0;

        background: transparent;
    }
}

.content-header .right-side {
    display: flex;
    padding-right: 10px;

    align-items: baseline;
}

@media ( max-width: 991.9px) {
    .content-header .left-side {
        width: 100%;
    }

    .content-header .right-side {
        display: none;
    }
}

.sort-post {
    display: flex;
    margin-right: 65px;

    align-items: baseline;
}

.sort-post span {

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;

    letter-spacing: .05em;

    color: #000;
    white-space: nowrap;
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
    z-index: 1 !important;

    width: fit-content !important;
}

.sort-post .select2.select2-container.select2-container--default {
    width: auto !important;
}

.sort-post .select2-container .select2-selection--single {
    height: auto;
}

.sort-post .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0;
}


.select2-container--default .select2-selection--single {
    border: none;
    outline: none;
    background: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    width: fit-content;
    padding-left: 0;
    margin-left: 10px;
    overflow: visible;


    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;

    letter-spacing: .05em;
    text-transform: uppercase;
    text-overflow: inherit;

    color: #0d788c;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -2px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 9px;

    width: 10px;
    height: 6px;

    border: none;
    background: url(../img/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.show-product-numbers .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 5px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    height: 0;
    padding: 0;
    outline: none;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    width: inherit !important;
    padding: 10px 15px;

    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(13, 120, 140, .3);
    position: relative;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    text-transform: uppercase;

    color: #666769;
    background-color: #f0f7f8;
}

.select2-container--default .select2-results__option--selected {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    text-transform: uppercase;

    color: #666769;
}

.select2-container--default .select2-results__option--selected {
    background-color: #fff;
}

.select2-results__option--selectable {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase;
    color: #666769;
}

.product-order-dropdown .select2-results__option--selectable,
.per-page-dropdown .select2-results__option--selectable,
.product-order-dropdown .select2-container--default .select2-results__option--selected,
.per-page-dropdown .select2-container--default .select2-results__option--selected {
    font-size: 12px;
    line-height: 1.33;
}

.content-title {

    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;

    letter-spacing: .03em;

    color: #666769;
}

@media ( max-width: 991.9px) {
    .content-title {
        text-align: center;
    }
}

@media ( max-width: 767.9px) {
    .content-title {
        font-size: 24px;
        line-height: 33px;
    }
}

.content-wrapper {
    display: flex;
    width: 100%;

    justify-content: space-between;
}

.left-content {
    max-width: 1080px;
    padding-bottom: 60px;
    margin-right: 5%;
}

@media ( max-width: 1200px) {
    .left-content {
        width: 75%;
    }
}

@media ( max-width: 991.9px) {
    .left-content {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
}

.post-article {
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 20px;

    border-bottom: 1px solid #cfe4e8;

    align-items: center;
}

@media ( max-width: 767.9px) {
    .post-article {
        flex-direction: column;

        border-bottom: none;
    }
}

.post-title {
    margin-bottom: 10px;
}

.post-title a {

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;

    text-transform: capitalize;

    color: #666769;
}

@media ( max-width: 767.9px) {
    .post-title {
        margin-top: 8px;
    }

    .post-title a {
        font-size: 18px;
        line-height: 25px;
    }
}

.post-meta {
    display: flex;
    margin-bottom: 10px;

    align-items: baseline;
}

.post-views {
    margin-right: 10px;
}

.post-views-icon.dashicons {
    width: 0;
    height: 0;
}

.post-meta span {

    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;

    color: #afd3d8;
}

.mobile-date {
    display: none;
}

@media (max-width: 575.9px) {
    .desktop-date {
        display: none;
    }

    .mobile-date {
        display: inline-block;
    }
}

.post-content {
    position: relative;

    width: 76%;
    max-width: 820px;
    margin-right: 10px;
}

@media ( max-width: 767.9px) {
    .post-content {
        width: 100%;
        margin-right: 0;

        order: 1;
    }
}

.post-content p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

@media ( max-width: 767.9px) {
    .post-content p {
        font-size: 14px;
        line-height: 20px;
    }
}

.post-img {
    width: 100%;
    max-width: 250px;
}

@media ( max-width: 767.9px) {
    .post-img {
        display: flex;
        max-width: 100%;

        justify-content: center;
    }
}

.right-nav {
    width: 25%;
    max-width: 364px;
}

.sticky-block {
    position: sticky;
    top: 140px;
    padding-bottom: 60px;
}

@media (max-width: 991.9px) {
    .right-nav {
        display: none;
    }
}

.right-nav .category-list {
    display: block;
    width: 100%;
    margin-bottom: 28px;
}

.cat-item {
    position: relative;

    margin-bottom: 2px;
}

.cat-item a {
    position: relative;

    display: inline-block;
    width: 100%;
    padding: 10px 20px 10px 40px;


    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;

    text-align: right;
    text-transform: uppercase;

    color: #0d788c;
    background: #f0f7f8;
}

.cat-item a:hover {
    color: #fff;
    background: #0d788c;
}

.cat-item a::before {
    position: absolute;
    top: 15px;
    left: 20px;

    width: 10px;
    height: 6px;

    content: "";
    transform: rotate(90deg);

    background: url(../img/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.cat-item a:hover::before {
    width: 6px;
    height: 10px;

    transform: rotate(180deg);

    background: url(../img/white-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.category-mobile-menu.open .current-cat a,
.right-nav .category-list .current-cat a {
    color: #fff;
    background: #0d788c;
}

.current-cat a::before {
    width: 6px;
    height: 10px;

    transform: rotate(180deg);

    background: url(../img/white-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.tags-title {
    margin-bottom: 20px;

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    color: #666769;
}

.tags-list {
    display: flex;

    flex-wrap: wrap;
}

.tags-list li {
    display: block;
    margin-right: 8px;
    margin-bottom: 8px;
}

.tags-list a {
    display: inline-block;
    padding: 4px 5px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #666769;
    border-radius: 5px;
    background: #f0f7f8;
}

.search-box {
    display: flex;
    width: 100%;
    border: 1px solid #cfe4e8;
    border-radius: 5px;
    background: #f5feff;
}

.search-box .input-top {
    height: 40px;
    border-radius: 5px 0 0 5px;
    background: #F5FEFF;
    border: 1px solid #CFE4E8;
    padding: 9px 17px;
    outline: none;
}

@media (max-width: 375px) {
    .category-mobile-menu .search-box {
        border: none;
        background: transparent;
    }

    .search-box .input-top {
        min-width: 240px;
    }
}

.search-box .search-btn {
    width: 50px;
    height: 40px;
    border-radius: 0 5px 5px 0;
    border: 1px solid #0D788C;
    background: #0D788C;
    position: relative;
    outline: none;
}

.search-box .search-btn:hover {
    background: #005B6D;
}

.search-box .input-top:focus {
    border: 1px solid #0D788C;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 0 4px rgba(13, 120, 140, 0.45);
}

.search-box .search-btn::after {
    position: absolute;
    content: '';
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    background: url('../img/search.svg');
}

.search-box .search-btn:focus {
    box-shadow: 0px 0px 4px rgba(13, 120, 140, 0.45);
}

.load-more {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;


    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border: none;
    background: #0d788c;
}

.load-more:hover {
    background: #005b6d;
}

/*===========
    Single post
============*/
.single-post .content-wrapper {
    padding-top: 58px;
}

.top-post-content {
    padding-bottom: 70px;
}

.top-post-content img {
    width: 100%;
}

.single-post .post-content {
    position: relative;

    width: 100%;
    max-width: 100%;
}

.single-post .post-content p {
    margin-bottom: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.single-post .post-content h2 {
    margin-bottom: 20px;


    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;

    letter-spacing: .03em;

    color: #666769;
}

.single-post .post-content li {
    margin-bottom: 20px;


    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
    list-style: inside;

    text-transform: capitalize;

    color: #666769;
}

.single-post .post-content li p {
    margin-top: 20px;
    margin-left: 33px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-transform: none;

    color: #666769;
}

@media (max-width: 767.9px) {
    .single-post .post-content h2 {
        font-size: 24px;
        line-height: 33px;
    }

    .single-post .post-content p {
        font-size: 14px;
        line-height: 20px;
    }

    .single-post .post-content li {
        font-size: 18px;
        line-height: 25px;
    }

    .single-post .post-content li p {
        font-size: 14px;
        line-height: 20px;
    }
}

.single-post .right-nav .search-box {
    margin-bottom: 48px;
}

.popular-posts h2 {
    margin-top: 29px;
    margin-bottom: 5px;


    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;

    text-transform: capitalize;

    color: #666769;
}

.wpp-list li {
    padding: 15px 0;

    border-bottom: 1px solid #cfe4e8;
}

.wpp-list a {
    display: inline-block;
    margin-bottom: 10px;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #666769;
}

.wpp-meta.post-stats {
    margin-bottom: 10px;


    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;

    text-transform: capitalize;

    color: #afd3d8;
}

.wpp-list p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.post-content .wpp-list li {
    list-style: none;
}

.post-content .wpp-list li p {
    margin: 0;
}

.bottom-mobile-sidebar {
    display: none;
}

@media (max-width: 991.9px) {
    .bottom-mobile-sidebar {
        display: block;
        padding-top: 20px;
    }

    .bottom-mobile-sidebar h3 {

        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 33px;

        text-transform: capitalize;

        color: #666769;
    }
}

.single-post-info {
    display: flex;
    padding-top: 20px;

    justify-content: space-between;
}

.social-box {
    display: flex;

    align-items: center;
}

.social-box span {

    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;

    text-align: right;

    color: #a8c4ca;
}

.social-box img {
    max-width: 24px;
}

.social-box a {
    margin-left: 16px;
}

/*===========
    Shop
============*/
.products-section {
    padding: 40px 0;
}

.products-section .inner {
    justify-content: space-between;
}

.shop-nav {
    width: 17%;
    min-width: 187px;
}

.product-wrap {
    width: 82%;
    max-width: 860px;
}

@media (max-width: 1080px) {
    .shop-nav {
        display: none;
    }

    .product-wrap {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 991.9px) {
    .products-section {
        padding: 0;
    }

    .products-section .inner {
        padding: 0;
    }
}

.shop-nav-list {
    width: 100%;

    border: 1px solid #cfe4e8;
    border-radius: 10px;
}

.shop-nav-item {
    border-bottom: 1px solid #cfe4e8;
}

.shop-nav-item:last-child {
    border-bottom: none;
}

.shop-cat-list {
    display: flex;
    flex-direction: column;
}

.button-nav-title {
    position: relative;

    width: 100%;
    padding: 17px 100px 17px 18px;


    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;

    text-align: left;
    letter-spacing: .05em;
    text-transform: uppercase;

    color: #0d788c;
    border: none;
    background: url(../img/nav_bg.jpg);
    background-size: cover;
}

.button-nav-title::after {
    position: absolute;
    top: 25px;
    right: 18px;

    width: 10px;
    height: 6px;

    content: "";

    background: url(../img/arrow-down-short.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.button-nav-title.active::after {
    transform: rotate(180deg);
}

.nav-panel {
    position: relative;
    display: none;
    z-index: 1;
}

.filter-reload .nav-panel::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 2;
}

.filter-reload .nav-panel::after {
    content: "";
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M288 32c0 17.673-14.327 32-32 32s-32-14.327-32-32 14.327-32 32-32 32 14.327 32 32zm-32 416c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm256-192c0-17.673-14.327-32-32-32s-32 14.327-32 32 14.327 32 32 32 32-14.327 32-32zm-448 0c0-17.673-14.327-32-32-32S0 238.327 0 256s14.327 32 32 32 32-14.327 32-32zm33.608 126.392c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm316.784 0c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zM97.608 65.608c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32s32-14.327 32-32c0-17.673-14.327-32-32-32z' fill='%230d788c'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    animation: custom-spinner 1.2s linear infinite;
}

.nav-panel.open {
    display: block;
    padding: 20px 10px;
}

.product-navigation {
    display: flex;
    width: 100%;
    padding: 10px 30px 10px 20px;
    margin-bottom: 20px;

    border-radius: 10px;
    background: #f2f5f5;

    justify-content: space-between;
}

.product-navigation .left-side,
.product-navigation .right-side {
    display: flex;

    align-items: center;
}

.mobile-pagination {
    display: none;
}

.show-more {
    display: none;
}

@media (max-width: 991.9px) {
    .product-navigation {
        padding: 10px 16px;
        margin-bottom: 0;

        border-radius: 0;
    }

    .product-navigation .right-side {
        display: none;
    }

    .bottom-product-navigation {
        padding: 24px 16px 16px;

        background: #f2f5f5;
    }

    .bottom-product-navigation .product-navigation {
        display: none;
    }

    .product-navigation .left-side {
        width: 100%;

        align-items: flex-start;
        justify-content: space-between;
    }

    .mobile-pagination {
        display: block;
    }

    .mobile-pagination .woocommerce-pagination {
        display: flex;

        justify-content: center;
    }

    .show-more {
        display: block;
        padding: 12px;
        margin: 0 auto 24px;
        max-width: 326px;

        font-size: 10px;
        font-style: normal;
        font-weight: 800;
        line-height: 14px;
        text-align: center;
        text-transform: uppercase;

        color: #fff;
        background: #0d788c;
    }
}

.filter-block-mobile img {
    position: relative;
    top: -2px;
}

.filter-block-mobile.opened img {
    transform: rotate(180deg);
}

.filter-block-items {
    display: none;
}

.filter-block-items.open {
    display: block;
    background: #f2f5f5;
    position: absolute;
    z-index: 3;
    width: 100vw;
    left: 0;
    top: 42px;
    padding-bottom: 8px;
}

.filter-text {

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .02em;
    color: #000;
}

.select-item,
.option-item {

    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;

    letter-spacing: .02em;
    text-transform: uppercase;

    color: #0d788c;
}

.select-item {
    margin-right: 5px;
}

.option-item {
    padding: 8px 0 8px 60px;
    white-space: nowrap;
    cursor: pointer;
}

.select-item input,
.option-item input {
    visibility: hidden;
    width: 0;
    height: 0;
}

.option-item label {
    position: relative;
}

.option-item.checked {
    position: relative;
}

.option-item input:checked + label::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -22px;
    width: 16px;
    height: 11px;
    content: "";
    background: url(../img/check.svg) center/contain no-repeat;
}

.option-item.checked::before {
    position: absolute;
    top: 10px;
    left: 46px;
    width: 16px;
    height: 11px;
    content: "";
    background: url(../img/check.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.shop-cat-item a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #000;
}

.shop-cat-item span.filter-count-text {
    font-size: 11px;
    color: #A1A1A1;
}

.shop-cat-item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    cursor: pointer;
    padding: 5px 0;
}

.shop-cat-item.active {
    font-weight: 700;
    color: #0D788C;
}

.shop-cat-item:hover {
    color: #0D788C;
}

.shop-cat-item.last {
    order: 1;
}

.shop-cat-item .sub-menu {
    margin-left: 20px;
}

.products-section .product-wrap .products {
    margin: 0;
}

@media (max-width: 991.9px) {
    .products-section .product-wrap .products {
        margin-top: 17px;
        padding: 0 8px;
    }
}

@media (max-width: 800px) {
    .products-section .product-attribute-wrap {
        flex-direction: column;

        align-items: center;
    }

    .products-section .quantity {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.filter-block {
    display: flex;
    align-items: baseline;
}

.filter-block span {
    white-space: nowrap;
    font-size: 12px;
    font-weight: 16px;
}

.filter-block-mobile {
    display: none;
}

@media (max-width: 991.9px) {
    .filter-block {
        display: none;
    }

    .filter-block-mobile {
        display: block;

        cursor: pointer;
    }
}


@media (max-width: 370px) {
    .stock-filter-mobile {
        margin-bottom: 10px;
    }
}

.woocommerce-ordering .select2.select2-container.select2-container--default {
    width: auto !important;
}

.woocommerce-ordering .select2-container .select2-selection--single {
    height: auto;
}

.woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0;
}

.stock-filter {
    display: flex;
    margin-left: 15px;
    align-items: baseline;
}

.stock-filter span {
    font-size: 12px;
    line-height: 16px;
}

.stock-filter-mobile {
    display: none;
}

@media (max-width: 991.9px) {
    .stock-filter {
        display: none;
    }

    .stock-filter-mobile {
        display: flex;

        align-items: center;
    }
}

#stock-mobile {
    visibility: hidden;
    width: 0;
    height: 0;
}

.stock-mobile-label {
    position: relative;

    display: block;
    width: 44px;
    height: 24px;

    cursor: pointer;
    text-indent: -9999px;

    border-radius: 12px;
    background: #cfe4e8;
}

.stock-mobile-label:after {
    position: absolute;
    top: 2px;
    left: 2px;

    width: 20px;
    height: 20px;

    content: "";
    transition: .3s;

    border-radius: 50%;
    background: #fff;
}

#stock-mobile:checked + label {
    background: #0d788c;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .18);
}

#stock-mobile:checked + label:after {
    left: calc(100% - 2px);

    transform: translateX(-100%);
}

.stock-mobile-label:active:after {
    width: 44px;
}

.stock-filter-mobile span {
    margin-left: 8px;


    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;

    letter-spacing: .02em;

    color: #000;
}

.stock-filter .select2.select2-container.select2-container--default {
    width: auto !important;
}

.stock-filter .select2-container .select2-selection--single {
    height: auto;
}

.stock-filter .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0;
}

.results {
    margin-right: 15px;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;

    letter-spacing: .05em;

    color: #000;
}

@media (max-width: 1420px) {
    .results {
        margin-right: 20px;
    }
}

@media (max-width: 1200px) {
    .results {
        margin-right: 0;
    }
}

@media (max-width: 1100px) {
    .results {
        display: none;
    }
}

.product-navigation .right-side form {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
}

.show-product-numbers {
    /*margin-right: 30px;*/
    display: flex;
    align-items: center;
}

.show-product-numbers span {
    margin-right: 10px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    letter-spacing: .05em;

    color: #000;
}

@media (max-width: 1420px) {
    .show-product-numbers {
        margin-right: 0;
    }
}

@media (max-width: 1300px) {
    .show-product-numbers {
        display: flex;
        align-items: center;
    }
}

.show-product-numbers .select2.select2-container.select2-container--default {
    width: auto !important;
    height: 25px;
    padding: 4px 10px 0 10px;
    margin-left: 10px;

    border: 1px solid #cfe4e8 !important;
    border-radius: 10px;
    background: #eef7f8;
}

.show-product-numbers .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}

.show-product-numbers .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-left: 0;
    padding-right: 5px;
}

.page-numbers {
    display: flex;

    align-items: center;
}

.page-numbers li {
    margin-left: 10px;
}

.page-numbers span {
    padding: 3px 10px;


    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;

    color: #fff;
    border-radius: 10px;
    background: #0d788c;
}

.page-numbers a {

    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;

    color: #0d788c;
}

.product-wrap .select-color {
    padding: 12px 25px;
}

/*===========
    Products tabs
============*/
.tabs-navigation {
    position: relative;

    width: 100%;
}

.tabs-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    object-fit: cover;
}

.tabs-navigation .container {
    padding-top: 21px;
    padding-bottom: 24px;

    align-items: center;
    justify-content: space-between;
}

.tabs-navigation .container.centered {
    padding-top: 28px;
    padding-bottom: 32px;

    justify-content: center;
}

@media (max-width: 1200px) {
    .tabs-navigation .container.titled,
    .tabs-navigation .container.titled-desktop {
        flex-direction: column;

        justify-content: center;
    }
}

@media (max-width: 991.9px) {
    .tabs-navigation .container.centered {
        padding-top: 16px;
    }
}

.tabs-navigation-title {

    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;

    letter-spacing: .03em;

    color: #fff;
}

@media (max-width: 1200px) {
    .tabs-navigation-title {
        margin-bottom: 16px;
    }
}

.titled-mobile {
    display: none;
}

@media (max-width: 991.9px) {
    .titled-desktop {
        display: none;
    }

    .titled-mobile {
        display: flex;
    }

    .titled-mobile .slick-list {
        padding: 0 !important;
    }
}


@media (max-width: 767.9px) {
    .tabs-navigation-title {
        margin-bottom: 16px;

        font-size: 24px;
        line-height: 33px;
    }
}

.tabs-list,
.tabs-list-option {
    display: flex;
}

.tabs-list.slick-slider {
    justify-content: center;
}

.tabs-list .slick-arrow.prev-arrow {
    left: 0;

    width: 28px;
    height: 28px;

    background: url(../img/chevron-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 5;
}

.tabs-list .slick-arrow.next-arrow {
    top: 0;
    right: 0;

    width: 28px;
    height: 28px;

    cursor: pointer;
    transform: none;

    background: url(../img/chevron-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.tabs-item {
    position: relative;

    margin-right: 40px;


    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;

    cursor: pointer;
    text-align: center;
    letter-spacing: .03em;
    text-transform: uppercase;

    color: #fff;
    border: none;
    background: transparent;
}

.tabs-item:last-child {
    margin-right: 0;
}

.tabs-desktop.active,
.tabs-desktop-best.active {
    font-weight: 900;
}

.tabs-desktop.active::after,
.tabs-desktop-best.active::after {
    position: absolute;
    top: 145%;
    left: 50%;

    width: 14px;
    height: 8px;

    content: "";
    transform: translate(-50%, 0);

    background: url(../img/white-arrow-bold.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 575.9px) {
    .tabs-item {
        width: max-content;
        margin-right: 25px;

        font-size: 15px;
        line-height: 20px;
    }

    .tabs-item:last-child {
        margin-right: 0;
    }

    .centered .tabs-item:first-child {
        order: 1;
    }

    .centered .tabs-item:nth-child {
        order: 0;
    }

    .centered .tabs-item:last-child {
        order: 2;
    }
}

@media (max-width: 375px) {
    .tabs-item.tabs-desktop-best {
        font-size: 12px;
        margin-right: 20px;
    }

    .tabs-item.tabs-desktop-best:last-child {
        margin-right: 0;
    }
}

.products-wrap {
    padding: 64px 0;
}

@media (max-width: 767.9px) {
    .products-wrap .container {
        padding: 0;
    }
}

.products-desktop,
.best-option-products {
    display: none;
}

.products-desktop.active,
.best-option-products.active {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 991px) {
    .best-option-products.active {
        overflow-x: clip;
    }
}

.products {
    display: flex;
    width: 100%;
    clear: both;

    align-items: stretch;
    flex-flow: row wrap;
    justify-content: center;
}

.products.best-sale-products {
    margin-bottom: 24px;
}

@media (max-width: 991px) {
    .products.best-sale-products {
        flex-flow: row nowrap;
    }
}

@media (min-width: 992px) {
    .products.best-sale-products.swiper-wrapper,
    .products.product-mob.swiper-container {
        transform: none;
    }

}

@media (max-width: 767.9px) {
    .products.best-sale-products .product {
        width: 162px !important;
    }
}

.product {
    position: relative;
    height: auto;
    display: flex;
    width: calc(20% - 20px);
    padding-bottom: 15px;
    margin: 0 10px 33px;
    flex-direction: column;
    border: 1px solid #cfe4e8;
    border-radius: 10px;
    background: #fff;
    justify-content: space-between;
}

.product-wrap .product {
    margin: 0 5px 33px;
    min-width: 162px;
}

.product.berocket_ww_product {
    width: auto;
}

.related.products {
    display: flex;
    flex-flow: column nowrap;
    margin-bottom: 50px;
}

.related.products .container {
    display: flex;
    flex-direction: column;
}

.related.products h2 {
    margin-bottom: 30px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    letter-spacing: .03em;
    color: #000;
}

.overlay-description {
    position: fixed;
    z-index: 5;
    display: none;
    width: 300px;
    padding: 24px;
    flex-direction: column;
    content: "";
    border-radius: 10px;
    background: linear-gradient(0deg, #fff, #fff), #f7f7f7;
    box-shadow: 0 2px 10px rgba(13, 120, 140, .3);
    font-size: 14px;
}

.overlay-description span {
    padding-bottom: 7px;
}

.overlay-description span:last-child {
    padding-bottom: 0;
}

@media (max-width: 991px) {
    .slick-initialized .product.slick-slide {
        display: flex;
    }
}

@media (max-width: 767.9px) {
    .slick-slider .product {
        width: 270px;
    }

    .slick-slider .product.slick-current {
        opacity: 1;
    }

    .products-section .product {
        width: 31%;
    }
}

@media (max-width: 575.9px) {
    .products-section .product {
        width: calc(50% - 16px);
        margin: 0 8px 33px;
    }

    .products-section .amount {
        font-size: 13px;
        line-height: 18px;
    }

    .products-section .sku-wrapper {
        font-size: 13px;
        line-height: 18px;

        text-align: right;
    }

    .products-section .add_to_cart_button {
        padding: 12px 10px;

        font-size: 13px;
        line-height: 18px;
    }
}

@media (max-width: 400px) {
    .slick-slider .product {
        width: 163px;
    }
}

@media (max-width: 360px) {
    .products-section .product {
        width: 100%;
    }
}

.related.products .product {
    position: relative;
    display: flex;
    width: calc(20% - 20px);
    max-width: 182px;
    padding-bottom: 15px;
    margin: 0 18px 33px;
    flex-direction: column;
    border: 1px solid #cfe4e8;
    border-radius: 10px;
    background: #fff;
    justify-content: space-between;
}

@media (max-width: 1510px) {
    .related.products .product {
        width: calc(25% - 30px);
    }
}

@media (max-width: 1200px) {
    .related.products .product {
        width: calc(33.33% - 30px);
    }
}

@media (max-width: 767.9px) {
    .related.products .product {
        width: 270px;
    }
}

@media (max-width: 575.9px) {
    .related.products .product {
        width: calc(50% - 16px);
        margin: 0 8px 33px;
    }
}

@media (max-width: 400px) {
    .related.products .product {
        width: 163px;
    }
}

@media (max-width: 360px) {
    .related.products .product {
        width: 100%;
    }
}

.related-products-slider {
    display: flex;
    width: 100%;
    max-width: 1522px;
}

.related-products-slider button.slick-arrow.prev-arrow {
    left: -30px;
}

.related-products-slider button.slick-arrow.next-arrow {
    right: -30px;
}

.related-products-slider .overlay-description {
    display: none !important;
}

.badge-discount {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;

    display: inline-block;
    padding: 5px 7px;


    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;

    color: #0d788c;
    border-radius: 10px;
    background: #cfe4e8;
}

.badge-new {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;

    display: inline-block;
    padding: 5px 7px;


    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;

    text-transform: uppercase;

    color: #73ba47;
    border-radius: 10px;
    background: #e3f1da;
}

.product-title {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    text-overflow: ellipsis;
    color: #666769;
    padding: 0 8px;
}

.product-title a {

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    white-space: nowrap;

    color: #666769;
}

.product-img {
    position: relative;
    padding: 20px 10px 0;
}

.product-img img {
    border-radius: 10px;
}

.wishlist {
    position: absolute;
    right: 10px;
    bottom: 10px;

    content: "";
}

.wishlist div.br_wish_wait_block span.br_ww_button,
.wish_wait_variation div.br_wish_wait_block span.br_ww_button {
    border: none;
    background: transparent;
}

.wishlist .fa {
    font-size: 16px;
}


.product-amount {
    display: flex;
    padding: 0 8px;
    margin: 9px 0;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .products-swiper-mobile .product-amount {
        margin: 0;
    }

    .products-swiper-mobile {
        overflow-x: clip;
    }
}

.amount {

    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;

    color: #0d788c;
}

.woocommerce-checkout-review-order .amount {
    font-size: inherit;
    color: inherit;
    font-weight: 700;
}

.product-amount .price del {
    display: none;
}

.product-amount .price ins {
    text-decoration: none;
}

/*
.variation-table-wrap del {
    display: none;
}
*/

.variation-table-wrap ins {
    text-decoration: none;
}

.product-amount .price {

    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;

    color: #0d788c;
}

.sku-wrapper {

    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    text-transform: uppercase;

    color: #666769;
}

.stock {
    margin-bottom: 6px;


    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;

    text-align: center;
}

.stock.in-stock {
    color: #73ba47;
}

.stock.out-of-stock {
    color: #e30b3f;
}

.warning-notice {
    display: none;
}

.warning-notice.active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    padding: 20px;
    width: 100%;
    height: 100%;
    content: '';
    background: #cfe4e8;
    border-radius: 10px;
    z-index: 1;
}

.warning-notice.active p {

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    color: #e30b3f;
    text-align: center;
}

.product-attribute-wrap {
    display: flex;
    padding: 0 8px;
    justify-content: space-between;
}


.product-attribute-wrap.colors,
.product-attribute-wrap.sizes {
    position: relative;
    flex-direction: column;
    align-items: center;
}

.product-attribute-wrap.sizes .slick-list.draggable {
    padding: 0 !important;
}

@media (max-width: 575.9px) {
    .product.slick-slide .product-attribute-wrap {
        flex-direction: column;
    }
}

.quantity {
    position: relative;
    display: flex;
    max-width: 70px;
    padding: 5px 0;
    margin-right: 10px;
    border: 1px solid #cfe4e8;
    border-radius: 10px;
    background: #eef7f8;
}

.woocommerce-cart .quantity.novalidate {
    border-color: #e30b3f;
}

.quantity button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    cursor: pointer;
    color: #0d788c;
    border: none;
    background: transparent;
}

.quantity .qty {
    width: 28px;
    margin: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    color: #666769;
    border: none;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.woocommerce-cart .quantity .qty.novalidate {
    color: #e30b3f;
}

.quantity .qty:hover,
.quantity .qty:focus {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

/*.quantity .plus {
    position: absolute;
    right: 5px;
    top: 10px;
}*/

@media (max-width: 575.9px) {
    .product.slick-slide .quantity {
        max-width: 100%;
        margin-bottom: 10px;
    }
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    margin: 0;

    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.add_to_cart_button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 5px;

    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 14px;
    text-transform: uppercase;

    color: #fff;
    border: none;
    outline: none;
    background: #0d788c;
    cursor: pointer;
    height: 40px;
}

.add_to_cart_button:hover {
    background: #005b6d;
}

.product-wrap .add_to_cart_button.product_type_simple {
    padding: 8px 5px;
}

.table-popup .add_to_cart_button {
    padding: 13px 30px;
}

.single-product .warning-row .warning {
    margin-bottom: 10px;
}

.select-color,
.select-size {
    width: 100%;
    padding: 12px 30px;
    border: none;
}

.list-color-attr,
.list-size {
    display: flex;
    margin-bottom: 10px;

    justify-content: center;
}

.list-size {
    width: 86px;
}

.list-color-attr {
    max-width: 171px;
    width: 100%;
}

.list-color-attr.slick-slider .slick-track {
    width: 100% !important;
}

.product-color,
.product-size {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 10px 10px 0;
    cursor: pointer;
}

.slick-track .product-color {
    width: 20px !important;
}

@media (max-width: 991.9px) {
    .slick-track .product-color {
        width: 28px !important;
        margin: 0 7px;
        height: 28px;
    }
}

.product-color img {
    clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
    transform: rotate(68deg);
}

.product-size .sizes-main {
    min-width: 20px;
    height: 20px;

    border: 1px solid #a8c4ca;
}

@media (max-width: 575.9px) {
    .product-color {
        width: 28px;
        height: 28px;
        margin-right: 0;
    }

    .product-color img {
        width: 28px;
    }
}

.product-size .sizes-main p {
    padding: 0;

    font-size: 12px;
    line-height: 16px;

    color: #a8c4ca;
}

.product-color:last-child,
.product-size:last-child {
    margin-right: 0;
}

.link-view {
    display: block;
    padding: 11px 30px;


    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    background: #0d788c;
}

.link-view:hover {
    background: #005b6d;
}

@media (max-width: 768px) {
    .link-view {
        width: 90%;
        margin: 0 auto;
    }
}

.color-popup {
    display: none;
}

.table-popup {
    display: none;
}

.table-popup.active::after,
.table-popup.active::after {
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 0;
    height: 0;

    content: "";
    transform: translateX(-50%);

    border: 15px solid transparent;
    border-top: 0;
    border-bottom: 15px solid #fff;
}

.table-popup.show {
    position: absolute;
    bottom: 0;
    top: 100%;
    left: 0;
    z-index: 3;
    display: flex;
    padding: 28px 20px 20px;
    flex-direction: column;
    content: "";
    border-radius: 10px;
    background: linear-gradient(0deg, #fff, #fff), #f7f7f7;
    box-shadow: 0 2px 10px rgba(13, 120, 140, .3);
    align-items: center;
    height: fit-content;
}

/*.add_to_cart_button.select-color.active::after,
.add_to_cart_button.select-size.active::after {*/
.table-popup::after,
.table-popup::after {
    display: none;
}

.table-popup.position-left {
    transform: translate(-68%, 0);
}

.table-popup.position-left::after {
    display: none;
}

.table-popup.position-top {
    transform: translate(0, calc(-100% - 40px));
}

.table-popup.position-top.position-left {
    transform: translate(-68%, calc(-100% - 40px));
}

.table-popup.position-top::after {
    display: none;
}

@media (max-width: 991.9px) {
    .table-popup.show {
        display: none !important;
    }

    .add_to_cart_button.select-color.active::after,
    .add_to_cart_button.select-size.active::after {
        display: none;
    }
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;

    width: 20px;
    height: 20px;

    border: none;
    outline: none;
    background: transparent;
}

.popup-table {
    width: 100%;
    border-collapse: collapse;
}

.popup-table th {
    padding-bottom: 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #666769;
}

.popup-table thead th {
    border-bottom: 1px solid rgba(0,0,0,0.075);
    padding-bottom: 5px;
}

.popup-table tbody tr:nth-of-type(1) th {
    padding-top: 10px;
}

.popup-table th.attr-name {
    text-align: left;
}

.popup-table td {
    padding-bottom: 20px;
}

.sizes-chart,
.colors-chart {
    display: flex;
    width: max-content;
    margin-right: 30px;

    align-items: center;
}

.sizes-chart img {
    width: 26px;
    height: 26px;
    margin-right: 10px;
}

.colors-chart img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
    transform: rotate(68deg);
}

.colors-chart span {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    color: #666769;
}

@media (max-width: 991.9px) {
    .sizes-chart,
    .colors-chart {
        width: auto;
    }
}

.color-popup-table .quantity {
    margin: 0 auto;
}

.size-popup-table .quantity {
    margin-left: 30px;
}

.popup-table .wish_wait_variation {
    margin-right: 10px;
}

.sizes-chart span {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    color: #666769;
}

@media (max-width: 991.9px) {
    .sizes-chart span {
        font-size: 14px;
        line-height: 19px;
    }
}

.stock-amount {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
}

.product-link-wrap {
    display: flex;
    justify-content: space-between;
}

.table-popup .product-link-wrap {
    width: 100%;
    justify-content: flex-end;
}

.product-link-wrap a {
    white-space: nowrap;
}

.chart-link {
    margin-right: 80px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    text-transform: capitalize;

    color: #0d788c;

    text-decoration-line: underline;
}

.item-price {

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #0d788c;
}

/*===========
    Single-product
============*/
.product-page-wrap .product {
    display: flex;
    width: 100%;
    max-width: 1312px;
    padding: 30px 0 60px;
    margin: 0 auto;
    flex-direction: row;
    border: none;
    justify-content: space-between;
}

@media (max-width: 767.9px) {
    .product-page-wrap .product {
        flex-direction: column;
    }
}

.top-product-thumbnail {
    position: relative;

    margin-bottom: 20px;
}

.popup-modal {
    position: absolute;
    right: 30px;
    bottom: 25px;
    z-index: 1;
}

.popup-modal img {
    width: 25px;
    height: 25px;
}

.product-thumbs.slick-slider {
    width: 100%;
    max-width: 700px;
}

.product-thumbs .slick-track {
    display: flex;
    width: 100% !important;
    max-width: 700px !important;
}

.product-thumbs .slick-track img {
    max-width: 120px;
    margin-right: 22px;

    border: 1px solid #cfe4e8;
    border-radius: 10px;
}

.thumb-popup img {
    max-width: 700px;
}

.top-product-thumbnail .product_meta {
    display: none;
}

.product-pic-zoom {
    position: relative;

    overflow: hidden;

    border: 1px solid #cfe4e8;
    border-radius: 10px;
}

.product-gallery {
    width: 36%;
    max-width: 700px;
}

.product-big-img {
    width: 100%;
}

.zoomImg {
    width: 300%;
    height: 300%;
}

@media (max-width: 1200px) {
    .entry-summary {
        width: 50%;
    }
}

@media (max-width: 767.9px) {
    .product-gallery {
        width: 100%;
        max-width: 100%;
    }

    .product-thumbs {
        display: none;
    }

    .top-product-thumbnail .product_meta {
        display: block;
    }
}

.entry-sum .amountary {
    width: 41%;
    max-width: 532px;
}

.entry-summary {
    width: 57%;
    /*max-width: 532px;*/
}

.product_meta {
    margin-bottom: 10px;
}

.product_meta .wcml_currency_switcher {
    display: none;
}

.wpml-ls-statics-footer {
    display: none;
}

.product-description {
    color: #666769;
}

.product_meta span {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: #666769;
}

.product-short-description p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #666769;
}

.attribute-wrap {
    margin-top: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #a8c4ca;
}

.attribute-row {
    display: flex;
    padding: 5px 10px;
    border-top: 1px solid #a8c4ca;
}

.attribute-name {
    width: 50%;
}

.attribute-name span {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    color: #0d788c;
}

.attribute-description {
    width: 50%;
}

.attribute-description span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #666769;
}

.variations-wrap {
    position: relative;
}

.single .variations-wrap .color-popup-table {
    margin-bottom: 20px;
}

.variations-wrap.simple-product {
    display: flex;
    flex-direction: column;
}

.variations-wrap.simple-product .amount {
    font-size: 14px;
    line-height: 22px;
}

.table-variation-simple {
    width: 100%;
    max-width: 392px;
    margin-bottom: 20px;
}

.table-variation-simple th {
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #666769;
}

.table-variation-simple th:nth-child(2) {
    padding: 0 70px 10px;
}

.table-variation-simple td {
    text-align: center;
}

.table-variation-simple td:nth-child(2) {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
}

.variations-wrap.simple-product .add_to_cart_button {
    max-width: 290px;
    cursor: pointer;
}

.simple-product .stock-amount {
    font-size: 14px;
}

.variations-wrap .wishlist {
    position: relative;
    top: 0;
    left: 0;

    display: flex;
    width: fit-content;

    align-items: center;
}

.variations-wrap .cart {
    display: flex;

    justify-content: center;
}

.variation-table-wrap {
    position: relative;
}

.warning-row {
    position: relative;
}

.warning {
    display: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    color: #e30b3f;
}

.tooltip-element {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px 10px;
    font-size: 11px;
    line-height: 15px;
    background: rgb(220, 63, 59);
    color: #ffffff;
    width: 100%;
    max-width: 250px;
    min-width: 218px;
    z-index: 2;
}

.tooltip-element.warning-simple-loop,
.tooltip-element.warning-cart-item {
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
}

.tooltip-element.after-chart {
    left: auto;
    right: 0;
    top: -10px;
}

.tooltip-element.warning-variation-moq {
    top: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tooltip-element.warning-simple-single {
    position: relative;
    margin-bottom: 16px;
}

.table-popup .tooltip-element.warning-total-moq {
    max-width: 210px;
}

.table-popup .tooltip-element.warning-total-moq {
    max-width: none;
    width: 100%;
    position: relative;
    top: 8px;
}

.tooltip-element.show {
    display: block;
}

.table-popup .warning-row {
    width: 100%;
    top: 2px;
}

.tooltip-element.warning-total-moq {
    color: #ffffff;
    background: rgb(220, 63, 59);
}


.tooltip-element.warning-variation-moq.success,
.tooltip-element.warning-total-moq.success {
    background: #73BA47;
}

.single-product .tooltip-element {
    max-width: 290px;
}

@media (max-width: 991px) {
    .tooltip-element.warning-cart-item {
        left: 0;
        transform: none;
    }
}

.variation-table-wrap .warning,
.variation-table-wrap .warning-simple {
    bottom: 0;
}

.popup-table tbody tr {
    position: relative;
}

.size-row {
    display: flex;
}

.sizes-main {
    display: flex;
    padding: 2px;
    margin-right: 10px;

    border: 1px solid #666769;
    border-radius: 50%;

    /*align-items: center;*/
    justify-content: center;
}

.redirect-button {
    display: none;
}

.related-products-slider .product .redirect-button {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 13px 5px;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: none;
    background: #0d788c;
}

.products-swiper-mobile .redirect-button {
    display: none;
}

@media (max-width: 991.9px) {
    .products-swiper-mobile .product-type-variable .add_to_cart_button {
        display: none;
    }

    .products-swiper-mobile .redirect-button {
        position: relative;

        display: inline-block;
        width: 100%;
        padding: 13px 5px;


        font-size: 13px;
        font-style: normal;
        font-weight: 800;
        line-height: 18px;

        text-align: center;
        text-transform: uppercase;

        color: #fff;
        border: none;
        background: #0d788c;
    }

}

.sizes-main p {
    padding: 0 8px;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;

    text-align: center;

    color: #666769;
}

.size-product .product-link-wrap {
    margin-top: 21px;
}

.product-link-wrap .unit-price,
.product-link-wrap .total {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-right: 10px;
}

.product-link-wrap .unit-price .title-price,
.product-link-wrap .total .total-title {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.entry-summary .wishlist,
.entry-summary .waitlist {
    margin-top: 20px;
}

.entry-summary .br_ww_button,
.entry-summary .br_wish_wait_block span.br_ww_button:hover {
    color: #0d788c;
}

.entry-summary .br_ww_button {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    text-decoration-line: underline;
}

.entry-summary .br_ww_button.br_ww_button_true {
    color: #e30b3f;
}

.simple-product .fa-clock-o::after {
    position: absolute;
    top: 7px;
    left: 32px;

    width: 106px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    content: "Add to waitlist";

    text-decoration-line: underline;
}

.simple-product .fa-heart-o::after {
    position: absolute;
    top: 7px;
    left: 32px;

    width: 109px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    content: "Add to wishlist";

    text-decoration-line: underline;
}

@media (max-width: 767.9px) {
    .entry-summary {
        display: flex;
        flex-direction: column;
    }

    .entry-summary .product_meta {
        display: none;
    }

    .entry-summary .attribute-wrap {
        order: 1;
    }

    .entry-summary .variations-wrap {
        order: 0;
    }

    .entry-summary .product-short-description {
        order: 2;
    }
}

@media (max-width: 767.9px ) {
    .entry-summary {
        width: 100%;
        max-width: 100%;
    }
}

.entry-summary .quantity {
    width: 100px;
}

.add_to_cart_variable_vr {
    max-width: 200px;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 13px;

    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: none;
    outline: none;
    background: #0d788c;
    cursor: pointer;
    height: 40px;
}

@media (max-width: 576px) {
    .add_to_cart_variable_vr {
        max-width: 180px;
    }
}

.price-value,
#total-price1 {
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    color: #0d788c;
}


.hideShowPassword-toggle {
    right: 23px !important;

    width: 18px;
    height: 18px;

    cursor: pointer;
    text-indent: -9999em;

    border: none;
    background: url(../img/svg-hide.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.hideShowPassword-toggle-hide {
    opacity: .5;
}

/*===========
    Account page
============*/
.my-account-form {
    position: relative;

    width: 100%;
    height: 100vh;
    padding: 10em 0;
}

.my-register-form {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 40px 0;
    background: url('../img/Login_bg.jpg') center / cover no-repeat;
}

.account-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    object-fit: cover;
}

.login-form-wrapper,
.lost_reset_password {
    position: relative;

    width: 100%;
    max-width: 570px;
    padding: 40px;
    margin: 0 auto;

    background: #fff;
    box-shadow: 0 4px 4px rgba(13, 120, 140, .25);
}


@media (max-width: 575.9px) {
    .account-bg {
        display: none;
    }

    .login-form-wrapper,
    .lost_reset_password {
        padding: 0;

        box-shadow: none;
    }

    .my-account-form {
        padding: 20px 16px;
    }
}

.woo-form-row .site-branding {
    width: 100%;
    max-width: 412px;
    margin: 0 auto 30px;
}

.woo-form-row .custom-logo {
    width: 100%;
    max-width: 274px;
    display: block;
    margin: 0 auto;
}

.my-account-form .woo-form-row .custom-logo {
    display: block;
    margin: 0 auto;
}

.site-branding-mobile {
    display: none;
}

@media (max-width: 575.9px) {
    .site-branding-mobile {
        display: block;
        margin: 0 auto;
    }

    .woo-form-row .site-branding {
        display: none;
    }

    .woo-form-row .site-branding.reg-logo {
        display: block;
    }
}

.login-form-wrapper h2,
.lost_reset_password h2 {
    margin-bottom: 20px;

    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    letter-spacing: .03em;
    color: #000;
}

.login-form-wrapper p,
.lost_reset_password p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #666769;
}

.lost_reset_password p {
    white-space: nowrap;
}

.login-form-wrapper p.woocommerce-form-row {
    text-align: left;
}

.woocommerce-form-row .input-text {
    width: 100%;
    height: 40px;
    padding-left: 20px;

    border: 1px solid #cfe4e8;
    border-radius: 5px;
    outline: none;
    background: #f5feff;
    position: relative;
}

.form-row.address-field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
}

.form-row.address-field .woocommerce-input-wrapper {
    width: 100%;
}

.woocommerce-billing-fields__field-wrapper .form-row.address-field,
.woocommerce-shipping-fields__field-wrapper .form-row.address-field {
    max-width: 490px;
    width: 100%;
    margin-bottom: 20px;
}

.woocommerce-account .woocommerce-Input {
    font-size: 13px;
}

.woocommerce-account .woocommerce-form-row .input-text {
    height: 34px;
}

@media (max-width: 991.9px) {
    .woocommerce-billing-fields__field-wrapper .form-row.address-field,
    .woocommerce-shipping-fields__field-wrapper .form-row.address-field {
        max-width: 100%;
    }
}

.woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper,
.woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper {
    width: 100%;
    height: 40px;
    /* padding-left: 20px; */
    border: 1px solid #cfe4e8;
    border-radius: 5px;
    outline: none;
    background: #f5feff;
    display: flex;
    align-items: center;
}

.woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper #billing_state,
.woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper #shipping_state {
    width: 100%;
}

.woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-left: 0;

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-transform: capitalize;
    color:#666769;
}

.form-row.address-field .select2-container--default {
    width: 100% !important;
    height: 40px;
    padding-top: 9px;
    padding-left: 20px;
    border: 1px solid #cfe4e8;
    border-radius: 5px;
    outline: none;
    background: #f5feff;
}

.form-row.address-field label {
    margin-bottom: 5px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #666769;
}

.form-row.address-field .required {
    text-decoration: none;
}

@media (max-width: 575.9px) {
    .login-form-wrapper h2,
    .lost_reset_password h2 {
        font-size: 24px;
        line-height: 33px;
    }

    .login-form-wrapper p,
    .lost_reset_password p {
        font-size: 14px;
        line-height: 30px;
    }

    .lost_reset_password p {
        white-space: normal;
    }
}

.woocommerce-additional-fields__field-wrapper #order_comments_field {
    margin-bottom: 40px;
}

.woocommerce-form-login {
    margin-top: 40px;
}

.woocommerce-form-row {
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
}

.woocommerce-account .woocommerce-form-row {
    margin-bottom: 15px;
}

.lost_reset_password .woocommerce-form-row {
    margin-bottom: 0;
}

.woocommerce-form-row label {
    margin-bottom: 5px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    color: #666769;
}

.woocommerce-form-row label .required {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    text-decoration: none;

    color: #0d788c;
}

.lost_reset_password label {
    margin-top: 70px;
}

.woocommerce-Input {
    width: 100%;
    height: 40px;
    padding-left: 20px;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
    border: 1px solid #cfe4e8;
    border-radius: 5px;
    outline: none;
    background: #f5feff;
    color: #000;
}

.woocommerce-Input.error {
    border-color: red;
}

.woo-form-row {
    display: flex;
    margin-top: 40px;

    align-items: center;
    justify-content: space-between;
}

.my-account-form .woo-form-row:first-child {
    margin-top: 0;
}

.woocommerce-register-link {
    margin-right: 10px;
}

#select2-referrer-container,
#select2-billing_state-container,
#select2-shipping_state-container,
#select2-billing_country-container,
#select2-shipping_country-container {
    color: #000;
}

#select2-billing_state-container,
#select2-shipping_state-container {
    margin-left: 0;

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: .05em;
    text-transform: none;
    text-overflow: inherit;
}

#billing_state_field .select2-container--default .select2-selection--single .select2-selection__arrow b,
#shipping_state_field .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 20px;
}

.field-error {
    color: red;
    font-size: 0.812rem;
}

.form-result {
    margin-top: 1rem;
    font-size: 14px;
    color: #73ba47;
    /* border: 2px solid #73ba47; */
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
}

.form-result.error {
    color: red;
}

@media (max-width: 575.9px) {
    .woo-form-row {
        margin-top: 30px;
        flex-direction: column;

        align-items: flex-end;
    }
}

@media (max-width: 360px) {
    .woo-form-row {
        align-items: center;
    }
}

.wc-auth-actions {
    display: flex;

    align-items: center;
    justify-content: space-between;
}

.wc-auth-actions .form-check {
    width: 50%;
    margin-top: 0;

    justify-content: flex-start;
    order: 0;
}

.form-check {
    display: flex;
}

.form-check span {
    margin-left: 15px;


    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;

    color: #666769;
}

.woocommerce-form__label {
    display: flex;

    align-items: center;
}

.woocommerce-form__input-checkbox {
    width: 20px;
    height: 20px;

    border: 1px solid #cfe4e8;
    border-radius: 3px;
    background: #f5feff;
}

.woocommerce-form-login__submit {
    padding: 10px 40px;

    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    border: none;
    outline: none;
    background: #0d788c;
}

.woocommerce-form-login__submit:hover {
    background: #005b6d;
}

.woocommerce-Button {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;

    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    width: fit-content;
    padding: 10px 40px;
    display: block;
    color: #fff;
    border: none;
    outline: none;
    background: #0d788c;
    margin: 40px auto 0;
}

.woocommerce-Button:hover {
    background: #005b6d;
}

@media (max-width: 575.9px) {
    .form-check {
        display: flex;
        width: 100%;
        /* margin-top: 27px; */

        align-items: center;
        /* justify-content: center; */
        order: 2;
    }

    .woocommerce-form__input-checkbox {
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .woocommerce-form__label {
        position: relative;

        display: block;
        width: 44px;
        height: 24px;

        cursor: pointer;
        text-indent: -9999px;

        border-radius: 12px;
        background: #cfe4e8;
    }

    .woocommerce-form__label:after {
        position: absolute;
        top: 2px;
        left: 2px;

        width: 20px;
        height: 20px;

        content: "";
        transition: .3s;

        border-radius: 50%;
        background: #fff;
    }

    .woocommerce-form__input-checkbox:checked + label {
        background: #0d788c;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .18);
    }

    .woocommerce-form__input-checkbox:checked + label::after {
        left: calc(100% - 2px);

        transform: translateX(-100%);
    }

    label:active::after {
        width: 44px;
    }

    .woocommerce-register-link {
        margin-bottom: 0;
    }

    .woocommerce-form-login__submit {
        width: 100%;

        order: 1;
    }

    .login-form-wrapper .woocommerce-form-login .remember-field {
        margin-top: 20px;
    }
}

@media (max-width: 360px) {
    .wc-auth-actions {
        flex-direction: column;
    }

    .woocommerce-form-login__submit {
        width: 100%;
    }

    .wc-auth-actions .form-check {
        width: 100%;
        margin-top: 20px;

        justify-content: center;
        order: 2;
    }
}

.woocommerce-register-link a,
.lost_password a {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #0d788c;

    text-decoration-line: underline;
}

/*  Register page */
#error_email,
#confirm_error_email {
    color: red;
}

.my-register-form .login-form-wrapper {
    padding: 20px 40px 40px;
}

@media (max-width: 575.9px) {
    .my-register-form .login-form-wrapper {
        padding: 25px 16px 40px;
    }
}

.my-register-form .woo-form-row {
    margin-top: 0;
}

.my-register-form .site-branding {
    margin: 0 auto 30px;
}

.my-register-form h2 {
    margin-bottom: 10px;
}

.woocommerce-form-register {
    margin-top: 40px;
}

.progressbar-wrap {
    display: flex;
    padding-bottom: 25px;

    justify-content: center;
}

#new-field {
    display: none;
}

.progressbar {
    position: relative;

    display: flex;
    padding: 0;

    list-style: none;

    justify-content: space-between;
}

.progressbar li {
    position: relative;
    z-index: 1;

    display: flex;
    width: 30px;
    height: 30px;
    margin-right: 100px;

    color: #0d788c;
    border: 1px solid #0d788c;
    border-radius: 50%;
    background: #fff;

    align-items: center;
    justify-content: center;
}

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

.progressbar li.active {
    color: #fff;
    background: #0d788c;
}

.progressbar::before {
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    height: 2px;

    content: "";
    transform: translateY(-50%);

    background: #0d788c;
}

.progressbar li::after {
    position: absolute;
    top: calc(100% + .5rem);


    font-size: .85rem;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    content: attr(data-title);

    color: #000;
}

@media (max-width: 370px) {
    .progressbar li {
        margin-right: 65px;
    }

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

.step-form-wrap {
    margin-top: 40px;
}

.step.hidden {
    display: none;
}

.step-title {
    margin-bottom: 20px;


    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;

    text-align: center;
    text-transform: capitalize;

    color: #000;
}

.woocommerce-form-row .select2-container {
    width: 100% !important;
    height: 40px;
    padding-top: 9px;
    padding-left: 20px;

    border: 1px solid #cfe4e8;
    border-radius: 5px;
    outline: none;
    background: #f5feff;
}

.woocommerce-form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-left: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-transform: none;
    color: #000;
}

.woocommerce-account .woocommerce-form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}

.woocommerce-account .woocommerce-form-row .select2-container {
    height: 34px;
    padding-top: 6px;
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -4px;
}

.woocommerce-form-row .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 20px;
}

.woocommerce-form-row .iti--allow-dropdown {
    display: flex;
}

.woocommerce-form-row .iti__flag-container {
    width: 120px;
    margin-right: 20px;
    border: 1px solid #CFE4E8;
    border-radius: 5px;
    background: #f5feff;
    position: relative !important;
}

.woocommerce-form-row .iti--separate-dial-code .iti__selected-flag {
    background: #f5feff;
}

.woocommerce-form-row .iti__country-list--dropup {
    height: 200px !important;
}

.woocommerce-form-row #billing_shipping_phone,
.woocommerce-form-row #shipping_shipping_phone {
    max-width: 350px;
    background: #F5FEFF;
    border: 1px solid #CFE4E8;
    border-radius: 5px;
    padding-left: 20px !important;
}

@media (max-width: 991.9px) {
    .woocommerce-form-row #billing_shipping_phone,
    .woocommerce-form-row #shipping_shipping_phone {
        max-width: inherit;
    }
}

.woocommerce-form-row .iti--separate-dial-code .iti__selected-flag:hover {
    border: 1px solid #0d788c;
    background: #f5feff;
    box-shadow: 0 0 4px rgba(13, 120, 140, .45);
}

.step-link {
    display: flex;
    width: 50%;
    flex-direction: column;
}

.step-link span {

    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

    color: #666769;
}

.step-link a {

    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;

    color: #0d788c;

    text-decoration-line: underline;
}

.common-button {
    display: flex;

    align-items: center;
    justify-content: space-between;
}

.common-button button,
.btn_done {
    padding: 10px 40px;
    font-family: "Nunito Sans", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    border: none;
    outline: none;
    background: #0d788c;
}

.common-button button.loading .next-arrow-svg {
    display: none;
}

button#register.woocommerce-form-register__submit {
    visibility: hidden;
    width: 0;
    height: 0;
}

.btn_next,
.btn_back {
    display: inline-flex;
    align-items: center;
}

.btn_next svg, .register-btn svg {
    margin-left: 20px;
}

.btn_back svg {
    margin-right: 20px;
}

#billing_phone,
#shipping_phone {
    padding-left: 20px !important;
}

@media (max-width: 575.9px) {
    .common-button button {
        padding: 10px 33px;
    }

    .step-1-btns {
        flex-direction: column;
    }

    .step-1-btns .step-link {
        width: 100%;
        flex-direction: row;

        justify-content: center;
        order: 1;
    }

    .step-1-btns .step-link span {
        font-size: 14px;
        line-height: 24px;
    }

    .step-1-btns .step-link a {
        font-size: 13px;
        line-height: 24px;
    }

    .step-1-btns .btn_next {
        width: 100%;
        margin-bottom: 32px;

        order: 0;
    }
}

@media (max-width: 360px) {
    .common-button button {
        padding: 10px 20px;
    }
}

#order_comments {
    resize: none;
}

#place_order {
    background: #0D788C;
    max-width: 490px;
    width: 100%;
    padding: 10px 50px;
    border: none;
    cursor: pointer;
    outline: none;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.modal_wrapper {
    position: fixed;
    top: 0;
    left: 0;

    visibility: hidden;
    width: 100%;
    height: 100%;
}

.modal_wrapper .shadow {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transition: .2s ease;

    opacity: 0;
    background: rgba(13, 120, 140, .5);
}

.modal_wrapper .success_wrap {
    position: absolute;
    top: 50%;
    left: 50%;

    display: flex;
    padding: 50px;

    transition: .5s ease;
    transform: translate(-50%, -800px);

    border-radius: 5px;
    background: #fff;

    align-items: center;
}

.modal_wrapper.active {
    z-index: 2;

    visibility: visible;
}

.modal_wrapper.active .shadow {
    opacity: 1;
}

.modal_wrapper.active .success_wrap {
    display: flex;
    height: 500px;
    padding: 110px 50px 50px;
    flex-direction: column;

    transform: translate(-50%, -50%);

    align-items: center;
    justify-content: space-between;
}

@media (max-width: 991.9px) {
    .modal_wrapper.active .success_wrap {
        width: 100%;
        height: 100%;
    }

    .modal_wrapper.active .site-branding-mobile {
        display: block;
    }
}

.gratitude h2 {

    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;

    text-align: center;
    letter-spacing: .03em;

    color: #000;
}

.gratitude p {
    margin-top: 40px;


    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

    text-align: center;

    color: #666769;
}

.redirect {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;

    color: #a8c4ca;
}

@media (max-width: 767.9px) {
    .modal_wrapper.active .success_wrap {
        padding: 32px 22px 40px;
    }

    .modal_wrapper.active .site-branding-mobile {
        max-width: 175px;
    }

    .gratitude h2 {
        font-size: 24px;
        line-height: 33px;

        letter-spacing: .03em;
    }

    .gratitude p {
        font-size: 18px;
        line-height: 24px;
    }

    .redirect {
        font-size: 14px;
        line-height: 20px;
    }
}

/*  Dashboard */
.dashboard-wrap {
    padding-top: 40px;
    padding-bottom: 10em;
}

.account-toggle {
    display: none;
}

@media (max-width: 991.9px) {
    .dashboard-wrap {
        padding-bottom: 5em;
    }

    .account-toggle {
        display: block;


        font-size: 22px;
        font-style: normal;
        font-weight: 800;
        line-height: 30px;

        color: #000;
        border: none;
        background: transparent;
        margin-top: 18px;
    }

    .account-toggle img {
        position: relative;
        top: -2px;
        left: 16px;
    }

    .account-toggle.active img {
        transform: rotate(180deg);
    }

    .woocommerce-account .banner-title,
    .page-template-tpl_wishlist_page .banner-title {
        display: none;
    }
}

@media (max-width: 767.9px) {
    .dashboard-wrap .container {
        padding: 0;
    }
}

.woocommerce-MyAccount-navigation {
    display: flex;
    width: 18%;
    max-width: 266px;
    margin-right: 3%;
    flex-direction: column;
}

.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
}

.woocommerce-MyAccount-navigation-link {
    position: relative;

    margin-bottom: 2px;

    background: #f0f7f8;
}

.woocommerce-MyAccount-navigation-link::after {
    position: absolute;
    top: 18px;
    right: 20px;

    width: 12px;
    height: 8px;

    content: "";
    transform: rotate(-90deg);

    background: url(../img/select-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.woocommerce-MyAccount-navigation-link a {
    display: block;
    width: 100%;
    padding: 10px 35px 10px 20px;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
    color: #0d788c;
}

.woocommerce-MyAccount-navigation-link.is-active {
    background: #0d788c;
}

.woocommerce-MyAccount-navigation-link.is-active a {
    color: #fff;
}

.woocommerce-MyAccount-navigation-link.is-active::after {
    top: 16px;
    right: 14px;

    width: 15px;
    height: 10px;

    transform: rotate(0deg);

    background: url(../img/white-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.woocommerce-MyAccount-navigation-link--dashboard {
    order: 0;
}

.woocommerce-MyAccount-navigation-link--edit-account {
    order: 1;
}

.woocommerce-MyAccount-navigation-link--orders {
    order: 2;
}

.woocommerce-MyAccount-navigation-link--edit-address {
    order: 3;
}

.woocommerce-MyAccount-navigation-link--wishlist {
    order: 4;
}

.woocommerce-MyAccount-navigation-link--wait-list {
    order: 5;
}

.woocommerce-MyAccount-navigation-link--quick-order {
    order: 6;
}

.account-mobile-navigation {
    display: none;
}

@media (max-width: 991.9px) {
    .dashboard-wrap .woocommerce-MyAccount-navigation {
        display: none;
    }

    .account-mobile-navigation.open {
        position: relative;

        display: block;
        padding-bottom: 40px;
    }

    .account-mobile-navigation .woocommerce-MyAccount-navigation {
        width: 100%;
        max-width: 100%;
    }

    .account-mobile-navigation .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
        padding: 10px 0;
        margin-bottom: 2px;

        background: transparent;
    }

    .account-mobile-navigation .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active {
        background: #0d788c;
    }

    .account-mobile-navigation .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link::after {
        display: none;
    }

    .account-mobile-navigation .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
        display: inline-block;
        width: 100%;


        font-size: 18px;
        font-style: normal;
        font-weight: 800;
        line-height: 25px;

        text-align: center;
        text-transform: none;

        color: #000;
    }

    .account-mobile-navigation .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a {
        color: #fff;
    }

    .account-nav-bg {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;
    }
}

.logout-link {
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #0d788c;

    text-decoration-line: underline;
}

.woocommerce-MyAccount-content {
    width: 78%;
    max-width: 1019px;
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper + p {
    display: none !important;
}

.dashboard-content h2 {
    margin-bottom: 12px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .03em;
    color: #666769;
}

.dashboard-content p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #666769;
}

@media (max-width: 991.9px) {
    .woocommerce-MyAccount-content {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 767.9px) {
    .dashboard-wrap {
        padding-top: 24px;
        padding-bottom: 0;
    }

    .dashboard-content {
        padding: 0 16px;
    }

    .dashboard-content h2 {
        margin-bottom: 16px;

        font-size: 24px;
        line-height: 33px;
    }

    .dashboard-content p {
        font-size: 14px;
        line-height: 24px;
    }
}

.woocommerce-Message--info {
    display: flex;
    flex-direction: column;
}

.woocommerce-Message--info .woocommerce-Button {
    display: inline-block;
    width: fit-content;
    padding: 10px 30px;
    margin-bottom: 20px;
}

.address-form {
    width: 100%;
    max-width: 490px;
}

.woocommerce-address-fields .button {
    padding: 10px 50px;


    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border: none;
    background: #0d788c;
}

.woocommerce-address-fields .button:hover {
    background: #005b6d;
}

.woocommerce-address-fields .form-check {
    align-items: center;
}

.woocommerce-address-fields .form-check span {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;

    color: #666769;
}

@media (max-width: 991.9px ) {
    .address-form {
        padding: 0 16px;
        margin: 0 auto;
    }
}

@media (max-width: 767.9px ) {
    .address-form {
        padding: 0 16px 68px;
        margin: 0 auto;
    }
}

.addresses-wrap {
    display: flex;
    margin-bottom: 30px;
}

.address-column {
    position: relative;

    max-width: 336px;
    padding: 40px;
}

.address-column:first-child {
    margin-right: 80px;
}

@media (max-width: 767.9px ) {
    .addresses-wrap {
        padding: 0 16px;
        flex-direction: column;

        align-items: center;
    }

    .address-column:first-child {
        margin-right: 0;
        margin-bottom: 24px;
    }
}

.address-column-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    object-fit: cover;
}

.address-content {
    position: relative;
}

.woocommerce-Address-title {
    margin-bottom: 20px;

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    color: #666769;
}

.address-content address {
    max-width: 200px;
    margin-bottom: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.address-content .edit {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #0d788c;
    text-decoration-line: underline;
}

@media (max-width: 767.9px ) {
    .woocommerce-Address-title {
        font-size: 18px;
        line-height: 25px;
    }

    .address-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .address-content address {
        font-size: 14px;
        line-height: 24px;
    }
}

.after-address-block {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

@media (max-width: 767.9px ) {
    .after-address-block {
        padding: 0 16px;

        text-align: center;
    }
}

.orders-wrap {
    margin: 40px 0;
}

.orders-row {
    display: flex;

    justify-content: space-between;
}

.orders-row h3 {
    margin-bottom: 20px;

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    color: #666769;
}

.orders-row a {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #0d788c;

    text-decoration-line: underline;
}

.woocommerce-orders-table {
    width: 100%;

    border-spacing: 0;
    border-collapse: separate;

    border: 1px solid #a8c4ca;
    border-radius: 10px;
}

.order-table-mobile {
    display: none;
}

@media (max-width: 1320px) {
    .woocommerce-orders-table {
        display: none;
    }

    .order-table-mobile {
        display: block;
        width: 100%;

        border-bottom: 1px solid #a8c4ca;
    }

    .order-table-mobile del {
        display: none;
    }

    .order-table-mobile .order-actions .button-img.view {
        margin: 0 auto;
        position: relative;
        display: flex;
    }

    .order-table-mobile .order-actions .button-img.view img {
        margin-right: 10px;
    }

}

.order-item {
    position: relative;

    display: flex;
    padding: 15px;

    border-top: 1px solid #a8c4ca;
}

.order-item .left-side {
    width: 60%;
}

.order-item .right-side {
    position: relative;

    display: flex;
    width: 40%;

    align-items: center;
    justify-content: center;
}

.order-item .right-side a {
    position: absolute;
    right: 0;
}

.order-item .right-side span {

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #666769;
}

.order-top-row {
    display: flex;

    justify-content: space-around;
}

.order-top-row a,
.order-top-row time,
.order-top-row span {

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.order-bottom-row {
    margin-top: 18px;
}

.order-bottom-row span {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.order-link-mobile {
    display: none;
}

.action-order-toggle {
    display: none;
}

.table-action-block {
    display: none;
}

@media (max-width: 1320px) {
    .action-order-toggle {
        position: absolute;
        top: 10px;
        right: 0;
        z-index: 3;

        display: block;
        width: 30px;
        height: 30px;

        content: "";
        cursor: pointer;
        transition: all .3s ease 0s;

        border: none;
        background-color: transparent;
    }

    .action-order-toggle::before,
    .action-order-toggle::after {
        position: absolute;
        right: 10px;

        width: 7px;
        height: 7px;

        content: "";
        transition: all .3s ease 0s;

        border-radius: 50%;
        background-color: #0d788c;
    }

    .action-order-toggle::before {
        top: 0;
    }

    .action-order-toggle::after {
        bottom: 0;
    }

    .action-order-toggle span {
        position: absolute;
        top: 11px;
        right: 10px;

        width: 7px;
        height: 7px;

        content: "";
        transition: all .3s ease 0s;

        border-radius: 50%;
        background-color: #0d788c;
    }

    .action-order-toggle.active::before {
        top: 14px;
        right: 0;

        width: 24px;
        height: 2px;

        transition: all .3s ease 0s;
        transform: rotate(45deg);
    }

    .action-order-toggle.active::after {
        right: 0;
        bottom: 14px;

        width: 24px;
        height: 2px;

        transition: all .3s ease 0s;
        transform: rotate(-45deg);
    }

    .action-order-toggle.active span {
        transform: scale(0);
    }

    .table-action-block.visible {
        position: absolute;
        top: 0;
        left: 0;

        display: flex;
        width: 100%;
        height: 100%;

        content: "";

        opacity: .9;
        background: #eef7f8;

        align-items: center;
        justify-content: center;
    }
}

.woocommerce-order-details__title {
    margin-bottom: 20px;

    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: .03em;
    color: #666769;
}

@media (max-width: 991.9px) {
    .orders-wrap {
        display: flex;
        flex-direction: column;
    }

    .orders-row {
        justify-content: center;
    }

    .orders-row a {
        display: none;
    }

    .order-link-mobile {
        display: inline-block;
        margin-top: 20px;

        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;

        color: #0d788c;

        align-self: center;
        text-decoration-line: underline;
    }
}

.woocommerce-orders-table thead th {
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    color: #666769;
    border-bottom: 1px solid #a8c4ca;
    background: #f2f5f5;
}

.woocommerce-orders-table thead th .nobr {
    margin-left: 10px;
}

.woocommerce-orders-table__cell,
.woocommerce-orders-table__cell a {
    padding: 8px 10px;
    font-size: 14px;
    font-style: normal;
    color: #666769;
}

.woocommerce-orders-table__cell a.woocommerce-button {
    position: relative;

    display: flex;

    color: #0d788c;

    text-decoration-line: underline;
}

.woocommerce-orders-table__cell a.woocommerce-button img {
    position: relative;
    top: 3px;

    margin-right: 10px;
}

.address-wrap {
    position: relative;

    display: flex;
    padding: 40px 60px;
    margin-top: 20px;

    justify-content: space-between;
}

.address-wrap-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    border-radius: 10px;
}

@media (max-width: 767.9px) {
    .address-wrap-bg {
        border-radius: 0;
    }
}

.address-item {
    position: relative;

    display: flex;
    flex-direction: column;

    justify-content: space-between;
}

.address-item h3 {
    margin-bottom: 20px;


    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;

    text-transform: capitalize;

    color: #666769;
}

address.address-contact-info,
.address-contact-info p {
    margin-bottom: 20px;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #666769;
}

.address-item a {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #0d788c;

    text-decoration-line: underline;
}

@media (max-width: 991.9px) {
    .address-item {
        margin-bottom: 32px;
    }
}

@media (max-width: 767.9px) {
    .address-wrap {
        padding: 40px 40px 65px;
    }

    .address-item h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .address-contact-info p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 600px) {
    .address-wrap {
        flex-direction: column;
    }
}


@media (max-width: 360px) {
    .address-wrap {
        padding: 40px 30px 65px;
    }
}

/*  Account details */
.top-form-block {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (max-width: 767.9px) {
    .woocommerce-EditAccountForm {
        padding: 0 16px 68px;
    }
}

@media (max-width: 677.9px) {
    .top-form-block {
        flex-direction: column;
    }
}

.top-form-block .woocommerce-form-row {
    width: 47%;
    position: relative;
}

.top-form-block .woocommerce-form-row:first-child {
    margin-right: 39px;
}

@media (max-width: 575.9px) {
    .top-form-block .woocommerce-form-row {
        width: 100%;
    }
}

.woocommerce-account .woocommerce-form-row label {
    line-height: 1.2;
}

.top-form-block label {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize;
    color: #666769;
}

#account_email {
    padding-right: 45px;
}

.email-warning {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 10px;
    right: 20px;
    content: '';
    cursor: pointer;
}

.woocommerce-account .email-warning {
    /*bottom: 7px;*/
    display: none;
}

.email-warning::after {
    display: none;
}

.email-warning.active::before {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;

    border-bottom: 30px solid white;
    position: absolute;
    content: '';
    top: 100%;
    left: -18px;
    z-index: 2;
}

.email-warning.active::after {
    display: block;
    position: absolute;
    content: "When updating email address, you'll be logged out and will need to check your email address for confirmation link";
    top: 150%;
    left: -50px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #666769;
    width: 330px;
    height: auto;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F7F7F7;
    box-shadow: 0px 2px 10px rgba(13, 120, 140, 0.3);
    padding: 21px 20px;
}

.close-warning-img {
    display: none;
}

.email-warning-text {
    display: none;
}

@media (max-width: 767.9px) {
    .email-warning.active::before {
        display: none;
    }

    .email-warning.active::after {
        display: none;
    }

    .email-warning-text.visible {
        display: block;
    }

    .email-warning.active .main-warning-img {
        display: none;
    }

    .email-warning.active .close-warning-img {
        display: block;
    }
}

.middle-form-block {
    margin-bottom: 20px;
}

.middle-form-block fieldset {
    border: none;
}

.middle-form-block .middle-form-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
}

.middle-form-block legend {
    margin-bottom: 12px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .03em;
    color: #666769;
}

.middle-form-block label {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: #666769;
}

.middle-form-block .woocommerce-form-row {
    width: 47%;
}

@media (min-width: 678px) {
    .middle-form-block .woocommerce-form-row:first-child {
        margin-right: 39px;
    }
}

@media (max-width: 991.9px) {
    .middle-form-block label {
        font-size: 14px;
        line-height: 19px;
    }
}

@media (max-width: 677.9px) {
    .middle-form-block .middle-form-container {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 575.9px) {
    .middle-form-block .woocommerce-form-row {
        width: 100%;
    }

    .middle-form-block .hideShowPassword-wrapper {
        width: 100% !important;
    }
}

.bottom-form-block fieldset {
    border: none;
}

.bottom-form-block legend {
    margin-bottom: 12px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .03em;
    color: #666769;
}

.bottom-form-block label {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize;
    color: #666769;
}

.bottom-form-block .woocommerce-form-row {
    width: 250px;
}

@media (max-width: 575.9px) {
    .bottom-form-block .woocommerce-form-row {
        width: 100%;
    }
}

.edit-account .woocommerce-Button {
    width: 100%;
    max-width: 360px;
}

@media (max-width: 767.9px) {
    .middle-form-block legend,
    .bottom-form-block legend {
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 33px;
    }
}

@media (min-width: 992px) {
    .customer-settings-row {
        display: flex;
        justify-content: space-between;
    }
}

/* Orders */
.order-section-title {
    margin-bottom: 30px;


    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;

    text-transform: capitalize;

    color: #666769;
}

@media (max-width: 991.9px) {
    .order-section-title {
        display: none;
    }
}

.woocommerce-MyAccount-content .product-navigation {
    margin-bottom: 0;

    border: 1px solid #a8c4ca;
    border-radius: 10px 10px 0 0;
}

.woocommerce-MyAccount-content .product-navigation:last-child {
    border-radius: 0 0 10px 10px;
}

.woocommerce-MyAccount-content .shop_table {
    margin-bottom: 0;
}

.woocommerce-MyAccount-content .shop_table .amount {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #666769;
}

.woocommerce-MyAccount-content .shop_table .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date {
    white-space: nowrap;
}

.woocommerce-MyAccount-content .shop_table .woocommerce-orders-table__cell a {
    padding: 0;
}

.woocommerce-MyAccount-content .shop_table .woocommerce-orders-table__cell del {
    display: none;
}

.woocommerce-MyAccount-content .shop_table .woocommerce-orders-table__cell .button-img {
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
}

.button-img.view::before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 12px;
    content: "";
    background: url(../img/view-icon.svg) center / contain no-repeat;
}

.button-img.order-again::before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 14px;
    content: "";
    background: url(../img/reorder.svg) center / contain no-repeat;
}

.woocommerce-MyAccount-content .shop_table .woocommerce-orders-table__cell .button-img.pay {
    padding-left: 10px;
    padding-right: 10px;
}

.woocommerce-MyAccount-content .shop_table .woocommerce-orders-table__cell .button-img.cancel {
    padding-left: 16px;
}

.woocommerce-MyAccount-content .shop_table .woocommerce-orders-table__cell .button-img.invoice {
    display: none;
}

.button-img.pay::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 14px;
    content: "$";
}

.button-img.cancel::before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 14px;
    content: "🗙";
}

.order-actions {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.woocommerce-orders-table__row--status-completed .button-img.view,
.woocommerce-orders-table__row--status-completed .button-img.order-again {
    width: 50%;
}

.table-action-block .order-actions {
    width: 100%;
}

.table-action-block .button-img.view,
.table-action-block .button-img.order-again {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;
    text-decoration: underline;

    color: #0d788c;
}

.table-action-block .button-img.view::before,
.table-action-block .button-img.order-again::before {
    display: none;
}

.woocommerce-order-details .order-again .button {
    display: flex;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #0d788c;

    align-items: center;
    text-decoration-line: underline;
}

.woocommerce-order-details .order-again .button img {
    margin-right: 10px;
}

.order-descriptions {
    margin-bottom: 40px;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #666769;
}

.woocommerce-customer-details {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.woocommerce-customer-details tr td {
    vertical-align: top;
    line-height: 2;
}

.woocommerce-customer-details address {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 2;
    color: #666769;
    margin-bottom: 1.5rem;
}

@media (max-width: 767.9px) {
    .order-table-details .table-body {
        padding: 0 16px;
    }

    .woocommerce-customer-details {
        flex-direction: column;

        justify-content: flex-start;
    }
}

.woocommerce-customer-details table th {
    display: block;
    padding-right: 20px;
    line-height: 30px;
}

.items-ordered-title {
    margin-bottom: 20px;

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    color: #666769;
}

.view-order-actions a {
    color: #0D788C;
}

.button.ced_my_account_reorder {
    padding: 10px 38px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 2V8H17' stroke='%230D788C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 18V12H7' stroke='%230D788C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.51 6.99959C4.01717 5.56637 4.87913 4.28499 6.01547 3.27501C7.1518 2.26502 8.52547 1.55935 10.0083 1.22385C11.4911 0.888338 13.0348 0.933928 14.4952 1.35636C15.9556 1.77879 17.2853 2.5643 18.36 3.63959L23 7.99959M1 11.9996L5.64 16.3596C6.71475 17.4349 8.04437 18.2204 9.50481 18.6428C10.9652 19.0652 12.5089 19.1108 13.9917 18.7753C15.4745 18.4398 16.8482 17.7342 17.9845 16.7242C19.1209 15.7142 19.9828 14.4328 20.49 12.9996' stroke='%230D788C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: 0 center;
    background-size: 24px 20px;
    background-repeat: no-repeat;
}

@media (max-width: 797.9px) {
    .items-ordered-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;

        text-align: center;
    }
}

.order-table-details .table-head {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #666769;
    margin-bottom: 20px;
}

.order-detail-item {
    display: flex;
    max-width: 833px;
    margin-bottom: 10px;

    border: 1px solid #cfe4e8;
    border-radius: 10px;
    align-items: center;
}

@media (max-width: 991.9px) {
    .order-detail-item {
        margin-bottom: 0;
    }
}

.order-table-details .order-name {
    display: flex;
    width: 43%;
    max-width: 360px;

    align-items: center;
}

.order-table-details .table-head .order-name {
    width: 43%;
    max-width: 360px;
}

.oder-item-info {
    max-width: 200px;
    margin-left: 20px;
    overflow: hidden;

    text-overflow: ellipsis;
}

.oder-item-info span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    color: #666769;
}

.order-detail-item .order-name img {
    border-radius: 10px 0 0 10px;
}

.order-detail-item .order-sku,
.order-detail-item .order-quantity {
    padding-right: 60px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.order-detail-item .order-price,
.order-detail-item .order-subtotal {

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #666769;
}

.order-table-details .table-head .order-sku,
.order-detail-item .order-sku {
    width: 16%;
    max-width: 130px;
}

.order-table-details .table-head .order-price,
.order-detail-item .order-price {
    width: 16%;
    max-width: 130px;
    padding-right: 60px;
}

.order-table-details .table-head .order-quantity,
.order-detail-item .order-quantity {
    width: 14%;
    max-width: 116px;
}

.order-table-details .table-head .order-subtotal,
.order-detail-item .order-subtotal {
    padding-right: 20px;
}

.order-table-details .table-footer {
    display: flex;

    justify-content: space-between;
    max-width: 833px;
}

@media (max-width: 991.9px) {
    .order-table-details .table-footer {
        /* justify-content: center; */
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }
}

.order-table-details .table-footer .order-items-count {
    max-width: 302px;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

.order-items-info {
    width: 210px;
}

@media (max-width: 991.9px) {
    .order-items-info {
        width: 100%;
    }

    .order-table-details .table-footer .order-items-count {
        width: 100%;
        padding-right: 29px;
    }
}

.order-items-count .details-total-result {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-align: right;
    color: #666769;
}

.order-details-total {
    width: 302px;
}

@media (max-width: 575.9px) {
    .order-table-details .table-footer {
        padding: 0 16px;
    }

    .order-details-total {
        width: 100%;
    }
}

.order-details-total th {
    text-align: left;
    padding: 5px 0;
}

.order-details-total td {
    text-align: right;
    padding: 5px 0;
}

.details-total-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #666769;
}

.order-details-total span.amount,
.order-details-total span.woocommerce-Price-currencySymbol,
.order-details-total .details-total-result {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    text-align: right;
    text-transform: capitalize;

    color: #666769;
}

.order-details-total .amount,
.order-details-total .woocommerce-Price-currencySymbol {
    display: inline-block;
    padding: 0;
}

.order-details-total .details-total-main span.amount,
.order-details-total .details-total-main span.woocommerce-Price-currencySymbol,
.order-details-total .details-total-main {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: capitalize;
    color: #0d788c;
}

.back-order-details {
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #0d788c;
    align-items: center;
    text-decoration-line: underline;
}

.back-order-details img {
    margin-right: 12px;
}

.attachment-120x120 {
    display: none;
}

.action-invoice-toggle {
    display: none;
}

@media (max-width: 767.9px) {
    .action-invoice-toggle {
        position: absolute;
        top: 10px;
        right: 20px;
        z-index: 5;

        display: block;
        display: block;
        width: 30px;
        height: 30px;

        content: "";
        cursor: pointer;
        transition: all .3s ease 0s;

        border: none;
        background-color: transparent;
    }
}


.action-invoice-toggle::before,
.action-invoice-toggle::after {
    position: absolute;
    right: 10px;

    width: 7px;
    height: 7px;

    content: "";
    transition: all .3s ease 0s;

    border-radius: 50%;
    background-color: #0d788c;
}

.action-invoice-toggle::before {
    top: 0;
}

.action-invoice-toggle::after {
    bottom: 0;
}

.action-invoice-toggle span {
    position: absolute;
    top: 11px;
    right: 10px;

    width: 7px;
    height: 7px;

    content: "";
    transition: all .3s ease 0s;

    border-radius: 50%;
    background-color: #0d788c;
}

.action-invoice-toggle.active::before {
    top: 14px;
    right: 0;

    width: 24px;
    height: 2px;

    transition: all .3s ease 0s;
    transform: rotate(45deg);
}

.action-invoice-toggle.active::after {
    right: 0;
    bottom: 14px;

    width: 24px;
    height: 2px;

    transition: all .3s ease 0s;
    transform: rotate(-45deg);
}

.action-invoice-toggle.active span {
    transform: scale(0);
}

@media (max-width: 767.9px) {
    .back-order-details {
        margin-bottom: 64px;
        margin-left: 16px;
    }

    .woocommerce-order-details {
        padding: 0 16px;
    }
}

.order-sku-mobile {
    display: none;
}

.order-quantity-mobile {
    display: none;
}

.order-price-mobile {
    display: none;
}

.view-order-actions {
    display: flex;
    margin-bottom: 27px;

    align-items: center;
}

.pdf-loader {
    display: flex;
    margin-left: 25px;
}

.pdf-loader img {
    margin-right: 10px;
}

.pdf-loader a {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #0d788c;
    text-decoration-line: underline;
}

@media (max-width: 767.9px) {
    .view-order-actions {
        display: none;
    }

    .view-order-actions.visible {
        display: flex;
        width: 100%;
        padding: 23px 0;
        flex-direction: column;

        background: #f0f7f8;

        align-items: center;
    }

    .order-detail-item {
        border-right: none;
        border-left: none;
        border-radius: 0;
    }

    .attachment-80x80 {
        display: none;
    }

    .attachment-120x120 {
        display: block;
    }

    .order-sku-mobile {
        display: block;
    }

    .order-quantity-mobile {
        display: block;
    }

    .order-price-mobile {
        display: block;
    }

    .order-sku {
        display: none;
    }

    .order-price {
        display: none;
    }

    .order-quantity {
        display: none;
    }

    .order-subtotal {
        display: none;
    }

    .order-table-details .order-name {
        width: 100%;
    }

    .woocommerce-order-details__title {
        font-size: 24px;
        font-weight: 700;
        line-height: 33px;

        letter-spacing: .03em;
    }
}

.invoice-mobile.visible {
    display: block;
    width: 100%;

    background: #f0f7f8;
}

/*  Wish Wait list */
.ww-list-title {
    margin-bottom: 5px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .03em;
    color: #666769;
}

.ww-description {
    margin-bottom: 20px;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    color: #666769;
}

.berocket_ww_container-custom {
    width: 100%;
}

.berocket_ww_products-custom {
    display: flex;

    flex-flow: column;
    gap: 10px;
}

.berocket_ww_products-custom__li {
    display: flex;

    border: 1px solid #cfe4e8;
    border-radius: 10px;
    background: #fff;

    align-items: center;
    justify-content: space-between;
}

.berocket_ww_products-custom .info {
    display: flex;
    max-width: 300px;

    gap: 20px;
}

.berocket_ww_products-custom .berocket_ww_title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;

    text-decoration: none;

    color: #666769;
}

.berocket_ww_products-custom .sku {
    width: 70px;
}

/*  Quick order */
.quick-block-title {
    margin-bottom: 40px;


    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;

    letter-spacing: .03em;

    color: #666769;
}

.quick-form-wrap {
    display: flex;
}

.enter-form {
    width: 57%;
    max-width: 596px;
    margin-right: 7.5%;
}

.copy-form {
    width: 35%;
    max-width: 362px;
}

.quick-form-title {
    margin-bottom: 12px;


    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;

    text-transform: capitalize;

    color: #666769;
}

.quick-form-description {
    margin-bottom: 20px;
}

.quick-form-description p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

#wk_quick_order_product_table.woocommerce-orders-table {
    border: none;
}

@media (max-width: 1320px) {
    #wk_quick_order_product_table.woocommerce-orders-table {
        display: table;
    }
}

.wk_quick_order_box {
    padding: 0;

    background: transparent;
    box-shadow: none;
}

#wk_quick_order_delete_all_row {
    display: none;
}

#wk_quick_order_form {
    display: flex;
    flex-direction: column-reverse;
}

#wk_quick_order_form .form-group {
    display: flex;
    margin-bottom: 34px;

    justify-content: flex-end;
}

button#wk_quick_order_add_row {
    padding: 10px 30px;
    margin-right: 20px;
    margin-bottom: 0;


    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;

    cursor: pointer;
    text-align: center;
    text-transform: uppercase;

    color: #0d788c;
    border: 1px solid #0d788c;
    border-radius: 2px;
    background: #fff;
}

#wk_quick_order_add_row:hover {
    box-shadow: 0 0 4px rgba(13, 120, 140, .3);
}

#wk_quick_order_submit_button,
#quick_order_submit_button {
    height: 40px;
    padding: 10px 30px;


    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;

    cursor: pointer;
    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border: none;
    border-radius: 2px;
    outline: none;
    background: #0d788c;
}

#wk_quick_order_submit_button:hover {
    background: #005b6d;
}

#wk_quick_order_product_table .woocommerce-orders-table__header {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
    border-bottom: none;
    background: #fff !important;
}

#wk_quick_order_product_table .woocommerce-orders-table__header:first-child {
    text-align: left;
}

#wk_quick_order_form .table-responsive {
    max-width: 278px;
}

#wk_quick_order_form .table-responsive .clearfix {
    margin: 0;
}

#wk_quick_order_product_table .woocommerce-orders-table__row {
    display: flex;
    width: fit-content;
    max-width: 240px;
    margin-bottom: 10px;

    border: 1px solid #cfe4e8;
    border-radius: 10px;
    background: #fff;

    align-items: center;
}


.wk_qo_product_sku {
    width: 80px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
    border: none;
}

.woocommerce-MyAccount-content .shop_table .woocommerce-orders-table__cell.wk_qo_product_quantity {
    padding: 30px;
}

.wk-quick-order-qty {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
    border: none;

    -moz-appearance: textfield;
}

.wk-quick-order-qty::-webkit-outer-spin-button,
.wk-quick-order-qty::-webkit-inner-spin-button {
    margin: 0;

    -webkit-appearance: none;
}

.wk_qo_product_name_col {
    display: none;
}

.wk_qo_product_price {
    display: none;
}

.wk_qo_product_img_col {
    display: none;
}

.wk_quick_order_delete_icon {
    background: url(../img/basket.svg) no-repeat scroll center center;
}

.copy-form #wk_quick_order_submit_button {
    white-space: nowrap;
}

.copy-form .form-group {
    display: flex;
    margin-bottom: 20px;

    justify-content: flex-end;
}

#copy-form-textarea {
    width: 100%;
    max-width: 362px;
    padding: 30px 25px 30px 20px;

    resize: none;

    border: 1px solid #cfe4e8;
    border-radius: 10px;
    outline: none;
}

#copy-form-textarea:focus,
#copy-form-textarea:focus-visible {
    border: 1px solid #0d788c;
    box-shadow: 0 0 4px rgba(13, 120, 140, .45);
}

@media (max-width: 767.9px) {
    .back-to-shop {
        margin-left: 16px;
    }

    .quick-block-title {
        text-align: center;
    }

    .quick-form-wrap {
        padding: 0 16px;
        flex-direction: column;

        align-items: center;
    }

    .enter-form {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    .copy-form {
        width: 100%;
        max-width: 100%;
    }

    .copy-form .form-group {
        justify-content: center;
    }

    #wk_quick_order_form .form-group {
        justify-content: center;
    }

    .form-paste {
        margin-bottom: 65px;
    }
}

@media (max-width: 991.9px) {
    .ww-list-title {
        display: none;
    }
}

/*===========
    Section about
============*/
.about {
    padding: 8em 0 6.4em;

    background: linear-gradient(0deg, #f0f7f8, #f0f7f8), linear-gradient(0deg, rgba(13, 120, 140, .15), rgba(13, 120, 140, .15)), linear-gradient(109.95deg, rgba(13, 120, 140, 0) 35.44%, rgba(13, 120, 140, .06) 88.23%);

    background-blend-mode: normal, normal, darken, normal;
}

@media (max-width: 1200px) {
    .about {
        padding: 7.5em 0;
    }
}

@media (max-width: 1024px) {
    .about {
        padding: 5em 0;
    }
}

@media (max-width: 767.9px) {
    .about {
        padding: 40px 0;
    }
}

.about .container {
    justify-content: space-between;
}

@media (max-width: 767.9px) {
    .about .container {
        flex-direction: column;
    }
}

.about-content {
    display: flex;
    width: 46%;
    flex-direction: column;
}

@media (max-width: 767.9px) {
    .about-content {
        width: 100%;

        order: 1;
    }
}

.title-about {
    margin-bottom: 20px;


    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 44px;

    letter-spacing: .03em;

    color: #000;
}

@media (max-width: 767.9px) {
    .title-about {
        margin-bottom: 24px;

        font-size: 24px;
        line-height: 33px;
    }
}

.text-about {
    margin-bottom: 30px;
}

.text-about p {
    height: 100%;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    color: #000;
}

@media (max-width: 767.9px) {
    .text-about {
        margin-bottom: 23px;
    }

    .text-about p {
        font-size: 16px;
        line-height: 22px;
    }
}

.link-about {
    display: inline-block;
    width: max-content;
    padding: 14px 36px;


    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    text-transform: uppercase;

    color: #0d788c;
    background: #fff;
    box-shadow: 2px 2px 2px rgba(13, 120, 140, .3);
}

@media (max-width: 767.9px) {
    .link-about {
        width: 100%;

        text-align: center;
    }
}

.link-about:hover {
    color: #0d788c;
    box-shadow: 0 0 4px rgba(13, 120, 140, .3);
}

.about-img {
    display: flex;
    width: 50%;

    align-items: center;
}

@media (max-width: 767.9px) {
    .about-img {
        width: 100%;
        margin-bottom: 40px;

        order: 0;
    }
}

/*===========
    Benefits section
============*/
.benefits {
    position: relative;
    z-index: 2;

    padding-top: 25px;
    margin-bottom: -7em;
}

@media (max-width: 767.9px) {
    .benefits {
        padding-top: 20px;
        margin-bottom: 40px;
    }
}

.benefits .container {
    flex-wrap: nowrap;
    justify-content: space-between;
}

@media (max-width: 767.9px) {
    .benefits .container {
        flex-direction: column;
    }
}

.benefit-item {
    position: relative;

    display: flex;
    width: 33%;
    max-width: 500px;
    flex-direction: column;

    align-items: center;
    justify-content: center;
}

.benefit-item:nth-child(2) {
    width: 31%;
    max-width: 460px;
    margin: 0 20px;
}

@media (max-width: 767.9px) {
    .benefit-item,
    .benefit-item:nth-child(2) {
        width: 100%;
        max-width: 100%;
    }

    .benefit-item:nth-child(2) {
        margin: 20px 0;
    }
}

.benefit-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    border-radius: 10px;

    object-fit: cover;
    object-position: center top;
}

.benefit-content {
    position: relative;
    z-index: 2;
    padding: 50px 26px;
    text-align: center;
}

@media (max-width: 767.9px) {
    .benefit-content {
        padding: 50px 30px;
    }
}

@media (max-width: 575.9px) {
    .benefit-content {
        padding: 32px 30px;
    }
}

.benefit-sup-title {
    margin-bottom: 5px;
}

.benefit-sup-title p,
.benefit-sup-title p a {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #fff;
}

.benefit-title {

    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;

    letter-spacing: .03em;

    color: #fff;
}

@media (max-width: 991.9px) {
    .benefit-title {
        font-size: 24px;
        line-height: 33px;
    }
}

/*===========
    Testimonials section
============*/
.testimonials {
    position: relative;

    padding-top: 9.6em;
    padding-bottom: 32px;
}

@media (max-width: 767.9px) {
    .testimonials {
        padding-top: 60px;
        padding-bottom: 90px;
    }
}

.testimonial-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    object-fit: cover;
    object-position: center top;
}

.testimonials .container {
    flex-direction: column;

    align-items: center;
    justify-content: center;
}

.testimonial-title {
    position: relative;

    margin-bottom: -32px;


    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;

    letter-spacing: .03em;

    color: #000;
}

@media (max-width: 767.9px) {
    .testimonial-title {
        margin-bottom: 40px;

        font-size: 24px;
        font-weight: 800;
        line-height: 33px;
    }
}

.testimonial-slider {
    position: relative;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.testimonial-item {
    width: 100%;
    padding-bottom: 42px;
}

.testimonial-content {
    position: relative;

    max-width: 1000px;
    margin: 70px auto 40px;
}

@media (max-width: 1300px) {
    .testimonial-content {
        width: 80%;
    }
}

@media (max-width: 767.9px) {
    .testimonial-content {
        width: 100%;
        margin: 0 auto 20px;
    }
}

.testimonial-content::before {
    position: absolute;
    top: -67px;
    left: 0;
    width: 106px;
    height: 92px;
    content: "";
    background: url(../img/quotes.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 991.9px) {
    .testimonial-content::before {
        display: none;
    }
}

.testimonial-content p {

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;

    text-align: center;
    text-transform: capitalize;

    color: #000;
}

@media (max-width: 767.9px) {
    .testimonial-content p {
        font-size: 16px;
        line-height: 22px;
    }
}

.testimonial-author {

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;

    text-align: center;
    text-transform: capitalize;

    color: #000;
}

.author-location {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;

    color: #000;
}

.testimonial-slider .slick-dots {
    display: flex;

    justify-content: center;
}

.testimonial-slider .slick-dots li button {
    display: block;
    width: 15px;
    height: 15px;

    font-size: 0;
    line-height: 0;

    cursor: pointer;

    border: 1px solid #0d788c;
    border-radius: 50%;
    background: #fff;
}

.testimonial-slider .slick-dots li {
    margin-right: 11px;
}

.testimonial-slider .slick-dots li:last-child {
    margin-right: 0;
}

.testimonial-slider .slick-dots li.slick-active button {
    background: #0d788c;
}

/*===========
    Page about
============*/
/**
 * Top block
 */
.top-about {
    padding: 68px 0 30px;
}

@media (max-width: 767.9px) {
    .top-about {
        padding: 24px 0 36px;
    }

    .top-about .container {
        flex-direction: column;
    }
}

@media (max-width: 575.9px) {
    .top-about {
        padding: 24px 0 10px;
    }
}

.top-img {
    display: flex;
    width: 46%;
    margin-right: 4%;

    align-items: center;
}

@media (max-width: 767.9px) {
    .top-img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
}

.top-content {
    display: flex;
    width: 50%;
    flex-direction: column;

    justify-content: center;
}

.top-content p {
    margin-bottom: 10px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

@media (max-width: 767.9px) {
    .top-content {
        width: 100%;
    }

    .top-content p {
        font-size: 14px;
        line-height: 20px;
    }
}

/**
 * Feature block
 */
.features {
    padding: 30px 0 50px;
}

@media (max-width: 575.9px) {
    .features {
        padding-top: 15px;
    }
}

.features .container {
    flex-direction: column;

    align-items: center;
}

.features-top {
    position: relative;
    display: flex;
    padding: 60px 66px 88px 40px;
    margin-bottom: 50px;
    justify-content: space-between;
}

@media (max-width: 991.9px) {
    .features .container {
        padding: 0;
    }

    .features-top {
        padding: 60px 30px 40px;
    }
}

@media (max-width: 767.9px) {
    .features-top {
        flex-direction: column;
    }
}

@media (max-width: 575.9px) {
    .features-top {
        padding: 40px 16px;
        margin-bottom: 0;
    }
}

.feature-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    background-repeat: no-repeat;
    background-size: cover;
}

.feature-title {
    margin-bottom: 40px;


    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: .03em;

    color: #666769;
}

@media (max-width: 767.9px) {
    .feature-title {
        margin-bottom: 24px;

        font-size: 24px;
        line-height: 33px;
    }
}

.left-column,
.right-column {
    position: relative;

    width: 48%;
}

.left-column {
    margin-right: 2%;
}

@media (max-width: 767.9px) {
    .left-column,
    .right-column {
        width: 100%;
    }

    .left-column {
        margin-right: 0;
        margin-bottom: 29px;
    }
}

.feature-item {
    display: flex;
    margin-bottom: 20px;
}

.feature-img {
    width: 52px;
}

.feature-content {
    margin-left: 20px;
}

.feature-content h3 {
    margin-bottom: 10px;

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    color: #666769;
}

.feature-content p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;

    color: #666769;
}

@media (max-width: 767.9px) {
    .feature-item {
        margin-bottom: 10px;
    }

    .feature-content h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .feature-content p {
        font-size: 14px;
        line-height: 19px;
    }
}

.link {
    position: relative;
    padding: 20px 100px;

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 37px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #0d788c;
}

.link:hover {
    background: #005b6d;
}

.link.mobile {
    display: none;
    margin-top: 12px;
}

@media (max-width: 767.9px) {
    .link.desktop {
        display: none;
    }

    .link.mobile {
        display: block;
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 14px;
        line-height: 19px;
        margin: 32px auto 0;
        max-width: 333px;
        width: 100%;
    }
}

/**
 * Bottom block
 */
.bottom-about {
    padding: 30px 0 120px;
}

@media (max-width: 767.9px) {
    .bottom-about {
        padding: 15px 0 24px;
    }
}

.bottom-about .left-column,
.bottom-about .right-column {
    display: flex;
    flex-direction: column;

    justify-content: space-between;
}

.bottom-title {
    margin-bottom: 14px;


    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;

    letter-spacing: .03em;

    color: #666769;
}

.bottom-text {
    max-width: 650px;
}

.bottom-text p {

    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;

    color: #666769;
}

@media (max-width: 767.9px) {
    .bottom-about .left-column {
        margin-bottom: 0;
    }

    .bottom-title {
        margin-bottom: 24px;

        font-size: 24px;
        line-height: 33px;
    }

    .bottom-text p {
        margin-bottom: 24px;

        font-size: 14px;
        line-height: 19px;
    }
}

.bottom-about .link {
    display: inline-block;
    width: fit-content;
    padding: 10px 50px;
    margin-top: 40px;

    font-size: 14px;
    line-height: 19px;
}

@media (max-width: 767.9px) {
    .bottom-about .link {
        width: 100%;
        max-width: 316px;
        font-size: 10px;
        line-height: 14px;
        display: block;
        margin: 0 auto 40px;
    }
}

/*===========
  Page contact
============*/
/**
 * Block with contacts
 */

.contact-info {
    padding: 79px 0 20px;
}

@media (max-width: 575.9px) {
    .contact-info {
        padding: 24px 0 20px;
    }
}

.contact-wrap {
    position: relative;

    display: flex;
    width: 100%;
    padding: 40px 34px;

    justify-content: space-around;
}

@media (max-width: 991.9px) {
    .contact-wrap {
        flex-direction: column;

        align-items: center;
    }
}

@media (max-width: 575.9px) {
    .contact-wrap {
        padding: 16px;
    }
}

.contact-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    object-fit: cover;
}

.contact-column {
    position: relative;

    display: flex;
    flex-direction: column;

    align-items: center;
}

.contact-column.address {
    max-width: 370px;
    padding: 0 35px;

    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
}

.contact-column.phone,
.contact-column.mail {
    max-width: 280px;
}

@media (max-width: 991.9px) {
    .contact-column.address,
    .contact-column.phone,
    .contact-column.mail {
        width: 100%;
        max-width: 370px;
        padding: 16px 0;
        flex-direction: row;

        justify-content: flex-start;
    }

    .contact-column.address {
        border-top: 1px solid #d9d9d9;
        border-right: none;
        border-bottom: 1px solid #d9d9d9;
        border-left: none;
    }
}

.contact-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
}

@media (max-width: 991.9px) {
    .contact-icon {
        margin-right: 16px;
        margin-bottom: 0;
    }
}

.column-title {
    margin-bottom: 16px;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    text-align: center;
    text-transform: uppercase;

    color: #000;
}

.contact-content p,
.contact-content a {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    text-align: center;
    white-space: nowrap;

    color: #000;
}

.contact-content p {
    width: 100%;
    max-width: 300px;
}

.contact-content a:hover {
    text-decoration: underline;
}

@media (max-width: 991.9px) {
    .column-title {
        text-align: left;
    }

    .contact-content p,
    .contact-content a {
        text-align: left;
    }
}

@media (max-width: 575.9px) {
    .contact-icon img {
        min-width: 58px;
    }

    .contact-content p {
        font-size: 14px;
        line-height: 16px;
    }

    .contact-content p,
    .contact-content a {
        white-space: inherit;
    }
}

@media (max-width: 360px) {
    .contact-icon img {
        width: 50px;
        min-width: 50px;
    }

    .contact-content a {
        font-size: 14px;
        line-height: 16px;
    }
}

/**
 * block with contact form
 */
.contact-form {
    padding: 20px 0 60px;
}

@media (max-width: 767.9px) {
    .contact-form {
        padding: 20px 0 44px;
    }
}

.contact-form .container-mini {
    display: flex;
    flex-direction: column;
}

.form-title {
    margin-bottom: 10px;

    /*font-size: 60px;*/
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: 50px;
    color: #666769;
}

@media (max-width: 767.9px) {
    .form-title {
        font-size: 24px;
        line-height: 33px;

        letter-spacing: .03em;
    }
}

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

.form-description p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color: #666769;
}

@media (max-width: 767.9px) {
    .form-description {
        margin-bottom: 24px;
    }

    .form-description p {
        font-size: 14px;
        line-height: 19px;
    }
}

.contact-form .wpcf7 {
    padding: 20px 0;
}

.form-control-wrap {
    display: flex;
    margin-bottom: 20px;

    justify-content: space-between;
}

.contact-form .form-control-wrap p {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767.9px) {
    .form-control-wrap {
        flex-direction: column;
    }

    .contact-form .form-control-wrap p {
        display: block;
    }
}

.wpcf7-form-control-wrap {
    width: 100%;
}

.wpcf7-form-control-wrap[data-name="name-form"],
.wpcf7-form-control-wrap[data-name="email-form"],
.wpcf7-form-control-wrap[data-name="tel-399"] {
    display: inline-block;
    width: 32%;
}

.wpcf7-form-control-wrap[data-name="email-form"] {
    margin: 0 1%;
}

@media (max-width: 767.9px) {
    .wpcf7-form-control-wrap[data-name="name-form"],
    .wpcf7-form-control-wrap[data-name="email-form"],
    .wpcf7-form-control-wrap[data-name="tel-399"] {
        width: 100%;
    }

    .wpcf7-form-control-wrap[data-name="email-form"] {
        margin: 20px 0;
    }
}

.form-name,
.form-email,
.form-phone {
    width: 100%;
    padding: 9px 21px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #000;
    border: 1px solid #cfe4e8;
    border-radius: 5px;
    background: #f5feff;
}

.form-name::placeholder,
.form-email::placeholder,
.form-phone::placeholder {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #a8c4ca;
}

.form-name:focus,
.form-email:focus,
.form-phone:focus {
    border: 1px solid #0d788c;
    border-radius: 5px;
    outline: 0;
    background: #f5feff;
    box-shadow: 0 0 4px rgba(13, 120, 140, .45);
}

.form-text {
    width: 100%;
    padding: 16px 20px;
    margin-bottom: 6px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    resize: none;

    color: #000;
    border: 1px solid #cfe4e8;
    border-radius: 5px;
    background: #f5feff;
}

.form-text:focus {
    border: 1px solid #0d788c;
    border-radius: 5px;
    outline: 0;
    background: #f5feff;
    box-shadow: 0 0 4px rgba(13, 120, 140, .45);
}

.form-text::placeholder {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #a8c4ca;
}

@media (max-width: 767.9px) {
    .form-text {
        margin-bottom: 12px;
    }
}

.form-control-wrap .text {

    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;

    color: #666769;
}

@media (max-width: 767.9px) {
    .form-control-wrap .text {
        display: none;
    }
}

.contact-submit {
    padding: 10px 120px;


    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
    cursor: pointer;
    text-align: right;
    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border: 1px solid transparent;
    background: #0d788c;
}

.contact-submit:hover {
    background: #005b6d;
}

@media (max-width: 575.9px) {
    .contact-submit {
        width: 100%;
    }
}

.acf-map,
.google-map {
    height: 552px !important;
}

@media (max-width: 991.9px) {
    .acf-map,
    .google-map {
        height: 500px;
    }
}

@media (max-width: 767.9px) {
    .acf-map,
    .google-map {
        height: 400px;
    }
}

@media (max-width: 575.9px) {
    .acf-map,
    .google-map {
        height: 300px;
    }
}

/*===========
    Measurements
============*/
/**
 * Measurement text content
 */
.measurements-text {
    padding: 40px 0;
}

@media (max-width: 767.9px) {
    .measurements-text {
        padding: 24px 0 20px;
    }
}

.measurements-text .container-mini {
    flex-direction: column;

    align-items: center;
}

.measure-title {
    width: 100%;
    max-width: 1020px;
    margin-bottom: 40px;


    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;

    text-align: center;
    text-transform: capitalize;

    color: #666769;
}

@media (max-width: 767.9px) {
    .measure-title {
        margin-bottom: 24px;

        font-size: 18px;
        line-height: 25px;
    }
}

.measure-text {
    width: 100%;
    max-width: 1020px;
    margin-bottom: 40px;
}

.measure-text p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;
    text-align: center;

    color: #666769;
}

@media (max-width: 767.9px) {
    .measure-text {
        margin-bottom: 24px;
    }

    .measure-text p {
        font-size: 14px;
        line-height: 20px;
    }
}

.action-text {

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;

    text-align: center;
    text-transform: capitalize;

    color: #666769;
}

.action-text a {

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;

    text-align: center;
    text-transform: capitalize;

    color: #0d788c;

    text-decoration-line: underline;
}

@media (max-width: 767.9px) {
    .action-text {
        font-size: 18px;
        line-height: 25px;
    }

    .action-text a {
        font-size: 18px;
        line-height: 25px;

        text-decoration-line: none;
    }
}

/**
 * Measurement images
 */
.measurements-images {
    padding: 20px 0;
}

@media (max-width: 767.9px) {
    .measurements-images .container {
        padding: 0;
    }
}

.measure-wrap {
    display: flex;
    width: 100%;
    padding: 40px 0;
    margin-bottom: 60px;
    flex-direction: column;

    border-radius: 10px;
    background: #f5feff;

    align-items: center;
}

@media (max-width: 767.9px) {
    .measure-wrap {
        padding: 40px 16px 20px;
        margin-bottom: 44px;
    }
}

.measurements-title {
    margin-bottom: 20px;


    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
    text-align: center;
    letter-spacing: .03em;
    color: #666769;
}

.measure-description p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;

    color: #666769;
}

.image-wrap {
    display: flex;

    flex-wrap: wrap;
    justify-content: space-around;
}

.image-item {
    display: flex;
    width: 48%;
    max-width: 500px;
    margin: 40px 0;
    align-items: center;
    justify-content: center;
}

.image-item img {
    max-width: 50%;
}

@media (max-width: 991.9px) {
    .image-item img {
        max-width: 100%;
    }
}

@media (max-width: 575.9px) {
    .measurements-title {
        font-size: 24px;
        line-height: 33px;
    }

    .image-item {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .measurements-title {
        font-size: 21px;
        line-height: 33px;
    }
}

/*===========
    Ring size
============*/
/**
 * Ring size content
 */
.size-content {
    padding: 40px 0 20px;
}

@media (max-width: 767.9px) {
    .size-content {
        padding: 24px 0 10px;
    }
}

.size-text {
    display: flex;
    flex-direction: column;

    align-items: center;
}

.size-text p {
    margin-bottom: 40px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;

    color: #666769;
}

.size-text ol {
    position: relative;

    width: 100%;
    max-width: 800px;

    list-style: none;

    counter-reset: my-counter;
}

.size-text li {
    position: relative;

    padding-left: 16px;
    margin-bottom: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    counter-increment: my-counter;

    color: #666769;
}

.size-text li:last-child {
    margin-bottom: 0;
}

.size-text li::before {
    position: absolute;
    top: 0;
    left: 0;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    content: counter(my-counter) ".";

    color: #666769;
}

@media (max-width: 767.9px) {
    .size-text p {
        margin-bottom: 24px;

        font-size: 14px;
        line-height: 20px;
    }

    .size-text li {
        margin-bottom: 10px;

        font-size: 14px;
        line-height: 20px;
    }

    .size-text li:last-child {
        margin-bottom: 0;
    }
}

/**
 * Ring size table
 */
.size-table {
    padding: 20px 0 60px;
}

.size-table .container-mini {
    flex-direction: column;
}

@media (max-width: 575.9px) {
    .size-table {
        padding: 14px 0 40px;
    }
}

.table-wrap {
    padding-bottom: 20px;
    overflow-x: auto;
}

.ring-size {
    position: relative;

    width: 100%;
    max-width: 1020px;

    border-spacing: 0;
    border-collapse: separate;

    border: 1px solid #cfe4e8;
    border-radius: 10px;
}

.ring-size th {
    padding: 10px 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;

    color: #666769;
    border-bottom: 1px solid #a8c4ca;
    background: #f2f5f5;
}

.ring-size tbody tr {
    position: relative;
}

.ring-size tbody tr::after {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    content: "";

    background-color: #cfe4e8;
}

.ring-size tbody tr:last-child::after {
    display: none;
}

.ring-size td {
    padding: 10px 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;
    white-space: nowrap;

    color: #666769;
}

.ring-size td:first-child {
    font-weight: 700;
}

.table-wrap::-webkit-scrollbar {
    height: 5px;
}

.table-wrap::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #cfe4e8;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #00576b;
}

.after-table-text {
    padding-top: 15px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

/*===========
    Shipping and Delivery
============*/
.text-with-sidenav {
    padding: 40px 0 0;
}

@media (max-width: 767.9px) {
    .text-with-sidenav {
        padding: 24px 0;
    }
}

.left-nav {
    position: relative;

    width: 22%;
    height: 100%;
    max-width: 320px;
    padding: 20px 40px 30px;
    margin-right: 5%;
}

.text-with-sidenav .left-nav {
    position: sticky;
    top: 150px;
}

@media (max-width: 991.9px) {
    .text-with-sidenav .container {
        flex-direction: column;
    }

    .left-nav {
        width: 100%;
        max-width: 100%;
        padding: 18px 40px;
        margin-bottom: 40px;
    }

    .text-with-sidenav .left-nav {
        position: relative;
        top: 0;
    }
}

.nav-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    border-radius: 10px;

    object-fit: cover;
}

.nav-title {
    position: relative;

    width: 100%;
    padding: 10px 0;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    text-align: left;
    text-transform: capitalize;

    color: #666769;
    border: none;
    background: transparent;
}

.nav-wrap {
    position: relative;
}

@media (max-width: 991.9px) {
    .nav-title {
        padding: 0;
    }

    .nav-title::after {
        position: absolute;
        top: 50%;
        right: 0;

        width: 14px;
        height: 8px;

        content: "";
        transform: translate(0, -50%);

        background: url(../img/arrow-black.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .nav-title.active::after {
        transform: rotate(-180deg);
    }

    .nav-wrap {
        display: none;
    }

    .nav-wrap.open {
        display: block;
        margin-top: 20px;
    }
}

.nav-wrap li {
    margin-top: 10px;
}

.nav-wrap a {

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
    color: #666769;
    transition: all .5s ease 0s;
}

.right-content {
    width: 69%;
    max-width: 1020px;
}

@media (max-width: 991.9px) {
    .right-content {
        width: 100%;
        max-width: 100%;
    }
}

.right-side-content {
    margin-bottom: 80px;
}

.right-side-content.smaller {
    margin-bottom: 40px;
}

@media (max-width: 991.9px) {
    .right-side-content {
        margin-bottom: 40px;
    }

    .right-side-content.smaller {
        margin-bottom: 32px;
    }
}

h2.right-side-title {
    margin-bottom: 20px;

    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: #666769;
}

h3.right-side-title {
    margin-top: 10px;
    margin-bottom: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    text-transform: capitalize;

    color: #666769;
}

@media (max-width: 767.9px) {
    h2.right-side-title {
        margin-bottom: 24px;

        font-size: 24px;
        line-height: 33px;
    }

    h3.right-side-title {
        margin-top: 0;
        margin-bottom: 24px;

        font-size: 18px;
        line-height: 25px;
    }
}

.right-side-text {
    margin-bottom: 10px;
}

.right-side-text p {
    margin-bottom: 10px;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #666769;
}

.smaller .right-side-text p {
    margin-bottom: 20px;

    font-size: 14px;
    line-height: 18px;
}

.right-side-content a {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #0d788c;

    text-decoration-line: underline;
}

.right-side-text p > a {

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    text-decoration: none;

    color: #0d788c;
}

.right-side-text ul {
    margin: 10px 0 30px;
}

.right-side-text li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #666769;
}

.right-side-text li::before {
    position: absolute;
    top: 5px;
    left: 0;

    width: 10px;
    height: 10px;

    content: "";

    border-radius: 50%;
    background-color: #0d788c;
}

@media (max-width: 767.9px) {
    .right-side-text p {
        font-size: 14px;
        line-height: 20px;
    }

    .right-side-content a {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 575.9px) {
    .right-side-text {
        margin-right: -16px;
        margin-left: -16px;
    }

    .right-side-text p {
        margin-right: 16px;
        margin-left: 16px;
    }
}

.right-side-text blockquote {
    padding: 20px;
    margin-top: 30px;

    border-radius: 20px;
    background: #f0f7f8;
}

.right-side-text blockquote p {

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #666769;
}

@media (max-width: 767.9px) {
    .right-side-text blockquote p {
        font-size: 14px;
        line-height: 20px;
    }
}

.right-side-text table {
    width: 100% !important;

    background: #f0f7f8;
}

.right-side-text td {
    padding: 40px 40px 20px;
}

.right-side-text td:first-child {
    padding: 40px 0 20px 40px;
}

.right-side-text td h3 {

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-align: right;
    text-transform: capitalize;
    color: #666769;
}

.right-side-text td p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.right-side-text td p a {
    color: #0d788c;

    text-decoration-line: underline;
}

@media (max-width: 575.9px) {
    .right-side-text tr {
        display: flex;
        flex-direction: column;
    }

    .right-side-text tr:last-child {
        padding-bottom: 30px;
    }

    .right-side-text td {
        width: 100% !important;
        padding: 0 16px 20px;
    }

    .right-side-text td:first-child {
        padding: 40px 16px 24px;
    }

    .right-side-text td h3 {
        text-align: left;
    }

    .right-side-text td p {
        margin-right: 0;
        margin-left: 0;
    }
}

/*===========
    Rate estimates
============*/
.rate {
    padding: 58px 0 180px;
}

@media ( max-width: 767.9px) {
    .rate {
        padding: 24px 0 64px;
    }
}

.rate .container-mini {
    flex-direction: column;
}

.rate-content {
    margin-bottom: 40px;
}

.rate-content p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;

    color: #666769;
}

@media ( max-width: 767.9px) {
    .rate-content p {
        font-size: 14px;
        line-height: 20px;
    }
}

.rate-inputs {
    margin-bottom: 32px;
}

.rate-inputs .inputs-row {
    display: flex;

    justify-content: center;
}

@media (max-width: 767.9px) {
    .rate-inputs .inputs-row {
        flex-direction: column;
    }
}

.rate-inputs .inputs-row label {
    display: flex;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    white-space: nowrap;

    color: #666769;

    align-items: center;
}

.rate-inputs .inputs-row label:last-child {
    margin-right: 0;
}

.rate-inputs .inputs-row .wpcf7-form-control-wrap {
    max-width: 300px;
    margin-right: 40px;
    margin-left: 18px;
}

.country-select {
    border: none;
    outline: none;
    background: transparent;
}

.country-select.inside {
    padding: 5px 0;

    border: 1px solid #cfe4e8;
    border-radius: 5px;
    outline: none;
    background: #f5feff;
}

.country-select.inside input {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #666769;
}

.currency-select {
    border: 1px solid #cfe4e8;
    border-radius: 5px;
    background: #f5feff;
}

.inputs-row label:first-child {
    margin-right: 42px;
}

.inputs-row .select2-container {
    width: 100% !important;
    /* max-width: 137px; */
    margin-left: 14px;

    border: 1px solid #cfe4e8;
    border-radius: 5px;
    background: #f5feff;
}

.inputs-row .select2-container .select2-selection--single {
    display: flex;

    align-items: center;
}

.inputs-row .select2-container--default .select2-selection--single .select2-selection__rendered {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #666769;
}

.inputs-row .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 15px;
}

#select2-currency-list-results li span {
    display: flex;
    width: max-content;

    align-items: center;
}

#select2-currency-list-results .img-flag,
#select2-country-select-results .img-flag,
#select2-currency-select-results .img-flag,
#select2-country-select-container .img-flag {
    width: 20px;
    height: 14px;
    margin-right: 10px;
}

@media (max-width: 767.9px) {
    .rate-inputs .inputs-row label:first-child {
        margin-bottom: 24px;
    }

    .rate-inputs .inputs-row label:first-child .wpcf7-form-control-wrap {
        margin-left: 24px;
    }

    .rate-inputs .inputs-row .wpcf7-form-control-wrap,
    .inputs-row .select2-container {
        max-width: 250px;
        margin-right: 0;
    }

    .country-select.inside input {
        max-width: 250px;
    }

    .country-select .country-list {
        max-width: 250px;
    }
}

@media (max-width: 575.9px) {
    .rate-inputs .inputs-row label {
        font-size: 14px;
        line-height: 19px;

        white-space: normal;
    }
}

@media (max-width: 370px) {
    .rate-inputs .inputs-row label {
        display: flex;
        flex-direction: column;
    }
}

.rate-table {
    border: 1px solid #a8c4ca;
    border-radius: 10px;
    overflow: hidden;
}

.shipping-table {
    margin-bottom: 0;
    border-collapse: collapse;
    width: 100%;
}

.table-header-delivery {
    background: #f2f5f5;
}

.table-footer-delivery {
    background: #f2f5f5;
}

.table-header td span,
.table-footer td span,
.shipping-table td span {
    padding: 0 25px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;

    color: #666769;
}

.shipping-table td.shipping-text-td {
    text-align: center;
}

.first-column {
    padding: 10px 0 10px 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.table-img {
    width: 100%;
    max-width: 119px;
    margin: 12px 20px 7px;
}

.shipping-table .table-body {
    border-top: 1px solid #a8c4ca;
}

.shipping-table tr td:first-child {
    width: 160px;
}

.rate-table-mobile {
    display: none;
}

@media (max-width: 991.9px) {
    .rate-table {
        display: block;
        overflow-x: auto;
    }

    .rate-table-mobile {
        display: none;
    }
}

.shipping-table-mobile {
    border-collapse: collapse;
}

.shipping-table-mobile tr td {
    text-align: center;
}

.shipping-table-mobile tr td span {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

@media (max-width: 575.9px) {
    .shipping-table-mobile tr td span,
    .shipping-table-mobile .first-column {
        font-size: 14px;
        line-height: 20px;
    }
}

.shipping-table-mobile td:first-child {
    width: 92px;

    background: #f2f5f5;
}

.table-mobile-img {
    max-width: 63px;
    margin: 0 10px;
}

.shipping-table-mobile tr:first-child td:last-child .table-mobile-img {
    margin-right: 0;
}

.shipping-table-mobile .first-column {
    padding: 10px 16px;
}

@media (max-width: 390px) {
    .table-mobile-img {
        margin: 0 auto;
    }

    .shipping-table-mobile tr:first-child td:last-child .table-mobile-img {
        margin-right: 0;
    }
}

@media (max-width: 360px) {
    .shipping-table-mobile .first-column {
        padding: 10px;
    }
}

/*===========
    Warranty and Returns
============*/
.warranty {
    padding: 60px 0 260px;
}

@media (max-width: 991.9px) {
    .warranty {
        padding: 20px 0 100px;
    }
}

@media ( max-width: 767.9px) {
    .warranty {
        padding: 14px 0 64px;
    }
}

.warranty .container {
    flex-direction: column;
}

.warranty-content {
    max-width: 1020px;
    margin-bottom: 40px;
}

.warranty-title {
    margin-top: 14px;
    margin-bottom: 7px;


    /*font-size: 60px;*/
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    color: #666769;
}

@media (max-width: 991.9px) {
    .warranty-content {
        margin-bottom: 20px;
        margin-top: 0;
    }
}

@media ( max-width: 767.9px) {
    .warranty-title {
        margin-top: 10px;
        margin-bottom: 16px;
        font-size: 32px;
        line-height: 44px;
    }
}

.warranty-content p {
    margin-bottom: 10px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.warranty-content p a {

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #0d788c;
}

@media ( max-width: 767.9px) {
    .warranty-content {
        margin-bottom: 20px;
    }

    .warranty-content p,
    .warranty-content p a {
        font-size: 14px;
        line-height: 20px;
    }
}

.warranty-content ul,
.warranty-content ol {
    padding-left: 8%;
    margin: 30px 0 40px;
}

@media ( max-width: 767.9px) {
    .warranty-content ul,
    .warranty-content ol {
        padding-left: 16px;
        margin: 14px 0 24px;
    }
}

.warranty-content li {
    position: relative;

    padding-left: 25px;
    margin-bottom: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.warranty-content ol {
    list-style: none;

    counter-reset: warranty-counter;
}

.warranty-content ol li {
    padding-top: 5px;
    padding-left: 36px;

    counter-increment: warranty-counter;
}

.warranty-content ol li::before {
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    width: 27px;
    height: 27px;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px;

    content: counter(warranty-counter);

    color: #0d788c;
    border: 2px solid #0d788c;
    border-radius: 50%;
    background: transparent;

    align-items: center;
    justify-content: center;
}

.warranty-content ul li::before {
    position: absolute;
    top: 5px;
    left: 0;

    width: 10px;
    height: 10px;

    content: "";

    border-radius: 50%;
    background-color: #0d788c;
}

.warranty-content blockquote {
    padding: 40px 16px 20px 0;
    margin-bottom: 40px;

    background-image: url(../img/warranty-bg.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}

@media ( max-width: 767.9px) {
    .warranty-content blockquote {
        padding: 40px 16px 20px 0;
        margin: 20px -16px 40px;
    }
}

.warranty-content blockquote ul {
    margin: 20px 0 0;
}

.warranty-content blockquote p {
    padding-left: 8%;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #666769;
}

.warranty .link {
    display: inline-block;
    width: fit-content;
    padding: 10px 80px;

    font-size: 14px;
    font-weight: 800;
    line-height: 19px;
}

@media ( max-width: 767.9px) {
    .warranty .link {
        width: 100%;
    }
}

/*===========
    Site map
============*/
.site-map {
    padding: 40px 0 75px;
}

@media (max-width: 767.9px) {
    .site-map {
        padding: 35px 0 0;
    }
}

.site-map .container {
    flex-direction: column;
}

.site-map-title {
    margin-bottom: 30px;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: .03em;
    color: #000;
}

@media (max-width: 767.9px) {
    .site-map-title {
        margin-bottom: 24px;

        font-size: 24px;
        line-height: 33px;
    }
}

.acf-nav-menu .menu {
    justify-content: flex-start;
    width: 100%;
    flex-flow: row wrap;
}

/* @media (max-width: 1200px) {
    .acf-nav-menu .menu {
        justify-content: space-evenly;
    }

    .acf-nav-menu #menu-site-map-collections.menu {
        justify-content: space-between;
    }

    .acf-nav-menu #menu-pages-menu.menu {
        justify-content: flex-start;
    }
} */

.acf-nav-menu .menu li {
    margin-right: 65px;
}

@media (max-width: 1200px) {
    .acf-nav-menu #menu-site-map-collections.menu li {
        width: 25%;
        margin-right: auto;
    }

    .acf-nav-menu #menu-site-map-collections.menu li:last-child {
        margin-right: 0;
    }
}

@media (max-width: 1200px) {
    .acf-nav-menu .menu li {
        margin-right: 50px;
    }
}

@media (max-width: 991.9px) {
    .acf-nav-menu #menu-site-map-collections.menu li {
        width: 25%;
        max-width: 25%;
        margin-right: auto;
    }
}

@media (max-width: 767.9px) {
    .acf-nav-menu #menu-site-map-collections.menu {
        justify-content: space-between;
    }

    .acf-nav-menu .menu li {
        margin-right: 50px;
    }
}

@media (max-width: 678px) {
    .acf-nav-menu #menu-site-map-collections.menu li {
        width: 50%;
        max-width: 50%;
        margin-right: auto;
    }
}

@media (max-width: 575.9px) {
    .acf-nav-menu #menu-pages-menu.menu {
        justify-content: space-between;
    }

    .acf-nav-menu #menu-pages-menu.menu li {
        width: 50%;
        max-width: 50%;
    }

    .acf-nav-menu .menu li {
        margin-right: auto;
    }
}

.acf-nav-menu .menu li > a {

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
    color: #000;
    white-space: inherit;
}

.acf-nav-menu .menu .menu-item-has-children > a {
    display: inline-block;
    margin-bottom: 10px;
}

.acf-nav-menu .menu-item-has-children > .sub-menu,
.acf-nav-menu .menu-item-has-children:hover > .sub-menu {
    position: relative;
    top: 0;

    display: flex;
    padding: 0;
    margin-top: 0;
    flex-direction: column;

    border: none;
    background: transparent;
    box-shadow: none;
}

.acf-nav-menu .menu .sub-menu a {
    padding: 5px 0;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    white-space: nowrap;
    color: #0d788c;
    text-decoration-line: underline;
}

.acf-nav-menu .menu .sub-menu a:hover {
    background-color: transparent;
}

@media (max-width: 991.9px) {
    .acf-nav-menu .menu .menu-item-has-children {
        margin-bottom: 30px;
    }

    .acf-nav-menu .menu li > a {
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;
    }

    .acf-nav-menu .menu .sub-menu a {
        font-size: 14px;
        line-height: 20px;
    }
}

/*===========
    FAQ
============*/
.faq {
    padding: 40px 0 80px;
}

@media (max-width: 991.9px) {
    .faq {
        padding: 2px 0 64px;
    }
}

.faq .left-nav {
    max-width: 266px;
    padding: 0;
    margin-right: 40px;
}

.vertical-nav {
    display: flex;
    flex-direction: column;
}

.horizontal-nav {
    display: none;
}

@media (max-width: 991.9px) {
    .faq .left-nav {
        max-width: 100%;
        margin-bottom: 24px;
    }

    .vertical-nav {
        display: none;
    }

    .horizontal-nav {
        position: relative;

        display: block;
        padding: 10px 40px;
        margin: 0 -16px;

        background: #0d788c;
    }
}

.nav-button {
    position: relative;

    padding: 10px 35px 10px 20px;
    margin-bottom: 2px;


    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;

    cursor: pointer;
    text-align: left;
    text-transform: uppercase;

    color: #0d788c;
    border: none;
    background: #f0f7f8;
}

.nav-button::after {
    position: absolute;
    top: 18px;
    right: 20px;

    width: 12px;
    height: 8px;

    content: "";
    transform: rotate(-90deg);

    background: url(../img/select-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-button.active {
    color: #fff;
    background: #0d788c;
}

.nav-button.active::after {
    top: 16px;
    right: 14px;

    width: 15px;
    height: 10px;

    transform: rotate(0deg);

    background: url(../img/white-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-button:hover {
    color: #fff;
    background: #005b6d;
}

.nav-button:hover::after {
    top: 16px;
    right: 14px;

    width: 15px;
    height: 10px;

    transform: rotate(0deg);

    background: url(../img/white-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-horizontal-button.slick-slide {

    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    text-align: center;
    text-align: center;
    text-transform: uppercase;

    color: #fff;
}

.horizontal-nav .slick-arrow.next-arrow,
.horizontal-nav .slick-arrow.prev-arrow {
    position: absolute;
    top: 16px;
    z-index: 4;

    width: 6px;
    height: 10px;

    content: "";

    border: none;
    background-repeat: no-repeat;
    background-size: contain;
}

.horizontal-nav .slick-arrow.next-arrow {
    transform: rotate(0deg);

    background: url(../img/white-arrow.svg);
}

.horizontal-nav .slick-arrow.prev-arrow {
    transform: rotate(180deg);

    background: url(../img/white-arrow.svg);
}

.faq .right-content {
    max-width: 812px;
}

.right-content-slider {
    display: none;
}

@media (max-width: 991.9px) {
    .faq .right-content {
        display: none;
    }

    .right-content-slider {
        display: block;
        width: 100%;
        max-width: 100%;
    }
}

.tab-item {
    width: 100%;
    max-width: 812px;
    padding: 10px 20px;
    margin-bottom: 10px;

    border: 1px solid #a8c4ca;
    border-radius: 10px;
}

.tab-item.open {
    padding: 20px;
}

.tab-content .tab-item {
    display: none;
}

.tab-content.active .tab-item {
    display: flex;
    flex-direction: column;
}

@media (max-width: 991.9px) {
    .tab-item {
        max-width: 100%;
        padding: 10px 20px;
    }

    .tab-item.open {
        padding: 20px;
    }
}

.tab-item .panel {
    display: none;
}

.tab-item.open .panel {
    display: block;
}

.tab-question {
    position: relative;

    width: 100%;
    padding-right: 40px;


    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
    text-transform: capitalize;

    color: #666769;
    border: none;
    background: transparent;
}

.tab-question::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    content: "";

    background: url(../img/close-accordion.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.open .tab-question::after {
    top: -10px;
    right: 0;

    width: 25px;
    height: 25px;

    background: url(../img/open-accordion.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 575.9px) {
    .tab-question {
        font-size: 18px;
        line-height: 25px;
    }

    .tab-question::after {
        top: 0;
    }

    .open .tab-question::after {
        top: 0;
    }
}

.panel {
    width: 86%;
    max-width: 700px;
    margin-top: 27px;
}

.panel p {
    margin-bottom: 10px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

@media (max-width: 991.9px) {
    .panel {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 575.9px) {
    .panel {
        margin-top: 10px;
    }

    .panel p {
        font-size: 14px;
        line-height: 20px;
    }
}

/*===========
    404
============*/
.error-404 {
    padding: 54px 0 80px;
}

@media (max-width: 767.9px) {
    .error-404 {
        padding: 54px 0 64px;
    }
}

.error-404 .container-mini {
    flex-direction: column;
}

.page-bg {
    position: absolute;
    top: 0;
    left: 50%;

    max-width: 877px;

    content: "";
    transform: translate(-50%, 0);
}

.page-title {
    margin-top: 66px;
    margin-bottom: 55px;


    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;

    text-align: center;
    letter-spacing: .03em;

    color: #666769;
}

@media (max-width: 767.9px) {
    .page-title {
        margin-top: 10px;
        margin-bottom: 40px;
    }
}

.page-content {
    position: relative;
}

.search-wrap {
    display: flex;
    padding-bottom: 120px;

    align-items: center;
    justify-content: center;
}

.search-wrap p {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #666769;
}

@media (max-width: 991.9px) {
    .page-bg {
        display: none;
    }

    .search-wrap {
        flex-direction: column;
    }

    .search-wrap p {
        margin-bottom: 20px;
    }
}

@media (max-width: 767.9px) {
    .search-wrap {
        padding-bottom: 40px;
    }

    .search-wrap p {
        font-size: 14px;
        line-height: 19px;
    }
}

.search-wrap .input-search {
    width: 400px;
    height: 40px;
    padding-left: 20px;
    margin: 0 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #666769;
    border: 1px solid #cfe4e8;
    border-radius: 5px;
    outline: none;
    background: #f5feff;
}

.search-wrap .input-search:focus {
    border: 1px solid #0d788c;
    border-radius: 0;
    background: #f5feff;
    box-shadow: 0 0 4px rgba(13, 120, 140, .45);
}

.search-error-btn {
    padding: 10px 37px;


    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border: none;
    background: #0d788c;
}

.search-wrap .search-error-btn:hover {
    background: #005b6d;
}

@media (max-width: 767.9px) {
    .search-wrap .search-field {
        width: 100%;
    }

    .search-wrap .input-search {
        width: 100%;
        margin: 0 0 20px;
    }

    .search-error-btn {
        width: 100%;
    }
}

.page-links {
    position: relative;

    display: flex;
    padding-top: 40px;
    padding-bottom: 60px;

    justify-content: space-around;
}

.block-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";
}

@media (max-width: 767.9px) {
    .page-links {
        padding: 40px 16px;
        margin-right: -16px;
        margin-left: -16px;
        flex-direction: column;
    }
}

.page-links-left {
    position: relative;
}

.page-links-left li {
    position: relative;

    padding-left: 20px;
    margin-bottom: 5px;
}

.page-links-left li::before {
    position: absolute;
    top: 5px;
    left: 0;

    width: 10px;
    height: 10px;

    content: "";

    border-radius: 50%;
    background-color: #0d788c;
}

.left-page-links {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #0d788c;

    text-decoration-line: underline;
}

.page-links-right {
    position: relative;
}

.page-links-text {
    position: relative;

    margin-bottom: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #666769;
}

.right-page-links {
    display: inline-block;
    padding: 10px 82px;
    margin-top: 10px;


    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    background: #0d788c;
}

.right-page-links:hover {
    background: #005b6d;
}

@media (max-width: 767.9px) {
    .page-links-left {
        padding-left: 13px;
        margin-bottom: 32px;
    }

    .page-links-right .page-links-text {
        margin-bottom: 24px;

        text-align: center;
    }

    .right-page-links {
        width: 100%;
        margin-top: 0;
    }
}

/*===========
    Testimonials list
============*/
.testimonial-list {
    padding: 61px 0 40px;
}

@media (max-width: 767.9px) {
    .testimonial-list {
        padding: 24px 0 40px;
    }
}

.testimonial-list .container-mini {
    flex-direction: column;

    align-items: center;
}

.testimony {
    width: 100%;
    max-width: 810px;
    padding: 20px;
    margin-bottom: 10px;

    border: 1px solid #a8c4ca;
    border-radius: 10px;
}

.testimony-text {
    margin-bottom: 20px;
}

.testimony-text p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

@media (max-width: 575.9px) {
    .testimony-text {
        margin-bottom: 24px;
    }

    .testimony-text p {
        font-size: 14px;
    }
}

.author-name {

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #666769;
}

.author-country {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

@media (max-width: 575.9px) {
    .author-name,
    .author-country {
        font-size: 14px;
    }
}

/**
 * Testimonial form
 */
.testimonial-form {
    width: 100%;
    max-width: 810px;
    padding-top: 80px;
}

.testimonial-form-title {
    margin-bottom: 20px;


    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;

    text-align: left;
    text-transform: capitalize;

    color: #666769;
}

.testimonial-form textarea {
    width: 100%;
    padding: 16px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    resize: none;

    color: #000;
    border: 1px solid #cfe4e8;
    border-radius: 5px;
    outline: none;
    background: #f5feff;
}

.testimonial-form textarea:focus {
    border: 1px solid #0d788c;
    border-radius: 0;
    background: #f5feff;
    box-shadow: 0 0 4px rgba(13, 120, 140, .45);
}

.testimonial-form textarea::placeholder {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #a8c4ca;
}

.testimonial-form .form-group {
    margin-bottom: 40px;
}

@media (max-width: 767.9px) {
    .testimonial-form .form-group {
        margin-bottom: 24px;
    }
}

/*===========
    Accordion
============*/
.accordion {
    padding: 40px 0 80px;
}

@media (max-width: 767.9px) {
    .accordion {
        padding: 24px 0 65px;
    }
}

.accordion .container-mini {
    flex-direction: column;

    align-items: center;
}

.accordion h2 {
    width: 100%;
    max-width: 1020px;
    margin-bottom: 20px;


    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: 50px;

    text-align: left;

    color: #666769;
}

.description-row {
    width: 100%;
    max-width: 1020px;
    margin-bottom: 40px;
}

.description-row p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

@media (max-width: 767.9px) {
    .accordion h2 {
        font-size: 32px;
        line-height: 44px;
    }

    .description-row {
        margin-bottom: 24px;
    }
}

.accordion-wrap {
    width: 100%;
    max-width: 1020px;
}

.accordion-item {
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 10px;

    border: 1px solid #a8c4ca;
    border-radius: 10px;
}

.accordion-title {
    position: relative;

    width: 100%;
    padding-right: 40px;


    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;

    text-align: left;
    text-transform: capitalize;

    color: #666769;
    border: none;
    background: transparent;
}

.accordion-title::after {
    position: absolute;
    top: 0;
    right: 0;

    width: 25px;
    height: 25px;

    content: "";

    background: url(../img/close-accordion.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.open .accordion-title::after {
    top: 0;
    right: 0;

    width: 25px;
    height: 25px;

    background: url(../img/open-accordion.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 575.9px) {
    .accordion-title {
        font-size: 18px;
        line-height: 25px;
    }

    .accordion-title::after {
        top: 0;
    }

    .open .accordion-title::after {
        top: 0;
    }
}

.accordion-item .accordion-panel {
    display: none;
}

.accordion-item.open .accordion-panel {
    display: block;
}

.accordion-panel {
    margin-top: 27px;
}

.accordion-panel p {
    margin-bottom: 10px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.accordion-panel p a {
    color: #0d788c;

    text-decoration-line: underline;
}

@media (max-width: 575.9px) {
    .accordion-panel {
        margin-top: 10px;
    }

    .accordion-panel p {
        font-size: 14px;
        line-height: 20px;
    }
}

/*===========
    Centered content
============*/
.centered-content {
    padding: 75px 0 0;
}

@media (max-width: 767.9px) {
    .centered-content {
        padding: 24px 0 0;
    }
}

.centered-content .container-mini {
    flex-direction: column;

    align-items: center;
}

.content-wrap {
    width: 100%;
    max-width: 1020px;
}

.content-wrap h2 {
    margin-bottom: 20px;


    /*font-size: 60px;*/
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    color: #666769;
}

.content-wrap h3 {
    margin-top: 40px;
    margin-bottom: 20px;

    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: .03em;
    color: #666769;
}

.content-wrap p {
    margin-bottom: 15px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.content-wrap p a {
    color: #0d788c;

    text-decoration-line: underline;
}

.content-wrap p:last-child {
    margin-bottom: 0;
}

.content-wrap ul {
    margin-left: 50px;
}

.content-wrap ul > li {
    position: relative;

    padding-bottom: 20px;
    padding-left: 20px;
    margin-bottom: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.content-wrap ul > li::before {
    position: absolute;
    top: 5px;
    left: 0;

    width: 10px;
    height: 10px;

    content: "";

    border-radius: 50%;
    background-color: #0d788c;
}

.content-wrap ul > li strong {

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #666769;
}

.content-wrap ul > li p {
    margin-top: 20px;
}

.content-wrap ol {
    margin-bottom: 20px;
    margin-left: 100px;
}

.content-wrap ol > li {
    padding-bottom: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

@media (max-width: 767.9px) {
    .content-wrap h2 {
        margin-bottom: 24px;

        font-size: 32px;
        line-height: 44px;
    }

    .content-wrap h3 {
        margin-top: 32px;
        margin-bottom: 16px;

        font-size: 24px;
        line-height: 33px;
    }

    .content-wrap p {
        font-size: 14px;
        line-height: 20px;
    }

    .content-wrap ul > li,
    .content-wrap ol > li {
        padding-bottom: 10px;
        margin-bottom: 8px;

        font-size: 14px;
        line-height: 20px;
    }

    .content-wrap ul {
        margin-left: 0;
    }

    .content-wrap ol {
        margin-left: 50px;
    }
}

.centered-big-content {
    padding: 75px 0 0;
}

@media (max-width: 991.9px) {
    .centered-big-content {
        padding: 40px 0 0;
    }
}

@media (max-width: 575.9px) {
    .centered-big-content {
        padding: 24px 0 0;
    }
}

.centered-big-content h2 {
    margin-bottom: 20px;


    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;

    color: #666769;
}

.centered-big-content h3 {
    margin-top: 40px;
    margin-bottom: 20px;

    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: .03em;
    color: #666769;
}

@media (max-width: 767.9px) {
    .centered-big-content h2 {
        margin-bottom: 24px;


        font-size: 32px;
        font-style: normal;
        font-weight: 800;
        line-height: 44px;

        color: #666769;
    }

    .centered-big-content h3 {
        margin-top: 30px;
        margin-bottom: 24px;


        font-size: 24px;
        font-style: normal;
        font-weight: 800;
        line-height: 33px;

        letter-spacing: .03em;

        color: #666769;
    }
}

.centered-big-content p {
    margin-bottom: 15px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.centered-big-content p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767.9px) {
    .centered-big-content p {
        font-size: 14px;
        line-height: 20px;
    }
}

.centered-big-content .content-wrap ol {
    margin-bottom: 0;
    margin-left: 20px;
}

.secondary-content {
    display: flex;
    margin-bottom: 40px;
}

.secondary-content:last-child {
    margin-bottom: 75px;
}

@media (max-width: 575.9px) {
    .secondary-content {
        flex-direction: column;
    }

    .secondary-content:last-child {
        margin-bottom: 40px;
    }
}

.content-img {
    width: 25%;
    max-width: 250px;
    margin-right: 6%;
}

.content-text {
    width: 65%;
    max-width: 650px;
}

@media (max-width: 991.9px) {
    .content-img {
        width: 50%;
        max-width: 50%;
    }

    .content-text {
        width: 50%;
        max-width: 50%;
    }
}

@media (max-width: 575.9px) {
    .content-img {
        display: flex;
        width: 100%;
        max-width: 100%;
        margin: 12px 0 24px;

        justify-content: center;
    }

    .content-text {
        width: 100%;
        max-width: 100%;
    }
}

.content-text h4 {
    margin-bottom: 14px;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    color: #666769;
}

.content-text p {
    margin-bottom: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.content-text ul > li {
    margin-bottom: 0;
}

@media (max-width: 767.9px) {
    .content-text ul {
        margin-left: 34px;
    }
}

/*===========
    Block with two columns and separator
============*/
.two-columns {
    margin-bottom: 40px;
}

@media (max-width: 767.9px) {
    .two-columns {
        margin-bottom: 32px;
    }
}

.two-columns .container-small {
    flex-direction: column;
}

.two-columns-top {
    position: relative;

    display: flex;
    width: 100%;
    padding: 50px 0;

    justify-content: space-between;
}

@media (max-width: 767.9px) {
    .two-columns-top {
        padding: 24px 40px;
        flex-direction: column;
    }
}

@media (max-width: 575.9px) {
    .two-columns-top {
        padding: 24px 16px;
    }

    .two-columns .container-small {
        padding: 0;
    }
}

.columns-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";

    object-fit: cover;
}

.two-columns-top .left-column,
.two-columns-top .right-column {
    display: flex;
    padding: 0 60px;
    flex-direction: column;
}

.two-columns-top .left-column {
    width: 55%;
    max-width: 690px;

    border-right: 1px solid #a8c4ca;
}

.two-columns-top .right-column {
    width: 45%;
    max-width: 574px;

    align-items: center;
}

@media (max-width: 991.9px) {
    .two-columns-top .left-column,
    .two-columns-top .right-column {
        padding: 0 40px;
    }
}

@media (max-width: 767.9px) {
    .two-columns-top .left-column,
    .two-columns-top .right-column {
        width: 100%;
        max-width: 100%;
    }

    .two-columns-top .left-column {
        padding: 24px 0 16px;
        margin-bottom: 0;

        border-right: none;
        border-bottom: 1px solid #a8c4ca;
    }

    .two-columns-top .right-column {
        padding: 37px 0 0;
    }
}

.two-column-title {
    margin-bottom: 35px;


    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: .03em;
    color: #666769;
}

@media (max-width: 767.9px) {
    .two-column-title {
        margin-bottom: 24px;

        font-size: 24px;
        font-weight: 800;
        line-height: 33px;

        text-align: center;
        letter-spacing: .03em;

        color: #666769;
    }
}

.right-column .two-column-title {
    text-align: center;
}

.two-columns-wrap {
    margin-bottom: 40px;
}

.two-columns-wrap p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;

    color: #666769;
}

.left-column .two-columns-wrap {
    display: block;
    max-width: 470px;
    margin: 0 auto 40px;
}

.right-column .two-columns-wrap {
    max-width: 454px;
}

.two-columns-list {
    display: flex;
}

.left-column .two-columns-list {
    justify-content: space-around;
}

.two-columns-list li {
    position: relative;

    padding-bottom: 20px;
    padding-left: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.two-columns-list li::before {
    position: absolute;
    top: 5px;
    left: 0;

    width: 10px;
    height: 10px;

    content: "";

    border-radius: 50%;
    background-color: #0d788c;
}

.links-wrap {
    padding: 10px 0 80px;
}

.links-wrap .container-small {
    display: flex;
    flex-direction: column;
}

.links-wrap h3 {
    margin-bottom: 20px;
}

.links-wrap .link {
    display: inline-block;
    padding: 10px 80px;
    margin-right: 80px;

    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
    max-width: 340px;
    width: 100%;
}

.links-wrap .link:last-child {
    margin-right: 0;
}

@media (max-width: 991.9px) {
    .links-wrap .link {
        max-width: 340px;
        width: 100%;
        margin-right: 50px;
    }
}

@media (max-width: 767.9px) {
    .links-wrap {
        padding: 32px 0 33px;
        flex-direction: column;
    }

    .links-wrap .link {
        width: 100%;
        max-width: 340px;
        margin: 0 auto 32px;
        font-size: 12px;
        line-height: 16px;
        display: block;
    }

    .links-wrap .link:last-child {
        margin: 0 auto 32px;
    }
}

@media (max-width: 575.9px) {
    .links-wrap {
        padding-right: 16px;
        padding-left: 16px;
    }
}

/*===========
    Maintenance
============*/
.maintenance {
    position: relative;

    width: 100%;
    padding: 84px 40px;

    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767.9px) {
    .maintenance {
        padding: 0;
    }
}

.maintenance-wrap {
    position: relative;

    display: flex;
    max-width: 1150px;
    padding: 80px 0;
    margin: 0 auto;
    flex-direction: column;

    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(13, 120, 140, .25);

    align-items: center;
}

@media (max-width: 767.9px) {
    .maintenance-wrap {
        border-radius: 0;
        box-shadow: none;
    }
}

.maintenance-wrap .site-branding {
    width: 100%;
    max-width: 410px;
    margin-right: 0;
    margin-bottom: 20px;
}

.maintenance-wrap .custom-logo {
    width: 100%;
    max-width: 410px;
}

@media (max-width: 767.9px) {
    .maintenance-wrap .site-branding {
        max-width: 275px;
    }
}

.maintenance-title {
    margin-bottom: 40px;


    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 82px;

    text-align: center;

    color: #666769;
}

.maintenance-description p {

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;

    text-align: center;
    text-transform: capitalize;

    color: #666769;
}

@media (max-width: 767.9px) {
    .maintenance-title {
        font-size: 24px;
        line-height: 33px;
    }

    .maintenance-description p {
        font-size: 16px;
        line-height: 20px;
    }
}

.maintenance-contact {
    position: relative;

    width: 100%;
    max-width: 891px;
    margin: 0 auto;
}

@media (max-width: 1050px) {
    .maintenance-contact {
        width: 94%;
        margin: 0 25px;
    }
}

.wrap-bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: "";
}

.contact-items-wrap {
    position: relative;

    display: flex;
    width: 100%;
    max-width: 651px;
    padding: 40px 0;
    margin: 0 auto;
}

.contact-item {
    display: flex;
    width: 50%;
    flex-direction: column;

    align-items: center;
}

.contact-item h3 {
    margin-bottom: 16px;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    text-align: center;
    text-transform: uppercase;

    color: #000;
}

.contact-item a {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;

    color: #000;

    text-decoration-line: underline;
}

.contact-item.left {
    border-right: 1px solid #d9d9d9;
}

@media (max-width: 991.9px) {
    .contact-items-wrap .contact-icon {
        margin-right: 0;
        margin-bottom: 16px;
    }
}

@media (max-width: 575.9px) {
    .contact-items-wrap {
        padding: 8px 28px;
        flex-direction: column;
    }

    .contact-items-wrap .contact-icon {
        margin-right: 20px;
        margin-bottom: 0;
    }

    .contact-item {
        width: 100%;
        padding: 24px 0;
        flex-direction: row;
    }

    .contact-item.left {
        border-right: none;
        border-bottom: 1px solid #d9d9d9;
    }

    .contact-item h3 {
        text-align: left;
    }
}

/*===========
    Product Photographs
============*/
.product-photographs {
    padding: 40px 0 0;
}

.product-photographs .container-mini {
    flex-direction: column;
}

.product-photographs-desktop {
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

.product-photographs-mobile {
    display: none;
}

@media (max-width: 991.9px) {
    .product-photographs .container-mini {
        padding: 0;
    }

    .product-photographs-desktop {
        display: none;
    }

    .product-photographs-mobile {
        display: block;
        width: 100%;
        max-width: 720px;
        margin: 0 auto;
    }
}

@media (max-width: 767.9px) {
    .product-photographs {
        padding-top: 24px;
    }
}

.photographs-text {
    display: block;
    max-width: 560px;
    padding: 40px 0;
    margin: 0 auto;
}

@media (max-width: 991.9px) {
    .photographs-text {
        padding: 40px 16px;
    }
}

.photographs-text p {
    margin-bottom: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.photographs-text p a {
    color: #0d788c;

    text-decoration-line: underline;
}

@media (max-width: 767.9px) {
    .photographs-text p {
        font-size: 13px;
        line-height: 20px;
    }
}

.back-to-top {
    display: none;
}

@media (max-width: 991.9px) {
    .back-to-top {
        position: fixed;
        bottom: 16px;
        right: 16px;
        z-index: 5;

        /*display: inline-block;*/
        padding: 7px 16px;


        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 19px;

        cursor: pointer;
        text-transform: capitalize;

        color: #fff;
        border: none;
        border-radius: 20px;
        outline: none;
        background: url(../img/back-to-top_bg.svg);
    }

    .back-to-top img {
        position: relative;
        top: -1px;

        width: 12px;
        height: 6px;
        margin-left: 10px;

        transform: rotate(180deg);
    }
}

/*===========
    Cart
============*/
.cart-wrap {
    padding: 30px 0;
}

.cart-wrap .container {
    justify-content: space-between;
    /*max-width: 1520px;*/
}

.return-to-shop p {
    margin-bottom: 30px;
}

.back-to-shop {
    display: inline-block;
    width: fit-content;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    color: #0d788c;

    text-decoration-line: underline;
}

.back-to-shop img {
    position: relative;
    top: 2px;

    width: 25px;
    margin-right: 12px;
}

.woocommerce-cart .stock,
.woocommerce-cart .product-name a,
.woocommerce-cart .product-name span {
    font-size: 14px;
    line-height: 1.28;
}

.woocommerce-cart .stock {
    white-space: nowrap;
    font-weight: 400;
}

.woocommerce-cart .product-name a {
    display: inline-block;
    margin-bottom: 4px;
}

.woocommerce-cart .product-name .sku,
.woocommerce-cart .product-name p {
    margin-bottom: 4px;
}

@media (max-width: 767.9px) {
    .back-to-shop:last-child {
        margin-bottom: 16px;
    }
}

.cart-table-wrap {
    display: flex;
    width: 75%;
    max-width: 1170px;
    flex-direction: column;
}

@media (max-width: 1080px) {
    .cart-table-wrap {
        width: 100%;
        margin-bottom: 30px;
    }
}

.shop_table {
    width: 100%;
    border-collapse: collapse;
    order: 0;
    margin: 0;
}

.table-head {
    display: flex;
    width: 100%;
    margin-top: 20px;
}

@media (max-width: 991px) {
    .table-head {
        display: none;
    }
}

.product-checkbox {
    position: relative;
    width: 20px;
    padding-top: 0;
    padding-bottom: 20px;
    margin-right: 10px;
    margin-left: 15px;
}

.product-checkbox-head {
    position: relative;
    width: 20px;
    padding-top: 0;
    margin-left: 10px;
}

.table-head .product-checkbox::after {
    position: absolute;
    top: 0;
    left: 20px;

    width: 70px;
    height: auto;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    content: "Check All";

    color: #666769;
}

.product-thumbnail {
    width: 150px;
    margin-right: 30px;
}

.product-thumbnail img {
    padding: 10px 0;
}

.product-name {
    width: 22%;
    max-width: 245px;
    margin-right: 33px;
}

.product-name .sku {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #666769;
}

.product-name a {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #666769;
}

.product-name .stock {
    text-align: left;
}

.table-head .product-checkbox {
    margin-left: 16px;
}

.table-head .product-color,
.cart_item .product-color {
    width: 65px;
    margin-right: 35px;

    text-align: center;
}

.table-head .product-size,
.cart_item .product-size {
    width: 70px;
    margin-right: 35px;
}

.table-head .product-price {
    white-space: nowrap;
}

.product-price {
    margin-right: 5%;
}

.cart_item .product-price .amount {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: #666769;
}

.table-head .product-quantity,
.woocommerce-cart-form__cart-item .product-quantity {
    margin-right: 5%;
}

.woocommerce-cart-form__cart-item .product-quantity .quantity {
    position: relative;
    margin-right: 0;
}

.woocommerce-cart-form__cart-item .quantity .plus {
    position: absolute;
    right: 10px;
}

.woocommerce-cart-form__cart-item .product-color img {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.product-subtotal .amount {
    font-family: "Nunito Sans", serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
    color: #0d788c;
}

.product-subtotal {
    margin-right: 15px;
    width: 110px;
    text-align: right;
}

.shop_table .product-thumbnail img {
    width: 150px;
}

.cart_item .sizes-main p {
    padding: 0;
}

.product-name span {
    font-family: "Nunito Sans", serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.product-name .attribute-title {
    font-weight: 700;
}

@media (min-width: 992px) {
    .product-name {
        max-width: none;
        width: auto;
        flex: 1;
    }

    .product-subtotal {
        width: 110px;
    }

    .product-price,
    .product-quantity {
        width: 80px;
    }
}

@media (max-width: 991.9px) {
    .shop_table.cart {
        margin-top: 1rem;
    }

    .product-thumbnail {
        width: 27%;
        margin-right: 16px;
    }

    .product-name {
        width: 60%;
        max-width: 60%;
        margin-right: 0;
    }

    .shop_table .product-thumbnail img {
        width: 100%;
        max-width: 100px;
    }

    .product-price {
        display: none;
    }

    .product-subtotal .amount {
        font-size: 16px;
        line-height: 30px;
    }

    .woocommerce-cart-form__cart-item .product-quantity {
        width: 35%;
    }

    .woocommerce-cart-form__cart-item .product-quantity .quantity {
        width: 100%;
        /* max-width: 130px; */
    }

    .cart_item .product-color,
    .cart_item .product-size {
        width: 30%;
        margin-right: 0;
    }

    .cart_item .product-size {
        margin: 0 auto;
    }

    .mobile-disable {
        display: none;
    }
}

.woocommerce-cart-form__cart-item {
    position: relative;

    display: flex;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 20px;

    border: 1px solid #cfe4e8;
    border-radius: 10px;

    align-items: center;
}

.action-toggle {
    display: none;
}

.table-action-block {
    display: none;
}

@media (max-width: 991.9px) {
    .woocommerce-cart-form__cart-item {
        padding: 10px 20px;

        flex-wrap: wrap;
        justify-content: space-between;
    }

    .action-toggle {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 5;

        display: block;
        width: 16px;
        height: 17px;

        content: "";
        cursor: pointer;
        transition: all .3s ease 0s;

        border: none;
        background-color: transparent;
    }

    .action-toggle::before,
    .action-toggle::after {
        position: absolute;
        right: 10px;

        width: 3px;
        height: 3px;

        content: "";
        transition: all .3s ease 0s;

        border-radius: 50%;
        background-color: #0d788c;
    }

    .action-toggle::before {
        top: 0;
    }

    .action-toggle::after {
        bottom: 0;
    }

    .action-toggle span {
        position: absolute;
        top: 7px;
        right: 10px;

        width: 3px;
        height: 3px;

        content: "";
        transition: all .3s ease 0s;

        border-radius: 50%;
        background-color: #0d788c;
    }

    .action-toggle.active::before {
        top: 14px;
        right: 0;

        width: 24px;
        height: 2px;
        background-color: #A8C4CA;
        transition: all .3s ease 0s;
        transform: rotate(45deg);
    }

    .action-toggle.active::after {
        right: 0;
        bottom: 0;

        width: 24px;
        height: 2px;
        background-color: #A8C4CA;
        transition: all .3s ease 0s;
        transform: rotate(-45deg);
    }

    .action-toggle.active span {
        transform: scale(0);
    }

    .table-action-block.visible {
        position: absolute;
        top: 0;
        left: 0;

        display: flex;
        width: 100%;
        height: 100%;

        content: "";

        opacity: .9;
        background: #eef7f8;
        z-index: 2;
        align-items: center;
        justify-content: center;
    }
}

.table-head .product-name,
.table-head .product-color,
.table-head .product-size,
.table-head .product-price,
.table-head .product-quantity,
.table-head .product-subtotal {
    padding-top: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #666769;
}

.product-checkbox span {
    padding-left: 10px;
}

.actions-wrap {
    display: flex;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 30px;

    justify-content: space-between;
}

.button-delete {
    display: flex;
    padding: 10px 30px;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    color: #0d788c;
    border: 1px solid #0d788c;
    border-radius: 2px;
    background: transparent;
    align-items: center;
}

.button-delete img,
.button-update img {
    margin-right: 11px;
    width: 18px;
    height: 20px;
}

.button-delete img:nth-of-type(2) {
    display: none;
}

.button-delete.loading img:nth-of-type(1) {
    display: none;
}

.button-delete.loading img:nth-of-type(2) {
    display: inline-block;
    animation: custom-spinner 1.2s linear infinite;
}

.processing .button-update img {
    animation: custom-spinner 1.2s linear infinite;
}

.button-update {
    display: flex;
    padding: 10px 30px;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 14px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    color: #0d788c;
    border: 1px solid #0d788c;
    border-radius: 2px;
    background: transparent;
    white-space: nowrap;
    align-items: center;
}

.button-update:disabled {
    opacity: 0.3;
    cursor: default;
}

@media (max-width: 991.9px) {
    .product-checkbox {
        display: none;
    }

    .table-footer {
        display: block;
    }
	.button-delete {
		display: none;
	}
}


.collaterals-wrap {
    width: 22%;
    max-width: 310px;
    padding-top: 22px;
}

.hidden-block {
    height: 22px;
    width: 100%;
}

@media (max-width: 1080px) {
    .collaterals-wrap {
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
    }
}

@media (max-width: 767.9px) {
    .cart-wrap .container {
        padding: 0;
    }

    .collaterals-wrap {
        max-width: 100%;
    }

    .cart-wrap .cart-table-wrap {
        margin: 0 16px;
    }
}

.woocommerce-remove-coupon {
    font-size: 13px;
    font-weight: 400;
    color: inherit;
}

.cart-collaterals {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 18px;
}

.cart-collaterals h2 {
    margin-bottom: 15px;

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    color: #666769;
}

.cart_totals {
    display: flex;
    padding: 22px;
    margin-bottom: 30px;
    flex-direction: column;
    border-radius: 10px;
    background: #f0f7f8;
}

.cart_totals th {
    padding-bottom: 30px;

    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
    text-transform: capitalize;
    color: #666769;
}

.cart_totals td {
    padding-bottom: 30px;

    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;

    text-align: right;
    text-transform: capitalize;

    color: #666769;
}

.cart_totals .amount {

    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-align: right;
    text-transform: capitalize;
    color: #666769;
}

.total-text-exp {
    margin-bottom: 20px;
    font-family: "Nunito Sans", serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    color: #e30b3f;
    order: 1;
}

.total-text-exp .woocommerce-Price-amount.amount {
    color: #e30b3f;
    font-size: 1rem;
}

.wc-proceed-to-checkout {
    order: 2;
}

.checkout-button {
    position: relative;
}

.cb-label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 11px 16px;

    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 14px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    opacity: .2;
    color: #fff;
    background: #0d788c;
}

.cb-label.checkout-btn-work {
    opacity: 1;
}

.cb-label.checkout-btn-work:hover {
    background: #005b6d;
}

.checkout-text-block {
    display: none;
}

.checkout-text-block.visible {
    position: absolute;
    top: 110%;
    right: -30px;
    z-index: 3;

    display: flex;
    width: 560px;
    padding: 30px 65px 40px;
    flex-direction: column;

    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(13, 120, 140, .3);

    align-items: center;
}

.checkout-text-block.visible::after {
    position: absolute;
    top: -15px;
    left: 72%;

    width: 0;
    height: 0;

    content: "";
    transform: translateX(-72%);

    border-width: 0 15px 15px;
    border-style: solid;
    border-color: transparent transparent #fff;
}

h2.block-collaterals-title {

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    text-transform: capitalize;
    color: #666769;
}

@media (max-width: 767.9px) {
    .cart-collaterals h2 {
        padding-left: 16px;
    }

    h2.block-collaterals-title {
        font-size: 16px;
        line-height: 22px;
    }
}


.block-collaterals-description {
    margin-bottom: 14px;
}

.block-collaterals-description p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    text-transform: none;
    color: #666769;
}

.close-text-block {
    margin-bottom: 18px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #0d788c;

    text-decoration-line: underline;
}

.checkout-text-block .back-to-shop {
    margin-bottom: 18px;
    border: none;
    background: transparent;
    outline: none;
    text-transform: none;
    cursor: pointer;
}

.proceed-link {
    display: inline-block;
    width: 200px;
    padding-top: 11px;
    padding-bottom: 11px;

    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;

    color: #fff;
    background: #0d788c;
}

@media (max-width: 991.9px) {
    .checkout-text-block.visible {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        overflow-y: auto;
        width: 100%;
        height: 100%;
        border-radius: 0;
        justify-content: space-between;
    }

    .checkout-text-block.visible::after {
        display: none;
    }

    .checkout-input {
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .checkout-label {
        position: relative;

        display: block;
        width: 44px;
        height: 24px;

        cursor: pointer;
        text-indent: -9999px;

        border-radius: 12px;
        background: #cfe4e8;
    }

    .checkout-label:after {
        position: absolute;
        top: 2px;
        left: 2px;

        width: 20px;
        height: 20px;

        content: "";
        transition: .3s;

        border-radius: 50%;
        background: #fff;
    }

    .checkout-input:checked + label {
        background: #0d788c;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .18);
    }

    .checkout-input:checked + label:after {
        left: calc(100% - 2px);

        transform: translateX(-100%);
    }

    .checkout-label:active:after {
        width: 44px;
    }
}

@media (max-width: 767.9px) {
    .checkout-text-block.visible {
        padding: 37px 18px;
    }
}


.checkout-input-field {
    display: flex;
    margin-bottom: 10px;
}

.checkout-input-field .left-field {
    padding-top: 3px;
    margin-right: 10px;
}

.checkout-input-field .right-field h3 {
    margin-bottom: 8px;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    text-align: left;
    text-transform: none;

    color: #666769;
}

.checkout-input-field .right-field p {
    margin-bottom: 10px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: left;
    text-transform: none;

    color: #666769;
}

.proceed-link:hover {
    background: #005b6d;
}

.collaterals-wrap .coupon {
    display: flex;
    flex-wrap: wrap;
}

.collaterals-wrap .coupon label {
    width: 100%;
    margin-bottom: 16px;

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    color: #666769;
}

.coupon .input-text {
    width: 55%;
    padding: 12px 19px;

    border: 1px solid #cfe4e8;
    border-radius: 10px;
    outline: none;
    background: #eef7f8;
}

.coupon .input-text:focus {
    border: 1px solid #0d788c;
    box-shadow: 0 0 4px rgba(13, 120, 140, .45);
}

.coupon .button {
    width: 35%;
    padding: 10px;
    margin-left: 20px;

    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 14px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: none;
    background: #0d788c;
}

.coupon .woocommerce-error {
    color: rgb(220, 63, 59);
    font-size: 14px;
    margin-top: 1rem;
    font-weight: 600;
}

.collaterals-wrap-checkout {
    width: 28%;
    max-width: 360px;
}

@media (max-width: 991.9px) {
    .collaterals-wrap-checkout {
        width: 100%;
        margin: 0 auto;
    }
}

.checkout-review-wrap {
    padding: 30px;

    border-radius: 10px;
    background: #f0f7f8;
}

#order_review_heading {
    margin-bottom: 20px;


    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;

    text-transform: capitalize;

    color: #666769;
}

.checkout-review-wrap .shop_table {
    margin-bottom: 0;
}

.checkout-review-wrap .cart-subtotal th,
.checkout-review-wrap .cart-total th {

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    text-align: left;

    color: #666769;
}

.checkout-review-wrap .cart-subtotal td,
.checkout-review-wrap .cart-total td .amount {

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;

    text-align: right;
    text-transform: capitalize;

    color: #666769;
}

.checkout-review-wrap .order-total th,
.checkout-review-wrap .order-total td .amount {

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;

    text-transform: capitalize;

    color: #0d788c;
}

.checkout-review-wrap .order-total th {
    text-align: left;
}

.checkout-review-wrap .cart-subtotal td,
.checkout-review-wrap .cart-total td,
.checkout-review-wrap .order-total td {
    text-align: right;
}

.collaterals-wrap-checkout .woocommerce-checkout-payment {
    /* display: none; */
}

.details-row {
    display: flex;
    padding-top: 40px;

    justify-content: space-between;
}

.details-row .edit {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #0d788c;

    text-decoration-line: underline;
}

.details-tab {
    position: relative;


    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;

    text-transform: uppercase;

    color: #006679;
    border: none;
    outline: none;
    background: transparent;
}

@media (max-width: 767.9px) {
    .details-tab {
        font-size: 16px;
    }

    .cart_totals {
        border: none;
    }
}

.details-tab::after {
    position: absolute;
    top: 4px;
    right: -30px;

    width: 16px;
    height: 9px;

    content: "";

    background: url(../img/select-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.details-panel {
    display: none;
}

.details-tab.active::after {
    transform: rotate(180deg);
}

.details-panel.open {
    display: block;
}

.detail-item {
    display: flex;
    padding: 20px 0;

    border-bottom: 1px solid #a8c4ca;

    justify-content: flex-start;
}

.detail-img {
    width: 33.3%;
    max-width: 120px;
    margin-right: 20px;
}

.detail-info {
    display: flex;
    width: 55%;
    max-width: 200px;
    flex-direction: column;

    align-items: flex-start;
}

.detail-info span {
    padding-bottom: 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #666769;
}

.detail-info span strong {
    font-weight: 700;
}

.more-details {
    display: inline-block;
    width: 100%;
    margin-top: 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    text-align: center;

    color: #0d788c;

    text-decoration-line: underline;
}

@media (max-width: 1360px) {
    .collaterals-wrap .coupon {
        flex-direction: column;
    }

    .coupon .input-text {
        width: 100%;
        margin-bottom: 20px;
    }

    .coupon .button {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 1080px) {
    .collaterals-wrap .coupon {
        flex-direction: row;
    }

    .coupon .input-text {
        width: 55%;
        margin-bottom: 0;
    }

    .coupon .button {
        width: 38%;
        margin-left: 20px;
    }
}

@media (max-width: 767.9px) {
    .collaterals-wrap .coupon {
        margin: 0 16px;
    }
}

@media (max-width: 360px) {
    .collaterals-wrap .coupon {
        flex-direction: column;
    }

    .coupon .input-text {
        width: 100%;
        margin-bottom: 20px;
    }

    .coupon .button {
        width: 100%;
        margin-left: 0;
    }
}

/*===========
    Checkout
============*/
.checkout-wrap {
    padding: 30px 0 80px;
}

@media (max-width: 767.9px) {
    .checkout-wrap {
        padding: 16px 0 65px;
    }
}

.checkout-wrap .container {
    padding-bottom: 30px;
}

.checkout-wrap .container-small {
    justify-content: space-around;
}

@media (max-width: 767.9px) {
    .checkout-wrap .container-small {
        flex-direction: column-reverse;

        align-items: center;
        justify-content: flex-start;
    }

    .second-checkout-screen .checkout-wrap .container-small,
    .second-logged-checkout-screen .checkout-wrap .container-small {
        flex-direction: column;

        align-items: center;
        justify-content: flex-start;
    }

    .checkout-wrap .back-to-shop {
        font-size: 14px;
        line-height: 20px;
    }
}

.checkout-column {
    display: flex;
    width: 38%;
    max-width: 490px;
    flex-direction: column;

    align-items: center;
}

@media (max-width: 767.9px) {
    .checkout-column {
        width: 100%;
        max-width: 100%;
    }
}

.checkout-title {

    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    letter-spacing: .03em;
    color: #000;
}

.checkout-description {
    margin-bottom: 29px;
}

.checkout-description p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #666769;
}

@media (max-width: 767.9px) {
    .checkout-title {
        font-size: 24px;
        font-weight: 800;
        line-height: 33px;
    }

    .checkout-column:last-child .checkout-description {
        display: none;
    }

    .checkout-description p {
        font-size: 15px;
        line-height: 24px;
    }
}

.register-link,
.next-step-link {
    width: 245px;
    padding-top: 10px;
    padding-bottom: 10px;

    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #0d788c;
}

#loginform {
    width: 100%;
}

.login-username,
.login-password {
    display: flex;
    flex-direction: column;
}

.login-username {
    margin-bottom: 20px;
}

.login-password {
    margin-bottom: 40px;
}

.login-username label,
.login-password label {
    margin-bottom: 10px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #666769;
}

.login-username #user_login,
.login-password #user_pass {
    padding: 9px 17px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #a8c4ca;
    border: 1px solid #cfe4e8;
    border-radius: 5px;
    outline: none;
    background: #f5feff;
}

.checkout-column .woo-form-row {
    width: 100%;
}

.login-remember,
.login-submit {
    display: inline-block;
    width: 50%;
}

.login-submit {
    text-align: right;
}

.login-remember label {
    display: flex;


    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;

    color: #666769;

    align-items: center;
}

.login-remember #rememberme {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.login-submit .button-primary {
    padding: 10px 30px;

    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 19px;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    border: none;
    outline: none;
    background: #0d788c;
}

@media (max-width: 767.9px) {
    .checkout-column .woo-form-row {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .register-link,
    .next-step-link {
        width: 100%;
        font-size: 10px;
        line-height: 14px;
        max-width: 340px;
    }

    .checkout-wrap .woocommerce-register-link a {
        display: none;
    }

    #loginform {
        width: 100%;
        margin-bottom: 40px;
    }

    .login-submit .button-primary {
        font-size: 10px;
        line-height: 14px;
    }
}

.break {
    display: block;
    margin: 20px auto;
}

.break span {

    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

    text-align: center;

    color: #666769;
}

/*  Second checkout screen */
.second-checkout-screen {
    display: none;
}

.second-checkout-screen .step-title {
    font-size: 18px;
    line-height: 25px;
}

.second-checkout-screen .banner-title,
.second-logged-checkout-screen .banner-title {
    position: relative;
}

.second-checkout-screen .banner-title::after,
.second-logged-checkout-screen .banner-title::after {
    position: absolute;
    top: 0;
    right: -80px;

    width: 40px;
    height: 44px;

    content: "";

    background: url(../img/lock.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.second-checkout-screen .checkout-wrap .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper,
.second-logged-checkout-screen .checkout-wrap .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper,
.second-checkout-screen .checkout-wrap .woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper,
.second-logged-checkout-screen .checkout-wrap .woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper {
    padding-left: 0;
    max-width: 409px;
}

/*.second-logged-checkout-screen .address_book {
    display: none;
}*/

.second-logged-checkout-screen #shipping_state {
    border: none;
    background: transparent;
    padding-left: 20px;
}

#id_remove_wait_product {
    display: none;
}

@media (max-width: 991.9px) {
    .second-checkout-screen .banner-title::after,
    .second-logged-checkout-screen .banner-title::after {
        top: 1px;
        right: -44px;

        width: 20px;
        height: 22px;
    }
}

.row {
    display: flex;

    justify-content: space-between;
}

.header-progressbar {
    position: relative;

    display: flex;
    padding: 0;

    list-style: none;

    justify-content: space-between;
}

.header-progressbar::before {
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    height: 2px;

    content: "";
    transform: translateY(-50%);

    background: #0d788c;
}

.header-progressbar li {
    position: relative;
    z-index: 1;

    display: flex;
    width: 30px;
    height: 30px;
    margin-right: 100px;

    color: #0d788c;
    border: 1px solid #0d788c;
    border-radius: 50%;
    background: #fff;

    align-items: center;
    justify-content: center;
}

.header-progressbar li:last-child {
    margin-right: 0;
}

.header-progressbar li::after {
    position: absolute;
    top: calc(100% + .5rem);


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    content: attr(data-title);

    color: #000;
}

.header-progressbar li.active {
    color: #fff;
    background: #0d788c;
}

@media (max-width: 1200px) {
    .header-progressbar li {
        margin-right: 70px;
    }

    .header-progressbar li:last-child {
        margin-right: 0;
    }
}

@media (max-width: 1080px) {
    .header-progressbar {
        display: none;
    }
}

.checkout-content {
    display: flex;
    width: 68%;
    flex-direction: column;
    /* justify-content: space-between; */
}

@media (max-width: 991.9px) {
    .checkout-content {
        flex-direction: column;
    }

    .second-checkout-screen .checkout-wrap .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper,
    .second-logged-checkout-screen .checkout-wrap .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper,
    .second-checkout-screen .checkout-wrap .woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper,
    .second-logged-checkout-screen .checkout-wrap .woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper {
        max-width: 100%;
    }
}

@media (max-width: 767.9px) {
    .checkout-content {
        width: 100%;
    }
}

.checkout.woocommerce-checkout {
    width: 100%;
    max-width: 870px;
}

.checkout-accordion {
    width: 100%;
}

@media (max-width: 991.9px) {
    .checkout.woocommerce-checkout {
        width: 100%;
        max-width: 100%;
        margin-bottom: 40px;
    }
}

.checkout-tab-item {
    margin-bottom: 2px;
}

.checkout-tab-item .checkout-panel {
    display: none;
    padding-top: 20px;
}

.checkout-tab-item.open .checkout-panel {
    display: block;
    padding: 40px 0;
}

.checkout-panel .woocommerce-form-row {
    width: 57%;
    max-width: 490px;
    /* overflow: hidden; */
}

@media (max-width: 991.9px) {
    .checkout-panel .woocommerce-form-row {
        width: 100%;
        max-width: 100%;
    }
}

.checkout-panel .woocommerce-form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    height: 100%;
    background: #f5feff;
}

.checkout-panel .select2-container--default .select2-results__option--highlighted[aria-selected],
.checkout-panel .select2-container--default .select2-results__option--highlighted[data-selected] {
    width: 460px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #666769;
    background: #fff;
}

.checkout-tab-item .checkout-tab-title {
    position: relative;

    width: 100%;
    padding: 10px 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 22px;

    cursor: pointer;
    text-align: left;
    letter-spacing: .05em;
    text-transform: uppercase;

    color: #0d788c;
    border: none;
    outline: none;
    background: #f0f7f8;
}

@media (max-width: 767.9px) {
    .checkout-tab-item .checkout-tab-title {
        line-height: 20px;

        letter-spacing: .02em;
    }

    .break span {
        font-size: 16px;
        line-height: 24px;
    }
}

.checkout-tab-item .checkout-tab-title::after {
    position: absolute;
    top: 17px;
    right: 20px;

    width: 10px;
    height: 6px;

    content: "";

    background: url(../img/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.checkout-tab-item.open .checkout-tab-title {
    color: #fff;
    background: #0d788c;
}

.checkout-tab-item.open .checkout-tab-title::after {
    position: absolute;
    top: 17px;
    right: 20px;

    width: 10px;
    height: 6px;

    content: "";

    background: url(../img/down-arrow-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
}

.new-referrer-option {
    display: none;
    margin-top: 20px;
}

#referrer-input {
    width: 80%;
}

.add-option {
    width: 18%;
    padding: 8px 20px;


    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 22px;

    cursor: pointer;
    text-transform: uppercase;

    color: #fff;
    border: none;
    border-radius: 5px;
    background: #0d788c;
}

.add-option:hover {
    background: #005b6d;
}

.submit-contact {
    padding: 10px 50px;

    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: none;
    outline: none;
    background: #0d788c;
}

.submit-contact:hover {
    background: #005b6d;
}

.submit-contact[disabled] {
    opacity: .3;
}

.checkout-panel span {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;

    color: #666769;
}

.checkout-accordion .step-title {
    text-align: left;
}

@media (max-width: 767.9px) {
    .checkout-accordion .step-title {
        margin-bottom: 12px;

        font-size: 16px;
        line-height: 22px;
    }
}

.delivery-info .form-check,
.payment-info .payment_method_row {
    margin-bottom: 20px;
}

.delivery-info .form-check label,
.payment-info label {
    margin-bottom: 0;
    font-family: "Nunito Sans", serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    color: #666769;
}

.payment-info input[type="radio"],
.answer-wrap input[type="radio"] {
    width: 20px;
    height: 20px;

    accent-color: #0d788c;
}

.payment_box {
    margin-top: 6px;
    padding-left: 35px;
}

.answer-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.delivery-info input[type="radio"]:checked + label,
.payment-info input[type="radio"]:checked + label {
    font-weight: 700;

    color: #0d788c;
}

.bank-payment-block,
.paypal-payment-block {
    margin-bottom: 35px;
}

.store-payment-block {
    margin-bottom: 27px;
}

.store-payment-block p {

    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;

    color: #a8c4ca;
}

.checkout-panel .text-block p {

    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

    color: #666769;
}

@media (max-width: 575.9px) {
    .checkout-panel.payment-info .form-check {
        display: flex;
        width: 100%;
        align-items: center;
        order: 2;
    }

    .checkout-panel.payment-info .form-check .input-radio {
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .checkout-panel.payment-info .form-check label {
        position: relative;

        display: block;
        width: 44px;
        height: 24px;

        cursor: pointer;
        text-indent: -9999px;

        border-radius: 12px;
        background: #cfe4e8;
    }

    .checkout-panel.payment-info .form-check label:after {
        position: absolute;
        top: 2px;
        left: 2px;

        width: 20px;
        height: 20px;

        content: "";
        transition: .3s;

        border-radius: 50%;
        background: #fff;
    }

    .checkout-panel.payment-info .form-check .input-radio:checked + label {
        background: #0d788c;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .18);
    }

    .checkout-panel.payment-info .form-check .input-radio:checked + label::after {
        left: calc(100% - 2px);

        transform: translateX(-100%);
    }

    .checkout-panel.payment-info .form-check label:active::after {
        width: 44px;
    }


    .checkout-panel .text-block p {
        font-size: 14px;
        line-height: 20px;
    }

    .checkout-panel span {
        font-size: 14px;
        line-height: 19px;
    }
}

.checkout-panel .text-block p a {
    font-weight: 700;

    color: #0d788c;
}

.checkout-panel .edit-email {
    display: inline-block;
    margin-top: 37px;


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    color: #0d788c;

    text-decoration-line: underline;
}

.form-result {
    max-width: 100%;
}

.form-result th,
.form-result td {
    vertical-align: top;
}

.review-item-description {
    padding-left: 1rem;
}

.optional {
    display: none;
}

.woocommerce-checkout-review-order {
    padding: 30px;

    border-radius: 10px;
    background: #f0f7f8;
}

.woocommerce-checkout-review-order .shop_table {
    margin-bottom: 0;
}

.woocommerce-checkout-review-order th {

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;

    text-align: left;
    padding-bottom: 30px;
    color: #666769;
}

.woocommerce-checkout-review-order td,
.woocommerce-checkout-review-order .cart-total td .amount {

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-align: right;
    text-transform: capitalize;
    color: #666769;
    padding-bottom: 30px;
}

.woocommerce-checkout-review-order .order-total th,
.woocommerce-checkout-review-order .order-total td .amount {

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    color: #0d788c;
}

#order_review_heading {

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
    text-transform: capitalize;
    color: #666769;
}

.review-item-description {
    width: 227px;
    padding-bottom: 20px;
    color: #666769;
}

.review-item-description .row {
    justify-content: flex-start;
}

.review-item-description p,
.review-item-description span {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-right: 5px;
    color: #666769;
}

.review-item-title h4 {
    text-align: left;
    color: #666769;
}

@media (max-width: 575.9px) {
    .review-item-title h4 {
        font-size: 14px;
        line-height: 25px;
        text-align: left;
    }

    .review-item-description p,
    .review-item-description span {
        font-size: 14px;
        line-height: 22px;
    }
}

.text-block.bold-text {
    margin-bottom: 40px;
}

.text-block.bold-text p {
    font-weight: 700;
}

.text-block.bold-text p a {
    font-weight: 700;

    color: #0d788c;
}

@media (max-width: 575.9px) {
    .save-info-input {
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .save-info-label {
        position: relative;

        display: block;
        width: 44px;
        height: 24px;

        cursor: pointer;
        text-indent: -9999px;

        border-radius: 12px;
        background: #cfe4e8;
    }

    .save-info-label:after {
        position: absolute;
        top: 2px;
        left: 2px;

        width: 20px;
        height: 20px;

        content: "";
        transition: .3s;

        border-radius: 50%;
        background: #fff;
    }

    .save-info-input:checked + label {
        background: #0d788c;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .18);
    }

    .save-info-input:checked + label::after {
        left: calc(100% - 2px);

        transform: translateX(-100%);
    }

    .save-info-label:active::after {
        width: 44px;
    }

    .save-info-span {
        width: 80%;
    }
}

#order_comments {
    height: 120px;
}

.thanks-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;

    display: flex;
    /*    visibility: hidden;*/
    width: 100%;
    height: 100%;
    padding: 80px 0 70px;
    overflow-y: auto;
    flex-direction: column;

    background: #fff;

    align-items: center;
    justify-content: space-between;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.woocommerce-checkout .thanks-wrapper {
    padding-top: 180px;
}
.woocommerce-checkout .thanks-wrapper .site-branding {
    display: none;
}

.thanks-wrapper::-webkit-scrollbar {
    display: none;
}

.thanks-wrapper.open {
    visibility: visible;
}

.thanks-wrapper .woo-form-row {
    margin-top: 0;
}

.thanks-wrapper .woo-form-row .site-branding {
    margin: 0 auto 50px;
}

.thanks-wrapper .woo-form-row .custom-logo {
    width: 100%;
    max-width: 412px;
}

.success-wrap {
    display: flex;
    flex-direction: column;

    align-items: center;
}

.success-wrap h2 {
    margin-bottom: 40px;


    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;

    letter-spacing: .03em;

    color: #000;
}

.success-wrap p {
    margin-bottom: 20px;


    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

    text-align: center;

    color: #666769;
}

.success-wrap p a {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;

    color: #0d788c;
}

.answer-wrap .form-check {
    margin-bottom: 20px;
}

.answer-wrap span {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;

    color: #666769;
}

.share-block h4 {
    margin-bottom: 12px;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;

    color: #666769;
}

.thanks-wrapper .share-block {
    margin-top: 77px;
}

.share-block ul {
    display: flex;
    justify-content: space-around;
}

.share-block li {
    margin-right: 16px;
}

.share-block li:last-child {
    margin-right: 0;
}

.add-new-address {
    margin-top: 18px;
    margin-bottom: 40px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    text-align: left;
    text-decoration: underline;

    color: #0d788c;
    border: none;
    background: transparent;
}

.use-billing-input {
    margin-bottom: 20px;
}

.woocommerce-popup-row {
    margin-bottom: 20px;
}

.woocommerce-popup-row label {
    margin-bottom: 5px;
}

.woocommerce-popup-row .iti {
    display: block !important;
}

.choose-delivery-address {
    flex-direction: row;
}

.choose-delivery-address .form-check:first-child {
    margin-right: 40px;
}

.choose-delivery-address .form-check label {
    margin-bottom: 0;
    margin-left: 17px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #666769;
}

#same-address,
#diff-address,
.dhl-radio,
.ups-radio,
.fedex-radio,
#check-store,
#check-store-delivery {
    width: 20px;
    height: 20px;

    accent-color: #0d788c;
}

#same-address:checked + label,
#diff-address:checked + label,
.dhl-radio:checked + label,
.ups-radio:checked + label,
.fedex-radio:checked + label,
#check-store:checked + label,
#check-store-delivery + label {
    font-weight: 700;

    color: #0d788c;
}

@media (max-width: 575.9px) {
    /* .dhl-radio,
    .ups-radio,
    .fedex-radio {
        visibility: hidden;
        width: 0;
        height: 0;
    } */

    .dhl-label,
    .ups-label,
    .fedex-label {
        position: relative;

        display: block;
        width: 44px;
        height: 24px;

        cursor: pointer;
        text-indent: -9999px;

        border-radius: 12px;
        background: #cfe4e8;
    }

    .dhl-label::after,
    .ups-label::after,
    .fedex-label::after {
        position: absolute;
        top: 2px;
        left: 2px;

        width: 20px;
        height: 20px;

        content: "";
        transition: .3s;

        border-radius: 50%;
        background: #fff;
    }

    /* .dhl-radio:checked + label,
    .ups-radio:checked + label,
    .fedex-radio:checked + label {
        background: #0d788c;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .18);
    } */

    .dhl-radio:checked + label::after,
    .ups-radio:checked + label::after,
    .fedex-radio:checked + label::after {
        left: calc(100% - 2px);

        transform: translateX(-100%);
    }

    .dhl-label:active::after,
    .ups-label:active::after,
    .fedex-label:active::after {
        width: 44px;
    }

    .shipping-input-fields.hide {
        display: none;
    }
}

.big-delivery-block {
    display: none;
}

.instock-delivery-info {
    flex-direction: row;

    align-items: center;
    justify-content: space-between;
}

/*@media(max-width: 991.9px) {
    .instock-delivery-info {
        justify-content: flex-start;
    }
}*/


.instock-delivery-info .form-check {
    margin-bottom: 15px;
}

.instock-delivery-info .form-check label {
    margin-bottom: 0;
    margin-left: 17px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #666769;
}

.instock-delivery-info .break {
    position: relative;

    display: flex;
    margin: 0;

    align-items: center;
    align-self: stretch;
}

.instock-delivery-info .break::before {
    position: absolute;
    top: 0;
    left: 50%;

    width: 1px;
    height: 100%;

    content: "";
    transform: translateX(-50%);

    background-color: #a8c4ca;
}

.instock-delivery-info .break span {
    z-index: 1;

    padding: 10px;


    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #000;
    background-color: #fff;
}

@media (max-width: 575.9px) {
    .instock-delivery-info .form-check {
        justify-content: flex-start;
    }
}

.use-billing {
    margin-bottom: 20px;
}

.pick-up-package {
    margin-bottom: 40px;
}

.pick-up-package p {
    margin-bottom: 20px;


    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

    color: #666769;
}

#pick-up-store-package {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #a8c4ca;
}

.out-of-stock-package {
    display: none;
}

.out-of-stock-text {
    position: relative;

    padding-left: 41px;
}

.out-of-stock-text::before {
    position: absolute;
    top: 0;
    left: 0;

    width: 24px;
    height: 24px;

    content: "";

    background: url(../img/attention.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.out-of-stock-text p {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    color: #666769;
}

/*===========
    Calendar
============*/
.page-calendar {
    display: grid;
    margin-bottom: 80px;

    grid-template-columns: 1.5fr 4fr;
}

@media (max-width: 991.9px) {
    .page-calendar {
        display: flex;
        width: 100%;
        flex-direction: column;
    }
}

.wrapper-calendar {
    display: grid;
    padding: 25px;

    background: #f5feff;

    gap: 25px;
    grid-template-columns: 1fr 1fr 1fr;
}

@media only screen and (max-width: 1200px) {
    .wrapper-calendar {
        gap: 20px;
    }
}

@media (max-width: 767.9px) {
    .wrapper-calendar {
        padding: 0;

        background: #fff;

        gap: 10px;
    }
}

@media (max-width: 360px) {
    .wrapper-calendar {
        grid-template-columns: 1fr 1fr;
    }
}

.calendar {
    padding: 0 20px 50px 20px;

    background: #fff;
}

.calendar caption {
    padding-top: 20px;

    font-size: 16px;
    font-weight: 400;
    line-height: 20px;

    color: #333;
    background: #fff;
}

.calendar .names-days {
    height: 40px;
}

@media (max-width: 767.9px) {
    .calendar caption {
        font-size: 14px;
        font-weight: 800;
        line-height: 19px;
    }

    .calendar .names-days {
        display: none;
    }
}

.calendar .name-day {
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;

    color: #333;
}

.calendar .name-day_holidays {
    font-weight: 300;
}

.calendar .day {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;

    text-align: center;

    color: #0d788c;
}

.calendar .day_red {
    color: #eb001b;
}

.calendar .day_yellow {
    color: #f79e1b;
}

@media (max-width: 767.9px) {
    .calendar .day {
        font-size: 12px;
        line-height: 15px;
    }
}

@media (max-width: 575.9px) {
    .calendar .day {
        font-size: 8px;
        line-height: 10px;
    }
}

.list-calendar {
    display: flex;
    padding-right: 90px;

    flex-flow: column;
}

@media only screen and (max-width: 1200px) {
    .list-calendar {
        padding-right: 40px;
    }
}

@media (max-width: 991.9px) {
    .list-calendar {
        width: 100%;
        padding-right: 0;
    }
}

.list-calendar__title {
    margin-bottom: 37px;

    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;

    letter-spacing: .03em;

    color: #666769;
}

.list-calendar__title:not(:first-child) {
    margin-top: 40px;
}

.list-calendar__row {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: capitalize;
    color: #f79e1b;
}

.list-calendar__row_closed {
    color: #eb001b;
}

.list-calendar__descriptions {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #666769;
}

@media (max-width: 767.9px) {
    .list-calendar__title {
        font-size: 24px;
        line-height: 33px;
    }

    .list-calendar__row {
        font-size: 18px;
        line-height: 25px;
    }

    .list-calendar__descriptions {
        font-size: 14px;
        line-height: 19px;
    }
}

.calendar-page__title {
    margin: 30px 0;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2;
    color: #666769;
}

.calendar-page__sub-header {
    display: flex;
    width: 100%;
    margin-bottom: 30px;

    align-items: center;
    justify-content: space-between;
}

@media (max-width: 991.9px) {
    .calendar-page__sub-header {
        flex-direction: column;
    }
}

@media (max-width: 767.9px) {
    .calendar-page__title {
        font-size: 24px;
        line-height: 33px;

        letter-spacing: .03em;
    }

    .calendar-page__sub-header {
        align-items: flex-start;
    }
}

.calendar-page__subtitle {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;

    text-transform: capitalize;

    color: #666769;
}

@media (max-width: 1200px) {
    .calendar-page__subtitle {
        margin-right: 25px;
    }
}

@media (max-width: 991.9px) {
    .calendar-page__subtitle {
        margin-right: 0;
    }
}

@media (max-width: 767.9px) {
    .calendar-page__subtitle {
        font-size: 18px;
        line-height: 25px;
    }
}

.calendar-page__status-wr {
    display: flex;

    align-items: center;
    gap: 40px;
}

.calendar-page__status {
    display: flex;

    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;

    color: #f79e1b;

    align-items: center;
    gap: 20px;
}

.calendar-page__status:before {
    display: block;
    width: 38px;
    height: 38px;

    content: "";

    border-radius: 50%;
    background: #f79e1b;
}

@media (max-width: 1200px) {
    .calendar-page__status {
        gap: 10px;
    }

    .calendar-page__status:before {
        position: relative;
        left: -15px;

        width: 30px;
        height: 30px;
    }
}

@media (max-width: 991.9px) {
    .calendar-page__status-wr {
        margin-top: 25px;
    }
}

@media (max-width: 767.9px) {
    .calendar-page__status-wr {
        flex-direction: column;

        align-items: flex-start;
    }

    .calendar-page__status:before {
        position: relative;
        left: 0;

        width: 21px;
        height: 21px;
    }
}

.calendar-page__status_closed {
    color: #eb001b;
}

.calendar-page__status_closed:before {
    background: #eb001b;
}

/*===========
    Footer
============*/
.site-footer {
    /*position: absolute;*/
    width: 100%;
    background: #00576b;
}

/**
 * Footer top
 */
.footer-top {
    padding-top: 47px;
    padding-bottom: 41px;
}

@media (max-width: 991.9px) {
    .footer-top {
        padding-bottom: 0;
    }
}

.subscribe-form {
    display: flex;
    width: 100%;
    margin-bottom: 42px;

    justify-content: space-between;
}

@media (max-width: 1200px) {
    .subscribe-form {
        padding-bottom: 32px;
        margin-bottom: 0;
        flex-direction: column;

        border-bottom: 1px solid #fff;
    }
}

.subscribe-form .content {
    width: 40%;
    max-width: 491px;
}

@media (max-width: 1200px) {
    .subscribe-form .content {
        width: 100%;
        max-width: 100%;
        margin-bottom: 24px;
    }
}

.subscribe-form h2 {
    margin-bottom: 6px;


    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 55px;

    letter-spacing: .02em;

    color: #fff;
}

@media (max-width: 575.9px) {
    .subscribe-form h2 {
        font-size: 24px;
        line-height: 33px;

        letter-spacing: .03em;
    }
}

.subscribe-form p {
    width: 100%;


    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;

    letter-spacing: .02em;
    text-transform: uppercase;

    color: #fff;
}

@media (max-width: 575.9px) {
    .subscribe-form p {
        font-size: 13px;
        line-height: 18px;
    }
}

/**
 *  Subscribe form
 */
.form-wrap {
    display: contents;
    width: 54%;
    max-width: 680px;
}

@media (max-width: 1200px) {
    .form-wrap {
        display: block;
        width: 100%;
        max-width: 100%;
    }
}

.form-wrap form.wpcf7-form {
    position: relative;

    display: flex;
}

@media (max-width: 575.9px) {
    .form-wrap form.wpcf7-form {
        flex-direction: column;
    }
}

.wpcf7 .subscribe-input {
    position: relative;

    width: max-content;
    height: 49px;
    /*max-width: 520px;*/
    max-width: 400px;
    padding: 14px 21px;


    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;

    color: #000;
    border: 1px solid transparent;
    border-radius: 5px;
    background: #fff;
}

.wpcf7 .subscribe-input:focus,
.wpcf7 .subscribe-input:focus-visible {
    border: 1px solid #0d788c;
    border-radius: 5px;
    outline: none;
    background: #f5feff;
    box-shadow: 0 0 4px rgba(13, 120, 140, .45);
}

@media (max-width: 991.9px) {
    .wpcf7 .subscribe-input {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
}

.subscribe-input::-webkit-input-placeholder,
.subscribe-input::-moz-placeholder,
.subscribe-input:-moz-placeholder,
.subscribe-input::-ms-input-placeholder {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    color: #666769;
}

@media (max-width: 991.9px) {
    .wpcf7 .subscribe-input::-webkit-input-placeholder { /* Chrome, Edge, Safari */
        text-align: center;
    }

    .wpcf7 .subscribe-input::-moz-placeholder { /* Firefox 19+ */
        text-align: center;
    }

    .wpcf7 .subscribe-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        text-align: center;
    }

    .wpcf7 .subscribe-input::-ms-input-placeholder { /* Microsoft Edge */
        text-align: center;
    }

    .wpcf7 .subscribe-input::placeholder {
        text-align: center;
    }

}

.subscribe-btn {
    height: 49px;
    padding: 16px 29px;
    margin-left: 20px;


    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;

    cursor: pointer;
    letter-spacing: .03em;
    text-transform: uppercase;

    color: #0d788c;
    border: none;
    border-radius: 5px;
    background: #fff;
}

@media (max-width: 991.9px) {
    .subscribe-btn {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
}

.subscribe-form .wpcf7-response-output {
    position: absolute;
    bottom: -50px;

    content: "";

    color: #fff;
}

.subscribe-form .wpcf7 form.sent .wpcf7-response-output {
    margin: 0;
}

.subscribe-form .wpcf7 form.invalid .wpcf7-response-output {
    bottom: -60px;
    display: none;
    margin: 0;
}

.subscribe-form .wpcf7-not-valid-tip {
    position: absolute;
    position: absolute;
    top: 40px;

    font-weight: 800;

    content: "";
}

@media (max-width: 767.9px) {
    .subscribe-form .wpcf7-response-output {
        bottom: -15px;
    }

    .subscribe-form .wpcf7-not-valid-tip {
        top: 105px;
    }

    .subscribe-form .wpcf7 form.invalid .wpcf7-response-output {
        bottom: -28px;
    }
}

@media (max-width: 575.9px) {
    .subscribe-form .wpcf7 form.invalid .wpcf7-response-output {
        position: relative;

        font-size: 14px;
    }

    .subscribe-form .wpcf7 form.sent .wpcf7-response-output {
        position: relative;
    }
}

.short-description {
    display: flex;
    width: 100%;

    justify-content: space-between;
}

@media (max-width: 1200px) {
    .short-description {
        padding: 32px 0 0;
    }
}

@media (max-width: 991.9px) {
    .short-description {
        padding: 32px 0;
        flex-direction: column;

        border-bottom: 1px solid #fff;
    }
}

.short-description h3 {

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;

    text-transform: capitalize;

    color: #fff;
}

@media (max-width: 991.9px) {
    .short-description h3 {
        margin-bottom: 8px;
    }
}

@media (max-width: 575.9px) {
    .short-description h3 {
        font-size: 24px;
        line-height: 33px;

        letter-spacing: .03em;
    }
}

.short-description .description-text {
    max-width: 848px;
}

.short-description p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

    color: #fff;
}

@media (max-width: 1300px) {
    .description-text {
        margin-left: 20px;
    }
}

@media (max-width: 991.9px) {
    .description-text {
        margin-left: 0;
    }
}

@media (max-width: 575.9px) {
    .short-description p {
        font-size: 13px;
        line-height: 18px;
    }
}

/**
 * Footer main
 */
.footer-main {
    padding-top: 50px;
    padding-bottom: 60px;

    border-top: 1px solid #afd3d8;
    border-bottom: 1px solid #afd3d8;
}

@media (max-width: 991.9px) {
    .footer-main {
        padding-top: 32px;
        padding-bottom: 0;

        border: none;
    }
}

.footer-main .inner {
    justify-content: space-between;
}

.mobile-menu-footer {
    display: none;
}

.footer-navigation {
    width: 82%;
}

@media (max-width: 1300px) {
    .footer-navigation {
        width: 100%;
        padding-bottom: 32px;
    }
}

@media (max-width: 991.9px) {
    .footer-navigation {
        padding-bottom: 12px;

        border-bottom: 1px solid #fff;
    }
}

.menu-footer {
    display: flex;

    justify-content: space-between;
}

@media (max-width: 991.9px) {
    .menu-footer {
        align-items: center;
    }

}

.menu-footer > .menu-item {
    padding: 0;
    margin-right: 5%;
}

@media (max-width: 1650px) {
    .menu-footer > .menu-item {
        margin-right: 5%;
    }
}

@media (max-width: 1300px) {
    .menu-footer > .menu-item {
        margin-right: 0;
    }
}

.menu-footer > .menu-item > a {
    display: inline-block;
    margin-bottom: 26px;


    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;

    letter-spacing: .03em;
    text-transform: uppercase;

    color: #fff;
}

.menu-footer-menu-container .sub-menu {
    display: flex;
    flex-direction: column;
}

.menu-footer-menu-container .sub-menu a {

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;

    color: #fff;
}

@media (max-width: 991.9px) {
    .menu-footer-menu-container {
        display: none;
    }

    .mobile-menu-footer {
        display: block;
    }
}

.mobile-menu-footer .menu-footer {
    display: flex;
    flex-direction: column;
}

.mobile-menu-footer .menu-footer > .menu-item > a {
    padding: 20px 22px 20px 0;
    margin-bottom: 0;
}

.mobile-menu-footer .menu-item-has-children.opened {
    background: transparent;
}

.mobile-menu-footer .sub-menu.show {
    background: transparent;
}

.mobile-menu-footer .sub-menu a {

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;

    color: #fff;
}

.mobile-menu-footer .menu-item > a {
    position: relative;
}

.mobile-menu-footer .menu-item > a::after {
    position: absolute;
    top: 30px;
    right: 0;

    width: 12px;
    height: 6px;

    content: "";

    background: url(../img/down-arrow-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.mobile-menu-footer .menu-item.opened > a::after {
    transform: rotate(180deg);
}

.mobile-menu-footer .sub-menu a::after {
    display: none;
}

@media (max-width: 991.9px) {
    .mobile-menu-footer .sub-menu a {
        font-size: 16px;
    }

    .mobile-menu-footer .sub-menu.show {
        padding-left: 0;
    }
}

/**
 * Footer contact
 */
.footer-contact {
    display: flex;
    width: 18%;
    max-width: 319px;
    flex-direction: column;
    padding-left: 29px;
}

@media (max-width: 1300px) {
    .footer-contact {
        width: 100%;
        max-width: 100%;
        margin-left: 30px;
        padding-left: 0;
    }
}

@media (max-width: 991.9px) {
    .footer-contact {
        padding-top: 32px;
        padding-bottom: 32px;
        margin-left: 0;
        align-items: center;

        border-bottom: 1px solid #fff;
    }
}

.footer-contact h2 {
    margin-bottom: 35px;

    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #fff;
}

.footer-email,
.footer-phone {
    position: relative;

    margin-bottom: 16px;


    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    color: #fff;
}

.footer-email::before {
    position: absolute;
    top: 3px;
    left: -29px;

    width: 20px;
    height: 20px;

    content: "";

    background: url(../img/envelope.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.footer-phone::before {
    position: absolute;
    top: 3px;
    left: -29px;

    width: 20px;
    height: 20px;

    content: "";

    background: url(../img/phone.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.footer-address {
    position: relative;

    margin-bottom: 16px;
}

.footer-address::before {
    position: absolute;
    top: 0;
    left: -29px;

    width: 18px;
    height: 22px;

    content: "";

    background: url(../img/pin.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.footer-address p {

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    color: #fff;
}

.footer-address .uppercase {
    text-transform: uppercase;
}

.working-hours h3 {
    margin-bottom: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;

    color: #fff;
}

@media (max-width: 991.9px) {
    .working-hours h3 {
        text-align: center;
    }
}

.working-hours p {
    position: relative;


    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    color: #fff;
}

.working-hours p::before {
    position: absolute;
    top: 0;
    left: -29px;

    width: 24px;
    height: 22px;

    content: "";

    background: url(../img/bag.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 991.9px) {
    .footer-email,
    .footer-phone,
    .footer-address,
    .working-hours p {
        padding-left: 30px;
    }

    .footer-email::before,
    .footer-phone::before,
    .footer-address::before,
    .working-hours p::before {
        left: 0;
    }
}

/**
 * Footer bottom
 */
.footer-bottom {
    padding-top: 30px;
    padding-bottom: 40px;
}

@media (max-width: 991.9px) {
    .footer-bottom {
        padding-top: 32px;
    }
}

.footer-bottom .inner {
    justify-content: space-between;
}

.copyright {
    padding-top: 6px;
}

.copyright p {

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

    color: #fff;
}

.follow h2 {
    margin-bottom: 12px;


    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;

    color: #fff;
}

.social-icon-wrap a {
    margin-right: 16px;
}

.social-icon-wrap a:last-child {
    margin-right: 0;
}

.cards {
    display: flex;
}

.top-row {
    margin-bottom: 14px;

    text-align: center;
}

.top-row img {
    height: 18px;
    margin: 0 auto;
}

.bottom-row img {
    height: 30px;
    margin-right: 10px;
}

.card-col:last-child {
    margin-left: 20px;

    align-self: flex-end;
}

.card-col:last-child img {
    height: 30px;
}

@media (max-width: 1200px) {
    .copyright {
        width: 100%;

        order: 2;
    }
}

@media (max-width: 767.9px) {
    .follow {
        display: flex;
        width: 100%;
        margin-bottom: 40px;

        align-items: center;
        justify-content: center;
        order: 1;
    }

    .follow h2 {
        margin-right: 32px;
        margin-bottom: 0;

        font-size: 14px;
        line-height: 19px;
    }

    .cards {
        width: 100%;
        flex-direction: column;

        order: 0;
    }

    .card-col:last-child {
        margin: 42px 0;
        margin-left: 0;

        align-self: center;
    }

    .bottom-row {
        display: flex;

        justify-content: center;
    }

    .social-icon-wrap img {
        height: 32px;
    }

    .social-icon-wrap a {
        margin-right: 20px;
    }

    .social-icon-wrap a:last-child {
        margin-right: 0;
    }
}

@media (max-width: 575.9px) {
    .follow h2 {
        margin-right: 20px;
    }

    .social-icon-wrap a {
        margin-right: 10px;
    }
}

@media (max-width: 370px) {
    .follow {
        flex-direction: column;
    }

    .follow h2 {
        margin-bottom: 30px;
    }
}

.otgs-development-site-front-end {
    display: none !important;
}

html #wpadminbar {
    overflow: hidden;
}


.berocket_ww_container-custom {
    width: 100%;
}

.berocket_ww_container-custom .wish_wait_header {
    display: grid;
    grid-template-columns: 0.2fr 2.5fr 1fr 1fr 1fr 1fr 1fr;
    font-size: 14px;
    gap: 10px;
}

.page-template-waitlist-page .berocket_ww_container-custom .wish_wait_header {
    grid-template-columns: 0.2fr 1.8fr 1fr 1fr 1.4fr;
}
/*
.page-template-tpl_wishlist_page .berocket_ww_container-custom .wish_wait_header {
    grid-template-columns: 0.2fr 2.5fr 1fr 1fr 1fr 1fr 1fr;
}*/

.berocket_ww_container-custom .wish_wait_header .description {
    margin-left: 15px;
}

@media only screen and (max-width: 768px) {
    .berocket_ww_container-custom {
        width: 100%;
    }

    .berocket_ww_container-custom .wish_wait_header {
        display: none;
    }
}

.berocket_ww_container-custom .fa-remove:before, .berocket_ww_container-custom .fa-close:before, .berocket_ww_container-custom .fa-times:before {
    color: #0D788C;
}

.berocket_ww_container-custom .add-to-cart {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25;
    text-decoration-line: underline;
    color: #0D788C;
}

@media only screen and (max-width: 768px) {
    .berocket_ww_container-custom .add-to-cart {
        width: 50%;
    }
}

.berocket_ww_container-custom .add-to-cart:before {
    margin-right: 8px;
    content: "";
    background-image: url(../img/cart-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 22px;
    height: 18px;
    display: flex;
}

.berocket_ww_products-custom {
    display: flex;
    flex-flow: column;
    gap: 0;
}

.berocket_ww_products-custom__li {
    display: grid;
    grid-template-columns: 0.2fr 1.2fr 1.3fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: flex-start;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #CFE4E8;
    border-radius: 10px;
    gap: 10px;
    padding: 10px 0 !important;
    margin-bottom: 20px !important;
    min-height: auto !important;
    height: auto !important;
}

.page-template-waitlist-page .berocket_ww_products-custom__li {
    grid-template-columns: 0.2fr 1.8fr 1fr 1fr 1.4fr;
    padding: 10px 0 !important;
    margin-bottom: 20px !important;
    min-height: auto !important;
    height: auto !important;
}

body.page-template-waitlist-page .berocket_ww_products-custom .info img {
    width: 100px !important;
    height: 100px !important;
    max-width: 100px !important;
    max-height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    object-fit: cover !important;
}

.page-template-tpl_wishlist_page .berocket_ww_products-custom__li {
    grid-template-columns: 0.2fr 1.2fr 1.3fr 1fr 1fr 1fr 2fr;
}

@media only screen and (max-width: 768px) {
    .berocket_ww_products-custom__li {
        display: flex;
        flex-flow: wrap;
        padding: 10px 20px;
        justify-content: space-around;
        border: 1px solid #CFE4E8;
        border-radius: 10px;
        margin-bottom: 20px;
    }
}

.berocket_ww_products-custom__li .berocket_ww_remove_custom.berocket_ww_remove {
    position: relative;
}

@media only screen and (max-width: 768px) {
    .berocket_ww_products-custom__li .berocket_ww_remove_custom.berocket_ww_remove {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .berocket_ww_products-custom .berocket_ww_price {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .berocket_ww_products-custom .quantity {
        width: 50%;
        min-width: 110px;
    }
}

.berocket_ww_products-custom .info {
    display: flex;
}

.berocket_ww_products-custom .info .berocket_ww_title {
    display: flex;
    flex-flow: column;
    justify-content: center;
    gap: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: #666769;
    text-decoration: none;
}

.berocket_ww_products-custom .berocket_ww_title_sku {
    display: none;
}

@media only screen and (max-width: 768px) {
    .berocket_ww_products-custom .berocket_ww_title_sku {
        display: block;
    }
}

.berocket_ww_products-custom .info .berocket_ww_title_stok {
    display: none;
}

@media only screen and (max-width: 768px) {
    .berocket_ww_products-custom .info .berocket_ww_title_stok {
        display: block;
    }

    .berocket_ww_products-custom .info .berocket_ww_title_stok .stock-wr {
        display: flex;
    }
}

.berocket_ww_products-custom .stock {
    text-align: left;
    font-weight: normal;
}

.berocket_ww_products-custom .stock-no {
    color: #E30B3F;
    font-weight: normal;
}

.berocket_ww_products-custom .sku {
    width: 70px;
    font-size: 14px;
}

@media only screen and (max-width: 768px) {
    .berocket_ww_products-custom .sku {
        display: none;
    }
}

.berocket_ww_price del {
    display: none;
}

.berocket_ww_price ins {
    text-decoration: none;
}

.wish_wait_variation .fa-heart-o:after {
    display: none;
}

.wish_wait_variation .fa-clock-o:after {
    display: none;
}

.wish_wait_variation div.br_wish_wait_block span.br_ww_button {
    border: none;
    background: transparent;
}

.lang .sub-menu li a {
    display: flex;
    align-items: center;
}

.lang .sub-menu li a img {
    margin-right: 5px;
    width: 22px;
    height: 16px;
}

.menu-top-nav .menu-item-has-children.currency::after {
    display: none;
}

.menu-top-nav .menu-item-has-children.currency .wcml-dropdown {
    border: none;
    width: auto;
    margin-top: 0;
}

.menu-top-nav .menu-item-has-children.currency .wcml-dropdown li {
    border: none;
}

.menu-top-nav .menu-item-has-children.currency .wcml-dropdown a.wcml-cs-item-toggle {
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #666769;
    padding: 15px 0 0;
}

.menu-top-nav .menu-item-has-children.currency .wcml-dropdown a.wcml-cs-item-toggle:after {
    position: absolute;
    top: 3px;
    right: -27px;
    width: 12px;
    height: 7px;
    content: "";
    background: url(../img/arrow-down-grey.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}

.menu-top-nav .menu-item-has-children.currency.active .wcml-dropdown .wcml-cs-submenu {
    visibility: visible;
    z-index: 5;
    display: flex;
    padding: 15px 0;
    flex-direction: column;
    border-radius: 10px;
    background: linear-gradient(0deg, #fff, #fff), #f7f7f7;
    box-shadow: 0 2px 10px rgba(13, 120, 140, 0.3);
    width: 100px;
    top: 36px;
}

.menu-top-nav .menu-item-has-children.currency.active .wcml-dropdown .wcml-cs-submenu li {
    height: auto;
}

.menu-top-nav .menu-item-has-children.currency.active .wcml-dropdown .wcml-cs-submenu a {
    z-index: 5;
    display: block;
    width: 100%;
    padding: 0 30px;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    white-space: nowrap;
    color: #666769;
}

.menu-top-nav .menu-item-has-children.currency.active .wcml-dropdown a.wcml-cs-item-toggle:after {
    transform: rotate(180deg);
}

.wcml-dropdown li:hover.wcml-cs-active-currency .wcml-cs-submenu {
    visibility: hidden;
}

.woocommerce-Address-title {
    margin-top: 30px;
}

@media only screen and (max-width: 768px) {
    .woocommerce-Address-title {
        padding: 0 16px;
    }
}

#shipping_address_nickname-description,
#billing_address_nickname-description {

    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-transform: capitalize;
    color: #666769;
}

@media only screen and (max-width: 768px) {
    #shipping_address_nickname-description,
    #billing_address_nickname-description {
        font-size: 9px;
    }
}

.woocommerce-account .address_book {
    margin-bottom: 80px;
}

.add-new-address{
    margin-top: 18px;
    margin-bottom: 40px;
    color:#0D788C;
    font-family: Nunito Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    display: block;
}

@media only screen and (max-width: 768px) {
    .address_book {
        padding: 0 16px;
        margin-bottom: 30px;
    }
}

.address_book h3 {
    margin-bottom: 30px;
}

.address_book .myaccount_address {
    display: none;
}

.address-book__header {
    padding: 0 21px 30px;
    display: grid;
    width: 100%;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: #666769;
}

.address-book__header div {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .address-book__header {
        display: none;
    }
}

.wc-address-book-address {
    position: relative;
    width: 100%;
}

.wc-address-book-address .address {
    display: grid;
    width: 100%;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr;
    border: 1px solid #CFE4E8;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: #666769;
}

@media only screen and (max-width: 768px) {
    .wc-address-book-address .address {
        display: flex;
        flex-flow: wrap;
        gap: 10px;
        padding: 12px 40px 12px 20px;
    }
}

.wc-address-book-address .address__street {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
}

.wc-address-book-address .address__region {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.wc-address-book-address .address__city {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
}

.wc-address-book-address .address__postcode {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.wc-address-book-address .address__country {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.wc-address-book-address .address .wc-address-book-meta {
    display: flex;
    justify-content: flex-end;
}

@media only screen and (max-width: 768px) {
    .wc-address-book-address .address .wc-address-book-meta {
        position: absolute;
        right: 16px;
        width: 15px;
    }
}

.wc-address-book-address .address .wc-address-book-meta:hover .wc-address-book-meta__menu {
    display: block;
}

.wc-address-book-address .address .wc-address-book-meta__dots {
    display: block;
    height: 18px;
    background-image: url(../img/dots.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    width: 100%;
    cursor: pointer;
}

.wc-address-book-address .address .wc-address-book-meta__menu {
    display: none;
    position: absolute;
    z-index: 5;
    right: 0px;
    top: 0px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(13, 120, 140, 0.3);
    border-radius: 10px;
    padding: 20px 0;
}

.wc-address-book-address .address .wc-address-book-meta__menu a {
    font-weight: 400;
    font-size: 16px;
    line-height: 2;
    color: #666769;
    padding: 0 30px;
}

.wc-address-book-address .address .wc-address-book-meta__menu a:visited {
    color: #666769;
}

.wc-address-book-address .address .wc-address-book-meta__menu a:hover {
    color: #666769;
    background: #F7F7F7;
}

.woocommerce-account .wc-address-book-add-new-address {
    margin-top: 16px;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    .woocommerce-account .wc-address-book-add-new-address {
        width: 100%;
        display: flex;
        padding-left: 0;
    }
}

.wc-address-book-add-shipping-button,
.wc-address-book-add-billing-button {
    width: 100%;
    max-width: 360px;
    padding: 10px 50px;
    margin-top: 40px;

    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: none;
    outline: none;
    background: #0d788c;
}

@media only screen and (max-width: 768px) {
    .wc-address-book-add-shipping-button,
    .wc-address-book-add-billing-button {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

.woocommerce-address-fields_custom {
    margin-bottom: 30px;
}

.woocommerce-address-fields__field-wrapper_custom {
    display: flex;
    flex-flow: column;
    margin-bottom: 30px;
}

.woocommerce-address-fields__field-wrapper_custom label {

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-transform: capitalize;
    color: #666769;
}

.woocommerce-address-fields__field-wrapper_custom .form-row,
.woocommerce-address-fields__field-wrapper_custom .woocommerce-form-row {
    width: 100%;
    max-width: 490px;
}

@media only screen and (max-width: 768px) {
    .woocommerce-address-fields__field-wrapper_custom .form-row,
    .woocommerce-address-fields__field-wrapper_custom .woocommerce-form-row {
        margin-bottom: 10px;
    }
}

.woocommerce-address-fields__field-wrapper_custom input[type=tel],
.woocommerce-address-fields__field-wrapper_custom input[type=email],
.woocommerce-address-fields__field-wrapper_custom input[type=text] {
    width: 100%;
    height: 40px;
    padding-left: 20px;
    border: 1px solid #cfe4e8;
    border-radius: 5px;
    outline: none;
    background: #f5feff;
}

.woocommerce-address-fields__field-wrapper_custom input[type=tel] {
    padding-left: 14px !important;
    width: calc(100% - 140px);
}

.woocommerce-address-fields__field-wrapper_custom .woocommerce-form-row .iti--separate-dial-code .iti__selected-flag {
    border-radius: 5px;
    width: 120px;
    display: flex;
    justify-content: center;
}

.woocommerce-address-fields__field-wrapper_custom .select2-container {
    width: 100% !important;
    height: 40px;
    padding-top: 9px;
    padding-left: 20px;
    border: 1px solid #cfe4e8;
    border-radius: 5px;
    outline: none;
    background: #f5feff;
}

.woocommerce-address-fields__field-wrapper_custom .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 20px;
}

.woocommerce-address-fields__field-wrapper_custom .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-address-fields__field-wrapper_custom .woocommerce-form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    margin-left: 0;
    text-transform: none;
}

.woocommerce-address-fields__field-wrapper_custom #billing_country_field,
.woocommerce-address-fields__field-wrapper_custom #shipping_country_field {
    order: 1;
}

.woocommerce-address-fields__field-wrapper_custom #billing_state_field,
.woocommerce-address-fields__field-wrapper_custom #shipping_state_field {
    order: 2;
    display: flex;
    flex-flow: column;
    margin-bottom: 20px;
}

.woocommerce-address-fields__field-wrapper_custom #shipping_shipping_phone_field,
.woocommerce-address-fields__field-wrapper_custom #shipping_shipping1_phone_field,
.woocommerce-address-fields__field-wrapper_custom #shipping_shipping2_phone_field,
.woocommerce-address-fields__field-wrapper_custom #shipping_shipping3_phone_field,
.woocommerce-address-fields__field-wrapper_custom #billing_shipping_phone_field {
    order: 3;
}

/*.checkout-tab-item #billing_address_book_field {
    display: none;
}*/

#p_prldr {
    position: fixed;
    left: 0;
    top: 0;
    background: #cfe4e8;
    z-index: 30;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.contpre {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 40px;
    letter-spacing: -2px;
    text-align: center;
    line-height: 35px;
    transform: translate(-50%, -50%);
}

#p_prldr .svg_anm {
    position: absolute;
    width: 100px;
    height: 100px;
    background: url('../img/circles.svg') center center no-repeat;
    background-size: 100px;
    margin: -16px 0 0 -16px;
}

.reset-password-wrap {
    padding: 60px 0;
}

.reset-password-wrap .woocommerce-message {
    margin-bottom: 20px;
}

.step-1 .select2-container--default .select2-results > .select2-results__options {
    max-height: fit-content;
}

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

.berocket_ww_price .amount {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #666769;
}

@media (max-width: 991.9px) {
    .berocket_ww_container-custom .wish_wait_header {
        display: none;
    }

    .page-template-waitlist-page .banner-title {
        display: none;
    }
}

@media (max-width: 767.9px) {
    .ww-description {
        padding: 0 16px;
    }

    .berocket_ww_container-custom {
        margin-bottom: 24px;
    }
}

.actions-wrap .left-side,
.actions-wrap .right-side {
    display: flex;
}

.left-side .button-add-to-cart,
.right-side .button-add-to-cart {
    display: flex;
    padding: 10px 30px;

    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 14px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    color: #0d788c;
    border: 1px solid #0d788c;
    border-radius: 2px;
    background: transparent;
    align-items: center;
    margin-left: 20px;
    white-space: nowrap;
}

.left-side .button-add-to-cart img,
.right-side .button-add-to-cart img {
    margin-right: 11px;
    width: 22px;
    height: 18px;
}

.berocket_ww_title .berocket_ww_title_stok {
    display: none;
}

.ww_title_item_name {
    font-size: 14px;
}

@media (max-width: 991.9px) {
    .actions-wrap .left-side {
        display: none;
    }

    .actions-wrap {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .berocket_ww_products-custom .info {
        width: 36%;
        margin-right: 16px;
        margin-bottom: 13px;
    }

    .berocket_ww_products-custom .info img {
        max-width: 50%;
        display: block;
        margin: 0 auto;
    }

    .berocket_ww_title {
        width: 56%;
    }

    .stock-wr {
        display: none;
    }

    .berocket_ww_title .berocket_ww_title_stok {
        display: inline-block;
    }

    .berocket_ww_title .berocket_ww_title_stok .stock-wr {
        display: block;
    }

    .actions-wrap .right-side {
        margin: 0 16px;
    }

    .page-template-waitlist-page .add-to-cart-wish-wait {
        display: flex;
    }
}

@media (max-width: 575.9px) {
    .ww_title_item_name {
        font-size: 12px;
    }

    .berocket_ww_products-custom .info img {
        max-width: 100%;
    }
}

.berocket_ww_list {
    max-height: 100%;
}

.wc-loop-loading {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(13, 120, 40, 0.15);
    color: #ffffff;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    display: none;
}

.wc-loop-loading svg {
    width: 30px;
    height: 30px;
    animation: custom-spinner 1.2s linear infinite;
}

.loading .wc-loop-loading {
    display: flex;
}

.wc-notices {
    margin-top: 1.5rem;
}

.woocommerce-NoticeGroup > *,
.woocommerce-notices-wrapper > * {
    margin-bottom: 1.5rem;
}

.page-template-tpl-register .woocommerce-notices-wrapper {
    margin-bottom: 0;
}

.wc-notices ul,
.wc-notices .woocommerce-message,
.woocommerce-NoticeGroup ul,
.woocommerce-NoticeGroup .woocommerce-message,
.woocommerce-notices-wrapper ul,
.woocommerce-notices-wrapper .woocommerce-message {
    padding: 1rem;
    width: 100%;
}

.wc-notices .woocommerce-error,
.woocommerce-NoticeGroup .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-error {
    background: rgba(220, 63, 59, .3);
}

.wc-notices .woocommerce-message,
.woocommerce-NoticeGroup .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message {
    background: rgba(115, 186, 71, 0.5);
}

/*order-review*/
.order-review .table-head {
    margin-bottom: 1rem;
}
.order-review .cart-table-wrap {
    margin-bottom: 1rem;
}

.order-review .cart_totals th {
    max-width: 100px;
    padding-right: 15px;
}

.order-review .shipped_via {
    display: block;
}

.order-review .payment_methods {
    margin-bottom: 1.5rem;
}

.order-review .payment_method_row {
    padding-bottom: 1rem;
}

.order-review .cart_totals {
    width: 100%;
}

@media (min-width: 992px) {
    .order-review .container {
        flex-direction: row;
        justify-content: space-between;
    }

    .order-review .cart-table-wrap {
        width: calc(100% - 300px);
    }

    .order-review .cart_totals {
        width: 260px;
    }
}

.woocommerce-password-strength,
.woocommerce-password-hint {
    position: absolute;
    left: 0;
    top: 100%;
    background: rgba(255,255,255,0.6);
    font-size: 12px;
}

.woocommerce-password-hint {
    top: calc(100% + 20px);
}
#billing_address_book_field > .woocommerce-input-wrapper{
    padding: 9px 20px;
}
#billing_address_book_field .select2-container{
    width: 100%!important;
}
#billing_address_book_field .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:1px;
}
#billing_address_book_field .select2-container--default .select2-selection--single{
    height: initial;
}
.add_to_cart_variable_vr.disabled, .add_to_cart_variable_vr.disabled:hover {
    opacity: 0.6;
    cursor: default;
    background: #0d788c;
}

.warning-total-moq{
    display:none !important;
}

/*
.warning-variation-moq{
    display: none !important;
}
*/