body{
	font-size: 24px;
	padding: required;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}
a {color:#ffffff;}
a:hover {text-decoration:none; color:#fac800;}
a:hover span {color:#fac800;}


.top-block{
	background: url(../img/header.png) no-repeat center;
	background-size: cover;
	text-align: center;
	height: 800px;
		z-index: -1;


}
.top-info{
	font-size: 18px;
	margin-top: 8px;
	text-align: center;
}
.top-info-block{
	margin-left: 15px;
}
.dws-menu{
	z-index: 1;

	display: none;
}
.dws-menu [type="checkbox"]{
	display: none;
}
.toggleMenu{
	position: absolute;
	left: 5px;
	top: 5px;
}
.dws-menu label.toggleMenu{
	position: fixed;
	color: #fff;
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	cursor: pointer;
	background-color: #23262f;
	width: 98%;
	height: 30px;
	opacity: 0.98;
	text-align: left;
}
.dws-menu label.toggleMenu .fa{
	margin-right: 10px;
	font-size: 20px;
	color: #fac800;
}
.toggleMenu {
	padding-top: 2px;
	display: none;
}
input.toggleMenu:checked + label.toggleMenu{
	background-color: #23262f;
	width: 98%;
	text-align: left;
	color: #fac800;
	position: fixed;
}
input.toggleMenu:checked ~ ul{
	position: fixed;
	display: block;
}
.menu{
	text-align: center;
	margin: 97px 30px 0px 30px;
	font-family: Arial;
	font-size: 24px;

	color: #ffffff;
}
.menu li::first-letter{
 	color:#fac800;
}
.top-menu {
    margin: -135px 30px 0px 30px;
	font-family: Arial;
	font-size: 10px;
	height: 130px;
	background-color: #6b6a6a;
	position: fixed;
	z-index: 1;
	opacity: 0.95;
	!important;
}
.fa {
	margin: 0px 12px 0px 12px;
	color: #fac800;
	!important;
}
.fa-facebook:hover{
	color: #519fff;
}
.fa-linkedin:hover{
	color: #519fff;
}
.fa-google-plus:hover{
	color: #db4437;
}
.sc{
color: #fac800;
margin-right: 10px;
margin-left: 20px;
}


.logo{
text-align: center;
margin-top: 150px;
margin-bottom: 30px;
height: 50px;
}

.header-p h1{
	font-family: Akrobat-ExtraBold;
	font-size: 48px;
	margin-bottom: 40px;
	text-align: center;
	color: #ffffff;
	display: block;
}
#header-en {
	font-size: 52px;
}
.header-p-color{
	color: #fac800;
}

.btn-main{
color:#fac800;
border-color: red;
cursor: pointer;
}
.btn-main:hover{
color:red;
}

#touch-menu{
	color: #ccc;
	font-size: 18px;
}
#touch-menu{
	display: none;
}



.about-head h2{
	margin: 50px 0px 40px 0px;
	text-align: center;
}
.about-content p{
	font-size: 22px;
}
.about-content ul{
	margin-left: 0px;
}
 .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 10px 40px 10px 0; /* Отступы вокруг картинки */
    max-width: 100%


}
.product{
	background-color: #eeeef1;
}
.product-head h2{
	padding-top: 40px;
	margin: 20px 0px 40px 0px;
	text-align: center;
}
.product-head h3{
	margin: 20px 0px 10px 0px;
	text-align: center;
}
.product-head p{
	margin: 20px 0px 5px 0px;
	text-align: center;
	font-style: italic;
}
.product-img {
	text-align: center;
	margin: 20px 0 40px 0;
	    max-width: 100%;
	    object-fit: fill;


}
.product-img-2{
text-align: center;
	/*margin: 16px 0 40px 0;*/
}
.product-img-2-en{
text-align: center;
	/*margin: 55px 0 40px 0;*/
}
.product-2 {
	/*margin-top: 60px;*/
}
.contacts p{
	text-align: center;
	font-size: 18px;
}
.contacts-head h2{
	padding-top: 40px;
	margin: 20px 0px 40px 0px;
	text-align: center;
}
.contacts-fa{
	margin-top: 10px;
	padding-right: -20px;
}
.contacts-clock p{
	margin-top: -10px;
}
.contacts-fa-clock{
    margin-top: 20px;
	padding-right: -20px;
}
#contact-email  {
	position: absolute;
	right: -12px;
	top: 27px;
}
.btn-about{
	color: #7d7d7d;
	background-color: #fac800;
}
.btn-about:hover{
	color: #e9e9e9;
	cursor: pointer;
}
#map {
        height: 400px;
        width: 100%;
       }
.footer{
	background: url(../img/footer.png) no-repeat center;
	margin-top: 40px;
	padding-top: 20px;
	background-size: cover;
	text-align: center;
	height: 400px;
}
.footer-menu{
	text-align: center;
	margin: 0px 30px 0px 30px;
	font-family: Arial;
	font-size: 24px;

	color: #ffffff;
}
.footer-menu li::first-letter{
 	color:#fac800;
}
.footer-logo{
text-align: center;
margin-top: 40px;
margin-bottom: 10px;
height: 50px;
}
.footer-p h4{
	font-family: Akrobat-ExtraBold;
	font-size: 32px;
	margin-bottom: 50px;
	text-align: center;
	color: #ffffff;
	display: block;
}

.copyright{
	padding-top: 50px;
	font-size: 18px;
	color: #fff;
}

@media (max-width: 991px){
	  .navbar .pull-right {
    display: none;
  }

	.top-block{

	background: url(../img/header.png) no-repeat center;
	text-align: center;
	height: 500px;
			z-index: -1;

	}

	.main-menu{
		display: none;
	}

	.dws-menu{
		display: block;
	}

	.top-info-block {

		padding-top: 50px;

	}
	.top-info-block a{
		font-size: 18px;


	}
	.top-info{
	font-size: 14px;
	margin-top: 8px;
	margin-left: -15px;
	}
	.menu ul{
		display: block;
	}
    .nav {
    	position: absolute;
    	top: -65px;
    	left: -25px;
    	width: 98%;
    	opacity: 0.91;
    	background-color: #23262f;
    	text-align: left;
    	display: none;
    }
    .menu{
    	font-size: 18px;
    	padding: 10px 0px 20px 5px;
    }
    #touch-menu{
    	display: block;
    }
    .logo {
    	margin-top: 40px;
    	margin-bottom: 10px;
    }
    .header-p {
    	margin-bottom: 40px;
    }
    .header-p h1{
    	font-size: 24px;
    	margin-bottom: 5px;
    }
    .about-head{
    	padding-top: 10px;
    }
    .about p{
    	font-size: 18px;
    }
    .about ul{
    	font-size: 18px;
    }
    .product p{
    	font-size: 18px;
    }
    .footer-p h4{
    	font-size: 22px;
    	margin-bottom: 20px;
    	display: block;
    }
    .copyright{
    	margin-top: -20px;
    	margin-bottom: -50px;
	font-size: 12px;
}
#contact-email  {
	margin: -20px 0 40px 0px;
	position: unset;

}
.contacts p {
	margin: 20px;
}
.btn-about{
	margin-bottom: 20px;
}
}
@media (max-width: 1436px){
	.top-menu{
		margin-top: -160px ;
	}
}
@media (max-width: 1160px){
	.top-menu{
		margin-top: -185px ;
	}
}
@media (max-width: 992px){
	.top-menu{
		margin-top: -270px ;
	}
}