@font-face {
  font-family: 'Baskerville-SemiBold';
  src:  url('fonts/Baskerville-SemiBold.eot') format('embedded-opentype'),
  		url('fonts/Baskerville-SemiBold.woff') format('woff'), 
  		url('fonts/Baskerville-SemiBold.ttf')  format('truetype'), 
  		url('fonts/Baskerville-SemiBold.svg#Baskerville-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ArialW01-Black';
  src:  url('fonts/ArialW01-Black.eot') format('embedded-opentype'), 
  		url('fonts/ArialW01-Black.woff') format('woff'), 
  		url('fonts/ArialW01-Black.ttf')  format('truetype'), 
  		url('fonts/ArialW01-Black.svg#ArialW01-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Arial-Black';
  src: url('fonts/Arial-Black.eot?#iefix') format('embedded-opentype'),  
  	   url('fonts/Arial-Black.woff') format('woff'), 
  	   url('fonts/Arial-Black.ttf')  format('truetype'), 
  	   url('fonts/Arial-Black.svg#Arial-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Arial-BoldMT';
  src:  url('fonts/Arial-BoldMT.eot') format('embedded-opentype'), 
  		url('fonts/Arial-BoldMT.woff') format('woff'), 
  		url('fonts/Arial-BoldMT.ttf')  format('truetype'), 
  		url('fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
  font-weight: normal;
  font-style: normal;
}

body.page-template-pro { margin: 0; padding: 0; }
.clear { clear: both;}
.pro-full-bg { position: fixed; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover;}
.pro-wrapper { position: relative; }
.pro-header { background-color: rgba(35, 35, 35, 0.6); min-height: 130px;}
.pro-fixed-wrapper { max-width: 980px; margin: 0 auto; }
.pro-logo { display: inline-block; height: auto; margin-bottom: 10px; margin-left: 29px; margin-top: 20px; position: relative; z-index: 3; width: 150px;}
.pro-logo img {
  width: 100%;
}
.pro-logo a { display: inline-block; cursor: pointer;}
/*.pro-logo img { width: 96%; height: auto; }
.pro-head-col { float: left; }
.pro-user-heading { width: auto;}*/
.pro-user-heading { left: 0; position: absolute; text-align: center; top: 0; width: 100%;}
.pro-user-heading h1 { font-family: "Baskerville-SemiBold"; font-style: italic; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.498), -1px 1px 0 rgba(0, 0, 0, 0.498), 1px 1px 0 rgba(0, 0, 0, 0.498), 1px -1px 0 rgba(0, 0, 0, 0.498); color: #f4eab1; font-size: 56px; line-height: 55px; margin: 33px 0; font-weight: normal;}
.audio-stream-players { padding-left: 33px; padding-top: 24px; padding-bottom: 135px;}
.aud-str-player { position: relative; height: 104px; width: 350px; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(47, 46, 46, 1); border-radius: 5px; box-shadow: 4.01px 4.46px 4px 0 rgba(0, 0, 0, 0.6); padding: 0 14px; margin-bottom: 20px;}
.aud-str-player4, .aud-str-player5 { position: relative;}
.aud-ply-col { float: left;}
.aud-ply-col1 { width: 20%;}
.aud-ply-col2 { width: 42%;}
.aud-ply-col3 { width: 29%;}
.aud-ply-icon > img { width: 52px;}
.aud-str-player1 .aud-ply-icon { padding-top: 25px;}
.aud-str-player2 .aud-ply-icon { padding-top: 29px;}
.aud-str-player3 .aud-ply-icon { padding-top: 25px;}
.aud-str-player44 .aud-ply-icon { padding-top: 25px;}
.aud-str-player55 .aud-ply-icon { padding-top: 25px;}
.aud-ply-title { padding-top: 39px;}
.pro-content .aud-player .aud-ply-title h2 { font-family: "ArialW01-Black"; font-size: 19px; line-height: 22px; color: #cccccc; margin: 0; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.498), -1px 1px 0 rgba(0, 0, 0, 0.498), 1px 1px 0 rgba(0, 0, 0, 0.498), 1px -1px 0 rgba(0, 0, 0, 0.498); letter-spacing: 0.05em;}
.aud-str-player1 .aud-ply-title h2 span { color: #e1a300;}
.aud-str-player3 .aud-ply-title h2 span { color: #ff5959;}
.pro-content .aud-player .aud-ply-title h6 { font-family: "Basic", sans-serif; font-size: 16px; line-height: 18px; color: #ffffff; font-weight: normal; margin: 0;}	
.aud-ply-btn { background: rgba(47, 46, 46, 0.66); border-radius: 50%; height: 70px; margin-top: 20px; width: 70px;}
.aud-ply-btn img { padding-left: 15px; padding-top: 10px;}
.aud-ply-btn .icon-pause { width: 30px; padding-top: 18px; padding-left: 21px;}
.aud-ply-vol { padding-top: 65px;}
.schedul-title { color: rgba(160, 160, 159, 1); font-family: "Monoton"; font-size: 26px; line-height: 33px; text-align: center; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.498), -1px 1px 0 rgba(0, 0, 0, 0.498), 1px 1px 0 rgba(0, 0, 0, 0.498), 1px -1px 0 rgba(0, 0, 0, 0.498); left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);}
.schedul-title > a { color: rgba(160, 160, 159, 1); }
.schedul-btn { left: 0px; position: relative; top: 0px;}
.aud-str-player4::before, .aud-str-player5::before { background: rgba(47, 46, 46, 1); content: ""; height: 1px; left: 50%; position: absolute; top: 12px; width: 284px; transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.aud-str-player4::after, .aud-str-player5::after { background: rgba(47, 46, 46, 1); content: ""; height: 1px; left: 50%; position: absolute; bottom: 12px; width: 284px; transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.setting-icon { padding-top: 33px; text-align: center;}
.icon-volume-off { margin-top: 1px; }
.formset-col.formset-col2 > div { width: auto !important;}
/*Scheduler Popup*/
.aud-player-scheduler { position: relative;}
.schedul-main { display: none; margin-bottom: 20px; width: 100%; position: relative;}
.schedul-main::before { border-bottom: 16px solid rgba(47, 46, 46, 0.66); border-left: 16px solid transparent; border-right: 16px solid transparent; content: ""; left: 175px; top: -16px; position: absolute;}
.timeschedul { background: rgba(47, 46, 46, 0.66); padding: 30px; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.6); border-radius: 5px;}
.timeschedul-heading { margin-bottom: 10px;}
.schedul-col { float: left; width: 50%;}	
.schedul-heading { color: #ffffff; font-family: "Basic",sans-serif; font-size: 20px; line-height: 22px;}
.user-time-schedule { color: #cccccc; font-family: "Basic",sans-serif; font-size: 16px; line-height: normal; margin-bottom: 10px;}
.user-time-schedule .schedul-col .em-time-input { box-shadow: none; width: 100px;}
.schedul-sub-btn input[type="submit"] { background: rgba(244, 234, 177, 0.5); border: 0 none; color: #303030; font-family: "Raleway",sans-serif; font-size: 14px; height: 30px; line-height: 30px; text-transform: uppercase; width: 100px; cursor: pointer; transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s;}
.schedul-sub-btn input[type="submit"]:hover {background: #151515; color: #fff;}
.sche-remove-btn a { background: rgba(244, 234, 177, 0.5); border: 0 none; color: #303030; font-family: "Raleway",sans-serif; font-size: 11px; height: 20px; line-height: 25px; text-transform: uppercase; width: 55px; cursor: pointer; display: inline-block; text-decoration: none;}
.sche-remove-btn a:hover {background: rgba(244, 234, 177, 0.5); color: #303030;}
.schedul-addbtn a { background: rgba(244, 234, 177, 0.5); border: 0 none; color: #303030; font-family: "Raleway",sans-serif; font-size: 14px; height: 30px; line-height: 30px; text-transform: uppercase; width: 100px; cursor: pointer; display: inline-block; text-decoration: none; text-align: center;}
.schedul-addbtn a:hover {background: rgba(244, 234, 177, 0.5); color: #303030;}
.schedul-sub-btn, .schedul-addbtn { float: left; }
.default-rplayer { margin: 0 auto 10px; max-width: 460px;}
.schedul-set-row { margin-bottom: 10px;}
.schedul-5col { float: left; width: 27%;}
.schedul-check.schedul-5col { width: 10%; text-align: center;}
.sche-remove-btn.schedul-5col { width: 9%; text-align: center;}
.schedul-label { text-align: center;}
.schedul-label {  float: left;  width: 28%;}
.schedul-select-play {  float: left;  width: 72%;}
.schedul-sub-btn { padding-left: 48px; margin-right: 15px;}
.showerror { position: absolute; left: 10px; top: 5px; color: #fff;}
.schedul-add-msg { position: absolute; left: 10px; top: 25px; color: #fff;}
.schedul-close { height: 16px; position: absolute; right: 10px; top: 10px; width: 16px;}
.schedul-close img { width: 100%;}
/*Scheduler Popup*/
/*Profile Popup*/
.user-setting-section { position: relative;}
.profile-setting { display: none; margin-bottom: 20px; position: absolute; right: 190px; top: -380px; width: 360px;}
.profile-setting-form { background: rgba(47, 46, 46, 0.66); padding: 15px; max-width: 360px; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.6); border-radius: 5px;}
.profile-setting-form::before { border-bottom: 16px solid transparent; border-right: 16px solid rgba(47, 46, 46, 0.66); border-top: 16px solid transparent; content: ""; left: -16px; position: absolute; top: 90%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.formset-col { float: left; }
.formset-col1 { width: 45%; line-height: 24px;}
.formset-col2 { width: 55%; }
.profile-setting-form .formset-field { color: #fff; font-family: "Basic",sans-serif; font-size: 15px; line-height: 17px; margin-bottom: 8px;}
.formset-col input[type="text"], .formset-col select, .formset-col textarea { color: #000; font-family: "Basic",sans-serif; font-size: 14px; }
.formset-col input[type="text"] { width: 96%;}
.formset-col textarea { height: 50px; resize: none; width: 96%;}
.formset-field input[type="submit"] { background: rgba(244, 234, 177, 0.5); border: 0 none; color: #303030; font-family: "Raleway",sans-serif; font-size: 14px; height: 30px; line-height: 30px; text-transform: uppercase; width: 100px; cursor: pointer; transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s;}
.formset-field input[type="submit"]:hover {background: #151515; color: #fff;}
.formset-field:last-child { margin-bottom: 0 !important;}
.setting-close { height: 14px; position: absolute; right: 7px; top: 6px; width: 14px;}
.setting-close img { width: 100%;}
/* GEO for image scroll*/
.scrollable{  
  overflow-y: auto; height: 300px
}
/*Profile Popup*/
/*Page Moto*/
.pagemoto {  position: absolute; right: 200px; top: 25%; width: 315px;}
.pagemotomsg { color: #f4eab1; font-family: "Basic",sans-serif; font-size: 50px; line-height: 50px; text-shadow: 1px 2px 3px rgba(35, 35, 35, 0.3);}
/*Page Moto*/




@media screen and (min-width: 961px) and (max-width: 1024px) {
  .schedul-main { width: 95%;}
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  .schedul-main { width: 95%;}
  .profile-setting { right: 170px;}
}
@media screen and (min-width: 641px) and (max-width: 768px) {
  .schedul-main { width: 95%;}  
  .profile-setting { width: 325px; right: 15px;}
  .timeschedul { padding: 30px 30px 30px 10px;}
  .user-time-schedule .schedul-col .em-time-input { width: 80px;}
  .schedul-select-play select { width: 90px; font-size: 12px;}
  .formset-col1 { width: 42%;}
  .formset-col2 { width: 58%;}
  .formset-col2 input[type="radio"] { margin: 5px 3px 0;}
  .pagemoto { right: 35px; width: 280px;}
}
@media screen and (min-width: 600px) and (max-width: 640px) {
  .schedul-main { width: 95%;}
  .timeschedul { padding: 30px 30px 30px 10px;}
  .user-time-schedule .schedul-col .em-time-input { width: 65px;}
  .schedul-select-play select { width: 100%; font-size: 12px;}
  .pagemoto { right: 35px; width: 150px;}
  .pagemotomsg { font-size: 16px; line-height: 20px;}
  .profile-setting { left: 0; position: relative; top: 0;}
  .profile-setting-form::before { border-bottom: 16px solid rgba(47, 46, 46, 0.66); border-left: 16px solid transparent; border-right: 16px solid transparent; left: 150px;	top: -32px;	transform: none; }
}
@media screen and (min-width: 480px) and (max-width: 599px) {
  .schedul-main { width: 92%;}
  .schedul-select-play select { width: 108px;}
  .pagemoto { right: 35px; width: 150px;}
  .pagemotomsg { font-size: 16px; line-height: 20px;}
  .profile-setting { left: 0; position: relative; top: 0;}
  .profile-setting-form::before { border-bottom: 16px solid rgba(47, 46, 46, 0.66); border-left: 16px solid transparent; border-right: 16px solid transparent; left: 150px;	top: -32px;	transform: none; }
  .schedul-set-row { border-bottom: 1px solid #fff; margin-bottom: 20px; padding-bottom: 20px;}
  .schedul-5col { float: none; width: 100%;}

}
@media screen and (min-width: 320px) and (max-width: 479px) {
  .schedul-main { width: 92%;}
  .schedul-select-play select { width: 108px;}
  .pagemoto { right: 35px; width: 150px;}
  .pagemotomsg { font-size: 16px; line-height: 20px;}
  .profile-setting { left: 0; position: relative; top: 0;}
  .profile-setting-form::before { border-bottom: 16px solid rgba(47, 46, 46, 0.66); border-left: 16px solid transparent; border-right: 16px solid transparent; left: 150px;	top: -32px;	transform: none; }
  .schedul-set-row { border-bottom: 1px solid #fff; margin-bottom: 20px; padding-bottom: 20px;}
  .schedul-5col { float: none; width: 100%;}

  .custom-radio-col {  float: none;  width: 100%;}
  .bee-radio-free.custom-radio-col {  margin: 15px 0;}
  .pu-plyer {  line-height: 35px;  text-align: center;  width: 50%;}
  .custom-audio-player .custom-radio-col .rjp-label {  line-height: 35px;  text-align: center;  width: 50%;}
  .bee-radio-select.custom-radio-col {  text-align: center;}
  .bee-radio-select.custom-radio-col {  font-size: 13px;  text-align: center;}
}

div#schedual_messages {
    text-align: center;
    margin-bottom: 20px;
    color: #ff0000;
    font-family: basic;
}
.jp-no-solution {
    display: none;
}

.schedul-btn a.cls_switch {
    background-image: url(../images/pro-play-icon.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    box-shadow: none;
    outline: none;
}
.schedul-btn a.cls_switch.scheduler_pause {
    background-image: url(../images/pauseicon.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center center;
    box-shadow: none;
    outline: none;
    display: block;
}
.clearfix:before,
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}


.bee-player-wrapper {
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 550px;
    padding: 15px;
    margin: 0 0 -25px 55px;
    background: #454846;
    border-radius: 5px;
	cursor: default;
	
}
.bee-player-wrapper:before {
    content: '';
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 60px;
    height: 60px;
    margin-left: -25px;
    border-radius: 5px;
    background: #454846;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bee-player-wrapper-inner {
    position: relative;
}
.aud-player-bee-playlist .schedul-title .text-default {
    text-transform: uppercase;
    font-family: Arial, Helvetica;
    text-decoration: none;
}
.aud-player-bee-playlist .schedul-title {
    text-align: initial;
}
.aud-player-bee-playlist .aud-str-player {
    position: relative;
    float:left;
}
.pagemoto {
    top: 20%;
}
.schedul-title > a {
    word-spacing: 8px;
}
.schedul-title:hover {
	cursor: pointer;
}
.aud-player-scheduler .aud-str-player:hover,
.playlist-on-demand .aud-str-player:hover,
.user-setting-section .aud-str-player:hover {
	-webkit-box-shadow: 0 0 3px 2px #e1a300;
	box-shadow: 0 0 3px 2px #e1a300;
	cursor: pointer
}
.link {
	text-decoration: none;
}
.link.orange {
	color: #E1A300;
}
.link.dark-orange {
	color: #785700;
}
.link.demo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	z-index: 4;
}
.link.demo:before {
	content:'';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.link.demo span {
	font-size: 32px;
	vertical-align: middle;
	text-shadow: 1px 1px 1px #000
}
.link.demo.text-up span {
	vertical-align: top;
}
.link.demo.text-sm span {
	font-size: 16px;
}
.mw-100 {
	max-width: 100%;
}
.text-center {
	text-align: center;
}
.aud-str-player.overlay {
	position: relative;
}
.aud-player .overlay:after {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	background: #000;
	opacity: .5;
	border-radius: 4px;
}