/* #Site Header
================================================ */
#line-top{ width:100%; height:4px; background-color:#111111}
#top{ height:140px; background: url(../img/top_transparent.png) no-repeat top right; position:relative; z-index:1; width:100%}
.bg{position: absolute; z-index:-11; right:0; top:0; background:#fff; width:100%; text-align:right; height:380px; }
#logo {position:absolute; right:30px; top:15px; width:175px; height:53px;}
#shadow{ position:absolute; left:0; bottom:0; width:100%; height: 48px; background:url(../img/shadow.png) repeat-x 0 0; z-index:1}

/* Counter style ------------------------*/
.hasCountdown {position:absolute;left:0px; z-index:11; width:100%; top:290px;}
.countdown_rtl { direction: rtl;}
.countdown_holding span {}
.countdown_row {clear: both;width: 100%;padding: 0; text-align: center;}
.countdown_show1 .countdown_section {width: 98%;}
.countdown_show2 .countdown_section {width: 48%;}
.countdown_show3 .countdown_section {width: 32.5%;}
.countdown_show4 .countdown_section {width: 24.5%;}
.countdown_show5 .countdown_section {width: 19.5%;}
.countdown_show6 .countdown_section {width: 16.25%;}
.countdown_show7 .countdown_section {width: 14%;}
.countdown_section {display: block;text-align: center; float:left;}
.countdown_amount { font-size: 180px; font-weight:900; color:#00aeef; letter-spacing:-10px; }
.count_titles {margin-top:10px;display:block;color:#fff; font-weight:300; text-transform:uppercase; font-size:24px; }
#line-counter{ background: #00aeef; border-top:1px solid #09C; height:70px; width:100%; border-bottom:3px double #66cef5; margin-bottom:40px}

/* #Site Footer
================================================ */
footer{background-color: #00a5e3; height:40px;}
.copy { font-size:12px; padding-top:10px; float:right; text-align:right}

/* #Content
================================================ */
a.box {border: 3px solid #fff; -moz-box-shadow: 0px 0px 3px rgba(255,255,255,0.5); -webkit-box-shadow: 0px 0px 3px rgba(255,255,255,0.5); box-shadow: 0px 0px 3px rgba(255,255,255,0.5);
background:#00aeef;
background:#00aeef -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* FF3.6+*/
	background:#00aeef -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
	/* Chrome,Safari4+*/
	background:#00aeef -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Chrome10+,Safari5.1+*/
	background:#00aeef -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Opera11.10+*/
	background:#00aeef -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* IE10+*/
	background:#00aeef linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
   display:block; padding:17px;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-decoration:none; color:#fff; text-shadow: 0 -1px 1px rbga(0,0,0,.6); position:relative; padding-left:95px; margin-bottom:15px;text-shadow:1px 1px 1px rgba(0,0,0,0.3);  }

a.box strong { text-transform:uppercase; display:block; color:#FF3}
a:hover.box  {-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.44); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px rgba(0,0,0,0.4);  }
.icon, .icon-2 {position:absolute; left:0; top:0; background: url(../img/bg-icon.png) no-repeat top right; padding:12px;}
.icon-2 {padding:19px 12px ;}
.title-carousel {position:absolute; z-index:22; display:block; bottom:0; left:0; text-align:center; padding:3px 0; margin:0 0 2px 2px; width:125px; font-size:12px;   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  filter: alpha(opacity=60); background: rgba(0,0,0,.6); }
#inline1 { display:none; width:400px; padding:20px;}

/*============================================================================================*/
/* 3. MISC */
/*============================================================================================*/
/*	Reveal Modals */
.reveal-modal-bg {position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,.6); z-index: 100; display: none; top: 0; left: 0;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  filter: alpha(opacity=60);}
.reveal-modal {visibility: hidden; top: 100px;  left: 50%; margin-left: -410px; background: #ededed url(../img/pattern_2.jpg) repeat; position: absolute;z-index: 101;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); box-shadow: 0 0 10px rgba(0,0,0,.4);}
.reveal-modal label { color:#222;}
.reveal-modal hr{ border:solid #dddddd; border-width:1px 0 0; clear:both; height:0; margin:30px 0 30px;}
.reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #333;text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold;cursor: pointer;} 
/* NOTES Close button entity is × */

/* #Newsltetter modal*/
.msg-modal { background:#00aeef url(../img/bg-modal.png) no-repeat bottom right; color:#000; font-size:18px; line-height:24px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; height:445px; text-shadow: 0 -1px 0 rgba(255,255,255,0.9);}
.msg-modal.contact { height:650px; overflow:hidden;}
.msg-modal h2 { font-size:24px; margin-bottom:15px; color:#000; font-weight:600; text-transform:uppercase;}
#message-newsletter, #message-contact { margin: 10px 0; padding: 0;}
.wrapper{ margin:25px;}
.wrapper.extra{ margin:60px;}
.add-top-news{ margin-top:40px;}


/*============================================================================================*/
/* 4. MEDIA QUERIES */
/*============================================================================================*/


	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.reveal-modal {visibility: hidden; top: 80px;  left: 50%; width: 660px; margin-left: -330px; }
	#newsletter-modal .wrapper.extra, #contact-modal .wrapper.extra{ margin:30px;}
	.msg-modal.contact { height:565px;}
	.msg-modal { height:360px;}

	/* #Site Header */
	#logo { position:absolute; right:30px; top:15px; width:195px; height:53px;}
	#top{ height:340px; background: url(../img/top_transparent-2.png) no-repeat top right; position:relative; z-index:1; width:100%}
	.bg{position: absolute; z-index:-11; right:0; top:0; background-color:#fff; width:100%; text-align:right; height:350px; overflow:hidden }
	.bg img{ margin-right: -70px }
	
	/* #Counter style */
	.hasCountdown { width:760px; top:285px;}
	.countdown_amount { font-size:150px; }
	.count_titles {font-size:22px; }
	
	/* #content */	
	a.box { padding-left:125px}
	.icon, .icon-2 {padding:24px;}
	.icon-2 {padding:31px 24px ;}
	.wrapper{ margin:0;}
	.add-top-news{ margin-top:20px;}
	.title-carousel { margin:0 0 4px 2px; }
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	.reveal-modal {visibility: hidden; top: 100px;  left: 50%; width: 660px; margin-left: -330px; }
	#newsletter-modal .wrapper.extra, #contact-modal .wrapper.extra{ margin:30px;}
	
	/* #Site Header */
	#logo { position:absolute; right:30px; top:15px; width:195px; height:53px;}
	/* #Counter style */
	.hasCountdown { width:760px; position:absolute; bottom:-45px; left:0px; z-index:11;}
	.countdown_amount { font-size: 100px; font-weight:900; color:#00aeef;}
	.count_titles {margin-top:15px;display:block;color:#fff; font-weight:300; text-transform:uppercase; font-size:22px; }
	
	/* #content */	
	a.box { padding-left:125px}
	.icon, .icon-2 {padding:24px;}
	.icon-2 {padding:31px 24px ;}
	.title-carousel { margin:0 0 4px 2px; }
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrapper{ margin:15px;}
	.reveal-modal { top: 20px; width: 420px; margin-left: -210px; }
	.msg-modal { height:160px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px; border-top-left-radius: 5px;border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px;-moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px;}
	.msg {height:415px}
	.msg-modal.contact { height:150px; overflow:hidden;}
	input[type="text"],input[type="password"],input[type="email"],textarea,select{ width:260px;}
	input.verify_form {width: 30px; float:left; padding:8px; }
	
	/* #Site Header */
	#logo {position:absolute; right:20px; top:15px; text-align:right}
	#logo img { height:30px; width:auto}
	#top{ height:190px; background: url(../img/top_transparent-3.png) no-repeat top right; }
	.bg{height:200px; overflow:hidden }
	.bg img{ height:200px; width:auto; margin-right: -40px}
	 h1{font-size:28px; font-weight:700; color:#111;  letter-spacing:-2px; position:relative; top:85px; margin-left:0; background:none }
	 
	 /* #Counter style */
	.hasCountdown { width:480px; top:150px; left:-20px }
	.countdown_amount { font-size: 85px; letter-spacing:-5px; }
	.count_titles {margin-top:15px; font-size:18px; }
	
	/* #content */
	a.box { padding-left:100px}
	.icon, .icon-2 {padding:12px;}
	.icon-2 {padding:19px 12px ;}
	.copy { text-align:center; }
	.wrapper{ margin:25px;}
	.add-top-news{ margin-top:10px;}
	ul.social-bookmarks {margin:auto; width:168px}
	hr{ margin:30px 0px 40px 0px;}
	.title-carousel { margin:0 0 5px 2px; font-size:11px; width:111px}
	#inline1 { display:none; width: auto;}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	.reveal-modal {top: 20px; width: 300px; margin-left: -150px; }
	.msg-modal {height:125px; font-size:16px; line-height:18px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px; border-top-left-radius: 5px;border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px;-moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px;}
	.msg .wrapper.extra { margin:20px;}
	.msg {height:200px;font-size:16px;}
	.msg-modal.contact { height:145px;}
	#newsletter-modal .wrapper.extra{ margin:20px ;}
	.msg-modal h2 { font-size:20px; margin-bottom:10px; }
	input[type="text"],input[type="password"],input[type="email"],textarea,select{ width:230px;}
	input.verify_form {width: 30px; float:left; padding:8px; }
	
	/* #Site Header */
	#logo {position:absolute; right:10px; top:15px; text-align:right}
	#logo img { height:30px; width:auto}
	#top{ height:160px; background: url(../img/top_transparent-3.png) no-repeat top right; position:relative; z-index:1; width:100%}
	.bg{position: absolute; z-index:-11; right:0; top:0; background-color:#fff; width:100%; text-align:right; height:200px; overflow:hidden }
	.bg img{ height:200px; width:auto; margin-right: -40px}
	h1{font-size:22px; letter-spacing:-2px; position:relative; top:85px; left:0; background:none; margin-left:0; }
	#line-counter{height:40px; margin-bottom:20px}
	
	/* #Counter style */
	.hasCountdown { width:300px; background-color:#333; top:130px; left:-15px }
	.countdown_amount { font-size: 60px;}
	.count_titles {margin-top:3px;font-size:14px; }
	
	/* #content */
	a.box { padding-left:125px}
	.icon, .icon-2 {position:absolute; left:0; top:0; background: url(../img/bg-icon.png) no-repeat top right; padding:24px;}
	.icon-2 {padding:31px 24px ;}
	.copy { text-align:center; }
	.wrapper { margin:10px ;}
	.add-top-news{ margin-top:10px;}
	ul.social-bookmarks {margin:auto; width:168px}
	hr{ margin:30px 0px 40px 0px;}
	.title-carousel { display:none;}
	#inline1 { display:none; width: auto;}

	}

h1 {
	width:498px;
	height:64px;
	background:url(images/h1-bg.jpg);
	color:#ffab00;
	font-family:bebas;
	padding:17px 0px 0px 78px;
	letter-spacing:1px;
	font-size:2.2em;
	margin:0 auto;
}


.body {
	width:576px;
	margin:0 auto;
	display:block;
}

form {

	margin:0 auto;
}

label {
	display:block;
	margin-top:20px;
	letter-spacing:2px;