@font-face {
  font-family: "Open Sans Light";
  font-style: normal;
  font-weight: 300;
  src: local("Segoe UI Light"), local("Open Sans Light"), local("OpenSans-Light"), url('./fonts/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff') format('woff');
}
	/* Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp,
small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ded6c3; margin: 1.3em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font: 400 14px/21px 'Merriweather', sans-serif; *font-size:small; color: #7c786f; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
a, a:hover, a:active { outline: none; }
sub, sup { font-size: 50%; line-height: 0; position: relative; }
sup { top: -0.9em; }
aside sup { font-size: 100%; top: -0.1em; margin-right: 2px; }
sub { bottom: -0.25em; }
pre {
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}
textarea { overflow: auto; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
a:link { -webkit-tap-highlight-color: rgba(0,0,0,0); }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
select, input, textarea { color: #333; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0; padding: 0; }
ul { list-style: none; margin: 0; padding: 0; }
.r { display: block; max-width: 100%; }
.nm { margin: 0; }
.fr { float: right; }
.fl { float: left; }

/* micro-clear-fix */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

/* Reset dumb NA3 Base styles */
a:focus, a:hover { color:inherit; }
a { color:inherit; }
h1,h2,h3,h4,h5,h6 { color:inherit; }
#form_submit { padding:8px 20px; }

/* Layout */

body {
  background: #f8f6f0 url(../images/bg_p.png) repeat center center;
}
@media only screen and (max-width: 767px) {
  body {
    background-image: none;
  }
}

.container {
  clear: both;
  max-width: 1140px;
  margin: 0 auto;
  box-shadow: 0px 0px 10px rgba(186,165,116,.25);
}

.third-right {
  margin: 0 0 0 69%;
  padding: 0;
}

.third-left { margin: 0 66% 0 0; }

.two-thirds-left {
  float: left;
  padding: 0 3%;
  width: 59%;
}

.two-thirds-right {
  float: right;
  padding: 0 5%;
  width: 56%;
}

.thirds {
  border: 1px solid #eae8e2;
  border-width: 1px 0;
  margin: 0 0 50px;
}

.third {
  float: left;
  width: 27%;
  padding: 40px 0 40px 6%;
}

.third.first {
  padding-left: 0;
  padding-right: 6%;
  width: 27%;
  border-right: 1px solid #e7efef;
}

.third.second { border-right: 1px solid #e7efef; }

.thirds:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 1023px) {
  .thirds { padding-top: 40px; }
  .third {
    float: none;
    margin: 0 0 40px;
    padding: 0 !important;
    width: auto !important;
    border: 0 !important;
    height: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .two-thirds-left,
  .two-thirds-right,
  .third-left,
  .third-right {
    float: none;
    margin: 0;
    width: auto;
  }
  .third-right { padding: 0; }
}

/* Buttons */

.btn {
  text-decoration: none;
  font: 600 11px/11px 'Montserrat';
  padding: 4px 10px;
  border-radius: 4px;
  letter-spacing: -1px;
  color: #f9b000 !important;
  border: 2px solid #f9b000;
}

.btn:hover {
  color: #df9e00 !important;
  border-color: #df9e00;
}

.btn-go {
  padding-right: 30px;
  background: url(../images/btn-go-bg.png) no-repeat 95% 45%;
}

/* Typography */

p { margin: 0 0 30px; }

h2 {
  font: 400 24px/35px 'Merriweather';
  margin: 0 0 30px;
  color: #373635;
}

h3.divider {
  margin: 0 0 40px;
  padding: 0 0 20px;
  font: 600 16px/23px 'Montserrat';
  letter-spacing: -1px;
  letter-spacing: -1px;
  color: #f9b000;
  border-bottom: 4px solid #f9b000;
  text-transform: uppercase;
}

#content h3 a {
  font: 300 18px/25px 'Merriweather';
  color: #438390;
  text-decoration: none;
}

h4 {
  font: 400 16px/25px 'Merriweather';
  color: #373635;
  margin: 0 0 3px;
}

h6 {
  font-size: 12px;
  color: #9d9d9d;
  margin: 0 0 12px;
}

h6 a {
  color: #9d9d9d;
  text-decoration: underline !important;
}

a.read-more {
  color: #438390;
  font-size: 14px;
  text-decoration: none;
}

.third p { margin: 0; }

/* Header */

header {
  position: relative;
  max-width: 1060px;
  margin: 0 auto;
}
header .container {
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  header {
    padding: 20px 0 0;
  }
}

header h1 a {
  background: url(../images/logos/en/logo.png) no-repeat left top;
  display: block;
  font-size: 0;
  height: 72px;
  line-height: 0;
  margin: 24px 0 10px 10px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -100%;
  width: 454px;
}
@media only screen and (max-width: 767px) {
  header h1 a {
    background-image: url(../images/logos/en/logo-small.png);
    background-position: center top;
    height: 39px;
    margin: 0 auto 5px;
    width: 200px;
  }
}
@media only screen and (max-width: 399px) {
  header h1 a {
    background-position: left top;
    margin-left: 3%;
    width: auto;
  }
}

header h2 {
  color: #7c786f;
  font: 400 16px/25px 'Montserrat';
  letter-spacing: -1px;
  margin: 0 0 30px 100px;
}
@media only screen and (max-width: 767px) {
  header h2 {
    font-size: 14px;
    margin: 0 0 30px;
    text-align: center;
  }
}
@media only screen and (max-width: 399px) {
  header h2 {
    margin-left: 3%;
    text-align: left;
  }
}

header h2 strong {
  margin: 0 6px 0 0;
  padding: 0 12px 0 0;
  background: url(../images/church-city-divider.png) no-repeat 100% 50%;
}
header h2.no-description strong {
  background-image: none;
}

/* Navigation */

#mobile-menu { display: none; }

#site-nav.side-nav { display: none; }

.nav {
  position: relative;
  float: left;
  height: 50px;
  margin: 0;
  font: 400 17px/26px 'Merriweather';
  text-align: center;
  z-index: 1;
}

.nav a {
  position: relative;
  display: inline-block;
  color: #7c786f;
  padding: 6px 20px 4px;
  text-decoration: none;
  z-index: 9999;
}

.nav a:hover,
.nav.active a:hover,
.nav.hover a {
  border-bottom: 1px solid #f6f5f3;
  background: #fff;
}

.nav > a:hover,
.nav.active > a:hover,
.nav.hover > a {
  box-shadow: 0px 0px 10px rgba(186,165,116,.25);
  color: #f9b000;
}

.nav.hover { z-index: 2; }

.nav.active > a {
  color: #f9b000;
  padding: 6px 0 4px;
  margin: 0 15px;
  height: 52px;
  border-bottom: 4px solid #f9b000;
}

/* Sub-nav menus */

.nav ul {
  display: none;
  position: absolute;
  left: 0px;
  width: 200px;
  box-shadow: 0px 0px 10px rgba(186,165,116,.25);
  z-index: 9999;
}

/* Save the last 2 menus from having their drop-down lists appear off-screen */
.nav:last-child ul,
.nav:nth-last-child(2) ul {
  left: auto;
  right: 0;
}

.nav.hover ul,
.nav:hover ul {
  display: block;
}

.nav li a {
  background: #fff;
  border-bottom: 1px solid #f6f5f3;
  color: #9a968b;
  display: block;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  padding: 10px 18px;
  text-align: left;
}

.nav li a:hover {
  background-color: #fbfbf9;
  color: #13100b;
}

#mobile-sub-nav {
  display: none;
  clear: left;
}

#mobile-sub-nav li a {
  display: block;
  border-bottom: 1px solid #f6f5f3;
  height: 44px;
  color: #9a968b !important;
  line-height: 44px;
  padding: 0;
  text-decoration: none;
  margin: 0;
  text-align: center !important;
  background: #fff;
}

#sub-nav {
  padding: 60px 0;
  border-bottom: 1px solid #e7efef;
}

#sub-nav li {
  width: 75%;
  height: 37px;
}

#sub-nav li a {
  border-radius: 0 2px 2px 0;
  display: block;
  height: 37px;
  line-height: 39px;
  overflow: hidden;
  padding: 0 0 0 15%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#sub-nav li a.active,
#sub-nav li a:hover {
  color: #fff;
  background: #f9b000 url(../images/sub-nav-arrow.png) no-repeat 10% 50%;
}

/* Site Search */

#site-search {
  position: absolute;
  top: 28px;
  right: 20px;
}

#site-search.side-nav {
  top: 90px;
  text-align: right;
}

#site-search input[type=text] {
  width: 154px;
  height: 31px;
  border-radius: 3px;
  margin: 0 0 0 30px;
  padding-right: 30px;
  border: 1px solid #bfc0c0;
  background: #fff url(../images/ico-search.png) no-repeat 95% 50%;
}

#site-search input[type=text] {
  margin: 5px 0 0 10px;
}

#site-search input[type=submit] {
  display:none;
}

#site-search a {
  display: inline-block;
  width: 19px;
  height: 21px;
  margin: 0 0 0 20px;
  padding: 5px 0 0 0;
  text-indent: -9999em;
}

#site-search.side-nav a { text-indent: 9999em; }

#ico-twitter { background: url(../images/ico-twitter.png) no-repeat bottom left; }
#ico-facebook { background: url(../images/ico-facebook.png) no-repeat bottom left; }
#ico-rss { background: url(../images/ico-rss.png) no-repeat bottom left; }

/* Side Nav */

#side-nav {
  padding-bottom: 60px;
  border-bottom: 1px solid #e7efef;
}

#side-nav.home {
  padding: 60px 0;
  border-bottom: 0;
}

#side-nav li a {
  display: block;
  font: 400 26px/26px 'Merriweather';
  color: #7c786f;
  padding: 0 0 0 15%;
  margin: 15px 0;
  border-left: 11px solid #fff;
  text-decoration: none;
}

#side-nav li a.active,
#side-nav li a:hover { border-left: 11px solid #f9b000;}

#side-nav li ul { margin: 10px 0; }


#side-nav li ul li a {
  font: 400 14px/21px 'Merriweather';
  color: #7c786f;
  padding: 0 0 0 20%;
  margin: 0;
}

#side-nav li ul li a.active,
#side-nav li ul li a:hover {
  border-color: #fff;
  color: #f9b000;
}

@media only screen and (min-width: 768px) {
  #site-nav { display: block; }
}

@media only screen and (max-width: 767px) {
  #site-search,
  #side-nav { display: none; }
  #mobile-menu {
    background: url(../images/ico-mobile-menu.png) no-repeat center center;
    color: #7c786f;
    display: block;
    height: 50px;
    position: absolute;
    right: 7px;
    text-decoration: none;
    text-indent: -100%;
    top: 6px;
    width: 50px;
  }
  #site-nav {
    background: #fff;
    border: solid #ebe9e4;
    border-width: 1px 0;
    display: none;
    margin: 30px 0 5px;
    z-index: 9999;
  }
  #site-nav.show-me {
    display: block;
  }
  .nav {
    float: none;
    height: auto;
    margin: 0;
    text-align: left;
    background: #fff;
  }
  .nav a {
    border-bottom: 1px solid #f6f5f3;
    display: block;
    padding: 15px;
  }
  .nav ul {
    display: block;
    position: relative;
    width: auto;
    box-shadow: none;
  }
  .nav li a {
    height: auto;
    padding: 15px;
    padding-left: 30px;
    text-indent: 0;
  }
  .nav li a:hover {
    color: #f9b000;
    padding-bottom: 15px;
  }
  .nav a:hover,
  .nav.active a:hover,
  .nav.hover a {
    box-shadow: none;
    background: #fff;
  }
  .nav a:hover,
  .nav.active a:hover,
  .nav.hover > a {
    background-color: #fbfbf9;
    color: #f9b000;
  }
  .nav.active a {
    display: block;
    border-bottom: none;
    height: 31px;
    color: #7c786f;
    line-height: 31px;
    padding: 6px 20px 4px;
    margin: 0;
    background: #fff;
  }
  #sub-nav { display: none; }
  #mobile-sub-nav { display: block; }
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) {
  header h1 a {
    background-image: url(../images/logos/en/logo@2x.png);
    background-size: contain;
  }
  @media only screen and (max-width: 767px) {
    header h1 a { background-image: url(../images/logos/en/logo-small@2x.png); }
  }
  #mobile-menu {
    background-image: url(../images/ico-mobile-menu@2x.png);
    background-size: 22px 23px;
  }
  #ico-twitter { background: url(../images/ico-twitter@2x.png) no-repeat bottom left; background-size: 19px 16px; }
  #ico-facebook { background: url(../images/ico-facebook@2x.png) no-repeat bottom left; background-size: 16px 16px; }
  #ico-rss { background: url(../images/ico-rss@2x.png) no-repeat bottom left; background-size: 14px 14px; }
  .btn-go { background: url(../images/btn-go-bg@2x.png) no-repeat 95% 45%; background-size: 18px 15px; }
}



/* Homepage Hero */
#hero_unit {
  position: relative;
  background: #fff;
  overflow: hidden;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  /* TODO: is there still a .third-left in there? */
  #hero_unit .third-left { display: none; }
}



/* Home Callout */

#home-callout {
  clear: both;
  color: #fff;
  background: url(../images/green-waves-combined-third-right.png) repeat-y 66.66% top;
  min-height: 15px;
}

#home-callout .two-thirds-left {
  padding: 0;
  width: 66%;
}

#home-callout .third-right {
  margin-left: 66.66%;
  padding: 0;
}

.go {
  display: block;
  width: 18px;
  height: 15px;
  margin: 10px auto 0;
  background: url(../images/ico-go.png) no-repeat top left;
}

@media only screen and (max-width: 767px) {
  #home-callout {
    background: url(../images/green-waves-bg.png) repeat left top;
  }
  #home-callout .third-right,
  #home-callout .third-left {
    background: url(../images/green-waves-dark-bg.png) repeat left top;
  }

  #home-callout .two-thirds-left {
    margin: 0;
    width: auto;
    padding-top: 30px;
    padding-bottom: 20px;
  }
  #home-callout .third-right {
    float: none;
    margin: 0;
    width: auto;
    min-height: 50px;
    padding-top: 30px;
    background-position: top right;
  }
  .go { display: none; }
}

/* Title */

#title {
  height: 91px;
  padding: 0 5%;
  background: url(../images/title-bg.png) no-repeat bottom left;
  overflow: hidden;
}

.two-thirds-right #title,
.two-thirds-left #title { margin: -50px -9% 50px; }

#title h1 {
    float: left;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 3.4375rem;
    padding-top: 35px;
}

#title h3 {
  float: left;
  font: 400 14px/95px 'Merriweather';
  color: #6fcbde;
  margin: 0 0 0 20px;
  text-transform: none;
}

@media only screen and (max-width: 767px) {
  #title h1 { font-size: 45px; }
  #title h3 { display: none; }
}
@media only screen and (max-width: 410px) {
	#title h1 { font-size: 31px; }
}
/* Sub Hero */

#sub-hero {
  padding: 10px 10px 0;
  background: #fff;
}

#sub-hero img {
  display: block;
  width: 100%;
}

/* Content */

#content { background: #fff; }

#content:after {
  content: "";
  display: table;
  clear: both;
}

#content .two-thirds-right,
#content .two-thirds-left,
#content .full-width {
  padding: 50px 5% 80px;
}
#content .two-thirds-right  { border-left: 1px solid #e7efef; }
#content .two-thirds-left   { border-right: 1px solid #e7efef; }
#content .third-left  {
  border-right: 1px solid #e7efef;
  padding-top: 40px;
}
#content .third-right {
  border-left: 1px solid #e7efef;
  padding-top: 40px;
}

@media only screen and (max-width: 767px) {
  #content .two-thirds-right,
  #content .two-thirds-left,
  #content .third-left,
  #content .third-right {
    border-left-width: 0;
    border-right-width: 0;
  }
  #content .two-thirds-right,
  #content .two-thirds-left {
    border-bottom: 1px solid #e7efef;
  }
}

#content a {
  color: #438390;
  text-decoration: none;
}

.post { margin: 0 0 60px; }

.sermon {
  margin: 0 0 40px;
  padding: 0 0 0 28px;
  font: 400 11px/16px 'Merriweather';
  background: url(../images/ico-mic.png) no-repeat top left;
}

.sermon a {
  display: block;
  font: 400 14px/17px 'Merriweather';
  color: #438390;
  text-decoration: none;
}

#big-links { padding: 0 15%; }

.big-link {
  display: block;
  height: 50px;
  margin: 0 0 40px;
  padding: 20px 0 0 84px;
  font-size: 11px;
  line-height: 15px;
  text-decoration: none;
  color: #7c786f;
  background: url(../images/ico-eye.png) no-repeat top left;
}

.big-link strong {
  display: block;
  font: 600 16px/16px 'Montserrat';
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #438390;
}

#ico-email { background: url(../images/ico-email.png) no-repeat top left; }
#ico-podcast { background: url(../images/ico-podcast.png) no-repeat top left; }

#featured-post h3 a { font: 400 46px/55px 'Merriweather'; }
#featured-post h3 {
  font: 400 46px/55px 'Merriweather';
  color: #373635;
}

#featured-post h6 { margin: 0 0 50px; }

#featured-post img {
  float: left;
  margin: 0 40px 30px 0;
  padding: 6px;
  border: 1px solid #e3e1d9;
  background: #f3f2ed;
}

.comment { margin: 0 0 40px; }
.comment p { margin: 0 0 8px; }
.comment p.comment-details { font-size: 11px; }

.img { margin: 0 0 30px; }

.img img {
  max-width: 98%;
  padding: 6px;
  border: 1px solid #e3e1d9;
  background: #f3f2ed;
}

.img p {
  text-align: right;
  font-size: 12px;
  margin: 0;
}

.pastor { margin: 0 0 50px; }
.pastor h2 { margin: 0; }
.pastor h5 {
  margin: 0 0 20px;
  font: 400 14px/21px 'Merriweather';
  color: #373635;
}
.pastor h6 { margin: 0 0 20px; }

.pastor .img {
  float: left;
  margin: 0 30px 30px 0;
}

.details { margin: 0 0 0 40%; }

@media only screen and (max-width: 480px) {
  #big-links { padding: 0 5%; }
  #featured-post img { float: none; }
  .pastor .img { float: none; }
  .details { margin: 0; }
  .two-thirds-right #title,
  .two-thirds-left #title { margin: -50px -6% 50px;}
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) {
  .big-link { background: url(../images/ico-eye@2x.png) no-repeat top left; background-size: 69px 69px; }
  #ico-email { background: url(../images/ico-email@2x.png) no-repeat top left; background-size: 69px 69px; }
  #ico-podcast { background: url(../images/ico-podcast@2x.png) no-repeat top left; background-size: 69px 69px; }
  .sermon { background: url(../images/ico-mic@2x.png) no-repeat top left; background-size: 17px 29px; }
  .go { background: url(../images/ico-go@2x.png) no-repeat top left; background-size: 18px 15px; }
  .ico-book { background: url(../images/ico-book@2x.png) no-repeat 0 4px; background-size: 16px 19px; }
  #home-slides-nav li a { background: url(../images/home-slides-nav-bg@2x.png) no-repeat bottom left; background-size: 14px 28px; }
  #home-slides-nav li a:hover { background: url(../images/home-slides-nav-bg@2x.png) no-repeat top left; background-size: 14px 28px; }
}

/* Form Rules */

input, select, textarea {
  margin: 0 0 8px;
}

input[type=text], input[type=password], input[type=email],  input[type=tel],
input[type=url],  input[type=number],   input[type=search], input[type=color],
input[type=date], input[type=datetime], input[type=datetime-local],
input[type=time], input[type=month],    input[type=week],   select, textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  color: #333;
  font-family: 'proxima-nova';
  font-size: 15px;
  height: 33px;
  margin-right: 8px;
  outline: 0;
  padding: 8px;
  width: 100%;
}

input[type=radio] {
  margin-right: 6px;
  vertical-align: baseline;
}

select {
  height: 33px;
}

select[multiple] {
  height: auto;
}

form.large-form input[type=text],   form.large-form input[type=password],
form.large-form input[type=email],  form.large-form input[type=tel],
form.large-form input[type=url],    form.large-form input[type=number],
form.large-form input[type=search], form.large-form input[type=color],
form.large-form input[type=date],   form.large-form input[type=datetime],
form.large-form input[type=datetime-local], form.large-form input[type=time],
form.large-form input[type=month],  form.large-form input[type=week],
form.large-form select, form.large-form textarea {
  height: 50px;
  display: block;
  margin: 0 0 20px;
}

input[type=submit] {
  background: #f9b000;
  border: none;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-family: 'proxima-nova';
  font-size: 15px;
  height: 37px;
  margin-top: 5px;
  outline: 0;
  padding: 8px 20px;
}

textarea, form.large-form textarea {
  display: block;
  height: 120px;
  margin: 0 0 20px;
}

.block form { margin: 0 0 30px; }

.block ::-webkit-input-placeholder { color: #ccc; }
.block :-moz-placeholder { color: #ccc; }
.block ::-moz-placeholder { color: #ccc; }
.block :-ms-input-placeholder { color: #ccc; }

fieldset,
form .form_field {
  margin: 20px 0;
}

form .actions {
  clear: left;
  margin-top: 1em;
}



/* Calendar Widget */
input.scal_input {
  background-position: 98% center;
}

.scal {
  border: 3px solid #f9b000;
  border-radius: 6px;
  box-shadow: 0 0 50px 0 #ccc;
  padding: 2px 3px 3px;
  width: 210px;
}

.scal .calheader {
  width: auto;
  margin-right: 15px;
}

.scal .calclose {
  border: 0;
  background: #f9b000;
  color: #fff;
  float: none;
  height: 18px;
  line-height: 10px;
  overflow: hidden;
  position: absolute;
  right: -2px;
  text-indent: 100%;
  top: -2px;
  width: 10px;
}
.scal .calcontrol:hover {
  background: #f9b000;
  color: #333;
}
.scal .calclose:after {
  content: "×";
  font-size: 8px;
  font-weight: bold;
  left: 1px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 5px;
  width: 100%;
}

.scal .dayboxname {
  background-color: #2e6976;
}

.scal .daybox {
  border-color: #96a9ad;
}
.scal .daybox:hover {
  border-color: #f9b000;
}

.scal .dayboxname:hover {
  border-color: #96a9ad;
}

.scal .dayboxsunday,
.scal .dayboxsaturday {
  background-color: #c5d8dc;
}

.scal .dayselected {
  background-color: #f9b000;
}

.tinyscal .daybox {
  padding: 4px;
}

/* Footer */

footer {
  color: #7c786f;
  margin: 0 0 50px;
  padding: 20px 5%;
  background: #a29e93;
}

footer p {
  margin-bottom: 0;
}

footer .creds {
  font-size: 85%;
}

footer a {
  color: #d6d1c2;
  text-decoration: none;`
}

@media only screen and (max-width: 1139px) {
  footer {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  footer { font-size: 11px; }
}


/*********************************************\
 * Full-width slideshow as header background *
\*********************************************/
@media only screen and (min-width: 961px) {
  body.full-width-hero header {
    height: 161px;
    margin: 0;
    max-width: none;
    padding: 0 0 0 2.5%;
    position: absolute;
    width: 95%;
    z-index: 5;
  }

  body.full-width-hero header .container {
    height: 161px;
    margin: 0 auto;
    max-width: 1140px;
    padding: 0 2.5%;
    position: relative;
  }

  body.full-width-hero header h1 a {
    left: 0;
    margin: 0;
    position: absolute;
    top: 15px;
  }

  body.full-width-hero header h2 {
    left: 91px;
    margin: 0;
    position: absolute;
    top: 92px;
    -webkit-transition: color 100ms;
    transition: color 100ms;
  }

  body.full-width-hero header h2 strong {
    background: none;
    border-right: 1px solid;
  }

  body.full-width-hero header h2.background--light {
    color: #1e1d1b;
  }

  body.full-width-hero header h2.background--dark {
    color: #f6f5f4;
  }

  body.full-width-hero #site-nav {
    float: right;
    margin-top: 123px;
  }

  body.full-width-hero .nav > a {
    -webkit-transition: color 100ms;
    transition: color 100ms;
  }

  body.full-width-hero .background--light .nav > a {
    color: #1e1d1b;
  }

  body.full-width-hero .background--dark .nav > a {
    color: #f6f5f4;
  }

  body.full-width-hero .nav:last-child > a {
    padding-right: 0;
  }

  body.full-width-hero .nav > a:hover,
  body.full-width-hero .nav.hover > a {
    background: none;
    border-bottom: 0;
    box-shadow: none;
    color: #f9b000;
  }

  body.full-width-hero #site-search {
    right: 0;
    top: 57px;
  }

  body.full-width-hero #hero_unit {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
  }
}

@media only screen and (min-width: 1280px) {
  body.full-width-hero #site-search {
    margin-right: 7px;
    right: 2.5%;
  }
}



/* Added from this point */
/*content tab box*/
.tabs-container {
/*      background-color: #F7F7F7;
     border-color: #DCDCDC #CCCCCC #CCCCCC #DCDCDC;
     border-radius: 10px 10px 10px 10px;
	 -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
     border-style: solid;
     border-width: 1px 2px 2px 1px; */
     float: left;
     width: 100%;
     margin-bottom:15px;
}


.tabs-control {
    left: 0;
    margin: 0 !important;
    padding: 0;
    position: relative;
    top: -36px;
}

.tabs-control li.active {
/*      background-color: #F7F7F7;
     border-color: #DCDCDC #CCCCCC -moz-use-text-color;
     border-radius: 2px 2px 0px 0px;
	 -moz-border-radius: 2px 12px 0px 0px;
	-khtml-border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
     border-style: solid solid none;
     border-width: 1px 1px medium 1px; */
     height: 24px;
     margin-top: -8px ! important;
}

#events-large .tabs-control li, #newsfeed .tabs-control li {
/*    background-color: #F8FBFA;
    border-color: #FFFFFF;
    border-radius: 2px 2px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium; */
    float: left;
    height: 24px;
    list-style: none outside none;
    margin: 0 3px 0 0 !important;
    padding-left: 0 !important;
    padding-right: 2px !important;
}

#events-large .tabs-control li.active a, #newsfeed .tabs-control li.active a {
     height: 24px;
     line-height: 24px;
	 font-weight:bold;
}

#events-large .tabs-control li a, #newsfeed .tabs-control li a{
     text-decoration: none ! important;
	 color: #515050 ! important;
     display: block;
     height: 35px;
     line-height: 24px;
     padding-left: 2px;
     text-shadow: 1px 1px 1px #FFFFFF ! important;
}

.tabs-control a:hover {
     font-weight: bold;
}
.tabs-control a.active {
    font-weight: bold;
}

.tabs-content {
    float: left;
    margin-top: -25px;
    width: 100%;
}

.tabs-content div{
float: left;
width: 100%;
}
.tabs-content .col1 {
     width: 45%;
    float:left;
    padding-right: 20px;
    margin-bottom: 20px;
    border-right:1px dotted grey;
}
.tabs-content .col2 {
     width: 45%;
    float:left;
padding-left: 20px;
}
/* tabs news image and date*/
.tabs-content img{
margin:0px 5px 5px 1px; 
border:1px solid #fff;
width: 105px;
height: auto;
float:left;
}
span.newsdate{
background-color: #f9b000;
color:#fff;
font-family: 'PT Sans Narrow', 'arial narrow';
padding: 0px 3px;
font-weight: normal;
}
/* events widg no event*/
.tabs-content span.no-event{
margin-top: 25px;display:block;
}





/*events widget small churches */
span.event-details {display:block; width:30%; float:left; padding: 4px 8px 4px 4px; margin-bottom:12px; color: #333; background-color: #ffdc84; text-align:center; }
span.event-desc{display:block; width:58%; float:left; margin-bottom: 10px; padding:0px 7px; font-style: italic; font-size: 16px; min-height: 80px;} 
span.event-desc a{font-style: normal;  font-size: 15px;} 
#events-home{padding: 0px 0px;  }
#events-large, #newsfeed{padding: 0px 0px;margin-top: 28px; float:left; min-height: 310px;width: 95%; }




/*contact-us widget*/
.contactus .widgetdiv4 {width: 340px !important;}
.contactus .widgetdiv1 {width: 332px !important; height: 332px !important;}

.contact-details {
     color: #000000;
     float: left;
     height: 180px;
     list-style: disc outside none;
     margin-left: 10px;
     width: 40%;
}

.widget .contact-details ul li {
     font-size: 16px;
     padding-bottom: 2px;
     padding-left: 22px;
font-family:PT Sans Narrow;
}

.widget .contact-details ul li.email {
     background: url("../images/ico-mail.png") no-repeat scroll left center transparent;
}

.widget .contact-details ul li.phone {
     background: url("../images/ico-phone.png") no-repeat scroll left center transparent;
}

.widget .contact-details ul li.map {
     background: url("../images/ico-map.png") no-repeat scroll left center transparent;
}

.widget .contact-details ul li.map a {
     font-size: 90%;
}

.widget .contact-details ul li.address {
     font-size: 16px;
     line-height: 20px;
     padding-left: 0px;
}

.widget .contact-details ul li.addresslabel {
     font-size: 22px;
     font-weight: bold;
     line-height: 24px;
     padding-left: 0px;
}

.contact-name, .contact-caption, .contact-url {
     float: left;
}

.contact-photo {
     float: left;
}

.contact-name {
    background-color: #FFFFFF;
    clear: both;
    color: #000000;
    display: block;
    font-family: 'PT Sans Narrow','Arial Narrow';
    font-size: 30px;
    line-height: 45px;
    margin-left: 10px;
    margin-top: -50px;
    padding-left: 15px;
    position: relative;
}

.contact-caption {
     background-color: #F7E100;
     color: #000000;
     display: block;
     font-size: 15px;
     left: 10px;
     line-height: 40px;
     position: relative;
     font-family:'PT Sans Narrow', 'Arial Narrow';
     padding-left: 15px;
	 clear:both;
}

.contact-url {
     background-color: #F8F8F8;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #DDDDDD;
     clear: both;
     color: #000000;
     font-size: 18px;
     font-weight: bold;
     margin: 10px 0px 0px 10px;
     padding: 6px 14px;
     text-decoration: none;
     text-shadow: -1px -1px 4px #CCCCCC;
}

.contact-btn a:hover{text-decoration:none; color:#CEBA21;}
#playlist,audio{background:#FFF;max-width:450px;padding:10px;}
#playlist .active a{color:#FFF;text-decoration:none;background:#6C99D3;border-radius:5px;}
#playlist li a{color:#3D99DD;padding:5px;display:block;}
#playlist li a:hover{text-decoration:none;}
ul#playlist {list-style: none;margin:0;}
.testTable {
  display: table;
  margin: 0px;
  padding: 0px;
  max-width:400px;
}
.audioHeader {
  display: table-header-group;
}
.audioHeader span {
  background-color: #9B9B9B;
  color: #000;
}
.testRow > span {
  list-style:none;
  display: table-cell;
  padding: 2px 6px;
  background: #E8EDFF;
}
.colorRow > span {
  list-style:none;
  display: table-cell;
  padding: 2px 6px;
  background: transparent;
}
.colorRow {
  display: table-row;
}
.testRow {
  display: table-row;
}
.testBody {
  display: table-row-group;
  max-width:400px;
}
/* Switch videos */
h1.material {margin: 0 30px; font: bold 18px "Courier New", Courier, monospace; text-align:center;}
.switcher div, .Spoiler {display:none;}
.switcher div div {display: block;}
.parts {margin: 10px auto 0 auto; min-width:300px;}
p.titlecase {font: 12pt Georgia, "Times New Roman", Times, serif; 
text-align:center; margin: 6px;}
/* End of switch */
table.bord_table {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;

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

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.bord_table td {
	padding:5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.bord_table th {
	padding:10px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}


.playsong {
    width: 12px;
    height: 0px;
    border-top: 14px solid transparent;
    border-left: 18px solid #000;
    border-bottom: 14px solid transparent;
    padding:0px 0px 0 0;
}
.pausesong {
    width: 12px;
    height: 26px;
    border-right: 7px solid #000;
    border-left: 7px solid #000;
}
[id^="play-icon-"] {width:35px;height:35px;background-color:#45bb99;bottom:0px;font-family:Segoe;vertical-align:middle;color:#000;font-size:35px;box-sizing:content-box;padding:8px 0 0 8px;border:2px solid transparent;display:inline-block;}
#play-icon:hover {background-color:#218669;}
.titlesong {display:inline-block;padding:3px 9px 0px 35px;;vertical-align:middle;color:#000;font-family:-apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;text-decoration:none;}
.titlesong a, .titlesong a:hover{text-decoration:none !important;color:#000 !important;font-size: 14px !important;}
/*------------------------------------------------*/
/*--------------------[PLAYER]--------------------*/
/*------------------------------------------------*/


.jp-jplayer {
	background:none !important;
	height:0px;
	width:0px;
}

div.jp-type-single {height: 43px;padding: 3px 0 7px 1px;/* max-width: 300px; */min-width:398px;font-size:12px;}


div.jp-type-single:hover {
    background:#abe7e5 !important;
}

div.event-item {
	background: url("../images/playlist/bg-single-song.png") no-repeat scroll left top transparent;
    clear: both;
    float: left;
    height: 23px;
    padding: 3px 0 5px 10px;
    width: 626px;
}
div.event-item { overflow: hidden; }

div.jp-list-title {
	float:left;
	height: 22px;
	padding-top:1px;
}

div.jp-list-title a {
	font-weight:normal;
	text-decoration:none;
	padding:2px 0 2px 60px;
	background:url('../images/playlist/song-list-bg2.png') no-repeat 27px 1px transparent;
}

div#player-buy a, div#player-amazon a, div#player-itunes a {
	font-weight:normal;
	text-decoration:none;
}

#player-buy {
	cursor: pointer;
	display: inline;
	float: right;
	margin-left: 0;
	overflow: hidden;
	text-align: center;
}
#player-buy input {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 100%;
	margin: 0;
	padding: 2px 0;
}

.jp-interface {
	display: inline-block;
	/* margin-top: -22px; */
	/* float: right; */
	height: 124px;
	width: 100%;
	/* min-width: 300px; */
	background: #fff;
}

.jp-interface a {
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:2px;
	margin-right:5px;
}

span.jp-playlistdd {
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:3px;
	margin-right:2px;
	cursor:pointer;
}

#musicplayer .jp-interface a {
	margin-right:2px;
}

.jp-previous {
  background: url(../images/playlist/previous.png) no-repeat top left;
  width: 14px;
  height: 9px;
  z-index: 25;
	text-indent: -9999px;
    float: left;
}
div.jp-right-wrap {
    /* min-width: 217px; */
    /* max-width: 399px; */
    overflow: hidden;
    /* display:inline-block; */
    margin: 0 auto;
    top: 0;
    width: 100%;
}
div.jp-left-wrap {
    /* min-width: 217px; */
    px; */
    height: 459px;
    /* display:inline-block; */
    ck; */
    overflow: hidden;
    /* top: 0; */
    /* margin: 0 auto; */
    height: 104px;
    text-align: center;
    position: relative;
}
div.jp-image{
    background: #b2bcbe;
    height: 140px;
    /* margin:0 auto; */
    width: 140px;
    /* overflow: hidden; */
    display: inline-block;
    margin: 8px;
}
div.jp-navigation{
    /* height: auto; */
    padding-top:30px;
    color:#000;
    text-align:center;
    width: 100%;
    margin:0 auto;
    /* display: inline-block; */
    }
.jp-controlc {
	/* margin-top: -22px; */
	/* float: right; */
	/* height: 50px; */
	/* max-width: 635px; */
	/* min-width: 300px; */
	/* background:#fff; */
	/* display: inherit; */
}

ul.jp-controls {
	/* margin: 0 auto; */
	float:left;
	margin: 21px 10px 0 39px;
	display: inline-block;
}
ul.jp-controls a{padding: 7px;}
.jp-controls li {
	list-style-type:none;
	display:inline;
}

div#playcount {color:#000;text-align:center;padding: 55px 0 0 0px;display: inline-block;width: 144px;text-align: center;position: absolute;/* top: 10px; */}
@media (max-width:692px){
	.jp-audio {width:417px;height:1039px !important;}
	.jp-left-wrap {width:418px;}
	.jp-image {margin:7px auto !important;}
       .jp-controls {padding:0;margin: 10px 0 -8px -9px !important;}
	.jp-conrols a {padding: 0px 24px 0 24px;}
	div#player-volume {padding: 15px 0 0 29px;}
        .jp-interface {height: 140px;}
	.jp-interface a {margin-left: 71px;}
	.jp-seekerbar {margin: 21px 0 0 78px;}
	a.jp-mute, a.jp-unmute {margin-left: -57px;}
	.jp-volumebar {margin: -13px 0 0 107px;padding-left:13px;}
}
@media (min-width:693px){
	.jp-audio {width:620px;height:525px !important;}
	.jp-left-wrap {/* width:217px; */}
}
.jp-skip-backward {
    background: url(../images/playlist/XpKI33-K8baxrj4wdkJN7EPNxCk.svg) no-repeat top left transparent;
    width: 35px;
    height: 35px;
    z-index: 25;
    text-indent: -9999px;
    float: left;
	opacity: .4;
}

.jp-skip-backward:hover {
    opacity: 1;
}

.jp-play {
    width: 35px;
    height: 35px;
    z-index: 24;
    background: url(../images/playlist/nK7CYo2CCCGtRFa4CJOcrFLISDw.svg) no-repeat top left transparent;
    margin-top: 1px !important;
    text-indent: -9999px;
    float: left;
	opacity: .4;
}

.jp-play:hover {
    opacity: 1;
}

.jp-skip-forward {
    background: url(../images/playlist/tBQ-BNT1q_11qpWqoWkfcMW5whQ.svg) no-repeat top left transparent;
    margin-right: 0;
    width: 35px;
    height: 35px;
    z-index: 23;
    text-indent: -9999px;
    float: left;
	opacity: .4;
}

.jp-skip-forward:hover {
    opacity: 1;
}

.jp-pause {
    width: 35px;
    height: 35px;
    z-index: 24;
    background: url(../images/playlist/GBY1K4PoQCumM6UGW-FT9aaCB5s.svg) no-repeat top left transparent;
    margin-top: 1px !important;
    text-indent: -9999px;
    float: left;
	opacity: .4;
}

.jp-pause:hover {
    opacity:1;
}
.jp-playlistdd {
	width:20px;
	height:20px;
	background:url('../images/playlist/block-playlist.png') no-repeat top left transparent;
	margin-right:0;
}


div.jp-play-bar {
    height: 5px;
    z-index: 19;
    border-radius: 2px;
    background-image: -moz-linear-gradient( 0deg, rgb(60,183,214) 0%, rgb(60,214,205) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(60,183,214) 0%, rgb(60,214,205) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(60,183,214) 0%, rgb(60,214,205) 100%);
}

div.jp-seek-bar {
	/* width:50px; */
	height:100%;
	cursor: pointer;
}

div.jp-progress {
    max-width: 617px;
    min-width: 289px;
    width: 100%;
    height: 5px;
    z-index: 18;
    /* margin: 5px 8px 0 8px; */
    /* margin: 0 10px 0 10px; */
    border-radius: 2px;
    background-color: rgb(221, 221, 221);
    box-shadow: inset 0px 0px 3px 0px rgba(221, 221, 221, 0.5);
    /* overflow: hidden; */
    /* float: left; */
    /* vertical-align: middle; */
    /* display: inline; */
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("../images/playlist/pbar-ani.gif");
}

a.jp-mute,
a.jp-unmute {
	width:20px;
	height:17px;
	margin: -3px 0 0 0;
}

a.jp-mute {
	background: url("../images/playlist/volume-active.png") no-repeat 0 2px;
}
a.jp-mute:hover {
	background: url("../images/playlist/volume-mute.png") no-repeat 0 2px;
}
a.jp-unmute {
	background: url("../images/playlist/volume-mute.png") no-repeat 0 2px;
	display: none;
}
a.jp-unmute:hover {
background: url("../images/playlist/volume-active.png") no-repeat 0 2px;
	
}
div.jp-volume-bar {
    background: url(../images/playlist/jp-volume-bar.png) repeat-x scroll left top transparent;
    height: 10px;
    cursor: pointer;
    width: 103px;
    height: 5px;
    z-index: 18;
    border-radius: 2px;
    background-color: rgb(221, 221, 221);
    box-shadow: inset 0px 0px 3px 0px rgba(221, 221, 221, 0.5);
    #overflow: hidden
    margin: 24px 7px 0 0;
    /* float: right; */
    /* display: inline; */
    margin: 49px 0 0 105px;
}
div.downloadbtn a {text-decoration:none;color:#fff;font-size:15px !important;}
div.downloadbtn {
        width: 245px;
        height: 50px;
        margin: 35px auto;
        /* margin-top: 139px; */
        border-radius: 8px;
        background-color: #eaeaea;
        /* z-index: 97; */
        padding: 22px 0 0 120px;
        }
div.downloadico{background: url("../images/playlist/downloadico.png") no-repeat top left;width: 16px; height: 17px; padding-left: 34px; z-index: 100;}
div.jp-audio div.jp-type-single div.jp-volume-bar {
	left: 266px;
    top: 7px;
}

div.jp-audio div.jp-type-playlist div.jp-volume-bar {
	top:37px;
	left:324px;
}

div.jp-audio-blank div.jp-type-single div.jp-volume-bar {
    left: 380px;
}

div.jp-volume-bar-value {
	background: url("../images/playlist/bulet-volume.png") no-repeat right top -5px;
	/* width:0px; */
	height:13px;
	margin-top: -25px;
}
div.jp-current-time,
div.jp-duration {
	float: left;
	/* text-align: left; */
	color: #000;
	font-size: 14px;
	/* padding-top: 34px; */
	display: inline;
	ne; */
	vertical-align: middle;
}
div.jp-audio div.jp-type-single div.jp-current-time,
div.jp-audio div.jp-type-single div.jp-duration {
	left: 200px;
    top: 1px;
    width: 50px;
}
div.jp-audio-blank div.jp-type-single div.jp-current-time, div.jp-audio-blank div.jp-type-single div.jp-duration {
left: 312px;
}

div.sermlist {/* max-width:694px; *//* min-width:520px; */height:auto;background-color: #cfdcdc;padding:30px 0 30px 0;/* margin:10px auto; */color: #fff;border-radius: 10px;}
@media (max-width:692px){
	.jp-audio {width:417px;height:1039px !important;}
	.jp-left-wrap {width:418px;}
	.jp-image {margin:7px auto !important;}
}
@media (min-width:693px){
	.jp-audio {width:620px;height: 933px !important;}
	.jp-left-wrap {/* width:217px; */}
}
div.jp-audio {
    max-width: 100%;
    min-width: 300px;
    height: 300px;
    /* width: 90%; */
    height: 47px;
    z-index: 100;
    border-radius: 4px;
    background-color: rgb(245, 245, 245);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
    /* padding-right: 1px; */
    margin:0 auto;
}

div.jp-audio div.jp-type-playlist div.jp-current-time,
div.jp-audio div.jp-type-playlist div.jp-duration {
	top:49px;
	left:164px;
	width:122px;
}

div.jp-titlesong{
    /* float: right; */
    /* background-color: #f5f5f5; */
    /* max-width: 135px; */
    px; */
    height: 27px;
    padding: 33px 0 0 40px;
    color: #555555;
    font-weight:bold;
    font-size:18px;
    /* margin: 0 auto; */
    /* text-align: center; */
    display: inline-block;
    position: absolute;
    /* top: 0; */
    /* left: 451px; */
    }

div.jp-playlist {
	margin: -6px 0 17px 0px;
	/* display: inline-block; */
	/* float:right; */
	height: 375px;
	/* max-width: 418px; */
	overflow-y: scroll;
	overflow-x: hidden;
}
div.jp-playlist div.jp-type-single:nth-child(even) {
background-color:#f5f5f5;	
}
div.jp-playlist div.jp-type-single:nth-child(odd) {
background-color:#eaeaea;
}

#lyrics-text {
	padding:10px 20px;
	display:none;
	width: 90%;
	text-align: left;
	color: #2B587A;
}

#lyrics {
	background:url('../images/playlist/lyrics.png') no-repeat 0 3px transparent;
	padding-left:25px;
	cursor:pointer;
	text-align: :left;
}
#itunes a{color:#555555 !important;}
#itunes {padding-left: 25px;display: inline-block;/* float: right; *//* background-color: #f5f5f5; *//* width: 100%; */height: 27px;padding: 8px 0 0 0;color: #000;margin: 5px 0 30px 40px;position: absolute;/* top: 0; */}

#amazonmp3 {
	background:url('../images/playlist/amazonmp3.png') no-repeat 0 2px transparent;
	padding-left:35px;
}

.song-plays {
    display: inline;
    float: right;
    font-size: 14px;
    margin-left: 0;
    overflow: hidden;
    text-align: center;
    width: 133px;
	padding-top:9px;
	color:#757575;
    vertical-align:middle;
}
#[id^="song-content-"]:hover {background-color:#abe7e5;}
.song-price  a {
font-weight:normal;
}
.song-price  input {
  background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 100%;
    margin: 0;
    padding: 2px 0;
}
/* End of playlist */

/* Playlist */


#content_pl { font-family: Calibri, Arial, sans-serif;background-image: url('../images/playlist/bg_playlist.png'); }

#content_pl:after {
  content: "";
  display: table;
  clear: both;
}

#content_pl .two-thirds-right,
#content_pl .two-thirds-left,
#content_pl .full-width {
  padding: 10px 5% 80px;
}
#content_pl .two-thirds-right  { border-left: 1px solid #e7efef; }
#content_pl .two-thirds-left   { border-right: 1px solid #e7efef; }
#content_pl .third-left  {
  border-right: 1px solid #e7efef;
  padding-top: 40px;
}
#content_pl .third-right {
  border-left: 1px solid #e7efef;
  padding-top: 40px;
}

@media only screen and (max-width: 767px) {
  #content_pl .two-thirds-right,
  #content_pl .two-thirds-left,
  #content_pl .third-left,
  #content_pl .third-right {
    border-left-width: 0;
    border-right-width: 0;
  }
  #content_pl .two-thirds-right,
  #content_pl .two-thirds-left {
    border-bottom: 1px solid #e7efef;
  }
}

#content_pl a {
  color: #438390;
  text-decoration: none;
}


div#block-player {
	clear:both;
	float:left;
	margin:10px 0 0 0;
}
	
div#list-songs {
	clear:both;
	float:left;
	width:100%;
	margin-bottom:30px;
}

div#list-player {
    border-radius: 4px;
    background-color: rgb(245, 245, 245);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06);
    width: 635px;
    height: 474px;
    z-index: 8;
    color: #000;
}

div#list-player-top {
	clear:both;
	float:left;
	width:632px;
	height:15px;
	background:url('../images/playlist/player-bg-top5.png') no-repeat top left transparent;
}

div#list-player-wrap {
    clear: both;
    float: left;
    max-width: 594px;
    padding: 0 10px;
    background: url(../images/playlist/player-bg-bottom5-line.png) repeat top left rgba(93, 139, 179, 0.42);
    /* background: white; */
    border: 10px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    margin: 10px auto;
    min-width: 267px;
}

div#list-player-bottom {
	clear:both;
	float:left;
	width:632px;
	height:16px;
	background:url('../images/playlist/player-bg-bottom5.png') no-repeat top left transparent;
}

div#player-title {
/*	font-size:25px;
	color:#fff;
	width:100%;
	padding:0 0 10px 10px;
	font-weight: bold;
	text-align: center;
*/
}

div.oval-wrap {
    background: url("../images/playlist/oval-bg5.png") no-repeat scroll right bottom transparent;
    display: block;
    height: 31px;
    margin: 3px 5px 10px 0;
    padding:0 17px 0 0;
}
div.oval-wrap.fl-nav{
    background: url(../images/playlist/oval-bg5.png) no-repeat scroll right bottom transparent;
    display: block;
    height: 31px;
    margin: 0 auto;
    padding: 0 17px 0 0;
    display: inline-block;
    max-width: 276px;
 
}


.player-line{
//	float:left;
	width:100%;
}

.fl {
//	float:left;
}

.fr {
	float:right;
	display:inline-block;
}

.nm {
	margin:0 !important;
}

.ctrl {
    position: absolute;
    top: 120px;
    left: 135px;
}

.block-jp-seek {
	float:left;
	margin:0 0 10px 5px;
	width:230px;
}

.collist {
	float:left;
}

#musicplayer .jp-progress {
	width:145px;
}

#musicplayer .jp-playlist {
	display:none;
}

div.oval-wrap .oval-content {
    background: url("../images/playlist/oval-bg5.png") no-repeat scroll top left transparent;
    border: 0 none;
    display: block;
	color: white;
    height: 27px;
    padding:4px 0 0 17px;
}

#block-player .oval-wrap, #block-player .oval-wrap .oval-content {
	float:left;
}

.nm .oval-content {
	width:200px;
}


.showmore {
    background: #f4fdff;
    border: 2px solid #bfbfbf;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
}
.showtab {
    background: #42828f;
    padding: 10px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    text-decoration:underline;
}
.showtab img {
     vertical-align: middle;
}
.showtab:hover {
    background: #23474e;
}
.btn-default {
    color: #e98d00;
    border-color: #d7d7d7;
    background-color: #f9f9f9;
    background: -moz-linear-gradient(top,#fff 0,#f2f2f2 100%);
    background: -webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
    background: linear-gradient(to bottom,#fff 0,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2f2f2',GradientType=0);
}

.btn {
    max-width: 100%;
    font-weight: 600;
    padding: 9px 25px;
    transition: .3s;
    border-radius: 3px;
    line-height: 20px;
    white-space: normal;
    transition: .0s;
    text-transform: uppercase;
    box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.05);
}
.btn-default:hover {
    color: #373a3c;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}
div#showdaysiam a {
    margin-left: 4px;
    padding: 2px 5px;
    color: #666;
    background-color: rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2) inset;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.2) inset;
    line-height: 27px;
	border-radius: 3px;
}
div#showdaysiam a:hover{
    сolor: #444!important;
    background-color: rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5) inset;
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5) inset;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.5) inset;
}
div#showdaysiam a:active {
	color: #fff;
    background-color: #475865;
    text-shadow: 0 1px 0 rgba(17,31,47,0.75);
    -webkit-box-shadow: 0 0 2px 0 #111f2f inset;
    -moz-box-shadow: 0 0 2px 0 #111f2f inset;
    box-shadow: 0 0 2px 0 #111f2f inset;
	}

div#showdailydev{
background: #fff;
    padding: 10px 30px;
    font-family: "Open Sans Light","Segoe UI Light";
    font-variant: normal;
    font-weight: 600;
    line-height: 25.4px;
    font-size: 19px;
	}
.et-learn-more {background: #fff;border: 1px solid #e7e7e7;margin: 10px 0px;-moz-box-shadow: 1px -1px 0 0 #fff;-webkit-box-shadow: 1px -1px 0 0 #fff;box-shadow: 1px -1px 0 0 #fff;}
.et-learn-more .learn-more-content {padding: 30px 30px 20px;visibility: hidden;border-top: 1px solid #e7e7e7;}
.et_slidecontent .et-learn-more .learn-more-content {display: block; visibility: hidden; }
.et-open .learn-more-content { display: block; visibility: visible !important;font-size:13px; }
.et-learn-more h3.heading-more {cursor: pointer;padding: 16px 50px 16px 22px;font-size: 20px;color: #999;letter-spacing: 0px;text-shadow: 1px 1px 0 #fff;position: relative;border-left: 1px solid #fff;border-top: 1px solid #fff;margin: 0 !important;}
.et-learn-more h3.heading-more {background: #f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f5f5f5));background: -webkit-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%);background: linear-gradient(to bottom, #f9f9f9 0%,#f5f5f5 100%);}
h3.heading-more.open {cursor: pointer;padding: 16px 50px 16px 22px;font-size: 20px;color: #999;letter-spacing: 0px;text-shadow: 1px 1px 0 #fff;position: relative;border-left: 1px solid #fff;border-top: 1px solid #fff;margin: 0 !important;background: linear-gradient(to bottom, #f9f9f9 0%,#f5f5f5 100%);}
.et-learn-more h3.heading-more span.et_learnmore_arrow {display: block;position: absolute;top: 0;right: 0;width: 48px;height: 100%;border-left: 1px solid #fff;-moz-box-shadow: -1px 0 0 0 #e7e7e7;-webkit-box-shadow: -1px 0 0 0 #e7e7e7;box-shadow: -1px 0 0 0 #e7e7e7;}
.et-learn-more .open span.et_learnmore_arrow span {background-position: -58px -14px;}
.et-learn-more span.et_learnmore_arrow span {display: block;position: absolute;top: 50%;left: 50%;margin-top: -5px;margin-left: -6px;width: 13px;height: 10px;background: url(../images/shortcodes-sprite.png) no-repeat -58px -2px;}
.et-open .learn-more-content {display: block;visibility: visible !important;}
.alignleft:first-child, .alignright:first-child, .aligncenter:first-child {
    width: 108px;
    display: inline;
    float: left;
}
.alignleft, .alignright, .aligncenter {
    display: block;
    height: auto;
}
@media (min-width: 43.76em){
.alignleft {
    float: left;
    max-width: 25rem;
    width: auto;
    margin: .3125rem 1.875rem 1.25rem 0;
}
}
.alignleft {
    float: none;
    padding-right: 0;
    width: 100%;
    clear: left;
}
a.icon-button {color: #595a5a !important;background: #f5f5f5;background: -moz-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e1e1e1));background: -webkit-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);background: -o-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);background: -ms-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);background: linear-gradient(to bottom, #f5f5f5 0%,#e1e1e1 100%);border: 1px solid #c3c3c3;text-shadow: 1px 1px 1px #fff;-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);padding-left: 36px;position: relative;}
a.icon-button:hover { color: #404040; }
	a.icon-button span.et-icon { position: absolute; top: 10px; left: 12px; width: 18px; height: 16px; }


a.download-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -3px -2px; width: 17px; height: 20px; top: 7px; }
a.search-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -206px -2px; top: 9px; }
a.refresh-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -169px -19px; }
a.question-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -164px -2px; }
a.people-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -151px -33px; height: 17px; top: 9px; }
a.warning-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -188px -19px; width: 15px; }
a.mail-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -131px -33px; height: 15px; }
a.heart-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -131px -18px; width: 14px; height: 13px; top: 12px; left: 14px; }
a.paper-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -147px -17px; width: 15px; height: 15px; }
a.notice-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -147px -2px; width: 15px; height: 13px; top: 11px; }
a.stats-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -184px -2px; width: 15px; height: 14px; top: 11px; }
a.rss-icon span.et-icon { background: url(../images/shortcodes-sprite.png) no-repeat -171px -36px; width: 15px; top: 9px; }
a.icon-button.download-icon{margin:10px;padding: 0px 14px 0 39px;line-height:4;}
a.download-icon span.et-icon {background: url(../images/shortcodes-sprite.png) no-repeat -3px -2px;width: 17px;height: 20px;top: 13px;}
a.small-button, a.icon-button {padding: 6px 14px;font-weight: bold !important;font-size: 12px;margin: 0 5px 8px 0;}
a.small-button, a.big-button, a.icon-button {display: inline-block;text-shadow: 1px 1px 0 rgba(255,255,255,0.3);-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.1);box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.1);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;line-height: 26px;}
/*.learn-more-content img {display:inline;	float:left;	margin-right:15px;}
.learn-more-content {background:#efefef;padding:24px;border-radius:23px;min-height:151px;margin-top:15px;}
.showdailydev h1 {font-size:45px;font-weight:100;line-height:40px;color:#DB8}
*/
.page-episode-content-video-play {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  display: block;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  background: url(../images/playButton.png);
  content: "";
  transition: all 0.1s cubic-bezier(0.8, 0, 0.3, 1);
}
.page-episode-content-video:hover .page-episode-content-video-play {
  transform: scale(1.55);
  cursor: pointer;
}
.page-episode-content-video:hover {
  cursor: pointer;
}
.page-episode-content-description {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  color: #6e7b7d;
  font-family: 'PT Sans';
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 37px;
  margin-bottom: 0;
  line-height: 26px;
}
.page-episode-content-video {
  width: 740px;
  height: 417px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}
.pv-episode-videoPlayer {
  position: absolute;
  z-index: 1;
}
.pv-episode-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: 2;
}

.videobar {
    position: absolute;
    width: 90%;
    max-width: 1026px;
    height: 157px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}

.videobar:before {
    position: absolute;
    background: rgba(222, 222, 222, 0.5);
    display: block;
    content: "";
    width: 100%;
    height: 157px;
}
audio.wp-audio-shortcode {
    width: 90%!important;
    margin: 0 auto;
    text-align: center;
}
@media only screen and (max-width: 320px) {
	#showdailydev h1 {
   		max-width: 243px;
    		font-size: 29px!important;
	}
	audio.wp-audio-shortcode {
	    margin-left: -25px!important;
	}
}