/*Version 1.0.389*/
{ font-family: Arial, Helvetica, sans-serif; /*font-size: 16px;*/ outline:none!important;}

::selection
{
color:#000000; background:#ffffff; opacity:1;
}
::-moz-selection
{
color:#000000; background:#ffffff; opacity:1;
}
body { background:#000000; text-align:auto;}

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

/*.mobile_menu {display:none;}*/


/*#p7DMM_1 {z-index:998;}
.top-navigation {z-index:997;}
*/

	
/*SideBars/*
==========*/
	.left_bar { background:#000000; position:fixed; height:100%; width:35px; top:0; left:0; display:block; z-index:50;}
	.left_bar a, .right_bar a {position:fixed; height:15px; width:15px; top:50%; display:block; margin:-7px 0 0 0; }
	.left_bar a { left:10px; background:url(../img/btn_thumbs.png) no-repeat left top;}
	.left_bar a:hover, .right_bar a:hover, .left_bar.act a, .right_bar.act a { background-position:right center;}
	.right_bar { background:#000000; position:fixed; height:100%; width:35px; top:0; right:0; display:block; z-index:50;}
	.right_bar a { right:10px; background:url(../img/btn_captions.png) no-repeat left top;}

	.content_side { width:480px; padding:0 0px 20px 0; float:left;}
	.sidebar { width:280px;}
	.sidebar.right { float:right; padding:0 0 0 25px;}
	.sidebar.left { float:left; padding:0 25px 0 0;}

/*Content block/*
================*/
	
	.main_container { display:none; background:url(../img/bg_content.png) repeat; top:45px; position:fixed; z-index:10; width:830px; overflow:hidden; text-align:left; padding:0 0 0 40px; left:50%; margin:0 0 0 -435px;}

	.jspPane { width:810px!important;}
	
	.btn_close { height:21px; display:block; overflow:hidden;}
	.btn_close a { display:block; width:20px; height:20px; float:right; background:url(../img/btn_close.png) no-repeat top left;}
	.btn_close a:hover { background-position: bottom;} 
	#preloader { width:30px; height:30px; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px; display:none;}

	
	
/*Footer/*
=========*/
footer { background:#000000; height:35px; width:100%; position:fixed; left:0; bottom:0; z-index:15; display:block; text-align:left;}
	.copyright { display:block; line-height:33px; color:#6f6f6f; font-size:1.2em; font-family:'Dosis', 'Dosis_ios', sans-serif;   text-transform:uppercase; overflow:hidden; position:fixed; width:50%; left:-35px; text-align:right;}
	.socials { margin:0; padding:0; width:auto; overflow:hidden; width:50%; position:fixed; right:-35px;}
	.socials li { margin:0 16px 0 0; line-height:16px; padding:10px 0 0px 0; overflow:hidden; color:#6f6f6f; font-size:1.2em; font-family:'Dosis', 'Dosis_ios', sans-serif;  text-transform:uppercase; float:left;}
	.socials li a { background:no-repeat 0 0; width:16px; height:16px; display:block;}
	.socials li a:hover {background:no-repeat 0 100%;}
	.socials li a.ico_twitter { background-image:url(../img/socials/ico_twitter.png);}
	.socials li a.ico_flicker { background-image:url(../img/socials/ico_flicker.png);}
	.socials li a.ico_facebook { background-image:url(../img/socials/ico_facebook.png);}
	.socials li a.ico_vimeo { background-image:url(../img/socials/ico_vimeo.png);}
	.socials li a.ico_insta { background-image:url(../img/socials/ico_insta.png);}
	.socials li a.ico_pin { background-image:url(../img/socials/ico_pin.png);}

	.btn_audio { cursor:pointer; position:fixed; left:50%; margin-left:-17px; width:34px; height:34px; background:url(../img/btn_audio.png) no-repeat 0 0; bottom:-34px;}
	
/*Audio Player/*
===============*/
	.jp-audio { background:#797979; width:190px; height:56px; position:fixed; left:50%; margin-left:-95px; bottom:-60px; display:block; z-index:111;}
	.jp-type-playlist { position:relative;}
	.jp-controls { position:absolute; left:15px; top:15px; overflow:hidden;}
	.jp-controls li { margin:0 5px 0 0; width:9px; height:9px; float:left; cursor:pointer;}
	.jp-controls li a { display:block; width:9px; height:9px;}
	.jp-previous { background:url(../img/player_skin.png) no-repeat 0 0;}
	.jp-previous:hover { background:url(../img/player_skin.png) no-repeat 0 -9px;}
	.jp-play { background:url(../img/player_skin.png) no-repeat -9px 0px; display:block!important;}
	.jp-play:hover { background:url(../img/player_skin.png) no-repeat -9px -9px;}
	.jp-pause, jp-mute, jp-unmute { display:none;}
	.jp-stop { background:url(../img/player_skin.png) no-repeat -18px 0;}
	.jp-stop:hover { background:url(../img/player_skin.png) no-repeat -18px -9px;}
	.jp-next { background:url(../img/player_skin.png) no-repeat -27px 0;}
	.jp-next:hover { background:url(../img/player_skin.png) no-repeat -27px -9px;}
	.jp-current-time { display:none;}
	.jp-duration { display:none;}
	.jp-progress { position:absolute; left:15px; top:36px; background:#444444; height:7px; width:160px; display:block; cursor:pointer;}
	.jp-seek-bar { height:7px; background:#555555;}
	.jp-play-bar { height:7px; background:#000000 url(../img/bg_tracker.png) no-repeat right top;}
	.jp-volume-bar { display:none;}
	
	#jp_playlist_2 { display:block; position:absolute; bottom:-1000px; left:0px; background:url(../img/bg_playlist.png) repeat; padding:35px 15px 5px 15px; overflow:hidden; width:160px; height:auto;}
	
	#jp_playlist_2 ul { padding:0; margin:0; display:block; width:160px!important;}
	#jp_playlist_2 ul li a { display:block; text-decoration:none;}
	
	#jp_playlist_2 ul li, #jp_playlist_2 ul li a { color:#797979; font-size:9px; font-family:'VolterGoldfishRegular';  text-transform:uppercase; line-height:15px; cursor:pointer;}
	
	#jp_playlist_2 ul a:hover  { color:#ffffff; text-decoration:none;}
	#jp_playlist_2 ul li a.jp-playlist-current {
	color:#00CC33;
}
	#playlist_slider { width:160px; /*height:60px;*/ overflow:hidden;}
	#playlist_slider .jspVerticalBar { width:5px!important;}
	#playlist_slider .jspTrack { background:#000000!important; width:5px!important;}
	#playlist_slider .jspDrag { background:#797979!important; width:5px!important;}
	#playlist_slider .jspDrag:hover { background:#555555!important; width:5px!important;}
	
	.btn_playlist { position:absolute; left:88px; top:12px; color:#000000; font-size:9px; font-family:'VolterGoldfishRegular'; -webkit-font-smoothing: none;  text-transform:uppercase; cursor:pointer;}
	
	.btn_playlist:hover, .btn_playlist.act { color:#ffffff;}
	
	.btn_hide { position:absolute; left:152px; top:12px; color:#000000; font-size:9px; font-family:'VolterGoldfishRegular'; -webkit-font-smoothing: none;  text-transform:uppercase; cursor:pointer;}
	
	.btn_hide:hover, .btn_hide.act { color:#ffffff;}
	
	.btn_playlist_close { background:url(../img/player_skin.png) -18px -18px no-repeat; cursor:pointer; position:absolute; right:15px; top:15px; display:block; width:9px; height:9px;}
	
	.play_title { position:absolute; left:15px; top:15px; line-height:9px; font-size:9px; font-family:'VolterGoldfishRegular'; -webkit-font-smoothing: none;  text-transform:uppercase; width:150px; height:9px; overflow:hidden; color:#ffffff; cursor:default;}
	

/*Typograph/*
============*/
h1, h2, h3, h4, h5, h6 { font-family:'Dosis', 'Dosis_ios', sans-serif; color:#ffffff; padding:0; font-weight:500; /*text-transform:uppercase*/}
h1 span, h2 span, h3 span, /*h4 span,*/ h5 span, h6 span { color:#ffea00; text-transform:uppercase; font-family:'Dosis', 'Dosis_ios', sans-serif; font-weight:500;}
h1 { font-size:24px; line-height:26px; margin:10px 0 15px 0;}
h2 { font-size:22px; line-height:24px; margin:10px 0 15px 0;}
h3 { font-size:20px; line-height:22px; margin:10px 0 15px 0;}
h4 { font-size:18px; line-height:20px; margin:10px 0 15px 0;}
h5 { font-size:16px; line-height:18px; margin:10px 0 15px 0;}
h6 { font-size:14px; line-height:16px; margin:10px 0 15px 0;}

.white { color:#ffffff;}
.yellow { color:#ffea00;}

hr { margin:0; padding:0; border:none; height:20px; display:block;}
hr.double { margin:0; padding:0; border-top:#aeaeae 3px double; height:20px; display:block;}
hr.dotted { margin:0; padding:0; border-top:#aeaeae 1px dotted; height:20px; display:block;}

.dropcap { font-size:30px; font-family:'Dosis', 'Dosis_ios', sans-serif; line-height:30px; margin:-1px 3px 0 0; text-transform:uppercase; float:left;}

blockquote{
	font-size:12px;
	font-style: normal;
	color:#ffffff;
	margin:0px 0px 30px 0;
	padding:0 0 0 10px;
	border-left:#ffea00 2px solid;
}
blockquote span {font-size:10px; color:#aeaeae; display:block; padding:10px 0 0 0;}
blockquote.right { margin:0 0 10px 20px; width:360px; float:right;}
blockquote.left { margin:0 20px 10px 0; width:360px; float:left; }


.video_box iframe { margin-bottom:24px;}

/*Wrappers
===========*/
.page_wrapper { padding:0 16px 20px 0; text-align:justify;}

/*Misc
=======*/
.hide { display:none;}
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
div.clear { height:0px; line-height:0px; clear:both;}


.load_wraper { z-index:-9999; width:30px; height:30px; position:fixed; left:50%; top:50%; margin:-15px 0 0 -15px;}







@media only screen and (min-width: 960px) and (max-width: 1024px) {



/*Content block/*
================*/
	.main_container { display:none; background:url(../img/bg_content.png) repeat; top:45px; position:fixed; z-index:10; width:700px; overflow:hidden; text-align:left; padding:0 0 0 40px; left:50%; margin:0 0 0 -380px;}
	.jspPane { width:680px!important;}
	.page_wrapper { padding:0; width:660px!important; overflow:hidden;}
	/*.main_container .jspHorizontalBar { display:none!important}*/
	.video_box iframe { width:310px!important; height:190px!important;}

/*Captions
===========*/
#slidecaption h1 { font-size:68px!important; line-height:72px!important;}
#slidecaption h1 span { font-size:68px!important; line-height:72px!important; }
#slidecaption br { clear:both; display:block;}
#slidecaption p {font-size:24px!important; line-height:24px!important;}

.area_full { width:648px; height:34px; padding:4px 5px; margin:0 0 15px 0;}
}

@media only screen and (min-width: 767px) and (max-width: 959px) {



/*Content block/*
================*/
	.main_container { display:none; background:url(../img/bg_content.png) repeat; top:45px; position:fixed; z-index:10; width:636px; overflow:hidden; text-align:left; padding:0 0 0 40px; left:50%; margin:0 0 0 -338px;}
	.jspPane { width:616px!important;}
	.page_wrapper { padding:0; width:596px!important; overflow:hidden;}
	/*.main_container .jspHorizontalBar { display:none!important;}*/
	.video_box iframe { width:310px!important; height:190px!important;}/*---*/


/*Captions
===========*/
#slidecaption h1 { font-size:56px!important; line-height:60px!important;}
#slidecaption h1 span { font-size:56px!important; line-height:60px!important; }
#slidecaption br { clear:both; display:block;}
#slidecaption p {font-size:20px!important; line-height:20px!important;}

.area_full { width:584px; height:34px; padding:4px 5px; margin:0 0 15px 0;}
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
/*iPhone Landscape START
=========================*/
p, td, span, div, a, li { font-size:1em; color:#aeaeae; line-height:normal;} /*-------------this caused home page responive menu size issue -------------*/



/*Header/*
=========*/
header { background:#000000!important; height:24px!important;}
	
/*SideBars/*
==========*/
	.left_bar { display:none;}
	.right_bar { display:none;}
	#thumbs-scroller  { display:none!important;}
	#progress-back { right:0!important;}

	.content_side { width:400px; padding:0 0px 20px 0; float:none!important;}
	.sidebar { float:none!important; padding:0 0 10px 0!important; width:400px!important; border-bottom:#aeaeae double 3px; margin-bottom:15px!important;}

/*Content block/*
================*/
	.main_container { display:none; background:url(../img/bg_content.png) repeat; top:30px; position:fixed; z-index:10; width:435px; overflow:hidden; text-align:left; padding:0 0 0 25px; left:10px; margin:0!important;}
	.jspPane { width:435px!important;}
	.page_wrapper { padding:0; width:400px!important; overflow:hidden;}
	
	
/*Footer/*
=========*/
footer { display:none!important;}
.btn_audio { cursor:pointer; position:fixed; left:50%; margin-left:-17px; width:34px; height:34px; background:url(../img/btn_audio.png) no-repeat 0 0; bottom:-34px;}
	
h1 span { font-size:24px; line-height:26px; margin:10px 0 15px 0;}
h2 span { font-size:22px; line-height:24px; margin:10px 0 15px 0;}
h3 span { font-size:20px; line-height:22px; margin:10px 0 15px 0;}
h4 span { font-size:18px; line-height:20px; margin:10px 0 15px 0;}
h5 span { font-size:16px; line-height:18px; margin:10px 0 15px 0;}
h6 span { font-size:14px; line-height:16px; margin:10px 0 15px 0;}
	


/*ShortCodes*/
.area_full { width:390px; height:34px; padding:4px 5px; margin:0 0 15px 0;}
button { margin-bottom:10px!important;}

.video_box iframe { width:400px!important; height:245px!important; float:none!important; margin:0 0 15px 0!important;}

/*Wrappers
===========*/
.page_wrapper { padding:0 16px 20px 0; text-align:justify;}


/*Captions
===========*/
#slidecaption h1 { font-size:40px!important; line-height:42px!important;}
#slidecaption h1 span { font-size:40px!important; line-height:42px!important; }
#slidecaption br { clear:both; display:block;}
#slidecaption p {font-size:1em!important; line-height:14px!important; text-align:right!important;}
#slidecaption { right:15px!important; bottom:65px!important;}
/*iPhone Landscape END
=======================*/
}

@media only screen and (max-width: 479px) {
/*iPhone Portrait START
=========================*/
p, td, span, div, a, li { font-size:1em; color:#aeaeae; line-height:normal;} /*-------------this caused home page responive menu size issue -------------*/



/*Header/*
=========*/
header { background:#000000!important; height:24px!important;}
	

/*SideBars/*
==========*/
	.left_bar { display:none;}
	.right_bar { display:none;}
	#thumbs-scroller  { display:none!important;}
	#progress-back { right:0!important;}

	.content_side { width:260px; padding:0 0px 20px 0; float:none!important;}
	.sidebar { float:none!important; padding:0 0 10px 0!important; width:260px!important; border-bottom:#aeaeae double 3px; margin-bottom:15px!important;}

/*Content block/*
================*/
	.main_container { display:none; background:url(../img/bg_content.png) repeat; top:30px; position:fixed; z-index:10; width:290px; overflow:hidden; text-align:left; padding:0 0 0 20px; left:5px; margin:0!important;}
	.jspPane { width:290px!important;}
	.page_wrapper { padding:0; width:260px!important; overflow:hidden;}
	.video_box iframe { width:260px!important; height:245px!important; float:none!important; margin:0 0 15px 0!important;}

	

	
/*Footer/*
=========*/
footer { display:none!important;}
.btn_audio { cursor:pointer; position:fixed; left:50%; margin-left:-17px; width:34px; height:34px; background:url(../img/btn_audio.png) no-repeat 0 0; bottom:-34px;}

/*Typography
=============*/	
h1 span { font-size:24px; line-height:26px; margin:10px 0 15px 0;}
h2 span { font-size:22px; line-height:24px; margin:10px 0 15px 0;}
h3 span { font-size:20px; line-height:22px; margin:10px 0 15px 0;}
h4 span { font-size:18px; line-height:20px; margin:10px 0 15px 0;}
h5 span { font-size:16px; line-height:18px; margin:10px 0 15px 0;}
h6 span { font-size:14px; line-height:16px; margin:10px 0 15px 0;}


/*ShortCodes*/
.area_full { width:245px; height:34px; padding:4px 5px; margin:0 0 15px 0;}
button { margin-bottom:10px!important;}
.img_caption_box{ display:block; margin-bottom:10px;}
.img_caption_box.left, .img_caption_box.right { margin:0!important; float:none!important; width:100%!important; text-align:center!important;}
.img_caption_box img { display:block; margin:0 auto!important;}
.img_caption_box span { display:block; background:url(../img/bg_img_caption.png) repeat; padding:4px; line-height:15px; font-size:12px; color:#aeaeae; text-align:center; margin:0;}

.video_box iframe { width:260px!important; height:160px!important; float:none!important; margin:0 0 15px 0!important;}

/*Wrappers
===========*/
.page_wrapper { padding:0 16px 20px 0; text-align:justify;}


/*Captions
===========*/
#slidecaption h1 { font-size:34px!important; line-height:36px!important;}
#slidecaption h1 span { font-size:34px!important; line-height:36px!important; }
#slidecaption br { clear:both; display:block;}
#slidecaption p {font-size:1em!important; line-height:12px!important; text-align:right!important;}
#slidecaption { right:15px!important; bottom:65px!important;}
/*iPhone Portrait END
=======================*/

}