/* @import url('http://example.com/example_style.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    */
  /*****************************************/

  /*=====================================
   *          Global Css
   * ==================================*/

  @font-face{
      font-family:"ScotchDisplay";
      src:url(https://static1.squarespace.com/static/5aabbd337e3c3a3f65ca7cfe/t/5aabc8be88251b51f538b6ff/1521207486356/Scotch+Display+Medium_0.otf),
          url(https://static1.squarespace.com/static/5aabbd337e3c3a3f65ca7cfe/t/5aabc8c9352f5397b6194824/1521207497475/scotch_display_medium_0-webfont.woff),
          url(https://static1.squarespace.com/static/5aabbd337e3c3a3f65ca7cfe/t/5aabc8d003ce6430366a98fe/1521207504959/scotch_display_medium_0-webfont.woff2)
  }
@font-face {
  font-family: "scotch_display";
  src: url(https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onr/fonts/scotch_display_bold_0-webfont.ttf?t=1520982666068), 
       url(https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onr/fonts/scotch_display_bold_0-webfont.woff?t=1520982666068), 
       url(https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onr/fonts/scotch_display_bold_0-webfont.woff2?t=1520982666068)
}


/** Proxima Nova **/

@font-face {
    font-family: 'proxima_nova_altblack';
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Black-webfont.woff2') format('woff2'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Black-webfont.woff') format('woff'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_altbold';
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Bold-webfont.eot');
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Bold-webfont.woff2') format('woff2'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Bold-webfont.woff') format('woff'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Bold-webfont.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Proxima Nova';
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Regular-webfont.eot');
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Regular-webfont.woff') format('woff'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Alt%20Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 4, 2015 */

@font-face {
    font-family: 'proxima_nova_scosfthin';
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20ScOsf%20Thin-webfont.eot');
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20ScOsf%20Thin-webfont.eot#iefix') format('embedded-opentype'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20ScOsf%20Thin-webfont.woff') format('woff'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20ScOsf%20Thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Semibold-webfont.eot');
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Semibold-webfont.eot#iefix') format('embedded-opentype'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Semibold-webfont.woff2') format('woff2'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_ltthin';
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Thin-webfont.eot');
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Thin-webfont.eot#iefix') format('embedded-opentype'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Thin-webfont.woff2') format('woff2'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Thin-webfont.woff') format('woff'),
         url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Cabin';
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_community_font_files/Cabin-Bold.woff2') format('woff2'),
        url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_community_font_files/Cabin-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cabin';
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_community_font_files/Cabin-Regular.woff2') format('woff2'),
        url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_community_font_files/Cabin-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cabin';
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_community_font_files/Cabin-BoldItalic.woff2') format('woff2'),
        url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_community_font_files/Cabin-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}



@font-face {
    font-family: 'Cabin';
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_community_font_files/Cabin-MediumItalic.woff2') format('woff2'),
        url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_community_font_files/Cabin-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Cabin';
    src: url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_community_font_files/Cabin-Medium.woff2') format('woff2'),
        url('https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_community_font_files/Cabin-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}






  body
  {
      font-family: 'Proxima Nova';
      color: #201713;
  }
  h1
  {
      font-family: ScotchDisplay;
  }
  h2, h3, h4, h5, h6
  {
      font-family: 'Proxima Nova';
  }
  .container-fluid .row-fluid .container
  {
      max-width: 1080px;
      float: none;
      margin: 0 auto;
      padding: 0px 34px;
  }
  .body-container-wrapper
  {
      padding-top: 0px !important;
  }
  body
  {
      position: relative;
  }
  body.popup-open:before, body.popup-form:before, body.popup-form-content:before
  {
      position: absolute;
      width: 100%;
      height: 100%;
      content: "";
      background: rgba(0, 0, 0, 0.7);
      top: 0;
      left: 0;
      z-index: 999;
  }
  p:last-child
  {
      margin-bottom: 0px;
  }
  ul
  {
      margin: 0px;
      padding: 0px;
  }
  li
  {
      list-style: none;
  }
  :focus
  {
      outline: none;
  }

  /*=====================================
   *          Header Section
   * ==================================*/

  .small-header .header-container
  {
      padding: 10px 0px;
  }
  .small-header .header-container-wrapper
  {
      box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  }
  .onrapp_header
  {
      position: relative;
  }
  .onrapp_logo
  {
      text-align: center;
  }
  .onrapp_header .onrapp_logo .hs_cos_wrapper_type_logo a img
  {
      max-height: inherit;
      margin: 0px;
      height: 76px;
      width: auto !important;
      max-width: inherit;
  }
  .onrapp_header div.burger-outer {
      position: fixed;
      width: auto;
      right: 36px;
      top: 38px;
      cursor: pointer;
      z-index: 99;
      -webkit-transition: right .3s linear;
      -moz-transition: right .3s linear;
      -o-transition: right .3s linear;
      -ms-transition: right .3s linear;
      transition: right .3s linear;
  }
  .ham-menu span
  {
      width: 30px;
      height: 4px;
      display: block;
      background: #f7b850;
      margin-top: 5px;
      -webkit-transition: -webkit-transform .3s linear;
      -moz-transition: -moz-transform .3s linear;
      -o-transition: -o-transform .3s linear;
      -ms-transition: -ms-transform .3s linear;
      transition: transform .3s linear;
  }
  .ham-menu.cross span:first-child
  {   
    -webkit-transform: translateY(10px) rotate(135deg);
      -moz-transform: translateY(10px) rotate(135deg);
      -o-transform: translateY(10px) rotate(135deg);
      -ms-transform: translateY(10px) rotate(135deg);
      transform: translateY(10px) rotate(135deg);
  }
  .ham-menu.cross span:nth-child(2)
  {
      -webkit-transition: opacity .15s linear;
      -moz-transition: opacity .15s linear;
      -o-transition: opacity .15s linear;
      -ms-transition: opacity .15s linear;
      transition: opacity .15s linear;
      opacity: 0;
      -ms-filter: "alpha(Opacity=0)";
      filter: alpha(opacity=0);
  }
  .ham-menu.cross span:last-child
  {   
      -webkit-transform: translateY(-8px) rotate(-135deg);
      -moz-transform: translateY(-8px) rotate(-135deg);
      -o-transform: translateY(-8px) rotate(-135deg);
      -ms-transform: translateY(-8px) rotate(-135deg);
      transform: translateY(-8px) rotate(-135deg);
  }
  .ham-menu span:first-child
  {
      margin-top: 0px;
  }
  .onrapp_header div.onraap_header 
  {
      position: fixed;
      height: 100%;
      background: #fff;
      width: 320px;
      right: -320px;
      top: 0;
      bottom: 0px;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      display: table !important;
      box-shadow: -1px 0px 4px rgba(0,0,0,0.1);
  }
  .onrapp_header div.onraap_header > div
  {
      display: table-cell;
      vertical-align: middle;
  }
  .onrapp_header div.onraap_header.menu-show
  {
      right: 0px !important;
      z-index: 9;
  }
  .onrapp_header div.onraap_header ul
  {
      margin: 0px;
  }
  .onrapp_header div.onraap_header ul li a
  {
      color: #000;
      font-size: 24px;
  }

  .onrapp_header div.onraap_header ul li a:hover, .footer ul li a:hover, .book-info a:hover
  {
      transform: translateX(8px);
      -webkit-transform: translateX(8px);
      -ms-transform: translateX(8px);
      -moz-transform: translateX(8px);
      -o-transform: translateX(8px);
      color: #f7b850;
  }

  .both-inner, .header-container
  {
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
  }
  .menu-open .both-inner, .menu-open .header-container
  {
      padding-right: 320px;
  }

  .onrapp_header div.header-login-cta
  {
      position: absolute;
      right: 110px;
      top: 8px;
      width: auto;
  }
  .header-login-cta h4
  {
      font-size: 14px;
      margin: 4px 0px 0px;
      text-align: center;
      color: #313131;
  }
  .header-login-cta h4 a
  {
      margin-left: 8px;
    color: #313131;
     /* color: #e64645;*/
  }
  .header-login-cta h4 a:hover
  {
       color: #e64645;
  }
  .header-login-cta ul li
  {
      display: inline-block;
  }
  .schedule-button 
  {
      text-align: center;
  }
  .header-login-cta ul li a, .title-icon-main a, .benefits-content a, .form-cta a, .banner-cta a.cta_button, .blog-pagination a, .right-col-txt a.cta_button, .footer-contact-form form input[type="submit"], .right-col-txt a, .banner-cta a.banner-form-cta, .schedule-button a
  {
        font-weight: 700;
      font-style: normal;
      font-size: 14px;
      letter-spacing: 2px;
      text-transform: uppercase;
      text-decoration: none;
      line-height: 1em;
      color: #32414f;
      -webkit-border-radius: 3px;
      -moz-border-radius: 8px;
      background-color: #eec168;
      padding: 10px;
      padding-top: 12px;
      padding-right: 1.75em;
      padding-bottom: 12px;
      padding-left: 1.75em;
      display: inline-block;
      border: 2px solid #eec168;
      cursor: pointer;
  }
  .header-login-cta ul li:nth-child(2) a
  { 
      background: #e64645;
      color: #fff;
      border-color: #e64645;
  }
  .header-login-cta ul li a:hover, .title-icon-main a:hover, .benefits-content a:hover, .form-cta a:hover, .banner-cta a.cta_button:hover, .blog-pagination a:hover, .right-col-txt a.cta_button:hover, .footer-contact-form form input[type="submit"]:hover, .right-col-txt a:hover, .banner-cta a.banner-form-cta:hover, .schedule-button a:hover
  {
      background: #000;
      color: #fff;
      border-color: #000;
  }

  .menu-open .onrapp_header div.header-login-cta {
      right: 25px;
  }
  /*=====================================
   *          Slider Section
   * ==================================*/

  .body-main div.home-hero, .banner-main-sec
  {
      height: 690px;
      background-size: cover !important;
      background-position: center right !important;
      display: table;
      width: 100%;
  }
  .home-hero > .row-fluid-wrapper
  {
      display: table-cell;
      vertical-align: middle;
  }
  .hero-banner-text h1
  {
       color: #36454f;
      font-size: 72px;
      letter-spacing: 0.0138889em;
      line-height: 1.1em;
      margin: 0 auto .3em;
  }
  .hero-banner-text p
  {
      color: #36454f;
      font-size: 18px;
      line-height: 1.6em;
      max-width: 66%;
      letter-spacing: .4px;
  }
  .hero-banner-text p:last-child
  {
      margin-bottom: 0px;
  }
  .app-download-section
  {
      margin-top: 34px;
  }
  .app-download-section div.app-cta
  {
      width: auto;
      margin-left: 0px;
      float: left;
  }
  .app-cta a img
  {
      max-width: 107.33px;
  }
  .banner-cta a
  {
      margin-top: 34px;
  }
  .banner-main-sec > .container
  {
      display: table;
      height: 100%;
  }
  .hero-banner-text
  {
      display: table-cell;
      vertical-align: middle;
  }
  .banner-flex-col button.slick-arrow, .teatimonial-flex-col button.slick-arrow, button.slick-arrow
  {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      left: 52px;
      z-index: 9;
      font-size: 0px;
      background: rgba(255, 255, 255, 0.2) url(https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onr/Condo/left-arrow.png);
      background-size: 15px;
      background-repeat: no-repeat;
      background-position: center;
      border: 0px;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      cursor: pointer;
  }
  .banner-flex-col button.slick-arrow:hover, .teatimonial-flex-col button.slick-arrow:hover, button.slick-arrow:hover
  {
      background: rgba(255, 255, 255, 0.3)  url(https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onr/Condo/left-arrow.png);
      background-size: 15px;
      background-repeat: no-repeat;
      background-position: center;
  }
  .banner-flex-col button.slick-arrow:focus, .teatimonial-flex-col button.slick-arrow:focus, button.slick-arrow:focus
  {
      outline: none;
  }



  .banner-flex-col button.slick-next.slick-arrow, .teatimonial-flex-col button.slick-next.slick-arrow, button.slick-next.slick-arrow
  {
      left: auto;
      right: 52px;
      background: rgba(255, 255, 255, 0.2) url(https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onr/Condo/right-arrow.png);
      background-size: 15px;
      background-repeat: no-repeat;
      background-position: center;
  }
  .banner-flex-col button.slick-next.slick-arrow:hover, .teatimonial-flex-col button.slick-next.slick-arrow:hover, button.slick-next.slick-arrow:hover
  {
      background: rgba(255, 255, 255, 0.3) url(https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onr/Condo/right-arrow.png);
      background-size: 15px;
      background-repeat: no-repeat;
      background-position: center;
  }
.app-download-section .app-cta:first-child {
    margin-right: 5px;
}

  /*=====================================
   *          Logos Section
   * ==================================*/

  .logos-section, .online-voting, .counter-main-outer
  {
      text-align: center;
      padding: 80px 0px;
  }
  .logos-text
  {
      margin-bottom: 65px;
  }
  .logos-text h2
  {
      color: #201713;
      font-weight: 600;
      font-size: 32px;
      line-height: 1.5em;
      margin: 0px;
  }
  .logos-inner > span > div
  {
/*       width: 24.6%;
       display: inline-block;
       padding: 30px;
        vertical-align: middle;*/
  }

  /*=====================================
   *        Video Section
   * ==================================*/

  .video-main 
  {
      padding: 100px 0px;
      background: linear-gradient(to left, #f7b850, #fac760);
      background: #f5f5f5;
  }
  .video-popup-main {
      background: #f5f5f5;
      border: 6px solid #ffffff;
      position: relative;
      box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.2);
      position: relative;
  }
  .video-popup-main:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.05);
  }
  .video-popup-main .image-sec img
  {
      width: 100%;
  }
  .video-play-icon {
      position: absolute;
      left: 0;
      right: 0;
      text-align: center;
      top: 50%;
      transform: translateY(-50%);
  }
  .video-play-icon a
  {
      color: #f7ba52;
      font-size: 110px;
  }
  .video-play-icon a i
  {
      text-shadow: 2px 2px 20px rgba(0, 0, 10, 0.5);
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      -moz-transition: all 0.3s;
  }
  .video-play-icon a:hover i
  {
    text-shadow:4px 4px 35px rgba(0, 0, 10, 1);
  }

  /*=====================================
   *        Voting Section
   * ==================================*/

  .online-flex-col > span > div
  {
      width: 49.7%;
      display: inline-block;
      vertical-align: top;
      margin-bottom: 5px;
      background: #f9f9f9;
      position: relative;
      border: 5px solid #fff;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(191,191,191,.5);
      -moz-box-shadow: 0px 0px 5px 0px rgba(191,191,191,.5);
      box-shadow: 0px 0px 5px 0px rgba(191,191,191,.5);
  }
.online-flex-col > span > div:before, .online-flex-col > span > div:after
{
    content: "";
    position: absolute;
    border-top: 2px solid #eec168;
    border-left: 2px solid #eec168;
    width: 30px;
    height: 30px;
    left: 0px;
    top: 0px;
}
.title-icon-main:before, .title-icon-main:after, .online-flex-col > span > div:before, .online-flex-col > span > div:after
{
        transition: all 0.6s;
      -webkit-transition: all 0.6s;
      -moz-transition: all 0.6s;
      -ms-transition: all 0.6s;
      -o-transition: all 0.6s;
}
.online-flex-col > span > div:after
{
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    border-top: 0px solid #eec168;
    border-left: 0px solid #eec168;
    border-bottom: 2px solid #eec168;
    border-right: 2px solid #eec168;
}
.title-icon-main
{
    padding: 60px;
    position: relative;
}
.title-icon-main:before, .title-icon-main:after
{
    content: "";
    position: absolute;
    border-top: 2px solid #eec168;
    border-right: 2px solid #eec168;
    width: 30px;
    height: 30px;
    right: 0px;
    top: 0px;
}
.title-icon-main:after
{
    right: auto;
    left: 0;
    top: auto;
    bottom: 0;
    border-top: 0px solid #eec168;
    border-right: 0px solid #eec168;
    border-bottom:2px solid #eec168;
    border-left: 2px solid #eec168;
}
 .online-flex-col > span > div:hover:before, .online-flex-col > span > div:hover:after, .online-flex-col > span > div:hover .title-icon-main:before, .online-flex-col > span > div:hover .title-icon-main:after
{
    width: 100%;
    height: 100%;
}
  .title-icon-main .image-sec img
  {
      max-height: 70px;
      width: auto;
  }
  .title-icon-main .title-sec h2
  {
      color: #201713;
      font-weight: 300;
      font-style: normal;
      font-size: 20px;
      line-height: 1.4em;
      letter-spacing: .05em;
      text-transform: uppercase;
      margin: 20px 0px 0px;
  }
  .title-icon-main a
  {
      margin-top: 20px;
      position: relative;
      z-index: 9;
  }

  /*=====================================
   *        Counter Section
   * ==================================*/

  .counter-main-outer, .feature-main
  {
      background-size: cover;
      background-position: center right;
  }
  .counter-header, .featured-header, .subscribe-header, .testimonial-header, .infographic-header, .support-header, .voting-header, .video-header, .beneficial-header, .handbook-txt, .report-txt, .onrapp-team-txt, .header-title-txt, .optional-services-sec .service-header
  {
      margin-bottom: 50px;
      text-align: center;
  }
  .counter-header h2, .subscribe-header h2, .testimonial-header h2, .infographic-header h2, .support-header h2, .voting-header h2, .video-header h2, .beneficial-header h2, .featured-header h2, .right-col-txt h2, .handbook-txt h2, .report-txt h2, .onrapp-team-txt h2, .header-title-txt h2, .optional-services-sec .service-header h2
  {
        font-weight: 800;
      font-style: normal;
      font-size: 42px;
      line-height: 1.1em;
      letter-spacing: .02em;
      text-transform: none;
      color: #fff;
  }
  .counter-col {
      padding: 50px 20px;
      box-shadow: inset 0px 0px 190px rgba(255, 255, 255, 0.3);
  }
  .counter-numbering.count-this {
      font-size: 56px;
      color: #fff;
      font-family: ScotchDisplay;
  }
  .counter-text {
      color: #fff;
  }
  .counter-cta 
  {
      margin-top: 70px;
  }
  .counter-main-outer > .row-fluid-wrapper:nth-child(2) .container > .row-fluid-wrapper:nth-child(2) > .row-fluid
  {
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
  }
  .counter-cta a.cta_button, a.filter-expand-link, .onrapp-team-txt a.cta_button, .right-col a, .banner-flex-col .slick-slide .banner-cta a.cta_button, .onrapp-team-txt p#get-started-btn, .banner-cta a.banner-form-cta.new-banner-cta
  {
      background-color: #fff;
      border-color: #fff;
      color: #1b1b1b;
      border-radius: 3px;
      padding: 13px 26px;
      font-size: 12px;
      font-weight: 600;
      font-style: normal;
      text-transform: uppercase;
      letter-spacing: 2px;
      display: inline-block;
      line-height: normal;
      cursor: pointer;
  }
  .counter-cta a.cta_button:hover, a.filter-expand-link:hover, .onrapp-team-txt a.cta_button:hover, .right-col a:hover, .banner-flex-col .slick-slide .banner-cta a.cta_button:hover, .onrapp-team-txt p#get-started-btn:hover, .banner-cta a.banner-form-cta.new-banner-cta:hover
  {
      opacity: 0.8;
  }

  /*=====================================
   *         Contact cta pop up
   * ==================================*/

  .contact-form-outer
  {
      padding: 80px 0px;
      text-align: center;
      background-size: cover;
      background-position: center;
      display: table !important;
      width: 100% !important;
      height: 350px !important;
  }
.contact-form-outer > .row-fluid-wrapper:nth-child(2)
{
    display: table-cell;
    vertical-align: middle;
}
.contact-form-outer h2
{
      margin-bottom: 20px;
}
  .form-popup, .cross-sign
  {
      display: inline-block;
      position: fixed;
      left: 0;
      right: 0;
      margin: 0 auto;
      max-width: 600px;
      background: #fbc660;
      top: 50%;
      transform: translateY(-50%);
      z-index: 9999;
  }
.cross-sign
{
    padding: 40px;
}
 .form-popup::-webkit-scrollbar, .cross-sign::-webkit-scrollbar {
      width: 5px;
  }

  .form-popup::-webkit-scrollbar-track, .cross-sign::-webkit-scrollbar {
      -webkit-box-shadow: inset 0 0 6px #926a27;
  }

  .form-popup::-webkit-scrollbar-thumb, .cross-sign::-webkit-scrollbar {
    background-color: #272727;
    outline: 1px solid #272727;
    border-radius: 10px;
  }
  a.form-close {
      color: #36454f;
      margin: 20px 25px 0px 0px;
      float: right;
      font-weight: bold;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
  }
  .form-popup div.popup-form
  {
      padding: 0px 50px 50px 50px;
      margin: 0px;
      width: 100%;
      display: inline-block;
  }
  .popup-form form
  {
      text-align: left;
  }
  .popup-form form input, .popup-form form input:focus, .popup-form form select, .popup-form form select:focus
  {
      border: 0px;
      border-radius: 3px;
      height: 45px;
      background: #fff;
/*      box-shadow: inset 0px 0px 70px rgba(0, 0, 0, 0.1);*/
      color: #272727;
  }
  .popup-form form input:focus
  {
      outline: 1px solid #000;
      box-shadow: none !important;
  }
  .popup-form form label
  {
      color: #272727 !important;
      font-weight: normal;
      display: inline-block;
  }
  .popup-form form .hs-form-field
  {
      margin-bottom: 20px;
  }
  .popup-form form a.hs-button.large.primary, .popup-form form input[type="submit"]
  {    
    text-transform: uppercase;
      font-weight: 500;
      font-size: 12px;
      padding: 16px 26px;
      border: none;
      background: #272727;
      color: #fff;
      letter-spacing: 1px;
      width: 100%;
      transition: all ease-in-out 700ms;
      margin-top: 10px;
  }
  .popup-form form a.hs-button.large.primary:hover, .popup-form form input[type="submit"]:hover
  {
      border: 0px;
      background: #272727;
  }
@media (max-height: 615px){
  .cross-sign
  {
      height: 99.9vh;
      overflow-y: scroll;
  }
  .download-form-sec .cross-sign
  {
      height: auto;
      overflow-y: hidden;
      overflow-x: hidden;
  }
}
@media (max-height: 511px){
  .download-form-sec .cross-sign
  {
      height: 99.9vh;
      overflow-y: scroll;
  }
}
  /*=====================================
   *         Footer Section
   * ==================================*/

  .footer, .infographic-main, .resource-top-sec, .inde-report-sec, .three-col-sec, .optional-services-sec
  {
      padding: 80px 0px;
      background: #f5f5f5;
  }
  .footer h5, .footer h3
  {
      font-family: 'Raleway', sans-serif;
      font-size: 16px;
      text-transform: uppercase;
  }
  .footer p, .footer ul li, .benefits-content p
  {
    font-size: 14px;
    line-height: 24px;
  }
  .footer ul
  {
      padding: 0px;
      margin: 0px;
  }
  .footer ul li
  {
      list-style: none;
      padding-left: 20px;
      position: relative;
  }
  .footer ul li:before, .subscription-main ul li:before, .benefits-content ul li:before, .right-blog-sec .block ul li:before, .services-flex-col ul li:before
  {
      content: "";
      position: absolute;
      width: 7px;
      height: 7px;
      left: 0px;
      background: #f7b850;
      top: 10px;
      transform: rotate(45deg);
  }
  .footer-container-wrapper .footer-copyright {
      background: #36454f;
  }
  .footer-copyright span
  {
      color: rgba(255,255,255,.4);
  }
.footer-contact-form form label
{
    font-size: 14px;
    font-weight: normal;
}
.footer-contact-form form textarea, .footer-contact-form form input, .footer-contact-form form select
{
    border-radius: 0px;
}
.footer-contact-form form textarea
{
    min-height: 100px;
    resize: none;
}
.footer ul.hs-error-msgs.inputs-list label
{
    position: static;
}
.footer ul.hs-error-msgs.inputs-list li
{
    padding-left: 0px;
}
.footer ul.hs-error-msgs.inputs-list li:before
{
    display: none;
}

  /*=====================================
   *      Subscription Section
   * ==================================*/

  .subscription-main, .testimonial-main, .get-support-main
  {
      padding: 80px 0px;
  }
  .subscription-main
  {
      background: #b7d6d3;
  }
  .subscribe-header h2, .testimonial-header h2, .infographic-header h2, .support-header h2, .voting-header h2, .video-header h2, .beneficial-header h2, .right-col-txt h2, .handbook-txt h2, .report-txt h2, .onrapp-team-txt h2, .header-title-txt h2, .optional-services-sec .service-header h2
  {
      color: #201713;
  }
  /*.subscription-main div.subscribe-left, .subscription-main div.subscribe-right*/ .subscription-main div.left-cta-sec, .subscription-main div.right-cta-sec
  {
      background: #f9f9f9;
      padding: 40px 40px 130px;
      text-align: left;
      -webkit-box-shadow: 0px 0px 6px 0px rgba(191,191,191,.2);
      -moz-box-shadow: 0px 0px 6px 0px rgba(191,191,191,.2);
      box-shadow: 0px 0px 6px 0px rgba(191,191,191,.2);
      transition: all ease-in-out 300ms !important;
      -moz-transition: all ease-in-out 300ms !important;
      -webkit-transition: all ease-in-out 300ms !important;
      position: relative;
  }
  .subscription-main .container > .row-fluid-wrapper:nth-child(2) > .row-fluid
  {
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
  }
  .subscribe-left h2, .subscribe-right h2, .benefits-title h2, .book-info h2, .right-col h3
  {
      font-size: 26px;
      letter-spacing: 1px;
      text-transform: none;
      color: #201713;
      margin-bottom: 20px;
      border-bottom: solid 2px #eee;
      padding-bottom: 20px;
  }
  .subscribe-left h2, .subscribe-right h2
  {
      border-bottom: solid 2px #e0e0e0;
  }
  .subscription-main ul, .benefits-content ul, .services-flex-col ul
  {
      padding: 0px;
  }
  .subscription-main ul li, .benefits-content ul li, .right-blog-sec .block ul li, .services-flex-col ul li
  {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: .7px;
      position: relative;
      padding-left: 20px;
      margin-bottom: 10px;
      color: #201713;
  }
  .subscription-main ul li:last-child, .benefits-content ul li:last-child, .right-blog-sec .block ul li:last-child, .services-flex-col ul li:last-child
  {
      margin-bottom: 0px;
  }
  .subscription-main ul li:before, .benefits-content ul li:before, .right-blog-sec .block ul li:before, .services-flex-col ul li:before
  {
      top: 7px;
  }
  .subscription-main ul li:before, .right-blog-sec .block ul li:before, .services-flex-col ul li:before
  {
      background: #201713;
  }
  .subscription-main .banner-cta
  {
      text-align: center;
      position: absolute;
      bottom: 40px;
      left: 0;
      right: 0;
      width: auto;
      margin: 0px;
  }
.subscription-main .banner-cta a
{
      margin-top: 0px;
}
  /*=====================================
   *         Two columns Section
   * ==================================*/

  .benefitial-main, .feature-main, .blog-main-inner, .handbook-sec, .mobile-img-sec
  {
      padding: 80px 0px;
  }
  .benefits-section
  {
      background: #f9f9f9;
      text-align:  center;
      -webkit-box-shadow: 0px 0px 6px 0px rgba(191,191,191,.2);
      -moz-box-shadow: 0px 0px 6px 0px rgba(191,191,191,.2);
      box-shadow: 0px 0px 6px 0px rgba(191,191,191,.2);
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      border: 2px solid #fff;
      position: relative;
  }
  .benefits-inner
  {
     padding: 50px;
    position: relative;
  }
.benefits-section:before, .benefits-inner:before
{
    content:"";
    position: absolute;
    width: 100px; 
    height: 100px;
    background: transparent;
    left: -2px;
    top: -2px;
    border-top: 2px solid #eec168;
    border-left: 2px solid #eec168;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.benefits-inner:before
{
    right: -2px;
    left: auto;
    border-left: 0px;
    border-right: 2px solid #eec168;
}
.benefits-section:after, .benefits-inner:after
{
   content:"";
    position: absolute;
    width: 100px; 
    height: 100px;
    background: transparent;
    right: -2px;
    bottom: -2px;
    border-right: 2px solid #eec168;
    border-bottom: 2px solid #eec168;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.benefits-inner:after
{
    right: auto;
    left: -2px;
    border-left: 2px solid #eec168;
    border-right: 0px;
}
.benefits-section:hover:before, .benefits-section:hover:after, .benefits-section:hover .benefits-inner:before, .benefits-section:hover .benefits-section:after
{
    width: 100%;
    height: 100%;
}
  .benefits-icon, .onrap-team-sec
  {
      text-align: center;
  }
  .benefits-icon img {
      max-height: 100px;
      width: auto;
  }
  .benefits-content ul
  {
      text-align: left;
  }

  .benefits-section:hover
  {
/*      -webkit-box-shadow: 4px 4px 15px 0px rgba(191,191,191,.5);
      -moz-box-shadow: 4px 4px 15px 0px rgba(191,191,191,.5);
      box-shadow: 4px 4px 15px 0px rgba(191,191,191,.5);*/
  }
  .benefits-content a
  {
      margin-top: 30px;
      position: relative;
      z-index: 9;
  }

  /*=====================================
   *        Three Col Section
   * ==================================*/

  .feature-flex-col > span > div
  {
      width: 28.9%;
      margin-right: 60px;
      display: inline-block;
      vertical-align: top;
  }
  .feature-flex-col > span > div:nth-child(3n)
  {
      margin-right: 0px;
  }
  .featured-sec
  {
      background:;
      color: #fff;  
      text-align: center;
      position: relative;
  }
  .featured-sec:before 
  {
      content: "";
      position: absolute;
      height: 100%;
      width: 2px;
      background: rgba(255, 255, 255, 0.25);
      right: -30px;
  }
  .feature-flex-col > span > div:last-child .featured-sec:before
  {
      display: none;
  }
  .featured-sec h2
  {
      font-size: 20px;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: .05em;
  }
  .subtitle-main h4 {
      font-size: 16px;
      letter-spacing: 2px;
  }

  /*=====================================
   *      Testimonial Section
   * ==================================*/
.testimonial-main
{
      background: #eec168;
}
  .teatimonial-flex-col
  {
      text-align: center;
  }
  .teatimonial-flex-col .slick-slide
  {
      margin: 0px 10px;
      opacity: 0;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
  }
  .teatimonial-flex-col .slick-slide.slick-active
  {
      opacity: 1;
  }
  .testimonial-img {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto 20px;
  }
  .testimonial-text em {
      font-size: 14px;
      font-style: inherit;
  }
  .testimonial-bottom
  {
      color: #444;
      font-weight: 800;
      text-transform: uppercase;
      margin-top: 10px;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 1px;
  }
  .logos-inner button.slick-arrow
  {
     background-color: rgba(70, 70, 70, 0.1) !important;
  }
  .teatimonial-flex-col button.slick-arrow.slick-prev
  {
      left: 0px;
  }
  .teatimonial-flex-col button.slick-arrow.slick-next
  {
      right: 0px;
  }
  .logos-inner button.slick-arrow:hover
  {
      background-color: rgba(70, 70, 70, 0.3) !important;
  }
  .logos-inner button.slick-prev.slick-arrow {
      left: -50px;
  }
  .logos-inner button.slick-next.slick-arrow {
      right: -50px;
  }

  /*=====================================
   *      Infographic Section
   * ==================================*/
  .infographic-main
  {
      background: #ffffff;
      padding-top: 0px;
  }
  .infographic-image
  {
      text-align: center;
  }

  /*=====================================
   *      Get Support
   * ==================================*/

.support-header h2
{
    margin-bottom: 30px;
}
.support-header p, .support-form form
{
    max-width: 70%;
    margin: 0 auto;
}
.support-form form
{
    background: #9fc0bd;
    padding: 50px;
}
.support-form form fieldset.form-columns-2 .hs-form-field {
    width: 48.3%;
}
body .support-form form fieldset .hs-form-field
{
    padding: 0px;
    margin: 0px 0px 30px;
}
.support-form form fieldset.form-columns-2 .hs-form-field:first-child {
    margin-right: 20px;
}
.support-form form label, .email-subscribe form label {
    color: #fff;
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.support-form form input, .support-form form select, .support-form form textarea {
    border: 0;
    border-radius: 3px;
    height: 45px;
    resize: none;
    background: #fff;
}
.support-form form textarea
{
    min-height: 150px;
}
.support-form form input[type="submit"]
{
    width: 100%;
    border: 2px solid #272727;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    padding: 14px 26px;
    background: #272727;
    color: #fff;
    letter-spacing: 1px;
    transition: all 0.3s;
    height: auto;
    line-height: normal;
}
.support-form form input[type="submit"]:hover
{
    background: #eec168;
    color: #272727;
    border-color: #eec168;
}
.support-form form input:focus, .support-form form select:focus, .support-form form textarea:focus, .email-subscribe form input:focus
{
    outline: 1px solid #000;
    box-shadow: none;
}

  /*=====================================
   *         Blog Page
   * ==================================*/

.home-hero.blog-banner 
{
    display: table;
    height: 412px;
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
}

.home-hero.blog-banner:before
{
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.3));
    background: -o-linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.3));
    background: -moz-linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.3));
    background: linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.3));
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.blog-banner .hero-banner-text
{
    position: relative;
    text-align: center;
}

.blog-banner .hero-banner-text h1
{
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 60px;
    font-family: scotch_display;
}

.blog-main-inner .blog-section .blog-listing-wrapper .post-listing
{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.blog-section .blog-listing-wrapper .post-listing .post-item {
    padding-bottom: 30px;
    border: 1px solid #e9e7e7;
    margin-bottom: 50px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    width: 48.4%;
    display: inline-block;
    margin-right: 20px;  
    vertical-align: top;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.blog-section .blog-listing-wrapper .post-listing .post-item:hover
{
   box-shadow: 3px 3px 20px rgba(0,0,0,0.2);
}

.blog-section .blog-listing-wrapper .post-listing .post-item:nth-child(2n+1) {
    margin-right: 0px;
}

.blog-section .blog-listing-wrapper .post-listing .post-item:first-child {
    width: 100%;
}

.blog-section .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image
{
    width: 100%;
    max-height: 180px;
    margin: 0px;
    object-fit: cover;
    object-position: center;
}

.blog-section .post-item:first-child .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image
{
    max-height: 300px;
}

.blog-main-inner .blog-listing-wrapper .section.post-body, .blog-main-inner .blog-listing-wrapper .author-sec, .blog-main-inner .blog-listing-wrapper .main-content {
    padding: 0px 30px;
}

.blog-main-inner .blog-listing-wrapper .main-content
{
    padding-top: 30px;
}
.blog-main-inner .blog-listing-wrapper .main-content h2
{
    font-size: 24px;
    font-family: scotch_display;
    line-height: 1.2em;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.blog-main-inner .blog-listing-wrapper .main-content h2:before {
    content: "";
    background: #eec168;
    width: 80px;
    height: 5px;
    position: absolute;
    bottom: 0px;
    border-radius: 10px;
}

.blog-main-inner .blog-listing-wrapper .main-content h2 a, .right-blog-sec .block ul li a, .email-subscribe form label
{
    color: #201713;
}

.blog-main-inner .blog-listing-wrapper a.more-link, .author-sec a {
    color: #eec168;
}

.right-blog-sec .post-filter-main, .right-blog-sec .post-listing-main, .right-blog-sec .email-subscribe
{
    background: #eec168;
    padding: 30px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.right-blog-sec h3
{
    font-size: 24px;
    line-height: 1.2em;
    position: relative;
    color: #201713;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 16px;
    margin-bottom: 20px;
}


.right-blog-sec .block ul li
{
    position: relative;
    padding-left: 20px;
}


a.filter-expand-link
{
    margin-top: 10px;
}

.email-subscribe form .hs-email, .email-subscribe form .hs-submit
{
    display: inline-block;
}

.email-subscribe form .hs-email
{
    width: 60%;
}

.email-subscribe form .hs-submit
{
    width: 40%;
}


.email-subscribe form input, .email-subscribe form input[type="submit"], .email-subscribe form input[type="email"]
{ 
    width: 100%;
    height: 45px;
    float: none;
    border-radius: 0px;
    font-family: 'Raleway', sans-serif;
}


.email-subscribe form input
{
    border: 0px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #f7b84f;
    box-shadow: inset 0px 0px 70px rgba(0,0,0,0.1);
}


.email-subscribe form input[type="submit"], .email-subscribe form input[type="submit"]:hover
{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    background: #272727;
    color: #fff;
    border: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


.hs-blog-listing .detail-page-text, .hs-blog-post .listing-page
{
    display: none;
}


.blog-section.content-holder {
    border: 1px solid #e9e7e7;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    padding: 30px;
    transition: all 0.3s;
}


.blog-section.content-holder.blog-sec-stick {
    margin-left: 50px;
}

.blog-post-wrapper .section.post-body h2 {
    font-size: 24px;
    margin: 20px 0px;
}
.blog-post-wrapper .section.post-body img
{
    width: 100%;
}
.detail-page-text .author-sec p {
    max-width: 100%;
    color: #fff;
}
.hs-blog-post .detail-social-icons
{
    display: block !important;
    text-align: center;
    padding: 100px 0px 0px;
}
.detail-social-icons ul, .social-icons-bottom
{
    padding: 20px 0px;
    background: #9fc0bd;
}
.detail-social-icons ul li, .social-icons-bottom ul li
{
    display: inline-block;
    margin-right: 5px;
}
.detail-social-icons ul li a, .social-icons-bottom ul li a {
    color: #9fc0bd;
    width: 40px;
    height: 40px;
    background: #ffffff;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}
.detail-social-icons ul li a:hover, .social-icons-bottom ul li a:hover
{
    color: #e64645;
}
.hs-blog-post .blog-main-inner
{
    padding-top: 50px;
}
#sticky.stick
{
    top: 10px !important;
} 
#sticky h4
{
    font-size:16px;
    text-transform: uppercase;
    font-family: 'Raleway',sans-serif;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position: absolute;
    top: 120%;
    left: -10px;
}
#sticky ul li a
{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    background: #e64645;
    margin-bottom: 5px; 
    color: #fff;
}
#sticky ul li a:hover
{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
#sticky ul li:last-child a
{
    margin-bottom: 0px;
}
.social-icons-bottom
{
    margin: 20px 0px; 
    text-align: center;
}
.social-icons-bottom h4, .social-icons-bottom ul
{
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
}
.social-icons-bottom h4
{
    color: #fff;
    font-size:16px;
    text-transform: uppercase;
    font-family: 'Raleway',sans-serif;
    letter-spacing: 1px;
}
.hs-author-avatar {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
a.author-link {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
ul.hs-error-msgs.inputs-list label
{
    color: red;
    position: absolute;
    padding-top: 5px;
}
.hs_error_rollup
{
    display: none;
}
.popup-form form ul.hs-error-msgs.inputs-list label
{
    position: static;
}
ul.inputs-list.multi-container
{
    margin-top: 20px;
}

ul.inputs-list.multi-container input{
    height: auto;
}
ul.inputs-list.multi-container input:focus
{
    outline: none;
}
ul.inputs-list.multi-container label
{
    font-weight: 500;
    text-transform: unset;
    font-size: 14px;
}
legend.hs-field-desc 
{
    font-size: 12px;
    color: #fff;
    margin-bottom: 10px;
}
  /*=====================================
   *         Resources Page
   * ==================================*/

.resource-top-sec div.left-col-img, .resource-top-sec div.right-col-txt
{
    display: table-cell;  
    vertical-align: middle;
    float: none;
}
.resource-top-sec div.right-col-txt
{
    padding-left: 50px;
}
.right-col-txt a.cta_button
{
    margin-top: 20px;
}
.right-col-txt h2
{
    margin-bottom: 20px;
}
.handbook-flex-col > span > div
{
    width: 30.3%;
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
    margin-bottom: 40px;
}
.handbook-flex-col > span > div:nth-child(3n)
{
    margin-right: 0px;
}
.book-info {
    margin-top: 20px;
}
.handbook-txt h2, .report-txt h2
{
    margin-bottom: 20px;
}
.book-info a
{
    color: #eec168;
    display: inline-block;
    cursor: pointer;
}
.onrapp-swot-sec 
{
    background: #e64645;
    padding: 50px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.onrapp-swot-sec:hover
{
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}
.right-col h3 
{
    color: #fff;
    border-bottom: solid 2px #e85a59;
}
.right-col p
{
    color: #fff;
}
.right-col a
{
    margin-top: 20px;
}
.gartner-img {
    position: relative;
}
.gartner-img:before, .gartner-img:after
{
    content: "";
    position: absolute;
    width: 50%;
    height: 50%;
    background: transparent;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    left: -10px;
    top: -10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.onrapp-swot-sec:hover .gartner-img:before {
    left: -20px;
    top: -20px;
    opacity: 0;
}
.gartner-img:after
{
    border-top: 0px;
    border-left: 0px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    left: auto;
    right: -10px;
    top: auto;
    bottom: -10px;
}
.onrapp-swot-sec:hover .gartner-img:after {
    right: -20px;
    bottom: -20px;
    opacity: 0;
}
.right-col
{
    padding-left: 40px;
}
.onrap-team-sec
{
    min-height: inherit !important;
    padding: 50px 0px;
}
.onrapp-team-txt
{
    margin-bottom: 0px;
}
.onrapp-team-txt a.cta_button, .onrapp-team-txt p#get-started-btn
{
    margin-top: 20px;
    background: #000;
    border-color: #000;
    color: #fff;
}

.right-col-txt a
{
    margin-top: 20px;
}
.cross-sign i
{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.download-form-sec div.form-for-download-report
{
    margin: 0px;
}
.form-for-download-report h3, #offer-background-image .form-for-download-report h3
{
    font-size: 24px;
    margin-bottom: 30px;
    color: #201713;
    font-size: 24px;
    max-width: 100%;
    text-shadow: none;
    background: transparent;
    padding: 0px;
    font-weight: bold;
}
body.popup-form form.hs-form fieldset .hs-form-field, body form.hs-form fieldset .hs-form-field
{
    padding: 0px;
}
body.popup-form form.hs-form fieldset.form-columns-2 .hs-form-field:first-child, body form.hs-form fieldset.form-columns-2 .hs-form-field:first-child
{
    padding-right: 10px;
}


.footer-block div.download-image-one, .footer-block div.download-image-two
{
    float: none;
    display: block;
    margin: 0px 0px 5px 0px;
    width: 100%;
}
.footer-block div.download-image-one img, .footer-block div.download-image-two img {
    max-width: 70%;
}


  /*=====================================
   *       Mobile images section
   * ==================================*/

.mobile-imgs-flex-col > span
{
    display: flex;
    display: -webkit-flex;
}
.mobile-imgs-flex-col > span > div
{
    margin-right: 20px;
}
.mobile-imgs-flex-col > span > div:last-child
{
    margin-right: 20px;
}

 /*=====================================
   *       New 3 col section
   * ==================================*/

.three-col-sec
{
    text-align: center;
}
.header-title-txt p
{
    max-width: 80%;
    margin: 0 auto;
}
 .three-col-txt-sec > span > div 
{
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 15px;
}
.three-col-txt-sec > span > div img
{
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}
.three-col-txt-sec > span > div:hover img
{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
 /*=====================================
   *       optional services
   * ==================================*/

.optional-services-outer > .row-fluid-wrapper > .row-fluid
{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.services-flex-col
{
    background: #fff;
    padding: 30px;
}
.optional-services-titles
{
    border-bottom: solid 2px #e0e0e0;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.optional-services-titles h3 
{
    font-size: 26px;
    letter-spacing: 1px;
    text-transform: none;
    color: #201713;
}
.optional-services-titles h4
{
    color: #aaa;
    margin: 0px;
    font-size: 26px;
    letter-spacing: 1px;
}



/*==========================================================================================================
 *                                           Wireframe -page
 *                                           (12.1.2019)
 * =======================================================================================================*/
 




.condo-owner .header-container 
{  
    background: #fff;
    z-index: 9999;
}





.condo-owner .container-fluid .row-fluid .container 
{
    max-width: 1170px;
    margin: 0 auto;
    padding: 0px;
}

.wire-header 
{
    text-align: center;
}

.wire-header .logo-image img, .footer-img img 
{
    margin: 0px !important;
    height: 76px;
    width: auto !important;
    max-width: inherit;
}

.comm-txt h2 
{
    color: #201713;
    font-size: 40px;
    line-height: 26px;
    font-weight: 800;
    margin: 0px;
    padding: 0 0 28px 0;
  font-family: 'Cabin';
}

.comm-image 
{
    text-align: right;
}

.comm-txt a:hover 
{
    background: transparent !important;
    color: #f7c156;
}

.comm-txt a
{
    font-size: 12px;
    color: #fff;
    background: #f7c156 !important;
    border: 2px solid #f7c156 !important;
    transition: 0.5s ease-in-out 0s;
    background-color: #fff;
    border-color: #fff;
    border-radius: 3px;
    padding: 13px 26px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    line-height: normal;
    cursor: pointer;
}

.comm-form form input.hs-button.primary.large 
{
    padding: 13px 26px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    line-height: normal;
    cursor: pointer;
    color: #f7c156;
    background: #fff;
    border: 2px solid #fff;


}

.condo-owner .three-col-sec 
{
    BACKGROUND: #FFF;
}


.wel-com-sec >.row-fluid-wrapper >.row-fluid >.container >.row-fluid-wrapper >.row-fluid 
{
    display: table;
    width: 100%;
    height: 100%;
}

.comm-txt, .comm-image 
{
    display: table-cell !important;
    vertical-align: middle;
    float: none !important;
    width: auto !important;
}

.wel-com-sec .comm-image img 
{
    width: 100%;
    height: 203px;
    object-fit: cover;
    object-position: center;
}

.wel-com-sec 
{
    background: #f5f5f5;
    padding: 21px 0px;
}


.three-col-sec .col-one .information-sec .text-sec h2, .three-col-sec .col-content .information-sec .text-sec h2 
{
    color: #201713;
    font-size: 26px;
    line-height: 26px;
    margin: 0px;
    padding: 25px 0px; 
}

.three-col-sec .col-one .information-sec .text-sec p, .three-col-sec .col-content .information-sec .text-sec p 
{
    font-size: 18px;
    line-height: 26px;
    color: #201713;
    margin: 0px;
    max-width: 90%;
    margin: auto;
}

.video-content h2, .form-left-col-txt h2, .happy-cust-title h2
{
    font-size: 34px;
    line-height: 26px;
    color: #201713;
    position: relative;
      margin: 0 0 30px 0;
    padding: 0 0 15px 0;
}

.slider-flex-col 
{
    padding: 115px 0px 0px 0px;
}

.form-left-col-txt h2, .happy-cust-title h2
{
    text-align: center;
}

.popularity-sec p i
{
    color: #f7c156;
}

.slider-video-sec 
{
    padding: 90px 0px;
}

.slider-flex-col .title-txt h2 
{
    font-size: 24px;
    line-height: 26px;
    margin-top: 16px;
    color: #201713;
}

.video-content h2::before
{
    content:"";
    position: absolute;
    width: 100px;
    height:3px;
    background: #f7c156;
    bottom:0;
    left: 0;
}

.form-left-col-txt h2::before, .happy-cust-title h2::before
{
    content:"";
    position: absolute;
    width: 100px;
    height:3px;
    background: #f7c156;
    bottom:0;
    left: 0;
    right: 0;
    margin: auto;
}


.video-content iframe 
{
    width: 100%;
    height: 320px;
}

.slider-flex-col .slider-image-sec img
{
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: auto;
    object-fit: cover;
}

.slider-flex-col .img-txt-slider-sec 
{
    text-align: center;
}
.slider-video-sec .slider-flex-col .slick-list.draggable 
{
    padding: 0 0 !important;
    margin: 0 50px;
}

.slider-flex-col .text-sec h2
{
    font-size: 24px;
    color: #201713;
    line-height: 26px;
}

.slider-flex-col .text-sec p, .form-left-col-txt p
{
    font-size: 18px;
    line-height: regular;
    color: #201713;
    text-align: center;
    margin: 0px;
    padding: 15px 0 0px 0;
}

.comm-form 
{
    padding: 20px;
    background: #f7c156;
}
.comm-form h3
{
    font-size: 30px;
    color: #fff;
    line-height: regular;
    text-align: center;
}


.comm-form form label span
{
    font-size: 18px;
    line-height: normal;
    color: #fff;
    font-weight: 400;
    padding: 0px;
}


.comm-form form .input .hs-input
{
    border-radius: 0px;
    border: 0px;
    border-color: transparent;
}
.comm-form form .input
{
    padding: 5px 0 8px 0;
}

.comm-form form ul.hs-error-msgs.inputs-list label {
    color: red;
    position: absolute;
    margin-top: -7px;
    padding-top: 0px;
}
.comm-form form .hs_submit 
{
    text-align: center;
}



.comm-form form input.hs-button.primary.large:hover
{
    background: transparent;
    color: #fff;

}

.slider-video-sec 
{
    background: #f5f5f5;
}


.comm-form-sec 
{
    padding: 70px 0px;
}

.form-left-col-txt 
{
    padding-top: 30px;
}

.footer-img 
{
    text-align: center;
    padding: 30px 0 0;
}

.copy-txt p 
{
    font-size: 18px;
    color: #f7c156;
    text-align: center;
    padding: 12px 0 24px 0;
}

.slider-flex-col button.slick-next.slick-arrow 
{
    background: url(https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_Community_imgs%20/right-arrow.png);
    background-repeat: no-repeat;
    right: 0;
    background-position: center;
}





.slider-flex-col button.slick-prev.slick-arrow 
{
    background: url(https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_Community_imgs%20/left-arrow.png);
    background-repeat: no-repeat;
    left: -7px;
    background-position: center;
   
}




.happy-cust-sec button.slick-next.slick-arrow
{
    background: url(https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_Community_imgs%20/arow-circle.png);
    background-repeat: no-repeat;
    right: 0;
    background-position: center;
}



.happy-cust-sec button.slick-prev.slick-arrow
{
    background: url(https://519153.fs1.hubspotusercontent-na1.net/hubfs/519153/Onrapp_Community_imgs%20/left-arrow-circle.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: -7px;
    background-position: center;
}


.happy-cust-sec 
{
    padding: 70px 0px;
    background: #f5f5f5;
}


/***************16.1.2019******************************/
          /* contact-form */
/****************************************************/

.popup-form.contact-form form input, .popup-form.contact-form form input:focus, .popup-form.contact-form form select, .popup-form.contact-form form select:focus {
    width: 100%;
    font-family: ;
    font-size: 16px;
    display: block;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.popup-form.contact-form form .input select {
    font-size: 14px;
}

.popup-form.contact-form form input.hs-button.primary.large:hover {
    background: #000;
    color: #fff;
}

.popup-form.contact-form form input.hs-button.primary.large {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 0em;
    color: #32414f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 8px;
    background-color: #fff;
    padding: 10px;
    display: inline-block;
    border: 2px solid transparent;
    cursor: pointer;
    width: auto !important;
    padding: 20px 30px;
    transition: 0.6s ease-in-out 0s;
    font-family: 'Proxima Nova';
}



.popup-form.contact-form form label span {
    color: #ffffff !important;
}

.popup-form.contact-form form .hs-form-field {
    margin-bottom: 24px;
}
.popup-form.contact-form form input:focus {
    outline:none;
    box-shadow: none !important;
}
.popup-form.contact-form form ul.hs-error-msgs.inputs-list label
{ 
   color: red !important;
  position: absolute;
}

.popup-form.contact-form form label span {
    font-family: 'Proxima Nova';
    color: #201713;
    font-size: 16px;
}


.form-sec {
    padding: 80px 0px;
}

.popup-form.contact-form form {
    background: #9fc0bd;
    padding: 28px;
}


.form-sec >.row-fluid-wrapper {
    padding-bottom: 80px;
}
.contact-map iframe {
    width: 100%;
}


/*=========== pop up video =========*/

.hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube
{
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.ebook-form-sec iframe, .download-form-sec iframe
{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



  /*=====================================
   *         Media Queries
   * ==================================*/

@media (max-height: 750px){
   .popup-open .form-popup
  {
    height: 99.9vh;
    overflow-y: scroll;
  }
}
@media (max-height: 713px){
  .popup-form-content .form-popup
  {
      height: 99.9vh;
      overflow-y: scroll;
  }
}
@media (max-width: 1350px) and (min-width: 1025px) {
    .body-main div.home-hero, .banner-main-sec {
/*        background-position: center left !important;*/
    }
    .menu-open .feature-flex-col > span > div {
        margin-right: 20px;
        width: 30.8%;
    }
    .featured-sec:before {
        right: -10px;
    }
    .feature-flex-col > span > div:nth-child(3n) {
        margin-right: 0px !important;
    }
  }

  @media (max-width: 1199px){
    .contact-form-outer
    {
      background-position: center;
    }
    .feature-flex-col>span>div {
      width: 28.7%;
    }
    .support-form form fieldset.form-columns-2 .hs-form-field {
      width: 48.2%;
    }
    .right-blog-sec .post-filter-main, .right-blog-sec .post-listing-main, .right-blog-sec .email-subscribe
    {
      padding: 20px;
    }
    .blog-main-inner .blog-listing-wrapper .section.post-body, .blog-main-inner .blog-listing-wrapper .author-sec, .blog-main-inner .blog-listing-wrapper .main-content {
      padding: 0px 15px;
    }
    .blog-section .blog-listing-wrapper .post-listing .post-item {
      padding-bottom: 15px;
    }
    .blog-main-inner .blog-listing-wrapper .main-content {
      padding-top: 15px;
    }
    .menu-open .blog-section .blog-listing-wrapper .post-listing .post-item {
        width: 47.7%;
    }
    .menu-open .email-subscribe form .hs-email, .menu-open .email-subscribe form .hs-submit {
      display: block;
      width: 100% !important;
    }
    .menu-open .blog-section .blog-listing-wrapper .post-listing .post-item:first-child
    {
      width: 100%;
    }
    .handbook-flex-col > span > div {
      width: 30.1%;
    }
    .menu-open .handbook-flex-col > span > div {
      margin-right: 25px;
    }
    .handbook-flex-col  >span > div:nth-child(3n) {
      margin-right: 0px;
    }
    .logos-inner button.slick-next.slick-arrow {
      right: -30px;
    }
    .logos-inner button.slick-prev.slick-arrow {
      left: -30px;
    }
    .logos-inner .slick-slide
    {
        padding: 20px;
    }
    
    
    /************12.1.2019*******************************/
    
  .condo-owner .container-fluid .row-fluid .container {
    padding: 0 30px;
}
    
   .comm-txt h2 {
    font-size: 35px;
    line-height: 38px;
    }
    

    
    
  }

  @media (max-width: 1024px) {
      .body-main div.home-hero, .banner-main-sec 
     {
         background-position: center !important;
     }
    .hero-banner-text h1 {
      font-size: 42px;
    }
    .menu-open .both-inner, .menu-open .header-container {
        padding-right: 0;
    }
    .menu-open .blog-section .blog-listing-wrapper .post-listing .post-item {
        width: 48.4%;
    }
    
        .hero-banner-text h3 {
    font-size: 25px;
}
    
  }

  @media (max-width: 991px){
      .onrapp_header div.header-login-cta {
        position: static;
        text-align: center;
        margin-top: 20px;
         width: 100%;
      }
      .benefits-inner{
        padding: 20px;
      }
    .feature-flex-col > span > div {
        margin-right: 44px;
    }
    .featured-sec:before {
      right: -20px;
    }
    .support-form form fieldset.form-columns-2 .hs-form-field {
      width: 47.6%;
    }
    .support-header p, .support-form form {
      max-width: 90%;
    }
    .blog-section .blog-listing-wrapper .post-listing .post-item {
      width: 47.9%;
    }
    .email-subscribe form .hs-email, .email-subscribe form .hs-submit
    {
      width: 100% !important;
    }
    .handbook-flex-col > span > div {
       margin-right: 29px;
    }
    .handbook-flex-col > span > div:nth-child(3n) {
       margin-right: 0px;
    }
    .logos-inner button.slick-prev.slick-arrow
    {
        left: 0;
    }
    .logos-inner button.slick-next.slick-arrow
    {
        right: 0;
    }
    .logos-inner .slick-slide {
      padding: 30px;
    }
    .three-col-txt-sec > span > div {
      width: 32.9%;
      padding: 0px 10px;
    }
    
    /**********************12.1.2019******************************/
    
    
       .three-col-sec .col-one .information-sec .text-sec p, .three-col-sec .col-content .information-sec .text-sec p
    {
    font-size: 16px;
    max-width: 100%;
    }
   .video-content h2, .form-left-col-txt h2, .happy-cust-title h2 
{
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 25px 0;
    padding: 0 0 19px 0;
} 
    .slider-flex-col .text-sec p, .form-left-col-txt p
{
    font-size: 16px;
}
    .comm-form form ul.hs-error-msgs.inputs-list label
{
    font-size: 14px;
    position: static;
}
    


    
  }

  @media (max-width: 768px){
    .header-container-wrapper .container-fluid .onrapp_header .row-fluid  div.onraap_header
    { 
        width: 320px !important;
        right: -320px !important;
    }
    .header-container-wrapper .container-fluid .onrapp_header .row-fluid  div.onraap_header.menu-show
    {
        right: 0px !important;
    }
    .container-fluid .row-fluid .container {
        padding: 0px 19px;
    }
    .banner-flex-col button.slick-arrow
    {
        display: none !important;
    }
  }

  @media (max-width: 767px) {
    .footer-block {
      margin-bottom: 20px;
    }
    .footer-block:last-child {
      margin-bottom: 0px;
    }
    .online-flex-col > span > div {
        width: 100%;
        padding: 0px;
        max-width: 300px;
        margin: 0px auto 30px;
        display: block;
    }
/*    .subscription-main div.subscribe-left, .subscription-main div.subscribe-right,*/ .subscription-main div.left-cta-sec, .subscription-main div.right-cta-sec
    {
        width: 100%;
    }
    .subscription-main div.left-cta-sec, .benefits-section
    {
        margin-bottom: 20px;
    }
    .counter-col {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .feature-flex-col > span > div, .feature-flex-col > span > div:nth-child(3n) {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 50px;
        display: block;
    }
    .featured-sec:before, #sticky.stick
    {
        display: none !important;
    }
    .online-flex-col > span > div:last-child, .feature-flex-col > span > div:last-child, .handbook-flex-col > span > div:last-child
    {
        margin-bottom: 0px;
    }
    .body-main div.home-hero, .home-hero.blog-banner 
    {
        padding: 50px 0px;
        height: auto; 
    }
    .right-blog-sec
    {
      margin-top: 50px;
    }
    .blog-section.content-holder.blog-sec-stick {
      margin-left: 0px;
    }
    ul.hs-error-msgs.inputs-list label {
      position: static;
    }
    .resource-top-sec div.left-col-img, .resource-top-sec div.right-col-txt {
      display: inherit;
    }
    .resource-top-sec div.right-col-txt , .right-col
    {
      padding: 20px 0px 0px;
    }
    .handbook-flex-col > span > div, .handbook-flex-col > span > div:nth-child(3n) {
      margin-right: 0;
      width: 100%;
      display: block;
      margin: 0 auto 30px;
      max-width: 300px;
    }
    .onrapp-swot-sec
    {
      padding: 20px;
    }
    .contact-form-outer h2 {
      font-size: 24px;
      line-height: 30px;
    }
    .contact-form-outer
    {
      height: 300px !important;
    }
    .footer-block div.download-image-one img, .footer-block div.download-image-two img {
      max-width: 150px;
    }
    .title-icon-main {
      padding: 30px 20px;
    }
    .three-col-txt-sec > span > div {
      width: 32.8%;
    }
    .services-flex-col {
      width: 100% !important;
      margin-bottom: 20px;
    }
    .optional-services-titles h3, .optional-services-titles h4 {
      font-size: 20px;
    }
    
    /******************1/12/2019*****************/
    
    .comm-txt, .comm-image 
    {
      display: block !important;
      text-align: center;
    }
    .comm-txt 
    {
      padding-bottom: 44px;
    } 
    .comm-form form input.hs-button.primary.large 
    {
      width: 100%;
      max-width: 170px;
      padding: 13px 8px;
    } 
    .comm-form form ul.hs-error-msgs.inputs-list label 
    {
      font-size: 14px;
    }
    .col-content, .col-one 
    {
      padding-bottom: 45px;
    }
    .video-content iframe 
    {
      width: 100%;
      height: 146px;
    }
    .condo-owner .container-fluid .row-fluid .container 
    {
      padding: 0 15px;
    }
    
    .form-left-col-txt 
    {
      padding-bottom: 45px;
    }
    
    .slider-video-sec, .comm-form-sec 
    {
      padding: 65px 0px;
    }
    .three-col-sec .image-sec img 
    {
      width: auto;
      max-width: 65px;
    }   
    
    .happy-cust-flex-col .slick-slide img 
    {
      display: block;
      margin: auto;
    }

    .footer-img
    {
      padding: 60px 0 0;
    } 
    
    .comm-footer 
    {
      padding: 0 0 0 0;
    }
    
    
    /***********************1/16/2019***********************/
    
    .left-col-con-txt h2 {
    font-size: 30px;
}
   
   .left-col-con-txt {
    padding-bottom: 40px;
} 
  .form-sec >.row-fluid-wrapper {
    padding-bottom: 30px;
}  
    
   .form-sec {
    padding: 30px 0px;
} 
    
    .hero-banner-text h1 {
    font-size: 30px;
}
    
    .hero-banner-text h3 {
    font-size: 18px;
}
.body-main div.home-hero{
    background-size: inherit !important;
    }

      
    
}
  @media (max-width: 640px) {
    body
    {
      font-size: 14px;
    }
    .hero-banner-text h1, .blog-banner .hero-banner-text h1
    {
        font-size: 30px;
    }
    .hero-banner-text p, .support-header p, .support-form form, .header-title-txt p
    {
        max-width: 100%;
    }
    .logos-text h2 {
        font-size: 26px;
    }
    .logos-section {
        padding: 50px 0px;
    }
    .logos-inner > span > div {
        width: 100%;
        padding: 10px 30px;
    } 
    .logos-inner > span > div img
    {
        max-width: 180px;
    }
    .counter-header h2, .subscribe-header h2, .testimonial-header h2, .infographic-header h2, .support-header h2, .voting-header h2, .video-header h2, .beneficial-header h2, .featured-header h2, .right-col-txt h2, .handbook-txt h2, .report-txt h2, .onrapp-team-txt h2, .header-title-txt h2, .optional-services-sec .service-header h2 {
        font-size: 26px;
    }
    .subscribe-left h2, .subscribe-right h2, .subscribe-left h2, .subscribe-right h2, .benefits-title h2,  .blog-main-inner .blog-listing-wrapper .main-content h2, .blog-post-wrapper .section.post-body h2, .book-info h2, .right-col h2 {
      font-size: 20px;
    }
/*    .subscription-main div.subscribe-left, .subscription-main div.subscribe-right*/.subscription-main div.left-cta-sec, .subscription-main div.right-cta-sec, .support-form form {
      padding: 20px 20px 100px;
    }
    .footer, .contact-form-outer, .subscription-main, .logos-section, .online-voting, .counter-main-outer, .video-main, .benefitial-main, .subscription-main, .testimonial-main, .infographic-main, .get-support-main, .feature-main, .blog-main-inner, .hs-blog-post .detail-social-icons, .hs-blog-post .blog-main-inner, .handbook-sec, .resource-top-sec, .inde-report-sec,  .mobile-img-sec, .three-col-sec, .optional-services-sec
     {
      padding: 40px 0px;
    }
    .infographic-main
    {
      padding-top: 0px;
    }
    .hs-blog-post .blog-main-inner {
      padding-top: 0px;
    }
    .logos-text, .counter-header, .featured-header, .subscribe-header, .testimonial-header, .infographic-header, .support-header, .voting-header, .video-header, .beneficial-header {
      margin-bottom: 30px;
    }
    .video-play-icon a {
      font-size: 40px;
    }
    .form-popup div.popup-form {
      padding: 40px 20px 20px 20px;
    }
    .support-form form input, .support-form form select, .support-form form textarea
    {
       width: 100% !important;
    }
    .support-form form textarea
    {
      min-height: 120px;
    }
    body .support-form form fieldset .hs-form-field {
       margin: 0px 0px 15px;
    } 
    .subscription-main .banner-cta {
      bottom: 20px;
    }
    .banner-flex-col button.slick-arrow, .teatimonial-flex-col button.slick-arrow, .teatimonial-flex-col button.slick-arrow.slick-next, .banner-flex-col button.slick-next.slick-arrow:hover, .teatimonial-flex-col button.slick-next.slick-arrow:hover {
      background-size: 8px;
      width: 30px;
      height: 30px;
    }
    .teatimonial-flex-col .slick-slide
    {
      margin: 0px;
    }
    .blog-section .blog-listing-wrapper .post-listing .post-item, .blog-section .blog-listing-wrapper .post-listing .post-item:nth-child(2n+1) {
      width: 100%;
      margin: 0px auto 30px;
    }
    .detail-social-icons ul {
      padding: 20px 0px;
    }
    .blog-section.content-holder
    {
       padding: 20px;
    }
    .hs-author-avatar {
      display: block;
      margin: 0 auto;
    }    
    .download-form-sec div.form-for-download-report, .cross-sign
    {
      padding: 20px;
    }
    .mobile-imgs-flex-col > span
    {
       display: inherit;
    }
    .mobile-imgs-flex-col > span > div {
      margin-right: 0px;
      max-width: 250px;
      margin: 0 auto 20px;
    }
    .mobile-imgs-flex-col > span > div:last-child
    {
      margin-bottom: 0px;
      margin-right: auto;
    }
    .three-col-txt-sec > span > div {
      width: 100%;
      padding: 0px;
      margin-bottom: 20px;
    }
    .three-col-txt-sec > span > div:last-child {
      margin-bottom: 0px;
    }
    .services-flex-col
    {
      padding: 20px;
    }
    .cross-sign i
    {
        right: 10px;
        top: 10px;
    }
  }
@media (max-width: 480px){
  .footer-contact-form form input, .footer-contact-form form select, .footer-contact-form form textarea, form input, form textarea, form select
  {
      width : 100% !important;
  }
  body .footer-contact-form form.hs-form fieldset .hs-form-field 
  {
    padding: 0 0px 0 0;
  }
  body.popup-form form.hs-form fieldset.form-columns-2 .hs-form-field:first-child, body form.hs-form fieldset.form-columns-2 .hs-form-field:first-child 
  {
    padding-right: 0px;
  }
  .form-for-download-report h3 
  {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .logos-inner .slick-slide 
  {
    padding: 15px;
  }

  
   .banner-flex-col .banner-cta
  {
    background:transparent;
  }
  
  }