/* Background */

.slider_fon, .about_fon, .premium_fon, .kataloglp_fon, .partner_fon, .news_fon, .comment_fon, .contact_fon{
    width:100%; height:auto;
    text-align:center; 
    min-width:1200px;
    font-family: Gotham Pro, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    overflow: hidden;
}

.about_fon, .kataloglp_fon, .partner_fon, .news_fon, .comment_fon, .contact_fon{
    padding: 80px 0px;
}

.premium_fon{
	padding: 60px 0px;
}

.partner_fon{
    padding: 100px 0px 120px 0px;
}

.news_fon{
	background: #f6f6f6;
}

.contact_fon{
	padding: 80px 0px 0px 0px;
}

/* Slider */

.slider_fon{
  height: 100vh;
  position: relative;
}

.slider_logo{
    position: absolute;
    top: 200px;
    color: #fff;
    font-size: 270px;
    opacity: 0.02;
    font-weight: bold;
}

.slider_table{
    /*display: table;*/
    display: flex!important;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    width: 90%!important;
    margin: auto!important;
}

.slider_name_fon{
    /*display: table-cell;*/
    color: #fff;
    width: 60%;
    text-align: left;
    /*vertical-align: middle;
    height: 100vh;
    padding-top: 60px;*/
}

@media (max-width: 350px) {
.slider_fon{
height: 88vh;
}
}

.slider_name{
    line-height: 140%;
    font-size: 42px;
    font-weight: bold;
}

@media (max-width: 1500px) {
.slider_name{
line-height: 100%;
font-size: 24px
}

}

.slider_text{
    font-size: 14px;
    line-height:160%;
    margin-top: 60px;
    background-color: rgba(115, 111, 99, 0.7);
    padding: 0px 10px 0px 10px;
    width: fit-content;
    border-radius: 5px;
    text-align:left;
}

.slider_text li {
color: #fff;
}

.slider_text p {
color: #fff;
}

.slider_button{
    margin: 60px 0px 0px 0px;
    display: block;
    width: 220px;
}

.slider_img{
    width: 100%;
    height: 100vh;
    min-height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.slider_img{
    /*padding-top: 60px;
    display: table-cell;
    vertical-align: bottom;
    height: 100vh;*/
}

.slider-94 .slick-list{
	overflow: visible;
}
  
.slider-94 .slick-prev:before, .slider-94 .slick-next:before, 
.slider-124 .slick-prev:before, .slider-124 .slick-next:before,
.slider-126 .slick-prev:before, .slider-126 .slick-next:before {
    color: #8d8d8d;
}

.slider-94 .slick-slide, 
.slider-124 .slick-slide,
.slider-126 .slick-slide {
    transition: all ease-in-out .3s;
}
    
.slider-94 .slick-active, .slider-124 .slick-active, .slider-126 .slick-active,
.slider-94 .slick-current, .slider-124 .slick-current, .slider-126 .slick-current {
    opacity: 1;
}

.slider-94 .slick-prev, .slider-94 .slick-next,
.slider-124 .slick-prev, .slider-124 .slick-next,
.slider-126 .slick-prev, .slider-126 .slick-next{
    width: 30px!important;
    height: 50px!important;
    justify-content: center;
    align-items: center;
    z-index: 80;
    top:50%;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: contain!important;
    opacity: 0.1;
    transition: 0.5s;
}

.slider-94 .slick-prev:hover, .slider-94 .slick-next:hover,
.slider-124 .slick-prev:hover, .slider-124 .slick-next:hover,
.slider-126 .slick-prev:hover, .slider-126 .slick-next:hover{
    opacity: 0.5!important;
}

.slider-94 .slick-prev{
    left: 0%!important;
    background-image:url(images/angle-left.png)!important; 
}

.slider-94 .slick-next{
    right: 0%!important;
    background-image:url(images/angle-right.png)!important; 
}

.slider-124 .slick-prev, 
.slider-126 .slick-prev{
    left: -2%!important;
    background-image:url(images/angle-left.png)!important; 
}

.slider-124 .slick-next, 
.slider-126 .slick-next{
    right: -2%!important;
    background-image:url(images/angle-right.png)!important; 
}

.slider-94 .slick-prev:before, .slider-94 .slick-next:before,
.slider-124 .slick-prev:before, .slider-124 .slick-next:before,
.slider-126 .slick-prev:before, .slider-126 .slick-next:before{
    content: ' ';
}

.slider-94 .slick-dots{
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li button:before{
    color: #fff;
    font-size: 36px;
    opacity: .55;
}

.slick-dots li.slick-active button:before{
    color: #008aff;
     opacity: 1;
}

/* About (О нас) */

.about_fon .container{
    overflow: hidden;
}

.about_text{
    float: left;
    width: 46%;
    display: inline-block;
    text-align: left;
}

.about_img{
    display: inline-block;
    float: right;
    width: 46%;
}

.about_img img{
    object-fit: cover;
    width: 100%;
    height: 400px;
    border-radius: 5px;
}

.about_text .title{
    font-size: 60px;
    font-weight: bold;
}

.about_text .title span{
    font-size: 36px;
    font-weight: 900;
    position: relative;
    top: -5px;
}

.about_text .titlesite{
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    line-height: 150%;
    width: 90%;
}

.about_text .tema{
    font-weight: bold;
    font-size: 16px;
    margin: 60px 0px 20px 0px;
    line-height: 150%;
    width: 80%;
}

.about_services{
	margin-top: 30px;
	line-height: 170%;
	display: table;
}

.about_services img{
	width: 20px!important;
	object-fit: contain;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	top: 5px;
}

.about_services:hover img{
     transform: translate(10px,0);
    -webkit-transform: translate(10px,0); /** Chrome & Safari **/
    -o-transform: translate(10px,0); /** Opera **/
    -moz-transform: translate(10px,0);
}

.about_services_name{
	padding-left: 30px;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

.about_services a{
	font-weight: bold;
}

.about_services span{
	color: #6b6b6b;
}

/* Premium (преимущества) */

.premium, .premium1, .premium_tovar{
    width: 22%;
    display: inline-block;
    vertical-align: top;
    margin: 0% 4% 0% 0%;
}

.premium1{
   width: 29%;
   margin-right: 6%;
}

.premium:nth-child(4n),
.premium1:nth-child(3n),
.premium_tovar:nth-child(4n){
    margin-right: 0%;
}

.premium_table,
.premium_tovar_table{
	display: table;
	width: 100%;
}

.premium_img,
.premium_tovar_img{
	display: table-cell;
	width: 40px;
	vertical-align: middle;
}

.premium_img_fon{
	width:0px;
   	height:0px;
   	border-radius:25px;
	box-shadow: 20px 20px 50px 20px rgba(0,138,255,0.7);
}

.premium:hover .premium_img_fon, .premium1:hover .premium_img_fon{
    box-shadow: 20px 20px 50px 30px rgba(0,138,255,0.7);
}

.premium_img img,
.premium_tovar_img img{
    object-fit: contain;
    width: 40px; height: 40px;
}

.premium_name,
.premium_tovar_name{
    color: #fff;
    display: table-cell;
    width: 100%;
    padding-left: 30px;
    text-align: left;
    vertical-align: middle;
    line-height: 150%;
    font-size: 14px;
}

.premium_tovar_name{
	color: #282828;
}

/* Katalog LP */

.kataloglp{
	width: 100%;
    vertical-align: top;
}

.kataloglp_table{
	display: table;
	padding: 0px 10px 0px 40px;
}

.kataloglp_img{
    object-fit: cover;
    width: 270px!important; height: 270px;
    border-radius: 50%;
    display: table-cell;
}

.kataloglp_name_fon{
	display: table-cell;
	padding-left: 80px;
	text-align: left;
	vertical-align: middle;
}

.kataloglp_name h2{
	margin: 0px 0px 40px 0px; padding: 0;
	font-weight: bold;
	font-size: 20px;
}

.kataloglp_mdesc{
	color: #6b6b6b;
	line-height: 160%;
	width: 90%;
	font-size: 14px;
}

.kataloglp_button{
	margin-top: 50px;
	text-align: left;
}

.kataloglp_button span,
.partner_button span,
.comment_button span,
.news_button span{
	float: left;
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}

.kataloglp_button img,
.partner_button img,
.comment_button img,
.news_button img{
	margin: -2px 0px 0px 20px!important;
	width: 20px!important;
	object-fit: contain;
	display: inline-block!important;
	vertical-align: top;
}

.kataloglp_button:hover img,
.partner_button:hover img,
.comment_button:hover img,
.news_button:hover img{
      transform: translate(-10px,0);
    -webkit-transform: translate(-10px,0); /** Chrome & Safari **/
    -o-transform: translate(-10px,0); /** Opera **/
    -moz-transform: translate(-10px,0);
}

.slider-nav{
	margin-top: 80px;
}

.kataloglp1_img{
	width: 100%; 
    margin: auto;
}

.kataloglp1_img img{
	object-fit: cover;
	border-radius: 50%;
	width: 140px; height: 140px;
	margin: auto;
}

.kataloglp1_name h2{
    min-height: 70px;
    height: 70px;
    overflow: hidden;
	width: 90%;
	margin: 20px auto 0px auto; 
    padding: 0;
	font-size: 13px;
	font-weight: normal;
	color: #6b6b6b;
}

.kataloglp1 a{
    font-size: 12px;
}


/* Partner (партнеры) */

.partner_fon{
	 color: #fff;
}

.partner_title_fon{
	overflow: hidden;
	margin-bottom: 40px;
}

.partner_title, .partner_mdesc, .partner_button{
	display: inline-block;
}

.partner_title{
	font-size: 60px;
    font-weight: bold;
    text-align: left;
    width: 20%;
    float: left;
}

.partner_mdesc{
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	width: 50%;
	line-height: 150%;
	margin: 0% 5%;
	padding-top: 5px; 
}

.partner_button{
	float: right;
	text-align: right;
	margin-top: 25px;
}

.partner_button span{
	color: #fff;
}

.partner_button img{
	filter: invert(100%) brightness(1000%);
}

.partner, .partner_inside{
    width: 22%;
    display: inline-block;
    vertical-align: top;
    margin: 4% 4% 0% 0%;
    background: #fff;
    border-radius: 5px;
}

.partner:nth-child(4n),
.partner_inside:nth-child(4n){
    margin-right: 0%;
}

.partner_inside{
	border:1px solid #d1d1d1;

}

.partner_img {
	padding: 30px;
}

.partner_img img{
	width: 100%;
	height: 60px;
	min-height: 60px;
	object-fit: contain;
	filter: grayscale(100%); 
	opacity: 0.5;
}

.partner:hover .partner_img img,
.partner_inside:hover .partner_img img{
	filter: grayscale(0%); 
	opacity: 1;
}

.partner_inside:hover{
	box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05);
}

/* Comment (отзывы) */

.comment_title_fon,
.news_title_fon{
	overflow: hidden;
	margin-bottom: 60px;
}

.comment_title h2,
.news_title h2{
	text-align: left;
	margin: 0; padding: 0;
	font-size: 30px;
	font-weight: bold;
}

.comment_title, .comment_button,
.news_title, .news_button{
	display: inline-block;
}

.comment_title,
.news_title{
    width: 48%;
    float: left;
}

.comment_button,
.news_button{
	float: right;
	text-align: right;
	margin-top: 25px;
}

.comment_all{
	overflow: hidden;
	padding: 40px 0px 0px 0px;
}

.comment, .comment_inside{
	border-radius: 5px;
    background: #fff;
    vertical-align: top;
    border:1px solid #d1d1d1;
    position: relative;
}

 .comment_inside{
 	 width:100%;
 	 margin-bottom: 40px;
 }

.comment:hover, .comment_inside:hover{
	border:1px solid #043e6d;
  	box-shadow: 0px 21px 24px 0px rgba(0, 0, 0, 0.07);
}

.comment:nth-child(1){
    width:48%;
    display: inline-block;
    margin-right: 4%;
    float: left;
    min-height: 410px;
}

.comment:nth-child(2), .comment:nth-child(3){
	display: inline-block;
	width: 48%;
	float: right;
	margin-bottom: 4%;
}

.comment_quotation{
	position: absolute;
	left: 20px; top: -10px;
}

.comment_text{
	margin: 0;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    padding: 40px;
    color: #6b6b6b;
}

.comment:nth-child(1) .comment_text p{
	font-size: 18px;
}

/*New (Новости)*/

.new{
	width: 29%;
	margin: 2% 6% 4% 0%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.new:nth-child(3n){
	margin-right: 0%;
}

.new_date{
	color: #8d8d8d;
	font-size: 12px;
}

.new_name{
	font-size: 16px;
	margin: 10px 0px 20px 0px;
	line-height: 150%;
}

.new_text{
	font-size: 14px;
	color: #6b6b6b;
	line-height: 150%;
}

/* Contact (контакты) */

.contact{
	overflow: hidden;
}

.contact_img{
	width: 48%;
	float: left;
	display: inline-block;
	vertical-align: bottom;
}

.contact_img img{
	width: 100%;
	object-fit: contain;
	vertical-align: bottom;
}

.contact_title h2{
	text-align: left;
	margin: 0; padding: 0;
	font-size: 30px;
	font-weight: bold;
}

.contact_text{
	margin: 20px 0px 60px 0px;
	font-size: 14px;
	color: #6b6b6b;
	line-height: 150%;
	text-align: left;
}

.contact_obrsv{
	width: 45%;
	float: right;
	display: inline-block;
	padding-bottom: 40px;
}


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

	.slider_fon, .about_fon, .premium_fon, .kataloglp_fon, .partner_fon, .news_fon, .comment_fon, .contact_fon{
	    min-width:200px;
	}

    .slider_name{
        font-size: 20px;
        line-height: 100%;
		margin-top:25px;
    }
	.slider_text {
		margin-top:30px;
		margin-left: auto;
		margin-right: auto;
	}


   .slider_text br,  .premium_name br,
   .contact_text, .premium_tovar_name br{
   		display: none;
   }

   .about_text .title, .partner_title{
   		font-size: 52px;
   }

   .premium_name, .premium_tovar_name{
   		font-size: 13px;
   		padding-left: 20px;
   }

   .partner_mdesc, .comment_text, .comment_text p, .comment:nth-child(1) .comment_text p{
   		font-size: 16px!important;
   }

   .comment_all{
   		padding: 0;
   		overflow: visible;
   }

   .comment, .comment:nth-child(1), .comment:nth-child(2), .comment:nth-child(3){
   		width: 100%;
   		display: block;
   		min-height: 10px;
   		float: none;
   		margin: 0px 0px 40px 0px;
   }

   .comment_text{
   		padding: 20px 40px;
   }

   .contact_title{
   		margin-bottom: 20px;
   }

   .contact_img img{
   		padding-top: 60px;
   }

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

	.slider_logo{display: none;}

	.about_fon, .kataloglp_fon, .partner_fon, .news_fon, .comment_fon, .contact_fon{
		padding: 60px 0px;
	}

    .slider_img{
        min-height: 500px;
    }

   .slider_name_fon{
        text-align: center;
        width: 90%;
        margin: auto;
   }

   .slider_button{
        margin: 60px auto 0px auto;
   }

    .slider-94 .slick-dots{
        bottom: 10px;
    }

    .about_text, .about_img, .contact_obrsv{
    	width: 100%;
    	float: none;
    }

    .about_img{
    	margin-top: 40px;
    }

    .about_services_name,
    .premium_name,
    .new_text{
    	font-size: 16px;
    }

    .premium, .premium1, .premium_tovar,
    .premium1:nth-child(3n){
    	width: 48%;
    	margin: 3% 4% 3% 0%;
    }

    .premium:nth-child(2n), .premium_tovar:nth-child(2n),
    .premium1:nth-child(2n){
    	margin-right: 0%;
    }

    .slider-nav{
    	margin-top: 40px;
    }

    .partner_title{
    	width: 40%;
    }

    .partner_mdesc{
    	width: 58%;
    	margin: 0%; 
    }

    .partner_button{
    	float: left;
    	width: auto;
    	text-align: left;
    }

    .partner, .partner_inside,
    .partner:nth-child(4n), .partner_inside:nth-child(4n){
    	width: 30%;
    	margin: 4% 4% 0% 0%;
    }

    .partner:nth-child(3n), .partner_inside:nth-child(3n){
    	margin-right: 0%;
    }

    .new{
    	width: 100%;
    	display: block;
    	margin: 40px 0px;
    }

    .contact_img{
    	display: none;
    }
}

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

	.kataloglp_table{display: inline-block;}

	.kataloglp_name_fon, .kataloglp_mdesc,
	.partner_title, .partner_mdesc{
		display: block;
		width: 100%; height: auto;
		text-align: center;
		float: none;
	}

	.kataloglp_mdesc{
		padding: 0;
		margin: auto;
	}

	.slider_name{font-size: 28px; }
    .comment_title h2, .news_title h2, .contact_title h2{font-size: 24px;}

    .about_img img{
    	height: 280px;
    }

    .kataloglp_table{
    	padding: 0px;
    }

    .kataloglp_img{
    	margin: auto;
    }

    .kataloglp_name_fon{
    	padding: 40px 0px;
    }

    .kataloglp_button{
    	text-align: center;
    }

    .kataloglp_button span, .partner_button span, .comment_button span, .news_button span{
    	float: none;
    }

    .slider-nav{
    	margin-top: 20px;
    }

    .partner_title, .partner_mdesc{
    	text-align: left;
    }

    .partner_mdesc{
    	margin: 10px 0px;
    }
}

@media only screen and (max-width: 599px){
.slider_name{
font-size: 20px;
}

}

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

	.about_text .title, .partner_title{
		font-size: 46px;
	}

	.about_text .titlesite{
		font-size: 16px;
	}

	.about_img img{
		height: 220px;
	}

	.premium, .premium1, .premium_tovar, .premium1:nth-child(3n),
	.premium:nth-child(2n), .premium_tovar:nth-child(2n), .premium1:nth-child(2n){
		width: 100%;
		margin: 20px 0px 20px 0px;
	}

	.partner, .partner_inside, .partner:nth-child(4n), .partner_inside:nth-child(4n),
	.partner:nth-child(3n), .partner_inside:nth-child(3n){
		width: 48%;
		margin: 4% 4% 0% 0%;
	}

	.partner:nth-child(2n), .partner_inside:nth-child(2n){
		margin-right: 0%;
	}

	.partner_img img{
		min-height: 40px;
		height: 40px;
	}

	.comment_title, .news_title,
	.comment_button, .news_button{
		width: 100%;
		float: none;
		text-align: left;
	}

}

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

	.slider_name{
		font-size: 20px;
	}

	.about_text .tema, .about_services_name, .premium_name, .new_text,
	.partner_mdesc, .comment_text, .comment_text p, .comment:nth-child(1) .comment_text p,
	.new_name{
		font-size: 14px!important;
	}

	.kataloglp_name h2{
		font-size: 16px;
	}

	.slider-nav{
		display: none;
	}

	.comment_text{
		padding: 20px;
	}

	.comment_title h2, .news_title h2, .contact_title h2{font-size: 20px;}

	
}