/*
Bomrani http://www.bomrani.com/ | Version: 1.0
Design and Development: Hamid Shavarean http://www.hamidshavarean.com/
© 2016 Hamid Shavarean studio. All rights reserved.
*/

@import 'css/reset.css';
@import 'css/responsive.gs.24col.css';
@import 'css/header.css';
@import 'css/font-awesome.min.css';
@import 'css/audio-player.css';
@import 'css/video-player.css';
@import 'css/table.css';
@import 'css/qtip.css';
@import 'css/lightbox.css';
@import 'css/tabs.css';

/* Fonts */
@font-face {font-family: 'lalezarregular';src: url('fonts/lalezar-regular-edited-webfont.eot');src: url('fonts/lalezar-regular-edited-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/lalezar-regular-edited-webfont.woff2') format('woff2'),url('fonts/lalezar-regular-edited-webfont.woff') format('woff'),url('fonts/lalezar-regular-edited-webfont.svg#lalezarregular') format('svg');font-weight: normal;font-style: normal;}@font-face {font-family:'Squada One';src:url(fonts/squada_one-webfont.eot);src:url(fonts/squada_one-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/squada_one-webfont.woff2) format("woff2"),url(fonts/squada_one-webfont.woff) format("woff");font-weight:400;font-style:normal;}@font-face {font-family: 'Omid Regular';font-style: normal;font-weight: 700;src: url(fonts/omid-regular.eot);src: url(fonts/omid-regular.eot?#iefix) format('embedded-opentype'),url(fonts/omid-regular.woff) format('woff');}@font-face {font-family: 'Omid Bold';font-style: normal;font-weight: 700;src: url(fonts/omid-bold.eot);src: url(fonts/omid-bold.eot?#iefix) format('embedded-opentype'),url(fonts/omid-bold.woff) format('woff');}@font-face {font-family: 'proximanova-regular';src: url('fonts/proximanova-reg-webfont.eot');src: url('fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/proximanova-reg-webfont.woff') format('woff'),url('fonts/proximanova-reg-webfont.ttf') format('truetype'),url('fonts/proximanova-reg-webfont.svg#proxima_nova_rgregular') format('svg');font-weight: normal;font-style: normal;}@font-face {font-family: 'proximanova-bold';src: url('fonts/proximanova-bold-webfont.eot');src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/proximanova-bold-webfont.woff') format('woff'),url('fonts/proximanova-bold-webfont.ttf') format('truetype'),url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');font-weight: normal;font-style: normal;}

::selection {
	color:#f1efef;
	background:#1c1c1c;
/* Safari */
}

::-moz-selection {
	color:#f1efef;
	background:#1c1c1c;
/* Firefox */
}

a {
	color:#1c1c1c;
	text-decoration:none;
}

a:hover {
	color:#636363;
	text-decoration:none;
}

Body {
	background:#f1efef;
	margin:0;
	padding:0;
	font-family:'lalezarregular';
	cursor:default;
	-webkit-user-select:none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.container {
	width:100%;
}

section {
	max-width:1024px;
	margin:0 auto;
	padding:1.5em 1em 4em;
	color:#636363;
	font-size:1.2em;
	overflow:hidden;
}

.media,.contact {
	min-height:88vh;
}

section img,section video {
	border-radius:.3em;
	-webkit-border-radius:.3em;
}

@media (min-width: 635px) {
#photos .span_6 {
    width: 23.3%;
}
}

.thumbnail img,.product img {
	width:100%;
	height:auto;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
}

.thumbnail img:hover {
	opacity:.7;
}

.videos .thumbnail img {
	cursor:pointer;
}

.videos .thumbnail h2 {
	color:#1c1c1c;
	text-transform:uppercase;
	font-size:.8em;
}

section p {
	text-align:justify;
	font-size:.8em;
	color:#1c1c1c;
	line-height:1.4em;
}

strong,b,h2,h3 {
	font-family:'lalezarregular';
}

h3 {
	text-align:center;
	color:#1c1c1c;
}

h4 {
	text-align:center;
	color:#1c1c1c;
	font-family:'lalezarregular';
}

.farsi {
	font-family:'lalezarregular';
	font-size:.8em;
	direction:rtl;
}

.farsi b,.farsi strong {
	font-family:'lalezarregular';
}

.badge {
	width:264px;
	height:218px;
	margin:0 auto;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	transform-origin:top center;
	transform:scale(1);
	z-index:1000;
}

.badge-layer-one {
	position:absolute;
	width:264px;
	height:218px;
	background:url(img/badge-01.svg) no-repeat center center;
	z-index:3;
}

.badge-flare {
	position:absolute;
	width:264px;
	height:218px;
	background:url(img/badge-flare.svg) no-repeat center center;
	z-index:2;
	transform:rotate(0deg);
	animation:badge 40s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	-webkit-transform:rotate(0deg);
	-webkit-animation:badge 40s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-transform:rotate(0deg);
	-moz-animation:badge 40s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
	-ms-transform:rotate(0deg);
	-ms-animation:badge 40s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-timing-function:linear;
}

.badge-layer-two {
	position:absolute;
	width:264px;
	height:218px;
	background:url(img/badge-02.svg) no-repeat center center;
	z-index:1;
}

@keyframes badge {
	from {
		transform:rotate(0deg);
	}
	
	to {
		transform:rotate(360deg);
	}
}

@-webkit-keyframes badge {
	from {
		-webkit-transform:rotate(0deg);
	}
	
	to {
		-webkit-transform:rotate(360deg);
	}
}

@-moz-keyframes badge {
	from {
		-moz-transform:rotate(0deg);
	}
	
	to {
		-moz-transform:rotate(360deg);
	}
}

@-ms-keyframes badge {
	from {
		-ms-transform:rotate(0deg);
	}
	
	to {
		-ms-transform:rotate(360deg);
	}
}

h1 {
	font-family:'lalezarregular';
	font-size:4em;
	text-align:center;
	text-transform:uppercase;
	color:#1c1c1c;
}

.home {
	min-height:130vh;
	padding-top:17em;
}

.home .span_24 img {
	width:100%;
	height:auto;
}

.about {
	color:#636363;
	font-size:1.2em;
}

.figures {
	text-align:center;
}

.figures img {
	width:100%;
	max-width:900px;
	height:auto;
}

#pt {
	width:100%;
	height:100vh;
	position:absolute;
}

.social {
	margin-top:2em;
	text-align:center;
}

.social a {
	font-size:1.5em;
	color:#1c1c1c;
	margin-right:.3em;
}

.social a:last-child {
	margin-right:0;
}

.social a:hover {
	color:#636363;
}

footer {
	margin-top:2.5em;
	color:#1c1c1c;
	text-align:center;
	font-size:.65em;
}

footer a {
	font-family:'lalezarregular';
	color:#1c1c1c;
	text-decoration:none;
}

footer a:hover {
	color:#636363;
	text-decoration:none;
}

.album {
	margin-left:auto;
	margin-right:auto;
	color:#1c1c1c;
	padding:0 1.25rem;
	margin-bottom:2em;
}

.album .artwork img {
	width:100%;
}

.album .title {
	font-family:'lalezarregular';
	text-transform:uppercase;
}

.album .title {
	font-size:1.6em;
}

,.album .year {
	font-size:1.2em;
	line-height:1.3em;
}
.album .tracks {
	padding-left:2em;
	font-size:.75em;
	line-height:1.3em;
}

.album ul {
	margin:0;
	padding:0;
	counter-reset:i 0;
}

.album ul li {
	line-height:1.3em;
}

.album ul li:first-child {
	margin-top:.5em;
}

.buy {
	font-family:'lalezarregular';
	font-size:.7em;
	padding-top:.5em;
	text-transform:uppercase;
	text-align:center;
}

.buy a {
	opacity:1;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
}

.buy a:hover {
	opacity:.5;
}

.beeptunes {
	width:98px;
	height:16px;
	display:block;
	background:url(img/stores.svg) no-repeat center -4em;
	margin:.7em auto;
}

.itunes {
	width:95px;
	height:22px;
	display:block;
	background:url(img/stores.svg) no-repeat center top;
	margin:.3em auto .8em;
}

.spotify {
	width:95px;
	height:22px;
	display:block;
	background:url(img/stores.svg) no-repeat center -10.25em;
	margin:.3em auto .8em;
}

.googleplay {
	width:99px;
	height:22px;
	display:block;
	background:url(img/stores.svg) no-repeat center -12.25em;
	margin:.3em auto .8em;
}

.charkhoneh {
	width:95px;
	height:26px;
	display:block;
	background:url(img/stores.svg) no-repeat center -14em;
	margin:.3em auto .8em;
}

.amazon {
	width:53px;
	height:22px;
	display:block;
	background:url(img/stores.svg) no-repeat center -2.25em;
	margin:.3em auto .8em;
}

.download:before {
	content:' | ';
	color:#636363;
}

.download {
	text-decoration:none;
	color:#1c1c1c;
}

.download:hover {
	color:#636363;
}

.common-vent {
	border:1px solid rgba(4,62,84,.1);
}

.videos .thumbnail {
	font-size:.7em;
	color:#1c1c1c;
	line-height:0em;
}

.videos .thumbnail b {
	font-size:1.5em;
	text-transform:uppercase;
	line-height:2em;
}

.product {
	text-align:center;
	color:#1c1c1c;
	font-size:.8em;
/* 	margin-right:1.8em !important; */
}


.product span {
	text-transform:uppercase;
	font-family:'lalezarregular';
	font-size:.8em;
	
}

.product b {
	font-size:1.2em;	
}

.product .buy {
	font-size:.8em;
}

.peeshnahad {
	width:65px;
	height:22px;
	display:inline-block;
	background:url(img/stores.svg) no-repeat center bottom;
	vertical-align:middle;
}

.bookcity {
	width:95px;
	height:25px;
	display:inline-block;
	background:url(img/stores.svg) no-repeat center -6.76em;
	vertical-align:middle;
}

.out-of-stock {
	color:#E53C79;
}

.coming-soon {
	color:#4594AF;
}

.contact h3 {font-size:1.4em;}


.portrait {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(img/portrait.svg) center center no-repeat;
	display:none;
	z-index:999999;
}

.past-shows {
	overflow:hidden;
	transition:all .5s ease-in-out;
	display:none;
}

.showContent {
	height:auto;
	opacity:1;
	transition:all .5s ease-in-out;
}

.past-shows-button {
	padding:1em 0;
}
.past-shows-button div {
	font-family: 'lalezarregular';
    font-size: .9em;
    text-align: center;
    display: block;
    border: 1px #1c1c1c solid;
    border-radius: .3em;
    -webkit-border-radius: .3em;
    padding: .3em 1em .2em;
    cursor: pointer;
    color: #1c1c1c;
    margin: 0 auto;
    max-width: 13em;
}

.past-shows-button div:hover {
	background: rgba(255,255,255,.3);
}

@media ( max-width : 634px ) {
	.album .tracks {
		padding-left:0;
		text-align:center;
	}
	
	.thumbnail {
		width:32%;
		margin-left:.65%;
		margin-right:.65%;
		margin-bottom:0;
	}
	
	.videos .thumbnail, .span_8 {
		width:100%;
		padding-right:.3em;
	}
	.videos .thumbnail {
		margin-bottom:1em;
	}
	.social a {font-size:1.3em;}
}