/*-- INI :: Video popup Wrapper --------------------------------------------------------------*/
	.fdq-ms-popupWrapper { width:100%; height:100%; position:fixed; top:0; left:0; background:transparent; z-index:999999; display:none; }
	.fdq-ms-popupInnerBox{ width:100%; max-width:640px; margin:7% auto 0; background:#fff; border:1px solid #555; box-shadow:2px 2px 40px #222; padding:20px; border-radius: 15px; }
	.popupGreyBg {background:#000;opacity:0.6;position:fixed;width:100%;height:100%;top:0;left:0; z-index: 100000; display:none;}
	.fdq-ms-popup-close-btn02  { float:left; width:100%; text-align:right; height:1px; }
	.fdq-ms-popup-close-btn02 i  { font-size:25px; display:inline-block; margin:-18px -18px 0 0; float:right; cursor: pointer; }
/*-- END :: Video popup Wrapper --------------------------------------------------------------*/

/*-- INI :: Audio popup Wrapper --------------------------------------------------------------*/
	.popupOrangeBg{ width:100%; height:100%; position:fixed; top:0; left:0; background:#fed586; z-index:999999; display:none; }
	.fdq-ms-popupInnerBox-Orange{ width:100%; background:#fed586; padding:20px; }

	.fdq-ms-popup-close-btn  { float:left; width:100%; text-align:right; height:1px; }
	.fdq-ms-popup-close-btn i  { font-size:25px; display:inline-block; margin:-18px -18px 0 0; float:right; cursor: pointer; }
	.fdq-ms-popup-close-btn01{ float:left; width:100%; text-align:right; height:1px; }
	.fdq-ms-popup-close-btn01 i{ color:#9595ef; font-size:25px; display:inline-block; margin:-18px -18px 0 0; float:right; cursor: pointer; }

	.buttonsWrapper{width:100%;max-width:400px;margin:0 auto 10px;overflow:hidden;/*background-color:#ffc;*/}
	.buttonsWrapper .btnColLeft{float:left; width:50%; /*background-color:#ff0;*/}
	.buttonsWrapper .btnColRight{float:left; width:50%; /*background-color:#fa0;*/}

	.buttonsWrapper .btnCancel{ display:inline-block;font-size:14px;line-height:1.0;text-align:left;margin:0;cursor:pointer; }
	.buttonsWrapper .btnCancel img{width:28px;height: auto; margin: 5px 5px 0 0;}
	.buttonsWrapper .btnCancel span{display:inline-block;font-size:13px;line-height:1.0;text-align:left; margin:0;color:#f86841;font-weight:700;}
	
	.buttonsWrapper .btnCheck{ display:inline-block;font-size:14px;line-height:1.0;text-align:left;margin:0;cursor:pointer; }
	.buttonsWrapper .btnCheck img{width:28px;height: auto; margin: 5px 5px 0 0;}
	.buttonsWrapper .btnCheck span{display:inline-block;font-size:13px;line-height:1.0;text-align:left; margin:0;color:#8cad54;font-weight:700;}

/*-- END :: Audio popup Wrapper --------------------------------------------------------------*/


/*--- responsive video wrapper ---------------------------------------------------------*/
	.resp-videowrapper { float: none;clear: both;width: 100%;position: relative;padding-bottom: 56.25%;padding-top: 10px;height: 0; } /* play with padding-top from 25px to 30px*/
	.resp-videowrapper iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}	

/*--- audio play button customization -----------------------------------------------------------*/
	.popupOrangeBg  .prototype-wrapper{ width:400px; margin:0 auto; }
	.popupOrangeBg .cp-container{ width:400px !important; height:400px !important; }



/*--- player ---------------------------------------------------------*/
.cp-controls{padding:52px !important;}

/*--- INI :: Timeline customization --------------------------------------------------------------------*/
	.timelineWrapper{width:100%; box-sizing:border-box; text-align:center; padding:0; /*background-color:#c4c6e8;*/ }
	.timelineWrapper .timeLineBox{ display:inline-block; /*background:url('../images/line_h.png') repeat-x 0 31px;*/ /*background-color:#8789b7;*/ }
	.timelineWrapper span{ margin:0 20px; cursor: pointer; line-height:65px;}
	/*.timelineWrapper span:first-child{ margin-left:0; }*/
	.timelineWrapper span:first-child{ margin-left:20px; }
	.timelineWrapper span:last-child{ margin-right:0; }

	/*.timelineWrapper img{ width:40px; height: auto; margin:0 20px;}
	.timelineWrapper img:first-child{ margin-left:0; }
	.timelineWrapper img:last-child{ margin-right:0; }*/

	/*.timelineWrapper img{ width:40px; height: auto;}*/

	/*--- buton customization ---*/
	.fdq-ms-backBtnWrapper{text-align: center;box-sizing: border-box;padding: 23px 0 20px;margin: 60px 0 0 0;}
	.fdq-ms-btnBack{ 
		color: #ffffff !important; background: #f2ac8a;border-width: 0px !important;border-radius: 6px;letter-spacing: 2px;
		font-size: 23px;font-weight: bold !important;padding: 9px 10px; box-shadow: 0 7px 0 0 #f39364; display:inline-block;
	}
	.fdq-ms-btnBack:hover{
		background: #f2bb9f !important; /*border-radius: 10px; letter-spacing: 3; padding-left: 2em; padding-right: 0.7em;*/ 
	}
/*--- END :: Timeline customization --------------------------------------------------------------------*/

/*--- INI :: -------------------------------------------------------------------------------------------*/
	.fdq-ms-paid-courses-wrapper{ width:100%; box-sizing:border-box; padding:10px 10px; /*background-color: #efefd2;*/ }
	.fdq-ms-course-wrapper{ float: left; width: 48%; border-bottom: 2px dashed #ccc; padding: 5px; margin-bottom:45px; min-height: 80px; /*background-color:#dedea9;*/ }
	.fdq-ms-course-wrapper:nth-child(odd){ margin-right:2%; }
	.fdq-ms-course-wrapper:nth-child(even){}
	.fdq-ms-course_icon{float:left; width: 20%; max-width: 50px; margin-bottom: 15px; /*background-color: #adad6e;*/} 
	.fdq-ms-course_icon i{ font-size: 30px; color: #67c296; font-weight: 300; }
	.fdq-ms-course_name{float:left; width:80%;}
	.fdq-ms-course_name h4{ margin:0; padding:0; }
	.fdq-ms-course_name a{}
	.fdq-ms-course_name a:hover{}
/*--- INI :: -------------------------------------------------------------------------------------------*/

/*--- INI :: audio text content customization ----------------------------------------------------------*/
	.audioTitleWrapper{ position:absolute; top:5px; left:0; width:100%; }
	.audioTitleWrapper .audioTitle{font-size:28px;color:#fff;font-weight:400;}
	.audioTitleWrapper .audioSession{font-size:20px;color:#fff;font-weight:400;}

	.jp-duration{ float:left;padding:4px 2px;color:#fff;font-size:30px;margin:-35px 0 0 62px;font-weight:400; }
	.jp-current-time{ padding:2px 2px 4px; color:#fff; font-size:30px; float:left; margin:220px 0 0 62px;font-weight:400; }
/*--- END :: audio text content customization ----------------------------------------------------------*/

@media only screen and (min-width: 1200px) { }

@media only screen and (min-width: 992px) and (max-width: 1199px) { }
@media only screen and (max-width: 991px) { 
	.fdq-ms-course-wrapper{ width: 100%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) { }
@media only screen and (max-width: 767px) { 
	/*.timelineWrapper{ width:70px; margin:0 auto; }*/
	
	.timelineWrapper span{ display:inline-block; margin:3px 0;}
	.timelineWrapper span:first-child{ margin-left:0; margin-top:0; }
	.timelineWrapper span:last-child{ margin-right:0; margin-bottom:0; }

	.timelineWrapper img{ width:40px; height: auto; margin:3px 0;}
	.timelineWrapper img:first-child{ margin-left:0; margin-top:0; }
	.timelineWrapper img:last-child{ margin-right:0; margin-bottom:0; }
	.timelineWrapper .timeLineBox{ display:inline-block; /*background:url('../images/line_v.png') repeat-y 15px 0;*/ /*background-color:#8789b7;*/ }
}

@media only screen and (min-width: 480px) and (max-width: 767px) { }
@media only screen and (max-width: 479px) {
	.popupOrangeBg  .prototype-wrapper{ width:260px; margin:55px auto 0; }
	.popupOrangeBg .cp-container{ width:260px !important; height:260px !important; background-size: cover; padding:28px;  }
	/*
	.audioTitleWrapper{ position:absolute; top:-70px; left:0; width:100%; }
	.audioTitleWrapper .audioTitle{font-size:28px;color:#fff}
	.audioTitleWrapper .audioSession{font-size:20px;color:#fff}
	.jp-duration{ float:left;padding:4px 2px;color:#fff;font-size:30px;margin:-28px 0 0 62px; }
	.jp-current-time{ padding:2px 2px 4px; color:#fff; font-size:30px; float:left; margin:202px 0 0 62px; }
	*/
	.audioTitleWrapper{ position:absolute; top:-70px; left:0; width:100%; }
	.audioTitleWrapper .audioTitle{font-size:22px;color:#fff}
	.audioTitleWrapper .audioSession{font-size:18px;color:#fff}
	.jp-duration{float:left;padding:4px 2px;color:#fff;font-size:22px;margin:-5px 0 0 72px;}
	.jp-current-time{ padding:2px 2px 4px; color:#fff; font-size:22px; float:left; margin:155px 0 0 72px; }

	/*
	.audioTitleWrapper{ position:absolute; top:-11px; left:0; width:100%; }
	.audioTitleWrapper .audioTitle{font-size:22px;color:#fff}
	.audioTitleWrapper .audioSession{font-size:18px;color:#fff}

	.jp-duration{ float:left;padding:4px 2px;color:#fff;font-size:20px;margin:8px 0 0 76px; }
	.jp-current-time{ padding:2px 2px 4px; color:#fff; font-size:20px; float:left; margin:130px 0 0 76px; }
	/**/
}