@font-face {
    font-family: "PTSans";
    src: url("https://biznes-story.ru/html/stroyka/06555/fonts/PTSansRegular.eot");
    src: url("https://biznes-story.ru/html/stroyka/06555/fonts/PTSansRegular.eot?")format("embedded-opentype"), url("../fonts/PTSansRegular.woff.html") format("woff"), url("https://biznes-story.ru/html/stroyka/06555/fonts/PTSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoCondensed";
    src: url("https://biznes-story.ru/html/stroyka/06555/fonts/RobotoCondensedRegular.eot");
    src: url("https://biznes-story.ru/html/stroyka/06555/fonts/RobotoCondensedRegular.eot?")format("embedded-opentype"), url("../fonts/RobotoCondensedRegular.woff.html") format("woff"), url("https://biznes-story.ru/html/stroyka/06555/fonts/RobotoCondensedRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
body {
    font: 1em 'PTSans', 'Helvetica', sans-serif;
    min-width: 960px;
    -webkit-font-smoothing: antialiased;
}
a {
    display: block;
    text-decoration: none;
    outline: none;
}
input:focus{outline: none;}
h2{text-transform: uppercase;font-size: 35px; color: #c51e03; text-align: center; padding-top: 30px;}
.row{
    width: 100%;
    clear: both;
}
.row1{background: url('../images/shadow2.png') left bottom repeat-x, url('../images/grey_bg.png') repeat;}
.container {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 15px;
}
/**********header*************/
header { padding: 30px 0; color: #656565;}
header::after, .balkon_area::after, .cold_balkon_inner::after {
    content: '';
    display: block;
    clear: both;
}
.logo {
    position: relative;
    width: 380px;
    float: left;
}
.logo figcaption {
    text-transform: uppercase;
    color: #656565;
    position: absolute;
    top: 50px;
    left: 90px;
    font-size: 1.3em;
}
.tel {
    width: 481px;
    float: left;
    font-family: 'RobotoCondensed', sans-serif;
    margin-left: 99px;
}
.tel p {
    font-size: 2.0em;
    float: left;
    text-align: center;
    line-height: 27px;
}
.tel p span {font-size: 0.7em;}
.tel a {
    background: url('../images/top_btn.png') no-repeat;
    width: 239px;
    height: 79px;
    margin-left: 239px;
    transition: transform .2s;
}
.tel a:hover{transform: scale(0.9);}
/********балкон вкладки************/
.balkon{ position: relative; transition: all .5s;}
.balkon input[type="radio"]{display: none;}
.balkon label{width: 245px; height: 30px; display: inline-block; cursor: pointer; position: relative;}
[for="cold_balkon"]{
    background: url('../images/cold_menu_active.png') no-repeat;
}
[for="hot_balkon"]{
    background: url('../images/hot_menu_active.png') no-repeat;
    left:-15px;
}
#cold_balkon:checked ~ .balkon_area .cold_balkon_inner{display: block; opacity:1;}
#cold_balkon:checked ~ [for="hot_balkon"]{background: url('../images/hot_menu_unactive.png')no-repeat;}
#cold_balkon:checked ~ [for="cold_balkon"]{z-index:1;}
#hot_balkon:checked ~ [for="hot_balkon"]{z-index:1;}
#hot_balkon:checked ~ [for="cold_balkon"]{background: url('../images/cold_menu_unactive.png')no-repeat;}
#hot_balkon:checked ~ .balkon_area .hot_balkon_inner{display: block; opacity:1;}
.balkon_area { margin-top:-5px;}
.cold_balkon_inner, .hot_balkon_inner{ display: none; opacity: -1;}
.cold_balkon_inner img, .hot_balkon_inner img{float: left;}
.right_side_cold{
    width: 400px;
    float:right;
}
.info_right_side{
    background: url('../images/vertline.png') left bottom no-repeat;
    background-size: 8px 271px;
    padding-left: 20px;
    color: #343434;
    font-size: 18px;
}
.info_right_side h2{text-transform: uppercase;font-size: 33px; color: #c51e03; padding:0;}
.price_right_side{margin: 20px 0 0 0;}
.price_right_side p{color: #c51e03; font: 40px 'RobotoCondensed', sans-serif;}
.price_right_side p span{ font-size: 18px; color: #343434; position: relative; bottom: 10px;}
.price_right_side p + p{ font-size: 12px; color: #656565; position: relative; bottom: 10px; float:left;}
.price_right_side p + p span{font-size: 15px;position: relative; top: 0;}
.price_right_side img{margin-top: -10px;}
.right_side_form input[type="text"]{display: block; position: relative; width: 200px; height: 30px; margin-bottom: 15px; text-indent: 40px; border-radius: 5px; box-shadow: inset 0 0 9px #777;}
.right_side_form input[type="text"]:nth-of-type(1){background: url('../images/person.png')10px center no-repeat; margin-top: 15px;}
.right_side_form input[type="text"]:nth-of-type(2){background: url('../images/phone.png')10px center no-repeat; float: left;}
.right_side_form input[type="submit"] {
  display: block;
  border-radius: 5px;
  background-image: -moz-linear-gradient( 90deg, rgb(197,30,3) 0%, rgb(226,51,2) 53%, rgb(255,72,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(197,30,3) 0%, rgb(226,51,2) 53%, rgb(255,72,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(197,30,3) 0%, rgb(226,51,2) 53%, rgb(255,72,0) 100%);
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.118), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.118);
  width: 160px;
  height: 89px;
  position: relative;
  top: -53px;
  left: 15px;
    color: #fff;
    font: 21px 'RobotoCondensed', sans-serif;
    cursor: pointer;
}
.right_side_form input[type="submit"]:hover{
  background-image: -moz-linear-gradient( 90deg, rgb(255,72,0) 0%, rgb(226,51,2) 53%, rgb(197,30,3) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,72,0) 0%, rgb(226,51,2) 53%, rgb(197,30,3) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,72,0) 0%, rgb(226,51,2) 53%, rgb(197,30,3) 100%);
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.118), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.118);
}
.right_side_form input[type="submit"]:active{
  box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.118), 0px 1px 0px 0px rgba(255, 255, 255, 0.118);
}
.right_side_form p{font-size: 14px; margin-top:-38px; color: #656565;}
/******************row2*********************/
.row2{background: url('../images/shadow1.png') left bottom repeat-x, url('../images/distr.jpg') repeat;}
.row2 h2{
    text-align: center;
    font-size: 40px;
    color: #c51e03;
    padding: 30px 0 0 0;
}
.row2 input[type="radio"]{display: none;}
.row2 label{display: inline-block; width: 52px; height: 55px; cursor: pointer; transition:  transform .3s; position: relative; left: 682px; top:33px; margin:5px;}
.row2 label:hover{transform: translateY(-10px);}
[for="color1"]{background: url('../images/color/1.png') no-repeat;}
[for="color2"]{background: url('../images/color/2.png') no-repeat;}
[for="color3"]{background: url('../images/color/3.png') no-repeat;}
[for="color4"]{background: url('../images/color/4.png') no-repeat;}
[for="color5"]{background: url('../images/color/5.png') no-repeat;}
[for="color6"]{background: url('../images/color/6.png') no-repeat;}
[for="color7"]{background: url('../images/color/7.png') no-repeat;}
[for="color8"]{background: url('../images/color/8.png') no-repeat;}
.balkon_color{background:  url('../images/balkon.png')  no-repeat; width: 664px; height: 573px; position: relative; bottom: 115px;}
.balkon_color_inner{background: url('../images/color/color_line.jpg') no-repeat top left; position: relative; top: 337px; left: 63px;}
#color1:checked ~.balkon_color .balkon_color_inner{background-position: 0 -1152px; width: 544px; height: 137px;}
#color2:checked ~.balkon_color .balkon_color_inner{background-position: 0 -960px; width: 544px; height: 137px;}
#color3:checked ~.balkon_color .balkon_color_inner{background-position: 0 -1344px; width: 544px; height: 137px;}
#color4:checked ~.balkon_color .balkon_color_inner{background-position: 0 -576px; width: 544px; height: 137px;}
#color5:checked ~.balkon_color .balkon_color_inner{background-position: 0 -768px; width: 544px; height: 137px;}
#color6:checked ~.balkon_color .balkon_color_inner{background-position: 0 -192px; width: 544px; height: 137px;}
#color7:checked ~.balkon_color .balkon_color_inner{background-position: 0 -384px; width: 544px; height: 137px;}
#color8:checked ~.balkon_color .balkon_color_inner{background-position: 0 0; width: 544px; height: 137px;}
.color_text{width: 283px; margin:-532px 0 0 665px; box-sizing: border-box; text-align: center; color: #707070;}
.color_text p{font-size: 18px;}
.color_text span + p{font-size: 16px;}
.color_form{width: 295px; margin:21px 0 0 665px; box-sizing: border-box; text-align: center; padding-bottom: 55px;}
.color_form input[type="text"]{display: block; margin:0 auto; width: 230px; height: 30px; margin-bottom: 15px; text-indent: 40px; box-shadow: inset 0 0 9px #777; border-radius: 5px;}
.color_form input[type="text"]:nth-of-type(1){background: url('../images/person.png')10px center no-repeat; margin-top: 15px;}
.color_form input[type="text"]:nth-of-type(2){background: url('../images/phone.png')10px center no-repeat; margin-top: 15px;}
.color_form input[type="submit"]{
  border-radius: 5px;
  background-image: -moz-linear-gradient( 90deg, rgb(197,30,3) 0%, rgb(226,51,2) 53%, rgb(255,72,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(197,30,3) 0%, rgb(226,51,2) 53%, rgb(255,72,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(197,30,3) 0%, rgb(226,51,2) 53%, rgb(255,72,0) 100%);
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.118), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.118);
  width: 230px;
  height: 40px;
  color: #fff;
  font: 18px 'RobotoCondensed';
  text-transform: uppercase;

}
.color_form input[type="submit"]:hover{
  background-image: -moz-linear-gradient( 90deg, rgb(255,72,0) 0%, rgb(226,51,2) 53%, rgb(197,30,3) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,72,0) 0%, rgb(226,51,2) 53%, rgb(197,30,3) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,72,0) 0%, rgb(226,51,2) 53%, rgb(197,30,3) 100%);
}
/*********************row3************************************/
.row3{background: url('../images/shadow2.png') left bottom repeat-x, url('../images/grey_bg.png')}
.assort{
    height: 570px;
    width: 100%;
}
.assort div{ width: 200px; height: 201px; box-sizing: border-box; display: inline-block; margin-left: 49px; margin-top: 49px; text-align: center; color: #fff; padding-top: 174px;}
.assort div:nth-of-type(1){background: url('../images/assort/1.jpg') no-repeat; margin-left:0;}
.assort div:nth-of-type(2){ background: url('../images/assort/2.jpg') no-repeat;}
.assort div:nth-of-type(3){background: url('../images/assort/3.jpg') no-repeat;}
.assort div:nth-of-type(4){background: url('../images/assort/4.jpg') no-repeat;}
.assort div:nth-of-type(5){background: url('../images/assort/5.jpg') no-repeat; margin-left:0;}
.assort div:nth-of-type(6){background: url('../images/assort/6.jpg') no-repeat;}
.assort div:nth-of-type(7){background: url('../images/assort/7.jpg') no-repeat;}
.assort div:nth-of-type(8){background: url('../images/assort/8.jpg') no-repeat;}
/***************row4******************************************/
.row4{background: url('../images/shadow1.png') left bottom repeat-x, url('../images/distr.jpg') repeat; clear: both;}
.pig{float: left;}
.center_pig{width: 209px; float:left;}
.center_pig p{color: #c51e03; text-transform: uppercase; text-align: center; font-weight: bold; line-height:31px; margin: 82px 0 0 0; padding-left: 20px}
.center_pig p>span:first-child{font-size: 118px;}
.center_pig br+span{font-size: 38px;}
.center_pig br+span+br+span{font-size: 33px;}
.center_pig br+span+br+span+br+span{font-size: 36px;}
.center_pig p:nth-of-type(2){color: #353535; line-height: 20px; font-size: 14px; margin-top: 7px;}
.right_pig_form{width: 315px; float:right; position: relative; text-align: center;color: #343434; top: 38px; right: 20px}
.right_pig_form h3{text-transform: uppercase; border-bottom:2px solid #666; font-size: 26px; padding: 20px 0 20px 0;}
.right_pig_form p{font-size: 17px; margin: 14px 0;}
.right_pig_form form input{display: block; margin: 13px auto; width: 262px; border-radius: 5px; height: 30px; box-shadow: inset 0 0 15px #777;}
.right_pig_form form input[type="text"]:nth-of-type(1){
    background: url('../images/person.png') 10px center no-repeat; text-indent: 40px;
}
.right_pig_form form input[type="text"]:nth-of-type(2){
    background: url('../images/phone.png') 10px center no-repeat; text-indent: 40px;
}
.right_pig_form form input[type="submit"]{
  border-radius: 5px;
  background-image: -moz-linear-gradient( 90deg, rgb(197,30,3) 0%, rgb(226,51,2) 53%, rgb(255,72,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(197,30,3) 0%, rgb(226,51,2) 53%, rgb(255,72,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(197,30,3) 0%, rgb(226,51,2) 53%, rgb(255,72,0) 100%);
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.3), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
  width: 200px;
  height: 40px;
  color: #eee;
  font:23px 'RobotoCondensed', sans-serif;
}
.right_pig_form form input[type="submit"]:hover{
    background-image: -moz-linear-gradient( 90deg, rgb(255,72,0) 0%, rgb(226,51,2) 53%, rgb(197,30,3) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,72,0) 0%, rgb(226,51,2) 53%, rgb(197,30,3) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,72,0) 0%, rgb(226,51,2) 53%, rgb(197,30,3) 100%);
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.3), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
}
.row4 .container:after{content:''; display: block; clear: both;}
/**********************row5*********************************************/
.row5{background: url('../images/shadow2.png') left bottom repeat-x, url('../images/grey_bg.png') repeat; padding-bottom: 50px;}
.row5 h2{padding: 30px 0;}
.schem{display: table; margin:0; padding:0; border-collapse: collapse; width: 750px; background: url('../images/dotted.png') 144px 135px no-repeat; margin:0 auto; }
.schemInnerRow{display: table-row;}
.schemInnerCell{display: table-cell; width: 250px; height:250px; text-align: center; transition: transform .3s;}
.schemInnerCell:hover{transform: scale(1.2)}
/*******************row6*********************************/
.row6{background: url('../images/shadow1.png') left bottom repeat-x, url('../images/distr.jpg') repeat;}
.portfolio div{background: url('../images/border.jpg') no-repeat; width: 202px; height: 202px; text-align: center; display: inline-block; position: relative;margin: 40px 0 20px 45px;}
.portfolio div:nth-of-type(1), .portfolio div:nth-of-type(5){margin-left:0;}
.portfolio div img{position: absolute; top:11px; left: 11px;}
/***********************row7************************/
.row7{background: url('../images/shadow2.png') left bottom repeat-x, url('../images/grey_bg.png') repeat; padding-bottom: 20px;}
.rewiev div{background: url('../images/red_border.png') no-repeat; width: 960px; height: 167px; margin: 50px auto; box-sizing: border-box;}
.rewiev div img{margin:0 10px 0 18px; float: left;}
.rewiev div p>span{display: block; color: #c51e03; font-size: 25px; margin-bottom: 10px;}
/************************row8*************************************/
.row8{background: url('../images/distr.jpg') repeat; }
.row8 .container{height: 800px;}
.row8 h2{padding-bottom: 30px;}
.container .map{width: 100%;}
.map{position: relative; background: url('../images/sheet.png')top center no-repeat; width: 790px;}
.mapInner{width:594px; height: 410px; position: absolute; top: 39px; left:182px; z-index:0;}
.envelope{display: block; position: relative; z-index:1; top:287px; left: 77px; background: url('../images/envelope.png')no-repeat; width: 806px; height:388px;}
.envelope p{position: absolute; text-align: center; bottom:69px; left: 229px; color: #707070;}
.envelope p span{font-size: 20px; font-weight: bold;}
/**************pop up*****************/
.hidden {
    position: fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: rgba(0,0,0,0.6);
    display: none;
    z-index: 500;
    text-align: center;
}
.hidden-close {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 520;
}
.pop_up{
    text-align: center;
    width: 300px;
    height:344px;
    margin: 0 auto;
    font-size: 20px;
    background: url('../images/distr.jpg');
    padding-top: 1px;
    position: relative;
    z-index: 550;
    top:120px;
    -webkit-box-shadow: 0px 11px 50px #2c2727;
    -moz-box-shadow: 0px 11px 50px #2c2727;
    -o-box-shadow: 0px 11px 50px #2c2727;
    box-shadow: 0px 11px 50px #2c2727;
    border-radius: 5px;
}
.form-box-logo img{
    margin: 30px auto;
}
.popup_form input{
    display: block;
    margin:0 auto;
    width: 240px;
    height: 40px;
}
.popup_form input[type="text"]{
    border-radius: 5px;
    text-indent: 41px;
    margin-bottom: 20px;
    color: #bfbfbf;
    font-size: 16px;
}
.popup_form input[type="text"]:nth-of-type(1){
    display: block; margin: 13px auto; width: 220px; border-radius: 5px; height: 40px; box-shadow: inset 0 0 15px #777;
    background: url('../images/person.png')10px center no-repeat;
}
.popup_form input[type="text"]:nth-of-type(2){
    display: block; margin: 13px auto; width: 220px; border-radius: 5px; height: 40px; box-shadow: inset 0 0 15px #777;
    background: url('../images/phone.png')10px center no-repeat;
}
.popup_form input[type="submit"]{
    background: linear-gradient(#fc0000, #ad0000);
    width: 182px;
    height: 40px;
    border-radius: 5px;
    border: none;
    box-shadow: 0 2px 4px #000;
    font: 17px 'RobotoCondensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}
.popup_form input[type="submit"]:hover{
     background: linear-gradient(#ca0000, #780000);
}
.popup_form input[type="submit"]:active{
    background: linear-gradient(#ad0000,#fc0000);
}