/* @import url('http://example.com/example_style.css'); */


@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700);

@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
@font-face {
font-family: "icomoon-ult";
font-weight:normal;
src: url("//cdn2.hubspot.net/hubfs/522504/Scorpion-Health-Care.com/0cr69kue2k5.woff") format("woff"),
url("//cdn2.hubspot.net/hubfs/522504/Scorpion-Health-Care.com/0cr69kue2k5.ttf") format("truetype"),
url("//cdn2.hubspot.net/hubfs/522504/Scorpion-Health-Care.com/0cr69kue2k5.eot") format("eot");
}

/**
 * CSS @imports must be at the top of the file.      
 * Add them above this section.                             
 */



/* ==========================================================================
   HS COS Boilerplate v1.5.0                                
   ========================================================================== */

/* This responsive framework is required for all styles. */
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
/* Images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

img.alignRight{
    margin: 0 0 5px 15px;
}

img.alignLeft{
    margin: 0 15px 5px 0;
}

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
  margin: 0;
  list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  height: 30px;
  list-style: none !important;
}
@media (max-width: 479px){
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
    float: none !important; /* Stack social icons into two rows on phones */
  }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
    vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}

/* Captcha */
#recaptcha_response_field {
    width: auto !important;
    display: inline-block !important;
}

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

/* Date Picker */
#calroot {
    width: 202px !important;
    line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
 
#calroot select {
    min-height: 0 !important;
    padding: 1px 2px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: normal !important;
}
 
#caldays {
    margin-bottom: 4px;
}

/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    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: 56.25%;
}
.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 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* System Template Forms */
#email-prefs-form .email-edit {
    width: 100% !important;
    max-width: 507px !important;
}
#hs-pwd-widget-password {
    height: auto !important;
}

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

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.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;
}

/* Vertical Menu
   ========================================================================== */ 

.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;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.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.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > 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-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 860px) {
    .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;
    }

    /* Stacking Horizontal Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
        padding: 0;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        white-space: normal;
    }

    /* Stacking Vertical Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}

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

/* Space Module */
.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */
.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");
}

/* Fix for CTA border box issue */
.hs-cta-wrapper a {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

/*
 * 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(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/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(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/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: black;
    position: static;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    top: 40%;
    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;
    }
}

.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;
}

@media all and (max-width: 400px) {
/* beat recaptcha into being responsive, !importants and specificity are necessary */
#captcha_wrapper,
#recaptcha_area,
#recaptcha_area table#recaptcha_table,
#recaptcha_area table#recaptcha_table .recaptcha_r1_c1
{ width: auto !important; overflow: hidden; }
#recaptcha_area table#recaptcha_table .recaptcha_r4_c4
{ width: 67px !important; }
#recaptcha_area table#recaptcha_table #recaptcha_image
{ width:280px !important; }
}


/* These includes are optional, but helpful. */
/* 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;}

 





/* ==========================================================================

   Index:         

  1. BASE STYLES   
    - Variables
    - Macros
    - Base
    - Typography

  2. COS STRUCTURE
    - Structure
    - Header
    - Content
    - Footer

  3. MAIN NAVIGATION
    - Custom Menu Primary
    - Mobile Menu

  4. TEMPLATE MODULE CLASSES
    - Common Template Classes
    - Site Pages
    - Landing Pages
    - System Pages

  5. COS COMPONENTS
    - Blog
    - Forms
    - Buttons

  6. MISCELLANOUS

  7. MOBILE MEDIA QUERIES

   ========================================================================== */








/* ==========================================================================


   1. BASE STYLES                                             


   ========================================================================== */





/* ==========================================================================
   Variables                                               
   ========================================================================== */


/**
 * Find the most consistently used font styles, colors, and container widths 
 * for your site and assign them to the jinja variables below for easy use 
 * and reference. 
 *
 * Apply the variable as shown below.  Ignore the jingja comment tags.
 *
 * 
 */

/* Colors */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */

/* Typography */
            /*  */
                         /*  */
                          /*  */
 /*  */

/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */




/* ==========================================================================
   Macros                                                  
   ========================================================================== */


/** 
  * Create jinja macros for CSS3 properties that need browser prefixes.
  *
  * Apply the style as shown below on it's own CSS property line.  
  * Ignore the jinja comment tags. 
  *
  * 
  */

 

/** 
  * Example of how to apply the above macro (ignore the jinja comment tags):
  *
  * a {
  *   color: red;
  *   font-size: 12px;
  *    
  * }
  */




/* ==========================================================================
   Base                                                    
   ========================================================================== */


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */

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

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

/* Website background color and default font styles */

body {
    color: #999999;
    font-family: Open Sans,sans-serif;
    font-size: 1.25em;
    line-height: 1.25;
    font-weight: 600;
}

.backGradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#074365+0,45c2c7+100 */
background: #074365; /* Old browsers */
background: -moz-linear-gradient(-45deg, #074365 0%, #45c2c7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #074365 0%,#45c2c7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #074365 0%,#45c2c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#074365', endColorstr='#45c2c7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

}
/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1080px;
  margin: 0 auto;
}

a { 
    color: #28b2b2; 
    text-decoration: none;
}
a:hover, a:focus { color: #1c7e7e; }

hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #3399FF;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #3399FF;
  text-shadow: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
    max-width: initial;
}



/* ==========================================================================
   Typography
   ========================================================================== */


/* Basic text */
p {
    
} 
small {}
strong {}
em {}
cite {}
code {}
pre {}

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

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {
    font-family:"Montserrat",sans-serif;
    font-weight: 400;
    margin: 0;
    font-size:32px;
    color:#000;
}
h2 {
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    margin: 0;
    font-size:50px;
    color:#28b2b2;
    line-height: 50px;
}
h3 {
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    margin: 0;
    font-size:18px;
    line-height:30px;
    color:#000;
}
h4 {
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    margin: 0;
    font-size:16px;
    color:#000;
}
h5 {
    font-family:"Open Sans",​sans-serif;
    font-size:13.2833px;
    color:#000; 
}
h6 {
    font-family:"Open Sans",​sans-serif;
    font-size:11px;
     color:#000;
}

/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}

ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}








/* ==========================================================================


   2. COS STRUCTURE                                            


   ========================================================================== */





/* ==========================================================================
   Structure                                               
   ========================================================================== */


/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}




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


.header-container-wrapper {}
.header-container {}
.custom-header-top {
  padding: 20px;
  background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.8) 100%);
  background-image: -moz-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.8) 100%);
  background-image: -o-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.8) 100%);
  background-image: linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.8) 100%);
  background-color: transparent;
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
  border-top: 8px solid #28b2b2;
  position: fixed;
  width: 100%;
}
.custom-header-top .page-center {
  max-width: 100% !important;
}
.custom-logo .logo_2 {
  display: none;
}
.custom-logo img {
  width: 294px;
}
.custom-contact-us .number {
  float: right !important;
  margin-top: -86px;
  /*padding-right: 391px;*/
}
icon {
  font-family: "icomoon-ult" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}
icon.phone-10:before {
  content: "";
}
.custom-contact-us .number icon {
  color: #28b2b2;
  font-size: 24px;
  position: relative;
  top: 3px;
}
.custom-contact-us.number icon {
  color: #28b2b2;
  font-size: 1.5em;
  position: relative;
  top: 3px;
}
.custom-contact-us .number .phone-link {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}
.custom-contact-us .custom-header-top .page-center {
  max-width: 100% !important;
  position: relative;
}
.scroll-header .custom-logo img {
  width: 204px;
}
.scroll-header .custom-logo .logo_1 {
  display: none;
}
.scroll-header .custom-logo .logo_2 {
  display: block;
  z-index: 999;
}
.scroll-header .custom-header-top {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
  min-height:106px !important;
  padding: 10px;
  transition: all 0.5s ease 0s;
  z-index:9;
}
.scroll-header .custom-menu-primary {
    position: relative;
    z-index: 999;
}
.scroll-header .custom-menu-primary .hs-menu-wrapper > ul {
  margin-left: -81px;
}
.scroll-header .custom-menu-primary .hs-menu-wrapper > ul > li > a {
  color: #999;
}
.scroll-header .custom-menu-primary .hs-menu-wrapper > ul > li::after {
  background-color:#28b2b2;
}
.scroll-header .custom-contact-us .number .phone-link {
  color: #999;
}
.scroll-header .custom-contact-us .number {
  margin-top: 4px;
  /*padding-right: 400px;*/
}
.scroll-header .custom-contact-us {
  position: absolute;
  right: 10px;
  top: 32px;
}
.custom-mobile-menu {
    display:none !important;
}
.custom-menu-primary.visible-phone {
    display:none !important;
}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}




/* ==========================================================================
   Content                                                 
   ========================================================================== */


.body-container-wrapper {}
.body-container {}
.body-container .page-center {
    padding:15px 0 25px ;
}
.custom-banner {
  background-position: center center;
  background-size: cover;
  min-height: 460px !important;
}
.section-header-contant {
    padding:250px 0 20px;
    text-align:center;
}
.section-header-contant h1 {
  color: #fff;
  font-size: 50px;
  line-height: 1;
}
.section-header-contant p {
  color: #fff;
  font-family: "Open Sans",​sans-serif;
  font-size: 26px;
  font-weight: normal;
}


/* Unique Pages
   ========================================================================== */

/* Homepage */

/* Contact Us */

/* About Us */


/* Modular & Reusable Components
   ========================================================================== */

/* Callouts */

/* Social Media Custom Icons */

/* Additional Menus aside from the Main Nav */




/* ==========================================================================
   Footer
   ========================================================================== */


.footer-container-wrapper {}
.footer-container {}
.custom-footer-logo {
  border-bottom: 1px solid #dfdfdf;
  padding: 15px 0;
  position: relative;
  text-align: center;
}
.custom-footer-logo img {
  margin-bottom: 5px;
  width: 200px;
}
.custom-footer-logo::after {
  bottom: -23px;
  color: #dfdfdf;
  content: "";
  font-family: "icomoon-ult" !important;
  font-size: 43px;
  left: 50%;
  margin-left: -32px;
  position: absolute;
}
.custom-footer-contact-us .third {
  color: #999;
  font-size: 14px;
  line-height: 1;
  padding: 30px 0;
  text-align: left;
}
icon.phone::before {
  content: "";
}
.custom-footer-contact-us .third icon ,
.custom-footer-map .third icon ,
.custom-footer-fax .third icon {
  color: #28b2b2;
  font-size: 28px;
  line-height: 1;
  margin-right: 8px;
  position: relative;
  top: 7px;
}
.custom-footer-contact-us span {
  font-size: 14px;
  font-weight: normal;
}
.custom-footer-contact-us .phone-link,
.custom-footer-fax .phone-link {
  color: #28b2b2;
  cursor: default;
  font-size: 22px;
  font-weight: bold;
}
.custom-footer-social-links h3 {
    color: #999999;
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    margin-top: 1px;
}
.custom-footer-map .third {
  margin-left: -24px !important;
}
.custom-footer-map .third ,
.custom-footer-map .lbl {
  color: #999999;
  font-size: 14px;
  line-height: 1;
  font-weight:normal;
  padding: 30px 0;
}
.custom-footer-map span {
  color: #999;
}
icon.map-marker-2::before {
  content: "";
}
.custom-footer-fax .third {
  text-align: right;
}
.custom-footer-fax .third ,
.custom-footer-fax span {
  color: #999999;
  font-size: 14px;
  line-height: 1;
  padding: 30px 0;
  font-weight:normal;
}
icon.print-3::before {
  content: "";
}
.custom-footer-social-links ul {
  margin: 9px 0 12px;
  padding: 0;
  text-align: center;
}
.custom-footer-social-links ul li {
  display: inline-block;
  margin: 0 7.5px;
}
.custom-footer-social-links ul li {
  display: inline-block;
  margin: 0 7.5px;
}
.custom-footer-social-links ul li a {
  background-color: #28b2b2;
  color: #fff;
  display: block;
  font-size: 20px;
  line-height: 0.8;
  padding: 8px 10px;
  transition: all 0.5s ease 0s;
}
.custom-footer-social-links ul li a:hover {
  background-color: #176767;
  color: #fff;
}
icon.facebook::before {
  content: "";
}
icon.twitter::before {
  content: "";
}
icon.google-plus::before {
  content: "";
}
icon.linkedin::before {
  content: "";
}
.custom-footer-bottom {
  background: #28b2b2 none repeat scroll 0 0;
  margin-bottom: 23px !important;
}
.custom-footer-bottom .page-center {
  padding: 41px 0 42px;
}
.custom-footer-left-contant p,
.custom-footer-right-contant p{
  color: #fff;
  font-size: 12px;
  margin: 0;
  text-align: left;
  font-weight: normal;
}
.custom-footer-right-contant p {
    text-align: right;
}
.custom-footer-middle-contant {
  color: #fff;
  font-size: 14px;
}
.custom-footer-middle-contant span {
  display: inline-block;
  font-weight: normal;
  padding: 0 0 0 2.7px;
}
.custom-footer-middle-contant ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.custom-footer-middle-contant ul li {
  border-right: 1px solid #79e1e1;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 0 8px;
}
.custom-footer-middle-contant ul li:last-child {
  border-right: medium none;
}

/* ==========================================================================


   3. MAIN NAVIGATION                                            


   ========================================================================== */





/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
    background:transparant;
    display: block;
    margin-left: -86px;
    margin-top: 21px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:transparant;
  position: relative;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:#ffffff;
  display: block;
  font-size: 16px;
  padding: 6px 15px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  font-weight: normal;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:#28b2b2;
}
.custom-menu-primary .hs-menu-wrapper > ul > li:hover:after {
  transform: scale(1, 1);
}
.custom-menu-primary .hs-menu-wrapper > ul > li:after {
  background:#fff;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: -10px;
  transform: scale(0, 1);
  transform-origin: center center 0;
  transition: all 0.5s ease 0s;
  width: 100%;
}
/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:transparant;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{  
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

@media (min-width: 861px) {
    .custom-menu-primary .hs-menu-wrapper > ul ul{
    background-color: #FFFFFF;
      margin: 15px 0 0 0;
}
.custom-menu-primary .hs-menu-wrapper>ul ul.hs-menu-children-wrapper:after {
  font-family: 'icomoon-ult';
  content: '\e0eb';
  position: absolute;
  top: -24px;
  left: 30px;
  font-size: 30px;
  line-height: 30px;
  color: #28B2B2;
}
.custom-menu-primary .hs-menu-wrapper>ul ul:before {
  content: "";
  background-color: transparent;
  width: 100%;
  height: 25px;
  display: block;
  position: absolute;
  top: -22px;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li{
    border-top: solid 1px #ddd;
  background:transparant;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{  
    color: #999;
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 25px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
    color: #fff;
    text-decoration: none;
    padding: 10px 15px 10px 35px;
    background: #28B2B2;
}
}

/* Toggle Button
   ========================================================================== */ 

.mobile-icon {
  display: none;    /* Hide button on Desktop */
  cursor: pointer;  /* Mouse pointer type on hover */
  width: 40px;      /* Button width */
  height: 40px;     /* Button height */  
  margin: 10px; 
  position: absolute;
  top: -7px;
  right: 100px;
}
.mobile-icon:hover {
    text-decoration: none; /* Removes link text underline on button */
}
 
/* Three line icon */
.mobile-icon span {
    margin: 0 auto;
    position: relative;
    top: 17px;
}
.mobile-icon  span:before, .mobile-icon span:after {
    position: absolute;
    content: '';
}
.mobile-icon  span, .mobile-icon  span:before, .mobile-icon  span:after {
    width: 19px; /* Icon line width */
    height: 5px; /* Icon line height */
    background-color: #fff; /* Color of all three lines */
    -webkit-border-radius: 2px; /**********************************************/
    -moz-border-radius:2px;    /* Border Radius - must be half of the height */
    border-radius: 2px;         /**********************************************/
    display: block;
}
.mobile-icon  span:before {
    margin-top: -7px; /* Position top line */
}
.mobile-icon  span:after {
    margin-top: 7px; /* Position bottom line */
}
.mobile-icon::before {
  color: #fff;
  content: "menu";
  font-size: 17px;
  font-weight: normal;
  margin: 15px;
  position: absolute;
  right: -72px;
  text-transform: uppercase;
  top: -8px;
}

/* Close Button
   ========================================================================== */  

.close-icon {
    display: none !important;
    cursor: pointer;
    margin: 27px 20px 10px;
    float: left;
    position: relative;
    height: 25px;
    width: 25px !important;
}
.close-icon:after,
.close-icon:before {
    content: "";
    width: 25px !important;
    height: 4px;
    background: ;
    position: absolute;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);
}
.close-icon:before {
    -ms-transform: rotate(-45deg); 
    -webkit-transform: rotate(-45deg); 
    transform: rotate(-45deg);
}


/* Menu Styles on Mobile Devices
   ========================================================================== */  
 
@media (min-width: 861px) {

     /* Will prevent the '100% Height' script for the Main Menu to affect desktop */
     .custom-menu-primary {
          height: auto !important;
     }

}
 
@media (max-width: 860px) {

     body, html {
          height: 100%;
     }

     /* Show the Mobile and Close Icons */
     .mobile-icon,
     .close-icon {
          display: block !important;
     }

     /* Container added with js and is required for transforms to work   */
     #site-wrapper{
        max-width: 100%;
        height: 100%;
        position: relative;
        overflow-x: hidden;
        
     }

     /* Provide room in header for the toggle button */ 
     .header-container-wrapper .page-center{
        padding-right: 60px;
     }
    .close-icon {
        display:none !important;
    }
     /* Provide spacing for the menu ul */
     .custom-menu-primary .hs-menu-flow-horizontal>ul {
         clear: both;
         padding-right: 0;
         padding-left: 0;
     }

     /* Mobile Nav is HIDDEN By Default */
     .custom-menu-primary {
          position: absolute;
          width: 100% !important; /* must match the value above in 'left' */
          z-index: 1000;
          background: ; 
          right: 0;
          top: 183px;
          -webkit-transform: translate3d(100%, 0, 0);
          -moz-transform: translate3d(100%, 0, 0);
          -ms-transform: translate3d(100%, 0, 0);
          -o-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden;
     }
     .custom-menu-primary .hs-menu-wrapper > ul, 
     .custom-menu-primary .hs-menu-wrapper > ul {
        margin-top:0 ;
        MARGIN-LEFT: 0;
     }
    .scroll-header .custom-menu-primary .hs-menu-wrapper > ul {
        margin-left: 0px;
        margin-top:0 !important;
        
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li {
        display: block;
        float: none !important;
        text-align: left !important;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li::after {
      background:transparant;
      content: none;
    }
     /* Set Link Colors */
     .custom-menu-primary a {
      color: #fff !important;
      font-size: 15px !important;
      font-weight: normal !important;
      padding: 11px 15px 12px !important;
      text-shadow: none !important;
      text-transform: uppercase !important;
    }
     .custom-menu-primary a:hover { 
         color:#fff !important; 
    }
     
     /* All Main Containers Display FULL Width By Default */
     .custom-menu-primary {
          -webkit-transition: -webkit-transform 500ms ease;
          -moz-transition: -moz-transform 500ms ease;
          -o-transition: -o-transform 500ms ease;
          transition: transform 500ms ease;
     }
     
     /* All Main Containers Display PARTIAL Width On Icon Click */
     .show-mobile-nav .custom-menu-primary{
          -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); /* the x value must match the 'left' and 'width' values of '.custom-menu' */
          -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
          -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
          -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
          transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
          background-color: #c0bfbf;
     }
     .custom-menu-primary .hs-menu-wrapper > ul {
      display: block;
      padding-left: 0;
      padding-top: 0;
      width: 100%;
    }
    .show-mobile-nav .custom-menu-primary ul li {
        border-bottom: 1px solid #4cb4b4;
        display: block;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li {
      display: block;
    }
     /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block ; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute !important;
    background: url("//cdn2.hubspot.net/hubfs/522504/Scorpion-Health-Care.com/mob-arrow.png") no-repeat right center !important;
    top: 0px!important;
    right: 10px !important;
    width: 45px !important; /* Button width */
    min-width: 100% !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 0px dotted rgba(255, 255, 255, .20) !important;
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  a.mobile-trigger, a.child-trigger {
      display: block ; /* Hide button on Desktop */
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal ul ul{
      display: none;
  }
  
    .hide-li .custom-menu-primary .hs-menu-wrapper > ul > li {
        display: none;
    }
    .hide-li .custom-menu-primary .hs-menu-wrapper > ul > li.clicked {
        display: block;
    }
    .hide-li-li .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li{
        display: none;
    }
    .hide-li-li .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li.clicked{
        display: block;
    }
    .hide-li .custom-menu-primary .hs-menu-wrapper > ul{
        padding: 0;
    }
    .hide-li .custom-menu-primary .hs-menu-wrapper > ul > li.clicked > .child-trigger{
        display: none;
    }
    .hide-li .custom-menu-primary .hs-menu-wrapper > ul > li.clicked > a{
        display: none;
    }
    .hide-li .custom-menu-primary-feb .hs-menu-wrapper > ul > li.clicked > ul > li a[href="javascript:;"]{
        
    }

    .hide-li.hide-li-li .custom-menu-primary .hs-menu-wrapper > ul > li.clicked > a{
        display: none;
    }
    .hide-li.hide-li-li .custom-menu-primary .hs-menu-wrapper > ul > li.clicked > ul > li > a,
    .hide-li.hide-li-li .custom-menu-primary .hs-menu-wrapper > ul > li.clicked > ul > li > .child-trigger{
        display: none;
    }
    .custom-menu-primary.visible-phone {
      background: rgba(28, 126, 126, 0.95) none repeat scroll 0 0;
    }
    .custom-menu-primary .hs-menu-wrapper > ul ul {
      background: transparent !important;
      margin-top: 0;
    }
    .custom-menu-primary .hs-menu-wrapper > ul ul li a {
        color:#fff;
    }
    .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover {
        color:#fff;
        background:transparant;
    }
}








/* ==========================================================================


   4. TEMPLATE MODULE SELECTORS                                         


   ========================================================================== */





/* Common Template Selectors                                             
   ========================================================================== */

body.one-column {}
body.two-column {}
body.three-column {}
.content-wrapper {}
.main-content {}
.sidebar{}
.sidebar.right{}
.sidebar.left{}

/* Common One Column Selectors */
body.site-page.one-column, 
body.landing-page.one-column, 
body.error-template.one-column, 
body.password-template.one-column, 
body.subscription-template.one-column {}

body.site-page.one-column .main-content, 
body.landing-page.one-column .main-content, 
body.error-template .main-content, 
body.password-template .main-content, 
body.subscription-template .main-content {}

/* Common Two Column Selectors */
body.site-page.two-column, 
body.landing-page.two-column, 
body.blog {}  

body.site-page.two-column .main-content, 
body.landing-page.two-column .main-content, 
body.blog .blog-content {}

/* Common Three Column Selectors */
body.site-page.three-column, 
body.landing-page.three-column {}

body.site-page.three-column .main-content, 
body.landing-page.three-column .main-content {}


/* Site Pages                                            
   ========================================================================== */

/* One Column Template */
body.site-page.one-column {}
body.site-page.one-column .content-wrapper {}
body.site-page.one-column .main-content {}

/* Two Column Template */
body.site-page.two-column {}
body.site-page.two-column .content-wrapper {}
body.site-page.two-column .main-content {}
body.site-page.two-column .sidebar.right {}

/* Three Column Template */
body.site-page.three-column {}
body.site-page.three-column .content-wrapper {}
body.site-page.three-column .main-content {}


/* Landing Pages                                           
   ========================================================================== */

/* One Column Template */
body.landing-page.one-column {}
body.landing-page.one-column .content-wrapper {}
body.landing-page.one-column .main-content {}

/* Two Column Template */
body.landing-page.two-column {}
body.landing-page.two-column .content-wrapper {}
body.landing-page.two-column .main-content {}
body.landing-page.two-column .sidebar.right {}

/* Three Column Template */
body.landing-page.three-column {}
body.landing-page.three-column .content-wrapper {}
body.landing-page.three-column .main-content {}


/* System Pages                                          
   ========================================================================== */

/* Error Templates 404, 500 */
body.error-template.one-column {}
body.error-template.one-column .content-wrapper {}
body.error-template.one-column .main-content {}

/* Password template */
body.password-template.one-column {}
body.password-template.one-column .content-wrapper {}
body.password-template.one-column .main-content {}

/* Email Subscribition templates */
body.subscription-template.one-column {}
body.subscription-template.one-column .content-wrapper {}
body.subscription-template.one-column .main-content {}








/* ==========================================================================


   5. COS COMPONENTS                                        


   ========================================================================== */





/* ==========================================================================
   Blog                                         
   ========================================================================== */
.custom-blog-banner {
  border-bottom: 1px solid #30b5b5;
}

/* Blog Post and Listing Body Class */
body.blog {
   font-size:16px;
   line-height: 24px;
   font-family:Open Sans,sans-serif;
   font-weight:normal;
   background:#F7F7F7;
   
}

/* Blog Post */
body.hs-blog-post {}

/* Blog Listing */
body.hs-blog-listing {}


/* Blog Columns Wrapper */
.blog .content-wrapper {}


.blog-content {
    padding: 30px 0 20px 0;
}

.blog-sidebar {
    padding: 30px 0 20px 0;
}

/* Blog Content Column
   ========================================================================== */
.blog-content{}
.hs-blog-post .blog-post-wrapper .cell-wrapper {
  padding: 10px 2% 15px;
  background: #FCFCFC;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}

/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper {}

.blog .custom-blog-contant {
  padding: 138px 0 0 0;
}
.blog .custom-banner {
    background-position: center bottom;
    background-size: cover;
    min-height: 385px!important;
}
.blog .custom-blog-contant h1{
    text-align: center;
    text-shadow: 0 0 3px #FFFFFF, 0 0 8px #FFFFFF, 0 0 10px #FFFFFF, 0 0 12px #FFFFFF, 0 0 14px #FFFFFF, 0 0 16px #FFFFFF, 0 0 18px #FFFFFF, 0 0 20px #FFFFFF, 0 0 24px #FFFFFF, 0 0 28px #FFFFFF, 0 0 32px #FFFFFF, 0 0 36px #FFFFFF, 0 0 40px #FFFFFF, 0 0 44px #FFFFFF, 0 0 48px #FFFFFF, 0 0 65px #FFFFFF;
    color: #28B2B2;
    font-family: Montserrat, sans-serif;
    font-size: 50px;
    line-height: 50px;
    font-weight: normal;
}

.blog .custom-blog-contant span {
    display: block;
    line-height: 72px;
}

.blog .secondary-header {
  color: #999;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin: -8px 0 20px 0px !important;
  text-shadow: rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 8px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 12px, rgb(255, 255, 255) 0px 0px 14px, rgb(255, 255, 255) 0px 0px 16px, rgb(255, 255, 255) 0px 0px 18px, rgb(255, 255, 255) 0px 0px 20px, rgb(255, 255, 255) 0px 0px 24px, rgb(255, 255, 255) 0px 0px 28px, rgb(255, 255, 255) 0px 0px 32px, rgb(255, 255, 255) 0px 0px 36px, rgb(255, 255, 255) 0px 0px 40px, rgb(255, 255, 255) 0px 0px 44px, rgb(255, 255, 255) 0px 0px 48px, rgb(255, 255, 255) 0px 0px 65px;
}
/* Blog Title */
.hs-blog-header h1 {
  color: #28B2B2;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 45px;
  margin: 0 0 15px 0;
  padding-right: 12px;
}
.post-header h2 a {
  font-size: 24px;
  font-weight: 400;
  margin: 10px 0;
  padding: 0;
}

.post-header h1{
    color: #28B2B2;
    font-family: Montserrat, sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 45px;
    margin: 0 0 15px 0;
    background-color: #F7F7F7;
    display: inline-block;
    padding-right: 12px;
}
/* Blog Post Title */
.post-header {
    border-bottom: 1px solid #208d8d;
    margin-bottom: 10px;
}
.hs-blog-post .post-header{
    border-bottom: none;
}
.post-header h2 {
    color: #999;
    font-size: 24px;
    font-weight: normal;
    line-height: 36px;
    margin: 10px 0;
}

/* Blog Author and Avatar */
#hubspot-author_data {
    color: #1F8B8B;
    font-family: Montserrat, sans-serif;
    font-size: 14.39px;
    font-weight: normal;
    line-height: 21.59px;
    margin-bottom: 8px;
}

#hubspot-author_data a.author-link {
    color: #1f8b8b;
}
#hubspot-author_data .hs-author-avatar {}
#hubspot-author_data .hs-author-avatar img {
 height: auto !important;
 max-width: 100%;
}

.hs-blog-post #hubspot-author_data {
    color: #28B2B2;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.hs-blog-post #hubspot-author_data a.author-link {
    color: #28B2B2;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px 
}
.hs-blog-listing .post-banner-image {
    float: left;
}

.hs-blog-listing .post-banner-image img {
  width: 150px;
  margin-bottom: 8px;
  float: left;
  margin-right: 8px;
}

.custom-content {
  padding: 10px 2%;
  background-color: #1F8B8B;
}

.custom-content a{
    color: #45ECEC;
    display: inline-block;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    padding: 0 4px 0 1px;
}

.custom-content a:after{
    content: "\e9e3";
    font-size: 20px;
    line-height: 0;
    position: relative;
    top: 5px;
    color: #45ECEC;
    font-family: 'icomoon-ult' !important;
}
.custom-content a:hover{
    color: #fff;
}

.custom-content h1{
    color: #FFF;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    display: inline-block;
    line-height: 24px;
}

.custom_blogcontent > hr{
    display: none;
}

.hs-blog-post .widget-type-blog_comments {
  padding: 10px 2% 15px;
  background: #FCFCFC;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {
    background: #fcfcfc none repeat scroll 0 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    display: block;
    margin-bottom: 10px;
    padding: 1px 2% 15px;
}
.blog-listing-wrapper .post-listing .post-item .post-body {}
.blog-post-wrapper .post-body {}

/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {}
.hs-featured-image-wrapper .hs-featured-image-link {}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
  border-width: 0;
  max-height: 170px;
  max-width: 210px;
  height: auto;
  width: auto;
  display: inline-block !important;
  float: right;
  margin: 20px 0 20px 20px;
}

/* Read More Link */
a.more-link {
  background-color: #28b2b2;
  border-radius: 0;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-family: "Open Sans",​sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  padding: 5px 25px;
  text-align: center;
  transition: all 0.5s ease 0s;
  float: right;
}
a.more-link:hover {
  background-color: #1e8585;
}
/* Blog Topics List */
#hubspot-topic_data {
    color: #28B2B2;
    font-weight: bold;
}

#hubspot-topic_data a.topic-link {
    color: #28B2B2;
    font-weight: normal;
    text-decoration: none;
}

#hubspot-topic_data a.topic-link:hover {
    text-decoration: none;
    color: #1C7E7E;
}
/** 
 * Blog Social Sharing icons
 *
 * Overrides defaults to better align icons and prevent overlapping 
 */

.hs-blog-social-share {
  padding: 10px 0 0 0;
  height: auto;
  margin-bottom: 15px;
  display: inline-block;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */

#comments-listing {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px;
}
.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }

/* Pagination */
.blog-pagination {}
.blog-pagination a {}
.previous-posts-link {
    color: #FFF !important;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
}
.previous-posts-link:hover {
      color: #45ECEC !important;
}
a.previous-posts-link:after {
    content: " | ";
    top: 0;
    color: #fff;
    left: 5px;
}
a.previous-posts-link:before{
  content: "\e0ec";
  font-size: 20px;
  line-height: 0;
  position: relative;
  top: 5px;
  color: #45ECEC;
  font-family: 'icomoon-ult' !important;
}

.blog-pagination a.all-posts-link {
    display: none;
}

.next-posts-link {
    color: #FFF !important;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    padding: 0 0 0 7px;
}

.next-posts-link:hover {
    color: #45ECEC !important;
}

a.next-posts-link:after{
   content: "\e0ea";
  font-size: 20px;
  line-height: 0;
  position: relative;
  top: 5px;
  color: #45ECEC;
  font-family: 'icomoon-ult'!important;
}

/** 
 * Blog Author Page 
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

.hs-author-profile {}
.hs-author-profile h2.hs-author-name {}
.hs-author-profile .hs-author-bio {}
.hs-author-profile .hs-author-avatar {}
.hs-author-profile .hs-author-avatar img {}
h3.hs-author-listing-header {}

/** 
 * Blog All Posts Page
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

body.hs-content-path-blog-all {}
div.post-listing-simple {}
div.post-listing-simple .post-item {}
h2.post-listing-simple {}
h2.post-listing-simple a {}


/* Blog Sidebar
   ========================================================================== */

.blog .blog-sidebar {}
.blog .blog-sidebar .cell-wrapper {}

.blog .blog-sidebar .cell-wrapper h3 {
  background: #28b2b2 none repeat scroll 0 0;
  border-bottom: 3px solid #dfdfdf;
  color: #fff;
  display: block;
  font-family: "Open Sans",sans-serif;
  font-size: 22px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
}
.blog .blog-sidebar .cell-wrapper ul {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 3px -1px #929292;
  list-style: outside none none;
  margin: 0;
  padding: 10px 0;
}
.blog .blog-sidebar .cell-wrapper ul li {
  color: #28b2b2;
  display: block;
  line-height:19.2px;
  margin: 0 auto;
  padding:8px 23.1833px ;
  transition: background-color 0.5s ease 0s;
}
.blog .blog-sidebar .cell-wrapper ul li a {
    border-bottom: medium none;
    padding:7px 8px;
    color: #28b2b2;
    font-size:16px;
    font-weight: 600;
     display: block;
}
.blog .blog-sidebar .cell-wrapper ul li:hover {
  background-color: #dfdfdf;
}
.blog .blog-sidebar .cell-wrapper ul li:hover a {
  background-color: #28b2b2;
  border-bottom-color: transparent;
  border-radius: 5px;
  color: #ffffff;
  transition: background-color 0.5s ease 0s, color 0.5s ease 0s;
}
.blog .blog-sidebar .custom-why-scorpion h2 {
   background: #28b2b2 none repeat scroll 0 0;
  border-bottom: 3px solid #dfdfdf;
  color: #fff;
  display: block;
  font-family: "Open Sans",sans-serif;
  font-size: 22px;
  font-weight: bold;
  text-align: center; 
}
.blog .blog-sidebar .custom-why-scorpion ul{
    padding: 25px 0;
}
.blog .blog-sidebar .custom-why-scorpion ul li {
    padding: 8px 8% 0;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    margin: 0 auto;
}

.blog .blog-sidebar .custom-why-scorpion ul li:hover {
    background-color: #dfdfdf;
    padding-bottom: 8px;
}
.blog .blog-sidebar .custom-why-scorpion ul li a {
    padding: 10px 12px 18px 12px;
    border-bottom: 1px solid #DFDFDF;
    text-align: center;
}

.blog .blog-sidebar .custom-why-scorpion ul li:hover a {
    background-color: #28B2B2;
    color: #FFFFFF;
    border-radius: 5px;
    border-bottom-color: transparent;
    padding-bottom: 10px;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    -moz-transition: background-color 0.5s ease, color 0.5s ease;
    -o-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
}

.blog .blog-sidebar .custom-follow-me ul li{
    display: inline-block;
      padding: 8px 16px;
}
.blog .blog-sidebar .custom-follow-me ul li a{
    padding: 5px 0;
    text-align: center;
    margin: 5px 0;
    color: #fff;
    display: inline-block;
}

.blog .blog-sidebar .custom-follow-me ul li:hover a{
    background-color: transparent;
}

.blog .blog-sidebar .icon {
    font-family: 'icomoon-ult';
    color: #FFFFFF;
    -webkit-transition: .25s ease;
    -moz-transition: .25s ease;
    -o-transition: .25s ease;
    transition: .25s ease;
}
.blog .blog-sidebar .facebook{
    background-color: #3C57A2;
    padding: 5px;
}
.blog .blog-sidebar .facebook:hover,
.blog .blog-sidebar .twitter:hover,
.blog .blog-sidebar .google-plus:hover,
.blog .blog-sidebar .email-3:hover,
.blog .blog-sidebar .plus-9:hover{
    background-color: #5A5A5A;
}

.blog .blog-sidebar .twitter{
  background-color: #00A8E8;
  padding: 5px;
}

.blog .blog-sidebar .google-plus{
    background-color: #DD4B38;
    padding: 5px;
}
.blog .blog-sidebar .email-3{
    background-color: #2F70B0;
    padding: 5px;
}
.blog .blog-sidebar icon.email-3:before {
  content: "\eb05";
  font-family: 'icomoon-ult';
  display: inline-block;
}

.blog .blog-sidebar .plus-9{
    background-color: #28B2B2;
    padding: 5px;
}

.blog .blog-sidebar icon.plus-9:before {
  content: "\f0d6";
  font-family: 'icomoon-ult';
  display: inline-block;
}

.blog .blog-sidebar .custom-follow-me h2{
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0px 0;
    text-align: center;
    background: #28B2B2;
}

/* Blog Modules */

.blog .blog-sidebar .widget-span {
    margin: 0 0 20px 0;
}

.blog .custom-body-link-bg{
    border-top: 1px solid #DFDFDF;
    background-image: -webkit-linear-gradient(top,#FFFFFF 85%,#C4C4C4);
    background-image: -moz-linear-gradient(top,#FFFFFF 85%,#C4C4C4);
    background-image: -o-linear-gradient(top,#FFFFFF 85%,#C4C4C4);
    background-image: linear-gradient(to bottom,#FFFFFF 85%,#C4C4C4);
    padding: 40px 0 54px;
}

.custom-body-heading h2{  
    color: #28B2B2;
    font-family: Montserrat, sans-serif;
    font-size: 50px;
    font-weight: normal;
    margin: 0 0 54px 0;
    text-align: center;
}

.custom-body-links{
    background: #3099d7;
    margin-bottom: 19px;
    box-shadow: 0 2px 1px #BDBDBD;
}

.custom-body-links a {
  padding: 8px 20px 11px;
}

.custom-body-link a{
    color: #FFF;
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 28.79px;
    padding: 11px 20px;
    text-decoration: none;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;

}

.custom-body-link a:hover {
  padding-left: 30px;
  color: #fff;
}

.custom-body-link img {
    margin-right: 20px;
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
}



.custom-body-link1{
    background: #f35958;
    margin-bottom: 20px;
    box-shadow: 0 2px 1px #BDBDBD;
}

.custom-body-link2{
    background: #8667ab;
    margin-bottom: 20px;
    box-shadow: 0 2px 1px #BDBDBD;
}

.custom-body-link3{
    background: #f18345;
    margin-bottom: 20px;
    box-shadow: 0 2px 1px #BDBDBD;
}

.custom-body-link4{
    background: #64cb66;
    margin-bottom: 20px;
    box-shadow: 0 2px 1px #BDBDBD;
}

.custom-body-link5{
    background: #FAC060;
    margin-bottom: 20px;
    box-shadow: 0 2px 1px #BDBDBD;
}

.custom-social {
  background: #fff;
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 3px -1px #929292;
  list-style: outside none none;
  margin: 0;
  padding: 10px 0;
  text-align: center;
}

.custom-social a {
  padding: 8px 8%;
}

.custom-social a:hover {
    background-color: #dfdfdf;
}

.custom-social .hs_cos_wrapper_type_social_sharing {
  padding: 10px 0;
  display: block;
}
/* ==========================================================================
   Forms
   ========================================================================== */


/* All Global Forms
   ========================================================================== */

/* Form Field */
body .hs-form-field {}

/* Descriptions */
body .hs-field-desc {}

/* Labels */
body label {}
body .hs-form-field > label {}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
    background-color: #f8f8f8;
    border: 1px solid #e2e2e2;
    box-shadow: 0 0 35px 0 #e2e2e2 inset;
    color: #28b2b2;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 1em;
    line-height: 1;
    margin: 0 0 10px;
    outline: medium none;
    overflow: auto;
    padding: 8px 15px;
    resize: none;
    width: 100%;
    max-width:500px;
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {}

/* Separate Styles for Multiple Line Inputs */
body textarea {}
body textarea:focus {}

/* Separate Styles for Drop Downs */
body select {}
body select:focus {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
   /* color: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}


/* Form Module
   ========================================================================== */

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {}

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}


/* Blog Comment Form
   ========================================================================== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {}
#comment-form input[type="text"]:focus {}

#comment-form textarea {}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}

/* Error */
body .hs-common-error-message {}


/* Blog Subscription Form
   ========================================================================== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
width: auto;
margin-right: 10px;
}


/* Google Search Form
   ========================================================================== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}


/* Multi Column Form
   ========================================================================== */

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}
body form.hs-form fieldset { max-width: none; }
body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  body form.hs-form fieldset .hs-form-field { padding: 0; }
  body form.hs-form fieldset.form-columns-3 .hs-form-field,
  body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}




/* ==========================================================================
   Buttons                                              
   ========================================================================== */


/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 34px;
    padding: 10px 25px;
    transition: color 0.5s ease 0.2s, opacity 1s ease 4.9s;
    z-index: 5;
    cursor: pointer;
    text-decoration: none !important;
    background-color: #27aeae;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.35), 0 0 20px rgba(22, 153, 153, 0.3);
    color: #ffffff;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-align: center;
    border: medium none;
    margin: 10px 0 20px 0;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
    background-color:#fff;
    color: #27aeae;
}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}


/* Form Module Button
   ========================================================================== */

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* CTA Buttons
   ========================================================================== */

/** 
 * Override global CTA styles by wrapping the CTA module in a module group 
 * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
 *
 * All overriding properties require !important tags. 
*/
#module-group-ID .cta_button {}
#module-group-ID .cta_button:hover {}
#module-group-ID .cta_button:focus {}








/* ==========================================================================


   6. MISCELLANOUS                                        


   ========================================================================== */





/** 
 * Styles that do not fit into available sections above can go here.
 * For example, one would place 3rd party plugin overriding styles here.
 *
 * This section is NOT for 'Custom' styles.  All custom styles must go in the
 * proper sections above.
 *
 * For instance, custom header and footer styles must go in the HEADER and 
 * FOOTER sections.  Custom styles for anything in-between the header and footer 
 * (such as, styles that are unique to the HOMEPAGE only), must go in the 
 * CONTENT section.
*/ 








/* ==========================================================================


   7. MOBILE MEDIA QUERIES                              


   ========================================================================== */



   

/* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */
   @media (min-width: 1281px) and (max-width: 1580px) {
       .custom-menu-primary .hs-menu-wrapper>ul {
      margin-left: 0;
    }
    .custom-menu-primary .hs-menu-wrapper>ul>li>a {
      padding: 6px 10px;
      }
    /*.custom-contact-us .number {
      padding-right: 71px;
    }*/
   }
   
@media (min-width: 861px) and (max-width: 1420px) {
    .custom-menu-primary{
        padding-right: 220px;
    }
    
    .custom-menu-primary .hs-menu-wrapper > ul > li{
        max-width: 13.5%;
    }
}

@media (min-width: 861px) and (max-width: 1280px) {
    .custom-header-top {
      background-color: #fff;
      background-image: none;
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
      padding: 20px 10px 10px;
    }
    .custom-logo {
      margin: -10px 0 12px 0 !important;
    }
    .custom-logo img {
      min-width: 284px;
    }
    .custom-logo .logo_1 {
      display: none;
    }
    .custom-logo .logo_2 {
      display: block;
    }
    .custom-menu-primary {
      display: block !important;
      margin: 0 !important;
      padding: 0;
      width: 100% !important;
    }
    .custom-menu-primary .hs-menu-wrapper > ul,
    .scroll-header .custom-menu-primary .hs-menu-wrapper > ul {
        margin-left: 0;
        margin-top: 5px;
        display: table;
        width: 100%;
    }
    .scroll-header .custom-menu-primary .hs-menu-wrapper > ul {
      margin-left: 0;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li {
        display: table-cell;
        float: none !important;
        text-align: center;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li > a {
        color: #999;
        display: block;
        width: 100%;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li:after {
      background-color: #28b2b2;
    }
    .custom-contact-us .number,
    .scroll-header .custom-contact-us .number {
      float: right !important;
      margin-top: 0;
      position: absolute;
      right: 20px;
      top: 35px;
      padding-right:0;
    }
    .scroll-header .custom-contact-us .number {
      right: 10px;
      top: 3px;
    }
    .scroll-header .custom-header-top {
      background-color: #fff;
      background-image: none;
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
      padding: 20px 10px 10px;
      z-index:9;
    }
    
    .custom-contact-us .number .phone-link {
      color: #999;
    }
    .body-container .page-center {
      padding: 0 11px;
    }
    .custom-footer-top .page-center {
      padding: 0 15px;
    }
    .custom-footer-bottom .page-center {
      padding: 41px 15px 38px;
    }
    .custom-footer-middle-contant span {
      padding: 0 0 3px;
      text-align: center;
    }
    .blog .custom-blog-contant {
        padding: 229px 0 0 0;
    }
    
    .custom-body-link-bg .page-center {
        padding: 0 !important;
    }
    .blog .custom-body-link-bg {
        padding: 40px 0 80px;
    }
    
    .custom-social a {
        padding: 8px 7%;
    }
    
}

@media (min-width: 943px) and (max-width:1024px) {
   .blog .blog-sidebar .custom-follow-me ul li {
        padding: 8px 4.5%;
    }
}


@media (min-width: 861px) and (max-width: 942px) {
    .custom-footer-map .third, .custom-footer-map .lbl {
      line-height: 20px;
      text-align: center;
    }
    .custom-footer-fax .third {
      margin-left: -18px;
      text-align: left;
    }
    .custom-contact-us .number,
    .scroll-header .custom-contact-us .number {
      padding-right:0;
    }
    .blog .blog-sidebar .custom-follow-me ul li {
        padding: 8px 4%;
    }
    
    .custom-body-link-bg .page-center {
        padding: 0 1.5% !important;
    }
    
    
    
}

/* Landscape tablet and smaller devices
   ========================================================================== */
@media (max-width: 860px) {
    .custom-header-top {
      background-color: #ffffff;
      background-image: none;
      position: static;
      width: 100% !important;
      padding: 20px 20px 0;
    }
    .custom-banner {
      min-height: 430px !important;
    }
    .section-header-contant {
      padding: 115px 0 20px;
      text-align: center;
    }
    .custom-mobile-menu {
      background: #28b2b2 none repeat scroll 0 0;
      display: block !important;
      position: relative;
    }
    .custom-logo .logo_1 {
      display: none;
    }
    .custom-logo .logo_2 {
      display: block;
    }
    .custom-logo img {
      margin-bottom: 16px;
      margin-top: -10px;
      min-width: 284px;
    }
    .custom-contact-us .number, 
    .scroll-header .custom-contact-us .number {
      float: right !important;
      margin-top: 0;
      position: absolute;
      right: 20px;
      top: 43px;
    }
    .body-container .page-center {
      padding: 15px;
    }
    .custom-contact-us .number .phone-link {
      color: #999;
    }
    .hidden-phone {
      display: none !important;
    }
    .custom-menu-primary.visible-phone {
        display: block !important;
    }
    .custom-mobile-menu ul.mobile-nav {
      background: #28b2b2 none repeat scroll 0 0;
      display: block;
      margin: 0 -20px !important;
      padding: 0;
    }
    .custom-mobile-menu .mobile-nav li {
      border-right: 1px solid #fff;
      display: inline-block;
      padding: 7px 0 11px;
      text-align: center;
      width: 25%;
    }
    .custom-mobile-menu .mobile-nav a {
      color: #fff;
      font-size: 16px;
      font-weight: normal;
      padding: 10px 15px;
      text-transform: uppercase;
    }
    icon.phone-12::before {
      content: "";
    }
    icon.email-2::before {
      content: "";
    }
    icon.map-marker::before {
      content: "";
    }
    .custom-mobile-menu .mobile-nav a icon {
      margin-right: 8px;
    }
    .custom-menu-primary.js-enabled {
      float: none;
      margin: 0;
      max-width: 100%;
      min-width: 100%;
      padding-top: 36px;
      position: relative;
    }
    .custom-footer-top .page-center {
      padding: 0 15px;
    }
    .custom-footer-bottom .page-center {
      padding: 41px 15px 42px;
    }
    .custom-footer-middle-contant span {
      padding: 0;
      text-align:center;
    }
    .custom-footer-map .third, 
    .custom-footer-map .lbl {
      line-height: 20px;
      text-align: center;
    }
    .custom-footer-fax .third {
      line-height: 20px;
      margin-left: 0;
      text-align: center;
    }
    .custom-contact-us .number {
      padding-right: 0;
    }
    .blog .custom-blog-contant {
        padding: 15px 0 0 0;
    }
    .blog .custom-blog-contant span {
        display: inline-block;
        line-height: 50px;
    }
    .blog .secondary-header {
        margin: -4px 0 20px 0!important;
    }
    .blog .custom-blog-contant h1 {
        font-size: 22px;
        line-height: 27px;
    }
    .custom-banner-width{
        background-color: rgba(255,255,255,0.7);
    }
    .blog .custom-banner {
        min-height: 378px!important;
    }
    .blog-content {
        width: 100% !important;
    }
    .blog .blog-sidebar {
        width: 100%;
        margin: 0 !important;
    }
    .blog .blog-sidebar .custom-follow-me ul li {
        display: inline-block;
        padding: 8px 7.9% !important;
    }
    .blog .blog-sidebar .custom-follow-me ul li a {
        padding: 5px 0 !important;
    }
    .blog .blog-sidebar .cell-wrapper ul li {
        padding: 8px 8% 10px;
    }
    .blog .blog-sidebar .cell-wrapper ul li a {
        padding: 5px 8px 0px;
    }
    
    .blog .blog-sidebar .custom-why-scorpion ul li a {
    padding: 10px 12px 18px 12px;
    }
    
    .blog .blog-sidebar .custom-why-scorpion ul li:hover {
        padding-bottom: 8px;
    }
    .blog .blog-sidebar .custom-why-scorpion ul li:hover a {
        padding-bottom: 10px;
    }
    .blog .blog-sidebar .custom-why-scorpion ul li {
        padding: 8px 8% 0;
    }
    
    .custom-body-link-bg .page-center {
        padding: 0 1.5% !important;
    }
    
    .blog .custom-body-link-bg {
        padding: 15px 0 20px;
    }
    .custom-body-link {
        width: 100% !important;
        margin-bottom: 10px;
        margin-left: 0 !important;
    }
    .custom-body-heading h2 {
        margin: 0 0 10px 0;
    }
    .custom-body-links a {
        padding: 7px 20px 11px !important;
    }
    .custom-body-links a:hover {
        padding-left: 30px !important;
        color: #fff !important;
    }
    .scroll-header .custom-menu-primary {
        position: absolute;
    }
    .blog .custom-blog-contant span {
        display: inline-block;
        line-height: 50px;
    }
}


@media (max-width: 767px) {
    .body-container .page-center {
      padding: 10px;
    }
    .custom-footer-bottom .page-center {
      padding: 16px 11.5px;
    }
    .custom-footer-contact-us .third {
      text-align: center;
      padding: 11px 0 0;
    }
    .custom-footer-map .third {
      margin-left: 0;
      text-align: center;
    }
    .custom-footer-fax .third {
      text-align: center;
    }
    .custom-footer-middle-contant span {
      padding: 0;
    }
    .custom-footer-map .third, 
    .custom-footer-map .lbl {
      padding: 20px 0;
    }
    .custom-footer-fax .third, 
    .custom-footer-fax span {
      padding: 0 0 10px;
    }
    .custom-footer-middle-contant {
      padding: 13px 0 10px;
      text-align: center;
    }
    .custom-footer-right-contant p {
      text-align: center;
      padding: 12px 0 10px;
    }
    .custom-footer-left-contant p, 
    .custom-footer-right-contant p {
      text-align: center;
      padding: 10px 0;
    }   
    .mobile-icon {
      right: 60px;
    }
    body input[type="text"],
    body input[type="password"], 
    body input[type="datetime"], 
    body input[type="datetime-local"], 
    body input[type="date"], 
    body input[type="month"], 
    body input[type="time"], 
    body input[type="week"], 
    body input[type="number"], 
    body input[type="email"], 
    body input[type="url"], 
    body input[type="search"], 
    body input[type="tel"], 
    body input[type="color"],
    body input[type="file"],
    body textarea,
    body select {
        max-width:100%;
        display:inline-block;
    }
    .hs-form{
        margin-bottom:20px;
    }
    .blog .blog-sidebar {
        padding-top: 20px;
    }
    .blog .blog-sidebar .custom-why-scorpion ul li {
        margin: 0px 0 0;
        padding: 8px 8% 0;
    }
    .blog .blog-sidebar .custom-why-scorpion ul li a {
        text-align: center;
        padding: 10px 12px 18px 12px;
    }
    .blog .blog-sidebar .cell-wrapper ul li{
        padding: 8px 8% 10px;
    }
    .blog .blog-sidebar .custom-follow-me ul li {
        display: inline-block;
        padding: 8px 7.6% !important;
    }
    .blog .blog-sidebar .custom-follow-me ul li a {
        padding: 5px 0 !important;
    }
    .blog .blog-sidebar .cell-wrapper ul li {
        padding: 8px 8% 10px;
    }
    .blog .blog-sidebar .cell-wrapper ul li a {
        padding: 5px 8px 0px;
    }
    
    .blog .blog-sidebar .custom-why-scorpion ul li a {
        padding: 10px 12px 18px 12px;
    }
    
    .blog .blog-sidebar .custom-why-scorpion ul li:hover {
        padding-bottom: 8px;
    }
    .blog .blog-sidebar .custom-why-scorpion ul li:hover a {
        padding-bottom: 10px;
    }
    .blog .blog-sidebar .custom-why-scorpion ul li {
        padding: 8px 8% 0;
    }
}

@media (max-width: 660px) {
    .header-container-wrapper .page-center {
      padding-right: 0 !important;
    }
    .custom-logo img {
      min-width: 279px;
    }
    .custom-banner {
      min-height: 300px !important;
    }
    .section-header-contant {
      padding: 52px 0 20px;
    }
    .section-header-contant h1 {
      font-size: 28px;
    }
    .section-header-contant p {
      font-size: 16px;
    }
    .custom-logo .logo_1 {
        display: none;
    }
    .custom-logo .logo_2 {
      display: block;
    }
    .custom-mobile-menu .mobile-nav li {
      padding: 10px 0;
    }
    .custom-mobile-menu .mobile-nav span {
      display: none;
    }
    .custom-mobile-menu .mobile-nav a icon {
      font-size: 24px;
      margin-right: 0;
    }
    .mobile-icon {
        right: 22px !important; 
    }
    .mobile-trigger > span {
      display: none;
    }
    .mobile-trigger {
    }
    .mobile-icon::before {
      content: none;
    }
    .blog .blog-sidebar .custom-follow-me ul li {
        padding: 8px 7.1%!important;
    }
    .blog-listing-wrapper .post-listing .post-item {
        overflow: hidden;
    }
    
    .custom-body-heading h2 {
        font-size: 32px;
    }
    
}     

/* Landscape phones and smaller devices
   ========================================================================== */
@media (max-width: 550px) {
    .body-container .page-center {
      padding: 10px;
    }
    .custom-logo .logo_2 {
      display: block;
      text-align: center;
    }
    .custom-contact-us .number, .scroll-header 
    .custom-contact-us .number {
      float: none !important;
      margin-top: 0;
      position: static;
      right: 0;
      text-align: center;
      top: 0;
       margin: 15px 0 10px;
    }
    .mobile-trigger {
      right: -10px;
    }
    .mobile-icon {
        right: 0px !important; 
    }
    .custom-footer-top .page-center {
      padding: 0 11.5px;
    }
    .custom-footer-bottom .page-center {
      padding: 16px 11.5px;
    }
    .custom-footer-contact-us .third {
      text-align: center;
      padding: 11px 0 0;
    }
    .custom-footer-map .third {
      margin-left: 0;
      text-align: center;
    }
    .custom-footer-fax .third {
      text-align: center;
    }
    .custom-footer-middle-contant span {
      padding: 0;
    }
    .custom-footer-map .third, .custom-footer-map .lbl {
      padding: 20px 0;
    }
    .custom-footer-fax .third, .custom-footer-fax span {
      padding: 0 0 10px;
    }
    .custom-footer-middle-contant {
      padding: 13px 0 10px;
      text-align: center;
    }
    .custom-footer-right-contant p {
      text-align: center;
      padding: 12px 0 10px;
    }
    .custom-footer-left-contant p, 
    .custom-footer-right-contant p {
      text-align: center;
      padding: 10px 0;
    }  
    .custom-menu-primary {
        top: 246px; 
    }
    .mobile-icon {
        right: 0;
    }
    .blog .blog-sidebar .custom-follow-me ul li {
        padding: 8px 6.6%!important;
    }
    
}
@media (max-width: 479px) {
    .body-container .page-center {
      padding: 0 5px;
    }
    .custom-footer-top .page-center {
          padding: 0 11.5px;
        }
    .custom-footer-bottom .page-center {
      padding: 16px 11.5px;
    }
    .custom-footer-contact-us .third {
      text-align: center;
      padding: 11px 0 0;
    }
    .custom-footer-map .third {
      margin-left: 0;
      text-align: center;
    }
    .custom-footer-fax .third {
      text-align: center;
    }
    .custom-footer-middle-contant span {
      padding: 0;
    }
    .custom-footer-map .third, .custom-footer-map .lbl {
      padding: 20px 0;
    }
    .custom-footer-fax .third, .custom-footer-fax span {
      padding: 0 0 10px;
    }
    .custom-footer-middle-contant {
      padding: 13px 0 10px;
      text-align: center;
    }
    .custom-footer-right-contant p {
      text-align: center;
      padding: 12px 0 10px;
    }
    .custom-footer-left-contant p, 
    .custom-footer-right-contant p {
      text-align: center;
      padding: 10px 0;
    }  
    .mobile-icon {
      right: -10px !important;
    } 
    .blog .blog-sidebar .custom-follow-me ul{
        text-align: left;
    }
    .blog .blog-sidebar .custom-follow-me ul li {
        padding: 8px 4.5%!important;
    }
    .blog .custom-blog-contant {
        padding: 20px 0 0 0;
    }
    
    .blog .custom-blog-contant span {
        display: inline-block;
        line-height: 27px;
    }
    
    .blog .secondary-header {
        margin: 20px 0 20px 0!important;
    }
    .custom-social a {
        padding: 8px 7%;
    }
    
}




@media (max-width: 320px){
    .custom-menu-primary {
      top: 241px;
    }
    
}