/*
Theme Name: Uhuru Network Framework
Theme URI: http://underscores.me/
Author: Uhuru Network
Author URI: http://uhurunetwork.com
Description: Uhuru Network Framework for building custom themes for clients.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uhuru-network-client
Tags:

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

Uhuru Network Framework is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
	3.1 Custom Buttons
4.0 Forms
5.0 Navigation
	5.1 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Grid
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Base Custom
--------------------------------------------------------------*/
.primary-color-1{
	background-color: #12a5b4;
}
.text-primary-color-1{
	color: #12a5b4;
}
.primary-color-2{
	background-color: #222;
}
.text-primary-color-2{
	color: #111;
}
.primary-color-3{
	background-color: #111;
}
.text-primary-color-3{
	color: #111;
}
.primary-color-4{
	background-color: #222;
}
.text-primary-color-4{
	color: #111;
}
.primary-color-5{
	background-color: #111;
}
.text-primary-color-5{
	color: #111;
}
.text-color-white{
	color: #fff;
}
a.text-color-white:visited {
	color: #fff;
}
a {
	color: #12a5b4;
	text-decoration: none;
}

a:visited {
	color: #12a5b4;
}

a:hover,
a:focus,
a:active {
	color: #34929e;
}
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;
}

html {font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */box-sizing: inherit;
}

body {background: #fff; /* Fallback for when there is no custom background color defined. */
/*overflow-x: hidden;*/
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {display: block;
}

ol,
ul {list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */border-collapse: separate;border-spacing: 0;
}

caption,
th,
td {font-weight: normal;text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {content: "";
}

blockquote,
q {quotes: "" "";
}

a:focus {outline: none;
}

a:hover,
a:active {outline: 0;
}

a img {border: 0;
}
section:focus{outline: none;}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: rgba(0,0,0,.7);
	font-family: 'Cardo', serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}
.cardoitalic{
	font-family: 'Cardo', serif;
	font-style: italic;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: GillSansMTStd-Bold;
	clear: both;
	line-height: 1.2;
	margin-bottom: 15px;
}
h1{font-size: 48px;
}
h2{font-size: 36px;
}
h3{font-size: 28px;
}
h4{font-size: 24px;
}
p {margin-bottom: 1.5em;font-size: 20px;
}
a,.gillsansbook{font-family: GillSansMTStd-Book;
}
.gillsansbold{font-family: GillSansMTStd-Bold;}
b,
strong,.bold {font-weight: bold;
}

dfn,
cite,
em,
i {font-style: italic;
}

blockquote p {    font-weight: bold;
    font-size: 24px;
    margin-bottom: 22px;
    border-left: 1px solid rgba(0,0,0,.7);
    padding-left: 10px;
}

address {margin: 0 0 1.5em;
}

pre {background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 1.5rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;
}

code,
kbd,
tt,
var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;font-size: 1.5rem;
}

abbr,
acronym {border-bottom: 1px dotted #666;cursor: help;
}

mark,
ins {background: #fff9c0;text-decoration: none;
}

sup,
sub {font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline;
}

sup {bottom: 1ex;
}

sub {top: .5ex;
}

small {font-size: 75%;
}

big {font-size: 125%;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;
}
ul,
ol {margin: 0 0 1.5em 3em;
}
ul {list-style: disc;
	/*font-size: 20px;*/
}
ol {list-style: decimal; font-size: 20px;
}
li > ul,
li > ol {margin-bottom: 0;margin-left: 1.5em;
}
dt {font-weight: bold;
}
dd {margin: 0 1.5em 1.5em;
}
img {height: auto; /* Make sure images are scaled correctly. */max-width: 100%; /* Adhere to container width. */
}
figure {margin: 0;
}
table {margin: 0 0 1.5em;width: 100%;
}
th {font-weight: bold;
}
/*--------------------------------------------------------------
3.1 Custom Buttons
--------------------------------------------------------------*/
.custom-button-contain{
	text-align: center;
}
.custom-button, .custom-button:visited{
	padding: 10px 15px;
	color: #fff;
	border: 1px solid #fff;
}
.custom-button:hover, .custom-button:focus{
	color: #fff;
	
	-webkit-box-shadow: 1px 1px 3px 1px #12a5b4;
	box-shadow: 1px 1px 3px 1px #12a5b4;
}
.custom-button:active{
	top:2px;
	position: relative;
	color: #fff;
}
.ghost-button{
	border: 3px solid #12a5b4;
	border-radius: 5px;
	padding: 5px;
	transition: all 1.3s ease;
	background-color: transparent;
}
a.ghost-button:hover{background-color: #12a5b4;color: #fff;}
.gb-wide{
	padding: 10px 25px;
}
.gb-white,.gb-white:visited{
	border-color: #fff;
	color: #fff;
}
a.gb-white:hover{
	color: #fff;
	background-color: #12a5b4;
}
.gb-law{
	border-color: #081a7e;
}
a.gb-law:hover{background-color: #081a7e;}
.gb-dest{
	border-color: #f87420;
}
a.gb-dest:hover{background-color: #f87420;}
.gb-health{
	border-color: #42d4f9;
}
a.gb-health:hover{background-color: #42d4f9;}
.gb-ent{
	border-color: #feac18;
}
a.gb-ent:hover{background-color: #feac18;}
.gb-pub{
	border-color: #47d097;
}
a.gb-pub:hover{background-color: #47d097;}
.gb-gym{
	border-color: #42124e;
}
a.gb-gym:hover{background-color: #42124e;}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
#masthead, .site-footer{
	background: #363434;
	position: relative;
}
.header-button{
	position: absolute;
	left: 20px;
	top: 24px;
}
@media (max-width:430px){
	.header-button{
		padding: 3px;
		font-size: 14px;
		left: 5px;
		width: 103px;
	}
}
.header-logo{
	margin: 10px auto 0 auto;
	width: 70px;
}
.menu-icon{
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 10px;
	position: absolute;
	top:10px;
	right:10px;
	cursor: pointer;
	font-family: GillSansMTStd-Book;
}
.menu-icon a{
	color: #fff;
}
.menu-icon a:hover{
	color: #fff;
}
.menu-icon .fa{
	font-size: 30px;
	display: block;
}
.menu-icon span{
	display: block;
	font-size: 10px;
}
.site-footer a{
	color: #fff;
}
.site-footer .cta-text{
	margin: 30px 0px 20px 0px;
}
.site-footer p{
	margin: 0;
	font-size: 16px;
}
.site-footer i{
	font-size: 32px;
	padding: 5px;
}
.site-footer a.copy{
	color: #12a5b4;
}
.site-footer .line{
	border-top: 1px solid #fff;
	margin: 10px auto 5px auto;
	max-width: 420px;
	width: 100%;
}
.social-copy{padding-top: 20px;}
.social-copy p{
	font-family: GillSansMTStd-Book;
}

/*--------------------------------------------------------------
5.1 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
.section-pad{
	padding: 30px 0px;
	padding-bottom: 100px;

}

/* hierarchical styling on number lists - cgstyles*/
.entry-content ol {
    list-style: none; 
    counter-reset: num;
}

.entry-content ol > li:before {
    content: counter(num) '. ';
    counter-increment: num;
}

.entry-content ol ol > li:before {
    content: counters(num, '.') ' ';
}
.listloweralpha{
	list-style-type: lower-alpha;
}
.BATermsstyle, .BATermsstyle ol{
margin:0 0 0 0 !important;
}
.BATermsstyle ol .s4{
font-weight:bold;
}
.BATermsstyle ol li{
padding-bottom:20px;
}
.BATermsstyle  ul{
padding-left:20px;
}
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.byline a{
	color: #fff;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.cat-links, .tags-links, .post-edit-link{
	display: block;
	font-weight: bold;
}
.post .entry-header{
	border-bottom: 10px solid #363434;
	padding-top:30px;
	padding-bottom:30px;
	color: #fff;
	position: relative;
}
.post .entry-footer{
	border-bottom: 1px solid #d4d4d7;
	padding: 20px 0px;
}
.entry-content img.extrawide{
	max-width: 850px;
	margin-left: -75px;
}
#consult-author{text-align: center;margin-bottom: 40px;}
@media(max-width:850px){
	.entry-content img.extrawide{
		max-width: 100%;
		margin-left: 0px;
	}	
}
.related-post{
	border-bottom: 1px solid #d4d4d7;
	padding-bottom: 30px;
	margin-top: 30px;
}
.category-post{
	border-bottom: 1px solid #d4d4d7;
	padding: 30px 0px;
}
.dark-overlay{
	/*background: rgba(0,0,0,0.2);*/
	padding: 20px 0px;
}
.entry-header,.industry,#statement{background-position: center center !important;}
header.entry-header{
	border-bottom: 10px solid #363434;
	color: #fff;
	text-align: center;
	min-height:400px;
}
.related-post-title {
	display: block;
	font-size: 28px;
	font-family: GillSansMTStd-Bold;
    clear: both;
    line-height: 1.2;
    margin-bottom: 15px;
	color: rgba(0,0,0,.7);
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.post.hentry{
	margin-bottom: 0px;
}
#comments{
	padding-top: 15px;
	overflow: hidden;
}
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
.comment-reply-title {
	font-size: 28px;
    font-family: GillSansMTStd-Bold;
    clear: both;
    line-height: 1.2;
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
13.0 Grid
--------------------------------------------------------------*/
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.grid-container:before, .grid-5:before, .mobile-grid-5:before, .tablet-grid-5:before, .grid-10:before, .mobile-grid-10:before, .tablet-grid-10:before, .grid-15:before, .mobile-grid-15:before, .tablet-grid-15:before, .grid-20:before, .mobile-grid-20:before, .tablet-grid-20:before, .grid-25:before, .mobile-grid-25:before, .tablet-grid-25:before, .grid-30:before, .mobile-grid-30:before, .tablet-grid-30:before, .grid-35:before, .mobile-grid-35:before, .tablet-grid-35:before, .grid-40:before, .mobile-grid-40:before, .tablet-grid-40:before, .grid-45:before, .mobile-grid-45:before, .tablet-grid-45:before, .grid-50:before, .mobile-grid-50:before, .tablet-grid-50:before, .grid-55:before, .mobile-grid-55:before, .tablet-grid-55:before, .grid-60:before, .mobile-grid-60:before, .tablet-grid-60:before, .grid-65:before, .mobile-grid-65:before, .tablet-grid-65:before, .grid-70:before, .mobile-grid-70:before, .tablet-grid-70:before, .grid-75:before, .mobile-grid-75:before, .tablet-grid-75:before, .grid-80:before, .mobile-grid-80:before, .tablet-grid-80:before, .grid-85:before, .mobile-grid-85:before, .tablet-grid-85:before, .grid-90:before, .mobile-grid-90:before, .tablet-grid-90:before, .grid-95:before, .mobile-grid-95:before, .tablet-grid-95:before, .grid-100:before, .mobile-grid-100:before, .tablet-grid-100:before, .grid-33:before, .mobile-grid-33:before, .tablet-grid-33:before, .grid-66:before, .mobile-grid-66:before, .tablet-grid-66:before, .clearfix:before,
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.grid-container:after, .grid-5:after, .mobile-grid-5:after, .tablet-grid-5:after, .grid-10:after, .mobile-grid-10:after, .tablet-grid-10:after, .grid-15:after, .mobile-grid-15:after, .tablet-grid-15:after, .grid-20:after, .mobile-grid-20:after, .tablet-grid-20:after, .grid-25:after, .mobile-grid-25:after, .tablet-grid-25:after, .grid-30:after, .mobile-grid-30:after, .tablet-grid-30:after, .grid-35:after, .mobile-grid-35:after, .tablet-grid-35:after, .grid-40:after, .mobile-grid-40:after, .tablet-grid-40:after, .grid-45:after, .mobile-grid-45:after, .tablet-grid-45:after, .grid-50:after, .mobile-grid-50:after, .tablet-grid-50:after, .grid-55:after, .mobile-grid-55:after, .tablet-grid-55:after, .grid-60:after, .mobile-grid-60:after, .tablet-grid-60:after, .grid-65:after, .mobile-grid-65:after, .tablet-grid-65:after, .grid-70:after, .mobile-grid-70:after, .tablet-grid-70:after, .grid-75:after, .mobile-grid-75:after, .tablet-grid-75:after, .grid-80:after, .mobile-grid-80:after, .tablet-grid-80:after, .grid-85:after, .mobile-grid-85:after, .tablet-grid-85:after, .grid-90:after, .mobile-grid-90:after, .tablet-grid-90:after, .grid-95:after, .mobile-grid-95:after, .tablet-grid-95:after, .grid-100:after, .mobile-grid-100:after, .tablet-grid-100:after, .grid-33:after, .mobile-grid-33:after, .tablet-grid-33:after, .grid-66:after, .mobile-grid-66:after, .tablet-grid-66:after, .clearfix:after {
  clear: both;
}

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
  padding-left: 10px;
  padding-right: 10px;
margin-top:200px;
}
.grid-wide{
	max-width: 850px;
}
.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}

.grid-parent {
  padding-left: 0;
  padding-right: 0;
}
.grid-center-contents{
	text-align:center;
}

@media screen and (max-width: 767px) {
  .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
    position: relative;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .mobile-grid-5 {
    float: left;
    width: 5%;
  }

  .mobile-prefix-5 {
    margin-left: 5%;
  }

  .mobile-suffix-5 {
    margin-right: 5%;
  }

  .mobile-push-5 {
    left: 5%;
  }

  .mobile-pull-5 {
    left: -5%;
  }

  .mobile-grid-10 {
    float: left;
    width: 10%;
  }

  .mobile-prefix-10 {
    margin-left: 10%;
  }

  .mobile-suffix-10 {
    margin-right: 10%;
  }

  .mobile-push-10 {
    left: 10%;
  }

  .mobile-pull-10 {
    left: -10%;
  }

  .mobile-grid-15 {
    float: left;
    width: 15%;
  }

  .mobile-prefix-15 {
    margin-left: 15%;
  }

  .mobile-suffix-15 {
    margin-right: 15%;
  }

  .mobile-push-15 {
    left: 15%;
  }

  .mobile-pull-15 {
    left: -15%;
  }

  .mobile-grid-20 {
    float: left;
    width: 20%;
  }

  .mobile-prefix-20 {
    margin-left: 20%;
  }

  .mobile-suffix-20 {
    margin-right: 20%;
  }

  .mobile-push-20 {
    left: 20%;
  }

  .mobile-pull-20 {
    left: -20%;
  }

  .mobile-grid-25 {
    float: left;
    width: 25%;
  }

  .mobile-prefix-25 {
    margin-left: 25%;
  }

  .mobile-suffix-25 {
    margin-right: 25%;
  }

  .mobile-push-25 {
    left: 25%;
  }

  .mobile-pull-25 {
    left: -25%;
  }

  .mobile-grid-30 {
    float: left;
    width: 30%;
  }

  .mobile-prefix-30 {
    margin-left: 30%;
  }

  .mobile-suffix-30 {
    margin-right: 30%;
  }

  .mobile-push-30 {
    left: 30%;
  }

  .mobile-pull-30 {
    left: -30%;
  }

  .mobile-grid-35 {
    float: left;
    width: 35%;
  }

  .mobile-prefix-35 {
    margin-left: 35%;
  }

  .mobile-suffix-35 {
    margin-right: 35%;
  }

  .mobile-push-35 {
    left: 35%;
  }

  .mobile-pull-35 {
    left: -35%;
  }

  .mobile-grid-40 {
    float: left;
    width: 40%;
  }

  .mobile-prefix-40 {
    margin-left: 40%;
  }

  .mobile-suffix-40 {
    margin-right: 40%;
  }

  .mobile-push-40 {
    left: 40%;
  }

  .mobile-pull-40 {
    left: -40%;
  }

  .mobile-grid-45 {
    float: left;
    width: 45%;
  }

  .mobile-prefix-45 {
    margin-left: 45%;
  }

  .mobile-suffix-45 {
    margin-right: 45%;
  }

  .mobile-push-45 {
    left: 45%;
  }

  .mobile-pull-45 {
    left: -45%;
  }

  .mobile-grid-50 {
    float: left;
    width: 50%;
  }

  .mobile-prefix-50 {
    margin-left: 50%;
  }

  .mobile-suffix-50 {
    margin-right: 50%;
  }

  .mobile-push-50 {
    left: 50%;
  }

  .mobile-pull-50 {
    left: -50%;
  }

  .mobile-grid-55 {
    float: left;
    width: 55%;
  }

  .mobile-prefix-55 {
    margin-left: 55%;
  }

  .mobile-suffix-55 {
    margin-right: 55%;
  }

  .mobile-push-55 {
    left: 55%;
  }

  .mobile-pull-55 {
    left: -55%;
  }

  .mobile-grid-60 {
    float: left;
    width: 60%;
  }

  .mobile-prefix-60 {
    margin-left: 60%;
  }

  .mobile-suffix-60 {
    margin-right: 60%;
  }

  .mobile-push-60 {
    left: 60%;
  }

  .mobile-pull-60 {
    left: -60%;
  }

  .mobile-grid-65 {
    float: left;
    width: 65%;
  }

  .mobile-prefix-65 {
    margin-left: 65%;
  }

  .mobile-suffix-65 {
    margin-right: 65%;
  }

  .mobile-push-65 {
    left: 65%;
  }

  .mobile-pull-65 {
    left: -65%;
  }

  .mobile-grid-70 {
    float: left;
    width: 70%;
  }

  .mobile-prefix-70 {
    margin-left: 70%;
  }

  .mobile-suffix-70 {
    margin-right: 70%;
  }

  .mobile-push-70 {
    left: 70%;
  }

  .mobile-pull-70 {
    left: -70%;
  }

  .mobile-grid-75 {
    float: left;
    width: 75%;
  }

  .mobile-prefix-75 {
    margin-left: 75%;
  }

  .mobile-suffix-75 {
    margin-right: 75%;
  }

  .mobile-push-75 {
    left: 75%;
  }

  .mobile-pull-75 {
    left: -75%;
  }

  .mobile-grid-80 {
    float: left;
    width: 80%;
  }

  .mobile-prefix-80 {
    margin-left: 80%;
  }

  .mobile-suffix-80 {
    margin-right: 80%;
  }

  .mobile-push-80 {
    left: 80%;
  }

  .mobile-pull-80 {
    left: -80%;
  }

  .mobile-grid-85 {
    float: left;
    width: 85%;
  }

  .mobile-prefix-85 {
    margin-left: 85%;
  }

  .mobile-suffix-85 {
    margin-right: 85%;
  }

  .mobile-push-85 {
    left: 85%;
  }

  .mobile-pull-85 {
    left: -85%;
  }

  .mobile-grid-90 {
    float: left;
    width: 90%;
  }

  .mobile-prefix-90 {
    margin-left: 90%;
  }

  .mobile-suffix-90 {
    margin-right: 90%;
  }

  .mobile-push-90 {
    left: 90%;
  }

  .mobile-pull-90 {
    left: -90%;
  }

  .mobile-grid-95 {
    float: left;
    width: 95%;
  }

  .mobile-prefix-95 {
    margin-left: 95%;
  }

  .mobile-suffix-95 {
    margin-right: 95%;
  }

  .mobile-push-95 {
    left: 95%;
  }

  .mobile-pull-95 {
    left: -95%;
  }

  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }

  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }

  .mobile-push-33 {
    left: 33.33333%;
  }

  .mobile-pull-33 {
    left: -33.33333%;
  }

  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
  }

  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }

  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }

  .mobile-push-66 {
    left: 66.66667%;
  }

  .mobile-pull-66 {
    left: -66.66667%;
  }

  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
    position: relative;
  }

  .hide-on-tablet {
    display: none !important;
  }

  .tablet-grid-5 {
    float: left;
    width: 5%;
  }

  .tablet-prefix-5 {
    margin-left: 5%;
  }

  .tablet-suffix-5 {
    margin-right: 5%;
  }

  .tablet-push-5 {
    left: 5%;
  }

  .tablet-pull-5 {
    left: -5%;
  }

  .tablet-grid-10 {
    float: left;
    width: 10%;
  }

  .tablet-prefix-10 {
    margin-left: 10%;
  }

  .tablet-suffix-10 {
    margin-right: 10%;
  }

  .tablet-push-10 {
    left: 10%;
  }

  .tablet-pull-10 {
    left: -10%;
  }

  .tablet-grid-15 {
    float: left;
    width: 15%;
  }

  .tablet-prefix-15 {
    margin-left: 15%;
  }

  .tablet-suffix-15 {
    margin-right: 15%;
  }

  .tablet-push-15 {
    left: 15%;
  }

  .tablet-pull-15 {
    left: -15%;
  }

  .tablet-grid-20 {
    float: left;
    width: 20%;
  }

  .tablet-prefix-20 {
    margin-left: 20%;
  }

  .tablet-suffix-20 {
    margin-right: 20%;
  }

  .tablet-push-20 {
    left: 20%;
  }

  .tablet-pull-20 {
    left: -20%;
  }

  .tablet-grid-25 {
    float: left;
    width: 25%;
  }

  .tablet-prefix-25 {
    margin-left: 25%;
  }

  .tablet-suffix-25 {
    margin-right: 25%;
  }

  .tablet-push-25 {
    left: 25%;
  }

  .tablet-pull-25 {
    left: -25%;
  }

  .tablet-grid-30 {
    float: left;
    width: 30%;
  }

  .tablet-prefix-30 {
    margin-left: 30%;
  }

  .tablet-suffix-30 {
    margin-right: 30%;
  }

  .tablet-push-30 {
    left: 30%;
  }

  .tablet-pull-30 {
    left: -30%;
  }

  .tablet-grid-35 {
    float: left;
    width: 35%;
  }

  .tablet-prefix-35 {
    margin-left: 35%;
  }

  .tablet-suffix-35 {
    margin-right: 35%;
  }

  .tablet-push-35 {
    left: 35%;
  }

  .tablet-pull-35 {
    left: -35%;
  }

  .tablet-grid-40 {
    float: left;
    width: 40%;
  }

  .tablet-prefix-40 {
    margin-left: 40%;
  }

  .tablet-suffix-40 {
    margin-right: 40%;
  }

  .tablet-push-40 {
    left: 40%;
  }

  .tablet-pull-40 {
    left: -40%;
  }

  .tablet-grid-45 {
    float: left;
    width: 45%;
  }

  .tablet-prefix-45 {
    margin-left: 45%;
  }

  .tablet-suffix-45 {
    margin-right: 45%;
  }

  .tablet-push-45 {
    left: 45%;
  }

  .tablet-pull-45 {
    left: -45%;
  }

  .tablet-grid-50 {
    float: left;
    width: 50%;
  }

  .tablet-prefix-50 {
    margin-left: 50%;
  }

  .tablet-suffix-50 {
    margin-right: 50%;
  }

  .tablet-push-50 {
    left: 50%;
  }

  .tablet-pull-50 {
    left: -50%;
  }

  .tablet-grid-55 {
    float: left;
    width: 55%;
  }

  .tablet-prefix-55 {
    margin-left: 55%;
  }

  .tablet-suffix-55 {
    margin-right: 55%;
  }

  .tablet-push-55 {
    left: 55%;
  }

  .tablet-pull-55 {
    left: -55%;
  }

  .tablet-grid-60 {
    float: left;
    width: 60%;
  }

  .tablet-prefix-60 {
    margin-left: 60%;
  }

  .tablet-suffix-60 {
    margin-right: 60%;
  }

  .tablet-push-60 {
    left: 60%;
  }

  .tablet-pull-60 {
    left: -60%;
  }

  .tablet-grid-65 {
    float: left;
    width: 65%;
  }

  .tablet-prefix-65 {
    margin-left: 65%;
  }

  .tablet-suffix-65 {
    margin-right: 65%;
  }

  .tablet-push-65 {
    left: 65%;
  }

  .tablet-pull-65 {
    left: -65%;
  }

  .tablet-grid-70 {
    float: left;
    width: 70%;
  }

  .tablet-prefix-70 {
    margin-left: 70%;
  }

  .tablet-suffix-70 {
    margin-right: 70%;
  }

  .tablet-push-70 {
    left: 70%;
  }

  .tablet-pull-70 {
    left: -70%;
  }

  .tablet-grid-75 {
    float: left;
    width: 75%;
  }

  .tablet-prefix-75 {
    margin-left: 75%;
  }

  .tablet-suffix-75 {
    margin-right: 75%;
  }

  .tablet-push-75 {
    left: 75%;
  }

  .tablet-pull-75 {
    left: -75%;
  }

  .tablet-grid-80 {
    float: left;
    width: 80%;
  }

  .tablet-prefix-80 {
    margin-left: 80%;
  }

  .tablet-suffix-80 {
    margin-right: 80%;
  }

  .tablet-push-80 {
    left: 80%;
  }

  .tablet-pull-80 {
    left: -80%;
  }

  .tablet-grid-85 {
    float: left;
    width: 85%;
  }

  .tablet-prefix-85 {
    margin-left: 85%;
  }

  .tablet-suffix-85 {
    margin-right: 85%;
  }

  .tablet-push-85 {
    left: 85%;
  }

  .tablet-pull-85 {
    left: -85%;
  }

  .tablet-grid-90 {
    float: left;
    width: 90%;
  }

  .tablet-prefix-90 {
    margin-left: 90%;
  }

  .tablet-suffix-90 {
    margin-right: 90%;
  }

  .tablet-push-90 {
    left: 90%;
  }

  .tablet-pull-90 {
    left: -90%;
  }

  .tablet-grid-95 {
    float: left;
    width: 95%;
  }

  .tablet-prefix-95 {
    margin-left: 95%;
  }

  .tablet-suffix-95 {
    margin-right: 95%;
  }

  .tablet-push-95 {
    left: 95%;
  }

  .tablet-pull-95 {
    left: -95%;
  }

  .tablet-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .tablet-prefix-33 {
    margin-left: 33.33333%;
  }

  .tablet-suffix-33 {
    margin-right: 33.33333%;
  }

  .tablet-push-33 {
    left: 33.33333%;
  }

  .tablet-pull-33 {
    left: -33.33333%;
  }

  .tablet-grid-66 {
    float: left;
    width: 66.66667%;
  }

  .tablet-prefix-66 {
    margin-left: 66.66667%;
  }

  .tablet-suffix-66 {
    margin-right: 66.66667%;
  }

  .tablet-push-66 {
    left: 66.66667%;
  }

  .tablet-pull-66 {
    left: -66.66667%;
  }

  .tablet-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
    position: relative;
  }

  .hide-on-desktop {
    display: none !important;
  }

  .grid-5 {
    float: left;
    width: 5%;
  }

  .prefix-5 {
    margin-left: 5%;
  }

  .suffix-5 {
    margin-right: 5%;
  }

  .push-5 {
    left: 5%;
  }

  .pull-5 {
    left: -5%;
  }

  .grid-10 {
    float: left;
    width: 10%;
  }

  .prefix-10 {
    margin-left: 10%;
  }

  .suffix-10 {
    margin-right: 10%;
  }

  .push-10 {
    left: 10%;
  }

  .pull-10 {
    left: -10%;
  }

  .grid-15 {
    float: left;
    width: 15%;
  }

  .prefix-15 {
    margin-left: 15%;
  }

  .suffix-15 {
    margin-right: 15%;
  }

  .push-15 {
    left: 15%;
  }

  .pull-15 {
    left: -15%;
  }

  .grid-20 {
    float: left;
    width: 20%;
  }

  .prefix-20 {
    margin-left: 20%;
  }

  .suffix-20 {
    margin-right: 20%;
  }

  .push-20 {
    left: 20%;
  }

  .pull-20 {
    left: -20%;
  }

  .grid-25 {
    float: left;
    width: 25%;
  }

  .prefix-25 {
    margin-left: 25%;
  }

  .suffix-25 {
    margin-right: 25%;
  }

  .push-25 {
    left: 25%;
  }

  .pull-25 {
    left: -25%;
  }

  .grid-30 {
    float: left;
    width: 30%;
  }

  .prefix-30 {
    margin-left: 30%;
  }

  .suffix-30 {
    margin-right: 30%;
  }

  .push-30 {
    left: 30%;
  }

  .pull-30 {
    left: -30%;
  }

  .grid-35 {
    float: left;
    width: 35%;
  }

  .prefix-35 {
    margin-left: 35%;
  }

  .suffix-35 {
    margin-right: 35%;
  }

  .push-35 {
    left: 35%;
  }

  .pull-35 {
    left: -35%;
  }

  .grid-40 {
    float: left;
    width: 40%;
  }

  .prefix-40 {
    margin-left: 40%;
  }

  .suffix-40 {
    margin-right: 40%;
  }

  .push-40 {
    left: 40%;
  }

  .pull-40 {
    left: -40%;
  }

  .grid-45 {
    float: left;
    width: 45%;
  }

  .prefix-45 {
    margin-left: 45%;
  }

  .suffix-45 {
    margin-right: 45%;
  }

  .push-45 {
    left: 45%;
  }

  .pull-45 {
    left: -45%;
  }

  .grid-50 {
    float: left;
    width: 50%;
  }

  .prefix-50 {
    margin-left: 50%;
  }

  .suffix-50 {
    margin-right: 50%;
  }

  .push-50 {
    left: 50%;
  }

  .pull-50 {
    left: -50%;
  }

  .grid-55 {
    float: left;
    width: 55%;
  }

  .prefix-55 {
    margin-left: 55%;
  }

  .suffix-55 {
    margin-right: 55%;
  }

  .push-55 {
    left: 55%;
  }

  .pull-55 {
    left: -55%;
  }

  .grid-60 {
    float: left;
    width: 60%;
  }

  .prefix-60 {
    margin-left: 60%;
  }

  .suffix-60 {
    margin-right: 60%;
  }

  .push-60 {
    left: 60%;
  }

  .pull-60 {
    left: -60%;
  }

  .grid-65 {
    float: left;
    width: 65%;
  }

  .prefix-65 {
    margin-left: 65%;
  }

  .suffix-65 {
    margin-right: 65%;
  }

  .push-65 {
    left: 65%;
  }

  .pull-65 {
    left: -65%;
  }

  .grid-70 {
    float: left;
    width: 70%;
  }

  .prefix-70 {
    margin-left: 70%;
  }

  .suffix-70 {
    margin-right: 70%;
  }

  .push-70 {
    left: 70%;
  }

  .pull-70 {
    left: -70%;
  }

  .grid-75 {
    float: left;
    width: 75%;
  }

  .prefix-75 {
    margin-left: 75%;
  }

  .suffix-75 {
    margin-right: 75%;
  }

  .push-75 {
    left: 75%;
  }

  .pull-75 {
    left: -75%;
  }

  .grid-80 {
    float: left;
    width: 80%;
  }

  .prefix-80 {
    margin-left: 80%;
  }

  .suffix-80 {
    margin-right: 80%;
  }

  .push-80 {
    left: 80%;
  }

  .pull-80 {
    left: -80%;
  }

  .grid-85 {
    float: left;
    width: 85%;
  }

  .prefix-85 {
    margin-left: 85%;
  }

  .suffix-85 {
    margin-right: 85%;
  }

  .push-85 {
    left: 85%;
  }

  .pull-85 {
    left: -85%;
  }

  .grid-90 {
    float: left;
    width: 90%;
  }

  .prefix-90 {
    margin-left: 90%;
  }

  .suffix-90 {
    margin-right: 90%;
  }

  .push-90 {
    left: 90%;
  }

  .pull-90 {
    left: -90%;
  }

  .grid-95 {
    float: left;
    width: 95%;
  }

  .prefix-95 {
    margin-left: 95%;
  }

  .suffix-95 {
    margin-right: 95%;
  }

  .push-95 {
    left: 95%;
  }

  .pull-95 {
    left: -95%;
  }

  .grid-33 {
    float: left;
    width: 33.33333%;
  }

  .prefix-33 {
    margin-left: 33.33333%;
  }

  .suffix-33 {
    margin-right: 33.33333%;
  }

  .push-33 {
    left: 33.33333%;
  }

  .pull-33 {
    left: -33.33333%;
  }

  .grid-66 {
    float: left;
    width: 66.66667%;
  }

  .prefix-66 {
    margin-left: 66.66667%;
  }

  .suffix-66 {
    margin-right: 66.66667%;
  }

  .push-66 {
    left: 66.66667%;
  }

  .pull-66 {
    left: -66.66667%;
  }

  .grid-100 {
    clear: both;
    width: 100%;
  }
}

/*--------------------------------------------------------------
14.0 Custom Blog Post Items 
--------------------------------------------------------------*/

#mailchimp {
	background: #f8f8f8;
	color: #3D6392;
	padding: 20px 15px;
}
	#mailchimp input {
		 border: medium none;
    color: gray;
    font-family: times new roman;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 10px;
    padding: 8px 10px;
    width: 300px;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
	}
		#mailchimp input.email { background: #fff }
		#mailchimp input.name { background: #fff}
		#mailchimp input[type="submit"] {
			background: #115B87;
			color: #fff;
			cursor: pointer;
			font-size: 18px;
			width: 35%;
			padding: 8px 0;
			box-shadow: none;
			text-shadow: none;

		}
			#mailchimp input[type="submit"]:hover { color: #F2C94C }

#content p.alert {			
    background: none repeat scroll 0 0 #ff9;
    clear: both;
    margin-bottom: 18px;
    overflow: hidden;
    border: 1px solid #e5e597;
    padding: 13px;
}

#page { position:relative; }

/* HUBSPOT FORM
-----------------------------*/
#uhuru_hubspot_subscribe{
	font-family: "Lato",Helvetica Neue,helvetica,arial,sans-serif !important;
	font-weight: 300 !important;
	line-height: 50px;
	background-color: whitesmoke !important;
	text-align: center !important;
	padding: 20px 40px 30px !important;
	border-radius: 20px;
	text-rendering: optimizeLegibility;
	color: #8f8f8f !important;
	max-width:570px;
	position:relative;
	z-index:9999;
}
#uhuru_hubspot_subscribe p{
	font-family: "Lato",Helvetica Neue,helvetica,arial,sans-serif !important;
	font-size: 16px;
	line-height: 1.6;
}
#uhuru_hubspot_subscribe_title{
	font-family: "Lato",Helvetica Neue,helvetica,arial,sans-serif !important;
	text-align: center !important;
	background: transparent !important;
	color: #444444 !important;
	font-weight: 300 !important;
	max-width: 600px !Important;
	margin: 0 auto 20px!Important;		
	font-size: 28px !important;
	line-height: 34px !important;
	display: block !important;
}
#uhuru_hubspot_subscribe form{
	text-align: center !important;
}
#uhuru_hubspot_subscribe input[type="text"],
#uhuru_hubspot_subscribe input[type="email"]{
	text-align: center;
	height: 52px !important;
	width: 100% !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	padding: 10px 0px !important;
	margin: 20px 0px !important;
	color: rgb(176, 176, 176);
	font-family: Lato, 'Helvetica Neue', helvetica, arial, sans-serif ;
	border-radius: 10px;
	font-style: italic ;
	display: inline-block;
	background: rgb(255, 255, 255) !important;
	border: 1px solid #ccc;
}
#uhuru_hubspot_subscribe input::-webkit-input-placeholder { 
	color: rgb(176, 176, 176) !important;
	font-weight:normal;
}
#uhuru_hubspot_subscribe input:focus{ 
	-webkit-box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
	border-color: #999;
}
#uhuru_hubspot_subscribe input[type=submit]{
	background: #08617e !important;
	text-transform: none !important;
	margin-bottom: 16px !important;
	color: #ffffff !important;
	width: inherit !important;
	whitespace: no-wrap !important;
	overflow: hidden !important;
	padding: 0 30px !important;
	line-height: 52px !important;
	font-weight: 500 !important;
	margin: 10px 0 !important;
	font-family: 'Lato', Helvetica Neue, helvetica, arial, sans-serif !important;
	border-radius: 50px!important;
	-webkit-border-radius: 50px !important;
	box-shadow: none;
	font-size: 18px;
}
#uhuru_hubspot_subscribe .close {
	position: absolute;
	color: #333;
	font-size: 21px;
	font-weight: 400;
	right: 20px;
	top: 5px;
	text-transform: uppercase;
	
}


/**Resources Page*/


ul.cta-codes,
ul.tools {
	list-style: none;
	padding:0px;
	margin:0px;
}

ul.tools li {
	display:  inline-table;
    width: 49.5%;
    padding: 5px;
    margin: auto;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	
}

ul.tools li img.alignright {
    display: inline;
    float: right;
    margin-left: 0em !important;
    margin-right: 1em;
}

ul.tools li p {
	padding-right: 5px;
}


ul.cta-codes li {
	display: inline-table;
    width: 49.5%;
    padding: 5px;
    margin: auto;
    max-height: 300px;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
}


.grid-container-cta {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding-left: 10px;
    padding-right: 10px;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
}

.cta-divider {
	display: block;
	border-top:solid 1px #1F1F1F;
	width:80%;
	height: 1px;
	margin: 30px auto 20px;
}

.top-books {
	padding: 30px 15px;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
}

.section2 {
	padding-bottom: 30px;
}

@media screen and (max-width: 414px) {

ul.cta-codes li,
ul.tools li {
	display: block;
    	width: 100%;
}
	
ul.tools li img.alignright {
    display: inline;
    float: right;
    margin-left: .7em !important;
    margin-right: .3em;
}	

}


/* SlideUp onscroll Css
--------------------------------------*/
.jpx_slideUp_onScroll {
	position:fixed;
	bottom:0;
	right:0;
	overflow:hidden;
	/*z-index:9999;*/
	z-index:99999;
	height:0;
}

/* FORM SLIDER
------------------------------*/

#jpxPopout-wrap .subscriberPopUp .details .close--btn {
	text-align: left;
    text-decoration: underline;
    margin-top: 85px;
    font-style: italic;
    font-size: 14px;
}

#uh_form_slider_desc{
display:block;
text-align:center;
color: #ffffff;
}

.page-template-template-page-form-slider .clear {
	clear:both;
}
.page-template-template-page-form-slider .uh_form_wrap {
    background: url('images/form-bg.jpg') no-repeat top center;
    width: 100%;
    background-size: cover;
	padding: 0 20px;
}
.page-template-template-page-form-slider form#uhuru_slide_form{
	margin: 0 auto;
	width: 100%;
	position: relative;
	padding: 20px 0 30px;
	
}
#uh_form_slider .uh_form_uhcontainer{
	margin: 0 auto;
	width:900px;
	position:relative;
}
.page-template-template-page-form-slider .uhprevform {
	display: inline-block;
	opacity: 1;
	color: #fff;
	text-decoration: none;
	background:url('images/formslider-prev.png') no-repeat center center;
	padding: 7px 10px;
	text-align: center;
	height: auto;
	position: absolute;
	display:block;
	height:36px;
	width:36px;
	z-index:9999;
	opacity:0.7;
	text-indent:-9999px;
	top: 20px;
	left: 0px;
}


.page-template-template-page-form-slider .uhprevform.disabled {
	opacity:0;	
}
.page-template-template-page-form-slider #uhuru_slide_form .uh_form_content:not(.full-width){
	float:left;
	width:44%;
	margin-right:2%;
	margin-top:60px;
}
.page-template-template-page-form-slider #uhuru_slide_form .uh_form_content.uh_form_content{
	margin-top:60px;
}
.page-template-template-page-form-slider #uhuru_slide_form .uh_form_content {
	color:#fff;
	font-size:14px;
	padding:15px 0;
	font-family: GillSansMTStd-Book,arial;
	
}
.page-template-template-page-form-slider #uhuru_slide_form .uh_form_content .uh_slide_counterWrap{
	margin:0 0 40px;	
}
.page-template-template-page-form-slider #uhuru_slide_form .uh_form_content.align-center {
	text-align:center;
}
.page-template-template-page-form-slider #uhuru_slide_form .uh_form_content input[type="submit"]{
	background: #F3C22D;
	color: #fff;
	padding: 15px 25px;
	border: none;
	border-radius: 10px;
	text-transform: uppercase;
	margin: 10px 0;	
}
.page-template-template-page-form-slider #uhuru_slide_form .uh_form_content h2{
	font-size:30px;
	margin:0 0 15px;
	font-family: GillSansMTStd-Bold,arial;
}
.page-template-template-page-form-slider #uhuru_slide_form .uh_form_content p {
	font-size:14px;
	font-family: GillSansMTStd-Book,arial;
}
.page-template-template-page-form-slider #uhuru_slide_form label span {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 30px;
	border:1px solid #ffffff;
	vertical-align:middle;
	position:relative;
}
.page-template-template-page-form-slider #uhuru_slide_form .uhnextform{
	float:left;
	width:340px;
	list-style:none;
	padding:0px;
	margin:50px 0 0 0;
}
.page-template-template-page-form-slider #uhuru_slide_form .uhnextform.sevenselect{
	margin:0 0 0 0;
	
}
.page-template-template-page-form-slider #uhuru_slide_form .uhnextform li{
	margin-bottom:38px;
	cursor:pointer;
	font-family: GillSansMTStd-Book,arial;
}	

.page-template-template-page-form-slider #uhuru_slide_form .active label span:before {
	content:" ";
	display: inline-block;
	width: 25px;
	height: 25px;
	position:absolute;
	top:-6px;
	left:1px;
	background: url("images/check.png");
}
.page-template-template-page-form-slider #uhuru_slide_form label{
	display: inline-block;
	background-color: #12A5B4;
	width: 100%;
	height: 47px;
	box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	opacity: 0.90;
	padding: 10px;
	color: #fff;
	font-size: 18px;
	font-family: GillSansMTStd-Book,arial;
	font-weight: normal;
}
.page-template-template-page-form-slider #uhuru_slide_form .active label{
	background: #F3C22D;
	font-weight: 600;
	opacity: 1;
	color:#363434;
}
.page-template-template-page-form-slider .uhnextform li{
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	transition-duration: 0.3s;
	transition-property: transform;
}
.page-template-template-page-form-slider .uhnextform li:hover, .uhnextform li:focus, .uhnextform li:active {
	transform: scale(1.1);
}

.page-template-template-page-form-slider .uh_form_slides,.cycle-slideshow{
	display:block;
	height:auto;
	width:100%;
}
.page-template-template-page-form-slider .uh_form_container{
	width:990px;
	margin:0 auto;
}

.page-template-template-page-form-slider #uhuru_slide_form .uhnextform.sevenselect li{
margin-bottom:15px;
}
#uhuru_slide_form .uh_form_uhcontainer .uhtextfields{
	background: #12A5B4;
	width: 100%;
   margin: 0px auto 20px;
     display: block;
	padding: 10px;
	max-width: 600px;
	font-size: 18px;
	font-family: 'GillSansMTStd-Book', arial, sans-serif;
	box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	color: #fff;
	border: 1px solid #12A5B4;
}
.uh_form_uhcontainer .uhtextfields::-webkit-input-placeholder { 
    color:    #6AF1FF;
}
.uh_form_uhcontainer .uhtextfields :-moz-placeholder { 
   color:    #6AF1FF;
   opacity:  1;
}
.uh_form_uhcontainer .uhtextfields::-moz-placeholder {
   color:    #6AF1FF;
   opacity:  1;
}
.uh_form_uhcontainer .uhtextfields:-ms-input-placeholder {
   color:    #6AF1FF;
}
.uh_form_uhcontainer .uhtextfields:placeholder-shown {
  color:    #6AF1FF;
}
.uh_form_uhcontainer .uhuru_slideForm_submit{
	color: #fff;
	background: transparent;
	font-family: GillSansMTStd-Book;
	box-shadow: none;
	font-size: 18px;
	border: 3px solid #12a5b4;
	border-radius: 5px;
	padding: 5px;
	transition: background 1.3s ease;
	margin: 0 auto;
    display: block;
    width: 250px;
    padding: 10px;
	text-transform:uppercase;
}
.uh_form_uhcontainer .uhuru_slideForm_submit:hover{
    background-color: #12a5b4;
    color: #fff;
	box-shadow: none;
	border: 3px solid #12a5b4;
}

/* Blog and single*/
body.category .grid-container, 
body.single .grid-container, 
body.blog .grid-container {
	max-width:850px;	
}
body.category #post-categories,
body.blog #post-categories,
body.single #post-categories {
	min-height: 35px;
    background: #363434;
    padding: 0px 0 10px;	
}
body.category #post-categories a,
body.blog #post-categories a,
body.single #post-categories a {
    display: inline-block;
    margin-right: 18px;
    color: #fff;
    font-size: 18px;
} 
body.category #post-categories select,
body.blog #post-categories select,
body.single #post-categories select {
    background: none;
    border: 0;
    color: #12a5b4;
    font-size: 18px;
    border-left: 1px solid #fff;
    padding: 0 0px 0 10px;
    font-family: GillSansMTStd-Book;
    width: 115px;
}

body #post-categories select:focus {
	outline:none;	
}

body.category #post-categories select.mobile-cat,
body.blog #post-categories select.mobile-cat,
body.single #post-categories select.mobile-cat {
	display:none;	
}

body.category #post-categories .jpx-btn-search,
body.blog #post-categories .jpx-btn-search,
body.single #post-categories .jpx-btn-search {
    float: right;
    width: 20px;
    height: 25px;
    background: url('images/btn-search.png') center center no-repeat;
    text-indent: -9999px;
    box-shadow: none;
    border: none;
}
.md-content {
	background:transparent!important;
	
}

.md-content .blog-search  {
	text-align:center;
}

.md-content .blog-search .search-hint {
	font-size: 32px;
	font-family: GillSansMTStd-Book;
	text-align: center;
}
.md-content .blog-search input[type="text"] {
	width: 100%;
	padding: 10px 20px;
	background: none;
	font-size: 22px;
	margin: 10px 0;
	color: #f7f7f7;
	font-family: GillSansMTStd-Book;	
}
.md-content .blog-search input[type="submit"] {
	background: #12a5b4;
	color: #fff;
	padding: 8px 10px;
	font-size: 22px;
	font-style: normal;
	box-shadow: none;
	margin-top: 10px;
	text-shadow: none;
	font-family: GillSansMTStd-Book;
}

body.category .hubspot-call-to-action,
body.blog .hubspot-call-to-action,
body.single .hubspot-call-to-action {
    margin: 40px auto;
    max-width: 535px;
}

body.category h2 ,
body.blog h2 ,
body.single h2 {
	margin: 30px 0 20px;
}

body.category h2.has-border-bot,
body.blog h2.has-border-bot,
body.single h2.has-border-bot {
	border-bottom: 1px solid #d4d4d7;
	padding-bottom: 20px;
	margin-bottom: 10px;
}	

body.category .category-post h4,
body.blog .category-post h4,
body.single .category-post h4{
	color: rgba(0,0,0,.7);
	line-height: 30px;
	font-size:30px;
}

body.category .category-post .post-detail .post-meta,
body.blog .category-post .post-detail .post-meta,
body.category .category-post .post-detail .author-thumb,
body.blog .category-post .post-detail .author-thumb {
	float:left;
} 
body.category .category-post .post-detail .author-thumb,
body.blog .category-post .post-detail .author-thumb { margin-right:10px; }

body.category .category-post .post-detail .post-meta > span,
body.blog .category-post .post-detail .post-meta > span {
    display: block;
    font-size: 18px;
    font-family: GillSansMTStd-Book;
}

body.category .category-post .post-detail .author-thumb img,
body.blog .category-post .post-detail .author-thumb img {
	max-width: 55px;
	border-radius: 50%;
	border: 1px solid #ccc;	
}
body.category .category-post .post-detail .cat-links,
body.blog .category-post .post-detail .cat-links{
	float:left;
	margin-top: 8px;
	font-size: 18px;
}
body.category .category-post .post-detail .ghost-button,
body.blog .category-post .post-detail .ghost-button{
	float:right;
	font-size: 18px;
	font-weight: bold;
	margin-top:6px;
	margin-left: 10px;
	padding: 5px 15px;
}
body.category .category-post .post-detail .ghost-button:hover,
body.blog .category-post .post-detail .ghost-button:hover {
	background-color:#f3c22d;
	border-color:#f3c22d;
}
body.category .nav-links a,
body.blog .nav-links a {
    font-size: 25px;
    margin-top: 10px;
    display: block;
    font-weight: bold;
	
}

/* single */
body.single .entry-content.grid-container,
body.single .related-post.grid-container ,
body.single .entry-footer.grid-container {
	max-width: 690px;
}

body.single .related-post h3 {
	color: rgba(0,0,0,.7);
}

body.blog .category-post h4:hover, 
body.single .related-post h3:hover {
	color:#12a5b4;	
} 

body.single .entry-content.grid-container {
	padding-top: 30px;
	border-top: 1px solid #d4d4d7;
	margin-top: 60px;		
}

.h4-style {
	font-family: GillSansMTStd-Bold;
	clear: both;
	line-height: 1.2;
	margin-bottom: 15px;
	font-size:24px;
}


/* FOOTER*/
body .footer-heading-text {
    font-family: GillSansMTStd-Bold;
    font-size: 18px;
    margin-bottom: 5px!Important;
}

body .site-footer p { 
	color:#fff; 
	font-family: GillSansMTStd-Book;
	line-height: 25px;
}


body .foot-logo-grid {
	margin-top:40px;	
}
body .social-link-wrap {
	margin-top: 70px;
}
body .academy-badge {
	margin-top: 40px;
  margin-top: 0;
}
body .site-footer .line {
    max-width: 630px;
}


@media screen and (max-width: 1024px) {
	.page-template-template-page-form-slider form#uhuru_slide_form {
		width: auto;
	}
	.page-template-template-page-form-slider .uh_form_container {
		width:auto;	
	}
	body.category .category-post.latest-posts .grid-50,
	body.blog .category-post.latest-posts .grid-50 {
		margin-bottom:20px;	
	}
	
}
@media screen and (max-width: 960px) {
	#uh_form_slider .uh_form_uhcontainer{
		width: 100%;
	}
	.page-template-template-page-form-slider #uhuru_slide_form .uhnextform{
		width:50%;
	}
	
	body.category #post-categories,
	body.single #post-categories,
	body.blog #post-categories {
		text-align:center;
	}
	
	body.category #post-categories a,
	body.blog #post-categories a,
	body.single #post-categories a,
	body.category #post-categories select,
	body.blog #post-categories select,
	body.single #post-categories select {
		display:none;	
	}
	
	body.category #post-categories select.mobile-cat,
	body.blog #post-categories select.mobile-cat,
	body.single #post-categories select.mobile-cat {
		display:inline-block;	
		border: 0;
		padding-left: 0;
	} 
	
	body.category #post-categories .jpx-btn-search, 
	body.blog #post-categories .jpx-btn-search, 
	body.single #post-categories .jpx-btn-search {
		float:none;
	}
	

}

@media screen and (max-width: 850px) {
	.uhcontainer{
		padding: 0 15px;
	}

}
@media screen and (max-width: 767px) {
	.page-template-template-page-form-slider #uhuru_slide_form .uh_form_content:not(.full-width) {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 10px;
		text-align:center;
		margin-top:0px;
	}
	.page-template-template-page-form-slider #uhuru_slide_form .uhnextform {
		float: none;
		width: auto;
		list-style: none;
		padding: 0px;
		width: 70%;
		margin: 0 auto !important;
	}
	.page-template-template-page-form-slider .uhprevform{
		position:initial;
		display:block;
		margin-bottom: 10px;
	}
	.page-template-template-page-form-slider #uhuru_slide_form .uhnextform li{
		margin-bottom:15px;
	}
	.page-template-template-page-form-slider #uhuru_slide_form .uhnextform li label{
		font-size:16px;
		line-height:25px;
	}
	#uh_form_textfields{
		margin-top:30px;
	}
	.mazuum-image{
	display:block;
	width:100%;
	}
	.mazuum-image img{
		margin: 0 auto;
		display:block;
	}
	
	.h4-style { font-size:16px; }
	
	body .social-link-wrap {
	margin-top: 0;
	margin-bottom: 20px;
	}
	body .academy-badge {
	margin-top: 20px;
	}
	
	body .site-footer { text-align:center; }
	
	body .site-footer .mobile-grid-100 {
	text-align: center;
	margin-bottom: 20px;
	}
	
}

@media screen and (max-width: 420px) {

	.page-template-template-page-form-slider #uhuru_slide_form .uhnextform li label{
		font-size:14px;
		line-height:25px;
	}
	.page-template-template-page-form-slider #uhuru_slide_form .uhnextform {
		width:94%;
	}
}

/* BA attack styles */
.uhcontainer {
	max-width: 852px;
	margin: 0 auto;
	position: relative;
}
.uhcontainer .hbspt-form .hs-richtext, .uhcontainer .hbspt-form label{
	color:#ffffff !important;
	font-family: 'Cardo', serif !important; 
}
.hs-submit .hs-button{
	border: 3px solid #fff !important;
	border-radius:5px !important;
	background: transparent !important;
	box-shadow: none !important;
	text-shadow: none !important;
	color: #ffffff !important;
	padding: 10px 20px !important;
	font-size: 17px !important;
}
.uhdownload-cont {
	background: #179DAB;
	padding: 20px 0 20px;
}
.uhdownload-cont .details {
	width: 63%;
	float: left;
}
.uhdownload-cont h3 {
	color: #fff;
	font-size: 24px;
	font-family: "GillSansMTStd-SemiBold", Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 7px;
}
.uhdownload-cont p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 0;
}
.uhdownload-cont a.download-btn {
	float: right;
    text-decoration: none;
    padding: 7px 30px;
    margin-top: 15px;
    border: 3px solid #fff;
    border-radius: 5px;
	width:240px;
}
.uhdownload-cont a.download-btn span {
    color: #fff;
    font-family: "lato";
    font-weight: 900;
    font-size: 19px;
	display: inline-block;
	vertical-align: middle;
}
.uhdownload-cont a.download-btn img {
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
}

.uhfacebook-ads {
	background: #F0F2F2;
}
.uhfacebook-ads .container {
	padding-top: 50px;
	padding-bottom: 60px;
}
.uhfacebook-ads .details {
	max-width: 515px;
	position: relative;
    z-index: 1;
}
.uhfacebook-ads h3 {
	font-size: 36px;
	font-family: "GillSansMTStd-Bold", Arial, sans-serif;
	font-weight: 900;
	margin-bottom: 35px;
	padding-top:40px;
	color:#363434;
}
.uhfacebook-ads p {
	font-size: 18px;
	margin-bottom: 30px;
}
.uhfacebook-ads img {
	position: absolute;
	right: -104px;
	bottom: 0;
}
.uhfacebook-ads a.cta {
	color: #179eab;
    font-size: 25px;
    font-family: "Lato";
    font-weight: 900;
    text-decoration: none;
    margin-top: 40px;
    display: inline-block;

    width: 175px;
    padding: 2px 56px;
    border: 3px solid;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 60px;
}
.uhfacebook-ads a.cta:hover{
	color:#fff;
}
.uhmazuum {
	background: #179DAB;
	padding: 30px 0 10px;
}
.uhmazuum .details {
	width: 64.5%;
	float: left;
}
.uhmazuum p {
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 0;
}
.align-right {
	text-align: right;
}
.uhmazuum-image {
	float: right;
	width: 31.5%;
}

.uhfacebook-ads-exp {
	padding: 45px 0 0 0;
}
.uhfacebook-ads-exp .details {
	max-width: 590px;
	margin: 0 auto;
}
.uhfacebook-ads-exp .details h3 {
	font-size: 36px;
    font-family: "GillSansMTStd-Bold", Arial, sans-serif;
    font-weight: 900;
	margin-bottom: 45px;
	color:#363434;
}
.uhfacebook-ads-exp .details p {
	font-size: 18px;
	margin-bottom: 25px;
}
.uhfacebook-ads-exp .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 50px;
}
.uhfacebook-ads-exp .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.uhwhat-we-do {
	padding-bottom: 45px;
}
.uhwhat-we-do h3 {
    font-size: 34px;
   font-family: "GillSansMTStd-Bold", Arial, sans-serif;
    font-weight: 900;
    margin-bottom: 45px;
    text-align: center;
	color:#363434;
}
.uhwhat-we-do .week {
	margin-bottom: 30px;
}
.uhwhat-we-do .week:after {
	content: '';
	display: block;
	clear: both;
}
.uhwhat-we-do .week .image-cont {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	text-align: center;
}
.uhwhat-we-do .week.right .image-cont {
    float: right;
}
.uhwhat-we-do .week .text {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
}
.uhwhat-we-do .week h4 {
	font-size: 24px;
    font-family: "GillSansMTStd-Bold", Arial, sans-serif;
    font-weight: 900;
	margin-bottom: 20px;
	color:#363434;
}
.uhwhat-we-do .week p {
	font-size: 18px;
	margin-bottom: 20px;
}

.uhcomplete-form {
	background: #179DAB;
	padding: 20px 0;
	text-align: center;
}
.uhcomplete-form .details {
	max-width: 600px;
	margin: 0 auto;
}
.uhcomplete-form h3 {
	font-size: 26px;
    font-family: "GillSansMTStd-Bold", Arial, sans-serif;
    font-weight: 700;
	margin-bottom: 15px;
	color: #FFF;
}
.uhcomplete-form p {
	font-size: 16px;
	margin-bottom: 20px;
	color: #FFF;
}
.uhcomplete-form .complete-form-btn {
    font-size: 20px;
    color: #FFF;
    text-decoration: none;
    display: inline-block;
    line-height: 52px;
    width: 245px;
    border: 3px solid #fff;
    border-radius: 5px;
    font-family: "Lato";
    font-weight: 900;
}

.uhmoney-back {
	padding: 50px 0 30px 0;
}
.uhmoney-back h3 {
	font-size: 34px;
    font-family: "GillSansMTStd-Bold", Arial, sans-serif;
    font-weight: 900;
	margin-bottom: 40px;
	text-align: center;
	padding: 0 45px;
	color:#363434;
}
.uhmoney-back .details {
	max-width: 590px;
	margin: 0 auto;
}
.uhmoney-back .details p {
	font-size: 18px;
	margin-bottom: 25px;
}

.uhwho-is-uhuru {
	padding-bottom: 40px;
}
.uhwho-is-uhuru h3 {
	font-size: 36px;
    font-family: "GillSansMTStd-Bold", Arial, sans-serif;
    font-weight: 900;
	margin-bottom: 40px;
	text-align: center;
	color:#363434;
}
.uhwho-is-uhuru p {
	font-size: 18px;
    display: inline-block;
	vertical-align: middle;
	width: 49%;
	margin-bottom: 20px;
}
.uhwho-is-uhuru .image-cont {
    display: inline-block;
	vertical-align: middle;
	width: 49%;
	padding-left: 30px;
	box-sizing: border-box;
}

.uhquestions-cont {
	background: #353333;
	padding: 30px 0 10px;
}
.uhquestions-cont h3 {
	font-size: 34px;
    font-family: "GillSansMTStd-Bold", Arial, sans-serif;
    font-weight: 900;
	margin-bottom: 30px;
	text-align: center;
	color: #fff;
}
.uhquestions-cont .details {
	float: left;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
	padding: 0 25px;
}
.uhquestions-cont .details img {
	margin-bottom: 5px;
}
.uhquestions-cont .details p {
	color: #fff;
	font-size: 18px;
	margin: 0;
}
.uhquestions-cont .form-cont {
	width: 50%;
	float: right;
}
.uhquestions-cont .form-cont input[type=text] {
    width: 100%;
    background: #fff;
    border: none;
    height: 42px;
    margin-bottom: 8px;
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 7px;
    outline: none;
}
.uhquestions-cont .form-cont textarea {
    width: 100%;
    background: #fff;
    border: none;
    height: 134px;
    margin-bottom: 17px;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 7px;
    outline: none;
}

.uhuru-facebook {
	padding: 55px 0 40px;
}
.uhuru-facebook .details {
	float: left;
	width: 50%;
	padding-top: 65px;
}
.uhuru-facebook h3 {
	font-size: 34px;
    font-family: "GillSansMTStd-Bold", Arial, sans-serif;
    font-weight: 900;
	margin-bottom: 10px;
	color:#363434;
}
.uhuru-facebook h4 {
	font-size: 30px;
   font-family: "GillSansMTStd-SemiBold", Arial, sans-serif;
    font-weight: 700;
	margin-bottom: 25px;
	color:#363434;
}
.uhuru-facebook p {
	font-size: 18px;
	margin-bottom: 30px;
}
.uhuru-facebook .image-cont {
    float: right;
    text-align: right;
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box;
}

#ba_atksubmit{
	border: 3px solid #fff;
	border-radius:5px;
	background: transparent;
	box-shadow: none;
	text-shadow: none;
	color: #FFF;
	padding: 10px 20px;
	font-size: 17px;
}
.page-template-template-page-form-slider .wpcf7-form p{
	margin-bottom:10px;
}
.page-template-template-page-form-slider .wpcf7-form select,.page-template-template-page-form-slider .wpcf7-form .wpcf7-email{
border-radius:7px;
padding:6px;
width:100%;
}



/*
	Responsive
*/

@media only screen and (max-width: 1080px) {

	.uhfacebook-ads img {
		right: -35px;
	}

}


@media only screen and (max-width: 960px) {

	.container {
		padding: 0 30px;
	}
	
	.cont1 .cont1-checkbox {
		max-width: 50%;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.cont1 .details {
		max-width: 50%;
	}
	.uhfacebook-ads a.cta{
		margin: 0 auto;
		display: block;
	}
	.uhfacebook-ads img {
		right: 0;
		margin: 20px auto 0;
		display: block;
		position: relative;
	}
	
	.uhfacebook-ads .details {
		max-width: 100%;
	}
	
	.uhfacebook-ads .container {
		padding-bottom: 0px;
	}
	
	.uhwhat-we-do .week .image-cont,
	.uhwhat-we-do .week .text {
		box-sizing: border-box;
		padding: 0 20px;
	}

}


@media only screen and (max-width: 767px) {
	
	.cont1 .details,
	.cont1 .cont1-checkbox {
		max-width: 100%;
		padding: 0;
		float: none;
	}
	
	.cont1 .cont1-checkbox {
		max-width: 400px;
		margin: 0 auto;
	}
	
	.uhdownload-cont {
		text-align: center;
	}
		
	.uhdownload-cont .details {
		width: 100%;
		float: none;
	}
	
	.uhdownload-cont a.download-btn {
		float: none;
		display: block;
		margin-right: 0;
		margin: 10px auto 0 auto;
	}
	
	.uhmazuum .details {
		width: 100%;
		float: none;
	}
	
	.uhmazuum-image {
		float: none;
		width: 100%;
		text-align: center;
		padding-top: 25px;
	}
	
	.uhwhat-we-do .week {
		margin-bottom: 40px;
	}
	
	.uhwhat-we-do .week .image-cont, .uhwhat-we-do .week .text {
		width: 100%;
		display: block;
		float: none;
		padding: 0;
	}
	
	.uhwhat-we-do .week .image-cont {
		margin-bottom: 20px;
	}
	
	.uhwho-is-uhuru p {
		display: block;
		width: 100%;
	}
	
	.uhwho-is-uhuru .image-cont {
		display: block;
		width: 100%;
		padding-left: 0;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.uhquestions-cont .details {
		float: none;
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	
	.uhquestions-cont .form-cont {
		width: 100%;
		float: none;
	}
	
	.uhuru-facebook .details {
		float: none;
		width: 100%;
		padding-top: 0;
		margin-bottom: 30px;
	}
	
	.uhuru-facebook .image-cont {
		float: none;
		text-align: center;
		width: 100%;
		padding-left: 0;
	}
	
	
	
}
@media only screen and (max-width: 600px) {
	
	#uhuru_hubspot_subscribe span {
	font-size: 25px !important;
	line-height: 27px !important;
	}
	
}
@media only screen and (max-width: 480px) {
	body #uhuru_hubspot_subscribe input[type="text"], body #uhuru_hubspot_subscribe input[type="email"]{
		margin: 5px 0px !important;
		padding: 5px 20px 5px !important;
		height: 40px !important;
	}

	body #uhuru_hubspot_subscribe p{
		margin-bottom:10px;
	}

}
@media only screen and (max-height:600px) {

	#uhuru_hubspot_subscribe > h2{
		margin:0px !important;
		font-size:20px !important;
	}
	#uhuru_hubspot_subscribe p{
    margin-bottom: 0px !important;
    font-size: 13px;
    margin: 10px 0 0;
    line-height: 15px;	
	}
	body #uhuru_hubspot_subscribe input[type="text"], body #uhuru_hubspot_subscribe input[type="email"]{
		padding: 4px !important;
		margin: 0 0 7px 0 !important;
		float:left;
		height: 35px !important;
	}

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
body #uhuru_hubspot_subscribe > h2{
	line-height:20px !important;
}
  #uhuru_hubspot_subscribe p{
	line-height: 20px !important;
  }
  body #uhuru_hubspot_subscribe input[type="text"], body #uhuru_hubspot_subscribe input[type="email"]{
	line-height: 22px !important;
  }
}
/* Uhuru Warning Note Shortcode */
.uh_warning_note p{
margin:0px;
padding:0px;
}
#stick-nav{
z-index:900 !important;
}
#wpadminbar{
z-index:999;
}


/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.md-modal { 
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0,0,0,.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #fff;
	background: #e74c3c;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.md-show.md-effect-5 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg); 
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg); 
	opacity: 0;
}

.md-show.md-effect-6 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-9 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-9 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background: #e74c3c;
} 

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
	background: transparent;
}

.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-14 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-15 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(180,46,32,0.5);
}

.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}	

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.md-effect-17 .md-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.md-effect-18 .md-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.md-show.md-effect-18 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
	50% { 
		-webkit-transform: rotateX(10deg); 
		-webkit-animation-timing-function: ease-out; 
	}
}

@-moz-keyframes OpenTop {
	50% { 
		-moz-transform: rotateX(10deg); 
		-moz-animation-timing-function: ease-out; 
	}
}

@keyframes OpenTop {
	50% { 
		transform: rotateX(10deg); 
		animation-timing-function: ease-out; 
	}
}

.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

ul.upper-roman {
	list-style-type: decimal;
	margin-left: 25px;
}
ul.lower-roman {list-style-type: lower-alpha;}



/* CC Custom */
.page-template-template-page-creating-it #masthead,
.page-template-template-page-aos #masthead {
    height: 87px;
    margin-bottom: -87px;
    background: transparent;
	z-index: 2;
}
.page-template-template-page-creating-it .header-logo,
.page-template-template-page-aos .header-logo {
    margin: 16px auto 0 auto;
}
.page-template-template-page-creating-it .header-button,
.page-template-template-page-aos .header-button {
    position: absolute;
    left: 54px;
    top: 23px;
    text-align: center;
    font-size: 18px;
    padding: 5px 21px;
    font-family: GillSansMTStd-Bold;
}
.page-template-template-page-creating-it header.entry-header,
.page-template-template-page-aos header.entry-header {
    border-bottom: 0px;
    min-height: 439px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-template-template-page-creating-it header.entry-header h1.page-title,
.page-template-template-page-aos header.entry-header h1.page-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 35px;
	padding: 0 20px;
}

.page-template-template-page-creating-it .section1,
.page-template-template-page-aos .section1 {
	padding: 65px 0 70px;
}

.page-template-template-page-creating-it .section2,
.page-template-template-page-aos .section2 {
	background: #07617D;
	padding: 40px 0 30px;
}
.page-template-template-page-creating-it .section2 .grid-100,
.page-template-template-page-creating-it .section5 .grid-100,
.page-template-template-page-aos .section2 .grid-100 {
	padding: 0px 60px;
}

.page-template-template-page-creating-it .section3,
.page-template-template-page-aos .section3 {
	padding: 40px 0 30px;
}
.page-template-template-page-creating-it .section3 .text,
.page-template-template-page-aos .section3 .text {
	padding-top: 100px;
}
.page-template-template-page-aos .section3 .cc-image {
	max-width: 1320px;
    position: relative;
    left: -165px;
}

.page-template-template-page-aos .section4 {
	background: #F1F1F1;
}
.page-template-template-page-aos .section4:after {
	content: '';
	display: block;
	clear: both;
}
.page-template-template-page-aos .section4 .content {
	max-width: 1366px;
	margin: 0 auto;
}
.page-template-template-page-aos .section4 .image1 {
	width: 47%;
	float: left;
}
.page-template-template-page-aos .section4 .image2 {
	width: 52.20%;
	float: right;
}
.page-template-template-page-aos .section4 img {
	display: block;
}

.page-template-template-page-aos .section5 {
	padding: 40px 0;
}
.page-template-template-page-aos .section5 .links {
	box-sizing: border-box;
	padding-right: 25px;
	padding-top: 10px;
}
.page-template-template-page-aos .section5 .links ul {
	margin: 0;
	padding: 0;
}
.page-template-template-page-aos .section5 .links ul li {
	display: block;
	list-style: none;
}
.page-template-template-page-aos .section5 .links ul li a {
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
}
.page-template-template-page-aos .section5 .links ul li a span,
.page-template-template-page-aos .section5 .links ul li a img {
	display: inline-block;
	vertical-align: middle;
}
.page-template-template-page-aos .section5 .text {
	box-sizing: border-box;
	padding-left: 26px;
	padding-top: 10px;
	background: url('images/new/line-bg.jpg') no-repeat top left;
}
.page-template-template-page-aos .video-cont {
    display: inline-block;
    background: #353333;
    padding: 24px 24px;
	margin: 40px 0;
}
.page-template-template-page-aos .video-cont img {
    display: block;
}
.quote-cont {
    text-align: center;
    padding: 60px 0 50px;
}
.quote-cont .quote-content {
	position: relative;
	padding: 10px 80px 0;
}
.quote-cont p {
	color: #333;
    font-family: "Cardo";
    /*font-size: 30px;*/
    font-size: 24px;
	margin: 0 0 20px;
	font-style: italic;
	font-weight: normal;
}
.quote-cont .author p {
	color: #363434;
    font-family: "GillSansMTStd-Book";
    font-weight: bold;
    font-size: 20px;
	margin: 0 0 0;
	font-style: normal;
}
.quote-cont .quote-left {
	background: url('images/new/quote-left.png') no-repeat center;
	width: 80px;
	height: 62px;
	position: absolute;
	top: 0;
	left: 15px;
}
.quote-cont .quote-right {
	background: url('images/new/quote-right.png') no-repeat center;
	width: 81px;
	height: 62px;
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.page-template-template-page-creating-it .section1 img {
	margin-top: 65px;
}
.page-template-template-page-creating-it .section3 .cc-image {
	max-width: 828px;
    position: relative;
    left: -153px;
}
.page-template-template-page-creating-it .section4 {
    background: #f1f1f1;
}
.page-template-template-page-creating-it .section4 img {
	display: block;
	margin: 0 auto;
}
.page-template-template-page-creating-it .section5 {
    padding: 55px 0 30px;
}

.other-work-cont {
    max-width: 1384px;
    margin: 0 auto;
	padding: 20px 0 35px;
}
.other-work-cont h2 {
	font-size: 48px;
	margin-bottom: 5px;
}
.other-work-cont .image-arrow {
	margin-bottom: 15px;
}
.other-work:after {
	content: '';
	display: block;
	clear: both;
}
.other-work .work-item {
    /* max-width: 336px; */
    width: 24.28%;
    margin: 0 .35% 20px;
    position: relative;
    height: 308px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left;
    box-sizing: border-box;
    padding: 10px 20px;
	display: table;
}
.other-work .work-item .image-icon {
	margin-bottom: 25px;
}
.other-work .work-item .content {
	position: relative;
    display: table-cell;
    vertical-align: middle;
}
.other-work .work-item .content h3 {
	font-size: 30px;
	margin-bottom: 15px;
}
.other-work .work-item .content p {
	font-size: 24px;
	color: #fff;
	font-family: GillSansMTStd-Book;
	line-height: 1;
	margin-bottom: 25px;
}
.other-work .work-item .content a {
	font-size: 15px;
    font-family: GillSansMTStd-Bold;
    padding: 6px 17px;
}

.page-template-template-page-creating-it .section7 {
    background: #11A5B3;
}
.page-template-template-page-creating-it .section7 .grid-100 {
	padding: 25px 30px 40px;
}
.page-template-template-page-creating-it .section7 h2 {
	font-size: 48px;
	color: #353333;
	margin-bottom: 15px;
}
.page-template-template-page-creating-it .section7 h3 {
	font-size: 48px;
	font-family: GillSansMTStd-Book;
	font-weight: bold;
	margin-bottom: 25px;
}
.page-template-template-page-creating-it .section7 a {
    font-size: 20px;
    font-family: GillSansMTStd-Bold;
    padding: 9px 24px;
	
}


/* building a brand */
.page-template-template-page-building-brand header.entry-header {
    border-bottom: 0px;
    min-height: 362px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-template-template-page-building-brand header.entry-header h1.page-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 30px;
	padding: 0 20px;
}

.page-template-template-page-building-brand .section1 {
	padding: 30px 0 20px;
}
.page-template-template-page-building-brand .section1 img {
	margin-top: 40px;
}

.page-template-template-page-building-brand .section2 {
	background: #07617D;
	padding: 40px 0 30px;
}
.page-template-template-page-building-brand .section2 .grid-100 {
	padding: 0px 60px;
}

.page-template-template-page-building-brand .section3 {
	padding: 25px 0;
}
.page-template-template-page-building-brand .section3 .text {
	padding-top: 20px;
}
.page-template-template-page-building-brand .section3 .cc-image {
	max-width: 996px;
    position: relative;
    left: -165px;
}
.page-template-template-page-building-brand .quote-cont {
    padding: 20px 0 50px;
}

.page-template-template-page-building-brand .section4 {
    background: #f1f1f1;
}
.page-template-template-page-building-brand .section4 img {
	display: block;
	margin: 0 auto;
}

.page-template-template-page-building-brand .section7,
.page-template-template-page-building-brand .section5 {
	padding: 40px 0;
}
.page-template-template-page-building-brand .section7 .links,
.page-template-template-page-building-brand .section5 .links {
	box-sizing: border-box;
	padding-right: 25px;
	padding-top: 10px;
}
.page-template-template-page-building-brand .section7 .links ul,
.page-template-template-page-building-brand .section5 .links ul {
	margin: 0;
	padding: 0;
}
.page-template-template-page-building-brand .section7 .links ul li,
.page-template-template-page-building-brand .section5 .links ul li {
	display: block;
	list-style: none;
	line-height: 40px;
}
.page-template-template-page-building-brand .section7 .links ul li a,
.page-template-template-page-building-brand .section5 .links ul li a {
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
}
.page-template-template-page-building-brand .section7 .links ul li a span,
.page-template-template-page-building-brand .section7 .links ul li a img,
.page-template-template-page-building-brand .section5 .links ul li a span,
.page-template-template-page-building-brand .section5 .links ul li a img {
	display: inline-block;
	vertical-align: middle;
}
.page-template-template-page-building-brand .section7 .text,
.page-template-template-page-building-brand .section5 .text {
	box-sizing: border-box;
	padding-left: 26px;
	padding-top: 10px;
	background: url('images/new/line-bg.jpg') no-repeat top left;
}

.page-template-template-page-building-brand .section6 h2 {
    font-size: 48px;
	margin: 0 0 20px;
}
.page-template-template-page-building-brand .section6 .examples {
	background: #F6F6F6;
	padding: 20px 20px 0;
}
.page-template-template-page-building-brand .section6 img {
	display: inline-block;
	vertical-align: top;
	margin: 0px 21px 15px;
}

.page-template-template-page-building-brand .section7 .links {
    padding-right: 16px;
}

.page-template-template-page-building-brand .section8 {
	padding: 0 0 30px;
}
.page-template-template-page-building-brand .section8 h2 {
    font-size: 48px;
	margin: 0 0 40px;
}
.page-template-template-page-building-brand .section8 .examples {
	padding: 0 20px 35px;
}
.page-template-template-page-building-brand .section8 .examples img {
	display: inline-block;
	vertical-align: top;
	margin: 0px 13px 30px;
}

.offers-cont {
	background: #179DAB;
	padding: 25px 0 30px;
}
.offers-cont .content {
	width: 69%;
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
}
.offers-cont .content h3 {
	color: #D1EBEE;
	/*font-weight: bold;
    font-family: "GillSans";*/
    font-family: GillSansMTStd-Bold;
    font-size: 24px;
	margin: 0 0 20px;
}
.offers-cont .content img {
    float: left;
    margin: 20px 12px 30px 0;
}
.offers-cont .content p {
    color: #333;
    /*font-family: "GillSans";*/
    font-family: GillSansMTStd-Book;
	font-weight: bold;
    font-size: 19px;
    margin: 0;
    font-style: italic;
}
.offers-cont .content .author p {
    font-size: 17px;
}
.offers-cont .offer-link {
	width: 31%;
	float: right;
	box-sizing: border-box;
	padding-right: 30px;
	text-align: center;
}
.offers-cont .offer-link a img {
	margin-bottom: 25px;
}
.offers-cont .offer-link a {
    text-decoration: none;
    display: block;
	border-color: #fff;
	max-width: 300px;
    margin: 0 auto;
}
.offers-cont .offer-link a:hover {
	background-color: #fff;
}
.offers-cont .offer-link a:hover span {
	color: #12a5b4;
}
.offers-cont .offer-link a span {
	/*font-weight: bold;
    font-family: "GillSans";*/
    font-size: 16px;
    color: #fff;
    font-family: GillSansMTStd-Bold;
    display: block;;
}




@media only screen and ( max-width: 1024px ) {

	.page-template-template-page-creating-it .header-button, 
	.page-template-template-page-aos .header-button,
	.page-template-template-page-building-brand .header-button {
		display: none;
	}
	
	.other-work {
		max-width: 712px;
		margin: 0 auto;
	}
	
	.other-work .work-item {
		width: 336px;
		margin: 0 10px 20px;
	}
	
}

@media only screen and ( max-width: 768px ) {
	
	.other-work {
		max-width: 356px;
		margin: 0 auto;
		padding: 0 20px;
	}
	
	.other-work .work-item {
		width: 100%;
		margin: 0 0 20px;
	}

	.page-template-template-page-building-brand .section2 .grid-100 {
		padding: 0px 20px;
	}
	
	.page-template-template-page-building-brand .section3 .cc-image {
		max-width: 100%;
		position: relative;
		left: 0;
	}
	
	.quote-cont {
		padding: 40px 0 30px;
	}
	
	.quote-cont p {
		/*font-size: 27px !important;*/
		font-size: 20px;
	}
	
	.quote-cont .author p {
		font-size: 18px;
	}
	
	.quote-cont .quote-content {
		padding: 10px 25px 0;
	}
	
	.quote-cont .quote-left {
		background-size: 100%;
		width: 40px;
		height: 30px;
		left: 5px;
	}
	
	.quote-cont .quote-right {
		background-size: 100%;
		width: 40px;
		height: 30px;
		bottom: 5px;
		right: 5px;
	}

	.page-template-template-page-building-brand .section7 .links, 
	.page-template-template-page-building-brand .section5 .links {
		box-sizing: border-box;
		padding-right: 0;
		padding-top: 0;
		text-align: center;
		margin-bottom: 45px;
	}
	
	.page-template-template-page-building-brand .section7 .text, 
	.page-template-template-page-building-brand .section5 .text {
		padding: 10px;
		background: none;
	}
	
	.page-template-template-page-building-brand .section6 img {
		margin: 0px 15px 30px;
		width: 200px;
	}
	
	.page-template-template-page-building-brand .section8 .examples img {
		display: block;
		margin: 0px auto 30px;
	}
	
	.offers-cont .content {
		width: 100%;
		float: none;
		box-sizing: border-box;
		padding-left: 0;
		padding-right: 0;
		padding-top: 15px;
		margin-bottom: 30px;
		text-align: center;
	}
	
	.offers-cont .content img {
		float: none;
		margin: 0px auto 20px;
		display: block;
		width: 100px;
	}
	

	.offers-cont .offer-link {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	
	
	.page-template-template-page-creating-it .section2 .grid-100, 
	.page-template-template-page-creating-it .section5 .grid-100, 
	.page-template-template-page-aos .section2 .grid-100 {
		padding: 0px 20px;
	}
		
	.page-template-template-page-creating-it .section3 .text, .page-template-template-page-aos .section3 .text {
		padding-top: 0px;
	}	
	
	.page-template-template-page-aos .section3 .cc-image {
		max-width: 100%;
		left: 0;
	}
		
	.page-template-template-page-aos .section5 .links {
		box-sizing: border-box;
		padding-right: 0;
		padding-top: 0;
		text-align: center;
		margin-bottom: 45px;
	}
	
	.page-template-template-page-aos .section5 .text {
		padding: 10px;
		background: none;
	}
	
	.page-template-template-page-creating-it .section3 .cc-image {
		max-width: 100%;
		left: 0;
	}
	
}


/* Landing 2 */
.cc-wrap {
	max-width: 1200px;
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
}
.cc-container {
	max-width: 1020px;
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
}

.landing2 header.entry-header {
    border-bottom: 0px;
	position: relative;
	background-position: top center !important;
    background-repeat: no-repeat;
	padding-top: 50px;
}

.landing2 header.entry-header .cc-container {
	position: initial;
}
.landing2 header.entry-header p.subtitle {
    color: #bafff3;
    font-size: 79px;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 45px;
	font-family: 'Cardo';
    font-weight: bold;
}
.landing2 header.entry-header .title-cont h1 {
	font-size: 49px;
}
.landing2 header.entry-header .title-cont {
    max-width: 820px;
	margin: 0 auto;
}
.landing2 header.entry-header .image-cont {
    position: absolute;
    left: 0;
    width: 60.5%;
	margin-top:85px;
}
.landing2 header.entry-header .content1 {
    width: 58.14%;
	float: right;
	text-align: left;
	padding-bottom: 10px;
}
.landing2 header.entry-header .content2 {
    width: 35.68%;
	float: right;
	text-align: left;
}
.landing2 header.entry-header p {
    font-size: 16px;
    font-family: GillSansMTStd-Book;
    margin: 0 0 15px;
    line-height: 1.4;
}
.landing2 header.entry-header p strong {
    font-size: 18px;
	font-family: GillSansMTStd-Bold;
	color: #373534;
}

.table-of-contents {
    position: relative;
    padding: 150px 0 0;
}
.table-of-contents h3 {
    font-size: 33px;
    color: #17a6b4;
    margin: 0;
	line-height: 1;
}
.table-of-contents h4 {
    font-size: 48px;
    color: #373534;
	line-height: 1;
    margin: 0 0 25px;
    /*margin: 0 0 40px;*/
	font-family: "Cardo";
}
.table-of-contents .cc-title {
    margin-bottom: 30px;
}
.table-divider1 {
	width: 100%;
	height: 13px;
	background: url('images/landing2/table-line1.jpg') repeat-x top left;
}
.table-divider2 {
	width: 100%;
	height: 18px;
	background: url('images/landing2/table-line2.jpg') repeat-x top left;
}
.table-of-contents-link {
	padding: 12px !important;
    border: 3px solid #17a6b4;
    border-radius: 3px;
}
.table-of-contents-wrap {
    border: 3px solid #17a6b4;
    border-radius: 3px;
    padding: 20px 55px 5px;
}
.table-of-contents-link ul {
	padding: 0;
    margin: 0;
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.table-of-contents-link ul.list1 {
    width: 56%;
}
.table-of-contents-link ul.list2 {
    width: 43%;
}
.table-of-contents-link ul li {
	display: block;
	/*width: 49%;*/
	list-style: none;
	text-align: left;
	margin-bottom: 14px;
}
.table-of-contents-link ul li a {
    position: relative;
    display: block;
    line-height: 40px;
    padding-left: 50px;
}
.table-of-contents-link ul li span {
	background: url('images/landing2/number-bg.png') no-repeat center;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 30px;
	font-family: "Cardo";
	font-weight: bold;
	color: #fff;
	width: 40px;
	line-height: 40px;
	margin-right: 10px;
	position: absolute;
    left: 0;
}
.table-of-contents-link ul li p {
	display: inline-block;
    vertical-align: middle;
    font-size: 21px !important;
    font-weight: bold;
    color: #17a6b4;
    font-family: GillSansMTStd-Bold !important;
    margin: 0 !important;
    line-height: 1 !important;
}


.sections {
	color: #373534;
}
.sections p {
	font-family: GillSansMTStd-Book;
	font-weight: bold;
	line-height: 1.5;
}
.sections ul li {
	font-family: GillSansMTStd-Book;
	font-weight: bold;
	line-height: 1.5;
}


.landing2 #section1 {
	/*padding-top: 60px;*/
	padding-top: 80px;
	padding-bottom: 55px;
}
.landing2 #section1 h2 {
    font-size: 33px;
    color: #17a6b4;
    text-align: center;
	margin: 0;
	padding-bottom: 50px;
}
.landing2 #section1 h2 span {
    display: block;
	font-size: 48px;
	color: #373534;
	font-family: "Cardo";
	font-weight: bold;
}
.landing2 #section1 .content-list {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	padding: 0 20px 0 10px;
	box-sizing: border-box;
	margin-bottom: 25px;
}
.landing2 #section1 .content-list.full {
	width: 100%;
	display: block;
}
.landing2 #section1 .content-list-item {
	position: relative;
	padding-left: 120px;
	padding-top: 17px;
	margin-bottom: 45px;
}
.landing2 #section1 .content-list-item span.number {
	background: url('images/landing2/number-bg2.png') no-repeat center;
	display: block;
	text-align: center;
	font-size: 77px;
	font-family: "Cardo";
	font-weight: bold;
	color: #fff;
	width: 104px;
	line-height: 103px;
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
}
.landing2 #section1 .content-list-item span.number.small {
	font-size: 60px;
}
.landing2 #section1 .content-list-item h4 {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 10px;
}
.landing2 #section1 .content-list-item p {
	font-size: 16px;
	margin-bottom: 15px;
}

.landing2 #section1 .content2 {
	background: url('images/landing2/section1-bg.png') no-repeat center top;
	padding-top: 20px;
}
.landing2 #section1 .content2 img {
	display: block;
	margin: 0 auto;
}
.landing2 #section1 .content2 .text {
	padding: 20px 20px 90px;
}
.landing2 #section1 .content2 .text h4 {
	font-size: 18px;
    font-weight: bold;
}
.landing2 #section1 .content2 .text h4 strong {
	color: #17a6b4;
}
.landing2 #section1 .content2 .text h5 {
	font-size: 18px;
    font-weight: bold;
	color: #166380;
}


.landing2 #section2 {
	background: #17a6b4 url('images/landing2/section2-bg.jpg') no-repeat center top;
	padding-top: 90px;
	padding-bottom: 65px;
	background-size: 100%;
}
.landing2 #section2 h2 {
    font-size: 49px;
    color: #ffffff;
    text-align: center;
	margin: 0;
	padding-bottom: 50px;
}
.landing2 #section2 h2 span {
    display: block;
	font-size: 63px;
	color: #bafff3;
	font-family: "Cardo";
	font-weight: bold;
}
.landing2 #section2 .description-top .cc-container {
	padding: 0 135px 85px;
}
.landing2 #section2 .description-top h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 65px;
}
.landing2 #section2 .description-top p {
	font-size: 16px;
	margin: 0;
}

.landing2 #section2 .content1 h3 {
	font-size: 33px;
    text-align: center;
    color: #fff;
    font-weight: bold;
	margin: 0 0 35px;
}
.landing2 #section2 .content1 h3 span {
	display: block;
    font-size: 48px;
    color: #373534;
    font-family: 'Cardo';
}
.landing2 #section2 .content-list {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	padding: 0 20px 0 10px;
	box-sizing: border-box;
	margin-bottom: 25px;
}
.landing2 #section2 .content-list.full {
	width: 100%;
	display: block;
}
.landing2 #section2 .content-list-item {
	position: relative;
	padding-left: 120px;
	padding-top: 17px;
	margin-bottom: 45px;
}
.landing2 #section2 .content-list-item span.number {
	background: url('images/landing2/number-bg3.png') no-repeat center;
	display: block;
	text-align: center;
	font-size: 55px;
	font-family: "Cardo";
	font-weight: bold;
	color: #373534;
	width: 104px;
	line-height: 103px;
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
}
.landing2 #section2 .content-list-item h4 {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 10px;
	color: #fff;
}
.landing2 #section2 .content-list-item p {
	font-size: 16px;
	margin-bottom: 15px;
	color: #fff;
}
.landing2 #section2 .content-list-item p a {
	text-decoration: underline;
	color: #fff;
}
.landing2 #section2 .content-list-item ul {
	margin: 0 0 15px;
}
.landing2 #section2 .content-list-item ul li {
	font-size: 16px;
	color: #fff;
	list-style: none;
}
.landing2 #section2 .content-list-item ul li:before {
	font-size: 23px;
    display: inline-block;
    vertical-align: middle;
    color: #166380;
    content: "• ";
    line-height: 1;
    margin-left: 10px;
    margin-right: 10px;
}

.landing2 #section2 .content2 {
	background: url('images/landing2/section2-image.jpg') no-repeat center top;
	background-size: cover;
	padding-bottom: 88px;
}
.landing2 #section2 .content2 .text {
	background: url('images/landing2/section2-bg2.png') repeat left top;
	box-sizing: border-box;
	padding: 30px 90px 25px 105px;
	max-width: 693px;
	color: #fff;
}
.landing2 #section2 .content2 .text h3 {
	font-size: 48px;
	color: #bafff3;
	margin: 0 0 20px;
	font-weight: bold;
}
.landing2 #section2 .content2 .text h4 {
	font-size: 27px;
	margin: 0 0 30px;
	font-weight: bold;
}
.landing2 #section2 .content2 .text p {
	font-size: 23px;
	margin: 0 0 20px;
}
.landing2 #section2 .content2 .text ul {
	margin: 0 0 20px;
	padding: 0;
}
.landing2 #section2 .content2 .text ul li {
    list-style: none;
    padding-left: 35px;
    position: relative;
	font-size: 23px;
}
.landing2 #section2 .content2 .text ul li:before {
    font-size: 28px;
    position: absolute;
    vertical-align: middle;
    color: #bafff3;
    content: "• ";
    line-height: 1;
    left: 10px;
    top: 3px;
}

.landing2 #section3 .content1 {
	background: #166380 url('images/landing2/section3-bg.jpg') no-repeat center bottom;
	padding-top: 55px;
}
.landing2 #section3 h2 {
	font-size: 49px;
	color: #fff;
	text-align: center;
	margin: 0 0 70px;
}
.landing2 #section3 h2 span {
	font-size: 63px;
	color: #bafff3;
	font-family: "Cardo";
	display: block;
	font-weight: bold;
}
.landing2 #section3 .content1 .text {
	width: 52.5%;
	box-sizing: border-box;
	padding-left: 7.5%;
	padding-right: 15px;
}
.landing2 #section3 .content1 .image2 {
	text-align: center;
}
.landing2 #section3 .content1 .image2 a {
    color: #166380;
    font-size: 14px;
    font-weight: bold;
	text-decoration: underline;
}
.landing2 #section3 .content1 h3 {
	font-size: 22px;
	margin: 0 0 10px;
	font-weight: bold;
}
.landing2 #section3 .content1 p {
	font-size: 16px;
	margin: 0 0 15px;
	font-weight: normal;
	line-height: 1.4;
}
.landing2 #section3 .content1 p a {
	color: #fff;
	text-decoration: underline;
}
.landing2 #section3 .content1 strong {
	font-size: 14px;
	color: #17a6b4;
}
.landing2 #section3 .content1 img {
	display: block;
	margin: 0 auto;
	padding-top: 50px;
}
.landing2 #section3 .content1 .image {
    position: absolute;
    right: 0;
	width: 48.75%;
}

.landing2 #section3 .content2 {
	padding-top: 40px;
	background: url('images/landing2/section3-bg2.jpg') no-repeat center bottom;
}
.landing2 #section3 .content2 .text {
	width: 55.88%;
	display: inline-block;
	vertical-align: top;
}
.landing2 #section3 .content2 .image {
	width: 41.12%;
	display: inline-block;
	vertical-align: top;
	padding-top: 30px;
}
.landing2 #section3 .content2 h3 {
	font-size: 22px;
	margin: 0 0 10px;
	font-weight: bold;
}
.landing2 #section3 .content2 p {
	font-size: 16px;
	margin: 0 0 15px;
	line-height: 1.4;
}
.landing2 #section3 .content2 strong {
	font-family: GillSansMTStd-Bold;
}
.landing2 #section3 .content2 u {
	font-size: 16px;
	color: #17a6b4;
	text-decoration: none;
}
.landing2 #section3 .content2 .bottom-content {
	padding-top: 30px;
	padding-bottom: 40px;
}
.landing2 #section3 .content2 .bottom-content img {
	display: block;
	margin: 0 auto 20px;
}

.landing2 #section3 .content3 {
	background: #17a6b4;
	padding-top: 50px;
	padding-bottom: 35px;
}
.landing2 #section3 .content3 h3 {
	font-size: 22px;
	margin: 0 0 10px;
	font-weight: bold;
}
.landing2 #section3 .content3 p {
	font-size: 16px;
	margin: 0 0 15px;
	line-height: 1.4;
}
.landing2 #section3 .content3 u {
	font-size: 16px;
	font-family: GillSansMTStd-Bold;
	color: #373534;
	text-decoration: none;
}
.landing2 #section3 .content3 img {
	margin: 0 0 20px;
	display: block;
}
.landing2 #section3 .content3 .text-bottom {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	padding-top: 40px;
}
.landing2 #section3 .content3 .text-bottom.left {
	padding-right: 20px;
}
.landing2 #section3 .content3 .text-bottom.right {
	padding-left: 20px;
}
.landing2 #section3 .content3 .text-bottom h3 {
	padding-top: 20px;
}


.landing2 #section4 {
	/*background: url('images/landing2/section4-bg.png') no-repeat center -27px;*/
	position: relative;
	padding-top: 75px;
	padding-bottom: 25px;
}
.landing2 #section4 .section4-image {
    background: url('images/landing2/section4-bg.png') no-repeat center -27px;
    position: absolute;
    height: 596px;
    width: 100%;
    top: 0;
}
.landing2 #section4 .fb-section .section-desc {
    background: #f7f7f7 url('images/landing2/fb-bg.jpg') repeat-x top center;
}
.landing2 #section4 .title-cont .cc-container {
	padding: 0 150px;
}
.landing2 #section4 .title-cont {
	margin-bottom: 30px;
}
.landing2 #section4 .title-cont h2 {
	font-size: 49px;
	color: #373534;
	margin: 0 0 40px;
}
.landing2 #section4 .title-cont h2 span {
	font-size: 63px;
	color: #17a6b4;
	font-family: "Cardo";
	display: block;
	font-weight: bold;
}
.landing2 #section4 .title-cont p {
    font-size: 18px;
    font-family: GillSansMTStd-Bold;
	margin: 0;
	line-height: 1.2;
	padding: 0 30px;
}

.landing2 #section4 .section-desc .cc-container {
	padding: 0 75px;
	padding-bottom: 20px;
}
.landing2 #section4 .section-desc img {
	display: block;
    margin: 0 auto;
    margin-bottom: 26px;
}
.landing2 #section4 .section-desc h3 {
	font-size: 35px;
    font-weight: bold;
    margin: 0 0 45px;
}
.landing2 #section4 .section-desc p {
	font-size: 18px;
    font-weight: bold;
	font-family: GillSansMTStd-Bold;
	margin: 0 0 15px;
	line-height: 1.2;
    color: #17a6b4;
}

.landing2 #section4 .section-content {
	background: #f7f7f7;
	padding: 70px 0 25px;
}
.landing2 #section4 .instagram-section .section-content,
.landing2 #section4 .twitter-section .section-content {
	padding: 70px 0 120px;
}
.landing2 #section4 .pinterest-section,
.landing2 #section4 .youtube-section {
    margin-top: -60px;
}
.landing2 #section4 .section-content .cc-container {
	padding: 0 55px;
}
.landing2 #section4 .section-content h3 {
	font-size: 22px;
	margin: 0 0 10px;
	font-weight: bold;
}
.landing2 #section4 .section-content p a {
	color: initial;
	text-decoration: underline;
}
.landing2 #section4 .section-content p {
	font-size: 16px;
	margin: 0 0 15px;
	line-height: 1.4;
}
.landing2 #section4 .section-content ul {
	padding: 0;
	margin: 0 0 15px;
}
.landing2 #section4 .pinterest-section .section-content ul {
    margin: 0 0 35px;
}
.landing2 #section4 .section-content ul li {
    font-size: 16px;
    margin: 0 0 0;
    line-height: 1.4;
    list-style: none;
    padding-left: 35px;
    position: relative;
}
.landing2 #section4 .pinterest-section .section-content ul li {
    margin: 0 0 15px;
}
.landing2 #section4 .section-content ul li:before {
    font-size: 25px;
    position: absolute;
    vertical-align: middle;
    color: #166380;
    content: "• ";
    line-height: 1;
    left: 15px;
    top: -3px;
}
.landing2 #section4 .section-content p strong {
	color: #17a6b4;
}
.landing2 #section4 .section-content u {
	font-size: 14px;
	font-family: GillSansMTStd-Bold;
	color: #17a6b4;
}
.landing2 #section4 .fb-section .section-content img {
    float: right;
    margin-left: 55px;
    margin-bottom: 30px;
    margin-right: -165px;
}

.landing2 #section4 .twitter-section .section-desc {
	background: url('images/landing2/section4-bg2.jpg') no-repeat center top;
	padding-top: 35px;
	padding-bottom: 25px;
	background-size: 100%;
}
.landing2 #section4 .section-content .text {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	box-sizing: border-box;
	padding-right: 35px;
}
.landing2 #section4 .section-content .text.full {
    width: 100%;
    display: block;
    padding-right: 0;
}
.landing2 #section4 .section-content .image {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
}
.landing2 #section4 .section-content .image img {
    display: block;
    height: 334px;
    max-width: 587px;
}

.landing2 #section4 .youtube-section .section-desc {
	padding-top: 0;
	padding-bottom: 40px;
}

.landing2 #section4 .instagram-section .section-desc {
	background: url('images/landing2/section4-bg2.jpg') no-repeat center top;
	padding-top: 35px;
	padding-bottom: 25px;
	background-size: 100%;
}

.landing2 #section4 .pinterest-section .section-desc {
	padding-top: 0;
	padding-bottom: 30px;
}

.landing2 #section4 .snapchat-section .section-desc {
	background: url('images/landing2/section4-bg2.jpg') no-repeat center top;
	padding-top: 35px;
	padding-bottom: 25px;
	background-size: 100%;
}
.landing2 #section4 .snapchat-section .section-content {
    background: #fff;
}


.landing2 #section5 {
    background: #166380;
	background-size: 100%;
	padding-top: 90px;
}
.landing2 #section5 h2 {
	font-size: 49px;
	color: #fff;
	text-align: center;
	margin: 0 0 50px;
}
.landing2 #section5 h2 span {
	font-size: 63px;
	color: #bafff3;
	font-family: "Cardo";
	display: block;
	font-weight: bold;
}
.landing2 #section5 .title-cont {
	padding-bottom: 100px;
}
.landing2 #section5 .title-cont p {
	font-size: 18px;
	font-family: GillSansMTStd-Bold;
	padding: 0 135px;
	margin: 0;
	font-weight: normal;
	line-height: 1.2;
}
.landing2 #section5 .content1 .text {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0 100px 0 10px;
}
.landing2 #section5 .content1 .image {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
	padding-right: 20px;
}
.landing2 #section5 .content1 .image img {
    /*max-width: 592px;
    margin-left: -95px;*/
	display: block;
}
.landing2 #section5 .content1 h3 {
	font-size: 22px;
	margin: 0 0 20px;
	padding-top: 15px;
	font-weight: bold;
}
.landing2 #section5 .content1 p {
	font-size: 16px;
	margin: 0 0 15px;
	line-height: 1.4;
	font-weight: bold;
}
.landing2 #section5 .content1 p a {
	color: #fff;
	text-decoration: underline;
}


.landing2 .section6 {
	background: #17a6b4 url('images/landing2/section5-bg.jpg') no-repeat center top;
	background-size: 100%;
	padding-top: 185px;
	padding-bottom: 60px;
	margin-top: -125px;
}
.landing2 .section6 h2 {
	font-size: 49px;
	color: #fff;
	text-align: center;
	margin: 0 0 70px;
}
.landing2 .section6 h2 span {
	font-size: 63px;
	color: #bafff3;
	font-family: "Cardo";
	display: block;
	font-weight: bold;
}
.landing2 .section6 .title-cont p {
	font-size: 18px;
	font-family: GillSansMTStd-Bold;
	padding: 0 135px;
	margin: 0 0 15px;
	font-weight: normal;
	line-height: 1.2;
}
.landing2 .section6 .title-cont {
	padding-bottom: 90px;
	padding-top: 90px;
}
.landing2 .section6 .content1 h3 {
	font-size: 22px;
	margin: 0 0 10px;
	font-weight: bold;
}
.landing2 .section6 .content1 p {
	font-size: 16px;
	margin: 0 0 15px;
	line-height: 1.4;
}
.landing2 .section6 .content1 p a {
	color: #fff;
	text-decoration: underline;
}
.landing2 .section6 .content1 ul {
	padding: 0;
	margin: 0 0 15px;
}
.landing2 .section6 .content1 ul li {
    font-size: 16px;
    margin: 0 0 0;
    line-height: 1.4;
    list-style: none;
    padding-left: 35px;
    position: relative;
}
.landing2 .section6 .content1 ul li:before {
    font-size: 25px;
    position: absolute;
    vertical-align: middle;
    color: #166380;
    content: "• ";
    line-height: 1;
    left: 15px;
    top: -3px;
}
.landing2 .section6 .content1 u {
	font-size: 14px;
	color: #373534;
	font-family: GillSansMTStd-Bold;
}
.landing2 .section6 .content1 strong {
	font-size: 14px;
	color: #373534;
	font-family: GillSansMTStd-Bold;
}
.landing2 .section6  .content1 .text {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0 10px;
}
.landing2 .section6 .content1 .text.full {
	display: block;
	width: 100%;
	padding-top: 60px;
}
.landing2 .section6 .content1 .image {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
	padding-top: 95px;
}
.landing2 .section6 .content1 .image img {
    max-width: 518px;
    display: block;
    margin-left: -95px;
}
.landing2 .section6  .content1 h3 {
	font-size: 22px;
	margin: 0 0 20px;
	padding-top: 15px;
	font-weight: bold;
	padding-top: 20px;
}
.landing2 .section6 .content1 p {
	font-size: 16px;
	margin: 0 0 15px;
	line-height: 1.4;
	font-weight: bold;
}
.landing2 .section6 .text.list {
	padding-top: 30px;
}
.landing2 .section6 .text.bottom {
	padding-top: 60px;
}
.landing2 .section6 .text.bottom img {
	display: block;
	margin: 0 auto;
	padding: 40px 0 20px;
}
.landing2 .section6 .list-item {
	position: relative;
	padding-left: 120px;
	margin-bottom: 30px;
}
.landing2 .section6 .list-item span.number {
    background: url('images/landing2/number-bg3.png') no-repeat center;
	background-size: cover;
    display: block;
    text-align: center;
    font-size: 37px;
    font-family: "Cardo";
    font-weight: bold;
    color: #373534;
    width: 71px;
    line-height: 71px;
    position: absolute;
    top: 0;
    left: 20px;
}


.landing2 #section7 {
	padding-top: 100px;
	padding-bottom: 65px;
}
.landing2 #section7 .title-cont {
	padding-bottom: 85px;
}
.landing2 #section7 h2 {
	font-size: 49px;
	text-align: center;
	margin: 0 0 50px;
}
.landing2 #section7 h2 span {
	font-size: 63px;
	color: #17a6b4;
	font-family: "Cardo";
	display: block;
	font-weight: bold;
}
.landing2 #section7 .title-cont p {
	font-size: 18px;
	margin: 0 0 20px;
	font-weight: bold;
	padding: 0 70px;
	font-family: GillSansMTStd-Bold;
}
.landing2 #section7 .content1 h3,
.landing2 #section7 .content2 h3 {
	font-size: 22px;
	margin: 0 0 15px;
	padding: 20px 20px 0;
	font-weight: bold;
}
.landing2 #section7 .content2 h3 {
	color: #17a6b4;
}
.landing2 #section7 .content1 p,
.landing2 #section7 .content2 p {
	font-size: 16px;
	margin: 0 0 10px;
	line-height: 1.4;
	font-weight: bold;
	padding: 0 20px;
}
.landing2 #section7 .content1 p a,
.landing2 #section7 .content2 p a {
	text-decoration: underline;
	color: initial;
}
.landing2 #section7 .content1 em  {
	text-decoration: underline;
	color: #17a6b4;
	font-style: normal;
	margin-top: -5px;
}
.landing2 #section7 img {
	padding: 20px 0;
}


.landing2 #section8 {
	background: #17a6b4;
	padding-bottom: 85px;
	padding-top: 75px;
}
.landing2 #section8 h2 {
	font-size: 49px;
	color: #fff;
	text-align: center;
	margin: 0 0 50px;
}
.landing2 #section8 h2 span {
	font-size: 63px;
	color: #bafff3;
	font-family: "Cardo";
	display: block;
	font-weight: bold;
}
.landing2 #section8 .content1 {
	padding: 0 90px;
}
.landing2 #section8 .content1 h3 {
	font-size: 22px;
	margin: 0 0 20px;
	padding-top: 15px;
	font-weight: bold;
	padding: 0 65px;
}
.landing2 #section8 .content1 p {
	font-size: 16px;
	margin: 0 0 15px;
	line-height: 1.4;
	font-weight: bold;
}


nav.side-nav {
    position: fixed;
    color: #fff;
    right: 0;
    /*top: 150px;*/
	transform: translateY(50%);
    z-index: 100;
    width: 60px;
    padding: 10px;
}
nav.side-nav ul, nav.side-nav ul li {
    margin: 0;
    padding: 0;
}
nav.side-nav ul li {
    position: relative;
	list-style: none;
}
nav.side-nav a {
    z-index: 1;
    font-weight: bold;
    line-height: 33px;
    outline: 0;
    width: 33px;
    height: 33px;
    border-radius: 0px;
    margin: 0 0 0 10px;
    font-family: "Cardo";
    color: #fff!important;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 18px;
    background: #17A6B4;
}
nav.side-nav ul li:hover .tickbox {
	margin: 0;
	top: 50%;
	opacity: 1;
	border: none;
	-webkit-transition: all .2s;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transform: translateY(-50%);
	visibility: visible;
}
nav.side-nav .tickbox {
	visibility: hidden;
    right: 45px;
    opacity: 0;
    position: absolute;
    z-index: 999;
    color: #fff;
    top: 0;
    padding: 5px 15px;
    min-width: 170px;
    border-radius: 8px;
    margin: 0;
    min-height: 20px;
}
nav.side-nav .tickbox span {
	line-height: 1.1;
    display: block;
    width: 100%;
    font-size: 13px;
    font-family: 'GillSansMTStd-Book';
    text-align: center;
    font-weight: bold;
}
nav.side-nav .tickbox .arrow {
	width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
}
nav.side-nav .tickbox, 
nav.side-nav .tickbox .arrow:after, 
nav.side-nav li.active a {
    background: #373634 !important;
}
nav.side-nav li.active a {
    background: #373634 !important;
}
nav.side-nav .tickbox .arrow:after {
	content: "";
    left: -5px;
    top: 0; 
    width: 20px;
    height: 20px;
    position: absolute;
    -webkit-box-shadow: 6px 5px 9px -9px #fff,5px 6px 9px -9px #fff;
    -moz-box-shadow: 6px 5px 9px -9px #000,5px 6px 9px -9px #000;
    box-shadow: 6px 5px 9px -9px #fff,5px 6px 9px -9px #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 9999999999;
    border-radius: 50%;
}


#nav-slider {
    position: fixed;
    width: 435px;
    transition: all 300ms ease;
    top: 0px;
    right: -400px;
    padding: 0 0 0 35px;
    /* z-index: 99998; */
    z-index: 999;
    transform: translateY(50%);
}
.page-template-template-page-facebook-retargeting #nav-slider {
    transform: translateY(10%);
}
.cc-title em {
    display: inline-block;
    padding: 0;
    border-radius: 2px;
    line-height: 26px;
    margin: 0px 3px;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}
#nav-slider .cc-table-of-contents {
	border-left: 1px solid #f4f7fa;
	border-top: 1px solid #f4f7fa;
	overflow: auto;
    /*height: 100%;*/
}
.slider-btn {
    background-color: #17a6b4;
    color: #fff;
    left: 0;
    padding: 8px 10px 3px;
    position: absolute;
    top: 57px;
    outline: none!important;
    cursor: pointer;
    font-size: 18px;
    width: 35px;
    box-shadow: none !important;
    border-radius: 0px !important;
    border: 1px solid #fff;
    border-right: 0px;
}
.slider-btn:hover {
    background: #166380;
}
.slider-btn.open:after {
    content: "\f054";
}
.slider-btn:after {
    display: block;
    font-family: FontAwesome;
    content: "\f053";
	line-height: 32px;
}
.cc-title {
	margin: 0px 0px;
    background-color: #fff;
    color: #17a6b4;
    font-size: 21px;
    position: relative;
    padding: 8px 0;
    padding-left: 19px;
    text-align: center;
    font-weight: normal;
    font-family: GillSansMTStd-Bold;
}
.cc-title span {
    font-size: 14px;
    color: #444;
    display: inline-block;
    background: #ffffff;
    padding: 0 10px;
    margin-left: 10px;
    font-weight: normal;
}
ul.cc-list {
    display: block;
    line-height: 1.5;
    padding: 10px 20px;
    background: #cef3f7;
    margin: 0;
}
ul.cc-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.cc-list li ul {
	padding: 0;
	margin: 0;
}
ul.cc-list li a {
    font-size: 16px;
    display: block;
    text-decoration: none;
    color: #000;
    font-weight: 300;
    margin: 0;
    padding: 5px 20px 5px 25px;
    border: none!important;
    position: relative;
}
ul.cc-list li ul li a {
    padding: 5px 20px 5px 45px;
}
ul.cc-list li a:hover {
    background: rgba(35, 146, 208, 0.12);
}
.cc-number {
	width: 9px;
    height: 9px;
    margin-right: 12px;
    margin-top: 6px;
    border-radius: 50%;
    position: absolute;
    left: 9px;
}
.cc-number.cc-color2 {
    background: #17a6b4;
}
.cc-number.cc-color3 {
	background: #238C23;
    left: 20px;
}

#main .section-pad {
    padding: 20px 0px 30px;
}
p#breadcrumbs {
    font-size: 14px;
}


/* Facebook Retargeting */
.facebook-retargeting header.entry-header {
    border-bottom: 0px;
}
.facebook-retargeting .cc-container {
    max-width: 960px;
}
.facebook-retargeting h1 {
    color: #17a6b4;
    font-size: 80px;
    margin-bottom: 0;
    padding: 60px 0 40px;
    font-family: 'Cardo';
    font-weight: bold;
}
.facebook-retargeting h1 span {
    color: #3d3b3b;
    font-size: 39px;
    display: block;
    font-family: GillSansMTStd-Bold;
    font-weight: normal;
}
.facebook-retargeting .fr-main-image {
    border-bottom: #f1f1f1 1px solid;
    padding-bottom: 3px;
    margin-bottom: 20px;
}
.facebook-retargeting .fr-main-image img {
    display: block;
    margin: 0 auto;
}

.facebook-retargeting .table-of-contents {
    padding: 0;
    background: #e5ebeb;
    margin-bottom: 50px;
}
.facebook-retargeting .table-of-contents .cc-container {
	padding-top: 38px;
    padding-bottom: 38px;
}
.facebook-retargeting .table-of-contents ul {
    margin: 0;
    padding: 0;
}
.facebook-retargeting .table-of-contents ul li {
    list-style: none;
    display: contents;
    width: 100%;
    max-width: 442px;
    margin-bottom: 20px;
    background: #ffffff;
    box-sizing: border-box;
    float: left;
    text-align: center;
    margin-left: 75px;
}
.facebook-retargeting .table-of-contents ul li:nth-child(odd) {
	margin-left: 0px;
}
.facebook-retargeting .table-of-contents ul li .list-cont {
    display: table;
    min-height: 152px;
    width: 100%;
    padding: 15px 20px;
    max-width: 442px;
    margin: 0 auto 20px;
    background: #ffffff;
    box-sizing: border-box;
}
.facebook-retargeting .table-of-contents ul li a {
	color: #3d3b3b;
    font-size: 27px;
    text-decoration: none;
    font-family: 'Cardo';
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
}
.facebook-retargeting .table-of-contents ul li a span {
	color: #17a6b4;
    font-size: 23px;
    display: block;
    font-family: 'GillSansMTStd-Book';
    margin-bottom: 10px;
    line-height: 1;
}

.whats-next {
    color: #000;
    text-align: left;
	padding-bottom: 60px;
}
.whats-next .cc-container {
	padding: 75px 40px 0;
    border-top: 1px solid #d5d5d5;
}
.whats-next h2 {
    color: #3d3b3b;
    font-size: 50px;
    font-family: 'Cardo';
    font-weight: bold;
    margin: 0 0 70px;
	text-align: center;
}
.whats-next p {
    font-size: 20px;
    margin: 0 0 25px;
	font-family: 'GillSansMTStd-Book';
	font-weight: bold;
}
.whats-next p em {
    color: #353535;
    font-size: 20px;
    font-family: 'Cardo';
    font-weight: normal;
}
.whats-next p strong {
    font-size: 23px;
}
.whats-next h3 {
    color: #17a6b4;
    font-size: 37px;
    font-family: 'Cardo';
    font-weight: bold;
    margin: 0 0 45px;
}
.whats-next ul {
	margin: 0 0 25px;
    padding: 0;
}
.whats-next ul li {
    list-style: none;
    display: block;
	font-size: 20px;
	font-family: 'GillSansMTStd-Book';
    font-weight: bold;
    background: url(images/fr-list-bullet.png) left 4px no-repeat;
    padding-left: 40px;
    margin-bottom: 5px;
}

.facebook-retargeting .ebook-download {
    background: #3d3b3b;
    padding: 35px 0 25px;
    text-align: left;
}
.facebook-retargeting .ebook-download .content {
    max-width: 610px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 30px;
}
.facebook-retargeting .ebook-download img {
    float: right;
    margin-right: -95px;
}
.facebook-retargeting .ebook-download h5 {
    font-size: 46px;
    color: #edf1f1;
    font-family: 'Cardo';
    padding-right: 80px;
    margin: 0 0 10px;
    line-height: 1.2;
}
.facebook-retargeting .ebook-download p {
    color: #a7d5db;
    font-family: 'GillSansMTStd-Book';
    font-size: 20px;
    margin: 0 0 30px;
    line-height: 1.4;
}
.facebook-retargeting .ebook-download a {
    background: #17a6b4;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    font-family: 'GillSansMTStd-Book';
    text-transform: uppercase;
    line-height: 1.5;
    padding: 16px 33px;
    border-radius: 10px;
}

.facebook-retargeting .sections {
    color: #000000;
}
.facebook-retargeting .sections .section {
    padding-top: 65px;
    padding-bottom: 35px;
}
.facebook-retargeting .sections .cc-container {
    padding: 0 40px;
    border-bottom: 1px solid #d5d5d5;
}
.facebook-retargeting .sections h2.section-title {
    color: #3d3b3b;
    /* font-size: 71px; */
    font-size: 50px;
    text-align: center;
    font-family: 'Cardo';
    font-weight: bold;
    margin: 0 0 40px;
}
.facebook-retargeting .sections h2.section-title span {
    color: #17A5B3;
    font-size: 25px;
    display: block;
    font-family: 'GillSansMTStd-Book';
	margin-bottom: 7px;
}
.facebook-retargeting .sections h5 {
    /* font-size: 37px;
	margin: 0 0 45px; */
	font-size: 28px;
    margin: 0 0 25px;
    padding-top: 20px;
    font-family: 'Cardo';
    font-weight: bold;
	color: #17a6b4;
}
.facebook-retargeting .sections h2 {
    font-size: 30px;
}
.facebook-retargeting .sections h4 {
    font-size: 23px;
}
.facebook-retargeting .sections p {
    font-size: 20px;
    margin: 0 0 25px;
	/*font-size: 29px;
    margin: 0 0 45px;*/
    font-family: 'GillSansMTStd-Book';
    font-weight: bold;
}
.facebook-retargeting .sections p strong {
    font-family: 'GillSansMTStd-Bold';
    font-weight: normal;
}
.facebook-retargeting .sections ul {
    /*margin: 0 0 45px;*/
    margin: 0 0 25px;
    padding: 0;
}
.facebook-retargeting .sections li {
    list-style: none;
    display: block;
	/*font-size: 29px;*/
	font-size: 20px;
	font-family: 'GillSansMTStd-Book';
    font-weight: bold;
    background: url(images/fr-list-bullet.png) left 4px no-repeat;
    padding-left: 40px;
    margin-bottom: 5px;
}
.facebook-retargeting .sections li strong {
	font-family: 'GillSansMTStd-Bold';
}
.facebook-retargeting .sections img {
    display: block;
	margin: 0 auto 45px;
}
.facebook-retargeting .sections p em {
    color: #898989;
    font-size: 20px;
    /*font-size: 37px;*/
    font-family: 'Cardo';
    font-weight: normal;
}
.facebook-retargeting .sections p em a {
    text-decoration: underline;
	color: #17a6b4;
}
.facebook-retargeting .sections p em strong {
    font-family: 'Cardo';
    color: #000;
    /* font-size: 33px; */
    font-size: 24px;
	font-weight: bold;
}
.facebook-retargeting .sections .box-cont {
	border: 1px solid #d4d4d4;
    border-top: 27px solid #17A5B3;
    box-sizing: border-box;
    padding: 25px 20px 0;
    margin: 0 0 45px;
}
.facebook-retargeting .sec5Tbl {
	width: 80%;
}
.facebook-retargeting .sec5Tbl td {
	padding: 15px 20px;
	border: 1px solid #aba8a8;
}

.facebook-retargeting .sec5Tbl td.td1 {
	padding: 15px 20px;
	background:#f5f1f1;
}

.facebook-retargeting .sec5Tbl .tdhead {
	padding: 20px 20px;
    background: #17a6b4;
	text-transform: uppercase;
}

.facebook-retargeting .sec5Tbl .tdhead2 {
	padding: 20px 20px;
    background: #a8eaf0;
	text-transform: uppercase;
}


/* Media Queries */
@media only screen and ( max-width: 1100px ) {
	
	.facebook-retargeting .table-of-contents ul li {
		display: inline-block;
		max-width: 400px;
		float: none;
		margin: 0 20px 20px !important;
	}
	
	.facebook-retargeting .ebook-download img {
		float: none;
		margin: 0 auto 30px;
		display: block;
	}
	
	.facebook-retargeting .ebook-download .content {
		max-width: 100%;
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.cc-container {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.landing2 header.entry-header .title-cont {
		padding: 0 30px;
	}
	
	.landing2 header.entry-header {
		background: #17a6b4;
	}
		
	.landing2 header.entry-header .content1 {
		width: 100%;
	}	
	
	.landing2 header.entry-header .content2 {
		width: 100%;
		padding-bottom: 35px;
	}	
	
	.landing2 header.entry-header .image-cont {
		/*width: 40.5%;*/
		display: none;
	}
	
	.table-of-contents {
		padding: 45px 20px 0;
		background: #fff;
	}
	
	.landing2 #section2 {
		background-size: initial;
	}
	
	.landing2 #section5 .content1 .image {
		display: none;
	}
	
	.landing2 #section5 .content1 .text {
		display: block;
		width: 100%;
		padding: 0 30px;
	}
	
	.landing2 .section6 {
		background: #17a6b4;
		padding-top: 0;
		margin-top: 0;
	}
	
	.landing2 #section5 {
		padding-bottom: 60px;
	}
		
	.landing2 #section5 .content1 .image img {
		max-width: 100%;
		margin-left: 0;
	}
	
	.landing2 .section6 .content1 .image {
		display: none;
	}
	
	.landing2 .section6 .content1 .text {
		display: block;
		width: 100%;
	}
	
	.landing2 #section6 .content1 .image {
		padding-right: 30px;
	}
	
	.landing2 .section6 .content1 .image img {
		max-width: 100%;
		margin-left: 0;
	}
	
	.landing2 #section3 .content2 {
		background: none;
	}
	
	.landing2 #section3 .content2 .bottom-content {
		color: #000;
	}
	
	.landing2 #section7 img {
		display: block;
		margin: 0 auto;
	}
	
	.landing2 #section1 .content2 {
		background: none;
	}
	
	.landing2 #section3 .content1 .image {
		display: none;
	}
	
	.landing2 #section3 .content1 .text {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.landing2 #section3 .content1 {
		background: #166380;
	}
	
	.landing2 #section3 .content2 .image {
		display: none;
	}
	
	.landing2 #section3 .content2 .text {
		width: 100%;
	}
	
}

@media only screen and ( max-width: 768px ) {
	
	.page-template-template-page-facebook-retargeting #nav-slider {
		transform: translateY(50%);
	}
	
	#nav-slider .cc-table-of-contents {
		overflow-y: auto;
		overflow-x: hidden;
		height: 300px;
	}
	
	.facebook-retargeting h1 {
		font-size: 60px;
		word-break: break-word;
	}
	
	.facebook-retargeting .table-of-contents ul li {
		display: block;
		max-width: 300px;
		margin: 0 auto 20px !important;
	}
	
	.facebook-retargeting .table-of-contents ul li a {
		font-size: 25px;
		word-break: break-word;
	}
	
	.facebook-retargeting .table-of-contents ul li a span {
		font-size: 21px;
	}
	
	.whats-next .cc-container {
		padding: 75px 30px 0;
	}
	
	.whats-next h2 {
		font-size: 50px;
	}
	
	.whats-next ul li,
	.whats-next p {
		font-size: 20px;
	}
	
	.whats-next p strong {
		font-size: 22px;
	}
	
	.facebook-retargeting .sections p em strong,
	.facebook-retargeting .sections p em,
	.whats-next p em {
		font-size: 25px;
	}
	
	.whats-next h3 {
		font-size: 28px;
	}
	
	.facebook-retargeting .ebook-download img {
		width: 200px;
	}
	
	.facebook-retargeting .ebook-download h5 {
		font-size: 33px;
	}
	
	.facebook-retargeting .sections p,
	.facebook-retargeting .sections li,
	.facebook-retargeting .ebook-download p {
		font-size: 20px;
	}
	
	.facebook-retargeting .ebook-download a {
		font-size: 20px;
		padding: 10px 28px;
	}
	
	.facebook-retargeting .sections h3 {
		font-size: 50px;
		word-break: break-word;
	}
	
	.facebook-retargeting .sections h3 span {
		font-size: 27px;
	}
	
	.facebook-retargeting .sections h5 {
		font-size: 30px;
	}
	
	.table-of-contents-wrap {
		padding: 20px 30px 5px;
	}
	
	.table-of-contents-link ul {
		width: 100% !important;
	}
	
	.landing2 header.entry-header .image-cont {
		display: none;
	}
		
	.landing2 header.entry-header .content1,
	.landing2 header.entry-header .content2 {
		width: 100%;
	}
	
	.table-of-contents-link ul li {
		display: block;
		width: 100%;
	}
	
	.table-of-contents-link ul li p br { 
		display: none;
	}
	
	.landing2 header.entry-header .title-cont h1 {
		font-size: 39px;
	}
	
	.landing2 header.entry-header {
		padding-top: 60px;
	}
	
	.landing2 header.entry-header p.subtitle {
		font-size: 60px;
		padding-bottom: 30px;
	}
	
	.landing2 #section1 h2 {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.landing2 #section1 .content-list-item {
		padding-left: 60px;
		padding-top: 10px;
	}
	
	.landing2 #section1 .content-list {
		width: 100%;
		padding: 0;
	}
		
	.landing2 #section1 .content-list-item span.number {
		background-size: 100%;
		font-size: 30px !important;
		width: 50px;
		line-height: 50px;
		margin-right: 10px;
	}
		
	.landing2 #section1 .content2 {
		background: none
	}
	
	.landing2 #section1 .content2 .text {
		padding: 0px 0px 60px;
	}
	
	.landing2 #section2 h2 {
		font-size: 33px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.landing2 #section2 h2 span {
		font-size: 48px;
	}
	
	.landing2 #section2 .description-top .cc-container {
		padding: 0 30px 40px;
	}
	
	.landing2 #section2 {
		padding-top: 60px;
	}
	
	.landing2 #section2 .content-list {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	.landing2 #section2 .content-list-item span.number {
		background-size: 100%;
		font-size: 30px !important;
		width: 50px;
		line-height: 50px;
		margin-right: 10px;
	}
	
	.landing2 #section2 .content-list-item {
		padding-left: 60px;
		padding-top: 10px;
	}
	
	.landing2 #section2 .content2 .text h3 {
		font-size: 38px;
	}
	
	.landing2 #section2 .content2 .text h4 {
		font-size: 22px;
		margin: 0 0 30px;
	}
	
	.landing2 #section2 .content2 .text p {
		font-size: 20px;
	}
	
	.landing2 #section2 .description-top h4 {
		padding: 0;
	}
		
	.landing2 #section2 .content2 .text {
		width: 90%;
		margin: 0 auto;
		padding: 30px 40px 25px 40px;
	}
	
	.landing2 #section3 h2 {
		font-size: 33px !important;
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 0;
	}
	
	.landing2 #section3 h2 span {
		font-size: 48px !important;
	}
	
	.landing2 #section3 .content1 .image {
		position: relative;
		right: 0;
		width: 100%;
		max-width: 340px;
		float: right;
	}
	
	.landing2 #section3 .content1 .text {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		clear: both;
		padding-top: 40px;
	}
	
	.landing2 #section3 .content1 img {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.landing2 #section3 .content2 .text {
		width: 100%;
		display: block;
	}
	
	.landing2 #section3 .content2 {
		background: none;
	}
	
	.landing2 #section3 .content2 .bottom-content {
		color: #000;
	}
	
	.landing2 #section3 .content3 .text-bottom {
		width: 100%;
		display: block;
	}
	
	.landing2 #section3 .content3 .text-bottom.right,
	.landing2 #section3 .content3 .text-bottom.left {
		padding-right: 0px;
		padding-left: 0px;
	}
	
	.landing2 #section4 .title-cont h2 {
		font-size: 33px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.landing2 #section4 .title-cont h2 span {
		font-size: 48px;
	}
	
	.landing2 #section4 .title-cont .cc-container {
		padding: 0;
	}
	
	.landing2 #section4 .section-content .cc-container {
		padding: 0 30px;
	}
	
	.landing2 #section4 .fb-section .section-content img {
		float: none;
		margin: 20px auto 35px;
		display: block;
	}
	
	.landing2 #section4 .section-desc .cc-container {
		padding: 0 30px;
	}
	
	.landing2 #section4 .section-content .text {
		display: block;
		width: 100%;
		padding-right: 0;
	}
	
	.landing2 #section4 .section-content .image {
		display: block;
		width: 100%;
	}
	
	.landing2 #section4 .section-content .image img {
		display: block;
		height: auto;
		max-width: 100%;
		margin: 20px auto 35px;
	}
	
	.landing2 #section5 h2 {
		font-size: 33px;
	}
	
	.landing2 #section5 h2 span {
		font-size: 48px;
	}
	
	.landing2 #section5 {
		padding-top: 60px;
	}
	
	.landing2 #section5 .title-cont p {
		padding: 0;
	}
	
	.landing2 .section6 .title-cont {
		padding-bottom: 60px;
		padding-top: 10px;
	}
	
	.landing2 .section6 h2 {
		font-size: 33px;
		margin-bottom: 40px;
	}
	
	.landing2 .section6 h2 span {
		font-size: 48px;
	}
	
	.landing2 .section6 .title-cont p {
		padding: 0;
	}
	
	.landing2 .section6 .content1 .text {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	.landing2 .section6 .list-item span.number {
		background-size: 100%;
		font-size: 30px !important;
		width: 50px;
		line-height: 50px;
		margin-right: 10px;
		left: 0;
	}
	
	.landing2 .section6 .list-item {
		padding-left: 60px;
		padding-top: 10px;
		left: 0;
	}
	
	.landing2 #section7 {
		padding-top: 60px;
	}
	
	.landing2 #section7 h2 {
		font-size: 33px;
		margin-bottom: 40px;
	}
	
	.landing2 #section7 h2 span {
		font-size: 48px;
	}
	
	.landing2 #section7 .title-cont p {
		padding: 0;
	}
	
	.landing2 #section7 .content1 h3, 
	.landing2 #section7 .content2 h3,
	.landing2 #section7 .content1 p, 
	.landing2 #section7 .content2 p	{
		padding-left: 0;
		padding-right: 0;
	}
	
	.landing2 #section7 .title-cont {
		padding-bottom: 0;
	}
	
	.landing2 #section8 h2 {
		font-size: 33px;
		margin-bottom: 40px;
	}
	
	.landing2 #section8 h2 span {
		font-size: 48px;
	}
	
	.landing2 #section8 .content1 h3,
	.landing2 #section8 .content1 {
		padding: 0;
	}
	
	.landing2 #section8 {
		padding-bottom: 60px;
		padding-top: 60px;
	}
	
}

@page {
	margin: 1.5cm;
}

@media print {
	
	.page-template-template-page-team .team-header,
	.page-template-template-page-team .additional-links,
	.page-template-template-page-team .header-logo,
	.page-template-template-page-team div#trigger-overlay {
		display: none;
	}
	
	.page-template-template-page-team .imgSlide {
		height: auto;
	}
	
	.page-template-template-page-team .slide-contain {
		min-height: auto;
	}
	
	.page-template-template-page-team .slide-contain h1 {
		position: relative;
		bottom: 0;
	}

	.page-template-template-page-team h3.name {
		margin-bottom: 5px;
	}
	
	.team-member {
		height: 100% !important;
		padding-top: 0 !important;
		float: none !important;
		max-width: 100% !important;
	}
	
	.team-member:first-child:before {
		content: url('https://uhurunetwork.com/wp-content/uploads/2015/02/vanessa-rodriguez-team.jpg');
		display: block;
		margin: 0 auto;
	}
	
	.team-member:nth-child(2):before {
		content: url('https://uhurunetwork.com/wp-content/uploads/2015/02/fabrizio-trentacosti-team.jpg');
		display: block;
		margin: 0 auto;
	}
	
	.team-member:nth-child(3):before {
		content: url('https://uhurunetwork.com/wp-content/uploads/2016/07/peter-lang-headshot-2016_2.jpg');
		display: block;
		margin: 0 auto;
	}
	
	.page-template-template-page-building-brand header.entry-header,
	.page-template-template-page-creating-it header.entry-header, 
	.page-template-template-page-aos header.entry-header {
		min-height: auto;
	}
	
	.page-template-template-page-building-brand header.entry-header h1.page-title,
	.page-template-template-page-creating-it header.entry-header h1.page-title, 
	.page-template-template-page-aos header.entry-header h1.page-title {
		position: relative;
	}
	
	.section1 img {
		width: auto;
	}
	
	.page-template-template-page-creating-it .section3 .cc-image,
	.page-template-template-page-building-brand .section3 .cc-image,
	.page-template-template-page-aos .section3 .cc-image {
		left: 0;
	}
	
	.other-work .work-item .image-icon,
	.other-work-cont .image-arrow {
		display: none !important;
	}
	
	.other-work .work-item .content {
		width: 100% !important;
		display: block !important;
	}
	
	.other-work .work-item {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto;
		height: auto !important;
		float: none !important;
		display: block !important;
		background: none;
		text-align: center;
	}
	
	.page-template-template-page-building-brand .section7 .links ul li, 
	.page-template-template-page-building-brand .section5 .links ul li,
	.page-template-template-page-aos .section5 .links ul li {
		text-align: center;
	}
	
	.page-template-template-page-building-brand .section8 .examples img,
	.page-template-template-page-building-brand .section6 img {
		width: 80%;
	}
	
	.offers-cont .offer-link {
		display: none;
	}
	
	.offers-cont .content img {
		width: auto;
	}
	
	.offers-cont .content {
		width: 100%;
		float: none;
		text-align: center;
	}
	
	.page-template-template-page-building-brand .section7 .links ul li a span, 
	.page-template-template-page-building-brand .section7 .links ul li a img, 
	.page-template-template-page-building-brand .section5 .links ul li a span, 
	.page-template-template-page-building-brand .section5 .links ul li a img,
	.page-template-template-page-aos .section5 .links ul li a span, 
	.page-template-template-page-aos .section5 .links ul li a img {
		display: inline-block !important;
		width: auto !important;
		vertical-align: middle;
	}
	
	a.ghost-button,
	nav.side-nav,
	#masthead,
	.uhuru_hubspot_subscribe_box,
	footer#colophon {
		display: none !important;
	}
	
	.grid-50 {
		float: none;
		width: 100%;
	}
	
	body {
		font: 12pt Georgia, "Times New Roman", Times, serif;
		line-height: 1.3;
		background: none;
		color: black;
	}
	
	p,
	ul li {
		line-height: 1.3 ;
		color: black !important;
		font-family: Georgia, "Times New Roman", Times, serif ;
		font-size: 14px ;
	}
	
	h1,
	p.subtitle,
	h2,
	h2 span,
	h3,
	h3 span,
	h4,
	h5,
	strong,
	span.number	{
		color: black !important;
		font-family: Georgia, "Times New Roman", Times, serif ;
	}
	
	h2,
	html body .landing2 #section1 h2,
	html body .landing2 #section1 h2 span,
	html body .landing2 #section2 h2,
	html body .landing2 #section2 h2 span,
	html body .landing2 #section3 h2,
	html body .landing2 #section3 h2 span,
	html body .landing2 #section4 .title-cont h2,
	html body .landing2 #section4 .title-cont h2 span,
	html body .landing2 #section5 h2,
	html body .landing2 #section5 h2 span,
	html body .landing2 .section6 h2,
	html body .landing2 .section6 h2 span,
	html body .landing2 #section7 h2,
	html body .landing2 #section7 h2 span,
	html body .landing2 #section8 h2,
	html body .landing2 #section8 h2 span,
	h1,
	p.subtitle,
	.section h2,
	.section h2 span,
	h3,
	h3 span {
		font-size: 20px ;
	}
	
	.table-of-contents-link ul li p,
	h4,
	h5,
	html body .table-of-contents-link ul li span,
	html body .landing2 #section1 .content-list-item span.number,
	html body .landing2 #section2 .content-list-item span.number,
	html body .landing2 .section6 .list-item span.number {
		font-size: 14px ;
	}
	
	img {
		display: block !important;
		width: 100%;
		margin: 0 auto 10px !important;
		float: none !important;
	}
	
	.ready.section-pad,
	#case-studies .arrow-down,
	header.entry-header img {
		display: none;
	}
	
	.gillsansbook,
	.product h2 {
		text-align: center;
	}
	
	.md-icon {
		max-height: 100% !important;
		max-width: 80% !important;
	}
	
	.md-feature-item {
		height: auto !important;
	}
	
	p.text-center.quote img,
	#download-casestudy img,
	.resource img,
		width: auto;
	}
	#quote1 img {
		width: auto;
	}
	
	.resource {
		height: auto !important;
	}

	
	.home-post .grid-30 {
		text-align: left;
	}
	
	.landing2 #section4 .section-desc img {
		width: auto;
	}
	
	u {
		color: black !important;
		font-family: Georgia, "Times New Roman", Times, serif ;
		text-decoration: none;
	}
	
	.cc-container {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.landing2 header.entry-header .title-cont {
		padding: 0 30px;
	}
	
	.landing2 header.entry-header {
		background: #17a6b4;
	}
		
	.landing2 header.entry-header .content1 {
		width: 100%;
	}	
	
	.landing2 header.entry-header .content2 {
		width: 100%;
		padding-bottom: 35px;
	}	
	
	img.cat-logo,
	.landing2 header.entry-header .image-cont {
		/*width: 40.5%;*/
		display: none !important;
	}
	
	.table-of-contents {
		padding: 45px 0 0;
		background: #fff;
	}
	
	.landing2 #section2 {
		background-size: initial;
	}
	
	.landing2 #section5 .content1 .image {
		display: none;
	}
	
	.landing2 #section5 .content1 .text {
		display: block;
		width: 100%;
		padding: 0 30px;
	}
	
	.landing2 .section6 {
		background: #17a6b4;
		padding-top: 0;
		margin-top: 0;
	}
	
	.landing2 #section5 {
		padding-bottom: 60px;
	}
		
	.landing2 #section5 .content1 .image img {
		max-width: 100%;
		margin-left: 0;
	}
	
	.landing2 .section6 .content1 .image {
		display: none;
	}
	
	.landing2 .section6 .content1 .text {
		display: block;
		width: 100%;
	}
	
	.landing2 #section6 .content1 .image {
		padding-right: 30px;
	}
	
	.landing2 .section6 .content1 .image img {
		max-width: 100%;
		margin-left: 0;
	}
	
	.landing2 #section3 .content2 {
		background: none;
	}
	
	.landing2 #section3 .content2 .bottom-content {
		color: #000;
	}
	
	.landing2 #section7 img {
		display: block;
		margin: 0 auto;
	}
	
	.landing2 #section1 .content2 {
		background: none;
	}
	
	.landing2 #section3 .content1 .image {
		display: none;
	}
	
	.landing2 #section3 .content1 .text {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.landing2 #section3 .content1 {
		background: #166380;
	}
	
	.landing2 #section3 .content2 .image {
		display: none;
	}
	
	.landing2 #section3 .content2 .text {
		width: 100%;
	}
	
	
	/*  */
	
	.landing2 header.entry-header .image-cont {
		display: none;
	}
		
	.landing2 header.entry-header .content1,
	.landing2 header.entry-header .content2 {
		width: 100%;
	}
	
	.table-of-contents-link ul li {
		display: block;
		width: 100%;
	}
	
	.table-of-contents-link ul li p br { 
		display: none;
	}
	
	.landing2 header.entry-header .title-cont h1 {
		font-size: 39px;
	}
	
	.landing2 header.entry-header {
		padding-top: 60px;
	}
	
	.landing2 header.entry-header p.subtitle {
		font-size: 60px;
		padding-bottom: 30px;
	}
	
	.landing2 #section1 h2 {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.landing2 #section1 .content-list-item {
		padding-left: 60px;
		padding-top: 10px;
	}
	
	.landing2 #section1 .content-list {
		width: 100%;
		padding: 0;
	}
		
	.landing2 #section1 .content-list-item span.number {
		background-size: 100%;
		font-size: 30px !important;
		width: 50px;
		line-height: 50px;
		margin-right: 10px;
	}
		
	.landing2 #section1 .content2 {
		background: none
	}
	
	.landing2 #section1 .content2 .text {
		padding: 0px 0px 60px;
	}
	
	.landing2 #section2 h2 {
		font-size: 33px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.landing2 #section2 h2 span {
		font-size: 48px;
	}
	
	.landing2 #section2 .description-top .cc-container {
		padding: 0 30px 40px;
	}
	
	.landing2 #section2 {
		padding-top: 60px;
	}
	
	.landing2 #section2 .content-list {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	.landing2 #section2 .content-list-item span.number {
		background-size: 100%;
		font-size: 30px !important;
		width: 50px;
		line-height: 50px;
		margin-right: 10px;
	}
	
	.landing2 #section2 .content-list-item {
		padding-left: 60px;
		padding-top: 10px;
	}
	
	.landing2 #section2 .content2 .text h3 {
		font-size: 38px;
	}
	
	.landing2 #section2 .content2 .text h4 {
		font-size: 22px;
		margin: 0 0 30px;
	}
	
	.landing2 #section2 .content2 .text p {
		font-size: 20px;
	}
	
	.landing2 #section2 .description-top h4 {
		padding: 0;
	}
		
	.landing2 #section2 .content2 .text {
		width: 90%;
		margin: 0 auto;
		padding: 30px 40px 25px 40px;
	}
	
	.landing2 #section3 h2 {
		font-size: 33px !important;
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 0;
	}
	
	.landing2 #section3 h2 span {
		font-size: 48px !important;
	}
	
	.landing2 #section3 .content1 .image {
		position: relative;
		right: 0;
		width: 100%;
		max-width: 340px;
		float: right;
	}
	
	.landing2 #section3 .content1 .text {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		clear: both;
		padding-top: 40px;
	}
	
	.landing2 #section3 .content1 img {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.landing2 #section3 .content2 .text {
		width: 100%;
		display: block;
	}
	
	.landing2 #section3 .content2 {
		background: none;
	}
	
	.landing2 #section3 .content2 .bottom-content {
		color: #000;
	}
	
	.landing2 #section3 .content3 .text-bottom {
		width: 100%;
		display: block;
	}
	
	.landing2 #section3 .content3 .text-bottom.right,
	.landing2 #section3 .content3 .text-bottom.left {
		padding-right: 0px;
		padding-left: 0px;
	}
	
	.landing2 #section4 .title-cont h2 {
		font-size: 33px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.landing2 #section4 .title-cont h2 span {
		font-size: 48px;
	}
	
	.landing2 #section4 .title-cont .cc-container {
		padding: 0;
	}
	
	.landing2 #section4 .section-content .cc-container {
		padding: 0 30px;
	}
	
	.landing2 #section4 .fb-section .section-content img {
		float: none;
		margin: 20px auto 35px;
		display: block;
	}
	
	.landing2 #section4 .section-desc .cc-container {
		padding: 0 30px;
	}
	
	.landing2 #section4 .section-content .text {
		display: block;
		width: 100%;
		padding-right: 0;
	}
	
	.landing2 #section4 .section-content .image {
		display: block;
		width: 100%;
	}
	
	.landing2 #section4 .section-content .image img {
		display: block;
		height: auto;
		max-width: 100%;
		margin: 20px auto 35px;
	}
	
	.landing2 #section5 h2 {
		font-size: 33px;
	}
	
	.landing2 #section5 h2 span {
		font-size: 48px;
	}
	
	.landing2 #section5 {
		padding-top: 60px;
	}
	
	.landing2 #section5 .title-cont p {
		padding: 0;
	}
	
	.landing2 .section6 .title-cont {
		padding-bottom: 60px;
		padding-top: 10px;
	}
	
	.landing2 .section6 h2 {
		font-size: 33px;
		margin-bottom: 40px;
	}
	
	.landing2 .section6 h2 span {
		font-size: 48px;
	}
	
	.landing2 .section6 .title-cont p {
		padding: 0;
	}
	
	.landing2 .section6 .content1 .text {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	.landing2 .section6 .list-item span.number {
		background-size: 100%;
		font-size: 30px !important;
		width: 50px;
		line-height: 50px;
		margin-right: 10px;
		left: 0;
	}
	
	.landing2 .section6 .list-item {
		padding-left: 60px;
		padding-top: 10px;
		left: 0;
	}
	
	.landing2 #section7 {
		padding-top: 60px;
	}
	
	.landing2 #section7 h2 {
		font-size: 33px;
		margin-bottom: 40px;
	}
	
	.landing2 #section7 h2 span {
		font-size: 48px;
	}
	
	.landing2 #section7 .title-cont p {
		padding: 0;
	}
	
	.landing2 #section7 .content1 h3, 
	.landing2 #section7 .content2 h3,
	.landing2 #section7 .content1 p, 
	.landing2 #section7 .content2 p	{
		padding-left: 0;
		padding-right: 0;
	}
	
	.landing2 #section7 .title-cont {
		padding-bottom: 0;
	}
	
	.landing2 #section8 h2 {
		font-size: 33px;
		margin-bottom: 40px;
	}
	
	.landing2 #section8 h2 span {
		font-size: 48px;
	}
	
	.landing2 #section8 .content1 h3,
	.landing2 #section8 .content1 {
		padding: 0;
	}
	
	.landing2 #section8 {
		padding-bottom: 60px;
		padding-top: 60px;
	}
	
}

body #products {
    padding-top: 45px;
}
.uhuru_company_lis ul{
    margin: 30px 0 50px;
    text-align: center;
    list-style: none;
}
.uhuru_company_lis ul li{
    display: inline-block;
    width: 22.5%;
    margin: 0 10px 30px;
}

@media screen and (max-width: 850px) {
	.uhuru_company_lis ul li{
		width: 28.5%;	
	}
}

@media screen and (max-width: 500px) {

	#nav-slider {
		width: 300px;
		top: 50%;
		right: -265px;
		margin-top: -233px;
		transform: initial;
	}
	 
}

@media screen and (max-width: 480px) {
	.uhuru_company_lis ul li{
		width: 40.5%;	
	}
}

@media screen and (max-width: 380px) {
	.uhuru_company_lis ul li{
		width: 70.5%;
	}
}

/* Career Page Template */
body.page-template-template-page-career .content-box{
	padding:40px 0;
	
}
body.page-template-template-page-career .content-box .cg-container{
	max-width:950px;
	margin:0 auto;	
	padding:0 20px;
}

body.page-template-template-page-career .content-box a{
	color:rgba(0,0,0,.7);
	text-decoration:underline;
}
body.page-template-template-page-career .content-box p{
	 margin-bottom: 1em;
}
body.page-template-template-page-career .content-box h2 {
	 margin-bottom: 25px;
}
body.page-template-template-page-career .content-box h2 span{ 
	font-size:24px;
	display:block;
}
.cg-align-center {
	text-align:center;
}
.cg-row {
	display:block;
	position:relative;
	margin:20px 0;
}
.cg-row:after {
	content:" ";
	display:block;
	clear:both;
}

.cg-row.cg-col2 .cg-col-item{
	width:46%;
	float:left;
	display:block;
	padding:2%;
}

.cg-list-wrap ul {
	padding:0;
	margin:10px 0;
	list-style:none;
	color:#fff;	
}
.cg-list-wrap ul li:before{
    content: " ";
    display: inline-block;
    margin-top: 8px;
    margin-right: 10px;
    background: url(images/list-arrow.png) center no-repeat;
    width: 17px;
    height: 15px;
    vertical-align: top;
}

body.page-template-template-page-career #uhuru-freedom {
	background:#05BDAD;
	color:#fff;
}

body.page-template-template-page-career #uhuru-freedom h1 span{
	color:rgba(0,0,0,.7);
}

body.page-template-template-page-career #uhuru-freedom h2 span {
    color: rgba(0,0,0,.7) !important;
  font-size: 48px !important;
  display:inline-block !important;
}

body.page-template-template-page-career #uhuru-freedom h2 {
    font-size: 48px !important;
}

body.page-template-template-page-career #uhuru-freedom .cg-img-wrap {
	height: 300px;
	
}
body.page-template-template-page-career #uhuru-freedom .cg-img-wrap img{
	border:5px solid #05BDAD;
}
body.page-template-template-page-career #uhuru-benefits.content-box {
	background:#353333;
	color:#fff;
	padding:70px 0 40px;
}

.cg-table td.title {
	color:#12a5b4;	
}
.cg-table td {
	font-size:18px;
	font-weight:bold;
	padding:15px;
	border-bottom:1px solid #4e4e4e;
}
.cg-table td a.cg-button{
    color: #fff!important;
    background: #12a5b4;
    width: 158px;
    height: 36px;
    text-align: center;
    display: block;
    font-weight: bold;
    text-decoration: none!important;
    line-height: 35px;
	margin:0 auto;
}
body.page-template-template-page-career #work-at-uhuru .cg-row.cg-col2 .cg-col-item{
	float:right;
	
}

body.page-template-template-page-career #work-at-uhuru p {
	font-size:14px;
	line-height:25px;
}
body.page-template-template-page-career #work-at-uhuru p strong { 
	display:block;
}

@media only screen and (max-width:640px){
	
	body .cg-row .cg-col-item {
		width:96%!important;
		float:none!important;
	}
	
	body.page-template-template-page-career #uhuru-freedom .cg-img-wrap {
		height: auto;
	}
	body .cg-table tr {
		display:block;
		border-bottom: 1px solid #4e4e4e;
		display: block;
		padding: 20px 0;
	}
	body .cg-table td {
		border-bottom: 0;
		display: block;
		padding: 10px 0;
		text-align: left!important;
	}	
	
	.cg-table td a.cg-button {
		margin:0;
	}
	
		
	
	
}



/***************************Marketing Software Comparison Page****************************/

.comparison .grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    padding-left: 10px;
    padding-right: 10px;
}

.compare-grid p {
    margin-bottom: 1em !important;
    font-size: 18px !important;
}

.comparison header.entry-header {
    border-bottom: none !important;
    text-align: center;
}

.comparison h1 {
    color: #17a6b4;
    font-size: 50px;
    margin-bottom: 0;
    padding: 60px 0 40px;
    font-family: 'Cardo';
    font-weight: bold;
}

.comparison .main-image {
	margin-bottom: 30px;
	border-top: 1px solid #d4d4d7;
	padding-top: 30px;
}

.comparison .compare {
	width: 970px;
    margin: 20px auto;
}

.postid-9469 .cell-container {
	background: #ededed;
	padding: 30px;
	font-family: 'Oxygen', sans-serif;
}

.postid-9469 .entry-header {
    border-bottom: 10px solid #363434;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    position: relative;
}
.postid-9469 .entry-footer.grid-container {
    max-width: 990px !important;
    padding-bottom: 20px;
}

.pp-container {
	max-width: 960px;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
}
.pp-container .clear {
	clear: both;
}


.list_cell {
	width: 23.5%;
    display: block;
    float: left;
    background: #FFF;
    margin: 0 7px;
    padding: 10px;
}
.list_cell .logos {
	height: 50px;
	margin-bottom: 10px;
}
.list_cell ul {
	margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 14px;
}
.list_cell .pros {
	height: 380px;
	display: block;
}
.list_cell .cons {
	height: 220px;
	display: block;
}
.list_cell .pros,
.list_cell .cons {
	padding-bottom: 20px;
}

.list_cell ul {
    padding-left: 0px;
    margin-bottom: 15px;
}
.list_cell .pros li {
    padding-left: 24px;
    margin-left: 0px;
	padding-bottom: 10px;
}

.list_cell .pros li:before {
    content: "\f058";
    color: #12a5b4;
    font-family: FontAwesome;
    display: block;
    margin: 0 0px 0 -24px;
    font-size: 18px;
	width: 24px;
	float: left;
}

.list_cell .cons li {
    padding-left: 24px;
    margin-left: 0px;
	padding-bottom: 10px;
}

.list_cell .cons li:before {
    content: "\f00d";
    color: #08617e;
    font-family: FontAwesome;
    display: block;
    margin: 0 0px 0 -24px;
    font-size: 18px;
	width: 24px;
	float: left;
}

.compare-grid h2 {
	text-align: center;
	font-size: 30px;
	padding-bottom: 20px;
}

.tre-c-ratting {
    color: #81c474;
	margin-bottom: 40px;
}
.tre-c-ratting br {
	display: none;
}

.biglogo {
 text-align: center;
}
.sec-container {
	padding-bottom: 30px;
}

.pricing table {
	font-size: 13px;
	color: #626060;
}
.pricing td {
	padding-bottom: 13px;
}

.compare-grid h4 {
	font-size: 20px;
	color: #12a5b4;
}

.compare-grid .included li:before {
    content: "\f058";
    color: #12a5b4;
    font-family: FontAwesome;
    display: block;
    margin: 0 0px 0 -24px;
    font-size: 18px;
	width: 24px;
	float: left;
}

.compare-grid .missing li:before {
    content: "\f00d";
    color: #08617e;
    font-family: FontAwesome;
    display: block;
    margin: 0 0px 0 -24px;
    font-size: 18px;
	width: 24px;
	float: left;
}


.comapre-grid ul {
	margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 14px;
}

.included,
.missing {
	padding-bottom: 20px;
}

.compare-grid ul {
    padding-left: 0px;
    margin-bottom: 15px;
}
.included li {
    padding-left: 24px;
    margin-left: 0px;
	padding-bottom: 10px;
}

.missing li {
    padding-left: 24px;
    margin-left: 0px;
	padding-bottom: 10px;
}

.lead {
	min-height: 300px;
    height: 370px;
}
.leadMis {
	min-height: 200px;
	height: 300px;
}
.web {
	height: 250px;
}
.webMis {
	height: 140px;
}

.compare-grid .email {
	height: 650px;
}
.compare-grid .emailMis {
	height: 590px;
}

.soc {
	height: 330px;
}
.socMis {
	height: 240px;
}
.rep {
	height: 300px;
}
.repMis {
	height: 250px;
}
.integ {
	height: 590px;
}
.integMis {
	height: 290px;
}

.mobLogos {
	display: none;
}
/** Case Studies **/
.case_study_content entry-content grid-container{
	margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    padding-left: 10px;
    padding-right: 10px;
}
.case_study_content {
	margin-bottom:50px;
}
.case_study_content h3 {
	margin-bottom:0;
}
.study_date {
	font-size:15px;
 	margin-bottom: 15px;
}
.case_study_content a.excerpt-read-more {
      background-color: #12a5b4;
    color: white;
    padding: 10px 14px;
    border-radius: 6px;
}
@media screen and (max-width: 850px) {
	
	.comparison .compare {
    width: 93%;
    }
	.postid-9469 .cell-container {
    padding: 10px;
    }
	.list_cell {
    width: 23%;
    }
	.list_cell .pros {
    height: 480px;
    }
	.list_cell .cons {
    height: 260px;
    }
	.lead {
    height: 520px;
	}
	.leadMis {
    height: 430px;
	}
	.web {
    height: 330px;
	}
	.webMis {
    height: 190px;
	}
	.compare-grid .email {
    height: 750px;
	}
	.compare-grid .emailMis {
    height: 690px;
	}
	.soc {
    height: 430px;
	}
	.socMis {
    height: 290px;
	}
	.rep {
    height: 370px;
	}
	.repMis {
    height: 320px;
	}
	.integ {
    height: 650px;
	}
	.integMis {
    height: 350px;
	}
}

@media screen and (max-width: 500px) {
	#logosBox {
		display: none !important;
	}
	.mobLogos {
		display: block !important;
	}
	.list_cell {
    width: 90% !important;
    float: none !important;
    margin: 10px auto;
	}
	.list_cell ul {
    font-size: 18px !important;
	}
	.pricing table {
    font-size: 14px !important;
	}
	.list_cell .pros,
	.list_cell .cons,
	.lead,
	.leadMis,
	.web,
	.webMis,
	.compare-grid .email,
	.compare-grid .emailMis,
	.soc,
	.socMis,
	.rep,
	.repMis,
	.integ,
	.integMis {
    height: auto !important;
	}
}

/* Popup funnel */

#popup-uhuru-funnel{
	float:left;
	display:block;
	max-width:830px;
	width:100%;
}
#popup-uhuru-funnel .puf-image{
	float:left;
	width:40%;
	margin-top: 53px;	
}

#popup-uhuru-funnel .puf-form{
float:right;
width:54%;
}

#popup-uhuru-funnel .puf-form h3{
font-family: GillSansMTStd-Bold;
color: #FF8383;
text-align:center;
background:none;
font-size:34px;
padding:0px;
}
#popup-uhuru-funnel .puf-form p{
font-family: GillSansMTStd-Book;
color: #000000;
text-align:center;
font-size:18px;
}
#popup-uhuru-funnel .puf-form .hbspt-form{
font-family: GillSansMTStd-Book;
color: #000000;
}
#popup-uhuru-funnel .puf-form .inputs-list{
	padding:0px;
}
#popup-uhuru-funnel .puf-form .hbspt-form input[type="text"]{
    height: 5px;
    border-radius: 5px;
    padding: 20px;
}
#popup-uhuru-funnel .puf-form .hbspt-form input::placeholder{
	font-style:italic;
}
#popup-uhuru-funnel .puf-form .hbspt-form .hs_firstname{
	text-align: left;
}
#popup-uhuru-funnel .puf-form .hbspt-form .hs_lastname{
	padding-left:28px;
}
#popup-uhuru-funnel .puf-form .hbspt-form input[type="email"]{
    height: 5px;
    border-radius: 5px;
    padding: 20px;
}

#popup-uhuru-funnel .puf-form .hbspt-form .hs-submit .actions{
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#popup-uhuru-funnel .puf-form .hbspt-form .hs-error-msgs label{
	font-size:10px;
}

#popup-uhuru-funnel .puf-form .hs-submit .actions input[type="submit"]{
	background:none;
	border:none;
	font-size: 22px;
    padding: 13px 35px;
    text-shadow: none;
}

#popup-uhuru-funnel .puf-form .hbspt-form .hs-submit .actions input[type="submit"]{
	color:#FFFFFF;
	background-color:#00A6B6;
}
#popup-uhuru-funnel .puf-form .hbspt-form .md-content > div ul{
	padding:0px;
}

@media screen and (max-width: 1342px) {
	#popup-uhuru-funnel .puf-form .hbspt-form .hs-submit .actions input[type="submit"]{
	padding: 13px 15px;
	}
}
@media screen and (max-width: 1342px) {
	#popup-uhuru-funnel .puf-form .hbspt-form .hs-submit .actions input[type="submit"]{
		font-size:16px;
	}

}	


@media screen and (max-width: 583px) {
	#popup-uhuru-funnel .puf-image{
		width:100%;
		text-align:center;
	}
	#popup-uhuru-funnel .puf-image img{
		width:50%;
	}
	#popup-uhuru-funnel .puf-form{
		width:100%;
	}
	.pum-theme-11643 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    left: auto;
    right: 0px !important;
    bottom: auto;
    top: 0px !important;
    float: right;
    margin: 103px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
	#popup-uhuru-funnel .puf-form .hbspt-form .form-columns-2 .input, #popup-uhuru-funnel .puf-form .hbspt-form .form-columns-2 .hs_lastname{
		padding-left: 0px;
	}
}
@media screen and (max-width: 480px) {
	#popup-uhuru-funnel .puf-form .hbspt-form .hs_lastname{
		padding-left:0px;
	}
	#popup-uhuru-funnel .puf-form .hbspt-form .form-columns-2 .input{
		width: 95% !important;
	}
	#popup-uhuru-funnel .puf-form .hbspt-form .form-columns-1 .input{
		width: 95% !important;
	}
	#popup-uhuru-funnel .puf-form .hbspt-form .form-columns-2 .input .hs-input{
		padding: 20px 5%;
	}
	 #popup-uhuru-funnel .puf-form .hbspt-form .form-columns-1 .input .hs-input{
		padding: 20px 5%; 
	 }
	#popup-uhuru-funnel .puf-form .hbspt-form .hs_submit .actions .hs-button{
		font-size: 14px !important;
	}
}	

/* Profiles */

.uhprofile-main-con{
	float:left;
	width:100%;
}
.uhprofile-image-con{
	margin-right:5%;
}
.uhprofile-image-con, .uhprofile-main-content{
	float:left;
	width:45%;
}
.uhprofile-main-content{
	overflow-y:scroll;
	height:595px;
	margin-bottom:20px;
}
.uhprofile-main-content::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
    }
.uhprofile-main-content::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
.uhprofile-image-con{
	display:block;
	position:relative;
	width:50%;
	max-width:450px;
	min-height:200px;
}
.uhprofile-image-con img{
	width:100%;
}
.uhprofile-image-con .uhprofile-image-quote{
    position: absolute;
    bottom: 7px;
    background: #14a6b580;
    width: 100%;
    padding: 20px;
}
.uhprofile-image-con .uhprofile-image-quote p{
	margin-bottom:0px;
	color: white;
}
.uhprofile-image-con .uhprofile-image-quote span{
	font-size: 70px;
	display: block;
	width: 100%;
	color: #117d88;
}
.uhprofile-image-con .uhprofile-image-quote b{
	font-size:18px;
	text-align: right;
    display: block;
    color: white;
}
.uhprofile-image-con .uhprofile-image-quote span:first-child{
	text-align:left;
	height: 23px;
	line-height: 56px;
}
.uhprofile-image-con .uhprofile-image-quote span:last-child{
	text-align:right;
    height: 34px;
    line-height: 0px;
}
.uhpmessagelinks a{
    margin: 0 5px 10px 5px;
    display: inline-block;
    padding: 1px 10px;
    border: 1px solid #12a5b4;
    border-radius: 5px;
}
.uhpmessagelinks a .fa{
	margin-right:5px;
}
.uhpmessagelinks a:hover{
	border:1px solid #cccccc;
	background-color:#12a5b4;
	color:#FFFFFF;
}
.uhprofile-main-content-full{
	width: 100%;
    margin-top: 20px;
    float: left;
}
.uhprofile-main-content-full ul{
	display:inline-block;
	text-align:left;
}

.page-id-10348 .download-section{
 display:none; 
}
.faq-template-default .entry-meta{
 display:none; 
}
@media (max-width:768px){
	.uhprofile-image-con, .uhprofile-main-content{
		width: 100%;
    text-align: center;
    margin: 0 auto;
    float: none;
	}
	.uhprofile-main-content-full{
	text-align:center;	
	}
}