/* CSS Document */
@import "class.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,300italic,300,600italic,700,700italic);

body, .mceContentBody{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	line-height:normal;
}
body.mceContentBody{ width:auto; height:auto !important; }
#wrapper, .mceContentBody{}
article#content, .mceContentBody{position: relative;
margin-top: 18px;
color: #3a3a3a;
font-size:13px;
min-height: 237px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;}
article#content table .akcii tr td{ border:1px solid #000; padding:3px; }
article#content table, .mceContentBody table{ border:0px solid #000; border-collapse:collapse; }
article#content table td, article#content table th,
.mceContentBody table td, .mceContentBody table th{ border:0px solid #000; padding:3px; }
article#content ul, .mceContentBody ul{ text-align:justify; margin:15px 0; padding-left:40px; list-style:square; }

h1 {
line-height: 1;
}
/*article#content ul li, .mceContentBody ul li{float:left;}*/
/*article#content table tr td ul li, .mceContentBody table tr td ul li{float:left;}*/

#itemContainer li{display:inline-block; vertical-align:top; background:none !important; padding:0px;}
* {margin:0; padding:0 ;}

textarea{resize:none;}
:focus {outline: 0;}

table, img, div, a {border:0;}

table, td, th, div, img{
	border:none 0;
	border-spacing:0px;
	outline:none;
	padding:0;
	margin:0;
}
h1, h2, h3, h4{
	font-size:30px;
	padding:0;
	margin:10px 0;
}
h2{
	font-size:24px;
}
h3{
	font-size:16px;
}
h4{
	font-size:14px;
}

p{margin:10px 0;
text-align:justify;}
a{
	border:none;	
	color: #988857;
	text-decoration:underline;
}
a:hover{
	color: #988857;
	text-decoration:none;
}

/* Форма обратной связи */
.feedback{display:block; border:2px solid #cfcfcf; border-radius:5px; padding:60px 85px; background:#fff;}
.feedback label{ display:block; line-height:30px; font-size:16px; color:#999;}
.feedback input.text,
#recaptcha_response_field{ display:block; width:424px; height:40px; border:2px solid #999; padding:0px 18px; border-radius:5px; margin-bottom:8px;}
.feedback input.text:focus,.feedback textarea:focus{border:2px solid #d1c286;}
.feedback textarea{ display:block; width:424px; height:140px; border:2px solid #999; padding:10px 18px; border-radius:5px; margin-bottom:8px;}
.feedback input[type="file"]{ display:none;  height:40px; margin-bottom:8px;}
.feedback .file{ margin:20px 0px;}
.feedback .file .button{ display:inline-block; width:160px; height:40px; line-height:40px; background:#e4e9e5; font-size:14px; font-weight:600; color:#666;border:1px solid #999; border-radius:5px; cursor:pointer; text-align:center;}
.feedback .file .value{ display:inline-block; height:40px; line-height:40px; padding:0px 20px;}
.feedback .submit{ display:block; border:0px; width:460px; height:75px; color:#fff; font-size:24px; font-weight:600; background:#5ca659; border-radius:5px; cursor:pointer;
-webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.5);}
.feedback .submit:hover {
background:#988857;
}
.feedback .success{ font-size:18px; line-height:25px; font-weight:600; margin-top:20px; text-align:center; display:none;}
.feedback .error{border:2px solid #fc0000 !important; color:#fc0000;}
.feedback #recaptcha_area{  }
.feedback #recaptcha_table{ width:100%; table-layout:fixed; }
.feedback #recaptcha_table td{ box-sizing:border-box; }
.feedback #recaptcha_image img,
#recaptcha_logo{  margin:0; }
#recaptcha_widget_div{ margin-bottom:20px; }

.popup .feedback{ padding:10px 10px 20px;}
.popup .feedback label{ font-size:14px;}
.popup .feedback input.text{ width:335px; height:28px;}
.popup .feedback textarea{ width:335px; height:70px;}
.popup .feedback .submit{ width:375px; height:50px;}


.grayBG{
	display:none;
	position:fixed;
	top:0px; left:0px;
	z-index:10000;
	width:100%;
	height:100%;
	 background-color: rgba(0,0,0,.35);
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#35000000',endColorstr='#35000000'); /* IE6,IE7 */
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#35000000',endColorstr='#35000000')";
}
.popup{ width:400px; padding:30px; position:fixed;  top:50%; left:50%; margin-left:-230px; margin-top:-280px; background:#fff; z-index:10000; border-radius:5px; display:none;}
.close{ cursor:pointer; color:#666; position:absolute; right:10px; top:10px; font-size:24px; line-height:24px; font-weight:bold;}
.close:hover{ color:#ffc119;}
.spasibo{  width:500px; padding:30px; position:fixed;  top:50%; left:50%; margin-left:-280px; margin-top:-40px; background:#fff; z-index:10000; border-radius:5px; display:none; font-size:20px; font-weight:bold; text-align:center;}


.slider_bg{}

#slider_wrapper {
	width: 1000px;
	height: 310px;
}

#slider_wrapper .control{
	position: absolute;
	bottom: -38px;
	right: 4px;
	z-index:10;
	}

.plitka{
	position: absolute;
	background: url(img/plitka.png) no-repeat right center;	
	height: 394px;
	width: 614px;
	z-index: 5;
	margin-left: -240px;
	margin-top: -82px;
	 }
.content_box{
	position: relative;
	margin-left: 36px;
	width: 672px;
	height: 100%;
	margin-bottom: 2px;
}

.content_box table tr td img{ display:block; margin:5px 10px;}
.content_box header{
	position: relative;
	float:left;
	color: white;
	font-size: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	margin-left: -40px;
	margin-top: -26px;
	
	}
.header_decor {
	background:url(/assets/images/decor1.png) bottom right no-repeat;
	width: 100%;
	position: relative;
	height: 46px;
	margin-left: 40px;
}
.hr{
	background:url(/assets/images/hr.png) no-repeat center;
	height: 104px;
	z-index: 2;
	}
.uzor{
	background:url(/assets/images/decor2.png) no-repeat bottom center;
	width: 346px;
	}
.image2{
	padding-bottom: 81px;
}

p a.link{ display:block; color:#fff; background:#5ca859; width:148px; height:42px; border-radius:10px; font-weight:600; text-decoration:none; text-align:center; line-height:20px; font-size:16px;}

.raboti{
	color: white;
	width: 287px;
	position: relative;
	bottom: 12px;
}
.raboti p{
	line-height: 19px;
	}
ul#itemContainer {list-style:none;}

@font-face { 
   font-family: 'minion pro'; 
   src: url('/assets/minion pro.ttf');  
} 


.poverhnost{
font-family: "Minion Pro";
font-size: 22px;
color: #AC4C16;
font-style: italic;
	}

.gallery-category-filter{
	margin: 20px 0;
	text-align: center;
}
	
.gallery-category-filter a{
	margin: 0 10px;
	text-decoration:none;
	border-bottom: 1px dashed #222;
}

.gallery-category-filter a:hover{
	border-bottom: 1px dashed #DD9F23;	
}

.gallery-category-filter li{
	display: inline-block;
	list-style: none;	
}

.order-button{
	width: 71px;
	height: 22px;
	font-size:12px;
	background:#5ca659;
	color:#fff; text-decoration:none; border-radius:8px; text-align:center; line-height:22px;
	display:block;
	float: right;
	margin-top:10px; margin-bottom10px;
	}
.order-button:hover{ background:#988857; color:#fff;}	
#knopka {
width: 160px;
height: 42px;
	background: url(../../../images/buttons/knopka_stol.png) no-repeat;
		display:block;
		

}
#knopka:hover {
width: 160px;
height: 42px;
	background: url(../../../images/buttons/knopka_stol.png) no-repeat -160px 0;
}

#knopkap {
width: 160px;
height: 42px;
	background: url(../../../images/buttons/knopka_primer.png) no-repeat;
		display:block;
		

}
#knopkap:hover {
width: 160px;
height: 42px;
	background: url(../../../images/buttons/knopka_primer.png) no-repeat -160px 0;
}
#knopkapod {
width: 160px;
height: 42px;
	background: url(../../../images/buttons/knopka_pod.png) no-repeat;
		display:block;
		

}
#knopkapod:hover {
width: 160px;
height: 42px;
	background: url(../../../images/buttons/knopka_pod.png) no-repeat -160px 0;
}
.pochta {
color: #6FA0C3;
font-size: 15px;
margin-left: 54px;
}

#resource7 .gallery-category-filter,
#resource8 .gallery-category-filter,
#resource14 .gallery-category-filter{
	display:none;	
}
/*#resource265 .order-button{ display:none;}
#resource265 .gal-item-user{width: 250px; height: 180px; }
#resource265 .gal-item-container{height: 180px}
#resource287 .order-button,#resource314 .order-button{ display:none;}
#resource287 .gal-item-user{width: 250px; height: 180px; }
#resource287 .gal-item-container{height: 180px}
#resource287 p{ text-align:center;}
#resource649 .gal-item-user{width: 250px; height: 180px; }
#resource649 .gal-item-container{height: 180px}*/

/*news*/
.news .item{
	margin-top: 20px;
}
.news .item a{
	display: block;
}
.news .item a .news_image{
	width: 100px;
	height: 100px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
.news .item a .title{
	font-weight: bold;
	font-size: 16px;
}
.news .item a .date, .news .item a .introtext{
	color: #fff;
}
.telnum {
	
	font-family: "Times New roman";
	font-size: 34px;
	color: #dedede;
	position:absolute;
	top: 13px;
	left: 554px;
	width: 240px;
}
.telnum p {
	text-align:right;
}
.telnum span {
	font-size:29px;
}

.alive_banner{ text-align:center; margin-bottom:20px;}

.primer {
display: block;
color: #fff;
background: #5ca859;
width: 148px;
height: 42px;
border-radius: 10px;
font-weight: 600;
text-decoration: none;
text-align: center;
line-height: 38px;
font-size: 18px;
}
.primer:hover{ background:#988857; color:#fff;}	

.order_notfloat {
width: 71px;
height: 22px;
font-size: 12px;
background: #5ca659;
color: #fff;
text-decoration: none;
border-radius: 8px;
text-align: center;
line-height: 22px;
display: block;

margin-top: 10px;
}
.order_notfloat:hover{ background:#988857; color:#fff;}	
#toTop { 
            position: fixed; 
            bottom: 30px; 
            left: 40px; 
            background: none; 
            cursor: pointer;}

.B_crumbBox{ color:#da1c37; padding:10px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.B_crumbBox img{ margin-bottom:-5px; }
.B_crumbBox a{ color:#232323; text-decoration:underline; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.B_crumbBox a:hover{ color:#ec1f23; text-decoration:underline; }
.B_crumbBox li {
display: inline;
}

.shadow-radial {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.shadow-radial:before, .shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.shadow-radial:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.shadow-radial:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.shadow-radial:hover:before, .shadow-radial:focus:before, .shadow-radial:active:before, .shadow-radial:hover:after, .shadow-radial:focus:after, .shadow-radial:active:after {
  opacity: 1;
}


.curl-top-right {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  border: 2px solid rgb(92, 166, 89);
}
.curl-top-right p {
margin:0px !important;
}

.curl-top-right img {
margin:0px !important;
}

.curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.curl-top-right:hover:before, .curl-top-right:focus:before, .curl-top-right:active:before {
  width: 25px;
  height: 25px;
}




.grid {
	overflow: hidden;
	margin: 0;
	padding: 0em 0 0 0;
	width: 100%;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 50%;
	height: 200px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
	width: 100%;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure .ttt {
	/*word-spacing: -0.15em;*/
	display:block;
	font-weight: 300;
}

.grid figure .ttt span {
	font-weight: 800;
}

.grid figure .ttt,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 0px;
	font-size: 68.5%;
	padding: 32px;
text-align: left;
}
figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);

}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 0em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar .ttt {
	margin: 10% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	line-height: 1;
	font-size:26px;
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover .ttt {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}



figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding: 3em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico span {
	padding: 14% 0 20px 0;
	display:block;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 275px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 69.5em) {
	.grid figure {
		width: 50%;
	}	

	.grid figure figcaption {
		font-size: 90%;
	}
}


@media screen and (max-width: 41.5em) {

	.grid figure {
		width: 100%;
	}
}

.grids .effect-chico {
	overflow: hidden;
	margin: 0;
	padding: 0em 0 0 0;
	width: 100%;
	list-style: none;
	text-align: center;
}

/* Common style */
.grids .effect-chico {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 100%;
	height: 250px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grids .effect-chico img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}

.grids .effect-chico figcaption {
	padding: 0em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grids .effect-chico figcaption::before,
.grids .effect-chico figcaption::after {
	pointer-events: none;
}

.grids .effect-chico figcaption,
.grids .effect-chico a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grids .effect-chico a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grids .effect-chico p{
	padding-left:10%;
	padding-right:10%;
}

.grids .effect-chico span {
	/*word-spacing: -0.15em;*/
	font-size:26px;
    line-height: 1;
	font-weight: 300;
}

.grids .effect-chico span span {
	font-weight: 800;
}

/*.grids .effect-chico span,
.grids .effect-chico p {
	margin: 0;
}*/

.grids .effect-chico p {
	/*letter-spacing: 1px;*/
	font-size: 68.5%;
	text-align:left;
}
.address span {
font-size:11px;
}
.contacts .addr {
font-size:12px;
}

.top-promo-block {
	background-color: #FFF3E7;
	margin-left: 13px;
	height: 210px;
	padding: 22px 43px;;
	margin-top:15px;
}

.top-promo-block .promo-left, .top-promo-block .promo-right{
	display: inline-block;
	float: left;
	width: 50%;
}

.top-promo-block .promo-btn {
	background-color: #FFB00E;
	border-radius: 20px;
	padding: 0px 21px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	display: block;
	margin-bottom: 18px;
}

.top-promo-block .promo-btn.example {
	font-size: 19px;
	line-height: 45px;
	width: 140px;	
}

.top-promo-block .promo-btn.order {
	line-height: 30px;
	width: 60px;
	font-size: 15px;
	margin-bottom: 23px;
}

.promo-right .img-wrapper {
	width: 157px;
	margin: 0 auto;
	border: 5px solid #FFB00E;
	border-radius: 50%;
	width: 164px;
	height: 164px;
}

.promo-right img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 4px solid #fff;
	border-radius: 50%;
	width: 95%;
}

.top-promo-block .workhours p, .top-promo-block .phone {
	margin: 1px 7px;
	font-size: 13px;
}

.gal-parrent{
	float:left;
	width:155px;
}

.gal-img-wrapper {
	margin: 0 auto;
	border: 5px solid #FFB00E;
	border-radius: 50%;
    width: 133px;
    height: 133px;
}

.gal-img-wrapper img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 4px solid #fff;
	border-radius: 50%;
	width: 95%;
	margin:0 !important;
}

.img-wrapper-sm {
	width: 100px;
	height: 100px;
}

.img-wrapper-sm img {
	width: 92px;
}

#resource168 .akcii tr td:nth-child(4n) p,#resource168 .akcii tr td:nth-child(4n){
text-align:center;
}

.sidemenu li {
    list-style: none
}

.sidemenu .current {
	background-color: #D1C286;
}

.submenu-head {
    padding: 5px 10px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #fff;
    width: 70%;
    margin: 14px auto;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.submenu-head a {
	color: #fff;
	text-decoration: none;
}

.parent-li .open-li {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    font-weight: bold;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;

}

.simple-li a, .parent-li a {
    padding: 5px 40px;
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 2;
}

.simple-li, .parent-li {
    color: #fff;
    position: relative;
}

.parent-li ul li a {
    border: none;
    padding: 2px 25px;
    color: #988857;
    line-height: 1.5;
}

.submenu ul {
    width: 75%;
    margin-left: 38px;
    display: none;
}

.parent-li ul {
	margin: 10px 0px;
	display: none;
}

.submenu-head .open-li {
    position:absolute;
    right:45px;
    font-weight:bold;
    font-size:2em;
}

.wrapper-flex .flex a.order-button{ float:none; margin:0 auto;}

#resource86 .effect-chico p{ padding-left: 10%;}