.s-top{background-color:#0c68bb;background-image:radial-gradient(ellipse farthest-corner at right bottom, #3e8bd5 0%, #0563b7 60%, #E4E4E4 100%);padding-top:10px;min-width:1200px;height:90px;}
.hide{display:none;}
.s1{background-position:0 70%;min-width:1200px;height:650px;}
.s2{background:url('../img/s2_bg.png') repeat-x;min-width:1200px;padding-top:15px;}
.s3{background-color:#FFFFFF;min-width:1200px;height:650px;}
.s34{min-width:1200px;padding-top:40px;}
.s35{background:url('../img/s2_bg.png') repeat-x;min-width:1200px;padding-top:15px;}
.s36{background:url('../img/s2_bg.png') repeat-x;min-width:1200px;margin-bottom:10px;margin-top:5px;}
.s12{min-width:1200px;padding-top:45px;}
.s15{background:url('../img/s2_bg.png') repeat-x;min-width:1200px;padding-top:15px;}
.s16{min-width:1200px;padding-top:45px;}
.s17{background:url("../img/s17_bg.jpg") repeat-x scroll 50% top rgba(0, 0, 0, 0);height:700px;min-width:1200px;padding-top:45px;margin-top:-17px;}
.s18{min-width:1200px;}
.s21{background:url("../img/s21_bg.jpg") repeat-x scroll 50% top rgba(0, 0, 0, 0);height:168px;min-width:1200px;}
.s28{background:url("../img/s28_bg.jpg") repeat-x scroll 50% top rgba(0, 0, 0, 0);height:370px;min-width:1200px;}
.s_oi{background:rgba(0, 0, 0, 0) url("../img/s_oi.png") repeat-x scroll 50% -58px;height:1100px;margin-top:-17px;min-width:1200px;padding-top:57px;}
.balkon_config{background:url('../img/s2_bg.png') repeat-x; padding-top:15px;}
.s4{background-color:#FFFFFF;min-width:1200px;padding-top:30px;}
.s5{background:url("../img/s2_bg.png") repeat-x;min-width:1200px;padding-top:15px;}
.s6{background-color:#FFFFFF;min-width:1200px;height:265px;}
.s6 .content{width:1200px;height:432px;padding-top:30px;}
.s6 h1{font-size:45px;}
.s7{background-color:#FFFFFF;width:100%;height:490px;padding-top:30px;}
.s8{background-color:#0c68bb;background-image:radial-gradient(ellipse farthest-corner at right bottom, #3e8bd5 0%, #0563b7 60%, #E4E4E4 100%);min-width:1200px;height:221px;}
.s10{padding-top:35px;}
.section_map{background-color:#FFFFFF;min-width:1200px;height:650px;}
.gal_okna{background-color:#0c68bb;background-image:radial-gradient(ellipse farthest-corner at right bottom, #3e8bd5 0%, #0563b7 60%, #E4E4E4 100%);min-width:1200px;height:450px;padding-top:30px;}
.k_gal{background:url('../img/k_gal.jpg') repeat-x;min-width:1200px;height:417px;padding-top:30px;}
.gal_okna.balkon{height:380px;margin-bottom:25px;}
.config_area{background-color:#FFFFFF;width:100%;padding-top:15px;}
.r_line{background:url('http://2-okna.ru/img/l_bg.jpg') repeat-x;width:100%;height:97px;}
.r_line div{background:url('http://2-okna.ru/img/r_line.jpg') no-repeat;width:1200px;height:97px;margin:0 auto;}
#m_fix{background:url('../img/menu_bg.png') repeat-x center center;height:95px;margin-top:-20px;min-width:100%;z-index:9999;}
.m_section .menu{height:77px;padding-top:18px;}
.m_section .menu a{text-decoration:none;color:#333;text-transform:uppercase;}
.m_section .menu .sub ul a{text-decoration:none;color:#7a7a7a;text-transform:uppercase;font-size:16px;}
.m_section .menu li{display:inline;float:left;font-family:'Roboto Condensed';font-size:17px;font-weight:bold;height:57px;margin-right:14px;padding-left:15px;padding-right:15px;padding-top:20px;position:relative;text-align:center;z-index:10;}
.m_section .menu li.sub:hover{background:none repeat scroll 0 0 #fff;border:1px solid #ccc;box-shadow:0 1px 4px #999;padding-left:0px;padding-right:0px;}
.m_section .menu li.sub:hover div{background:none repeat scroll 0 0 #fff;height:38px;padding-left:14px;padding-right:14px;z-index:1111;cursor:pointer;}
.m_section .menu li:hover ul{display:block;}
.m_section .menu li ul{background:none repeat scroll 0 0 #fff;box-shadow:0 1px 4px #999;display:none;left:0;margin:0;padding:0;position:absolute;top:57px;z-index:-1;}
.m_section .menu li ul li{border-bottom:1px dotted #999;display:block;font-weight:normal;height:30px;min-width:200px;padding-top:10px;text-align:left;margin-right:0px;}
.m_section .menu li ul li:hover{box-shadow:none;border-top:none;border-left:none;border-right:none;padding-left:15px;padding-right:15px;}
.m_section .menu li a:hover,
.m_section .menu li ul li a:hover{color:#2d57b2;text-decoration:underline;}
.m_section .menu .last{float:right;margin-right:-23px;margin-top:-27px;}
.m_section .menu .last a{color:red;}
#m_fix .menu{height:77px;padding-top:18px;}
#m_fix .menu a{text-decoration:none;color:#333;text-transform:uppercase;}
#m_fix .menu .sub ul a{text-decoration:none;color:#7a7a7a;text-transform:uppercase;font-size:16px;}
#m_fix .menu li{display:inline;float:left;font-family:'Roboto Condensed';font-size:17px;font-weight:bold;height:57px;margin-right:14px;padding-left:15px;padding-right:15px;padding-top:20px;position:relative;text-align:center;z-index:10;}
#m_fix .menu li.sub:hover{background:none repeat scroll 0 0 #fff;border:1px solid #ccc;box-shadow:0 1px 4px #999;padding-left:0px;padding-right:0px;}
#m_fix .menu li.sub:hover div{background:none repeat scroll 0 0 #fff;height:38px;padding-left:14px;padding-right:14px;z-index:1111;cursor:pointer;}
#m_fix .menu li:hover ul{display:block;}
#m_fix .menu li ul{background:none repeat scroll 0 0 #fff;box-shadow:0 1px 4px #999;display:none;left:0;margin:0;padding:0;position:absolute;top:57px;z-index:-1;}
#m_fix .menu li ul li{border-bottom:1px dotted #999;display:block;font-weight:normal;height:30px;min-width:200px;padding-top:10px;text-align:left;margin-right:0px;}
#m_fix .menu li ul li:hover{box-shadow:none;border-top:none;border-left:none;border-right:none;padding-left:15px;padding-right:15px;}
#m_fix .menu li a:hover,
#m_fix .menu li ul li a:hover{color:#2d57b2;text-decoration:underline;}
#m_fix .menu .last{float:right;margin-right:-23px;margin-top:-27px;}
#m_fix .menu .last a{color:red;}


.l_config{position:relative;height:800px;}
.l_config .l_left{height:800px;left:0;position:absolute;top:0;width:280px;z-index:100;}
.l_config .l_right{height:800px;position:absolute;top:0px;right:0px;width:330px;}
.l_config .l_center{background:url("../img/l_config/bg.jpg") no-repeat;width:645px;height:800px;position:absolute;top:0px;left:230px;}
.l_config .l_center .maket_roof{background:url("../img/l_config/roof/roof2_m.png") no-repeat;width:645px;height:800px;position:absolute;top:0px;left:0px;z-index:50;}
.l_config .l_center .maket_okno{background:url("../img/l_config/okno/okno2_m.png") no-repeat;width:645px;height:800px;position:absolute;top:0px;left:0px;z-index:49;}
.l_config .l_center .maket_shell{background:url("../img/l_config/shell/shell1_m.png") no-repeat;width:645px;height:800px;position:absolute;top:0px;left:0px;z-index:48;}
.l_config .l_center .maket_struct{background:url("../img/l_config/struct/struct1_m.png") no-repeat;width:645px;height:800px;position:absolute;top:0px;left:0px;z-index:47;}
.l_config .l_center .maket_otdelka{background:url("../img/l_config/otdelka/otdelka1_m.png") no-repeat;width:645px;height:800px;position:absolute;top:0px;left:0px;z-index:44;}
.l_config .l_center .maket_skaf{background:url("../img/l_config/skaf/skaf1_m.png") no-repeat;width:645px;height:800px;position:absolute;top:0px;left:0px;z-index:46;}
.l_config .l_center .maket_floor{background:url("../img/l_config/floor/floor10_m.png") no-repeat;width:645px;height:800px;position:absolute;top:0px;left:0px;z-index:45;}
.l_config .l_layer{background:url("../img/l_config/pointers.png") no-repeat;height:700px;left:98px;position:absolute;width:800px;top:34px;z-index:60;}
.l_config .l_roof{left:10px;top:25px;}
.l_config .l_okno{left:17px;top:220px;}
.l_config .l_shell{left:11px;top:441px;}
.l_config .l_struct{left:11px;top:626px;}
.l_config .l_otdelka{left:20px;top:77px;}
.l_config .l_skaf{left:20px;top:271px;}
.l_config .l_floor{left:20px;top:452px;}
.l_config .l_price{background:none repeat scroll 0 0 #fbe60b;border-radius:10px;height:145px;left:30px;top:652px;width:310px;}
.l_config .l_price .rassr{color:#2861dc;cursor:pointer;font-family:'Roboto Condensed';font-size:16px;font-weight:bold;padding:2px;text-decoration:underline;text-transform:uppercase;text-align:center;}
.l_config .l_price .pr{color:#333;font-family:'Roboto Condensed';font-size:27px;padding-bottom:15px;padding-top:15px;text-align:center;}
.l_config .l_price div.price{background:url("../img/l_config/rub.png") no-repeat right center;color:#ee0000;font-family:impact;font-size:60px;font-style:italic;padding-right:73px;text-align:right;width:200px;height:70px;}
.l_config .l_block{position:absolute;color:#333;}
.l_config .l_block .swich{padding-top:10px;}
.l_config .l_block .swich span{text-transform:uppercase;cursor:pointer;font-family:'Roboto Condensed';font-size:16px;padding:2px;color:#2861dc;text-decoration:underline;font-weight:bold;}
.l_config .l_block .swich span.active{background:#fbe60b;color:#333;text-decoration:none;}
.l_config .l_block p.h{color:#333;font-family:'Roboto Condensed';font-size:20px;padding-bottom:8px;padding-left:0;text-transform:uppercase;}
.l_config .l_block p{color:#666;font-family:'Roboto Condensed';font-size:13px;line-height:16px;padding-left:10px;}
.l_config .l_right .l_block p{padding-left:0px;}
.l_config .l_block .vars{padding-top:10px;}
.l_config .l_block .vars div{float:left;text-align:center;padding-right:4px;padding-left:4px;cursor:pointer;}
.l_config .l_block .vars.s div{padding-right:0px;padding-left:0px;}
.l_config .l_block .vars div img{border:4px solid #fff;border-radius:100%;}
.l_config .l_block .vars.s div img{width:53px;}
.l_config .l_block .vars .active{cursor:default;}
.l_config .l_block .vars .active img{border:4px solid #666;}
.l_config .l_block .vars .desc{float:none;text-align:center;}
.section_map #map{border:1px solid #ccc;height:400px;margin:0 auto;padding:10px;width:980px;}
.section_map .contacts{padding-top:25px;padding-bottom:20px;}
.section_map .contacts div{float:left;width:500px;}
.section_map .contacts div p{font-family:'Roboto Condensed';font-size:19px;font-weight:lighter;line-height:32px;}
.section_map .contacts div p span{font-family:'Roboto Condensed';font-size:22px;}
.s16 .ese{background:url("../img/ese.png") no-repeat scroll left center rgba(0, 0, 0, 0);cursor:pointer;font-family:'Roboto Condensed';font-size:30px;font-weight:bold;height:65px;margin-left:767px;margin-top:-39px;padding-left:79px;padding-top:33px;position:relative;text-decoration:underline;width:50px;color:#2861dc;}
.s17 .k_man{background:url("../img/k_man.png") no-repeat scroll left center rgba(0, 0, 0, 0);width:449px;height:663px;position:absolute;top:0px;left:5px;}
.s17 .percent{left:960px;position:absolute;top:61px;}
.s17 .percent .ob1{font-size:36px;}
.s17 .k_txt1{font-family:'Roboto Condensed';font-size:65px;left:432px;position:absolute;text-transform:uppercase;top:415px;}
.s17 .k_div{background:url("../img/k_div.png") no-repeat;left:432px;position:absolute;top:497px;width:756px;height:136px;}
.s17 .k_div .k_txt2{left:23px;position:absolute;top:10px;font-family:'Roboto Condensed';font-size:49px;text-transform:uppercase;}
.s17 .k_div .k_txt3{font-family:'Roboto Condensed';font-size:25px;left:24px;position:absolute;top:87px;}
.s17 .k_div .pr{left:595px;position:absolute;top:81px;color:#fff;font-family:'Roboto Condensed';font-size:24px;}
.s17 .k_div .pr span{font-size:30px;}
.scroll{bottom:80px;cursor:pointer;opacity:0.7;position:fixed;right:-300px;z-index:2;}
.scroll:hover{opacity:1;}
.toptop{background:url("../img/top_str_act.png") no-repeat scroll center top;bottom:20px;color:#ccc;cursor:pointer;left:-200px;padding-top:10px;position:fixed;text-align:center;width:81px;z-index:99;height:34px;}
.content{
	    margin: auto;
    width: 1200px;
}









@font-face{font-family:'Roboto Condensed';src:url('../fonts/officinaserifc-bold-webfont.eot');src:url('../fonts/officinaserifc-bold-webfont.eot@') format('embedded-opentype'),
url('../fonts/officinaserifc-bold-webfont.woff') format('woff'),
url('../fonts/officinaserifc-bold-webfont.ttf') format('truetype'),
url('../fonts/officinaserifc-bold-webfont.svg') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Roboto Condensed';src:url('../fonts/officinaserifc-book-webfont.eot');src:url('../fonts/officinaserifc-book-webfont.eot@') format('embedded-opentype'),
url('../fonts/officinaserifc-book-webfont.woff') format('woff'),
url('../fonts/officinaserifc-book-webfont.ttf') format('truetype'),
url('../fonts/officinaserifc-book-webfont.svg') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'impact';src:url('../fonts/impact.ttf') format('truetype');}
body{font-family:'Roboto Condensed';margin:0px;padding:0px;overflow-x:hidden;}
h1{font-size:55px;padding:0px;margin:0px;font-weight:bold;text-align:center;font-family:'Roboto Condensed';text-transform:uppercase;text-shadow:4px 4px 4px #aaa;color:#2d2929;}
h1 span{background:#fff;padding-left:30px;padding-right:30px;font-size:55px;font-family:'Roboto Condensed';font-weight:700;text-align:right;line-height:60px;text-transform:uppercase;text-shadow:4px 4px 4px #aaa;color:#2d2929;}
h2{font-size:45px;padding:0px;margin:0px;font-weight:bold;text-align:center;font-family:'Roboto Condensed';text-transform:uppercase;text-shadow:3px 3px 3px #aaa;color:#2d2929;}
h2 span{background:#fff;padding-left:0px;padding-right:0px;font-size:45px;font-family:'Roboto Condensed';font-weight:bold;text-align:center;line-height:50px;text-transform:uppercase;text-shadow:3px 3px 3px #aaa;color:#2d2929;}
h3{font-size:35px;padding:0px;margin:0px;font-weight:normal;text-align:center;font-family:'Roboto Condensed';text-transform:uppercase;text-shadow:2px 2px 2px #aaa;color:#2d2929;}
h3 span{background:#fff;padding-left:20px;padding-right:20px;font-size:35px;font-family:'Roboto Condensed';font-weight:normal;text-align:center;line-height:40px;text-transform:uppercase;text-shadow:2px 2px 2px #aaa;color:#2d2929;}
h4{font-size:24px;padding:0px;margin:0px;font-weight:normal;text-align:center;font-family:'Roboto Condensed';text-transform:uppercase;text-shadow:1px 1px 1px #aaa;color:#2d2929;}
h4 span{background:#fff;padding-left:10px;padding-right:10px;font-size:24px;font-family:'Roboto Condensed';font-weight:normal;text-align:center;line-height:40px;text-transform:uppercase;text-shadow:1px 1px 1px #aaa;color:#2d2929;}
p{font-size:20px;font-family:'Roboto Condensed';line-height:25px;text-shadow:1px 1px 1px #aaa;}
.hide-layout{background:none repeat scroll 0 0 #000000;bottom:0;height:100%;position:fixed;top:0;display:none;width:100%;z-index:998;opacity:0.5;}
.hidden{opacity:0;}
.visible{opacity:1;}
.clr{clear:both;}
.center{text-align:center;}
.bold{font-weight:bold !important;}
.white{color:#fff;}
h1.white{font-size:50px;padding:0px;margin:0px;font-weight:bold;text-align:center;font-family:'Roboto Condensed';text-transform:uppercase;text-shadow:4px 4px 4px #aaa;}
.yellow{color:#ffe800;}
.red{color:#de2a2a;}
.black{color:#2d2929;}
.green{color:#62c502;}
.l_green{color:#eaf7dd;}
.bg_white{background-color:#fff;}
.bg_yellow{background-color:#ffe800;}
.bg_black{background-color:#333333;}
.bg_gray{background-color:#f6f6f6;}
.left{float:left;}
.r_border{border-right:1px solid #097ea5;}
.s-top{background-color:#0c68bb;background-image:radial-gradient(ellipse farthest-corner at right bottom, #3e8bd5 0%, #0563b7 60%, #E4E4E4 100%);padding-top:10px;min-width:1200px;height:90px;}
.hide{display:none;}
.s1{background-position:0 70%;min-width:1200px;height:650px;}
.s2{background:url('../img/s2_bg.png') repeat-x;min-width:1200px;padding-top:15px;}
.s3{background-color:#FFFFFF;min-width:1200px;height:650px;}
.s34{min-width:1200px;padding-top:40px;}
.s35{background:url('../img/s2_bg.png') repeat-x;min-width:1200px;padding-top:15px;}
.s36{background:url('../img/s2_bg.png') repeat-x;min-width:1200px;margin-bottom:10px;margin-top:5px;}
.s12{min-width:1200px;padding-top:45px;}
.s15{background:url('../img/s2_bg.png') repeat-x;min-width:1200px;padding-top:15px;}
.s16{min-width:1200px;padding-top:45px;}
.s17{background:url("../img/s17_bg.jpg") repeat-x scroll 50% top rgba(0, 0, 0, 0);height:700px;min-width:1200px;padding-top:45px;margin-top:-17px;}
.s18{min-width:1200px;}
.s21{background:url("../img/s21_bg.jpg") repeat-x scroll 50% top rgba(0, 0, 0, 0);height:168px;min-width:1200px;}
.s28{background:url("../img/s28_bg.jpg") repeat-x scroll 50% top rgba(0, 0, 0, 0);height:370px;min-width:1200px;}
.s_oi{background:rgba(0, 0, 0, 0) url("../img/s_oi.png") repeat-x scroll 50% -58px;height:1100px;margin-top:-17px;min-width:1200px;padding-top:57px;}
.balkon_config{background:url('../img/s2_bg.png') repeat-x;padding-top:15px;}
.s4{background-color:#FFFFFF;min-width:1200px;padding-top:30px;}
.s5{background:url("../img/s2_bg.png") repeat-x;min-width:1200px;padding-top:15px;}
.s6{background-color:#FFFFFF;min-width:1200px;height:265px;}
.s6 .content{width:1200px;height:432px;padding-top:30px;}
.s6 h1{font-size:45px;}
.s7{background-color:#FFFFFF;width:100%;height:490px;padding-top:30px;}
.s8{background-color:#0c68bb;background-image:radial-gradient(ellipse farthest-corner at right bottom, #3e8bd5 0%, #0563b7 60%, #E4E4E4 100%);min-width:1200px;height:221px;}
.s10{padding-top:35px;}
.section_map{background-color:#FFFFFF;min-width:1200px;height:650px;}
.gal_okna{background-color:#0c68bb;background-image:radial-gradient(ellipse farthest-corner at right bottom, #3e8bd5 0%, #0563b7 60%, #E4E4E4 100%);min-width:1200px;height:450px;padding-top:30px;}
.k_gal{background:url('../img/k_gal.jpg') repeat-x;min-width:1200px;height:417px;padding-top:30px;}
.gal_okna.balkon{height:380px;margin-bottom:25px;}
.config_area{background-color:#FFFFFF;width:100%;padding-top:15px;}
.r_line{background:url('http://2-okna.ru/img/l_bg.jpg') repeat-x;width:100%;height:97px;}
.r_line div{background:url('http://2-okna.ru/img/r_line.jpg') no-repeat;width:1200px;height:97px;margin:0 auto;}
#m_fix{background:url('../img/menu_bg.png') repeat-x center center;height:95px;margin-top:-20px;min-width:100%;z-index:9999;}
.m_section .menu{height:77px;padding-top:18px;}
.m_section .menu a{text-decoration:none;color:#333;text-transform:uppercase;}
.m_section .menu .sub ul a{text-decoration:none;color:#7a7a7a;text-transform:uppercase;font-size:16px;}
.m_section .menu li{display:inline;float:left;font-family:'Roboto Condensed';font-size:17px;font-weight:bold;height:57px;margin-right:14px;padding-left:15px;padding-right:15px;padding-top:20px;position:relative;text-align:center;z-index:10;}
.m_section .menu li.sub:hover{background:none repeat scroll 0 0 #fff;border:1px solid #ccc;box-shadow:0 1px 4px #999;padding-left:0px;padding-right:0px;}
.m_section .menu li.sub:hover div{background:none repeat scroll 0 0 #fff;height:38px;padding-left:14px;padding-right:14px;z-index:1111;cursor:pointer;}
.m_section .menu li:hover ul{display:block;}
.m_section .menu li ul{background:none repeat scroll 0 0 #fff;box-shadow:0 1px 4px #999;display:none;left:0;margin:0;padding:0;position:absolute;top:57px;z-index:-1;}
.m_section .menu li ul li{border-bottom:1px dotted #999;display:block;font-weight:normal;height:30px;min-width:200px;padding-top:10px;text-align:left;margin-right:0px;}
.m_section .menu li ul li:hover{box-shadow:none;border-top:none;border-left:none;border-right:none;padding-left:15px;padding-right:15px;}
.m_section .menu li a:hover,
.m_section .menu li ul li a:hover{color:#2d57b2;text-decoration:underline;}
.m_section .menu .last{float:right;margin-right:-23px;margin-top:-27px;}
.m_section .menu .last a{color:red;}
#m_fix .menu{height:77px;padding-top:18px;}
#m_fix .menu a{text-decoration:none;color:#333;text-transform:uppercase;}
#m_fix .menu .sub ul a{text-decoration:none;color:#7a7a7a;text-transform:uppercase;font-size:16px;}
#m_fix .menu li{display:inline;float:left;font-family:'Roboto Condensed';font-size:17px;font-weight:bold;height:57px;margin-right:14px;padding-left:15px;padding-right:15px;padding-top:20px;position:relative;text-align:center;z-index:10;}
#m_fix .menu li.sub:hover{background:none repeat scroll 0 0 #fff;border:1px solid #ccc;box-shadow:0 1px 4px #999;padding-left:0px;padding-right:0px;}
#m_fix .menu li.sub:hover div{background:none repeat scroll 0 0 #fff;height:38px;padding-left:14px;padding-right:14px;z-index:1111;cursor:pointer;}
#m_fix .menu li:hover ul{display:block;}
#m_fix .menu li ul{background:none repeat scroll 0 0 #fff;box-shadow:0 1px 4px #999;display:none;left:0;margin:0;padding:0;position:absolute;top:57px;z-index:-1;}
#m_fix .menu li ul li{border-bottom:1px dotted #999;display:block;font-weight:normal;height:30px;min-width:200px;padding-top:10px;text-align:left;margin-right:0px;}
#m_fix .menu li ul li:hover{box-shadow:none;border-top:none;border-left:none;border-right:none;padding-left:15px;padding-right:15px;}
#m_fix .menu li a:hover,
#m_fix .menu li ul li a:hover{color:#2d57b2;text-decoration:underline;}
#m_fix .menu .last{float:right;margin-right:-23px;margin-top:-27px;}
#m_fix .menu .last a{color:red;}

.bal_config{position:relative;}
.bal_config .b_yellow{background:url("../img/y_button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);cursor:pointer;font-family:'Roboto Condensed';font-size:26px;height:44px;padding-top:19px;position:absolute;text-align:center;top:406px;width:195px;}
.b_yellow_sq{background:url("../img/y_sq_button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);cursor:pointer;font-family:'Roboto Condensed';font-size:26px;height:44px;left:505px;padding-top:15px;position:absolute;text-align:center;top:356px;width:217px;text-transform:uppercase;}
.bal_left{float:left;width:675px;height:630px;}
.bal_right{float:left;height:630px;}
.bal_right .sw{background:url("../img/swicher_bg.jpg") no-repeat;width:442px;height:97px;}
.bal_right .sw_block{margin:0 auto;width:415px;height:60px;}
.bal_right .sw_h{font-family:'Roboto Condensed';font-size:21px;padding-bottom:10px;padding-top:10px;text-align:center;}
.bal_right .sw_block .bl_hot{float:left;font-family:'Roboto Condensed';font-size:30px;height:40px;padding-left:10px;padding-top:5px;width:123px;cursor:pointer;}
.bal_right .sw_block .bl_hot.active_{background:url("../img/hot_active.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.bal_right .sw_block .bl_hot.inactive_{background:url("../img/hot_inactive.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.bal_right .sw_block .blsw{background:url("../img/swb.png") 50% 50% no-repeat;width:122px;float:left}
.bal_right .sw_block .bl_sw{margin-left:22px;width:54px;}
.bal_right .sw_block .bl_cold.active_{background:url("../img/cold_active.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.bal_right .sw_block .bl_cold.inactive_{background:url("../img/cold_inactive.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.bal_right .sw_block .bl_cold{float:left;font-family:'Roboto Condensed';font-size:30px;height:40px;padding-left:20px;padding-top:5px;width:137px;cursor:pointer;}
.bal_right .features_cold{background:url("../img/f_cold.jpg") no-repeat scroll right bottom;height:380px;width:442px;}
.bal_right .features_hot{background:url("../img/f_hot.jpg") no-repeat scroll right bottom;height:380px;width:442px;}
.bal_right .features_cold h3{font-family:'Roboto Condensed';font-size:36px;margin-left:-31px;padding-top:20px;text-align:center;width:498px;text-transform:uppercase;text-shadow:1px 1px 1px #aaa;}
.bal_right .features_hot h3{font-family:'Roboto Condensed';font-size:36px;padding-top:20px;text-align:center;text-transform:uppercase;text-shadow:1px 1px 1px #aaa;}
.bal_right .features_hot .f1,
.bal_right .features_hot .f2,
.bal_right .features_hot .f3,
.bal_right .features_hot .f4,
.bal_right .features_cold .f1,
.bal_right .features_cold .f2,
.bal_right .features_cold .f3,
.bal_right .features_cold .f4{font-family:'Roboto Condensed';font-size:20px;padding-bottom:10px;padding-left:36px;padding-top:10px;width:245px;line-height:22px;}
.bal_right .features_cold .f1{background:url("../img/hhf1.png") no-repeat left center;padding-top:20px;}
.bal_right .features_hot .f1{background:url("../img/hhf1.png") no-repeat 3px 14px;padding-top:20px;}
.bal_right .features_cold .f2{background:url("../img/hhf2.png") no-repeat left center;}
.bal_right .features_hot .f2{background:url("../img/hhf2.png") no-repeat left center;}
.bal_right .features_cold .f3{background:url("../img/hhf3.png") no-repeat left center;}
.bal_right .features_hot .f3{background:url("../img/hhf3.png") no-repeat left center;}
.bal_right .features_cold .f4{background:url("../img/hhf4.png") no-repeat left center;}
.bal_right .features_hot .f4{background:url("../img/hhf4.png") no-repeat 2px center;}
.bal_left .bal_bg{background:url("../img/bal_config/hot_bg.jpg") no-repeat left top;position:absolute;width:623px;height:615px;}
.bal_left .bal_shell{background:url("../img/bal_config/gofra_b1.png") no-repeat left top;position:absolute;width:623px;height:615px;}
.bal_left .bal_sign{color:#2861dc;cursor:pointer;font-family:'Roboto Condensed';font-size:18px;font-weight:bold;left:465px;position:absolute;text-align:right;top:156px;width:165px;}
.cold_bg{background:url("../img/bal_config/cold_bg.jpg") no-repeat left top !important;}
.bal_right .variants{border:1px solid #ccc;border-radius:7px;height:100px;position:relative;width:100%;}
.bal_right .variants .combo{height:24px;left:130px;line-height:24px;position:absolute;top:12px;width:300px;}
.bal_right .variants .combo .combo_option{float:left;height:24px;font-size:18px;font-family:'Roboto Condensed';font-weight:bold;margin-left:40px;}
.bal_right .variants .combo .combo_option .select{background:url("../img/bal_config/ck0.png") no-repeat;height:24px;width:24px;float:left;padding-right:5px;cursor:pointer;}
.bal_right .variants .combo .combo_option.active .select{background:url("../img/bal_config/ck1.png") no-repeat;}
.bal_right .variants .combo .combo_option.active{color:#000;}
.bal_right .variants .variants_gal{height:60px;left:157px;position:absolute;top:44px;}
.bal_right .variants .variants_gal div{cursor:pointer;float:left;height:37px;padding:5px 9px 0;width:37px;}
.bal_right .variants .variants_gal img{border:3px solid #fff;border-radius:100%;padding:2px;}
.bal_right .variants .variants_txt{font-family:'Roboto Condensed';font-size:18px;left:0;position:absolute;text-align:right;top:30px;width:151px;}
.bal_right .variants .variants_gal .active img{border:3px solid #ccc;border-radius:100%;padding:2px;}



* {
  margin: 0px;
  padding: 0px; }

.vfa-window {
  width: 100%;
  background: url(../img/vfa-bg.jpg);
  background-size: cover; }

.vfa-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between; }
  .vfa-container .vfa-right {
    width: 25%; }
  .vfa-container .vfa-left {
    width: 75%; }
  .vfa-container h2 {
    color: white;
    font-size: 40px; }
  .vfa-container .vfa-call {
    color: white;
    font-size: 20px; 
        margin-bottom: 17px;
}

.vfa-window-cont {
  width: 360px;
  height: 800px;
  position: relative;
  background: url(../img/textura1.jpg);
  background-size: contain; }

.vfa-window-inner {
  background: url(../img/main-textura.png);
  width: 360px;
  height: 800px;
  background-size: 100%; }

.vfa-pull {
  width: 145px;
  height: 375px;
  background: url(../img/pull1.png); }

.vfa-pull-cont {
  display: flex;
  justify-content: space-between;
  width: 325px;
  position: absolute;
  top: 200px;
  left: 25px; }

.textura {
  width: 120px;
  height: 100px; }

.vfa-vars-line {
  display: flex;
  justify-content: space-between;
  width: 96%; }
  .vfa-vars-line .vfa-sheet {
    background: white;
    width: 260px;
    height: 160px;
    margin-bottom: 40px;
    padding: 10px; }
    .vfa-vars-line .vfa-sheet h4 {
      font-size: 24px;
      text-decoration: underline; }
    .vfa-vars-line .vfa-sheet p {
      font-size: 14px;
      margin-top: 10px; }
  .vfa-vars-line .multiple-items {
    width: 550px; }
    .vfa-vars-line .multiple-items .slick-slide {
      width: 127px !important;
      margin-left: 8px;
      margin-right: 8px; }

.vfa-textura {
  width: 127px !important;
  height: 100px;
  cursor: pointer; }

.textura1 {
  background: url(../img/textura10.jpg); }

.textura2 {
  background: url(../img/textura3.jpg); }

.textura3 {
  background: url(../img/textura1.jpg); }

.textura4 {
  background: url(../img/textura9.jpg); }

.textura5 {
  background: url(../img/textura4.jpg); }

.textura6 {
  background: url(../img/textura2.jpg); }

.textura7 {
  background: url(../img/textura5.jpg); }

.textura8 {
  background: url(../img/textura7.jpg); }

.textura9 {
  background: url(../img/textura8.jpg); }

.textura10 {
  background: url(../img/textura6.jpg); }

.color1 {
  background: #F9EF2E; }

.color2 {
  background: #F4EDE7; }

.color3 {
  background: #D8D1CB; }

.color4 {
  background: #336D95; }

.color5 {
  background: #002043; }

.color6 {
  background: #AAA496; }

.color7 {
  background: #63666D; }

.color8 {
  background: #6C0020; }

.color9 {
  background: #836857; }

.color10 {
  background: #27160C; }

.pull1 {
  background: url(../img/pull5.png) rgba(255, 255, 255, 0.5);
  background-position: -15px -36px; }

.pull2 {
  background: url(../img/pull6.png) rgba(255, 255, 255, 0.5);
  background-position: -15px -36px; }

.pull3 {
  background: url(../img/pull8.png) rgba(255, 255, 255, 0.5);
  background-position: -15px -36px; }

.pull4 {
  background: url(../img/pull2.png) rgba(255, 255, 255, 0.5);
  background-position: -15px -36px; }

.pull5 {
  background: url(../img/pull7.png) rgba(255, 255, 255, 0.5);
  background-position: -15px -36px; }

.pull6 {
  background: url(../img/pull1.png) rgba(255, 255, 255, 0.5);
  background-position: -15px -36px; }

.pull7 {
  background: url(../img/pull4.png) rgba(255, 255, 255, 0.5);
  background-position: -15px -36px; }

.pull8 {
  background: url(../img/pull3.png) rgba(255, 255, 255, 0.5);
  background-position: -15px -36px; }
  @media screen and (max-width: 1300px){
  		.l_config{
		display: flex;
		justify-content: center;
		    flex-wrap: wrap;
		    height: 1670px;

	}
	.l_config .l_center{
		position: relative;
		left:auto;
		top: auto;
		right: auto;
		order: 1;
	}
	.l_config .l_left{
		    margin-top: 50px;
		position: relative;
		left:auto;
		top: auto;
		right: auto;
		order:2;
		width: 47%;
	}
	.l_config .l_right{
		position: relative;
		left:auto;
		top: auto;
		right: auto;
		order: 3;
		width: 47%;
	}
	.l_config .l_layer{
		background: transparent;
	}
	.vfa-container{
	    width: 95%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    overflow-x: hidden;
}
.vfa-vars-line{
	flex-wrap: wrap;
  }
  .vfa-vars-line .vfa-sheet{
  	    width: 100%;
    height: auto;
  }
  .vfa-vars-line .vfa-sheet:after{
  	display: none;
  	opacity: 0;
  }
  .vfa-vars-line .multiple-items {
    width: 550px;
    margin: auto;
    margin-top: -20px;
    margin-bottom: 10px;
}
.vfa-container .vfa-left {
    width: 690px;
}
.vfa-container{
	justify-content: center;
}
.vfa-container .slick-next {
    right: -31px !important;
    top: 36px !important;
}
.vfa-container .slick-prev {
   top: 36px !important;
    left: -63px !important;
}
}
@media screen and (max-width: 1200px){
	.vfa-vars-line .vfa-sheet p{
		text-align: center;
	}
.vfa-container {
    justify-content: center;
    flex-wrap: wrap;
}
.vfa-container .vfa-left {
    width: 100%;
}
.vfa-container .vfa-right {
    width: 360px;
}

.bal_left {
    
    width: 675px;
    height: 630px;
    margin: auto;
    float: none;
}
.bal_right {
    float: none;
    height: 630px;
    margin: auto;
    display: block;
        position: relative;
    z-index: 100;
}

.bal_right .sw{
	margin: auto;
}
.bal_right .features_hot{
	margin: auto;
}
.bal_right .features_cold{
	margin: auto;
}
.bal_right .variants{
	width: 470px;
    margin: auto;
}
.bal_config .b_yellow{
	display: none;
}
}

@media screen and (max-width: 800px){
	.vfa-vars-line{
		width: 100%;
	}
	.vfa-vars-line .multiple-items {
    width: 100%;
}
	.l_config{
		height: 2573px;
	}
	.l_config .l_left{
		width: 100%;

	}
	.l_config .l_right{
		width: 100%;
		    margin-top: -190px;
		
	}
	.l_config {
    height: 2550px;
}
.l_config .l_center{
	margin-bottom: -200px;
}
	.vfa-vars-line .multiple-items {
    width: 110%;
}
}

@media screen and (max-width: 700px){

    .l_config {
    height: 2300px;
}
	.l_config .l_layer{
		width: 100%;
	}
	.l_config .l_center{
		width: 100%;
		    background-size: contain;
		    height: 700px;
		        margin-bottom: -200px;
	}
	.l_config .l_center .maket_roof, .l_config .l_center .maket_okno, .l_config .l_center .maket_shell, .l_config .l_center .maket_struct, .l_config .l_center .maket_otdelka, .l_config .l_center .maket_skaf, .l_config .l_center .maket_floor{
		width: 100%;
		background-size: contain !important;
		height: 700px;
	}
	.bal_right .features_hot h3{
		font-size: 25px !important;
	}
	.bal_right .features_cold h3{
		font-size: 25px !important;
	}
	.bal_left{
		width: 95%;
	}
	.bal_left .bal_bg{
		background-size: 100% !important;
		    width: 100%;
	}
	.bal_left .bal_shell{
	    background-size: 100% !important;
		    width: 100%;	
	}
	.bal_left .bal_sign{
		top: auto;
		bottom: 0px;
	}
	.bal_left .bal_sign {
    top: auto;
    bottom: 660px;
    right: 30px;
    left: auto;
}
h1 span{
	font-size: 35px;
}
}
@media screen and (max-width: 600px){
    .vfa-vars-line{
    	width: 100%;
    }
	.l_config .l_center{
	
		margin-bottom: -190px;
	}
	.bal_left{
		height: 550px;
	}
}
@media screen and (max-width: 500px){
	.l_config .l_center {
    margin-bottom: -390px;
}

	.bal_right .variants .variants_txt{
		width: 80px;
		text-align: left;
		padding-left:10px;
	}
	.bal_left{
		height: 470px;
	}
	.bal_right .sw{
		width: 100%;
	}
	.bal_right .sw_block .blsw{
		display: none;
	}
	.bal_right .sw_block {
    margin: 0 auto;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
}
.bal_right .variants {
    width: 100%;
    }
    .bal_right .variants .variants_gal{
    	left: 90px;
    }
    .bal_right .variants .variants_gal div{
    	padding: 2px 4px 0;
    }
    .bal_right .variants .combo {
    height: 24px;
    left: 60px;
    line-height: 24px;
    position: absolute;
    top: 7px;
    width: 286px;
}
.bal_right .features_hot{
	width: 100%;
}
.bal_right .features_hot .f1, .bal_right .features_hot .f2, .bal_right .features_hot .f3, .bal_right .features_hot .f4, .bal_right .features_cold .f1, .bal_right .features_cold .f2, .bal_right .features_cold .f3, .bal_right .features_cold .f4{
 width: 177px;
}
.bal_right .features_hot{
	    background-size: 202px;
}
.bal_right .features_cold{
	    background-size: 202px;
}
}

@media screen and (max-width: 400px){
	.l_config .l_center {
    margin-bottom: -540px;
}

	.bal_left{
		height: 400px;
	}
	.bal_right .variants .combo .combo_option{
		margin-left: 17px;
	}
	.bal_right .variants{
		height: 140px;
	}
	.bal_right .features_hot{
	    background-size: 140px;
}
.bal_right .features_cold{
	    background-size: 140px;
}
.l_config .l_price {
    background: none repeat scroll 0 0 #fbe60b;
    border-radius: 10px;
    height: 145px;
    left: 4px;
    top: 652px;
    width: 290px;
}

}

.vfa-container h2 {
    color: white;
    font-size: 40px;
    margin-top: 40px;
    text-align: left;
    margin-bottom: 10px;
}
.vfa-vars-line .vfa-sheet:after{
	display: block;
    content: '';
    border: 20px solid transparent;
    border-left: 20px solid white;
    position: absolute;
    left: 280px;
    top: 25px;
}
.vfa-vars-line .vfa-sheet{
	position: relative;
}
.vfa-textura p{
     margin-top: 5px;
    margin-left: 7px;
    font-size: 16px;
    color: white;
    text-shadow: 0px 0px 5px black;
}
.slick-prev:before, .slick-next:before{
	font-size: 50px !important;
}
.vfa-container .slick-next {
    right: 26px ;
    top: 126px ;
}
.vfa-container .slick-prev{
    left: -4px ;
    top: 126px ;
}

#maps {     
   width: 100%;height: 250px;
}
#maps p {     
    font-family:"MyriadPro-Regular", sans-serif;
    font-size: 14px !important; text-align: center;color: #000000;
}
#maps span{        
    color: #3f5ab5;font-family:"MyriadPro-Regular", sans-serif;
    font-size: 14px !important; text-align: center;
}
#maps a{     
    color: #000000;
}
#maps a:hover{     
    color: #3f5ab5;
}