/*
Theme Name: PCG Custom Theme
Author: Prime Concepts
Author URI: http://www.primeconcepts.com
Description: Custom theme created by Prime Concpepts Group
Version: 1.0.0

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

OG Sites 3.0 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# General
----------------------------------------------------------------*/
.ekko-lightbox-container .ekko-lightbox-item.show{
	height: 100%;
}
.ekko-lightbox-container .ekko-lightbox-item iframe{
	height: 100%;
	width: 100%;
}
.social-media li {
    display:  inline-block;
	padding-right: 20px;
}

.social-media {
    padding:  0;
}
/*--------------------------------------------------------------
# Typography
----------------------------------------------------------------*/
body {
	font-family: 'Kanit', arial, sans-serif;
	font-size: 16px;
	font-weight: 200;
}
strong, b { font-weight: 400!important; }

h1, h2, h3, h4, h5, h6 { font-family: 'Libre Franklin', arial, sans-serif; margin: 0 0 .5em; }
p { margin: 0 0 1em; }

h1 { font-size: 32px; font-weight: 800; }
h2 { font-size: 24px; font-weight: 800; }
h3, h1.blog-entry-title { font-size: 20px; font-weight: 800; color: #ff4338;  }
h3.blue, #blue-header h3, strong.blue { color: #3a648b; }
h4 { font-size: 18px; font-weight: 300; line-height: 1.4; color: #3a648b;  }
h4.orange { color: #ff4338; }
h5 { font-size: 16px; font-weight: 300; }
h6 { font-size: 14px; font-weight: 300; }

a, a:visited { color: #3a648b; text-decoration: none; }
a:hover, a:focus { color: #ff4338; text-decoration: none; }
.button, .search-submit { background: #ff4338; display: inline-block; text-transform: uppercase; color: #fff; text-decoration: none; border: solid 2px #ff4338; padding: .5em 1em; transition: all .2s; font-weight: 400; }
.button:active, .button:visited { color: #fff; }
.button:hover { background: #fff; color: #ff4338;  text-decoration: none; }
.button.blue, .footer-lead-capture .button, .search-submit, .button.active { background: #3a648b; text-transform: none; border: solid 2px #3a648b;  margin: 0!important; }
.button.active { text-transform: uppercase; }
.button.blue:hover, .footer-lead-capture .button:hover, .search-submit:hover { background: #fff; color: #3a648b; }
.button.active:hover { color: #fff!important; }
.button.gray { background: #a0a0a0; border-color: #a0a0a0; color: #303030; }
.button.gray:hover { background: none transparent; }
input[type=text], input[type=email], textarea { border: solid 2px #3a648b; padding: .5em 1em!important; }

ul { margin-bottom: 1em; }
ol li { margin-bottom: 1em; }
#news-and-media { padding: 2em 0; }
#news-and-media h3 { margin-bottom: 1em; }

@media (min-width: 768px) {
	h1 { font-size: 48px; }
	h2 { font-size: 36px; }
	h3, h1.blog-entry-title { font-size: 32px; }
	h4 { font-size: 28px; }
	h5 { font-size: 24px; }
	h6 { font-size: 20px; }
	.circle-container { width: 100%; border-radius: 100%; padding-bottom: 100%; position: relative; overflow: hidden; }
	.circle-container img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
}

@media (min-width: 991px) {
	body { font-size: 18px; }
	h1 { font-size: 60px; }
	h2 { font-size: 48px; }
	h3, h1.blog-entry-title { font-size: 36px; }
	h4 { font-size: 30px; }
	h5 { font-size: 24px; }
	h6 { font-size: 20px; }
	.circle-container { top: 4em; }
	#teacher-at-heart .circle-container { top: 6em; }
	#media-one .circle-container { top: 0; }
	#media-two .circle-container { top: 3em; }
	#news-and-media { padding: 4em 0; }
}

@media (min-width: 1200px) {
	body { font-size: 20px; }
	h1 { font-size: 68px; }
	h2 { font-size: 54px; }
	h3, h1.blog-entry-title { font-size: 40px; }
	h4 { font-size: 32px; }
	h5 { font-size: 28px; }
	h6 { font-size: 22px; }
	.circle-container { top: 5em; }
	#teacher-at-heart .circle-container { top: 7em; }
	#media-one .circle-container { top: 1em; }
	#media-two .circle-container { top: 5em; }

	#section-1 { margin-top: 3em; }
}

@media (min-width: 1600px) {
	body { font-size: 20px; }
	h1 { font-size: 72px; }
	h2 { font-size: 60px; }
	h3, h1.blog-entry-title { font-size: 48px; }
	h4 { font-size: 36px; }
	h5 { font-size: 30px; }
	h6 { font-size: 24px; }

	#section-1 { margin-top: 2em; }
	#teacher-at-heart .circle-container { top: 5em; }
	#media-one, #media-two { margin-bottom: 0; }
	#media-one h3 { margin-top: 1.5em; }
	#media-one .circle-container { top: 4em; }
	#media-two .circle-container { top: 1em; }
	#about-one, #media-one { margin-top: 0; }
	#media-two.regular .copy { padding-top: 2.5em; }
	#consulting-one .circle-container, #about-one .circle-container { top: 7em; }
}


/*--------------------------------------------------------------
# Main Menu
----------------------------------------------------------------*/
nav.navbar{
	height: 75px;
	transition: all .25s;
	background-color: #ffffff;
}

nav.sticky{
	height: 50px;
	z-index: 99999999;
}
nav .navbar-nav {
    position:  relative;
		margin-top: 0;
}

.navbar-nav>li { background: #fff; }
.navbar-nav>li>a{
    padding-top: 0 !important;
    padding-bottom: 0 !IMPORTANT;
    line-height: 40px !important;
    height:  100%;
	transition: all .25s;
	font-family: 'Kanit', arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color: #808080;
}
.navbar-nav>li.red-nav>a { color: #ff4338; }

nav.sticky .navbar-nav>li>a{
	line-height: 50px !important;
}

.navbar-nav>li>a:hover {
    background-color: #3a648b !important;
    color: #ffffff !Important;
}

.navbar .navbar-brand { max-width: 70%; transition: all .2s; }
.navbar .navbar-brand img { transition: all .2s; }
nav.sticky .navbar-brand { max-width: 40%; }
.navbar-toggle { margin-top: 20px; transition: all .2s;  }
nav.sticky .navbar-toggle { margin-top: 8px; }

.navbar-collapse.collapse { background: #fff; max-height: none;}

@media (min-width: 768px) {
	.navbar .navbar-brand { padding: 10px; }
	.navbar .navbar-brand img { max-height: 55px; height: 40px; }
	nav.sticky .navbar-brand img { max-height: 30px; }
}

@media (min-width: 991px) {
	.navbar-header { max-width: 18%; margin-top: 10px; transition: all .2s; position: absolute; }
	nav.sticky .navbar-header { margin-top: 0; }
	.navbar .navbar-brand { max-width: 100%; }
	.navbar-nav>li>a { font-size: 12px; padding: 10px 6px; line-height: 75px!important; }
	nav.sticky .navbar-brand { max-width: 100%; }
}

@media (min-width: 1200px) {
	.navbar-nav>li>a { font-size: 14px; padding: 10px 9px; }
}

@media (min-width: 1600px) {
	.navbar-nav>li>a { font-size: 16px; padding: 10px 15px; }
	.navbar .navbar-brand { padding: 0; }
	nav.sticky .navbar-brand { padding-top: 10px; }
	.navbar .navbar-brand img { height: auto; }
}

/*--------------------------------------------------------------
# Page Header
----------------------------------------------------------------*/
.page-header { position: relative; z-index: 99; }
.page-header .bg-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.page-header .bg-overlay.orange { background: rgba(255,67,56,.55); }
.page-header .bg-overlay.blue { background: rgba(58,100,139,.60); }
.page-header .row { width: 100%; }

.page-header.regular { padding: 6em 0 3em; margin-bottom: 0; }

.page-header .container{
	position: relative; z-index: 3;
	height: 100%;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
            justify-content:  center;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
            align-items:  center;
}


.hero-video-button { position: relative; max-width: 90%; margin: 1em auto; box-shadow: 5px 5px 5px rgba(0,0,0,.3); display: block; }
.hero-video-button img { position: relative; }

.hero-video-button .play-cover{
	display: block;
	border-radius: 50%;
	text-align: center;
	background: #39638a;
	color: #fff;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 25%;
	left: 41%;
	font-size: 21px;
	line-height: 50px;
}
.hero-video-button .button-cover i{
	padding: 10px;
	color: #2c243c;
	z-index: 100;
	font-size: 50px;
	width: 1.4em;
	text-align: right;
}
.hero-video-button .title-cover{
	display: block;
	background: rgba(255,66,67,.75);
	color: #fff;
	padding: 2px 10px;
	position: absolute;
	top: 65%;
	left: 5%;
	right: 5%;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
}




@media (min-width: 768px) {
	.hero-video-button { max-width: 490px; margin-top: 3em; }
	.hero-video-button .play-cover { height: 88px; width: 88px; line-height: 88px; font-size: 42px; }
	.hero-video-button .title-cover { font-size: 22px; left: 15%; right: 15%; }
	.page-header.regular h1 { font-size: 36px; line-height: 1.4; margin-bottom: 0; }
}

@media (min-width: 991px) {
	.hero-video-button { margin-top: 4.5em; z-index: 99;}
	.hero-video-button .play-cover { top: 30%; }
	.hero-video-button .title-cover { top: 70%; }
	a.hero-video-button.header-background-video{
	margin-top: -7em;
	margin-bottom: -7em;
}
}

@media (min-width: 1200px) {
	.hero-video-button { margin-top: 7.5em;}
	.page-header.regular { padding: 5em 0 4em; }
	.page-header.regular h1 { font-size: 48px; }
}

@media (min-width: 1600px) {
	.hero-video-button { margin-top: 5em;}
	.page-header.regular{ padding: 8em 0 4em; }
}

/*--------------------------------------------------------------
# Header
----------------------------------------------------------------*/
.page-header.hero { color: #fff; height: 500px; }
.page-header.background-video{overflow: hidden;}
.background-video .overlay {
    display: inline-block;
    width:  100%;
    height:  100%;
    position:  absolute;
    background: rgba(58, 100, 139, 0.6);
}
.page-header.hero h3, .page-header.regular h3 { font-weight: 300; color: #fff; }

.page-header.background-video h1{
	margin-top: 0 !important;
}

@media (min-width: 768px) {
	.page-header.hero { height: 600px; }
	.page-header.hero h3, .page-header.regular h3 { font-size: 22px; }
}
@media (min-width: 991px) {
	.page-header.hero { height: 500px; }
	.page-header.hero h1 { margin-top: 30%; }
	.page-header.hero h3, .page-header.regular h3 { font-size: 26px; }
}
@media (min-width: 1200px) {
	.page-header.hero { height: 600px; }
	.page-header.hero h1 { margin-top: 30%; }
	.page-header.hero h3, .page-header.regular h3 { font-size: 30px; }
}

@media (min-width: 1600px) {
	.page-header.hero { height: 650px; }
	.page-header.hero h1 { margin-top: 35%; }
}


/*--------------------------------------------------------------
# Funnel 1
----------------------------------------------------------------*/
section#funnel-1 a.image-btn{
    display: block;
    width: 85%;
    height: 120px;
	margin: 0 auto;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	color: #ffffff;
	font-weight: bold;
	font-size: 2em;
}
section#funnel-1 a.image-btn:hover,
section#funnel-1 a.image-btn:focus,
section#funnel-1 a.image-btn:active{
	color: #ffffff;
}
section#funnel-1 a.image-btn>img{
	-webkit-transition: .3s transform ease-out;
	-o-transition: .3s transform ease-out;
	transition: .3s transform ease-out;
}
section#funnel-1 a.image-btn:hover>img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
section#funnel-1 a.image-btn>p{
    position: absolute;
    top: 25%;
    width: 80%;
    text-align: center;
    margin: 0;
    display: block;
    margin-left: 10%;
    padding: 10px 0;
	border: 3px solid transparent;
	-webkit-transition: border-color .25s ease;
	-o-transition: border-color .25s ease;
	transition: border-color .25s ease;

}
section#funnel-1 a.image-btn:hover>p{
	border-color: #ffffff;
}

/*--------------------------------------------------------------
# Funnel 2
----------------------------------------------------------------*/
section#card-flip-funnel .funnel-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
section#card-flip-funnel .grid-item .card-grid {
	height: 100%
}
section#card-flip-funnel .grid-item .card-grid .front{
	padding: 1em;
}
section#card-flip-funnel .grid-item .card-grid .front p{
	color: #ffffff;
	font-weight: bold;
	font-size: 2em;
}


/*--------------------------------------------------------------
# Circle Funnels
----------------------------------------------------------------*/

/*Downloaded from https://www.codeseek.co/Alen/3-circle-venn-diagram-GJMgbK */
.diagram {
	position: relative;
	width: 300px;
	height: 300px;
	margin: 0;
	font-family: 'Libre Franklin', arial, sans-serif;
}
.content-container { position: relative; width: 300px; height: 300px; margin: 20px auto;}
.diagram div {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  pointer-events: none;
  position: absolute;
}

.innerw {
  left: 0px;
  top: 120px;
  overflow: hidden;
  position: absolute;
  /* border: solid; */
  z-index: 20;
  /* transform: translateZ(10px); */
  pointer-events: none;
}

.innerw2 {
  margin-left: 0px;
  top: 0px;
  overflow: hidden;
  position: static;
  /* border: solid; */
  /* z-index: 20; */
  pointer-events: none;
}

.innerw3 {
  margin-left: 120px;
  top: 0px;
  overflow: hidden;
  position: static;
  /* border: solid; */
  /* z-index: 20; */
  pointer-events: none;
}

.diagram .inner {
  margin-left: -60px;
  margin-top: -120px;
  background-color: #fc433a;
  z-index: 20;
  position: static;
  pointer-events: auto;
}

.diagram strong.center {
	display: block;
	color: #fff;
	font-weight: 800!important;
	text-transform: lowercase;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	z-index: 21;
	position: absolute;
	top: 154px;
	width: 50px;
	left: 124px;
}

.mwrap {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  z-index: 10;
}
.mwrap2 {
  position: static;
  margin-left: 0px;
  margin-top: 0px;
  overflow: hidden;
  pointer-events: none;
}
.mid {
  position: static;
  pointer-events: auto;
}
#midaw1 {
  left: 0px;
  bottom: 0px;
}
#mida {
  margin-left: 120px;
  margin-top: 0px;
}
#midbw1 {
  left: 120px;
  top: 120px;
}
#midb {
  margin-left: -60px;
  margin-top: -120px;
}
#midbw1 .mid { background-color: #9d7575; }
#midcw1 {
  left: 60px;
  top: 0;
}
#midc {
  margin-left: -60px;
  margin-top: 120px;
}
#midcw1 .mid { background-color: #6e86a8; }
.mid {
  background-color: lightblue;
  z-index: 15;
}
#midaw1 .mid { background-color: #b1a4ab; }
.mid:hover {
  background-color: blue;
}


#outer1 {
  left: 0px;
  bottom: 0px;
	background-color: #b1c3d7;
}

#outer2 {
  left: 120px;
  bottom: 0px;
	background-color: #ffaa95;
}
#outer3 {
  left: 60px;
  top: 0;
	background-color: #3a658f;
}
#outer1 strong, #outer2 strong, #outer3 strong { text-transform: lowercase; font-weight: 800!important; color: #fff; font-size: 18px; display: block; text-align: center; position: absolute;}
#outer1 strong { top: 75px; left: 0; right: 50px; }
#outer2 strong { top: 75px; left: 65px; right: 0; }
#outer3 strong { top: 70px; left: 0; right: 0; }
.outer {
  z-index: 1;
  pointer-events: auto;
}
.outer:hover {
  background-color: red;
}

#content1, #content2, #content3 {  width: 180px; height: 180px; border-radius: 50%; position: absolute; z-index: 9999999; }
#content1 .inner, #content2 .inner, #content3 .inner { width: 100%; height: 100%; margin: 0; display: none; border-radius: 50%; border: solid 2px #3a658f; background: #fff; color: #3a648b; text-align: center; font-size: 10px; padding: 2.5em 1em; position: absolute; z-index: 9999; }
#content1 h4, #content2 h4, #content3 h4 { font-size: 16px; font-weight: normal; margin: 0; }
#content1 { top: 0; left: 60px; }
#content1 h4 { color: #3a648b; }
#content2 {top: 120px; right: 0; left: auto; }
#content2 .inner {  color: #f94732; border-color: #f94732;  }
#content2 h4 { color: #f94732; }
#content3 {top: 120px; left: 0;  }
#content3 .inner { color: #000000; border-color: #adbfd3;  }
#content3 h4 { color: #000000; }

@media (min-width: 768px) {
	#circle-funnel { padding: 2em 0 0; }
	.content-container, .diagram { width: 400px; height: 400px; }
	.diagram div, #content1, #content2, #content3 {
	  width: 240px;
	  height: 240px;
	}
	#outer2 { left: 160px; }
	#outer3 { left: 80px; }
	#mida {
	  margin-left: 160px;
	  margin-top: 0px;
	}
	#midbw1 {
	  left: 160px;
	  top: 160px;
	}
	#midb {
	  margin-left: -80px;
	  margin-top: -160px;
	}
	#midcw1 {
	  left: 80px;
	  top: 0;
	}
	#midc {
	  margin-left: -80px;
	  margin-top: 160px;
	}
	.innerw {
	  top: 160px;
	}

	.innerw3 {
	  margin-left: 160px;
	}

	.diagram .inner {
	  margin-left: -80px;
	  margin-top: -160px;
	}
	#content1 { left: 80px; }
	#content2, #content3 { top: 160px; }
	.diagram strong.center { font-size: 14px; top: 205px; left: 175px; }
	#outer1 strong, #outer2 strong, #outer3 strong { font-size: 24px; }
	#outer1 strong { top: 105px; right: 70px; }
	#outer2 strong { top: 105px; left: 75px; }
	#outer3 strong { top: 90px; }
	#content1 .inner, #content2 .inner, #content3 .inner { font-size: 16px; padding: 4em 1.5em; }
	#content1 h4, #content2 h4, #content3 h4 { font-size: 18px; }
	#content2 .inner { padding-top: 2em; }
	#content3 .inner { padding-top: 3.5em; }
}

@media (min-width: 992px) {
		#circle-funnel { margin: 1em 0 -2em; padding: 0; }
		.venn-instructions { font-size: 90%; margin: 0 3em; }
		.diagram { margin: 0 auto 20px; }
		#circle-funnel .col-md-7 { padding-top: 3.5em; }
}

@media (min-width: 1200px) {
	.diagram { transition: all .2s; }
	.diagram:hover, .diagram.active { transform: scale(1.1); }
	#content1, #content2, #content3 { transform: scale(1.1); }
	#content1 { top: -8px; }
	#content2 { top: 168px; right: -8px; }
	#content3 { top: 168px; left: -8px; }
}

@media (min-width: 1600px) {
	#circle-funnel { padding: 2em 0 -2em; }
	#circle-funnel .col-md-7 { padding-top: 8em; padding-right: 3em; }
	.content-container, .diagram { width: 600px; height: 600px; }
	.diagram div, #content1, #content2, #content3 {
	  width: 360px;
	  height: 360px;
	}
	#outer2 { left: 240px; }
	#outer3 { left: 120px; }
	#mida {
	  margin-left: 240px;
	  margin-top: 0px;
	}
	#midbw1 {
	  left: 240px;
	  top: 240px;
	}
	#midb {
	  margin-left: -120px;
	  margin-top: -240px;
	}
	#midcw1 {
	  left: 120px;
	  top: 0;
	}
	#midc {
	  margin-left: -120px;
	  margin-top: 240px;
	}
	.innerw {
	  top: 240px;
	}

	.innerw3 {
	  margin-left: 240px;
	}

	.diagram .inner {
	  margin-left: -120px;
	  margin-top: -240px;
	}
	#content1 { left: 120px; top: -13px; }
	#content2, #content3 { top: 252px; }
	#content2 { right: -13px; }
	#content3 { left: -13px; }
	.diagram strong.center { font-size: 18px; top: 317px; left: 260px; width: 75px; }
	#outer1 strong, #outer2 strong, #outer3 strong { font-size: 30px; }
	#outer1 strong { top: 160px; right: 120px; }
	#outer2 strong { top: 160px; left: 130px; }
	#outer3 strong { top: 150px; }
	#content1 .inner, #content2 .inner, #content3 .inner { font-size: 20px; padding: 6em 1.5em; }
	#content1 h4, #content2 h4, #content3 h4 { font-size: 22px; }
	#content2 .inner { padding: 4.5em 2em; }
	#content3 .inner { padding: 5em 2em;}
}

.the-funnels { margin-top: 1em; }
.the-funnels .funnel { display: block; position: relative; border-radius: 10%; overflow: hidden; margin-bottom: 1em; }
.the-funnels .funnel img.background { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.the-funnels .funnel .description { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(58,100,139,.75); color: #fff; padding: 10px 20px; font-size: 24px;  }
.the-funnels .funnel .description img { float: left; margin-right: 10px; max-width: 20%; }
.the-funnels .funnel .description h4 { font-size: 24px; clear: none; padding-top: .25em; color: #fff; }
.the-funnels .funnel .description .side-two { display: none; }

@media (min-width: 768px) {
	.the-funnels .funnel {
		 border-radius: 0;
	  -webkit-mask-image: url(images/funnel-mask.png);
	  mask-image: url(images/funnel-mask.png);
	  -webkit-mask-position: center center;
	  mask-position: center center;
	  -webkit-mask-repeat: no-repeat;
	  mask-repeat: no-repeat;
		-webkit-mask-size: cover;
		mask-size: cover;
	}
	.the-funnels .funnel .description { padding: 5% 10% 27%; }
	.the-funnels .funnel .description h4 { font-size: 22px; padding-top: .05em; }
}

@media (min-width: 992px) {
	.the-funnels .funnel img.background, .the-funnels .funnel .description { transition: all .2s; }
	.the-funnels .funnel:hover img.background { -webkit-filter: none; filter: none; }
	.the-funnels .funnel:hover .description { background: rgba(255,67,56,.75); }
	.the-funnels .funnel .description h4 { font-size: 28px; }
	.the-funnels .funnel .description h5 { font-size: 36px; font-weight: 600; margin-top: .5em; clear: none; line-height: 58px;}
	.the-funnels .funnel:hover .description h4 { display: none; }
	.the-funnels .funnel:hover .description h5 { display: block; }
	.the-funnels .funnel .description img { margin-right: 20px; }
}

@media (min-width: 1200px) {
	.the-funnels .col-lg-5 { padding-left: 3em; padding-right: 0; }
	.the-funnels .col-lg-5:last-of-type { padding-left: 0; padding-right: 3em; }
	.the-funnels .funnel .description h4 { font-size: 26px; }
	.the-funnels .funnel .description h5  { font-size: 30px; line-height: 57px; }
}

@media (min-width: 1600px) {
	.the-funnels .col-lg-5 { padding-left: 6em; padding-right: 0; }
	.the-funnels .col-lg-5:last-of-type { padding-left: 0; padding-right: 6em; }
.the-funnels .funnel .description h4 { font-size: 34px; }
.the-funnels .funnel .description h5 { font-size: 40px; line-height: 74px;}
}

/*--------------------------------------------------------------
# Logo scroll
----------------------------------------------------------------*/

#makeMeScrollable div.scrollableArea *
{
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;

}

.logo-scroll { height: 100px; overflow: hidden; }
.logo-scroll img { max-height: 100px; }

@media (min-width: 991px) {
	.logo-scroll { height: 149px; }
	.logo-scroll img { max-height: 149px; margin-left: 15px; margin-left: 15px; }
}

/*--------------------------------------------------------------
# Content
----------------------------------------------------------------*/
.regular {
	margin: 2em 0;
}

.regular .image { padding-bottom: 1em; text-align: center; }

@media (min-width: 992px){
	#meetings-two .circle-container { top: 6em; }
}

@media (min-width: 1200px) {
	.regular { margin: 3em 0; }
	#meetings-two { margin-top: -2em;}
	#meetings-two .circle-container { top: 8em; }
	.regular .copy { padding-top: 1em;  }
}

@media (min-width: 1600px) {
	.regular { margin:0 0 4em 0; }
	.two-column { margin-top: 4em; }
	#consulting-one { margin: 0 0 6em; }
	.regular .copy { padding-top: 4.5em; padding-right: 1.5em;  }
	.page-id-1383 .regular .copy { padding-top: 0; }
	.page-id-1383 .regular .copy.column1 { padding-left: 20%; }
	.regular .text-center h3 { margin-bottom: -1em; }
	#meetings-two { margin-top: -4em;}
	#meetings-two .circle-container { top:8em; }
	#meetings-one { margin-top: 0; }
	#meetings-one .circle-container  {top: 6.5em; }
}

#solutions {
	margin: 2em 0;
}
#solutions .solution { position: relative; margin-bottom: 1em; }
#solutions .circle-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center center; background-size: cover; }
#solutions .solution .container { padding-top: 1em; padding-bottom: 1em; position: relative; }
#solutions .solution .container h3 { color: #fff; }
#solutions .solution.blue .container { background: rgba(58,100,139,.75); color: #fff; }
#solutions .solution.orange .container { background: rgba(255,67,56,.75); color: #fff; }
#solutions h4 { color: #fff; }

@media(max-width : 767px){
	.page-id-891 .page-header{background-position-x:-254px; }
}

@media (min-width: 768px) {
	#solutions { margin: 4em 0; }
	#solutions .right .circle-background { left: auto; top: 3em; bottom: auto; right: -15px; width: 50%; border-radius: 100%; padding-bottom: 50%;}
	#solutions .left .circle-background { left: -15px; top: 7em; bottom: auto; right: -15px; width: 42%; border-radius: 100%; padding-bottom: 42%;}
	#solutions .solution .container { background: none transparent!important; padding-top: 0; padding-bottom: 0; }
	#solutions .solution.right .container h3 { color: #ff4338; margin-top: 3em; font-size: 28px; text-align: right; }
	#solutions .solution.left .container h3 {  font-size: 28px; margin-left: 1em; margin-right: 1em;  }
	#solutions .solution.left .container h4 { font-weight: 400; font-size: 18px; margin: 0 2em 0;}
	#solutions .solution .circle-content { position: relative; width: 100%; padding-bottom: 100%; }
	#solutions .solution.blue .circle-content { background: #3a648b; border-radius: 100%; }
	#solutions .solution.orange .circle-content { background: #ff4338; border-radius: 100%; }
	#solutions .solution .circle-content .inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 7em 3em 0 2em; }
	#solutions .solution:last-child .circle-content .inner { padding-top: 5em; }
	.page-id-891 #solutions .solution:last-child .circle-content .inner { padding: 8.5em 2em 0; }
	#solutions .solution.orange .circle-content .inner { text-align: center; padding: 5em 2em 3em; }
	.page-id-891 #solutions .solution.orange .circle-content .inner { text-align: left; }
	.page-id-891 #solutions .solution.orange .circle-content .inner h3 { text-align: center; }
}

@media (min-width: 992px) {
	#solutions { margin: 4em 0 -4em; }
	#solutions ul li { margin-bottom: 1em; }
	#solutions .solution { padding-top: 5em; }
	#solutions .solution.orange { padding-top: 7.5em; margin-bottom: -13em; margin-top: -4em; }
	#solutions .solution:last-child { padding-top: 14em; }
	#solutions .solution .circle-content .inner { padding: 6.5em 3em 0 2em; }
	#solutions .solution:last-child .circle-content .inner { padding: 6em 2em 0 2em; font-size: 16px; }
	#solutions .solution.left .container h3 { margin-left: 2em; margin-right: 2em; }
	#solutions .solution.right .container h3 { margin-top: 4.5em; }

	.page-id-891 #solutions .right .circle-background { top: 0; }
	.page-id-891 #solutions .left .circle-background{ top: 4em; }
	.page-id-891 #solutions .solution .circle-content .inner { padding-top: 5em; }
	.page-id-891 #solutions .solution:last-child .circle-content .inner { padding: 10em 3em 0; }
	.page-id-891 #solutions .solution:nth-child(2) ul li { margin-bottom: 0; }
	.page-id-891 #solutions .solution:last-child ul li { margin-bottom: .5em; }
}

@media(min-width: 1200px) {
	#solutions { margin: 5em 0 -4em; }
		#solutions .solution.orange  { margin-bottom: -8em; }
	#solutions .right .circle-background { width: 45%; padding-bottom: 45%; }
	#solutions .left .circle-background { width: 36%; padding-bottom: 36%; }
	/* #solutions .solution.orange .circle-content .inner { padding-top: 7em; }*/
	#solutions .solution:last-child .circle-content .inner { padding-top: 5em; font-size: 18px; }
	.home #solutions .solution:last-child .circle-content .inner{
		font-size: 16px;
	}
	#solutions .solution.right .container h3 { font-size: 36px; margin-top: 3.5em;  }
	#solutions .solution.left .container h3 { font-size: 36px; }
	#solutions .solution.left .container h4 { font-size: 22px; }
	.home #solutions .solution .circle-content .inner{font-size: 18px}
	#solutions .solution .circle-content .inner{padding-top: 5em; }

	.page-id-891 #solutions .solution .circle-content .inner { padding: 6.5em 4em 0px 3em; }
	.page-id-891 #solutions .solution:last-child .circle-content .inner { padding: 11em 4em 0; }
	.page-id-958 .regular .image { padding-top: 1em; }
}

@media(min-width: 1600px) {
	#solutions { margin: 6em 0 -2em; }
	#solutions .container-fluid { max-width: 2000px; }
	#solutions .solution .circle-content .inner{ padding-top: 9.5em; }
	#solutions .solution.orange .circle-content .inner { padding: 9em 3em 2em; }
	#solutions .solution:last-child .circle-content .inner { padding-top: 6.5em; font-size: 20px; }
	#solutions .solution.right .container h3 { font-size: 48px; margin-top: 3em;  }
	#solutions .solution.left .container h3 { font-size: 48px; margin-left: .75em; margin-right: .75em;  }
	#solutions .solution.left .container h4 { font-size: 24px; margin-left: 3em; margin-right: 3em; }
	
	.page-id-612 #solutions .solution .circle-content .inner{padding-top: 11.5em;}

	.page-id-891 #solutions .solution .circle-content .inner { padding: 8em 6em 0px 4em; }
	.page-id-891 #solutions .solution.orange .circle-content .inner { padding: 10em 3.5em 2em; }
	.page-id-891 #solutions .solution:last-child .circle-content .inner { padding: 11.5em 3em 0 4em; }
}

@media (min-width: 1800px) {
		#solutions { margin: 6em 0 0; }
		#solutions .right .circle-background { width: 750px; padding-bottom: 0; height: 750px; }
		#solutions .left .circle-background { width: 650px; padding-bottom: 0; height: 650px; }
}

@media (min-width: 2000px) {
		#solutions { margin: 4em 0 0; }
}

/*--------------------------------------------------------------
# Lead Capture
----------------------------------------------------------------*/
#lead-capture { margin: 2em 0 0; padding: 0; }
#book-lead-capture { margin: 2em 0 0; padding: 2em 0 0; }
#lead-capture .circle-background { margin-bottom: 1em; z-index: 2; }
#lead-capture .container { position: relative; z-index: 3; }
#lead-capture h3 { margin-bottom: 0; }
#lead-capture label, #book-lead-capture label { display: none; }
#lead-capture .gform_wrapper { position: relative; z-index: 3; }
#lead-capture .gform_wrapper ul li.gfield { margin-top: 0; margin-bottom: 1.5em; }
#lead-capture .gform_wrapper .gform_footer { margin-top: 0; padding-top: 0; }
#book-thanks { padding: 2em 0; }
#contact, #legal { margin: 2em 0; }
#contact .gform_wrapper { margin: 0; }
.gdpr-consent label#label_1_3_1{
	color: #3a648b;
	display: inline-block;
}

@media (min-width: 768px) {
	#lead-capture { position: relative; }
	#lead-capture .circle-background { position: absolute; right: 0; bottom: 0; border-radius: 100%; overflow: hidden; width: 50%; padding-bottom: 50%; }
	#lead-capture .circle-background img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
	#lead-capture .gform_wrapper .gform_footer { background: url(images/pdf-icon.png) no-repeat 42% 0; background-size: 45px;}
	#book-intro { margin-bottom: -1rem!important; font-size: 125%; }
	#book-lead-capture { padding-bottom: 2em; }
	#book-lead-capture .gform_wrapper .gform_body { width: 75%; float: left; }
	#book-lead-capture ul li.gfield, #book-lead-capture .ginput_container  { margin-top: 0; }
	#book-lead-capture .gform_wrapper .gform_footer { width: 24%; float: right; clear: none; margin-top: 0; padding-top: 0; }
	#sitemap h4 { font-size: 20px; }
}

@media (min-width: 992px) {
	#lead-capture { margin: 4em 0 0; padding: 0 0 4em; }
	#contact, #legal { margin: 4em 0; }
	#lead-capture .circle-background { bottom: -18em; }
	#book-lead-capture { padding: 4em 0; }
	#book-lead-capture .button { width: 100%; }
	#book-thanks { padding: 4em 0; }
	#podcast-intro .circle-container { top: 1em; }
	#sitemap { margin: 4em 0; }
	#sitemap h4 { font-size: 24px; }
}

@media (min-width: 1200px) {
	#lead-capture .circle-background { width: 45%; padding-bottom: 45%; bottom: -24em; }
	#lead-capture h3 { margin-right: 2em; }
	#lead-capture h4 { font-size: 30px; }
	#lead-capture .gform_wrapper { margin-top: 5em; }
	#lead-capture .gform_wrapper .gform_footer { background-size: 50px; background-position: 75% 0; }
	#book-intro { margin-bottom: -2em!important; }
	#book-lead-capture { margin-top: -1em; }
}

@media (min-width: 1600px) {
	#lead-capture h4 { font-size: 36px; }
	#lead-capture .container-fluid { max-width: 2000px; position: relative;}
	#lead-capture { margin: 4em 0 0; padding: 0 0 4em; }
	#lead-capture .circle-background { bottom: -32em; }
	#lead-capture .gform_wrapper { margin-top: 0; }
	#lead-capture .gform_wrapper .gform_footer { background-size: 60px; background-position: 50% -4px; }
	#book-intro { margin-bottom: 2em!important; font-size: 120%; }
	.page-id-958 .regular .text-center h3 { margin-bottom: .25em; }
	.page-id-958 .regular .copy { padding-top: 1em; }
	#podcast-intro { margin-bottom: 2em; }
	#podcast-intro .circle-container { top: 2.5em; }

}

@media (min-width: 1800px) {
	#lead-capture .circle-background { width: 750px; padding-bottom: 0; height: 750px; bottom: -34em; }
}
/*--------------------------------------------------------------
# About
----------------------------------------------------------------*/
@media(min-width: 1600px){
	#bottom-about .circle-background{top: 25%;}
}

/*--------------------------------------------------------------
# Book
----------------------------------------------------------------*/
#the-book { padding: 3em 0 2em 0; overflow: hidden; z-index: 5; }
#the-book .circle-background { display: none; }
#the-book img { max-width: 80%; margin-bottom: 1em; }
#the-book .button { margin-top: 1em; }
#the-book h3 { margin-bottom: 0; }
#book-intro { margin: 2em 0 0; }

@media (min-width: 768px) {
	#the-book { position: relative; }
	#the-book .circle-background { display: block; position: absolute; left: 0; bottom: -7%; border-radius: 100%; overflow: hidden; width: 50%; padding-bottom: 50%; }
	#the-book .circle-background img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; margin: 0; }
	#the-book img { max-width: 100%; margin-bottom: 0; margin-top: 5em; }
	#the-book h3 { font-size: 30px; }
	#the-book h4 { font-size: 24px; }
}

@media (min-width: 992px) {
	#the-book { padding: 4em 0; }
	#the-book .circle-background { width: 55%; padding-bottom: 55%; bottom: -25em; }
	#the-book img { margin-top: 3.5em; }
	#the-book h3 { font-size: 34px; }
	#the-book h4 { font-size: 28px; }
}

@media (min-width: 1200px) {
	#the-book .circle-background { width: 50%; padding-bottom: 50%; bottom: -30em; }
	#the-book h3 { font-size: 40px; }
	#the-book h4 { font-size: 32px; }
	#the-book .button { margin-top: 2em; }
}

@media (min-width: 1600px) {
	#the-book .container-fluid { max-width: 2000px; position: relative;}
	#the-book .circle-background { bottom: -36em; }
	#the-book h3 { font-size: 48px; }
	#the-book h4 { font-size: 36px; }
	#the-book .button { margin-top: 7.75em; }
}

@media (min-width: 1800px) {
	#the-book .circle-background { width: 850px; padding-bottom: 0; height: 850px; bottom: -36em; }
}

/*--------------------------------------------------------------
# Keynotes
----------------------------------------------------------------*/
#keynotes { padding: 2em 0; }
#keynotes .top-image { margin-bottom: 1em; }
#keynotes h4 { color: #ff4338; }
	#keynotes .icon, #keynotes-list .icon { background: #ff4338; border-radius: 100%;margin-bottom: 5px; }

@media (min-width: 768px) {
	 #keynotes-list .icon { width: 80%; margin: 0 auto 1em; }
	#keynotes h3 { margin-bottom: 1em; }
	#keynotes h4 { font-size: 20px; }
	#keynotes-list h4 { margin-top: .65em; font-size: 20px;}
	#keynotes-list p { margin-top: 1em;  }
}

@media (min-width: 992px) {
	#keynotes-list { padding: 0 0 2em 0; }
	#keynotes .hidden-sm { display: none!important; }
	#keynotes-list .icon { width: 100%; }
	#keynotes h4 { font-size: 22px; }
	#keynotes .row { position: relative; }
	#keynotes .circle-background { display: block; position: relative;; top: 10em; border-radius: 100%; overflow: hidden; width: 100%; padding-bottom: 100%; }
	#keynotes .circle-background img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; margin: 0; }
	#keynotes-list .col-sm-10 { padding: 0; }
}

@media (min-width: 1200px) {
	#keynotes h4 { font-size: 24px; }
	#keynotes .hidden-xs.col-sm-2 { padding: 0; }
	#keynotes .visible-md { display: block!important; }
	#keynotes .circle-background { width: 500px; height: 500px; float: right; padding-bottom: 0; }
}

@media (min-width: 1600px) {
	#keynotes .circle-background { width: 588px; height: 588px; float: right; padding-bottom: 0; top: 8em; }
	#keynotes .col-lg-10 h4, #keynotes .col-lg-10 p { margin-left: 20px; margin-right: 30px; }
	#keynotes .col-lg-10 { padding-bottom: 1em; }
}

.image-block { padding: 2em 0 1em 0; }
.image-block .circle-background { margin-bottom: 1em; }
.image-block .circle-background img { width: 100%; }
.image-block li { margin-bottom: 1em; }

@media (min-width: 768px) {
		.image-block { position: relative; }
		.page-id-891 .image-block { margin-bottom: 2em; }
		.image-block .circle-background { display: block; position: absolute; left: -14%; bottom: 1%; border-radius: 100%; overflow: hidden; width: 50%; padding-bottom: 50%; }
		.page-id-891 .image-block .circle-background { left: -15%; bottom: -3%; }
		.image-block .circle-background img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; margin: 0; }
		.page-id-926 .image-block .circle-background { left: -16%; bottom: 15%; }
		.page-id-943 .image-block .circle-background { bottom: -4%; }
}

@media (min-width: 992px) {
	.image-block { padding: 3em 0 2em 0; }
	.image-block .circle-background { bottom: -48%; left: -16%; }
	.page-id-891 .image-block { margin-bottom: 4em; }
	.page-id-891 .image-block .circle-background { bottom: -74%; }
	.page-id-926 .image-block .circle-background { /* bottom: -21%; */ }
	.page-id-943 .image-block .circle-background { bottom: -36%; }
}

@media (min-width: 1200px) {
	.image-block .circle-background { left: auto; right: 65%; width: 660px; height: 660px; padding: 0; bottom: auto; top: 35%; }
	.page-id-891 .image-block .circle-background { left: auto; right: 65%; bottom: auto; top: 54%; }
	.page-id-926 .image-block .circle-background { left: auto; right: 64%; bottom: auto; top: 25%; }
	.page-id-943 .image-block .circle-background { bottom: auto; top: 12%; right: 63%; }
}

@media (min-width: 1600px ) {
	.image-block .container-fluid { max-width: 2000px; position: relative;}
	.image-block .circle-background { width: 750px; height: 750px; top: 15%;  }
	.page-id-891 .image-block { margin-bottom: 6em; }
	.page-id-891 .image-block .circle-background { right: 67%; }
	.page-id-926 .image-block .circle-background { right: 66%; top: 12%; }
	.page-id-943 .image-block .circle-background { top: -15%; right: 66%; }
}

@media (min-width: 2000px) {
	.image-block .circle-background { right: 63%;  }
}

/*--------------------------------------------------------------
# Speaker Callout
----------------------------------------------------------------*/
#speaker-callout { padding: 2em 0; }
#speaker-callout h3 { margin-bottom: 1em; }
#speaker-callout .button { width: 100%; text-align: center; padding: .75em 1em; }
#speaker-callout .col-sm-6 { margin-bottom: 1em; }
#speaker-callout .callout-card .inner { background: #f0f0f0; border: solid 2px #ff4338; border-top: none; padding: 1em; }
#speaker-callout .button[aria-expanded=true] { background: #fff; color: #ff4338; }
#speaker-callout #in-action .hero-video-button { box-shadow: none; max-width: 100%; transition: all .2s; }
#speaker-callout #in-action .hero-video-button .play-cover { top: 31%; left: 40%; }
#speaker-callout #in-action .hero-video-button:hover { opacity: .8; }
#speaker-callout #headshots a { display: block; margin-bottom: 1em; position: relative; }
#speaker-callout #headshots a:before { content: ''; transition: all .2s; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#speaker-callout #headshots a:hover:before {  background: rgba(255,255,255,.6); }
#speaker-callout #bio a, #speaker-callout #intro a, #speaker-callout #in-action a { color: #000; text-transform: uppercase; font-weight: 400; display: block; line-height: 1.2; }
#speaker-callout #bio .col-xs-9, #speaker-callout #intro .col-xs-9 { padding-top: .55em; }
#speaker-callout #bio a:hover, #speaker-callout #intro a:hover, #speaker-callout #in-action a:hover { color: #ff4338; }
#speaker-callout #bio .row, #speaker-callout #intro .row, #speaker-callout #in-action .row { margin-bottom: 1em; }
#speaker-callout #bio .icon, #speaker-callout #intro .icon { position: relative; text-align: center; padding-right: 0; }
#speaker-callout #bio .icon .far, #speaker-callout #intro .icon .far { color: #808080; font-size: 48px; }
#speaker-callout #bio a:hover .icon .far, #speaker-callout #intro a:hover .icon .far { color: #ff4338; }
#speaker-callout #bio .icon span, #speaker-callout #intro .icon span { position: absolute; top: 40%; left: 15px; right: 0; display: block; text-align: center; text-transform: uppercase; color: #ff4338; font-size: 12px;  font-weight: 600; }
#speaker-callout ul.callout-videos{
	list-style: none;
	padding: 0;
}
#speaker-callout ul.callout-videos li{
	margin-bottom: 10px;
}
#speaker-callout ul.callout-videos li i{
	background: #39638a;
    width: 2em;
    height: 2em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50%;
	margin-right: 10px;
}

@media (min-width: 768px) {
	#speaker-callout .callout-buttons .col-sm-6:nth-child(3) { clear: left!important; }
	#speaker-callout #in-action .hero-video-button { margin: 1em; }
	#speaker-callout #bio .inner { padding: 2.5em 4em; height: 222px; }
	#speaker-callout #intro .inner { padding: 9.5em 4em; height: 376px;  }
	#speaker-callout #bio .row, #speaker-callout #intro .row, #speaker-callout #in-action .row { margin-bottom: 1.25em; }
	#speaker-callout #headshots .inner { padding: 1em 2.5em; }
}

@media (min-width: 992px) {
	#speaker-callout { padding: 4em 0 6em; }
	#speaker-callout .callout-buttons .col-sm-6:nth-child(3) { clear: none!important; }
	#speaker-callout .button { padding: .75em 0; font-size: 16px; }
	#speaker-callout #in-action .inner { padding: 4em 1em; height: 259px; }
	#speaker-callout #in-action .hero-video-button { margin: 0; }
	#speaker-callout #in-action .hero-video-button .play-cover { height: 50px; width: 50px; line-height: 52px; font-size: 24px; top: 26%; left: 34%; }
	#speaker-callout #headshots .inner { padding: .5em 1.5em; height: 259px; }
	#speaker-callout #headshots .col-xs-6 { padding-left: 5px; padding-right: 5px; }
	#speaker-callout #headshots a { margin-bottom: .5em; }
	#speaker-callout #intro .inner { padding: 5.5em 1em; height: 259px; }
	#speaker-callout #bio a, #speaker-callout #intro a { font-size: 15px; }
	#speaker-callout #bio .inner { padding: 3.5em 1em; height: 259px; }
}

@media (min-width: 1200px) {
	#speaker-callout .inner { height: 298px!important; }
	#speaker-callout .button { font-size: 18px;  }
	#speaker-callout #headshots .inner { padding: 1.5em 2.5em 1em; }
	#speaker-callout #bio a, #speaker-callout #intro a { font-size: 18px; }
	#speaker-callout #bio .col-xs-9, #speaker-callout #intro .col-xs-9 { padding-top: .25em; }
	#speaker-callout #bio .inner { padding: 4em 1em; }
}

@media (min-width: 1600px) {
	#speaker-callout { padding-top: 6em; }
	#speaker-callout .button { font-size: 20px; }
	#speaker-callout #headshots .col-xs-6 { padding-left: 10px; padding-right: 10px; }
	#speaker-callout #headshots a { margin-bottom: 1em; }
	#speaker-callout .inner { height: 426px!important; }
	#speaker-callout #bio .icon .far, #speaker-callout #intro .icon .far{ font-size: 60px; }
	#speaker-callout #bio .icon span, #speaker-callout #intro .icon span { top: 45%; font-size: 14px; }
	#speaker-callout #bio a, #speaker-callout #intro a { font-size: 20px; }
	#speaker-callout #bio .col-xs-9, #speaker-callout #intro .col-xs-9 { padding-top: .5em; }
	#speaker-callout #intro .inner { padding: 8em 3em; }
	#speaker-callout #bio .inner { padding: 6em 3em; }
	#speaker-callout #in-action .inner { padding: 6em 3em; }
}

/*--------------------------------------------------------------
# Testimonials
----------------------------------------------------------------*/

#testimonial-slider { padding: 2em 0; overflow: hidden; }
#testimonial-slider blockquote { max-width: 80%; margin: 1em auto; padding: 1.5em 1.5em 12em; height: 100%; position: relative; text-align: center; height: 675px; }
#testimonial-slider p { position: relative; font-size: 14px; }
#testimonial-slider p:first-child::before { line-height: 1; color: #3a648b; font-family: 'Libre Franklin', arial, sans-serif; font-weight: 800; opacity: .15; position: absolute; top: -.2em; left: -.2em; font-size: 96px; content: "\201C"; }
#testimonial-slider p:last-of-type::after { line-height: 1; color: #3a648b; font-family: 'Libre Franklin', arial, sans-serif; font-weight: 800; opacity: .15; position: absolute; bottom: -.65em; right: -.2em; font-size: 96px; content: "\201D"; }
#testimonial-slider footer::before { content: none; }
#testimonial-slider footer { color: #3a648b; text-transform: uppercase; font-size: 80%; position: absolute; bottom: 2.5em; left: 1em; right: 1em; }
#testimonial-slider footer .company { font-weight: 400; }
#testimonial-slider .circle-container { display: inline-block; border-radius: 100%; overflow: hidden; max-width: 50%; margin-bottom: .5em; }
#testimonial-slider .slide-container { position: relative; }
#testimonial-slider .slide-container .slide-controls { position: absolute; top: 40%; left: 0; font-size: 30px; color: #ff4338; }
#testimonial-slider .slide-container .slide-controls.slide-next { left: auto; right: 0; }

@media (min-width: 768px) {
	#testimonial-slider blockquote { height: 425px; }
	#testimonial-slider .circle-container { padding-bottom: 0; width: 25%; max-width: 125px; }
	#testimonial-slider .circle-container img { position: static; }
}

@media (min-width: 992px) {
	#testimonial-slider { padding: 0 0 4em 0; }
	#testimonial-slider blockquote { max-width: 100%; padding-bottom: 14em; height: 625px; padding: 1.5em 1.25em 14em;  }
	#testimonial-slider p { font-size: 16px; }
	#testimonial-slider .slide-container .slide-controls.slide-prev { left: -5%; }
	#testimonial-slider .slide-container .slide-controls.slide-next { right: -5%; }
	#testimonial-slider .slide-container .item { transform: scale(.8); opacity: .4; transition: .5s all!important; }
	#testimonial-slider .slide-container .center .item { transform: scale(1); opacity: 1; }
	#testimonial-slider .circle-container { top: 0; width: 40%; }
	#testimonial-slider .owl-carousel .owl-dots.disabled, #testimonial-slider .owl-carousel .owl-nav.disabled { display: block; }
}

@media (min-width: 1200px) {
	#testimonial-slider blockquote { max-width: 100%;  height: 625px; padding: 1.5em 1.5em 14em;  }
	#testimonial-slider p { font-size: 18px; }
	#testimonial-slider .circle-container { max-width: 100px; }
}

@media (min-width: 1600px) {
	#testimonial-slider blockquote { max-width: 100%;  height: 640px; padding: 2em 2em 16em;  }
	#testimonial-slider p { font-size: 20px; }
	#testimonial-slider .circle-container { max-width: 150px; }
}

/*--------------------------------------------------------------
# Testimonials
----------------------------------------------------------------*/
#testimonials { padding: 1em 0 2em 0; }
#testimonials blockquote { background: #f0f0f0; margin: 0 auto 1em; width: 90%; padding: 1em  1.5em; border: none; }
#testimonials blockquote img { width: 100%; margin: 0 0 1em; }
#testimonials p { position: relative; font-size: 14px; }
#testimonials p:first-child::before { line-height: 1; color: #3a648b; font-family: 'Libre Franklin', arial, sans-serif; font-weight: 800; opacity: .15; position: absolute; top: -.2em; left: -.2em; font-size: 96px; content: "\201C"; }
#testimonials p:last-of-type::after { line-height: 1; color: #3a648b; font-family: 'Libre Franklin', arial, sans-serif; font-weight: 800; opacity: .15; position: absolute; bottom: -.65em; right: -.2em; font-size: 96px; content: "\201D"; }
#testimonials footer::before { content: none; }
#testimonials footer { color: #3a648b; text-transform: uppercase; font-size: 80%; text-align: center; }
#testimonials footer .company { font-weight: 400; }
#client-list { padding: 1em 0 2em 0; }
#client-list ul.client-list { margin-bottom: 0; }

@media (min-width: 768px) {
	#testimonials footer { text-align: right; }
}

@media (min-width: 992px) {
	#testimonials blockquote { padding: 2em 2em 1.5em; }
	#testimonials p { font-size: 16px; }
	#testimonials footer { margin-top: 2em; }
}

@media (min-width: 1200px) {
	#testimonials p { font-size: 18px; }
}

@media (min-width: 1600px) {
	#testimonials p { font-size: 20px; }
}


/*--------------------------------------------------------------
# CTA
----------------------------------------------------------------*/
#call-to-action { padding: 2em; position: relative; z-index: 9; overflow: hidden; }
#call-to-action a { color: #fff; text-decoration: none!important; }
#call-to-action h2 { margin-bottom: .25em; }
#call-to-action h3 { font-weight: 400; color: #fff; font-size: 18px; }
#call-to-action ol { list-style: none; counter-reset: custom-counter; font-family: 'Libre Franklin', arial, sans-serif; padding: 0; margin: 1em 0;  }
#call-to-action ol li:before { content: counter(custom-counter)'.'; counter-increment: custom-counter; font-weight: 600; margin: 0 .25em 0 0;  }
#call-to-action img { max-width: 75px; }
@media( max-width : 767px ){
	#call-to-action .col-sm-6{text-align: center;}
}

@media (min-width: 768px) {
	
	#call-to-action h3 { font-size: 20px; }
	#call-to-action ol { margin: 1.5em 0; font-size: 20px; }
	#call-to-action ol li { margin-right: .5em; }
	#call-to-action ol li:before { font-size: 125%; }
	#call-to-action img { max-width: 100px; }
}

@media (min-width: 992px) {
	#call-to-action { padding: 4em 0 3em; }
	#call-to-action a .top { transition: all .2s; }
	#call-to-action a:hover .top { transform: scale(1.1); }
	#call-to-action h3 { font-size: 28px; }
	#call-to-action ol { margin: 1.5em 0 2.5em; font-size: 24px; margin-top: 0; margin-bottom: 0;  }
	#call-to-action img { max-width: 125px; }
}

@media (min-width: 1200px) {
	#call-to-action h2 { margin-bottom: .1em; }
	#call-to-action h3 { font-size: 32px; }
	#call-to-action ol { font-size: 28px; }
	#call-to-action img { max-width: 160px; }
}

@media (min-width: 1600px) {
	#call-to-action h3 { font-size: 36px; }
	#call-to-action ol  { font-size: 32px; }
	#call-to-action img { max-width: 200px; }
}

/*--------------------------------------------------------------
# Footer
----------------------------------------------------------------*/

.site-footer { background: #f0f0f0; }
.site-footer .footer-lead-capture { background: #ff4338; color: #fff; padding-top: 2em; padding-bottom: 2em; }
.site-footer .footer-lead-capture h4 { color: #fff; }
.site-footer .footer-lead-capture img { max-width: 35%; margin-left: 1em;  }
.site-footer .footer-lead-capture label { display: none!important; }
.site-footer .footer-lead-capture input[type=text], .site-footer .footer-lead-capture input[type=email] { border: none; padding: .25em .5em!important; }
.site-footer .footer-lead-capture .footer-gdpr-consent #label_3_3_1{
	display: inline-block!important;
	color: #ffffff;
	font-weight: lighter;
}
.site-footer .gform_wrapper .gform_footer { padding: 0; }
.site-footer .navbar-foot { padding-top: 2em; padding-bottom: 2em; }
.site-footer .navbar-foot .widget { display: block; margin: 0; }
.site-footer .navbar-foot ul { margin: 0; padding: 0; }
.site-footer .navbar-foot a { font-size: 14px; color: #000; font-weight: 400; text-transform: uppercase;}
.site-footer .navbar-foot a:hover { color: #ff4338; text-decoration: none; }
.site-footer .contact { padding-top: 2em; padding-bottom: 2em; }
.site-footer .contact img { max-width: 85%; }
.site-footer .contact a { color: #000; }
.site-footer .contact .address, .site-footer .contact .phone { font-weight: 400; color: #000000; }
.site-footer .contact .social-links a { display: inline-block; margin: 0 5px; }
.site-footer .contact .social-links a i { transition: all .2s; font-size: 1.6em; }
.site-footer .contact .social-links a:hover i { color: #ff4338!important; }
.site-info { background: #3a648b; color: #fff; font-size: 75%; text-align: center;  }
.site-info a { color: #fff; }
.site-info a:hover { text-decoration: underline;}

@media (min-width: 768px) {
	.site-footer .footer-lead-capture h4 { font-size: 20px; }
	.site-footer .footer-lead-capture .gform_wrapper { margin-top: 0; }
	.site-footer .footer-lead-capture .gform_wrapper li.gfield:first-child { margin-top: 0!important; }
	.site-footer .footer-lead-capture img { max-width: 100%; margin-left: 0; margin-right: -15px;  }
	.site-footer .footer-lead-capture .image { padding-left: 0; }
	.site-footer .navbar-foot li { margin-bottom: .25em; }
	.site-footer .contact { text-align: right; }
}

@media (min-width: 992px) {
		.site-footer { position: relative; overflow: hidden;}
		.site-footer .footer-lead-capture { margin-left: 0; margin-right: 0; position: relative; z-index: 3; font-size: 16px; }
		.site-footer .footer-lead-capture h4 { font-size: 18px; }
		.site-footer .footer-lead-capture:after { content: ''; display: inline-block; border-radius: 200%; background: #ff4338; width: 50%; top: -10%; bottom: -10%; right: -11%; position: absolute; z-index: 3;}
		.site-footer .footer-lead-capture .row { position: relative; z-index: 4; }
		.site-footer .footer-lead-capture .visible-sm { display: block!important; }
		.site-footer .footer-lead-capture .hidden-sm { display: none!important; }
		.site-footer .footer-lead-capture .image { padding-right: 0; }
		.site-footer .footer-lead-capture .button { padding: .25em 1em; }
		.site-footer:before { background: #ff4338; content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 20%; display: block; z-index: 2;}
		.site-info  { position: relative; z-index: 3; }
		.site-footer #footer-nav { padding-left: 3em; }
		.site-footer .navbar-foot { padding-bottom: 0; }
		.site-footer .navbar-foot .widget { display: inline-block; min-width: 50%;  }
		.site-footer .navbar-foot li { margin-bottom: 1em; margin-right: .5em;  }
}

@media (min-width: 1200px) {
	.site-footer .navbar-foot, .site-footer .contact { padding-top: 3em; font-size: 18px; }
	.site-footer .footer-lead-capture { padding-top: 3em; padding-bottom: 3em; }
	.site-footer .footer-lead-capture h4 { font-size: 22px; }
	.site-footer .footer-lead-capture  p { margin-bottom: 0; }
	.site-footer .footer-lead-capture img { margin-top: 10px; }
	.site-footer .navbar-foot a { font-size: 16px; }
}

@media (min-width: 1600px) {
	.site-footer .navbar-foot .widget  { min-width: 25%; }
	.site-footer .footer-lead-capture, .site-footer .navbar-foot, .site-footer .contact { padding-top: 4em; }
	.site-footer .footer-lead-capture { padding-bottom: 4em; }
	.site-footer .navbar-foot { padding-top: 6.5em; }
	.site-footer #footer-nav { padding-left: 5em; }
	.site-footer .navbar-foot li { margin-bottom: 2em; }
	.site-footer .contact{ font-size: 20px; padding-top: 3em; }
	.site-footer .contact p { margin-bottom: .85em; }
}

@media (min-width: 3000px) {
	.site-footer:before { width: 30%; }
}

/*--------------------------------------------------------------
# Blog
----------------------------------------------------------------*/



#blog-nav, .blog-single-post { padding: 2em 0; }
.blog-single-post img { margin-bottom: 1em; }
.blog-single-post img.alignright, .blog-single-post img.alignleft { width: 100%; }
#blog-nav .button  { width: 90%; margin-bottom: 1em; }
.blog .post.clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1em;
	border:1px solid #dddddd;
}

.blog .post.clear:nth-child(even){
	background: #f7f7f7;
}

.blog .post.clear img {
    margin-bottom: 1em;
}
.blog .post.clear .more-link { display: none; }
.blog .post.clear .button { margin: 1em auto 0; width: 100%; text-align: center; }
.blog .posts-navigation { margin: 1em 0; }

#sidebar-primary { /* padding-top: 1em; */ }
#sidebar-primary h2 { font-weight: 600; color: #3a648b; text-transform: uppercase; }
#sidebar-primary .blog-home { font-weight: 600; }
.search-submit { padding: .25em 1em; }

.blog h1.archive-title { color: #ff4338; text-align: center; font-size: 24px; }
.blog-entry-title { margin-bottom: 0; }
.entry-meta { margin-bottom: 1em; font-size: 90%; color: #909090; }

div.sharedaddy h3.sd-title:before { content: none!important; }
div.sharedaddy h3.sd-title { color: #3a658b; text-transform: uppercase; }

@media (min-width: 768px) {
	.blog .post.clear h2 { font-size: 28px; }
	#sidebar-primary h2 { font-size: 18px; }
	#sidebar-primary .blog-home { font-size: 18px; }
	.search-form input { width: 100%; }
	.blog h1.archive-title { text-align: left; }
	.blog-single-post img.alignright, .blog-single-post img.alignleft { max-width: 45%; }
	div.sharedaddy h3.sd-title { display: inline-block; margin-right: 10px!important; margin-bottom: 20px!important; vertical-align: middle; }
	div.sharedaddy .sd-content { display: inline-block; vertical-align: middle; }
}

@media (min-width: 992px) {
	.search-form label { width: 60%; display: inline-block; }
	.search-form input[type=search] { padding: .3em .5em; }
	.search-form .search-submit { width: 36%; display: inline-block; }
	.blog .post.clear .button { width: auto; margin: 0;  }
	.blog .post.clear .more { text-align: right; margin-top: 1em; }
	.blog .post.clear .row { width: 100%; }
}

@media (min-width: 1200px) {
	.blog .post.clear h2 { font-size: 34px; }
	.blog .page-header, .single-post .page-header{
		background-position: center -100px !important;
	}
}

@media (min-width: 1600px) {
	.blog .post.clear { padding: 2em; }
}

/*--------------------------------------------------------------
# Podcast
----------------------------------------------------------------*/
#podcast{
    max-width: 800px;
    margin: 0 auto;
}
#podcast article{
	padding: 2em 0;
	border-bottom: #3a648b solid 1px;
}
#podcast article:first-of-type{
	padding-top: 0;
}
#podcast article:last-of-type{
	border-bottom: none;
}
#podcast h2{
	font-size: 34px;
	line-height: 1.1em;
}
#podcast h2.podcast-title a, #podcast h2.podcast-title a:active{
	font-size: 34px;
	color: #23527c;
	text-decoration: none;
}
#podcast h2.podcast-title a:hover,#podcast h2.podcast-title a:focus{
	color: #ff4338;
}
#podcast .podcast-page{
	padding-bottom: 2em;
}
#podcast .podcast-page .page-numbers{
	background-color: #3a648b;
    color: #fff;
    padding: 0 5px;
    margin: 0 2px;
}
#podcast .podcast-page .page-numbers.current,#podcast .podcast-page .page-numbers:hover,#podcast .podcast-page .page-numbers:focus{
	background-color: #ff4338;
}

.podcast-nav .nav-links a{
	    font-size: 16px;
    line-height: 16px;
    color: #ff4338;
}
body.home #the-book .button {margin-top: 0;}

a.buy-links img.hover {
    display: none;
}

a.buy-links:hover img.hover {
    display: block;
}

a.buy-links:hover img.static {
    display: none;
}
