/**********************************************
RESET
************************************************/
* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	color: #000;
	text-decoration: none;
}
img, fieldset {
	border: none !important;
}
ol, ul {
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
	color: #FFF;
}
.clearfix {
	height: 0 !important;
	clear: both;
}
.new_box .news_list{
    list-style-type: disc;
    padding-left: 25px;
    margin-bottom: 26px;
}
/**********************************************
GENERAL STYLE
************************************************/
.body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.wrapper {
	width: 100%;
	min-height: 100%;
	overflow: hidden;
}
/**********************************************
HEADER STYLE
************************************************/
.top_wrap {
	width: 100%;
	height: 6px;
	background: #4a646e;
}
.header {
	width: 100%;
	height: 132px;
	background: #5e8db7;
}
.logo {
	width: 999px;
	margin: 0px auto;
	position: relative;
}
.logo_holder {
	float: left;
	margin-top: 35px;
	width: 100%;
	text-align: center;
}
.logo_holder h1 {
	font-family: 'oswaldregular';
	font-size: 30px;
	letter-spacing: 0.55px;
	color: #FFF;
	text-transform: uppercase;
}
.container_wrap {
	background: url(../images/bg.jpg) repeat !important;
	width: 100%;
	height: auto;
}
.nav_wrap {
	width: 999px;
	height: 49px;
	background: #3e5467;
	margin: 0px auto;
	top: 111px;
	right: 0;
	left: 0;
	position: absolute;
	z-index:999;
}
.nav_wrap ul {
	list-style: none;
	width: 500px;
	margin-left: 349px;
	font-family: 'open_sansregular';
}
.nav_wrap ul li {
	display: inline-block;
	float: left;
	text-align: center;
}
.nav_wrap ul li a {
	font-size: 18px;
	color: #FFF;
	display: block;
	padding: 12px 20px;
	font-weight: bold;
}
.nav_wrap ul li a:hover, .active {
	background: #5e8db7;
}
/*********************************************************
SLIDER STYLE
***********************************************************/
.slider_wrap {
	width: 999px;
	margin: 0px auto;
	height: auto;
	position: relative;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
	filter: alpha(opacity=70);
	opacity: .7;
	overflow: hidden;
	cursor: pointer;
	border: #000 1px solid;
}
.jssorb01 div {
	background-color: gray;
}
.jssorb01 div:hover, .jssorb01 .av:hover {
	background-color: #d3d3d3;
}
.jssorb01 .av {
	background-color: #fff;
}
.jssorb01 .dn, .jssorb01 .dn:hover {
	background-color: #555555;
}
.welcome_wrap {
	background: none repeat scroll 0 0 rgba(18,18,19,0.75);
	height: 123px;
	width: 444px;
	z-index: 999;
	display: none;
	position: absolute;
	top: 237px;
	border-top: 4px solid #5e8db7;
}
.welcome_wrap h3 {
	font-family: 'open_sansregular';
	font-size: 18px;
	color: #fdfdfd;
	float: left;
	margin: 13px 0px 0px 24px;
}
.welcome_wrap p {
	width: 363px;
	float: left;
	font-size: 14px;
	line-height: 24px;
	font-family: 'open_sansregular';
	color: #e9f887;
	margin-top: 10px;
	margin-left: 24px;
}
.welcome_wrap a {
	color: #FFF;
}
.shadow {
	width: 999px;
	height: 39px;
	background: no-repeat;
	margin: 0px auto;
}
/*********************************************************
BODY STYLE
***********************************************************/
.box_holder {
	width: 866px;
	margin: 0px auto;
	padding-bottom: 50px;
}
.box_front {
	background: url(../images/img_bg.png) no-repeat;
	width: 248px;
	height: 227px;
	float: left;
	margin-top: 30px;
	text-align: center;
}
.box_front a {
	color: #5e8db7;
	line-height: 60px;
	font-family: 'oswaldregular';
	font-size: 25px;
}
.box_front a:hover {
	color: #000;
}
.box_front2 {
	background: url(../images/img_bg.png) no-repeat;
	width: 248px;
	height: 227px;
	float: left;
	margin-left: 70px;
	margin-top: 30px;
	text-align: center;
}
.box_front2 a {
	color: #5e8db7;
	line-height: 60px;
	font-family: 'oswaldregular';
	font-size: 25px;
}
.box_front2 a:hover {
	color: #000;
}
.box_front2 img {
	margin: 14px;
}
.box_front img {
	margin: 12px;
}
.map_left {
	float: left;
	margin-top: 70px;
	border: 6px solid #3e5467;
}
.box_front3 {
	background: url(../images/img_bg.png) no-repeat;
	width: 248px;
	height: 227px;
	float: right;
	margin-top: 30px;
	text-align: center;
}
.box_front3 a {
	color: #5e8db7;
	font-family: 'oswaldregular';
	font-size: 25px;
	line-height: 60px;
}
.box_front3 a:hover {
	color: #000;
}
.box_front3 img {
	margin: 14px;
}
.contact_wrap {
	width: 999px;
	margin: 0px auto;
	padding-bottom: 30px;
}
.border {
	height: 228px;
	width: 2px;
	background: url(../images/border.jpg);
	float: left;
	margin: 73px 15px 135px 15px;
}
.address_right {
	float: right;
	margin-top: 70px;
	width: 294px;
	height: 141px;
}
.address_right img {
	float: left;
}
.address_right h4 {
	font-weight: normal;
	font-family: 'oswaldregular';
	color: #5e8db7;
	font-size: 20px;
	padding-bottom: 25px;
}
.address_right a {
	font-family: 'FjallaOne-Regular';
	color: #3e5467;
	font-size: 18px;
	line-height: 31px;
	margin-left: 10px;
}
.news {
	width: 999px;
	margin: 0px auto;
}
.new_box {
	float: left;
	margin-top: 60px;
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
}
.new_box ul {
	list-style: none;
	margin-top:10px;
}
.new_box ul li {
	display: list-item;
	float: none;
	font-family: 'open_sansregular';
	color: #636363;
	font-size:14px;
	padding:7px 0;
}
.height {
	margin-top: 0px;
}
.new_box h4 {
	font-family: 'FjallaOne-Regular';
	font-weight: normal;
	font-size: 18px;
	color: #5e8db7;
	padding: 10px 0;
	text-align: left;
}
.new_box p {
	font-family: 'open_sansregular';
	font-size: 16px;
	color: #636363;
	text-align: justify;
	line-height:30px;
}
.new_box a {
	margin: 0px;
	padding: 0px;
	color:#0A3963;
}
.new_box a img {
	float: left;
	margin-right: 15px;
}
.back_wrap {
	width:80px;
	height:42px;
	background:#5E8DB7;
	text-align:center;
	margin-top:27px;
	float:right;
	-webkit-box-shadow: 4px 3px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 3px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 3px 4px 0px rgba(50, 50, 50, 0.75);
}
.back_wrap a {
	color:#FFF;
	font-family: 'FjallaOne-Regular';
	font-size:18px;
	line-height:43px;
}
.back_wrap a:hover {
	color:#000;
}
/*********************************************************
FOOTER STYLE
***********************************************************/

.footer_wrap {
	width: 100%;
	border-top: 5px solid #3e5467;
	background: #5e8db7;
}
.footer_holder {
	width: 999px;
	margin: 0px auto;
}
.footer_nav {
	float: left;
	width: 450px;
}
.footer_nav ul {
	list-style: none;
	font-family: 'open_sansregular';
}
.footer_nav ul li {
	display: inline-block;
	float: left;
	padding: 18px 9px;
}
.footer_nav ul li a {
	font-size: 14px;
	color: #FFF;
	padding-right: 16px;
	border-right: 1px solid #FFF;
}
.footer_nav ul li a:hover {
	color: #000;
}
.footer_nav ul li:last-child a {
	border: none;
}
.power_by {
	float: right;
	width: 228px;
	margin-top: 19px;font-family: 'open_sansregular';
	font-size: 14px;
	color: #FFF;
}
.power_by p {
	font-family: 'open_sansregular';
	font-size: 14px;
	color: #FFF;
	text-align:right;
	line-height:24px;
}
.power_by p a {
	color: #000;
}
.invisible-footer {
    width:100%;
    float:left;
    list-style:none;
}
.invisible-footer li {
	float:left!important;
}
.invisible-footer li a {
	color:#5E8DB7!important;
	font-size:16px!important;
	margin:8px!important;
	border-right:none!important;
}
/*********************************************************
GALLERY STYLE
***********************************************************/
.gallery_wrap {
	width: 999px;
	margin: 0px auto;
}
#main {
	margin:0 0 150px 0;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear: left;
}
#cboxContent {
	position: relative;
}
#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#cboxTitle {
	margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer;
}
.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background: url(../images/overlay.png) repeat 0 0;
}
#colorbox {
	outline: 0;
}
#cboxTopLeft {
	width: 21px;
	height: 21px;
	background: url(../images/controls.png) no-repeat -101px 0;
}
#cboxTopRight {
	width: 21px;
	height: 21px;
	background: url(../images/controls.png) no-repeat -130px 0;
}
#cboxBottomLeft {
	width: 21px;
	height: 21px;
	background: url(../images/controls.png) no-repeat -101px -29px;
}
#cboxBottomRight {
	width: 21px;
	height: 21px;
	background: url(../images/controls.png) no-repeat -130px -29px;
}
#cboxMiddleLeft {
	width: 21px;
	background: url(../images/controls.png) left top repeat-y;
}
#cboxMiddleRight {
	width: 21px;
	background: url(../images/controls.png) right top repeat-y;
}
#cboxTopCenter {
	height: 21px;
	background: url(../images/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
	height: 21px;
	background: url(../images/border.png) 0 -29px repeat-x;
}
#cboxContent {
	background: #fff;
	overflow: hidden;
}
.cboxIframe {
	background: #fff;
}
#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}
#cboxLoadedContent {
	margin-bottom: 28px;
}
#cboxTitle {
	position: absolute;
	bottom: 4px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #949494;
}
#cboxCurrent {
	position: absolute;
	bottom: 4px;
	left: 58px;
	color: #949494;
}
#cboxLoadingOverlay {
	background: url(../images/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
	background: url(../images/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
	outline: 0;
}
#cboxSlideshow {
	position: absolute;
	bottom: 4px;
	right: 30px;
	color: #0092ef;
}
#cboxPrevious {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/controls.png) no-repeat -75px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}
#cboxPrevious:hover {
	background-position: -75px -25px;
}
#cboxNext {
	position: absolute;
	bottom: 0;
	left: 27px;
	background: url(../images/controls.png) no-repeat -50px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}
#cboxNext:hover {
	background-position: -50px -25px;
}
#cboxClose {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/controls.png) no-repeat -25px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}
#cboxClose:hover {
	background-position: -25px -25px;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}
/**
 * Grid container
 */
 .gal-container
{
	display:none;
	max-height:0px !important;
	overflow:hidden;
	position:absolute;
}
 .gal-container-show
{
	display:block;
}

.gal-container-show .tiles {
	list-style-type: none;
	position: relative; /** Needed to ensure items are laid out relative to this container **/
	margin: 0;
	padding: 0;
	float: left;
	margin-top: 70px;
	display:block ;
}
/**
 * Grid items
 */
.gal-container-show .tiles ul{ margin:0 !important; padding:0 !important; position:absolute; top:20px; left:0;} 
.gal-container-show .tiles li {
	width: 200px;
	background-color: #ffffff;
	border: 1px solid #dedede;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: none; /** Hide items initially to avoid a flicker effect **/
	cursor: pointer;
	padding: 4px;
}
.gal-container-show .tiles li.inactive {
	visibility: hidden;
	opacity: 0;
}
.gal-container-show .tiles li img {
	display: block;
}
/**
 * Grid item text
 */
.gal-container-show .tiles li p {
	color: #666;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	font-weight: 200;
	display: none;
	margin: 7px 0 2px 7px;
}
footer {
	text-align: center;
}
footer a {
	color: #435DC5;
	text-decoration: none;
}
/**
 * Progress bar for imagesLoaded
 */
.progress-bar {
	background-color: #0BC20B;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 0;
	box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
	-webkit-transition: width 0.3s ease-out;
	-moz-transition: width 0.3s ease-out;
	-o-transition: width 0.3s ease-out;
	transition: width 0.3s ease-out;
}
/**
 * Placerholder css
 */
.wookmark-placeholder {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #eee;
	border: 1px solid #dedede;
	z-index: -1;
}
.example-tiles {
	position: relative; /** Needed to ensure items are laid out relative to this container **/
	margin: 0;
	padding: 0;
}
.example-tiles li {
	display: block;
	opacity: 1;
	list-style-type: none;
	float: left;
	margin: 5px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.example-tiles a, .example-tiles a:hover {
	color: #555;
	background-color: #eee;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	height: 200px;
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ddd;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	padding: 5px 8px;
	border-radius: 3px;
}
.example-tiles a:hover {
	background-color: #ddd;
}
@media only screen and (max-width : 800px) {
	.logo,.nav_wrap,.slider_wrap,.shadow,.contact_wrap,.news,.footer_holder,.gallery_wrap,.shadow img,.box_holder,.footer_nav{
width: 100%;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;	}
	.nav_wrap ul {
    list-style: none;
    width: 100%;
    margin: 0 auto;
    font-family: 'open_sansregular';
    text-align: center;
}
.box_front3{
    float:left;
}
.nav_wrap ul li{
    float:none;
}
.new_box{
    padding:20px;
}
.power_by,.power_by p{
    float:none;
    text-align:center;
    margin:0 auto;
}
.box_front2{
    margin-left:0;
}
.map_left,.map_left iframe{
    width:100% !important;
}
}