@charset "utf-8";
/* CSS Document */

h1, h3, h4, h5, h6, dl, dd, dt, 
h1 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	margin: 0;
	padding: 0;
	color: #000000;
	text-align:left;
}

/* заголовок при наведении */
h1:hover, h1 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	font-weight: bold ;
}

/* ссылка  */
a {
	color: #3B3B3B;
	text-decoration: none;
}

/* ссылка подчеркнутая*/

A.dotted {
	text-decoration: none; 
	border-bottom: 1px dashed #fc0;
	color: #fff;
}

A.dotted:hover {
	color: #ffdd00; 
	border-bottom: 1px dashed #fff;
}

/* ссылка при наведении */
a:hover {}

/* ссылка посещенная */
a:visited {}

/* заголовок h2 в статье */

h2.cnt-h {
	background: #fc0 none repeat scroll 0 0;
	color: #fff;
	font-size: 32px;
	margin: 0;
	padding: 24px;
	text-shadow: 2px 2px 2px #000;
}


h2:hover {
	background: #D17305;
}
 
h2 a {
	color:#FFFFFF;
	text-decoration:none;
	text-shadow: 1px 1px 6px #2A2A2A;
}

h1 {
	border-bottom: #fc0 solid 2px;
	padding: 8px 0;
	color: #fc0;
	font-size: 32px;
}

h3 {
	padding: 8px;
	border-bottom: #fff solid 2px;
	color:#FFFFFF;
	text-shadow: 4px 2px 6px #222222;
}

h3 a {
	color:#FFFFFF;
	text-decoration:none;
	text-shadow: 4px 2px 6px #222222;
}

/* оранжевый список */

.orange_marker {
	line-height: 150%; 
	color: #ffdd00; 
	list-style-type: square; 
	list-style-position: outside;
}

.orange_marker_bold {
	line-height: 150%; 
	font-weight: bold;
	color: #ffdd00; 
	list-style-type: square; 
	list-style-position: outside;
}

.orange_number {
	line-height: 150%; 
	color: #ffdd00; 
	list-style-type: decimal; 
	list-style-position: outside;
	font-weight: bold;
}

.orange_number_bold {
	line-height: 150%;
	font-weight: bold;
	color: #ffdd00; 
	list-style-type: decimal; 
	list-style-position: outside;
}

/* серый текст */
.grey_text,
.gray_text {
	color: #2d2d2d;
	font-weight: normal;
}
/* ------------------------------- */

/* ----- Стиль основного шаблона ------*/ 
body {
	margin:0;
	padding: 0;
	background: #fff;
	font-family: Roboto, sans-serif;
	font-size:14px;
	border-style: none;
	border-width: 0px;
}

.clear {
	clear: both;
}

#drawer {}

#topwrapper {
	background: #fd0;
	height: 240px;
	width: 100%;
}

#toprow {
	margin: 0 auto;
	width: 1100px;
	height: 120px;
}

.custom_phnmb {
	float: left;
	width: 580px;
}

.custom_clicn {
	float: left;
	width: 128px;
}

#phnnmbr {
	padding: 26px 4px 4px 8px;
	color: black !important;
	font-size: 48px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: -2px -1px 2px #ffffff;
}

#midrow{
	margin: 0 auto;
	width: 1100px;
	height: 120px;
}

#topmenu {
	height: 120px;
	width: 980px;
	background-color: #444;
	float: left;
}

/* --------- roknavmenu ----------*/

#hornavm {
	float: right;
}

#hornavm li.root{
	width: auto;
	list-style: outside none none;
	height: 120px;
	float: left;
}

#hornavm li .item{
	border-style: none none none solid ;
	border-color: #282828;
	border-width: 2px;
}

#hornavm li > a,
#hornavm li > span{
	background: #333333 none repeat scroll 0 0;
	color: #ffffff;
	font-size: 26px;
	height: 120px;
	line-height: 117px;
	padding: 0;
	text-align: center;
	width: 243px;
}

#hornavm li a.item.active.item-active,
#hornavm li a.item.active.item-active span {
	background: #555;
	color: #ffcc00;
}

#hornavm li a:hover,
#hornavm li span:hover{
	color: #ffcc00;
	font-weight: bold;
	background-color: #282828;
}

.menutop ul.level2 {
	left: 3px;
	height: 60px;
	left: 4px;
	width:245px;
}

.menutop ul.level2 li.f-submenu-item {
	border: none;
	height: 60px;
}

.menutop ul.level2 li.f-submenu-item a {
	background: #333333 none repeat scroll 0 0;
	color: #ffffff;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	padding: 0;
	text-align: center;
	width: 245px;
	border-top: 1px solid #282828;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.menutop ul.level2 li.f-submenu-item a:hover {
	background-color: #282828;
	width: 244px;
	color: #fd0;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #fff;
	border-top: none;
}


div.fusion-js-subs.active {
	width: 250px !important;
	left: 1015px !important;
}

/* --------- --------- ----------*/

#logo {
	height:120px;
	width:120px;
	float: left;
	margin: 0px;
	background-color: #fff;
}

#slide-wrap {
	width: 100%;
}

#logo div.custom img {
	border:0;
}

#slideshow {
	width: 1100px;
	margin: 0px auto;
} 

#util-wrap {
	width:100%;
	background: #424242 url("../images/background-utl.jpg") repeat-x;
}

#utility {
	height: auto;
	width: 1100px;
	margin: 0px auto;
}

#hornav {}

#cnt-wrap {
	width:100%;
	background-color: #424242;
}

#center {
	width:818px;
	float:left;
	margin: 0 12px 0 0;
}

#center-title {}

#center-u {
	text-align: justify;
	width: 1100px;
	margin: 0px auto;
	padding-bottom: 24px;
}

#center-d {
	/* width:700px; */
}

#footer-wrap {
	width: 100%;
	background: #424242 url("../images/background-ftr.jpg") repeat-x;
}

#footer {
	min-height: 174px;
	font-size:12px;
	width: 1100px;
	margin: 0px auto;
}

.custom_adr{
	margin: 62px 16px 0 0;
}

.custom_phn {
	margin: 62px 16px 0 16px;
}

.custom_mail{
	margin: 62px 0 0 16px;
}

.ftrblck{
	float: left;
	width: 345px;
	background-color: #555555;
	color: #fff;
}

.ftrblck a{
	color: #fff;
}

/* -----------------------------------------------------*/

 
/* ------ Путь на сайте позиция top-menu --------- */

.breadcrumb {
	margin: 0;
	font-size:14px;
	color:#000000;
	text-shadow: white 0.1px 0.51px 0.51px;
	line-height: 12px;
}

.breadcrumb li{
	display: block;
	float: left;
	padding: 12px 6px;
}

.breadcrumb a{
	color: #2e2d2c;
}

/*--------------------------------------------*/

/*---------- Иконки печати и почты -----------*/

ul.dropdown-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.dropdown-menu li{
	display: block;
	float: left;
	margin: 4px;
	padding: 2px 14px;
}

ul.dropdown-menu li a{
	
}

/*--------------------------------------------*/


/*---------------- Анимация блоков на главной  -----------------*/

.frstpg {
	font-size: 18pt; 
	color: #ffffff;
}

.frst_pg_block {
	width: 257px;
	height: 200px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	background-color: #282828;
	color: #fff;
}

.firstdv{
	margin: 36px 12px 36px 0;
}

.middv {
	margin: 36px 12px;
}

.lastdv{
	margin: 36px 0 36px 12px;
}

.frst_pg_block .mask, .frst_pg_block .content {
	width: 257px;
	height: 200px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.frst_pg_block img {
	display: block;
	position: relative;
	margin: 24px auto;
}

.frst_pg_block h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	margin: 20px 0 0 0;
}

.frst_pg_block p {
	font-family: Helvetica, serif;
	font-size: 12px;
	position: relative;
	color: #fff;
	padding: 10px 20px 20px;
	text-align: center;
}

.frst_pg_block a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	box-shadow: 0 0 1px #000;
}

.frst_pg_block a.info:hover {
	box-shadow: 0 0 5px #000;
}

.frst_pg_anm img {
	transform: scaleY(1);
	transition: all 0.7s ease-in-out;
}

.frst_pg_anm .mask {
	background-color: rgba(238, 214, 9, 0.99); /* rgba(255, 231, 179, 0.3); */
	transition: all 0.5s linear;
	opacity: 0;
}

.frst_pg_anm h2{
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	background: transparent;
	margin: 20px 40px 0px 40px;
	transform: scale(0);
	color: #333;
	transition: all 0.5s linear;
	opacity: 0;
}

.frst_pg_anm p {
	color: #333;
	opacity: 0;
	transform: scale(0);
	transition: all 0.5s linear;
}

.frst_pg_anm a.info {
	opacity: 0;
	transform: scale(0);
	transition: all 0.5s linear;
}

.frst_pg_anm:hover img {
	transform: scale(10);
	opacity: 0;
}
.frst_pg_anm:hover .mask {
	opacity: 1;
}

.frst_pg_anm:hover h2,
.frst_pg_anm:hover p,
.frst_pg_anm:hover a.info{
	transform: scale(1);
	opacity: 1;
}

div.frstpg span.emphasis a {
	color: #fd0;
	border-bottom: 1px dashed #fff;
}

div.frstpg span.emphasis a:hover {
	color: #fff;
	border-bottom: 1px dashed #fd0;
}

/* ------------- анимация в материале --------------*/

.animation_pic { 
	position:relative; 
	margin:0 auto; 
	width:256px; 
	height: 256px; 
}

.animation_pic img {
	position:absolute;
	left: 0;
	top: 0;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;

}

.animation_pic img.front_picture {
	opacity:0;
	filter:alpha(opacity=0);

}

.animation_pic:hover img.front_picture {
	opacity:1;
	filter:alpha(opacity=100);

}

.animation_pic:hover img.back_picture, .animation_pic img.back_picture:hover {
	opacity:0;
	filter:alpha(opacity=0);
	-moz-transform:scale(0, 1);
	-webkit-transform:scale(0, 1);
	-o-transform:scale(0, 1);
	-ms-transform:scale(0, 1);
	transform:scale(0, 1);
	background-color: rgba(238, 214, 9, 0.99);
}


.animation_pic_v2 { 
	position:relative; 
	margin: 0 8px 0 0;
	width:180px; 
	height: 180px;
}
.animation_pic_v2 img { 
	position:absolute; 
}
.animation_pic_v2 img.front_picture {
	opacity:0;
	filter:alpha(opacity=0);
}
.animation_pic_v2:hover img.front_picture {
	opacity:1;
	filter:alpha(opacity=100);
}
.animation_pic_v2:hover img.back_picture, 
.animation_pic_v2 img.back_picture:hover {
	opacity:0;
	filter:alpha(opacity=0);
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/*--------------------------------------------*/

/*------------ Gallery  -------------*/

.rg-grid-view .rg-block {
	border-radius: 0px;
	-moz-border-radius: 0px;
}

.rg-grid-view .rg-grid-thumb {
	box-shadow: none;
	-webkit-box-shadow: none ;
	background-color: #333;
	background-image: none;
}

.rg-grid-view .rg-grid-thumb {
	border-radius: 0px;
}

.rg-list-view .rg-list-thumb {
	box-shadow: none;
	-webkit-box-shadow: none;
	background-color: #333;
	background-image: none;
}

.rg-list-view .rg-list-thumb {
	margin: 0 15px 0 0;
	padding: 8px 8px 12px;
	border-radius: 0px;
	float: left;
}

.rg-grid-view .rg-grid-thumb-img {
	border-radius: 0px;
	height: auto;
	max-width: 100%;
}

.rg-detail-img-bg {
	border-radius: 0px;
	display: inline-block;
	padding: 8px 8px 12px;
}


.rg-detail-img {
	border-radius: 0px;
	display: block;
	max-width: 100%;
	width: 100%;
}

.rg-detail-img-bg {
	background-color: #333333;
	background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
	box-shadow: none;
}

/*--------------------------------------------*/

/* --------------- Схема проезда -----------------*/

.map-cnt {
	padding: 50px;
	
}

div.map-cnt p {
	text-align: right;
}

div.map-cnt p a{
	text-align: right;
	font-size: 18px;
	font-weight: normal;
	color: #fc0;	
}

div.map-cnt p a:hover{
	font-weight: bold;
	color: #fc0;
	border-bottom: 1px dashed #fc0;
}

ymaps#ymaps1500234955174524039 {
	margin: 0 auto;
	display: block;
	height: 600px;
	margin: 0 auto;
	width: 1000px;
}

/* -----------------------------------------------*/
/* ------------Модуль обратной связи --------------*/

div#visformcontainer p {
	color: #ffffff;
	font-size: 26px;
	text-align: justify;
}

div#center-u fieldset.fieldset-1.active {
	border-top: 2px #fd0 solid;
	border-left: 0;
	border-right: 0;
	border-bottom: #fd0 2px solid;
}

/* -----------------------------------------------*/

/* ----------------- Блог макет -------------------*/

div.cols-2 {
	color: #ffffff;
	font-size: 18px;
	text-align: justify;

}

div.blog_wrkpg div.span6 {
	float: left;
	width: 500px;
	margin: 25px;
	float: left;
}

p.readmore a {
	color: #fc0;
	
	
}

p.readmore a:hover {
	color: #fff;
	border-bottom: dashed 1px #fc0;
}

div.blog_wrkpg h2 a{
	background-color: #282828;
	color: #fff;
	cursor: pointer;
	display: table-cell;
	height: 120px;
	text-align: center;
	vertical-align: middle;
	width: 500px;
	padding: 0 16px;

}

div.blog_wrkpg h2:hover {

	color: #333;
	transition: 3s;
}

div.blog_wrkpg h2 a:hover {
	background-color: rgba(238, 214, 9, 0.99);
	text-shadow: 1px 1px 6px #fff;
	color: #333;
	transition: 3s ease-in-out;
}


/* --------- кнопки навигации ------------ */

ul.pagenav {
	color: #ffcc00;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	list-style: none; 

}

li.next {}

li.next a {
	text-decoration: none;
}

li.next a span {
	color: #333333;
	padding: 6px 12px;
	background: #ffcc00
	
}

/*--------------------------------------*/

/* --------- кнопки  ------------ */

input.btn{
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	z-index: 9999;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	background: #121212;
	color: #ffdd00;
	border-radius: 3px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 12px;
	padding-bottom: 12px;
}

input.btn:hover{
	border: #ffdd00 solid 1px ;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #555555;
}

/*--------------------------------------*/