/*
Theme Name: Good Deeds
Version: 1.0
Author: Bart Wozniak
Author URI: http://iambart.com

Table of Contents:

1. Globals
2. Content Blocks
3. Header
4. Footer
5. UI + Forms
6. Viewports


/* ============================ 
	1. GLOBALS 
============================== */


html {
    height: 100%;	
    -webkit-font-smoothing: antialiased !important;
}

	/* Typography */

body {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	height: 100%;
	overflow-x: hidden;
	padding-top: 190px;
}
	
	/* paragraphs, body text etc */
	
body, label, input, .footer h3, cite span {
	font-size: 16px;
}
	
ol, ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.nav-main li {
	font-size: 15px;
	letter-spacing: -.03em;
}

p, ul li, span {
	line-height: 1.5em;
}

.lead {
	margin-bottom: 0;
}

.lead, .lead p {
	font-weight: 400;
	font-size: 21px;
}

.txt-img .lead {
	font-size: 18px;
}

	/* headings */

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 1.3em;
	font-weight: 400;
}

h1 {
	font-size: 48px;
}

h2,
.page-title h1,
.break .listing h2 {
	font-size: 30px;
}

.break h2 {
	font-size: 42px;
}

h3 {
	font-weight: 600;
}

h3, h4 {
	font-size: 24px;
}

.blog.listing.block h3 {
	font-size: 20px;
}

.footer h3 {
	font-weight: 900;
	text-transform: uppercase;
}

.title-top h2 {
	font-weight: 600;
}

	/* misc */

.alignleft {
	float: left;
	margin: 0 15px 0 0;
}

.alignright {
	float: right;
	margin: 0 0 0 15px;
}

.aligncenter {
	width: auto;
	margin: 0 auto;
}

small, .small {
	font-size: 80%;
	line-height: 1.4em;
}

a:hover, a:focus {
  text-decoration: none;
}

.visible {
	display: block!important;
}

.hidden {
	display: none!important;
}

.wrap {
	position: relative;
}

b, strong {
	font-weight: 700;
}

/* Content Structure */
	

/* stripes */

.stripe {
	background-position: center top!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
}

.stripe .content,
.stripe .image,
.stripe .heading,
.stripe .cta {
	z-index: 130;
}

.stripe.pad-b-0 {
	padding-bottom: 0;
}

.stripe.pad-t-0 {
	padding-top: 0;
}

.stripe.pad-b-30 {
	padding-bottom: 30px;
}

.stripe.pad-t-30 {
	padding-top: 30px;
}

.stripe.offer.pad-b-0 {
	margin-bottom: 0;
}

.stripe.offer.pad-t-0 {
	margin-top: 0;
}

.stripe.offer.pad-b-30 {
	margin-bottom: 30px;
}

.stripe.offer.pad-t-30 {
	margin-top: 30px;
}

.stripe.page-title + .stripe.blog.article {
	padding-top: 40px;
}

.stripe.centered, .centered {
	text-align: center;
}

.stripe p, .stripe ul, .stripe ol {
	margin-bottom: 1.5em;
}

.stripe p:last-child {
	margin-bottom: 0;
}

.landing .page-title + .stripe {
	padding-top: 40px;
}

.landing .offer-global {
	display: none;
}

.page-template-upviral .nav-main .navbar-nav,
.page-template-upviral .footer-top,
.page-template-upviral .footer-bottom,
.page-template-upviral .offer-global,
.page-template-upviral .nav-mobile .drawer-toggle {
	display: none!important;
}

.page-template-upviral iframe {
	display: block;
	margin: 0 auto 40px auto;
	max-width: 95%;
}

.white {
	background-color: #fff;
}

.turquoise {
	color: #fff;
	background-color: #03706b;
}

.turquoise .content {
	color: #fff;
}

.turquoise .content a {
	color: #c7f9ff;
}

.turquoise .content a:hover {
	color: #fff;
}

.grey-lt {
	background-color: #efefef;
}

.white .content,
.grey-lt {
	color: #444;
}

.grey-dk {
	background-color: #333333;
	color: #fff;
}

.grey-dk .content {
	color: #bcbcbc;
}

/* ============================ 
	2. CONTENT BLOCKS 
============================== */

/* PAGE TITLE */

.page-title h1 {
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
}

/* BANNER */

.banner {
	color: #fff;
	height: 500px;
	padding-top: 0;
	padding-bottom: 0;
}

.banner h1 {
	font-weight: 300;
}

.banner h1 strong {
	font-weight: 500;
}

.banner .cta-main {
	text-align: right;
}

.banner .cta-main.novid {
	text-align: center;
}

.banner .cta-vid {
	text-align: left;
}

.banner .cta-vid a {
	font-size: 62px;
	color: #fff;
	line-height: 0;
}

.banner .cta-vid img {
	margin-top: -20px;
	margin-left: 10px;
}

.banner .cta-vid .btn-play {
	width: 80px;
}

/* OFFER STRIP */

.stripe.offer {
	margin-top: 100px;
	margin-bottom: 100px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.offer .image {
	position: relative;
}

.side .offer .image {
	margin-bottom: 30px;
}

.offer .image img {
	position: absolute;
	max-width: 100%;
	top: -70px;
}

.side .offer .image img {
	position: relative;
	top: 0;
}

.offer .title .lead {
	margin-bottom: .25em;
}

/* dark */

.side .offer.grey-dk {
	padding-left: 25px;
	padding-right: 25px;
}

/* white */

.offer.white .outline {
	border: 1px solid #8f8f8f;
	padding: 25px 30px;
}

.offer.white .no-img.cta {
	text-align: right;
}

.offer.white .lead span {
	color: #0d8593;
}

/* btns */

.side .offer .cta {
	margin-top: 30px;
}

.offer .cta .btn {
	max-width: 100%;
}

/* global offer cta */

.offer.offer-global .image img {
    top: -10px;
    left: 5px;
    height: 150px;
}

.offer.offer-global .cta {
	margin-top: 1em;
}

/* LOGOSTRIP */

.stripe.logostrip {
	padding-top: 40px;
	padding-bottom: 40px;
}

.logostrip .item {
	width: 8.5%;
	margin-right: 1%;
	display: inline-block;
}

.logostrip .item:last-child {
	margin-right: 0;
}

.logostrip .image img {
	width: 100%;
	max-width: 100%;
}

.logostrip .title h3 {
	font-size: 16px;
	color: #7f7f80;
}

/* MULTI COL */

.stripe.multi-col {
	
}

.title-top h2 {
	margin-bottom: 1em;
}

.multi-col h3 {
	display: inline-block;
}

.multi-col h3 .icon {
	display: inline-block;
    width: 75px;
    height: 75px;
}

.multi-col h3 span {
	display: block;
    padding-top: 15px;
    line-height: 1.25em;
    font-weight: 400;
}

.multi-col .title {
	margin-bottom: 1.25em;
}

.multi-col .title-top {
	text-align: center;
	margin-bottom: 0;
}

.multi-col .title h3 {
	margin-bottom: 0;
}

.multi-col .content .btn {
	margin-top: 1em;
}

/* image */

.multi-col .col .image {
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 10px;
}

/* 3 col */


/* 5 col */

.multi-col.col-5 .col {
	width: 18.4%;
	float: left;
	margin-right: 2%;
}

.multi-col.col-5 .col:last-child {
	margin-right: 0;
}

.multi-col.col-5 .col .content {
	font-size: 14px;
}

.multi-col.col-5 .col h3 {
	font-size: 16px;
}


/* RICH TEXT */

.richtext .content ul {
	padding-left: 40px;
}

.richtext .content ul li {
	list-style-type: disc;
}

.richtext.col-1 .content iframe {
	width: 80%;
}


/* TEXT + IMAGE */

.txt-img .image img {
	width: 100%;
	max-width: 100%;
}

.txt-img h3 {
	margin-bottom: .5em;
}

.txt-img .lead {
	font-weight: 300;
}

.txt-img .content ul li {
	list-style-type: none;
	background: url('_img/ico-tick.png') 0 6px no-repeat;
	padding-left: 24px;
}

/* BREAK */

.break h2 {
	margin-bottom: .5em;
	font-weight: 600;
}

.break .cta {
	margin-top: 3em;
}

/* Break listing */

.break .listing .content ul li {
	display: inline-block;
	width: 31%;
	margin-right: 1%;
}

/* Break Text */

.break .text .content {
	margin-top: 40px;
}

/* TESTIMONIALS */

.testimonials .title-top {
	text-align: center;
}

.testimonials .testimonial-row {
	background-color: #fff;
}

.testimonials .testimonial-row:last-child {
	margin-bottom: 30px;
}

.testimonials .item {
	overflow: hidden;
}

.testimonial-page .item {
	margin-bottom: 40px;
}

.testimonial-page .item .content {
	background-color: #fff;
}

.testimonials .item .image {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.testimonials .item .content {
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	overflow: hidden;
}

.testimonial-listing .item .content {
	text-align: center;
}

.testimonials .item .content .text {
	border-top: 1px solid #e0e0e0;
	padding-top: 20px;
}

.testimonial-page .item .content .text {
	margin-right: 15px;
}

.testimonials .item .content p {
	font-size: 17px;
	font-style: italic;
	font-weight: 300;
	color: #444;
}

.testimonials .item .content cite,
.testimonials .item .content .quote {
	color: #0d8593;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 600;
}

.testimonials .item .content .quote {
	display: block;
	position: absolute;
	top: 32px;
	left: 50%;
	width: 10px;
	height: 10px;
	font-size: 14px;
}

.testimonials .item .content .quote:before {
	content: "“";
	line-height: 0;
	font-size: 42px;
	font-weight: 700;
}

.testimonial-page .item .image {
	height: 240px;
}

.testimonial-page .item .content {
	min-height: 240px;
}

.testimonial-page .item .image .arrow {
	position: absolute;
	right: 0;
	top: 88px;
	background: url('_img/testimonial-arrow-left.png') 0 0 no-repeat;
	width: 32px;
	height: 65px;
	background-size: 100%;
}

.paginate {
	text-align: center;
}

.paginate span {
	display: inline-block;
}

.paginate span a {
	padding: 10px 12px;
	display: inline-block;
	border: 1px solid #929798;
	color: #0d8593;
	text-transform: uppercase;
	font-size: 14px;
}

.paginate span a:hover {
	background-color: #f4f4f4;
	border-color: #0d8593;
}

.paginate .prev {
	padding-right: 5px;
}

.paginate .next {
	padding-left: 5px;
}

/* VIDEOS */

.videos .video-content {
	display: none;
}

.videos .title-top {
	text-align: center;
}

.videos .col .image {
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.videos.block.col-2 .col:first-child {
	padding-left: 0;
}
.videos.block.col-2 .col:last-child {
	padding-right: 0;
}

.videos.col-1 .col {
	padding-right: 0;
	padding-left: 0;
}

.videos.col-1 .col:first-child {
	margin-bottom: 30px;
}

.videos .col .image a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.videos .col .image .play {
	background: url('_img/btn-playvideo.png') 0 0 no-repeat;
	position: absolute;
	background-size: 80px;
	width: 80px;
	height: 80px;
	cursor: pointer;
}

.videos.col-3 .image .play,
.side .videos .col .image .play {
	width: 60px;
	background-size: 60px;
}

.videos.col-1 .col .image .play {
	top: 35%;
}

.videos.col-2 .col .image .play {
	top: 30%;
}

.videos.col-3 .col .image .play,
.side .videos .col .image .play {
	top: 25%;
}

.videos .col .image .play:hover {
	color: #0d8593;
}

.videos .col .image h4 {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 10px 20px;
	margin: 0;
	color: #fff;
	background-color: rgba(13,133,147,0.8);
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
}

.videos .col .image h4 span {
	display: block;
	font-size: 14px;
	font-weight: 400;
}

.videos .cta {
	text-align: center;
	margin-top: 30px;
}

.video-page .col,
.archive .video-page .col {
	margin-bottom: 2em;
}

.archive .videos.col-2 .col:first-child {
    padding-left: 15px;
}

.archive .videos.col-2 .col:last-child {
	padding-right: 15px;
}

.single .videos .description {
	margin-top: 2em;
}

/* RECENT PURCHASES */

.purchases .items {
	text-align: center;
}

.purchases .items .item {
	display: inline-block;
	float: none;
}

.purchases .items .col-sm-4.item {
	width: 33%;
}

.purchases .items .col-sm-3.item {
	width: 24.75%;
}

.purchases .item .image {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.purchases .item .image h4 {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 10px;
	margin: 0;
	color: #fff;
	background-color: rgba(13,133,147,0.8);
	font-size: 14px;
	font-weight: 600;
	overflow: hidden;
}

.purchases .item .content {
	margin-top: 1em;
}

/* TEAM LISTING */

.team-listing .item {
	border-bottom: 1px solid #aaa;
	padding-bottom: 60px;
	margin-bottom: 70px;
}

.team-listing .item:last-child {
	margin-bottom: 0;
}

.team-listing .item .image img {
	max-width: 100%;
	width: 100%;
}

.team-listing .content h2 {
	margin-bottom: 0;
}

.team-listing .content h3 {
	text-transform: uppercase;
	color: #0d8593;
}

/* CONTACT PAGE */

.content .contact li {
	padding-bottom: 20px;
}

.offer.white.contact .no-img.title,
.offer.white.contact .no-img.cta {
	text-align: center;
}

.offer.white.contact {
	margin-bottom: 40px;
}

/* THUMBNAIL LISTING */

.thumb-listing .item {
	margin-bottom: 2em;
}

.thumb-listing .wrap {
	padding: 0 10px;	
	border: 1px solid #efefef;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);
}

.thumb-listing .item a {
	display: block;
}

.thumb-listing .item .image {
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 10px;
	position: relative;
	margin-left: -10px;
	margin-right: -10px;
}

.thumb-listing .item .image .tint {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(13,133,147,0.4);
	display: none;
}

.thumb-listing .item:hover .image .tint {
	display: block;
}

.thumb-listing .item h4 {
	font-size: 14px;
	text-transform: uppercase;
}

.thumb-listing .image-full {
	display: none;
}


/* BLOG LISTING */

.blog.listing.index .item {
	margin-bottom: 60px;
}

.blog.listing.block .item {
	margin-bottom: 30px;
}

.blog.listing .item .wrap {
	border: 1px solid #efefef;
	padding: 0 20px 20px 20px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);
}

.blog.listing .item .image,
.blog.article .item .image {
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.blog.listing.index .item .image {
	height: 300px;
}

.blog.article .item .image {
	height: 285px;
}

.blog.listing.block .item .image {
	height: 200px;
}

.blog.listing.index .item .image {
	margin-left: -20px;
	margin-right: -20px;
}

.blog.article .item .image {
	margin-bottom: 30px;
	position: relative;
}

.blog.article .item .video {
	margin-bottom: 20px;
}

.blog.article .item .video iframe {
	width: 100%;
}

.blog.listing .item .image a {
	display: block;
	width: 100%;
	height: 100%;
	transition: background-color .2s;
}

.blog.listing .item .image a:hover {
	background-color: rgba(13,133,147,0.7);
}

.blog.listing .item h2 {
	color: #0d8593;
	margin-bottom: .75em;
}

.blog.listing .item h2 a {
	color: inherit;
}

.blog.listing.block h3 {
	color: #4f4f4f;
}

.blog.listing.block h3 a {
	color: inherit;
}

.blog.article .item ul,
.blog.article .item ol {
	padding-left: 40px;
}

.blog.article .item ul li {
	list-style-type: disc;
}

.blog.article .item ol li {
	list-style-type: decimal;
}

.side .blog-listing li {
	margin-bottom: 1.5em;
}

.side .blog-listing h4 {
	font-size: 16px;
	color: #32383a;
	font-weight: 600;
}

.side .blog-listing h4 a {
	color: inherit;
}

.side .blog-listing img {
	width: 120px;
	height: 120px;
	margin-right: 10px;
}

/* comments */

.blog .comments {
	color: #666;
	margin-top: 50px;
}

.blog .comments h3 {
	font-size: 21px;
}

.blog .comment-meta {
	font-size: 80%;
	margin-bottom: 1em;
}

.blog .comment-author {
	margin-bottom: .5em;
}

.blog .commentlist li {
	border-bottom: 1px solid #eee;
	margin-bottom: 2em;
	padding-bottom: 2em;
}

.blog .commentlist li.depth-2 {
	padding-left: 40px;
}

/* POSTS SIDEBAR */

.side .title-top {
	text-align: left;
}

.side .title-top h2,
.side .title-top h3 {
	color: #fff;
	background-color: #32383a;
	margin-bottom: 1.5em;
	padding: 15px;
	font-size: 21px;
}

.side .cat-listing ul {
	padding-left: 10px;
	margin-bottom: 40px;
}

.side .cat-listing li {
	text-transform: uppercase;
	padding: 10px;
	font-weight: 300;
}

.side .cat-listing ul li a {
	color: inherit;
}

.side .cat-listing ul li a:before {
	display: inline-block;
	padding-right: 5px;
	font-family: 'Ionicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	content: '\f10a';
}

.side .form.form-subscribe .gfield_label {
	display: none;
}

/* INSTAGRAM FEED */

.instagram-feed .content ul {
	margin-bottom: 0;
}

.instagram-feed .content ul li {
	display: block;
	float: left;
	width: 12.5%;
}

.instagram-feed .content ul li a {
	display: block;
}

.instagram-feed .content ul li a img {
	width: 100%;
	height: 100%;
}

.instagram-feed .title h3 {
	padding-top: 22px;
}

.instagram-feed .title h3 span.ico {
	display: inline-block;
	vertical-align: middle;
}

.instagram-feed .title h3 span.ico {
	background-image: url('_img/ico-instagram.png');
	background-repeat: no-repeat;
	background-size: 40px;
	width: 40px;
	height: 40px;
}

.instagram-feed .title h3 span.txt {
	padding-left: 10px;
	line-height: 0;
}

.instagram-feed .content ul li:nth-child(9n),
.instagram-feed .content ul li:nth-child(10n),
.instagram-feed .content ul li:nth-child(11n),
.instagram-feed .content ul li:nth-child(12n),
.instagram-feed .content ul li:nth-child(13n),
.instagram-feed .content ul li:nth-child(14n),
.instagram-feed .content ul li:nth-child(15n),
.instagram-feed .content ul li:nth-child(16n) {
	display: none;
}

/* Search Listing */

.search-box .search-form {
	position: relative;
	margin-bottom: 30px;
}

.search-form .search-field {
	position: relative;
	width: 96%;
	z-index: 200;
}

.search-form .search-submit {
	width: 36px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	background: transparent;
	z-index: 300;
}

.search-listing {

}

.search-listing ul {
	list-style-type: none;
}

.search-listing ul li {
	list-style-type: none;
	margin-bottom: 40px;
	border-bottom: 1px dotted #aaa;
	padding-bottom: 20px;
}

.search-listing li h4 {
	margin-bottom: 0.5em;
}

.search-listing li .h-readmore {
	margin-top: 0.3em;
}

.search-listing .title-top {
	margin-bottom: 30px;
}

/* ============================ 
	3. HEADER 
============================== */

.nav-main.scroll-animate {
	transition-duration: 1s;
	height: 90px;
}

/* top bar */

.nav-main .topbar {
	background-color: #0d8593;
	color: #fff;
	font-weight: 600;
	font-size: 17px;
}

.nav-desktop .topbar {
	padding: 10px 0;
	text-align: right;
}

.nav-mobile .topbar {
	margin-top: 20px;
	padding: 20px 0;
	font-weight: 600;
}

.nav-main .topbar span {
	font-size: 17px;
}

.nav-desktop .topbar span {
	display: inline-block;
	line-height: 1;
}

.nav-mobile .topbar span {
	display: block;
}

.nav-main .topbar .description {
	text-transform: uppercase;	
}

.nav-desktop .topbar .description {
	padding-right: 15px;
}

.nav-mobile .topbar .description {
	font-size: 14px;
	letter-spacing: -.02em;
}

.nav-main .topbar .phone {
	padding-top: 5px;
}

.nav-main .topbar .phone a {
	color: #fff;
}

.nav-scroll .topbar {
	display: none;
}

/* NAV */

.nav-cont {
	padding-top: 10px;
}

.drawer-close {
	overflow: auto!important;
}

.nav-desktop {
	border: 0;
	margin: 0;
}

.navbar-fixed-top {
	z-index: 6000;
}

.nav-desktop .container {
	height: 100%;
}

.nav-main {
	background-color: #fff;
	padding-bottom: 10px;
}

.nav-main li {
	text-transform: uppercase;
}

.nav-main, .nav-main a {
	color: #878787;
}

.nav-mobile .nav-container {
	background-color: #fff;
	color: #fff;
}

.nav-mobile > .container-fluid {
	background-color: #fff;
	padding-top: 15px;
	height: 55px;
}

/* NAV HEADER */


.nav-main .navbar-header .brand img {
	width: 100%;
	max-width: 100%;
}

	/* desktop */

.nav-desktop .navbar-header .brand {
	display: block;
	width: 132px;
}

.nav-desktop.nav-scroll .navbar-header .brand {
	width: 90px;
}

.nav-main.nav-scroll .navbar-nav {
	padding-top: 10px;
}

	/* mobile */

.nav-mobile .navbar-header .brand {
	display: block;
	width: 70px;
}

.drawer-open .nav-mobile .navbar-header .brand img {
	display: none;
}

.nav-mobile .drawer-nav .drawer-brand {
	margin-top: 15px;
}

.nav-mobile .drawer-nav .drawer-brand a {
	display: block;
	width: 90px;
	margin: 0 auto;
}

.nav-mobile .drawer-nav .drawer-brand a img {
	width: 100%;
}

.nav-mobile .drawer-toggle {
	width: 75px;
	padding: 0;
	height: auto;
	position: relative;
	float: right;
	display: block;
	margin-top: 19px;
}

.drawer-open .nav-mobile .drawer-toggle {
	margin-top: 6px;
}

.nav-mobile .drawer-toggle strong {
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	width: 40px;
	margin-right: 5px;
	margin-top: 3px;
	float: left;
	color: #0d8593;
}

.nav-mobile .drawer-toggle .drawer-hamburger-icon {
	float: right;
	display: block;
	width: 27px;
}

.nav-mobile .drawer-toggle .drawer-hamburger-icon,
.nav-mobile .drawer-toggle .drawer-hamburger-icon:before,
.nav-mobile .drawer-toggle .drawer-hamburger-icon:after {
	background-color: #0d8593;
}

.drawer-open .nav-mobile .drawer-toggle .drawer-hamburger-icon {
	background-color: transparent;
}

.nav-mobile .drawer-toggle .drawer-hamburger-icon:before {top: -8px;}
.nav-mobile .drawer-toggle .drawer-hamburger-icon:after {top: 8px;}
.drawer-open .nav-mobile .drawer-toggle .drawer-hamburger-icon:before {top: 0;}
.drawer-open .nav-mobile .drawer-toggle .drawer-hamburger-icon:after {top: 0;}

.nav-mobile .drawer-nav .drawer-footer {
	height: 50px;
}

/* NAV LINKS */

.current-menu-parent a,
.current-menu-item a {
	color: #0d8593;
}

.nav-main .nav > .menu-item {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 30px;
}

.nav-main .menu-item.item-what { background-image: url('_img/ico-nav-whatwedo.png'); }
.nav-main .menu-item.item-where { background-image: url('_img/ico-nav-wherewebuy.png'); }
.nav-main .menu-item.item-why { background-image: url('_img/ico-nav-whyus.png'); }
.nav-main .menu-item.item-about { background-image: url('_img/ico-nav-about.png'); }
.nav-main .menu-item.item-blog { background-image: url('_img/ico-nav-blog.png'); }
.nav-main .menu-item.item-contact { background-image: url('_img/ico-nav-contact.png'); }
.nav-main .menu-item.item-podcast { background-image: url('_img/ico-nav-podcast.png'); }
.nav-main .menu-item.item-book { background-image: url('_img/ico-nav-book.png'); }

.nav-main .nav > .menu-item:hover {
	background-position-y: -90px;
}

	/* desktop */

.nav-desktop .nav>li>a {
	padding: 35px 20px 0 20px;
}

.nav-desktop .nav>li>a:hover,
.nav-desktop .nav>li>a:focus,
.nav-desktop .nav>li>a:active {
	background-color: transparent;
	color: #0d8593;
}

	/* dropdown desktop */

.nav-desktop .nav .open>a {
	background: transparent;
	color: #0d8593;
}
	
.nav-desktop .dropdown-menu {
	background-color: #EAEAEA;
	top: 105%;
	border: 0;
	padding: 0;
}

.nav-desktop .dropdown-menu>li>a {
	padding: 11px 20px;
	color: #333;
}

.nav-desktop .dropdown-menu>li>a:hover,
.nav-desktop .dropdown-menu>li>a:focus {
	background-color: #0d8593;
	color: #fff;
}

.nav-desktop .navbar-nav .dropdown-menu li {
	display: block;
	border-bottom: 1px solid #d2d2d2;
}

.nav-desktop .navbar-nav .dropdown-menu li:last-child {
	border-bottom: 0;
}

.nav-desktop .navbar-nav .dropdown-menu>.active>a {
	background-color: #0d8593;
	color: #fff;
}


	/* mobile */

.nav-mobile .nav {
	margin: 1.25em 0 0 0;
	padding: 0;
}

.nav-mobile .nav li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.nav-mobile .nav li a {
	display: block;
	color: #929291;
	padding: 1.1em 1.25em 1.1em 3.25em;
}

.nav-mobile .nav > .menu-item {
	background-repeat: no-repeat;
	background-position-x: 8px;
	background-position-y: 16px;
	border-bottom: 1px dotted #ddd;
}

.nav-mobile .nav > .menu-item:first-child {
	border-top: 1px dotted #ddd;
}

.nav-mobile .nav > .menu-item:hover {
	background-position-y: -74px;
}

.nav-mobile .nav > li a:hover,
.nav-mobile .nav > li a:focus,
.nav-mobile .nav > li a:active {
	background-color: transparent;
	color: #0d8593;
}

	/* dropdown mobile */
	
.nav-mobile .nav .open>a {
	background: #0d8593;
	color: #fff;
}
	
.nav-mobile .dropdown-menu {
    position: relative;
    top: auto;
    left: auto;
    z-index: 1000;
    float: none;
    min-width: 160px;
    padding: 0;
    margin: 0;
    text-align: left;
    list-style: none;
    background-color: #dedede;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav-mobile .dropdown-menu>li>a {
	padding: 1em 2em 1em 4.25em;
	color: #555;
}

.nav-mobile .dropdown-menu>.active>a {
	background-color: #bfbfbf;
}

.nav-mobile .dropdown-menu li {
	border: 0;
	border-bottom: 1px solid #d2d2d2;
}

.nav-mobile .dropdown-menu li:last-child {
	border: 0;
}


/* ============================ 
	4. FOOTER 
============================== */

footer.footer ul {
	margin: 0;
}

.footer-top {
	background: url('_img/bg-footer.jpg') 0 0 no-repeat;
	background-size: cover;
	color: #fff;
}

.footer-top a {
	color: inherit;
}

.footer-top a:hover {
	color: #affaff;
}

.footer-top .footer-nav li {
	display: block;
	float: left;
	width: 49%;
	margin-right: 1%;
	overflow-x: hidden;
}

.footer-top .footer-contact li {
	margin-bottom: 8px;
}

.footer-bottom {
	padding-top: 25px;
	padding-bottom: 25px;
}

.footer-bottom,
.footer-bottom a {
	color: #636363;
}

.footer-bottom .copyright a:hover {
	text-decoration: underline;
}

.footer-bottom .copyright {
	padding-top: 10px;
}

.footer-bottom .social {
	text-align: right;
}

.footer-bottom .credit {
	font-size: 12px;
}

.social ul {
	list-style-type: none;
	display: inline-block;
}

.social ul li {
	display: block;
	float: left;
	margin-right: 5px;
	position: relative;
}

.social ul li:last-child {
	margin-right: 0;
}

.social ul li a {
	display: block;
	position: relative;
}

.social ul li a:hover {
	top: -2px;
}

/* ============================ 
	5. UI + FORMS 
============================== */

/* buttons */

.btn,
.form .gform_button,
.comments .form-submit input {
	text-transform: uppercase;
	padding: 1em 3em;
	border: none;
	border-radius: 0;
	font-weight: 800;
}

.banner .btn {
	font-size: 17px;
}

.btn:hover,
.btn:active,
.btn:focus {

}

.btn-main,
.form .gform_button,
.comments .form-submit input {
	background-color: #cf3570;
	color: #fff;
}

.btn-main:hover,
.btn-main:active,
.btn-main:focus,
.form .gform_button:hover,
.form .gform_button:active,
.form .gform_button:focus,
.comments .form-submit input:hover,
.comments .form-submit input:active,
.comments .form-submit input:focus {
	background-color: #cc1c5f;
	color: #fff;
	text-decoration: none;
}

.form-modal .form .gform_button {
	width: 100%;
	background-color: #007a82;
	font-size: 18px;
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}

.form-modal .form .gform_button:hover,
.form-modal .form .gform_button:active,
.form-modal .form .gform_button:focus {
	background-color: #00595f;
}

.btn-alt {

}

.btn-alt:hover,
.btn-alt:active,
.btn-alt:focus {

}

.btn-cta {
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
}

.btn-cta:hover,
.btn-cta:active,
.btn-cta:focus {
	color: #333;
	background: #fff;
}

.modal .btn-cta,
.multi-col .btn-cta,
.testimonials .btn-cta,
.videos .btn-cta,
.txt-img .btn-cta,
.blog .item .btn-cta,
.blog .item .btn-cta,
.richtext .content .btn-cta {
	display: inline-block;
	background: transparent;
	color: #333;
	border: 1px solid #333;
	max-width: 100%;
}

.blog .item .btn-cta a,
.richtext .content .btn-cta a {
	color: inherit;
}

.modal .btn-cta:hover,
.modal .btn-cta:active,
.modal .btn-cta:focus,
.multi-col .btn-cta:hover,
.multi-col .btn-cta:active,
.multi-col .btn-cta:focus,
.testimonials .btn-cta:hover,
.testimonials .btn-cta:active,
.testimonials .btn-cta:focus,
.videos .btn-cta:hover,
.videos .btn-cta:active,
.videos .btn-cta:focus,
.txt-img .btn-cta:hover,
.txt-img .btn-cta:active,
.txt-img .btn-cta:focus,
.blog .item .btn-cta:hover, 
.blog .item .btn-cta:active,
.blog .item .btn-cta:focus,
.richtext .content .btn-cta:hover, 
.richtext .content .btn-cta:active,
.richtext .content .btn-cta:focus {
	color: #fff;
	background: #333;
}

.modal .btn-cta a,
.modal .btn-cta a:hover,
.modal .btn-cta a:active,
.modal .btn-cta a:focus,
.multi-col .btn-cta a,
.multi-col .btn-cta a:hover,
.multi-col .btn-cta a:active,
.multi-col .btn-cta a:focus,
.txt-img .btn-cta a,
.txt-img .btn-cta a:hover,
.txt-img .btn-cta a:active,
.txt-img .btn-cta a:focus,
.blog .item .btn-cta a,
.blog .item .btn-cta a:hover,
.blog .item .btn-cta a:active,
.blog .item .btn-cta a:focus,
.richtext .content .btn-cta a:hover,
.richtext .content .btn-cta a:active,
.richtext .content .btn-cta a:focus {
	color: inherit;
	text-decoration: none;
}

.break .btn-cta {
	background: transparent;
	color: #fff;
	border: 1px solid transparent;
	font-size: 21px;
	font-weight: 400;
	text-transform: none;
	padding: 10px 20px;
}

.break .btn-cta:hover,
.break .btn-cta:active,
.break .btn-cta:focus {
	border: 1px solid #fff;
}

.instagram-feed .btn-cta {
	border-color: #cf3570;
	color: #cf3570;
	padding: .75em 1.5em;
	margin-left: 15px;
}

.instagram-feed .btn-cta:hover,
.instagram-feed .btn-cta:active,
.instagram-feed .btn-cta:focus {
	background-color: #cf3570;
	color: #fff;
}

/* Forms */

.gform_validation_container {
	display: none!important;
}

.form {
	
}

.form-control.sm {
	padding: 0 6px;
}

.form .form-wrap.grey-lt,
.form .form-wrap.grey-dk,
.form .form-wrap.turquoise {
	padding: 3rem;
}

.form .form-wrap.turquoise .gfield input,
.form .form-wrap.grey-dk .gfield input,
.form .form-wrap.turquoise .gfield textarea,
.form .form-wrap.grey-dk .gfield textarea,
.form .form-wrap.turquoise .gfield select,
.form .form-wrap.grey-dk .gfield select {
	color: #333;
}

.form .gfield {
	margin-bottom: 1.25em;
}

.form .gfield_label {
	
}

.form .gfield_checkbox label,
.form .gfield_radio label {
	font-weight: 300;
}

.form .gfield_radio label {
	padding-left: 5px;
}

.form-modal .form .gfield input {
	color: #0d8593;
}

.form-modal .form .gfield_label {
	display: none;
}

.form .gfield_required,
.validation_error, .validation_message,
.form .gfield_error .gfield_label {
	color: #d9534f;
}

.form .gfield .ginput_container_text input,
.form .gfield .ginput_container_email input,
.form .gfield .ginput_container_phone input,
.form .gfield .ginput_container_select select,
.form .gfield .ginput_container_textarea textarea,
.comments input[type="text"],
.comments textarea {
	height: 45px;
	padding: .5em 1em;
	border: 1px solid #dadada;
	width: 100%;
}
 
.form .gfield.gfield_error input,
.ppsPopupTxt_1 .gfield.gfield_error input {
	border: 1px solid #d9534f;	
}
 
.form .gfield .ginput_container_textarea textarea,
.comments textarea {
	height: 140px;
}
 
.form .spam {
	text-align: center;
	display: block;
	width: 100%;
	font-size: 14px;
	padding-top: 10px;
}

.form-modal .validation_error {
	display: none;
}

.form-modal .form .has-img .gform_button {
	margin-top: 10px;
}

.validation_error, .validation_message {
	font-size: 14px;
}

.validation_error {
	margin-bottom: 10px;
}

.gform_confirmation_message {
	color: #489055;
}

.form .ebook-field-phone,
.form .subscribe-field-phone {
	display: none!important;
}

.form .single-col.content {
	margin-bottom: 2em;
}

.form .content iframe {
	max-width: 100%;
}


/* Modals */

.modal-fs-content {
	display: none;
}

.modal-fs .modal-fs-content {
	display: block;	
}

.modal-subscribe {
	display: none;
}

.modal-backdrop {
	background-color: #000;
}

.modal-backdrop.in {
	z-index: 9999!important;
	filter: alpha(opacity=80)!important;
	opacity: .8!important;
}

.modal {
	z-index: 10000;
}

.modal-content {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
}

.video-modal .modal-dialog {
	width: 60%;
	padding-top: 50px;
}

.video-modal .modal-content {
	background: transparent;
}

.video-modal .modal-body {
	padding: 0;
}

.video-modal .modal-body iframe {
	border: 10px solid #000;
	border-radius: 3px;
}

.form-modal .modal-content{
	background-color: #fff;
}

.form-modal .modal-body {
	padding: 40px 50px;
}

.form-modal .logo {
	width: 140px;
	margin: 0 auto 20px auto;
}

.form-modal .logo img {
	width: 100%;
}

.form-modal .title {
	margin-bottom: 20px;
}

.form-modal h3 {
	width: 75%;
	display: block;
	margin: 0 auto;
	text-transform: uppercase;
	font-weight: 600;
	color: #0d8593;
	text-align: center;
}

.form-modal h3 span {
	font-weight: 300;
}

.form-modal .image img {
	width: 90%;
}

.form-modal .fserv-form-name,
.form-modal .fserv-form-description,
.form-modal .fserv-label {
	display: none;
}

.fs_f7ea0ed6e367e85bc4c1c1eaef865ade1c976d3640223cd006c93b35d607235a button[type="submit"].fserv-button-submit,
.form-modal .fs-webform-container button[type="submit"].fserv-button-submit {
	background-color: #007a82!important;
	width: 100%;
}

.fs_f7ea0ed6e367e85bc4c1c1eaef865ade1c976d3640223cd006c93b35d607235a button[type="submit"].fserv-button-submit:hover,
.form-modal .fs-webform-container button[type="submit"].fserv-button-submit:hover {
	background-color: #00595f!important;
}

.image-modal .modal-dialog {
	width: 80%;
}

.image-modal .modal-body {
	text-align: center;
}

.image-modal .image-full {
	display: inline-block;
}

.image-modal .image-full img {
	max-width: 100%;
}

button.close {
	-webkit-appearance: none!important;
	padding: 0!important;
	cursor: pointer!important;
	background: 0 0!important;
	border: 0!important;
	background-color: #00757e!important;
	padding: 0 10px 3px 10px!important;
	border-radius: 50%!important;
	border: 2px solid #fff!important;
}

.close {
	float: none!important;
	color: #fff!important;
	text-shadow: none!important;
	filter: alpha(opacity=100)!important;
	opacity: 1!important;
	position: absolute!important;
	right: -18px!important;
	top: -27px!important;
}

/* EBOOK DOWNLOAD MODAL */


.ppsPopupShell {
	position: fixed!important;
	left: 0!important;
	top: 0!important;
	margin-top: 20px;
	padding: 0 15%!important;
	width: 100%!important;
	transform: none!important;
}

.ppsPopupShell .field-nolabel .gfield_label {
	display: none!important;
}

.ppsPopupShell .ppsPopupClose {
    top: 0px!important;
    right: 15%!important;
}

.ppsPopupShell.form-ebook .gform_wrapper {
	height: 470px;
	max-height: 470px;
}

.ppsPopupShell .gform_button {
	color: #fff!important;
	width: 100%!important;
    box-sizing: border-box!important;
}

.ppsPopupShell .gfield_description.validation_message,
.ppsPopupShell .validation_error {
	display: none;
}

.ppsPopupShell .instruction.validation_message {
	color: #d9534f!important;
}

.ppsPopupShell p.small {
	font-weight: 600!important;
	font-size: 15px!important;
	margin-top: 5px!important;
	text-align: center!important;
}


.ppsPopupShell .gfield_html h3 {
	font-size: 1.5em
}

.ppsPopupShell .gfield_html h3 span {
	display: block;
	color: #777!important;
	font-size: 85%;
	text-transform: uppercase;
}

.ppsPopupShell.form-subscribe .gform_confirmation_message {
	height: 470px;
}

.ppsPopupShell .gform_confirmation_message {
	padding-top: 60px;
	font-size: 170%;
	color: #35ad33!important;
}

/* custom radio */


.radio-custom1 .ginput_container {
	margin-top: 10px;
}

.radio-custom1 > .gfield_label {
	font-size: 18px;
}

.radio-custom1 .gfield_radio li {
	display: inline-block;	
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 49%;
}

.radio-custom1 .gfield_radio li label {
	cursor: pointer;
	color: #fff!important;
	padding: 10px;    
	display: block;
    width: 100%;
	font-weight: 400;
}

.radio-custom1 .gfield_radio li input {
  position: absolute;
  opacity: 0;
}

.radio-custom1 .gfield_radio li:nth-child(1) {
	background-color: #cf3570;
	margin-left: 1%;
	border-top-left-radius: 22px;
	border-bottom-left-radius: 22px;
}

.radio-custom1 .gfield_radio li:nth-child(2) {
	background-color: #0d8593;
	margin-right: 1%;
	border-top-right-radius: 22px;
	border-bottom-right-radius: 22px;
}

.radio-custom1 .gfield_radio li:nth-child(1):hover,
.radio-custom1 .gfield_radio li:nth-child(1) input:checked {
	background-color: #cc1c5f;
}

.radio-custom1 .gfield_radio li:nth-child(2):hover,
.radio-custom1 .gfield_radio li:nth-child(2) input:checked {
	background-color: #0a717d
}

/* Exit form subscribe */

.ppsPopupShell.form-subscribe {
}

.ppsPopupShell.form-subscribe .ppsInnerTblContent {
	padding: 0!important;
}

.ppsPopupShell.form-subscribe .gfield_label {
	display: none;
}

.ppsPopupShell.form-subscribe.form .gfield .ginput_container_text input,
.ppsPopupShell.form-subscribe.form .gfield .ginput_container_email input,
.ppsPopupShell.form-subscribe.form .gfield .ginput_container_phone input {
    box-sizing: border-box!important;
}

.ppsPopupShell.form-subscribe.form h2,
.ppsPopupShell.form-subscribe.form h3 {
	font-family: Telex !important;
	text-align: center;
}

.ppsPopupShell.form-subscribe.form h2 {
	font-size: 310%;	
	margin-bottom: 10px;
}

.ppsPopupShell.form-subscribe.form h3 {
	font-size: 140%;
	font-weight: 300;	
}

/* FreshSales forms */

.fserv-form-name,
.fserv-form-description,
.fserv-field {
	padding-left: 0!important;
	padding-right: 0!important;
}

body .fserv-form-name {
	text-align: left!important;
}

.form-wrap.turquoise .fs-webform-container .fserv-form-name,
.form-wrap.turquoise .fs-webform-container .fserv-form-description,
.form-wrap.turquoise .fs-webform-container .fserv-label {
    color: #ffffff !important;
}

.form-wrap .fs-webform-container .fserv-container,
.fserv-container {
	background-color: transparent!important;
	background: transparent!important;
	padding: 0!important;
	box-shadow: none!important;
	width: 100%!important;
	border-radius: 0!important;
}

.fserv-container form {
    padding-top: 0!important;
}

.fserv-field+div:not(.fserv-field) {
    border-top: 0!important;
    padding: 0!important;
    text-align: left!important;
}

.form-subscribe .fserv-label {
	display: none!important;
}

.fserv-label {
	padding-bottom: 0!important;
}

.fserv-field input {
	height: 45px!important;
	font-size: 16px!important;
	font-family: 'Lato', Helvetica, sans-serif!important;
	border: 1px solid #dadada!important;
}

.fserv-field input::-webkit-input-placeholder { color: #666!important; }
.fserv-field input::-moz-placeholder { color: #666!important; }
.fserv-field input:-ms-input-placeholder { color: #666!important; }
.fserv-field input:-moz-placeholder { color: #666!important; }

.fserv-container button,
.fserv-button-submit {
    text-transform: uppercase!important;
    padding: 0 3em!important;
    font-size: 16px!important;
    font-weight: bold!important;
    height: 51px!important;
    line-height: 51px!important;
}

.fserv-container button[type="submit"].fserv-button-submit:hover,
.fserv-container button:hover,
.fserv-container button[type="submit"].fserv-button-submit:active,
.fserv-container button:active,
.fserv-container button[type="submit"].fserv-button-submit:focus,
.fserv-container button:focus {
	background: #cc1c5f!important;
	background-color: #cc1c5f!important;
}

.fserv-form .fserv-field label.error {
    font-size: 15px!important;
}

.fserv-container .fs-notifier {
    margin: 0 0 30px 0!important;
    padding: 15px!important;
    font-size: 15px!important;
}

.fserv-container .opt-in {
    float: none!important;
    text-align: left!important;
    word-break: break-word!important;
    width: 100%!important;
    margin: 0!important;
    padding: 0!important;
}

.fserv-container .opt-in label {
	font-size: 13px;
}

.powered-by {
	display: none!important;
}

/*  BONUS PAGE
============================== */

.page-template-bonus {
    color: #000;
}

.page-template-bonus .container h2 {
    font-size: 63px;
    font-weight: 900;
    margin-bottom: 21px;
}

.page-template-bonus .container h3 {
    font-size: 35px;
    margin-bottom: 0;
}

.page-template-bonus .container h4 {
    font-size: 29px;
    font-weight: 400;
}

#main_content {
    padding: 90px 0;
}

#main_content .content_wrapper {
    padding-top: 56px;
}

#sub_content {
    background: #ebebeb;
    font-size: 30px;
    padding: 90px 0;
    text-align: center;
}

#sub_content p {
    margin-bottom: 24px;
}

.bonus_btn {
    background: #cc1d5f;
    color: #FFF;
    display: block;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    margin: 45px auto 24px;
    max-width: 560px;
    padding: 24px 15px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
      -moz-transition: 0.35s;
      -webkit-transition: 0.35s;
    transition: 0.35s;
}

.bonus_btn:focus,
.bonus_btn:hover  {
    background: #0d8593;
    color: #FFF;
}

#_form_1_ {
    padding-bottom: 45px;
    padding-top: 45px;
}

#_form_1_ ._form-title {
    font-size: 38px;
    font-weight: 900;
    text-align: center;
}

#_form_1_ ._html-code p {
    font-size: 22px;
    text-align: center;
}

#_form_1_ label {
    display: none;
}

#_form_1_ ._form_element input {
    border: 3px solid #bfbfbf;
      -moz-border-radius: 7px;
      -webkit-border-radius: 7px;
    border-radius: 7px;
    color: #303030;
    padding: 12px 21px;
    margin: 15px auto;
    width: 100%;
}

#_form_1_ button {
    background: #cc1d5f;
    color: #FFF;
    display: block;
    margin: 36px auto;
    padding: 12px 36px;
    text-align: center;
}

#_form_1_ ._field-wrapper {
    position: relative;
}

#_form_1_ ._field-wrapper i {
    color: #383838;
    font-size: 18px;
    position: absolute;
      right: 2.5%;
      top: 35%;
}

#article_content {
    background: #F9F9F9;
    margin-bottom: 0;
    padding-top: 75px;
}

#article_content h2 {
    margin-bottom: 75px;
}

#video_content {
    background: #F6F6F6;
}

.bonus_content {
    margin-bottom: 30px;
    padding: 60px 0 30px;
}

.bonus_content .row {
    margin-bottom: 36px;
}

.bonus_content h3 {
    margin-bottom: 45px !important;
}

.bonus_content h4 {
    font-size: 21px;
}

#article_content h4,
.bonus_content .container h4 {
    font-size: 24px;
    margin-bottom: 24px;
}

.bonus_content .podcast li {
    margin-bottom: 12px;
}

.bonus_content .col-sm-4 {
    margin-bottom: 15px;
}

/*  PROMO SECTION
============================== */

#promo_section {
    background: #e8e8e8;
    color: #121212;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: auto;
}

#promo_section .container {
    max-width: 875px;
    padding-top: 15px;
}

#promo_section h3,
#promo_section h4 {
    font-weight: 700;
}

#promo_section h3 {
    font-size: 28px;
    margin: 36px auto 8px;
}

#promo_section h4 {
    font-size: 20px;
}

#promo_section p {
    margin-bottom: 0;
}

#promo_section .btn {
    display: block;
    font-weight: 900;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    max-width: 235px;
    padding: 12px;
}

#promo_section img {
    margin-top: 0;
}

/* ============================ 
	6. VIEWPORTS
============================== */

/* large desktop and up */
@media only screen and (min-width:1200px) {
	
	.video-modal .modal-dialog {
		width: 60%;
	}
	
	.side .blog-listing img {
		width: 150px;
		height: 150px;
	}
	
	.blog.article .main {
		padding-left: 50px;
	}
	
}


/* extra large desktop and up */
@media only screen and (min-width:1500px) {

	.video-modal .modal-dialog {
		width: 50%;
	}

	.ppsPopupShell {
		margin-top: 30px;
		padding: 0 25%!important;
	}

	.ppsPopupShell .ppsPopupClose {
		right: 25%!important;
	}
	
}


/* small desktop only */
@media only screen and (min-width:991px) and (max-width:1199px) {
	
	/* paragraphs, body text etc */
		
	body, label, input, .footer h3, cite span {
		font-size: 15px;
	}
	
	.nav-main li {
		font-size: 15px;
	}
	
	.lead, .lead p {
		font-size: 21px;
	}
	
	h1 {
		font-size: 38px;
	}
	
	h2,
	.page-title h1,
	.break .listing h2 {
		font-size: 28px;
	}
	
	.break h2 {
		font-size: 39px;
	}
	
	h3, h4 {
		font-size: 21px;
	}
	
	.txt-img .lead {
		font-size: 17px;
	}
	
	.videos.col-3 .image .play {
	    width: 50px;
	    background-size: 50px;
	}
	
	.videos .col .image h4 {
		font-size: 15px;
	}
	
	.videos .col .image h4 span {
		font-size: 13px;
	}
	
	.stripe {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	
	.stripe.offer {
		margin-top: 90px;
		margin-bottom: 90px;
	}
	
	.banner {
		height: 450px;
	}
	
	.offer .image img {
		top: -50px;
	}
	
	.offer .cta .btn,
	.multi-col .btn,
	.testimonials .btn,
	.videos .btn,
	.txt-img .btn {
		padding-left: 2em;
		padding-right: 2em;
	}
	
	.multi-col h3 .icon {
	    width: 65px;
	    height: 65px;
	}
	
	.multi-col.col-5 .col .content {
		font-size: 13px;
	}
	
	.multi-col.col-5 .col h3 {
		font-size: 15px;
	}
	
	.testimonials .item .content p {
		font-size: 16px;
	}
	
	.testimonials .item .content cite {
		font-size: 13px;
	}
	
	.video-modal .modal-dialog {
		width: 65%;
		padding-top: 50px;
	}
	
	.blog.article .main {
		padding-left: 50px;
	}
	
	.blog.listing.index .item .image {
		height: 245px;
	}

	.blog.article .item .image {
		height: 230px;
	}
	
	.blog.listing.block .item .image {
		height: 180px;
	}
	
	.blog.listing.block h3 {
		font-size: 19px;
	}
	
	.thumb-listing .item h4 {
		font-size: 13px;
	}
	
	.purchases .items .col-sm-3.item {
		width: 24.73%;
	}
	
	.instagram-feed .content ul li {
		width: 14.28%;
	}
	
	.instagram-feed .content ul li:nth-child(8n) {
		display: none;
	}

	.offer.offer-global p {
		font-size: 100%;
	}

	.offer.offer-global p.lead {
		font-size: 120%;
	}
		
}


/* small desktop and tablet */
@media only screen and (min-width:768px) and (max-width:1199px) {
	
	.footer-top {
		font-size: 14px;
	}
	
	.videos .col .image .play {
		font-size: 70px;
	}
	
}


/* tablet only */
@media only screen and (min-width:768px) and (max-width:990px) {

	body {
		padding-top: 157px;
	}

	/* paragraphs, body text etc */
		
	body, label, input, .footer h3, cite span {
		font-size: 14px;
	}
	
	.nav-main li {
		font-size: 14px;
	}
	
	.lead, .lead p {
		font-size: 20px;
	}
	
	h1 {
		font-size: 34px;
	}
	
	h2,
	.page-title h1,
	.break .listing h2 {
		font-size: 26px;
	}
	
	.break h2 {
		font-size: 37px;
	}
	
	h3, h4 {
		font-size: 19px;
	}
	
	.txt-img .lead {
		font-size: 16px;
	}
	
	.videos.col-3 .image .play {
	    width: 45px;
	    background-size: 45px;
	}
	
	.videos .col .image h4 {
		padding: 8px 10px;
		font-size: 14px;
	}
	
	.videos .col .image h4 span {
		font-size: 12px;
	}
	
	.stripe {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	.stripe.offer {
		margin-top: 80px;
		margin-bottom: 80px;
	}
	
	.banner {
		height: 400px;
	}
	
	.nav-cont {
		width: 100%;	
	} 
	
	.nav-main .topbar span {
	    font-size: 15px;
	}

	.nav-desktop .navbar-header .brand {
		display: block;
		width: 105px;
	}
	
	.nav-main .nav > .menu-item {
		background-size: 20px;
	}
	
	.nav-main .nav > .menu-item:hover {
		background-position-y: -61px;
	}
	
	.nav-desktop .nav>li>a {
		padding: 25px 19px 0 19px;
	}
	
	.footer-top .footer-about {
		margin-top: 40px;
	}
	
	.offer .title .lead {
		font-size: 16px;
	}
	
	.offer .image img {
		top: -50px;
	}

	.offer.white .outline {
	    padding: 20px 20px;
	}
	
	.offer .cta .btn,
	.multi-col .btn,
	.testimonials .btn,
	.videos .btn,
	.txt-img .btn {
		padding-left: 1em;
		padding-right: 1em;
	}

	.btn, .form .gform_button, .comments .form-submit input {
	    padding: 1em 2em;
	}
	
	.multi-col h3 .icon {
	    width: 55px;
	    height: 55px;
	}
	
	.multi-col.col-5 .col .content {
		font-size: 12px;
	}
	
	.multi-col.col-5 .col h3 {
		font-size: 14px;
	}
	
	.testimonials .item .content p {
		font-size: 15px;
	}
	
	.testimonials .item .content cite {
		font-size: 12px;
	}
	
	.video-modal .modal-dialog {
		width: 70%;
		padding-top: 50px;
	}
	
	.side .title-top h2,
	.side .title-top h3 {
		font-size: 19px;
	}
	
	.side .blog-listing img {
		width: 100px;
		height: 100px;
	}
	
	.side .blog-listing h4 {
		font-size: 15px;
	}
	
	.single-post .footer-bottom, 
	.single-video .footer-bottom {
		margin-bottom: 45px;
	}
	
	.blog.listing.index .item .image {
		height: 190px;
	}

	.blog.article .item .image {
		height: 190px;
	}
	
	.blog.listing.block .item .image {
		height: 160px;
	}
	
	.blog.listing.block h3 {
		font-size: 18px;
	}
	
	.thumb-listing .item h4 {
		font-size: 12px;
	}
	
	.purchases .items .col-sm-3.item {
		width: 24.73%;
	}
	
	.instagram-feed .content ul li {
		width: 16.6%;
	}
	
	.instagram-feed .content ul li:nth-child(7n),
	.instagram-feed .content ul li:nth-child(8n) {
		display: none;
	}

	.stripe.offer.offer-global {
	    padding-top: 15px;
	    padding-bottom: 15px;
	}

	.offer.offer-global .image img {
		top: -20px;
		height: 160px;
	}

	.offer.offer-global .cta-left .image img {
		left: auto;
	}

	.offer.offer-global .cta-right .image img {
		left: auto;
		right: 15px;
	}	

	.offer.offer-global .cta-left .title p {
		margin-left: -30px;
	}

	.offer.offer-global .cta-left .cta a {
		margin-left: -30px;
	}

	.offer.offer-global .cta-right .title p {
		margin-right: -30px;
	}

	.offer.offer-global .cta-right .cta a {
		margin-right: -30px;
	}

	.offer.offer-global .cta-right {
		padding-top: 10px;
	}

	.offer.offer-global .btn {
		padding-top: .5em;
		padding-bottom: .5em;
	}

	.ppsPopupShell {
		margin-top: 20px;
		padding: 0 10%!important;
	}

	.ppsPopupShell .ppsPopupClose {
		right: 10%!important;
	}



}


/* tablet and down */
@media only screen and (max-width:990px) {
	

	.offer.offer-global .cta-right .title,
	.offer.offer-global .cta-right .cta {
		text-align: right;
	}

	
}


/* mobile and down */
@media only screen and (max-width:767px) {

	body {
		padding-top: 83px;
	}

	/* paragraphs, body text etc */
		
	body, label, input, .footer h3, cite span {
		font-size: 16px;
	}
	
	.nav-main li {
		font-size: 15px;
	}
	
	.lead, .lead p {
		font-size: 20px;
	}
	
	h1 {
		font-size: 34px;
	}
	
	h2,
	.page-title h1,
	.break .listing h2 {
		font-size: 26px;
	}
	
	.break h2 {
		font-size: 37px;
	}
	
	h3, h4 {
		font-size: 19px;
	}

	.footer-top {
		font-size: 14px;
	}
	
	.txt-img .lead {
		font-size: 17px;
	}

	.stripe {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	
	.stripe.offer {
		margin-top: 70px;
		margin-bottom: 70px;
	}
	
	.banner .cta-main,
	.banner .cta-vid {
		text-align: center;
	}
	
	.banner .cta-vid {
		margin-top: 50px;
	}
	
	.banner {
		height: auto;
		padding-top: 70px;
		padding-bottom: 70px;
	}
    
    #promo_section {
        padding: 0; 
    }
	
	.banner .btn {
		font-size: 15px;
	}

	.richtext.col-1 .content iframe {
		width: 100%;
	}
	
	.offer .image img {
		top: 0;
		left: 0;
	}
	
	.offer .title {
		text-align: left;
		margin-bottom: 20px;
	}
	
	.side .offer .title {
		text-align: center;
		margin-bottom: 0;
	}
	
	.offer.white .outline {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	
	.offer.white .lead span {
		display: block;
	}
	
	.offer .no-img,
	.offer.white .no-img.cta {
		text-align: center;
	}
	
	.multi-col.col-2 .col:first-child {
		margin-bottom: 70px;
	}
	
	.multi-col.col-1 .col,
	.multi-col.col-3 .col {
		margin-bottom: 70px;
	}
	
	.multi-col.col-1 .col:last-child,
	.multi-col.col-3 .col:last-child {
		margin-bottom: 0;
	}
	
	.multi-col.col-5 .col {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 70px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.txt-img .image {
		margin-bottom: 30px;
	}
	
	.richtext .col-left {
		margin-bottom: 30px;
	}
	
	.logostrip .image {
		margin-bottom: 1em;
	}
	
	.break .btn-cta {
		display: block;
		margin-bottom: 1em;
	}
	
	.break .listing .title {
		margin-bottom: 30px;
	}
	
	.break .listing .content ul li {
		width: 48%;
		margin-right: 1%;
	}
	
	.testimonials .item .content p {
		font-size: 16px;
	}
	
	.testimonials .item .content cite {
		font-size: 13px;
	}
	
	.testimonials .testimonial-row {
		margin-left: 0;
		margin-right: 0;
	}
	
	.videos.block.col-2 .col:first-child {
		padding-left: 15px;
	}
	
	.videos.block.col-2 .col:last-child {
		padding-right: 15px;
	}
	
	.videos.col-1 .col,
	.videos.col-2 .col,
	.videos.col-3 .col {
		padding-right: 15px;
		padding-left: 15px;
		width: 80%;
		float: none;
		margin: 0 auto 30px auto;
	}
	
	.videos.col-1 .col:last-child,
	.videos.col-2 .col:last-child,
	.videos.col-3 .col:last-child {
		margin-bottom: 0;
	}
	
	.team-listing .item .image {
		width: 50%;
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	.blog.article .main {
		margin-bottom: 60px;
	}

	.blog.listing.index .item .image,
	.blog.article .item .image {
		height: 140px;
	}
	
	.footer-top .footer-nav,
	.footer-top .footer-contact {
		margin-bottom: 35px;
	}
	
	.footer-top .footer-nav li {
	    padding: .75em 0;
	}
	
	.footer-bottom .social {
		margin-bottom: 20px;
	}
	
	.footer-bottom .social,
	.footer-bottom .copyright {
		text-align: center;
	}
	
	.stripe .form {
		margin-top: 40px;
	}
	
	.stripe.form .content {
		margin-bottom: 40px;
	}
	
	.video-modal .modal-dialog {
		width: 95%;
		margin: auto;
		padding-left: 15px;
	}
	
	.form-modal .image {
		text-align: center;
		margin-bottom: 30px;
	}
	
	.form-modal .image img {
		width: 40%;
	}

	.form-modal .modal-body {
	    padding: 20px 25px;
	}
	
	.close {
		right: 0;
		top: 0;	
	}
	
	.side .cat-listing ul {
	    margin-bottom: 0;
	}
	
	.purchases .items .col-sm-3.item,
	.purchases .items .col-sm-4.item {
		width: 49.5%;
		margin-bottom: 20px;
	}
	
	.instagram-feed .content ul li {
		width: 25%;
	}
	
	.instagram-feed .content ul li:nth-child(5n),
	.instagram-feed .content ul li:nth-child(6n),
	.instagram-feed .content ul li:nth-child(7n),
	.instagram-feed .content ul li:nth-child(8n) {
		display: none;
	}
	
	button.close {
	    padding: 1px 15px 4px 16px;
	}
	
	.close {
	    font-size: 29px;
	}

	.search-box .search-form {
		width: 90%;
		margin: 30px auto 0;
		font-size: 16px;
	}

	.search-box .search-field {
		font-size: 16px;
	}

	.offer.offer-global {
		overflow: hidden;
	}

	.offer.offer-global .cta {
	    margin-top: 0;
	}

	.offer.offer-global .cta-left .image img {
		left: auto;
		right: 20px;
	}

	.offer.offer-global .cta-right .image img {
		left: 10px;
		right: auto;
	}

	.offer.offer-global .cta-right {
		padding-top: 80px;
	}

	.ppsPopupShell {
		margin-top: 20px;
		padding: 0 5%!important;
		width: 100%!important;
		transform: none!important;
	}

	.ppsPopupShell.form .ppsLeftPart {
		display: none;
	}

	.ppsPopupShell.form .ppsRightPart {
		margin-left: 0!important;
	}

	.ppsPopupShell .ppsPopupClose {
		right: 4%!important;
	}

	.radio-custom1 .gfield_radio li label {
		font-size: 13px;
	}

	.ppsPopupShell.form .ppsPopupTxt_0 p {
	    font-size: 33px!important;
	    line-height: 37px!important;
	}

	.ppsPopupShell.form .ppsRightPart {
		padding: 20px!important;
	}
	
}


/* small mobile and down */
@media only screen and (max-width:500px) {

	.videos.col-1 .col,
	.videos.col-2 .col,
	.videos.col-3 .col {
		width: 100%;
	}
	
	.team-listing .item .image {
		width: 80%;
	}
	
	.form-modal h3 {
		width: 95%;
	}
	
	.form-modal .image img {
		width: 70%;
	}
	
	.image-modal .modal-dialog {
		width: auto;
	}
	
	.side .blog-listing img {
		width: 90px;
		height: 90px;
	}
	
	.purchases .items .col-sm-3.item,
	.purchases .items .col-sm-4.item {
		width: 75%;
		margin-bottom: 20px;
	}
	
	.purchases .items .col-sm-3.item:last-child,
	.purchases .items .col-sm-4.item:last-child {
		margin-bottom: 0;
	}
	
	.instagram-feed .content ul li {
		width: 33.33%;
	}
	
	.instagram-feed .content ul li:nth-child(4n),
	.instagram-feed .content ul li:nth-child(5n),
	.instagram-feed .content ul li:nth-child(6n),
	.instagram-feed .content ul li:nth-child(7n),
	.instagram-feed .content ul li:nth-child(8n) {
		display: none;
	}

	.offer.offer-global .cta-left .image img {
    	left: auto;
    	right: 0;
	}
	
}

@media screen and (max-width: 1170px) {
    
    .page-template-bonus .col-md-6 {
        width: 100%;
    }
    
    #main_content .content_wrapper {
        padding-top: 30px;
    }
    
}

@media screen and (max-width: 768px) {
    
    .page-template-bonus #main_content img {
        max-width: 60%;
    }
    
    .page-template-bonus .container h2 {
        font-size: 30px;
    }
    
    .page-template-bonus .container h3 {
        font-size: 21px;
    }
    
    .page-template-bonus .container h4 {
        font-size: 18px;
    }
    
    #sub_content  .container p,
    .bonus_btn {
        font-size: 16px;
    }
    
    #main_content .bonus_btn {
        padding: 10px 15px;
    }
    
    #main_content,
    #sub_content {
        padding: 45px 0;
    }
    
}

@media screen and (max-width: 600px) {
    
    .page-template-bonus #main_content img {
        max-width: 85%;
    }
    
}

/* ADJUSTED */
#modalVideo.fade.in {
  display: block !important;
}