@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.0/jquery.fancybox.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css); 
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css);

/* Icons */
@font-face
{ font-family: "IcoFont";
  font-weight: normal; font-style: "Regular";
  src: url("//464158.fs1.hubspotusercontent-na1.net/hubfs/464158/Synx_website_2018/fonts/icofont.woff2?t=1536038497590") format("woff2"), url("//464158.fs1.hubspotusercontent-na1.net/hubfs/464158/Synx_website_2018/fonts/icofont.woff?t=1536038497590") format("woff");
}



/* Hubspot Default Includes 
=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* 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;}
/* Synx Theme Structure And Global Style  -=-=-=-=-=-=-= */
/* Font Face */
 @font-face { font-family:'Product Sans';
    src: local('Product Sans Bold'), local('ProductSans-Bold'), url(//464158.fs1.hubspotusercontent-na1.net/hubfs/464158/Synx_website_2018/fonts/product-sans-bold.woff2) format('woff2');
    font-weight:700; font-style:normal; }
@font-face { font-family:'Product Sans';
    src: local('Product Sans Bold Italic'), local('ProductSans-Bold-Italic'), url(//464158.fs1.hubspotusercontent-na1.net/hubfs/464158/Synx_website_2018/fonts/product-sans-bold-italic.woff2) format('woff2');
    font-weight:700; font-style:italic; }
@font-face { font-family:'Product Sans';
    src: local('Product Sans'), local('ProductSans'), url(https://464158.fs1.hubspotusercontent-na1.net/hubfs/464158/Synx_website_2018/fonts/product-sans-regular.woff2) format('woff2');
    font-weight:400; font-style:normal; }
@font-face { font-family:'Product Sans';
    src: local('Product Sans Italic'), local('ProductSans-Italic'), url(//464158.fs1.hubspotusercontent-na1.net/hubfs/464158/Synx_website_2018/fonts/product-sans-italic.woff2) format('woff2');
    font-weight:400; font-style:italic; }






/* Typography */
* { -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
html { font-size:100%; -webkit-text-size-adjust:100%; text-rendering:optimizeLegibility; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; }
body { margin:0; padding:0; font-family:Product Sans, sans-serif; font-size:16px; line-height:1.875; color:#777777; font-weight:400; letter-spacing:0.01em; }

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { margin:0; padding:0; font-weight:400; color:#222222; }
h1,.h1 { font-size:60px; line-height:1.17; }
h2,.h2 { font-size:48px; line-height:1.25; }
h3,.h3 { font-size:36px; line-height:1.22; }
h4,.h4 { font-size:30px; line-height:1.60; }
h5,.h5 { font-size:24px; line-height:1.50; }
h6,.h6 { font-size:18px; line-height:1.87; }

@media(max-width:1080px){
	h2, .h2 { font-size: 40px}
}

@media (max-width: 992px){
  body { font-size:16px; }
  h1,.h1 { font-size:48px; line-height:1.25; }
  h2,.h2 { font-size:36px; line-height:1.25; }
  h3,.h3 { font-size:26px; line-height:1.33; }
  h4,.h4 { font-size:20px; line-height:1.60; }
  h5,.h5 { font-size:18px; line-height:1.87; }
  h6,.h6 { font-size:16px; line-height:1.87; }
}
@media (max-width: 767px){
  body { font-size:14px; }
  h1,.h1 { font-size:32px; }
  h2,.h2 { font-size:28px; }
  h3,.h3 { font-size:24px; }
  h4,.h4 { font-size:18px; }
  h5,.h5 { font-size:16px; }
  h6,.h6 { font-size:15px; }
}

* + h1,* + .h1 { margin-top:30px; }
* + h2,* + .h2 { margin-top:28px; }
* + h3,* + .h3 { margin-top:26px; }
* + h4,* + .h4 { margin-top:23px; }
* + h5,* + .h5 { margin-top:20px; }
* + h6,* + .h6 { margin-top:18px; }
p { margin:0; }

* + p { margin-top:1em; }
a { text-decoration:none; -moz-transition:all ease .4s; -webkit-transition:all ease .4s; transition:all ease .4s; color:#ec008c; font-weight:500; }
a:hover { color:#3586ff; }

.font12 { font-size:12px; line-height:1.66; }
.font14 { font-size:14px; line-height:1.57; }
.font15 { font-size:15px; line-height:1.60; }
.font18 { font-size:18px; line-height: 1.2   }
.font19 { font-size:19px; }
.font20 { font-size:20px; }
.font22 { font-size:22px; }
.font24 { font-size:24px; }

.light { font-weight:300; }
.normal { font-weight:400; }
.medium { font-weight:500; }
.semibold { font-weight:600; }
.bold { font-weight:700; }
.extrabold { font-weight:800; }
.black { font-weight:900; }

.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-justify { text-align:justify; }
@media (max-width: 992px)  {
  .tab-center { text-align:center; }
  .tab-left { text-align:left; }
  .tab-right { text-align:right; }
  .tab-justify { text-align:justify; }
}
@media (max-width: 767px)  {
  .mobile-center { text-align:center; }
  .mobile-left { text-align:left; }
  .mobile-right { text-align:right; }
  .mobile-justify { text-align:justify; }
}
.lowercase { text-transform:lowercase; }
.uppercase { text-transform:uppercase; }
.capitalize { text-transform:capitalize; }

.row-fluid [class*="span"] { min-height: 1px }
/* Structure */
img { max-width:100%; height:auto; vertical-align:middle; }
.wrapper,.container { max-width:1200px; margin:0 auto !important; float:none !important; display:block; clear:both; padding-left:15px; padding-right:15px; }
.wrapper.smallest,.container.smallest { max-width:800px }
@media (max-width: 1230px) { .wrapper,.container { max-width:1060px; } }
@media (max-width: 1080px) { .wrapper,.container { max-width:960px; } }
@media (max-width: 992px) { .wrapper,.container { max-width:740px; } }
@media (max-width: 767px) { .wrapper,.container { max-width:100%; } }
@media (min-width: 1080px){
  .wrapper.small,.container.small { max-width:1080px }
}

body .row-fluid .ib, .ib{ display:inline-block; vertical-align:middle; float:none; margin-right:-4px; }
.ib.vt { vertical-align:top; }
.ib.vb { vertical-align:bottom; }
@media (max-width: 767px) { .ib { margin-right:0; } }
@media (min-width: 768px) { .dekstop-hide { display: none !important; } }
@media (max-width: 767px) { .mobile-hide  { display:none !important; } }



/* Colors and Backgrounds */
.text-blue { color:#3586ff; }
.text-purple { color:#ec008c; }
.text-white { color:#ffffff; }
.text-black { color:#222222; }
.text-gray { color:#777777; }
.text-grayBlue { color:#5B6B82; }
.text-alternate { color:#bbbbbb; }
.bg-Grediant { background:#3080ff; background:-moz-linear-gradient(left, #3080ff 0%, #1d6ade 100%); background:-webkit-linear-gradient(left, #3080ff 0%,#1d6ade 100%); background:linear-gradient(to right, #3080ff 0%,#1d6ade 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3080ff', endColorstr='#1d6ade',GradientType=1 ); }
.bg-blue  { background-color:#3586ff; }
.bg-purple { background-color:#ec008c; }
.bg-white { background-color:#ffffff; }
.bg-black { background-color:#000000; }
.bg-gray { background-color:#999999; }
.bg-alternate { background-color:#f1f1f1; }
.bg-gradient,
.siteNavigation .hs-menu-wrapper > ul li > ul li a { background:#3080ff; background:-moz-linear-gradient(left, #3080ff 0%, #1d6ade 100%); background:-webkit-linear-gradient(left, #3080ff 0%,#1d6ade 100%); background:linear-gradient(to right, #3080ff 0%,#1d6ade 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3080ff', endColorstr='#1d6ade',GradientType=1 ); }


.set-bg, .bg { background-size:cover; background-position:center center; background-repeat:no-repeat; }

/* Form Elements Styling */
form,.form { display:block; }
form fieldset,
form .fieldset,
.form fieldset,
.form .fieldset { margin:0 -10px !important; display:block; border:none; padding:0; max-width: inherit !important }
form .field,
.form .field { padding:0 0 20px; }
fieldset .field,
.fieldset .field { padding:0 10px 20px; }
::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; }
::-moz-placeholder { opacity:1 !important; color:inherit !important; }
:-ms-input-placeholder { opacity:1 !important; color:inherit !important; }
input:not([type="checkbox"]):not([type="radio"]), textarea,
select { outline:none; padding:10px 0px 15px; font-size:18px; font-family:inherit; background:transparent; color:#797979; line-height:18px; border:none; border-bottom:1px solid #464646; border-radius:0; -moz-transition:all ease .3s; -o-transition:all ease .3s; -webkit-transition:all ease .3s; transition:all ease .3s; font-weight:400; width:100%; }
textarea { line-height:24px; }
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus { border-bottom-color:#ff6c00; outline:none; }

/* Buttons and Links */
.button a, a.button, button.button,body .hs-form input[type="submit"]{ color:#fff; background:#3080ff; font-weight:400; border:1px solid transparent; font-size:12px; line-height:20px; text-transform:uppercase; letter-spacing:0.075em; padding:14px 35px; display:inline-block; overflow:hidden; position:relative; z-index:5; 
-webkit-transform-origin:100% 0; transform-origin:100% 0; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); }
.button.gradient a,a.button.gradient,button.button.gradient { background:#3080ff; background:-moz-linear-gradient(left, #3080ff 0%, #1d6ade 100%); background:-webkit-linear-gradient(left, #3080ff 0%,#1d6ade 100%); background:linear-gradient(to right, #3080ff 0%,#1d6ade 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3080ff', endColorstr='#1d6ade',GradientType=1 ); }
.button.black a,a.button.black,button.button.black { background-color:#000000; }
.button.outline a,a.button.outline,button.button.outline { background-color:transparent; border-color:#000000; color:#000000; }
.button a:hover, a.button:hover,button.button:hover,body .hs-form input[type="submit"]:hover{ -webkit-animation:wobble_bottom 1s ease-in-out; animation: wobble_bottom 1s ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; }
.button.pink a{ background: #ec008c } 

/* Wobble Bottom */
@-webkit-keyframes wobble_bottom { 16.65% { -webkit-transform:skew(-12deg); transform:skew(-12deg); } 33.3% { -webkit-transform:skew(10deg); transform:skew(10deg); } 49.95% { -webkit-transform:skew(-6deg); transform:skew(-6deg); } 66.6% { -webkit-transform:skew(4deg); transform:skew(4deg); } 83.25% { -webkit-transform:skew(-2deg); transform:skew(-2deg); } 100% { -webkit-transform:skew(0); transform:skew(0); } }
@keyframes wobble_bottom { 16.65% { -webkit-transform:skew(-12deg); transform:skew(-12deg); } 33.3% { -webkit-transform:skew(10deg); transform:skew(10deg); } 49.95% { -webkit-transform:skew(-6deg); transform:skew(-6deg); } 66.6% { -webkit-transform:skew(4deg); transform:skew(4deg); } 83.25% { -webkit-transform:skew(-2deg); transform:skew(-2deg); } 100% { -webkit-transform:skew(0); transform:skew(0); } }

/* Common Padding and Margins */
.pl5,.p0-5,.p5 { padding-left:5px; }
.pr5,.p0-5,.p5 { padding-right:5px; }
.pt5,.p5-0,.p5 { padding-top:5px; }
.pb5,.p5-0,.p5 { padding-bottom:5px; }
.ml5,.m0-5,.m5 { margin-left:5px; }
.mr5,.m0-5,.m5 { margin-right:5px; }
.mt5,.m5-0,.m5 { margin-top:5px; }
.mb5,.m5-0,.m5 { margin-bottom:5px; }
.pl10,.p0-10,.p10 { padding-left:10px; }
.pr10,.p0-10,.p10 { padding-right:10px; }
.pt10,.p10-0,.p10 { padding-top:10px; }
.pb10,.p10-0,.p10 { padding-bottom:10px; }
.ml10,.m0-10,.m10 { margin-left:10px; }
.mr10,.m0-10,.m10 { margin-right:10px; }
.mt10,.m10-0,.m10 { margin-top:10px; }
.mb10,.m10-0,.m10 { margin-bottom:10px; }
.pl15,.p0-15,.p15 { padding-left:15px; }
.pr15,.p0-15,.p15 { padding-right:15px; }
.pt15,.p15-0,.p15 { padding-top:15px; }
.pb15,.p15-0,.p15 { padding-bottom:15px; }
.ml15,.m0-15,.m15 { margin-left:15px; }
.mr15,.m0-15,.m15 { margin-right:15px; }
.mt15,.m15-0,.m15 { margin-top:15px; }
.mb15,.m15-0,.m15 { margin-bottom:15px; }
.pl20,.p0-20,.p20 { padding-left:20px; }
.pr20,.p0-20,.p20 { padding-right:20px; }
.pt20,.p20-0,.p20 { padding-top:20px; }
.pb20,.p20-0,.p20 { padding-bottom:20px; }
.ml20,.m0-20,.m20 { margin-left:20px; }
.mr20,.m0-20,.m20 { margin-right:20px; }
.mt20,.m20-0,.m20 { margin-top:20px; }
.mb20,.m20-0,.m20 { margin-bottom:20px; }
.pl25,.p0-25,.p25 { padding-left:25px; }
.pr25,.p0-25,.p25 { padding-right:25px; }
.pt25,.p25-0,.p25 { padding-top:25px; }
.pb25,.p25-0,.p25 { padding-bottom:25px; }
.ml25,.m0-25,.m25 { margin-left:25px; }
.mr25,.m0-25,.m25 { margin-right:25px; }
.mt25,.m25-0,.m25 { margin-top:25px; }
.mb25,.m25-0,.m25 { margin-bottom:25px; }
.pl30,.p0-30,.p30 { padding-left:30px; }
.pr30,.p0-30,.p30 { padding-right:30px; }
.pt30,.p30-0,.p30 { padding-top:30px; }
.pb30,.p30-0,.p30 { padding-bottom:30px; }
.ml30,.m0-30,.m30 { margin-left:30px; }
.mr30,.m0-30,.m30 { margin-right:30px; }
.mt30,.m30-0,.m30 { margin-top:30px; }
.mb30,.m30-0,.m30 { margin-bottom:30px; }
.pl40,.p0-40,.p40 { padding-left:40px; }
.pr40,.p0-40,.p40 { padding-right:40px; }
.pt40,.p40-0,.p40 { padding-top:40px; }
.pb40,.p40-0,.p40 { padding-bottom:40px; }
.ml40,.m0-40,.m40 { margin-left:40px; }
.mr40,.m0-40,.m40 { margin-right:40px; }
.mt40,.m40-0,.m40 { margin-top:40px; }
.mb40,.m40-0,.m40 { margin-bottom:40px; }
.pl50,.p0-50,.p50 { padding-left:50px; }
.pr50,.p0-50,.p50 { padding-right:50px; }
.pt50,.p50-0,.p50 { padding-top:50px; }
.pb50,.p50-0,.p50 { padding-bottom:50px; }
.ml50,.m0-50,.m50 { margin-left:50px; }
.mr50,.m0-50,.m50 { margin-right:50px; }
.mt50,.m50-0,.m50 { margin-top:50px; }
.mb50,.m50-0,.m50 { margin-bottom:50px; }
.pl60,.p0-60,.p60 { padding-left:60px; }
.pr60,.p0-60,.p60 { padding-right:60px; }
.pt60,.p60-0,.p60 { padding-top:60px; }
.pb60,.p60-0,.p60 { padding-bottom:60px; }
.ml60,.m0-60,.m60 { margin-left:60px; }
.mr60,.m0-60,.m60 { margin-right:60px; }
.mt60,.m60-0,.m60 { margin-top:60px; }
.mb60,.m60-0,.m60 { margin-bottom:60px; }
.pl70,.p0-70,.p70 { padding-left:70px; }
.pr70,.p0-70,.p70 { padding-right:70px; }
.pt70,.p70-0,.p70 { padding-top:70px; }
.pb70,.p70-0,.p70 { padding-bottom:70px; }
.ml70,.m0-70,.m70 { margin-left:70px; }
.mr70,.m0-70,.m70 { margin-right:70px; }
.mt70,.m70-0,.m70 { margin-top:70px; }
.mb70,.m70-0,.m70 { margin-bottom:70px; }
.pl80,.p0-80,.p80 { padding-left:80px; }
.pr80,.p0-80,.p80 { padding-right:80px; }
.pt80,.p80-0,.p80 { padding-top:80px; }
.pb80,.p80-0,.p80 { padding-bottom:80px; }
.ml80,.m0-80,.m80 { margin-left:80px; }
.mr80,.m0-80,.m80 { margin-right:80px; }
.mt80,.m80-0,.m80 { margin-top:80px; }
.mb80,.m80-0,.m80 { margin-bottom:80px; }
.pl90,.p0-90,.p90 { padding-left:90px; }
.pr90,.p0-90,.p90 { padding-right:90px; }
.pt90,.p90-0,.p90 { padding-top:90px; }
.pb90,.p90-0,.p90 { padding-bottom:90px; }
.ml90,.m0-90,.m90 { margin-left:90px; }
.mr90,.m0-90,.m90 { margin-right:90px; }
.mt90,.m90-0,.m90 { margin-top:90px; }
.mb90,.m90-0,.m90 { margin-bottom:90px; }
.pl100,.p0-100,.p100 { padding-left:100px; }
.pr100,.p0-100,.p100 { padding-right:100px; }
.pt100,.p100-0,.p100 { padding-top:100px; }
.pb100,.p100-0,.p100 { padding-bottom:100px; }
.p150-0,.pb150 { padding-bottom:100px; }
.p150-0,.pt150 { padding-top:100px; }

.ml100,.m0-100,.m100 { margin-left:100px; }
.mr100,.m0-100,.m100 { margin-right:100px; }
.mt100,.m100-0,.m100 { margin-top:100px; }
.mb100,.m100-0,.m100 { margin-bottom:100px; }
.pl0,.p0-0,.p0 { padding-left:0; }
.pr0,.p0-0,.p0 { padding-right:0; }
.pt0,.p0-0,.p0 { padding-top:0; }
.pb0,.p0-0,.p0 { padding-bottom:0; }
.ml0,.m0-0,.m0 { margin-left:0; }
.mr0,.m0-0,.m0 { margin-right:0; }
.mt0,.m0-0,.m0 { margin-top:0; }
.mb0,.m0-0,.m0 { margin-bottom:0; }

  /* 1080Px*/
@media(max-width:1080px){
.pl100,.p0-100,.p100 { padding-left:60px; }
.pr100,.p0-100,.p100 { padding-right:60px; }

  
  

}

@media (max-width: 992px)  {
  .pl40,.p0-40,.p40 { padding-left:30px; }
  .pr40,.p0-40,.p40 { padding-right:30px; }
  .pt40,.p40-0,.p40 { padding-top:30px; }
  .pb40,.p40-0,.p40 { padding-bottom:30px; }
  .ml40,.m0-40,.m40 { margin-left:30px; }
  .mr40,.m0-40,.m40 { margin-right:30px; }
  .mt40,.m40-0,.m40 { margin-top:30px; }
  .mb40,.m40-0,.m40 { margin-bottom:30px; }
  .pl50,.p0-50,.p50 { padding-left:35px; }
  .pr50,.p0-50,.p50 { padding-right:35px; }
  .pt50,.p50-0,.p50 { padding-top:35px; }
  .pb50,.p50-0,.p50 { padding-bottom:35px; }
  .ml50,.m0-50,.m50 { margin-left:35px; }
  .mr50,.m0-50,.m50 { margin-right:35px; }
  .mt50,.m50-0,.m50 { margin-top:35px; }
  .mb50,.m50-0,.m50 { margin-bottom:35px; }
  .pl60,.p0-60,.p60 { padding-left:40px; }
  .pr60,.p0-60,.p60 { padding-right:40px; }
  .pt60,.p60-0,.p60 { padding-top:40px; }
  .pb60,.p60-0,.p60 { padding-bottom:40px; }
  .ml60,.m0-60,.m60 { margin-left:40px; }
  .mr60,.m0-60,.m60 { margin-right:40px; }
  .mt60,.m60-0,.m60 { margin-top:40px; }
  .mb60,.m60-0,.m60 { margin-bottom:40px; }
  .pl70,.p0-70,.p70 { padding-left:45px; }
  .pr70,.p0-70,.p70 { padding-right:45px; }
  .pt70,.p70-0,.p70 { padding-top:45px; }
  .pb70,.p70-0,.p70 { padding-bottom:45px; }
  .ml70,.m0-70,.m70 { margin-left:45px; }
  .mr70,.m0-70,.m70 { margin-right:45px; }
  .mt70,.m70-0,.m70 { margin-top:45px; }
  .mb70,.m70-0,.m70 { margin-bottom:45px; }
  .pl80,.p0-80,.p80 { padding-left:50px; }
  .pr80,.p0-80,.p80 { padding-right:50px; }
  .pt80,.p80-0,.p80 { padding-top:50px; }
  .pb80,.p80-0,.p80 { padding-bottom:50px; }
  .ml80,.m0-80,.m80 { margin-left:50px; }
  .mr80,.m0-80,.m80 { margin-right:50px; }
  .mt80,.m80-0,.m80 { margin-top:50px; }
  .mb80,.m80-0,.m80 { margin-bottom:50px; }
  .pl90,.p0-90,.p90 { padding-left:55px; }
  .pr90,.p0-90,.p90 { padding-right:55px; }
  .pt90,.p90-0,.p90 { padding-top:55px; }
  .pb90,.p90-0,.p90 { padding-bottom:55px; }
  .ml90,.m0-90,.m90 { margin-left:55px; }
  .mr90,.m0-90,.m90 { margin-right:55px; }
  .mt90,.m90-0,.m90 { margin-top:55px; }
  .mb90,.m90-0,.m90 { margin-bottom:55px; }
  .pt100,.p100-0,.p100 { padding-top:60px; }
  .pb100,.p100-0,.p100 { padding-bottom:60px; }
  .ml100,.m0-100,.m100 { margin-left:60px; }
  .mr100,.m0-100,.m100 { margin-right:60px; }
  .mt100,.m100-0,.m100 { margin-top:60px; }
  .mb100,.m100-0,.m100 { margin-bottom:60px; }
  .p150-0,.pb150 { padding-bottom:90px; }
	.p150-0,.pt150 { padding-top:90px; }
  
}
@media (max-width: 767px)  {
  .mpl5,.mp0-5,.mp5 { padding-left:5px; }
  .mpr5,.mp0-5,.mp5 { padding-right:5px; }
  .mpt5,.mp5-0,.mp5 { padding-top:5px; }
  .mpb5,.mp5-0,.mp5 { padding-bottom:5px; }
  .mml5,.mm0-5,.mm5 { margin-left:5px; }
  .mmr5,.mm0-5,.mm5 { margin-right:5px; }
  .mmt5,.mm5-0,.mm5 { margin-top:5px; }
  .mmb5,.mm5-0,.mm5 { margin-bottom:5px; }
  .mpl10,.mp0-10,.mp10 { padding-left:10px; }
  .mpr10,.mp0-10,.mp10 { padding-right:10px; }
  .mpt10,.mp10-0,.mp10 { padding-top:10px; }
  .mpb10,.mp10-0,.mp10 { padding-bottom:10px; }
  .mml10,.mm0-10,.mm10 { margin-left:10px; }
  .mmr10,.mm0-10,.mm10 { margin-right:10px; }
  .mmt10,.mm10-0,.mm10 { margin-top:10px; }
  .mmb10,.mm10-0,.mm10 { margin-bottom:10px; }
  .mpl15,.mp0-15,.mp15 { padding-left:15px; }
  .mpr15,.mp0-15,.mp15 { padding-right:15px; }
  .mpt15,.mp15-0,.mp15 { padding-top:15px; }
  .mpb15,.mp15-0,.mp15 { padding-bottom:15px; }
  .mml15,.mm0-15,.mm15 { margin-left:15px; }
  .mmr15,.mm0-15,.mm15 { margin-right:15px; }
  .mmt15,.mm15-0,.mm15 { margin-top:15px; }
  .mmb15,.mm15-0,.mm15 { margin-bottom:15px; }
  .mpl20,.mp0-20,.mp20 { padding-left:20px; }
  .mpr20,.mp0-20,.mp20 { padding-right:20px; }
  .mpt20,.mp20-0,.mp20 { padding-top:20px; }
  .mpb20,.mp20-0,.mp20 { padding-bottom:20px; }
  .mml20,.mm0-20,.mm20 { margin-left:20px; }
  .mmr20,.mm0-20,.mm20 { margin-right:20px; }
  .mmt20,.mm20-0,.mm20 { margin-top:20px; }
  .mmb20,.mm20-0,.mm20 { margin-bottom:20px; }
  .mpl25,.mp0-25,.mp25 { padding-left:25px; }
  .mpr25,.mp0-25,.mp25 { padding-right:25px; }
  .mpt25,.mp25-0,.mp25 { padding-top:25px; }
  .mpb25,.mp25-0,.mp25 { padding-bottom:25px; }
  .mml25,.mm0-25,.mm25 { margin-left:25px; }
  .mmr25,.mm0-25,.mm25 { margin-right:25px; }
  .mmt25,.mm25-0,.mm25 { margin-top:25px; }
  .mmb25,.mm25-0,.mm25 { margin-bottom:25px; }
  .mpl30,.mp0-30,.mp30 { padding-left:30px; }
  .mpr30,.mp0-30,.mp30 { padding-right:30px; }
  .mpt30,.mp30-0,.mp30 { padding-top:30px; }
  .mpb30,.mp30-0,.mp30 { padding-bottom:30px; }
  .mml30,.mm0-30,.mm30 { margin-left:30px; }
  .mmr30,.mm0-30,.mm30 { margin-right:30px; }
  .mmt30,.mm30-0,.mm30 { margin-top:30px; }
  .mmb30,.mm30-0,.mm30 { margin-bottom:30px; }
  .mpl0,.mp0-0,.mp0 { padding-left:0; }
  .mpr0,.mp0-0,.mp0 { padding-right:0; }
  .mpt0,.mp0-0,.mp0 { padding-top:0; }
  .mpb0,.mp0-0,.mp0 { padding-bottom:0; }
  .mml0,.mm0-0,.mm0 { margin-left:0; }
  .mmr0,.mm0-0,.mm0 { margin-right:0; }
  .mmt0,.mm0-0,.mm0 { margin-top:0; }
  .mmb0,.mm0-0,.mm0 { margin-bottom:0; }
  .p150-0,.pb150 { padding-bottom:50px; }
	.p150-0,.pt150 { padding-top:50px; }
}


/*Width*/
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }


@media(max-width:991px){

    /* Width */
    .tabw20, .Tabw20 { width: 20%; }
    .tabw25, .Tabw25 { width: 25%; }
    .tabw30, .Tabw30 { width: 30%; }
    .tabw33, .Tabw33 { width: 33.33%; }
    .tabw40, .Tabw40 { width: 40%; }
    .tabw50, .Tabw50 { width: 50%; }
    .tabw60, .Tabw60 { width: 60%; }
    .tabw66, .Tabw66 { width: 66.66%; }
    .tabw70, .Tabw70 { width: 70%; }
    .tabw75, .Tabw75 { width: 75%; }
    .tabw80, .Tabw80 { width: 80%; }
    .tabw100, .Tabw100 { width: 100%; }

}

@media (max-width:767px ) {
   .mw100{ width:100%}
  fieldset.form-columns-2 .hs-form-field { width: 100% !important }
} 


/*full image */
.fullImage img { width: 100%; }

/*margin zero auto*/
.m0-auto{ margin: 0 auto }

/*For max-width*/
.width450 { width: 450px; max-width: 100%; }
.width800 { width: 800px; max-width: 100%; }
.width950 { width: 950px; max-width: 100%; }


[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-search:before{content:"\ed1b"}.icofont-play:before{content:"\ecaa"}.icofont-play-alt-2:before{content:"\eca7"}.icofont-book-alt:before{content:"\ead1"}.icofont-fountain-pen:before{content:"\ead9"}.icofont-university:before{content:"\eaf3"}.icofont-code-alt:before{content:"\ede6"}.icofont-pen-alt-1:before{content:"\ebef"}.icofont-motor-bike:before{content:"\ee27"}.icofont-rickshaw:before{content:"\ee2a"}.icofont-twitter:before{content:"\ed7a"}.icofont-skype:before{content:"\ed67"}.icofont-rss:before{content:"\ed64"}.icofont-facebook:before{content:"\ed37"}.icofont-telegram:before{content:"\ed75"}.icofont-youtube:before{content:"\ed8b"}.icofont-whatsapp:before{content:"\ed86"}.icofont-google-plus:before{content:"\ed43"}.icofont-linkedin:before{content:"\ed4d"}.icofont-bootstrap:before{content:"\ed24"}.icofont-behance:before{content:"\ed22"}.icofont-flikr:before{content:"\ed39"}
/* Header and Footer Style 
=-=-=-=-=-=-=-=-=-=-=-=-= */

input[type=submit] { cursor:pointer; background-image:url(https://464158.fs1.hubspotusercontent-na1.net/hubfs/464158/Assets_Synx/REA/blank.png) !important;  }
.webHeader { width:100%; position:relative; top:0; left:0; background:#fff; padding: 30px 0; z-index: 555 }
.webHeader .headerLeft { float:left; width: calc(100% - 230px); } 
.webHeader .headerRight { float:right;     width: 230px; }
.webHeader .siteLogo { width:135px; float:left; }
.webHeader .siteNavigation { float:left; padding-left:15px; }
.siteNavigation .hs-menu-wrapper > ul { float:left; display:block; position:relative }
.siteNavigation .hs-menu-wrapper  ul > li > a { display:block; width:auto !important; max-width:100% !important; white-space:normal; }
.siteNavigation .hs-menu-wrapper > ul > li > a { padding:0 15px; line-height:125px; font-weight:700; font-size:18px; color:transparent; position:relative; }
.siteNavigation .hs-menu-wrapper > ul > li > a:before { content:attr(data-title); font-weight:400; text-align:center; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); color:#333333; transition:all ease 0.4s; -webkit-transition:all ease 0.4s; white-space:nowrap; }
/* .siteNavigation .hs-menu-wrapper > ul > li > a:after { bottom:0; height:40px; width:2px; content:''; position:absolute; left:50%; background:#3080fe; transition:all ease 0.4s; transform-origin:top center; transform:scaleY(0); } */
/* .siteNavigation .hs-menu-wrapper > ul > li:hover > a:after { transform:scaleY(1); } */
.siteNavigation .hs-menu-wrapper > ul > li:hover > a { color:#3080fe; }
.siteNavigation .hs-menu-wrapper > ul > li:hover > a:before { transform:translateX(-50%) scaleX(0); overflow:hidden; }
.siteNavigation .hs-menu-wrapper > ul  li > ul { width:240px; }
.siteNavigation .hs-menu-wrapper > ul  li > ul > li > a { color:#fff; }
/* .siteNavigation .hs-menu-wrapper > ul  li > ul > li:hover > a { background:rgba(255,255,255,0.15); }  */
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: static }
.siteNavigation .hs-menu-wrapper > ul li > ul { width: 700px; padding: 10px; }
.siteNavigation .hs-menu-wrapper > ul li > ul li { float: left; width: 33.33%; padding: 10px; text-align:center }
.siteNavigation .hs-menu-wrapper > ul  ul li svg { display: block; width: 50px; height: 50px; margin: 60px auto 30px; } 
.siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { box-shadow:6px 24px 30px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:6px 24px 30px 0px rgba(0, 0, 0, 0.2); background: #fff; z-index: 50 }
.siteNavigation .hs-menu-wrapper > ul li > ul > li a svg {transition: all ease .3s; -webkit-transition: all ease .3s; }
.siteNavigation .hs-menu-wrapper > ul li > ul > li:hover a svg { transform: scale(1.2); -webkit-transform: scale(1.2) }

/*********************
Growth Problem -synx-20
*********************  */
.fontlightBlue{color:#2F7DFC;}
.bodyFontColor{ color: #777777 }
/* Tabbing Section */
.tabmainTitle h3{font-size:38px; color:#000;}
.tabbingListingInner { border-bottom: 1px solid #E1E7EE; text-align: center;}
.tabbingListingInner li { display: inline-block; width: auto; min-width: 230px; font-weight:700;vertical-align: top; padding: 12px 20px; background-color: #E4EDF2; text-align: center; font-size: 19px; color: #5B6B82; margin-right: -4px; cursor: pointer;}
.tabbingListingInner li.current {background-color: #2F7DFC;color: #fff;}
.tabbingListingInner li:first-child { border-radius: 5px 0px 0 0;}
.tabbingListingInner li:last-child { border-radius: 0 5px 0 0;}

.lineHeight14{line-height:1.4;}

.TabContent { display: none;}
.TabContent.active { display: block; /*animation: fadeInUp 0.6s ease; animation-iteration-count: 1; animation-fill-mode: forwards;*/ }
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }   to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }  to { opacity: 1; -webkit-transform: none; transform: none; } }
.tabmainTitle{max-width:950px; margin:0 auto;}
.tabtopContent { max-width: 970px; margin: 0 auto;}
.tabtopContent span{color:#EC008C;}

.fundamentalboxTitle{color:#3684FF;}

.fundamentalsmainSec { border: 1px solid #CBD6E2;}
.fundamentalboxRepeat { padding: 30px; position: relative;}
.fundamentalboxRepeat:after {content: '';width: 1px;height: 80%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background-color: #CBD6E2;}
.fundamentalboxRepeat:nth-child(3n):after { display: none;}
.fundamentalsStrategic { font-weight: 700;}
.fundamentalStart { font-style: italic; text-transform: lowercase;}
.fundamentalsPrice { font-size: 38px; line-height: 1.2; padding-top:5px;}
.fundamentalsPrice span{font-size:23px;}
.button.btnStyle a { background: #ec008c; padding: 9px 18px; border-radius:4px; font-size:14px; font-weight:700;}


.nolist ul { margin:0; padding:0; list-style:none; }
.includedboxParent { border: 1px solid #CBD6E2;}
.includedboxRepeat { padding: 30px 35px; position: relative; vertical-align:top !important;}
.includedboxRepeat:after { content: ''; width: 1px; height: calc(100% - 60px); position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #CBD6E2;}
.includedboxRepeat:nth-child(3n):after { display: none;}
.includedboxListing * + ul { margin-top: 15px;}
.includedboxListing ul li { padding-left: 50px; position: relative; padding-top: 15px; padding-bottom: 15px; line-height:1.4;}
.includedboxListing ul li:before { content: ""; line-height: 1; position: absolute; left: 1px; top: 15px; width:30px; height:30px; background-position:center center; background-size:100% auto; background-image:url('https://464158.fs1.hubspotusercontent-na1.net/hubfs/464158/Growth_Problems_Page-Image/listingIcon.png');}
.includedboxlistCta a { color: #2F7DFC; border-bottom:1px solid #2F7DFC;}
.includedboxlistCta a:hover { color: #ec008c; border-bottom:1px solid #ec008c;}

/* HubSpot Onboarding */
.onboardingParent { max-width: 820px; margin: 0 auto;}
.onboardingParentInner{margin-left:-15px; margin-right:-15px;}
.onboardingtitle h4{font-size:22px;}
.hubspotOnboardCta.button a{background: #ec008c; padding: 6px 18px; border-radius: 4px; font-size: 14px; font-weight: 700;}

/* Faq Section */
.faqTitle{position:relative; padding-right:35px;}
.faqRepeat { border-bottom: 1px solid #E1E7EE; padding: 20px 0;}
.faqchildExpand { position: absolute; top: 8px; right: 10px; width: 24px; text-align: center; height: 24px; margin: 0; padding: 5px; cursor: pointer;}
.faqchildExpand i { position: relative; width: 15px; left: 0; height: 1px; opacity: 1; display: block; background: #2F7DFC; margin: 6px 0; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s;}
.faqchildExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top: -7px;}
.faqRepeat.active .faqchildExpand i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.faqRepeat.active .faqchildExpand i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg);}

.OpenPopup .faqTitle{ z-index: -1;}
.OpenPopupV2 .faqTitle{ z-index: -1;}

.w10 {
  width: 10%;
}


.TabContent2 
.fundamentalboxRepeatInner {
  padding: 30px 20px;
  border: 1px solid #CBD6E2;
}

.TabContent2 .fundamentalboxRepeat {
  padding: 25px;
}
.TabContent2 .fundamentalboxRepeat:after {
  width: 0px;
}
.TabContent2 .fundamentalsmainSec {
  border: none;
}
.TabContent2 .fundamentalsPrice span {
  display: none;
}


.Popup-local {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  bottom:0;
  right:0;
  top: 0;
  left: 0;
  background-color: rgba(45, 62, 80, 0.79);
  z-index: 9999;
}
.Popup-local-Inner {
  max-width: 675px;
  width: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.PopupBoxColInner {
  position: relative;
  box-shadow: -1px 2px 45.12px 1.88px rgba(183,183,183,0.2);
  background: #fff;
  border-radius: 3px;
  max-height: 90vh;
  height: auto;
  overflow: auto;
}
.PopupBoxCenter {
  padding: 40px 25px;
}

body.OpenPopup {
  overflow: hidden;
  height:100%;
  position:relative;
}
body.OpenPopupV2 {
  overflow: hidden;
  height:100%;
  position:relative;
}

.closeBtn a {
  color: #99acc2;
  width: 16px;
  display: block;
  height: 16px;
}
.closeBtn a svg path {
  fill: #99acc2;
}

.closeBtn {
  position: absolute;
  right: 20px;
  top: 20px;
  display: block;
}

.PriceBreakdownRow {
  padding: 12px 10px;
  margin: 0px 0px 10px;
}
.PriceBreakdowncol {
  padding: 10px 15px;
  line-height:1.3;
}
.PriceBreakdownTitle {
  padding: 0 15px;
}

.PriceBreakdownRow__FeeRow {
  background-color: rgb(245, 248, 250);
  padding:0;
}

.HR__StyledHR {
  display: block;
  background-color: rgb(223, 227, 235);
  height: 1px;
  min-height: 1px;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}
.HR__StyledHR2 {
  display: block;
  height: 1px;
  min-height: 1px;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
}
.PopupBoxCenter table {
  width: 100%;
}

label.container-checkbox {
  display: inline-block;
  height: 30px;
  position: relative;
  width: 60px;
}

input[type="checkbox"] {
  display: none;
}

span.checkmark {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

span.checkmark:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 22px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 22px;
}

input:checked + .checkmark {
  background-color: #66bb6a;
}

input:checked + .checkmark:before {
  transform: translateX(26px);
}

.checkmark {
  border-radius: 34px;
}

.checkmark:before {
  border-radius: 50%;
}
.OpenPopup .webHeader {
  z-index: 0;
  display: none;
}

.OpenPopupV2 .webHeader {
  z-index: 0;
  display: none;
}
.includedBoxOn {
  display: none;
}
.includedBoxPopupCta {
  display: none;
}


/* .Popup-FormBox {
display: none;
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
background: rgba(0,0,0,0.85);
z-index: 9999
}

.Contact_popup_Box {
max-width: 800px;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background: #fff;
height: 90vh;
border-radius: 10px
} */

.Popup-FormBox {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;  left: 0;
  background-color: rgba(45, 62, 80, 0.79);
  z-index: 9999;
}
.Contact_popup_Box {
  padding: 40px 35px 30px;
  max-width: 500px;
  width: 90%;
  position: absolute;
  box-shadow: -1px 2px 45.12px 1.88px rgba(183,183,183,0.2);
  background: #fff;
  border-radius: 3px;
  max-height: 90vh;
  height: auto;
  overflow: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.Box_InnerForm span.hs-form-required {
  display: none;
}

/* Updates */
/* Header  */
.header_vertical_strip {    position: fixed;    right: 0;    top: 0;    width: 140px;    background: #fff;    height: 100vh;    z-index: 10;    display: flex;    justify-content: center;    align-items: flex-start;}
.header_vertical_strip span { padding-top: 25px;}
.header_vertical_strip img { width: 38.48px !important; height: auto;}

.common_styleNew { position: relative;}
.common_styleNew:before { background-image: url(https://www.synx.com.au/hubfs/Synx%20File%202021/images/Dots%20background.png); background-repeat: no-repeat; height: 100%; content: ''; width: 20%; background-position: left center; background-size: cover; position: absolute; left: 0; top: 0;}
.common_styleNew>* { position: relative; z-index: 2;}

/* Banner section */
/* .TwlColumnSectionV2 { padding-top: 100px !important; padding-bottom: 175px;} */
.TwlColumnSectionV2 .right_form { line-height: 1.2;}
/* Login Page */
/* .login_page .form_style #hs_login_reset { font-size: 10px; font-weight: 400; margin-top: -68px;} */
.form_styleNewV2.form_style #hs_login_reset{ margin-top: -70px; }
/* .form_styleNewV2 { padding-top: 130px;} */
/* .login_pageNew .login_pageMain { padding-bottom: 200px;} */
.form_styleNewV2.form_style .hs-form-field .hs-login-widget-show-password{ background-image: url(https://464158.fs1.hubspotusercontent-na1.net/hubfs/464158/Icon%20awesome-eye.svg); background-size: 24px; }
/* Password create page */
.register_pageNew .form_style .hs-form-field .hs-register-widget-show-password{ background-image: none; }
.register_pageNew .form_style input:not([type=checkbox]):not([type=radio]):not([type=submit]), .register_pageNew .form_style select, .register_pageNew .form_style textarea{ margin-top: 7px; }
.register_pageNew .form_style .hs-form-field>label { color: #404041;}


/*  */
.TwlColumnSectionV2 .wrapper { display: block !important; min-height: auto !important; padding: 0 15px !important;}
.common_styleNew .custom_header { padding: 0 !important;}

@media (min-width: 992px){
  .header_vertical_strip { transition: all ease .4s; -moz-transition: all ease .4s; -webkit-transition: all ease .4s; -o-transition: all ease .4s;}
  .Fixed .header_vertical_strip { width: 80px !important;  }
  .TwlColumnSectionV2 .left_image { width: 460px;}
  .TwlColumnSectionV2 .right_form { width: calc(100% - 460px); padding-left: 135px; padding-top: 20px; padding-bottom: 20px;}
  .TwlColumnSectionV2 h2 { font-size: 45px; line-height: 1.2;}
  /*   Login page */
  .form_styleNewV2.form_style h3 { font-size: 32px; line-height: 1.2;}
  .login_pageNew .wrapper.small { max-width: 430px;}
  .form_styleNewV2.form_style form input[type=checkbox]+label { padding-left: 40px; font-size: 12px;}
  .form_styleNewV2.form_style input[type=submit].hs-button{ font-size: 21px;    line-height: 25px; min-width: 130px; padding: 6px 25px; }
  .register_pageNew .form_style input[type=submit].hs-button{ padding: 6px 16px; line-height: 25px; font-size: 21px; min-width: 154px; }
  .register_pageNew .create_password_form { max-width: 343px;}
  /*    */
  .ForScreen{ min-height: 100vh; display: flex; padding-top: 50px; padding-bottom: 50px; justify-content: space-around; align-items: center;}
.ForScreen .LoginParent { max-width: 430px;}
}

@media (min-width: 1600px){
  .common_styleNew:before{ width: 25%; }
}

@media (min-width: 1900px){
  .common_styleNew:before{ width: 28%; }
}


@media (max-width: 1080px){
  /*-=-=-=-= Mobile menu JS USE  MENU ICON as '<a class="expandMenu"><i></i><i></i><i></i></a>' -=-=-=*/


  a.expandMenu { width: 25px; height: 25px; display: block; cursor: pointer; padding: 3px; position: absolute; top: 70px; right: 15px; }
  a.expandMenu i { position:relative; width: 20px; left:0; height: 2px; opacity:1; display: block; background: #7a7a7a; margin: 5px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
  a.expandMenu i:first-child {  margin-top: 0;}
  a.expandMenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 6px; position: relative; }
  a.expandMenu.active i:nth-child(2) { position:relative; left:-46px; opacity:0; }
  a.expandMenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; }
  /*-=-=-=-= Mobile Submenu JS USE  SUBMENU ICON as '<a class="childExpand"><i></i><i></i></a>' -=-=-=*/
  .childExpand { position: absolute; top: 15px; right: 10px; width: 24px; text-align: center; height: 24px; margin: 0; padding:5px; cursor:pointer; }
  .childExpand i { position:relative; width: 15px; left:0; height: 1px; opacity:1; display: block; background:#fff; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
  .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top:-7px; }
  .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
  .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); }	

  .expandMenu  + .hs-menu-wrapper  { display: none ;position: absolute; left: 0; top: 100%; width: 100%; background: #fff; z-index:50 }
  .webHeader .wrapper { max-width: 100%; }
  .webHeader .headerRight { padding-right: 40px; width: 270px;}
  .webHeader .headerLeft { width: calc(100% - 270px); }	
  .siteNavigation .hs-menu-wrapper > ul > li > a:before { display: none }
  .siteNavigation .hs-menu-wrapper > ul > li > a { line-height: inherit;     overflow: visible; color: #fff; font-weight: 400; }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li { width: 100%; display: block; }
  .siteNavigation .hs-menu-wrapper > ul { width: 100%; }	  
  .siteNavigation .hs-menu-wrapper > ul > li > a:before { text-align: left; left: 0; transform: translateX(15px); }
  .siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {opacity: 1; visibility: visible; position: relative; width: 100%;  float: left; display: none }
  .siteNavigation .hs-menu-wrapper > ul > li > a{ background: #3080ff;background: -moz-linear-gradient(left, #3080ff 0%, #1d6ade 100%);background: -webkit-linear-gradient(left, #3080ff 0%,#1d6ade 100%);    background: linear-gradient(to right, #3080ff 0%,#1d6ade 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3080ff', endColorstr='#1d6ade',GradientType=1 ); padding-top: 10px; padding-bottom: 10px; }
  .siteNavigation .hs-menu-wrapper > ul > li:hover > a { color: #fff }
  .siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.2); }
  .webHeader { padding: 20px 0 }
  /*   Updates */
  .TwlColumnSectionV2 .right_form{ padding-left: 70px; }


}
@media(max-width:991px){
  /*  Header  */
  .header_vertical_strip { width: 90px; top: 0; position: absolute;}
  .header_vertical_strip { width: auto; height: auto; background: transparent; display: block; transform: rotate(-90deg) translateY(35px); right: auto; left: 15px; top: 7px;}
  /*   Two column */
  .signup_confirmationV2 .ForScreen, .register_pageNew .ForScreen { min-height: auto !important;  display: block !important;}
  .TwlColumnSectionV2 .right_form { padding-left: 0; padding-top: 40px;}
  .TwlColumnSectionV2 { padding-top: 120px !important; padding-bottom: 50px;}
  .signup_confirmationV2 .font20 { font-size: 16px;}
  /*  Login Page  */
  .form_styleNewV2 { padding-top: 50px;}
/*   .login_pageNew .login_pageMain { padding-bottom: 70px;} */
  .common_styleNew:before{ display: none; }

}


@media(max-width:767px){

  .siteNavigation .hs-menu-wrapper > ul li > ul li { width: 50% }
  .webHeader .siteLogo { width: 86px; }
  .webHeader .searchform { line-height: 80px; }
  .webHeader .headerRight {	 display: none; }
  .webHeader .headerLeft { width: 100%; padding-right: 40px; }
  a.expandMenu {  top: 39px; } 
  .webHeader { padding: 10px 0; position: fixed; background: #fff;    }
  .body-container-wrapper { margin-top: 100px; }
  .PopupBoxSection .includedboxParent {
    border: none;
  }
  .login_pageNew .login_pageMain { max-width: 100% !important;}


}

@media(min-width:1081px){
  .expandMenu  + .hs-menu-wrapper {  display: block !important }
}
@media(max-width: 500px){
  .siteNavigation .hs-menu-wrapper > ul li > ul li { width: 100%}
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left }
  .siteNavigation .hs-menu-wrapper > ul { max-height: 250px; overflow: auto; }

  .tabbingListingInner li {
    width: 180px;
    min-width: auto;
    font-size: 13px;
  }
}


/*For Search*/
.searchform label,.searchform input#searchExpand { color: #333333;  border:none; box-shadow:none; font-family:Product Sans, sans-serif; font-weight:400; font-size:15px; line-height:1; padding:0; display:inline-block; width:auto !important; vertical-align:middle; }
.searchform label { font-size:18px; margin-right:5px; cursor:pointer; }
.searchform input#searchExpand { margin-left:5px; width:0 !important; transition:all ease 0.4s; }
.searchform input#searchExpand:focus { width:120px !important; }
_::-webkit-full-page-media, _:future, :root .searchform input#searchExpand.focus { width:120px !important; }
.searchform { float: right; line-height: 125px;  }


.webHeader .button a { margin:37px 0; }  

.webFooter,
.webSubfooter { background-color:#fdfdfd; font-size:15px; }
.webFooter { padding:60px 0 40px; color:#999999; }
.webFooter a { color:#999999; }
.webFooter a:hover { font-weight:700; color:#3586ff; } 
.webFooter .title { margin-bottom:35px; }  
.webFooter ul { margin:0; padding:0; list-style:none; }
.webFooter li + li { margin-top:10px; }
.webFooter .footerBrand img { max-width:150px; margin:0 auto 20px; display:block; }
.webFooter .footerBrand img.mpull { position:relative; left:7px; }
@media (min-width:1080px){ 	.webFooter .footerLink { position:relative; left:40px; } }
.webSubfooter { padding:20px 0; border-top:1px solid #eaeaea; font-size:14px; color:#bbbbbb; text-align:center; }
.webSubfooter .copyright { float:left; width:200px; } 
.socialIcons { display:inline-block; vertical-align:middle; }
.socialIcons ul { margin:0; padding:0; list-style:none; }
.socialIcons ul li { display:inline-block; vertical-align:middle; }
.socialIcons ul li + li { margin-left:12px; } 
.socialIcons ul li a { display:block; color:#bbbbbb; font-size:18px; line-height:25px; }
.socialIcons ul li a:hover { color:#ec008c; }
.webSubfooter .privacy { float:right; width:200px; text-align:right; }
.webSubfooter .privacy a { color:#999999; display:inline-block; }
.webSubfooter .privacy a + a { margin-left:15px; }  
.webSubfooter .privacy a:hover { color:#3586ff; } 
@media (max-width:767px) {
  .footerLink { margin-top:30px; }
  .webFooter, .webSubfooter { text-align:center; }
  .webSubfooter .privacy, .webSubfooter .copyright { float:none; display:block; width:100%; text-align:center }

}


/* slick slider*/
.slick-prev:before,.slick-next:before { font-family: 'fontawesome'; color: #cccccc; font-size: 31px;  transition:all ease 0.3s; -webkit-transition:all ease 0.3s }
.slick-prev:before { content: '\f104';  }
.slick-next:before { content: '\f105'; }
.slick-next, .slick-prev { width: auto; height: auto; line-height: 1; cursor: pointer }
.slick-next:hover:before, .slick-prev:hover:before {color: #000 }
.slick-disabled.slick-prev { cursor: none }
.slick-arrow.slick-disabled { display:none !important; }

/* Common CSS */
.font12.uppercase, .font14.uppercase { letter-spacing:0.075em; }

/*For Abosulute Line*/
.withLine {  position: relative;  }
.withLine:before {position: absolute;content:'';width: 50px;height: 2px;background: #eaeaea;left: 0;top: 12px;}
.withLine.withleftLine { padding-left: 100px }
.withLine.withbottomLine:before {  top: inherit; bottom: 0; }

@media(max-width:991px){
  .withLine.withleftLine { padding-left: 50px; }
  .withLine:before { width: 35px; }
}


/* Timeline tag */
.timelineGroup > div { width: 50%; display: inline-block; vertical-align: top; padding: 40px 35px; vertical-align: top; margin-right: -4px; }
@media(max-width:1080px){ .timelineGroup > div { padding-left: 20px; padding-right: 20px } }
@media(max-width:991px){ 	.timelineGroup > div { padding-left: 15px; padding-right: 15px } }
@media(max-width:600px){ 	.timelineGroup > div { padding: 15px 0; display:block; margin-right:0;width:100% } }

/*play Video Section*/
a.playIcon { width: 70px; height: 70px; margin: 0 auto; display: block ; overflow:hidden; border-radius: 50%; border:1px solid #fff; text-align: center; line-height: 68px }
a.playIcon svg { width: 20px; height: 20px; line-height: 70px; display: inline-block; vertical-align: middle; }
a.playIcon svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s }
a.playIcon:hover { background: #fff }
a.playIcon:hover  path { fill: #3080ff } 


@media(min-width:768px){ 	.twoColumn { column-count: 2; text-align: left; column-gap: 50px; } } 
.partnersBox { width: 25%; display: inline-block; vertical-align: top; margin-right: -4px;  padding: 40px 30px; }
@media(max-width:1080px){ .partnersBox { width: 33.33%; } }
@media(max-width:991px){ .partnersBox { padding: 30px 20px; } }
@media(max-width:767px){ .partnersBox { width: 50% } }
@media(max-width:480px){ .partnersBox { width: 100%; display: block; margin-right:0; padding: 15px 0 } }
/*members three column*/
.membersListing { margin: 0 -30px; }
.memberBlock { padding: 30px;  }
.memberInner {   position:  relative; display:block;height: 350px; }
.memberImage { position:  absolute; top: 0; height: 100%; left: 0; width: 100%; z-index: 1; }
.memberData {  position:  absolute;  z-index: 2; bottom: 0; background: #fff;  padding: 10px 10px 0 0;  min-width: 255px;  max-width: 100%; } 
@media(max-width: 1080px){ 
  .membersListing { margin: 0 -15px; }
  .memberBlock { padding: 30px 15px;  }
}
@media(max-width: 767px){
  .memberBlock { width: 350px; display: block;  margin: 0 auto; max-width: 100% }
}

.logoAnim { display: inline-block; vertical-align: middle;   position:  relative; }
/* .logoAnimInner{ position: absolute; top: 0 } */
.logoAnimInner img { height: 100%; width: auto }



/*Resource Page*/
.resource { background:rgba(48,127,253,1); background:-moz-linear-gradient(45deg, rgba(48,127,253,1) 0%, rgba(18,54,109,1) 100%); background:-webkit-gradient(left bottom, right top, color-stop(0%, rgba(48,127,253,1)), color-stop(100%, rgba(18,54,109,1))); background:-webkit-linear-gradient(45deg, rgba(48,127,253,1) 0%, rgba(18,54,109,1) 100%); background:-o-linear-gradient(45deg, rgba(48,127,253,1) 0%, rgba(18,54,109,1) 100%); background:-ms-linear-gradient(45deg, rgba(48,127,253,1) 0%, rgba(18,54,109,1) 100%); background:linear-gradient(45deg, rgba(48,127,253,1) 0%, rgba(18,54,109,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#307ffd', endColorstr='#12366d', GradientType=1 ); display:table; width:100%; height:370px; padding:20px 40px; position:relative }
.resourceContent { display:table-cell; vertical-align:bottom; padding-bottom:60px; }
.cateResource { padding:15px; }
.categoriesResources { margin:0 -15px; }
.overlayLink { position:absolute; width:100%; height:100%; top:0; left:0 }   
@media(max-width:600px) { .cateResource { width:100%; } }
.categoryTabbing { text-align:center; }
label.catExpand,label.cat-Expand { cursor:pointer }
@media(min-width:768px) { label.catExpand, label.cat-Expand { display:none; } .catFilter ul li:first-child,.catFilter ul li.selected { color:#222222; } .CAT-Filter ul,.catFilter ul { display:block !important } }
.catFilter ul { margin:0; padding:0; list-style:none; }
.catFilter ul li { display:inline-block; vertical-align:middle; padding:0 15px; cursor:pointer; transition:all ease 0.3s; -webkit-transition: all ease 0.3s; }
.catFilter ul li:hover { color:#222222; }
@media(min-width:992px) { .rightImage img { transform:scale(1.1); margin-left:-65px; } }
.cateResource .resourceIcon { width:62px; height:62px; display:block; margin:0 auto; background:url(https://464158.fs1.hubspotusercontent-na1.net/hubfs/464158/Synx_website_2018/images/iconType.png) top right no-repeat; }
.cateResource.podcasts .resourceIcon { background-position:bottom right; }
.cateResource.videos .resourceIcon { background-position:top left; }
.cateResource.webinars .resourceIcon,
.cateResource.webinars .resourceIcon { background-position:bottom left; }
audio { display:block; width:100%; }
.categoriesResources.loaded { animation:fadeInup 0.6s ease; }
@keyframes fadeInup {
  from { opacity:0; transform:translateY(50px) }
  to { opacity:1; transform:translateY(0px) }
}
.resource { overflow:hidden; }
.resource .bgImage { background-size:cover; position:absolute; top:0; bottom:0; right:0; left:0; z-index:1; width:100%; height:100%; opacity:0.8; transition:opacity ease 2s, transform ease 1.5s; transform:scale(1); }
.resource:hover .bgImage { opacity:0;  transform:scale(1.1); }
.resource .resourceContent { position:relative; z-index:5; }
.resource .overlayLink { z-index:10; }


/*Blog page*/
.topic-tabing { text-align:center; padding:0; margin:0; list-style:none; }
.topic-tabing ul { margin-top:0; padding:0; list-style:none; }
.topic-tabing li  { display:inline-block; vertical-align:middle; padding:0 10px; }
.topic-tabing li a{ color:#999999; }
.topic-tabing li a:hover { color:#3586ff }
.topic-tabing .filter-link-count { display:none }
.post-item { width:33.33%; display:inline-block; vertical-align:top; margin-right:-4px; padding:30px 15px; }
.forListingTop { display:table; width:100%; height:370px; padding:20px 40px;  position:relative; }
.InnerListTable-cell { display:table-cell;  vertical-align:bottom; padding-bottom:60px; position:relative; z-index:2; font-size:12px }
.InnerListTable-cell a { color:#fff; font-style:normal; }
.innerpostBody blockquote { font-size:30px; color:#000; padding-left:0; margin:40px 0 20px; background:url(https://464158.fs1.hubspotusercontent-na1.net/hubfs/464158/Synx_website_2018/images/blockQoute.png); background-position:top left; background-repeat:no-repeat; }
.innerpostBody blockquote + span { color:#2b79f8; font-size:12px; }
.innerpostBody div:not(.twocolumnImage) h4 { font-size:20px; }
.twocolumnImage { padding:50px 0; }
.bottomTags { width:770px; max-width:100%; margin:20px auto; }
.bottomTags span { display:inline-block; color:#000; }
.bottomTags a { color:#bbbbbb; }
.bottomTags span + div { display:inline-block;}
.bottomTags a { margin:0 5px; }
.about-author-sec { width:770px; max-width:100%; margin:0 auto; padding-top:30px; }
.about-author-sec h3 { font-size:14px; color:#bbbbbb; }
.about-author-sec h3 a { font-size:18px; padding-right:10px; color:#000; }
.recentPostItem { padding:20px; }
.leftRecentImage { height:200px; }
.RecentpostSec { border-top:1px solid #eaeaea; }
.leftRecentImage { position:relative }
.row-fluid .blogCommentForm { width:770px; max-width:100%; margin:0 auto !important; padding-top:40px; float:none !important; }
.blogCommentForm span.hs-form-required { display:none; }
.blogCommentForm input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), 
.blogCommentForm textarea, 
.blogCommentForm select {  width:100% !important; border:2px solid #eaeaea; padding:12px 20px; font-size:15px }
.blogCommentForm fieldset.form-columns-1 .input,.blogCommentForm fieldset.form-columns-2 .input { margin:0 !important; line-height:1 }
.blogCommentForm ul.hs-error-msgs { margin:0; padding-top:10px; color:red; }
.blogCommentForm input[type="submit"] { width:auto !important; background:#3080ff; background:-moz-linear-gradient(left, #3080ff 0%, #1d6ade 100%); background:-webkit-linear-gradient(left, #3080ff 0%,#1d6ade 100%); background:linear-gradient(to right, #3080ff 0%,#1d6ade 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3080ff', endColorstr='#1d6ade',GradientType=1 ); color:#fff; padding:15px; border:none; font-size:12px; text-transform:uppercase; min-width:200px; -webkit-transform-origin:100% 0; transform-origin:100% 0; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); }
.blogCommentForm input[type="submit"]:hover { -webkit-animation:wobble_bottom 1s ease-in-out;  animation:wobble_bottom 1s ease-in-out;  -webkit-animation-iteration-count:1; animation-iteration-count:1; }

.post-item.animateIt { animation:fadeInup 0.6s; animation-iteration-count:1;  }
@keyframes fadeInup {
  from { top:30px; position:relative; opacity:0; }
  to { top:0; opacity:1; position:relative; }
}




@media(max-width: 991px){
  .post-item { width: 50%}
  .recentPostItem { padding: 20px 10px }
}
@media(max-width: 600px){
  .post-item {  width: 100%; display:block; margin-right: 0}
}

.topic-list { padding: 0; list-style: none; margin: 0;  }
.topic-list li { display: inline-block; padding: 5px 5px 5px 0; font-size: 12px; }
.topic-list li a { color: #999999; }
.topic-list li a:hover,.forListingBlog h5 a:hover { color: #ec298c; }

.forListingTop:before { position: absolute; content: '';  top: 0; left: 0; width: 100%; height: 100%;  background: rgba(44,119,237,0.74);
  background: -moz-linear-gradient(left, rgba(44,119,237,0.74) 0%, rgba(44,119,237,0.74) 26%, rgba(18,55,110,0.75) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(44,119,237,0.74)), color-stop(26%, rgba(44,119,237,0.74)), color-stop(100%, rgba(18,55,110,0.75)));
  background: -webkit-linear-gradient(left, rgba(44,119,237,0.74) 0%, rgba(44,119,237,0.74) 26%, rgba(18,55,110,0.75) 100%);
  background: -o-linear-gradient(left, rgba(44,119,237,0.74) 0%, rgba(44,119,237,0.74) 26%, rgba(18,55,110,0.75) 100%);
  background: -ms-linear-gradient(left, rgba(44,119,237,0.74) 0%, rgba(44,119,237,0.74) 26%, rgba(18,55,110,0.75) 100%);
  background: linear-gradient(to right, rgba(44,119,237,0.74) 0%, rgba(44,119,237,0.74) 26%, rgba(18,55,110,0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c77ed', endColorstr='#12376e', GradientType=1 );  z-index: 1; }
.forListingTop  a.overlayLink { z-index: 3; }

.inline-strip ul { margin: 0; padding: 0; list-style: none; }
.inline-strip ul li { display: inline-block; vertical-align: middle; padding: 0 10px; }
.inline-strip ul li a { color: #222222; }
.inline-strip ul li a:hover { color: #2d7eff; }


.Top-postBanner { width: 500px; max-width: 100%;  margin: 0 auto; text-align: center; }
/* .innerpostBody div:not(.twocolumnImage) { width: 770px; max-width: 100%;  margin: 0 auto; } */
.innerpostBody > span > div:not([class]) { width: 770px; max-width: 100%;  margin: 0 auto; }
.innerpostBody > span > img:first-child { margin-bottom: 70px; }
.twocolumnImage img { padding: 20px; display: inline-block; width: 50%; margin-right: -4px; }



/* What we do slider*/
.whatwedoFilterSlider { padding-left:70px; padding-right:70px; }
.leftSvgIcon { width:50px; height:50px; line-height:47px; background:#ec008c; text-align:center; border-radius:50%; display:inline-block; vertical-align:top;  margin-right:-4px;  margin-top:7px;  }
.leftSvgIcon svg { width:28px; height:28px; line-height:27px; display:inline-block; vertical-align:middle; }
.rightsideWhatContent { padding-left:20px; display:inline-block; vertical-align:top; margin-right:-4px; width:calc(100% - 50px); }
.button.transparentCTA a { border-color:#ec008c; background:transparent; min-width:150px; text-align:center; padding:8px 20px; }
.QouteSection { padding-left:40px; font-style:italic; font-size:14px; }
.QouteSection img { margin-bottom:10px }
.overviewContent { width:350px; max-width:100% }
.rightsideWhatContent h5 { line-height:1.3; }
.CAT-Filter li { transition:all ease 0.3s; -webkit-transition:all ease 0.3s;  cursor:pointer; }
.CAT-Filter li:hover,.CAT-Filter li.selected { color:#2f7efd; }
.CAT-Filter ul { padding:0; margin:0; list-style:none; text-align:center; }
.CAT-Filter ul li { display:inline-block; vertical-align:middle; padding:0 15px; }
@media(max-width:1230px){ 
  .whatwedoFilterSlider { padding-left:30px; padding-right:30px; } 
}
@media(max-width: 1080px){
  .whatwedoFilterSlider { padding-top:70px; padding-bottom:50px }
}
@media(max-width: 991px){
  .whatwedoFilterSlider  .span7.tabw80 { width: 80%; }

  /*********************
  Growth Problem -synx-20
  *********************  */
  .tabbingListingInner li { font-size: 16px;}
  .fundamentalsPrice { font-size: 20px;}
  .fundamentalsPrice span { font-size: 16px;}
  .fundamentalboxRepeat { padding: 25px 15px;}
  .includedboxRepeat { padding: 20px 15px;}
  /* HubSpot Onboarding */
  .onboardingtitle h4{font-size:18px;}


}
@media(max-width:767px){
  .whatwedoFilterSlider .span7.tabw80 { width: 100%; }
  .whatwedoFilterSlider { padding: 50px 15px }
  .flexibleSlider .slick-next,.flexibleSlider .slick-prev { top: -40px; transform: translate(0); }
  .flexibleSlider .slick-next, .flexibleSlider .slick-prev {  right: 0; left: inherit; }
  .flexibleSlider .slick-next { right: 10px; }
  .flexibleSlider .slick-prev { right: 40px; }
  .QouteSection { padding-left: 0 }
  .flexibleSlider .slick-next { width: 40px; height: 40px; background: #ec008c; right: 0; }
  .flexibleSlider .slick-prev { width: 40px; height: 40px; right: 40px; background: #ec008c; }
  .flexibleSlider .slick-next:before,.flexibleSlider .slick-prev:before { color: #fff }
  .whatWedoCategory  { padding-bottom: 60px }   

  /*********************
  Growth Problem -synx-20
  *********************  */
  .faqTitle { font-size: 16px;}
  .tabtopContent { font-size: 16px;}
  .fundamentalboxContent{height:auto !important;}
  .fundamentalboxRepeat:after { top: inherit; bottom: 0; right: inherit; left: 50%; transform: translateX(-50%); width: 100%; height: 1px;}
  .includedboxRepeat:after { top: inherit; bottom: 0; right: inherit; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background-color: #CBD6E2;}
  .faqchildExpand{top:4px}


  .included767_box_hide {
    display: none;
  }
  .includedboxRepeat.includedBoxPopup.ib {
    display: none;
    padding: 30px 20px;
  }
  .includedBoxOn {
    display: block;
  }

  .includedBoxPopupCta {
    display: block;
  }

  .includedBoxPopup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom:0;
    right:0;
    background-color: rgba(45, 62, 80, 0.79);
    z-index: 9999;
  }
  .includedBoxPopup .includedboxInner {
    padding: 40px 30px 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 500px;
    width: 90%;
    box-shadow: -1px 2px 45.12px 1.88px rgba(183,183,183,0.2);
    background: #fff;
    border-radius: 3px;
    max-height: 90vh;
    height: auto;
    overflow: auto;
    transform: translate(-50%, -50%);
  }

}
@media(max-width:480px){
  .leftSvgIcon { display: block; margin-top: 0;  margin-bottom: 15px; }
  .rightsideWhatContent { width: 100%;  padding-left: 0; }
}
.flexibleSlider { position:relative; }
.prevArrow, .nextArrow { display:block; text-align:center; cursor:pointer; left:-30px; position:absolute; top:50%; transform:translateY(-50%); line-height:100px; color:#cccccc; font-size:31px; width:30px; height:100px; background:#fff; transition:all ease 0.4s; -webkit-transition:all ease 0.4s; }
.nextArrow {  right:-30px; left:inherit; }
.prevArrow:before { content:'\f104'; font-family:'fontawesome'; }
.nextArrow:before { content:'\f105'; font-family:'fontawesome'; }
.nextArrow:hover, .prevArrow:hover { color:#000; }





/*filter tab responsive*/
@media(max-width:767px){
  label.catExpand,label.cat-Expand { width: 100%; text-align: left; display: block; padding: 10px;  background: #3080ff;  background: -moz-linear-gradient(left, #3080ff 0%, #1d6ade 100%);     background: -webkit-linear-gradient(left, #3080ff 0%,#1d6ade 100%);  background: linear-gradient(to right, #3080ff 0%,#1d6ade 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3080ff', endColorstr='#1d6ade',GradientType=1 ); color: #fff; position:relative }
  .catFilter ul li,.CAT-Filter ul li { display: block;  text-align: left;  padding: 10px; }
  .catFilter ul,.CAT-Filter ul {  border: 1px solid #3c7ffe;  border-top: none; }
  .catFilter ul li + li,.CAT-Filter ul li + li { border-top: 1px solid #3c7ffe; }  
  .catFilter > label:before,.CAT-Filter > label:before { position: absolute; content: '\f107'; right: 10px;  font-family: fontawesome; font-size: 16px;  top: 50%;  transform: translateY(-50%); -webkit-transform: translateY(-50%); }
  .categoryTabbing.open .catFilter > label:before,.whatWedoCategory.open .CAT-Filter > label:before { content: '\f106';  }
  .resourceContent {  vertical-align: middle; padding-bottom: 0 }
}

/*Animation Line*/
.filupdiv { width: 100%; height: 1px; background: #e1e1e1; position:  relative; }
div.fillupline { height: 3px; width: 100%; position: absolute; left: 0; top: -1px; width: 0px; background: #3080ff;  display: block; transition: all ease 0.4s; -wekbit-transition: all ease 0.4s }


/*contact Page*/
.BookASection > div { border-bottom:1px solid #fff; padding:20px 0; }
.BoxBook h5 { line-height:1.2; }
.forBell svg { width:15px; height:15px; display:inline-block; vertical-align:middle; margin-right:5px; }
.forBell a { color:#fff; vertical-align:middle; }
.BookIcon { width:95px; height:95px; display:block; line-height:95px; border:1px solid #fff; border-radius:50%; overflow:hidden; margin:0 auto; cursor: pointer; transition:all ease 0.3s; -wekbit-transition:all ease 0.3s }
.BookIcon svg { width:45px; height:45px; display:inline-block; vertical-align:middle; }
/* .BoxBookBottom > div:first-child .BookIcon svg {  width: 45px; } */
.BoxBookBottom > div:first-child .BookIcon { line-height: 82px; }
.BoxBookBottom > div { padding-right: 40px }  
.BookIcon:hover { background: #fff }
.BookIcon polygon,.BookIcon rect,.BookIcon path {  transition:all ease 0.3s;  -wekbit-transition:all ease 0.3s  } 
.BookIcon:hover polygon,.BookIcon:hover rect,.BookIcon:hover path { fill:#3080ff }
.ContactDetails { width:230px; margin:0 0 0 auto;  max-width:100%; }
.iconImage { width:25px; display:inline-block; vertical-align:top; margin-right:-4px; margin-top:4px; }
.iconImage + div {  display:inline-block; vertical-align:top; margin-right:-4px; width:calc(100% - 25px); padding-left:10px; }
.iconImage + div a { color:#fff; }
.iconImage + div a:hover { color:#ec008c; }
ul.Social-links { margin:0; padding:0; list-style:none; }
ul.Social-links li { display:inline-block; vertical-align:middle; padding-right:10px; }
ul.Social-links li a { width:40px; height:40px; display:block; color:#fff; line-height:38px; border:1px solid #8d54b7; border-radius:50%; text-align:center; background:#8d54b7; }
ul.Social-links li a:hover { background:#ec008c; }
.forcontactModule { min-height:1000px } 
@media(max-width:767px){
  .ContactDetails { margin:0 auto }
}
@media(max-width:500px){
  .BookIcon { width:60px; height:60px; line-height:58px; }
  .BoxBookBottom > div .BookIcon svg { width:30px; height:30px; }
  .BoxBookBottom > div:first-child .BookIcon { line-height:50px; }
  .BoxBookBottom > div { padding-right:5px; padding-left:5px; width:50%; }
  .BoxBookBottom { text-align: center; }
}
.FormSection { width: 770px; max-width:100%; margin:0 auto; position:relative }
.FormSection .field label { color:#fff; }
.formBox input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),.formBox textarea,.formBox select { background:#fff; border-color:#fff; padding:10px 15px }
span.hs-form-required { color:#f68872; }
.formBox textarea { width:100% !important; min-height:150px }
.formBox ul.hs-error-msgs.inputs-list { padding-left:0; margin:5px 0; list-style:none; } 
.formBox input[type="submit"] { color:#fff; display:inline-block; width:auto; padding:10px 20px; border:1px solid #fff; min-width:200px; font-size:12px; text-transform:uppercase;}
.formBox input[type="submit"]:hover { background:#ec008c; border-color:#ec008c }
input[type="submit"] { cursor:pointer }
.CloseBtn { position:absolute; top:0; right:0; width:15px; height:15px; cursor:pointer }
.CloseBtn svg {width:100%; height:100%; }


.closeBtnV2 { position:absolute; top:15px; right:15px; width:15px; height:15px; cursor:pointer }
.closeBtnV2 svg {width:100%; height:100%; }

.BoolMeetSecIframe { position:relative }
.BoolMeetSecIframe iframe { border:none; width:100%; height:800px; }
.BoolMeetSecIframe .page:not(.embedded) { background:transparent }
.FormSection,.BoolMeetSecIframe { display:none }


/* Search Results Page */
.searchResults { background:#fafafa; }
.searchResults .hs-search-results__listing li + li { margin-top:30px; padding-top:30px; border-top:1px solid #eee; }
.searchResults .hs-search-results__listing li > a { display:block; font-size:18px; color:#3586ff; }
.searchResults .hs-search-results__listing li > a + p { margin-top:0; }
.searchResults .hs-search-results__pagination { margin-top:40px; }
.searchResults .hs-search-results__pagination a { color:#000; }


/* Page Loading animations */
#loading { background: #4096ee; background:-moz-radial-gradient(center, ellipse cover, #4096ee 0%, #11366c 99%) !important;
  background: -webkit-radial-gradient(center, ellipse cover, #4096ee 0%,#11366c 99%) !important;
  background: radial-gradient(ellipse at center, #4096ee 0%,#11366c 99%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#11366c',GradientType=1 ) !important;
}	
#loading .dot { position:fixed; top:50%; left:50%; width:128px; height:128px; margin:-64px 0 0 -64px; border-radius:50%; border:3px solid transparent;
  border-top-color:#ffffff; display:inline-block; opacity:1; animation:lp 2s linear infinite; }
#loading .dot:after { content:""; position:absolute; top:2px; left:2px; right:2px; bottom:4px; border-radius:50%; border:3px solid transparent; border-bottom-color: #ffffff; animation: lp 1.5s linear infinite; }
@keyframes lp { 0% { -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); } }



/* SubText */
.titleNsubtext { padding:0 50px 0 90px; text-align: left; margin-top: 20px; }
.titleNsubtext:before { content: ''; width: 50px; margin-left: -70px; margin-top: 20px; height: 2px; display: block; margin-bottom: -17px; background: #ddd; }

/* What we Do - v2 */
.whatWeDoTab .tabInner { padding:30px; position:relative; }
.whatWeDoTab .tabInner.withIcon { padding-left:100px; }
.whatWeDoTab .tabInner .icon { width:60px; position:absolute; top:30px; left:30px; }
.whatWeDoTabSlider .slick-slide { transform: scale(0.78); display:inline-block; vertical-align:middle; float:none; transform-origin: center right; transition: transform ease 0.4s, transform-origin ease 0s; }
.whatWeDoTabSlider .slick-center ~ .slick-slide { transform-origin: center left; }
.whatWeDoTabSlider .slick-slide.slick-center { transform:scale(1) }
.whatWeDoTabSlider .slick-dots { top:-30px; width:20%; padding:0; margin:0; left:50%; text-align:right; bottom:inherit; }
.whatWeDoTabSlider .slick-dots li { margin:0; width:auto; height:auto; padding:0; }
.whatWeDoTabSlider .slick-dots li button { font-size:16px; color:#000; width:auto; height:auto; padding:0; display:inline-block; border-bottom:1px solid transparent; }
.whatWeDoTabSlider .slick-dots li + li:before { content:'/'; display:inline-block; margin:0 2px; }
.whatWeDoTabSlider .slick-dots li button:before { content:normal; }
.whatWeDoTabSlider .slick-dots li:nth-child(-n+9) button:before { content:'0'; font-size:inherit; font-weight:inherit; color:inherit; opacity:inherit; font-family:inherit; position:static; }
.whatWeDoTabSlider .slick-dots li.slick-active button { color:#ec008c; border-bottom-color:#ec008c; }
.servicesListing { display:block; }
.servicesListing .serBox { padding:15px; width:200px; vertical-align:top; display:inline-block; line-height:1.5; }
.servicesListing .serBox .boxInner { position:relative; }
.servicesListing .serBox .boxInner .overlay { position:absolute; top:0; left:0; bottom:0; right:0; }

#back-to-top { display:none !important; }

/* Hubspot Tips and Tricks page */
.filterAction { display: flex; width: 100%; justify-content: space-between; align-items: center; }
.filterAction .filterInner { width: calc( 50% - 20px ); }

@media( max-width: 767px ){
  .filterAction { flex-direction: column  }
  .filterAction .filterInner { width: 100% }
  .filterAction .filterInner + .filterInner { padding-top: 20px; }
}

@media (min-width:992px){
  .partnerListing .partnerLogo { height:60px; line-height:45px; }
  .partnerListing .partnerLogo img { max-width:100%; max-height:45px; width:auto; height:auto; }
}

@media (max-width:992px) {
  .whatWeDoTabSlider .slick-dots { left:0; width:100%; }
  .tabmainTitle h3{font-size:26px; }

}
@media (max-width:479px){
  .whatWeDoTab .tabInner.withIcon { padding-left:30px; padding-top:100px; }
  .titleNsubtext { padding:0 20px 0 70px; }
}



/*New Landing page Css*/
.rightSideForm { padding: 40px 30px; background: #Ededed; border-radius: 5px; }


@media(max-width: 1080px){
  .rightSideForm { padding: 40px 15px; }
}



/* Pillar Page V3 with Side Bar */

.noStyle ul{margin: 0; padding: 0; list-style: none;}
.sectionParent{position: relative; /*opacity:0; visibility:hidden;*/}

/* .sectionParent .contentColumn {  padding-left: 330px;} */

.pillerstripSection { padding-left: 330px;}
.boxpillerSection { padding-left: 330px;}

.pillerver1Navigation.style2.stickey { position: fixed; top: 0; left: 0; }
.SidebarListing{width:100%;position:relative;box-shadow: none;}
.pillersidebar{ width: 280px; position: absolute;left:0;top:0; padding: 0;height:100vh; z-index: 10; overflow:auto; padding-bottom: 40px; background-color: #f5f6f7; /*background-color: #fff;*/}
.pillersidebar .currentTab { padding: 20px 30px;display:block;position: relative;background-color:#3080ff; /*background-color:#ebebeb;*/ }
.pillersidebar .currentTab span{/*color: #222222;*/ color: #ffffff;}
.pillersidebar .currentTab span {position: relative;}
.pillersidebar .currentTab span:before { content: ''; width: 50px; height: 1px; position: absolute; /*background-color: #2f7efd;*/ background-color: #ffffff; bottom: -5px; left: 0;}

.SidebarListing ul {  padding-top: 40px;}
.SidebarListing ul li {  display: block;padding:2px 0px;}
.pillerstripSection .pillerstripTitle h4 a{display:none;}
.SidebarListing li a{ transition:all ease 0.4s; -webkit-transition:all ease 0.4s; max-width:95%;background-color: rgba(255,255,255,0.3); margin: 0 0 0 auto; position:relative;display:block;padding:9px 15px 9px 50px;color:#777777; }
.SidebarListing li a:before { transition:all ease 0.4s; -webkit-transition:all ease 0.4s;content: attr(data-id); position: absolute; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);  left: 10px;  font-size: 10px;border-radius: 50%; color: #fff; background-color: rgb(48, 128, 255,0.3); height: 30px;width: 30px; line-height: 30px;vertical-align: middle;text-align: center;}
.SidebarListing.angle li a:before{content: '\f054';font-family: FontAwesome;}
.SidebarListing li a:hover, .SidebarListing li.active a{/*background-color:#fff;color:#3080ff;*/ background-color: rgba(48, 128, 255,1); color: #ffffff}
.SidebarListing li a:hover:before, .SidebarListing li.active a:before{ background-color: rgba(255, 255, 255,0.9); color: #3080ff; /*background-color: rgba(48, 128, 255,0.2); color: #3080ff;  */}
.pillersidebar.sticky{ position: fixed; left: 0px;}
.pillersidebar.buttonSticky{ bottom: 0;top:  inherit; position: absolute; }


@media(min-width:768px){
  .mobileNaviagtion{display:none;}
}






@media(max-width:767px){
  /* Pillar Page V3 with Side Bar */
  .pillerstripSection .stipeNumber { font-size: 70px;}
  .mobileNaviagtion{ transition:all ease 0.4s; -webkit-transition:all ease 0.4s; cursor:pointer; display:block; position: fixed; z-index: 55; top: 30%; right: 0; height: 46px; width: 46px;  background-color: #3080ff;  text-align: center; vertical-align: middle; line-height: 51px;  color:#fff; border-radius:10px 0 0 10px; }
  .mobileNaviagtion i.fa{font-size:18px;}
  .pillersidebar {position:fixed !important; top:30% !important; bottom:inherit !important; z-index:56; height:auto; width:calc(100% - 50px); right:0; left:inherit important; margin:0 0 0 auto; transform:translateX(100%); -webkit- transform:translateX(100%);transition:all ease 0.4s; -webkit-transition:all ease 0.4s;; padding-bottom:0; }
  .pillersidebar.show { transform:translateX(0px); -webkit- transform:translateX(0px);}
  .pillersidebar .currentTab { padding:10px 20px; }
  .SidebarListing ul { padding:25px 0px 25px 0px; }
  .SidebarListing li a { padding:5px 15px 5px 40px; }
  .SidebarListing li a:before { height:26px; width:26px; line-height:26px; }
  .sectionParent .contentColumn { padding:0px;}
  .boxpillerSection{padding-left:0;}
  .mobileNaviagtion.open { width:100%; text-align:left; padding-left:15px; transition:all ease 0.4s; -webkit-transition:all ease 0.4s;; }
  .OneColText ul li { text-align:left; }
  .Card .cardDetail { padding:20px 15px; }
  .pillerstripSection { padding:10px 0; }
  .pillerstripSection .stipeNumber { left:0; font-size:50px; }
  .pillerstripSection .pillerstripIcon { width:0; }
  .pillerstripSection .pillerstripTitle { width:100%; padding-left:50px; }

  .tabmainTitle h3{font-size:24px; }
  .tabbingListingInner li{width:200px; font-size:14px;}
  .fundamentalboxRepeat,.includedboxRepeat,.onboardingleftSide {margin-right:0 !important;}
  .onboardingrightSide{margin-top:30px;}
  .onboardingParentInner { margin-left: 0; margin-right: 0;}
  .onboardingleftSide ,.onboardingrightSide { padding-left: 0; padding-right: 0;}


}


@media(max-width:480px){
  .tabbingListingInner li { font-size: 14px; width: 150px; padding: 12px 5px;}
}
@media(max-width:360px){
  .tabbingListingInner li { width: auto; padding: 12px;}

}