/* ==========================================================================
   Main Elements
   ========================================================================== */
	body {
		margin: 5px 0 0;
		background: url(../cloud.png) center fixed  #93aeff;
		/* background: url(../cloud.png) center fixed  #b9b9b9; */
		font-family: "Siyam Rupali";
		font-weight:normal;
		background-size: 100% auto;
		color: #363636;
		font-size: 14px;
	}
	
	
	@-webkit-keyframes blink1 {0% { color: #fff; } 75% {color: yellow;} 100% {color: yellow;} }
	@-ms-keyframes blink1 {0% { color: #fff; } 75% {color: yellow;} 100% {color: yellow;} }
	@-moz-keyframes blink1 {0% { color: #fff; } 75% {color: yellow;} 100% {color: yellow;} }
	@-o-keyframes blink1 {0% { color: #fff; } 75% {color: yellow;} 100% {color: yellow;} }
	@keyframes blink1 {0% { color: #fff; } 75% {color: yellow;} 100% {color: yellow;} }

	@-webkit-keyframes blink2 {0% { background: #0782BB; } 25% {background: red;} 100% {background: #0782BB;} }
	@-moz-keyframes blink2 {0% { background: #0782BB; } 25% {background: red;} 100% {background: #0782BB;} }
	@-ms-keyframes blink2 {0% { background: #0782BB; } 25% {background: red;} 100% {background: #0782BB;} }
	@-o-keyframes blink2 {0% { background: #0782BB; } 25% {background: red;} 100% {background: #0782BB;} }
	@keyframes blink2 {0% { background: #0782BB; } 25% {background: red;} 100% {background: #0782BB;} } 
	
	.main_wrap{
		width:1064px;
		margin:0 auto;
	}
	#header, 
	.mainbody {  width: 1024px; padding: 10px 20px;background-size: 100% auto;}
	.mainbody { 
		margin: 5px 0;
		float: left;
		background: #EAEFFE; 
		background: rgba(255, 255, 255, 0.81);
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	} 
/* ==========================================================================
	Header & logo
   ========================================================================== */
	#header{ 
		float: left; 
	}
	#headbg{
		position: absolute;
		z-index: -1;
		margin: 0px -20px;
		width: 1064px;
		height: 245px;
		overflow: hidden;
	}
		marquee p{margin:0;padding:0;}
	#headbg img{
		position: absolute;
		width: 1064px;
		height: 170px;
		transition:opacity 2s;
		-webkit-transition:opacity 1s;
		-moz-transition:opacity 2s;
		-o-transition:opacity 2s;
		-ms-transition:opacity 2s;
	}
	#largeImage{
		display: none;
		position: fixed;
		max-width: 100%;
		z-index: 9999;
		top: 0;
		left: 0px;
		height: 100%;
		overflow: auto;
		background: rgba(221, 221, 221, 0.82);
	}	
	#logo {
		padding: 10px 0;
		width: 1024px;
		height: 90px;
		margin: 0 auto;
		overflow: hidden;
	}
	#logo h1{
float: left;
margin-left: 20px;
color: #FCFBFB;
font-weight: normal;
width: 820px;
font-size: 33px;
margin-top: 25px;
text-shadow: 1px 2px 10px #000;
}
/*
	#logo img{ 
width: 50px;
margin-top: 25px;
float: left;
box-shadow: 1px 4px 10px #000;
-webkit-box-shadow: 1px 2px 10px #000;
-moz-box-shadow: 1px 4px 10px #000;
-ms-box-shadow: 1px 4px 10px #000;
-o-box-shadow: 1px 4px 10px #000;
}
*/
	#logo h1{display:none; }
	#logo img{ 
    height: 100px;
    margin-top: 10px;
    float: left;
}
	
	.scrool_news{
		width: 100%;
		float: left;
		margin: 0 0 5px ;
		background: rgba(255, 255, 255, 0.44);
		color: #18689E;
	}
	.scrool_news marquee{
		width: 100%;
		height: 30px;
	}
	.scrool_news p{
		margin: 0;
		line-height: 30px;
	}
#NewsScroll{ 
    float: right;
    width: 1045px;
    height: 28px;
    padding: 0 10px;
    line-height: 28px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.81);
}
/* ==========================================================================
   I frame
   ========================================================================== */

.meteogram{
    padding: 0;
    list-style: none;
    display: block;
}
.meteogram li{
    display: inline-block;
}
.meteogram li a{ }
.meteogram li.have-dropdown a {
    padding: 0 8px;
    display: block;
    background: #FFF;
    color: #0782C9;
    border: 1px solid #409EFF;
    line-height: 25px;
}
.meteogram  .dropdown { 
    position: absolute;
    display: none;
    padding: 0;
    border: 2px solid #42A0D6;
	position:absolute;
}
.meteogram li.have-dropdown:hover .dropdown { 
    display: block; 
}

.meteogram .dropdown li {
    display: block;
}
.meteogram .dropdown li a {
    line-height: 22px;
    font-size: 13px;
    border: 0;
    border-top: 1px solid #409EFF;
    color: #484848;
}
.meteogram .dropdown li a:hover {
    color: #FFF;
    background: #42A0D6;
}
.meteogram li.active a {background: #444;color: #fff;} 
.meteogram .dropdown li.active a {
    color: #fff;
    border-bottom: 1px solid #88A4FF;
    border-right: 1px solid #88A4FF;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
}
   #iframe{
		position: fixed;
		display:none;
		width: 100%;
		background: rgba(255, 255, 255, 0.6);
		top: 0;
		left: 0;
		padding: 20px 0;
		text-align: center;
		height: 100%;
		z-index: 9999;
	}
   #iframe iframe{
		width: 90%;
		background: #fff;
		border: 0;
		height: 90%;
		position: fixed;
		z-index: 999;
		max-height: 360px;
		left: 5%;
		top: 5%; 
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	}
   #iframe div.close{
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		top: 0;
		z-index: 1;
	}
   #iframe span.close{
		position: fixed;
		right: 5%;
		top: 5%;
		background: #fff;
		z-index: 9999999;
		height: 15px;
		width: 15px;
		color: #333;
		padding: 10px;
		margin: -15px;
		border-radius:100%;
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
		-ms-border-radius:100%;
		-o-border-radius:100%;
		border: 4px solid #F00;
		cursor: pointer;
	}
   #iframe span.close:hover{
		border: 4px solid #F00;
		color: #F00;
		background: #fff;
   }
    
	.myIframe {padding-top: 50px;display:block;z-index: 99999;}
	.myIframe[view="active"] {
		background: #fff;
		position: fixed !important;
		left: 0;
		top: 0;
		padding: 0;
		height: 100%;
		width: 100%;
	}
	.zoom{
		background: #000;
		color: #fff;
		padding: 5px 12px;
		border-radius: 10px 10px 0 0; 
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-ms-border-radius: 10px 10px 0 0;
		-o-border-radius: 10px 10px 0 0;
		float: left;
		clear: both;
	}
	.boxframe{border: 0;height: 300px;width: 100%;margin: 0;padding: 0;overflow:hidden;}
	
	.framezoom{
	    position: absolute;
	    margin-left: 188px;
	    margin-top: 11px;
	    background: #E8E8E8;
	    font-weight: normal;
	    border-radius: 4px 4px 0 0;
	    -webkit-border-radius: 4px 4px 0 0;
	    -moz-border-radius: 4px 4px 0 0;
	    -ms-border-radius: 4px 4px 0 0;
	    -o-border-radius: 4px 4px 0 0;
	    line-height: 26px;
	    height: 26px;
	    text-align: center;
	    padding: 0;
	    width: 72px;
	    font-size: 12px;
	    color: #272727;
	    border: 1px solid #A8A8A8;
	}
	.framezoom:hover{
		background: #FFFFFF;
		border-bottom-color: #fff;
	}
	#datehover:hover #datein{display:none;}
	#datehover:hover #datepi{display:block;}
/* ==========================================================================
   Menu
   ========================================================================== */ 
   .menu_top_wrap{padding: 0;width: 1064px;margin-top: 0;background: #fefefe9e;}
   .menu_top{float:left;margin: 0;}
   .menu_top ul{padding:0;list-style:none;margin:0;text-align: center;}
   .menu_top ul li{/* float:left; */display: inline-block;} 
   .menu_top ul li a{
		display: block;
		background: #429FFF;
		font-weight: bold;
		/* background: rgba(48, 148, 253, 0.66); */
		color: #ffffff;
		line-height: 35px;
		padding: 0px 11px;
		font-size: 14px;
		font-family: Myriad Pro;
		font-weight: normal;
		width: auto;
		height: 35px;
		overflow: hidden;
		text-align: center;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.33);
		-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.33);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.67);
		-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.33);
		-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.33);
		}
   .menu_top ul.dropdown{ 
		width: 152px;
		list-style:none;
		position:absolute;  
		margin-left:0;
		display:none;
		padding: 10px;
		opacity:0;
		padding:0 0 0;
		z-index:-999;  
		transition:margin 0.5s, opacity 1s;		
		-webkit-transition:margin 0.5s, opacity 1s;
		-moz-transition:margin 0.5s, opacity 1s;
		-ms-transition:margin 0.5s, opacity 1s;
		-o-transition:margin 0.5s, opacity 1s;
	}
   .menu_top ul.dropdown a{  
		width: 170px;
		text-align: left;
		padding-left: 10px;
	}
   
	.menu_top ul li.has-dropdown:focus ul.dropdown,
	.menu_top ul li.has-dropdown:hover ul.dropdown {
		opacity:1;
		margin-top: 0;
		z-index:999;
		display:block;
	}
	.menu_top ul  ul.dropdown ul.dropdown,
	.menu_top ul li.has-dropdown ul.dropdown  li.has-dropdown  ul.dropdown  { 
		margin-top:-28px; 
		margin-left:100%; 
	}
	.menu_top ul li.has-dropdown:focus ul.dropdown  li.has-dropdown:focus ul.dropdown  li.has-dropdown ul.dropdown,
	.menu_top ul li.has-dropdown:focus ul.dropdown  li.has-dropdown  ul.dropdown  ,
	.menu_top ul li.has-dropdown:hover ul.dropdown  li.has-dropdown:hover ul.dropdown  li.has-dropdown ul.dropdown,
	.menu_top ul li.has-dropdown:hover ul.dropdown  li.has-dropdown  ul.dropdown  {
		opacity:0; 
		z-index:-999;  
		display:none;
	}
	.menu_top ul li.has-dropdown:focus ul.dropdown  li.has-dropdown:focus ul.dropdown  li.has-dropdown:focus ul.dropdown,
	.menu_top ul li.has-dropdown:focus ul.dropdown  li.has-dropdown:focus ul.dropdown  ,
	.menu_top ul li.has-dropdown:hover ul.dropdown  li.has-dropdown:hover ul.dropdown  li.has-dropdown:hover ul.dropdown,
	.menu_top ul li.has-dropdown:hover ul.dropdown  li.has-dropdown:hover ul.dropdown  {
		opacity:1; 
		z-index:999;  
		display:block;
	}
   
	.menu_top ul ul.dropdown  {
		width:auto;
	}
   
	.menu_top ul li.has-dropdown:focus ul.dropdown li ,
	.menu_top ul li.has-dropdown:hover ul.dropdown li {
		float:none;
		display:block;
	}
	.menu_top ul li.has-dropdown:focus ul.dropdown li a,
	.menu_top ul li.has-dropdown:hover ul.dropdown li a{
		float:none;
		display:block;
	}
   
/* ==========================================================================
   Sidebar
   ========================================================================== */
   #leftSidebar{
		float:left;
		width:182px;
   }
   
   
   #mainPart{
		float:left;
		width:630px; 
		margin:0 0 0 15px;
   }
   
   
   #RightSidebar{
		float:right;
		width:182px;
   }  
   .sidebar ul{padding:0;list-style:none;margin:0;background: rgba(7, 130, 187, 0.47);}
   .sidebar ul.dropdown{  
		display:none;
		width:0;
		list-style:none;
		position:absolute;  
   }
   .sidebar ul li{margin-bottom:0;} 
   .sidebar .has-dropdown ul  li{margin-bottom:0;} 
   .sidebar ul li a{
		background: #1B8BFF;
		/* background:#3c3c3c; */
		color: #F0F7FF;
		/* text-shadow: 0 0 1px #0059b6; */
		line-height: 40px;
		padding: 5px 15px;
		font-size: 14px;
		font-family: Myriad Pro;
		font-weight: normal;
		width: 150px;
		line-height: 30px;
		overflow: hidden;
		text-align: center;
		box-shadow:0 0 1px rgba(0, 0, 0, 0.33);
		-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.33);
		-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.33);
		-ms-box-shadow:0 0 1px rgba(0, 0, 0, 0.33);
		-o-box-shadow:0 0 1px rgba(0, 0, 0, 0.33);
	}
   .sidebar ul li a:hover{ color: #F0F7FF; } 
   .sidebar ul li a:focus{ color: #F0F7FF; } 
   #leftSidebar ul ,
   #leftSidebar ul li,
   #leftSidebar ul li a{float:left;clear:left;}
   #leftSidebar  li:hover ul.dropdown {margin-left:160px;}
   
   #RightSidebar ul ,
   #RightSidebar ul li,
   #RightSidebar ul li a{float:right;clear:right;}
   #RightSidebar  li:hover  ul.dropdown  { margin-left:-166px;}
   #RightSidebar  li:focus  ul.dropdown  { margin-left:-166px;}
   
   
	.sidebar ul li.has-dropdown:focus ul.dropdown  li.has-dropdown:focus ul.dropdown ul.dropdown,
	.sidebar ul li.has-dropdown:focus ul.dropdown ul.dropdown,
	.sidebar ul li.has-dropdown:hover ul.dropdown  li.has-dropdown:hover ul.dropdown ul.dropdown,
	.sidebar ul li.has-dropdown:hover ul.dropdown ul.dropdown,
	.sidebar ul.dropdown{  
		margin-left:0;
		padding: 10px;
		opacity:0;
		width:0;display:none;
		z-index:-2;  
		transition:margin 0.5s, opacity 1s;		
		-webkit-transition:margin 0.5s, opacity 1s;
		-moz-transition:margin 0.5s, opacity 1s;
		-ms-transition:margin 0.5s, opacity 1s;
		-o-transition:margin 0.5s, opacity 1s;
	}
   
	.sidebar ul li.has-dropdown:focus ul.dropdown  li.has-dropdown:focus ul.dropdown  li.has-dropdown:focus ul.dropdown,
	.sidebar ul li.has-dropdown:hover ul.dropdown  li.has-dropdown:focus ul.dropdown,
	.sidebar ul li.has-dropdown:focus ul.dropdown,
	.sidebar ul li.has-dropdown:focus ul.dropdown,
	.sidebar ul li.has-dropdown:hover ul.dropdown  li.has-dropdown:hover ul.dropdown  li.has-dropdown:hover ul.dropdown,
	.sidebar ul li.has-dropdown:hover ul.dropdown  li.has-dropdown:hover ul.dropdown,
	.sidebar ul li.has-dropdown:hover ul.dropdown,
	.sidebar ul li.has-dropdown:hover ul.dropdown {
		width:152px ;display:block;
		opacity:1;
		z-index:999; 	
	}
   .menu_top ul.dropdown li  a,
   .menu_top  li:hover  a  {background: #7b7b7b;}
   .menu_top  li:focus  a  { background: #C8E3FF; }
   .sidebar  li  a,
   .sidebar  li:focus  a ,
   .sidebar  li:hover  a ,
   .sidebar ul.dropdown li  a,
   .sidebar ul.dropdown li  ul.dropdown li  ul.dropdown li:focus  a, 
   .sidebar ul.dropdown li  ul.dropdown li  ul.dropdown li:hover  a, 
   .sidebar ul.dropdown li  ul.dropdown li  ul.dropdown li  ul.dropdown li  a{ background: #3A9BFF; color:#fff;}
   
   .sidebar ul.dropdown li:focus  a ,
   .sidebar ul.dropdown li:hover  a ,
   .menu_top ul.dropdown li:focus  a ,  
   .menu_top ul.dropdown li:hover  a ,  
   .sidebar ul.dropdown li  ul.dropdown li  a,
   .menu_top ul.dropdown li  ul.dropdown li  a,
   .sidebar ul.dropdown li  ul.dropdown li  ul.dropdown li  ul.dropdown li:focus  a,
   .sidebar ul.dropdown li  ul.dropdown li  ul.dropdown li  ul.dropdown li:hover  a,
   .sidebar ul.dropdown li  ul.dropdown li   ul.dropdown li  ul.dropdown li  ul.dropdown li  a{background: #1b8bff;color:#fff;}
   
   .sidebar ul.dropdown li  ul.dropdown li:focus  a,
   .menu_top ul.dropdown li  ul.dropdown li:focus  a,
   .sidebar ul.dropdown li  ul.dropdown li:hover  a,
   .menu_top ul.dropdown li  ul.dropdown li:hover  a,
   .sidebar ul.dropdown li  ul.dropdown li  ul.dropdown li  a,   
   .sidebar ul.dropdown li  ul.dropdown li   ul.dropdown li  ul.dropdown li  ul.dropdown li:focus  a,
   .sidebar ul.dropdown li  ul.dropdown li   ul.dropdown li  ul.dropdown li  ul.dropdown li:hover  a{background: #545454;color:#fff;}
/**==========================================================================***
   Main body
***========================================================================== */ 
	#mainbody{padding:20px;border-top: 10px solid #3c3c3c;}
	.Ionsimages{
		margin: 10px 0 10px 10px;
		position: absolute;
		right: 2px;
		top: 20px;
		width: 70px;
		height: 70px;
		overflow: hidden;
	}
	.Ionsimages i{ font-size: 40px;}
	.Ionsimages img{height: 70px;margin:0 !important;}
/* ==========================================================================
   Home Map box
   ========================================================================== */ 
    #map {
		float: right;
		width: 370px;
		height: 505px;
	} 
		#mapwrap{
			position: absolute;
			width: 371px;
			height: 505px;
			overflow:hidden;
			border: 1px solid rgba(7, 130, 187, 0.47);
		}
		#mapimage ,
		#mapicon {
			position: absolute;
			width: 370px;
			height: 505px;
			overflow:hidden;
			
		}
		#mapimage img{
			width: 370px !important;
			height: auto;
		}
		#mapicon span{
			width: 80px;
			position: absolute;
			margin: 10px 0 0 10px;
			font-size: 40px;
			color: #FFF1C5;
			text-shadow: 2px 2px 7px #000; 
			text-align: center;
			cursor:pointer;
		}
		#mapicon span img{
			width: 50px;
		}
		#mapicon span b{
			position: absolute;
			font-size: 18px;
			color: #fff !important;
			bottom: -12px;
		}
/* ==========================================================================
   Home forecast box
   ========================================================================== */ 
		
   #map_left{ 
		float:left;
		width: 252px;
   }
		.forecast{
			float:left; 
			width: 240px; 
			background: #FAFBFE;
			background: rgba(255, 255, 255, 0.78);
			padding:0 5px 10px; 
			border: 1px solid #86C1DD;
			border: 1px solid rgba(7, 130, 187, 0.47);
			margin-bottom: 15px;
		}
		
		 .forecastbox{
			float:left;
			width: 100%;
			position: relative;
		}
		.forecast h3 {
			margin: 0;
			line-height: 30px;
			color: #0782BB;
			font-size: 15px; 
		}
		.forecastbox .small,
		.forecastbox .big {   
			width:100%;
			float:left;
			padding-top: 5px;
			margin-bottom: 5px;
			border-top: 1px solid #ccc;
		}
		.forecastbox p {
			margin: 0;
			float: left;
			font-size: 14px; 
			color: #7A7A7A;
		}
		.forecastbox p strong{line-height: 30px;}
		.forecastbox .small p{   
			font-size: 11px;
			text-align: left;
			color: #7A7A7A;
			margin-top: 0;
			width:50%;
		}
		.forecastbox img {
			float: right;
			margin:  0 5px;
			height: 70px;  
		}
   .hover_img, .img_hover {
	transition:opacity 1s;
   }
   .hover_img, .img_hover:hover{opacity: 0.7;}
   .hover_img:hover, .img_hover{opacity: 1;}
   
/* ==========================================================================
   Footer
   ========================================================================== */ 
	#footer{
		width:100%;
		float: left;  
	}  
   #coppy_right{background: #3c3c3c;}
   #coppy_right p{ margin:0;color:#E2E2E2;font-weight:normal; font-size: 13px; }
   
   #footer_menu {
		margin:0;
		background: rgba(238, 238, 238, 0.86);
		background: rgba(253, 253, 253, 0.86);
		border-top: 10px solid #3c3c3c;
		color:#0782BB;
	}
   
   .footer_menu {
		float: left;
		width: 20%;
	}
   .footer_menu h4{}
   .footer_menu ul{padding:0;list-style: none;}
   .footer_menu li{}
   .footer_menu li a{color:#0782BB;}
   .footer_menu li a:hover{color:#000;}
   
   .footer_menu.right {
		float: right;
		text-align:right;
	}	
   .footer_menu.right  img{
		height: 60px;
		margin-right: 5px;
	}
/* ==========================================================================
   Links
   ========================================================================== */ 
   .weatherB.button.tiny{background:#fff;color:#000;font-size:0.7rem;margin-bottom: 15px;}
   .weatherB.button.tiny[live="ok"],.weatherB.button.tiny:hover{background:#2A3990;color:#fff;}
   .weather{}
   .weather div{
		float: left !important;
		padding: 0 !important;
	}
	.row { max-width: 1024px;}
	.right{float:right !important;}
	.right.a{text-align:right;}
	.left{float:left !important;}
	.left.a{text-align:left;}
	
	.thumb{
		float: left;
		width: 140px;
		border: 3px solid #C7D4FF;
		margin: 0 10px 2px 0;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
		-ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
		-o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	}
	.thumb img{}

/* ==========================================================================
   Animation
   ========================================================================== */
	@-webkit-keyframes myfirst { from {color: #0782BB;} to {color: yellow;} }
	@-ms-keyframes myfirst { from {color: #0782BB;} to {color: yellow;} }
	@-moz-keyframes myfirst { from {color: #0782BB;} to {color: yellow;} }
	@-o-keyframes myfirst { from {color: #0782BB;} to {color: yellow;} }
	@keyframes myfirst { from {color: #0782BB;} to {color: yellow;} }
	#mapicon span{   color: #0782BB;
		-webkit-animation: myfirst 1s; 
		-moz-animation: myfirst 1s; 
		-ms-animation: myfirst 1s; 
		-o-animation: myfirst 1s; 
		animation: myfirst 1s;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
	}

	@-webkit-keyframes blink-color {0% { color: #000; } 75% {color: yellow;} 100% {color: yellow;} }
	@-ms-keyframes blink-color {0% { color: #000; } 75% {color: yellow;} 100% {color: yellow;} }
	@-moz-keyframes blink-color {0% { color: #000; } 75% {color: yellow;} 100% {color: yellow;} }
	@-o-keyframes blink-color {0% { color: #000; } 75% {color: yellow;} 100% {color: yellow;} }
	@keyframes blink-color {0% { color: #000; } 75% {color: yellow;} 100% {color: yellow;} }

	@-webkit-keyframes blink {0% { background: yellow; } 15% {background: #0782BB;} 100% {background: #0782BB;} }
	@-moz-keyframes blink {0% { background: yellow; } 15% {background: #0782BB;} 100% {background: #0782BB;} }
	@-ms-keyframes blink {0% { background: yellow; } 15% {background: #0782BB;} 100% {background: #0782BB;} }
	@-o-keyframes blink {0% { background: yellow; } 15% {background: #0782BB;} 100% {background: #0782BB;} }
	@keyframes blink {0% { background: yellow; } 15% {background: #0782BB;} 100% {background: #0782BB;} } 
	.blink-color{
		-o-animation: blink-color 1s; 
		-moz-animation: blink-color 1s; 
		-ms-animation: blink-color 1s; 
		-webkit-animation: blink-color 1s; 
		animation: blink-color 1s;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
	}
	.blink{
		-webkit-animation: blink 2s; 
		-moz-animation: blink 2s; 
		-ms-animation: blink 2s; 
		-o-animation: blink 2s; 
		animation: blink 2s;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
	}
	
 /*
@keyframes cloud2 {0% { background: url(../cloud.png) scroll -800px 0px ; } 
100% {background: url(../cloud.png) scroll -1800px -500px ; } }
@-webkit-keyframes cloud2 {0% { background: url(../cloud.png) scroll -800px 0px ; } 
100% {background: url(../cloud.png) scroll -1800px -500px ; } }
*/
	.main_bg{
		display:none;
		/*
		background: url(../cloud.png) ;
		position:fixed;
		top:0;
		left:0;
		z-index: -1;
		width:100%;
		height:100%;
		animation: cloud2 60s;  
		-webkit-animation: cloud2 60s;  
		-moz-animation: cloud2 60s;  
		-ms-animation: cloud2 60s;  
		-o-animation: cloud2 60s;  
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		*/
	} 
	
	.hidenow{display:none;}
	.blink1{
		-o-animation: blink1 1s; 
		-moz-animation: blink1 1s; 
		-ms-animation: blink1 1s; 
		-webkit-animation: blink1 1s; 
		animation: blink1 1s;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
	}
	.blink2{
		-webkit-animation: blink2 2s; 
		-moz-animation: blink2 2s; 
		-ms-animation: blink2 2s; 
		-o-animation: blink2 2s; 
		animation: blink2 2s;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
	}
	#meteogramLink{}
	#meteogramLink a{
    display: block;
}
	#meteogramLink a span{
    display: block;
    line-height: 30px;
    padding: 0 5px;
}
	#meteogramLink a img{}
	#CurrentWeatherWrap{}
	#CurrentWeatherWrap .row{}
	.CurrentWeatherFrame{
    height: 630px;
}