.clr{
	clear: both !important;
}
.dhiv{
    font-family: "Faruma" !important;
    text-align: right;
    font-size: 18px;
    line-height: 30px;
    margin-top: 5px;
        direction: rtl;
}

.downfile{
  font-family: "Faruma";
  padding-right: 10px;
  padding-bottom: 20px;
  font-weight: normal !important;
  text-align: right;
  color:#224A7B;
list-style: none;
}

.downfile li a{
color:#224A7B;
}

.downfile li{
	
}
.slideout-wrapper{
	  margin-top: -17px;
}

.sec_top{
	min-height: 400px;
	position: relative;
}

.home_sec_top{
	height: 510px;
}

.tophwrap {
	background-color: rgba(255,255,255,0.8);
	padding-top: 10px;
	padding-bottom: 10px

}
.thleft{
	padding:0;
}

.thright{

}

.sublinks{
	text-align: right;
	list-style: none;

	margin:0;
	padding:0;
		
}

.sublinks li{
	display: inline-block;
	margin-left: 7px;
}

.sublinks li a{
	font-size: 11px;
	font-weight: 600;
	color: #737579;
}

.sublinks li a.active{
	color:#124d95;
}

.sublinks li a:hover{
	color:#124d95;
}

/* widget */
.wmwidget{
	    background-color: rgba(255,255,255,0.5);
    width: 256px;
    min-height: 135px;
    float: left;
    margin-top: 120px;
}

.wmwidget .loc{
	text-align: right;
	margin-right: 15px;
	font-weight: 600;
}

.wmwidget .temp{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin-top: 12px;
}

.wmico, .wmwidget .temp{
	height: 55px;
}

.wmico img{
	  width: 200px;
}

.wmbot{
	/*margin-top: 30px !important;*/
	font-weight: 600;
	padding-bottom: 10px;
	float: right;
}

.wmbotl{
	text-align: right;
	margin-left: -2px;
}

.wmbotr{
	/*margin-top:-2px;*/
	  margin-top: 30px;
  margin-right: 20px;
}

.bothwrap{
	background-color: rgba(173, 171, 171, 0.5);
	position: absolute;
	bottom: 0;
	min-height: 60px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.visionst{
	text-shadow: 0.8px 0.5px 0px rgba(19, 19, 19, 1);
	font-size: 1.4em;
	line-height: 1.3em;
	color: #FAFAFA;

}


.visionst .l2{
	padding-left: 20px;

}



.alertbar{
	padding:10px;
}

.alertcont{
  font-size: 17px;
  font-weight: bold;
}

.alertcont img{
	margin-right: 10px;
}

.alertdiv{
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	margin-left:10px;
	    color: #11263F;
}

.alertdiv:hover{
	  color: #1A3A5F;
}



/************************************* MAIN WEATHER TOP ***********************************/
/*****************************************************************************************/

.main_weather{
	background: #f2f2f2;
	padding-top: 5px;
	padding-bottom: 10px;
}

.mainwtop ul{
	padding: 0;
	margin:0;
}


.mainwtop li{
	padding: 0;
}

.mainwtopitem{
	position: relative;
}

.mobilelocwrp{
	margin-top: 15px;
}

.mobilelocwrp li{
	list-style: none;
}

.mobilelocwrp li a{
	color: #0D0D0D;
  	font-weight: 600;
	list-style: none outside none;
	display: inline-block;
	text-align: center;
	height: 37px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	font-size: 15px;
	margin-right: 10px;
	line-height: 37px;
	padding-left: 0.9em;
	padding-right: 0.9em;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	float: left;
	margin-top: 5px;
  	margin-bottom: 5px;
  	width:150px;


}

.mobilelocwrp li a:hover, .mobilelocwrp li a.active{
	opacity: 0.8;
}

.loadermob{
	display: none;
}


.toploc{
	cursor: pointer;
	padding: 9px;
}

.toploc:hover{
	opacity: 0.8;
}

.Male{
	background: #6ee9c5;
}

.Kaadehdhoo{
	background: #fbb796;
}

.Kahdhoo{
	background: #74b7fb;
}

.Hanimadhoo{
	background: #eaf5b7;
}

.Gan{
	background: #DA9DEF;
}


.toploc .temp{
	float: left;
	font-size: 35px;
	margin-top: 8px;
	padding-left: 8px;
}

.toploc .ico{
	float: right;

}

.toploc .ico img{
	  height: 64px;
}

.toploc .desc{
	text-align: right;
	font-weight: 600;
	font-size: 17px;
}

.loctitle{
	margin-bottom: -1px;
	font-weight: 600;
}

.toploc2{
	cursor: pointer;
	display: none;
	height: 59px;
	bottom:0;
	margin-top:77px;
	padding: 10px;
	text-align: center;
	font-size: 30px;
}



.toploc2:hover{
	opacity: 0.8;
}

.hidetemp{
	display: none !important;
}


/************************************* MAIN WEATHER CONTENT ***********************************/
/*****************************************************************************************/

.mainwcontent{
	overflow: hidden;
	padding-top: 5px;
}

.satpicwrap{
	max-width:512px;
    max-height:358px;

	display: hidden;
	padding-right:0;
	padding-left: 0;
}

.weatherwrap{
	display: hidden;
	padding-right:0;
	padding-left: 0;
}

.satpicslides{
	display: none;
}

.satpicwrap img{
	max-height: 100%;
    max-width:100%;
    width: auto;
}

.weatherwrap{
	background: #fff;
}


.widgetw{
	color:#504f4f;
	text-align: right;
	width: 240px !important;
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}

.widgetwtemp{
	margin-top: 22px;
	text-align: right;
}

.widgetwtemp .tempmain{
	font-size: 34px;
	font-weight: 600;
}

.widgetwtemp .temph{
	font-size: 14px;
}

.widgetwico{
	padding-left: 0;
}

.widgetwico img{
	width: 100%;
	padding-left: 0;
}

.wparams{
	margin-left: 10px;
}

.wparamstabs{
	margin:0;
	padding: 0 0 0 8px;
	list-style: none;
}

.tparamstabsc{
	  margin-left: 0;
	display: none;
	list-style: none;
	background: #e4e3e3;
	padding: 10px 10px 0 10px;
}

.tparamstabsc .condwrp{
	min-width: 90px;
}

.wparamstabs li{
	display: inline-block;
}

.wparamstabsc{
	list-style: none;
	background: #e4e3e3;
	padding: 10px 10px 0 10px;
}

.wparamstabsc li{
	display: inline-block;
}

.wparamstabs li a{
	font-size: 14px;
	font-weight: 600;
	color: #626366;
	margin-right:10px;
}

.wparamstabs li a.active{
	color:#124d95;
}

.wparamstabs li a:hover{
	color:#124d95;
}

.condwrp{
	font-weight: bold;
	line-height: 1.0em;
	float: left;
	margin-right:15px;
	margin-bottom: 10px;
	  min-width: 80px;
}

.cond{
	font-size: 12px;
	list-style: none; 
}

.condlbl{
	color:#7E7C7C;
	font-size: 11px;
}

.threedaywrp{
	margin:0;
	padding: 0;
}

.threedayf{
	margin:0;
}

.threedayf li{
	padding: 0;
}

.threetitle{
	margin-left: 10px;
	padding: 0 0 0 8px;
	font-size: 14px;
	font-weight: 600;
	color: #626366;
}

.wgreen{
	margin-top: 5px;
	margin-left: 10px;
	padding: 2px 5px;
	  background: #737171;
	color: #d7d6d4;
}

.wgreen h5{
	font-size: 12px;
	color: #d7d6d4;
	font-weight: 600;
}

.wgreen img{
	float: left;
	  width: 60px;
}

.wgreen .details{
	  min-width: 78px;
	float: right;
	padding: 0;
	color:#fff;
	font-size: 10.5px;
	font-weight: 500;
}


/************************************* MAIN GREEN CONTENT ***********************************/
/*****************************************************************************************/


.main_green{
	padding-bottom: 20px;
	overflow: hidden;
	background: #6ee9c5;
}

.tidenote{
	  font-size: 12px;
  color: #1F6731;
 float: right;

}

#tidechart{
	background: #C3F9E9;
	height: 320px;
}

.tidewrap{
	padding:0;
}

.titleh{
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 14px;
	font-weight: bold;padding
	color: #464647;
}

.moonwrap{
	padding-right: 0;
	padding-left: 10px;
}

.mooninwrp{
	position: relative;
	overflow: hidden;
	height: 320px;
	text-align: center;
	background: black;

}


.mooncap{
	  position: absolute;
	  bottom: 0;
	  /* background: #fff; */
	  padding: 10px;
	  /* padding-right: 900px; */
	  overflow: hidden;
	  color: #fff;
}



.newspicap {
    padding: 10px;
    overflow: hidden;
    color: #4E4747;
}


/************************************* MAIN MEDIA CONTENT ***********************************/
/*****************************************************************************************/

.main_media{
	min-height: 300px;
	background: #f2f2f2;
	padding-bottom: 15px;

}

.newsbulletinwrp{
	padding: 0;
}

.newsbulletincont{
	padding: 0;

}

.newsitem .headline a{
	color: #003366;
	font-size: 19px;
	font-weight: 600;
}
.newsitem{
	padding-bottom: 10px;
	padding-top: 10px;
}

.publishinfo{
	color:#44698d;
	font-size: 12px;
	font-weight: 600;
}

.newsbrief{
	text-align: justify;
	text-justify: inter-word;
	color: #7e7e7f;
	font-size: 14px;
	line-height: 1.3em;
	margin-top: 5px;
	
	
}

.newsitem:nth-of-type(1){
	padding-top: 0;
}


.newsitem:nth-of-type(2){
	border-top: 1px solid #edeaea;
	border-bottom: 1px solid #edeaea;
}

.readmore{
	color: #003366;	
}
.gallerywrp{
	padding-right: 0;
	padding-left: 20px;
}
.gallerycont{
	position: relative;
}

.gallerycont img{
	width: 100%;
}

.gallerycont .capt{
	font-size: 14px;
	padding-left: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	position: absolute;
	bottom: 0px;
	color:#7e7e7f;
	background: #F5F5F3;
	width: 100%;
}

.newswrapper img{
	width:100%;
}


/************************************* MAIN REGIONAL WEATHER CONTENT ***********************************/
/*****************************************************************************************/

.main_regweather{
	background: #3598db;
	color:#b1dffa;
	border-bottom: 3px solid #fff;
	padding-bottom: 25px;
	padding-top: 25px;
}

.regitemwrp{
	
	color:#b1dffa;
	width: 150px;
	text-align: center;
}

.regitemwrp h4{
	font-size: 15px;
	color:#b1dffa;
}

.regitemwrp img{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	width: 90px;
}

.regcondwrp{
	width: 100%;

}

.regcondwrp .regcond{
/*	float: left;*/
	font-size: 13px;
/*	padding-right: 24px;
	margin-top: 10px;*/
}

.regcondwrp .regcond:nth-child(3n){
	 /* float: left;
	 padding-right: 0;*/
}

/************************************* MAIN FOOTER CONTENT ***********************************/
/*****************************************************************************************/

.main_footer{
	padding:0;
	background: #0c7bc7;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.ftextwrp{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
}

.footertext{
	color: #97CEF4;
  	font-size: 14px;
}

.footertext span{
	color: #6EE9C5;
  	font-weight: 400;
}

.socialiconswrp{
	padding: 0;
}

.socialicons a{
	float: right;
}

.socialicons a img{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-top: 1px;
	float: right;
}


.regitemwrp{
	display: none;
}

/************************************* CUSTOM PAGES CONTENT ***********************************/
/*****************************************************************************************/

.sec_mainwrapper{
	background: #EAEAEA;
}


.pagewrapper{
	height: 400px;
    background: white;
  	  padding-top: 10px;
  	position: relative;
}

.bread{
	background: rgb(234, 234, 234);
	position: relative;
	margin-top: -150px;
	max-height: 50px;
}

.breadcrumbs{
	margin:0;
	border-style:none;
	border-radius: none;
}

.content{
	padding-top: 20px;
	padding-bottom: 20px;
}

.content .title{
	font-size: 30px;
	font-weight: 100;
	color: #224A7B;
}

.content .subtitle, .subtitle{
	padding-top:20px;
	font-size: 20px;
	font-weight: 100;
	color: #224A7B;
}

.contentxt{
	color: #6F6E6A;
	margin: 0 0 24px;
	text-align: justify;
}

.tablecontent{
	border:none;
}

.metartxt{
	word-spacing: 0.2em;
  	font-weight: bold;
}

.metarloc{
	font-size: 17px;
	font-weight: bold;
}

.lastupdated{
	float: right;
  font-size: 12px;
  margin-top: -10px;
  color: #717577;
}


.cd-timeline-block{
	padding-bottom: 10px;
}


.imgwrapper .imgcaption{
	text-transform: lowercase;
	color: #716D6D;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-style: italic;
}



.contactgrp{
	list-style: none outside none;
}

.addressline1{
	  color: #124D95;
  font-weight: bold;
  font-size: 20px;
}
.dhivehiwrap{
	font-family: "Faruma" !important;
	text-align: right;
	font-size: 18px;
	line-height: 30px;
	margin-top: 5px;
	direction: rtl;
}
.dhiv a{
color: #003366;

}

.dhivehiwrap p{
	line-height: 30px;
	font-size:18px;
	font-family: "Faruma" !important;
}

.MsoNormal:nth-last-child(2){
	line-height: 25px;	
	margin-bottom: 0;
}

.MsoNormal{
	line-height: 20px;	
	margin-bottom: 5px;
}

p.MsoBodyText:nth-last-child(2) {
	line-height: 0;
	margin-bottom: 0;
}

.dhivehiwrap p:last-child{
	line-height: 0 !important;

}



#map2{

	min-height: 400px;
  width: 100%;
}

.pagewrapper .title{
	font-size: 30px;
	font-weight: 100;
	color: #224A7B;
}



/*maps info window styles */

.mapinfo{
	white-space: nowrap !important;
	width:250px;
}

.mapinfo h4{
	font-family: inherit;
  font-weight: 400;
  font-size: 18px;
}

/* fix for inteference with zurb */
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
max-width: none;
}


.map-nav-header .minict_wrapper{
	padding-bottom: 400px;
	max-width: 100%;
}

.map-nav-header .minict_wrapper.active:after {
    content: "."; }

    .map-nav-header .minict_wrapper:after {
    content: "."; }


.map-nav-header .minict_wrapper ul {
	display: block !important;
	max-height: 300px;
}

#map2 img, #map2 object, #map2 embed { max-width: none; height: auto }

#map2 *,#map2 *:before,#map2 *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}


.bulletinwrp{
	padding-top: 20px;
	padding-bottom: 20px;
	list-style: none;
}

.bulletinwrp li{
	margin-bottom: 5px;
}

.bulletinwrp li a{
	font-size: 14px;
  font-weight: 300;
  color: #1A1717;
}

.bulletinwrp li a:hover{
  color: #0F3FE3;
}


.bulletinwrp li span{
  margin-right: 10px;
  display: inline-block;
  padding: 5px;
  background: #0C7BC7;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.linkswrp{
	list-style: none;
}

.linkswrp li{
	list-style: none;
}

.linkswrp li a{
	color:#008cba;
}


.flightnum a{
	color:#008cba;
}

.content img{
max-height: 300px;
  text-align: center;

}


.titlesmall{
	    font-size: 20px;
    font-weight: 100;
    color: #224A7B;
    margin-bottom: 20px;
    display: inline-block;
    padding-left: 10px;
}

.downloadbtn{
	display: inline-block;
    padding: 8px 10px 8px 10px;
    border-radius: 15px;
    color: #000;
    background-color: #5AA1D2;
}

.downloadbtn:hover{
    color: #fff;
    background-color: #136EAD;
}

.norep{
	    padding: 5px;
    color: #EF0909;
    font-size: 10px;
}





/*************************************   MEDIA QUERIES ***********************************/
/*****************************************************************************************/
/*****************************************************************************************/



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

	.tophwrap{
		text-align: center;
	}

	.wparams{
		margin-left:0;
	}

	.widgetw{
		padding-bottom: 20px;
	}

	.wgreen{
		margin-left:0;
	}

	.threedayf li:nth-of-type(odd) .wgreen{
		  background: rgb(142, 141, 141);
	}

	.threetitle{
		padding:0;
	}

	.tidewrap{
		padding:10px;
	}

	.moonwrap{
		padding: 10px;
	}
	
	.newsbulletinwrp{
		padding: 10px;
	}

	.gallerywrp{
		padding: 10px;
	}

	.main_footer{
		padding: 10px;
		text-align: center;
	}

	.socialicons a{
		float: none;
	}

	.socialicons a img{
		float: none;
	}

	.mobilelocwrp{
		padding: 10px !important;
		text-align: center;
	}






/*
Custom CSS by Ubaidulla Ali
for embeded video from MMS Weather youtube channel




.embed-responsive-item {
  padding-top: 10px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
*/