* {
	box-sizing:border-box;
}

@font-face {
  font-family: zopacyr;
  src: local("zopacyr"), 
	  url("/themes/main/fonts/zopacyr/zopacyr.woff2") format("woff2"), 
	  url("/themes/main/fonts/zopacyr/zopacyr.woff") format("woff"), 
	  url("/themes/main/fonts/zopacyr/zopacyr.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: optional; }

@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum Regular'), local('Cuprum-Regular'),
       url('../fonts/cuprum/cuprum-v9-latin_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/cuprum/cuprum-v9-latin_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* cuprum-700 - latin_cyrillic */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  src: local('Cuprum Bold'), local('Cuprum-Bold'),
       url('../fonts/cuprum/cuprum-v9-latin_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/cuprum/cuprum-v9-latin_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* cuprum-italic - latin_cyrillic */
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 400;
  src: local('Cuprum Italic'), local('Cuprum-Italic'),
       url('../fonts/cuprum/cuprum-v9-latin_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/cuprum/cuprum-v9-latin_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* cuprum-700italic - latin_cyrillic */
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 700;
  src: local('Cuprum Bold Italic'), local('Cuprum-BoldItalic'),
       url('../fonts/cuprum/cuprum-v9-latin_cyrillic-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/cuprum/cuprum-v9-latin_cyrillic-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}




html, body {
margin: 0px;
padding: 0px;
width: 100%;
font-weight: normal;
}


:root {
  --main-color: #0284cf;
  --main-color-light: #1d869e;
  --bg-color:#f9fafb;
  --preheader-bg:#f2f2f2;
  --card-bg:#fff;
  --input-bg-color:#fff;
  --sub-color: #F68B19;
  --text-color: #054e70;
  --sub-text-color: #67767f;
  --main-font: Cuprum, Arial,Verdana,sans-serif;
  --accent-font: zopacyr, Cuprum, Arial,Verdana,sans-serif;
  --grey: #9F9F9F;
  --gray: #9F9F9F;
  --lightgray: #ccc;
  --lightgrey: #ccc;
  --rem-size: 18px;
  --default-border-radius: 10px;
  --btn-border-radius: 20px;
  --wrap-width: 1240px;
  --headings-color: var(--main-color);
  --logo-height: 32px;
  --header-height: 80px;
  --card-image-height: 200px;
}

::placeholder {
  color: #b2b1b1;
}

::-webkit-input-placeholder {
  color: #b2b1b1;
}

::-moz-placeholder {
  color: #b2b1b1;
}

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


.-red {
	color: red;
}
.-round {
    border: 1px solid var(--grey);
    border-radius: 30px;
}

body {
    color: var(--text-color) !important;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.24s ease-in-out;
	font-family: var(--main-font);
	position: relative;
	font-size: var(--rem-size);
	background:var(--bg-color);
	font-weight: 500;
	display: flex;
	flex-direction: column;
	*min-height: 100vh;
	min-height: calc(100vh);
}

p {margin: 0 0 0.5rem 0;padding: 0px;}
section {	margin:0.5rem 0;	padding:0.5rem 0;}
.section { padding: 0.5rem 0 }
.section + .section { padding:  0 0 0.5rem}

:selection {
    background: #b3d4fc;
    text-shadow: none;
}

.subсolor-text {	color: var(--sub-color);}

input {    font-family: var(--main-font);  }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, {
	background: transparent;
}

input[type="text"], input[type="email"], input[type="time"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], input[type="date"], textarea, select {
   display: block;
	width: 100%;
	font-weight: normal;
	font-family: var(--main-font);
	background: var(--input-bg-color);
	padding: 10px 10px;
	outline: none;
	border: 1px solid #aaa /*CC793F*/;
	border-radius: 5px;
*	margin: 1px 5px;
	color: #777;
	color: var(--text-color);
	font-size: 1em;
}

input[type=submit], .button {
	outline:none;
    background-color: var(--sub-color);
    color: #FFF;
    border-radius: 29px;
    padding: 10px 30px;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
	font-weight:bold;
	letter-spacing:0.5px;
}


input[type=submit]:hover, .button:hover {
	*background: #FFA5CE;
}

textarea { font-family: var(--main-font);
}

fieldset {border: 0;margin: 0;padding: 0;}

.scaled-container {overflow: hidden;}
img.scaled {
	 -moz-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 -webkit-transition: all .3s ease-out;
	will-change: transform;
	max-width: 100%;
     height: auto;
}

img.scaled:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
video {width: 100% !important;height: auto !important;}

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.center {
	align-items:center;
	justify-content:center;
	text-align:center;
}


.d-c {
	flex-direction:column;
}

.hide {
	display:none;
}

.rel  {
	position: relative;
}


.divider {
	position:relative;
	height: 50px;
}
.divider:after {
	background-size: cover;
    width: 100%;
	height: 1px;
	height: 10px;
    content: '';
    position: absolute;
    bottom: 25px;
	border-top: 1px solid var(--violet);
    right: 0;
}

a {
	color: var(--sub-color);
	text-decoration: none;
	font-weight: 700;
}

blockquote {
    background-color: #f2f5f6;
	background-color: #fff;
    padding: 15px 45px;
    margin: 15px 0px;
    border: none;
}

img {
	border: 0;
}

img.emoji {width: unset!important;}

mark {
    color: #FF6600;
    font-size: 40px;
    font-weight: bold;
}

ul {margin:0;	padding:0;}

.wrap {	width:var(--wrap-width); margin:0 auto;}
.short-wrap {	max-width: 440px;margin: 0 auto;}

#notifications {	position: fixed;    top: 10%;    right: 10%;	z-index:9999;	min-width:350px;}
.notification {    border: 1px solid;    padding: 15px 45px 15px 30px;    border-radius: .3em;	margin-bottom:10px;}
.notification {	position:relative;}
.notification[data-type="success"] {    color: #4F8A10;    background-color: #DFF2BF;}
.notification[data-type="danger"], .notification[data-type="error"] {    color: #a60c0c;	background-color: #f2c6bf;}
.notification a {	color: inherit;	text-decoration:underline;}
.notification a[type="button"] {	text-decoration:none;	position: absolute;	top: 3px;	right: 10px;	cursor: pointer;	font-size: 40px;}

.no-border {border:0;} 

.styled-text {	border-left: 7px solid var(--main-color); padding-left: 10px;	margin-bottom: 20px;}
.styled-block { border-bottom: 5px solid var(--main-color); padding-left: 10px;	margin-bottom: 20px; background: rgb(var(--bg-color-val)); }

.privacy-check { color: #bbb; font-size: 14px;display:flex;	margin-top: 10px;}
.privacy-check a{	font-weight: inherit;}

input[type="checkbox"].checkbox-tick {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}


.privacy-check .checkbox-tick-label:before, .privacy-check .checkbox-tick-label:after {
	transition: all 0.15s;
	content: "";
    position: absolute;
}

.privacy-check .checkbox-tick-label:before {
	 width: 10px;
    height: 2px;
    background: var(--sub-color);
    -webkit-transform: translate(-3px, 3px) rotate(45deg);
    transform: translate(-3px, 3px) rotate(45deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition: all 0.5s;
	transition-delay: 0.15s;
	left: 8px;
	width: 0;
}

.privacy-check input[type=checkbox].checkbox-tick:checked + .checkbox-tick-label:before { width:10px;}

.privacy-check .checkbox-tick-label:after {
	height: 2px;
	background:var(--sub-color);
	transform: translate(3px, 10px) rotate(-50deg);
	-webkit-transform-origin: left;
	transform-origin: left;
	transition: all 0.15s;
	left: 8px;
	width: 0;
}

.privacy-check input[type=checkbox].checkbox-tick:checked + .checkbox-tick-label:after {
	width: 20px;
	transition-delay: 0.15s;
}

.privacy-check .checkbox-tick-label {
    display: inline-block;
    border: 1px solid #9A9A9A;
	width: 18px;
	height: 18px;
	background-color:transparent;
	position: relative;
	cursor: pointer;
	margin-right:10px;
	transition: all 0.15s;
}
.black-overlay {
   * background: #151515;
   background: #054d13;
    opacity: .65;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.overlay {
    background-color: rgba(255, 255, 255, 0.74);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

[class*='aspect-ratio-'] {  display: block;  position: relative;}
[class*='aspect-ratio-'] > * { display: block!important; width: 100%!important;  height: 100%!important;  position: absolute!important;  top: 0!important;  left: 0!important;}
.aspect-ratio-16-9 {  padding-top: 56.25%;}
.aspect-ratio-1-1 {  padding-top: 100%;}

.clear {clear: both;}
.clr {clear: both;padding: 0px;margin: 0px;width: 100%;font-size: 0px;line-height: 0;}

.center {text-align:center;justify-content:center;}

.btn {display: flex;}
.btn, input[type=submit], button{font: inherit;
	outline:none;
    background-color: var(--main-color);
    color: #FFF;
    border: 2px solid white;
    border: 0px solid white;
    border-radius: var(--btn-border-radius);
    padding: 10px 20px;
    font-size: 1rem;
    text-transform: uppercase;
    cursor: pointer;
	font-weight:bold;
	letter-spacing:0.5px;
	text-align:center;
	display: inline-block;
	transition: all 0.5s;
}

.btn.btn-sub { background-color: var(--sub-color);}
.btn.active { background-color: var(--sub-color);}

.btn.btn-sub:hover, input.btn-sub[type=submit]:hover, button.btn-sub:hover {
	  background-color:var(--sub-color);
	  transition: all 0.5s;
	  box-shadow: 0px 0px 12px 0px #e57d0d;
}

.btn:not(.active):hover, input[type=submit]:hover, button:hover {
	background: var(--main-color);
	box-shadow: 0px 0px 12px 0px var(--main-color);;
	transition: all 0.5s;
}

.btn + .btn{
	margin-left:1rem;
}

.btn:disabled {	opacity:0.6;	cursor: default;}
*:disabled {	opacity:0.6;	cursor: default;}

.btn-tr { border: 1px solid;color: var(--main-color);display: inline-block;font-size: 1rem;text-transform: uppercase;font-weight: 700;background:none;transition: all 0.5s; }
.btn-tr:hover {	background-color:unset!important;}

.shadow {box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.39);}

table {}
td {vertical-align:middle;padding:2px;}

h1, h2, h3, h4, h5, h6 { margin:0; color: var(--main-color-light); color: var(--main-color);}
h1 { font-size: 1.5rem;	}
h2 { font-size: 1.5rem;}
h3 { font-size: 1.2rem;	margin: 0.5rem 0;}
h4 { font-size: 1rem;}
h5 { font-size: 1rem;}
h6 { font-size: 1rem;}

.heading {
	color: var(--main-color);
	font-size: 2rem !important;
    text-transform: uppercase;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 10px;
	position:relative;
	display: inline-block;
	margin:1rem auto 1rem;
	margin:0 auto;
	display: table;
	font-weight: 600;
	text-align: center;
}

.heading:after {
	/*content: '◆';
	position: absolute;
	bottom: -21px;
	width: 50px;
	left: calc(50% - 25px);
	color: var(--main-color);
	*color: #fff;
	*background:#fff;
	text-align: center;
*/
}

.heading.white {color:#fff;}
.heading.white:after  {	*background:#000;	color: #fff;}

.breadcrumbs { margin: 0.5rem 0 1.5rem 0; }
.breadcrumbs > div > div:last-child:after {  content: '';}
.breadcrumbs > div > div:after {  content: '>';  margin: 0 7px 0 5px;}
.breadcrumbs > div > div {  position: relative;}


#menuToggle{
  position: relative;
  top: 50px;
left: 30px;
  z-index: 1;
  position: absolute;
  flex-direction: column;
  -webkit-user-select: none;
  user-select: none;
  z-index: 900;
}


#menuToggle a{
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}

#menuToggle a:hover{
  color: tomato;
}

#menuToggle input{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
    cursor: pointer;
    opacity: 0; /* hide this */
  z-index: 2002; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: var(--main-color);
  border-radius: 3px;
  z-index: 2001;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2){
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span {  opacity: 1;  transform: rotate(45deg) translate(-2px, -1px);  background: #232323;}
#menuToggle input:checked ~ span:nth-last-child(3){  opacity: 0;  transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){  transform: rotate(-45deg) translate(0, -1px);}

.mobile-menu, #menu {
  position: absolute;
  margin: -100px 0 0 -30px;
  padding: 125px 0 50px;
  padding-top: ;
  width: 100vw;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased; 
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  height: calc(100vh + 100px); /*margin-top -100px*/
  z-index: 2000; 
  overflow:scroll;
}

.mobile-menu li, #menu li{
  padding: 10px 0;
  font-size: 22px;
  border-bottom: 2px solid #cccc;
  text-align: center;
}
#menuToggle input:checked ~ ul {  transform: none;}


p.phone {margin: 0.5rem 0 0 0;}

.logo {	*width: 260px;}

.preloader {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background: #00000080;
    z-index: 999;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader, .loader:before, .loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.loader {
    color: #fff;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader:before, .loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader:after {
    left: 3.5em;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

/* Header */
.header-container {align-items: center;height: var(--header-height);}

h2.white {color:#fff;}
h2.white:after, .new-heading.white:after  {
	*background:#000;
	color: #fff;
}

header {margin:0;padding:0 0 0 0;}
.header-container {align-items: center;height: 80px;}

p.phone {
margin: 12px 0 0 0;
}

.logo {
	*width: 260px;
}

/* PREHEADER */

#preheader {
    background: var(--preheader-bg);
    order: 0;
    margin: 0px 0px;
	padding:5px 0;
	display: flex;
align-items: center;
overflow-x: auto;
align-items: center;
width: 100% !important;
}


#preheader .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#preheader ul li {
	list-style:none;
	margin:0 5px;
	padding:0 5px;
	position:relative;
	    white-space: nowrap;
	*border-right: 1px solid var(--text-color);
}
#preheader ul li:first-child {
	margin-left:0;
	padding-left:0;
}
.preheader-container {
	display: flex;
	align-items: center;
}

.preheader-container .socials a {
	margin-left:0.5rem;
}
/*
#preheader ul li:after {
	content:'|';
	position:absolute; 
}*/

/* /PREHEADER */


/* HEADER */

header .caption { text-transform:uppercase; font-size:22px; font-weight:bold; font-family:var(--accent-font);color:var(--main-color);}
header .call {    color: #666;    display: inline-block;    border: 2px solid #666;    padding: 8px 21px !important;    line-height: 16px;    font-size: 14px !important;}
header .logo-container {margin-right:0.5rem;}
.main-header .header-descr{
	width:100%;
	height: calc(100% - 20px);
}

.main-header {
	margin:6px 0 12px;
	align-items: end;
	overflow:hidden;
}

.main-header .logo {
	margin: 0 10px 0 0;
	float:left;
}

.main-header .header-contacts {
	width: 382px;
	font-size: 22px;
	line-height: 28px;
}

.main-header .header-request {
	width: 381px;
	height: 25px;
}

.header-right {	margin-left:auto;display: flex;align-items: center;}
.header-right .btn {height:2.5rem;display: flex;align-items: center;}

img.logo {	height: var(--logo-height); *padding-left:15px;}
.header-phone {margin:0 10px;}

#header-cart-btn {z-index: 300;position: relative;}
.mini-cart {display:none;z-index: 300;	width: 410px; background: var(--bg-color);  position: absolute;   top: 40px;  right: 0;    *margin-top: 46px;font-size:0.8em;padding: 1em;}
.mini-cart img {width:40px;}
.header-cart-container{ margin-left:0.8em; }
.header-cart-container .item {    align-items: center;margin-bottom: 0.5em;}
.header-cart-container img {height: 16px;margin-right: 5px;}
.header-cart-container:hover .mini-cart { display: block; }
.header-cart-container input.quantity {    width: 20px;    text-align: center;    outline: none; border: none;background: none;font-size: 0.8rem;padding: 0;}
.header-cart-container .quantity-buttons {    margin-left:auto;width:50px;}
.header-cart-container .item-price {    width:60px;}
.header-cart-container .cart-total {    align-items:flex-end;border-top: 1px solid #dedede;padding-top: 0.5em;}
.header-cart-container .sum {    align-items: center;padding-bottom: 0.5em;width: 100%;justify-content: space-between;border-bottom: 1px solid #dedede;margin-bottom: 0.5em;}
.header-cart-container .sum .flex{  align-items: center;}
.header-cart-container .price-val {font-size: 1rem;margin:0;}
.header-cart-container .item_title {margin:0;width: 260px;}
.mini-cart .btn {}
.mini-cart:after { content: ""; position: absolute; right: 40px; bottom: 100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; clear: both;}
.mini-cart-overlay-show {position: fixed;display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #00000080; background-color: #0000002b; z-index: 200;*cursor: pointer;}
.header-cart-container:hover~.mini-cart-overlay-show { display: block; }

/* HEADER END */

/* MENU */
.desctop-nav, .mob-nav {margin: 0 0 1rem 0;}
.menu-wrap {overflow: hidden;	position: absolute;	bottom: 0;	left: 0;	max-height: 56px;}
.main-header ul {	padding: 0;	display: inline-block;	height: 45px;	text-align: left;	margin: 0px;overflow: visible;	list-style: none;	overflow-x:auto;    display: flex;    align-items: center;    width: 100% !important;  scrollbar-width: thin;          /* "auto" или "thin"  */  scrollbar-color: var(--main-color) #dedede66;   /* плашка скролла и дорожка */ }
.main-header .menu {height: 20px;line-height: 26px;}

.main-header ul li {	*float: left;	height: 17px;	margin: 0 10px 0px 0;	*overflow-x: auto;	*white-space:none;	min-width: max-content;}

.main-header ul li.active  a {
    padding-bottom: 3px;
    border-bottom: 3px solid var(--main-color);
}


.main-header  ul li a{
	*float: left;
	height: 21px;
	text-decoration: none;
	padding: 0 3px 0px;
	font-size: 17px;
	*text-shadow: 0 1px 0 #fff;
	color: #4b4b4c;
}

.main-header ul li a:hover {
    padding-bottom: 3px;
    border-bottom: 3px solid var(--main-color);
}

.hidden-menu {
    position: relative;
}

.hidden-menu .submenu {
    display: none;
    position: absolute;
    width: 920px;
    top: -5px;
    left: 10px;
    z-index: 10000;
}

/* END MENU */
/* Header */

.bottom-cart {
position: fixed;
bottom: 2rem;
text-align: center;
left: calc(50% - 32px);
display: flex;
justify-content: center;
}
.bottom-cart a {
display: flex;
background:var(--main-color);
border: 1px solid;
padding: 5px 15px;
color:#fff;
border-radius: var(--default-border-radius);
}
.bottom-cart img {
	margin-right:0.5rem;
}
/*FOOTER*/
footer {
	color:#FFF;
	background: var(--main-color);
	padding: 7px 0;
	margin-top: auto;
}
footer a{
color:#FFF;
}
footer .wrap {
	display:flex;
	justify-content: space-between;
}
footer div.column {
	width:21.25%;
	padding: 20px 0;
}

footer div.soc {
	display:flex;
	margin:0px;
	padding: 20px 0;
}
footer .soc a {
	display:inline-block;
	width:45px;
	height:45px;
	margin:5px 12px 0 0;
	border-radius: var(--default-border-radius);
}

.soc .vk {
  background: url(../images/soc/icon-vk.png) left top no-repeat;
  background-size: auto;
  background-size: contain;
}

.soc .inst {
  background: url(../images/soc/icon-inst.png) left top no-repeat;
  background-size: auto;
  background-size: contain;
}

footer .column a {	color:#fff;}
footer .column a:hover {text-decoration:underline;}
footer .column p, footer .soc p {
	padding:0px 0px 10px 0px;
	border-bottom: 1px solid #eee;
	margin-bottom:10px;
	font-weight:bold;
}
footer .column li {
	margin: 3px 0;
	list-style: none;
}

.light-footer {	background: #F3F3F3; color:#222;}
.light-footer .column p, footer .soc p { border-bottom: 1px solid #222;}
.light-footer .column a { color:#222; }

.copy{color: #FFF; font-size: 12px; margin-top: 10px;	line-height: 29px;}

.nav_bot {
	margin-top:-8px;
    float: left;
    padding: 0;
    text-align: center;
}

.nav_bot ul li {
    display: inline;
    padding: 0 8px 0 7px;
    text-align: center;
    position: relative;
}

.nav_bot ul li:first-child { padding-left:0;}

.nav_bot ul li:before {
    content: " ";
	display: block;
	width: 1px;
	height: 13px;
	background: #be9f75;
	position: absolute;
	top: 4px;
	right: 0px;
}

.nav_bot ul li:last-child:before {
    display: none;
}

.nav_bot ul li a {
    color: #FFAB08;
	*font-weight: bold;
	font-size:20px;
}

footer .payments-icons img{width:100%;object-fit:contain; max-height: 70px;}

/*FOOTER*/

/*MAINPAGE */
#mainpage h1, #mainpage  h2, #mainpage > .heading {
	font-size:32px;
	text-align: center;
}
.slider-mp img {width:100%;border-radius:var(--default-border-radius);}

.callback  {
	padding:30px 0;
	background:#DDD;
}

.callback  .heading{
	font-size:30px;
	text-align:center;
	margin-bottom:20px;
}

.callback input[type="text"], .callback input[type="email"] {
    width: 23%;
	margin:0;
	margin-bottom: 30px;
	outline: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    border-bottom: 1px solid;
}

.callback .fields {
width:100%;justify-content: space-between;
}

.fields input[type="text"] + .fields input[type="text"] {
	margin: 0px 5px 20px!important;
}

/* /MAINPAGE */

/* TEMPLATE */

.content {
	*margin-top: 20px;
	flex:1;
	margin-bottom: 1rem;
}

.content h1{
	font-size:25px;
}

/* /TEMPLATE */

/* ACCOUNT */
.login-form {    max-width: 440px;    margin: 0 auto;}
.login-form > *{ margin-bottom:1rem; }
#registerForm > * {  margin-bottom: 1rem;}
.profile {margin:1rem 0;}
.bonus-balance {margin:1rem 0;font-weight:700;}
.profile-table {margin:1rem 0;}

.order-table {width:100%;border-collapse: collapse;}
.order-table td{padding:10px 0;border-top:2px solid #ddd;}
.order-table th{text-align:left;}
.order-table tr{*border-top:2px solid #ddd;}

.order-table tr{*border-top:2px solid #ddd;}
.address-list {display:flex;width:100%;flex-direction:column;}
.profile .address-item {margin: 0;padding: 1em 0;border-bottom: 1px solid #ccc;display:flex;}
.profile .address-item .edit-adress{margin-left:auto;}
.profile .address-item i{margin:0 0.8em;}
.profile .add-address {display: inline-flex; margin:1rem 0;cursor:pointer;}

.account-header {	margin: 0 0 1rem;	align-items:center;}
.account-header a:last-child {	margin-left: auto;}
/* /ACCOUNT */

/* SHOP */

.catalog {padding-top:0;margin-top:0;}
.catalog-items {display:flex;flex-wrap:wrap;*justify-content:space-between;flex-flow: row wrap;width: 100%;}

.catalog-items .category {width:24%;*padding:20px;margin:10px 0;margin-left: calc(4% / 3);display: flex;flex-direction: column;}
.catalog-items .category:nth-child(4n-3) {margin-left: 0;}
.catalog-items .category img {width:100%; object-fit:cover; max-height:200px; height: 200px;object-position:center center;border-radius: var(--default-border-radius);}
.catalog-items .category .category-title{font-weight:700; font-size:22px; margin:7px 0;}

.catalog-items .item {width:24%;*padding:20px;margin: 1rem 0;margin-left: calc(4% / 3);display: flex;flex-direction: column;background:var(--card-bg);border-radius:var(--default-border-radius);overflow: hidden;}
.catalog-items .item:nth-child(4n-3) {margin-left: 0;}
.catalog-items .item .item-content{flex-direction:column;height: 100%;}
.catalog-items .item .item-text{margin:7px 0;color:var(--sub-text-color)}
.catalog-items .item .item-title-container{align-items:center; }
.catalog-items .item .item-weight{margin-left:auto;font-size: 0.9rem;color: var(--grey); }
.catalog-items .item .item-price{font-size: 1.5rem;font-weight:600; }
.catalog-items .item .item-title{font-weight:700; font-size:22px; margin:0.5rem 0;}
.catalog-items .item .item-body{flex-direction:column;}
.catalog-items .item .item-bottom {justify-content: space-between;align-items: center;margin-top:auto;}
.catalog-items .item .item-image  a {  width: 100%;  display: flex;  overflow: hidden;border-radius: var(--default-border-radius);}
.catalog-items .item:hover .item-image  img {  -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.catalog-items .item:hover { box-shadow: 0px 4px 16px #00000047, 0px 16px 25px #0000000a;}
.catalog-items .item img {width:100%; object-fit:cover; max-height:var(--card-image-height); height: var(--card-image-height);object-position:center center;border-radius: var(--default-border-radius);}

.catalog-items .mini-item {background: var(--card-bg) none repeat scroll 0% 0%;transition: box-shadow 150ms ease-out 0s;box-shadow: #06053226 0px 4px 22px -6px;border-radius: var(--default-border-radius);display: flex;*width: 20%;padding: 16px;}
.catalog-items .mini-item .item-image{width:80px;min-width: 80px;margin-right:0.5rem;}
.catalog-items .mini-item img{width:100%; object-fit:contain; max-height:80px; height: 80px;object-position:center center;border-radius: var(--default-border-radius);}
.catalog-items .mini-item .item-bottom {flex-direction:column;justify-content:center;}
.catalog-items .mini-item .item-price {font-size:unset;}

.catalog-item .item-images {width:450px; margin-right:1.5rem;display:flex;flex-direction:column;max-height: 450px;}
.catalog-item img {width:100%; cursor:zoom-in;max-height: 450px;object-fit:contain;}
.catalog-item .item-images-slider img{object-fit:cover;width:100%;height:350px;}
.catalog-item .item-images-nav .slide {margin: 1em 0.5em}
.catalog-item .item-images-nav img{object-fit:cover;width:100px;height:100px;}
.catalog-items .slick-list { width:100%;}
.catalog-items .item.slick-slide {margin-left:0!important; margin-right:calc(4% / 3)!important;}
.catalog-items .item .item-modifiers  {display:flex; flex-direction:column; margin-top:auto;}
.catalog-items .item .checkbox-modifiers  {display:flex; flex-direction:column; }
.catalog-items .item .checkbox-modifiers fieldset + fieldset {border-top:1px solid #eee;}
.catalog-items .item .checkbox-modifiers input+label {padding: 2px 10px;cursor: pointer;color: #a3a2a2;background: inherit;border: 1px solid #a3a2a2;border-radius: 5px;display: inline-block;font-size: 13px;font-weight: normal;	margin: 2px 2px 2px 0;}
.catalog-items .item .checkbox-modifiers input:checked+label {	color:var(--main-color);	border: 1px solid var(--main-color);}
.catalog-items .item .checkbox-modifiers input {display:none;}

.modifier-quantity-container {display:flex;justify-content: center;align-items: center;}
.modifier-quantity-container input {border: 0px;width: 2rem;padding: 0;display: flex;justify-content: center;text-align: center;}
.modifier-quantity-container button { outline: none; background-color: var(--main-color); color: #FFF; border: 0px solid white;  border-radius: var(--btn-border-radius);  padding: 0;  text-transform: uppercase;  cursor: pointer;  font-weight: bold;  text-align: center;  display: inline-block;  transition: all 0.5s;  width: 1.5rem;  height: 1.5rem;  display: flex;  justify-content: center;  align-items: center;}

.category-labels .label {  display: flex;flex-wrap:wrap;margin:1rem 0;}
.category-labels .label {  display: inline-block;width: auto;line-height: 18px;padding: 5px 10px;border-radius: var(--default-border-radius);border: 1px solid;margin-right: 10px;}
.category-labels .label.active {  background:var(--main-color);color:#fff;}
.category-labels .label.active a{  color:#fff;}

.item-label-list {  display: flex;flex-wrap:wrap;}
.item-label-list .item-label {  margin-right:0.5rem;align-items:center;margin-bottom:1rem;cursor:pointer;}
.item-label-list .item-label.active {  }

.table-order-items .catalog-items a.choose-item{	display:flex;	height:100%;}
.table-order-items .catalog-items .item img{	object-fit:cover!important;	height:100%;	max-height:unset;}
.table-order-items .catalog-items .item-image {  height: 100%;  height: 200px;}

.catalog-items .owl-stage .item {  width: 100%; }
.catalog-items .owl-stage{display: flex;}
.catalog-items .owl-stage .item  {    display: flex;    flex: 1 0 auto;   height: 95%;}
/*
.aticle-box {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}*/
.owl-dots   {display:flex;justify-content:center;margin-top:10px;}
.owl-dot + .owl-dot   {margin-left:10px;}
.owl-dot  span {width: 20px;height: 20px;display: block;background: rgba(var(--main-color-val), 0.6);border-radius: 50%;}
.owl-dot.active  span {background: var(--main-color);}
.owl-nav button {  background: 0 0;  color: inherit;  border: none;  padding: 0 !important;  font: inherit;  background: var(--main-color)!important;  color: #fff!important;  height: 40px;  width: 40px;  border-radius: 50%;  display:flex!important;  justify-content:center!important;  align-items:center!important;}
.owl-nav button span {  padding: 0;margin:0;font-size: 30px;line-height: 30px;display:flex;justify-content:center;align-items:center;}
.owl-nav {  position: absolute;z-index: -1;top: 40%;width: calc(100% + 40px);display: flex;justify-content: space-between;left: -20px;opacity:30%;z-index:1;}

.slick-prev, .slick-next 	{height: 28px;  width: 28px;  border-radius: 50%;background: var(--main-color);}
.slick-prev:before, .slick-next:before 	{content:'';padding: 0 !important;  *font: inherit;  background: var(--main-color);  color: #fff;  height: 28px;  width: 28px;  border-radius: 50%;font-size:15px;opacity:1;display: flex;
align-items: center;justify-content: center;position: unset;font-size: 14px;}
.slick-prev:before 	{content:'◀';padding: 0 !important;  }
.slick-next:before 	{content:'▶';padding: 0 !important;  }
.slick-prev {  left: -35px;}
.slick-next {  right: -35px;}
.popup-item {display:flex;}
.modal .item-image  {width:50%; display:flex; flex-direction:column;}
.item-modal-container .item-right { padding:1rem;width: 50%; }

.catLabels {display:flex; margin:1rem 0;white-space: nowrap;overflow-x: auto;scrollbar-width: thin;scrollbar-color: var(--main-color) #dedede66;}
.catLabels .label {font-size: 1.2rem;border-bottom: 1px dashed;margin-right:20px;cursor:pointer;}
.catLabels .label.active {color:var(--main-color);}
.catLabels .label {font-size: 1.2rem;border-bottom: 1px dashed;margin-right:20px;cursor:pointer;}

.item-labels {  position: absolute;  display: flex; z-index: 8;}
.item-labels img {  height: 25px!important;}

.item-image img {width:100%; }
.catalog-item   .item-text {margin:0.5rem 0;}
.catalog-item  .kbgu {margin:0.5rem 0;}
.catalog-item  .kbgu-container {display:flex;}
.catalog-item  .kbgu-item {position:relative; width:150px;display: flex;align-items: center;}
.catalog-item  .kbgu-item:before {margin-right: 10px;content: "";display: block;width: 6px;height: 6px;border-radius: var(--default-border-radius);background: var(--sub-color);}
.catalog-item .item-bottom, .item-modal-container .item-bottom{align-items: center; margin-top:1rem;}
.catalog-item .item-bottom .item-price, .item-modal-container .item-price{font-family:var(--accent-font);font-size:1.5rem;font-weight:900; margin-right:0.5rem;}

#item-modal .item-image img  {height: 100%;object-fit:cover;width:100%;}
#item-modal .item-text  {margin:0.5rem 0;}
#item-modal .kgbu {display: none;min-height: 45px;padding: 12px;border-radius: 10px;background-color: #373535;color: #fff;position: absolute;width: 220px;position: absolute;left:calc(-220px + 30px);z-index: 111;flex-direction:column;}
#item-modal .kgbu h3 {color:var(--text-color);}
#item-modal .kgbu h3 {color:#fff;}
#item-modal .kgbu-icon {position: absolute;right: 15px;top: 15px;}
#item-modal .kbgu-item  {display: flex;justify-content:space-between;}
#item-modal .kgbu-icon:hover .kgbu {display: flex;}
#item-modal .close-modal {position: absolute;right: 15px;top: 10px;z-index: 11;font-size: 20px;cursor:pointer;}

.add-favorites {position: absolute;top: 5%;right: 5%;font-size: 1.5rem;width: 1.5rem;height: 1.5rem;cursor:pointer;}
.add-favorites i{position: absolute;}
.add-favorites:hover  .fa-heart{opacity: 1!important;}

.checkout-wrap {width:100%; margin:0 auto; }
.checkout .catalog-items { margin:1rem 0; }

.cart .item {position: relative;border-bottom: 1px solid #e2e2e9;padding: 1rem 0px;display: flex;*align-items: center; }
.cart .quantity-container > div, .cart .cart-delete{ background: var(--main-color);color: #fff;border-radius: 1rem;border: 0;display: flex;align-items: center;height: 2rem;width: 2rem;justify-content: center; cursor: pointer;}
.cart .quantity-container i, .cart .cart-delete i {}
.cart .item-descr {justify-content: center;margin-right:auto; }
.cart .item_title {font-weight: 600;font-size: 1.2rem; }
.cart .image-contaiter {flex-direction:column; }
.cart .item_weight{font-size:0.8rem;color:var(--sub-text-color);margin:0 0 0.5rem 0; }
.cart .item-price {margin:0 20px; width:100px;font-weight: 600;font-size: 1.5rem;}
.cart .item-modifiers {flex-wrap: wrap;}
.cart .item-modifiers .item-mod {align-items:center;}
.cart .item-mod {color:var(--sub-text-color);pointer-events: none;}
.cart .item-mod:hover {color:red;}
.cart .item-mod:not(:empty):not(:last-child):after{content:',\00a0';} /* spacebar */
.cart .item-mod .delete-modifier {cursor:pointer;  stroke: var(--sub-text-color);width:12px;height:12px;pointer-events: auto;}
.cart .item-mod .delete-modifier:hover {stroke:red;}
.cart-delete-mobile {display:none;}

.cart .image-contaiter {width:100px; margin-right:20px; height: 100%;}
.cart .item-img img {width:100%; object-fit:contain; object-position:center center;max-height: 100%;}
.cart .cart-total-container {  align-items: end; justify-content:space-between;padding: 1rem 0px;}
.cart .cart-total {align-items:baseline; justify-content:space-between;padding: 1rem 0px;font-size: 1.5rem;font-weight:600;}
.cart .cart-totals {flex-direction:column;align-items: end;}
.cart .cart-total .sum{align-items:baseline; justify-content:end;}
.cart .cart-total .promocode-container{align-items:baseline; justify-content:end;}

.price-val {margin:0 8px;}


.checkout .catalog-items .mini-item {  width: 20%;  padding: 1rem;  margin-right: 10px;  margin-bottom: 20px;}

.checkout .street-container {width:50%;}
.checkout .city-container {width:45%;margin-right:5%;}
.checkout .city-street input[type="hidden"] +.street-container {width:100%;}

.order-field + .order-field {margin-left:10px;}
.shipping-info {display: flex;justify-content: center;border: 1px solid var(--main-color);padding: 10px;width:400px;max-width:100%;margin-left: auto;border-radius:10px;background-color: #DFF2BF69;}

.section-tables {flex-wrap:wrap;}
.section-tables .dot-radio + label {height: 35px;}

.promocode-container h3 {margin-right:0.5em;}

.checkbox-fieldset   {margin:1rem 0;display: flex;flex-wrap:wrap;}
.checkbox-fieldset  input {display:none;}
.checkbox-fieldset  select {width:50px;margin-left:auto;padding: 2px 0px;text-align: center;}
.checkbox-fieldset   .price {margin-left:10px;}
.checkbox-fieldset   .left {margin-right:auto;}
.checkbox-fieldset  input+label {width:100%;display:flex;transition: color .3s ease;cursor: pointer;vertical-align: middle;margin-bottom: 0;position: relative;box-sizing: border-box;padding-right:1rem;align-items: center;min-height: 30px;font-size: 0.8rem;}
.checkbox-fieldset  label:before {  content: '';  border: 2px solid var(--text-color);  background-color: transparent;  border-radius: 6px;  position: relative;  display: inline-block;  width: 24px;  height: 24px;  vertical-align: middle;  margin-right: 4px;  box-sizing: border-box;}
.checkbox-fieldset input:checked+label:before { background-color: var(--main-color);}
.checkbox-fieldset input:checked+label:after {
   font-family: "FontAwesome";
   content: "\f00c";
   font-weight: 900;
   font-size: 18px;
   position: absolute;
	left: 3px;
	*top: 2px;
	color: #fff;
}
.checkbox-fieldset .image-label {height:100px;}
.checkbox-fieldset .image-label img {width:100px;}
 
input.radio {display:none;}

.dot-radio {width: 0;height: 0;opacity: 0;display: block;overflow: hidden;}

.dot-radio + label  {
    transition: color .3s ease;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 0;
    position: relative;
	margin-right:10px;
}

.dot-radio + label:before {
    box-sizing: border-box;
    content: "";
    width: 24px;
    height: 24px;
    border: 1px solid #bab9bc;
    border-radius: 50%;
    top: -1px;
    left: 0;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
}

.dot-radio + label:after {
    box-sizing: border-box;
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--sub-color);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .2s cubic-bezier(.5,0,.5,2),height .2s cubic-bezier(.5,0,.5,2),opacity .2s;
}

.dot-radio:checked+label:after{width:14px;height:14px;top:4px;left:5px;opacity:1}

.checkbox-tick {
    width: 0;
    height: 0;
    opacity: 0;
    display: block;
    overflow: hidden;
}

.checkbox-tick + label  {
    transition: color .3s ease;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 0;
    position: relative;
	margin-right:10px;
}

.checkbox-tick + label:before {
    box-sizing: border-box;
    content: "";
    width: 24px;
    height: 24px;
    border: 1px solid #bab9bc;
    top: -1px;
    left: 0;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
}

.checkbox-tick + label:after {
    box-sizing: border-box;
    content: "";
    color: var(--sub-color);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .2s cubic-bezier(.5,0,.5,2),height .2s cubic-bezier(.5,0,.5,2),opacity .2s;
	top: -16px;
    left: 2px;
	font-weight: bold;
    font-size: 34px;
}

.checkbox-tick:checked+label:after{   
	content: "✓";
	opacity: 1;
	transition: all .2s cubic-bezier(.5,0,.5,2),height .2s cubic-bezier(.5,0,.5,2),opacity .2s;
}
	
.styled-select {
	position:relative;
	margin:5px 0;

}

.styled-select select{
    width: 100%;
    border: 1px solid #e6e6e6;
    outline: none;
    padding-left: 8px;
    -moz-appearance: none;
    -webkit-appearance: none;
    *background: url(../images/select_bar.png) right 11px center no-repeat;
    cursor: pointer;
    color: var(--text-color);
    border-radius: 4px;
    padding: 8px 20px;
    display: block;
	position:relative;
	height:40px;
}

.styled-select:after {
   font-family: "FontAwesome";
   content: "\f0c9";
   font-weight: 900;
   font-size: 18px;
   position: absolute;
	right: 12px;
	top: 12px;
	pointer-events: none;

}

.shipping_methods label.radio:hover {
    color: #fff;
    background-color: var(--main-color);
}
.shipping_methods label.radio {
    text-decoration: none;
}
.shipping_methods label.radio {
    border: 2px solid var(--main-color);
    box-sizing: border-box;
    border-radius: 100px;
    color: var(--main-color);
    padding: 7px 33px;
    cursor: pointer;
    margin-right: 17px;
    transition: background 0.3s, color 0.3s, border 0.3s linear;
    text-align: center;
}

.checkout .order-line {*justify-content:space-between;align-items: center;margin:20px 0;margin: 1rem 0;border-bottom: 1px solid #eee;padding: 1rem 0;}
.checkout .numbers-line {padding: 0 0;}
.checkout .order-line .address-item +.address-item {margin-left:  10px;}
.checkout  {justify-content:space-between;margin:20px auto;}

.address-item {	margin-bottom:5px;padding-bottom:5px;*border-bottom:1px solid var(--lightgrey);width:100%;}
.address-title {font-family:var(--accent-font); }

.odrer-footer {justify-content:space-between;}
.cart input.quantity {width: 70px;    text-align: center;    outline: none; border: none;background: unset;font-size: 22px;padding:0 10px;color: var(--text-color);}
.iikoBonus-container {    width: 100%; }
.bonusText {    margin: 0.8rem 0; display:flex;justify-content:right;align-items:center;}
.iikoBonus-container #iikoBonusHelper {    margin-left:0.8rem; width:200px; }

/* The slider itself */
.iikoBonus { -webkit-appearance: none; width: 100%; height: 15px; border-radius: 5px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s;padding:0;}

/* Mouse-over effects */
.iikoBonus:hover {opacity: 1; /* Fully shown on mouse-over */}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.iikoBonus::-webkit-slider-thumb {
   -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    background: var(--main-color);
    cursor: pointer;
}

.iikoBonus::-moz-range-thumb {
     width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--main-color);
    cursor: pointer;
}

/* /SHOP */

.contacts-map {height:500px;width:700px;margin-bottom:20px;}
.requisites .rec-item {  display: flex;  justify-content: space-between;  padding: 10px 0;  font-size: 0.8rem;  border-bottom: 1px solid #000;}
.adress-line + .adress-line {border-top:1px solid var(--lightgrey);	margin: 10px 0;	padding-top: 10px;}
.contacts-address {	margin-left:20px;	width:500px;}
.reply-form input[type="text"], .reply-form  input[type="email"], .reply-form  textarea {width: calc(100% - 20px);margin: 5px 0;outline: none;border: 1px solid #aaa;border-radius: 5px;color: #777;padding: 10px 10px;font-size:19px;}

.locations-container {}
.autocomplete-suggestions { border: 1px solid #999; background: var(--input-bg-color); overflow: auto; }
.autocomplete-suggestion { padding: 8px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-suggestion:hover { cursor:pointer; }
.autocomplete-selected { background: #ca991847; }
.autocomplete-suggestions strong { font-weight: normal; color: #0c4924; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


/* PROMOS */
.promos-full {display:flex;flex-wrap:wrap;*justify-content: space-between;}
.promos-item .promos-content{padding:1rem;}
.promos-item {margin:1rem 0;width:30%;*box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);box-shadow: 0px 1px 3px 0px rgba(39, 34, 26, 0.39);display: flex;flex-direction: column;*height:500px;margin-right:calc(10% / 2);}
.promos-item:nth-child(3n) {margin-right:0;}
.promos-item img{width:100%;height: 350px;object-fit: cover;object-position: 0% 0%;}
.promos-item .promos-img a {display:flex;overflow:hidden;}
.promo-img-big img{width:100%;}
/* PROMOS */

/*VACANCY*/
.vacancy-list {display:flex;flex-wrap:wrap;}
.vacancy-list .vacancy-item{width:30%; margin-right:calc(10% / 2);box-shadow: 0px 1px 3px 0px #27221a63;*padding:0.5em;margin-bottom:1em;padding:0;border-radius: 11px;}
.vacancy-list .vacancy-item img{width:100%; }
.vacancy-list .vacancy-item:nth-child(3n){margin-right:0;}
.vacancy-list .vacancy-content {padding:1.0rem;}
.vacancy ul li {    margin: 12px 0 0;    padding: 0 0 0 0;    list-style: outside none none;}
.vacancy ul li:before {	font-family: "FontAwesome";   content: "\f00c";   display: inline-block;   position: relative;	top: -3px;	left: -2px;   vertical-align: middle;   font-weight: 900;   color:var(--sub-color);} 
/*VACANCY*/

/*NEWS*/

.news-full {	display:flex;	flex-wrap:wrap;	*justify-content: space-between;}
.news-item {margin-bottom:40px;width:30%;margin-right:calc(10% / 2);box-shadow: 0px 1px 3px 0px rgba(39, 34, 26, 0.39);display: flex;flex-direction: column;*height:500px;*box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}
.news-item:nth-child(3n){margin-right:0;}
.news-list .news-text{padding:1rem;}
.news-list img{width:100%;height: 350px;object-fit: cover;object-position: 0% 0%;}
.news-text ul li {	margin: 12px 0 0;	padding: 0 0 0 25px;	list-style: outside none none;	background: url('/themes/main/images/tick2.png') no-repeat left 0;}	
.news-body  {	*display:flex;}
.news-body .news-image {	width:100%;		overflow:hidden;}
.news-item h2 {	font-family:'Roboto Condensed', sans-serif;font-size: 18px;    line-height: 30px;    margin-bottom: 5px;}
.news-date {	margin-top: 10px;    color: #9c9c9c;	display:inline-block;	margin-right:10px}
.news-date:before {}
.news-views {	color: #9c9c9c;}
.news_img {    position: relative;    	margin-right:10px;	}
.news_img img {    max-width: 400px;    height: auto;    max-height: 400px;}
.news-tags-list {}
.news-tags-list  li {	display:inline-block;	margin-right:5px;	color: #9c9c9c;	text-decoration:underline;}

.mp-news {	justify-content:space-between;}
.mp-news .news-item{	width: 22%;}
.mp-news .news-item img {	height: 160px;}
.news-title {text-align: center;}

/*NEWS*/

/* Qa */
.question-answer {padding-bottom: 40px;}
.question-answer-container {	font-size: 18px;	margin: 25px auto;	background: url(/themes/main/images/robot.png) right top no-repeat;	background-size: contain;	position:relative;	height:400px;}
.qa-container  .question, .qa-container .return {border-bottom: 2px dashed #23b972;font-size: 20px;display: inline-block;color: #23b972;cursor:pointer;margin-bottom:10px;font-weight: 800;font-family: "Rubik-Regular";position:relative;padding-left:15px;}
.qa-container  .question:before {	content:'';	background:url(/catalog/view/theme/lucky_king/img/slider-arrow.png);	background-size:contain;	background-repeat:no-repeat;width: 10px;height: 17px;position: absolute;left: 0;top: 4px;transform: rotate(180deg);}
.qa-container .answer {	display:none;	font-size: 18px;font-family: "Rubik-Regular";}
.qa {margin:10px 0;position:relative}
.qa-container {	padding-bottom:30px;}

/* Qa */

.delivery-zones {margin:1rem 0;flex-wrap:wrap;}
.delivery-zones .delivery-zone {margin:1rem calc(10% / 3) 1rem 0;width:30%;text-align:center;padding:15px;color:#fff;border-radius:10px;}
.delivery-zones .delivery-zones__caption {border-bottom:1px solid #fff;display: inline-flex;margin-bottom: 5px;padding-bottom: 5px;}
.delivery-info {margin:1rem 0;}
.delivery-info .delivery-info__caption{font-family:var(--accent-font);margin-bottom: 10px;}
.delivery-info .delivery-info__item {margin:1rem calc(10% / 3) 1rem 0;width:30%;box-shadow: 0px 4px 10px #5757571a;background: #FFF;padding:30px;border-radius:10px;  text-align: center;}

/* TABS */

.nav-tabs {
  display: flex;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  list-style:none;
}
.nav-tabs > li > a {
  margin-right: 2px;padding: 0.5rem 1rem;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  *color: #555;
  cursor: default;
  background-color: var(--bg-color);
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* TABS */

/* MODAL */
/*input[type=text]:-webkit-input-placeholder,input[type=email]:-webkit-input-placeholder,textarea:-webkit-input-placeholder {color:#ccc;font-weight:300}
input[type=text]:-moz-placeholder,input[type=email]:-moz-placeholder,textarea:-moz-placeholder          {color:#ccc;font-weight:300}
input[type=text]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,textarea:-ms-input-placeholder      {color:#ccc;font-weight:300}*/


body.modal-open {
	padding-right: 0px !important;
	overflow-y: auto;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}


.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  border-radius: 10px;
  *overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

  .modal-dialog {
    width: 600px;
    margin: 50px auto;
  }
  .modal-content {
   * -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   * box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
.modal-content {
  position: relative;
  background-color: #ffffff;
  *border: 1px solid #999999;
  *border: 1px solid rgba(0, 0, 0, 0.2);
  *border-radius: 6px;
  *-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  *box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  *-webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
    border-radius: 10px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 5px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
  background: var(--main-color);
  background-size: cover;
  padding:20px 25px;
}
.modal-header .close {
    *margin-top: 2px;
	position: fixed;
	top:5px;
	right:5px;
}
button.close {
    padding: 0px;
    cursor: pointer;
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
}
.close {
    *float: right;
    font-size: 23px;
    font-weight: bold;
    line-height: 20px;
    color: #FFF;
    text-shadow: 0px 1px 0px #FFF;
    opacity: 0.4;
}
.modal-title {
	margin: 0px;	
	color: #fff;
	display: block;	
}
.modal-body {
  position: relative;
  padding: 15px 20px;
}
.modal-footer {
  height: 60px;
  text-align: right;
  *border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modal-content {
	background: var(--bg-color);
}
.modal-lg .modal-content {
	width:100%;
}

.modal-header {
}

.modal-footer {
  background: #fff;
}




.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
  overflow-y: auto;
}



.row_text input, .row_text select {
	width: 100%;
	padding: 5px 10px;
	border-radius: 3px;
	border: 1px solid var(--sub-color);
	font-size: 18px; 
	box-sizing:border-box;
	outline:none;
	margin: 10px 0;
}

.row_text input:focus {
	background: var(--main-color);
	color:#fff;
}

.row_text textarea {
	width: 100%;
	padding: 5px 10px;
	border-radius: 3px;
	border: 1px solid var(--sub-color);
	font-size: 18px; 
	max-width:600px;
	margin: 10px 0;
	box-sizing:border-box;
	color: #777;
}

.modal_form {margin-bottom:0px;}
.row_submit {text-align:center;}
.row_submit input[type=submit] {	margin-top:0px;}
.modal-lg {width:1024px;*height:600px;}

/* MODAL END */

.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}

.modal.in {
	display: flex!important;
	align-items: center;
}