@charset "utf-8";
/* CSS Document */
body{color:#464646; font:400 13px/20px 'Open Sans', sans-serif; padding:0; margin:0;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
ul,li{ padding:0px; margin:0px;}
.spacer{clear:both; display:block; line-height:0; font-size:0;}

@font-face {
  font-family: 'AGaramondPro-Regular';
  src: url('../fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/AGaramondPro-Regular.otf')  format('opentype'),
	     url('../fonts/AGaramondPro-Regular.woff') format('woff'), 
		 url('../fonts/AGaramondPro-Regular.ttf')  format('truetype'), 
		 url('../fonts/AGaramondPro-Regular.svg#AGaramondPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AGaramondPro-Bold';
  src: url('../fonts/AGaramondPro-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/AGaramondPro-Bold.otf')  format('opentype'),
	     url('../fonts/AGaramondPro-Bold.woff') format('woff'), 
		 url('../fonts/AGaramondPro-Bold.ttf')  format('truetype'), 
		 url('../fonts/AGaramondPro-Bold.svg#AGaramondPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
#wrapper{width:100%; clear:both; padding:0; margin:0;}
.content{width:1024px; margin:0 auto;}

/*-------------------header--------------------*/
#header{width:100%; float:left; position:relative; z-index:1001;  clear:both; height:120px; padding:0 0 0 0;}
h1.logo{background:url(../images/logo.png) 0 0 no-repeat; width:318px; height:167px; padding:0; margin:0 0 0 -20px; float:left; box-shadow:0px 0px 10px #333;}
h1.logo a{display:block; text-decoration:none; padding:167px 0 0 0; line-height:normal; height:0; overflow:hidden;}

#header .rtpanel{padding:0px 0 0 0; float:right; width:665px;}
#header .rtpanel .top-block{ padding:3px 0 0 0; margin:0; }
#header .rtpanel a.quick-link{ padding:10px 10px; display:block; float:right; background:#097de9; font-family:'Open Sans', sans-serif; font-size:18px; color:#fff; text-decoration:none; margin-left:8px;}
#header .rtpanel a.quick-link:hover{ background:#2693f9;}
#header .rtpanel a.quick-link img{ margin:0 10px 0 0;}
#header .rtpanel a.quick-link:last-of-type{margin-left:0;}

#header .searchBox{ float:right; width:182px; position:relative; background:#097de9; padding:9px; margin-left:12px; }
#header .searchBox input[type="text"]{color:#363636; font:normal 13px/15px 'Open Sans'; font-style:normal;  background:#fff; border:none; margin:0px; width:162px; padding:4px 10px; outline:none; float:left;}
#header .searchBox input[type="submit"]{background:url(../images/search.png) 0 0 no-repeat; width:18px; height:17px; padding:13px 0 0 0; overflow:hidden; line-height:normal; display:block; outline:none; border:0; float:right; margin:0 0 0 0; cursor:pointer; text-indent:-999px; position:absolute; right:10px; top:13px; }

#header .rtpanel .social-link{ padding:15px 0 0 0; margin:0; line-height:0; text-align:right; }

/*-------------navigation--------------*/
#nav-wrap{ clear:both; position:relative; padding:0px 1px 0 1px; min-height:57px; bottom:-26px; margin:0 0 0 0; }

#navigation{  min-height:40px;}

/*------------banner---------------*/
#home-slider{clear:both; width:100%; position:relative; z-index:100; padding:0; border-top:8px solid #f1f1f2;}

#home-slider .content{ position:relative; padding:1px 0 0 0;}
#home-slider img{display:block; width:100%;}
.desc{ width:100%; position:absolute; top:178px; left:0px; z-index:1000;}
.desc h2{ font:normal 71px/73px 'AGaramondPro-Bold'; color:#fff; padding:0; margin:0;}
.desc p{color:#fff; padding:0; margin:0; font-family: 'AGaramondPro-Regular'; clear:both; font-size:48px; line-height:50px; }
.desc p a{ text-decoration:none; color:#f8b332; font-size:38px;}
.desc p a:hover{ text-decoration:underline;}

#home-slider .pagination{ clear:both; margin-bottom:48px; position:absolute; right:0px; top:-155px; z-index:1000;}
#home-slider .pagination a{display:block; float:left; width:30px; height:30px; text-decoration:none; margin:0 0 0 4px; transition: all 300ms ease-in-out;background:#00457c; text-align:center; font-size:15px; color:#fff; line-height:30px;}
#home-slider .pagination a:hover, #home-slider .pagination a.active, #home-slider .pagination li.rslides_here a{background:#f8b332;}

.home-thumBoxes{clear:both;margin:0;padding:0; position:absolute; width:100%; margin-top:-120px; z-index:200; }
.home-thumBoxes .content{ /*background:#097ae3;*/ min-height:220px; /*border-radius:12px 12px 0 0;*/}
.home-thumBoxes .box{ float:left; margin:0 13px; cursor:pointer; position:relative; width:178px;}
.home-thumBoxes .box:hover{ text-decoration:none;color:#187cb0;}
.home-thumBoxes .box-content{ position:relative;}
.home-thumBoxes .box-content h3{color:#fff;  padding:0; margin:0 ; font:normal 18px/44px 'Open Sans', sans-serif; position:absolute; background:#00457c; border-radius:4px 4px 0 0; width:100%; height:44px; top:-44px; z-index:110; text-transform:uppercase; text-align:center; }
.home-thumBoxes .box-content img{ border:4px solid #306395; box-shadow:0px 0px 9px #00457c;}

/* -------------- home content -------------- */
#main{clear:both; padding:0; border-bottom:15px solid #097de9; }
.home-content{width:100%; /*float:left;*/ margin:0 0 15px; padding:132px 0 0 0;  position:relative;}
.home-content .alert{background:#aa0d04; width:100%; color:#fff; font-size:16px; font-weight:bold; text-align:center; margin-bottom:20px;}
.home-content .alert p{display:block; margin:0; padding:10px;}
.home-content .ltpanel{width:678px; float:left;}
.home-content .ltpanel h1{ font-size:30px; line-height:32px; color:#00457c; font-weight:normal;}
.home-content .ltpanel .img{ float:left; margin-right:40px;}
.home-content .ltpanel .img-content{ float:left; width:292px;}
.home-content .ltpanel .img-content p{ font-size:16px; color:#0e222e; line-height:24px;}
.home-content .rtpanel{padding:17px 0 0 0; width:274px; float:right; }
.home-content .rtpanel .block{ background:url(../images/bg.jpg) no-repeat; padding:18px 20px 0 20px; min-height:300px;}
.home-content .rtpanel .block h2{ font-size:30px; line-height:32px; color:#fff; font-weight:normal; padding:0 0 0 10px; margin:0; border-bottom:1px dotted #fff;}
.home-content .rtpanel .block ul{ padding:10px 0 0 10px; margin:0; list-style:none;  border-bottom:1px dotted #fff;}
.home-content .rtpanel .block ul li{ display:block; font-size:18px; line-height:20px; margin-bottom:8px; background:url(../images/dot.png) no-repeat 0px 8px; padding:0 0 0 10px;}
.home-content .rtpanel .block ul li a{ color:#fff; text-decoration:none;}
.home-content .rtpanel .block ul li a:hover{ text-decoration:underline;}
.home-content .rtpanel .block a.apply{ font-size:24px; color:#fff; text-decoration:none; display:block; float:left; margin:12px 0 0 10px;}
.home-content .rtpanel .block a.apply:hover{ text-decoration:underline;}

.bottom-panel{ background:url(../images/border.png) repeat-x 0 59px #f1f1f2; padding-bottom:5px;}

#horizontalTab ul.r-tabs-nav{ padding:0; margin:0; list-style:none;}
#horizontalTab ul.r-tabs-nav li{ display:block; float:left; }
#horizontalTab ul.r-tabs-nav li a{ font-size:26px; color:#9a9a98; display:block; width:272px; min-height:27px; padding:16px 0 16px 18px; text-decoration:none;}
#horizontalTab ul.r-tabs-nav li a:hover{ background:#00457c; color:#fff;}
#horizontalTab ul.r-tabs-nav li.r-tabs-state-active{ background:#00457c;}
#horizontalTab ul.r-tabs-nav li.r-tabs-state-active a{ color:#fff;}

.calender-block .lt-block{ width:480px; float:left;}
.calender-block .rt-block{ width:384px; float:left; margin:0 0 0 70px;}
.calender-block .rt-block .news .block{ margin-bottom:34px;}
.calender-block .rt-block .news .block .date{ width:44px; height:44px; float:left; background:#295082;}
.calender-block .rt-block .news .block .date p{ padding:8px 0 0 0; margin:0; color:#fff; text-align:center; font-size:20px;}
.calender-block .rt-block .news .block .date p span{ display:block; font-size:8px; line-height:10px; }
.calender-block .rt-block .news .block .date-content{ width:218px; float:right; padding:0 78px 22px 12px; border-bottom:1px solid #9a9a98;}
.calender-block .rt-block .news .block .date-content h3{ padding:0; margin:0; font-size:18px; color:#478bca; line-height:20px; font-weight:normal;}
.calender-block .rt-block .news .block .date-content p{ padding:4px 0 0 0; margin:0; font-size:13px; color:#686666;}
.calender-block .rt-block .news .block .date-content p a{ text-decoration:none; color:#478bca;}
.calender-block .rt-block .news .block .date-content p a:hover{ text-decoration:underline;}

.news-block{}
.news-block .box{ width:288px; float:left; border-right:1px solid #9a9a98; padding:0 36px;}
.news-block .first{ padding-left:0px;}
.news-block .last{ padding-right:0px; border:none;}
.news-block .box h3{ padding:0; margin:28px 0 20px 0; font-size:17px; color:#478bca; font-weight:normal;}
.news-block .box p{ padding:0; margin:0; font-size:13px; color:#686666;}
.news-block .box p a{ text-decoration:none; color:#478bca;}
.news-block .box p a:hover{ text-decoration:underline;}
.news-block .box img{max-width:100%;}

.blog-block{}
.blog-block p a{color:#478bca; text-decoration:none;}

/*--------------------footer---------------------*/
#footer{ background:#00457c; border-top:1px solid #fff; padding:14px 0 20px 0; clear:both;}
#footer .content{}
#footer .content .ltPanel{ padding:0 0 0 0; width:450px; float:left; margin:0 0 0 0;}
#footer .content .ltPanel .contact-block{ width:164px; float:left; color:#fff;}
#footer .content .ltPanel .contact-block h2{ font-weight:normal; font-size:25px; padding:0; margin:13px 0 10px 0;}
#footer .content .ltPanel .contact-block a{color:#fff; text-decoration:none;}
#footer .content .ltPanel .contact-block a:hover{color:#fff; text-decoration:underline;}
#footer .content .ltPanel .twitter-block{ width:200px; float:right;}
#footer .content .ltPanel .twitter-block h3{ font-size:17px; color:#33ccff; line-height:40px; padding:0; margin:20px 0 10px 0;}
#footer .content .ltPanel .twitter-block h3 img{ display:inline-block; margin-bottom:-5px;}
#footer .content .rtPanel{ padding:20px 0 0 0; width:520px; float:right; margin:0 0 0 0;}
#footer .content .rtPanel .social-icons{ text-align:center;}
#footer .content .rtPanel .social-icons img{ display:inline-block; margin:0 2px;}
#footer .content .rtPanel a.btn{ display:block; width:434px; margin:0 auto; border-radius:10px; background:#097de9; height:68px; text-align:center; font-size:25px; color:#fff; text-decoration:none; line-height:68px;}
#footer .content .rtPanel a.btn:hover{ background:#2594fc;}
#footer .content .rtPanel p{ text-align:center; color:#fff; font-size:12px;}

/*---------innerpage---------------*/
.desc-innerpage{ width:100%; position:absolute; top:110px; left:0px; z-index:1000;}
.desc-innerpage .title{ font:normal 57px/59px 'AGaramondPro-Bold'; color:#fff; padding:0; margin:0;}
.innerpage{clear:both; padding:40px 0 36px 0; background:#fff;}
.breadcrumb{ padding:40px 0 36px 0; margin:0; font-size:18px; color:#00457c; background:#f1f1f2; line-height:21px;  }
.breadcrumb a{ text-decoration:none; color:#00457c; }
.breadcrumb a:hover{ text-decoration:underline; }
.breadcrumb span{ color:#478bca; }
.innerpage .ltpanel{ width:271px; float:left;}

.sidebar{ margin:0; padding:20px 0; background:url(../images/menu-bg.png) no-repeat #306395; min-height:590px; }
.sidebar h2{ margin:0 20px 0 20px; padding-bottom:5px; font-size:30px; line-height:32px; color:#fff; font-weight:normal;}
.sidebar .ltmenu{ margin:0; padding:0px 0 28px 0; }
.sidebar .ltmenu ul{ padding:0 0 20px 0; margin:0 20px;  border-bottom:1px dotted #fff; border-top:1px dotted #fff; }
.sidebar .ltmenu ul li{ display:block; padding:0; list-style:none; }
.sidebar .ltmenu ul li a{ display:block; font-family:'Open Sans'; font-size:16px; color:#fff; line-height:18px; font-weight:normal; text-decoration:none; padding:10px 0; }
.sidebar .ltmenu ul li a:hover{ text-decoration:underline;}
.sidebar .ltmenu ul li ul{ padding:0; margin:0 -20px; background:#f8b332; }
.sidebar .ltmenu ul li ul li{ background:url(../images/dot2.png) no-repeat 40px 15px; }
.sidebar .ltmenu ul li ul li a{ padding:10px 10px 10px 60px;}
.sidebar .ltmenu ul li ul li a:hover{ }
.sidebar .ltmenu ul li ul li ul{margin:0;}
.sidebar .ltmenu ul li ul li ul li{background-position:60px 15px;}
.sidebar .ltmenu ul li ul li ul li a{padding:10px 10px 10px 80px;}

.innerpage .rtpanel{ width:720px; float:right;}
.innerpage .rtpanel.wide{width:100%; float:none;}

.innerpage .rtpanel h1{color:#00457c; font:bold 24px 'Open Sans', sans-serif; padding:0; margin:0 0 24px 0;}
.innerpage .rtpanel h2{color:#00457c; font:bold 18px 'Open Sans', sans-serif; padding:0; margin:0 0 12px 0;}
.innerpage .rtpanel h2 a{color:#00457c; text-decoration:none;}
.innerpage .rtpanel h2 a:hover{color:#00457c; text-decoration:underline;}
.innerpage .rtpanel h3{color:#464646; font:bold 14px 'Open Sans', sans-serif; padding:0; margin:0 0 6px 0;}

.innerpage .rtpanel p{padding:0; margin:0 0 20px;}
.innerpage .rtpanel ul{padding:0; margin:0 0 20px 15px;}


/************************************************************************************
MOBILE
*************************************************************************************/
@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}
@media screen and (max-width: 1024px) {
	.content{ width:92%;}
	h1.logo { float: none; margin: 0 auto;}
	#header{ height:auto;}
	#header .rtpanel { float: none;width: 100%; padding:10px 0 0 0;}
	#header .rtpanel .top-block{ width:658px; margin:0 auto;}
	#nav-wrap{ bottom:-6px;}
	.desc{ top:78px;}
	#home-slider .pagination{ top:-55px;}
	.home-thumBoxes .box{ margin:0 3px;}
	.home-content .ltpanel { width: 64%;}
	.home-content .ltpanel .img { float: none; text-align:center;}
	.home-content .ltpanel .img img{ display:inline-block;}
	.home-content .ltpanel .img-content { float: none; width: 100%;}
	.news-block .box{ padding:0 9px;}
	.calender-block .lt-block { width: 380px;}
	.calender-block .lt-block img{ width:100%;}
	#footer .content .ltPanel{ width:100%;}
	#footer .content .ltPanel .contact-block{ width:40%;}
	#footer .content .ltPanel .twitter-block{ width:40%;}
	#footer .content .rtPanel { float: none; margin: 0 auto; padding: 20px 0 0; clear:both; width:100%;}
	
	.desc-innerpage{ top:50px;}
	.innerpage .rtpanel { width: 65%;}
	.innerpage .rtpanel .text-block .rt { width: 63%;}
	}
@media screen and (max-width: 860px) {
	.home-thumBoxes { margin: 0; position: relative;}
	.home-content{ padding-top:22px;}
	.home-content .rtpanel { clear: both;float: none;  margin: 0 auto; padding: 17px 0 0;}
	.news-block .box { border-right:none; float: none; margin:0; width: 100%; text-align:center; padding-bottom:30px;}
	.news-block .box img{ display:inline-block;}
	.news-block .box h3 { margin: 8px 0 10px; }
	.calender-block .lt-block { float: none; margin: 0 auto;}
	.calender-block .rt-block { float: none; margin: 0; width: 100%;}
	.calender-block .rt-block .news .block .date-content{ width:74%;}
	.home-content .ltpanel { width: 100%;}
	.home-thumBoxes{ text-align:center;}
	.home-thumBoxes .content{ padding:20px 0 20px;}
	.home-thumBoxes .box{ float:none; display:inline-block;}
	.home-thumBoxes .box-content h3{ position:relative; top:0px;}
	.home-thumBoxes .box{ margin:0 14px;}
	.home-content .ltpanel h2{ text-align:center;}
	
	.innerpage .rtpanel { width: 55%;}
	.bottom-panel{ background:url(../images/border.png) repeat-x 0 177px #f1f1f2; }
	}
@media screen and (max-width: 650px) {
	#header .rtpanel .top-block{width:448px;}
	#header .searchBox{float:none; margin:0 auto 10px;}
	.calender-block .rt-block .news .block .date{ width:13%;}
	.calender-block .rt-block .news .block .date-content { width: 80%; padding:0;}
	.desc-innerpage { top: 20px;}
	.desc-innerpage .title{ font-size:38px; line-height:40px;}
	.breadcrumb { font-size: 15px; line-height: 18px; padding: 20px 0;}
	.innerpage .ltpanel { float: none; margin: 0 auto;}
	.innerpage .rtpanel {padding: 30px 0 0;width: 100%;float: none;margin-bottom:60px;}
	.innerpage .rtpanel img{max-width:100%;}
	}
@media screen and (max-width: 500px) {
	#footer .content .ltPanel .twitter-block { width: 50%;}
	#header .rtpanel .top-block{ width:100%;}
	#header .rtpanel a.quick-link{ float:none; margin-left:0; margin-bottom:10px;}
	}
@media screen and (max-width: 400px) {
	h1.logo{ width:276px; height:145px; background-size:100%;}
	h1.logo a{ padding:145px 0 0 0;}
	
	#header .searchBox { float: none; margin-left: 0; margin-bottom:10px; padding: 3%; width: 94%;}
	#header .searchBox input[type="text"] { margin: 0; padding: 4px 4%;width: 92%;}
	#home-slider .pagination{ display:none;}
	.desc { top: 18px;}
	.desc h2{ font-size:49px; line-height:51px;}
	.desc p {font-size: 22px; line-height: 24px;}
	.desc p a{ font-size:26px;}
	.news-block .box{ padding:0px 0 25px 0;}
	.calender-block .lt-block{ width:100%;}
	.calender-block .lt-block img{ width:100%;}
	#footer .content .ltPanel .contact-block { width: 100%; text-align:center;}
	#footer .content .ltPanel .twitter-block { width: 100%; text-align:center;}
	#footer .content .rtPanel a.btn{ font-size:15px; width:100%;}
	.home-content .ltpanel .img{ margin:0;}
	.home-content .ltpanel .img img{ width:100%; }
	.desc-innerpage .title { font-size: 24px; line-height: 26px;}
	}