/*---------------------------------
         	IMPORTS
         -----------------------------------*/
 /* ------------ Navigation Color */
 nav#main-nav > ul > li > a {
 	color:#4d4948;
 }
 .nav_wrap_inner.navi_scrolled {}
 nav#main-nav ul li a {
 	color:#4d4948;
 }
 nav#main-nav ul > li > ul {background-color:#ffffff;}
 nav#main-nav ul li.active > a,
 nav#main-nav ul li > a:hover,
 nav#main-nav ul ul li:hover > a {
 	color:#8aa216;
 }
 .responsibe_block{
     display: none;
 }
 /* ---------- Navigation ---------- */
 .nav_wrap {
 	position:relative;
 	top:auto;
 }
 /* scrolled */
 /*
 .touch_dev .nav_wrap_inner.navi_scrolled {
 	background:none;
 	position:relative;
 	top:0;
 	opacity:1;
 	width:auto;
 }
 .touch_dev .navi_scrolled nav {width:auto;}
 .nav_wrap_inner.navi_scrolled {
 	background:url(../images/bg_sharp.png) repeat 0 0;
 	position:fixed;
 	left:0;
 	top:-60px;
 	width:100%;
 	opacity:0;
 	z-index:201;
 	padding:8px;
 }
 .navi_scrolled nav {
 	width:980px;
 	margin:0 auto;
 }
 .navi_scrolled nav#main-nav > ul{ background:#EEEEEE;}
 .navi_scrolled nav#main-nav > ul > li:first-child > a,
 .navi_scrolled nav#main-nav > ul > li:last-child > a,
 .navi_scrolled nav#main-nav > ul > li:first-child > a > span,
 .navi_scrolled nav#main-nav > ul > li:last-child > a > span {
 	border-radius:0;
 	-moz-border-radius:0;
 	-webkit-border-radius:0;
 }
 .navi_scrolled nav#main-nav > ul > li > a {margin-top:0;}
 .navi_scrolled nav#main-nav > ul > li.active > a > span,
 .navi_scrolled nav#main-nav > ul > li:hover > a > span,
 .navi_scrolled nav#main-nav > ul > li > a:hover > span {}
 .navi_scrolled nav#main-nav > ul > li > ul {top: auto;}
 .navi_scrolled nav#main-nav > ul > li:last-child > a {border-right:1px solid #C3C4C4;}
 .navi_scrolled nav#main-nav > ul > li:last-child > a > span {
 	-webkit-box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset;
 	-moz-box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset;
 	box-shadow:-1px 0 0 rgba(255, 255, 255, .1) inset;
 }
 .navi_scrolled nav#main-nav > ul > li:first-child > a {border-left:1px solid #C3C4C4;}
 .navi_scrolled nav#main-nav > ul > li > a {
 	-webkit-box-shadow:-1px 0 0 rgba(255, 255, 255, .1);
 	-moz-box-shadow:-1px 0 0 rgba(255, 255, 255, .1);
 	box-shadow:-1px 0 0 rgba(255, 255, 255, .1);
 }
 */
 /* end scrolled */
 @media only screen and (min-width: 959px) {
 #header nav {position:relative;}
 nav#main-nav ul {
 	margin:0;
 	padding:0;
 	list-style:none;
 }
 nav#main-nav ul:after {clear:both;}
 nav#main-nav > ul {
 	width:100%;
 	display:table;
 	z-index:202;
 	zoom:1;
 }
 nav#main-nav ul li {
 	line-height:20px;
 	padding-left:0;
 	position:relative;
 	z-index:203;
 }
 nav#main-nav ul a {z-index:2040;}
 /* Parent */
 nav#main-nav > ul > li > a,
 .touch_dev nav#main-nav > ul > li > a {
 	display:block;
 	padding:10px 8px;
 	background:transparent url(/templates/images/tmdel.png) center left no-repeat;
 }
 nav#main-nav > ul > li {
 	display:block;
 	float:left;
 	vertical-align:top;
 	padding:0 12px 0 20px;
 }
 nav#main-nav > ul > li:first-child > a,
 .touch_dev nav#main-nav > ul > li:first-child > a {
 	border-left:none;
 	border-radius:0 0 5px 5px;
 	-moz-border-radius:0 0 5px 5px;
 	-webkit-border-radius:0 0 5px 5px;
 }
 nav#main-nav > ul > li:last-child > a,
 .touch_dev nav#main-nav > ul > li:last-child > a {
 	border-radius:5px 5px 0 0;
 	-moz-border-radius:5px 5px 0 0;
 	-webkit-border-radius:5px 5px 0 0;
 }
 nav#main-nav > ul > li:first-child > a > span,
 .touch_dev nav#main-nav > ul > li:first-child > a > span {
 	border-radius:0 0 0 5px;
 	-moz-border-radius:0 0 0 5px;
 	-webkit-border-radius:0 0 0 5px;
 }
 nav#main-nav > ul > li:last-child > a > span,
 .touch_dev nav#main-nav > ul > li:last-child > a > span {
 	border-radius:5px 0 0 0;
 	-moz-border-radius:5px 0 0 0;
 	-webkit-border-radius:5px 0 0 0;
 }
 nav#main-nav > ul > li > a > span {
 	display:block;
 /*	color: #06213f;	*/
     font-size: 16px;
     font-weight: bold;
 }
 nav#main-nav > ul > li:last-child > a > span {
 	-webkit-box-shadow:none;
 	-moz-box-shadow:none;
 	box-shadow:none;
 }
 .touch_dev nav#main-nav ul > li.active > a > span,
 nav#main-nav > ul > li.active > a > span,
 nav#main-nav > ul > li:hover > a > span,
 nav#main-nav > ul > li > a:hover > span {
 /*	color:#a6ce39;  */
 }
 nav#main-nav > ul > li > a > span > img { float:left;}
 nav#main-nav > ul > li.active > a,
 nav#main-nav > ul > li > a:hover,
 nav#main-nav > ul > li:hover > a {
 	margin-top:0;
 	background:transparent url(/templates/images/tmdel.png) center left no-repeat;
 }
 /* end Parent*/
 /* All levels */
 nav#main-nav .del{
 width: 1px;
 background-color: #BDBCBC;
 height: 15px;
 margin-top: 14px;
 padding:0px;
 }
 nav#main-nav ul ul {
 	width:100%;
 	padding:0;
 	margin:20px 0 0 0;
 	opacity:0;
 	visibility:hidden;
 	position:absolute;
 	z-index:9998;
 }
 /* level 2 */
 nav#main-nav > ul > li > ul {
 	top:auto;
 	left:0;
 	width:170px;
 	background-color:#ffffff;
 	box-shadow: 1px 1px 2px #b7b7b7;
 }
 nav#main-nav > ul > li > ul li a {padding:5px;}
 nav#main-nav > ul li:hover > ul {
 	opacity:1;
 	visibility:visible;
 	margin:0;
 }
 /* level 3 */
 nav#main-nav ul ul ul {
 	margin:0 20px 0 0;
 	left:100%;
 	top:-1px;
 	z-index:9999;
 }
 nav#main-nav ul ul li {
 	display:block;
 	padding:0;
 	margin:0;
 	float:none;
 }
 nav#main-nav ul ul li:first-child > a {border-top:none;}
 nav#main-nav ul ul li a span {
 	display:block;
 	text-align:left;
 }
 nav#main-nav ul ul li.hasChilds > a span {
 }
 nav#main-nav ul ul li.drop:hover > a > span,
 nav#main-nav ul ul li.drop > a:hover > span,
 nav#main-nav ul ul li.active.drop > a > span {background-position:left 5px;}
 nav#main-nav ul li a {
 	line-height:20px;
 	display:block;
 	float:none;
 	text-decoration:none;
 	font-weight:bold;
 }
 nav#main-nav ul > li > ul > li:last-child {}
 nav#main-nav ul > li.del:last-child{display:none;}
 nav#main-nav ul ul ul li a {margin-left:1px;}
 }
 /* ---------------------------------- Media Queries ----------------------------------------------*/
 /* ---------- Large Monitor (Note: Design for a width more than 1440px) ---------- */
 @media only screen and (min-width: 1440px) {
 	.navi_scrolled nav{width:1200px;}
 }
 /* ---------- Tablet Portrait (Note: Design for a width more than 767px but less than 1024px) ---------- */
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
 	.navi_scrolled nav {width:90%;}
 }
 /* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */
 @media only screen and (max-width: 767px) {
 	.navi_scrolled nav {width:100%;}
 }
 /* ---------- Mobile (Note: Design for a width less than 959px) ---------- */
 @media only screen and (max-width: 959px) {
 	.nav_wrap_inner.navi_scrolled {
 		background:transparent;
 		z-index:9999;
 	}
 #header .nav_wrap {
 height:auto;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 }
 	.responsibe_block{display:block;}
 	.responsibe_block {
 background: #eeeeee; /* Old browsers */
 background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 99%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(99%,#dddddd)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 99%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 99%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 99%); /* IE10+ */
 background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 99%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
 padding-bottom:4px;
 	}
 	.responsibe_block_inner .social_list li a:hover img {
 		opacity:.8;
 		filter:alpha(opacity=80);
 	}
 	.responsibe_block_inner {
 		height:35px;
 		padding:0 13px 0;
 		overflow:hidden;
 	}
 	.resp_navigation  {
 background-color: #E3E3E3;
 background-image: linear-gradient(to bottom, #ECECEC, #E3E3E3);
 background-repeat: repeat-x;
 /*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
 color: #FFFFFF;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 float: left;
 margin-left: 5px;
 margin-right: 5px;
 padding: 5px 10px;
 margin-top: 5px;
 display: block;
 border-radius: 5px 5px 5px 5px;
 border:1px solid #cccccc;
 }
 .resp_navigation .icon-bar{
 margin: 3px 0;
 background-color: #4C4C4C;
 border-radius: 1px 1px 1px 1px;
 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);
 display: block;
 height: 2px;
 width: 18px;
 }
 .del{
 display:none;	
 }
 	nav#main-nav ul {
 		background-color:#1b1b1b;
 		display:none;
 		margin:0;
 		overflow:hidden;
 		position:relative;
 	}
 	nav#main-nav > ul > li {
 background: #eeeeee; /* Old browsers */
 background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 99%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(99%,#dddddd)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 99%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 99%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 99%); /* IE10+ */
 background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 99%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
 width:auto;
 border-top: 1px solid #cccccc;
 }
 	nav#main-nav > ul li a {text-decoration:none;color:#333333;font-size:14px;font-weight:bold;}
 	nav#main-nav > ul li a span {text-align:center;}
 	nav#main-nav ul li.active a, 
 	nav#main-nav ul li a:hover, 
 	nav#main-nav ul li:hover a{
 	color:#212121;
 	background-color:#dddddd;
 	}
 	nav#main-nav ul li {
 		float:none;
 		overflow:hidden;
 	}
 	nav#main-nav ul li > a {
 		background-repeat:repeat-x;
 		background-position:0 0;
 		display:block;
 		padding:10px 7px 7px 10px;
 		margin:0;
 	}
 	nav#main-nav > ul > li:first-child > a {background-image:none;}
 	nav#main-nav > ul > li > a {
 		border-left:none;
 		padding-left:30px;
 		-webkit-box-shadow:none;
 		-moz-box-shadow:none;
 		box-shadow:none;
 	}
 	nav#main-nav > ul > .hasChilds > a {
 	background:url(/templates/images/menuarr-wht.png) no-repeat scroll left 15px transparent;
 	padding-left:17px;
 	border-left: 13px solid transparent;
 	}
 	nav#main-nav ul li > ul li a {padding:5px 10px 5px 7px;}
 	nav#main-nav > ul > li > ul > li > a {padding-left:50px;font-size:13px;}
 	nav#main-nav > ul > li > ul > li > ul > li > a {padding-left:70px;}
 	nav#main-nav > ul > li > ul > li:last-child,
 	nav#main-nav ul ul li a,
 	nav#main-nav ul ul li:first-child > a,
 	nav#main-nav > ul > li > ul > li:last-child,
 	.navi_scrolled nav#main-nav ul > li > a,
 	.navi_scrolled nav#main-nav ul > li:first-child > a,
 	.touch_dev .navi_scrolled nav#main-nav ul > li > a,
 	.touch_dev .navi_scrolled nav#main-nav ul > li:first-child > a,
 	.touch_dev nav#main-nav ul > li > a {border:none;}
 	nav#main-nav > ul > li:first-child > a,
 	nav#main-nav > ul > li:last-child > a,
 	nav#main-nav > ul > li:first-child > a > span,
 	nav#main-nav > ul > li:last-child > a > span,
 	.touch_dev nav#main-nav ul > li:last-child > a > span,
 	.touch_dev nav#main-nav ul > li:last-child > a,
 	.touch_dev nav#main-nav ul > li:first-child > a > span,
 	.touch_dev nav#main-nav ul > li:first-child > a{
 		-webkit-border-radius:0;
 		-moz-border-radius:0;
 		border-radius:0;		
 	}
 	.touch_dev nav#main-nav > ul > li > a {padding-bottom:10px;}
 	.touch_dev nav#main-nav > ul > li > a {}
 	nav#main-nav > ul > li.active > a > span{
 		color:red;}
 	.touch_dev nav#main-nav > ul > li.active > a > span,
 	nav#main-nav > ul > li.active > a > span, 
 	nav#main-nav > ul > li:hover > a > span, 
 	nav#main-nav > ul > li > a:hover > span {
 		padding:0;
 		background:none;
 	}
 	nav#main-nav ul ul li a {width:auto;}
 	nav#main-nav ul ul li a span,
 	.navi_scrolled nav#main-nav ul > li > a {text-shadow:none;}
 	nav#main-nav ul ul ul li a {
 		margin-left:0;
 		padding-left:25px;
 	}
 	nav#main-nav > ul > li > a > span {
 		border:none;
 		background:none;
 		text-shadow:none;
 		-webkit-box-shadow:none;
 		-moz-box-shadow:none;
 		box-shadow:none;
 	}
 	nav#main-nav ul ul li.drop > a span,
 	nav#main-nav ul ul li.drop:hover > a > span,
 	nav#main-nav ul ul li.drop > a:hover > span,
 	nav#main-nav ul ul li.active.drop > a > span {
 	}
 	nav#main-nav ul ul, 
 	nav#main-nav ul ul ul, 
 	nav#main-nav > ul > li > ul {
 		background:none;
 		width:auto;
 		display:none;
 		padding:0;
 		margin:0;
 		visibility:visible;
 		position:relative;
 		left:auto;
 		top:auto;
 		opacity:1;
 		-webkit-box-shadow:none;
 		-moz-box-shadow:none;
 		box-shadow:none;
 		-webkit-border-radius:0;
 		-moz-border-radius:0;
 		border-radius:0;
 		-webkit-transition:none;
 		-moz-transition:none;
 		-ms-transition:none;
 		-o-transition:none;
 		transition:none;
 	}
 	nav#main-nav ul ul li,
 	nav#main-nav ul li > a > span {padding:0;}
 	.navi_scrolled nav {width: 100%;}
 	.navi_scrolled nav#main-nav > ul > li.active > a > span,
 	.navi_scrolled nav#main-nav > ul > li:hover > a > span,
 	.navi_scrolled nav#main-nav > ul > li > a:hover > span,
 	.touch_dev .navi_scrolled nav#main-nav ul > li.active > a > span,
 	.touch_dev .navi_scrolled nav#main-nav ul > li:hover > a > span,
 	.touch_dev .navi_scrolled nav#main-nav ul > li > a:hover > span {padding-top:0;}
 	.navi_scrolled nav#main-nav > ul > li > ul {top:auto;}
 }