/*----------------------------------------------------------------------------------------
										COMMON STYLES
-----------------------------------------------------------------------------------------*/

body {
	font-family: 'Roboto';
	font-size: 18px;
	font-weight: 300;
	color: #777;
	line-height: 1.6;
	text-align: center;
}


a {
	color: white;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

a:hover {
	color: white;
	text-decoration: underline;
}

h1 {
	font-size: 60px;
	font-family: 'Averia Serif Libre';
	font-weight: 300;
}

h2 { font-size: 30px;
font-family: 'Averia Serif Libre';
font-weight: 700;}

h3 { font-size: 28px; }

h4 { font-size: 20px; }

h1,
h2,
h3,
h4 {
	text-transform: ;
	color: white;
	line-height:1.2;
	margin:30px 0 10px 0;
}


h1.sep,
h2.sep,
h3.sep,
h4.sep {
	margin:80px 0 20px 0;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong {
	font-weight:bold;
	text-transform:none;
}


ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}

#wrap { overflow: hidden; }



.single-caption{
text-align: justify;}

@media (max-width: 767px) {
	.single-caption {max-width: 75%; margin: 0 auto; display:block}
}



.title h2 {
	display: block;
	position: relative;
	padding-bottom:40px;
	margin: 100px 0 50px 0;
	text-transform: uppercase;
}

.title h2:after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 140px;
	background-color: white;
	bottom: 0;
	left: 50%;
	margin-left: -70px;
}

.title p {
	display: block;
	margin: 0 auto;
	margin-bottom: 2em;
	max-width: 500px;
	text-align: justify
}


.container,
.container-fluid {
	position: relative;
	z-index: 1;
}





/* Listen button */


.round-btn{
background-color: #e1e1e1;
	border-radius: 0px;
	display: inline-block; 
	position: relative;
	padding: 15px 20px;
	font-size: 15px;
	vertical-align:middle;
	color:black;
	margin: 1em 0 0 0;
	text-align: left;
	overflow: hidden;
	font-family: 'Roboto', bold;
	text-transform: uppercase;
	font-weight: 900;
}


.round-btn:hover {
	background-color: #a1a1a1;
	color:black;
	text-decoration: none
}



round-btn-sm{
	font-size:14px;
	border: 1px solid #ddd;
	display: inline-block;
	padding: 0 15px;
	border-radius:18px;
	vertical-align:middle;
	line-height:2.5;
}

.round-btn-sm:hover {
	color: #444;
	border: 1px solid red;
}

.round-btn .icon{margin-right:20px}
.round-btn .icon-right{margin-left:20px}
.round-btn-sm .icon{margin-right:10px}
.round-btn-sm .icon-right{margin-left:10px}




/* scroll down button */


.ios-btn .btn-content,
.download-btn-alt.ios-btn { color: black;text-decoration: none}

.download-btn-alt {
	display: inline-block;
	position: relative;
	padding: 10px 30px 12px 70px;
	border-radius:0px;
	border:2px solid black;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	overflow: hidden;
	margin-top: 0;
	color: black;
}

.download-btn-alt:hover{
	background-color: none;
}

.download-btn-alt .icon {
	top: 17px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


/*
.download-btn-alt:hover .icon{
	transform:rotate(360deg);
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	color:white;
	}
*/


.download-btn-alt.invert:hover .icon{
	color:black;
}

.download-btn-alt.invert {
	color: black;
	background: red;
}

.download-btn-alt.ios-btn.invert{ background:#000; }
.download-btn-alt.android-btn.invert{ background:#669900; }
.download-btn-alt.win-btn.invert{ background:#68217a; }

.android-btn .btn-content,
.download-btn-alt.android-btn { color: #669900; }
.win-btn .btn-content,
.download-btn-alt.win-btn { color: #68217a; }

.download-btn .icon,
.download-btn-alt .icon {
	font-size: 32px;
	position: absolute;
	left: 20px;
	top: 14px;
}

.download-btn b,
.download-btn-alt b {
	display: block;
	position: relative;
	font-size: 20px;
	font-weight: 700;
	z-index: 2;
}






/* SECTION COLORS */



section {
	padding: 80px 0;
	position: relative;
	background: black;
	z-index: 2;
	overflow: hidden;
}


@media (max-width: 767px) {
.img-responsive {max-width: 85%; margin: 0 auto; display:block}
}


#social{padding:0;}
#watch {padding: 100px 0;}


.color { color: red; }
.bg-color-video { background-color: black;  }
.bg-color-music {background-color: white; color: #f8f8f8;}
.bg-color-bio { background-color: #1c1c1c; color:#b1b1b1 }


.bg-color-grad{
	background: red; /* Old browsers */
	background: -moz-linear-gradient(top,  red 0%, #00e0a4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,red), color-stop(100%,#00e0a4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  red 0%,#00e0a4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  red 0%,#00e0a4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  red 0%,#00e0a4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  red 0%,#00e0a4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='red', endColorstr='#00e0a4',GradientType=0 ); /* IE6-9 */
}




.bg-color3 h2,
.bg-color-main h2,
.bg-color-grad h2{ color: #f8f8f8; }

.bg-color3,
.bg-color-main,
.bg-color-grad{ color: #f8f8f8; }

.bg-color3 .title h2:after,
.bg-color-main .title h2:after,
.bg-color-grad .title h2:after{
	background-color:#fff;
	opacity:0.5;
}

.block-bg,
.block-video-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.15;
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
	height: 120%;
	width: 100%;
}

.block-video-bg {
	text-align:left;
}

.item-list-right li {
	padding: 0 60px 20px 0;
	position: relative;
	text-align: right;
}

.item-list-right li .icon {
	font-size: 32px;
	position: absolute;
	right: 0;
	top: 0;
}

.item-list-left li {
	padding: 0 0px 20px 60px;
	position: relative;
	text-align: left;
}

.item-list-left li .icon {
	font-size: 32px;
	position: absolute;
	left: 0;
	top: 0;
}

.item-list-right h3,
.item-list-left h3 { margin: 0 0 25px 0; }

.item-list-right.item-list-big li { padding: 0 80px 60px 0; }

.item-list-left.item-list-big li { padding: 0 0px 60px 80px; }

.item-list-big li .icon { font-size: 48px; }

.item-list-right li:last-child,
.item-list-left li:last-child { padding-bottom: 0; }

.panel{
	border:1px solid #ddd;
	box-shadow:none;
	-webkit-box-shadow:none;
}
.panel-heading{
	display:block;
	border-bottom:1px solid #eee;
	font-weight:bold;
	padding:20px 25px;
}

.panel-heading .icon{
	margin-right:10px;
}

.panel-body{padding:20px 25px;}

.tab-content{ 
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-radius: 0 0 4px 4px;
	padding:25px;
}

.nav-tabs li a{
	padding:20px 25px;
	font-weight:bold;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover{
	color:red
}

.nav-tabs li a:hover{
	background:none;
}

.placeholdersjs { color: #aaa !important; }

@media (max-width: 992px) {

section { padding: 80px 0; }

.item-list-right h3,
.item-list-left h3 { margin: 0 0 10px 0; }
 
} @media (max-width: 767px) {

h1 { font-size: 40px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

.title h2 {
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
}

.title p { margin: -10px 0 50px 0; }

.item-list-left li .icon,
.item-list-right li .icon {
	position: relative;
	margin-bottom: 20px;
	display: block;
}

.item-list-left li,
.item-list-right li {
	text-align: center;
	padding: 0 0 30px 0;
}

.item-list-right.item-list-big li,
.item-list-left.item-list-big li { padding: 0 0 40px 0; }
 
.nav-tabs>li{
	float:none;
}
.nav-tabs>li a{
	display:block;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-radius:0;
	margin:0;
}
.nav-tabs li:first-child a{
	border-radius:4px 4px 0 0;
}
.nav-tabs>li a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus{
	border-color:#ddd;
}
}








/*----------------------------------------------------------------------------------------
										INTRO
----------------------------------------------------------------------------------------*/

#full-intro { text-align: left; }

#blog-intro { text-align: center; }

#blog-intro .container {padding: 150px 0 100px 0;}

#blog-intro h1.slogan {margin:0 40px;}



#blog-intro .block-bg{
	background-image:url(/img/header_1600x1200.jpg);
	opacity:0.25;
	background-position:center;
}




.intro-block .block-bg {
	background-image:url(/img/bayse_1600x1200_neonlights.jpg);
	opacity: 1;
}

@media (max-width: 767px) {
.intro-block .block-bg {
	background-image:url(/img/bayse_512x1000_neonlights.jpg);
	opacity: 1;
}
} 



.intro-block {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.intro-block .block-video-bg{opacity:0.25;}

#big-video-wrap video,
.vjs-control-bar{display:none;}

.intro-block .ray{ z-index:1;}

.intro-block .container {
	padding: 160px 0;
	z-index: 2;}

.intro-block h1 a{ 
	color:inherit; 
	border-bottom:1px solid #fff;
}

.intro-block .download-btn,
.intro-block .download-btn-alt{
	margin:0 2px;
}

.intro-block #slides {
	position: absolute !important;
	top: 0;
	z-index: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari only override */
::i-block-chrome, .intro-block #slides,
::i-block-chrome, .intro-block .block-bg,
::i-block-chrome, .intro-block .block-video-bg {
	position: fixed !important; 
	-webkit-transform: translateZ(0);}
}

.intro-block #slides img { opacity: 0.25; }

.intro-block .logo {
	display: inline-block;
	margin: 0 0 100px 0;
}

.intro-block h1.slogan {
	color: black;
	line-height: 1.4;
	margin: 0 10px 40px 10px;
	text-transform: none;
	text-shadow: 0px 1px 1px rgba(0,0,0,0);  /* opacity! */
	font-size: 1.2em;
			font-family: 'Averia Serif Libre';
	font-size: 18px;
	font-weight: 300;
}


@media (max-width: 767px) {
.intro-block h1.slogan {
	font-size: 0.9em;
}
}




.intro-screen {
	position: absolute;
	right: 0;
	top: 0;
}

@media (max-width: 992px) {

#full-intro { text-align: center; }

} @media (max-width: 767px) {
	
#blog-intro .container {padding: 100px 0 50px 0;}

.intro-block .container { padding: 80px 0; }

.intro-block .logo { margin: 0 0 60px 0; }

} 



/*----------------------------------------------------------------------------------------
										PRELOADER
----------------------------------------------------------------------------------------*/

#preloader {
	background: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	left: 0;
	position: fixed;
	z-index: 9999;
}

#preloader .battery {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 20px;
	margin: -10px 0 0 -20px;
	border: 1px solid black;
	border-radius: 3px;
}

#preloader .battery:after {
	display:block;
	content:"";
	position: absolute;
	right:-4px;
	top:6px;
	height: 6px;
	width:2px;
	background: none;
	border-radius: 0 2px 20x 0;
}

#preloader .battery .load-line {
	position: absolute;
	z-index: 100;
	height: 16px;
	width: 36px;
	top: 1px;
	left: 1px;
	background: black;
	border-radius: 1px;
	-webkit-animation: battery-load 1s linear 0s infinite;
	-moz-animation: battery-load 1s linear 0s infinite;
	animation: battery-load 1s linear 0s infinite;
}

@-webkit-keyframes battery-load { 
0% {width: 0px;}
100% {width: 36px;}
}

@keyframes battery-load { 
0% {width: 0px;}
100% {width: 36px;}
}


#preloader .radius {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	border: 1px solid #ddd;
	border-radius: 50%;
}

#preloader .radius .load-line {
	position: absolute;
	z-index: 100;
	height: 20px;
	width: 4px;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -2px;
	border-top: 4px solid black;
	-webkit-animation: rotation 1s linear 0s infinite;
	-moz-animation: rotation 1s linear 0s infinite;
	animation: rotation 1s linear 0s infinite;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	transform-origin: center bottom;
}

@-webkit-keyframes rotation { 
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}

@keyframes rotation { 
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}








/*----------------------------------------------------------------------------------------
										SCREENSHOTS
----------------------------------------------------------------------------------------*/

#screenshots h2 { margin: 0; }

#screenshots .item img { border-radius: 4px; }



/*----------------------------------------------------------------------------------------
										SOCIAL
----------------------------------------------------------------------------------------*/

.soc-list { margin: 0 0 50px 0; }

.soc-list li { display: inline-block; }

.soc-list .icon {
	display: inline-block;
	font-size: 22px;
	color: black;
	padding: 20px;
	border-radius: 0;
	background: #ddd;
	margin: 5px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.soc-list li .icon:hover { background: red; }
.soc-list .soc-icon-twitter { background: white; }
.soc-list .soc-icon-facebook { background: white; }
.soc-list .soc-icon-instagram { background: white; }


/*----------------------------------------------------------------------------------------
										press kit
----------------------------------------------------------------------------------------*/

#download { padding: 0px 0; }

#download h2 { 
	color: #fff; 
	margin:30px 0; 
}

#download h2 .icon { margin: 0 20px 0 0; }

#download .block-bg {
	/*background-image:url(/img/header_1600x1200.jpg);*/
	background-position:left center;
	height: 300%;
}



#press {
margin:3em auto;
max-width: 500px;}


@media (max-width: 767px) {
#download h2 { margin: 0; }
#download h2 .icon {
	margin: 0 0 10px 0;
	display: block;
}
}


/*----------------------------------------------------------------------------------------
										FOOTER
----------------------------------------------------------------------------------------*/

footer {
	text-align: center;
	padding: 20px 0;
	background: black;
	color: #888;
}

footer .copyright {
	display: block;
	margin: 40 0 0 0;
}

.copyright a {
	font-weight: bold;
	color: inherit;
}

@media (max-width: 992px) {
footer { padding: 30px 0; }
}




/*----------------------------------------------------------------------------------------
										SHORTCODES
----------------------------------------------------------------------------------------*/
#shortcodes .btn,
#shortcodes .round-btn,
#shortcodes .round-btn-sm,
#shortcodes .download-btn,
#shortcodes .download-btn-alt{ margin:2px 0;}


 @media (max-width: 767px) {
.download-btn-alt{margin-bottom: 3em;}
}


@media (max-width: 767px) {
section { padding: 20px 0; }
}





@media (max-width: 767px) {
.title h2 {
	display: block;
	position: relative;
	padding-bottom:40px;
	margin: 80px 0 60px 0;
}
.title p {
	margin-bottom: 2em;
	font-size: 95%;

}
}





@media (max-width: 767px) {
.round-btn{
	margin: 1em 0 3em 0;}
}



.video-container {
    position: relative;
    padding-bottom: 56.25%; /*42.25*/
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container-wrapper {
max-width: 90%;
width: 1400px;
padding: 0px;
margin:auto;
}


@media (max-width: 767px) {
#mc-embedded-subscribe-form{
max-width: 300px;
display: block; margin: 0 auto}
}