/*!
 * Flat Count Down - Wordpress Premium Plugin 
 * ------------------------------
 * 
 * Copyright 2014 AA-Team
 * 
 * http: //themeforest.net/user/AA-Team/portfolio
 *
 /*
================================================== */
@font-face {
  font-family: 'Entypo Social';
  src: url('fonts/entypo-social.eot'); /* IE9 Compat Modes */
  src: url('fonts/entypo-social.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/entypo-social.woff') format('woff'), /* Modern Browsers */
       url('fonts/entypo-social.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/entypo-social.svg#svgEntypoSocial') format('svg'); /* Legacy iOS */
}

#flatCountdown-main-container {
	background: url("images/main-bg.jpg") no-repeat fixed center top /cover rgba(0, 0, 0, 0);
	height: auto;
	width: 100%;
	position: relative;
}
	#flatCountdown-body {
		background: #1b1b1b;
		border-radius: 4px;
		position: relative;
		margin: 0 auto;
	}
	#flatCountdown-logo {
		margin-top: 50px;
	}
			#flatCountdown-maintitle h1 {
				width: 100%;
				color: #FFFFFF;
				float: left;
				font: normal 48px 'Cabin';
				margin: 20px 0 20px 0;
				text-align: center;
			}
				#flatCountdown-maintitle h1 span {
					color: #e74c3c;
				}
		#flatCountdown-description {
			margin-bottom: 30px;
			color: #fff;
		}
			#flatCountdown-description p{
				color: #FFF;
				font: normal 14px 'Open Sans';	
				text-align: center;
			}
		#flatCountdown-back {
			margin-bottom: 45px;
			margin-top: 110px;
		}
			#flatCountdown-back h3 {
				color: #FFF;
				font: normal 30px 'Cabin';
				text-align: center;
			}
		#flatCountdown-subscribe {
			background: #FFFFFF;
			border-radius: 5px;
			color: #E74C3C;
			display: block;
			font: normal 20px 'Cabin';
			margin: 0 auto;
			padding: 10px 35px;
			text-align: center;
			text-decoration: none;
			width: 420px;
			margin-bottom: 55px;
		}
			#flatCountdown-counter-body #flatCountdown-counter {
				display: block;
				list-style-type: none;
				width: 94%;
			}
				/*#flatCountdown-counter-body #flatCountdown-counter li {
					width: 230px;
					float: left;
					margin-right: 40px;
				}
					#flatCountdown-counter-body #flatCountdown-counter li:nth-child(4) {
						margin-right: 0;
					}
					#flatCountdown-counter-body #flatCountdown-counter li .flatCountdown-counter-element {
						background: none repeat scroll 0 0 #E74C3C;
						border-radius: 5px;
						color: #FFFFFF;
						float: left;
						font: 82px/145px 'Open Sans';
						height: 145px;
						margin-right: 10px;
						text-align: center;
						width: 110px;
						position: relative;
					}
					#flatCountdown-counter-body #flatCountdown-counter li span.before, #flatCountdown-counter-body #flatCountdown-counter li span.after {
						background: none repeat scroll 0 0 #FFFFFF;
						height: 20px;
						margin-top: -10px;
						position: absolute;
						top: 50%;
						width: 2px;
						z-index: 10;
					}
					#flatCountdown-counter-body #flatCountdown-counter li span.after {
						right: -2px;
					}
					#flatCountdown-counter-body #flatCountdown-counter li span.before {
						left: -2px;
					}
					#flatCountdown-counter-body #flatCountdown-counter li p {
						position: relative;
						z-index: 30;
					}
					#flatCountdown-counter-body #flatCountdown-counter li p.time-unit {
						clear: both;
						color: #FFFFFF;
						float: left;
						font: 600 24px 'Open Sans';
						margin-bottom: 55px;
						margin-top: 45px;
						text-align: center;
						text-transform: uppercase;
						width: 100%;
					}
						#flatCountdown-counter-body #flatCountdown-counter li .flatCountdown-counter-element:before {
							position: absolute;
							content: "";
							left: 0;
							top: 50%;
							right: 0;
							border-top: 1px solid;
							border-color: #d23929;
						}
						
						#flatCountdown-counter-body #flatCountdown-counter li .flatCountdown-counter-element:nth-child(2) {
							margin-right: 0;
						}*/
	 
		#flatCountdown-social-container {
			margin: 30px auto;
			width: 290px;
		}
			#flatCountdown-social-container ul {
				float: left;
				margin-bottom: 30px;
			}
				#flatCountdown-social-container li {
					float: left;
					list-style-type: none;
				}
					#flatCountdown-social-container li a {
						color: #E74C3C;
						display: block;
						font: 54px/2px 'Entypo Social';
						height: 50px;
						margin: 0 10px 0 0;
						text-decoration: none;
						width: 50px;
					}
					#flatCountdown-social-container li a.last {
						margin-right: 0;
					}
	#flatCountdown-contact-popup {	 
		position: relative;
		background: #FFF;
		padding: 20px;
		width: 365px;
		height: 400px;
		margin: 20px auto;
		border-radius: 5px;
	}
		#flatCountdown-contact-popup form {
			margin: 20px 0 20px 0;
			width: 100%;
			height: 100%;
		}
			#flatCountdown-contact-popup input {
				border: 1px solid #C4C4C4;
				color: #E74C3C;
				height: 45px;
				margin-bottom: 15px;
				padding: 10px;
				width: 100%;
				float: left;
				font: normal 16px 'Open Sans';
				clear: both;
			}
			#flatCountdown-contact-popup input[type="checkbox"] {
				height: 10px;
				margin-bottom: 0;
				margin-right: 5px;
				width: 10px;
			}
			#flatCountdown-contact-popup input[type="submit"] {
				background: none repeat scroll 0 0 #E74C3C;
				border: 1px solid #E74C3C;
				border-radius: 5px;
				color: #FFFFFF;
				height: 35px;
				margin-top: 15px;
				padding-top: 5px;
				float: left;
			}
			#flatCountdown-contact-popup input[type="submit"].flatCountdownSubscribe-success {
				background: #40D47E !important;
				border: 1px solid #40D47E !important;
			}
			#flatCountdown-contact-popup input[type="submit"].flatCountdownSubscribe-error {
				background: #C53C2D !important;
				border: 1px solid #C53C2D !important;
			}
			#status_box {
				float: left;
				font-family: "Open Sans";
				font-size: 13px;
				margin-left: 5px;
				margin-top: 14px;
				width: 160px;
			}
			#status_box.flatCountdownSubscribe-error {
				color: #e74c3c;
			}
			#status_box.flatCountdownSubscribe-success {
				color: green;
				margin-top: 22px;
			}



/*Media Queries*/
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.flip-clock-wrapper ul {
		height: 100px;
		width: 85px;
	}
		.flip-clock-wrapper ul li a div.up:after {
			height: 1px;
			top: 62px;
		}

		.flip-clock-wrapper ul li a div div.inn {
			font: 80px/95px 'Open Sans';
		}
	.flip-clock-dot.top {
		top: 35px;
	}
	.flip-clock-dot.bottom {
		bottom: 25px;
	}
	.flip-clock-divider.days .flip-clock-label {
		right: -69px;
	}
	.flip-clock-divider.hours .flip-clock-label {
		right: -76px;
	}
	.flip-clock-divider.minutes .flip-clock-label {
		right: -64px;
	}
	.flip-clock-divider.seconds .flip-clock-label {
		right: -60px;
	}
	.flip-clock-divider.days .flip-clock-label,
	.flip-clock-divider.hours .flip-clock-label,
	.flip-clock-divider.minutes .flip-clock-label,
	.flip-clock-divider.seconds .flip-clock-label {
		top: 120px;
	}

}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.flip-clock-wrapper ul {
		height: 78px;
		width: 58px;
	}
		.flip-clock-wrapper ul li a div.up:after {
			height: 1px;
			top: 49px;
		}
	
		.flip-clock-wrapper ul li a div div.inn {
			font: 65px/74px 'Open Sans';
		}
	.flip-clock-dot.top {
		top: 35px;
	}
	.flip-clock-dot.bottom {
		bottom: 45px;
	}
	.flip-clock-divider.minutes .flip-clock-label, .flip-clock-divider.seconds .flip-clock-label, .flip-clock-divider.days .flip-clock-label, .flip-clock-divider.hours .flip-clock-label {
		top: 95px;
		font-size: 20px;
	}
	.flip-clock-divider.days .flip-clock-label {
		right: -44px;
	}
	.flip-clock-divider.hours .flip-clock-label {
		right: -51px;
	}
	.flip-clock-divider.minutes .flip-clock-label {
		right: -44px;
	}
	.flip-clock-divider.seconds .flip-clock-label {
		right: -44px;
	}
	.flip-clock-dot {
		width: 5px;
		height: 5px;
	}
	#flatCountdown-back {
		margin-top: 60px;
	}

}

@media only screen and (min-width: 674px) and (max-width: 768px) {
	#flatCountdown-body {
		margin:20px 30px 30px 30px;
	}
	.flip-clock-wrapper {
	 
		margin:0px auto;
	}
/*	.flip-counter .flip-clock-divider.minutes span:nth-child(2),
	.flip-counter .flip-clock-divider.minutes span:nth-child(3) {
		display: none;
	}*/
		.flip-clock-wrapper ul {
			height: 65px;
			width: 47px;
			margin-bottom: 75px;
		}
			.flip-clock-wrapper ul li a div.up:after {
				height: 1px;
				top: 49px;
			}

			.flip-clock-wrapper ul li a div div.inn {
				font: 55px/62px 'Open Sans';
			}
	.flip-clock-dot.top {
		top: 28px;
	}
	.flip-clock-dot.bottom {
		bottom: 52px;
	}
	#flatCountdown-back {
			margin-top: 5px;
	}	
	.flip-clock-divider.minutes .flip-clock-label, .flip-clock-divider.seconds .flip-clock-label, .flip-clock-divider.days .flip-clock-label, .flip-clock-divider.hours .flip-clock-label {
		top: 90px;
		font-size: 20px;
	}
	.flip-clock-divider.days .flip-clock-label {
		right: -30px;
	}
	.flip-clock-divider.hours .flip-clock-label {
		right: -45px;
	}
	.flip-clock-divider.minutes .flip-clock-label {
		right: -34px;
	}
	.flip-clock-divider.seconds .flip-clock-label {
		right: -32px;
	}
	.flip-clock-dot {
		width: 5px;
		height: 5px;
	}
}

@media only screen and (min-width: 550px) and (max-width: 674px) {

	#flatCountdown-body {
		margin:20px 30px 30px 30px;
	}
	.flip-clock-wrapper {
	 
		margin:0px auto;
	}
/*	.flip-counter .flip-clock-divider.minutes span:nth-child(2),
	.flip-counter .flip-clock-divider.minutes span:nth-child(3) {
		display: none;
	}*/
		.flip-clock-wrapper ul {
			height: 50px;
			width: 32px;
			margin-bottom: 60px;
		}
			.flip-clock-wrapper ul li a div.up:after {
				height: 1px;
				top: 49px;
			}

			.flip-clock-wrapper ul li a div div.inn {
				font: 35px/50px 'Open Sans';
			}
	.flip-clock-dot.top {
		top: 25px;
	}
	.flip-clock-dot.bottom {
		bottom: 60px;
	}
	#flatCountdown-back {
			margin-top: -5px;
	}
		
	.flip-clock-divider.minutes .flip-clock-label, .flip-clock-divider.seconds .flip-clock-label, .flip-clock-divider.days .flip-clock-label, .flip-clock-divider.hours .flip-clock-label {
		top: 60px;
		font-size: 20px;
	}
	.flip-clock-divider.days .flip-clock-label {
		right: -17px;
	}
	.flip-clock-divider.hours .flip-clock-label {
		right: -28px;
	}
	.flip-clock-divider.minutes .flip-clock-label {
		right: -17px;
	}
	.flip-clock-divider.seconds .flip-clock-label {
		right: -16px;
	}
	.flip-clock-dot {
		width: 5px;
		height: 5px;
	}
}
@media only screen and (max-width: 550px) {
 	
 	#flatCountdown-body {
 		border-radius: 0;
 		margin: 0 auto;
 		overflow: hidden;
 	}
 	#flatCountdown-counter-body {
 		width: 100%;
 		text-align: center;
 	}
	.flip-clock-wrapper {
		width: 320px;
		left: 0;
		transform: translateX(0);
		margin: 0 auto;
	}
/*	.flip-counter .flip-clock-divider.minutes span:nth-child(2),
	.flip-counter .flip-clock-divider.minutes span:nth-child(3) {
		display: none;
	}*/
		.flip-clock-wrapper ul {
			height: 28px;
			width: 21px;
			margin-bottom: 75px;
		}
			.flip-clock-wrapper ul li a div.up:after {
				height: 1px;
				top: 49px;
			}

			.flip-clock-wrapper ul li a div div.inn {
				font: 25px/28px 'Open Sans';
			}
	.flip-clock-dot.top {
		top: 14px;
	}
	.flip-clock-dot.bottom {
		bottom: 74px;
	}
/*	.flip-clock-divider.minutes {
		position: absolute;
		left: 0;
		top: 180px;
	}*/
	.flip-clock-divider.minutes .flip-clock-label, .flip-clock-divider.seconds .flip-clock-label, .flip-clock-divider.days .flip-clock-label, .flip-clock-divider.hours .flip-clock-label {
		top: 35px;
		font-size: 10px;
	}
	.flip-clock-divider.days .flip-clock-label {
		left:20px;
	}
	.flip-clock-divider.hours .flip-clock-label {
	 	left:34px;
	}
	.flip-clock-divider.minutes .flip-clock-label {
		 left:28px;
		 top:35px;
	}
	.flip-clock-divider.seconds .flip-clock-label {
		 left:28px;
	}
	.flip-clock-dot {
		/*display: none;*/
		height: 4px;
		width: 4px;
	}	
	#flatCountdown-subscribe {
		width: 90%;
		font-size: 22px;
		padding: 10px;
	}
	#flatCountdown-maintitle h1 {
		font-size: 30px;
	}
	#flatCountdown-back {
		margin-top: -40px;
	}
	#flatCountdown-back h3 {
		font-size: 22px;
	}
	#flatCountdown-social-container li a {
	  font: 40px/2px 'Entypo Social';
	  height: 38px;
	  width: 38px;
	}

	#flatCountdown-social-container {
		width: 231px;
		height: 38px;
	}
	#flatCountdown-contact-popup {
		width: 100%;
		min-width: 176px;
		height: 450px;
	}
}