/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
/****************************************/
/* HubSpot Style Boilerplate */
/****************************************/
/* These includes are optional, but helpful. */
/* Images */

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}
/*****************************************/
/* Start your style declarations here */
/*****************************************/
/*****************************************/
/* WEb Fonts Added here - starts */
/*****************************************/

@font-face { font-family: 'Assistant-ExtraLight'; src: url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-ExtraLight.eot'); src: url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-ExtraLight.woff2') format('woff2'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-ExtraLight.woff') format('woff'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-ExtraLight.ttf') format('truetype'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-ExtraLight.svg#Assistant-ExtraLight') format('svg'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-ExtraLight.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal;font-display: swap;}
@font-face { font-family: 'Assistant-Light'; src: url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Light.eot'); src: url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Light.woff2') format('woff2'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Light.woff') format('woff'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Light.ttf') format('truetype'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Light.svg#Assistant-Light') format('svg'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Light.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal;font-display: swap;}
@font-face { font-family: 'Assistant-Regular'; src: url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Regular.eot'); src: url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Regular.woff2') format('woff2'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Regular.woff') format('woff'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Regular.ttf') format('truetype'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Regular.svg#Assistant-Regular') format('svg'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Regular.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal;font-display: swap;}
@font-face { font-family: 'Assistant-SemiBold'; src: url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-SemiBold.eot'); src: url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-SemiBold.woff2') format('woff2'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-SemiBold.woff') format('woff'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-SemiBold.ttf') format('truetype'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-SemiBold.svg#Assistant-SemiBold') format('svg'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-SemiBold.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal;font-display: swap;}
@font-face { font-family: 'Assistant-Bold'; src: url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Bold.eot'); src: url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Bold.woff2') format('woff2'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Bold.woff') format('woff'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Bold.ttf') format('truetype'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Bold.svg#Assistant-Bold') format('svg'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-Bold.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal;font-display: swap;}
@font-face { font-family: 'Assistant-ExtraBold'; src: url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-ExtraBold.eot'); src: url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-ExtraBold.woff2') format('woff2'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-ExtraBold.woff') format('woff'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-ExtraBold.ttf') format('truetype'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-ExtraBold.svg#Assistant-ExtraBold') format('svg'), url('https://info.niagaranetworks.com/hubfs/fonts/Assistant-ExtraBold.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal;font-display: swap;}
/*****************************************/
/* WEb Fonts Added here - ends */
/*****************************************/


/*****************************************/
/* ------- css Reset starts ---------- */
/*****************************************/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;	font-family: 'Assistant-Regular';	text-decoration: none;	box-sizing: border-box}
strong{ font-family: 'Assistant-SemiBold'}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {	display: block}body {	line-height: 24px;	color:#000;	padding-top: 84px}ol, ul {	list-style: none}blockquote, q {	quotes: none}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none}table {	border-collapse: collapse;	border-spacing: 0}
/*****************************************/
/* ------- css Reset ends ---------- */
/*****************************************/
/******************************************************************/
/* ------- Common style starts here ( style guide ) ---------- */
/****************************************************************/
.text-extra-light{font-family: 'Assistant-ExtraLight'}.text-light{font-family: 'Assistant-Light'}.text-regular{font-family: 'Assistant-Regular'}.text-semi-bold{ font-family: 'Assistant-SemiBold'}.text-bold{ font-family: 'Assistant-Bold'}.text-extra-bold{ font-family: 'Assistant-ExtraBold'}
.ngr-page-wrapper{width: 100% !important;float: none !important; max-width: 1200px; margin: 0 auto !important; overflow: hidden; padding:0 15px}
.ngr-btn{ padding:5px 30px; font-size: 16px; border-width: 2px; border-style: solid; -webkit-border-radius: 30px; border-radius: 30px; line-height: 20px}
.ngr-btn-large{ font-size: 21px; line-height: 27px; padding: 7px 20px; border-width: 2px; border-style: solid; display: inline-block; -webkit-border-radius: 30px; border-radius: 30px; font-family: 'Assistant-SemiBold'}
.ngr-btn-medium{padding: 8px 40px; font-size: 18px; border-width: 2px; border-style: solid; -webkit-border-radius: 30px; border-radius: 30px; line-height: 25px}
.ngr-btn-small{ padding:3px 30px; font-size: 16px; border-width: 2px; border-style: solid; -webkit-border-radius: 30px; border-radius: 30px; line-height: 18px}
.ngr-easing,.ngr-easing:hover,.ngr-btn,.ngr-btn-large,.ngr-btn-medium,.ngr-btn:hover,.ngr-btn-large:hover,.ngr-btn-medium:hover, .hs-button.primary.large:hover{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.ngr-inner-page-banner-title{ font-family: 'Assistant-SemiBold'; font-size:45px; line-height:52px; float:left; width:100%}p.ngr-inner-page-banner-title {line-height:24px}
.banner-caption-inner-page .contact-us-cta {float: left;width: 100%;text-align: center;padding-top: 40px;}
.banner-caption-inner-page .contact-us-cta a {padding: 7px 22px;}
.ngr-section-title, .hs_cos_wrapper_type_header h1{ font-family: 'Assistant-Regular'; font-size:40px; line-height:47px; float:left; width:100%; margin:0 0 30px; padding:0}
.hs_cos_wrapper_type_header h1 { width: 100% !important; float: none !important; max-width: 1200px; margin: 0 auto !important; padding: 0 15px}.text-center{ text-align:center}.leadinModal .leadin-input-wrapper .gdpr-options p { padding-top: 20px}
/*--------- Border Colors -------------*/
.border-orange{ border-color:#ef4136}.border-white{border-color:#ffffff}.border-blue{ border-color:#081b59}
/*--------- Background Colors -------------*/
.bg-orange{background-color:#ef4136}.bg-white{background-color:#fff}.bg-blue{background-color:#081b59}.bg-sky-blue{background-color:#10a1dd}.bg-grey{background-color:#f5f6f9}
/*--------- Text Colors -------------*/
.text-orange{color:#ef4136}.text-white{color:#fff}.text-blue{color:#081b59}
.hover-orange:hover{background-color:#ef4136;border-color:#ef4136;color:#fff}.hover-white:hover{background-color:#fff;border-color:#fff;color:#ef4136}.hover-blue:hover{background-color:#081b59;border-color:#081b59;color:#fff}.hover-text-orange:hover{color:#ef4136}.hover-text-white:hover{color:#fff}.hover-text-blue:hover{color:#081b59}.hover-border-orange:hover{border-color:#ef4136}.hover-border-white:hover{border-color:#fff}.hover-border-blue:hover{border-color:#081b59}
/******************************************************************/
/* ------- Common style starts here ( style guide ) ---------- */
/****************************************************************/
/*--------- Header style starts here -------------*/
.header-container-wrapper {position: fixed;width: 100%;z-index: 1001;background: #fff;top: 0}
.ngr-header { float: left !important; width: 100% !important; border-bottom: 1px solid #8f8f8f; position: fixed; top: 0; z-index: 9999; background:#fff;  min-height: 76px !important;}
.ngr-logo a{ padding: 23px 0 14px; max-width: 221px; display: inline-block}
/* -- menu -- */
.ngr-main-menu { float: left !important; width: 100% !important; margin: 0 !important; max-width: 770px; text-align: right; padding: 23px 10px 0}
.ngr-main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { display: inline-block; padding: 10px 15px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; color: #081b59; font-size: 22px; border-bottom: 2px solid transparent; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.ngr-main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover { border-bottom: 2px solid #ef4136; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
/* -- search bar -- */
.menu-toggle-btn-wrapper { display: none !important}
.ngr-search { float: right!important; margin: -1px 0 0 0!important; padding: 0; position: relative; height: 1px; max-width: 1px}
.ngr-search.active { float: right!important; margin: 0!important; padding: 30px 0 0; position: relative; height: auto; max-width: 175px; width: 100% !important}
.ngr-search:after { content: ""; background: url(https://cdn2.hubspot.net/hubfs/1996821/search.png?t=1511518788217) no-repeat right bottom; width: 27px; height: 27px; position: absolute; right: 0; top: 31px; cursor: pointer}
.ngr-search.active:after { display:none}.ngr-search label { display: none}
.ngr-search a.hs-button.primary { width: 27px; height: 27px; text-indent: -9999px; background: url(https://info.niagaranetworks.com/hubfs/search.png) no-repeat center; float: right; cursor: pointer; display:none}
.ngr-search.active a.hs-button.primary { display:block}.ngr-search input[type="text"] { border: none; border-bottom: 2px solid #ef4136; position: absolute; right: 27px; line-height: 27px; width: 0; padding: 0}
.ngr-search.active input[type="text"] { width: calc(100% - 27px); padding: 0 5px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.ngr-search input[type="text"]:focus{ outline:0}
@media(max-width: 1220px) { .ngr-main-menu{ max-width: 665px } .ngr-main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { padding: 5px 13px; font-size: 18px }}
@media(max-width: 1170px) {
body {	padding-top: 74px }.ngr-logo { max-width: 160px }.ngr-main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {padding: 5px 10px;font-size: 17px}.ngr-main-menu { max-width: 625px }.ngr-search.active { padding: 22px 0 0 }
}
@media(max-width: 1024px) {
.ngr-main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {padding: 5px 10px;font-size: 17px }.ngr-search.active { padding: 22px 0 0 }
}
@media(max-width: 990px) {
body {	padding-top: 65px }.ngr-header {min-height: 68px !important; }
.ngr-header .ngr-main-menu { position: absolute; top: 65px; left: 0; padding: 12px 0; background-color: #fff; max-width: inherit; border-bottom: 1px solid #081b59; display:none; z-index: 1; max-height: 70vh; overflow-y: auto }
.ngr-main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul { display: block; width: 100% }.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { float: left; width: 100%; text-align: left }
.ngr-main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { padding: 10px 15px; font-size: 18px; border-bottom: 1px solid #ddd; display: block; width: 100%; max-width: inherit }
.ngr-main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover { border-bottom:1px solid #ddd }
.ngr-main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .ngr-main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover{ -webkit-transition: all 0.0s linear; -moz-transition: all 0.0s linear; -ms-transition: all 0.0s linear; -o-transition: all 0.0s linear; transition: all 0.0s linear }
.ngr-main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-child a { border-bottom:none }.ngr-search.active { padding: 16px 0 0; width: 50%; max-width: 170px; margin: 0 !important }
.menu-toggle-btn-wrapper { display: block !important; margin: 0; width: 50px !important; float: right !important; padding: 20px 0 0 }
.menu-toggle-btn-wrapper a#menu-toggle-btn { width: 40px; height: 20px; display: inline-block; position: relative; border-bottom: 2px solid #222850; cursor: pointer }
.menu-toggle-btn-wrapper a#menu-toggle-btn:before { content: ""; width: 100%; height: 2px; background-color: #222850; position: absolute; top: 48% }
.menu-toggle-btn-wrapper a#menu-toggle-btn:after { content: ""; width: 100%; height: 2px; background-color: #222850;position: absolute; top: 0; left: 0 }
.ngr-logo { max-width: 160px; padding: 20px 0 }.ngr-search { margin: -15px 0 0 0!important }.ngr-header .ngr-page-wrapper{ overflow: visible }
}
@media(max-width: 768px) {
.ngr-search { margin: -15px 25px 0 0!important }.ngr-search.active { margin: 0 25px 0 0 !important }
}
@media(max-width: 480px) {
.ngr-search.active input[type="text"] { width: 200px; padding: 0 5px; -webkit-transition: all .0s linear; -moz-transition: all .0s linear; -ms-transition: all .0s linear; -o-transition: all .0s linear; transition: all .0s linear; top: 64px; right: 0; line-height: 35px; border: 2px solid #ef4136 }
.ngr-search input[type="text"] { -webkit-transition: all .0s linear; -moz-transition: all .0s linear; -ms-transition: all .0s linear; -o-transition: all .0s linear; transition: all .0s linear }
.ngr-search.active { position: static; max-width: 35px; margin-right: 18px !important }.ngr-search { margin-right: 18px !important }
}
/*--------- Header style ends here -------------*/
/*--------- Footer style starts here -------------*/
.footer-outer { float: left; width: 100%; background-color: #dfe2ec; padding: 75px 0 0px}.footer-mid-section { margin: 0 !important}.footer-right-section { margin: 0 !important; float:right !important}
.footer-mid-section h2 { font-size: 18px; color: #081b59; float: left; width: 100%; padding: 0; margin: 0 0 10px; font-family: 'Assistant-SemiBold'}
.footer-mid-section p { color: #081b59; font-size: 15px; line-height: 20px; padding: 0 0 25px; margin: 0}.footer-mid-section .widget-type-raw_jinja, .social_icon { float: left; width: 100%}
.footer-mid-section .widget-type-raw_jinja ul, .social_icon ul{ float: none; width: 100%; margin: 0 auto; padding: 30px 0 0 0; text-align: center; display: table}
.footer-mid-section .widget-type-raw_jinja ul li, .social_icon ul li { float: none; width: auto; padding-right: 5px; margin-bottom: 10px; display: inline-block; text-align: center}
.footer-mid-section .widget-type-raw_jinja ul li:last-child, .social_icon ul li:last-child{ padding-right: 0}
.footer-mid-section .widget-type-raw_jinja ul li a, .social_icon ul li a { display: inline-block; width: 40px; height: 40px; border: 1px solid #081b59; font-size: 22px; line-height: 40px; text-align: center; border-radius: 50%; color: #081b59; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear}
.footer-mid-section .widget-type-raw_jinja ul li a:hover{ color: #ef4136; border-color: #ef4136; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear}
.footer-mid-section .widget-type-raw_jinja ul li:first-child a, .social_icon ul li:first-child a{ line-height: 38px; text-indent: 1px}.footer-menu-wrapper{ float:left; width:100%}
.footer-menu-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul { float: left; width: 100%}.footer-menu-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li { display: inline-block; width: auto}
.footer-menu-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { display: inline-block; padding: 0px 15px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; border-right: 1px solid #ef4136; color: #081b59; font-size: 16px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.footer-menu-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover { color:#ef4136; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.footer-menu-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-child a{ border:none}.footer-menu-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:first-child a{ padding-left:0}
.footer-mid-section .footer-navigation-wrapper ul { padding: 0}.footer-mid-section .footer-navigation-wrapper ul li { padding-right: 0px; margin-bottom: 7px}
.footer-mid-section .footer-navigation-wrapper ul li a{ display: inline-block; width: inherit; height: inherit; border: none; font-size: 16px; line-height: 22px; text-align: left; border-radius: inherit; color: #081b59; border-right: 1px solid #ef4136; padding: 0 15px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.footer-mid-section .footer-navigation-wrapper ul li:first-child a { line-height: inherit; text-indent: inherit; padding-left:0}.footer-mid-section .footer-navigation-wrapper ul li:last-child a { border: none}
.footer-right-section { padding: 35px 0 0}.footer-right-section .widget-type-form { border: 1px solid #081b59; padding: 70px 45px 2px; float:left; background: url(https://info.niagaranetworks.com/hubfs/footer-form-icon.png) no-repeat center 22px}
.footer-right-section .widget-type-form h3 {font-size: 18px; color: #081b59; float: left; width: 100%; text-align: center; line-height: 27px; margin:0 0 10px}
.footer-right-section .widget-type-form h3 span { font-size: 30px; clear: both; display: inline-block}
.footer-right-section .widget-type-form h3 + div { float: left; width: 100%}
.footer-right-section .widget-type-form .hs-form-field > label { display: none}
.footer-right-section .widget-type-form .input{ float:left; width:100%; padding:0; text-align:center}
.footer-right-section .widget-type-form .hs_submit{ float:left; width:100%; padding:18px 0; text-align:center}
.footer-right-section .widget-type-form .hs_submit input[type="submit"] { margin: 0 auto; display: inline-block; border: none; padding: 0 20px; background-color: #ef4136; line-height: 30px; color: #fff; font-size: 16px; -webkit-border-radius: 30px; border-radius: 30px; cursor: pointer; -webkit-appearance: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.footer-right-section .widget-type-form .hs_submit input[type="submit"]:hover{ background-color: #081b59; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.footer-right-section .widget-type-form .input input[type="email"] { border: 1px solid #081b59; float: left; text-align: center; line-height: 31px; padding: 0; font-size: 16px; color: #081b59; background-color:#dfe2ec}
.footer-right-section .widget-type-form .hs_submit input[type="submit"]:focus{ outline:0}
.footer-right-section .widget-type-form ul.hs-error-msgs { float: left; width: 100%; margin: 0; padding: 0}
.footer-right-section .widget-type-form ul.hs-error-msgs label { font-size: 13px; line-height: 18px; float: left; width: 100%; color: #ef4136}
.footer-right-section .widget-type-form input[type="email"]::-webkit-input-placeholder { color: #081b59; font-size: 16px}
.footer-right-section .widget-type-form input[type="email"]::-moz-placeholder { color: #081b59; font-size: 16px}
.footer-right-section .widget-type-form input[type="email"]:-ms-input-placeholder { color: #081b59; font-size: 16px}
.footer-right-section .widget-type-form input[type="email"]:-moz-placeholder { color: #081b59; font-size: 16px}
@media(max-width: 1170px){ .footer-menu-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .footer-mid-section .footer-navigation-wrapper ul li a{ padding: 0px 10px }
.footer-right-section .widget-type-form { padding: 70px 15px 2px }
}
@media(max-width: 990px){ .footer-left-section { width: 100% !important; text-align: center; padding: 0 0 50px } .footer-mid-section { margin: 0 !important; width: 100% !important }
.footer-right-section { width: 100% !important; text-align: center }
.footer-right-section .widget-type-form .input { float: none; width: 100%; padding: 0; text-align: center; margin: 0 auto; max-width: 400px }
}
@media(max-width: 600px){
.footer-menu-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul { text-align: center }
.footer-mid-section .widget-type-raw_jinja ul { text-align: center }
.footer-mid-section .widget-type-raw_jinja ul li { float: none; width: auto; display: inline-block }
}
/*--------- Footer style ends here -------------*/
/*--------- Home Page style starts here -------------*/
/*--- banner --- */
.banner-home { float: left; width: 100%; background-size: cover}
.banner-caption { float: left; width: 100%; padding: 90px 0 200px}
.banner-caption h1 { font-size: 37px; line-height: 47px; font-family: 'Assistant-SemiBold'; float: left; width: 100%; margin-bottom: 20px}
.banner-caption .sub-heading { font-size: 24px; line-height: 30px; font-family: 'Assistant-SemiBold'; float: left; width: 100%; margin-bottom: 20px}
.banner-caption p { font-size: 21px; line-height: 30px; float: left; width: 100%; margin-bottom: 20px}
.banner-caption .caption-position { float:left; width:100%; margin:0; padding:0; display:block}
.banner-caption .caption-position.center { text-align:center}
.banner-caption .caption-position.right { float:right; width:auto; max-width:500px}
.banner-caption .caption-position.right * { float: none}
/*--- Initial Strip --- */
.initial-strip .hs_cos_wrapper_widget_container { float: left; display: flex; text-align: center; width: 100%}
.initial-strip .hs_cos_wrapper { flex: 1}
.initials-letters-box-outer{ float: left; width: 100%; height: 100%}
.initials-letters-box-outer a{ float: left; width: 100%; height: 100%; display:block; padding: 0px 10px 55px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.initials-letters-box { display: inline-block; width: 87px; height: 78px; border: 2px solid #ef4136; font-size: 44px; text-transform: uppercase; color: #fff; line-height: 70px; font-family: 'Assistant-Light'; margin-bottom: 20px; margin-top: 55px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.initials-letters-title { font-size: 22px; color: #fff; font-family: 'Assistant-Light'; float: left; width: 100%; clear: both}
/* .initials-letters-box-outer:hover a */
.initials-letters-box-outer:hover { background-color: #ef4136; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.initials-letters-box-outer:hover .initials-letters-box { border-color: #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.ngr-page-wrapper.initial-strip { padding: 0}
.white-text-strip { float: left; width: 100%; text-align: center; padding: 55px 0}
.white-text-strip p { float: left; width: 100%; font-size:25px; line-height:35px; color:#081b59}
.section-third-top-left-section { float: left; width: 100% !important; max-width: 45.34%}
.section-third-top-right-section { float: left; width: 100% !important; max-width: 54.65%; margin: 0 !important}
.home-custom-post { float: left; width: 100%; background-size:cover; background-position: center; background-repeat: no-repeat}
.section-third-top-left-section .home-custom-post-inner { width: 100%; float: right; max-width: 312px; padding: 110px 0 0; margin-right: 15%; min-height: 438px}
.home-custom-post-inner h2 { font-size: 22px; color: #fff; float: left; width: 100%; line-height: 25px; padding-bottom: 10px}
.home-custom-post-inner h2 a { font-size: 22px; color: #fff; line-height: 28px}
.home-custom-post-inner h2 span { text-transform: none}
.home-custom-post-inner p { float: left; width: 100%; font-size: 18px; line-height: 22px; color: #fff; padding: 0 0 25px; font-family: 'Assistant-Regular'}
.home-custom-post-inner a { float: left; display: inline-block}
.section-third-top-right-section .home-custom-post-inner { width: 100%; float: left; max-width: 400px; padding: 110px 70px 0; background-color: #ef4136; min-height: 438px}
.section-third-top-right-section .home-custom-post-inner h2 { padding-bottom: 65px}
.section-fourth-left-down-section { float: left!important; width: 100%!important; max-width: 55.70%}
.section-fourth-left-down-section .home-custom-post-inner { width: 100%; float: right; max-width: 312px; padding: 103px 0 0; min-height: 415px}
.section-fourth-left-down-section .home-custom-post-inner h2{padding-bottom: 15px; border-bottom: 1px solid #ef4136; margin-bottom: 15px; max-width: 235px}
.section-fourth-left-down-section .home-custom-post-inner a.ngr-btn-medium { padding: 8px 25px; font-family: 'Assistant-SemiBold'}
.section-fourth-right-down-section { float: left !important; width: 100%!important; max-width: 44.30%; margin:0 !important; background-color:#081b59}
.section-fourth-right-down-section .home-custom-post-inner { width: 100%; float: left; padding: 103px 0 0 3%; min-height: 415px; max-width: 375px}
.section-fourth-right-down-section .home-custom-post-inner h2 { padding-bottom: 15px; border-bottom: 1px solid #ef4136; margin-bottom: 15px; max-width: 235px}
.featured-resources-section { float: left; width: 100%; padding: 55px 0 40px;  margin: 0}
.featured-resources-title { float: left; width: 100%; text-align: center; font-size: 40px; line-height: 47px; padding: 0; margin: 0; color: #081b59}
.featured-resources-title span { float: left; width: 100%; text-align: center; font-size: 40px; line-height: 47px; padding: 0; margin: 0 0 50px; color: #081b59; display: block}
.stay-know-section{ float: left; width: 100%; padding: 55px 0 95px; background-color: #081b59}
.stay-know-title { float: left; width: 100%; text-align: center; font-size: 40px; line-height: 47px; padding: 0; margin: 0; color: #ffffff}
.stay-know-title span { float: left; width: 100%; text-align: center; font-size: 40px; line-height: 47px; padding: 0; margin: 0 0 60px; color: #ffffff; display: block}
.stay-know-custom-post-big { float: left !important; width: 100% !important; max-width: 57.50%}
.stay-know-custom-post-big .home-custom-post-inner { float: left; width: 100%; padding: 70px 70px 25px; min-height: 446px}
.stay-know-custom-post-big .home-custom-post-inner h2 { padding-bottom: 20px}
.stay-know-custom-post-big .home-custom-post-inner h2 a { font-size: 37px; color: #dfe2ec; line-height: 47px; font-family: 'Assistant-SemiBold'}
.stay-know-custom-post-big .home-custom-post-inner p { line-height: 21px; padding-bottom: 45px}
.stay-know-custom-post-small { float: left !important; width: 100% !important; max-width: 42.50%; margin: 0 !important}
#hs_cos_wrapper_home_event_post,#hs_cos_wrapper_home_blog_first,#hs_cos_wrapper_home_blog_second,#hs_cos_wrapper_home_blog_third { float: left; width: 50%; margin: 0; padding:0; display: block; background-color: #ef4136; position:relative; cursor: pointer}
#hs_cos_wrapper_home_event_post .home-custom-post,#hs_cos_wrapper_home_blog_first .home-custom-post,#hs_cos_wrapper_home_blog_second .home-custom-post,#hs_cos_wrapper_home_blog_third .home-custom-post{ float: left; width: 100%; margin: 0; /*padding: 50px 35px 10px;*/ padding: 30px 25px 10px; min-height: 223px; display: block; background-color: #ef4136; position:relative}
.stay-know-custom-post-big .home-custom-post{ position:relative}.home-small-custom-post { float: left; width: 100%; max-width: 50%; margin: 0; /*padding: 50px 35px 10px;*/ padding: 44px 35px 10px; min-height: 223px; background-color: #494b51; position:relative}
.home-small-custom-post.home-small-custom-post-last-child { float: right; background: url(https://info.niagaranetworks.com/hubfs/LP%20background.jpg); width: 100%; background-size: cover; min-height: 600px;}.home-small-custom-post:after { position: absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0; content: ""; box-sizing:border-box; border: 2px solid transparent; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
#hs_cos_wrapper_home_event_post .home-custom-post:after,#hs_cos_wrapper_home_blog_first .home-custom-post:after,#hs_cos_wrapper_home_blog_second .home-custom-post:after,#hs_cos_wrapper_home_blog_third .home-custom-post:after{ position: absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0; content: ""; border:2px solid transparent; background-color: rgba(239, 65, 54, 0.9); box-sizing: border-box; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
#hs_cos_wrapper_home_event_post .home-custom-post:hover:after,#hs_cos_wrapper_home_blog_first .home-custom-post:hover:after,#hs_cos_wrapper_home_blog_second .home-custom-post:hover:after,#hs_cos_wrapper_home_blog_third .home-custom-post:hover:after{ border:2px solid #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
#hs_cos_wrapper_home_event_post .home-custom-post .home-custom-post-inner,#hs_cos_wrapper_home_blog_first .home-custom-post .home-custom-post-inner,#hs_cos_wrapper_home_blog_second .home-custom-post .home-custom-post-inner,#hs_cos_wrapper_home_blog_third .home-custom-post .home-custom-post-inner,.stay-know-custom-post-big .home-custom-post .home-custom-post-inner{ float: left; width: 100%; position: relative; z-index: 1}
.stay-know-custom-post-big .home-custom-post-inner a.ngr-btn,#hs_cos_wrapper_home_event_post .home-custom-post .home-custom-post-inner a.ngr-btn,#hs_cos_wrapper_home_blog_first .home-custom-post .home-custom-post-inner a.ngr-btn,#hs_cos_wrapper_home_blog_second .home-custom-post .home-custom-post-inner a.ngr-btn,#hs_cos_wrapper_home_blog_third .home-custom-post .home-custom-post-inner a.ngr-btn{ padding: 5px 50px}.home-small-custom-post-inner { float: left; width: 100%; position: relative; z-index: 1}
.home-small-custom-post:hover:after { border: 2px solid #fff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear}
.home-small-custom-post:first-child:after { background-color: rgba(239, 65, 54, 0.9)}
.home-small-custom-post:nth-child(2):after,#hs_cos_wrapper_home_blog_second .home-custom-post:after,#hs_cos_wrapper_home_blog_third .home-custom-post:after{ background-color: rgba(73, 75, 81, 0.98)}
.home-small-custom-post-inner h2 { font-size: 22px; line-height: 25px; color: #fff; font-family: 'Assistant-SemiBold'; float:left; width:100%; margin: 0 0 15px; padding: 0}
.home-small-custom-post-inner h2 a { font-size: 22px; line-height: 25px; color: #fff; font-family: 'Assistant-SemiBold'}
.home-small-custom-post-inner .hubspot-editable{ font-size: 16px; line-height: 20px; color: #fff; float:left; width:100%}
.video .resource-box-inner:hover {background-color: #081b59;}
@media(max-width:1920px){
.section-fourth-right-down-section .home-custom-post-inner { padding: 103px 0 0 14% }
}
@media(max-width:1170px){
.stay-know-custom-post-big .home-custom-post-inner { padding: 40px 40px 25px }
#hs_cos_wrapper_home_event_post .home-custom-post, #hs_cos_wrapper_home_blog_first .home-custom-post, #hs_cos_wrapper_home_blog_second .home-custom-post, #hs_cos_wrapper_home_blog_third .home-custom-post{ /*padding: 50px 15px 10px;*/ /*padding: 44px 15px 10px;*/ padding: 16px 15px 10px }
.home-small-custom-post { /*padding: 50px 15px 10px;*/ /*padding: 44px 15px 10px;*/ padding: 16px 15px 10px }
}
@media(max-width:990px){
.stay-know-custom-post-small { max-width: inherit } .stay-know-custom-post-big { max-width: inherit }
.section-third-top-right-section, .section-fourth-right-down-section, .section-third-top-left-section, .section-fourth-left-down-section{ max-width: 50%; float: left !important }
.section-third-top-right-section .home-custom-post-inner { max-width: inherit; padding: 40px; min-height: 400px } .initials-letters-title { font-size: 18px }
.section-third-top-left-section .home-custom-post-inner { padding: 110px 20px 0; margin-right: 0 } .section-third-top-left-section .home-custom-post-inner { max-width: inherit; padding: 40px; margin-right: 0; min-height: 400px }
.section-fourth-left-down-section .home-custom-post-inner { max-width: inherit; padding: 40px; min-height: 400px }
.section-fourth-right-down-section .home-custom-post-inner { width: 100%; float: left; padding: 40px; min-height: 400px; max-width: inherit }
}
@media(max-width:768px){}
@media(max-width:600px){
.home-small-custom-post { max-width: inherit }
#hs_cos_wrapper_home_event_post, #hs_cos_wrapper_home_blog_first, #hs_cos_wrapper_home_blog_second, #hs_cos_wrapper_home_blog_third { width: 100% }
.stay-know-custom-post-big .home-custom-post-inner { padding: 30px 30px 35px; min-height: inherit }
.stay-know-custom-post-big .home-custom-post-inner h2 a { font-size: 24px; line-height: 32px }
.initial-strip .hs_cos_wrapper { flex: 1; width: 100%; display: block; float: left }
.initials-letters-box-outer a { padding: 10px 0 }
.initials-letters-box { display: none }
.ngr-page-wrapper.initial-strip { padding: 30px 0 }
.section-third-top-right-section, .section-fourth-right-down-section, .section-third-top-left-section, .section-fourth-left-down-section{ max-width: inherit; float: left !important }
.section-third-top-left-section .home-custom-post-inner, .section-third-top-right-section .home-custom-post-inner, .section-fourth-left-down-section .home-custom-post-inner, .section-fourth-right-down-section .home-custom-post-inner{ min-height: inherit }
}
/*--------- Home Page style ends here -------------*/
/*--------- Inner Page style starts here -------------*/
/*-------- packet brokers starts------- */
.banner-caption-inner-page { position: relative; float: left; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}.banner-inner-page { background-size: cover}
.text-with-image-row{ float: left; width: 100%}
.text-with-image-row .hs_cos_wrapper { float: left; width: 100%}
.text-with-image-inner { float: left; width: 100%}
.text-with-image-wrapper { float: left; position: relative; width: 100%; padding:60px 0; background-size: cover; background-position: center; background-repeat: no-repeat}
.text-with-image-wrapper h2.ngr-section-title { padding: 20px 0 30px}
.ngr-section-title:empty { display:none}
.text-with-image-text-container { float: left; width: 100%; padding: 0 10% 0 0; max-width: 50%; color: #000; font-size: 16px}
.text-with-image-text-container p { float: left; width: 100%; padding: 0 0 30px; margin: 0}
.text-with-image-text-container p:last-child { padding: 0}
.text-with-image-text-container p strong { font-family:inherit;font-weight:bold}
.text-with-image-image-container { float: left; width: 100%; max-width: 50%; padding: 0; margin: 0 0 0; text-align:center}
.text-with-image-image-container.push-left{ float:left}
.text-with-image-text-container.push-right{ float:right; padding: 0 0 0px 10%}
.text-with-image-image-container.full-width{ max-width: inherit; padding-right: 0; padding-left: 0; text-align:center}
.text-with-image-text-container.full-width{ max-width: inherit; padding-right: 0; padding-left: 0}
.text-with-image-image-container img{ height:inherit}
.npb-section-wrapper { float: left; width: 100%; /*background: url(https://cdn2.hubspot.net/hubfs/1996821/featured-resources-bg.png?t=1512049066034);*/ background-size: cover; /*padding:85px 0 0;*/}
.text-with-image-text-container div { float: left; width: 100%}
.text-with-image-text-container .form-columns-2 .hs-form-field .input { width: calc(100% - 8px) !important}
.text-with-image-text-container .form-columns-2 .hs-form-field:last-child .input { margin-right: 0; width: 100% !important}
.form-new fieldset .hs-form-field label>span:not(.hs-form-required) { display: none}
.form-new fieldset { max-width:inherit !important }h2.npd_sec_title { float: left; width: 100%; font-size: 45px; text-align: center; line-height: 52px; color: #081b59; padding: 0 0 15px; margin: 0}
h3.npd_sec_sub_title { float: left; width: 100%; font-size: 22px; text-align: center; line-height: 27px; color: #081b59; padding: 0 0 45px; margin: 0}
.npb-section-inner-wrapper { background: rgb(8,27,89); background: -moz-linear-gradient(left, rgba(8,27,89,1) 0%, rgba(8,27,89,1) 50%, rgba(16,161,221,1) 50%, rgba(16,161,221,1) 100%); background: -webkit-linear-gradient(left, rgba(8,27,89,1) 0%,rgba(8,27,89,1) 50%,rgba(16,161,221,1) 50%,rgba(16,161,221,1) 100%); background: linear-gradient(to right, rgba(8,27,89,1) 0%,rgba(8,27,89,1) 50%,rgba(16,161,221,1) 50%,rgba(16,161,221,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#081b59', endColorstr='#10a1dd',GradientType=1 )}
.npb-section-box { margin: 0 !important; width: 33.33% !important; padding: 72px 60px 30px; text-align: center}
.npb-section-inner-wrapper .npb-section-box {position: relative}
.npb-section-inner-wrapper .npb-section-box h2 a, .npb-section-inner-wrapper .npb-section-box p.title a { color: #FFFFFF}
.npb-section-inner-wrapper .npb-section-box:before { content: ""; position: absolute; z-index: 1; left: 0; right: 0; top: 0; pointer-event:none; bottom: 0; border-color: #FFFFFF; border-style: solid; border-width: 0; border-bottom: none; border-top: none; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out}
.npb-section-inner-wrapper .npb-section-box:hover:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px}.modular-npb-section .cell-wrapper,.fixed-npg-seciton .cell-wrapper,.hybird-packet-section .cell-wrapper{ float: left; width: 100%; padding: 13px 0 0; position: relative; z-index: 99}.npb-section-box h2, .npb-section-box p.title{ float:left; font-size:30px; line-height:35px; padding:50px 0 30px; width:100%; text-align:center}
.npb-section-box p{ float:left; font-size:16px; line-height:24px; padding:0 0 30px; width:100%; text-align:left; font-family: 'Assistant-Light'}
.npb-section-box polygon,.npb-section-box circle,.npb-section-box path,.npb-section-box line{ stroke: #fff; fill: none}
.text-with-image-text-container h3 { font-size: 18px; line-height: 27px; float: left; width: 100%; font-family: 'Assistant-SemiBold'}
.text-with-image-text-container h4 { font-size: 16px; line-height: 24px; float: left; width: 100%; font-family: 'Assistant-SemiBold'}
.text-with-image-text-container h5 { font-size: 16px; line-height: 24px; float: left; width: 100%; font-family: 'Assistant-SemiBold'}
.text-with-image-text-container h6 { font-size: 15px; line-height: 24px; float: left; width: 100%; font-family: 'Assistant-SemiBold'}
.text-with-image-text-container ul { float: left; width: 100%; margin: 0; padding:5px 0 25px}
.text-with-image-text-container ul li { position: relative; float: left; padding: 0 0 0 20px; width:100%}.text-with-image-text-container ul li:before { content: ""; width: 6px; height: 6px; background-color: #ef453b; display: block; position: absolute; left: 0; top: 11px; border-radius: 50%}
.text-with-image-text-container ul.white-bullet li:before { background-color: #fff}.NPB-title a { float: left; font-size: 30px; line-height: 35px; padding: 50px 0 30px; width: 100%; text-align: center; color: #ffffff}

@media(max-width: 1366px) {
  .banner-inner-page .sub-banner {background-size: 30%;}
}
@media(max-width: 991px) {
  .banner-inner-page .sub-banner {background-size: 25%;}
}
@media(max-width: 767px) {
  .banner-inner-page .sub-banner {background-size: 27%;background-position: center top !important}
}
@media(max-width: 600px) {
  .banner-inner-page .sub-banner {background-size: 37%;}
}
@media(max-width: 480px) {
  .banner-inner-page .sub-banner {background-size: 50%;}
}
/* ------------- table style starts here ------------ */
.grey-bg-table-transparent { background:#f3f4f7}.grey-bg-table-white { background:#f3f4f7}.grey-bg-table-white .table-body-wrapper .table-row-wrapper { background:#ffffff}.white-bg-table-transparent .table-tile-wrap, .grey-bg-table-transparent .table-tile-wrap, .grey-bg-table-white .table-tile-wrap { padding: 30px 0}.white-bg-table-transparent .table-tile-wrap h2, .grey-bg-table-transparent .table-tile-wrap h2, .grey-bg-table-white .table-tile-wrap h2 { font-size: 40px; line-height: 50px}.table-section-outer-container{ float:left !important; width:100%; padding: 0 0 25px}
.white-bg-table-transparent.table-section-outer-container, .grey-bg-table-transparent.table-section-outer-container, .grey-bg-table-white.table-section-outer-container{ padding: 0 0 45px}
.table-tile-wrap { float: left; width: 100%; text-align: center; padding: 25px 0}
.table-tile-wrap h2, .table-tile-wrap p { float: left; width: 100%; color: #fff; font-size: 30px; line-height: 35px}
.table-tile-wrap h2 img, .table-tile-wrap p img { margin-right: 30px}
.table-tile-wrap p small {display: block;font-size: 66%;color: #000;margin-top: 10px;transform: translateY(13px);}
.table-header-blue .table-header-wrapper{ background-color:#203169}
.table-header-orange .table-header-wrapper{ background-color:#dc504c}
.table-header-sky-blue .table-header-wrapper{ background-color:#27aae0}
.table-header-wrapper { float: left; width: 100%}
.table-header-wrapper div[class*="table-th"] { float: left; width: 100%; font-size: 17px; font-family: 'Assistant-SemiBold'; color: #fff; padding: 15px 0; line-height: 18px; text-align:center}/* .table-header-wrapper div.table-th-one {max-width:330px} */.table-header-wrapper div.table-th-one {max-width:370px}.table-header-wrapper div.table-th-two {max-width:165px}.table-header-wrapper div.table-th-three {max-width:145px}.table-header-wrapper div.table-th-four {max-width:240px}.table-header-wrapper div.table-th-five {max-width:240px}.table-header-wrapper div.table-th-six {max-width:240px}

.table-header-wrapper.col-four div.table-th, .col-four .table-row-wrapper div.table-td {max-width: 25%}

  .table-header-wrapper.col-six div.table-th, .col-six .table-row-wrapper div.table-td {max-width: 12%}
  .table-header-wrapper.col-six div.table-th-one, .col-six .table-row-wrapper div.table-td-one {max-width: 40%}

  .table-header-wrapper.col-seven div.table-th, .col-seven .table-row-wrapper div.table-td {max-width: 12%}
  .table-header-wrapper.col-seven div.table-th-one, .col-seven .table-row-wrapper div.table-td-one {max-width: 28%}

.table-header-wrapper div.table-th-ones {max-width:25%;text-align:left;padding-left: 40px}.table-header-wrapper div.table-th-twos {max-width:42%}.table-header-wrapper div.table-th-threes {max-width:33%}
.table-row-wrapper { float: left; width: 100%; border-bottom: 1px solid #c3c3c3; position:relative}
.table-row-wrapper div[class*="table-td"] { float: left; width: 100%; font-size: 16px; color: #000; /*padding: 15px 40px;*/ padding: 15px; line-height: 18px; border-right: 1px solid #c3c3c3}
.table-row-wrapper div[class*="table-td"] a{ font-family: 'Assistant-Bold'; color:#000; text-decoration:underline}
.table-row-wrapper div[class*="table-td"] a svg, .table-row-wrapper div[class*="table-td"] a img { margin-right: 10px; /*vertical-align: bottom;*/ vertical-align: middle}
.table-header-blue .table-row-wrapper div[class*="table-td"] a svg path,.table-header-blue .table-row-wrapper div[class*="table-td"] a svg rect,.table-header-blue .table-row-wrapper div[class*="table-td"] a svg polygon,.table-header-blue .table-row-wrapper div[class*="table-td"] a svg circle,.table-header-blue .table-row-wrapper div[class*="table-td"] a svg line { stroke: #081b59; fill: #081b59}
.table-header-orange .table-row-wrapper div[class*="table-td"] a svg path,.table-header-orange .table-row-wrapper div[class*="table-td"] a svg rect,.table-header-orange .table-row-wrapper div[class*="table-td"] a svg polygon,.table-header-orange .table-row-wrapper div[class*="table-td"] a svg circle,.table-header-orange .table-row-wrapper div[class*="table-td"] a svg line { stroke: #d83d39; fill: #d83d39}
.table-header-sky-blue .table-row-wrapper div[class*="table-td"] a svg path,.table-header-sky-blue .table-row-wrapper div[class*="table-td"] a svg rect,.table-header-sky-blue .table-row-wrapper div[class*="table-td"] a svg polygon,.table-header-sky-blue .table-row-wrapper div[class*="table-td"] a svg circle,.table-header-sky-blue .table-row-wrapper div[class*="table-td"] a svg line { stroke: #10a1dd; fill: #10a1dd}
/* .table-row-wrapper div.table-td-one {max-width:330px; color:#081b59} */
.table-row-wrapper div.table-td-one {max-width:370px; color:#081b59}.table-row-wrapper div.table-td-two {max-width:165px}.table-row-wrapper div.table-td-three {max-width:145px}.table-row-wrapper div.table-td-four {max-width:240px}.table-row-wrapper div.table-td-five {max-width:240px;}.table-row-wrapper div.table-td:last-child{border-right:none}.table-row-wrapper div.table-td-one img{vertical-align: middle;margin-right: 5px}.table-section-outer-container.ngr-page-wrapper {float: inherit !important}.table-section-outer-container.ngr-page-wrapper .table-row-wrapper .ngr-page-wrapper {border-right: 1px solid #c3c3c3; border-left: 1px solid #c3c3c3}
.table-row-wrapper div.table-td-ones {max-width:25%; color:#081b59;font-family: 'Assistant-Bold'}.table-row-wrapper div.table-td-twos {max-width:42%}.table-row-wrapper div.table-td-threes {max-width:33%;text-align:center;border-right:none}
.compare-table .table-header-wrapper div.table-th-one {max-width:28%;text-align:left}.compare-table .table-header-wrapper div.table-th-two {max-width:24%}.compare-table .table-header-wrapper div.table-th-three {max-width:24%}.compare-table .table-header-wrapper div.table-th-four {max-width:24%}
.compare-table .table-row-wrapper div.table-td-one {max-width:28%; color:#081b59;padding-left: 0; font-family: 'Assistant-Bold'}.compare-table .table-row-wrapper div.table-td-two {max-width:24%;text-align:center;position: relative}.compare-table .table-row-wrapper div.table-td-three {max-width:24%;text-align:center;position: relative}.compare-table .table-row-wrapper div.table-td-four {max-width:24%; border-right:none; text-align:center;position: relative}.compare-table .table-row-wrapper.first-row .table-td>a { position: absolute; top: 14px; left: 25px}
.compare-table .table-row-wrapper.first-row .table-td>img { padding-left: 45px}
.compare-table .table-row-wrapper div[class*="table-td"] svg path,.compare-table .table-row-wrapper div[class*="table-td"] svg rect,.compare-table .table-row-wrapper div[class*="table-td"] svg polygon,.compare-table .table-row-wrapper div[class*="table-td"] svg circle,.compare-table .table-row-wrapper div[class*="table-td"] svg line { stroke: #e74b46; fill: #e74b46}
.eol-table .table-row-wrapper div.table-td-one, .eol-table .table-header-wrapper div.table-th-one { max-width:220px}.eol-table .table-row-wrapper div.table-td-four, .eol-table .table-row-wrapper div.table-th-four { max-width:258px}
.eol-table .product_type_header { background: #081b59; color: #fff; font-size: 22px; font-family: 'Assistant-SemiBold'; line-height: 46px}
.eol-table .product_type_header .header { max-width: 1200px; width: 100%; float: left; margin: 0 auto; overflow: hidden; padding-left: 40px}
/* CSS border triangle trick */.table-section-outer-container .row-header > span:after { font-family: 'FontAwesome'; display: block; position: absolute; content: "\f107"; z-index: 2; right: 15px; top: 5px; pointer-events: none}
/* Flip CSS border triangle on active */
.table-section-outer-container .row-header.active > span:after { content: "\f106"}
.row-header,.row-header.active:nth-last-child(2) { border-bottom: 1px solid #b2b2b2}
.row-header > span { padding: 5px 15px; font-size: 1.25em; font-weight: 600;	display: block; position: relative}.row-header { display: block; position: relative;width: 100%;float: left;cursor: pointer}
.table-header-blue .row-header {background: #203169;color: #fff}.table-header-orange .row-header { background-color: #dc504c;color: #fff}.table-header-sky-blue .row-header { background-color:#27aae0;color: #fff}
.download-icon { background: url(https://info.niagaranetworks.com/hubfs/download-icon.svg) no-repeat center}
@media screen and (min-width: 768px) {.row-header { display: none } .table-td:before { content: "" }}
@media (max-width: 767px) {
.table-section-outer-container { width:100% !important } .table-header-wrapper { display:none } .table-td { max-width: 100% !important; height: auto !important; min-height: 0 !important; text-align: left !important; line-height: 24px !important }
.table-td:before { content: attr(data-header); float: left; font-family: 'Assistant-SemiBold'; margin: 0 10px 0px 0 } .table-row-wrapper div[class*="table-td"] {border-right:none}
.table-row-wrapper .table-td:nth-child(even) { background: #f8f8f8 }
.table-row-wrapper .ngr-page-wrapper { padding: 0 }
}
/* ------------- table style ends here ------------ */
@media(max-width: 1220px){
.table-header-wrapper div.table-th-one, .table-row-wrapper div.table-td-one {max-width:22%}
.table-header-wrapper div.table-th-two, .table-row-wrapper div.table-td-two {max-width:17%}
.table-header-wrapper div.table-th-three, .table-row-wrapper div.table-td-three {max-width:18%}
.table-header-wrapper div.table-th-four, .table-row-wrapper div.table-td-four {max-width:24%}
.table-header-wrapper div.table-th-five, .table-row-wrapper div.table-td-five {max-width: 19%}
.table-header-wrapper div.table-th-six, .table-row-wrapper div.table-td-six {max-width: 19%}
.eol-table .table-row-wrapper div.table-td-one, .eol-table .table-header-wrapper div.table-th-one {max-width:22%}
.eol-table .table-row-wrapper div.table-td-four, .eol-table .table-header-wrapper div.table-th-four {max-width:24%}
}
@media(max-width: 990px){
.npb-section-box {padding: 32px 30px 20px}
.npb-section-box h2 {padding: 30px 0}
.table-row-wrapper div[class*="table-td"] {padding: 13px 15px}
.table-header-wrapper div.table-th-ones {padding-left: 15px}
.table-header-wrapper div.table-th-one, .table-row-wrapper div.table-td-one {max-width:27%}
.table-header-wrapper div.table-th-four, .table-row-wrapper div.table-td-four {max-width:21%}
.table-header-wrapper div.table-th-five, .table-row-wrapper div.table-td-five {max-width: 17%}
  .table-header-wrapper div.table-th-six, .table-row-wrapper div.table-td-six {max-width: 17%}
.table-header-wrapper div.table-th-one {text-align:left}
.compare-table .table-row-wrapper.first-row .table-td img {padding-left: 50px}
.eol-table .product_type_header .header {padding-left: 15px}
.eol-table .table-row-wrapper div.table-td-one, .eol-table .table-header-wrapper div.table-th-one,
.eol-table .table-row-wrapper div.table-td-four, .eol-table .table-header-wrapper div.table-th-four {max-width:22%}
}
@media(max-width:768px){
.npb-section-box {width: 100% !important;min-height: inherit !important;clear: both}
.npb-section-box h2 {min-height: inherit !important}
.fixed-npg-seciton .cell-wrapper, .modular-npb-section .cell-wrapper, .npb-section-box p {float:none}
.npb-section-inner-wrapper .ngr-page-wrapper{padding: 0}
.text-with-image-text-container {padding-right: 0;max-width: 100% !important}
.text-with-image-image-container {max-width: 100% !important;text-align: center !important}
.compare-table .table-row-wrapper.first-row .table-td>a {top: 0;left: 10px}
.compare-table .table-row-wrapper.first-row .table-td img {max-width: 147px}
.compare-table .table-row-wrapper.first-row .table-td>a {left: 142px; top: 11px}
.compare-table .table-row-wrapper.first-row .table-td>a svg, .compare-table .table-row-wrapper.first-row .table-td>a img {width:20px}
.compare-table .table-row-wrapper.first-row .table-td img {padding-left: 32px}
.compare-table .table-row-wrapper div.table-td-one {padding-left: 15px}
.text-with-image-text-container.push-right {padding: 0 0 30px 0}
.text-with-image-text-container {padding: 0 10% 30px 0;max-width: 100% !important}
.text-with-image-text-container.form-new {padding: 0 0 30px 0}
.npb-section-inner-wrapper {background: #10a1dd !important}
}
/*-------- packet brokers ends------- */
/*-------- network bypass starts------- */
.nb-section-wrapper { float: left !important; width: 100% !important; background: url(https://blog.niagaranetworks.com/hubfs/visibility_dark.jpg); background-size: cover; padding: 0; background-position: center;}
.nng-text-section { padding:76px 15px; display:block; float:left; width:100%; color:#fff}
.nng-text-section h2{ width: 100%; font-size: 45px; text-align: center; line-height: 52px; color: #fff; padding: 0 0 45px; margin: 0}
.nng-text-section p{ color: #fff; font-size:16px; line-height: 20px; margin-bottom:30px}
.nng-text-section p span{ font-size:22px}
.taps-wrapper { text-align: center; float: left; width: 100%; display: block; margin: 0; padding: 0}
.taps-outer { text-align: center; float: left; width: 100%; display: block; margin: 0; padding: 20px ; position: relative}
.taps-image { float: left; width: 100%; display: block; margin: 0 0 20px; padding: 0}
.taps-outer h3 { float: left; padding: 0; font-size:22px; display:block; width:100%; margin:0 0 8px}
.taps-outer .short-description { float: left; width: 100%; display: block; margin: 0; padding: 0}
.taps-outer .short-description p { width: 100%; display: block; margin: 0 auto; padding: 0; max-width: 330px}
.taps-wrapper div:not(:first-child) .taps-outer:after { height:1px; content:''; background:#fff; width:100px; display:block; margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -50px}
@media(min-width: 768px){ .taps-outer { border-left: 1px solid #fff }
.taps-wrapper .hs_cos_wrapper { flex: 1; display: flex } .taps-wrapper div:first-child .taps-outer { border-left: none }
.taps-wrapper div .taps-outer:after { display:none !important }
}
/*-------- network bypass ends------- */
/*-------- common resources starts------- */
.common-resource-box-outer { float: left; width: 25%; overflow: hidden}
.common-main-resource-box-inner:before { content: ""; width: 1px; position: absolute; top: 7px; bottom: 0px; right: 0; height: calc(100% - 55px); background-color: #d6d6d6}
.common-main-resource-box-inner { padding: 7px 21px 48px 21px; text-align: center; position: relative; float:left; width:100%; display:block}
.common-resource-box-inner { display:block; float:left; width:100%}
.common-resources-listing-wrapper .common-resource-box-outer:last-child .common-main-resource-box-inner:before { display:none}.common-resource-box-outer>a { position: absolute; display: block}
.common-main-resource-box-inner .common-cat { font-size:16px; color:#4f4f4f; font-family: 'Assistant-Regular'; margin-bottom:10px; float: left; width: 100%; display:block}
.common-main-resource-box-inner>a{ display:block; width:100%; max-width: 64px; margin: 0 auto}
.common-main-resource-box-inner .common-box-inner { padding: 0px; float: left; width:100%; margin: 0}
.common-main-resource-box-inner .common-box-inner p { font-size:20px; font-family: 'Assistant-SemiBold'; color:#081b59; width:100%; float: left; line-height:24px}
.common-main-resource-box-inner .resource-icon, .resource-box-inner .resource-icon { margin:40px 0 14px; float: left; width: 100%; padding: 0; display: block}
.common-main-resource-box-inner a.read_more { width: auto; display: inline-block; clear: both; margin: 10px 0 0 0px; float: none; min-width: 132px}
.common-main-resource-box-inner .common-box-inner h3 { font-size:20px; font-family: 'Assistant-SemiBold'; color:#081b59; width:100%; float: left; display:block; line-height:24px; min-height: 110px;}
.data-sheet .common-main-resource-box-inner .common-box-inner h3 { font-family: 'Assistant-SemiBold'}
.common-resource-box-inner a { clear: both; overflow: hidden; display: block; width: 100%; float: left}
.common-resource-box-inner { -webkit-transition: background .3s linear;-moz-transition: background .3s linear;-ms-transition: background .3s linear;-o-transition: background .3s linear;transition: background .3s linear; padding: 22px 28px}
.common-resource-box-inner:hover { background-color:#dfe1ed}
.common-resource-box-outer .common-resource-box-inner path,.common-resource-box-outer .common-resource-box-inner rect,.common-resource-box-outer .common-resource-box-inner polygon,.common-resource-box-outer .common-resource-box-inner circle,.common-resource-box-outer .common-resource-box-inner line{ stroke: #ef4136; fill: #ef4136}
.press-release.common-resource-box-outer .common-resource-box-inner path,.press-release.common-resource-box-outer .common-resource-box-inner rect,.press-release.common-resource-box-outer .common-resource-box-inner polygon,.press-release.common-resource-box-outer .common-resource-box-inner circle,.press-release.common-resource-box-outer .common-resource-box-inner line{ stroke: transparent}

@media(max-width: 990px){
.common-resource-box-outer {width: 50%}
.common-resources-listing-wrapper .common-resource-box-outer:nth-child(2) .common-main-resource-box-inner:before {display:none}
.common-resources-listing-wrapper .common-resource-box-outer:nth-child(1) .common-main-resource-box-inner:after,.common-resources-listing-wrapper .common-resource-box-outer:nth-child(2) .common-main-resource-box-inner:after{ content: ""; width: 100%; position: absolute; bottom: 15px; left: 0; background-color: #d6d6d6; height:1px}
}
@media(max-width: 600px){
.common-resource-box-outer {width: 100%}
.common-main-resource-box-inner .common-box-inner, .common-main-resource-box-inner {min-height:inherit !important}
.common-resources-listing-wrapper .common-resource-box-outer .common-main-resource-box-inner:before {display:none}
.common-resources-listing-wrapper .common-resource-box-outer:nth-child(3) .common-main-resource-box-inner:after{ content: ""; width: 100%; position: absolute; bottom: 15px; left: 0; background-color: #d6d6d6; height:1px}
}
/*-------- common resources ends------- */
/*-------- Network Tap starts------- */
.nnt-text-section-wrapper { max-width:810px; text-align:center}
.nnt-text-section-wrapper .row-fluid .span6 {margin-top:7px}
.nnt-text-section-wrapper .row-fluid .span6:nth-child(1) {padding-right:2.564102564%}
.nnt-text-section-wrapper .row-fluid .span6:nth-child(2) {border-left:1px solid #fff; padding-left:2.564102564%}
.nng-text-section .nnt-text-section-wrapper .span6 p {margin-bottom: 0px}
.nng-text-section .image-wrapper .single-image { width: auto; float: left; margin: 0 28px 15px; padding: 0px; display: block; max-width: 250px; text-align: center}
.nng-text-section .image-wrapper.technology-partners-logos .single-image {  width: 20%;  float: left;  margin: 0 3.3% 15px;  padding: 0px;  display: block;  max-width: inherit;  text-align: center;}
.nng-text-section .image-wrapper .single-image:nth-child(4n+1) { margin-left: 0px}
.nng-text-section .image-wrapper .single-image:nth-child(4n) { margin-right: 0px !important}
@media(max-width: 1259px){
.nng-text-section .image-wrapper .single-image { max-width: 50%; width: 50%; margin: 0 0 10px }
.nng-text-section .image-wrapper .single-image:nth-child(4n) { margin-right: 0px }
.nng-text-section .image-wrapper .single-image:nth-child(2n) { margin-right: 0px !important }
}
@media(max-width: 767px){
.nnt-text-section-wrapper .row-fluid .span6:nth-child(1) {padding-right:0}
.nnt-text-section-wrapper .row-fluid .span6:nth-child(2) {border-left:none; padding-left:0; position: relative;padding-top: 20px}
.nnt-text-section-wrapper .row-fluid .span6:nth-child(2)::before{ content: ""; width: 160px; position: absolute; top: 10px; left: 50%; height:1px; margin-left:-80px; background-color: #fff }
.nng-text-section .image-wrapper .single-image { max-width: 44%; width: 44%; margin: 0 20px 10px } .nng-text-section .image-wrapper .single-image:nth-child(2n) { margin-right: 0px !important }
.nng-text-section .image-wrapper.technology-partners-logos .single-image { width: 45%;}
}
@media(max-width: 600px){
.nng-text-section .image-wrapper .single-image { max-width: 100%; width: 100%; margin: 0 0 10px}
.nng-text-section .image-wrapper.technology-partners-logos .single-image {width: 100%;}
.common-main-resource-box-inner .common-box-inner h3{min-height: inherit;}
}
/*-------- Network Tap ends------- */

/*--------- Careers starts here -------------*/
.careers-banner .banner-home{ background-position: center}.careers-banner .banner-caption { float: left; width: 100%; padding: 70px 0 90px}
.open-position-heading { padding: 38px 0; width: 100%; float: left; margin: 0; display: block; font-size: 40px; line-height: 30px; font-family: 'Assistant-SemiBold'}
.job-opening-box { padding: 22px 0; margin-bottom: 22px; border-bottom: solid 1px #b7b7b7; position: relative; float: left; width: 100%}
.job-heading { position:relative; margin: 0; float:left; width:100%; padding:0}
#opening-section { padding-top: 20px; float: left; width: 100%; margin: 0; padding: 20px 0 10px}
#opening-section h3 { color: #081b59; font-size: 22px; margin-bottom: 5px; font-weight: 400 !important; font-family: 'Assistant-SemiBold'; width: calc(100% - 150px)}
#opening-section h4 { color: #ef4136; font-size: 16px; font-family: 'Assistant-SemiBold'}
#opening-section .short-description { float: left; width: 100%; margin: 8px 0 0; padding: 0; line-height: 22px}
.job-opening-box .accordion-body p { margin-top:20px}
.job-opening-box .accordion-body p strong { color:#ef4136}
.job-opening-box .opening-social-links ul { list-style: none !important; margin: 0px !important; padding: 0px; position: absolute; top: 2px; right: 0px}
.job-opening-box .opening-social-links ul li { display: inline; padding: 0 7px}
.job-opening-box .opening-social-links ul li a { font-size: 24px; color: #b5b5b5; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear}
.job-opening-box .opening-social-links ul li a:hover { color: #ef4136}#opening-section .accordion-head { color: #ef4136; font-size: 18px; font-weight: 400 !important; cursor: pointer; margin: 0; padding: 0 0px 15px; float: left; width: 100%}
.job-opening-box .accordion-container { position: relative; padding-bottom: 22px; float: left; width: 100%; margin: 0}
.job-opening-box .plusminus { position: absolute; left: 0; bottom:-5px; font-size: 18px; font-family: 'Assistant-SemiBold'}
.job-opening-box .plusminus.plus.close { bottom:5px}
.job-opening-box .accordion-body { margin-bottom: 30px}
.job-opening-box .plusminus.plus:after, .job-opening-box .plusminus.close:after {color:#fff;font-family: 'FontAwesome'; width:26px; height:26px;border-radius:50%;text-align: center; background:#ef4136;display: inline-block; margin-left: 10px;vertical-align: middle}
.job-opening-box .plusminus.plus:after {line-height: 28px}
.job-opening-box .plusminus.plus.close:after {line-height: 26px}
.job-opening-box .plusminus.plus:after {content: "\f067"}
.job-opening-box .plusminus.plus:before {content: "View Posting"; color:#ef4136}
.job-opening-box .plusminus.close:after {content: "\f00d"}
.job-opening-box .plusminus.close:before {content: "Close Posting"; color:#ef4136}
#opening-section .form-heading { margin:30px 0 10px}
#opening-section .accordion-body ul { list-style: disc; margin-left: 18px}
#opening-section .accordion-body ul li { line-height: 30px !important}
#opening-section .accordion-body h5 { color: #ef4136; font-size: 20px; font-weight: 400 !important; letter-spacing: normal; text-transform: capitalize; padding-top: 25px; padding-bottom: 15px}
#opening-section .job-form .hs-form-field > label { display: none}
#opening-section .job-form form input[type=submit] { padding:5px 20px; color: #081b59; font-size: 16px; -webkit-border-radius: 30px; border:2px solid #e7443d; border-radius: 30px; line-height: 20px; background-color: #fff; cursor: pointer; -webkit-appearance: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; font-family: 'Assistant-SemiBold'}
#opening-section .job-form form input[type=submit]:hover{ background-color: #081b59; color: #fff; border:2px solid #081b59}
#opening-section .job-form fieldset{ max-width: 590px !important}
#opening-section .job-form .hs-form-field{ margin-bottom: 30px}
#opening-section .job-form fieldset.form-columns-1 .hs-input { width: calc(100% - 15px)}
#opening-section .job-form fieldset.form-columns-2 .input { margin-right: 22px}
#opening-section .job-form input, #opening-section .job-form select, #opening-section .job-form textarea, #opening-section .job-form input[type=file] { color:#000; font-size:16px; font-family: 'Assistant-Regular'; border: 1px solid #b9b9b9}
#opening-section .job-form input, #opening-section .job-form textarea{ -webkit-appearance: none}
#opening-section .job-form input[type=file] { width: calc(100% - 26px) !important; padding: 5px}
#opening-section .job-form ::-webkit-input-placeholder { color: #000}
#opening-section .job-form ::-moz-placeholder { color: #000}
#opening-section .job-form :-ms-input-placeholder { color: #000}
#opening-section .job-form :-moz-placeholder { color: #000}
#opening-section .job-form .hs_recaptcha .input { margin: 0 auto 30px; max-width: 304px; width: 100%}
#opening-section .job-form .hs-error-msgs label { font-size: 16px !important; color: #ef4136 !important; text-align: left; font-weight: 300 !important; line-height: 18px; display: inline-block; margin-top: 5px}
#opening-section .job-form ul { margin: 0; padding: 0; list-style: none}
@media(max-width: 768px) {
.job-opening-box .opening-social-links ul { position:relative; left: -8px; margin-top: 10px !important }
#opening-section h3 { width: 100% } .careers-banner .banner-home{ background-position: left top}
}
@media (max-width: 667px) {
#opening-section .job-form { overflow-y: auto !important }
}
@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
#opening-section .job-form .form-columns-2 .hs-form-field .hs-input, #opening-section .job-form .form-columns-3 .hs-form-field .hs-input { width: 100% }
#opening-section .job-form fieldset.form-columns-2 .input { margin-right: 0 }
#opening-section .job-form .hs-form-field{ margin-bottom: 20px }
#opening-section .job-form fieldset.form-columns-1 .hs-input { width:100% }
#opening-section .job-form fieldset.form-columns-1 .input { margin-right: 0 }
#opening-section .job-form input[type=file] { width: calc(100% - 13px) !important }
}
/*--------- Careers ends here -------------*/

/*--------- Events starts here -------------*/
.ngr-white-page h1 { width: 100%; float: left; font-size: 40px; line-height: 54px; color: #24284f; margin: 0; padding: 60px 0 55px; font-family: 'Assistant-SemiBold'}
.events-wrapper { width: 100%; float: left; margin: 0; padding: 0; display:block}
.ngr-event-listing { float: left; width: 100%; display: block; margin: 0; padding: 0}
.ngr-event-listing .event-listing-row { border-bottom: solid 1px #b7b7b7; padding:0 0 60px; width: 100%; float: left; margin: 0 0 60px}
.ngr-event-listing h2{ font-size:22px; font-family: 'Assistant-SemiBold'; width: 100%; float: left; margin:0; padding:3px 0 7px; color:#081b59}
.ngr-event-listing .event-post-date { width: 100%; float: left; /*margin:0 0 5px;*/ margin:0; padding:4px 0; background:#e6443e; color:#fff; font-size:22px; font-family: 'Assistant-SemiBold'; text-align:center}
.ngr-event-listing .events-left {	width: 100%; 	max-width: 252px; float: left; margin:0 52px 0 0; padding:0}.ngr-event-listing .events-right {	width: calc(100% - 304px); float: left; margin:0; padding:0}
.ngr-event-listing .event-image { width: 100%; float: left; margin:0; padding:0}
.ngr-event-listing .event-date { width: 100%; float: left; margin:0; padding:0}
.ngr-event-listing .venue { width: 100%; float: left; margin:0; padding:0; line-height: 22px}
.google-map-wrapper { width: calc(100% - 30px); float: left; margin: 10px 30px 10px; padding: 0; overflow:hidden; visibility: hidden; height:0}
.google-map-wrapper.active{ visibility: visible; height: 450px}
.google-map-wrapper .map { overflow: hidden; display: block; width: 100%; float: left; margin: 0px; height: 650px; padding: 0px; position:relative}
#EventDetail { visibility: hidden; height: 0}
.event_detail_body .google-map-link{ display:inline-block; font-family: 'Assistant-SemiBold'; color:#000; cursor: pointer}
.event_detail_body .google-map-link:hover{ color:#081b59}
.event_detail_body .google-map-link:before { content:'+'; display:inline-block; width: 9px; text-align: center}
.event_detail_body .google-map-link.open:before { content:'-'; display:inline-block}
.event_detail_body .ngr-event-listing .short-description { width: 100%; float: left; margin:20px 0 0 0; padding:0}
.ngr-event-listing .social-links { width: auto; float: left; margin: 6px 0 0 30px; padding: 0; display: block}.ngr-event-listing .social-links ul { margin: 0; padding: 0; display: block; list-style: none}
.ngr-event-listing .social-links ul li { margin: 0; padding: 0 7px; display: inline-block; list-style: none; font-size: 20px; line-height: 24px}
.ngr-event-listing .social-links ul li a { color: #b5b5b5; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear}
.ngr-event-listing .social-links ul li a:hover { color: #ef4136}.ngr-event-listing .more-social {width: 100%; float: left; margin: 10px 0 0; padding: 0; display: block}
.ngr-event-listing .more-social .more-link, .ngr-event-listing .more-social .direct { width: 117px; float: left; margin: 0; padding: 5px 0; font-family: 'Assistant-SemiBold'; font-size: 16px; line-height: 20px; text-align: center}
.event_detail_body { float:left; width:100%; margin:0; padding:0; display:block}
.event_detail_body { position:relative}
.event_detail_body a.close-event-detail { position: absolute; right: 0; top: 0; background: #fff}
.event-detail-fold { float: left; width: 100%; display: block; margin: 0; padding: 0}
.event-detail-fold .event-detail-th { border-bottom: 2px solid #e7443d; float: left; width: 100%; display: block; margin: 0; padding: 0}.event-detail-fold .event-detail-th .event-detail-td { font-size: 18px; font-family: 'Assistant-SemiBold'; line-height: 20px; color:#081b59}
.event-detail-tbody { float: left; width: 100%; display: block; margin: 0; padding: 0}.event-detail-tr {float: left; width: 100%; display: block; margin: 0; padding: 0}.event-listing-row-wrap { float: left; width: 100%; display: block; margin: 0; padding: 0}.event-detail-fold .event-detail-td.one { max-width: 33%}
.event-detail-fold .event-detail-td.two { max-width: 20%}.event-detail-fold .event-detail-td.three { max-width: 22%}.event-detail-fold .event-detail-td.four { max-width: 25%}.event-detail-fold .event-detail-td { float: left; width: 100%; padding: 15px 30px; line-height: 22px}.event-listing-row .event_detail_body .more-social { margin-left:30px}.event-listing-row .accordion_container { float: left; width: 100%; display: block; margin:0; padding:0}.event-listing-row .accordion_head{ float: left; width: 100%; display: block; margin:0; padding:0}.event-listing-row .event_detail_body{ float: left; width: 100%; display: block; margin:0; padding:0}
.all-event-button{ width: 100%; float: left; margin: 0; padding: 10px 0 80px; display: block;text-align:center}
@media(max-width: 990px) {
.event-detail-fold .event-detail-td { padding: 15px} 
.google-map-wrapper { width: calc(100% - 15px); margin: 10px 15px 10px }
.event-listing-row .event_detail_body .more-social { margin-left:15px }
.event-detail-fold .event-detail-td.one { max-width: 26% }
.event-detail-fold .event-detail-td.two { max-width: 20% }
.event-detail-fold .event-detail-td.three { max-width: 20% }
.event-detail-fold .event-detail-td.four { max-width: 34% }
}
@media(max-width: 768px) {
.ngr-event-listing .events-left { margin: 0 22px 0 0 }
.ngr-event-listing .events-right { width: calc(100% - 284px) }
.event-detail-fold .event-detail-td.one, .event-detail-fold .event-detail-td.two, .event-detail-fold .event-detail-td.three, .event-detail-fold .event-detail-td.four { max-width: 100%; border-top: 2px solid #e7443d; padding-left: 10px }
.google-map-wrapper { width: calc(100% - 10px); margin: 10px }
.event-listing-row .event_detail_body .more-social { margin-left: 10px }
.event-detail-fold .event-detail-th { display:none }
.event_detail_body a.close-event-detail { top: 26px }
.event-detail-fold .event-detail-td.one { margin-top: 17px; padding-right: 60px} 
.event-detail-fold .event-detail-td:before { content: attr(data-header); font-family: 'Assistant-SemiBold'; margin: 0 10px 0px 0; color: #e7443d; font-size: 16px }
.event-detail-fold .event-detail-td:empty { display: none }}
@media(max-width: 600px) {
.ngr-event-listing .events-right { width:100%; margin-top: 10px }
.ngr-event-listing .events-left { 	max-width: inherit; margin:0 }
.ngr-event-listing .event-image img{ width:100% }
}
/*--------- Events ends here -------------*/
/*--------- Press Release starts here -------------*/
.ngr-press-release .press-release-wrapper { width: 100%; float: left; margin: 0; padding: 0 0 40px; display:block}
.ngr-press-release .press-release-box { width: 100%; float: left; margin:0 0 34px; padding:5px 25px 44px 0; max-width:50%; position:relative}
.ngr-press-release .press-release-box:nth-child(even) { padding:5px 0px 44px 25px}
.ngr-press-release .press-release-box .press-release-box-inner { width: 100%; float: left; margin: 0; padding: 0; display: block}
.ngr-press-release .press-release-left { background: #081b59; width: 50%; padding: 37px 42px; float: left; margin: 0}
.press-release-date { color:#ef4136; font-size:18px; font-family: 'Assistant-Bold';	 float: left; margin: 0 0 15px; padding:0; width: 100%}
.press-release-title { color:#fff; font-size:22px; font-family: 'Assistant-SemiBold';	 float: left; margin: 0; padding:0; width: 100%; line-height:30px}
.ngr-press-release .press-release-right { width: 50%; padding: 37px 25px 0; float: left; margin: 0; line-height: 19px}
.ngr-press-release .press-release-box:after { background: #d6d6d6; width: 100%; height: 1px; content: ''; display: block; position: absolute; bottom: 0; left:0}
.ngr-press-release .press-release-box:nth-child(odd):before { background: #d6d6d6; width: 1px; height: calc(100% - 0px); content: ''; display: block; position: absolute; top: -20px; right:10px}
.ngr-press-release .social-links { width: 100%; float: left; margin: 10px 0 ; padding: 0; display: block}
.ngr-press-release .social-links ul { margin: 0; padding: 0; display: block; list-style: none}
.ngr-press-release .social-links ul li { margin: 0; padding: 0 7px; display: inline-block; list-style: none; font-size: 20px; line-height: 24px}
.ngr-press-release .social-links ul li a { color: #b5b5b5; -webkit-transition: all .3s linear; -moz-transition: all .3s linear;-ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear}
.ngr-press-release .social-links ul li a:hover { color: #ef4136}.read-more-wrap {	display: block;	float: left;	width: 100%}
.read-more-wrap .more-link{	display: inline-block}
@media(max-width: 1220px){
.ngr-press-release .press-release-left { padding: 20px }
.ngr-press-release .press-release-right { padding: 20px 20px 10px }
}
@media(max-width: 990px){
.ngr-press-release .press-release-box, .ngr-press-release .press-release-box:nth-child(even) { padding:5px 0px 25px 0px; max-width:100%; margin: 0 0 20px }
.ngr-press-release .press-release-box:nth-child(odd):before { display:none }
.ngr-press-release .press-release-left { width: 100% }
.ngr-press-release .press-release-right { width: 100%; background: #f7f7f7 }
}
/*--------- Press Release ends here -------------*/
/*--------- Press Release Detail starts here -------------*/
.pr-detail-post-heading h1{ font-size:37px; font-family: 'Assistant-SemiBold'; float:left; width:100%; display:block; margin:0 0 12px; padding:0; color:#000}
h2.pr-page-heading { width: 100%; float: left; font-size: 44px; line-height: 54px; color: #24284f; margin: 0; padding: 60px 0 55px; font-family: 'Assistant-SemiBold'}
.pr-detail-date { color:#e6443e; font-family: 'Assistant-SemiBold'; float:left; width:100%; display:block; margin:0 0 34px; padding:0}
.pr-detail-description{ float:left; width:100%; display:block; margin:0; padding:0; line-height:22px}
.pr-detail-description p { margin-bottom:24px}
.related-press-release { border-top:1px solid #b7b7b7; float:left; width:100%; display:block; margin:50px 0 0; padding:0 0 60px}.related-press-release h2 { width: 100%; float: left; font-size: 44px; line-height: 54px; color: #24284f; margin: 0; padding: 40px 0 35px; font-family: 'Assistant-SemiBold'}
.pr-detail-body .pr-detail-description ul { margin:0; padding-bottom: 30px; padding-left: 40px; list-style: disc}
.pr-detail-body .pr-detail-description ol { margin:0; padding-bottom: 30px; padding-left: 40px; list-style: decimal}
.pr-detail-body .pr-detail-description a { color:#ef4136}
.pr-detail-body .pr-detail-description h2 span,.pr-detail-body .pr-detail-description h3 span,.pr-detail-body .pr-detail-description h4 span,.pr-detail-body .pr-detail-description h5 span,.pr-detail-body .pr-detail-description h6 span {font-family: 'Assistant-SemiBold'}.pr-detail-body .pr-detail-description h2 { font-size:30px; font-family: 'Assistant-SemiBold'; line-height: 34px; margin: 0; padding: 0 0 8px}
.pr-detail-body .pr-detail-description h3 { font-size:26px; font-family: 'Assistant-SemiBold'; line-height: 28px; margin: 0; padding: 0 0 8px}
.pr-detail-body .pr-detail-description h4 { font-size:22px; font-family: 'Assistant-SemiBold'; line-height: 24px; margin: 0; padding: 0 0 8px}
.pr-detail-body .pr-detail-description h5 { font-size:18px; font-family: 'Assistant-SemiBold'; line-height: 16px; margin: 0; padding: 0 0 8px}
.pr-detail-body .pr-detail-description h6 { font-size:16px; font-family: 'Assistant-SemiBold'; line-height: 16px; margin: 0; padding: 0 0 8px}
.related-press-release ul { width: 100%; padding: 0; margin: 0; display: block; float: left}
.related-press-release ul li { font-size: 18px; font-family: 'Assistant-SemiBold'; display: block; float: left; margin: 0 0 20px; padding: 0; width: 100%}
.related-press-release ul li a { color: #081b59; text-decoration:underline; font-size: 18px; font-family: 'Assistant-SemiBold'}
.related-press-release ul li a:hover{ text-decoration:none}
/*--------- Press Release Detail ends here -------------*/

/*--------- Network Monitoring starts here -------------*/
.network-tool-section { width: 100%; float: left; margin: 0; padding: 90px 0; display: block; border-top:2px solid #ebebec}
.tools-list-header-wrapper { width: 100%; float: left; margin: 0; padding: 0px 0 52px;display: block}
.network-tool-section .ngr-section-title { font-family: 'Assistant-SemiBold'; margin: 0 0 15px}
.network-tool-section .tool-icon-short-decription { width: 100%; float: left; margin: 0 0 17px; padding: 0; display: block; font-family: 'Assistant-SemiBold'; font-size:22px;color:#222a50}
.network-tool-section .ngr-section-sub-title { width: 100%; float: left; margin: 0 0 20px; padding: 0; display: block; font-family: 'Assistant-SemiBold'; font-size:30px; color:#222a50}
.network-tool-section .ngr-page-wrapper .tools-icon-list-wrapper { width: 100%; float: left; margin: 0; padding: 0px 0 37px; display: block}
.network-tool-section .ngr-page-wrapper .tools-icon-list-wrapper .tools-icon { width: 131px; float: left; margin: 0 32px 20px 0; padding: 0; display: block; text-align: center}
.network-tool-section .ngr-page-wrapper .tools-icon-list-wrapper .tools-text-wrapper { width: calc(100% - 163px); margin: 0; padding: 0 0 44px; float: left; display: block; border-bottom: 1px solid red}
.network-tool-section .ngr-page-wrapper .hs_cos_wrapper_type_custom_widget { width: 100%; float: left; margin: 0;padding: 0; display: block}
.network-tool-section .ngr-page-wrapper .hs_cos_wrapper_type_custom_widget:last-child .tools-text-wrapper { border-bottom: none; padding-bottom: 0}
.network-tool-section .tools-text-wrapper h2 { width: 100%; float: left; margin: 0 0 19px; padding: 0px; display: block; font-size:30px;color:#222a50; font-family: 'Assistant-SemiBold'}
@media(max-width: 600px){
.network-tool-section .ngr-page-wrapper .tools-icon-list-wrapper .tools-text-wrapper, .network-tool-section .ngr-page-wrapper .tools-icon-list-wrapper .tools-icon { width:100% } .network-tool-section .tools-text-wrapper h2 { text-align: center }
}
/*--------- Network Monitoring ends here -------------*/
/*--------- Request a Demo starts here -------------*/
.popup-overlay { display:none !important}
.popup-overlay.on{ position: fixed; top: 0; left: 0; z-index: 1002; background: rgba(6,12,33,0.85); height: 100%; width: 100% !important; display:block !important; padding: 30px; right: 0; bottom: 0}
#request-a-demo.popup { max-width: 800px; color: #fff; position: fixed; left: 50%; top: 50%; -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); max-height: 90vh; width: 90%; opacity: 0; display: none; padding-top: 35px}
#request-a-demo.popup.is-visible { opacity: 1; display: block; z-index: 999999}
#request-a-demo.popup h3{ text-align: center; font-size: 33px; margin: 0 0 45px; padding: 0; display: block; font-family: 'Assistant-SemiBold'}
#request-a-demo.popup p{ text-align: center; margin: 0 auto 30px; padding: 0; display: block; max-width:610px; width:100%}
#request-a-demo .popup-close { position: absolute; top: 0; right: 0}#request-a-demo .hs-form-field > label { display: none}
#request-a-demo form input[type=submit] { padding:7px 30px; color: #fff; font-size: 20px; border: none !important; -webkit-border-radius: 30px; border-radius: 30px; line-height: 20px; background-color: #ef4136; cursor: pointer; -webkit-appearance: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; font-family: 'Assistant-SemiBold'; min-width: 145px}
#request-a-demo form input[type=submit]:hover{ background-color: #fff; color: #081b59 !important}
#request-a-demo fieldset{ max-width: inherit}
#request-a-demo .hs-form-field{ margin-bottom: 30px}
#request-a-demo fieldset.form-columns-1 .hs-input { width: calc(100% - 14px)}
#request-a-demo fieldset.form-columns-2 .input { margin-right: 22px}
#request-a-demo input, #request-a-demo select, #request-a-demo textarea { color:#000; font-size:16px; font-family: 'Assistant-Regular'}
#request-a-demo.popup input, #request-a-demo.popup select, #request-a-demo.popup textarea { color:#fff !important; text-align:left; border-bottom: 1px solid #fff}
#request-a-demo.popup input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#fff !important}
#request-a-demo.popup p a{ color:#fff !important; text-decoration:underline}
#request-a-demo.popup input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#fff !important}
#request-a-demo.popup input::-ms-input-placeholder { /* Microsoft Edge */ color:#fff !important}
#request-a-demo ::-webkit-input-placeholder { color: #000}
#request-a-demo ::-moz-placeholder { color: #000}
#request-a-demo :-ms-input-placeholder { color: #000}
#request-a-demo :-moz-placeholder { color: #000}
#request-a-demo .hs_recaptcha, #request-a-demo .hs_error_rollup { text-align: center}
#request-a-demo .hs_recaptcha .input { margin: 0 auto; max-width: 304px; width: 100%}
#request-a-demo .hs_submit { text-align: center}
#request-a-demo .hs-error-msgs label { font-size: 16px !important; color: #ff8c8c !important; text-align: left; font-weight: 300 !important; line-height: 18px; display: inline-block; margin-top: 5px}
@media (max-width: 667px) { #request-a-demo { overflow-y: auto !important }}
@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
#request-a-demo .form-columns-2 .hs-form-field .hs-input, #request-a-demo .form-columns-3 .hs-form-field .hs-input { width: 100% }
#request-a-demo fieldset.form-columns-2 .input { margin-right: 0 }
#request-a-demo .hs-form-field{ margin-bottom: 20px } #request-a-demo fieldset.form-columns-1 .hs-input { width:100% }
#request-a-demo fieldset.form-columns-1 .input { margin-right: 0 }
}
/*--------- Request a Demo ends here -------------*/
/*--------- Management starts here -------------*/
.management-listing-wrapper {float: left; width: 100%; display: block; margin: 0; padding: 0}
#management-listing { float: left; width: 100%; margin: 0 0 40px; padding: 0; display: block}
#management-listing .single-member { float: left; width: 100%; margin: 64px 0 0; padding: 0 0 64px; display: block; border-bottom: 1px solid #f2675e}
#management-listing .single-member:first-child { margin-top: 33px}
#management-listing .member-image-wrapper { float: left; width: 100%; margin: 0; padding: 0; display: block; max-width: 27%; position: relative}
#management-listing .member-description { float: right; width: 100%; margin: 0; padding: 0 0 0 54px; display: block; max-width: 73%; position: relative}
#management-listing .member-name h2{ font-size:22px; color:#222a50; font-family: 'Assistant-SemiBold'; float: left; width: 100%; margin: 0 0 4px; padding: 0}
#management-listing .member-designation{ font-size:18px; color:#e74f4a; font-family: 'Assistant-SemiBold'; float: left; width: 100%; margin: 0 0 15px; padding: 0}
#management-listing .member-bio{ float: left; width: 100%; margin: 0; padding: 0; display:block}
#management-listing .member-bio p{ float: left; width: 100%; margin: 0 0 30px; padding: 0; display:block}
#management-listing .member-bio p:last-child{ margin: 0}
#management-listing .member-image { width: calc(100% - 44px); padding: 0; float: left; display: block; margin: 0}
#management-listing .member-image img { width: 100%}
#management-listing .social-profiles { float: left; width: 44px; text-align: center}
#management-listing .social-profiles ul { float: left; width: 100%; display: block; margin: 0; padding: 0}
#management-listing .social-profiles ul li { float: left; width: 100%; display: block; margin: 0; padding: 0}
#management-listing .social-profiles ul li a { display: block; padding: 7px 3px; color: #fff; background: #e74f4a; font-size: 20px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear}
#management-listing .social-profiles ul li a:hover { background: #222a50}
@media(max-width: 990px){
#management-listing .member-image-wrapper { max-width: 32% }
#management-listing .member-description { padding: 0 0 0 34px; max-width: 68% }
}
@media(min-width: 600px) and (max-width: 768px){
#management-listing .member-image { width:100% }
#management-listing .social-profiles { width:100% }
#management-listing .social-profiles ul li { max-width: 40px }
}
@media(max-width: 600px){
#management-listing .social-profiles { width: 38px }
#management-listing .social-profiles ul li a { font-size: 18px}
#management-listing .member-image-wrapper { max-width: 100% }
#management-listing .member-description { padding: 30px 0 0 0;max-width: 100% }
#management-listing .member-image { max-width: 268px }
}
/*--------- Management ends here -------------*/
/*--------- Inner Page style ends here -------------*/
/*--------- Landing page style starts here -------------*/
.lp-section-wrapper { float: left; width: 100%; background: url(https://cdn2.hubspot.net/hubfs/1996821/featured-resources-bg.png?t=1512049066034); background-size: cover; background-position: center; padding:0}
.lp-sidebar { background-color:#dfe2ec; position: relative}
.lp-sidebar .hs-button.primary.large {background: #ef4136;}
.lp-sidebar .hs-button.primary.large:hover {background: #212951;    color: #fff;}
.lp-section-wrapper .lp-logo {margin: 50px 0 65px;	float: left;	padding: 0;	display: block;	width: 100%	}
.lp-section-wrapper .lp-welcome-text {	color: #212951;	float: left;	padding: 0 15% 4% 0;	display: block;	width: 100%	}	.lp-section-wrapper .lp-welcome-text p {	line-height: 22px;	font-size: 16px;	margin:10px 0 20px	}	.lp-section-wrapper .lp-welcome-text h1{	font-family: 'Assistant-SemiBold';	font-size: 50px;	float: left;	padding: 0;	display: block;	width: 100%;	line-height: 60px	}	.lp-section-wrapper .lp-welcome-text h2{	font-family: 'Assistant-Light';	float: left;	font-size: 50px;	padding: 0;	display: block;	width: 100%;	line-height: 60px;	margin-bottom:47px	}	.lp-section-wrapper .lp-welcome-text h3, .lp-section-wrapper .lp-welcome-text h4, .lp-section-wrapper .lp-welcome-text h5, .lp-section-wrapper .lp-welcome-text h6{	font-family: 'Assistant-Regular'}	.lp-section-wrapper .lp-welcome-text h3{	font-size: 40px;	line-height: 50px;	margin-bottom:40px	}	.lp-section-wrapper .lp-welcome-text h4{	font-size: 30px;	line-height: 42px;	margin-bottom:30px	}	.lp-section-wrapper .lp-welcome-text h5{	font-size: 25px;	line-height: 30px;	margin-bottom:20px	}	.lp-section-wrapper .lp-welcome-text h6{	font-size: 22px;	line-height: 28px;	margin-bottom:20px	}	.lp-section-wrapper .lp-welcome-text strong {	font-family: 'Assistant-SemiBold'	}	.lp-section-wrapper .book-placeholder {	text-align: center;	float: left;	padding: 10px 10px 10px 30px;	display: block;	width: 100%;	position: absolute; bottom: 25px; left: 0	}
.lp-section-wrapper .book-placeholder img {	width: 100%;	max-width: 100%	}	.lp-blue-section-wrapper .lp-form-style{	 padding: 20px 30px;	 color:#000	}	.lp-blue-section-wrapper .lp-form-style h3{	 font-size:20px;	 font-family: 'Assistant-SemiBold';	 color: #212951;	 padding: 0;	 margin: 0px 0 20px	}.lp-blue-section-wrapper {background: #212951;	float: left;	padding: 0;	display: block;	width: 100%;	color:#dfe2ec	}		.lp-blue-section-wrapper .lp-feature-list {	padding: 38px 12% 38px 0	}.lp-blue-section-wrapper .lp-feature-list h5 { font-size: 22px; margin: 0 0 38px; font-family: 'Assistant-SemiBold' }.lp-blue-section-wrapper .lp-feature-list ul{ padding:0; margin:0 0 0 7px; display:block; float:none; width:100% } .lp-blue-section-wrapper .lp-feature-list ul li{background:url(https://info.niagaranetworks.com/hubfs/bullet-icon.png) no-repeat left 7px; padding:0 0 12px 30px; margin:0; display:block; float:none; width:100%; line-height: 22px } .lp-blue-section-wrapper .lp-feature-list ul li:last-child { padding-bottom:8px } .lp-footer.footer-outer{ padding: 50px 0 10px } .lp-footer ul { float: left; width: 100%; margin: 0; padding: 10px 0 30px } .lp-footer ul li { float: left; width: auto; padding-right: 25px; margin-top: 15px } .lp-footer ul li:last-child { padding-right: 0 } .lp-footer ul li a { display: inline-block; width: 45px; height: 45px; border: 1px solid #081b59; font-size: 25px; line-height: 43px; text-align: center; border-radius: 50%; color: #081b59; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear }
.lp-footer ul li a:hover { color: #ef4136; border-color: #ef4136 } /*Landing Page Form Starts*/ .lp-form-style .hs-form-field > label { display: none } .lp-form-style form input[type=submit] {padding:7px 25px; color: #fff;font-size: 18px; border: none !important; -webkit-border-radius: 30px; border-radius: 30px; line-height: 20px; background-color: #ef4136; cursor: pointer; -webkit-appearance: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; font-family: 'Assistant-SemiBold' } .lp-form-style form input[type=submit]:hover{ background-color: #fff; color: #081b59 } .lp-form-style fieldset{ max-width: inherit } .lp-form-style .hs-form-field{ margin-bottom: 15px } .lp-form-style fieldset.form-columns-1 .hs-input { width: calc(100% - 14px) } .lp-form-style input, .lp-form-style select, .lp-form-style textarea { color:#000; font-size:16px; font-family: 'Assistant-Regular' } .lp-form-style input, .lp-form-style textarea { -webkit-appearance: none } .lp-form-style ::-webkit-input-placeholder { color: #212951 } .lp-form-style ::-moz-placeholder { color: #212951 } .lp-form-style :-ms-input-placeholder { color: #212951 } .lp-form-style :-moz-placeholder { color: #212951 } .lp-form-style .hs-error-msgs label { font-size: 16px !important; color: #e7443d !important; text-align: left; font-weight: 300 !important; line-height: 18px; display: inline-block; margin-top: 5px }
/*Landing Page Form Ends*/
@media(max-width: 1170px){
.lp-section-wrapper .lp-welcome-text { padding-right:12% }
}
@media(max-width: 990px){
.lp-section-wrapper .lp-welcome-text { padding-right:10% }
.lp-section-wrapper .lp-welcome-text h1, .lp-section-wrapper .lp-welcome-text h2 { font-size: 40px; line-height: 50px }
.lp-section-wrapper .lp-welcome-text h2 { margin-bottom: 30px }
.lp-section-wrapper .lp-welcome-text h6 { font-size: 18px; line-height: 24px; margin-bottom: 15px }
.lp-section-wrapper .lp-logo { margin: 50px 0 55px }
.lp-blue-section-wrapper .lp-form-style{	 padding: 20px 15px	}
}
@media(max-width: 767px){
.equal-cell-fold1, .equal-cell-fold2 { min-height:inherit !important }
.lp-section-wrapper .book-placeholder { padding: 20px 10px 20px 20px; bottom: 0; position: relative }
.lp-sidebar.equal-cell-fold1 { background-color:transparent }
.lp-blue-section-wrapper .lp-form-style { margin: 0 -15px; border-bottom: 1px solid #989898 }
}
@media(max-width: 600px){ 
.lp-section-wrapper .lp-welcome-text { padding: 0 10px 3% }
.lp-section-wrapper .lp-welcome-text h1, .lp-section-wrapper .lp-welcome-text h2 { font-size: 26px; line-height: 32px }
.lp-section-wrapper .lp-welcome-text h2 { margin-bottom: 20px }
.lp-section-wrapper .lp-logo { margin: 40px 0; text-align: center }
.lp-section-wrapper .lp-welcome-text { text-align: center }
.lp-blue-section-wrapper .lp-feature-list { padding: 38px 14px 38px 8px }
.lp-footer { text-align:center }
.lp-footer ul li { float:none; display:inline-block }
}
/*--------- Landing page style ends here -------------*/
/*--------- Two Column Equal style starts here -------------*/
.two-column-equal .social-sharing { width: 100%; float: left; margin: 15px 0; padding: 0px; display: block}
.two-column-equal .social-sharing span { width: auto; float: left; margin: 0 10px 0 0px; padding: 0px; display: inline-block; font-size: 18px; text-transform: capitalize; font-family: 'Assistant-SemiBold'}
.two-column-equal .social-sharing a { width: auto; float: left; margin: 0 10px; padding: 0px; display: inline-block; color: #081b59}
.two-column-equal .social-sharing a:hover i { color: #F00}
.two-column-equal .widget-type-header { width: 100%; float: left; margin: 0 0 40px; padding: 0; display: block}
.two-column-equal .widget-type-header h1 { padding: 0px; font-size: 32px; font-family: 'Assistant-SemiBold'; line-height: 42px}
.two-column-equal .widget-type-header h2 { padding: 0px; font-size: 30px; font-family: 'Assistant-SemiBold'; line-height: 40px}
.two-column-equal .widget-type-header h3 { padding: 0px; font-size: 28px; font-family: 'Assistant-SemiBold'; line-height: 38px}
.two-column-equal .widget-type-header h4 { padding: 0px; font-size: 26px; font-family: 'Assistant-SemiBold'; line-height: 36px}
.two-column-equal .widget-type-header h5 { padding: 0px; font-size: 24px; font-family: 'Assistant-SemiBold'; line-height: 34px}
.two-column-equal .widget-type-header h6 { padding: 0px; font-size: 22px; font-family: 'Assistant-SemiBold'; line-height: 32px}
.two-column-equal .content-wrapper h3 { width: 100%; float: left; margin: 0px; padding: 0 0 10px; display: block; font-size: 22px; line-height: 32px; font-family: 'Assistant-Regular'}
.two-column-equal .content-wrapper p { width: 100%; float: left; margin: 0 0 10px; padding: 0px; display: block; font-size: 18px; line-height: 28px; font-family: 'Assistant-Regular'}
.two-column-equal .content-wrapper a{ color: #4c9fd9}
/*--------- Two Column Equal style ends here -------------*/
.hs-form fieldset.form-columns-1 .hs-input { width: 100% !important}
.lp-form-style input, .lp-form-style textarea { -webkit-appearance: textarea}
.hs-form fieldset.form-columns-1 .input { margin-right: 0 !important}
input { border: 1px solid #b9b9b9}
.lp-form-style .hs-input[type="checkbox"] { width: inherit !important; -webkit-appearance: checkbox !important; max-width: 15px}
.image-text-form-wrapper { float: left; width: 100%; margin: 0; padding: 60px 0}
.image-text-form-wrapper .image-column { float: left; margin: 0; padding: 0; width: 23%; display: block}
.image-text-form-wrapper .image-column img{ margin: 0 auto; padding: 0; width: 100%; /*max-width: 190px;*/ display: block; height: auto}
.image-text-form-wrapper .text-column { float: left; margin: 0; padding: 0; width: 51%; display: block}
.image-text-form-wrapper .text-column .image-text-form-container { padding: 0px 40px 0px 50px; float: left; width: 100%; margin: 0; display: block}
.image-text-form-wrapper .form-column { float: left; margin: 0; padding: 0; width: 26%; display: block}
.image-text-form-wrapper .form-column p { font-size: 10px; line-height: 15px}
.image-text-form-wrapper .form-column .submitted-message { margin-top: 90px; margin-bottom: 40px}
.image-text-form-wrapper .form-column .submitted-message p { font-size: 18px; line-height: 26px}
.image-text-form-wrapper .form-column .submitted-message p a { font-size: 16px; line-height: 20px; display: inline-block}
.image-text-form-wrapper .form-column .submitted-message p strong { font-size: 22px; line-height: 26px}
.image-text-form-wrapper .form-column textarea,.image-text-form-wrapper .form-column input[type="text"],.image-text-form-wrapper .form-column input[type="password"],.image-text-form-wrapper .form-column input[type="datetime"],.image-text-form-wrapper .form-column input[type="datetime-local"],.image-text-form-wrapper .form-column input[type="date"],.image-text-form-wrapper .form-column input[type="month"],.image-text-form-wrapper .form-column input[type="time"],.image-text-form-wrapper .form-column input[type="week"],.image-text-form-wrapper .form-column input[type="number"],.image-text-form-wrapper .form-column input[type="email"],.image-text-form-wrapper .form-column input[type="url"],.image-text-form-wrapper .form-column input[type="search"],.image-text-form-wrapper .form-column input[type="tel"],.image-text-form-wrapper .form-column input[type="color"],.image-text-form-wrapper .form-column select { text-align:left}
.image-text-form-wrapper .form-column fieldset.form-columns-2 .hs-form-field { width: 100%}
.image-text-form-wrapper .form-column fieldset.form-columns-2 .input { margin-right: 0}
.image-text-form-wrapper .form-column .hs-form-field { margin-bottom: 15px}
.image-text-form-wrapper .form-column span.hs-form-required,.image-text-form-wrapper .form-column .hs-error-msgs{ color: red; font-size: 13px; line-height: 15px; margin-top: 6px}
.image-text-form-wrapper .form-column fieldset .hs-form-field label>span:not(.hs-form-required){ display:none}
.image-text-form-wrapper .form-column fieldset .hs-form-field { position: relative}
.image-text-form-wrapper .form-column fieldset .hs-form-field>label { position: absolute; right: 0; top: 0}
.image-text-form-wrapper .text-column h2 { font-family: 'Assistant-Regular'; font-size: 39px; line-height: 38px; float: left; width: 100%; margin: 0 0 10px; padding: 0; color: #081a58}
.image-text-form-wrapper .text-column h3 { font-family: 'Assistant-Regular'; float: left; padding: 0; font-size:20px; line-height: 24px; display:block; width:100%; margin:0px; color: #000}
.image-text-form-wrapper .text-column ul { float: left; width: 100%; margin: 0; padding: 10px 0 25px}
.image-text-form-wrapper .text-column ul li { position: relative; float: left; padding: 0 0 0 20px; width: 100%}
.image-text-form-wrapper .text-column ul li:before { content: ""; width: 6px; height: 6px; background-color: #ef453b; display: block; position: absolute; left: 0; top: 11px; border-radius: 50%}
.image-text-form-wrapper .form-column fieldset { max-width:100%}
@media(max-width: 767px){
.image-text-form-wrapper .image-column { width: 35% }
.image-text-form-wrapper .text-column { width: 65% }
.image-text-form-wrapper .form-column { width: 100%; margin: 20px 0 0 }
.image-text-form-wrapper .text-column h2 { font-size: 35px; line-height: 40px }
}
@media(max-width: 599px){
.image-text-form-wrapper .image-column, .image-text-form-wrapper .text-column, .image-text-form-wrapper .form-column { width: 100% }
.image-text-form-wrapper .text-column .image-text-form-container { padding:10px 0 0 }
}
/*--------------- NEW FOOTER -----------------*/
.widget-title {font-size: 18px; font-weight: 600; color: #081b59; margin-bottom: 15px}
.footer_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .footer_menu ul li a{padding: 0; max-width: inherit; font-size: 16px; color: #081b59; font-weight: 400; white-space: inherit}
.footer_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover, .footer_menu ul li a:hover {color:#ef4136}
.footer_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1, .footer_menu ul li { float: left; width: 100%; margin-bottom: 10px}
.span3.widget-span.widget-type-cell.col_1 {float: left; width: 20.55%; padding-right: 30px; border-right: 1px solid #ef4136; min-height: 305px}
.span3.widget-span.widget-type-cell.col_2 {margin-left: 0; width:23.1%; padding: 0 30px; border-right: 1px solid #ef4136; min-height: 305px}
.span2.widget-span.widget-type-cell.col_3 {min-height: 305px; border-right: 1px solid #ef4136; width:19.5%; padding: 0 30px 0 50px; margin-left: 0}
.span2.widget-span.widget-type-cell.col_4 {width: 18.3%; margin-left: 0px; padding: 0 30px 0 40px; min-height: 305px; border-right: 1px solid #ef4136}
.footer_form .form-title { font-size: 18px; font-weight: 600; color: #081b59; margin-bottom: 20px}
.footer_form label{display:none}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"],input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 7px 0px; border: none; background: transparent; text-align: center; color: #081b59; font-size: 16px; border-bottom: 1px solid #081b59; font-family: 'Assistant-Regular';font-weight: 400; font-style: italic !important}
textarea, input {  -webkit-appearance:none}
.footer_form input[type="email"] { border-radius: 0;}
.hs-button.primary.large { border: 2px solid #ef4136; background: transparent; font-size: 16px; border-radius: 20px; height: 33px; margin: 20px auto;
display: table; cursor: pointer; text-align: center; padding:5px 50px; line-height: 19px}
.hs-button.primary.large:hover{background: #ef4136; color:#fff}
.footer_form input[type="submit"].hs-button.primary.large { border: 2px solid #ef4136 !important; background: transparent !important; font-size: 16px !important; border-radius: 20px !important; height: 33px !important; margin: 20px auto !important;
display: table !important; cursor: pointer !important; text-align: center !important; padding:5px 50px !important; line-height: 19px !important; color: #000000 !important }
.footer_form input[type="submit"].hs-button.primary.large:hover{background: #ef4136 !important; color:#fff !important}
.footer_contact_btn {float: none; color: #fff; background: #081b59; border-radius: 20px; padding: 4px 33.6px; font-size: 18px; margin: 0 auto; text-align: center; width: auto}
.footer_bottom {margin-top: 50px; padding: 32px 0 30px 0; text-align: center; background: #fff}
.btn_footer { float: none; text-align: center; display: block; margin:10px auto 0 auto; width: auto}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #081b59; opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #081b59}
::-ms-input-placeholder { /* Microsoft Edge */ color: #081b59}
@media only screen and (min-width: 220px) and (max-width: 1170px){
@media only screen and (max-width : 1070px){
.footer-mid-section .widget-type-raw_jinja ul li, .social_icon ul li {padding-right: 5%; margin-bottom: 10px}
.footer_contact_btn {float: left; padding: 4px 0; width: 100%}
}
@media only screen and (max-width : 980px){
.span3.widget-span.widget-type-cell.col_1, .span3.widget-span.widget-type-cell.col_2, .span2.widget-span.widget-type-cell.col_3,
.span2.widget-span.widget-type-cell.col_4{min-height: 400px}
}
@media only screen and (max-width : 950px){
.hs-button.primary.large{padding: 5px 40px}
}
@media only screen and (max-width : 900px){
.span3.widget-span.widget-type-cell.col_1, .span3.widget-span.widget-type-cell.col_2, .span2.widget-span.widget-type-cell.col_3{float:left; width:33.33%; margin-bottom:60px; min-height: 310px}
.span2.widget-span.widget-type-cell.col_4, .span2.widget-span.widget-type-cell.col_5{width:48%; min-height: 310px; float:left; padding:0 40px}
.span2.widget-span.widget-type-cell.col_3{border:none}
.footer_contact_btn { width: auto; padding: 5px 40px}
.footer-outer .ngr-page-wrapper{float: left !important; max-width: 100%}
.footer_contact_btn {float: none; width: 148px}
}
@media only screen and (max-width : 767px){
.footer-mid-section .widget-type-raw_jinja ul, .social_icon ul {float: none; width: auto; margin: 0 auto; padding: 10px 0; display: table}
.footer-mid-section .widget-type-raw_jinja ul li, .social_icon ul li { width: 50px; padding-right: 0; text-align: center}
.footer_contact_btn {width: auto; float: none; margin: 0 auto; display: table}
.span3.widget-span.widget-type-cell.col_1, .span3.widget-span.widget-type-cell.col_2,
.span2.widget-span.widget-type-cell.col_3, .span2.widget-span.widget-type-cell.col_4{min-height: 325px}
.hs-button.primary.large{padding: 5px 50px}
}
@media only screen and (max-width : 700px){
.span3.widget-span.widget-type-cell.col_1, .span3.widget-span.widget-type-cell.col_2,
.span2.widget-span.widget-type-cell.col_3, .span2.widget-span.widget-type-cell.col_4{ width:50%; min-height: 310px; margin-bottom:40px}
.span3.widget-span.widget-type-cell.col_2, .span2.widget-span.widget-type-cell.col_4{border:none}
.span2.widget-span.widget-type-cell.col_3{border-right: 1px solid #ef4136; padding-left:0}
.span2.widget-span.widget-type-cell.col_5{width:100%; margin-bottom:0px; min-height: inherit}
.footer_contact_btn {width: auto; padding: 5px 40px 8px 40px; float: none}
.footer_form .form-title{text-align: center}
}
@media only screen and (max-width : 600px){
.accordion { color: #081b59; cursor: pointer; padding: 0 5px 0 0; width: 100%; border: none; text-align: left; outline: none; font-size: 18px;
transition: 0.4s; margin-bottom: 7px; margin-top: 0px;}
.accordion:after { content: '\002B'; color: #081b59; font-weight: bold; float: right; margin-left: 5px}
.accordionopen:after { content: "\2212"}
/* .panel {display:none; overflow: hidden; transition: max-height 0.2s ease-out}*/
.span3.widget-span.widget-type-cell.col_1, .span3.widget-span.widget-type-cell.col_2,
.span2.widget-span.widget-type-cell.col_3, .span2.widget-span.widget-type-cell.col_4{min-height: inherit; width: 100%; border-right: 0; padding: 0 0 8px 0; border-bottom: 1px solid #ef4136;
margin-bottom: 20px}
.footer_menu ul {padding: 15px 0}
}
@media only screen and (max-width : 500px){
.footer-mid-section .widget-type-raw_jinja ul, .social_icon ul {padding: 20px 0 10px 0; float: none; width: auto; margin: 0 auto; display: table}
.span2.widget-span.widget-type-cell.col_5{padding: 0}
}
}
.basic-page { color: #000; font-size: 16px}
.basic-page p { float: left; width: 100%; padding: 0 0 30px; margin: 0}
.basic-page p:last-child { padding: 0}
.basic-page p strong { font-family:inherit; font-weight:bold}
.basic-page h3 { font-size: 18px; line-height: 27px; float: left; width: 100%; font-family: 'Assistant-SemiBold'}
.basic-page h4 { font-size: 16px; line-height: 24px; float: left; width: 100%; font-family: 'Assistant-SemiBold'}
.basic-page h5 { font-size: 16px; line-height: 24px; float: left; width: 100%; font-family: 'Assistant-SemiBold'}
.basic-page h6 { font-size: 15px; line-height: 24px; float: left; width: 100%; font-family: 'Assistant-SemiBold'}
.basic-page ul { float: left; width: 100%; margin: 0; padding:5px 0 25px}
.basic-page ul li { position: relative; float: left; padding: 0 0 0 20px; width:100%}
.basic-page ul li:before { content: ""; width: 6px; height: 6px; background-color: #ef453b; display: block; position: absolute; left: 0; top: 11px; border-radius: 50%}
.basic-page ul.white-bullet li:before { background-color: #fff}
/*-------------------------------------------------*/
/*To updated header with new search*/
/*-------------------------------------------------*/

.ngr-search .field { position: relative !important; float: left !important; width: 100% !important; display: block !important; height: 33px !important}
.ngr-search.active { max-width: 30px !important}
.ngr-search.active .input:after { position: absolute !important; top: calc(100% + 20px) !important; background: #fff !important; width: 195px !important; content: '' !important; display: block !important; height: 60px !important; right: 0 !important; -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3) !important; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3) !important; border: 1px solid rgba(117,149,52,0.1) !important}
.ngr-search.active .input { padding: 10px !important; width:calc(100% - 20px) !important; display: block; height: 100%}.ngr-search a.hs-button.primary { position: absolute !important; top: 0 !important; right: 0 !important}
.ngr-search input[type="text"] { position: absolute !important; right: 25px !important; line-height: 27px !important; top: 65px !important; background: white !important; z-index: 1 !important; text-align:center}
.ngr-search.active input[type="text"] { width: 150px !important}
.ngr-header .ngr-page-wrapper { overflow: visible !important}
.main-navbar.span8 { width: calc(65.81196581200001% + 65px) !important}
.ngr-search.active input[type="text"] { padding: 0 5px !important; -webkit-transition: all 0.3s linear !important; -moz-transition: all 0.3s linear !important; -ms-transition: all 0.3s linear !important; -o-transition: all 0.3s linear !important; transition: all 0.3s linear !important; right: 25px !important; line-height: 27px !important; top: 65px !important; border: none !important; border-bottom: 2px solid #ef4136 !important}
.contact-main-link a{ padding: 8px 20px !important; margin: 23px 0 0 20px !important; width: auto !important; background: #ef4136 !important; -webkit-transition: all .3s linear !important; -moz-transition: all .3s linear !important; -ms-transition: all .3s linear !important; -o-transition: all .3s linear !important; transition: all .3s linear !important; border-radius: 25px; color: #fff !important}
@media (max-width: 1220px){
.mash-menu .mash-list-items > li > a { padding-left: 18px !important; padding-right: 18px !important }
.ngr-search.active .input:after { top: calc(100% + 16px) !important }
.ngr-search input[type="text"], .ngr-search.active input[type="text"] { top: 61px !important }
}
@media (max-width: 1170px){
.ngr-search.active { padding: 30px 0 0 !important }
}
@media (max-width: 1120px){
.mash-menu .mash-list-items > li > a { padding-left: 12px !important; padding-right: 12px !important }
}
@media(max-width: 990px) {
.main-navbar.span8 { width: 100% !important }
.contact-main-link a { margin: 13px 10px 10px 10px !important; text-align: center } .ngr-search.active { padding: 16px 0 0 !important }
}
/*-------------------------------------------------*/
/*To updated header with new search END here*/
/*-------------------------------------------------*/
.consent-popup { position: absolute; top: 0; left: 0}
/*-------------------------------------------------*/
/*Load Balancing page STARTS here*/
/*-------------------------------------------------*/
.use-cases .two-by-two-row > span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.use-cases .two-by-two-row span>div.hs_cos_wrapper_widget{ width: 50%; padding:20px; float:left; display:block}
.use-cases .two-by-two-row .box-area { height:100%; padding:40px 20px; float:left; width:100%; display:block}
.use-cases .two-by-two-row .box-area h3 { text-align:center; font-size:20px; font-family: 'Assistant-SemiBold'; margin-bottom:22px}
.box-content-wrap { max-width:410px; margin:0 auto}
.global_heading { font-size:40px; font-family: 'Assistant-Regular'; padding: 50px 0 10px; line-height: 47px; float: left; width: 100%; margin: 0 0 30px}
.text-with-image-image-container h3 { font-size:22px; line-height: 35px; font-family: 'Assistant-SemiBold'; color:#081b59}
.text-with-image-image-container.push-left h3 { text-align:left}
.ngr-page-wrapper.two-by-two-row { max-width: 1240px; padding:0}
.content-section-with-heading-divider .text-with-image-text-container h4{ font-size:100%; line-height: calc(100% + 6px); font-family: 'Assistant-SemiBold'; color:#081b59}
.content-section-with-heading-divider .text-with-image-text-container p { padding: 0 0 18px}
.content-section-with-heading-divider .text-with-image-text-container hr { border-top: 1px solid #e6443e; margin-bottom: 17px}
.black-text .text-with-image-text-container, .black-text .text-with-image-text-container p { color: #000}
.show-on-mobile { display:none}
.content-section-with-heading-divider .push-left h3 br{ display:none}
.use-cases .widget-type-rich_text { padding-bottom: 70px}
div.text-with-text:nth-of-type(1) { padding: 0 5% 0 0}
div.text-with-text:nth-of-type(2) { padding: 0 0 0 5%}
.text-with-text-inner { position:relative}
.load-balancing-method h3{ font-size:20px; font-family: 'Assistant-SemiBold'; line-height: 24px; margin-bottom:30px}
.text-with-image-wrapper.load-balancing-method h4{ font-size:100%; font-family: 'Assistant-SemiBold'; line-height: 24px; margin-bottom:5px}
.text-with-image-wrapper.load-balancing-deploy h4 { margin-bottom:15px; color:#081b59; font-size:18px}
.text-with-image-wrapper.load-balancing-implementation h4 { color:#25a0d9; font-size:18px}
.text-with-image-wrapper.load-balancing-implementation ul li:before{ background:url('https://www.niagaranetworks.com/hubfs/question-icon.svg') no-repeat top left; width: 28px; height: 28px; content: ''; display: block; position: absolute; top: 0; left:0}
.text-with-image-wrapper.load-balancing-implementation ul li { padding: 0 0 0 43px; margin-bottom: 40px}
.text-with-image-wrapper.load-balancing-implementation ul li:last-child { margin-bottom: 0}
.text-with-image-wrapper.load-balancing-implementation ul li ul { margin-top:-10px; padding-top: 0}
.text-with-image-wrapper.load-balancing-implementation ul li ul li:before { content: ""; width: 6px; height: 6px; background-color: #2499d2; display: block; position: absolute; left: 0; top: 11px; border-radius: 50%}
.text-with-image-wrapper.load-balancing-implementation ul li ul li { padding: 0 0 0 20px; margin-bottom: 0}
.text-with-image-wrapper.load-balancing-method{ padding-bottom:70px}
.text-with-text-inner span.divider { content:''; position:absolute; top:0; left:50%; height:100%; width:1px}
.section_paragraph { font-size: 20px; font-family: 'Assistant-Regular'; line-height: 24px; margin-bottom: 55px; float: left; width: 100%; text-align: center; margin-top: -20px}
.load-balancing-implementation .text-with-text-inner { background:url('https://www.niagaranetworks.com/hubfs/load-balancing-implementation.png') no-repeat bottom left}
.ngr-page-wrapper.column-three-wI-row { max-width: 1300px}
.column-three-wI-row > span { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.column-three-wI-row .hs_cos_wrapper_type_custom_widget { width: 33.33%; padding:20px 50px; float:left; display:block}
.column-three-wI-icon { text-align:center; margin-bottom:13px; float:left; width:100%; display:block}
.column-three-wI-heading { text-align:center; font-size:20px; font-family: 'Assistant-SemiBold'; margin-bottom:17px; float:left; width:100%; display:block}
.column-three-wI-content { float:left; width:100%; display:block; font-size:16px; font-family: 'Assistant-Regular'; color:#000}
.column-three-foldOne { float:left; width:100%; display:block; margin:0; padding:0}
.text-with-image-wrapper.load-balancing-features ul li:before{ background:url('https://www.niagaranetworks.com/hubfs/tickmark-icon.svg') no-repeat top left; width: 25px; height: 25px; content: ''; display: block; position: absolute; top: 2px; left:0}
.text-with-image-wrapper.load-balancing-features .ngr-page-wrapper{ max-width: 1030px}.text-with-image-wrapper.load-balancing-features h4{ font-size:20px; font-family: 'Assistant-SemiBold'}
.text-with-image-wrapper.load-balancing-features ul li { padding: 0 0 0 36px; margin-bottom: 80px}
.text-with-image-wrapper.load-balancing-features ul li:last-child { margin-bottom: 0px}
.image-text-form-wrapper .text-column p { font-family: 'Assistant-Regular'; font-size: 15px; line-height: 24px; float: left; width: 100%; margin: 0 0 14px; padding: 0}
.form-on-dark textarea,.form-on-dark input[type="text"],.form-on-dark input[type="password"],.form-on-dark input[type="datetime"],.form-on-dark input[type="datetime-local"],.form-on-dark input[type="date"],.form-on-dark input[type="month"],.form-on-dark input[type="time"],.form-on-dark input[type="week"],.form-on-dark input[type="number"],.form-on-dark input[type="email"],.form-on-dark input[type="url"],.form-on-dark input[type="search"],.form-on-dark input[type="tel"],.form-on-dark input[type="color"],.form-on-dark select { border-bottom: 1px solid #fff; color: #fff}
.form-on-dark, .image-text-form-wrapper .form-on-dark.form-column span.hs-form-required, .image-text-form-wrapper .form-on-dark.form-column .hs-error-msgs { color: #fff}
.form-on-dark a{ color: #10a1dd}
.form-on-dark .hs-button.primary.large { background: #db5041; border: 2px solid #db5041; color: #fff}
.form-on-dark ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff}
.form-on-dark ::-moz-placeholder { /* Firefox 19+ */ color: #fff}
.form-on-dark :-ms-input-placeholder { /* IE 10+ */ color: #fff}
.form-on-dark :-moz-placeholder { /* Firefox 18- */ color: #fff}
.video-placeholder { float: left; width: 100%; /* margin: 0; */ margin: 20px 0 0; padding: 0}
@media(max-width: 1320px) {
.column-three-wI-row .hs_cos_wrapper_type_custom_widget { padding: 20px 30px }
}
@media(max-width: 1220px) {
.use-cases .two-by-two-row span>div.hs_cos_wrapper_widget { padding: 15px }
.column-three-wI-row .hs_cos_wrapper_type_custom_widget { padding: 20px }
}
@media(max-width: 768px) {
.hide-on-mobile { display:none }
.show-on-mobile { display:block }
.text-with-text-inner span.divider { position: inherit; left: 0; height: 1px; width: 100%; display: block; float: left; margin: 5% 0 }
div.text-with-text:nth-of-type(1), div.text-with-text:nth-of-type(2) { padding: 0 }
.text-with-image-wrapper.load-balancing-features span.divider, .text-with-image-wrapper.load-balancing-implementation span.divider { display:none }
.text-with-image-wrapper.load-balancing-implementation { padding-bottom:0 }
.load-balancing-implementation .text-with-text-inner { background-size: 310px; padding-bottom: 130px }
.column-three-wI-row .hs_cos_wrapper_type_custom_widget { width: 100% }
}
@media(max-width: 599px) {
.use-cases .two-by-two-row span>div.hs_cos_wrapper_widget { width: 100% }
}
/*-------------------------------------------------*/
/*Load Balancing page STARTS here*/
/*-------------------------------------------------*/
.blog-first-section { width: 100%; float: left; margin: 40px 0 30px; padding: 0; display: block}
.blog-first-section .left-right-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;}
.blog-first-section h1, .blog-first-section h2, .blog-first-section span.title { width: auto; float: left; /*font-size: 44px;*/ font-size: 40px; line-height: 54px; color: #24284F; margin: 0px; padding: 0 15px 0 0px; font-family: 'Assistant-SemiBold'}
.blog-first-section .left-right-wrap .left-side {margin-right: 10px;}
.blog-first-section .left-right-wrap .right-side {margin-left: 10px;}
.blog-first-section .left-right-wrap .right-side form, .subscribe-form-main form {display: flex;flex-direction: column; position: relative;width: 100%;}
.blog-first-section .left-right-wrap .right-side form > div:first-of-type {width: 330px; margin-right: 200px;}
.blog-first-section .left-right-wrap .right-side form h2, .subscribe-form-main form h2, .blog-first-section .left-right-wrap .right-side form h1, .subscribe-form-main form h1 {font-size: 18px;line-height: 22px;width: 100%;text-align: center;padding: 0;}
.blog-first-section .left-right-wrap .right-side form > div.hs-email, .subscribe-form-main form > div.hs-email {margin-right: 200px;}
.blog-first-section .left-right-wrap .right-side form > div.hs-submit, .subscribe-form-main form > div.hs-submit {max-width: 160px;position: absolute;right: 0;top: calc(50% - 16px);}
.blog-first-section .left-right-wrap .right-side form span.hs-form-required, .subscribe-form-main form span.hs-form-required {display: none;}
.blog-first-section .left-right-wrap .right-side form > div, .subscribe-form-main form > div {float: left;}
.blog-first-section .left-right-wrap .right-side form input[type="submit"], .subscribe-form-main form input[type="submit"].hs-button.primary.large {background: #ff0000; color: #fff;padding: 5px 40px;margin: 0;font-size: 18px;}
.blog-first-section .left-right-wrap .right-side form input[type="email"]::-webkit-input-placeholder, .subscribe-form-main form input[type="email"]::-webkit-input-placeholder {font-style: normal;}
.blog-first-section .left-right-wrap .right-side form ul.inputs-list label, .subscribe-form-main form ul.inputs-list label {color: #ff0000;}
.subscribe-form-main .hbspt-form {padding: 60px 0 55px;}
.subscribe-form-main form > div:first-of-type {margin-right: 200px;}

@media(min-width: 768px) {
.subscribe-form-main .hbspt-form {max-width: 530px;float: right;width: 100%;}
}
@media(max-width: 1123px) {
  .blog-first-section .left-right-wrap .right-side {margin-top: 20px;}
}
@media(max-width: 600px) {
  .blog-first-section .left-right-wrap .right-side {margin-left: 0;width: 100%;}
  .blog-first-section .left-right-wrap .right-side form > div.hs-submit, .subscribe-form-main form > div.hs-submit {position: relative;margin-top: 20px;max-width: 100%;display: flex;justify-content: center;}
  .blog-first-section .left-right-wrap .right-side form > div:first-of-type, .subscribe-form-main form > div:first-of-type {width: 100%;margin: 0;}
  .blog-first-section .left-right-wrap .right-side form > div.hs-email, .subscribe-form-main form > div.hs-email {margin: 0;}
}
/*================================================ MENU BASIC STYLE */
.mash-menu { padding: 0; display: block; position: relative; z-index: 999; float: none; margin: 0 auto; width: 100%; max-width: 1280px; font-family: 'Assistant-Regular'; font-size: 16px}
@media screen and (max-width: 990px) { .mash-menu { float: left; width: 100% }}
.mash-menu * { /*=========================================== CSS FOR ALL ELEMENTS */ outline: none !important; text-decoration: none !important; box-sizing: border-box; font-family: 'Assistant-Regular'; list-style: none; text-align: left; -webkit-tap-highlight-color: transparent !important}
.mash-menu i.fa { /*===================================== FONT AWESOME ICONS */ font-family: FontAwesome}
.mash-menu section.mash-menu-inner-container { /*=========================================== SECTION */ margin: 0; padding: 0; float: left; width: 100%; min-height: 50px; background: #fff}
@media screen and (max-width: 990px) {
.mash-menu section.mash-menu-inner-container { min-height: 1px }
}
.mash-menu .mash-brand, .mash-menu .mash-list-items { /*=========================================== MENU BRAND */ margin: 0; padding: 0; display: block; float: left; text-align: center}
@media screen and (max-width: 990px) { .mash-menu .mash-brand, .mash-menu .mash-list-items { width: 100%}}
.mash-menu .mash-brand > li, .mash-menu .mash-list-items > li { float: left; margin: 0; padding: 0; display: block; line-height: 57px}
@media screen and (min-width: 991px) {
.mash-menu .mash-brand > li:hover > a, .mash-menu .mash-list-items > li:hover > a { color: #FFFFFF; background: #14b4fc; position: relative }
}
@media screen and (max-width: 990px) {
.mash-menu .mash-brand > li, .mash-menu .mash-list-items > li { width: 100%; text-align: left; line-height: normal; cursor: pointer; position: relative }
}
.mash-menu .mash-brand > li > a, .mash-menu .mash-list-items > li > a { width: 100%; margin: 0; display: block; font-size: 1.125em; font-weight: 400; padding-left: 15px; padding-right: 15px; color: #081b59; position: relative; overflow: hidden; transition: background 200ms ease}
@media screen and (max-width: 990px) {
.mash-menu .mash-brand > li > a, .mash-menu .mash-list-items > li > a { line-height: normal; word-wrap: break-word; padding-top: 15px; padding-bottom: 15px }
}
.mash-menu .mash-brand > li > a img, .mash-menu .mash-list-items > li > a img { max-height: 20px; top: -3px; position: relative; margin: 0; padding: 0; display: inline-block}
.mash-menu .mash-list-items { /*============================================== LIST ITEMS */}
@media screen and (min-width: 991px) {
.mash-menu .mash-list-items { display: block !important }
}
@media screen and (max-width: 990px) {
.mash-menu .mash-list-items { display: none }
}
.mash-menu .mash-list-items > li { line-height: normal; cursor: default}
.mash-menu .mash-list-items > li:after { display: none}
.mash-menu .mash-list-items > li.active { /*=========================================== LIST ITEMS ACTIVE */}
.mash-menu .mash-list-items > li.active > a { background: #14b4fc; position: relative}
.mash-menu .mash-list-items > li:hover { /*============================================ LIST ITEMS HOVER */}
.mash-menu .mash-list-items > li:hover > a { color: #FFFFFF; background: #ef4136; position: relative}
.mash-menu .mash-list-items > li > a { font-size: 0.875em; padding: 31px 20px; font-weight: 400; position: relative; overflow: hidden; display: block; z-index: 10; width: 100%; font-size: 16px; transition: background 200ms ease}
@media screen and (max-width: 990px) {
.mash-menu .mash-list-items > li > a { padding-top: 12px; padding-bottom: 12px }
.mash-menu .mash-list-items > li > a:after { display: none }
}
.mash-menu .mash-list-items.right { /*=============================================== RIGHT CLASS */ float: right}
@media screen and (max-width: 990px) {
.mash-menu .mash-list-items.right { padding-top: 0 }
}
.mash-menu .mash-list-items.right > li > .drop-down { right: 0}
.mash-menu .withripple { /*================================================= RIPPLE CSS EFFECT */ position: relative}
.mash-menu .ripple-wrapper { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; border-radius: inherit; pointer-events: none}
.mash-menu .ripple { position: absolute; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.05); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; opacity: 0; pointer-events: none}
.mash-menu .ripple.ripple-on { transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; opacity: .2}
.mash-menu .ripple.ripple-out { transition: opacity .1s linear 0s !important; opacity: 0}
.mash-menu.separator { /*================================================ SEPARATOR */}
.mash-menu.separator .mash-brand > li > a, .mash-menu.separator .mash-list-items > li > a { position: relative}
.mash-menu.separator .mash-list-items > li > ul > li a:hover {color: #ef4136;}
@media screen and (max-width: 990px) {
.mash-menu.separator .mash-brand > li > a, .mash-menu.separator .mash-list-items > li > a { border-right: none; border-bottom: 1px solid #cccccc; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1) }
}
.mash-menu.separator .mash-list-items.right { padding-top: 0}
.mash-menu.separator .mash-list-items.right > li > a { border-left: 1px solid #039fe5; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1); position: relative}
@media screen and (max-width: 990px) {
.mash-menu.separator .mash-list-items.right > li > a { border-left: none; border-bottom: 1px solid #039fe5; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1) }
}
@media screen and (max-width: 990px) {
.mash-menu.separator .mash-search-bar { border: 1px solid #039fe5; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1) }
}
.mash-menu .drop-down { /*=============================================== DROP DOWN */ margin: 0; display: none; position: absolute; top: auto; left: auto; right: auto; background: #FFFFFF; z-index: 999; min-width: 180px; padding: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: left}
@media screen and (max-width: 990px) {
.mash-menu .drop-down { position: absolute; top: auto; left: 0; right: 0; width: 100%; display: none; min-width: 10px; word-wrap: break-word; border-radius: 0; z-index: 9999 }
}
.mash-menu .drop-down li { width: 100%; margin: 0; padding: 0; display: block; position: relative; z-index: 999}
.mash-menu .drop-down li:first-child .drop-down { top: 0}
.mash-menu .drop-down li:first-child a { padding-top: 10px; position: relative}
@media screen and (min-width: 991px) {
.mash-menu .drop-down li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px }
}
.mash-menu .drop-down li:last-child a { padding-bottom: 10px; position: relative}
@media screen and (min-width: 991px) {
.mash-menu .drop-down li:last-child a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px }
}
.mash-menu .drop-down a { width: 100%; margin: 0; display: block; color: #505050; font-size: 0.8125em; padding: 6px 15px; position: relative; z-index: 999; transition: color 200ms ease}
.mash-menu .drop-down li:hover > a { color: #03a9f4; position: relative}
.mash-menu .drop-down .drop-down { /*========================================== SECOND LEVEL DROP DOWN */ left: 100%; top: -8px; z-index: -1; display: none; padding-top: 0; padding-bottom: 0}
@media screen and (min-width: 991px) {
.mash-menu .drop-down .drop-down { border-top-left-radius: 5px; border-top-right-radius: 5px }
}
@media screen and (min-width: 991px) {
.mash-menu .drop-down .drop-down li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px }
}
.mash-menu .drop-down .drop-down li:first-child a { padding-top: 15px; position: relative}
@media screen and (min-width: 991px) {
.mash-menu .drop-down .drop-down li:first-child a { border-top-left-radius: 5px; border-top-right-radius: 5px }
}
.mash-menu .drop-down .drop-down li:last-child a { padding-bottom: 15px; position: relative}
@media screen and (max-width: 990px) {
.mash-menu .drop-down .drop-down { left: 0; top: 0; z-index: 10; position: relative; display: none; border-top: 1px solid rgba(242, 242, 242, 0.86); border-bottom: 1px solid rgba(242, 242, 242, 0.86); box-shadow: none }
.mash-menu .drop-down .drop-down a { padding-left: 30px }
.mash-menu .drop-down .drop-down .drop-down a { padding-left: 50px }
.mash-menu .drop-down .drop-down .drop-down .drop-down a { padding-left: 70px }
}
.mash-menu .drop-down .drop-down.left { /*======================================== ALIGN DROP DOWN LEFT SIDE */ left: -100%}
@media screen and (max-width: 990px) {
.mash-menu .drop-down .drop-down.left { left: 0 }
}
.mash-menu .mash-list-items > li > a i.fa { /*========================================== FONT AWESOME ICONS */ font-size: 0.875em; float: left; display: inline-block; margin: 0; line-height: 16px; padding: 0 5px 0 0}
.mash-menu .mash-list-items > li > a i.fa.fa-indicator { float: right; padding-right: 0; padding-left: 5px}
.mash-menu .drop-down li a i.fa { float: left; margin: 0; display: inline-block; padding: 0 6px 0 0; line-height: 16px; font-size: 0.8125em}
.mash-menu .drop-down li a i.fa.fa-indicator { float: right; padding-right: 0; padding-left: 6px}
@media screen and (max-width: 990px) {
.mash-menu .drop-down li a i.fa.fa-indicator { padding-right: 1px}
}
.mash-menu .divider { /*=========================================== DIVIDER */ margin: 8px 0 !important; padding: 0; display: block; height: 1px; background: rgba(230, 230, 230, 0.86) !important; width: 100%}
.mash-menu .mash-search-bar { /*============================================= SEARCH BAR */ margin: 0; padding: 0; display: block; float: right}
@media screen and (min-width: 991px) {
.mash-menu .mash-search-bar { display: block !important }
.mash-menu .mash-search-bar.search-bar-hide { /*=============================================== SEARCH BAR HIDE ON DESKTOP CLASS */ display: none !important }
}
@media screen and (max-width: 990px) {
.mash-menu .mash-search-bar { display: none }
.mash-menu .mash-search-bar.search-bar-hide { /*=============================================== SEARCH BAR HIDE ON MOBILE CLASS */ display: none !important }
.mash-menu .mash-list-items.search-bar-hide { padding-top: 0}
}
.mash-menu .mash-search-bar li { margin: 0; padding: 15px 15px; display: block; float: left}
@media screen and (max-width: 990px) {
.mash-menu .mash-search-bar li { padding-top: 10px; padding-bottom: 10px }
}
.mash-menu .mash-search-bar form { margin: 0; padding: 0; display: block; float: left}
.mash-menu .mash-search-bar label { margin: 0; padding: 0; display: block; float: left; position: relative}
.mash-menu .mash-search-bar input { margin: 0; display: block; float: left; max-width: 160px; width: 100%; font-family: 'Assistant-Regular'; font-size: 0.875em; padding: 0; height: 25px; background: none; border: none; color: rgba(255, 255, 255, 0.86); position: relative; opacity: 1 !important; font-weight: 400}
.mash-menu .mash-search-bar : -moz-placeholder { opacity: 1 !important; color: rgba(255, 255, 255, 0.86)}
.mash-menu .mash-search-bar : : -moz-placeholder { opacity: 1 !important; color: rgba(255, 255, 255, 0.86)}
.mash-menu .mash-search-bar : -ms-input-placeholder { opacity: 1 !important; color: rgba(255, 255, 255, 0.86)}
.mash-menu .mash-search-bar : : -webkit-input-placeholder { opacity: 1 !important; color: rgba(255, 255, 255, 0.86)}
.mash-menu .mash-search-bar .mash-search-bar-border { margin: 0; padding: 0; display: block; height: 0; width: 100%}
.mash-menu .mash-search-bar .mash-search-bar-border:after, .mash-menu .mash-search-bar .mash-search-bar-border:before { content: ""; display: block; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.36); height: 1px; width: 100%; transition: width 400ms ease}
.mash-menu .mash-search-bar .mash-search-bar-border:before { right: 0; left: auto}
.mash-menu .mash-search-bar input:focus + .mash-search-bar-border:after, .mash-menu .mash-search-bar input:focus + .mash-search-bar-border:before,.mash-menu .mash-search-bar input:focus + .mash-search-bar-border:before { width: 0}
.mash-menu .mash-search-bar i.fa.fa-search { display: none}
@media screen and (max-width: 990px) {
.mash-menu .mash-search-bar { width: 100%; position: absolute; top: 52px; background: #03a9f4; z-index: 999; border-left: none; border-right: none }
.mash-menu .mash-search-bar li, .mash-menu .mash-search-bar form, .mash-menu .mash-search-bar label, .mash-menu .mash-search-bar input { width: 100% !important; max-width: 100% }
.mash-menu .mash-search-bar i.fa.fa-search { display: block; position: absolute; top: -60px; right: 44px; color: rgba(255, 255, 255, 0.86); height: 44px; width: 44px; cursor: pointer; text-align: center; line-height: 44px; font-size: 1em; z-index: 999 }
}
.mash-menu .drop-down-large,.mash-menu .drop-down-medium { /*============================================= FULL SIZE DROP DOWN */ margin: 0; display: none; float: left; position: absolute; top: auto; left: 0; right: 0; width: 100%; text-align: left; min-height: 100px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); font-size: 0.8125em; z-index: 999; background: #FFFFFF; line-height: 18px; padding: 20px 5px 15px; overflow: hidden}
.mash-menu .drop-down-large > .vertical-tabs-container,.mash-menu .drop-down-medium > .vertical-tabs-container { /*============================================= vertical tabs container */ position: relative; top: 15px; margin-top: -35px; margin-right: -5px; margin-left: -5px}
@media screen and (max-width: 990px) {
.mash-menu .drop-down-large, .mash-menu .drop-down-medium { position: absolute; top: auto; left: 0; width: 100%; display: none; border-radius: 0; z-index: 999 }
}
.mash-menu .drop-down-medium { /*========================================== DROP DOWN MEDIUM */ left: 0; width: 100%; max-width: 600px; right: 0; margin: 0 auto}
.mash-menu .drop-down-medium.float-left { margin: 0; right: auto}
.mash-menu .drop-down-medium.float-right { margin: 0; left: auto; right: 0}
@media screen and (max-width: 991px) {
.mash-menu .drop-down-medium { max-width: 100%; width: 100%; left: 0; right: 0 }
}
.mash-menu .vertical-tabs { /*=========================================== VERTICAL TABS */ margin: 0; width: 100%; float: left; display: block; padding: 20px 0; background: #f0f0f0}
@media screen and (max-width: 990px) {/* .mash-menu .vertical-tabs { display: none } */}
.mash-menu .vertical-tabs:before { content: ""; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(240, 240, 240, 0.86)}
.mash-menu .vertical-tabs a { float: left; width: 100%; display: inline-block; text-align: right; padding: 8px 15px; margin: 1px 0; font-weight: 500; color: #505050; position: relative; transition: background 200ms ease, color 200ms ease}
@media screen and (max-width: 990px) {
.mash-menu .vertical-tabs a { text-align: left }
}
.mash-menu .vertical-tabs a:hover, .mash-menu .vertical-tabs a.active { background: rgba(255, 255, 255, 0.86); color: #03a9f4}
.mash-menu .vertical-tabs i.fa { font-weight: 700; padding-left: 5px}
@media screen and (max-width: 990px) {
.mash-menu .vertical-tabs i.fa { float: right; top: 2px; position: relative }
}
.mash-menu .vertical-tabs-content { /*========================================= VERTICAL TABS CONTENT */ background: #FFFFFF; display: none; float: left; width: 100%; padding: 20px 5px 15px; position: relative; z-index: 10}
.mash-menu .vertical-tabs-content:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 150%; background: #FFFFFF; z-index: -1}
@media screen and (max-width: 990px) {
.mash-menu .vertical-tabs-content { border-top: 1px solid rgba(242, 242, 242, 0.86) }
}
.mash-menu .vertical-tabs-content-container > a { display: none}
@media screen and (max-width: 990px) {
.mash-menu .vertical-tabs-content-container > a { position: relative; z-index: 9999; display: block; float: left; width: 100%; text-align: right; padding: 8px 15px; margin: 1px 0; font-weight: 500; color: #505050; transition: background 200ms ease, color 200ms ease }
}
@media screen and (max-width: 990px) and (max-width: 990px) {
.mash-menu .vertical-tabs-content-container > a { text-align: left}
}
@media screen and (max-width: 990px) {
.mash-menu .vertical-tabs-content-container > a:hover, .mash-menu .vertical-tabs-content-container > a.active { background: rgba(255, 255, 255, 0.86); color: #03a9f4 }
.mash-menu .vertical-tabs-content-container > a i.fa { float: right }
}
.mash-menu .vertical-tabs-content-container .vertical-tabs-content-mobile { display: none}
@media screen and (max-width: 990px) {
.mash-menu .vertical-tabs-content-container .vertical-tabs-content-mobile { display: block; color: #505050; width: 100%; margin: 0px; font-size: 1em; padding: 10px 15px; transition: color 200ms ease 0s }
.mash-menu .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #03a9f4 }
.mash-menu .vertical-tabs-content-container .vertical-tabs-content-mobile i.fa { float: right }
}
.mash-menu .space-0 { /*===================================== SPACE 0 CLASS USED FOR REMOVE THE BOOTSTRAP COLUMNS SPACE */ padding: 0 !important; margin: 0 !important}
.mash-menu img { max-width: 100%; margin-bottom: 10px}
.mash-menu p { color: #505050; font-weight: 400; line-height: 18px}
.mash-menu h1, .mash-menu h2, .mash-menu h3, .mash-menu h4, .mash-menu h5, .mash-menu h6 { color: #505050; font-weight: 400; font-size: 2.25em; margin-top: 10px; margin-bottom: 10px}
.mash-menu h2 { font-size: 1.875em}
.mash-menu h3 { font-size: 1.625em}
.mash-menu h4 { font-size: 1.375em}
.mash-menu h5 { font-size: 1.125em}
.mash-menu h6 { font-size: 0.9375em}
.mash-menu .thumbnail { margin-bottom: 15px; border-radius: 0}
.mash-menu .thumbnail:hover { border-color: #03a9f4}
.mash-menu .lead { font-size: 1.25em; color: #505050}
.mash-menu small { font-size: 0.875em; color: #505050}
.mash-menu strong,.mash-menu em,.mash-menu abbr { color: #fff}
.mash-menu em { font-weight: 400; font-style: italic}
.mash-menu .text-primary { color: #009688}
.mash-menu .text-warning { color: #FF5722}
.mash-menu .text-danger { color: #F44336}
.mash-menu .text-success { color: #4CAF50}
.mash-menu .text-info { color: #03A9F4}
.mash-menu blockquote { border-left-color: #60ccfd; padding: 5px 15px; margin-bottom: 10px}
.mash-menu blockquote small:before { display: none}
.mash-menu .list-items, .mash-menu .order-items { /*===================================== LIST ITEMS */ padding: 0; display: block; width: 100%; margin: 0 0 10px}
.mash-menu .list-items li, .mash-menu .order-items li { width: 100%; display: block; margin: 0; padding: 0; list-style: decimal}
.mash-menu .list-items li:first-child a, .mash-menu .order-items li:first-child a { border-top: none; position: relative}
.mash-menu .list-items a, .mash-menu .order-items a { display: inline-block; width: 100%; margin: 0; padding: 10px 0; border-top: 1px solid rgba(80, 80, 80, 0.1); color: #505050; font-weight: 400; position: relative; transition: color 200ms ease}
.mash-menu .list-items a:hover, .mash-menu .order-items a:hover { color: #03a9f4}
.mash-menu .list-items i.fa, .mash-menu .order-items i.fa { margin-right: 5px}
.mash-menu .list-items i.fa.fa-indicator, .mash-menu .order-items i.fa.fa-indicator { float: right; margin-left: 5px; margin-right: 10px}
.mash-menu .order-items li { /*============================================ ORDER LIST */ position: relative}
.mash-menu .order-items li a { padding-left: 20px; position: relative}
.mash-menu .order-items li:before { content: ""; position: absolute; top: 0; left: 15px; color: #505050; bottom: 0; line-height: 40px; text-align: left; list-style-type: inside !important; display: list-item !important}
.mash-menu .list-items-group { /*========================================= LIST GROUP ITEM */ margin: 0; padding: 0; float: left; width: 100%; display: block; position: relative}
.mash-menu .list-items-group .list-group-image { float: left; width: 50px; display: block; position: absolute; left: 0; top: 0; height: 100%; background: rgba(255, 255, 255, 0.86)}
.mash-menu .list-items-group .list-group-image img { max-width: 100%; float: left; margin-top: 10px; width: 100%}
.mash-menu .list-items-group .list-group-heading, .mash-menu .list-items-group .list-group-text { padding-left: 65px}
.mash-menu .list-items-group .divider { background: rgba(80, 80, 80, 0.1) !important}
.mash-menu .btn { text-transform: uppercase; position: relative; padding: 10px 25px; font-size: 1.0625em; margin: 0 4px 10px}
.mash-menu .btn.space-0 { padding: 10px 25px !important}
.mash-menu .btn.small { padding: 5px 10px; font-size: 1em}.mash-menu .btn.small.space-0 { padding: 5px 10px !important}
.mash-menu .btn.btn-default, .mash-menu .btn.btn-primary, .mash-menu .btn.btn-success, .mash-menu .btn.btn-info, .mash-menu .btn.btn-custom, .mash-menu .btn.btn-warning, .mash-menu .btn.btn-danger { background: none; border: none; transition: all 200ms ease; border-radius: 3px; border-bottom: 2px solid whitesmoke}
.mash-menu .btn.btn-primary { background: #009688; color: rgba(255, 255, 255, 0.86) !important; border-bottom-color: #00635a}.mash-menu .btn.btn-primary:hover { background: #00a596}
.mash-menu .btn.btn-success { background: #59B75C; color: rgba(255, 255, 255, 0.86) !important; border-bottom-color: #439a46}.mash-menu .btn.btn-success:hover { background: #64bc66}
.mash-menu .btn.btn-info { background: #0FB2FC; color: rgba(255, 255, 255, 0.86) !important; border-bottom-color: #0394d5}
.mash-menu .btn.btn-info:hover { background: #1eb7fc}.mash-menu .btn.btn-custom { background: #03a9f4; color: rgba(255, 255, 255, 0.86) !important; border-bottom-color: #0286c2}
.mash-menu .btn.btn-custom:hover { background: #0ab1fc}
.mash-menu .btn.btn-warning { background: #FF6736; color: rgba(255, 255, 255, 0.86) !important; border-bottom-color: #ff4003}
.mash-menu .btn.btn-warning:hover { background: #ff7345}
.mash-menu .btn.btn-danger { background: #F55549; color: rgba(255, 255, 255, 0.86) !important; border-bottom-color: #f22819}
.mash-menu .btn.btn-danger:hover { background: #f66358}
.mash-menu .box-orange, .mash-menu .box-red, .mash-menu .box-green, .mash-menu .box-blue { background: #FF5722; padding: 15px; color: rgba(255, 255, 255, 0.86); font-size: 1em}
.mash-menu .box-red { background: #F44336}
.mash-menu .box-green { background: #4CAF50}
.mash-menu .box-blue { background: #03A9F4}
.mash-menu .panel { border-radius: 5px; border: 1px solid #ddd; border-bottom: 5px solid #E5E6E6; color: #505050; margin-bottom: 10px}
.mash-menu .panel .panel-heading { border: none; background: #eee; color: #505050}
.mash-menu .panel .panel-body { border: none; color: #505050}
.mash-menu .panel.panel-primary .panel-heading { background: #009688; color: rgba(255, 255, 255, 0.84)}
.mash-menu .panel.panel-success .panel-heading { background: #4caf50; color: rgba(255, 255, 255, 0.84)}
.mash-menu .panel.panel-info .panel-heading { background: #03a9f4; color: rgba(255, 255, 255, 0.84)}
.mash-menu .panel.panel-warning .panel-heading { background: #ff5722; color: rgba(255, 255, 255, 0.84)}
.mash-menu .panel.panel-danger .panel-heading { background: #f44336; color: rgba(255, 255, 255, 0.84)}
.mash-menu .collapsible { /*=============================================== collapsible */ padding: 0; display: block; position: relative; margin: 0 0 10px; color: #505050; overflow: visible; background-color: rgba(248, 248, 248, 0.7); border-radius: 5px; border: 1px solid #ddd; border-bottom: 5px solid #E5E6E6}
.mash-menu .collapsible .collapsible-header { padding: 10px; font-size: 1.125em; border-top: 1px solid #ddd; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; z-index: 10; overflow: hidden !important}.mash-menu .collapsible > li:first-child .collapsible-header { border-top: none}
.mash-menu .collapsible > li.active .collapsible-body { display: block}
.mash-menu .collapsible .collapsible-body { background-color: rgba(255, 255, 255, 0.86); padding: 20px; display: none; border-top: 1px solid #ddd; line-height: 18px}
.mash-menu .collapsible i.fa { margin-right: 10px; width: 20px; text-align: center}
.mash-menu .card { /*======================================== IMAGE CARD */ padding: 0; display: block; position: relative; overflow: hidden; background-color: #FFFFFF; margin: 0 0 10px; border-radius: 2px 2px 5px 5px; border: 2px solid #E5E6E6; border-bottom: 5px solid #E5E6E6}
.mash-menu .card .card-image { position: relative}
.mash-menu .card img { border-radius: 2px 2px 0 0; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%}
.mash-menu .card .card-title { position: absolute; bottom: 0; left: 0; padding: 20px; color: #FFFFFF; font-size: 1.375em; font-weight: 300; -webkit-text-stroke-width: 0.8px}
.mash-menu .card .card-content { padding: 15px 20px; border-radius: 0 0 2px 2px}
.mash-menu .card .card-action { border-top: 1px solid rgba(160, 160, 160, 0.2); padding: 15px}
.mash-menu .card .card-action a { color: #03a9f4; margin-right: 20px; text-transform: uppercase; position: relative}
.mash-menu .card .card-action a:hover { text-decoration: underline !important}
.mash-menu .card.reveal .card-title { color: #505050; position: relative; top: 0; left: 0; padding-left: 0; padding-top: 0; padding-bottom: 10px; display: inline-block}
.mash-menu .card.reveal a { color: #03a9f4; text-transform: uppercase; position: relative}
.mash-menu .card.reveal a:hover { text-decoration: underline !important}
.mash-menu .card.reveal .card-reveal { padding: 15px 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #FFFFFF; z-index: 10; transition: -webkit-transform 800ms ease; transition: transform 800ms ease; transition: transform 800ms ease, -webkit-transform 800ms ease; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%)}
.mash-menu .card.reveal .card-content { background: #FFFFFF; position: relative; z-index: 15}
.mash-menu .card.reveal:hover .card-reveal { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}
.mash-menu [class*='col-'] { margin-bottom: 10px; position: static}
@media screen and (max-width: 990px) {
.mash-menu [class*='col-'] { margin-bottom: 30px }
}
.mash-menu .form-horizontal { /*======================================== HORIZONTAL FORM */ border: 1px solid rgba(230, 230, 230, 0.86); padding: 20px; margin: 10px 0 0; display: inline-block; background: rgba(252, 252, 252, 0.86); width: 100%}
@media screen and (max-width: 990px) {
.mash-menu .form-horizontal { display: block }
.mash-menu .form-horizontal div { margin-bottom: 10px !important}
}
.mash-menu .form-horizontal * { color: #505050 !important}
.mash-menu .form-horizontal input,.mash-menu .form-horizontal label,.mash-menu .form-horizontal textarea { width: 100% !important; line-height: 20px; resize: none}
.mash-menu .form-horizontal input { padding-bottom: 5px}
@media screen and (max-width: 990px) {
.mash-menu .form-horizontal .btn { width: 100% }
}
.mash-menu .form-horizontal button i.fa { color: rgba(255, 255, 255, 0.86) !important; position: relative; left: 10px; display: none}
.mash-menu input[type='text'],.mash-menu input[type='email'],.mash-menu input[type='password'],.mash-menu input[type='color'],.mash-menu input[type='date'],.mash-menu input[type='datetime'],.mash-menu input[type='datetime-local'],.mash-menu input[type='file'],.mash-menu input[type='hidden'],.mash-menu input[type='image'],.mash-menu input[type='month'],.mash-menu input[type='number'],.mash-menu input[type='time'],.mash-menu input[type='url'],.mash-menu input[type='week'],.mash-menu input[type='tel'],.mash-menu textarea,.mash-menu select { padding-left: 0 !important; padding-right: 0 !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2) !important; background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-color: transparent !important}
.mash-menu input[type='text']:focus,.mash-menu input[type='email']:focus,.mash-menu input[type='password']:focus,.mash-menu input[type='color']:focus,.mash-menu input[type='date']:focus,.mash-menu input[type='datetime']:focus,.mash-menu input[type='datetime-local']:focus,.mash-menu input[type='file']:focus,.mash-menu input[type='hidden']:focus,.mash-menu input[type='image']:focus,.mash-menu input[type='month']:focus,.mash-menu input[type='number']:focus,.mash-menu input[type='time']:focus,.mash-menu input[type='url']:focus,.mash-menu input[type='week']:focus,.mash-menu input[type='tel']:focus,.mash-menu textarea:focus,.mash-menu select:focus { background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2); -webkit-animation: input-highlight .5s forwards; animation: input-highlight .5s forwards; background-size: 0 2px, 100% 1px}
@-webkit-keyframes input-highlight {
0% { background-size: 0 2px, 100% 1px }
100% { background-size: 100% 2px, 100% 1px }
}
@keyframes input-highlight {
0% { background-size: 0 2px, 100% 1px }
100% { background-size: 100% 2px, 100% 1px}
}
.mash-menu input.menu-checkbox { display: none}
.mash-menu input.menu-checkbox:checked + label:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}
.mash-menu label.menu-checkbox { font-weight: 400; color: #505050; position: relative; padding-left: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 1.0625em; line-height: normal; width: 100%}
.mash-menu label.menu-checkbox:before, .mash-menu label.menu-checkbox:after { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; height: 16px; width: 16px; background: none; border: 2px solid #505050; border-radius: 2px}
.mash-menu label.menu-checkbox:after { content: "\f00c"; width: 16px; height: 16px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); background-size: 100% 100%; transition: -webkit-transform 200ms ease; transition: transform 200ms ease; transition: transform 200ms ease, -webkit-transform 200ms ease; background: #03a9f4; font-family: FontAwesome; color: rgba(255, 255, 255, 0.86); font-size: 0.625em; text-align: center; line-height: 12px; font-weight: 400}
.mash-menu input.menu-toggle { display: none}
.mash-menu input.menu-toggle:checked + label:after { left: 12px}
.mash-menu label.menu-toggle { font-weight: 400; color: #505050; position: relative; padding-left: 38px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 1.0625em; line-height: normal; width: 100%}
.mash-menu label.menu-toggle:before, .mash-menu label.menu-toggle:after { content: ""; display: block; position: absolute; top: 3px; left: 0; background: #60ccfd; border-radius: 100px; height: 12px; width: 30px}
.mash-menu label.menu-toggle:after { background: #03a9f4; height: 18px; width: 18px; top: 0; left: -3px; transition: left 400ms ease}
.mash-menu input.menu-radio { display: none}
.mash-menu input.menu-radio:checked + label:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}
.mash-menu label.menu-radio { font-weight: 400; color: #505050; position: relative; padding-left: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 1.0625em; line-height: normal; width: 100%}
.mash-menu label.menu-radio:after, .mash-menu label.menu-radio:before { content: ""; display: block; position: absolute; top: 1px; left: 0; height: 15px; width: 15px; border-radius: 100px; border: 2px solid #505050}.mash-menu label.menu-radio:after { border-color: #03a9f4; background: #03a9f4; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease}
.mash-menu .mash-mobile-button { /*=========================================== mobile trigger button */ border: none; background: #fff; width: 40px; height: 40px; position: absolute; top: 0px; right: 20px; z-index: 99999; display: block; padding: 0}
@media screen and (min-width: 991px) {
.mash-menu .mash-mobile-button { display: none }
}
.mash-menu .mash-mobile-button span { border-bottom: 2px solid #222850; cursor: pointer; display: block; width: 40px; height: 40px}
.mash-menu .mash-mobile-button span:before { content: ""; width: 100%; height: 2px; background-color: #222850; position: absolute; top: 65%; left: 0}
.mash-menu .mash-mobile-button span:after { content: ""; width: 100%; height: 2px; background-color: #222850; position: absolute; top: 35%; left: 0}
.mash-menu.mash-top-fixed .mash-menu-inner-container { /* ================================================ MENU FIXED ON TOP */ position: fixed; top: 0; left: 0; right: 0; max-width: 1280px; margin: 0 auto}
@media screen and (max-width: 990px) {
.mash-menu.mash-top-fixed .mash-menu-inner-container { max-width: 100%; margin: 0 }
.mash-menu.mash-top-fixed .mash-menu-inner-container .mash-list-items { max-height: 400px !important; overflow: hidden !important; overflow-y: auto !important }
}
.mash-menu.mash-full-width { /* ==================================================== MENU FULL WIDTH */ max-width: 100%}
.mash-menu.mash-full-width .mash-menu-inner-container { max-width: 100%; margin: 0}
.mash-menu .lead { -webkit-text-stroke-width: 0.025em}
.mash-menu .vertical-tabs-horizontal { /*======================================================= tabs */ padding: 0; display: block; float: left; width: 100%; margin: 0 0 10px}
.mash-menu .vertical-tabs-horizontal ul.horizontal-tab-heading { float: left; width: 100%; display: block; margin: 0; padding: 0}
.mash-menu .vertical-tabs-horizontal ul.horizontal-tab-heading li { float: left; display: block; margin: 0; padding: 0}
.mash-menu .vertical-tabs-horizontal ul.horizontal-tab-heading li.active a { background: #FFFFFF}
.mash-menu .vertical-tabs-horizontal ul.horizontal-tab-heading a { padding: 12px 15px; font-size: 1.125em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #505050; display: inline-block}
.mash-menu .vertical-tabs-horizontal ul.horizontal-tab-heading i.fa { margin-right: 5px; display: inline-block}
.mash-menu .vertical-tabs-horizontal .horizontal-tab-content { display: block; margin: 0; float: left; width: 100%; padding: 10px 15px; border: 1px solid #ddd; position: relative; z-index: 10; background: #FFFFFF; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16), 0 1px 0 0 rgba(0, 0, 0, 0.12)}
.mash-menu .vertical-tabs-horizontal .horizontal-tab-content .horizontal-tab-panel { display: none}
.mash-menu .vertical-tabs-horizontal .horizontal-tab-content .horizontal-tab-panel.active { display: block}
.mash-menu .mash-error { /*==================================================== error class*/ background: #FF0000; padding: 40px 20px 20px; text-align: center; color: #FFFFFF; position: relative; max-width: 400px; width: 100%; margin: 100px auto auto; z-index: 9999999; border-radius: 5px; font-size: 0.875em; overflow: hidden; letter-spacing: 1px; line-height: 25px; clear: both}
.mash-menu .mash-error:before { content: 'Error'; position: absolute; line-height: normal; top: 0; left: 0; color: #FFFFFF; right: 0; text-align: left; padding: 5px 5px 5px 10px; letter-spacing: 1px; background: #8B0000}
.mash-menu .mash-extra { /*============================================== mash extra class */ position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-height: 50px; z-index: 10; margin: 0; padding: 0}
.mash-menu .mash-extra > .mash-extra-container { background: #02638f; float: left; width: 100%; position: relative; min-height: 57px}
.mash-menu .mash-extra > .mash-extra-container > ul.mash-extra-links { float: right; padding: 0; display: block; margin: 0 150px 0 0}
.mash-menu .mash-extra > .mash-extra-container > ul.mash-extra-links > li { float: left; margin: 0; padding: 0; display: block; line-height: 57px}
.mash-menu .mash-extra > .mash-extra-container > ul.mash-extra-links > li > a { width: 100%; margin: 0; display: block; font-size: 0.875em; font-weight: 400; padding-left: 15px; padding-right: 15px; color: rgba(255, 255, 255, 0.86); position: relative; overflow: hidden}
.mash-menu .mash-categories { /*============================================== categories */ margin: 0; padding: 0; display: block; float: right}
.mash-menu .mash-categories * { -webkit-backface-visibility: hidden; backface-visibility: hidden}
.mash-menu .mash-categories li { margin: 0; padding: 0; display: block; float: left}
.mash-menu .mash-categories a { margin: 0; padding: 0 15px 0 15px; display: inline-block; color: rgba(255, 255, 255, 0.86); background: rgba(3, 169, 244, 0.3); font-size: 0.875em; line-height: 57px; transition: background 400ms ease; border-left: 1px solid #039fe5; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1); position: relative; z-index: 99999999}
.mash-menu .mash-categories a i.fa { margin-left: 2px}
.mash-menu .mash-categories a:hover { background: #14b4fc}
.mash-menu .mash-table { /*============================================= table */ padding: 0; border-bottom: 5px solid #E5E6E6; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: table; float: left; width: 100%; margin: 0 0 10px}
@media screen and (max-width: 990px) { .mash-menu .mash-table { white-space: nowrap; overflow-x: auto; display: block; width: 100%; border-bottom: none }}
.mash-menu .mash-table .mash-table-heading { color: #505050; padding: 10px 15px; border-bottom: 3px solid #E5E6E6}
.mash-menu .mash-table thead { background: #ECECEC}
.mash-menu .mash-table td,.mash-menu .mash-table th { padding: 10px 15px; color: #505050; border: 1px solid #ddd; position: relative; display: table-cell; width: auto}
.mash-menu .menu-select-dropdown { float: left; width: 100%; display: block; margin: 0; padding: 0}
.mash-menu .dropdownjs { /*=================================================== select input element */ position: relative; font-weight: 400; color: #505050; margin: 0; padding: 0; display: block; float: left; width: 100%}
.mash-menu .dropdownjs:before { content: "\f0d7"; position: absolute; font-family: "FontAwesome"; right: 10px; top: 0; bottom: 0; line-height: 40px}
.mash-menu .dropdownjs > input { width: 100%; text-overflow: ellipsis; padding: 10px; font-size: 1.0625em}
.mash-menu .dropdownjs > input.focus ~ ul { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}
.mash-menu .dropdownjs > ul { position: absolute; padding: 0; margin: 0; min-width: 200px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 10000}
.mash-menu .dropdownjs > ul[placement=top-left] { -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; bottom: 0; left: 0}
.mash-menu .dropdownjs > ul[placement=bottom-left] { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; bottom: 0; left: 0}
.mash-menu .dropdownjs > ul > li { list-style: none; padding: 5px 10px}
.mash-menu .dropdownjs > ul > li.dropdownjs-add { padding: 0}
.mash-menu .dropdownjs > ul > li.dropdownjs-add > input { border: 0; padding: 10px 20px; width: 100%}
.mash-menu .dropdownjs > input[readonly] { cursor: pointer}
.mash-menu .dropdownjs select[data-dropdownjs][disabled] ~ input[readonly] { cursor: default}
.mash-menu .dropdownjs > ul { background: #FFF; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12); transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; padding: 10px; overflow: auto; max-width: 500px}
.mash-menu .dropdownjs > ul > li { cursor: pointer; word-wrap: break-word}
.mash-menu .dropdownjs > ul > li.selected,.mash-menu .dropdownjs > ul > li:active { background-color: #eaeaea}
.mash-menu .dropdownjs > ul > li:focus { outline: 0}
.mash-menu .dropdownjs > ul > li > .close:before { content: "\00d7"; display: block; position: absolute; right: 15px; float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .6}
.mash-menu .dropdownjs > ul > li > .close:hover:before { opacity: .9}
.mash-menu .mash-tabs-container { /*===================================================== mash tabs container */ padding: 0; float: left; width: 100%; display: block; border-bottom: 5px solid #E5E6E6; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: 0 0 10px}
@media screen and (max-width: 990px) { .mash-menu .mash-tabs-container { float: none }}
.mash-menu .mash-tabs-container .mash-tabs { display: table; table-layout: fixed; border-collapse: separate; border-spacing: 5px 0; width: 100%}
@media screen and (max-width: 990px) { .mash-menu .mash-tabs-container .mash-tabs { border-collapse: collapse; border-spacing: 0 }}
.mash-menu .mash-tabs-container .mash-tabs a { background: #ECECEC; padding: 10px 2px; display: table-cell; color: #505050; text-align: center; font-size: 1.125em; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 10px; border: 1px solid #ddd; border-bottom: none; position: relative; z-index: 10}
@media screen and (max-width: 990px) { .mash-menu .mash-tabs-container .mash-tabs a { display: inline-block; width: 100%; border-radius: 0 }}
.mash-menu .mash-tabs-container .mash-tabs a.active { background: #FFFFFF}
.mash-menu .mash-tabs-container .mash-tabs a.active:before { content: ""; position: absolute; bottom: -20px; left: 0; right: 0; width: 100%; height: 100%; background: #FFFFFF; z-index: -1}
.mash-menu .mash-tabs-container .mash-tabs-content { float: left; width: 100%; background-color: #FFFFFF; padding: 20px 0 0; display: block; border: 1px solid #ddd; border-radius: 5px 5px 0 0}
@media screen and (max-width: 990px) { .mash-menu .mash-tabs-container .mash-tabs-content { padding-top: 0 }}
.mash-menu .mash-tabs-container .mash-tabs-content .mash-tabs-mobile { display: none; background: #ECECEC; padding: 10px 2px; color: #505050; text-align: center; font-size: 1.125em; position: relative; z-index: 10}
@media screen and (max-width: 990px) { .mash-menu .mash-tabs-container .mash-tabs-content .mash-tabs-mobile { display: inline-block; width: 100%; border-radius: 0 }}
.mash-menu .mash-tabs-container .mash-tabs-content .mash-tabs-mobile.active { background: #FFFFFF}
.mash-menu .mash-tabs-container .mash-tabs-content .mash-tabs-mobile.active:before { display: none}
@media screen and (max-width: 990px) { .mash-menu .mash-tabs-container .mash-tabs-content .mash-tabs-mobile { display: block; border: none; border-bottom: 1px solid #ddd; margin: 0 }}
.mash-menu .mash-tabs-container .mash-tabs-content > div[id*="tab-"] { display: none}
@media screen and (max-width: 990px) { .mash-menu .mash-tabs-container .mash-tabs-content > div[id*="tab-"] { padding-top: 20px }}
@media screen and (max-width: 990px) { .mash-menu .mash-tabs-container .mash-tabs-content { border-radius: 0; float: none }}
.mash-menu .mash-social-icons { float: right; margin: 0; padding: 0 15px; display: block}
.mash-menu .mash-social-icons li { margin: 0; padding: 0; display: block; float: left; line-height: 57px}
.mash-menu .mash-social-icons a { color: rgba(255, 255, 255, 0.86); margin: 0; padding: 0 5px; display: inline-block; float: left; width: 100%; text-align: center}
.mash-menu .mash-social-icons a:hover { color: #FFFFFF}
@media screen and (max-width: 990px) { .mash-menu .mash-social-icons { width: 100%; text-align: center; font-size: 0 }
.mash-menu .mash-social-icons li { float: none; display: inline-block }
.mash-menu .mash-social-icons li a { font-size: 16px; padding: 0 10px }}
@media screen and (min-width: 991px) { .mash-menu.right-to-left .mash-list-items > li, .mash-menu.right-to-left .mash-brand, .mash-menu.right-to-left .mash-list-items { /* ================================= menu link align right to left */float: right }
.mash-menu.right-to-left .mash-list-items.right, .mash-menu.right-to-left .mash-search-bar, .mash-menu.right-to-left .mash-social-icons { float: left }
.mash-menu.right-to-left .mash-list-items.right > li > .drop-down { right: auto }}
.mash-menu .nav-tabs { display: -webkit-flex; display: -ms-flexbox; display: flex; border: none !important}
@media screen and (max-width: 990px) { .mash-menu .nav-tabs { display: block }}
.mash-menu .nav-tabs li { margin: 0 5px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; border: none !important}
@media screen and (max-width: 990px) { .mash-menu .nav-tabs li { display: block; width: 100%; margin: 0; border-radius: 0 }}
.mash-menu .nav-tabs li a { color: #505050; background: #ececec; border-left: 1px solid #e5e6e6 !important; border-right: 1px solid #e5e6e6 !important; border-top: 1px solid #e5e6e6 !important; font-size: 1.125em; cursor: pointer; text-align: center}
@media screen and (max-width: 990px) { .mash-menu .nav-tabs li a { border-radius: 0; margin: 0 }}
.mash-menu .nav-tabs li.active a { background: #ececec !important}
.mash-menu .tab-content { border: 1px solid #e5e6e6; border-radius: 5px; padding: 1.25em 1.25em 0.625em; margin-bottom: 1.25em; border-bottom-width: 5px}
@media screen and (max-width: 990px) { .mash-menu .tab-content { border-top-left-radius: 0; border-top-right-radius: 0 }}
.mash-menu .list-group { /* list group */ color: #505050}
.mash-menu .list-group .active { background: #eeeeee; color: #505050; border-color: #e5e6e6}
.mash-menu .list-group .active:hover, .mash-menu .list-group .active:active, .mash-menu .list-group .active:focus { background: #eeeeee; color: #505050; border-color: #e5e6e6}
.mash-menu .list-group .list-group-item-text { color: #505050 !important}
.mash-menu .well { /* well */ color: #505050}
.mash-menu .media { /* media */ color: #505050}
.mash-menu .media .media-left { max-width: 100px; display: block; float: left}
@media screen and (max-width: 320px) { .mash-menu .media .media-left { display: block; width: 100%; max-width: 100%; padding-right: 0 }}
.mash-menu[data-color="red"] { /*========================================================= COLORS */}
.mash-menu[data-color="red"] section.mash-menu-inner-container { background: #f44336}
/*@media screen and (min-width: 991px) {
.mash-menu[data-color="red"] .mash-brand > li:hover > a, .mash-menu[data-color="red"] .mash-list-items > li:hover > a {
background: #f55a4e
}
}*/
.mash-menu[data-color="red"] .mash-brand > li > a, .mash-menu[data-color="red"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="red"] .mash-list-items > li.active > a { background: #f55a4e}
.mash-menu[data-color="red"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #f55a4e}
.mash-menu[data-color="red"].separator .mash-brand > li > a, .mash-menu[data-color="red"].separator .mash-list-items > li > a { border-right: 1px solid #f33527}
@media screen and (max-width: 990px) { .mash-menu[data-color="red"].separator .mash-brand > li > a, .mash-menu[data-color="red"].separator .mash-list-items > li > a { border-bottom: 1px solid #f33527 }}
.mash-menu[data-color="red"].separator .mash-list-items.right > li > a { border-left: 1px solid #f33527}
@media screen and (max-width: 990px) { .mash-menu[data-color="red"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #f33527 }}
@media screen and (max-width: 990px) { .mash-menu[data-color="red"].separator .mash-search-bar { border: 1px solid #f33527 }}
.mash-menu[data-color="red"] .drop-down li:hover > a { color: #f44336}
@media screen and (max-width: 990px) { .mash-menu[data-color="red"] .mash-search-bar { background: #f44336 }}
.mash-menu[data-color="red"] .vertical-tabs a:hover, .mash-menu[data-color="red"] .vertical-tabs a.active { color: #f44336}
.mash-menu[data-color="red"] .thumbnail:hover { border-color: #f44336}
.mash-menu[data-color="red"] blockquote { border-left-color: #f99d97}
.mash-menu[data-color="red"] .list-items a:hover, .mash-menu[data-color="red"] .order-items a:hover { color: #f44336}
.mash-menu[data-color="red"] .btn.btn-custom { background: #f44336; border-bottom-color: #ea1c0d}
.mash-menu[data-color="red"] .btn.btn-custom:hover { background: #f55145}
.mash-menu[data-color="red"] .card .card-action a { color: #f44336}
.mash-menu[data-color="red"] .card.reveal a { color: #f44336}
.mash-menu[data-color="red"] input[type='text'],.mash-menu[data-color="red"] input[type='email'],.mash-menu[data-color="red"] input[type='password'],.mash-menu[data-color="red"] input[type='color'],.mash-menu[data-color="red"] input[type='date'],.mash-menu[data-color="red"] input[type='datetime'],.mash-menu[data-color="red"] input[type='datetime-local'],.mash-menu[data-color="red"] input[type='file'],.mash-menu[data-color="red"] input[type='hidden'],.mash-menu[data-color="red"] input[type='image'],.mash-menu[data-color="red"] input[type='month'],.mash-menu[data-color="red"] input[type='number'],.mash-menu[data-color="red"] input[type='time'],.mash-menu[data-color="red"] input[type='url'],.mash-menu[data-color="red"] input[type='week'],.mash-menu[data-color="red"] input[type='tel'],.mash-menu[data-color="red"] textarea,.mash-menu[data-color="red"] select { background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="red"] input[type='text']:focus,.mash-menu[data-color="red"] input[type='email']:focus,.mash-menu[data-color="red"] input[type='password']:focus,.mash-menu[data-color="red"] input[type='color']:focus,.mash-menu[data-color="red"] input[type='date']:focus,.mash-menu[data-color="red"] input[type='datetime']:focus,.mash-menu[data-color="red"] input[type='datetime-local']:focus,.mash-menu[data-color="red"] input[type='file']:focus,.mash-menu[data-color="red"] input[type='hidden']:focus,.mash-menu[data-color="red"] input[type='image']:focus,.mash-menu[data-color="red"] input[type='month']:focus,.mash-menu[data-color="red"] input[type='number']:focus,.mash-menu[data-color="red"] input[type='time']:focus,.mash-menu[data-color="red"] input[type='url']:focus,.mash-menu[data-color="red"] input[type='week']:focus,.mash-menu[data-color="red"] input[type='tel']:focus,.mash-menu[data-color="red"] textarea:focus,.mash-menu[data-color="red"] select:focus { background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="red"] label.menu-checkbox:after { background: #f44336}
.mash-menu[data-color="red"] label.menu-toggle:before, .mash-menu[data-color="red"] label.menu-toggle:after { background: #f99d97}
.mash-menu[data-color="red"] label.menu-toggle:after { background: #f44336}
.mash-menu[data-color="red"] label.menu-radio:after { border-color: #f44336; background: #f44336}
.mash-menu[data-color="red"] .mash-mobile-button { background: #f44336}
.mash-menu[data-color="red"] .mash-extra > .mash-extra-container { background: #ba160a}
.mash-menu[data-color="red"] .mash-categories a { background: rgba(244, 67, 54, 0.3); border-left: 1px solid #f33527}
.mash-menu[data-color="red"] .mash-categories a:hover { background: #f55a4e}
@media screen and (max-width: 990px) { .mash-menu[data-color="red"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="red"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #f44336 }}
.mash-menu[data-color="red"] .panel a { color: #f44336}
.mash-menu[data-color="pink"] section.mash-menu-inner-container { background: #e91e63}
@media screen and (min-width: 991px) { .mash-menu[data-color="pink"] .mash-brand > li:hover > a, .mash-menu[data-color="pink"] .mash-list-items > li:hover > a { background: #eb3573 }}
.mash-menu[data-color="pink"] .mash-brand > li > a, .mash-menu[data-color="pink"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="pink"] .mash-list-items > li.active > a { background: #eb3573}
.mash-menu[data-color="pink"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #eb3573}
.mash-menu[data-color="pink"].separator .mash-brand > li > a, .mash-menu[data-color="pink"].separator .mash-list-items > li > a { border-right: 1px solid #e2165b}
@media screen and (max-width: 990px) { .mash-menu[data-color="pink"].separator .mash-brand > li > a, .mash-menu[data-color="pink"].separator .mash-list-items > li > a { border-bottom: 1px solid #e2165b }}
.mash-menu[data-color="pink"].separator .mash-list-items.right > li > a { border-left: 1px solid #e2165b}
@media screen and (max-width: 990px) { .mash-menu[data-color="pink"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #e2165b }}
@media screen and (max-width: 990px) { .mash-menu[data-color="pink"].separator .mash-search-bar { border: 1px solid #e2165b }}
.mash-menu[data-color="pink"] .drop-down li:hover > a { color: #e91e63}
@media screen and (max-width: 990px) { .mash-menu[data-color="pink"] .mash-search-bar { background: #e91e63 }}
.mash-menu[data-color="pink"] .vertical-tabs a:hover, .mash-menu[data-color="pink"] .vertical-tabs a.active { color: #e91e63}
.mash-menu[data-color="pink"] .thumbnail:hover { border-color: #e91e63}
.mash-menu[data-color="pink"] blockquote { border-left-color: #f27ba3}
.mash-menu[data-color="pink"] .list-items a:hover, .mash-menu[data-color="pink"] .order-items a:hover { color: #e91e63}
.mash-menu[data-color="pink"] .btn.btn-custom { background: #e91e63; border-bottom-color: #c1134e}
.mash-menu[data-color="pink"] .btn.btn-custom:hover { background: #ea2c6d}
.mash-menu[data-color="pink"] .card .card-action a { color: #e91e63}
.mash-menu[data-color="pink"] .card.reveal a { color: #e91e63}
.mash-menu[data-color="pink"] input[type='text'],.mash-menu[data-color="pink"] input[type='email'],.mash-menu[data-color="pink"] input[type='password'],.mash-menu[data-color="pink"] input[type='color'],.mash-menu[data-color="pink"] input[type='date'],.mash-menu[data-color="pink"] input[type='datetime'],.mash-menu[data-color="pink"] input[type='datetime-local'],.mash-menu[data-color="pink"] input[type='file'],.mash-menu[data-color="pink"] input[type='hidden'],.mash-menu[data-color="pink"] input[type='image'],.mash-menu[data-color="pink"] input[type='month'],.mash-menu[data-color="pink"] input[type='number'],.mash-menu[data-color="pink"] input[type='time'],.mash-menu[data-color="pink"] input[type='url'],.mash-menu[data-color="pink"] input[type='week'],.mash-menu[data-color="pink"] input[type='tel'],.mash-menu[data-color="pink"] textarea,.mash-menu[data-color="pink"] select { background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="pink"] input[type='text']:focus,.mash-menu[data-color="pink"] input[type='email']:focus,.mash-menu[data-color="pink"] input[type='password']:focus,.mash-menu[data-color="pink"] input[type='color']:focus,.mash-menu[data-color="pink"] input[type='date']:focus,.mash-menu[data-color="pink"] input[type='datetime']:focus,.mash-menu[data-color="pink"] input[type='datetime-local']:focus,.mash-menu[data-color="pink"] input[type='file']:focus,.mash-menu[data-color="pink"] input[type='hidden']:focus,.mash-menu[data-color="pink"] input[type='image']:focus,.mash-menu[data-color="pink"] input[type='month']:focus,.mash-menu[data-color="pink"] input[type='number']:focus,.mash-menu[data-color="pink"] input[type='time']:focus,.mash-menu[data-color="pink"] input[type='url']:focus,.mash-menu[data-color="pink"] input[type='week']:focus,.mash-menu[data-color="pink"] input[type='tel']:focus,.mash-menu[data-color="pink"] textarea:focus,.mash-menu[data-color="pink"] select:focus { background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="pink"] label.menu-checkbox:after { background: #e91e63}
.mash-menu[data-color="pink"] label.menu-toggle:before, .mash-menu[data-color="pink"] label.menu-toggle:after { background: #f27ba3}
.mash-menu[data-color="pink"] label.menu-toggle:after { background: #e91e63}
.mash-menu[data-color="pink"] label.menu-radio:after { border-color: #e91e63; background: #e91e63}
.mash-menu[data-color="pink"] .mash-mobile-button { background: #e91e63}
.mash-menu[data-color="pink"] .mash-extra > .mash-extra-container { background: #930e3b}
.mash-menu[data-color="pink"] .mash-categories a { background: rgba(233, 30, 99, 0.3); border-left: 1px solid #e2165b}
.mash-menu[data-color="pink"] .mash-categories a:hover { background: #eb3573}
@media screen and (max-width: 990px) { .mash-menu[data-color="pink"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 } .mash-menu[data-color="pink"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #e91e63 }}
.mash-menu[data-color="pink"] .panel a { color: #e91e63}
.mash-menu[data-color="purple"] section.mash-menu-inner-container { background: #ab2bc1}
@media screen and (min-width: 991px) { .mash-menu[data-color="purple"] .mash-brand > li:hover > a, .mash-menu[data-color="purple"] .mash-list-items > li:hover > a { background: #bb34d2 }}
.mash-menu[data-color="purple"] .mash-brand > li > a, .mash-menu[data-color="purple"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="purple"] .mash-list-items > li.active > a { background: #bb34d2}
.mash-menu[data-color="purple"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #bb34d2}
.mash-menu[data-color="purple"].separator .mash-brand > li > a, .mash-menu[data-color="purple"].separator .mash-list-items > li > a { border-right: 1px solid #a028b4}
@media screen and (max-width: 990px) { .mash-menu[data-color="purple"].separator .mash-brand > li > a, .mash-menu[data-color="purple"].separator .mash-list-items > li > a { border-bottom: 1px solid #a028b4 }}
.mash-menu[data-color="purple"].separator .mash-list-items.right > li > a { border-left: 1px solid #a028b4}
@media screen and (max-width: 990px) { .mash-menu[data-color="purple"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #a028b4 }}
@media screen and (max-width: 990px) { .mash-menu[data-color="purple"].separator .mash-search-bar { border: 1px solid #a028b4 }}
.mash-menu[data-color="purple"] .drop-down li:hover > a { color: #ab2bc1}
@media screen and (max-width: 990px) { .mash-menu[data-color="purple"] .mash-search-bar { background: #ab2bc1 }}
.mash-menu[data-color="purple"] .vertical-tabs a:hover, .mash-menu[data-color="purple"] .vertical-tabs a.active { color: #ab2bc1}
.mash-menu[data-color="purple"] .thumbnail:hover { border-color: #ab2bc1}
.mash-menu[data-color="purple"] blockquote { border-left-color: #d072e0}
.mash-menu[data-color="purple"] .list-items a:hover, .mash-menu[data-color="purple"] .order-items a:hover { color: #ab2bc1}
.mash-menu[data-color="purple"] .btn.btn-custom { background: #ab2bc1; border-bottom-color: #862297}
.mash-menu[data-color="purple"] .btn.btn-custom:hover { background: #b62ece}
.mash-menu[data-color="purple"] .card .card-action a { color: #ab2bc1}
.mash-menu[data-color="purple"] .card.reveal a { color: #ab2bc1}
.mash-menu[data-color="purple"] input[type='text'],.mash-menu[data-color="purple"] input[type='email'],.mash-menu[data-color="purple"] input[type='password'],.mash-menu[data-color="purple"] input[type='color'],.mash-menu[data-color="purple"] input[type='date'],.mash-menu[data-color="purple"] input[type='datetime'],.mash-menu[data-color="purple"] input[type='datetime-local'],.mash-menu[data-color="purple"] input[type='file'],.mash-menu[data-color="purple"] input[type='hidden'],.mash-menu[data-color="purple"] input[type='image'],.mash-menu[data-color="purple"] input[type='month'],.mash-menu[data-color="purple"] input[type='number'],.mash-menu[data-color="purple"] input[type='time'],.mash-menu[data-color="purple"] input[type='url'],.mash-menu[data-color="purple"] input[type='week'],.mash-menu[data-color="purple"] input[type='tel'],.mash-menu[data-color="purple"] textarea,.mash-menu[data-color="purple"] select { background-image: linear-gradient(#ab2bc1, #ab2bc1), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="purple"] input[type='text']:focus,.mash-menu[data-color="purple"] input[type='email']:focus,.mash-menu[data-color="purple"] input[type='password']:focus,.mash-menu[data-color="purple"] input[type='color']:focus,.mash-menu[data-color="purple"] input[type='date']:focus,.mash-menu[data-color="purple"] input[type='datetime']:focus,.mash-menu[data-color="purple"] input[type='datetime-local']:focus,.mash-menu[data-color="purple"] input[type='file']:focus,.mash-menu[data-color="purple"] input[type='hidden']:focus,.mash-menu[data-color="purple"] input[type='image']:focus,.mash-menu[data-color="purple"] input[type='month']:focus,.mash-menu[data-color="purple"] input[type='number']:focus,.mash-menu[data-color="purple"] input[type='time']:focus,.mash-menu[data-color="purple"] input[type='url']:focus,.mash-menu[data-color="purple"] input[type='week']:focus,.mash-menu[data-color="purple"] input[type='tel']:focus,.mash-menu[data-color="purple"] textarea:focus,.mash-menu[data-color="purple"] select:focus { background-image: linear-gradient(#ab2bc1, #ab2bc1), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="purple"] label.menu-checkbox:after { background: #ab2bc1}
.mash-menu[data-color="purple"] label.menu-toggle:before, .mash-menu[data-color="purple"] label.menu-toggle:after { background: #d072e0}
.mash-menu[data-color="purple"] label.menu-toggle:after { background: #ab2bc1}
.mash-menu[data-color="purple"] label.menu-radio:after { border-color: #ab2bc1; background: #ab2bc1}
.mash-menu[data-color="purple"] .mash-mobile-button { background: #ab2bc1}
.mash-menu[data-color="purple"] .mash-extra > .mash-extra-container { background: #61186e}
.mash-menu[data-color="purple"] .mash-categories a { background: rgba(171, 43, 193, 0.3); border-left: 1px solid #a028b4}
.mash-menu[data-color="purple"] .mash-categories a:hover { background: #bb34d2}
@media screen and (max-width: 990px) { .mash-menu[data-color="purple"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="purple"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #ab2bc1 }}
.mash-menu[data-color="purple"] .panel a { color: #ab2bc1}
.mash-menu[data-color="deep-purple"] section.mash-menu-inner-container { background: #7142c3}
@media screen and (min-width: 991px) { .mash-menu[data-color="deep-purple"] .mash-brand > li:hover > a, .mash-menu[data-color="deep-purple"] .mash-list-items > li:hover > a { background: #8055c9 }}
.mash-menu[data-color="deep-purple"] .mash-brand > li > a, .mash-menu[data-color="deep-purple"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="deep-purple"] .mash-list-items > li.active > a { background: #8055c9}
.mash-menu[data-color="deep-purple"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #8055c9}
.mash-menu[data-color="deep-purple"].separator .mash-brand > li > a, .mash-menu[data-color="deep-purple"].separator .mash-list-items > li > a { border-right: 1px solid #6a3bba}
@media screen and (max-width: 990px) { .mash-menu[data-color="deep-purple"].separator .mash-brand > li > a, .mash-menu[data-color="deep-purple"].separator .mash-list-items > li > a { border-bottom: 1px solid #6a3bba }}
.mash-menu[data-color="deep-purple"].separator .mash-list-items.right > li > a {border-left: 1px solid #6a3bba}
@media screen and (max-width: 990px) { .mash-menu[data-color="deep-purple"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #6a3bba }}
@media screen and (max-width: 990px) { .mash-menu[data-color="deep-purple"].separator .mash-search-bar { border: 1px solid #6a3bba }}
.mash-menu[data-color="deep-purple"] .drop-down li:hover > a { color: #7142c3}
@media screen and (max-width: 990px) { .mash-menu[data-color="deep-purple"] .mash-search-bar { background: #7142c3 }}
.mash-menu[data-color="deep-purple"] .vertical-tabs a:hover, .mash-menu[data-color="deep-purple"] .vertical-tabs a.active { color: #7142c3}
.mash-menu[data-color="deep-purple"] .thumbnail:hover { border-color: #7142c3}
.mash-menu[data-color="deep-purple"] blockquote { border-left-color: #ab8fdc}
.mash-menu[data-color="deep-purple"] .list-items a:hover, .mash-menu[data-color="deep-purple"] .order-items a:hover { color: #7142c3}
.mash-menu[data-color="deep-purple"] .btn.btn-custom { background: #7142c3; border-bottom-color: #5a339f}
.mash-menu[data-color="deep-purple"] .btn.btn-custom:hover { background: #7a4ec7}
.mash-menu[data-color="deep-purple"] .card .card-action a { color: #7142c3}
.mash-menu[data-color="deep-purple"] .card.reveal a { color: #7142c3}
.mash-menu[data-color="deep-purple"] input[type='text'],.mash-menu[data-color="deep-purple"] input[type='email'],.mash-menu[data-color="deep-purple"] input[type='password'],.mash-menu[data-color="deep-purple"] input[type='color'],.mash-menu[data-color="deep-purple"] input[type='date'],.mash-menu[data-color="deep-purple"] input[type='datetime'],.mash-menu[data-color="deep-purple"] input[type='datetime-local'],.mash-menu[data-color="deep-purple"] input[type='file'],.mash-menu[data-color="deep-purple"] input[type='hidden'],.mash-menu[data-color="deep-purple"] input[type='image'],.mash-menu[data-color="deep-purple"] input[type='month'],.mash-menu[data-color="deep-purple"] input[type='number'],.mash-menu[data-color="deep-purple"] input[type='time'],.mash-menu[data-color="deep-purple"] input[type='url'],.mash-menu[data-color="deep-purple"] input[type='week'],.mash-menu[data-color="deep-purple"] input[type='tel'],.mash-menu[data-color="deep-purple"] textarea,.mash-menu[data-color="deep-purple"] select { background-image: linear-gradient(#7142c3, #7142c3), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="deep-purple"] input[type='text']:focus,.mash-menu[data-color="deep-purple"] input[type='email']:focus,.mash-menu[data-color="deep-purple"] input[type='password']:focus,.mash-menu[data-color="deep-purple"] input[type='color']:focus,.mash-menu[data-color="deep-purple"] input[type='date']:focus,.mash-menu[data-color="deep-purple"] input[type='datetime']:focus,.mash-menu[data-color="deep-purple"] input[type='datetime-local']:focus,.mash-menu[data-color="deep-purple"] input[type='file']:focus,.mash-menu[data-color="deep-purple"] input[type='hidden']:focus,.mash-menu[data-color="deep-purple"] input[type='image']:focus,.mash-menu[data-color="deep-purple"] input[type='month']:focus,.mash-menu[data-color="deep-purple"] input[type='number']:focus,.mash-menu[data-color="deep-purple"] input[type='time']:focus,.mash-menu[data-color="deep-purple"] input[type='url']:focus,.mash-menu[data-color="deep-purple"] input[type='week']:focus,.mash-menu[data-color="deep-purple"] input[type='tel']:focus,.mash-menu[data-color="deep-purple"] textarea:focus,.mash-menu[data-color="deep-purple"] select:focus { background-image: linear-gradient(#7142c3, #7142c3), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="deep-purple"] label.menu-checkbox:after { background: #7142c3}
.mash-menu[data-color="deep-purple"] label.menu-toggle:before, .mash-menu[data-color="deep-purple"] label.menu-toggle:after { background: #ab8fdc}
.mash-menu[data-color="deep-purple"] label.menu-toggle:after { background: #7142c3}
.mash-menu[data-color="deep-purple"] label.menu-radio:after { border-color: #7142c3; background: #7142c3}
.mash-menu[data-color="deep-purple"] .mash-mobile-button { background: #7142c3}
.mash-menu[data-color="deep-purple"] .mash-extra > .mash-extra-container { background: #442679}
.mash-menu[data-color="deep-purple"] .mash-categories a { background: rgba(113, 66, 195, 0.3); border-left: 1px solid #6a3bba}
.mash-menu[data-color="deep-purple"] .mash-categories a:hover { background: #8055c9}
@media screen and (max-width: 990px) { .mash-menu[data-color="deep-purple"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="deep-purple"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #7142c3 }}
.mash-menu[data-color="deep-purple"] .panel a { color: #7142c3}
.mash-menu[data-color="indigo"] section.mash-menu-inner-container { background: #3f51b5}
@media screen and (min-width: 991px) { .mash-menu[data-color="indigo"] .mash-brand > li:hover > a, .mash-menu[data-color="indigo"] .mash-list-items > li:hover > a { background: #4d5ec1 }}
.mash-menu[data-color="indigo"] .mash-brand > li > a, .mash-menu[data-color="indigo"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="indigo"] .mash-list-items > li.active > a { background: #4d5ec1}
.mash-menu[data-color="indigo"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #4d5ec1}
.mash-menu[data-color="indigo"].separator .mash-brand > li > a, .mash-menu[data-color="indigo"].separator .mash-list-items > li > a { border-right: 1px solid #3b4caa}
@media screen and (max-width: 990px) { .mash-menu[data-color="indigo"].separator .mash-brand > li > a, .mash-menu[data-color="indigo"].separator .mash-list-items > li > a { border-bottom: 1px solid #3b4caa }}
.mash-menu[data-color="indigo"].separator .mash-list-items.right > li > a { border-left: 1px solid #3b4caa}
@media screen and (max-width: 990px) { .mash-menu[data-color="indigo"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #3b4caa }}
@media screen and (max-width: 990px) { .mash-menu[data-color="indigo"].separator .mash-search-bar { border: 1px solid #3b4caa }}
.mash-menu[data-color="indigo"] .drop-down li:hover > a { color: #3f51b5}
@media screen and (max-width: 990px) { .mash-menu[data-color="indigo"] .mash-search-bar { background: #3f51b5 }}
.mash-menu[data-color="indigo"] .vertical-tabs a:hover, .mash-menu[data-color="indigo"] .vertical-tabs a.active { color: #3f51b5}
.mash-menu[data-color="indigo"] .thumbnail:hover { border-color: #3f51b5}
.mash-menu[data-color="indigo"] blockquote { border-left-color: #8591d5}
.mash-menu[data-color="indigo"] .list-items a:hover, .mash-menu[data-color="indigo"] .order-items a:hover { color: #3f51b5}
.mash-menu[data-color="indigo"] .btn.btn-custom { background: #3f51b5; border-bottom-color: #32408f}
.mash-menu[data-color="indigo"] .btn.btn-custom:hover { background: #4558be}
.mash-menu[data-color="indigo"] .card .card-action a { color: #3f51b5}
.mash-menu[data-color="indigo"] .card.reveal a { color: #3f51b5}
.mash-menu[data-color="indigo"] input[type='text'],.mash-menu[data-color="indigo"] input[type='email'],.mash-menu[data-color="indigo"] input[type='password'],.mash-menu[data-color="indigo"] input[type='color'],.mash-menu[data-color="indigo"] input[type='date'],.mash-menu[data-color="indigo"] input[type='datetime'],.mash-menu[data-color="indigo"] input[type='datetime-local'],.mash-menu[data-color="indigo"] input[type='file'],.mash-menu[data-color="indigo"] input[type='hidden'],.mash-menu[data-color="indigo"] input[type='image'],.mash-menu[data-color="indigo"] input[type='month'],.mash-menu[data-color="indigo"] input[type='number'],.mash-menu[data-color="indigo"] input[type='time'],.mash-menu[data-color="indigo"] input[type='url'],.mash-menu[data-color="indigo"] input[type='week'],.mash-menu[data-color="indigo"] input[type='tel'],.mash-menu[data-color="indigo"] textarea,.mash-menu[data-color="indigo"] select { background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="indigo"] input[type='text']:focus,.mash-menu[data-color="indigo"] input[type='email']:focus,.mash-menu[data-color="indigo"] input[type='password']:focus,.mash-menu[data-color="indigo"] input[type='color']:focus,.mash-menu[data-color="indigo"] input[type='date']:focus,.mash-menu[data-color="indigo"] input[type='datetime']:focus,.mash-menu[data-color="indigo"] input[type='datetime-local']:focus,.mash-menu[data-color="indigo"] input[type='file']:focus,.mash-menu[data-color="indigo"] input[type='hidden']:focus,.mash-menu[data-color="indigo"] input[type='image']:focus,.mash-menu[data-color="indigo"] input[type='month']:focus,.mash-menu[data-color="indigo"] input[type='number']:focus,.mash-menu[data-color="indigo"] input[type='time']:focus,.mash-menu[data-color="indigo"] input[type='url']:focus,.mash-menu[data-color="indigo"] input[type='week']:focus,.mash-menu[data-color="indigo"] input[type='tel']:focus,.mash-menu[data-color="indigo"] textarea:focus,.mash-menu[data-color="indigo"] select:focus { background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="indigo"] label.menu-checkbox:after { background: #3f51b5}
.mash-menu[data-color="indigo"] label.menu-toggle:before, .mash-menu[data-color="indigo"] label.menu-toggle:after { background: #8591d5}
.mash-menu[data-color="indigo"] label.menu-toggle:after { background: #3f51b5}
.mash-menu[data-color="indigo"] label.menu-radio:after { border-color: #3f51b5; background: #3f51b5}
.mash-menu[data-color="indigo"] .mash-mobile-button { background: #3f51b5}
.mash-menu[data-color="indigo"] .mash-extra > .mash-extra-container { background: #252f69}
.mash-menu[data-color="indigo"] .mash-categories a { background: rgba(63, 81, 181, 0.3); border-left: 1px solid #3b4caa}
.mash-menu[data-color="indigo"] .mash-categories a:hover { background: #4d5ec1}
@media screen and (max-width: 990px) { .mash-menu[data-color="indigo"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="indigo"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #3f51b5 }}
.mash-menu[data-color="indigo"] .panel a { color: #3f51b5}
.mash-menu[data-color="cyan"] section.mash-menu-inner-container { background: #00bcd4}
@media screen and (min-width: 991px) { .mash-menu[data-color="cyan"] .mash-brand > li:hover > a, .mash-menu[data-color="cyan"] .mash-list-items > li:hover > a { background: #00d3ee }}
.mash-menu[data-color="cyan"] .mash-brand > li > a, .mash-menu[data-color="cyan"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="cyan"] .mash-list-items > li.active > a { background: #00d3ee}
.mash-menu[data-color="cyan"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #00d3ee}
.mash-menu[data-color="cyan"].separator .mash-brand > li > a, .mash-menu[data-color="cyan"].separator .mash-list-items > li > a { border-right: 1px solid #00aec5}
@media screen and (max-width: 990px) { .mash-menu[data-color="cyan"].separator .mash-brand > li > a, .mash-menu[data-color="cyan"].separator .mash-list-items > li > a { border-bottom: 1px solid #00aec5 }}
.mash-menu[data-color="cyan"].separator .mash-list-items.right > li > a { border-left: 1px solid #00aec5}
@media screen and (max-width: 990px) { .mash-menu[data-color="cyan"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #00aec5 }}
@media screen and (max-width: 990px) { .mash-menu[data-color="cyan"].separator .mash-search-bar { border: 1px solid #00aec5 }}
.mash-menu[data-color="cyan"] .drop-down li:hover > a { color: #00bcd4}
@media screen and (max-width: 990px) { .mash-menu[data-color="cyan"] .mash-search-bar { background: #00bcd4}}
.mash-menu[data-color="cyan"] .vertical-tabs a:hover, .mash-menu[data-color="cyan"] .vertical-tabs a.active { color: #00bcd4}
.mash-menu[data-color="cyan"] .thumbnail:hover { border-color: #00bcd4}
.mash-menu[data-color="cyan"] blockquote { border-left-color: #3be9ff}
.mash-menu[data-color="cyan"] .list-items a:hover, .mash-menu[data-color="cyan"] .order-items a:hover { color: #00bcd4}
.mash-menu[data-color="cyan"] .btn.btn-custom { background: #00bcd4; border-bottom-color: #008fa1}
.mash-menu[data-color="cyan"] .btn.btn-custom:hover { background: #00cae3}
.mash-menu[data-color="cyan"] .card .card-action a { color: #00bcd4}
.mash-menu[data-color="cyan"] .card.reveal a { color: #00bcd4}
.mash-menu[data-color="cyan"] input[type='text'],.mash-menu[data-color="cyan"] input[type='email'],.mash-menu[data-color="cyan"] input[type='password'],.mash-menu[data-color="cyan"] input[type='color'],.mash-menu[data-color="cyan"] input[type='date'],.mash-menu[data-color="cyan"] input[type='datetime'],.mash-menu[data-color="cyan"] input[type='datetime-local'],.mash-menu[data-color="cyan"] input[type='file'],.mash-menu[data-color="cyan"] input[type='hidden'],.mash-menu[data-color="cyan"] input[type='image'],.mash-menu[data-color="cyan"] input[type='month'],.mash-menu[data-color="cyan"] input[type='number'],.mash-menu[data-color="cyan"] input[type='time'],.mash-menu[data-color="cyan"] input[type='url'],.mash-menu[data-color="cyan"] input[type='week'],.mash-menu[data-color="cyan"] input[type='tel'],.mash-menu[data-color="cyan"] textarea,.mash-menu[data-color="cyan"] select { background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="cyan"] input[type='text']:focus,.mash-menu[data-color="cyan"] input[type='email']:focus,.mash-menu[data-color="cyan"] input[type='password']:focus,.mash-menu[data-color="cyan"] input[type='color']:focus,.mash-menu[data-color="cyan"] input[type='date']:focus,.mash-menu[data-color="cyan"] input[type='datetime']:focus,.mash-menu[data-color="cyan"] input[type='datetime-local']:focus,.mash-menu[data-color="cyan"] input[type='file']:focus,.mash-menu[data-color="cyan"] input[type='hidden']:focus,.mash-menu[data-color="cyan"] input[type='image']:focus,.mash-menu[data-color="cyan"] input[type='month']:focus,.mash-menu[data-color="cyan"] input[type='number']:focus,.mash-menu[data-color="cyan"] input[type='time']:focus,.mash-menu[data-color="cyan"] input[type='url']:focus,.mash-menu[data-color="cyan"] input[type='week']:focus,.mash-menu[data-color="cyan"] input[type='tel']:focus,.mash-menu[data-color="cyan"] textarea:focus,.mash-menu[data-color="cyan"] select:focus { background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="cyan"] label.menu-checkbox:after { background: #00bcd4}
.mash-menu[data-color="cyan"] label.menu-toggle:before, .mash-menu[data-color="cyan"] label.menu-toggle:after { background: #3be9ff}
.mash-menu[data-color="cyan"] label.menu-toggle:after { background: #00bcd4}
.mash-menu[data-color="cyan"] label.menu-radio:after { border-color: #00bcd4; background: #00bcd4}
.mash-menu[data-color="cyan"] .mash-mobile-button { background: #00bcd4}
.mash-menu[data-color="cyan"] .mash-extra > .mash-extra-container { background: #00626e}
.mash-menu[data-color="cyan"] .mash-categories a { background: rgba(0, 188, 212, 0.3); border-left: 1px solid #00aec5}
.mash-menu[data-color="cyan"] .mash-categories a:hover { background: #00d3ee}
@media screen and (max-width: 990px) {
.mash-menu[data-color="cyan"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="cyan"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #00bcd4 }}
.mash-menu[data-color="cyan"] .panel a { color: #00bcd4}
.mash-menu[data-color="cyan"] .mash-brand > li > a, .mash-menu[data-color="cyan"] .mash-list-items > li > a { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="cyan"] .mash-list-items > li:hover > a { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="cyan"] .mash-social-icons a { color: rgba(0, 0, 0, 0.66)}
.mash-menu[data-color="cyan"] .mash-social-icons a:hover { color: #000000}
.mash-menu[data-color="cyan"] .mash-search-bar input { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="cyan"] .mash-search-bar : -moz-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="cyan"] .mash-search-bar : : -moz-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="cyan"] .mash-search-bar : -ms-input-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="cyan"] .mash-search-bar : : -webkit-input-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="cyan"] .mash-search-bar .mash-search-bar-border:after, .mash-menu[data-color="cyan"] .mash-search-bar .mash-search-bar-border:before { background: rgba(0, 0, 0, 0.36)}
.mash-menu[data-color="cyan"] .mash-mobile-button span { background: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOAgMAAABSqtRjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEViYmIAAAD///9/r5z6AAAAAnRSTlMA32D/An0AAAABYktHRAJmC3xkAAAACXBIWXMAAAsSAAALEgHS3X78AAAAEklEQVQI12MIBQEGCIkLkKgGAKK/CfcXmfkCAAAAAElFTkSuQmCC") no-repeat center}
.mash-menu[data-color="cyan"] .btn.btn-custom { color: rgba(0, 0, 0, 0.86) !important}
.mash-menu[data-color="teal"] section.mash-menu-inner-container { background: #009688}
@media screen and (min-width: 991px) { .mash-menu[data-color="teal"] .mash-brand > li:hover > a, .mash-menu[data-color="teal"] .mash-list-items > li:hover > a { background: #00b09f }}
.mash-menu[data-color="teal"] .mash-brand > li > a, .mash-menu[data-color="teal"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="teal"] .mash-list-items > li.active > a { background: #00b09f}
.mash-menu[data-color="teal"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #00b09f}
.mash-menu[data-color="teal"].separator .mash-brand > li > a, .mash-menu[data-color="teal"].separator .mash-list-items > li > a { border-right: 1px solid #00877a}
@media screen and (max-width: 990px) {
.mash-menu[data-color="teal"].separator .mash-brand > li > a, .mash-menu[data-color="teal"].separator .mash-list-items > li > a { border-bottom: 1px solid #00877a }}
.mash-menu[data-color="teal"].separator .mash-list-items.right > li > a { border-left: 1px solid #00877a}
@media screen and (max-width: 990px) { .mash-menu[data-color="teal"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #00877a }}
@media screen and (max-width: 990px) { .mash-menu[data-color="teal"].separator .mash-search-bar { border: 1px solid #00877a }}
.mash-menu[data-color="teal"] .drop-down li:hover > a { color: #009688}
@media screen and (max-width: 990px) { .mash-menu[data-color="teal"] .mash-search-bar { background: #009688 }}
.mash-menu[data-color="teal"] .vertical-tabs a:hover, .mash-menu[data-color="teal"] .vertical-tabs a.active { color: #009688}
.mash-menu[data-color="teal"] .thumbnail:hover { border-color: #009688}
.mash-menu[data-color="teal"] blockquote { border-left-color: #00fce4}
.mash-menu[data-color="teal"] .list-items a:hover, .mash-menu[data-color="teal"] .order-items a:hover { color: #009688}
.mash-menu[data-color="teal"] .btn.btn-custom { background: #009688; border-bottom-color: #00635a}
.mash-menu[data-color="teal"] .btn.btn-custom:hover { background: #00a596}
.mash-menu[data-color="teal"] .card .card-action a { color: #009688}
.mash-menu[data-color="teal"] .card.reveal a { color: #009688}
.mash-menu[data-color="teal"] input[type='text'],.mash-menu[data-color="teal"] input[type='email'],.mash-menu[data-color="teal"] input[type='password'],.mash-menu[data-color="teal"] input[type='color'],.mash-menu[data-color="teal"] input[type='date'],.mash-menu[data-color="teal"] input[type='datetime'],.mash-menu[data-color="teal"] input[type='datetime-local'],.mash-menu[data-color="teal"] input[type='file'],.mash-menu[data-color="teal"] input[type='hidden'],.mash-menu[data-color="teal"] input[type='image'],.mash-menu[data-color="teal"] input[type='month'],.mash-menu[data-color="teal"] input[type='number'],.mash-menu[data-color="teal"] input[type='time'],.mash-menu[data-color="teal"] input[type='url'],.mash-menu[data-color="teal"] input[type='week'],.mash-menu[data-color="teal"] input[type='tel'],.mash-menu[data-color="teal"] textarea,.mash-menu[data-color="teal"] select { background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="teal"] input[type='text']:focus,.mash-menu[data-color="teal"] input[type='email']:focus,.mash-menu[data-color="teal"] input[type='password']:focus,.mash-menu[data-color="teal"] input[type='color']:focus,.mash-menu[data-color="teal"] input[type='date']:focus,.mash-menu[data-color="teal"] input[type='datetime']:focus,.mash-menu[data-color="teal"] input[type='datetime-local']:focus,.mash-menu[data-color="teal"] input[type='file']:focus,.mash-menu[data-color="teal"] input[type='hidden']:focus,.mash-menu[data-color="teal"] input[type='image']:focus,.mash-menu[data-color="teal"] input[type='month']:focus,.mash-menu[data-color="teal"] input[type='number']:focus,.mash-menu[data-color="teal"] input[type='time']:focus,.mash-menu[data-color="teal"] input[type='url']:focus,.mash-menu[data-color="teal"] input[type='week']:focus,.mash-menu[data-color="teal"] input[type='tel']:focus,.mash-menu[data-color="teal"] textarea:focus,.mash-menu[data-color="teal"] select:focus { background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="teal"] label.menu-checkbox:after { background: #009688}
.mash-menu[data-color="teal"] label.menu-toggle:before, .mash-menu[data-color="teal"] label.menu-toggle:after { background: #00fce4}
.mash-menu[data-color="teal"] label.menu-toggle:after { background: #009688}
.mash-menu[data-color="teal"] label.menu-radio:after { border-color: #009688; background: #009688}
.mash-menu[data-color="teal"] .mash-mobile-button { background: #009688}
.mash-menu[data-color="teal"] .mash-extra > .mash-extra-container { background: #00302c}
.mash-menu[data-color="teal"] .mash-categories a { background: rgba(0, 150, 136, 0.3); border-left: 1px solid #00877a}
.mash-menu[data-color="teal"] .mash-categories a:hover { background: #00b09f}
@media screen and (max-width: 990px) { .mash-menu[data-color="teal"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="teal"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #009688 }}
.mash-menu[data-color="teal"] .panel a { color: #009688}
.mash-menu[data-color="green"] section.mash-menu-inner-container { background: #4caf50}
@media screen and (min-width: 991px) { .mash-menu[data-color="green"] .mash-brand > li:hover > a, .mash-menu[data-color="green"] .mash-list-items > li:hover > a { background: #5cb860 }}
.mash-menu[data-color="green"] .mash-brand > li > a, .mash-menu[data-color="green"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="green"] .mash-list-items > li.active > a { background: #5cb860}
.mash-menu[data-color="green"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #5cb860}
.mash-menu[data-color="green"].separator .mash-brand > li > a, .mash-menu[data-color="green"].separator .mash-list-items > li > a { border-right: 1px solid #47a44b}
@media screen and (max-width: 990px) {.mash-menu[data-color="green"].separator .mash-brand > li > a, .mash-menu[data-color="green"].separator .mash-list-items > li > a { border-bottom: 1px solid #47a44b }}
.mash-menu[data-color="green"].separator .mash-list-items.right > li > a { border-left: 1px solid #47a44b}
@media screen and (max-width: 990px) { .mash-menu[data-color="green"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #47a44b }}
@media screen and (max-width: 990px) { .mash-menu[data-color="green"].separator .mash-search-bar { border: 1px solid #47a44b }}
.mash-menu[data-color="green"] .drop-down li:hover > a { color: #4caf50}
@media screen and (max-width: 990px) { .mash-menu[data-color="green"] .mash-search-bar { background: #4caf50 }}
.mash-menu[data-color="green"] .vertical-tabs a:hover, .mash-menu[data-color="green"] .vertical-tabs a.active { color: #4caf50}
.mash-menu[data-color="green"] .thumbnail:hover { border-color: #4caf50}
.mash-menu[data-color="green"] blockquote { border-left-color: #92cf94}
.mash-menu[data-color="green"] .list-items a:hover, .mash-menu[data-color="green"] .order-items a:hover { color: #4caf50}
.mash-menu[data-color="green"] .btn.btn-custom { background: #4caf50; border-bottom-color: #3d8b40}
.mash-menu[data-color="green"] .btn.btn-custom:hover { background: #55b559}
.mash-menu[data-color="green"] .card .card-action a { color: #4caf50}
.mash-menu[data-color="green"] .card.reveal a { color: #4caf50}
.mash-menu[data-color="green"] input[type='text'],.mash-menu[data-color="green"] input[type='email'],.mash-menu[data-color="green"] input[type='password'],.mash-menu[data-color="green"] input[type='color'],.mash-menu[data-color="green"] input[type='date'],.mash-menu[data-color="green"] input[type='datetime'],.mash-menu[data-color="green"] input[type='datetime-local'],.mash-menu[data-color="green"] input[type='file'],.mash-menu[data-color="green"] input[type='hidden'],.mash-menu[data-color="green"] input[type='image'],.mash-menu[data-color="green"] input[type='month'],.mash-menu[data-color="green"] input[type='number'],.mash-menu[data-color="green"] input[type='time'],.mash-menu[data-color="green"] input[type='url'],.mash-menu[data-color="green"] input[type='week'],.mash-menu[data-color="green"] input[type='tel'],.mash-menu[data-color="green"] textarea,.mash-menu[data-color="green"] select { background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="green"] input[type='text']:focus,.mash-menu[data-color="green"] input[type='email']:focus,.mash-menu[data-color="green"] input[type='password']:focus,.mash-menu[data-color="green"] input[type='color']:focus,.mash-menu[data-color="green"] input[type='date']:focus,.mash-menu[data-color="green"] input[type='datetime']:focus,.mash-menu[data-color="green"] input[type='datetime-local']:focus,.mash-menu[data-color="green"] input[type='file']:focus,.mash-menu[data-color="green"] input[type='hidden']:focus,.mash-menu[data-color="green"] input[type='image']:focus,.mash-menu[data-color="green"] input[type='month']:focus,.mash-menu[data-color="green"] input[type='number']:focus,.mash-menu[data-color="green"] input[type='time']:focus,.mash-menu[data-color="green"] input[type='url']:focus,.mash-menu[data-color="green"] input[type='week']:focus,.mash-menu[data-color="green"] input[type='tel']:focus,.mash-menu[data-color="green"] textarea:focus,.mash-menu[data-color="green"] select:focus { background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="green"] label.menu-checkbox:after { background: #4caf50}
.mash-menu[data-color="green"] label.menu-toggle:before, .mash-menu[data-color="green"] label.menu-toggle:after { background: #92cf94}
.mash-menu[data-color="green"] label.menu-toggle:after { background: #4caf50}
.mash-menu[data-color="green"] label.menu-radio:after { border-color: #4caf50; background: #4caf50}
.mash-menu[data-color="green"] .mash-mobile-button { background: #4caf50}
.mash-menu[data-color="green"] .mash-extra > .mash-extra-container { background: #2d682f}
.mash-menu[data-color="green"] .mash-categories a { background: rgba(76, 175, 80, 0.3); border-left: 1px solid #47a44b}
.mash-menu[data-color="green"] .mash-categories a:hover { background: #5cb860}
@media screen and (max-width: 990px) { .mash-menu[data-color="green"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="green"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #4caf50 }}
.mash-menu[data-color="green"] .panel a { color: #4caf50}
.mash-menu[data-color="light-green"] section.mash-menu-inner-container { background: #8bc34a}
@media screen and (min-width: 991px) { .mash-menu[data-color="light-green"] .mash-brand > li:hover > a, .mash-menu[data-color="light-green"] .mash-list-items > li:hover > a { background: #97c95d }}
.mash-menu[data-color="light-green"] .mash-brand > li > a, .mash-menu[data-color="light-green"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="light-green"] .mash-list-items > li.active > a { background: #97c95d}
.mash-menu[data-color="light-green"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #97c95d}
.mash-menu[data-color="light-green"].separator .mash-brand > li > a, .mash-menu[data-color="light-green"].separator .mash-list-items > li > a { border-right: 1px solid #84bf3f}
@media screen and (max-width: 990px) { .mash-menu[data-color="light-green"].separator .mash-brand > li > a, .mash-menu[data-color="light-green"].separator .mash-list-items > li > a { border-bottom: 1px solid #84bf3f }}
.mash-menu[data-color="light-green"].separator .mash-list-items.right > li > a { border-left: 1px solid #84bf3f}
@media screen and (max-width: 990px) { .mash-menu[data-color="light-green"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #84bf3f }}
@media screen and (max-width: 990px) { .mash-menu[data-color="light-green"].separator .mash-search-bar { border: 1px solid #84bf3f }}
.mash-menu[data-color="light-green"] .drop-down li:hover > a { color: #8bc34a}
@media screen and (max-width: 990px) { .mash-menu[data-color="light-green"] .mash-search-bar { background: #8bc34a }}
.mash-menu[data-color="light-green"] .vertical-tabs a:hover, .mash-menu[data-color="light-green"] .vertical-tabs a.active { color: #8bc34a}
.mash-menu[data-color="light-green"] .thumbnail:hover { border-color: #8bc34a}
.mash-menu[data-color="light-green"] blockquote { border-left-color: #bcdc97}
.mash-menu[data-color="light-green"] .list-items a:hover, .mash-menu[data-color="light-green"] .order-items a:hover { color: #8bc34a}
.mash-menu[data-color="light-green"] .btn.btn-custom { background: #8bc34a; border-bottom-color: #71a436}
.mash-menu[data-color="light-green"] .btn.btn-custom:hover { background: #92c755}
.mash-menu[data-color="light-green"] .card .card-action a { color: #8bc34a}
.mash-menu[data-color="light-green"] .card.reveal a { color: #8bc34a}
.mash-menu[data-color="light-green"] input[type='text'],.mash-menu[data-color="light-green"] input[type='email'],.mash-menu[data-color="light-green"] input[type='password'],.mash-menu[data-color="light-green"] input[type='color'],.mash-menu[data-color="light-green"] input[type='date'],.mash-menu[data-color="light-green"] input[type='datetime'],.mash-menu[data-color="light-green"] input[type='datetime-local'],.mash-menu[data-color="light-green"] input[type='file'],.mash-menu[data-color="light-green"] input[type='hidden'],.mash-menu[data-color="light-green"] input[type='image'],.mash-menu[data-color="light-green"] input[type='month'],.mash-menu[data-color="light-green"] input[type='number'],.mash-menu[data-color="light-green"] input[type='time'],.mash-menu[data-color="light-green"] input[type='url'],.mash-menu[data-color="light-green"] input[type='week'],.mash-menu[data-color="light-green"] input[type='tel'],.mash-menu[data-color="light-green"] textarea,.mash-menu[data-color="light-green"] select { background-image: linear-gradient(#8bc34a, #8bc34a), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="light-green"] input[type='text']:focus,.mash-menu[data-color="light-green"] input[type='email']:focus,.mash-menu[data-color="light-green"] input[type='password']:focus,.mash-menu[data-color="light-green"] input[type='color']:focus,.mash-menu[data-color="light-green"] input[type='date']:focus,.mash-menu[data-color="light-green"] input[type='datetime']:focus,.mash-menu[data-color="light-green"] input[type='datetime-local']:focus,.mash-menu[data-color="light-green"] input[type='file']:focus,.mash-menu[data-color="light-green"] input[type='hidden']:focus,.mash-menu[data-color="light-green"] input[type='image']:focus,.mash-menu[data-color="light-green"] input[type='month']:focus,.mash-menu[data-color="light-green"] input[type='number']:focus,.mash-menu[data-color="light-green"] input[type='time']:focus,.mash-menu[data-color="light-green"] input[type='url']:focus,.mash-menu[data-color="light-green"] input[type='week']:focus,.mash-menu[data-color="light-green"] input[type='tel']:focus,.mash-menu[data-color="light-green"] textarea:focus,.mash-menu[data-color="light-green"] select:focus { background-image: linear-gradient(#8bc34a, #8bc34a), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="light-green"] label.menu-checkbox:after { background: #8bc34a}
.mash-menu[data-color="light-green"] label.menu-toggle:before, .mash-menu[data-color="light-green"] label.menu-toggle:after { background: #bcdc97}
.mash-menu[data-color="light-green"] label.menu-toggle:after { background: #8bc34a}
.mash-menu[data-color="light-green"] label.menu-radio:after { border-color: #8bc34a; background: #8bc34a}
.mash-menu[data-color="light-green"] .mash-mobile-button { background: #8bc34a}
.mash-menu[data-color="light-green"] .mash-extra > .mash-extra-container { background: #577d2a}
.mash-menu[data-color="light-green"] .mash-categories a { background: rgba(139, 195, 74, 0.3); border-left: 1px solid #84bf3f}
.mash-menu[data-color="light-green"] .mash-categories a:hover { background: #97c95d}
@media screen and (max-width: 990px) { .mash-menu[data-color="light-green"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="light-green"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #8bc34a }}
.mash-menu[data-color="light-green"] .panel a { color: #8bc34a}
.mash-menu[data-color="light-green"] .mash-brand > li > a, .mash-menu[data-color="light-green"] .mash-list-items > li > a { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="light-green"] .mash-list-items > li:hover > a { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="light-green"] .mash-social-icons a { color: rgba(0, 0, 0, 0.66)}
.mash-menu[data-color="light-green"] .mash-social-icons a:hover { color: #000000}
.mash-menu[data-color="light-green"] .mash-search-bar input { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="light-green"] .mash-search-bar : -moz-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="light-green"] .mash-search-bar : : -moz-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="light-green"] .mash-search-bar : -ms-input-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="light-green"] .mash-search-bar : : -webkit-input-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="light-green"] .mash-search-bar .mash-search-bar-border:after, .mash-menu[data-color="light-green"] .mash-search-bar .mash-search-bar-border:before { background: rgba(0, 0, 0, 0.36)}
.mash-menu[data-color="light-green"] .mash-mobile-button span { background: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOAgMAAABSqtRjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEViYmIAAAD///9/r5z6AAAAAnRSTlMA32D/An0AAAABYktHRAJmC3xkAAAACXBIWXMAAAsSAAALEgHS3X78AAAAEklEQVQI12MIBQEGCIkLkKgGAKK/CfcXmfkCAAAAAElFTkSuQmCC") no-repeat center}
.mash-menu[data-color="light-green"] .btn.btn-custom { color: rgba(0, 0, 0, 0.86) !important}
.mash-menu[data-color="light-green"] .drop-down li:hover > a { color: #71a436}
.mash-menu[data-color="light-green"] .vertical-tabs a:hover, .mash-menu[data-color="light-green"] .vertical-tabs a.active { color: #71a436}
.mash-menu[data-color="light-green"] .list-items a:hover, .mash-menu[data-color="light-green"] .order-items a:hover { color: #71a436}
.mash-menu[data-color="light-green"] .card .card-action a { color: #71a436}
.mash-menu[data-color="light-green"] .card.reveal a { color: #71a436}
.mash-menu[data-color="lime"] section.mash-menu-inner-container { background: #cddc39}
@media screen and (min-width: 991px) { .mash-menu[data-color="lime"] .mash-brand > li:hover > a, .mash-menu[data-color="lime"] .mash-list-items > li:hover > a { background: #d2e04f }}
.mash-menu[data-color="lime"] .mash-brand > li > a, .mash-menu[data-color="lime"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="lime"] .mash-list-items > li.active > a { background: #d2e04f}
.mash-menu[data-color="lime"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #d2e04f}
.mash-menu[data-color="lime"].separator .mash-brand > li > a, .mash-menu[data-color="lime"].separator .mash-list-items > li > a { border-right: 1px solid #cada2c}
@media screen and (max-width: 990px) { .mash-menu[data-color="lime"].separator .mash-brand > li > a, .mash-menu[data-color="lime"].separator .mash-list-items > li > a { border-bottom: 1px solid #cada2c }}
.mash-menu[data-color="lime"].separator .mash-list-items.right > li > a { border-left: 1px solid #cada2c}
@media screen and (max-width: 990px) { .mash-menu[data-color="lime"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #cada2c }}
@media screen and (max-width: 990px) { .mash-menu[data-color="lime"].separator .mash-search-bar { border: 1px solid #cada2c }}
.mash-menu[data-color="lime"] .drop-down li:hover > a { color: #cddc39}
@media screen and (max-width: 990px) { .mash-menu[data-color="lime"] .mash-search-bar { background: #cddc39 }}
.mash-menu[data-color="lime"] .vertical-tabs a:hover, .mash-menu[data-color="lime"] .vertical-tabs a.active { color: #cddc39}
.mash-menu[data-color="lime"] .thumbnail:hover { border-color: #cddc39}
.mash-menu[data-color="lime"] blockquote { border-left-color: #e3eb90}
.mash-menu[data-color="lime"] .list-items a:hover, .mash-menu[data-color="lime"] .order-items a:hover { color: #cddc39}
.mash-menu[data-color="lime"] .btn.btn-custom { background: #cddc39; border-bottom-color: #b2c022}
.mash-menu[data-color="lime"] .btn.btn-custom:hover { background: #d0de46}
.mash-menu[data-color="lime"] .card .card-action a { color: #cddc39}
.mash-menu[data-color="lime"] .card.reveal a { color: #cddc39}
.mash-menu[data-color="lime"] input[type='text'],.mash-menu[data-color="lime"] input[type='email'],.mash-menu[data-color="lime"] input[type='password'],.mash-menu[data-color="lime"] input[type='color'],.mash-menu[data-color="lime"] input[type='date'],.mash-menu[data-color="lime"] input[type='datetime'],.mash-menu[data-color="lime"] input[type='datetime-local'],.mash-menu[data-color="lime"] input[type='file'],.mash-menu[data-color="lime"] input[type='hidden'],.mash-menu[data-color="lime"] input[type='image'],.mash-menu[data-color="lime"] input[type='month'],.mash-menu[data-color="lime"] input[type='number'],.mash-menu[data-color="lime"] input[type='time'],.mash-menu[data-color="lime"] input[type='url'],.mash-menu[data-color="lime"] input[type='week'],.mash-menu[data-color="lime"] input[type='tel'],.mash-menu[data-color="lime"] textarea,.mash-menu[data-color="lime"] select { background-image: linear-gradient(#cddc39, #cddc39), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="lime"] input[type='text']:focus,.mash-menu[data-color="lime"] input[type='email']:focus,.mash-menu[data-color="lime"] input[type='password']:focus,.mash-menu[data-color="lime"] input[type='color']:focus,.mash-menu[data-color="lime"] input[type='date']:focus,.mash-menu[data-color="lime"] input[type='datetime']:focus,.mash-menu[data-color="lime"] input[type='datetime-local']:focus,.mash-menu[data-color="lime"] input[type='file']:focus,.mash-menu[data-color="lime"] input[type='hidden']:focus,.mash-menu[data-color="lime"] input[type='image']:focus,.mash-menu[data-color="lime"] input[type='month']:focus,.mash-menu[data-color="lime"] input[type='number']:focus,.mash-menu[data-color="lime"] input[type='time']:focus,.mash-menu[data-color="lime"] input[type='url']:focus,.mash-menu[data-color="lime"] input[type='week']:focus,.mash-menu[data-color="lime"] input[type='tel']:focus,.mash-menu[data-color="lime"] textarea:focus,.mash-menu[data-color="lime"] select:focus { background-image: linear-gradient(#cddc39, #cddc39), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="lime"] label.menu-checkbox:after { background: #cddc39}
.mash-menu[data-color="lime"] label.menu-toggle:before, .mash-menu[data-color="lime"] label.menu-toggle:after { background: #e3eb90}
.mash-menu[data-color="lime"] label.menu-toggle:after { background: #cddc39}
.mash-menu[data-color="lime"] label.menu-radio:after { border-color: #cddc39; background: #cddc39}
.mash-menu[data-color="lime"] .mash-mobile-button { background: #cddc39}
.mash-menu[data-color="lime"] .mash-extra > .mash-extra-container { background: #89951a}
.mash-menu[data-color="lime"] .mash-categories a { background: rgba(205, 220, 57, 0.3); border-left: 1px solid #cada2c}
.mash-menu[data-color="lime"] .mash-categories a:hover { background: #d2e04f}
@media screen and (max-width: 990px) { .mash-menu[data-color="lime"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="lime"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #cddc39 }}
.mash-menu[data-color="lime"] .panel a { color: #cddc39}
.mash-menu[data-color="lime"] .mash-brand > li > a, .mash-menu[data-color="lime"] .mash-list-items > li > a { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="lime"] .mash-list-items > li:hover > a { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="lime"] .mash-social-icons a { color: rgba(0, 0, 0, 0.66)}
.mash-menu[data-color="lime"] .mash-social-icons a:hover { color: #000000}
.mash-menu[data-color="lime"] .mash-search-bar input { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="lime"] .mash-search-bar : -moz-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="lime"] .mash-search-bar : : -moz-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="lime"] .mash-search-bar : -ms-input-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="lime"] .mash-search-bar : : -webkit-input-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="lime"] .mash-search-bar .mash-search-bar-border:after, .mash-menu[data-color="lime"] .mash-search-bar .mash-search-bar-border:before { background: rgba(0, 0, 0, 0.36)}
.mash-menu[data-color="lime"] .mash-mobile-button span { background: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOAgMAAABSqtRjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEViYmIAAAD///9/r5z6AAAAAnRSTlMA32D/An0AAAABYktHRAJmC3xkAAAACXBIWXMAAAsSAAALEgHS3X78AAAAEklEQVQI12MIBQEGCIkLkKgGAKK/CfcXmfkCAAAAAElFTkSuQmCC") no-repeat center}
.mash-menu[data-color="lime"] .btn.btn-custom { color: rgba(0, 0, 0, 0.86) !important}
.mash-menu[data-color="lime"] .drop-down li:hover > a { color: #89951a}
.mash-menu[data-color="lime"] .vertical-tabs a:hover, .mash-menu[data-color="lime"] .vertical-tabs a.active { color: #89951a}
.mash-menu[data-color="lime"] .list-items a:hover, .mash-menu[data-color="lime"] .order-items a:hover { color: #89951a}
.mash-menu[data-color="lime"] .card .card-action a { color: #89951a}
.mash-menu[data-color="lime"] .card.reveal a { color: #89951a}
.mash-menu[data-color="yellow"] section.mash-menu-inner-container { background: #ffeb3b}
@media screen and (min-width: 991px) { .mash-menu[data-color="yellow"] .mash-brand > li:hover > a, .mash-menu[data-color="yellow"] .mash-list-items > li:hover > a { background: #ffee55 }}
.mash-menu[data-color="yellow"] .mash-brand > li > a, .mash-menu[data-color="yellow"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="yellow"] .mash-list-items > li.active > a { background: #ffee55}
.mash-menu[data-color="yellow"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #ffee55}
.mash-menu[data-color="yellow"].separator .mash-brand > li > a, .mash-menu[data-color="yellow"].separator .mash-list-items > li > a { border-right: 1px solid #ffe92c}
@media screen and (max-width: 990px) { .mash-menu[data-color="yellow"].separator .mash-brand > li > a, .mash-menu[data-color="yellow"].separator .mash-list-items > li > a { border-bottom: 1px solid #ffe92c }}
.mash-menu[data-color="yellow"].separator .mash-list-items.right > li > a { border-left: 1px solid #ffe92c}
@media screen and (max-width: 990px) { .mash-menu[data-color="yellow"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #ffe92c }}
@media screen and (max-width: 990px) { .mash-menu[data-color="yellow"].separator .mash-search-bar { border: 1px solid #ffe92c }}
.mash-menu[data-color="yellow"] .drop-down li:hover > a { color: #ffeb3b}
@media screen and (max-width: 990px) { .mash-menu[data-color="yellow"] .mash-search-bar { background: #ffeb3b }}
.mash-menu[data-color="yellow"] .vertical-tabs a:hover, .mash-menu[data-color="yellow"] .vertical-tabs a.active { color: #ffeb3b}
.mash-menu[data-color="yellow"] .thumbnail:hover { border-color: #ffeb3b}
.mash-menu[data-color="yellow"] blockquote { border-left-color: #fff5a1}
.mash-menu[data-color="yellow"] .list-items a:hover, .mash-menu[data-color="yellow"] .order-items a:hover { color: #ffeb3b}
.mash-menu[data-color="yellow"] .btn.btn-custom { background: #ffeb3b; border-bottom-color: #ffe608}
.mash-menu[data-color="yellow"] .btn.btn-custom:hover { background: #ffed4a}
.mash-menu[data-color="yellow"] .card .card-action a { color: #ffeb3b}
.mash-menu[data-color="yellow"] .card.reveal a { color: #ffeb3b}
.mash-menu[data-color="yellow"] input[type='text'],.mash-menu[data-color="yellow"] input[type='email'],.mash-menu[data-color="yellow"] input[type='password'],.mash-menu[data-color="yellow"] input[type='color'],.mash-menu[data-color="yellow"] input[type='date'],.mash-menu[data-color="yellow"] input[type='datetime'],.mash-menu[data-color="yellow"] input[type='datetime-local'],.mash-menu[data-color="yellow"] input[type='file'],.mash-menu[data-color="yellow"] input[type='hidden'],.mash-menu[data-color="yellow"] input[type='image'],.mash-menu[data-color="yellow"] input[type='month'],.mash-menu[data-color="yellow"] input[type='number'],.mash-menu[data-color="yellow"] input[type='time'],.mash-menu[data-color="yellow"] input[type='url'],.mash-menu[data-color="yellow"] input[type='week'],.mash-menu[data-color="yellow"] input[type='tel'],.mash-menu[data-color="yellow"] textarea,.mash-menu[data-color="yellow"] select { background-image: linear-gradient(#ffeb3b, #ffeb3b), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="yellow"] input[type='text']:focus,.mash-menu[data-color="yellow"] input[type='email']:focus,.mash-menu[data-color="yellow"] input[type='password']:focus,.mash-menu[data-color="yellow"] input[type='color']:focus,.mash-menu[data-color="yellow"] input[type='date']:focus,.mash-menu[data-color="yellow"] input[type='datetime']:focus,.mash-menu[data-color="yellow"] input[type='datetime-local']:focus,.mash-menu[data-color="yellow"] input[type='file']:focus,.mash-menu[data-color="yellow"] input[type='hidden']:focus,.mash-menu[data-color="yellow"] input[type='image']:focus,.mash-menu[data-color="yellow"] input[type='month']:focus,.mash-menu[data-color="yellow"] input[type='number']:focus,.mash-menu[data-color="yellow"] input[type='time']:focus,.mash-menu[data-color="yellow"] input[type='url']:focus,.mash-menu[data-color="yellow"] input[type='week']:focus,.mash-menu[data-color="yellow"] input[type='tel']:focus,.mash-menu[data-color="yellow"] textarea:focus,.mash-menu[data-color="yellow"] select:focus { background-image: linear-gradient(#ffeb3b, #ffeb3b), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="yellow"] label.menu-checkbox:after { background: #ffeb3b}
.mash-menu[data-color="yellow"] label.menu-toggle:before, .mash-menu[data-color="yellow"] label.menu-toggle:after { background: #fff5a1}
.mash-menu[data-color="yellow"] label.menu-toggle:after { background: #ffeb3b}
.mash-menu[data-color="yellow"] label.menu-radio:after { border-color: #ffeb3b; background: #ffeb3b}
.mash-menu[data-color="yellow"] .mash-mobile-button { background: #ffeb3b}
.mash-menu[data-color="yellow"] .mash-extra > .mash-extra-container { background: #d4be00}
.mash-menu[data-color="yellow"] .mash-categories a { background: rgba(255, 235, 59, 0.3); border-left: 1px solid #ffe92c}
.mash-menu[data-color="yellow"] .mash-categories a:hover { background: #ffee55}
@media screen and (max-width: 990px) { .mash-menu[data-color="yellow"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="yellow"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #ffeb3b }}
.mash-menu[data-color="yellow"] .panel a { color: #ffeb3b}
.mash-menu[data-color="yellow"] .mash-brand > li > a, .mash-menu[data-color="yellow"] .mash-list-items > li > a { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="yellow"] .mash-list-items > li:hover > a { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="yellow"] .mash-social-icons a { color: rgba(0, 0, 0, 0.66)}
.mash-menu[data-color="yellow"] .mash-social-icons a:hover { color: #000000}
.mash-menu[data-color="yellow"] .mash-search-bar input { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="yellow"] .mash-search-bar : -moz-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="yellow"] .mash-search-bar : : -moz-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="yellow"] .mash-search-bar : -ms-input-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="yellow"] .mash-search-bar : : -webkit-input-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="yellow"] .mash-search-bar .mash-search-bar-border:after, .mash-menu[data-color="yellow"] .mash-search-bar .mash-search-bar-border:before { background: rgba(0, 0, 0, 0.36)}
.mash-menu[data-color="yellow"] .mash-mobile-button span { background: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOAgMAAABSqtRjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEViYmIAAAD///9/r5z6AAAAAnRSTlMA32D/An0AAAABYktHRAJmC3xkAAAACXBIWXMAAAsSAAALEgHS3X78AAAAEklEQVQI12MIBQEGCIkLkKgGAKK/CfcXmfkCAAAAAElFTkSuQmCC") no-repeat center}
.mash-menu[data-color="yellow"] .btn.btn-custom { color: rgba(0, 0, 0, 0.86) !important}
.mash-menu[data-color="yellow"] .drop-down li:hover > a { color: #d4be00}
.mash-menu[data-color="yellow"] .vertical-tabs a:hover, .mash-menu[data-color="yellow"] .vertical-tabs a.active { color: #d4be00}
.mash-menu[data-color="yellow"] .list-items a:hover, .mash-menu[data-color="yellow"] .order-items a:hover { color: #d4be00}
.mash-menu[data-color="yellow"] .card .card-action a { color: #d4be00}
.mash-menu[data-color="yellow"] .card.reveal a { color: #d4be00}
.mash-menu[data-color="amber"] section.mash-menu-inner-container { background: #ffc107}
@media screen and (min-width: 991px) { .mash-menu[data-color="amber"] .mash-brand > li:hover > a, .mash-menu[data-color="amber"] .mash-list-items > li:hover > a { background: #ffc721 }}
.mash-menu[data-color="amber"] .mash-brand > li > a, .mash-menu[data-color="amber"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="amber"] .mash-list-items > li.active > a { background: #ffc721}
.mash-menu[data-color="amber"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #ffc721}
.mash-menu[data-color="amber"].separator .mash-brand > li > a, .mash-menu[data-color="amber"].separator .mash-list-items > li > a { border-right: 1px solid #f7b900}
@media screen and (max-width: 990px) { .mash-menu[data-color="amber"].separator .mash-brand > li > a, .mash-menu[data-color="amber"].separator .mash-list-items > li > a { border-bottom: 1px solid #f7b900 }}
.mash-menu[data-color="amber"].separator .mash-list-items.right > li > a { border-left: 1px solid #f7b900}
@media screen and (max-width: 990px) { .mash-menu[data-color="amber"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #f7b900 }}
@media screen and (max-width: 990px) { .mash-menu[data-color="amber"].separator .mash-search-bar { border: 1px solid #f7b900 }}
.mash-menu[data-color="amber"] .drop-down li:hover > a { color: #ffc107}
@media screen and (max-width: 990px) { .mash-menu[data-color="amber"] .mash-search-bar { background: #ffc107 }}
.mash-menu[data-color="amber"] .vertical-tabs a:hover, .mash-menu[data-color="amber"] .vertical-tabs a.active { color: #ffc107}
.mash-menu[data-color="amber"] .thumbnail:hover { border-color: #ffc107}
.mash-menu[data-color="amber"] blockquote { border-left-color: #ffdb6d}
.mash-menu[data-color="amber"] .list-items a:hover, .mash-menu[data-color="amber"] .order-items a:hover { color: #ffc107}
.mash-menu[data-color="amber"] .btn.btn-custom { background: #ffc107; border-bottom-color: #d39e00}
.mash-menu[data-color="amber"] .btn.btn-custom:hover { background: #ffc516}
.mash-menu[data-color="amber"] .card .card-action a { color: #ffc107}
.mash-menu[data-color="amber"] .card.reveal a { color: #ffc107}
.mash-menu[data-color="amber"] input[type='text'],.mash-menu[data-color="amber"] input[type='email'],.mash-menu[data-color="amber"] input[type='password'],.mash-menu[data-color="amber"] input[type='color'],.mash-menu[data-color="amber"] input[type='date'],.mash-menu[data-color="amber"] input[type='datetime'],.mash-menu[data-color="amber"] input[type='datetime-local'],.mash-menu[data-color="amber"] input[type='file'],.mash-menu[data-color="amber"] input[type='hidden'],.mash-menu[data-color="amber"] input[type='image'],.mash-menu[data-color="amber"] input[type='month'],.mash-menu[data-color="amber"] input[type='number'],.mash-menu[data-color="amber"] input[type='time'],.mash-menu[data-color="amber"] input[type='url'],.mash-menu[data-color="amber"] input[type='week'],.mash-menu[data-color="amber"] input[type='tel'],.mash-menu[data-color="amber"] textarea,.mash-menu[data-color="amber"] select { background-image: linear-gradient(#ffc107, #ffc107), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="amber"] input[type='text']:focus,.mash-menu[data-color="amber"] input[type='email']:focus,.mash-menu[data-color="amber"] input[type='password']:focus,.mash-menu[data-color="amber"] input[type='color']:focus,.mash-menu[data-color="amber"] input[type='date']:focus,.mash-menu[data-color="amber"] input[type='datetime']:focus,.mash-menu[data-color="amber"] input[type='datetime-local']:focus,.mash-menu[data-color="amber"] input[type='file']:focus,.mash-menu[data-color="amber"] input[type='hidden']:focus,.mash-menu[data-color="amber"] input[type='image']:focus,.mash-menu[data-color="amber"] input[type='month']:focus,.mash-menu[data-color="amber"] input[type='number']:focus,.mash-menu[data-color="amber"] input[type='time']:focus,.mash-menu[data-color="amber"] input[type='url']:focus,.mash-menu[data-color="amber"] input[type='week']:focus,.mash-menu[data-color="amber"] input[type='tel']:focus,.mash-menu[data-color="amber"] textarea:focus,.mash-menu[data-color="amber"] select:focus { background-image: linear-gradient(#ffc107, #ffc107), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="amber"] label.menu-checkbox:after { background: #ffc107}
.mash-menu[data-color="amber"] label.menu-toggle:before, .mash-menu[data-color="amber"] label.menu-toggle:after { background: #ffdb6d}
.mash-menu[data-color="amber"] label.menu-toggle:after { background: #ffc107}
.mash-menu[data-color="amber"] label.menu-radio:after { border-color: #ffc107; background: #ffc107}
.mash-menu[data-color="amber"] .mash-mobile-button { background: #ffc107}
.mash-menu[data-color="amber"] .mash-extra > .mash-extra-container { background: #a07800}
.mash-menu[data-color="amber"] .mash-categories a { background: rgba(255, 193, 7, 0.3); border-left: 1px solid #f7b900}
.mash-menu[data-color="amber"] .mash-categories a:hover { background: #ffc721}
@media screen and (max-width: 990px) { .mash-menu[data-color="amber"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="amber"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #ffc107 }}
.mash-menu[data-color="amber"] .panel a { color: #ffc107}
.mash-menu[data-color="amber"] .mash-brand > li > a, .mash-menu[data-color="amber"] .mash-list-items > li > a { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="amber"] .mash-list-items > li:hover > a { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="amber"] .mash-social-icons a { color: rgba(0, 0, 0, 0.66)}
.mash-menu[data-color="amber"] .mash-social-icons a:hover { color: #000000}
.mash-menu[data-color="amber"] .mash-search-bar input { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="amber"] .mash-search-bar : -moz-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="amber"] .mash-search-bar : : -moz-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="amber"] .mash-search-bar : -ms-input-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="amber"] .mash-search-bar : : -webkit-input-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="amber"] .mash-search-bar .mash-search-bar-border:after, .mash-menu[data-color="amber"] .mash-search-bar .mash-search-bar-border:before { background: rgba(0, 0, 0, 0.36)}
.mash-menu[data-color="amber"] .mash-mobile-button span { background: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOAgMAAABSqtRjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEViYmIAAAD///9/r5z6AAAAAnRSTlMA32D/An0AAAABYktHRAJmC3xkAAAACXBIWXMAAAsSAAALEgHS3X78AAAAEklEQVQI12MIBQEGCIkLkKgGAKK/CfcXmfkCAAAAAElFTkSuQmCC") no-repeat center}
.mash-menu[data-color="amber"] .btn.btn-custom { color: rgba(0, 0, 0, 0.86) !important}
.mash-menu[data-color="amber"] .drop-down li:hover > a { color: #d39e00}
.mash-menu[data-color="amber"] .vertical-tabs a:hover, .mash-menu[data-color="amber"] .vertical-tabs a.active { color: #d39e00}
.mash-menu[data-color="amber"] .list-items a:hover, .mash-menu[data-color="amber"] .order-items a:hover { color: #d39e00}
.mash-menu[data-color="amber"] .card .card-action a { color: #d39e00}
.mash-menu[data-color="amber"] .card.reveal a { color: #d39e00}
.mash-menu[data-color="orange"] section.mash-menu-inner-container { background: #ff9800}
@media screen and (min-width: 991px) { .mash-menu[data-color="orange"] .mash-brand > li:hover > a, .mash-menu[data-color="orange"] .mash-list-items > li:hover > a { background: #ffa21a }}
.mash-menu[data-color="orange"] .mash-brand > li > a, .mash-menu[data-color="orange"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="orange"] .mash-list-items > li.active > a { background: #ffa21a}
.mash-menu[data-color="orange"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #ffa21a}
.mash-menu[data-color="orange"].separator .mash-brand > li > a, .mash-menu[data-color="orange"].separator .mash-list-items > li > a { border-right: 1px solid #f08f00}
@media screen and (max-width: 990px) { .mash-menu[data-color="orange"].separator .mash-brand > li > a, .mash-menu[data-color="orange"].separator .mash-list-items > li > a { border-bottom: 1px solid #f08f00 }}
.mash-menu[data-color="orange"].separator .mash-list-items.right > li > a { border-left: 1px solid #f08f00}
@media screen and (max-width: 990px) { .mash-menu[data-color="orange"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #f08f00 }}
@media screen and (max-width: 990px) { .mash-menu[data-color="orange"].separator .mash-search-bar { border: 1px solid #f08f00 }}
.mash-menu[data-color="orange"] .drop-down li:hover > a { color: #ff9800}
@media screen and (max-width: 990px) { .mash-menu[data-color="orange"] .mash-search-bar { background: #ff9800 }}
.mash-menu[data-color="orange"] .vertical-tabs a:hover, .mash-menu[data-color="orange"] .vertical-tabs a.active { color: #ff9800}
.mash-menu[data-color="orange"] .thumbnail:hover { border-color: #ff9800}
.mash-menu[data-color="orange"] blockquote { border-left-color: #ffc166}
.mash-menu[data-color="orange"] .list-items a:hover, .mash-menu[data-color="orange"] .order-items a:hover { color: #ff9800}
.mash-menu[data-color="orange"] .btn.btn-custom { background: #ff9800; border-bottom-color: #cc7a00}
.mash-menu[data-color="orange"] .btn.btn-custom:hover { background: #ff9e0f}
.mash-menu[data-color="orange"] .card .card-action a { color: #ff9800}
.mash-menu[data-color="orange"] .card.reveal a { color: #ff9800}
.mash-menu[data-color="orange"] input[type='text'],.mash-menu[data-color="orange"] input[type='email'],.mash-menu[data-color="orange"] input[type='password'],.mash-menu[data-color="orange"] input[type='color'],.mash-menu[data-color="orange"] input[type='date'],.mash-menu[data-color="orange"] input[type='datetime'],.mash-menu[data-color="orange"] input[type='datetime-local'],.mash-menu[data-color="orange"] input[type='file'],.mash-menu[data-color="orange"] input[type='hidden'],.mash-menu[data-color="orange"] input[type='image'],.mash-menu[data-color="orange"] input[type='month'],.mash-menu[data-color="orange"] input[type='number'],.mash-menu[data-color="orange"] input[type='time'],.mash-menu[data-color="orange"] input[type='url'],.mash-menu[data-color="orange"] input[type='week'],.mash-menu[data-color="orange"] input[type='tel'],.mash-menu[data-color="orange"] textarea,.mash-menu[data-color="orange"] select { background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="orange"] input[type='text']:focus,.mash-menu[data-color="orange"] input[type='email']:focus,.mash-menu[data-color="orange"] input[type='password']:focus,.mash-menu[data-color="orange"] input[type='color']:focus,.mash-menu[data-color="orange"] input[type='date']:focus,.mash-menu[data-color="orange"] input[type='datetime']:focus,.mash-menu[data-color="orange"] input[type='datetime-local']:focus,.mash-menu[data-color="orange"] input[type='file']:focus,.mash-menu[data-color="orange"] input[type='hidden']:focus,.mash-menu[data-color="orange"] input[type='image']:focus,.mash-menu[data-color="orange"] input[type='month']:focus,.mash-menu[data-color="orange"] input[type='number']:focus,.mash-menu[data-color="orange"] input[type='time']:focus,.mash-menu[data-color="orange"] input[type='url']:focus,.mash-menu[data-color="orange"] input[type='week']:focus,.mash-menu[data-color="orange"] input[type='tel']:focus,.mash-menu[data-color="orange"] textarea:focus,.mash-menu[data-color="orange"] select:focus { background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="orange"] label.menu-checkbox:after { background: #ff9800}
.mash-menu[data-color="orange"] label.menu-toggle:before, .mash-menu[data-color="orange"] label.menu-toggle:after { background: #ffc166}
.mash-menu[data-color="orange"] label.menu-toggle:after { background: #ff9800}
.mash-menu[data-color="orange"] label.menu-radio:after { border-color: #ff9800; background: #ff9800}
.mash-menu[data-color="orange"] .mash-mobile-button { background: #ff9800}
.mash-menu[data-color="orange"] .mash-extra > .mash-extra-container { background: #995b00}
.mash-menu[data-color="orange"] .mash-categories a { background: rgba(255, 152, 0, 0.3); border-left: 1px solid #f08f00}
.mash-menu[data-color="orange"] .mash-categories a:hover { background: #ffa21a}
@media screen and (max-width: 990px) { .mash-menu[data-color="orange"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="orange"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #ff9800 }}
.mash-menu[data-color="orange"] .panel a { color: #ff9800}
.mash-menu[data-color="orange"] .mash-brand > li > a, .mash-menu[data-color="orange"] .mash-list-items > li > a { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="orange"] .mash-list-items > li:hover > a { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="orange"] .mash-social-icons a { color: rgba(0, 0, 0, 0.66)}
.mash-menu[data-color="orange"] .mash-social-icons a:hover { color: #000000}
.mash-menu[data-color="orange"] .mash-search-bar input { color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="orange"] .mash-search-bar : -moz-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="orange"] .mash-search-bar : : -moz-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="orange"] .mash-search-bar : -ms-input-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="orange"] .mash-search-bar : : -webkit-input-placeholder { opacity: 1 !important; color: rgba(0, 0, 0, 0.86)}
.mash-menu[data-color="orange"] .mash-search-bar .mash-search-bar-border:after, .mash-menu[data-color="orange"] .mash-search-bar .mash-search-bar-border:before { background: rgba(0, 0, 0, 0.36)}
.mash-menu[data-color="orange"] .mash-mobile-button span { background: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOAgMAAABSqtRjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEViYmIAAAD///9/r5z6AAAAAnRSTlMA32D/An0AAAABYktHRAJmC3xkAAAACXBIWXMAAAsSAAALEgHS3X78AAAAEklEQVQI12MIBQEGCIkLkKgGAKK/CfcXmfkCAAAAAElFTkSuQmCC") no-repeat center}
.mash-menu[data-color="orange"] .btn.btn-custom { color: rgba(0, 0, 0, 0.86) !important}
.mash-menu[data-color="deep-orange"] section.mash-menu-inner-container { background: #ff5722}
@media screen and (min-width: 991px) { .mash-menu[data-color="deep-orange"] .mash-brand > li:hover > a, .mash-menu[data-color="deep-orange"] .mash-list-items > li:hover > a { background: #ff6a3c }}
.mash-menu[data-color="deep-orange"] .mash-brand > li > a, .mash-menu[data-color="deep-orange"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="deep-orange"] .mash-list-items > li.active > a { background: #ff6a3c}
.mash-menu[data-color="deep-orange"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #ff6a3c}
.mash-menu[data-color="deep-orange"].separator .mash-brand > li > a, .mash-menu[data-color="deep-orange"].separator .mash-list-items > li > a { border-right: 1px solid #ff4b13}
@media screen and (max-width: 990px) { .mash-menu[data-color="deep-orange"].separator .mash-brand > li > a, .mash-menu[data-color="deep-orange"].separator .mash-list-items > li > a { border-bottom: 1px solid #ff4b13 }}
.mash-menu[data-color="deep-orange"].separator .mash-list-items.right > li > a { border-left: 1px solid #ff4b13}
@media screen and (max-width: 990px) { .mash-menu[data-color="deep-orange"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #ff4b13 }}
@media screen and (max-width: 990px) { .mash-menu[data-color="deep-orange"].separator .mash-search-bar { border: 1px solid #ff4b13 }}
.mash-menu[data-color="deep-orange"] .drop-down li:hover > a { color: #ff5722}
@media screen and (max-width: 990px) { .mash-menu[data-color="deep-orange"] .mash-search-bar { background: #ff5722 }}
.mash-menu[data-color="deep-orange"] .vertical-tabs a:hover, .mash-menu[data-color="deep-orange"] .vertical-tabs a.active { color: #ff5722}
.mash-menu[data-color="deep-orange"] .thumbnail:hover { border-color: #ff5722}
.mash-menu[data-color="deep-orange"] blockquote { border-left-color: #ffa588}
.mash-menu[data-color="deep-orange"] .list-items a:hover, .mash-menu[data-color="deep-orange"] .order-items a:hover { color: #ff5722}
.mash-menu[data-color="deep-orange"] .btn.btn-custom { background: #ff5722; border-bottom-color: #ee3900}
.mash-menu[data-color="deep-orange"] .btn.btn-custom:hover { background: #ff6331}
.mash-menu[data-color="deep-orange"] .card .card-action a { color: #ff5722}
.mash-menu[data-color="deep-orange"] .card.reveal a { color: #ff5722}
.mash-menu[data-color="deep-orange"] input[type='text'],.mash-menu[data-color="deep-orange"] input[type='email'],.mash-menu[data-color="deep-orange"] input[type='password'],.mash-menu[data-color="deep-orange"] input[type='color'],.mash-menu[data-color="deep-orange"] input[type='date'],.mash-menu[data-color="deep-orange"] input[type='datetime'],.mash-menu[data-color="deep-orange"] input[type='datetime-local'],.mash-menu[data-color="deep-orange"] input[type='file'],.mash-menu[data-color="deep-orange"] input[type='hidden'],.mash-menu[data-color="deep-orange"] input[type='image'],.mash-menu[data-color="deep-orange"] input[type='month'],.mash-menu[data-color="deep-orange"] input[type='number'],.mash-menu[data-color="deep-orange"] input[type='time'],.mash-menu[data-color="deep-orange"] input[type='url'],.mash-menu[data-color="deep-orange"] input[type='week'],.mash-menu[data-color="deep-orange"] input[type='tel'],.mash-menu[data-color="deep-orange"] textarea,.mash-menu[data-color="deep-orange"] select { background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="deep-orange"] input[type='text']:focus,.mash-menu[data-color="deep-orange"] input[type='email']:focus,.mash-menu[data-color="deep-orange"] input[type='password']:focus,.mash-menu[data-color="deep-orange"] input[type='color']:focus,.mash-menu[data-color="deep-orange"] input[type='date']:focus,.mash-menu[data-color="deep-orange"] input[type='datetime']:focus,.mash-menu[data-color="deep-orange"] input[type='datetime-local']:focus,.mash-menu[data-color="deep-orange"] input[type='file']:focus,.mash-menu[data-color="deep-orange"] input[type='hidden']:focus,.mash-menu[data-color="deep-orange"] input[type='image']:focus,.mash-menu[data-color="deep-orange"] input[type='month']:focus,.mash-menu[data-color="deep-orange"] input[type='number']:focus,.mash-menu[data-color="deep-orange"] input[type='time']:focus,.mash-menu[data-color="deep-orange"] input[type='url']:focus,.mash-menu[data-color="deep-orange"] input[type='week']:focus,.mash-menu[data-color="deep-orange"] input[type='tel']:focus,.mash-menu[data-color="deep-orange"] textarea:focus,.mash-menu[data-color="deep-orange"] select:focus { background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="deep-orange"] label.menu-checkbox:after { background: #ff5722}
.mash-menu[data-color="deep-orange"] label.menu-toggle:before, .mash-menu[data-color="deep-orange"] label.menu-toggle:after { background: #ffa588}
.mash-menu[data-color="deep-orange"] label.menu-toggle:after { background: #ff5722}
.mash-menu[data-color="deep-orange"] label.menu-radio:after { border-color: #ff5722; background: #ff5722}
.mash-menu[data-color="deep-orange"] .mash-mobile-button { background: #ff5722}
.mash-menu[data-color="deep-orange"] .mash-extra > .mash-extra-container { background: #bb2d00}
.mash-menu[data-color="deep-orange"] .mash-categories a { background: rgba(255, 87, 34, 0.3); border-left: 1px solid #ff4b13}
.mash-menu[data-color="deep-orange"] .mash-categories a:hover { background: #ff6a3c}
@media screen and (max-width: 990px) { .mash-menu[data-color="deep-orange"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="deep-orange"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #ff5722 }}
.mash-menu[data-color="deep-orange"] .panel a { color: #ff5722}
.mash-menu[data-color="brown"] section.mash-menu-inner-container { background: #795548}
@media screen and (min-width: 991px) { .mash-menu[data-color="brown"] .mash-brand > li:hover > a, .mash-menu[data-color="brown"] .mash-list-items > li:hover > a { background: #896052 }}
.mash-menu[data-color="brown"] .mash-brand > li > a, .mash-menu[data-color="brown"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="brown"] .mash-list-items > li.active > a { background: #896052}
.mash-menu[data-color="brown"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #896052}
.mash-menu[data-color="brown"].separator .mash-brand > li > a, .mash-menu[data-color="brown"].separator .mash-list-items > li > a { border-right: 1px solid #6f4e42}
@media screen and (max-width: 990px) { .mash-menu[data-color="brown"].separator .mash-brand > li > a, .mash-menu[data-color="brown"].separator .mash-list-items > li > a { border-bottom: 1px solid #6f4e42 }}
.mash-menu[data-color="brown"].separator .mash-list-items.right > li > a { border-left: 1px solid #6f4e42}
@media screen and (max-width: 990px) { .mash-menu[data-color="brown"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #6f4e42 }}
@media screen and (max-width: 990px) { .mash-menu[data-color="brown"].separator .mash-search-bar { border: 1px solid #6f4e42 }}
.mash-menu[data-color="brown"] .drop-down li:hover > a { color: #795548}
@media screen and (max-width: 990px) { .mash-menu[data-color="brown"] .mash-search-bar { background: #795548 }}
.mash-menu[data-color="brown"] .vertical-tabs a:hover, .mash-menu[data-color="brown"] .vertical-tabs a.active { color: #795548}
.mash-menu[data-color="brown"] .thumbnail:hover { border-color: #795548}
.mash-menu[data-color="brown"] blockquote { border-left-color: #af8778}
.mash-menu[data-color="brown"] .list-items a:hover, .mash-menu[data-color="brown"] .order-items a:hover { color: #795548}
.mash-menu[data-color="brown"] .btn.btn-custom { background: #795548; border-bottom-color: #593f35}
.mash-menu[data-color="brown"] .btn.btn-custom:hover { background: #835c4e}
.mash-menu[data-color="brown"] .card .card-action a { color: #795548}
.mash-menu[data-color="brown"] .card.reveal a { color: #795548}
.mash-menu[data-color="brown"] input[type='text'],.mash-menu[data-color="brown"] input[type='email'],.mash-menu[data-color="brown"] input[type='password'],.mash-menu[data-color="brown"] input[type='color'],.mash-menu[data-color="brown"] input[type='date'],.mash-menu[data-color="brown"] input[type='datetime'],.mash-menu[data-color="brown"] input[type='datetime-local'],.mash-menu[data-color="brown"] input[type='file'],.mash-menu[data-color="brown"] input[type='hidden'],.mash-menu[data-color="brown"] input[type='image'],.mash-menu[data-color="brown"] input[type='month'],.mash-menu[data-color="brown"] input[type='number'],.mash-menu[data-color="brown"] input[type='time'],.mash-menu[data-color="brown"] input[type='url'],.mash-menu[data-color="brown"] input[type='week'],.mash-menu[data-color="brown"] input[type='tel'],.mash-menu[data-color="brown"] textarea,.mash-menu[data-color="brown"] select { background-image: linear-gradient(#795548, #795548), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="brown"] input[type='text']:focus,.mash-menu[data-color="brown"] input[type='email']:focus,.mash-menu[data-color="brown"] input[type='password']:focus,.mash-menu[data-color="brown"] input[type='color']:focus,.mash-menu[data-color="brown"] input[type='date']:focus,.mash-menu[data-color="brown"] input[type='datetime']:focus,.mash-menu[data-color="brown"] input[type='datetime-local']:focus,.mash-menu[data-color="brown"] input[type='file']:focus,.mash-menu[data-color="brown"] input[type='hidden']:focus,.mash-menu[data-color="brown"] input[type='image']:focus,.mash-menu[data-color="brown"] input[type='month']:focus,.mash-menu[data-color="brown"] input[type='number']:focus,.mash-menu[data-color="brown"] input[type='time']:focus,.mash-menu[data-color="brown"] input[type='url']:focus,.mash-menu[data-color="brown"] input[type='week']:focus,.mash-menu[data-color="brown"] input[type='tel']:focus,.mash-menu[data-color="brown"] textarea:focus,.mash-menu[data-color="brown"] select:focus { background-image: linear-gradient(#795548, #795548), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="brown"] label.menu-checkbox:after { background: #795548}
.mash-menu[data-color="brown"] label.menu-toggle:before, .mash-menu[data-color="brown"] label.menu-toggle:after { background: #af8778}
.mash-menu[data-color="brown"] label.menu-toggle:after { background: #795548}
.mash-menu[data-color="brown"] label.menu-radio:after { border-color: #795548; background: #795548}
.mash-menu[data-color="brown"] .mash-mobile-button { background: #795548}
.mash-menu[data-color="brown"] .mash-extra > .mash-extra-container { background: #392822}
.mash-menu[data-color="brown"] .mash-categories a { background: rgba(121, 85, 72, 0.3); border-left: 1px solid #6f4e42}
.mash-menu[data-color="brown"] .mash-categories a:hover { background: #896052}
@media screen and (max-width: 990px) { .mash-menu[data-color="brown"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="brown"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #795548 }}
.mash-menu[data-color="brown"] .panel a { color: #795548}
.mash-menu[data-color="grey"] section.mash-menu-inner-container { background: #9e9e9e}
@media screen and (min-width: 991px) { .mash-menu[data-color="grey"] .mash-brand > li:hover > a, .mash-menu[data-color="grey"] .mash-list-items > li:hover > a { background: #ababab }}
.mash-menu[data-color="grey"] .mash-brand > li > a, .mash-menu[data-color="grey"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="grey"] .mash-list-items > li.active > a { background: #ababab}
.mash-menu[data-color="grey"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #ababab}
.mash-menu[data-color="grey"].separator .mash-brand > li > a, .mash-menu[data-color="grey"].separator .mash-list-items > li > a { border-right: 1px solid #969696}
@media screen and (max-width: 990px) { .mash-menu[data-color="grey"].separator .mash-brand > li > a, .mash-menu[data-color="grey"].separator .mash-list-items > li > a { border-bottom: 1px solid #969696 }}
.mash-menu[data-color="grey"].separator .mash-list-items.right > li > a { border-left: 1px solid #969696}
@media screen and (max-width: 990px) { .mash-menu[data-color="grey"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #969696 }}
@media screen and (max-width: 990px) { .mash-menu[data-color="grey"].separator .mash-search-bar { border: 1px solid #969696 }}
.mash-menu[data-color="grey"] .drop-down li:hover > a { color: #9e9e9e}
@media screen and (max-width: 990px) { .mash-menu[data-color="grey"] .mash-search-bar { background: #9e9e9e }}
.mash-menu[data-color="grey"] .vertical-tabs a:hover, .mash-menu[data-color="grey"] .vertical-tabs a.active { color: #9e9e9e}
.mash-menu[data-color="grey"] .thumbnail:hover { border-color: #9e9e9e}
.mash-menu[data-color="grey"] blockquote { border-left-color: #d1d1d1}
.mash-menu[data-color="grey"] .list-items a:hover, .mash-menu[data-color="grey"] .order-items a:hover { color: #9e9e9e}
.mash-menu[data-color="grey"] .btn.btn-custom { background: #9e9e9e; border-bottom-color: #858585}
.mash-menu[data-color="grey"] .btn.btn-custom:hover { background: #a6a6a6}
.mash-menu[data-color="grey"] .card .card-action a { color: #9e9e9e}
.mash-menu[data-color="grey"] .card.reveal a { color: #9e9e9e}
.mash-menu[data-color="grey"] input[type='text'],.mash-menu[data-color="grey"] input[type='email'],.mash-menu[data-color="grey"] input[type='password'],.mash-menu[data-color="grey"] input[type='color'],.mash-menu[data-color="grey"] input[type='date'],.mash-menu[data-color="grey"] input[type='datetime'],.mash-menu[data-color="grey"] input[type='datetime-local'],.mash-menu[data-color="grey"] input[type='file'],.mash-menu[data-color="grey"] input[type='hidden'],.mash-menu[data-color="grey"] input[type='image'],.mash-menu[data-color="grey"] input[type='month'],.mash-menu[data-color="grey"] input[type='number'],.mash-menu[data-color="grey"] input[type='time'],.mash-menu[data-color="grey"] input[type='url'],.mash-menu[data-color="grey"] input[type='week'],.mash-menu[data-color="grey"] input[type='tel'],.mash-menu[data-color="grey"] textarea,.mash-menu[data-color="grey"] select { background-image: linear-gradient(#9e9e9e, #9e9e9e), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="grey"] input[type='text']:focus,.mash-menu[data-color="grey"] input[type='email']:focus,.mash-menu[data-color="grey"] input[type='password']:focus,.mash-menu[data-color="grey"] input[type='color']:focus,.mash-menu[data-color="grey"] input[type='date']:focus,.mash-menu[data-color="grey"] input[type='datetime']:focus,.mash-menu[data-color="grey"] input[type='datetime-local']:focus,.mash-menu[data-color="grey"] input[type='file']:focus,.mash-menu[data-color="grey"] input[type='hidden']:focus,.mash-menu[data-color="grey"] input[type='image']:focus,.mash-menu[data-color="grey"] input[type='month']:focus,.mash-menu[data-color="grey"] input[type='number']:focus,.mash-menu[data-color="grey"] input[type='time']:focus,.mash-menu[data-color="grey"] input[type='url']:focus,.mash-menu[data-color="grey"] input[type='week']:focus,.mash-menu[data-color="grey"] input[type='tel']:focus,.mash-menu[data-color="grey"] textarea:focus,.mash-menu[data-color="grey"] select:focus { background-image: linear-gradient(#9e9e9e, #9e9e9e), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="grey"] label.menu-checkbox:after { background: #9e9e9e}
.mash-menu[data-color="grey"] label.menu-toggle:before, .mash-menu[data-color="grey"] label.menu-toggle:after { background: #d1d1d1}
.mash-menu[data-color="grey"] label.menu-toggle:after { background: #9e9e9e}
.mash-menu[data-color="grey"] label.menu-radio:after { border-color: #9e9e9e; background: #9e9e9e}
.mash-menu[data-color="grey"] .mash-mobile-button { background: #9e9e9e}
.mash-menu[data-color="grey"] .mash-extra > .mash-extra-container { background: #6b6b6b}
.mash-menu[data-color="grey"] .mash-categories a { background: rgba(158, 158, 158, 0.3); border-left: 1px solid #969696}
.mash-menu[data-color="grey"] .mash-categories a:hover { background: #ababab}
@media screen and (max-width: 990px) { .mash-menu[data-color="grey"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="grey"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #9e9e9e }}
.mash-menu[data-color="grey"] .panel a { color: #9e9e9e}
.mash-menu[data-color="blue-grey"] section.mash-menu-inner-container { background: #688897}
@media screen and (min-width: 991px) { .mash-menu[data-color="blue-grey"] .mash-brand > li:hover > a, .mash-menu[data-color="blue-grey"] .mash-list-items > li:hover > a { background: #7794a1 }}
.mash-menu[data-color="blue-grey"] .mash-brand > li > a, .mash-menu[data-color="blue-grey"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="blue-grey"] .mash-list-items > li.active > a { background: #7794a1}
.mash-menu[data-color="blue-grey"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #7794a1}
.mash-menu[data-color="blue-grey"].separator .mash-brand > li > a, .mash-menu[data-color="blue-grey"].separator .mash-list-items > li > a { border-right: 1px solid #62808e}
@media screen and (max-width: 990px) { .mash-menu[data-color="blue-grey"].separator .mash-brand > li > a, .mash-menu[data-color="blue-grey"].separator .mash-list-items > li > a { border-bottom: 1px solid #62808e }}
.mash-menu[data-color="blue-grey"].separator .mash-list-items.right > li > a { border-left: 1px solid #62808e}
@media screen and (max-width: 990px) { .mash-menu[data-color="blue-grey"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #62808e }}
@media screen and (max-width: 990px) { .mash-menu[data-color="blue-grey"].separator .mash-search-bar { border: 1px solid #62808e }}
.mash-menu[data-color="blue-grey"] .drop-down li:hover > a { color: #688897}
@media screen and (max-width: 990px) { .mash-menu[data-color="blue-grey"] .mash-search-bar { background: #688897 }}
.mash-menu[data-color="blue-grey"] .vertical-tabs a:hover, .mash-menu[data-color="blue-grey"] .vertical-tabs a.active { color: #688897}
.mash-menu[data-color="blue-grey"] .thumbnail:hover { border-color: #688897}
.mash-menu[data-color="blue-grey"] blockquote { border-left-color: #a4b8c1}
.mash-menu[data-color="blue-grey"] .list-items a:hover, .mash-menu[data-color="blue-grey"] .order-items a:hover { color: #688897}
.mash-menu[data-color="blue-grey"] .btn.btn-custom { background: #688897; border-bottom-color: #536d79}
.mash-menu[data-color="blue-grey"] .btn.btn-custom:hover { background: #718f9d}
.mash-menu[data-color="blue-grey"] .card .card-action a { color: #688897}
.mash-menu[data-color="blue-grey"] .card.reveal a { color: #688897}
.mash-menu[data-color="blue-grey"] input[type='text'],.mash-menu[data-color="blue-grey"] input[type='email'],.mash-menu[data-color="blue-grey"] input[type='password'],.mash-menu[data-color="blue-grey"] input[type='color'],.mash-menu[data-color="blue-grey"] input[type='date'],.mash-menu[data-color="blue-grey"] input[type='datetime'],.mash-menu[data-color="blue-grey"] input[type='datetime-local'],.mash-menu[data-color="blue-grey"] input[type='file'],.mash-menu[data-color="blue-grey"] input[type='hidden'],.mash-menu[data-color="blue-grey"] input[type='image'],.mash-menu[data-color="blue-grey"] input[type='month'],.mash-menu[data-color="blue-grey"] input[type='number'],.mash-menu[data-color="blue-grey"] input[type='time'],.mash-menu[data-color="blue-grey"] input[type='url'],.mash-menu[data-color="blue-grey"] input[type='week'],.mash-menu[data-color="blue-grey"] input[type='tel'],.mash-menu[data-color="blue-grey"] textarea,.mash-menu[data-color="blue-grey"] select { background-image: linear-gradient(#688897, #688897), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="blue-grey"] input[type='text']:focus,.mash-menu[data-color="blue-grey"] input[type='email']:focus,.mash-menu[data-color="blue-grey"] input[type='password']:focus,.mash-menu[data-color="blue-grey"] input[type='color']:focus,.mash-menu[data-color="blue-grey"] input[type='date']:focus,.mash-menu[data-color="blue-grey"] input[type='datetime']:focus,.mash-menu[data-color="blue-grey"] input[type='datetime-local']:focus,.mash-menu[data-color="blue-grey"] input[type='file']:focus,.mash-menu[data-color="blue-grey"] input[type='hidden']:focus,.mash-menu[data-color="blue-grey"] input[type='image']:focus,.mash-menu[data-color="blue-grey"] input[type='month']:focus,.mash-menu[data-color="blue-grey"] input[type='number']:focus,.mash-menu[data-color="blue-grey"] input[type='time']:focus,.mash-menu[data-color="blue-grey"] input[type='url']:focus,.mash-menu[data-color="blue-grey"] input[type='week']:focus,.mash-menu[data-color="blue-grey"] input[type='tel']:focus,.mash-menu[data-color="blue-grey"] textarea:focus,.mash-menu[data-color="blue-grey"] select:focus { background-image: linear-gradient(#688897, #688897), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="blue-grey"] label.menu-checkbox:after { background: #688897}
.mash-menu[data-color="blue-grey"] label.menu-toggle:before, .mash-menu[data-color="blue-grey"] label.menu-toggle:after { background: #a4b8c1}
.mash-menu[data-color="blue-grey"] label.menu-toggle:after { background: #688897}
.mash-menu[data-color="blue-grey"] label.menu-radio:after { border-color: #688897; background: #688897}
.mash-menu[data-color="blue-grey"] .mash-mobile-button { background: #688897}
.mash-menu[data-color="blue-grey"] .mash-extra > .mash-extra-container { background: #3e525b}
.mash-menu[data-color="blue-grey"] .mash-categories a { background: rgba(104, 136, 151, 0.3); border-left: 1px solid #62808e}
.mash-menu[data-color="blue-grey"] .mash-categories a:hover { background: #7794a1}
@media screen and (max-width: 990px) { .mash-menu[data-color="blue-grey"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="blue-grey"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: #688897 }}
.mash-menu[data-color="blue-grey"] .panel a { color: #688897}
.mash-menu[data-color="black-gradient"] section.mash-menu-inner-container { background: linear-gradient(to top, #2c2c2c 0%, #605b5f 100%)}
@media screen and (min-width: 991px) { .mash-menu[data-color="black-gradient"] .mash-brand > li:hover > a, .mash-menu[data-color="black-gradient"] .mash-list-items > li:hover > a { background: #393939 }}
.mash-menu[data-color="black-gradient"] .mash-brand > li > a, .mash-menu[data-color="black-gradient"] .mash-list-items > li > a { color: rgba(255, 255, 255, 0.86)}
.mash-menu[data-color="black-gradient"] .mash-list-items > li.active > a { background: #393939}
.mash-menu[data-color="black-gradient"] .mash-list-items > li:hover > a { color: #FFFFFF; background: #393939}
.mash-menu[data-color="black-gradient"].separator .mash-brand > li > a, .mash-menu[data-color="black-gradient"].separator .mash-list-items > li > a { border-right: 1px solid #242424}
@media screen and (max-width: 990px) { .mash-menu[data-color="black-gradient"].separator .mash-brand > li > a, .mash-menu[data-color="black-gradient"].separator .mash-list-items > li > a { border-bottom: 1px solid #242424 }}
.mash-menu[data-color="black-gradient"].separator .mash-list-items.right > li > a { border-left: 1px solid #242424}
@media screen and (max-width: 990px) { .mash-menu[data-color="black-gradient"].separator .mash-list-items.right > li > a { border-bottom: 1px solid #242424 }}
@media screen and (max-width: 990px) { .mash-menu[data-color="black-gradient"].separator .mash-search-bar { border: 1px solid #242424 }}
.mash-menu[data-color="black-gradient"] .drop-down li:hover > a { color: #2c2c2c}
@media screen and (max-width: 990px) { .mash-menu[data-color="black-gradient"] .mash-search-bar { background: #2c2c2c }}
.mash-menu[data-color="black-gradient"] .vertical-tabs a:hover, .mash-menu[data-color="black-gradient"] .vertical-tabs a.active { color: #2c2c2c}
.mash-menu[data-color="black-gradient"] .thumbnail:hover { border-color: #2c2c2c}
.mash-menu[data-color="black-gradient"] blockquote { border-left-color: #5f5f5f}
.mash-menu[data-color="black-gradient"] .list-items a:hover, .mash-menu[data-color="black-gradient"] .order-items a:hover { color: #2c2c2c}
.mash-menu[data-color="black-gradient"] .btn.btn-custom { background: #2c2c2c; border-bottom-color: #121212}
.mash-menu[data-color="black-gradient"] .btn.btn-custom:hover { background: #343434}
.mash-menu[data-color="black-gradient"] .card .card-action a { color: #2c2c2c}
.mash-menu[data-color="black-gradient"] .card.reveal a { color: #2c2c2c}
.mash-menu[data-color="black-gradient"] input[type='text'],.mash-menu[data-color="black-gradient"] input[type='email'],.mash-menu[data-color="black-gradient"] input[type='password'],.mash-menu[data-color="black-gradient"] input[type='color'],.mash-menu[data-color="black-gradient"] input[type='date'],.mash-menu[data-color="black-gradient"] input[type='datetime'],.mash-menu[data-color="black-gradient"] input[type='datetime-local'],.mash-menu[data-color="black-gradient"] input[type='file'],.mash-menu[data-color="black-gradient"] input[type='hidden'],.mash-menu[data-color="black-gradient"] input[type='image'],.mash-menu[data-color="black-gradient"] input[type='month'],.mash-menu[data-color="black-gradient"] input[type='number'],.mash-menu[data-color="black-gradient"] input[type='time'],.mash-menu[data-color="black-gradient"] input[type='url'],.mash-menu[data-color="black-gradient"] input[type='week'],.mash-menu[data-color="black-gradient"] input[type='tel'],.mash-menu[data-color="black-gradient"] textarea,.mash-menu[data-color="black-gradient"] select { background-image: linear-gradient(#2c2c2c, #2c2c2c), linear-gradient(#d2d2d2, #d2d2d2) !important}
.mash-menu[data-color="black-gradient"] input[type='text']:focus,.mash-menu[data-color="black-gradient"] input[type='email']:focus,.mash-menu[data-color="black-gradient"] input[type='password']:focus,.mash-menu[data-color="black-gradient"] input[type='color']:focus,.mash-menu[data-color="black-gradient"] input[type='date']:focus,.mash-menu[data-color="black-gradient"] input[type='datetime']:focus,.mash-menu[data-color="black-gradient"] input[type='datetime-local']:focus,.mash-menu[data-color="black-gradient"] input[type='file']:focus,.mash-menu[data-color="black-gradient"] input[type='hidden']:focus,.mash-menu[data-color="black-gradient"] input[type='image']:focus,.mash-menu[data-color="black-gradient"] input[type='month']:focus,.mash-menu[data-color="black-gradient"] input[type='number']:focus,.mash-menu[data-color="black-gradient"] input[type='time']:focus,.mash-menu[data-color="black-gradient"] input[type='url']:focus,.mash-menu[data-color="black-gradient"] input[type='week']:focus,.mash-menu[data-color="black-gradient"] input[type='tel']:focus,.mash-menu[data-color="black-gradient"] textarea:focus,.mash-menu[data-color="black-gradient"] select:focus { background-image: linear-gradient(#2c2c2c, #2c2c2c), linear-gradient(#d2d2d2, #d2d2d2)}
.mash-menu[data-color="black-gradient"] label.menu-checkbox:after { background: #2c2c2c}
.mash-menu[data-color="black-gradient"] label.menu-toggle:before, .mash-menu[data-color="black-gradient"] label.menu-toggle:after { background: #5f5f5f}
.mash-menu[data-color="black-gradient"] label.menu-toggle:after { background: #2c2c2c}
.mash-menu[data-color="black-gradient"] label.menu-radio:after { border-color: #2c2c2c; background: #2c2c2c}
.mash-menu[data-color="black-gradient"] .mash-mobile-button { background: #2c2c2c}
.mash-menu[data-color="black-gradient"] .mash-extra > .mash-extra-container { background: #000000}
.mash-menu[data-color="black-gradient"] .mash-categories a { background: rgba(44, 44, 44, 0.3); border-left: 1px solid #242424}
.mash-menu[data-color="black-gradient"] .mash-categories a:hover { background: #393939}
@media screen and (max-width: 990px) { .mash-menu[data-color="black-gradient"] .vertical-tabs-content-container .vertical-tabs-content-mobile { color: #505050 }
.mash-menu[data-color="black-gradient"] .vertical-tabs-content-container .vertical-tabs-content-mobile:hover { color: linear-gradient(to top, #2c2c2c 0%, #605b5f 100%) }}
.mash-menu[data-color="black-gradient"] .panel a { color: #2c2c2c}
.mash-menu[data-color="black-gradient"] .mash-mobile-button { background: transparent}
@media screen and (max-width: 990px) { .mash-menu[data-color="black-gradient"] .mash-search-bar { background: transparent; border-top: none !important; border-left: none !important; border-right: none !important; box-shadow: none !important }}
/*Custom*/
.menu-section-1,.menu-section-2,.menu-section-3 { flex: 1}
.menu-section-1 {	width: 30%;	float: left;	margin: 0;	padding: 40px;	display: block;	background: #081B59;	max-width: 380px}
.menu-section-1 h4 {	color: #fff;	font-size: 24px;	margin: 27px 0;	padding: 0;	display: block}
.menu-section-1 p {	color: #fff;	font-size: 15px;	line-height: 22px;	margin: 0;	padding: 0;	display: block}
.menu-section-1 p * {color: #fff;}
.menu-section-2 {	width: 34%;	float: left;	margin: 0 6% 0;	/*padding: 2.6% 0 40px;*/	padding: 40px;	display: block}
.menu-section-2 ul {	width: 100%;	float: left;	margin: 0;	padding: 0;	display: block}
.menu-section-2 li {	width: 100%;	float: left;	margin: 0;	padding: 0;	display: block;	position: relative}
.menu-section-2 li a{	width: 100%;	float: left;	margin: 0;	/*padding: 8px 50px 8px 60px;*/	padding: 8px 50px 8px 40px;	display: block;	color: #000;	font-size: 16px;	border-bottom: 1px solid #ef4136}
.menu-section-2 li:hover a{	color: #ef4136;	font-family: 'Assistant-SemiBold'}
.menu-section-3 {	width: 20%;	float: left;	margin: 0;	padding: 30px 0 40px;	display: block;	background: #f9f9fb;	max-width: 240px}
.mash-menu .ngr-page-wrapper { padding: 0}
.mash-menu .common-resource-box-outer {	width: 100%;	text-align: center}
.mash-menu .common-resource-box-outer * {	text-align: center}
.mash-menu .common-resource-box-inner:hover{	background-color: #f9f9fb !important}
.mash-menu .common-main-resource-box-inner a.read_more:hover { background-color: #081b59; border-color: #081b59; color: #ffffff}
.mash-menu .common-main-resource-box-inner{	padding: 0;	min-height: inherit !important}
.mash-menu .common-box-inner{	min-height: inherit !important}
.mash-menu .common-main-resource-box-inner:before {	display: none}
.mash-menu .common-main-resource-box-inner .resource-icon {	margin: 7px 0}
.mash-menu .common-main-resource-box-inner .common-box-inner h3 {	font-size: 16px;	line-height: 20px}
.mash-menu .common-main-resource-box-inner .common-cat {	margin-bottom: 0}
.mash-menu .drop-down-large:after { position: absolute; background: url('https: //info.niagaranetworks.com/hubfs/shadow.png') repeat-x top left; height: 12px; width: 100%; content: ''; display: block; top: 0; left: 0; pointer-events: none}
.greybox-description { margin: 0 0 10px; padding: 0; display: block; float: left}
.greybox-description + .ngr-btn{ margin-top: 40px; display: inline-block}
.mash-menu {position: static; max-width: 1200px}
.mash-menu .drop-down-large{padding: 0px 5px}
.menu-section-2 ul.sub-menu li { width: calc(100% - 10%); margin: 0 0 0 7%; /*margin: 0 0 0 10%;ACTIVE THIS FOR THIRD LEVEL MENU ACCORDION*/ padding: 0; float: left; display: block}
.menu-section-2 ul.sub-menu li a { border-bottom: none; font-family: 'Assistant-Regular'; color: #000; padding-top: 6px; padding-bottom: 6px; padding-right: 0}
.menu-section-2 ul.sub-menu li a:hover { color: #ef4136}
.menu-section-2 ul.sub-menu li:after {    content: '-';    width: auto;    position: absolute;    font-size: 36px;    color: #ef4136;    left: 15px;    top: 5%;}
.menu-section-2 ul.sub-menu { /*display: none; ACTIVE THIS FOR THIRD LEVEL MENU ACCORDION*/ border-bottom: 1px solid #ef4136;}
/*-----DE-ACTIVE THIS FOR THIRD LEVEL MENU ACCORDION----------*/
.submenu ~ .plusicon {    pointer-events:none}
@media (max-width: 1220px){ .mash-menu .mash-list-items > li > a { padding: 29px 16px }
.menu-section-2 li a { padding: 8px 10px 8px 35px }}
@media (max-width: 1120px){ .mash-menu .mash-list-items > li > a { padding: 29px 10px }
.menu-section-2 { 	margin: 0 2% 0 }}
@media (max-width: 990px){ .menu-section-1, .menu-section-2, .menu-section-3 { max-width: inherit }
.mash-menu { float: left; width: calc(100% + 30px); margin-left: -15px } .mash-menu .mash-list-items > li > a { padding: 10px }
.mobile-menu-wrap {	margin: 65px 0 0; max-height: 76vh; overflow-y: auto	}
.menu-section-3 {	width: 100%;	padding: 0	}
.menu-section-2 {	margin: 5px 0 0;	width: 100%;	padding: 25px 15px 40px 15px	}
.menu-section-2 li a {	padding: 11px 11px 11px 35px	}
.menu-section-1 {	width: 100%;		padding: 0px 20px 20px	}
.ngr-header .span8.widget-span,	.ngr-header .span7.widget-span{ width: 100%; margin-left: 0 }
.ngr-header .ngr-logo { position: absolute; left: 15px; top: 0; z-index: 100000; padding: 20px 0 0 }
.ngr-header .ngr-search { position: absolute; right: 90px; top: 0; z-index: 100000 }
.ngr-header .ngr-logo a{ padding-top: 0 }
.mash-menu .drop-down-large { position: static; padding: 0px }
.mash-menu a.submenu:after { display: none }}
.submenu ~ .plusicon { /*display: block;*/ display: none; height: 34px; width: 30px !important; position: absolute; top: 0; left: 0; cursor: pointer }
.submenu ~ .plusicon:after { content: '+'; display: block; font-size: 28px; font-family: 'Assistant-SemiBold'; color: #ef4136; text-align: center; line-height: 34px }
/*
.submenu ~ .plusicon.open:after {
content: '-'
}ACTIVE THIS FOR THIRD LEVEL MENU ACCORDION*/
@media (max-width: 768px){ .ngr-header .ngr-search { right: 60px }}
@media (min-width: 991px){ .mash-menu .ngr-page-wrapper { display: flex; flex: 1 }
.submenu ~ .plusicon { width: 34px }}
/** Events landing Page CSS STARTS here **/
body.events-lp {padding-top: 0;background:url('https://www.niagaranetworks.com/hubfs/events-lp-bg.jpg');    background-size:cover;}.events-lp .lp-events-right {    background:#fff;    padding:50px 54px 0;    color: #081b59;    float: left;    margin-top: 14px;   box-shadow: -2.9px 7.5px 18px 0 rgba(109, 109, 109, 0.24);    -webkit-box-shadow: -2.9px 7.5px 18px 0 rgba(109, 109, 109, 0.24);}
.events-lp .lp-events-left {color:#fff;}
.events-lp .lp-events-left h1{font-size: 77px;    color:#fff;    line-height: 80px;    font-family: 'Assistant-SemiBold';}
.events-lp .lp-events-left h1:after {    background-color: #e6443e;    height:16px;    width: 352px;    display:block;    content:'';    margin-top: 40px;    margin-bottom: 68px;}
.events-lp .lp-logo {	margin: 80px 0 85px;	float: left;	padding: 0;	display: block;	width: 100%}
.events-lp .ngr-page-wrapper {    max-width: 1480px;}
.events-lp .lp-events-left > div {    max-width: 777px;}
.events-lp .lp-events-left .hs_cos_wrapper_type_rich_text p {    font-size:19px;    line-height: 30px;}
.events-lp textarea, .events-lp input[type="text"], .events-lp input[type="password"], .events-lp input[type="datetime"], .events-lp input[type="datetime-local"], .events-lp input[type="date"], .events-lp input[type="month"], .events-lp input[type="time"], .events-lp input[type="week"], .events-lp input[type="number"], .events-lp input[type="email"], .events-lp input[type="url"], .events-lp input[type="search"], .events-lp input[type="tel"], .events-lp input[type="color"], .events-lp select {    border-bottom: 2px solid #39497a;    text-align: left;    font-style: normal !important;    padding: 13px 0;    font-size:17px;}
.events-lp .hs-form-required, .events-lp .hs_error_rollup {    display:none;}
.events-lp .hs-error-msgs {    color:#e6443e;    position: absolute;    top: 100%;    left:0;    font-size:14px;}
.events-lp form {    float:left;    width:100%;    margin:0;    padding:0;}
.events-lp .hs-form-field {    margin-bottom:20px;    position: relative;}
.events-lp .legal-consent-container {    font-size:12px;    font-family: 'Assistant-Light';    line-height: 20px;}
.events-lp .legal-consent-container a {    text-decoration:underline;    color: #081b59;}
.events-lp .hs-button.primary.large {    border: 2px solid #ef4136;    background: #ef4136;    border-radius: 0;    margin: 35px auto 0;    color: #fff;    width: 100%;    padding: 28px 0 80px;    font-size: 30px;    text-transform: uppercase;}
.events-lp .hs-button.primary.large:hover {    background-color: #081b59;    border: 2px solid #081b59;    color: #fff;}
@media(min-width: 768px) {    .events-lp .row-fluid .span7 {width:55.23%; }
.events-lp .row-fluid .span5 {        width:42%;    }}
@media(max-width: 991px) {    .events-lp .lp-events-left h1 {        font-size: 60px;        line-height: 62px;    }
.events-lp .global_heading {        font-size: 35px !important;        line-height: 40px !important;    }
.events-lp h3.global_heading {        font-size: 25px !important;        line-height: 30px !important;    }}
@media(min-width: 768px) and (max-width: 991px) {    .events-lp .lp-events-right {        padding: 30px 30px 0;    }
.events-lp .hs-button.primary.large {        font-size: 25px;    }}
@media(max-width: 767px) {    .events-lp .lp-events-left h1 {        font-size: 45px;        line-height: 47px;    }
.events-lp .lp-events-left h1:after {        height: 6px;        width: 90%;        margin-top: 20px;        margin-bottom: 38px;    }
.events-lp .lp-logo {    	margin: 50px 0 55px;    }
.events-lp .lp-events-left .hs_cos_wrapper_type_rich_text p {        font-size: 17px;        line-height: 26px;    }
.events-lp .global_heading {        font-size: 32px !important;        line-height: 36px !important;    }
.events-lp h3.global_heading {        font-size: 22px !important;        line-height: 26px !important;    }}
@media(max-width: 479px) {    .events-lp .lp-events-right {        padding: 30px 30px 0;    }
.events-lp .hs-button.primary.large {        font-size: 25px;    }}
.form-strip {    background: #0d1c55;    padding: 70px 0;    color: #ffffff;}
.form-strip h2 {    color: #ffffff;}
.form-strip a {    color: #ef4136;}
.form-strip textarea,.form-strip input[type="text"],.form-strip input[type="number"],.form-strip input[type="email"],.form-strip input[type="tel"],.form-strip select  {    color: #ffffff !important;    border-bottom: solid 1px #fff;    outline: none;}
.form-strip input[type="text"]::-webkit-input-placeholder,.form-strip input[type="email"]::-webkit-input-placeholder, .form-strip textarea::-webkit-input-placeholder { color: #ffffff;}
.form-strip input[type="text"]::-moz-placeholder,.form-strip input[type="email"]::-moz-placeholder,.form-strip textarea::-moz-placeholder { color: #ffffff;}
.form-strip input[type="text"]:-ms-input-placeholder,.form-strip input[type="email"]:-ms-input-placeholder,.form-strip textarea:-ms-input-placeholder { color: #ffffff;}
.form-strip input[type="text"]:-moz-placeholder,.form-strip input[type="email"]:-moz-placeholder,.form-strip textarea:-moz-placeholder { color: #ffffff;}
.form-strip .hs-error-msgs li label {    color: #f00 !important;}
/** Events Landing Page CSS Ends Here **/
.menu-section-3 .common-main-resource-box-inner:before {    display: none;}
.press-kit .use-cases .two-by-two-row .box-area h3 {  text-align:left;}
.press-kit .nng-text-section .image-wrapper.technology-partners-logos .single-image {  min-height:95px;}
.press-kit .use-cases .two-by-two-row .box-area,.press-kit .use-cases .two-by-two-row .box-area a {  color: #fff;  padding: 0;}
.press-kit .use-cases .two-by-two-row .box-area a{  color: #fff;}
.press-kit .use-cases .two-by-two-row {  max-width: 800px;}
.press-kit .use-cases .two-by-two-row .box-area a:hover {  color: #ef4136;  text-decoration:none;}
.press-kit .network-tool-section .ngr-page-wrapper .tools-icon-list-wrapper .tools-icon {  background: rgba(0, 0, 0, 0.05);  border-radius: 5px;  padding: 10px;  width: 151px;  margin: 0 32px 10px 0;}
.press-kit .network-tool-section .ngr-page-wrapper .tools-icon-list-wrapper .tools-text-wrapper a {  color: #ef4136;}
@media (min-width: 601px) {  .network-tool-section .ngr-page-wrapper .tools-icon-list-wrapper .tools-text-wrapper {    width: calc(100% - 183px);  }
.press-kit .box-content-wrap {    max-width: 235px;  }}
@media (max-width: 767px) {  .press-kit .nng-text-section .image-wrapper.technology-partners-logos .single-image {    width: 22%;    margin: 40px 5% 0 !important;  }
.press-kit .nng-text-section .image-wrapper.technology-partners-logos .single-image img {    max-width: 200px;    width: 100% !important;  }}
@media (max-width: 600px) {  .press-kit .nng-text-section .image-wrapper.technology-partners-logos .single-image {    margin: 0px 0 10px !important;    width: 100%;  }
.press-kit .use-cases .two-by-two-row .box-area h3 {    margin-bottom: 5px;  }
.press-kit .use-cases .two-by-two-row .box-area{    min-height: inherit !important;  }}
/*******Changes 1-4-2019***/
body.IframeContainer_Body { padding-top:0}
body.IframeContainer_Body .iframe-container{width: 100%;float: left;margin: 0px;padding: 0px;display: block;}
body.IframeContainer_Body .iframe-container iframe{height: 100vh !important;margin: 0 auto;display: block;}
.partners-may .event-image {border: 1px solid #eaeaea;padding: 20px !important;}
.partners-may .ngr-event-listing h3{font-size: 15px;vertical-align: middle;display: inline-block;line-height: 18px;font-family: 'Assistant-SemiBold';margin-top: -20px;}
.partners-may .ngr-event-listing .more-social a {color: #ef4136;font-size: 14px;line-height: 18px;}
.partners-may .ngr-event-listing .event-listing-row {padding: 40px 0 0;margin: 40px 0 0;border-top: solid 1px #b7b7b7;border-bottom: none;}
.partners-may .ngr-event-listing h2 {line-height: 35px;}
.partners-may .main-resources-listing-wrapper {padding-bottom: 40px;}
.partners-may .resources-filters-row .blog-header {margin: 10px 0 0px;}
.fap-welcome-row.text-with-image-wrapper {padding-bottom:0;}
.fap-welcome-row h2.ngr-section-title {margin: 0;padding: 0px 0 20px;}
.text-with-image-wrapper.video-swap-up {padding-top: 0;}
@media(min-width: 601px) {.panel {display:block !important;height:100% !important;}
.widget-title {pointer-events:none}
}
/*********-- Network Intelligence--------*/
.four_trends_wrap { background: #222a50; padding: 80px 0; color: #fff; text-align: center; float: left;  width: 100%; position: relative;}
.four_trends_wrap h3 { font-size: 30px; font-family: 'Assistant-Bold'; line-height:37px; margin-bottom:5px;  letter-spacing: 0.6px;}
.four_trends_wrap p{ font-size: 22px; line-height: 37px;  letter-spacing: 0.44px;}
.trend_lists { display: flex; width: 100%; flex: 1; text-align: center; margin: 60px auto 0px auto;}
.trend_list {  flex: 1; margin: 20px auto;}
.tl_w img {  max-width: 64px; width: auto; height: auto; max-height: 64px;}
.tl_w h4 {font-size: 21px; font-weight: 600; margin: 25px auto 0 auto; line-height: 28px;}
.tl_w {padding: 10px 20px; width: 100%; height: 100%;}
.four_trends_wrap::after {content: ""; background-image: url('https://www.niagaranetworks.com/hubfs/arrow_blue.png'); position: absolute; bottom: -36px; width: 85px; height: 37px; background-size: contain;}
.nio_container, .ntp_container {padding: 100px 0; float: left; display: block; width: 100%;}
.nio_container  h2, .ntp_container h2, .nipartners_container h2{ text-align: center; font-size: 40px; color: #081b59; letter-spacing: 0.8px;  line-height: 40px; padding: 20px 0 80px 0; }
.nio_left {width: 46.5%; float: left; margin-right: 4%;}
.nio_right {float: right; width: 49%;}
.nio_heading .nio_circle {background: #e6443e; width: 74px; height: 74px; text-align: center; line-height: 67px; color: #fff; font-weight: bold; border-radius: 50%; margin-right: 20px; float: left; font-size: 77px;}
.nio_heading { color: #081b59; font-size: 22px; line-height: 30px; font-weight: 500; float: left; width: 100%; margin-bottom: 60px; padding-right: 12%; display: inline-flex; align-items: center}
.nio_content {float: left; width: 100%; letter-spacing: 0.32px; padding-right: 7.5%;}
.nio_img, .tp_img {text-align: center; color: #9e9e9e; line-height: 19px; font-size: 14px;}
.nio_img p, .tp_img p{text-align: left; margin-top: 45px;}
.nio_img img { height: auto;}
.nio_inner, .nio_more_content { float: left; width: 100%; display: block;}
.nio_more_content{margin-top:45px;}
.nio_more_content { margin: 30px auto 90px auto;}
.nio_more_content .nio_content { padding-right: 0.5%; margin-top: 20px;}
.nio_heading span { width: 76%;}
.ntp_container {background: #f3f4f8; padding: 60px 0;}
.tp_img {text-align: center; max-width: 555px; margin: 0 auto;}
.tp_img img {height: auto;  margin: 60px auto 0 auto;}
.tp_list:last-child { margin-bottom: 0px;}
.tp_list { margin-bottom: 60px;}
.tp_content p {padding: 0 1%;}
.pillar_menu {background: #f3f4f8; float: left; width: 100%; display: flex; text-align: center;}
.pillar_inner {float: left; width: 100%; padding: 40px; flex: 1;}
.pillar_inner a {color: #081b59; font-size: 20px; font-weight: 600;  margin: 0px 1.5%; line-height:28px;}
.pillar_content_wrap { float: left; width: 100%; display: block; margin: 60px auto 0 auto;}
.pillar_content_inner {float: left; width: 100%; padding: 40px 0;  border-bottom: solid 2px #ce2a2b;}
.pillar_content_inner .heading {color: #081b59; font-size: 22px; font-weight: 600; line-height: 30px; margin: 0 auto 20px auto;}
.pillar_left {float: left; width: 47.15%; display: inline-block;  margin-right: 5%;}
.pillar_right {float: right;  width: 42.75%;}
.pillar_img img { height: auto;  margin-bottom: 40px;}
.pillar_img p{font-size: 14px;line-height: 1.36; text-align: left; color: #9e9e9e;}
.pillar_content_inner:last-child { border: none;  padding-bottom: 0;}
.ntp_container h2, .nipartners_container h2{padding-bottom:45px;}
.partners_logo { background: #f3f4f8;  padding: 60px 0;}
.partners_logo .ngr-page-wrapper .row-fluid { text-align: center; display: flex; flex: 1; align-items: center;}
.widget-span.widget-type-custom_widget.partner_logo { float: left; width: 20%;  text-align: center; padding: 0 2%; margin: 0 auto;}
.partner_logo img { filter: grayscale(1);}
.nio_container.padd_top{padding-top:60px;}
.pillar_inner a:hover { color: #ef4136;}
@media only screen and (min-width: 200px) and (max-width: 1890px) {
.pillar_inner a{margin:0 10px;}
@media only screen and (max-width:1600px) {
.pillar_inner a{font-size: 18px;}
}
@media only screen and (max-width:1520px) {
.pillar_inner a{font-size: 16px;}
}
@media only screen and (max-width:1150px) {
.tl_w h4 { font-size: 18px;  margin: 18px auto 0 auto;  line-height: 28px;}
.four_trends_wrap { padding: 60px 0 40px 0;}
.trend_lists{margin: 25px auto 0px auto;}
.nio_content, .nio_heading{padding-right: 0;}
.four_trends_wrap::after{width: 50px; background-repeat: no-repeat;}
}
@media only screen and (max-width:900px) {
.trend_lists {display: inherit; width: 100%; flex: inherit;}
.trend_list { flex: inherit; float: left; display: inline-block; min-height: 160px; width: 50%;}    
.nio_left, .pillar_left { width: 100%;  margin-right: 0; margin-bottom: 40px;}
.nio_right, .pillar_right { width: 100%; }
.nio_img, .pillar_img {max-width: 555px; margin: 0 auto;}
.nio_container h2, .ntp_container h2, .nipartners_container h2{font-size:30px; line-height:35px;}
.nio_container, .ntp_container { padding: 60px 0;}
.nio_container.padd_top { padding-top: 20px;}
.nio_container h2, .ntp_container h2, .nipartners_container h2{padding: 20px 0 40px 0;}
.pillar_content_wrap {margin:0 auto}
.pillar_content_inner { padding: 25px 0; border-bottom: solid 1px #ce2a2b;}
.pillar_inner a { padding: 10px 0;}
}
@media only screen and (max-width:780px) {
.widget-span.widget-type-custom_widget.partner_logo { width: 33.333%; margin: 0 auto 40px auto;}
.span2.widget-span.widget-type-custom_widget.partner_logo:nth-last-child(2), .span2.widget-span.widget-type-custom_widget.partner_logo:last-child { width: 50%;}
.partners_logo{padding: 40px 0 0 0;}
.widget-span.widget-type-custom_widget.partner_logo img { max-height: 40px; max-width: 100%; width: auto !important;}
.partners_logo .ngr-page-wrapper .row-fluid { display: block; flex: inherit;}
}
@media only screen and (max-width:680px) {
.pillar_inner a { font-size: 14px; font-weight: 400;}
.pillar_inner { padding: 15px 5px;}
}
@media only screen and (max-width:480px) {
.tl_w { padding: 10px;}
.nio_container h2, .ntp_container h2, .nipartners_container h2{font-size:20px; line-height:30px;}
}
}
/* --------------- OVP style starts here ------------------- */
.ovp-banner h1 {float: left;width: 100%;text-align: center;color: #ffffff;font-size: 45px;line-height: 1.4;margin-bottom: 20px; font-family: 'Assistant-SemiBold';}
.ovp-banner p {float: left;text-align: center;width: 100%;color: #fff;font-size: 18px;}
.ovp-netops-section{width: 100%;float:left;background-color: #f3f4f8;padding:60px 0 30px;text-align:center;}
.ovp-netops-section h2 {width: 100%;float:left;font-family: 'Assistant-SemiBold';font-size: 40px;line-height: 1.40;text-align: center;color: #2f2f2f;margin-bottom:30px;}
.ovp-netops-section>span.hs_cos_wrapper {float: none;max-width: 820px;margin: 0 auto;overflow: hidden;display: inline-block;text-align: left;padding:0 15px;}
.ovp-netops-section p {width: 100%;float:left;font-size: 16px;color: #2f2f2f;margin-bottom:15px;}
.ovp-additional-challenge-section{float:left;width:100%;background-color:#009fde;padding:50px 0;}
.ovp-additional-challenge-wrapper{float:none !important;width:100%;margin:0 auto !important;max-width:805px; overflow:hidden;padding:0 15px;}
.ovp-additional-challenge-wrapper h2 {float: left;width: 100%;color: #ffffff;font-size: 24px;margin-bottom:20px;}
.ovp-additional-challenge-wrapper ul {float: left;width: 100%;}
.ovp-additional-challenge-wrapper ul li {float: left;width: 100%;color: #ffffff;font-size: 16px;margin-bottom:5px;}
.ovp-additional-challenge-wrapper ul li ul {float: left;width: 100%;padding:10px 0 0 35px;}
.ovp-additional-challenge-detail-section{background:url(https://blog.niagaranetworks.com/hubfs/network-bg.png) no-repeat center #06185b;width:100%;float:left;position:relative;background-size: cover;}
.ovp-additional-challenge-detail-section:after {content: "";width: 0;height: 0;top:0;border-top: 38px solid #009fde;border-right: 42px solid transparent;border-left: 42px solid transparent;position: absolute;left: 50%;transform: translateX(-26px);-webkit-transform: translateX(-26px);-moz-transform: translateX(-26px);}
.ovp-challenge-detail-left{float:left;padding:130px 100px 90px 0;background-size: cover;}
.ovp-challenge-detail-right{float:left;background-size: cover;padding:130px 0 0 90px;border-left: 3px solid #005892;position:relative;}
.ovp-challenge-detail-right:after, .ovp-challenge-detail-right:before {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.ovp-challenge-detail-right:after {border-color:transparent;border-right-color: #05194d;border-width: 35px;margin-top: -35px;}
.ovp-challenge-detail-right:before {border-color: transparent;border-right-color: #005892;border-width: 40px;margin-top: -40px;}
.ovp-challenge-detail-left>span.hs_cos_wrapper {float: right;max-width: 350px;}
.ovp-challenge-detail-left>span.hs_cos_wrapper h2 {float: left;width: 100%;color:#fff;font-size:18px;margin-bottom:25px;font-family: 'Assistant-SemiBold'; }
.ovp-challenge-detail-left>span.hs_cos_wrapper p {float: left;width: 100%;color:#fff;font-size:18px;margin-bottom:10px;}
.ovp-challenge-detail-left>span.hs_cos_wrapper h3{float: left;width: 100%;color:#fff;font-size:20px;font-family: 'Assistant-SemiBold';margin-top:10px;}
.ovp-additional-challenge-detail-section .row-fluid {display: flex;}
.ovp-challenge-detail-right span.hs_cos_wrapper {float: left;width: 100%;max-width: 400px;} 
.ovp-challenge-detail-right span.hs_cos_wrapper .hs_cos_wrapper_type_module{float:left;width:100%;margin-bottom:100px;}
.ovp-challenge-detail-right span.hs_cos_wrapper .hs_cos_wrapper_type_module h2 {float: left;width: 100%;display: flex;align-items: center;margin-bottom:39px;font-size: 25px;line-height: 1.18;letter-spacing: 0.5px;color: #ffffff;font-family: 'Assistant-SemiBold';}
.ovp-challenge-detail-right span.hs_cos_wrapper .hs_cos_wrapper_type_module h2 img {margin-right: 30px;}
.ovp-challenge-detail-right span.hs_cos_wrapper .hs_cos_wrapper_type_module p {float: left;width: 100%;font-size: 16px;line-height: 1.5;color: #ffffff;}
.ovp-challenge-detail-right span.hs_cos_wrapper .hs_cos_wrapper_type_module p strong {font-size: 20px;}
.benefits-of-ovp-section{float:left;width:100%;padding:80px 0 100px;}
.three-pillars-of-ovp{width:100%;padding:20px 0 60px;background:/*url(https://blog.niagaranetworks.com/hubfs/bg.png) no-repeat center*/ #fff;background-size: cover;}
.three-pillars-of-ovp .ngr-page-wrapper{max-width:920px;}
.managing-tool-sprawl-section{padding:100px 0 20px;float:left;width:100%;}
.managing-tool-sprawl-left{float:left;padding-right:80px;}
.managing-tool-sprawl-right{float:left;}
.managing-tool-sprawl-left h2{float:left;width:100%;font-size: 22px;color: #06185b;line-height:28px;font-family: 'Assistant-SemiBold';margin-bottom:25px;}
.managing-tool-sprawl-left p{float:left;width:100%;font-size: 16px;margin-bottom:15px;}
.managing-tool-sprawl-left .hs_cos_wrapper_type_module {float: left;width: 100%;margin-bottom: 75px;}
.managing-tool-sprawl-right .hs_cos_wrapper_type_module {float: left;width: 100%;margin-bottom: 75px;}
.offloading-utility-processing-section{background-color: #f3f4f8;float: left;width: 100%;padding:90px 0;}
.offloading-utility-processing-right h2{float:left;width:100%;font-size: 22px;color: #06185b;line-height:28px;font-family: 'Assistant-SemiBold';margin-bottom:25px;}
.offloading-utility-processing-right p{float:left;width:100%;font-size: 16px;margin-bottom:15px;}
.offloading-utility-processing-right{padding-left:87px}
.visibility-platform-section{float:left;width:100%;padding:70px 0 80px;}
.visibility-platform-section .ngr-page-wrapper{ max-width:990px;}
.visibility-platform-heading{float:left;width:100%;text-align:center;}
.visibility-platform-heading h2{float:left;width:100%;text-align:center;font-size: 40px;line-height:1.5;color: #2f2f2f;margin-bottom:80px;}
.visibility-platform-left{float:left;margin-bottom:75px;}
.visibility-platform-left h3{float:left;font-size: 22px;color: #06185b;font-family: 'Assistant-SemiBold';line-height: 1.59;margin-bottom:40px;max-width: 356px;}
.visibility-platform-right{float:left;margin-bottom:75px;max-width:485px;}
.visibility-platform-right .hs_cos_wrapper_type_module{border-bottom:1px solid #e84238;float:left;width:100%;margin-bottom:20px;}
.visibility-platform-right .hs_cos_wrapper_type_module:last-child{border-bottom:none;}
.visibility-platform-right .hs_cos_wrapper_type_module h3{color: #06185b;font-size: 16px;font-family: 'Assistant-Bold';float:left;width:100%;padding-bottom:3px;}
.visibility-platform-right .hs_cos_wrapper_type_module p{font-size: 16px;float:left;width:100%;padding-bottom:20px;}
.network-intelligence-section{float:left;width:100%;/*background:url(https://blog.niagaranetworks.com/hubfs/network-intelligence-bg.png) no-repeat center;background-size: cover;*/padding:20px 0 75px;text-align: center;}
.network-intelligence-section .ngr-page-wrapper{ max-width:690px;}
.network-intelligence-section h2{float:left;width:100%;padding:0 0 20px;font-size: 22px;color: #06185b;line-height: 1.4;font-family: 'Assistant-SemiBold';}
.network-intelligence-section p{float:left;width:100%;padding:0 0 50px;font-size: 16px;color: #2f2f2f;}
.network-intelligence-section p:last-child {padding-bottom: 0;}
.take-next-step-section{float:left;width:100%;padding-top:100px;}


@media(max-width:1170px){
.ovp-banner p br {display: none;}
.ovp-challenge-detail-left{padding:80px 50px 80px 0;}
.ovp-challenge-detail-right {padding: 80px 0 0 50px;}
.ovp-challenge-detail-right span.hs_cos_wrapper .hs_cos_wrapper_type_module {margin-bottom: 50px;}
.md-hub-topic-list-left ul li.new-line {clear: none;}
.md-Benefits-of-ovp-title p br {display: none;}
} 
@media(max-width:990px){
.ovp-banner h1,.ovp-netops-section h2{font-size: 34px;line-height: 1.4;margin-bottom: 15px;}
.ovp-netops-section {padding: 25px 0 5px;}
.ovp-additional-challenge-section {padding: 25px 0;}
.benefits-of-ovp-section {padding: 50px 0;}
.md-Benefits-of-ovp-title h2 {font-size: 34px;line-height: 40px;margin-bottom: 20px;}
.md-Benefits-of-ovp-title p {margin-bottom: 15px;}
.md-ovp-deployment-hub-left {max-width: inherit;}
.md-ovp-deployment-hub-right {max-width: inherit;padding-left: 0;}
.three-pillars-of-ovp {padding: 50px 0;}
.pillars-of-ovp-title h2 {font-size: 34px;line-height: 40px;}
.pillars-of-ovp-title {margin-bottom: 15px;}
.managing-tool-sprawl-section {padding: 50px 0 0;}
.offloading-utility-processing-section {padding: 50px 0;}
.visibility-platform-section {padding: 50px 0;}
.visibility-platform-heading h2 {font-size: 34px;margin-bottom: 20px;line-height: 1.3;}
.take-next-step-section {padding-top: 50px;padding-bottom:30px;}
}
@media(max-width:768px){
.ovp-additional-challenge-detail-section:after {transform: translateX(-61px);-webkit-transform: translateX(-61px);-moz-transform: translateX(-61px);}
.ovp-additional-challenge-detail-section .row-fluid {flex-wrap: wrap;}
.ovp-challenge-detail-left {padding: 70px 0 40px;width: 100% !important;}
.ovp-challenge-detail-left>span.hs_cos_wrapper {float: right;max-width: inherit;}
.ovp-challenge-detail-right {padding: 60px 0 0;width: 100% !important;border-top: 3px solid #005892;border-left: none;}
.ovp-challenge-detail-right span.hs_cos_wrapper {max-width: inherit;}
.ovp-challenge-detail-right span.hs_cos_wrapper .hs_cos_wrapper_type_module h2 { margin-bottom: 20px;}
.ovp-challenge-detail-right:after, .ovp-challenge-detail-right:before {right: 50%;top: 0;transform: translateY(50%) translateX(35px);}
.ovp-challenge-detail-right:after {border-right-color: transparent;border-width: 38px;margin-top: -39px;border-top-color: #05194d;transform: translateX(33px) translateY(46%);}
.ovp-challenge-detail-right:before {border-right-color: transparent;border-width: 40px;margin-top: -42px;border-top-color: #005892;}
.managing-tool-sprawl-left {float: left !important;padding-right: 0;width: 100% !important;margin-bottom: 50px;}
.managing-tool-sprawl-left h2 {margin-bottom: 15px;}
.managing-tool-sprawl-left .hs_cos_wrapper_type_module {margin-bottom: 0;}
.managing-tool-sprawl-right .hs_cos_wrapper_type_module {margin-bottom: 50px;}
.offloading-utility-processing-right {padding-left: 0;margin-bottom:25px;}
.offloading-utility-processing-section .ngr-page-wrapper>.row-fluid-wrapper>.row-fluid {display: flex;flex-wrap: wrap-reverse;}
.visibility-platform-left h3 {font-size: 20px;line-height: 1.30;max-width: inherit;}
.visibility-platform-left {float: left;margin-bottom: 30px;}
.visibility-platform-right {float: left !important;margin-bottom: 5px;max-width: inherit;}
.visibility-platform-left p {text-align: center;}
.network-intelligence-section {padding: 50px 0;}
}
@media(max-width:600px){
.md-hub-topic-list-left {max-width: inherit;margin-bottom: 20px;}
.md-hub-topic-list-right {max-width: inherit;}
.md-hub-topic-list-right ul li {font-size: 16px;text-align: left;margin-bottom: 20px;line-height: 20px;}
.md-hub-topic-list-left ul li {margin-right: 1%;min-width: 32.33%;}
.md-hub-topic-list-left ul li:nth-child(3n) {margin-right: 0px;}
.span12.widget-span.widget-type-cell.featured-resources-section {display: none;}
.span12.widget-span.widget-type-cell.stay-know-section {display: none;}
}
@media(max-width:480px){
.md-hub-topic-list-left ul li {margin-right: 1%;min-width: 48%;}
.md-hub-topic-list-left ul li:nth-child(3n) {margin-right: 1%;}
}
@media(max-width:360px){
.md-hub-topic-list-left ul li {margin-right: 0;min-width: 100%;}
.md-hub-topic-list-left ul li:nth-child(3n) {margin-right: 0;}
}
/* --------------- OVP style starts here ------------------- */
.footer-wrap-inner>div>div.row-fluid {display: flex;flex-wrap: wrap;}

.text-with-image-text-container.form-new {padding: 0;}
.text-with-image-text-container.form-new > div {box-shadow: 0px 2px 6px #00000029;margin: 0 0 0 100px;width: calc(100% - 100px );padding: 30px 40px;}
.text-with-image-text-container.form-new input[type="text"] {width: 100%;}
@media(max-width:990px){
  .text-with-image-text-container.form-new > div {margin:0;width: 100%}
}
@media(max-width:768px){
  .text-with-image-text-container.form-new > div {margin:30px 0 0;}
}
@media(min-width:768px){
.lp-section-wrapper .row-fluid {display: flex;flex-wrap: wrap;}
}
li.contact-main-link a:before{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;content: '';border-radius: 50%;display: block;width: 17em;height: 17em;line-height: 17em;left: -5em;text-align: center;-webkit-transition: box-shadow 0.5s ease-out;transition: box-shadow 0.5s ease-out;z-index: -1;}
li.contact-main-link a:hover::before {box-shadow: inset 0 0 0 10em #05103c;}
@media(min-width:1024px){
.lp-blue-section-wrapper.fixed .lp-form-style>div {right: 45px; position: fixed; top: 15px; width: calc(31.914% - 75px);}
}
@media(min-width:1200px){
.lp-blue-section-wrapper.fixed .lp-form-style>div {right: calc((100% - 1110px)/2); position: fixed; top: 15px; width: 310px;}
}
/********Start Subscribe form inside company menu*****************/
.subscribe-form-comp{margin-top: 40px;}
.subscribe-form-comp form h2{color: #ef4136;text-align: center;font-size: 1.6em;font-weight: 600;}
.subscribe-form-comp form .hs-email label{display:none;}
.subscribe-form-comp form .hs-email input[type="email"] {color: #fff;}
.subscribe-form-comp form .hs-email input[type="email"]::-webkit-input-placeholder { color: #fff ;}
.subscribe-form-comp form .hs-email input[type="email"]::-moz-placeholder { color: #fff ;}
.subscribe-form-comp form .hs-email input[type="email"]::-ms-input-placeholder { color: #fff ;}
.subscribe-form-comp form .hs-email input[type="email"]::-moz-placeholder { color: #fff ;}
.subscribe-form-comp form .hs-error-msgs li{text-align:center;}
.subscribe-form-comp form .hs-error-msgs label,.subscribe-form-comp .submitted-message{text-align:center;color:#ef4136}
.subscribe-form-comp .submitted-message{text-align:center;color:#ffffff;font-size: 18px;line-height: normal;}
.subscribe-form-comp form .hs-submit input.hs-button{background: #ef4136;color: #fff;}
.subscribe-form-comp form .hs-submit input.hs-button:hover {color: #fff;background: transparent;}
/********End Subscribe form inside company menu*****************/