/*!
 * Bootstrap v3.1.1 (http://20script.ir)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 *
 * Theme Name: Calm
 * Theme URI: http://www.themeforest.net
 * Description: A Responsive Underconstruction Theme For You
 * Author: Jogres
 * Author URI: http://www.20script.ir
 */

@font-face {
  font-family: 'BYekan';
  src: url('../fonts/BYekan.eot');
  src: url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'), url('../fonts/BYekan.ttf') format('truetype'), url('../fonts/BYekan.woff') format('woff'), url('../fonts/BYekan.svg#booom') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	color: #fff;
	font-family: 'byekan', Arial;
	height:100%;
	margin: 0;
	width:100%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'byekan', 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: right;
	font-weight: normal;
	height: 25px;
	margin: 5px 0;
	padding: 5px 0 0;
	width: 100px;
}
.contact_form input {
	color: #888;
	float: left;
	font-family: 'byekan', sans-serif;
	font-weight: normal;
	margin: 5px 0;
	padding: 5px;
	width: 80%;
	direction:rtl;
}
.contact_form textarea {
	color: #888;
	border: 0;
	font-family: 'byekan', sans-serif;
	margin: 5px 0;
	padding: 5px;
	width: 80%;
	direction:rtl;
}
.contact_form input[type="submit"] {
	background: #F7B500;
	border: 0;
	color: #000;
	cursor: pointer;
	font-family: 'byekan', 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;
	direction:rtl;
}
.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: 'byekan', sans-serif;
	padding: 5px;
	width: 40%;
	direction:rtl;
	}
.subscribe input[type=submit] {
	background: #F7B500;
	border: 0;
	color: #000;
	cursor: pointer;
	font-family: 'byekan', 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}

/* #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 {
	line-height: 110px;
	}
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 {
	line-height: 110px;
}
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;
	}
	}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file 
		Just create a "fonts" folder at the root, 
		copy your FontName into code below and remove
		comment brackets */
		
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/