@font-face {font-family:'Open Sans';src: url('OpenSans_VariableFont_wdth.ttf');}
@font-face {font-family:'RobotoCondensed_Regular';src: url('RobotoCondensed_Regular.ttf');}
@font-face {font-family:'Roboto_Regular';src: url('Roboto_Regular.ttf');}
html{background-color:#fff}
body{background-color:#eee;overflow-x:hidden; font-family:"RobotoCondensed_Regular"; font-size:16px;}

.sliders{float: right;margin: 20px 0;overflow: hidden;width: 35%;padding: 15px;background-color: #1d9cc5;}

p{text-align:justify;}
a{color:#14abe7;}
li{color:#333; padding: 1px 0;}
.lion{background-color:#eee}
h1, h2, h3{padding:0; margin:0;}
.header{margin: 0 auto;}
.top{width:100%;}
#logo{text-align:center;}
#logo > img{ z-index: 100;  margin-top:4px; padding:4px;}
.pageTitle{display: none; text-align:left;padding: 16px 0 0 0;}
.pageTitle h1{font-size: 1.8em;padding:0;margin:0;font-family:"RobotoCondensed_Regular";}
.pageTitle > h1{}
.pageTitle h2{font-size: 0.9em;padding:0;margin:0}
.tagLine{display:block;color:#039;font-size:0.6em;font-family:'calibri';font-weight:bold}
#loginInfo{padding:10px 80px 10px 10px;border-left:solid 2px #006;background-color:#06c;color:#fff}
.logout{background-color:#fff;background-position:5px center;border-radius:20px;right:3px;top:6px;padding:3px 10px 3px 20px;cursor:pointer}
#mobileMenu{display:none}
nav {  text-align: center;margin-top:16px;}
.navigation{clear:both; border-top: 2px solid #ccc; background: #0e995e6b;}
.navigation nav ul{margin:0;padding:0;list-style:none;}
.navigation nav ul li{display:inline-block;padding:6px 26px; border-radius: 10px 10px 0 0; }
.navigation nav ul li a{padding:0;color:#333;text-decoration:none;cursor:pointer}
.navigation nav ul li a.on{background-color:none;}
.navigation nav ul li.on{background-color:none;}
.navigation nav ul li.parent > a:after{content:'\25B8';}
.navigation nav ul li.parent:hover a{background-color:rgba(0,0,0,0.2);border-radius:0}
.navigation nav ul li.parent:hover a.on{border-radius:0}
.navigation nav ul li.parent:hover > a:after{content:'\25BE';}
.navigation nav ul.subMenu{display:none;position:absolute;background:rgba(0,0,0,0.5);z-index:10;padding:3px;margin-top:2px}
.navigation nav ul li:hover ul.subMenu{display:block;text-align:left}
.navigation nav ul.subMenu li{background-color:#1e6199;font-size:1em;display:block;padding:0;border-bottom:solid 1px #333;margin:0; text-transform:uppercase}
.navigation nav ul.subMenu li a{display:block;padding:5px 10px;border-radius:0;text-transform:uppercase}
.navigation nav ul.subMenu li a.on{background-color:rgba(0,0,0,0.5)}


#featuredNotice{background-color:#eee;padding:10px;color:#666;overflow:hidden;min-height:15px;width:100%;}
#featuredNotice .scrollCont {position: absolute;width:auto; text-align:left;font-size:0.8em;white-space:nowrap;left:100%;}
#featuredNotice .scrollCont a{color:#333}
#featuredNotice .scrollCont strong{padding:0 10px;color:#333}
#featuredNotice .scrollCont p{display:inline-block;margin:0}

.imageSlider .section_title{display:none;}
.imageSlider .wrapper{position:relative;width:100%}
.imageSlider ul {height: 500px;list-style: none;margin: 0;padding: 0;position: relative;}
.imageSlider li {height: 100%;width:100%;position: absolute;overflow: hidden;top: 0;left: 0;display: none;background-size: cover;background-position: center center;}
.imageSlider li img {visibility: hidden;}
.imageSlider .current {display: block;}
.imageSlider .slider-box.slide-animation {position: relative;overflow: hidden;}
.imageSlider .slider-box.slide-animation li {float: left;position: absolute;left: 100%;display: block;-webkit-transition: all 0.3s;transition: all 0.3s;}
.imageSlider .slider-box.slide-animation li.current,.imageSlider .slider-box.slide-animation li.prev {left: 0%;}
.imageSlider .slider-box.slide-animation li.prev {z-index: 997;}
.imageSlider .slider-box.slide-animation li.current {z-index: 998;}
.imageSlider .slider-dots {text-align: center;position: absolute;top: 0;right:0;margin:20px;padding: 5px;z-index:99;height:auto}
.imageSlider .slider-dots li {cursor:pointer;height:10px;width:10px;display:block;background-color:rgba(55, 150, 255, 0.7);border:2px solid #000;display: inline-block;margin: 0 5px;position: static;border-radius: 50%;}
.imageSlider .slider-dots li:hover {background-color: #fff;}
.imageSlider .slider-dots li.current {background-color: #000;border:2px solid rgba(255,255,255,0.8);}
.imageSlider .arrows {cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);width: 60px;height:50px;z-index:1000;background: rgba(255,255,255,0.6);}
.imageSlider .arrows:hover {background: #fff;}
.imageSlider .prev-arrow {left: 0px;}
.imageSlider .next-arrow {right: 0px;}
.imageSlider .arrows img {height: 100%;}
.imageSlider .info{position: absolute;
padding: 20px;
font-size: 2em;
box-sizing: border-box;
background-color: rgba(0,0,0,0.5);
top: 150px;
text-shadow: 0 0 5px #fff;
width: 40%;
left: 20px;
color: #ccc;
display: none;}
.imageSlider .info span{display:block;text-transform:uppercase;font-size:1.6em}
.wrapper_Slider.imageSlider {
position: relative;}
.banner1 .section_title{display:none;}
.message{background-color:#222;margin:0;padding:30px;color:#fff}
.message .wrapper{width:auto}
.message .section_title{text-align:center;color:#fff;margin:10px 0 40px}
.message article{font-size:1.2em}
#breadcrumb {  padding: 5px 20px 7px;  background-color: rgba(0,100,0,0.1);  border-top: solid 5px #096;font-size:0.8em;}
.section_title{ display:none; text-transform:uppercase;font-weight:normal;margin:10px 0;}
.section_title h2 {width: 256px;background-color: rgba(185, 18, 21, 1);margin: 0;text-align: center;padding: 8px 0 6px 0; color:#fff;  font-size:1.2em;}
.main { margin: 14px 0 40px 0; padding: 0;}
.main_content{width:92%; margin:0 auto;}
.main_content .section_title{}
.wrapper_Single_Content.banner .section_title {  display: none;}
.right{width: 35%; float:left; margin: 20px 3% 10px 0;  padding: 20px;  background: #eae1e180; }
.left{width: 58%; float:left; margin-left:3%; padding:20px}

.bottom1, .bottom2,.bottom3 {width: 33.33%; float:left;background:#222; height:auto}
.bottom1 .section_title, .bottom2 .section_title, .bottom3 .section_title{display:None;}
.content_wrap{margin:4px 10px; padding:10px;}
.wrapper_Single_Content.social {padding: 20px 40px;}
.wrapper_Single_Content.social .content_title{color:#fff}
.wrapper_Single_Content.custom .section_title{display:none; }
.imageslider .section_title{  display: none;}
.wrapper_Notice, .wrapper_Single_Content{}
.slide .section_title {  display: none;}
.wrapper_Single_Content .content_title {}

.wrapper{width:1090px; margin:0 auto;}
.wrapper_Single_Content.banner .content_title{display:none;}
.news_list {overflow:hidden; margin:10px;}
.news_list > img {float: left; margin:10px;}
.news_list h3 {margin:10px;}
.fullNews {  clear: both;overflow: hidden;}
.fullNews > img {  width: 400px;  float: left;  margin-right: 10px;}
.contact_form{padding:40px}
.wrapper_Contact.Form.contact_form{background-color:#3c9;margin-left:0;color:#fff;}
.wrapper_Contact.Form.contact_form .field{margin:10px;}
.wrapper_Contact.Form.contact_form form label{display:inline-block;width:100px;text-align:right;float:left;padding:2px 10px 0 0;}
.wrapper_Contact.Form.contact_form form input,.contact_form form textarea{background-color:rgba(255,255,255,0.7);border:solid 1px #fff;width:80%}
.wrapper_Contact.Form.contact_form form input[type=submit]{width:auto;background-color:#039;color:#fff;text-transform:uppercase;padding:4px 10px;}
.wrapper_Contact.Form.contact_form form .btns:before{content:" ";display:inline-block;width:85px;}
.wrapper_Contact.Form.contact_form form textarea{height:70px;resize:none}
.wrapper_Contact.Form.contact_form form .captchaImg label{margin-top:-3px}
.wrapper_Contact.Form.contact_form form .captchaImg input{width:25%;float:left;margin-right:10px;padding:4px 2px}
#reload{padding:4px;background-color:#fff;margin-left:10px;border-radius:8px;cursor:pointer}


.notice article{background: white;
    margin: 20px;
    padding: 20px;
    box-shadow: 11px -1px 15px 0px #2e3c0f80;
    border-radius: 6px;}

	.news article{background: white;
		margin: 20px;
		padding: 20px;
		box-shadow: 11px -1px 15px 0px #2e3c0f80;
		border-radius: 6px;}
		

.notice h4{font-size:1.4em;font-weight:normal;}
.notice h4, .notice p{margin:0;padding:5px 20px;clear:both}
.notice .noticeDt{float:left;background-color:#973;color:#fff;padding:2px 5px; margin-top: -20px;}
.cat_Notice.notice.spm52 .content_wrap{width:75%;margin:0 auto;}
#albox{display:flex;flex-wrap:wrap;}
#albox .back{cursor:pointer;background-color:red;color:#fff;padding:15px 0;width:30px;line-height:0px;text-align:center;border-radius:15px;display:none;position:absolute;right:20px;}
#albox.off .box{display:none;}
#albox.off .back{display:block;}
#albox .box{background-color:#6bf;width:calc(25% - 20px);margin:20px 10px;text-align:center;color:#fff;font-weight:normal;text-transform:uppercase;cursor:pointer;}
#albox .box:nth-child(2){background-color:#06d;}
#albox .box:nth-child(3){background-color:#08e;}
#albox .box:nth-child(4){background-color:#0af;}
#albox .box .boxImg{height:200px;overflow:hidden;}
#albox .box img{width:100%;height:100%;}
#albox .box .albumNm{padding:30px 10px;}
#albumCont .album{display:none;margin:30px 0;padding:0;border:none;width:100%}
#albumCont .album.on{display:flex;flex-wrap:wrap;align-items:center;}
#albumCont .album h2{width:100%;box-sizing:border-box}
#albumCont.show .album{display:block;}
.albumPhoto{float:left;margin:10px;border:solid 1px #ccc;padding:1px;position:relative;}
.albumPhoto a,.albumPhoto img{display:block; object-fit: cover;  width:auto;  height: 150px;}
.albumPhoto a.deletePhoto{position:absolute;right:5px;top:5px;background-color:#c00;color:#fff;padding:2px 5px;font-size:0.8em;width:auto;height:auto}
.deletePhoto,.deleteAlbum{cursor:pointer}
.deleteAlbum{margin-left:5px;background-color:#c00;color:#fff;padding:2px 5px;border-radius:3px;}
.deletePhoto:hover{box-shadow:0 0 3px #000}
.album{overflow:auto;background-color:#fff;margin:20px 0;padding:0 10px 5px;border-bottom:solid 1px #ddd; width:1060px; margin:0 auto;}
.pageHeader{font-weight:normal;text-transform:Capitalize;margin:5px 0 0;padding:2px 10px;border-bottom:solid 1px #eee}
.albumPhoto{float:left;margin:10px;border:solid 1px #ccc;padding:1px;}
.albumPhoto a,.albumPhoto img{display:block;}
footer{width: auto;  clear: both;  background-color: #000;  color: #999;  text-align: center;  padding: 15px 5px 10px;  font-size: 0.8em;}

.wrapper_Single_Content.banner {  width: 100%;  margin: 0;  padding: 0;}


.two_col_content{column-count:2;width:100%; text-align:justify;}
.two_col_content >img{width:100%}
.cat_Single_Content.banner{width:100%}
.cat_Single_Content .section_title{display:none;}
.cat_Single_Content .section_title h3{display:none;}
.cat_News h3{margin:0;}
.cat_News article{display:flex;margin:10px 0}
.cat_News article .actions{position:absolute}
.cat_News article img{width:250px;margin-right:20px;min-height:100px}
.cat_News article h3 a,.newsBlock h3 a{text-decoration:none;color:#800;cursor:pointer;font-weight:normal}
.cat_News .featured{border-bottom:solid 1px #ccc;padding:10px 0 20px;margin-bottom:40px}
.cat_News .featured h4{text-transform:uppercase;font-size:1.2em;margin:15px 0}
.cat_News .featured article{background-color:#f6f6f6;padding:10px 25px 5px 10px}
.newsBlock{margin:0;padding:0;list-style:none;display:flex;margin-top:40px;padding-top:20px;border-top:solid 1px #ccc;flex-wrap:wrap}
.newsBlock h3{margin:0;}
.newsBlock li{width:calc(50% - 30px);margin:20px 20px 20px 0}
.newsBlock li img{float:left;margin-right:20px;width:100px;min-height:70px}
.latestNews h4{margin-bottom:15px;text-transform:uppercase;font-size:1.2em}
.latestNews .articles{display:flex;flex-wrap:wrap}
.latestNews .articles article{width:calc(50% - 30px);margin:20px 30px 20px 0}
.latestNews .articles article:nth-child(even),.newsBlock li:nth-child(even){margin-right:0;margin-left:30px}
.latestNews .articles img{width:150px;}

.row{padding-bottom: 20px;overflow: hidden;display:flex;flex-wrap:wrap}
.column {float: left;width: calc(33.3% - 20px);background-color:#eef6ff;margin:10px;box-sizing: border-box;overflow: hidden;box-shadow: 0 0 3px #ccc;}
.card {overflow: hidden;}.card img{float: left;margin-right: 10px;padding: 2px;width:75px;} 
.card h2{margin: 5px 0;font-size: 15px;text-transform:uppercase}
.container {margin-left: 10px;}
.title {margin:0;}






/* responsive layout */


#mobileMenu{position: fixed;top: 0;left: 0;width: 100%;display: none;z-index:100;}
#mobileMenu ul{margin:0;padding:0;font-size:1.0em}
#mobileMenu ul li{display:block;background-color: #464647;;color:#fff;text-align: center;text-transform: uppercase;border-bottom: 1px solid #2a2a2b;}
#mobileMenu ul li a{padding: 8px 0;display:block;color:#fff;text-decoration:none}
#mobileMenu ul li.lion{background-color:#333;}
#mobileMenu ul.subMenu{z-index:10;margin-top:2px;font-size:1em;}
#mobileMenu ul.subMenu li{background-color:transparent;display:block;padding:0;border-bottom:none;margin:0}
#mobileMenu ul.subMenu li a{background-color:rgba(0,0,0,0.2);display:block;padding:5px 10px;border-radius:0;text-transform:none;width:85%;margin:0 auto 2px}
#mobileMenu ul.subMenu li a.on{background-color:rgba(0,0,0,0.5)}



@media only screen and (max-width: 425px){




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

@media (max-width: 960px)
{
header,nav{width:100%;margin:0}
}

@media (max-width: 820px)
{
	
}
/**/
@media (max-width: 765px)
{
    
  
	nav{display:none;}
	#mobileMenu{position:fixed;}
	.toggleMobile{position: fixed;top:5px;left:5px;display: block;width:30px;height:28px;cursor: pointer;z-index: 999;}
	.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3{display: block;position: absolute;width:30px;height:6px;left: 0;background:#5e5e60;
			-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
			transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile span.menu1{top: 0;}
	.toggleMobile span.menu2{top: 10px;}
	.toggleMobile span.menu3{top: 20px;}
	.toggleMobile.active span.menu1{top: 10px;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
			transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu2{
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
			-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
			transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu3{
			opacity: 0;
			-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
			transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	
	.wrapper_Single_Content  p{padding:5px;}

	
	.top{width:100%}
	.header{width:100%;}
	#logo{text-align:center}
	#logo > img{}
	#logo > img {width:auto;}
	
	.pageTitle{margin: 20px 10px; padding:10px}
	.pageTitle h1 {	font-size: 1.2em;}
	.pageTitle h2 {font-size:0.6em}
	.main_content{width: auto;}
	.bottom1,.bottom2, .bottom3{width:100%}
	.wrapper_Single_Content.social{padding:0;}
	.news_list > img {  width: 100%;  margin: 0;	float: none;}
	.imageSlider .info{display:none;}
	.wrapper,.contact_address .wrapper, .contact_form .wrapper{width:auto;}	
	.contact_address .wrapper, .contact_form .wrapper{min-height:auto;float:none}
	.contact_address,.contact_form{width:auto;float:none}
	.contact_form form input, .contact_form form textarea{width:100%}
	.contact_form form label{width:100%; text-align:center;}
	.single_article article{width:100%}
	.imageSlider ul{height:180px}
	.twocolumn article{width:100%}
	.two_col_content{width:100%; text-align:justify;}
	.three_col_content{width:100%; margin:0 4px;}
	.album{width:100%}
	.left{margin:0}
	.wrapper_Single_Content.contact_address {  padding: 10px 20px;}
.message .msgCont{display:block;padding:10px}
.message .msgBox{width:100%;margin-top:40px;text-align:center;}
.message .msgBox img{float:none}
.message .msgBox p{clear:both;padding:5px}
.schemes .wrapper{display:block}
.schemes h2{display:block}
.schemes article{width:calc(100% - 60px);}
#featuredNotice .scrollCont{position:static;white-space:normal;text-align:center;}
#albox .box{width:100%;}
.notice article, .content_wrap{width:auto;}
.left, .right, .bottom1, .bottom2{width:100%}
.wrapper_Single_Content{width:auto;}
.two_col_content{column-count:1;}
.column{width:100%;}
}



@media (max-width: 500px)
{

}