@charset "UTF-8";

@font-face{
  font-family: 'PTSans';
  src: url("PTSans.woff"), url("PTSans.eot");
}

@font-face{
  font-family: 'PTSans';
  src: url("PTSansBold.woff"), url("PTSansBold.eot");
  font-weight: bold;
}

html{
  height: 100%;
}

body{
  margin: 0;
  padding: 0;
  font-family: 'PTSans', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  background:url("bg-fonnn.jpg") repeat scroll center 80px #072b5a;
  height: 100%;
}

*{
  -webkit-overflow-scrolling: touch;
}

a:link{
  text-decoration: underline;
  color: #ffc200;
  outline: none;
}

a:visited{
  text-decoration: underline;
  color: #ffc200;
}

a:hover{
  text-decoration: none;
   color: #ffc200 !important;
}

a:active{
  text-decoration: none;
  color: #ffc200;
}

table{
  border: none;
  border-collapse: collapse;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, li, figure, figcaption{
  font-weight: normal;
  margin: 0;
  padding: 0;
}

li{
  list-style: none;
}

img{
  border: none;
}

.hidden{
  display:none !important;
}

.left{
  float:left !important;
}

.right{
  float:right !important;
}

.clear:after{
  clear: both;
}

.clear:before,.clear:after{
  content: "";
  display: table;
}

input[type=text], input[type=email], input[type=password]{
  font-family: 'HelveticaNeueLTStd', Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #424242;
  border: 1px solid #dcdcdc;
  background: #FFFFFF;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  width: 220px;
  outline: none;
  font-weight: normal;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
  color: #424242;
  opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color: #424242;
  opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder{
  color: #424242;
}

input.placeholder, textarea.placeholder{
  color: #9e9e9e;
  font-style: italic;
}

textarea{
  font-family: 'HelveticaNeueLTStd', Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #424242;
  border: 1px solid #dcdcdc;
  background: #FFFFFF;
  height: 80px;
  padding: 7px 0 7px 10px;
  width: 220px;
  outline: none;
  resize: none;
  font-weight: normal;
}

select{
  font-family: 'HelveticaNeueLTStd', Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #424242;
  border: 1px solid #dcdcdc;
  background: #FFFFFF;
  height: 26px;
  padding: 1px 0 0 5px;
  width: 220px;
  outline: none;
  font-weight: normal;
}

input.error, textarea.error{
  background:#f6ecec !important;
  border: 1px solid #be0808;
}

input[type="checkbox"]{
  display: none;
}

input[type="checkbox"]label{
  position: relative;
  -webkit-touch-callout: none;
  line-height: 14px;
}

input[type="checkbox"]label:before{
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #b2b2b2;
  background: #FFFFFF;
  cursor: pointer;
  content: "";
  margin: -1px 5px 0 0;
  vertical-align: middle;
}

input[type="checkbox"]:checked label:after{
  background: url(http://au-ss.ru/wa-data/public/blog/themes/default-auss/assets/icon-check.png) 0 0 no-repeat;
  display: inline-block;
  width: 16px;
  height: 14px;
  cursor: pointer;
  content: "";
  left: 2px;
  top: 1px;
  vertical-align: middle;
  position: absolute;
}

.ta-center{
  text-align:center !important;
}

.ta-left{
  text-align:left !important;
}

.ta-right{
  text-align:right !important;
}

h1, h2, h3, h4, h5, h6{
  color: #ffc400;
  margin-bottom: 15px;
}

h1{
  font-size: 57px;
  font-weight: bold;
  text-transform: uppercase;
   -moz-text-shadow: 1px 1px 8px #003f9b, 0 0 4px #002d64;
   -webkit-text-shadow: 1px 1px 8px #003f9b, 0 0 4px #002d64;
   text-shadow: 1px 1px 8px #003f9b, 0 0 4px #002d64;
}

h2{
  font-size: 22px;
  margin-top: 18px;
}

h2:first-child{
  margin-top: 0;
}

h3{
  font-size: 18px;
  font-weight: bold;
  margin-top: 8px;
}

h3:first-child{
  margin-top: 0;
}

h4{
  font-size: 16px;
  font-weight: bold;
  margin-top: 8px;
}

h4:first-child{
  margin-top: 0;
}

h5{
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
}

h5:first-child{
  margin-top: 0;
}

.btn{
  display: inline-block;
  text-decoration:none !important;
  color:#FFFFFF !important;
  height: 39px;
  line-height: 39px;
  padding: 0 10px;
  min-width: 55px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  border-top: 1px solid #404849;
  border-left: 1px solid #494d4d;
  border-right: 1px solid #494d4d;
  border-bottom: 1px solid #525252;
  position: relative;
  cursor: pointer;
  background: #646d73;
  background-image: -ms-linear-gradient(top, #656a6d 0%, #3f4447 100%);
  background-image: -moz-linear-gradient(top, #656a6d 0%, #3f4447 100%);
  background-image: -o-linear-gradient(top, #656a6d 0%, #3f4447 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #656a6d), color-stop(1, #3f4447));
  background-image: -webkit-linear-gradient(top, #656a6d 0%, #3f4447 100%);
  background-image: linear-gradient(to bottom, #656a6d 0%, #3f4447 100%);
}

.btn:before{
  height: 2px;
  width: 100%;
  content: "";
  display: block;
  background: #888e91;
  left: 0;
  top: 0;
  position: absolute;
}

.btn.yellow{
  background: #ebb815;
  background-image: -ms-linear-gradient(top, #fdca27 0%, #d7a401 100%);
  background-image: -moz-linear-gradient(top, #fdca27 0%, #d7a401 100%);
  background-image: -o-linear-gradient(top, #fdca27 0%, #d7a401 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdca27), color-stop(1, #d7a401));
  background-image: -webkit-linear-gradient(top, #fdca27 0%, #d7a401 100%);
  background-image: linear-gradient(to bottom, #fdca27 0%, #d7a401 100%);
  color:#4f3d02 !important;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  font-size: 16px;
}

.btn.yellow:before{
  background: #c8b674;
}

.btn.yellow_w{
  background: #ebb815;
  background-image: -ms-linear-gradient(top, #fdca27 0%, #d7a401 100%);
  background-image: -moz-linear-gradient(top, #fdca27 0%, #d7a401 100%);
  background-image: -o-linear-gradient(top, #fdca27 0%, #d7a401 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdca27), color-stop(1, #d7a401));
  background-image: -webkit-linear-gradient(top, #fdca27 0%, #d7a401 100%);
  background-image: linear-gradient(to bottom, #fdca27 0%, #d7a401 100%);
  color:#FFFFFF !important;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  border: 1px solid #de9b08;
}

.btn.yellow_w:before{
  background: #fee2a4;
}

.btn.gray{
  background: #888888;
  background-image: -ms-linear-gradient(top, #9b9b9b 0%, #777 100%);
  background-image: -moz-linear-gradient(top, #9b9b9b 0%, #777 100%);
  background-image: -o-linear-gradient(top, #9b9b9b 0%, #777 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9b9b9b), color-stop(1, #777));
  background-image: -webkit-linear-gradient(top, #9b9b9b 0%, #777 100%);
  background-image: linear-gradient(to bottom, #9b9b9b 0%, #777 100%);
  border: 1px solid #7e7e7e;
}

.btn.gray:before{
  background: #d6d6d6;
}

.btn.small{
  text-shadow: none;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
}

.btn.middle{
  text-shadow: none;
  font-size: 14px;
  height: 29px;
  line-height: 29px;
}

.centered{
 padding: 0 10px;
    width: 1002px;
  margin: 0 auto;
}

.header{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 201;
  background: #242424;
  padding: 15px 0;
    background: #000A2A url(space-header.jpg) no-repeat center center;
}

.header .logo{
  display: block;
 width: 360px;
  height: 72px;
  background: url(logo.png) 0 0 no-repeat;
  float: left;
    margin-left: 20px;
}

.header .label{
  font-weight: bold;
  color: #686868;
  font-size: 14px;
}

.header .tel-box{
  float: right;
  margin: 0;
}

.header .tel-box .tel{
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
}

.header .tel-box a{
  font-size: 16px;
}

.header .region-box{
  float: right;
  margin: 0 20px;
  max-width: 200px;
}

.header .region-box .label{
  margin: 0 0 0 24px;
}

.header .region-box .city-box{
  position: relative;
}

.header .region-box .city{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 23px;
  min-height: 27px;
  vertical-align: bottom;
  padding: 0 0 0 24px;
  color: #FFFFFF;
  text-decoration: none;
}

.header .region-box .city:before{
  content: '';
  position: absolute;
  background: url(icon-city.png) 0 3px no-repeat;
  width: 17px;
  height: 20px;
  left: 0;
}

.header .region-box .city-list{
  position: absolute;
  z-index: 201;
  left: 24px;
  top: 32px;
  border-left: 1px solid #01255F;
  border-right: 1px solid #01255F;
  border-bottom: 1px solid #01255F;
  background: #000926;
  width: 155px;
  display: none;
}

.header .region-box .city-list li{
  border-top: 1px solid #01255F;
  font-size: 12px;
}


.header .region-box .city-list li a{
  display: block;
  text-decoration: none;
  padding: 7px 10px;
}

.header .region-box .city-list li a:hover {
  color: #222 !important;
}

.header .region-box .city-box.active .city:before{
  content: '';
  position: absolute;
  background: url(icon-city.png) 0 -27px no-repeat;
  width: 17px;
  height: 20px;
  left: 0;
}

.header .region-box .city-box.active .city-list{
  display: block;
}

.header .buttons{
  float: right;
  text-align: left;
  margin: 10px 20px 0 20px;
}

.header .buttons .btn{
  width: 128px;
  margin: 0 5px;
}

.header .region-box .city-list li:hover a,.header .region-box .city-list li.active a{
  color: #2a2f31;
  background: #ffc400;
}



@font-face {
	font-family: 'ElegantIcons';
	src:url('../fonts/ElegantIcons.eot');
	src:url('../fonts/ElegantIcons.eot%3F') format('embedded-opentype'),
		url('../fonts/ElegantIcons.woff') format('woff'),
		url('../fonts/ElegantIcons.ttf') format('truetype'),
		url('../fonts/ElegantIcons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



.footer{
  height: 370px;
  margin: -370px 0 0;
  color: #363636;
}

.footer .footer-nav{
  height: 280px;
  min-width: 1022px;
  overflow: hidden;
  background: #0C4CA0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjNGNhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTM5NzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #0c4ca0 0%, #093977 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c4ca0), color-stop(100%,#093977));
  background: -webkit-linear-gradient(top, #0c4ca0 0%,#093977 100%);
  background: -o-linear-gradient(top, #0c4ca0 0%,#093977 100%);
  background: -ms-linear-gradient(top, #0c4ca0 0%,#093977 100%);
  background: linear-gradient(to bottom, #0c4ca0 0%,#093977 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4ca0', endColorstr='#093977',GradientType=0 );
}

.footer .footer-nav .centered{
  padding: 30px 0 45px;
}

.footer .footer-nav h5{
  color:#d7d7d7;
  font-weight: bold;
  font-size: 18px;
}

.footer .footer-nav ul{
  font-size: 15px;
  margin: 20px 0 0;
}

.footer .footer-nav ul li{
  padding: 5px 25px;
}

.komp-li, .log-li, .part-li, .prod-li, .vak-li, .cont-li {
  	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
    color: #ffc200;
	-webkit-font-smoothing: antialiased;
    padding-right: 5px;
}

.komp-li:before   {
       	content: "\e108";
        padding-right: 5px;
}
.log-li:before {
      	content:  "\e036";
        padding-right: 5px;
}
.part-li:before {
     	content: "\e021";
        padding-right: 5px;
}
.prod-li:before{
    	content: "\e015";
        padding-right: 5px;
}
.vak-li:before   {
    	content: "\6c";
        padding-right: 5px;
}
.cont-li:before {
    	content: "\e01d";
        padding-right: 5px;
}





.footer .footer-nav ul li a , .footer .footer-nav ul li label {
  font-family: "PTSans",Arial,Helvetica,sans-serif   ;
}



.footer .text{
  text-align: center;
  color: #757676;
  height: 58px;
  line-height: 58px;

}

.parts-box{
  float: left;
  width: 260px;
    padding-left: 35px;
}

.directions-box{
  float: left;
  margin: 0 0 0 45px;
  width: 475px;
  color:#ffc200;line-height:1.6em !important;
}

.counters-box{
  float: right;
  max-width: 220px;
}

.content-box{
  min-height: 100%;
  min-width: 1022px;
}

.content-pad{
  padding-bottom: 450px;
}

.content-box.inner{
 /* background: url(bg-inner.png) center 0;            */
}

.content-box.inner .content-pad{
  padding-top: 210px;
  /*background: url(inner-bg.png) no-repeat center 60px;*/
  background: url(space1.jpg) center 0 no-repeat;
  background-size: 100% auto;
}

.shadow{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  background: url(shadow-bg.png) 0 0;
}

.form{
  margin: 0;
}

.form .row{
  padding: 15px 0 0;
  text-align: left;
}

.form .label{
  font-size: 12px;
  font-weight: bold;
}

.form .text{
  margin: 5px 0 0;
}

.form input{
  background: #fdfdfd;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12);
}

.form textarea{
  background: #fdfdfd;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12);
}

.buttons{
  margin: 30px 0 20px;
}

.buttons .btn{
  margin: 0 8px;
  width: 120px;
}

.buttons .btn:first-child{
  margin-left: 0;
}

.buttons .btn:last-child{
  margin-right: 0;
}

.popup{
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.9);
  z-index: 301;
  left: 50%;
  top: 100px;
  margin-left: -260px;
  width: 430px;
  padding: 20px 45px;
  color: #424242;
}

.popup .close{
  background: url(icon-close.png) 0 0 no-repeat;
  width: 9px;
  height: 9px;
  cursor: pointer;
  top: 13px;
  right: 13px;
  position: absolute;
}

.popup h3{
  color: #424242;
  font-size: 36px;
  padding: 5px 0;
  text-align: left;
}

.popup .form input{
  width: 408px;
}

.popup .form textarea{
  width: 417px;
  height: 118px;
}

.popup .buttons{
  text-align: center;
}

.popup.add-order .form .cell{
  float: left;
  width: 205px;
  overflow: hidden;
}

.popup.add-order .form .cell input{
  width: 183px;
}

.top-nav{
  border-top: 2px solid #949899;
  background: #f5f7f9;
  color: #5c6e73;
  box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.2);
  font-size: 16px;
  position: fixed;
  left: 0;
  top: 96px;
  width: 100%;
  z-index: 200;
}

.top-nav ul{
  border-left: 1px solid #d9dbdd;
  height: 40px;
  font-size: 0;
}

.top-nav ul li{
  border-right: 1px solid #d9dbdd;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  width:140px;
  width: 120px;  
}

.top-nav ul li a, .top-nav ul li label{
  color: #00387d;
  text-decoration: none;
  height: 38px;
  line-height: 40px;
  display: block;
  min-width: 45px;
  font-size: 17px;
  overflow: hidden;
  border-bottom: 2px solid #f5f7f9;
  cursor: pointer;
}

.top-nav ul li label:hover {
  color: #ffc200;
}


.top-nav ul li a:hover , .top-nav ul li label:hover{
    font-size: 20px;
    color:  #ffc200;
}



.top-nav ul li:hover {
    box-shadow: 0 0 11px 0 #d5d5d5 inset;
}

.top-nav ul li.active a{
  color: #ffc200;
  background: #e19b00;
  background-image: -ms-linear-gradient(top, #ffb000 0%, #c78900 100%);
  background-image: -moz-linear-gradient(top, #ffb000 0%, #c78900 100%);
  background-image: -o-linear-gradient(top, #ffb000 0%, #c78900 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb000), color-stop(1, #c78900));
  background-image: -webkit-linear-gradient(top, #ffb000 0%, #c78900 100%);
  background-image: linear-gradient(to bottom, #ffb000 0%, #c78900 100%);
  box-shadow: inset 5px 5px 2px rgba(0, 0, 0, 0.2);
  border-bottom: 2px solid #ffb000;
  margin: -2px 0 0;
  height: 40px;
  line-height: 42px;
}


  /* выпадающее подменю */

 .top-nav ul ul {
    display: none;
}

.top-nav ul li:hover > ul {
  display: block;
   position: absolute;
    z-index: 999;
    background: #FFF ;
    color: #00387d;
     padding: 7px 0px;
       text-align: left;
          height: auto;
}

 .top-nav ul li ul li {
   display: block;
   padding: 0px;
   margin: 0px;
   border: 0 none;
   border-bottom:  1px solid #dfe1e3 ;
    background: #FFF ;
    color: #00387d;
 }

 .top-nav ul li ul li:hover {
     color:  #ffc200;

 }



 .top-nav ul li ul li a,  .top-nav ul li ul li label {
     font-size: 17px;
      padding: 0 30px;
 }

.top-nav ul li ul li a:hover , .top-nav ul li ul li label:hover {
     font-size: 17px;
      padding: 0 30px;
       color:  #ffc200;

 }




.gallery-box{
  background: url(space.jpg) center 0 no-repeat;
  height: 744px;
  margin: 138px 0 0;
  background-size: 100% 100%;
}

.gallery-box .centered{
  position: relative;
  padding: 64px 0 0;
}

.gallery-box .nav{
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  top: 25px;
  z-index: 101;
}

.gallery-box .nav span{
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  background: #808080;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin: 1px 7px;
  cursor: pointer;
}

.gallery-box .nav span.cycle-pager-active{
  width: 3px;
  height: 3px;
  background: none;
  border: 2px solid #808080;
  margin: 0 6px;
}

.gallery-box .prev{
  position: absolute;
  left: 0;
  top: 130px;
  width: 9px;
  height: 17px;
  background: url(gallery-arrows.png) 0 0 no-repeat;
  cursor: pointer;
  overflow: hidden;
  z-index: 101;
}

.gallery-box .next{
  position: absolute;
  right: 0;
  top: 130px;
  width: 9px;
  height: 17px;
  background: url(gallery-arrows.png) 0 -17px no-repeat;
  cursor: pointer;
  overflow: hidden;
  z-index: 101;
}

.gallery-box .gallery{
  margin: 0;
  height: 343px;
  overflow: hidden;
}

.gallery-box .gallery li{
  width: 100%;
}

.gallery-box .gallery li .inner{
  width: 870px;
  margin: 0 auto;
}

.gallery-box .gallery h4{
  font-size: 36px;
  font-weight: normal;
}

.gallery-box .gallery .image{
  float: right;
  width: 343px;
  margin-left: -40px;
}

.gallery-box .gallery .text-box{
  margn: 0 302px 0 0;
  min-height: 240px;
}

.gallery-box .gallery .text{
  font-size: 18px;
  line-height: 20px;
  margin: 15px 0 0;
}

.gallery-box .gallery .btn{
  margin: 30px 0 0;
  width: 120px;
}

.sub-nav{
  background: url(bg-menu.png) 0 0;
  box-shadow: 0 -2px 2px rgba(221, 231, 234, 0.4);
  height: 140px;
  position: absolute;
  width: 100%;
  top: 777px;
  left: 0;
}

.sub-nav .centered{
  position: relative;
}

.sub-nav .prev{
  position: absolute;
  left: 0;
  top: 0;
  width: 85px;
  height: 140px;
  border-left: 1px solid #181919;
  box-shadow: inset 1px 0 1px #494949;
  cursor: pointer;
   background: #003E7D;
  background-image: -ms-linear-gradient(top, #0D59A1  0%, #003E7D 100%);
  background-image: -moz-linear-gradient(top, #0D59A1  0%, #003E7D 100%);
  background-image: -o-linear-gradient(top, #0D59A1 0%, #003E7D 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0D59A1), color-stop(1, #003E7D));
  background-image: -webkit-linear-gradient(top, #0D59A1 0%, #003E7D 100%);
  background-image: linear-gradient(to bottom, #0D59A1 0%, #003E7D 100%);
}

.sub-nav .prev:after{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url(menu-arrows.png) 0 0 no-repeat;
  width: 17px;
  height: 17px;
  content: "";
  display: block;
}

.sub-nav .next{
  position: absolute;
  right: 0;
  top: 0;
  width: 85px;
  height: 140px;
  border-right: 1px solid #181919;
  box-shadow: inset -1px 0 1px #494949;
  cursor: pointer;
  background: #003E7D;
  background-image: -ms-linear-gradient(top, #0D59A1  0%, #003E7D 100%);
  background-image: -moz-linear-gradient(top, #0D59A1  0%, #003E7D 100%);
  background-image: -o-linear-gradient(top, #0D59A1 0%, #003E7D 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0D59A1), color-stop(1, #003E7D));
  background-image: -webkit-linear-gradient(top, #0D59A1 0%, #003E7D 100%);
  background-image: linear-gradient(to bottom, #0D59A1 0%, #003E7D 100%);
}

.sub-nav .next:after{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url(menu-arrows.png) -17px 0 no-repeat;
  width: 17px;
  height: 17px;
  content: "";
  display: block;
}

.sub-nav .sub-nav-list-container{
  height: 140px;
  overflow: hidden;
  margin: 0 1px;
}

.sub-nav ul li{
  font-size: 15px;
  width: 164px;
  text-align: center;
  border-left: 2px solid #004e9b;
  border-right: 2px solid #004e9b;
  border-top: 2px solid #004e9b;
  border-bottom: 2px solid #004e9b;
  vertical-align: top;
  height: 136px;
  background: #004e9b;
  background-image: -ms-linear-gradient(top, #004188 0%, #005fb6 25%, #043d84 25%, #187fd6 100%);
  background-image: -moz-linear-gradient(top, #004188 0%, #005fb6 25%, #043d84 25%, #187fd6 100%);
  background-image: -o-linear-gradient(top, #004188 0%, #005fb6 25%, #043d84 25%, #187fd6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #012959), color-stop(0.25, #005fb6), color-stop(0.25, #213e6c), color-stop(1, #187fd6));
  background-image: -webkit-linear-gradient(top, #004188 0%, #005fb6 25%, #043d84 25%, #187fd6 100%);
  background-image: linear-gradient(to bottom, #004188 0%, #005fb6 25%, #043d84 25%, #187fd6 100%);
  overflow: hidden;
  float: left;
  margin: 0 1px;
}

.sub-nav ul li a{
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  height: 70px;
  padding: 66px 0 0;
  text-shadow: -1px 0 1px transparent;
  line-height: 18px;
}

.sub-nav ul li a.trading{
  background: url(icon-sub-menu-trading.png) 65px 22px no-repeat;
}

.sub-nav ul li a.metaltrading{
  background: url(icon-sub-menu-metaltrading.png) 65px 22px no-repeat;
}

.sub-nav ul li a.building{
  background: url(icon-sub-menu-building.png) 67px 20px no-repeat;
}

.sub-nav ul li a.metalworking{
  background: url(icon-sub-menu-metalworking.png) 64px 23px no-repeat;
}

.sub-nav ul li a.scrap{
  background: url(icon-sub-menu-scrap.png) 64px 22px no-repeat;
}

.sub-nav ul li a.logistics{
  background: url(icon-sub-menu-logistics.png) 66px 24px no-repeat;
}

.sub-nav ul li a.powerlines{
  background: url(icon-sub-menu-powerlines.png) 66px 24px no-repeat;
}

.sub-nav.fixed{
  position: fixed;
  top: 138px;
  z-index: 200;
}

.map-box{
  background: url(map.jpg) center 0 no-repeat;
  height: 906px;
  overflow: hidden;
}

.map-box .centered{
  position: relative;
}

.map-box .text{
  position: absolute;
  color: #f5f7f9;
  font-size: 36px;
  line-height: 36px;
  top: 115px;
  left: 25px;
}

.map-box .text span{
  font-size: 72px;
}

.map-box a{
  position: absolute;
  color: #f5f7f9;
  text-decoration: none;
  white-space: nowrap;
}

.map-box a.saint-petersburg{
  font-size: 20px;
  left: 162px;
  top: 348px;
}

.map-box a.ekaterinburg{
  font-size: 20px;
  left: 308px;
  top: 478px;
}

.map-box a.perm{
  font-size: 16px;
  left: 220px;
  top: 498px;
}

.map-box a.ufa{
  font-size: 16px;
  left: 210px;
  top: 536px;
}

.map-box a.surgut{
  font-size: 14px;
  left: 400px;
  top: 535px;
}

.map-box a.magnitogorsk{
  font-size: 16px;
  left: 176px;
  top: 561px;
}

.map-box a.tyumen{
  font-size: 16px;
  left: 335px;
  top: 560px;
}

.map-box a.chelyabinsk{
  font-size: 16px;
  left: 283px;
  top: 578px;
}

.map-box a.astana{
  font-size: 16px;
  left: 276px;
  top: 658px;
}

.map-box a.irkutsk{
  font-size: 16px;
  left: 568px;
  top: 690px;
}

.map-box a.yakutsk{
  font-size: 16px;
  left: 726px;
  top: 496px;
}

.map-box a.petropavlovsk-kamchatsky{
  font-size: 16px;
  left: 884px;
  top: 452px;
}

.map-box a.ulan-ude{
  font-size: 16px;
  left: 646px;
  top: 690px;
}

.map-box a.chita{
  font-size: 16px;
  left: 710px;
  top: 661px;
}

.map-box a.blagoveshchensk{
  font-size: 16px;
  left: 782px;
  top: 648px;
}

.map-box a.yuzhno-sakhalinsk{
  font-size: 16px;
  left: 966px;
  top: 627px;
}

.map-box a.khabarovsk{
  font-size: 20px;
  left: 924px;
  top: 651px;
}

.map-box a.vladivostok{
  font-size: 16px;
  left: 860px;
  top: 726px;
}

.news-box{
  box-shadow: 0 -2px 2px rgba(40, 40, 40, 0.75);
  background: #004e9b;
}

.news-box .centered{
  padding: 50px 0;
}

.news-box h4{
  color: #f5f7f9;
  font-size: 28px;
}

.news-box ul{
  margin: 40px 0;
  position: relative;
  color: #929292;
  font-size: 14px;
  font-size: 0;
}

.news-box ul li{
  display: inline-block;
  width: 33.33%;
  vertical-align: top;
}

.news-box ul li .date{
  font-size: 14px;
  color: #8f8f8f;
}

.news-box ul li .date span{
  font-size: 24px;
}

.news-box ul li h5{
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0 0;
  line-height: 20px;
}

.news-box ul li .text{
  line-height: 18px;
  margin: 10px 0 0;
  font-size: 14px;
  color: #FFF;
}

.news-box ul li .inner{
  margin: 0 30px;
}

.news-box ul li:first-child .inner{
  margin: 0 30px 0 0;
}

.news-box ul li:last-child .inner{
  margin: 0 0 0 30px;
}

.news-box ul:before{
  content: "";
  position: absolute;
  left: 33.33%;
  width: 1px;
  height: 100%;
  display: block;
  background: url(bg-separator-menu.png) 0 0 repeat-y;
  top: 0;
}

.news-box ul:after{
  content: "";
  position: absolute;
  right: 33.33%;
  top: 0;
  width: 1px;
  height: 100%;
  display: block;
  background: url(bg-separator-menu.png) 0 0 repeat-y;
}

.news-box .all{
  float: right;
  font-weight: bold;
}

.index-info-box{
  margin: 65px 0 0;
  height: 510px;
  overflow: hidden;
  padding: 15px 0 0;
  opacity: 0;
}

.index-info-box .image{
  float: left;
  width: 320px;
  height: 510px;
  text-align: right;
  position: relative;
}

.index-info-box .image img{
  position: absolute;
  right: 0;
  top: -15px;
}

.index-info-box .text-box{
  margin: 0 0 0 325px;
  min-height: 315px;
  padding: 30px 0 100px 115px;
  background: url(bg-indexbox.png) right 0 #4c4c4c;
  position: relative;
}

.index-info-box .text-box h4{
  font-size: 28px;
  line-height: 30px;
  font-weight: normal;
}

.index-info-box .text-box .text{
  margin: 30px 0 0;
  font-size: 15px;
  color: #d7d7d7;
  line-height: 20px;
  overflow: hidden;
}

.index-info-box .text p{
  padding: 0 0 20px 0;
}

.index-info-box .btn{
  margin: 15px 0 0;
  width: 130px;
  position: absolute;
  bottom: 45px;
  left: 115px;
}

.index-info-box .additional-box{
  background: url(bg-indexbox.png) 0 0 #4c4c4c;
  position: absolute;
  top: 0;
  width: 56px;
  height: 100%;
  right: -56px;
}

.index-info-box .additional-box:after{
  background: url(bg-indexbox-r.png) right 0 no-repeat;
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  right: -100px;
  display: block;
  content: "";
}

.index-info-box .text-box.building:before{
  content: "";
  display: block;
  position: absolute;
  width: 44px;
  height: 49px;
  left: 35px;
  top: 35px;
  background: url(icon-indexbox.png) 0 0 no-repeat;
}

.index-info-box .text-box.metalworking:before{
  content: "";
  display: block;
  position: absolute;
  width: 47px;
  height: 42px;
  left: 35px;
  top: 35px;
  background: url(icon-indexbox.png) -44px 0 no-repeat;
}

.index-info-box .text-box.scrap{
  padding: 44px 0 50px 115px;
  min-height: 351px;
}

.index-info-box .text-box.scrap:before{
  content: "";
  display: block;
  position: absolute;
  width: 48px;
  height: 45px;
  left: 35px;
  top: 35px;
  background: url(icon-indexbox.png) -91px 0 no-repeat;
}

.index-info-box .text-box.logistics:before{
  content: "";
  display: block;
  position: absolute;
  width: 44px;
  height: 46px;
  left: 35px;
  top: 35px;
  background: url(icon-indexbox.png) -139px 0 no-repeat;
}

.index-info-box .text-box.trading:before{
  content: "";
  display: block;
  position: absolute;
  width: 57px;
  height: 55px;
  left: 35px;
  top: 35px;
  background: url(icon-indexbox.png) -185px 0 no-repeat;
}

.index-info-box .text-box.metaltrading:before{
  content: "";
  display: block;
  position: absolute;
  width: 54px;
  height: 53px;
  left: 35px;
  top: 35px;
  background: url(icon-indexbox.png) -242px 0 no-repeat;
}

.index-info-box .text-box.powerlines:before{
  content: "";
  display: block;
  position: absolute;
  width: 55px;
  height: 55px;
  left: 35px;
  top: 35px;
  background: url(icon-indexbox-powerlines.png) no-repeat;
}

.index-info-box.r .image{
  float: right;
  width: 320px;
  text-align: right;
  position: relative;
}

.index-info-box.r .image img{
  position: absolute;
  left: 0;
  top: -15px;
}

.index-info-box.r .text-box{
  margin: 0 325px 0 -30px;
  padding-right: 55px;
  min-height: 330px;
  background: url(bg-indexbox.png) 0 0 #4c4c4c;
}

.index-info-box.r .btn{
  left: 115px;
}

.index-info-box.r .additional-box{
  background: url(bg-indexbox.png) right 0 #4c4c4c;
  position: absolute;
  top: 0;
  width: 0px;
  height: 100%;
  left: 1px;
}

.index-info-box.r .additional-box:after{
  background: url(bg-indexbox-l.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
  width: 102px;
  height: 100%;
  left: -102px;
  display: block;
  content: "";
}

.subscribe-box{
  position: absolute;
  top: 0;
  right: 0;
}

.subscribe-box .label{
  color: #424242;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 5px;
}

.subscribe-box input[type="text"]{
  width: 230px;
  vertical-align: middle;
}

.subscribe-box .btn{
  width: 82px;
  vertical-align: middle;
  margin: 0 0 0 5px;
}

.loader{
  font-size: 12px;
  color: #b7b7b7;
  padding: 40px 0 0;
  text-align: center;
  background: url(loader.png) center 0 no-repeat;
  margin: 40px 0 0;
}

.news-list{
  margin: 25px 0 0;
}

.news-list h4{
  font-size: 18px;
  color: #FFFFFF;
  line-height: 20px;
}

.news-list .btn{
  margin: 0 20px 0 0;
  vertical-align: top;
}

.news-list li.new{
  box-shadow: inset 0 0 1px 1px #1e1e1e;
  background: #070707;
  background: rgba(5, 5, 5, 0.8);
  padding: 38px 40px 15px;
  margin: 0 -40px;
}

.news-list li.new:before{
  position: absolute;
  top: 0;
  left: 40px;
  content: "НОВОЕ";
  color: #FFFFFF;
  font-size: 12px;
  background: url(label-new.png) 0 0 no-repeat;
  width: 53px;
  height: 29px;
  text-align: center;
  line-height: 22px;
}

.news-list > li{
  position: relative;
  padding: 38px 0 15px;
}

.news-list .date,.news-item .date{
  color: #959595;
  font-size: 12px;
}

.news-item{
  margin: 60px 0 0;
}

.news-item h3{
  font-size: 24px;
  color: #FFFFFF;
  line-height: 26px;
}

.news-item .text p{
  margin: 20px 0 0;
}

.news-list .text,.news-item .text{
  color: #bcbcbc;
  line-height: 20px;
  padding: 0 0 10px;
}

.news-list .social,.news-item .social{
  display: inline-block;
  vertical-align: top;
  margin: 6px 0 0;
  font-size: 0;
}

.news-list .social li,.news-item .social li{
  display: inline-block;
  margin: 0 8px 0 0;
}

.news-list .social .vk,.news-item .social .vk{
  display: block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: url(icon-social.png) 0 0 no-repeat;
}

.news-list .social .tw,.news-item .social .tw{
  display: block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: url(icon-social.png) -24px 0 no-repeat;
}

.news-list .social .fb,.news-item .social .fb{
  display: block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: url(icon-social.png) -49px 0 no-repeat;
}

.news-other{
  margin: 60px 0 0;
}

.news-other h3{
  font-size: 24px;
  color: #ffc000;
}

.news-other .news-list{
  margin: 0;
}

.products-list > li{
  padding: 30px 0;
  float: left;
  width: 50%;
}

.products-list > li.clear{
  width: 100%;
  padding: 0;
}

.products-list .image{
  width: 192px;
  height: 150px;
  background: #3c3939;
  padding: 19px 22px;
  position: relative;
  float: left;
  overflow: hidden;
}

.products-list .image img{
  border: 1px solid #a3a3a3;
}

.products-list .image:before{
  display: block;
  width: 10px;
  height: 188px;
  content: "";
  background: url(image-corners.png) -20px 0 no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

.products-list .image:after{
  display: block;
  width: 10px;
  height: 188px;
  content: "";
  background: url(image-corners.png) -30px 0 no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}

.products-list .text{
  margin: 0 20px 0 282px;
  font-size: 15px;
  min-height: 188px;
}

.products-list h4{
  font-size: 24px;
  line-height: 30px;
}

.products-list ul{
  margin: 10px 0 0;
}

.products-list ul li{
  padding: 2px 0;
}

.product-item{
  margin: 10px 0 0;
}

.product-item .image{
  width: 280px;
  height: 175px;
  background: #3c3939;
  padding: 20px 24px;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 5px 0 0;
}

.product-item .image:before{
  display: block;
  width: 10px;
  height: 215px;
  content: "";
  background: url(image-corners.png) -40px 0 no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

.product-item .image:after{
  display: block;
  width: 10px;
  height: 215px;
  content: "";
  background: url(image-corners.png) -50px 0 no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}

.product-item .text{
  margin: 0 20px 0 362px;
  font-size: 15px;
  min-height: 188px;
}

.product-item h3{
  font-size: 24px;
  line-height: 30px;
}

.product-item ul{
  margin: 10px 0 0;
}

.product-item ul li{
  padding: 2px 0;
}

.product-item p{
  color: #bcbcbc;
  line-height: 20px;
  padding: 20px 0 0;
}

.product-item.image img{
  border: 1px solid #a3a3a3;
}

.about-box.product-info{
  margin: 40px 0 0;
}

.about-box.product-info h4{
  padding: 0;
  margin: 20px 0 0;
}

.about-box.product-info ul{
  padding: 0;
  margin: 20px 0 0;
}

.about-box.product-info .table{
  width: 390px;
}

.about-box.vacancy-box{
  margin: 5px 0 0;
}

.about-box.vacancy-box h3{
  padding: 0;
  margin: 45px 0 0;
}

.about-box.vacancy-box h4{
  padding: 0;
  margin: 20px 0 0;
}

.about-box.vacancy-box ul{
  padding: 0 0 10px;
  margin: 5px 0 0;
}

.about-box.vacancy-box .select-city .label{
  font-size: 12px;
  color: #bcbcbc;
  font-weight: bold;
}

.about-box.vacancy-box .select-city .text{
  margin: 5px 0 0;
}

.about-box.vacancy-box .select-city select{
  vertical-align: middle;
  width: 250px;
}

.about-box.vacancy-box .select-city .btn{
  vertical-align: middle;
  width: 75px;
}

.services-list{
  margin: 20px 0 0;
}

.services-list li{
  width: 45%;
  float: left;
  padding: 35px 0;
}

.services-list li:nth-child(3n -1){
  float: right;
}

.services-list .image{
  width: 120px;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 3px 0 0;
}

.services-list .text{
  margin: 0 0 0 140px;
  font-size: 15px;
  color: #bcbcbc;
}

.services-list h4{
  font-size: 24px;
  line-height: 24px;
  color: #ffc200;
}

.services-list p{
  margin: 20px 0 0;
  line-height: 18px;
}

.services-list > li.clear{
  width: 100%;
  padding: 0;
}

.contact-info-box{
  margin: 30px 0 0;
}

.contact-info-box .map{
  float: left;
  width: 674px;
}

.contact-info-box .with-map{
  margin: 0 0 0 740px;
}

.contact-info-box .text{
  color: #bcbcbc;
}

.contact-info-box .text p{
  padding: 0 0 15px;
  line-height: 18px;
}

.contact-employees-box{
  margin: 30px 0 0 0;
  width: 100%;
}

.contact-employees-box .image{
  float: left;
  width: 300px;
}

.contact-employees-box >.row{
  margin-top: 15px;
}

.contact-employees-box >.row >.text{
  float: left;
  width: 300px;
  min-height: 280px;
}

.contact-employees-box >.row >.text strong{
  font-weight: bold;
  color: #ffc200;
}

.contact-employees-box .contact-form{
  width: 310px;
  float: right;
  margin-left: 20px;
}

.contact-employees-box .contact-form .row:first-child{
  padding-top: 0;
}

.contact-employees-box .form input{
  width: 290px;
}

.contact-employees-box .form textarea{
  width: 300px;
  height: 100px;
}

.contact-employees-box .hidden-form{
  display: none;
}

.breadcrumbs li{
  font-size: 12px;
  display: inline;
  color: #797979;
}

.breadcrumbs li a{
  color: #ff7200;
}

.breadcrumbs li.current{
  color: #f5f7f9;
}

.certificates-list li{
  display: inline-block;
}

.content-inner .centered{
  position: relative;
}

.table{
  font-size: 15px;
  width: 100%;
}

.table th{
  border: 1px solid #222020;
  color: #100f0f;
  background: #ffc400;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding: 15px;
}

.table td{
  border: 1px solid #222020;
  color: #FFFFFF;

  text-align: left;
  padding: 15px;
}

.about-box{
  margin: 15px 0 0;
  font-size: 15px;
  color: #bcbcbc;
  line-height: 20px;
}

.about-box h3{
  font-size: 20px;
  color: #ffc400;
  font-weight: bold;
  line-height: 22px;
  padding: 0 0 20px;
}

.about-box h4{
  font-size: 15px;
  color: #ffc400;
  font-weight: bold;
  padding: 0 0 20px;
}

.about-box p{
  padding: 0 0 20px;
}

.about-box ul{
  padding: 0 0 20px;
  color: #ffffff;
}

.about-box ul li{
  padding: 1px 15px;
  position: relative;
}

.about-box ul li:before{
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  background: #ff7200;
  position: absolute;
  left: 0;
  top: 10px;
}

.about-box ol{
  padding: 0 0 20px;
  color: white;
}

.about-box ol li{
  list-style: decimal inside none;
  padding: 1px 0;
}

ul.certificates-list{
  margin: 30px 0 0;
  font-size: 0;
}

ul.certificates-list li{
  padding: 18px 24px;
  background: #3c3939;
  margin: 0 0 0 19px;
  width: 280px;
  height: 218px;
  overflow: hidden;
  position: relative;
}

ul.certificates-list li img{
  border: 1px solid #c7c7c7;
}

ul.certificates-list li:before{
  display: block;
  width: 10px;
  height: 254px;
  content: "";
  background: url(image-corners.png) 0 0 no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

ul.certificates-list li:after{
  display: block;
  width: 10px;
  height: 254px;
  content: "";
  background: url(image-corners.png) -10px 0 no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}

ul.certificates-list li:nth-child(3n +1){
  margin: 0;
}

.form-horizontal input[type="checkbox"]{
  display: inline-block;
}


   /* МОЙ CSS */
   /* МОЙ CSS */
   /* МОЙ CSS */
   /* МОЙ CSS */
   /* МОЙ CSS */




.post {
    margin-bottom: 50px}

  .post h3 { font-size: 18px; line-height: 20px; color: #ffc200; outline: medium none; text-decoration: underline; margin-right: 5px; margin-bottom: 3px; }

  #post-stream {
    margin-top: 20px;
}


p {
  margin-bottom: 15px;
  font-size: 17px;
  line-height: 1.4em;
}


#page > ul {
    margin: 15px 0 15px 45px;
}


#page li {
    font: 16px/1.2em ptsans;
    list-style: disc outside none;
    padding: 5px;
}

#page img {
    border-radius: 5px;
    box-shadow: 0 0 4px 1px #004e9b;
    /*margin: 10px;*/
    padding: 2px;
   max-width: 100%;
}

#page img:hover {
    box-shadow: 0 0 17px #0073eb;
}

td {
    padding: 10px;
    vertical-align: top;
}

#page .table td {
    border: 1px solid #004e9b;
    padding: 5px 10px;
}

#page .table td p {
    margin: 0;
}

a#firmsonmap_biglink {
  display:none;
}

.zayavka-prod {
  width: 350px;
text-align: center;
margin: 115px auto 0;
background: #013162;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 0;
font: 15px/1.2em Open sans;

 cursor:pointer;
  text-transform: uppercase;
  height: 40px;
  margin: 40px auto 0;
   background: #a07c03;
}

.zayavka-prod  a {
  text-decoration: none;
  color: #FFF;
  padding: 10px 13px 8px 13px;
  display: block;
  border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
 background: #0b5aa5;
  transition: background 0.2s ease-in 0s;
  -moz-transition: background 0.2s ease-in 0s;
  -webkit-transition: background 0.2s ease-in 0s;
  background: #e2af08;
}

.zayavka-prod  a:hover {
   color: #ffffff !important;
 background: none repeat scroll 0 0 #0071e0;
    transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;

}

.catalogprod {
   /* background:   url(fgpapir.png) 0 0 no-repeat;  */
    text-shadow:none;
}

.catalogprod table tr td a {

}


.catalogprod table tr td a:hover {
    color: #0071E0 !important;
}

.distributsiya table {
     width: 100%;
      background: none repeat scroll 0 0 #004e9b;
}

 .distributsiya table tr:nth-child(2n) {
      background: none repeat scroll 0 0 #2370bb;
}

 .distributsiya table tr td {
    padding: 10px 10px 10px 30px;
    font-size: 18px;
     border-right: 1px solid #0855a0;

}

.distributsiya table tr td a {

}


.portfolio-grid .item {
    float: left;
    overflow: hidden;
    position: relative;
    transition: top 0.7s ease-in 0s, left 0.7s ease-out 0s;
     -moz-transition: top 0.7s ease-in 0s, left 0.7s ease-out 0s;
}
.portfolio-grid .item img {
    height: 136px;
    width: 235px;
     margin: 0 !important;
       padding: 0 !important;
           -moz-border-radius: 3px;
           -webkit-border-radius: 3px;
           border-radius: 3px;
}
.portfolio-grid .item-lighted, .portfolio-grid .item-hover {
    height: 136px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.4s ease-in-out 0s;
     -moz-transition: opacity 0.4s ease-in-out 0s;
    width: 235px;
}
.portfolio-grid .item-lighted {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
}







.portfolio-grid .item-hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
}

.portfolio-grid .item-hover {
    background: none repeat scroll 0 0 rgba(1, 49, 98, 0.7);
}
.portfolio-grid:hover .item-lighted {
    opacity: 1;
}
.portfolio-grid:hover .item:hover .item-lighted {
    opacity: 0;
}
.portfolio-grid .item:hover .item-hover, .portfolio-grid .item.hover .item-hover {
    opacity: 1;
}
.portfolio-grid .item-name {
   color: #FFF;
display: table-cell;
font-size: 16px;
font-weight: bold;
text-align: center;
/*text-shadow: 1px 1px 3px #000, 0 0 5px #000;*/
text-transform: uppercase;
vertical-align: middle;
}
.portfolio-grid .item-name p {
    display: inline-block;
    padding: 6px 0 5px;
    position: relative;
}
.portfolio-grid .item-hover i, .portfolio-grid .item-hover b {
    background: none repeat scroll 0 0 #fff;
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 100%;
}
.portfolio-grid .item-hover b {
    bottom: 0;
    left: -50%;
}
.portfolio-grid .item-hover i {
    left: 50%;
    top: 0;
}
.portfolio-grid .item-hover:hover i, .portfolio-grid .item-hover:hover b {
    left: 0;
    opacity: 1;
    transition: left 0.5s ease-out 0.3s, opacity 1.2s ease-out 0.3s;
     -moz-transition: left 0.5s ease-out 0.3s, opacity 1.2s ease-out 0.3s;
}
.portfolio-grid .item-hover {
    overflow: hidden;
    perspective: 600px;
}
.portfolio-grid .item-hover .item-name {
    opacity: 0;
    transform: scale(0.2) rotateX(-180deg);
    -moz-transform: scale(0.2) rotateX(-180deg);
    transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
    transition: all 0.48s ease-in-out 0s;
     -moz-transition: all 0.48s ease-in-out 0s;
}
.portfolio-grid .item-hover:hover .item-name, .portfolio-grid .item-hover.hover .item-name {
    opacity: 1;
    transform: scale(1) rotateX(0deg);
     -moz-transform: scale(1) rotateX(0deg);
    z-index: 1000;
}
.wh, .wh .item-name {
    height: 136px;
    width: 235px;
}

 .portfolio-grid td {
    padding: 10px 0 10px 60px;
}

.content-inner {
  filter:progid:DXImageTransform.Microsoft.Shadow(Color=#000000, Direction=135, Strength=1);
  text-shadow: 1px 1px black;
}