:root {
    --color: var(--base-color);
    --red: var(--red-color);
    --green: var(--green-color);
    
    --font: 0.09vh;
}

@media (max-width: 767.98px) {
    :root {
        --font: 0.28vw;
    }
}
@media (min-width: 768px) and (max-width: 1366.98px) {
    :root {
        --font: 0.1111vh;
    }
}


/*
h1 {
    font-size: clamp(28px, 6vw, 70px);
}

p {
    font-size: clamp(14px, 2.5vw, 20px);
}
*/
.base-color {
    color: var(--base-color);
}
.active-color {
    color: var(--active-color);
}
.bg-color {
   background-color: var(--bg-color);
}
.red-color {
    color: var(--red-color);
}
.green-color {
    color: var(--green-color);
}


.site-header {
    min-height: 154px;
    z-index: 1000;
    position: relative;
    line-height: 0;
}
.navbar-brand img, .navbar-brand svg {
    height: 49px;
}
@media (max-width: 767.98px) {
    .navbar-brand img, .navbar-brand svg {
        height: 40px;
    }
}
.header_bottom .navbar-brand svg {
    width: 49px;
    margin-right: 111px;
}
.home-page .navbar-brand svg {
    width: 244.69px;
}
.home-page .header_bottom .navbar-brand svg {
    width: 49px;
    margin-right: 40px;
}
.home-page .fixed .navbar-brand svg, 
.fixed .navbar-brand svg,
.home-page .logo .fixed .navbar-brand img, 
.fixed .logo .navbar-brand img {
    width: 49px;
}
.navbar-brand svg .cls-1 {
    fill: var(--base-color);
}
.home-page .navbar-brand svg .cls-1 {
    fill: #fff;
}
.home-page .fixed .navbar-brand svg .cls-1 {
    fill: var(--base-color);
}
.header_top {
    width: 100%;
    padding: 35px 0 0;
    display: inline-block;
}
.header_bottom {
    display: flex;
    width: 100%;
    padding: 35px 0 0px 0;
    position: relative;
}
@media (max-width: 767.98px) {
    .header_bottom {
        padding: 17px 0 0px 0;
    }
}
.header_bottom .pr-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.header_bottom.fixed {
    padding: 10px 0;
}
.header_bottom.fixed .pr-container {
    justify-content: normal;
    flex-wrap: initial;
}
@media (max-width: 767.98px) {
    .header_bottom .pr-container {
        justify-content: normal;
    }
}
.header_bottom .pr-container .main-navigation {
    order: 3;
    flex: 0 0 100%;        /* другий елемент займає рядок повністю */
    display: flex;
    justify-content: center; /* центрування горизонтально */
    margin-top: 20px;
}
.header_bottom.fixed .pr-container .main-navigation {
    order: 1;
    flex: 1;
    display: block;
    margin-top: 0px;
}

.header_bottom .pr-container .location_select .select2-container {
    width: auto !important;
}
.header_bottom.fixed .pr-container .location_select {
    display: none;
}
/*
@media (max-width: 767.98px) {
    .header_bottom .pr-container {
        width: 100%;
    }
}
*/
.header_bottom .pr-container .site-branding-1 {
    width: 55px;
    height: 37px;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    border-radius: 2222px;
    background-color: transparent;
}
.body-primo-coin .header_bottom .pr-container .site-branding-1 {
    width: 57px;
    height: 57px;
    background-color: white;
}

/*
.header_top .location_select {
    padding-right: 220px;
}
*/
/*
@media (min-width: 1600px) {
    .header_top .location_select {
        padding-right: 250px;
    }
}
*/
/*
@media (min-width: 1500px) {
    .header_top .location_select {
        padding-right: 375px;
    }
}
*/
.site-branding {
	text-align: left;
}	 
.users_menu, .location-users_menu {
	/*display: inline-block;*/
	text-align: right;
	/*padding-top: 7px;*/
}
.users_menu img {
	height: 35px;
	width: auto;
	vertical-align: middle;
}
.users_menu svg {
    height: 35px;
    width: auto;
    vertical-align: middle;
}
.users_menu .no-log-in svg {
    width: 26.38px;
}
.users_menu .log-in svg {
    width: 35px;
}
.users_menu .bag-ico-box svg {
    width: 28.19px;
}
.users_menu svg .cls-1, 
.home-page .fixed .users_menu svg .cls-1
{
    fill: #000;
}
.home-page .users_menu svg .cls-1 {
    fill: #fff;
}
.users_menu .bag-ico-box, .users_menu .account-box {
    position: relative;
    cursor: pointer;
}
.users_menu > div {
    display: inline-block;
    margin-left: 25px;
}

@media (max-width: 767.98px) {
    .desktop {
        display: none;
    }
}
@media (min-width: 768px) {
    .mobile {
        display: none;
    }
}

.bonus {
    font-size: 36px;
    position: relative;
    margin-right: 10px;
}
@media (min-width: 768px) {
    .home-page .header_bottom .bonus {
        color: #fff;
    }
}
.home-page .header_bottom.fixed .bonus {
    color: #000;
}
.header_bottom .bonus .bonus-count {
    content: attr(data-count);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 222px;
    min-width: 22px;
    height: 22px;
    position: absolute;
    white-space: nowrap;
    padding: 0px 7px;
    /*overflow: hidden;*/
    left: 25px;
    top: -8px;
    text-align: center;
    /*font-size: 16px;*/
    font-size: 1.0rem;
    line-height: 1;
    font-weight: 500;
    background-color: var(--green);
    color: #fff;
}
.bonus.mobile {
    font-size: 28px;
    right: 110px;
    position: absolute;
    margin-right: 10px;
}
.bonus.mobile img {
    width: 28px;
    height: 28px;
}
body.night-mode .bonus.mobile i {
    color: white;
}
body.home-page-night .bonus.mobile i {
    color: white;
}
.header_bottom .bonus.mobile .bonus-count {
    padding: 0px 5px;
    min-width: 20px;
    height: 20px;
    font-size: 14px;
}


.users_menu .bag-ico-box .price-in-bag {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -8px;
    left: 17px;
    color: #fff;
    background: var(--base-color);
    border-radius: 999px;
    /*font-size: 16px;*/
    font-size: 1.0rem;
    font-weight: 500;
    line-height: 1;
    padding: 3px 7px;
    white-space: nowrap;
    width: 22px;
    height: 22px;
    text-align: center;
}

.account-in-bag {
    position: absolute;
    top: -8px;
    left: 17px;
    color: #fff;
    
    border-radius: 222px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding: 0;
    white-space: nowrap;
    background-color: white;
    width: 20px;
    height: 20px;
}

.account-in-bag i {
    font-size: 22px;
    color: var(--base-color);
}

.users_menu .account-box .account-in-bag img {
    height: 22px;
    width: 22px;
}
.users_menu-container-mobile .account-in-bag img,
.menu-main-mobile .account-in-bag img {
    height: 18px !important;
    width: 18px !important;
}

.select2-results__option--highlighted {
    background-color: #a0a0a0!important;
    color: #fff;
}
.select2-container--default .hloc-select {
    background-color: transparent;
    border: 0;
}
.select2-container--default .floc-select, .select2-container--default .cloc-select {
    background-color: transparent;
    border: 2px solid #a0a0a0;
    border-radius: 4px;
}
.hloc-select .select2-selection__rendered {
    background-image: url(../images/bottom-arrow-dark.svg);
    background-position: calc(100% - 20px) 70%;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    -webkit-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
}
.floc-select .select2-selection__rendered {
    background-image: url(../images/bottom-arrow.svg);
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 23px 23px;
    -webkit-background-size: 23px 23px;
    -o-background-size: 23px 23px;
    -moz-background-size: 23px 23px;
}
.cloc-select .select2-selection__rendered {
    background-image: url(../images/bottom-arrow-dark.svg);
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    -webkit-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
}
.home-page .hloc-select .select2-selection__rendered {
    background-image: url(../images/bottom-arrow.svg);
}
.select2-selection.hloc-select, .hloc-select .select2-selection__rendered {
    height: 32px!important;
    line-height: 32px!important;
    text-align: right;
}
.select2-selection.floc-select, .floc-select .select2-selection__rendered {
    height: 60px!important;
    line-height: 38px!important;
    text-align: left;
}
.select2-selection.cloc-select, .cloc-select .select2-selection__rendered {
    height: 46px!important;
    line-height: 38px!important;
    text-align: left;
}
.select2-selection.filter-select, .filter-select .select2-selection__rendered {
    height: 38px!important;
    line-height: 38px!important;
}
.select2-container--default .select2-selection--single.hloc-select .select2-selection__rendered {
    color: #000;
    font-size: 20px;
    /*padding-left: 24px;*/
    padding-right: 50px;
}
.hloc-options {
    font-size: 20px;
}
.home-page .select2-container--default .select2-selection--single.hloc-select .select2-selection__rendered {
    color: #fff;
}
.select2-container--default .select2-selection--single.floc-select .select2-selection__rendered {
    color: #fff;
    /*font-size: 25px;*/
    font-size: 1.4rem;
}
.select2-container--default .select2-selection--single.cloc-select .select2-selection__rendered {
    color: #000;
    font-size: 25px;
    padding-left: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}
.select2-container--default .filter-select {
	background-color: #808184!important;
    border: 1px solid #808184!important;
    border-radius: 0px!important;
    height: 38px!important;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 180px!important;
    overflow-x: hidden;
}
.select2-results__options::-webkit-scrollbar-button{background-repeat:no-repeat;width:6px;height:0px}
.select2-results__options::-webkit-scrollbar-track{}
.select2-results__options::-webkit-scrollbar-thumb{background-color:#ccc;background-position:center;background-repeat:no-repeat;}
.select2-results__options::-webkit-resizer{background-repeat:no-repeat;width:7px;height:0px}
.select2-results__options::-webkit-scrollbar{width:4px;}
.filter-select .select2-dropdown {
	border-radius: 0!important;
}
.location-users_menu .select2-container {
	width: 280px!important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    display: none;
}
.select2-container--open .floc-select, .select2-container--open .hloc-select {
    background-color: #fff;
}
.select2-container--open .select2-selection--single.floc-select .select2-selection__rendered,
.select2-container--open .select2-selection--single.cloc-select .select2-selection__rendered,
.select2-container--open .select2-selection--single.hloc-select .select2-selection__rendered,
.home-page .select2-container--open .select2-selection--single.hloc-select .select2-selection__rendered {
    font-weight: bold;
    color: #000;
}
.select2-container--open .floc-select .select2-selection__rendered {
    background-image: url(../images/bottom-arrow-dark-open.svg);
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 23px 23px;
    -webkit-background-size: 23px 23px;
    -o-background-size: 23px 23px;
    -moz-background-size: 23px 23px;
}
.select2-container--default .floc-options .select2-results > .select2-results__options,
.select2-container--default .cloc-options .select2-results > .select2-results__options {
    border-left: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;    
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: 1px;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: 1px;
}
.select2-container--open .hloc-select .select2-selection__rendered {
    background-image: url(../images/bottom-arrow-dark-open.svg);
    background-position: calc(100% - 20px) 50%;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    -webkit-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
}
.select2-container--open .cloc-select .select2-selection__rendered {
    background-image: url(../images/bottom-arrow-dark-open.svg);
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    -webkit-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
}
.select2-container--default .select2-selection--single.hloc-select, .hloc-options {
    border-radius: 0;        
}
.location-users_menu .select2-container--open  .hloc-select {
    -webkit-box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.3);
    
}
.select2-container--open .hloc-options {
    -webkit-box-shadow: 1px 6px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 6px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 6px 10px 0px rgba(0,0,0,0.3);
    border: 1px solid #fff;
}
.hloc-options .select2-results__option {
  padding: 5px 6px 5px 24px;
}
.cloc-options .select2-results__option {
  padding: 6px 6px 6px 12px;
}

.main-navigation {
    display: inline-block;
}
ul#primary-menu {
    width: 100%;
    /*height: 24px;*/
    margin: 12px 0;
    padding: 0;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
ul#primary-menu li { 
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}
ul#primary-menu li:first-child {
    padding: 0 10px 0 0;
}
ul#primary-menu li:last-child {
    border-left: 1px solid #000;
    padding: 0 0 0 10px;
}
@media (min-width: 1321px) and (max-width: 1355px) {
    ul#primary-menu li {
        padding: 0 7px;
    }
    ul#primary-menu li:first-child {
        padding: 0 7px 0 0;
    }
    ul#primary-menu li:last-child {
        padding: 0 0 0 7px;
    }
}

.home-page ul#primary-menu li:last-child {
    border-left: 1px solid #fff;
}
ul#primary-menu li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	/*font-size: 24px;*/
        font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
	color: #000;

    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
ul#primary-menu > li > a.current-menu-item, ul#primary-menu > li:hover > a {
    color: var(--base-color)!important;
}
ul#primary-menu > li.current-menu-item > a {
    /*color: var(--base-color)!important;*/
    color: var(--base-color)!important;
}

.home-page ul#primary-menu li a {
    color: #fff;
}
ul#primary-menu li ul {
	display: none;
	position: absolute;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
ul#primary-menu li ul li {
	display: block;
}
ul#primary-menu li:hover ul {
	display: block; 
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.link_slip {	
	text-decoration: none;
	display: inline-block;
	position: relative;
}
.link_slip_2 {
    margin-left: 30px;
}
.link_slip:after {
	position: absolute;
	content: '';
    left: 0;
    bottom: -5px;
    width: 0;
    height: 1px;
    background: #000;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.home-page ul#primary-menu li:hover a {
    color: #fff!important;
    opacity: 0.7;
}
.home-page .fixed ul#primary-menu li:hover a {
    color: var(--base-color)!important;
    opacity: 1;
}
.link_slip:hover:after {
	width: 100%;
}

#footer {
	background: #434343;
	padding: 44px 0 10px;
	color: #fff;
}
#footer .row {
	padding-bottom: 25px;
}
#footer-info {
    width:  30%;
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
}
#footer-info .location {
	padding-right: 25%;
}
#footer-info .select2-container {
    width: 100%!important;    
}
#footer .col-title {
    /*font-size: 25px;*/
    font-size: 1.6rem;
    line-height: 2;
    font-weight: bold;
    color: #a0a0a0;
    padding-bottom: 30px;
}
.floc-options {
	font-size: 23px!important;
}
.cloc-options {
    font-size: 23px!important;
}
#footer-info .info {
	margin-top: 25px;
	margin-bottom: 15px;
}
.contact_data .addr {
    /*font-size: 25px;*/
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 28px;
}
.info .text-descr {
	margin-bottom: 5px;
}
.contact_data .tel {
	padding: 20px 0;
}
.contact_data .tel a {
    /*font-size: 35px;*/
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 35px;	
    color: #fff;
    text-decoration: none; 
}
.contact_data .mail a {
    /*font-size: 20px;*/
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 20px;	
    color: #fff;
    text-decoration: none; 
}
#footer-delivery {
	width:  70%;
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
}
#footer .delivery_data ul {	
	padding-left: 20px;
	margin-top: 0px;
    margin-bottom: 10px;
}
#footer .delivery_data ul li {
    /*font-size: 22px;*/
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.5;
}
#footer .copyright_col {
    width:  27%;
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
    padding-top: 30px;
}
#footer .policy_col {
    width:  40%;
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
    padding-top: 30px;
}
#footer .copyright_col a {
    text-decoration: none;
    border-bottom: 1px solid #fff;
    color: #fff;
}
#footer .policy_col a {
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
#footer .copyright_col-mobile a {
    text-decoration: none;
    border-bottom: 1px solid #fff;
    color: #fff;
}
#footer .social-icon-footer {
    width:  33%;
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
}
.copyright_col p, .policy_col p {
    margin: 0;
    /*font-size: 14px;*/
    line-height: 1.2;
}
.policy_col a {
    color: #fff;
}
.social-icon-footer .soc-label {
    display: inline-block;
    /*font-size: 22px;*/
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 24px;
    width: calc(100% - 150px);
}
.social-icon-footer .soc-info {
	display: inline-block;
	float: right;
    width: 150px;
    text-align: right;	
}
.social-icon-footer .soc-info i {
	font-size: 50px;
	line-height: 44px;
	color: #fff;
	margin-left: 22px;
}

.main-carousel {
    height: 100Vh;
    width: auto;
    max-height: 900px;
    position: relative;
}
.main-carousel .item-slide {
    max-height: 900px;
    width: 100%;    
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.home-page #section-slider {
    margin-top: -167px;
    position: relative;
    background: #fff;
    height: 100Vh;
    max-height: 900px;
}
.item-slide .item-wrap {
	width: 100%;
	display: table;
}
.item-slide .night-fon {
    background-image: url(../images/night-fon.png);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.carousel-caption {
    color: #fff;
    text-align: center;
    height: 100vh;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.main-carousel .slick-next:before, .main-carousel .slick-prev:before{display: none;}
.main-carousel .slick-prev, .main-carousel .slick-next {-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);width:58px;height:95px;}
.main-carousel .slick-prev{left:3%;background:url(../images/arrow-to-left.png) no-repeat!important;background-position:center;background-size:cover;z-index:1;}
.main-carousel .slick-next{right:3%;background:url(../images/arrow-to-right.png) no-repeat!important;background-position:center;background-size:cover;z-index:1;}
.main-carousel .slick-arrow:hover{-webkit-transform:scale(1.05) !important;-moz-transform:scale(1.05) !important;-o-transform:scale(1.05) !important;transform:scale(1.05) !important;}
.main-carousel .slick-prev, .main-carousel .slick-next{top:calc(50% + 48px) !important;}
.main-carousel .slick-prev, .main-carousel .slick-next{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:translate(0, 0) !important;-moz-transform:translate(0, 0) !important;-o-transform:translate(0, 0) !important;transform:translate(0, 0) !important;}
.slick-disabled {opacity: 0;}
.slick-dots {
	bottom: 50px;
	right: 5%;
	width: auto;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.main-carousel .carousel-caption .text-title-section {
	text-transform: uppercase;
	padding-top: 77px;
	font-size: 110px;
	line-height: 140px;
	font-weight: bold;
        color: transparent;
}
.main-carousel .carousel-caption .text-description-section {
	font-size: 34px;
	line-height: 40px;
	font-weight: bold;
}

.main-carousel .slick-dots li.slick-active button:before {
	color: #fff;
	opacity: 1;
}
.main-carousel .slick-dots li button:before {
	color: #bfbfbf;
	opacity: 1;
	font-size: 16px;
}
.main-carousel .slick-dots li button:hover:before, .slick-dots li button:focus:before {
	color: #fff;	
}
.main-carousel .slick-dots li {
	margin: 0 10px;
}

#toDown_button {
	position: fixed;
	bottom: 50px;
	right: calc(50% - 15px);
	cursor: pointer;
	text-decoration: none;
	z-index: 999;
    overflow: hidden;
    width: 30px;
    height: 52px;
    display: inline-block;
    text-align: center;

    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    animation: arrow-scroll 1.5s infinite ease;
}
#toDown_button.visible {
	bottom: 30px;
	right: calc(50% - 15px);
}
@keyframes arrow-scroll {
    0% {
            transform: translateY(-4px);
    }
    50% {
            transform: translateY(4px);
    }
    55% {
            transform: translateY(4px);
    }
    100% {
            transform: translateY(-4px);
    }
}

.string {
    width: 100%;
    padding: 5px 0;
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: 200px;
    left: 0;        
}
@media (max-width: 767.98px) {
    .header_bottom .logo-desktop {
        display: none;
    }
}
@media (min-width: 768px) {
    .header_bottom .logo-desktop {
        display: block;
    }
    .header_bottom.fixed .logo-desktop {
        display: none;
    }
}

.header_bottom .site-branding {
    float: left;
    visibility: hidden;
    width: 0;
}
.header_bottom .users_menu {
    display: flex;
    justify-content: right;
    align-items: center;
    
    /*width: 370px;*/
}
/*
@media (min-width: 768px) {
    .header_bottom .users_menu {
        margin-top: -118px;
    }
}
*/


.header_bottom.fixed .users_menu {
    float: right;
    position: relative;
    top: 0;
    right: 0;
    margin-top: 0;
    order: 2;
}
.header_bottom.fixed {
    background: rgba(255,255,255,1);
    position: fixed;
    top: 0;
    left: 0;
}

.home-page.index-m.mobile .header_bottom.fixed {
    position: relative;
}
@media (max-width: 767.98px) {
    .home-page-night .pr-container,
    .header_bottom.fixed .pr-container {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        height: 40px;
    }
}

.fixed {
    border-bottom: 2px solid #eeeeee;
}
.fixed ul#primary-menu li:last-child {
    border-left: 1px solid #000;
}
.fixed ul#primary-menu li a {
    color: #000;
}
.fixed ul#primary-menu li a.current-menu-item {
    color: var(--base-color);
}
.fixed.header_bottom .site-branding, .fixed.header_bottom .users_menu {
    visibility: visible;
}
.qrcode-index .main-section-product:first-child {
    padding-top: 0px;
}
.qrcode-index .site-header {
    display: none;
}

.row .col-4 .product-item {
    padding-left: 27px;
    padding-right: 27px;
}
.row .col-4:first-child .product-item {
    padding-left: 0;
    padding-right: 54px;
}
.row .col-4:last-child .product-item {
    padding-right: 0;
    padding-left: 54px;
}

.product-item .propuct-size {
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}
.product-item .propuct-size .propuct-size-wrap {
    margin: 0 auto;
    text-align: center;
    display: table;
}
.product-item .propuct-size .sz-wrap {
    display: table-cell;
    /*vertical-align: bottom;*/
}
.product-item .propuct-size .pz-size {
    border-radius: 5px;
    line-height: 24px;
    border: 1px solid #a0a0a0;
    
    width: 110px;
    height: 40px;
    line-height: 28px;
    font-size: 16px;
    margin: 0 5px;
    font-weight: 500;
    padding: 3px 10px;
    color: #a0a0a0;
    cursor: pointer;
}

.product-item .propuct-size .selected, 
.product-item .propuct-size .pz-size:hover {
    border: 1px solid #a0a0a0;
    background-color: #a0a0a0;
    color: #fff;
}
.checkout-content {
    padding-top: 15px;
    padding-bottom: 86px;
}
a.clicktitle {
    /*font-size: 42px;*/
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 44px;
    display: inline-block;
    margin: 20px 40px 20px 0;
    color: #a0a0a0;
    transition: 0.2s ease-in-out;
    text-decoration: none;
}
a.clicktitle:last-child {
    margin: 20px 0;
}
a.clicktitle.activ-title {
    color: #000;
}
.cart_summary_price {
    padding-top: 30px;
    font-size: 35px;
    font-weight: bold;
    line-height: 35px;
    color: #000;
}
.cart_summary_price .cart_summary-label {
    float: left;
    display: inline-block;
    width: 50%;
}
.cart_summary_price .cart_summary {
    float: right;
    display: inline-block;
    text-align: right;
    width: 50%;
}

.cart__discount_type_2 {
    
}
.cart__discount_type_2 .title {
    font-size: 22px;
    font-weight: 600;
    /*color: #20a75a;*/
    color: #666;
    margin-bottom: 15px;
}
.cart__discount_type_2 .cart__rel-item {
    width: 32%;
    display: inline-block;
}
.cart__discount_type_2 .cart__rel-item .product-title {
    height: auto;
}
.cart__discount_type_2 .cart__rel-item .product-dimension {
    font-size: 20px;
    line-height: 1;
    margin: 5px 0 15px;
}
.cart__discount_type_2 .cart__rel-item .product-image {
    height: 150px;
}
.cart__discount_type_2 .cart__rel-item .product-image img {
    max-height: 150px;
}
.cart__discount_type_2 .cart__rel-item .product-price {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #20a75a;
}
@media (max-width: 767px) {
    .cart__discount_type_2 .title {
        font-size: 20px;
    }
    .cart__discount_type_2 .cart__rel-item .product-title {
        font-size: 18px;
    }
    .cart__discount_type_2 .cart__rel-item .product-dimension {
        font-size: 16px;
    }
    .cart__discount_type_2 .cart__rel-item .product-image {
        height: 90px;
    }
    .cart__discount_type_2 .cart__rel-item .product-image img {
        max-height: 90px;
    }
    .cart__discount_type_2 .cart__rel-item .product-price {
        font-size: 16px;
    }
}
.cart__rel-item {
    text-align: center;
}
.cart__rel-item .product-title {
    /*font-size: 25px;*/
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
    color: #000;
    margin: 0 auto;
    max-width: 200px;
    height: 84px;
    overflow: hidden;
}
.cart__rel-item .product-dimension {
    /*font-size: 25px;*/
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
    color: #a0a0a0;
    margin: 8px 0 22px;
}
.cart__rel-item .product-price {
    /*font-size: 25px;*/
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
    color: #000;
    margin: 21px 0;
}
.cart__rel-item .product-image {
    height: 210px;
    width: auto;
    position: relative;
}
.cart__rel-item .product-image .img-wrap {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
}
.cart__rel-item .product-image img {
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}
#relevant-products-2 .cart__rel-item .product-image img {
    max-width: 120px;
}
@media (max-width: 767px) {
    .cart__rel-item .product-title {
        /*font-size: 20px;*/
        font-weight: bold;
        line-height: 1;
        color: #000;
        margin: 0 auto;
        max-width: 200px;
        height: 60px;
        overflow: hidden;
    }
    .cart__rel-item .product-dimension {
        /*font-size: 20px;*/
        font-weight: normal;
        line-height: 1;
        color: #a0a0a0;
        margin: 8px 0 15px;
    }
    
    .cart__rel-item .product-image {
        height: 100px;
        width: auto;
    }
    .cart__rel-item .product-image img {
        height: auto;
        max-width: 90px;
        max-height: 150px;
        margin: 0 auto;
    }
    #relevant-products-2 .cart__rel-item .product-image img {
        max-width: 80px;
    }
    .cart__rel-item .product-price {
        /*font-size: 20px;*/
        font-weight: bold;
        line-height: 1;
        color: #000;
        margin: 10px 0;
    }
}

.cart__relevant-products {padding: 0 54px;}
.cart__relevant-products .slick-next:before, .cart__relevant-products .slick-prev:before{display: none;}
.cart__relevant-products .slick-prev, .cart__relevant-products .slick-next {-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);width:28px;height:52px;}
.cart__relevant-products .slick-prev{left:3%;background:url(../images/arrow-left-rlv.svg) no-repeat!important;background-position:center;background-size:cover;z-index:1;}
.cart__relevant-products .slick-next{right:3%;background:url(../images/arrow-right-rlv.svg) no-repeat!important;background-position:center;background-size:cover;z-index:1;}

.cart__relevant-products .slick-prev, .cart__relevant-products .slick-next{top:calc(50% - 15px) !important;}
@media only screen and (max-width: 767.98px) {
    .cart__relevant-products .slick-prev, .cart__relevant-products .slick-next{top:calc(50% - 2px) !important;}
}

.ordering-content {
    max-width: 615px;
    margin: 0 auto;
    padding: 43px 0 0;    
}
@media (max-width: 767px) {
    .ordering-content {
        padding-top: 16px;
    }
}
.delivery-section .address-block,
.delivery-section .pickup-block {
    padding: 26px 0;
}
.delivery-section .pickup-block {
    display: none;
}
.delivery-section ul.address-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.delivery-section ul.address-list li {
    margin: 13px 0;
    display: inline-flex;
    width: 100%;
}
.delivery-section ul.address-list li label {
    font-size: 25px;    
    font-weight: normal;
    line-height: 25px;
    color: #000;
}
.radio {
  vertical-align: top;
  width: 15px;
  height: 15px;
  margin: 0 3px 0 0;
}
.radio + label {
  cursor: pointer;
}
.radio:not(checked) {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 7px;
}
.radio:not(checked) + label {
  position: relative;
  padding: 0 0 0 30px;
}
.radio:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 2px solid #a0a0a0;
  border-radius: 50%;
  background: #FFF;
}
.radio:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--base-color);
  border: 2px solid var(--base-color);
  opacity: 0;
  transition: .2s;
}
.radio:checked + label:after {
  opacity: 1;
}


.checkbox {
  vertical-align: top;
  width: 15px;
  height: 15px;
  margin: 0 3px 0 0;
}
.checkbox + label {
  cursor: pointer;
}
.checkbox:not(checked) {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 7px;
}
.checkbox:not(checked) + label {
  position: relative;
  padding: 0 0 0 30px;
}
.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 2px solid #a0a0a0;
  border-radius: 5px;
  background: #FFF;
}
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0px;
  width: 15px;
  height: 15px;
  border-radius: 5px;
  background: var(--base-color);
  border: 2px solid var(--base-color);
  opacity: 0;
  transition: .2s;
}
.checkbox:checked + label:after {
  opacity: 1;
}


.checkout-content .btn {
    text-decoration: none;
    padding: 9px 11px;
    background: #fff;
    border: 2px solid #a0a0a0;
    color: #a0a0a0;
    display: block;
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
    margin: 0px;
    border-radius: 4px;
    text-align: center;
    
    cursor: pointer;

    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.checkout-content .btn:hover {
    background: #fff;
    border: 2px solid var(--base-color);
    color: var(--base-color);
}
.checkout-content .btn.active {
    background: #a0a0a0;
    border: 2px solid #a0a0a0;
    color: #fff;
}
.delivery-section .addr-btn {
    float: left;
    width: 292px;
    height: 60px;
    letter-spacing: 1px;
}
.delivery-section .self-checkout-btn {
    float: right;
    width: 292px;
    height: 60px;
    letter-spacing: 1px;
}
.delivery-section .comment-title{
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    color: #a0a0a0;
    padding: 5px 0 20px;
}
.delivery-section textarea.comment-for-address {
    width: 100%;
    /*height: 97px;*/
    padding: 15px;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    color: #000;
    border: 2px solid #a0a0a0;
    border-radius: 4px;
    margin-bottom: 40px;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}
.delivery-section .choose-time-date-title {
    font-size: 25px;
    font-weight: bold;
    line-height: 28px;
    margin: 0px;
    padding: 0 0 10px;
}
.ordering-content input {
    display: inline-block;
    height: 60px;
    font-size: 25px;
    font-weight: normal;
    line-height: 25px;
    color: #a0a0a0;
    border: 2px solid #a0a0a0;
    border-radius: 4px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#new_address input {
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}
.ordering-content input:focus {
    color: #000;
}
.choose-time-date {
    margin-top: 35px; 
    margin-bottom: 40px; 
}
.choose-time-date .choose-time .hour, .choose-time-date .choose-time .minutes {
    width: 60px;
}
.choose-time-date .divider-time {
    display: inline-block;
    height: 60px;
    padding: 15px 13px;
    font-size: 25px;
    font-weight: normal;
    line-height: 25px;
    color: #a0a0a0;    
    text-align: center; 
}
.choose-time-date .choose-time, .choose-time-date .choose-date {
    display: inline-block;
}
.choose-time-date .choose-time {
    float: left;
}
.choose-time-date .choose-date {
    float: right;
}
.choose-time-date .note-box {
    display: inline-block;
    height: 60px;
    max-width: 215px;
    padding: 10px 10px 10px 10px;
}
.choose-time-date .note-date {    
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #a0a0a0;
    text-align: left;      
}
.choose-time-date .choose-date .date-dd {
    width: 60px;
}
.choose-time-date .choose-date .date-mm {
    width: 60px;
    margin-left: 15px;
}
.choose-time-date .choose-date .date-yyyy {
    width: 92px;
    margin-left: 15px;
}
.ordering-content .payment-section-title {
    font-size: 35px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 50px;
}
.payment-section .cash-btn {
    float: left;
    width: 292px;
    height: 60px;
    letter-spacing: 1px;
}
.payment-section .bank-btn {
    float: right;
    width: 292px;
    height: 60px;
    letter-spacing: 1px;
}
.payment-bank-block {
    padding: 45px 0 50px;
    text-align: center;
    display: none;
}
.payment-bank-block a {
    display: inline-block;
    padding: 0 5px;
}
.payment-bank-block img {
    height: 94px;
    width: auto;
}
@media (max-width: 767px) {
    .payment-bank-block img {
        height: 55px;
    }
}
.btn-block {
    width: 100%;
}
#checkout-submit,
#robota-submit {
    height: 60px;
    background: var(--base-color);
    border: 2px solid var(--base-color);
    color: #fff;
    letter-spacing: 1px;
}
#checkout-submit:hover,
#robota-submit:hover {
    background: #fff;
    color: var(--base-color);
}
.payment-cash-block,
.payment-bank-block {
    padding: 40px 0;
    font-size: 25px;
    font-weight: normal;
    line-height: 28px;
    color: #000;
}
.payment-bank-block .row {
    margin-top: 40px;
}
.payment-cash-block .payment-summary-label,
.payment-bank-block .payment-summary-label {
    float: left;
    display: inline-block;
    width: 50%;
    font-weight: bold;
    text-align: left;
}
.payment-cash-block .payment-summary,
.payment-bank-block .payment-summary {
    float: right;
    display: inline-block;
    width: 50%;
    font-size: 35px;
    font-weight: bold;
    line-height: 20px;
    text-align: right;
}
.payment-cash-block .odd-money-box {
    float: left;
    display: inline-block;
    height: 50px;
    width: calc(100% - 205px);
    padding-top: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.payment-cash-block .odd-money {
    width: 205px;
    float: right;
    display: inline-block;
    padding: 15px;
}
.payment-cash-block .row:nth-child(1),
.payment-bank-block .row:nth-child(1) {
    padding-bottom: 40px;
}
.payment-cash-block .row:nth-child(2),
.payment-bank-block .row:nth-child(2) {
    padding-bottom: 32px;
}
@media (max-width: 767px) {
    .payment-cash-block .row:nth-child(2),
    .payment-bank-block .row:nth-child(2) {
        padding-bottom: 20px;
    }
}
.payment-cash-block .row:nth-child(3), .payment-cash-block .row:nth-child(4),
.payment-bank-block .row:nth-child(3), .payment-bank-block .row:nth-child(4) {
    padding-bottom: 10px;
}
.orders-accepted-content {
    padding-top: 42px;
}
.order-number-section {
    width: 33%;
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
}
.order-details-section {
    width: 34%;
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
    color: #000;
}
.rate-note-section {
    width: 33%;
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
    color: #000;
}
.order-number-box {
    width: 260px;
    background: var(--base-color);
    padding: 25px 40px 27px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}

.order-number-box.time-out {
    background: #a0a0a0;
}

.order-number-box .box-title {
    font-size: 25px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0.5px;
}
.order-number-box .number {
    font-size: 100px;
    font-weight: bold;
    line-height: 106px;
}
.order-number-box .timer {
    font-size: 50px;
    font-weight: bold;
    line-height: 58px;
}
.order-details-section .details-title {    
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    padding-bottom: 40px;
}
.order-details-section .details-box {
    padding-bottom: 40px;
}
.order-details-section .details-box .details-title {
    font-size: 35px;
    font-weight: bold;
    line-height: 35px;
    padding-bottom: 20px;
}


.order-details-section .details-box .details-list ol {
    margin: 0;
    /*padding: 0;*/
    padding-left: 20px;
    /*counter-reset: myCounter;*/
}
.order-details-section .details-box .details-list li{
    /*list-style: none;*/
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 10px;
}

.order-details-section .delivery-box {
    padding-bottom: 40px;
}
.order-details-section .delivery-box .delivery-title {
    font-size: 35px;
    font-weight: bold;
    line-height: 35px;
    padding-bottom: 20px;
}
.order-details-section .delivery-box .delivery-address {
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
}
.order-details-section .order-cost .cost-title {
    font-size: 35px;
    font-weight: bold;
    line-height: 35px;
    padding-bottom: 20px;
}
.order-details-section .order-cost .total-order-price {
    font-size: 39.5px;
    font-weight: bold;
    line-height: 34px;
}
.rate-note-section .rate-note-box {
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    padding: 20px 38px 28px;
    border: 2px solid #000;
    border-radius: 4px;
    margin-left: 40px;
}
.rate-note-section .rate-note-box a {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000;
}
.blog-category-section {
    padding-top: 33px; 
}
.blog-category-section .section-title {
    font-size: 42px;
    font-weight: bold;
    line-height: 42px;
    margin-bottom: 65px;    
}
.blog-post-all .col-4 {
    margin-bottom: 32px;
}
a.item-news {
    display: inline-block;
    text-decoration: none;
}
.item-news .images-post {
    width: 100%;
    text-align: center;
}
.item-news img {
    height: auto;
    width: 100%;
    max-width: 100%;
    border-style: none;
    vertical-align: middle;
}
a.item-news .news-date {
    color: #a0a0a0;
    font-size: 20px;
    margin-top: 20px;
}
a.item-news h2.news-title {    
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    color: #000;
    min-height: 150px;
    margin-bottom: 0px;
    margin-top: 16px;
}
.blog-post-all .col-4:nth-child(3n-2) .item-news {
    padding-right: 24px;
}
.blog-post-all .col-4:nth-child(3n-1) .item-news {
    padding-left: 12px;
    padding-right: 12px;
}
.blog-post-all .col-4:nth-child(3n) .item-news {
    padding-left: 24px;
}
.loadmore-row {
    padding-top: 0px;
    padding-bottom: 40px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
#true_loadmore {
    width: 246px;
    height: 60px;    
    padding: 0;
    border: 2px solid var(--base-color);
    border-radius: 4px;
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;    
    color: var(--base-color);
    background: transparent;
    cursor: pointer;
    position: relative;
    display: inline-block;
}
#true_loadmore i {    
    margin-right: 15px;
}
.pagination {
    margin: 15px 0 55px;
    text-align: center;
}
.pagination div {
    text-align: center;
    margin: 0 16px 0 0; 
    display: inline-block;
    vertical-align: middle;
}
.pagination div a, .pagination div .dots {
    margin: 2px 0 2px 0;
    padding: 6px 3px 5px 3px;
    width: auto;
    display: inline-block;
    text-decoration: none;
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
    color: #a0a0a0; 
}
.pagination .next {
    margin: 0;
}
.pagination .prev a, .pagination .next a {
    width: auto;
    padding: 7px 3px 0px 3px;
    margin: 2px 0 2px 2px;
}
.pagination div a:hover, .pagination div a.active {
    color: var(--base-color);
}
.pagination .prev a:hover, .pagination .next a:hover {
    width: auto;
}
.pagination .prev img, .pagination .next img {
    width: 16px;
    height: auto;
}
.single-post-section {
    padding-top: 33px;
    padding-bottom: 60px; 
}
.single-post-section .post-image {
    max-width: 946px;
    padding: 0;
    margin: 0 auto;
}
.single-post-section .post-image img {
    width: 100%;
    height: auto;
}
.single-post-section .post-container {
    max-width: 946px;
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
}
.post-container .post-publish-date {
    color: #a0a0a0;
    font-size: 20px;
    margin-top: 45px;
}
.post-container .post-title {
    font-size: 35px;
    font-weight: bold;
    line-height: 40px;
    text-align: left;
    color: #000;
    padding-top: 42px;
    padding-bottom: 20px;
    margin: 0;
    letter-spacing: 0.1px; 
}
.post-container p {
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 25px;
    /*color: #000;*/
    letter-spacing: 0.1px;
}
.post-container .robota__data-panel-col p {
    margin-bottom: 10px;
    margin-block-start: 10px;
}

.post-container .post-sub-title,
.post-container h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    text-align: left;
    color: #000;
    padding-top: 15px;
    padding-bottom: 3px;
    margin: 0;
}
.post-container .italic-text {    
    padding-bottom: 50px;
    display: inline-block;
    font-style: italic;
}
.contacts-section {
    padding-top: 35px;
    padding-bottom: 60px;
}
.location-select-col {
    width: 296px;
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
    padding-top: 35px;
}
.location-info-col {
    width: calc(47%);
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 129px;
}
.work-hour-col {
    width: calc(53% - 296px);
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
    padding-top: 30px;
    padding-left: 4px;
}
.contacts-content .map {
    margin-top: 12px;
    width: 100%;
    height: 594px;
    position: relative;
}
.contacts-content .map img {
    width: 100%;
    height: auto;
}
.acf-map {
    position: absolute;
    top: 0;
    left: 0;
}
.acf-map.disabled {
    z-index: -1;
}

.acf-map {
    width: 100%;
    height: 594px;
    margin: 0;
}

/* fixes potential theme css conflict */
.acf-map img {
    max-width: inherit !important;
}

.location-select-col .select2-container {
    width: 100%!important;    
}
.contacts-content .info-block {
    margin-top: 10px;
    padding-bottom: 10px;
}
.contacts-content .info-block .disabled, .contacts-content .info-block.disabled {
    display: none;
}
.contacts-content .icon-col, .contacts-content .text-col {
    display: inline-block;
}
.contacts-content .info-phone .icon-col img {
    width: 25px;
    height: 27.28px;
}
.contacts-content .info-address .icon-col img {
    width: 40px;
    height: 40px;
}
.contacts-content .info-opening.open .icon-col img {
    width: 30px;
    height: 29.17px;
}
.contacts-content .info-opening.close .icon-col img {
    width: 20px;
    height: 29.95px;
}
.contacts-content .info-work-hour .icon-col img {
    width: 26px;
    height: 26px;
}
.contacts-content .info-address .text-col {
    margin-left: 20px;
}
.contacts-content .text-col {
    margin-left: 30px;
}
.contacts-content .info-opening.open .text-col {
    margin-left: 25px;
}
.contacts-content .info-opening.close .text-col {
    margin-left: 35px;
}
@media only screen and (max-width: 767px) {
    .contacts-content .info-opening.close .text-col {
        margin-left: 20px;
    }
}
.contacts-content .text-col p {
    margin-top: 0;
    margin-bottom: 0; 
}
.contacts-content .info-text {
    margin-top: 0;
    margin-bottom: 0;
}
.info-block .text-col {
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    color: #000;
}
.info-block .info-address .info-text {
    font-size: 25px;
    font-weight: bold;
    line-height: 28px;
    color: #000;
}
.info-block .info-phone .info-text a {
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    color: #000;
}
.contacts-content .info-address, .contacts-content .info-work-hour, .contacts-content .info-phone {
    margin-bottom: 17px;
}
.contacts-content .info-opening {
    margin-bottom: 15px;
}
.contacts-content .info-phone {
    padding-left: 8px;
}
.contacts-content .info-opening.open .text-col {
    color: #22ace7;
    padding-top: 5px;
}
.contacts-content .info-opening.close .text-col {
    color: var(--base-color);
    padding-top: 5px;
}
.login-section {
    padding-top: 33px;
    padding-bottom: 70px;
    min-height: calc(100Vh - 140px);
}
.login-section h2 {
    font-size: 1.4rem;
    font-weight: 400;
}

.panel-col {
    width:  36%;
    position: relative;
    min-height: 1px;

    min-width: 465px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
}
.panel .panel-heading {
    padding: 34px 0 20px;
    display: inline-block;
    width: 100%; 
}
.panel .btn {
    text-decoration: none;
    padding: 9px 11px;
    background: #fff;
    border: 2px solid #a0a0a0;
    color: #a0a0a0;
    display: block;
    /*font-size: 29.5px;*/
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
    border-radius: 4px;
    text-align: center;

    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.panel .btn a {
    color: #a0a0a0;
    text-decoration: none;
}

.panel .btn:hover {
    background: #fff;
    border: 2px solid var(--base-color);
    color: var(--base-color);
}
.panel .btn.active {
    background: #a0a0a0;
    border: 2px solid #a0a0a0;
    color: #fff;
}
.panel .sign-in-btn {
    float: left;
    width: 155px;
    height: 60px;
}
.panel .sign-up-btn {
    float: right;
    width: 284px;
    height: 60px;
}
.panel .sign-in-btn-recover {
    float: left;
    width: 110px;
    height: 60px;
}
.panel .sign-up-btn-recover {
    float: right;
    width: 325px;
    height: 60px;
}
.panel-body .form-group {
    display: inline-block;
    width: 100%;
    margin-top: 11px;
    margin-bottom: 11px;
}
.panel-body .form-group.reset {
    margin-top: 7px;
    margin-bottom: 22px;
}
.panel-body input {
    display: inline-block;
    width: 100%;
    height: 49px;
    /*font-size: 22px;*/
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1;
    color: #222;
    border: 2px solid #a0a0a0;
    border-radius: 4px;
    text-align: left;
    padding: 5px 15px;    
}
.panel-body .btn-link {
    /*font-size: 19px;*/
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1;
    /*text-decoration: underline;*/
    text-decoration: none;
    color: #a6a6a6;
    margin-left: 15px;
    border-bottom: 1px solid #a6a6a6;
}
.panel-body .btn-link:hover {
    color: #000;
}
.panel-body button[type=button] {
    height: 60px;
    background: var(--base-color);
    border: 2px solid var(--base-color);
    color: #fff;
    cursor: pointer;
}
@media (max-width: 767px) {
    .panel-body button[type=button] {
        height: 45px;
        /*font-size: 18px;*/
        font-size: 1.5rem;
        line-height: 1;
    }
}

.panel-body button[type="submit"]:hover {
    background: #fff;
    color: var(--base-color);
}
.panel input:focus {
    color: #000;
}
.panel-body .note-signup {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #a0a0a0;
}
.panel-body .signup-btn-group {
    margin-top: 25px;
    margin-bottom: 5px;
}
.my-account-section {
    padding-top: 33px;
    padding-bottom: 70px;
    min-height: calc(100Vh - 167px);
}
.my-account-section .bonus-saldo {
    /*font-size: 35px;*/
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
}
@media (max-width: 767.98px) {
    .my-account-section .bonus-saldo {
        font-size: 20px;
    }
}
.accordion-box {
    border: 2px solid #a0a0a0;
    border-radius: 4px;
    margin-top: 15px;    
}
.accordion {
    background-color: #fff;
    color: #000;
    border: 0;
    cursor: pointer;
    padding: 22px 28px 30px 25px;    
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-family: var(--font-family);
    /*font-size: 35px;*/
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 35px;
}
.accordion-panel {
    padding: 0;
    background-color: white;
    display: none;
    overflow: hidden;
}
.accordion + .accordion-panel {
    display: none;
}
.accordion.active + .accordion-panel {
    display: block;
}
.accordion:after {
    content: '';
    width: 24px;
    height: 34px;
    background-image: url(../images/plus.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 24px;
    -webkit-background-size: 24px;
    -o-background-size: 24px;
    -moz-background-size: 24px;
    float: right;
    margin-left: 5px;
}
.accordion.active:after {
    background-image: url(../images/minus.svg);
}
.popup-container {
    position: relative;    
}
.users_menu #popupcart, 
.users_menu #popup-user-box {
    display: none;
}
.users_menu.active-cart #popupcart, .users_menu.active-account #popup-user-box {
    display: block;
}


.users_menu-container {
    /*width: 160px;*/
    /*width: 110px;*/
    min-height: 1px; 
    display: inline-block;
    float: right;
    position: relative;
    /*
    position: absolute;
    right: 0;
    */
}
@media (max-width: 767.98px) {
    .phone-icon-container {
        width: 28px;
        right: 50px;
        position: absolute;
        margin-right: 10px;
    }
    .phone-icon-container a {
        display: block;
    }
    .phone-icon-container a img {
        width: auto;
        height: 27px;
    }
    .phone-icon-container i {
        color: var(--base-color);
        width: auto;
        font-size: 26px;
        line-height: 1;
        margin-top: 2px;
    }
    body.night-mode .phone-icon-container i {
        color: white;
    }
}
@media (min-width: 768px) {
    .phone-icon-container {
        display: none;
    }
}

#popup-user-box {
    position: absolute;
    z-index: 1050;
    top: 10px;
    right: 0px;
    min-width: 320px;
    min-height: 1px;
    margin: 0;
    margin-left: 0;
    padding: 30px 34px 40px;
    background-color: #fff;

    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
    text-align: center;
}
#popup-user-box .user-name {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    padding: 10px 0;
    margin-left: 0;
}
#popup-user-box #myPersonal,
#popup-user-box #myOrders {
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    text-decoration: none;
    cursor: pointer;
    padding: 12px 0 28px;
    margin-left: 0;
    color: #000;
    text-align: left;
}
#popup-user-box #myPersonal {
    padding-bottom: 12px;
}

#popup-user-box #log-out {
    margin: 0 auto;
    display: block;
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    border: 2px solid var(--base-color);
    background-color: var(--base-color);
    border-radius: 5px;
    cursor: pointer;
    width: 118px;
    height: 46px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
#popup-user-box #log-out:hover {
    color: var(--base-color);
    border: 2px solid var(--base-color);
    background-color: #fff;
}
.control-label {
    /*font-size: 22px;*/
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 30px;
    color: #000;
}
.control-value {
    /*font-size: 25px;*/
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 30px;
    color: #000;
}
.data-panel-col {
    width:  38.5%;
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
    margin-left: 30%;
    margin-bottom: 40px;
}
.data-panel-col.panel-show-data {
    width: 40%;
}
.data-panel-col .form-group {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 24px;
}

.robota__data-panel-col {
    width:  100%;
    display: inline-block;
    position: relative;
    float: left;
    min-height: 1px;
    margin-left: 0;
    margin-bottom: 0;
}

.my-account-section .edit_data_link {
    color: #a0a0a0;
    /*font-size: 23px;*/
    font-size: 1.3rem;
    font-weight: bold;    
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 50px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
.my-account-section .edit_data_link.link_slip:after {    
    position: absolute;
    content: '';
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #a0a0a0;
} 
.data-panel-col input,
.data-panel-col select,
.data-panel-col textarea {
    display: inline-block;
    width: 100%;
    height: 49px;
    /*font-size: 22px;*/
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 22px;
    color: rgba(85, 85, 85, 1.0);
    /*border: 2px solid rgba(85, 85, 85, 1.0);*/
    border: 2px solid rgba(204, 204, 204, 1.0);
    border-radius: 4px;
    text-align: left;
    padding: 5px 15px;
    margin-top: 5px;
}
.data-panel-col textarea {
    height: auto;
}

.data-panel-col select:disabled {
    color: rgba(85, 85, 85, 0.5);
    border-color: rgba(204, 204, 204, 0.5);
}
.data-panel-col input:focus {
    color: #000;
}
.data-panel-col.panel-edit-data .form-group {
    margin-bottom: 19px;
}
.panel-edit-data .note-email p {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #a0a0a0;
    margin-top: 16px;
    margin-bottom: 12px;
}
.my-account-section .add_address_link {
    color: #000;
    font-size: 25px;
    font-weight: normal;
    line-height: 30px;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 42px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
.my-account-section .add_address_link.link_slip:after {    
    position: absolute;
    content: '';
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background: #000;
} 
.my-account-section .save-data {
    /*font-size: 23px;*/
    font-size: 1.3rem;
    font-weight: bold;
    color: var(--base-color);
    border: 2px solid var(--base-color);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 50px;

    width: 208px;
    height: 46px;
    line-height: 40px;

    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.my-account-section .save-data:hover {
    background-color: var(--base-color);
    color: #fff;
}
.data-panel-col.panel-orders {
    margin-bottom: 55px;
}
.order-item .order-date {
    float: left;
    color: #000;
    font-size: 25px;
    font-weight: normal;
    line-height: 30px;
}
.order-item .order-total-price {
    float: right;
    color: #000;
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
}
.order-item .order-number {
    text-align: left;
    color: #a0a0a0;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 5px;
}
.order-item .order-number .label {
    font-weight: normal;
}
.order-item .order-number .val {
    font-weight: bold;
    margin-left: 4px;
}
.order-item .order-review {
    padding-top: 5px;
}
.order-item .order-review-label {
    color: #000;
    font-size: 22px;
    font-weight: normal;
    line-height: 35px;
    display: inline-block;
}
.order-item .order-review-mark {
    color: #000;
    font-size: 25px;
    font-weight: bold;
    line-height: 35px;
    display: inline-block;
    padding-left: 15px;
}
.order-item .order-review-mark:after {
    margin: 5px;
    font-size: 35px;
    line-height: 35px;
    font-family:"Font Awesome 6 Pro";
    display: inline-block;
    content: "\f005";
    color: #a0a0a0;
    padding-left: 8px;
}
.order-item .divider-line {
    width: 100%;
    border-bottom: 2px solid #a0a0a0;
    margin: 28px 0 28px;
}
.order-item .сurrent-order img {
    width: 20px;
    height: auto;
    margin-right: 20px;
}
.order-item .order-number-box {
    margin: 20px auto 50px;
}
.order-item .order-number-box .box-title {
    margin-bottom: 10px;
}
.order-item .order-number-box.time-out {
    background: #a0a0a0;
}
.order-review .que-item {
    text-align: center;
    margin-bottom: 17px;
}
.que-item .rating-box {
    display: inline-block;
    width: 235px;
    margin: 0 auto;
}
.que-item .que-title {
    color: #000;
    font-size: 22px;
    font-weight: normal;
    line-height: 26px;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
}
.order-review .comment-title {
    color: #a0a0a0;
    font-size: 22px;
    font-weight: normal;
    line-height: 26px;
    padding: 12px 0 20px;
}
.order-review textarea.comment-for-review {
    width: 100%;
    height: 97px;
    padding: 15px;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    color: #000;
    border: 2px solid #a0a0a0;
    border-radius: 4px;
    margin-bottom: 3px;
    resize: none;
}
.order-review .send-comment {
    font-size: 23px;
    font-weight: bold;
    color: var(--base-color);
    border: 2px solid var(--base-color);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 25px;
    width: 155px;
    height: 46px;
    line-height: 40px;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.order-review .send-comment:hover {
    background-color: var(--base-color);
    color: #fff;
}
.retry-pay {
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    border: 2px solid #5cb85c;
    background-color: #5cb85c;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 25px;
    padding: 0 20px;
    height: 46px;
    line-height: 40px;
    white-space: nowrap;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.retry-pay:hover {
    background-color: #4cae4c;
    border-color: #4cae4c;
    color: #fff;
}



/*----Reviews---*/
fieldset, .rating label { margin: 0; padding: 0; }

/****** Style Star Rating Widget *****/

.rating { 
  border: none;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 6px;
  font-size: 30px;
  font-family:"Font Awesome 6 Pro";  
  display: inline-block;
  content: "\f005"; 
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
    color: #a0a0a0; 
    float: right;
    cursor: pointer; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #e51338;font-weight: bold;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #e51338;font-weight: bold;  } 
/*-------*/

.fixed-overlay  {
    position: absolute;
    overflow: auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
}
.fixed-overlay__modal {
    text-align: center;
    white-space: nowrap;
}
.fixed-overlay__modal::after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    content: '';
}
.modal {
    display: inline-block;
    vertical-align: middle;
}
#popup-night-box .modal_container {
    margin: 120px 0 0;
    padding: 20px 30px;
    text-align: center;
    white-space: normal;
    background-color: #fff;    
    color: #000;
    border-radius: 25px;
    max-width: 725px;
    -webkit-box-shadow: 10px 20px 30px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 20px 30px 0px rgba(0,0,0,0.3);
    box-shadow: 10px 20px 30px 0px rgba(0,0,0,0.3);
    position: relative;
}
#popup-night-box .title {
    /*font-size: 90px;*/
    font-size: 4.0rem;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 30px;
}
#popup-night-box .subtitle {
    /*font-size: 33px;*/
    font-size: 1.7rem;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 25px;
}
#popup-night-box .description {
    /*font-size: 22px;*/
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 20px;
}
.povorot5 {
    -moz-transform:    rotate(-4deg);
    -o-transform:      rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform:         rotate(-4deg);

    /* IE8+ - must be on one line, unfortunately */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9975640502598243, M12=0.06975647374412515, M21=-0.06975647374412515, M22=0.9975640502598243, SizingMethod='auto expand')";

    /* IE6 and 7 */ 
    filter: progid:DXImageTransform.Microsoft.Matrix(
        M11=0.9975640502598243,
        M12=0.06975647374412515,
        M21=-0.06975647374412515,
        M22=0.9975640502598243,
        SizingMethod='auto expand');
}
#popup-night-box .close_modal {
    height: 30px;
    width: 30px;
    cursor: pointer;
}
#popup-night-box .close_modal:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    top: 20px;
    right: 25px;
    background: url(../images/dell.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


#popup-city-select-box .cities {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
#popup-city-select-box .modal {
    display: block;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 525px;
    max-width: 90vw;
}

#popup-city-select-box .modal_container {
    display: flex;
    flex-direction: column;
    
    
    margin: 100px auto 50px auto;
    max-height: calc(100vh - 150px);
    
    padding: 20px 30px;
    text-align: center;
    white-space: normal;
    background-color: #fff;    
    color: #000;
    border-radius: 25px;
    width: 525px;
    max-width: 90vw;
    -webkit-box-shadow: 10px 20px 30px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 20px 30px 10px rgba(0,0,0,0.3);
    box-shadow: 10px 20px 30px 10px rgba(0,0,0,0.3);
    position: fixed;
}
@media only screen and (max-width: 767px) {
    #popup-city-select-box .modal_container {
        margin: 75px auto 25px auto;
        max-height: calc(100vh - 100px);
        padding: 20px 15px;
    }
}

#popup-city-select-box .title {
    font-size: 33px;
    line-height: 35px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 2px solid rgb(238, 238, 238);
}

#popup-city-select-box .cities {
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
    #popup-city-select-box .cities {
        font-size: 22px;
    }
}
#popup-city-select-box .cities_item {
    margin-bottom: 15px;
    
    color: #000;
    text-align: left;
}


#popup-city-select-box .cities_item_parent {
    font-weight: bold;
    color: #555;
    margin-bottom: 5px;
}
#popup-city-select-box .cities_item_child {
    font-size: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px;
}
#popup-city-select-box .cities_item_parent,
#popup-city-select-box .cities_item_child_item {
    cursor: pointer;
}
#popup-city-select-box .cities_item_parent:focus,
#popup-city-select-box .cities_item_parent:hover,
#popup-city-select-box .cities_item_child_item:focus,
#popup-city-select-box .cities_item_child_item:hover {
    /*color: #666;*/
    color: var(--base-color);
}
@media only screen and (max-width: 767px) {
    #popup-city-select-box .cities_item_child {
        font-size: 18px;
    }
}
#popup-city-select-box .cities_item_child_item {
    margin: 5px 10px;
}

.city-select-fixed-overlay  {
    position: absolute;
    overflow: auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1111;
}
.city-select-fixed-overlay__modal {
    text-align: center;
    white-space: nowrap;
}
.city-select-fixed-overlay__modal::after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    content: '';
}
@media only screen and (max-width: 759px) {
    #popup-city-select-box .title {
        font-size: 24px;
        line-height: 30px;        
        margin-bottom: 10px;
    }
    .city-select-fixed-overlay {
        position: fixed;     
    }
}
@media only screen and (max-width: 570px) {
    .city-select-fixed-overlay {
        background-color: rgba(0,0,0,0.2);
        /*background-image: url(../images/night-sky.png);*/
        background-position: top center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        
    }
}

.a2l_bz {
    position:fixed!important;
    bottom:0;
    left:0;
    width:100%;
    z-index:101;
    transition:all .8s cubic-bezier(.19,1,.22,1);
    -ms-touch-action:none;
    touch-action:none;
}
.a2l_bz.a2l_zm {
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}
.wrap-all{
  position: relative;
  z-index: 1;
  background: #fff;
}
footer {
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
}
#new_address .control-label {
    display: inline-block;
    min-width: 118px;
}
#new_address .block1, #new_address .block2 {
    margin-bottom: 15px;
}
#new_address .block3 {
    margin-bottom: 30px;
}
#new_address .block1 input {
    width: calc(100% - 3% - 118px);
    margin-left: 1.5%;
    margin-right: 1.5%;
}
#new_address .checkout-city-selector {
    display: inline-block;
    width: calc(100% - 3% - 122px);
    margin-left: 1.5%;
    margin-right: 1.5%;
    vertical-align: middle;
    cursor: pointer;
}
#new_address .checkout-city-selector .select2-container {
    width: 100% !important;
}
#new_address .checkout-city-selector .select2-container--default .floc-select {
    background-color: #fff;
    border: 2px solid #a0a0a0;
    border-radius: 4px;
    height: 34px;
}
#new_address .checkout-city-selector .floc-select .select2-selection__rendered,
#new_address .checkout-city-selector .select2-container--default .select2-selection--single.floc-select .select2-selection__rendered {
    color: #555 !important;
    font-size: 24px !important;
    height: 34px !important;
    line-height: 32px !important;
    padding-left: 12px;
    background-image: url(../images/bottom-arrow-dark.svg);
    margin-top: 10px;
}
@media (max-width: 767.98px) {
    #new_address .checkout-city-selector .floc-select .select2-selection__rendered,
    #new_address .checkout-city-selector .select2-container--default .select2-selection--single.floc-select .select2-selection__rendered {
        margin-top: 0px;
        font-size: 18px !important;
    }
}

#new_address .block2 input, #new_address .block3 input  {
    width: calc((100% - 10% - 356px)/3);
    margin-left: 1.5%;
    margin-right: 1.5%;
}

.my-account-section #new_address {
    margin-top: 15px;
}
.my-account-section #new_address .control-label {
    display: block;
    min-width: 40px;
    margin-bottom: 0;
}
.my-account-section #new_address .block1, #new_address .block2 {
    margin-bottom: 10px;
}
.my-account-section #new_address .block3 {
    margin-bottom: 20px;
}
.my-account-section #new_address .block1 input {
    width: 100%!important;
    margin-left: 0;
    margin-right: 0!important;
}
.my-account-section #new_address .block2 input, .my-account-section #new_address .block3 input  {
    width: 100%!important;
    margin-left: 0;
    margin-right: 0;
    clear: both;
}
.my-account-section #new_address .sub_block {
    display: block;
    float:left;
    margin-bottom: 10px;
}
.my-account-section #new_address .sub_block:nth-child(1) {
    width: calc(33.33% - 10px);
    margin-right: 10px;
}
.my-account-section #new_address .sub_block:nth-child(2) {
    width: calc(33.33% - 10px);
    margin-left: 5px;
    margin-right: 5px;
}
.my-account-section #new_address .sub_block:nth-child(3) {
    width: calc(33.33% - 10px);
    margin-left: 10px;
}

.header_bottom-overlay {
    background-color: rgba(0,0,0,0.2);
    position: fixed;
    overflow: auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    cursor: pointer;      
}

/*---Media---*/
@media only screen and (min-width: 1720px) {
    .pr-container {
        padding: 0 15px;
    }
}
@media (min-width: 768px) and (max-width: 1366px) {
    #footer-info {
        width: 27%;
    }
    #footer-delivery {
        width: 73%;
    }
    #footer-info .location {
        padding-right: 15%;
    }
    a.clicktitle {
        font-size: 38px;
    }
    .panel-col {
        width: 38.5%;
    }
}
@media only screen and (max-width: 1310px) {
    #footer .policy_col {
        width: 32%;
    }
    #footer .social-icon-footer {
        width: 37%;
    }
}
@media (min-width: 1246px) and (max-width: 1320px) {
    .location-info-col {
        padding-left: 30px;
        width: 41%;
    }
    .work-hour-col {
        width: calc(59% - 296px);
    }
    .cart__relevant-products .slick-prev {
        left: 3.5%;
    }
    .users_menu-container {
        width: 50px;
    }
    .header_bottom .navbar-brand svg, .home-page .header_bottom .navbar-brand svg {
        width: 35px;
        margin-right: 1px;
    }
}

@media only screen and (max-width: 1245px) {
    .row .col-4 .product-item {
        padding-left: 40px;
        padding-right: 40px;
    }
    .row .col-4:first-child .product-item {
        padding-left: 40px;
        padding-right: 40px;
    }
    .row .col-4:last-child .product-item {
        padding-right: 40px;
        padding-left: 40px;
    }
    .home-page .col-4 {
        width: 50%;
    }
    .cart__relevant-products .slick-prev {
        left: 3.5%;
    }
    .location-info-col {
        padding-left: 60px;
        width: calc(100% - 296px);
    }
    .work-hour-col {
        padding-left: 362px;
        width: 100%;
        padding-top: 0;
    }
    .contacts-content .info-block {
        padding-bottom: 0;
    }
    .work-hour-col .info-block {
        margin-top: 0;
    }
    #popup-night-box .modal_container {
        max-width: 600px;
        padding: 15px;
    }
    #popup-night-box .title {
        /*font-size: 70px;*/
        /*line-height: 70px;*/
        margin-bottom: 20px;
    }
    .users_menu-container {
        width: 50px;
    }
    .header_bottom .navbar-brand svg, .home-page .header_bottom .navbar-brand svg {
        width: 35px;
        margin-right: 1px;
    }
}

@media only screen and (max-width: 1200px) {
    #footer-info {
        width: 40%;
    }
    #footer-delivery {
        width: 60%;
    }
    #footer .copyright_col {
        width: 40%;
        padding-top: 0;
    }
    #footer .policy_col {
     width: 60%;
     padding-top: 0;
     text-align: right;
 }
 #footer .social-icon-footer {
    padding-top: 10px;
    width: 100%;

}
#footer .delivery_data ul li {
    line-height: 28px;
}
.users_menu-container {
    width: 50px;
}
.header_bottom .navbar-brand svg, .home-page .header_bottom .navbar-brand svg {
    width: 37px;
    margin-right: 1px;
}

}
@media (min-width: 1025px) and (max-width: 1200px) {
    ul#primary-menu li {
        padding: 0 5px;
    }
    ul#primary-menu li a {
        font-size: 21px;
    }
    a.item-news h2.news-title {
        font-size: 23px;
        line-height: 25px;
    }    
}
@media only screen and (min-width: 1025px) {
    .pr-container {
        padding: 0 60px;
    }
    .menu-main-mobile, .header-menu-open {
        display: none!important;
    } 
    .users_menu-container-mobile {
        display: none;
    }  
}

@media only screen and (max-width: 1024px) {
    .users_menu .log-in svg {
        width: 26.38px;
    }
    .site-header {
        min-height: 83px;
    }
    .home-page .site-header {
        min-height: 154px;
    }
    .users_menu-container {
        width: auto;
    }
    .header_top {
        display: none;
    }
    .header_bottom .site-branding {
        visibility: visible;
    }
    .home-page ul.primary-menu.mobile-1 {
        display: none;
    }
    .header_bottom .users_menu, .header_bottom .main-navigation {
        display: none;
    }
    .header_bottom.fixed .main-navigation {
        display: inline-block;
        height: 40px;
        width: calc(100% - 100px);
        margin: 0 auto;
        margin-right: 38px;
        overflow: hidden;
    }
    .header_bottom.fixed .main-navigation .menu-menu-1-container {
        width: 100%;
        margin: 0 auto;
    }
    .fixed .main-navigation ul#primary-menu {
        position: relative;
    }
    .fixed .main-navigation ul#primary-menu li {
        display: block;
        padding: 0;        
    }
    .fixed .main-navigation ul#primary-menu li a {
        position: relative;
        display: none;
        color: #000!important;
        margin-left: -20px;
    }
    .fixed .main-navigation ul#primary-menu li a.current-menu-item {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        text-decoration: underline;
    }
    .fixed ul#primary-menu li.menu-item-other {
        display: none!important;
    }
    .fixed .main-navigation.is-show {
        height: auto;
        overflow: visible;
    }
    .fixed .main-navigation.is-show ul#primary-menu {
        display: inline;
    }
    .fixed .main-navigation.is-show ul#primary-menu li a {
        display: block;
        color: #000!important;
        margin-top: 6px;
        margin-bottom: 25px;
    }
    .fixed .main-navigation.is-show ul#primary-menu li a.current-menu-item {
        position: relative;
        left: 0;
        color: #000!important;
    }
    .fixed .main-navigation.is-show .slideup_menu {
        display: block;
        width: 20px;
        height: 20px;
        content: " ";
        color: #000;
        background-image: url(../images/bottom-arrow-dark-open.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        left: 0;
        right: 0;
        margin: 5px auto;
    }

    .header-menu-open {
        display: inline-block;
        float: right;
        position: absolute;
        right: 15px;
        z-index: 1010;
    }
    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        height: 2px!important;
        width: 30px!important;
        background-color: #000;
    }
    body.night-mode .hamburger-inner, 
    body.night-mode .hamburger-inner:after, 
    body.night-mode .hamburger-inner:before {
        background-color: white;
    }
    body.night-mode .hamburger--spin.is-active .hamburger-inner, 
    body.night-mode .hamburger--spin.is-active .hamburger-inner:after, 
    body.night-mode .hamburger--spin.is-active .hamburger-inner:before {
        background-color: black;
    }
    .home-page .hamburger-inner, .home-page .hamburger-inner:after, .home-page .hamburger-inner:before {
        background-color: #fff;
    }
    .home-page .fixed .hamburger-inner, .home-page .fixed .hamburger-inner:after, .home-page .fixed .hamburger-inner:before,
    .home-page .is-active .hamburger-inner, .home-page .is-active .hamburger-inner:before, .home-page .is-active .hamburger-inner:after {
        background-color: #000;
    }
    .hamburger {
      padding: 15px 0 15px 15px!important;  
  }    
  .hamburger-box {
    width: 30px!important;
}


.menu-main-close {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.menu-main-mobile {
    display: none;
    position: absolute;
    left: 0;
    top: 0px;
    background-color: rgba(255,255,255,1);
    z-index: 1000;
    width: 100%;
    overflow-y: auto;
    text-align: left;
    border-bottom: 2px solid #eeeeee;

    height: 100Vh;
    max-height: 100Vh;
}
.menu-main-warp {
    margin-top: 0px;
    text-align: left;
    padding: 15px 0 0 15px;
}
.menu-main-mobile ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
    padding: 10px 0 0 47px;
}
ul.primary-menu.mobile-1>li, ul.primary.menu-mobile-2>li, ul.primary.menu-mobile-3>li {        
    position: relative;
}
ul.primary-menu.mobile-1>li a,  ul.primary-menu.mobile-2>li a {
    text-decoration: none;
    color: #292929;
    /*font-size: 25px;*/
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 32px;
    display: inline-block;
}

ul.primary-menu.mobile-2>li.current-menu-item a {
    color: var(--base-color)!important;
}

ul.primary-menu.mobile-3 .location_city {
    text-decoration: none;
    color: #292929;
    /*font-size: 20px;*/
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2;
    display: inline-block;
}
ul.primary-menu.mobile-3 .phone_number a {
    text-decoration: none;
    color: #292929;
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    display: inline-block;
}
.primary-menu.mobile-1 li a.current-menu-item, .primary-menu.mobile-2 li a.current-menu-item, .primary-menu.mobile-3 li a.current-menu-item,
.primary-menu.mobile-1 li a:hover, .primary-menu.mobile-2 li a:hover, .primary-menu.mobile-3 li a:hover {
    color: #000;
    text-decoration: underline;
}
ul.primary-menu.mobile-2, ul.primary-menu.mobile-3 {
    padding-top: 20px;
}
.home-page ul.primary-menu.mobile-2 {
    padding-top: 45px;
}
ul.primary-menu.mobile-2>li {
    padding-bottom: 13px;
}
ul.primary-menu.mobile-3>li:last-child {
    padding-bottom: 0;
}
ul.primary-menu.mobile-3 {
    position: relative;
    padding-top: 50px;
}
.home-page ul.primary-menu.mobile-3 {
    padding-top: 120px;
}
ul.primary-menu.mobile-3 .phone_number .phone_note {
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
    font-family: var(--font-family);
    font-weight: normal;
    font-size: 15px;
}

.users_menu-container-header-mobile .users_menu {
    display: inline-block;
    width: 100%;
}
.users_menu-container-header-mobile .users_menu svg .cls-1 {
    fill: #000;
}
.users_menu-container-header-mobile .users_menu svg {
    height: 34px;
}
.users_menu-container-header-mobile .users_menu div {
    margin-left: 0;
}
.users_menu-container-header-mobile .users_menu .bag-ico-box {
    margin-left: 80px;
}
.users_menu-container-header-mobile .users_menu .bag-ico-box .price-in-bag {
    font-size: 12px;
    line-height: 12px;
    top: -7px;
    left: 14px;
}
.users_menu-container-header-mobile .users_menu {
    float: none;
    position: relative;
    top: 0px;
    left: 0px;
    text-align: left;
}
.users_menu-container-header-mobile .users_menu a span {
    display: inline-flex;
    float: right;
    padding: 5px 0 0 20px;
    /*font-size: 20px;*/
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 24px;
    color: #000;
}
.header_bottom.fixed .users_menu-container-header-mobile .users_menu {
    float: none;
    position: relative;
    text-align: left;
} 

.users_menu-container-mobile {
    width: 100%;
    height: 62px;
    display: inline-block;
    position: relative;
    border-top: 2px solid #eeeeee;
    padding: 9px 15px 21px;
    text-align: center;
    background-color: #fff;       
}
.users_menu-container-mobile .users_menu svg .cls-1 {
    fill: #000;
}
.users_menu-container-mobile .users_menu svg {
    height: 28px;
}
.users_menu-container-mobile .users_menu div {
    margin-left: 0;
}
.users_menu-container-mobile .users_menu .bag-ico-box {
    margin-left: 80px;
}
.users_menu-container-mobile .users_menu .bag-ico-box .price-in-bag {
    font-size: 12px;
    line-height: 12px;
    top: -7px;
    left: 14px;
}
#popup-user-box {
    top: 25px;
    right: -93px;
}
/*
#popupcart {
    top: 25px;
    right: -163px; 
}   
*/
.home-page #section-slider {
    margin-top: -154px;
}
a.item-news h2.news-title {
    font-size: 23px;
    line-height: 25px;
}
.navbar-brand img, .navbar-brand svg {
    /*width: calc(100vw - 200px);*/
}
.home-page .navbar-brand svg,
.home-page .logo .navbar-brand img {
    width: 49px;
}
footer {
    position: relative;
}
.home-page ul#primary-menu li:hover a, .home-page .fixed ul#primary-menu li:hover a {
    color: #000!important;
    opacity: 1;
}

}
@media only screen and (max-width: 946px) {
    .single-post-section .post-container {
        padding: 0 15px;
    }
    .contact_data .tel a {
        font-size: 30px;
    }
    .main-carousel .carousel-caption .text-title-section {
        padding-top: 40px;
        font-size: 50px;
        line-height: 60px;
    }
    .main-carousel .carousel-caption .text-description-section {
        font-size: 30px;
        line-height: 30px
    }
}
@media (min-width: 760px) and (max-width: 850px) {
    .row .col-4 .product-item {
        padding-left: 20px;
        padding-right: 20px;
    }
    .row .col-4:first-child .product-item {
        padding-left: 20px;
        padding-right: 20px;
    }
    .row .col-4:last-child .product-item {
        padding-right: 20px;
        padding-left: 20px;
    }
    .blog-post-all .col-4 {
        width: 50%;
    }
    .blog-post-all .col-4:nth-child(3n-2) .item-news, .blog-post-all .col-4:nth-child(3n-1) .item-news, .blog-post-all .col-4:nth-child(3n) .item-news  {
        padding-left: 18px;
        padding-right: 18px;
    }
    a.item-news h2.news-title {
        min-height: 125px;
    }
    .post-container .post-title {
        font-size: 30px;
        line-height: 35px;
    }
    .location-info-col {
        padding-left: 0;
        padding-top: 20px;
        width: 100%;
    }
    .work-hour-col {
        padding-left: 7px;
        width: 100%;
    }
    .contacts-section .pr-container {
        opacity: 0;
    }
    #popup-night-box .modal_container {
        max-width: 550px;
        padding: 15px;
    }
    .menu-main-mobile {
        height: 100Vh;
        max-height: 100Vh;
    }     
    
}
@media only screen and (min-width: 768px) {
    .social-icon-footer-mobile, #footer .copyright_col-mobile, #footer-delivery .collapse-data-mobile {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .pr-container {
        padding: 0 15px;
    }
    #footer .pr-container {
        padding: 0;
    }
    #footer-info {
        width: 100%;
        text-align: center;
    }
    #footer #footer-info .col-title {
        display: none;
    }
    #footer-info .location {
        padding-right: 0;
        max-width: 266px;
        margin: 0 auto 15px auto;
    }
    .social-icon-footer-mobile {
        width: 100%;
        display: inline-block;
        position: relative;
        text-align: center;
    }
    .social-icon-footer-mobile .soc-info i {
        font-size: 50px;
        line-height: 44px;
        color: #fff;        
    }
    .social-icon-footer-mobile .soc-info a:last-child i {
        margin-left: 22px;
    }
    #footer .social-icon-footer, #footer .copyright_col {
        display: none;
    }
    #footer .copyright_col-mobile {
        width: 100%;
        /*font-size: 14px;*/
        line-height: 1.3;
        margin: 0;
        padding-top: 10px;
        padding-left: 15px;
    }
    #footer .policy_col {
     width: 100%;
     padding-left: 15px;
     text-align: left; 
 }
 #footer .row:last-child {
    padding-bottom: 0;
}
#footer-delivery {
    width: 100%;
}
#footer-delivery .col-title {
    padding: 8px 15px 9px;
    border-top: 2px solid #a0a0a0;
    border-bottom: 2px solid #a0a0a0;
    margin-top: 30px;
    margin-bottom: 5px;
    color: #fff;
    /*font-size: 20px;*/
    cursor: pointer;
}
#footer .delivery_data {
    display: none;
    padding-left: 15px;
    padding-top: 15px;
}
#footer-delivery .collapse-data-mobile {
    display: inline-block;
    width: 40px;
    height: 24px;
    float: right;
    background-image: url(../images/bottom-arrow.svg);
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
}
.main-carousel .carousel-caption .text-title-section {
    padding-top: 20px;
    font-size: 60px;
    line-height: 100px;
}
.blog-post-all .col-4 {
    width: 50%;
}
.blog-post-all .col-4:nth-child(3n-2) .item-news, .blog-post-all .col-4:nth-child(3n-1) .item-news, .blog-post-all .col-4:nth-child(3n) .item-news  {
    padding-left: 12px;
    padding-right: 12px;
}
a.item-news h2.news-title {
    min-height: 125px;
}
.menu-main-mobile {
    height: 100Vh;
    max-height: 100Vh;
}     

}
@media only screen and (max-width: 759px) {
    .row .col-4 .product-item, .row .col-4:first-child .product-item, .row .col-4:last-child .product-item {
        padding-left: 60px;
        padding-right: 60px;
    }
    .home-page .col-4 {
        width: 100%;
    }
    .post-container .post-title {
        font-size: 30px;
        line-height: 35px;
    }
    .location-info-col {
        padding-left: 0;
        padding-top: 20px;
        width: 100%;
    }
    .work-hour-col {
        padding-left: 7px;
        width: 100%;
    }
    .contacts-section .pr-container {
        opacity: 0;
    }
    #popup-night-box .modal_container {
        margin: 0;
        -webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.3);
        box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.3);
    }
    #popup-night-box .modal_container {
        max-width: 400px;
        padding: 15px;
    }
    #popup-night-box .title {
        /*font-size: 48px;*/
        /*line-height: 44px;*/
        margin-bottom: 15px;
    }
    #popup-night-box .subtitle {
        font-size: 24px;
        line-height: 30px;        
        margin-bottom: 10px;
    }
    #popup-night-box .description {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .fixed-overlay {
        position: fixed;        
    }
    #popup-night-box .close_modal {
        height: 20px;
    }
    #popup-night-box .close_modal:before {
        width: 20px;
        height: 20px;
    }
    .delivery-section .addr-btn, .delivery-section .self-checkout-btn, .payment-section .cash-btn, .payment-section .bank-btn {
        width: 260px;
    }
}

@media only screen and (max-width: 600px) {
    .contact_data .addr {
        font-size: 20px;
        line-height: 22px;
    }
    .contact_data .tel a {
        font-size: 28px;
    }
    .contact_data .mail a {
        font-size: 16px;
    }
    #footer {
        padding: 32px 0 10px;
    }
    .contact_data .tel {
     padding: 10px 0 13px;
     }
     #footer-info .info {
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .select2-selection.floc-select, .floc-select .select2-selection__rendered {
        height: 37px!important;
        line-height: 30px!important;
    }
    .floc-select .select2-selection__rendered {
        background-image: url(../images/bottom-arrow.svg);
        background-position: calc(100% - 10px) 50%;
        background-repeat: no-repeat;
        background-size: 17px 17px;
        -webkit-background-size: 17px 17px;
        -o-background-size: 17px 17px;
        -moz-background-size: 17px 17px;
    }
    .select2-container--open .floc-select .select2-selection__rendered {
        background-size: 17px 17px;
        -webkit-background-size: 17px 17px;
        -o-background-size: 17px 17px;
        -moz-background-size: 17px 17px;
    }
    .select2-container--default .select2-selection--single.floc-select .select2-selection__rendered {
        /*font-size: 20px;*/
        line-height: 24px;
    }
    #footer .delivery_data ul li {
        line-height: 20px;
        font-size: 14px;
    }
    .row .col-4 .product-item, .row .col-4:first-child .product-item, .row .col-4:last-child .product-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    a.item-news h2.news-title {
        min-height: 150px;
    }
    .fixed .main-navigation ul#primary-menu {
        margin: 6px 0;
    }

}
@media only screen and (min-height: 1000px) {
    .main-carousel .carousel-caption .text-title-section {
        padding-top: 20px;
        font-size: 60px;
        line-height: 100px;
    }
    .main-carousel .carousel-caption {
        height: 900px;
    }
    /*
    #popupcart {
        max-height: 800px;
    } 
    */
}
@media only screen and (max-height: 600px) {    
    .string {
        font-size: 35px;
        top: 85px;
    } 
    .main-carousel .carousel-caption .text-title-section {
        padding-top: 40px;
        font-size: 50px;
        line-height: 60px;
    }
    .main-carousel .carousel-caption .text-description-section {
        font-size: 30px;
        line-height: 30px
    }
    .main-carousel .slick-prev, .main-carousel .slick-next {
        top: 50%!important;
    }
    .contacts-content .map, .contacts-content .map .acf-map {
        height: 400px;
    }
    #popup-night-box .modal_container {
        margin: 135px 0 0;
    }
    /*
    #popupcart {
        max-height: 400px;
    } 
    */
}

@media only screen and (max-width: 570px) {
    .row .col-4 .product-item, .row .col-4:first-child .product-item, .row .col-4:last-child .product-item {
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-menu-open {
        right: 0px;
        /*top: 11px;*/
    }
    .product-item .propuct-size .lg-size {
        width: 62px;
        height: 62px;
        line-height: 57px;
        font-size: 16px;
    }
    .product-item .propuct-size .md-size {
        width: 50px;
        height: 50px;
        line-height: 47px;
        font-size: 14px;
        margin: 5px 5px 0;
    }
    .product-item .propuct-size .sm-size {
        width: 40px;
        height: 40px;
        line-height: 35px;
        font-size: 12px;
    }
    /*
    #popupcart {
        top: 25px;
        right: -90px;
        width: 310px;
        padding: 35px 10px 40px;
    }
    #popupcart #checkoutOrder {
        width: 140px;
    }
    */
    .home-page #section-slider {
        margin-top: -167px;
        position: relative;
        background: #fff;
        height: 135px;
    }
    .main-carousel, #toDown_button, #ups {
        display: none;
    }
    .string {
        font-size: 35px;
        color: #000;
        top: 75px;
    }
    .home-page-night .string {
        color: #fff;
        z-index: 999;
    }
    .home-page .hamburger-inner, .home-page .hamburger-inner:after, .home-page .hamburger-inner:before {
        background-color: #000;
    }
    .home-page-night .hamburger-inner, .home-page-night .hamburger-inner:after, .home-page-night .hamburger-inner:before {
        background-color: #fff;
    }
    .home-page .navbar-brand svg .cls-1 {
        fill: var(--base-color);
    }
    .home-page-night .navbar-brand svg .cls-1 {
        fill: #fff;
    }
    .navbar-brand svg,
    .logo .navbar-brand img {
        height: 35px;
    }
    .navbar-brand {
        display: block;
    }
    .hamburger {
        padding: 10px 15px!important;
    }
    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        width: 25px!important;
    }
    .hamburger-inner:before {
        top: -7px!important;
    }
    .hamburger-inner:after {
        bottom: -7px!important;
    }
    .hamburger.is-active .hamburger-inner:after {
        bottom: 0px!important;
    }
    .copyright_col p, .policy_col p {
        letter-spacing: -0.3px;
    }
    .blog-category-section {
        padding-top: 0;
    }
    .single-post-section {
        padding-top: 0;
        padding-bottom: 15px;
    }
    .blog-post-all .col-4 {
        width: 100%;
        margin-bottom: 22px;
    }
    .blog-post-all .col-4:nth-child(3n-2) .item-news, .blog-post-all .col-4:nth-child(3n-1) .item-news, .blog-post-all .col-4:nth-child(3n) .item-news  {
        padding-left: 0;
        padding-right: 0;
    }
    
    a.item-news .news-date {
        font-size: 15px;
        margin-top: 18px;
    }
    .post-container .post-publish-date {
        font-size: 15px;
        margin-top: 15px;
    }
    a.item-news h2.news-title {
        font-size: 18px;
        line-height: 22px;
        min-height: 20px;
        margin-top: 10px;
    }
    .loadmore-row {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #true_loadmore {
        width: 180px;
        height: 54px;
        font-size: 23px;
        line-height: 50px;
    }
    .pagination div {
        margin: 0 7px 0 0;
    }
    .pagination div a, .pagination div .dots {
        font-size: 16px;
        line-height: 20px;
    }
    .pagination .prev img, .pagination .next img {
        width: 11px;
        height: auto;
    }
    .pagination {
        margin: 15px 0 18px;
    }
    .post-container .post-title {
        font-size: 18px;
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .post-container p {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
    }
    .post-container .italic-text {
        padding-bottom: 0px;
    }
    .post-container .post-sub-title,
    .post-container h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .contacts-content .map, .contacts-content .map .acf-map {
        height: 330px;
    }
    .location-select-col {
        width: 289px;
        padding-top: 0;   
    }
    .select2-selection.cloc-select, .cloc-select .select2-selection__rendered {
        height: 37px!important;
        line-height: 34px!important;
    }
    .select2-container--default .select2-selection--single.cloc-select .select2-selection__rendered {
        font-size: 20px;
    }
    .cloc-options {
        font-size: 20px!important;
    }
    .cloc-select .select2-selection__rendered, .select2-container--open .cloc-select .select2-selection__rendered {
        background-size: 18px 18px;
        -webkit-background-size: 18px 18px;
        -o-background-size: 18px 18px;
        -moz-background-size: 18px 18px;
    }
    .contacts-section {
        padding-top: 0;
        padding-bottom: 30px;
    }
    
    .info-block .info-address .info-text {
        font-size: 17px;
        line-height: 20px;
        letter-spacing: -0.5px;
    }
    .info-block .info-phone .info-text a {
        font-size: 16px;
        line-height: 20px;
    }
    .info-block .text-col {
        font-size: 16px;
        line-height: 20px;
        margin-left: 20px;
    }
    
    .contacts-content .info-address .icon-col img {
        width: 30px;
        height: auto;
    }
    
    .contacts-content .info-phone .icon-col img {
        width: 20px;
    }
    .contacts-content .info-opening.open .icon-col img {
        width: 23px;
    }
    .contacts-content .info-work-hour .icon-col img {
        width: 21px;
    }
    .contacts-content .info-opening.open .text-col {
        margin-left: 20px;
    }
    .contacts-content .info-phone {
        padding-left: 7px;
    }
    .contacts-content .info-address, .contacts-content .info-work-hour, .contacts-content .info-phone {
        margin-bottom: 14px;
    }
    .contacts-content .info-address .text-col {
        margin-left: 15px;
    }
    .login-section {
        padding-top: 0;
    }
    
    .panel .panel-heading {
        padding-bottom: 5px;
        padding: 20px 0 5px;
    }
    .my-account-section {
        padding-top: 0;
    }
    #popup-night-box .modal_container {
        max-width: 80%;
        padding: 20px 15px;
    }
    #popup-night-box .title {
        /*font-size: 36px;*/
        /*line-height: 36px;*/
        margin-bottom: 15px;
    }
    #popup-night-box .subtitle {
        /*font-size: 18px;*/
        /*line-height: 20px;  */      
        margin-bottom: 10px;
        margin-left: 40px;
        margin-right: 40px;
    }
    #popup-night-box .description {
        /*font-size: 12px;*/
        /*line-height: 1.2;*/
        margin-bottom: 10px;
    }
    .delivery-section .addr-btn, .delivery-section .self-checkout-btn, .payment-section .cash-btn, .payment-section .bank-btn {
        width: auto;
        font-size: 20.5px;
    }
    .fixed-overlay {
        background-color: rgba(0,0,0,0.2);
        background-image: url(../images/night-sky.png);
        background-position: top center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        
    }

    .header_bottom .main-navigation {
        display: inline-block;
        height: 40px;
        width: calc(100% - 100px);
        margin: 0 auto;
        overflow: hidden;
    }
    .header_bottom .main-navigation .menu-menu-1-container {
        width: 100%;
        margin: 0 auto;
    }
    .main-navigation ul#primary-menu {
        position: relative;
    }
    .main-navigation ul#primary-menu li {
        display: block;
        padding: 0;        
    }
    .main-navigation ul#primary-menu li a {
        position: relative;
        display: none;
        color: #000!important;
        width: 100%;
        margin-left: calc(50% - 70px);
        margin-right: auto;
    }
    .fixed .main-navigation ul#primary-menu li a {
       
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .main-navigation ul#primary-menu li a.current-menu-item {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        text-decoration: underline;
    }
    
    ul#primary-menu li.menu-item-other {
        display: none!important;
    }
    .main-navigation.is-show {
        height: auto;
        overflow: visible;
    }
    .main-navigation.is-show ul#primary-menu {
        display: inline;
    }
    .main-navigation.is-show ul#primary-menu li a {
        display: block;
        color: #000!important;
        margin-top: 12px;
        margin-bottom: 20px;
    }
    .main-navigation.is-show ul#primary-menu li a.current-menu-item {
        position: relative;
        left: 0;
        color: #000!important;
    }
    .main-navigation.is-show .slideup_menu {
        margin: 5px;
        display: block;
        width: 20px;
        height: 20px;
        content: " ";
        color: #000;
        background-image: url(../images/bottom-arrow-dark-open.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        margin-left: calc(50% - 30px);
    }
    
}
@media  only screen and (max-width: 480px) {
    #popup-night-box .modal_container {
        margin: 0 auto;
    }
} 
@media  only screen and (max-width: 360px) {
    #popup-night-box .modal_container {
        margin: 20px 0 0;
    }
}

/*---add custom style---*/
@media (max-width: 1200px) {
  .checkout-content a.clicktitle {
    font-size: 32px;
}
.cart__relevant-products {
    padding: 0 30px;
}
.cart__relevant-products .slick-prev {
    left: 0;
}
.cart__relevant-products .slick-next {
    right: 0;
}
.cart__relevant-products .slick-prev,
.cart__relevant-products .slick-next {
    width: 25px;
    height: 30px;
}
}

@media (max-width: 1199px) {
    .checkout-content a.clicktitle {
        font-size: 28px;
    }
    .column-1 {
        width: 100%;
    }
    
}

@media (max-width: 1023px) {
    .order-number-box {
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .order-details-section .details-title,
    .order-details-section .details-box,
    .order-details-section .delivery-box {
        padding-bottom: 40px;
    }
    .orders-accepted-content > div {
        float: none;
        display: block;
    }
    .order-details-section {
        width: 100%;
    }
    .order-number-section {
        width: auto;
    }
    .rate-note-section .rate-note-box {
        display: none !important;
    }
    .checkout-content a.clicktitle {
        font-size: 22px;
    }
    .cart_summary_price {
        font-size: 28px;
    }
    .data-panel-col.panel-show-data {
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px);
        margin: 0 25px;
    }
    .data-panel-col {
        width: 70%;
        margin: 0 auto;
        float: none;
        display: block;
    }
}

@media (max-width: 767px) {
    .rate-note-section-mobile {
        width: 100%;
        margin-bottom: 30px;
    }
    .rate-note-section-mobile .rate-note-box {
        display: block !important;
        margin-left: 0;
        padding: 10px 20px;
        font-size: 18px;
    }
    .rate-note-section-mobile .rate-note-box a {
        font-size: 18px;
        text-decoration: none;
        border-bottom: 1px solid #000;
    }
}

@media (max-width: 640px) {
    .choose-time-date .note-box {
        padding-left: 0;
        display: block;
        clear: both;
    }
    .choose-time-date .choose-date {
        float: none;
    }
    .choose-time-date .note-box {
        padding-top: 10px;
    }

    #new_address .control-label {
        display: block;
        min-width: 40px;
        margin-bottom: 10px;
    }
    #new_address .block1, #new_address .block2 {
        margin-bottom: 10px;
    }
    #new_address .block3 {
        margin-bottom: 20px;
    }
    #new_address .block1 input {
        width: 100%!important;
        margin-left: 0;
        margin-right: 0!important;
    }
    #new_address .checkout-city-selector {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
    }
    #new_address .block2 input, #new_address .block3 input  {
        width: 100%!important;
        margin-left: 0;
        margin-right: 0;
        clear: both;
    }
    #new_address .sub_block {
        display: block;
        float:left;
        margin-bottom: 10px;
    }
    #new_address .sub_block:nth-child(1) {
        width: calc(33.33% - 10px);
        margin-right: 10px;
    }
    #new_address .sub_block:nth-child(2) {
        width: calc(33.33% - 10px);
        margin-left: 5px;
        margin-right: 5px;
    }
    #new_address .sub_block:nth-child(3) {
        width: calc(33.33% - 10px);
        margin-left: 10px;
    }
}
@media (max-width: 599px) {
  .data-panel-col input{
    font-size: 16px;
}
.my-account-section .add_address_link{
    font-size: 16px;
}
.my-account-section .save-data,
.order-review .send-comment{
    font-size: 18px;
}
.order-review .comment-title{
    font-size: 16px;
}
.panel .btn.active{
    background: #A0A0A0;
    border-color: #A0A0A0;    
}
.panel .panel-heading .btn.active{
    font-weight: bold;
    text-decoration: none;
    border: 2px solid #a0a0a0;  
}
.panel .panel-heading .btn:hover {
    border: 2px solid #a0a0a0;
}
.panel .panel-heading .btn {
    border: 0;
    font-weight: normal;
}
.panel .panel-heading .btn a{
    color: #a0a0a0;
    text-decoration: none;
    border-bottom: 1px solid #a0a0a0;
}
.panel .panel-heading .btn > span {
    border-bottom: 1px solid #a0a0a0;
    padding: 0;
    margin: 0;
}
.que-item .que-title {
    font-size: 18px;
}
.data-panel-col {
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
    margin: 0 12px;
    margin-top: 30px;
}
.robota__data-panel-col {
    width: 100%;
    margin: 0;
    margin-top: 0;
}
.order-item .order-review-mark {
    font-size: 18px;
}
.data-panel-col.panel-orders {
    margin-bottom: 0;
}
.order-item .order-date {
    font-size: 18px;
}
.order-item .сurrent-order img {
    display: none;
}
.order-item .order-total-price {
    font-size: 18px;
}
.order-item .order-number {
    font-size: 18px;
}
.order-item .order-number-box .box-title {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 0;
}
.order-item .order-number-box {
    margin-bottom: 20px;
}
.order-item .divider-line {
    width: 160px;
    margin-left: auto;
    margin-right: auto;
}
.order-item .order-review-label {
    font-size: 18px;
}
.order-number-box .timer {
    font-size: 30px;
}
.order-number-box {
    width: 220px;
    padding: 10px 15px 10px;
}
.accordion {
    font-size: 20px;
    padding: 5px 12px 5px 12px;
}
.panel-body button[type="submit"] {
    height: 45px;
    font-size: 18px;
    line-height: 1;
}
.accordion:after {
    -webkit-background-size: contain !important;
    background-size: contain !important;
    width: 20px;
    height: 20px;
    margin-top: 7px;
}
.accordion.active:after {
    height: 14px;
}
.control-label,
.control-value {
    font-size: 16px;
    line-height: 1.2;
}
.data-panel-col.panel-show-data {
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
    margin: 0 12px;
}
.data-panel-col .form-group:first-child {
    margin-top: 20px;
}
.robota__data-panel-col .form-group:first-child {
    margin-top: 0;
}
.my-account-section .edit_data_link {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 30px;
}
.my-account-section {
    padding-bottom: 0;
    min-height: 0;
    margin-bottom: 80px;
}

.panel-body .form-group {
    margin-top: 8px;
    margin-bottom: 8px;
}
.panel .panel-heading {
    padding-bottom: 8px;
}
.panel-col {
    min-width: 0;
    width: 85%;
}
.panel-body input {
    font-size: 18px;
    height: 45px;
}
.panel .sign-in-btn,
.panel .sign-up-btn {
    font-size: 20px;
    width: 85px;
    height: 45px;
    line-height: 1;
}
.panel .sign-up-btn {
    width: 190px;
}
.panel .sign-in-btn-recover,
.panel .sign-up-btn-recover {
    font-size: 18px;
    width: 60px;
    height: 45px;
    line-height: 1;
}
.panel .sign-up-btn-recover {
    width: 215px;
}
.hamburger-box {
    width: 26px!important;
}

}
/*@media (max-width: 375px) {*/
@media (max-width: 767px) {
    .order-number-box .box-title {
        font-size: 16px;
        line-height: 22px;
    }
    .order-number-box .number {
        font-size: 60px;
    }
    .order-number-box .timer {
        font-size: 30px;
    }
    .order-number-box {
        width: 160px;
        padding: 10px 0 10px;
    }
    .order-number-box .number {
        line-height: 65px;
    }
    .order-details-section .details-title {
        font-size: 18px;
        line-height: 1.2;
        padding-bottom: 30px;
    }
    .order-details-section .details-box .details-title,
    .order-details-section .delivery-box .delivery-title {
        font-size: 20px;
        line-height: 1.2;
    }
    .order-details-section .details-box .details-list li,
    .order-details-section .delivery-box .delivery-address,
    .order-details-section .order-cost .cost-title {
        font-size: 18px;
    }
    .order-details-section .order-cost .total-order-price {
        font-size: 25px;
        float: right;
    }
    /*
    .checkout-content a.clicktitle {
        line-height: 1.2;
    }
    */
    .order-cost > div {
        display: inline-block;
    }
    .payment-cash-block .odd-money {
        float: none;
        width: 30% !important;
        margin-bottom: 0px;
        margin-left: 5%;
    }

    .payment-section #checkout-submit,
    #robota-submit {
        margin-top: 5px;
        font-family: var(--font-family);
        letter-spacing: 0px;
    }
    .clicktitle {
        display: none !important;
    }
    .clicktitle.activ-title {
        display: block !important;
    }
    .checkout-content a.clicktitle {
        margin: 0;
        font-size: 25px;
        text-align: center;
    }
    .product-dell {
        float: right;
    }

    .delivery-section .addr-btn {
        width: -webkit-calc(50% - 5px);
        width: calc(50% - 5px);
        height: 58px;
        font-size: 16px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .delivery-section .self-checkout-btn {
        width: -webkit-calc(50% - 5px);
        width: calc(50% - 5px);
        height: 58px;
        font-size: 16px;
    }
    a.clicktitle {
        line-height: 38px;
    }
    .delivery-section ul.address-list li label {
        font-size: 18px;
        line-height: 1.2;
    }
    .delivery-section .comment-title {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .delivery-section textarea.comment-for-address {
        font-size: 16px;
    }
    .delivery-section .choose-time-date-title {
        font-size: 18px;
        line-height: 1.3;
        padding-bottom: 0;
    }
    .choose-time-date {
        margin-top: 0;
    }
    .ordering-content input {
        height: 40px;
        width: 40px!important;
        font-size: 18px;
    }
    .choose-time-date .choose-date .date-yyyy {
        width: 60px!important;
    }
    .choose-time-date .divider-time {
        padding-left: 5px;
        padding-right: 5px;
    }
    .choose-time-date .note-box {
        padding-left: 0;
        display: block;
        clear: both;
    }
    .choose-time-date .choose-date {
        float: none;
    }
    .choose-time-date .note-box {
        padding-top: 5px;
    }
    
    .ordering-content .payment-section-title {
        font-size: 18px;
    }
    .ordering-content .payment-section-title {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .choose-time-date {
        margin-bottom: 30px;
    }
    .payment-section .cash-btn {
        font-size: 18px;
        width: auto;
        padding: 0 5px;
        height: 40px;
        letter-spacing: 1.5px;
    }
    .checkout-content .btn {
        /*font-size: 18px;*/
        width: auto;
        padding: 0 5px;
        height: 40px;
        letter-spacing: 0px;
    }
    .delivery-section .btn {
        font-size: 16px;
        /*width: 141px;*/
        width: calc(50% - 8px);
        padding: 0 25px;
        height: 58px;
        letter-spacing: 0px;
    }
    .payment-bank-block {
        padding: 15px 0;
    }
    .payment-bank-block a {
        padding: 0;
        width: 33.33333333333333%;
        float: left;
    }
    .payment-bank-block {
        width: 100%;
        margin: 0 auto;
    }
    .payment-bank-block a > img {
        width: 100%;
        height: auto;
    }
    #checkout-submit,
    #robota-submit {
        width: 100%;
    }
    #checkout-submit,
    #robota-submit {
        height: 40px;
        margin-top: 30px;
    }
    .checkout-content {
        padding-bottom: 40px;
        /*margin-top: -76px;*/
    }
    .checkout-content .delivery-section .btn {
        font-family: var(--font-family);
        font-size: 16px!important;
        line-height: 20px;
    }
    .checkout-content .payment-section .btn {
        font-family: var(--font-family);
        /*width: auto;*/
        width: calc(50% - 8px);
        padding: 0 0px;
    }
    .payment-cash-block {
        font-size: 18px;
        line-height: 1;
    }
    .payment-cash-block {
        padding: 20px 0;
    }
    .payment-cash-block .payment-summary {
        font-size: 25px;
    }
    .payment-cash-block .row:nth-child(1) {
        padding-bottom: 20px;
    }
    .payment-cash-block .odd-money-box {
        width: 60%;
        padding-top: 0;
        line-height: 1;
    }
}
@media only screen and (max-width: 320px) { 
    .checkout-content .payment-section .btn {
        padding: 0 5px;
    }
}
@media only screen and (max-height: 450px) { 
    ul.primary-menu.mobile-3 {
        padding-top: 10px;
    }
    .home-page ul.primary-menu.mobile-3 {
        padding-top: 20px;
    }
    /*
    #popupcart {
        max-height: 250px;
    } 
    */    
}



.b-alert-danger {
    color: var(--base-color);
    font-size: 18px;
    line-height: 1.2;
    display: none;
    font-weight: normal;
}
.liqpay-error {
    color: var(--base-color);
    font-size: 23px;
    line-height: 25px;
    font-weight: normal;
}
@media only screen and (max-height: 767px) { 
    .b-alert-danger,
    .liqpay-error {
        font-size: 16px;
    }
    /*
    #popupcart {
        max-height: 567px;
    }
    */
}
input.danger,
select.danger,
textarea.danger {
    border: 1px solid var(--base-color);
}
#dander-login-other {
    text-align: center;
}




.order-desc_item{
    margin: 0 0 47px 0;
}
/* Замовлення - orders/b0d78937648a3d76f28efd41db9286b506cbf5dc */
.orders-section .order-desc_item {
    margin-bottom: 10px;
}

.order-desc_item ol{
    padding: 0 0 0 20px;
    margin: 0;
}
.order-desc_item ol li{
    color: #000000;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 500;
    /*list-style: decimal;*/
    text-align: left;
    margin-top: 10px;
}
.order-desc_item ol li .name{
    margin-bottom: 0px;
}


.form-new-address {
    display: none;
}

.cart__empty {
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
}

.stop-frame {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    font-style: normal;
    margin: 150px 150px;
    color: var(--base-color);
}

@media (max-width: 767px) {
    .stop-frame {
        margin: 100px 15px;
        font-size: 24px;
    }
}

.index-message {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    font-style: normal;
    margin: 30px 150px;
    color: var(--base-color);
}
@media (max-width: 767px) {
    .index-message {
        margin: 20px 15px;
        font-size: 24px;
    }
}

.single-post-section.empty {
    padding: 100px 0;
}
.single-post-section.empty .post-container {
    text-align: center;
}

.my-account-section-log-out {
    display: inline-block;
    text-decoration: none;
    /*font-size: 23px;*/
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 15px;
    margin-left: 25px;
    color: #a0a0a0;
    cursor: pointer;
    border-bottom: 1px solid #a0a0a0;
}
@media (max-width: 599px) {
    .my-account-section-log-out {
        /*font-size: 15px;*/
        margin-left: 12px;
    }
}

@media (max-width: 767px) {
    .menu-item.phone_number {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .checkout-content {
        padding-top: 0;
    }
    .cart__title,
    .checkout__title {
        position: absolute;
        display: block;
        font-weight: bold;
        /* width: 100%; */
        /*overflow: hidden;*/
        line-height: 1;
        width: calc(100% - 160px);
        /*font-size: 25px;*/
        font-size: 1.8rem;
        text-align: center;
        margin-left: 50px;
        margin-right: 80px;
        /* z-index: 999999; */
        top: 25px;
    }
    .hidden-xs {
        display: none;
    }
    .hidden-sm {
        display: none;
    }
}




.mb-2 {
    margin-bottom: 10px !important;
}
@media (min-width: 768px) {
    .cart__title,
    .checkout__title,
    .accepted__title {
        display: none;
    }
    .hidden-md {
        display: none;
    }
}

#cart-list {
    min-height: 400px;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-rounded {
  border-radius: 10px;
}


.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.text-center {
  text-align: center;
}

.cart-footer {
    display: none;
}

.home-page .cart-footer {
    display: block;
    position: sticky;
    bottom: 0px;
    right: 0px;
    width: 100%;
    z-index: 98;
    transition: opacity 150ms ease 0s;
    opacity: 1;
}


@media (min-width: 1025px) {
    .home-page .cart-footer {
        display: none;
    }
}

.cart-footer a span {
    position: absolute;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    top: 0px;
    left: 38px;
    min-width: 21px;
    height: 21px;
    border-radius: 11px;
    padding-bottom: 0px;
    background: rgb(255, 255, 255);
    border: 1px solid var(--base-color);/*rgb(230, 27, 54);*/
    color: var(--base-color);/*rgb(230, 27, 54);*/
    font-weight: 500;
}

.cart-footer a {
    position: absolute;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    bottom: 70px;
    right: 16px;
    width: 56px;
    height: 56px;
    border-radius: 28px;
    border: 1px solid #eee;
    background-color: var(--base-color);
    /*background: linear-gradient(#F1475E, var(--base-color));*/
    box-shadow: rgb(0 0 0 / 20%) 0px 10px 20px;
    transition: all 0.25s ease 0s;
    z-index: 3;
    
    text-decoration: none;
    cursor: pointer;
    outline: none;
}



#complex_card {
    background: rgba(50, 50, 50, 0.5) !important;
}

#complex_card .modal {
    display: block;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 950px;
    height: 600px;
    max-height: calc(100vh - 116px);
}
.mobile #complex_card .modal {
    max-height: none;
}

#complex_card .modal_container {
    left: 0;
    right: 0;
    margin: 115px auto;
    text-align: left;
    white-space: normal;
    background-color: #fff;    
    color: #000;
    border-radius: 25px;
    width: 950px;
    height: 600px;
    max-height: calc(100vh - 116px);
    -webkit-box-shadow: 10px 20px 30px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 20px 30px 10px rgba(0,0,0,0.3);
    box-shadow: 10px 20px 30px 10px rgba(0,0,0,0.3);
    position: fixed;
}
.mobile #complex_card .modal_container {
    max-height: none;
}

#complex_card .img {
    position: relative;
    display: inline-block;
    width: 525px;
    height: 540px;
    margin: 30px 10px;
    line-height: 0;
    max-height: calc(100vh - 176px);
}
#complex_card .img {
    max-height: none;
}
#complex_card .img .img-circle {
    position: absolute;
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 100;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
    #complex_card .img .img-circle {
        max-width: 470px;
        max-height: 470px;
    }
}
#complex_card .img.few .img-30 .img-circle {
    background-image: url(../images/img-circle-lg.svg);
}

#complex_card .img.few .img-25 .img-circle {
    background-image: url(../images/img-circle-md.svg), url(../images/img-circle-lg.svg);
}

@media only screen and (min-width: 768px) {
    #complex_card .img.few img {
        max-width: 470px;
        max-height: 470px;
    }
    #complex_card .img.few .img-30 img {
        max-width: 375px;
        max-height: 375px
    }
    #complex_card .img.few .img-25 img {
        max-width: 313px;
        max-height: 313px
    }
}

.vertical-center {
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (min-width: 768px) /*and (max-width: 1366px)*/ {
    .vertical-center {
        max-width: 470px;
        max-height: 470px;
    }
}

#complex_card .info {
    display: inline-block;
    vertical-align: top;
    width: 400px;
    padding: 30px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    
    position: relative;
    vertical-align: top;
    height: 600px;
    background: #fafafa;
    max-height: calc(100vh - 116px);
}
.mobile #complex_card .info {
    max-height: none;
}
#complex_card .info-base {
    position: relative;
    z-index: 1000;
    height: 466px;
    max-height: calc(100vh - 250px);
}
.mobile #complex_card .info-base {
    max-height: none;
}

#complex_card .info-base-footer {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#complex_card .info-base-footer-scroll {
    position: absolute;
    inset: 0px;
    overflow-y: auto;
    padding: 0 13px 0 30px;
}

#complex_card .title {
    margin-bottom: 7px;
}

#complex_card .title .name {
    /*font-size: 28px;*/
    font-size: 1.7rem;
    line-height: 1;
    font-weight: 500;
    color: black;
    width: 250px;
}
#complex_card .close {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 30px;
    /*width: 25px;*/
    /*height: 29px;*/
    z-index: 10000;
    
    background: #fff;
    box-shadow: rgb(0 0 0 / 12%) 0px 0px 10px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
}
#complex_card .close svg {
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#complex_card .close:hover path,
#complex_card .close:focus path {
    fill: #666666;
}
#complex_card .params {
    margin-bottom: 5px;
    color: #000;
    /*font-size: calc(var(--font) * 22);*/
    font-size: 1.2rem;
    line-height: 1.2;
    
    display: flex;
    justify-content: start;
    align-items: center;
}
@media (max-width: 768.98px) {
    #complex_card .params {
        font-size: calc(var(--font) * 14);
    }
}
#complex_card .params .product-item__coin-footer {
    margin-left: 10px;
}
#complex_card .components {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    row-gap: 5px;
    
    margin-bottom: 5px;
    font-size: 14px;
    color: black;
}

#complex_card .components button {
    display: flex;
    align-items: center;
    position: relative;
    color: black;
    cursor: pointer;
    outline: none;
    background: transparent;
    border: none;
    margin: 0px;
    padding: 0px;
    /*font-size: calc(var(--font) * 20);*/
    font-size: 1.1rem;
    line-height: 20px;
    text-decoration: none;
    margin-right: calc(var(--font) * 10);
}
@media (max-width: 767.98px) {
    #complex_card .components button {
        font-size: calc(var(--font) * 14);
    }
}
#complex_card .components button::before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 1px;
    left: 1px;
    right: 17px;
    
    border-bottom: 1px dashed #666;
}
#complex_card .components button.removed::before {
    /*border-bottom-width: 0;*/
    border-bottom-width: 0;
}
#complex_card .components button:after {
    content: url(../images/btn-remove-circle.svg);
    margin-left: 3px;
    margin-bottom: -5px;
    vertical-align: text-top;
}
#complex_card .components button.removed {
    /*text-decoration: line-through;*/
    text-decoration: line-through;
}
#complex_card .components button.removed:after {
    content: url(../images/btn-reshow-circle.svg);
}


#complex_card .components button i.btn-remove {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;

    font-size: 0px;
    line-height: 0;
    font-style: normal;
}
#complex_card .product-item {
    margin-top: 20px;
    margin-bottom: 20px;
}
#complex_card .product-item .propuct-size .pz-size {
    border: 1px solid #666;
    width: 110px;
    height: 40px;
    line-height: 1;
    /*font-size: calc(var(--font) * 22);*/
    font-size: 1.1rem;
    margin: 0 5px;
    font-weight: 400;
    padding: 3px 10px;
    color: #333;
    cursor: pointer;
}
@media (max-width: 768.98px) {
    #complex_card .product-item .propuct-size .pz-size {
        font-size: calc(var(--font) * 16);
    }
}
#complex_card .product-item .propuct-size .selected, 
#complex_card .product-item .propuct-size .pz-size:hover {
    border: 1px solid #666;
    background-color: #666;
    color: #fff;
}


#complex_card .info-btn {
    position: relative;
    z-index: 1;
    margin: 24px 30px 30px;
}

#complex_card .info-btn button {
    height: 50px;
    width: 100%;
    background: var(--base-color);
    border: 2px solid var(--base-color);
    color: #fff;
    letter-spacing: 0;

    text-decoration: none;
    display: block;
    /*font-size: 20px;*/
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
    margin: 0px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

#complex_card .info-btn button:hover,
#complex_card .info-btn button:focus {
    background: #fff;
    color: var(--base-color);
}

#complex_card .add {
    padding: 15px 0 25px;
}
#complex_card .add > .title {
    display: block;
    color: #000;
    /*font-size: 18px;*/
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 12px;
}

#complex_card section {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-bottom: -8px;
}
#complex_card section button {
    cursor: pointer;
    box-sizing: border-box;
    touch-action: manipulation;
    position: relative;
    /*height: 166px;*/
    width: calc(33.3333% - 8px);
    /*width: 108px;*/
    box-shadow: rgba(6, 5, 50, 0.12) 0px 4px 20px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font: inherit;
    margin: 0px 8px 8px 0px;
    padding: 8px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 12px;
    flex-flow: column;
    transition: box-shadow 150ms ease-out 0s, border;
}
#complex_card section button .image {
    width: 100%;
    aspect-ratio: 1 / 1;
    flex: 0 0 auto;
    cursor: pointer;
    font: inherit;
    margin-bottom: 5px;
}

#complex_card section button .title {
    /*font-size: calc(var(--font) * 20);*/
    font-size: 1.0rem;
    line-height: 1.2;
    /*height: 32px;*/
    flex: 1 0 auto;
    margin: 0 0 5px 0;
    display: -webkit-box;
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
    -webkit-box-pack: center;
    overflow: hidden;
    font-weight: normal;
    color: #222;
}
@media (max-width: 767.98px) {
    #complex_card section button .title {
        font-size: calc(var(--font) * 13);
    }
}

/*
#complex_card section button.selected {
    box-shadow: rgb(6 5 50 / 12%) 0px 0px 0px;
    border: 1px solid var(--base-color);
}
#complex_card section button.selected:after {
    opacity: 1;
    content: url(../images/check-circle-regular-16.png);
}
#complex_card section button:after {
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: 0;
    transition: opacity 150ms ease-out 0s;
}

@media only screen and (min-width: 768px) {
    #complex_card section button:hover {
        box-shadow: rgb(6 5 50 / 12%) 0px 0px 8px;
    }
}
*/
#complex_card section button {
    border: 1px solid var(--base-color);
}
#complex_card section button[data-count="0"] {
    border-color: transparent;
}



#complex_card section button .counter .money {
    display: none;
}
#complex_card section button[data-count="0"] .counter .money {
    display: block;
    /*font-size: calc(var(--font) * 22);*/
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.0;
    color: black;
}
@media (max-width: 767.98px) {
    #complex_card section button[data-count="0"] .counter .money {
        font-size: calc(var(--font) * 16);
    }
}


#complex_card .add .counter {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#complex_card button .counter .product-item__counter {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    margin-left: auto;
    margin-right: auto;
}
#complex_card button[data-count="0"] .counter .product-item__counter {
    display: none;
}

#complex_card .add .counter .product-item__counter-btn {
    width: 26px;
    height: 26px;
    font-size: 18px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
#complex_card .add .counter .product-item__counter-input {
    width: 20px;
    /*height: 22px;*/
    /*font-size: 16px;*/
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    caret-color: transparent;
}


.row:before,
.row:after {
    content: " ";
  display: table;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}

/*.components_item,*/
.users_menu div.components_item {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    display: block;
}


@media only screen and (max-width: 767px) {
    .order-details-section .details-box .details-title {
        padding-bottom: 10px;
    }
    .order-details-section .details-title, .order-details-section .details-box, .order-details-section .delivery-box {
        padding-bottom: 30px;
    }
    
    .order-details-section .delivery-box .delivery-title {
        padding-bottom: 10px;
    }
}

#is_policy + label {
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    color: #000;
}
#is_policy + label a {
    text-decoration: none;
    color: var(--base-color);
    border-bottom: 1px solid var(--base-color);
}
#robota-submit {
    margin-top: 30px;
}
@media (max-width: 599px) {
    #is_policy + label {
        font-size: 18px;
        margin: 0 0 0 -30px;
    }
    .robota__field_is_policy {
        padding-left: 30px;
    }
}



/***************************** Sub Menu *****************************/
.menu-item.menu-item-other-all > a:after {
    font-family: "Font Awesome 6 Pro";
    content: "\f078";
    padding-left: 5px;
}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu, .dropdown-menu {
    margin-top: 0;
}

.sub-menu {
    background-color: white;
    width: 170px!important;
    padding: 20px 20px 20px 20px !important;
    /*margin-left: -20px!important;*/
    border-radius: 10px;
}
.sub-menu li {
    width: 100%;
    /*color: white!important;*/
    padding: 5px 0 5px 0!important;
    border-left-width: 0!important;
}
.sub-menu li a {
    color: white!important;
    opacity: 1!important;
    text-align: left!important;
}
.sub-menu li:hover a {
    opacity: 0.7!important;
}

ul#primary-menu li:hover ul.sub-menu li a {
    color: black!important;
}
ul#primary-menu li:hover ul.sub-menu li.current-menu-item a {
    color: var(--base-color)!important;
}

.home-page-night .sub-menu {
    background-color: transparent;
}
.home-page-night ul#primary-menu li:hover ul.sub-menu li a {
    color: white!important;
}

.home-page-night .fixed .sub-menu {
    background-color: white;
}
.home-page-night .fixed ul#primary-menu li:hover ul.sub-menu li a {
    color: black!important;
}

/* Shadow Home Page*/
/* у клас home-page додати shadow */
.shadow.home-page:not(.mobile) .header_bottom:not(.fixed) ul#primary-menu > li > a {
    text-shadow: 2px 2px 2px rgb(0 0 0 / 79%);
}
.shadow.home-page:not(.mobile) .header_bottom:not(.fixed) .users_menu .log-in svg,
.shadow.home-page:not(.mobile) .header_bottom:not(.fixed) .users_menu .bag-ico-box svg {
    -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .8));
}
.shadow.home-page:not(.mobile) .header_bottom:not(.fixed) .select2-container--default .select2-selection--single.hloc-select .select2-selection__rendered {
    color: #fff;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 79%);
}

.reviews-container {
    padding: 20px 10px 15px 10px ;
    border-radius: 15px;
    border: 2px solid #eff0f2;
    /*background-color: #eff0f2;*/
    background-color: darkorchid;
}
.reviews-footer {
    margin: 0 auto;
    text-align: center;
}
.reviews-container .image {
    display: inline-block;
}
.reviews-container .title {
    display: inline-block;
    vertical-align: top;
    padding-top: 0px;
    padding-left: 15px;
    font-weight: 500;
    font-size: 18px;
    /*color: #9d9fa3;*/
    color: white;
    /*
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    */
}

.qrcode-review .data-panel-col {
    width:  100%!important;
    margin-left: 0;
    margin-top: 0;
}

.qrcode-review #review-submit {
    font-size: 18px;    
    font-weight: bold;
    color: var(--base-color);
    border: 2px solid var(--base-color);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 50px;

    width: 208px;
    height: 46px;
    line-height: 40px;

    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.qrcode-review .data-panel-col textarea {
    font-size: 16px;
}
.qrcode-review .containment {
    height: auto!important;
    margin-bottom: 10px;
}

.index-souces {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}
.index-souces img {
    width: 27px;
    height: 27px;
}
.index-souces select {
    font-size: 18px;
    border-width: 0;
}
@media only screen and (max-width: 767px) {
    .index-souces select {
        width: 168px;
        max-width: 100%; 
        font-size: 14px;
        font-weight: 600;
        color: #666;
    }
}


section.survey {
    padding-top: 33px;
    padding-bottom: 60px;
    
    max-width: 640px;
    padding: 0;
    margin: 0 auto;
    font-size: 22px;
}

section.survey .col-sm-12 {
    padding-left: 15px;
    padding-right: 15px;
}

section.survey h1 {
    color: #000;
    text-align: center;
    margin: 0;
    
    font-size: 42px;
    font-weight: bold;
    line-height: 42px;
    margin-bottom: 30px;
}
@media only screen and (max-width: 570px) {
    section.survey {
        font-size: 18px;
    }
    section.survey h1 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    section.survey h2 {
        font-size: 22px;
        line-height: 26px;
        font-weight: 600;
    }
}

section.survey .form-group {
    margin-top: 0;
    margin-bottom: 20px;
}
section.survey .form-group label.control-label {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

section.survey ul.list {
    list-style: none;
    margin: 0;
    padding: 0;
}
section.survey ul.list li {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
    font-weight: 400;
}
section.survey ul.list li label {
    display: block;
    font-size: 22px;
    line-height: 26px;
}
@media only screen and (max-width: 570px) {
    section.survey .form-group label.control-label {
        font-size: 18px;
    }
    section.survey ul.list li label {
        font-size: 18px;
        line-height: 22px;
    }
}

section.survey button[type=submit] {
    height: 60px;
    width: 100%;
    /*margin-top: 20px;*/
    background: var(--base-color);
    border: 2px solid var(--base-color);
    color: #fff;
    letter-spacing: 1px;
}
@media only screen and (max-width: 570px) {
    section.survey button[type=submit] {
        margin-top: 20px;
        height: 40px;
    }
}

section.survey .is_policy label {
    font-size: 18px;
}

section.survey textarea {
    display: inline-block;
    width: 100%;
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
    color: rgba(85, 85, 85, 1.0);
    border: 2px solid rgba(204, 204, 204, 1.0);
    border-radius: 4px;
    text-align: left;
    padding: 5px 15px;
    margin-top: 5px;
    height: auto;
}


.alert {
    display: none;
    background: rgba(50, 50, 50, 0.5) !important;
    /*
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    */
}
.alert.show {
    display: block;
}
.alert .modal {
    display: block;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    /*
    width: 950px;
    height: 600px;
    */
    max-height: calc(100vh - 116px);
}

.alert .modal_container {
    left: 0;
    right: 0;
    margin: 115px auto;
    text-align: left;
    white-space: normal;
    background-color: #fff;    
    color: #000;
    border-radius: 25px;
    width: 500px;
    /*height: 200px;*/
    max-height: calc(100vh - 116px);
    -webkit-box-shadow: 10px 20px 30px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 20px 30px 10px rgba(0,0,0,0.3);
    box-shadow: 10px 20px 30px 10px rgba(0,0,0,0.3);
    position: fixed;
}

.alert .info-btn {
    margin-bottom: 30px;
}

.alert .info-btn button {
    height: 50px;
    width: 30%;
    background: var(--base-color);
    border: 2px solid var(--base-color);
    color: #fff;
    letter-spacing: 0;

    text-decoration: none;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin: 0 auto;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

.alert .info-btn button:hover,
.alert .info-btn button:focus {
    background: #fff;
    color: var(--base-color);
}

.alert .info-base {
    position: relative;
    z-index: 1000;
    /*height: 100px;*/
    max-height: calc(100vh - 250px);
}

.alert .info-base .message {
    text-align: center;
    padding: 30px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
}

@media only screen and (max-width: 570px) {
    .alert .modal_container {
        border-radius: 20px;
        width: 90%;
    }
    .alert .info-base .message {
        font-size: 18px;
        padding: 20px;
    }
    .alert .info-btn {
        margin-bottom: 20px;
    }
    .alert .info-btn button {
        height: 40px;
        width: 50%;
        font-size: 18px;
        font-weight: 500;
    }
}

red {
    color: red;
}

#one-click {
    text-decoration: none;
    padding: 12px 11px 14px;
    /*background: var(--base-color);*/
    background-color: #fff;
    border: 2px solid var(--base-color);
    /*color: #fff;*/
    color: var(--base-color);
    display: block;
    font-size: 29.5px;
    font-weight: bold;
    line-height: 29px;
    margin-top: 15px;
    border-radius: 4px;
    text-align: center;
    opacity: 1;
    letter-spacing: 0px;

    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
@media (max-width: 767px) {
    #one-click {
        font-size: 18px;
        padding: 7px 11px 10px;
        line-height: 20px;
        width: 100%;
    }
}
#one-click:hover {
    background-color: var(--base-color);
    color: #fff;
}

.header_bottom .site-branding.site-branding-2 {
    width: 50%;
}
.header_bottom .site-branding.site-branding-2 svg {
    width: auto;
    height: 35px;
}
@media (min-width: 768px) {
    .header_bottom .site-branding.site-branding-2 {
        display: none;
    }
}
@media (max-width: 767px) {
    .header_bottom #site-navigation {
        display: none;
    }
    .header_bottom .site-branding.site-branding-1 {
        /*display: block;*/
    }
    .header_bottom .site-branding.site-branding-2 {
        display: none;
    }
    
    .home-page .header_bottom .site-branding.site-branding-1 {
        display: none;
    }
    .home-page .header_bottom .site-branding.site-branding-2 {
        display: block;
    }
}


.d-flex {
    display: flex;
}
.justify-content-between {
    justify-content: space-between;
}
.align-items-center {
    align-items: center;
}

.video-icon {
    display: block;
    position: absolute;
    top: 5154px;
    left: 375px;
}
video {
    width:70px;
  height:70px;
  object-fit:cover;      /* обрізає зайве */
  object-position:center;/* центр обрізки */
  display:block;
}