@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300italic&subset=latin,cyrillic);
body{background: linear-gradient(to bottom, #b0c7d3, #f3f7f9);margin: 0;padding: 0; font-family: Open Sans}
h1,h2,h3,h4,h5,h6{margin: 0;}
p{margin: 0;}
a{text-decoration: none;font-family: Open Sans;}
ul{padding: 0;list-style: none;}
:focus{outline: none;}
.clear{clear: both;}
.main{padding-top: 10px;    border-top: 2px solid #ee2f38;}
.wrapper {max-width: 960px;min-width: 960px;margin: 0 auto;background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.6);}
.wrapper .header {padding-bottom: 5px;border-bottom: 2px solid #ee2f38;}
.wrapper .logo {float: left;padding: 21px 26px;}
.wrapper .logo img {width: 80%;}
.wrapper .nam {float: left;width: 330px;padding: 73px 0px 56px;}
.wrapper h1 {font: 20px Open Sans;font-weight: 400;    text-align: center;    padding-right: 50px;}
.wrapper .contacts {float: right;background-color: #ed202a;margin: 22px 0px 0px 0px;padding: 17px 14px 12px 18px;text-align: right;}
.wrapper .contacts h2 {color: #fff;    font: 24px Open Sans;    font-weight: 700;    width: 100%;    margin: -4px 0 5px 0;}
.wrapper .contacts p {font: 16px Open Sans;color: #fff;600:text-align: rightmargin: 0display: block;margin: 9px 0 0 0;letter-spacing: 0.4px;}
.wrapper nav ul {float: left;margin: 6px 0 5px;padding: 0 0 0 20px;}
.wrapper nav li {display: inline-block;padding: 8px 4px;}
.wrapper nav li:nth-child(1) a i, .footer .top li:nth-child(1) a i{display:none;}
.wrapper nav a {font-size: 16px;font-weight: 700;line-height: 19.46px;color: #010101;    text-transform: uppercase;}
.wrapper nav a.selected{color: #ed202a;}
.wrapper nav a i img{display: inline-block;margin: 0 16px 4px 6px;}
.wrapper nav a:hover{color: #ed202a;}
.wrapper form {float: right;margin: 8px 1px 0 0px;}
.wrapper input {border: 1px solid #909091;box-shadow: 1px 1px 1px #cfcfd0 inset;color: #818181;font-size: 18.46px;line-height: 17.96px;padding: 4.5px 18px;box-sizing: border-box;font-weight: 300;width: 200px;}
.wrapper input[type="submit"]{padding: 0;border: none;background: url("../images/search.png") no-repeat center center;width: 26px;height: 26px;box-shadow: none;color: rgba(255,255,255,0);cursor: pointer;margin: 0 13px 0 7px;}
input[placeholder]          {text-overflow:ellipsis;font: 16px Open Sans;font-weight: 300;font-style: italic; */margin: 0;letter-spacing: 0.2px;}
input::-moz-placeholder     {text-overflow:ellipsis;font-style: italic;} 
input:-moz-placeholder      {text-overflow:ellipsis;font-style: italic;} 
input:-ms-input-placeholder {text-overflow:ellipsis;font-style: italic;}    
.wrapper .slider {padding-bottom: 8px;position: relative;height: 290px;overflow: hidden;margin-bottom:8px;}
.wrapper .slider .block{/*position: absolute;left: -100%;top: 0;*/}
.wrapper .slider ul{position: absolute;right: 12px;bottom: -5px;width:auto;}
.wrapper .slider ul li{display: inline-block;width: 20px;height: 20px;background: #fff;border-radius: 50%;margin: 0px 10px 0 0;position: relative;cursor: pointer;}
.wrapper .slider ul li.active:before{content: '';width: 16px;height: 16px;background-color: #ed202a;display: inline-block;border-radius: 50%;position: absolute;left: 2px; margin: 0 auto;top: 2px;}
.wrapper .slider .block .text{    height: 299px;background: rgba(130, 130, 130, 0.7);width: 335px;position: absolute;top: 0;right: 0;padding: 25px 17px 68px;box-sizing: border-box;}
.wrapper .slider .block .text h2{font: 16px Open Sans;line-height: 20px;font-weight: 700;text-align: right;color: #fff;margin-bottom: 15px;}
.wrapper .slider .block .text p{text-shadow: 0px 1px 1px rgba(0,0,0,.61);color: #fff;font: 13px Open Sans;text-align: right;white-space: nowrap;line-height: 15px;}
/*.wrapper .main {padding: 25px 0px 0;}*/
.wrapper aside {float: left;    margin-top: 8px;}
.wrapper .aside {width: 220px;}
.wrapper .aside h3 {border-bottom: 2px solid #cecece;background: #ed202a;color: #fff;font: 14px Open Sans;padding: 11px 21px 11px 15px;}
.wrapper .aside h3 a{background: #ed202a !important;color: #fff !important;font: 14px Open Sans !important;padding: 11px 31px 11px 15px !important;display:table-row !important;}
.wrapper .aside h3 a.selected{font-weight: bold !important;}
.wrapper .aside ul {margin: 0;background: #cecece;}
.wrapper .aside ul li {border-bottom: 2px solid #eb2a34;}
.wrapper .aside ul a {    height: 25px; display: block;padding: 3px 0 0px 15px;margin-bottom: 2px;font-size: 13px;text-transform: uppercase;color: #000;line-height: 23px;}
.wrapper .aside ul a:hover, .wrapper .aside ul a.selected{background-color: #fff;}
.wrapper .aside-photo {padding: 23px 15px 30px;box-sizing: border-box;}
.wrapper .aside-photo h3 {border:none;background: none;color: #ed202a;font-weight: 700;text-align: center;font-size: 20px;text-indent: 10px;}
.wrapper .aside-photo img {display: block;width: 100%;padding: 4px 7px;box-sizing: border-box;object-fit: cover;}
.wrapper .contain {float: left;width: 730px;    margin-left: 10px;    margin-top: 9px;}
.wrapper .contain ul {margin: 0;padding: 0 40px 0 26px;}
.wrapper .contain li {    display: block;    margin: 0 28px 25px 0;    float: left;}
.wrapper .contain li:nth-child(3n){margin: 0;}
.wrapper .contain a {display: block;transition: all 0.5s linear;}
.wrapper .contain a:hover{transform: scale(1.1);transition: all 0.5s linear;}
.wrapper .contain-page{padding: 0;box-sizing: border-box;float: left;}
.wrapper .contain-page h1{font: 40px Open Sans;font-weight: 400;text-align: center;}
.wrapper .contain-page h2{font: 30px Open Sans;font-weight: 400;text-align: center;}
.wrapper .contain-page h3{font: 25px Open Sans;font-weight: 400;text-align: center;}
.wrapper .contain-page h4{    font: 15px Open Sans;    font-weight: 400;    text-align: center;    line-height: 20px;}
.wrapper .contain-page h5{font: 15px Open Sans;font-weight: 400;text-align: center;}
.wrapper .contain-page h6{font: 10px Open Sans;font-weight: 400;text-align: center;}
.wrapper .contain-page p{font: 14px Open Sans;font-weight: 400;text-align: left;}
.wrapper .contain-page p img{margin: 0 20px 0 20px;}
.wrapper .contain-page img{display: block;margin: 0 auto;text-align: center;}
.wrapper .contain-page a{ font: 15px Open Sans;font-weight: 400;text-align: center;display: inline-block;color: #ed202a;text-decoration:underline;}
.wrapper .contain-page p a{font: 15px Open Sans;font-weight: 400;text-align: center;color: #ed202a;text-decoration:underline; display: inline-block;}
.wrapper .contain-page a:hover{transform: none;transition: none;}
.wrapper .contain-page ul{padding: 0;margin: 0;list-style: none;    width: 680px;}
.wrapper .contain-page ol{padding: 0;margin: 0;list-style: none;}
.wrapper .contain-page ul li{}
.wrapper .contain-page ol li{}
.wrapper span {display: block;width: 195px;margin: 0 auto;text-align: center;background: #cecece;}
.wrapper span img {padding-top: 8px;    width: 170px;    height: 170px;}
.wrapper h4 {font: 15px Open Sans;font-weight: 400;color: #ed202a;line-height: 20px;margin: 10px 0 0 0;padding-bottom: 6px;height:40px;}
.wrapper .info {padding: 2px 24px 0 28px;clear:left;width: 680px;}
.wrapper .info h1, .wrapper .info h2 {color: #ed202a;font-family: Open Sans;font-weight: 700;text-align: left;font-size: 20px; margin-top: 1px;}
.wrapper .info p {font: 14px Open Sans;font-weight: 400;margin: 9px 0 16px 0;line-height: 20px;color: #0d0d0d;text-align: justify;}

footer{max-width: 960px;    min-width: 960px;    margin: 0 auto;}
footer .footer {padding: 50px 30px 30px;box-sizing: border-box;}

.footer .top {float: left;border-bottom: 2px solid #b9bcbd;width: 700px;}
.footer .top ul {margin: 0;padding: 0 0 0 20px;letter-spacing: 0.6px;}
.footer .top li {display: inline-block;padding-bottom: 12px;}
.footer .top a {font: 14px Open Sans;color: #010101;font-weight: 700;}
.footer .top a i img{display: inline-block;    margin: 0 10px 3px 8px;}
.footer .top a:hover{color: #ed202a;}
.footer .bot {float: left;width: 918px;}
.footer .copyright {display: inline-block;/* padding: 12px 22px 0; *//* letter-spacing: 0.3px; */}
.footer .copyright p {font: 13px Open Sans;color: #828282;margin: 0 0 0 21px;}
.footer .phone {display: inline-block;    padding: 11px 10px 0 30px;}
.footer .phone p {display: inline-block;font: 15px Open Sans;color: #828282;margin: 0 0 0 21px;position: relative;}
.footer .phone p:first-child::before{content: '';position: absolute;background: url(../images/icon-f.png);background-repeat: no-repeat;width: 24px;height: 24px;left: -30px;top: -2px;}
.footer .phone span{background: none;color: #cecece;display: inline-block;width: auto;margin: 0px 3px;}
.footer .phone p:last-child{margin: 0;}
.footer .phone i img{display: inline-block;margin: 0 3px 3px 3px;}
.footer .contactns {display: inline-block;padding: 0 21px;}
.footer .contactns p {font: 14px Open Sans;color: #828282;margin: 0 0 0 21px;position: relative;}
.footer .contactns p:before{content: '';position: absolute;background: url(../images/icon-f.png);background-repeat: no-repeat;background-position: center right;width: 24px;height: 24px;left: -32px;top: -2px;}
.footer .right {float: right;margin: -61px -1px 0 0;}
.footer .logo-f a {display: block;}
.footer .logo-f img {display: block;width: 150px;}

.crumbs {
}
.crumbs ul {
}
.crumbs li {
}
.crumbs a {
}
.crumbs .current {
}
.crumbs > ul{
 background: #eee;
 border-width: 1px;
 border-style: solid;
 border-color: #f5f5f5 #e5e5e5 #ccc;
 border-radius: 5px;
 box-shadow: 0 0 2px rgba(0,0,0,.2);
 overflow: hidden;
 width: 100%;
 }
 
.crumbs > ul li{
 float: left;
 }
 
.crumbs > ul a{
 padding: .7em 1em .7em 2em;
 float: left;
 text-decoration: none;
 color: #444;
 position: relative;
 text-shadow: 0 1px 0 rgba(255,255,255,.5);
 background-color: #ddd;
 background-image: linear-gradient(to right, #f5f5f5, #ddd);
 }
 
.crumbs > ul li:first-child a{
 padding-left: 1em;
 border-radius: 5px 0 0 5px;
 }
 
.crumbs > ul a:hover{
 background: #fff;
 }
 
.crumbs > ul a::after,
 .crumbs > ul a::before{
 content: "";
 position: absolute;
 top: 50%;
 margin-top: -1.5em;
 border-top: 1.5em solid transparent;
 border-bottom: 1.5em solid transparent;
 border-left: 1em solid;
 right: -1em;
 }
 
.crumbs > ul a::after{
 z-index: 2;
 border-left-color: #ddd;
 }
 
.crumbs > ul a::before{
 border-left-color: #ccc;
 right: -1.1em;
 z-index: 1;
 }
 
.crumbs > ul a:hover::after{
 border-left-color: #fff;
 }
 
.crumbs > ul .current,
 .crumbs > ul .current:hover{
 font-weight: bold;
 background: none;
 }
 
.crumbs > ul .current::after,
 .crumbs > ul .current::before{
 content: normal;
 }
 
 .product-list li{float:left;   margin: 0 30px 25px 0;}
 .product-list li h4 span{width: 50%;    float: right;    color: #000;}
 
 .photo-list{list-style:none;}
 .photo-list li{float:left;}
 .photo-list li a{    width: 180px;    height: 180px;    border: 10px solid #cecece;    margin: 8px;}
 
 .trend-contain{}
 .trend-contain ul{}
 .trend-contain ul li{    display: block;    margin: 0 28px 25px 0;    float: left;}
 .trend-contain ul li h4{line-height:20px !important;}
 .page-nav{clear: left;}
 .page-nav b{ padding: 5px 10px;  background-color: #ed202a;  color: #fff !important;  text-decoration: none !important;  font-weight: bold !important;}
 .page-nav a{padding: 5px 10px;  background-color: #cecece;  color: #000 !important;  text-decoration: none !important;  font-weight: bold !important;}

.product-list h4{    height: 60px;}
.product-list h4 div{    font-size: 12px; color: #000; margin-top: 5px; height: 40px; overflow: hidden; text-align: left;    padding-left: 15px;}