/*!
Theme Name: C.O.B.R.A. Defense
Theme URI: http://wildli.com/
Author: Nat Guy
Author URI: http://wildli.com/
Description: C.O.B.R.A. Defense website responsive theme using Twitter Bootstrap as a foundation.
Version: 2.2
Tags: cobra, responsive, twitter bootstrap, microformats
*/
/* =Icons as fonts via fontello.com
----------------------------------------------- 
Font license info

## Zocial
   Copyright (C) 2012 by Sam Collins
   Author:    Sam Collins
   License:   MIT (http://opensource.org/licenses/mit-license.php)
   Homepage:  http://zocial.smcllns.com/
   
## Font Awesome
   Copyright (C) 2012 by Dave Gandy
   Author:    Dave Gandy
   License:   CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/)
   Homepage:  http://fortawesome.github.com/Font-Awesome/

## Entypo
   Copyright (C) 2012 by Daniel Bruce
   Author:    Daniel Bruce
   License:   SIL (http://scripts.sil.org/OFL)
   Homepage:  http://www.entypo.com

## Linecons
   Copyright (C) 2013 by Designmodo
   Author:    Designmodo for Smashing Magazine
   License:   CC BY ()
   Homepage:  http://designmodo.com/linecons-free/

## Elusive
   Copyright (C) 2013 by Aristeides Stathopoulos
   Author:    Aristeides Stathopoulos
   License:   SIL (http://scripts.sil.org/OFL)
   Homepage:  http://aristeides.com/
*/
/* turn off Twitter Bootstrap png-based fonts */
[class^="icon-"], [class*=" icon-"]{ 
	background-image: none; 
} 

/* tweak fontello styles */
[class^="icon-"]:before, [class*=" icon-"]:before {
  margin-right: 0;
  margin-left: 0;
}
/* =Structure
----------------------------------------------- */
#primary {
  float: left;
  margin-left: 0;
  width: 700px;
}
#secondary {
  float: left;
  margin-left: 20px;
  width: 220px;
}
/* =Style
----------------------------------------------- */
#main {
  padding: 40px 0;
}
article {
  margin: 0 0 20px;
  padding: 0 0 30px;
}
hr {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #f4f4f4;
  margin: 90px 0;
}
.light, a.light {
	color: #888;
}
.btn-xlarge {
	font-size: 20px;
	padding: 20px 30px;
}
/* =Typography
----------------------------------------------- */
a {
	color: #000;
}
a:hover {
	color: #555;
}
#content a {
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
#content a.btn, #content .featured-posts a, .blog #content .entry-title a, #pagination-below a {
	text-decoration: none;
}
#content .featured-posts a:hover, .blog #content .entry-title a:hover, #pagination-below a:hover {
	text-decoration: underline;
}
body {
	background: #ffffff;
	font-size: 16px;
	line-height: 24px;
}
blockquote {
	background: #fff;
	color: #333;
	font-size: 15px;
	margin: 30px;
	padding: 20px 30px;
}
blockquote p {
	font-size: 15px;
	margin-bottom: 10px;
}
h1 {
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 60px;
}
.entry-content h2 {
	font-size: 22px;
	line-height: 36px;
	margin: 24px 0;
}
.entry-content h3 {
	font-size: 20px;
	line-height: 32px;
	margin: 20px 0;
}
.entry-content .well > h3 {
	margin-top: 0;
}
.entry-content ul li {
	padding: 4px 0;
}
.strike {
	text-decoration:line-through;
}
/* =Header
----------------------------------------------- */
#masthead {
	background-color: #333;
	border-bottom: 1px solid #000;
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(to bottom, #333333, #222222);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff222222', GradientType=0);
  
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.95);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.95);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.95);
	margin-top: 60px;  /* to account for fixed top-menu */
	margin-bottom: 0;
}
.searchform-wrapper {
	background: #111;
	text-align: right;
	overflow: hidden;
	
	position: fixed;
    top: 60px;
    /*width: 100%;*/
    z-index: 998;
}
.searchform-wrapper #searchform {
	margin: 0;
	padding: 20px 0;
}
/* =Alignment
----------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin: 5px 30px 25px 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 5px 0 25px 30px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* =Assistive text
----------------------------------------------- */
.assistive-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
  background: #eee;
  border-bottom: 1px solid #ddd;
  color: #1982d1;
  clip: auto !important;
  font-size: 12px;
  position: absolute;
  text-decoration: underline;
  top: 0;
  left: 7.6%;
}

/* =Top Menu
----------------------------------------------- */
#top-menu {
	margin: 0;
	  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.95);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.95);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.95);
          margin: 0;
   /* position: fixed;*/
    top: 0;
    /*width: 100%;*/
    z-index: 999;
    height: 60px;
}
/* if logged in and admin bar showing */
.admin-bar #top-menu {
	top: 28px;
}
.admin-bar .searchform-wrapper {
    top: 88px;
}
/* end if admin */
#top-menu .navbar-inner {
	background-color: #222;
	background-image: none;
	border: none;
	border-bottom: 1px solid #000;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
#top-menu .brand {
	background: transparent url('img/cobra-logo.gif') no-repeat 0 11px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-left: 0;
	padding: 18px 20px 18px 50px;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#top-menu .brand span {
	color: #FFD607;
}
#top-menu .nav > li > a {
	color: #ccc;
	font-weight: normal;
	padding: 20px 5px;
	text-shadow: none;
}
#top-menu .nav > li > a:hover {
 	color: #FFD607;
}
#top-menu .divider-vertical {
    border-left: 1px solid #000;
    border-right: 1px solid #333;
    height: 60px;
    margin: 0 9px;
}
#top-menu .call {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 58px;
}
#top-menu .nav > li.call > a {
	padding: 0;
	margin: 0;
}
#top-menu .call span {
	color: #aaa;
	display: none;
}
#top-menu .nav > li > a.search-toggle-trigger {
	cursor: pointer;
	padding-top: 15px;
}
#top-menu .icon-search {
	font-size: 18px;
	line-height: 18px;
	height: 18px;
	width: 18px;
}
/* =Main Menu
----------------------------------------------- */
#masthead .navbar {
	margin-bottom: 0;
}
#masthead .navbar .navbar-inner {
	background-color: transparent;
	background-image: none;
	/*border: none;
  *border-right-width: 0;
  *border-bottom-width: 0;*/
  padding-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  filter: progid:dximagetransform.microsoft.gradient(enabled = false);
          
}
#masthead .navbar .nav > li > a {
	color: #ccc;
	font-size: 16px;
	font-weight: 500;
	padding: 30px 15px;
	text-shadow: none;
}
#masthead .navbar .nav > li > a:hover {
 	color: #FFD607;
}
#masthead .navbar .nav > .active > a,
#masthead .navbar .nav > .active > a:hover,
#masthead .navbar .nav > .active > a:focus {
  background-color: #303030;
  color: #FFD607;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.125);
}
#masthead .caret {
  border-top: 4px solid #aaa;
}
#masthead .navbar .nav li.dropdown.open > .dropdown-toggle, #masthead .navbar .nav li.dropdown.active > .dropdown-toggle, #masthead .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	background: transparent;
}
/* =All Menus
----------------------------------------------- */
/* Navbar Sub menu */
.navbar .nav > li {
  position: relative;
}
.navbar .nav li:hover > ul {
  display: block;
}
.caret {
  border-top: 4px solid #888;
}
.navbar .dropdown-menu {
  margin-top: -1px;
}
.dropdown-menu {
  background-color: #FFD607;
  border: 1px solid #F7C103;
  /**border-right-width: 0;
  *border-bottom-width: 0;*/
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -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);
}
.dropdown-menu .divider {
	background-color: #F7C103;
	border-bottom: #F7C103;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #222;
  background-color: #F7C103;
  background-image: none;
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #111;
  background-color: #F7C103;
  background-image: none;
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.navbar .nav > li > .dropdown-menu:before {
	border-bottom-color: #FFD607;
}
.navbar .nav > li > .dropdown-menu:after {	
	border-bottom-color: #FFD607;
}
.dropdown-submenu > a:after {
  border-left-color: #222;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #000;
}
/* =Widgets
----------------------------------------------- */
#secondary .widget {
  border-bottom: none;
  padding: 0 0 20px;
}
.widget form {
  margin-bottom: 0;
}
.widget .widget-title {
	font-size: 18px;
}
#secondary .widget-title {
	color: #222;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 18px;
    margin-bottom: 5px;
    padding: 5px 0x;
    text-transform: uppercase;
}
.widget > ul {
	margin-left: 0;
	list-style: none;
}
.widget > ul > li {
	border-bottom: 1px solid #eee;
	font-size: 13px;
	line-height: 16px; 
	padding: 8px 2px;
}
/* =Footer
----------------------------------------------- */
footer#colophon {
	background: #333;
	border-top: none;
	color: #ddd;
	margin: 0;
	padding: 60px 0;
}
footer .widget .widget-title {	
	color: #eee; 
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
}
footer #supplementary {
	color: #999;
}
footer #supplementary label {
	color: #eee;
}
footer #supplementary input[type="text"], footer #supplementary input[type="email"], footer #supplementary input[type="textarea"] {
	background: #ddd;
}
footer #supplementary input[type="text"]:hover, footer #supplementary input[type="email"]:hover, footer #supplementary input[type="textarea"]:hover, 
footer #supplementary input[type="text"]:focus, footer #supplementary input[type="email"]:focus, footer #supplementary input[type="textarea"]:focus {
	background: #fff;
}
/* Newsletter lead gen section */
footer #supplementary .newsletter .first .widget {	
	float:left;
	text-align: right;
}
/* Social section */
footer #supplementary .social .widget {
   	width: 480px;
   	margin: 0 auto;
}
footer #supplementary .social .textwidget {
	margin: 0;
   	text-align: center;
}
footer #supplementary .social h3 {
    color: #ddd;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 10px;
    margin: 0 0 10px;
    text-transform: uppercase;
    text-align: center;
}
footer #supplementary .social a {	
	float: left;
	font-size: 11px;
	line-height: 15px;
	width: 60px;
	margin: 0 10px;
	text-align: center;
}
footer #supplementary .social a .icon {	
	background: #666;
	color: #333;
	font-size: 30px;
	line-height: 60px;
	margin-bottom: 10px;
	height: 60px;
	width: 60px;
  -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
          border-radius: 30px;
    text-align: center;
}
footer #supplementary .social a {	
	color: #666;
}
footer #supplementary .social a:hover, footer #supplementary .social a:hover .icon {	
	color: #FFD607;
	text-decoration: none;
}
footer #supplementary .social a:hover .icon {	
	background: #FFD607;
	color: #333;
}
/* Copyright */
footer #supplementary .copyright {	
	color: #666;
	font-size: 13px;
	text-align: center;
	margin: 20px 0;
}
footer #supplementary .copyright a {	
	color: #888;
	margin: 0 20px;
}
footer #supplementary .copyright a:hover {	
	color: #FFD607;
	text-decoration: none;
}
/* Generic list style */
footer .nav-pills > .active > a, footer .nav-pills > .active > a:hover {
    background-color: #eee;
    color: #aaa;
}
footer hr {
	border-top: 1px solid #444;
	border-bottom: none;
	margin: 60px 0;
}
footer .insurance {
	color: #888;
	font-family: georgia, "times new roman", serif;
	font-style: italic;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 60px;
	text-align: center;
}
footer .insurance a {
	color: #aaa;
}
footer .insurance a:hover {
	color: #ffd607;
	text-decoration: none;
}
/* =Blog
----------------------------------------------- */
/* Common to all blog pages */
.entry-meta {
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 10px;
}
#content footer.entry-meta {
	margin-top: 20px;
}
.entry-meta .divider {
	font-size: 10px;
	margin: 0 5px;
}
.blog-title h2 {
	background: #f4f4f4;
	border: 1px solid #eee;
	font-size: 16px;
	letter-spacing: 2px;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
}
/* Blog home and archive pages */
.blog #content .entry-title, .blog #content .entry-title a,
.archive #content .entry-title, .archive #content .entry-title a {
	margin: 0 0 5px;
	font-size: 28px;
	line-height: 32px;
}
.blog #content article, .archive #content article {
	border-bottom: 1px solid #ddd;
}
/* Single blog post */
.single .entry-content img {
	max-width: 100%;
}
.single h1.entry-title {
	margin-bottom: 10px;
}
/* =Comments
----------------------------------------------- */
h3#comments {
	font-size: 22px;
	line-height: 30px;
	margin: 40px 0;
}
ol.commentlist {
	margin: 0;
	list-style: none;
}
ol.commentlist li.comment, ol.commentlist li.pingback {
	border-bottom: 1px solid #ddd;
	margin: 0 0 30px;
	padding: 0 0 30px;
	list-style: none;
}
ol.commentlist .comment-meta {
	margin: 10px 0 20px;
}
ol.commentlist .comment-meta a {
	color: #666;
}
ol.commentlist .comment-author {
	font-weight: 700;
	font-size: 15px;
}
ol.commentlist .avatar {
	margin-right: 20px;
}
#respond textarea {
	width: 80%;
}
#respond .form-allowed-tags {
	color: #666666;
	font-size: 12px;
}
#respond .form-allowed-tags code {
	border: none;
	color: #666666;
	font-size: 11px;
	display: block;
	margin: 5px 0 10px;
}
#commentform .form-allowed-tags {
	display: none;
}
/* Modal */
.modal-open .modal,a.modal-trigger:focus {
	outline:none;
}
.modal-backdrop {
	background-color: #ffd607;
}
.modal .modal-footer {
	background-color: #444;
}
.modal .modal-footer .close-modal {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/* =Home Page
----------------------------------------------- */
.home #main {
	padding-top: 0;
}
.home section {
	background: #fff;
	margin: 0;
	padding-top: 80px; 
	padding-bottom:80px;
}
.home section h2 {
	font-size: 32px;
	line-height: 36px;
	margin-top: 0;
}
.home section p {
	font-size: 15px;
	margin: 0 0 20px;
}
/* hero */
.home section.hero {
	background: #FFD607;
	border: none;
	color: #222;
	padding-top: 40px; 
	padding-bottom:40px;
}
.home section.hero .video-wrapper {
	background: #555;	
}
.home section.hero h1 {
	font-size: 40px;
	line-height: 45px;
	margin: 0 0 10px;
}
.home section.hero h2 {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	margin: 0 0 20px;
}
/* benefits */
.home section.benefits {
	background: transparent;
	border: none;
	border-top: none;
	color: #222;
	text-align: center;
	padding-top: 15px; 
	padding-bottom:15px;
}
.home section.benefits h2 {
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 10px;
	text-transform: uppercase;
}
.home section.benefits .icon {
	font-size: 35px;
	line-height: 35px;
	margin: 0 0 10px;
	height: 35px;
	width: 35px;
}
.home section.benefits p {
	font-size: 13px;
	margin: 0;
}
/* modal-trigger-container */
.home .modal-trigger-container {
	border-top: 1px solid #ddd;
	font-size: 14px;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
}
.home .modal-trigger-container strong {
	margin-right: 8px;
}
/* cobra-details */
.home .cobra-details {
	background: #f4f4f4;
	border-top: 1px solid #ddd;
}
.home .cobra-details section {
	margin: 10px 0;
}
.home .cobra-details section.summary-presentation {
	margin: 0;
}
/* no padding bottom */
.home .page, .home #main, .home .article, .home .post {
	margin-bottom: 0;
	padding-bottom: 0;
}
/* =All Carousels
----------------------------------------------- */
#content a.carousel-control, #content a:hover.carousel-control {
	text-decoration: none;
}
/* =Testimonial Carousel
----------------------------------------------- */
section.testimonial {
	background:#ffd607;
	border: none;
	padding-bottom: 0;
	padding-top: 0;
	text-align:center;
}
section.testimonial .item {
	min-height: 500px;
}
section.testimonial .item-inner {
	display: table-cell;
	height: 500px;
	padding: 30px 0 40px;
	vertical-align: middle;
}
section.testimonial blockquote {
	background: transparent;
	border: none;
	color:#222;
	font-size: 22px;
	line-height: 34px;
	padding: 0 15%;
	font-family: georgia,serif;
    font-style: italic;
}
section.testimonial blockquote p {
	padding: 0;
	margin: 0;
	font-size: 32px;
	line-height: 40px;
}
section.testimonial .long-text {
	font-size: 17px;
	line-height: 28px;
}
section.testimonial .cite {
	font-weight: bold;
	font-size: 12px;
	color: #222;
	text-transform: uppercase;
	letter-spacing: 2px;
}
section.testimonial .carousel-control {
  color: #222;
  background: transparent;
  border: none;
  font-size: 90px;
  height: 70px;
  top: 48%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
section.testimonial .testimonial-profile img {
	border: 5px solid #F7C103;
	width: 100px;
	height: 100px;
  -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
          border-radius: 60px;
}
section.testimonial hr {
	border-bottom: 1px solid #F7C103;
	border-top: none;
	margin: 30px 0;
}
/* =Common Carousel Styles
----------------------------------------------- */
.carousel-indicators {
	bottom: 15px;
	top: auto;
}
.carousel-indicators li {
	cursor: pointer;
}
/* =Summary Slide Presentation
----------------------------------------------- */
.summary-presentation, .home .cobra-details .summary-presentation {
	margin-top: 40px;
	padding: 0;
}
.summary-presentation, .summary-presentation .carousel {
	margin: 0;
}
.summary-presentation .item {
	background-color: #ffffff;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
    border: none;
	height: 530px !important;
	overflow: hidden;
}
.summary-presentation .item p {
	font-size: 20px;
	line-height: 30px;
}
.summary-presentation .item em {
	font-family: georgia, "times new roman", serif;
	font-style: italic;
	font-weight: bold;
}
.summary-presentation .item .number {
	background-color: #222222;
	color: #ffffff;
	font-size: 60px;
	line-height: 110px;
	height: 120px;
	margin-bottom: 10px;
	width: 120px;
	text-align: center;
  -webkit-border-radius: 60px;
	 -moz-border-radius: 60px;
		  border-radius: 60px;
}
.summary-presentation .item h3 {
	font-size: 40px;
	line-height: 44px;
	margin: 0 0 10px;
}
.summary-presentation .item .row {
	padding-top: 50px; 
}
.summary-presentation .item blockquote {
	background: transparent;
	border: none;
	font-size: 20px;
	font-family: georgia, "times new roman", serif;
	font-style: italic;
	line-height: 30px;
	margin: 0;
	padding: 0;
}
.summary-presentation .cite {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 0;
}
.summary-presentation .carousel-control {
	border: none;
	top: 50%;
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.summary-presentation .carousel-control:hover {
	border: none;
	top: 50%;
	opacity: 1;
	filter: alpha(opacity=100);
}
.summary-presentation .carousel-control.right {
	color: #ffd607;
	opacity: 1;
	filter: alpha(opacity=100);
	font-size: 90px;
	height: 60px;
	width: 60px;
	line-height: 40px;
	right: -15px;
	top: 47%;
  -webkit-border-radius: 30px;
	 -moz-border-radius: 30px;
		  border-radius: 30px;
}
.summary-presentation .carousel-control.left {
	top: 47%;
}
.summary-presentation .carousel-control.right:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* Slide 0 */
.summary-presentation .slide0 {
	background-color: #222222;
	background-image: url(img/presentation0.jpg);
	background-size: cover;
}
.summary-presentation .item h2 {
	font-size: 42px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 50px;
	text-align: center;
}
.summary-presentation .item h2 .seven {
	background-color: #222222;
	color: #ffd607;
	font-size: 120px;
	line-height: 200px;
	height: 200px;
	width: 200px;
	text-align: center;
  -webkit-border-radius: 100px;
	 -moz-border-radius: 100px;
		  border-radius: 100px;
}
.summary-presentation .item h2 .presentation-title {
	background: #ffd607;
	padding: 0 20px;
}
.summary-presentation .slide0 .carousel-control.right {
	background-color: #ffd607;
	color: #222222;
	height: 80px;
	width: 80px;
	line-height: 60px;
	right: -20px;
	top: 45%;
  -webkit-border-radius: 40px;
	 -moz-border-radius: 40px;
		  border-radius: 40px;
}
.summary-presentation .slide0 .carousel-control.right:hover {
	background-color: #f4f4f4;
	opacity: 1;
	filter: alpha(opacity=100);
}
/* Slide 1 */
.summary-presentation .slide1 {
	background-color: #ffd607;
	background-image: url(img/presentation1.jpg);
}
/* Slide 2 */
.summary-presentation .slide2 {
	text-align: center;
}
.summary-presentation .slide2 .row {
	padding-top: 60px; 
}
.summary-presentation .slide2 .number {
	margin: 0 auto 30px;
}
.summary-presentation .slide2 h3 {
	border-bottom: 1px solid #222222;
	border-top: 1px solid #222222;
	margin: 10px 0 20px;
	padding: 10px 0;
}
.summary-presentation .slide2 .carousel-control.right {
	background-color: #ffd607;
	color: #222222;
}
/* Slide 3 */
.summary-presentation .slide3 {
	background-color: #dfdfdf;
	background-image:  url(img/presentation3.jpg);
	text-align: center;
}
.summary-presentation .slide3 h3 {
	text-align: center;
}
.summary-presentation .slide3 .number {
	margin: 0 auto 10px
}
.summary-presentation .slide3 .carousel-control.right {
	background-color: #ffd607;
	color: #222222;
}
/* Slide 4 */
.summary-presentation .slide4 {
	background-color: #dfdfdf;
	background-image: url(img/presentation4.jpg);
	text-align: center;
}
.summary-presentation .slide4 h3 {
	text-align: center;
}
.summary-presentation .slide4 .number {
	margin: 0 auto 10px
}
.summary-presentation .slide4 .carousel-control.right {
	background-color: #ffd607;
	color: #222222;
}
/* Slide 5 */
.summary-presentation .slide5 {
	background: #ffd607;
	text-align: center;
}
.summary-presentation .slide5 .number {
	margin: 0 auto 10px;
}
.summary-presentation .slide5 hr {
	border-top: 1px solid #222222;
	border-bottom: none;
	margin: 15px 120px 18px;
}
.summary-presentation .slide5 blockquote {
	background: transparent;
}
.summary-presentation .slide5 blockquote p {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	line-height: 34px;
	margin: 0;
}
.summary-presentation .slide5 blockquote .p2 {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
}
/* Slide 6 */
.summary-presentation .slide6 .offset2 {
	text-align: right;
}
.summary-presentation .slide6 p {
	font-size: 15px;
	line-height: 20px;
}
.summary-presentation .slide6 .number {
	float: right;
	margin-bottom: 40px;
}
.summary-presentation .slide6 .testimonial-profile {
	background: #222222;
	height: 120px;
	width: 120px;
	margin-bottom: 90px;
	overflow: hidden;
  -webkit-border-radius: 60px;
	 -moz-border-radius: 60px;
		  border-radius: 60px;
}
.summary-presentation .slide6 .blockquote {
	font-weight: bold;
	text-align: left;
}
.summary-presentation .slide6 .carousel-control.right {
	background-color: #ffd607;
	color: #222222;
}
/* Slide 7 */
.summary-presentation .slide7 {
	background: #ffd607;
	text-align: center;
}
.summary-presentation .slide7 .number {
	margin: 0 auto 20px;
}
.summary-presentation .slide7 h3, .summary-presentation .slide7 h4 {
	text-align: center;
}
.summary-presentation .slide7 h4 {
	font-size: 30px;
	line-height: 30px;
	margin: 20px 0;
}
.summary-presentation .slide7 p {
	margin-bottom: 0;
}
.summary-presentation .slide7 .textwidget {
	display: inline;
}
/* =What To Expect Slide Presentation
----------------------------------------------- */
.what-to-expect-presentation, .home .cobra-details .what-to-expect-presentation {
	padding: 0;
}
.what-to-expect-presentation  {
	margin: 0;
}
.what-to-expect-presentation .item h2 {
	font-size: 13px;
	letter-spacing: 2px;
	margin: 40px 0 0;
	text-align: center;
	text-transform: uppercase;
}
.what-to-expect-presentation .item {
	background-color: #ffffff;
	height: 530px !important;
	overflow: hidden;
	padding-top: 0;
	text-align: center;
}
.what-to-expect-presentation .item h3 {
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 20px;
}
.what-to-expect-presentation .item iframe {
	border-bottom: 5px solid #FFD607;
}
.what-to-expect-presentation .carousel-control {
  top: 48%;
}

/* =As Seen In
----------------------------------------------- */
.as-seen-in {
	background: #FFD607;
	border-top: 1px solid #eab000;
	padding: 10px 0 25px;
    text-align: center;
}
.as-seen-in hr {
 	border-bottom: none;
    border-top: 1px solid #EAB000;
    margin: 30px 0 10px;
}
.as-seen-in h4 {
    color: #eaa602;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
}
/* =Featured Posts
----------------------------------------------- */
.featured-posts {
	background: #F4F4F4;
	padding: 20px 0 10px;
}
.featured-posts .container {
	padding-top: 20px;
}
.featured-posts h4, .featured-posts h4 a {
    color: #999;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0 0 10px;
    text-transform: uppercase;
    text-align: center;
}
.featured-posts h4 a:hover {
	color: #222;
	text-decoration: none;
}
.featured-posts article {
	border-bottom: 0;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 0;
	padding-top: 0;
}
.featured-posts article .entry-thumbnail {
	background: #FFD607;
	text-align: center;
	margin: 3px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.featured-posts article .entry-header {
	height: 80px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.featured-posts article h2.entry-title {
	font-size: 13px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	width: 100%;
}
.featured-posts article h2.entry-title a {
	color: #222222;
	display: block;
	height: 70px; /* 80 total */
	padding: 10px 15px 0;
	text-align: center;
}
.featured-posts article h2.entry-title a:hover {
	color: #444;
	text-decoration: none;
}
/* Next set */
#featured-posts-next-set, #featured-posts-next-set .container {
	padding-top: 0;
}
/* =Call To Action
----------------------------------------------- */
section.cta {
	color:#888;
	background:#444;
	border: none;
	padding-bottom: 80px;
	padding-top: 80px;
}
section.cta h2 {
	color: #FFD607;
	font-size: 34px;
	font-weight: normal;
	line-height: 40px;
	margin: 0 0 10px;
	text-align: right;
}
section.cta .btn {
	margin-top: 10px;
}
section.cta p {
	color: #ddd;
	font-size: 16px;
	line-height: 24px;
	text-align: right;
}
section.cta .when, section.cta .event {
	font-size: 15px;
}
section.cta .when {
	margin-top: 8px;
	line-height: 18px;
}
section.cta .event a {
	color: #888888;
	display: block;
	margin-top: 4px;
	line-height: 18px;
}
/* =Countdown
----------------------------------------------- */
#nextClassCountdown {
	margin-top: 7px;
}
.countdown {
	margin: 0;
	padding: 0;
}
.countdown li {
	background: #333;
	color:#ccc;
	float: left;
	list-style: none;
	padding: 5px 10px;
	margin: 0 1px;
	width: 50px;
	height: 60px;
	text-align: center;
}
.countdown li .days, .countdown li .hours, .countdown li .minutes, .countdown li .seconds {
	color: #FFD607;
	font-size: 40px;
	line-height: 40px;
}
.countdown li .textDays, .countdown li .textHours, .countdown li .textMinutes, .countdown li .textSeconds {
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	margin-top: 5px;
}
/* =Countdown For Header
----------------------------------------------- */
#top-menu .countdown {
	width: 168px;
	float: left;
	margin: 10px 10px 0 0;
}
#top-menu .countdown li {
	padding: 5px;
	width: 30px;
	height: 30px;
}
#top-menu .countdown li .days, #top-menu .countdown li .hours, #top-menu .countdown li .minutes, #top-menu .countdown li .seconds {
	font-size: 18px;
	line-height: 20px;
}
#top-menu .countdown li .textDays, #top-menu .countdown li .textHours, #top-menu .countdown li .textMinutes, #top-menu .countdown li .textSeconds {
	font-size: 7px;
	line-height: 8px;
	margin-top: 2px;
}
#top-menu .upcoming-event .when, #top-menu .upcoming-event .event {
	display: none;
}
#top-menu .upcoming-event .btn {
	margin-top: 16px;
}

/* =Events
----------------------------------------------- */
body #tribe-events-event-meta .gmap, body .tribe-events-event-meta-desc .gmap {
	background: #5BB75B;
}
.event-label-end, .event-meta-end, 
.event-label-updated, .event-meta-updated {
	display: none;
}
#tribe-events-loop .tribe_events {
	border-bottom: 1px solid #ddd;
	padding: 40px 0 !important;
}
#tribe-events-loop .tribe_events h4.event-day {
	font-size: 32px;
	line-height: 32px;
	font-style: normal;
	margin: 0 0 40px;
}
#tribe-events-loop .tribe_events h2.entry-title {
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 20px;
}
/* pop-up summary info */
#tribe-events-content .tribe-events-tooltip .tribe-events-event-title {
	background: #222;
	line-height: 14px;
	padding: 10px 8px;
}
#tribe-events-content .tribe-events-event a:hover {
	color: #000;
	text-decoration: underline;
}


/* ----------------------------------------------- 
 * =Responsive Design Styles
 * Note: Remove the below and bootstrap-responsive.min.css from 
 * head.php to make your website a fixed, non-responsive design 
 * ----------------------------------------------- */
@media (max-width: 979px) {  
    /* header */
    #top-menu {
        position: relative;
		height: auto;
    }
    #masthead {
    	margin-top: 0;
    }
    #masthead .navbar .nav > li > a {
    	padding: 10px 15px;
    }
    .searchform-wrapper {
		position: relative;
		top: 0;
	}
    .searchform-wrapper #searchform {
    	margin-right: 20px;
	}
	.navbar .btn-navbar .icon-bar {
		background-color: #FFD607;
	}
	/* if logged in and admin bar showing */
	.admin-bar #top-menu {
		top: 0;
	}
	.admin-bar .searchform-wrapper {
		top: 0;
	}
	/* cta */
    section.cta h2 {
    	font-size: 26px;
    	line-height: 30px;
    }
    section.cta p, footer #supplementary .first .widget {
    	font-size: 16px;
    	line-height: 22px;
    }
    section.cta .when, section.cta .event {
    	font-size: 14px;
    	line-height: 20px;
    }
    /* summary presentation */
    .summary-presentation .item {
    	padding-left: 40px;
    	padding-right: 40px;
    }
    .summary-presentation .item .number {
		font-size: 40px;
		line-height: 70px;
		height: 80px;
		margin-bottom: 10px;
		width: 80px;
	  -webkit-border-radius: 40px;
		 -moz-border-radius: 40px;
			  border-radius: 40px;
	}
	.summary-presentation .item h2 {
		font-size: 38px;
		line-height: 80px;
		margin-top: 30px;
	}
	.summary-presentation .item h2 .seven {
		background-color: #222222;
		color: #ffd607;
		font-size: 80px;
		line-height: 80px;
		height: 160px;
		width: 160px;
		text-align: center;
	  -webkit-border-radius: 80px;
		 -moz-border-radius: 80px;
			  border-radius: 80px;
	}
	.summary-presentation .item h3 {
		font-size: 30px;
		line-height: 38px;
	}
	.summary-presentation .item p {
		font-size: 18px;
		line-height: 28px;
	}
	.summary-presentation .item blockquote {
		font-size: 18px;
		line-height: 26px;
	}
	.summary-presentation .item.slide1 .number {
		margin-top: 100px;
	}
	.summary-presentation .item.slide2 .number  {
		margin-top: 60px;
	}
	.summary-presentation .item.slide3 .number, .summary-presentation .item.slide4 .number  {
		margin-top: 70px;
	}
	.summary-presentation .slide5 blockquote p {
		font-size: 18px;
		line-height: 26px;
	}
	.summary-presentation .slide5 blockquote .p2, .summary-presentation .item p {
		font-size: 14px;
		line-height: 22px;
	}
	.summary-presentation .slide6 .testimonial-profile {
		height: 80px;
		width: 80px;
		margin-bottom: 14px;
	  -webkit-border-radius: 40px;
		 -moz-border-radius: 40px;
			  border-radius: 40px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	#primary {
	  margin-left: 0;
	  width: auto;
	}
	#secondary {
	  width: auto;
	}
}
@media (max-width: 767px) {
	#primary, #secondary {
	  display: block;
      float: none;
      margin: 0;
      width: auto;
    }
    /* side padding */
    body { 
    	padding: 0;
    }
    #page {
    	padding-left: 20px;
    	padding-right: 20px;
    }
    /* sections */
    .home section, section.cta  {
    	padding-left: 40px;
    	padding-right: 40px;
    	text-align: center;
    }
    /* home */
    #top-menu .brand {
    	font-size: 12px;
    }
    .home #page {
    	padding: 0;
    }
    .home section.hero h1 {
    	font-size: 32px;
    	line-height: 38px;
    }
    .home section.hero h2 {
    	font-size: 18px;
    	line-height: 22px;
    }
    .home .hero .btn {
    	margin-bottom: 20px;
    }
    .featured-posts article .entry-thumbnail {
    	max-width: 220px;
    	margin-left: auto;
    	margin-right: auto;
    }
    /* summary presentation */
    .summary-presentation .item .row {
    	padding-top: 30px;
    }
    .summary-presentation .item {
    	padding-left: 60px;
    	padding-right: 60px;
    }
    /* what to expect presentation */
    .what-to-expect-presentation .item {
		height: auto !important;
	}
	section.testimonial blockquote {
		font-size: 17px;
		line-height: 28px;
		padding: 0 5%;
	}
	/* footer */
	section.cta h2, section.cta p, 
	footer .widget .widget-title, footer #supplementary .newsletter .first .widget {
    	text-align: center;
    }
    footer#colophon {
    	padding-left: 20px;
    	padding-right: 20px;
    	text-align: center;
    }
	section.cta p, footer #supplementary .first .widget {
		text-align: center;
		margin-bottom: 20px;
	}
	footer hr {
		50px 0;
	}
	/* testimonial */
	section.testimonial {
		padding: 0;
	}
    /* countdown */
    #nextClassCountdown {
    	display: inline-block;
    	margin-left: auto;
    	margin-right: auto;
    }
    .cta .countdown li {
    	height: 40px;
    	padding: 5px;
    	width: 40px;
    }
    .cta .countdown li .days, .cta .countdown li .hours, 
    .cta .countdown li .minutes, .cta .countdown li .seconds {
    	font-size: 22px;
    	line-height: 22px;
    }
    .cta .countdown li .textDays, .cta .countdown li .textHours, 
    .cta .countdown li .textMinutes, .cta .countdown li .textSeconds {
     	font-size: 7px;
     	line-height: 7px;
     }
}
@media (max-width: 640px) {
	/* summary presentation */
	.summary-presentation .item .row {
    	padding-top: 60px;
    }
    .summary-presentation .item h2 {
		font-size: 28px;
		line-height: 40px;
		margin-top: 0;
	}
	.summary-presentation .item h2 .seven {
		font-size: 80px;
		line-height: 80px;
		height: 160px;
		width: 160px;
	  -webkit-border-radius: 80px;
		 -moz-border-radius: 80px;
			  border-radius: 80px;
	}
	.summary-presentation .item h3 {
		font-size: 20px;
		line-height: 28px;
	}
	.summary-presentation .item p {
		font-size: 14px;
		line-height: 20px;
	}
	.summary-presentation .item.slide1 .number {
		margin-top: 20px;
	}
	.summary-presentation .item.slide2 .number  {
		margin-top: 30px;
	}
	.summary-presentation .item.slide3 .number, .summary-presentation .item.slide4 .number  {
		margin-top: 30px;
	}
	.summary-presentation .slide5 .row, .summary-presentation .slide6 .row {
		padding-top: 20px;
	}
	.summary-presentation .slide5 hr {
		display: none;
	}
	.summary-presentation .slide5 blockquote p {
		font-size: 16px;
		line-height: 20px;
	}	
	.summary-presentation .slide5 blockquote p.p2 {
		font-size: 13px;
		line-height: 18px;
	}
	.summary-presentation .item.slide6 blockquote {
		font-size: 15px;
		line-height: 20px;
	}
	.summary-presentation .cite {
		font-size: 12px;
	}
	.summary-presentation .slide7 h4 {
		font-size: 20px;
		line-height: 28px;
	}
}	


@media (max-width: 480px) {
	/* Social section */
	footer #supplementary .social .widget {
		width: 300px;
		margin: 0 auto;
	}
	footer #supplementary .social a {	
		font-size: 8px;
		line-height: 10px;
		width: 40px;
		margin: 0 3px;
	}
	footer #supplementary .social a .icon {	
		font-size: 20px;
		line-height: 40px;
		margin-bottom: 10px;
		height: 40px;
		width: 40px;
	  -webkit-border-radius: 20px;
		 -moz-border-radius: 20px;
			  border-radius: 20px;
	}
}


/* ----------------------------------------------- 
 * =Override Bootstrap's navbar container
 * ----------------------------------------------- */
@media (min-width: 979px) {
    #top-menu .container {
        width:960px;
    } 
}
@media (min-width: 768px) and (max-width: 979px) {
    #top-menu .container {
        width:744px;
    }   
}


/* ----------------------------------------------- 
 * =Apple iOS-specific styles
 * ----------------------------------------------- */
iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}

iPhone 5:
@media screen and (device-aspect-ratio: 40/71) {}

iPad:
@media screen and (device-aspect-ratio: 3/4) {}

Double pixel ratio:
@media all and (-webkit-min-device-pixel-ratio: 2) {}