@import url(https://fonts.googleapis.com/css?family=Raleway:400,300italic,400italic,500,500italic,600,600italic,700,700italic);
@font-face {
	font-family: 'Bebas';
	src: url('font/Bebas.eot');
	src: url('font/Bebas.eot@#iefix') format('embedded-opentype'), url('font/Bebas.woff') format('woff'), url('font/Bebas.ttf') format('truetype'), url('font/Bebas.svg#Bebas') format('svg');
}
body {
	color: #fff;
	font-family: 'Bebas', Arial;
	height: 100%;
	margin: 0;
	width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Bebas', Arial;
	letter-spacing: 5px;
}
.bg {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}
.header {
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.header-content {
	display: none;
}
span.phone {
	background: url(../images/phone.png) no-repeat left;
	display: inline-block;
	padding: 10px 15px;
}
span.email {
	background: url(../images/mail.png) no-repeat left;
	display: inline-block;
	padding: 10px 15px 10px 18px;
}
span.email a {
	color: #fff;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}
span.email a:hover {
	color: #aaa;
	text-decoration: none;
}
span.address {
	background: url(../images/address.png) no-repeat left;
	display: inline-block;
	padding: 10px 0 10px 20px;
}
.contact_form {
	margin: 20px 0;
}
.contact_form label {
	float: left;
	font-weight: normal;
	height: 25px;
	margin: 5px 0;
	padding: 5px 0 0;
	width: 100px;
}
.contact_form input {
	color: #888;
	float: left;
	font-family: 'Arial', sans-serif;
	font-weight: normal;
	margin: 5px 0;
	padding: 5px;
	width: 80%;
}
.contact_form textarea {
	color: #888;
	border: 0;
	font-family: 'Arial', sans-serif;
	margin: 5px 0;
	padding: 5px;
	width: 80%;
}
.contact_form input[type="submit"] {
	background: #F7B500;
	border: 0;
	color: #000;
	cursor: pointer;
	font-family: 'Bebas', Arial;
	height: 30px;
	margin: 5px 0;
	padding: 5px;
	width: 100px;
}
.contact-details {
	font-size: 12px;
	margin: 20px 0;
	text-transform: uppercase;
}
.close-header {
	cursor: pointer;
	display: none;
	position: relative;
	margin: 0 0 0 auto;
	padding: 0;
	width: 50px;
}
.open-header {
	cursor: pointer;
	display: block;
	margin: 0 0 0 auto;
	padding: 0;
	position: absolute;
	width: 50px;
	position: relative;
}
.isi {
	margin-top: 4%;
	margin-bottom: 5%;
}
.logo {
	display: inherit;
	margin: 25px 0;
	position: relative;
}
.countdown {
	display: block;
	font-size: 24px;
	line-height: 18px;
	position: relative;
	color: #fff;
	margin: 20px 0;
}
.time span {
	font-size: 160px;
	line-height: 160px;
	margin: 0 0 0 -10px;
}
.days, .hours, .minutes, .seconds {
	font-size: 120px;
	line-height: 100px;
	margin: 0 0 0 0px;
}
ul.time {
	list-style: none outside none;
	margin: 0;
}
ul.time li {
	display: inline-block;
	padding: 0 60px;
	position: relative;
}
.dotted {
	border-right: 1px solid rgba(255, 255, 255, 0.30);
}
ul.socmed {
	display: block;
	margin: 20px 0;
	overflow: hidden;
	position: relative;
}
ul.socmed li {
	display: inline-block;
	margin: 0;
	position: relative;
}
.subscribe {
	margin: 20px 0;
}
.subscribe input[type=text] {
	background: #fff;
	border: 1px solid #dddddd;
	color: #888;
	font-family: 'Arial', sans-serif;
	padding: 5px;
	width: 40%;
}
.subscribe input[type=submit] {
	background: #F7B500;
	border: 0;
	color: #000;
	cursor: pointer;
	font-family: 'Bebas', Arial;
	height: 30px;
	margin-left: 5px;
	padding: 5px;
	position: relative;
	width: 100px;
}
.subscrib input[type=submit]:hover {
	background: #000;
	color: #F7B500;
}
.twitter a, .facebook a, .tumblr a, .dribbble a, .linkedin a, .rss a, .delicious a, .devianart a, .digg a, .digg2 a, .flickr a, .lastfm a, .myspace a, .picasa a, .sharethis a, .skype a, .twitter2 a, .vimeo a, .youtube a, .yahoo a, .yahoo2 a, .wikipedia a {
	background: url(../images/socmed.png) no-repeat left bottom;
	float: left;
	height: 32px;
	margin-right: 10px;
	text-indent: 8000px;
	width: 32px;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}
.twitter a:hover, .facebook a:hover, .tumblr a:hover, .dribbble a:hover, .linkedin a:hover, .rss a:hover, .delicious a:hover, .devianart a:hover, .digg a:hover, .digg2 a:hover, .flickr a:hover, .lastfm a:hover, .myspace a:hover, .picasa a:hover, .sharethis a:hover, .skype a:hover, .twitter2 a:hover, .vimeo a:hover, .youtube a:hover, .yahoo a:hover, .yahoo2 a:hover, .wikipedia a:hover {
	background: url(../images/socmed.png) no-repeat left top;
}
.twitter, .twitter a {
	background-position: -0px bottom;
}
.twitter a:hover {
	background-position: -0px top;
}
.twitter2, .twitter2 a {
	background-position: -528px bottom;
}
.twitter2 a:hover {
	background-position: -528px top;
}
.facebook, .facebook a {
	background-position: -33px bottom;
}
.facebook a:hover {
	background-position: -33px top;
}
.tumblr, .tumblr a {
	background-position: -66px bottom;
}
.tumblr a:hover {
	background-position: -66px top;
}
.dribbble, .dribbble a {
	background-position: -99px bottom;
}
.dribbble a:hover {
	background-position: -99px top;
}
.linkedin, .linkedin a {
	background-position: -133px bottom;
}
.linkedin a:hover {
	background-position: -133px top;
}
.rss, .rss a {
	background-position: -166px bottom;
}
.rss a:hover {
	background-position: -166px top;
}
.delicious, .delicious a {
	background-position: -199px bottom;
}
.delicious a:hover {
	background-position: -199px top;
}
.devianart, .devianart a {
	background-position: -233px bottom;
}
.devianart a:hover {
	background-position: -233px top;
}
.digg, .digg a {
	background-position: -266px bottom;
}
.digg a:hover {
	background-position: -266px top;
}
.digg2, .digg2 a {
	background-position: -299px bottom;
}
.digg2 a:hover {
	background-position: -299px top;
}
.flickr, .flickr a {
	background-position: -331px bottom;
}
.flickr a:hover {
	background-position: -331px top;
}
.lastfm, .lastfm a {
	background-position: -364px bottom;
}
.lastfm a:hover {
	background-position: -364px top;
}
.myspace, .myspace a {
	background-position: -397px bottom;
}
.myspace a:hover {
	background-position: -397px top;
}
.picasa, .picasa a {
	background-position: -431px bottom;
}
.picasa a:hover {
	background-position: -431px top;
}
.sharethis, .sharethis a {
	background-position: -464px bottom;
}
.sharethis a:hover {
	background-position: -464px top;
}
.skype, .skype a {
	background-position: -497px bottom;
}
.skype a:hover {
	background-position: -497px top;
}
.vimeo, .vimeo a {
	background-position: -562px bottom;
}
.vimeo a:hover {
	background-position: -562px top;
}
.youtube, .youtube a {
	background-position: -594px bottom;
}
.youtube a:hover {
	background-position: -594px top;
}
.yahoo, .yahoo a {
	background-position: -628px bottom;
}
.yahoo a:hover {
	background-position: -628px top;
}
.yahoo2, .yahoo2 a {
	background-position: -662px bottom;
}
.yahoo2 a:hover {
	background-position: -662px top;
}
.wikipedia, .wikipedia a {
	background-position: -694px bottom;
}
.wikipedia a:hover {
	background-position: -694px top;
}
.container{
background:url(../images/back.png) repeat ;
}
header p {
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}
.subscribe p {
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}
form#inform_form div{
    position: relative;
}
form#inform_form label.error {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    text-transform: none;
    display: none;
    border: none;
    background-color: #FF0000;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 15px;
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}
.form-respond .content-message {
      border-radius: 4px;
    margin: 25px 0;
    padding: 4px 8px;
    color: #fff;
    background-color: #ff382e;
    display: inline-block;
}
.form-respond .content-message.success {
    color: #fff;
    background-color: green;
}
.form-respond .content-message h2 {
         font-size: 14px;
    margin: 0;
    padding: 10px 0;
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}
header p a {
    color: #fff;
}
footer {
    text-align: center;
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}
footer a {
    color: #fff;
}
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width:1200px) {
	.last {
		border: none;
	}
}
@media only screen and (min-width:976px) and (max-width:1199px) {
	span.phone {
		margin-bottom: 0px;
	}
	span.email {
		margin-bottom: 0px;
		padding: 10px 0px 10px 18px;
	}
	span.address {
		padding: 0 0 0 20px;
	}
	.contact_form input {
		width: 75%;
	}
	.contact_form textarea {
		width: 75%;
	}
	ul.time li {
		padding: 0 25px;
	}
	.last {
		border: none;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width:768px) and (max-width:976px) {
	span.phone {
		margin-bottom: 0px;
		padding: 10px 15px;
	}
	span.email {
		margin-bottom: 0px;
		padding: 10px 0px 10px 18px;
	}
	span.address {
		padding: 0 0 0 20px;
	}
	.contact_form input {
		width: 70%;
	}
	.contact_form textarea {
		width: 70%;
	}
	ul.time li {
		padding: 0 25px;
	}
	.days, .hours, .minutes, .seconds {
		font-size: 80px;
		line-height: 60px;
	}
	.last {
		border: none;
	}
}

/* All Mobile Sizes (devices and browser)
@media only screen and (max-width:767px) {
}
*/
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {
	span.phone {
		margin-bottom: 0px;
		padding: 10px 15px;
	}
	span.email {
		margin-bottom: 0px;
		padding: 10px 15px 10px 18px;
	}
	span.address {
		padding: 10px 15px 10px 20px;
	}
	.contact_form input {
		width: 75%;
	}
	.contact_form textarea {
		width: 75%;
	}
	.logo img {
		max-width:100%;
	}
	.subscribe input[type=text] {
		    width: 100%;
    margin-bottom: 15px;
	}
	h1 {
		font-size: 24px;
	}
	.countdown {
		font-size: 16px;
	}
	ul.time li {
		padding: 0 8px;
	}
	.days, .hours, .minutes, .seconds {
		font-size: 80px;
		line-height: 60px;
		margin: 0;
	}
	.last {
		border: none;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:480px) {
	span.phone {
		margin-bottom: 0px;
		padding: 10px 15px;
	}
	span.email {
		margin-bottom: 0px;
		padding: 10px 15px 10px 18px;
	}
	span.address {
		margin-bottom: 10px;
		padding: 10px 15px 10px 20px;
	}
	.contact_form input {
		width: 67%;
	}
	.contact_form textarea {
		width: 67%;
	}
	.logo img {
		max-width:100%;
	}
	.subscribe input[type=text] {
		    width: 100%;
    margin-bottom: 15px;
	}
	h1 {
		font-size: 24px;
	}
	.countdown {
		font-size: 16px;
	}
	ul.time li {
		padding: 0 40px;
		margin-bottom: 20px;
	}
	.days, .hours, .minutes, .seconds {
		font-size: 60px;
		line-height: 60px;
		margin: 0 0 0 0px;
	}
	.last, .last2 {
		border: none;
	}
	ul.socmed {
		margin: 0 0 25px;
	}
}