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

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic);
@import url(../images/slide/slide.css);
@import url(gallery.css);

p:first-child {margin-top:0;}
p:last-child {margin-bottom:0;}

/* Base */
.alignleft  {
  float: left;
}
.alignright  {
  float: right;
}
.aligncenter  {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.center {text-align:center; margin-bottom:20px;}
.center:last-child {margin-bottom:0;}
.separator {height:20px; display:block;}
/* End Base */

html {overflow-x:hidden}
*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body, input, textarea, select { color:#777b70; font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height:20px;}
a { color:#ba450c; outline:none; text-decoration:none;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;}
a:hover  {color: #24a222; text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {font-family: Roboto; font-weight:normal;}

h1 { font-size: 30px}
h2 { font-size: 22px}
h3 { font-size: 18px; background:url(../images/line2.gif) 0 100% repeat-x; padding-bottom:10px; margin:0 0 10px 0; color:#fff;}
h4 { font-size: 14px; color:#fead20; padding-bottom:10px;  margin:0 0 10px 0;}
h5 { font-size: 13px}
h6 { font-size: 12px}

	h3 a {color:#fff;}
	h3 a:hover {color:#fff;}

	article > .header h4 { padding-bottom:0; margin-bottom:0px}

body { background:#0e0f0d; border: 0 none; margin: 0; padding: 0; outline: 0; vertical-align: top; position:relative;}
hr {background:url(../images/line2.gif) repeat-x; border:none; margin:10px 0; height:2px; width:100%;}


/* Header
---------------------------------------- */
header#header { background: #2b2d27 url("../images/header-tail.gif") repeat-x scroll 0 100%; height:363px; border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top;}
	
#header-bg  { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; z-index: 0; background:url(../images/header-bg.png) no-repeat 100% 0;}

#header .container { height:100%}
#header .container .span4 {height:318px;}
#header .container .span8 {height:318px;}

#logo {float:left; padding:9px 0; margin-top:0px}
#logo a { color: #b5b5b5; display: block; font: 18px "RobotoLight",Verdana,Arial,Helvetica,sans-serif; text-decoration: none; text-shadow: 2px 3px 3px #000; text-transform: uppercase; position:relative;}
#logo a span {left: 0; position: absolute; bottom: 10px; width:100%; text-align:center;}
#logo a:hover {text-decoration:none; color:#ff0000;}

.slogan { margin:20px 0 0; color:#80cc52; text-transform:uppercase; font-weight:bold; float:left; padding:20px 0; font:14px "Roboto"; line-height:1.3em; text-align:center;
text-shadow:3px 3px 3px #000; -moz-text-shadow:3px 3px 3px #000; -webkit-text-shadow:3px 3px 3px #000;}

img.badge { height:160px; background:none; margin-top:30px; padding:0; margin-left:45px}
.social {margin-top:255px; margin-left:-25px;}
/* Logo */
.header-wrap h1 { position:absolute; left:17px; top:58px; width:300px; height:100px; background:url(../images/logo.png) no-repeat 0 0;}
	.header-wrap h1 span,
	.header-wrap h1 a,
	.header-wrap h2 span,
	.header-wrap h2 a{ position:absolute; left:0; top:0; color: #b5b5b5; display: block; font: 18px 'RobotoLight',Verdana,Arial,Helvetica,sans-serif; padding-top: 74px; text-decoration: none; text-transform: uppercase;text-shadow:2px 3px 3px #000; }
	.header-wrap h1 span{ text-indent:-9999em;}

.lang {margin-top:15px;}
.lang li {list-style:none; display:inline;}
.lang li img { width:20px;}
.lang a { width:18px; height:12px; padding:5px; }
/* Slogan */

/* Search form */
#searchbox {height:45px;}
.search-form { margin-bottom:0; padding-top:12px;}
.search-form fieldset { border:none;}
.search-form input[type=text] { width:166px; padding:2px 6px 2px 6px; border:1px solid #63775c; background:none; color:#fff; margin-bottom:0; font-size: 14px;}
.search-form input[type=submit] { width:21px; height:20px; background:url(../images/search-icon.gif) no-repeat 0 0; border:none; margin-right:5px; cursor:pointer;}


/* ------------------------------------------------------------------------------------------ */
#content { font-size:0.75em; padding-top:30px; padding-bottom:30px;}
.media {float:left; width:100%;margin-bottom:30px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; position:relative;}
.media img {width:100%}
.media iframe {width:100%; height:300px}
/* ------------------------------------------------------------------------------------------ */

/* Dynamic Elements */
.row-dynamic-el {margin-top:40px}
.row-dynamic-el h2 {color:#555555; margin-top:0;}
.row-dynamic-el:first-child {margin-top:0}

.title {
	color:#fead20/* rgb(254, 173, 32)*/;
    font-size: 1.6em;
    font-weight:normal;
    line-height: 1em;
    margin-bottom:15px;
    text-transform:none;
}

/* Boxes */
.box { background:url(../images/splash.png) no-repeat 0 0 #2d8a04; padding:28px 26px 30px 26px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; position:relative; margin-bottom:21px;}
.box-1 { background:url(../images/splash.png) no-repeat 0 0 #1a1d18; padding:28px 26px 30px 26px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; /*position:relative;*/ margin-bottom:21px; border: 1px solid #44463F; display:block;}

.box-2 { background:url(../images/splash.png) no-repeat 0 0 #10120D; padding:28px 26px 30px 26px; border-radius:0 0 7px 7px; -moz-border-radius:7px; -webkit-border-radius:7px; position:relative; margin-bottom:21px;border: 1px solid #44463F;}

.box1 { background:url(../images/splash.png) no-repeat 0 0 #10120d; padding:55px 26px 30px 26px; border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; position:relative; margin:0 0 21px 0; top:7px; font-size:11px; color:#9b9f95;}

.box2 { padding:35px 20px 30px 20px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; position:relative; margin:0 0 21px 0; font-size:11px; border:1px solid #44463f; color:#b5b5b5;
	background: -moz-linear-gradient(100% 100% 90deg, #2b2d27, #3a3d34) repeat scroll center center #2b2d27; /* firefox */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3d34), to(#2b2d27)); /* chrome, safari */
	background-color: #3a3d34;
	background-image: -o-linear-gradient(top,rgb(58, 61, 52),rgb(43,45,39)); /* opera */

}

.box3 { padding:20px 20px 20px 20px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; position:relative; border:1px solid #44463f; color:#b5b5b5;
	background: -moz-linear-gradient(100% 100% 90deg, #2b2d27, #3a3d34) repeat scroll center center #2b2d27; /* firefox */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3d34), to(#2b2d27)); /* chrome, safari */
	background-color: #3a3d34;
	background-image: -o-linear-gradient(top,rgb(58, 61, 52),rgb(43,45,39)); /* opera */

}

.box4 { padding:20px 20px 20px 20px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; position:relative; border:1px solid #44463f; color:#b5b5b5; margin-bottom:15px;}

.box3 time { padding:7px 7px 7px 7px; border-radius:7px 0px 0px 7px; -moz-border-radius:7px 0px 0px 7px; -webkit-border-radius:7px 0px 0px 7px; position:relative; border-bottom:1px solid #44463f; border-left:1px solid #44463f; border-top:1px solid #44463f;
	color: #FEAD20;
    display: block;
    font-size: 12px;
    text-align: center;
	line-height:18px;
	font-weight:bold;
    position: absolute;
    top: 7px;
    left: -76px;
    width: 80px;
    height: 50px;
	background-color: #3a3d34;
}
time > span {color:#E8270E;text-shadow:1px 2px 2px #000;}
time > img {padding:4px 0;}

article { margin-bottom: 35px; font-size: 1.1em; color:#b5b5b5;}
article:last-child { margin-bottom: 0px;}
.article-img { position: relative; width: 174px; height: 174px; margin:0 auto;}
.article-map { text-align:right;}
.coord { margin-bottom:0px; text-decoration:none; color: #FEAD20; font-size: 1em; font-weight:bold;}
.boxinfo {width:67%;}
article > .header {
    background: #2b2d27 url("../images/title-bg1.gif") repeat-x scroll 0 0; 
    border: 1px solid #44463f;
    border-radius: 7px;
    display: block;
    font-size: 1em;
    margin: 0 0 20px;
    outline: 0 none;
    padding: 15px;
    position: relative;
    vertical-align: top;
	width:100%;
	float:left;
}

article.box3 .span8>p {padding-bottom:20px}

.content {padding:30px 20px; border-bottom:1px solid #494a43; border-top:1px solid #232420;}
.content:first-child, .content.clearfix { border-top:none; padding-top:0;}
.content:last-child { border-bottom:none; padding-bottom:0;}


/* Buttons */
.button { background:url(../images/submit-bg.gif) 0 0 repeat-x; font-size:11px; color:#293a18; font-weight:bold; text-align:center; height:20px; border:none; text-transform:uppercase; cursor:pointer; text-shadow:1px 1px 0 #bee055; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; line-height:19px; text-decoration:none; padding:0 10px 0 10px; position:absolute; bottom:20px; right:20px;}
.button:hover { color:#E8270E;}

/* .text */
.text ul {padding-left:30px; margin:10px 0; list-style:outside disc;}
mark { font-size:14px; line-height:24px; font-style:italic; font-weight:bold; padding:10px 10px 10px 30px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border: 1px solid #44463F; margin-bottom:21px;}
.text mark {background: #10120D; color: #8B9082; display:block;}
.blog-content mark { font-size:12px; line-height:20px; background: #2B2D27;}

a.baner {border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; position:relative; border:#44463F 1px solid; background:url(../images/splash.png) no-repeat 0 0 #0E0F0D; padding:15px; float:left; color:#42a222; text-align:center;}

/* img */
.text img {border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border:#44463F 1px solid; background:url(../images/splash.png) no-repeat 0 0 #0E0F0D; padding:7px; margin:10px; float:left;}
.img-box { overflow:hidden; margin-top:20px;}
.img-indent { margin:0 20px 0 0; float:left; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border:#44463F 1px solid; background:url(../images/splash.png) no-repeat 0 0 #0E0F0D; padding:6px;}
	.img-indent img { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

img.imgpage { float:left; margin:10px 20px 10px 0; max-width:50%;
	-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; border:#44463F 1px solid; background:url(../images/splash.png) no-repeat 0 0 #0E0F0D; padding:6px;
}

/* service-front */
		.service-front { margin-bottom:20px; position: relative;}
		.service-front > header { margin:0 0 20px 0; font-size: 100%; outline: 0; vertical-align: top;}
		.service-front h2 { background:url(../images/line2.gif) 0 100% repeat-x; font-size:16px; font-weight:bold; color:#fff; padding-bottom:10px; margin:0 0 0.4em; height:36px;}
		.service-front .author { color: #FEAD20; display: block;}
		.service-front .author a { color: #FEAD20; font-weight:bold; text-decoration:none;}
		.service-front .author a:hover {text-decoration:underline;}
		.service-front .date { color: #E8270E; display: block;}
		.service-front .lead { height:80px; margin-bottom:25px;}

.paging { color:#a2ff6a; text-align:center; height:19px; line-height:19px;}
.paging a {background:url(../images/button-bg.gif) 0 0 repeat-x; color:#b6b3b2; font-size:12px; text-decoration:none; padding:2px 5px 3px 5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position:relative; }
.paging a:hover { color:#fff;}
.paging > strong { font-size:12px; line-height:19px; text-decoration:none; padding:3px 5px 2px 5px; position:relative; color:#fff;}


.half { width:48%; margin-left:4px; margin-right:4px; display:inline; float: left; position: relative;}
.third { width:32%; margin-left:4px; margin-right:4px; display:inline; float: left; position: relative;}
.listtype { background:url(../images/arrow2.gif) no-repeat 0 20px; padding-left:20px; height:60px;}
.listtype .date { color:#BA450C;}
.listtype a { color:#777B70}

/* Feedback
---------------------------------------- */
#contacts-form input, #contacts-form textarea { width:100%; box-sizing:border-box; background:none; border: 1px solid #44463f;}
#contacts-form textarea {height:150px;}
.cbutton { background:url(../images/button-bg.gif) 0 0 repeat-x; color:#b6b3b2; text-align:center; border:none; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; padding:0 10px 0 10px; margin-bottom:1px;}
.cbutton:hover { color:#E8270E;}

/* Footer
---------------------------------------- */
footer#footer { width:100%; float:left; background:#2b2d27; border-top:1px solid #44463f;}
footer { color:#7e7c73; padding:10px 0 10px 0; text-transform:none;}
footer .copy { font-size:11px;}
footer a { color:#7e7c73; text-decoration:none;}
footer a:hover { color:#7e7c73; text-decoration:underline;}
footer > .container > .row { text-transform:none; font-size:11px;}

/* Sysnav Menu */
ul#sysnav { margin:0 0 20px 0; padding:0; text-align:center; font-size:13px;}
ul#sysnav li { display:inline; padding-left:10px; border-left:#999999 1px solid; margin-left:10px;}
ul#sysnav li.first {border-left:none; margin-left:0;}

.share .btu { display:inline-block;
/*    margin: 10px auto;*/
    padding: 0 !important;
}
.share>.btu>iframe {height:60px !important;}
	/*----*****---- << Goto Top >> ----*****----*/
	#toTop { display:none; text-decoration:none; position:fixed; bottom:60px; right:30px; overflow:hidden; width:40px; height:40px; border:none; text-indent:100%; background:url(img/ui.totop.png) no-repeat left top; z-index:9999; }	
	#toTopHover { background:url(img/ui.totop.png) no-repeat left -40px; width:40px; height:40px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0;/* filter:alpha(opacity=0); */}	
	#toTop:active, #toTop:focus { outline:none;	}



img.uncol {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><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>#greyscale");
}
img.uncol:hover {
-webkit-filter:none;
filter: none;
}

/* Result */
ul.result { font-size:120%; list-style:none; background: transparent; border: 0 none; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top;}
ul.result li { background:url(../images/line2.gif) 0 100% repeat-x; padding:2px 0 6px 0; margin-bottom:4px;}
ul.result li:hover { background:url(../images/line1.gif) 0 100% repeat-x;}
	ul.result li a { background:url(../images/arrow2.gif) no-repeat 0 3px; padding:0 0 0 23px; color:#efffd7; font-weight:bold; text-shadow:1px 1px 0 rgba(0, 0, 0, .3); text-decoration:none; display:block;}
	ul.result li a:hover { text-decoration:underline; background:url(../images/arrow1.png) no-repeat 0 3px; color:#42a222;}
ul.result li.last { background:none; padding-bottom:0; margin-bottom:0;}
.searchPage {color:#fead20; font-size:18px; font-weight:normal;}
.searchResult {line-height:22px; font-size:14px; font-weight:bold;}

@media (max-width: 768px)  {
  .paging { margin-bottom:35px;}
  .half, .third {width:100%; margin-left:0; margin-right:0;}
}