/* 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 .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}
.blue-color{color: #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;}

.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}
	.inner-middle-content .inner-box-img{float: left;width: 100%;padding: 46px 0px 0px 0px;}
		.inner-box-img .cnImg{float: left;width: 39.2537%;max-width: 263px;}
		.inner-box-img .cnDesc{float: left;width: 60.7463%;max-width: 408px;padding-left: 4%;}
		.inner-box-img .cnDesc .title{font-weight: 700;font-size: 18px;}
		.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 { width:100%;margin-top: 20px;}
   		.inner-box-img .more a {  color:#799a51; position: relative; font-weight: 500}
   		.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}
.blue-box .sub-title{font-weight: 700;font-size: 17px;color:#3EC5FF;margin-bottom: 18px}
.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);}