/* Page Styles */
body{background:#FFF;font-family: Tahoma, Verdana, sans-serif;font-size:16px;color:#333;}
body,html{height:100%;}
a{color:#666;}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

header{
padding:20px 0;
}
.content{position:relative;padding:20px 0 50px;}
.iconslink *{box-sizing:border-box;}
.iconslink img{display:block;width:100%;height:auto;padding:15%;background:#FFF;}

.text{margin:20px auto 0;text-align:center;text-shadow:1px 1px 2px #333;}
.row > div{position:relative;}

media (max-width: 480px) {
	.content{padding:10px 0;}
	.text{margin:20px auto 0;}
}
/*.item-icon{display:block;background:#ccc;padding:80px;border-radius:100%;}*/

.item-icon{box-sizing:border-box;padding:15%;background:#FFF;background:rgba(255,255,255,.8);border-radius:100%;display:inline-block;opacity:0.8;}
.item-icon:hover{opacity:1;}
.item-icon img{display:block;width:100%;height:auto;}

@media (min-width: 480px) and (max-width: 768px) {
	.col-sm-4{width: 33.33333333%;float: left;}
	.item-icon{padding:40px;}
}
@media (min-width: 480px) and (max-width: 768px) {
	
}




/*
----------------------------------------------------------------------------------------------------
Player
----------------------------------------------------------------------------------------------------
*/

/* Player Containers */
.player { display: block;
width: 216px;
margin: 20px auto;}
.player-container { display: block; }

/* Player Links */
.player a {
	-webkit-transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;
	-ms-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
}

/* Player Progress */
.player-progress { float: left; width: 100%; height: 10px; z-index: 99; }
.player-progress .player-seek-bar { float: left; width: 0; height: 10px; cursor: pointer; }
.player-progress .player-play-bar { width: 0; height: 10px; }

/* Player Controls */
.player-controls { float: left; width: 100%; height: 40px; margin-top: 2px; position: relative; z-index: 100; }

.player-controls ul { list-style-type: none; padding: 0; margin: 0; }
.player-controls ul li { display: inline; }
.player-controls ul li a { position: absolute; overflow: hidden; text-indent: -9999px; }

.player-controls ul li a.player-play,
.player-controls ul li a.player-pause,
.player-controls ul li a.player-stop,
.player-controls ul li a.player-mute,
.player-controls ul li a.player-download,
.player-controls ul li a.player-unmute { width: 40px; height: 40px; z-index: 99; outline: none; }

.player-controls ul li a.player-play,
.player-controls ul li a.player-pause { top: 0; left: 0; }
.player-controls ul li a.player-stop { top: 0; left: 40px; }
.player-controls ul li a.player-download { top: 0; left: 80px; }
.player-controls ul li a.player-mute,
.player-controls ul li a.player-unmute { bottom: 0; right: 100px; }

.player-controls ul li a.player-play { background: url("player-sprite.png") left top no-repeat; }
.player-controls ul li a.player-play:hover { background-position: right top; }
.player-controls ul li a.player-pause { background: url("player-sprite.png") left -40px no-repeat; display: none; }
.player-controls ul li a.player-stop { background: url("player-sprite.png") left -80px no-repeat; }
.player-controls ul li a.player-mute { background: url("player-sprite.png") left -120px no-repeat; }
.player-controls ul li a.player-download { background: url("ico-download.png") 50% 50% no-repeat; }
.player-controls ul li a.player-unmute { background: url("player-sprite.png") left -160px no-repeat; }
.player-controls ul li a.player-unmute:hover { background-position: right -160px; }

.iphone .player-controls ul li a.player-mute,
.iphone .player-controls ul li a.player-unmute { display: none; }

/* Player Time */
.player-controls .player-time {
	position: absolute;
	right: 160px;
	padding: 12px 0;
	font-size: 11px;
	
	opacity: 0.5;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.iphone .player-controls .player-time { right: 20px; }

/* Player Volume */
.player-controls .player-volume { position: absolute; top: 0; right: 0; width: 80px; height: 40px; margin-right: 12px; }
.player-controls .player-volume-container { position: absolute; top: 12px; right: 0; width: 76px; height: 14px; padding: 2px; overflow: hidden; cursor: pointer; }
.player-controls .player-volume-container .player-volume-value { width: 0px; height: 10px; }
.iphone .player-controls .player-volume { display: none; }

/* Player Playlist */
.player-playlist ul { float: left; width: 100%; }
.player-playlist ul li { float: left; position: relative; width: 100%; list-style-type: none; margin-top: 2px; }
.player-playlist ul li a { display: block; width: 100%; padding: 0.75em 1.5em; text-decoration: none; }
.player-playlist ul li.jp-playlist-current a { background: url("player-sprite.png") right bottom no-repeat; }

.jp-no-solution { display: none; }
/* Components > Player */
.player a:hover { background-color: #198caf !important; }
.player-progress { background-color: #282d32; }
.player-progress .player-seek-bar { background-color: #282d32; }
.player-progress .player-play-bar { background-color: #cd503c; }
.player-controls { background-color: #5C4D4A; }
.player-controls .player-volume-value { background-color: #ffffff; }
.player-controls .player-volume-container { background-color: #00050a; }
.player-playlist ul li a { background-color: #282d32; }
.player-playlist ul li a:hover { background-color: #cd503c !important; }
.player-playlist ul li.jp-playlist-current a { background-color: #198caf !important; }
.grid-blog .post-audio { background-color: #00050a; }
/* Player Download Links */
.player .jp-free-media { position: absolute; right: 40px; padding: 0.75em 0; z-index: 999; }
.player .jp-free-media a { display: inline; width: auto; padding: 0; text-decoration: underline; background-image: none !important; background-color: transparent; }
.player .jp-free-media a:hover { text-decoration: none; background-color: transparent !important; }