/*
Theme Name: Tidings
Author: Tidings Company LLC
Description: Official Theme of Tidings Company.
*/


/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	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-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* 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: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: 0.875rem;
	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. */
}



/* NAVBAR COLLAPSE OVERRIDE (990px instead of 768px bootstrap default) */

   /* @media (max-width: 991px) {
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding-left:0px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        
    }
    .navbar-nav>li {
        float: none;
    }

  
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    } */
}
    









.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}






/*GENERAL*/
.fullwidth {width:100%;}
a {color:#1F8A70; font-weight:600;}
a:visited {color:#004358}
a:active, a:hover {color:#66c06a}
.headercontainer {width:100%; background: #66c06a; color:#FFF}

*:focus, *:active {border:0;}
*:focus, *:active, button:focus, button:active {outline:none !important;}

.page-container {padding-top:2em; padding-bottom:2em;}
.entry {text-align:left; float:none;}
.single .entry {background:#FFF; padding:0px 20px 40px 20px; margin-right:0px; border:0px; position:relative; }
.help .entry {padding-top:20px}
.entrycol {padding:20px 0}
.entrycol a {display:block; padding:20px; font-weight:100}
.sharebuttons {text-align:center; display:block;font-size:1.7em; line-height:1.7em; padding-top:20px}
.sharebuttons a {color:#FFF;}
.author-info .sharebuttons a {color:#66c06a;}
.sharebuttons a:hover, .sharebuttons a:active {color:#FFE11A}
a.fa:hover {text-decoration:none}
a:hover .postdetails, a:active .postdetails {border-bottom:1px dotted #FFF;}
button {-webkit-box-shadow: none;	-moz-box-shadow: none;	box-shadow: none;}
.totalbkg {border-top:1px solid #1FA870; border-bottom:1px solid #d2d2d2; background:#fff}
.pricingbkg {background:#f2f4f6; margin-top:0; padding-top:0;}
.single .totalbkg {border-top:0px}
.category-vault .totalbkg {border-top:0px; background:#f8f8f8;}
.category-vault .totalbkg [class*='col'] .big-box, .category-vault .totalbkg [class*='col'] .mini-box {display:block; background:#FFF; border:1px solid #e2e4e6; padding:15px; margin-left:-15px; margin-bottom:15px; text-decoration: none}
.category-vault .totalbkg .outer-col {background:inherit; border:0px solid #FFF;}
.category-vault .totalbkg .sub-col {margin-left:-15px;}
#sidebar-right .widget {border:0px}

.grid-sizer, .grid-item {width:30%; margin:0 1.5% 15px 1.5%;}
.grid-item {float:left;}

@media (max-width:592px) {
  .grid-item {width:100%;}
}

.mini-box img {max-width:100%;}

.category-vault .totalbkg p {font-size:16px;}
.category-vault .totalbkg [class*='col'] .mini-box p {font-weight: 100; color:#222;}
.category-vault .totalbkg [class*='col'] .mini-box:hover {text-decoration:none; background:#1FA870; border:1px solid #1FA870;}
.category-vault .totalbkg [class*='col'] .mini-box:hover * {color:#FFF;}

.vault_article_wrap {text-decoration: none !important; margin: 15px 0px 25px -15px; display:block;}
.outer-col .readmore {margin-left:-15px;}
.outer-col .fa-5x {text-align:center; margin:0 auto; padding:15px 0; color:#555; display:block;}
@media (min-width:768px) and (max-width:992px) {.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}}

@media (max-width:768px) {.category-vault .totalbkg [class*='col'] .big-box {margin-right:-15px;}}

.btn {text-shadow: 0px 0px 0px #FFF !important; box-shadow: 0px 0px 0px #FFF !important;}

@media (min-width:1024px) {
#sidebar-right {float:right;}
}

@media (max-width:1024px) {
	#sidebar-right {float:none; clear:both; padding:30px;}}

#sidebar-left .widget ul {margin-left:0; padding-left:0; text-indent:none; list-style-type:none}
#sidebar-left .widget p, #sidebar-left .widget li {font-size:1em; list-style-type:none; text-indent:0; padding-left:0; margin-left:0}
#sidebar-left .widget li#menu-item-113 { padding-top:15px}
#sidebar-left .widget li#menu-item-113 a, #sidebar-left .widget li#menu-item-211 a, #sidebar-left .widget li#menu-item-622 a, #sidebar-left .widget li#menu-item-2628 a {text-decoration:none; color:#999;}
.widget li a {font-weight:normal;}


.navbar-default .navbar-toggle .icon-bar {background:#FFF; color:#FFF}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:active .icon-bar {background:#66c06a; color:#66c06a;}
.navbar-default .navbar-toggle {border:0px solid #FFF; position:absolute; top:10px; right:-10px; color:#FFF;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active {background:#FFF;}

.single .navbar-toggle {/*display:none; */}

.clearfix {width:100%; display:block; margin:0; padding:0; line-height:0; float:none; clear:both;}

.commentswrapper {padding:40px;}




footer {background:#fff !important; border:0px !important; padding-top:20px !important;}
footer .text-right {padding-top:6px;}
#menu-secondary-nav, #menu-secondary-nav li {padding:0; list-style-type:none; float:left; clear:none; margin:0;}
.footer-left a { float:left; clear:none; display:block; margin-right:15px}
#menu-secondary-nav li {position:relative;top:4px}
#menu-secondary-nav  {display:block; }

.footer-nav, .footer-nav li {list-style-type:none;padding:0px;margin:0px;}
.footer-nav li {display:inline-block; margin-right:12px; font-size:13px;}
.copyright {font-size:13px; color:#999;}
.social-footer {text-align:right;}
@media (max-width:768px) {.social-footer {text-align:left; padding-top:20px;}}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}



/* TYPOGRAPHY */
body {font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-family: "jubilat", Georgia, serif; }
h1 {font-size:3.0em; letter-spacing:-1px; margin-bottom: .75em; font-weight:400;}
h2 {font-size:2.6em; letter-spacing:-1px; font-weight:400;}
h3 {font-size:2.3em; font-weight:400;}
h4 {font-size:2.0em; font-weight:800; font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;}
h5 {font-size:1.6em; font-weight:800; font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;}
h6 {font-size:1.2em; font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1 a, h2 a, h3 a {font-weight: 400} 
#content p {font-size:1.3em; line-height:1.45em; margin-bottom: 1.15em;}
#content li {font-size:1.3em; line-height:1.3em; margin-bottom:.5em}
#content ul {margin-bottom: 1.15em}
.page-template-page-homepage-php form {font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.sans-serif {font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.serif {font-family:"Jubilat", Georgia, serif;}
.single #mc_embed_signup_scroll label {color:#FFF; font-size:.8em; }
.single #mc_embed_signup_scroll label a {color:#FFF; text-decoration:underline; font-weight:100; }
.single #mc_embed_signup_scroll label a:hover, .single #mc_embed_signup_scroll header label a:active {color:#1F8A70; text-decoration:underline;}
.single #mce-success-response {margin-top:40px}
.single h1, .single h2, .single h3, .single h4, .single h5, .single h6 {padding-top:.6em; padding-bottom:.1em}




#content .entrycol p {font-size:1.1em; line-height:1.5em;}
.entrycol a:hover, .entrycol a:active {color:#FFF; text-decoration:none; background:#1F8A70 !important; }
.postdetails {font-size:.8em; font-weight:100;}
.single .postdetails {font-size:1em; padding-left:0; padding-right:0px}

.single .entry h1 {padding-top:0px; margin-top:0px; margin-bottom:0px; padding-bottom:10px; }

#main img {max-width:100%;}
#main .extra-padding-vertical {padding-top:20px; padding-bottom:20px}

footer a {font-weight:100;}
footer .text-right a {text-decoration: none; font-size:1.2em; margin-left:5px; opacity:.8; filter: alpha(opacity=80)}
footer .text-right a:hover, footer .text-right a:active {opacity:1; filter:alpha(opacity=100)}
@media screen and (max-width:512px) {.footer-right {text-align:left; padding-top:25px !important; width:100%; float:none; clear:both;}}
.copyright {float:none; clear:both; padding:25px 0 15px 15px;}

label {font-weight:100}


#content .comment-content p {font-size:15px;}
.comment-reply-link {background:#e8e8e8;}


/* HEADER */
.home-nav, .regular-nav {padding-top:40px;font-size:13px; font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;}
.menu-homepage-menu-container {float:left;}
.home-nav ul {list-style-type:none; float:left; padding-top:12px; position:relative; left:-20px;}
@media (max-width:991px) {.home-nav ul {margin-left:38px; padding-top:0px; margin-top:-5px;}}
.home-nav img.logo {float:left; padding-top:0px !important;}
.home-nav li, .regular-nav li {float:left; margin-left:40px; padding:0px;}
.home-nav li a {text-decoration:none; color:#66c06a; font-weight:normal;}
.home-nav li a:hover, .home-nave li a:active {color:#004358;}

.regular-nav {padding-top:8px;}
.regular-nav .navbar-nav {padding-left:20px;}
.regular-nav .navbar-nav, .regular-nav .navbar-nav li a {font-size:13px; color:#FFF;}
.regular-nav .navbar-nav li a:hover {color:#FFE11A;}
.regular-nav .navbar-nav li {margin-left:0px;}

.regular-nav .navbar-nav li a.try-tidings {border-radius:5px; border:1px solid #FFF; padding:8px; margin:6px 20px 0px 20px;}
.regular-nav .navbar-nav li a.try-tidings:hover {background:#FFF; color: #66c06a;}


ul.utility-menu {width:auto !important; float:right; text-align:left;}

.navbar-nav li.active a, .navbar-nav li.current-menu-parent a {color:#FFE11A !important;}
@media screen and (min-width:768px) {.navbar-nav li.active a, .navbar-nav li.current-menu-parent a {background:transparent !important;}}
@media screen and (max-width:992px) {.home-nav li {margin-left:20px;}}

.navbar {background:none; -webkit-box-shadow: none; box-shadow:none; border:0px; margin-top:0px; width:100%; position:relative; top:3px}
.navbar li a {font-weight:100; text-transform:uppercase; font-size: 1.2em; -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow:none !important}
.navbar .current_page_item a {-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow:none !important}
.navbar li a:hover, .navbar li a:active, .navbar li.active a, .single .navbar li#menu-item-13 a {opacity: 1;  filter: alpha(opacity=100); }
.navbar li.active a, .single .navbar li#menu-item-13 a {-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow:none !important} /* Treat Category Nav option as active */
.single .navbar li#menu-item-15 {display:none;} /* Hide login button on single blog posts */
.navbar li#menu-item-44 {display:none}
.single .navbar li#menu-item-44 {display:block; position:absolute; top:-2px; right:0px; }
.navbar li#menu-item-15 {position:absolute; top:-2px; right:0px; }
.navbar li#menu-item-15 a, .single .navbar li#menu-item-44 a {border:2px solid #FFF; border-radius: 10px; }
.navbar li#menu-item-15 a:hover, .navbar li#menu-item-15 a:active, .single .navbar li#menu-item-44 a:hover, .single .navbar li#menu-item-44 a:active {background:#FFF; color:#66c06a !important;}
.navbar-header {text-align:left;}

.site-branding {}
header img.logo {width:240px; padding:1px 0px 6px 0; margin:0 0 0 -7px; }
header img.centeredlogo {margin:0px; padding-bottom:5px;}

@media screen and (max-width: 512px) {header img.logo {margin-right:0px;} }
@media screen and (max-width:991px) {/*.navbar-collapse {width:65%;}*/}
@media screen and (max-width: 991px) {
header img.logo {width:180px; padding-top:8px } 

.navbar li#menu-item-15, .single .navbar li#menu-item-44 {position:relative; top:0px;}
.navbar li#menu-item-15 a, single .navbar li#menu-item-44 a {border:0px;}
.navbar li#menu-item-15 a:hover, .navbar li#menu-item-15 a:active, single .navbar li#menu-item-44 a:hover, single .navbar li#menu-item-44 a:active {background:inherit; color:#FFF !important}
}



@media screen and (max-width:992px) {
.logo-subpage {margin-top:8px;}
ul#menu-primary-nav {padding:0; margin:-8px 0 0 20px; text-align:left;}
ul#menu-primary-nav li {float:none; padding:0; margin:0;}
ul#menu-primary-nav li a {padding:0; margin:0; color:#d4ffe6;}
ul#menu-primary-nav li a:hover, ul#menu-primary-nav li.active a {color:#FFE11a;}
}


@media (max-width:768px) {
.regular-nav .navbar-nav {padding-left:0;}
.regular-nav .navbar-nav {float:none; width:100%;}
.navbar-header {float:left; margin-left:15px !important;}
.regular-nav {float:none;}
.utility-menu {display:none;}
ul#menu-primary-nav {margin:0; width:100%; }
ul#menu-primary-nav li a {font-size:18px; padding:10px; background:#004358;}
.navbar-collapse {padding:0; clear:both;}
}





#gform_wrapper_4 .gfield_checkbox {margin-top:0px; padding-top:0px; font-weight:normal; }
#gform_wrapper_4 .gfield_checkbox li, #gform_wrapper_4 .gfield_checkbox li label {font-weight:normal;}
li#field_4_4 {padding-top:0px; margin-top:-20px; padding-bottom:0px; margin-bottom:-20px}

.previewblock { padding:20px;}
.home h1 {padding-top:50px; font-family:"Jubilat", Georgia, serif;}
.home .phoneimg {margin: 0px 10% -100px 0; float:right; clear:right; width:25%;}
.previewcontent {float:left;  }
.home h3 {padding-bottom:10px; font-size:31px;}
.previewcta {background:#FFF; padding-top:20px; min-height:200px; color:#111; }
.previewblock h3 a:hover  {color:#fff; text-decoration:underline}


.bignumber {font-size:60px;}
.bignumbersource, .bignumbersource a {color:#d2d2d2; font-weight:100 !important;}



.pictogram {font-size:60px; margin: 0 auto; text-align:center; }
.feature-individual {text-align:center; }
.featured-by a img {opacity:.4; -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
    filter: grayscale(80%); width:90%; max-width:225px; margin: 0 auto;}
.featured-by a:hover img, .featured-by a:active img {opacity:1; -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;}
.featured-by {margin:30px 0 0 0; padding:0;}

.page-template-page-homepage header {display:none}
.page-template-page-homepage .headercontainer {background:#FFF; color:#555}

.home img.logo {width:220px; padding:40px 0px 6px 0px; margin:0; }

@media screen and (min-width:991px) and (max-width:1200px) {
	.home h1 {font-size:36px;}
  .home h3 {font-size:30px; padding-bottom:20px}
	} 

@media screen and (max-width: 991px) {
.page-id-194 {}
.previewblock {padding:0px 0px 40px 0px; margin:0px;}
.home h1 {font-size:32px;}
.home h3 {font-size:26px; padding-bottom:10px}
.home h1 {padding-top:1%}
.previewblock .phoneimg {display:none}
.previewcontent {float:none; width:auto; }} 


#text-3, #text-5 {float:right; text-align:left; clear:right;}
#text-2, #text-6 {float:left; text-align:right; clear:left;}
#text-3 a, #text-5 a, #text-2 a, #text-6 a {text-transform:uppercase}


.hrf-faq-list, .hrf-entry, h3.hrf-title {background:none !important;}
.help-number, .help-number-headline {opacity:.8; filter:alpha(opacity=80); background:#004358; color:#FFF; position:absolute; font-size:20px; line-height:20px; padding:10px 15px; border-radius:40px; margin:0;}
.help-images {position:relative; float:left; clear:left; width:380px; padding-left:20px; padding-right:45px; margin-bottom:50px }
.help-number-headline {display:inline-block; margin-right:8px; position:relative; top:-3px; opacity:1; filter:alpha(opacity=100); }
.help-snippets {float:none; display:block}
.helpfeedbackwrapper {background:#f2f2f2; margin:0px 30px 20px 30px; padding:10px 20px; border-radius:10px; }
.page .helpfeedbackwrapper {margin-top:0px}

@media screen and (max-width:768px) { .help-images {display:none} }

@media screen and (min-width:480px) and (max-width:768px) {
	#text-2, #text-3, #text-5, #text-6 {float:left; text-align:left; clear:right; width:50%;}
	}

@media screen and (max-width: 480px) {
#text-3, #text-5, #text-2, #text-6 {float:none; clear:both; text-align:center;} }



.page-template-page-contact .totalbkg, .page-template-page-fullwidth .totalbkg, .page-template-page-howitworks .fullwidth {background:#f8f8f8; }

.page-template-page-howitworks .ctacontainer {background:#FFF; border-top:0px;}

.agency-sidebar .widget h1.widget-title {font-size:32px !important; padding:30px 20px 10px 20px;}
.agency-sidebar {background:#004358; color:#FFF;}
.agency-sidebar .widget label {font-weight:100 !important; font-size:14px;}
.agency-sidebar .gform_widget input, .agency-sidebar .gform_widget textarea {background:#a1c6d1; color:#004358;}
.agency-sidebar .gform_widget input[type=text], .agency-sidebar .gform_widget textarea {border:0px; border-bottom:1px solid #CCC; border-radius:0px;}
.agency-sidebar .gform_widget .gfield_required {color:#FFF;}
.agency-sidebar .gform_widget ul.gfield_checkbox, .agency-sidebar .gform_widget .gfield_checkbox li {padding-left:0px !important; font-size:13px;}
.agency-sidebar .gform_footer .button {font-size:28px !important; margin-left:16px !important; background:#FFE11A;}
.agency-sidebar .gform_footer .button:hover {background:#1FA870;}


#content .agency-sidebar .gform_widget .gform_wrapper .gfield_html p {font-size:14px;}
.agency-sidebar .gform_confirmation_wrapper {padding-left:20px; padding-right:20px; font-size:16px;}
.agency-sidebar .gform_confirmation_wrapper a {color:#FFE11A !important; cursor:pointer;}
.agency-sidebar .gform_confirmation_wrapper a:hover {color:#d2d2d2 !important;}

.page-id-2077 .gform_body /* AGENCY INSIDER SIGNUP */ {padding:20px 20px 0px 20px;}


.agency-sidebar .gform_widget .gform_wrapper .validation_error {color:#FFE11A; border-color:#FFE11A;}
.agency-sidebar .gform_widget .gform_wrapper .gfield_radio li {margin-left:0; padding-left:0;}
.agency-sidebar .gform_widget .gform_wrapper .gfield_radio li label {padding-left:10px;}
.agency-sidebar .gform_widget .gform_wrapper .gfield_error * {color:#FFE11A;}
.agency-sidebar .gform_widget .gform_wrapper .gfield_error input[type=text] {border:1px solid #FFE11A !important; color:#004358 !important;}
 
.page-id-2077 .gform_footer input.button {margin-right:40px !important; width:90% !important; text-transform: uppercase !important}

.page-template-page-homepage .fullwidth, .category-vault .fullwidth {background:#f8f8f8; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.category-vault .fullwidth {background:#FFF}

.page-template-page-homepage .ctacontainer {background:#FFF; border-top:0px;}


.page-template-page-homepage-php form {padding-top:20px; padding-bottom:40px;}
.page-template-page-homepage-php form.search-form {padding-bottom:20px; margin-bottom:-20px; font-size:20px}
.page-template-page-homepage-php form.search-form label {padding-bottom:5px; font-size:16px}
form.link-form {color:#999; padding-top:0px; margin-top:-35px}
 .link-form label, .link-form .input-group {float:left;}
 .link-form label {padding:10px 10px 10px 0px; line-height:13px;}
input.link-field {border:0px; box-shadow:none; -webkit-box-shadow:none; background:none; border-bottom:1px solid #CCC; padding-left:0px; display:inline !important; width:100% !important; border-radius:0px; }





@media screen and (min-width:768px) {input.link-field {min-width:400px;} /* .manualformwrap {width:60%; padding:20px;} */}
@media screen and (max-width:768px) {/* .manualformwrap {width:100%; padding:20px;} .manualformwrap .input-group {width:100%;} */}
.input-group-btn {clear:right;}
.hide-mobile {display:inline}
.mobile-only {display:none}

input.link-field:focus {border:0px; box-shadow:none; -webkit-box-shadow:none; border-bottom:1px solid #CCC;}
.page-template-page-homepage-php input#autocomplete {position:relative; padding-left:30px; background:url(img/fb_favicon.png) #FFF no-repeat; background-position: 5px 5px; width:100%;}


button.btn-home {background:#66c06a; border:1px solid #66c06a; color:#66c06a; font-weight:bold; -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: 0px 0px #66c06a; opacity:0; filter:(alpha=0)}
button.btn-visible {opacity:1; filter:(alpha=100); color:#FFF; background:#66c06a; border:1px solid #66c06a; width:auto; display:inline-block; float:left;}
button.btn-visible:active, button.btn-visible:hover {background:#1fa870; border:1px solid #1fa870; color:#FFF}
.input-prompt {padding-top:10px; font-size:11px; color:#CCC}

.input-group input.facebookpagesearch {position:relative; padding-left:40px; background:url(img/fb_favicon.png) #FFF no-repeat; background-position: 12px 12px; width:100%; box-shadow: none;}
.input-group input.instapagesearch {position:relative; padding-left:40px; background:url(img/insta_favicon.png) #FFF no-repeat; background-position: 12px 12px; width:100%; box-shadow: none;}

.input-group * {outline:none !important;}
.page-template-page-reseller-lander .input-group input.facebookpagesearch, .page-id-652 .input-group input.facebookpagesearch, .site-footer .input-group input.facebookpagesearch {background-position:6px 6px; padding-left:30px;}


.reseller-banner-row {background:#0C71AF; padding:5px;}
.reseller-banner-row h5 {font-size:18px; text-transform:uppercase; color:#FFF; font-weight:bold; font-family: "canada-type-gibson", "Helvetica Neue", "Helvetica", "Arial", sans-serif;}
.reseller-bottom-row form label, .reseller-top-form form label {font-size:120%;}
.reseller-top-form #slugform {text-align:left !important; width:70%; min-width:340px; margin-top:20px; padding:0px; font-size:120%;}
.reseller-top-form {padding-bottom:80px; padding-top:20px;}

.reseller-lander-agency-application {background:#444; color:#FFF; width:100%}
.reseller-lander-agency-application input, .reseller-lander-agency-application textarea {color:#222;}


form.search-form button.btn-visible {font-size:18px; padding-top:10px; padding-bottom:10px}



.input-group-prepend {display:table-cell;}
form.search-form .form-group {width:100%; max-width:800px;}
form.search-form .input-group {position:relative; width:80%; float:left; min-width:0px;}
form.search-form .input-group-btn {text-align:left; width:auto; float:left;}
form.search-form .input-group input.social-account-input, form.search-form .input-group input.social-account-input-modal {width:auto;}

input.social-account-input::-webkit-input-placeholder { color: #c2c4c6; opacity:1.0;} 
input.social-account-input::-moz-placeholder {color: #c2c4c6;  opacity:1.0;} 
input.social-account-input:-ms-input-placeholder { color: #c2c4c6;   opacity:1.0;} 
input.social-account-input:-moz-placeholder { color: #c2c4c6;  opacity:1.0;} 

input.social-account-input-modal::-webkit-input-placeholder { color: #c2c4c6; opacity:1.0;} 
input.social-account-input-modal::-moz-placeholder {color: #c2c4c6;  opacity:1.0;} 
input.social-account-input-modal:-ms-input-placeholder { color: #c2c4c6;   opacity:1.0;} 
input.social-account-input-modal:-moz-placeholder { color: #c2c4c6;  opacity:1.0;} 


/*
@media (min-width:1024px) {form.search-form .input-group input.social-account-input {min-width:640px;} }
@media (min-width:768px) and (max-width:1024px) {form.search-form .input-group input.social-account-input {min-width:450px;} }
@media (max-width:390px) {form.search-form .input-group input.social-account-input {max-width:160px;} }
*/

form.search-form .input-group input.social-account-input, form.search-form .input-group input.social-account-input-modal {width:100%; display:table-cell; position:relative; box-shadow: none; font-size:18px; padding:10px 10px 10px 68px; height:auto; border:1px solid #e2e4e6; border-left:0px solid #FFF; z-index:1; border-top-left-radius:5px; border-bottom-left-radius: 5px}
form.search-form .slugform-selector {z-index:2; width: 58px; border:1px solid #e2e4e6; background:#e2e4e6; color:#222; line-height:1.42857143; display:inline-block; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position:relative; margin-right:-58px;}
form.search-form .slugform-selector a {color:#222; font-weight:100; font-size:18px; padding:10px; width:auto; box-shadow:none; display:inline-block; text-decoration: none}
.social-tld {color:#e2e2e2; display:inline-block; font-weight:100; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; font-size:18px; padding:10px 0px 10px 10px; line-height:1.42857143; }
form.search-form button.btn-visible {border-top-left-radius: 0px; border-bottom-left-radius: 0px}

.alt-social-account {clear:both; width:100%; font-size:12px; padding:0px 0 10px 0; opacity:0.5; filter:alpha(opacity=50);}
.alternate-arrow {font-weight:100; font-size:24px; font-family:'Helvetica','Arial',sans-serif !important;  opacity:0.7; filter:alpha(opacity=70);}

a#facebook-form-selector-instagram, a#instagram-form-selector-facebook, a#facebook-form-selector-instagram-modal, a#instagram-form-selector-facebook-modal {z-index:100; border:1px solid #e2e4e6; position:absolute; top:43px; left:-1px; background:#FFF; width:58px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px}
a#facebook-form-selector-instagram:hover, a#instagram-form-selector-facebook:hover, a#facebook-form-selector-instagram-modal:hover, a#instagram-form-selector-facebook-modal:hover {background:#1F8A70; border:1px solid #1F8A70; color:#FFF;}


@media screen and (max-width:710px) {
  .alternate-arrow {display:none;} 
  .hide-mobile {font-weight:100; font-size:14px; display:inline;} 
  .mobile-only {display:inline;} 
  form.search-form .input-group, form.search-form .input-group-btn {width:100%;}
  #create-newsletter-btn {margin:20px 0px; width:100%; border-top-left-radius: 5px; border-bottom-left-radius: 5px}
  form.search-form .input-group input.social-account-input {border-top-right-radius: 5px; border-bottom-right-radius: 5px}
}

@media screen and (max-width:860px) {
  #slugform_modal .alternate-arrow {display:none;} 
  #slugform_modal .hide-mobile {font-weight:100; font-size:14px; display:inline;} 
  #slugform_modal .mobile-only {display:inline;} 
  #slugform_modal form.search-form .input-group, form.search-form .input-group-btn {width:100%;}
  #slugform_modal #create-newsletter-btn {margin:20px 0px; width:100%; border-top-left-radius: 5px; border-bottom-left-radius: 5px}
  #slugform_modal form.search-form .input-group input.social-account-input {border-top-right-radius: 5px; border-bottom-right-radius: 5px}
}













.feature-list-home {background:#e8e8e8; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; color:#444; width:100%;}
.pricing-block {background:#66c06a; color:#FFF;}
.slugform-bottom-row {text-align:center; margin:0 auto;}
.slugform-bottom-row .search-form .input-group {min-width:auto !important; margin:0 auto;}

.homepage-subtext {color:#999; font-size:12px;}
.homepage-subtext a {font-weight:normal;}

.manualformwrap label {color:#555555; padding-top:0px; margin-top:0px;}

#convert-footer {border-bottom:1px solid #d2d2d2; width:100%; background:#66c06a; color:#FFF; position:relative;}
#convert-footer .manualformwrap label {color:#FFF;}
#convert-footer .input-prompt, #convert-footer .input-prompt a {color:#f8f8f8; font-weight:normal; }
#convert-footer .input-prompt a:hover, #convert-footer .input-prompt a:active {color:#FFE11a; text-decoration: underline} 
#convert-footer .input-group-btn button.btn-visible {background:#004358; border:1px solid #004358;}
#convert-footer .input-group-btn button.btn-visible:hover, #convert-footer .input-group-btn button.btn-visible:active {background:#1FA870; border:1px solid #1FA870;}
.convert-footer-cell {vertical-align: middle; }
.convert-footer-headline {margin-top:20px;}
.convert-footer-headline h5 {padding-top:0px;}


.content-area #convert-footer {padding:40px 30px 30px 30px; border-radius:5px; background:#004358;}
.content-area #convert-footer #create-newsletter-btn {background:#FFE11A; color:#004358; border-color: #FFE11A}
.content-area #convert-footer #create-newsletter-btn:hover {color:#FFF; background:#1FA870; border-color: #1FA870}

@media (min-width:980px) {.col-sm-12 #convert-footer {padding-left:27%;}}

@media (min-width:1200px) {#convert-footer form.search-form .input-group {width:400px;} }
@media (min-width:980px) and (max-width:1200px) {#convert-footer form.search-form .input-group {width:300px;} }


@media (min-width:768px) and (max-width:980px) {#convert-footer .alternate-arrow {display:none;}
  #convert-footer .hide-mobile {font-weight:100; font-size:14px; display:inline;} 
  #convert-footer .mobile-only {display:inline;} 
  #convert-footer form.search-form .input-group, #convert-footer form.search-form .input-group-btn {width:100%;}
  #convert-footer #create-newsletter-btn {margin:20px 0px; width:100%; border-top-left-radius: 5px; border-bottom-left-radius: 5px}
  #convert-footer form.search-form .input-group input.social-account-input {border-top-right-radius: 5px; border-bottom-right-radius: 5px}

}




.autocomplete-suggestions {background:#FFF; z-index:1000}
.autocomplete-suggestions .result-details {font-size:.9em; font-weight:normal}
.autocomplete-suggestion {cursor:pointer; padding:5px 15px; font-weight:bold; z-index:9999 !important; background:#FFF!important}
.autocomplete-suggestion:hover, .autocomplete-suggestion:active {background:#1F8A70 !important; color:#FFF;}

.signupform {padding-top:0px; text-align:center; margin-top:20px}
.signupform label {font-size:.9em; }
.signupform input[type=email] {opacity:.7; filter:(alpha=70); color:#7db05f}
button.btn-signup {background:#7db05f; border:1px solid #7db05f; color:#FFF; font-weight:bold}
button.btn-signup:active, button.btn-signup:hover {color:#fff; background:#004358;}
.signupform input[type=email]:focus {opacity:1; filter:(alpha=100)}

.page-template-page-teaser-homepage-php .ginput_container input {font-color:#333 !important; color: #333 !important}
#gform_submit_button_4:hover, #gform_submit_button_4:active {background:#ffe11a; color:#333}
#gform_submit_button_4 {background:#1f8A70}


.category-header {margin-top:-30px;}

.category-vault .postdetails, .category-minutive .postdetails, .category-updates .postdetails {color:#666; font-size:20px; margin-bottom:20px; border-bottom:0px; font-family: "jubilat", Georgia, serif; font-weight:100;}

.headline i {display:block; float:left; font-size:80px; margin-right:12px; clear:none;}
@media screen and (max-width:512px) {.headline i {display:none;} }
@media screen and (max-width:991px) {.signupform {clear:both; padding-bottom:30px}}
.headline .wrap {float:left; clear:right; }
.headline h1, .headline h3 {padding: 0px; margin: 0px 0 0 0; line-height:1em;}






/* TEAM PAGE + VAULT CATEGORY */

.page-template-page-team-php h4, .page-template-page-assembled h4 {color:#666; font-size:21px; margin-bottom:20px}
.team_photo {padding-left:0px !important; margin-left:0px !important}
.team_photo img {width:100%; max-width:220px}
.transparent_photo img {padding-top:30px}
.page-template-page-team-php .content, .page-template-page-assembled-php .content {padding:10px 0px 40px 20px !important;}
.page-template-page-team-php .entry, .page-template-page-assembled-php .entry, .category-vault .entry, .category-minutive .entry, .category-updates .entry, .category-insider .entry {border-top:1px solid #d2d2d2; margin-bottom:40px; }
.category-vault .entry, .category-minutive .entry, .category-updates .entry {padding-left:0px; padding-top:0px}
.category-vault .entry .content, .category-minutive .entry .content, .category-updates .entry .content {padding:0 30px 30px 20px; background:#FFF; margin-top:0px}
.category-vault .entry img, .category-minutive .entry img, .category-updates .entry img {margin-right:-15px}
.category-vault .navbar li.active a {-webkit-box-shadow: none;	-moz-box-shadow: none;	box-shadow: none;}


.stickypost {position:relative; padding:0px 0px 50px 0; min-height:300px; text-align:left;  margin-bottom:0px; }
.stickypost img {max-width:100%;}
.innertext {position:relative; padding:70px 0 0 0; height:100%; width:100%; display:block; }
.stickypost h1 {margin-bottom:0px; padding-bottom:10px; margin-top:0px; padding-top:0px;}
.stickypost h3 {margin-top:0px; padding-top:10px; border-bottom: 1px solid #d2d2d2; padding-bottom:20px}
.category-vault h6, .category-minutive h6, .single .headercontainer h6, .stack-header h6, .stack-entry h6, .category-updates h6, .page-template-page-agencies h6, .category-insider h6 {font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; letter-spacing:2px; font-weight:100; text-transform: uppercase; margin: 0; padding:15px 0 10px 0; line-height:14px; color:#999}
.stickypost a {text-decoration:none;}
.innertext a.readmore {display:block; padding-top:10px; padding-bottom:30px; font-size:14px}
.image-container {width:100%; height:100%; z-index:1; display:block; position:absolute; top:0px; left:0px; opacity:.15; filter: alpha(opacity=15); background-position: center center}

#advisory {padding-top:20px !important}

.category .headercontainer, .category .headercontainer, .single .headercontainer, .page-template-page-assembled .headercontainer {text-align:center; background:#66c06a; border-bottom:0px solid #d2d2d2;}
.category .site-branding .wrap, .page-template-page-agencies .wrap, .page-template-page-tour .wrap {margin: 0; max-width:600px; padding:80px 0px 40px 0px; text-align:left;}
.category .site-branding h6, .category .site-branding h6, .page-template-page-assembled h6, .page-template-page-agencies h6, .page-template-page-tour h6 {font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; letter-spacing:2px; font-weight:100; text-transform: uppercase; margin: 0; padding:0; line-height:18px; color:#FFF}
.category .site-branding h5, .category .site-branding h5, .page-template-page-assembled h5, .page-template-page-tour h5 {font-weight:100; padding:0; margin:0; font-size:16px; line-height:16px;}
.category .site-branding h1, .category .site-branding h1, .page-template-page-assembled h1, .page-template-page-agencies h1, .page-template-page-tour h1 {margin:0; padding:10px 0;}
.category .totalbkg, .category .totalbkg, .single .totalbkg {border-top:0px;}


.wrap {text-align:left; }
.wrap i {font-size:40px; display:block; float:none; clear:both; padding:20px 0px 10px 0px}
.page-template-page-assembled .wrap {text-align:center;}

/* FEATURED SNIPPET STYLING */

.category-snippets main .snippet-entry {padding-right:10px;}
a.snippet-entry-inner {background:#FFF; padding:15px; margin-right:5px; border:1px solid #d2d2d2; display:block; font-weight: normal;}
a.snippet-entry-inner h4, .category-snippets #sidebar-right h3 {padding:0px; font-size:21px; margin:0px; line-height:25px;}
.img-circle {border-radius:50%; margin-right:10px; float:left; clear:left;}
.snippet-credits {margin:10px 0;}
.snippet-credits .img-circle {width:50px; height:50px;}
.entry h6 .img-circle {width:80px; height:80px;}
.hp-testimonials .img-circle {height:70px;}
.snippet-credits:after {content:''; display:block; clear:both;}
#content .snippet-entry p, .full-answer-link  {margin:10px 0; font-size:16px; display:block; clear:both;}
a.snippet-entry-inner:hover {border-color: #1FA870; text-decoration:none; background:#1FA870; color:#FFF; }
a.snippet-entry-inner * {color:#666;}
a.snippet-entry-inner:hover * {color:#FFF;}
.snippet-credits .snippet-author {clear:right; padding-top:5px; display:block;}
.snippet-credits .postdetails {display:block; border-bottom:0px !important;}

.category-snippets #sidebar-right form label {display:none;}
.category-snippets #sidebar-right form textarea {border:1px solid #CCC; height:82px; font-weight:100; font-size:16px !important; color:#666; vertical-align: bottom}
.category-snippets #sidebar-right form input[type=text] {border-radius:0px; border:0px; border-bottom:1px solid #CCC; background:none;}
.category-snippets #sidebar-right textarea:focus, .category-snippets #sidebar-right input:focus {outline-color: transparent; outline-style: none;}
.category-snippets #sidebar-right ::placeholder, .category-snippets #sidebar-right ::-webkit-input-placeholder, .category-snippets #sidebar-right :-ms-input-placeholder {font-weight:100; font-size:16px !important; color:#666; vertical-align: bottom}







.single .headercontainer h1 {padding:30px 10px 10px 10px; margin:0 auto; text-align:center;}
.single .headercontainer h1 a {color:#FFF; text-decoration:none;}
.single .headercontainer h6 {color:#FFF; padding-bottom:35px}

.single .headercontainer h1.ribbon-headline {text-align:left; padding: 60px 0;  }
.single .headercontainer h6.ribbon-date {text-align:left; padding-bottom:45px;}

.single h1.single-headline {font-size:4.2em; padding: 20px 0 40px 0; font-weight: 800; font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -2px; color:#222;}

.author-info img {border-radius:50%; margin: 20px auto 0px auto; padding:10px;}
.author-info {text-align: center; padding-bottom:40px;}
.author-info h6 {text-transform: uppercase; font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#888; letter-spacing:2px; line-height:1.5em; font-weight: 100}


.page-template-page-assembled .site-branding {padding-bottom:35px;}
.page-template-page-assembled .site-branding h6 {max-width:360px; margin: 0 auto;}
.event-details {font-size:21px; display:block; margin-bottom:20px;}
.help-desk-topics {list-style-type: none; margin-left:0px; padding-left:0px;}
.help-desk-topics li {float:left; clear:none; margin-right:10px; border:1px solid #222; color:#222; border-radius:10px; padding:6px 12px; text-transform:uppercase;}
.help-desk-topics:after {content:''; clear:both; width:100%; float:none; display:block;}

#sidebar-right .postdetails {font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#999; padding:15px 0 0 0; margin:0; font-size:14px; line-height:18px;}
#sidebar-right .snippets {padding-top:50px}

.subscribebarwrapper {position: -webkit-sticky; position: sticky;  top: 0px; z-index:2}
.subscribebar {background:#ffe11a; text-align:left; margin: 0 auto; padding:15px 0; }
.single .subscribebar {background:#e2e2e2}

.subscribebar .response {padding:5px; margin: 0 auto; border-radius:5px; color:#000; border:0px; font-size:12px; }
.subscribebar .response a {color:#FFF}
.subscribebar .required {color:#000}
.subscribebar .container {margin:0 auto; position:relative;}
.subscribebar form {margin:0 auto; padding:0; max-width:768px;}
.subscribebar form table {width:100%;}
.subscribebar td {padding:5px;}
.subscribebar td.subscribe-label-cell {width:30%;}
.subscribebar td.subscribe-field {width:70%; position:relative;}
.subscribebar td.subscribe-field input {width:100%;}
.subscribe-button-wrapper {position:absolute; top:5px; right:5px;}
.subscribe-button-wrapper .btn {border-bottom-left-radius: 0px; border-top-left-radius: 0px}
.subscribebar .search-form .input-group {min-width:0px; position:relative;}

@media screen and (max-width:768px) {
  .subscribebar td {padding-left:20px; width:100% !important; clear:both; display:block; text-align:center;}
  .subscribebar td.subscribe-field {width: calc(100% - 20px) !important; padding-right:20px;}
}





.subcatnavwrapper {border-bottom:1px solid #e8e8e8; background:#FFF;}
#menu-subcategory-navigation, #menu-subcategory-navigation li {list-style-type:none; margin:0; padding:0;}
#menu-subcategory-navigation li {float:left; clear:none;}
#menu-subcategory-navigation li a {font-size:18px; padding:16px; display:block; text-transform: uppercase; text-decoration: none; border-bottom:4px solid #FFF;}
#menu-subcategory-navigation li.current-menu-item a, #menu-subcategory-navigation li.current-menu-parent a {color:#004358; border-bottom:4px solid #004358;}

@media screen and (max-width:768px) {#menu-subcategory-navigation li a {font-size:14px;}}
@media screen and (max-width:600px) {.subcatnavwrapper {display:none;}}





.category-nav { font-size:12px; width:auto; list-style-type:none; text-align:left; padding:0;}
.category-nav li {float:left; display:inline-block; padding:0; margin:0; margin-right:40px; font-size:12px}
{float:none; padding:0; margin:0;}
a.category-login {position:absolute; top:20px; right:20px; padding:0; margin:0; text-align:right; display:inline-block; z-index:1000;}
.category-nav a, a.category-login, a.try-tidings {text-decoration:none; color:#FFF; font-weight:100; text-transform: uppercase; font-size:12px; letter-spacing:1px;}
.page-template-page-homepage-php a.category-login {color:#66c06a}
.category-nav a:hover, a.vault-login:hover {color:#FFE11A}


@media screen and (max-width:1024px) {
	.category-nav li {float:none; margin:0px 20px;}
	.category-nav {top:auto; bottom:-10px !important; text-align:center; margin: 0; width:100%; left:0%;}
	.single .category-nav {display:none}
}

@media screen and (max-width:992px) {
  .category .site-branding .wrap, .page-template-page-agencies .wrap, .page-template-page-tour .wrap {padding-top:40px;}
  .logo-subpage {margin-bottom:20px;}
}

@media screen and (max-width:768px) {
  .category .site-branding .wrap, .page-template-page-agencies .wrap, .page-template-page-tour .wrap {padding-top:20px;}
}

/* HIDE MINUTIVE ARCHIVE NAV LINK FROM SINGLE POSTS FOR UI AND SCULPTING */
.single-post.minutive .category-nav .minutive-link,
.single-post.vault .category-nav .minutive-link,
.single-post.snippets .category-nav .minutive-link {display:none;} 

/* HIDE NAV LINKS FROM THEMSELVES */
.category-vault .category-nav .vault-link, 
.category-snippets .category-nav .snippets-link,
.category-minutive .category-nav .minutive-link {display: none}





/* TESTIMONIAL STYLING */

.testimonial_author {float:left; clear:left; border-radius:50%; margin:0 20px 100px 0; width:80px;}
.testimonial_content { font-size:20px; font-family: "jubilat", Georgia, serif; font-weight:100; line-height:24px;}
.testimonial_credit {padding-top:8px;}
.testimonial_home_wrapper {margin-top:140px; position:relative; min-height:200px;}
/*.quote_mark {font-size:20px;} */
.testimonial_home a {color:#777; font-weight:normal;}

@media screen and (max-width:768px) {.testimonial_home_wrapper {margin-top:90px;} .testimonial_content {font-size:16px; line-height:20px}}




.testimonial_home {
   padding-right:20px;
    position:absolute;
    color:#777;
    width:100%;
    opacity:0;
}

.testimonial_home:nth-child(1) {
      -webkit-animation: fadeinout 50s 0s infinite linear; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinout 50s 0s infinite linear; /* Firefox < 16 */
        -ms-animation: fadeinout 50s 0s infinite linear; /* Internet Explorer */
         -o-animation: fadeinout 50s 0s infinite linear; /* Opera < 12.1 */
            animation: fadeinout 50s 0s infinite linear;
}

.testimonial_home:nth-child(2) {
      -webkit-animation: fadeinout 50s 10s infinite linear; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinout 50s 10s infinite linear; /* Firefox < 16 */
        -ms-animation: fadeinout 50s 10s infinite linear; /* Internet Explorer */
         -o-animation: fadeinout 50s 10s infinite linear; /* Opera < 12.1 */
            animation: fadeinout 50s 10s infinite linear;
}

.testimonial_home:nth-child(3) {
      -webkit-animation: fadeinout 50s 20s infinite linear; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinout 50s 20s infinite linear; /* Firefox < 16 */
        -ms-animation: fadeinout 50s 20s infinite linear; /* Internet Explorer */
         -o-animation: fadeinout 50s 20s infinite linear; /* Opera < 12.1 */
            animation: fadeinout 50s 20s infinite linear;
}

.testimonial_home:nth-child(4) {
      -webkit-animation: fadeinout 50s 30s infinite linear; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinout 50s 30s infinite linear; /* Firefox < 16 */
        -ms-animation: fadeinout 50s 30s infinite linear; /* Internet Explorer */
         -o-animation: fadeinout 50s 30s infinite linear; /* Opera < 12.1 */
            animation: fadeinout 50s 30s infinite linear;
}

.testimonial_home:nth-child(5) {
      -webkit-animation: fadeinout 50s 40s infinite linear; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinout 50s 40s infinite linear; /* Firefox < 16 */
        -ms-animation: fadeinout 50s 40s infinite linear; /* Internet Explorer */
         -o-animation: fadeinout 50s 40s infinite linear; /* Opera < 12.1 */
            animation: fadeinout 50s 40s infinite linear;
}



@keyframes fadeinout {
    0%,20% { opacity: 0; }
    3% { opacity: 1; }
    18% { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadeinout {
    0%,20% { opacity: 0; }
    3% { opacity: 1; }
    18% { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinout {
    0%,20% { opacity: 0; }
    3% { opacity: 1; }
    218% { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeinout {
    0%,20% { opacity: 0; }
    3% { opacity: 1; }
    18% { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeinout {
    0%,20% { opacity: 0; }
    3% { opacity: 1; }
    18% { opacity: 1; }
}














/* GRAVITY FORMS */

.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper textarea {border:1px solid #AAA; border-radius:4px;}

.gform_wrapper .button {
  /* display: inline-block; */
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #66c06a;
  color: #FFF;
}
.gform_wrapper .button:focus,
.gform_wrapper .button:active:focus,
.gform_wrapper .button.active:focus,
.gform_wrapper .button.focus,
.gform_wrapper .button:active.focus,
.gform_wrapper .button.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.gform_wrapper .button:hover,
.gform_wrapper .button:focus,
.gform_wrapper .button.focus {
  color: #FFF;
  text-decoration: none;
  background: #1F8A70;
}
.gform_wrapper .button:active,
.gform_wrapper .button.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}




#gform_12 .validation_error, #gform_13 .validation_error {color:#FFE11a; border-color: #FFE11a}
#gform_12 .validation_message, #gform_13 .validation_message {color:#FFE11a; border-color: #FFE11a}
#gform_12 .gfield_error label, #gform_13 .gfield_error label {color:#FFE11a;}
#gform_13 #gform_submit_button_13, #gform_confirmation_message_13 {font-size:24px;}
#gform_confirmation_wrapper_13 {padding-top:20px;}



/* MARKETING STACK */



.line-starter {background:#FFF; position:relative; top:17px; display:block; z-index:2; height:17px; overflow:hidden; width:100%;}
.line-ender {position:relative; top:-8px; display:block; z-index:2; background:#FFF; height:8px; overflow:hidden; width:100%;}
@media screen and (max-width:992px) {.line-ender {top:-5px;}}
.stack-line-wrapper {border-left:6px solid;position:relative; margin-left:13px;}
.stack-line-wrapper h3, .stack-line-wrapper h3 a {font-family: "canada-type-gibson","Helvetica","Arial",sans-serif; font-weight: 800; text-transform:uppercase; font-size:28px;}

.ops, .ops .circle {border-color:#000;}
.organic, .organic .circle {border-color:#66c06a;}
.attribution, .attribution .circle {border-color:#828384;}
.paid, .paid .circle {border-color:#ffe11a;}
.presence, .presence .circle {border-color:#0976B2}

.ops .stack-headline:hover, .ops .stack-headline[aria-expanded="true"], .ops #content .sideloop ul {color:#000;}
.organic .stack-headline:hover, .organic .stack-headline[aria-expanded="true"], .organic #content .sideloop ul  {color:#66c06a;}
.attribution .stack-headline:hover, .attribution .stack-headline[aria-expanded="true"], .attribution #content .sideloop ul  {color:#828384;}
.paid .stack-headline:hover, .paid .stack-headline[aria-expanded="true"], .paid #content .sideloop ul  {color:#FFE11A;}
.presence .stack-headline:hover, .presence .stack-headline[aria-expanded="true"], .presence #content .sideloop ul  {color:#0976B2;}



.stack-entry {position:relative; padding:25px 0; margin:0;}
.stack-entry h6, .stack-entry h3 {padding-top:0px; margin-top:0px; padding-bottom:0px; margin-bottom:0px;}
.stack-entry h6 {padding-top:10px;}
.stack-entry .content {margin-left:20px;}
.stack-entry-content {margin-top:20px; }
.no-gutter, .no-gutter-left {margin-left:0; padding-left:0;}
.no-gutter-right {margin-right:0px; padding-right:0px;}

@media (max-width:768px) {.no-gutter, .no-gutter-left, .no-gutter-right, .no-gutters {margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}}

.circle {
    background: #FFF;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border:6px solid;
    position:absolute;
    left:-44px;
    top:-6px;
}


.bar {display:inline-block; width:60px; height:14px; border:1px solid #CCC; border-radius:2px; line-height:14px; position:relative; top:2px;}

.difficulty-1, .difficulty-2, .difficulty-3 {background:#66c06a; height:100%; display:block;}
.difficulty-4, .difficulty-5, .difficulty-6 {background:#FFE11A; height:100%; display:block;}
.difficulty-7, .difficulty-8, .difficulty-9, .difficulty-10 {background:#c41046; height:100%; display:block;}


#stack-container {position:relative; overflow:hidden; width:100%; min-height:400px;}
@media screen and (max-width:1200px) {#stack-container {min-height:340px;}}
@media screen and (max-width:992px) {#stack-container {min-height:260px;}}
#stack-container img {position:absolute; width:100%; margin-top:-12%; margin-bottom:-20%;}
@media screen and (max-width:768px) {#stack-container {min-height:none; } #stack-container img {margin:0; position:relative;} }
.stack-line-mini {float:left; width:20%; }
@media screen and (max-width:540px) {.stack-line-mini {width:33%;}}
@media screen and (max-width:360px) {.stack-line-mini {width:50%;}}
.stack-line-mini a {font-weight:100; color:#222;}
.stack-line-mini .stack-entry {padding:0 8px 0 14px; margin:0 0 20px 0;}
.stack-line-mini .circle {left:0px; width:20px; height:20px; border-width:3px; left:-12px; top:0px;}
.stack-line-mini strong {font-size:12px; display:table-cell; vertical-align:bottom; height:80px; padding-left:10px; padding-bottom:12px;}
.stack-line-mini strong a {font-weight:bold;}
.stack-line-mini .stack-line-wrapper {border-width:4px;}
.none {border:0px;}
@media (min-width:768px) and (max-width:992px) {.stack-instructions h2 {font-size:24px;} .stack-instructions h4 {font-size:18px;}}
.stack-zone {background:#e9f2f5;}
.stack-zone h6 {padding:15px 0px 10px 10px; font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;}
.zone-alt {background:#bcdce7;}
.no-bkg {background:none;}
.stack-components {padding-top:20px;}


.component-header {padding-bottom:20px;}
.component-stack-container {padding:20px 0px; width:100%;  overflow:hidden; position:relative;}
.component-stack-container .stack-entry {float:left; clear:none; width:80px; font-size:12px; padding:12px 20px 0 0px; margin:0;}
.component-stack-container .stack-line-mini {width:4000px;border-top:4px; border-left:0px;}
.component-stack-container .stack-line-wrapper {border-left:0px; border-top: 4px solid; min-height:70px; margin-left:0px;}
.component-stack-container .stack-line-mini .circle {left:0px; top:-12px;}
.component-stack-container .stack-entry a:hover {text-decoration: none;}
.component-stack-container:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width:100px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(#FFF));
  background-image: -webkit-linear-gradient(left, transparent, #FFF);
  background-image: -moz-linear-gradient(left, transparent, #FFF);
  background-image: -o-linear-gradient(left, transparent, #FFF);
}
.component-stack-container:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width:100px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(transparent));
  background-image: -webkit-linear-gradient(left, #FFF, transparent);
  background-image: -moz-linear-gradient(left, #FFF, transparent);
  background-image: -o-linear-gradient(left, #FFF, transparent);
  z-index:100;
}

#svg-id {padding-left:1.5%;}
#svg-id a {font-weight:100; cursor:pointer; color:#000; opacity:1; text-decoration:none;}
#svg-id a:hover {border:1px solid #000 !important;}

.stack-buttons {position:absolute; bottom:15px; right:15px; z-index:100; text-align:center;}
.stack-buttons input[type="range"] {width:90px; margin-top:10px; clear:both;}
.stack-buttons button {color:#FFF; background:#222; border-radius:5px; border-width:0px;}
.stack-buttons button:hover {background:#66c06a;}
.stack-buttons button:focus {outline:0;}
.stack-container {position:relative;}
.stack-container:hover, .stack-container svg:hover {cursor:grab !important;}




.tooltip_templates {display:none; }
.tooltip_title {text-transform:uppercase; }
.tooltip_wrap {max-width:400px; display:inline-block; padding:15px 5px !important;}

.stack-share { text-align:left;}
.stack-share a {display:inline; text-decoration:none;}
.wrap .stack-share i {display:inline;}

.more-in {padding:0; margin:0 0 5px 0; position:relative; display:block;}
.more-in:before {content:"";width:50px; height:50%;position:absolute;left:-60px; top:25%; background:#000;}
.presence.more-in:before {left:-50px; background:#000; width:40px; background:#0976B2;}
.organic.more-in:before {left:-40px; background:#66c06a; width:30px;}
.paid.more-in:before {left:-30px; background:#FFE11A; width:20px;}
.attribution.more-in:before {left:-20px; width:10px; background:#828384;}
.component-context h5 {font-size:18px;}
.component-context {margin-top:80px; padding-top:0px; border-top:1px solid #d2d2d2;}

.more-in a {color:#000; text-decoration:none;}
.presence.more-in a {color:#0976B2;}
.organic.more-in a {color:#66c06a;}
.paid.more-in a {color:#FFE11A;}
.attribution.more-in a {color:#828384;}

.sideloop {position:relative; background:#f8f8f8; border-left:1px solid #CCC; padding:15px;}
@media screen and (min-width:768px) {.sideloop {top:-80px;}}
@media screen and (max-width:768px) {.sideloop {border-left:0px; border-top:1px solid #CCC;}}
#content .sideloop h5 {font-size:16px;}
#content .sideloop p {font-size:13px;}
#content .sideloop .vendorimglink {padding:5px; border:1px solid #CCC; margin:5px 0px 10px 0px; display:block;}
.vendorloop {margin-bottom:10px;}
.vendorloop a:hover {text-decoration:none;}
.prerequisites {border-top:1px solid #d2d2d2; padding-top:20px;}
#content .sideloop ul, #content .sideloop li {font-size:13px; list-style-type:circle;}
#content .sideloop ul {margin-left:17px; padding-left:0px; }
.sideloop .vendor {padding-bottom:15px; padding-top:5px;}

.stack-headline {display:inline; width:auto; color:#666;}
.stack-headline:hover {text-decoration:none; cursor: pointer;}
.stack-headline:after {
		font-family:'FontAwesome';
    content: '\f107'; 
    font-size: 28px;
    margin-left: 10px;
}

.stack-headline[aria-expanded="true"]:after {
    content: '\f106';
    font-family:'FontAwesome';

}


.singlecomponent .sideloop {top:0px;}
.singlecomponent .sideloop img {width:100%;}
.singlecomponent .entry {margin-left:20px; padding-left:50px; padding-top:30px;}
.page-container.singlecomponent {padding-top:0px;}
.singlecomponent .entry h1 {font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight:bold;}
.singlecomponent .entry .circle {top:85px;}
.ops .singlecomponent .entry .circle {left:-35px;}
.presence .singlecomponent .entry .circle {left:-25px;}
.organic .singlecomponent .entry .circle {left:-15px;}
.paid .singlecomponent .entry .circle {left:-5px;}
.attribution .singlecomponent .entry .circle {left:5px;}
.singlecomponent .entry h6.component-details {margin: 0 0 30px 0; padding:0px; font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; }
.singlecomponent .prerequisites {border-top:0px;}


@media screen and (max-width:992px) {.circle {top:0px;}}






.modal-backdrop.in {background:#66c06a; opacity:0.98;}
.modal-wrap {display: flex; justify-content: center; align-items: center; width:100%; height:100%; z-index:999998; background:#66c06a;}
.modal-content {font-size:18px; margin:auto; padding:20px 0px; max-width:600px; width:80%; position:relative; box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0); background:none; color:#FFF; border:0;}
.modal-content h4 {padding-top:30px;}
.modal-content .gform_wrapper input, .modal-content .gform_wrapper textarea {outline:none; color:#222; font-size:18px; width:100% !important; padding:12px !important; border:1px solid #FFFFFF;}
.modal-content .gform_wrapper input[type=submit] {border:1px solid #1FA870; background:#1FA870; color:#FFFFFF; text-transform: uppercase;}
.modal-content .gform_wrapper input[type=submit]:active, .modal-content .gform_wrapper input[type=submit]:hover {border:1px solid #FFE11A; color:#1FA870; background:#FFE11A;}
.modal-content .gform_wrapper input:active, .modal-content .gform_wrapper input:hover {border:1px solid #1FA870;}
.modal-content .gform_wrapper label {font-weight:100 !important; text-transform: uppercase; font-size:15px !important; letter-spacing:2px;}
.dismiss-modal {position:absolute; top:35px; right:0px; font-size:40px; line-height:30px;background:none; border:0px; color:#FFF; outline:none;}
.dismiss-modal:hover, .dismiss-modal:active {color:#FFE11A;}
.modal-content .gform_wrapper .gfield_required {color:#FFE11A; opacity:.9;}
.modal-content .gform_wrapper .gfield {padding-top:12px; padding-right:0px !important;}

.modal-content .ginput_container_checkbox label {display: inline-block !important; font-size:15px; line-height:15px; padding:0 0 0 5px !important; margin:0; text-transform: none;}
.modal-content .ginput_container_checkbox input {  width: 15px;  height: 15px;  line-height:15px; font-size:15px; padding: 0;  margin:0 !important;  vertical-align: bottom; position: relative;  top: 0px;  *overflow: hidden;}

@media screen and (max-width:768px) {
.modal-content .gform_wrapper input {outline:none; color:#222; font-size:14px; width:100% !important; padding:5px !important;}
}

#slugform_modal .modal-content {max-width:800px; color:#222;}
#slugform_modal .modal-backdrop.in, #slugform_modal .modal-wrap {background:#FFF; opacity:0.98;}
#slugform_modal .dismiss-modal {color:#999;}
#slugform_modal .dismiss-modal:hover, #slugform_modal .dismiss-modal:active {color:#FFE11A;}


.tour-sidebar h3 {font-size:30px;}
.tour-content img {max-width:100%;}
.tour-sidebar p {}
.tour-next-link {border-radius:3px; border:0px; background:#1FA870; text-decoration: none !important; color:#FFF !important; text-transform: uppercase; font-size:18px; font-weight:100; padding: 8px 20px; display:block; text-align:center;}
.tour-next-link:hover, .tour-next-link:active {background:#FFE11A; color:#222 !important;}
.tour-content .tour-next-link {margin:40px 0 20px 0;}



.large-numeral {font-size:42px; display:block; letter-spacing:-2px; padding-bottom:12px; clear:both;}
.tour-nav, .tour-nav li {list-style-type:none; margin: 0; padding:0;}
#content .tour-nav {margin-top:30px; max-width:80px;}
#content .tour-nav li {line-height:1.1em; padding:10px 0;}
#content .tour-nav li a {text-decoration:none; }
#content .tour-nav li.current_page_item a {color:#66c06a;}
.product-tour-nav li a {text-transform: uppercase; font-weight: 100; font-size:.8em;}
#content .product-tour-nav .tour-nav {max-width: 120px}

.agency-questions-form {font-size:.8em; padding:30px; background:#e2e4e6; width:80%;}
.agency-questions-form input.button {font-size:21px !important; padding:10px 20px;}

@media (max-width:768px) {
  #content .tour-nav {margin-top:10px; width: 100%; max-width:100%;}
  #content .tour-nav li { float:left; clear:none; width:120px; font-weight:100; font-size:12px; padding-right:20px;} 
}

@media (max-width:540px) {
  .large-numeral {letter-spacing:-1px; font-size:30px; padding-bottom:6px;} 
  #content .tour-nav li {width:20%; padding-right:5px; }
  #content .tour-nav li a {font-weight:100;}
  .agency-questions-form {width:100%;}
}

.agency-feature-highlight {text-align: center; margin-bottom: 20px; font-size: 13px; min-height:250px; display:inline-block;}



.briefingbkg {background:#66c06a; color:#FFF; text-align:center; margin:0 auto;}
.briefingbkg h1, .briefingbkg h2 {font-size:52px; font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold}
.briefingbkg h2 {font-size:40px; font-weight: 300}
.briefingbkg h4 {font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100}

.briefing-button {display:inline-block; width:auto; background:#FFE11a; color:#004358 !important; font-size:21px; text-transform: uppercase; border-radius:10px; padding:15px 25px; margin:25px 0; text-decoration: none !important}
.briefing-button:hover {background:#004358; color:#FFF !important;}

.briefingbkg img.wp-post-image {max-width:100%; background:#FDFDFD; border-radius:10px; padding:40px; margin-bottom:-48px; margin-top:30px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px}

@media (max-width:768px) {.briefingbkg {padding-left:20px; padding-right:20px;} .briefingbkg h1 {font-size:38px;} .briefing-button {font-size:16px;} .briefingbkg h2 {font-size:32px;}}








.stack-components-timeline {background:#f8f8f8; margin-bottom:-5em; padding-bottom:30px;}
.cd-timeline-block h4 a {font-weight:800; font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;}
.cd-date {font-size:16px !important; text-transform: uppercase;  display:inline-block !important; padding:5px;}
.ops .cd-date {color:#000;}
.presence .cd-date {color:#0976B2;}
.organic .cd-date {color:#66c06a;}
.paid .cd-date {color:#ffe11a;}
.attribution .cd-date {color:#828384;}
.ops .cd-timeline-img {border-color:#000;}
.presence .cd-timeline-img {border-color:#0976B2;}
.organic .cd-timeline-img {border-color:#66c06a;}
.paid .cd-timeline-img {border-color:#ffe11a;}
.attribution .cd-timeline-img {border-color:#828384;}

.ops .cd-timeline-content a {color:#000;}
.presence .cd-timeline-content a {color:#0976B2;}
.organic .cd-timeline-content a {color:#66c06a;}
.paid .cd-timeline-content a {color:#ffe11a;}
.attribution .cd-timeline-content a {color:#828384;}

.cd-timeline-content .vendors p {font-size:12px !important; text-transform: uppercase; color:#CCC; float:left; clear:none; line-height:50px !important; padding:0; margin:0 20px 0 0 !important}
.cd-timeline-content .vendor { float:right; clear:none; margin-right:10px; width:80px; border-radius: 50%}
.cd-timeline-content .vendor img {width:80px;}

.cd-timeline-content a.learn-more-component {clear:both !important; text-align:left !important; display:block !important;}

@media (min-width:1170px) {
    .cd-timeline-content {top:-8px !important;}
    .cd-timeline-content::before {top:32px !important;}
    .cd-timeline-content .cd-date {top:24px !important;}
  }
@media (max-width:1170px){
  .cd-timeline-img {top:30px!important;} 
  .cd-timeline-content::before {  top: 24px !important;}
}

@media (min-width:768px) and (max-width:1170px) {.cd-timeline-content .cd-date { width:100% !important; clear:both !important; display:block !important; } }
@media (max-width:768px) {.cd-timeline-content .cd-date {display:none !important;}}
@media (max-width:768px) {.cd-timeline-content .vendor { float:left; clear:none;} .cd-timeline-content .vendors p {float:none; clear:both; line-height:24px !important; width:100%; padding-bottom:15px;}}


.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 6px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -3px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 20px;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border-width:6px;
  border-style:solid;
  background:#FFF;
}


.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    top:10px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius:0.75em;
  padding: 1em;
  box-shadow: 0 8px 0 #d7e4ed;
  top:12px;

}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 36px;
  right: 100%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-right: 15px solid white;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 16px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 8px;
    font-size: 16px;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 12px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}




#full-img-bkg {opacity:0.6; filter:alpha(opacity=60); position: absolute; top:0px; z-index:1;}
h1.hiw_title {margin-top:50px; margin-bottom:0px; }

.hiw_content {width:100%; background:#f2f4f6; padding:30px; clear:both; text-align: center}
.hiw_content ol li {width:17%; padding:20px; border-radius:10px; background:#FFF; /* box-shadow: 0 8px 0 #d7e4ed; */ display:table-cell; list-style-type:none; margin: 0; text-align:left; font-size:16px; border-right:20px solid #f2f4f6;}
.hiw_content ol li i {display:block; margin:0 auto; clear:both; font-size:50px; padding:10px 10px 20px 10px; text-align:center;}
.hiw_content ol {margin:20px 0; padding:0;}
.hiw_content .search-form .input-group {min-width: auto}
@media (max-width:768px) {
  h1.hiw_title {margin-top:50px; margin-bottom:0px; font-size:36px;}
  .hiw_content img {max-width:100%;}
  .hiw_content ol li {width:100%; display:block; margin:0 0 20px 0; padding:20px; border:0;}
  .hiw_content ol li:after {content:''; clear:both; display:table;}
  .hiw_content ol li i {display:inline-block; float:left; padding: 0 20px 0 0; margin: 0;clear:left; text-align: left}
}





.pricing-page-modal .modal-wrap {background:#e2e4e6;}
.pricing-page-modal .modal-content {padding:30px; background:#FFF;}
.pricing-page-modal .dismiss-modal {color:#888; right:20px; top:20px;}
.pricing-page-modal .dismiss-modal:hover {color:#444;}
#contact-us_modal .modal-wrap {background:#66c06a;}
#contact-us_modal .modal-content {background:inherit; padding:30px 0px;}
#contact-us_modal .dismiss-modal {color:#FFF;}
#contact-us_modal .dismiss-modal:hover {color:#444;}
#get-started_modal h5, #bare-minimum_modal h5 {color:#222;}
.pricing-page-modal #slugform input, .pricing-page-modal #slugform .btn {font-size:18px; line-height:18px; padding-top:12px; padding-bottom:12px; height:42px;}
.pricing-page-modal #slugform .input-group {margin:15px 0;}
.pricing-page-modal #slugform input {background-position:10px 10px;}
.pricing-page-modal .pricing-widget {text-align:center; background:inherit; border:0px; box-shadow: none !important}
#contact-us_modal .plan-description {color:#FFF;}
#bare-minimum_modal .plan-name, #bare-minimum_modal .plan-cycle, #bare-minimum_modal .plan-cost {color:#222;}
#bare-minimum_modal .pricing-widget {padding:0;}
#bare-minimum_modal .plan-details-widget {padding:0;}

.pricing_content *:focus {outline:none !important;}
.pricing_content {padding:10px 10px 50px 10px; font-size:16px; text-align: center}
.pricingbkg h1 {margin-top:20px; margin-bottom:30px; font-size:44px;}
.pricingbkg h5 {padding-bottom:20px;}

.plan-widgets {max-width:800px; margin:0 auto;}
.plan-widgets-other {max-width: none;}
.pricing-widget {background:#FFF; padding:25px; margin:20px 0; border:1px solid #e2e2e2;}
.pricing-widget:hover {border-color:#FFF;
  -moz-box-shadow:    3px 3px 5px 6px rgba(220,220,220,0.4);
  -webkit-box-shadow: 3px 3px 5px 6px rgba(220,220,220,0.4);
  box-shadow:         3px 3px 5px 6px rgba(220,220,220,0.4);
  }
.pricing-widget h6 {font-weight: 800; text-transform: uppercase; font-size:21px;}
.plan-cost {font-size:60px; font-weight: 800; margin:0; padding:20px 0 0 0; line-height:1em;}
.plan-cycle {margin:0; padding:0;}
.pricing-first {clear:left; border-radius:10px;}
.pricing-last {clear:right; border-radius: 10px; }
.plan-description {color:#666; font-size:15px;}
.plan-details-widget, .plan-footer {text-align:left; padding:0px 25px;}
.plan-details-widget ul {list-style-type: none; margin: 0; padding:0; font-size:15px; margin-bottom:30px;}
.plan-details-widget li {padding:8px 0; border-bottom:1px solid #CCC; color:#1fa870; position:relative; padding-left:20px;}
li.feature-not-included {color:#d2d4d6; border-bottom:1px solid #d2d4d6;}
.plan-details-widget li:before {font-family: "FontAwesome"; content:'\f058'; color:#1fa870; position: absolute; left:0px;}
.plan-details-widget li.feature-not-included:before {font-family:"Helvetica","Arial",sans-serif; content: '\25EF'; color:#d2d4d6; font-weight:100; font-size:12px; top:11px;}
.plan-details-widget li a {color:#1FA870; font-weight: 100;}

.start-btn {color:#FFF !important; text-decoration: none; display:inline-block; padding:12px 25px; border-radius:10px; background:#555; text-transform: uppercase; margin:20px auto; width:auto;}
.start-btn:hover {background: #66C06A; }

@media (min-width:768px) and (max-width:980px) {.pricing-widget {min-height:380px;}}
@media (max-width:480px) {.plan-widgets, .plan-widget-wrap {margin:0 0 0px 0; padding:0} .plan-widget-wrap {margin-bottom:50px;}}

@media (max-width:768px) {.pricingbkg h1 {margin-top:10px;font-size:40px;}}
@media (max-width:480px) {.pricingbkg h1 {margin-top:10px;font-size:32px;} .pricingbkg h5 {font-size:21px; font-weight:100;}}


.agency-cta {padding:30px; color:#FFF; background:#66C06A; margin:50px auto 70px auto; clear:both; width:100%; border-radius:10px; font-size:18px; max-width:800px; text-align:left;}
.agency-cta h5 {font-size:24px; margin:0px ; padding: 0px 0px 15px 0px;}
.agency-cta a {opacity:0.85; filter:alpha(opacity=85); display:inline-block; padding:12px 25px; font-size:16px; border-radius:5px; background:#FFF; color:#66C06A; text-transform: uppercase; font-weight: 100; text-decoration: none; margin: 10px 0 5px 0;}
.agency-cta a:hover {opacity:1.0; filter:alpha(opacity=100);}

#feature-comparison {font-size:14px; width:100%; max-width:600px; margin:0px auto 40px auto;}
#feature-comparison th.plan-name {width:25%; padding:5px; text-align: center;}
#feature-comparison td {border-bottom:1px solid #d2d4d6; padding:5px 0; color:#666;}
#feature-comparison td i.fa {color:#1fa870;}
#feature-comparison td.not-included {color:#d2d4d6;}
#feature-comparison td.feature-disclaimer {border-width:0px; color:#999;}
.feature-name {text-align:right;}
#feature-comparison a {font-weight: 100; text-decoration:none;}

@media (max-width:540px) {th.plan-name {width:auto;}}


img.whitelabel_screenshot, img.header_highlight_image {max-width: 100%; padding:20px;}
img.header_highlight_image {max-width: 230px; padding:20px 0px;}
.header_highlight {padding-top:80px;}
@media (max-width:992px) {.header_highlight {padding:0px 20px 40px 20px;}}
.btn-apply {font-size:21px; clear:both; display:block; margin:30px auto; background:#004358; clear:both; }
.btn-apply:hover {color:#FFE11A;}
.text-section .btn-apply {display:inline-block;}
.page-template-page-agencies #content h3, .page-template-page-tour #content h3 {font-weight: 800; font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -1px; color:#222;}
.page-template-page-agencies .quote {font-size:28px; color:#66c06a; font-style:italic; font-family:"Jubilat","Georgia",serif; font-weight:100; padding:15px;}
.page-template-page-agencies .author-info img {max-width:100%;}
#content .text-section {padding:20px;}
.page-template-page-agencies .subcatnavwrapper {display:none;}
#apply_modal .modal-wrap {background:#004358; height:200%;}
.page-template-page-agencies .snippet-entry {margin-bottom:30px;}
@media (min-width:768px) {
.page-template-page-agencies .headshot-container {right:0px;}
}


.by-the-numbers-header {background:#66c06a;text-align:left;padding-top:17vh; padding-bottom:80px;}
.by-the-numbers-header h6 {color:#FFF; letter-spacing: 2px; text-transform: uppercase;  font-size:14px;}
.by-the-numbers-header h1 {font-family: "canada-type-gibson", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -1px; color:#FFF; font-weight:800; padding:0; margin:0;}
pre.ascii-art {background:inherit;color:#FFF; font-family:'courier','courier new', sans-serif; border:0; padding:0; margin:0; text-align:left;}
@media (min-width:480px) and (max-width:768px) {pre.ascii-art {font-size:8px;}}
@media (max-width:480px) {pre.ascii-art {font-size:4.5px;}}

.email-stats-container canvas {height:100%; display:block; max-height:250px;}
.email-stats-container .email-graphic {padding-top:20px; height:250px; position:relative;}
.email-stats-container .communication-preference-graphic, .communication-preference-graphic canvas, .customer-frequency-graphic canvas {height:300px; margin-top:-10px;}

.chartlegend {border-collapse: separate; border-spacing:10px;}
.chartlegend td {min-height:20px; min-width: 20px;}
.chartlegend tr { padding:10px 0;}

@media (max-width:992px){
.clear-stat {clear:left;}
}

.email-stats-container .row {padding-top:40px; padding-bottom:40px;}
.email-stats-container .alt-1 {background:#1FA870; padding:40px; color:#FFF;}
.email-stats-container .alt-2 {padding-top:60px; padding-bottom:60px;}

.enormousnumber {font-size:128px;}
.email-stat-description {padding-top:40px;}
h4.large {font-size:200%;}
h4.larger {font-size:250%;}
h4.largest {font-size:300%;}
.email-stat p {font-size:21px;}
.email-stat p.source, .email-stat p.source a {font-size:12px; color:inherit; font-weight:100;}
.email-stat p.source {opacity:0.5;}
.email-stat p.source a:hover {opacity:1; }

.bg-col {background:#222; color:#FFF; }
.bg-col .inner {padding:15px}
.bg-col .inner h6 {letter-spacing: 2px; text-transform: uppercase;}

.agency-widget label {color:#666; text-transform: uppercase; letter-spacing: 1px}
.agency-widget input[type=range] {clear:both; display:block; width:100%; margin:30px 0;}
.agency-widget h5.bignumber {font-size:40px;}
.agency-widget .selectpicker:focus, .agency-widget .selectpicker:active {outline:none !important;}

.agency-widget .selectpicker {margin:10px 0 20px 0; border:0px; border-radius:0px !important; border-bottom:1px solid #d2d2d2; padding:10px; background:#FFF; font-size:16px; height:42px; width:100%; cursor:pointer; line-height: 16px !important}
.agency-widget .selectpicker option {padding:10px !important; font-size:16px !important; line-height: 16px !important}

.configure-agency-widget {background:#f8f8f8; border:1px solid #d2d2d2; border-radius:5px; padding-bottom:20px; margin: 30px 0px;}
.agency-widget .bignumber {text-transform: none}
.configure-agency {font-size:26px; padding:5px 15px; width:100%; clear:both; float:none;}
#doughnut-wrapper {position: relative; width:250px; height:250px}
.hugenumber {font-size:80px;}
.agency-widget-details {position:relative; margin-top:40px}
.agency-widget-breakdown {display:inline-block; float:left}

@media (min-width:992px) and (max-width:1200px) {
  .agency-widget table {max-width:200px;}
}

.total-annual-profit {position:relative; min-height: 350px; display: flex; align-items: center;}
.center-vertically {position: absolute; top: 50%; transform: translateY(-50%); }

@media (max-width:992px) {
  .total-annual-profit {position:relative; min-height: 0px; margin-top:40px;}
  .center-vertically {position: relative; top: 0px; transform: none; }
}

@media (min-width:600px) and (max-width:768px) {
  .revenue-chart {width:50%; float:left;clear:left;}  
  .agency-widget-breakdown{width:50%; float:right;clear:right;}  
  .total-annual-profit {clear:both;}
}
@media (max-width:600px) {
  .agency-widget-breakdown{ margin-top:40px;}  
  #doughnut-wrapper {position: relative; width:100%; height:auto}
  .total-annual-profit {margin:30px 20px 0 20px;}
  .hugenumber {font-size:55px;}
}



.agency-widget table .bignumber {font-weight:100; margin-top:5px;}
.agency-widget table td {padding-bottom:20px;}
.agency-widget table td label {margin-bottom:0px; display:inline;}
td.doughnut-legend {width:20px; height:20px; display:inline-block; margin-right:10px; padding:0 !important;}
.doughnut-profit {background:#1FA870;}
.doughnut-tidingscost {background:#FFE11A;}
.doughnut-employeecost {background:#004358;}



.agency-widget canvas:hover {cursor: pointer;}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #FFF;
    cursor: pointer;
    border-radius: 50%;
    border:4px solid #66C06A;
    opacity:1;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #FFF;
    cursor: pointer;
    border-radius: 50%;
    border:4px solid #66C06A;
}











.tour-banner {padding-top:40px; text-align:center;}
.tour-menu {margin:80px 0 40px 0;}
.tour-menu a {font-weight: 100; color:#FFF; text-align:center; display:block; font-size:18px; padding-bottom:40px;text-decoration:none; cursor:pointer;}
.tour-menu a i {font-size:50px; padding-bottom:15px; }
.tour-menu a:hover {color:#FFE11A;}

.tour-outer-content {margin:0 auto; max-width:1200px; width:100%;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.page-template-page-tour .content-area {width:53%; float:left;}
.page-template-page-tour .tour-sidebar {width:47%; float:left;}
.page-template-page-tour .content-area img {max-width:100%;}
.page-template-page-tour .inner-tour-content {padding:20px;}
.tour-primary-content {padding:30px; text-align:center;}
.tour-primary-content img {padding:30px 0; max-width:100%}
.tour-primary-content p {max-width:800px; margin:0 auto; text-align:left;}
.tour-primary-content div {text-align:left; margin-bottom:20px; font-size:16px;}

@media (max-width:480px) {.home .tour-primary-content {padding-left:10px; padding-right:10px;}}

.tour-footer-cta {padding:50px 30px 30px 30px; background:#FFE11A; text-align: center}
.tour-footer-cta .manualformwrap {margin:30px auto; max-width:1010px; text-align:left;}

hr.tour-row-clear {width:100%; border:0px; display:block; clear:both; padding:40px 0}
.tour-form {font-size:110%;}

.tour-row {padding:40px 0;}
.tour-row:after {content:''; width:100%; clear:both;}
.r1 {background:#f2f4f6;}

@media (min-width:768px) {.r1 .content-area {float:right !important; clear:right !important;} .page-template-page-tour .inner-tour-content {padding:40px;}}
@media (max-width:768px) {.page-template-page-tour .content-area, .page-template-page-tour .tour-sidebar {width:100%; float:none; padding:30px;}}




.feature-highlights {background:#66c06a; text-align: center; padding-top:20px;}
.feature-highlights h4 {color:#FFF; padding-bottom:30px;}
.home .tour-menu {max-width:1200px; margin:40px auto; text-align: center}

.hp-testimonials {padding:40px 60px; background:#f2f4f6; margin-top:40px; position:relative;}
@media (min-width:1024px) {.hp-testimonials {margin-top:100px}}

.hp-testimonials .card {padding:20px; background:#FFF; border-radius:5px; margin:0px 15px; border:1px solid #CCC;}
.hp-testimonials img.img-circle {width:70px; float:left; clear;left;}

.hp-testimonials button {position:absolute; top:45%; background:none; font-size:21px; border:0px; color:#999;}
.hp-testimonials button:hover {color:#66c06a;}
.hp-testimonials .slick-next {right:20px;}
.hp-testimonials .slick-prev {left:20px;}

@media (max-width:480px) {
  .hp-testimonials {padding-left:25px; padding-right:25px;}
  .hp-testimonials .slick-next {right:15px;}
  .hp-testimonials .slick-prev {left:15px;}
}


.why-created {border-bottom:1px solid #CCC; text-align:center; padding-top:80px;position:relative; margin-bottom:40px;}
.why-created-inner {max-width:1200px; text-align:center; margin:0 auto; }
.why-created-inner h6, .why-created-inner h3, .why-created-inner p {text-align:left;}
.why-created-inner a.btn {float:left; clear:both;}
.why-created-headshot {max-width:220px; text-align:right;}
.headshot-container {text-align:left; padding-bottom: 20px}
.why-created-description {padding-bottom:40px;}
.why-created-description p {font-size:16px;}
@media (max-width:768px) {.why-created-inner {padding:0 30px;}}
@media (min-width:768px) {
  .headshot-container {position:absolute; right:66.6666666667%; text-align:right; padding-bottom:0px; bottom:0px;}
  .why-created-description {padding-right:30px;}
}

a.why-created-more {padding: 8px 12px; background:#1FA870; color:#FFF; margin-top:20px;}
a.why-created-more:hover {background:#66C06A; color:#FFF; }

.wp-caption {border:0px; text-align:center; margin: 0 auto;}

.homepage-award {clear:both; margin-bottom:50px; }
.homepage-award h6, .why-created-inner h6 {color:#999; letter-spacing: 2px; text-transform: uppercase;  font-size:14px;}




a.btn-subscription-signup {text-decoration:none; padding:8px 20px; margin: 0 auto; text-align:center; display:block; color:#FFF !important; background:#004358; width:240px; box-shadow:none; text-shadow:none; border-radius:5px; font-weight:300;}
a.btn-subscription-signup:hover {background:#222;}





.hero-image-wrapper {position:absolute; display:block; width: 100%; height:50vh;}
.case-study-container {margin-top:50vh; padding-top:0px;}
.case-study-container .col {background:#FFF; padding:30px;}
.case-study-container #main-column {position:relative; top:-20vh; background:#FFF; padding:40px;}

@media (min-width:768px) and (max-width:980px) { 
  .case-study-container #main-column img {min-width:100%; padding-bottom:20px;} 
}
@media (max-width:768px) {
  .case-study-container #main-column {top:0px}
  .case-study-container #main-column img {max-width:200px;}
}
@media (max-width:400px) {
  .case-study-container #main-column img {min-width:100%; padding-bottom:20px;} 
}

.case-study-container h6 {text-transform: uppercase; color:#999; letter-spacing: 2px; margin:0; padding:0;}
.case-study-container h6.customer-details {color:#66C06A;}
.case-study-container h1 {margin:0; padding:.3em 0;}
.case-study-content {margin-top:30px;}
.case-study-container blockquote {margin-top:20px; padding-bottom:2px; color:#66C06A;}

@media (min-width:1024px) {.case-study-container blockquote {margin-left:-80px;}}

.case-study-callout {background:#f2f2f2; padding:30px; font-size:16px; z-index:1000; }
.case-study-callout table {width:100%; margin:10px 0;}
.case-study-callout th a {display:block; padding:8px 0px; font-size:21px;}
.case-study-callout td {padding: 8px 5px; border-bottom:1px solid #CCC;}
.case-study-callout td.right {text-align:right; font-size:24px; font-weight:bold;}
.case-study-callout .industry-average-row td {padding:0px 5px 8px 5px;}
.case-study-callout .tidings-average-row td {padding:8px 5px 0px 5px; border-bottom:0px;}
.case-study-callout .industry-average {font-size:14px; color:#666; display:block; clear:both; padding:5px 0; line-height:14px; font-weight:normal;}


.case-study-container .bignumbers .col-sm-4 {width:100%;}

.pill {display:inline-block; padding:5px 8px; border-radius:12px; background:#66c06a; color:#FFF;}



.gform_page_footer .gform_next_button, .gform_page_footer .gform_button, .gform_page_footer .gform_previous_button {font-size:21px !important;}