@import url(https://fonts.googleapis.com/css?family=Nunito|Sarala);

.release .box, .release .box img, .show-stage .card {
	box-shadow: 0 6px 15px rgba(36, 37, 38, .08)
}

body {
	font-family: Nunito, sans-serif;
	letter-spacing: .5px;
	color: #fff;
	background: #fff
}

h1, h2, h3, h4, h5, h6 {
	font-family: Sarala, sans-serif;
	text-transform: uppercase
}

body, html {
	height: 100%
}

header .navbar {
	padding: 20px 0;
	transition: all .3s
}

header .download, header .title {
	position: absolute;
	right: 0;
	left: 0;
	margin-left: 15%;
	padding-left: 0;
	list-style: none
}

header .navbar-dark .navbar-nav .nav-link, header .navbar-dark .navbar-nav .nav-link:focus, header .navbar-dark .navbar-nav .nav-link:hover {
	color: #fff
}

header .navbar-brand {
	font-weight: 700;
	text-transform: uppercase
}

.blog .list h4, .release .box h5 {
	text-transform: capitalize
}

header .title {
	z-index: 15;
	z-index: 999;
	bottom: 50%;
	display: -ms-flexbox;
	display: flex;
	margin-right: 15%;
	-ms-flex-pack: center;
	justify-content: center
}

header .title h1 {
	font-size: 3.5rem;
	font-weight: 700;
	margin-right: -40px;
	letter-spacing: 40px
}

.about h3, .blog h3, .contact h3, .gallery h3, .release h3, .show-stage h3, .tour h3 {
	letter-spacing: 5px;
	font-weight: 700
}

header .full-screen {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

header .download {
	z-index: 15;
	z-index: 999;
	bottom: 20%;
	display: -ms-flexbox;
	display: flex;
	margin-right: 15%;
	-ms-flex-pack: center;
	justify-content: center
}

header .download a {
	display: inline-block;
	width: 250px;
	margin: 0 10px
}

header .download .btn-latest {
	padding: 15px;
	color: #fff;
	border: 1px solid #dedede
}

header .download .btn-light {
	padding: 15px;
	color: #fff;
	border: 0;
	background-image: linear-gradient(to right, #b8cbb8 0, #b8cbb8 0, #b465da 0, #cf6cc9 33%, #ee609c 66%, #ee609c 100%)
}

.blog, .release, .show-stage {
	padding: 120px 0
}

header .download .btn-light:hover {
	opacity: .8
}

.show-stage {
	color: #333
}

.show-stage h3 {
	position: relative
}

.show-stage h3 span {
	position: absolute;
	top: 15px;
	left: -65px;
	width: 40px;
	height: 2px;
	background-color: #333
}

.show-stage .card {
	width: 50%
}

.show-stage .card .play {
	position: relative
}

.show-stage .card a i {
	font-size: 3rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff
}

.blog h3 span, .gallery h3 span, .release h3 span {
	top: 15px;
	left: -65px;
	height: 2px
}

.show-stage .card .card-title {
	font-size: .9rem;
	font-weight: 700;
	text-transform: capitalize
}

.show-stage .card .card-text {
	font-size: .8rem;
	color: #666
}

.blog {
	color: #fff;
	background: url(../images/blog.jpg) center center no-repeat fixed;
	background-size: cover;
	align-items: center;
	justify-content: center
}

.blog h3 {
	position: relative
}

.blog h3 span {
	position: absolute;
	width: 40px;
	background-color: #fff
}

.blog .list {
	border: 0;
	background-color: transparent
}

.blog .list h4 a {
	color: #fff !important
}

.blog .list .text a {
	color: #000
}

.release {
	color: #333;
	background-color: #fff
}

.release h3 {
	position: relative
}

.release h3 span {
	position: absolute;
	width: 40px;
	background-color: #333
}

.release .box {
	margin-bottom: 30px;
	padding: 50px 0;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 4px
}

.gallery, footer {
	border-top: 1px dashed #dedede
}

.release .box img {
	display: inline-block;
	width: 150px;
	margin-bottom: 20px;
	border-radius: 50%
}

.release .box h5 {
	font-size: 1rem;
	color: #333
}

.release .box p {
	font-size: .8rem;
	color: #8b8b8b
}

.gallery, .tour {
	color: #333
}

.sticky {
	background-color: #000;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.gallery {
	padding: 120px 0;
	background: #f8f8f8
}

.gallery h3 {
	position: relative
}

.gallery h3 span {
	position: absolute;
	width: 40px;
	background-color: #333
}

.gallery ul {
	padding-left: 0
}

.about, .tour {
	padding: 120px 0
}

.gallery ul li {
	float: left;
	width: 25%;
	list-style: none
}

.gallery ul li img {
	display: block;
	width: 100%
}

.about h3 span, .tour h3 span {
	width: 40px;
	top: 15px;
	left: -65px;
	height: 2px
}

.tour h3 {
	position: relative
}

.tour h3 span {
	position: absolute;
	background-color: #333
}

.tour .card .card-title {
	font-size: 1.2rem;
	font-weight: 700
}

.tour .card .btn-light {
	color: #fff;
	background-image: linear-gradient(to right, #b8cbb8 0, #b8cbb8 0, #b465da 0, #cf6cc9 33%, #ee609c 66%, #ee609c 100%)
}

.about {
	color: #fff;
	background: #000
}

.about h3 {
	position: relative
}

.about h3 span {
	position: absolute;
	background-color: #fff
}

.about .box {
	text-align: center
}

.about .box img {
	width: 100%;
	margin-bottom: 20px
}

.about .box p {
	padding-right: 10px;
	padding-left: 10px
}

.about .box ul {
	padding-left: 0
}

.about .box ul li {
	display: inline-block
}

.about .box ul li a {
	font-size: 1.3rem;
	padding: 5px;
	color: #fff
}

.contact {
	padding: 0 0 120px;
	color: #333
}

.contact h3 {
	position: relative;
	margin-top: 50px
}

.contact h3 span {
	position: absolute;
	top: 15px;
	left: -65px;
	width: 40px;
	height: 2px;
	background-color: #333
}

.contact .btn-light {
	color: #fff;
	background-image: linear-gradient(to right, #b8cbb8 0, #b8cbb8 0, #b465da 0, #cf6cc9 33%, #ee609c 66%, #ee609c 100%)
}

.contact input {
	height: 45px
}

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

footer i {
	color: #f44336
}

.blog-detail .navbar .back {
	margin-right: 15px;
	text-decoration: underline
}

.blog-detail .navbar {
	padding: 20px 0;
	transition: all .3s
}

.blog-detail .navbar-dark .navbar-nav .nav-link, .blog-detail .navbar-dark .navbar-nav .nav-link:focus, .blog-detail .navbar-dark .navbar-nav .nav-link:hover {
	color: #fff
}

.blog-detail .navbar-brand {
	font-weight: 700;
	text-transform: uppercase
}

.blog-detail .blog {
	margin-bottom: 30px;
	padding: 120px 0 70px
}

.blog-detail .content {
	padding-bottom: 30px;
	color: #333;
	border-bottom: 1px dashed #dedede
}

.blog-detail .content h1, .blog-detail .content h2, .blog-detail .content h3, .blog-detail .content h4, .blog-detail .content h5, .blog-detail .content h6 {
	text-transform: capitalize
}

.blog-detail .content .aligncenter, .blog-detail .content div.aligncenter {
	display: block;
	margin: 5px auto;
	text-align: center
}

.blog-detail .content .alignright {
	float: right;
	margin: 5px 0 20px 20px
}

.blog-detail .content .alignleft {
	float: left;
	margin: 5px 20px 20px 0
}

.blog-detail .content .caption-text {
	font-size: 12px;
	font-style: italic;
	text-align: center
}

@media only screen and (max-width: 768px) {
	.blog .list {
		margin-bottom: 30px
	}
}

@media only screen and (max-width: 480px) {
	header .download, header .title {
		display: block
	}

	body, header, html {
		height: 100%
	}

	header .container {
		padding-right: 15px !important;
		padding-left: 15px !important
	}

	header .title {
		text-align: center
	}

	header .title h1 {
		font-size: 2rem;
		margin-right: -5px;
		letter-spacing: 5px
	}

	header .download a {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		margin-left: 0
	}

	.show-stage .card, .tour .card {
		margin-bottom: 30px
	}

	.show-stage .card {
		width: 100%
	}

	.gallery ul li {
		width: 50%
	}

	.blog-detail .navbar .container {
		padding-right: 15px;
		padding-left: 15px
	}

	.blog-detail .navbar .back {
		margin-right: 0
	}

	.blog-detail .content img {
		max-width: 100%
	}
}