/*@import url(reset.css);*/
/* RESET.css */
.wrapper h2,
.wrapper h3,
.wrapper h4,
.wrapper h5,
.wrapper h6,
.wrapper ul,
.wrapper li,
.wrapper p,
.wrapper em,
.wrapper strong,
.wrapper pre,
.wrapper code{
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	line-height: inherit;
	margin: 0;
	padding: 0;
}
.wrapper ul{
	list-style: none;
}
.wrapper .center{
	text-align: center;
}
.wrapper .clear{
	clear: both;
}
.wrapper .loader,
.wrapper .success{
	display: none;
}
.wrapper .hidden{
	display: none!important;
	visibility: hidden;
}
.wrapper img.left{
	margin-bottom: 5px;
	margin-right: 8px;
}
.wrapper img.right{
	margin-bottom: 5px;
	margin-left: 8px;
}
.wrapper pre,
.wrapper blockquote,
.wrapper ul,
.wrapper ol,
.wrapper dl,
.wrapper address,
.wrapper p{
	margin:0 0 1em;
}
.wrapper a img,
.wrapper img{
	border: 0;
	text-decoration: none;
}
.wrapper textarea:focus,
.wrapper input:focus,
.wrapper select:focus{
	outline: none;
	background: none;
}
.wrapper input:-webkit-autofill{
	color: #666!important;
	background: none!important;
}
.wrapper ul,
.wrapper li{
	margin: 0;
}
.wrapper .inline{
	display: inline!important;
}
.wrapper .block{
	display: block!important;
}
.wrapper .center{
	text-align: center!important;
}
.wrapper .middle{
	vertical-align: middle;
}


/* STYLE.css */
.wrapper div{
	position: relative;
}
.wrapper .flex>div{
	display: inline-block;
}
body{
	background-color: #e8e8e8;
}

.wrapper{
	font: normal 13px/1 Arial,Helvetica,Garuda,sans-serif;
	border:none;
	padding:0;
	margin:0;
	background: #f0f0f0;
	background:url(../images/bg-light-4796.png) repeat;
	
}


.wrapper header h1{
	font-weight: 400;
	margin-left: 20px;
}

.wrapper .logo{
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}

.wrapper .logo img{
	width: 70px;
	height: 70px;
	float: left;
}
.wrapper header h1 a{
	color: #166090;
	font-weight: bold;
}

.wrapper header h1 a:hover{
	text-decoration: underline;
}

.wrapper header h4{
	color: #505050;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 80px;
}

.wrapper .section{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom:2px solid #ccc;
}

.wrapper .nav_a ul{
	outline: 0 solid #c00;
	border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 20px;
}

.wrapper .nav_a ul li{
	-webkit-transition: .4s ease-out;
	-o-transition: .4s ease-out;
	-moz-transition: .4s ease-out;
	transition: .4s ease-out;
	height: 32px;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 1px solid #ccc;
    margin-bottom: 0;
	background: #f4f4f4;
	position:relative;
}

.wrapper .nav_a ul li:hover{
	background-position: bottom left; 
}

.wrapper .nav_a ul li:hover>ul{
	display: block;
}

.wrapper .nav_a ul li ul li:hover>ul{
	display: block;
}
.wrapper .nav_a ul li a{
	font-size: 1.1em;
	color: #888;
	display: block;
	line-height: 32px;
	padding: 0 0 0 10px;
	
}
.wrapper .nav_a ul li a:hover{
	text-decoration:none;
	color:#737373;
	
}
.wrapper .nav_a ul li ul{
	width: 100%;
	position: absolute;
	left:-100%;
	top:0;
	outline: 0 solid #c00;
	display: none;
	z-index: 250;
}


.wrapper article{
	text-align: justify;
	line-height: 20px;
	font-size: 1em;
}

.wrapper .left{
	width: 161px;
	margin:10px 10px 5px 0 ;
	padding: 10px 10px;
	background-color: #f4f4f4;
	border: 1px solid #ccc;
}

.wrapper .left p{
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
.wrapper .left .title{
	font-weight: bold;
	font-size: 1em;
	color: #333;
	display: block; 
	padding-bottom: 5px;
}
.wrapper .lefta .a{
	line-height: 23px;
	padding-top: 5px;
	display: block;
}
.wrapper .href{

	line-height: 20px;
	font-weight: bold;
	font-size: 1em;
	color: #166090;
}

.wrapper .href1{
	display: block;
	float: right;
}

.wrapper .href:hover{
	text-decoration: underline;
}


.wrapper article p{
	font-size: 1.5em;
	color: #333;
}

.wrapper article img{
	float: left;
	margin: 0 10px 10px 0;
}

.section_p{
		    
			padding-top: 20px;
    padding-bottom: 20px;
}


.wrapper footer{
	text-align: center;
	min-height: 30px;
	color: #808080;
	padding-bottom: 20px;
    padding-top: 20px;
}
.wrapper footer a{
	color: #808080;
}

.wrapper footer a:hover{
	text-decoration: underline;
}

.wrapper .contact{
	outline: 0 solid #c00;
	float:left;
	width: 180px;
	background-color: #f4f4f4;
	border: 1px solid #ccc;
}

.wrapper .width170px{
	width: 160px;
	padding-left: 10px;
	height: 20px;
	margin: 2px 3px;
}

.wrapper .left-section_a{
	margin-top:20px;
}

.wrapper form span span{
	padding-left: 5px;
}

.wrapper form input:focus:invalid{
	background: #fb7171;
	box-shadow: 0 0 1px #d45252;
	border-color: #b03535;
}

::-webkit-validation-bubble-message{
	padding: 1em;
	background-color: #fff;
}

.wrapper .abslider{
	/* ширина всего блока */
	margin: 0 auto 0;
	width:100%;
	padding: 0 0 20px 0;
	position: relative;
}

.wrapper .abslider-wrapper{
	margin: 0; /* отступы для стрелок */
	overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
	position: relative;
}
.wrapper .abslider-items{
	width: 10000px; /* устанавливаем большую ширину для набора элементов */
	position: relative; /* позиционируем блок относительно основной области карусели */
}
.wrapper .abslider-block{
	float: left; /* выстраиваем все элементы карусели в ряд */
	width: 940px;
	height: 300px; /* задаём ширину каждого элемента */
	padding: 0; /* делаем оступы, чтобы элементы не сливались */
	text-align: left;
}
.wrapper .abslider-block img{
	display: inline-block;
	height: 300px;
	width: 100%;
}
.wrapper .abslider-button-left,
.wrapper .abslider-button-right{
	top: 0;
	position: absolute;
}
.wrapper .abslider-button-right{
	right: 0;
}
/*********** BUTTONS ***********/
.wrapper .abslider-button-left a,
.wrapper .abslider-button-right a{
	width: 44px; 
	height: 44px; 
	position: absolute;
	top: 128px; 
	cursor: pointer; 
	background-color: #000;
	opacity: 1;
	opacity: 0;
	text-decoration: none;
	outline: 0 solid lime;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: .5s ease-out;
	-o-transition: .5s ease-out;
	-moz-transition: .5s ease-out;
	transition: .5s ease-out;
}


.wrapper .abslider:hover .abslider-button-left a,
.wrapper .abslider:hover .abslider-button-right a{
	opacity: 0.8;
}

.wrapper .abslider-button-left a:hover,
.wrapper .abslider-button-right a:hover{
	opacity: 1;
}
.wrapper .abslider-button-left a{
	float: left; 
	left: 10px;
	background: url(../images/btl.png) no-repeat center;
}
.wrapper .abslider-button-right a{
	float: right;
	right: 10px;
	background: url(../images/btr.png) no-repeat center;
}

.wrapper .search{
	padding-top: 35px;
}

.wrapper .search input[type=text]{
	font-size: 12px;
	width: 100%;
	padding: 3px 5px; 
	position:relative;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-khtml-border-radius: 0px;
	background-color: #fff;
	border: 1px solid silver;
}

.wrapper .search input[type=submit]{
	display: inline;
	vertical-align: top;
	width: 30px;
	cursor: pointer;
	background-color: transparent;
	height: 26px;
	background: url(../images/search.png) no-repeat ;
	background-size: contain;
	border: none;
	top: 38px;
    left: 82%;
	position:absolute;
	margin: 0 0 0 5px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-khtml-border-radius: 0px;
	padding: 0;
	border: 0;
}



.wrapper .lang{
	text-align: right;
	margin-top: 45px;
	padding-bottom: 10px;
}

.wrapper .lang li{
	display: inline-block;
	margin: 0 0 0 5px;
}

.wrapper .lang li a{
	color: #404040;
	font-size: 12px;
	font-weight: lighter;
	padding: 3px 4px;
	border: 1px solid gray;
	text-decoration:none;
}

.wrapper .lang li a:hover{
	border: 1px solid #0474e7;
	color:#0474e7;
}


.wrapper .rightt, .wrapper .rightt_a{
	padding: 10px 20px;
	right: 0;
	margin: 0 0 0 auto;
	background-color: #f4f4f4;
	border: 1px solid #ccc;
}
.wrapper .rightt_a{
	width:100%;
	margin-top: 20px;
}


.wrapper .news_view1{
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid silver;
	clear: both;
	position: relative;
	width: 100%;
	position: relative;
}

.wrapper .date{
	display: block;
	font-size: 14px;
	color: #c2c2c2;
	padding-top: 3px;
}

.wrapper .news_view1 a{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #2376a1;
	font-family: verdana,helvetica,arial;
}

.wrapper .news_view1 a:hover{
	text-decoration: underline;
}
.wrapper .news_view1 img{
	display: inline-block;
	float: left;
	width: 120px;
	margin-right: 10px;
}

.wrapper .news_view1 .link1{
	font-weight: lighter;
	margin-top: 3px;
	display: block;
	font-size: 11px;
}
.wrapper .description{
	font-size: 13px;
	line-height: 19px;
	color: #404040;
	padding-top: 10px;
}

.wrapper .blog{
	margin-bottom: 15px;
}
.wrapper .news_view1 .h50{
	z-index: 0!important;
}

.wrapper .news_view1 .img_box1{
	z-index: 244!important;
}
.wrapper .news_view1:after,
.wrapper .news_view1:before{
	display: table;
	content: " ";
	clear: both;
}
.wrapper .blog *{
	max-width: 100%;
}

.wrapper h3.title{
	font-size: 18px;
	padding: 5px 0 10px;
	color: #404040;
	border-bottom:1px solid #ccc;
	margin-bottom: 10px;
}

.wrapper .carouselcarousel{
 /* ширина всего блока */
	margin: 0 auto 25px;
	width: 100%;
}
.wrapper .carouselcarousel-wrapper{
	margin: 10px 0; /* отступы для стрелок */
	overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
	position: relative;
}
.wrapper .carouselcarousel-items{
	width: 10000px; /* устанавливаем большую ширину для набора элементов */
	position: relative; /* позиционируем блок относительно основной области карусели */
}
.wrapper .carouselcarousel-block{
	float: left; /* выстраиваем все элементы карусели в ряд */
	padding: 0 10px 0 0; /* делаем оступы, чтобы элементы не сливались */
}
.wrapper .carouselcarousel-block img{
	display: block;
	height: 90px;
	width: 115px;
	border: 1px solid silver;
}

/*********** BUTTONS ***********/
.wrapper .carouselcarousel-button-left a,
.wrapper .carouselcarousel-button-right a{
	width: 28px; 
	height: 115px; 
	position: absolute;
	top: -12px; 
	cursor: pointer; 
	background-color: #000;
	opacity: 1;
	z-index: 15;
	text-decoration: none;
	outline: 0 solid lime;
}
.wrapper .carouselcarousel-button-left a:hover,
.wrapper .carouselcarousel-button-right a:hover{
	opacity: 0.6;
}
.wrapper .carouselcarousel-button-left a{
	left: 0; 
	background: url(../images/btl.png) no-repeat center;
}
.wrapper .carouselcarousel-button-right a{
	right: 0;
	background: url(../images/btr.png) no-repeat center;
}

/*********** SHADOW ***********/

.wrapper .flex{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify!important;
	-moz-box-pack: justify!important;
	-webkit-flex-pack: justify!important;
	-ms-flex-pack: justify!important;
	-webkit-justify-content: space-between!important;
	justify-content: space-between!important;
}

.wrapper .news .pagination,
.wrapper .news .date{
	display: none;
}

.wrapper .other .link1{
	display: none;
}


.wrapper .feedback ol li,
.wrapper .review ol li{
	display: block;
	clear: both;
	list-style: none;
}

.wrapper .feedback ol li label,
.wrapper .review ol li label{
	display: block;
	margin: 0;
}

.wrapper .feedback ol li input.text,
.wrapper .review ol li input.text{
	width: 100%;
	border: 1px solid #c0c0c0;
	margin: 2px 0;
	padding: 5px 2px;
	height: 30px;
	    border-radius: 0;
	background: #fff;
}

.wrapper .feedback ol li textarea,
.wrapper .review ol li textarea{
	width: 100%;
	border: 1px solid #c0c0c0;
	margin: 2px 0;
	padding: 2px;
	background: #fff;
	    border-radius: 0;
}

.wrapper .feedback ol li input.capinput,
.wrapper .review ol li input.capinput{
	width: 100px;
	border: 1px solid #c0c0c0;
	margin: 2px 0;
	padding: 5px 2px;
	background: #fff;
	    border-radius: 0;
}

.wrapper .feedback ol li img#capimg,
.wrapper .review ol li img#capimg{
	border: none;
	top: 20px;
	margin: 10px 10px 10px 0;
	float: left;
	    border-radius: 0;
}

.wrapper li.button{
	clear: both;
	    border-radius: 0!important;
} 

.wrapper .item{
	display: block;
}

.wrapper .answerList .name,
.wrapper .answerList .topic,
.wrapper .answerList .message{
	padding: 0 7px;
	background-color: #eeeeff;
}

.wrapper .answerList .name{
	padding-top: 7px;
	margin-top: 15px;
	border-radius: 5px 5px 0 0;
}

.wrapper .answerList .message{
	padding-bottom: 0 7px;
	border-radius: 0 0 5px 5px;
}
.wrapper .answerList .answer_message{
	background: #c4c4ff;
	padding: 7px;
	border-radius: 5px;
	margin: 5px 0;
}
	
.wrapper .name .date{
	float: right;
} 

.wrapper .advert li#av_li{
	padding: 10px 0 20px 0;
	border-bottom: 1px #ccc dotted;
	list-style: none;
}

.wrapper .advert li .ulheader{
	font-size: 16px;
	font-weight: bold;
	font-family: times;
}

.wrapper .advert li .date{
	font-size: 13px;
	color: #999;
	margin: 0;
	text-decoration: none;
}

.wrapper .advert li a{
	float: right;
}

.wrapper .es-carousel-wrapper,
.wrapper .rg-image-wrapper{
	width: 560px!important;
}

.wrapper #feed_h2{
	display: none;
}

.wrapper a:hover img{
	opacity: 0.8;
}

.wrapper .top-menu nav>ul{
	width: 100% !important;
}

.wrapper .top-menu nav>ul>li{
	display: inline-block;
	margin-right: -4px;
}

.wrapper .nav_t{
	background: #3c4042;
	height: 33px;
}

.wrapper .nav_t ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.wrapper .nav_t ul li{
	float: left;
}

.wrapper .nav_t ul li a{
	float: left;
	color: #d4d4d4;
	padding: 10px 18px;
	text-decoration: none;
	background: #3c4042;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(59, 63, 65)), color-stop(0.55, rgb(72, 76, 77)), color-stop(0.78, rgb(75, 77, 77)));
	background: -moz-linear-gradient(center bottom, rgb(59, 63, 65) 9%, rgb(72, 76, 77) 55%, rgb(75, 77, 77) 78%);
	background: -o-linear-gradient(center bottom, rgb(59, 63, 65) 9%, rgb(72, 76, 77) 55%, rgb(75, 77, 77) 78%);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
	border-left: 1px solid rgba(255, 255, 255, 0.05);
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
}

.wrapper .nav_t ul li a:hover,
.wrapper .nav_t ul li:hover > a{
	background: #3c4042;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(77, 79, 79)), color-stop(0.55, rgb(67, 70, 71)), color-stop(0.78, rgb(69, 70, 71)));
	background: -moz-linear-gradient(center bottom, rgb(77, 79, 79) 9%, rgb(67, 70, 71) 55%, rgb(69, 70, 71) 78%);
	background: -o-linear-gradient(center bottom, rgb(77, 79, 79) 9%, rgb(67, 70, 71) 55%, rgb(69, 70, 71) 78%);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px #000;
}

.wrapper .nav_t li ul a:hover, 
.wrapper .nav_t ul li li:hover > a{
  	background: #5c9acd;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.17, rgb(61, 111, 177)), color-stop(0.51, rgb(80, 136, 199)), color-stop(1, rgb(92, 154, 205)));
	background: -moz-linear-gradient(center bottom, rgb(61, 111, 177) 17%, rgb(80, 136, 199) 51%, rgb(92, 154, 205) 100%);
	background: -o-linear-gradient(center bottom, rgb(61, 111, 177) 17%, rgb(80, 136, 199) 51%, rgb(92, 154, 205) 100%);
	border-bottom: 1px solid rgba(0, 0, 0, 0.6);
	border-top: 1px solid #7baed9;
	text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}



.wrapper .nav_t li ul{
	background: #3C4042;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(77, 79, 79)), color-stop(0.55, rgb(67, 70, 71)), color-stop(0.78, rgb(69, 70, 71)));
	background-image: -moz-linear-gradient(center bottom, rgb(77, 79, 79) 9%, rgb(67, 70, 71) 55%, rgb(69, 70, 71) 78%);
	background-image: -o-linear-gradient(center bottom, rgb(77, 79, 79) 9%, rgb(67, 70, 71) 55%, rgb(69, 70, 71) 78%);
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	left: -999em;
	top: -2px;
	margin: 35px 0 0;
	position: absolute;
	width: 160px;
	z-index: 9999;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset; 
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset; 
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset; 
	border: 1px solid rgba(0, 0, 0, 0.5);
}

.wrapper .nav_t li:hover ul{
	left: auto;
}

.wrapper .nav_t li ul a{
	background: none;
	border: 0 none;
	margin-right: 0;
	width: 120px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}

.wrapper .nav_t li li ul{
	margin: -1px 0 0 160px;
	-webkit-border-radius: 0 10px 10px 10px;
	-moz-border-radius: 0 10px 10px 10px;
	border-radius: 0 10px 10px 10px;
	visibility: hidden;
}

.wrapper .nav_t li li:hover ul{
	visibility: visible;
}

.wrapper .nav_t ul ul li:last-child > a{
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.wrapper .nav_t ul ul ul li:first-child > a{
	-moz-border-radius: 0 10px 0 0;
	-webkit-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
}

.wrapper .name .date{
	padding:0;
}

.wrapper .answerList .name,
.wrapper .answerList .topic,
.wrapper .answerList .message{
	padding: 5px 7px;
}


.wrapper .other table{
	table-layout: fixed;
}

.wrapper .other table td,
.wrapper .other table tr{

}

.poll-item{
	margin-bottom: 15px;
}

.poll-item .poll-sendanswer-btn{
	padding: 7px 10px;
	border: 1px solid #ccc;
	text-align: center;
	background: #ececec;
	font-size: 14px;
}

.poll-item .poll-sendanswer-btn:hover,
.poll-item .poll-sendanswer-btn.process{
	background: #ccc;
	color: #fff;
	cursor: pointer;
}

#poll-title,
.poll-title {
	font-weight: bold;
}

#polling label,
.poll-item label{
	display: inline;
}

#statistika li {
	width:201px;
	list-style:none;
	line-height: 23px;
	padding: 0 9px 0 8px;
	font-size: 13px;
	color: #555;
	text-decoration: none;
	text-shadow: 0 1px white;
	background: #fafafa;
	position: relative;
	border: 1px solid #f2f2f2;
}

#statistika li span {
	height: 24px;
    width: 60px;
    position: absolute;
    top: -1px;
        left: 150px;
    line-height: 21px;
    color: white;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    /* border-radius: 0 2px 2px 0; */
    /* -webkit-border-radius: 0 2px 2px 0; */
    /*-moz-border-radius: 0 2px 2px 0;/*
    /* opacity: .95; */
    background: #56a3d5;
	text-align: center;
    display: block;
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
    max-width: 100px;
    /* -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2); */
    /* box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2); */
}


nav{display:block;
background:#575965;
}

.menu{display:block;}

.menu li{display: inline-block;
position: relative;
z-index:100;}

.menu li:first-child{margin-left:0;}

.menu li a {
text-decoration:none;
padding:11px;
display:block;
color:#ffffff;

-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{color:#ffffff;
background:#868d99;}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 35px;
left: 0px;
background: #ffffff;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#797979;
border-left:3px solid #ffffff;
background:#ffffff;}

.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #2f2f2f;
color:#797979;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

.mobile-menu{display:none;
width:100%;
padding:11px;
background:#3E4156;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
text-decoration:none;
}
.mobile-menu:hover{background:#3E4156;
color:#ffffff;
text-decoration:none;
}


@media (min-width: 768px) and (max-width: 979px) {

.menu ul {top:37px;}
.menu li a{font-size:12px;
padding:8px;}
}

@media (max-width: 767px) {


.menu{display:none;}

.mobile-menu{display:block;text-decoration:none;
color:#fff;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #2f2f2f;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

@media (max-width: 480px) {

}


@media (max-width: 320px) {
}