html, body {
/*height: 100%;*/
margin: 0;
padding: 0;
}
body {
font-family: 'PT Sans', sans-serif;
/*font-family: 'PT Sans Caption', sans-serif;*/
/*font-weight: 400; */
/*font-weight: 700; */
font-size: 15px;
background: url("./images/garden_house_bg.jpg") no-repeat scroll 0 0 #fff;
color: #000;
}
.logo{
display: table;
position: relative;
margin: 0 auto;
height: 105px;
/*width: 1160px;*/
width: 960px;
padding: 0 100px;
background-color: #acd7fa;
}
.menu{
display: block;
position: relative;
margin: 0 auto;
padding: 0;
height: 60px;
width: 960px;
padding: 0 100px;
/*background-color: #ddd7fa;*/
background-color: #fff;
}
.menu ul{
width: 960px;
margin: 0;
padding: 0;
overflow: hidden;
text-align: justify;
}
.menu ul:after {
content: ".";
margin-left: 100%;
display: inline-block;
}
.menu ul li{
display: inline-block;
height: 35px;
margin-top:20px;
}
.menu ul li a{
color: #fff;
text-transform: uppercase;
color: #0b6fad;
font-size: 15px;
font-weight: bold;
}
.menu ul li a:hover, .menu ul li.current a{
text-decoration: none;
}
.ilogo{
display: block;
position: relative;
float: left;
width: 156px;
margin: -10px 40px 0 0;
}
.logo div ul {
list-style-type: none;
margin: 0 0 0 20px;
padding: 0;
}
.logo div ul li{
list-style-type: none;
font-weight: bold;
}
.logo div ul li:first-child {
margin:0 0 7px 0;
}
.logo div ul li img{
vertical-align: middle;
margin: 0 3px 0 0;
}
.logo div input{
background-color: #0b6fad;
border: none;
width: 150px;
height: 48px;
float: right;
color: #fff;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
}
.imail{
/*font-family: 'Times New Roman', sans-serif;*/
font-size: 17px;
color: #000;
}
.slogan{
display: block;
position: relative;
float: left;
width: 240px;
margin: 0 20px 0 0;
line-height: 17px;
color: #000;
text-decoration: none;
}
.slogan span.ten{
display: block;
float: left;
font-size: 36px;
font-weight: bold;
margin: 0 5px 0 0;
line-height: 36px;
}
.logo>div{
display: table-cell;
vertical-align: middle;
}
.cont::before, .cont::after, .wrpslider::before, .wrpslider::after, .mod3::before, .mod3::after, .mod32::before, .mod32::after, .mod4::before, .mod4::after{
content: " ";
display: table;
}
.cont::after, .wrpslider::after, .mod3::after, .mod32::after, .mod4::after{
clear: both;
}
.mod32{
display: block;
position: relative;
width: 960px;
margin: 10px 0 10px -5px;
padding: 0;
text-align: center;
}
.mod32>div{
display: block;
position: relative;
width: 315px;
float: left;
margin: 0 0 5px 5px;
text-align: center;
}
.mod32 .prd{
display: block;
position: absolute;
left: 0px;
bottom: 10px;
z-index: 33;
width: 315px;
}
.mod32 .prd .nme a{
display: block;
font-size: 24px;
font-weight: bold;
color: #fff;
margin-left: 20px;
text-align: left;
}
.mod32 .prd .sqr{
display: block;
float: left;
font-size: 15px;
font-weight: bold;
color: #fff;
margin-left: 20px;
}
.mod32 .prd .prc{
display: block;
float: right;
font-size: 15px;
font-weight: bold;
color: #bbd915;
margin-right: 20px;
}
.mod32 .prd .prc span{
color: #fff;
text-decoration: line-through;
}
.linedat{
display: block;
position: relative;
border-top: 2px solid #acd7fa;
margin-top:50px;
}
.mes{
display: block;
width: 940px;
position: absolute;
top:-15px;
left: 0;
padding: 5px 10px;
font-size: 15px;
font-weight: bold;
margin:0;
color: #acd7fa;
text-transform: uppercase;
text-align: center;
}
.mes span{
background-color: #fff;
padding:0 10px;
}
.mod32 > div > div {
bottom: 0;
display: block;
height: 90px;
left: 0;
line-height: 117px;
position: absolute;
width: 315px;
z-index: 10;
}
.mod32 div .shd{
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 315px;
height: 90px;
background: url("./images/shadfoto.png") no-repeat scroll 0 0 transparent;
z-index: 2;
}
.mod32 div p{
display: none;
}
.fronmod32 div p{
display: block;
position: absolute;
width: 315px;
left: 0;
bottom: 50px;
z-index: 999;
}
.fronmod32 div p a{
display: block;
position: absolute;
width: 315px;
left: 0;
bottom: -45px;
z-index: 999;
font-size: 18px;
color: #fff;
}
.mod32>div>div a{
display: block;
width: 315px;
font-size: 18px;
color: #fff;
z-index: 10;
}
.mod32 div:first-child {
padding: 0;
}
.mod4{
display: table;
width: 956px;
margin: 0 0 30px 0;
}
.mod4>div{
display: table-cell;
width: 239px;
vertical-align: top;
padding: 0;
text-align: center;
}
.mod4>div h3{
font-size: 18px;
}
.mod4>div p{
margin: 0 40px;
}
.mod3{
display: table;
width: 100%;
}
.mod3>div{
display: table-cell;
width: 33.3%;
vertical-align: top;
padding: 0 0 0 20px;
}
.mod3 div:first-child {
padding: 0;
}
.mod3 h3 a {
color: #0b6fad;
font-size: 18px;
}
.mod3 p.ah3 a {
display: block;
color: #0b6fad;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
}
.mod3 p a {
color: #000;
text-decoration: none;
}
.mod3 p.date a {
color: #999999;
font-size: 13px;
text-decoration: none;
}
.mod3 p.date {
margin-bottom: 0;
}
h2 {
text-align: left;
font-size: 24px;
text-transform:uppercase;
margin: 30px 0 10px;
}
h2 a{
color: #000;
}
h1 {
text-align: center;
font-size: 30px;
text-transform:uppercase;
margin: 0 0 10px;
}
h1 a{
color: #000;
}
.cont{
width: 960px;
margin: 0 auto;
background-color: #fff;
padding: 20px 100px 0 100px;
}
.wrpslider{
display: block;
position: relative;
width: 960px;
/*height: 430px;*/
margin: 0 auto;
background-color: #fff;
padding: 0 100px 21px 100px;
overflow: hidden;
}
.wrpslider2{
display: block;
position: relative;
width: 1160px;
/*height: 430px;*/
margin: 0 auto;
background-color: #fff;
padding: 0 0 21px 0;
overflow: hidden;
}
.wsl{
display: block;
position: relative;
width: 752px;
height: 480px;
margin: 0 auto;
padding: 0;
/*overflow: hidden;*/
z-index: 10;
}
.wsl2{
display: block;
position: relative;
width: 1160px;
height: 650px;
margin: 0 auto;
padding: 0;
/*overflow: hidden;*/
z-index: 10;
}
.wrpslider .slider{
display: block;
position: relative;
width: 752px;
height: 480px;
margin: 0 auto;
padding: 0;
/*overflow: hidden;*/
}
.wrpslider2 .slider2{
display: block;
position: relative;
width: 1160px;
height: 650px;
margin: 0 auto;
padding: 0;
/*overflow: hidden;*/
}
.wrpslider .slid{
display: block;
position: relative;
float: left;
width: 752px;
height: 480px;
margin: 0;
padding: 0;
}
.wrpslider2 .slid2{
display: block;
position: relative;
float: left;
width: 1160px;
height: 650px;
margin: 0;
padding: 0;
}
.lshadow{
display: block;
position: absolute;
width: 133px;
height: 480px;
left: 0;
top: 0;
margin: 0;
background: url("./images/s-left.png") no-repeat scroll 0 0 transparent;
}
.rshadow{
display: block;
position: absolute;
width: 133px;
height: 480px;
right: 0;
top: 0;
background: url("./images/s-right.png") no-repeat scroll 0 0 transparent;
}
.wrpslider .slid .pic{
display: block;
margin: 0 5px;
}
.wrpslider2 .slid2 .pic{
display: block;
margin: 0;
}
.wrpslider2 .slid2 .pic img{
display: block;
margin: 0 auto;
}
.wrpslider .slid .txt{
display: block;
position: absolute;
width: 752px;
bottom: 30px;
left: 0;
text-align: center;
font-size: 30px;
color: #fff;
font-weight: bold;
}
.wrpslider2 .slid2 .txt{
display: block;
position: absolute;
width: 1160px;
bottom: 30px;
left: 0;
text-align: center;
font-size: 30px;
color: #fff;
font-weight: bold;
}
.wrpslider .slid .txt a{
color: #fff;
}
.wrpslider2 .slid2 .txt a{
color: #fff;
}
.footer{
width: 960px;
margin: 0 auto;
background-color: #005690;
padding: 0 100px;
height: 610px;
background: url("./images/pat.png") repeat scroll 0 0 #005690;
}
.fl{
display: block;
float: left;
color: #6cb0da;
}
.fl a{
color: #6cb0da;
}
.fr{
display: block;
float: right;
color: #6cb0da;
}
.fr a{
color: #6cb0da;
}
.footer ul{
display: table;
width: 800px;
margin: 0 auto;
padding: 60px 0 30px;
list-style-type: none;
}
.footer ul li{
display: table-cell;
font-size: 21px;
color: #fff;
font-weight: bold;
width:33.3%;
}
.footer ul li a{
/*font-family: 'Times New Roman', sans-serif;*/
color: #fff;
}
.footer ul li span{
display: block;
color: #6cb0da;
font-size: 13px;
font-weight: normal;
}
/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
left: 0;
background: #fff;
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
color: #666;
font-family: Arial;
font-size: 0.85em;
font-weight: bold;
padding-top: 20px;
text-align: center;
background-color: #fff;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
/*background: #ffffff;*/
text-indent: -9999px;
display: block;
width: 7px;
height: 7px;
margin: 0 5px;
outline: 0;
background: url(images/dot.png) no-repeat 0 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
/*background: #DB6511;*/
background: url(images/dot.png) no-repeat -7px 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: -30px;
background: url(images/left-dp.png) no-repeat 0 0;
}
.bx-wrapper .bx-next {
right:-30px;
background: url(images/right-dp.png) no-repeat 0 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -30px;
outline: 0;
width: 60px;
height: 60px;
text-indent: -9999px;
z-index: 666;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
.wp-pagenavi{
display: block;
text-align: center;
margin: 40px 20px;
font-weight: bold;
font-size: 15px;
}
.wp-pagenavi .current{
display: inline-block;
width: 30px;
height: 30px;
border:2px solid #eeeeee;
margin: 0 5px 0 0;
vertical-align: middle;
line-height: 30px;
}
.wp-pagenavi .page{
display: inline-block;
width: 30px;
height: 30px;
border:2px solid #007ac5;
margin: 0 5px 0 0;
vertical-align: middle;
line-height: 30px;
}
.wp-pagenavi .page:hover{
border:2px solid #eeeeee;
}
.cont ul.broad{
list-style-type: none;
display: block;
margin: 0 0 20px 0!important;
padding: 0;
text-align: center;
}
.cont ul.broad li::before{
content: ">";
font-size: 13px;
margin:0 5px;
color: #888888;
}
.cont ul.broad li:first-child:before{
content: "";
margin:0;
}
ul.broad li{
display: inline-block;
}
.cont ul.broad li a{
display: inline-block;
color: #888888;
font-size: 13px;
text-decoration: none;
border: none;
}
.cont ul.broad li a:hover{
text-decoration: underline;
}
.cont ul.broad::after{
clear: both;
}
.cont .navig > div > ul > li::before {
content: " ";
margin: 0;
}
.cont .navig > div > ul > li a {
border: none;
}
.wrapmap{
display: block;
position: relative;
float: right;
width: 560px;
height: 560px;
}
.wrpcnt ul{
font-size: 24px;
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0;
}
.cont .wrpcnt ul li::before {
content: " ";
margin: 0;
}
.wrpcnt ul li img{
margin: 0 5px 0 0;
}
.wrpcnt{
/* display: block;
position: relative;
float: left;*/
display: table-cell;
width: 380px;
padding: 0 20px 100px 0;
font-size: 18px;
vertical-align: bottom;
}
.wrpcell{
display: table-cell;
vertical-align: bottom;
padding: 0 0 110px 0;
}
.wrpcnt form{
display: block;
width: 350px;
}
form input[type="text"] {
border: none;
border-top:2px solid #e7e7e7;
font-size: 14px;
height: 30px;
padding: 10px;
width: 200px;
margin: 5px 0;
background-color: #f3f3f3;
border-radius: 3px;
font-family: 'PT Sans', sans-serif;
}
-webkit-input-placeholder {color:#999999;}
-moz-placeholder {color:#999999;}
-moz-placeholder {color:#999999;}
-ms-input-placeholder {color:#999999;}
.vopros form textarea {
border: none;
padding: 10px;
width: 250px;
background-color: #f3f3f3;
border-top:2px solid #e7e7e7;
font-size: 14px;
font-family: 'PT Sans', sans-serif;
}
form input[type="submit"] {
background-color: #0b6fad;
border: medium none;
color: #fff;
font-size: 11px;
font-weight: bold;
height: 48px;
text-transform: uppercase;
width: 150px;
margin: 10px 0;
cursor: pointer;
}
#errorname, #errortel, #errorvopros{
margin: 0 0 0 10px;
}
.wrpgal{
display: block;
position: relative;
margin: 0;
padding: 0;
}
.moregal{
display: block;
margin: 20px 0;
text-align: center;
}
.moregal a{
display: inline-block;
font-size: 13px;
font-weight: bold;
border: 2px solid #0b6fad;
width: 134px;
height: 42px;
text-decoration: none;
text-transform: uppercase;
color: #0b6fad;
line-height: 42px;
}
.prj{
display: table;
width: 960px;
margin-top:20px;
}
.prj>div{
display: table-cell;
vertical-align: top;
text-align: center;
}
.wrpmgall{
display: block;
position: relative;
width: 480px;
margin: 0;
padding: 0;
}
.wrpmgall .bx-wrapper{
overflow: hidden;
}
.bigpic{
display: block;
width: 480px;
height: 306px;
overflow: hidden;
margin-bottom: 3px;
}
.bigpic img{
/*width: 100%;*/
width: 480px;
height: auto;
border:none;
}
.prgall{
display: block;
position: relative;
width: 480px;
margin-right: -12px;
}
.prgall div {
margin-left: 10px;
}
/* .prgall div:first-child{
margin-left: 0;
}*/
.prgall div img {
height: 64px;
width: 110px;
}
.prgall2{
display: block;
position: relative;
width: 480px;
height: 101px;
overflow: hidden;
}
.notprgall{
display: block;
position: relative;
width: 500px;
height: 101px;
overflow: hidden;
margin: 0 0 0 -5px;
}
.notprgall>div{
display: block;
position: relative;
float: left;
width: 157px;
margin: 0 0 0 5px;
}
.notprgall>div>img{
width: 158px;
}
.prgall>div{
display: block;
position: relative;
float: left;
}
.flagmangall{
display: block;
position: relative;
}
.flagmangall .wrpmgall {
width: 480px;
height: 300px;
overflow: hidden;
}
.flagmangall .wrpmgall .prgall {
display: block;
position: relative;
width: 480px;
height: 300px;
}
.flagmangall .wrpmgall .prgall > div {
display: block;
float: left;
position: relative;
margin: 0;
padding: 0;
width: 480px;
height: 300px;
overflow: hidden;
}
.flagmangall .wrpmgall .prgall > div a{
display: block;
position: relative;
width: 480px;
height: 300px;
}
.flagmangall .wrpmgall .prgall div img {
height: auto;
width: 480px;
vertical-align: middle;
}
.flagmangall .bx-wrapper .bx-pager {
background-color: transparent;
}
.flagmangall .bx-wrapper .bx-pager, .flagmangall .bx-wrapper .bx-controls-auto {
bottom: -7px;
position: absolute;
width: 100%;
}
.wrpmgall .bx-wrapper .bx-controls-direction a {
height: 300px;
margin-top: -11px;
outline: 0 none;
position: absolute;
text-indent: -9999px;
top: 150px;
width: 11px;
z-index: 6000;
}
.wrpmgall .bx-wrapper .bx-prev {
/*background: rgba(0, 0, 0, 0) url("images/mgleft.png") no-repeat scroll 0 0;*/
left: 0;
}
.wrpmgall .bx-wrapper .bx-next {
/*background: rgba(0, 0, 0, 0) url("images/mgright.png") no-repeat scroll 0 0;*/
right: 0;
}
.komplekt{
display: block;
position: relative;
margin: 30px -100px 0 -100px;
padding: 30px 150px 30px 150px;
background-color: #eeeeee;
}
.komplekt h2{
margin-top:0;
}
.prj table{
border: none;
width: 100%;
margin: 30px 0 0 0;
padding: 30px 0 0 0;
border-top: 2px solid #eeeeee;
}
.prj table p{
margin:0;
}
.prj table tr td{
vertical-align: top;
height: 30px;
}
.prj table tr td:first-child{
width: 220px;
font-weight: bold;
}
.prj .kvm {
font-size: 30px;
font-weight: bold;
/*float: left;*/
margin: 0 20px 0 0;
display: inline-block;
}
.prj .komn {
font-size: 30px;
font-weight: bold;
/*float: right;*/
margin: 0 0 0 0;
display: inline-block;
}
.prj div .wrpmgall .bx-wrapper{
margin: 0 auto;
}
.prj div .wrpmgall .bx-wrapper .bx-viewport{
height: 110px;
}
.pplan{
display: block;
text-align: center;
margin: 20px 0 0 0;
clear: both;
padding-bottom: 20px;
/*border-bottom: 2px solid #eeeeee;*/
}
.pplan a{
color: #000;
}
.komplekt table {
border: none;
width: 100%;
}
.komplekt table p{
margin-top:0;
}
.komplekt table tr td{
vertical-align: top;
}
.komplekt table tr td:first-child{
width: 200px;
font-weight: bold;
}
.rasta input{
background-color: #0b6fad;
border: none;
width: 150px;
height: 48px;
float: right;
color: #fff;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
margin: 0 50px;
cursor: pointer;
}
.rasta .rprc{
display: block;
float: left;
margin: 0 0 0 50px;
font-size: 36px;
font-weight: bold;
}
.rasta .rtxt{
display: block;
float: left;
margin: 0 50px;
width: 200px;
}
.picto3{
display: block;
position: relative;
margin: 30px 0 30px -20px;
text-align: center;
}
.picto3 > div {
background-color: #e5eff5;
display: inline-block;
font-size: 13px;
height: 150px;
margin-left: 10px;
padding: 0 5px;
position: relative;
text-align: center;
vertical-align: top;
width: 110px;
}
.picto3>div img{
display: block;
margin: 15px auto 0;
}
.picto3>div b{
display: block;
text-transform: uppercase;
font-weight: bold;
}
.picto3::before, .picto3::after{
content: " ";
display: table;
}
.picto3::after{
clear: both;
}
.rasta{
display: block;
position: relative;
margin: 30px 0;
border: 2px solid #eeeeee;
padding: 30px;
}
.rasta::before, .rasta::after{
content: " ";
display: table;
}
.rasta::after{
clear: both;
}
.navig{
display: table;
width: 954px;
border: 1px solid #eeeeee;
margin: 20px 0;
}
.navig h2{
display: inline-block;
margin: 10px 0;
text-align: center;
margin-left:10px;
text-transform: none;
}
.navig>div{
display: none;
vertical-align: top;
border: 1px solid #eeeeee;
padding: 10px 10px;
text-align: center;
}
.navig>div>ul{
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
.navig>div>ul>li a{
text-decoration: underline;
}
.navig>div.firstk{
width: 615px;
}
.navig>div.sekk{
}
.navig>div ul li a{
color: #000;
display: block;
margin: 10px 0;
font-size: 14px;
text-align: left;
}
.navig>div ul li a img{
margin-right: 5px;
vertical-align: middle;
}
.navig>div ul li a:hover{
text-decoration: none;
}
.navig>div ul li.current a{
font-weight: bold;
text-decoration: none;
}
.modprj{
display: block;
position: relative;
width: 960px;
margin: 10px 0 10px -5px;
padding: 0;
text-align: center;
}
.gallerywrp{
display: block;
position: relative;
width: 960px;
margin: 10px 0 10px -5px;
padding: 0;
text-align: center;
}
.gallerywrp>div{
display: block;
position: relative;
width: 315px;
height: 315px;
float: left;
margin: 0 0 5px 5px;
text-align: center;
overflow: hidden;
}
.modprj>div{
display: block;
position: relative;
width: 315px;
float: left;
margin: 0 0 0 5px;
text-align: center;
}
.modprj div div .prd{
display: block;
position: absolute;
left: 0px;
bottom: 10px;
z-index: 33;
width: 315px;
}
.modprj div div {
display: block;
position: relative;
padding: 0 0 5px 0;
}
.modprj div div a.imm{
display: block;
position: relative;
width: 315px;
height: 315px;
}
.modprj div div .prd .nme a{
display: block;
font-size: 24px;
font-weight: bold;
color: #fff;
margin-left: 20px;
text-align: left;
}
.modprj div div .prd .sqr{
display: block;
float: left;
font-size: 15px;
font-weight: bold;
color: #fff;
margin-left: 20px;
}
.modprj div div .prd .prc{
display: block;
float: right;
font-size: 15px;
font-weight: bold;
color: #bbd915;
margin-right: 20px;
}
.modprj div div .prd .prc span{
color: #fff;
text-decoration: line-through;
}
.modprj div div .shd{
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 315px;
height: 90px;
background: url("./images/shadfoto.png") no-repeat scroll 0 0 transparent;
}
.modprj div div p a{
font-size: 18px;
color: #fff;
}
.modprj>div:first-child {
padding: 0;
}
.modprj::before, .modprj::after{
content: " ";
display: table;
}
.modprj::after{
clear: both;
}
.prj div table{
border: none;
margin: 20px 0 0 0;
}
.prj div table tr td:first-child, .prj div table tr td, .prj div table tr, .prj div table tr:first-child, .prj table tr:first-child td {
border:none!important;
text-align: left;
padding: 0;
width: auto;
}
.cont table{
width: 100%;
margin: 30px 0;
border: 2px solid #eeeeee;
border-collapse: collapse;
}
/*.cont table tr:first-child td {
border-bottom: 2px solid #eeeeee;
font-weight: bold;
text-transform: uppercase;
}*/
.cont .komplekt table tr:first-child td {
border-bottom: 2px solid #eeeeee;
font-weight: normal;
text-transform: none;
}
/*.cont table tr td:first-child {
border-right: 2px solid #eeeeee;
}*/
.cont table tr td {
border: 1px solid #eeeeee;
padding: 10px;
}
.cont ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.cont ul ul {
padding: 0 0 0 15px;
}
.cont ul li::before {
content: "—";
margin: 0 3px 0 0;
color: #0b6fad;
}
.cont .contmenu ul li::before {
content: "—";
margin: 0 3px 0 0;
display: inline;
}
.cont .contmenu ul li {
margin-bottom: 20px;
margin-left: 10px;
}
.cont .contmenu ul ul {
margin-top: 20px;
}
/*.cont .contmenu ul li a{
margin-bottom: 20px;
}*/
.cont ul li {
margin: 0 0 6px;
}
.cont ul li a{
display: inline;
color: #0b6fad;
text-decoration: none;
border-bottom: 1px solid #b1c8dd;
padding-bottom: 1px;
}
.cont .contmenu{
display: block;
position: relative;
width: 240px;
float: right;
margin-top:30px;
}
.contos{
display: block;
position: relative;
float: left;
width: 720px;
}
.aligncenter {
display: block;
margin: 10px auto;
}
.cont img {
max-width: 100%;
}
.wp-caption-text {
color: #999999;
font-size: 12px;
text-align: left;
}
.alignright {
display: block;
float: right;
margin: 0 0 20px;
}
.alignleft {
display: block;
float: left;
margin: 0 20px 0 0;
}
.breadcrumbs{
display: block;
position: relative;
margin: 10px 0;
text-align: center;
color: #888888;
font-size: 13px;
}
.breadcrumbs span a{
color: #888888;
text-decoration: none;
}
.breadcrumbs span a:hover{
text-decoration: underline;
}
.breadcrumbs .divider{
margin: 0 3px;
}
#formvopros, #formzakaz{
width: 300px;
border-radius: 3px;
background: #fff;
position: fixed;
top: 45%;
left: 50%;
margin-top: -150px;
margin-left: -150px;
display: none;
opacity: 0;
z-index: 9999;
padding: 10px 10px;
/* border:1px solid #000;*/
}
#formvopros form, #formzakaz form{
display: block;
margin: 30px 0 10px;
text-align: center;
}
#formvopros form input[type="submit"], #formzakaz form input[type="submit"]{
width: auto;
}
#formvopros form input, #formzakaz form input{
display: block;
margin: 10px auto;
}
#overlay {
z-index: 999;
position: fixed;
background-color: #000;
opacity: 0.8;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
display: none;
}
.close{
display: block;
position: absolute;
top:10px;
right: 10px;
color: red;
cursor: pointer;
text-decoration: underline;
}
.postalert{
display: none;
text-align: center;
clear: both;
}
.cont>.cntimg img{
display: block;
margin: 10px auto;
}
.frt h2{
text-align: center;
}
.konttab{
display: table;
}
span.nh3{
display: block;
font-size: 18px;
text-align: center;
font-weight: bold;
}
.h1f{
font-size: 15px;
font-weight: normal;
text-align: left;
text-transform: none;
}
.navig span.ph2 {
display: inline-block;
margin: 10px 0 10px 10px;
text-align: center;
text-transform: none;
font-weight: bold;
font-size: 24px;
}
span.h333{
display: block;
font-weight: bold;
width: 300px;
margin: 20px 0;
}
span.h2k{
display: block;
font-weight: bold;
font-size: 24px;
margin: 0 0 10px;
text-align: center;
text-transform: uppercase;
}
span.h2an{
display: block;
font-size: 24px;
margin: 30px 0 10px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
{
}
.mod3 p.n3s a {
color: #0b6fad;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
}
.navig>div.firstk>ul>li{
display: block;
float: left;
width: 33.3%;
margin: 0;
padding: 0;
text-align: left;
text-align: center;
}
.navig>div.sekk>ul>li{
display: block;
float: left;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
ul.subp li{
display: block;
float: left;
margin: 0;
padding: 0;
text-align: center;
width: 33.3%;
}
#maprab{
display: block;
position: relative;
width: 960px;
height: 330px;
}
.mraboty{
display: block;
position: relative;
margin: 0 auto;
}
.mraboty h2{
font-size: 16px;
text-align: center;
margin: 10px 0;
}
.mraboty img{
width: 170px;
height: auto;
margin-left: 20px;}
.dopopkomplekt table{
border: none;
}
.cont .dopopkomplekt table tr td {
background-color: #eeeeee;
}
.cont .dopopkomplekt table tr:first-child td{
background-color: #ACD7FA;
}
.cont .dopopkomplekt table tr td:first-child {
background-color: #ACD7FA;
}
.cont .dopopkomplekt table tr:first-child td:first-child{
background-color: #fff;
}
.cont .dopopkomplekt table tr td {
border: 1px solid #fff;
}
.hrb{
display: block;
position: relative;
text-align:center;
margin: 0 0 20px 0;
font-size: 21px;
color: #fff;
font-weight: bold;
}
.komn span{
display: inline-block;
font-size: 12px;
}
.prj .dmark{
display: inline-block;
margin-right: 15px;
}
.prj > div .komn span{
text-align: left;
font-weight: normal;
font-size: 13px;
}
.prj .opisanie table tr td, .prj .opisanie table tr:first-child td , .prj .opisanie table tr td:first-child{
margin: 20px 0 0 0;
border:1px solid #eeeeee!important;
padding: 10px;
}
.backprj{
display: block;
position: relative;
text-align: center;
border:2px solid #eeeeee;
min-width: 200px;
float: left;
}
.backprj a{
display: inline-block;
background-color: #fff;
text-transform: uppercase;
color: #000;
font-size: 13px;
font-weight: bold;
height: 48px;
line-height: 48px;
text-decoration: none;
padding: 0 20px;
}
.backing{
display: none;
}
.backingk{
display: none;
}
span.popppp{
margin: 20px 0;
}
.sticky-wrapper{
display: block;
/*height: 20px;*/
margin: 0 auto;
padding: 0;
position: relative;
width: 1160px;
color: #000;
z-index: 9999;
}
.floatmenu{
display: block;
height: 0;
margin: 0 auto;
padding: 0;
position: relative;
width: 1160px;
color: #000;
background-color: #ACD7FA;
text-align: center;
opacity: 0;
}
.priplyl{
height: 20px;
}
.priplyl .floatmenu{
height: 20px!important;
opacity: 1;
}
/*.wrpzakladki{
display: block;
position: relative;
width: 960px;
margin: 20px auto;
background-color: #fff;
color: #000;
min-height: 300px;
padding: 30px 0;
}*/
.wrpzakladki{
display: block;
position: relative;
/*width: 960px;*/
/*margin: 20px auto;*/
background-color: #fff;
color: #000;
/*padding: 30px 0;*/
margin: 0 -100px 0;
padding: 30px 0;
position: relative;
}
.wrpzakladki>ul{
list-style-type: none;
margin: 0 0 10px 0;
padding: 0 0 0 100px;
display: block;
position: relative;
width: 960px;
height: 36px;
}
.wrpzakladki>ul li{
list-style-type: none;
display: block;
float: left;
margin: 0 10px 0 0;
}
.wrpzakladki ul li::before {
color: #0b6fad;
content: " ";
margin: 0;
}
.wrpzakladki ul li a{
display: block;
text-decoration: none;
font-size: 15px;
font-weight: bold;
padding: 10px;
text-transform: uppercase;
color: #000;
height: 30px;
line-height: 30px;
}
.mentab{
background-color: #ACD7FA;
}
.curtab{
background-color: #EEEEEE;
}
.tab {
position: relative;
display: none;
background-color: #eeeeee;
padding: 30px 100px;
}
.tab ul li::before {
color: #0b6fad;
content: "—";
margin: 0 3px 0 0;
}
.tab ul li {
margin: 0 0 6px;
}
.tab table {
border: 2px solid #fff;
border-collapse: collapse;
width: 100%;
}
.tab table tr td {
border: 1px solid #fff;
}
.tab-open { display: block; }
.mrgdwn{
margin-bottom: 100px;
}
.brendskrovlya{
display: table;
}
.brendskrovlya>div{
display: table-cell;
vertical-align: bottom;
}
.brendskrovlya div a{
display: block;
text-align: center;
margin: 0 30px 0 0;
padding: 0 0 20px 0;
}
.brendskrovlya div a.currentbrand{
background: url("http://ghouse.by/images/currrr.png") no-repeat scroll 50% 100% transparent;
}
.brendskrovlya div span{
display: block;
margin: 10px 0 0 0;
}
.mkol {
display: block;
position: relative;
width: 185px;
height: 185px;
}
.mkol img{
width: 185px;
height: 185px;
}
.mkol span{
display: block;
position: absolute;
left: 0;
bottom: 20px;
text-align: center;
width: 185px;
color: #fff;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
z-index: 999;
}
.wrpallbrnd{
display: block;
background-color: #EEEEEE;
margin: 0 -100px 20px -100px;
padding: 20px 0;
}
.kolzag{
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
margin: 10px 0 20px 100px;
}
.brandzag{
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
margin: 10px 0 20px 0;
}
.wrpkoll{
display: block;
position: relative;
width: 960px;
margin-left: 93px;
}
.wrpkoll>div{
display: block;
float: left;
width: 185px;
height: 185px;
margin: 0 0 7px 7px;
}
.oband{
display: table;
width: 960px;
}
.oband>div{
display: table-cell;
vertical-align: middle;
}
.fobend{
text-align: left;
width: 720px;
}
.fobend img{
float: left;
margin: 0 auto 0!important;
}
.sobend{
border-top: 3px solid #eeeeee;
border-right: 3px solid #eeeeee;
border-bottom: 3px solid #eeeeee;
}
.downloadpdf{
display: block;
text-align: center;
}
.downloadpdf a img{
display: block;
margin: 0;
padding: 0;
}
.downloadpdf a{
display: inline-block;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 18px;
color: #0b6fad;
}
.downloadpdf a span{
display: block;
font-size: 12px;
font-weight: normal;
color: #999999;
}
.sdb {
background: transparent url("http://ghouse.by/images/bgbgbg.png") no-repeat scroll 0 0;
bottom: 0;
display: block;
height: 89px;
left: 0;
position: absolute;
width: 185px;
}
.wmtab{
display: table;
width: 100%;
}
.wmtab>div{
display: table-cell;
vertical-align: bottom;
}
.wwwr{
display: block;
position: relative;
/*width: 960px;*/
padding: 10px 0;
margin: 0 -100px 20px -100px;
background-color: #eeeeee;
}
.wrpsldkrv{
display: block;
position: relative;
width: 960px;
}
.wwr{
display: block;
position: relative;
margin: 20px auto;
width: 747px;
height: 480px;
overflow: hidden;
}
.bx-prev{
display: block;
position: absolute;
top:240px;
left:80px;
text-indent: -9999px;
width: 21px;
height: 41px;
background: url("http://ghouse.by/images/left-collect.png") no-repeat scroll 0 0 transparent;
z-index: 666;
}
.bx-next{
display: block;
position: absolute;
top:240px;
right:80px;
text-indent: -9999px;
width: 21px;
height: 41px;
background: url("http://ghouse.by/images/right-collect.png") no-repeat scroll 0 0 transparent;
z-index: 666;
}
.logbrnd{
display: block;
position: relative;
float: right;
}
.menukrovla{
display: block;
text-align: left;
/*float: left;*/
margin: 0;
}
.menukrovla a.apager {
display: block;
position: relative;
float: left;
margin-right: 20px;
color: #0b6fad;
display: inline;
padding-bottom: 20px;
text-decoration: none;
}
.menukrovla a.active{
display: block;
position: relative;
float: left;
margin-right: 20px;
color: #0b6fad;
display: inline;
padding-bottom: 20px;
text-decoration: none;
background: url("http://ghouse.by/images/currrr.png") no-repeat scroll 50% 100% transparent;
}
.menukrovla a.active span{
border-bottom: none!important;
}
.menukrovla a.apager span {
border-bottom: 3px dotted #0b6fad;
padding-bottom: 1px;
}
span.aakt{
display: block;
position: absolute;
top:0;
right: 0;
background: url("http://ghouse.by/images/action.png") no-repeat scroll 0 0 transparent;
width: 150px;
height: 59px;
}
.pplanup{
display: block;
position: relative;
border: 2px solid #0b6fad;
margin: 0 0 16px 0;
padding: 10px;
}
.pplanup a{
text-transform: uppercase;
color: #0b6fad;
font-size: 13px;
text-decoration: none;
font-weight: bold;
}
.dopopkomplekth{
display: block;
text-align: center;
font-size: 24px;
text-transform: uppercase;
font-weight: bold;
}
.picto2{
display: block;
position: relative;
margin: 30px 0 30px 0;
}
.picto2>div{
display: block;
position: relative;
width: 110px;
height: 135px;
text-align: center;
float: left;
/*margin-left: 20px;*/
background-color: #fff;
font-size: 13px;
padding: 0 5px 10px 0;
}
.picto2>div img{
display: block;
margin: 15px auto 0;
}
.picto2>div b{
display: block;
text-transform: uppercase;
font-weight: bold;
}
.picto1{
display: block;
position: relative;
margin: 30px -5px 30px 0;
}
.picto1>div{
display: block;
position: relative;
width: 110px;
height: 135px;
text-align: center;
float: left;
/*margin-left: 20px;*/
background-color: #fff;
font-size: 13px;
padding: 0 10px 10px 0;
}
.picto1>div img{
display: block;
margin: 15px auto 0;
}
.picto1>div b{
display: block;
text-transform: uppercase;
font-weight: bold;
}
.flagmanpic img{
width: 480px;
height: auto;
border:none;
}
.tppr{
font-size: 18px;
font-weight: bold;
margin: 12px 0;
text-align: left;
}
.textwidget img{
vertical-align: middle;
margin-right: 3px;
}
.navig > div.rabotycell {
display: table;
width: 954px;
}
.navig .rabotycell>div {
display: table-cell;
width: 318px;
vertical-align: top;
text-align: left;
}
.navig .rabotycell>div a {
color: #000;
display: block;
font-size: 14px;
margin: 10px 0;
text-align: left;
text-decoration: underline;
}
.navig .rabotycell>div a img {
margin-right: 5px;
vertical-align: middle;
}
.navig .rabotycell .current a {
font-weight: bold;
text-decoration: none;
}
.wrpslider2 > video {
display: none;
/*height: 650px;*/
left: 0;
position: absolute;
top: 0;
width: 1160px;
z-index: 1;
}
.wsl2 .bx-wrapper .bx-viewport {
background: transparent none repeat scroll 0 0;
}
.wrpslider2 > video.letssee{
display: block;
}
.clearb{
clear: both;
}
span.hit {
background: transparent url("http://ghouse.by/images/hit.png") no-repeat scroll 0 0;
display: block;
height: 59px;
position: absolute;
right: 0;
top: 0;
width: 150px;
}