@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow');

body, html {
	font-family: 'Open Sans', sans-serif; 
	min-height: 100%;
	color: #636363;
	padding: 0px;
	margin: 0px;
	font-size: 14px;}
 body.homepage { 
	background-image: url(../img/pattern.png);
	background-repeat: repeat;
}
a {
	color: #11406e; 
	cursor: pointer; }
a:focus,
a:hover {
	text-decoration: none; 
	color:#11406e}
header {
	border-bottom: 8px solid #ff803f;
}
header .wrap-header{ 
	background-image: url(../img/header.png);
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	padding: 20px;
}
header .wrap-header .logo-header {}
header .wrap-header .logo-header img {
	max-width: 100%;
	max-height: 100%;
}
header .wrap-nav-header  {
	width: 100%;
	height: auto;
	background: #3c638a;
	position: relative;
}
header .wrap-nav-header .navbar {
	min-height: 0px;
	margin-bottom: 0px;
}
header .wrap-nav-header .navbar  a {
	color: #ffffff;
}
header .wrap-nav-header .navbar  a:hover {
	padding-bottom: 10px;
	background: #224d77; 
	border-bottom: 5px solid #11406e;
}
header ul.navbar-nav li ul li a{ 
	padding-bottom: 10px; 

border-bottom: 0px solid #11406e !important;
padding-top: 10px;
}

header ul.navbar-nav li ul.dropdown-menu {
			-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
header .wrap-nav-header .navbar {
	border: 0px solid #ffffff;
} 
header .wrap-nav-header .nav > li > a:focus, 
header .wrap-nav-header .nav > li > a:hover { 
    background-color: #224d77;
}
section.main-content {
	padding: 50px 0px;
}
.homepage section.main-content {
    padding: 50px 0px 50px;
}

.box-link .bl-img-box{
	background: #000000;
	position: relative;
	width: 25%;
	padding-bottom: 25%;
	float: left;
	height: 0;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.box-link .bl-img-box:hover {
	background: #082b4e;
}
.box-link .bl-img-box:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}
.box-link .bl-img-box:hover:after {
  opacity: 0.1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}
.box-link .bl-img-box .bl-img-box-in {
	width: 100%;
	height: 100%;
	position: absolute;
} 
.box-link .bl-img-box .bl-img-center {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
}
.box-link .bl-img-box .bl-img-center .bl-overlay{
	width: 100%;
	position: absolute; 
	top: 30%;
	height: 100%;
	padding: 0px 20px;
}
.box-link .bl-img-box .bl-img-center .bl-overlay h4 {
	color: #ff803f;
}
.box-link .bl-img-box .bl-img-center .bl-overlay p{
	color: #c8c8c8;
}
.box-link .bl-img-box .bl-img-center .bl-img{
	width: 100%;
	opacity: 0.3;
	height: 100%;
}
.box-link .bl-img-box .bl-img-center .bl-img img{
	width: 100%;
	height: 100%
} 
.wrap-sidebar .sb-widget {
margin-bottom: 6px;
float: left;
width: 100%;	
}
.wrap-sidebar .sb-widget .fa {
	
	padding: 0px 7px;
	position: relative; 
}
.wrap-sidebar .sb-widget .fa-paper-plane {

}
.wrap-sidebar .sb-widget .fa.fa-mobile {
font-size: 20px;top: 2px;
}

.wrap-sidebar .sb-widget .heading-widget {
	float: left;
	background: #073860 ;
	color: #ffffff;
	width: 100%;
	text-align: center;
	font-weight: 700;
	padding: 10px 0px;
}
.btn-sdb {
	background: #ff803f;
	color: #ffffff;
	padding: 10px 10px;
	display: block;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.home-sb-button {
	margin-top: 10px;
}
.btn-sdb:hover {
	color: #ffffff;
	background: #ff5800;
}
.clear {
	clear: both; height: 0px;
}
.wrap-content {
	margin-bottom: 20px; 
}
.main-content .inner-content {
	padding: 0px 0px 100px;
}
.main-content .quicklink-page {
	border: 1px solid #F0F0F0;
}
.main-content .quicklink-page  .divider1 {
	background: #0c4572;
	text-align: center;
}
.main-content .quicklink-page  .divider1 h5 {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    text-align: center;
}
.main-content .quicklink-page ul {
	list-style: none;
	padding: 0px 0px;
}
.main-content .quicklink-page ul li { 

}
.main-content .quicklink-page ul li a { 
	border-bottom: 1px solid #f0f0f0;
	color: #202020;
	padding: 11px 37px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.main-content .quicklink-page ul li a:hover {
	background: #f0f0f0;
}

footer {
	line-height: 2;
	padding: 0px  0px 0px;
	background: #0c4572 ;
	width: 100%;
	color: #ffffff;
}
footer .footer-row-a .fa {
	color:  #ff803f;
	padding-right: 10px;
	font-size: 22px;
}
footer .footer-row-a {
	max-width: 950px;
	text-align: center;
	margin: 20px auto;
	line-height: normal;
}
footer  .footer-title {
	padding-bottom: 10px
}
.line {
	width: 100%;
	border-bottom: 1px solid #2D6896;
margin: 0px 0px 20px;
}
footer ul {
	list-style: none;
	padding: 0px 0px;
	line-height: normal;
}
footer  a {
	color: #ffffff;
}
footer #map_canvas {
	width: 100%;
	height: 170px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
footer  .footer-bottom  {
	width: 100%;
	background:  #ff803f;
	padding: 10px 0px;
}
footer .footer-wrap {
	padding-bottom: 30px;
}
footer  .footer-bottom .fb-right {
	text-align: right;
}
footer  .footer-bottom .fb-right ul{
	list-style: none;
	padding: 0px;
}
footer  .footer-bottom .fb-right ul li {
	display: inline-block;
}
footer  .footer-bottom .fb-right ul li a {
	padding: 0px 10px;
}
footer  .footer-bottom .fb-right ul li a:hover,
footer  a:hover {
	/* color: #ac490f; */
	text-decoration: underline;
	color: #ffffff;
}

.widget-box .ui-datepicker .ui-datepicker-header {
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important;
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important;
background: transparent !important;
}
.widget-box .ui-widget-content {
	background: #0c4572 !important;
	padding-bottom: 12px;
}
.widget-box .ui-datepicker th { 
color: #ffffff !important;
}
.widget-box .ui-datepicker table,
.widget-box  .ui-datepicker td { 
    border-top: 0px solid #fff !important; }
.widget-box .ui-state-default, .ui-widget-content .ui-state-default, 
.widget-box .ui-widget-header .ui-state-default {
    	color: #ffffff;
    }
.widget-box .ui-state-highlight, 
.widget-box .ui-widget-content .ui-state-highlight, 
.widget-box .ui-widget-header .ui-state-highlight {
    border: 0px solid #67686c !important;
    background: #ff803f !important;
    color: #ffffff !important;
}
.widget-box  .ui-state-default, 
.widget-box  .ui-widget-content .ui-state-default, 
.widget-box  .ui-widget-header .ui-state-default {
	color: #ffffff !important
}
.wrap-sidebar .sb-widget .schedules-wrap {
}

.sb-widget .schedules-wrap iframe { 
	width: 100%;
height: 290px;
border: 0px solid #ffffff;
}

.sb-widget .schedules-wrap ul{padding: 0px; width: 100%;clear: both;padding-bottom: 10px;
background: #0c4572;} 

.sb-widget .schedules-wrap ul li {
	font-size: 10px;
float: left;
width: 100%;
padding: 10px 15px;
list-style: none;
color: #ffffff;
}
.sb-widget .schedules-wrap ul li a { 
	font-size: 10px;
}
.sb-widget .schedules-wrap ul li input {
	margin-right: 10px;
}
.sb-widget .schedules-wrap ul li a:hover{
	text-decoration: none; color: #ffffff
}
.sb-widget .schedules-wrap ul li.odd {
background: #0c4572;
}
.sb-widget .schedules-wrap ul li.even {
background: #073860;
}

.footer-row-b h4 {font-weight: 600;}

.orange-button {
	cursor: pointer;
background: #ff803f;
color: #ffffff;
padding: 10px 20px;
display: block;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
border: 0px solid #ffffff;
float: left; 
width: 100%;
}
.orange-button:hover {
	background: #ff5800;
}
a.orange-button {
	color: #ffffff;
}

.welcome-text h1 {
margin-top: 0px;
margin-bottom: 15px;
}

.wrap-nav-header {

}
.wrap-nav-header .container {position: relative;}
.wrap-nav-header .search-area {
position: absolute;
top: 0px; 
width: 100%;
}
.wrap-nav-header .search-area .in-sa {
z-index: 3;
position: absolute;
right: 15px;
margin-top: 8px;
}
.wrap-nav-header .search-area #search-form {
    position: relative;
   border: 1px solid #1E4A76;
background: #2f5780;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wrap-nav-header .search-area #search-form .icon-sm {
    color: #AEAEAE;
    position: absolute;
    right: 0px;
    padding: 5px 10px;
}
.wrap-nav-header .search-area #search-form .search-text-box {
    color: #ffffff;
    padding: 5px 28px 5px 10px;
    width: 262px;
    box-sizing: border-box;
    border: 0px solid #333333;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(50, 50, 50, 0.14);
-moz-box-shadow:    inset 1px 1px 4px 0px rgba(50, 50, 50, 0.14);
box-shadow:         inset 1px 1px 4px 0px rgba(50, 50, 50, 0.14);
background: transparent;
}
.wrap-nav-header .search-area #search-form input {
	color: #ffffff !important
}
.wrap-nav-header .search-area #search-form  button{
	background: transparent;
	border: 0px solid #ffffff;
}


.three-button{
	padding: 0px 7px;margin-top: 15px;
}
.three-button .orange-button{
	padding: 15px 20px;
}
.three-button .tbt-item{
width: 32%; float: left;
}

.three-button .tbt-item.tbt-center {
margin:0px 2%;
}

@media screen and (max-width: 1199px) {
	.wrap-content .box-link{max-width: 635px;
margin: 0 auto;}
	.home-sb-button .col-md-5, 
	.home-sb-button .col-md-7 {
		width: 100%
	} 
}

.footer-row-b .text-map .map-rm{
	background: #ff803f;
display: table;
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration: 	none;	
}
.footer-row-b .text-map .map-rm:hover {
background: 	#e6611b ;
}

@media screen and (min-width: 992px) {  

.footer-row-b {}
.footer-row-b .text-map {float: left;
	line-height: normal;
font-size: 12px;
width: 50%;}
.footer-row-b .text-map  .map-rm {
margin: 10px 0px; color: #ffffff}
.footer-row-b .img-map {float: left;
width: 50%;}
.footer-row-b .img-map img {max-width: 100%; height: auto; }
}
@media screen and (max-width: 991px) { 
.wrap-nav-header .search-area #search-form .search-text-box { 
width: 100%;
}
.wrap-nav-header .search-area{position: relative; background: #426a93;}
.wrap-nav-header .search-area .in-sa {  
	padding-left: 15px;
padding-right: 15px;
    right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}
	.footer-row-b .text-map .map-rm { 
	margin: 20px auto 30px;
}
	.main-content .inner-content {
	padding: 20px 0px 100px;
}
	footer .footer-bottom .fb-right {
	    text-align: center;
	}
	footer .footer-bottom {
		text-align: center;
	}
	footer #map_canvas {
		height: 250px;
	}
	footer .footer-row-b {
		text-align: center;
	}
	footer #map_canvas {
		margin-bottom: 20px;
	}
	footer ul { 
	    padding: 0px 0px 50px;
	}
}

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

	.three-button .tbt-item {
    width: 100%;
    float: left;
    margin: 5px 0px !important;
}
	.main-content .inner-content form#dwcsearch-renderMain table {}
	.main-content .inner-content form#dwcsearch-renderMain table td ,
	.main-content .inner-content form#dwcsearch-renderMain table th {float: left;width: 100%;text-align: left !important;}
	.main-content .inner-content form#dwcsearch-renderMain table tr {}
	.main-content .inner-content form#dwcsearch-renderMain table td{}
	.main-content .inner-content form#dwcsearch-renderMain .bcopy {padding-left: 20px}
	.main-content .inner-content form#dwcsearch-renderMain #srch_label.bcopy {padding-left: 0px}
	.main-content .inner-content form#dwcsearch-renderMain input#search_assoc,
	.main-content .inner-content form#dwcsearch-renderMain input#search_this,
	.main-content .inner-content form#dwcsearch-renderMain input#search_web {position: absolute;margin: 2px 0px;}
.main-content .inner-content form#dwcsearch-renderMain input#searchtext2 {width: 100%; margin: 5px 0px;}

	.main-content .inner-content form#generate-hot-news table {}
	.main-content .inner-content form#generate-hot-news table td ,
	.main-content .inner-content form#generate-hot-news table th {float: left;width: 100%;text-align: left !important;}
	.main-content .inner-content form#generate-hot-news table tr {}
	.main-content .inner-content form#generate-hot-news table td{}
	.main-content .inner-content form#generate-hot-news .bcopy {}
	.main-content .inner-content form#generate-hot-news #srch_label.bcopy {}



.row-thumbnail .col-thumbnail { 
    width: 100% !important;
}
.wrap-content figure.effect-goliath h2 { 
		z-index: 2;
}
.wrap-content .box-link figure.effect-goliath p { 
	background: 	#3c638a;
}
.wrap-content .box-link .itemhasmenu figure.effect-goliath:hover h2 { 
   top: 200px !important;
}
/* 
.wrap-content .box-link .itemhasmenu figure.effect-goliath:hover img {
    -webkit-transform: translate3d(0,-200px,0) !important	;
    transform: translate3d(0,-200px,0) !important	;
} */
	li.sep {display: none !important;}
	header .wrap-header .logo-header img { 
    width: 200px;
    height: auto; 
    max-width: 100%;
    max-height: 999999999999px;
}
		.wrap-content .box-link{margin: 0 auto;}
	header .wrap-nav-header .navbar a {padding-top: 10px !important; padding-bottom: 10px !important;}
	header .wrap-nav-header .navbar a:hover { 
		padding-top: 10px; padding-bottom: 10px;
	}
	header .dropdown-menu {padding: 0px 0px}
	footer .footer-bottom .fb-right ul li { 
		width: 100%;
	}
	header .wrap-nav-header .navbar a:hover { 
    border-bottom: 0px solid #11406e;
	}
	header .wrap-nav-header .container {
		padding-left: 0px;
		padding-right: 0px;
	}
	header .wrap-nav-header .search-area .container .row{
		margin-left: 0px;
		margin-right: 0px;
	}
	.wrap-nav-header .search-area .in-sa {
    padding-left: 0px;
    padding-right: 0px; }

	.navbar-toggle .icon-bar {
		background: #ffffff;
	}
	.menubtn {
		color: #ffffff;
		display: none;
	}
	.navbar-toggle {
		padding: 20px 20px;
		margin: 0px 0px;
	}
		footer .footer-row-a .fa { 
	    text-align: center;
	    margin: 10px 0px;
	    width: 100%;
	}
	.box-link .bl-img-box .bl-img-center .bl-overlay h4 {
	    color: #ff803f;
	    font-size: 16px;
	}
	.box-link .bl-img-box {
	    background: #000000;
	    position: relative;
	    width: 50%;
	    padding-bottom: 50%;
	}
	.box-link .bl-img-box .bl-img-center .bl-overlay { 
		top: 10px;
	    padding: 0px 10px;
	}
}


.navbar-nav li .dropdown-menu {
background: #3c638a;
}

header ul.menu li {
	margin: 0px 0px;
}


header .nav .open > a, 
header .nav .open > a:focus, 
header .nav .open > a:hover {
    background-color: transparent; }
@media (min-width: 768px) { 
	header ul.menu li ul li a, header ul.menu li ul li a:hover {padding-top: 5px !important ;padding-bottom: 5px !important }
	header .wrap-header { z-index: 2; position: relative; }
	header .wrap-header .logo-header {
    margin-bottom: -30px;
}
.dropdown:hover > .dropdown-menu { display: block;}
.dropdown > .dropdown-menu.sub-menu >  .dropdown:hover > .dropdown-menu.sub-menu { margin-left: 100%;top: -2px;  } 
.dropdown .dropdown-menu.sub-menu .dropdown-menu.sub-menu .dropdown-menu.sub-menu {  top: -8px;  } 
.dropdown:hover > .dropdown-menu > .dropdown-menu { display: block; }
.dropdown:hover > .dropdown-menu > .dropdown-menu > .dropdown-menu { display: block;}
}

@media screen and (min-width: 768px) and (max-width: 991px) { 
.main-content .wrap-sidebar .row-tab-left,
.main-content .wrap-sidebar .row-tab-right{
float: left;
width: 50%;
}
}


.box-link .bl-img-box .bl-img-box-in:first-of-type .bl-overlay {display: none;}
.box-link .bl-img-box .bl-img-box-in:first-of-type {position: absolute;
z-index: 4;
height: 100%;
left: 0px;
top: 0px;
width: 100%;}
.box-link .bl-img-box .bl-img-box-in:first-of-type img {display: none;}
.box-link .bl-img-box .bl-img-box-in:first-of-type a{
	height: 100%;
width: 100%;
display: block;
}
.box-link .bl-img-box h4 a , .box-link .bl-img-box h4 a:hover {color: #ff803f}
.box-link .bl-img-box a , .box-link .bl-img-box a:hover { color: #c8c8c8}


/* item homepage */
 .row-thumbnail {width: 100%}
 .row-thumbnail .col-thumbnail {width: 211px; float: left;padding: 5px;}
	.wrap-content .box-link figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0px;
    width: 100%;
    height: 210px;
    text-align: center;
    cursor: pointer;
}
.wrap-content .box-link figure.effect-goliath {
    background: #073860;
}
	.wrap-content .box-link figure img {
    position: relative;
    display: block;
    height: auto;
width: 100%;
    opacity: 0.8;
}
.wrap-content .box-link figure.effect-goliath img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.wrap-content .box-link figure.effect-goliath img, 
.wrap-content .box-link figure.effect-goliath h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.wrap-content .box-link figure figcaption, 
.wrap-content .box-link figure figcaption > a {
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: 100%;
}
.wrap-content .box-link figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.wrap-content .box-link  figcaption {display: block;}
.wrap-content .box-link  figcaption a {color: #ffffff}
.wrap-content .box-link figure h2, 
.wrap-content .box-link figure p {
    margin: 0;
}
.wrap-content .box-link figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}
.wrap-content figure.effect-goliath h2 {
    position: absolute;
    top: 182px;
    left: 0;
    padding: 6px 10px;
    background-color: #ff803f ;
    width: 100%;
    text-align: left;
font-weight: normal;
font-size: 13px;
    color: #fff;
    opacity: 0.9;
}



.wrap-content .box-link figure h2 {
    word-spacing: 0 !important;
}
.wrap-content .box-link figure p {
    letter-spacing: 1px; }
.wrap-content .box-link figure.effect-goliath p {
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    margin-top: 0 !important;
    text-align: left;
}
.wrap-content .box-link figure.effect-goliath p {
   position: absolute;
bottom: 0;
left: 0px;
padding: 40px 10px 30px;
top: 180px;
font-size: 13px !important;
width: 100%;
letter-spacing: normal;
line-height: 1.2;

}
.wrap-content .box-link .itemhasmenu figure.effect-goliath:hover img {
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
}
.wrap-content .box-link .itemhasmenu figure figcaption:hover {
    top: 2px;
}
.wrap-content .box-link .itemhasmenu figure.effect-goliath:hover h2 {
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
    top: 199px;
}
.wrap-content .box-link .itemhasmenu figure.effect-goliath:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    top: 90px;
}




/* end item hompege */

/* update 2306*/
.welcome-text{
color: #626262;
text-align: center;
width: 100%;
margin-bottom: 10px;
font-size: 18px;
font-family: 'Archivo Narrow', sans-serif;
}
.welcome-text h2 {
    font-family: "Merriweather";
    font-size: 44px;
    color: #ff8300;
    margin: 0px 0px 10px;
    font-weight: 600;
    text-shadow: 2px 2px 0px #0c4572;
}


div.welcome-desc {

	color: #2f3031 !important;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 19px  !important;
    margin-bottom: 15px;
}


.url-link {opacity: 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 20;}



.inner-content ol,
.inner-content li { word-wrap: break-word;}