/* @import url('http://example.com/example_style.css'); */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); 
/*@import url('https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Source/colorbox.css'); */
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.7/css/jquery.fancybox.min.css');

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

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

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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




/* HTML 5 Reset */

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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




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

/*
 
 
 
 
*/

















@font-face{
font-family:'din_regular';
src:url(//cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt55-webfont.eot);
src:url(//cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt55-webfont.eot#iefix) format("embedded-opentype"),
url(//cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt55-webfont.woff2) format("woff2"),
url(//cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt55-webfont.woff) format("woff"),
url(//cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt55-webfont.ttf) format("truetype"),
url(//cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt55-webfont.svg#din_2014regular) format("svg");
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:'din_demi';
src:url(//cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt65-webfont.eot);
src:url(//cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt65-webfont.eot#iefix) format("embedded-opentype"),
url(//cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt65-webfont.woff2) format("woff2"),
url(//cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt65-webfont.woff) format("woff"),
url(//cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt65-webfont.ttf) format("truetype"),
url(//cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt65-webfont.svg#din_2014demi) format("svg");
font-weight:normal;
font-style:normal;
}


@font-face{
font-family:'din_italic';
src:url(https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt56-webfont.eot);
src:url(https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt56-webfont.eot#iefix) format("embedded-opentype"),
url(https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt56-webfont.woff2) format("woff2"),
url(https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt56-webfont.woff) format("woff"),
url(https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt56-webfont.ttf) format("truetype"),
url(https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Font/dpt56-webfont.svg#din_2014italic) format("svg");
font-weight:normal;
font-style:normal;
}



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

body { margin:0; padding:0; font-size:18px; line-height:28px; color:#414042; background:#fff; font-family:'din_regular'; overflow-X:hidden;  counter-reset: section; }
html { overflow-x:hidden; }

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

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

.clear { clear:both }

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

h1 { color:#333c4e; font-family:'din_regular'; font-size:30px; margin:0; padding:15px 0 25px; line-height:40px; font-weight:normal; clear:both; }
h2 { font-weight:normal; color:#333; font-family:'din_regular'; font-size:32px; line-height:40px; margin:0; padding:10px 0 10px; clear:both; }
h3 { font-weight:500; color:#333; font-family:'din_regular'; font-size:30px; line-height:36px; margin:0; padding:10px 0 10px; clear:both; }
h4 { font-weight:normal; color:#333; font-family:'din_regular'; font-size:28px; line-height:34px; margin:0; padding:10px 0 10px; clear:both; }
h5 { font-weight:normal; color:#333; font-family:'din_regular'; font-size:24px; line-height:30px; margin:0; padding:10px 0 10px; clear:both; }

a { text-decoration:none; outline:none; color:#00658b; -webkit-transition: all  0.4s ease-in-out;
    -moz-transition: all  0.4s ease-in-out;
    -o-transition: all  0.4s ease-in-out;
    -ms-transition: all  0.4s ease-in-out;
    transition: all  0.4s ease-in-out;; }
a:hover { color:#333; }

input , button , textarea, select , 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"] { outline:none; border:none; background:#fefefe; height:39px; padding:8px 9px; font-family:'din_regular'; font-size:14px; width:100%; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; } 
textarea { padding:15px 20px; height:100px; box-shadow:0 1px 2px rgba(10, 10, 10, 0.1) inset; border:1px solid #cacaca; min-height:150px; }
textarea:focus { background-color: #fefefe;border: 1px solid #8a8a8a;box-shadow: 0 0 5px #cacaca;outline:none;transition: box-shadow 0.5s ease 0s, border-color 0.25s ease-in-out 0s; } 

input[type=submit] , button { cursor:pointer; margin:20px auto 40px; display:block; background-image:url(https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Image/blank.png) !important; background-clip: padding-box; background-color: #ffffff;border: 1px solid #5cb8b2;border-radius: 40px;clear: both;;cursor: pointer;display: block;font-family: "din_demi"; font-size:16px; color:#5cb8b2; font-weight: normal;height: 40px; line-height: 32px;padding: 0 22px;text-align: center;    text-decoration: none; text-transform: none; transition: all 0.23s;  vertical-align: top;  white-space: nowrap;  width: 280px;}

select { background:#fefefe url(https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Image/cap-icon2.png) no-repeat 98% center; color:#616880; font-size:16px; border:1px solid #cacaca; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none;  }
.form-columns-1 > div > div { margin-right:0 !important; }

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

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

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

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

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

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

.row-fluid .set-bg { background-size:cover; background-repeat:no-repeat; background-position:center center; }
.row-fluid .get-bg { display:none; }

.row-fluid .form-section, .row-fluid .header-video video {min-height:100vh;}
video {min-width:100%;max-width:none;}

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

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

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

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


.row-fluid .mycloud-service-raw { float:left; width:100%; padding-top:40px;  }
.row-fluid .mycloud-service-raw h4 {  padding-top:0; }
.row-fluid .mycloud-service-raw .span6 { margin:10px 0;  padding-left: 0px !important; }
.row-fluid .page-title h1 { font-size:70px; line-height:75px; padding-bottom: 20px; color:#fefefe; text-align:center; font-weight:400; }
.row-fluid .mykey-feature-content p a { color:#fff; }
.row-fluid .mykey-feature-content p a:hover { color: #e1b368; }
.row-fluid .mylogo-space-raw .widget-type-linked_image { width:100%; float:left; margin:30px 0; text-align:center; }
.row-fluid .mylogo-space-raw .widget-type-linked_image img { max-width:250px; }



/*=========================
# Blog Listing Page
===========================*/

/* Main Header  */

.row-fluid .main-header { float:left; width:100%; background:#0a0a0a; padding:10px 0  12px;  }


.row-fluid .header-right { text-align:right; line-height:0; }
.row-fluid .search-box { margin-right:20px !important; }
.row-fluid .search-box,
.row-fluid .mainmenu { float:none; display:inline-block; margin:0; vertical-align:top; width:auto;  }

.row-fluid .mainmenu { margin-right:15px }
.row-fluid .mainmenu ul li a {font-family:'din_regular'; text-transform:uppercase; text-shadow:0 0.3px 0 #bdb9ad; color:#bdb9ad; font-size:14.4px;  padding:9px 16px 11px; line-height:14px; font-weight:400;  }
.row-fluid .mainmenu ul li a:hover { color:#fefefe; }

/* end Main Header  */


.row-fluid .hero-section { float:left; width:100%; position:relative; height:467px;  } 
.row-fluid .hero-section:before { position:absolute; content:""; background:rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0;   }
.row-fluid .hero-section:before .banner-container { position:relative; z-index:9; }
.row-fluid .banner-container { position:absolute;  bottom:30px; left:0; width:100%; text-align:center;   }

/* Blog Listing  */
.row-fluid .blog-page { float:left; width:100%; padding:42px 0 100px;    }
.row-fluid .page-name { padding:4px 25px; margin-bottom:-3px; background:#d82f27; text-align:center; font-size:16px; line-height:24px; width:auto; color:#fefefe; text-transform:uppercase; font-family:'din_demi';  float:none; display:inline-block; vertical-align:top;  }

.row-fluid .left-menu { padding-left:30px; }
.row-fluid .left-menu ul li { line-height:27px;  }
.row-fluid .left-menu ul li:last-child { border-bottom:none; }
.row-fluid .left-menu ul li a { color:#939597; position:relative; font-size:16px; padding:0;  display:inline-block; vertical-align:top; width:auto !important; white-space:normal !important;overflow:visible !important; border-bottom:2px solid #d1d3d4;   }
.row-fluid .left-menu ul li a:before { content:""; position:absolute; left:0; width:0; bottom:-2px; height:2px; background:#d1d3d4;  transition:all 0.5s; }
.row-fluid .left-menu ul li a:hover:before,
.row-fluid .left-menu ul li.active a:before { width:calc(100% + 30px); }
.row-fluid .left-menu ul li a:hover,
.row-fluid .left-menu ul li.active a { color:#d82f27; }
.row-fluid .post-item {  margin:10px 0; padding: 35px 16px;background-color: #f4f4f2; float:left; width:100%; color: #58595b; position:relative; font-size:16px; line-height:22px; font-weight:400; color:#58595b;   }

.row-fluid .post-item:after { height:1px; width:100%; position:absolute; bottom:-10px; left:0; background:#cacaca; content:"";  }

.row-fluid .post-item:first-child { margin-top:0; } 
.row-fluid .post-item:last-child:after { display:none; }
.row-fluid .post-item h2,
.row-fluid .post-item h2 a {font-size: 30px;line-height: 32px;color:#d82f27; padding:0; }
.row-fluid .post-item h2 { margin-bottom: 20px; }

.row-fluid .hubspot-editable,
.row-fluid .hubspot-editable a {color: #939597; font-size:16px; } 
.row-fluid .hubspot-editable { padding-bottom: 20px;  }


.row-fluid .sidebar-box { border-top:1px solid #d82f27;  }
.row-fluid .sidebar { padding-left:40px; }
.row-fluid .sidebar  ul { margin:0 0 50px; padding:0; }
.row-fluid .sidebar  ul li { list-style:none; }
.row-fluid .sidebar  ul li a { color:#58595b; }
.row-fluid .sidebar  ul li a span { color:#0a0a0a; }
.row-fluid .sidebar-box h3 { color: #d82f27;font-size: 16px;margin:10px 0 8px; line-height:22px; padding:0;   }

.row-fluid .post-item { position:relative; }
.row-fluid .post-item:before { position:absolute; content:""; height:100%; width:100%; top:0; left:0; background:#d82f27; opacity:0;  transition: 0.5s all; }
 .row-fluid .more-link { bottom: 20%;font-size:19px; color:#fefefe; left: 10%; position: absolute;right: 10%;transition: bottom 0.6s ease-in-out; opacity:0;}   

 .row-fluid .more-link img { height:16px; display:inline-block; vertical-align:middle;   }
.row-fluid .post-item:hover:before { opacity:0.92; }
.row-fluid .post-item:hover .more-link { bottom:50%; opacity:1; }

.row-fluid .pagination { float:left; width:100%; margin-top:15px; border-top:1px solid #cacaca; padding-top:30px;  }
.row-fluid .pagination ul  { float:left; width:100%; margin:0; padding:0;  }
.row-fluid .pagination ul li {border-top: 0.0625rem solid #bdb9ad;color: #bdb9ad; list-style:none; float: left;margin-left: 10px;padding-left: 5px;padding-right: 5px;padding-top: 5px;}
.row-fluid .pagination ul li.active a { color:#d82f27; }
.row-fluid .pagination ul li.disabled { display:none; }
.row-fluid .pagination ul li a { color:#bdb9ad; font-size:16px;  }

/* Blog Inner */

.hs-blog-post .row-fluid .blog-page { padding-bottom:60px; }
.row-fluid .post-header h1 { font-size: 32px;line-height: 38px; margin: 0;padding: 0 0 25px; color:#d82f27;  }
.row-fluid .back-to-blog { display:none; }
.hs-blog-post .row-fluid .back-to-blog { display:block;  }
.hs-blog-post .row-fluid .back-to-blog a { margin-bottom:16px; color:#939597; font-size:16px; display:block;  }
.row-fluid .back-to-blog img { display:inline-block; height:16px; vertical-align:middle;   }

.hs-blog-post .post-body p { padding:0 0 20px;  }
.hs-blog-post .post-body { color: #000000;font-family: Calibri; font-size: 15px; line-height:18px; }
.hs-blog-post .post-body a { color:#0a0a0a; }
.hs-blog-post .post-body a:hover {color:#d82f27;}

.row-fluid .share-post { float:left; width:100%; }
.row-fluid .share-post a { display:inline-block; width:40px; height:40px; border:1px solid #d82f27; color:#d82f27; border-radius:50%; line-height:38px; font-size:22px; margin-right:6px; text-align:center;  }
.row-fluid .share-post a:hover { background:#d82f27; color:#fff;  }

.row-fluid .related-post { float:left; width:100%;   background-color: #dfdcd6;color: #616880; position: relative; display:none; }
.hs-blog-post .row-fluid .related-post { display:block;  }
.hs-blog-post .row-fluid .hero-section { display:none;  }
.row-fluid .related-post:before { content:""; position:absolute; left:0; top:-30px; height:1px; width:100%; background:#cacaca;  } 
.row-fluid .related-post:after { content:""; position:absolute; left:0; top:90px; height:2px; width:100%; background:#f4f4f2;  } 

.row-fluid .related-post-box { float:left; width:100%; min-height:90px; padding-top:25px; border-bottom:1px solid #bdb9ad;   } 
.row-fluid .related-post h2 { font-size:40px; margin:20px 0 10px; padding:0; color:#616880; line-height:55px; }
.row-fluid .related-post-title { color:#616880; font-size:16px;    } 
.row-fluid .related-post-box:last-child { border-bottom:none; }
.row-fluid .related-post-box .more-link {color: #fefefe;display: inline-block;font-size: 1rem;padding: 8px 10px; position:static; background:#bdb9ad; opacity:1; margin:20px 0 30px;   }



/* google cse style */
.gsc-control-cse, .gsc-control-cse .gsc-table-result { line-height:16px !important; }
.gsc-results.gsc-webResult { text-align:left !important; }
.cse .gsc-control-cse, .gsc-control-cse { padding:0 !important; }
form.gsc-search-box,
.gsc-search-box { margin-bottom:0 !important; }
.gsc-search-button { display:none !important; }
.gsc-search-box-tools .gsc-search-box .gsc-input { padding-right:0 !important; }
.gsib_a { padding:0 !important; }
.gsc-input { background:#fff !important; }
.gsc-input-box,
.gsc-control-cse { background:#0a0a0a  !important; }
.gsc-input-box,
input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus { border:none !important; }
.gsc-search-box .gsc-input > input:focus,
.gsc-input-box-focus { box-shadow:inherit !important; }
input.gsc-input { height:30px !important; transition:width 0.75s ease !important; padding:3px !important; border-radius:20px !important; width:30px !important; background:#fff url("https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Image/search_icon.svg") no-repeat  6px center / 18px 18px !important; color:transparent !important;  }
.gsib_b { display:none !important;  }
.gsc-control-cse { border-color:transparent !important; }
.cse .gsc-control-cse::after,
.gsc-control-cse::after { display:none !important; }


.row-fluid .search-box  form { position:relative; }
.row-fluid .search-box input[type="text"] {height:30px ; transition:width 0.75s ease ; padding:3px; border-radius:20px ; width:30px ; color:transparent;    }

.row-fluid .search-box input[type="submit"] { position:absolute; top:0; right:0; margin:0; padding:0; width:30px; height:30px; border-radius:50%; background:#fff url("https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Image/search_icon.svg") no-repeat  6px center / 18px 18px !important; border:none; font-size:0;  }
/*.row-fluid .search-box form:hover  input[type="text"],
.row-fluid .search-box form input[type="text"]:focus,
.row-fluid .search-box form:active input[type="text"] {outline:none;width: 185px !important; background-position:162px center  !important; padding-left:24px !important; color:#cacaca !important; } */

.row-fluid .search-box form .textdemo.active {outline:none;width: 185px !important; background-position:162px center  !important; padding-left:24px !important; color:#cacaca !important; }

.row-fluid .search-box input[type="text"]::-webkit-input-placeholder {color: transparent !important;}
.row-fluid .search-box input[type="text"]::-moz-placeholder {color: transparent !important;}
.row-fluid .search-box input[type="text"]:-ms-input-placeholder {color: transparent !important;}
.row-fluid .search-box input[type="text"]:-moz-placeholder { color: transparent !important;}

.row-fluid .search-box input[type="text"]:focus::-webkit-input-placeholder {color:#cacaca !important;}
.row-fluid .search-box input[type="text"] input[type="text"]:focus::-moz-placeholder {color:#cacaca !important;}
.row-fluid .search-box input[type="text"]:focus:-ms-input-placeholder {color:#cacaca !important;}
.row-fluid .search-box input[type="text"]:focus:-moz-placeholder { color:#cacaca !important;}

.row-fluid .search-box form:hover input[type="text"]::-webkit-input-placeholder {color:#cacaca !important;}
.row-fluid .search-box form:hover input[type="text"]::-moz-placeholder {color:#cacaca !important;}
.row-fluid .search-box form:hover input[type="text"]:-ms-input-placeholder {color:#cacaca !important;}
.row-fluid .search-box form:hover input[type="text"]:-moz-placeholder { color:#cacaca !important;}

.row-fluid .cloud-form input::-webkit-input-placeholder { color:#cacaca !important; opacity:1 !important; }
.row-fluid .cloud-form input::-moz-placeholder { color:#cacaca !important; opacity:1 !important; }
.row-fluid .cloud-form input:-moz-placeholder {  color:#cacaca !important; opacity:1 !important; }
.row-fluid .cloud-form input:-ms-input-placeholder { color:#cacaca !important; opacity:1 !important; }

/* end google cse style */


/* Footer Section  */
.row-fluid .footer-section a { color:#fff;}
.row-fluid .footer-section { float:left; width:100%; padding:20px 0 60px ; border-top:8px solid #58595b; background:#000000; color: #fff !important; line-height:21px; font-size: 14px;font-weight: 500;letter-spacing: 1.2px;padding-left: 0;padding-top: 30px;text-align: left; }
.row-fluid .footer-section h2 { line-height:56px; font-size:40px; color:#0a0a0a; padding:0 0 8px; }
.row-fluid .footer-section  ul { margin-bottom:20px; }
.row-fluid .footer-section  ul li { color: #efedee; font-size: 12px; line-height: 20px; }
.row-fluid .footer-section  ul li a { letter-spacing: 1.1px;transition: all 0.2s linear; padding:0; color:#efedee; margin-left:20px; }
.row-fluid .footer-section  ul li:first-child a { margin:0 0 8px; font-size:20px; line-height:28px; color:#aba7a7; margin-left:0;  }
.row-fluid .footer-section  ul li a:hover { color:#e1b368; }

.row-fluid .footer-social { padding-bottom:25px; }
.row-fluid .footer-social strong { display:block; margin:0 0 8px; font-size:20px; line-height:28px; color:#aba7a7; font-weight:400; }
.row-fluid .footer-social a { display:inline-block; vertical-align:top; margin-right:10px; color:#6d6f71; font-size:24px;  }
.row-fluid .footer-social a:hover { color:#d82f27; } 
.row-fluid .footer-logo {  line-height:20px; }
.row-fluid .copyright { margin-top:25px; text-align:center; }



/* Team Page */

.row-fluid .team-section { float:left; width:100%; padding:40px 0; color: #616880;font-family: "din_regular";font-size: 30px;line-height: 40px; margin-bottom: 16px;  } 
.row-fluid .team-section  h4 { font-size: 30px; line-height: 40px; color:#d82f27; padding:0; margin: 0 0 10px;  }
.row-fluid .team-box { position:relative; float:left; width:100%; }
.row-fluid .team-box:before  {background-blend-mode: multiply ; content:""; background-color: #0a0a0a;bottom: 0;left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: opacity 0.25s;}
.row-fluid .team-box:hover:before  {cursor:pointer; opacity:0.75; }

.row-fluid .team-text { position:absolute; bottom:0; left:0; width:100%; opacity:0; transition:bottom 0.25s ease-in-out 0s; padding:0 10%; }
.row-fluid .team-box:hover .team-text { bottom:20%; opacity:1; }

.team-info-box.team-text > h4 { color:#d82f27; }
.team-info-box.team-text > h5 { color:#fff; }
.team-info-box a { color:#939597; }
.team-info-box a:hover { color:#d82f27; }

.row-fluid .member-section { float:left; width:100%; padding:0 0 220px;  } 
.row-fluid .member-container { float:left; width:100%; }
.row-fluid .member-container > span { display:block; padding:0 25px;  }
.row-fluid .member-container > span > div { float:left; width:33.33%; padding:2.5px; }

.team-text h4 { padding:0; color: #fefefe;font-family: "din_demi"; font-size: 19px; }
.team-text h5 { padding:0; font-size: 19px;line-height: 25px; color:#d82f27;  font-style:italic; }

#colorbox,
#cboxOverlay,
#cboxWrapper {position: absolute;top: 0;left: 0;z-index: 9999; overflow: hidden;}
#cboxOverlay {position: fixed;width: 100%; height: 100%;}
#cboxMiddleLeft,
#cboxBottomLeft {clear: left;background:#0a0a0a !important;}

#cboxMiddleLeft,
#cboxBottomLeft,
#cboxContent,
#cboxTopCenter,
#cboxTopLeft,
#cboxMiddleRight,
#cboxTopRight,
#cboxTitle ,
#cboxBottomCenter,
#cboxBottomRight {background:#0a0a0a !important;   }

#cboxContent {position: relative;}
#cboxLoadedContent {overflow: auto;-webkit-overflow-scrolling: touch;}
#cboxTitle {margin: 0;}
#cboxLoadingOverlay,
#cboxLoadingGraphic {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {border: 0;  padding: 0; margin: 0;overflow: visible;width: auto;background: none; cursor: pointer;}
#cboxPrevious:active,
#cboxNext:active,
#cboxClose:active,
#cboxSlideshow:active {outline: 0;}
.cboxPhoto {float: left;margin: auto;border: 0;display: block;max-width: none;}
.cboxIframe {width: 100%;height: 100%;display: block;border: 0;}
#colorbox,
#cboxContent,
#cboxLoadedContent {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
#cboxOverlay {background: #000;}
#colorbox { outline: 0;}
#cboxWrapper { background: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;}
#cboxTopLeft {width: 15px;height: 15px;}
#cboxTopCenter {height: 15px;}
#cboxTopRight { width: 15px;height: 15px;}
#cboxBottomLeft { width: 15px;height: 10px;}
#cboxBottomCenter { height: 10px;}
#cboxBottomRight {width: 15px;height: 10px;}
#cboxMiddleLeft {width: 15px;}
#cboxMiddleRight {width: 15px;}
#cboxContent {background: #fff;overflow: hidden;}
#cboxError {padding: 50px;border: 1px solid #ccc;}
#cboxLoadedContent {margin-bottom: 28px;}
#cboxTitle {position: absolute;background: rgba(255, 255, 255, 0.7);bottom: 28px;left: 0;color: #535353;width: 100%;padding: 4px 6px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 60px;
    color: #949494;
}
.cboxSlideshow_on #cboxSlideshow {
    position: absolute;
    bottom: 0px;
    right: 30px;
    background: url(/modules/colorbox/styles/default/images/controls.png) no-repeat -75px -50px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -101px -50px;
}
.cboxSlideshow_off #cboxSlideshow {
    position: absolute;
    bottom: 0px;
    right: 30px;
    background: url(/modules/colorbox/styles/default/images/controls.png) no-repeat -25px -50px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -49px -50px;
}
#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/modules/colorbox/styles/default/images/controls.png) no-repeat -75px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxPrevious:hover {
    background-position: -75px -25px;
}
#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/modules/colorbox/styles/default/images/controls.png) no-repeat -50px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxNext:hover {
    background-position: -50px -25px;
}
#cboxLoadingOverlay {
    background: #fff;
}
#cboxLoadingGraphic {
    background: url(/modules/colorbox/styles/default/images/loading_animation.gif) no-repeat center center;
}
#cboxClose {
    position: absolute;
    top:10px;
    right: 10px;
    background: url(https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Image/x_circle_white.svg) no-repeat !important;
    width: 25px;
    height: 25px;
  font-size:0;
}

#cboxOverlay {background-color: #304d92 !important;}

.team-info { display:block;  max-width:480px; color:#fefefe; margin:0 auto; font-size:16px; line-height:26px; }
.team-info  p { padding:0; margin:0 0 16px;  }
.team-img { margin:60px 0 30px;  }
.team-info-box h5 { margin-bottom:20px; }



.row-fluid .form-section { float:left; width:100%; padding:170px 0; text-align:center; background:#f4f4f2;  }
.row-fluid .form-box { float:none; display:inline-block; text-align:left; vertical-align:top; margin:20px; width:535px; max-width:100%;  font-size:14px; line-height:20px; }
.row-fluid .form-box h3 { font-size:32px; line-height:42px; color:#d82f27; padding:0; margin:0 0 25px;   }
.row-fluid .form-columns-2 + .form-columns-1 > div > div { margin-right:0; }
.hs-form-field > label { color:#616880; font-size:14px; line-height:25px;   }
.hs-form-required {color:#f00;}


.row-fluid .connect-section { float:left; width:100%; padding:40px 0 25px;  }
.row-fluid .connect-box {border-left: 1px solid #d1d3d4;display: inline-block; color:#58595b; margin:0;min-height: 550px;padding-left: 20px; font-size:16px; line-height:26px;  }
.row-fluid .connect-box strong { display:block; color: #d82f27;font-family: "din_demi";font-size: 19px;margin:0;  font-weight:400; margin-top:10px; }
.address-box { padding:0 0 20px; position:relative;  }
.address-box:before { content:""; position:absolute; bottom:0; left:0; width:50px; background:#d82f27;  height:2px; content:"";  } 

.row-fluid .connect-section input[type="text"],
.row-fluid .connect-section input[type="email"],
.row-fluid .connect-section input[type="url"],
.row-fluid .connect-section input[type="tel"],
.row-fluid .connect-section select,
.row-fluid .connect-section textarea { background-color:#f4f4f2; box-shadow:inherit; border:none; }

.row-fluid .connect-section a { color:#0a0a0a; }
.row-fluid .connect-section a:hover { color:#d82f27; }
.row-fluid .connect-box > div:last-child .address-box::before { display:none; }
.row-fluid .form-box {  margin-top:0; }


/* login page */

.row-fluid .login-section { float:left; width:100%; padding:100px 0 120px; text-align:center; background-attachment:fixed !important; }
.row-fluid .login-box { float:none; display:inline-block; vertical-align:top; width:auto; margin:0 10px !important; padding-top: 40px;  width: 220px;  }
.row-fluid .login-img  { height: 150px;padding-bottom: 130px;padding-top: 40px;width: 220px; margin:0 0 2px; background:#d82f27;  }
.row-fluid .login-img img { margin:0 0 16px; }
.row-fluid .login-title h4 { font-size: 20px;line-height: 30px; margin:0 0 16px; color:#fefefe; padding:0; }

.row-fluid .login-text { background-color: #fefefe;color: #58595b;padding: 20px 10px 10px; text-align: center;width: 100%; min-height:200px; color:#58595b; font-size:16px; line-height:18px;  }
.row-fluid .login-text ul { margin:0; padding:0; }
.row-fluid .login-text ul li { list-style:none; display:block; position:relative; margin-bottom:25px; padding-bottom:25px;  }
.row-fluid .login-text ul li a { color:#0a0a0a; }
.row-fluid .login-text ul li a:hover { color:#d82f27; }
.row-fluid .login-text ul li:last-child { margin-bottom:0; padding-bottom:0;   }
.row-fluid .login-text ul li:last-child:before { display:none; }
.row-fluid .login-text ul li:before  { content:""; background:#939597; position:absolute; bottom:0; height:2px; width:80%; left:50%; -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);;  } 

.after-contactpage-submit .welcome-text { display:none; }
.after-contactpage-submit .cloud-form { font-size:16px; line-height:26px; color:#0a0a0a; font-family:'din_regular'; padding-top:100px; }


/* fAQ Page */

.row-fluid .faq-section .content-section2_title  a { color:#0a0a0a; font-size:32px;   }
.row-fluid .faq-section .content-section2_title::after { display:none; }

.row-fluid .faq-title h4 { cursor:pointer; color: #d82f27;font-family: "din_demi"; font-size:20px; line-height:30px;  padding:0; border-bottom:1px solid #dfdcd6 ;  padding-bottom: 10px;margin-top: 40px;text-transform: uppercase;}

.row-fluid .faq-box { width:100%;   border-bottom:1px solid #dfdcd6 ;  float:left; width:100%; }
.row-fluid .faq-box .faq-question { cursor:pointer; position:relative; color:#e6e6e6; padding:10px 40px 10px 0; float:left; width:100%; }
.row-fluid .faq-box .faq-question h3 { font-size:19px; line-height:24px; font-weight:400; color:#616880; padding:0;  font-family:"din_demi"; }
.row-fluid .faq-box .faq-answer { display:none; padding-left:20px;  font-family:'din_regular'; padding:20px; color:#616880; font-size:19px; font-weight:400; line-height:24px; float:left; width:100%; background:#f4f4f2; }
.row-fluid .faq-box .faq-answer p { margin:0 0 16px; padding:0; }
.row-fluid .faq-box .faq-answer a { color:#222222; }
.row-fluid .faq-box .faq-answer .thumb td {text-align:center; }
.row-fluid .faq-box .faq-answer a:hover { color:#d82f27; }
/*.row-fluid .faq-box .faq-question:before { position:absolute; content:""; height:5px; width:5px; background:#414042; border-radius:50%; left:15px; top:17px; }*/
.row-fluid .faq-box .faq-question:after { content:"\f105"; position:absolute; font-family:"FontAwesome"; right:10px; top:8px; color:#d82f27; }
.row-fluid .faq-box .faq-question.active:after { content:"\f107"; position:absolute; font-family:"FontAwesome"; top:8px; color:#d82f27; }
/*.faq-question.active + div { padding:20px; }*/

.hs-blog-post .post-body { font-size:16px; line-height:24px; color:#58595b; font-family:"din_regular"; }
.row-fluid .tour-formbox form .hs_location select option:first-child { display:none; }


/*  welcome  page  */

.row-fluid .welcome-section.form-section { float:left; width:100%; text-align:left; padding:0; }
.row-fluid .welcome-img,
.row-fluid .welcome-title { float:none; display:inline-block; vertical-align:bottom; width:auto; margin:0; }
.row-fluid .welcome-img { max-width:170px; }
.row-fluid .welcome-title h4 { padding:0; font-size:32px; color:#d82f27; margin-bottom:-5px; }

.row-fluid .inner-padding { padding:40px !important; }
.row-fluid .welcome-text { margin-top:50px; }


.row-fluid .welcome-section.form-section .form-box { width:100%; margin:0;   }


.welcome-section fieldset{ display:inline-block; width:100%; vertical-align:top;  } 
.wrap-container   .hs-richtext h4 { padding:0; }
.row-fluid .welcome-section.form-section  .form-columns-1.wrap2 .hs-richtext,
.row-fluid .welcome-section.form-section  .form-columns-1.wrap2 .hs-richtext + div  { float:none; display:inline-block; vertical-align:top; padding:0;  }
.row-fluid .welcome-section.form-section  .form-columns-1.wrap2 .hs-richtext + div { padding-left:20px; padding-top:5px; }

.row-fluid .welcome-section.form-section .form-box  .inputs-list input[type="checkbox"] + span::before { height:13px; width:13px; top:4px; border-color:#58595b;  }
.row-fluid .welcome-section.form-section .form-box  .inputs-list input[type="checkbox"]:checked + span::after { left:-28px; font-size:10px;   }
.markley-header-logo {
margin-left: 41px; padding-left: 10px; display: inline-block !important;
}
 #form-field28:before { content:"Network Requirements";  display:block;color: #333;font-family: "din_regular";font-size: 28px;font-weight: normal;line-height: 34px;margin: 0;padding: 10px 0;   } 
    #form-field22:before { content:"Compute Requirements";  display:block;color: #333;font-family: "din_regular";font-size: 28px;font-weight: normal;line-height: 34px;margin: 0;padding: 10px 0;   } 
    #form-field24 > div:nth-child(2):before { content:"Storage Requirements"; position:absolute; top:0; left:0;  display:block;color: #333;font-family: "din_regular";font-size: 28px;font-weight: normal;line-height: 34px;margin: 0;padding: 10px 0;   } 
    #form-field24:before { content:"Capacity may be specified in GB, TB, or (for archive-class storage) PB";  display:block;color: #0a0a0a;font-family: "din_regular";font-size: 16px;font-weight: normal;line-height:18px;margin: 0;padding:0 0 20px;   } 
    #form-field32:before { content:"Other Services";  display:block;color: #333;font-family: "din_regular";font-size: 28px;font-weight: normal;line-height: 34px;margin: 0;padding: 10px 0;   }  
    #form-field35:before { content:"Additional Information or Comments";  display:block;color: #333;font-family: "din_regular";font-size: 28px;font-weight: normal;line-height: 34px;margin: 0;padding: 10px 0;   }  

#form-field24 > div:nth-child(3),
#form-field25 > div:nth-child(3),
#form-field26 > div:nth-child(3),
#form-field32 > div:nth-child(3),
#form-field27 > div:nth-child(3),
.row-fluid .welcome-section.form-section .hs_lastname,
.row-fluid .welcome-section.form-section .hs_billing_contact_last_name { margin-top:25px; }

div#form-errors ul li {
    color: #f00000;
}
.field.hs-form-field > label span > span {
    color: #f00000;
}

 .row-fluid .welcome-section.form-section  .hs-richtext + div { padding-left:0; }
 .row-fluid .welcome-section.form-section  .hs-form-booleancheckbox { padding-bottom:0; }


/* result Page */
.row-fluid .search-section { float:left; width:100%; padding:60px 0 30px;}
.row-fluid .search-section .gsc-thumbnail { display:none; }
.row-fluid .search-section .gsc-control-cse div { float:left; width:100%; }
.row-fluid .search-section .gsc-result { display:block; position:relative; padding:30px 0 30px 15px !important; border-bottom:1px solid #bdb9ad !important;  counter-increment:section;  }
.row-fluid .search-section .gsc-expansionArea div:nth-last-child(3) { border:none !important; } 
.row-fluid .search-section .gsc-result:before { color:#0a0a0a; content: counter(section); font-size:16px; position:absolute; top:38px; left:0; }
.row-fluid .search-section .gs-title { margin-bottom:8px; }
.row-fluid .search-section .gs-title,
.row-fluid .search-section .gs-title b { color:#939597 !important; font-size:26px !important; line-height:29px !important; font-family: "din_regular" !important; font-weight:400 !important;  }
 
 .row-fluid .search-section .gs-snippet {color: #616880;font-size: 16px;line-height: 26px; margin-bottom: 16px;}
 
  .row-fluid .search-section  h4 { border:none; color: #d82f27;font-size: 40px;line-height: 50px;  font-family: "din_regular" !important;  font-weight:400; }
 .row-fluid .search-section .gsc-control-cse { border:none !important; }
 
 .row-fluid .homemblmenu-section { display:none; }
 
/* Home Form Section */
.row-fluid .homeform-section { padding:5px 0 50px; font-size:23px; line-height:28px; text-align:center; }

.row-fluid .homeform-section .hs-error-msgs label { font-size:14px; line-height:20px; }
.row-fluid .homeform-section .field,.row-fluid .homeform-section .hs_submit { padding:0 10px; display:inline-block; margin-right:-2px; vertical-align:top; }
.row-fluid .homeform-section .field { width:26.6667%; }
.row-fluid .homeform-section .hs_submit { width:20%;padding-top:28px; }
.row-fluid .homeform-section .field { text-align:left; }
.row-fluid .homeform-section .hs-form-required { display:none; }
.row-fluid .homeform-section input[type="submit"] { margin-bottom:0; margin-top:0; width:100%; }
.row-fluid .homeform-section h3 { text-align:center; margin-bottom:10px; font-family:'din_regular'; color:#d82f27; }
.row-fluid .homeform-section input[type="text"],
.row-fluid .homeform-section input[type="email"],
.row-fluid .homeform-section input[type="url"],
.row-fluid .homeform-section input[type="tel"],
.row-fluid .homeform-section select,
.row-fluid .homeform-section textarea { background-color:#f4f4f2; box-shadow:inherit; border:none; } 

.row-fluid .lphero-section h1 { font-size:50px; line-height:55px;  }
.row-fluid .lphero-section .banner-container { top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); bottom:auto; }
.row-fluid .awsdirect-leftwrap { border-right:1px solid #ccc; padding-right:25px; }
.row-fluid .awsdirect-leftwrap h1 { margin-bottom:0; color:#d82f27; padding-top:0; padding-bottom:15px; font-size:32px; line-height:42px;  }
.row-fluid .awsdirect-leftwrap h5 { padding-bottom:0; }

.row-fluid .connect-section .awsform-wrap .actions { margin-top:0; }
.row-fluid .connect-section .awsform-wrap .hs-form .hs-form-field { display:inline-block; width:100%; }
.row-fluid .serhighlight-wrap { margin-top:25px; }
.row-fluid .serhighlight-wrap h3 { color:#d82f27; padding-bottom:0; }
.row-fluid .serhighlight-wrap h5 { margin-top:15px; }


/*========================================
# Product Category Page
========================================*/

.row-fluid .product-category-topic { float:left; width:100%; background:#cb333b; padding:20px 0; text-align:center;  text-transform:uppercase; font-size:18px; line-height:20px; color:#ffffff;  }
.row-fluid .product-category-topic ul { margin:0; padding:0; float:none; display:inline-block; vertical-align:top;  }
.row-fluid .product-category-topic ul li { float:none; display:inline-block; border-right:1px solid rgba(255,255,255,0.5); vertical-align:top; list-style:none; } 
.row-fluid .product-category-topic ul li:last-child { border:none; }
.row-fluid .product-category-topic ul li a { font-size:18px; line-height:20px; color:#ffffff; padding:2px 18px;  }

.row-fluid .product-category-section { float:left; width:100%; padding:55px 0; background:#f9f9f9; } 
.row-fluid .product-category-section .content-section2_title  { margin-bottom:55px; text-align:center;  }
.row-fluid .product-category-section .row-fluid .content-section2_title::after { left:50%; -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);;  }


.product-container #container { margin:0 -15px; display:block; }
.product-box { float:left; width:33.33%; padding:15px;  background:#f9f9f9; }
.product-box-space { box-shadow:0px 0px 7px rgba(0,0,0,0.05); background:#fff;  }

.product-text { padding:30px; background:#fff; text-align:center; float:left; width:100%;  }
.product-caption { float:left; width:100%; height:200px; position:relative; }
.product-caption:before { content:""; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); width:100%; height:100%;  }
.product-caption > div { position:absolute; top:50%; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);; left:0; width:100%; padding:0 10px; text-align:center; color:#fff; font-size:24px; }
.product-caption h3,
.cta-box h3 { color:#fff; font-size:36px; line-height:38px; font-weight:700;  } 

.row-fluid .btn  a { border-radius:40px; margin-top:25px; text-transform:none; font-family: 'din_demi'; background-color:#ffffff; border:1px solid #5cb8b2; padding:8px 20px; float:none; display:inline-block; width:auto; max-width:100%; text-align:center; }
.row-fluid .btn  a i  {  margin-left:10px; }
.row-fluid .btn  a:hover { background-color:#d82f27; color:#fff; }

.product-box-space,
.cta-box { float:left; width:100%; }
.cta-box  .cta-content { padding:40px 0; }
.product-box .cta-box  .btn a { background:#cb333b; color:#fff; }
.product-box .cta-box  .btn a:hover { background:#fff; color:#cb333b; }
.cta-box { position:relative; color:#fff;  }
.cta-box:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(14,25,37,0.9);  }
.cta-box > div { float:left; width:100%; padding:70px 20px 20px; text-align:center; position:relative;  }

.hs-form-required { display:none; }
.product-form  { background:#fff; }
.product-form  .form-title-box { padding:15px; text-align:center; font-size:30px; color:#fff; position:relative; }
.product-form  .form-title { position:relative; font-size:30px; color:#fff; padding:0;  }
.product-form  .form-title-box:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);   }
.product-form  .form-title  span { font-size:20px; display:block;  }
.product-form { float:left; width:100%;  } 
.product-form form ,
.submitted-message { float:left; width:100%; padding:20px !important; background:#fff; } 
.product-form input[type="text"],
.product-form input[type="email"],
.product-form input[type="tel"],
.product-form textarea { width:100% !important; height:40px; border-radius:0; box-shadow:inherit !important; border:1px solid #dadada; outline:none; font-size:14px !important; color:#696969; padding:0 20px; box-sizing:border-box !important; }
.product-form textarea  { height:auto; min-height:100px; border-radius:0; box-shadow:inherit;  font-size:16px; color:#696969; padding:10px 20px !important; box-sizing:border-box !important;   }
.product-form .actions {margin:0 !important; padding:0 !important; text-align:center; position:relative;  }
.product-form .actions:before { content:"\f178"; position:absolute; font-family:FontAwesome; color:#fff; z-index:5; top:50%; left:63%; -webkit-transform: translateX(-63%) translateY(-50%);
    -moz-transform: translateX(-63%) translateY(-50%);
    -o-transform: translateX(-63%) translateY(-50%);
    -ms-transform: translateX(-63%) translateY(-50%);
    transform: translateX(-63%) translateY(-50%);; }



.product-form input[type="submit"]{ background:#cb333b; width:100%; line-height:42px; text-indent:-30px;  font-weight:400; border-radius:25px; border:none; outline:none; text-shadow:inherit; height:40px; font-size:16px; max-width:100%; box-sizing:border-box !important; padding:0; text-transform:uppercase;  }
.product-form input[type="submit"]:hover,
.product-form input[type="submit"]:focus { box-shadow:inherit !important; border:none !important; }
.product-form .hs-form .hs-form-field { padding:0; }

.product-form .hs-error-msgs  {display:none !important; }

.row-fluid .key-feature { float:left; width:100%; position:relative; background:#e9213a; color:#fff; }
.row-fluid .key-feature-content {  margin:0; background:#e9213a; padding:70px 0; position:relative;  }
.row-fluid .key-feature-content > div { position:relative; }
.row-fluid .key-feature-content:before { content:""; position:absolute; top:0;  right:calc(100% - 120px); -webkit-transform: skewX(17deg);
    -moz-transform: skewX(17deg);
    -o-transform: skewX(17deg);
    -ms-transform: skewX(17deg);
    transform: skewX(17deg);; width:250px;  background:#e9213a; height:100%; }

.row-fluid .key-feature-content h3 { color:#fff; font-family:"din_regular"; font-size:36px; line-height:40px; padding:0  0 30px;  font-weight:700;  } 
.row-fluid .key-feature-content ul { margin:0; padding:25px  0 0; }
.row-fluid .key-feature-content ul li { position:relative; padding-left:32px; list-style:none;  } 
.row-fluid .key-feature-content ul li:before { content:"\f192"; position:absolute; top:0; left:0; font-family:FontAwesome;  }


/*=======================================
# Product Detail
======================================*/

.row-fluid .product-inner-banner.hero-section .page-title h1 { font-size:70px; line-height:75px; padding-bottom:20px; }

.row-fluid .footer-social.social-icon strong { display:inline-block; color:#fff; text-transform:uppercase; margin:0 10px 0 0;  }
.row-fluid .footer-social.social-icon a { background: rgba(0, 0, 0, 0.2); border-radius:5px; margin:0 10px;  color:#d5d6d7;  display: inline-block; overflow:hidden;  font-size:14px;  height: 35px;padding: 0;position: relative; text-align:center; line-height:35px; -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);;  width: 35px;  vertical-align: middle; }
.row-fluid .footer-social.social-icon a i { -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);; position:relative; z-index:11;  } 

.row-fluid .footer-social.social-icon a:before,
.row-fluid .footer-social.social-icon a:after { content:''; position: absolute; top:0; width: 100%; height:100%; background: #af0e1a; }
.row-fluid .footer-social.social-icon a:before { opacity: 1; right: 100%; top: 100%; transition: right 0.3s ease 0.0s, top 0.3s ease 0.0s, opacity 0.0s ease 0.3s;}
.row-fluid .footer-social.social-icon a:after {opacity: 0; top:-100%;left: 100%;transition: left 0.3s ease 0.0s, top 0.3s ease 0.0s, opacity 0.0s ease 0.3s;}
.row-fluid .footer-social.social-icon a:before {opacity: 0;top:0; right: 0;}
.row-fluid .footer-social.social-icon a:after { opacity: 1; top:0; left: 0;}


.row-fluid .backup-section { float:left; width:100%; padding:70px 0 ; color:#58595b;  }
.row-fluid .backup-content  h3 ,
.row-fluid .benefit-section .widget-type-header h3 { color:#616880; }
.row-fluid .backup-image { text-align:right; }
.video-box a { display:inline-block; vertical-align:top; width:auto; position:relative;  }
.video-box a .video-play { position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1); ; transition:all 0.5s;  }
.video-box a .video-play:hover { -webkit-transform: translateX(-50%) translateY(-50%)  scale(1.1);
    -moz-transform: translateX(-50%) translateY(-50%)  scale(1.1);
    -o-transform: translateX(-50%) translateY(-50%)  scale(1.1);
    -ms-transform: translateX(-50%) translateY(-50%)  scale(1.1);
    transform: translateX(-50%) translateY(-50%)  scale(1.1);; }
.row-fluid .benefit-section { float:left; width:100%; background:#f9f9f9; padding:50px 0; color:#58595b;  }
.row-fluid .benefit-section .widget-type-header  h3 { padding:0 0 30px; text-align:center; }
.row-fluid .benefit-section p { padding:0 0 15px; }
.row-fluid .benefit-section ul { padding:0; margin:0;   }
.row-fluid .benefit-section ul li { position:relative; list-style:none; padding-left:30px; margin-bottom:30px;  }
.row-fluid .benefit-section ul li:before { content:"\f046"; position:absolute; top:4px; left:0; font-family:FontAwesome;    }


.row-fluid .testimonial-section2 { float:left; width:100%; padding:100px 0; position:relative; color:#fff;  } 
.row-fluid .testimonial-section2 h3 , .row-fluid .testimonial-section2 h2 { color:#fff; font-style:normal;  }
.row-fluid .testimonial-box { position:relative; }
.row-fluid .testimonial-section2:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(51 63 72 0.9);  }

.testimonial-image { text-align:center; }
.testimonial-image > div { position:relative; float:none; display:inline-block; vertical-align:top;   }
.testimonial-image > div:before { content:"\f10d"; font-size:40px; background:#455560; position:absolute; border:5px solid #fff; top:-20px; right:-20px; font-family:FontAwesome; width:90px; height:90px; border-radius:50%; text-align:center; line-height:82px; color:#fff;  }
.testimonial-image img { border-radius:50%; border:5px solid #fff; border-radius:50%; max-width:200px; width:100%;  }
.testimonial-content { font-style:italic; }
.testimonial-info { font-style:normal; margin-top:20px;  }

.row-fluid .key-feature.get-started ,
.row-fluid .key-feature.get-started .key-feature-content,
.row-fluid .key-feature.get-started .key-feature-content::before { background:#0e1925;  }
.row-fluid .key-feature.get-started .key-feature-content::before {  -webkit-transform: skewX(27deg);
    -moz-transform: skewX(27deg);
    -o-transform: skewX(27deg);
    -ms-transform: skewX(27deg);
    transform: skewX(27deg);; }  
.row-fluid .key-feature.get-started .key-feature-content .btn a { color:#455560; background:#fff; border-color:#fff; padding:8px 30px;  }
.row-fluid .key-feature.get-started .key-feature-content .btn a:hover { color:#fff; background:#af0e1a ;  }


 .isotope-item { z-index: 2; }
 .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/* Isotope CSS3 transitions */
 .isotope,.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
 .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
 .isotope .isotope-item { -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -ms-transition-property:-ms-transform, opacity; -o-transition-property:-o-transform, opacity; transition-property:transform, opacity; }
/* disabling Isotope CSS3 transitions */
 .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;}
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
 .isotope.infinite-scrolling {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none; }


/* 12-27-2017 */
.row-fluid .thank-connect .connact-left { margin:0 auto !important; max-width:800px; width:100%; padding-right:0; border-right:none; text-align:center; float:none; } 
.row-fluid .thank-connect .connact-left .cta-strip  { padding:15px 0; }

.row-fluid .cta-stripcloud > div { position:relative; }
.row-fluid .cta-stripcloud .cta-strip { padding:0; }
.row-fluid .cta-stripcloud .cta-strip a { border:2px solid #fff; }
.row-fluid .cta-stripcloud .cta-strip a:hover { background-color:transparent; color:#fff; }

.row-fluid .testimonialcta-box { text-align:center; }
.row-fluid .testimonialcta-box .left, .row-fluid .testimonialcta-box .right { float:none; display:inline-block; vertical-align:middle; width:auto; }
.row-fluid .testimonialcta-box .left h2 { font-weight:500; color:#fff; font-family:'din_regular'; font-size:30px; line-height:36px; padding:0; }
 

/*=--=-=*/
.row-fluid .benefit-section.core-services ul li { margin-bottom:15px; }

.row-fluid .markley-center { padding:50px 0; }
.row-fluid .extraordinary { padding:50px 0; }
.row-fluid .key-feature a { color:#fff; }  

.row-fluid .textcenter { text-align:center; }
.row-fluid .textcenter ul li { text-align:left;} 

.row-fluid .ulistyle ul { padding:0; margin:15px 0 0;}
.row-fluid .ulistyle ul li { position:relative; list-style:none; padding-left:30px; margin-bottom:15px;  }
.row-fluid .ulistyle ul li:before { content:"\f046"; position:absolute; top:4px; left:0; font-family:FontAwesome;    }
.row-fluid .greybg { background:#f9f9f9;} 

.row-fluid .markley-main { padding-top:20px; max-width:1000px; float:none; margin:0 auto !important;} 
.row-fluid .markley-main table {width:100%; float:left; background:#f9f9f9; border-spacing: 0; } 

.row-fluid .markley-main table tr {width:100%; float:left;  }  
.row-fluid .markley-main table tr td {width:100%; float:left; border-bottom:1px solid #1b2a39; padding:30px;  } 
.row-fluid .markley-main table tr td span { width:100%; float:left; }  
.row-fluid .markley-main table tr td:last-child { border-bottom:0;}

.row-fluid .markley-main table tr td h6 { margin:0 0 10px; font-size:18px; line-height:22px;  color:#1b2a39;} 
.row-fluid .markley-main table.markleyTable tr td h6 {color:#6ec9c4; }
.row-fluid .markley-main table tr td ul { margin:0; padding:0; width:100%; float:left; list-style:none;}
.row-fluid .markley-main table tr td ul li { width:100%; float:left; padding-left:20px; position:relative; }
.row-fluid .markley-main table tr td ul li:before { position:absolute; content:""; background:#000; width:6px; height:6px; left:4px; top:11px; border-radius:100%; }

.row-fluid .markleyTables { width:50%; margin-left:0; padding-top:30px;  text-align:left;}
.row-fluid .markleyTables:first-child table { border-right:1px solid #000; }
.row-fluid .markleyTables h2 { background:#ef2e24; padding:5px 15px; color:#fff; margin-bottom:0; font-size:26px; text-align:center; }

.row-fluid .unrivaled-connectivity { padding:50px 0;}
.row-fluid .connectivity-box { text-align:center; }
.row-fluid .connectivity-box h2 { font-size: 46px; line-height: 50px;  color:#6ec9c4; font-weight: bold; border-bottom: 1px solid #000;  margin-bottom: 10px; float:none; display:inline-block; }

.row-fluid .partners-section { padding:50px 0; }
.row-fluid .partners-section h2 {  font-weight: bold; margin-bottom:0; padding:0; }
.row-fluid .partners-main { width:100%; float:left; margin-top:10px; } 
.row-fluid .partners-main span { width:100%; float:left; }
.row-fluid .partners-main span .hs_cos_wrapper { width:25%; float:none; display:inline-block; margin-left:-4px; vertical-align:middle;  text-align:center;  padding:20px;}
.row-fluid .partners-main span .hs_cos_wrapper img { max-width:230px; }  

.row-fluid .footprintTitle h2 { color:#fff; font-size: 18px;  line-height: 28px; margin-right:30px;}
.row-fluid .footprintTitle h2 span {  font-size: 56px;  line-height: 46px; display:block; padding-bottom:10px; }

.row-fluid .footprintBox { padding:30px; }
.row-fluid .footprintBox h3 { color:#fff; }
.row-fluid .markley-Footprint .container3 > div > .row-fluid  { display:flex; }

.row-fluid .evolving-section { border-top:3px solid #666; border-bottom:3px solid #666; margin-top:40px; }
.row-fluid .evolving-section .mCSB_inside>.mCSB_container { margin-right:0 !important; }
.row-fluid .evolving-boxlisting .hs_cos_wrapper_widget { float:left; width:50%; }
.row-fluid .evolving-boxlisting .hs_cos_wrapper_widget .envoling-orgabox { z-index:1; position:relative; height:200px; background-size:cover !important; background-position:center !important;  }
.row-fluid .evolving-boxlisting .hs_cos_wrapper_widget .envoling-orgabox:before { content:""; width:100%; left:0; top:0; height:100%; position:absolute; background:rgba(0,0,0,0.7); z-index:-1; -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;; }
.row-fluid .evolving-boxlisting .hs_cos_wrapper_widget .envoling-orgabox h2 { color:#fff; position:absolute; bottom:25px; left:25px; padding-bottom:0; }
.row-fluid .evolving-boxlisting .hs_cos_wrapper_widget a:hover .envoling-orgabox:before { background:rgba(233,33,58,0.4);  }

.row-fluid .evolving-contentwrap { padding:25px 35px;}
.row-fluid .evolving-boxlisting,.row-fluid .evolving-contentwrap { display:inline-block; float:none; vertical-align:middle; margin-right:-3px; }
.row-fluid .evolving-boxlisting { max-height:800px; overflow-y:auto; }

/**************************** Update 14/02/2018 **********************/
.row-fluid .services-menu { padding:10px 0; background:#cb333b; text-align:center; }
.row-fluid .services-menu ul { margin:0; padding:0; list-style-type:none; }
.row-fluid .services-menu ul li { margin:7px 0; padding:0; display:inline-block; float:none !important; line-height:20px; }
.row-fluid .services-menu ul li a { font-size:18px; line-height:20px; padding:0 10px 0 6px; color:#fff; border-right:1px solid #fff; text-transform:uppercase;}
.row-fluid .services-menu ul li:last-child a { border-right:none; }
.row-fluid .services-menu .mobile-select { padding:5px 10px; width:100%; max-width:300px; border:1px solid #fff; display:inline-block; color:#fff; }


.row-fluid .header-ctabox .btn-style.active a { background:#d82f27; }

 
@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
    
  .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px  }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }
  
  .row-fluid .welcome-section .hs-richtext { color: #0a0a0a; line-height: 18px; font-size: 16px; }
}


@media  (max-width: 1200px){
    .cta-box h3 br { display:none; }


}

@media (min-width:1024px){
.row-fluid .welcome-section.form-section .form-box {padding-right:90px; }
.row-fluid .main-header .hs-menu-children-wrapper { display:none; }
#form-field0 input[type="text"] { width:500px !important; max-width:100%; }
#form-field22 > div { float:none; display:inline-block; vertical-align:top; width:auto;  } 
#form-field22 > div:nth-child(1),
#form-field28  > div:nth-child(1),
#form-field29  > div:nth-child(1),
#form-field30  > div:nth-child(1),
#form-field31  > div:nth-child(1),
#form-field33  > div:nth-child(1),
#form-field34  > div:nth-child(1),
#form-field23 > div:nth-child(1)  { float:right; width:65%; text-align:left;  }  
#form-field22 > div:nth-child(2),
#form-field28  > div:nth-child(2),
#form-field29  > div:nth-child(2),
#form-field30  > div:nth-child(2),
#form-field33  > div:nth-child(2),
#form-field34  > div:nth-child(2),
#form-field31  > div:nth-child(2),
#form-field23 > div:nth-child(2) { float:left; }   

#form-field29  > div:nth-child(2) select,
#form-field30  > div:nth-child(2) input[type="text"] ,
#form-field31  > div:nth-child(2) select  { width:200px !important; background-position:94% center; }

#form-field33,
#form-field34 {  margin-top:30px;}

#form-field33  > div:nth-child(1)  p ,
#form-field34  > div:nth-child(1)  p  { margin-top:0; }

.row-fluid .welcome-section.form-section p {color: #0a0a0a; line-height: 18px; font-size: 16px; padding:0; margin:30px 0 0;  height: 100%;left: 0;position: relative;width: 100%;}

 
#form-field24 { position:relative; padding-top:50px; } 
#form-field24  .hs-richtext,
#form-field25  .hs-richtext,
#form-field26  .hs-richtext,
#form-field32  .hs-richtext,
#form-field27  .hs-richtext {float: right;margin-top: 10px;width: 65%;}
#form-field24 > div:nth-child(2),
#form-field25 > div:nth-child(2),
#form-field26 > div:nth-child(2),
#form-field27 > div:nth-child(2),
#form-field32 > div:nth-child(2),
#form-field24 > div:nth-child(3),
#form-field25 > div:nth-child(3),
#form-field32 > div:nth-child(3),
#form-field26 > div:nth-child(3),
#form-field27 > div:nth-child(3) { float:left; width:auto;   }

#form-field24 > div:nth-child(3) select,
#form-field25 > div:nth-child(3) select,
#form-field32 > div:nth-child(3) select,
#form-field26 > div:nth-child(3) select,
#form-field27 > div:nth-child(3) select  { background-position:90% center; }

    .wrap-container { display:inline-block; width:50%; vertical-align:top; }
.wrap-container:nth-child(odd) { padding-left:12px;   }
.wrap-container:nth-child(even) { padding-right:12px;   }

} 

@media (max-width:1024px){
    .row-fluid .post-item:before{  display:none;  }
    .row-fluid .more-link { position:static !important; opacity:1 !important; background:#d82f27; padding:5px 10px; margin-top:15px; display:inline-block; vertical-align:top;   }
    
    .row-fluid .faq-section .content-section2_title  a { font-size:24px; }
    .row-fluid .search-box input[type="submit"] { right:auto; left:0; }
    .row-fluid .search-box .search-btn{pointer-events: none;}
    .row-fluid .search-box .search-btn.input-has-value{pointer-events: inherit;}
    .row-fluid .search-box form:hover input[type="text"], .row-fluid .search-box form input[type="text"]:focus, .row-fluid .search-box form:active input[type="text"] { padding-left:35px !important; }
    .row-fluid .homeform-section .field,.row-fluid .homeform-section .hs_submit { width:100% !important;}

}

@media (min-width: 992px) and (max-width: 1220px){
    
	.row-fluid .container {  width:920px; }	
	.row-fluid .mycloud-service-raw .span6 { padding-left: 40px; }
	 
.row-fluid .mainmenu ul li a { padding:9px 10px 11px; font-size:13px;  }
.row-fluid .hero-section { height:410px; }
    .row-fluid .footprintBox.key-footprint { padding-left:30px !important; } 

	#form-field24 .hs-richtext,
	#form-field25 .hs-richtext,
	#form-field26 .hs-richtext,
	#form-field32 .hs-richtext,
	#form-field27 .hs-richtext,
	#form-field22 > div:nth-child(1),
	#form-field28 > div:nth-child(1),
	#form-field29 > div:nth-child(1),
	#form-field30 > div:nth-child(1),
	#form-field31 > div:nth-child(1),
	#form-field33 > div:nth-child(1),
	#form-field34 > div:nth-child(1),
	#form-field23 > div:nth-child(1) { width:57% !important; }
    .row-fluid .homeform-section .field,.row-fluid .homeform-section .hs_submit { display:inline-block; vertical-align:top; width:100% !important; }





}

@media (max-width:991px){
    .row-fluid .hero-section {height:320px; }
    .row-fluid .page-title h1 { line-height:70px; font-size:60px;  margin-top:20px;  }
    .row-fluid .blog-page { padding:42px 0 50px; }
    .row-fluid .post-header h1 { font-size:24px; line-height:30px;  }
    
    .row-fluid .related-post h2 { font-size:30px; line-height:40px;  }
    .row-fluid .related-post::after { top:70px; }
    
    .row-fluid .member-container > span { padding:0; }
    .row-fluid .team-text { position:static; opacity:1; padding:10px 0; min-height:100px; }
    .row-fluid .team-box::before { display:none; }
    .team-text  > h4 { color:#0a0a0a; font-size:16px; line-height:24px;  }
    .team-text h5 { font-size:15px; line-height:24px;  }
    
    .row-fluid .team-section h4 { font-size:24px;  line-height:30px;  }
    .row-fluid .team-section { font-size: 20px;  line-height: 30px; }
    
    .row-fluid .member-section { padding-bottom:80px; }
    
    .row-fluid .form-section  { padding:50px 0; }
    
.row-fluid .connact-right,
.row-fluid .connact-left{  width:100% !important; margin:0 !important; }
.row-fluid .connact-left .form-box {  margin:0; width:100%;  }

    .row-fluid .connact-right { margin-top:60px !important; }
    
    .row-fluid .login-section  { padding:20px 0;  }
    
    .row-fluid .inner-padding { padding:40px 0 !important; }
    .row-fluid .lphero-section .page-title h1 { font-size:38px; line-height:42px; }
    
    
    .row-fluid .key-feature { float:left; width:100%; padding:50px 0; }
     .row-fluid .key-feature-img { float:left; width:100%; min-height:300px;   }
     .row-fluid .key-feature-content { float:left; width:100%; margin:0; padding: 20px 0 0;  }
     
     .form-title span { font-size:18px; }
.product-caption h3,
.cta-box h3 ,
.product-form .form-title ,
.row-fluid .key-feature-content h3 { font-size:24px; line-height:30px; }
.row-fluid .key-feature-content h3 { padding-bottom:15px; }
.row-fluid .product-inner-banner.hero-section .page-title h1 {  font-size:42px; line-height:50px;  }

.testimonial-image > div:before { height:70px; width:70px; font-size:25px; line-height:62px; border:2px solid #fff; right:-10px; top:-10px;  }
.testimonial-image img { border:2px solid #fff; }
.row-fluid .backup-section,
.row-fluid .benefit-section ,
.row-fluid .testimonial-section2 { padding:50px 0; }

.product-form .actions:before { left:65%; -webkit-transform: translateX(-65%) translateY(-50%);
    -moz-transform: translateX(-65%) translateY(-50%);
    -o-transform: translateX(-65%) translateY(-50%);
    -ms-transform: translateX(-65%) translateY(-50%);
    transform: translateX(-65%) translateY(-50%);; }
}

@media (min-width:768px){
    .row-fluid .mycloud-service-raw .span6 .span10 { padding-right:50px; }
    .row-fluid .related-post-box,
.row-fluid .related-post h2   { padding-left:90px; }
.row-fluid .row-fluid .main-header  .container { max-width:1200px; width:100% !important; }
.row-fluid .connect-section .actions { margin:40px 0 0;  }
.row-fluid .connect-section .actions input[type="submit"] { display:inline-block; }

.row-fluid .padding-lr-30px { padding:0 30px; }

.row-fluid .connact-right { width:46.718%; margin-left:2%; }
.row-fluid .connact-left { width:50.718%; } 
.row-fluid .connact-left input[type="submit"] { margin-bottom:10px; }
li.init { display:none !important; }  






}


@media (min-width: 768px) and (max-width: 991px){
	
	.row-fluid .container {  width:720px; }	
	.row-fluid .sidebar { padding-left:15px; }
	.testimonial-image  { padding-right:15px; }
	.row-fluid .mycloud-service-raw .span6 { padding:0 20px; }
	.row-fluid .mycloud-service-raw h4 { font-size:26px; }
	.row-fluid .mycloud-service-raw .span6 .span10 { padding-right:30px; }
	
	.row-fluid .testimonialcta-box .left, .row-fluid .testimonialcta-box .right { float:left; width:100%; }
    .row-fluid .testimonialcta-box .left h2 { font-size:24px; line-height:30px; margin:0 0 30px; }
     
    .row-fluid .partners-main span .hs_cos_wrapper {  width:33.33%; }
    .row-fluid .footprintBox.key-footprint { padding-left:30px !important; } 
    .row-fluid .key-feature.markley-Footprint {  padding:0;}
    
    .row-fluid .evolving-boxlisting .hs_cos_wrapper_widget { width:100%; }
.row-fluid .homeform-section .field,.row-fluid .homeform-section .hs_submit { display:inline-block; vertical-align:top; width:100% !important; }


}

@media (min-width: 30px) and (max-width: 767px){
	
	.row-fluid .container { width:100%; padding:0 20px; float:left !important; }
	.row-fluid .mycloud-service-raw .span6 { padding:0; text-align:center; margin-top:30px; } 
	.row-fluid .mycloud-service-raw { padding-top:0; }
	.row-fluid .mycloud-service-raw .span6 .span2 { margin-bottom:10px; float:left; width:100%; }
	.srhighlight-boxes { width:100%!important; padding:0 20px!important; float:left !important; }
  .box1 { width:100% !important; padding:0 20px !important; float:left !important; }
  .box2 { width:100% !important; padding:0 20px !important; float:left !important; }
  .box3 { width:100% !important; padding:0 20px !important; float:left !important; }
  .box4 { width:100% !important; padding:0 20px !important; float:left !important; }
  .box5 { width:100% !important; padding:0 20px !important; float:left !important; }
  .box6 { width:100% !important; padding:0 20px !important; float:left !important; }

	.row-fluid .sidebar { padding:30px 0 0; }
	.row-fluid .member-container > span > div { width:50%; }
	
	    .row-fluid .connect-box { width:100%; margin:0; min-height:inherit; }
	.row-fluid .faq-section .content-section2_title  a { font-size:20px; }
	
	.row-fluid .form-section input[type="submit"] { margin:20px auto 0; } 
	.row-fluid .footer-section h2 { font-size:30px; line-height:40px; }
	
	.row-fluid .homedesk-menu { display:none; }
	.row-fluid .homemblmenu-section { display:block; }
	.row-fluid .awsdirect-leftwrap { border-right:none; padding-right:0; }
	
	.product-box { width:50%; }
	.product-container #container { margin:0; }
	
	 .row-fluid .product-category-topic ul li a { font-size:14px; padding:2px 12px;  }
	 .row-fluid .key-feature-content h3 { padding-bottom:15px; }
	 .product-caption > div { font-size:20px; }
	 .product-form .form-title span { font-size:16px; }
	 
	 .row-fluid .footer-social.social-icon strong { display:block; margin:0 0 20px; }
	 .row-fluid .backup-image { text-align:center; padding-top:50px;  }
	 
	 .testimonial-image { margin-bottom:20px; }
	  
	 .row-fluid .markleyTables { width:100%;}
	 .row-fluid .markleyTables:first-child table { border-right:0;}
	 .row-fluid .partners-main span .hs_cos_wrapper { width:100%;}
	 .row-fluid .markley-center { padding:30px 0; text-align:center;}
	
	 .row-fluid .extraordinary { padding:30px 0; text-align:center;}
	 .row-fluid .extraordinary h3 img { display:inline-block; max-width:150px; float:none !important;  }
	 .row-fluid .extraordinary ul { text-align:left; }
	 .row-fluid .extraordinary h3 { text-align:center;font-size: 26px; line-height: 30px; float: none; display: inline-block;}
	 .row-fluid .extraordinary h3 br { display:none;}
	 .row-fluid .extraordinary h3 span{ display:block; width:100%; float:left; text-align:center;}
	
	
	 .row-fluid .benefit-section { text-align:center;}
	 .row-fluid .benefit-section ul { text-align:left; }
	 .row-fluid .backup-section  { text-align:center;}
	 .row-fluid .backup-section ul { text-align:left;}
	
	 .row-fluid .markley-Footprint .container3 > div > .row-fluid  { display:inherit; }
	 .row-fluid .markley-Footprint.key-feature { padding:0; text-align:center; }
	 .row-fluid .footprintTitle h2 { margin-right:0; width:100%;}
	 .row-fluid .footprintTitle p { width:100%; }
	 .row-fluid .footprintimage { height:200px; }
	 
    .row-fluid .product-category-topic ul {  z-index:6; height: 35px;  width: 300px; max-width:100%;  border: 1px #000 solid; position:relative;  }  
    .row-fluid .product-category-topic ul li { padding: 5px 10px; z-index: 2; display:block; border:none; }
    .row-fluid .product-category-topic ul li { display:block }
    .row-fluid .product-category-topic ul li:not(.init) { float: left; width: 100%; display: none; background: #3d3d3d; }
    .row-fluid .product-category-topic ul li:not(.init):hover, ul li.selected:not(.init) { background: #09f; }
    .row-fluid .product-category-topic ul li.init { cursor: pointer; }
    
    a#submit { z-index: 1; }
    
    .row-fluid .testimonialcta-box .left, .row-fluid .testimonialcta-box .right { float:left; width:100%; }
    .row-fluid .testimonialcta-box .left h2 { font-size:24px; line-height:30px; margin:0 0 30px; }
	.row-fluid .evolving-boxlisting { width:100%; }
	
	/************ Update 14/02/2018 **********/
	.row-fluid .services-menu { position:relative; }
	.row-fluid .services-menu .hs-menu-wrapper { margin:0 auto; width: 100%; max-width: 300px; display:none; position: absolute; left: 0; background: #3d3d3d; z-index: 11; right: 0; top: 50px; }  
	.row-fluid .services-menu ul { width:100%; }
	.row-fluid .services-menu ul li { display:block; text-align:left; }
	.row-fluid .services-menu ul li a { padding:2px 10px; border-right:none; }
	 
}



@media (max-width: 500px){
    .row-fluid .banner-container { text-align:left; }
    .row-fluid .hero-section { height:280px; }
    .row-fluid .banner-container .page-title h1 { font-size:32px; line-height:48px; text-align:left; margin-top:10px; }
    .row-fluid .member-container > span > div { width:100%; }
    	.product-box { width:100%; padding:10px 0; } 
    	
   
    .product-category-topic section > span { margin:0 0 10px; display:block;  }
    .row-fluid .product-inner-banner.hero-section .page-title h1 {  font-size:32px; line-height:40px;  } 	
    .product-form .actions:before { left:63%; -webkit-transform: translateX(-63%) translateY(-50%);
    -moz-transform: translateX(-63%) translateY(-50%);
    -o-transform: translateX(-63%) translateY(-50%);
    -ms-transform: translateX(-63%) translateY(-50%);
    transform: translateX(-63%) translateY(-50%);; }
    
    .row-fluid .evolving-boxlisting .hs_cos_wrapper_widget { width:100%; }

}
@media (min-width: 1025px){

  a.mobile-trigger, span.child-triggerm {
      display: none !important; /* Hide button on Desktop */
  }
  
  .row-fluid .mainmenu .hs-menu-wrapper { 
      display: block !important;
  }

  

}


@media (max-width: 1024px){

 /* Mainmenu */
 .mobile-open  a.mobile-trigger { right:auto; left:220px; position:fixed; }
     .mobile-open a.mobile-trigger i, .mobile-open a.mobile-trigger i:before, .mobile-open a.mobile-trigger i:after { background:#fff; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited { font-weight:bold; font-size:16px; line-height:20px; padding:19px 8px 15px 50px; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li {border-bottom:1px solid #d82f27;  }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li:last-child { border-bottom:0; }
    .row-fluid .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children a:after { display:none; }
    .row-fluid .mainmenu ul { float:none; }
    .row-fluid .mainmenu ul > li > ul > li > a { color:#000; text-transform:capitalize; font-weight:600; font-size:14px; line-height:18px; padding:15px 10px 15px 50px; text-indent:0; }
    .row-fluid .mainmenu ul > li > ul > li:hover { background:transparent; }
    .row-fluid .mainmenu ul > li > ul > li > a:hover { color:#fff; }
    .row-fluid .mainmenu ul > li > ul > li { border:0; }
    
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a { padding:10px 15px !important;  color: #fff !important; font-weight: 400 !important; text-shadow: inherit !important;  }
    
    
    .row-fluid .mainmenu.js-enabled .hs-menu-flow-horizontal { right:auto; left:-250px; top:0; padding:0; display:block !important; -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease; width:0; }
    .mobile-open .mainmenu.js-enabled .hs-menu-flow-horizontal { left:0; top:0; width:250px;  }  
    .mainmenu .hs-menu-flow-horizontal ul li:first-child { border-top:0; }
    span.child-triggerm span { display:none !important; }
    span.child-triggerm:before { content:""; font-size:26px; color:#000; right:20px; top:8px; height:25px; width:25px; background:url("https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Image/plus_icon_accordion_white.svg") no-repeat center; background-size:15px 15px; position:absolute; -webkit-transition: all .400s ease;
    -moz-transition: all .400s ease;
    -o-transition: all .400s ease;
    -ms-transition: all .400s ease;
    transition: all .400s ease;; }
    span.child-triggerm.child-open:before { -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);  }

   
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul > li > a > span, .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(4) > ul > li > a > span { color:#9293a4; line-height:20px; padding-left:10px; white-space:normal; }
    .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(4) > ul > li > a > span { padding-left:0; }
   /* .row-fluid .mobile-menu-space { float:left; width:100%; position:relative; right:0;  transition:all 0.3s; }
    .mobile-open .row-fluid .mobile-menu-space { right:-250px; }*/
	.row-fluid .search-box {  margin:60px 0 16px !important; padding-left:15px;  }  

	.row-fluid .search-box script { display:none; }



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

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


  /* Menu Reset - Remove styling from desktop version of custom-menu-primary */
  /* Place any additional CSS you want removed from the mobile menu in this reset */
  .mainmenu, .mainmenu *{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color: #fff;
    }


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

  a.mobile-trigger {
      display: inline-block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute; /*******************************************/
      top: 20px;          /* Position Button at top right of screen  */
      right: 20px;        /*******************************************/
      width:auto;
      line-height:0 !important;
      z-index: 99999999999; /* Z-index to keep button on top of other layers */
      -webkit-transition: background-color 0.2s linear; /* Button color transition effect */
      font-size: 16px;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      border-radius: 0;
      -webkit-transition:color .2s ease-in; 
      -moz-transition:color .2s ease-in;
      transition:color .2s ease-in;
      background:transparent !important;
      height:12px;
  }

  a.mobile-trigger:hover {
      text-decoration: none; /* Removes link text underline on button */
      color: #fff;
  }

  a.mobile-trigger span{
      display: inline;
  }

  a.mobile-trigger span:before{
      position: absolute;
      content: 'Menu'; /* Change the text on the closed toggle button */
  }

  a.mobile-trigger span:after{
      position: relative;
      right: 2px;
      content: 'Close'; /* Change the text on the open toggle button */
      background-color: #054f7d;
      opacity: 0;
      transition: opacity .4s ease-in-out;
      -moz-transition: opacity .4s ease-in-out;
      -webkit-transition: opacity .4s ease-in-out; 
  }

  /* Change button when menu is open */
  .mobile-open a.mobile-trigger{
      -webkit-transition:background-color 0.2s linear; /* Button color transition effect */
      -moz-transition:background-color 0.2s linear; /* Button color transition effect */
      transition:background-color 0.2s linear; /* Button color transition effect */
      background: #fff; /* Changes button background to be slightly darker than open menu color */  
  }

  .mobile-open a.mobile-trigger span:after{
     opacity: 1; 
  }


  /* Toggle Button Icon & Animations
     ========================================================================== */

  a.mobile-trigger i {
      display: inline;
      position: relative;
      top: -2px;
      margin-left: 0;
      -webkit-transition-duration: 0s;
      -webkit-transition-delay: .2s;
      -moz-transition-duration: 0s;
      -moz-transition-delay: .2s;
      transition-duration: 0s;
      transition-delay: .2s;
  }
  a.mobile-trigger  i:before, a.mobile-trigger i:after {
      position: absolute;
      content: '';
  }
  a.mobile-trigger  i, a.mobile-trigger  i:before, a.mobile-trigger  i:after {
      width: 22px; /* Icon line width */
      height: 2px; /* Icon line height */
      background-color: #fff; /* Icon color */
      display: inline-block;
  }
  a.mobile-trigger  i:before {
      margin-top: -8px; /* Position top line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  a.mobile-trigger  i:after {
      margin-top: 8px; /* Position bottom line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  .mobile-open a.mobile-trigger i {
      background-color: rgba(0,0,0,0.0);
      -webkit-transition-delay: .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open a.mobile-trigger i:before {
      margin-top: 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open a.mobile-trigger i:after {
      margin-top: 0;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  
  /* Child Toggle Button
     ========================================================================== */

  span.child-triggerm {
      display: block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100% !important; /* Button width */
     /* min-width: 35px !important;*/
      height: 50px !important; /* Button height */  
      padding: 0 !important;
      /*border-left: 1px dotted rgba(255, 255, 255, .20);*/
  }
  span.child-triggerm:hover {
      text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
     ========================================================================== */

  span.child-triggerm span {
      position: relative;
      top: 50%; /* Centers icon inside button */
      margin: 0 auto !important;
      -webkit-transition-duration: .2s;
      -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  span.child-triggerm span:after {
      position: absolute;
      content: '';
  }
  span.child-triggerm span, span.child-triggerm span:after {
      width: 10px; /* Icon line width */
      height: 1px; /* Icon line height */
      background-color: #fff; /* Icon color */
      display: block;
  }
  
  .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #fff; }
  
  span.child-triggerm span:after {
      -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  span.child-triggerm.child-open span:after {
      -webkit-transform: rotate(-180deg);
       -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  span.child-triggerm.child-open span {
      -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
      transform: rotate(180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }

  

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  


  /* Hide menu on mobile */
  .mainmenu.js-enabled .hs-menu-flow-horizontal,
  .mainmenu.js-enabled .hs-menu-children-wrapper{
      display: none;
  }  

  /* Make child lists appear below parent items */
  .mainmenu ul.hs-menu-children-wrapper {
      visibility: visible !important;
      opacity: 1 !important;
      position: static !important;
      display: none;
  }

  /* Mobile Menu Styles */
  .mainmenu.js-enabled .hs-menu-flow-horizontal{
      position: fixed; /**************************************************************/
      top: 0;             /* Positions the menu to drop from the very top of the screen */
      left: 0px;          /**************************************************************/                                              
      width: 100%;   
     height:100%;
     background:#0a0a0a;
     z-index:2000;
  }
  .mainmenu .hs-menu-flow-horizontal{
      padding: 40px 0 0 0; /* Padding to add room for close button */
      background-color: #fff; /* Menu background color set off global mobile-menuColor variable */
      width: 100%; /* Full screen width */
      z-index: 8888;
  }

   /* Level 1 Menu List Styles */
  .mainmenu .hs-menu-flow-horizontal > ul > li{
      position: relative;
   }
  .mainmenu .hs-menu-flow-horizontal > ul > li a{
      font-size: 22px; /* Font size of top level list items */
      line-height: 45px;
      overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .mainmenu .hs-menu-flow-horizontal ul li{
    /*   border-top: 1px solid #fff;  Adds transparent dark highlights to top of top level list items */
  }
  .mainmenu .hs-menu-flow-horizontal ul li a{
      padding: 0 10px;
  }
  .mainmenu .hs-menu-flow-horizontal ul li a:hover{
      color: #fff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
 /* .mainmenu .hs-menu-flow-horizontal > ul ul li{
     background-color: rgba(255, 255, 255, .08);
  }*/
  .mainmenu .hs-menu-flow-horizontal > ul ul li a{
      text-indent: 10px; /* Indent Child lists */
      font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .mainmenu .hs-menu-flow-horizontal > ul ul ul li a{
      text-indent: 10px; /* Indent Child lists */
  }
  .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a{
      text-indent: 50px; /* Indent Child lists */
  }
  
  .row-fluid  .mainmenu  .hs-menu-children-wrapper {  background:#d82f27; padding:8px 15px;  }
  .row-fluid  .mainmenu  .hs-menu-children-wrapper  li { background:transparent; }
  .row-fluid  .mainmenu  .hs-menu-children-wrapper a  { color:#000; padding:5px 0; font-size:16px; text-shadow:inherit; line-height:30px; font-weight:400; font-family:"din_regular";  }
  
  
}

/**************************************** New Style
 ****************************************/


.row-fluid .header-inner { height:47vh; position:relative; } 
.row-fluid .inner-headercontent { position:absolute; width:auto; left: 50%; bottom: 40%; text-align:center; -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);; }
.row-fluid .inner-headercontent .page-name { margin-bottom:0; line-height:25px; }

.row-fluid .left-sidebar { padding-right:61px; position:relative; }
.row-fluid .left-sidebar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position:absolute; display:none; left:0; top:100%; float:left; width:100%; padding-right:61px; margin:20px 0 60px; }
.row-fluid .left-sidebar .hs-menu-wrapper > ul > li { float:left; width:100%; margin-bottom:2px; position:inherit; }
/*.row-fluid .left-sidebar .hs-menu-wrapper ul > li.active-branch a { background:#939597; color:#fff; }*/
/*.row-fluid .left-sidebar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.menu-active a { color:#d82f27; }*/
.row-fluid .left-sidebar .hs-menu-wrapper > ul > li > a { float:left; width:100%; background:#f4f4f2; color:#939597; text-transform:capitalize; font-size:16px; line-height:24px; font-family:'din_demi'; padding:2px 10px; } 

.row-fluid .left-sidebar .hs-menu-wrapper > ul > li > ul > li > a { position:relative; }
.row-fluid .left-sidebar .hs-menu-wrapper > ul > li > ul > li > a:after { position:absolute; content:""; height:2px; width:35px; bottom:0; left:7px; background:#d1d3d4; transition:all .3s ease; }
.row-fluid .left-sidebar .hs-menu-wrapper > ul > li > ul > li > a:hover:after { width:70px; }
.row-fluid .left-sidebar .hs-menu-wrapper > ul > li > ul > li:last-child > a:after { display:none; }
.row-fluid .left-sidebar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a { font-size:14px; line-height:27px; background:#fff; color:#939597; padding:0 0 0 7px; margin-bottom:2px; }
.row-fluid .left-sidebar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a:hover { color:#dc4841; }
.row-fluid .left-sidebar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children.menu-active ul.hs-menu-children-wrapper li.active a { color:#dc4841; }
.row-fluid .left-sidebar .hs-menu-wrapper > ul > li > a.current { background:#939597; color:#fefefe; }
.row-fluid .left-sidebar .hs-menu-wrapper > ul > li.menu-active a { background:#939597; color:#fefefe; }
.row-fluid .left-sidebar .hs-menu-wrapper > ul > li.menu-active > a + ul { display:block !important; }

.row-fluid .content-section2 { padding:50px 0; font-size:22px; line-height:32px; color:#616880; }
.row-fluid .content-section2 p { padding:0; margin-bottom:16px; } 
.row-fluid .content-section2_title { font-size:32px; line-height:40px; font-weight:400; color:#616880; position:relative; margin-bottom:20px; }
.row-fluid .content-section2_title:after { position:absolute; content:""; height:2px; width:35px; left:0; top:100%; background:#dc4841; margin-bottom:20px; }
.row-fluid .content-section2_title h4 { font-size:32px; line-height:40px; padding-top:0; font-weight:400; color:#616880; font-family:'din_demi'; }
.row-fluid .content-section2 a { color:#939597; font-size:22px; line-height:32px; }
.row-fluid .content-section2 a:hover { color:#dc4841; }

.row-fluid .service-imgtextsec  { background-color:#616880; position:relative; }
.row-fluid .service-imgtextsec .feature-text { background-color:#616880; font-size:16px; line-height:24px; color:#c8dbc9; padding:40px 0 50px 45px !important; width:50%; margin:0; float:right; }
.row-fluid .service-imgtextsec .feature-text ul { float:left; width:100%; margin:0; padding-left:18px; }
.row-fluid .feature-imgbox { width:50%; margin:0; float:left; position:absolute; left:0; top:0; height:100%; }
.row-fluid .service-imgtextsec .feature-text h4 { color:#fff; font-size:20px; line-height:30px; padding:0; text-transform:capitalize; font-family:'din_demi'; }
.row-fluid .service-imgtextsec .feature-text p { padding-top:0; }
.row-fluid .service-imgtextsec .feature-text ul + p { float:left; width:100%; padding:15px 0; }
 
.row-fluid .testimonial-section { padding:120px 0; background-color:#d82f27; margin-top:10px; margin-bottom:10px; text-align:center; color:#fff; font-size:42px; line-height:53px; font-family:'din_demi'; }
.row-fluid .testimonial-section .container { padding:0 50px; }
.row-fluid .testimonial-details { font-size:24px; line-height:27px; font-style:normal; margin-top:20px; font-family:'din_italic'; }
.row-fluid .boston-section.boston-section2 { margin-bottom:0; }

.row-fluid .cta-strip { padding:50px 0; text-align:center; }
.row-fluid .cta-strip a { border-radius:5px; color:#d82f27; text-transform:uppercase; font-family: 'din_demi'; background-color:#fefefe; border:1px solid #d82f27; padding:8px 0 8px 0; float:none; display:inline-block; width:280px; max-width:100%; text-align:center; }
.row-fluid .cta-strip a:hover { background-color:#d82f27; color:#fff; }

/* Homepage */
.row-fluid .header-videohero .btn-style a { background:transparent; }
.row-fluid .header-video { position:relative; }
.row-fluid .header-video video { width:auto; }
.row-fluid .header-videocode { line-height:0; }
.row-fluid .headervideo-textbox { position:absolute; top:27vh; left:0; right:0; float:left; width:100%; text-align:center;  }
.row-fluid .btn-style { float:none; display:inline-block; width:100%!important; }
.row-fluid .btn-style a { float:none; display:inline-block; width:200px; text-transform:uppercase; font-size:16px; width:100%!important; border-radius:5px; border:1px solid rgba(254,254,254,0.4); background-color:rgba(129,63,152,0.6); color:#fefefe; text-align:center; margin:0 auto 0 auto; padding:7px 0 7px 0; background-blend-mode:multiply;  vertical-align:middle; transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; overflow:hidden; transition-duration:0.3s; transition-property:color,background-color,border-color; }
.row-fluid .btn-style a:hover { background-color:#d82f27; color:#fff; }
.row-fluid .headervideo-textbox h1 { color:#fff; font-size:64px; line-height:66px; padding:0; }
.row-fluid .headervideo-textbox h2 { color:#fff; font-size:24px; line-height:34px; padding-top:7px; }
.row-fluid .header-ctabox { padding-top:70px; max-width:1200px; float:none; display:inline-block; }

.row-fluid .mobile-sliderbg { background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; }

.row-fluid .page-title2 h1 { font-size:64px; line-height:96px; }  
.row-fluid .red-textcolor { color:#d82f27; padding-bottom:10px !important; } 
.row-fluid .datacenter_content-section2  { padding-bottom:200px; }

.row-fluid .boston-section { margin-bottom:10px; }
.row-fluid .boston-section .feature-text { float:left; padding-right:50px !important; }
.row-fluid .boston-section .feature-imgbox { right:0; left:auto; }
.row-fluid .feature-imgbox h1 { font-size:112px; line-height:168px; color:#fff; position:absolute; left:-100px; top:60px; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
.row-fluid .lowell-section .feature-imgbox h1 { top:55px; left:auto; right:-94px; }
.row-fluid .multiple-ctastrip a { margin-bottom:30px; text-transform:uppercase; font-family:'din_demi'; }
.row-fluid .multiple-ctastrip .cta-btn4 a { margin-bottom:0; } 
.row-fluid .video-iframe { padding-top:25px; }
.row-fluid .video-iframe iframe { width:100%; }

.row-fluid .news-videosec { padding:50px 0; background:#58595b; font-size:16px; line-height:22px; color:#9faec7; }
.row-fluid .news-videosec h4 { color:#fff; font-size:24px; line-height:34px; padding-top:0; }

.row-fluid .videoWrapper { width:100%; position:relative; padding: 56.25% 0 0; }
.row-fluid .videoWrapper iframe { height:100%; width:100%; position:absolute; top:0; bottom:0; }

.row-fluid .provide-ctasec { padding:70px 0; text-align:center; }
.row-fluid .provide-ctasec h3 { font-size:40px; line-height:48px; padding:0; color:#fff; }
.row-fluid .provide-ctabox { padding-top:40px; float:none; display:inline-block; vertical-align:top; width:810px; max-width:100%; }
.row-fluid .provide-ctabox a { border-radius:5px; font-size:16px; color:#fefefe; text-align:center; border:1px solid #304d92; padding:8px 0 8px 0; background-color:#304d92; width:250px; text-transform:uppercase; display:inline-block; vertical-align:middle; box-shadow:0 0 1px transparent; overflow:hidden; transition-duration:0.3s; transition-property: color,background-color,border-color; }
.row-fluid .provide-ctabox a:hover { border-color:#d82f27; background-color:#d82f27; }
.row-fluid .recovery-imgtextsec .feature-text { min-height:400px; }

.row-fluid .location-redstrip { background:#d82f27; float:left; width:100%; padding:4px 25px 4px 25px; }
.row-fluid .center-locationsec h4 { color:#fff; font-size:20px; line-height:30px; text-transform:uppercase; font-family:'din_demi'; padding:0; }
.row-fluid .center-locationsec img { width:100% !important; }

.row-fluid .twocolumn-listingcolumn h4 { border-bottom:3px #d82f27 solid; font-size:16px; line-height:24px; color:#d82f27; text-transform:uppercase; font-family:'din_demi'; background:#fff; }
.row-fluid .twocolumn-listingcolumn ul { padding:0 0 16px 20px; margin:0;  }
.row-fluid .twocolumn-listingcolumn ul li + ul { padding-bottom:0; }
.row-fluid .twocolumn-listingcolumn ul li { color:#58595b; font-size:16px; line-height:26px; }
.row-fluid .twocolumn-listingtext { padding:20px 20px 5px 20px; background:#f4f4f2; min-height:385px; }

.row-fluid .carriers_content-section2 { padding-bottom:150px; }
.row-fluid .carriers_content-section2 h4 { font-size:16px; line-height:24px; color:#d82f27; text-transform:uppercase; font-family:'din_demi'; }
.row-fluid .carriers-title { padding-top:30px; }
.row-fluid .carriers-listing { border-top:3px #d82f27 solid; background:#f4f4f2;  }
.row-fluid .carriers-listing ul { float:left; width:100%; padding:16px 15px 20px;  margin:0; list-style-type:none; }
.row-fluid .carriers-listing ul li { float:left; width:100%; font-size:16px; line-height:32px; color:#58595b; }

.row-fluid .storage-listingbox { padding-top:20px; padding-bottom:25px; } 
.row-fluid .storage-listingtext { background:#d82f27; font-size:16px; line-height:24px; color:#fff; padding:16px; }
.row-fluid .storage-listingtext h3 { color:#fff; padding:0 0 15px; position:relative; margin-bottom:20px; font-size:22px; line-height:31px; }
.row-fluid .storage-listingtext h3:after { position:absolute; content:""; height:2px; width:35px; background:#fff; left:-16px; bottom:0; }
.row-fluid .archive-supporttext { font-size:13px; line-height:14px; color:#939597; }
.row-fluid .min-height400 { min-height:400px; }

.row-fluid .supportcontent-section2 h4 { font-size:22px; line-height:32px; color:#d82f27; font-family:'din_demi'; }
.row-fluid .supportcontent-section2 h4 + p + p { margin-bottom:0; margin-top:20px; }
.row-fluid .supportcontent-section2 ul { padding-left:20px; margin-top:0; }

.row-fluid .colocation_content-section2  h4 { font-size:22px; line-height:32px; color:#d82f27; font-family:'din_demi'; }
.row-fluid .colocation_content-section2 h5  { padding:0; font-size:19px; line-height:29px; color:#616880; font-family:'din_demi'; }
.row-fluid .colocation_content-section2 ul { padding-left:20px; margin-top:0; margin-bottom:16px; } 

.row-fluid .summer-striplocation { text-align:center; padding:70px 0; margin-bottom:10px; } 
.row-fluid .summer-striplocation h2 { color:#fefefe; font-size:40px; line-height:48px; padding-bottom:50px; }
.row-fluid .summer-striplocation .widget-type-cta { float:none; display:inline-block; vertical-align:middle; width:auto; }
.row-fluid .summer-striplocation .widget-type-cta a { border-radius:5px; font-size:16px; font-family: 'din_demi'; color:#fefefe; text-align:center; border:1px solid #304d92; padding:8px 0 8px 0; background-color:#304d92; width:250px; text-transform:uppercase; display:inline-block; vertical-align:middle; box-shadow:0 0 1px transparent; overflow:hidden; transition-duration:0.3s; transition-property: color,background-color,border-color; }
.row-fluid .summer-striplocation .widget-type-cta a:hover { border-color:#d82f27; background-color:#d82f27; }

.row-fluid .boston_content-section2 { padding-bottom:300px; }
.row-fluid .bosix-section { padding:50px 0 100px; background-color:#f4f4f2; background-repeat:repeat !important; background-size:inherit; }
.row-fluid .bosix-section h4 { color:#d82f27; font-size:22px; line-height:34px; font-family: 'din_demi'; padding:0; }
.row-fluid .bosix-section .widget-type-cta a { border-radius:5px; font-size:16px; font-family: 'din_demi'; margin-top:15px; color:#fefefe; text-align:center; border:1px solid #304d92; padding:8px 0 8px 0; background-color:#304d92; width:280px; text-transform:uppercase; display:inline-block; vertical-align:middle; box-shadow:0 0 1px transparent; overflow:hidden; transition-duration:0.3s; transition-property: color,background-color,border-color; }
.row-fluid .bosix-section .widget-type-cta a:hover { border-color:#d82f27; background-color:#d82f27; } 

.row-fluid .bosix-button-inner { float:left; width:100%; background:#304d92; font-size:16px; line-height:20px; padding:10px; color:#fefefe; font-family: 'din_demi'; text-align:center; }
.row-fluid .participants-titlebox { float:none; display:inline-block; vertical-align:middle; width:auto; position:relative; cursor:pointer; }
.row-fluid .participants-titlebox:after { position:absolute; content:"\f00d"; right:-25px; top:-1px; font-family:'fontawesome'; }
.row-fluid .participants-titlebox.openbox:after { content:"\f067"; }

.row-fluid .box-participants-sec { text-align:center; background:#f5f5f5; }
.row-fluid .participants-sec { float:none; display:inline-block; vertical-align:top; width:65%; max-width:100%; text-align:left; } 
.row-fluid .participants-titles ul { float:left; width:100%; padding:8px 0; margin:0; list-style-type:none; border-top:1px solid #fff; border-bottom:1px solid #fff; }
.row-fluid .participants-titles ul li { float:left; width:86px; font-size:13px; line-height:15px; padding:0 20px; color:#fefefe; text-transform:uppercase; font-family:'din_regular'; font-weight:bold; }
.row-fluid .participants-titles ul li:first-child { width:274px; }
.row-fluid .participants-titles ul li:nth-child(2) { width:334px; }
.row-fluid .participants-titles ul li:nth-child(3) { width:70px; }
.row-fluid .participants-sec { padding:50px 0; }

.row-fluid .participants-box { float:left; width:100%; }  
.row-fluid .participants-box ul { float:left; width:100%; padding:0; margin:0; list-style-type:none; }
.row-fluid .participants-box ul li { float:left; width:100px; position:relative; font-size:13px; padding:7px 20px; line-height:15px; border-bottom:1px solid #9ca1af; color:#fefefe; text-transform:capitalize; font-family:'din_regular'; }
.row-fluid .participants-list ul li:first-child { cursor:pointer; }
.row-fluid .participants-list ul li:first-child:before { position:absolute; content:"\f067"; left:3px; top:7px; font-family:"Fontawesome"; }
.row-fluid .participants-box ul li:first-child { width:272px; }
.row-fluid .participants-box ul li:nth-child(2) { width:332px; }
.row-fluid .participants-box ul li:nth-child(3) { width:70px; }
.row-fluid .participants-box ul li a { color:#fefefe; }

.row-fluid .participants-list { float:left; width:100%; }
.row-fluid .participants-details { float:left; width:100%; background:#9ca1af; display:none; }
.row-fluid .participants-details ul { border-bottom:1px solid #0a0a0a; width:calc(100% - 24px); margin-left:24px; }
.row-fluid .participants-details ul li { font-size:11px; color:#0a0a0a; padding-left:0; }
.row-fluid .participants-details ul li:first-child { width:250px; }
.row-fluid .participants-details ul li a { font-size:11px; color:#0a0a0a; }

.row-fluid .participants-list ul li.open:first-child:before { content:"\f00d"; }
.row-fluid .participants-details ul:last-child { border-bottom:0; }

.row-fluid .disaster_content-section2 { padding-bottom:150px; }

.row-fluid .error-pagesec { margin:0; }

.row-fluid .error-pagesec .testimonial-details { margin:0; font-style:normal; font-size:24px; line-height:32px; font-family:'din_regular'; margin-top:0; }
.row-fluid .error-pagesec a { color:#fff; text-decoration:underline; }

.row-fluid .cross_content-title { font-family: 'din_demi'; }
.row-fluid .cross_content-title p { margin-bottom:8px;  font-family:'din_regular'; }
.row-fluid .cross_content-title h4 { font-size:32px; line-height:40px; color:#616880; font-family: 'din_demi'; text-transform:capitalize; }    

body.searched .hide_on_search { display:none; }
body.searched.hs-blog-listing .blog_main { padding-top:80px; padding-bottom:20px; }
body.searched.hs-blog-listing .blog_main .wrapper { max-width:1130px;  padding:0 15px; }
body.searched.hs-blog-listing .listing_hide { display:block !important; width: 252px !important;  /*position:static !important;*/ float:right !important; }
body.searched.hs-blog-listing .listing_full { width:74% !important; margin-left:0 !important;  }

body.searched .gsc-control-cse { padding:0 !important; }
body.searched .gsc-control-cse, body.searched .gsc-control-cse .gsc-table-result {  font-size:16px; line-height:1.5; color:#32333c; font-family: 'brandongrotesque', sans-serif; font-weight:400; }
body.searched .gsc-above-wrapper-area { display:none !important; }
body.searched .gs-no-results-result .gs-snippet { padding: 0; margin: 0; border:none; font-size: 24px; background: none; border-radius: 5px; color: #39C;  }

body.searched .gcsc-branding { display:none !important; }
body.searched .gsc-thumbnail-left { display:block; }
body.searched .gsc-thumbnail-inside , body.searched .gsc-url-top { display:none !important; }
body.searched .gs-web-image-box-landscape, body.searched .gs-web-image-box-portrait { margin-right:20px; }
body.searched .gs-web-image-box-landscape img.gs-image ,
body.searched .gs-web-image-box-portrait img.gs-image { max-width:100%; margin-right:0; max-height:100%; border-radius:10px; width:100%; }
body.searched .gsc-table-result .gsc-thumbnail { width:25%; padding-right:25px; }
body.searched .gsc-table-result .gsc-table-cell-snippet-close { width:75%; }
body.searched .gs-image-box.gs-web-image-box.gs-web-image-box-landscape ,
body.searched .gs-image-box.gs-web-image-box.gs-web-image-box-portrait { width:100%; height:auto; border-radius:5px; }
body.searched .gs-title ,body.searched .gs-title * { font-size: 30px !important; letter-spacing:-1px; font-weight:700; line-height: 1.2; color: #32333c !important; text-decoration:none; height:auto !important; }
body.searched .gsc-webResult.gsc-result { padding:15px 0; }
body.searched .gsc-results .gsc-cursor { display:block; text-align:center; }
.gsc-cursor-page { border-top: 1px solid #bdb9ad;color: #bdb9ad;float: left;margin-left: 10px; background:#fff !important; padding-left: 5px;padding-right: 5px; padding-top: 5px; }
body.searched .gsc-results .gsc-cursor-box .gsc-cursor-page { width:30px;  outline:none; height:34px; line-height:26px;color:#9b9b9b; display:inline-block; text-decoration:none;  }
body.searched .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
body.searched .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {background: #e6e6e6 !important; box-shadow:0 3px 0 #fff inset; }

body.searched .gsc-adBlock { display:none !important; }
body.searched .gsc-table-result .gs-image { height:120px; display:block; overflow:hidden; background-size:cover !important; }
body.searched .gsc-table-result .gs-image img { width:100%; height:120px; }
body.searched .blog_main { padding-top:50px; }

 .row-fluid .participants-raw > span > div { float:left; width:100%; }
.row-fluid .participants-raw > span > div:nth-child(odd) { background:#fff;  }
.row-fluid .participants-raw > span > div:nth-child(odd) li,
.row-fluid .participants-raw > span > div:nth-child(odd) li a { color:#333; } 

table#peering tbody > tr:nth-child(4n+1) td { background:#f5f5f5;  color:#333;  }
table#peering tbody > tr:nth-child(4n+1) td a { color:#333; fill:#f5f5f5 !important; }
table#peering tbody > tr:nth-child(4n+1)  td.closed { background:#f5f5f5 url(https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Image/plus-symbol.png ) no-repeat center;  }
table#peering tbody > tr:nth-child(4n+1)  td.open { background:#f5f5f5 url(https://cdn2.hubspot.net/hubfs/3378618/Markleygroup-2017/Image/cross-icon.png) no-repeat center;  }
table#peering td.openIndicator {
    cursor: pointer;
}

/* Media Query Start */
@media(min-width:1700px){
    .row-fluid .header-ctabox { padding-top:20px; }
    .row-fluid .headervideo-textbox { top:35vh; }


}

@media (max-width:1201px) {
    .row-fluid .main-logo img { margin-left: 20px; }

}
@media (min-width:991px) {
    .row-fluid .key-feature-content  { padding-left:30px; }

}

@media (min-width:1201px) and (max-width:1320px){
    .row-fluid .participants-sec { width:100%; }
    .row-fluid .participants-titles ul li { width:15% !important; }
    .row-fluid .participants-titles ul li:first-child, .row-fluid .participants-titles ul li:nth-child(2) { width:35% !important; }
    .row-fluid .participants-box ul li { width:15% !important; }
    .row-fluid .participants-box ul li:first-child, .row-fluid .participants-box ul li:nth-child(2) { width:35% !important; }
    .row-fluid .btn  a { border-radius:40px; margin-top:25px; text-transform:none; font-family: 'din_demi'; background-color:#ffffff; border:1px solid #5cb8b2; padding:8px 20px!important; float:none; display:inline-block; width:100%!important; text-align:center; }

}

@media (min-width:30px) and (max-width:1200px){ 
.cta-box .cta-content { padding:20px 0; }
.cta-box > div { padding:50px 15px 15px; }
.product-form form,
.submitted-message,
.product-text { padding:15px !important; }
.product-box .btn a { margin-top:15px; }

}


@media(min-width:1024px){
    .row-fluid .mobile-sliderbg { background-image:none !important; }
    
    .row-fluid .main-logo img { width:250px !important; margin-left:41px; padding-left:10px; margin-bottom:0; display:inline-block; vertical-align:baseline; top:0; z-index:1; background:#0a0a0a; position:absolute; padding:15px 10px; }
    .row-fluid .header-right { float:right; }
    

}

@media (min-width:768px) and (max-width:1200px){ 
    
    .row-fluid .testimonial-section { padding:50px 0; }
    .row-fluid .service-imgtextsec .feature-text { padding-right:20px !important; }
    .row-fluid .testimonial-section { font-size:29px; line-height:34px; }
    .row-fluid .testimonial-details { font-size:21px; line-height:24px; }
    
    .row-fluid .datacenter_content-section2 .red-textcolor { padding-bottom:20px; }
    .row-fluid .datacenter_content-section2 .left-sidebar { padding-top:30px; }
    
    .row-fluid .boston-section .container { padding:0; }
    .row-fluid .lowell-section .container { padding:0; }
    .row-fluid .page-title2 h1 { font-size:50px !important; line-height:50px !important; }
    .row-fluid .feature-imgbox h1 { font-size:64px; line-height:96px; left:-50px; top:35px; }
    .row-fluid .lowell-section .feature-imgbox h1 { top:25px; right:-50px; }
    
    .row-fluid .service-imgtextsec .feature-text { padding:40px 25px 50px 45px !important; }
    
    .row-fluid .summer-striplocation h2 { font-size:28px; line-height:34px; padding-bottom:30px; }
    
    .row-fluid .participants-sec { width:100%; }
    .row-fluid .participants-titles ul li { width:15% !important; }
    .row-fluid .participants-titles ul li:first-child, .row-fluid .participants-titles ul li:nth-child(2) { width:35% !important; }
    .row-fluid .participants-box ul li { width:15% !important; }
    .row-fluid .participants-box ul li:first-child, .row-fluid .participants-box ul li:nth-child(2) { width:35% !important; }
    .row-fluid .homeform-section .field,.row-fluid .homeform-section .hs_submit { display:inline-block; vertical-align:top; width:auto !important; }
}


@media (min-width:768px) and (max-width:991px){ 

}

@media (max-width:1023px){ 
    
    .row-fluid .header-inner { height:35vh; }
    .row-fluid .content-section2 .span9 { width:100%; margin:0; }
    .row-fluid .content-section2 .span3 { width:100%; margin:0; }
    
    .row-fluid .content-section2_title h4 { font-size:19px; line-height:24px; }
    .row-fluid .content-section2_title { font-size:19px; line-height:24px; padding-bottom:1px; }
    .row-fluid .content-section2 { padding:30px 0; font-size:16px; line-height:22px; }
    .row-fluid .content-section2 a { font-size:16px; line-height:22px; }
    
    
    .row-fluid .left-sidebar { position:inherit; padding:0; }  
    .row-fluid .left-sidebar .hs-menu-wrapper > ul > li { position:relative; }
    .row-fluid .left-sidebar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { padding:0; margin:0; position:relative;  } 
    
    .row-fluid .testimonial-section .container { padding:0 20px; }
    
    .row-fluid .left-sidebar .hs-menu-wrapper > ul { float:left; width:100%; }
    .row-fluid .left-sidebar .hs-menu-wrapper > ul > li > a { padding:8px 20px; margin-bottom:8px; background:#939597; color:#fff; }
    .row-fluid .left-sidebar .hs-menu-wrapper > ul > li a:before { position:absolute; content:"\f067"; font-family:"FontAwesome"; right:25px; top:7px; color:#fff; }
    .row-fluid .left-sidebar .hs-menu-wrapper > ul > li a.active:before { content:"\f068"; }
    .row-fluid .left-sidebar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a { padding-left:20px; color:#58595b; }
    .row-fluid .left-sidebar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a:before { display:none; }
    .row-fluid .left-sidebar .hs-menu-wrapper > ul > li > ul > li > a:after { left:20px; }
    
    /* Homepage */
    .row-fluid .header-videocode { display:none; }
    .row-fluid .headervideo-textbox { position:relative; top:auto; left:auto; }
    .row-fluid .headervideo-textbox h1 { font-size:34px; line-height:38px; }
    .row-fluid .headervideo-textbox h2 { font-size:19px; line-height:22px; }
    
    .row-fluid .header-ctabox { padding-top:100px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); left:0; right:0; position:absolute; }
    .row-fluid .btn-style { width:100%!important; padding:9px; }
    .row-fluid .btn-style:last-child { margin:0; }
    .row-fluid .headervideo-textslider { position:relative; float:left; width:100%; top:8vh; left:0; right:0; text-align:center; }
    
    .row-fluid .videoWrapper { margin-bottom:30px; }
    .row-fluid .video-iframe .header h1 { font-size:20px; }
    .row-fluid .service-imgtextsec .container { padding:0; }
    .row-fluid .news-videosec { padding:30px 0; }
    .row-fluid .news-videosec iframe { height:250px !important; margin-top:20px; }
    
    .row-fluid .provide-ctasec { padding:40px 0; }
    .row-fluid .provide-ctasec h3 { font-size:26px; line-height:32px; }
    .row-fluid .provide-ctasec .widget-type-cta { width:auto; padding:9px; float:none; display:inline-block; }
    .row-fluid .left-sidebar .hs-menu-wrapper > ul { margin-top:15px; }

}


@media (min-width:992px){
    .row-fluid .key-feature-img { width:50%; float:left; position:absolute; top:0; left:0; height:100%; background-position:left center;   }
.row-fluid .key-feature-content { float:right; width:50%; }


} 

@media (min-width:1315px) and (max-width:1568px){

} 

@media (min-width:1568px) and (max-width:3014px){
  
} 


@media (min-width:768px){
    .row-fluid .paddbtm150 { padding-bottom:150px; }
    
    .row-fluid .error-pagebox { padding:0 170px; }
    .row-fluid .error-pagetitle { font-size:48px; line-height:51px; font-family:'din_regular'; }
   

}



@media (max-width:767px){
    
    .row-fluid .header-inner { height:35vh; }
    .row-fluid .content-section2_title h4 { font-size:19px; line-height:24px; }
    .row-fluid .content-section2_title { font-size:19px; line-height:24px; padding-bottom:1px; }
    .row-fluid .content-section2 { padding:30px 0; font-size:16px; line-height:22px; }
    .row-fluid .content-section2 a { font-size:16px; line-height:22px; }
    
    
    .row-fluid .left-sidebar { position:inherit; padding:0; }  
    .row-fluid .left-sidebar .hs-menu-wrapper > ul > li { position:relative; }
    .row-fluid .left-sidebar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { padding:0; margin:0; position:relative;  } 
    
    .row-fluid .feature-imgbox { width:100%; position:relative; height:250px; }
    .row-fluid .service-imgtextsec .feature-text { width:100%; float:left; padding:30px 15px 50px !important; }
    
    .row-fluid .testimonial-section { padding:50px 0; font-size:22px; line-height:29px; }
    .row-fluid .testimonial-details { font-size:19px; line-height:22px; }
    .row-fluid .testimonial-section .container { padding:0 20px; }
    
    .row-fluid .left-sidebar .hs-menu-wrapper > ul { float:left; width:100%; }
    .row-fluid .left-sidebar .hs-menu-wrapper > ul > li > a { padding:8px 20px; margin-bottom:8px; background:#939597; color:#fff; }
    .row-fluid .left-sidebar .hs-menu-wrapper > ul > li a:before { position:absolute; content:"\f067"; font-family:"FontAwesome"; right:25px; top:7px; color:#fff; }
    .row-fluid .left-sidebar .hs-menu-wrapper > ul > li a.active:before { content:"\f068"; }
    .row-fluid .left-sidebar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a { padding-left:20px; color:#58595b; }
    .row-fluid .left-sidebar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper a:before { display:none; }
    .row-fluid .left-sidebar .hs-menu-wrapper > ul > li > ul > li > a:after { left:20px; }
    
    .row-fluid .datacenter_content-section2 .red-textcolor { padding-bottom:20px; }
    .row-fluid .datacenter_content-section2 .left-sidebar { padding-top:30px; }
    
    .row-fluid .boston-section .container { padding:0; }
    .row-fluid .lowell-section .container { padding:0; }
    .row-fluid .page-title2 h1 { font-size:50px !important; line-height:50px !important; }
    .row-fluid .feature-imgbox h1 { font-size:48px; line-height:72px; left:-31px; top:20px; }
    .row-fluid .lowell-section .feature-imgbox h1 { right:-25px; left:auto; top:20px; }
    
    .row-fluid .provide-ctasec h3 br { display:none; }
    .row-fluid .recovery-imgtextsec .feature-text { min-height:1px; } 
    
    .row-fluid .twocolumn-listingtext { min-height:auto; }
    .row-fluid .twocolumn-listingtext { margin-bottom:20px; } 
    
    .row-fluid .carriers-listing { margin-bottom:15px; height:auto !important; float:left; width:100%; }
    .row-fluid .carriers-title { padding:0; }
    
    .row-fluid .storage-listingtext { margin-bottom:20px; height:auto !important; } 
    .row-fluid .storage-listingtext:last-child { margin:0; }
    .row-fluid .min-height400 { min-height:1px; }
    
    
    .row-fluid .colocation_content-section2 h4 { line-height:24px; }
    .row-fluid .summer-striplocation { padding:30px 0; }
    .row-fluid .summer-striplocation h2 { font-size:24px; line-height:30px; padding-bottom:30px; }
    .row-fluid .summer-striplocation .widget-type-cta { padding:9px; }
    .row-fluid .left-sidebar ul { padding-left:0; }
    
    .row-fluid .participants-sec { padding:30px 0; }
    .row-fluid .participants-sec { width:100%; }
    .row-fluid .participants-titles ul { display:none; }
    .row-fluid .participants-box ul li { padding:7px 20px 7px 100px; width:100% !important; }
    .row-fluid .participants-list ul li:first-child:before { left:80px; font-size:10px; }
    .row-fluid .participants-list ul li:first-child:after { content:"NAME:"; left:0; font-family:Trebuchet MS; position:absolute; }
    .row-fluid .participants-list ul li:nth-child(2):before { content:"URL:"; left:0; font-family:Trebuchet MS; position:absolute; }
    .row-fluid .participants-list ul li:nth-child(3):before { content:"ASN:"; left:0; font-family:Trebuchet MS; position:absolute; }
    .row-fluid .participants-list ul li:last-child:before { content:"POLICY:"; left:0; font-family:Trebuchet MS; position:absolute;  }
    
    .row-fluid .participants-details ul { border:0; margin-bottom:20px; }
    .row-fluid .participants-details ul li { position:relative; border-bottom:1px solid #000; } 
    .row-fluid .participants-details ul li:first-child:before { content:"NAME:"; left:0; font-family:Trebuchet MS; position:absolute; }
    .row-fluid .participants-details ul li:nth-child(2):before { content:"URL:"; left:0; font-family:Trebuchet MS; position:absolute; }
    .row-fluid .participants-details ul li:nth-child(3):before { content:"ASN:"; left:0; font-family:Trebuchet MS; position:absolute; }
    .row-fluid .participants-details ul li:last-child:before { content:"POLICY:"; left:0; font-family:Trebuchet MS; position:absolute;  }
    
    .row-fluid .participants-raw > span > div { float:left; width:100%; margin-bottom:20px; }

    /* Table Responsive Css */
    .row-fluid .participants-sec table.tablesorter thead { display:none; }
    table#peering tbody { float:left; width:100%; }
    .row-fluid .participants-sec table#peering tr.participant-titlebox { height:auto; padding-bottom:30px; float:left; width:100%; background:#f5f5f5; color: #333f48 !important; }
    .row-fluid .participants-sec table#peering td.closed, .row-fluid .participants-sec table#peering td.open { background-color:#f5f5f5 !important;padding:0 !important; background-size:15px; background-position:left center; height:30px; }
    .row-fluid .participants-sec table#peering > tbody > tr.participant-titlebox:first-child td { background-color:#f5f5f5 !important;border-top:1px solid #fff; }
    .row-fluid .participants-sec table#peering > tbody > tr.participant-titlebox > td { background-color:#f5f5f5 !important;border-bottom:0; }
    .row-fluid .participants-sec table.tablesorter tbody tr.participant-titlebox td { background-color:#f5f5f5 !important;position:relative; padding:7px 20px 7px 100px !important; float:left; width:100% !important; min-height:30px; border-bottom:0; }
    .row-fluid .participants-sec table.tablesorter tbody tr.participant-titlebox td:before { background-color:#f5f5f5 !important;position:absolute; content:""; left:0; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }    
    .row-fluid .participants-sec table.tablesorter tbody tr.participant-titlebox td:nth-child(2):before { content:"NAME:"; }
    .row-fluid .participants-sec table.tablesorter tbody tr.participant-titlebox td:nth-child(3):before { content:"URL:"; }
    .row-fluid .participants-sec table.tablesorter tbody tr.participant-titlebox td:nth-child(4):before { content:"ASN:"; }
    .row-fluid .participants-sec table.tablesorter tbody tr.participant-titlebox td:nth-child(5):before { content:"POLICY:"; }
    
    
    /* Participant Detail Table Responsive */
    table#peering tr.participant-detail td table.participant-detail-table { color: #333f48 !important; background-color:#f5f5f5 !important;margin-bottom:35px !important; }
    table.participant-detail-table tr { float:left; width:100%; color:#333f48 !important; border-bottom:1px #f5f5f5 solid; background-color:#f5f5f5 !important; padding:0 15px; height:auto !important; }
    table#peering tr.participant-detail td table.participant-detail-table > tbody tr > td:first-child { color: #333f48 !important; background-color:#f5f5f5 !important;float:left; width:40% !important; }
    table#peering tr.participant-detail td table.participant-detail-table > tbody tr > td { color: #333f48 !important;background-color:#f5f5f5 !important; width:60% !important; border:0; }
    table#peering tr.participant-detail td table.participant-detail-table > tbody tr td { color: #333f48 !important; background-color:#f5f5f5 !important;border:0 !important; }
    table#peering tr.participant-detail > td { border:0 !important; }
    
    
}

@media(max-width:640px){
    .row-fluid .content-section2 .container { padding:0; }
    .row-fluid .content-section2 .span9 { padding:0 20px; }
    .row-fluid .page-title2 h1 { font-size:29px !important; line-height:32px !important; }

}