﻿
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../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 .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;}
.cn_Innerpage_new_comment .cnWrapper{float: left;width: 100%;}
.cn_Innerpage_new_comment .cnWrapper .title{font-weight: 700;font-size: 30px;color:#00aded}


/* .block6  */
.block6 .cnWrapper{width: 100%;float: left;}
.block6 .cnWrapper .block{width: 23.6551%;float: left;margin-right: 1.7241%;position: relative}
.block6 .cnWrapper .block:last-child{margin-right: 0px;}
.block6 .cnWrapper .block .cnImg{width: 100%;float: left;}
.block6 .cnWrapper .block img{width: 100%}
.block6 .cnWrapper .block .box{width: 88.2352%;left: 50%;bottom: -13%;transform: translate(-50%,0);background: #465159;position: absolute;color: #fff;text-align: center;padding: 20px 0px}
.block6 .cnWrapper .block .box .name{font-size: 20px;font-weight: 700;padding-bottom: 10px }
.block6 .cnWrapper .block .box .download{font-size: 16px;font-weight: 300;cursor: pointer;transition: all 0.3s ease}
.block6 .cnWrapper .block .box .download a{background: url('../images/dl.png') 99% center no-repeat;background-size: 15px;display: inline-block;padding: 0px 20px;}
.block6 .cnWrapper .block .box .download a:hover{ color: #02AFEF;background: url('../images/dl-color.png')99% center no-repeat;background-size: 15px; display: inline-block;padding: 0px 20px;}



.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:"\f105";font-family: 'FontAwesome';position: absolute;left: -10px;top: -1px;font-weight: 500;font-size: 14px;}
.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;font-family: helveticaneueregular;}
	.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:"\f105";font-family: 'FontAwesome';position: absolute;left: -10px;    top: 0px;font-weight: 500;font-size: 14px;}
		.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;margin-top:20px;max-height:500px}
.grey-box .title{font-weight: 700;font-size: 25px;color:black;}
.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:"\f105";font-family: 'FontAwesome';position: absolute;left: -10px;top: 1px;font-weight: 500;font-size: 14px;}
.grey-box .text ul li:hover > a{color: #02AFEF;}
.inner-right .blue-box{float: left;width: 100%;background:#465159;padding: 6%;max-height:300px}
.blue-box .title{font-weight: 700;font-size: 16px;color:#fff;margin-bottom: 15px}
.blue-box .sub-title{font-weight: 700;font-size: 16px;color:#3EC5FF;margin-bottom: 18px}
.blue-box .sub-title img{position:relative;padding-right:6px;}
.blue-box .sub-title a{font-weight: 700;font-size: 15px;color:#fff;margin-bottom: 18px}
.blue-box .sub-title a:hover{font-weight: 700;font-size: 15px;color:#fff;margin-bottom: 18px;text-decoration:underline}
.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);}
   
 /* eservices */
.content__wrapper{float: left;width: 100%;padding: 70px 0px;background: #ffffff}
.content__wrapper_inner{float: left;width: 100%}
.content__wrapper_title{font-weight: 700;font-size: 50px;color:#799a51}

.content__wrapper_block{padding: 90px 0px;    float: left;width: 100%;}
.content__wrapper_filter{float: left;width: 100%;    padding-bottom: 44px;border-bottom:1px solid #798893}
.content__wrapper_filter label{font-size: 18px;color:#465159;margin-right: 17px}
.content__wrapper_filter select{-webkit-appearance: none; -moz-appearance: none;-o-appearance: none; -ms-appearance: none; appearance: none;background: #fafafa url('../images/svg/select_carret.png') 85% center no-repeat;background-size: 10px;
padding: 13px 14px;border: 1px solid #798893;font-family: 'Roboto', sans-serif; font-size: 18px;color:#798893;font-weight: 500;min-width: 117px;height: 46px;}

.filter-left{display: inline-block;vertical-align: middle;margin-right: 5%;}
.filter-right{display: inline-block;vertical-align: middle}

.content__wrapper_filter input[type=text] {background: #fafafa ; border: 1px solid #798893;font-family: 'Roboto', sans-serif; font-size: 18px;padding: 14px 14px;height: 46px;  width: 260px;}
.content__wrapper_filter input[type=submit] {transition:all 0.3s ease;cursor: pointer; padding: 14px 14px; background: #799a51 url('../images/icn-loop-submit.svg') -12px -3px no-repeat; background-size: 70px; color: #fff; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; height: 46px; border: none; width:125px; margin-left: -1%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; }
.content__wrapper_filter input[type=submit]:hover{background: #02afef url('../images/icn-loop-submit.svg') -12px -3px no-repeat;background-size: 70px;}
.content__wrapper_filter ::-webkit-input-placeholder { font-family: 'Roboto', sans-serif; font-weight: 300;color:#afb2b5}
.content__wrapper_filter ::-moz-placeholder {font-family: 'Roboto', sans-serif; font-weight: 300;color:#afb2b5}
.content__wrapper_filter :-ms-input-placeholder {font-family: 'Roboto', sans-serif; font-weight: 300;color:#afb2b5}
.content__wrapper_filter :-moz-placeholder {font-family: 'Roboto', sans-serif; font-weight: 300;color:#afb2b5}

.content__wrapper_result{float: left;width: 100%;padding: 60px 0px;}
.content__wrapper_result_title{font-size: 18px;color: #d0d1d3;    margin-bottom: 25px;}
.content_wrapper_result_list{float: left;width: 100%}

.content_wrapper_result_list li{float: left;width: 100%;border-bottom: 1px solid #efefef;padding: 26px 0px;}
.content_wrapper_result_list li:last-child{border-bottom: none}
.content_wrapper_result_list li .main{width: 50%;float: left;}
.content_wrapper_result_list li .text{float: left;width: 100%}
.content_wrapper_result_list li .sub_text{float: left;width: 100%;color: #02afef;font-size: 15px;font-weight: 500;font-style: italic}
.content_wrapper_result_list li .up_text{float: left;width: 100%;color: #c3d0b5;font-size: 15px;font-weight: 500;font-style: italic}
.content_wrapper_result_list li .apply{float: right;font-size: 18px;color: #02afef}
.content_wrapper_result_list li .download{float: right;font-size: 18px;color: #02afef}

.content_wrapper_result_list li .apply .icnleft{margin-left:10px;width: 17px;height: 11px;background: url('../images/arrowleft.png')center center no-repeat;background-size: 17px; display: inline-block;}
.content_wrapper_result_list li .pdf{float: right;width: 33px;height: 33px;background: url('../images/pdf.png')center center no-repeat;display: inline-block; background-size: 33px;margin-top: -5px;margin-right: 30px;}
.content_wrapper_result_list li .web{float: right;width: 33px;height: 33px;background: url('../images/web.png')center center no-repeat;display: inline-block; background-size: 33px;margin-top: -5px;margin-right: 30px;}
.content_wrapper_result_list li .icn_download{float: right;width: 26px;height: 26px;background: url('../images/download_blue.png')center center no-repeat;display: inline-block; background-size: 26px;margin-top: -2px;margin-right: 11px;}
.content_wrapper_result_pagnitation{float: left;width: 100%;padding: 30px 0}
.content_wrapper_result_pagnitation ul li{display: inline-block;font-weight: 300;font-size: 18px;color:#465159;cursor: pointer;margin-right: 7px;}
.content_wrapper_result_pagnitation ul li.active{color: #799a51;font-weight: 700}
.content_wrapper_result_pagnitation ul li:hover,.content_wrapper_result_pagnitation ul li:focus{color: #799a51;font-weight: 700}

.content__wrapper_popular{float: left;width: 100%;background: #f7f7f7;padding: 65px 100px}
.content__wrapper_popular_title{font-size:20px;font-weight: 500;color: #02afef;text-align: center}
.content__wrapper_popular_list{float: left;width: 100%;    margin-top: 25px;}
.content__wrapper_popular_list ul{text-align: center}
.content__wrapper_popular_list li{ display: inline-block; width: 19%; vertical-align: top; cursor: pointer; 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 ; height: 194px; }
.content__wrapper_popular_list li .centering_item{ max-width: 165px; width: 165px; margin: 0 auto; padding: 10px 10px; 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 ;    height: 100%; }
.content__wrapper_popular_list li .cnimg{width: 125px;background: transparent;margin: 0 auto}
.content__wrapper_popular_list li .title{font-weight: 500;font-size: 16px;color: #0b0b0b;text-align: center;margin-bottom: 10px}
.content__wrapper_popular_list li .subtitle{font-weight: 500;font-size: 14px;color: #ababab;text-align: center;}
.content__wrapper_popular_list li:hover .centering_item{ background: #fff; box-shadow: 0px 1px 2px 1px #ccc; transform:translateY(-5px) ; -webkit-transform:translateY(-5px) ; -moz-transform:translateY(-5px) ; -ms-transform:translateY(-5px) ; -o-transform:translateY(-5px) ; }


  
   
   
.intro-text li {
  list-style-type: none;
  position: relative;
  padding-left: 15px;
}

.intro-text li:before {
  content: "\25BA \0020";
  font-size: 6px;
  position: absolute;
  top: 5px;
  left: -10px;
}

/* WRAPPER
******************************************************************/
.gov-site-wrapper { width:100%; height:100%; padding-top: 160px;}
.gov-site-container { position:relative;}


/* CONTENT CONTAINER
******************************************************************/
.content-container { float:left; width:100%;position:relative; }
.con1500 { margin:0 auto; width:100%; max-width: 1500px; padding:0;}
.bg-white{background: #fff}
.gov-site-wrapper { width:100%; height:100%; /* padding-top: 160px; */    padding-top: 119px;}
.gov-site-wrapper.scrolled{padding-top: 70px;}
.gov-site-container { position:relative;}



/*Added for webpart*/
.ms-webpart-chrome-title{
	display:none;
}

.ms-titlewpTitleArea{
		display:none;

}
