@font-face 
	{
		font-family: 'Helvetica CY Plain';
		src: url('../content/fonts/helveticacyplain.ttf');
	}



body {
	font:normal 14px/18px 'Helvetica CY Plain', Arial, sans-serif;
	color:#6a6a6a;
	padding-top: 147px;
    background-color:#f9f9f9;
}


a, a:visited {
    color: #00a2ff;
    text-decoration: underline;
}

.logo {
    width: 173px;
    height: 41px;
    background: url(../content/images/logo.png) no-repeat;
    top: 26px; 
}

.logosmall{
padding:7px 0 0 5px;
}


.navbar-default {
    background-color: #552700;
    border-color: transparent;
}

.navbar {
    min-height: 147px;
    margin-bottom: 20px;
   background: url(../content/images/header1.png) top center no-repeat;
}


.navbar-fixed-top {
    top: 0;
    border-width: 0 0 0px;
}



 /* выравнивание меню по центру*/
 
.navbar-nav {
float: none;
text-align: center;
margin-top:-10px;
}


.navbar-nav li {
float: none;
display: inline-block;
}

 /* */
 
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color:transparent;
}


.navbar-default .navbar-nav>li>a {
font-size: 16px;
font-family: 'PT Sans Narrow', sans-serif;
text-transform: uppercase;
text-decoration: none;
}


.navbar-default .navbar-nav>li>a:hover {
    color: #ffffff;}


.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

nav ul li:hover,nav ul .active
	{
		border-top:6px solid #fff;		
	}

nav ul li.logo:hover,nav ul .active
	{
		border-top:0px solid #fff;		
	}


.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.header-phone  {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    position: absolute;
    top: 33px;
    left: 51px;
    -webkit-text-shadow: 0 -2px 1px rgba(0,0,0,1);
    text-shadow: 0 -2px 1px rgba(0,0,0,1);
}


.to-worksheet  {
    font-size: 16px;
    text-transform: uppercase;
    -webkit-text-shadow: 0 -2px 1px rgba(0,0,0,1);
    text-shadow: 0 -2px 1px rgba(0,0,0,1);
    position: absolute;
    top: 33px;
    right: 45px;
}


.header-phone a, .to-worksheet a  {
    color: #fff;
}


i.fa-check {
    color: #ffffff;
    padding-right:6px;
}


.catalog-list{
padding-left:200px;
}


/* решение для точки свертывания меню */


@media (max-width: 1200px) {
.nav>li>a {
    padding: 10px 12px;
}

.logo  {
left: 5px;
}


}



@media (max-width: 991px) {
.catalog-list{
padding-left:0px;
}

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
        display:block;
    }

.navbar-nav {
float:left;
text-align: left;
margin-top:20px;
}

.collapse.in{
display:block !important;
}

 .navbar {
   min-height: 66px;
   margin-bottom: 20px;
   background: url(../content/images/headermob.jpg)  no-repeat;
   background-color: #2d2f37;
}

li.logo {
display: none;
}

nav ul li:hover,nav ul .active
	{
		border-top:0px solid #fff;
        background-color: rgba(255,255,255,0.1);		
}



.contactbox	{
height:80px;
margin-top:20px;
margin-bottom:20px;
}
 

.contactblock	{
background: url(../content/images/fon_bottom.png)  center bottom no-repeat;
padding-right: 0px;
padding-left: 0px;
margin-right: 0;
margin-left: 0;
margin-bottom: -20px;
width:100%;
}

}




 /* */
.mainslider{
background: url(../content/images/slideshow.jpg) bottom center no-repeat;
margin-top: -32px;
z-index: 2;
}

.slideshow-bottom {
position: relative;
height: 44px;
width: 100%;
background: url(../content/images/slideshow-bottom.png) bottom center no-repeat;
z-index: 3;
margin-top: -18px;
}


.carouselmob{position: relative;}

.footertop {
margin-top: -40px;
    height: 83px;
    background: url(../content/images/footer.png) top center no-repeat;
    position: relative;
    z-index: 4;
}

.footer {background-color: #1d1d1f;     margin-top: -40px;     z-index: 999;     padding: 54px 0 24px;}
.footer a, .copyright a {color: #fff; text-decoration:none;}

.stati {
    text-align: center;
    padding: 0px 0 24px;
    font-size: 13px;
    color: #fff;
}

.stati a:hover {
    text-decoration: underline !important;
}

.copyright  {
    text-align: center;
    margin-top:-20px;
    font-size: 13px;
    color: #fff;
    z-index: 5;
    position: relative;
}


.bottom-fon{
    background: #eae8e8 url(../content/images/bottom.png) top left repeat-x;
}

.bottom {
    padding: 46px 0 66px;
}

.bottom h2 {
    padding-left: 20px;
}

.bottom ul {
    margin: 0 0 0 20px;
    padding: 0;
    list-style: none;
    display: block;
    float: left;
}
.bottom ul li {
    margin: 12px 0;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}


.article-items h3 a {
    color: #34383e !important;
    text-decoration: none;
}

.catalog-menu ul li a, .formbutton a {
display: block;
    color: #fff!important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
cursor:pointer;
}

.catalog-menu ul li, .formbutton {
    text-align: center;
    background: #1d227c; /* Для старых браузров */
    background: linear-gradient(to top, #0b1361, #2d3195);
    border-radius:20px;
    box-shadow: 5px 5px 7px rgba(32,37,129,0.5);
    border-bottom:1px solid #000000;
    padding: 6px 0;
    margin-bottom: 20px;
    border-top:1px solid #bbbeff;
display: block;
cursor:pointer;
}


.formbutton {
width:160px;
margin: 20px auto;
}

.catalog-menu ul {
    list-style: none;
    margin-top: 40px;
}


.catalog-menu ul li:hover, .formbutton:hover  {
    box-shadow: 2px 2px 3px rgba(32,37,129,0.8);
    border-bottom:2px solid #bbbeff;
    border-top:0px solid #bbbeff;
}

.newitem {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 40px;
    z-index: 10;
    width: 100px;
    height: 100px;
    background: url(../content/img/newitem.png) 0 0 no-repeat;
}


.item {
    text-align: center;
}

.item a {
    color: #34383e !important;
    font-size: 14px;
    text-decoration: none;
}
.item img {
    width: 146px;
    height: 174px;
    border: 1px solid #d3d3d3;
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,1);
    box-shadow: 0 1px 1px rgba(255,255,255,1);
    margin-bottom:12px;
    margin-top:20px;
    padding: 10px;
    background: #fff;
}
.item h4 {
    width: 79px;
    height: 23px;
    line-height: 23px;
    background: #e6e6e6;
    border: 1px solid #c0c0c0;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,1);
    box-shadow: 0 1px 1px rgba(255,255,255,1);
    margin: 0 auto;
}

.article-item table{
background: #c0c0c0;
padding:15px;
border-collapse: separate;
border:1px solid black;
margin-bottom: 10px;
width:100%;
color: #4f4f4f;
}

.address-phone {
    color: #2e2f37;
    font: normal 18px/18px Arial;
}

.address-map {
    border: 1px solid rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,1);
    box-shadow: 0 1px 1px rgba(255,255,255,1);
    margin: 0 0 20px;
}

label {
margin-top: 10px;
}

.xft {padding: 0px 0px 0px 20px;}
.check-cat {padding: 0px 0px 10px 0px;}
.check-cat label {
display: block!important;
font-weight:normal;
}

.w-open {
    padding: 15px 20px 15px 20px;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
}



.contractform input[type="checkbox"] {
    width: 15px!important;
    height: 15px!important;
    margin: 0px 5px 0px 0px!important;
    padding: 0px!important;
    float: left;
}


.danger-sert .label {
    position: absolute;
    left: 0px;
    top: 105px;
    z-index: 10;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: #000000;
font-weight:normal;

}

.danger-sert img {
    padding: 0px 10px 0px 10px!important;
    margin: 0px 0px 0px 0px;
}

 /* служебные */

.nopad {
padding-right: 0px;
padding-left: 0px;
}

.pad15 {
padding-top: 15px;
padding-bottom: 15px;
}
.padright20{padding-right: 20px;}
.padleft20{padding-left: 20px;}
.padbot15{padding-bottom: 15px;}


h1 {
    color: #34383e;
    font-size: 21px;
    line-height: 21px;
    padding-bottom: 26px;
    margin: 0;
    font-weight: normal;
}
h2 {
    color: #34383e;
    font-size: 21px;
    line-height: 21px;
    padding-bottom: 20px;
    margin: 0;
    font-weight: normal;
}
h3 {
    color: #34383e;
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 16px;
    margin: 0;
    font-weight: normal;
}


.catalog-item h3 {
    padding:25px 0 5px 15px;
}

h4 {
    font-size: 14px;
    margin: 0;
    font-weight: normal;
}


.flleft{float:left;}
.flright{float:right;}


.content {padding: 30px 0 30px;}


ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}


.w-open ul{
padding-left:40px;
}


.product-table {
    border: 1px solid #d2d1c1;
    background: #fbfae7;
}

.product-table .left {
    font-weight: bold;
    text-align: right;
}

.product-table  .right {
    text-align: left;
}


.product-table  td {
    border: 0px;
    padding: 5px 15px;
}


.product-pict img {
    border: 1px solid #d5d5d5;
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,1);
    box-shadow: 0 1px 1px rgba(255,255,255,1);
    padding: 20px;
    background: #fff;
    z-index: 2;
}

.product-thumbs a img {
    padding: 2px;
    background: #fff;
    border: 1px solid #d5d5d5;
    padding: 0 10px 0 0;
}



.product-thumbs a {
    text-decoration: none;
    position: relative;
    display: block;
    margin: 0px 2px 0px 0px;
}



.pdf3d {
    display: block;
    position: absolute;
    left: 11px;
    top: 80px;
    width: 89px;
    height: 32px;
    background: url(../content/img/pdf3d.png) 0px 0px no-repeat;
}


.link360 {
    display: block;
    position: absolute;
    left: 26px;
    top: 80px;
    width: 57px;
    height: 32px;
    background: url(../content/images/360.png) 0px 0px no-repeat;
}


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

}



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


.header-phone  {
    position: relative;
    top: 10px;
    left: 0px;
    text-align:center;
    padding-bottom:15px;
}

.to-worksheet  {
    position: relative;
    top: 10px;
    left: 0px;
    text-align:center;
    padding-bottom:15px;
}


.flleft, .flright, .mobcenter{
float:none;
margin:0 auto;
}
.padright20{padding-right: 0px;}
.padleft20{padding-left: 0px;}
.textcenter{text-align:center;}
.product-thumbs  {margin-top:4px;} 

}