/* bootstrap 3 helpers */

.navbar-form input, .form-inline input {
	width:auto;
}

/* end */

/* custom theme + Bootstrap resets */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400');

header {
	min-height:140px;
  	margin-bottom:5px;
}

/* only apply sticky columns on wider screens */
@media (min-width: 1200px) {
  #sidebar {
 	margin-left:15px;
  }

  #content {
 	padding-right:15px;
  }

  #sidebar.affix-top {
      position: static;
  }
  
  #sidebar.affix {
      position: fixed !important;
      top: 20px;
      width:200px;
  }

  #midCol.affix-top {
      position: static;
  }

  #midCol.affix-bottom {
      padding-top:0;
  }
  
  #midCol.affix {
      position:fixed !important;
  	  top: 20px;
  	  width:292px;
  }
}

.affix {
      position:static;
}

body {
  font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
  font-weight:300;
  color:#000;
  background-color:#e6e6e6  ;
}

a,a:hover {
	color:#40767e  ;
  	text-decoration:none;
}

.highlight-bk {
	background-color:#40767e  ;
    padding:1px;
    width:100%;
}

.highlight {
	color:#40767e  ;
}
  
h3.highlight  {
	padding-top:13px;
    padding-bottom:14px;
  	border-bottom:2px solid #40767e  ;
}

.navbar {
	background-color:#40767e  ;
  	color:#ffffff;
  	border-radius:0;
	
	background-color:#144e56;
	
}
.navbar-nav > li > a {
  	color:#fff;
  	padding-left:20px;
  	/*padding-right:20px;*/
  	/*border-left:1px solid #66BBCC;*/
	top:5px;
}
.navbar-nav > li:last-child > a {
  	/*border-right:1px solid #66BBCC;*/
}

.navbar-nav li a:hover {
  	background-color:#66BBCC;
}

.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
	color: #000;
  	opacity:.9;
}

.navbar-brand {
	color:#fff;
}

.accordion-group {
	border-width:0;
}

.dropdown-menu {
	min-width: 250px;
}

.caret {
	color:#fff;
}

.navbar-toggle {
	color:#fff;
    border-width:0;
}
  
.navbar-toggle:hover {
	background-color:#fff;
}

.panel,.panel-heading {
  	border-radius:0;
  	border-width:0;
  	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.09);
	box-shadow: 0 3px 3px  rgba(0, 0, 0, 0.09);
}

.thumbnail {
	margin-bottom:8px;
	border-radius:0;
}

.well {
  	border-radius:0;
}

.accordion-heading .accordion-toggle, .accordion-inner, .nav-stacked li > a {
	padding-left:1px;
}



@media (min-width: 992px) {
  .no-gutter.row > div[class*='col-md'] {
    padding-left: 0;
    padding-right: 0;
  }
  .no-gutter.row > .col-md-12 {
    width: 99.99999999999999%;
    *width: 99.93055555555554%;
  }
  .no-gutter.row .col-md-11 {
    width: 91.66666666666666%;
    *width: 91.59722222222221%;
  }
  .no-gutter.row > .col-md-10 {
    width: 83.33333333333331%;
    *width: 83.26388888888887%;
  }
  .no-gutter.row > .col-md-9 {
    width: 74.99999999999999%;
    *width: 74.93055555555554%;
  }
  .no-gutter.row > .col-md-8 {
    width: 66.66666666666666%;
    *width: 66.59722222222221%;
  }
  .no-gutter.row > .col-md-7 {
    width: 58.33333333333333%;
    *width: 58.263888888888886%;
  }
  .no-gutter.row > .col-md-6 {
    width: 49.99999999999999%;
  }
  .no-gutter.row > .col-md-4 {
    width: 33.33333333333333%;
  }
  .no-gutter.row > .col-md-3 {
    width: 24.999999999999996%;
    *width: 24.930555555555554%;
  }
  .no-gutter.row > .col-md-2 {
    width: 16.666666666666664%;
    *width: 16.59722222222222%;
  }
  .no-gutter.row > .col-md-1 {
    width: 8.333333333333332%;
    *width: 8.263888888888888%;
  }
}
.feedback{
background: #fff url(../../images/header.png);	
	
}
.product_list{
	
}


.cbm_wrap h4 {color:#000;}
.cbm_wrap {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    /*width: 300px;*/
    min-height:310px;
    background: #EBEBEB;
    border: 1px solid #CCC;
    margin: 20px auto;
    position: relative;
    padding: 20px 10px 10px;
}
.noise {
    position: relative;
    z-index: 1;
}
        .noise:before, .body-noise:before {
    content: '';
    position: absolute;
    z-index: -1;
    top:0;
    bottom:0;
    left:1px;
    right:0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
}
.horiz-flag {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #205d65 ), color-stop(100%, #205d65 ));
    background-image: -webkit-linear-gradient(#40767e, #205d65);
    background-image: -moz-linear-gradient(#40767e, #205d65);
    background-image: -o-linear-gradient(#40767e, #205d65);
    background-image: -ms-linear-gradient(#40767e, #205d65);
    background-image: linear-gradient(#40767e, #205d65);
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    position: absolute;
    padding-right: 0px;
    left: -5px;
    padding-left: 10px;
    top: 15px;
    color: white;
	width:98%
}

img.imgprod {
    width:100%;
    max-width:200px;
    height:auto;
}
.cbm_wrap .imag_prod {
    margin-top: 50px;
    border: 1px solid #ccc; /* Параметры рамки */
    background-size: cover; /* Масштабируем фон */
	background: no-repeat; /* Добавляем фон */
}

.cbm_wrap p{ 
    margin-top: 15px !important;
    text-align: justify !important;
}
.cbm_wrap h1{
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.cbm_wrap a{
    text-decoration: none;
    color: #4A4A4A !important;
}
.company_name H3 {border-bottom: 2px solid #ccc; padding: 0 0 5px 10px;}
.cbm_wrap a:hover{
    text-decoration: underline;
    color: #000 !important ;
}
​


.cbm_wrap h4 {color:#000;}

/*=========menu============*/
ul#menu {  list-style-type:none;  margin: 0px -10px;  padding: 0;  width: 110%;}
ul#menu ul {  list-style-type:none;  margin: 0px;  padding: 0;  width: 110%;}

.menu_left ul {
  list-style-type:none;
  padding: 0;
  margin-left: 15px;
  width: 100%;
}

ul#menu a {
  display: block;
  text-decoration: none;
 
}

ul#menu li {
  margin-top: 1px;

}

ul#menu li a {
  background: #205d65;
  color: #fff;	
  padding: 0.1em 0.5em ;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #eee;
  color: #000;
  padding-left: 10px;
}

ul#menu li ul li a:hover {
  background: #ddd;
  border-left: 5px #205d65 solid;
  padding-left: 5px;
}
.menu_left{padding:0;}





/*=========== галерея продукта========*/


#products_example {
	width:100%;
	height:282px;
	position:relative;
}

#products {
	margin-left:26px;
}

#products .next,#products .prev {
	position:absolute;
	top:127px;
	left:0;
	width:21px;
	height:0;
	padding-top:21px;
	overflow:hidden;
	display:block;
	z-index:101;
}
#products .prev {
	background:url(../img/arrow-prev.png);
}

#products .next {
	left:407px;
	background:url(../img/arrow-next.png);
}

#products .slides_container {
	max-width: 376px;
    height: 376px;
    display: inline-block;
	overflow:hidden;
	float:left;
	position:relative;
	border:1px solid #dfdfdf;
	padding: 5px;
}


#products .pagination {
	width:376px;
	padding:0px;
	float:left;
	margin-left:0px;

}

#products .pagination li {
	float:left;
	margin:1px;
	width:122px
}

#products .pagination li a {
	display:block;
	width:120px;
	height:120px;
	padding:5px;
	margin:1px;
	float:left;
	background:#f9f9f9;
}

#products .pagination li.current a {
	border:0px solid #7f7f7f;


}
.header_w{ height:110px; }
.phone{font-size:16px; font-weight:bold;   margin-right:10px;}
.phone p{margin: 5px; text-align: right; float:right; }
.phone .phone_mail{border-bottom:1px solid #fff; }

h4{font-size:13px;}

/* ================= ттд ================ */

.prod_name{padding-top: 20px;}
.ttd {font-size: 12px; border:1px solid #40767e; margin:0 0 20px 0; border-collapse:inherit; background-color:#fff;}
.ttd tr td {padding: 5px; border:none;}
.ttd tr:last-child { border:1px solid;}
.ttd .zag1 { background-color:#40767e; color: #fff; }
.ttd .zag2 { background-color:#eee; color: #000; }


/*====================== спецпредложение ========================*/

.spec_prise{font-size:12px; text-align: center; background-color: #205d65; color:#fff; padding: 5px; }


.sdescr{margin: 0 0 20px 0;}

h1 {  font: normal 1.8em Georgia, "Times New Roman", Times, serif;  margin: 0 0 20px;  padding: 5px 0;  font-weight: normal; color:#205d65;  text-align: center; border-bottom:2px dotted #205d65;  text-shadow: 1px 1px 1px #ccc; /*--Не поддерживается IE--*/  }  
h1 span{color:RED;}
h2 {  font: normal 1.2em Georgia, "Times New Roman", Times, serif;  margin: 0 0 20px;  padding: 5px 0;  font-weight: normal; color:#205d65;  text-align: center; border-bottom:2px dotted #205d65;  text-shadow: 1px 1px 1px #ccc; /*--Не поддерживается IE--*/  }  

h3 {  font: normal 1.8em Georgia, "Times New Roman", Times, serif;  margin: 0 0 20px;  padding: 5px 0;  font-weight: normal;  text-align: center;  text-shadow: 1px 1px 1px #ccc; /*--Не поддерживается IE--*/  }  
h3 span {  color: #cc0000;  font-weight: bold;    }  
h3 small {  font-size: 0.35em;  text-transform: uppercase;  color: #999;  font-family: Arial, Helvetica, sans-serif;  text-shadow: none;  display: block; /*--Выделяем для тэга small отдельную линию--*/  }

.logo_all{ border:1px solid #eee; margin-bottom:20px; text-align:center; padding:5px;}
.logo_all img{width:120px; border:1px solid #eee;}


.spec_bage{display:none1; background:url(../../images/2in1.png); width:87px; height:87px; position:absolute; z-index:200; right:-50px;}



@media screen and (max-width: 980px) {  
.spec_bage{ position:absolute; z-index:200; left:0px; bottom:-30px;}

}
@media screen and (max-width: 600px) {  
.spec_bage{ position:absolute; z-index:200; left:0px; bottom:-30px;}

} 
@media only screen and (max-width : 480px) {  
.phone{margin-top:5px; font-size:12px; font-weight:bold; height: 30px; text-align: center; padding:0px;  }

}  



/*================== nav =========================*/

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */
body {
	background-color: #e6e6e6  ;
}
nav_top {
	height: 40px;
	width: 100%;
	background: #455868;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #283744;
}
nav_top ul {
	padding: 0;
	margin: 0 auto;
	width: 750px;
	height: 40px;
}
nav_top li {
	display: inline;
	float: left;
}
nav_top a {
	color: #fff;
	display: inline-block;
	width: 150px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
}
nav_top li a {
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav_top li:last-child a {
	border-right: 0;
}
nav_top a:hover, nav_top a:active {
	background-color: #8c99a4;
}
nav_top a#pull {
	display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav_top { 
  		height: auto;
  	}
  	nav_top ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav_top li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav_top li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav_top a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav_top {
		border-bottom: 0;
	}
	nav_top ul {
		display: none;
		height: auto;
	}
	nav_top a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	nav_top a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav_top li {
		display: block;
		float: none;
		width: 100%;
	}
	nav_top li a {
		border-bottom: 1px solid #576979;
	}
}

/*======header=====*/

.clear-fix-logo:before, .clear-fix-logo:after {
    content: " ";
    display: table;
}
.clear-fix-logo:after {
    clear: both;
}
/* Костыли для ослика (Internet Explorer 6 и 7) */
.clear-fix-logo {
    *zoom: 1;
}


@media screen and (max-width: 980px) {  
.spec_bage{ position:absolute; z-index:200; left:0px; bottom:-30px;}
ul#menu {  width: 100%;}
ul#menu ul {  width: 100%;}
.social { text-align:center;}
}
@media screen and (max-width: 600px) {  
.spec_bage{ position:absolute; z-index:200; left:0px; bottom:-30px;}
.social { text-align:center;}
ul#menu {  width: 105%;}
ul#menu ul {  width: 105%;}
} 
@media only screen and (max-width : 480px) { 
.phone{margin-top:5px; font-size:12px; font-weight:bold; height: 30px; text-align: center; padding:0px;  }
.social{margin-top:5px; font-size:12px; text-align: center; padding:0px;  }
ul#menu {  width: 105%;}
ul#menu ul {  width: 105%;}

}  
.next_div{text-align:right; padding-top:20px;}
.next_prod{padding:5px 10px; background-color:#ddd; color:#000;}
a.next_prod{padding:5px 10px; background-color:#ddd; color:#000;}

.container{ border: 0px solid;}