body { background-color: #fff;   font-family: 'Roboto Condensed', sans-serif;  font-size: 14px; color: #323232; min-height: 100%; height: auto !important; height: 100%; position: absolute;}
html, body { width: 100%;}
.clearfloat {clear: both; height: 0; font-size: 0px; line-height: 0px; display: block; margin: 0; padding: 0;}
a {
    color: #1ec0e8;
    text-decoration: underline;
}
a:hover { text-decoration: none;}
strong { font-weight: bold; }
b { font-weight: bold; }
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
em { font-style: italic;}
*{ outline: none;}


/* defaul select style */

*::-webkit-input-placeholder {
    opacity: 1;
}
*:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
}
*:focus::-moz-placeholder {  /* Firefox 19+ */
    opacity: 1;
}
*:-ms-input-placeholder {
    opacity: 1;
}
*:focus::-webkit-input-placeholder {
    opacity: 0;
}
*:focus:-moz-placeholder { /* Firefox 18- */
    opacity: 0;
}
*:focus::-moz-placeholder {  /* Firefox 19+ */
    opacity: 0;
}
*:focus:-ms-input-placeholder {
    opacity: 0;
}
/* defaul select style */

.centermap { width: 1000px; margin: 0 auto;}
.centermap:after { content:''; clear: both; height: 0; font-size: 0px; line-height: 0px; display: block; margin: 0; padding: 0;}
/*nav*/
nav { background: #feb401; position: fixed; left: 0px; right: 0px; top: 0px; padding-top: 16px; height: 52px; font-size: 18px; z-index: 9;  min-width: 1000px;}
nav li { float: left; padding-left: 15px; padding-right: 76px;}
nav li:last-child { padding-right: 0px;}
nav a { color: #000; text-decoration: none; text-transform: uppercase;}
/*nav*/

/*header*/
header { padding-top: 63px; padding-bottom: 11px;  min-width: 1000px;}
.logo { float: left;}
.header_contacts { padding-left: 115px; float: left; padding-top: 8px;} 
.phone { float: right; padding-left: 15px; padding-right: 15px;}
.title_town { color: #686868; font-size: 12px; text-transform: uppercase; padding-bottom: 5px;}
.phone_number { font-size: 24px; color: #138dd4; font-weight: bold;}
.phone_number span { font-size: 14px; color: #fd3d3d; font-weight: normal; text-transform: uppercase;}

.online_order { float: right; text-align: center; font-weight: bold; font-size: 14px; color: #686868;}
.online_order span {color: #fd3d3d; }
.online_order p { padding-bottom: 5px;}
.button_yellow { background: #feb401; display: inline-block; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 8px 10px 8px 10px; color: #fff; text-decoration: none;}
/*header*/

/*first-block*/
.first_block { background: url(../images/first-block.jpg) center top no-repeat; height: 600px; position: relative;  min-width: 1000px;}
.first_block .centermap { position: relative;}
.else_tank { position: absolute; left: 24px; top: 0px; width: 270px; 
background: #F7910B;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F7910B), to(#eb4f1e));
background: -webkit-linear-gradient(#F7910B, #eb4f1e);
background: -moz-linear-gradient(#F7910B, #eb4f1e);
background: -ms-linear-gradient(#F7910B, #eb4f1e);
background: -o-linear-gradient(#F7910B, #eb4f1e);
background: linear-gradient(#F7910B, #eb4f1e);
-pie-background: linear-gradient(#F7910B, #eb4f1e); text-align: center; font-size: 22px; padding-bottom: 7px; } 
.else_tank:after {content:''; width: 0;	height: 0;border-bottom: 10px solid #eb8c6e; border-left: 10px solid transparent; position: absolute; left: -10px; top: 0px;}
.else_tank:before { content:''; width: 0;	height: 0;	border-bottom: 10px solid #eb8c6e; 	border-right: 10px solid transparent;	 position: absolute; right: -10px; top: 0px;}
.else_tank a { color: #fff3d6; text-decoration: none; display: block; padding-top: 14px; padding-bottom: 7px; font-family: 'Roboto Condensed', sans-serif;}
.else_tank p a span { background: url(../images/else_arrow.png) right 6px no-repeat; display: inline-block; padding-right: 42px; padding-left: 42px;}
.else_tank p .active span  { background: url(../images/else_arrow.png) right -44px no-repeat;}

.else_tank ul {}
.else_tank ul li a { padding-top: 7px; padding-bottom: 7px;}
.else_tank ul li a:hover { color: #fff;}
/*first-block*/

/*form*/
.form { background: #fec401; width: 380px; height: 297px; float: right; margin-top: 233px; text-align: center; padding: 10px 34px 10px 34px; }
.form_title { font-size: 16px; color: #2f3030; line-height: 130%;}
.form_title span { text-transform: uppercase;}
.form input[type=text] { background: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 24px; color: #5c5c5c; border: none; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; width: 100%; text-transform: uppercase; text-align: center; padding-top: 10px; padding-bottom: 10px; margin-top: 3px; padding-left: 10px; padding-right: 10px; }
.form input[type=submit] { background: url(../images/form_button.png) left top no-repeat; width: 311px; height: 63px; border: none; font-family: 'Roboto Condensed', sans-serif; font-size: 24px; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; margin-top: 5px; cursor: pointer;}
.form p { padding-bottom: 10px;}
.form  input::-moz-placeholder {color: #5c5c5c; opacity: 1;}
.form  :focus::-moz-placeholder {color: #5c5c5c; opacity: 0;}
.form  input::-webkit-input-placeholder {color: #5c5c5c; opacity: 1;}
.form  :focus::-webkit-input-placeholder {color: #5c5c5c; opacity: 0;}

.number_one { position: absolute; font-size: 0px; right: -92px; bottom: -20px;}
/*form*/

/*ads*/
.ads { text-align: center; font-size: 0px; padding-top: 35px; padding-bottom: 35px;}
/*ads*/

/*catalog*/
.catalog {background: url(../images/gray_bg.gif) top repeat-x; padding-top: 40px; min-width: 1000px;}
h1 {font-family: 'Roboto Condensed', sans-serif; font-size: 48px; font-weight: bold; text-align: center; padding-bottom: 40px; color: #323232;  text-transform: uppercase; line-height: 130%;}
h2 {font-family: 'Roboto Condensed', sans-serif; font-size: 48px; font-weight: bold; text-align: center; padding-bottom: 40px; color: #323232;  text-transform: uppercase; line-height: 130%;}
h3 {font-family: 'Roboto Condensed', sans-serif; font-size: 48px; font-weight: bold; text-align: center; padding-bottom: 40px; color: #323232; text-transform: uppercase; line-height: 130%;}
h3 span { color: #147a70;}

.tumbs {}
.tumb_line { border-bottom: 1px solid #9f9e9e; padding-bottom: 10px;}
.tumb_line:after { content:''; clear: both; height: 0; font-size: 0px; line-height: 0px; display: block; margin: 0; padding: 0;}
.tumbs .tumb_line:last-child { border: none;}
.tumb { padding-top: 40px; float: left;}
.tumb_line .tumb:last-child { float: right;}
.tumb:after { content:''; clear: both; height: 0; font-size: 0px; line-height: 0px; display: block; margin: 0; padding: 0;}

.tumb h4 {font-family: 'Roboto Condensed', sans-serif; font-size: 48px; font-weight: bold; text-align: center; padding-bottom: 14px; color: #323232; white-space: nowrap;}
.desc_left { float: left; width: 214px; margin-bottom: 25px;}
.desc_right { float: left; width: 202px; margin-left: 23px; margin-bottom: 25px;}
.desc_right_new { margin-left: 10px; border-left: 1px solid #cdcccc; padding-left: 16px; width: 230px;}
.photo_tumb {}
.photo_tumb img { border: 3px solid #323232; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.number_people {font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: bold; text-align: center; padding-top: 10px;}
.number_people  img { vertical-align: middle; margin-right: 6px;}
.characteristics  { padding-top: 45px; font-size: 14px;}
.characteristics li { font-size: 30px; color: #147a70; width: 172px; text-align: center; font-weight: bold;  border-bottom: 1px solid #cccccc; padding-top: 5px; padding-bottom: 6px;}
.s24 { font-size: 24px;}
.characteristics li:last-child { border: none;}
.characteristics li span { font-size: 16px; color: #323232; font-weight: normal; display: block; padding-bottom: 5px; line-height: 120%;}
.characteristics h6 {font-size: 30px; color: #147a70; font-weight: bold; padding-bottom: 15px; padding-top: 20px;}
.price {}
.price h6 { font-size: 24px; color: #147a70; text-transform: uppercase; font-weight: bold;}
.rub { text-decoration: line-through;}
.old_price { text-align: right; font-size: 22px; padding-right: 10px;}
.old_price .fa { font-size: 18px;}
.new_price { font-size: 24px; padding-bottom: 3px;}
.new_price span { color: #f53636; font-size: 36px; font-weight: bold;}
.new_price .fa {color: #f53636; font-size: 36px;}
.mounting { font-size: 24px;}
.delivery {color: #f53636; font-size: 20px; padding-top: 8px;}

.button_order { background: url(../images/button_order.gif) left top no-repeat; width: 202px; height: 89px;}
.button_order a { background: url(../images/button_order_arrow.png) 23px 28px no-repeat; display: block;  width: 202px; height: 89px; text-decoration: none; color: #fff;  font-size: 24px; padding-left: 62px; padding-top: 16px;}
.button_order a span { font-size: 28px; display: block; font-weight: bold; text-transform: uppercase;}


.button_order_big { background: url(../images/button_order_2.gif) left top no-repeat; width: 431px; height: 55px; margin-bottom: 35px;}
.button_order_big a { background: url(../images/button_order_arrow.png) 33px 11px no-repeat; display: block;  width: 431px; height: 55px; text-decoration: none; color: #fff;  font-size: 24px; padding-top: 11px; text-align: center;}
.button_order_big a span { font-size: 28px;  font-weight: bold; text-transform: uppercase;}


.benefits { width: 460px; text-align: center;}
.benefits li { float: left; width: 50%; line-height: 120%; font-size: 20px; text-transform: uppercase; text-align: center; padding-bottom: 8px;}
.benefits .ic { height: 67px; line-height: 67px; margin-bottom: 7px;}
.benefits .ic img { vertical-align: bottom;}
.benefits h4 { padding-bottom: 3px;}
.benefits h5 { font-size: 30px; font-weight: bold; color: #147a70; padding-bottom: 3px;}
.benefits h6 { font-size: 30px; font-weight: bold; color: #323232; padding-bottom: 30px;}
/*catalog*/


/*better*/
.better {background: url(../images/gray_bg.gif) top repeat-x; padding-top: 40px; padding-bottom: 55px;  min-width: 1000px;}
.better h3 { font-size: 55px; padding-bottom: 80px; line-height: 120%;}
.better_list {}
.better_list:after { content:''; clear: both; height: 0; font-size: 0px; line-height: 0px; display: block; margin: 0; padding: 0;}

.better_tumb { background: #ebebeb; width: 500px; height: 613px; padding-top: 32px; float: left;}
.better_tumb_green { background: url(../images/better_tumb_green.jpg) left top no-repeat;}

.better_photo { display: table-cell; width: 257px; text-align: center; vertical-align: middle;}
.better_title { display: table-cell; text-align: center;  vertical-align: middle; font-size: 36px; color: #323232; font-weight: bold; text-transform: uppercase; line-height: 120%;}
.better_title span { font-size: 60px;}
.better_tumb ul { margin-left: 50px; margin-top: 29px;}
.better_tumb li { background: url(../images/marker_red.png) left no-repeat; padding-top: 5px; padding-bottom: 5px; padding-left: 44px; font-size: 18px; line-height: 120%; margin-bottom: 9px; margin-top: 9px; padding-right: 40px;}
.better_tumb_green .better_title { color: #fff;}
.better_tumb_green .better_title span { margin-top: 5px; display: inline-block;}
.better_tumb_green li {background: url(../images/marker_white.png) left no-repeat; color: #fff;}
/*better*/

/*map*/
.gray_bg {background: url(../images/gray_bg.gif) top repeat-x;  min-width: 1000px;}
.map_container { background: url(../images/map_container.jpg) center top no-repeat; padding-top: 35px; padding-bottom: 22px;}
.map_container h3 { padding-bottom: 5px; font-size: 55px; line-height: 120%;}
.map_container h3 span { color: #138dd4;}
.map_container h6 { font-size: 18px; color: #323232; text-transform: uppercase; padding-left: 20px; padding-right: 20px; text-align: center; line-height: 120%; padding-bottom: 30px;}
.map { float: left; width: 600px;}
.map_point { width: 385px; float: right; font-size: 18px;}
.map_point h5 { color: #f53636; font-weight: bold; text-transform: uppercase; padding-bottom: 8px;}
.map_point li { padding-bottom: 6px; line-height: 130%;}
.map_container .header_contacts { padding-left: 0px; padding-top: 18px;}
.map_container .header_contacts .phone:first-child { padding-left: 0px;}
/*map*/


/*video*/
.video_container {background: url(../images/gray_bg.gif) top repeat-x; padding-top: 50px; padding-bottom: 85px;  min-width: 1000px;}
.video_container h3 { padding-bottom: 30px; font-size: 55px; line-height: 120%;}

.video { 
  position: relative; width: 850px; margin: 0 auto; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow:hidden; 
} 
.video iframe, 
.video object, 
.video embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%; 
}
/*video*/

/*contacts*/
.contacts {}
.contacts  .centermap { position: relative;}
.contacts_map { background: url(../images/contacts_map.jpg) center center no-repeat; background-size: cover; height: 566px;}
.contacts_desc { background: #252525; font-size: 16px; position: absolute; right: 0px; top: 0px; bottom: 0px; height: 566px; width: 360px; color: #a9aaaa;}
.contacts_desc .pad { padding-left: 25px; padding-right: 25px; padding-top: 13px;}
.contacts_desc .pad p { padding-bottom: 4px; line-height: 130%;}
.t_t { text-transform: uppercase;}
.contacts_desc .pad .title { padding-top: 15px;}
.contacts_desc .pad span { color: #fe9e21;}
.s22 { font-size: 22px;}
.s14 { font-size: 14px; display: block; padding-bottom: 15px;}
.contacts_desc .pad a { color: #138dd4;}
/*contacts*/

/*footer*/
footer { border-top: 5px solid #0f79c3; margin-top: 4px; height: 116px; padding-top: 16px; color: #959595; position: relative;}
footer .centermap { width: 900px;}
.footer_logo { position: absolute; left: 50%; margin-left: -87px; top: -100px;}
.copy { float: left; text-transform: uppercase;}
.site { float: right;}
.site a { color: #9a9898;}
/*footer*/

/*popup*/
.popup { background: url(../images/popup_bg.jpg) center top no-repeat; background-color: #f6a106; width: 456px; height: 576px; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; padding-top: 240px; position: fixed;}
.popup .form { margin: 0px auto; float: none; border: 3px solid #ffffff; -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius: 4px; height: auto; }

.hidden-block {display: none;}
#cboxClose { background: url(../images/popup_close.gif) left top no-repeat; width: 47px; height: 47px; position: absolute; right: 16px; top: 16px; font-size: 0px; border: none;}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; border: none !important;}
#cboxOverlay{position:fixed; width:100%; height:100%;  background: #000000; border: none;}
#cboxWrapper { position: fixed;top: 50%; margin-top: -288px; left: 50%; margin-left: -228px;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;border: none;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;border: none;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*popup*/

/*ok*/
.thx { text-align: center; position: relative; z-index: 1; padding-top: 90px;}
.thx h3 { font-size: 48px; color: #df7e0b; font-weight: bold; padding-bottom: 10px;}
.thx h4  { font-size: 35px;}
.feedback_page {}
.feedback_page header { border-bottom: 1px solid  #333;}

.off_dealer { display: none; font-size: 20px; color: #000; padding-left: 15px; padding-top: 0px; margin-top: -6px; padding-bottom: 0px; font-weight: bold;}

.winter .first_block { background: url(../images/first_block_winter.jpg) center top no-repeat;}
.winter nav { background: #00aeef;}