/* @import url('http://example.com/example_style.css'); */
@import url('//fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,600,700&display=swap');
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
///
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
/* HTML 5 Reset */

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

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/
  /*tappblue*/

  /*tapporange*/
  
  /*tappgray*/
  
 /*tappdarkgray*/
 





/** 
 * Border Radius 
 *
 *  
 */




/** 
 * Box Shadow  
 *
 *  
 */




/** 
 * Transition
 * 
 *  
 */




/** 
 * Transform
 *
 *  
 */



*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

body { margin:0; padding:0; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size: 20px; line-height:28px; color: #58595b; background:#fff; overflow-x:hidden }

img { border:0; vertical-align: top; height:auto; max-width:100%; }

hr { border:none; outline:none; float:left; width:100%; height:1px; background:#f2f2f2; clear:both; margin:30px 0; } 

.clear { clear:both }

p { padding:15px 0; margin:0; }

h1 { color: #3d9cde; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size: 50px; margin:0; padding:15px 0 25px; line-height: 52px; font-weight: 400; clear:both }
h2 { font-weight: 400; color: #3d9cde; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size: 36px; line-height: 40px; margin:0; padding: 10px 0 10px; clear:both }
h3 { font-weight: 400; color: #3d9cde; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size: 32px; line-height:36px; margin:0; padding: 10px 0 10px; clear:both }
h4 { font-weight: 400; color: #58595b; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size: 24px; line-height:32px; margin:0; padding: 10px 0 10px; clear:both }
h5 { font-weight: 400; color: #58595b; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size: 22px; line-height:30px; margin:0; padding: 10px 0 10px; clear:both; }
h6 { font-weight: 500; color: #58595b; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size: 22px; margin:0; padding: 10px 0; line-height:26px; clear:both }

@media (min-width: 768px) and (max-width: 1200px) {
	
	h1 { font-size: 40px; line-height: 42px; }
	h2 { font-size: 36px; line-height: 40px; }
	h3 { font-size: 30px; line-height: 32px; }
	h4 { font-size: 24px; line-height: 30px; }
	h5 { font-size: 22px; line-height: 30px; }
	h6 { font-size: 20px; line-height: 30px; }

}
 

@media (max-width: 767px) { 
	h1 { font-size: 36px; line-height: 38px; }
	h2 { font-size: 28px; line-height: 32px; }
	h3 { font-size: 26px; line-height: 30px; }
	h4 { font-size: 24px; line-height: 28px; }
	h5 { font-size: 22px; line-height: 26px; }
	h6 { font-size: 20px; line-height: 24px; }
}


a { text-decoration:none !important; outline:none; color: #3d9cde; -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;; }
a:hover { color: #cccccb; }

input , button , textarea, select { outline:none; border:1px solid #ccc; background:#fff; height:50px; padding: 0 20px !important; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; width:100%; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; padding: 0 !important; } 
textarea { padding:15px 20px !important; height:100px; }
input[type=submit] , button { height:auto; width:auto; border:none; cursor:pointer; background:url(//content.tappnetwork.com/hubfs/tappnetwork-2019/images/blank.png) no-repeat left top #3d9cde; font-size:17px; line-height:24px; font-weight:700; padding: 8px 20px !important; color:#fff; display:inline-block; -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;;  }
input[type=submit]:hover , button:hover { background-color: rgba(61,156,211,0.5); }

ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; }
.hs-form .input { margin:0 !important; }
.hs-form .hs-form-field { padding:0 0 15px; }
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px; }
.row-fluid .hs-form fieldset .hs-input { width:100% !important; }
.row-fluid .hs-form fieldset { max-width:none; }
.row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid  .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }

.row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .inputs-list input[type="radio"] { top:3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.row-fluid .inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-25px; top:0;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:#000; color:#fff; border-color:#000; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-25px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }

.row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#000; background:#fff;  border-radius:100%; }


@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
    
  .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px  }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }
  
}

.row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link , .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited , .row-fluid .hs-menu-wrapper.hs-menu-flow-vertical li a { max-width: none !important; text-overflow: inherit !important; vertical-align:top; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a  , .row-fluid .hs-menu-wrapper.hs-menu-flow-vertical li a  { width:100%; }
.hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align:top; }
.row-fluid .hs-menu-wrapper.hs-menu-flow-vertical li a { white-space: normal; }

.row-fluid [class*="span"] { min-height:1px; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }

.row-fluid .bgimg-main, .bg-set { background-size:cover; background-repeat:no-repeat; background-position:center center; }
.row-fluid .bg-img { display:none; }
.bg-set { position: relative; }
.bg-overlay { position: relative; }
.bg-overlay:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; }
.bg-overlay > div { position: relative; }

/*Text Option*/
.row-fluid .text-uppercase , .row-fluid .title-uppercase h1 , .row-fluid .title-uppercase h2 , .row-fluid .title-uppercase h3 , .row-fluid .title-uppercase h4 , .row-fluid .title-uppercase h5 , .row-fluid .title-uppercase h6 { text-transform:uppercase; }
.row-fluid .text-center { text-align:center; }
.row-fluid .text-left { text-align:left; }
.row-fluid .text-right { text-align:right; }
.row-fluid .text-white , .row-fluid .text-white h1 , .row-fluid .text-white h2 , .row-fluid .text-white h3 , .row-fluid .text-white h4 , .row-fluid .text-white h5 , .row-fluid .text-white h6 { color:#fff; }
.row-fluid .text-italic { font-style:italic; }
.row-fluid .text-white a { color:#fff; text-decoration:underline }  
.row-fluid .text-white a:hover { color:#fff; text-decoration:none; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow { cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#fff; background:#333; width:35px; height:35px; font-size:0; text-indent:-9999; cursor:pointer; }
.slick-arrow:before { font-family:'FontAwesome'; font-size:14px; }
.slick-arrow:hover { background:#fff; color:#000;  }
.slick-arrow.slick-prev { left:5px; }
.slick-arrow.slick-prev:before { content: "\f104"; }
.slick-arrow.slick-next { right:5px; }
.slick-arrow.slick-next:before { content: "\f105"; }
.slick-arrow.slick-disabled { display:none; }

ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding:10px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#a1a1a1;  width:15px; height:15px; border-radius:100%; font-size:0; text-indent:-9999; cursor:pointer; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#fbb314; }

a.link-style, .link-style a { text-transform: uppercase; display:inline-block; padding: 8px 15px; color:#fff; background: #3d9cde; position:relative; font-size: 14px; line-height:22px; font-weight: 400; text-align:center; cursor:pointer; }
a.link-style:hover, .link-style a:hover { background: rgba(61,156,211,0.5); }

a.link-orange, .link-orange a { background: #e6823a; }
a.link-orange:hover, .link-orange a:hover { background: rgba(230,130,58,0.5); }

.blue-section, .blue-bg { background: #3d9cde; color:#fff; }
.blue-section a { color:#fff; }
.blue-section a:hover { color: #cccccb; } 
.blue-section h1, .blue-section h2, .blue-section h3, .blue-section h4, .blue-section h5, .blue-section h6 { color:#fff; }

.oraange-bg { background: #e6823a; color:#fff; }
.down-arrow {  clip-path: polygon(0 0, 100% 0, 100% 92%, 53% 92%, 50% 100%, 50% 100%, 47% 92%, 0 92%); }
.up-arrow { clip-path: polygon(50% 8%, 53% 0, 100% 0, 100% 100%, 0 100%, 0 0, 47% 0); }
.downup-arrow { clip-path: polygon(0 0, 47% 0, 50% 8%, 53% 0, 100% 0, 100% 92%, 53% 92%, 50% 100%, 47% 92%, 0 92%); }

@media (min-width: 768px) and (max-width: 1200px){	
  .down-arrow {  clip-path: polygon(0 0, 100% 0, 100% 92%, 53% 95%, 50% 100%, 50% 100%, 47% 95%, 0 95%); }
	.up-arrow	{ clip-path: polygon(50% 5%, 53% 0, 100% 0, 100% 100%, 0 100%, 0 0, 47% 0); }
  .downup-arrow { clip-path: polygon(0 0, 47% 0, 50% 5%, 53% 0, 100% 0, 100% 95%, 53% 95%, 50% 100%, 47% 95%, 0 95%); }  
}

@media (max-width: 767px){	
  .down-arrow {  clip-path: polygon(0 0, 100% 0, 100% 92%, 60% 92%, 50% 100%, 50% 100%, 40% 92%, 0 92%); }
  .up-arrow	{ clip-path: polygon(50% 6%, 60% 0, 100% 0, 100% 100%, 0 100%, 0 0, 40% 0); }
  .downup-arrow { clip-path: polygon(0 0, 40% 0, 50% 6%, 60% 0, 100% 0, 100% 94%, 60% 94%, 50% 100%, 40% 94%, 0 94%); }  
}
 
body .container-fluid { padding: 0; }
 
.row-fluid .wrapper { margin:0 auto !important; width: 940px; float:none !important; } 
 

@media (min-width: 992px) and (max-width: 1200px){	
	.row-fluid .wrapper {  width:920px; }	
}

@media (min-width: 768px) and (max-width: 991px){	
	.row-fluid .wrapper {  width:720px; }	
}

@media (max-width: 767px){	
	.row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; }		
}
 


.top { position: absolute; left: 0; top: 0; z-index: 99; width: 100% !important; padding: 20px 0; }

   /* Set Mobile Menu Background Color */
      /* Set Link Color */
 /* Set Link Hover Color */

 
.mainmenu, .mainmenu * { display: block; float: none; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px;  border-radius: 0px;  -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left;  color: #fff; }
a.mobile-trigger { display: inline-block !important; cursor: pointer; float: right; width: 44px;  height: 44px; padding: 12px 10px; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 6px;   -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    transition: color .2s ease-in;; }
a.mobile-trigger:hover { text-decoration: none;  color: #fff; }
a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s;  -webkit-transition-delay: .2s; -moz-transition-duration: 0s;  -moz-transition-delay: .2s;	transition-duration: 0s;  transition-delay: .2s; 	}
a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: ''; }
a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 24px; height: 3px;  background-color: #fff; display: inline-block; }
a.mobile-trigger i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
a.mobile-trigger i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
/*.mobile-open a.mobile-trigger i { background-color: rgba(0, 0, 0, 0.0);  -webkit-transition-delay: .2s;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
.mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); -webkit-transition-delay: 0, .2s;  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);; }
.mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);; }*/

.trigger-close { display: inline-block !important; cursor: pointer;  position: absolute; top: 25px; left: 40px; width: 44px;  height: 44px; padding: 12px 10px; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 6px;   -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    transition: color .2s ease-in;; }
.trigger-close { display: inline-block !important; cursor: pointer; float: right; width: 44px;  height: 44px; padding: 12px 10px; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 6px;   -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    transition: color .2s ease-in;; }
.trigger-close:hover { text-decoration: none;  color: #fff; }
.trigger-close i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s;  -webkit-transition-delay: .2s; -moz-transition-duration: 0s;  -moz-transition-delay: .2s;	transition-duration: 0s;  transition-delay: .2s; 	}
.trigger-close i:before, .trigger-close i:after { position: absolute; content: ''; }
.trigger-close i, .trigger-close i:before, .trigger-close i:after { width: 24px; height: 3px;  background-color: #fff; display: inline-block; }
.trigger-close i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
.trigger-close i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
.trigger-close i { background-color: rgba(0, 0, 0, 0.0);  -webkit-transition-delay: .2s;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
.trigger-close i:before { margin-top: 0; -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); -webkit-transition-delay: 0, .2s;  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);; }
.trigger-close i:after { margin-top: 0; -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);; }


span.child-triggerm { opacity: 0.5; display: block !important; cursor: pointer; position: absolute; top: 0px !important; left: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 65px !important; /* Button height */ padding: 0 !important; line-height: 0; }
span.child-triggerm:hover { text-decoration: none; }
span.child-triggerm span { position: relative; top: 50%;  margin: 0 auto !important;  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s;}
span.child-triggerm span:after { position: absolute; content: ''; }
span.child-triggerm span, span.child-triggerm span:after { width: 10px; height: 2px;  background-color: #fff; display: block; }
.row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #fff; }
span.child-triggerm span:after { -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
span.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
span.child-triggerm.child-open span { -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);;  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s;}

.mainmenu.js-enabled .hs-menu-flow-horizontal,  .mainmenu.js-enabled .hs-menu-children-wrapper { display: none; }
.mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; }
.mainmenu.js-enabled .hs-menu-flow-horizontal { position: absolute; top: 0; right: 0; width: 40%; padding: 100px 40px 50px; background: rgba(88,89,91,0.9); }
.mainmenu .hs-menu-flow-horizontal { padding: 0;  width: 35%; z-index: 8888; } 
.mainmenu .hs-menu-wrapper > ul { max-width: 350px; display: inline-block; }

.mainmenu .hs-menu-flow-horizontal > ul > li { position: relative; text-align: center; padding: 10px 55px; }
.mainmenu .hs-menu-flow-horizontal > ul > li a { padding: 8px 0; font-size: 28px; text-align: center; line-height: 45px; overflow: visible; font-weight: 500; }

.mainmenu .hs-menu-flow-horizontal > ul > li { border-top: 1px solid #fff; }
.mainmenu .hs-menu-flow-horizontal ul li:first-child { border: none; }
.mainmenu .hs-menu-flow-horizontal ul li a { padding: 0 10px; }
.mainmenu .hs-menu-flow-horizontal ul li a:hover {  color: #fff;  }

.mainmenu .hs-menu-flow-horizontal > ul ul li {   }
.mainmenu .hs-menu-flow-horizontal > ul ul li a { font-size: 20px; font-weight: 300; }

@media (max-width: 767px){	
  .row-fluid .logo { width: auto; float: left; }
  .mainmenu.js-enabled .hs-menu-flow-horizontal { width: 100%; max-width: 450px; padding: 80px 40px 20px; }
  .mainmenu .hs-menu-flow-horizontal > ul > li a { font-size: 22px; line-height: 38px; }
  span.child-triggerm { height: 58px !important; }
} 
  
.homeheader-main { position: relative; z-index: 4;   clip-path: polygon(0 0, 100% 0, 100% 92%, 53% 92%, 50% 100%, 50% 100%, 47% 92%, 0 92%); background: #e6823a; padding-bottom: 10px; float: left; width: 100%; margin: 0 0 -100px; }
.home-header { height: 510px; position: relative; color: #fff; clip-path: polygon(0 0, 100% 0, 100% 92%, 53% 92%, 50% 100%, 50% 100%, 47% 92%, 0 92%);  }
.homeheader2-main .home-header, .homeheader3-main .home-header, .homeheader4-main .home-header { height: 610px; }

@media (min-width: 992px) and (max-width: 1200px){	
	.homeheader-main { clip-path: polygon(0 0, 100% 0, 100% 92%, 55% 92%, 50% 100%, 50% 100%, 45% 92%, 0 92%); }
  .home-header { clip-path: polygon(0 0, 100% 0, 100% 92%, 55% 92%, 50% 100%, 50% 100%, 45% 92%, 0 92%);  }
}

@media (min-width: 768px) and (max-width: 991px){	
	.homeheader-main { clip-path: polygon(0 0, 100% 0, 100% 92%, 58% 92%, 50% 100%, 50% 100%, 42% 92%, 0 92%); }
  .home-header { clip-path: polygon(0 0, 100% 0, 100% 92%, 58% 92%, 50% 100%, 50% 100%, 42% 92%, 0 92%);  }
}

@media (max-width: 767px){	
	.homeheader-main { clip-path: polygon(0 0, 100% 0, 100% 95%, 60% 95%, 50% 100%, 50% 100%, 40% 95%, 0 95%);  margin: 0 0 -80px;  }
  .home-header { clip-path: polygon(0 0, 100% 0, 100% 95%, 60% 95%, 50% 100%, 50% 100%, 40% 95%, 0 95%); height: 460px; padding-top: 20px; }
  .homeheader-text { font-size: 18px; line-height: 28px; }
  .homeheader2-main .home-header, .homeheader3-main .home-header, .homeheader4-main .home-header { height: 510px; }
}

.home-header > .row-fluid-wrapper + .row-fluid-wrapper { position: relative; top: 50%; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);  }
.home-header h2 { color: #fff; font-weight: 500;  }
.homeheader-text { padding: 5px 0 25px; }
.homeheader2-main { z-index: 3; }
.homeheader3-main { z-index: 2; }
.homeheader4-main { z-index: 1; margin: 0; }

@media (min-width: 768px){
  .home-header h2 { max-width: 70%; display: inline-block; font-size: 54px; line-height: 58px; }
  .row-fluid .homeheader-text { max-width: 50%; display: inline-block; float:none; } 
}

@media (min-width: 768px) and (max-width: 1200px){	
	.home-header h2 { font-size: 44px; line-height: 48px; }
}

.givingBack-section { padding: 40px 0 60px; }
.sub-text { padding: 10px; }
.givingBack-bimg { padding: 0 0 30px; }
.givingBack-bimg img { border: 1px solid #E6E7E8 !important; }
.givingBack-bimg img:hover { box-shadow: 0 14px 24px 2px rgba(0,0,0,0.2); }

@media (min-width: 768px){ 
  .sub-text { padding: 10px 5% 30px; }
  .givingBack-section h2 { font-size: 54px; line-height: 58px; }
}

@media (max-width: 767px){	
  .givingBack-box { padding: 15px 0; }
  .givingBack-section { padding: 35px 0 40px; }
}

.header { padding: 80px 0 45px; position: relative; border-bottom: 8px solid #e6823a; }
.header:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2); }
.header > div { position: relative; }
.header h1 { font-weight: 600; }

@media (min-width: 768px){ 
  .header h1 { font-size: 54px; line-height: 60px; }
}

@media (max-width: 767px){	
  .header { padding: 80px 0 30px; }
}

.content-section { position: relative; z-index: 3; }
.content-left { padding: 40px 5% 40px 0; }
.content-right, .content-form-main { background: #E6E7E8; }
.content-text { padding: 40px 35px; }
.title-style h2 { padding: 0; color: #fff; font-weight: 600; }
.title-style { position: relative; z-index: 3;   clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #fff; padding-bottom: 10px; float: left; width: 100%; }
.title-style > div {  padding: 60px 12% 100px; position: relative; clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #e6823a; }
.content-t { padding: 0 0 25px; }
.content-right a.link-style { padding: 20px 30px; width: 100%; }
.content-uparrow { background: url(https://content.tappnetwork.com/hubfs/tappnetwork-2019/images/down-arrow.png) no-repeat center 20px; padding: 60px 0 0;  }
.content-form .hs-form-field label { display: none; }
.content-form input[type=submit] { width: 100%; }
.content-form { padding: 0 15px 15px; margin: -85px 0 0; position: relative; z-index: 4; }


@media (min-width: 1200px){  
  .title-style > div {  padding: 60px 18% 100px; }
  .workintro-section .title-style > div, .title-style.space > div  {  padding: 60px 12% 100px; }
}

@media (min-width: 768px){  
  .content-right { margin: 0 0 -80px; } 
} 

@media (max-width: 767px){	
  .content-left { padding: 25px 15px; }
  .title-style > div {  padding: 45px 15% 60px; }
  .content-text { padding: 30px 20px; } 
  .content-section .wrapper { padding: 0; }  
  .workintro-section .title-style > div {  padding: 45px 12% 60px; } 
  .content-uparrow { padding-bottom: 20px; }
  .content-form { margin: -70px 0 0;  }
}

.companyGrowth-section { border-top: 8px solid #e6823a; position: relative; padding: 120px 0 160px; background-position: center bottom; background-color: #3d9cde; background-blend-mode: luminosity; }
.companyGrowth-section:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #3d9cde; opacity: 0.7; }
.companyGrowth-bottombg { height: 119px; position: absolute; left:0; bottom: 0; width: 100% !important; z-index: 1; background-position: center bottom; }
.companyGrowth-bottombg img { display: none; }
.companyGrowth-section .wrapper { position: relative; z-index: 2; }
.companyGrowth-section h2 { font-weight: 600; }

@media (max-width: 767px){	
  .companyGrowth-section { padding: 50px 0 120px; }
}

.team-section { padding: 55px 0 40px; }
.team-inner { position: relative; padding: 0; }
.team-section h2 { background: #fff; display: inline-block; position: relative; z-index: 1; }
.team-boxes .hs_cos_wrapper_type_rich_text strong { color: #3d9cde; }
.team-boxes { font-size: 18px; line-height: 26px; }
.team-box { position: relative; overflow: hidden; }
.team-bimage { height: 246px; background-size: cover; background-position: center; }
.team-bimage img { opacity: 0; }
.team-bcontent { height: 100%; -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;; text-align: center; position: absolute; bottom: -80%; background: rgba(230,130,58,0.9); overflow: auto; color: #fff; width: 100%; padding: 15px; font-size: 14px; line-height: 22px; }
.team-bcontent h4 { color: #fff; font-size: 18px; line-height: 22px; padding: 0; }
.team-bcontent h6 { color: #fff; font-size: 16px; line-height: 20px; padding: 15px 0 10px; }
.team-boxes .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget { padding: 15px 0; }
.team-box:hover .team-bcontent { bottom: 0; }

@media (min-width: 768px){  
  .team-boxes .hs_cos_wrapper_widget_container { margin: 0 -10px; display: block; }
  .team-boxes .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget { float: left; width: 25%; padding: 15px 10px; }
  .team-boxes .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget:first-child { width: 50%; }
  .team-boxes .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget:nth-child(3) { clear: right; } 
  .team-boxes .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget:nth-child(4) { clear: right; }
  .team-inner:before { content: ''; width: 1px; top: 55px; bottom: 0; left: 0; background: #939598; position: absolute; }
  .team-inner:after { content: ''; width: 100%; height: 1px; top: 32px; left: 0; background: #939598; position: absolute; }
  .team-boxes { padding: 20px 0 0 30px; }
  .team-section h2 { padding-right: 30px; }
} 


.stayin-section { background: #E6E7E8; margin:0 0 15px; position: relative; }
.stayin-form .hs-form-field > label { display: none; }
.row-fluid .stayin-secleft { font-size: 16px; line-height: 26px; }
.stayin-form { padding: 35px 0 0; }
.stayin-form .hs-form-field .hs-error-msgs { display: none !important; }
.stayin-form input.error { border-color: #ED0303; }

@media (min-width: 768px){  
  .stayin-section:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 38%; background: #3d9cde; }
  .row-fluid .stayin-secleft { width: 40%; margin: 0; }
  .row-fluid .stayin-form { width: 60%; margin: 0; }
  .stayin-secleft { background: #3d9cde; padding: 0 20px 0 0; position: relative; z-index: 3;  clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0);  background: #fff; float: left; width: 100%; }
  .row-fluid .stayin-secl { width: 100%; padding: 25px 60px 25px 0; position: relative; clip-path: polygon(78% 0, 100% 50%, 78% 100%, 0 100%, 0 0);  background: #3d9cde; }
  .stayin-form form { position: relative; padding-right: 122px; font-size: 14px; line-height: 22px; }
  .stayin-form .hs-form-field input { height: 42px; }
  .stayin-form .hs-form-field { float: left; width: 50%; padding: 0 0 0 10px; }
  .stayin-form .hs_submit { position: absolute; right: 0; top: 0; width: auto; padding: 0; }
  .stayin-form .hs_submit input { height: auto; }
  .stayin-form { padding: 55px 0 0 40px; }
  .stayin-form .hs-error-msgs { padding: 0 0 0 15px; }
} 


@media (min-width: 768px) and (max-width: 991px){	
	.stayin-section:before { width: 30%; }
  .row-fluid .stayin-form { padding-left: 0; }
}

@media (max-width: 767px){  
  .stayin-secleft { padding: 0 0 15px; position: relative; z-index: 3;   clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #fff; float: left; width: 100%; }
  .row-fluid .stayin-secl { width: 100%; padding: 40px 20px 70px; position: relative; clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #3d9cde; }
  .row-fluid .stayin-form { padding: 25px 15px; text-align: center; float: left; width: 100%; }
  .stayin-section .wrapper { padding: 0; }  
  .stayin-section { margin: 0; }
}

.intro-logo { padding: 0 0 25px; }

.quote-section { position: relative; clip-path: polygon(0 0, 100% 0, 100% 92%, 53% 92%, 50% 100%, 50% 100%, 47% 92%, 0 92%); padding: 140px 0; font-size: 28px; line-height: 36px;  border-top: 8px solid #e6823a; }
.quote-section:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #3d9cde; opacity: 0.7; }
.quote-section > div { position: relative; }

@media (min-width: 768px) {
  .quote-section h3 { font-size: 35px; line-height: 40px; }
}

@media (min-width: 992px) and (max-width: 1200px){	
	.quote-section { clip-path: polygon(0 0, 100% 0, 100% 92%, 55% 92%, 50% 100%, 50% 100%, 45% 92%, 0 92%); }
}

@media (min-width: 768px) and (max-width: 991px){	
	.quote-section { clip-path: polygon(0 0, 100% 0, 100% 92%, 58% 92%, 50% 100%, 50% 100%, 42% 92%, 0 92%); }
}

@media (max-width: 767px){	
	.quote-section { clip-path: polygon(0 0, 100% 0, 100% 94%, 60% 94%, 50% 100%, 50% 100%, 40% 94%, 0 94%); padding: 60px 0; font-size: 24px; line-height: 32px; }
}

.caseStudy-section { padding: 60px 0; }
.caseStudy-text { padding: 0 0 45px; }
.caseStudy-image { height: 650px; float: left; width: 100%; overflow: hidden; }
.caseStudy-image .bg-img { display: block; }
.caseStudy-image img { opacity: 0; width: 100% !important; }

@media (max-width: 767px){	
	.caseStudy-section { padding: 20px 0 40px; }
  .caseStudy-image { height: 400px; } 
}

.solutionBasedFocus-section { padding: 0 0 60px; } 
.solutionBasedFocus-box { padding: 20px 0; }
.solutionBasedFocus-bicon { display: inline-block; width: 80px; }
.solutionBasedFocus-box ul { padding-left: 19px; margin: 0; }
.solutionBasedFocus-box h4 { padding-top: 0; }

@media (min-width: 768px){   
  .solutionBasedFocus-inner:before { content: ''; width: 1px; top: 55px; bottom: 0; left: 0; background: #939598; position: absolute; }
  .solutionBasedFocus-inner:after { content: ''; width: 100%; height: 1px; top: 32px; left: 0; background: #939598; position: absolute; } 
  .solutionBasedFocus-inner h2 { background: #fff; display: inline-block; position: relative; z-index: 1; padding-right: 25px; }
  .solutionBasedFocus-inner { position: relative; }
  .solutionBasedFocus-cotnent { padding: 20px 0 0 30px; }
  .solutionBasedFocus-boxes { padding: 45px 0 0 40px; }
  .solutionBasedFocus-box { position: relative; padding: 15px 0 15px 100px; }
  .solutionBasedFocus-bicon { position: absolute; left:0; top: 25px; }
} 

@media (max-width: 767px){	
  .solutionBasedFocus-section { padding: 0 0 30px; }   
  .solutionBasedFocus-bicon { padding: 0 0 20px; }
}

.impact-section { background: #e6823a; padding: 100px 0 60px; clip-path: polygon(50% 8%, 53% 0, 100% 0, 100% 100%, 0 100%, 0 0, 47% 0); margin: 0 0 15px; }
.impact-box { padding: 0 0 55px; background: url(https://content.tappnetwork.com/hubfs/tappnetwork-2019/images/tapp-dots-down-white.png) no-repeat center bottom; background-size: 70px auto; }
.impact-bcount { font-size: 42px; line-height: 44px; padding: 0 0 5px; }
.impact-btext { font-size: 30px; line-height: 32px; }

@media (min-width: 768px) {
  .impact-boxes { padding: 40px 0; }
}

@media (min-width: 992px) and (max-width: 1200px){	
	.impact-section { clip-path: polygon(50% 8%, 55% 0, 100% 0, 100% 100%, 0 100%, 0 0, 45% 0); }
}

@media (min-width: 768px) and (max-width: 991px){	
	.impact-section { clip-path: polygon(50% 8%, 58% 0, 100% 0, 100% 100%, 0 100%, 0 0, 42% 0); }
}

@media (max-width: 767px){	
	.impact-section { clip-path: polygon(50% 4%, 60% 0, 100% 0, 100% 100%, 0 100%, 0 0, 40% 0); padding: 60px 0 40px; }
  .impact-box { padding-top: 30px; }
  .impact-boxes { padding: 0 0 30px; }
}


.missionvision-section { position: relative; clip-path: polygon(0 0, 100% 0, 100% 92%, 53% 92%, 50% 100%, 50% 100%, 47% 92%, 0 92%); padding: 140px 0; font-size: 22px; line-height: 32px; }
.missionvision-section:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #3d9cde; opacity: 0.7; }
.missionvision-section > div { position: relative; }
.missionvision-section h2 { padding: 0 0 25px; }

@media (min-width: 992px) and (max-width: 1200px){	
	.missionvision-section { clip-path: polygon(0 0, 100% 0, 100% 92%, 55% 92%, 50% 100%, 50% 100%, 45% 92%, 0 92%); }
}

@media (min-width: 768px) and (max-width: 991px){	
	.missionvision-section { clip-path: polygon(0 0, 100% 0, 100% 92%, 58% 92%, 50% 100%, 50% 100%, 42% 92%, 0 92%); }
}

@media (max-width: 767px){	
	.missionvision-section { clip-path: polygon(0 0, 100% 0, 100% 95%, 60% 95%, 50% 100%, 50% 100%, 40% 95%, 0 95%); padding: 60px 0;  }
}

.services-section { padding: 55px 0; }
.services-box ul { margin: 0; padding: 0; list-style: none; }
.services-box ul li { padding: 10px 0; }
.services-bicon { padding: 0 0 15px; }
.services-bicon span.hs_cos_wrapper { height: 100px; display: block; }
.services-bicon span.hs_cos_wrapper img { max-height: 100px; height: auto; width: auto !important; top: 50%; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);; position: relative; }

@media (min-width: 768px){   
  .services-inner:before { content: ''; width: 1px; top: 55px; bottom: 0; left: 0; background: #939598; position: absolute; }
  .services-inner:after { content: ''; width: 100%; height: 1px; top: 32px; left: 0; background: #939598; position: absolute; } 
  .services-inner h2 { background: #fff; display: inline-block; position: relative; z-index: 1; padding-right: 25px; }
  .services-inner { position: relative; }
  .services-conetent { padding: 20px 0 0 30px; }
  .services-boxes { padding: 35px 0; }
  .row-fluid .services-box { margin: 0; width: 25%; }
  .services-binner { border-left: 1px solid #cccccb; padding: 0 14px; }
  .services-box:first-child .services-binner { border: none; }
}

@media (max-width: 767px){
  .services-section { padding: 40px 0; }
  .services-boxes { padding: 10px 0; }
  .services-box { padding: 25px 0;  border-top: 1px solid #cccccb; } 
  .services-box:first-child { border: none; }
}

.industries-section { background: #e6823a; padding: 100px 0 60px; clip-path: polygon(50% 8%, 53% 0, 100% 0, 100% 100%, 0 100%, 0 0, 47% 0); }
.industry-icon { padding: 0 0 5px; }
.industry-icon span.hs_cos_wrapper { height: 100px; display: block; }
.industry-icon span.hs_cos_wrapper img { max-height: 100px; height: auto; width: auto !important; top: 50%; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);; position: relative; }

@media (min-width: 768px) {
  .industry-boxes { padding: 30px 0; }
}

@media (min-width: 992px) and (max-width: 1200px){	
	.industries-section { clip-path: polygon(50% 8%, 55% 0, 100% 0, 100% 100%, 0 100%, 0 0, 45% 0); }
}

@media (min-width: 768px) and (max-width: 991px){	
	.industries-section { clip-path: polygon(50% 8%, 58% 0, 100% 0, 100% 100%, 0 100%, 0 0, 42% 0); }
}

@media (max-width: 767px){	
	.industries-section { clip-path: polygon(50% 4%, 60% 0, 100% 0, 100% 100%, 0 100%, 0 0, 40% 0); padding: 60px 0 40px; }
  .industry-boxes { padding: 20px 0 0; }
  .row-fluid .industry-box { padding: 10px 0; float: left; width: 50%; margin: 0; }
  .industry-box h4 { font-size: 24px; line-height: 28px; }
}

.client-section { padding: 80px 0; }
.client-logoes img, .client-logos img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;; }
.client-logoes img:hover, .client-logos img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }

@media (min-width: 768px) {
  .client-logoes .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget, .client-logos .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget { display: inline-block; vertical-align: middle; width: 24%; padding: 15px 10px; }
  .client-logoes .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget span,.client-logos .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget span { height: 110px; display: block; }
  .client-logoes .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget span img, .client-logos .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget span img { max-height: 110px; height: auto; width: auto !important; top: 50%; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);; position: relative; }
}

@media (max-width: 767px){	
	.client-section { padding: 30px 0; }
  .client-logoes, .client-logos { display: block; margin: 0 -10px; }
  .client-logoes .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget, .client-logos .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget  { display: inline-block; vertical-align: middle; width: 49%; padding: 15px 10px; }
}

.contact-section { padding: 60px 0; }
.stay-in-touch-text { padding: 0 0 35px; }
.contact-social { padding: 35px 0 25px; font-size: 26px; line-height: 32px; }
.contact-social a { color: #e6823a; margin: 0 8px; }
.contact-social a:hover { color: #3d9cde; }
.location-box { position: relative; padding: 35px 25px; }
.location-box:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #3d9cde; opacity: 0.5; }
.location-box > div { position: relative; }
.location-box h3 span { font-size: 20px; line-height: 26px; display: block; }
.location-box h3 { padding: 0 0 25px; }
.contact-form > .hs_cos_wrapper { display: block; max-width: 500px; margin: 0 auto; }
.contact-form h3 { color: #58595b; font-size: 20px; line-height: 28px; padding: 10px 0 25px; }
.contact-form .hs-form-field > label { display: none; }

@media (min-width: 768px) {
  .client-logoes .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget, .client-logos .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget { display: inline-block; vertical-align: middle; width: 24%; padding: 15px 10px; }
  .contact-form form { padding: 0 5%; }
}

@media (max-width: 767px){	
  .contact-section { padding: 40px 0; }
  .location-box { margin: 15px 0; }
  .stay-in-touch-text { padding: 0 0 20px; }
  .contact-social { padding: 15px 0 25px; }
}

.content-section2 { padding: 80px 0; }
.content-section2 .hs-form-field > label { display: none; }
.content-section2 .actions { text-align: center; } 

@media (min-width: 768px){   
  .row-fluid ..content-section2 .hs-form fieldset.form-columns-2 .field, ..content-section2 .hs-form .hs-form-field { padding-bottom: 30px; }
}

@media (max-width: 767px){	
    .content-section2 { padding: 40px 0; }
}

.whatevenmore-section { background: #E6E7E8; margin:0 0 15px; position: relative; }
.row-fluid .stayin-right { font-size: 16px; line-height: 26px; }
.whatevenmore-rtext { padding: 0 0 15px; }

@media (min-width: 768px){  
  .whatevenmore-section:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 26%; background: #3d9cde; }
  .row-fluid .whatevenmore-left { width: 30%; margin: 0; }
  .row-fluid .whatevenmore-right { width: 70%; margin: 0; padding: 30px 0 20px 25px; }
  .whatevenmore-left { background: #3d9cde; padding: 0 10px 0 0; position: relative; z-index: 3;  clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0);  background: #fff; float: left; width: 100%; }
  .row-fluid .whatevenmore-l { width: 100%; padding: 35px 40px 35px 0; position: relative; clip-path: polygon(78% 0, 100% 50%, 78% 100%, 0 100%, 0 0);  background: #3d9cde; }
  .whatevenmore-left h3 { font-size: 38px; line-height: 44px; }
} 


@media (min-width: 768px) and (max-width: 991px){	
	.whatevenmore-section:before { width: 25%; }
  .row-fluid .whatevenmore-right { padding-left: 0; }
}

@media (max-width: 767px){  
  .whatevenmore-left { padding: 0 0 15px; position: relative; z-index: 3;   clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #fff; float: left; width: 100%; }
  .row-fluid .whatevenmore-l { width: 100%; padding: 40px 20px 70px; position: relative; clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #3d9cde; }
  .row-fluid .whatevenmore-right { padding: 25px 15px; text-align: center; float: left; width: 100%; }
  .whatevenmore-section .wrapper { padding: 0; }  
  .whatevenmore-section { margin: 0; }
} 

.portres-content .hs_cos_wrapper_widget_container { float: left; width: 100%; position: relative; }

.content-topspace { padding: 40px 0 0; }
.table-style table { width: 100%; text-align: center; }
.table-style th { background: #58595b; color: #fff; font-weight: 400; font-size: 14px; padding: 15px 10px; text-align: center; }
.table-style th strong { font-weight: 400; font-size: 22px; line-height: 28px; display: block; }
.table-style td { padding: 10px; position: relative; }
.table-style tr:nth-child(2n) td { background: #f1f2f2; }
.table-style td, .table-style th { border-left: 1px solid #939598; }
.table-style td:first-child, .table-style th:first-child { border-left: none; }
.table-style td:before { content: ''; position: absolute; -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);; top: 0; left: 50%; height: 1px; width: 70%; background: #bcbec0; }
.table-style tr:first-child td:before { display: none; }

@media (min-width: 768px){
  .table-style { overflow: auto; }
}

.pricing-box { border: 1px solid #939598; background: #f1f2f2; }
.pricing-title { position: relative; z-index: 3; clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #fff; padding-bottom: 10px; float: left; width: 100%; }
.pricing-t { text-align: center; padding: 40px 15px 80px; position: relative; clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #58595b; font-size: 28px; font-weight: 700; line-height: 32px; color: #fff; }
.pricing-t strong { display: block; font-size: 16px; line-height: 28px; font-weight: 400; }
.best-value .pricing-t {  background: #e6823a; }
.best-value { box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); position: relative; background: #fff; }
.pricing-text { padding: 20px 0 20px; float: left; width: 100%; text-align: center; }
.pricing-link { padding: 0 15px; }
.pricing-text ul { margin: 0; padding: 0 0 25px; list-style: none; }
.pricing-text ul li { padding: 10px 20px; }
.pricing-text ul li:nth-child(2n) { background: #fff; position: relative; }
.pricing-text ul li:nth-child(2n):before { content: ''; position: absolute; -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);; top: 0; left: 50%; height: 1px; width: 70%; background: #bcbec0; }
.best-value .pricing-text ul li:nth-child(2n) { background: #f1f2f2; }

@media (min-width: 768px){   
  .pricing-box { width: 33.33%; float:left; }
  .pricing-box { margin: 40px 0 0; }
  .pricing-box:first-child { border-right: none; }
  .pricing-box:last-child { border-left: none; }
  .best-value { margin: 0; }
}
 
@media (max-width: 767px){
  .pricing-box { margin: 20px 0; width: 100%; float:left; }
}

.list-style ul, .list-style2 ul { margin: 0; padding: 15px 0 0; list-style: none; }
.list-style ul li, .list-style2 ul li { padding: 0 5px 10px 25px; font-size: 18px; }
.list-style ul li { background: url(https://content.tappnetwork.com/hubfs/tappnetwork-2019/images/list-arrrow.png) no-repeat left 5px; }
.list-style2 ul li { background: url(https://content.tappnetwork.com/hubfs/tappnetwork-2019/images/list-arrrow2.png) no-repeat left 5px; }

.tapp_accordion_text { display: none; }
.accordion_light .tapp_accordion_item { background: #f1f2f2; border: 1px solid #939598; border-bottom: none; position: relative; }
.accordion_light .tapp_accordion_item:nth-child(2n) { background: #fff; border-color: #939598; }
.accordion_light.tapp_accordion { border-bottom: 1px solid #939598; } 
.tapp_accordion_title {  padding: 15px 20px 15px 50px; cursor: pointer; font-size: 22px; line-height: 30px; font-weight: 700; }
.accordion_light .tapp_accordion_item:before { content: "+"; color: #fff; padding-left: 12px; font-size: 30px; line-height: 35px; position: absolute; width: 30px; height: 35px; background: #58595b; left: -15px; top: 50%; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);; }
.accordion_light .tapp_accordion_item:after { content: ""; left: 15px; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #58595b; border-width: 17px; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);; }
.tapp_accordion_text {  padding: 5px 20px 20px 50px; font-size: 16px; line-height: 28px; } 
.accordion_light .tapp_accordion_item.active:before { content: "-"; background: #e6823a; } 
.accordion_light .tapp_accordion_item.active:after { border-left-color: #e6823a; } 

.accordion_dark .tapp_accordion_item { padding: 0 0 3px; position: relative; background: #f1f2f2; }
.accordion_dark .tapp_accordion_title { position: relative; padding: 14px 20px 15px 50px;  color: #fff; background: #58595b; }
.accordion_dark .tapp_accordion_title.active { background: #e6823a; }
.accordion_dark .tapp_accordion_title:before { content: "+"; color: #fff; padding-left: 12px; font-size: 30px; line-height: 35px; position: absolute; width: 30px; height: 35px;  left: 5px; top: 50%; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);; }
.accordion_dark .tapp_accordion_title.active:before { content: "-"; } 
.accordion_dark .tapp_accordion_item:last-child { padding: 0; }
.accordion_dark .tapp_accordion_text {  padding-top: 20px; }

.tapp_cta { float: left; width: 100%; background: #E6E7E8; margin: 15px 0; position: relative; font-size: 16px; line-height: 26px; }
.tapp_cta_right { padding: 20px 15px; }
.tapp_cta_left .tapp_cta_titleinner { color: #fff; font-size: 24px; line-height: 28px; }
.tapp_cta_right { text-align: center; }
.tapp_cta_text { padding: 0 0 15px; }

@media (min-width: 768px){  
  .tapp_cta_left { width: 45%; margin: 0; float: left; }
  .tapp_cta_right { width: 55%; margin: 0; float: left; padding: 40px 35px; }
  .tapp_cta_left { background: #3d9cde; padding: 0 20px 0 0; position: relative; z-index: 3;  clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0);  background: #fff; }
  .tapp_cta_left .tapp_cta_titleinner { width: 100%; padding: 25px 60px 25px 0; position: relative; clip-path: polygon(78% 0, 100% 50%, 78% 100%, 0 100%, 0 0);  background: #3d9cde; }
  .tapp_cta_left .tapp_cta_titleinner > span { position: relative; top: 50%; display: block; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);; padding: 15px 14%; }
} 

@media (max-width: 767px){  
  .tapp_cta { margin: 20px 0 0; }
  .tapp_cta_left { padding: 0 0 15px; position: relative; z-index: 3;   clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #fff; float: left; width: 100%; }
  .tapp_cta_left .tapp_cta_titleinner { padding: 30px 20px 60px; text-align: center; position: relative; clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #3d9cde; }
}

.filter-main { padding: 40px 0; }
.filter-main ul { display: inline-block; vertical-align: middle; margin: 0; padding: 0 5px; list-style: none; }
.filter-main ul li { display: inline-block; border-left: 1px solid #a7a9ac; padding: 0 5px 0 10px; line-height: 14px; }
.filter-main ul li:first-child { border: none; }
.filter-main ul li a { color: #3d9cde !important; cursor: pointer; font-size: 15px; font-weight: 500; display: inline-block; }
.filter-main ul li a:hover { color: #e6823a !important; }

.filter-search { display: inline-block; vertical-align: middle; position: relative; }
.filter-search input[type=text] { border: 1px solid #bcbec0; width: 108px; height: 30px; border-radius: 40px; padding: 0 28px 0 5px; font-size: 14px; }
.filter-search input[type=submit] { padding: 0; width: 25px; height: 100%; font-size: 0; background: url(https://content.tappnetwork.com/hubfs/tappnetwork-2019/images/search-icon.png) no-repeat center; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);; }

@media (min-width: 768px){ 
  .filter-main { text-align: right; }
}

@media (max-width: 767px){ 
  .filter-main { text-align: center; padding: 30px 0 20px; }
  .filter-main ul { padding-bottom: 10px; }
}

.resource-box { float: left; width: 100%; padding: 15px 0; font-size: 18px; line-height: 28px; }
.resource-box h4 { color: #3d9cde; font-size: 22px; line-height: 30px; padding-bottom: 0; }
.resource-bcontent { padding: 15px 0; }

@media (min-width: 768px){  
  .portres-content  { margin: 0 -10px ; }
  .resource-box { width: 33.33%; padding: 20px 10px; }
  .resource-box:nth-child(3n) { clear: right; }
  .resource-box:nth-child(3n+1) { clear: left; }
}

.portfolio-box { float: left; width: 100%; padding: 15px 0; }
.portfolio-bcontent { height: 220px; position: relative; background-size: cover; background-position: center; }
.portfolio-btext { position: absolute; left: 0; width: 100%; padding: 0 20px; bottom: 15px; }
.portfolio-bcontent:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.4;
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 100%);  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#000000',GradientType=1 );  }
.portfolio-box .link-style { width: 100% }
.portfolio-btext span { font-size: 16px; }

@media (min-width: 768px){  
  .portfolio-box { width: 50%; padding: 20px 10px; }
}

.forms-title { position: relative; z-index: 3;   clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #E6E7E8; padding-bottom: 15px; float: left; width: 100%; }
.forms-title > div {  padding: 60px 0 100px; position: relative; clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #e6823a; }
.form-box { margin: -80px auto 0 !important; background: #fff; padding: 30px; position: relative; z-index: 4; max-width: 600px; float: none !important; } 
.form-box .hs-form-field > label { display: none; }
.form-box .actions { text-align: center; }
.form-inner { padding: 0 0 40px; }
.form-box label, .form-box legend { font-size: 16px; }

@media (min-width: 768px){  
  .form-box { padding: 50px; }
  .row-fluid .form-box .hs-form fieldset.form-columns-2 .field, .form-box .hs-form .hs-form-field { padding-bottom: 30px; }
  .form-text { padding: 0 10%; }
}

@media (max-width: 767px){ 
  .forms-title > div {  padding: 50px 0 100px; }
}

.blog-left { padding: 40px 0; }
.blog-post { float: left; width: 100%; padding: 25px 0; }
.blogpost-image { height: 320px; background-size: cover; background-position: center; display: block; position: relative; -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;; }
.blogpost-image:before { content:''; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #58595b; opacity: 0; }
.blogpost-image:hover:before { opacity: 0.5; }
.blogpost-image img { display: none; }  
.blog-posttoic { padding: 20px 0 5px; font-size: 14px; line-height: 22px; text-transform: capitalize; }
.blog-posttoic a { display: inline-block; margin: 0 5px 0 0; color: #58595b; }
.blog-posttoic a:hover { color: #3d9cde; }
.blogpost-bottom { margin: 25px 0 0; float: left; width: 100%; position: relative; }
.blogpost-bottom:before { content: ''; position: absolute; top: 50%; left: 0; height: 1px; width: 100%; background: #cccccb; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);; }
.blogpost-social { float: right; background: #fff; position: relative; z-index: 1; } 
.blogpost-social a { display:inline-block; text-align: center; border: 1px solid #cccccb; width: 40px; height: 40px; line-height: 40px; border-radius: 4px; color: #58595b; }
.blogpost-social a:hover { background: #3d9cde; border-color: #3d9cde; color: #fff; }
a.more-link  { font-weight: 500; position: relative; float: left; color: #58595b; font-size: 14px; line-height: 20px; text-transform:uppercase; margin: 5px 0 0; padding: 5px 10px 0 0; background: #fff; z-index: 1; }
a.more-link:hover { color: #3d9cde; }

.blog-rbox h3 { font-size: 24px; line-height: 30px; color: #58595b; }
.blog-subscribe { background: #E6E7E8; } 
.blog-subscribe h3 { padding: 0; color: #fff; font-weight: 600; }
.blogsubscribe-title { color: #fff; position: relative; z-index: 3;   clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #fff; padding-bottom: 10px; float: left; width: 100%; }
.blogsubscribe-inner {  padding: 60px 15px 100px; text-align: center; position: relative; clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #e6823a; }
.blogsubscribe-form { padding: 30px 20px; font-size: 14px; line-height: 22px; text-align: center; }
.blogsubscribe-form .hs-form-field > label { display: none; }
.blogsubscribe-form input[type=submit] { width: 100%; }
.blog-rbox { padding: 20px 0; }

.popularpost-box { padding: 12px 0; float: left; width: 100%; font-size: 16px; line-height: 22px; } 
.popularpostauthor-text p , .popularpostauthor-text h1, .popularpostauthor-text h2, .popularpostauthor-text h3, .popularpostauthor-text h4 { padding: 0; }
.popularpost-box .filter-expand-link { display: none; }
.popularpost-image { float: left; width: 40%; padding: 0 5px 0 0; }
.popularpost-cont { float: left; width: 60%; padding: 0 0 0 5px; }

.blog-rbox ul { margin: 0; padding: 0; list-style: none; }
.blog-rbox ul li { padding: 10px 5px; border-top: 1px solid #cccccb; font-weight: 500; }
.blog-rbox ul li:first-child { border: none; }
.blog-rbox { font-size: 16px; line-height: 24px; }
.filter-expand-link { display: none; }

@media (min-width: 768px){ 
  .row-fluid .blog-left { float: left; width: 63%; margin: 0; padding-right: 15px; }
  .row-fluid .blog-sidebar { float: left; width: 37%; margin: 0; padding: 0 0 0 10px; }
  .blogpost-social a { margin: 0 0 0 5px; }
  .blogpost-social { padding: 0 0 0 5px; } 
}

@media (max-width: 767px){	
  .hs-blog-listing .blog-left { padding-top: 15px; }
  .blogpost-image { height: 220px; }
  .blog-post h3 { font-size: 24px; line-height: 30px; } 
  .blogsubscribe-inner { padding: 40px 15px 70px; }
}

.blogdetail-image { padding: 0 0 25px; }
.blog-byline { font-size: 14px; line-height: 22px; text-transform: capitalize; }
.blog-byline a { display: inline-block; margin: 0 5px 0 0; color: #58595b; }
.blog-byline a:hover { color: #3d9cde; }

.blog-main { position: relative; }
.blogdetail-social a { display:inline-block; text-align: center; border: 1px solid #cccccb; width: 40px; height: 40px; line-height: 40px; border-radius: 4px; color: #58595b; }
.blogdetail-social a:hover { background: #3d9cde; border-color: #3d9cde; color: #fff; }
.sticky-placeholder { display: none !important; }

@media (min-width: 1201px){
  .blogdetail-social a { margin: 0 0 5px; }
  .blogdetail-social { width: 40px; position: absolute; left: 15px; top: 60px; }
}

@media (max-width: 1200px){	
  .blogdetail-social { position: relative !important; top: auto !important; left: auto !important; padding: 0 0 10px; }
}
 
@media (max-width: 767px){	 
  .blog-detail > h2 { font-size: 28px; line-height: 32px; }
}
 
.blogdetail-cta { float: left; width: 100%; background: #E6E7E8; margin: 15px 0; position: relative; font-size: 16px; line-height: 26px; }
.blogdetail-cta-content { padding: 20px 15px; }
.blogdetail-cta-title .blogdetail-cta-titleinner { color: #fff; font-size: 24px; line-height: 28px; }
.blogdetail-cta-content { text-align: center; }
.blogdetail-cta-text { padding: 0 0 15px; }

@media (min-width: 768px){  
  .blogdetail-cta-title { width: 45%; margin: 0; float: left; }
  .blogdetail-cta-content { width: 55%; margin: 0; float: left; }
  .blogdetail-cta-title { background: #3d9cde; padding: 0 20px 0 0; position: relative; z-index: 3;  clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0);  background: #fff; }
  .blogdetail-cta-title .blogdetail-cta-titleinner { width: 100%; padding: 25px 60px 25px 0; position: relative; clip-path: polygon(78% 0, 100% 50%, 78% 100%, 0 100%, 0 0);  background: #3d9cde; }
  .blogdetail-cta-title .blogdetail-cta-titleinner > span { position: relative; top: 50%; display: block; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);; padding: 15px 20px; }
} 

@media (max-width: 767px){  
  .blogdetail-cta { margin: 20px 0 0; }
  .blogdetail-cta-title { padding: 0 0 15px; position: relative; z-index: 3;   clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #fff; float: left; width: 100%; }
  .blogdetail-cta-title .blogdetail-cta-titleinner { padding: 30px 20px 60px; text-align: center; position: relative; clip-path: polygon(100% 0, 100% 74%, 50% 100%, 50% 100%, 0 74%, 0 0);  background: #3d9cde; }
}

.blogdetail-pagination { padding: 35px 0 0; float: left; width: 100%; font-size: 16px; line-height: 22px; }
.blogdetail-pagination a { color: #58595b; }
.blogdetail-pagination a:hover { color: #3d9cde; }
.blogdetail-pagination span { display: block; font-size: 14px; line-height: 20px; }

@media (min-width: 768px){ 
  .prev-next.prev { float: left; width: 49%; }
  .prev-next.next { float: right; width: 49%; text-align: right; }
}

@media (max-width: 767px){
  .prev-next.next { padding: 15px 0 0; display: block; }
  .blogdetail-pagination { padding: 25px 0 0; }
}

.blog-pagination  { padding: 35px 0 0; float: left; width: 100%; font-size: 16px; line-height: 22px; }
.blog-pagination a { color: #58595b; }
.blog-pagination a:hover { color: #3d9cde; }
.previous-posts-link { float: left; }
.next-posts-link { float: right; }
 
@media (max-width: 767px){
  .blog-pagination { padding: 20px 0 0; }
}
 

.footer { background: url(https://content.tappnetwork.com/hubfs/tappnetwork-2019/images/sep-bg.png) no-repeat center top; padding: 58px 0 25px; }
.footer-text { padding: 15px 0; color: #3d9cde; }
.footer a { display: inline-block; margin: 0 4px; color: #e6823a; }
.footer a:hover { color: #3d9cde; }

@media (min-width: 768px){ 
  .footer-text { padding: 20px 10%; }
}

.footer2 { background: url(https://content.tappnetwork.com/hubfs/tappnetwork-2019/images/logo-icon.png) no-repeat center bottom #58595b; padding: 25px 0; color: #fff; font-size: 14px; line-height: 22px; }
.footer2 a { color: #fff; }
.footer2 a:hover { color: #cccccb; }
.footer2 .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding: 0; text-transform: uppercase; }
.footer2 .hs-menu-wrapper.hs-menu-flow-horizontal > ul li { padding: 0 10px; margin: 0 0 8px; border-left: 1px solid #fff; line-height: 14px; display: inline-block; width: auto; }
.footer2 .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:first-child { border: none; padding-left: 0; }
.footer-link { font-size: 12px; padding: 10px 0; }
.footer-link2 { font-size: 10px; padding: 0 0 15px; }
.copyright-text { font-size: 10px; line-height: 18px; }
.footer2-text { padding: 0 0 15px; } 
.footer-right { text-align: center; }
.row-fluid  .footer2-logo { display: inline-block; float: none; }
 
@media (min-width: 768px){ 
  .footer-right { text-align: center; }
  .row-fluid .footer2-logo { float: none; max-width: 25%; }
}
@media (max-width: 1060px) { 
  .footer { background-size: 100% auto; }
}

@media (max-width: 767px){	
  .footer  { padding-top: 40px; }
  .footer2 { text-align: center; }
  .row-fluid .footer2-logo { width: 32%; padding: 0 5px; }
  .footer-right { padding: 10px 0 20px; }
}
 
.tappblue-button { background-color: #3d9cde; }
.tapporange-button { background-color: #e6823a; }
.white-button {}
.tappdarkgray-button { background-color: #58595b; }
.tappgray-button  {background-color: #cccccb; }

.cta-button { 
    padding: 20px 30px;
    width: 100%;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    background: #3d9cde;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}
.cta-button:hover { opacity: .8; }
.cta-button a.cta-button-link {
  color: #fff;
}

/* sloppy shit for a quick update to homepage */

.home-2020 a.mobile-trigger { background-color: #333; }
.small-wrapper{ width: 940px; float: none !important; }
/* .home-2020 a.mobile-trigger i, .home-2020 a.mobile-trigger i:before, .home-2020 a.mobile-trigger i:after { background-color: #333; } */
.home-callout {
  background: rgba(255,255,255,.8);
  padding: 20px;
  box-shadow: 1px 4px 6px rgba(0,0,0,.1);
  max-width: 90%;
  position: relative;   
}
.home-callout-transparent {  background: transparent !important; }

@media screen and (min-width: 991px) {
  .home-callout { max-width: 45%; }
  .home-callout-left {
    left: 20%;
  }
  .home-callout-right {
    left: 40%;
  }
}

.author-bio {padding: 20px; width: 100%; display: inline-block; }
.author-avatar { width: 35%; float: left; padding: 20px; display: inline-block; }
.author-avatar img {  box-shadow: 1px 4px 6px rgba(0,0,0,.1); }
.author-meta { width: 60%; float: left; display: inline-block; }
.author-meta p {font-size: .8em; line-height: 1.2em; }


.home-callout h1, .home-callout h2, .home-callout h3, .home-callout h4, .home-callout h5, .home-callout h6 { color: #444; max-width: 100% !important; }
.home-callout p, .home-callout span, .home-callout div { color: #777; }