@charset "windows-1251";

html, body{ 
  	margin:0 auto; 
  	padding:0px; 
  	font-family: 'Zona Pro', Arial, sans-serif;
  	font-weight: normal;
    font-style: normal;
}

* {box-sizing:border-box;}


.logo a, .phone a, .menu1 a, .basket a, .phone_m a,
.filtr_brend_lp a, 
.slider_partner_button a, .about_button a, .news_button a, .new_button a, .brend_search_button a,
.new a,
.contact span a,
.catalog_name a, .category_name a, .catalog_podname a, .category_podname a,
.photo_fon a, .close,
.korzina_name a,
.navmenu-v a, .lk_button_m {
	text-decoration:none;
}

.catalog:hover .catalog_name, .category:hover .category_name,
.bread a, .photo_fon:hover a{
	text-decoration:underline; 
}

/* Color */

/* Темно-серый */

.slider_fon, #premium, .contact_fon, footer,
.brend_bg,
.navmenu-v, .filtr_cat,
.cart_fon th{
	background: #2d2e2f;
}

h1, h2, h3, h4, section, a, header{
	color: #373737;
}

/* Зеленый */

.menu1 a:after, #lpmenu1_fon,
.slider_img_bg, .about_img_bg, .comment_img_bg, .contact_form,
.cat_button,
#premium:hover, .new:hover,
.contact_img,
.brend, 
.tovar_button, .cart_button, .zakaz_zakaz, .obrsv_button, .zvonok_button, 
.close, .oplata_button,
.basket_num,
.navmenu-v li a,
.form_radio_btn input[type=radio]:checked + label, .form_radio_btn label:hover,
.lk_button_m{
	background: #8fb91d;
}

.account a:hover,
.slider_name h1 span,
.title h2 span,
.slider_partner_button a:hover, .about_button a:hover, .news_button a:hover, .new_button a:hover, 
.brend_search_button a, .filtr_brend_search_button,
.comment_text a, 
#copyright a,
.bread a:hover,
.catalog:hover .catalog_name a, .category:hover .category_name a, .catalog_podname a:hover, .category_podname a:hover,
.tovar_price, .cart_name, 
.korzina_name{
	color: #8fb91d;
}

.cat_button:hover,
.brend:hover, 
.basket_num:hover, 
.tovar_button:hover, .cart_button:hover, .zakaz_zakaz:hover, .obrsv_button:hover, .zvonok_button:hover, 
.close:hover, .oplata_button:hover,
.search #search_submit:hover,
.form_radio_btn label:hover{
	background:#668b01!important; 
}

#cat, .cat_img img, .cat_button,
.slider_partner_button img, .about_button img, .news_button img, .new_button img, .brend_search_button img, 
#premium, .new,
.catalog_img, .category_img, .tovar_button, .cart_button, .zakaz_zakaz,
#nexter, .close, .korzina,
.obrsv_button, .zvonok_button,
.photo_fon, .oplata_button,
.search #search_submit,
.form_radio_btn label,
.brend,
.sbor4_product,
.sbor4_buy, .sbor5_buy, .zakaz_buy, .sbor4_izbr, .sbor5_izbr, .zakaz_izbr,
.filtr_brend_lp input + label > img,
.filtr_brend_catalog input + label > img{
	-moz-transition: all 0.5s ease-out;
 	-o-transition: all 0.5s ease-out;
 	-webkit-transition: all 0.5s ease-out;
 	transition: all 0.5s ease-out;
}

input, button, textarea, select, option{
	outline: none;
	font-family: 'Zona Pro', Arial, sans-serif;
}

.obrsv_button[disabled], .obrsv_button[disabled]:hover,
.zvonok_button[disabled], .zvonok_button[disabled]:hover,
.zakaz_zakaz[disabled], .zakaz_zakaz[disabled]:hover{
  	background-color:#a9a9a9!important;
}

a{outline: none;}

p, ul, ol, li{font-size:14px; line-height:170%;}
h1, h2, h3, h4{line-height:140%; }
h1{font-size:36px; margin:0px 0px 40px 0px;}
h2{font-size:28px; margin:10px 0;}
h3{font-size:20px; margin:10px 0;}
h4{font-size:16px;margin:10px 0;}

.slider_partner_button, .about_button, .news_button, .new_button, .brend_search_button, .filtr_brend_search_button{
	font-weight: bold;
    font-size: 14px;
}

.slider_partner_button img, .about_button img, .news_button img, .new_button img, .brend_search_button img{
	object-fit: contain;
    width: 15px;
    position: relative;
    top: 2px;
    margin-left: 15px;
}

.slider_partner_button:hover img, .about_button:hover img, .news_button:hover img, .new_button:hover img, 
.brend_search_button:hover img{
  -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

header, nav, main, footer{ 
	width:100%; height:auto;
  	text-align:center; 
  	min-width:1200px;
}

header{ 
  	padding:20px 0px; 
}

#header{
	display: block;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #fff; 
	z-index: 9999;
}

#header.fixed{
	-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.07);
    box-shadow: 0 0 15px 1px rgba(0,0,0,0.07);
}

main{ 
	margin-top: 90px;
  	min-height: 550px;
}

footer{ 
  	color: #fff!important;
  	padding:20px 0px; 
}

section,
.slider_partner_button{ 
  	padding: 0 calc(50% - 590px);
  	justify-content: space-between;
  	display: flex;
}

.clearfix::after{
  	content:''; 
  	display:block; 
  	clear:both;
}

.logo, .menu1, .phone, .account, .basket{
	display: inline-block;
	vertical-align: top;
}

.logo{width: auto;}
.menu1{width: auto; padding-left: 4%;}
.phone{width: auto;}
.account{width: auto; padding-left: 2%;}
.basket{width: auto; padding-left: 2%;}

.logo{
  	text-align:left; 
  	float:left;
}

.logo img{
	object-fit: contain;
	height: 45px;
	position: relative;
	top: 3px;
}

.phone img, .account img, .basket img{
	display: inline-block;
	width: 20px; height: 20px;
    margin-right: 10px;
    position: relative;
    object-fit: contain;
}

.phone img{top:3px; width: 16px; height: 16px;}
.account img{top:4px; }
.basket img{top:5px;}

.phone{
	padding-top: 12px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.phone:hover img{
-webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 

.account{
	padding-top: 8px;
	font-size: 14px;
	text-align: left;
}

.basket{
	padding-top: 8px;
	float: right;
	position: relative;
}

.basket_num{
	position: relative;
	top: -1px;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	border-radius: 3px;
	padding: 3px 0px;
	text-align: center;
	width: 20px; height: 20px;
	color: #fff;
}

/* Brend */

.brend_bg{
	padding: 30px 0px;
	overflow: hidden;
}

.brend_brend{
	width: 48%;
	display: inline-block;
	float: left;
	text-align:left;
}

.brend_search,
.filtr_brend_search{
	width: 44%;
	display: inline-block;
	vertical-align: top;
	float: right;
}

.filtr_brend_search{
	margin-top: 10px;
}

.brend, .brend_img{
	height: 80px;
}

.brend{
    border-radius: 15px;
    width: 30%; 
    margin-right: 4%;
    display: inline-block;
    vertical-align: top;  
}

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

.brend_img{
   padding: 20px;
}

.brend_img img{
    width: 100%; height: 100%;
    object-fit: contain;
    filter: grayscale(1) brightness(500%);
}

.brend_search_button,
.filtr_brend_search_button{
	text-align: left;
}

.brend_search form{
    background: #efefef;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 16px;
}

.brend_search input, .brend_search button{
    border: none;
    background: none; 
}

.brend_search input{
    width: 80%;
    float: left;
    padding: 16px 20px;
}

.brend_search button{
    float: right;
}

.brend_search button img{
    width: 25px;
    object-fit: contain;
    position: relative;
    right: 15px; top: 10px;
}

.filtr_brend_search_text_star,
.filtr_brend_search_text{
	font-size: 12px;
	line-height: 140%;
	margin-top: 16px;
	color: #b8b8b8;
	display: inline-block;
}

.filtr_brend_search_text_star{
	width: 2%;
	margin-right: 5px;
	color: #8fb91d;
	vertical-align: top;
}

.filtr_brend_search_text{
	width: 80%;
}

aside, .aside_filtr{ 
	margin-top: 40px;
	width:25%; 
	text-align:left; 
	float:left;
}

.content, .content100{
	margin-top: 40px;
	width:72%; 
	float:right;
	text-align:left; 
	min-height: 550px;
}

.content100{
	width: 100%;
	float: none;
}

.data, #blog_date{
	font-size:12px; 
	padding:5px 0px; 
	color:#bdbdbd; 
}

.tema{
	font-size:13px; 
	text-align:center; 
	margin-bottom:20px; 
	border-bottom:1px solid #fff; 
	padding-bottom:15px;
}

.footer_logo{
	width:34%; 
	text-align:left; 
	display:inline-block; 
	float:left;
}

.footer_logo img{
	filter: invert(100%) brightness(500%);
	object-fit: contain;
	height: 45px;
	position: relative;
	top: 3px;
}

.footer_privacy{
	font-size: 13px;
	width:30%; 
	text-align:center; 
	display:inline-block;
	padding-top: 15px;
}

#copyright{
	padding-top: 15px;
	width:34%; 
	text-align:right; 
	display:inline-block; 
	float:right;
	font-size: 13px;
	color: #fff;
}

.footer_privacy a{
	color: #fff;
}

.blog{
	vertical-align:top; 
	width:100%; 
	text-align:center; 
	margin-bottom:40px;
	display: table;
}

.blog_img{
	display: table-cell;
	width:180px; 
}

.blog_img img{
	width:180px; 
	object-fit: cover;
	height:120px; 
	border-radius: 4px;
}

.blog_name_fon{
	padding-left:30px;
	vertical-align: top; 
	display: table-cell;
	text-align: left;
} 

.blog_name_fon1{
	vertical-align: top; 
	width: 100%; 
	text-align: left;
} 

.blog_name{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.blog_text{
	font-size:14px; 
	text-align:left;
	margin: 10px 0px;
}

#nexter{
	width: 100px;
	padding: 8px 10px;
	font-size: 13px;
	background: #f3f3f3;
	border-radius: 4px;
	text-align: center;
	margin-top: 20px;
}

#nexter:hover{
	background: #efeded;
}

.obrsv_fon{
	width:450px;
	overflow:hidden;
	margin-bottom: 40px;
}

.obrsv_pole, .zvonok_pole{
	font-size:14px; 
	text-align:left; 
	width:100%; 
	padding:16px; 
	border:1px solid #e9e9e9;
	margin-bottom:15px; 
	display: block;
	border-radius: 8px;
}

.obrsv_soglash, .zvonok_soglash{
	font-size:14px; 
	margin-bottom:20px;
}

.obrsv_cod_fon, .zvonok_cod_fon{
	float: left;
	text-align: left;
}

.obrsv_cod, .zvonok_cod{
	width: 46px; height: 46px;
	border: none;
	border-radius: 4px;
	padding: 10px;
	text-align: center;
	margin-right: 10px;
	border:1px solid #e9e9e9;
}

.obrsv_button, .zvonok_button{
	padding:12px; 
	width:160px; 
	border:none; 
	color:#fff; 
	font-size:16px; 
	float:right;
	cursor: pointer;
	border-radius: 4px;
}

.modalDialog, .modalDialog_tovar {
	position:fixed; 
	top:0; right:0; bottom:0; left:0; 
	background: rgba(0,0,0,0.8); 
	z-index: 99999; 
	-webkit-transition: opacity 400ms ease-in; 
	-moz-transition: opacity 400ms ease-in; 
	transition: opacity 400ms ease-in; 
	display:none; 
	pointer-events:none;
}

.modalDialog:target, .modalDialog_tovar:target { 
	display:block; 
	pointer-events: auto; 
} 

.modalDialog > div, .modalDialog_tovar > div{
	border-radius: 4px;
	width: 400px; height: auto; 
	position: relative; 
	margin: 10% auto; 
	padding: 20px; 
	background: #fff;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 

.modalDialog_tovar > div{
	width: 500px;
}

.close { 
	color: #FFF; 
	position: absolute; 
	right: -10px; top: -10px;  
	text-align: center; 
	width: 28px; height: 28px;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold; 
	border-radius: 50%; 
} 

.zvonok_zagol{
	font-size:22px; 
	text-align:center; 
	margin-bottom:20px; 
}

.photo_fon{
	width: 31.5%;
	display: inline-block;
	margin: 0% 2% 2% 0%;
	padding: 20px;
  	-webkit-box-shadow: 0px 0px 18px -6px rgba(0,0,0,0.3);
  	-moz-box-shadow: 0px 0px 18px -6px rgba(0,0,0,0.3);
  	box-shadow: 0px 0px 18px -6px rgba(0,0,0,0.3);
  	border-radius: 4px;
  	vertical-align: top;
}

.photo_fon:hover{
  	-webkit-box-shadow: 0px 0px 18px -6px rgba(0,0,0,1);
  	-moz-box-shadow: 0px 0px 18px -6px rgba(0,0,0,1);
  	box-shadow: 0px 0px 18px -6px rgba(0,0,0,1);
}

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

.photo_oblojka{
    object-fit: cover;
    width: 100%; height: 200px;
    margin-bottom: 10px;
}

.scrollup{
    width:40px; height:40px;
    position:fixed;
    opacity: 0.7;
    bottom:20px;
    left:20px;
    display:none;
    z-index: 99;
}

.scrollup:hover{
    opacity: 1;
}

.scrollup img{
	width:40px; height:40px;
	object-fit: contain;
}


@media (max-width: 1199.98px){

	section, .slider_partner_button {
	    padding: 0 calc(50% - 480px);
	}

	header, nav, main, footer{ 
	  	min-width:200px;
	}

	.logo img{
		height: 40px;
	}

	.menu1{
		padding-top: 10px;
		padding-left: 3%;
	}

	.account_name{
		display: none;
	}

	.photo_oblojka{
		height: 160px;
	}
}

@media (max-width: 991.98px) {

	section, .slider_partner_button {
	    padding: 0% 5%;
	}

	main{
		margin: 80px 0px;
	}

	.brend, .brend_img{
		height: 100px;
	}

	.brend_search{
		margin-top: 30px;
	}

	.slider_partner_button, .about_button, .news_button, .new_button, .brend_search_button, .filtr_brend_search_button,
	.blog_text, .obrsv_pole, .zvonok_pole, .obrsv_button, .zvonok_button{
		font-size: 16px;
	}

	#header, header, aside{
		display: none;
	}

	.content, .aside_filtr{
		width: 100%;
		float: none;
	}

	main section, footer section{
		display: block;
	}
}

@media (max-width: 699px){

	h1{font-size:28px; }
	h2{font-size:22px; }
	h3{font-size:18px; }
	h4{font-size:14px; }

	.blog_img, .blog_img img{
		width:100px;
		height: 80px; 
	}

	.blog_name_fon{
		padding-left: 20px;
	}

	.modalDialog > div, .modalDialog_tovar > div{
		width: 80%;
	}

	.obrsv_fon{
		width: 100%;
	}

	.footer_logo, .footer_privacy, #copyright{
		width: 100%;
		display: block;
		float: none;
		margin:auto;
		text-align: center;
	}

	.photo_fon, .photo_fon:nth-child(3n){
		width: 45%;
	  	margin: 0% 2% 6% 2%;
	}

	.photo_oblojka{
		height: 120px;
	}

	.photo_oblojka_text{
		font-size: 13px;
	}
}

@media only screen and (max-width: 499px){
	h1{font-size:24px; }
	h2{font-size:20px; }
	h3{font-size:16px; }
	h4{font-size:13px; }
}

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

	.brend, .brend_img{
		height: 60px;
	}

	.brend_img{
		padding: 10px;
	}

	.slider_partner_button, .about_button, .news_button, .new_button, .brend_search_button, .filtr_brend_search_button, 
	.blog_text, .obrsv_pole, .zvonok_pole, .obrsv_button, .zvonok_button, .blog_name{
		font-size: 14px;
	}


}


@media (max-width: 550px) {
	.img_opl{
		width:100%;
	}
}