@font-face {
  font-family: 'FontAwesome';
  src: url('../../NEWSTYLES/GovStyles/fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../../NEWSTYLES/GovStyles/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../../NEWSTYLES/GovStyles/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../../../Style%20Library/GovStyles/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../../../Style%20Library/GovStyles/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../../../Style%20Library/GovStyles/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Innerpage banner */
.gov-site-home-banner-container.inner-banner {height: 290px;float: left;width: 100%; position: relative;z-index: 1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.inner-banner .home-overlay-banner-content {bottom: 40%;}
.inner-banner .home-overlay-banner-content .search-field-cn .input-box input[type="text"] { background: rgba(255,255,255,0.7);}
.inner-banner .home-overlay-banner-content .search-field-cn .input-box input[type="text"]:focus {background: rgba(255,255,255,1);}
.overlay-temperature{position: absolute;width: 235px;height: 100px;right: 0px;bottom: 0px;}
.overlay-temperature .icon{display: inline-block;vertical-align: top}
.overlay-temperature .text{color: #fff;display: inline-block;vertical-align: top}
.overlay-temperature .text a{color: #fff;display: inline-block;vertical-align: top}
.overlay-temperature .text a:visited{color: #fff;display: inline-block;vertical-align: top}
.overlay-temperature .temparature{font-weight: 700;font-size: 39px;}
.overlay-temperature .current-temperature{font-size: 15px;margin-top: -8px;}
.overlay-temperature .more{font-size: 16px; margin-top: 3px;}
.overlay-temperature .more a:hover{color: #02AFEF}

/* Innerpage - Aggro*/
.brown-color{color: #8f6e4c}
.border-brown-color{border:1px solid #8f6e4c}
.blue-color{color: #317391}
.border-blue-color{border:1px solid #317391}
.Innerpage_content{float: left;width: 100%;padding: 2.5% 0% 5% 0}
.inner-title{font-size: 33px;font-weight: 700;color:#465159}
.inner-sub-title{font-size: 52px;font-weight: 700;color:#799951}
.Innerpage_content .cnWrapper{float: left;width: 100%;padding: 55px 0px 0px 0px;text-align:justify;}

.inner-left{float: left;width: 21.0344%;max-width: 350px;}/* 305 */
.inner-left .quick-link{float: left;width: 100%;padding-left: 1%;}
.inner-left .quick-link li {font-size: 14px;color:#31383E;margin: 6px 0px;line-height: 28px;height: 28px;position: relative;margin-left: 10px;transition: all 0.5s ease}
.inner-left .quick-link li::before{content:'›';position: absolute;left: -10px;top: -1px;font-weight: 500;font-size: 16px;}
.inner-left .quick-link li::after{content:'';position: absolute;right: 0px;top: 0px;height: 100%;width: 1%;background: #a9b1b7;transition: all 0.5s ease}
.inner-left .quick-link li:first-child{margin-top: 0px}
.inner-left .quick-link li:hover > a{color: #02AFEF;}
.inner-left .quick-link li:hover::after{background: #02AFEF;transition: all 0.5s ease;width: 2.5%}

.inner-middle{float: left;width: 51.7241%;max-width: 750px;border-left: 1px solid #d4d4d4;padding-bottom: 30px;}/* 750 */
.inner-middle .inner-middle-content {float: left;width: 100%;padding: 0px 5.3333%}
	.inner-middle-content .intro-text{font-size: 16px;color: #576672;padding-bottom: 35px;border-bottom: 1px solid #e5e7e9;text-align:justify;font-weight:300;line-height:25px;}
	.inner-middle-content .inner-box-img{float: left;width: 100%;    margin-bottom: 24px;    height: 210px;}
		.inner-box-img .cnImg{float: left;width: 41.04477%;}
    .inner-box-img .f-right{float: left; width: 58.9552%;}
		.inner-box-img .cnDesc{float: left;width: 100%;padding: 0px 15px;    height: 150px;}
		.inner-box-img .title{font-weight: 700;font-size: 18px;text-align: right;padding: 5px 15px;float: left;width: 100%}
		.inner-box-img .cnDesc .text{font-size: 13px;color: #010101;margin-top: 10px;}
		.inner-box-img .cnDesc .text li{margin: 5px 0px 5px 10px;position: relative}
		.inner-box-img .cnDesc .text li::before{content:'›';position: absolute;left: -10px;top: -3px;font-weight: 500;font-size: 16px;}
		.inner-box-img .more {margin-top: 0px;float: left;width: 100%;padding: 0px 15px;}
   	.inner-box-img .more a {  color:#799a51; position: relative; font-weight: 500;left: 0px!important;}
   	.inner-box-img .more a::after {content: '\f0da'; margin-left:5px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle}
		.inner-box-img .more a:hover { color:#000;}
		.inner-box-img.right .cnDesc {padding-left: 1%;padding-right: 3%;}
		.inner-right{float: left;width: 27.2413%;max-width: 395px;}/* 395 */
.inner-right .grey-box{float: left;width: 100%;/*height: 300px;*/background:#f6f7fb;padding: 8%;margin-bottom: 30px;}
.grey-box .title{font-weight: 700;font-size: 25px;color:#799a51;}
.grey-box .text{font-size: 14px;color: #010101;margin-top: 25px;}
.grey-box .text ul li{position: relative;margin:10px 0px 10px 10px;}
.grey-box .text ul li::before{content:'›';position: absolute;left: -10px;top: -3px;font-weight: 500;font-size: 16px;}
.grey-box .text ul li:hover > a{color: #02AFEF;}
.inner-right .blue-box{float: left;width: 100%;height: 310px;background:#465159;padding: 6%;}
.blue-box .title{font-weight: 700;font-size: 21px;color:#fff;margin-bottom: 15px;text-align:left;}
.blue-box .sub-title{font-weight: 700;font-size: 17px;color:#3EC5FF;margin-bottom: 18px;text-align:left;}
.blue-box .contact{color: #fff;font-size: 14px;}
.blue-box .contact a:hover{color:#3EC5FF }
.blue-box .contact span{margin-right: 15px;}
.blue-box .contact div{margin-bottom: 14px}


/*Feature Box*/
.home-feature-box-container { background: #F2F2F2; padding:70px 0}
   .feature-box-cont { width:100%;}
   .feature-box-cont ul li { width:18.9333%; float: left; margin-right: 1.3333%; min-height: 390px; position: relative;background: #FFF;transition: all 0.5s ease-out 0s;}
   .feature-box-cont ul li:last-child { margin-right:0}
   .feature-box-cont ul li .photo { width:100%; overflow: hidden; }
   .feature-box-cont ul li .photo img {transition: all 0.5s ease-out 0s; display: block}
   .feature-box-cont ul li .content { width:100%; padding:20px; }
   .feature-box-cont ul li .content .tit { color:#465159; font-size:19px; font-weight:700; margin-bottom: 5px }
   .feature-box-cont ul li .content .desc { color:#465159; font-size:16px; }
   .feature-box-cont ul li .content .desc a { color:#0E9BD0}
   .feature-box-cont ul li .content .desc a:hover { color:#000}
   .feature-box-cont ul li:nth-child(2) { background: #465159}
   .feature-box-cont ul li:nth-child(2) .content .tit, .feature-box-cont ul li:nth-child(2) .content .desc { color:#FFF; }
   .feature-box-cont ul li:nth-child(4) { background: #97B5CF}
   .feature-box-cont ul li:nth-child(4) .content .desc { color:#FFF; }
   .feature-box-cont ul li:nth-child(4) .more a {  color:#465159;}

   .feature-box-cont ul li .more { width:100%; padding:0 20px}
   .feature-box-cont ul li .more a {  color:#02AFEF; position: absolute; bottom:20px; font-weight: 500}
   .feature-box-cont ul li .more a::after {content: '\f0da'; margin-left:5px;  display: inline-block;font-family: 'FontAwesome'; vertical-align: middle}
   .feature-box-cont ul li .more a:hover { color:#000;}
   .feature-box-cont ul li:hover  { cursor:pointer; margin-top:-10px}
   .feature-box-cont ul li:hover .photo img {transform: scale(1.2, 1.2);}

   #Inner--page_tabs .acc_heading{display: none}
#Inner--page_tabs .tabs-header {float: left;width: 100%;margin: 20px 0px}
#Inner--page_tabs .tabs-header li{ display: inline-block; vertical-align: bottom; font-weight: 700; font-size: 18px; margin: 5px 15px 0px 0px; color: #799a51; cursor: pointer; border-bottom: 2px solid #799a51; transition:all 0.3s ease ; -webkit-transition:all 0.3s ease ; -moz-transition:all 0.3s ease ; -ms-transition:all 0.3s ease ; -o-transition:all 0.3s ease ;}
#Inner--page_tabs .tabs-header li:hover{color: #465159;border-bottom: 2px solid #465159;}
#Inner--page_tabs .tabs-header li.active{color: #465159;border-bottom: 2px solid #465159;}
#Inner--page_tabs .acc_heading{font-weight: 700;font-size: 20px;padding: 5px 15px 0px 0px;color: #799a51;cursor: pointer;}
#Inner--page_tabs .acc_heading.acc_active{color: #465159}
#Inner--page_tabs .tab_container{float: left;width: 100%;margin: 15px 0px;}
@media screen and (min-width: 0) and (max-width:719px) {

#Inner--page_tabs .tabs-header{display: none}
#Inner--page_tabs .acc_heading{display: block}


.inner-box-img .cnImg {float: left;width: 100%;}
.inner-box-img .f-right { width: 100%;}
.inner-box-img .cnDesc { height: auto;}
}