/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover,
a:visited {
	color: #fff;
}

/* Custom buttons */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
	padding: 1rem;
	font-weight: 600;
	text-shadow: none; /* Prevent inheritance from `body` */
	background: none;
	border: .05rem solid #fff;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:visited {
	color: #222;
	text-transform: uppercase;
	font-size: 1rem;
	padding: 1rem;
	font-weight: 600;
	text-shadow: none; /* Prevent inheritance from `body` */
	background: #fff;
	border: .05rem solid #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus {
	opacity: 0.8;
}
	

/*
 * Base structure
 */

html,
body {
	height: 100%;
	background-color: #333;
	font-family: 'Hind Vadodara', sans-serif;
}
body {
	color: #fff;
	text-align: center;
	text-shadow: 0 .05rem .1rem rgba(0,0,0,.5);
}

/*
 * Background Images
 */
 
 .slide-wrapper {
	display: table;
	width: 80%;
	height: 100%;
	margin: 0 auto;
	min-height: 100%;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}

.slide-wrapper-inner {
	display: table-cell;
	vertical-align: middle;
}

#slide-1 {
	background: url(../images/background-1.jpg) no-repeat center center;
}

#slide-2 {
	background: url(../images/background-2.jpg) no-repeat center center ;
}

#slide-3 {
	background: url(../images/background-3.jpg) no-repeat center center ;
}

#slide-4 {
	background: url(../images/background-4.jpg) no-repeat center center ;
}

/*
 * General Styles
 */
 
 .logo {
	margin: 0 0 4rem 0;
 }
 
 h1 {
	font-size: 5rem;
	margin-bottom: 1.5rem;
	font-weight: 100;
	max-width: 920px;
	margin: 0 auto;
 }
 
 h1 strong {
	font-weight: 700;
 }
 
 h2 {
	border-bottom: .4rem solid #fff;
	display: inline-block;
	padding-bottom: 1rem;
	margin-bottom: 4rem;
 }
 
 p.lead {
	max-width: 800px;
	margin: 2rem auto;
	font-weight: 400;
}

.inner {
	padding: 2rem;
}

.cover {
	padding: 0 1.5rem;
}
.cover .btn-lg {
	padding: .75rem 1.25rem;
	font-weight: bold;
}

ul.countdown {
	margin: 0rem auto 4rem auto;
	display: block;
	text-align: center;	
	width: 80%;
}

ul.countdown li {
	display: inline-block;
	height: 80px;
	margin: 0 5px 15px 5px;
	text-align: center;
	color: #fff;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1;
	font-weight: 200;
	width: 20%;
	max-width: 100px;
	height: 100px; 
	padding-top: 12px;
}
ul.countdown li span.value {
	display: block;
	font-size: 46px;
	color: rgba(255, 255, 255, 1);
	font-weight: 300;
 }
 
 ul.countdown li span.unit {
	display: block;
	color: #fff;
	font-weight: 400;
	margin-top: .5rem;
  }


.subscribe-form {
	margin: 4rem auto 0 auto;
	display:table;
}

.subscribe-form .form-control-custom {
	height: 3.5rem;
	width: 25rem;
	border: .1rem solid #fff;
	color: #fff;
	font-size: 1.3rem;
	background: none;
	background-color: rgba(0, 0, 0, .1);
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
	padding-left: 1rem;
	opacity: .5;
}

.subscribe-form .form-control-custom:focus,
.subscribe-form .form-control-custom:hover {
	height: 3.5rem;
	box-shadow: none;
	background: none;
	background-color: rgba(0, 0, 0, .1);
	outline: none;
	opacity: 1;
}

.subscribe-form .btn {
	height: 3.5rem;
	width: 10rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.contact-details {
	max-width: 50rem;
}

label {
	color: #fff;
}

.contact-form .form-control-custom {
	border: .1rem solid #fff;
	color: #fff;
	font-size: 1rem;
	background: none;
	background-color: rgba(0, 0, 0, .1);
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
	padding-left: 1rem;
	opacity: .5;
}

.contact-form .form-control-custom:focus,
.contact-form .form-control-custom:hover {
	box-shadow: none;
	background: none;
	background-color: rgba(0, 0, 0, .1);
	outline: none;
	opacity: 1;
}

.social {
	margin: 0 auto;
}

.social li {
	display: inline-block;
}

.social li a {
	display: block;
	width: 40px;
	height: 40px;
	margin: .4rem .1rem;
	text-align: center;
	border: 1px solid #333;
	text-decoration: none;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 4999px;
	line-height: 1.8;
	font-size: 1.4rem;
	opacity: .8;
}

.social li a:hover {
	opacity: 1;
}


/*
 * Responsive Styles
 */
 
 @media (max-width: 768px) {
	.contact-details .text-right {
		text-align: center!important;
		padding-top: 4rem;
		margin: 0 auto;
	}
	.slide-wrapper {
		width: 80%;
	}
	ul.countdown li {
		width: 40%;
		max-width: none;
	}
 }
 
@media (max-width: 614px) {
	.subscribe-form .btn, .subscribe-form .form-control {
		border-radius: .25rem!important;
	}
}

@media (max-width: 544px) {
	.logo {
		margin-top: 20px;
		margin-bottom: 10px;
		width: 20%;
	}
	h1 {
		font-size: 2.5rem;
		margin-bottom: -10px;
	}
	h2 {
		font-size: 1.5rem;
		margin-bottom: 20px;
	}
	p.lead {
		font-size: 1rem;
	}
	ul.countdown {
		margin-bottom: -20px;
		width: 100%;
	}	
	ul.countdown li {
		width: 20%;
	}
	ul.countdown li span.value {
		font-size: 24px;
		color: rgba(255, 255, 255, 1);
		font-weight: 300;
	}
	.subscribe-form{
		margin-top: 25px;
	}
	.btn {
		margin-bottom: 1rem;
	}
	.subscribe-form .form-control-custom {
		width: 20rem;
		padding: 0 1rem;
		font-size: 1rem;
		height: 40px;
	}
	.contact-form {
		display: none;
	}
	.contact-details {
		margin-top: -50px;
	}
	.slide-wrapper {
		width: 90%;
	}
	ul.social {
		width: 110%;
		margin-left: -5%;
	}
	
}

@media (min-width: 62em) {
	.cover-container {
		width: 42rem;
	}
}