@import url(http://fonts.googleapis.com/css?family=Cuprum:400,400italic,700,700italic&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,cyrillic-ext,greek-ext,vietnamese,latin-ext);
@import url("../css/bootstrap.css"); 
* {
	margin: 0; 
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	background: url('../images/bg.png') no-repeat fixed 50% 0 rgb(20,20,20);
	font: 14px 'Cuprum', Arial, Tahoma, Helvetica, sans-serif;
	color: #2f2f2f;
	word-wrap: break-word;
}
@import url("../css/bootstrap.css"); @import url("../css/font-awesome.css"); 
 a, a:hover, a:active, a:focus{ outline: 0 !important; color: #000; text-decoration: none; } html, body{ -webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */ height: 100%; /* fixes focus scrolling in Safari (OS X) */ } BODY{ background: #fff; background: -moz-linear-gradient(left, #fff 0%, #ebebeb 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fff), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(left, #fff 0%,#ebebeb 100%); background: -o-linear-gradient(left, #fff 0%,#ebebeb 100%); background: -ms-linear-gradient(left, #fff 0%,#ebebeb 100%); background: linear-gradient(left, #fff 0%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ebebeb',GradientType=1 ); } .attachment{ padding: 10px; border: 1px solid #D5D5D5; border-radius: 5px; color: #cd2122; font-family: 'Roboto Condensed'; } .attachment a{ color: #000; font-weight: bold; } .contact_content{ padding: 10px; } .contact_content li{ list-style-type: square; line-height: 30px; } .nav{ margin-top: 20px; margin-bottom: 5px; } .nav span{ border: 1px solid; border-color: #74bd46; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; } .nav a{ background-color: #74bd46; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; color: #fff; } .btn{ font: 12px/1 Roboto Condensed; text-transform: uppercase; border-radius: 0; } .btn > .fa{ margin-right: 4px; } .top-nav-wrapper{ background-color: #ecf0f1; } .top-nav, .top-nav > li{ margin: 0; padding: 0; } .menu-wrapper{ background-color: #2c2c2c; width: 100%; z-index: 999; } .menu{ padding: 0; margin: 0; height: 54px; position: relative; } .menu > li{ float: left; list-style-type: none; } .menu > li > a:hover, .menu > li.has-dropdown:hover > a{ background-color: #67AB3C; } .menu > li > a{ display: block; font: 13px/14px Roboto Condensed; font-weight: 400; padding: 20px 14px; text-transform: uppercase; color: #fff; transition: all ease .3s; } .mega-dropdown{ display: block; position: absolute; top: 100%; left: 0; background-color: #fff; border-top: none; z-index: 1000; overflow: hidden; height: 0; opacity: 0; transition: all ease .3s; } .menu .has-dropdown:hover > .mega-dropdown{ padding: 10px; box-shadow: 0 0 3px 3px rgba(0,0,0,.1); height: auto; opacity: 1; } .mega-image{ width: 221px; float: left; padding-right: 10px; } .mega-menu{ /*width: 75%;*/ float: left; } .mega-menu > ul { margin-right: 10px !important; width: 270px; } .mega-image > img{ width: 100%; } .mega-menu .list-group-item{ border: dotted 1px #ddd; padding: 0; border-radius: 0; font-size: 11px; text-transform: uppercase; font-family: Roboto condensed; overflow: hidden; } .menu .has-dropdown > a{ background-image: url(../images/caret.png); background-position: right center; background-repeat: no-repeat; padding-right: 18px; } .menu .mega-dropdown .list-group{ margin: 0; float: left; } .menu .mega-dropdown .list-group-item a{ overflow: hidden; padding: 8px 10px 8px 10px; margin: 0; } .menu .mega-dropdown .list-group-item a > div.profile-text{ width: 79%; float: left; padding-left: 10px; font-size: 12px; } .menu .mega-dropdown .list-group-item a > img{ float: left; } .menu .mega-dropdown .list-group-item a > i{ margin: 3px 10px 0 5px; float: left; } .menu .mega-dropdown .list-group-item a:hover{ background-color: #74bd46; color: #fff !important; } .menu .mega-dropdown ul.sub-container{ padding-left: 0; } .menu .mega-dropdown li.sub{ list-style-type: none; width: 100%; } .menu .mega-dropdown a{ background-color: rgba(255,255,255,.1); padding: 2px 10px; display: block; /*width: 200px;*/ margin-bottom: 1px; } .menu-btn a i{ font-size: 11px !important; } .menu-centered{ left: auto !important; } .meeting-menu > ul{ width: 100%; } .meeting-menu .list-group-item{ float: left; width: 25%; border-radius: 0; padding: 0; border: none; margin-left: -1px; margin-top: -1px; } .meeting-menu a > img{ width: 52px; height: 52px; } .meeting-menu a{ width: 100% !important; border: dotted 1px #ddd; } .logo{ height: 50px; margin-top: 2px; margin-right: 10px; } .ads-title{ font-family: Roboto Condensed; text-transform: uppercase; display: block; background-color: #74bd46; padding: 4px 14px; float: left; font-size: 10px; color: #fff; } .ads{ overflow: hidden; background-color: #fff; margin: 6px 0; font-size: 11px; } .ads-close{ position: relative; } .ads-close-button{ padding: 4px 10px 3px 10px; background-color: #fff; position: absolute; top: -27px; left: 50%; display: block; cursor: pointer; } .ads-close img{ width: 100%; } .rotate{ float: left; display: block; padding: 3px 14px; width: 94%; } .top-wrapper{ background-color: #fff; padding: 20px 0; border-top: solid 1px #dde1e2; border-bottom: solid 1px #dde1e2; } #carousel .item > a > img{ overflow: hidden; height: auto; width: 100%; } .carousel-indicators{ right: 10px; top: 10px; left: auto; width: auto; bottom: auto; } .carousel-control{ top: auto; width: auto; padding: 0 10px; z-index: 11; } .carousel-control.right,.carousel-control.left{ background: #74bd46; } .carousel-control.left{ right: 27px; left: auto; } .carousel-indicators li.active{ height: 10px; width: 10px; } .carousel-indicators li{ height: 8px; width: 8px; border-radius: 0; } .carousel-caption{ left: 1px; background-color: rgba(0,0,0,.7); bottom: 10px; width: 86%; text-shadow: none; color: #fff; font-family: Roboto Condensed; padding: 10px; text-align: left; text-transform: uppercase; } .custom-tab .nav-tabs{ background-color: rgb(241, 196, 15); } .custom-tab .nav-tabs > li.active > a, .custom-tab .nav-tabs > li.active > a:hover, .custom-tab .nav-tabs > li.active > a:focus{ border: none; background-color: rgb(241, 196, 15); } .custom-tab .nav-tabs > li > a{ border: none; border-radius: 0; font-family: Roboto Condensed; font-size: 12px; text-transform: uppercase; } .custom-tab .nav-tabs > li.active > a{ } .custom-tab .nav > li > a{ padding: 4px; } .custom-tab .tab-content{ padding-top: 0px; } .custom-tab .tab-content .item{ overflow: hidden; } .custom-tab .tab-content .title{ font-size: 11px; display: inline-block; padding: 5px; line-height: 17px; white-space: nowrap; width: 74%; float: left; } .custom-tab .tab-content .date{ background-color: #f6f6f6; font-family: Roboto Condensed; font-size: 12px; display: inline-block; padding: 5px; width: 26%; float: left; } .btn-custom{ background: #fff; border-color: #ebebeb; font-size: 11px; } .btn-custom:hover{ border-color: #ddd; } h5,h6, h3{ font-family: Roboto Condensed; text-transform: uppercase; font-size: 12px; } h2{ font-family: Roboto Condensed; text-transform: uppercase; font-size: 24px; margin-top: 0; } h6{ color: #333; margin-top: 4px; line-height: 17px; font-weight: bold; } table{ font-size: 12px; } .table-list{ margin-top: 20px; } .online-service > li a{ display: block; line-height: 17px; width: 92%; float: left; } .online-service > li i{ color: #74bd46; width: 8%; float: left; margin-top: 4px; } .online-service > li{ padding: 4px 4px 5px 10px; line-height: 17px; background-color: #f6f6f6; font-size: 11px; border-top: solid 1px #fff; border-bottom: solid 1px #fff; overflow: hidden; } .mid-wrapper{ margin: 20px 0; } h5.special, h5.fresh, h5.default, h5.twitter, h5.facebook, h5.adv{ margin-top: 0; color: #fff; padding: 8px 15px; } h5.special{ background-color: rgb(241, 196, 15); } h5.grey{ margin-top: 0; color: #333; padding: 8px 15px; background-color: #eee; } h5.fresh{ background-color: #74bd46; } h5.twitter{ background-color: #46bfbd; } h5.facebook{ background-color: #4c66a4; } h5.default{ background-color: #fff; color: #333; } h5.adv{ background-color: #454545; } ul.best-file {margin:0; padding:0; border:0; list-style:none;} ul.best-file li {display:block; width:100%; height:150px; margin:0 0 4px 0; position:relative; overflow:hidden;} ul.best-file li img.best-file-img { width:100%; height:150px; position:absolute; left:0; right:0; z-index:1;} ul.best-file li span {float:right; display:block; background:url('../mnimages/best-file-span.png') repeat; padding:2px 4px; font-family:Roboto Condensed; font-size:11px; background: rgb(241, 196, 15); color:#fff; line-height:14px; position:absolute; right:4px; top:4px; z-index:2;overflow:hidden;} ul.best-file li span img {vertical-align:-3px;} ul.best-file li a {display:block; background:url('../mnimages/best-file-b.png') repeat; width:100%; height:25px; padding:0 11px; text-transform:uppercase; font-weight:normal; color:#fff; line-height:25px; position:absolute; left:0; bottom:0; z-index:3; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; overflow:hidden;} ul.best-file li a img {vertical-align:1px;} .box:after{ content:""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all ease .3s; } .box:hover:after{ background-color: rgba(41, 22, 111, 0.1); } .box{ position: relative; margin-bottom: 10px; background-color: #fff; font-size: 12px; display: block; border: 1px solid #ddd; } .box > .photo { width: 100%; height: 130px; vertical-align: middle; text-align: center; overflow: hidden; } .box > .photo img { width: 100%; height: auto; } .box > .content{ padding: 10px; } .box > .content > .body{ height: 51px; } .content > h6{ margin: 0 0 4px 0; } .info-bar{ font-family: Roboto Condensed; color: #000; overflow: hidden; width: 100%; } .info-bar span{ margin-right: 10px; } .info-bar i{ font-size: 13px; } hr{ margin: 10px 0; } #ads{ margin-bottom: 10px; } #ads .item > a > img{ width: 100%; max-height: 263px; position: relative; } #ads .carousel-caption:after{ content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 10px 7px 10px; border-color: transparent transparent rgb(0, 0, 0) transparent; position: absolute; top: -7px; left: 116px; left: calc(50% - 10px); } #ads .carousel-caption{ width: 100%; background-color: #000; bottom: 0; text-transform: none; color: #fff; left: 0; } .district{ font-size: 12px; } .district .panel-heading.active{ background-color: #f39530; } .district .panel-heading{ padding: 0; background-color: #46bfbd; color: #fff; border-radius: 0; } .district .panel-title > a,.district .panel-title > a:hover{ padding: 10px 15px; color: #fff; } .district a.list-group-item:hover, .district a.list-group-item:focus{ background-color: #fff; border-left: solid 5px #ccc; padding-left: 10px; } .district .panel{ border-radius: 0; box-shadow: none; border: none; border-bottom: 1px solid #ddd; } .district .panel-title{ font-size: 12px; } .district .panel-title > a{ display: block; } .district .panel + .panel { margin-top: 0; } .district .list-group{ margin: 0; } .district .list-group a:first-child{ border-top: solid 1px #ddd; border-radius: 0; } .district .list-group a:last-child{ border-bottom: none; border-radius: 0; } .district .list-group a{ border-left: none; border-right: none; } .district .list-group a > i{ width: 20px; } #photo-news .item > a > img{ width: 100%; } #photo-news .item > a > img{ width: 100%; height: 275px; } #photo-news{ position: relative; } #photo-news .carousel-caption{ background-color: rgba(0,0,0,.5); color: #fff; width: 79%; } #photo-news .carousel-indicators{ right: 0; width: 20%; background-color: rgba(0,0,0,.5); top: 0; bottom: 0; margin: 0; overflow: hidden; transition: all ease .3s; } #photo-news .carousel-indicators li > img{ width: calc(100% - 10px); margin: 5px 5px 0; height: 45px; } #photo-news .carousel-indicators li{ text-indent: 0; display: block; border: none; margin: 0; } #photo-news .carousel-indicators li, #photo-news .carousel-indicators li.active{ width: auto; height: auto; background-color: transparent; } #video-news > div{ float: left; } #video-news > div.video-player{ width: 80%; } #video-news > div.video-list{ width: 20%; } #video-news{ overflow: hidden; } #video-news .video-item{ width: 100%; /*float: left;*/ margin: 0 1px 1px 0; } #video-news .video-item img{ width: 100%; } #video-news .video-item a{ display: block; position: relative; } #video-news .video-item a:after{ content: "\f144"; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: rgba(255,255,255,0); font-size: 30px; font-family: FontAwesome; text-align: center; background-color: rgba(0,0,0,0); transition: all ease .2s; padding-top: 20.5px; } #video-news .video-item a:hover:after{ background-color: rgba(0,0,0,.8); color: rgba(255,255,255,.5); } #video-news ul{ overflow: hidden; } .anounce-holder{ background-color: #4d5360; padding: 15px 0; } .anounce-navigator{ position: relative; text-align: center; } .anounce-navigator > a{ position: absolute; top: 20%; font-size: 48px; color: #fff; display: block; } .anounce-navigator > a.bx-prev{ left: 0; } .anounce-navigator > a.bx-next{ right: 0; } .bx-wrapper .bx-viewport{ box-shadow: none; background-color: transparent; border-color: transparent; } .link-holder{ padding: 10px 0; background: #fff; overflow: hidden; border-top: 1px solid #ddd; } .link-holder .links a:hover{ color: #74bd46; } .link-holder .links a{ font-size: 12px; padding: 4px 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .link-holder .links a img { float: left; width: 16px; margin: 5px 5px 0 0; } .link-holder .links a address { margin: 5px 0 0 0; } .footer-title h5{ margin: 0 10px; font-weight: bold; padding: 10px 0; } .link-holder .links{ /* float: left; width: 25%;*/ } .link-holder .links > li{ /* border-left: solid 1px #eee; border-right: solid 1px #eee;*/ margin-left: -1px; } .link-holder .links > li:last-child{ /* border-bottom: solid 1px #eee; */ padding-bottom: 10px; } .footer-link{ color: #666; } .copyright-wrapper{ text-align: center; padding: 10px; border-top: 1px solid #ddd; font-family: Roboto Condensed; color: #333; } .footer-wrapper b{ text-transform: uppercase; color: #666; font-weight: normal; } .footer-wrapper{ font-family: Roboto Condensed; background-color: #ecf0f1; border-top: solid 1px #dbdfe0; border-bottom: solid 1px #dbdfe0; padding: 20px; } .socials li{ padding: 0; } .socials li a strong { color: #74bd46; } .socials img{ height: 26px; width: 26px; } .socials{ margin: 0; float: left; } #top{ text-align: center; position: fixed; right: 5px; bottom: 60px; background-color: #fff; border-radius: 5px; } #top > i{ font-size: 24px; margin: 0; } .bx-wrapper .bx-viewport{ border: none; } #chart_div18 svg{ width: 100% !important; } .white{ background-color: #fff; } .poll-wrapper{ padding: 20px; font-size: 12px; border-right: solid 1px #eee; } .marquee span { left: 0; top: 0; display: block; position: absolute; white-space: nowrap; } .marquee { overflow: hidden; display: block; position: relative; height: 17px; } .news-holder .body{ font-size: 12px; padding: 20px 0; line-height: 22px; } .news-holder .body img{ float: left; margin: 0 20px 10px 0; max-width: 800px !important; } .news-holder .body table { /* border: 1px solid #ddd;*/ width: 100%; max-width: 100%; margin-bottom: 20px; } .news-holder .body table td{ width: auto !important; padding: 8px; } .news-holder{ padding: 20px; background-color: #fff; min-height: 600px; } .news-list-holder{ background-color: #fff; padding: 20px; min-height: 600px; } .news-list-holder .news{ padding-bottom: 20px; font-size: 12px !important; line-height: 18px !important; position: relative; } .news-list-holder .news .body{ overflow: hidden; line-height: 18px; } .news-list-holder .news img{ float: left; margin-right: 20px; width: 200px; } .news_title h6 span{ text-transform: capitalize; color: #999; font-weight: normal; } .news_title h6{ background-color: #f8f8f8; padding: 4px; } .news span.date{ position: absolute; right: -20px; top: 0; display: none; float: right; padding: 4px; background-color: #949fb1; font-size: 12px; color: #fff; font-weight: normal; font-family: Roboto Condensed; } .breadcrumb a{ padding:4px; } .breadcrumb a:hover{ background-color: #74bd46; color: #fff; } .breadcrumb{ margin-bottom: 6px; border-radius: 0; } h3.news-title{ font-size: 24px; margin-top: 0; } #home-search .input-group-btn{ width: auto; } #home-search{ margin-top: 10px; position: absolute; top: 0; right: 0; } #home-search a{ background-color: #67AB3C; color: #fff; border: none; font-size: 22px; padding: 6px 6px 6px 10px; margin: 0; } #home-search .search-wrapper{ display: none; } #home-search input{ border: none; max-width: 200px; height: 35px; } .news-list-holder .info-bar{ width: auto; } #news.info-bar, .comment-title > span{ padding: 5px 10px; margin-right: -20px; display: block; float: left; } .alert-comment{ font-size: 12px; font-family: Roboto Condensed; margin: 20px 20px 0 20px; text-align: center; } #news #twitter-widget-0{ float: right; } #news .fb-like{ float: right; } .comment-title > span{ margin-left: -20px; } .comment_holder{ background-color: #fff; } .comment-title{ background-color: #ecf0f1; padding: 0 20px; overflow: hidden; border-right: solid 10px #fff; } .comment_insert{ padding: 20px; } .comment_insert input, .comment_insert textareaa, .search_form input, .search_form select, .search_form button { border: solid 1px #ccc; padding: 7px 15px; font-size: 12px; border-radius: 0; resize: none; margin-bottom: 10px; line-height: 18px } .comment_insert button { margin-top: 5px; } .comment_list{ padding: 20px 40px; } .comment_list .comment{ overflow: hidden; } .comment{ margin-bottom: 20px; font-size: 12px; } .comment .date{ color: #999; font-size: 12px; } .comment .title > span{ color: #999; font-weight: normal; padding-left: 20px; font-size: 11px; } .comment .title{ color: #666; font-weight: bold; text-transform: uppercase; } .fb_iframe_widget{ display: block !important; } .comment .body{ padding: 10px; margin: 5px 0 5px 10px; border-left: solid 1px #ccc; background-color: #f8f8f8; color: #666; line-height: 18px; } .related-wrapper{ padding-bottom: 10px; } #related a > img { width: 30%; float: left; margin-right: 7px; margin-top: 3px; } #related a{ display: block; font-size: 12px; overflow: hidden; font-weight: bold; } #related ul li:last-child{ border: none; } #related ul li{ padding-bottom: 4px; border-bottom: solid 1px #eee; margin-bottom: 10px; overflow: hidden; } #related .info-bar{ font-size: 12px; text-align: left; margin-top: 2px; font-weight: normal; } #related{ padding-left: 10px; padding-top: 10px; padding-right: 10px; background-color: #fff; } .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span, .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span{ border-radius: 0; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{ background-color: #949fb1; border-color: #949fb1; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{ color: #949fb1; } .cat-wrapper{ margin-bottom: 10px; } #cat-sub .list-group{ margin: 0; } #cat-sub{ background-color: #fff; padding: 10px; } #cat-sub a{ font-size: 12px; font-family: Roboto Condensed; text-transform: uppercase; } #cat-sub .list-group-item:first-child{ border-top: none; } #cat-sub .list-group-item:last-child{ border-bottom: none; } #cat-sub .list-group-item{ border-radius: 0; border-left: 0; border-right: 0; } .thumbnail{ position: relative; border-radius: 0; padding-bottom: 52px; display: table; width: 100%; } .thumbnail:hover:after{ height: 100%; vertical-align: middle; } .thumbnail:after{ content: attr(title); display: block; position: absolute; height: 42px; bottom: 0; left: 0; width: 100%; color: #fff; background-color: rgba(0,0,0,.8); overflow: hidden; transition: ease all 1s; font-size: 12px; padding: 4px 10px; display: table-cell; line-height: 18px; } .thumbnail .date{ position: absolute; top: -1px; left: -1px; padding: 4px; background-color: #fff; border: solid 1px #ccc; font-size: 11px; } .thumbnail .caption{ font-size: 12px; height: 44px; overflow: hidden; } .thumbnail:hover .caption{ height: auto; } .img-holder{ height: 113px; width: 100%; background-size: 100% auto; background-position: left center; } .head-banner{ position: relative; margin-bottom: 10px; margin-top: 20px; } .head-banner img{ width: 100% !important; } .head-banner .caption{ left: 1px; background-color: rgba(0,0,0,.8); bottom: 10px; width: 25%; text-shadow: none; color: #fff; font-family: Roboto Condensed; padding: 10px; text-align: left; text-transform: uppercase; position: absolute; } .caption a{color: #fff;} .counter{ margin: 0; overflow: hidden; } .counter li > span:first-child{ background-color: rgba(255,255,255,.2); } .counter li > span{ padding: 7px 12px; display: block; text-align: center; } .counter li{ font-family: Roboto Condensed; font-size: 12px; line-height: 1; text-transform: uppercase; float: left; margin-right: 1px; color: #fff; } .counter-1{ background-color: #4d5360; } .counter-2{ background-color: #949fb1; } .counter-3{ background-color: #f39530; } .district-logo .title{ text-align: center; font: 12px/1 Roboto Condensed; text-transform: uppercase; } .district-logo{ background-color: #fff; padding: 10px; } .district-logo img{ width: 100%; } .district-content{ background-color: #fff; min-height: 600px; padding: 20px; font-size: 12px; line-height: 18px; } .breadcrumb{ font: 12px/1 Roboto Condensed; text-transform: uppercase; padding: 0; background-color: transparent; } #map{ position: fixed; bottom: 0; right: 0; left: 0; } .map-wrapper{ background-color: #fff; } .map-container{ width: 100%; height: 100%; position: fixed; top: 120px; left: 292.5px; right: 0; bottom: 0; } .map-menu .list-group-item{ border-radius: 0; } .map-menu{ width: 292.5px; position: fixed; left: 0; top: 120px; bottom: 0; font-size: 12px; overflow: hidden; } .map-scroller .list-group .list-group .list-group-item{ padding-left: 30px; cursor: pointer; } .map-scroller .list-group .list-group{ margin: 0; } #mapbr a{ padding: 10px; display: inline-block; } .district-holder .item{ width: 25%; float: left; } .district-holder{ width: 100%; overflow: hidden; } .district-holder .item:nth-child(4n+1) a{ margin-left: 0; } .district-holder .item:nth-child(4n) a{ margin-right: 0; } .district-holder .item a img{ float: left; margin-right: 20px; } .district-holder .item a:hover:after{ top: 0; } .district-holder .item a:after{ content: "дэлгэрэнгүй"; font-family: Roboto Condensed; color: #fff; display: block; width: 100%; height: 100%; line-height: 104px; position: absolute; top: -100%; left: 0; background-color: rgba(0,0,0,.8); transition: ease all .3s; text-align: center; } .district-holder .item a{ font-size: 12px; color: #fff; text-transform: uppercase; font-family: Roboto Condensed; display: block; padding: 20px; margin: 5px; height: 104px; overflow: hidden; position: relative; } .contact img{ width: 100%; } .contact .list-group-item:last-child{ border-bottom: none; } .contact .list-group-item:first-child{ border-top: none; } .contact .list-group-item{ border-radius: 0; border-left: none; border-right: none; } .news_related.news_file { padding: 10px; background-color: #eee; padding-left: 90px; position: relative; } .news_related.news_file:before { content: "Хавсралт"; position: absolute; left: 0; top: 0; background-color: #74bd46; color: #fff; padding: 12px; text-transform: uppercase; font-size: 12px; } .news_related.news_file > a { background-color: #fff; padding: 2px 5px; display: inline-block; font-size: 12px; } .service-holder > li > a:hover{ border-color: #ccc; } .service-holder > li > a{ border: solid 5px transparent; display: block; transition: all ease .2s; } .service-holder > li{ width: 32%; margin-right: 2%; float: left; background-color: #eee; margin-bottom: 10px; } .service-holder > li:nth-child(3n){ margin: 0; } .service-holder{ overflow: hidden; } .service-box { padding: 5px; border: solid 1px #eee; color: #555; overflow: hidden; height: 85px; transition: all ease .2s; } .service-box i{ display: block; font-size: 40px; width: 20%; float: left; } .service-box span{ display: block; color: #555; width: 80%; float: left; font-size: 11px; } #map{ position: relative; } .loader{ display: none; background-image: url(../images/301.GIF); background-repeat: no-repeat; background-size: 100px; background-position: center; position: fixed; background-color: rgba(0,0,0,.1); width: 100%; height: 100%; z-index: 999999; top: 0; left: 0; } #mn-content{ background: #fff; padding-top: 10px; text-align: justify; } .small{ font-size: 14px; font-style: italic; } #mn-content .txt{ font-family: Arial, Helvetica, sans-serif; line-height: 28px; } #mn-content h1 { padding: 15px; font-size: 34px; font-weight: 400; border-bottom: #d5d5d5 solid 3px; padding-bottom: 25px; margin-bottom: 20px; margin-top: 0; text-transform: uppercase; color: #000; } /***************************** COLORS ***************************/ .col-1{background-color: #cf4722;} .col-2{background-color: #4a376d;} .col-3{background-color: #548a56;} .col-4{background-color: #0d5e99;} .col-5{background-color: #406a7a;} .col-6{background-color: #993429;} .col-7{background-color: #437057;} .col-8{background-color: #993429;} .col-9{background-color: #8e44ad;} .col-10{background-color: #2c3e50;} .col-11{background-color: #f1c40f;} .col-12{background-color: #e67e22;} .col-13{background-color: #e74c3c;} .col-14{background-color: #818181;} .col-15{background-color: #95a5a6;} .col-16{background-color: #f39c12;} .col-17{background-color: #d35400;} .col-18{background-color: #c0392b;} .col-19{background-color: #bdc3c7;} .col-20{background-color: #7f8c8d;} /***************************** DESKTOP ***************************/ @media (min-width: 801px) { .menu-btn { display: none; } } /***************************** MOBILE ***************************/ @media (max-width: 800px) { .meeting-menu .list-group-item{ width: 100%; } #top{ display: none; visibility: hidden; } .service-box{ height: 120px; } .service-box i{ float: none; } .service-box span{ float: none; width: 100%; } .news-holder .body img{ width: 100%; } .box > img, #carousel .item > a > img{ height: auto; } .news_title h6 span{ display: block; margin: 10px 0; } .desktop-only{ display: none; } .menu-item{ display: none; } #video-news > div.video-player, #video-news > div.video-list{ width: 100%; } #video-news .video-item{ width: 33%; float: left; } .marquee { height: auto; } .marquee span { white-space: normal; position: relative; } #carousel{ margin-bottom: 20px; } .custom-tab{ margin-bottom: 20px; } .link-holder .links{ width: 100%; float: none; } .news span.date{ position: relative; margin-bottom: 10px; } .counter-1,.counter-2,.counter-3{ width: 32%; } .pushy .mega-dropdown{ position: relative; height: auto; overflow: auto; opacity: 1; background-color: #333; } .pushy .mega-dropdown > ul{ margin-bottom: 0; } .pushy .list-group-item{ background-color: transparent; border: none; padding: 0; font-size: 12px; font-weight: normal; } .pushy .header{ background-color: #000; } .pushy .sub-container{ padding-left: 0; } .pushy a i{ width: 10%; } .pushy a span{ width: 90%; } } .carousel-inner>.item { height: 277px; width: 100%; background-color: #ccc; } /************* loading ****************/ /* Make clicks pass-through */ #nprogress { pointer-events: none; } #nprogress .bar { background: #74bd46; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; } /* Fancy blur effect */ #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #74bd46, 0 0 5px #74bd46; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } /* Remove these to get rid of the spinner */ #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #74bd46; border-left-color: #74bd46; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .login2 { padding: 0px 0 0; background-color:none; } .login2.login-wrapper { max-width: 420px; margin: 0 auto; } .login2.login-wrapper img { margin: 40px auto; } .login2.login-wrapper .input-group-addon { padding: 8px 0; background: #f4f4f4; min-width: 48px; text-align: center; } .login2.login-wrapper .input-group-addon i.icon-lock { font-size: 18px; } .login2.login-wrapper input.form-control { height: 36px; border-radius:0px ; font-size: 15px; box-shadow: none; } .login2.login-wrapper .checkbox { margin-bottom: 30px; } .login2.login-wrapper input[type="submit"] { padding: 10px 0 12px; margin: 20px 0 10px; } .login-bb > input[type="submit"]{ padding: 10px 25px 10px !important; margin: 0px 0 20px !important; } .login2.login-wrapper input[type="submit"]:hover { background: transparent; } .login2.login-wrapper .social-login { margin-bottom: 20px; padding-bottom: 5px; } .login2.login-wrapper .social-login > .btn { width: 100%; margin: 0; } .login2.login-wrapper .social-login .facebook { background-color: #335397; border-color: #335397; } .login2.login-wrapper .social-login .facebook:hover { background-color: transparent; color: #335397; } .login2.login-wrapper .social-login .twitter { background-color: #00c7f7; border-color: #00c7f7; } .login2.login-wrapper .social-login .twitter:hover { background-color: transparent; color: #00c7f7; } .btn-dle { background: #66cc00; border-color: #66cc00; color:#fff; padding:5px 10px !important;} .btn-dle:hover, .btn-dle.active { background: transparent; color: #66cc00; border-color: #66cc00; } .btn-dle:hover .caret, .btn-dle.active .caret { border-top-color: #66cc00; } .btn-dle.disabled, .btn-dle[disabled], fieldset[disabled] .btn-dle { pointer-events: none; cursor: not-allowed; background-color:#CCC; color:#333; opacity: .65; border:none; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none }


.swchItem {  
  color:#0A7EC5;  
  border:1px solid #8DC5E6;  
  background:#F8FCFF; 
}  
.swchItemA, .swchItem { 
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  border-radius:3px; 
  padding:6px 9px;  
  margin-left:3px;  
  text-decoration:none; 
}  
.swchItemA, .swchItem:hover {  
  font-weight:normal;  
  color:#fff;  
  text-shadow:0px 1px #388DBE;  
  box-shadow:0px 1px #EDEDED;  
  -webkit-box-shadow:0px 1px #EDEDED;  
  -moz-box-shadow:0px 1px #EDEDED;  
  border:1px solid #3390CA;  
  background:#58B0E7;  
  background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7);  
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#58B0E7));  
}