@import url("../fonts/stylesheet.css");
@import url("base.css");
@import url("bootstrap.css");

body {
	background-image: url(../img/bg-main.png);
	background-color: #171718;
}

/* GENERAL style */
.logo {
	display: block;
	margin: 60px 0;
}

/* SLOGAN style */
.slogan {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 65px;
	background-image: url(../img/line-v.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.slogan h1 {
	font-size: 38px;
	color: #fff;
	font-family: 'RobotoThin', sans-serif;
}

.slogan h1 span {
	font-family: 'RobotoRegular', sans-serif;
}

.slogan p {
	font: 14px 'RobotoRegular', sans-serif;
	color: #4c4c4c;
}

.last {
	margin-right: 0px !important;
	padding-right: 0px !important;
}

.first {
	margin-left: 0px !important;
	padding-left: 0px !important;
}


 /* SUBCRIBE style */
.subscribe {
 	background-color: #1c1c1d;
 	width: 455px;
 	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 20px;
	margin-top: 60px;
	margin-bottom: 60px;
}

.subscribe h4 {
	color: #ddd;
	font: 16px 'RobotoLight', sans-serif;
	text-transform: uppercase;
	margin-top: -5
}

.subscribe form { 
	display: inline-block;
	position: relative;
	margin: 0 auto;
}

.subscribe form input {
	width: 430px; 
	height: 37px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background-color: #171718; 
	-webkit-box-shadow: 1px 1px rgba(255,255,255,.05), inset 1px 1px 1px rgba(10,10,10,.2); 
	-moz-box-shadow: 1px 1px rgba(255,255,255,.05), inset 1px 1px 1px rgba(10,10,10,.2); 
	box-shadow: 1px 1px rgba(255,255,255,.05), inset 1px 1px 1px rgba(10,10,10,.2);
	border: none;
	color: #545454;
	font: 13px 'RobotoRegular', sans-serif;
	padding-left: 12px;
}

.subscribe form button {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 97px; 
	height: 37px; 
	-webkit-border-radius: 1px; 
	-moz-border-radius: 1px; 
	border-radius: 1px; 
	background-color: #dabd6f; 
	-webkit-box-shadow: inset 0 1px rgba(255,255,255,.25); 
	-moz-box-shadow: inset 0 1px rgba(255,255,255,.25); 
	box-shadow: inset 0 1px rgba(255,255,255,.25); 
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08)); 
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08)); 
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08)); 
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08)); 
	background-image: linear-gradient(to top, rgba(0,0,0,.08), rgba(255,255,255,.08));
	font-family: 'RobotoBold', sans-serif; 
	font-size: 13px; 
	text-transform: uppercase; 
	color: #171719; 
	text-shadow: 0 1px rgba(255,255,255,.25);
	border: none;
	line-height: 39px;
	opacity: 1;
}
.subscribe form button:hover {
	opacity: 0.9;
}

.subscribe .msg {
	font: 14px 'RobotoRegular', sans-serif;
	padding-top: 15px;
}

.subscribe .ok {
	color: #6ead4f;
}

.subscribe .error {
	color: #c64d4d;
}


/* FOOTER style */
.footer {
	padding-top: 200px;
	background-image: url(../img/line-v.png);
	background-repeat: repeat-x;
	background-position: 400 0;
	margin-bottom: 40px;
}

.footer p {
	font: 13px 'RobotoRegular', sans-serif;
	color: #515151;
	float: left;
	line-height: 45px;
}

.footer .social-icons {
	float: right;
}

.footer .social-icons li, 
.footer .social-icons li a {
	list-style: none;
	float: left;
	display: inline-block;
	margin-right: 10px;
	width: 40px; 
	height: 45px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
	background-color: #1d1d1d;
}

.footer .social-icons li:hover,
.footer .social-icons a:hover {
	background: #242424;
}

.footer .social-icons li a.facebook {
	background-image: url(../img/social-icons/facebook.png);
	background-repeat: no-repeat;
	background-position: center;
}

.footer .social-icons li a.twitter {
	background-image: url(../img/social-icons/twitter.png);
	background-repeat: no-repeat;
	background-position: center;
}

.footer .social-icons li a.vimeo {
	background-image: url(../img/social-icons/vimeo.png);
	background-repeat: no-repeat;
	background-position: center;
}

.footer .social-icons li a.flickr {
	background-image: url(../img/social-icons/flickr.png);
	background-repeat: no-repeat;
	background-position: center;
}

.countdown span {
	color: #171719;
	background: #dabd6f;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font: 43px 'RobotoMedium', sans-serif;
	padding: 20px 10px;
	margin-left: 1px;
}

.countdown > div {
	float: left;
	display: block;
	text-align: center;
}

.countdown {
	margin-left: auto;
	margin-right: auto;
	width: 585px;
	height: 105px;
	text-align: center;
	background-repeat: repeat-x;
	background-image: url(../img/bg-dots.png);
	background-position: bottom;
	padding-bottom: 60px;
}

.countdown .counter_word {
	margin-top: 40px;
	color: #777777;
	font: 14px 'RobotoLight', sans-serif;
	text-transform: uppercase;
}

.countdown .rounded_box {
	margin-right: 60px;
}