@charset "utf-8";
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, fieldset, blockquote, form {margin:0px; padding:0px; border:0px;}
table {border-collapse:collapse; }
a {outline:none; color:#535899;}
a:hover{text-decoration:none;}
.cleaner {clear:both; height:0px;}
body{font: normal 100% Arial, Verdana, sans-serif; background:#ffffff;overflow-x: hidden;background: url(../images/bg.jpg) 50% 50% repeat;}

*{margin:0px; padding:0px;}

tovarcard_right_ostatok2{
    color: red;
    font-size: 13px;
    font-weight: bold;
}

#bann{
   max-height: 800px;
    width: 100%;
    height: 900px;
    margin: 0 auto;
    background: url(http://electrostal.sk-wd.ru/images/slider_bg.jpg) no-repeat center;
    display: table;
    background-size: cover;
	background-attachment: fixed;
	
	
	
	
	
	
	
	
	
}
.block_red{
  width:95%;
  margin:0 auto;
  transform: skew(-25deg);
  background-color: #ff6309;
  top: -80px;
  display:inline-block;
  position: absolute;
  color: #fff;
  }
  .main_0{
    position: relative;
    transform: skew(25deg);
    width: 95%;
    height: 100%;
    margin: 0 auto;
    display: table;
  }
  .main_1{
    height: 100px;
    width: 21%;
    display: table-cell;
    vertical-align: middle;
  }
  .main_2{
    height: 100px;
    background-color: #ef8c11;
    display: table-cell;
    vertical-align: middle;
    width: 20%;
  }
  .main_3{
    height: 100px;
    background-color: #ff6309;
    display: table-cell;
    vertical-align: middle;
  }
  .inside{
    font-size: 45px;
    float: left;
    font-weight: 600;
    padding: 5px;
    
  }
  .inside_2{
    font-size: 13px;
    font-weight: 600;
    padding: 15px 0;
  }
  .maine_inside{
    padding: 5px;
  }
  .bloki{
    width: 100%; 
    display: block;
    text-align: center;
    padding: 0px 0px 30px 0px;
    word-spacing: -.36em;
  }
  .bloki_1{
    text-align:justify;
    word-spacing:normal;
    display:inline-block;
    width: 31%;
    height: 100%;
    color: #333333;
    margin: 20px 0;
    border: 8px solid;
    border-color: #FF6309;
    vertical-align:top;
  } 
  .bloki_2{
    text-align:justify;
    word-spacing:normal;
    display:inline-block;
    width: 31%;
    height: 100%; 
    color: #333333;
    margin:20px 10px;
    border: 8px solid;
    border-color: #FF6309;
    vertical-align:top;
  }
  .inside_bloki{
    margin: 0 auto;
  }
  .text_in{
    font-size: 25px;
    font-weight: bolder;
    text-align: center;
    padding: 20px;
    background: #FF6309;
    color: #fff;
  }
  .text_in2{
    font-size: 16px;
    margin: 20px;
  }
@media screen and (max-width: 1050px){
.right-position{width:100%;}
.img_asvalt{text-align:center;}

}


@media screen and (max-width: 910px){
	#bann{
   max-height: 800px;
    width: 100%;
    height: 900px;
    margin: 0 auto;
    background: url(http://electrostal.sk-wd.ru/images/slider_bg.jpg) no-repeat center;
    display: table;
    background-size: cover;
}
.text_title_slider{
    display: none;
}

.block_red {width: 100%;transform:none;top: 0px;position: relative;}
.main_0 {position: relative;transform:none;width: 100%; display: block; text-align: center;}
.main_1{ width: 100%; display: block;height:100%}
.main_2{width: 100%; display: block;height:100%}
.inside {float: none;}
.main_3 {display:block;height:100%;}
}



@media screen and (max-width: 900px){
.bloki_1{width: 80%;}
.bloki_2{width: 80%;}
}

/*---------------------------------------------------------------------------------slyder-*/

.circle-percent[data-percent=&#039;51&#039;] .mask, .circle-percent[data-percent=&#039;52&#039;] .mask, .circle-percent[data-percent=&#039;53&#039;] .mask, .circle-percent[data-percent=&#039;54&#039;] .mask, .circle-percent[data-percent=&#039;55&#039;] .mask, .circle-percent[data-percent=&#039;56&#039;] .mask, .circle-percent[data-percent=&#039;57&#039;] .mask, .circle-percent[data-percent=&#039;58&#039;] .mask, .circle-percent[data-percent=&#039;59&#039;] .mask, .circle-percent[data-percent=&#039;60&#039;] .mask, .circle-percent[data-percent=&#039;61&#039;] .mask, .circle-percent[data-percent=&#039;62&#039;] .mask, .circle-percent[data-percent=&#039;63&#039;] .mask, .circle-percent[data-percent=&#039;64&#039;] .mask, .circle-percent[data-percent=&#039;65&#039;] .mask, .circle-percent[data-percent=&#039;66&#039;] .mask, .circle-percent[data-percent=&#039;67&#039;] .mask, .circle-percent[data-percent=&#039;68&#039;] .mask, .circle-percent[data-percent=&#039;69&#039;] .mask, .circle-percent[data-percent=&#039;70&#039;] .mask, .circle-percent[data-percent=&#039;71&#039;] .mask, .circle-percent[data-percent=&#039;72&#039;] .mask, .circle-percent[data-percent=&#039;73&#039;] .mask, .circle-percent[data-percent=&#039;74&#039;] .mask, .circle-percent[data-percent=&#039;75&#039;] .mask, .circle-percent[data-percent=&#039;76&#039;] .mask, .circle-percent[data-percent=&#039;77&#039;] .mask, .circle-percent[data-percent=&#039;78&#039;] .mask, .circle-percent[data-percent=&#039;79&#039;] .mask, .circle-percent[data-percent=&#039;80&#039;] .mask, .circle-percent[data-percent=&#039;81&#039;] .mask, .circle-percent[data-percent=&#039;82&#039;] .mask, .circle-percent[data-percent=&#039;83&#039;] .mask, .circle-percent[data-percent=&#039;84&#039;] .mask, .circle-percent[data-percent=&#039;85&#039;] .mask, .circle-percent[data-percent=&#039;86&#039;] .mask, .circle-percent[data-percent=&#039;87&#039;] .mask, .circle-percent[data-percent=&#039;88&#039;] .mask, .circle-percent[data-percent=&#039;89&#039;] .mask, .circle-percent[data-percent=&#039;90&#039;] .mask, .circle-percent[data-percent=&#039;91&#039;] .mask, .circle-percent[data-percent=&#039;92&#039;] .mask, .circle-percent[data-percent=&#039;93&#039;] .mask, .circle-percent[data-percent=&#039;94&#039;] .mask, .circle-percent[data-percent=&#039;95&#039;] .mask, .circle-percent[data-percent=&#039;96&#039;] .mask, .circle-percent[data-percent=&#039;97&#039;] .mask, .circle-percent[data-percent=&#039;98&#039;] .mask, .circle-percent[data-percent=&#039;99&#039;] .mask, .circle-percent[data-percent=&#039;100&#039;] .mask {
  clip: rect(auto, auto, auto, auto);
}

.circle-percent .bar, .circle-percent[data-percent=&#039;51&#039;] .fill, .circle-percent[data-percent=&#039;52&#039;] .fill, .circle-percent[data-percent=&#039;53&#039;] .fill, .circle-percent[data-percent=&#039;54&#039;] .fill, .circle-percent[data-percent=&#039;55&#039;] .fill, .circle-percent[data-percent=&#039;56&#039;] .fill, .circle-percent[data-percent=&#039;57&#039;] .fill, .circle-percent[data-percent=&#039;58&#039;] .fill, .circle-percent[data-percent=&#039;59&#039;] .fill, .circle-percent[data-percent=&#039;60&#039;] .fill, .circle-percent[data-percent=&#039;61&#039;] .fill, .circle-percent[data-percent=&#039;62&#039;] .fill, .circle-percent[data-percent=&#039;63&#039;] .fill, .circle-percent[data-percent=&#039;64&#039;] .fill, .circle-percent[data-percent=&#039;65&#039;] .fill, .circle-percent[data-percent=&#039;66&#039;] .fill, .circle-percent[data-percent=&#039;67&#039;] .fill, .circle-percent[data-percent=&#039;68&#039;] .fill, .circle-percent[data-percent=&#039;69&#039;] .fill, .circle-percent[data-percent=&#039;70&#039;] .fill, .circle-percent[data-percent=&#039;71&#039;] .fill, .circle-percent[data-percent=&#039;72&#039;] .fill, .circle-percent[data-percent=&#039;73&#039;] .fill, .circle-percent[data-percent=&#039;74&#039;] .fill, .circle-percent[data-percent=&#039;75&#039;] .fill, .circle-percent[data-percent=&#039;76&#039;] .fill, .circle-percent[data-percent=&#039;77&#039;] .fill, .circle-percent[data-percent=&#039;78&#039;] .fill, .circle-percent[data-percent=&#039;79&#039;] .fill, .circle-percent[data-percent=&#039;80&#039;] .fill, .circle-percent[data-percent=&#039;81&#039;] .fill, .circle-percent[data-percent=&#039;82&#039;] .fill, .circle-percent[data-percent=&#039;83&#039;] .fill, .circle-percent[data-percent=&#039;84&#039;] .fill, .circle-percent[data-percent=&#039;85&#039;] .fill, .circle-percent[data-percent=&#039;86&#039;] .fill, .circle-percent[data-percent=&#039;87&#039;] .fill, .circle-percent[data-percent=&#039;88&#039;] .fill, .circle-percent[data-percent=&#039;89&#039;] .fill, .circle-percent[data-percent=&#039;90&#039;] .fill, .circle-percent[data-percent=&#039;91&#039;] .fill, .circle-percent[data-percent=&#039;92&#039;] .fill, .circle-percent[data-percent=&#039;93&#039;] .fill, .circle-percent[data-percent=&#039;94&#039;] .fill, .circle-percent[data-percent=&#039;95&#039;] .fill, .circle-percent[data-percent=&#039;96&#039;] .fill, .circle-percent[data-percent=&#039;97&#039;] .fill, .circle-percent[data-percent=&#039;98&#039;] .fill, .circle-percent[data-percent=&#039;99&#039;] .fill, .circle-percent[data-percent=&#039;100&#039;] .fill {
  position: absolute;
  border: 0.14em solid #5dc3be;
  width: 0.72em;
  height: 0.72em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.circle-percent[data-percent=&#039;51&#039;] .bar:after, .circle-percent[data-percent=&#039;51&#039;] .fill, .circle-percent[data-percent=&#039;52&#039;] .bar:after, .circle-percent[data-percent=&#039;52&#039;] .fill, .circle-percent[data-percent=&#039;53&#039;] .bar:after, .circle-percent[data-percent=&#039;53&#039;] .fill, .circle-percent[data-percent=&#039;54&#039;] .bar:after, .circle-percent[data-percent=&#039;54&#039;] .fill, .circle-percent[data-percent=&#039;55&#039;] .bar:after, .circle-percent[data-percent=&#039;55&#039;] .fill, .circle-percent[data-percent=&#039;56&#039;] .bar:after, .circle-percent[data-percent=&#039;56&#039;] .fill, .circle-percent[data-percent=&#039;57&#039;] .bar:after, .circle-percent[data-percent=&#039;57&#039;] .fill, .circle-percent[data-percent=&#039;58&#039;] .bar:after, .circle-percent[data-percent=&#039;58&#039;] .fill, .circle-percent[data-percent=&#039;59&#039;] .bar:after, .circle-percent[data-percent=&#039;59&#039;] .fill, .circle-percent[data-percent=&#039;60&#039;] .bar:after, .circle-percent[data-percent=&#039;60&#039;] .fill, .circle-percent[data-percent=&#039;61&#039;] .bar:after, .circle-percent[data-percent=&#039;61&#039;] .fill, .circle-percent[data-percent=&#039;62&#039;] .bar:after, .circle-percent[data-percent=&#039;62&#039;] .fill, .circle-percent[data-percent=&#039;63&#039;] .bar:after, .circle-percent[data-percent=&#039;63&#039;] .fill, .circle-percent[data-percent=&#039;64&#039;] .bar:after, .circle-percent[data-percent=&#039;64&#039;] .fill, .circle-percent[data-percent=&#039;65&#039;] .bar:after, .circle-percent[data-percent=&#039;65&#039;] .fill, .circle-percent[data-percent=&#039;66&#039;] .bar:after, .circle-percent[data-percent=&#039;66&#039;] .fill, .circle-percent[data-percent=&#039;67&#039;] .bar:after, .circle-percent[data-percent=&#039;67&#039;] .fill, .circle-percent[data-percent=&#039;68&#039;] .bar:after, .circle-percent[data-percent=&#039;68&#039;] .fill, .circle-percent[data-percent=&#039;69&#039;] .bar:after, .circle-percent[data-percent=&#039;69&#039;] .fill, .circle-percent[data-percent=&#039;70&#039;] .bar:after, .circle-percent[data-percent=&#039;70&#039;] .fill, .circle-percent[data-percent=&#039;71&#039;] .bar:after, .circle-percent[data-percent=&#039;71&#039;] .fill, .circle-percent[data-percent=&#039;72&#039;] .bar:after, .circle-percent[data-percent=&#039;72&#039;] .fill, .circle-percent[data-percent=&#039;73&#039;] .bar:after, .circle-percent[data-percent=&#039;73&#039;] .fill, .circle-percent[data-percent=&#039;74&#039;] .bar:after, .circle-percent[data-percent=&#039;74&#039;] .fill, .circle-percent[data-percent=&#039;75&#039;] .bar:after, .circle-percent[data-percent=&#039;75&#039;] .fill, .circle-percent[data-percent=&#039;76&#039;] .bar:after, .circle-percent[data-percent=&#039;76&#039;] .fill, .circle-percent[data-percent=&#039;77&#039;] .bar:after, .circle-percent[data-percent=&#039;77&#039;] .fill, .circle-percent[data-percent=&#039;78&#039;] .bar:after, .circle-percent[data-percent=&#039;78&#039;] .fill, .circle-percent[data-percent=&#039;79&#039;] .bar:after, .circle-percent[data-percent=&#039;79&#039;] .fill, .circle-percent[data-percent=&#039;80&#039;] .bar:after, .circle-percent[data-percent=&#039;80&#039;] .fill, .circle-percent[data-percent=&#039;81&#039;] .bar:after, .circle-percent[data-percent=&#039;81&#039;] .fill, .circle-percent[data-percent=&#039;82&#039;] .bar:after, .circle-percent[data-percent=&#039;82&#039;] .fill, .circle-percent[data-percent=&#039;83&#039;] .bar:after, .circle-percent[data-percent=&#039;83&#039;] .fill, .circle-percent[data-percent=&#039;84&#039;] .bar:after, .circle-percent[data-percent=&#039;84&#039;] .fill, .circle-percent[data-percent=&#039;85&#039;] .bar:after, .circle-percent[data-percent=&#039;85&#039;] .fill, .circle-percent[data-percent=&#039;86&#039;] .bar:after, .circle-percent[data-percent=&#039;86&#039;] .fill, .circle-percent[data-percent=&#039;87&#039;] .bar:after, .circle-percent[data-percent=&#039;87&#039;] .fill, .circle-percent[data-percent=&#039;88&#039;] .bar:after, .circle-percent[data-percent=&#039;88&#039;] .fill, .circle-percent[data-percent=&#039;89&#039;] .bar:after, .circle-percent[data-percent=&#039;89&#039;] .fill, .circle-percent[data-percent=&#039;90&#039;] .bar:after, .circle-percent[data-percent=&#039;90&#039;] .fill, .circle-percent[data-percent=&#039;91&#039;] .bar:after, .circle-percent[data-percent=&#039;91&#039;] .fill, .circle-percent[data-percent=&#039;92&#039;] .bar:after, .circle-percent[data-percent=&#039;92&#039;] .fill, .circle-percent[data-percent=&#039;93&#039;] .bar:after, .circle-percent[data-percent=&#039;93&#039;] .fill, .circle-percent[data-percent=&#039;94&#039;] .bar:after, .circle-percent[data-percent=&#039;94&#039;] .fill, .circle-percent[data-percent=&#039;95&#039;] .bar:after, .circle-percent[data-percent=&#039;95&#039;] .fill, .circle-percent[data-percent=&#039;96&#039;] .bar:after, .circle-percent[data-percent=&#039;96&#039;] .fill, .circle-percent[data-percent=&#039;97&#039;] .bar:after, .circle-percent[data-percent=&#039;97&#039;] .fill, .circle-percent[data-percent=&#039;98&#039;] .bar:after, .circle-percent[data-percent=&#039;98&#039;] .fill, .circle-percent[data-percent=&#039;99&#039;] .bar:after, .circle-percent[data-percent=&#039;99&#039;] .fill, .circle-percent[data-percent=&#039;100&#039;] .bar:after, .circle-percent[data-percent=&#039;100&#039;] .fill {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.circle-percent {
  position: relative;
  font-size: 200px;
  font-weight: bold;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #4a4e4b;
  margin: 0 auto;
}
.circle-percent *,
.circle-percent *::before,
.circle-percent *::after {
  box-sizing: content-box;
}
.circle-percent > span {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  line-height: 5em;
  font-size: 0.2em;
  color: #4a4e4b;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.circle-percent > span sup {
  vertical-align: baseline;
  font-size: .5em;
  position: relative;
  top: -.75em;
  font-weight: normal;
}
.circle-percent::after {
  position: absolute;
  top: 0.14em;
  left: 0.14em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #fff;
  width: 0.72em;
  height: 0.72em;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.circle-percent .mask {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.circle-percent[data-percent=&#039;1&#039;] .bar {
  -webkit-transform: rotate(3.6deg);
          transform: rotate(3.6deg);
}
.circle-percent[data-percent=&#039;2&#039;] .bar {
  -webkit-transform: rotate(7.2deg);
          transform: rotate(7.2deg);
}
.circle-percent[data-percent=&#039;3&#039;] .bar {
  -webkit-transform: rotate(10.8deg);
          transform: rotate(10.8deg);
}
.circle-percent[data-percent=&#039;4&#039;] .bar {
  -webkit-transform: rotate(14.4deg);
          transform: rotate(14.4deg);
}
.circle-percent[data-percent=&#039;5&#039;] .bar {
  -webkit-transform: rotate(18deg);
          transform: rotate(18deg);
}
.circle-percent[data-percent=&#039;6&#039;] .bar {
  -webkit-transform: rotate(21.6deg);
          transform: rotate(21.6deg);
}
.circle-percent[data-percent=&#039;7&#039;] .bar {
  -webkit-transform: rotate(25.2deg);
          transform: rotate(25.2deg);
}
.circle-percent[data-percent=&#039;8&#039;] .bar {
  -webkit-transform: rotate(28.8deg);
          transform: rotate(28.8deg);
}
.circle-percent[data-percent=&#039;9&#039;] .bar {
  -webkit-transform: rotate(32.4deg);
          transform: rotate(32.4deg);
}
.circle-percent[data-percent=&#039;10&#039;] .bar {
  -webkit-transform: rotate(36deg);
          transform: rotate(36deg);
}
.circle-percent[data-percent=&#039;11&#039;] .bar {
  -webkit-transform: rotate(39.6deg);
          transform: rotate(39.6deg);
}
.circle-percent[data-percent=&#039;12&#039;] .bar {
  -webkit-transform: rotate(43.2deg);
          transform: rotate(43.2deg);
}
.circle-percent[data-percent=&#039;13&#039;] .bar {
  -webkit-transform: rotate(46.8deg);
          transform: rotate(46.8deg);
}
.circle-percent[data-percent=&#039;14&#039;] .bar {
  -webkit-transform: rotate(50.4deg);
          transform: rotate(50.4deg);
}
.circle-percent[data-percent=&#039;15&#039;] .bar {
  -webkit-transform: rotate(54deg);
          transform: rotate(54deg);
}
.circle-percent[data-percent=&#039;16&#039;] .bar {
  -webkit-transform: rotate(57.6deg);
          transform: rotate(57.6deg);
}
.circle-percent[data-percent=&#039;17&#039;] .bar {
  -webkit-transform: rotate(61.2deg);
          transform: rotate(61.2deg);
}
.circle-percent[data-percent=&#039;18&#039;] .bar {
  -webkit-transform: rotate(64.8deg);
          transform: rotate(64.8deg);
}
.circle-percent[data-percent=&#039;19&#039;] .bar {
  -webkit-transform: rotate(68.4deg);
          transform: rotate(68.4deg);
}
.circle-percent[data-percent=&#039;20&#039;] .bar {
  -webkit-transform: rotate(72deg);
          transform: rotate(72deg);
}
.circle-percent[data-percent=&#039;21&#039;] .bar {
  -webkit-transform: rotate(75.6deg);
          transform: rotate(75.6deg);
}
.circle-percent[data-percent=&#039;22&#039;] .bar {
  -webkit-transform: rotate(79.2deg);
          transform: rotate(79.2deg);
}
.circle-percent[data-percent=&#039;23&#039;] .bar {
  -webkit-transform: rotate(82.8deg);
          transform: rotate(82.8deg);
}
.circle-percent[data-percent=&#039;24&#039;] .bar {
  -webkit-transform: rotate(86.4deg);
          transform: rotate(86.4deg);
}
.circle-percent[data-percent=&#039;25&#039;] .bar {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.circle-percent[data-percent=&#039;26&#039;] .bar {
  -webkit-transform: rotate(93.6deg);
          transform: rotate(93.6deg);
}
.circle-percent[data-percent=&#039;27&#039;] .bar {
  -webkit-transform: rotate(97.2deg);
          transform: rotate(97.2deg);
}
.circle-percent[data-percent=&#039;28&#039;] .bar {
  -webkit-transform: rotate(100.8deg);
          transform: rotate(100.8deg);
}
.circle-percent[data-percent=&#039;29&#039;] .bar {
  -webkit-transform: rotate(104.4deg);
          transform: rotate(104.4deg);
}
.circle-percent[data-percent=&#039;30&#039;] .bar {
  -webkit-transform: rotate(108deg);
          transform: rotate(108deg);
}
.circle-percent[data-percent=&#039;31&#039;] .bar {
  -webkit-transform: rotate(111.6deg);
          transform: rotate(111.6deg);
}
.circle-percent[data-percent=&#039;32&#039;] .bar {
  -webkit-transform: rotate(115.2deg);
          transform: rotate(115.2deg);
}
.circle-percent[data-percent=&#039;33&#039;] .bar {
  -webkit-transform: rotate(118.8deg);
          transform: rotate(118.8deg);
}
.circle-percent[data-percent=&#039;34&#039;] .bar {
  -webkit-transform: rotate(122.4deg);
          transform: rotate(122.4deg);
}
.circle-percent[data-percent=&#039;35&#039;] .bar {
  -webkit-transform: rotate(126deg);
          transform: rotate(126deg);
}
.circle-percent[data-percent=&#039;36&#039;] .bar {
  -webkit-transform: rotate(129.6deg);
          transform: rotate(129.6deg);
}
.circle-percent[data-percent=&#039;37&#039;] .bar {
  -webkit-transform: rotate(133.2deg);
          transform: rotate(133.2deg);
}
.circle-percent[data-percent=&#039;38&#039;] .bar {
  -webkit-transform: rotate(136.8deg);
          transform: rotate(136.8deg);
}
.circle-percent[data-percent=&#039;39&#039;] .bar {
  -webkit-transform: rotate(140.4deg);
          transform: rotate(140.4deg);
}
.circle-percent[data-percent=&#039;40&#039;] .bar {
  -webkit-transform: rotate(144deg);
          transform: rotate(144deg);
}
.circle-percent[data-percent=&#039;41&#039;] .bar {
  -webkit-transform: rotate(147.6deg);
          transform: rotate(147.6deg);
}
.circle-percent[data-percent=&#039;42&#039;] .bar {
  -webkit-transform: rotate(151.2deg);
          transform: rotate(151.2deg);
}
.circle-percent[data-percent=&#039;43&#039;] .bar {
  -webkit-transform: rotate(154.8deg);
          transform: rotate(154.8deg);
}
.circle-percent[data-percent=&#039;44&#039;] .bar {
  -webkit-transform: rotate(158.4deg);
          transform: rotate(158.4deg);
}
.circle-percent[data-percent=&#039;45&#039;] .bar {
  -webkit-transform: rotate(162deg);
          transform: rotate(162deg);
}
.circle-percent[data-percent=&#039;46&#039;] .bar {
  -webkit-transform: rotate(165.6deg);
          transform: rotate(165.6deg);
}
.circle-percent[data-percent=&#039;47&#039;] .bar {
  -webkit-transform: rotate(169.2deg);
          transform: rotate(169.2deg);
}
.circle-percent[data-percent=&#039;48&#039;] .bar {
  -webkit-transform: rotate(172.8deg);
          transform: rotate(172.8deg);
}
.circle-percent[data-percent=&#039;49&#039;] .bar {
  -webkit-transform: rotate(176.4deg);
          transform: rotate(176.4deg);
}
.circle-percent[data-percent=&#039;50&#039;] .bar {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.circle-percent[data-percent=&#039;51&#039;] .bar {
  -webkit-transform: rotate(183.6deg);
          transform: rotate(183.6deg);
}
.circle-percent[data-percent=&#039;52&#039;] .bar {
  -webkit-transform: rotate(187.2deg);
          transform: rotate(187.2deg);
}
.circle-percent[data-percent=&#039;53&#039;] .bar {
  -webkit-transform: rotate(190.8deg);
          transform: rotate(190.8deg);
}
.circle-percent[data-percent=&#039;54&#039;] .bar {
  -webkit-transform: rotate(194.4deg);
          transform: rotate(194.4deg);
}
.circle-percent[data-percent=&#039;55&#039;] .bar {
  -webkit-transform: rotate(198deg);
          transform: rotate(198deg);
}
.circle-percent[data-percent=&#039;56&#039;] .bar {
  -webkit-transform: rotate(201.6deg);
          transform: rotate(201.6deg);
}
.circle-percent[data-percent=&#039;57&#039;] .bar {
  -webkit-transform: rotate(205.2deg);
          transform: rotate(205.2deg);
}
.circle-percent[data-percent=&#039;58&#039;] .bar {
  -webkit-transform: rotate(208.8deg);
          transform: rotate(208.8deg);
}
.circle-percent[data-percent=&#039;59&#039;] .bar {
  -webkit-transform: rotate(212.4deg);
          transform: rotate(212.4deg);
}
.circle-percent[data-percent=&#039;60&#039;] .bar {
  -webkit-transform: rotate(216deg);
          transform: rotate(216deg);
}
.circle-percent[data-percent=&#039;61&#039;] .bar {
  -webkit-transform: rotate(219.6deg);
          transform: rotate(219.6deg);
}
.circle-percent[data-percent=&#039;62&#039;] .bar {
  -webkit-transform: rotate(223.2deg);
          transform: rotate(223.2deg);
}
.circle-percent[data-percent=&#039;63&#039;] .bar {
  -webkit-transform: rotate(226.8deg);
          transform: rotate(226.8deg);
}
.circle-percent[data-percent=&#039;64&#039;] .bar {
  -webkit-transform: rotate(230.4deg);
          transform: rotate(230.4deg);
}
.circle-percent[data-percent=&#039;65&#039;] .bar {
  -webkit-transform: rotate(234deg);
          transform: rotate(234deg);
}
.circle-percent[data-percent=&#039;66&#039;] .bar {
  -webkit-transform: rotate(237.6deg);
          transform: rotate(237.6deg);
}
.circle-percent[data-percent=&#039;67&#039;] .bar {
  -webkit-transform: rotate(241.2deg);
          transform: rotate(241.2deg);
}
.circle-percent[data-percent=&#039;68&#039;] .bar {
  -webkit-transform: rotate(244.8deg);
          transform: rotate(244.8deg);
}
.circle-percent[data-percent=&#039;69&#039;] .bar {
  -webkit-transform: rotate(248.4deg);
          transform: rotate(248.4deg);
}
.circle-percent[data-percent=&#039;70&#039;] .bar {
  -webkit-transform: rotate(252deg);
          transform: rotate(252deg);
}
.circle-percent[data-percent=&#039;71&#039;] .bar {
  -webkit-transform: rotate(255.6deg);
          transform: rotate(255.6deg);
}
.circle-percent[data-percent=&#039;72&#039;] .bar {
  -webkit-transform: rotate(259.2deg);
          transform: rotate(259.2deg);
}
.circle-percent[data-percent=&#039;73&#039;] .bar {
  -webkit-transform: rotate(262.8deg);
          transform: rotate(262.8deg);
}
.circle-percent[data-percent=&#039;74&#039;] .bar {
  -webkit-transform: rotate(266.4deg);
          transform: rotate(266.4deg);
}
.circle-percent[data-percent=&#039;75&#039;] .bar {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.circle-percent[data-percent=&#039;76&#039;] .bar {
  -webkit-transform: rotate(273.6deg);
          transform: rotate(273.6deg);
}
.circle-percent[data-percent=&#039;77&#039;] .bar {
  -webkit-transform: rotate(277.2deg);
          transform: rotate(277.2deg);
}
.circle-percent[data-percent=&#039;78&#039;] .bar {
  -webkit-transform: rotate(280.8deg);
          transform: rotate(280.8deg);
}
.circle-percent[data-percent=&#039;79&#039;] .bar {
  -webkit-transform: rotate(284.4deg);
          transform: rotate(284.4deg);
}
.circle-percent[data-percent=&#039;80&#039;] .bar {
  -webkit-transform: rotate(288deg);
          transform: rotate(288deg);
}
.circle-percent[data-percent=&#039;81&#039;] .bar {
  -webkit-transform: rotate(291.6deg);
          transform: rotate(291.6deg);
}
.circle-percent[data-percent=&#039;82&#039;] .bar {
  -webkit-transform: rotate(295.2deg);
          transform: rotate(295.2deg);
}
.circle-percent[data-percent=&#039;83&#039;] .bar {
  -webkit-transform: rotate(298.8deg);
          transform: rotate(298.8deg);
}
.circle-percent[data-percent=&#039;84&#039;] .bar {
  -webkit-transform: rotate(302.4deg);
          transform: rotate(302.4deg);
}
.circle-percent[data-percent=&#039;85&#039;] .bar {
  -webkit-transform: rotate(306deg);
          transform: rotate(306deg);
}
.circle-percent[data-percent=&#039;86&#039;] .bar {
  -webkit-transform: rotate(309.6deg);
          transform: rotate(309.6deg);
}
.circle-percent[data-percent=&#039;87&#039;] .bar {
  -webkit-transform: rotate(313.2deg);
          transform: rotate(313.2deg);
}
.circle-percent[data-percent=&#039;88&#039;] .bar {
  -webkit-transform: rotate(316.8deg);
          transform: rotate(316.8deg);
}
.circle-percent[data-percent=&#039;89&#039;] .bar {
  -webkit-transform: rotate(320.4deg);
          transform: rotate(320.4deg);
}
.circle-percent[data-percent=&#039;90&#039;] .bar {
  -webkit-transform: rotate(324deg);
          transform: rotate(324deg);
}
.circle-percent[data-percent=&#039;91&#039;] .bar {
  -webkit-transform: rotate(327.6deg);
          transform: rotate(327.6deg);
}
.circle-percent[data-percent=&#039;92&#039;] .bar {
  -webkit-transform: rotate(331.2deg);
          transform: rotate(331.2deg);
}
.circle-percent[data-percent=&#039;93&#039;] .bar {
  -webkit-transform: rotate(334.8deg);
          transform: rotate(334.8deg);
}
.circle-percent[data-percent=&#039;94&#039;] .bar {
  -webkit-transform: rotate(338.4deg);
          transform: rotate(338.4deg);
}
.circle-percent[data-percent=&#039;95&#039;] .bar {
  -webkit-transform: rotate(342deg);
          transform: rotate(342deg);
}
.circle-percent[data-percent=&#039;96&#039;] .bar {
  -webkit-transform: rotate(345.6deg);
          transform: rotate(345.6deg);
}
.circle-percent[data-percent=&#039;97&#039;] .bar {
  -webkit-transform: rotate(349.2deg);
          transform: rotate(349.2deg);
}
.circle-percent[data-percent=&#039;98&#039;] .bar {
  -webkit-transform: rotate(352.8deg);
          transform: rotate(352.8deg);
}
.circle-percent[data-percent=&#039;99&#039;] .bar {
  -webkit-transform: rotate(356.4deg);
          transform: rotate(356.4deg);
}
.circle-percent[data-percent=&#039;100&#039;] .bar {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.circle-percent:hover {
  cursor: default;
}
.circle-percent:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #5dc3be;
}
.circle-percent:hover:after {
  top: 0.1em;
  left: 0.1em;
  width: 0.8em;
  height: 0.8em;
}

.drivers-insured {
  width: 360px;
  margin: 0 auto;
  text-align: center;
  border-left: 1px solid #ccc;

  border-right: 1px solid #ccc;
  padding: 2rem;
}
.drivers-insured header {
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  font-size: 1.6rem;
}
.drivers-insured header span {
  color: #5dc3be;
}



/*-- home_logo_unit ------*****************************************************************************************************************************************/ 

.home_logo_unit{
float:left;
width:25%;
padding-top: 25px;
}

.home_logo_unit:nth-child(4n+5){clear:left;}

.home_logo_unit a{display:block; margin:10px;}
.home_logo_unit a img{max-width:100%;  -webkit-filter: grayscale(100%);}
.home_logo_unit a:hover  img{-webkit-filter: grayscale(0%);}

@media screen and (max-width: 1000px){
.home_logo_unit:nth-child(4n+5){clear:none;}
.home_logo_unit{width:33.3%;}
.home_logo_unit:nth-child(3n+4){clear:left;}
}

@media screen and (max-width: 800px){
.home_logo_unit:nth-child(3n+4){clear:none;}
.home_logo_unit{width:50%;}
.home_logo_unit:nth-child(2n+3){clear:left;}
}

/*-- home_logo_unit ------*****************************************************************************************************************************************/


.border_photo {
    border: 1px solid #D2D2D2;
    padding: 5px;

}


.hname{  font-size: 23px;
  color: #141414;
  text-align: left;
  text-transform: uppercase;
  padding-bottom: 7px;
  position: relative;
  font-weight: bold;}


.h2_home{
    text-align: left;
    z-index: 10;
}



.r_block  h1{
display: block;
text-align: right;

}

.h2_home h2{
    background: #FF6309;
    padding: 6px 20px;
    text-align: center;
    position: relative;
    z-index: -1;
    font-size: 22px;
    margin-top: 15px;
}

.h2_home h2:before {
    content: "";
    position: absolute;
    right: 179px;
    height: 38px;
    width: 44px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: -7;
}

.h2_home h2:after {
    content: "";
    position: absolute;
    left: 122px;
    height: 38px;
    width: 44px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: -7;
}


.navig {
    font-size: 19px;
    font-weight: 700;
    color: black;
}

.navig {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.navig span {
    background: #FF6309;
        -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    padding: 2px 9px;
    font-size: 14px;
    display: inline-block;
    margin: 0px 3px;
    font-weight: 700;
    color: white;
    text-decoration: none;
    position: relative;
}

.navig a:hover {
    background: #8C8B8B;
        -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    padding: 2px 8px;
    margin: 0px 1px;
    color: white;
    text-decoration: none;
    position: relative;
}

.navig a {
    display: inline-block;
    padding: 3px 9px;
    font-size: 14px;
    margin: 0px 0px;
    font-weight: 700;
    color: black;
    text-decoration: underline;
}

  h1, h2, .hname {
        color: rgb(255, 255, 255);
    font-weight: 400;
    display: inline-block;
    font-size: 24px;
    text-transform: uppercase;
    padding: 0px 0px;
}

.slideout-wrapper {
 /*  max-width: 1178px;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.58);
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.08);*/
    margin: 0 auto;
}







/*-- sect12_wrap ------*******************************/
.sect12_wrap .container{padding: 70px 20px;}
.sect12_wrap{ background:  url("error-404") no-repeat center;}
.sect12_bg{       background: rgba(150, 68, 35, 0.68);}
.sect12_block{    
    color: #feda14;
    font-size: 18px;
    padding: 30px 50px;
    display: inline-block;
    margin-top: 30px;
    background: rgba(0, 0, 0, 0.54);
    border: 1px solid #D2C89D;
    /* -webkit-border-radius: 7px; */
    -moz-border-radius: 7px;
    /* border-radius: 7px; */
    position: relative;
}



.sect12_r{
    width: 450px;
    float: right;
    background: rgba(0,0,0,0.76);
}

    @media screen and (max-width: 450px) {
.sect12_r{
    width: 300px;

}}
  
.sect12_title{font-size: 40px; color:#4E0888; font-weight: bold;}
.sect12_title span{color:black; display: block;}
.sect12_inner { margin-top: 30px;text-align: center;}


.sect12_buy_bottom span{
  display: inline-block;
  padding:11px 25px 12px 25px;
  color:white;
  margin-top:20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  background: #d30000;
}

.sect12_buy_bottom span:hover{
background-color: #EA0B0B;
}

.back {
background-color: white;
    border: 1px solid #471D0D;
    vertical-align: middle;
    padding: 1%;
}

    @media screen and (max-width: 500px){
    .sect12_title{    font-size: 30px;}
    .sect12_block{font-size: 16px;}
    .sect12_wrap .container{ padding: 30px 20px 70px;}
    }

/*-- sect12_wrap ------*******************************/

/*-- sect12_wrap2 ------*******************************/
.sect12_wrap2 .container2{padding: 70px 20px;}
.sect12_wrap2{ background:  url("error-404") no-repeat center;}
.sect12_bg2{       background: rgba(150, 68, 35, 0.68);}
.sect12_block2{    
    color: #d6d6d6;
    font-size: 16px;
    padding: 16px 50px;
    display: inline-block;
    margin-top: -3px;
    margin-bottom: 25px;

    position: relative;
}



  
.sect12_title2{    font-size: 40px;
    color: #fb4100;
    font-weight: bold;
    padding-top:43px;}
.sect12_title2 span{color:black; display: block;}
.sect12_inner2 { text-align: center;
    max-width: 1178px;
    width: 100%;
    margin: 0 auto;
    display: block;}


.sect12_buy_bottom2 span{
    text-shadow: 1px 1px 0 #1E1A17;
    display: inline-block;
    padding: 11px 25px 12px 25px;
    color: white;
    margin-top: 28px;
    margin-bottom: 15px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    background: rgba(252,105,0,1);
    background: -moz-linear-gradient(top, rgba(252,105,0,1) 0%, rgba(252,105,0,1) 3%, rgba(249,71,0,1) 26%, rgba(246,37,0,1) 54%, rgba(246,41,12,1) 69%, rgba(246,41,12,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,105,0,1)), color-stop(3%, rgba(252,105,0,1)), color-stop(26%, rgba(249,71,0,1)), color-stop(54%, rgba(246,37,0,1)), color-stop(69%, rgba(246,41,12,1)), color-stop(100%, rgba(246,41,12,1)));
    background: -webkit-linear-gradient(top, rgba(252,105,0,1) 0%, rgba(252,105,0,1) 3%, rgba(249,71,0,1) 26%, rgba(246,37,0,1) 54%, rgba(246,41,12,1) 69%, rgba(246,41,12,1) 100%);
    background: -o-linear-gradient(top, rgba(252,105,0,1) 0%, rgba(252,105,0,1) 3%, rgba(249,71,0,1) 26%, rgba(246,37,0,1) 54%, rgba(246,41,12,1) 69%, rgba(246,41,12,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,105,0,1) 0%, rgba(252,105,0,1) 3%, rgba(249,71,0,1) 26%, rgba(246,37,0,1) 54%, rgba(246,41,12,1) 69%, rgba(246,41,12,1) 100%);
    background: linear-gradient(to bottom, rgba(252,105,0,1) 0%, rgba(252,105,0,1) 3%, rgba(249,71,0,1) 26%, rgba(246,37,0,1) 54%, rgba(246,41,12,1) 69%, rgba(246,41,12,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#fc6900&#039;,endColorstr=&#039;#f6290c&#039;,GradientType=0);
    -webkit-box-shadow: 0px 0px 0px 1px #2d2b2a;
    -moz-box-shadow: 0px 0px 0px 1px #2d2b2a;
    box-shadow: 0px 0px 0px 1px #2d2b2a;
    border: 3px solid #100d0c;
}

.sect12_buy_bottom2 span:hover{
    background: rgba(230,100,6,1);
    background: -moz-linear-gradient(top, rgba(230,100,6,1) 0%, rgba(217,68,4,1) 32%, rgba(204,31,5,1) 67%, rgba(204,31,5,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,100,6,1)), color-stop(32%, rgba(217,68,4,1)), color-stop(67%, rgba(204,31,5,1)), color-stop(100%, rgba(204,31,5,1)));
    background: -webkit-linear-gradient(top, rgba(230,100,6,1) 0%, rgba(217,68,4,1) 32%, rgba(204,31,5,1) 67%, rgba(204,31,5,1) 100%);
    background: -o-linear-gradient(top, rgba(230,100,6,1) 0%, rgba(217,68,4,1) 32%, rgba(204,31,5,1) 67%, rgba(204,31,5,1) 100%);
    background: -ms-linear-gradient(top, rgba(230,100,6,1) 0%, rgba(217,68,4,1) 32%, rgba(204,31,5,1) 67%, rgba(204,31,5,1) 100%);
    background: linear-gradient(to bottom, rgba(230,100,6,1) 0%, rgba(217,68,4,1) 32%, rgba(204,31,5,1) 67%, rgba(204,31,5,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#e66406&#039;, endColorstr=&#039;#cc1f05&#039;, GradientType=0 );
}

.back2 {
background-color: white;
    border: 1px solid #471D0D;
    vertical-align: middle;
    padding: 1%;
}

    @media screen and (max-width: 500px){
    .sect12_title2{    font-size: 30px;}
    .sect12_block2{font-size: 16px;}
    .sect12_wrap2 .container2{ padding: 30px 20px 70px;}
    }

/*-- sect12_wrap2 ------*******************************/


/*-- special_slide ------*****************************************************************************************************************************************/

  .special_slide{         height: 390px;
    overflow: hidden;
    padding: 0px 0 3px;
    margin-bottom: 100px;
  }

.special_slide_block {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
  overflow:hidden;}

.special_slide_title {padding-top:0px;}
.special_slide_name h2 {    text-transform: uppercase;
    font-size: 20px;
    color: #1b1b1b;
font-weight: 600;
    display: inline-block;
    margin-right: 10px;}
.special_slide_name a{    color: #423F3F;
    font-size: 14px;
    background: #FFD53A;
    padding: 6px 15px;}
.special_slide_list {padding:15px 5px;    }

.special_slide_hr{
    width: 100%;
    height: 2px;
    background: #dedede;
    font-size: 1px;
    border-bottom: 1px solid #FFFFFF;
    margin-top: 8px;
    margin-bottom: 20px;
position:relative;
z-index:2;
}


.special_slide_name{
    padding-bottom: 2px;
}

.special_slide_block{
    margin-bottom: 40px;
}

.hr{ 
    width: 100%;
    height: 1px;
    background: #8C8B8B;
    border-bottom: 2px solid #8C8B8B;
    font-size: 1px;
    position: relative;
    /* margin-top: 9px; */
    margin-bottom: 24px;
    z-index: 2;}




.hr5{    width: 100%;
    height: 1px;
    background: #DAE7E8;
    font-size: 1px;
    border-bottom: 1px solid #fff;
    margin-top: 8px;}

.header_wrap .header_inside{
    position: relative;
}

.header_inside{max-width:1178px;width:100%;text-align:left;    padding: 0; margin:0 auto; }
  .header_wrap {
    padding: 0;
    background: rgba(0,0,0,0.25);
    position:relative;

}
  @media screen and (max-width: 500px) {
  }




.container_inside {max-width: 1178px; width: 100%; margin:0 auto;}


.fullwidth {width: 100%;}




/**********sliders_adative************/


.sliders_inner{
    max-width: 900px;
    width: 100%;
    margin: 0 auto;

}

.sliders_inner{
 
}

.slider_bg{

}

.sliders img{
  max-width: 100%;
}

.slide_l, .slide_r{display: table-cell; }



.slide_l{width: 35%;
    vertical-align: bottom;
    padding-bottom: 11px;}
.slide_r{width: 50%; vertical-align: top;}
.slide_inside{padding:0px;}
.sld_form_title{
    padding: 24px 0px 0px 0px;
    font-size: 18px;
    color: #FEDA14;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: bold;
    /* background-color: #F9B81C; */
    position: relative;
    margin-top: -103px;
}

.sld_icon{
    height: 77px;
    width: 77px;
    background: url("error-404") no-repeat;
    position: absolute;
    top: 159px;
    left: -21px;
}

.sld_title{text-align: center;
    font-size: 21px;
    color: #FFFFFF;
    margin-top: 40px;
    margin-bottom: 0px;
    display: block;
    padding: 15px 3px;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(255, 255, 255, 0.25);
    position: relative;
}



.sld_title img{
padding-top: 10px;
}

.sld_title p{
    font-size: 34px;
    text-transform: none;
    font-weight: normal;
}

.sld_title p span{
color: #ff8207;
    font-size: 34px;
    font-weight: normal;
}


.sld_title2{ display: none;  margin-bottom: 13px;  font-size: 39px; color: #f4c300; left: 429px; z-index: 20; font-weight: bold;}

.sld_form{
    position: relative;
    text-align: center;

}


.sld_title3{            text-align: left;
    font-size: 45px;
    color: #FFFFFF;
    margin-top: 65px;
    margin-bottom: 0px;
    display: block;
    padding: 0px 20px;
    text-transform: uppercase;
 }

.sld_title3 p span{
color: #ff8207;
font-size: 48px;
font-weight: normal;
}

.sld_title3 p{
    font-size: 34px;
    text-transform: none;
    font-weight: normal;
}

.sld_title3 p span{
color: #ff8207;
    font-size: 34px;
    font-weight: normal;
}
.sld_form form{
padding: 8px 35px 25px;
}


.sld_form_name, .sld_form_phone{
    padding: 9px 0 9px 10px;
    border: 1px solid #d6d1c9;
    width: 85%;
    margin: 12px 0;
    border: 1px solid #d6d1c9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}


.sld_bottom{
    margin-left: 40px;
    padding: 10px 20px;
margin-bottom: 20px;
    font-weight: bold;
    display: inline-block;
    font-size: 0.81em;
    text-decoration: none;
    margin-top: 0.76em;
    position: relative;
    color: #FFFFFF;
    background: #FF6309;
}



.sld_bottom:hover {
      cursor: pointer;
    color: #FFFFFF;
    background: #656060;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); 
  }

.sld_bottom:before {
    content: "";
    position: absolute;
    left: -10px;
    height: 35px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: 0;

}

.sld_bottom:after {
    content: "";
    position: absolute;
    right: -10px;
    height: 35px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: 0;
}

.sld_bottom:hover:before {
    content: "";
    position: absolute;
    left: -10px;
    height: 35px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #656060;
    z-index: 0;

}

.sld_bottom:hover:after {
    content: "";
    position: absolute;
    right: -10px;
    height: 35px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #656060;
    z-index: 0;
}



.sld_bottom_adaptive{
position: relative;
    left: 12px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: black;
    cursor: pointer;
    margin-top: 8px;
    padding: 11px 17px;
    width: 15%;
    display: inline-block;
    text-decoration: none;
    background: #ffd600;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    background: #EAEAEA;
    /* text-shadow: 1px 1px 0 #1E1A17; */
    -webkit-box-shadow: 0px 0px 0px 1px #D0D0D0;
    -moz-box-shadow: 0px 0px 0px 1px #D0D0D0;
    box-shadow: 0px 0px 0px 2px #EF4A2B;
    border: 3px solid #FFFFFF;
}

.sld_bottom_adaptive:hover {
        cursor: pointer;
    color: white;
background:#EF4A2B;
   -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform:  translateX(0px);
    transform: translateX(0px);
}


.sld_r, .sld_l{
  float:left;
}

.sld_l ul{
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}

.sld_r{
      width: 100%;
    padding: 0px;
}

.sld_r_inner{
 
}



.sld_l{width: 55%;  }

.sld_padding{
       padding: 50px 14px 0 0;
}

.sld_padding ul{
  margin-right: 20px;
}

.sld_l li {
    position: relative;
    font-size: 17px;
    margin-bottom: 5px;
    background-color: rgba(15, 108, 165, 0.78);
    color: white;
    font-weight: bold;
    padding: 4px 14px 5px 27px;
    text-align: left;
}




.sld_mask {
    position: absolute;
    bottom: 0;
    width: 100%;
}


.sld_mask_inner {

    text-align: left;
}


.sld_mask_inside {
    display: inline-block;
    position: relative;
}

.sld_mask_inside:before {
    display: block;
    width: 1900px;
    position: absolute;
    right: 100%;
    background-color: #EFEFEF;
    height: 25px;
    content: "";
    bottom: 0;
}

.sld_mask_inside:after {
    display: block;
    width: 1900px;
    position: absolute;
    left: 100%;
    background-color: #EFEFEF;
    height: 25px;
    content: "";
    bottom: 0;
}





@media screen and (max-width: 850px){
.slide_l{
display:none;
}

.slide_r{
width:100%;
}
}

.sld_marker{
width: 17px;
    height: 18px;
    background: url("error-404") no-repeat;
    display: inline-block; 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 20;
    left: 4px;
    top: 5px;
}

.sld_www{
font-size: 13px;
  color: #0084FF;
  display: inline-block;
  z-index: 20;
  font-weight: bold;
margin-top: 9px;
    margin-left: 21px;
}

.sld_img{
/*  position: relative;*/
}



.sld_form_adaptive{
    padding: 10px;
    background: rgb(195, 48, 38) url("error-404") top;
    display: none;
}

.sld_form_ad{
    margin: 9px -55px 0px -77px;
}

.sld_form_name_ad, .sld_form_phone_ad{
    padding: 9px 0 9px 10px;
    width: 30%;
    border: 1px solid #333333;
    background: #929292;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 10px;
    position: relative;
    display: inline-block;
}

.sld_form_name_ad::-webkit-input-placeholder {color:#333333;}
.sld_form_name_ad::-moz-placeholder          {color:#333333;}/ Firefox 19+ /
.sld_form_name_ad:-moz-placeholder           {color:#333333;}/ Firefox 18- /
.sld_form_name_ad:-ms-input-placeholder      {color:#333333;}
.sld_form_phone_ad::-webkit-input-placeholder {color:#333333;}
.sld_form_phone_ad::-moz-placeholder          {color:#333333;}/ Firefox 19+ /
.sld_form_phone_ad:-moz-placeholder           {color:#333333;}/ Firefox 18- /
.sld_form_phone_ad:-ms-input-placeholder      {color:#333333;}

.sld_title_adaptive{
text-align: center;
  font-size: 17px;
  color: #FFD906;
  font-weight: bold;
}

.sld_title span{
font-weight: normal;
    font-size: 51px;
    color: rgb(252, 252, 252);
    font-weight: bold;
}

.sld_title3 span{
font-weight: normal;
    font-size: 45px;
    color: #FFE207;
    font-weight: bold;
}


@media screen and (max-width: 950px){
.sld_bottom {
  width: 16%;
}}


@media screen and (max-width: 895px){
.sld_bottom {
  width: 18%;
}

}

@media screen and (max-width: 695px){
.sld_bottom {
  width: 21%;
}

}

@media screen and (max-width: 795px){
.sld_bottom {
  width: 30%;
}

}

@media screen and (max-width: 485px){
.sld_bottom {
  width: 50%;
}

}

@media screen and (max-width: 850px){
.slide_l{
display:none;
}


.slide_r{
width:100%;
}


.sld_title span{font-size: 40px;}
.sld_title p{    font-size: 24px;}
.sld_title p span{font-size: 24px;}
.sld_title{    text-align: center;}
}


.sld1_1 {
    background-color: #ffe615;
    color: #000000;
    padding: 10px 19px;
    font-size: 30px;
    position: absolute;
    bottom: -142px;
    right: 28px;
    font-weight: bold;
    z-index: 10;
}





/**********sliders_adative************/


/*-- header ------*****************************************************************************************************************************************/  
.header {display:table; width:100%; table-layout:fixed;}
.header_inner{ padding:0 10px;}
.header1{display:table-cell; width:30%; vertical-align:middle; }
.header2{display:table-cell; width:30%; vertical-align:middle;}
.header3{display:table-cell; width:30%; vertical-align:middle;}





/***************************************************  Соцсети    *******************************************************************/

.header_content{
      vertical-align: middle;
    display: table-cell;
    width: 25%;
}

.header_content img{
width: 34px;
height: 34px;

background-repeat: no-repeat;
}

.header_soc_inner{
  display: inline-block;
  vertical-align: middle;
}

.header_content .soc_vk img{
background-position: 0px 0px
}

.header_content .soc_vk:hover img{
background-position: 0px -37px
}


.header_content .soc_ok img{
background-position: -89px 0px
}

.header_content .soc_ok:hover img{
background-position:-89px -37px
}



.header_content .soc_fb img{
background-position: -44px 0px
}



.header_content .soc_fb:hover img{
background-position: -44px -37px
}


.header_content a{
    vertical-align: middle;
    margin: 0 2px;
    display: inline-block;
}

.header_content .text{
  display: inline-block;
  font-size: 15px;
  padding: 5px 0;
      color: #727272;
}

/***************************************************  Соцсети    *******************************************************************/

 .header_phone{ display:table-cell; vertical-align:middle;  width:53%;     text-align: right;}


.header_search{
display:table-cell; vertical-align:middle;  width:28%;  text-align: center; 
}
  
  
  @media screen and (max-width: 850px) {
    .header2 .topcity_name{font-size:13px; font-weight:normal;}
    .header2  .topcity_change{  padding: 5px 101px 6px 12px;}
  }
  
    @media screen and (max-width: 800px) {
    .header_search{display:none;}
      .header_logo {  width:30%;}
      .header_phone{  width:100%;}
      .header_content{width: 30%;}
	  .phone_icon {display: none;}
	  .right-position {
    float: right;
    width: 100%;
}
  }
  
  
  @media screen and (max-width: 755px) {
    .header_search{display:none}
    .header_content{display: none;}
	.phone_icon {display: none;}
	
  }






.header_address{
    display: table-cell;
    vertical-align: middle;
    width: 22%;
}

  @media screen and (max-width: 950px) {
   .header_address{display:none;}
  }


/*--header------**********************************************************************/







/*-- header_m ------*****************************************************************************************************************************************/  

.header1_m{display:table-cell; width:30%; vertical-align:middle; }
.header2_m{display:table-cell; width:25%; vertical-align:middle;   text-align: center;} 
.header3_m{display:table-cell; width:25%; vertical-align:middle;}
.header4_m{display:table-cell; width:20%; vertical-align:middle; text-align: center;}

  
@media screen and (max-width: 1000px) {
    .header2_m{width:25%;}
    .header3_m {width:25%;}
    .header1_m {width:40%;}
  }

  
  
  
  @media screen and (max-width: 700px) {
  
    .header3_m {width:60%;}
    .header1_m {width:40%;}
  }


  @media screen and (max-width: 600px) {
    .header1_m{display: block; width: 100%;   text-align: center; }
    .header3_m{display: block; width: 100%;}
    .header3_m .phone_content{  text-align: center;}
  }
  





.search-form {
  position: relative;
  display: inline-block;
}

.search_block{width: 245px; display: inline-block;}
.search_block2{width: 200px; display: none;}

.line_search {
    width: 211px;
    height: 32px;
    color: #a2a2a2;
    border: 1px solid #E2DDC6;
    padding-left: 11px;
    font-size: 14px;
    outline: none;
}

.subsearch {
    background:#8A1CD3 url("search.png") no-repeat;
    background-repeat: no-repeat;
    width: 37px;
    height: 30px;
    position: absolute;
    border: none;
    right: -3px;
    top: 0px;
    cursor: pointer;
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease;
    outline: none;

}

.subsearch:hover{  background-color: #771AB5;}




  @media screen and (max-width: 900px) {
    .header3_m .phone_icon{display:none;} 
  }


    @media screen and (max-width: 870px) {
    .header_m{display: none;}

  }




/*--header_m------**********************************************************************/
  


  

/*-- logo------*********************************************************/
  @media screen and (max-width: 700px){.logo {width:50%;}}
  
  .logo_block {text-align:left; position:relative;   display: inline-block; max-width:100%;}
  .logo a{display:block;}
  .logo_img {max-width:100%;}

.header_logo{
    display: table-cell;
    width: 26%;
    text-align: center;
    vertical-align: middle;
    z-index: 1000;
    padding: 25px;
    position: absolute;
    top: 42px;
}





 
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

  @media screen and (max-width: 650px) {
  }

/*-- logo------************************************************************************/




@media screen and (max-width: 1203px) {
    .header2_m{display:none;}
.header_search{display:none;}
  }





/*-- address_wrap ------*****************************************************************************************************************************************/
.address_icon{  float: left;

  width: 20%;
  text-align: right;}

.address_content{ 
    float: left;
    padding-left: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #F7F7F7;
    width: 80%;
	margin: 15px 0px 0px 0px;
}

.address_content a{
    text-decoration: underline;
  color: #B1B1B1;
  font-size: 13px;
  padding-top: .41666666666667em;
  font-weight: 400;
  display: inline-block;

}

.address_content a:hover{
  text-decoration: none;
    color: #EF4A2B;
}

.address_icon img{
    width: 30px;
    height: 30px;
    position: relative;
    margin: 3px 0px 15px 0px;
    top: 6px;
    left: -8px;



}
/*-- address_wrap ------*****************************************************************************************************************************************/



/*-- phone_wrap ------*****************************************************************************************************************************************/

  .phone_icon{float:left;   
  text-align: right;}
  .phone_icon img{  
   width: 30px;
    height: 30px;
    position: relative;
    top: -1px;
    right: -29px;

}
  

.call_style{    

display: inline-block;
    border-width: 2px;
    border-style: solid;
    border-color: #ff6309;
    /* -moz-border-radius: 19px; */
    /* -webkit-border-radius: 19px; */
    /* border-radius: 19px; */
    height: 35px;
    line-height: 37px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    color: #ff6309;
    /* background: #FF6309; */
    position: relative;
    padding: 0px 35px;
    margin-top: 5px;
    display: none;
}


  .call_style:hover{
    transition-timing-function: linear;
    transition-duration: 5s; 
    content: &#039;
    /* position: absolute; */
    /* height: 100%; */
    /* width: 0; */
    background: #C10E1A;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    color: white;
    border: 1px solid #C10E1A;
    cursor: pointer;
   }

/*  .call_style:hover{
    background-color: #C10E1A;
    color: white;
text-decoration:none;
cursor:pointer; 
border:1px solid  #C10E1A; 
padding-bottom:1px;
}*/



 /* .call_style:hover{text-decoration:none;cursor:pointer; border:none; padding-bottom:1px; }*/
  .call_style2{text-decoration:underline;color:#535899;font-size:14px;padding-top:.41666666666667em;font-weight:400;display:inline-block}
  .call_style2:hover{text-decoration:none;cursor:pointer}
  .phone_wrap{    padding: 6px 46px 0px 54px;}

  @media screen and (max-width: 555px){
  .phone_wrap   {padding:0;}
}

 .phone_content {
    letter-spacing: 0.4px;
    font-size: 20px;
    margin: 3px 77px 0px 0px;
    color: #F7F7F7;
    float: right;
    font-weight: bold;
    padding-bottom: 5px;
}
    @media screen and (max-width: 1100px) {.call_style{font-size:12px}}
  @media screen and (max-width: 1000px){.phone_content{font-size:18px;} .br_phone{display:block;} .phone_content span{display:none;} }
  @media screen and (max-width: 900px){.phone_content{font-size:15px;} .address_content{ font-size: 14px;}}
  @media screen and (max-width: 1203px){.phone_content{    font-size: 13px;
    text-align: right;
    float: right;
    padding-bottom: 17px;
}} .phone_icon{}}

  @media screen and (max-width: 700px){.phone_content{font-size:20px;} .phone {width:50%;}}

  @media screen and (max-width: 650px) {.phone_block{text-align:right} .phone_content{  width: 100%;
    text-align: center;
    margin: 10px 0px -10px 0px;} }


  @media screen and (max-width: 870px){.header3_m .phone_content{font-size:21px; text-align: right; float:right;} .header3_m .phone_icon{display: none;}}


  @media screen and (max-width: 500px) {
    .header3_m .phone_content{  text-align: center;}
  }
  

/*-- phone_wrap ------*****************************************************************************************************************************************/



/*-- nav_bg ------*******************************/
.nav_bg
{    
z-index:10;
background-color:rgba(0,0,0,0.25);
position: absolute;
width: 100%;
margin: 0 auto;
}

.nav_bg:before {
    content: "";
    position: absolute;
    right: 5%;
    height: 100%;
    width: 100px;
    transform: skew(-25deg);
    bottom: 11%;
    background-color: #6b6b6b;
    z-index: 1;
}

.nav_bg:after {
    content: "";
    position: absolute;
    left: 5%;
    height: 100%;
    width: 100px;
    transform: skew(-25deg);
    top: 11%;
    background-color: #8C8B8B;
    z-index: 1;
}

@media only screen and (max-width: 1200px)
{
.nav_bg:before
    {
         display:none;
    }
.nav_bg:after
    {
       display:none;
    }
}

.nav_menu
{
    float: right;
}

.nav
{
    position: relative;
    z-index: 100;
    background: #FF6309;
    transform-style: flat;
    -webkit-transform-style: flat;
    -moz-transformtransform-style: flat;
    -ms-transform-style: flat;
    transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
}


.nav_menu a
{
font-size: 14px;
font-weight: 600;
    display: block;
    float: left;
    padding: 38px 15px 38px 23px;
    background: url("../images/line_nav.png") center left no-repeat;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -ms-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    transform-style: flat;
    -webkit-transform-style: flat;
    -moz-transformtransform-style: flat;
    -ms-transform-style: flat;
    transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
}


.nav_menu span a,
.nav_menu span a:hover,
.nav_menu a:hover
{
    color: white;
    padding: 38px 15px 38px 23px;

}

.nav .active_nav,
.nav .active_nav:hover
{        color: white;
    padding: 38px 15px 38px 23px;
}


@media only screen and (max-width: 1250px)
{
 .nav_menu a{font-size:13px;}
}


@media only screen and (max-width: 1050px)
{
  .nav_menu a
    {
         padding: 20px 15px;
    }
    .nav_menu span a,
    .nav_menu span a:hover,
    .nav_menu a:hover,
    .nav_menu .active_nav,
    .nav_menu .active_nav:hover
    {
       padding: 20px 15px;
    }
}

@media only screen and (max-width: 850px)
{
 .nav a
    {
        padding: 20px 5px;
    }
    .nav_menu span a,
    .nav_menu span a:hover,
    .nav_menu a:hover,
    .nav_menu .active_nav,
    .nav_menu .active_nav:hover
    {
        padding: 20px 5px 20px 5px;
    }
}

@media only screen and (max-width: 1185px)
{
    .nav_menu
    {
        display: none;
    }

    .reg_input{display: none;}
}
/*-- nav_bg ------*******************************/

/*-- lng_block ------*****************************************************************************************************************************************/
 .lng_block .aktive{
     color: rgb(217, 0, 0);
    background: white;
    border: 1px solid rgb(255, 255, 255);
    transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
}

.lng_bt:hover{
   color: rgb(255, 255, 255);
   cursor: pointer;
} 

 .lng_block .aktive:hover{      
     color: rgb(217, 0, 0);
    background: white;
    border: 1px solid rgb(255, 255, 255);
  }

.lng_bt {   display: inline-block;
  padding: 5px 6px 3px 6px;
  font-size: 11px;
  text-decoration: none;
          color: #D4D4D4;
    transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);}

.lng_block {        
    position: absolute;
    top: -17px;
    right: -60px;}

/*-- lng_block ------*****************************************************************************************************************************************/


/*-- shortmenu ------*****************************************************************************************************************************************/
.shortmenu {       position: absolute;
    right: 0px;
    top: 100%;
    background: #FF6309 url("../images/bg_form.png");
    z-index: 1000;
    text-align: left;
    width: 225px;
    display: none;
    border: 2px solid #FF6309;
    overflow: hidden;
}
.shortmenu_box {padding:15px;}
.shortmenu_box ul {list-style:none; }
.shortmenu_box ul  li {padding-bottom:10px;}
.shortmenu_link {font-size:14px; color:white; text-transform:uppercase; text-decoration:none;     font-weight: bold; }
.shortmenu_link:hover {    color: #333333;
    text-decoration: underline;}

.drop_bt span{
  color: #FFFFFF;
  display:inline-block;
  text-decoration:underline;
}

.drop_bt span:hover{
  text-decoration:none;
  cursor:pointer;
}



.short_reg_input{  padding: 15px; background: #EF4A2B; font-size: 14px; display:none;}
.short_reg_input a{color:white;}
.short_reg_input ul {list-style:none; }
.short_reg_input ul  li {padding-bottom:10px;}
/*-- shortmenu ------*****************************************************************************************************************************************/


/*-- nav_open ------*****************************************************************************************************************************************/
.nav_open {display:none; position:relative;   height:51px; float:right; width:55px; }

.nav_open_inner{cursor:pointer;   padding: 14px; background:url("../images/nav.png") no-repeat 0 0; background-position:0px 0px;}
.bgon{   background: #FF6309;}

.bgon:hover{      background: #0000007a;}
.nav_open_inner span {
  display: block;
  width: 25px;
  height: 23px;
  background: url("../images/nav.png") no-repeat;
}
.nav_close_inner{cursor:pointer;position:absolute;top:8px;height:18px;background:url("error-404") no-repeat center center;width:25px;right:8px;border:none;outline:none}
.nav_fix {width:100%; position:fixed; top:0; z-index:1000;-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5); box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);}
@media only screen and (max-width: 1185px) {.nav_open {display:block;   margin-right:14%;  transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);} .nav {overflow: visible;    height: 100px;
    width: 96%;}}

@media only screen and (max-width: 650px) {.nav_open {margin-right:11%;}

.header_logo {
    display: table-cell;
    width: 60%;
    text-align: center;
    vertical-align: middle;
    z-index: 1000;
    padding: 25px;
    position: absolute;
    top: 22px;
}

}

@media only screen and (max-width: 500px) { .nav {height: 75px;}}

/*-- nav_open ------*****************************************************************************************************************************************/

/*-- menu_respons ------*****************************************************************************************************************************************/
.menu_respons{float: left; }
.respons_search{
 position: relative;
  padding: 14px;
  float: left;
  padding: 14px;
 border-right: solid 1px rgb(14, 179, 194);
 display: none;
}

.header_basket{
    display: table-cell;
    width: 23%;
    vertical-align: middle;
display: none;
}

    @media screen and (max-width: 870px) {
.header_basket{display: none;}
  }


.respons_search:hover{
cursor: pointer;
}



.respons_search span{
    display: block;
  width: 25px;
  height: 23px;
  background: url("search-1.png") no-repeat;
}



.respons_basket span{
    display: block;
  width: 25px;
  height: 23px;
  background: url("error-404") no-repeat;
}


.menu_respons .respons_basket{
  position: relative;
  padding: 14px;
display: block;
float: left;
 border-right: solid 1px rgb(14, 179, 194);
 display: none;
}

.menu_respons .respons_basket:hover, .menu_respons .respons_search:hover{
    background: rgb(8, 167, 181);
}



@media only screen and (max-width: 1185px){.menu_respons .respons_search{display: block; display:none;}}
@media only screen and (max-width: 870px){.menu_respons  .respons_basket{display: block; display:none;}}
/*-- menu_respons ------*****************************************************************************************************************************************/





/*-- proekt_slide ------*****************************************************************************************************************************************/
  .proekt_slide{max-height: 200px;
    padding: 35px 0 100px;
    margin-bottom: 205px;}
  .proekt_slide_block {         /* -webkit-border-radius: 5px; */
    -moz-border-radius: 5px;
    /* border-radius: 5px; */
    background: #F7F7F7;
    /* -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3); */
    /* box-shadow: 0 0 2px 1px rgba(0,0,0,0.3); */
    overflow: hidden;
    /* box-shadow: 1px 1px 2px -1px #C0C0C0; */}
  .proekt_slide_title {    padding: 0px 0;
       border-bottom: 3px solid #8C8B8B;
position:relative;
    background: white;
}


  .proekt_slide_name h2 {    text-transform: uppercase;
    font-size: 19px;
    color: #FFFFFF;
    display: inline-block;
    margin-right: 10px;
margin-left:27px;
    position: relative;
    z-index: 1;
    background: #FF6309;
    padding: 7px;}

 .proekt_slide_name h2:before {
    content: "";
    position: absolute;
    left: -18px;
    height: 36px;
    width: 44px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: -7;
}

 .proekt_slide_name h2:after {
    content: "";
    position: absolute;
    right: -18px;
    height: 36px;
    width: 44px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: -7;
}

.proekt_slide_name a{      color: #FFFFFF;
    font-size: 14px;
    margin-left: 20px;
    background: #423F3F;
    padding: 5px 9px 9px 9px;
position:relative;
z-index:0;
   }

.proekt_slide_name a:after {
    content: "";
    position: absolute;
    right: -18px;
    height: 30px;
    width: 44px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #423F3F;
    z-index: -7;
}

.proekt_slide_name a:before {
    content: "";
    position: absolute;
    left: -18px;
    height: 30px;
    width: 44px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #423F3F;
    z-index: -7;
}



  .proekt_slide_list {padding:15px 0;   }
  .proekt_slider {list-style:none;}
  .proekt_slide_row { padding:8px;}

.proekt_slide_row:hover{-webkit-box-shadow: 1px 1px 1px 1px rgba(54, 54, 54, 0.34);
    box-shadow: 1px 1px 1px 1px rgba(54, 54, 54, 0.34);}
  .proekt_slide_row a{color:rgb(28, 29, 29); text-decoration: none;}
    .proekt_slide_row a:hover{text-decoration: underline;}
  .proekt_slide_row_link {text-decoration:none;}
  .proekt_slide_row_img { padding-bottom:10px;  margin-bottom:15px; }
  .proekt_slide_row_img img{  max-width: 100%; }
  .proekt_slide_row_name {font-size:16px; padding-bottom:5px;   height: 42px; line-height: 21px; overflow:hidden;}
  .proekt_slide_row_link:hover .proekt_slide_row_name {text-decoration:none;}
  .proekt_slide_row_desc {font-size:13px;text-decoration:none; color:#3b3b3b;}
  .proekt_slide_row_bt {text-align:center;}
  .proekt_slide_row_btn{
    margin-bottom: 20px;
    padding: 0.65em 9%;
    font-weight: bold;
    display: inline-block;
    font-size: 0.81em;
    text-decoration: none;
    margin-top: 0.76em;
    position: relative;
    color: #FFFFFF;
    background: #FF6309;
}


 .proekt_slide_row_btn:before {
    content: "";
    position: absolute;
    left: -10px;
    height: 32px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: 0;

}

 .proekt_slide_row_btn:after {
    content: "";
    position: absolute;
    right: -10px;
    height: 32px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: 0;
}

 .proekt_slide_row_btn:hover:before {
    content: "";
    position: absolute;
    left: -10px;
    height: 32px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #333333;
    z-index: 0;

}

 .proekt_slide_row_btn:hover:after {
    content: "";
    position: absolute;
    right: -10px;
    height: 32px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #333333;
    z-index: 0;
}


a {
  outline: none;
}
user agent stylesheeta:-webkit-any-link {
  color: -webkit-link;
  text-decoration: underline;
  cursor: auto;}
  .proekt_slide_row_btn:hover{          cursor: pointer;
    color: #FFFFFF;
    background: #333333;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.homepslide_look {
  padding: 0.65em 9%;
  background-color: rgb(0, 135, 176);
  font-weight: bold;
  color: white;
  display: inline-block;
  font-size: 0.81em;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top: 0.76em;
  position: relative;}

  .proektgalery{}
.proektgalery2{}
.proektgalery2 a {}
.proektgalery2 img{ width:100%; }
.proektgalery2 div {}


  .proektgalery a {width:33%; float:left; display:block; overflow:hidden;}
  .proektgalery a div {  padding: 5px;
  margin: 4px;
  border: 1px solid rgb(232, 232, 232);
  background-color: white;}

  .proektgalery a div div {background:#ffffff;height:150px;overflow:hidden;   
  position: relative;   border: none;}
  .proektgalery img{ width:100%; position: absolute;  left: 0; top: 0;   right: 0; bottom: 0; margin: auto;}
  .proekt_list_row {width:33.33%; float:left;}
  .proekt_list_row:nth-child(3n+4){clear: left;}
  .proekt_list_row_block {padding:10px;}
  .proekt_list_row_block2 {    border: 1px solid #FFFFFF;
    background: #ffffff;
    background: #F7F7F7 url("proect_bg.png");}

  @media screen and (max-width: 1050px){.proekt_list_row {width: 50%;} .proekt_list_row:nth-child(3n+4){clear: none;} .proekt_list_row:nth-child(2n+3){clear: left;}}
  @media screen and (max-width: 800px){.proekt_list_row {width:33%;} .proektgalery2 div{ } .proekt_list_row:nth-child(2n+3){clear: none;} .proekt_list_row:nth-child(3n+4){clear: left;}}
  @media screen and (max-width: 700px){.proekt_list_row {width: 50%;}  .proekt_list_row:nth-child(3n+4){clear: none;} .proekt_list_row:nth-child(2n+3){clear: left;}}
  @media screen and (max-width: 600px){.proektgalery a {width: 50%;} .proektgalery a div {padding:5px;} }
  @media screen and (max-width: 550px){.proekt_list_row {width: 100%; clear:both;} .proektgalery2 a{height:125px; }}
  @media screen and (max-width: 450px){.proektgalery2 div{width:100%; }}

  
/*-- proekt_slide ------*****************************************************************************************************************************************/









/*-- container ------*****************************************************************************************************************************************/
.container {
  padding: 0 20px;
}

.center_block {
    /*background: #FCFCFC;*/
    max-width: 1178px;
    width: 100%;
    margin: 0px auto 0px;
  
}

.center_block_inside{
padding: 0px 20px;
    position: relative;
 
        -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}


/*-- container ------*****************************************************************************************************************************************/






.home_catalog {
  margin-top: 25px;
}






/*-- razdellist ------*****************************************************************************************************************************************/
  .razdellist{padding-top:1.8em}

  .service{    width: 25%;
/*    overflow: hidden;*/
    position: relative;
    float: left;
    text-align: center;
}
  .service span{        display: block;
    z-index: 100;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    height: 45px;
    padding-top: 5px;
    background: #FF6309;
    color: #FFFFFF;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;}

.service span:after{
    content: "";
    bottom: -6px;
    right: -2px;
    height: 9px;
    position: absolute;
    width: 40%;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 40px;
    border-color: transparent transparent #ffffff transparent;
}

  .service a{
     position: relative;
    display: block;
    color: #080910;
    text-decoration: none;
    margin: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: hidden;
}
      .service a:hover{border-color:black;}




  .service:nth-child(5n+6){clear: left;}
  .service a:hover img{

}
 .service a:hover span{      color: black;
}



  .circle{      display: inline-block;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -ms-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;}
  
  .circle img{              max-width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



.circle:hover:before{
    background-color: #ef4a2b;
}

.service .circle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255,255,255,.4);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.service a:hover .circle:before{
width: 120%;
    background-color: transparent;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

  @media screen and (max-width: 800px) {.service{width:50%} .service:nth-child(3n+4){clear:none;} .service:nth-child(2n+3){clear:left;}}
  @media screen and (max-width: 700px) {.service{width:50%}}
  @media screen and (max-width: 500px) {.service{width:100%}}

/*-- razdellist ------*****************************************************************************************************************************************/



/*-- razdellist2 ------*****************************************************************************************************************************************/
  .razdellist2{padding-top:1.8em; padding-bottom: 20px;}

  .service2{width:22%; overflow:hidden;position:relative;float:left;text-align:center; padding-bottom: 70px;}
  .service2 span{display:block;  margin-top: 10px;font-size:16px; font-weight:bold; line-height:1.25em;  color: #003C67; -webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
  .service2 a{display:block;color:#080910;text-decoration:none;   margin: 0 20px;   -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
  .service2:nth-child(5n+6){clear: left;}
  .service2 a:hover img{
    border: 1px solid rgb(25, 181, 229);
  -webkit-filter: contrast(120%);
  background: rgb(25, 181, 229);
}
  .service2 a:hover span{  color: #04BFF9;}
  .circle{  display:inline-block;position:relative; -webkit-transition:background .2s ease;-moz-transition:background .2s ease;-ms-transition:background .2s ease;-o-transition:background .2s ease;transition:background .2s ease}
  


  @media screen and (max-width: 1000px) {.service2{width:50%} .service2:nth-child(3n+4){clear:none;} .service2:nth-child(2n+3){clear:left;}}
  @media screen and (max-width: 800px) {.service2{width:33.33%} .service2:nth-child(2n+3){clear:none;} .service2:nth-child(3n+4){clear:left;}}
  @media screen and (max-width: 700px) {.service2{width:50%} .service2:nth-child(3n+4){clear:none;} .service2:nth-child(2n+3){clear:left;}}

  @media screen and (max-width: 500px) {.service2{width:100%}}

/*-- razdellist2 ------*****************************************************************************************************************************************/

/*-- footer_wrap ------*****************************************************************************************************************************************/
  .footer_wrap { background: white;}

  .footer_wrap a {color:#A5A6A7; text-decoration:underline;}

  .footer_wrap1 { padding:38px 20px;}



  .footer_wrap2 { font-size:14px; color:#777880;   padding: 0 20px;}
  
.footer_wrap_bg {
background: #333;
position:relative;
z-index:0;
    /* padding: 10px 0 50px; */
}

.footer_wrap_bg:before {
    content: "";
    background: #FF6309;
   top: -5px;
    left: 30%;
    height: 9px;
    position: absolute;
    width: 40%;
z-index:1;
    transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
}

.footer_wrap_bg:after {
    content: "";
    background: #FF6309;
  bottom: -5px;
    left: 30%;
    height: 9px;
    position: absolute;
    width: 40%;
z-index:1;
    transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
}

.footer_block2_content ul {
    width: 100%;
    text-align: center;
}

/*  footer_block1 */
  .footer_block1 {width:35%; float:left;}
  .footer_block1_name{font-size:18px; color:#FFD53A;  margin-bottom:5px;}
  .footer_block1_img{width:26px; height: 32px; margin-right:10px; vertical-align:middle;}
  .footer_block1_img {background-position: 0px 0px;}
  .footer_block1_content {    padding-left: 42px;
    font-weight: bold;
    color: white;
    font-size: 24px;}
  .footer_block1_content a {display:block; font-weight: normal; float:left; font-size:12px; margin-top:5px; color:#043A68; text-align:left;}
  @media screen and (max-width: 700px){.footer_block1 {width:60%;}}
  @media screen and (max-width: 585px){.footer_block1 {width:50%; float: none; display:none;}}

/*  footer_block1 */



/*  footer_block2 */
  .footer_block2 {width:30%; float:left; text-align:left;}
  .footer_block2_name{font-size:18px; color:#FFD53A;  margin-bottom:5px;}
  .footer_block2_img{  width: 33px; height: 32px; margin-right:10px; vertical-align:middle;}
  .footer_block2_img {background-position: -71px -2px;}
  .footer_block2_content {  }

  .footer_block2_content li{       list-style-type: none;
    display: block;
    margin-bottom: 5px;
    display: inline-block;}
  .footer_block2_content a {     font-size: 12px;
    display: block;
    float: left;
    padding: 7px 12px 0px 12px;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -ms-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}
.footer_block2_content a:hover {
text-decoration: underline;
}


  @media screen and (max-width: 700px){.footer_block2 {width: 40%;}}
   @media screen and (max-width: 585px){.footer_block2 {width:60%; }}
   @media screen and (max-width: 450px){.footer_block2 {width:100%;  }}

/*  footer_block2 */

/*  footer_block3 */
  .footer_block3 {width:100%; float:left;}
  .footer_block3_name{font-size:18px; color:#ffffff;  margin-bottom:19px;margin-left: 125px;
}
.footer_block3_name a{
margin-left: 173px;
    color: #828282;
    font-size: 12px;
    margin-bottom: 63px;
}

  .footer_block3_img{width:26px; height:32px; margin-right:10px;  vertical-align:middle;}
  .footer_block3_img {background-position: -37px 0px;}
  .footer_block3_content {  padding-left: 37px; font-size: 15px; color:white;}
  .footer_block3_content a {display:block; font-weight: normal; float:left;  font-size: 12px; margin-top:5px; color:#4A4A5D; text-align:left;}
.footer_block3_content a:hover {
    color: #FD7BA4;
}
  @media screen and (max-width: 700px){.footer_block3 {display:block; width:70%;}}
    @media screen and (max-width: 585px){.footer_block3 {width:100%; float: none; margin-top:30px;display:none;}}

/*  footer_block3 */


.fut_icon img{
  width: 24px;
  height: 24px;
  -moz-opacity: 0.55;
  -khtml-opacity: 0.55;
  opacity: 0.55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=55);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
  filter: alpha(opacity=55);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

}

.fut_icon a:hover img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}


  .fut_icon {width:30%; float:left; text-align:left;   padding-top: 16px;}
  @media screen and (max-width: 650px){.fut_icon {width:100%; text-align: center; margin-bottom: 10px;} }
  .footer_developer {width:70%; float:right;text-align:right;}
  @media screen and (max-width: 650px){.footer_developer {width:100%; text-align:left;}}

  .footer_developer_block {padding:15px; color: #717070;}

  .impreza_logo {width:22px; height:22px; background:url("developer.png") no-repeat;background-position: -0px 0px; vertical-align:middle; margin:0 5px 0 5px;}
  .footer_wrap a:hover .impreza_logo {background-position: -0px -43px;}

/*-- footer_wrap ------*****************************************************************************************************************************************/




/*-- footer_wrap ------*****************************************************************************************************************************************/
/*--.footer_wrap_bg .container_inside{background:url(/images/user/images/slider/slide.jpg) no-repeat bottom center;}*/


.foot-bot-line {
    background: none repeat scroll 0 0 #000;
    bottom: -8px;
    left: 30%;
    height: 9px;
    position: absolute;
    width: 40%;
    transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
}

.foot_dop{
height:27px;
width:100%;
    background: #FCFCFC url("error-404") bottom repeat-x;
}




  .footer_wrap a:hover {    color: #FF6309;
    text-decoration: none;}
  .footer_wrap1 {

}

.slider_wrap_bg{
    padding: 0px 45px 179px;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    /*background: url(/images/user/images/slider/slider.jpg) center top no-repeat;*/
}



  .footer_wrap2 { font-size:14px; color:#777880;   padding: 0 20px;}


/*  footer_block1 */

  .footer_block1 {width:35%; float:left;}
  .footer_block1_name{}
  .footer_block1_img{width:26px; height: 32px; margin-right:10px;  vertical-align:middle;}
  .footer_block1_img {background-position: 0px 0px;}
  .footer_block1_content {padding-left:42px; font-weight: bold; color:white;}
  .footer_block1_content a {display:block; font-weight: normal; float:left; font-size:12px; margin-top:5px; color:#043A68; text-align:left;}
  @media screen and (max-width: 700px){.footer_block1 {width:60%;}}
  @media screen and (max-width: 585px){.footer_block1 {width:100%; float: none;}}

/*  footer_block1 */


/*  footer_block4 */
  .footer_block4 {width:21%; float:left;}
  .footer_block4_name{font-size:18px; color:#FFFFFF;  margin-bottom:5px;}
  .footer_block4_img{    width: 26px;
    height: 32px;
    margin-right: 8px;
    background: url("error-404") no-repeat;
    vertical-align: middle;}
  .footer_block4_img {background-position: -118px 0px;}
  .footer_block4_content {padding-left:38px; font-weight: bold; color:white;}
  .footer_block4_content a {display:block; font-weight: normal; float:left; font-size:12px; margin-top:5px; color:#043A68; text-align:left;}
  @media screen and (max-width: 700px){.footer_block4 {width:50%;}}
  @media screen and (max-width: 500px){.footer_block4 {width:100%; float: none;}}

/*  footer_block4 */

/*  footer_block2 */
  .footer_block2 {width:30%; float:left;text-align:left;}
  .footer_block2_name{}
  .footer_block2_img{  width: 33px; height: 32px; margin-right:10px;vertical-align:middle;}
  .footer_block2_img {background-position: -71px -2px;}
  .footer_block2_content {  padding-left: 4px;  color:#D7D7D6;}




  @media screen and (max-width: 700px){.footer_block2 {width:40%;}}
   @media screen and (max-width: 585px){.footer_block2 {width:60%; }}
   @media screen and (max-width: 450px){.footer_block2 {width:100%;  }}


/*  footer_block2 */

/*  footer_block3 */
.footer_block3_name span{
    color: #FFFFFF;
    font-weight: normal;
    font-size: 15px;
    margin-left: 24px; 
}
  .footer_block3_img{width:26px; height:32px; margin-right:2px;  vertical-align:middle;}
  .footer_block3_img {background-position: -41px 0px;}
  .footer_block3_content { 
    color: white;
    padding-left: 28px;
}
  .footer_block3_content a {display:block; font-weight: normal; float:left;  font-size: 12px; margin-top:5px; color:#cbe2cd; text-align:left;}


    @media screen and (max-width: 585px){.footer_block3 {width:100%; float: none; margin-top:30px;display:none;}}

/*  footer_block3 */


.fut_icon img{
  width: 24px;
  height: 24px;
  -moz-opacity: 0.55;
  -khtml-opacity: 0.55;
  opacity: 0.55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=55);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
  filter: alpha(opacity=55);
 /* -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;*/

}

.fut_icon a:hover img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}


  .fut_icon {width:30%; float:left; text-align:left;   padding-top: 13px;}
  @media screen and (max-width: 650px){.fut_icon {width:100%; text-align: center; margin-bottom: 10px;} }
  .footer_developer {width:70%; float:right;text-align:right;}
  @media screen and (max-width: 650px){.footer_developer {width:100%; text-align:left;}}



  .impreza_logo {width:22px; height:22px; background:url("developer.png") no-repeat;background-position: -0px 0px; vertical-align:middle; margin:0 5px 0 5px;}
  .footer_wrap a:hover .impreza_logo {background-position: -0px -43px;}

/*-- footer_wrap ------*****************************************************************************************************************************************/


/*-- copyright ------*****************************************************************************************************************************************/
.copyright{text-align:center; height: 30px; font-size:13px; color:#454545;}
.copyright a{color:#181818;}
.copyright a:hover{text-decoration:none; color:#C50000;}
/*-- copyright ------*****************************************************************************************************************************************/





/*-- beautybox1 ------*****************************************************************************************************************************************/
.beautybox1_inside{
 
}

.beautybox1{

}
/*-- beautybox1 ------*****************************************************************************************************************************************/




/*-- beautybox2 ------*****************************************************************************************************************************************/
.beautybox2_inside{
position: relative;
}


/*-- beautybox2 ------*****************************************************************************************************************************************/


/*-- beautybox3 ------*****************************************************************************************************************************************/
.beautybox3_inside{
  background: white url("wave_bottom.png") center center repeat-x;
  height: 8px;
}
/*-- beautybox3 ------*****************************************************************************************************************************************/









/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.slider_wrap .container{
padding:0;
max-height:900px;
overflow: hidden;
}

.slider_wrap .container_inside{
max-width:100%;
}

.slider_wrap {
    max-height:900px;
    text-align: center;
    overflow: hidden;
    margin-top: -60px;
}





.bx-wrapper {
   position: relative; 
    max-height: 630px;
  /*  overflow: hidden;
    padding: 0 65px;*/
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider li, .bxslider1 li{
  list-style-type: none;
}

.bxslider1 img{
  max-width:100%;

}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);


}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
 /* display: none;*/
  width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("bx_loader.gif") center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left: -25px;
  background: url("controls.png") no-repeat 0 -35px;
}

.bx-wrapper .bx-next {
  right: -25px;
  background: url("controls.png") no-repeat -43px -35px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

@media screen and (max-width: 1024px) {
.bx-wrapper .bx-prev {
  left: 10px;
 }

.bx-wrapper .bx-next {
  right: 10px;
 } }



.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 10;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("controls-1.png") -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("controls-1.png") -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #6669;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/******* предложения ************************/

.l_block01 {
    float: left;
    width: 65%;
}

.l_block01 .block_inside {
    padding-right: 50px;
}

.desc-full {
    font-size: 15px;
    color: #4a4a4a;
}

.desc-full p {
    padding: 8px 0;
}

.desc-full-text p {
    line-height: 21px;
}

.r_block02 {
    float: left;
    width: 35%;
}

.h_name, h1 {
    font-size: 18px;
    padding: 5px;
    text-align: center;
    color: #FFF;
    background: #FF6309;
    position: relative;
    z-index: 0;
}

.h_name, h1:before {
    content: "";
    position: absolute;
    left: -18px;
    height: 31px;
    width: 65%;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: -7;
}

.h_name, h1:after {
    content: "";
    position: absolute;
    right: -18px;
    height: 31px;
    width: 44px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: -7;
}

h2 {
    font-size: 18px;
    padding: 5px;
    text-align: center;
    color: #FFF;
    background: #FF6309;
    position: relative;
    z-index: 0;
}

h2:before {
    content: "";
    position: absolute;
    left: -18px;
    height: 31px;
    width: 65%;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: -7;
}

h2:after {
    content: "";
    position: absolute;
    right: -18px;
    height: 31px;
    width: 44px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: -7;
}

.documents_inside {
    font-size: 15px;
    padding: 25px 0;
    color: #4f4f4f;
}

.doc {
    float: left;
    width: 50%;
    text-align: center;
}

@media screen and (max-width: 1024px) {.h_name, h1:before {    width: 55%;} }


/******* предложения ************************/

.l_block{
 float: left;
}

.width_30{
    width: 25%;
    padding-top: 15px;
}


.r_block{
  float:right;
}

.r_block .j_block{
  padding-left:30px;
    padding-top: 20px;
}

.width_70{
  width: 75%;
}

@media screen and (max-width: 890px) {.l_block, .r_block  {width:100%; float:none; padding-top: 5px;}  .r_block .j_block{padding:0;} }



/***************************************************  lmenulist    *******************************************************************/

.lmenulist{
    text-align: left;
    margin-bottom: 20px;
    /* overflow: hidden; */
    background: #dadada;
    /* border-radius: 1px 0px 5px 5px; */
    -moz-border-radius: 1px 0px 5px 5px;
    /* -webkit-border-radius: 1px 0px 5px 5px; */
    z-index: 1;
    position: relative;
    padding-bottom: 10px;
    /* border-bottom: 3px solid #D4D4D4; */
}


.sidemenu_razdel{
position: relative;
    margin-bottom: 40px;
    padding-top: 5px;
    /* padding: 0px 15px; */
    z-index: 1;
    border-left: 1px solid #DEDEDE;
}





.sidemenu_services{
      background: #FF6309;
}

.menu_title{
      border-bottom: none;
    padding: 18px 20px 15px 23px;
    font-size: 18px;
    position: relative;
    z-index: 2;
    color: #FFFFFF;
    text-align: left;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    border-bottom: 3px solid #8C8B8B;
    background: #FF6309;
  }

.menu_title:after {
content: "";
    position: absolute;
    right: -13px;
    height: 54px;
    width: 44px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: -7;
}

.menu_title:before {
content: "";
    position: absolute;
    left: -13px;
    height: 54px;
    width: 44px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: -7;
}

.top_lvl img{        position: absolute;
    left: -5px;
    top: 18px;
    max-width: 100%;}
.top_lvl_li{   -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);}



.menu_title img{    position: absolute;
    left: -14px;
    top: 10px;
    width: 27px;
    height: 32px;
    display: none;

  }

.lmenulist li .top_lvl{font-weight:600;}
.lmenulist li .top_lvl:hover {         color: #FF6309;         }
.lmenulist .top_lvl_active{   
    color: #FF6309;
 }



.lmenulist li .top_lvl_active:hover{      
    color: #FF6309;        
}
.lmenulist span  li .top_lvl:hover{background-color: #F7F7F7;}



.lmenulist li a{    
display: block;
    padding: 14px 16px 14px 20px;
    font-size: 14px;
    position: relative;
    color: #2F2F2F;
    text-decoration: none;
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease;
    border-bottom: 1px solid #FFFFFF;
}







.lmenulist li{list-style-type: none;}

.side_sub li a {background-image: none;color:black;padding: 8px 10px 8px 24px;font-size:14px;border:none; padding-left: 65px;}
.side_sub .side_sub{border: none;padding:0;}
.side_sub{padding: 0px 0 10px;/*border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;  background-color: rgb(254, 248, 248);*/}
.lmenulist .side_sub li a:hover{         }

.side_sub .side_sub_action{

}
.icon_menu{width: 20px;height: 20px;position: absolute;left: 11px;top: 10px;}
.sml-mark {font-size: 16px;padding-right: 7px; width:6px;  display: inline-block;
height: 9px;}


.lmenulist .side_sub li a:hover .sml-mark {font-size: 16px; width:6px; height:6px;  display: inline-block;  height: 9px;}
.side_sub span li a .sml-mark {font-size: 16px;padding-right: 15px; width:6px; height:6px;  display: inline-block; height: 9px;}

.side_sub li a:hover .sml-mark{color:#e14537;}
.side_sub .side_sub a{padding-left:40px;}
.side_sub .side_sub .side_sub a{padding-left:60px;}
.side_sub .side_sub .side_sub .side_sub a{padding-left:70px;}
.side_sub .side_sub .side_sub .side_sub .side_sub a{padding-left:80px;}
.side_sub .side_sub  .side_sub .side_sub .side_sub .side_sub a{padding-left:90px;}
.side_sub .side_sub  .side_sub .side_sub .side_sub .side_sub .side_sub a{padding-left:100px;}
.side_sub .side_sub  .side_sub .side_sub .side_sub .side_sub .side_sub .side_sub a{padding-left:110px;}
/***************************************************  lmenulist    *******************************************************************/



.desc-full{  text-align: left;
/*  padding: 0 0 20px 0;*/
  font-size: 15px;
  color: #3f3f3f;
}

.desc-full p{padding:3px 0;}

.desc-full img{max-width:100%;}

/***************************************************  breadcrumbs    *******************************************************************/
.breadcrumbs {  text-align:left; padding:15px 0px 5px 0px; line-height:25px;}
.breadcrumbs a {    font-size: 14px;
    color: #7f7f7f;
    text-decoration: underline;
    padding: 0px 6px 0px 6px;}
.breadcrumbs a:hover {        text-decoration: none;
    color: #EF4A2B;
    padding: 2px 6px;}
.breadcrumbs span {padding:0px 10px; color:#9DAEC3;}
.breadcrumbs a.aktiv {text-decoration:none; color:#b5b5b5;}
.breadcrumbs a.aktiv:hover{background:white;}
/***************************************************  breadcrumbs    *******************************************************************/




/***************************************************  form_base    *******************************************************************/

.form_base {
margin-bottom: 30px;
margin-left: 0px;
margin-right: 0px;
width: 100%;
padding-top: 10px;
}



.form_base2 {
margin-bottom: 30px;
background-color:white;
margin-left: 0px;
margin-right: 0px;

padding: 0px;
display:table;
}

.form_base_row {
display:table;
width: 100%;
}



.f_title, .f_phone {
display: table-cell;
width: 50%;
}

.f_title, .f_phone{
padding:20px 0;
}

.f_title {
    background: #FF6309 url("http://electrostal.sk-wd.ru/images/bg_form.png");
    color: white;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 21px;
}





.f_title:before {
    content: "";
    background: #333333;
    top: -5px;
    left: 30%;
    height: 9px;
    position: absolute;
    width: 70%;
    z-index: -1;
    transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
}


.f_title2{
    width: 100%;
    display: block;
    float: none;
    border-left: 1px solid #FF6309;
    border-right: 1px solid #FF6309;
    border-top: 1px solid #FF6309;
    background: #FF6309 url("bg_form.png");
    position: relative;
}

.f_title2:before {
content: "";
    background: #333333;
    top: -5px;
    left: 30%;
    height: 9px;
    position: absolute;
    width: 70%;
    z-index: -1;
    transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
}
.f_phone2{
    width:100%;
  display:block;
  float:none;
  border-left: 3px solid #C10E1A;
}

.f_title_content{
  padding:0 20px;
}
.f_content_big {
     color: #ffffff;
    font-weight: bold;
}




.f_content_mini{
    display: inline-block;
    margin-top: 9px;
    color: #E6E6E6;
    text-transform: none;
    font-style: italic;
    /* font-weight: bold; */
    line-height: normal;
    font-size: 13px;
}

.f_phone {
    border-right: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    background: #EAEAEA;
    text-align: center;
    position: relative;
    vertical-align: middle;
    /* -webkit-border-bottom-right-radius: 8px; */
    /* -webkit-border-bottom-left-radius: 8px; */
    /* border-bottom-right-radius: 8px; */
    /* border-bottom-left-radius: 8px; */
}

.f_phone:before{
    content: "";
    background: #333333;
    bottom: -4px;
    right: 30%;
    height: 9px;
    position: absolute;
    width: 70%;
    z-index: -1;
    transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
}


.f_button {
margin-bottom: 19px;
    padding: 0.5em 7%;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    margin-top: 21px;
    position: relative;
    z-index: 1;
    color: #FFFFFF;
    background: #FF6309;
}

.f_button:hover{
    cursor: pointer;
    color: #EF4A2B;
    background: #FFFFFF;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}



.f_phone_content{
font-size: 22px;
line-height: 24px;
  font-weight: bold;
}

.f_content_big{

}





@media screen and (max-width: 890px) {

.form_base_row{ margin-top:50px;}

.f_title2{
  width:50%;
  display:table-cell;

  border-left:none;
  border-right:none;

}

.f_phone2{
      width:50%;
  display:table-cell;

  border-left:none;
}
}
  


@media screen and (max-width: 520px) {
  .f_title, .f_phone{width:100%; display: block;} 

  }



}
  


/***************************************************  form_base    *******************************************************************/






/***************************************************  linfo    *******************************************************************/
.linfo a img{
    max-width:100%;
    margin-top: 15px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.linfo img{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

}

.linfo a img:hover{
opacity: 0.8;
}
/***************************************************  linfo    *******************************************************************/




/*-- review_slide ------*****************************************************************************************************************************************/
  .review_slide{padding:15px}
  .review_slide .hr{clear:both}
  .review_slide_name{font-size:18px;color:#141414;text-align:left;text-transform:uppercase;float:left;padding-bottom:5px}
  .review_slide_bt{float:right}
  .review_slide_add{position:relative;top:-10px;padding:10px 35px;border:1px solid #a4a4a4;background-color:#fff;text-align:center;color:#7c7c7c;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;display:inline-block;font-weight:400;font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}

  .review_slide_block{padding:25px 0;text-align:center}
  .review_row{padding:15px;clear:both;width:80%;text-align:left}
  .review_row_name{font-size:14px;font-weight:700;color:#292E32;}
  .review_row_city{     font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 8px;
position:relative;
z-index:0;
    padding: 5px 5px 5px 20px;
    background: #FF6309;}
 .review_row_city:after {
    content: "";
    position: absolute;
    left: -40px;
    height: 38px;
    width: 44px;
    transform: skew(-25deg);
    top: 0px;
    background-color: white;
    z-index: 1;
}


  .review_row_red{width:20%;height:3px;background:#FFFFFF;margin:10px 0; display:none;}
  .review_row_text{
    padding: 24px 15px 24px 20px;
    background: #E0E0E0;
    position: relative;
    z-index: 2;
    color: #333333;
}





  .review_row_photo{padding-top:15px}
  .review_row_photo img{       max-height: 100px;
    max-height: 100px;
    margin-left: 5px;
    border: 2px solid #EAEAEA;
    padding: 3px;
    float: left;
       -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
  .review_row_photo img:hover{          border: 2px solid #FF6309;
    background: #FF6309;}
  .review_row_all{margin:35px 0 10px;text-align:center}
  .review_row_all a{display:inline-block;padding:5px 0;font-size:16px;font-weight:700;color:#535899;text-decoration:none;border-bottom:dashed 2px #535899;text-transform:uppercase}
  .review_row_all a:hover{border-bottom:none;padding-bottom:7px}
  .rewimgList{max-height:50px;margin-left:5px;border:1px solid #dedede;padding:2px;float:left;background:#fff}
  .hideinput{position:absolute;top:0;left:0;width:9999%;margin-left:-9899%;height:100%;-ms-filter:alpha(Opacity=50);filter:alpha(opacity=1);-moz-opacity:.01;-khtml-opacity:.01;opacity:.01}
  .rwimguploadbt{display:inline-block;text-decoration:none;text-align:center;font-size:16px;padding:8px 15px;color:#FFF;background:#6CABE2;position:relative;cursor:pointer;margin:10px 0 15px}
  .mastk{font-size:12px}
  .reviews_galery{margin:15px 0}
  .reviews_galery img{max-height:100px;margin-left:5px;border:1px solid #EDEDED;padding:3px;float:left;background:#fff;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
  .reviews_galery img:hover{border:1px solid #F72665}

  .jstbt{
    border: none;
margin-bottom: 20px;
    padding: 9px 3%;
    font-weight: bold;
    display: inline-block;
    font-size: 0.81em;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 0.76em;
    position: relative;
    color: #FFFFFF;
    background: #FF6309;
}

.jstbt:hover{
   cursor: pointer;
    color: #FFFFFF;
    background: #333333;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    } 

.jstbt:before {
    content: "";
    position: absolute;
    left: -10px;
    height: 32px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: 0;

}

.jstbt:after {
    content: "";
    position: absolute;
    right: -10px;
    height: 32px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: 0;
}

.jstbt:hover:before {
    content: "";
    position: absolute;
    left: -10px;
    height: 32px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #333333;
    z-index: 0;

}

.jstbt:hover:after {
    content: "";
    position: absolute;
    right: -10px;
    height: 32px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #333333;
    z-index: 0;
}




.button_rev_style {
margin-bottom: 20px;
    padding: 0.65em 3%;
    font-weight: bold;
    display: inline-block;
    font-size: 0.81em;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 0.76em;
    position: relative;
    color: #FFFFFF;
    background: #FF6309;
    float: right;
}
  


.button_rev_style:hover {
   cursor: pointer;
    color: #FFFFFF;
    background: #333333;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}


.button_rev_style:before {
    content: "";
    position: absolute;
    left: -10px;
    height: 32px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: 0;

}

.button_rev_style:after {
    content: "";
    position: absolute;
    right: -10px;
    height: 32px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #FF6309;
    z-index: 0;
}

 .button_rev_style:hover:before {
    content: "";
    position: absolute;
    left: -10px;
    height: 32px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #333333;
    z-index: 0;

}

.button_rev_style:hover:after {
    content: "";
    position: absolute;
    right: -10px;
    height: 32px;
    width: 25px;
    transform: skew(-25deg);
    top: 0px;
    background-color: #333333;
    z-index: 0;
}


    .review_slide_add:hover{cursor:pointer;border:1px solid #e4121d;color:#e4121d}
  @media screen and (max-width: 550px) {
  .review_slide_name{float:none;margin:10px 0}
  .review_slide_bt{float:none;margin:13px 0 5px;text-align:center}

  }
/*-- review_slide ------*****************************************************************************************************************************************/



/*  перечень товаров */
.sort { padding:0px 0px 37px 0px; font-size:14px; color:#000;}
.sort strong { font-size:14px; display:inline-block; padding:0px 8px;color:#9e9e9e;}
.sort a {     margin-bottom: 10px;
    font-size: 14px;
    color: #C1391F;
    text-decoration: underline;
    display: inline-block;
    padding: 0px 8px;
    margin-bottom: 10px;}
.sort a:hover {text-decoration:none;}
/*  перечень товаров */


/*  стикеры */
.stiker_catalog {position:absolute; top:0px; left:0px; z-index:10;}
.stiker_catalog img  {display:block;   width: 57px;}

/*  стикеры */

/*  Кнопка купить */
.cklickbuy { 
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    padding: 9px 25px;
    display: inline-block;
    text-decoration: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #FFFFFF;
    background: #EF4A2B;
    /* text-shadow: 1px 1px 0 #1E1A17; */
    -webkit-box-shadow: 0px 0px 0px 1px #D0D0D0;
    -moz-box-shadow: 0px 0px 0px 1px #D0D0D0;
    box-shadow: 0px 0px 0px 2px #EF4A2B;
    border: 3px solid #EAEAEA;
}

.cklickbuy:hover {    
    cursor: pointer;
    color: #EF4A2B;
    background: #FFFFFF;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
   }


/*  Кнопка купить */

.buybt {
  
  text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: white;
    cursor: pointer;
    padding: 9px 25px;
    display: inline-block;
    text-decoration: none;
    background: #E31E25;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
  }

.buybt:hover { 
  background: rgb(181, 0, 27);

  text-shadow: none;

}


.readmorebt {
text-align: center;
    font-size: 13px;
    cursor: pointer;
    margin-top: 10px;
    padding: 7px 18px;
    display: inline-block;
    text-decoration: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #FFFFFF;
        background: #EF4A2B;
    /* text-shadow: 1px 1px 0 #1E1A17; */
    -webkit-box-shadow: 0px 0px 0px 1px #D0D0D0;
    -moz-box-shadow: 0px 0px 0px 1px #D0D0D0;
    box-shadow: 0px 0px 0px 2px #EF4A2B;
    border: 3px solid #FFFFFF;
}

.readmorebt:hover {
    cursor: pointer;
    color: #EF4A2B;
    background: #EAEAEA;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}


/****************************************  плитка в 3 ряда   ****************************************/
.plitka2 {float: left;width: 33.33%;margin-right: 0px;margin-bottom: 80px;     margin-top: 30px;}
.plitka2:nth-child(3n+4){clear: left;}
.plitka2_inside{padding:0 10px;}
.plitka2_img_block{  text-align: left;}
.plitka2_img_block2 {width: 190px;   display: inline-block; height:190px; overflow: hidden; position: relative;border:solid 1px #d9d9d9; padding:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px; background: #ffffff;}
.plitka2_img_block2 a img {max-height: 190px; max-width: 190px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.plitka2_info_block {margin-top:15px;}
.plitka2_cod {font-size: 14px; color: #A2A2A2; text-align: center; margin-top: 5px;}
.plitka2_name {font-size: 15px; font-weight: 700; text-decoration: none; color: #262626; line-height: 20px; display: inline-block; text-align: left;}
.plitka2_name:hover {text-decoration: underline;color:#EF4A2B; }
.plitka2_info_price {padding-top: 9px; text-align: center; font-size: 16px; font-weight: 700; color:black;}
.plitka2_info_price span {font-size: 13px; color:#807C7C;}

.plitka2_to_bt {
    float: left;
    width: 108px;
    margin-left: 5px;
}

.plitka2_2_to_bt{
float: left;
}
.price_old_block, .price_old_block{display:inline-block; padding:0px; }

.price_old{font-size:14px; color:#262626; text-decoration:line-through;} 
.pricgrn_old {font-size:13px; color:#828282;}


.plitka2_info_price_old {  text-decoration: line-through;  padding-top: 3px;  text-align: center;  font-size: 12px;  font-weight: 700;  color: black;}
.plitka2_info_price_old span {font-size: 10px; color:#807C7C;}

.plitka2_info_price_new {  padding-top: 15px;  text-align: center;  font-size: 19px;  font-weight: 700;  color: rgb(249, 0, 19);}
.plitka2_info_price_new span {font-size: 11px; color:#807C7C;}

.plitka2_info_bt {text-align: center; margin-top: 10px;}
.plitka2_info_bt .cklickbuy {margin:  0; }
.plitka2_info_bt .buybt {margin:  0 0 10px 0; }
.plitka2_text {  overflow: hidden;
  font-size: 14px;
  margin-top: 12px;
  color: rgb(144, 144, 144);}

.plitka2_to_price {float: left;width: 85px;}
.plitka2_to_bt {float: left;width: 108px; margin-left: 5px;}

.plitka2_to_price_wrap{display: inline-block;}

.price_nb .price_nb_v{font-size: 14px; color:#FF0021;}




  @media screen and (max-width: 1100px) {
  .plitka2:nth-child(3n+4){clear: none;}
  .plitka2:nth-child(2n+3){clear: left;}
  .plitka2{width:50%;}
  .plitka2_inside{padding: 0 15px;}
  .plitka2_img_block2{  width: 230px; height: 230px;}
  .plitka2_img_block2 a img{  max-height: 230px; max-width: 230px;}
  }


    @media screen and (max-width: 850px) {
    .plitka2_inside { padding: 0 10px;}
    .plitka2_img_block2 a img{  max-height: 200px; max-width: 200px;}
    .plitka2_img_block2{width: 200px; height: 200px;}
    }


        @media screen and (max-width: 800px) {
    .plitka2_inside { padding: 0 20px;}

    .plitka2_img_block2 a img{  max-height: 250px; max-width: 250px;}
    .plitka2_img_block2{width: 250px; height: 250px;}
    }


    @media screen and (max-width: 650px) {
    .plitka2_inside { padding: 0 5px;}

    .plitka2_img_block2 a img{  max-height: 200px; max-width: 200px;}
    .plitka2_img_block2{width: 200px; height: 200px;}
    }



    @media screen and (max-width: 550px) {
    .plitka2 {  width: 100%;   width: 100%;} 
    .plitka2_inside { padding: 0 0px;}
.plitka2_info_block{text-align: center;}
    .plitka2_img_block2 a img{  max-height: 200px; max-width: 200px;}
    .plitka2_img_block2{width: 200px; height: 200px;}
    }
/****************************************  плитка в 3 ряда   ****************************************/






/****************************************  плитка в 2 ряда   ****************************************/
.plitka1 {float: left;width: 50%;margin-right: 0px;margin-bottom: 80px;}
.plitka1:nth-child(2n+3){clear: left;}
.plitka1_inside{padding:0 10px;}
.plitka1_to_price_wrap{  margin-left: 15px;}

.plitka1_img_block{  text-align: center; float:left;   width: 45%;}
.plitka1_img_block2 {width: 150px;   display: inline-block; height:150px; overflow: hidden; position: relative;border:solid 1px #d9d9d9; padding:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px; background: #ffffff;}
.plitka1_img_block2 a img {max-height: 150px; max-width: 150px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.plitka1_info_block {float:left;   width: 55%;}
.plitka1_cod {font-size: 14px; color: #AEAEAE; text-align: center; margin-top: 5px;}
.plitka1_name {margin-left:15px; font-size: 14px; font-weight: 700; text-decoration: none; color: #004274; line-height: 20px; display: inline-block; text-align: left;}
.plitka1_name:hover {text-decoration: underline;color:#0070C7; }
.plitka1_info_price {  padding-top: 12px;
  text-align: left;
  font-size: 26px;
  font-weight: 700;
  color: black;}
.plitka1_info_price span {font-size: 13px;}

.plitka1_info_price_old {  text-decoration: line-through;  padding-top: 3px;  text-align: center;  font-size: 12px;  font-weight: 700;  color: black;}
.plitka1_info_price_old span {font-size: 10px; color:#807C7C;}

.plitka1_info_price_new {  padding-top: 15px;  text-align: center;  font-size: 19px;  font-weight: 700;  color: rgb(249, 0, 19);}
.plitka1_info_price_new span {font-size: 11px; color:#807C7C;}

.plitka1_info_bt {text-align: center; margin-top: 10px;}
.plitka1_info_bt .cklickbuy {margin:  0; }
.plitka1_info_bt .buybt {margin:  0 0 10px 0; }
.plitka1_text {overflow: hidden; font-size: 13px; margin-top: 25px;}

.plitka1_to_bt {float: left;width: 108px;}



  @media screen and (max-width: 1150px) {
  .plitka1_img_block2 a img{  max-height: 120px; max-width: 120px;}
  .plitka1_img_block2 {  height: 120px;   width: 120px;}
  }

    @media screen and (max-width: 950px) {
  .plitka1_img_block2 a img{  max-height: 160px; max-width: 160px;}
  .plitka1_img_block2 {  height: 160px;   width: 160px;}
  .plitka1{float:none; width: 100%}
  }


    @media screen and (max-width: 500px) {
        .plitka1_img_block2 a img{  max-height: 180px; max-width: 180px;}
  .plitka1_img_block2 {  height: 180px;   width: 180px;}
  .plitka1_to_price_wrap{  margin-left: 0px; margin-top:10px;  display: inline-block;}
  .plitka1_name{  margin-left: 0px; text-align:center;}
  .plitka1_info_block{float:none; width:100%; margin-top:10px;  text-align:center;}
  .plitka1_img_block{float:none; width:100%;}
  .plitka1_to_price{float:left;   margin-top: 13px;}
  .plitka1_to_bt{  margin-left: 25px;}

  }

  @media screen and (max-width: 400px){
  .plitka1_to_bt{margin-left:0px;   float: none;}
  .plitka1_to_price{ float: none;   margin-top: 0px;}

  }
/****************************************  плитка в 2 ряда   ****************************************/




/****************************************  Список  ****************************************/
.plitka3 {        width: 100%;
    margin-bottom: 20px;
    background-color: #FBFBFB;
    border-bottom: 2px solid #E2E2E2;}

.plitka3_inside{padding:3px 0px;}
.plitka3_to_price_wrap{          /* border: dashed 1px #d0d0d0; */
    margin-left: 1px;
    background: #E6E6E6 url("bg_nav.png");
    margin-top: 20px;
    padding: 10px;
    margin-right: 15px;
    position: relative;
    z-index: 1;}

.plitka3_to_price_wrap:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 35px 35px 0;
    border-color: transparent #FBFBFB transparent transparent;
    display: block;
    position: absolute;
    right: -1px;
    top: -1px;
}
.plitka3_to_price{float:left;   width: 40%;}
.plitka3_img_block{  text-align: center; float:left;   width: 30%;}
.plitka3_img_block2 {width: 210px;   display: inline-block; height:186px; overflow: hidden; position: relative;/*border:solid 1px #d9d9d9;*/ padding:3px; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius: 1px; background: #ffffff;}
.plitka3_img_block2 a img {max-height: 210px; max-width: 210px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.plitka3_info_block {float:left;   width: 65%;}
.plitka3_cod {font-size: 14px;   color: #000;    font-weight: 700;text-align: left; margin-top: 10px;   margin-left: 15px;}
.plitka3_cod span{  padding-left: 5px;
  font-weight: normal;
  color: #505050;}
.plitka3_name {    margin-left: 0px;
    margin-top: 25px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    color: #262626;
    line-height: 20px;
    display: inline-block;
    text-align: left;}
.plitka3_name:hover {text-decoration: underline; }
.plitka3_info_price { 
  text-align: center;
  font-size: 26px;
  font-weight: 700;
    margin-right: 20px;
    color: #B17B18;}
.plitka3_info_price span {font-size: 14px; font-size: 14px;
    color: #262626; f}
.price_ob .price_ob_v{ font-size: 11px;
    color: #1B1B1B; }
.price_ob .price_ob_g{     font-size: 11px;
    color: #1B1B1B;}
 .price_ob_v{text-decoration:line-through;}
.plitka3_info_price_old {  text-decoration: line-through;  padding-top: 3px;  text-align: center;  font-size: 12px;  font-weight: 700;  color: black;}
.plitka3_info_price_old span {font-size: 10px; color:#807C7C;}

.plitka3_info_price_new {  padding-top: 15px;  text-align: center;  font-size: 19px;  font-weight: 700;  color: rgb(249, 0, 19);}
.plitka3_info_price_new span {font-size: 11px; color:#807C7C;}

.plitka3_info_bt {text-align: left; margin-top: 10px;}
.plitka3_info_bt .cklickbuy {  margin: 10px; }
.plitka3_info_bt .buybt {margin:  0 0 10px 0; }
.plitka3_text {overflow: hidden; font-size: 13px; margin-top: 25px;}

.plitka3_to_bt {float: left;width: 60%;}


  @media screen and (max-width: 1070px){
  .plitka3_img_block2 a img{  max-height: 160px; max-width: 160px;}
  .plitka3_img_block2 {  height: 160px;   width: 160px;}
  .plitka3_info_bt{width:120px; text-align: center;}
  .plitka3_info_bt .cklickbuy{margin:0px;}
  .plitka3_to_bt{width: 50%}
  .plitka3_to_price{width: 50%} 
  .plitka3_info_price{  padding-top: 10px;}
}


  @media screen and (max-width: 900px){
  .plitka3_img_block2 a img{  max-height: 130px; max-width: 130px;}
  .plitka3_img_block2 {  height: 130px;   width: 130px;}
}

    @media screen and (max-width: 550px){
      .plitka3_inside{  padding: 25px;}
      .plitka3_img_block{  width: 100%;}
  .plitka3_img_block2 a img{  max-height: 160px; max-width: 160px;}
  .plitka3_img_block2 {  height: 160px;   width: 160px;}
  .plitka3_info_block{float:none; width: 100%;}
  .plitka3_name{margin-top:15px; text-align: center;}
  .plitka3_cod{text-align: center;}
}


    @media screen and (max-width: 450px){
    .plitka3_to_bt{width:100%; float:none;}
    .plitka3_to_bt{text-align: center;}
    .plitka3_to_price{width: 100%;}
    .plitka3_info_price{margin-right:0px; padding-top:0px; text-align: center;}
    .plitka3_info_bt{display:inline-block;}


}
/****************************************  Список   ****************************************/










/*  Вход регистрация */
.top_bt {
    display: block;
    padding: 13px 14px 11px 14px;
    font-size: 13px;
    text-decoration: none;
    color: #9f9f9f;
    cursor: pointer;
    height: 24px;

}


.reg_input{
float:right;
display:none;
}


.img_entry {
  vertical-align: middle;
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=85);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  filter: alpha(opacity=85);
display:none;
}

.top_bt span {
  display: block;
  float: right;
  padding-top: 4px;
  margin-left: 5px;

}



.fl_right {
  float: right;
}
.fl_right {
  float: right;
}

.top_bt:hover {
color: #FFD53A;
    border-bottom: 2px solid #FFD53A;

}
/*  Вход регистрация */



/*****************************   Поиск  ***********************************************/
.reg_block_search{ 
width: 321px;
padding: 20px;
}

.reg_block_search .reg_pole{
  width: 300px!important;
}

.search-form .subsearch{
    width: 38px;
    height: 34px;
    background-position: center 7px;
  }
  
  #search_popup .subsearch{
  width: 41px;
  height: 38px;
    background-position: center 7px;
  }
  
      @media screen and (max-width: 520px){
    .reg_block_search{ 
width: 202px;
padding: 10px;
background-color:#e9e9e9;
}

.reg_block_search .reg_pole{
  width: 180px!important;
}
}

.reg_pole{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #737373;
    padding: 10px 10px;
    width: 240px;
    background-color: #fff;
    font-size: 14px;
    color: #5b5b5b;
    margin-bottom: 15px;
}




/*****************************   Поиск  ***********************************************/


/****************************************  Карточка товара    ****************************************/

.tovarcard_left {
  width: 30%;
  float: left;
  text-align: left;

}



.tovarcard_main_foto {
  text-align: center;
  position: relative;
}

.tovarcard_main_foto {
  text-align: center;
  position: relative;
}


.stiker_tovar {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
}

.stiker_tovar img {
  display: block;
  width: 80px;
  border: none;
}
.tovarcard_main_foto  .stiker img{ border: none;}


.tovarcard_main_foto img {
    max-width: 100%;
    border: solid 1px #E0E0E0;
    /* background: white; */
    padding: 9px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
  
}



.tovarcard_right {
  width: 70%;
  float: left;
}


.tovarcard_right_inside{
padding-left:30px;
}

.tovarcard_right_name {
    font: 25px Verdana, sans-serif;
    color: #262626;
    text-align: left;
    margin-bottom: 10px;
}

.tovarcard_right_cod {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: #000000;
}
.tovarcard_right_cod span {
  font-weight: 400;
}


.tovarcard_right_ostatok1 {
  color: green;
  font-weight: bold;
    font-size: 12px;
margin-top:5px;
}



.tovarcard{margin-bottom:60px;}

.price_wrap {
    border-left: solid 2px #EF4A2B;
    margin-left: 1px;
    background: #EAEAEA;
    margin-top: 20px;
    padding: 10px;
    margin-right: 15px;
    position: relative;
    z-index: 1;
    display: table;
}

.price_wrap:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 35px 35px 0;
    border-color: transparent #ffffff transparent transparent;
    display: block;
    position: absolute;
    right: -1px;
    top: -1px;
}

.price_money {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
}

.price_money_inside {
    text-align: center;
    font-weight: 700;
    margin-right: 20px;
    color: #EF4A2B;
    font-size: 20px;
}

price_money_inside span span{
font-size:15px;
}

.tovarcard_right_ostatok2{
    color: red;
    font-size: 13px;
    font-weight: bold;
}


.price_new{font-size: 23px;}
.pricgrn_new {font-size: 15px;}

.product-text-short{
  font-size:15px;
  line-height:19px;
  color: #3f3f3f;
}

.price_money_inside span{


}

.price_button_wrap {
  display: table-cell;
  width: 60%;
  vertical-align: middle;
}


.price_button_inside {
  text-align: left;
  margin-top: 10px;
}


.price_button_inside .buybt{
  margin: 0 0 10px 0;}


.price_button_inside .cklickbuy{
  margin: 10px;
}

@media screen and (max-width: 1070px){
.price_button_inside .cklickbuy {margin: 0px;}

.price_button_wrap{  width: 40%;}

.price_money{width: 60%; padding-top:10px;   vertical-align: middle;}

.price_button_inside {
  width: 120px;
  text-align: center;
}

}


@media screen and (max-width: 700px){


.price_button_wrap{width: 50%;}

.price_money{width: 50%;}
}



@media screen and (max-width: 550px){


.tovarcard_left{width: 100%;}

.tovarcard_right{width: 100%; }
.tovarcard_right_inside{padding:0px; margin:20px 0 60px;}
}
/****************************************  Карточка товара    ****************************************/


/**************************************** Корзина    ****************************************/
.baskettop_full {
    width: 30px;
    height: 30px;
    position: relative;
    left: 10px;
    top: 0px;


}

.baskettop_full:hover {


}

.basket_wrap a{display: block; text-decoration: none;}


.baskettop {
width: 30px;
    height: 30px;
    position: relative;
    left: 2px;
    top: -3px;

}


.baskettop:hover {

}


.basket_wrap a:hover .text_basket span:hover{ color: rgb(249, 164, 28);}

.text_basket span {
  font-size: 16px;
  color: #25617D;
}

.basket-info{
  line-height: normal;
  margin-top: 6px;
}

.topcircle{float:left;}
.text_basket{float:left;}
.basket-info strong{
font-size:17px;
    color: rgb(14, 179, 194);
}

.text_basket {
  font-size: 13px;
  padding-left: 10px;
  color: #0EB3C2;
  line-height: 19px;
  text-align: left;
    width: 60%;
}




/**************************************** Корзина    ****************************************/






/*корзина*/
/*//////////////////////////*/
.basket_log { padding-top:25px;}
.basket_log_clear { height:3px; width:100%; background-color:#3C7A34; font-size:1px;}
.inew { display:inline-block; margin-right:15px; padding: 5px 12px 2px 12px;font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; 
background: #3dad0d; /* Old browsers */
  background: -moz-linear-gradient(top,  #3dad0d 0%, #306808 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3dad0d), color-stop(100%,#306808)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #3dad0d 0%,#306808 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #3dad0d 0%,#306808 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #3dad0d 0%,#306808 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #3dad0d 0%,#306808 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#3dad0d&#039;, endColorstr=&#039;#306808&#039;,GradientType=0 ); /* IE6-9 */
 background-position: -309px 0px; border:solid 1px #266D10; border-bottom:none; color:#fff;outline: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.iold { display:inline-block; background: #f3f3f3; padding: 5px 12px 2px 12px; color: #3d3d3d; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; white-space: nowrap; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border:solid 1px #999; border-bottom:none;}
.iold:hover {background: #ffaf4b; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#ffaf4b&#039;, endColorstr=&#039;#ff920a&#039;,GradientType=0 ); /* IE6-9 */
  border:solid 1px #A27504; border-bottom:none;  color:#5A2801; outline: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}


.basket_block {padding: 15px;
    background: #FBFAFA;
    text-align: left;
    border: solid 1px #EFEEEE;
    margin-bottom: 15px;
    border-top: none;}
.basket_name { font-size:19px; font-weight:700; color:#291413; }
.basket_resp_info{padding:10px 0; font-size:12px;}
.order_block a { font-size:12px; color:#0155b4; text-decoration:underline;}
.order_block a:hover {text-decoration:none;}
.order_block { width:40%; float:right;  padding-top:10px; font-size:14px;  color:#aeaeae; padding-bottom:25px;}
.zakaz_block {width:60%; float:right;padding-top:10px;}
.need { font-size:26px; font-weight:700; color:red;}
.ord_info {width:260px; font-size:12px;  color: #999999; padding-left:30px; padding-top:0px;}
.ord_info input { margin-bottom:7px;}
.ord_info a{ color:white;}
a.addcoment {font-size:13px;  color:#0155b4; display: inline-block; text-decoration:none;  border-bottom:dashed 1px #0155b4; margin-left:5px; }
.pr_p_space2 {display:block; height:22px; font-size:1px;}
.basket_otloz a{ font-size:12px;  color:#0CB1E6; text-decoration:underline;}
.basket_otloz a:hover {color:#BE08B7;text-decoration:none;}
.basket_prod {display:block; margin-top:5px; cursor:pointer; color:#E2A0A0;}



/*/////////////////////////////*/


.basket_tab td { padding:10px;   font-size:14px; color:#333; border-bottom:dotted 1px #CCCCCC; }


.basket_tab tr { background:#fff;}
.basket_tab tr.tr_mag {background: #3dad0d; /* Old browsers */
  background: -moz-linear-gradient(top,  #3dad0d 0%, #306808 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3dad0d), color-stop(100%,#306808)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #3dad0d 0%,#306808 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #3dad0d 0%,#306808 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #3dad0d 0%,#306808 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #3dad0d 0%,#306808 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#3dad0d&#039;, endColorstr=&#039;#306808&#039;,GradientType=0 ); /* IE6-9 */ }
tr.basket_tab_head {background:#edf6fd;}

.basket_tab_head td{ padding:3px 10px;  vertical-align:middle; font-size:18px;  color:#707070; border-top:solid 1px #E1EAF1;border-bottom:solid 1px #E1EAF1;}

.basket_tab tr.tr_mag td {color:#fff; border-bottom:solid 1px #0C570C;border-top:solid 1px #0C570C; font-size:18px; font-weight:700; }

.basket_tab_fut_short td {vertical-align: middle; background:#edf6fd; padding:5px; font-size:12px;  color:#707070;border-bottom:solid 1px #E1EAF1; border-top:dotted 1px #E1EAF1; }


.basket_tab_fut td {vertical-align: middle; background:#F3F3F3; padding:5px 15px 5px 5px; font-size:14px;  color:#0155b4;border-top:solid 1px #DFDFDF; border-bottom:none;text-align:right;}


.basket_tab tr.tr_space { background:none; }
.basket_tab tr.tr_space td {padding:0px; margin:0px; font-size:15px;border:none;}



.grn {font-size:12px; color:#4e4f4f;}
.basket_tab_foto {width:50px;}
.basket_tab_foto img {width:46px; padding:3px; border:solid 1px #ddd;}

.basket_tab_foto a:hover img  {padding:2px; border:solid 2px #0A90E9;-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.35);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.35);}

.kupkol {width:30px; text-align:center;}
.basket_tab_name a {font-size:15px;  color:#0155b4; text-decoration: underline;}
.basket_tab_name a:hover{  text-decoration:none; color: #95243f;}
.basket_tab_vaz {font-size:13px;  color:#aeaeae;}
.jinfo { font-size:12px;  color:#aeaeae;}
.bsk_tprice { font-size:14px;  color:#2a8f15; }
.oform_name .bskcodblock{  display: block; padding-left:0px;}
.recountlink {display:none;}
.oldprice2 {font-size:14px; color:#454545;  text-decoration:line-through; color:red;}
.tgrn {font-size:11px; font-weight:400; color:#454545;}
.errpole {background-color: #FFE6E6;}
.bsk_info {font-size:14px; color:#999999;}

.tobasket {display: inline-block; padding:4px 12px; font-size:15px;  border:none; cursor:pointer; text-align:center; text-decoration:none; margin-left:2px; margin-top:2px; margin-bottom:2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:solid 1px #C2C2C2;}
input.tobasket {font-size:15px;font-family: sans-serif, Arial, Verdana, "Trebuchet MS";line-height: 1.5em;}
textarea {font-family: sans-serif, Arial, Verdana, "Trebuchet MS";line-height: 1.5em;}

.ord_info .btbasket {    border: solid 1px #E31E25;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    padding: 9px 32px;
    display: inline-block;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.zakaz_block .btbasket {    border: solid 1px #0EB3C2;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    padding: 9px 32px;
    display: inline-block;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}

.bt_blue {        background: #0EB3C2;
    color: #fff;
    border: solid 1px #0EB3C2;}
.bt_blue:hover{background:#61A6E2; color:#fff; }
.bt_orang {  background: #E31E25;
  color: #fff;}
.bt_orang:hover {      background: #CA0E0A;
    border: 1px solid #CA0E0A; }
.ordhide { display: none;}
.buyok {font-size:16px;}

.greenbt { 
    background: #FF9900;
    border: solid 1px #FF9900;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    cursor: pointer;
    padding: 7px 18px;
    display: inline-block;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.greenbt:hover {
    background: #FECD06;
    border: solid 1px #FECD06;
    color: black;
}
.tovimg { vertical-align:middle;}
/*корзина*/




/*****************************   регистрация / авторизация ***********************************************/
.reg_block{          width: 360px;
    padding: 20px;
    padding-top: 25px;
    padding-bottom: 30px;
    background: url("slider.jpg") no-repeat bottom center;
    font-size: 15px;
    color: #B9B9B9;}
.reg_block3 { width:600px;}

@media screen and (max-width: 650px){
.reg_block3{  width: 400px;}
.reg_block  .t_pole2 { width: 300px;}
.reg_block { width: 200px!important;}
.reg_block  .formpad {    padding-left: 5px;}
.jstbt{padding:9px 17px;}
.reg_pole{  width: 150px!important;}
.reg_block .t_pole2{width: 172px;}
}

@media screen and (max-width: 450px){
.reg_block3{  width: 320px;}
.reg_block .t_pole2 { width: 240px;}
.formpad {  padding-left: 25px;}
}

.f_block{ padding:20px; padding-top:25px; padding-bottom:30px; background:#e9e9e9 url("error-404") center top; font-size:15px; color:#5b5b5b; }
.f_block400 {width:420px;}
.reg_block a { font-size:14px; color:#87B6EC; text-decoration:underline;   display: inline-block;
  margin-bottom: 5px;padding-bottom: 14px;}
.reg_block a:hover {text-decoration:none;}
.reg_name { border: none;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: white;
    cursor: pointer;
    padding: 11px 37px 12px;
    display: inline-block;
    text-decoration: none;
     transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    outline: none;
    text-shadow: 1px 1px 0 #1E1A17;
}

.f_pole{ border: solid 1px #EDDEEF; padding:10px 10px; background-color:#fff; font-size:14px; color:#5b5b5b; margin-bottom:15px;}
.f_pole300 { width:360px;}
.t_pole2 { width:512px; height:150px;color:#5b5b5b; }
.t_pole360 { width:360px; height:150px;color:#5b5b5b; }
.t_pole865 { width:865px; height:150px;color:#5b5b5b; }
.err_pole {border:solid 1px red;}
.ok_pole {border:solid 1px green;}
.reg_bt {display:block; padding:5px 15px; background:#219003;  color:#fff; font-size:16px; font-weight:700; border:none; cursor:pointer;}
.reg_bt:hover{background:#2aaa08; }
.reg_block2 {padding-top:4px;}
.err_info { padding:5px; background:#FFCFE4; margin-bottom:10px; border:solid 2px #F8C0D8; font-size:14px;}
.err_info ul{ padding-left:30px; list-style:disc;}
#remember { margin-top:13px; margin-bottom:9px;}
.formpad {padding-left:40px;}
.formpad2 {padding-left:20px;}
.reg_left2 { width:135px; float:left; text-align:left; padding-top:7px;}
.reg_right2 { width:130px; float:left;}
.login_bt {padding: 5px 15px;
    color: #1A181D;
    font-size: 19px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    background: #FFC23A;
    border-bottom: 2px solid #A76E07;}
.login_bt:hover{    cursor: pointer;
    background: rgb(255, 141, 0);
    color: white;}
.reg_block2 {padding-top:10px;}
.showon {display:block;}
.showoff {display:none;}
.reg_firm {display:block; margin-bottom:15px; padding-top:5px; font-size:18px; font-weight:700; color:#5b5b5b;}
.reg_acept {display:block; margin-bottom:15px;}
.popup-info { padding:0px 0px 15px 0px; font-size:16px; color:#B1B1B1; text-align:center;}
/*****************************   регистрация / авторизация  ***********************************************/


/*****************************   Notify  *************************** ********************/
#jNotify {background:#1E7FC0  url("minfo.png") no-repeat 15px center; border: solid 1px #d5d5d5; padding:10px; padding-left:50px; font:700 19px Arial, Helvetica, sans-serif; color:#fff; z-index:9999;}
#jSuccess {background:#048404  url("msuccess.png") no-repeat 15px center; border: solid 1px #d5d5d5; padding:10px; padding-left:50px; font:700 19px Arial, Helvetica, sans-serif; color:#fff; z-index:9999;}
#jError {background:#DD0000  url("merror.png") no-repeat 15px center; border: solid 1px #d5d5d5; padding:10px; padding-left:50px; font:700 19px Arial, Helvetica, sans-serif; color:#fff; z-index:9999;}
.info_mesg { font:400 13px Arial, Helvetica, sans-serif; padding-top:3px;}
.info_mesg a { color:#fff000; font:700 12px Arial, Helvetica, sans-serif;}
.recomend { font-weight:700; font-style: italic; color:#fff000; padding-left:15px;}
.recomendul {list-style:none; padding-left:20px; padding-top:5px;}
.recomendul li {padding-bottom:3px; list-style:none;}
.err_mesg { font-size:18px; font-weight:700; padding:15px 0px 15px 0px; c}
/*****************************   Notify  ***********************************************/


/*news*/
.elist ul li {padding-left:0px;}
.elist li{overflow:hidden; list-style:none;clear:both; padding-bottom:0px; font-size:16px; color:#5d5d5e; }
.elist_text{  padding-top:10px; font-size:15px; color: black;}
.elist_text a { font-size:16px; color:#005b9b;}
.elist_text a:hover { text-decoration:none;color:#e60000;}
a.elist_img img {margin-right:15px; padding:3px;     border: solid 3px #DEDEDE;
    background: #DEDEDE; width:83px;    border-radius: 50%;}
a.elist_img:hover img {    padding: 2px;
    border: solid 4px #EF4A2B;
    background: #EF4A2B;
    /* -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.35); */
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.35);
    /* box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.35); */
}
.elist li a.elname { font-size: 18px;
    color: black;
    outline: none;
    text-decoration: underline;
    /* font-weight: 700; */
    padding: 0px;
}
.elist a.elname:hover {text-decoration:none;  color:#EF4A2B;}
.newsdate { font-size:12px; color:#999999; }

/*news*/




/*****************************   profile  ***********************************************/
.prof_right {padding-top:30px;}
.pr_name {  font-size:16px; font-weight:700; color:#0155b4; padding-bottom:8px;}
.pr_box {margin-left:25px; padding:15px; background:#F9F9F9;border:solid 1px #cacaca;}
/*
input.pr_bt {display: inline-block; padding:5px 15px; background:#048404;  color:#fff; font-size:16px; font-weight:700; border:none; cursor:pointer; text-decoration:none; }
input.pr_bt:hover{background:#0aa20a; }
*/

/*
.pr_bt {background:url(/images/image_repeat.jpg)repeat-x; background-position: -309px 0px; border:solid 1px #5cb607;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px; text-align:center; font-size:16px; font-weight:700; color:#fff; cursor:pointer; padding:3px 12px; display:inline-block; text-decoration:none;}
.pr_bt:hover {background-position:  0px -441px; border-color:#A27504; color:#5A2801;}*/



.pr_bt {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px;
border:none;
text-align:center; font-size:14px; font-weight:700; color:#fff; cursor:pointer; padding:5px 15px; display:inline-block; text-decoration:none;
background: #3dad0d; /* Old browsers */
  background: -moz-linear-gradient(top,  #3dad0d 0%, #306808 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3dad0d), color-stop(100%,#306808)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #3dad0d 0%,#306808 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #3dad0d 0%,#306808 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #3dad0d 0%,#306808 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #3dad0d 0%,#306808 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#3dad0d&#039;, endColorstr=&#039;#306808&#039;,GradientType=0 ); /* IE6-9 */
  

  }
.pr_bt:hover { 
background: #3bc910; /* Old browsers */
  background: -moz-linear-gradient(top,  #3bc910 0%, #29870a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3bc910), color-stop(100%,#29870a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #3bc910 0%,#29870a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #3bc910 0%,#29870a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #3bc910 0%,#29870a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #3bc910 0%,#29870a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#039;#3bc910&#039;, endColorstr=&#039;#29870a&#039;,GradientType=0 ); /* IE6-9 */
}




input.pr_bt.notact { background:#CCCCCC; color:#999999;}
.pr_text { font-size:16px; font-weight:700; color:#333;}
.pr_red { font-size:16px; font-weight:700; color:red;}
.pr_green { font-size:16px; font-weight:700; color:green;}
.pr_box_l, .pr_box_m, .pr_box_r {float:left;}
.pr_box_l, .pr_box_r {width:316px;}
.pr_pole{ border:solid 1px #A5A5A5; padding:10px 10px; background-color:#fff; font-size:15px; color:#333;}
.galochka{padding:10px;}
.prp_1{width:70%;}
.prp_2{width:104px; text-align:center;}
.prp_3{width:43px; text-align:center;}
.prp_4{width:595px;}
.prp_5{width:237px; margin-left:23px;}
.prp_6{width:260px; height:100px;}
.pr_p_space {display:block; height:12px; font-size:1px;}

@media screen and (max-width: 800px){
.order_block, .zakaz_block{width:100%; float:none;}
.order_block{margin-top:30px;}
.zakaz_block{margin-top:10px;}
.basket_block{  padding: 30px 15px;}

}

@media screen and (max-width: 550px){
.basket_tab tr.tr_mag td{
  font-size: 15px;
}

}




/*****************************   profile  ***********************************************/


/*****************************   ttip  ***********************************************/
a.ttip {text-decoration:none;}
.ttip img.ttip_img { width:12px; height:12px; background:url("ttip.png") no-repeat; background-position:0px 0px;}
.ttip:hover img.ttip_img {background:url("ttip.png") no-repeat;background-position:0px -12px;}
.ttip_content {display:none;}
.ttip_name {color:#0155b4; font-weight:700; display:block; padding-bottom:5px; font-size:12px; }

.tip-my, .tip-my2 {
  z-index:1000;
  text-align:left;
  background: #fff; font:400 12px Arial, Helvetica, sans-serif; color:#333; font-weight:normal; border: solid 1px #cacaca;-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.7);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.7); box-shadow:0px 0px 5px rgba(50, 50, 50, 0.4);
  padding:6px 8px;
  min-width:50px;
  max-width:300px;
  color:#333;
}
.tip-my .tip-inner {
  font:12px/16px arial,helvetica,sans-serif; padding:5px;
}
.tip-my2 .tip-inner {
  font:12px/16px arial,helvetica,sans-serif; padding:0px;
}


@media screen and (max-width: 550px){
.ttip, .need {
display:none;
}

}


/*****************************   ttip  ***********************************************/





/**********oform_wrap************/
/*.oform_wrap{display: none;}*/

.oform_title{
    background: #0EB3C2;
  color:white;
  width: 100%;
  font-weight: bold;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;

}


.oform_title .j_block{
     padding: 15px;
color: #FFFFFF;
}

.oform_content{
  background-color: white;
  border-left:1px solid rgb(187, 187, 187);
  border-right:1px solid rgb(187, 187, 187);
  border-bottom:1px solid rgb(187, 187, 187);
  padding: 10px;
}

.btbasketblock{text-align: center;}

.oform_content li div{
   display: inline-block;

  vertical-align: top;
}

.oform_info_block{
  width:85%;
}
.oform_info_block1{
padding: 3px 16px;
  width: 100%;
}

.oform_info_block1 div{
  padding: 3px 5px;
}

.oform_img_a_img{
  max-width:100%;
}

.oform_img{
    float: left;
    width: 15%;
}

.oform_img2{
 padding: 3px 16px; 
}

.oform_content li:last-child{
  border: none;
}

.oform_price{ 
  font-size: 15px; font-style: italic; font-weight:bold; }
  .bskrightbl{  float: right;}
.oform_name{font-size: 13px; color:rgb(140, 140, 140);}
.oform_name a{color:#1456ec; font-size: 16px;}
.oform_name a:hover{text-decoration: none;}

.cleanerine {
display: block;
  clear: both;
}


.oform_content li{
  padding: 10px 10px 19px;
  border-bottom:1px dotted rgb(186, 186, 186);
list-style:none;
}


.kupkol {
  width: 30px;
  text-align: center;
}



@media screen and (max-width: 550px) {
.oform_content .oform_img{  width: 100%; display:block;  text-align: center;  padding-bottom: 25px;}
.oform_img2{  width: 25%;}
.bskcodblock{padding:5px 0; width:100%;}
.oform_colvo, .oform_price, .oform_del{width:100%; text-align: center;}
.oform_name{width:100%; text-align: center;}
.oform_info_block1{text-align: center;}
.oform_info_block {width: 100%;}
.prp_1{  width: 90%;}
.ord_info{  padding-left: 0px; text-align: center;   width: 100%;}
}


@media screen and (max-width: 600px) {
.oform_wrap{display: block; width: 100%;} 


.zakaz_block table{display: none;}}
/**********oform_wrap************/


@media screen and (max-width: 450px){
.ord_info{    width: 100%; padding:0;}
.greenbt{  font-size: 14px;}
}

@media screen and (max-width: 350px){
.ord_info{    width: 100%; padding:0;}
.greenbt{  font-size: 13px;}
}

.foot_back_call{
    display: block;
    font-weight: normal;
    float: left;
    font-size: 12px;
    margin-top: 5px;
    color: #cbe2cd;
    text-align: left;
text-decoration:underline;
cursor:pointer;
}

.foot_back_call:hover{
text-decoration:none;
}


/***************************************************  brands_wrap    *******************************************************************/

.brands_wrap{
      margin-bottom: 25px;
}

.brands_title{
    border-bottom: none;
    padding: 18px 5px 18px 18px;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    color: #FFFFFF;
    text-align: left;
    text-transform: uppercase;
    background: #1D1C1C;
}

.brands_list{
  padding: 10px;
  background: #FFFFFF;
    border: 2px solid #1D1C1C;
}

.brands_list a{
    width: 33.3%;
    display: block;
    float: left;
    margin-bottom: 10px;
}

.brands_list img{

  max-width: 100%;
  -webkit-filter: grayscale(100%);  
}

.brands_list a:hover img{
 -webkit-filter: grayscale(0%);  
}

.brands_img{
  padding:5px;
}

/***************************************************  brands_wrap    *******************************************************************/

.tovarcard_all_foto img {
    width: 44%;
    float: left;
    padding: 6px 8px 0 0;
}





.sldhot {float: left;margin-right: 0px;margin-bottom: 80px;    }
.sldhot_2_to_bt{float:left;}
.sldhot_inside{padding:0 10px;}
.sldhot_img_block{  text-align: center;}
.sldhot_img_block2 {-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;width: 190px;   display: inline-block; height:190px; overflow: hidden; position: relative;border:solid 1px #d9d9d9; padding:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px; background: #ffffff;}
.sldhot_img_block2 a img {max-height: 190px; max-width: 190px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.sldhot_info_block {margin-top:15px;}
.sldhot_cod {font-size: 14px; color: #A09373; text-align: center; margin-top: 5px;}
.sldhot_name {    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    color: #1D0E0E;
    line-height: 20px;
    display: inline-block;
    text-align: left;}
.sldhot_name:hover {text-decoration: underline;color:#298232; }
.sldhot_info_price {padding-top: 14px; text-align: center; font-size: 19px; font-weight: 700; color:#FF0021;}
.sldhot_info_price span {font-size: 13px; color:#807C7C;}

.sldhot_info_price_old {  text-decoration: line-through;  padding-top: 3px;  text-align: center;  font-size: 12px;  font-weight: 700;  color: black;}
.sldhot_info_price_old span {font-size: 10px; color:#807C7C;}

.sldhot_info_price_new {  padding-top: 15px;  text-align: center;  font-size: 19px;  font-weight: 700;  color: rgb(249, 0, 19);}
.sldhot_info_price_new span {font-size: 11px; color:#807C7C;}

.sldhot_info_bt {text-align: center; margin-top: 10px;}
.sldhot_info_bt .cklickbuy {margin:  0; }
.sldhot_info_bt .buybt {margin:  0 0 10px 0; }
.sldhot_text {  overflow: hidden;
  font-size: 14px;
  margin-top: 12px;
  color: rgb(144, 144, 144);}

.sldhot_to_price {float: left;width: 85px;}
.sldhot_to_bt {float: left;width: 108px; margin-left: 5px;}

.sldhot_to_price_wrap{display: inline-block;}


.sldhot_info_name{
  height: 40px;
  overflow: hidden;
}


.sldhot_info_price span {
    font-size: 13px;
    color: #807C7C;
}

@media screen and (max-width: 1050px){
    .top_bt {display:none;}

}






/***************************************************  Слайдер на внутрянке    *******************************************************************/
.slider_small_wrap .container{
    padding: 0;
}
.slider_small_wrap{
margin-top:-250px;
}


.slider_small_wrap .container_inside{
  max-width: 100%;
}

/***************************************************  Слайдер на внутрянке    *******************************************************************/


/***********************************************slider***********************************************/
.slider{position:relative; overflow:hidden; height:290px;}
.sliders_inner{    display: table;
    width: 100%;
    height: 100%;}
.sliders{    height: 535px;
    position: relative;
    /* top: 47px; */
background: url("images/slider_bg.jpg") top center no-repeat;
    width: 100%;
    display: block;
    text-decoration: none;} 	
.sliders_text{ font-family:&#039;Times New Roman&#039; serif; text-shadow: 1px 0 4px rgba(0, 0, 0, 0.65); text-align:left; width: 380px; float:right;}
.sliders_text2{ font-family:&#039;Times New Roman&#039; serif; text-shadow: 1px 0 4px rgba(0, 0, 0, 0.65); text-align:left; width: 660px;}
.order_phone2{background-color: rgba(0, 0, 0, 0.66);padding: 5px 0px 5px;font-size: 16px;margin-top: 15px;color: white;text-align: center;}
.order_phone2 span{color: rgb(255, 206, 0);}
.sliders_in{margin-left:300px; text-align:left;}
.topslider .bx-wrapper .bx-prev {left: 10px; background: url("error-404") no-repeat -14px -58px;}	
.topslider .bx-wrapper .bx-next {right: 10px; background: url("error-404") no-repeat -43px -58px;}	
.topslider .bx-wrapper .bx-prev:hover {background: url("error-404") no-repeat -14px -101px;}	
.topslider .bx-wrapper .bx-next:hover {background: url("error-404") no-repeat -43px -101px;}	
.topslider .bx-controls-direction {width: 100px;position: relative;}	
.topslider .bx-wrapper .bx-controls-direction a {position: absolute; bottom:20px; margin-top: -16px;outline: 0;width:25px;height:31px;text-indent: -9999px;z-index: 1000;}	
.topslider .bx-wrapper .bx-controls-direction a.disabled {}
.order_button_st2 {
    text-align: center;
    margin: 5px 10px 5px;
    font-size: 14px;
    padding: 9px 9px;
    width: 256px;
    color: white;
    background: #a20000;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: inline-block;
    border: 1px solid rgba(236, 229, 42, 0.43);
}
.order_button_st2:hover {
    color: white;
    cursor: pointer;
    background: #ce0000;
}

/***********************************************slider***********************************************/


/*-- people_slide ------*****************************************************************************************************************************************/

.people_slide_row_dolznost{
    font-size: 13px;
}

  .people_slide{max-height:343px;   padding: 0px 0 20px; margin-bottom: 275px;}
  .people_slide_block {   -webkit-border-radius: 10px; 
  -moz-border-radius: 10px;
  border-radius: 10px; 

  /* -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3); */
  /* box-shadow: 0 0 2px 1px rgba(0,0,0,0.3); */
  overflow: hidden;}
  .people_slide_title {padding:45px 0 15px; }
  .people_slide_name h2 {text-transform:uppercase; font-size:19px; color:rgb(38, 38, 38); font-weight:700; display: inline-block; margin-right:10px;}
.people_slide_name a{       color: #423F3F;
    font-size: 14px;
}
  .people_slide_list {padding:6px 0;   }
  .people_slider {list-style:none;}
  .people_slide_row { padding:9px;     }
  .people_slide_row:hover{}
  .people_slide_row a{color:black; text-decoration: none;}
    .people_slide_row a:hover{text-decoration: underline;}
  .people_slide_row_link {text-decoration:none;}
  .people_slide_row_img { padding-bottom:10px;  margin-bottom:15px; text-align: center; }
  .people_slide_row_img img{  max-width: 100%;}
  .people_slide_row_name {font-size:16px; padding-bottom:5px;   line-height: 21px; }
  .people_slide_row_link:hover .people_slide_row_name {text-decoration:none;}
  .people_slide_row_desc {font-size:13px;text-decoration:none; color:#3b3b3b;}
  .people_slide_row_bt {text-align:center;}
  .people_slide_row_btn{
   margin-bottom: 20px;
    padding: 0.65em 9%;
    /* text-shadow: 1px 1px 0 #4F0B06; */
    display: inline-block;
    font-size: 0.81em;
    text-decoration: none;
    margin-top: 15px;
    position: relative;
    color: #FFFFFF;
        background: #EF4A2B;
    /* text-shadow: 1px 1px 0 #1E1A17; */
    -webkit-box-shadow: 0px 0px 0px 1px #D0D0D0;
    -moz-box-shadow: 0px 0px 0px 1px #D0D0D0;
    box-shadow: 0px 0px 0px 2px #EF4A2B;
    border: 3px solid #FFFFFF;
}
a {
  outline: none;
}
user agent stylesheeta:-webkit-any-link {
  color: -webkit-link;
  text-decoration: underline;
  cursor: auto;}
  .people_slide_row_btn:hover{            cursor: pointer;
    color: #EF4A2B;
    background: #EAEAEA;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.homepslide_look {
  padding: 0.65em 9%;
  background-color: rgb(0, 135, 176);
  font-weight: bold;
  color: white;
  display: inline-block;
  font-size: 0.81em;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top: 0.76em;
  position: relative;}

.peoplegalery{margin:15px 0}
.peoplegalery2{margin:15px 0}
.peoplegalery2 a {margin:10px;   display: inline-block; height: 157px; overflow: hidden;}
.peoplegalery2 img{ width:100%; }
.peoplegalery2 div {width:33%; float:left; display:block; overflow:hidden;}


  .peoplegalery a {width:33%; float:left; display:block; overflow:hidden;}
  .peoplegalery a div {  padding: 5px;
  margin: 4px;
  border: 1px solid rgb(232, 232, 232);
  background-color: white;}

  .peoplegalery a div div {background:#ffffff;height:150px;overflow:hidden;   
  position: relative;   border: none;}
  .peoplegalery img{ width:100%; position: absolute;  left: 0; top: 0;   right: 0; bottom: 0; margin: auto;}
  .people_list_row {width:33.33%; float:left;}
  .people_list_row:nth-child(3n+4){clear: left;}
  .people_list_row_block {padding:10px;}
  .people_list_row_block2 {          border: 2px solid #F7F7F7;
    background: #F7F7F7 url("bg_nav.png");
    /* -webkit-border-radius: 10px; */
    -moz-border-radius: 10px;
    /* border-radius: 10px; */}

.people_list_row_block2:hover {
border: 2px solid #B17B18;
    background: #E8E8E8 url("bg_nav.png");
}

  @media screen and (max-width: 1050px){.people_list_row {width: 50%;} .people_list_row:nth-child(3n+4){clear: none;} .people_list_row:nth-child(2n+3){clear: left;}}
  @media screen and (max-width: 800px){.people_list_row {width:33%;} .peoplegalery2 div{width:50%; } .people_list_row:nth-child(2n+3){clear: none;} .people_list_row:nth-child(3n+4){clear: left;}}
  @media screen and (max-width: 700px){.people_list_row {width: 50%;}  .people_list_row:nth-child(3n+4){clear: none;} .people_list_row:nth-child(2n+3){clear: left;}}
  @media screen and (max-width: 600px){.peoplegalery a {width: 50%;} .peoplegalery a div {padding:5px;} }
  @media screen and (max-width: 550px){.people_list_row {width: 100%; clear:both;} .peoplegalery2 a{height:125px; }}
  @media screen and (max-width: 450px){.peoplegalery2 div{width:100%; }}

  
/*-- people_slide ------*****************************************************************************************************************************************/

.page-desc{
padding-bottom:50px;
}




/*-- animated------*****************************************************************************************************************************************/

.animated
{
    -webkit-animation-duration: 2.5s;
            animation-duration: 2.5s;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.animated.infinite
{
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

.animated.hinge
{
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
}




.fadeIn
{
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown
{
    0%
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

@keyframes fadeInDown
{
    0%
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

.fadeInDown
{
    -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig
{
    0%
    {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

@keyframes fadeInDownBig
{
    0%
    {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

.fadeInDownBig
{
    -webkit-animation-name: fadeInDownBig;
            animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft
{
    0%
    {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);

        opacity: 0;
    }


    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

@keyframes fadeInLeft
{
    0%
    {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);


        opacity: 0;
    }


    100%
    {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}

.fadeInLeft
{
    -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig
{
    0%
    {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);


        opacity: 0;
    }


    100%
    {
        -webkit-transform: none;
                transform: none;
border:none;

        opacity: 1;
    }
}

@keyframes fadeInLeftBig
{
    0%
    {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

.fadeInLeftBig
{
    -webkit-animation-name: fadeInLeftBig;
            animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight
{
    0%
    {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

@keyframes fadeInRight
{
    0%
    {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

.fadeInRight
{
    -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig
{
    0%
    {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

@keyframes fadeInRightBig
{
    0%
    {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

.fadeInRightBig
{
    -webkit-animation-name: fadeInRightBig;
            animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp
{
    0%
    {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

@keyframes fadeInUp
{
    0%
    {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

.fadeInUp
{
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig
{
    0%
    {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

@keyframes fadeInUpBig
{
    0%
    {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}

.fadeInUpBig
{
    -webkit-animation-name: fadeInUpBig;
            animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut
{
    0%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 0;
    }
}

@keyframes fadeOut
{
    0%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 0;
    }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/*-- animated------*****************************************************************************************************************************************/

blockquote {
    background: #f7f7f7;
    border-left: 1px solid #bbb;
    font-style: italic;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
line-height: 40px;
    font-size: 17px;
}
 
blockquote:before {
    color: #bbb;
    content: ""; /* Непечатаемый символ слева */
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.2em;
    vertical-align: -.4em;
}
 
blockquote:after {
    color: #bbb;
    content: ""; /* Непечатаемый символ справа */
    font-size: 3em;
    line-height: 0.1em;
    vertical-align: -.45em;
}
 
blockquote > p:first-child {
    display: inline;
}


.block {
background: #f7f7f7;
border: 1px solid #bbb;

}
.funky_text{
font-size:30px;
padding: 10px 0;
color: #fff;
}
.funky_text_2{
font-size:20px;
color: #fff;
}
.main {
background-color : #F5F5F5;
padding: 20px;
line-height: 22px;
border: 2px solid #ccc;
border-radius: 5px;
}
.main.left-side {
width: 58%;
float: left;
}

.right-side {
width: 34%;
float: right;
}
.main.no-bg {
background-color: transparent;
}
.subtitle1{
text-transform: uppercase; 
text-align: center; 
font-size: 20px; 
color: orange;
}
.subtitle2{
text-align: center;
}

.left
{
width: 48%;
float: left;
}

.right
{
width: 48%;
float: right;
}
.left2
{
width: 62%;
float: left;
}

.right2
{
width: 29%;
float: right;
}
@media screen and (max-width: 800px){
.left
{
width: 100%;

}

.right
{
width: 100%;

}

.left2
{
width: 95%;

}

.right2
{
width: 100%;
}
}
.service_name_block {
width:100%;
margin:0 auto;
}
.right-position {
float: right;

}
ul.list_anchors {
line-height: 35px;
font-size: 16px;
margin: 50px 0 0 40px;
list-style-position: inside;
text-align: center;
letter-spacing: 1px;
}


.our_city_wrap{

    background: #272727 url("images/city1.png");
}

.our_city{
    padding-top: 30px;
    padding-bottom: 20px;
background-size: contain;
}

.our_city_title{
    color: white;
    text-align: center;
    font-size: 21px;
    margin-bottom: 7px;
    text-transform: uppercase;
}


.our_city_link, .our_city_curent{
  font-size: 11px;
    color: #7D7D7D;
    display: inline-block;
    margin: 3.8px;
}

.our_city_link:hover{
    color: #F90000;
}