body {
	margin: 0;
	padding: 0;
	font-family: Roboto;
}

#d-n {
	display: block;
}

.d--d {
	display: none;
}

.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

.mob {
	display: none;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}


.df {
	display: flex;
	align-items: center;
}

.d-d {
	display: none !important;
}

.d-l {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.d-n {
	display: flex;
}

.sb {
	justify-content: space-between;
}

.menu__mobile {
	display: none;
}

.cap_ {
	display: none;
}


* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

h1, h2, h3, h4, h5, h6, p, span {
	margin: 0;
	padding: 0;
}

.container {
	margin: 0 auto;
	width: 1500px;
}

.cap {
	background: #525252;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	padding: 12px 0;
}

.cap__df {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cap__buttons {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	margin-left: 302px;
}

.btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-size: 14px;
	color: #fff;
	align-items: center;
	margin-right: 61px;
}

.btn img {
	margin-right: 12px;
}

.cap__icon {
	margin-left: 140px;
    margin-top: 5px;
}

.cap__icon img {
	margin-right: 9px;
}

.search {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

.search__input {
	width: 278px;
	border-radius: 40px;
	background: #828282;
	padding: 9px 0 7px 7px;
	border: none;
	box-sizing: border-box;
}

::placeholder {
	color: #fff;
	background: url('../img/search.png');
	background-repeat: no-repeat, repeat;
	font-size: 13px;
	padding-left: 30px;
}

:-ms-input-placeholder { 
  	color: #fff;
}

::-ms-input-placeholder {
  	color: #fff;
}

.search__btn {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: none;
	background: #C4C4C4;
	color: #000;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	margin-left: -30px;
}

.menu {
	background: rgba(27, 32, 32, 0.7);
	padding: 10px 0;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.75) !important;
}

.menu__logo {
	font-family: Roboto;
}

.menu__logo img {
	width: 213px;
	height: 44px;
}

.menu__logo p {
	font-size: 15px;
	line-height: 18px;
	color: #FFFFFF;
}

.menu__items {
	font-family: Montserrat;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	width: 824px;
	justify-content: space-between;
	margin-right: 95px;
}

.menu__items a {
	color: #fff;
}

.menu__items a:hover{
	color: #f7cc1e;
	transition: 0.1s ease;
}

.tel span {
	color: #fccc11;
}

.tel__icon {
	font-family: Montserrat;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 29px;
	color: #FFFFFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

.tel__icon img {
	margin-right: 8.65px;
}

.tel__desc {
	margin-top: 4px;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	line-height: 104.51%;
	text-align: right;
	color: #fff;
}

.slick-slide img {
	width: 100%;
}

.w3-content {
	width: 100% !important;
}

.mySlides {
	display:none
}

.w3-left, .w3-right, .w3-badge {
	cursor:pointer
}

.w3-badge {
	height:13px;width:13px;padding:0
}

.section1 {
	padding: 49px 0 50px;
	background: rgba(196, 196, 196, 0.2);
	font-family: Montserrat;
}

h1 {
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase;
	padding-bottom: 19px !important;
	color: #000000;
}

h2 {
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase;
	padding-bottom: 19px !important;
	color: #000000;
}

.materials {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.item {
	width: 289px;
	height: 290px; 
	margin-left: 10px;
	background: #fff;
	margin-bottom: 11px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mr {
	margin-right: 11px;
}

.bottom {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 0 auto;
}

.item__desc {
	width: 256px;
	height: 63px;
	background: rgba(0, 0, 0, 0.44);
	font-weight: 600;
	font-size: 15px;
	line-height: 17px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	padding: 10px 13px 10px 10px; 
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-transform: uppercase;
}
.item:hover {
	opacity: 0.8;
	
}

.item_1 {
	background: url(../img/materials/1.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_2 {
	background: url(../img/materials/2.png);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_3 {
	background: url(../img/materials/3.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_4 {
	background: url(../img/materials/4.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_5 {
	background: url(../img/materials/5.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_6 {
	background: url(../img/materials/6.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_7 {
	background: url(../img/materials/7.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_8 {
	background: url(../img/materials/8.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_9 {
	background: url(../img/materials/9.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_10 {
	background: url(../img/materials/10.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_11 {
	background: url(../img/materials/11.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_12 {
	background: url(../img/materials/12.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_13 {
	background: url(../img/materials/13.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_14 {
	background: url(../img/materials/14.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_15 {
	background: url(../img/materials/15.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_16 {
	background: url(../img/materials/16.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_17 {
	background: url(../img/materials/17.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_18 {
	background: url(../img/materials/18.jpg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.item_19 {
	background: url(../img/materials/19.jpeg);
	background-size: 100% 100%;
    width: 256px;
    height: 256px;
    position: relative;
}

.section2 {
	background: url(../img/priem.jpg);
	padding: 40px 0 58px;
	background-size: 100vw;
	background-position: center;
}

h3 {
	font-family: Montserrat;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 20px;
}

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

.items {
	width: 731px;
	height: 166px;
	background: rgba(255, 255, 255, 0.77);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 22px 10px 13.87px 30px;
	margin-bottom: 27px;
}

.items img {
	width: 207.8px;
	height: 130.13px;
}

.items__desc {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	width: 442px;
	margin-top: 26px;
}


.section3 {
	background: #FCFCFC;
	padding: 45px 0 52px;
}

.bloks {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.news, .articles, .reviews {
	padding: 27px 27px 17px 32px;
	background: #fff;
}


.news__title, .articles__title{
	font-family: Montserrat;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 27px;
}


.news__item, .articles__item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 419.52px;
	margin-bottom: 25px;
}

.news__desc, .articles__desc {
	width: 298px;
}

.news__img, .articles__img {
	width: 104.41px;
	height: 110px;
}

.news__desc p {
	font-family: Roboto;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
}

h4 {
	font-family: Montserrat;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #C30F10;
	margin: 2px 0 3px;
}

.mb {
	margin-bottom: 16px !important;
}

.all {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.all__desc {
	font-family: Montserrat;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-align: right;
	text-transform: uppercase;
	color: #4162A1;
	margin-right: 6px;
}

.articles__desc p {
	font-family: Roboto;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
}

.reviews__desc img {
	align
}

.reviews {
	height: 541px;
	position: relative;
}

.reviews__title {
	font-family: Montserrat;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 42px;
}

.reviews__item {
	display: block;
}
	
.reviews__desc {
	width: 416px;
	margin-bottom: 45px;
}

.reviews__desc p {
	font-family: Roboto;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
}

.mb2 {
	margin-bottom: 66px;
}

.reviews__all {
	position: absolute;
	bottom: 17px;
	right: 27px;
}

.section4 {
	background: url(../img/section4.png);
	background-size: 100% 100%;
	height: 619px;
	padding: 58px 0 79px;
}

.priem {
	width: 915px;
	float: right;
}


.priem__title {
	font-family: Montserrat;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 73px;
}

.priem__items {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.priem__item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 413px;
	margin-bottom: 35px;
}

.priem__img {
	margin-right: 15.5px;
}

.priem__desc {
	font-family: Montserrat;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #000000;

}

.footer {
	background: #262928;
	padding: 85px 0 75px;
}

.catalog__title {
	font-family: Montserrat;
	font-weight: bold;
	font-size: 18px;
	line-height: 104.51%;
	color: #FCCC12;
	margin-bottom: 24px;
	padding-bottom: 0px !important;
}

.menu_ {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 671px;
}

.catalog__menu {
	padding: 0px;
	margin-right: 35px;
}

.catalog__item {
	font-family: Montserrat;
	font-weight: bold;
	font-size: 13px;
	line-height: 104.51%;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.footer__desc {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #9D9D9D;
	padding-bottom: 78.5px;
	margin-bottom: 29.5px;
}

.mb_auto {
	margin-bottom: 0 !important;
}

.mail {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 23px 0 22px;
}

.mail__desc {
	font-family: Roboto;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	margin-left: 10px;
}

.ml_auto {
	margin-left: 0 !important;
}

.soc__img {
	width: 24px;
	height: 24px;
}

.about {
	width: 314px;
}

.logo {
	width: 280px;
	height: 58px;
	margin-bottom: 33px;
}

.location {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: start;	
}

.flag {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: start;
}

.location__img {
	margin-right: 16px;
}

.flag__img {
	margin-right: 13px;
}

.location__desc, .flag__desc {
	font-family: Roboto;
	font-size: 14px;
	line-height: 19px;
	color: #FFFFFF;
	margin-bottom: 18px;
}


.prava {
	font-family: Montserrat;
	font-weight: bold;
	font-size: 11px;
	line-height: 104.51%;
	color: #FFFFFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.d-none {
	display: none;
}



/* ------ Media Queries ------ */

/* 1210-1550px */
@media screen and (max-width: 1550px){
	.d-d {
		display: none !important;
	}

	.container {
		width: 1124px;
		margin: 0 auto;
	}

	.d-b {
		display: none;
	}

	.d-none {
		display: flex;
	}

	.container__menu {
		width: 95vw;
	}

	.cap {
		width: 100%;
	}

	.menu {
		width: 100%;
		position: fixed;
	}

	.cap__buttons {
		margin-left: 0;
	}

	.menu__logo img {
		height: 39px;
		width: 190px;
	}

	.menu__items {
		width: 725px;
		font-size: 11px;
		margin-right: 10px;
		padding-left: 20px;
	}

	.menu__logo p {
		font-size: 13px;
		text-align: center;
	}

	.tel__icon {
		font-size: 21px;
	}

	.tel__icon img {
		width: 20px;
		height: 21px;
	}

	.tel__desc {
		font-size: 10px;
	}

	.w3-left, .w3-right {
		margin: -12% 23px !important;
	}

	.section1__title {
		font-size: 22px;
	}

	.item {
		width: 271px;
		height: 271px;
	}

	.item__element {
		width: 241px;
		height: 241px;
	}

	.item__desc {
		width: 100%;
		font-size: 15px;
		line-height: 18px;
	}

	.item__desc a img {
		height: 21.73px;
		width: 21.73px;
	}

	.bottom {
		margin: 0;
	}

	.section2 {
		background-position: left;
	}

	h3 {
		font-size: 22px;
	}

	.items {
		width: 550.83px;
		height: 159.9px;
	}

	.items img {
		width: 156.58px;
		height: 125.35px;
	}

	.items__desc {
		font-size: 16px;
		line-height: 20px;
		width: 333px;
	}

	.bloks {
		display: block;
	}

	.news, .articles, .reviews {
		width: 100%;
	}

	.news__item, .articles__item, .reviews__item {
		width: 1047px;
		margin-bottom: 27px;
	}

	.news__img {
		width: 260.75px;
		height: 110px;
	}

	.news__desc, .articles__desc {
		width: 733px;
	}

	.reviews__desc {
		width: 100%;
		height: 125px;
	}

	.reviews__desc h4 {
		margin-bottom: 13px;
	}

	.reviews__desc img {
		margin-top: 20px;
	}

	.news__title, .articles__title, .reviews__title {
		font-size: 22px;
	}

	.section4 {
		background: url(../img/medium.png);
		background-size: 100vw 100%;
		height: 619px;
		padding: 58px 0 79px;
	}

	.priem {
		width: 850px;
	}

	.priem__title {
		font-size: 22px;
		text-align: center;
	}

	.priem__item {
		width: 395px;
	}

	.priem__desc {
		width: 285px;
		font-size: 16px;
		line-height: 20px;
	}

	.priem__img {
		width: 93px;
		height: 93px;
		margin-right: 0;
	}

	.menu_ {
		width: 550px;
	}

	.about {
		width: 301px;
	}
}

/* 992-1210px */
@media screen and (max-width: 1210px){
	.container {
		width: 960px;
		margin: 0 auto;
	}

	.container__menu {
		width: 97%;
	}

	.btn img {
	    margin-right: 10px;
	    width: 19px;
	}

	.btn {
		margin-right: 30px;
	}

	.cap__icon {
		margin-left: 83px;
		margin-top: 0;
	}

	.search__input {
		width: 225px;
	}

	.menu {
		width: 100%;
	}

	.menu__logo img {
		width: 150px;
		height: 30px;
	}

	.menu__logo p {
		font-size: 11px;
	}

	.menu__items {
		width: 575px;
	    font-size: 10px;
	    margin-right: 0;
	    margin-left: -35px;
	    padding-left: 0px;
	}

	.menu__items a {
		margin-right: -25px;
	}

	.tel__icon {
		font-size: 12px;
	}

	.tel__icon img {
		margin-right: 5px;
	}

	.w3-left, .w3-right {
		font-size: 30px !important;
	}

	.w3-left, .w3-right {
		margin-top: -15%;
	}

	.w3-badge, .w3-tag {
		height: 0 !important;
		width: 30px !important;
	}

	.section1 {
		padding: 35px 0;
	}

	.section1__title {
		font-size: 20px;
		padding-bottom: 15px !important;
	}

	.item {
		width: 230px;
		height: 230px;
	}

	.item__element {
		width: 200px;
		height: 200px;
	}

	.item__desc {
		font-size: 13px;
		height: 50px;
	}

	.item__desc a img {
		height: 20px;
		width: 20px;
	}

	.section2 {
		padding: 40px 0 12px;
	}

	h3 {
		font-size: 20px;
	}

	.items {
		width: 455px;
		padding-left: 10px;
	}

	.items img {
		width: 130px;
		height: 105px;
		margin-right: 15px;
	}

	.items__desc {
		font-size: 14px;
	}

	.section3 {
		padding: 30px 0;
	}

	.news, .articles, .reviews {
		width: 100%;
	}

	.news__item, .articles__item, .reviews__item {
		width: 100%;
		margin-bottom: 27px;
	}

	.news__img {
		width: 260.75px;
		height: 110px;
		margin-right: 35px;
	}

	.news__desc, .articles__desc {
		width: 733px;
	}

	h4 {
		font-size: 17px;
	}

	.reviews__desc {
		width: 100%;
		height: 125px;
	}

	.reviews__desc h4 {
		margin-bottom: 13px;
	}

	.reviews__desc img {
		margin-top: 20px;
	}

	.reviews__title {
		margin-bottom: 30px;
	}

	.reviews__all {
		position: relative;
	}

	.reviews {
		height: unset;
	}

	.news__title, .articles__title, .reviews__title {
		font-size: 20px;
	}

	.section4 {
		height: 475px;
	}

	.priem__title {
		font-size: 20px;
		margin-left: 90px;
		margin-bottom: 50px;
	}

	.priem__items {
		justify-content: flex-end;
	}

	.priem__item {
		width: 367px;
	}

	.priem__img {
		width: 70px;
		height: 70px;
	}

	.priem__desc {
		font-size: 14px;
	}

	.footer {
		padding: 60px 0 50px;
	}

	.catalog {
		width: 470px;
	}

	.catalog__title {
		margin-bottom: 20px;
	}

	.menu_ {
		width: 508px;
	}

	.tel {
		width: 200px;
	}

	.logo {
		width: 240px;
		height: 49px;
	}

	.about {
		padding-left: 20px;
	}
}

/* 768-992px */
@media screen and (max-width: 992px){
	.container {
		width: 720px;
		margin: 0 auto;
	}

	.vert__item {
		font-family: Montserrat;
		font-weight: 600;
		font-size: 13px;
		line-height: 16px;
		text-transform: uppercase;
		color: #2E2E2E;
		padding: 15px 0;
		width: 270px;
		border-bottom: 1px solid rgba(138, 138, 138, 0.33);
	}

	.d--d {
		display: block;
	}

	#d-n {
		display: none;
	}


	.item14 {
		margin-right: 228px;
	}

	.header {
		padding-top: 94px;
	}

	.cap_ {
		display: block;
	}

	#cap, .d-n {
		display: none;	
	}

	.menu__mobile {
		display: block;
		background: rgba(0, 0, 0, 0.75);
		width: 100%;
		z-index: 1000;
		position: fixed;
		padding: 10px 0;
		top: 0;
	}

	.d-d {
		display: flex;
	}

	.d-l {
		display: none;	
	}

	.tel__icon p span {
		color: #fccc11;
	}

	.fixed__menu {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 95%;
		margin: 0 auto;
	}

	::-webkit-scrollbar {
		width: 3px;
		height: 255px;
		margin-left: -10px;
	}

	::-webkit-scrollbar-track
	{
		background-color: #fff;
		border-radius: 7px;
	}

	::-webkit-scrollbar-thumb
	{
		background-color: #c4c4c4;
		border-radius: 7px;
	}

	body {
		font-family: Montserrat;
		margin: 0;
		padding: 0;
	}

	ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	li a {
		text-decoration: none;
	  	transition: color 0.3s ease;	
	}

	#menuToggle {
	  	display: block;
	  	z-index: 1;
	  	-webkit-user-select: none;
	  	user-select: none;
	}

	#menuToggle input {
	  	display: block;
	  	width: 40px;
	  	height: 32px;
	  	position: fixed;
	  	top: -7px;
	  	left: -5px;
	  	cursor: pointer; 
	  	opacity: 0;
	  	z-index: 2; 
	  	-webkit-touch-callout: none;
	}

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

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

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

	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	#menuToggle input:checked ~ span {
	  	opacity: 1;
	  	transform: rotate(45deg) translate(-2px, -1px);
	  	background: #232323;
	}

	#menuToggle input:checked ~ span:nth-last-child(3) {
	  	opacity: 0;
	  	transform: rotate(0deg) scale(0.2, 0.2);
	}

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

	#menu {
	  	position: absolute;
	  	margin: -100px 0 0 0;
	  	padding: 0 50px 50px 50px;
	  	padding-top: 125px;
	  	left: 0;
	  	width: 100%;
	  	height: 100vw;
	  	opacity: 0;
	  	overflow-y: scroll;
	  	background: #ededed;
	  	list-style-type: none;
	  	-webkit-font-smoothing: antialiased;
	  	transform-origin: 0% 0%;
	  	transform: translate(-98%, 0);
	  	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}



	#menuToggle input:checked ~ ul {
	  	transform: scale(1.0, 1.0);
	  	opacity: 1;
	}

	#menuToggle input:checked ~ input span {
		position: absolute;
		top: 50px;
		right: 50px;
		transform-origin: 0% 0%;
		transform: translateX(200px);
	}


	.sub-menu { 
	   	display: none; 
	} 

	.main-item:focus ~ .sub-menu, 
	.main-item:active ~ .sub-menu, 
	.sub-menu:hover { 
	   	display: block;
	} 



	.main-item:focus ~ .item__img,
	.main-item:active ~ .item__img {
	  	transform: rotate(90deg);
	}
	 

	.sub-menu3 { 
	   	display: none; 
	} 

	.main-item:focus ~ .sub-menu3, 
	.main-item:active ~ .sub-menu3, 
	.sub-menu3:hover { 
	   	display: block; 
	}

	.sub-menu3 {
		padding: 11px 13px 11px 13px;
		background: #424242;
		margin-top: 10px;
	}

	.sub-menu3 li a {
		font-family: Montserrat;
		font-weight: 600;
		font-size: 10px;
		line-height: 12px;
		text-transform: uppercase;
		color: #FFFFFF;
	}

	.sub-menu3 li {
		margin-bottom: 12px;
	}


	.hamburger__item {
		font-family: Montserrat;
		font-weight: 600;
		font-size: 18px;
		line-height: 22px;
		text-transform: uppercase;
		margin-bottom: 20px;
		width: 271px;
	}

	.hamburger__item a {
		color: #000;
	}

	.sub-menu2, .hamburger__sub  {
		padding-top: 20px;
	}

	.sub__item {
		font-family: Montserrat;
		font-weight: 600;
		font-size: 11px !important;
		line-height: 13px;
		text-transform: uppercase;
		margin-left: 11px;
		margin-bottom: 15px !important;
		position: relative;
	}

	.sub__item a {
		color: #2E2E2E;
	}

	.sub__item img {
	    position: absolute;
	    right: 10px;
	    margin-top: 3px;
	    margin-left: 66px;
	}

	.sub_sub__item {
		font-family: Montserrat;
		font-weight: 600;
		font-size: 10px;
		line-height: 12px;
		width: 247px;
		text-transform: uppercase;
		color: #2E2E2E;
		margin-bottom: 15px !important;
	}

	.sub_sub__item img {
		position: absolute;
		right: 15px !important;
		margin-top: 1px !important;
	}

	.after {
		margin-top: -11px !important;
	}

	.mb {
		margin-bottom: 0 !important;
	}

	.sub-menu {
		background: #D2D2D2;
		padding: 14px 0 18px 10.5px;
		width: 260px;
		margin-top: 15px;
	}

	.logo-vector {
		width: 110px;
		height: 22px;
	}

	.w3-left, .w3-right {
	    margin: -11.5% 23px !important;
	}

	.w3-badge, .w3-tag {
	    height: 6.84px !important;
	    width: 27px !important;
	    border-radius: 25% !important;
	}
	
	.cap {
		position: absolute;
		top: 49px;
		z-index: 100;
	}

	.cap__df {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.section2 {
	    background-size: 100vw 100%;
	}

	h3 {
		text-align: center;
		font-size: 22px;
	}

	.section2__items {
		justify-content: center;
	}

	.items {
		height: 145px;
		align-items: center;
	}

	.items__desc {
		margin-top: 0;
	}

	.news__title, .articles__title, .reviews__title {
		text-align: left !important;
	}

	.section4 {
		background: #fccc12;
	}

	.priem__title {
		margin-left: 120px;
	}

	.priem__items {
		justify-content: center;
		width: 769px;
		margin-left: 103px;
	}

	.priem__item {
		width: 365px;
	}

	.catalog {
		display: none;
	}

	#d-n {
		display: none;
	}

	.footer__desc {
		justify-content: space-around;
		padding-bottom: 45px;
	}

	.prava {
		display: block;
	}

	.prava p {
		margin-bottom: 20px;
	}

	.footer {
		padding-bottom: 30px;
	}

	.mr-0 {
		margin-right: 0 !important;
	}
}

/* 576-768px */
@media screen and (max-width: 768px){
	#menuToggle input {
		position: fixed;
    	top: 4px;
    	left: 48px;
	}

	.container{
		width: 540px;
		margin: 0 auto;
	}

	.materials {
		justify-content: space-around;
	}

	.bottom_ {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.mr_ {
		margin-right: 20px;
	}
	
	.ml_ {
	    margin-left: 14px;
	}

	.d-n {
		display: none;
	}

	.item14 {
		margin-left: 30px;
		margin-right: 0;
	}

	.items__desc {
		font-size: 16px;
	}

	.d-b {
		display: block;
	}

	.d-none {
		display: none;
	}

	.section4 {
		height: 740px;
	}

	.reviews__desc img {
		margin-top: 0;
	}

	.priem__title {
		margin-left: 0;
		margin-bottom: 30px;
	}

	.priem__items {
		display: block;
		width: unset;
		margin-left: 0;	
	}

	.priem__item {
		margin: 0 auto 20px;
	}

	.priem {
		width: unset;
	}

	.m-l {
		margin-left: 14px;
	}

	.m-l2 {
		margin-left: 31px;
	}
}

/* 320-576px */
@media screen and (max-width: 576px){
	.tel-icon {
		font-size: 14px;
		line-height: 104.51%;
	}

	.container {
		width: 310px;
		margin: 0 auto;
	}

	#desktop_slide {
		display: none !important;
	}

	#mobile__slider {
		display: block;
	}

	.desk {
		display: none;
	}

	.mob {
		display: block;
	}

	.fixed__menu {
		width: 95%;
	}

	.logo-vector {
		width: 110px;
		height: 22px;
	}

	#menuToggle input {
		left: 3px;
	}

	#menuToggle span {
		width: 24px;
		height: 3px;
	}

	#menu {
		height: 800px;
	}

	.section1__title {
		font-size: 17px;
		line-height: 21px;
	}

	.item {
		width: 310px;
		height: 301px;
	}

	.item__element {
		width: 280px;
		height: 271px;
	}

	.item__desc {
		font-size: 18px;
		line-height: 22px;
		height: 74.95px;
	}

	.item__desc a img {
		width: 25.54px;
		height: 26.41px;
	}

	.d-none {
		display: none;
	}

	.m-l {
		margin-left: 0;
	}

	.m-l2 {
		margin-left: 0;
	}

	h3 {
		text-align: left;
	}

	.items {
		width: 300px;
		height: 160px;
	}

	.items img {
		width: 120px;
		height: 74px;
	}

	.items__desc {
		font-size: 12px;
		line-height: 16px;
	}

	.section2 {
		background: url(../img/priem_mob.png);
		background-size: 100% 100%;
	}

	.news__img {
		width: 85.48px;
		height: 80px;
		margin-right: 13px;
	}

	.news__item, .articles__item {
		align-items: unset;
	}

	.date {
		font-size: 12px;
		line-height: 14px;
	}

	h4 {
		font-size: 15px;
		line-height: 20px;
	}

	.news__desc p {
		font-size: 13px;
		line-height: 15px;
	}

	.news, .articles, .reviews {
		padding: 20px 16px;
	}

	.news__title, .articles__title, .reviews__title {
		font-size: 24px;
		line-height: 29px;
	}

	.reviews__item {
		padding-bottom: 50px;
	}

	.priem__title {
		text-align: left;
	}

	.section4 {
		padding-top: 40px;
		height: 795px;
	}

	.priem {
		width: 310px;
	}

	.priem__item {
		justify-content: center;
		width: unset;
	}

	.priem__img {
		margin-right: 20px;
	}

	.priem__desc {
		width: 170px;
	}

	.footer__desc {
		display: block;
		padding-bottom: 40px;
	}

	.contanct .tel .tel__icon p {
		font-size: 28px;
		line-height: 104.51%;
	}

	.contanct .tel {
		width: unset;
	}

	.contanct .tel .tel__desc {
		text-align: left;
		font-size: 13px;
		line-height: 104.51%;
	}
		
	.about {
		margin-bottom: 28px;
	}

	.prava p {
		margin-bottom: 30px;
	}

	.webpop {
		font-weight: bold;
		font-size: 11px;
		line-height: 104.51%;
		color: #B4B4B4;
		margin-bottom: 0 !important;
	}

	.cap__buttons {
		width: 95%;
	}
}