* { margin:0; padding:0}
a { text-decoration:none; outline:0; cursor:pointer; margin:0; padding:0; color:#4499c3;}
a:hover { text-decoration:none;}
img { border:0;}
ul, ol { list-style-type:none;}
body { height:100%; font:12px/18px Tahoma, Geneva, sans-serif; color:#363636; background:#fff url(/i/root_bg.png) no-repeat center 3px;}
.ny {background:#fff url(/i/root_bg-ny.jpg) no-repeat center 3px;}
.february-23 {background:#fff url(/i/root_bg-february-23.jpg) no-repeat center 3px;}
.march-8 {background:#fff url(/i/root_bg-march-8.jpg) no-repeat center 3px;}
.may-1 {background:#fff url(/i/root_bg-may-1.jpg) no-repeat center 3px;}
.may-9 {background:#fff url(/i/root_bg-may-9.jpg) no-repeat center 3px;}
.clear { clear:both; height:0; font-size:0;}

h1 { font-family:"Trebuchet MS", Arial, sans-serif; font-size:18px; font-weight:normal; line-height:23px; padding:5px 0; margin-top:15px; margin-bottom: 5px;}
h2 { font-family:"Trebuchet MS", Arial, sans-serif; font-size:16px; font-style:normal; font-weight:bold; line-height:32px; padding:5px 0; margin-top:12px;}
h3 { font-family:"Trebuchet MS", Arial, sans-serif; font-size:15px; font-style:normal; font-weight:bold; line-height:19px; margin-bottom: 5px;}
blockquote { background: #f4f4f4; padding: 20px; border-left: solid 3px #d5d5d5; }

#line_top { height:3px;}
#line_top div { width:50%; float:left; height:3px; .margin:0 -1px;}
#line_top .line_blue { background:#4499c3;}
#line_top .line_red { background:#990505;}
#root { max-width:1048px; margin:0 auto; border:solid #efefef; border-width:0 1px;}
#wrapper { padding:0 24px 28px 24px;}
#container { padding-bottom:18px;}
.float-block { float:left; width:100%;}
.float-block p {margin-bottom: 10px;}

/* H E A D E R */
#header .left_header { float:left; width:210px; padding-top:48px;}
#header .left_header p { font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; font-style:italic; color:#9e9e9e; line-height:14px; padding:5px 7px;}
#header #logo { display:block; width:210px; height:63px; background:url(/i/logo.svg) no-repeat 0 0; background-size: contain;}
#header .right_header { margin-left:253px; background:url(/i/hockey.png) no-repeat 228px 4px; position:relative;}
#header .right_header .slogan { position:absolute; width:267px; height:60px; background:url(/i/slogan_bg.png) no-repeat 0 0; left:0; top:48px;}
#header .right_header .slogan h3 { padding:11px 22px; text-shadow:0 -1px 1px #fff;}
#header .right_header .contacts { float:right; text-align:right; padding-top:38px; padding-bottom:29px;}
#header .right_header .contacts p { font-family:"Trebuchet MS", Arial, sans-serif;}
#header .right_header .contacts-mobile { display:none;}
#header .right_header .phone { width:274px; background:url(/i/phone-bg-top.png) no-repeat 7px 3px/*7px*/; padding-bottom:10px;}
#header .right_header .phone p { height:22px; font-size:11px; font-weight:bold; line-height:22px;}
#header .right_header .phone img { position:relative; top:-3px; padding:0 4px;}
#header .right_header .phone span { color:#4499c3; font-size:18px;}
#header .right_header .links { font-size:12px;}
#header .right_header .links a { border-bottom:1px dotted #4499c3;}

/* N A V */
#nav { background:url(/i/nav_bg.png) no-repeat 0 0; background-size:100% 100%; margin-left:253px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden;}
#nav ul { display:table-row;}
#nav ul li { width:auto; display:table-cell; text-align:center; height:44px; vertical-align:bottom;}
#nav ul li a { display:table-cell; width:1000px; vertical-align:middle; white-space:nowrap; height:44px; font-family:"Trebuchet MS", Arial, sans-serif; font-size:14px; color:#fff; text-shadow:0 -1px 1px #000;}
#nav ul li+li { background:url(/i/nav_separator.png) no-repeat 0 0; padding-left:1px;}
#nav ul li:hover a { background:url(/i/nav_arrow.png) no-repeat center 0;}
#nav ul li.active a { background:url(/i/nav_bg_act.png) repeat-x 0 0;}
#navmobile-btn { display:none; width:24px; height:24px; padding:3px; float:right; cursor:pointer; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; margin:18px -3px 18px 0;}
#navmobile-btn:before { content:''; display:block; width:18px; height:18px; background:url(/i/navmobile.png) no-repeat 0 0;}

/* L E F T */
/*
#left { width:229px; margin-right:24px; float:left; padding-bottom:17px; padding-top:24px;}
#left .list { background:#eaf8fe; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:7px 18px; font-family:"Trebuchet MS", Arial, sans-serif; margin-bottom:11px;}
#left .list h5 { font-size:14px; line-height:17px; font-weight:normal; color:#4499c3; padding:8px 0;}
#left .list ul li+li { border-top:1px dotted #4499c3; position:relative; z-index:1;}
#left .list ul li a { display:block; color:#363636; font-size:12px; font-style:italic; line-height:13px; padding:11px 0 11px 17px; background:url(/i/marker_ul.png) no-repeat 0 12px;}
#left .list ul li:hover, #left .list ul li.active { background:#dbf4ff;}
*/

.catalog-toggler { display:none; position:relative; background:url(/i/catalog-toggler-bg.jpg) repeat 0 0; font-size:14px; color:#fff; line-height:18px; text-shadow:0 -1px 1px #000; padding:12px 32px 11px 10px; position:relative; cursor:pointer; border-bottom:3px solid #266dac;}
.catalog-toggler:before { content:''; display:block; width:18px; height:18px; background:url(/i/navmobile.png) no-repeat 0 bottom; position:absolute; right:10px; top:50%; margin-top:-9px;}
#left { width:229px; float:left; /* padding-top:24px;*/ margin-top: -44px;}
.catalog-menu .list { background:#eaf8fe; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:7px 18px; font-family:"Trebuchet MS", Arial, sans-serif; margin-bottom:11px;}
.catalog-menu .list h5 { font-size:14px; line-height:17px; font-weight:normal; color:#4499c3; padding:8px 0;}
.catalog-menu .list ul li { position:relative; z-index:1;}
.catalog-menu .list ul li+li { border-top:1px dotted #4499c3;}
.catalog-menu .list ul li a { display:block; color:#686868; font-size:12px; font-style:italic; line-height:13px; padding:11px 0 11px 17px; background:url(/i/marker_ul.png) no-repeat 0 12px;}
.catalog-menu .list ul li:hover, .catalog-menu .list ul li.active { background:#dbf4ff;}

/* C O N T E N T */
#content { margin-left:253px;}
#content p.date {  font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px; color:#a0a0a0; font-style:italic;}
#content h6 { font-size:12px; line-height:18px; font-weight:normal; padding-bottom:6px; color:#4499c3;}
#content h6 a { background:url(/i/dotted_blue.png) repeat 0 -4px;}
#content ul { padding-bottom:18px; margin-top: 6px;}
#content ul li { background:url(/i/marker2_ul.png) no-repeat 0 9px; padding-left:8px;}
.specif { font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px; font-weight:bold; font-style:italic; color:#9e9e9e;}

.news { border-bottom:1px dotted #cfcfcf; padding-top:5px;}
.news_block { padding-top:5px; padding-bottom:10px; line-height:18px; width:340px; margin-right:31px; border-top:1px dotted #cfcfcf; display:inline-block; vertical-align:top; zoom:1;}
.news_block.no_border { border:none;}
.news_block p { font-size:11px;}

.text { padding:6px 0; border-bottom:1px dotted #cfcfcf;}
.text p { padding-bottom:18px;}
.project { padding-top:6px; border-bottom:1px dotted #cfcfcf; margin-bottom:15px;}

.image_block { padding:10px; background:#f4f4f4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:10px 0 10px; min-height:1px;}
.image_block ol, ol.portfolio { text-align:center; vertical-align:top; margin:0 -9px 0 -1px;}
.image_block ol li, ol.portfolio li { display:inline-block; vertical-align:top; padding:0 5px; margin-left:-4px; margin-bottom:5px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box;}
.image_block ol li img , ol.portfolio li img { display:block; background:#fff; border:1px solid #dcdcdc; padding:3px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box;}
ol.portfolio { margin:0 -15px 5px -7px;}
ol.portfolio li { padding:0 11px;}
.image_block br { display:none;}

.contact_list p { border-bottom:1px dotted #cfcfcf; line-height:17px; padding:15px 0;}
.contact_list p b { font-family:"Trebuchet MS", Arial, sans-serif; font-size:14px; font-style:italic;}
.contact_list p small { font-size:11px;}
.contact_list p span { font-size:14px; font-weight:bold; color:#4499c3;}
.contact_list p a { border-bottom:1px dotted #4499c3;}

/* B L O C K */
.block { border-bottom:1px dotted #cfcfcf; min-height:1px;}
.block:after { content:''; clear:both; display:table;}
.block .img { background:#fff; border:1px solid #dcdcdc; padding:3px; float:left; width:169px; margin:15px 0; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box;}
.block .img img { display:block; width:100%;}
.block .img_partners { background:#fff; border:1px solid #dcdcdc; width:169px; margin:15px 0; float:left; text-align:center; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box;}
.block .img_partners a { width:167px; height:95px; text-align:center; display:table-cell; vertical-align:middle;}
.block .img_partners a img { display:inline;}
.block p { font-size:11px;}
.block p.pad_6 { padding-bottom:6px;}
.block .block_right { margin-left:187px; width:auto !important; padding:11px 0; font-size: 11px;}
.block a.site { border-bottom:1px dotted #4499c3; font-size:11px;}
.block .img-promo {width: 100%}
#content .block ul li { font-size:11px;}

/* P A G E R */
#content .pager { padding:25px 0 20px;}
#content .pager ul { vertical-align:top; padding-bottom:0; text-align:center;}
#content .pager ul li { display:inline-block; vertical-align:top; padding:0; margin:4px 9px; background:none; width:19px; height:19px; line-height:19px; text-align:center; color:#4499c3;}
#content .pager ul li.active, #content .pager ul li:hover { color:#fff; background:#ff6c24;}
#content .pager ul li.active a, #content .pager ul li:hover a { color:#fff;}
#content .pager ul li.prev, #content .pager ul li.next { padding:0; margin:0 15px; width:68px; height:27px; background:url(/i/pager_button.png) no-repeat 0 0; line-height:27px; text-align:center; color:#fff; text-shadow:0 -1px 1px #000;}
#content .pager ul li.prev a, #content .pager ul li.next a { color:#fff;} 

/* T A B L E */
#content table td, #content table th { font-size:12px; color:#363636; }
#content table.style { border:none; background:url(/i/table_head_bg.png) no-repeat 0 0;}
#content table.style td, #content table.style th { height:30px; padding-left:45px; font-size:11px; color:#6e6e6e; text-align:left;}
#content table.style th { font-family:"Trebuchet MS", Arial, sans-serif; font-weight:normal; font-style:italic;}
#content table.style tr th+th { border-left:1px solid #fff; }
#content table.style tr td { border-bottom:1px dotted #cfcfcf;}
#content table.style tr td+td { border-left:1px dotted #cfcfcf;}

#content table.inner {border-collapse:collapse; margin: 0 0 0 10px;}
#content table.inner tr{vertical-align: top;}
#content table.inner td { border-bottom:1px dotted #cfcfcf; padding: 5px 10px 5px 10px;}

/* F O O T E R */
#footer { background:#f4f4f4; padding-top:20px; font-size:11px; line-height:13px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; min-height:1px;}
#footer .left_footer { float:left; width:45.6%;}
#footer .left_footer p { padding-left:17px;}
#footer .left_footer p span { color:#4499c3;}
#footer .copyright { padding-bottom:11px;}
#footer .copyright a, #footer .right_footer p a { border-bottom:1px dotted #4499c3;}
#footer .icon { float:left; padding-top:26px; padding-bottom:14px;}
#footer .right_footer { float:right; text-align:right; padding-right:16px;}
#footer .links { margin-right:-10px; padding-bottom:19px;}
#footer .links a { color:#363636; padding:0 10px;}
#footer .links a.active, #footer .links a:hover { text-decoration:underline;}

@media screen and (max-width: 991px) {
	#root { border:none;}
	#wrapper { padding:0 15px;}
	
	#header .left_header { padding-top:28px;}
	#header .right_header { background:none;}
	#header .right_header .slogan { display:none;}
	#header .right_header .contacts { padding-top:18px; padding-bottom:20px;}
	#nav { margin-left:0;}
	
	img { max-width:100%;}
	#content table { width:100%;}
	#content table img { max-width:100%; min-width:120px; height:auto;}
	
	.image_block { margin-left:-10px; margin-right:-10px; padding:18px 10px 2px;}
	.image_block ol li, ol.portfolio li { margin-bottom:18px;}
	
	.block { width:auto !important; float:none !important;}
	
	#footer { padding:20px 15px; margin:0 -15px;}
	#footer .icon, #footer .right_footer { display:none;}
	#footer .left_footer { float:none; width:auto; text-align:center;}
	#footer .left_footer p { padding-left:0;}
}

@media screen and (min-width: 768px) {
	#nav, .catalog-menu { display:block !important;}
}

@media screen and (max-width: 767px) {
	#wrapper { padding:0 10px;}
	
	#header .left_header { width:116px; padding:13px 0;}
	#header #logo { width:116px; height:35px; background-size:100% 100%;}
	#header .left_header p, #header .right_header .contacts { display:none;}
	#header .right_header { margin-left:126px;}
	#header .right_header .contacts-mobile { display:block; padding:10px 0 17px; margin-right:10px; float:right; text-align:right;}
	#header .right_header .phone { width:auto; background:url(/i/phone-bg.png) no-repeat 0 2px; padding:0 0 0 22px;}
	#header .right_header .phone p { height:auto; font-size:12px; line-height:20px; color:#686868;}
	#header .right_header .phone span { color:#4499c3; font-size:12px;}
	#nav { display:none; border-radius:0; margin-left:-10px; margin-right:-10px; background:#4499c3;}
	#nav ul { display:block;}
	#nav ul li { display:block; text-align:left; height:auto; border-bottom:1px solid #82c3da;}
	#nav ul li a { display:block; width:auto; white-space:normal; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:18px; text-shadow:none; padding:8px 28px;}
	#nav ul li+li { background:none; padding-left:0;}
	#nav ul li:hover a { background-image:none;}
	#nav ul li.active a, #nav ul li:active a { background:#990505;}
	#navmobile-btn { display:block;}
	
	#left { width:auto; float:none; padding-top:0; margin-left:-10px; margin-right:-10px; margin-top: 0px;}
	.catalog-toggler { display:block;}
	.catalog-menu { display:none;}
	.catalog-menu .list { border-radius:0; padding:7px 10px; margin-bottom:2px;}
	.catalog-menu .list ul li a { font-size:11px;}
	
	#content { margin-left:0;}
	.image_block { margin-bottom:15px;}
	.text { padding-bottom:10px;}
	
	
	#footer { padding:15px 10px; margin:0 -10px;}
}

@media screen and (max-width: 640px) {
	#content table, #content table tbody, #content table thead, #content table tr, #content table th, #content table td { display:block; height:auto; width:auto;}
	#content table th, #content table td { margin-bottom:10px;}
	#content table img { min-width:1px;}
}

@media screen and (max-width: 480px) {
	.block .img, .block .img_partners { float:none; margin:15px auto;}
	.block .img img {height:auto;}
	.block .block_right { margin-left:0; padding-top:0;}
	.image_block ol li, ol.portfolio li { display:block;}
	.image_block ol li img , ol.portfolio li img { height:auto; margin:0 auto;}
	img {/* height:auto;*/}
}

@media screen and (max-width: 350px) {
	#header .right_header .phone p, #header .right_header .phone span { font-size:10px;}
}
@media screen and (max-width: 320px) {
	#header .right_header { margin-left:0;}
	#header .right_header .contacts-mobile { clear:both;}
}