


/* СТРАНИЦА ПРОДУКТА */


.content {padding-bottom: 110px;}

.content h1 {padding-bottom: 10px;}
.content  .block-subtitle {font-size: 30px; padding: 0 0 16px 0; line-height: 1.3; color: #11B8E3; font-family: 'Geometria Bold', Tahoma, Verdana;margin-top: -20px;}
/*
.content h2 {text-align: left; font-size: 30px; padding: 0 0 20px 0;}
*/
.content h2.price-title {/*font-size: 40px;*/ padding: 0 0 40px 0;}
.content h2.price-title span{white-space: nowrap;}
/*
.content .text-block {padding: 0 0 40px 0;}
.content .text-block p {font-size: 17px; line-height: 1.6; margin: 0; padding: 0 0 10px 0; color: #4c4c4c;}
*/
.products-prices {position: relative; padding: 0 0 40px 0;}
.products-prices .item {position: relative; margin: 0 0 60px 0; min-height: 220px; padding: 0 0 0 260px;}
.products-prices .model-box {position: absolute; left: -20px; width: 220px; padding: 10px 20px 0 0; margin: 0 40px 0 0; z-index: 991;}
.products-prices .model-box .model {position: absolute; right: 0; top: 0; width: 72px; padding: 27px 0 25px; text-align: center; font-size: 20px; font-family: 'Geometria Bold', Tahoma, Verdana; background: url('../img/sprite.png') -230px -3px no-repeat;}
.products-prices .model-box .button {opacity: 0.8; position: absolute; left: 50%; top: 85px; width: 180px; margin: 0 0 0 -90px; height: 48px; background: transparent; font-family: 'Geometria Bold', Tahoma, Verdana; font-size: 18px; /*letter-spacing: 0.3px;*/ text-align: center; border: 2px solid #F8DA19; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-appearance:none; webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;text-shadow: 1px 1px 1px #FFF;}
.products-prices .model-box .button:hover {background-color: #F8DA19;}
.products-prices .model-box .price {opacity: 0.8; position: absolute; left: 50%; top: 140px; width: 180px; margin: 0 0 0 -90px; text-align: center; font-size: 18px; text-shadow: 1px 1px 1px #FFF; -webkit-appearance:none; webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.products-prices .model-box .price .pricep {margin: 0px 0px 5px;border-radius: 5px;padding: 7px 5px;background-color: #F8DA19;border: 2px solid #F8DA19;}
.products-prices .model-box .price span {display: block;font-size: 12px;}

.products-prices .model-box.luck .button {left: 250%; top: 155px}
.products-prices .model-box.luck .price {left: 150%; top: 155px}


.products-prices .item:hover .button{cursor: pointer;}
.products-prices .item:hover .button.bg{opacity: 0.3;background-color: #F8DA19;}
.products-prices .item:hover .model-box .model {background-position: -145px -3px; text-shadow: 1px 1px 1px #bff2ff;}
.products-prices .item:hover .model-box img {-webkit-filter: blur(2px); filter: blur(2px);}
.products-prices .item:hover .model-box.luck img {-webkit-filter: blur(0px); filter: blur(0px);}
.products-prices .item:hover .model-box .button, 
.products-prices .item:hover .model-box .price {opacity: 1.0;}

.products-prices .chars-box {position: relative; padding: 0 0 0px 0;}
/*
.products-prices .chars-box .wrapper {border: 1px solid #e7e7e7; padding: 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
*/
.products-prices .chars-box .title {font-size: 16px; color: #98abba; padding: 5px 0 5px 0;}
.products-prices .chars-box .digit {position: relative; font-size: 35px/*; padding: 0 4px 0 0;*/}
.products-prices .chars-box .digit sup {position: absolute;margin-top: -5px;font-size: 60%;}
.products-prices .chars-box .measure {font-size: 16px; color: #98abba;}
.products-prices .chars-box .productivity {float:left; width: 30%; margin: 0 2.5% 20px 0;}
.products-prices .chars-box .weight {float:left; width: 20%; margin: 0 2.5% 20px 0;}
.products-prices .chars-box .third {float:left; width: 45%; margin: 0 0 20px 0;}
.products-prices .chars-box .third .wrapper {padding-right: 0;}
.products-prices .chars-box .third .height {float:left; width: 33%;}
.products-prices .chars-box .third .diameter {float:left; width: 33%;}
.products-prices .chars-box .third .length {float:left; width: 33%;}

.products-prices .icons-box {position: relative; padding: 16px 0 0 0;}
.products-prices .icons-box .icon {float:left; position: relative; font-size: 15px; color: #98abba; padding: 10px 0 10px 56px; margin: 0 30px 20px 0;}
.products-prices .item:hover .icons-box .icon{color: #000;}
.products-prices .icons-box .icon:before {content: ""; position: absolute; width: 40px; height: 40px; left: 0; top: 18px; margin: -22px 0 0 0; background-image: url('../img/sprite.png'); background-repeat: no-repeat;}
.products-prices .icons-box .icon b {float: left;margin: 0 5px 0 -25px;font-weight:normal;color:#000}
.products-prices .icons-box .icon i {float: left;font-style:normal}
.products-prices .item:hover .icons-box .icon  b{color: #11B8E3;}
.products-prices .icons-box .sbros {margin: 0px 5px 20px 0px!important;}

.products-prices .icons-box .people:before {background-position: -6px -380px;}
.products-prices .icons-box .taps:before {background-position: -52px -380px;}
.products-prices .icons-box .toilets:before {background-position: -103px -378px;}
.products-prices .icons-box .showers:before {background-position: -152px -380px;}
.products-prices .icons-box .machines:before {background-position: -208px -380px;}
.products-prices .item .checkboxes li { float: left; margin: 0 40px 0 0;padding:0!important}
.products-prices .item .checkboxes li:before {content: none!important}
.products-prices .icons-box .sbros:before {background-position: -246px -378px;}

.products-prices .item:hover .people:before {background-position: -6px -436px;}
.products-prices .item:hover .taps:before {background-position: -52px -436px;}
.products-prices .item:hover .toilets:before {background-position: -103px -434px;}
.products-prices .item:hover .showers:before {background-position: -152px -436px;}
.products-prices .item:hover .machines:before {background-position: -208px -436px;}
.products-prices .item:hover .sbros:before {background-position: -246px -434px;}

.products-prices .item .checkbox-wrap{height: 50px;}
.products-prices .item .oneoption{padding:0!important}
.products-prices .item:hover .oneoption{display:block}

.products-prices .caisson .chars-box .digit {font-size: 18px;}
.products-prices .caisson .chars-box .third {float: left;width: 100%;margin: 30px 0 0px 0;}
.products-prices .caisson .chars-box .well {float: left;width: 55%;margin: 0 3% 0px 0;}
.products-prices .caisson .chars-box .size {float: left;width: 30%;margin: 0 3% 10px 0;}
.products-prices .caisson .chars-box .weight {float: left;width: 30%;margin: 0 3% 10px 0;}
.bg-warning {
    position: relative;
    left: -30px;
    padding: 25px 30px;
    margin: 30px 30px 60px 0;
    font-size: 20px;
    line-height: 1.4;
    border: 2px solid #F8DA19;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 4px 20px -2px rgba(0, 0, 0, 0.1);
}
.button-wrap {position:relative; display: inline-block;}
/*
.button-wrap.active:before {content:"active"; position: absolute; left: 0; top: 0; z-index: 992;}
*/

.button {position: relative; border: 0; font-family: 'Geometria Bold', Tahoma, Verdana; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-appearance:none;}
.button-wrap.active {-webkit-box-shadow: 0 2px 20px 2px rgba(248, 218, 25, 1)!important; -moz-box-shadow: 0 2px 20px 2px rgba(248, 218, 25, 1)!important; box-shadow: 0 2px 20px 2px rgba(248, 218, 25, 1)!important;}
.button:hover {cursor: pointer;}

.button-wrap.yellow {width: 100%; border-bottom: 1px solid #c1b882; padding: 0 0 4px 0; background: #d1b424; -moz-border-radius: 4px 4px 12px 12px; -webkit-border-radius: 4px 4px 12px 12px; border-radius: 4px 4px 12px 12px;}
.types-container .slider-wrap .title-box .button-wrap.yellow{margin: -15px 0 15px 0;}
.button-wrap.yellow .button {width: 100%; font-size: 14px; padding: 0 0 1px 0; text-shadow: 0 1px 1px rgba(255, 255, 255, 1.0); /*letter-spacing: 0.5px;*/ /*color: #5e593e;*/ background: #f8da19 url('../images/button1.png') 0 0 repeat-x; background-size: auto 100%;box-shadow: 0px 0px 19px -6px rgba(50, 50, 50, 0.25);}

.button.goback {float:right; width: 240px; height: 62px; border: 1px solid #bde5f7; /*letter-spacing: 0.8px;*/ color: #11b8e3; font-size: 14px; font-family: 'Helvetica Light'; background: #FFF; padding: 0 0 1px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.button-wrap .checkboxes-cover {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 995;}
.button-wrap .checkboxes-cover:hover {cursor: pointer;}
.button-wrap .checkboxes-cover.enabled {display:block;}
.button-wrap .checkboxes-cover.disabled {display:none;}

.button-wrap .mail-cover {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 992;}
.button-wrap .mail-cover:hover {cursor: pointer;}
.button-wrap .mail-cover.enabled {display:block;}
.button-wrap .mail-cover.disabled {display:none;}

.types-container .title-box {
    float: left;
    width: 34%;
}
.content .types-container .title-box, body.inner .content .types-container .description-box {
    width: 50%;
}
.types-container .description-box .wrapper {
    padding: 0 0 0 40px;
}
.types-container .description-box .title {
    font-family: 'Geometria Bold', Tahoma, Verdana;
    font-size: 18px;
    padding: 0 0 10px 0;
}
.types-container .description-box .wrapper {
    padding: 0 10px 0 70px;
}
.sum, .dbl_p {
    display: inline;
}
.types-container .title-box .price span {
    white-space: nowrap;
    font-family: 'Geometria Bold', Tahoma, Verdana;
    font-size: 140%;
    letter-spacing: 0;
    display: block;
    color: #000;
}
.button4 {
    opacity: 0.8;
    position: absolute;
    left: 50%;
    top: 85px;
    width: 180px;
    margin: 0 0 0 -90px;
    height: 48px;
    background: transparent;
    font-family: 'Geometria Bold', Tahoma, Verdana;
    font-size: 18px;
    letter-spacing: 0.3px;
    text-align: center;
    border: 2px solid #F8DA19;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-appearance: none;
    webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-shadow: 1px 1px 1px #FFF;
}
.button4:hover {
    background-color: #F8DA19;
}
.caissonparts {
    margin: 0 0 50px 0px;
}
.caissonparts div img, .caissonparts div p {
    display: block;
    text-align: center;
}
.caissonparts div img {
    width: 100%;
    border-radius: 3px;
}
.caissonparts div {
   
    padding: 10px;
    margin: 0 3% 10px -2%;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.pricetable {
    width: 100%;
}
.pricetable th {
    border-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.comparetable th, .pricetable th {
    font-family: 'Geometria Bold', Tahoma, Verdana;
    border-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.comparetable th, .comparetable td, .pricetable th, .pricetable td {
    width: 15%;
    border: 1px solid #e5e5e5;
    padding: 10px;
    text-align: left;
    font-weight: normal;
    font-size: 85%;
    line-height: 1.2;
    vertical-align: top;
}
.pricetable .pr {
    white-space: nowrap;
}
.types-container .types-block {
    padding-left: 90px;
    padding-right: 90px;
}
.types-block {
    padding-top: 10px !important;
}
.wrapper {
    padding: 0 10px 0 70px;
}
