/*
	font-family: 'Roboto', serif;
	font-family: 'Roboto Slab', serif;
	font-family: 'Roboto Condensed', sans-serif;
*/

body{
	font: 18px/1.8em 'Roboto', serif;
	color: #000;
	background-color: #FFF;
}

p{
	margin: 0;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?jp4yc9');
  src:  url('fonts/icomoon.eot?jp4yc9#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?jp4yc9') format('truetype'),
    url('fonts/icomoon.woff?jp4yc9') format('woff'),
    url('fonts/icomoon.svg?jp4yc9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before, [class*=" icon-"]:before{
	font-family: 'icomoon' !important;
}

.icon-beton:before {
  content: "\e900";
}
.icon-bity:before {
  content: "\e901";
}
.icon-elektrolobziki:before {
  content: "\e902";
}
.icon-friza:before {
  content: "\e903";
}
.icon-izmeritelniy_instrument:before {
  content: "\e904";
}
.icon-krugi_matal:before {
  content: "\e905";
}
.icon-metchik_plashka:before {
  content: "\e906";
}
.icon-otdelka:before {
  content: "\e907";
}
.icon-shetka:before {
  content: "\e908";
}
.icon-stepler:before {
  content: "\e909";
}
.icon-stolyarniy_instrument:before {
  content: "\e90a";
}
.icon-sverla_derevo:before {
  content: "\e90b";
}
.icon-sverla_metal:before {
  content: "\e90c";
}
.icon-sverla_steklo:before {
  content: "\e90d";
}
.icon-mobile-phone:before {
  content: "\e90e";
}
.icon-phone:before {
  content: "\e90f";
}
.icon-search:before {
  content: "\e910";
}
.icon-zoom:before {
  content: "\e911";
}
.icon-letter:before {
  content: "\e912";
}
.icon-play:before {
  content: "\e913";
}
.icon-location:before {
  content: "\e914";
}
.icon-clock:before {
  content: "\e915";
}
.icon-calendar:before {
  content: "\e916";
}

[class^="char-icon-"]:before,
[class*=" char-icon-"]:before{
	content: "";
	background: url('img/characteristics/wear_resistant_coating.svg') no-repeat scroll center center transparent;
	width: 30px;
	height: 30px;
	display: inline-block;

}

.char-icon-resistant_coating:before{
	background-image: url('img/characteristics/wear_resistant_coating.svg');
}

.char-icon-steel_sheet:before{
	background-image: url('img/characteristics/steel_sheet.svg');
}

.char-icon-magnetic-hook:before{
	background-image: url('img/characteristics/magnetic-hook.svg');
}

.char-icon-dismounted_case:before{
	background-image: url('img/characteristics/dismounted_case.svg');
}

.char-icon-iso_9001_quality:before{
	background-image: url('img/characteristics/iso_9001_quality.svg');
}

.texture_orange3,
.texture_orange,
.texture_white,
.texture_orange2{
	position: relative;
}

.texture_orange3:after,
.texture_orange3:before,
.texture_orange:after,
.texture_orange:before,
.texture_white:after,
.texture_white:before,
.texture_orange2:after,
.texture_orange2:before{
	content:"";
	position: absolute;
	display: block;
	z-index: 1;
}

.texture_orange3:before,
.texture_orange:before{
	background: url('img/textures/products left.svg') no-repeat scroll bottom right transparent;
	left: 0;
	top: 5%;
	width: 25%;
	height: 305px;
	z-index: 0;
}

.texture_orange3:after,
.texture_orange:after{
	background: url('img/textures/products_right.svg') no-repeat scroll top left transparent;
	width: 25%;
	height: 335px;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.texture_orange3:after{
	bottom: auto;
	top: 35%;
}

.texture_orange:before{
	background: url('img/textures/products left.svg') no-repeat scroll bottom right transparent;
	left: 0;
	top: 0;
	width: 25%;
	height: 305px;
	z-index: 0;
}

.texture_orange:after{
	background: url('img/textures/products_right.svg') no-repeat scroll top left transparent;
	width: 25%;
	height: 335px;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.texture_white:before{
	background: url('img/textures/contact_us_left.svg') no-repeat scroll bottom right transparent;
	left: 0;
	top: 0;
	width: 13%;
	height: 220px;
}

.texture_white:after{
	background: url('img/textures/contact_us_right.svg') no-repeat scroll top left transparent;
	width: 20%;
	height: 300px;
	right: 0;
	bottom: 0;
}

.texture_orange2:before{
	background: url('img/textures/footer_left.svg') no-repeat scroll bottom right transparent;
	left: 0;
	top: 0;
	width: 15%;
	height: 280px;
}

.texture_orange2:after{
	background: url('img/textures/footer_right.svg') no-repeat scroll top left transparent;
	width: 15%;
	height: 200px;
	right: 0;
	bottom: 0;
}

h2{
	font: bold 33px/1.2em 'Roboto Slab', serif;
	text-align: center;
	position: relative;
}

h2.w-lines:after,
h2.w-lines:before{
	content: "";
	width: 25px;
	height: 10px;
	display: inline-block;
	position: relative;
	top: -5px;
	background-color: #eb8820;
}

h2.w-lines::before{
	left: -30px;
}

h2.w-lines:after{
	right: -30px;
}

h2 span{
	color: #eb8921;
}

h2.w-bottom-line{
	margin-bottom: 40px;
	padding-bottom: 40px;
}

h2.w-bottom-line:after{
	content: "";
	width: 84px;
	height: 8px;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -42px;
	background-color: #000;
}

.main h1{
	font: bold 38px/1em 'Roboto Slab', serif;
	color: #000;
	text-align: center;
}

.main h1 span{
	color: #eb8921;
}

.bg-orange{
	background-color: #eb8820;
}

.bg-orange.uk-background-cover{
	position: relative;
}

.bg-orange.uk-background-cover > *:before{
	content: "";
	position: absolute;
	background-color: #eb8820;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0.9;
	display: block;
	z-index: 0;
}

.bg-orange.uk-background-cover > * > *{
	position: relative;
	z-index: 3;
}

.bg-grey{
	background-color: #e7e8e8;
}

.bg-black{
	background-color: #000000;
}

header{
	padding: 0 0 22px;
}

header .uk-container > .row:first-child{
	margin-top: 25px;
}

header .uk-container > .row	{
	margin-top: 20px;
}

header .call-to-action-holder{
	float: left;
}

header .row + .row{
	margin-top: 15px;
}

.call-to-action-holder a{
	font: 16px/1em 'Roboto', serif !important;
	color: #000;
	display: inline-block;
	position: relative;
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
	padding-left: 25px;
}

.call-to-action-holder a:before{
	left: 0px;
	position: absolute;
	font-size: 14px;
}

.call-to-action-holder .icon-letter{
	padding-left: 25px;
}

.call-to-action-holder a:hover{
	color: #FFF;
	text-decoration: none;
}

.call-to-action-holder a + a{
	left: 10%;
}

header .logo{
	width: 195px;
	display: block;
}

header .worktime{
	font: 16px/1.2em 'Roboto', serif;
	color: #000;
	display: flex;
	align-items: flex-end;
}

header .phone-list{
	padding: 0;
	list-style: none;
}

header .phones-group{
	padding: 0;
    margin: 0;
}

header .phone-list a{
	font: bold 22px/1.2em 'Roboto', serif !important;
	color: #FFF;

}

header .phone-list a:before{
	left: -7px;
	position: relative;
	font-weight: normal;
	color: #000;
	font-size: 16px;
}

header .phone-list a:hover{
	text-decoration: none;
}

.search-form{
	width: 100%;
	position: relative;
}

.search-form .wrap{
	margin-left: 0px;
}

.search-form button{
	width: 40px;
	height: 38px;
	border: none;
	background-color: #000;
	color: #FFF;
	font-size: 16px;
	padding: 0;
	cursor: pointer;
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
}

.search-form button:hover{
	color: #000;
	background: #FFF;
}

.search-form .query{
	border: 1px solid #FFF;
	outline: none;
	background: none;
	color: #FFF;
	padding: 10px 15px;
	font: 14px/1.2em 'Roboto', serif;
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
	-webkit-background-clip:padding-box !important;
	   -moz-background-clip:padding-box !important;
			background-clip:padding-box !important;
}

.search-form .query:focus{
	background: #FFF;
	color: #000;
}

.search-form .query:focus::placeholder{
	color: #000;
}

.search-form .query::placeholder{
	color: #FFF;
	font: 14px/1.2em 'Roboto', serif;
}

.main-menu-holder{

}

header .uk-sticky{
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
	background-color: rgba(235, 136, 32, 0);

}

header .uk-sticky-fixed{
	left: 0;
	width: 100% !important;
	background-color: rgba(235, 136, 32, 1);
	box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.5);
}

header .uk-sticky-fixed .main-menu > li:not(:first-child){
	background-color: #eb8820;
}

header .uk-sticky-fixed .main-menu > li > a:before{
	background-color: #000;
}

header .uk-sticky-fixed .main-menu > li > a{
	color: #FFF;
}

header .uk-sticky-fixed .main-menu > li > a:hover{
	color: #000;
}

header .uk-sticky .main-menu > li > a:before,
header .uk-sticky,
header .uk-sticky .main-menu > li:not(:first-child){
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
}

.main-slider{
	position: relative;
	overflow: hidden;
}

.main-slider .uk-grid > *{
	height: 100%;
	position: relative;
}

.main-slider .uk-grid{
	height: 100%;
}

.main-slider .uk-slideshow-items .uk-grid:before {
    content: "";
    top: 0;
    bottom: 0;
    right: -10%;
    width: 60%;
    display: block;
    background-color: #000;
    position: absolute;
    z-index: 1;
    transform: skew(-18deg);
}

.main-slider .uk-slideshow-items:before{
	content: "";
    width: 84px;
    height: 8px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    background-color: #eb8921;
    z-index: 3;
    top: 30%;
}

.main-slider .uk-slideshow-items .uk-grid:after{
	content: "";
	background: url('img/textures/slider_texture.svg') no-repeat scroll bottom left transparent;
	right: 0;
	bottom: 0;
	width: 37%;
	height: 400px;
	z-index: 1;
	position: absolute;
}

.main-slider .text-holder{
	display: flex;
	align-items: center;
	padding-left: 0;
}

.main-slider .text-holder div{
	position: relative;
    z-index: 3;
	left: -25px;
}

.main-slider .text-holder h2{
	font: bold 40px/1.2em 'Roboto Condensed', sans-serif;
	color: #eb8820;
	text-align: left;
}

.main-slider a:hover{
	text-decoration: none;
}

.main-slider .text-holder p{
	font: 15px/1.4em 'Roboto', serif;
	color: #FFF;
}

.main-slider .uk-slideshow-items{
	height: 400px !important;
	background-color: #000;
}

.main-slider .uk-slideshow-nav{
	position: absolute;
	right: 20px;
	bottom: 25px;
	margin: 0!important;
	z-index: 2;
}

.main-slider .uk-dotnav > *{
	padding-left: 0;
	margin-left: 25px;
}

.main-slider .uk-dotnav > * > *{
	width: 15px;
	height: 15px;
	border-color: #FFF;
	background-color: #FFF;
}

.main-slider .uk-dotnav > .uk-active > *{
	background-color: #eb8820;
	border-color: #eb8820;
}

.main-slider .uk-dotnav > * > *:hover{
	background-color: #eb8820;
}


.main-menu{
	margin: 0;
	padding: 0;
	font-size: 0;
	position: relative;
}

.main-menu .menu-but{
	position: relative;
	display: inline-block;
	width: 26px;
	height: 17px;
	top: 2px;
	left: -7%;
}

.sub-menu-catalog-holder{
	font: bold 14px/1em 'Roboto', sans-serif;
}

.catalog-menu-holder{
	padding: 0;
}

.catalog-menu-holder .uk-grid{
	margin: 0;
}

.catalog-menu-holder .uk-first-column{
	background-color: #e9e9ea;
	padding: 15px 0;
}

.catalog-menu-holder .uk-nav li + li{
	border-top: 1px solid #d2d4d5;
}

.catalog-menu-holder .uk-nav a{
	font: bold 12px/1em 'Roboto', sans-serif;
	color: #000000;
	padding: 5px 15px 5px 35px;
}

.catalog-menu-holder .uk-nav .uk-active a,
.catalog-menu-holder .uk-nav a:hover{
	background-color: #FFF;
	color: #000000;
}

.catalog-menu-holder .uk-nav a{
	display: flex;
	align-items: center;
	position: relative;
}

.catalog-menu-holder .uk-nav span{
	font-size: 30px;
	margin-right: 10px;
}

.catalog-menu-holder .uk-nav .uk-icon{
	position: absolute;
	right: 10px;
	opacity: 0;
}

.catalog-menu-holder .uk-nav .uk-active .uk-icon{
	opacity: 1;
}

.catalog-menu-holder .uk-nav .uk-icon svg{
	width: 25px;
	height: 25px;
}

.catalog-menu-holder .sub-menu{
	padding: 0;
	list-style: none;
	margin: 15px 0;
}

.catalog-menu-holder .sub-menu a{
	font: bold 14px/1em 'Roboto', sans-serif;
	color: #000000;
	padding: 14px 15px 14px 0px;
	display: block;
}

.catalog-menu-holder .uk-nav .uk-icon,
.catalog-menu-holder .uk-nav a:hover,
.catalog-menu-holder .sub-menu a{
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
}
.catalog-menu-holder .sub-menu a:hover{
	text-decoration: none;
	color: #eb8820;
}

.mobile .catalog-menu-holder .uk-dropdown{
	padding: 10px 0;
    left: 0!important;
    margin: 0;
    width: 100%;
    height: calc(100vh - 68px);
    overflow: auto;
	background-color: rgb(221, 221, 221);
}

.mobile .catalog-menu-holder .uk-nav .uk-icon{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile .catalog-menu-holder .uk-nav > .uk-active > a,
.mobile .catalog-menu-holder .uk-nav > li > a{
	background-color: rgb(221, 221, 221);
}

.mobile .catalog-menu-holder .uk-nav > .uk-open > a{
	background-color: #ffffff;
}

.mobile .catalog-menu-holder .uk-nav .uk-open .uk-icon{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.mobile .catalog-menu-holder .uk-nav{
	white-space: initial;
}

.mobile .catalog-menu-holder .uk-nav > li > a{
    padding: 5px 15px 5px 15px;
	text-transform: uppercase;
	font-size: 11px;
}

.mobile .catalog-menu-holder .uk-nav > .uk-open > a{
	border-bottom: 1px solid #d2d4d5;
}

.mobile .catalog-menu-holder .uk-icon{
	opacity: 1!important;
}

.mobile .catalog-menu-holder .uk-nav-sub{
	padding: 0;
}

.mobile .catalog-menu-holder .uk-nav-sub  li + li{
	border: none;
}

.mobile .catalog-menu-holder .uk-nav-sub a{
	font-weight: 400;
	padding: 10px 20px;
}

.mobile .catalog-menu-holder{
    margin: -10px 0 -10px 15px;
    height: 68px;
    width: 38%;
}

.mobile .catalog-menu-holder .uk-button{
	padding: 5px;
    width: 100%;
    display: block;
    height: 100%;
	border: 0;
	background-color: #000;
	color: #FFF;
	font-size: 14px;
}

.mobile .catalog-menu-holder .uk-button .uk-icon{
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
}

.mobile .catalog-menu-holder .uk-button.uk-open .uk-icon{
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.main-menu .catalog-menu-but{
	width: 100%;
	background: none;
	color: #FFF;
	display: block;
	font: 19px/1em 'Roboto Condensed', sans-serif;
	color: #FFF;
	text-align: center;
	padding: 20px 0px;
	border: none;
	cursor: pointer;
}

.main-menu .catalog-menu-but.uk-open{
	color: #eb8820;
}

.main-menu .menu-but i{
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #FFF;
}

.main-menu .menu-but i:first-child{
	top: 0;
}

.main-menu .menu-but i:nth-child(1){
	top: 50%;
	margin-top: -1px;
}

.main-menu .menu-but i:last-child{
	bottom: 0;
}

.main-menu .catalog-menu-but.uk-open > .menu-but > i{
	background-color: #eb8820;
}

.main-menu > li{
	display: inline-block;
	background-color: #e7e8e8;
	padding: 0;
	position: relative;
	width: 15%;
}

.main-menu > li:first-child{
	background-color: #000;
	width: 25%;
	position: initial;
}

.main-menu > li:first-child > a{
	color: #FFF;
}
.main-menu > li > a{
	display: block;
	font: 19px/1em 'Roboto Condensed', sans-serif;
	color: #000000;
	text-align: center;
	padding: 20px 0px;
}

.main-menu > li > a:before{
	content: "";
	position: absolute;
	left: 0;
	width: 1px;
	height: 1em;
	background-color: #eb8820;
}

.main-menu .catalog-menu-but,
.main-menu > li > a,
.main-menu .menu-but i{
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
}

.main-menu > li > a:hover{
	text-decoration: none;
	color: #eb8921;
}

.main-menu > li:first-child > a:before,
.main-menu > li:first-child + li > a:before{
	display: none;
}

.action-slider{
	padding: 15px 0 0;
}

.levTools-pluses{
	font: 24px/1.2em 'Roboto Condensed', sans-serif;
	text-align: center;
	color: #000;
	margin-top: 50px;
}

.levTools-pluses .icon-holder{
	margin-bottom: 28px;
	width: 127px;
	text-align: center;
	display: inline-block;
}

.product-slider-section .uk-container{
	position: relative;
	z-index: 3;
}

.product-slider-section{
	overflow: hidden;
}

.product-slider{
	margin-top: 30px;
	padding: 20px;

}

.card-group ul{

}

.card-group  a{
	display: block;
	position: relative;
}

.card-group a:after,
.card-group a:before{
	content: "";
	width: 75px;
	height: 50px;
	background: url('img/logo_products_grey.svg') no-repeat scroll 0 0 transparent;
	position: absolute;
	left: 20px;
	top: 15px;
	z-index: 1;
}

.card-group a:after{
	background: url('img/logo_products.svg') no-repeat scroll 0 0 transparent;
	opacity: 0;
	-webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

.card-group a:hover:after{
	opacity: 1;
}

.card-group .uk-card-header{
	position: relative;
	border: none;
	height: 200px;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-group .badge-pro:before,
.card-group .badge-new:after{
	content: "";
	width: 100px;
	height: 25px;
	position: absolute;
	right: -1px;
	top: 25px;
	z-index: 1;
}

.card-group .badge-pro:before{
	background: url('img/product_proseries.svg') no-repeat scroll 0 0 transparent;
}

.card-group .badge-new:after{
	background: url('img/product_new.svg') no-repeat scroll 0 0 transparent;
}

.card-group .badge-pro.badge-new:before{
	top: 10px;
}

.card-group .badge-pro.badge-new:after{
	top: 35px;
}

.card-group .uk-card{
	border-top: 10px solid #eb8820;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.22);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.22);
	-ms-box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.22);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.22);
	-webkit-transition: all ease-out 0.25s;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.card-group .uk-card.with-order{
	padding-bottom: 60px;
	position: relative;
}

.card-group .uk-card a{
	text-decoration: none;
}

.card-group .show-order-holder{
	position: absolute;
	bottom: 0;
	padding: 0 0 20px;
	width: 100%;
    display: flex;
}
.card-group .show-order-but{
	background-color: #eb8921;
	color: #FFF;
	border: none;
	height: 40px;
	font-size: 16px;
	margin-left: 25px;
	margin-right: 25px;
	cursor: pointer;
	width: 100%;
}

.card-group .uk-card:hover{
	-webkit-transform: translate(3px, -3px);
	-moz-transform: translate(3px, -3px);
	-ms-transform: translate(3px, -3px);
	transform: translate(3px, -3px);
	-webkit-box-shadow: 3px 5px 15px 4px rgba(0,0,0, 0.22);
	-moz-box-shadow: 3px 5px 15px 4px rgba(0,0,0, 0.22);
	-ms-box-shadow: 3px 5px 15px 4px rgba(0,0,0, 0.22);
	box-shadow: 3px 5px 15px 4px rgba(0,0,0, 0.22);
}

.card-group .uk-card + .uk-card{
	margin-top: 30px;
}

.card-group .uk-card-footer{
	padding: 20px 25px;
	border: none;
	position: relative;
}

.card-group .uk-card-footer .uk-card-title:before{
	content: "";
	left: 15px;
	right: 15px;
	top: 0;
	position: absolute;
	height: 1px;
	background-color: #c9cccd;
}

.card-group .uk-card-title{
	font: 16px/1.4em 'Roboto Condensed', sans-serif;
}

.card-group .uk-card-header img{
	max-width: 100%;
}

.card-group .uk-card:hover{
	text-decoration: none;
}

.product-slider .uk-slidenav > svg{
	width: 22px;
    height: 36px;
    color: #000;
	-webkit-transition: all ease-out 0.25s;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.product-slider .uk-slidenav{
	margin: 15px 0;
}

.product-slider .uk-slidenav:hover > svg{
	color: #eb8820;
}

.section-title{
	margin: 0 auto;

}

.section-title .icon{
	margin-right: 50px;
}

.section-title .icon > span{
	width: 130px;
	height: 130px;
	background-color: #dadbdc;
	border-radius: 75px;
	display: flex;
    align-items: center;
    justify-content: center;
	font-size: 110px;
}

.section-title .text{
	font: bold 33px/1.2em 'Roboto Slab', serif;
	color: #000;
	display: flex;
	align-items: center;
	position: relative;
}

.section-title .icon > span:before {
    right: -22%;
    position: relative;
}

.section-title .text > span:after{
	content: "";
	width: 80px;
	height: 8px;
	background-color: #eb8820;
	position: relative;
	margin-top: 32px;
	display: block;
	position: relative;
}

.catalog-groups .uk-container{
	position: relative;
	z-index: 3;
}

.catalog-groups .card-group .uk-card-title{
	text-align: center;
	font-size: 25px;
}

.breadcrumb{
	list-style: none;
	margin: 0;
	position: absolute;
	top: -60px;
	left: 40px;
	padding: 0;
}

.breadcrumb li{
	display: inline-block;
	
}

.breadcrumb li + li{
	margin-left: 5px;
}

.breadcrumb li a:after{
	content: ">";
	display: inline-block;
	margin-left: 5px;
	position: relative;
	top: 0px;
}

.breadcrumb li a,
.breadcrumb li span{
	text-transform: uppercase;
}

.breadcrumb li a:hover{
	color: #eb8820;
	text-decoration: none;
}

.breadcrumb li a:hover:after{
	transform: rotate(-180deg);
	top: -2px;
	color: #eb8820;
}

.breadcrumb li > *:after,
.breadcrumb li > *{
	font: 14px/1em 'Roboto Condensed', serif;
	color: #000;
	-webkit-transition: all ease-out 0.25s;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.catalog-groups-list a{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.catalog-groups-list li{
	margin-top: 30px;
}

.catalog-groups-list .icon > span{
	width: 92px;
	height: 92px;
	background-color: #dadbdc;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 70px;
	color: #000;
	-webkit-transition: all ease-out 0.25s;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.catalog-groups-list .icon > span:before{
	right: -19%;
	position: relative;
}

.catalog-groups-list a:hover span{
	background-color: #eb8921;
}

.catalog-groups-list a:hover{
	text-decoration: none;
}

.catalog-groups-list a .text{
	font: bold 19px/1.2em 'Roboto Condensed', serif;
	color: #000;
}

.spoiler{

}

.spoiler .text{
	height: 250px;
    overflow: hidden;
	position: relative;
	font:  14px/1.8em 'Roboto', serif;
	color: #000;
}

.spoiler .text:before{
	content: "";
	position: absolute;
	left: 0;
	right:0;
	top: 0;
	bottom: 0;
	box-shadow: inset 0px -90px 120px -60px rgba(255, 255, 255, 1);
	-webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

.spoiler .opened.open + .toggle-but svg,
.spoiler .toggle-but svg,
.spoiler .toggle-but:before{
	-webkit-transition: all ease-out 0.25s;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;

}

.spoiler .text.opened:before{
	box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 1);
}

.bg-grey .spoiler .text.opened:before {
    box-shadow: inset 0px 0px 0px 0px rgba(231, 232, 232, 1);
}

.spoiler .toggle-but{
	display: block;
	background-color: transparent;
	border: none;
	width: 100px;
	margin: 15px auto 0;
	cursor: pointer;
	outline: none;
	font: bold 14px/1em 'Roboto', serif;
	-webkit-transition: all ease-out 0.4s;
    -moz-transition: all ease-out 0.4s;
    -ms-transition: all ease-out 0.4s;
    -o-transition: all ease-out 0.4s;
    transition: all ease-out 0.4s;
}

.spoiler .opened + .toggle-but{
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

.spoiler .toggle-but svg{
	width: 40px;
	height: 40px;
	margin-top: -5px;
}

.spoiler .opened + .toggle-but svg{
	-webkit-transition: all ease-out 0s;
    -moz-transition: all ease-out 0s;
    -ms-transition: all ease-out 0s;
    -o-transition: all ease-out 0s;
    transition: all ease-out 0s;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.spoiler .toggle-but:hover svg,
.spoiler .toggle-but:hover:before{
	color: #eb8820;
}

.spoiler .toggle-but:before{
	content: "больше";
	display: block;
}

.spoiler .open + .toggle-but:before{
	content: "меньше";
}

.bg-grey .spoiler .text:before{
	box-shadow: inset 0px -90px 120px -60px rgba(231, 232, 232, 1);
}

.product-list .short-description{
	font: 14px/1.6em 'Roboto', serif;
	color: #000;
	margin-top: 35px;
}

.catalog-products .uk-container{
	z-index: 3;
	position: relative;
}

.catalog-products .article-description{
	margin-top: 80px;
}

.catalog-products .uk-card .uk-card-title{
	font: bold 19px/1.2em 'Roboto Condensed', sans-serif;
	margin-bottom: 5px;
}

.catalog-products .uk-card .characteristics{
	font: bold 16px/1.4em 'Roboto Condensed', sans-serif;
	color: #eb8921;
	margin-bottom: 15px;
}

.catalog-products .uk-card .characteristics span{
	display: inline-block;
}

.catalog-products .uk-card .description{
	font: 14px/1.4em 'Roboto', serif;
	color: #000;
}

.product h1{
	font: bold 29px/1.2em 'Roboto Condensed', sans-serif;
	color: #eb8921;
	position: relative;
	margin-bottom: 45px;
	padding-bottom: 30px;
}

.product h1:after{
	content: "";
	width: 80px;
	height: 8px;
	background-color: #000;
	left: 0;
	bottom: 0;
	display: block;
	position: absolute;
}

.product .characteristics-list{
	list-style: none;
	padding: 0;
}

.product .characteristics-list li{
	position: relative;
	padding-left: 0px;
}

.product .characteristics-list li span{
	color: #eb8921;
	margin-right: 10px;
}

.product .characteristics-list li + li{
	margin-top: 10px;
}

.product .characteristics-list [class^="char-icon-"]:before{
	position: absolute;
	left: 0;
}

.product .show-order-but{
	background-color: #eb8921;
	color: #FFF;
	border: none;
	height: 40px;
	font-size: 16px;
	width: 100%;
	cursor: pointer;
}

.product .product-view{
	position: relative;
	min-height: 375px;
}

.product .product-view .item{
	display: block;
}

.product .product-view,
.product .product-view .image{
	display: flex;
	justify-content: center;
	align-items: center;
}

.product .product-view a:after,
.product .product-view a:before{
	content: "";
	width: 100px;
    height: 63px;
	background: url('img/logo_products_grey.svg') no-repeat scroll 0 0 transparent;
	position: absolute;
	left: 40px;
	top: 15px;
}

.product .product-view .image:before{
	width: 62px;
	height: 62px;
	display: block;
	border-radius: 30px;
	background-color: #000;
	color: #FFF;
	position: absolute;
	right: 20px;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	-webkit-transition: all ease-out 0.25s;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.product .product-view :hover .image:before{
	background-color: #eb8921;
}

.product .product-view a:after{
	background: url('img/logo_products.svg') no-repeat scroll 0 0 transparent;
	opacity: 0;
	-webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

.product .product-view a:hover:after{
	opacity: 1;
}

.product .product-view.badge-pro:before,
.product .product-view.badge-new:after{
	content: "";
	width: 100px;
	height: 25px;
	position: absolute;
	right: -1px;
	top: 25px;
}

.product .product-view.badge-pro:before{
	background: url('img/product_proseries.svg') no-repeat scroll 0 0 transparent;
}

.product .product-view.badge-new:after{
	background: url('img/product_new.svg') no-repeat scroll 0 0 transparent;
}

.product .product-view.badge-pro.badge-new:before{
	top: 10px;
}

.product .product-view.badge-pro.badge-new:after{
	top: 35px;
}

.product .short-description{
	font: 14px/1.4em 'Roboto', sans-serif;
	margin: 80px 0 60px;
	color: #000;
}

.product .product-table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.product .product-table tr > * + *{
	border-left: 1px solid #666;
}

.product .product-table th,
.product .product-table td{
	text-align: center;
	padding: 16px;
}

.product .product-table th{
	font: 16px/1em 'Roboto Condensed', serif;
}

.product .product-table td{
	font: bold 18px/1em 'Roboto Condensed', serif;
}

.product .product-table tbody tr:nth-of-type(odd){
	background-color: #dedede;
}

.product .product-table tbody tr{
	-webkit-transition: all 0.25s ease-in-out ;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.product .product-table tbody tr:hover{
	background-color: #eb8820;
}

.product .product-description{
	color: #000;
	margin-top: 90px;
	font: 14px/1.8em 'Roboto', serif;
}

.navigation-buttons{
	margin-bottom: 80px;
}

.navigation-buttons a{
	font: bold 20px/1em 'Roboto Condensed', sans-serif;
	color: #000;
	-webkit-transition: all 0.25s ease-in-out ;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.navigation-buttons a:hover{
	text-decoration: none;
	color: #eb8820;
}

.navigation-buttons .back-but{
	float: left;
}

.navigation-buttons .next-but{
	float: right;
}

.navigation-buttons .back-but svg{
	margin-right: 10px;
}

.navigation-buttons .next-but svg{
	margin-left: 10px;
}

.navigation-buttons svg{
	width: 35px;
	height: 35px;
	position: relative;
	top: -2px;
}

.contact-us{
	padding: 110px 0 80px;
}

.contact-us .text{
	position: relative;
	padding-left: 50px;
}

.contact-us .text h3{
	font: bold 39px/1.2em 'Roboto Slab', serif;
	color: #FFF;
}

.contact-us .text p{
	font: 23px/1.2em 'Roboto', serif;
	color: #000;
}

.contact-us .text:after,
.contact-us .text:before{
	content: "";
	background-color: #000;
	width: 80px;
	height: 8px;
	display: block;
	position: absolute;
	left: 0;
}

.contact-us .text:before{
	top: -35px;
}

.contact-us .text:after{
	bottom: -35px;
}

.contact-us .phone-list{
	list-style: none;
	margin-bottom: 0;
}

.contact-us .phone-list a{
	font: bold 52px/1em 'Roboto Condensed', sans-serif !important;
	color : #000;
	display: block;
}

.contact-us .callback-but{
	font: bold 25px/1em 'Roboto', serif !important;
	text-decoration:underline;
	color: #FFF;
	position: relative;
	padding-left: 40px;
	left: 18%;
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
}

.contact-us .callback-but:before{
	font-weight: normal;
	font-size: 20px;
	position: absolute;
	left: 0%;
	top: 2px;
}

.contact-us .callback-but:hover{
	color: #000;
}

.contact-us .phone-list a:before{
	font-size: 30px;
	position: relative;
	left: -25px;
	font-weight: normal;
}

.contact-us .phone-list a:hover{
	text-decoration: none;
}

.news-and-article-preview{

}

.news-and-article-preview .title-holder h4{
	font: bold 26px/1.2em 'Roboto Slab', serif;
	color: #000;
	float: left;
	margin-bottom: 0;
	position: relative;
}

.news-and-article-preview .title-holder a{
	font: 16px/1.8em 'Roboto Condensed', sans-serif;
	color: #000;
	float: right;
	display: block;
}

.news-and-article-preview .title-holder a{
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
}

.news-and-article-preview .title-holder a svg{
	width: 23px;
    height: 25px;
    margin-left: -5px;
	margin-top: -1px;
}

.news-and-article-preview .title-holder a:hover{
	text-decoration: none;
	color: #eb8820;
}

.news-preview,
.article-preview{
	list-style: none;
	margin-top: 65px;
	padding: 0;
}

.news-preview li{
	position: relative;
	height: 175px;
}

.news-preview li + li:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #bcbec1;
}

.news-preview li:first-child a{
	padding-top: 0;
}

.news-preview li:last-child a{
	padding-bottom: 0;
}

.news-preview a{
	padding: 30px 0;
	display: block;
}

.news-preview a:hover{
	text-decoration: none;
}

.news-preview a > *{
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
}

/*.news-preview a:hover .text,*/
.news-preview a:hover h5{
	color: #eb8921;
}
/*
.news-preview a:hover .date{
	color: #000;
}
*/
.news-preview .date{
	font: bold 14px/1.2em 'Roboto Condensed', sans-serif;
	color: #eb8921;
}

.news-preview h5{
	font: bold 16px/1.2em 'Roboto Condensed', sans-serif;
	color: #000;
	margin: 15px 0 5px;
	text-transform: uppercase;
}
.news-preview .text{
	font: 12px/1.5em 'Roboto', serif;
	color: #000;
}

.climb-block{
	position: relative;
	z-index: 2;
	margin-top: -90px;
	top: -40px
}

.article-preview li{
	position: relative;
	height: 160px;
}

.article-preview .text{
	display: flex;
	align-items: flex-end;
	position: relative;
}

.article-preview .image div{
	position: relative;
	min-height: 150px;
}

.article-preview .image.video div:after{
	content: "\e913";
    width: 58px;
    text-align: center;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 45px;
    background-color: #ea8720;
    font-family: 'icomoon';
    color: #FFF;
	top: 50%;
	left: 50%;
	margin: -29px 0 0 -29px;
	z-index: 0;
}

.article-preview .image div:before{
	content: "читать статью";
	font: 16px/1em 'Roboto Condensed', sans-serif;
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	letter-spacing: 1px;
	opacity: 0;
	z-index: 3;
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
}

.article-preview :hover .image div:before{
	opacity: 1;
}

.article-preview .text:before{
	content: "";
	width: 60px;
	height: 8px;
	background-color: #eb8921;
	position: absolute;
	top: 15px;
	left: -30px;
	z-index: 5;
}

.article-preview li + li{
	margin-top: 35px;
}

.article-preview a:hover{
	text-decoration: none;
}

.article-preview h5{
	font: bold 17px/1.2em 'Roboto', serif;
	color: #eb8921;
	margin-bottom: 20px;
}

.article-preview .text p{
	font: 12px/1.4em 'Roboto', serif;
	color: #000;
}

.contacts h1,
.about h1,
.sale h1,
.news h1,
.articles h1{
	font: bold 33px/1em 'Roboto Slab', serif;
	color: #000;
	position: relative;
	top: -30px;
}

.contacts h1:after,
.about h1:after,
.sale h1:after,
.news h1:after,
.articles h1:after{
	content: "";
	display: block;
	height: 8px;
	width: 80px;
	background-color: #eb8820;
	position: absolute;
	bottom: -25px;
}

.article-list {
	padding-bottom: 110px;
}

.article-list .uk-card-header > div{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.article-list .uk-card-header.video:before{
	content: "\e913";
	width: 57px;
	text-align: center;
	height: 57px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	border-radius: 45px;
	background-color: #ea8720; 
	font-family: 'icomoon';
	color: #FFF;
}

.article-list .uk-card-header{
	padding: 0;
}

.article-list .uk-card{
	border-top: 0px solid #eb8820;
	border-bottom: 10px solid #eb8820;
}

.article-list .uk-card-footer  .uk-card-title:before{
	left: 0;
	right: 0;
}

.article-list .card-group a:after,
.article-list .card-group a:before{
	display: none;
}

.article-list .rubric{
	font: bold 14px/1em "Roboto", sans-serif;
	color: #ea8821;
}

.article-list .uk-card-title{
	font: bold 18px/1.2em "Roboto", sans-serif;
	margin: 10px 0 20px;
	color: #000;
}

.article-list .uk-card-footer{
	font: 14px/1.7em "Roboto", sans-serif;
	color: #000;
}

.pages.uk-pagination{
	margin-top: 20px;
}

.pages.uk-pagination > *{
	padding-left: 0;
}

.pages.uk-pagination svg{
	width: 13px;
	height: 22px;
	top: -2px;
	position: relative;
}

.pages a{
	font: bold 20px/1em "Roboto", sans-serif;
	color: #000;
	padding: 10px;
}

.pages a:hover,
.pages .uk-active a{
	color: #eb8820;
}

.sale-list,
.news-list{
	padding-bottom: 110px;
}

.hor-card-group{

}



.hor-card-group .uk-card{
	display: block;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.22);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.22);
	-ms-box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.22);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.22);
	-webkit-transition: all ease-in-out 0.25s;
	-moz-transition: all ease-in-out 0.25s;
	-ms-transition: all ease-in-out 0.25s;
	-o-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
}

.hor-card-group .uk-card:hover{
	-webkit-transform: translate(3px, -3px);
	-moz-transform: translate(3px, -3px);
	-ms-transform: translate(3px, -3px);
	transform: translate(3px, -3px);
	-webkit-box-shadow: 3px 5px 15px 4px rgba(0,0,0, 0.22);
	-moz-box-shadow: 3px 5px 15px 4px rgba(0,0,0, 0.22);
	-ms-box-shadow: 3px 5px 15px 4px rgba(0,0,0, 0.22);
	box-shadow: 3px 5px 15px 4px rgba(0,0,0, 0.22);
}

.hor-card-group .r-border{
	border-right: 1px solid #c8cacc;
	-webkit-transition: all ease-in-out 0.25s;
	-moz-transition: all ease-in-out 0.25s;
	-ms-transition: all ease-in-out 0.25s;
	-o-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
}

.hor-card-group .uk-card:hover .r-border{
	border-color: #ea8821;
}

.hor-card-group a:hover{
	text-decoration: none;
}

.hor-card-group h3{
	font: bold 20px/1.1em 'Roboto', serif;
	color: #000;
}


.hor-card-group .description{
	font: 15px/1.6em 'Roboto', serif;
	color: #000;
}

.hor-card-group .date{
	font: bold 21px/1.2em 'Roboto Slab', serif;
}
.hor-card-group .day{
	color: #ea8821;
	text-transform: uppercase;
}
.hor-card-group .year{
	color: #000;
}

.hor-card-group.v2 .uk-card > *{
	min-height: inherit;
}

.hor-card-group.v2 .uk-card-header{
	padding: 0 20px 0 0;
}

.hor-card-group.v2 .uk-card-header + .uk-card-body{
	padding: 8px 20px 8px 20px;
}

.hor-card-group.v2 .uk-card-body{
	padding: 8px 20px 8px 40px;
	margin: 22px 0;
}

.hor-card-group.v2 .uk-card-footer{
	padding: 8px 40px 8px 20px;
	margin: 22px 0;
}

.hor-card-group.v2 .img{
	min-height: 224px;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.hor-card-group.v2 .dates .text{
	font: bold 15px/1.2em 'Roboto', serif;
	color: #ea8821;
	margin: 10px 0 5px;
}

.hor-card-group.v2 .dates [class^="icon-"]:before, .hor-card-group.v2 .dates [class*=" icon-"]{
	font-size: 30px;
	color: #ea8821;
}

.hor-card-group.v2 .dates .from,
.hor-card-group.v2 .dates .to{
	font: bold 17px/1.2em 'Roboto Slab', serif;
	color: #000;
}

.lang-holder{
	float: right;
}

.lang-selector{
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

.lang-selector li{
	display: inline-block;
}

.lang-selector li + li{
	margin-left: 15px;
}

.lang-selector a{
	font: 14px/1em 'Roboto Condensed', sans-serif;
	color: #000;
}

.lang-selector a:hover{
	text-decoration: none;
	color: #FFF;
}

.lang-selector .ukraine-icon:before,
.lang-selector .china-icon:before,
.lang-selector .english-icon:before{
	background: url('img/ukrainian_flag.svg') no-repeat scroll 0 0 transparent;
	content: "";
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: -6px;
}

.lang-selector .china-icon:before{
	background-image: url('img/chineese_flag.svg');
}

.lang-selector .english-icon:before{
	background-image: url('img/gb_flag.svg');
}

.lang-selector .russian-r-icon:before,
.lang-selector .ukraine-r-icon:before,
.lang-selector .china-r-icon:before,
.lang-selector .english-r-icon:before{
	background: url('img/ukr_x2.png') no-repeat scroll 0 0 transparent;
	content: "";
	width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -4px;
	background-size: contain;
}

.lang-selector .english-r-icon:before{
	background-image: url('img/eng_x2.png');
}

.lang-selector .china-r-icon:before{
	background-image: url('img/chi_x2.png');
}

.lang-selector .russian-r-icon:before{
	background-image: url('img/rus_x2.png');
}

.about h1{
	float: left;
	top: 0;
}

.about .section-image{
	margin-bottom: 80px;
}

.about h2{
	font: bold 26px/1.1em 'Roboto Slab', serif;
	text-align: left;
	margin-bottom: 50px;
}

.about .section-image img{
	width: 100%;
}

.about-content{
	padding-top: 0;
}

.about-content p{
	color: #000;
	font: 14px/1.6em 'Roboto', serif;
}

.about-contact{
	margin-top: 75px;
}

.about-contact h3{
	font: bold 24px/1.1em 'Roboto Slab', serif;
	color: #ea8821;
	margin-bottom: 30px;
}

.about-contact a{
	font: bold 24px/1.2em 'Roboto', serif;
	color: #000;
}

.about-contact a:hover{
	text-decoration: none;
}

.article.sales h1{
	text-align: left;
	padding: 0;
}

.article.sales .icon-calendar{
	font-size: 25px;
	margin-bottom: 5px;
	line-height: 1em;
	color: #ea8821;
}

.article.sales .dates .from,
.article.sales .dates .to {
    font: bold 17px/1.2em 'Roboto Slab', serif;
    color: #000;
}

.article h1{
	font: bold 33px/1.1em 'Roboto Slab', serif;
	text-align: center;
	margin-bottom: 63px;
	color: #000;
}

.article .navigation-buttons{
	top: -45px;
	position: relative;
}

.article-content{
	padding-top: 0;
	padding-bottom: 90px;
}

.article-content .section-image.video > *,
.article-content .section-image img{
	width: 100%;
}

.article-content .section-image.video > *{
	height: 60vh;
}

.article-content .section-image{
	margin-bottom: 60px;
}

.article-content p{
	color: #000;
	font: 16px/1.8em 'Roboto', serif;
}

.contacts h1{
	top: 0;
}

.contacts .map{
	padding: 0;
}

.contacts .map iframe{
	width: 100%;
	height: 50vh;
}

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

.contact-content h5{
	font: bold 16px/1.2em 'Roboto', serif;
	color: #ea8821;
	margin-bottom: 5px;
}

.contact-content a,
.contact-content p{
	font: 25px/1.4em 'Roboto', serif;
	color: #000;
}

.contact-content a:hover{
	text-decoration: none;
}

.contact-content .address a{
	color: #ea8821;
	font-weight: bold;
}

.contact-content [class^="icon-"], .contact-content [class*=" icon-"]{
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	background-color: #eb8820;
	font-size: 32px;
	color: #FFF;
	margin-bottom: 30px;
}

.contact-content .worktime{
	position: relative;
	margin-top: 100px;
}

.contact-content .worktime span{
	position: absolute;
	top: -80px;
	left: 13%;
}

.contact-content .work h3{
	font: bold 24px/1.1em 'Roboto Slab', serif;
	color: #ea8821;
	margin-bottom: 30px;
}

.contact-content .work a{
	font: bold 24px/1.2em 'Roboto', serif;
	color: #000;
}

.contact-content .work:hover{
	text-decoration: none;
}

footer{
	padding: 90px 0 40px;
	position: relative;
}

footer .logo{
	width: 125px;
	position: relative;
	top: -25px;
}

footer h4{
	font: bold 19px/1em 'Roboto Condensed', sans-serif;
	color: #FFF;
	margin-bottom: 20px;
}

.footer-menu{

}

.footer-menu .menu-item:before{
	display: none;
}

.footer-menu a{
	font: 16px/1em 'Roboto', serif;
	color: #999999;
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
	display: block;
	padding: 10px 0;
}

.footer-menu a:hover{
	text-decoration: none;
	color: #FFF;
}

footer .contacts{}

footer .contacts .phone-list{
	padding: 0;
	list-style: none;
}

footer .contacts .phone-list  a{
	font: bold 24px/1.2em 'Roboto', serif;
	color: #eb8921;
}

footer .contacts .phone-list a:hover{
	text-decoration: none;
}

footer .contacts a,
footer .contacts p{
	font: 16px/1.6em 'Roboto', serif;
	color: #FFF;
}

footer .contacts a{
	z-index: 5;
	position: relative;
}


footer .icon-location:before {
  color: #eb8921;
}

footer .contacts .map:before,
footer .contacts a,
footer .contacts .map{
	-webkit-transition: all ease-out 0.25s;
	-moz-transition: all ease-out 0.25s;
	-ms-transition: all ease-out 0.25s;
	-o-transition: all ease-out 0.25s;
	transition: all ease-out 0.25s;
}

footer .contacts .map:before{
	position: absolute;
	left: 0;
	top: 0px;
}

footer .contacts a:hover{
	text-decoration: none;
	color: #eb8921;
}

footer .contacts .map{
	font: 16px/1em 'Roboto', serif !important;
	color: #eb8921;
	padding-left: 20px;
	position: relative;
	top: 0px;
}

footer .contacts .map:hover:before,
footer .contacts .map:hover{
	color: #FFF;
}

footer .copyright{
	font: 16px/1.6em 'Roboto', serif;
	color: #666666;
}

.codyshop-ajax-search li{
	overflow: hidden; 
	width: 100%; 
	box-sizing: border-box;
	border-bottom: 1px solid #eeeeee;
	
	list-style:none;
}
.codyshop-ajax-search{
	margin: 0;
	position: absolute; 
	box-sizing: border-box; 
	background: #fff;
	z-index: 1111; 
	border:1px solid #eee;
	border-top: 1px solid #eb8921;
	display: none; 
	max-height: 500px; 
	overflow-y: auto;
	padding: 0;
	right: 0;
    left: 0;
}
.codyshop-ajax-search li:first-child{
}
.codyshop-ajax-search li:last-child {
	border-bottom: none;
}
.codyshop-ajax-search li a{
	color: #7c83a0;
	display: block;
	font: 19px/1em 'Roboto Condensed', sans-serif;
	color: #000000;
	padding: 15px 20px; 
	-webkit-transition: all ease-out 0.25s;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.codyshop-ajax-search li a:hover{
	text-decoration: none;
	color: #eb8921;
}

.codyshop-ajax-search span {
	height: 100%; 
	float: left; 
	min-height: 100px;
}
.codyshop-ajax-search li p, .codyshop-latest-post li p{
	line-height: 14px; 
	font-size: 13px;
	color: #7c83a0;
	font-style: italic; 
	background-color: white;
}
.codyshop-ajax-search li img, .codyshop-latest-post li img{
	width: 60px; 
	float: left; 
	border: 2px solid #eeeeee; 
	background-color: #eeeeee; 
	border-radius: 50%; 
	margin-right: 10px;
}

.nav-icon {
	padding: 0;
    width: 25px;
    height: 16px;
    position: relative;
    margin: 18px 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: right;
}
  
.nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #FFF;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
	
.nav-icon span:nth-child(1){
    top: 0px;
}
.nav-icon span:nth-child(2),
.nav-icon span:nth-child(3){
    top: 7px; 
}
.nav-icon span:nth-child(4) {
      top: 14px;
}

.nav-icon.open span:nth-child(1) {
	top: 7px;
	width: 0%;
	left: 50%;
}

.nav-icon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.nav-icon.open span:nth-child(4) {
	top: 7px;
	width: 0%;
	left: 50%; 
}

header .mobile{
	height: inherit;
	background-color: rgba(235, 136, 32, 1);
	padding: 10px 15px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
	-webkit-background-clip:padding-box !important;
	   -moz-background-clip:padding-box !important;
			background-clip:padding-box !important;
}

#mobile-menu .uk-modal-dialog{
	background-color: #e7e8e8;
}

#mobile-menu {
    z-index: 100;
}

#mobile-menu .uk-nav a{
	font: 22px/1.8em 'Roboto Condensed', sans-serif;
	color: #000;
	letter-spacing: 1px;
}

#mobile-menu .uk-nav li{
	position: relative;
}

#mobile-menu .uk-nav li:first-child:before,
#mobile-menu .uk-nav li:after{
	content: "";
    width: 100%;
    height: 2px;
    display: block;
    background-color: rgba(235, 136, 32, 1);
    bottom: 0px;
    position: absolute;
    left: 50%;
    margin-left: -50%;
}

#mobile-menu .uk-nav li:first-child:before{
	bottom: initial;
	top: 0;
}

#mobile-menu .uk-nav > li > a{
	padding: 10px;
}

#mobile-menu .uk-modal-body{
		padding: 15px;
	}
	
#mobile-menu .uk-nav{
	margin-top: 90px;
}

#mobile-menu .phone-list{
	padding: 0;
	list-style: none !important;
	position: absolute;
    bottom: 30px;
}

#mobile-menu .phone-list  a{
	font: bold 24px/1.2em 'Roboto', serif !important;
	color: #eb8921;
}

#mobile-menu .phone-list  a.icon-mobile-phone:before{
	margin-right: 10px;
}

#mobile-menu .work-time{
	margin: 50px 0 150px;
}

#mobile-menu .work-time p{
	line-height: 1.4em;
}

#mobile-menu .phone-list a:hover{
	text-decoration: none;
}

header .mobile + .uk-sticky-placeholder{
	display: none;
}

.search-holder button{
	background : none;
	border: none;
	font-size: 20px;
    color: #FFF;
    margin: 8px 20px;
    padding: 7px;
}

.mobile .search-holder button{
	margin: 8px 10px;
}

.b24-widget-button-popup-triangle,
.b24-widget-button-pulse,
.b24-widget-button-popup-show{
	border-color: #eb8820 !important;
}
 
.b24-widget-button-social-item,
.b24-widget-button-inner-mask,
.b24-widget-button-inner-block{
	background-color: #eb8820 !important;
}

.search-form-mobile{
	display: none;
	position: absolute;
    left: 0;
    right: 0;
    top: 67px;
    padding: 10px 12px;
    background: rgba(235, 136, 32, 1);
}

.search-form-mobile:before{
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-bottom: 11px solid #FFF;
    top: -11px;
    right: 67px;
}

.search-form-mobile input{
	width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    padding: 10px 45px 10px 10px;
    border: 0;
}

.search-form-mobile input:focus{
	outline: none;
}

@media screen and (min-width: 1050px) and (max-width: 1220px) {
	header .phone-list a {
		font-size:  19px !important;
	}
	
	.main-slider .text-holder h2{
		font-size: 32px;
	}
	
	.main-slider .uk-slideshow-items:before{
		width: 60px;
		margin-left: -8px
	}
	
	.article-preview .text:before{
		left: -40px;
	}
	
	footer .contacts .phone-list a{
		font-size: 20px;
	}
	
	.footer-menu a{
		line-height: 1.3em;
	}
}

#feedback{}

#feedback .uk-modal-body{
	padding: 60px;
	width: 700px;
}

#feedback .uk-grid{
	margin-top: 20px;
}

#feedback .uk-modal-close-default svg{
	width: 22px;
	height: 22px;
}

#feedback textarea::placeholder,
#feedback input::placeholder[type="text"]{
	color: #CCC;
}

#feedback textarea,
#feedback input[type="email"],
#feedback input[type="text"]{
	width: 100%;
	background-color: #e7e8e8;
	color: #000;
	font: 14px/1.2em 'Roboto Condensed', serif;
	padding: 15px;
	border: none;
	display: block;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
	-webkit-background-clip:padding-box !important;
	   -moz-background-clip:padding-box !important;
			background-clip:padding-box !important;
}

#feedback textarea{
	height: 150px;
}

#feedback h2{
	font: bold 34px/1.2em 'Roboto Condensed', serif;
	color: #eb8820;
	margin-top: 0px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

#feedback h4{
	font: bold 18px/1.2em 'Roboto Condensed', serif;
    text-align: center;
    margin-top: 0;
    margin-bottom: 2.5em;
}

#feedback .send-but{
	font: 14px/1.2em 'Roboto Condensed', serif;
    background-color: #333;
    color: #FFF;
    border: none;
    padding: 20px;
    width: 150px;
    letter-spacing: 1px;
    margin: 12px auto 0;
    display: block;
	cursor: pointer;
}

#feedback .send-but:hover{
	background-color: #000;
}

#feedback span.wpcf7-not-valid-tip{
    line-height: 1em;
    font-size: 12px;
    margin-top: 7px;
}

#feedback div.wpcf7-validation-errors,
#feedback div.wpcf7-acceptance-missing{
	border-color: #eb8820;
	font-size: 14px;
	line-height: 1.4em;
}

#feedback .wpcf7-response-output{
	display: none !important;
}

#order-form{}

#order-form .uk-modal-body{
	padding: 60px;
	width: 700px;
}

#order-form .uk-grid{
	margin-top: 20px;
}

#order-form .uk-modal-close-default svg{
	width: 22px;
	height: 22px;
}

#order-form textarea::placeholder,
#order-form input::placeholder[type="text"]{
	color: #CCC;
}

#order-form textarea,
#order-form input[type="email"],
#order-form input[type="text"]{
	width: 100%;
	background-color: #e7e8e8;
	color: #000;
	font: 14px/1.2em 'Roboto Condensed', serif;
	padding: 15px;
	border: none;
	display: block;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
	-webkit-background-clip:padding-box !important;
	   -moz-background-clip:padding-box !important;
			background-clip:padding-box !important;
}

#order-form textarea{
	height: 150px;
}

#order-form h2{
	font: bold 34px/1.2em 'Roboto Condensed', serif;
	color: #eb8820;
	margin-top: 0px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

#order-form h4{
	font: bold 18px/1.2em 'Roboto Condensed', serif;
    text-align: center;
    margin-top: 0;
    margin-bottom: 2.5em;
}

#order-form .send-but{
	font: 14px/1.2em 'Roboto Condensed', serif;
    background-color: #333;
    color: #FFF;
    border: none;
    padding: 20px;
    width: 180px;
    letter-spacing: 1px;
    margin: 12px auto 0;
    display: block;
	cursor: pointer;
}

#order-form .send-but:hover{
	background-color: #000;
}

.thank-you-content{
	padding: 150px 0;
}

.thank-you-content p{
	font-size: 20px;
	text-align: center;
}

@media screen and (min-width: 960px) and (max-width: 1170px) {
	.lang-selector a span{
		display: none;
	}
}

@media screen and (min-width: 960px) and (max-width: 1049px) {
	
	header .phone-list a{
		font-size: 16px !important;
	}
	
	.main-slider .text-holder h2{
		font: bold 28px/1.2em 'Roboto Condensed', sans-serif;
	}
	
	.main-slider .text-holder div{
		left: 0;
		padding-right: 30px;
	}
	
	.main-slider .uk-slideshow-items:before{
		width: 60px;
		margin-left: -8px
	}
	
	.main-menu > li > a{
		font-size: 18px;
	}
	
	.main-menu .catalog-menu-but{
		font-size: 16px;
		padding: 19px;
	}
	
	
	
	.contact-content .address a.email{
		font-size: 20px;
	}
	
	.call-to-action-holder a{
		font-size: 14px !important;
	}
	
	footer .contacts .phone-list a{
		font-size: 18px;
	}
	
	footer .contacts a, 
	footer .contacts p{
		font-size: 14px;
	}
	
	.footer-menu a{
		line-height: 1.4em;
	}

	.article-preview .text:before{
	    left: -40px;
	}
}

@media screen and (min-width: 640px) and (max-width: 959px) {
	
	header .logo{
		width: 100%;
	}
	
	header .static{
		display: none;
	}
	
	header .phone-list a{
		font-size: 25px !important;
	}
	
	header .phone-list li+li{
		margin-top: 10px;
	}
	
	header .dynamic .phone-list{
		float: right;
	}
	
	.lang-holder,
	.call-to-action-holder{
		float: none !important;
	}
	
	.main-slider .text-holder h2{
		font-size: 22px;
	}
	
	.main-slider .uk-slideshow-items:before {
		content: "";
		width: 64px;
		height: 6px;
		margin-left: -4px;
		top: 20%;
	}
	
	.main-slider .text-holder div{
		left: 0px;
		width: 90%;
	}
	
	.call-to-action-holder a + a{
		left: auto;
	}
	
	.lang-selector li + li {
		margin-left: 10px;
	}
	
	.main-menu > li:first-child{
		width: 10%;
	}
	
	.main-menu .menu-but{
		left: auto;
	}
	
	.main-menu .catalog-menu-but{
		padding: 19px 0px;
	}
	
	.main-menu .catalog-menu-but .text{
		display: none;
	}
	
	.main-menu > li{
		width: 18%;
	}
	
	.contact-us .phone-list a{
		font-size: 42px !important;
	}
	
	.contact-us .text h3{
		font-size: 30px;
	}
	
	.article-preview .text:before{
		left: -40px;
	}
	
	footer .contacts > div{
		float: left;
		width: 33%;
	}
	
	footer .contacts{
		margin-top: 40px;
	}
	
	footer .contacts .devider{
		display: none;
	}
	
	footer .contacts .email{
		margin-top: 15px;
		display: block;
	}
	
	footer .contacts .map{
		top: 12px;
	}
	
	.product-info{
		margin-top: 40px;
	}
	
	.product .short-description{
		margin: 40px 0 40px;
	}
	
	.product-slider .uk-slidenav-previous{
		margin-right: -12px;
	}
	
	.product-slider .uk-slidenav-next{
		margin-left: -12px;
	}
	
	.breadcrumb{
		position: relative;
		top: -30px;
		left: 0;
	}
	
	.contact-content a,
	.contact-content p{
		font-size: 19px;
	}
	
	.contact-content .address a.email{
		font-size: 16px;
	}
	
	.contact-content .worktime{
		margin-top: 73px;
	}
	
	.contact-content .worktime span{
		top: -65px;
	}
	
	.contact-content{
		padding-bottom: 40px;
	}
	
	.uk-section{
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media screen and (min-width: 480px) and (max-width: 639px) {
	
	header {
		padding: 0 0 0px;
		height: 68px;
		z-index: 101;
		position: relative;
	}
	
	header .mobile .logo{
		width: 80px;
	}
	
	header .mobile .catalog-menu-holder,
	header .mobile .logo-holder{
		float: left; 
	}
	
	header .mobile .main-menu-holder,
	header .mobile .search-holder {
		float: right;
	}
	
	.main-slider .uk-slideshow-items{
		height: 540px !important;
	}
	
	.main-slider .text-holder{
		padding-left: 30px;
	}
	
	.main-slider .text-holder h2{
		font-size: 20px;
		padding: 0 20px;
		text-align: center;
	}
	
	.main-slider .uk-grid > *{
		height: 50%;
		position: relative;
		overflow: hidden;
	}
	
	.main-slider .uk-slideshow-items:before{
		width: 40px;
		height: 5px;
		margin-left: -20px;
		top: 55%;
		background-color: #FFF;
	}
	
	.main-slider .uk-slideshow-items .uk-grid:before{
		display: none;
	}

	.main-slider .uk-slideshow-nav{
		right: initial;
		left: 50%;
		bottom: 15px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.main-slider .text-holder div{
		left: 0px;
		width: 100%;
	}
	
	.main-slider .uk-slideshow-items .uk-grid:after{
		height: 50%;
		width: 80%;
	}
	
	.main-slider .uk-slideshow-items .uk-grid:after{
		background-position: bottom right;
	}

	.main-slider .uk-dotnav > *{
		margin-left: 20px;
	}
	
	.main-slider .uk-dotnav > * > *{
		width: 10px;
		height: 10px;
	}
	
	.levTools-pluses .icon-holder{
		margin-bottom: 16px;
	}
	
	.levTools-pluses li + li{
		margin-top: 30px;
	}
	
	.product-slider {
		margin-top: 80px;
	}
	
	.product-slider .uk-slidenav-previous{
	    top: -15px;
		right: 55%;
		margin: 0;
	}
	
	.product-slider .uk-slidenav-next{
		top: -15px;
		left: 55%;
		margin: 0;
	}
	
	.card-group .uk-card-header{
		height: 280px;
	}
	
	.card-group .uk-card-header > div{
		height: 100%;
		position: relative;
	}
	
	.card-group .uk-card-header > div img{
		height: 100%;
	}
	
	.contact-us .text:after{
		display: none;
	}
	
	.contact-us .text:before{
		left: -15px;
	}
	
	.contact-us .text{
		padding: 0;
	}
	
	.contact-us .text p{
		margin-bottom: 20px;
	}
	
	.contact-us .callback-but{
		padding-left: 50px;
		left: 0;
		top: 20px;
	}
	
	.news-preview,
	.article-preview{
		margin-bottom: 40px;
		margin-top: 40px;
	}
	
	.article-preview li{
		height: auto;
	}
	
	.article-preview .image div{
		height: 300px;
		overflow: hidden;
	}
	
	.article-preview h5{
		margin-top: 60px;
		font-size: 20px;
	}
	
	.article-preview .text p{
		font: 14px/1.5em 'Roboto', serif;
	}
	
	.article-preview .text:before{
		top: 30px;
		left: 15px;
	}
	
	.uk-section{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	
	.breadcrumb{
		left: 15px;
	}
	
	footer.texture_orange2:before,
	footer.texture_orange2:after{
		display: none;
	}
	
	.navigation-buttons {
		margin-bottom: 60px;
	}
	
	.product h1{
		margin-top: 50px;
	}
	
	.navigation-buttons .next-but{
		display: none;
	}
	
	.hor-card-group .r-border{
		border-right: none;
	}
	
	.uk-section.article-content{
		padding-top: 0;
	}
	
	.article #content > .uk-section:first-child{
		padding-bottom: 0px;
	}
	
	.hor-card-group.v2 .uk-card-header{
		padding: 0;
	}
	
	.lang-holder{
		float: none;
		position: relative;
		text-align: center;
		width: 100%;
		top: 80px;
	}
	
	.lang-holder .lang-selector{
		padding-left: 0px !important;
		display: inline-block;
		text-align: center;
	}
	
	.lang-selector li + li {
		margin-left: 40px;
	}
	
	.codyshop-ajax-search{
		top: 58px;
		max-height: calc(100vh - 126px);
		height: calc(100vh - 126px);
	}
	
	.b24-widget-button-shadow{
		z-index: 99 !important;
	}
	
	.b24-widget-button-wrapper{
		z-index: 100!important;
	}
}

@media screen and (max-width: 479px) {
	.codyshop-ajax-search{
		top: 58px;
		max-height: calc(100vh - 126px);
		height: calc(100vh - 126px);
	}
	
	header {
		padding: 0 0 0px;
		height: 68px;
		z-index: 101;
		position: relative;
	}
	
	header .mobile .logo{
		width: 80px;
	}
	
	header .mobile .catalog-menu-holder,
	header .mobile .logo-holder{
		float: left; 
	}
	
	header .mobile .main-menu-holder,
	header .mobile .search-holder{
		float: right;
	}
	
	.action-slider.uk-section{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.action-slider .uk-container{
		padding: 0;
	}
	
	.main-slider .uk-slideshow-items{
		height: 440px !important;
	}
	
	.main-slider .text-holder{
		padding-left: 30px;
	}
	
	.main-slider .text-holder h2{
		font-size: 20px;
		padding: 0 20px;
		text-align: center;
	}
	
	.main-slider .uk-grid > *{
		height: 50%;
		position: relative;
		overflow: hidden;
	}
	
	.main-slider .uk-slideshow-items:before{
		width: 40px;
		height: 5px;
		margin-left: -20px;
		top: 55%;
		background-color: #FFF;
	}
	
	.main-slider .uk-slideshow-items .uk-grid:before{
		display: none;
	}
	
	.main-slider .uk-slideshow-items .uk-grid:after{
		background-position: bottom right;
	}

	.main-slider .uk-slideshow-nav{
		right: initial;
		left: 50%;
		bottom: 15px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.main-slider .text-holder div{
		left: 0px;
		width: 100%;
	}
	
	.main-slider .uk-slideshow-items .uk-grid:after{
		height: 50%;
		width: 80%;
	}

	.main-slider .uk-dotnav > *{
		margin-left: 20px;
	}
	
	.main-slider .uk-dotnav > * > *{
		width: 10px;
		height: 10px;
	}
	
	.main-slider .uk-dotnav > *:first-child{
		margin: 0;
	}
	
	.levTools-pluses li + li{
		margin-top: 30px;
	}
	
	.levTools-pluses .icon-holder{
		margin-bottom: 16px;
	}	
	
	.product-slider {
		margin-top: 80px;
	}
	
	.product-slider .uk-slidenav-previous{
	    top: -15px;
		right: 55%;
		margin: 0;
	}
	
	.product-slider .uk-slidenav-next{
		top: -15px;
		left: 55%;
		margin: 0;
	}
	
	.card-group .uk-card-header{
		/*height: 280px;*/
	}
	
	.card-group .uk-card-header > div{
		/*height: 100%;*/
		position: relative;
	}
	
	.card-group .uk-card-header > div img{
		/*height: 100%;*/
	}
	
	h2.w-lines:after, 
	h2.w-lines:before{
		display: none;
	}
	
	.contact-us .text:after{
		display: none;
	}
	
	.contact-us .text:before{
		left: -15px;
	}
	
	.contact-us .text{
		padding: 0;
	}
	
	.contact-us .text p{
		margin-bottom: 20px;
	}
	
	.contact-us .callback-but{
		padding-left: 50px;
		left: 0;
		top: 20px;
	}
	
	.contact-us .text p{
		font-size: 20px;
	}
	
	.contact-us .phone-list a{
		    font: bold 38px/1.2em 'Roboto Condensed', sans-serif !important;
	}
	
	.news-preview,
	.article-preview{
		margin-bottom: 40px;
		margin-top: 40px;
	}
	
	.article-preview li{
		height: auto;
	}
	
	.article-preview .image div{
		height: 300px;
		overflow: hidden;
	}
	
	.article-preview h5{
		margin-top: 60px;
		font-size: 20px;
	}
	
	.article-preview .text p{
		font: 14px/1.5em 'Roboto', serif;
	}
	
	.article-preview .text:before{
		top: 30px;
		left: 15px;
	}
	
	.news-preview li{
		height: auto;
	}
	
	body:not(.main) .uk-section{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	
	.breadcrumb{
		left: 15px;
		display: none;
	}
	
	.section-title p.icon{
		width: 100%;
		margin-right: 0;
		text-align: center;
	}
	
	.section-title .text{
		text-align: center;
		justify-content: center;
		margin-top: 20px;
	}
	
	.section-title .icon > span{
		margin: 0 auto;
	}
	
	.section-title .text > span:after{
		margin-left: auto;
		margin-right: auto;
	}
	
	footer.texture_orange2:before,
	footer.texture_orange2:after{
		display: none;
	}
	
	.navigation-buttons {
		margin-bottom: 60px;
	}
	
	.product h1{
		margin-top: 50px;
	}
	
	.navigation-buttons .next-but{
		display: none;
	}
	
	.hor-card-group .r-border{
		border-right: none;
	}
	
	.uk-section.article-content{
		padding-top: 0;
	}
	
	.article #content > .uk-section:first-child{
		padding-bottom: 0px;
	}
	
	.article h1{
		font: bold 23px/1.1em 'Roboto Slab', serif;
	}
	
	.hor-card-group.v2 .uk-card-header{
		padding: 0;
	}
	
	.lang-holder{
		float: none;
		position: relative;
		text-align: center;
		width: 100%;
		top: 80px;
	}
	
	.lang-holder .lang-selector{
		padding-left: 0px !important;
		display: inline-block;
		text-align: center;
	}
	
	.lang-selector li + li {
		margin-left: 20px;
	}
	
	.b24-widget-button-shadow{
		z-index: 99 !important;
	}
	
	.b24-widget-button-wrapper{
		z-index: 100!important;
	}
	
	.b24-widget-button-position-bottom-right{
		right: 15px !important;
		bottom: 15px !important;
	}
}