@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400&subset=cyrillic');

*{
font-family: 'Roboto Condensed', sans-serif;
font-size : 5vw;
line-height : 110%;
color : #333333;
font-weight : 300; 
 box-sizing: border-box;
}


body {
margin : 0px;
background : #FFFFFF;
max-width: 849px;
}


b, strong {
font-weight : 500;
color : #000000;
}

a {
color : #000000;
text-decoration : none; 
-webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;
font-weight: 300;
border-bottom: 1px dotted #000000;			
}


ul {
margin : 0px;
}

li{	list-style-image:url(images/bullet.gif); margin-bottom : 5px;}

p {margin : 0px; padding : 0px 0px 10px 0px;}

h1 {
font-weight : 300;
color : #262626;
font-size : 8vw;
padding : 0px 0px 20px 0px;
margin : -7px 0px 0px 0px;
line-height : 110% !important;
}

b.model{
display: block;
font-weight: 300;
font-size: 18px;
line-height: 100%;
padding-bottom: 0px;
margin-top: -2px;
}



h2 {
font-weight : 300;
color : #000000;
font-size : 7vw;
padding-bottom : 0px;
line-height : 100%;
clear : both;
}

h3 {
color: #FFFFFF !important;
line-height: 100% !important;
display: block;
background: url(/images/shell/bg_menu.png) center top #262626;
padding: 15px 20px 20px 20px;
text-decoration: none;
border-left: 5px solid #c20000;
font-size: 6vw;
margin: 2px 0px 0px 0px;
font-weight: 300;
position: relative !important;
z-index: 1;
transform: scale(1);
overflow : hidden;
}


h3:before {
content : '';
position : absolute;
top : 0px;
left : 0px;
width : 2px;
height : 100%;
background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
-webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;

}











h4 {
    font-size: 7vw;
    color: #000000;
    font-weight: 300;
    padding: 6vw 0vw 1vw 0vw;
	margin : 0px;
}


h1, h2, h3, h4, h5 {
    display: block;
    position: relative;
    line-height: 110%;
    clear: both;
	color : #000000;
}	


.container { 
width : calc(100% - 6vw);
margin : 0px auto;
position : relative;
}




#bd {
padding-top : 0px;
width: 100%;
}


.header {
position : relative;
margin : 0 0 4.5vw 0; 
height : 210px;
background: url(/images/shell/bg_header.png) top left repeat #9f0e1a;
z-index: 0;
}

.header_phone {
display : block;
position : absolute;
top : 11vw;
right : 0px;
text-align : right;
}

.phone_first {
margin-top : 5vw !important;
}

.header_phone div {
float : right;
color :  #FFFFFF;
padding : 0vw 0vw 0vw 3vw;
margin : 0;
font-weight : 400;
font-size : 4vw;
line-height : 8vw;
}

.header_phone div a{
display : block;
position : relative;
font-size : 6vw;
line-height : 7vw;
border-bottom : 0px dotted #FFFFFF;
  background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
color : #FFFFFF;
padding : 0vw 0vw 0vw 0vw;
font-weight : 400;

}

.header_phone div a:before {
	content: attr(data-title);
	left: 0;
	position: absolute;
	text-shadow: 5px 5px 15px rgba(0, 0, 0, 1), 5px 5px 15px rgba(0, 0, 0, 1);
	top: 0;
	z-index: -1;
font-size : 6vw;
line-height : 7vw;
padding : 0vw;
font-weight : 400;

}

.header_phone div.hbtn {
float : none;
display : block;
padding : 2px;
width : 150px;
margin : 0px 0px 2px 0px;
background-image: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 25%, #ffbd5c 60%, #b67d33 90%);
box-shadow : 5px 5px 10px rgba(0,0,0,.5);
}

.header_phone div.hbtn > div {
float : none;
text-align : left;
display : block;
color :  #FFFFFF;
padding :  1vw 0vw 1vw 2vw;
margin : 0px;
border : 2px solid #000000;
font-weight : 400;
font-size :  4vw;
line-height : 4vw;
background: url(/images/shell/bg_menu.png) top left #262626;
-webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;

}

.header_phone div.hbtn:hover > div {
background: url(/images/shell/bg_menu.png) bottom left #262626;
}

.header_phone div.hbtn > div a{
display : block;
font-size : 4vw;
line-height :  4vw;
border-bottom : 0px dotted #FFFFFF;
  background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
color : #FFFFFF;
padding :  0;
font-weight : 400;
}






.header_name {
display : block;
height : 54px;
width : 237px;
position : absolute;
top : 17px;
left : 80px;
color : #000000;
font-size : 25px;
font-weight : 700;
text-transform : uppercase;
line-height : 26px;
padding-right : 15px;
border : none;
}

.header_name b{
display : block;
color : #000000;
font-size : 12px;
font-weight : 300;
line-height : 20px;
text-transform : uppercase;
}







.header_logo {
position : absolute;
top : 1vw;
left : 1vw;
z-index : 1000000;
border : none !important;
}

.header_logo img{
width : 40vw;
}










.generalpart { 
padding : 0px 0px 30px 0px;
}

.gp_left {
width : 256px;
float : left;
display : none;
}

.gp_spacer {
width : 3vw;
float : left;
display : none;
}

.gp_right {
width: calc(100% - 0px);
float : left;
padding-top : 3px;
}

.left_menu {
margin: 0px 0px 0px 0px;
display : block;
}

.left_menu a {
color: #FFFFFF;
line-height: 100%;
display: block;
background: url(/images/shell/bg_menu.png) center top #262626;
padding: 15px 15px 15px 20px;
text-decoration: none;
border-left: 5px solid #c20000;
font-size: 16px;
margin: 2px 0px 0px 0px;
font-weight: 400;
position: relative;
text-transform: uppercase;
position : relative;
z-index: 1;
transform: scale(1);
overflow : hidden;
position : relative;
}

.left_menu a span {
color : #ffc42b;
line-height : 16px;
font-size : 16px;
display : block;
padding : 4px 0px 0px 0px;
font-weight : 400;
text-transform : none;
-webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;
  background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 60%, #ffbd5c 60%, #b67d33 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.left_menu a:before {
content : '';
position : absolute;
top : 0px;
left : 0px;
width : 2px;
height : 100%;
background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
-webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;

}

.left_menu a:hover {
color : #FFFFFF;
background : url(/images/shell/bg_menu.png) center bottom #000000;
border-left : 5px solid #ff0000;
z-index: 100;
transform: scale(1);
box-shadow : 0 0 20px rgba(0,0,0,.0);
}

.left_menu a:hover span {
color : #ffc42b;
}
















.footer { 
background : url(/images/shell/bg_footer.png) top left #c20000;
border-top : 2px solid #ffe9bb;
padding : 30px 0px 10px 0px;
}

.footer *{
color : #FFFFFF;
}

.footer_phone {
padding-top : 10px;
position: relative;
z-index: 1;
}

.footer_phone .phone{
    display: block;
	white-space : nowrap;
    position: relative;
    font-size: 10vw;
    line-height: 10vw;
    border-bottom: 0px dotted #FFFFFF;
    background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #FFFFFF;
    padding: 10px 0px 5px 0px;
    font-weight: 400;
}

.footer_phone .phone:before {
    content: attr(data-title);
    left: 0;
    position: absolute;
    text-shadow: 5px 5px 15px rgba(0, 0, 0, 1), 5px 5px 15px rgba(0, 0, 0, 1);
    top: 0;
	right : 0;
    z-index: -1;
    font-size: 10vw;
    line-height: 10vw;
    padding: 10px 0px 5px 0px;
    font-weight: 400;
}

.footer_left {
text-align : center;
}

.footer_right {
text-align : center;
}

.footer_shedule {
font-size : 16px;
line-height : 115%;
padding : 270px 0px 30px 0px;
}

.footer_copy {
font-size : 4vw;
line-height : 115%;
}

.footer_title {
    display: block;
	white-space : nowrap;
    position: relative;
    font-size: 38px;
    line-height: 28px;
    border-bottom: 0px dotted #FFFFFF;
    background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #FFFFFF;
    padding: 0px 0px 12px 0px;
    font-weight: 400;
}


.footer_menu {
display: block;
width : 100%;
padding : 10px 0px 30px 0px;
}

.footer_menu a{
color: #FFFFFF;
font-size : 16px;
font-weight: 400;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
line-height: 100%;
box-shadow: 3px 3px 20px #000000;
background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
padding: 15px 15px 15px 20px;
text-decoration: none;
border : 0px;
border-left: 5px solid #c20000;
position: relative;
z-index: 1;
transform: scale(1);
overflow: hidden;
text-overflow: ellipsis;
display : inline-block;
float : left;
width : calc(100% - 0px);
text-decoration : none;
margin: 0px 12px 4px 0px;
transform: scale(1);
}

.footer_menu a span{
color: #FFFFFF;
font-size : 5vw;
font-weight: 400;
text-decoration: none;
white-space: nowrap;
line-height: 100%;
border : 0px;
position: relative;
z-index: 1;
overflow: hidden;
text-overflow: ellipsis;
display : inline-block;
}

.footer_menu a:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 8px);
    height:  calc(100% - 8px);
	border : 2px solid #000000;
	background: url(/images/shell/bg_menu.png) top left #262626;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.footer_menu a:hover{
border-left: 5px solid #ff0000;
}
.footer_menu a:hover:before{
background: url(/images/shell/bg_menu.png) bottom left #262626;
}

.footer_gen_menu {
display : block;
}

.footer_gen_menu a{
font-size : 6vw;
display : block;
margin : 0px 0px  4vw 0px;
text-decoration : none;
border-bottom : 1px dotted transparent;
}

.footer_gen_menu a:hover {
border-bottom : 1px dotted #FFFFFF;
}

.page_end {
clear : both;
display : block;
height : 10px;
}


.price_page {
display : block;
clear : both;
color : #FFFFFF;
margin: 0px 0px 0px 0px;
font-size : 28px;
line-height: 28px;
position : relative;
padding : 2vw 2vw 1vw 2vw;
text-align : center;
background: url(/images/shell/bg_price.png) center top #262626;
white-space : nowrap;
z-index: 1;
}

.price_page span{
font-size : 11vw;
line-height: 12vw;
font-weight : 400;
position : relative;
display : inline-block;
clear : both;
color : #FFFFFF;
background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0px auto;
clear : both;
padding : 0px 0px 0px 0px;
}

.price_page span:before{
content: attr(data-title);
left: 0;
position: absolute;
text-shadow: 5px 5px 15px rgba(0, 0, 0, 1), 5px 5px 15px rgba(0, 0, 0, 1);
top: 0;
z-index: -1;
font-size : 11vw;
line-height: 11vw;
font-weight : 400;
padding: 0px;
font-weight: 400;
z-index: -1;
}

span.description{
font-size: 5vw;
line-height: 140%;
text-align: left;
color:#666;
font-weight: 100;
}

span.description a{
font-size: 5vw;
color:#c20000;
font-weight : 400;
border-bottom: none;
}

.price_page .old_price{
display : block;
clear : both;
color : #0082c5;
margin: 0px 0px 0px 0px;
font-size : 18px;
text-decoration:line-through;
}




.number {
display : block;
clear : both;
color : #000000;
padding : 0px 0px 0px 0px;
}

.note {
display : block;
clear : both;
padding : 10px 10px 10px 20px;
margin : 0px 0px 15px 0px;
border-left : 1px solid #d9d9d9;
text-align: left;
}

.note span{
display : block;
clear : both;
color : #000000;
font-weight : 400;
line-height : 100%;
font-size : 18px;
}

.note span small{
display : block;
clear : both;
color : #808080;
font-weight : 400;
line-height : 100%;
font-size : 11px;
text-align : right;
padding : 3px 0px 0px 0px;
}

.btn_base {
display : inline-block;
padding : 8px 15px 8px 15px; 
font-size : 19px !important; 
color : #262626; 
text-decoration : none; 
background : #ffc42b;
cursor : pointer;
text-align : center;
text-transform : uppercase;
-webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;
}


input:disabled.btn_base {
color : #FFFFFF; 
background : #cccccc;
cursor : default;
border : 1px solid #FFFFFF;  
}


.btn_base:hover {
color : #ffc42b; 
background : #262626;
-webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;
}



.btn_delivery {
width : 50%; 
padding : 0px; 
margin : 0px; 
width : 194px; 
text-align : center; 
}

.btn_delivery span {
display : block;
padding : 20px 10px 20px 10px; 
text-align : center;
color : #FFFFFF; 
}

.icon_deliveryselection {
display: inline-block;
font-size: 56px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color : #FFFFFF;
vertical-align: 0px;
margin : 0px 0px 0px 0px;
padding : 0px;
display : block;
t!!ext-shadow : 1px 1px 0px rgba(0,0,0,0.5);
line-height: 50px;
}

.ico_delivery:before {
content: "2";
}

.ico_order:before {
content: "1";
}



.btn_order {
position : relative;
display : block !important;
padding : 4vw 0 4vw 0 !important;
margin : 3vw 1vw 1vw 1vw !important;
font-size : 5vw;
color : #FFFFFF;
border : 0px solid #262626;
text-decoration : none;
cursor : pointer;
transform: scale(1);
-webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;
text-align : center;
z-index : 3;
}

.btn_order:before {
content:'';
position : absolute;
width: calc(100% - 4px);
height : calc(100% - 4px);
top : 2px;
left : 2px;
z-index : -1;
background : url(/images/shell/bg_header.png) top center #c20000; !important;
-webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;
}

.btn_order:after {
content:'';
background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
width: 100%;
height : 100%;
top : 0px;
left : 0px;
position : absolute;
z-index : -2;
box-shadow: 5px 5px 15px rgba(0,0,0,.5)
}

.btn_order:hover:before {
background : url(/images/shell/bg_header.png) bottom center #c20000; !important;
}















.line {
display : block;
font-size : 0px;
border-top : 1px solid #D5D5D3;
margin : 10px 0px 10px 0px !important;
clear : both;
}

.block_text {
display : block;
padding : 10px 0px 0px 0px;
}

.block_list {
display : block;
padding : 15px;
}

.block_list li{
list-style: none;
display: block;
position: relative;
padding: 0px 0px 15px 6vw;
}

.block_list li:before { 
content: "";
display: inline-block;
float : left;
margin-top : 4px;
margin-right : 7px;
position: absolute;
top: -2px;
left: 0px;
width : 4vw;
height: 4vw;
background : url(/images/shell/check.png) top left no-repeat;
background-size: contain;
}

.block_construction {
display : block;
text-align : center;
width: calc(100% - 0px) !important;
}


.block_construction a{
border : 0px !important;
}


#block_construction img{
margin : 10px auto 30px auto; 
width : 100%; 
height : auto;
}



.title_2 {
display : block;
font-weight : 400;
color : #000000;
font-size : 22px;
padding : 5px 0px;
margin : 0px;
clear : both;
line-height: 100%;
}

#vlightbox .title_2 {
width : calc(100% - 0px);
}

.title_photos {
display : block;
font-weight : 300;
color : #000000;
font-size : 8vw;
padding : 4vw 2vw 0vw 2vw;	
margin : 0;
clear : both;
line-height: 100%;
}




/*####################################################################################*/
/*                                 Product Block                                      */
/*####################################################################################*/


a.product_block {
float : left; 
position : relative;
z-index : 1;
transform : scale(1);
display : block;
height:auto; 
background : #ffffff;
border : 1px solid #ffffff;
text-decoration : none;
line-height : 100%;
-webkit-transition: .3s ease-in-out; 
-moz-transition: .3s ease-in-out; 
-ms-transition: .3s ease-in-out; 
-o-transition: .3s ease-in-out; 
transition: .3s ease-in-out;
overflow : hidden;
}

.bg_w1 a.product_block, .prod_bg_w1  {
background-image : url(/images/shell/wall_1.jpg);
background-size: cover;
}

.bg_w2 a.product_block, .prod_bg_w2  {
background-image : url(/images/shell/wall_2.jpg);
background-size: cover;
}

.bg_w3 a.product_block, .prod_bg_w3  {
background-image : url(/images/shell/wall_3.jpg);
background-size: cover;
}

.bg_w4 a.product_block, .prod_bg_w4  {
background-image : url(/images/shell/wall_4.jpg);
background-size: cover;
}

.bg_w5 a.product_block, .prod_bg_w5  {
background-image : url(/images/shell/wall_5.jpg);
background-size: cover;
}

.bg_w6 a.product_block, .prod_bg_w6  {
background-image : url(/images/shell/wall_6.jpg);
background-size: cover;
}

.bg_w7 a.product_block, .prod_bg_w7  {
background-image : url(/images/shell/wall_7.jpg);
background-size: cover;
}

.bg_w8 a.product_block, .prod_bg_w8  {
background-image : url(/images/shell/wall_8.jpg);
background-size: cover;
}

.bg_w9 a.product_block, .prod_bg_w9  {
background-image : url(/images/shell/wall_9.jpg);
background-size: cover;
}

.bg_w10 a.product_block, .prod_bg_w10  {
background-image : url(/images/shell/wall_10.jpg);
background-size: cover;
}

.bg_w11 a.product_block, .prod_bg_w11  {
background-image : url(/images/shell/wall_11.jpg);
background-size: cover;
}

.bg_w12 a.product_block, .prod_bg_w12  {
background-image : url(/images/shell/wall_12.jpg);
background-size: cover;
}

.bg_w13 a.product_block, .prod_bg_w13  {
background-image : url(/images/shell/wall_13.jpg);
background-size: cover;
}

.bg_w14 a.product_block, .prod_bg_w14  {
background-image : url(/images/shell/wall_14.jpg);
background-size: cover;
}

.bg_w15 a.product_block, .prod_bg_w15  {
background-image : url(/images/shell/wall_15.jpg);
background-size: cover;
}

.bg_w16 a.product_block, .prod_bg_w16  {
background-image : url(/images/shell/wall_16.jpg);
background-size: cover;
}

.bg_w17 a.product_block, .prod_bg_w17  {
background-image : url(/images/shell/wall_17.jpg);
background-size: cover;
}

.bg_w18 a.product_block, .prod_bg_w18  {
background-image : url(/images/shell/wall_18.jpg);
background-size: cover;
}

.bg_w19 a.product_block, .prod_bg_w19  {
background-image : url(/images/shell/wall_19.jpg);
background-size: cover;
}

.bg_w20 a.product_block, .prod_bg_w20  {
background-image : url(/images/shell/wall_20.jpg);
background-size: cover;
}

.bg_w21 a.product_block, .prod_bg_w21  {
background-image : url(/images/shell/wall_21.jpg);
background-size: cover;
}

.bg_w22 a.product_block, .prod_bg_w22  {
background-image : url(/images/shell/wall_22.jpg);
background-size: cover;
}

.bg_w23 a.product_block, .prod_bg_w23  {
background-image : url(/images/shell/wall_23.jpg);
background-size: cover;
}

.bg_w24 a.product_block, .prod_bg_w24  {
background-image : url(/images/shell/wall_24.jpg);
background-size: cover;
}

.bg_w25 a.product_block, .prod_bg_w25  {
background-image : url(/images/shell/wall_25.jpg);
background-size: cover;
}





a.product_block:hover{
-webkit-transition: .3s ease-in-out; 
-moz-transition: .3s ease-in-out; 
-ms-transition: .3s ease-in-out; 
-o-transition: .3s ease-in-out; 
transition: .3s ease-in-out;
z-index : 100;
transform : scale(1);
box-shadow : 10px 10px 30px rgba(0,0,0,.0);
}

a.product_block .btn_more{
color : #FFFFFF;
display : block;
position: absolute;
bottom : 0px;
width : 100%;
text-align: center;
z-index : 100;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
box-shadow: 3px 3px 20px #000000;
background: linear-gradient(to bottom, #d70000 0%, #540000 100%);
}

a.product_block:hover .btn_more{
color : #ffc42b;
z-index : 100;
box-shadow: 3px 3px 20px #000000;
background: linear-gradient(to bottom, #ff0000 0%, #660000 100%);
}

a.product_block .btn_more span{
color : #FFFFFF;
position : relative;
color : #000000;
  background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
display : inline-block;
margin: 1vw auto 1vw auto;
line-height: 100%;
font-size: 2.7vw !important;
font-weight : 400;
}

a.product_block .btn_more span:before{
	content: attr(data-view);
	left: 0;
	position: absolute;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
	top: 0;
	z-index: -1;
line-height: 100%;
font-size: 2.7vw !important;
font-weight : 400;

}





a.product_block:nth-child(2n-1) {
margin-right : 0px;
width: calc(50% - 5px);
margin: 0px 10px 10px 0px;
}

a.product_block:nth-child(2n) {
margin-right : 0px;
width: calc(50% - 5px);
margin: 0px 0px 10px 0px;
}








.product_block_title {
color: #fff;
position: absolute;
bottom: 5%;
right: 5%;
z-index: 2;
font-weight: 400;
font-size: 2.5vw;
line-height: 110%;
padding: .3vw 1vw .3vw .5vw;
margin: 0px auto;
z-index: 3;
text-shadow: 1px 1px 2px rgba(0,0,0,1);
width: 27vw;
background: rgba(0, 0, 0, 0.5);
display: block;
text-align : right;}



.product_block_info {
position: absolute;
bottom: 15%;
right: 5%;
z-index: 2;
font-weight: 300;
font-size : 30px;
line-height: 80%;
padding: 0px;
margin: 0px auto;
z-index : 3;
width : 27vw;
height : 12vw;
background : rgba(0,0,0,.5);
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
transform : scale(1);
}

a.product_block:hover .product_block_info {
transform : scale(1.2);
}




.product_block_strut {
width: 100%;
height: auto;
margin-top: 0px;
z-index: 1;
position: relative;
opacity : 1;
}

.product_block_image {
width: 100%;
height: 100%;
top : 0px;
left : 0px;
z-index: 1;
position: absolute;
opacity : 1;
text-align: center;
}


.product_block_product {
position : relative;
margin : 7% auto 8% auto;
width : auto;
height : 85%;
z-index : 2;
 -webkit-filter: drop-shadow(.1vw .1vw .05vw rgba(0,0,0,.4));
  filter: drop-shadow(.1vw .1vw .05vw rgba(0,0,0,.4));
transform : scale(1);
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;

}

a.product_block:hover .product_block_product {
transform : scale(1.1);
}


.product_block_price {
color : #000000;
  background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
font-size : 4.3vw;
font-weight: 400;
line-height : 3.7vw;
display : block;
padding  : 0px;
margin: 0px 0px .6vw 2vw;
width : 100%;
white-space : nowrap;
position: absolute;
bottom : 6vw;
width : 100%;
}


.product_block_price:before{
	content: attr(data-price);
	left: 0;
	position: absolute;
	text-shadow: 5px 5px 15px rgba(0, 0, 0, 1), 5px 5px 15px rgba(0, 0, 0, 1);
	top: 0;
	z-index: -1;
font-size : 4.3vw;
font-weight: 400;
line-height : 3.7vw;
padding : 0px;
font-weight : 400;
}


a.product_block:hover .product_block_price {
}

.product_block_text span{
font-size : 10px;
color : #000000;
font-weight : 500;
display : block;
margin : 0px 15px 0px 15px;
}

.product_block_curtain {
height : 98%;
width : 98%;
z-index: 1;
position : absolute;
left : 1%;
bottom : 1%;
opacity : 1;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
border : .2vw solid rgba(255,255,255,.4);
}


a.product_block:hover .product_block_curtain {
opacity : 1;
height : 74%;
width : 74%;
z-index: 1;
left : 13%;
bottom : 13%;
border : 6vw solid rgba(255,255,255,.4);
}













/*##################################################################################*/
/*                                Category Block                                    */
/*##################################################################################*/




a.category_block {
float : left;
position : relative;
z-index : 1;
transform : scale(1);
display : block;
height:auto; 
border : 0px solid #ffffff;
text-decoration : none;
line-height : 100%;
-webkit-transition: .3s ease-in-out; 
-moz-transition: .3s ease-in-out; 
-ms-transition: .3s ease-in-out; 
-o-transition: .3s ease-in-out; 
transition: .3s ease-in-out;
overflow : hidden;
}

a.category_block:hover{
-webkit-transition: .3s ease-in-out; 
-moz-transition: .3s ease-in-out; 
-ms-transition: .3s ease-in-out; 
-o-transition: .3s ease-in-out; 
transition: .3s ease-in-out;
z-index : 100;
transform : scale(1);
box-shadow : 10px 10px 30px rgba(0,0,0,0);
}

a.category_block .btn_base{
width : 100%;
padding: 15px 10px 18px 10px;
margin : 10px 0px 0px 0px;
position : absolute;
bottom : 0px;
border : 1px solid #FFFFFF;
}

a.category_block:hover .btn_base{
color : #ffc42b; 
background : #262626;
-webkit-transition: .3s ease-in-out; 
-moz-transition: .3s ease-in-out; 
-ms-transition: .3s ease-in-out; 
-o-transition: .3s ease-in-out; 
transition: .3s ease-in-out;
z-index : 100;
}






a.category_block:nth-child(2n-1) {
margin-right : 0px;
width: calc(50% - 5px);
margin: 0px 10px 10px 0px;
}

a.category_block:nth-child(2n) {
margin-right : 0px;
width: calc(50% - 5px);
margin: 0px 0px 10px 0px;
}











.category_block_info {
color:#000000;
position: absolute;
bottom: 0vw;
left: 5%;
z-index: 2;
font-weight: 300;
padding: 0px;
margin: 0px auto;
z-index : 3;
width : 90%;
height : 13.5vw;
}




.category_block_img {
width: 100%;
height: auto;
margin-top: 0px;
z-index: 1;
position: relative;
opacity : 1;
}

.category_block_product {
position : absolute;
bottom : 8%;
right : 0%;
width : 100%;
height : 85%;
z-index : 2;
text-align: center;
}

.category_block_product img{
width : auto;
height : 100%;
z-index : 2;
 -webkit-filter: drop-shadow(.1vw .1vw .05vw rgba(0,0,0,.4));
  filter: drop-shadow(.1vw .1vw .05vw rgba(0,0,0,.4));
transform : scale(1);
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.category_block_product:hover img{
transform : scale(1.1);
}

.category_block_title {
position : relative;
color:#FFFFFF;
background: rgba(0,0,0,.6);
font-weight: 300;
font-size : 3.2vw;
line-height: 120%;
padding: .8vw 0vw .9vw 0vw;
margin: 0px auto;
z-index : 3;
text-align : center;
}



.category_block_price {
color : #FFFFFF;
font-size : 5vw;
font-weight: 400;
line-height : 100%;
display : inline-block;
padding: 0vw 0vw .5vw 0vw;
text-align : center;
margin: .5vw 0vw 0vw 0vw;
position: relative;
white-space : nowrap;
background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 60%, #ffbd5c 60%, #b67d33 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.category_block_price:before {
    content: attr(data-title);
    left: 0;
    position: absolute;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
    top: 0;
    z-index: -1;
font-size : 1.2vw;
font-weight: 400;
line-height : 100%;
}

a.category_block:hover .category_block_price {
}

a.category_block:hover .category_block_img {
width: 100%;
height: auto;
margin-top: 0px;
z-index: 1;
position: relative;
opacity : 0.5;
}


.category_block_text {
display : none;
background: rgba(0,0,0,.5);
font-weight: 300;
font-size : 1.5vw;
line-height: 100%;
padding: .8vw .2vw .9vw .2vw;
margin: 0px auto;
overflow: hidden;
width : 100%;
margin : 1.5vw 0vw 0vw 0vw;
text-align : center;
z-index: 4;
position: relative;
color : #FFFFFF;
text-shadow : 0px 0px 15px rgba(0,0,0,1);
}

.category_block_text span{
font-size : 10px;
color : #000000;
font-weight : 500;
display : block;
margin : 0px 15px 0px 15px;
}

.category_block_curtain {
height : 98%;
width : 98%;
z-index: 1;
position : absolute;
left : 1%;
bottom : 1%;
opacity : 1;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
border : .2vw solid rgba(255,255,255,.4);
}


a.category_block:hover .category_block_curtain {
opacity : 1;
height : 74%;
width : 74%;
z-index: 1;
left : 13%;
bottom : 13%;
border : 6vw solid rgba(255,255,255,.4);
}










.column_3 {
float : left;
clear : both;
padding-bottom : 40px;
display : block;
}






.add_furn{
float : left!important;
width: calc(100% - 0px) !important;
margin : 15px 0px 10px 0px;
}

.add_furn a{
display : block;
float : left;
width: calc(32%) !important;
margin: 0 1% 1% 0 !important;
padding: 0px !important;
border: 1px solid #ccc !important;
}


.add_furn a:before{
font-size : 20px !important;
}


.add_furn a:nth-child(6n){
margin-right : 0px !important;
clear : right;
}


.add_furn img{
width : 100%!important;
height : auto;
}


.add_furn a span{
display : block;
text-align : center;
color : #909090;
padding : 5px 0px 5px 0px;
background : #f1f1f1;
margin : 5px;
}

.add_furn a span b{
color : #000000;
display : block;
}





.phone_block {
display : block;
margin : 8vw 0 8vw 0;
width : calc(100% - 0px);
padding :  2vw 0 2vw 0;
background: url(/images/shell/bg_footer.png) top center #c20000;
position: relative;
z-index: 1;
}

.phone_block .line_1{
position : relative;
z-index: 2;
display : block;
text-align : center;
padding : 0px 0px 1vw 0px;
width : 100%;
}

.phone_block .line_1 span{
display : inline-block;
position : relative;
font-size: 8vw;
line-height: 8vw;
border-bottom: 0px dotted #FFFFFF;
background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #FFFFFF;
padding: 20px 0px 20px 0px;
font-weight: 300;
}

.phone_block .line_1 span:before {
    content: attr(data-title);
    left: 0;
    position: absolute;
    text-shadow: 5px 5px 15px rgba(0, 0, 0, 1), 5px 5px 15px rgba(0, 0, 0, 1);
    top: 0;
    z-index: -1;
    font-size: 8vw;
    line-height: 8vw;
    padding: 2px 0px 2px 0px;
    font-weight: 400;
}

.phone_block .line_2{
position : relative;
z-index: 2;
display : block;
text-align : center;
padding : 0px;
width: 100%;

}


.phone_block .line_2 a {
display : inline-block;
color : #FFFFFF;
white-space: nowrap;
width : 80%;
font-size : 6vw;
font-weight  : 400;
background: rgba(194,0,0,.5);
border: 2px solid rgba(194,0,0,1);
padding:  1vw 0 1vw 0;
margin: .5vw;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}


.phone_block .line_2 a:hover {
background: rgba(194,0,0,.8);
border: 2px solid rgba(255,0,0,1);
}


.phone_block .line_3 {
position : relative;
width : 100%;
z-index: 2;
display : block;
text-align : center;
color : #ffffff;
padding : 17px 0px 15px 0px;
z-index: 1;
}

.phone_block .line_3 a{
display : inline-block;
position: relative;
border : none;
text-align : center;
color : #ffffff;
background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
font-size : 5.5vw;
line-height : 5.5vw;
white-space : nowrap;
font-weight : 300;
padding : 4vw 0 4.7vw 0;
width : calc(80% + 0px);
z-index: 1;
}

.phone_block .line_3 a:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 2px solid #000000;
    background: url(/images/shell/bg_menu.png) top left #262626;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
z-index: 1;
}


.phone_block .line_3 a:hover:before{
background: url(/images/shell/bg_menu.png) bottom left #262626;
}



.phone_block .line_3 b{
color : #ffffff;
background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 55%, #ffbd5c 55%, #b67d33 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size : 5.4vw;
line-height : 5.4vw;
white-space : nowrap;
font-weight : 400;
z-index: 2;
}


.phone_block .line_3 span{
color : #ffffff;
display : block;
position: relative;
font-size : 4.1vw;
line-height : 3.1vw;
white-space : nowrap;
font-weight : 300;
z-index: 2;
}







#pl {border-collapse : collapse; width : 100%;}
#pl td, #pl th {border-bottom : 1px dotted #cccccc; border-left : 0px solid #cccccc; padding : 14px 0px 14px 20px; text-align : center; line-height : 100%; white-space : nowrap;}
#pl td.sum {background-color : #B6DDE8; font-weight : 500; text-align : center !important; color : #000000; padding : 10px 12px 7px 12px!important; font-size : 22px;}

#pl th { line-height : 100%!important; background-color : #0082c5; color : #FFFFFF; white-space : nowrap;}
#pl a {color : #365F91;}
#pl b {display : block; line-height: 100%; padding-bottom : 5px;}

#pl th:nth-child(1) {text-align : left;}

#pl td:nth-child(1) {text-align : left;}
#pl td:nth-child(2) {text-align : center; }
#pl td:nth-child(3) {text-align : center; }
#pl td:nth-child(4) {text-align : center; font-weight : 500; color : #000000; font-size : 17px;}
#pl td:nth-child(5) {text-align : center;}
#pl td:nth-child(6) {text-align : center;}
#pl td:nth-child(7) {text-align : center; font-weight : 500; color : #000000; padding-right : 20px;}




#rc {border-collapse : collapse; border-top : 1px dotted #cccccc; width : 100%;}
#rc td {border-bottom : 1px dotted #cccccc; padding : 14px 20px 14px 20px; line-height : 125%; color : #000000;font-size : 13px;}
#rc td:nth-child(1) {font-weight : 500; white-space : nowrap;}
#rc td:nth-child(2) {}

#rc tr:hover {background : #f1f1f1;}


.plaintext {margin : 0px; padding : 7px 0px 0px 15px;}

.breadcrumb {
display : block;
margin-bottom: 20px;
}

.breadcrumb a {
color : #262626;
border-bottom : 1px dotted #262626;
}

.breadcrumb a:hover {
color : #000000;
border-bottom : 1px dotted #000000;
}

.bk_slash {
display : inline-block;
padding : 0px 7px 0px 7px;
font-size : 26px;
line-height : 14px;
color : #909090;
font-weight : 300;
}




/*#############################################*/
/*                   pop-up                    */
/*#############################################*/


#curtain {
width : 100%;
height : 100%;
position : fixed;
bottom : 0px;
right : 0px;
background : rgba(0,0,0,0.6);
z-index: 100000001;
}

#popup,
#tml,
#callback,
#order,
#mailtodirector
{
position : fixed;
top : calc(50% - 230px);
left : calc(50% - 250px);
border : 1px solid #FFFFFF;
background : #eaeaea;
width : 500px;
margin : auto;
box-shadow : 4px 4px 40px rgba(0,0,0,0.7); 
border-radius : 0px;
padding : 10px; 
z-index: 100000002;
}

#popup p,
#tml p,
#callback p,
#order,
#mailtodirector p
{
margin : 0px;;
}

.pop-up_close {
position : absolute;
top : 7px;
right : 7px;
font-weight : 700;
border-radius : 0px;
cursur : pointer;
width : 35px;
height : 35px;
padding : 0px;
overflow : hidden;
}

.pop-up_close:before {
	content : '\f00d';
	position: absolute;
	top: 8px;
	left: 10px;
	font-family: "FontAwesome";
	font-size: 18px;
	line-height: 18px;
}


.hid {
	opacity : 0;
	z-index: -1000!important;
	-moz-transition: 0.7s all ease !important;
	-o-transition: 0.7s all ease !important;
	-webkit-transition: 0.7s all ease !important;
	transition: 0.7s all ease !important;

}
.vis {
	opacity : 1;
	-moz-transition: 0.7s all ease !important;
	-o-transition: 0.7s all ease !important;
	-webkit-transition: 0.7s all ease !important;
	transition: 0.7s all ease !important;
}


#popup.hid ,
#tml.hid ,
#callback.hid ,
#order.hid,
#mailtodirector.hid 
{
	transform : scale(0);
}
#popup.vis,
#tml.vis ,
#callback.vis,
#order.vis
#mailtodirector.vis
{
	transform : scale(1);
}




.lens_blur {
    -webkit-filter: blur(1.4px);
    -moz-filter: blur(1.4px);
    -ms-filter: blur(1.4px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='2'/></filter></svg>#blur");
    filter: blur(2px);
    filter: progid: DXImageTransform.Microsoft.Blur(pixelRadius=2);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}





.frm {
	margin : 0px; 
	padding : 20px 25px 20px 35px;
	float : left;
}
.frm > div {
	float : left;
	margin : 0px 10px 0px 0px;
}
.inpt {
	margin : 6px 0px 20px 0px; 
	color : #000000;
	font-weight : 400;
	font-size : 24px;
	border-radius : 0px;
	border : 2px solid #FFFFFF;
	box-shadow : 3px 3px 7px rgba(0,0,0,0.2) inset;
	padding : 0px 10px;
	line-height : 200%;
	display : block;
}

textarea.inpt {
	color : #000000;
	font-weight : 400;
	font-size : 14px;
	line-height : 120%;
	padding : 10px 10px;
}

input.btn_base {
	line-height : 10px;
	cursor : pointer;
	display : block;
	margin : 0px 0px 0px auto;
 	font-size : 18px;
	border: 1px solid #ffffff;
 }

 input:disabled.btn_base{
	color : #FFFFFF!important;
	background : #d0d0d0;
	cursor : default;
	border: 1px solid #ffffff;
}


 
.frm > h3 > b{ 
	display : block;
	padding : 8px 0px 0px 0px;
	color : #c20000;
	font-weight : 300;
}






ol.legend {
width : calc(100% - 0px);
margin: 2vw 0 0 0;
padding : 0px;
list-style-type: none;
counter-reset: li;
}

ol.legend li{
display : block;
line-height : 100%;
color : #666666;
min-height : 44px;
overflow : hidden;
padding : 3vw 3vw 3vw 9vw;
margin : 0;
border : 0px solid #FFFFFF;
cursor : default;
position : relative;
font-weight : 300;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


ol.legend li b{
display : block;
color : #000000;
font-size: 6vw;
font-weight : 400;
line-height : 100%;
padding : 0vw 0vw 1vw 0vw;
}

ol.legend li span{
font-weight : 300;
}


ol.legend li:before {
content: counter(li);
counter-increment: li 1;
padding: 0px;
margin-left: 0px;
font-size: 5vw;
line-height: 7vw;
font-weight : 400;
text-align: center;
color: #ffffff;
position: absolute;
top : 2vw;
left : 0vw;
width : 7vw;
background : #c20000;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
border-radius: 200px;

}







ol.warning {
width : calc(100% - 0px);
margin: 20px 0px 40px 0px;
padding : 10px;
list-style-type: none;
background : url(/images/shell/bg_header.png) top left;
background-size: cover;
}

ol.warning li{
display : block;
background: rgba(194,0,0,.5);
border: 2px solid rgba(194,0,0,1);
width: calc(100% - 0px);
height: calc(100% - 0px);
line-height : 100%;
color : #FFFFFF;
height : auto;
overflow : hidden;
padding: 1vw 1vw 1.5vw 15vw;
margin : 0px;
position : relative;
font-size: 4vw;
font-weight : 300;
z-index : 1;
}


ol.warning li b{
display : block;
position : relative;
color : #FFFFFF;
background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 50%, #ffbd5c 50%, #b67d33 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 8vw;
font-weight : 400;
padding: 0px 0px 5px 0px;
}

ol.warning li b:before {
    content: attr(data-title);
    left: 0;
    position: absolute;
    text-shadow: 5px 5px 15px rgba(0, 0, 0, 1);
    top: 0;
    z-index: -1;
font-size: 8vw;
font-weight : 400;
}


ol.warning li:before {
content:"";
background: url(/images/shell/ok.png)top left;
background-size: 100%;
padding: 0px;
margin: 0px;
position: absolute;
top: 1vw;
left: 1vw;
width : 14vw;
height : 14vw;
}





ol.numered {
width : calc(100% - 0px);
margin: 0px;
padding : 0px;
list-style-type: none;
counter-reset: li;
}

ol.numered li{
display : block;
background : #dcecf8;
line-height : 120%;
min-height : 60px;
overflow : hidden;
padding : 12px 20px 10px 90px;
margin : 0px 0px 5px 0px;
border : 0px solid #FFFFFF;
cursor : default;
position : relative;
font-size: 14px;
font-weight : 300;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


ol.numered li b{
display : block;
color : #000000;
font-size: 16px;
font-weight : 500;
line-height : 100%;
padding : 0px 0px 4px 0px;
}


ol.numered li:before {
content: counter(li);
counter-increment: li 1;
padding: 0px;
margin-left: 0px;
font-size: 20px;
line-height: 60px;
font-weight : 800;
text-align: center;
color: #FFFFFF;
position: absolute;
top : 12px;
left : 12px;
width : 60px;
background : #256CA8;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;

}

ol.numered li:hover {
background : #e7ffc5;
color : #000000;
}



ol.numered li:hover:before {
background : #608f17;
}







.covers_example {
float : left;
padding : 5px 0px 0px 0px;
}
.covers_example img {
float : left;
width : calc(20% - 7px);
margin : 0px 5px 5px 0px;
border : 1px solid #d9d9d9;
}




.doorview_left {
float: left;
width: calc(100% - 0vw);
margin: 0 0vw 30px 0px;
padding : 0px;
}


.doorview_right {
float : left; 
width:calc(100% - 0px);
padding-bottom : 0px;
margin: 0px 0% 30px 0px;
}

.doorview_right p{
line-height : 120%;
padding-top : 5px;
}

.subcatalog_name h2{
margin-bottom : 12px;
font-size : 32px;
}
.subcatalog_name a{
display : inline-block;
margin-bottom : 30px;
}




.data {
width : 100%; 
border-collapse : collapse; 
margin : 0px 0px 60px 0px;
border-top : 1px solid #D5D5D3;
}
.data td {
padding : 3vw 2vw 3vw 0vw;
font-weight : 300; 
background : none; 
vertical-align : top; 
border-bottom : 1px solid #D5D5D3;
cursor : default;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


.data tr td:nth-child(1){color : #000000; font-weight : 300; width : 35%; border-left : 1px solid transparent;}
.data tr td:nth-child(2){color : #808080; font-weight : 300; border-right : 1px solid transparent;}
.data td b {display : block; padding : 0px 0px 4px 0px; color : #000000; font-weight : 300;}

.data tr:hover td {
background : #FFFFFF; 

}

.data tr:hover td:nth-child(1){
border-left : 1px solid #D5D5D3; 
}
.data tr:hover td:nth-child(2){
border-right : 1px solid #D5D5D3; 
}



.to_covers {
font-size : 14px;
line-height : 14px;
padding : 0px 4px 4px 4px !important;
float : left;
border : 1px solid #ccc;
}

.to_covers_1 {
margin : 10px 5px 20px 0px !important;
width : calc(50% - 5px) !important;
}

.to_covers_2 {
margin : 10px 0px 20px 5px !important;
width : calc(50% - 5px) !important;
}

.to_covers_all {
margin : -10px 0px 20px 0px !important;
width : calc(100% - 0px) !important;
}

.to_covers_1 img, .to_covers_2 img{
	float : left;
	width : calc(20% - 4px);
	margin : 2px;
}

.to_covers_all  img{
	float : left;
	width : calc(10% - 4px);
	margin : 2px;
}

.to_covers_1 span, .to_covers_2 span, .to_covers_all span{
	clear : both;
	display : block;
	color : #c20000;
	padding : .5vw 0 .5vw 0;
	font-size : 5vw;
	font-weight : 400;
	text-align : center;
}





.to_furn {
display: inline-block;
padding: 0px 0px 3px 0px !important;
margin: 8px 0px 0px 0px !important;
}


.data tr.tab_picture td:nth-child(1) {
padding : 10px;
}

.consult_block {
display : block;
background : #FFFFFF;
padding : 5px 20px 10px 20px;
margin : 0px 0px 10px 0px;
}

.consult_block p{
display : block;
padding : 0px;
margin : 10px 0px 10px 0px;
}

.consult_block a.phone{
display : block;
color : #000000;
font-size : 36px;
text-align : center;
font-weight : 500;
line-height : 100%;
}

.consult_block a.phone small{
color : #000000;
font-size : 26px;
font-weight : 500;
}

.consult_block a:hover.phone, .consult_block a:hover.phone small{
color : #e00000;
}




/*################################################################################################*/
/*                                       Bonus Block                                              */
/*################################################################################################*/



ol.bonus {
display : flex;
flex-wrap: wrap;
width : calc(100% - 0px);
margin: 0px;
padding : 10px 6px 6px 10px;
list-style-type: none;
float : left;
background: url(/images/shell/bg_header.png) top center #c20000;
background-size : cover;
position: relative;
}

ol.bonus li{
display : flex;
flex-direction: column;
width : calc(100% - 0px);
float : left;
background : rgba(194,0,0,.5);
border : 0px solid rgba(0,0,0,1);
line-height : 100%;
color : #FFFFFF;
padding : 1.6vw 1.6vw 1.6vw 15vw;
margin : 0px 4px 4px 0px;
position : relative;
font-size: 4.5vw;
font-weight : 300;
cursor : default;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
z-index: 1;
}

ol.bonus li b{
display : block;
position : relative;
color : #ffc42b;
background: linear-gradient(to bottom, #ffe2a7 5%, #FFFFFF 50%, #ffbd5c 50%, #b67d33 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height : 100%;
overflow : hidden;
font-size: 5.7vw;
padding : 0vw 0vw 1vw 0vw;
font-weight : 500;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

ol.bonus li b:before {
    content: attr(data-title);
    left: 0;
    position: absolute;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
    top: 0;
    z-index: -1;
font-size: 5vw;
padding : 0vw 0vw .2vw 0vw;
font-weight : 500;
}


ol.bonus li:before{
content: "";
background : rgba(194,0,0,.5);
border : 2px solid rgba(194,0,0,1);
opacity : 0;
padding: 0px;
margin: 0px;
position: absolute;
width : calc(100% - 4px);
height : calc(100% - 4px);
top : 0px;
left : 0px;
z-index: -1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


ol.bonus li:hover:before{
background : rgba(194,0,0,.5);
border : 2px solid rgba(194,0,0,1);
opacity : 1;
}

ol.bonus li:after {
content:"";
background: url(/images/shell/ok.png)top left;
background-size: 100%;
padding: 0px;
margin: 0px;
position: absolute;
top: .7vw;
left: .5vw;
width : 15vw;
height : 15vw;
}


ol.bonus li:hover{
color : #FFFFFF;
}

ol.bonus li:hover b{
color : #ffc42b;
}



ol.bonus li:nth-child(3n){
margin : 0px 0px 5px 0px;
}





/*################################################################################################*/
/*                                       Stage Block                                              */
/*################################################################################################*/



ol.stage {
d!isplay : flex;
width : calc(100% - 0px);
margin: 0px;
padding : 3px 0px 30px 0px;
list-style-type: none;
counter-reset: li;
float : left;
}

ol.stage li{
display : block;
width : calc(100% - 0px);
f!loat : left;
background: url(/images/shell/bg_footer.png) top center #c20000;
line-height : 100%;
color : #FFFFFF;
overflow : hidden;
padding : 0px;
margin : 0px 0px 4px 0px;
position : relative;
font-size: 30px;
font-weight : 300;
cursor : default;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;

}

ol.stage li a{
display : block;
position : relative;
z-index : 3;
padding : 1.4vw 1.4vw 4.4vw 1.4vw;
color : #FFFFFF;
cursor : pointer;
text-decoration : none;
border : 0px;
font-size: 3vw;
line-height: 90%;
}

ol.stage li img{
width : 25%;
height : auto;
margin : 0vw 1vw 1vw 1vw;
float : left;
}


ol.stage li b{
display : block;
color : #FFFFFF;
line-height : 90%;
overflow : hidden;
font-size: 5vw;
padding : 2vw 0vw 1vw 0vw;
font-weight : 400;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}





ol.stage li:nth-child(5n){
margin : 0px 0px 5px 0px;
}


ol.stage li:before {
content: '';
display: block;
width: calc(100% - 14px);
height: calc(100% - 14px);
position: absolute;
background: rgba(194,0,0,.5);
border: 2px solid rgba(194,0,0,1);
top: 5px;
left: 5px;
background-image: url(/images/spacer.png);
background-size: 150%;
background-position: center center;
z-index : 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

ol.stage li:hover:before {
background: rgba(194,0,0,.8);
border: 2px solid rgba(255,0,0,1);
}


ol.stage li .btn_base {
position : absolute; 
width : 56%; 
bottom : 30px; 
left : calc(50% - 28%); 
border-radius : 200px; 
padding-bottom : 12px; 
border : 2px solid #FFFFFF;
background : #262626;
color : #ffc42b;
z-index : 4;
}

ol.stage li:hover .btn_base {
background : #ffc42b;
color : #000000;
}