/* ==========================================  SOFTNEP CSS ============================================================*/

/*reset*/
*:focus{ outline: none !important; text-decoration: none !important; }
h1,h2,h3,h4,h5,h6,ul,li,a,p,img{ padding: 0;  margin: 0; }
a:hover,a:active,btn:hover,btn:active{ text-decoration: none; }
body{ font-family: 'Roboto', sans-serif; }

a{
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}


/*======================================== header ================================================*/
header{ background: url('../images/bg.jpg') center center fixed; background-size: cover; overflow: hidden;}
#top {display: block; text-align: center; margin-top: 50px;}
#top a.logo {display: inline-block; line-height: 0;} 
.header-txt h2{ color: #fff; font-size: 25px; margin-bottom: 16px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45); }

.header-address{ 
    padding: 15px 15px;
    color: #cccccc; 
    border-top: 1px solid rgba(255,255,255,0.15); 
    border-bottom: 1px solid rgba(255,255,255,0.15); 
    line-height: 24px; 
    font-size: 13px; 
    width: 370px;
    margin: 0 auto 50px auto;
}
.contact-divide{ margin: 0 15px; }

.arrow img{ 
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;    
}
.arrow:hover img, .arrow:active img, .arrow:focus img { 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.header-txt{ position: absolute; bottom: 40px; left: 0; right: 0;}
.divide-contact{ padding: 0 15px; }


/*Radio Player*/
#home-player {
    display: block;
    margin-top: 40px;
}
.jp-video {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	position:relative;
}
.jp-video-360p {
	width:570px;
	margin: 100px auto;
}
.jp-video-full {
	width:480px;
	height:270px;
	position:static !important; 
	position:relative;
}
.jp-video-full .jp-jplayer {
	top: 0;
	left: 0;
	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
	overflow: hidden;
	z-index:1000;
}

.jp-video-full .jp-gui {
	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:1000;
    
}

.jp-video-full .jp-interface {
	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
	bottom: 0;
	left: 0;
	z-index:1000;
    
}


.jp-gui{
    width: 580px;
    -webkit-box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);
    box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
}

.jp-interface {
    position: relative;
    width:580px;
    height: 65px;
    background: rgba(255,255,255,0.10);
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.48);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.48);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.48);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;

}

div.jp-controls-holder {
	clear: both;
    display: inline-block;
	margin: auto;
	position: relative;
	overflow: hidden;
}

a.jp-play,
a.jp-pause {
	width:40px;
	height:35px;
	float:left;
	text-indent:-9999px;
	outline:none;
    margin: 14px 5px 0 5px;
}

a.jp-play {
	background: url(../images/sprite.png) 0 0 no-repeat;
}

a.jp-pause {
	background: url(../images/sprite.png) -40px 0 no-repeat;
	display: none;
}

#seperator {
	background-image:url(../images/seperator.png);
	background-repeat:no-repeat;
	width: 2px;
	height: 35px;
	float:left;
	margin-top: 7px;
	margin-right: 10px;
}

.jp-progress {
	background: rgba(255,255,255,0.10);

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	-webkit-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);

	width:200px;
	height:10px;
	float:left;
	margin-top: 27px;
    margin-right: 5px;
}

.jp-seek-bar {
	width:0px;
	height:100%;
	cursor: pointer;
}

.jp-seeking-bg {
	background:#575555;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.jp-play-bar {
	background: url(../images/play-bar.png) left repeat-x;
	width:0px;
	height:10px;
	position:relative;
	z-index: 9999;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.jp-play-bar span {
	position:absolute;
	top: -3px;
	right: -12px;
	width: 16px;
	height: 17px;
}

.jp-current-time,
.jp-duration {
	font-size:11px;
	font-family:Arial;
	color:#fff;
	float:left;
    margin-top: 26px;
}
.jp-current-time {
	float: left;
	display:inline;
}
.jp-duration {
	float: left;
	display:inline;
	text-align: right;
}
.jp-video .jp-current-time {
	margin-left:10px;
}
.jp-video .jp-duration {
	margin-right:20px;
}
.time-sep {
	float:left;
	margin: 27px 3px 0 3px;

	font-size:11px;
	font-family:Arial;
	color:#fff;
}


.jp-video a.jp-mute,
.jp-video a.jp-unmute {
	text-indent:-9999px;
	float:left;
	margin-top: 15px;
	height: 35px;
	outline:none;
    margin-right: 15px;
    margin-left: 15px;
    width: 35px;
}

.jp-mute {
	float:left;
	background: url(../images/sprite.png) -80px 0 no-repeat;
	margin-top: 1px;
	margin-left: -10px;
	width: 35px;
}

a.jp-unmute {
	background: url(../images/sprite.png) -115px 0 no-repeat;
	margin-top: 1px;
	margin-left: -13px;
	display: none;
	width: 38px;
}

.jp-volume-bar {
	float:left;
	margin-right: 22px;
	width:115px;
	height:10px;
	cursor: pointer;
    margin-top: 28px;
	background: rgba(255,255,255,0.1);

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	-webkit-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
}

.jp-volume-bar-value {
	background: rgba(0,0,0,0.1);
	width:0px;
	height:10px;
	position: relative;
}

.jp-volume-bar-value span {
	position:absolute;
	top: -1px;
	right: -6px;

	background:#fff;
    -webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	width: 13px;
	height: 13px;
}

.jp-full-screen {
	background: url(../images/sprite.png) -150px 0 no-repeat;
	float:left;
	width: 40px;
	height: 35px;
	text-indent:-9999px;
	margin-left: -15px;
	outline:none;
}

.jp-restore-screen {
	background: url(../images/sprite.png) -150px 0 no-repeat;
	float:left;
	width: 40px;
	height: 35px;
	text-indent:-9999px;
	margin-left: -15px;
	outline:none;
	
}

/*====================================== comment-facebook ===========================================*/
#comment-facebook{ padding: 100px 0; }
#comment-facebook h1{ font-size: 30px; font-weight: 300; color: #1f6d66; margin-bottom: 30px; } 


/*================================================== Footer ========================================================*/
footer{ background: #eeeeee; padding: 30px 0; }
footer img{ margin-bottom: 20px; } 
footer p{ color: #757575; font-size: 12px; line-height: 30px; }
footer a{ color: #757575; font-size: 12px; line-height: 30px; }
footer a:hover{ color: #1f6d66; }