@charset "UTF-8";

@import "/css/reset.css";
@import "/css/1200.css";
@import "/css/camera.css";
@import "/css/form.css";


html, body {}

a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}
* {
	-webkit-text-size-adjust: none;
}

.black {color:#000 !important}
.white {color:#fff !important}
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both; line-height:0; font-size:0; width:100%;}
hr {width:100%; margin:1em 0; border:none; height:1px; background:#ccc;}
.hr-dashed {border-bottom: 1px dashed #c9c9c9; clear: both; height: 0;}

.wrapper, .wrapper-extra, .extra-wrap{
	position: relative;
	width: 100%;
	overflow:hidden; 
}
.wrapper-after:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.txt_left{text-align: left;}
.txt_right{text-align: right;}
.txt_cntr{text-align: center;}
.txt_ital{font-style: italic;}
.txt_line_through{text-decoration: line-through;}


.marg-left-0{margin-left:0 !important;}	
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}
.last-mbot{margin-bottom:0 !important;}	
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}

.marRight1{margin-right: 33px;}
.marRight2{margin-right: 55px;}

.marTop1{margin-top: 56px;}
.marTop2{margin-top: 7px;}
.marTop3{margin-top: 26px;margin-bottom: -11px;}
.marTop4{margin-top: 21px;}
.marTop5{margin-top: 27px;margin-bottom: -13px;}
.marTop6{margin-top: 7px;}


.marBot1{margin-bottom: 24px;}

.border_botom{border-bottom: 1px solid #f2f2f2; margin-bottom: 25px; padding-bottom: 7px;}

.fs12{font-size: 12px;}

.box, .box2{overflow: hidden;}
.bold{font-weight: bold;}

.color1{color: #fff;}
.m0 {margin:0}
.pad-right {padding-right:20px}

.header-contacts {color:#db0e0e; font-style:italic}

.search {
    /*float: left;*/
	background-color:white
    /*margin-top: 46px;*/
}
.button, .button a, .button a:hover {
    color: #fff;
    text-decoration: none;
}
.button {
    -moz-user-select: none;
    background-color: #e83531 ! important;
    border: medium none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 10pt;
    margin: 0;
    padding: 6px 25px 0;
	width:100px ! important;
}
input[type="submit"], input[type="button"] {
    cursor: pointer;
    margin-top: 0 !important;
    padding: 2px;
}
.search input {
    /*background: url("/images/search.gif") no-repeat scroll 88% center rgba(0, 0, 0, 0);*/
    width: 48%;
}
.search.search_main input {
    background: url("/images/search.gif") no-repeat scroll 88% center rgba(0, 0, 0, 0);
    width: 98%;
}
.search.search_main input[type=text]:focus,
.search.search_main input[type=password]:focus,
textarea:focus,
select:focus
{ 
	box-shadow: none
 }
input[type="text"], input[type="password"]{
    border: medium none;
    /*border-radius: 2px;*/
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15) inset;
    color: #5b5b5b;
    font-family: "Arial Narrow",sans-serif;
    font-size: 12pt;
    height: 25px;
    outline: medium none;
    padding: 2px 4% 2px 2%;
    /*transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;*/
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus
{ 
	box-shadow: 0 0 7px rgba(10,10,10,.5);
	-moz-box-shadow: 0 0 7px rgba(10,10,10,.5);
	-webkit-box-shadow: 0 0 7px rgba(10,10,10,.5);
 }
input:focus, select:focus {
    font-size: 12pt ! important;
}
input.button {
    padding: 5px 25px;
}



/* Global properties ======================================================== */
html, body { padding:0; margin:0; height:100%;}

body {
	font:400 12px/16px "Open Sans", Arial, Helvetica, sans-serif ;
	/*color:#4b4b4b;*/
	min-width:300px;
}
#back-top {
	position: fixed;
	left: 51%;
	margin-left: 580px;
	bottom: 90px;
	z-index: 1000;
	display: none;
	width: 26px;
	height: 30px;
	background: url("/images/up-arrow.png") 0 top no-repeat;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#back-top:hover {
	background: url("/images/up-arrow.png") 0 bottom no-repeat;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.main{
	width:100%;
	height: auto;
	padding:0; 
	background: #fff;
}
.div-content{
	width:100%;
	margin:0 auto;
	/*padding-bottom: 58px;*/
}

.red {color:#db0e0e}
/***********************************************************************/
/*===============================>H-logo-properties=========================*/

h1{
    font:600 22px/28px 'Open Sans', Arial, sans-serif;
	/*float: left;*/
	display: block;
	margin:0px;
}
h1 img{max-width: inherit;}
h1 a, h2 a, h3 a, h4 a, h5 a {/*display:inline-block;*/text-decoration:none;}
h2{
	font:600 17px/22px 'Open Sans', Arial, sans-serif;
	color:#222; 
	margin-top: 20px;
	text-transform: uppercase;
}
h2.m0 {margin: 0;}
h3{
	position: relative;
	font:600 15px/22px 'Open Sans', Arial, sans-serif;
	color:#222; 
	margin-top: 20px;
	text-transform: uppercase;
}
h3.v2{
	font:600 16px/22px 'Open Sans', Arial, sans-serif;
	padding-left: 30px;
	margin-top: 20px;
}

h3 span.h3_num{
	position: absolute;
	top: 0;
	left: 0;
	color: #f40845;
}

h4{
	font:600 14px/20px 'Open Sans', Arial, sans-serif;
	color:#222; 
	margin-top: 17px;
	text-transform: uppercase;
	overflow: hidden;
	display: inline-block;
	/*width: 100%;*/
}
h4.v2{font:600 15px/20px 'Open Sans', Arial, sans-serif; margin-top: 18px;}
h4 span{
	display: block;
	margin-right: 9px;
	float: left;
}
h4 strong{
	display: block;
	height: 1px;
	/*width: 100%;*/
	background: #f7505a;
	overflow: hidden;
	position: relative;
	top: 14px;
}

h5{
	font:300 44px/44px 'Open Sans', Arial, sans-serif;
	color:#fff; 
	margin-top: 40px;
	text-transform: uppercase;
	letter-spacing: 0px;
}

.lh24{line-height: 24px;}
.lh30{line-height: 30px;}

.wr1 {margin-top:-230px}
.wr1 p{font-size: 14px;}

/*.two p{font-size: 14px;}*/
.two p a{float:right; font-size:0.7em}

.icon_holder{
	width: 206px;
	height: 206px;
	border:solid 3px white;
	margin-top: 40px;
	text-align: center;
	display: inline-block;
	border-radius: 500px;
	color: #fff;
	/*margin-left: -7px;*/
	/*margin-bottom: 44px;*/
}


.news p, .news h3, .news .more {margin:0}
.news .more {font-style:italic; float:right; padding-right:10px}

.number {font-size: 120px; line-height: 120px; margin-top: 37px; display: inline-block;}

.box-1 {
	width: 100%;
	padding: 0px 0 57px;
	background-color:#f1f1f1;
	margin-top: 150px;
}
.box-2{
	width: 100%;
	padding: 0px 0 30px;
	background-color:#666;
    color:#fff;
    border-bottom:solid 20px #f1f1f1
}
.box-3 {
	width: 100%;
	padding: 0px 0 57px;
	background-color:#f1f1f1;
	margin-top: 50px;
}


p{margin-top: 19px;}
img{max-width:100%; height:auto; margin-bottom: 0px;}


a {
	text-decoration:underline; 
	cursor:pointer; 
	color: inherit;
}
a.un {text-decoration:none}
a.tlf {color:#db0e0e;;}
a:hover {
	text-decoration:none;
	color: #e70036;          /* КРАСНЫЙ  */
}
a{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

a.link1{color: #01afd2; text-decoration: underline;font-size: 0.8em;}
a.link1:hover{color: #000;}
/*
a.link2{color: #f7505a; text-decoration: underline;}
a.link2:hover{color: #000;}
*/

/************Header************/
header{
	padding: 0;
	position: relative;
	z-index: 11;
	/*min-height: 123px;*/
	-webkit-box-sizing: border-box; /* Safari */
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	box-sizing: border-box;
}

a.logo p {margin: 0}
a.logo img {float:left;width:290px; padding:10px 0 0}
a.logo h3 {
	font:800 14px/14px 'Open Sans', Arial, sans-serif;
	padding-left: 120px;
	margin-top: 0px;
    color: #023e7d;
    text-decoration: none !important;
}
header h2{
	font:600 16px/18px 'Open Sans', Arial, sans-serif;
	color:#333; 
	text-transform: uppercase;
  padding:10px 0 0;
  position: relative;
}
header h2 a{
display: block;
}
header h2 span{
	font:normal 14px/14px 'Open Sans', Arial, sans-serif;
	color:#333; 
  margin-top:20px
}

.box-nav {
	width: 100%;
	padding: 0;
	margin: 15px 0 40px;
  background-color:#023e7d;
	z-index:100
}
nav{
	display:inline-block;
}
.tlf {font-size:1.3em; font-weight:600; color:#db0e0e}  /* красный */

.slider_wrapper {
	/*padding-right: 0px;*/
	/*overflow: hidden;*/
	position: relative;
	z-index: 10;
    margin-bottom: 60px;
}
/* ------------------------*/
.news_list dt {
	background: url('/images/li.gif') no-repeat 0 4px;
	margin: 0 0 7px 0;
	padding-left: 15px;
	font-weight: bold;
	color: #606060;
}
.news_list dd {
	margin: 0 0 15px 0;
}
.full_list dd a {
	font-size: 11pt;
	font-weight: bold;
	color: #333;
}
.news_img {margin: 0 0 10px 10px; float: right}
	
/************Content***********/
/*.date_section{
	margin-top: 20px;
	float: left;
	width: 102px;
	margin-right: 31px;
	padding: 0px;
	text-align: center;
	border-right: 1px solid #d9dadb;
	padding-bottom: 18px;
}
.date_section .day{
	font: bold 64px/64px 'Open Sans', Arial, sans-serif;
	color:#323a45; 
	display: block;
	margin-top: 18px;
	margin-left: 7px;
}
.date_section .month{
	font:300 15px/15px 'Open Sans', Arial, sans-serif;
	color:#646a72; 
	text-transform: uppercase;
	margin-top: 5px;
	display: block;
	margin-left: 33px;
}*/

/* ============================= lists ====================== */

.list_footer_menu {
	margin: 0;
	margin-top: 20px;
	display: inline-block;
	margin-left: 4px;
	margin-bottom: 22px;
}

.list_footer_menu li {
	display: block;
	margin-bottom: 0px;
	float: left;
	margin-right: 59px;
	position: relative;
}
.list_footer_menu li.last {margin-right: 0;}
.list_footer_menu li:before {
	position: absolute;
	display: inline-block;
	content: '';
	width: 1px;
	height: 16px;
	right: -32px;
	top: 4px;
	background: #fff;
}
.list_footer_menu li.last:before {background: none;}
.list_footer_menu li a {
	text-decoration: none;
	letter-spacing: 0px;
	color: #fff;
	font:600 14px/20px "Open Sans", Arial, sans-serif;
}
.list_footer_menu li a:hover, .list_footer_menu li.current a{color: #f7505a;}

.reklama {box-shadow: 1px 1px 3px #dadada; margin:2px 5px 10px 0; width:100%; max-width:275px; display: inline-block;}

/* ------------ товар  --------------------*/
.price {color:#e70036; font-size: 14px}
span.oldPrice {}
.dopfoto {display:inline-block; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); margin:0 10px 10px 0}
a.dopfoto img {padding:5px}

.shop_property {color:#666;}  /* Артикул, Производитель, Вес, Количество, Размеры  */
.tags {color:#666; font-style:italic}
.tags span {margin-left:10px; color:#999;}

table {border-collapse: collapse;}
   TD, TH {
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid #f1f1f1; /* Параметры рамки */
		vertical-align: middle;
   }
TD.foto, TD.foto p {
	text-align:center;
	font-size:0.8em;
	color:#666;
	margin:0 !important;
	line-height:0.8em
}
/* ============================= css menu ====================== */

 #cssmenu {
  /*background-color:#023e7d;*/
  margin: 0;
  width: auto;
  padding: 0;
  line-height: 1;
  display: block;
  position: relative;
  font-family: "Open Sans", Arial, sans-serif;
}
#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
	z-index:100
}
#cssmenu ul:after,
#cssmenu:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
}
#cssmenu ul li ul li {
  max-height: 0;
  position: absolute;
	top:2px;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  /*background: #ebf1f6;*/
	background-color:#023e7d;
	/*box-shadow: -3px 4px 2px #dadada, 
               3px 0 2px #dadada;*/
}
#cssmenu ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000000;
  z-index: 1;
  top: 13px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:after {
  right: auto;
  left: 15px;
}
#cssmenu ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #ffffff;
  z-index: 2;
  top: 15px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:before {
  right: auto;
  left: 15px;
  border-left-color: transparent;
  border-right-color: #ffffff;
}
#cssmenu ul li ul li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: #fff;
  letter-spacing: 0;
  display: block;
  width: 170px;
  padding: 11px 10px 11px 20px;
}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
  color: #4cb6ea;
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
  background: #4cb6ea;
}
#cssmenu ul li ul li:hover > ul {
  left: 100%;
  top: 0;
}
#cssmenu ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul > li {
  float: none;
  display: inline-block;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu.align-right ul ul li:hover > ul {
  right: 100%;
  left: auto;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu > ul > li:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: #ffffff;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  display: block;
  content: "";
  background: #ffffff;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 16px;
}
#cssmenu > ul > li.has-sub > a:before {
  display: block;
  content: "";
  border: 4px solid transparent;
  border-top-color: #4cb6ea;
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}
#cssmenu > ul > li > a {
  color: #ffffff;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 2;
  position: relative;
}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
  height: 100%;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #000000;
}
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
  background: #000000;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
  border-top-color: #ffffff;
}
#cssmenu > ul > li:hover > ul {
  left: 0;
}
#cssmenu > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu #menu-button {
  display: none;
}
/*
#menu-button > ul > li:hover > a span,
#menu-button > ul > li.active > a span {
  color: red;
}
*/
#cssmenu > ul > li > a {
  display: block;
}
#cssmenu > ul > li {
  width: auto;
}
#cssmenu > ul > li > ul {
  width: 170px;
  display: block;
}
#cssmenu > ul > li > ul > li {
  width: 170px;
  display: block;
}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-out;
    -moz-transition: max-height 0.35s ease-out;
    -ms-transition: max-height 0.35s ease-out;
    -o-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;
  }
  #cssmenu > ul > li > ul {
    width: 100%;
    /*display: block;*/
		display: none;
  }
  #cssmenu.align-right ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li {
    width: 100%;
    /*display: block;*/
		display: none;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li > a {
    width: 100%;
    display: block;
  }
  #cssmenu ul li ul li a {
    width: 100%;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu.align-center > ul > li {
    display: block;
  }
  #cssmenu > ul.open {
    max-height: 1000px;
    border-top: 1px solid rgba(110, 110, 110, 0.25);
  }
  #cssmenu ul {
    width: 100%;
  }
  #cssmenu ul > li {
    float: none;
    width: 100%;
  }
  #cssmenu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 20px;
  }
  #cssmenu ul > li:after {
    display: none;
  }
  #cssmenu ul li.has-sub > a:after,
  #cssmenu ul li.has-sub > a:before,
  #cssmenu ul li ul li.has-sub:after,
  #cssmenu ul li ul li.has-sub:before {
    display: none;
  }
  #cssmenu ul li ul,
  #cssmenu ul li ul li ul,
  #cssmenu ul li ul li:hover > ul,
  #cssmenu.align-right ul li ul,
  #cssmenu.align-right ul li ul li ul,
  #cssmenu.align-right ul li ul li:hover > ul {
    left: 0;
    position: relative;
    right: auto;
  }
  #cssmenu ul li ul li,
  #cssmenu ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #cssmenu ul li ul li a {
    padding: 8px 20px 8px 35px;
    color: #ffffff;
  }
  #cssmenu ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #cssmenu ul li ul li:hover > a {
    color: #000000;
  }
  #cssmenu #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    cursor: pointer;
  }
  #cssmenu #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 20px;
    top: 16px;
  }
  #cssmenu #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 20px;
    top: 26px;
  }
	#cssmenu #menu-button > ul > li > ul >li {
		display:none !important;
	}	
}

/************************  ***********************/

/*figure {display: inline-block; float: left; width: 200px; text-align: center; margin: 0 20px 40px 0; height: 160px;}
figure img { width: 180px;}
figcapture {color: #666;}*/

figure.img_inner {
    display: block;
    height: auto;
    line-height: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 0;
}
figure.img_inner img {margin-bottom:10px}

.cont_txt{
	font:300 18px/26px 'Open Sans', Arial, sans-serif;
	color:#323a45; 
	margin-top: 23px;
}
address{
	margin-top: 17px;
	font-style: normal;
	display: block;
	line-height: 22px;
	margin-bottom: 0px;
}
dl{margin-top:20px; font-size: 16px; line-height:20px}
dl dt{/*text-transform: uppercase;*/ display: inline-block; margin-bottom: 6px; font-weight:bold}
dd span{
	position: relative;
	display: inline-block;
	/*width: 72px;*/
}
.main-txt {line-height: 16px; color: #333;}
/*.post1 { text-align: right;}
.post1 img {margin: 35px 0 0; height:86px; width:189px}
.post2 {text-align: center;}
.post2 img {margin: 40px 0 0; height:51px; width:196px}
.post3 {text-align: left;}
.post3 img {margin: 30px 0 0; height:159px; width:243px}*/

.h240 {height:240px}
.h260 {height:260px;}
/*#carousel {             
    width: 870px;       
    height: 175px;      
    overflow: hidden;
}*/

.indiv {width:18%; text-align:center; display:inline-block; vertical-align: middle; padding: 0 1% 10px 0; min-width: 130px;}
.indiv img {width:100%; padding:10px 0 0;}

span.current,a.page_link,span.ctrl{border-radius:15px;text-align:center;display:block;margin-right:.3em;background:#fff;float:left;padding:.3em .5em}
span.current,a.page_link{width:13px;color:#fff}
a.page_link{background-color:#d20a1c;text-decoration:none;color:#FFF!important}
span.current{background-color:#CCC}
span.ctrl{font-size:10px;color:#4F3327;padding:.5em .5em .3em}

div.rss {float: right; clear: both; margin-right: 40px}
div.rss img {margin-bottom: -4px;}


/*************** start slider ******************/
.slider {/*overflow:hidden;*/ /*height:190px;*/ margin:10px 0;}
.slider :last-child {padding-right: 0;}
.slider p {font:300 12px/14px 'Open Sans', Arial, sans-serif; padding:0 0 10px;}
.slider a {text-decoration: none; display:block}
.slider a:hover{border:1px solid red}
/************* Slider ****************/

#flexisel {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    background:#fff;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    max-width:200px;
    max-height:150px;
}

ul#flexisel li a, ul#flexisel-2 li a {display:block}
ul#flexisel li a:hover, ul#flexisel-2 li a:hover{border:1px solid red}
/*** Navigation slider ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.7;
}

.nbs-flexisel-nav-left {
    left: -16px;
    background: url("/img/button-previous.png") no-repeat;
}

.nbs-flexisel-nav-right {
    right: -16px;
    background: url("/img/button-next.png") no-repeat;
}
/********* end slider ***********/

/********** Footer **********/
footer { 
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
    background-color: #044181;  /* темно-синий */
    background: linear-gradient(to top, #001f3e, #044181);
}
.main-footer{
	padding-top: 25px; 
	padding-bottom: 21px;
}
.hline2{
	background: red;
	width: 100%;
	height: 1px;
	/*margin-top: 45px;*/
	margin-bottom: 10px;
	display: block;
}
.wr1 .hline2 {display: none;}

.foot_left {margin-top: -50px}
    .foot_logo {margin: 20px 10px 0 5%;}
    .ss { margin-right: 6px; width:32px;height: 32px ;}
    .count {width:88px;height:31px; margin-bottom: 4px;}
    .right_count {text-align: right;}
.foot_p { overflow:hidden}
.copy span {font-size:0.8em}

<!------------ Каталог товаров слева  --------------------->
#shop_list a {text-decoration:none;}
ul#shop_list {padding-top:10px; padding-left: 10px}
ul#shop_list li {padding:4px 0 0; font-size: 16px; line-height: 22px; text-decoration:none;  font-weight:normal; border-bottom:1px solid #dadada}
ul#shop_list li:last-child {border-bottom:none}
ul#shop_list li ul {padding:4px 0 0; display:block; position: relative;}
ul#shop_list li ul li {font-size: 14px; line-height: 20px; margin-bottom: 5px; margin-left:10px;  border-bottom:none}
ul#shop_list li.active {font-weight:700}

ul#shop_list li.sub > a:after,
ul#shop_list li.sub > span:after {
    border-left: 2px solid #ccc;
    border-top: 2px solid #ccc;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 30px;
    top: 6px;
    transform: rotate(-135deg);
    width: 5px;
    z-index: 10;
}
ul#shop_list, ul#shop_list li, ul#shop_list li a {
    display: block;
    position: relative;
}
<!---------------- Карта сайта  ------------------------>
ul.siteMap {margin-top:50px;}
ul.siteMap li {margin-left:20px; line-height:22px;}
ul.siteMap li ul li {margin-left:20px; line-height:18px;}

<!-- магазин -->
/*img {border: 0 none;vertical-align: top;}*/
.shop_grid:after, .cat_list:after {clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden;}
.shop_grid_main {margin-top:15px}
.shop_grid_main ul {}
.shop_grid li.item, .cat_list li.item { box-sizing: border-box; float: left; padding-bottom: 30px;}
.col-item4 {float: left; padding: 0 10px 10px; width: 25%;}
.wrapper-hover {overflow: hidden; position: relative;}
.wrapper-hover:after {clear: both; content: ""; display: table;}
.shop_grid .shop_img, .cat_list .shop_img {display: block;
    height: auto;
    margin: 0 auto;
    max-width: 50px;
    overflow: hidden;
    /*padding: 2px;*/
    position: relative;
    text-align: center;}
.shop_img {/*background: none repeat scroll 0 0 #fff;*/ /*border: 1px solid #e5e5e5;*/ display: inline-block;}
img.lazy {height: auto; max-width: 100%; opacity: 1;}
.shop_grid .shop_item_descr {position: static;}
.shop_item_descr { position: relative;}
.product-name {}
.cat-name {font-size: 12px; font-weight: bold;}
.cat-name span {font-size: 10px; font-weight: normal; color:#999;  padding-left:5px}
.shop_grid .price {font-size:14px; color:#d7000b /* красный */}
.shop_grid .descr_grid {line-height: 16px}
.shop_grid .descr_grid p {margin:4px 0 0; color:#666}



/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 1200px) {
	figure iframe {
		width: 100%;
		max-width:100%;
	}
    a.logo h3 {
	font:800 12px/12px 'Open Sans', Arial, sans-serif;
	padding-left: 90px;
}
	figure a{width: 100%;}
        /*img.logo {width:120px !important}*/
        header h2{font:600 15px/16px 'Open Sans', Arial, sans-serif;}
        ul.sf-menu > li {font: 300 12px/14px "Open Sans",Georgia,sans-serif; margin-left: 20px;}
        .box-1 {margin-top: 130px;}
/*.slider_wrapper {}*/
	/*.camera_thumbs_cont ul {bottom: -94px;}*/
	.camera_thumbs_cont ul li img {max-width: 149px;}
	.camera_thumbs_cont ul li:last-child img {max-width: 142px; width: 142px; height: auto;}
	/*.camera_thumbs_cont > div {bottom: 120px;}*/
	.camera_thumbs_cont ul li {margin-right: 0px;}
    .inner-banner{padding: 5px 10px 0 20px; }
    .inner-banner h4 {padding: 0; font:600 15px/17px "Open Sans", Arial, Helvetica, sans-serif;}    
    .inner-banner p {font:500 12px/14px "Open Sans", Arial, Helvetica, sans-serif;}
    .banner span {padding:5px; background-color:#fff; opacity:0.7; bottom:0;}
}

@media only screen and (max-width: 960px) {
.qr {display: none;}
	.list_footer_menu li {margin-right: 14px;}
	.list_footer_menu li:before {right: -8px;}
    a.logo h3 {font:800 10px/10px 'Open Sans', Arial, sans-serif; padding-left: 65px;}
	.camera_thumbs_cont ul li img {max-width: 100px;}
	.camera_thumbs_cont ul li:last-child img {max-width: 100px; width: auto; height: auto;}    
    .caption {width: 45%}
    .inner-banner{padding: 5px 10px 0 20px; }
    .inner-banner h4 {padding: 0; font:600 12px/15px "Open Sans", Arial, Helvetica, sans-serif;}    
    .inner-banner p {font:400 10px/12px "Open Sans", Arial, Helvetica, sans-serif;} 
.inner-banner a {
    /*display:block;*/
    padding:5px 0 5px; 
    font:400 10px/12px "Open Sans", Arial, Helvetica, sans-serif;
    font-style: italic;
}    
		/*.box-nav { margin-top:0}*/
	#cssmenu > ul > li > a {font-size: 12px;}
}

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

a.logo h3 {font:800 14px/14px 'Open Sans', Arial, sans-serif;}
a.logo {text-align: center;}
a.logo img {float:none; padding:0}
	figure a, img{width: 100%;}
	img.no_resize{width: auto;}
	.box{overflow: visible;}
	/*img:not(.no_resize) {width: 100%;}*/


	.slider_wrapper {margin-top: 10px; margin-bottom: 60px;}
    .box-1 {margin-top: 100px;}
	.camera_thumbs_cont ul li img {max-width: 84px;}
	.camera_thumbs_cont ul li:last-child img {max-width: 84px; width: auto; height: auto;}
    .caption {width: 60%}    
    .inner-banner{}
    .inner-banner h4 {padding: 3px 0 0; font:600 12px/14px "Open Sans", Arial, Helvetica, sans-serif;}     
    .inner-banner p {font:400 11px/13px "Open Sans", Arial, Helvetica, sans-serif;}
   
    .banner span {padding:5px; background-color:#fff; opacity:0.7; max-width:50%;position:absolute; left:4%; bottom:20px; font:500 18px/20px "Open Sans", Arial, Helvetica, sans-serif;}
    ul.sf-menu > li {font: 300 10px/12px "Open Sans",Georgia,sans-serif; margin-left: 10px;}
    nav {margin-top: 10px;}

	header{padding-top: 10px;}
.wr1 .hline2 {display: block; margin-top: 20px;}
.wr1 {margin-top:0}

	.mobile_cntr, .right_count, .foot_p {text-align: center;}

	.camera_thumbs_cont > div {bottom: 0px;}
	.vline2.v2{margin-top: 16px;	padding-top: 0px;}
	.txt1 {font: 300 30px/30px 'Open Sans', Arial, sans-serif;}

	.list_footer_menu li {margin-right: 14px;}
	.list_footer_menu li:before {right: -8px;}

	.img2, .img4, .img5{margin-bottom: 10px;}
    .foot_logo, .copy,  .d-n, .icon_holder {display: none;}
    .foot_left {margin-top:0; text-align: center;}
    .post1, .post3 { text-align: center;} 
    .h240, .h260 {height:auto}
header h2 {padding: 0}
	.list_footer_menu {line-height: 24px; margin: 0 0 10px;}
		.ss {margin-top:-32px}
	p.foot_p {margin-top:0}
	.right-serv, .menu_cat {display:none}
}

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

	/*.camera_thumbs_cont ul {bottom: -38px;}*/
	.slider_wrapper {margin-bottom: 30px;}
    
    header h2{font:600 13px/15px 'Open Sans', Arial, sans-serif;}
    .slider_wrapper {margin-top: 0;}
    /*img.logo {width:100px !important}*/
    nav {padding: 0;}
    .camera_thumbs_cont {display: none;}                    .box-1 {margin-top: 0px;}
	.camera_thumbs_cont ul li img {max-width: 58px;} 
	.camera_thumbs_cont ul li:last-child img {max-width: 58px;}

	.camera_thumbs_cont > div {bottom: 0px;}
    .inner-banner, .inner-banner p, .right_count {display: none;}
    .banner span {padding:5px; background-color:#fff; opacity:0.7; max-width:98%;position:absolute; left:10%; bottom:20px; font:500 16px/18px "Open Sans", Arial, Helvetica, sans-serif;}
	p.city a {margin: 0 10px 2px}
    .h240, .h260 {height:auto}
	
ul.shop-grid li.item {position: relative; text-align: left; width: 100%;}	
.col-item4 {float: none; width: 100%;}
	.shop_img {border: 0 none; float: left; margin-right: 10px; overflow: hidden; width: 110px;}	
	.search input { width: 96%;}

}
@media only screen and (max-width: 320px) {
    .main-txt, .work, {display:none}
    .box-2{ border-bottom:none}
    .box-1 p.black {display: none;}

}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }