/* *** NEW *** */

.overlay-2 {height:450px; background: rgba(0,0,0,0.6);}
.overlay-2 h1 {text-align:center; color:#fff; padding: 50px 0; text-transform: uppercase; font-size:32px;}

.overlay h1 {
    text-align:center;
    color:#fff;
    font-size: 70px;
    margin-top:17%;
}

.fullscreen-bg {
    overflow: hidden;
    z-index: -100;
    position: relative;
    max-height:450px;
    width: 100%;
    padding-top:45%;
	
}
 
.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.overlay {
    background: rgba(0,0,0,0.6);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    /* height: 100%; */
	 max-height:450px;
    z-index: 4;
}


@media (max-width: 767px) {
	.fullscreen-bg {
		background: url('../images/plane.jpg') center center / cover no-repeat;
	}

	.fullscreen-bg__video {
		display: none;
	}

	.overlay h1 {
	    font-size: 40px;
	}
}

/**/
.backToSitehereBtn{
	display: block;
	width: 150px;
	height: 150px;
	background: #01BC78;
	text-align: center;
	line-height: 170px;
	font-size: 20px;
	border-radius: 50%;
	color:#fff;
	position: absolute;
	text-decoration: none;
	top:-40px;
	left:-40px;
	transform:rotate(-45deg) scale(1);
	transition:all 0.25s linear;
}

.backToSitehereBtn:hover {
	text-decoration: none;
	top:-10px;
	left:-10px;
	transform:rotate(-45deg) scale(1.3);
}

.slider {}

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


/*body { background: rgba(0, 0, 0, 0) url("../images/bg.jpg"); background-attachment: fixed; }
body { background: rgba(237, 237, 237, 1);}
@import "http://webfonts.ru/import/roboto.css?family=Roboto";*/


body { background: rgba(255, 255, 255, 1); font-family: 'Roboto', sans-serif; font-weight: 200; font-style: normal;}
p, ul li { font-family: 'Roboto', sans-serif;  font-weight:300;}
.container-fix { width: 1260px!important;}

.head {background: linear-gradient(to bottom right, #1e1a33, #462445); min-height:150px;}

/* .transp {background-color: rgba(255, 255, 255, 0.9);} */


.vitrina img {border: solid 10px #fff; border-radius:5px; width:185px;}
.vitrina div.col-xs-3 p { text-align:center; font-weight:bold}
.vitrina img:hover {border-color:#FFCC33;}
.kshapka { margin:5px 0 5px 100px; font-weight:bold; font-size:20px;}

.logo-a img {padding: 5px 0; margin-top: 45px;}

.phone {background: rgba(0, 0, 0, 0) url("../images/phone-s.png") no-repeat scroll 0 0; padding: 10px 0 0 55px; margin-top:20px; min-height: 50px;
width:45%; float:left;}
.mail {background: rgba(0, 0, 0, 0) url("../images/mail-s.png") no-repeat scroll 0 0; padding: 10px 0 0 55px; margin-top:20px;  min-height: 50px; width:55%; float:left;}
.adres  {background: rgba(0, 0, 0, 0) url("../images/map-s.png") no-repeat scroll 0 0; padding: 10px 0 0 55px; margin-top:10px;  min-height: 50px; width:45%; float:left;}
.time {background: rgba(0, 0, 0, 0) url("../images/time-s.png") no-repeat scroll 0 0; padding: 5px 0 0 55px; margin-top:10px;  min-height: 50px; width:55%; float:left;} 

.sh {font-size:24px; color:#5b5b5b; font-weight:bold; }
.sh2 {font-size:16px; color:#5b5b5b; font-weight:bold; }

.rokajaxsearch {margin:5px;}
.roksearch-wrapper input {border: solid 2px #5b5b5b!important; }

.navbar { min-height: 40px!important;}
.navbar-inverse .navbar-nav > li > a {
    color: #ffffff!important; font-size:21px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    /*border: 2px solid #39B54A; color:#39B54A;*/
}

.affix {background: linear-gradient(to bottom right, #1e1a33, #462445);}

.navbar-nav > li > a { padding: 10px 25px!important; text-align:right; font-family: 'Roboto', sans-serif; }
.navbar-collapse {padding:0!important;}
.navbar-nav li:first-child a {}

/*.nav li a:first-child { border:none!important;}*/





.bhead {margin-top: 55px; padding-left:200px;}
.head-cont p {color:#ffffff; font-size:21px; text-align:right; margin-top: 50px; font-family: 'Roboto', sans-serif; line-height:24px;}

.breadcrumb {margin-bottom:0px!important; font-weight:300;}
.breadcrumbs ul li { font-family: 'Roboto', sans-serif;}
.breadcrumbs {min-height:36px; background-color: #f5f5f5; margin-bottom:14px;}

.footer a {color:#ffffff;}

/* ------------ Заголовки ------------ */

.page-header {margin-top:0px!important; padding-bottom:0px!important; border:none!important;}
h1 {font-size:30px; font-family: 'Roboto', sans-serif;  text-align:left; color:#462445; padding: 10px 0; font-weight:300; margin-top:0!important;}
h2 {font-size:28px; font-family: 'Roboto', sans-serif; font-weight:300}
h3 {font-size:24px; font-family: 'Roboto', sans-serif; font-weight:300;}

.glav div.page-header {min-height:300px; background: url(/images/main/plashka.jpg);}
.glav .page-header h1 {padding: 110px 45px; max-width:400px; color:#FFFFFF; font-size: 36px; font-family: 'Roboto', sans-serif; font-weight:200;}

.poli div.page-header {min-height:300px; background: url(/images/main/plastic-bag-plashka.jpg);}
.poli .page-header h1 {padding: 110px 45px; max-width:400px; color:#FFFFFF; font-size: 36px; font-family: 'Roboto', sans-serif; font-weight:200;}

/* ------------ --------- ------------ */

.affix {
  left: 0;
  top:0;
  width:100%;
  z-index:999;
  opacity: 0.9;
}

.affix ul {float:right;}

.navbar-collapse {overflow:  hidden; }

.nav > li > a {
    padding: 5px 15px;
}

.left {padding-bottom:15px;}
.left h3 {text-align:center; margin:0; padding: 10px 0; background-color: #5b5b5b; color:#fff; border-bottom: dotted 2px #ffffff;}
.vert {}
.vert > li {margin: 0 0 20px 0;}
.vert > li > a { color:#7F7F7F; font-weight: 400; background-color: rgba(255, 255, 255, 0.2)!important; font-size:18px; font-family: 'Roboto', sans-serif;}
.vert > li > a:hover, .vert > li > a:focus { color: #39B54A;}


.nav-child {padding-left:25px;}
.nav-child > li { list-style-type: none!important;}
.nav-child > li > a  { color:#7F7F7F; padding: 0px!important; display: block; font-weight:200; font-size:18px; font-family: 'Roboto', sans-serif;}
.nav-child > li > a:hover, .nav-child > li > a:focus { color: #39B54A; text-decoration:none;}

.navbar {border-radius:0!important; font-weight:bold; margin-bottom: 0px!important; min-height: 40px!important;}
.navbar-inverse .navbar-nav > li > a {
    color: #ffffff!important;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #efefef; color:#462445!important;
}

.navbar-nav > li > a { padding: 10px 38px!important; border-left: dotted 2px #ffffff!important;}
.navbar-collapse {padding:0!important;}
.navbar-nav li:first-child a { border:none!important;}

.navbar-inverse {
    border: 0px!important;
}

.navbar-nav .nav-child {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    list-style: none;
    background-color: #462445;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
	
}
.navbar-nav .nav-child > li > a {
  display: block;
  padding: 5px 20px!important;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #FFF;
  white-space: nowrap;
  text-decoration:none;
}

.navbar-nav .nav-child > li > a:hover {
background: rgba(66, 93, 108, 0.9); color: #ffffff;}

.parent:hover .nav-child {display: block;}


.footer {background-color: #191919; min-height:200px; padding:30px 0; color:#fff!important; margin-top:10px; }
.footer p, .footer ul li {font-weight: 200; font-size:16px; font-family: 'Roboto', sans-serif;}
.footer ul li {list-style-type:none; margin-bottom: 10px;}
.footer div.row {margin-bottom:30px;}

a.inst {background: url(/images/main/instagram.png); display:block; width:50px; height:50px; text-indent: 200%; white-space: nowrap;   overflow: hidden;}
a.vk {background: url(/images/main/vk.png);  display:block; width:50px; height:50px; text-indent: 200%; white-space: nowrap; overflow: hidden; float:left; margin-right:5px;}

table.price {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 14px;
border-radius: 10px;
border-spacing: 0;

}
table.price th {
background: #5b5b5b;
color: white;
padding: 10px 20px;
}
.price th, .price td {
border-style: solid;
border-width: 0 1px 1px 0;
border-color: white;
}
.price th:first-child, .price td:first-child {
text-align: left;
}
.price th:first-child {
border-top-left-radius: 0px;
}
.price th:last-child {
border-top-right-radius: 0px;
border-right: none;
}
.price td {
padding: 10px 20px;
background: #f5f5f5;
}

/*.price:hover tr:hover td {
  background: #fff;
  text-shadow: none;
}*/

.price:hover tr:hover td:last-child { font-weight:bold;}

.price tr:last-child  td:first-child {
border-radius: 0 0 0 10px;
}
.price tr:last-child  td:last-child {
border-radius: 0 0 10px 0;
}
.price tr td:last-child {
border-right: none;
}


#roksearch_search_str {width:100%;}

/* Каталог товаров */
#jshop_module_cart {background: rgba(0, 0, 0, 0) url("../images/shop-cart-s.png") no-repeat scroll 0 0; padding: 10px 0 0 60px; border:dotted 2px; border-radius: 40px 0px 0px 40px; margin:20px 5px;}
#jshop_module_cart table {font-size:10pt;}
.goto_cart a {display:block; margin: 0 auto; width:100px; height:25px; text-align:center;}
.category_name {text-align:center;}
.category_name a {font-weight:bold; font-size:18px;}
.category_short_description {text-align:justify;}

.sblock3 {}

.image a {display:block; width:160px; margin: 0 auto;}


#mxcpr {display:none;}

.jshop h1 {
    font-size: 30px;
}

.form-horizontal {border-bottom: dotted 2px #0060a1; border-top: dotted 2px #0060a1; margin: 10px 0; padding:5px 0; font-weight:bold;
    background-color: rgba(0, 96, 161, 0.1)!important;}
.form_sort_count {margin-left: 10px;}	

.category_description {font-weight:bold; font-style:italic;}
.category_description2 {border-top: dotted 2px #0060a1; padding:10px 0;}
.product_description3 {border-bottom: dotted 2px #0060a1; padding:10px 0; margin-bottom:5px; font-weight:bold; font-style:italic;}
.prod_price {font-size:26px;}
.list_category div {overflow:hidden; }
.sblock1 {overflow:hidden; clear: both; }
.sblock3 {padding:5px!important;}

.form-horizontal .form_sort_count .controls {
    margin-left: 95px!important;}

table.jshop {text-align:center;}
.form-horizontal .control-label {text-align:left;}
.address_block .form-horizontal {padding:5px 10px!important;}

.list_category div.col-sm-4 {min-height:215px;}

.block_product {box-shadow: 0 0 7px rgba(0,0,0,0.5);  border-radius:10px; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f4f4), color-stop(1, #dbdbdb) ) !important; padding: 5px;}
.block_product:hover {box-shadow: 0 0 8px rgba(0,96,161,0.8);}

.enter-text {box-shadow: 0 0 7px rgba(0,0,0,0.5); background-color:#3380b4; color:#ffffff; text-align:justify; padding:5px;}
.ramka {border:#3380b4 solid 2px; margin-bottom:10px; padding:5px;}

/*---- -------------- PHONE -------------- ----*/
  
#uptocall-mini {position:fixed;bottom:60px;right:60px;cursor:pointer;z-index:999;}
a#uptocall-mini:hover {text-decoration:none;}

#uptocall-mini .uptocall-mini-phone {-moz-border-radius:50% !important;-webkit-border-radius:50% !important;border-radius:50% !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:rgba(0,69,161, 0.7);
width:70px;height:70px;-webkit-animation: uptocallmini 1.5s 0s ease-out infinite;-moz-animation: uptocallmini 1.5s 0s ease-out infinite;animation: uptocallmini 1.5s 0s ease-out infinite;}

#uptocall-mini .uptocall-mini-phone:before {content: "";position: absolute;width: 100%;height: 100%;top:0;left:0;background-image:url(/images/mini.png);background-repeat:no-repeat;background-position:center center;
-webkit-animation: uptocallphone 1.5s linear infinite;-moz-animation: uptocallphone 1.5s linear infinite;animation: uptocallphone 1.5s linear infinite;}

@-webkit-keyframes uptocallphone {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes uptocallphone {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes uptocallphone {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes uptocallphone2 {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes uptocallphone2 {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes uptocallphone2 {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}

@-webkit-keyframes uptocallmini {
0% {box-shadow: 0 0 8px 6px rgba(0,96,161, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(0,96,161, 0);}
10% {box-shadow: 0 0 8px 6px #0060a1, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #0060a1;}
100% {box-shadow: 0 0 8px 6px rgba(0,96,161, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(0,96,161, 0);}
}
@-moz-keyframes uptocallmini {
0% {box-shadow: 0 0 8px 6px rgba(0,96,161, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(0,96,161, 0);}
10% {box-shadow: 0 0 8px 6px #0060a1, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #0060a1;}
100% {box-shadow: 0 0 8px 6px rgba(0,96,161, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(0,96,161, 0);}
}
@keyframes uptocallmini {
0% {box-shadow: 0 0 8px 6px rgba(0,96,161, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(0,96,161, 0);}
10% {box-shadow: 0 0 8px 6px #0060a1, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #0060a1;}
100% {box-shadow: 0 0 8px 6px rgba(0,96,161, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(0,96,161, 0);}
}

/*---- ------------------------------------- ----*/

.tel {display:none;}
.joomly-callback-body {padding-bottom:5px!important;}

/*---- ---------- СТИЛИ ПАГИНАЦИИ ---------- ----*/

.vm-pagination ul li a,.vm-pagination ul li span.pagenav,.pagenav a,div.pagination a,div.pagination span{display:inline-block;margin:0 3px;padding:4px 10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.vm-pagination ul li a,.pagenav a,div.pagination a{border:1px solid #d4d4d4;background: #fefefe;text-decoration:none;color:#27292c;
background: -moz-linear-gradient(top,  #fefefe 0%, #f0f0f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top,  #fefefe 0%,#f0f0f0 100%);
background: -o-linear-gradient(top,  #fefefe 0%,#f0f0f0 100%);
background: -ms-linear-gradient(top,  #fefefe 0%,#f0f0f0 100%);
background: linear-gradient(to bottom,  #fefefe 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f0f0f0',GradientType=0 );}
.vm-pagination ul li span.pagenav,div.pagination span{border:1px solid #000;color:white;background: #0060a1;box-shadow:inset 0 0 4px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.1);}
ul.pagenav,div.pagination{margin:10px 0 0;padding:0;}
ul.pagenav li,div.pagination li{list-style:none;display:inline-block;}

.pull-right {
     float: none!important; text-align:center;
}

/*---- ------------------------------------- ----*/

a.spoiler:after {
content: "Скрыть";
}
a.spoiler.collapsed:after {
content: "Читать далее";
}

a.btn-readm {border-color: #462446; padding: 15px 30px; border-radius:0; color: #000000;
 font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: 24px;}
a.btn-readm:hover {border-color: #462446; background-color: #462446; color: #FFFFFF;}

.ico div.col-sm-4 {padding-right:1px;}
.icons {width:100%; height:220px; }
.ico p {text-align:center; margin: 5px 0;}
.ico a { font-size: 24px; font-weight: 200; color:#000000; font-family: 'Roboto', sans-serif;}
.ico a:hover {color:#39B54A; text-decoration:none;} 
.ico {margin: 5px 0;}
.icons a {/*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;*/
 text-indent: 200%;
   white-space: nowrap;
   overflow: hidden;
   }
.icons a:hover {/*-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;filter: none;*/
}
.icons:hover { /* box-shadow: 0 3px 10px rgba(57,181,74,0.9);*/}
.icons1 {  background: url(/images/main/fon-icons.jpg); background-position: 0 0; margin-right:1px;}
.icons1 a {  background: url(/images/main/glavnaya-icons.png); background-position: 0 0; width:314px; height:230px; display:block;}
.icons2 {  background: url(/images/main/fon-icons.jpg); background-position: -330px 0;}
.icons2 a {  background: url(/images/main/glavnaya-icons.png); background-position: -330px 0; width:314px; height:230px; display:block;}
.icons3 {  background: url(/images/main/fon-icons.jpg); background-position: -660px 0;}
.icons3 a {  background: url(/images/main/glavnaya-icons.png); background-position: -660px 0; width:314px; height:230px; display:block;}

.icons4 {  background: url(/images/main/fon-icons.jpg); background-position: 0 -250px;}
.icons4 a {  background: url(/images/main/glavnaya-icons.png); background-position: 0 -210px; width:314px; height:230px; display:block;}
.icons5 {  background: url(/images/main/fon-icons.jpg); background-position: -330px -250px;}
.icons5 a {  background: url(/images/main/glavnaya-icons.png); background-position: -330px -210px; width:314px; height:230px; display:block;}
.icons6 {  background: url(/images/main/fon-icons.jpg); background-position: -660px -250px;}
.icons6 a {  background: url(/images/main/glavnaya-icons.png); background-position: -660px -210px; width:314px; height:230px; display:block;}

.icons7 {  background: url(/images/main/fon-icons.jpg); background-position: 0 -500px;}
.icons7 a {  background: url(/images/main/glavnaya-icons.png); background-position: 0px -430px; width:314px; height:230px; display:block;}
.icons8 {  background: url(/images/main/fon-icons.jpg); background-position: -330px -500px;}
.icons8 a {  background: url(/images/main/glavnaya-icons.png); background-position: -330px -430px; width:314px; height:230px; display:block;}
.icons9 {  background: url(/images/main/fon-icons.jpg); background-position: -660px -500px;}
.icons9 a {  background: url(/images/main/glavnaya-icons.png); background-position: -660px -430px; width:314px; height:230px; display:block;}

.icons10 {  background: url(/images/main/fon-icons.jpg); background-position: 0 -750px;}
.icons10 a {  background: url(/images/main/glavnaya-icons.png); background-position: 0px -650px; width:314px; height:230px; display:block;}
.icons11 {  background: url(/images/main/fon-icons.jpg); background-position: -330px -750px;}
.icons11 a {  background: url(/images/main/glavnaya-icons.png); background-position: -330px -650px; width:314px; height:230px; display:block;}
.icons12 {  background: url(/images/main/fon-icons.jpg); background-position: -660px -750px;}
.icons12 a {  background: url(/images/main/glavnaya-icons.png); background-position: -660px -650px; width:314px; height:230px; display:block;}

.icons13 {  background: url(/images/main/fon-icons.jpg); background-position: 0 -1000px;}
.icons13 a {  background: url(/images/main/glavnaya-icons.png); background-position: 0px -875px; width:314px; height:230px; display:block;}
.icons14 {  background: url(/images/main/fon-icons.jpg); background-position: -330px -1000px;}
.icons14 a {  background: url(/images/main/glavnaya-icons.png); background-position: -330px -875px; width:314px; height:230px; display:block;}
.icons15 {  background: url(/images/main/fon-icons.jpg); background-position: -660px -1000px;}
.icons15 a {  background: url(/images/main/glavnaya-icons.png); background-position: -660px -875px; width:314px; height:230px; display:block;}

.icons16 {  background: url(/images/main/fon-icons.jpg); background-position: 0 -1250px;}
.icons16 a {  background: url(/images/main/glavnaya-icons.png); background-position: 0px -1100px; width:314px; height:230px; display:block;}
.icons17 {  background: url(/images/main/fon-icons.jpg); background-position: -330px -1250px;}
.icons17 a {  background: url(/images/main/glavnaya-icons.png); background-position: -330px -1100px; width:314px; height:230px; display:block;}
.icons18 {  background: url(/images/main/fon-icons.jpg); background-position: -660px -1250px;}
.icons18 a {  background: url(/images/main/glavnaya-icons.png); background-position: -660px -1100px; width:314px; height:230px; display:block;}

.icons19 {  background: url(/images/main/fon-icons.jpg); background-position: 0 -1500px;}
.icons19 a {  background: url(/images/main/glavnaya-icons.png); background-position: 0px -1330px; width:314px; height:230px; display:block;}
.icons20 {  background: url(/images/main/fon-icons.jpg); background-position: -330px -1500px;}
.icons20 a {  background: url(/images/main/glavnaya-icons.png); background-position: -330px -1330px; width:314px; height:230px; display:block;}

.btn-green {background-color: #8CC63F; padding: 15px 0px; width: 198px; color:#FFFFFF; font-size: 18px; Tahoma, Verdana, Segoe, sans-serif; font-weight: 300; border-radius:0; border: 2px solid #FFFFFF;}
.btn-green:hover {background:transparent; color:#FFFFFF;  border: 2px solid #FFFFFF;}
.raschet {background: linear-gradient(to bottom right, #1e1a33, #462445); padding: 100px 40px; margin:0;}
.raschet p {color:#FFFFFF;  font-family: 'Roboto', sans-serif; font-weight: 200; font-size:16px; line-height: 16px;}
p.big-b {font-size: 36px; line-height: 36px; font-weight: 200;}
.preimushestva {background: radial-gradient(ellipse at center, #87d90a, #b1dd0a, #87d90a); margin:0; padding: 40px;}
p.big-bs { font-weight: 200; font-size: 24px; line-height: 24px;  color:#FFFFFF; font-family: 'Roboto', sans-serif; margin-top:20px;}
p.big-s {  font-size: 12px; font-weight: 200; color:#FFFFFF; font-family: 'Roboto', sans-serif;  line-height: 12px; padding-right:20px;}
.tovary {}

.clients h3 {text-align:center; font-family: 'Roboto', sans-serif; font-size: 21px; line-height: 25px; font-weight: 200;}
.clients img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.clients img:hover {-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;filter: none;}


/*---- СТИЛИ КАТЕГОРИЙ И МАТЕРИАЛОВ КАТЕГОРИЙ ----*/

.blog .col-sm-6 {padding: 0 10px; }
.blog .col-sm-6  h2{font-family: 'Roboto', sans-serif; font-weight: 300; padding: 20px 0 10px; font-size:24px;}
.blog .col-sm-6  p {font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 24px; padding: 0 0 10px; /*text-indent:5px;*/}
.blog .readmore a {text-decoration:underline; color:#000000; padding:0; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300;}
.blog .readmore a:hover {text-decoration:none;}
.pull-none {margin:0 auto; margin-bottom:10px;}
.pull-none:hover { opacity:0.5;}
.pull-none img {max-width: 100%; height: auto;}

.blog .col-sm-12 h2{font-family: 'Roboto', sans-serif; font-weight: 300; padding: 20px 0 10px; font-size: 30px;}
.blog .col-sm-12 h2 a { color: #606060;}
.blog .col-sm-12 p {font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 200; line-height: 24px; padding: 0 0 10px; }
.column-1 .pull-left {float:left;width:245px;  }
.pull-left {width:245px; margin-right:30px;}
.pull-left img {max-width: 245px; height: auto;}

.category-desc {padding-bottom:20px;}
/*---- ------------------------------------- ----*/

/*---- ------ СТИЛИ НОВОСТНЫХ БЛОКОВ ------- ----*/

h3.news { font-family: 'Roboto'; font-size: 30px; font-weight: 200; padding: 20px 0 10px;}
.nspHeader a {font-size: 18px; line-height: 22px; font-weight: 300; padding: 20px 0 10px; font-family: 'Roboto', sans-serif; color:#000000;}
p.nspText  {color: #000000; font-size: 14px; line-height: 21px; font-family: 'Roboto', sans-serif;  font-weight: 200; margin: 0 15px; /*text-indent:5px;*/}	
a.nspImageWrapper {padding-bottom: 10px;}
.nspImageWrapper img:hover { opacity:0.5;}
a.readon {padding-top:10px;}

/*---- ------------------------------------- ----*/