/*
Theme Name: Poison
Theme URI: http://xvelopers.com/
Description: one Page HTML5 Theme suitable for music bands
Version: 1.0
Author: xvelopers
Author URI: http://xvelopers.com/
*/

/* 	Table Of Content
=======================
	1-Preloader
	2-General Styles
	3-Main Bannners
	4-Audio Player
	5-Banner
	6-parallax
	7-Channels
	8-Navigation
	9-Tweets
	10-News/Tracks
	11-Newsletter
	12-facebook Promo
	13-popup
	14-testimonial
	15-Event Promo
	16-Media
	17-Tour
	18-music popup
	19-team Section
	20-Footer
======================*/


/*===========================
2-General Styles
=============================*/

.sections_wrapper{
	background: url(../img/BG/bodyBG.jpg) center center #161616;
}
.boxed_in{
	max-width:1200px;
	margin:0 auto;
}

.text_widget {

	text-transform: none;
	margin-top: 40px;
}
.text_widget p { padding: 0 0 20px; }
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 0;

}
ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
a {
	color: inherit;
	outline: none !important;
	text-decoration: none !important;
}
h1 { font-size: 110px; }
h2 { font-size: 70px; font-family: "Oswald", sans-serif;}

h4 { font-size: 40px; }
h5 { font-size: 30px; }
h6 { font-size: 22px; }
img {
	max-width: 100%;
	height: auto;
}
h2:after {
	content: '';
	color: #cc1313;
}
.bg1 {
	background: url(../img/BG/banner1.jpg) center center no-repeat;
	background-size: cover;
}
.primary_color { color: #cc1313; }
section, .section {
	padding-top: 42px;
	padding-bottom: 42px;
	overflow: hidden;
}

.section_first { padding-top: 80px; }
a.btn_fb, .btn_fb {
	background: #2f5991;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px 30px;
	font-size: 30px;
	border-radius: 0;
	color: #fff;
}
a.btn_fb:hover, .btn_fb:hover{
	background:#194074;
}
.btn-group .btn-default, .open .dropdown-toggle.btn-default{
	background:#cc1313;
	border:none;
	color:#fff;
	font-size:30px;
	width:220px;
	border-radius:0;
	text-align:left;
	padding-left:15px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active{
	background:#cc1313;
	color:#fff;
}
.btn-group .dropdown-menu{
	text-align:left;
	width:100%;
	border-radius:0;
	margin:0;
	border:none;
	background:#cc1313;
}
.btn-group .dropdown-menu > li > a{
	color:#fff;
}
.btn-group .dropdown-menu > li > a:hover,.btn-group .dropdown-menu > li > a:focus{
	color:#222;
}
.btn-group .dropdown-menu{
	margin-bottom:0;
	padding-bottom:0;
}
.btn-group{
	margin-top:10px;
}
.btn-default span{
	position:absolute;
	top:50%;
	margin-top:-5px;
	right:20px;
	font-size:20px;
}
.btn_fb:hover { color: #fff; }
.modal{
	width:110%;
	padding-right:8.5%;
	z-index:99999;
}
.modal-dialog{
	width:100%;
	margin-top:0;
	overflow:hidden;
}
.modal-body{
	padding:0;
}
.modal-content{
	border-radius:0;
	background:none;
	box-shadow:none;
	border:none;
	display:block;
	margin:0 auto;
	max-width:95%;
}
.modal button.close{
	width:50px;
	height:50px;
	font-size:35px;
	position: absolute;
	right:5px;
	top:0px;
	float:none;
	z-index:999;
	opacity:1;
}
.modal-open {
    overflow: visible;
}
.section_head_widget h5{ color: #cc1313; }




/*==========================
13-popup
==========================*/
.modal-body{
	background:#fff;
	padding-bottom:40px;
}
.modal h2{
	color:#222;
	margin-top:40px;

}
.images_grid{
	display:table;
	width:100%;
	clear:both;
	margin-top:25px;
}
.images_grid li{
	list-style: none;
	display:block;
	width:18%; /*33*/
	margin-right:.3%;
	margin-bottom:.3%;
	float:left;
}
.images_grid li img{
	width:100%;
}
.article_popup,.article_popup p{
	font-size:14px;
	line-height:24px;
}

.article_popup p{
	padding:0 0 15px;
}
.comment_form input{
	text-align:left;
	width:93%;
	float:left;
	border:1px solid #899bc5;
}
.comment_form button{
	margin-top:6px;
	margin-right:11px;
	background:#637bad;
	color:#fff;
	border:1px solid #29447e;
}
.comment_form img{
	float:left;
	width:50px;
	margin-right:20px;
}
.comments{
	background:#f1f1f1;
	padding:8px;
}

.facebook_promo .parallax_inner {
	padding-top: 205px;
	padding-bottom: 215px;
}


/*====================================
Media Queries
===================================*/

@media (min-width: 600px) {
.news_info_wrapper, .track_info_wrapper,.hover,.btn{
	transition:All 0.40s ease;
	-webkit-transition:All 0.40s ease;
	-moz-transition:All 0.40s ease;
	-o-transition:All 0.40s ease;
}
.newsletter_form input[type="submit"], .newsletter_form button,.event_promo a.btn,#track_detail,a.btn_itunes{
	transition:All 0.25s ease;
	-webkit-transition:All 0.25s ease;
	-moz-transition:All 0.25s ease;
	-o-transition:All 0.25s ease;
}
	
}
@media (max-width: 1199px) {
.comment_form{
	text-align:left;
}
.comment_form img{
	margin-bottom:5px;
}
.comment_form input{
	width:80%;	
}
.parallax {
	background-attachment: scroll !important;
	background-position: top center !important;
	background-size: cover;
}
h1 { font-size: 70px; }
h2 { font-size: 50px; }
h3 { font-size: 40px; }
h4, .track_info h4 { font-size: 30px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }
.newsletter_form form { width: 800px; }
.newsletter_form input { width: 300px; }
.newsletter_form input[type="submit"], .newsletter_form button { width: 160px; }
.news_info, .track_info {
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	margin-top: -40px;
}
.tours_widget .column_three { width: 280px; }
.tours_widget .column_four { width: 280px; }
.column_five { display: none; }
.tours_widget { font-size: 16px; }
.audio-progress{
	width:30%;
}
.music_widget .column_three,.play_list .music_widget .column_three{
	width:40%;
}
.poison_slider .owl-controls{
	margin-left:-530px;
	top:35%;
}
.right_align.poison_slider .owl-controls{
	margin-right:-530px;
}
.banner_slider h1{
	font-size:60px;
}
.preload_logo{
	left:0;
}
#jpreLoader{
	max-width:220px;
	margin-left:60px;
}
}

@media (max-width: 1024px) {
.preload_logo{
	position:relative;
	left:auto;
	right:auto;
	top:auto;
}
#jpreLoader{
	margin-left:0px;
	font-size:25px;
}
#jprePercentage {
	right: auto;
}


.vegas-controls li a{
	display:inline-block;
	margin-bottom:0;
}
.vegas-controls li{
	display:inline-block;
	margin-right:20px;
}
.vegas-controls,.banner-right-align .vegas-controls{
	width:100%;
	left:20px;
	top:0;
	margin-top:-40px;
}
.tours_widget .column_three { width: 220px; }
.tours_widget .column_four { width: 220px; }
.tours_widget .column_six { width: 100px; }
.music_widget .column_three,.play_list .music_widget .column_three{
	width:30%;
}
.music_widget{
	font-size:16px;
}
.audio-progress{
	width:30%;
}
.jp-title{
	padding-left:0;
}
.poison_slider .owl-controls,.right_align.poison_slider .owl-controls{
	margin-left:0;
	margin-right:0;
	right:auto;
	top: auto;
	bottom:50px;
	left:0;
	width:100%;
}
.poison_slider .owl-controls .owl-page{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
}
.carousel_controls span{
	width:45px;
	height:45px;
	line-height:45px;
}
.carousel_controls{
	top:-120px;
}

.newsletter_form form{
	width:100%;
}
.newsletter_form input{
	width:39%;
	margin-right:1%;
	height:60px;
	font-size:30px;
}
.newsletter_form input[type="submit"], .newsletter_form button{
	width:20%;
	height:60px;
	font-size:30px;
}
.channels_list li a{
	font-size:12px;
}
.testimonial blockquote{
	font-size:30px;
	line-height:45px;
	padding-bottom:20px;
}
.event_promo a.btn,a.btn_fb, .btn_fb{
	font-size:25px;
	padding:10px 25px;
}
.testimonial .parallax_inner{
	padding-top:100px;
	padding-bottom:70px;
}
.event_promo .parallax_inner,.facebook_promo .parallax_inner{
	padding:90px 0 70px;
}
.tweet li{
	font-size:30px;
	line-height:45px;
}
.tours_widget{
	padding-top:40px;
}
}
@media (max-width: 991px) {
.navbar-nav{
	float:none;
}
.video_caption{
	display:none;
}
.video_controls .play-pause {
    border: 6px solid #cc1313;
    font-size: 35px;
    height: 140px;
    line-height: 140px;
    width: 140px;
}
.banner-right-align h1, .banner-right-align.banner p, .banner-right-align .caption-buttons{
	margin-left:0;
	margin-right:0;
	text-align:left;
}
}
@media (max-width: 980px) {
.music_widget .column_three{
	width:35%;
}
.music_widget .column_four,.music_widget .column_five,.music_widget .column_six{
	display:none;
}
}


@media (max-width: 767px) {
.music_widget h6{
	margin-bottom:15px;
}
.modal{
	padding-right:11%;
}
.galery_widget li.trigger_slider{
	width:24%;
	height:auto;
	max-height:none;
}
.text-right{
	padding-top:20px;
	text-align:left !important;
}
h1,.banner_slider h1{
	font-size:35px;
}
h2{
	font-size:30px;

}

h3{
	font-size:25px;
}
.comment_form input{
	width:60%;	
}
.music_widget .column_one{
	display:none;
}
.music_widget{
	font-size:12px;
}
.music_widget .column_eight{
	width:88px;
}
.btn_buy_ticket, .btn_watch_video{
	padding:5px;
}
.music_row .column_one, .music_row .column_three, .music_row .column_four, .music_row .column_five, .music_row .column_six, .music_row .column_seven{
	line-height:20px;
}
.music_widget .column_three{
	padding-top:20px;
}
.music_widget .column_seven{
	width:75px;
}
.play_list{
	padding-top:20px;
	padding-bottom:10px;
}
.music_row_header,ul.music_widget > li.music_row_header{
	display:none;
}
.jp-title{
	position:absolute;
	left:90px;
	font-size:12px;
	top:6px;
	width:30%;
}
.audio-progress{
	top:10px;
}.audio-timer,.jp-volume{
	top:8px;
	position:relative;
}
.media_widget figure,.tracks_widget .track_box{
	max-width:300px;
	margin:10px auto;
}
.media_widget figure img,.tracks_widget .track_box figure img{
	width:100%;
	height:auto;
}
.channels_list{
	margin:2px auto;
	max-width:280px;
	float:none;
}
.testimonial blockquote,.tweet li{
	font-size:18px;
	line-height:28px;
}
.tweet li .date{
	font-size:20px;
	margin-bottom:8px;
}
.testimonial blockquote .author_name{
	margin-top:10px;
}
.carousel_controls{
	top:-95px;
}
a.ScrollTo{
	display:none;
}
a.playlist_expander{
	margin-right:0;
}
h3 br{
	display:none;	
}
.tweet_icon{
	font-size:60px;
}
.tours_section .column_four{
	display:none;
}
.list_scroll{
	max-height:300px;
}
a.playlist_expander{
	margin-right:0;
}

.overlay_left:before,.banner-right-align:before{
	content:'';
	width:100%;
	height:100%;
	background:rgba(0,0,0,.75);
}
.banner-content{
	text-align:center !important;
}
.vegas-controls{
	width:100%;
	text-align:center;
	margin-bottom:15px;
	left:0;
}
.vegas-controls li{
	margin-left:10px;
	margin-right:10px;
}
.music_widget{
	padding:0;
}
.galery_widget ul.gal_list{
	margin:0;
	padding:0;
}
.galery_widget .channels_list{
	margin:0 auto;
}
.channels_list li{
	margin-bottom:5px;
}
}
@media (max-width: 600px) {
.tours_section .column_two,.tour_row_header{
	display:none;
}
.caption-buttons a{
	display:none;
}
.video_controls{
	top:40%;
	margin-top:-30px;
}
.video_controls .play-pause {
    border: 2px solid #cc1313;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    width: 60px;
}
.news_box, .members_carousel figure{
	margin-left:0;
}
.music_widget .column_three{
	width:30%;
}
.music_row .column_one, .music_row .column_three, .music_row .column_four, .music_row .column_five, .music_row .column_six, .music_row .column_seven,.tour_row .column_two, .music_row .column_two{
	padding-top:0;
	padding-bottom:0;
}
.music_row{
	padding:10px 0 !important;
	border-top:none !important;
	min-height:75px;
}
.galery_widget li.trigger_slider{
	width:49%;
}
.galery_widget .social_share{
	display:none;
}
}
@media (max-width: 480px) {
h1,.banner_slider h1{
	font-size:30px;
}
h2{
	font-size:28px;
}
h3{
	font-size:24px;
}
.fs-pager-wrapper{
	display:none;
}
.newsletter_form input[type="submit"], .newsletter_form button{
	font-size:20px;
}
body{
	font-size: 16px;
    line-height: 25px;
}
.list_scroll{
	max-height:250px;
}
.video_controls{
	margin-top:-40px;
}
.video_controls .play-pause {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    width: 40px;
}
}

@media (max-width: 360px) {
.track_title{
	padding-bottom:0 !important;
}
.play_list .column_seven{
	padding-top:0;
	padding-bottom:10px;
}
.tours_section .column_one{
	width:20%;
	padding:15px 0;
	font-size:12px;
}
.tours_section .column_three,.tours_section .column_six{
	width:40%;
	padding:15px 0;
	font-size:12px;
}
.btn_buy_ticket{
	display:block;
	padding:5px 0;
	margin-top:5px;
}
}

@media (max-width: 330px) {
.music_widget .column_eight,.jp-volume{
	display:none;
}
.music_widget .column_three, .play_list .music_widget .column_three{
	width:42%;
	margin-right:2%;
	font-size:10px;
}
a.playlist_expander{
	position:absolute;
	right:0;
	margin-right:0;
	top:0;
}
}