/*
Created by Dronax (WebIT.md)
====================================*/

@import url('https://fonts.googleapis.com/css?family=Roboto');
  @font-face {
    font-family: "Ubuntu-M"; 
    src: url(/fonts/Ubuntu-M.ttf);
   }

body {
	-webkit-font-smoothing: antialiased;
	color: #4b4b4b;
	font: 14px 'Roboto', Arial, sans-serif;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.new-items .s-next,
.new-items .s-prev {
    top: 43% !important;
}

a {
	color: #242221;
	cursor: pointer;
}

a:hover {
	color: #59b943;
}

nav {
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 10px 0 rgba(0,0,0,.05);
	height: 120px;
	position: relative;
}

.nav-top ul li form {
	position: relative;
}

.gal-l img {
	width: 300px;
	height: 254px;
}

.nav-top ul li form > button {
	background: none;
	border:none;
	position: absolute;
	top: 20px;
	right: -20px;
}

.lang-select:hover > ul {
	display: block;
}


.lang-select > ul {
	display: none;
	position: absolute;
	z-index: 99;
	top: 20px;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.1);
}

.lang-select ul li:first-child {
	padding: 0 10px;
}

.new-items .gallery-list div img {
    width: 270px;
    height: 220px;
}

.lang-select ul li {
	display: block;
	line-height: 30px;
}

.lang-select ul li > a{
	color: black !important;
}

.lang-select ul li > a:hover {
	color: #59b943 !important;
}

.lang-select ul li:before {
	display: none;
}

.nav-top ul li:not(:first-child) {
	padding: 0 10px;
}

.nav-top ul li {
	position: relative;
	font-family: 'Roboto';
}

.nav-top ul li:not(:first-child):before {
	content: "|";
	color: #ccc;
	position: absolute;
	top: 0;
}

.nav-top ul li a {
	font-size: 16px;
	color: #b2b2b2;
}

.lang-ico {
	width: 14px;
	height: 14px;
	background: url(/images/l.png) no-repeat center center;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}

.nav-top ul li > form input {
	border:none;
	color: #b2b2b2;
}

.nav-top ul li > form input:focus {
	box-shadow: none !important;
	border: none !important;
}

nav .button-collapse {height: 121px;}

nav .button-collapse i {
	color: #232020;
	font-size: 2.7rem;
	height: 64px !important;
	line-height: 64px !important;
}

.hide-on-med-and-down {
    margin-top: 40px;
}

.hide-on-med-and-down li {
	position: relative;
	padding: 0 20px;
}

.hide-on-med-and-down li > ul {
	opacity: 0;
	transition: all .3s ease-in;
	visibility: hidden;
	position: absolute;
	top: 50px;
	background: white;
	border-top: 2px solid #59b943;
	z-index: 999;
}

.hide-on-med-and-down li > ul li {
	border-bottom: 1px solid #ebebeb;
}

.hide-on-med-and-down li:hover > ul {
	opacity: 1;
	visibility: visible;
}

.hide-on-med-and-down li > ul li a {
	font-size: 14px;
	text-transform: none;
	padding: 0;
	line-height: 30px;
	font-weight: normal;
}

nav ul li a {
	color: #232020;
	font-size: 18px;
	font-weight: bold;
}

nav ul li a:hover {
	background: none;
	color: #59b943;
}

nav .nav-wrapper,
.header-desc,
.header-desc-item {
	padding: 0 30px;
}

.nav-top {
	position: absolute;
	right: 0;
	top: -10px;
}

.nav-top ul li a {
	font-weight: normal;
	text-transform: none;
	color: #b2b2b2;
	padding: 0 20px;
}

.tr {
	width: 7px;
	height: 4px;
	background: url(/images/tr.png) no-repeat;
	display: inline-block;
}

.gallery-ul > ul {
	position: static !important;
	display: none;
}

.gallery-ul:hover > ul {
	display: block;
}

.gallery-ul > ul > li {
	padding: 0 !important;
	float: none !important;
}

.gallery-ul > ul > li > a {
	font-size: 14px;
	color: black;
	text-decoration: underline;
}

#nav-mobile li a:hover {
	text-decoration: none;
}

.brand-logo {
	background: url(/images/logo.png) no-repeat;
	height: 25px;
	margin: 33px auto;
	width: 241px;
}

.slogan {
	background-color: #00bb34;
	color: #fff !important;
	display: inline-block;
	font-size: 14px;
	height: 21px;
	line-height: 21px;
	margin-top: 30px;
	padding-left: 5px;
	width: 100%;
}

.container {
	width: 90%;
}

/*.header-desc,
.header-desc-item {
	background-color: #f1f1f1;
	position: relative;
	z-index: -1;
}*/

.header-desc-item {
	padding: 0;
}

.rubrik {
	padding: 20px 30px !important;
}

.rubrik .row .col.s12.m6 {
	padding-left: 0;
}

.rubrik .block-gard {
	background-color: #fff !important;
	border: 1px solid #e2e1e7;
	margin: 25px 0 0;
	height: 240px;
	cursor: pointer;
	position: relative;
}

.rubrik .block-gard:hover {
	border: 1px solid #59b943;
}

.rubrik .block-gard .pdf-b {
	font-size: 16px;
	color: #59b943;
	font-weight: bold;
	margin-top: 50px;
	display: block;
	position: absolute;
	bottom: 20px;
}

.rubrik .block-gard .pdf-b:hover {
	color: #349a1d;
}

.pdf-ico {
	width: 24px;
	height: 27px;
	background: url("/images/pdf-ico-g.png") no-repeat;
	display: inline-block;
}

.pdf-ico-w {
	width: 24px;
	height: 27px;
	background: url("/images/pdf-ico.png") no-repeat;
	display: inline-block;
}

.pdf-button span {
	display: block;
	background-color: #62c64b;
	float: left;
	padding: 0 15px;
}

.rubrik .block-gard .pdf-b i {
	vertical-align: middle;
}

.rubrik .block-gard .colors-sq span:before {
	bottom: -50px !important;
}

.rubrik .block-gard .block-img {
	overflow: hidden;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: inherit;
	height: 225px;
	flex-wrap: wrap;
}
.block-img img {
	height:240px;
}
/*.rubrik .block-gard .block-img img {
	width: 250px;
}*/

.block-gard .title {
	font-size: 20px;
	padding: 15px 0;
	display: block;
	color: #010101;
	text-decoration: underline;
}

.block-gard .ability span {
	font-size: 12px;
	color: #010101;
	font-weight: 500;
}

.block-gard .oth-colors {
	display: inline-block;
	margin-top: 20px;
}

.block-gard .oth-colors img {
	vertical-align: middle;
	width: 45px;
}

.block-gard .title:hover {
	color: #4fb600;
}

.block-gard .colors {
	position: absolute;
	bottom: 20px;
}

.block-gard .colors span.text {
	font-size: 12px;
	color: black;
	font-weight: 500;
}

.block-gard .colors .colors-sq span {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 3px;
	cursor: pointer;
	position: relative;
}

.rubrik p {
	color: black;
	font-size: 14px;
}

.header-desc:after {
	background: url(/images/header-desc_bg.png) no-repeat;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 626px;
}

.header-desc h1,
.header-desc-item h1 {
	border-bottom: 1px solid #d2d2d2;
	color: #59b943;
	font-size: 40px;
	font-weight: 500;
	margin: 0;
	padding: 60px 0 10px 0;
	text-align: left;
	text-transform: uppercase;
}

.header-desc p {
	font-weight: 400;
	margin-bottom: 80px;
	text-align: left;
	padding-left: 0 !important;
}

.header-desc-item {
	background-color: #f5f5f5;
}

.header-desc-item .row {
	margin-bottom: 0;
}

.header-desc-item ul {
	margin-top: 3px;
	padding-top: 15px;
}

.header-desc-item ul li {
	display: inline-block;
	padding: 0 5px;
}

.header-desc-item ul li:first-child:before {
	content: "";
	padding: 0;
}

.header-desc-item ul li:before {
	content: "-";
	padding-right: 10px;
}

.header-desc-item ul li {
	color: #59b943;
}

.header-desc-item ul li a {
	/*color: #59b943;*/
	color: #4b4b4b;
}

.header-desc-item h1 {
	color: #242221;
	padding-top: 10px;
}

.header-desc-item p {
	text-align: left;
	font-size: 18px;
	padding-left: 0 !important;
}

.desc {
	padding: 5px 30px;
}

.desc h1 {
	color: #232020;
	font-size: 40px;
	font-weight: 400;
	margin-top: 10px;
	text-transform: uppercase;
}

.desc h1 span {
	font-weight: 500;
}

.icon-block {
	margin-top: 20px;
}

.icon-block h5 {
	color: #373737;
	font-size: 23px;
	font-weight: 500;
}

.ico-block {
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	height: 90px;
	margin: 0 auto;
	padding: 13px;
	width: 90px;
}

.ico {
	background: url(/images/ico_sprite.png) no-repeat;
	display: block;
	height: 59px;
	margin: 0 auto;
	width: 187px;
}

.ico.quality {
	height: 58px;
	width: 41px;
}

.ico.exp {
	background-position: -88px 3px;
	height: 56px;
	width: 48px;
}

.ico.verifed {
	background-position: -135px 5px;
	height: 60px;
	width: 55px;
}

.ico.trust {
	background-position: -40px 7px;
	height: 57px;
	width: 43px;
}

.content {
	background-color: #f5f5f5;
	padding: 30px 0;
	box-shadow: 0 5px 5px rgba(0,0,0,.07);
}

.block-service {
	height: 402px;
	background-color: #fff;
	border: 1px solid #59b943;
	margin-bottom: 30px;
}

.block-of-img a {
	overflow: hidden;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: inherit;
	height: 400px;
	flex-wrap: wrap;
}

.block-of-img a > img {
	width: 100%;
}

.block-service > .row {
	margin-bottom: 0;
}

/**/

.new-items {
	padding: 20px 30px;
}

.new-items .col.s12.m3 {
	padding-left: 0;
	padding-right: 0;
}

.new-items .block-descr {
	margin: 20px 0;
}

.new-items .block-desc p {
	margin-top: 0;
}

.new-items .tab-content .col.s12.m4 {
	padding-left: 0;
}

.new-items .tab-content p {
	color: black;
	font-size: 14px;
	line-height: 24px;
	margin-top: 0;
}

.new-items .tab-content p > b {
	display: block;
	font-size: 17px;
}

.new-items .tab-content p > a {
	color: #59b943;
}

.new-items .block-info {
	background-color: #fff;
	text-align: center;
	padding: 20px;
}

.new-items .block-info .pdf-button {
	width: 100%;
	height: 45px;
	background-color: #59b943;
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 45px;
	border-bottom: 3px solid #51a73e;
	margin: 0 auto;
}

.new-items .block-info .pdf-button i {
	vertical-align: middle;
}

.new-items .ability {
	padding: 20px 0;
	text-align: left;
	font-size: 13px;
	color: black;
}

.new-items .oth-colors {
	text-align: left;
	padding-bottom: 20px;
}

.new-items .colors {
	margin-left: -30px;
}

.new-items .oth-colors img {
	padding-right: 20px;
}

.new-items .colors .color {
	display: inline-block;
	font-size: 13px;
	color: #7f7f7f;
	padding-right: 10px;
}

.new-items .colors .color span {
	width: 10px;
	height: 10px;
	display: inline-block;
}

.new-items .tab-block {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

.new-items .tab-block h3 {
	cursor: pointer;
	font-size: 21px;
	color: black;
	margin-top: 0;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 10px;
}

.tab-block .down {
	width: 26px;
	height: 14px;
	background: url(/images/trrr.png) no-repeat;
	float: left;
	display: inline-block;
	transform: rotate(180deg);
    margin-right: 10px;
}

.tab-block .open-tab.active i.down {
	transform: none;
}

.new-items .tab-block table {
	border: 1px solid #e5e7e8;
	width: 100%;
}

.new-items .tab-block table tr {
	border-bottom: 1px solid #e5e7e8;
}

.new-items .tab-block table tr td,
.new-items .tab-block table tr th {
	border-right: 1px solid #e5e7e8;
	text-align: center;
}

.new-items .tab-block table tr td {
	color: black;
}

.new-items .tab-content .icon-block {
	display: block;
	float: left;
	margin-right: 60px;
	width: 100px;
	margin-top: 0;
}

.new-items .tab-content .icon-block img {
	vertical-align: middle;
}

.new-items .tab-content .icon-block span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: black;
	padding-top: 10px;
}

/**/

/*.slider {
	height: auto;
	margin-bottom: -5px;
	position: relative;
}

.left-click,
.right-click {
	cursor: pointer;
	height: 62px;
	position: absolute;
	top: 40%;
	width: 49px;
	z-index: 3;
}

.left-click {
	background: url(/images/arrow_left.png) rgba(235,235,235,.5) no-repeat;
	background-position: 10px 13px;
}

.right-click {
	background: url(/images/arrow_right.png) rgba(235,235,235,.5) no-repeat;
	background-position: 16px 13px;
	right: 0;
}

.left-click:hover,
.right-click:hover {
	background-color: rgba(89,185,67,.5);
}*/

/**/

.slider-header {
    position: relative;
    height: 360px;
    width: 100%;
    margin: 0;
    padding:0;
}

.slider-header .slick-slide img {
    width: 100%;
    height: 360px;
    background-size: cover;
}

.slider-header .slick-prev,
.slider-header .slick-next {
    width: 50px;
    height: 50px;
    background-color: rgba(89, 185, 67, .5);
    text-align: center;
    display: block;
    position: absolute;
    bottom: -10px !important;
    line-height: 50px;
    font-size: 30px;
    z-index: 999;
    cursor: pointer;
    color: #fff;
    top: auto !important;
}

.slider-header .slick-prev:before,
.slider-header .slick-next:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    content: "\f104";
    color: #fff;
}

.slider-header .slick-next:before {
    content: "\f105" !important;
}

.slider-header .slick-prev:hover,
.slider-header .slick-next:hover {
    background-color: #59b943;
}

.slider-header .slick-prev {
    right: 80px;
		border-right: 1px solid rgba(255,255,255,.2);
		top: 320px !important;
}

.slider-header .slick-next {
    right: 30px;
}

.slider-header .caption {
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 10px;
    text-align: left;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.slider-header .caption-info {
    position: absolute;
    top: 30px;
    font-size: 45px;
    font-weight: bold;
    color: #262859;
    max-width: 650px;
    padding-left: 30px;
}

@media only screen and (max-width: 1300px) {
	.slick-dots {
		width: 90% !important;
	}
}

.slick-dots {
	max-width: 1280px;
	margin: 0 auto !important;
}

.slick-dots {
    position: absolute;
    text-align: left;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: 0;
		padding-left: 30px;
}

.slick-dots li {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 9px;
    width: 9px;
    margin: 0 3px;
    background-color: rgba(235, 235, 235, .5);
    transition: background-color .3s;
}

.slick-dots li.slick-active {
    background-color: #639e4f;
}

.gal-l .slick-dots {
	bottom: -30px;
	left: 0;
	margin: 0 !important;
	padding-left: 0;
}

.gal-l .slick-dots li {
	background: #999999;
}

.gal-l .slick-dots li.slick-active {
	background: #59b943;
}

.slider-header .caption-slide {
	position: absolute;
	top: 110px;
	padding-left: 30px;
}

.slider-header .caption-slide h2 {
	color: #fff;
	font-size: 40px;
	text-shadow: 0 3px 5px rgba(0,0,0,.2);
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: -10px;
}

.slider-header .caption-slide p {
	font-size: 18px;
	color: #e0ffc9;
	width: 70%;
}

/**/


.gard {
	padding-left: 0 !important;
}

.block-desc-gard h3 {
	font-size: 30px;
	color: #232020;
}

.block-desc-gard h3:after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	margin-top: 20px;
	background-color: #e1e1e1;
}

.block-desc-gard p {
	color: #010101;
	font-size: 16px;
	line-height: 25px;
}

.desc-service {
	margin-top: 15px;
}

.desc-service a {
	color: #2f2926;
	display: block;
	font-size: 32px;
	font-weight: 500;
	padding-top: 10px;
}

.desc-service a:hover {
	color: #59b943;
	text-decoration: underline;
}

.desc-service p {
	font-size: 14px;
	font-weight: 400;
}

.buttons-service a {
	background-color: #ebebeb;
	border: none;
	color: #59b943;
	font-weight: 500;
	height: 46px;
	margin: 10px 20px 10px 0;
	text-align: center;
	width: 200px;
	display: inline-block;
	font-size: 16px;
	text-decoration: underline;
	line-height: 26px;
	position: relative;
	font-weight: bold;
}

.buttons-service a:before,
.buttons-service a:after,
.block-gard .colors-sq span:before,
.block-gard .colors-sq span:after {
	display: block;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	left: 50%;
	line-height: 20px;
	margin-bottom: 15px;
	transition: opacity .7s, visibility .7s, margin-bottom .7s;
	z-index: 99;
	font-weight: normal;
}

.buttons-service a:before,
.block-gard .colors-sq span:before {
	bottom: -90px;
	margin-left: -100px;
	padding: 10px;
	text-align: center;
	font-size: .8em;
	border-radius: 5px;
	color: black;
	box-sizing: border-box;
	width: 200px;
	content: attr(data-title);
	background-color: #fff;
	border: 1px solid #59b943;
}

.buttons-service a:after,
.block-gard .colors-sq span:after {
	bottom: -8px;
	content: "";
	border-bottom: 10px solid #59b943;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin-left: -10px;
}

.buttons-service a:hover:before,
.buttons-service a:hover:after,
.block-gard .colors-sq span:hover:before,
.block-gard .colors-sq span:hover:after {
	visibility: visible;
	opacity: 1;
	margin-bottom: 0;
}

.buttons-service a:hover {
	background-color: #59b943;
	color: #fff;
}

.content .tabs .tab {
	z-index: 5;
}

.content .tabs .tab a {
	border-right: 0;
	border: 1px solid #838c96;
}

.content .tabs .tab:first-child a {
	border-right: 0;
}

.content .tabs .tab:last-of-type a {
	border-right: 1px solid #838c96;
}

.content .tabs .tab a {
	color: #242221;
}

.content .tab a.active {
	border-bottom: none;
}

.content .tabs .tab a:hover {
	background-color: #f5f5f5;
	text-decoration: none;
}

.content .tabs .indicator {
	background-color: #f5f5f5;
	height: 100%;
}

.tab-content {
	margin-top: 20px;
}

.item {
	background-color: #fff;
	border-bottom: 1px solid #f5f5f5;
	cursor: pointer;
	padding-top: 20px;
}

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

.item:hover {
	outline: 1px solid #59b943;
}

.available-colors .colors li {
	border: 1px solid #959595;
	display: inline-block;
	height: 16px;
	margin: 0 5px;
	width: 16px;
}

.available-colors .colors .white {
	background-color: #fff;
	margin-left: 0;
}

.available-colors .colors .green {
	background-color: #3d593d;
}

.available-colors .colors .blue {
	background-color: #293c50;
}

.available-colors .colors .red {
	background-color: #af0d18;
}

.size {
	background-color: #828b95;
	height: 39px;
	line-height: 39px;
	position: relative;
	text-align: center;
	width: 109px;
}

.size span {
	color: #fff;
	font-size: 20px;
	padding-left: 20px;
}

.size span:before {
	background: url(/images/content/ico_elipse.png) no-repeat;
	content: "";
	display: inline-block;
	height: 20px;
	left: 15px;;
	position: absolute;
	top: 9px;
	width: 31px;
}

.item-data a {
	color: #242221;
	font-size: 27px;
}

.item-data a:hover {
	color: #59b943;
}

/**/

.gallery {
	margin: 20px 0;
	position: relative;
	z-index: 999999;
}

.gallery .caption {
	font-size: 14px;
	color: black;
}

.gallery h2 {
	font-size: 30px;
	text-decoration: underline;
}

.gallery-list {
		overflow: hidden;
		margin: 0 auto;
}

.gallery-list .slick-slide {
	/* float: none; */
}

.gallery-list div {
	display: inline-block !important;
	padding-right:6px;
}

.gallery-list div img {
	 width: 100%;  
	/*  padding: 0 17px; */
/*   height: 378px; */
}

.gallery-list img {
	display: inline-block;
	vertical-align: middle;
}

.gallery .container {
	position: relative;
}

.gallery .s-prev,
.gallery .s-next {
  position: absolute;
  top: 54%;
  z-index: 999;
  width: 50px;
  height: 50px;
  border: none;
  background: rgba(89,185,67,.5);
  color: #fff;
	font-size: 18px;
}

.gallery .s-prev {
  left: -20px;
}

.gallery .s-next {
  right: -20px;
}

.page-footer {
	background-color: #373737 !important;
	margin-top: 0 !important;
}

.page-footer h5 {
	text-transform: uppercase;
}

.page-footer .rolt > ul:nth-of-type(1) li {
	color: #b2b2b2;
	font-weight: 300;
	padding: 10px 0;
	position: relative;
}

.page-footer .rolt > ul:nth-of-type(1) li span {
	color: #fff;
	font-weight: 400;
}

.page-footer .rolt > ul:nth-of-type(2) li {
	display: inline-block;
	padding: 0 10px;
}

.page-footer .rolt > ul:nth-of-type(2) li:first-child {
	padding: 0;
}

.page-footer .rolt > ul:nth-of-type(3) li {
	padding: 3px 0;
	position: relative;
	text-transform: uppercase;
}

.page-footer .rolt > ul:nth-of-type(3) li a {
	color: #fff;
	text-decoration: underline;
}

.page-footer .rolt > ul:nth-of-type(3) li a:hover {
	color: #59b943;
}

.footer-copyright {
	background-color: #242221 !important;
	color: #fff !important;
}

.footer-copyright span {
	float: left;
}

.webit-team {
	float: right;
}

.footer-copyright a {
	color: #59b943;
}

.footer-ico {
	background: url(/images/footer_ico_sprite.png) no-repeat;
	display: inline-block;
	height: 22px;
	margin-right: 5px;
	width: 166px;
}

.footer-ico.adress {
	height: 21px;
	width: 13px;
}

.footer-ico.phone {
	background-position: -19px -3px;
	height: 17px;
	width: 18px;
}

.footer-ico.mail {
	background-position: -43px -6px;
	height: 11px;
	width: 15px;
}

.footer-ico.google {
	background-position: -65px -3px;
	height: 19px;
	width: 24px;
}

.footer-ico.in {
	background-position: -90px 0;
	height: 21px;
	width: 21px;
}

.footer-ico.facebook {
	background-position: -133px 0;
	height: 21px;
	width: 13px;
}

.footer-ico.twitter {
	background-position: -117px -4px;
	height: 18px;
	width: 14px;
}

.footer-ico.media {
	background-position: -148px -5px;
	height: 14px;
	width: 18px;
}

.footer-ico.google:hover,
.footer-ico.in:hover,
.footer-ico.facebook:hover,
.footer-ico.twitter:hover {
	-webkit-filter: sepia(100%) hue-rotate(70deg);
	filter: sepia(100%) hue-rotate(70deg);
}

.fences {
	border-left: 1px solid #312f2e;
	border-right: 1px solid #312f2e;
}

.fences h5,
.metal h5 {
	color: #58a745;
	font-weight: 400;
}

.fences ul {float:left;	padding-right: 24px;}

.fences ul li,
.metal ul li {
	font-size: 16px;
	font-weight: 300;
	padding: 3px 0;
}

.fences ul li a,
.metal ul li a {
	color: #9d9e9f;
	text-decoration: underline;
}

.fences ul li a:hover,
.metal ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

@media only screen and (max-width: 450px) {
	.brand-logo {
		margin-left: 15px;
	}

	.desc-service {
		padding-left: 20px !important;
	}

	.buttons-service button {font-size: 10px;	width: 79px;}
}

@media only screen and (max-width: 502px) {
	.desc h1 {
		font-size: 30px;
		text-align: center;
	}
}

@media only screen and (max-width: 550px) {
	.header-desc:after {
		width: 426px;
	}
}

@media only screen and (max-width: 600px) {

	.slick-next, .slick-prev{
		display:none;
	}

	nav {
		height: 56px !important;
	}
	.container.nav-wrapper {
		padding: 0 !important;
	}
	.desc-service {
		padding-left: 20px !important;
	}

	.block-gard {
		height: auto !important;
	}

	.block-gard .col.s12.m6 {
		padding: 0 0.75rem !important;
	}

	.block-gard .block-img {
		padding-top: 8px;
	}

	.item-data {
		text-align: center;
		padding-top: 10px !important;
	}
	.s-next, .s-prev {display: none !important;}
}

.title-a {
	color: #fff !important;
	font-weight: bold;
}

.button-collapse i {
	    color: #00bb34 !important;
}

.mobile-block {
	position: relative;
}

.mobile-menu {
	display: none;
	width: 200px;
	position: absolute;
	right: 10px;
	z-index: 99999;
	top: 59px;
	background-color: #fff;
	border-top: 3px solid #00bb34;
}

.mobile-menu li {
	position: relative;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

.mobile-menu li > a {
	line-height: 40px;
}

.mobile-menu li > a:hover {
	color: #00bb34;
}

.mobile-menu li > ul {
	background-color: #ccc !important;
	display: none;
}

.mobile-menu li > ul li {
	border-bottom: 1px solid #fff;
}

.mobile-menu li > ul li > a {
	font-weight: normal;
}

.mobile-menu li.gal-ls ul li {
	border-bottom: none;
}

.mobile-menu li.gal-ls ul li a {
	text-decoration: underline;
}

.mobile-menu .more {
	color: #232020;
  font-size: 18px;
  float: right;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  top: -4px;
  right: 5px;
	cursor: pointer;
}

@media only screen and (max-width: 800px) {

	.rubrik .col.s12.m6 {
		width: 100% !important;
	}
	.block-gard {
		height: auto !important;
	}

	.block-gard .col.s12.m6 {
		padding: 0 0.75rem !important;
	}

	.block-gard .block-img {
		padding-top: 8px;
	}
	.block-gard .block-img img {
		width: 100%;
	}
}

@media only screen and (max-width: 575px) {
	#logo-container {
		margin-top: 30px !important;
	}
	.header-desc-item {
		margin-top: 75px !important;
	}
	.nav-top {
		position: static;
	}
	.nav-top ul li:before {
		display: none;
	}
	.nav-top ul li:first-child {
		padding: 0 10px;
	}
	.nav-top .lang-ico {
		top: 19px;
	}
}

@media only screen and (max-width: 992px) {

	.button-collapse {
		float: right !important;
		padding-right: 12px !important;
	}

	#logo-container {
		margin-left: -19px !important;
	}

	.mobile-menu {
		display: block;
	}

	.pdf-button {
		    width: 100% !important;
	}
	#logo-container {
		margin-top: 50px;
	}
	.new-items .tab-block table {
		font-size: 10px;
	}
	.new-items .tab-block iframe {
		width: 100% !important;
	}
	.fences {
		border-bottom: 1px solid #312f2e;
		border-left: 0;
		border-right: 0;
		border-top: 1px solid #312f2e;
	}
	.block-service {
		height: auto;
	}

	.slider-header .caption-slide {
		width: 25% !important;
		top: 0;
	}

	.slider-header .caption-slide h2 {
		font-size: 30px;
	}
}


/* yojik */

/* .contact{
	width: 100%;
	height: 555px;
} */
.contact-container{
	
	height: auto;
	
}
.info{
	width: 100%;
	height: auto;
	display: inline-block;
}
.contact, .time{
	margin-top: 55px;
	width: 50%;
	float: left;
}
.contact>span{
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #242221;
}
.contact>ul>li{
	font-size: 18px;
	color: #666;
	margin-top: 20px;
}
.time>span{
	font-size: 18px;
	color: #888;
}
.day, .hour{
	font-weight: bold
}
.social{
	margin: 50px 0 50px 0;
	/* border-bottom:1px solid #d2d2d2; */
}
.follow{
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #59b943;
}
.social>ul>li{
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-right: 10px;
}
.social>ul>li:hover{
	background-color: #59b943;
    -webkit-transition: background-color 1s ease-out;
  	-moz-transition: background-color 1s ease-out;
  	-o-transition: background-color 1s ease-out;
  	transition: background-color 1s ease-out;
}
.contact>ul>li{
	width: 100%;
}
li>img{
	margin-right: 20px;
	
}
.call__img{
	margin-right: 10px;
}
.addres__img{
	margin-top: -10px;
}
.address-two{
	display:block;
	margin-left: 33px;
}

/* company */
.company-content>p{
	font-size: 18px;
	color: #808080;
} 
.list{
	list-style-image: url('/images/company-ul.png');
}
.company-content>strong>p,.company-content>ul>li>strong>p{
	font-size: 24px;
	color: #242221;

}
.company-content>ul>li{
	margin-top:20px;
	color: #808080;
	font-size: 18px;
	margin-left: 15px;
}
.select-we>li>img{
	float: left; 
}
ul>li>p{
	margin-left: 50px;
}

 .tab-content-img img{
 	margin: 0 10px 10px 0;
 }
.media-library h3{
	font-size: 2em;
	margin: 5px 0;
	/*color: #6d6e71;*/
}
.media-library li{
	margin: 3px 0;
	font-size: 1.5em;
}
.media-library a{	
	color: #3e3e3e;	
}
.media-library a:hover {
   color: #df1000;
   text-decoration: underline;
}

.block-service .slider .slides {
    background-color: initial; 
    margin: 0;
    height: 340px !important;
    margin:3px;
}

.slider .slides li {
	position: relative;
	margin: 32px 0 0 32px;
	width: 95%
}

.left-click {
	position: absolute;
	z-index:99;
	top: 45%;
    /* left: 6%; */
    font-size:20px;
    color: #f00;
}

.right-click{
	position: absolute;
	z-index:99;
	top: 45%;
	right: 2%;
	font-size:20px;
	color: #f00;
}
.arrow{
	width:40px;
	height:50px;
	background-color: rgba(235,235,235,.5);
}
.arrow:hover{
	background-color: rgba(78,131,52,.7);
	transition:0.8s;
}
.arrow:not(:hover){
	transition:0.8s;
}
.arrow__line{
	width:20px;
	height:1px;
	background-color: #fff;
}

.arrow__line_first-left{
	position:absolute;
	top:38%;
	left:20%;
	transform: rotate(-45deg);
}

.arrow__line_second-left{
	position:absolute;
	top:66%;
	left:20%;
	transform: rotate(45deg);
}
.arrow__line_first-right{
	position:absolute;
	top:38%;
	left:30%;
	transform: rotate(45deg);
}

.arrow__line_second-right{
	position:absolute;
	top:66%;
	left:30%;
	transform: rotate(-45deg);
}

.form-contact{
	/* border: 1px solid; */
	width:100%;
	height:100px; /* after change to auto */
}

/* 14.03.17 */

.line-contact{
	width:100%;
	height:1px;
	background-color: #d2d2d2;
	margin-bottom: 30px;
}
.form-contact{
	width:100%;
	height:auto; /* after change to auto */
	display:inline-block;
}
.form-contact .contact-input, .form-contact .message-form{
	display:block;
	float:left;
}

.form-contact .contact-input{
	width:40%;
}
.form-contact .message-form{
	width:55%;
	margin: 0px 0 0 64px;
}
.form-contact .message-form textarea{
	resize:none;
	height:165px;
	margin-top:10px;
	padding:10px 15px;
	border-color: #d8d8d8;
}
textarea[name=textarea-form-contact] {
    resize: none;
}
.form-contact label{
	margin-bottom:5px;
	font-size:17px;
	color:#5ab943;
	text-transform:uppercase;
}
.contact-input input[type=text]{
	padding-left:10px;
	margin-top: 10px;
	height:35px;
	border: 1px solid #d8d8d8;
}
.form-contact .contact-input input[type=text]:focus:not([readonly]){
	border:1px solid #252525 ;
	background-color: #fff;
	box-shadow: 0 0 0 0 #d8d8d8 ;
	
}
.message-form textarea:focus{
	background-color: #fff;
	outline: none;
	border: 1px solid #252525 ; 
}

.message-form button{
	float:right;
	margin-top:5px;
	padding: 10px 45px;
	border:none;
	color:#fff;
	background-color: #5ab943;
}
.blue-color-last ul li a{
	color:#039be5;
}

@media only screen and (max-width : 685px){
	.form-contact .message-form textarea{
		width:103%;
	}
	
}
@media only screen and (max-width : 620px){
	.contact, .time {
    	margin-top: 21px;
    	width: 100%;
	}
}
/* 17.03.17 gallery */

.btn-gallery-top{
	box-sizing: border-box;
	width:100%;
	height:auto;
	margin: 50px 0px;
	display:inline-block;
}
/* .gallery-img-box{
	margin-bottom:5px;
	width:100%;
	height:auto;
	display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
} */
.btn-gallery-top_size{
	font-family: 'Ubuntu-M';
	text-align:center;
	background-color: #fff;
	width:33%;
	padding:25px 0;
	font-size: 18px;
	text-transform: uppercase;
	color: #59b943;
	float:left;

}
.btn-gallery-top_size:hover, .btn-gallery-top-active{
	color:#fff;
	background-color: #59b943;
	transition:1s;
}
.btn-gallery-top_size:not(:hover){
	transition:1s;
}
.btn-gallery-top_margin{
	margin-right:4px;
}
.btn-gallery-top_margin-img{
	margin-right:1px;
}
.img-gallery{
   display:inline-block;
	width:33%;
}
.img-gallery img{
	width:100%;
}
.last-gallery-box_margin-bottom{
	margin-bottom:150px;
}
.btn-up{
	width:140px;
	height:45px;
	background-color: #59b943;
	z-index: 999;
    position: relative;
    position: fixed;
    bottom: 10%;
    right: 0;
    cursor: pointer;
	display:none;
}
.up{
	margin:10px 0 0 65px;
	font-family: 'PTSans';
	font-size: 20px;
	color: #fff
}
@media only screen and (max-width : 1481px){
		.form-contact .contact-input{
			width:100%;
		}

		.form-contact .message-form{
			width:100%;
			margin:0;
		}

		.message-form button{
			float:left;
		}
		.form-contact .message-form textarea{
			width:101.2%;
		}
		.btn-gallery-top_size{
			width:32.9%;
		}
}



@media only screen and (max-width : 1270px){
	.btn-gallery-top_margin-img {
    margin-right: 0px;
}
	
}
@media only screen and (max-width : 1185px){
	.btn-gallery-top_size{
			width:32.8%;
		}
}

/* 11.04.17 */
.slides-img{
	width: 100%;
	height: 397px;
}
/* .slides_btn-left{
	position: absolute;
    top: 45%;
    left: 4%;
    z-index: 999;
    width: 50px;
    height: 50px;
    border: none;
    background: rgba(89,185,67,.5);
    color: #fff;
    font-size: 18px;
}

.slides_btn-left:focus{
	background: rgba(89,185,67,.5);
}

.slides_btn-right{
	position: absolute;
    top: 45%;
    right: 4%;
    z-index: 999;
    width: 50px;
    height: 50px;
    border: none;
    background: rgba(89,185,67,.5);
    color: #fff;
    font-size: 18px;
}

.slides_btn-right:focus{
	background: rgba(89,185,67,.5);
} */
.slider .slick-next{
	/* margin-right: 10px; */
/*     margin-top: -200px; */
    position: absolute;
    z-index: 999;
    width: 50px;
    height: 50px;
    border: none;
    background: rgba(89,185,67,.5);
    color: #fff;
    font-size: 18px;	
}
.slider .slick-prev{
/* 	margin-top: 190px; */
	/* margin-left: -15px; */
	position: absolute;
    z-index: 999;
    width: 50px;
    height: 50px;
    border: none;
    background: rgba(89,185,67,.5);
    color: #fff;
    font-size: 18px;
}

.slick-next::before {
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
}
.slick-prev:before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f053";
}
/*****************************footer****************************/
.site_footer {
	border-top: 1px solid #51B600;
	background-color: #6d6e71;
	z-index: 1;
	color: #b4b4b4;
	font-size: 0;
	padding-bottom: 30px;
}
.footer-col {
	position: relative;
	padding-top: 30px;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	font-size: 14px;
	line-height: 1.5;
	padding: 30px;
	box-sizing: border-box;	
}
.footer-col ul,
.footer-col ul li {
	list-style: none;
}
.footer-col ul li a {
	color: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	text-decoration:underline;
}
.footer-col ul li a:hover {
	text-decoration: none;
	color: #4fb600;
}
.footer-col h3 {
	margin:0px;
	position: relative;
	padding:4px 0 4px 0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.footer-col h3 small {
	font-size: 14px;
	font-weight: normal;
}
.footer-col p {
	margin-bottom: 20px;
	line-height: 1.5;
}
.footer-col p span {
	color: #fff;
}
.footer-col p a {
	color: #fff;
	text-decoration: none;
}

.footer-col.col-1 {
	padding-left: 0;
}
.footer-col.col-4 {
	padding-right: 0;
}

/*col1*/
footer .socials {
	margin-top: 50px;
	font-size: 0;
}
.socials li {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}
.socials li:first-child {
	margin-left: 0;
}
.socials li a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	background-color: #c2c2c2;
}
.fb a:hover {
	background-color: #3b5998;
}
.vk a:hover {
	background-color: #5b7aa8;
}
.ok a:hover {
	background-color: #ff6600;
}
.socials a:before {
	content: '';
	position: absolute;
	bottom: 8px;
	right: 8px;
	background: url('/images/sprite.png') no-repeat;
}
.ok a:before {
	width: 11px;
	height: 19px;
	background: url('/images/sprite.png') no-repeat 0 -337px;
}
.vk a:before {
	width: 21px;
	height: 12px;
	background-position: -11px -337px;
}
.fb a:before {
	width: 10px;
	height: 19px;
	background-position: -31px -337px;
}

/*col2,3,4*/
.footer-col.col-2:before,
.footer-col.col-4:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 359px;
	background: url('/images/footer-col-1.png') repeat-x;
	left: -5px;
	top: 30px;
}
.footer-col.col-4:before {
	width: 4px;
}

.footer-bottom {
	height:20px;
	bottom: 40px;
	left: 0;
	width: 100%;
	line-height: 20px;
	font-size: 14px;
}
.footer-bottom .copy {
	float: left;
}
.footer-bottom .copy .txt {
	color: #fff;
}
.footer-bottom .copy em {
	color: #fff;
}
.footer-bottom .dev-info {
	float: right;
	height: 20px;
	padding-right: 45px;
	vertical-align: bottom;
	color: #fff;
}
.footer-bottom .dev-info a {
	display: inline-block;
	margin-left: 5px;
	width: 37px;
	height: 10px;
	right: 0;
	bottom: 5px;
	color: #b4b4b4;
	background: url('/images/sprite.png') no-repeat;
	background-position: -43px -337px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.footer-bottom .dev-info a:hover {
	background-position: -43px -347px;
}
.w {
    max-width: 1200px;
    margin: 0 auto;
}
 @media only screen and (max-width : 768px) {
	.footer-col.col-1 {
		width: 100%;
	}
	.footer-col.col-2,
	.footer-col.col-3,
	.footer-col.col-4 {
		display: none;
	}
} 

.posrel{
	position: relative;
}

label.error{
	background-color:#ff9999;
	font-size:11px;
	border:1px solid #f29292;
	padding:4px 10px;
	color:#000;
	display:none;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	border-radius:4px; 
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
	position: absolute;
	top: -20px;
	left: 70px;
	/*margin: -14px 0 0 100px;*/
}

label.error em {
	border:10px solid;
	border-color:#ff9999 transparent transparent;
	bottom:-17px;
	display:block;
	height:0;
	left:10px;
	position:absolute;
	width:0;
}

.tab-content{
	display: none;
}

.fancybox-overlay, #fancybox-thumbs{
	z-index: 999999999999 !important;
}

#fancybox-thumbs ul li{
	opacity:1 !important;
}

/* 19.04.17 */
.block-service .slider .slick-prev{
	top:60%;
	left:0%;
}

.block-service .slider .slick-next{
	top:60%;
	right:0%;	
}

.gallery-list  .slick-prev{
	position: absolute;
    top: 54%; 
    left: 0%;
    z-index: 999;
    width: 50px;
    height: 50px;
    border: none;
    background: rgba(89,185,67,.5);
    color: #fff;
    font-size: 18px;
/*     display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit; */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f053";
}

.gallery-list  .slick-next {
	position: absolute;
    top: 54%;
    right: 0%;
    z-index: 999;
    width: 50px;
    height: 50px;
    border: none;
    background: rgba(89,185,67,.5);
    color: #fff;
    font-size: 18px;
/*     display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit; */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
}


.container .slick-arrow{
	position:static !important;
}

.s-prev, .s-next{
	display:none;
}

/* .slick-slider {
	display:-ms-flexbox !important;
	display:flex !important;
	-ms-flex-wrap:nowrap !important;
	    flex-wrap:nowrap !important;
	-ms-flex-pack:center !important;
	    justify-content:center !important;
} */

.new-items .gallery .container .slick-prev{
	top: 48%;
    left: 0%;
}

.new-items .gallery .container .slick-next{
	top: 48%;
    right: 0%;
}