.pure-g > div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.s2 {
	display:none !important;
}

.d2 {
	display:none !important;
}

@media screen and (max-width: 725px) {

	.jp-seek-bar {
		/*background-image: none !important;*/
	}
}


@media screen and (max-width:35.4em) {

	.pg_image {
		display:none !important;
	}

	.s1 {
		display:none !important;
	}

	.d1 {
		display:none !important;
	}

	.s2 {
		display:block !important;
	}

	.d2 {
		display:block !important;
	}
	.pg_space {
		display: none !important;
	}

}


/*jp classes*/

.jp-play {
	width:40px;
	height:40px;
	margin-right:5px;
	margin-bottom:5px;
	background: #4c4c4c url('./sprite.png') -73px -1px no-repeat;
	cursor: pointer;
}

.jp-current-time {
	float:left;
	min-width:35px;
}

.jp-state-playing .pg_play {
	background: #4c4c4c url("./sprite.png") -1px -26px no-repeat;
}

.jp-progress {
	height:58px;
	overflow: hidden;
	position: relative;
	background: #4a4a4a;
}

.jp-seek-bar {
	cursor: pointer;
    height:60px;
    background-repeat: no-repeat;
	background-position: bottom left;
	background-size: contain;
}

.jp-title {
	margin:0px 5px 0px 10px;
	color:#4a4a4a;
	overflow:hidden;
	text-align:left;
	font-size:16px;
}

.jp-no-solution {
  padding: 5px;
  font-size: .8em;
  background-color: #eee;
  border: 2px solid #009be3;
  color: #000;
  display: none;
}

.jp-no-solution a {
  color: #000;
 }

.jp-no-solution span {
  font-size: 1em;
  display: block;
  text-align: center;
  font-weight: bold;
}

.jp-volume-controls {
	position:absolute;
	bottom:6px;
	right:100px;
	z-index:50;
}

/*custom classes*/

.pg_box {
	background:#f7f7f7;
	max-width:725px
}

.pg_box1 {
	padding:10px 15px 0px 17px;
}

.pg_box2 {
	background:#f7f7f7;
	width:100%;
	height:64px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.pg_box3 {
	background:#f7f7f7;
	width:100%;
	height:96px;
}

.pg_time {
	display: inline;
	float: left;
	color:#4a4a4a;
	font-size:15px;
	padding-top:5px;
	text-align:left;
}
.pg_space {
	display: inline;
	float: left;
	width: 65px;
	font-size:15px;
	padding-top:5px;
	text-align:left;
}
.pg_link {
	display: inline;
	float: right;
	color:#4a4a4a;
	font-size:15px;
	padding-top:5px;
	text-align:right;
	margin-right: 8px;
}
.pg_link a {
	color:#4a4a4a;
}
.pg_link a:visited {
	color:#4a4a4a;
}

.pg_image {
	max-width:160px
}

.pg_buttons {
	min-width:75px;
	height:30px;
	display:flex;
	margin-left:auto
}

.pg_seek {
	position:relative;
	margin-top:10px;
	background:#e8e8e8;
	width:100%;
}

.pg_progress {
	width: 0%;
	height:100%;
	background: #00cacf;
	opacity: 0.3;
}

.pg_title {
	overflow:hidden;
	height:100%;
}

.pg_share {
	width:23px;
	height:23px;
	float:right;
	background: url('./sprite.png') -62px -43px no-repeat;
	cursor: pointer;
}

.pg_download {
	width:23px;height:23px;
	float:right;
	background: url('./sprite.png') -22px -1px no-repeat;
	cursor: pointer;
}

.pg_tick_box {
	z-index:5;
	position:absolute;
	width:100%
}
.pg_tick_mark {
	float:left;
	margin-left:24.7%;
	width:3px;
	height:9px;
	background:#efefef;
}

.pg_share_box {
	margin-top:0px;
	max-width:725px;
	border-top:solid 1px #cdcdcd;
	border-bottom:solid 1px #cdcdcd;
	background:#efefef;
	display:none;
}

.pg_share_box_close {
	float:right;
	margin-right:5px;
	margin-top:3px;
	background: url("./sprite.png") -1px -1px no-repeat;
	width:19px;
	height:19px;
	cursor: pointer;
}

.pg_share_fb {
	float:left;
	margin-left: 8px;
	margin-right:8px;
	margin-top:1px;
	background: url("./sprite.png") -47px -18px no-repeat;
	width:12px;
	height:19px;
	cursor: pointer;
}

.pg_share_rss {
	float:left;
	margin-right:8px;
	margin-left:8px;
	margin-top:4px;
	background: url("./sprite.png") -43px -43px no-repeat;
	width:17px;
	height:15px;
	cursor: pointer;
}

.pg_share_email {
	float:left;
	margin-right:8px;
	margin-top:4px;
	background: url("./sprite.png") -47px -1px no-repeat;
	width:24px;
	height:15px;
	cursor: pointer;
}

.pg_share_twitter {
	float:left;
	margin-right:8px;
	margin-top:4px;
	background: url("./sprite.png")  -87px -43px no-repeat;
	width:18px;
	height:16px;
	cursor: pointer;
}

.pg_iframe_embed {
	margin-left:8px;
	margin-top:4px;
	font-size:16px;
	text-align:left;
}

.pg_iframe_embed_txt {
	border: 0px;
/*	background: #ca2027;
	color:white;
*/	height:17px;
	font-size: 10px;
	background: #ffffff;
	color:#c4c4c4;
	margin-left:5px;
	margin-bottom:3px;
	width:200px;
}

.sub-btn {
  -webkit-border-radius: 11;
  -moz-border-radius: 11;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #cd212a;
  padding: 9px 7px 9px 7px;
  text-decoration: none;
}

.sub-btn:hover {
  background: #d91f29;
  text-decoration: none;
}