/* ==========================================================================
   Reset Bootstrap
   ========================================================================== */
body {color:#444;background-color: WhiteSmoke;}
a:hover {color:none;text-decoration: underline;}
#map_canvas img{max-width:none}
#supersized img{max-width:none}
.knowledge-base ul, .box-video-links ul, .faq-top ul, #comments ol { margin: 0; list-style-type: none; }
.single-post #comments header {margin-bottom: 0;}
.single-post #comments header {border-bottom: none;}
h1, h2, h3, h4, h5, h6, .hero-unit p, .hero-unit h1 {font-weight: 700;}
a.thumbnail, a.thumbnail:hover {border: none;box-shadow: none;}
.label {padding-top: 3px;}
input[type="text"]:focus, textarea:focus {border: solid 1px #777;box-shadow:none;}
pre {line-height: 1em;}
/* ==========================================================================
   Unused
   ========================================================================== */
.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}


/* ==========================================================================
   Base
   ========================================================================== */

body { }
h1, h2, h3, h4, h5, h6 {color: #121212;}
h1 { font-size: 36px;}
h2 { font-size: 26px;}
h3 { font-size: 22px;}
h4 { font-size: 18px;}
h5 { font-size: 14px;}

hr.light {
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: none;
}
hr.tall {
margin: 0 0 34px;
}

i { color: #444; }

.label-color { background-color: #0088CC;}
.label-color i { color: #fff !important;}
.label-color a { color: #fff !important;text-decoration: none;}
.label-color:hover { background: #333;}

.btn-primary {
  background-color: hsl(201, 100%, 30%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a5ff", endColorstr="#006399");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#00a5ff), to(#006399));
  background-image: -moz-linear-gradient(top, #00a5ff, #006399);
  background-image: -ms-linear-gradient(top, #00a5ff, #006399);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a5ff), color-stop(100%, #006399));
  background-image: -webkit-linear-gradient(top, #00a5ff, #006399);
  background-image: -o-linear-gradient(top, #00a5ff, #006399);
  background-image: linear-gradient(#00a5ff, #006399);
  border-color: #006399 #006399 hsl(201, 100%, 25%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}


/* =============================================================================
   Header
   ========================================================================== */
#banner {
background: #292929 url(../img/bg-header.jpg) repeat 0 0;
filter: none;
border-bottom: 1px solid #111;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#banner .container{ height: 70px;}
#nav-main {}
.logo { float:left; padding-top: 0px; }
.logo-text {padding-top: 7px;}
.logo-text a{text-decoration: none;}

/* Fixed Topbar Navigation */
body.top-navbar { padding-top: 60px; }
body.admin-bar .navbar-fixed-top { top: 28px; }

/* page header */
#page-header-container { background-color: #171717;margin-bottom: 30px;}
.page-header {}
.page-header h1 { color: #fff;margin: 10px 0 0; padding-bottom:5px;font-size: 36px;text-shadow: 1px 1px 2px rgba(0, 0, 0, .4); }
.page-header p.tagline {font-size: 14px; position: relative; top: -3px; padding:0;margin-bottom: 5px; color: #eee;text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);}
#searchform .search-query { float: right; margin: 24px 0;}
.page-title h1 {margin-bottom: 22px;margin-top: 13px;}
.hero-search input.search-query:focus, .page-header input.search-query:focus {border: solid 1px #333; }

.hero-search input.search-query {
padding: 24px;
margin-bottom: 9px;
font-size: 20px;
color: #999;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
line-height:normal;
box-shadow: none;
}
.hero-search input.search-query, .page-header input.search-query {border: solid 1px #BBB; }
.hero-search input.search-query:focus {outline: none; box-shadow: none;line-height:normal;}

.page-header input.search-query {
padding: 6px;
font-size: 16px;
color: #999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


/* ---------- Primary Navigation Menu ---------- */

#menu { padding: 19px 0 0;}
ul#menu, #menu ul {margin: 0;}
#menu,#menu ul{float:right;list-style:none}
#menu{padding-left:0}
#menu:before,#menu:after{content:"";display:table}
#menu:after{clear:both}
#menu{zoom:1}

#menu li{float:left;position:relative; padding: 0 0px;}
#menu a{float:left;position:relative;padding:8px 15px 18px;font-size:13px;text-decoration:none;}
#menu > .active > a {color: #0088CC;}
#menu .active a, #menu li a:hover, #menu ul a:hover, #menu .current-menu-item a, #menu .current-menu-parent>a {}
#menu .active>a, #menu .current-menu-item a, #menu .current-menu-parent>a {background-color: transparent; text-shadow:none; }

#menu > li > a { color:#fff;text-transform: uppercase;}
#menu ul a { color:#171717;}
#menu > li > a:hover { color:#0088CC;}

#menu ul a:hover { background-color:#0088CC; text-shadow:none;color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
  border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;

}

#menu ul{font-size:12px;_margin:0;visibility:hidden;position:absolute;top:45px;left:0;z-index:9999;border: 1px solid #ccc; background:#f3f3f3;box-shadow:0 0 4px rgba(0,0,0,0.1); 
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
 }
#menu li:hover>ul{opacity:1;visibility:visible;margin:0;}
#menu ul ul{top:-5px;left:173px;_margin:0;}


#nav-main ul ul:before {
  border-color: transparent transparent #f3f3f3;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 23px;
    position: absolute;
    top: -24px;
    width: 0;
  z-index: 999;}
#nav-main ul ul:after {
  border-color: transparent transparent #f3f3f3;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 23px;
    position: absolute;
    top: -23px;
    width: 0;
  z-index: 999;}

#nav-main ul ul ul:before, #nav-main ul ul ul:after  {display:none}
#menu ul li{float:none;display:block;border:0;_line-height:0}
#menu ul li:last-child{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
#menu ul a{padding:8px 8px;min-width:150px;_height:8px;display:block;white-space:nowrap;float:none;margin: 3px;}
#menu ul a:hover{text-shadow:none; color: #fff; margin: 3px; background-color: #0088CC;}
#menu ul li:first-child>a:after{content:'';position:absolute;left:40px;top:-6px;border-left:6px solid transparent;border-right:6px solid transparent}
#menu ul ul li:first-child a:after{left:-6px;top:50%;margin-top:-6px;border-left:0;border-bottom:6px solid transparent;border-top:6px solid transparent}
#menu ul ul li:first-child a:hover:after{border-bottom-color:transparent}
#menu ul li:last-child>a{border-bottom:0px solid transparent;}

nav select{display:none}

/* tyahead */
.typeahead {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  padding: 0px 0;
  margin: -1px 0 0 8px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.typeahead pull-right {
  right: 0;
  left: auto;
}
.typeahead .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.typeahead a {
  display: block;
  padding: 5px 15px;
  clear: both;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  color: #999999;
  white-space: nowrap;
}
.typeahead li > a:hover,
.typeahead .active > a,
.typeahead .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088CC;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 979px) {
  /* Fix top padding when using the responsive grid with the fixed topbar */
  body.top-navbar {
    padding-top: 0;
  }
}


/* =============================================================================
   Responsive
   ========================================================================== */

@media(max-width:480px){body{padding:0}
nav ul{display:none}
nav select{display:inline-block;width:100%!important}
nav{position:relative;right:auto;top:auto;width:100%}
#social-icons {float: none!important;margin: 0 auto;display: inline; text-align: center;}
.copyright-text { float:none !important; text-align:center;}

}
@media(min-width:480px) and (max-width:767px){body{padding:0}
nav ul{display:none}
nav select{display:inline-block;width:100%!important}
nav{position:relative;right:auto;top:auto;width:100%}
}
@media(min-width:767px) and (max-width:980px){#menu a{padding:6px 8px!important}
#menu ul a{padding:8px;width:100px}
#menu ul ul{left:130px}
}
@media (max-width: 979px){
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
padding: 5px 20px !important;}
}
@media (max-width: 767px){
#banner {height: 150px;}
.hero-title {padding-top: 40px!important;}
.hero-title h1 {font-size: 40px!important;}
.container {padding: 0 20px;}
.logo {text-align: center;float:none;}
#page-header-container {margin: 0 0 30px;}
#widget-footer {padding: 20px !important;}
.image-logo { float:none !important; }
.page-title, .page-template-template-homepage-php .hero-unit, .blog .hero-unit {/*	margin-top:20px; */}
form#searchform {margin: 0;}
.page-header h1 {text-align: center;}
.page-header p.tagline {text-align: center;}
.icon-spacing {margin-top: 145px;}
.hero-title {padding: 90px 0 10px!important;}
}

/* ==========================================================================
   Content
   ========================================================================== */

#content { }
li.comment { list-style:none;}
ol.commentlist { margin-left:0;}
article { padding: 0 0 25px; margin-bottom: 0px;}
#main article {background-color: #fff;padding: 10px 25px 20px;margin-bottom: 30px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.single-post article, .single-faq article {margin-top: 25px;}
.faq-top {padding-bottom: 20px;}
.faq-top ul {padding-bottom: 20px;}
.faq-top h4 a, .faq-top h4 a:hover {color:#555;}
.faq-page article h3 {margin-bottom: 20px;color: #0088CC;}
.pagination {margin: 10px 0 30px;}
.contact-form {margin-top: 40px;}
.contact-form input {padding: 8px 6px; margin-bottom: 20px;width: 98.3%;}
.contact-form textarea {margin-bottom: 35px;width: 98.3%;}

/* ==========================================================================
   Primary Content
   ========================================================================== */

#main { }


/* ==========================================================================
   Sidebar
   ========================================================================== */

#sidebar { }
.widget {margin-bottom: 35px;}
.widget-last {margin-bottom: 10px;}
.widget-inner ul { list-style:none; margin-left:0;}
.widget li { line-height: 2.3em;}
.widget-first {}
#footer-container .widget-first {margin-top: 0;}

.flickr_wrap img {margin-top: 0px;padding: 8px;width: 74px;height: 74px;}

/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header h2 {margin-bottom: 15px; }
.hentry time { }
.hentry p.byline { }
.hentry .entry-content { }
.hentry footer { }
.wp-post-image {margin-bottom: 50px;}
.single-post .hentry header {padding-bottom: 15px;margin-bottom: 10px;}
.post-meta time {font-size: 0.8em;color: #aaa;}
.post-meta i{color: #aaa;}

.pagination ul > .active > a, .pagination ul > .active > span {color: white;}
.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {color: #fff;}

#comment.input-xlarge { height:180px;}
.author-box-image {
float: left;
margin-right: 20px;
margin-bottom:15px;
}
#author-box { 
margin:35px 0 0;
padding:35px 0 0;
border-top: 1px solid #e6e6e6;
}
.author-box-name { margin:0 0 8px;}
.author-box-description { padding-left:115px;}
.author-links { padding-left:115px;}
#comments {margin-top: 20px;border-top: solid 1px #e6e6e6;padding-top: 10px;}
ol.commentlist,
ol.commentlist ul.children{
  list-style-type: none;
  margin-left: 30px;
}
ol.commentlist {
overflow: hidden;
margin: 15px 0 0;
}
ol.commentlist img.avatar {
margin: 0 12px 0 0;
float: left;
padding: 2px;
border: 1px solid #e6e6e6;
border-radius: 2px;
}
ol.commentlist .fn {
display: block;
font-weight: bold;
}
ol.commentlist .comment-author .time {
font-size: 11px;
color: #999;
}
ol.commentlist .comment-text {
float: left;
padding-bottom: 10px;
padding-left: 51px;
margin-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
width:100%;
}
ol.commentlist .comment-text p {
margin-bottom: 10px;
}
/* post comments */
cite.fn { font-size:18px; font-weight:bold;}
.comment-author img { float:left; margin:0 15px 5px 0}
a.comment-reply-link { float:right;
}
#respond {margin-top: 40px;}

/* ==========================================================================
   Footer
   ========================================================================== */

#footer-container { background: #222 url(../img/footer.jpg) 0 0 repeat-x; margin-top: 50px; padding: 50px 0 0; color: #aaa;font-size: 0.8em;}
.page-template-page-home-php #footer-container {margin-top: 0;}
#footer-container h4 { color: #fff;font-weight: 600;margin-bottom: 20px;}
#footer-sub { background: #1b1b1b url(../img/sub-footer.jpg) 0 0 repeat-x; padding: 18px 0; color: #999;font-size: 0.8em;}
p.vcard, #footer-container, #footer-container li { line-height: 1.8em;}
#footer-container li a { color: #aaa;}
#footer-container i { color: #08c; margin-right: 3px;}
.copyright-text a, #footer-container .tweet-text a, #footer-container .vcard a { color: #fff;}
.copyright-text {float: left;display: block;margin-top: 5px;}
article.type-faq {margin-bottom: 10px;}

/* social */
#social-icons { float:right;display: block;}
#social-icons ul { margin-left:0;}

.social-icon {
  width: 28px;
  padding:2px 0 2px;
  margin-right:5px;
  display:inline-block;
  background-color:#444;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
}
.social-icon img{ width:36px;}

#social-icons .twitter:hover{background-color:#48C4D2;}
#social-icons .facebook:hover{background-color:#3B5998;}
#social-icons .gplus:hover{background-color:#D03924;}
#social-icons .linkedin:hover{background-color:#005180;}
#social-icons .vimeo:hover{background-color:#1BB7EA;}
#social-icons .youtube:hover{background-color:#C81414;}
#social-icons .flickr:hover{background-color:#F1628B;}
#social-icons .pinterest:hover{background-color:#CD2027;}
#social-icons .rss:hover{background-color:#FE9900;}

li.social-icon {
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 200ms;
}
li.social-icon:hover{
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 200ms;
}
 .tooltip.top {margin-top:-7px}


/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }

/* ==========================================================================
   Live Search
   ========================================================================== */

.autocomplete-suggestions { border: 1px solid #bbb; background: #FFF; cursor: default; overflow: auto; overflow-y: scroll;overflow-x: hidden;}
.autocomplete-suggestion { padding: 8px 10px 0; overflow: hidden; border-bottom:1px solid #ddd }
.autocomplete-suggestion h4{ line-height:1em;margin: 5px 0; white-space: nowrap;}
.autocomplete-suggestion p{ line-height:18px}
.autocomplete-suggestion:last-child{ border:none}
.autocomplete-selected { background: WhiteSmoke; }
.autocomplete-suggestions strong { font-weight: normal; }

/* ==========================================================================
   Shortcodes
   ========================================================================== */

/* tabs */
.nav.nav-tabs {
margin-bottom: 0;
}
.tab-content {
padding: 15px;
border: 1px solid #DFDFDF;
border-top: 0;
background: #F9F9F9;
}
/* accordion */
.accordion-heading{background:#f6f6f6;font-weight:bold;font-size:11px;text-transform:uppercase}
.accordion-group .accordion-heading .accordion-toggle i.icon-active{display:none}
.accordion-group.active .accordion-heading .accordion-toggle i.icon-active{display:inline-block}
.accordion-group.active .accordion-heading .accordion-toggle i.icon-passive{display:none}
.accordion-body{display:none;padding:0;margin:0}
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
}
.hero-unit {
text-align: center;
margin: 50px 0;
padding: 20px 50px 10px 50px;
}
.hero-unit h1 {
text-shadow: 1px 1px 0 white,2px 2px 0 #AAA;
color: #3B3B3B;
font-size: 30px;
line-height: 140%;
}
.sep_bg {
background: url(../img/patterns/sep.png);
background-color: #f8f8f8;
padding: 5px;
margin-bottom: 20px;
}
.table-bordered {
border: 1px solid #DDD;
border-collapse: separate;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
background-color: #F9F9F9;
}
.accordion-group {
margin-bottom: 4px;
}
.presentation h1 {
color: black;
font-weight: 300;
font-size: 67px;
line-height: 67px;
letter-spacing: -3px;
}
.presentation h1 .colored {
font-weight: 600;
font-size: 87px;
line-height: 87px;
letter-spacing: -4px;
}
.colored {
color: #C84D50;
}
.full-width-gallery .carousel-control {
top: 50%;
background: none;
border: none;
}
.fitvids {margin-bottom: 1.5em;}

/* pretify */
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .linenums .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }

.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px; /* IE indents via margin-left */
} 
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 18px;
  text-shadow: 0 1px 0 #fff;
}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px; /* IE indents via margin-left */
  list-style-type: decimal;
} 
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 18px;
  text-shadow: 0 1px 0 #fff;
}

/* ==========================================================================
   Widgets
   ========================================================================== */

#sidebar .widget-inner ul li {background-color: #fff;margin-bottom: 5px;padding-left: 10px;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
  border-radius: 4px; 
}
#sidebar .widget-inner > ul > li > ul {background-color: #fff;}
#sidebar .widget-inner > ul > li > ul:hover {background-color: #fff;}
#sidebar .widget li a {text-decoration: none;}
#sidebar .widget li:hover a{color: #fff;}
#sidebar .widget li:hover i{color:#fff;}

/* Twitter widget */
.guerilla_tweet_widget ul {margin: 0 0 10px 0;list-style-type: none;}
.guerilla_tweet_widget li { padding: 10px;line-height: 1.3em; }
.guerilla_tweet_widget li span { display: block; }
.guerilla_tweet_widget li > a {font-style: italic;font-weight: normal;text-decoration: none;}
.twitter-link {color: #ffffff;font-weight: normal;line-height: 30px;height: 30px;padding-top: 8px;text-decoration: none;}
.twitter-link:hover {color: #ffffff;}
#footer-container .guerilla_tweet_widget li { padding: 0 0 10px;}
#footer-container .guerilla_tweet_widget a {color: #fff;}

/* Flickr */
.flickr_badge_image {float: left;height: 65px;margin: 0 15px 15px 0;width: 65px;}
.flickr_badge_image a {cursor: pointer;border-radius: 3px;display: block;}
.flickr_badge_image a:hover img { opacity: 0.7; }

/* ==========================================================================
   Page Templates
   ========================================================================== */

.page-main {background-color: white;padding: 23px 25px 20px;margin-bottom: 30px;margin-top: 25px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

/* contact */
#contact-form { }
.contact-error { color:#B94A48;}
.contact-form input:focus, .contact-form textarea:focus, #respond input:focus, #respond textarea:focus {border: solid 1px #777;box-shadow:none;}

/* archives */
.page-archives li {line-height: 1.5em;}

/* faq */
h2.faq-section-heading {margin-bottom: 30px;margin-top: 30px;}

/* knowledge */
.knowledge-base { margin-bottom: 30px;}
.knowledge-base li:last-child { padding-bottom: 12px;}
.knowledge-base h2 {margin-bottom: 12px;}
.knowledge-base li a { color: #444; }
.knowledge-base li a:hover { color: #444; }
ul.category-posts li {line-height: 1.6em;}

/* post likes */
.loop-like {position: relative;top:-49px;float: right;}
.label-likes i, .likes {color: #fff;}
.label-likes {font-size:13px;font-weight: normal;color: #fff;padding: 4px 7px 2px;}

/* home page */
#section-container {padding: 0 0 63px;}
#hero {height: 390px;width: 100%;}
.hero-title {text-align: center; padding: 90px 0 50px;}
.hero-title h1 {font-size: 90px;text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);color: #fff;}
.hero-search {text-align: center; }
.hero-search .search-query {width: 60%; max-width: 800px; float: none!important;}
.hero-search .btn-black {
  font-size: 20px;
  width: 180px;
  height: 70px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
  -moz-border-radius: 7px; 
  -webkit-border-radius: 7px;
  border-radius: 7px; 
}
.btn-custom {
font-size: 14px;
line-height: 20px;
padding: 7px 11px;
border: 1px solid #BBB;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
background-color: #141414;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
-webkit-font-smoothing: antialiased;
transition: background .10s ease-in-out;
-moz-transition: background .10s ease-in-out;
-webkit-transition: background .10s ease-in-out;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-black {
font-size: 14px;
line-height: 20px;
padding: 7px 11px;
border: 1px solid #BBB;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
background-color: #222;
color: white;
transition: background .10s ease-in-out;
-moz-transition: background .10s ease-in-out;
-webkit-transition: background .10s ease-in-out;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#boxes-container {
text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
}
.box {margin: 0 auto;background-color: rgba(0, 0, 0, 0.05);padding: 50px 30px 32px;border: solid 1px rgba(0, 0, 0, 0.1);
  -moz-border-radius: 7px; 
  -webkit-border-radius: 7px;
  border-radius: 7px; 
}

.boxes {margin-top: 0;margin-bottom: 70px;}
.box-icon {margin-bottom: 10px;text-align: center;}
.box-icon i {font-size: 100px; color: #fff;}
.box-title {text-align: center;padding: 25px 0 6px;}
.box-title h2 a {color: #fff;font-size: 38px;
-webkit-transition: color .1s linear;
-moz-transition: color .1s linear;
-o-transition: color .1s linear;
-ms-transition: color .1s linear;
transition: color .1s linear;
}
.box-title h2 a:hover {text-decoration: none;color: #171717;}
.box-text {text-align: center;color: #fff;}
.box-text .btn-black {margin-top: 25px;display: inline-block;}  
.btn-custom:hover {text-decoration: none;background: url(../img/btn-custom.png);}
.btn-black:hover {text-decoration: none;background-color: #111;}

#section-container article { padding: 0; margin-bottom: 0; border:none;background-color: #fff;padding: 10px 25px 20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.recent-posts {margin-bottom: 0; }
.recent-posts p {font-size: 0.9em;}
.recent-posts h4 {margin-bottom: 20px;text-align: center; }
.recent-posts .fitvids {margin-bottom: 1.5em; }
.recent-title h2 {font-size: 34px;padding: 20px 0;margin: 20px 0 15px; text-align: center;text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);}
.video-title h2 {font-size: 34px;padding: 20px 0;margin: 20px 0 20px; text-align: center;text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);}
.label-popular {position:relative;bottom:6px;}
.video-bg {background-color:#eeeeee;border-top: solid 1px #e8e8e8;}
.box-video {margin-top: 0px; background-color: #222;height: 390px;text-align: center;background-size:cover;background-repeat: no-repeat;background-position: center center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.box-video .icon-play-circle {padding-top: 140px;text-align: center;font-size: 110px;text-decoration: none;color: #fff;}
.box-video .icon-play-circle:hover {}
.box-video h2 {padding-top: 50px;text-align: center;}
.box-video h2 a {color: #fff;}
.box-video-title {margin-bottom: 10px; margin-bottom: 20px;}
.box-video-links h4 {margin-bottom: 18px;}
.box-video-list {background-color: white;padding: 10px 25px 20px;margin-bottom: 30px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}

/* home page image */
#hero-image {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
}


/* ie button fix */
#menu ul a:hover, .hero-search .btn, .btn-primary {border-radius: 0px\9}


/* -------------------------------------------------------------- 
   
   Basic WordPress Blog Styles   
     
-------------------------------------------------------------- */   


/* Images
-------------------------------------------------------------- */

.entry-content img.wp-post-image {
  margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  text-align: center;
  margin-bottom: 1.5em;
}
.wp-caption img {
  border: 0 none;
  margin: 0;
  padding: 0;
}
.wp-caption p.wp-caption-text {
  margin: 0;
}
.wp-smiley { 
  max-height: 1em;
  margin:0 !important;
}
.gallery dl {
  margin: 0;
}
.gallery-caption {
  margin:-1.5em 0 0 0;
}


/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
  float: left;
  margin-left: 0;
  margin-right: 20px;
  text-align: right;
  width: 33%;
}
blockquote.right {
  float: right;
  margin-left: 20px;
  margin-right: 0;
  text-align: left;
  width: 33%;
}

/* ==========================================================================
   Theme Color
   ========================================================================== */

a, #menu > .active > a, #menu > li > a:hover {color: #53B2D5 ;}
.faq-page article h3, .knowledge-index h2 a:hover {color: #53B2D5 ;}
#menu ul a:hover, .label-color, #sidebar .widget li:hover { background-color: #53B2D5 ;}
#page-header-container {background-color: #53B2D5;}
.btn-custom {background-color: #53B2D5!important;}
#sidebar i, #main article h2 i, .author-links i, #footer-container i {color:#53B2D5;}
.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {background-color: #53B2D5;}

