HTML,BODY { height:100%; margin:0; padding:0; font-size: 16px; }
BODY { color:#252525; background-color: #f1f1ec; font-family: Arial, sans-serif;}

/* reset */
	a {	color: #252525;	text-decoration: none; }
	a:hover { color: #252525; text-decoration: none; }
	a:focus { color: #252525; text-decoration: none; }
	img { max-width: 100%; height: auto; border: none; }
	ul { list-style: none; margin: 0; padding: 0; }
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}


/** layout
--------------------------------------------------------------------------------------------------------------------- **/
	.layout { overflow: hidden; min-height: 100%; }


	/*BODY { background: #f1f1ec url(../images/bg.jpg) 50% 50% no-repeat fixed; background-size: cover; }*/


/** header
--------------------------------------------------------------------------------------------------------------------- **/

	.header { position: relative; padding-top2: 53px; }

	.header .head { width: 100%; position2: fixed; z-index: 100; left:0; top:0; min-height: 50px; background-color: #252525; color: #fff; border-bottom: 3px solid #8c090c;

/*
		background: #1e5799;
		background: -moz-linear-gradient(left, #1e5799 0%, #8fc6f7 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(100%,#8fc6f7));
		background: -webkit-linear-gradient(left, #1e5799 0%,#8fc6f7 100%);
		background: -o-linear-gradient(left, #1e5799 0%,#8fc6f7 100%);
		background: -ms-linear-gradient(left, #1e5799 0%,#8fc6f7 100%);
		background: linear-gradient(to right, #1e5799 0%,#8fc6f7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#8fc6f7',GradientType=1 );
		*/
	}

	.header .logo { margin: -2px 0 0 0; width: 176px; height: 21px;  background: url(logo.svg) 50% 50% no-repeat; z-index: 3; display: inline-block; vertical-align: middle; }
	.header .logo img { }

/** menu
--------------------------------------------------------------------------------------------------------------------- **/

	#main_menu { }

	.menu { padding2: 10px 0; z-index: 2; font-size: 16px; margin: 0 auto; display: block; }
	.menu a { color: #fff; font-weight: bold; }
	.menu > li { padding: 0.8em 0 0.7em 0; }
	.menu > li > a { padding: 0.8em 0 0.7em 0; margin: -0.8em 0 -0.7em 0; border-bottom: 1px solid #333; line-height2: 32px; white-space: nowrap; display: block; text-decoration: none; text-transform: uppercase; color: #fff; z-index: 2; display: block; position: relative; }

	.menu > li:hover > a,.menu > li.on > a,.menu > li.active > a,.menu > li:hover > .glyphicon { color: #ffde00;
		/*-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;*/
	}
	.menu > li > .glyphicon { margin-top: -1.6em; float: right; font-size: 0.8em; opacity: 0.5; }
	.menu-wrapper { border-top: 3px solid #8c090c; }

	.menu > li:nth-child(n+8) { display: none; }
	.menu.all > li:nth-child(n+8) { display: block; }
	.menu > li.more { display: block; }
	.menu > li.more a { border: none; }

	.menu > li.more a i { display: none; font-style: normal; }
	.menu > li.more a i:first-child { display: inherit;}
	.menu > li.more .glyphicon-minus { display: none; }
	.menu > li.more .glyphicon-plus { display: inline;}

	.menu.all > li.more a i { display: inherit; font-style: normal; }
	.menu.all > li.more a i:first-child { display: none;}
	.menu.all > li.more .glyphicon-minus { display: inline; }
	.menu.all > li.more .glyphicon-plus { display: none;}






	.menu li > ul { display: none; top: 80px; padding: 10px 0 10px 200px; text-align: left; font-size: 12px; width: 100%; position: absolute; left: 0; overflow: hidden; background-color: #777775; z-index: 1;
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
	.menu > li:hover > ul { display:block; margin: 0; }
	.menu > li > ul > li { padding: 0 9px; display: inline-block; width: 100%; }
	.menu > li > ul > li a { padding: 0 9px; margin: 0 -9px; line-height: 32px; white-space: nowrap; }
	.menu > li > ul > li a:hover { color: #ffde00; }

	.head .menu > li > ul li,.head.head_fixed .menu > li > ul li { line-height: normal;}

	.lang { right: 20px; position: absolute; top: 0; z-index: 2; font-size: 16px; margin: 0 auto; display: inline-block; }
	.lang > div { float: left;}
	.lang li { padding: 0 9px; height: 80px; width: 1px; display: table-cell; font-family: "Trajan Pro Regular", sans-serif; vertical-align: middle; }
	.lang li a { padding: 0 9px; margin: 0 -9px; font-weight: bold; line-height: 32px; white-space: nowrap; display: block; text-decoration: none; text-transform: uppercase; color: #fff; z-index: 2; border-left: 1px solid #5c5c5c;}
    .lang li:first-child a { border: none; }
    .lang li:hover a,.lang li.on > a,.lang li.active > a { color: #ffde00; }
	.lang .fb { padding: 0 9px 0 9px; line-height: 80px; }
	.lang .fb a { padding: 0 9px 0 9px; margin: 0; width: 19px; height: 19px; display: inline-block; border: none; text-indent: 1000px; overflow: hidden; background: url(fb0.png) 50% 50% no-repeat; vertical-align: middle; }
	.lang .fb a:hover { background: url(fb1.png) 50% 50% no-repeat; }


    .head .navbar-header { height: 50px; }
    .head .navbar-toggle { background-color: #262626;;
        border-radius: 0;
        padding: 6px 6px;
        float: left;
        margin-left: 8px;
    }
    .head .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #555;
    }
    .head .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 7px;
    }
	.navbar-brand .logo { margin-left: -10px;}

	.btn-search { cursor: pointer; color: #ccc; }

	.search-input { position: absolute; width: 100%; padding: 10px 45px 0 10px; display: table;
		margin-left: -100%;
		-webkit-transition: margin-left .5s ease;
		-moz-transition: margin-left .5s ease;
		-o-transition: margin-left .5s ease;
		transition: margin-left .5s ease;
	}
	.search-on .search-input { margin-left: 0; }
	.search-on .btn-search { visibility: hidden;}
	.search-input .search-text { width: 100%; padding: 0 5px; height: 30px; background-color: #333; color: #fff; border: 1px solid #555; }
	.search-submit { position: absolute; right: 45px; top: 11px; width: 30px; height: 30px; z-index: 2; border: none; background: none; }
	.search-close { position: absolute; right: 10px; top: 11px; color: #777; width: 30px; height: 30px; z-index: 2; border: none; background-color: #222222; }

	.photo-block { margin: 30px 0 0 0; border-top: 1px solid #ddd; clear: both; }
	.photo-block h3 { margin-top: 10px; }
	.photo-block > div { margin: 0 0 15px 0; text-align: center; }
	.photo-block img { display: inline-block;}

	.video-block { margin: 30px 0 0 0; border-top: 1px solid #ddd; clear: both; }
	.video-block h3 { margin-top: 10px; }

	.search-res-title { margin: 20px 15px 0 15px; padding-bottom: 10px; border-bottom: 1px solid #ddd; color: #ac2925; }


/** nav-tabs
--------------------------------------------------------------------------------------------------------------------- **/

	.menu-tabs { border-bottom: 2px solid #444; background-color: #252525; font-size: 16px; position: relative; }
	.menu-tabs:after { display: table; content: " "; clear: both;}
	.menu-tabs li { padding: 0 0.6em 0 0.6em; float: left; color: #fff; }
	.menu-tabs li.active { background-color: #444; }
	.menu-tabs a { padding: 0 0.6em 0 0.6em; margin: 0 -0.6em 0 -0.6em; color: #ccc; font-weight: bold; line-height: 50px; display: block; }
	.menu-tabs a:focus { text-decoration: none;}
	.menu-tabs li.active a { color: #fff; }
	.tab-inner {}

	.tab-content > .tab-pane { width: 100%; margin: 0 -100% 0 0; display: block; float: left;}
	.tab-content > .tab-pane .tab-inner { margin: 0 0 0 -100%; width: 100%; height: 0; float: left;
		-webkit-transition: margin .5s;
		-moz-transition: margin .5s;
		-o-transition: margin .5s;
		transition: margin .5s;
	}
	.tab-content > .tab-pane.active .tab-inner { margin: 0; height: auto; }

	.menu-tabs .social { width: 90px; height: 50px; margin-left: -50px; float: right; position2: absolute; right2: 7px; top2: 7px; }
	.social-fb,
	.social-tw { width: 38px; height: 37px; margin: 7px 7px 0 0; opacity: 0.5; display: block; float: right; overflow: hidden; background-image: url(social.png); }
	.social-fb { }
	.social-tw { background-position: -45px 0; }
	a:hover .social-fb,
	a:focus .social-fb { background-position: 0 -44px; opacity: 1; }
	a:hover .social-tw,
	a:focus .social-tw { background-position: -45px -44px; opacity: 1; }

/** footer
--------------------------------------------------------------------------------------------------------------------- **/

	.footer { height:62px; margin-top: -50px; background-color: #191919; color: #fff; z-index: 2; position: relative; }
	.footer_buffer { height:62px; clear: both; }

	.copyrit { padding: 20px 0 0 0; text-align: center; font-size: 12px; text-transform: uppercase; }

	.fullsite { padding: 5px 0 5px 0; font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; }
	.fullsite a { color: #777; }

	.preloader { display: none; width: 100%; height: 100%; position: fixed; top:0; background-color: rgba(255,255,255,0.5); z-index: 1000; }
	.preloader.on { display: block; background: rgba(255,255,255,0.5) url(preloader.png) 50% 50% no-repeat; }



/** content
--------------------------------------------------------------------------------------------------------------------- **/

	.content { padding: 15px 15px 1015px 15px; margin-bottom: -1000px; min-height:160px; position: relative; }

	.news-list { padding: 10px 15px 1015px 15px; margin-bottom: -1000px; background-color: #F1F1EC; }
	.news-list .img { margin: 10px -15px 15px -15px; display: block; }
	.news-list .img img { width: 100%; }
	.news-list li:first-child .img { margin-top: -20px;}
	.news-list li { padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; }
	.news-list li:after,.news-list li:before { display: table; content: " "; clear: both; }
	.news-list li:first-child h3 { font-size: 30px; }
	.news-list li h3 i { float: right; font-style: normal; font-size: 0.8em; color: #ccc; margin-top: 0.2em; }
	.news-list a b { font-size: 18px; line-height: 1.3em; font-weight2: bold; }
	.news-list a i { float: right; font-style: normal; font-size: 0.9em; color: #ccc; margin-top: 0.2em; text-transform: lowercase; }
	.news-list .img a { margin: 0; }
	.news-list a em { margin: 10px 0 20px 0; color: #252525; clear2: both; font-style: normal; display: block; font-size: 16px; line-height: 1.4em; }
	.news-list b + i { font-weight2: bold; font-size2: 16px;}

	.ncoms { margin: -3px 0 0 0; position: relative; font-size: 18px; vertical-align: middle; color: #444;}
	.ncoms small { margin-top: 1px; width: 16px; text-align: center; color: #fff; display: block; z-index: 2; position: absolute; left: 1px; top:1px; font-family: Arial, sans-serif; font-size: 11px; line-height: 11px; vertical-align: top;}

	.fb-box { padding: 15px; }
	.fb-box > * { display: inline-block;}

	.widget { padding: 15px 15px 1015px 15px; margin-bottom: -1000px; background-color: #252525; }

	.go-up { margin: 0 0 0 -25px; width: 50px; height: 30px; opacity: 0; text-align: center; line-height: 30px; position: fixed; bottom: -50px; left: 50%; background-color: #ccc; border-radius: 5px; z-index: 3; cursor: pointer;
		-webkit-transition: bottom .5s;
		-moz-transition: bottom .5s;
		-o-transition: bottom .5s;
		transition: bottom .5s;
	}
	.go-up.on { bottom:10px; opacity: 0.3; }
	.go-up.on:hover { opacity: 0.5; }




	.block_title { padding: 10px 20px; margin-bottom: 20px; background-color: #f4f4f4; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 30px; text-align: center; font-family:"Open Sans Condensed", sans-serif; font-weight: bold;}
	.boxed { max-width: 980px; margin: 0 auto; }

	.content-text { font-size: 14px; color: #595959; line-height: 1.72em; }
	.content-text h2,.content-text h1 { padding: 26px 0 26px 0; margin: 41px 0 30px 0;  font-size: 26px; text-align: center; line-height: 1.2em; color: 252525; font-weight: normal; text-transform: uppercase; border-top: 2px solid #252525; border-bottom: 2px solid #252525; }
	.content-text p { margin: 1em 0 1.55em 0; }
	.content-text img { margin: 11px 0 18px 0; }

	.gmap { position: fixed; height: 100%; width: 100%; top: 0;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: gray;
		filter: grayscale(100%);
	}
	.gmap iframe { height: 100%; width: 100%; border: none;}

	.modal-body { padding: 19px 10px;}
	.modal-body > .close { margin: 0 10px 0 0;}
	.modal-dialog { max-width: 1200px; width: auto; margin: 19px 10px;}

/** article
--------------------------------------------------------------------------------------------------------------------- **/

	.article { padding: 10px 15px 1015px 15px; margin-bottom: -1000px; background-color: #F1F1EC; }
	.article .img { margin: -10px -15px 15px -15px; display: block; }
	.article .img img { width: 100%; }
	.article h1 { font-size: 26px; font-weight: bold; }
	.article p { margin-bottom: 0.8em;}
	.article iframe,
	.article embed { max-width: 100%; width: 640px; height: 360px; margin: 0 auto; display: block; }

	.article > i { margin: -10px 0 5px 0; text-align: right; font-style: normal; font-size: 0.9em; color: #ccc; text-transform: lowercase; display: block;}


/** comments
--------------------------------------------------------------------------------------------------------------------- **/

	.comments { padding: 0 20px 20px 20px; }
	.comments .item { padding: 5px 0 15px 0; border-bottom: 1px solid #ddd; }
	.comments h3 { border-bottom: 3px solid #ddd; display2: inline-block; }

	.comments .name .glyphicon { color: #AC2925;}
	.comments .name em { font-size: 0.9em; color: #ccc; float: right; font-style: normal; }

	.comment-form { padding: 0 20px 20px 20px; }
	.comment-form h4 { border-bottom2: 3px solid #ddd; display: inline-block;}


/** work filter
--------------------------------------------------------------------------------------------------------------------- **/

	.filter-nav {}
	.filter-nav ul { font-size: 12px; background-color: #777775; padding: 10px 0 10px 10px; overflow: hidden; }
	.filter-nav ul > li { padding: 0 9px; display: inline-block; text-transform: uppercase; float: left;  }
	.filter-nav ul > li a { padding: 0 9px; margin: 0 -9px; line-height: 32px; white-space: nowrap; color: #fff; }
	.filter-nav ul > li a:hover { color: #ffde00; text-decoration: none; }


/** work grid
--------------------------------------------------------------------------------------------------------------------- **/

	.work-grid { margin: 37px 0 0 0; }
	.work-grid li { margin: 0 0 20px 0; width: 234px; height: 234px; background-color: #c8c8c8; position: relative; overflow: hidden; }
	.work-grid .grid-sizer { width: 234px; display: none; }
	.work-grid .gutter-sizer { width: 20px; background: none; }
	.work-grid #tiles { margin: 0 auto; }

	.work-grid a,.work-grid img { display: block;}
	.work-grid .desc { opacity: 0; width: 234px; height: 234px; position: absolute; left: 0; top: 0; padding-top: 16px; line-height: 218px; text-align: center;
		-webkit-transition: opacity .5s;
		-moz-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s;
	}
	.work-grid .desc span { margin: 0 17px; padding: 20px 25px; font-size: 13px; color: #fff; display: inline-block; background-color: #252525; line-height: 1.3em; }

	.work-grid li img  {
		-webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);

		-webkit-transition: -webkit-filter .5s, filter .5s;
		-moz-transition: -moz-filter .5s, filter .5s;
		-o-transition: -o-filter .5s, filter .5s;
		transition: -webkit-filter .5s, -moz-filter .5s, -ms-filter .5s, -o-filter .5s, filter .5s;
	}

	.work-grid li:hover img {
        filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='blur5'><feGaussianBlur in='SourceGraphic' stdDeviation='5' /></filter></svg>#blur5");
        -webkit-filter: blur(15px);
        -moz-filter: blur(15px);
        -o-filter: blur(15px);
        -ms-filter: blur(15px);
        filter: blur(15px);
		
		-webkit-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-o-transform:scale(1.0);
		-ms-transform:scale(1.0);
		transform:scale(1.0);
    }
	.work-grid li:hover .desc { opacity: 1; }









/* ========================================== 320px ============================================ */
@media all and (min-width: 320px){


}
/* ========================================== 360px ============================================ */
@media all and (min-width: 360px){

	.menu-tabs li { padding: 0 0.8em 0 0.8em; }
	.menu-tabs a { padding: 0 0.8em 0 0.8em; margin: 0 -0.8em 0 -0.8em; }

}
/* ========================================== 480px ============================================ */
@media all and (min-width: 480px){


}
/* ========================================== 600px ============================================ */
@media all and (min-width: 600px){


}
/* ========================================== 768px ============================================ */
@media all and (min-width: 768px){

	.menu { padding: 0; margin-left: -15px; margin-right: -15px; }
	.menu > li { padding: 10px; float: left;}
	.menu > li > a { border-bottom: none; line-height: 30px; display: inline-block; }
	.menu-wrapper { border-top: none; }

	.menu > li { white-space: nowrap;}
	.menu > li > .glyphicon { float: none !important; margin: 0 0 0 10px; display: inline; }
	.menu > li.more { display: inline-block; }

	.news-list { vertical-align: top; }
	.news-list .img { margin: 0 15px 15px 0; width: 200px; float: left; }
	.news-list li:first-child h3 { font-size: 30px; }
	.news-list li:first-child .img { margin-top: 0;}

	.article { vertical-align: top; }
	.article .img { margin: 0 15px 15px 0; max-width: 400px; width: 100%; float: left; }
	.article li:first-child h3 { font-size: 30px; }
	.article li:first-child .img { margin-top: 0;}

	.header { padding-top: 0;}
	.header .head { position: relative;}

	.navbar-brand { margin-bottom: -50px; }
	.search-input { margin-left: 0; position: relative; padding: 10px 10px 0 210px; }
	.search-close { display: none; }
	.search-submit { right: 10px; }
	.btn-search { display: none; }
	.navbar-header { float: none; }

	.logo { position: relative; }

}
/* ========================================== 800px ============================================ */
@media all and (min-width: 800px){


}
/* ========================================== 980px ============================================ */
@media all and (min-width: 980px){


}
/* ========================================== 1024px ============================================ */
@media all and (min-width: 1024px){


}
/* ========================================== 1250px ============================================ */
@media all and (min-width: 1250px){

	.navbar-header { width: 450px; float: left; }

}
/* ========================================== 1400px ============================================ */
@media all and (min-width: 1400px){


}
/* ========================================== 1900px ============================================ */
@media all and (min-width: 1900px){


}