@font-face { font-family: 'IntroBold'; src: url("../fonts/IntroBold/introbold-webfont.eot"); src: url("../fonts/IntroBold/introbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/IntroBold/introbold-webfont.woff2") format("woff2"), url("../fonts/IntroBold/introbold-webfont.woff") format("woff"), url("../fonts/IntroBold/introbold-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
/*
* Common
*/
body { font-family: "IntroBold", Arial, sans-serif; background-color: #000; color: #fff; }

img { max-width: 100%; height: auto; }

a, a:visited, a:hover, a:focus { color: inherit; text-decoration: inherit; outline: none; }

/*
* Blocks
*/
.fullwidth-block { width: 100%; }

/*
* Embed video
*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* Header
*/
.header-image img { display: inline-block; }
.header-image.img-2 { margin-top: 5%; text-align: center; margin-bottom: 40px; }
.header-image.img-2 img { max-width: 90%; }

.block-logos { margin-top: -20%; }
.block-logos #google-play, .block-logos #itunes { display: block; margin: 5px 0; max-width: 30%; min-width: 100px; }
.block-logos #logo16t { float: right; display: block; max-width: 40%; min-width: 100px; }

/*
* Title Block
*/
.title-block { background-color: #2a2a2a; color: #c0c0c0; text-align: center; text-transform: uppercase; font-size: 31px; }
.title-block h3 { display: inline-block; margin: auto; line-height: 2.1em; }
.title-block h3 a { display: block; width: 100%; }
.title-block h3.red { background-color: #d50001; color: #fff; padding: 0 1.5em; }
.title-block h3.red:hover { background-color: #000; }

#raider-btn:hover { background-color: #d50001; color: #fff; }
@media all and (max-width: 568px) {
	#raider-btn a, #follow-instagram { line-height: 1em; padding: 10px 0; }
}

/*
* Video Block
*/
.video-block { margin-top: 30px; margin-bottom: 30px; }
.video-block #video-title { font-size: 24px; color: #858585; margin-bottom: 40px; }
.video-block #download-on-itunes { display: inline-block; font-family: Arial, sans-serif; font-size: 20px; margin-bottom: 25px; }

.comments { margin-top: 30px; margin-bottom: 30px; }

/*
* Contacts Block
*/
.contacts-block { text-align: center; margin-bottom: 20px; }
.contacts-block p { text-transform: uppercase; font-size: 15px; }
.contacts-block p .orange { color: #ff4a33; }

/*
* Instagram
*/
.instagram-feed { overflow: hidden; margin-bottom: 30px; }
.instagram-feed a { display: block; width: 10%; float: left; }
@media screen and (max-width: 1024px) { .instagram-feed a { width: 20%; } }
@media screen and (max-width: 568px) { .instagram-feed a { width: 50%; } }

/*
* Follow Block
*/
.follow-block { margin-top: 50px; margin-bottom: 50px; }

/*
* Menu
*/
.nav-block { text-align: center; }
.nav-block .col-xs-12 { position: static; }

.nav-menu { list-style-type: none; display: inline-block; margin: 5px 0 0; padding: 0; overflow: hidden; text-transform: uppercase; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 999; vertical-align: middle; }
@media screen and (max-width: 768px) { .nav-menu { border-top: 1px solid; border-bottom: 1px solid; display: block; width: 100%; position: absolute; background-color: #000; left: -100%; margin: 0; }
.nav-menu.open { left: 0; } }
.nav-menu li { display: block; float: left; padding: 10px 1.3em; }
@media screen and (max-width: 768px) { .nav-menu li { float: none; } }
.nav-menu li a { display: block; border-bottom: 2px solid; border-color: transparent; padding: 0 0.2em; }
.nav-menu li a:hover { border-color: #771010; color: #757575; }

#menu-toggle { font-size: 22px; display: block; padding: 10px; display: none; }
@media screen and (max-width: 768px) { #menu-toggle { display: block; } }

/*
* Social Icons
*/
.social-icons { display: inline-block; margin: 15px auto; padding: 0; }
.social-icons li { display: block; float: left; margin: 1px; }
.social-icons a { display: block; width: 79px; height: 79px; background-image: url(../images/social-icons.png); }
.social-icons a:hover { opacity: 0.7; }
.social-icons .sc { background-position: -0px 0px; }
.social-icons .ok { background-position: -79px 0px; }
.social-icons .vk { background-position: -160px 0px; }
.social-icons .fb { background-position: -240px 0px; }
.social-icons .tw { background-position: -320px 0px; }
.social-icons .gp { background-position: -400px 0px; }
.social-icons .yt { background-position: -480px 0px; }
.social-icons .inst { background-position: -560px 0px; }

@media all and (max-width: 568px) {
	.social-icons {
		text-align: center;
	}
	.social-icons li {
		display: inline-block;
		float: initial;
		margin: 0px -2px -2px 1px;
	}
}

/*
* Footer
*/
.footer-block { text-align: center; color: #4a4a4a; margin-top: 50px; margin-bottom: 50px; }
.footer-block #tc-logo { opacity: 0.5; }
.footer-block #lcdes-log { margin-top: 50px; display: block; }
.footer-block .copyrights { margin-top: 30px; font-family: Arial, sans-serif; font-size: 11px; }

/*
* Music logos
*/
.music-links {
	padding-top: 2em;
	max-width: 250px;
	overflow: hidden;
}
.music-links a {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}
.music-links img {
	width: 110px;
	height: auto;
}

@media all and (max-width: 767px) {
	.music-links { max-width: 100%; padding: 2em 0; }
}


.text-center { text-align: center; }


/*
* G+ badge
*/
.google-plus-follow {
    display: inline-block;
    margin: 5px 0 0;
    vertical-align: baseline;
}
.google-plus-follow span {
    display: inline-block;
    vertical-align: middle;
}
.google-plus-follow img {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    margin-left: 5px;
}

/*
* G+ widget
*/
.google-p-widget {
	text-align: center;
}
.google-p-widget > div {
	display: inline-block;
}

/*
* LIS logo
*/
#lis_logo {
	display: block;
	position: fixed;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 140px;
}
@media (max-width: 768px) {
	#lis_logo {
		display: none;
	}
}