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

@media screen and (min-width:1000px) {
*{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight : 300;
	Color : #474747;
	font-size : 16px;
	line-height : 110%;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
}

@media screen and (max-width:1000px) {
*{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight : 300;
	Color : #474747;
	font-size : 40px;
	line-height : 110%;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
}

body {
	margin: 0;
	background-color: #FFF; 
	min-width: 980px;
}

#bd {
	margin : 0px auto!important;
	position : relative;
	min-width : 960px;
	width : auto;
}

.container {
	display : block;
	min-width : 960px;
	width : calc(100% - 80px);
	margin : 0px auto!important;
	position : relative;
}

table {
}

.clear {
	clear: both;
}

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

a, a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration: none;
}

a, a:link, a:visited {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a:hover, a:active, a:focus {
}

h1, h2, h3, h4, h5 {
	display: block;
	font-weight: normal;
	position : relative;
	line-height : 90%;
	clear : both;
}



@media screen and (min-width:1000px) {
h1 {
	font-size : 54px;
	color : #000000;
	font-weight : 300;
	padding : 40px 0px 15px 0px;
	text-align : center;
	margin-bottom : 30px;
}
h2 {
	font-size : 44px;
	color : #000000;
	font-weight : 300;
	padding : 60px 0px 20px 0px;
	text-align : center;
	line-height: 42px;
}
h3 {
	font-size : 24px;
	color : #000000;
	font-weight : 300;
	padding : 0px 0px 10px 0px;
}
h4  {
	padding-top : 30px;
	padding-bottom : 10px;
	color : #000000;
	font-size : 24px;
	font-weight : 300;
}


h2 > b {
	display : block;
	font-size : 24px;
	color : #000000;
	font-weight : 300;
	padding : 5px 0px 0px 0px;
	text-align : center;
}
}







@media screen and (max-width:1000px) {
h1 {
	font-size : 74px;
	color : #000000;
	font-weight : 300;
	padding : 40px 0px 15px 0px;
	text-align : center;
	margin-bottom : 30px;
}
h2 {
	font-size : 64px;
	color : #000000;
	font-weight : 300;
	padding : 60px 0px 20px 0px;
	text-align : center;
	line-height: 62px;
}
h3 {
	font-size : 54px;
	color : #000000;
	font-weight : 300;
	padding : 0px 0px 10px 0px;
}
h4  {
	padding-top : 40px;
	padding-bottom : 10px;
	color : #000000;
	font-size : 24px;
	font-weight : 300;
}


h2 > b {
	display : block;
	font-size : 34px;
	color : #000000;
	font-weight : 300;
	padding : 5px 0px 0px 0px;
	text-align : center;
}
}







ol, ul {

}


a {
	color : #c20000;
}


p {
	margin : 0px 0px 7px 0px;
	line-height : 130%
}

p.title_1,
p.bold
{
	color : #000000;
	margin : 0px 0px 10px 0px;
}

p.title_1 {
	font-size : 46px;
}

p.bold, p.bold * {
	font-size : 20px;
}


/*#############################################*/
/*                  Controls                   */
/*#############################################*/

.btn_base {
	position: relative;
	display: inline-block;
	width: auto;
	word-spacing: normal;
	font-size: 14px;
	font-weight: 300;
	line-height: 14px;
	height: 48px;
	line-height : 48px;
	padding: 0px 25px 0px 25px;
	color: #FFF;
	background: -moz-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -webkit-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -o-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -ms-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
	border : 1px solid #d70000;
	text-align : center;
	z-index: 2;
	-moz-transition: 0.5s all ease !important;
	-o-transition: 0.5s all ease !important;
	-webkit-transition: 0.5s all ease !important;
	transition: 0.5s all ease !important;
	overflow : hidden;
	text-transform : none;
}


.btn_base:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	font-family: "FontAwesome";
	font-size: 28px;
	line-height: 70px;
	background: rgba(255,0,0,0.4);
	width : 100%;
	height : 100%;
	z-index: -1;
	opacity : 0;
	transform : scaleY(0);
	-moz-transition: 0.5s all ease !important;
	-o-transition: 0.5s all ease !important;
	-webkit-transition: 0.5s all ease !important;
	transition: 0.5s all ease !important;
}


.btn_base:hover:after {
	opacity : 1;
	transform : scaleY(1);
}




/*#############################################*/
/*                   Header                    */
/*#############################################*/

#header {
	display : block;
	width : auto;
	height : 206px;
	background: url(/images/bg_header.jpg) top left no-repeat #161719;
}


.header_logo {
	position : absolute;
	top : 0px;
	left : 0px;
}

.header_right {
	position : absolute;
	top : 38px;
	right : 0px;
	text-align : right;
}

.header_right .btn_base{
position: relative;
display: inline-block;
width: auto;
word-spacing: normal;
font-size: 14px;
font-weight: 300;
line-height: 14px;
height: 62px;
line-height: 24px;
padding: 10px 20px 0px 20px;
color: #FFF;
background: -moz-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
background: -webkit-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
background: -o-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
background: -ms-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
background: linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
border: 1px solid #d70000;
text-align: left;
z-index: 2;
-moz-transition: 0.5s all ease !important;
-o-transition: 0.5s all ease !important;
-webkit-transition: 0.5s all ease !important;
transition: 0.5s all ease !important;
}


.header_phone{
	height: 52px;
	position : absolute;
	top : 35px;
	right : 260px;
	text-align : right;
	display : block;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

.header_phone > a.phone{
	color : #FFFFFF;
	font-size : 38px;
	line-height : 34px;
	white-space : nowrap;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

.header_phone a.callback{
	color : #a3a5a6;
	font-weight: 400;
	display : inline-block;
	padding : 0px 3px 0px 0px;
	font-size : 12px;
	line-height : 18px;
	text-transform : none;
}

.header_phone a:hover{
	color : #ff0000;
}


/*#############################################*/
/*                   Poster                    */
/*#############################################*/

#poster {
	display : block;
	position : relative;
	width : auto;
	height : 540px;
	border-bottom : 0px solid #161719;
}

#poster_counter {
	position : relative;
	height: 540px;
	margin-top : -540px;
}

#poster .container {
	width : 960px;
}

#poster_counter > .container > div {
	position : absolute;
	top : 80px;
	left: 0px;
	width : 425px;
	height: 365px;
	background : rgba(0,0,0,0.6);
	z-index : 20;
	text-align : center;
}

#poster_counter > .container > div > .title {
	color : #FFFFFF;
	font-size : 40px;
	display : block;
	padding : 30px 0px 20px 0px;
}

#poster_counter > .container > div > .text {
	color : #FFFFFF;
	font-size : 20px;
	display : block;
	padding : 0px 0px 10px 0px;
	margin : 0px auto;
	width : 350px;
}

#poster_counter > .container > div > .comment {
	color : rgba(255,255,255,1);
	font-size : 14px;
	display : block;
	padding : 0px 0px 20px 0px;
	margin : 0px auto;
	width : 350px;
}


.poster_title {
	display : block;
	position : absolute;
	top : 95px;
	right : 0px;
	width : 500px;
	text-align : right;
	color : #FFFFFF;
	font-weight : 300;
	font-size : 43px;
	text-transform : uppercase;
}

.poster_text {
	display : block;
	position : relative;
	width : auto;
	margin : 20px 0px 0px 160px;
	text-align : right;
	color : rgba(255,255,255,0.7);
	font-weight : 300;
	font-size : 15px;
	text-transform : none;
}

.poster_button {
	display : block;
	position : absolute;
	top : 370px;
	right : 0px;
	width : 480px;
	text-align : right;
	color : rgba(255,255,255,0.7);
	font-weight : 300;
	font-size : 15px;
}

.poster_button > a {
	position: relative;
	display: inline-block;
	word-spacing: normal;
	font-size: 14px;
	font-weight: 300;
	line-height: 14px;
	height: 48px;
	line-height : 48px;
	padding: 0px;
	width : 250px;
	color: #FFF;
	background: rgba(0,0,0,0.3);
	border : 1px solid #FFFFFF;
	text-align : center;
	z-index: 2;
	-moz-transition: 0.5s all ease !important;
	-o-transition: 0.5s all ease !important;
	-webkit-transition: 0.5s all ease !important;
	transition: 0.5s all ease !important;
	overflow : hidden;
}


.poster_button > a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	font-family: "FontAwesome";
	font-size: 28px;
	line-height: 70px;
	background: #c20000;
	width : 100%;
	height : 100%;
	z-index: -1;
	opacity : 0;
	transform : scaleY(0);
	-moz-transition: 0.5s all ease !important;
	-o-transition: 0.5s all ease !important;
	-webkit-transition: 0.5s all ease !important;
	transition: 0.5s all ease !important;
}


.poster_button > a:hover:after {
	opacity : 1;
	transform : scaleY(1);
}



/*#############################################*/
/*                 reasons                     */
/*#############################################*/

#reasons {
	background: -moz-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -webkit-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -o-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -ms-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
	padding : 30px 0px 60px 0px;
}

#reasons > .container {
	text-align : center;
	padding : 3px 0px 0px 0px;
	min-width : 500px!important;
}

#reasons > .container > p{
	color : #FFFFFF;
	text-align : center;
	font-size : 42px;
	margin : 0px;
	padding : 0px 0px 20px 0px;
}

#reasons > .container > span{
	text-align : center;
	display : inline-block;
	color: #FFFFFF;
	background :#d20000;
	border : 1px solid #e70000;
	width : calc(18% - 10px);
	padding : 25px 0px 20px 0px;
	margin : 0px 1px;
	line-height : 90%;
}

#reasons > .container > span > img {
	margin : 0px auto 15px auto;
	height : 60px;
	display : block;
}






/*#############################################*/
/*               testimonials                  */
/*#############################################*/

#testimonials {
	background-color : #eaeaea;
	padding : 0px;
	margin-top : 0px;
}

#testimonials > .container {
	text-align : center;
	padding : 0px 0px 0px 0px;
}

#testimonials > .container > div {
	min-width : 960px;
	margin-bottom : 0px;
	text-align : center;
}

#testimonials > .container > div > span {
	display : inline-block;
	width : calc(25% - 10px);
	height : 385px;
	margin : 0px 0px 10px 10px;
	text-align : center;
	position : relative;
	float : left;
	overflow : hidden;
}


@media screen and (max-width:1300px) {
#testimonials > .container > div > span {
	width : calc(33% - 8px);
}

#testimonials > .container > div > span.one_more {
display : none;
}
}

@media screen and (max-width:1000px) {
#testimonials > .container > div > span {
	width : calc(50% - 10px);
}

#testimonials > .container > div > span.one_more {
display : block;
}
}





#testimonials > .container > div > span > img {
	width : 100%;
	height : auto;
	position : relative;
}

#testimonials > .container > div > span > em {
	display : block;
	width : 100%;
	height : 500px;
	font-style : normal;
	background : rgba(0,0,0,0.7);
	position : absolute;
	left : 0px;
	top : 280px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color : #FFFFFF;
}

#testimonials > .container > div > span:hover > em {
	top : 0px;
}

#testimonials > .container > div > span> em > .family {
	display : block;
	color : #FFFFFF;
	font-size : 28px;
	padding : 0px 0px 5px 0px;
}

#testimonials > .container > div > span > em > .name {
	display : block;
	color : #FFFFFF;
	font-size : 20px;
	padding : 15px 0px 0px 0px;
}

#testimonials > .container > div > span > em > .who {
	display : block;
	color : #FFFFFF;
	font-size : 14px;
	padding : 0px 0px 5px 0px;
}

#testimonials > .container > div > span > em > .quote {
	display : block;
	color : #FFFFFF;
	font-size : 16px;
	line-height : 125%;
	padding : 10px 30px 5px 30px;
}






.testimonials {
	display : block;
	float : left;
	clear : both;
	width : 100%;
	margin : 0px 0px 50px 0px;
	background : #f5f5f5;
}


.testimonials > img{
	float : left;
	width : calc(35% - 25px)!important;
	margin : 0px 25px 0px 0px;	
	height : auto!important;
}


.testimonials > em{
	float : left;
	display : block;
	width : calc(65% - 25px);
	margin : 0px 0px 30px 25px;
	font-style : normal;
}

.testimonials > em > .family {
	display : block;
	color : #000000;
	font-size : 28px;
	padding : 0px 0px 5px 0px;
}

.testimonials > em > .name {
	display : block;
	color : #000000;
	font-size : 20px;
	padding : 15px 0px 0px 0px;
}

.testimonials > em > .who {
	display : block;
	color : #000000;
	font-size : 14px;
	padding : 0px 0px 5px 0px;
}

.testimonials > em > .quote {
	display : block;
	color : #000000;
	font-size : 16px;
	line-height : 125%;
	padding : 10px 30px 5px 30px;
}










/*#############################################*/
/*                  contacts                   */
/*#############################################*/

#contacts {
	background-color : #161719;
	padding : 70px 0px 60px 0px;
}

#contacts > .container {
	text-align : center;
	padding : 0px 0px 0px 0px;
}

#contacts > .container > span
{
	display : block;
	text-align : center;
	color : #FFFFFF;
	padding : 20px 0px 10px 0px; 

}

#contacts > .container > span > a
{
	color : #FFFFFF;
	font-size : 62px;
}
#contacts > .container > span > a > small
{
	color : #FFFFFF;
	font-size : 42px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


#contacts > .container > span > a:hover,
#contacts > .container > span > a:hover > small,
#contacts > .container > a:hover
{
	color : #ff0000;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	
}

#contacts > .container > span > small
{
	font-size : 42px;
}

#contacts > .container > p
{
	display : block;
	text-align : center;
	color : #FFFFFF;
	padding : 10px 0px 20px 0px;
	font-size : 16px;
}

#contacts > .container > p.comment
{
	display : block;
	text-align : center;
	color : #747474;
	padding : 10px 160px 10px 160px;
	font-size : 16px;
}

#contacts > .container > p > small
{
	display : block;
	text-align : center;
	color : #747474;
	font-size : 12px;
	padding : 0px 0px 10px 0px;
}

#contacts > .container > a
{
	display : inline-block;
	padding : 0px 0px 20px 0px;
	font-size : 22px;
}

#contacts > .container >.footer_logo {
padding-left : 10px;
}



/*############################################################*/
/*                          social                            */
/*############################################################*/

#social {
	border-top : 1px solid #212121;
	background :#161719;
	height: 70px;
	margin-top: 0px;
	clear : both;
}

#social ul {
	height: 70px;
	margin : 0px;
	padding : 0px;
}

#social ul li{
	float : left;
	display : block;
	margin : 0px;
	padding : 20px 5px 10px 0px;
	color : #ffffff;
	line-height : 30px;
}

#social ul li a {
	display : block;
	position :relative;
	height: 32px;
	width : 30px;
	margin : 0px;
	padding : 0px;
}

#social ul li a:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0;
	width : 30px;
	font-family: "FontAwesome";
	font-size: 18px!important;
	text-align : center;
	color: #ffffff;
	background: -moz-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -webkit-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -o-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -ms-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
	line-height :30px;
	border-radius :0px;
	border : 1px solid #FFFFFF;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#social ul li a.fb:before {
	content: "\f09a";
}

#social ul li a.vk:before {
	content: "\f189";
}

#social ul li a.ok:before {
	content: "\f263";
}

#social ul li a.twitter:before {
	content: "\f099";
}

#social ul li a.instagram:before {
	content: "\f16d";
}

#social ul li a.blog:before {
	content: "\f19e";
}


#social ul li a:hover:before {
	background :#ffffff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

}

#social ul li a.fb:hover:before {
	color : #3b5998;
}

#social ul li a.vk:hover:before {
	color : #45668e;
}

#social ul li a.ok:hover:before {
	color : #ff8400;
}

#social ul li a.twitter:hover:before {
	color : #55acee;
}

#social ul li a.instagram:hover:before {
	color : #3f729b;
}

#social ul li a.blog:hover:before {
	color : #ee0000;
}









/*#############################################*/
/*                   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;
}

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

 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;
}





/*#############################################*/
/*             shortcuts block                 */
/*#############################################*/



#catalog > .container > a {
	display : block;
	float : left;
	position : relative;
	height : auto;
	width : calc(25% - 10px);
	margin : 0px 0px 10px 10px;
	text-align : center;
	color : #000000;
	font-size : 22px;
	text-transform : uppercase;
	font-weight : 300;
	background : #eaeaea;
	overflow : hidden;
}


#catalog > .container > a:before {
	content : '';
	display : block;
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	background : rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;	
	z-index : 1;
	opacity : 1;
}

#catalog > .container > a:hover:before {
	opacity : 0;
}



@media screen and (min-width:1300px) {
#catalog > .container > a {
	width : calc(25% - 10px);
}
#catalog > .container > a > em{
	display : block;
	position : absolute;
	bottom : 0px;
	left : 0px;
	text-align : center;
	color : #FFFFFF;
	font-size : 24px;
	text-transform : none;
	font-weight : 300;
	font-style : normal;
	line-height : 120%;
	background : rgba(0,0,0,0.7);
	width : calc(100% - 0px);
	padding : 16px 0px 20px 0px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	z-index : 2;

}

#catalog > .container > a:hover {
	color : #FF0000;
	background : #161719;
}

#catalog > .container > a:hover > em {
	color : #FFFFFF;
	text-transform : none;
	background : rgba(194,0,0,0.9);
}


#catalog > .container > a > img{
	height : auto;
	width: 100%;
	background-size : cover!important;
	background-position: center center !important;
	transform : scale(1);
	transform-origin : 50% 50%;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}


#catalog > .container > a:hover > img{
	transform : scale(1.5);
	-webkit-transition: all 8s linear;
	-moz-transition: all 8s linear;
	-o-transition: all 8s linear;
	-ms-transition: all 8s linear;
	transition: all 8s linear;
}

#catalog > .container > a > em > b {
	padding : 0px 0px 0px 0px;
	font-size : 14px;
	display : block;
	width : calc(100% - 40px);
	margin : 5px auto 0px auto;
	padding-top : 5px;
	color : #FFFFFF;
	border-top : 1px solid rgba(255,255,255,0.2);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#catalog > .container > a:hover > em > b {
	color : #FFFFFF;
}
}

@media screen and (max-width:1300px) {
#catalog > .container > a {
	width : calc(33% - 8px);
}
#catalog > .container > a > em{
	display : block;
	position : absolute;
	bottom : 0px;
	left : 0px;
	text-align : center;
	color : #FFFFFF;
	font-size : 24px;
	text-transform : none;
	font-weight : 300;
	font-style : normal;
	line-height : 120%;
	background : rgba(0,0,0,0.7);
	width : calc(100% - 0px);
	padding : 16px 0px 20px 0px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	z-index : 2;

}

#catalog > .container > a:hover {
	color : #FF0000;
	background : #161719;
}

#catalog > .container > a:hover > em {
	color : #FFFFFF;
	text-transform : none;
	background : rgba(194,0,0,0.9);
}


#catalog > .container > a > img{
	height : auto;
	width: 100%;
	background-size : cover!important;
	background-position: center center !important;
	transform : scale(1);
	transform-origin : 50% 50%;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}


#catalog > .container > a:hover > img{
	transform : scale(1.5);
	-webkit-transition: all 8s linear;
	-moz-transition: all 8s linear;
	-o-transition: all 8s linear;
	-ms-transition: all 8s linear;
	transition: all 8s linear;
}

#catalog > .container > a > em > b {
	padding : 0px 0px 0px 0px;
	font-size : 14px;
	display : block;
	width : calc(100% - 40px);
	margin : 5px auto 0px auto;
	padding-top : 5px;
	color : #FFFFFF;
	border-top : 1px solid rgba(255,255,255,0.2);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#catalog > .container > a:hover > em > b {
	color : #FFFFFF;
}
}

@media screen and (max-width:1000px) {
#catalog > .container > a {
	width : calc(50% - 10px);
}
#catalog > .container > a > em{
	display : block;
	position : absolute;
	bottom : 0px;
	left : 0px;
	text-align : center;
	color : #FFFFFF;
	font-size : 42px;
	text-transform : none;
	font-weight : 300;
	font-style : normal;
	line-height : 120%;
	background : rgba(0,0,0,0.7);
	width : calc(100% - 0px);
	padding : 16px 0px 20px 0px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	z-index : 2;

}

#catalog > .container > a:hover {
	color : #FF0000;
	background : #161719;
}

#catalog > .container > a:hover > em {
	color : #FFFFFF;
	text-transform : none;
	background : rgba(194,0,0,0.9);
}


#catalog > .container > a > img{
	height : auto;
	width: 100%;
	background-size : cover!important;
	background-position: center center !important;
	transform : scale(1);
	transform-origin : 50% 50%;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}


#catalog > .container > a:hover > img{
	transform : scale(1.5);
	-webkit-transition: all 8s linear;
	-moz-transition: all 8s linear;
	-o-transition: all 8s linear;
	-ms-transition: all 8s linear;
	transition: all 8s linear;
}

#catalog > .container > a > em > b {
	padding : 0px 0px 0px 0px;
	font-size : 30px;
	display : block;
	width : calc(100% - 40px);
	margin : 5px auto 0px auto;
	padding-top : 5px;
	color : #FFFFFF;
	border-top : 1px solid rgba(255,255,255,0.2);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

#catalog > .container > a:hover > em > b {
	color : #FFFFFF;
}
}







/*######################################################################*/
/* menu block                                                           */
/*######################################################################*/


#submenu_1 .container > a {
	display : block;
	float : left;
	position : relative;
	height : auto;
	width : calc(25% - 2px);
	margin : 0px 0px 2px 2px;
	text-align : center;
	color : #000000;
	text-transform : uppercase;
	font-weight : 300;
	background : #eaeaea;
	overflow : hidden;
}

@media screen and (max-width:1300px) {
#submenu_1  .container > a {
	width : calc(33% - 2px);
}
}

@media screen and (max-width:1000px) {
#submenu_1  .container > a {
	width : calc(50% - 2px);
}
}



#submenu_1 .container > a > em{
	display : block;
	float : left;
	text-align : left;
	color : #FFFFFF;
	font-size : 18px;
	text-transform : none;
	font-weight : 300;
	font-style : normal;
	line-height : 120%;
	background : rgba(0,0,0,0.7);
	width : calc(100% - 30px);
	padding : 12px 10px 12px 20px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;	
	z-index : 2;	
}


#submenu_1 .container > a:hover > em {
	color : #FFFFFF;
	text-transform : none;
	background : rgba(194,0,0,0.9);
}


#submenu_1 .container > a > em > b {
	padding : 0px 0px 0px 0px;
	font-size : 14px;
	position : absolute;
	text-align : right;
	top : 12px;
	right : 0px;
	display : block;
	width : calc(25%);
	margin : 5px auto 0px auto;
	padding-right : 15px;
	color : #FFFFFF;
	border-left : 1px solid rgba(255,255,255,0.2);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;	
}

#submenu_1 .container > a:hover > em > b {
	color : #FFFFFF;
}



/*######################################################################*/
/* left menu block                                                      */
/*######################################################################*/


#leftmenu > a {
	display : block;
	float : left;
	position : relative;
	height : auto;
	width : calc(25% - 2px);
	margin : 0px 0px 2px 2px;
	text-align : center;
	color : #000000;
	text-transform : uppercase;
	font-weight : 300;
	background : #eaeaea;
	overflow : hidden;
	width : calc(100% - 2px);
}


#leftmenu > a > em{
	display : block;
	float : left;
	text-align : left;
	color : #FFFFFF;
	font-size : 18px;
	text-transform : none;
	font-weight : 300;
	font-style : normal;
	line-height : 120%;
	background : rgba(0,0,0,0.7);
	width : calc(100% - 30px);
	padding : 12px 10px 12px 20px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;	
	z-index : 2;	
}


#leftmenu > a:hover > em {
	color : #FFFFFF;
	text-transform : none;
	background : rgba(194,0,0,0.9);
}


#leftmenu > a > em > b {
	padding : 0px 0px 0px 0px;
	font-size : 14px;
	position : absolute;
	text-align : right;
	top : 12px;
	right : 0px;
	display : block;
	width : calc(25%);
	margin : 5px auto 0px auto;
	padding-right : 15px;
	color : #FFFFFF;
	border-left : 1px solid rgba(255,255,255,0.2);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;	
}

#leftmenu > a:hover > em > b {
	color : #FFFFFF;
}










.text_1coll {
	display : block;
	width : 75%;
	text-align : justify;
	margin : 30px auto 0px auto;
	clear : both;
}





.text_2coll {
	display : block;
	float : left;
	clear : both;
	width : 100%;
}

.text_2coll > div{
	display : block;
	float : left;
	width : calc(50% - 25px);
	text-align : justify;
}

.text_2coll > div:nth-child(1){
	margin : 0px 25px 0px 0px;	
}

.text_2coll > div:nth-child(2){
	margin : 0px 0px 0px 25px;	
}





.door_page {
	display : block;
	float : left;
	clear : both;
	width : 100%;
}


@media screen and (min-width:1000px) {
.door_page > div{
	display : block;
	float : left;
	width : calc(50% - 25px);
}
.door_page > div:nth-child(1){
	margin : 0px 25px 0px 0px;
}

.door_page > div:nth-child(2){
	margin : 0px 0px 0px 25px;
}
}

@media screen and (max-width:1000px) {
.door_page > div{
	display : block;
	float : left;
	width : calc(100% - 0px);
}
.door_page > div:nth-child(1){
	margin : 0px 0px 0px 0px;
}

.door_page > div:nth-child(2){
	margin : 0px 0px 0px 0px;
}
}



.door_page > div:nth-child(2) > h3{
	padding : 0px 0px 10px 0px;	
	margin : 0px 0px 0px 0px;	
	border-bottom : 5px solid #c20000;
}

.door_page > div:nth-child(2) > ul{
	margin : 20px 0px 50px 0px!important;	
}

.door_description{
	padding : 0px 0px 0px 0px;	
	margin : 0px 0px 0px 0px;	
}

.door_description td{
	padding : 8px 10px 10px 0px;	
	border-bottom : 1px solid #eaeaea;
}






/*#############################################*/
/*               breadcrumbs                   */
/*#############################################*/

#breadcrumbs {
	border-bottom : 1px solid #eaeaea;
}

#breadcrumbs > .container > ul {
	display : block;
	margin : 0px 0px 0px 7px;
	padding : 0px;
	height : 42px;
}

#breadcrumbs > .container > ul > li {
	display : block;
	height : 42px;
	padding : 0px 42px 0px 0px;
	float : left;
	list-style : none;
	position : relative;
	line-height : 42px;
	font-size : 14px;
	color : #747474;
}

#breadcrumbs > .container > ul > li:after {
	display : block;
	height : 42px;
	width : 42px;
	position : absolute;
	top : 0px;
	right : 0px;
	content: "\f053";
	font-family: "FontAwesome";
	font-size: 8px;
	line-height: 44px;
	text-align : center;
	color : #c0c0c0;
}

#breadcrumbs > .container > ul > li > a{
	display : block;
	height : 42px;
	line-height : 42px;
	font-size : 14px;
}

#breadcrumbs > .container > ul > li:nth-child(1){
	padding-left : 25px;
}

#breadcrumbs > .container > ul > li:nth-child(1) > a{
}

#breadcrumbs > .container > ul > li:nth-child(1) > a:after{
	content: "\f015";
	font-family: "FontAwesome";
	font-size: 18px;
	line-height: 40px;
	position : absolute;
	top : 0px;
	left : 0px;
}



/*#############################################*/
/*                 splitter                    */
/*#############################################*/

.splitter {
	font-size : 0px;
	padding-top : 40px;
	margin-bottom : 0px;
	border-bottom : 1px solid #dadada;
	clear : both;
}




@media screen and (min-width:1000px) {
#leftmenu {
float : left;
width : 260px;
padding : 0px 0px 0px 0px;
}
#rightside {
float : left;
width : calc(100% - 310px);
padding-left : 50px;
}
}


@media screen and (max-width:1000px) {
#leftmenu {
display : none;
float : left;
width : 260px;
padding : 0px 0px 0px 0px;
}
#rightside {
float : left;
width : 100%;
padding-left : 0px;
}
}


#leftmenu span{
float : right;
display : block;
width : calc(100% - 2px);
color : #000000;
font-size : 26px;
font-weight : 300;
margin : 0px 0px 2px 0px;
padding : 40px 0px 7px 0px;
border-bottom : 3px solid #c20000;
}

#rightside h1, #rightside h2, #rightside h3, #rightside h4, #rightside h5, #rightside h6{
text-align : left!important;
}

#rightside ul {
margin : 0px;
padding : 0px 0px 0px 20px;
list-style: none;
}

#rightside ul li{
	text-align : left!important;
	padding : 0px 0px 8px 18px;
	position : relative;
}

#rightside ul li:after{
	content: "\f054";
	position: absolute;
	top: 0;
	left: 0;
	font-family: "FontAwesome";
	font-size: 12px;
	line-height: 20px;
	color : #c20000;
}

#delivery {
	width : 100%;
	border-spacing: 0px 1px
}
#delivery td:nth-child(1) {
	padding : 7px 10px 7px 30px;
}
#delivery td:nth-child(2) {
	padding : 7px 20px 7px 10px;
	text-align : right;
}
#delivery th {
	padding : 10px 10px 10px 10px;
	color : #FFFFFF;
	background : #464646;
}

#delivery tr {
	background : #f5f5f5;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;	
	
}
#delivery tr:hover {
	background : #c20000;
}
#delivery tr:hover td {
	color : #FFFFFF;
}







/*#############################################*/
/*                door pages                   */
/*#############################################*/


.door_page > div > .door_preview {
	width : 100%;
	text-align : center;
}

@media screen and (min-width:1000px) {
.door_page > div > .door_preview > .door_price{
	clear : both;
	display : block;
	padding : 8px 30px 10px 30px;
	color : #FFFFFF;
	background: -moz-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -webkit-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -o-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -ms-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
	border : 0px solid #d70000;
	border-radius : 0px 0px 0px 0px;
	font-size : 28px;
	font-weight : 400;
	margin-top : -0px;
}
}
@media screen and (max-width:1000px) {
.door_page > div > .door_preview > .door_price{
	clear : both;
	display : block;
	padding : 18px 30px 20px 30px;
	color : #FFFFFF;
	background: -moz-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -webkit-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -o-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: -ms-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
    background: linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
	border : 0px solid #d70000;
	border-radius : 0px 0px 0px 0px;
	font-size : 68px;
	font-weight : 400;
	margin-top : -0px;
}
}
.door_page > div > .door_preview > .door_name{
	clear : both;
	display : block;
	padding : 20px 0px 15px 0px;
	display : none;
}
.door_page > div > .door_preview > .door_article{
	clear : both;
	display : block;
	padding : 20px 0px 15px 0px;
	display : none;
}
.door_page > div > .door_preview > .door_phone{
	clear : both;
	display : block;
	padding : 20px 0px 15px 0px;
}

.door_page > div > .door_preview > .door_phone{
	clear : both;
	display : block;
	padding : 20px 0px 15px 0px;
}

@media screen and (min-width:1000px) {
.door_page > div > .door_preview > .door_phone > .num{
	display : block;
	padding : 0px 0px 0px 0px;
	font-size : 48px;
}
}

@media screen and (max-width:1000px) {
.door_page > div > .door_preview > .door_phone > .num{
	display : block;
	padding : 0px 0px 0px 0px;
	font-size : 78px;
}
}

.door_page > div > .door_preview > .doors_link{
	width : 100%;
	height : auto;
	display : none;
}
.door_page > div > .door_preview > img{
	width : 100%;
	height : auto;
	display : none;
}
.door_page > div > .door_preview > .order{
	text-align : center;
	padding : 10px 0px 50px 0px;
}

@media screen and (min-width:1000px) {
.door_page > div > .door_preview > .order > .btn_base{
	font-size : 22px!important;
	padding : 10px 50px 12px 50px!important;
}
}
@media screen and (max-width:1000px) {
.door_page > div > .door_preview > .order > .btn_base{
	font-size : 52px!important;
	padding : 20px 50px 22px 50px!important;
}
}
.door_page > div > .door_preview > .options{
	border : 1px solid #eaeaea;
	background : #f5f5f5;
	padding : 30px 20px 15px 30px;
}
.door_page > div > .door_preview > .options > ul{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	list-style: none;
}
.door_page > div > .door_preview > .options > ul > li{
    text-align: left !important;
    padding: 0px 0px 14px 35px !important;
    position: relative;
	color : #c20000;
	font-weight : 400;
	text-shadow : 0px 0px 30px #FFffff, 0px 0px 20px #FFffff, 0px 0px 10px #FFffff, 0px 0px 5px #FFffff;
}
.door_page > div > .door_preview > .options > ul > li:after{
	content: "\f046" !important;
	position: absolute;
	top: 0;
	left: 0;
	font-family: "FontAwesome";
	font-size: 24px !important;
	line-height: 20px;
	color: #c20000;
}




@media screen and (min-width:1000px) {

.doors_list > div.list2 {
	float : left;
	width : calc(50% - 25px);
	text-align : center;
}

.doors_list > div.list2:nth-child(odd) {
	margin : 0px 25px 50px 0px;
	clear : left;}

.doors_list > div.list2:nth-child(even) {
	margin : 0px 0px 50px 25px;
	clear : right;
}

.doors_list > div.list2 {
	float : left;
	width : calc (50% - 25px);
	text-align : center;
}

.doors_list > div > .door_price{
	clear : both;
	display : block;
	padding : 4px 30px 3px 30px;
	color : #c20000;
	font-size : 18px;
	font-weight : 400;
	margin-top : -0px;
	border-top : 1px solid #eaeaea
}
.doors_list > div > .door_name{
	clear : both;
	display : block;
	color : #000000;
	font-size : 18px;
	font-weight : 400;
	padding : 10px 0px 5px 0px;
}
.doors_list > div > .door_article{
	clear : both;
	display : block;
	font-size : 12px;
	font-weight : 300;
	padding : 0px 0px 8px 0px;
}
.doors_list > div > .door_phone{
	clear : both;
	display : block;
	padding : 20px 0px 15px 0px;
	display : none;
}
.doors_list > div.list2 > .door_phone > .num{
	display : block;
	padding : 0px 0px 0px 0px;
	font-size : 48px;
	display : none;
}

.doors_list > div > .doors_link{
	width : 100%;
	height : auto;
}
.doors_list > div > #vlightbox_door_prev{
	display : none;
}
.doors_list > div > .doors_link > img {
	width : 100%;
	height : auto;
}
.doors_list > div > .order{
	text-align : center;
	padding : 5px 0px 0px 0px;
}
.doors_list > div > .order > .btn_base{
	font-size : 16px!important;
	padding : 7px 25px 9px 25px!important;
	height : auto!important;
	line-height : 16px;
}
}


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

.doors_list > div.list2 {
	float : left;
	width : calc(50% - 25px);
	text-align : center;
}

.doors_list > div.list2:nth-child(odd) {
	margin : 0px 25px 50px 0px;
	clear : left;}

.doors_list > div.list2:nth-child(even) {
	margin : 0px 0px 50px 25px;
	clear : right;
}

.doors_list > div.list2 {
	float : left;
	width : calc (50% - 25px);
	text-align : center;
}

.doors_list > div > .door_price{
	clear : both;
	display : block;
	padding : 4px 30px 3px 30px;
	color : #c20000;
	font-size : 48px;
	font-weight : 400;
	margin-top : -0px;
	border-top : 1px solid #eaeaea
}
.doors_list > div > .door_name{
	clear : both;
	display : block;
	color : #000000;
	font-size : 38px;
	font-weight : 400;
	padding : 10px 0px 5px 0px;
}
.doors_list > div > .door_article{
	clear : both;
	display : block;
	font-size : 25px;
	font-weight : 300;
	padding : 0px 0px 8px 0px;
}
.doors_list > div > .door_phone{
	clear : both;
	display : block;
	padding : 20px 0px 15px 0px;
	display : none;
}
.doors_list > div.list2 > .door_phone > .num{
	display : block;
	padding : 0px 0px 0px 0px;
	font-size : 48px;
	display : none;
}

.doors_list > div > .doors_link{
	width : 100%;
	height : auto;
}
.doors_list > div > #vlightbox_door_prev{
	display : none;
}
.doors_list > div > .doors_link > img {
	width : 100%;
	height : auto;
}
.doors_list > div > .order{
	text-align : center;
	padding : 5px 0px 0px 0px;
}
.doors_list > div > .order > .btn_base{
	font-size : 36px!important;
	padding : 15px 25px 19px 25px!important;
	height : auto!important;
	line-height : 36px;
}
}


.warning {
clear : both;
display : block;
padding : 20px 50px 20px 50px;
color : #FFFFFF;
font-size : 24px;
background: -moz-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
background: -webkit-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
background: -o-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
background: -ms-linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
background: linear-gradient(top, #c20000 0%,#a10002 100%) #c20000;
}





#doors_field {
	text-align: center;
	padding-bottom : 20px;
}

#doors_field a {
	display : block;
	float :left;
	width: calc(50% - 10px);
	height: 380px;
	border : solid 0px #b8b8b8;
	margin : 5px;
	background-position: center center;
	background-size: 230px auto;
	background-repeat : no-repeat;
	box-shadow : 0px 0px 60px rgba(0,0,0,0.15) inset;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#doors_field a:hover {
	background-position: center center;
	background-size: 300px auto;
	-webkit-transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
	-ms-transition: all 0.8s linear;
	transition: all 0.8s linear;
}

#doors_field a span {
	display : block;
	background: rgba(0,0,0,0.7);
	color : #FFFFFF;
	text-shadow : 1px 1px 0px rgba(0,0,0,0.9);
	font-size: 24px;
	padding : 20px;
}

#doors_field a span b{
	display : block;
	color : #FD7400;
	text-shadow : 1px 1px 4px rgba(0,0,0,0.9);
	font-size: 24px;
}






#block_fn {
	text-align: center;
	padding : 0px 0px 0px 0px;
	clear : both;
}

#block_fn a {
	display : block;
	float :left;
	width: calc(16% - 1px);
	height: 170px;
	border : solid 0px #b8b8b8;
	margin : 0px 5px 0px 0px;
	background-position: center 70%;
	background-size: 60% auto;
	background-repeat : no-repeat;
	box-shadow : 0px 0px 60px rgba(0,0,0,0.15) inset;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;	
}

#block_fn a:hover {
	background-position: center 70%;
	background-size: 90% auto;
	-webkit-transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
	-ms-transition: all 0.8s linear;
	transition: all 0.8s linear;	
}

#block_fn a span {
	display : block;
	background: rgba(0,0,0,0.7);
	color : #FFFFFF;
	text-shadow : 1px 1px 0px rgba(0,0,0,0.9);
	font-size: 16px;
	padding : 10px 0px 10px 0px;
}

#block_fn a span b{
	display : block;
	color : #FD7400;
	text-shadow : 1px 1px 4px rgba(0,0,0,0.9);
	font-size: 24px;
}