html {background-color:#ffffff}
body {font:62.5%/1.3 Arial, Helvetica, sans-serif; background-color:#ffffff; padding: 0; margin: 0}
body > #layer {height: auto; min-height: 100%;}
#fade{background: #000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.85; z-index: 100; filter: alpha(opacity=85)}
#white_fade{background: #000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.0; z-index: 999; filter: alpha(opacity=0); cursor: wait}
.clear {clear:both; float:none; height:0; font-size:0;display: block;}
.layer {width:1000px; margin:auto}
.base-text,.base-text p{ font-size: 16px; line-height: 24px; font-family: "Open Sans"; }
p.base-text a{ color: #007fff; }
div.base-text,div.base-text p{ font-size: 16px; line-height: 24px; font-family: "Open Sans"; }
div.base-text a{ color: #007fff; }
h1{font-family: roadradiobold; font-size: 38px; text-transform: uppercase; color: #fff; background: #000000; padding: 5px 20px; display: inline-block}
h1.small{font-size: 24px; letter-spacing: 1px}
p.h1{font-family: roadradiobold; font-size: 38px; text-transform: uppercase; color: #fff; background: #000000; padding: 5px 20px; display: inline-block}
h2, .h2{font-family: roombold; font-size: 24px}
h3, .h3{font-family: "Open Sans"; font-size: 16px; line-height: 18px}
a{text-decoration: none; color: #000000}
.grayscale{ -webkit-filter: grayscale(1); filter: grayscale(1);}
.red{color: #EA0000}
.white{color: #fff}
input,select{outline: none}
i.orange{font-style: normal; color: #ff7e23}
#diskoviePilorami p {text-align: justify; line-height: 1.6;font-family: opensans; font-size: 16px}
.small{ font-size: 14px; }
#run {position: relative; z-index: 2; top: -30px; min-width: 1000px}
#run .stroke{height: 30px; background-color: #ff7e23; color: #ffffff; font: 18px roomlight; overflow: hidden}
#run .stroke > a{display: block; padding: 5px 0 0 215px; color: white}
#run .stroke > a img{vertical-align: middle;margin-right: 5px;}
#run .desc div.layer{width: 603px; color: #ffffff; text-align: center; font: 14px opensans; line-height: 1.6}
#run.attension .layer.red{ color: #921616 }
#textAbout h2{color: #ff7e23; font-family: roombold; font-size: 27px; margin: 0}
div.subMenu{position: absolute; top: 39px; z-index:999; width:max-content; left: -2px; background: #000000; padding: 0; color: #ffffff; display: none; z-index: 15}
div.subMenu ul{list-style: none; font-family: roomlight; font-size: 18px; line-height: 1.8; width: fit-content; padding: 0; margin-bottom: 5px; margin-top: 0}
div.subMenu ul li {width: 100%;box-sizing: border-box;padding: 0 20px;}
div.subMenu ul li img {vertical-align: middle; margin-right: 2px;}
div.subMenu ul a{font-size: 18px; display: block; text-decoration: none; color: #ffffff}
div.subMenu ul li:hover{cursor: pointer; background: #ff7e23}
div.subMenu ul li.fake:hover{background: none; cursor: default}
#logo{float: left}
#head{height: 62px; background: black; border-bottom: 3px solid #ff7e23; min-width: 800px}
#head .layer{ position: relative; width: 1140px; display: flex; }
#head ul {
list-style: none;
margin: 0
}
#head .navigation__site {
box-sizing: border-box;
padding: 0;
margin-top: 14px;
}
#head .navigation__site .nav__menu__item.active .subMenu {
display: block;
}
#head .social__mobile__link {
display: none;
margin-top: 15px;
}
#head .btn__open__nav {
margin-left: 36px;
width: 100px;
height: 68px;
display: none;
background-repeat: no-repeat;
background-position: center;
background-image: url("/images/icon/nav.svg");
}
#head .block__navigation.active {
display: block;
}
#head .navigation__site > .nav__menu__item > a{
text-decoration: none;
color: #ffffff;
font-size: 19px;
padding: 6px 18px;
text-transform: uppercase;
margin: 0;
cursor: pointer;
display: block
}
#head ul li.nav__menu__item:hover{border: 2px solid #fff}
#head .navigation__site li.nav__menu__item {
box-sizing: border-box;
font-family: roomlight;
border: 2px solid transparent;
float: left;
padding: 0;
position: relative;
z-index: 5;
}
p.longtext{cursor: pointer; text-transform: uppercase; text-align: center; font-family: roombold; font-size: 22px; border-bottom: 1px dashed black; display: inline-block; letter-spacing: 12px}
a.longtext{margin-top: 20px ;cursor: pointer; text-transform: uppercase; text-align: center; font-family: roombold; font-size: 22px; border-bottom: 1px dashed black; display: inline-block; letter-spacing: 12px}
#call{
width: 180px;
height: 62px;
background: #ff7e23;
padding: 0px 12px;
text-align: center;
line-height: 1;
margin-left: 10px;
}
#call p{ position: relative; z-index: 5; background: #ff7e23; }
#call p:nth-child(1){font-family: opensansLight; font-size: 10px; letter-spacing: 1.25; margin: 5px 0 0 0; color: #fff}
#call p:nth-child(2){font-family: roomlight; font-size: 18px; letter-spacing: 1.25; margin: 5px 0 0 0; color: #fff}
#call a{font-family: roomlight; font-size: 12px; margin-top: 4px; text-transform: uppercase; text-decoration: underline; letter-spacing: 2.3; color: black; display: block}
#slider{height: 525px; min-width: 1000px; position: relative}
#slider .slide{background-position: center; background-repeat: no-repeat; height: 525px; width: 100%; position: absolute; top: 0; display: block}
#slider_ugp{height: 525px; background: url("../images/ugp_slider.jpg") center no-repeat; min-width: 1000px}
#slider_udp{height: 525px; background: url("../images/udp_slider.jpg") center no-repeat; min-width: 1000px}
#slider_upk{height: 525px; background: url("../images/upk_slider_8.jpg") center no-repeat; min-width: 1000px}
#slider_new{height: 525px; background-image: url("../images/Woodver_presentation.jpg"); min-width: 1000px; background-repeat: no-repeat; background-color: black; background-position: bottom center}
#mnogopil_slider{height: 532px; background-image: url("../images/mnogopil_slider.jpg"); min-width: 1000px; background-repeat: no-repeat; background-color: black; background-position: bottom center}
#osv-slider-head{height: 534px; background-image: url("../images/osv-head.jpg"); min-width: 1000px; background-repeat: no-repeat; background-color: black; background-position: bottom center}
.head_sale_block{
width: 435px;
background: black;
border-top: 4px solid #FF7D22;
position: absolute;
right: -70px;
padding: 30px;
top: 50px;
font-family: roadradiobold;
font-style: normal;
display: flex;
flex-direction: column;
gap: 25px;
}
.head_sale_block p.title{
padding: 0;
margin: 0;
color: #FFF;
font-size: 36px;
font-weight: 900;
line-height: 34px;
letter-spacing: 0.36px;
}
.head_sale_block ul{
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 14px;
margin: 0;
}
.head_sale_block ul li{
color: #FFF;
font-size: 19px;
font-weight: 300;
line-height: 18px;
letter-spacing: 0.16px;
display: flex;
align-items: center;
gap: 8px;
}
.head_sale_block ul li img{}
.head_sale_block ul li span{}
.head_sale_block .button{
display: block;
color: #FFF;
text-align: center;
height: 48px;
line-height: 48px;
width: 100%;
margin: 6px 0;
border: 1px solid #FF7D22;
font-size: 22px;
font-family: roadradiobold;
font-style: normal;
font-weight: 700;
letter-spacing: 0.22px;
text-transform: uppercase;
cursor: pointer;
user-select: none;
}
.head_sale_block .button.active,
.head_sale_block .button:hover{
background-color: #FF7D22;
}
#smProduct ul{width: 300px}
.woodver_case{background: #fff; border: 9px solid #ff7e23; padding: 10px; position: absolute; left: 50%; width: 530px; top: 30%; z-index: 201; display: none}
.woodver_case div.close{position: absolute; left: 550px; top: -9px; cursor: pointer}
.woodver_case p.popTitle{font-family: roadradiobold; font-size: 24px; text-align: center}
.woodver_case span{font-family: roomthin; font-size: 22px; text-align: center}
.woodver_case span.bold{font-size: 30px; text-align: center; font-family: roadradiobold}
.woodver_case input[type=text], .woodver_case input[type=email]{border: 0; border-bottom: 1px solid #696969; outline: none; font-family: roomlight; font-size: 24px; padding: 5px; width: 350px}
.woodver_case p.input{text-align: center}
.woodver_case div.check{background: url("../images/checkbox.jpg") left; width: 25px; height: 25px; display: inline-block}
.woodver_case div.checked{background: url("../images/checkbox.jpg") right}
.woodver_case div.btn{background: #ff7e23; font-family: roadradiobold; font-size: 22px; text-transform: uppercase; padding: 10px 30px; margin: 30px auto 20px; width: 190px; text-align: center; cursor: pointer; display: block}
#recall div.check{
position: relative;
top: 6px;
margin: 10px 10px 0 60px;
cursor: pointer;
}
#recall input[name=name]{
width: 380px;
}
textarea{background-color: #ffffeb;outline: none; font-family: roomlight; font-size: 20px; padding: 10px; max-width: 450px; width: 450px; border: 0; height: 200px; margin-top: 15px; line-height: 1.2}
#discount_form p.input{
display: flex;
align-items: flex-end;
}
#discount_form p.input span{
width: 130px;
text-align: right;
}
#discount_form p.input input{
width: 320px;
margin-left: 20px;
}
#video_case{width: 560px; margin-left: -280px; padding: 0;}
#video_case div.close{left: 560px}
#video_case div.video_container{background: black}
.photoPop {position: absolute; left: 50%; top: 30%; z-index: 201; display: none; margin-left: -369px; height: 400px; width: 738px}
.photoPop div.main{background: #fff; border: 9px solid #ff7e23; float: left}
.photoPop div.left{background: url("../images/left_noactive.png") 0% 50% no-repeat; float: left; width: 60px; height: 86px; margin-top: 157px; cursor: pointer}
.photoPop div.right{background: url("../images/right_noactive.png") 100% 50% no-repeat; float: left; width: 60px; height: 86px; margin-top: 112px; cursor: pointer}
.photoPop div.left:hover{background: url("../images/left_active.png") 0% 50% no-repeat}
.photoPop div.right:hover{background: url("../images/right_active.png") 100% 50% no-repeat}
.photoPop div.close{background: url("../images/close.png")no-repeat; float: left; width: 45px; height: 45px; cursor: pointer}
.photoPop div.close:hover{background: url("../images/close_active.png")no-repeat}
#deliveryForm {margin: auto; width: 700px; margin-top: 30px}
#deliveryForm p{font-family: roomlight; font-size: 24px; color: #333}
#deliveryForm input[type=text]{border: 0; border-bottom: 1px solid #696969; outline: none; font-family: roomlight; font-size: 24px; padding: 5px}
#openDayForm {margin: auto; width: 490px; margin-top: 30px}
#openDayForm p{font-family: roomlight; font-size: 24px; color: #333}
#openDayForm input[type=text]{border: 0; border-bottom: 1px solid #696969; outline: none; font-family: roomlight; font-size: 24px; padding: 5px}
#new_year{position: absolute; z-index: 10; left: 140px}
p.title{font-family: roadradiobold; font-size: 38px; text-transform: uppercase; color: #fff; background: #000000; padding: 5px 20px; display: inline-block}
#about p.title{margin: 35px 0 15px 0; font-family: roadradiobold; font-size: 32px; text-transform: uppercase; color: #fff; background: #000000; padding: 3px 20px; display: inline-block}
#about span.bold{font-family: "roadradiobold"}
#filmAbout{
max-width: 1000px; position: relative; cursor: pointer;
background: url(/images/videoPreview_1.jpg) no-repeat center; background-size: cover; width: 470px; height: 264px
}
#filmAbout span{
width: 50px; height: 35px; background: url("../images/yt_play.png") left no-repeat; display: block;
background-size: 100px; position: absolute; margin: auto; left: 0; right: 0; top: 110px;
}
#filmAbout:hover span{ background-position: right }
#textAbout{ margin: 50px 0 }
#textAbout p{font-family: opensans; font-size: 16px; line-height: 30px; margin-top: 5px; text-align: justify}
.midTitle{font-family: roadradiobold; font-size: 38px; text-transform: uppercase; text-align: center; margin: 30px 0 0 0}
#ourPhoto{text-align: center; margin-top: 50px; padding-left: 100px; height: 150px}
#ourPhoto div.photo{float: left; text-align: center; width: 160px}
#ourPhoto div.photo img{cursor: pointer;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; -webkit-filter: grayscale(1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
#ourPhoto div.photo img:hover{filter: none; -webkit-filter: grayscale(0);}
#ourPhoto div.photo p{font-family: opensans; font-size: 12px; margin: 0; display: none}
#ourPhoto div.photo p.name{font-size: 16px; margin: 9px 0px 3px 0}
#product{width: 1030px}
#product img{ display: block; margin: auto }
.product{width: 450px; float: left; padding: 15px 15px 0 16px; border: 3px solid white; margin: 0; display: block}
.product div.title{background: #ff7e23; text-align: center; font-family: roadradiobold; font-size: 18px; padding: 5px; line-height: 20px}
.product div.title.tall{font-size: 22px; padding: 12px}
.product p:first-of-type{font-family: roadradiolight; font-size: 20px; padding-left: 5px; margin: 20px}
.product p.desc{font-family: opensans; font-size: 16px; text-align: left; line-height: 1.6; margin: 18px 0 20px 0; }
.product div.price{border: 3px solid #ff7e23; text-align: center; text-transform: uppercase; padding: 6px 0;
margin-top: 12px; font-size: 25.5px; font-family: roadradiobold; height: 30px; line-height: 30px}
.product div.price span{text-transform: lowercase; font-size: 20px; font-family: roadradiolight}
a.product:not(.disabled):hover div.price {display: none;}
a.product:not(.disabled):hover div.detail {display: block;}
a.product.hovered div.detail {display: block!important;}
.product div.detail{border: 3px solid #ff7e23; text-align: center; text-transform: uppercase; padding: 6px 0; margin-top: 12px; font-size: 21px; font-family: "roadradiolight"; background: #ff7e23; display: none; height: 30px; line-height: 30px}
.product div.detail span{border-bottom: 1px solid}
#innovation div.item{width: 220px; float: left; text-align: center; height: 420px}
#innovation div.item table{height: 60px; text-align: center; font-size: 19px; font-family: roombold; line-height: 1.2}
#innovation div.item p.desc{font-family: opensans; font-size: 14px; line-height: 1.6; color: #333}
#news div.news-item{width: 331px; height: 209px; margin-right: 2px; cursor: pointer; }
#video {margin-top: 30px}
#video .metro{float: left; width: 331px; height: 209px; margin-right: 2px; cursor: pointer; filter: grayscale(100%) }
.dopStanina .metro{float: left; width: 331px; height: 209px; margin-right: 2px; cursor: pointer; overflow: hidden; margin-top: 20px}
.dopStanina .metroS{float: left; width: 164px; height: 103px; margin-right: 2px; cursor: pointer; overflow: hidden; margin-top: 20px; background-size: contain}
.dopStanina .metroS div.content{height: 103px}
.dopStanina .metroS:hover div.content{background: rgba(255, 102, 14, 0.7)}
#slider div:not(.layer){height: 86px; width: 86px; cursor: pointer; position: absolute; z-index: 5; top: 200px}
#slider .layer{position: relative}
#slider div.left{background: url("../images/left_noactive.png"); left: -100px}
#slider div.right{background: url("../images/right_noactive.png"); right: -100px}
#slider div.left:hover{background: url("../images/left_active.png")}
#slider div.right:hover{background: url("../images/right_active.png")}
#closeStanVideo:hover{color: #ff7e23}
#dopKaretka .metro{float: left; width: 248px; height: 156px; margin-right: 2px; cursor: pointer}
#dopKaretka div.content{height: 116px}
#dopKaretka .metro div.content table tr td.text div.name{font-size: 20px}
#dopKaretka .metro div.content table tr td.text{height: 128px}
.metro .content{height: 169px; font-family: opensans; padding: 20px}
.metro .content:hover{background: rgba(255, 102, 14, 0.7)}
.metro .content table {width: 100%}
.metro .content table tr td{color: white; font-size: 12px}
.metro .content table tr td.text{height: 150px; vertical-align: bottom}
.metro .content table tr td.text div.name{font-family: roombold; font-size: 22px; text-transform: uppercase}
.metro .content table tr td div.desc{height: 80px; text-align: justify; display: none; margin-top: 6px}
.metro .content table tr td.date{text-align: right; height: 20px}
.news_items{
display: flex;
flex-wrap: wrap;
}
.new-item-a{ position: relative }
.new-item-a:after{
content: ''; position: absolute; left: 0; top: 0;
width: 100%; height: 100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 27%, rgba(0,0,0,0.75) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 27%,rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 27%,rgba(0,0,0,0.75) 100%);
}
.news-item-content{ font-family: opensans; padding: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; z-index: 20 }
.news-item-content:hover{background: rgba(255, 102, 14, 0.7)}
.news-item-content table {width: 100%}
.news-item-content table tr td{color: white; font-size: 12px}
.news-item-content table tr td.text{height: 150px; vertical-align: bottom}
.news-item-content table tr td.text div.name{font-family: roombold; font-size: 22px; text-transform: uppercase}
.news-item-content table tr td div.desc{height: 80px; text-align: justify; display: none; margin-top: 6px}
.news-item-content table tr td.date{text-align: right; height: 20px}
#reviewPhoto img{cursor: pointer; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; -webkit-filter: grayscale(1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
#reviewPhoto img:hover{filter: none; -webkit-filter: grayscale(0);}
#review div.flex_block{ display: flex; flex-wrap: wrap; justify-content: space-between }
#review div.flex{
display: flex;
gap: 15px;
}
#review div.block{ margin-bottom: 50px; margin-top: 30px; max-width: 465px}
#review div.block td.review_text{ height: 175px; vertical-align: top }
#review div.blockF{margin-top: 40px;}
#review div.review_head{
display: flex;
gap: 20px;
}
#review a.name{font-family: opensans; font-size: 24px; margin: 10px 0 0 0}
#review a.name span{text-transform: uppercase; font-family: opensansBold}
#review p.job{margin: 0 0 12px 0; font-family: opensans; font-size: 13px}
#review p.job span{font-family: opensansBold; text-transform: uppercase}
#review p.desc{font-family: opensans; text-align: justify; font-size: 14px; min-height: 110px;}
div.map{background: url("../images/map.jpg") center 0%; height: 500px; min-width: 1000px}
div.map div.layer{padding-top: 90px}
div.map div.info{width: 580px; height: 270px; margin-left: 90px}
div.map div.info div.text{float: left; border: 8px solid #ff7e23; padding: 20px 30px; background: #ffffff; font-family: opensans; font-size: 15px}
div.map div.info div.text ul{padding: 0; margin: 0; list-style: none; font-family: opensans; font-size: 13.5px}
div.map div.info div.menu{float: left}
div.map div.info div.menu div{width: 63px; height: 63px; background: black; margin-bottom: 10px; text-align: center; cursor: pointer}
div.map div.info div.menu div.active{background: #ff7d22}
div.map div.info div.menu div:hover{background: #ff7d22}
#footer{padding: 10px 0 20px 0; background: #000000; letter-spacing: -0.03em}
#footer span.text{font-family: opensans; font-size: 14px; color: #6f6f6f}
#footer span.mail{font-family: opensans; font-size: 14px; color: #6f6f6f; text-transform: uppercase}
#footer span.phone{font-family: opensans; font-size: 14; color: #6f6f6f}
#footer span.line{color: #646464; font-size: 20px; font-family: opensansLight; margin: 0 3px}
#footer span{font-size: 15px}
#footer span:hover{color: #c3c3c3; cursor: pointer}
#youtubeicon {position: relative; top: 9px; left: 20px; opacity: 0.5; cursor: pointer}
#youtubeicon:hover {opacity: 0.9}
#instagramicon {position: relative; top: 9px; left: 25px; opacity: 0.5; cursor: pointer}
#instagramicon:hover {opacity: 0.9}
div.photos {margin-top: 30px; width: 1000px}
div.photos div{margin: 0 1px 0 0; float: left; width: 165px; height: 107px}
div.photos div.orange:hover{background: rgba(255, 102, 14, 0.7);}
#about{padding: 20px 0}
#about h1{font-family: roadradiobold; font-size: 38px; text-transform: uppercase; color: #fff; background: #000000; padding: 5px 20px; display: inline-block}
#about table tr td.photo{width: 440px}
#about table tr td:not(#photo,.marker) img:first-child{position: absolute}
#about table tr td.text{text-align: justify; width: 460px; font-family: opensans; font-size: 16px; line-height: 1.5}
#upk_about{width: 600px; text-align: justify; font-family: opensans; font-size: 18px}
#uslugi p:first-child{font-family: roombold; font-size: 24px; letter-spacing: 3px; text-transform: uppercase; margin: 40px 0 30px 0}
#uslugi div.item{float: left; width: 210px; margin-right: 40px; text-align: center}
#uslugi div.item table{width: 210px; margin-top: 15px}
#uslugi div.item table tr td:nth-child(1){width: 40px}
#uslugi div.item table tr td:nth-child(2){text-align: center; font-family: roombold; font-size: 20px; text-transform: uppercase}
#uslugi div.item table tr td:nth-child(3){width: 40px; text-align: right}
#uslugi div.item p{font-family: opensans; font-size: 13.5px; line-height: 1.6; color: #333}
#achiv table{width: 100%}
#achiv table tr td{width: 500px; text-align: center}
#achiv table tr td p{font-family: roombold; font-size: 22px; text-align: center}
#videorolik{background: #000000; margin-top: 50px; padding: 1px 0 50px 0}
#videorolik h1{text-transform: uppercase; color: #ff7e23; letter-spacing: 6px; font-family: roadradiobold; font-size: 28px; display: block}
#quote{margin-top: 60}
#quote table{width: 800px; margin: auto}
#quote table tr td:nth-child(1){width: 35px}
#quote table tr td:nth-child(2){width: 135px}
#quote table tr td:nth-child(3){font-family: roombold; font-size: 24px; letter-spacing: 0.5px}
#quote div.author{float: right}
#quote div.author p{font-family: opensans; margin: 0}
#quote div.author p span{font-family: opensansBold}
.pilType {width: 500px; float: left}
.pilType table{width: 420px; margin: 30px auto auto; }
.pilType table tr td{text-align: center}
.pilType table tr.desc td{padding-top: 10px}
.pilType table tr td.desc{font-family: opensans; font-size: 15px; text-transform: uppercase; line-height: 1.6; padding: 15px 30px; color: #333}
.pilType table tr td.name{text-transform: uppercase; font-family: roombold; font-size: 26px; letter-spacing: 2px}
.offer_block{
box-sizing: border-box;
width: 100%;
background: #FFF;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.18);
padding: 6px;
margin: auto;
margin-top: -5px;
font-family: roadradiobold;
position: relative;
z-index: 1;
}
.offer_content{
border: 1px solid #FFC69E;
display: flex;
flex-wrap: wrap;
padding: 14px 14px 14px 26px;
}
.offer_text{
color: #000;
font-style: normal;
font-weight: 700;
line-height: 20px;
font-size: 22px;
display: flex;
align-items: center;
text-align: left;
}
.offer_button{
margin-left: auto;
background-color: #FF7D22;
color: #FFF;
font-size: 22px;
font-style: normal;
font-weight: 700;
letter-spacing: 0.22px;
text-transform: uppercase;
padding: 0 50px;
height: 50px;
line-height: 50px;
cursor: pointer;
}
/*#galary{height: 220px; overflow: hidden}
#galary .content{height: 200px; position: relative; left: 0}
#galary div.content img{cursor: pointer;
filter: url("data:image/svg+xml;utf8,#grayscale"); !* Firefox 10+, Firefox on Android *!
filter: gray; -webkit-filter: grayscale(1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
#galary div.content img:hover{filter: none; -webkit-filter: grayscale(0);}
#galary .line{height: 20px; width: 100%; background: #000000}*/
#construct {width: 100%; max-width: 1000px; margin: auto}
#construct img {width: 100%}
#construct .content{width: 100%; text-align: center}
#construct .line{height: 20px; width: 100%; background: transparent}
#baseComp{line-height: 1.5; margin-top: 10px}
#baseComp span.orange{color: #ff7e23; font-family: roombold}
#baseComp tr td.name{font-family: roombold; font-size: 24px; padding-top: 20px}
#baseComp tr td.marker{padding-left: 30px}
#baseComp tr td.marker img{position: relative; top: 2px}
#baseComp tr td.text{font-family: roomlight; font-size: 19px; padding-left: 8px}
#baseComp{line-height: 1.5; margin-top: 10px}
table.marked_ul {line-height: 1.5}
#about table.marked_ul span.orange{color: #ff7e23; font-family: opensans}
#about table.marked_ul tr td.name{font-family: roombold; font-size: 24px; padding: 15px 0}
#about table.marked_ul tr td.marker{padding-left: 30px}
#about table.marked_ul tr td.marker img{position: relative; top: 2px}
#about table.marked_ul tr td.text{font-family: opensans; font-size: 17px; width: 900px;line-height: 1.2; padding: 7px 0 7px 8px}
.bphoto{background: #000000; padding-bottom: 15px; display: none}
.bphoto table{margin: auto}
.bphoto table tr td.left{width: 120px; height: 86px; background: url("../images/left_noactive.png") 0% 50% no-repeat; cursor: pointer}
.bphoto table tr td.left:hover{background: url("../images/left_active.png") 0% 50% no-repeat}
.bphoto table tr td.right{width: 120px; height: 86px; background: url("../images/right_noactive.png") 100% 50% no-repeat; cursor: pointer}
.bphoto table tr td.right:hover{background: url("../images/right_active.png") 100% 50% no-repeat}
#closeBP{position: absolute; background: url("../images/close.png"); width: 45px; height: 45px; cursor: pointer}
#closeBP:hover{background: url("../images/close_active.png")}
#tech{width: 100%; line-height: 2.2; margin: 0; padding: 0; border-spacing: 0}
#tech tr th{font-family: roadradiobold; font-size: 24px; text-align: left}
#tech tr td:first-child{font-family: roomthin; padding-left: 20px}
#tech tr td{font-family: roombold; font-size: 20px}
#tech tr.gray{background: #efefef}
.tech_table{width: 100%; line-height: 2.2; margin: 0; padding: 0; border-spacing: 0; margin: 30px 0}
.tech_table tr th{font-family: roadradiobold; font-size: 24px; text-align: left}
.tech_table tr td{font-family: roomlight; padding: 12px 20px; line-height: 24px; font-size: 18px }
.tech_table tr td b{font-family: roombold; font-size: 19px }
.tech_table tr.gray td{ background: #eeeeef }
.tech_table tr td.gray{ background: #eeeeef }
.tech_table tr td.darkGray{ background: #e3e3e6 }
.nowrap {white-space: nowrap}
.text-center{text-align: center}
.base-table{width: 100%; margin: 0; padding: 0; border-spacing: 0}
.base-table tr th{font-family: roadradiobold; font-size: 20px; text-align: center; background: #efefef; padding: 10px 0}
.base-table tr:nth-child(odd) td{background: #efefef}
.base-table tr td{font-family: opensans; font-size: 14px; padding: 8px}
.base-table tr td.title{font-family: opensansBold}
.btnVline {width: 351px; float: left; margin-right: 50px; cursor: pointer}
.btnVline img{ display: block }
.btnVline div.active{background-color: #ff7e23}
.btnVline div:hover{background-color: #ff7e23}
.btnVline div{border: 3px solid #ff7e23; text-align: center; font-family: roadradiobold; font-size: 21px; padding: 8px 0 6px}
#question{width: 750px; margin: auto}
#question tr.title td:nth-child(1){width: 50px}
#question tr.title td:nth-child(2){font-family: opensansBold; font-size: 19px; color: #ff7e23}
#question tr.title td:nth-child(3){width: 50px; text-align: right}
#question tr.name td{text-align: right; font-size: 14px; font-family: opensans; padding-right: 40px}
#question tr.name td span{font-family: opensansBold}
#question tr.text td{font-family: opensans; font-size: 14px; text-align: justify; padding: 10px 40px}
#question tr.line td{text-align: center; padding: 20px}
#price .price1 p{font-family: opensans; font-size: 16px; line-height: 1.5; padding-left: 50px; margin-top: 0}
#price .contact {width: 720px; height: 155px; border: 4px solid #ff7e23; margin: 40px auto; padding: 20px}
#price .contact p{font-family: opensansBold; font-size: 16px; text-align: center; text-transform: uppercase; line-height: 1.8; margin: 10px 0}
#price .contact p.num{font-size: 40px; font-family: roomlight; letter-spacing: 3.5px; line-height: 1; margin: 20px 0 0 0}
#price .contact p.num span.orange{color: #ff7e23}
#price .contact p.num span.icon-phone{font-size: 30px}
#price .contact p.num img{position: relative; top: 3px; left: -10px}
#price .contact p.desc{font-family: opensans; font-size: 13px; color: #9fa299; margin: 0; text-transform: none}
#price p.cent {font-family: opensans; font-size: 17px; text-transform: uppercase; text-align: center; line-height: 1.8}
#sravnenie .contact {width: 650px; height: 155px; border: 4px solid #ff7e23; margin: 40px auto; padding: 20px}
#sravnenie .contact p{font-family: opensansBold; font-size: 16px; text-align: center; text-transform: uppercase; line-height: 1.8; margin: 10px 0}
#sravnenie .contact p.num{font-size: 40px; font-family: roomlight; letter-spacing: 3.5px; line-height: 1; margin: 20px 0 0 0}
#sravnenie .contact p.num span.orange{color: #ff7e23}
#sravnenie .contact p.num span.icon-phone{font-size: 30px}
#sravnenie .contact p.num img{position: relative; top: 3px; left: -10px}
#sravnenie .contact p.desc{font-family: opensans; font-size: 13px; color: #9fa299; margin: 0; text-transform: none}
#delivery p.cent {font-family: opensansBold; font-size: 17px; text-transform: uppercase; text-align: center; line-height: 1.8}
#delivery .text1 p{font-family: opensans; font-size: 16px; line-height: 1.5; padding-left: 50px; margin-top: 0}
#delivery .text1 p span{font-family: opensansBold}
#delivery div.photos div{width: 166px; height: 107px; margin: 0 0 30px 0}
#delivery div.photos div:hover div{width: 166px; height: 107px; background-color: rgba(255, 102, 14, 0.6)}
#contact table.t1 p{font-family: opensansBold; font-size: 16px; text-align: center; text-transform: uppercase; line-height: 1.8; margin: 10px 0}
#contact table.t1 p.num{font-size: 38px; font-family: roomlight; letter-spacing: 3.5px; line-height: 1; margin: 0}
#contact table.t1 p.num span.orange{color: #ff7e23}
#contact table.t1 p.num span.icon-phone{font-size: 30px}
#contact table.t1 p.num img{position: relative; top: 3px; margin-right: 17px}
#contact table.t1 tr:nth-child(1) td{font-family: opensans; color: #9fa299; font-size: 13px}
#contact table.t1 tr:nth-child(2) td{padding: 0 0 10px 0}
#contact table.t1 tr td:nth-child(2){width: 150px}
#contact table.t1 tr:nth-child(3) td{text-align: center; font-family: roomlight; font-size: 23px;}
#contact table.t1 tr:nth-child(3) td span {border-bottom: 1px dashed #000000; cursor: pointer}
#need table.t1 {margin: auto}
#need table.t1 p{font-family: opensansBold; font-size: 16px; text-align: center; text-transform: uppercase; line-height: 1.8; margin: 10px 0}
#need table.t1 p.num{font-size: 40px; font-family: roomlight; letter-spacing: 3.5px; line-height: 1; margin: 0}
#need table.t1 p.num span.orange{color: #ff7e23}
#need table.t1 p.num span.icon-phone{font-size: 30px}
#need table.t1 p.num img{position: relative; top: 3px; margin-right: 17px}
#need table.t1 tr:nth-child(1) td{padding: 0 0 10px 0}
#need table.t1 tr td:nth-child(1){width: 430px}
#need table.t1 tr td:nth-child(2){width: 50px}
#need table.t1 tr td:nth-child(3){width: 430px}
#need table.t1 tr:nth-child(2) td{text-align: center; font-family: roomlight; font-size: 23px;}
#need table.t1 tr:nth-child(2) td span {text-transform: uppercase; font-size: 13px; font-family: opensansBold}
#need p.cent {font-family: opensansBold; font-size: 22px; text-transform: uppercase; text-align: center; line-height: 1.8; margin: 10px 0 50px}
#need table.t2 {margin-bottom: 50px; font-family: room; font-size: 18px; line-height: 1.35}
#need table.t2 tr:nth-child(1) td{vertical-align: top; padding-right: 30px}
#need table.t2 p.name{font-family: roombold; font-size: 22px}
#need table.t2 img{margin-right: 15px}
#contacts {color: #000000; width: 100%}
#contacts tr td{padding: 20px 0; height: 400px}
#contacts tr td.block{width: 240px; cursor: pointer; border: 3px solid #fff; text-align: center}
#contacts tr td.block img{filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; -webkit-filter: grayscale(1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
#contacts tr td.active{border: 3px solid #ff7e23}
#contacts tr td.active img{filter: none; -webkit-filter: grayscale(0);}
#contacts tr td p.cat{font-family: roombold; font-size: 20px; margin: 10px 0 15px 0}
#contacts tr td p.name{font-family: opensans; font-size: 19px; margin: 5px 0 0 0}
#contacts tr td p.name span{font-family: opensansBold; text-transform: uppercase}
#contacts tr td p.job{font-family: opensans; font-size: 13px; margin: 0}
#contacts tr td p.phone{font-family: roomlight; font-size: 24px; color: #9fa299; letter-spacing: 1px; margin: 10px 0}
#contacts tr td p.phone span{font-family: roombold; color: #ff7e23}
#contacts tr td p.mail{font-family: roomthin; font-size: 20px; margin: 0; letter-spacing: 0.7px}
#contacts tr td p.mail span{font-family: roombold}
table.maps {width: 750px; margin: auto}
table.maps tr td{vertical-align: top}
table.maps p.tit1{font-family: roombold; font-size: 19px; margin: 0}
table.maps p.tit2{font-family: opensans; font-size: 15px; margin: 10px 0 0 0; color: #9fa299}
table.maps p.time{font-family: opensans; font-size: 16px; margin: 0}
table.maps p.time span{font-family: opensansBold}
table.maps p.adres{font-family: opensans; font-size: 16px; line-height: 1.8; margin: 5px 0}
#pricelist {width: 980px; border-spacing: 0; margin-left: 20px}
#pricelist tr td{padding: 10px 14px; font-size: 22px}
#pricelist tr.gray{background: #efefef}
#pricelist tr td:first-child{font-family: roomthin}
#pricelist tr td img{cursor: pointer}
#pricelist tr td:nth-child(2){font-family: roadradiobold; text-align: center}
#pricelist tr td:nth-child(2) span{color: #9fa299}
#pricelist tr td:first-child span{font-family: roombold}
#pricelist a:hover{border-bottom: 1px solid}
#pricelist tr td p{margin: 5px 0}
#compAbout h1{float: left}
#Pmap {background: url("../images/phoneMap_.jpg") center; height: 190px; width: 100%; color: #222; overflow: hidden}
#Pmap div.Phum{position: relative; width: 100px; display: inline-block}
#Pmap div.Phum p:first-child{text-transform: uppercase; font-size: 14px; font-family: roombold}
#Pmap div.Phum p{font-family: opensansBold; margin: 0; font-size: 11px}
#Pmap div.Phum p.hid{display: none}
#Pmap .layer > p:first-child{
position: absolute;
font-family: roombold;
font-size: 13pt;
color: #5f5f5f;
right: -50px;
}
#closeMap{margin: auto; width: 43px; cursor: pointer}
#openMap{margin: auto; width: 43px; cursor: pointer; display: none}
#msk{top: 68px; left: 25px;}
#nn{top: 60px; left: 37px;}
#kzn{top: 60px; left: 57px;}
#izh{top: 30px; left: 36px; width: 180px!important;}
#izh p:first-child{font-size: 19px!important}
#izh p{font-size: 14px!important;}
#ufa{top: 100px; left: -72px;}
#ek{top: 21px; left: -114px}
#omsk{top: 91px; left: 68px;}
#nov{top: 88px; left: 133px;}
#bel{top: 82px; left: -170px;}
.want_more{ display: flex }
.want_more .icon{width: 150px; height: 150px; margin: auto; background-repeat: no-repeat; background-position: center;
border-radius: 75px; border: 4px solid black; margin-bottom: 10px; display: block;
filter: gray;
-webkit-filter: grayscale(1);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}
.want_more .third:hover .icon{
filter: none;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
}
.want_more .third{ margin: 3% }
.want_more .name{font-family: roombold; font-size: 21px; text-transform: uppercase}
.want_more .name ul{list-style: none; padding: 0; height: 60px; position: relative}
.want_more .name ul li{display: block}
.want_more .name ul li.center{display: inline-block; width: 85%}
.want_more .name ul li.right{position: absolute; right: 0; top: 0}
.want_more .name ul li.left{position: absolute; left: 0; top: 0}
.want_more .text{font-family: "Open Sans", sans-serif; font-size: 15px; padding: 15px 0 10px 0}
.want_more .url a{font-family: roadradiobold; font-size: 18px; border-bottom: 1px solid}
.want_more .url a:hover{color: #FF7E22}
.want_more td{text-align: center}
.new { width: 760px }
.new div.title{color: #000000; font-family: roombold; font-size: 24px; text-transform: uppercase; padding: 8px 0 0}
.new div.title a{color: #000000; text-decoration: none; border: none }
.new div.date{
font-size: 12px; font-family: opensans;
background: #ff7e23; color: white; margin-top: 10px;
display: inline-flex; padding: 5px 15px;
}
.new div.border{float: left;}
.new div.desc{}
.new div.desc p img{ margin: 0 15px 15px 0}
.new div.text{font-family: opensans; font-size: 15px; line-height: 1.5; text-align: justify}
.new div.text div.bold p{font-family: opensansBold; font-size: 16px}
.new div.text strong,.new div.text b{font-family: opensansBold; font-size: 16px; color: #1b1b1b}
.new p.open{float: right; border-bottom: 1px dashed #ff7e23; color: #ff7e23; font-family: roombold; font-size: 17px;}
.new p.open a{ text-decoration: none; border: none }
.new a{border-bottom: 1px solid; color: #ff7e23}
.new .preview{
min-height: 320px;
}
.new .preview p.open{
display: inline-block;
float: none;
}
#raschetStoimosti table.t1{font-family: roombold; width: 100%; font-size: 19px; border-spacing: 0}
#raschetStoimosti table.t1 tr td{padding: 10px}
#raschetStoimosti table.t1 tr td.name{font-family: roomlight; text-transform: uppercase; font-size: 18px}
#raschetStoimosti table.t1 tr td.inp{border: 3px solid #ffffff; cursor: pointer}
#raschetStoimosti table.t1 tr.gray td.inp{border: 3px solid #efefef}
#raschetStoimosti table.t1 tr td.inp:hover{border: 3px solid #ff7e23; color: #ff7e23}
#raschetStoimosti table.t1 tr td.active{color: #ff7e23}
#raschetStoimosti table.t1 tr td span{margin-right: 7px; font-size: 22px; position: relative; top: 2px}
#raschetStoimosti table.t1 tr.gray{background-color: #efefef}
#raschetStoimosti table.t2.t2_first {width: 350px; float: left; margin-left: 170px; margin-top: 0;}
#raschetStoimosti table.t2.t2_second {width: 400px; float: left; margin-left: 20px; margin-top: 0;}
#raschetStoimosti table.t2.t2_first tr.inp td:first-child{ padding-left: 0 }
#raschetStoimosti table.t2.t2_second tr.inp td:first-child{ padding-left: 0 }
#raschetStoimosti table.t2 {font-family: roomlight; font-size: 19px; border-spacing: 0; width: 850px; margin: 20px auto}
#raschetStoimosti table.t2 tr td{padding: 6px}
#raschetStoimosti table.t2 tr.group td{text-transform: uppercase; font-family: roombold; padding-top: 15px}
#raschetStoimosti table.t2 tr td div.chbx{width: 22px; height: 21px; background: url("../images/chbx.jpg") left; float: left}
#raschetStoimosti table.t2 tr.inp{cursor: pointer}
#raschetStoimosti table.t2 tr.inp a{margin-left: 10px; font-size: 14px}
#raschetStoimosti table.t2 tr.inp a:hover{text-decoration: underline}
#raschetStoimosti table.t2 tr.active{color: #ff7e23}
#raschetStoimosti table.t2 tr.active td div.chbx{background: url("../images/chbx.jpg") right}
#raschetStoimosti table.t2 tr.inp td:first-child{width: 24px; padding-left: 100px}
#raschetStoimosti table.t2 tr td.price{width: 170px; text-align: center; font-family: roombold; text-transform: uppercase; border: 3px solid #ffffff}
/*#raschetStoimosti table.t2 tr.inp:hover td.price{border: 3px solid #ff7e23}*/
#raschetStoimosti table.t2 tr td.price span{font-size: 15px}
#raschetStoimosti table.t2 tr.inp:hover{color: #ff7e23}
#confirm{background-color: #ff7e23; width: 351px; margin: auto; text-align: center; cursor: pointer}
#confirm p{padding: 12px 0 8px 0; font-family: roadradiobold; font-size: 22px; text-transform: uppercase; margin: 0}
#confirm img{ display: block }
#get_discount{background-color: #ff7e23; width: 351px; margin: auto; text-align: center; cursor: pointer}
#get_discount p{padding: 12px 0 8px 0; font-family: roadradiobold; font-size: 22px; text-transform: uppercase; margin: 0}
#get_discount img{ display: block }
#RaschetfloatBtn{position: fixed; background: #ff7e23; text-transform: uppercase; font-family: roadradiolight;
letter-spacing: 1.5px;
font-size: 17px; color: #ffffff; padding: 8px;
width: 265px; cursor: pointer;
text-align: center; z-index: 150;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 300px; left: -122px}
#sravnenie table{border-spacing: 0}
#sravnenie div.fix{border: 3px solid #ff7e23; width: 994px}
#sravnenie div.fix table{width: 994px}
#sravnenie div.fix table tr td{padding: 10px 0 10px 35px; border-left: 1px dashed #e3e3e5}
#sravnenie div.fix table tr td:first-of-type{font: 18px roadradiobold; padding: 0 0 0 20px; border-left: 0}
#sravnenie div.fix table tr td div{float: left}
#sravnenie div.fix table tr td div img{margin-right: 20px}
#sravnenie div.fix table tr td div p{font-family: roombold; margin: 0; font-size: 16px; text-transform: uppercase}
#sravnenie div.fix table tr td div p.name{color: #ff7e23; font-size: 20px}
#sravnenie table.param{width: 1000px; margin-bottom: 50px}
#sravnenie table.param tr.gray{background-color: #efefef}
#sravnenie table.param tr td{border-left: 1px dashed #e3e3e5; text-align: center; height: 60px}
#sravnenie table.param tr td:first-child{font: 18px roomlight; border-left: 0; text-align: left; padding-left: 30px}
#sravnenie table.param tr td p.plus{font: 40px opensans; color: #ff7e23; margin: 0}
#sravnenie table.param tr td p.minus{font: 50px roomthin; margin: 0}
#sravnenie table.param tr td p.num{font: 20px roombold}
#sravnenie table.param tr td p.text{font: 14px opensans; margin: 10px; color: #333}
#sravnenie table.param{}
#po p, #po ul{font-family: opensans; font-size: 16px; line-height: 1.6; margin-top: 5px; text-align: justify;}
#po li{font-family: opensansBold}
#po img{float: left; margin-right: 20px}
table.videos tr td{padding: 0 20px 20px 0; font: 16px roombold}
td.play_video{cursor: pointer; opacity: 0.9}
td.play_video:hover{opacity: 1.0}
#map{height: 630px; background-image: url("../images/rus_map_2.jpg"); background-color: #ffffff; background-position: center; background-repeat: no-repeat; min-width: 1000px;}
#map div.map_region{position: absolute;}
#map div.map_region p{font-family: roombold; font-size: 14px; margin: 0 0 3px 0; text-transform: uppercase; letter-spacing: 1.1}
#map div.map_region img{cursor: pointer; opacity: 0.9}
#map div.map_region img:hover{opacity: 1.0}
#upk_photo_woodver_case{position: fixed; left: 15%; width: 70%; z-index: 201; top: 3%}
#upk_photo_woodver_case td.photo{width: 100%}
#upk_photo_woodver_case td.photo div{width: 100%; height: 800px; display: none; background-size: contain; background-repeat: no-repeat; background-position: center}
#upk_photo_woodver_case span{color: #ffffff; font-size: 26px; font-weight: 100}
.stanina_desc div{display: none; background-color: rgba(255,255,255,0.9); width: 340px; padding: 25px 30px; position: relative; top: 140px;}
img.st_part{cursor: pointer}
img.st_part.bordered{border: 4px solid #ffffff}
img.st_part.bordered:hover,img.st_part.active.bordered{border: 4px solid #ff7e23}
#stanina {background-image: url('../images/upk/stanina_full2.jpg'); height: 531px; width: 100%; min-width: 1000px; background-repeat: no-repeat; background-position: center; margin-bottom: 10px; overflow-x: hidden}
#call_woodver_case, #gift_woodver_case {
margin-left: -385px;
display: none;
position: fixed;
left: 50%;
top: 12%;
z-index: 350;
width: 710px;
background-color: #ffffff;
padding-bottom: 0;
}
#call_woodver_case div.close{
left: 730px;
}
#call_woodver_case .photo{
float: left;
margin: 40px 0 0 0;
}
#call_woodver_case .text,#gift_woodver_case .text{
font-size: 26px;
font-family: open sans,sans-serif;
float: left;
width: 400px;
margin: 10px 0 0 20px;
padding: 10px 30px 0 0;
}
#call_woodver_case input,#gift_woodver_case input{
padding: 5px;
font-family: open sans, sans-serif;
font-size: 20px;
outline: none;
width: 200px;
color: #363636;
letter-spacing: 1px;
border-bottom: 1px solid #221f1f;
display: inline-block;
}
#call_woodver_case div.btn,#gift_woodver_case div.btn{
background-color: #ff9100;
float: left;
font-size: 16px;
padding: 13px 22px;
margin: 20px 20px 0 0;
cursor: pointer;
font-family: roadradiobold;
width: auto;
letter-spacing: 0.03em;
background-color: #ff7e23;
border: 2px solid #ff7e23;
color: #000000;
}
#call_woodver_case div.btn:hover{
background-color: #ffffff;
border: 2px solid #ff9100;
color: #ff9100;
}
#gift_woodver_case {padding: 0 10px 10px 0; width: 800px; margin-left: -400px}
#gift_woodver_case input{padding: 0 5px; font-size: 22px; letter-spacing: normal}
#gift_woodver_case div.close{left: 810px}
#gift_woodver_case div.img{margin: 85px 0 125px 0 }
#gift_woodver_case .left{float: left; width: 335px}
#gift_woodver_case .right{float: right; width: 440px}
#gift_woodver_case p {line-height: 27px}
#gift_woodver_case p span.bold{font-size: inherit; font-weight: 600;}
#gift_woodver_case p span.orange{color: #ff7e23}
#gift_woodver_case #take_gift{width: 50%; margin: 30px auto 10px; display: block; float: none}
#gift_result{width: 420px; padding: 40px; margin-left: -240px}
#gift_result div.close{left: 500px}
#gift_result p {font-family: open sans, sans-serif; font-weight: 300; font-size: 22px; line-height: 30px}
#gift_result p span.bold{font-size: 22px; font-family: open sans, sans-serif; }
#gift_result #gift_close{margin-top: 30px}
.notes_count{
display: block;
position: absolute;
font-size: 16px;
bottom: 12px;
left: 375px;
color: #999;
}
#subscribe{position: absolute; right: 0; top: 38px}
#subscribe p{font: 18px "Roombold"; margin: 6px 0}
#subscribe form *{vertical-align: middle}
#subscribe input{padding: 5px 10px; font: 12px "Open Sans"; border: 1px solid black; margin-right: 5px}
#subscribe input.bad{border-color: red}
#subscribe input[type=submit]{
font: 12px "Roombold"; text-transform: uppercase; border: 2px solid #ff7e2a;
background: white; padding: 6px 10px; cursor: pointer;
}
#subscribe_modal{margin: auto; left: 0; right: 0;}
#blog{position: relative}
#blog h1.small{ font-size: 30px }
#blog .episode_container{ border: none; padding: 10px 0; margin: 30px 0 0 0; }
#blog .episode_container:hover{ border: none; }
#blog .midTitle{margin-bottom: 30px; margin-top: -30px;text-align: left; font-size: 30px}
#blog .midTitle span{display: inline-block; background: #fff}
#blog .part{margin-bottom: 30px}
#blog .metro{position: relative}
#blog .metro img{position: absolute; z-index: 1; width: 330px}
#blog .part .left_block{float: left; width: 375px}
#blog .part .right_block{float: left; width: 585px; height: 209px; position: relative}
#blog .part .right_block .base-text{margin-top: 0; font-size: 15px}
#blog .part .right_block .base-text > p:first-child{margin-top: 0}
#blog .part .btnVline{position: absolute; bottom: 0}
#blog .date { margin-right: 45px; margin-top: 6px; font-size: 13px; color: #999; }
#blog .date > div:last-of-type{float: right}
#blog .article { width: 800px }
#blog .article table{ width: 100%; margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse}
#blog .article table tr th{font-family: roadradiobold; font-size: 14px; text-align: center; background: #efefef; padding: 10px 0}
#blog .article table tr td{font-family: opensans; font-size: 14px; padding: 0 15px; border: 1px solid #ccc; border-collapse: collapse}
#blog .article table tr td p{ font-size: 14px }
#videoblog{position: relative}
#videoblog .episode_container{ border: 5px solid transparent; padding: 0 10px; margin: 30px 0 0 0; }
#videoblog .episode_container:hover{ border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
#videoblog #close_movie{ position: absolute; display: none; top: 10px; right: 10px; cursor: pointer; z-index: 11; }
#videoblog #movie{ background: black; width: 1044px; height: 464px; position: absolute; top: 0; left: 0; display: none; z-index: 10; }
#videoblog #about_video{ position: relative; width: 1050px; margin-left: -25px; box-sizing: border-box; }
#videoblog #about_video > div:first-of-type{ position: relative; padding: 30px 25px; width: 1050px; box-sizing: border-box; }
#videoblog #about_video .h2{margin: 0 0 10px 0; font-size: 30px }
#videoblog .movies a{ width: 327px; height: 205px; display: inline-block; color: white; font-size: 24px; position: relative; cursor: pointer; }
#videoblog .movies a .play-icon{ width: 200px; height: 55px; display: block; position: absolute; background-image: url("../images/play_video_white.svg"); background-position: top; background-size: 200px 110px; top: 75px; left: 70px; }
#videoblog .movies a:hover .play-icon{background-position: bottom}
#videoblog .movies a span{font-family: "Roombold"}
#videoblog .movies a > span:first-of-type{position: absolute; right: 20px; top: 26px}
#videoblog .movies a > span:last-of-type{position: absolute; bottom: 40px; left: 20px; height: 30px;}
#videoblog .movies a.part_1{background-image: url("../images/blog_about_1.jpg")}
#videoblog .movies a.part_2{background-image: url("../images/blog_about_2.jpg")}
#videoblog .movies a.part_3{background-image: url("../images/blog_about_3.jpg")}
#videoblog .part_4 {text-align: center; margin: 20px 0 0 0; cursor: pointer}
#videoblog .part_4 *{vertical-align: middle}
#videoblog .part_4 a{font-size: 25px; border-bottom: 1px dashed; letter-spacing: 0.05em; display: inline-block; margin-left: 10px}
#videoblog .part_4 span.play-icon{display: inline-block; width: 25px; height: 25px; background: url("../images/play_video.svg") center no-repeat; background-size: 25px}
.model_selector {text-align: center; padding: 20px 0}
.model_selector a{display: inline-block; width: 30%; border: 3px solid #FF7E22; padding: 6px 0; box-sizing: border-box; cursor: pointer; text-transform: uppercase; font-size: 22px; text-align: center; font-family: "roadradiobold"; margin-right: 15px; position: relative}
.model_selector.double a{ display: inline-block; width: auto; border: none; padding: 0; box-sizing: border-box; cursor: pointer; text-transform: uppercase; font-size: 22px; text-align: center; font-family: "roadradiobold"; margin-right: 35px; position: relative; }
.model_selector.double *{display: inline-block; vertical-align: middle}
.model_selector.double a span.play-icon{display: inline-block; width: 25px; height: 25px; background: url("../images/play_video.svg") center no-repeat; background-size: 25px; margin-right: 10px}
.model_selector.double a span:not(.play-icon){border-bottom: 1px dashed;}
.model_selector:not(.double) a.active,
.model_selector:not(.double) a:hover{color: white; background-color: #FF7E22}
.model_selector:not(.double) a.active:after,
.model_selector:not(.double) a:hover:after{ content: ''; position: absolute; display: block; margin: auto; border-color: #FF7E22 transparent transparent transparent; border-style: solid; border-width: 12px; top: 48px; left: 0;right: 0; width: 1px; }
#videoblog .midTitle{margin-bottom: 30px; margin-top: -30px;}
#videoblog .midTitle span{display: inline-block; background: #fff; padding: 0 30px}
#videoblog .part{margin-bottom: 30px}
#videoblog .metro{position: relative}
#videoblog .part .left_block{float: left; width: 375px}
#videoblog .part .right_block{float: left; width: 585px; height: 209px; position: relative}
#videoblog .part .right_block .base-text{margin-top: 0; font-size: 15px}
#videoblog .part .btnVline{position: absolute; bottom: 0}
#videoblog .content{position: relative; display: block}
#videoblog .content:hover{background: none}
#videoblog .metro img{position: absolute; z-index: 1; width: 330px}
#videoblog .btnVline{display: block}
#videoblog .tab{display: none}
#videoblog .play{ color: #FFFFFF; font-size: 38px; right: 7px; bottom: 7px; position: absolute; transition: color ease 100ms; }
#videoblog .content:hover .play{ color: #FF7E22; }
#videoblog .episode{ position: absolute; left: 0; bottom: 12px; background: #FF7E22; width: auto; color: white; font-size: 15px; padding: 5px 20px; text-transform: none; }
#videoblog .date { margin-right: 45px; margin-top: 6px; font-size: 13px; color: #999; }
#videoblog .date > div:first-of-type{float: left}
#videoblog .date > div:last-of-type{float: right}
.bread{ margin: 15px 0 0 0; font-size: 13px; }
.bread a{ color: #FF7E22; }
#close_run{display: inline-block; float: right; font-size: 12px; margin: 3px 0 0 0; cursor: pointer}
#blog_url{}
#blog_url ul{list-style: none; font-size: 30px}
#blog_url li{display: inline-block; vertical-align: middle}
#blog_url li span{font-size: 100px}
#blog_url:hover li span{color: #FF7E22;}
.payback{font-family: "roomlight"; font-size: 18px; letter-spacing: 0.02em}
.payback td{padding: 6px 10px}
.payback td:first-child{padding-right: 185px}
.payback input, .payback select{border: 2px solid black; padding: 5px; font-family: "roadradiobold"; width: 150px; font-size: 20px; text-align: right; margin: 0 15px 0 20px}
.payback input::-webkit-outer-spin-button,
.payback input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.payback td span.rub{text-transform: uppercase; font-family: "roadradiobold"}
.payback td span.sup{vertical-align: super; font-size: 12px}
.payback td span.percent{font-size: 24px}
.payback td a{margin-left: 40px; color: #999}
.payback td a:hover{border-bottom: 1px solid}
#payback_result{font-family: "roomlight"; font-size: 18px; letter-spacing: 0.02em; border-spacing: 0; margin: 0 0 30px 0}
#payback_result td{padding: 8px 10px}
#payback_result tr.up {background-color: #ebebeb}
#payback_result tr.up td{font-family: "roombold"}
#payback_result tr.sub td:first-child{padding: 8px 10px 8px 60px; color: #555}
#payback_result tr.sub td:nth-child(2){font-family: roomlight; color: #555}
#payback_result td:nth-child(2){font-family: "roomlight"; padding-left: 200px}
#payback_result{}
#recoupment h2{ margin: 50px 0 20px; font-family: roomlight; font-weight: normal; font-size: 21px; }
#recoupment span.bold{ font-family: roombold; }
#recoupment table.base-table{ border-collapse: collapse }
#recoupment table.base-table ul{list-style: none; padding-left: 0}
#recoupment table.base-table td{ line-height: 26px; font-size: 18px; background: #efefef; border: 1px solid #ccc; padding: 0px 20px; font-family: roomlight; }
#recoupment table.base-table th{ font-family: roadradiobold; font-size: 20px; text-align: center; background: #ff800e; border: 1px solid #ff800e; padding: 10px 0; }
#recoupment table.base-table b{ font-weight: 400; font-family: roomlight; font-size: 20px; }
#recoupment .invest span{ font-weight: 400; font-family: roombold; font-size: 14pt; }
#recoupment p.base-text{ font-family: roomlight; font-size: 19px; line-height: 1.5; margin-top: 0; letter-spacing: 0.02em; }
#count_down{position: absolute; bottom: 25px; left: 10px; width: 350px; height: 50px;}
#count_down span{font-size: 32px; font-family: 'Open Sans', sans-serif;}
#note{position: absolute; bottom: 0; left: 10px; width: 350px; height: 30px;}
#note span{font-size: 13px; font-family: "roombold"}
#note span.day{margin: 0 45px 0 47px}
#note span.hour{margin: 0 36px 0 0}
#note span.min{margin: 0 30px 0 0}
#to_end{position: absolute; bottom: 80px; left: 10px; width: 350px; color: #FF7D22; font-size: 23px; text-align: center; font-family: "roomlight";}
#blog_plate{position: absolute; background: black; top: 0; right: -70px; width: 100px; color: #FF7D22; text-align: center; font-family: "roombold";line-height: 18px}
#blog_plate span:nth-of-type(1){font-size: 20px}
#blog_plate span:nth-of-type(2){font-size: 14px}
#blog_plate span:nth-of-type(3){font-size: 18px}
.table_container{
overflow: hidden;
padding-bottom: 60px;
position: relative;
transition: height ease 500ms;
}
.table_fade{
position: absolute;
bottom: 0;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* W3C */
width: 100%;
padding: 60px 0 0 0;
line-height: 10px;
text-align: center;
}
.table_fade span{font-family: "roadradiobold"; font-size: 16px; cursor: pointer}
.table_fade span:hover{color: #FF7E22}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.comment{font-family: 'Open Sans', sans-serif; font-size: 17px; width: 800px; margin-bottom: 40px}
.comment .title{font-family: 'Open Sans', sans-serif; font-size: 22px}
.comment .title p{margin-bottom: 0}
.comment .title .city{font-weight: 600; font-size: 12px; margin: 3px 0 5px 0}
.comment .title .date{color: #999; font-size: 15px!important;}
.comment .text {}
.comment .del_comment {
display: block;
margin: 10px 0 0 0;
font-size: 15px;
cursor: pointer;
border: 2px solid;
width: 275px;
text-align: center;
padding: 11px 0;
}
.answer{background: #f0f1f1; padding: 5px 15px; font-family: 'Open Sans', sans-serif; margin-left: 40px; width: 730px; position: relative}
.answer:before{content: ''; position: absolute; width: 0; height: 0; border-width: 20px;
border-color: transparent transparent #f0f1f1 transparent; border-style: solid; top: -40px; left: 30px}
.answer .answer_title{font-style: italic; font-size: 14px; color: #aaaaaa}
.answer .text{font-size: 17px}
.answer .orange{font-weight: 600; color: #FF7E22}
#ocylind_step{margin: 0 0 50px}
#ocylind_step td p{width: 200px; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: center}
#set_comment{margin-top: 70px}
#set_comment input{padding: 10px; display: block; border: 1px solid #ccc; width: 450px; font-size: 17px; font-family: "roombold"; margin-bottom: 10px}
#set_comment textarea{padding: 10px; display: block; border: 1px solid #ccc; background: white; font-size: 16px}
.btn{background: #ff7e23; font-family: roadradiobold; font-size: 22px; text-transform: uppercase; padding: 10px 30px; margin: 20px auto; text-align: center; cursor: pointer; display: inline-block}
#upk-3d-slider{
overflow: hidden;
width: 100%;
height: 652px;
background: url("../images/UPK_gray_bg.jpg") no-repeat center;
position: relative;
border-bottom: 10px solid black;
}
#upk-3d-slider div:not(.layer){height: 86px; width: 86px; cursor: pointer; position: absolute; z-index: 5; top: 270px}
#upk-3d-slider .layer{position: relative}
#upk-3d-slider div.left{background: url("../images/left_noactive.png"); left: -150px}
#upk-3d-slider div.right{background: url("../images/right_noactive.png"); right: -150px}
#upk-3d-slider div.left:hover{background: url("../images/left_active.png")}
#upk-3d-slider div.right:hover{background: url("../images/right_active.png")}
#upk-3d-slider img{position: absolute; top: 0; display: block; margin: auto; left: 0; right: 0; display: none}
#upk-3d-slider img:first-of-type{display: block}
#osv-slider{
overflow: hidden;
width: 100%;
height: 667px;
position: relative;
background: #ededed;
}
#osv-slider div:not(.layer){height: 86px; width: 86px; cursor: pointer; position: absolute; z-index: 5; top: 270px}
#osv-slider .layer{position: relative}
#osv-slider div.left{background: url("../images/left_noactive.png"); left: -150px}
#osv-slider div.right{background: url("../images/right_noactive.png"); right: -150px}
#osv-slider div.left:hover{background: url("../images/left_active.png")}
#osv-slider div.right:hover{background: url("../images/right_active.png")}
#osv-slider img{position: absolute; top: 0; margin: auto; left: 0; right: 0; display: none}
#osv-slider img:first-of-type{display: block}
#zavod_img_container div{height: 86px; width: 86px; cursor: pointer; position: absolute; z-index: 5; top: 350px}
#zavod_img_container div.left{background: url("../images/left_noactive.png"); left: 10px}
#zavod_img_container div.right{background: url("../images/right_noactive.png"); right: 10px}
#zavod_img_container div.left:hover{background: url("../images/left_active.png")}
#zavod_img_container div.right:hover{background: url("../images/right_active.png")}
#zavod_img_container{width: 1200px; text-align: center; position: relative; height: 864px; margin: 50px auto 0;}
#zavod_img_container img{max-width: 100%; position: absolute; left: 0; right: 0; display: none; margin: auto; top: 0; bottom: 0}
#zavod_img_container img:first-of-type{display: block}
#zavod_thumbs{padding: 20px 0; text-align: center}
#zavod_thumbs img{display: block; float: left; width: 69px; margin: 0 2px 0 0; height: 42px; cursor: pointer; border: 3px solid white}
#zavod_thumbs img:hover, #zavod_thumbs img.active{border: 3px solid #ff7e23}
#zavod_thumbs img:last-of-type{margin: 0}
#competition .tab{display: none; padding: 20px 0}
#anonim{list-style: none; padding: 0}
#anonim li{padding: 10px 0}
#anonim li img{max-width: 100%}
#insta{}
#insta .in_photo{
overflow: hidden;
margin: 4px;
cursor: url(../images/zoom-in3.svg), zoom-in;
display: inline-block; position: relative;
width: 320px; height: 320px;
box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#insta .hidden{ display: none }
#insta .visible{ display: inline-block }
#insta .in_photo.video{
cursor: url(../images/zoom-in4.svg), zoom-in;
}
#insta .in_photo > p.caption{
position: absolute;
width: 100%; text-align: center; margin: 0;
padding: 10px; box-sizing: border-box;
background: rgba(0,0,0,0.6); color: white;
font-size: 10pt; line-height: 16pt;
font-family: "opensans";
opacity: 0; bottom: -50px;
transition: all ease 300ms;
}
#insta .in_photo:hover > p.caption{opacity: 1; bottom: 0}
#insta .in_photo > p.date{
position: absolute;
width: 95px; text-align: center;
top: 10px; margin: 0; right: 0;
padding: 0 10px; box-sizing: border-box;
background: rgba(0,0,0,0.55);
color: #fff; font-size: 10pt;
line-height: 24px;
font-family: "opensans";
}
#insta .in_photo > img{
position: absolute;
left: 135px;
top: 135px;
}
#equipment{ display: flex; flex-wrap: wrap }
#equipment .block{ width: 480px; margin: 0 10px; display: block; margin-top: 20px }
#equipment .block img{ width: 480px }
#equipment .block p.title{ font-family: roadradio; font-size: 16px; display: block; text-align: center }
#equipment .block:hover p.title{ background: #ff7e23 }
#equipment_desc{width: 750px; margin: auto}
#equipment_desc p.base-text{line-height: 26px}
#big_preview .close{right: -50px; left: auto}
#big_preview{
background: #fff; border: 9px solid #ff7e23; position: fixed;
left: 50%; width: 640px; height: 640px;
top: calc(50vh - 380px); padding: 0;
z-index: 201; margin-left: -320px; display: none;
}
#big_preview video{max-width: 100%}
#ins_right{position: absolute; right: -70px; z-index: 200; top: 50%; cursor: pointer}
#ins_left{position: absolute; left: -70px; z-index: 200; top: 50%; cursor: pointer}
#big_preview_img img{ max-width: 100% }
#big_preview_desc{
position: absolute; background: #ff7e23;
color: #fff; text-align: center; width: 658px; box-sizing: border-box;
font-size: 13pt; font-family: "opensans"; line-height: 18pt;
border: 9px solid #ff7e23; padding: 5px 20px; left: -9px;
}
p.base-text .orange{color: #000; font-weight: bold}
p.base-text b{font-weight: normal; font-family: "opensansBold"}
p.base-text span.orange_bg{display: inline-block; background: #ff7e2a; color: white; padding: 4px 10px; margin: 0 4px}
.base_ul{}
.base_ul li{line-height: 20pt; padding: 5pt 0}
.base_ul li .orange{color: #ff7e2a; font-family: "opensansBold"}
/*#get_discount{
padding: 15px 20px; border: 4px solid #ff7e2a;
margin: 20px 0; text-align: center;
}
#get_discount table{width: auto; margin: auto}
#get_discount tr td:first-child{ padding-right: 10px }
#get_discount tr td{ text-align: center }
#get_discount tr td div.btn{
margin: 0 20px;
display: inline-block;
}*/
#georgian{
position: absolute;
background: url("../images/georgian.png");
right: -45px;
top: -62px;
width: 36px;
height: 125px;
z-index: 5;
}
#video_view{ position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.31); z-index: 50; top: 0; display: none }
#video_view > div{ margin: 100px auto; width: 900px; height: 506px; box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.51); position: relative }
#video_view .frame { background: black }
#video_view .close { position: absolute; right: -50px; top: -40px; cursor: pointer }
.block .video_item { position: relative;}
.block .video_item div{ height: 260px; width: 465px; background-position: center; background-color: black; cursor: pointer; background-size: cover }
.block .video_item span{
width: 50px; height: 35px; background: url("../images/yt_play.png") left no-repeat; display: block;
background-size: 100px; position: absolute; margin: auto; left: 0; right: 0; top: 110px;
}
.block .video_item:hover span{ background-position: right }
#video_gal{ }
#video_gal .video_item{display: inline-block; margin: 0 30px 30px 0; background-color: black; cursor: pointer; position: relative}
#video_gal .video_item:not(.active) > div{ background-size: 300px; height: 168px; width: 300px; background-position: center }
#video_gal .video_item:not(.active) > span{
width: 50px; height: 35px; background: url("../images/yt_play.png") left no-repeat; display: block;
background-size: 100px; position: absolute; top: 73px; left: 125px;
}
#video_gal .video_item:not(.active):hover > span{ background-position: right }
#video_gal .active { width: 984px; height: 554px; margin: 0 0 20px 0 }
#video_gal .active ~ .video_item{ margin: 0 5px 30px 0; width: 192px; font-size: 0}
#video_gal .active ~ .video_item > div{ width: 192px; background-size: 192px; height: 108px }
#video_gal .active ~ .video_item:not(.active) > span{ top: 35px; left: 70px; }
#video_gal_2{ }
#video_gal_2 .video_item{display: inline-block; margin: 0 30px 30px 0; background-color: black; cursor: pointer; position: relative}
#video_gal_2 .video_item:not(.active) > div{ background-size: 300px; height: 168px; width: 300px; background-position: center }
#video_gal_2 .video_item:not(.active) > span{
width: 50px; height: 35px; background: url("../images/yt_play.png") left no-repeat; display: block;
background-size: 100px; position: absolute; top: 73px; left: 125px;
}
#video_gal_2 .video_item:not(.active):hover > span{ background-position: right }
#video_gal_2 .active { width: 984px; height: 554px; margin: 0 0 20px 0 }
#video_gal_2 .active ~ .video_item{ margin: 0 5px 30px 0; width: 192px; font-size: 0}
#video_gal_2 .active ~ .video_item > div{ width: 192px; background-size: 192px; height: 108px }
#video_gal_2 .active ~ .video_item:not(.active) > span{ top: 35px; left: 70px; }
#news_menu{ width: 220px }
#news_menu ul{list-style: none; padding-left: 0; margin-top: 0}
#news_menu li a{ display: block; padding: 10px; font-size: 16px }
#news_menu li a span{
display: inline-block;
background: #ff7e23;
color: white;
padding: 4px;
font-size: 10px;
vertical-align: middle;
border-radius: 50%;
}
#news_menu li a:hover{ color: #ff7e23; }
#news_menu li a.active{ font-weight: 600; color: #ff7e23; }
#news_content{ width: 760px; padding-left: 20px }
#news_instagram{ display: flex; margin-bottom: 30px }
#news_instagram > a{
display: block;
position: absolute;
z-index: 1;
color: #FF7E23;
font-size: 38px;
font-family: roombold;
text-align: right;
height: 100px;
width: 1000px;
margin: 0;
line-height: 100px;
padding-right: 40px;
box-sizing: border-box;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0+33,0.8+65,0.8+100 */
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.9) 65%, rgba(255, 255, 255, 0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.9) 65%, rgba(255, 255, 255, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.9) 65%, rgba(255, 255, 255, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ccffffff', GradientType=1); /* IE6-9 */
}
#news_instagram > a span{
font-size: 13px;
position: absolute;
top: 25px;
right: 23px;
white-space: nowrap;
font-weight: 100;
}
#news_instagram > a:hover span{
text-decoration: underline;
}
#news_instagram .in_photo { width: 100px; height: 100px; background-size: 100%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%); cursor: pointer;
}
#news_instagram a:hover ~ .in_photo { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
ul.pagination {list-style: none; margin: 20px 0; display: flex; padding: 0}
ul.pagination li{display: flex; font: 15px 'Exo 2', sans-serif; margin: 0 5px 0 0}
ul.pagination li a{color: #2d3840; padding: 6px 12px; }
ul.pagination li:hover a{text-decoration: underline}
ul.pagination li.active a{color: #ffffff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #FF7E23;}
#stock{}
#stock .header{ display: flex; font-size: 16pt; }
#stock .header .address{ font-size: 10pt }
.stock_item{ margin-top: 50px }
.stock_item > h2 span.num {
border: 2px solid #FF7E23;
color: #FF7E23;
width: 36px;
height: 36px;
display: inline-block;
text-align: center;
line-height: 36px;
border-radius: 36px;
}
.stock_item > h2 span{ color: #FF7E23 }
.stock_item .photo_block .photo{ position: relative }
.stock_item .photo_block .photo .name {
position: absolute;
top: 0;
text-align: center;
width: 100%;
}
.stock_item .photo_block .photo .name > span:first-child{
display: block;
width: 65%;
margin: auto;
font-size: 10pt;
padding: 5px;
background: rgba(255, 126, 35, 0.8);
color: #ffdec6;
text-shadow: 1px 1px 1px rgb(148, 67, 10);
}
.stock_item .photo_block .photo .name > span:last-child{
border-bottom: 2px solid #d66211;
position: relative;
top: 0px;
display: block;
width: 85%;
margin: auto;
font-size: 16pt;
padding: 5px;
background: rgba(255, 126, 35, 1);
color: #ffffff;
text-shadow: 1px 1px 1px rgb(148, 67, 10);
box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.2);
}
.stock_item .photo_block .photo .name > span span{ font-size: 9pt; text-transform: uppercase }
.stock_item .photo_block .price{
height: 50px;
width: 350px;
text-align: center;
line-height: 50px;
font-size: 16pt;
font-family: "roombold";
color: #FF7E23;
}
.stock_item .photo_block .photo .status{
position: absolute; width: 350px; bottom: 0;
height: 30px; line-height: 30px;
background: rgba(255, 126, 35, 0.9); text-align: center;
text-transform: uppercase; color: black; font-size: 14pt;
font-family: "roombold";
}
.stock_item .desc{ font-size: 12pt; padding: 0 20px; line-height: 24px}
.stock_item .desc p:first-child{ margin-top: 0 }
.stock_item .desc ul li{ font-size: 12pt; padding: 4px 0 }
/*.stock_item p.ajax span{ border-bottom: 1px dashed; cursor: pointer }*/
.stock_item span.ajax { border-bottom: 1px dashed; cursor: pointer }
.stock_item .ajax-table{ display: none }
.flex { display: flex }
.price_span{color: #FF7E23; font-family: 'roombold'}
.b-page__content{
min-height: 55px!important;
background: black!important;
}
.b-page_newyear .b-head-decor__inner{
z-index: 4!important;
}
p.base-text{
font-family: opensans;
font-size: 16px;
line-height: 1.5;
margin-top: 0;
}
.text-orange{ color: #ff800e!important; }
#rauc{ position: relative; top: 190px; left: 190px }
#rauc span{
top: -63px;
right: -15px;
width: 18px;
height: 18px;
display: block;
position: absolute;
background: url("../images/calc_ugp2.png");
}
#rauc:hover span{ background-position: right }
#photo_groups{ display: flex; flex-wrap: wrap; padding-bottom: 50px }
#photo_groups .group{
width: 300px;
margin: 30px 23px 0 0;
border: 5px solid white;
cursor: pointer;
display: block;
}
#photo_groups .group:hover{
border: 5px solid #ff7e23;
}
#photo_groups .group .img{
width: 300px;
height: 200px;
background-size: cover;
background-position: center;
position: relative;
}
#photo_groups .group .img .title{
background: #ff7e23;
color: white;
padding: 4px 10px;
position: absolute;
top: 10px; left: 0;
font-size: 13pt;
box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
font-family: "roomlight";
}
#photo_groups .group .img .has_video{
background: #ff7e23;
background-image: url("../images/video-player.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
width: 30px; height: 30px;
position: absolute;
top: 10px; right: 10px;
}
#photo_groups .group .img .name{
position: absolute;
bottom: 0; left: 0;
background: rgba(255,255,255,0.75);
text-align: center;
padding: 6px;
font-size: 13pt;
font-family: "roombold";
width: 100%;
box-sizing: border-box;
}
#photo_group h1{ margin-bottom: 0 }
#photo_group h2{ margin-top: 25px }
#photo_group p.base-text{
font-size: 16px;
line-height: 1.5;
margin-bottom: 40px;
}
#photoGalary{
min-height: calc(100vh - 300px);
}
#photoGalary .galary_photos {
display: flex;
flex-wrap: wrap;
padding-bottom: 50px;
}
#photoGalary .galary_photos .photo{
width: 320px;
height: 200px;
margin: 6px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 2px;
box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
cursor: zoom-in;
}
#photoGalary .bottom_bread{
padding: 10px 0 30px;
display: flex;
}
#photoGalary .bottom_bread a{
font-family: "roombold";
font-size: 20pt;
color: #FF7E2A;
}
#photoGalary .bottom_bread .prev_group{
width: 50%;
text-align: left;
}
#photoGalary .bottom_bread .next_group{
width: 50%;
text-align: right;
}
#gallery_slider{
position: fixed;
left: 100%; top: 0;
width: 100%;
height: 100vh;
z-index: 100;
background-color: black;
}
#gallery_slider .close_slider{
position: absolute;
right: 0; top: 0;
width: 50px;
height: 48px;
cursor: pointer;
z-index: 55;
background: url("../images/close.jpg") center no-repeat;
background-color: #ff7e23;
transition: all 200ms ease;
}
#gallery_slider .close_slider:hover{
width: 60px;
height: 58px;
}
#gallery_slider .slider_left{
position: absolute;
left: 0; top: calc(50vh - 43px);
width: 50px;
height: 86px;
cursor: pointer;
z-index: 55;
background: url("../images/left.jpg") center no-repeat;
background-color: #ff7e23;
transition: width 200ms ease;
}
#gallery_slider .slider_right{
position: absolute;
right: 0; top: calc(50vh - 43px);
width: 50px;
height: 86px;
cursor: pointer;
z-index: 55;
background: url("../images/right.jpg") center no-repeat;
background-color: #ff7e23;
transition: width 200ms ease;
}
#gallery_slider .slider_left:hover{
width: 60px;
}
#gallery_slider .slider_right:hover{
width: 60px;
}
.layer p.text{
font-family: "Open Sans";
line-height: 30px;
font-size: 16px;
margin-top: 25px;
}
.head_main_image{
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 525px;
position: relative;
margin-bottom: 20px;
}
.head_main_image .info_block{
position: absolute;
top: 130px;
right: 20%;
background: rgba(0,0,0,0.83);
padding: 30px;
font-family: roadradiobold;
font-size: 34px;
}
.head_main_image .info_block_name{
color: #fe7b35;
}
.head_main_image .info_block_type{
font-size: 20px;
color: #FFF;
}
.head_main_image .info_block_price{
display: inline-block;
font-size: 22px;
color: #FFF;
border: 3px solid #fe7b35;
padding: 8px 20px;
}
.image_slider{ margin-bottom: 50px }
.image_slider .image_slider_bg{
background: #e8e8e8
}
.image_slider .image_slider_bg .image_slider_main{
width: 1000px;
text-align: center;
position: relative;
height: 669px;
margin: 0 auto 0;
}
.image_slider .image_slider_bg .image_slider_main img:first-of-type{
display: block;
}
.image_slider .image_slider_bg .image_slider_main img{
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
right: 0;
display: none;
margin: auto;
top: 0;
bottom: 0;
}
.image_slider .image_slider_bg .image_slider_main div{
height: 86px;
width: 86px;
cursor: pointer;
position: absolute;
z-index: 5;
top: 291px
}
.image_slider .image_slider_bg .image_slider_main .left{
background: url(../images/left_noactive.png);
left: -120px;
}
.image_slider .image_slider_bg .image_slider_main .right{
background: url(../images/right_noactive.png);
right: -120px;
}
.image_slider .image_slider_thumb{
display: flex;
}
.image_slider .image_slider_thumb > div{
width: 100%;
height: 80px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin: 6px 6px 0 0;
border: 3px solid transparent;
}
.image_slider .image_slider_thumb > div:last-child{
margin-right: 0;
}
.image_slider .image_slider_thumb div:hover,
.image_slider .image_slider_thumb div.active{
border: 3px solid #ff7e23;
}
.icon_set_block{
display: flex;
justify-content: space-between;
margin: 50px 0;
}
.icon_set_block .set{
width: 20%;
text-align: center;
margin: 0 10px;
}
.icon_set_block .set .icon{
height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
.icon_set_block .set .text{
font-size: 15px;
font-family: "roombold";
}
#social_icons{
top: 11px;
position: absolute;
display: flex;
align-items: center;
gap: 15px;
left: 50%;
margin-left: 590px;
}
#social_icons a{
}
#social_icons a img{
display: block;
}
.innovation_items{
display: flex;
justify-content: space-between;
}
.innovation_items .item{
}
/* MEDIA */
@media (max-width: 1200px) {
#zavod_img_container{height: 685px; width: 1000px}
}
@media (max-width: 1024px) {
#slider div.left{left: 10px}
#slider div.right{right: 10px}
#blog_plate{right: 10px}
#product{width: 1000px}
.product{padding: 15px 8px 0 8px}
}
@media (max-height: 800px) {
#call_woodver_case .photo{overflow: hidden}
}
@media (max-width: 800px) {
#head{
min-width: 100%;
}
}
@media (min-width: 768px) {
#head .navigation__site .nav__menu__item:hover .subMenu{
display: block;
}
}
@media (max-width: 1040px) {
#head .social__mobile__link {
margin-left: auto;
display: block;
}
#head .layer {
display: flex;
}
#head .navigation__site .subMenu {
position: relative;
margin-left: 60px;
top: 0;
right: 0;
}
#head .navigation__site {
display: flex;
flex-direction: column;
width: 100%;
padding-bottom: 20px;
}
#head .navigation__site .subMenu a {
font-size: 30px;
}
#head .nav__menu__item > a {
font-size: 36px!important;
}
#head .nav__menu__item {
border: none!important;
}
#head .block__navigation {
box-sizing: border-box;
background: #000000;
z-index: 2;
top: 86px;
position: absolute;
width: 100%;
display: none;
}
#head .btn__open__nav {
display: flex;
}
}