body {
	color: #3b3b3b;
	font-family:'roboto', sans-serif;
}
table {border-collapse:collapse;}

table:not(.uk-table)>tbody>tr>td{
	padding: 5px 10px;
	border: 1px solid #ccc;
}
.uk-width-small{width: 115px;
font-size: 12px;}
.cart-container,
.link-dotted:hover,
.product-content-name,
.product-content-name:hover {
	text-decoration: none
}
h2,h3,h4,h5 {color:#0C6C9F;}
h1 {
	font-size: 1.9rem
}

h2 {
	font-size: 1.7rem
}

h3 {
	font-size: 1.5rem
}

h4 {
	font-size: 1.2rem
}

.phone,
.whatsapp {
	font-size: 1.2em
}

.callback,
.mail,
.map {
	padding-left: 20px
}

.catalog-head,
.foot_address,
.foot_mail,
.foot_phone,
.ui-slider {
	position: relative
}

a {
	color: #25aef5;
}

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
	min-height: 35px
}

.border-none {
	border: none
}

.uk-navbar-container * {}

.uk-navbar-nav>li>a {
	text-transform: none;
	color: rgb(104, 102, 102);
	text-decoration: none;
	font-size: 14px;
}

.top-menu {
background: #f0f0f0;
background-color:#f0f0f0;/* Old browsers */
}	

.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a.uk-open,
.uk-navbar-nav>li>a:focus {
	color: #ff9c00
}

.link-dotted {
	color: #25aef5;
	border-bottom: 1px dotted;
	cursor:pointer
}

.catalog-head,
.user-container * {
	color: #fff
}

.phone {
	font-weight: 500
}

.map {
	background: url(../images/map.png) 0 100% no-repeat
}

.callback {
	background: url(../images/callback.png) 0 100% no-repeat
}

.mail {
	background: url(../images/mail.png) 0 100% no-repeat
}

.top-phone a{
	color: #0C6C9F;
	font-size: 1.5rem;
	font-family: Arial;
	font-weight:600;
}

.top-phone-extra a {
	color: #FF971B;
	font-size: 1.5rem;
	font-family: Arial;
	font-weight:600;
}

.top-phone-extra a:hover{
	
	text-decoration:none;
}

.top-whatsapp {
	color: #08A14F;
	font-family: Arial;
	font-size: 1.5rem;
	font-weight:600;
}

.search-row {
	
}

.catalog-head {
	background-color: #25aef5;
	padding: 16px;
	text-transform: uppercase;
	line-height: 0
}

.uk-search-default {
	background-color: #fff;
}

.uk-search-default .uk-search-input {
	padding: 0 48px 0 12px;
	border-radius:6px;
	border: 2px solid #25aef5;
	font-size: 13px;
	background: 0 0
}

.cart-container,
.user-container {
	text-align: center;
	font-size: 13px;
}

.cart-container {
	color:inherit;
	padding: 7px;
	font-size: 16px;
	font-weight: bold;
}

.cart-container .uk-icon>svg {width:35px;color:#FF971B}

.user-container {
	background-color: #52555b;
	width: 38px
}

.gray-section {
	background-color: #f8f8f8
}

.catalog-menu {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-top: none
}

.uk-nav-default>li>a {
	color:#707070;
	font-size: .9rem;
/* font-weight: 600; */
}

.uk-nav-divider {
	margin: 0
}

.uk-nav-default>li>a:focus,
.uk-nav-default>li>a:hover {
	color: #ff9c00
}

.border-eee {
	border: 1px solid #eee
}

.uk-button-default {
	background-color: #FF971B;
	color: #fff;
	text-transform: none;
	border: 0
}

.extra-head,
.footer .uk-h4,
.footer .uk-h4 *,
.side-head {
	font-weight: 500;
	text-transform: uppercase
}

.uk-button-default:focus,
.uk-button-default:hover {
	background-color: #000;
	color: #fff
}

.extra-head {
	background: url(../images/heading_bg.png) 0 50% no-repeat;
	padding: 0 0 0 30px;
	font-size: 18px;
	font-weight: 600
}

.side-head {
	font-size: 15px;
	color: #fff;
	background: #1f2022;
	padding: 12px 20px
}

.side {
	border: 1px solid #eee;
	padding: 10px 5px;
	background-color: #fff
}

.side img {
	margin-right: 5px
}

.text-date {
	font-size: 11px
}

.footer {
	background-color: #252525
}

.footer .uk-h4 {
	color: #d9d9d9;
	font-size: 16px
}

.footer .uk-list a {
	font-size: 13px
}

.footer .uk-list li {
	margin: 0
}

.footer * {
	color: #777
}

.foot_address::before {
	background-position: -150px -50px;
	left: 2px;
	top: 2px
}

.foot_address::before,
.foot_mail::before,
.foot_phone::before {
	content: "";
	width: 14px;
	height: 14px;
	background-image: url(../images/sprite.svg);
	background-repeat: no-repeat;
	position: relative;
	display: inline-block
}

.foot_phone::before {
	background-position: -200px -50px;
	left: -1px;
	top: 2px
}

.foot_mail::before {
	background-position: -50px -50px;
	left: 0;
	top: 3px
}

.uk-nav-parent-icon>.uk-parent-drop>a::after {
	content: "";
	width: 1.5em;
	height: 1.5em;
	float: right
}

.uk-nav-parent-icon>.uk-parent-drop.uk-open>a::after,
.uk-nav-parent-icon>.uk-parent-drop>a::after {
	background-image: url(../images/right-chevron.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%
}

.copy {
	border-top: 1px solid #3d3d3d
}

.default-button {
	background-color: #25aef5;
	color: #fff
}

.autocomplete-suggestion {
	padding: 10px;
	background-color: #fff;
	border-bottom: 1px solid #eee
}

.uk-text-lead {
	font-size: 1.3rem
}

.footer .uk-h4 * {
	font-size: 16px;
	color: #d9d9d9
}

.ui-slider {
	height: 4px;
	border: 1px solid #e5e5e5;
	margin: 12px 5px 7px;
	border-radius: 2px
}

.ui-slider .ui-slider-handle {
	position: absolute;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	top: -4px;
	background: #25aef5;
	border: 1px solid #25aef5;
	cursor: pointer;
	transform: rotate(47deg);
	-webkit-transform: rotate(47deg);
	-moz-transform: rotate(47deg);
	-o-transform: rotate(47deg);
	-ms-transform: rotate(47deg)
}

.ui-slider .ui-slider-range {
	position: absolute;
	background-color: #e5e5e5;
	height: 100%
}

.price_range {
	overflow: hidden;
	margin-left: -12px;
	margin-right: -12px;
	margin-bottom: 15px
}

.price_label {
	padding-left: 12px;
	padding-right: 12px
}

.max_price {
	text-align: right
}

.rating_starOff {
	display: inline-block;
	vertical-align: top
}

.rating_starOff,
.rating_starOn {
	width: 90px;
	height: 18px;
	background: url(../images/rating.png) left top repeat-x
}

.rating_starOn {
	display: block;
	background-position: left bottom
}

.rating_text {
	vertical-align: middle;
	line-height: 18px;
	display: inline-block
}

.price {
	font-size: 1.6rem
}

.fn_categories {
	position: relative
}

.fn_ajax_wait {
	background: url(../images/fn_ajax_wait.gif) no-repeat rgba(255, 255, 255, .52);
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	position: absolute;
	background-position: 400px 400px
}

.callback-bt,
.to_top {
	cursor: pointer;
	position: fixed
}

.max_input,
.min_input {
	width: 70px
}

.border-right-2px-eee {
	border-right: 2px solid #eee
}

.cat-annotation ul {
	padding: 0;
	list-style: none;
	font-weight: 500
}

.cat-annotation ul li {
	background: url(../images/list.png)no-repeat 0% 50%;
	padding-left: 26px
}

.uk-tab>*>a {
	text-transform: none
}

.to_top {
	width: 42px;
	height: 42px;
	border-radius: 100%;
	bottom: 50px;
	right: 10px;
	z-index: 99;
	display: none;
	background-color: #b8b7b7;
	background-image: url(../images/up-arrow.png);
	background-position: center center;
	background-repeat: no-repeat
}

.to_top:hover {
	background-color: #25aef5
}

*+.uk-h1,
*+.uk-h2,
*+.uk-h3,
*+.uk-h4,
*+.uk-h5,
*+.uk-h6,
*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
	margin-top: 0
}



.callback-bt {
	background: #38a3fd;
	border: 2px solid #38a3fd;
	border-radius: 50%;
	box-shadow: 0 8px 10px rgba(56, 163, 253, .3);
	height: 68px;
	text-align: center;
	width: 68px;
	right: 15px;
	bottom: 18%;
	z-index: 999;
	transition: .3s;
	-webkit-animation: hoverWave linear 1s infinite;
	animation: hoverWave linear 1s infinite
}

.callback-bt .text-call {
	height: 68px;
	width: 68px;
	border-radius: 50%;
	position: relative;
	overflow: hidden
}

.callback-bt .text-call span {
	text-align: center;
	color: #38a3fd;
	opacity: 0;
	font-size: 0;
	position: absolute;
	right: 4px;
	top: 22px;
	line-height: 14px;
	font-weight: 600;
	text-transform: uppercase;
	transition: opacity .3s linear;
	font-family: montserrat, Arial, Helvetica, sans-serif
}

.callback-bt .text-call:hover span {
	opacity: 1;
	font-size: 11px
}

.callback-bt:hover {
	z-index: 1;
	background: #fff;
	color: transparent;
	transition: .3s
}

.callback-bt:hover i {
	display: none;
	color: #38a3fd;
	font-size: 40px;
	transition: .3s
}

.callback-bt i {
	color: #fff;
	font-size: 34px;
	line-height: 57px;
	transition: .5s ease-in-out;
	animation: 1.2s ease 0s normal none 1 running shake;
	animation-iteration-count: infinite;
	-webkit-animation: 1.2s ease 0s normal none 1 running shake;
	-webkit-animation-iteration-count: infinite
}

@-webkit-keyframes hoverWave {
	0% {
		box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 0 rgba(56, 163, 253, .2), 0 0 0 0 rgba(56, 163, 253, .2)
	}
	40% {
		box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 15px rgba(56, 163, 253, .2), 0 0 0 0 rgba(56, 163, 253, .2)
	}
	80% {
		box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, .067)
	}
	100% {
		box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0)
	}
}

@keyframes hoverWave {
	0% {
		box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 0 rgba(56, 163, 253, .2), 0 0 0 0 rgba(56, 163, 253, .2)
	}
	40% {
		box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 15px rgba(56, 163, 253, .2), 0 0 0 0 rgba(56, 163, 253, .2)
	}
	80% {
		box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, .067)
	}
	100% {
		box-shadow: 0 8px 10px rgba(56, 163, 253, .3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0)
	}
}

@keyframes shake {
	0%,
	100% {
		transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-webkit-transform: rotateZ(0)
	}
	10% {
		transform: rotateZ(-30deg);
		-ms-transform: rotateZ(-30deg);
		-webkit-transform: rotateZ(-30deg)
	}
	20% {
		transform: rotateZ(15deg);
		-ms-transform: rotateZ(15deg);
		-webkit-transform: rotateZ(15deg)
	}
	30% {
		transform: rotateZ(-10deg);
		-ms-transform: rotateZ(-10deg);
		-webkit-transform: rotateZ(-10deg)
	}
	40% {
		transform: rotateZ(7.5deg);
		-ms-transform: rotateZ(7.5deg);
		-webkit-transform: rotateZ(7.5deg)
	}
	50% {
		transform: rotateZ(-6deg);
		-ms-transform: rotateZ(-6deg);
		-webkit-transform: rotateZ(-6deg)
	}
	60% {
		transform: rotateZ(5deg);
		-ms-transform: rotateZ(5deg);
		-webkit-transform: rotateZ(5deg)
	}
	70% {
		transform: rotateZ(-4.28571deg);
		-ms-transform: rotateZ(-4.28571deg);
		-webkit-transform: rotateZ(-4.28571deg)
	}
	80% {
		transform: rotateZ(3.75deg);
		-ms-transform: rotateZ(3.75deg);
		-webkit-transform: rotateZ(3.75deg)
	}
	90% {
		transform: rotateZ(-3.33333deg);
		-ms-transform: rotateZ(-3.33333deg);
		-webkit-transform: rotateZ(-3.33333deg)
	}
}

@-webkit-keyframes shake {
	0%,
	100% {
		transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-webkit-transform: rotateZ(0)
	}
	10% {
		transform: rotateZ(-30deg);
		-ms-transform: rotateZ(-30deg);
		-webkit-transform: rotateZ(-30deg)
	}
	20% {
		transform: rotateZ(15deg);
		-ms-transform: rotateZ(15deg);
		-webkit-transform: rotateZ(15deg)
	}
	30% {
		transform: rotateZ(-10deg);
		-ms-transform: rotateZ(-10deg);
		-webkit-transform: rotateZ(-10deg)
	}
	40% {
		transform: rotateZ(7.5deg);
		-ms-transform: rotateZ(7.5deg);
		-webkit-transform: rotateZ(7.5deg)
	}
	50% {
		transform: rotateZ(-6deg);
		-ms-transform: rotateZ(-6deg);
		-webkit-transform: rotateZ(-6deg)
	}
	60% {
		transform: rotateZ(5deg);
		-ms-transform: rotateZ(5deg);
		-webkit-transform: rotateZ(5deg)
	}
	70% {
		transform: rotateZ(-4.28571deg);
		-ms-transform: rotateZ(-4.28571deg);
		-webkit-transform: rotateZ(-4.28571deg)
	}
	80% {
		transform: rotateZ(3.75deg);
		-ms-transform: rotateZ(3.75deg);
		-webkit-transform: rotateZ(3.75deg)
	}
	90% {
		transform: rotateZ(-3.33333deg);
		-ms-transform: rotateZ(-3.33333deg);
		-webkit-transform: rotateZ(-3.33333deg)
	}
}

img[data-src][src*='data:image'] {
	background: #e5e5e5;
}

.category-price {
	color: #333;
	font-weight:bold;
}

.uk-text-bold {
	font-weight: 600
}

.uk-breadcrumb li {
	line-height: 25px;
}

.product-content-name {
	color: #25aef5;
	border-bottom:1px solid #25aef5;
	font-size:14px;
}
.uk-list-striped {
    padding:0;
    list-style: none;
}    
.uk-list-striped li {
    position: relative;
    padding: 10px 30px;
    background: #fff;
    border: 2px solid #337AB7;
    color: #333;
    box-shadow: 0 5px 5px 0 rgba(0,0,0, .2);
    margin-bottom: 5px;
    text-align:left;
    background-size: 100% 100%;
    z-index: 1;
	cursor:pointer;
}

.uk-list-striped > :nth-of-type(2n+1) {
    background: #FFF;
}
.uk-list-striped > :nth-of-type(2n+1) {
    border: 2px solid #0C6C9F;
}

.tabs{padding:5px 10px;margin-bottom: -4px;}
.tab-head{background: #25aef5;border-radius:7px 7px 0 0;padding:5px 10px; margin-right:7px}
.tab-head:hover {background: rgb(37,206,242);
background: linear-gradient(180deg, rgba(37,206,242,1) 0%, rgba(37,174,245,1) 65%, rgba(37,174,245,1) 100%);}
.tab-head a{color:#fff; text-decoration:underline;}
.tab-head.uk-active a{text-decoration:none;}
.border-ccc {border:1px solid #e6e6e6;}
.uk-table {width: auto;}
.uk-table td {padding:5px 10px;}
.uk-nav > li > a {
    padding: 5px 7px;
}
.active_up{background: url(../images/sort_up.png)0 50% no-repeat;
padding-left: 16px;}
.active_down{background:url(../images/sort_down.png)0 50% no-repeat;padding-left:16px;}
.uk-navbar-toggle {
    color: rgb(104, 102, 102);
}
.uk-navbar-toggle:hover, .uk-navbar-toggle:active, .uk-navbar-toggle:focus {color:#FF971B}
.link-cart{text-decoration:none;border-bottom: 1px dotted;}
.link-cart:hover{text-decoration:none;}
.map-container{position: relative;
    overflow: hidden;
    padding-top: 56.25%;}
	.map-responsive{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0}
	
.post-name{color: #25aef5;
border-bottom: 1px solid #25aef5;font-size: 18px;}
.post-name:hover{text-decoration:none}
.cat-annotation{text-align:justify;color:#333;font-size:12px}
.product-list{border: 1px solid #ebebeb;
border-radius: 5px;}
.short-description{font-size:12px;}
.sku-text{color:#0C6C9F;font-size:12px}
#preloader_preload {
	display: block;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	background-image: url(../images/loader.svg);
	background-size: 80px;
	opacity:1
}
.fn_product{}
.product-content-name-wrap{height:48px;}
.product_content {font-size:16px;}
.content_block {
	overflow: hidden;
	position: relative;    
}
.content_block.hide {
	height: 300px;
}
.content_block.hide:after{
	content: "";
	display: block;
	height: 100px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}
.subcat_img_link:hover{text-decoration:none;}
.button-sort{padding:5px; border:1px solid #eee; border-radius:5px; background-color:#f9f9f9;cursor:pointer;width:90px}
.button-sort.active_up{padding:5px 5px 5px 15px}
.button-sort.active_down{padding:5px 5px 5px 15px}
.old-price{ position: relative;}
.old-price:before {
  border-bottom: 1px solid red;
  position: absolute;
  content: "";
  width: 95%;
  height: 70%;
  transform: rotate(12deg);
}
.fixed-dropdown {
  width: 400px; /* Задайте желаемую ширину */
  /* height: 400px;  Можно установить фиксированную высоту здесь, если нужна.
                     Но лучше управлять высотой контента, см. ниже */
}

.dropdown-content {
  min-height: 450px;
  max-height: 500px; /* Задайте желаемую максимальную высоту */
  overflow-y: auto; /* Добавьте вертикальную полосу прокрутки, если содержимое превышает высоту */
  overflow-x: hidden; /* Скрывает горизонтальную полосу прокрутки */
}
.uk-button-feature {}
.max-icon svg{
	width:18px;
}