/* main css */
body  {margin: 0px; padding: 0px; background:url(resources/images/img_background_1.jpg) fixed; background-repeat:no-repeat; background-color:black; background-position:center;}
#title{ position:absolute; }
.wrapper_label_title  {position:relative; width:100%; top:80px; text-align:center; }
.wrapper_label_title_fixed  {position:fixed; width:100%; top:80px;  }
.label_title_abs{position:absolute; }
.title_rel { position:relative; height:60px;  text-align:center; padding-top:15px; }
.label_title{ font-family: Impact, Arial, sans-serif; font-size:50px; border-left:5px solid #bf1b2c; padding-left:15px;background-color:rgba(0,0,0,0); color: #FFF; text-transform:uppercase; font-weight: normal; text-align:center;}
.hc { width:260px;  left:0;  margin-left:auto;  right:0;   margin-right:auto;  }
.vc { height:60px;  top:0;   margin-top:auto;   bottom:0;  margin-bottom:auto; }
bold{font-weight: bold;}
italic{font-style:italic;}
header{height:10px;}	
a, a:hover{text-decoration: none; color:#bf1b2c;}
.red{color:#bf1b2c;}
/*   -------------------------------  news box content  -----------------------------------------  */
.wrapper  {position:absolute; float:right; right:4%; top:160px; width:55%; height:480px; z-index:9; }
.wrapper_content  {position:relative; top:50px; width:90%; height:400px; z-index:9;overflow:hidden;}
.wrapper_news  {width:500px; z-index:9; }
.wrapper_label_news{ width:150px;height:40px; color:white;font:32px Impact, Arial, sans; }
.latest_news_label{font:20px Impact, Arial, sans;color:white; height:30px;}
.latest_news_content   { height:90px; width:500px;} 
.breaking_news_date{ padding-top:0px; width:360px;font-style:italic; color:#fff; font:16px  Arial, Helvetica, sans-serif;}
.breaking_news_location{  padding-bottom:2px;width:480px;  font-style:italic; color:#fff; font:16px  Arial, Helvetica, sans-serif; font-style:italic}
.breaking_news_text{ padding-bottom:1px; padding-top:1px; width:500px;  overflow:hidden;  color:#aac3d7; font:20px  Arial, Helvetica, sans-serif;font-weight:normal;}
/*   -------------------------------  right box content  -----------------------------------------  */
.boxtitle{ padding-bottom:10px; padding-left:0px;font-family: Impact, Arial,Helvetica, sans-serif; font-size:24px; color: #4ea0e2;	}
.boxtitlenews{ padding-bottom:10px; padding-left:0px;font-family: Impact, Arial,Helvetica, sans-serif; font-size:24px; color: #4ea0e2;	}
.boxcontent   {color:#fff; font-family:  Arial,Helvetica, sans-serif; font-size:16px; padding-bottom:50px;} 	
/*   -------------------------------  footer - copyright -----------------------------------------  */
.copyright_fixed{position:fixed; bottom:5px; left:40%;  font-family:  Arial Narrow,Helvetica, sans-serif; font-size:14px;font-weight:bold; color:#aaa;}
.copyright{position:absolute; bottom:5px; left:40%;  font-family:  Arial Narrow,Helvetica, sans-serif; font-size:14px;font-weight:bold; color:#aaa;}
.white{color:#fff;}
/*   ---------------------------------------------------------------------------------------------  */
#section1{position:relative; top:780px; min-height:450px;width:100%; background-color:RGBA(000,000,000,0.9); color:#FFF; border-top:5px solid #FFF;z-index:9;}
#section2{position:relative; top:780px;height:400px;width:100%; background-color:#FFF;z-index:9;}
.section1_title{text-align:center; padding-top:30px;color:#FFF; }
.section2_title{text-align:center; padding-top:30px;color:#BBB; }
.section1_title,.section2_title{font-size:3.8em;  font-family: Impact, Arial, sans-serif;}
.overlay_rounded_black{position:absolute;top:0;bottom:0;left:0;right:0; background-image:url("resources/images/rounded_background_black.png"); background-repeat:no-repeat; background-position: bottom;  height:auto; background-size: contain;   width:100%;z-index:-1;}
.overlay_rounded{position:absolute;top:0;bottom:0;left:0;right:0; background-image:url("resources/images/rounded_background.png"); background-repeat:no-repeat; background-position: bottom;  height:auto; background-size: contain;   width:100%;}
.right_arrow{position:relative; padding-top:20px;text-align:center; z-index:2;}
/*   ---------------------------------------------------------------------------------------------  */

@media all and (orientation:portrait){
	.label_title{font-size:40px; }
	.title_rel { position:relative; height:60px; padding-top:30px; }
	/*   ------------------------------------ content ----------------------------------------------  */
	.wrapper_content  {position:relative; clear:right;float:right; right:1%; top:20px;  z-index:9; overflow:hidden;}	
	.wrapper_news  {width:300px; z-index:9; }
	.wrapper_content  {top:80px; width:300px; z-index:9;}
	.latest_news_content   { height:90px; width:300px;} 
	.breaking_news_date{ padding-top:4px; width:220px;font-style:italic; color:#fff; font:14px  Arial, Helvetica, sans-serif;}
	.breaking_news_location{  padding-bottom:4px; width:300px; border-bottom:1px dotted white; font-style:italic; color:#fff; font:14px  Arial, Helvetica, sans-serif; font-style:italic}
	.breaking_news_text{ padding-bottom:6px; padding-top:4px; width:300px;  overflow:hidden; color:#aac3d7; font:14px  Arial, Helvetica, sans-serif;font-weight:bold;}
}
@media  all and  (max-width: 1024px){
	.label_title{font-size:40px;  }
	.vc { height:50px;}
	}
@media  all and  (max-width: 1024px) and (orientation:landscape) {
	
	/*   ------------------------------------ content ----------------------------------------------  */
	.wrapper  {position:absolute; float:right; right:4%; top:160px; width:450px; height:auto;z-index:9; }
	.wrapper_news  {width:400px; z-index:9; }
	.wrapper_content  { top:50px;   z-index:9; }
	.latest_news_content   { height:90px; width:420px;} 
	.breaking_news_date{ padding-top:4px; width:220px;font-style:italic; color:#fff; font:14px  Arial, Helvetica, sans-serif;}
	.breaking_news_location{  padding-bottom:4px;width:420px; border-bottom:1px dotted white; font-style:italic; color:#fff; font:14px  Arial, Helvetica, sans-serif; font-style:italic}
	.breaking_news_text{ padding-bottom:6px; padding-top:4px; width:420px;  overflow:hidden;  color:#aac3d7; font:14px  Arial, Helvetica, sans-serif;font-weight:bold;}
}
@media  all and  (max-width: 768px) {
	
	/*   ------------------------------------ content ----------------------------------------------  */
	.wrapper  {right:4%; top:160px; width:420px;  }
}
@media only screen and (max-width: 620px) {
	#section1{min-height:1000px;}
	.wrapper  {position:absolute; float:right; right:2%; top: 150px; width: 60%; height:auto;z-index:9; }
	.wrapper_content  {position:absolute;  z-index:9; top:60px; height:450px; overflow:hidden;}		
	.wrapper_news  { width:160px; z-index:9; }
	.wrapper_label_news{ background-image:url(resources/images/bg_news.png); background-repeat:no-repeat; background-position:top left; border-top:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #888;  border-right:1px solid #888; width:98px;height:26px; color:white;font:16px Impact, Arial, sans; }
	.latest_news_label{ padding-left:10px; padding-top:5px;  font:12px Impact, Arial, sans;color:white; height:40px;}
	.latest_news_content   { height:90px; width:160px;} 
	.breaking_news_date{ padding-top:4px;width:160px;font-style:italic; color:#fff; font:12px  Arial, Helvetica, sans-serif;}
	.breaking_news_location{  padding-bottom:4px;width:160px; border-bottom:1px dotted white; font-style:italic; color:#fff; font:12px  Arial, Helvetica, sans-serif; font-style:italic}
	.breaking_news_text{ padding-bottom:6px; padding-top:4px; width:160px;  overflow:hidden;  color:#aac3d7; font:12px  Arial, Helvetica, sans-serif;font-weight:bold;}	
	.boxtitle{  padding-bottom:10px;  font-family: Impact, Arial,Helvetica, sans-serif; font-size:16px;	}
	.boxtitlenews{  font-size:16px; color: #4ea0e2;	}
	.boxcontent   {color:#fff; font-family:  Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:10px;} 	
	.label_title{ font-size:32px;text-transform:uppercase;  }
	.title_rel { position:relative;   padding-top:10px; }
	.hc { width:180px;  left:0;  margin-left:auto;  right:0;   margin-right:auto;  }
	.vc { height:40px;  top:0;   margin-top:auto;   bottom:0;  margin-bottom:auto; } 
	.copyright_fixed{position:fixed; bottom:5px; left:40%;  font-family:  Arial Narrow,Helvetica, sans-serif; font-size:8px;font-weight:bold; color:#000;}
	.copyright{position:absolute; bottom:5px; left:40%;  font-family:  Arial Narrow,Helvetica, sans-serif; font-size:8px;font-weight:bold; color:#000;}
}
@media only screen and (max-width: 620px) and (orientation:landscape)
{
	.wrapper_menu{position:fixed; margin-left:5%; margin-top:60px; font-family: Impact, Arial, sans-serif; color:#fff;z-index:1;}
	.wrapper  {position:absolute; float:right; right:3%;     z-index:9; }
	.section1_title,.section2_title{font-size:32px;}
}
@media only screen and (max-width: 500px)
{
	.wrapper  {right:1%;  width:60%; height:400px; z-index:9; }
	.wrapper_content  { top:20px; width:100%;z-index:9;overflow:hidden;  }
	.section1_title,.section2_title{font-size:2.2em;}
}