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

img {
	border: 0;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	/* background: url(../images/body-bg.jpg) center top fixed no-repeat #f9f3f7; */
}
.container {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
.top-hed {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	background: rgba(0,0,0,0.5);
}
.ph {
	width: 1004px;
	margin: 0px auto;
	padding: 0px;
	height: 35px;
}
.ph p {
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 35px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.ph p span {
	margin: 0px 0px 0px 30px;
}
.body_main {
	width: 1004px;
	margin: 0px auto;
	padding: 0px;
	height: auto;
}
.logo-main {
	width: 1004px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	height: 62px;
	float: left;
}
.logo {
	width: 218px;
	margin: 0px;
	padding: 0px;
	height: 62px;
	float: left;
}

.logo h2{margin:30px 0 0 14px;}

.logo h2 a{
	
	color: #000;
	text-decoration:none;	
}
/*** Navigation ***/
#navigation {
	width: 100%;
	height: auto;
	float: left;
	padding: 0px 0 0px 0;
	margin: 40px 0px 0px 0px;
}
/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/
#ff-nav {
	height: auto;
	padding: 0px 0;
	width: 100%;
	/* border: solid 1px #ccc;
 border-radius: 5px;*/
	float: left;
	margin: 0px 0px 0px 0px;
}
.nav {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: 900;
	z-index: 999;
}
.nav-list {
	text-align: left;
}
.nav-item {
	float: left;
 *display:inline;
	zoom: 1;
	position: relative;
	margin: 0px 0px 0px 0px;/*border-right:1px solid #055e93;*/
}
.nav-item a:after {
	content: "/";
	margin: 0 15px 0 15px;
}
.nav-item a:not(:last-child):after {
	content: "/";
}
.nav-item a {
	margin: 0px 0px 0 0px;
	padding: 5px 0px 5px 0px;
	display: block;
	color: #999999;
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-transform: uppercase;/*background:url(../img/nav-bg.png) top left repeat-x;*/
}
.nav-item > a:hover, .nav-item > a.act {
	margin: 0px 15 0 15px;
	padding: 5px 0px 5px 0px;
	color: #686868;/* border-top:1px solid;*/
}
.nav-item:hover .nav-submenu {
	display: block;
	z-index: 999999 !important;
}
/* Navigation submenu */
.nav-submenu {
	display: none;
	position: absolute;
	left: 0;
	margin: 0px 0px 0px 0px;
	width: 180px;
}
.nav-submenu-item a {
	background: #fff;
	border-bottom: 1px solid #eee;
	display: block;
	padding: 10px;
	color: #2e3191;
	z-index: 99999;
	font: normal 14px Verdana, Geneva, sans-serif;
}
.nav-submenu-item a:after {
	content: none;
	margin: 0 15px 0 15px;
}
.nav-submenu-item a:not(:last-child):after {
	content: none;
}
.nav-submenu-item a:hover {
	background: #fbfbfb;
	color: #4e9b33;
}
/* Mobile navigation */
.nav-mobile {
	display: none; /* Hide from browsers that don't support media queries */
	cursor: pointer;
	position: absolute;
	color: #FFF;
	top: 0;
	right: 0;
	left: 0;
	float: left;
	background: #3D3D3B url(../images/nav.svg) no-repeat center center;
	background-size: 18px;
	height: 40px;
	width: 50px;
	border-radius: 5px 0px 0px 5px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	height: 40px;
	width: 50px;
	cursor: pointer;
	color: #FFF;
}
.nav-click i {
	display: block;
	height: 40px;
	width: 48px;
	background: url(../images/lft-arrow.png) no-repeat center center;
	background-size: 20px;
}
.nav-click:hover {
	background-color: #fff;
}
.nav-rotate {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/
@media only screen and (width:768px) {
#ff-nav {
	height: auto;
	padding: 0px 0;
	width: 100% !important;
	/* border: solid 1px #ccc;
 border-radius: 5px;*/
	float: right;
	margin: 0px 0px 0px 0px;
}
.nav-item a {
	display: block;
	color: #333;
	font: normal 14px Verdana, Geneva, sans-serif;
	padding: 9px 30px 9px 30px !important;
	line-height: 20px;
	background: #fff;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.nav-mobile, .nav-mn {
	display: block;
}
.nav {
	width: 100%;
	height: 32px;
	padding: 8px 0 0;
	margin: 0px 0px 0px 0px;
	background: #cfbaa6;
	color: #fff;
}
.nav-list {
	display: none;
	padding: 0;
	width: 100%;
	margin: 35px 0 0 0px;
	background: rgba(0,0,0,0.8);
	color: #fff;
}
.nav-item {
	width: 100%;
	float: none;
}
.nav-item > a {
	padding: 15px;
}
.nav-item a {
	display: block;
	color: #999;
	font: normal 13px Verdana, Geneva, sans-serif;
	padding: 10px 0px 10px 10px!important;
	z-index: 99999 !important;
	text-align: center;
}
.nav-item a:after {
	content: "";
}
.nav-click {
	display: block;
}
.nav-mobile-open {
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}
.nav-item:hover .nav-submenu {
	display: none;
}
.nav-submenu {
	position: static;
	width: 100%;
}
}
#imh {
	width: 100%;
	height: auto;
	float: left;
}
#imh img {
	margin: 10px 0 5px 0;
	width: auto;
	float: left;
}
}
img {
	border: 0;
}
a {
	text-decoration: none;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
/*** Navigation ***/


.cnt {
	width: 1004px;
	height: auto;
	margin: 65px 0px 0px 0px;
	padding: 0px;
	float: left;
	background: rgba(255,255,255,0.5);
	border-radius: 5px;
}
.cnt p {
	font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
	text-align: justify;
}
.wlc {
	width: 600px;
	min-height: auto;
	height: auto;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	float: left;
}
.wlc h1 {
	font: normal 28px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #675850;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.cnt h2 {
	font: normal 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #675850;
	margin: 15px 0px 15px 0px;
	padding: 0px;
}

.wlc p {
	font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
	text-align: justify;
}
.nws {
	width: 310px;
	height: 300px;
	float: left;
	margin: 30px 0 0px 30px;
	padding: 0px;
}
.nws h1 {
	font: normal 30px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #675850;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
.nws ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
}
.nws ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: square;
	color: #606aa7;
}
.nws ul li a {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 25px;
	text-align: justify;
}
.nws ul li a:hover {
	color: #606aa7;
	text-decoration: underline;
}
.nws p {
	text-align: center;
}
.nws p a {
	font: normal 35px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	text-align: center;
	line-height: 80px;
	text-decoration: none;
}
.nws p a:hover {
	color: #FC3;
}
.glr {
	width: 974px;
	height: auto;
	margin: 20px 0px 30px 30px;
	padding: 0px;
	float: left;
}
.glr img {
	margin: 0px 30px 0px 0px;
	padding: 0px;
}
.footer-main {
	width: 100%;
	height: 80px;
	float: left;
	background: rgba(255,255,255,0.5);
	margin: 40px 0px 0px 0px;
	padding: 0px;
}
.footer {
	width: 1004px;
	height: 80px;
	margin: 0px auto;
	padding: 0px;
}
.footer p {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333;
}
.footer p a {
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333;
	text-transform: uppercase;
	margin: 0px 10px;
	padding: 0px;
}
.f-l {
	width: 168px;
	height: 47px;
	margin: 18px 0px 0px 0px;
	padding: 0px;
	float: right;
}
.inr {
	width: 960px;
	height: auto;
	margin: 20px;
	padding: 0px;
	float: left;
}
.inr h1 {
	font: normal 30px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #675850;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
.inr p {
	font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
	text-align: justify;
}
.inr img {
	margin: 0px 12px 30px 20px;
	float: left;
	border-radius: 5px;
}
.inr p img {
	margin: 0px 20px 0px 0px;
	float: left;
	border-radius: 5px;
}
.inr table {
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
}
.btn {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #000;
	background: #FC3;
	margin: 0px;
	padding: 5px 10px;
	border: none;
	border-radius: 5px;
	box-shadow: none;
}
.txb {
	width: 200px;
	height: 30px;
	border: none;
	border: solid 1px #ebeaea;
	border-radius: 5px;
}
.txa {
	width: 200px;
	height: 70px;
	border: none;
	border: solid 1px #ebeaea;
	border-radius: 5px;
}
.gl {
	margin: 0px 0px 13px 15px;
}


.rus {
	width: 100%;
	float: left;
	background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
	margin-top:15px;  
	padding: 0px 0 10px 0; 
}

.rus p {
    width:200px;
    color: #333;
    margin:10px 0 0 15px;
    padding: 10px;
    text-align: left;
    background: #f60;   
}
.rus ul {
	margin: 0px 0px 10px 10px;
	padding: 0px 0px;
	
}
.rus ul li {
        list-style:none;
	margin: 10px 10px 0 5px;
	padding: 8px;
	font-size: 14px;
	float:left;
	background:#333;
	
}
.rus ul li a{
	margin: 0px 0px;
	padding: 0px 15px;
	font-size: 14px;
	color:#fff;
	text-decoration:none;	
}
.rus ul li a:hover{
	text-decoration:underline;
}