@charset "windows-1251";

html, body{ 
  	margin:0 auto; 
  	padding:0px; 
  	font-family: "Open Sans Regular", Arial, sans-serif;
}

* {box-sizing:border-box;}

.slider_logo a, .slider_phone a, .slider_button,
.menu1 a, #menu1_v li a, .menu2 a, .new_name a, 
.vitrina_all_button, 
.catalog_name, .category_name,
.logo a, .phone, .news_title,
.photo_fon a, .close,
.korzina_name a {
	text-decoration:none;
}

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

/* Color */

.slider_button, nav, .premium2_img_fon,
#menu1_v li #active, #menu1_v li a:hover, #menu1_v li:hover ul, #menu1_v li:hover > a,
.vitrina_buy, .vitrina_all_button, .korzina_fon, .search #search_submit, 
.tovar_button, .cart_button, .zakaz_zakaz, .obrsv_button, .zvonok_button, 
.close, .korzina, .oplata_button, .premium_fon{
	background: #00728b;
}

.navmenu-vv li a{
	color: #000!important;
}

.comment_text a, 
.slider_menu #menu1_v li #active, .slider_menu #menu1_v li a:hover,
.tovar_price, .cart_name,
.korzina_name,
.service2_name{
	color: #00728b;
}

.slider_button:hover,
#menu1_v ul li a:hover,
.vitrina:hover .vitrina_buy, .vitrina_all_button:hover, .podcat:hover .vitrina_buy,
.tovar_button:hover, .cart_button:hover, .zakaz_zakaz:hover,
.obrsv_button:hover, .zvonok_button:hover, 
.close:hover, .oplata_button:hover,
.search #search_submit:hover{
	background:#00607f!important; 
}

.slider_button, nav, .premium2_img_fon,
#menu1_v li a, #menu1_v li:hover ul, #menu1_v li:hover > a, #menu1_v ul, .menu2 a,
.vitrina, .vitrina_tovar, .podcat, .vitrina_buy, .vitrina_all_button, .vitrina_img img, .korzina_fon,
.catalog, .tovar_button, .cart_button, .zakaz_zakaz,
#nexter, .close, .korzina,
.obrsv_button, .zvonok_button,
.photo_fon, .oplata_button,
.search #search_submit{
	-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: "Open Sans Regular", 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{color:#000; outline: none;}

p, ul, ol, li{font-size:14px; line-height: 150%;}

h1, h2, h3, h4{line-height: 150%;}
h1{font-size:28px; margin:0px 0px 30px 0px; font-family: "Open Sans Bold";}
h2{font-size:24px; margin:10px 0; font-family: "Open Sans Bold";}
h3{font-size:20px; margin:10px 0;}
h4{font-size:16px; margin:10px 0;}

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

header{ 
  	padding:20px 0px; 
}

main{ 
  	margin:40px 0px;
  	overflow: hidden;
  	min-height: 450px;
}

footer{ 
  	background:#202020; 
  	padding:30px 0px; 
}

section{ 
	overflow: hidden;
  	margin:0 auto; 
  	padding: 0 calc(50% - 590px);
  	/*justify-content: space-between;
  	display: flex;*/
}

.logo{
  	width:30%; 
  	text-align:left; 
  	float:left;
  	font-size: 20px;
}

.logo span{
	display: block;
	font-size: 14px;
	margin-top: 5px;
}

.logoright{
	width: 70%;
	text-align:right; 
	float: right;
}

.logoright .phone img{
	display: inline-block;
	width: 16px; height: 16px;
    margin-right: 8px;
    position: relative;
    top: 2px;
    filter: invert(100%);
}

.phone{
	font-size: 20px;
	text-align:right;
	display: block;
}

.adress{
	font-size:14px; 
	text-align:right;
}

.left{ 
	width:25%; 
	text-align:left; 
	float:left;
}

.right{
 	width:72%; 
 	text-align:right; 
 	float:right;
}

.right_100{
 	width:100%; 
}

.content{
	text-align:left; 
}

.menu2{
	margin-bottom: 20px;
}

.menu2 a{ 
	background: #f3f3f3;
	font-size:15px; 
	padding:14px 20px; 
	display:block;
	margin-bottom: 10px;
	border-radius: 4px;
}

.menu2 a:hover{
	background: #e2e2e2;
}

.news{
	border-radius: 4px;
	border: 1px solid #f1f1f1;
	padding: 20px; 
}

.news_title{
	font-size:20px; 
	display: block;
	margin-bottom:20px;
}

.new{
	margin-bottom:30px; 
}

.new_name{
	font-size:14px; 
}

.new_text{
	font-size:13px;
}

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

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

.contact_inform{
	width:34%; 
	text-align:left; 
	color:#fff; 
	font-size:14px; 
	display:inline-block; 
	float:left;
}

.social{
	width:30%; 
	text-align:center; 
	display:inline-block;
}

.social img{
	margin:20px 10px 10px 10px;
	object-fit: contain;
	width:20px; height:20px;
	display:inline-block;  
}

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

.contact_inform a, .copyright a{
	color: #fff;
}

.copyright img{
	text-align:right; 
	width:auto; height:30px; 
	float:right;
}

.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;
}

.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:12px; 
	border:1px solid #e9e9e9;
	margin-bottom:15px; 
	display: block;
	border-radius: 4px;
}

.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 {
	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 { 
	display:block; 
	pointer-events: auto; 
} 

.modalDialog > 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;
  }
  } 

.close { 
	color: #FFF; 
	position: absolute; 
	right: -10px; top: -10px;  
	text-align: center; 
	width: 28px; height: 28px;
	font-size: 20px;
	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;
}
.photo_fon{
	width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 3% 3% 0% 0%;
    border-radius: 5px;
    background: #fff;
    padding: 2%;
    border:1px solid #d1d1d1;
    position: relative;
}

.photo_fon:hover{
  	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}

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

.photo_oblojka{
    object-fit: cover;
    width: 100%; height: 240px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.photo_gallery_fon{
	display: inline-block;
	width: 21%; height: auto;
	margin: 4% 4% 0% 0%;
}

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

.sertif_gallery_fon{
	display: inline-block;
	width: 30%; height: auto;
	margin: 4% 2% 0% 0%;
}

.photo_gallery_fon img,
.sertif_gallery_fon img{
	object-fit: cover;
    width: 100%; height: 200px; 
} 

.sertif_gallery_fon img{
  	object-fit: contain;
  	height: auto;
}

/* Всплывающее окно */

.dobavlen{ position:fixed; top:0%; left:0%; width:10000px; height:10000px; z-index:9999; background-color: rgba(0, 0, 0, 0.7);}
.dobavlentext{ position:fixed; top:40%; left:40%; width:250px; padding: 20px; background:#fff; color:#000; text-align: center; border-radius: 4px; }


.header-search > form{
	width: 100%; border-radius: 0;
	background-color: #fff;
	margin: 0; top: 0;
	flex-direction: row;
	padding: 40px;
	gap: 20px;
	align-items: center;
}

.header-search button{
	background: none;
	border: none;
	min-width: auto;
	margin: 0;
	padding: 0;
}

.header-search button img{
	object-fit: contain;
	width: 22px;

}

.header-search input{
	background: none;
	border-radius: 0;
	font-size: 20px;
	border: none;
}

.header-search input:focus{
	border: none;
}



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

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

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

	.photo_oblojka{
		height: 160px;
	}
}

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

	section{
		width: 90%;
	}

	main{
		margin: 60px 0px;
	}

	header, .menu2, .news{
		display: none;
	}

	.left, .right{
		display: block;
		width: 100%;
		float: none;
		margin-top: 20px;
	}

}

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

}

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

	section{
		width: 92%;
	}

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

	.blog_name_fon{
		padding-left: 20px;
	}

	.modalDialog > div{
		width: 80%;
	}

	.obrsv_fon{
		width: 100%;
	}

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

	.social{
		margin: 20px auto;
	}

	.copyright img{
		float: none;
		margin: auto;
	}

	.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: 399px){


}