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

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

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

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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




/* HTML 5 Reset */

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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




/*****************************************/
/* Custom Fonts                          */
/*****************************************/

@font-face {
    font-family: 'gotham_bookregular';
    src: url('https://www.urbanbound.com/hs-fs/hub/108270/file-1563269093.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('https://www.urbanbound.com/hs-fs/hub/108270/file-1566271021.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_boldregular';
    src: url('https://www.urbanbound.com/hs-fs/hub/108270/file-1566271016.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
font-family:'urbanicons';
src:url('https://www.urbanbound.com/hs-fs/hub/108270/file-1678462458.woff') format('woff');
font-weight:normal;font-style:normal
}

@font-face{
font-family:'urbaniconsstreamlined';
src:url('https://www.urbanbound.com/hs-fs/hub/108270/file-1685479229.woff') format('woff');
font-weight:normal;font-style:normal
}

/*****************************************/
/* General Styles                        */
/*****************************************/


html {-webkit-font-smoothing: antialiased;}
body {font-family: 'gotham_bookregular'; margin: 0; padding: 0;}
p{ font-size:18px; color:#70797c; line-height:25px;}
strong, b {font-family: 'gotham_boldregular'; font-weight: normal;}
h1,h2,h3,h4,h5 {font-family: 'gotham_boldregular'; font-weight: normal; color: #1f2324;}
img {height: auto;}
.content {max-width: 1100px; padding: 0 10px; margin: 0 auto;}
.clearme {clear: both;}
.content h1 {font-size: 48px; text-align: center;}
.content h3 {color: #70797c; font-size: 30px; font-family: 'gotham_bookregular';}

.software-icons {font-family: 'urbaniconsstreamlined';}

/*****************************************/
/* Header Styles                         */
/*****************************************/
.header-wrap {background-color: #01aff0; padding: 40px 0; -webkit-transition: .25s !important;
transition: .25s !important;}
.header-wrap.after100{ padding: 15px 0; -webkit-transition: .25s !important;
transition: .25s !important;}

.main-nav {text-align: right; padding-right: 50px; background-color: #2b2b2b; opacity: .8;}
.main-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {font-size: 18px; color:#fff; font-family: 'gotham_boldregular'; padding: 10px 0 10px 35px; text-transform:uppercase;}
.main-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover {color: #00afef;}
.main-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-child a {font-family: 'gotham_bookregular';}
.logo {max-width: 280px !important; margin-top: 9px;padding-left: 20px;}


@media (max-width: 1115px){
.main-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
font-size: 16px;
color: #fff;
font-family: 'gotham_boldregular';
padding: 16px 0 6px 25px;
text-transform: uppercase;
}
}

@media (max-width: 945px){
.main-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
font-size: 14px;
color: #fff;
font-family: 'gotham_boldregular';
padding: 18px 0 6px 15px;
text-transform: uppercase;
}
}

@media (max-width: 767px){
.main-nav {display:none;}
}

.header-container-wrapper{
    position:fixed;
    z-index:999999;
    width:100%;
}


.body-container-wrapper .row-fluid-wrapper .row-depth-1.row-number-1:first-of-type{
    margin-top:0;
}


.header-wrap img{
    opacity:1;
    max-width: 100%;
}

.header-wrap img.hide-it{
    opacity:0 !important;
    -webkit-transition: .75s;
transition: .75s;
}

.header-wrap img.show-it{
    opacity:1 !important;
    -webkit-transition: .75s;
transition: .75s;
}

.hide-it{
    opacity:0 !important;
    -webkit-transition: .25s !important;
transition: .25s !important;
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
}

.hide-start{
    opacity:0;
}



.hs-menu-children-wrapper {background-color: #2b2b2b; opacity: .8; text-align: left; z-index: 10000 !important;} 
.hs-menu-children-wrapper a {font-family: 'gotham_boldregular' !important;}



/*****************************************/
/* Software Page 2.0                     */
/*****************************************/


.differentiators-main-software-wrap{
    background-color: #eaeff1 ;
    text-align:center;
    padding: 20px 0 80px;
}

.differentiators-main-software-wrap .right-border{
    border-right: 1px solid #c0cacd;
    padding-right: 20px;
}

.differentiators-main-software-wrap h2{
    color:#454b4d;
    font-size:34px;
    line-height:39px;
    margin-bottom:55px;
}

.differentiators-main-software-wrap h4{
    color:#00afef;
    font-size: 18px;
    text-transform:uppercase;
}

.differentiators-main-software-wrap p{
    color: #454b4d;
    font-size: .9em;
    line-height: 1.6em;
    text-align: left;
    margin-top: 15px;
}



/*****************************************/
/* Software Page 2.0 - Features          */
/*****************************************/
.softwareheader-wrap {
    text-align: left; 
    height: 450px;
    background-color: #2b2b2b;
 }

 #coworker-insights {
    background-image: url('//resources.urbanbound.com/hubfs/2.0_Website/software_features/software-header-generic.png');
    height: 450px;
    width: 100%!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%!important;
    background-size: cover!important;
 }

.softwareheader-wrap h1{
    font-family: 'gotham_boldregular';
    color:#FFFFFF;
    font-size:40px;
    font-weight:40px;
    line-height:42px;
    margin-bottom:40px;
    text-align:left;
}

.softwareheader-wrap h3{
    display: block;
    color:#FFFFFF;
    font-size: 1.3em;
    -webkit-margin-before: .4em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.softwarefeature-icons {
    color:#FFFFFF;
    display:table-cell;
    vertical-align:middle;
    font-size:80px; 
    margin-top: 25px;
}

.softwarefeature-icons p{
    color:#FFFFFF;
    font-size:18px;
    text-align:center;
}

.featurepage-description-wrap {
    background-color: #2b2b2b;
    color: #FFFFFF;
    padding-top: 155px;
    padding-bottom: 40px;
}

.featurepage-description-wrap .description{
    padding-right: 40px;
    border-right: 1px solid #FFFFFF;
}

.featurepage-description-wrap p{
    color: #FFFFFF;
}

.featurepage-description-wrap h3{
    display: block;
    color: #FFFFFF;
    font-size:22px;
    text-transform: uppercase;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.featurepage-description-wrap img{
    padding-left: 100px;
}

.differentiators-wrap{
    background-color: #FFFFFF;
    text-align:center;
    padding: 20px 0 80px;
}

.differentiators-wrap .right-border{
    border-right: 1px solid #c0cacd;
    padding-right: 20px;
}

.differentiators-wrap h2{
    color:#454b4d;
    font-size:34px;
    line-height:39px;
    margin-bottom:55px;
}

.differentiators-wrap h4{
    color:#00afef;
    font-size: 18px;
    text-transform:uppercase;
}

.differentiators-wrap p{
    color: #454b4d;
    font-size: .9em;
    line-height: 1.6em;
    text-align: left;
    margin-top: 15px;
}

.differentiator-icon {
    color:#00afef;
    display:table-cell;
    vertical-align:middle;
    font-size: 33px; 
}

.featurehighlight-wrap{
    background-color: #eaeff1;
    text-align:left;
    padding-bottom: 100px;
    padding-top: 90px;
    color: #454b4d;
}

.featurehighlight-wrap .highlightcopy{
    padding-top: 20px;
}

.featurehighlight-wrap h2{
    color: #454b4d;
}

.featurehighlight-wrap p{
    padding-bottom: 13px;
    color: #70797c;
}

.feature-testimonial-wrap {
    background-color: #00afef;
    text-align:center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.feature-testimonial-wrap img{
    padding-top:10px;
}

.feature-testimonial-wrap h3{
    color: #ffffff;
}

.feature-testimonial-wrap h4{
    color: #eaeff1;
    margin-top: 1px;
    padding-bottom: 10px;
}

.feature-testimonial-icon {
    color:#FFFFFF;
    display:table-cell;
    vertical-align:middle;
    font-size:35px; 
    margin-top: 10px;
 
}

@media (max-width: 767px){
   .featurepage-description-wrap {padding-top: 150px!important;}
   .featurepage-description-wrap img {padding-left:44px!important; max-width:100%!important;}
   .softwareheader-wrap img{display:none;!important;}
}


/*****************************************/
/* Home Page 2.0                             */
/*****************************************/
.newheader-wrap {
    text-align: left; 
    background-image: url('https://resources.urbanbound.com/hubfs/UrbanBound-Header-V2.jpg');
    height: 600px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
 }
 
.newheader-wrap h1{
    font-family: 'gotham_bookregular';
    color:#FFFFFF;
    font-size:40px;
    line-height:42px;
    margin-bottom:40px;
    text-align:left;
}

.video-wrap {
    background-color: #00afef; 
    text-align:center;
}

.video-wrap h2{
    color:#ffffff;
    font-size:34px;
    line-height:39px;
    margin-bottom:15px;
}

.video-wrap h4{
    color:#ffffff;
    font-size:24px;
    line-height:15px;
    margin-top:0;
}

.video-wrap img{
    margin-top:75px;
}

.video-wrap a{
    color:#ffffff;
}

.software-wrap {
    text-align: center; 
    background-image: url('//resources.urbanbound.com/hubfs/2.0_Website/home/website_2016_homepage_grey_spacer_square_ew16.gif'); 
    background-position: center bottom; 
    background-repeat: repeat-x;
}
 
.clients-wrap{
    background-color: #eaeff1;
    text-align:center;
    padding: 0px 0 280px;
}

.clients-wrap .right-border{
    border-right: 1px solid #c0cacd;
}

.clients-wrap .right-top-border{
    border-right: 1px solid #c0cacd;
    border-top: 1px solid #c0cacd;
}

.clients-wrap .bottom-border{
    border-bottom: 1px solid #c0cacd;
}

.clients-wrap .small-client-logos {
    margin-top: 5%;
}

.clients-wrap h2{
    color:#454b4d;
    font-size:34px;
    line-height:39px;
    margin-bottom:55px;
}

.clients-wrap p{
    color: #70797c;
    font-size: .85em;
    line-height: 1.6em;
    text-align: left;
    margin-top: 15px;
    padding-right: 20px;
}

.software-features-wrap {
    background-color:#ffffff;
    padding: 20px 0 80px;
}

.software-features-wrap .software-features-boxes {
    text-align:center;
}

.software-features-wrap h2{
    text-align: center;
    color:#454b4d;
    font-size:34px;
    line-height:39px;
    margin-bottom:55px;
}

.software-features img:last-of-type {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}

.software-features img:first-of-type{
    opacity:1;
    -webkit-transition: .25s;
    transition: .25s;
    z-index:6;
    position:relative;
}

.software-features img:first-of-type:hover{
    opacity:0;
    -webkit-transition: .25s;
    transition: .25s;
}

.software-features {
    position:relative;
    float:left;
    width:30%;
    margin-left:5%;
    margin-bottom:26px;
}

.software-features:first-of-type{
    margin-left:0;
   
}

.testimonial-spacer-wrap {
    background-color: #1f2324;
    text-align:center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.testimonial-spacer-wrap img{
    padding-top:10px;
}

.testimonial-spacer-wrap h3{
    color: #ffffff;
}

.testimonial-spacer-wrap h4{
    color: #70797c;
    margin-top: 1px;
}


#Microstrategy {
   background-image: url('//resources.urbanbound.com/hubfs/Website/Website_2016/microstrategy_grey_logo_as16.png');
   height: 80px;
   width: 330px;
   
}

#Microstrategy:hover {
   background-image: url('//resources.urbanbound.com/hubfs/Website/Website_2016/microstrategy_red_logo_as16.png');
    height: 80px;
    width: 330px;

}

#DPR {
   background-image: url('//resources.urbanbound.com/hubfs/Website/Website_2016/DPR_logo_grey_as16.png');
   height: 80px;
   width: 338px;
   
}

#DPR:hover {
   background-image: url('//resources.urbanbound.com/hubfs/Website/Case%20Studies/DPR%20Construction/DPR_logo_color_trans_as16.png');
   height: 80px;
   width: 338px;

}

#DollarShaveClub {
   background-image: url('//resources.urbanbound.com/hubfs/Website/Case%20Studies/Dollar%20Shave%20Club/DSC_logo_grey_website_final_as17.png');
   height: 80px;
   width: 338px;
   
}

#DollarShaveClub:hover {
   background-image: url('//resources.urbanbound.com/hubfs/Website/Case%20Studies/Dollar%20Shave%20Club/DSC_logo_color_website_final_as17.png');
   height: 80px;
   width: 338px;

}

.software-highlight-wrap {
    background-color: #ffffff;
}

.software-highlight-wrap img{
    width: 100% !important;
}
.software-highlight-wrap .software-highlight-description{
    padding-top: 60px;
    padding-left: 150px;
    padding-right: 50px;
}

.software-highlight-wrap h3{
    font-size: 1.7em;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: .2em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.software-highlight-wrap p{
    margin-bottom: 30px;
}

.ebooks-wrap {
    background-color: #eaeff1;
    text-align:center;
    padding: 20px 0 80px;
}

.ebooks-wrap h2{
    color:#454b4d;
    font-size:34px;
    line-height:39px;
    margin-bottom:35px;
}

.demo-wrap {
    color: #fff;
    text-align: center;
    background-color: #1f2324; 
    background-position: center top; 
    background-repeat: no-repeat; 
    background-size: 137px 69px; 
    padding: 30px 0;
}

@media (max-width: 767px){
   .software-highlight-wrap .software-highlight-description {padding-top: 20px!important; padding-left: 50px!important; padding-right: 20px!important;}

}


/*****************************************/
/* FOOTER                                */
/*****************************************/
.footerWrap {
     padding-top: 50px;
     padding-bottom: 50px;
     background-color: #2b2b2b;
     margin-bottom: -20px;
 }
 .footerWrap p{font-size: 16px;}
 
@media (max-width: 767px){
    .footerWrap {padding-left: 20px; padding-right: 20px;}
    .footerWrap *{text-align: center !important;}
}
 
 .footerContent {
     max-width: 1080px;
     margin: 0 auto;
}
.latest-blog-posts h2,.connect-with-us h2,.how-to-find-us h2 {
    font-weight: 300;
    color: #00afef;
}
.latest-blog-posts {
    color: #fff;
    font-weight: 300;
}
.latest-blog-posts .rssHeader{
    display: none;
}
.latest-blog-posts .rssBody div{
    display: none;
}
.latest-blog-posts ul{
    margin-top: 0 !important;
    -webkit-margin-before: 0;
    -webkit-padding-start: 0px;
}
.latest-blog-posts h4{
    margin: 0 !important;
    -webkit-margin: 0;
    -webkit-padding: 0px;
}
.latest-blog-posts h4 a{
    color: #00afef;
    text-decoration: none;
}
.latest-blog-posts p{
    margin-top: 0;  
}

.connect-box {
    background-color: #00afef;
    padding: 1px 10px 20px 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 70px;
}

.connect-with-us {
    text-align: center;
}
.how-to-find-us {
    text-align: right;
    font-weight: 300;
    color: #fff;
}
.how-to-find-us a{
    color: #00afef;
    text-decoration: none;
}
.copyright {
    color: #fff;
    font-weight: 300;
}
.bottom-links {
    text-align: right;
    font-weight: 300;
}
.bottom-links a{
    text-align: right;
    color: #00afef;
    text-decoration: none;
}


/*****************************************/
/* CTA Styles                      */
/*****************************************/


.cta_button{
    text-transform:uppercase;
    padding: 0px 50px;
    font-size:19px;
    text-decoration:none;
    font-family: 'gotham_boldregular';
    -webkit-transition: .25s;
    transition: .25s;
    z-index: 0;
    position: relative;
    display:inline-block !important
}

.cta_button:hover{
    color:#ffffff;
    -webkit-transition: .25s;
    transition: .25s;
}


.cta-orange-stroke{
    color:#ff7d00;
    border:2px solid #ff7d00;
    
}

.cta-orange-stroke:hover{
    background-color:#ff7d00;
}

.cta-green{
    color:#52d164;
    border:2px solid #52d164;
}

.cta-green:hover{
    background-color:#52d164;
}

.cta-white{
    color:#fff;
    border:2px solid #fff;
}

.cta-white:hover{
    background-color:#00afef;
}

.cta-gray{
    color:#454b4d;
    border:2px solid #454b4d;
}
.cta-gray:hover{
    background-color:#454b4d;
}

.cta-small-blue-rectangle{
    
    padding:15px;
    font-size:20px !important;
    color:#00afef;
    border:2px solid #00afef;
    
}

.cta-small-blue-rectangle:hover{
    
    background-color:#00afef;
    
}

.hovering .cta-small-blue-rectangle{
    color:#ffffff;
    background-color:#00afef;
    
}

.resource-cta{
    text-align:center !important;
    margin: 50px 0 20px 14% !important;
    width: 24%!important;
}

.resource-cta1{
    margin-left:0 !important;
}

.clients-wrap .cta_button{
    margin:50px 0;
}


.ub-2014.home .widget-type-cta img{
}

.cta-microstrategy{
    padding: 15px;
    font-size:15px !important;
    color:#EA1F24;
    border:2px solid #EA1F24;
}

.cta-microstrategy:hover{
    background-color:#EA1F24;
    
}

.cta-DPR{
    padding: 15px;
    font-size:15px !important;
    color:#1D5280;
    border:2px solid #1D5280;
}

.cta-DPR:hover{
    background-color:#1D5280;
    
}

.cta-DollarShaveClub{
    padding: 15px;
    font-size:15px !important;
    color:#F26B31;
    border:2px solid #F26B31;
}

.cta-DollarShaveClub:hover{
    background-color:#F26B31;
    
}

/*****************************************/
/* HOME FORM !!!!!!!!!                     */
/*****************************************/

.demo-wrap h1{
    color:#ffffff;
}
.demo-wrap h3{
    color: #70797c;
    text-align:center;
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: .1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.demo-wrap .widget-type-form label{
    display:none;
}

.demo-wrap .hs-form fieldset.form-columns-1 .hs-input{
    width:100%;
}

.demo-wrap .hs-form fieldset.form-columns-1 .input{
    margin-right:0;
}

.demo-wrap input, .demo-wrap textarea{
    background-color:#2a2e2f;
    padding:30px 15px;
    font-size:20px;
    color:#dee1e6;
    margin-bottom:15px;
    border:0 !important;
}

.demo-wrap textarea{
    padding: 19px 15px 18px;
}

.demo-wrap .hs-form fieldset {
    margin: 0 auto !important;
    max-width: 710px !important;
}


.demo-wrap select.hs-input {
     -webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
     -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
    padding:30px 15px;
    font-size:20px;
    color:#dee1e6 !important;
    margin-bottom:15px;
    border:0 !important;
    border-radius:0 !important;
    background: #2a2e2f url(//resources.urbanbound.com/hs-fs/hub/108270/file-1687792032-png/input-dd-arrows.png) no-repeat 95% 50%;
    background-size:20px 27px;
    cursor:pointer !important;
}

.demo-wrap .hs-form fieldset.form-columns-2 .hs-form-field {
width: 49% !important;
float: left !important;
}

.demo-wrap .hs-form fieldset.form-columns-2 .hs-form-field:last-of-type {
float: right !important;
}

.demo-wrap .hs-form fieldset.form-columns-2 .input {
margin-right: 0 !important;
}

.demo-wrap p{
    text-align:center;
    color:#ffffff;
    font-size:22px;
}

.demo-wrap .actions{
    text-align:center;
}

.demo-wrap input.hs-button{
    text-transform:uppercase;
    padding:15px 30px !important;
    font-size:20px !important;
    text-decoration:none;
    font-family: 'gotham_boldregular';
    -webkit-transition: .25s;
    transition: .25s;
    z-index: 999998;
    position: relative;
    display:inline-block !important;
    color:#00afef !important;
    border:2px solid #00afef !important;
    cursor:pointer;
    background:transparent;
}

.demo-wrap input.hs-button:hover{
    color:#ffffff !important;
    background-color:#00afef;
    -webkit-transition: .25s;
    transition: .25s;
}

.demo-wrap ul {
    list-style-type: none !important; 
}

.demo-wrap .hs-input.invalid {
    border-bottom: 2px solid #00afef !important;
}

.demo-wrap .hs-error-msgs label {
    display: none;
}

::-webkit-input-placeholder {
   color: #dee1e6;
}

:-moz-placeholder { /* Firefox 18- */
   color: #dee1e6;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #dee1e6;  
}

:-ms-input-placeholder {  
   color: #dee1e6;  
}


/*****************************************/
/* ABOUT                    */
/*****************************************/
.about-subnav-wrap .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
display: inline-block;
padding: 10px 20px;
white-space: nowrap;
max-width: 500px;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
font-size:36px;
color:#000000;
text-transform:uppercase;
}

.about-subnav-wrap .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active a{
    font-family: 'gotham_boldregular';
}

.about-subnav-wrap{
    margin-top:60px;
    display: none;   /*removed this nav bar per client request */
} 
.about-subnav-wrap .widget-type-menu{
width: initial !important;
display: inline-block !important;
float: left;
margin-left: 29px;
margin-top: 8px;
}


.about-subnav-wrap .widget-type-linked_image{
    width:280px !important;
}

.about-headline-wrap{
    background-position: top center;
    height: 478px;
    display: table;
    width: 100%;
    background-repeat:no-repeat;
    margin-top: -10px;
}

.about-headline-wrap .content{
    display:table-cell;
    vertical-align:middle;
}


.about-headline-wrap h1{
    text-align:center;
    font-size:72px;
    color:#ffffff;
    text-transform:uppercase;
    margin-top:-150px;
}

.value-wrap{
    padding:20px 0 50px;
    text-align:center;
}

.value-wrap img{
    max-width:140px;
}

.value-wrap p{
    text-align:center;
    font-size:18px;
    color:#01aff0;
    text-transform:uppercase;
}

.ub-story-wrap{
    background-color:#dee1e6;
    padding:20px 0 80px;
    text-align:center;
}





/*****************************************/
/* Careers                  */
/*****************************************/

.blue-title{
    text-align:center;
}

.blue-title h1{
    color:#00afef;
    margin-top:0;
    padding-top:15px;
    border-top:4px solid #00afef;
    display:inline-block;
    margin-bottom:50px;
}

.overview-wrap h3{
    text-align:center;
    padding:0 50px;
}

.job-list-icon{
font-size: 70px;
color: #ffffff;
display:table-cell;
vertical-align:middle;

}

.job-list-icon-wrap{
    width:140px;
    height:140px;
    text-align:center;
    display:table;
    border: 0;
    background-color:#00afef;
border-radius: 140px;
float: left;
}

.job-listing{
    clear:both;
}

.job-info-wrap{
    width:80%;
    margin-left:15px;
    float:left;
    margin-bottom:35px;
}

.job-description .hs-cta-wrapper{
    float:right;
}

.job-title{
    color:#1f2324;
    font-size:30px;
    text-transform:uppercase;
    font-family: 'gotham_boldregular';
    margin-bottom:25px;
}



.questions-icon{
font-size: 35px;
color: #00afef;
display:table-cell;
vertical-align:middle;

}

.questions-icon-wrap{
    width:70px;
    height:70px;
    text-align:center;
    display:table;
    border: 4px solid #00afef;
border-radius: 50px;
float: left;
}

.question-text{
    float:left;
    margin-top:25px;
    width:86%;
    margin-left:15px;
}

.question-text p{
    color:#01aff0;
    font-size:18px;
    text-transform:uppercase;
    font-family: 'gotham_boldregular';
    background-color:#ffffff;
    padding-left:115px;
    margin-top:0;
}

.question-text span{
    width:100px;
    height:4px;
    background-color:#00afef;
    position:absolute;
    margin-top:8px;
}

.answer-text{
    clear:both;
    margin-left:115px;
}

.question{
    margin-bottom:50px;
}


.q-and-a-wrap h2{
    text-align:center;
    font-size:36px;
    margin-top:30px;
    margin-bottom:30px;
    
}

.ub-culture-wrap, .quote-wrap{
    min-height:400px;
    
    
}

.quote-wrap .content {padding-bottom: 25px;}

.parallax{

    background-size:cover;
    background-attachment:fixed;
}

.mobile .parallax{
    background-attachment:scroll;
}

.plant-photo-wrap-parallax.parallax{
    
}

.parallax-source{
    display:none;
}


.quote-wrap p{
    font-size:36px;
    color:#ffffff;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    max-width:1100px;
    line-height: normal;
    
}

.quote-wrap p:first-of-type{
    text-align:left;
    margin:0 auto;
    background-image:url("//www.urbanbound.com/hs-fs/hub/108270/file-1695923042-png/start-quote.png"), url("//www.urbanbound.com/hs-fs/hub/108270/file-1695923037-png/quote-end.png");
    background-size:116px 88px;
    background-position:top left, bottom right;
    background-repeat:no-repeat;
    padding:30px;
}

.quote-wrap p:last-of-type{
    margin-bottom:0;
}

.ub-culture-wrap .content, .quote-wrap .content{
    display:table-cell;
    vertical-align:middle;
    
}

.ub-culture-wrap .content h1{
    color:#ffffff;
    margin-top:0;
    text-align: center;
    font-size: 3.5em;
}

.culture-wrap h2{
    text-align:center;
    font-size:36px;
}

.culture-wrap{
    padding-top:30px;
    padding-bottom:20px;
}

.ub-culture-tint{
height: 100%;
background: rgba(0,0,0,.5);
display:table;
    width:100%;
    min-height: 400px;
}

.featured-position img:last-of-type {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}

.featured-position img:first-of-type{
    opacity:1;
    -webkit-transition: .25s;
transition: .25s;
z-index:6;
position:relative;
}

.featured-position img:first-of-type:hover{
    opacity:0;
    -webkit-transition: .25s;
transition: .25s;
}

.featured-position {
    position:relative;
    float:left;
    width:30%;
    margin-left:5%;
    margin-bottom:26px;
    margin-top:40px;
}
.featured-position:first-of-type{
    margin-left:0;
}

.building-icon img:last-of-type {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.building-icon img:first-of-type{
    opacity:1;
    -webkit-transition: .25s;
transition: .25s;
position:relative;
background-color:#ffffff;
}

.building-icon img:first-of-type:hover{
    opacity:0;
    -webkit-transition: .25s;
transition: .25s;
}

.building-icon {
    position:relative;
    float:left;
    margin-bottom:26px;
    margin-top:40px;
}

.building-icon:first-of-type{
    margin-left:0;
}

.building-icon img{
    width:100% !important;
}

.building-icon1{
    width:148px;
}

.building-icon1 img{
 margin-top:60px;   
}
    

.building-icon2{
    width:163px;
    margin-left:30px;
}
.building-icon2 img{
    margin-top:114px;
}

.building-icon3{
    width:117px;
    margin-left:22px;
}

.building-icon3 img{
    margin-top:61px;
}

.building-icon4{
    width:140px;
    margin-left:21px;
}

.building-icon4 img{
    margin-top:84px;
}

.building-icon5{
    width:136px;
    margin-left:16px;
}

.building-icon5 img{
    margin-top:59px;
}

.building-icon6{
    width:127px;
    margin-left:14px;
}

.building-icon6 img{
    margin-top:78px;
}

.building-icon7{
    width:152px;
}

.building-links-wrap{
    background-image:url("//resources.urbanbound.com/hs-fs/hub/108270/file-1687391469-gif/clouds.gif");
    background-repeat:no-repeat;
    backround-position:center;
    background-size:849px 106px;
}

.buildings-wrapper {
   text-align:center; 
}

.buildings-wrapper h1{
    color:#00afef;
    text-align:center;
    padding-top:15px;
    display:inline-block;
}

.buildings-wrapper h3{
    text-align:center;
    padding:0 50px;
    
}

.featured-positions-wrap{
    background-color:#dee1e6;
    padding: 20px 0 80px;
    margin-top:50px;
}

.featured-positions-wrap h1{
    text-align:center;
}

.careers-subnav{
    text-align:center;
    margin-bottom: 100px;
}

.careers-subnav .hs-menu-wrapper.hs-menu-flow-horizontal>ul{
    text-align:center;
    margin:0 auto;
    width:100%;
    display:inline-block;
}

.careers-subnav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li{
    height:80px;
    display:table;
    border:3px solid #36424a;
    border-right:0;
    width:160px;
    box-sizing: border-box;
}

.careers-subnav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-of-type{
    border-right:3px solid #36424a;
}

.careers-subnav .hs-menu-wrapper{
    display:inline-block;
}



.careers-subnav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
display: table-cell;
vertical-align:middle;
padding:0 15px;
white-space: inherit;
text-align:center;
max-width: 500px
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
color:#36424a;
font-size:16px;
font-family: 'gotham_boldregular';
text-transform:uppercase;
-webkit-transition: .25s;
transition: .25s;
}

.careers-subnav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:hover a {
background-color:#f1f1f1;
-webkit-transition: .25s;
transition: .25s;
}


.careers-subnav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active a, .careers-subnav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active:hover a {
    background-color:#36424a;
    color:#ffffff;
}

@media (max-width: 767px){
    .building-icon {width: 50%; margin: 25px auto; padding: 0; text-align: center; float: none;}
    .building-icon:first-of-type {margin: 25px auto;}
    .featured-position {width: 50%; margin: 25px auto; padding: 0; text-align: center; float: none;}
    .featured-position:first-of-type {margin: 25px auto;}
    .software-features {width: 50%; margin: 25px auto; padding: 0; text-align: center; float: none;}
    .software-features:first-of-type {margin: 25px auto;}
    .overview-wrap h3 {font-size: 20px !important;}
    .job-list-icon-wrap {float: none; margin: 0 auto; margin-bottom: 25px;}
    .job-title {text-align: center;}
    .quote-wrap p {font-size: 18px;}
    .careers-subnav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {width: 100%; border-left: none !important; border-right: none !important; border-bottom: none !important; border-top: 3px solid #36424a; }
    .careers-subnav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-of-type {border-bottom: 3px solid #36424a !important;}
    .job-info-wrap {width: 90%; margin: 0; padding: 20px;}
    .job-description .hs-cta-wrapper {float: none;}
}




/*****************************************/
/* CSS FLIP STYLES                       */
/*****************************************/
 
 .flip-container {
        	-webkit-perspective: 1000;
			-moz-perspective: 1000;
            -ms-perspective: 1000;
			perspective: 1000;
		}

			
			.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
                -ms-transform: rotate(180deg);
				transform: rotateY(180deg);                
				filter: FlipH;
    			-ms-filter: "FlipH";
			}

		.flip-container, .front, .back {
			width: 250px;
			height: 250px;
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;

			-moz-transition: 0.6s;
			-moz-transform-style: preserve-3d;
            
            -ms-transition: 0.6s;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
            backface-visibility: hidden;

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			background: lightgreen;
			z-index: 2;
		}

		.back {
			background: lightblue;
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
			transform: rotateY(180deg);
		}

		.front .name {
			font-size: 2em;
			display: inline-block;
			background: rgba(33, 33, 33, 0.9);
			color: #f8f8f8;
			font-family: Courier;
			bottom: 60px;
			left: 25%;
			position: absolute;
			text-shadow: 0.1em 0.1em 0.05em #333;

			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
            -ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
		}

		.back-logo {
			position: absolute;
			top: 40px;
			left: 90px;
			width: 160px;
			height: 117px;
			background: url(logo.png) 0 0 no-repeat;
		}

		.back-title {
			font-weight: bold;
			color: #00304a;
			position: absolute;
			top: 180px;
			left: 0;
			right: 0;
			text-align: center;
			text-shadow: 0.1em 0.1em 0.05em #acd7e5;
			font-family: Courier;
			font-size: 2em;
		}

		.back p {
			position: absolute;
			bottom: 40px;
			left: 0;
			right: 0;
			text-align: center;
			padding: 0 20px;
		}

		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
                -ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
                -ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			.vertical.flip-container:hover .flipper {
				-webkit-transform: rotateX(-180deg);
				-moz-transform: rotateX(-180deg);
                -ms-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
            
            
            
            
          
          

.clearing{
    clear:both;
}



@media (max-width: 767px){
    .home * {text-align: center;}
    .content h1 {font-size: 38px;}
    .demo-wrap input, .demo-wrap select {font-size: 12px !important;}
    .demo-wrap textarea {min-height: 75px; font-size: 12px !important;}
    .demo-wrap input.hs-button {font-size: 20px !important;}
    .home .resource-cta {width: 100% !important; margin: 0 !important;}
    .questions-icon-wrap {float: none; margin: 0 auto;}    
}




/*****************************************/
/* Team Page                             */
/*****************************************/
.team-wrap h1 {margin: 48px 0; text-transform: uppercase;}
.team-wrap h2 {margin-bottom: 0;}
.team-wrap h2 a {color: #01aff0; text-decoration: none; font-size: 21px;}
.team-wrap p {margin-top: 0;}
.team-wrap .call-to-action-sidebar {margin-top: 40px;}
.team-wrap {margin-bottom: 100px;}


/*****************************************/
/* Press Page                            */
/*****************************************/
.press-hero {
    text-align:center;
    padding-bottom: 75px;
    background-image: url('//cdn2.hubspot.net/hubfs/108270/2.0_Website/press-page-header.png?t=1466007373258');
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
 }

.press-hero h1{
    color: #FFFFFF;
    font-size: 72px;
    padding-top: 70px;
 }
 

.press-wrap h1 {margin: 48px 0 0 0; text-transform: uppercase;}
.press-wrap h2 {margin-bottom: 0;}
.press-wrap h2 a {color: #01aff0; text-decoration: none; font-size: 21px;}
.press-wrap h3 {margin-bottom: 15px; margin-top: 52px; color: #1f2324;}
.press-wrap p {margin-top: 0;}
.press-wrap .call-to-action-sidebar {margin-top: 40px;}
.press-wrap a {color: #01aff0; text-decoration: none; font-family: 'gotham_boldregular';}
.press-wrap {margin-bottom: 100px;}

/*****************************************/
/* Admin Training / Resources Page                            */
/*****************************************/
.admin-training-hero {
    text-align:center;
    padding-bottom: 75px;
    background-image: url('//www.urbanbound.com/hubfs/Website/Website_2016/page_headers/admin-resources-header-ew16.png');
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
 }

.admin-training-hero h1{
    color: #FFFFFF;
    font-size: 72px;
    padding-top: 70px;
 }
 
.admin-training-wrap {
    margin-bottom: 20px; 
    margin-top: 20px;
}

.admin-training-wrap h1 {margin-bottom: 6px; font-size: 2.5em; text-transform: uppercase; color:#454b4d; text-align: left;}
.admin-training-wrap h2 {margin-bottom: 0px; color:#00afef; font-size: 2em; text-transform: uppercase;}
.admin-training-wrap h3 {margin-bottom: 6px; margin-top: 0px; color: #1f2324;}
.admin-training-wrap p {margin-top: 0;}
.admin-training-wrap a {color: #01aff0; text-decoration: none; font-family: 'gotham_boldregular';}

.admin-training-videos-wrap {
    margin-bottom: 30px; 
    margin-top: 30px;
}

.admin-training-wrap .call-to-action-sidebar {
    margin-top: 20px;
}

.admin-training-wrap .call-to-action-sidebar ul {margin-top: 0px; margin-left: -41px; list-style-type: none;}

.admin-training-wrap .call-to-action-sidebar .hs-form label {
    color: #454b4d;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.5em;
}

.admin-training-wrap .call-to-action-sidebar .input {
    margin-bottom: 20px;
}

.admin-training-wrap .call-to-action-sidebar .hs-form .hs_submit .hs-button {
    background: #01aff0;
    min-width: 200px;
    max-width: 100%;
    white-space: normal;
    display: block;
    color: #fff;
    padding: .5em 1em;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    text-shadow: none;
    font-size: 1em;
    font-weight: 400;
    border-radius: 5px;
}
.admin-training-wrap .call-to-action-sidebar .hs-form .hs_submit .hs-button:hover {
    background: #4ECFFF;
}

.admin-training-wrap .call-to-action-sidebar .cta_button {
    padding: 25px 30px 0px 0px
}

/*****************************************/
/* Vertical Pages                            */
/*****************************************/
.vertical-page-hero {
    text-align:center;
    padding-bottom: 75px;
    background-image: url('//resources.urbanbound.com/hubfs/Website/Vertical%20Pages/Intern%20Vertical/shutterstock_329701265.jpg');
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
 }
 
.vertical-page-wrap h1{
}
 
 /*****************************************/
/* Case Study                            */
/*****************************************/
.case-study-overview-wrap{
    background-color: #eaeff1;
 }
 
.case-study-overview-wrap h1{
    font-size: 39px;
    text-align: left;
    margin-bottom: 0px;
 }
  
.case-study-company{
    margin-top: 15px;
 }
 
 .case-study-company img{
   text-align: center;
 }
 
.case-study-about-company{
    padding: 35px;
 }
 
 .case-study-about-company h2{
    margin: 0px;
 }
 
.case-study-wrap h2{
    color: #454b4d;
    font-size: 34px;
    text-align: center;
 }
 
.case-study-wrap h3{
    color: #00afef;
    line-height: 1.2em;
    font-size: 25px;
    text-align: center;
}

.case-study-icon {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    font-size: 35px;
    margin-top: 10px;
}

 

/*****************************************/
/* General Sub                           */
/*****************************************/
.page-name-wrap h1 {margin: 48px 0; text-transform: uppercase;}
.general-sub-wrap {margin-bottom: 100px;}
.general-sub-wrap .hs-menu-wrapper.hs-menu-flow-vertical>ul {margin-top: 4px; max-width: 232px;}
.general-sub-wrap .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {padding: 18px; text-decoration: none; color: #ff7d00; font-size: 18px; border-bottom: 1px solid #e9e9e9;}
.general-sub-wrap .hs-menu-wrapper.hs-menu-flow-vertical>ul li.active-branch a {color: #1f2324;}
.connect-box p {color: #fff;}



/*****************************************/
/* Resources                             */
/*****************************************/
.resources-hero {
    text-align:center;
    padding-bottom: 75px;
    background-image: url('//cdn2.hubspot.net/hubfs/108270/2.0_Website/resource_library_header_as16.png?t=1466014302909');
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
 }

.resources-hero h1{
    color: #FFFFFF;
    font-size: 72px;
    padding-top: 70px;
 }
 
 .resources-hero h2{
    color: #FFFFFF;
    font-size: 2em;
 }
 
.resources-wrap .cta_button{
    padding-right: 25px;
    padding-left: 25px;
}

.new-blog-posts ul li a {
text-decoration: none;
color: #ff7d00;
font-size: 18px;
}
.new-blog-posts ul {
list-style-type: none;
margin-left: 0;
padding-left: 0;
margin-bottom: 32px;
}
.new-blog-posts ul li {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #e9e9e9;
}
.new-blog-posts h3 {
font-size: 30px;
margin-top: 20px;
margin-bottom: 0;
}

@media (max-width: 767px){
.resources-page * {text-align: center;}
}


/*****************************************/
/* Blog                                  */
/*****************************************/
.blog-hero {
    text-align:center;
    padding-bottom: 75px;
    background-image: url('//cdn2.hubspot.net/hubfs/108270/2.0_Website/blog_header_as16.png');
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
 }

.blog-hero h1{
    color: #FFFFFF;
    font-size: 72px;
    padding-top: 70px;
 }
 
.blog-hero h2{
    color: #FFFFFF;
    font-size: 2em;
 }

.blog-wrap {margin-bottom: 100px;}
.blog-wrap a {color: #01aff0; text-decoration: none;}

.blog-sidebar .cta_button { padding-right: 0px; padding-left: 0px;}
.blog-sidebar ul {margin-top: 0px; list-style-type: none;}

.search-blog {margin-top: 45px; color: #01aff0;}

.blog-subscribe h3 {margin-bottom: 15px; margin-top: 15px; font-size: 1.5em; color: #454b4d;}
.blog-subscribe {margin-bottom: 50px;}
.blog-subscribe ul{margin-bottom: 15px; margin-left: -40px;}

.blog-subscribe .actions input {
    background-color: #ff7d00;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    width: 249px;
    border-radius: 25px;
    padding: 10px;
    margin-top: 16px;
}

.blog-subscribe .hs-form label {
    color: #454b4d;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.5em;
}

.blog-subscribe .hs-form .hs_submit .hs-button {
    background: #01aff0;
    min-width: 200px;
    max-width: 100%;
    white-space: normal;
    display: block;
    color: #fff;
    padding: .5em 1em;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    text-shadow: none;
    font-size: 1em;
    font-weight: 400;
    border-radius: 5px;
}

.blog-subscribe .hs-form .hs_submit .hs-button:hover {
    background: #4ECFFF;
}

.post-header h2 { font-size: 43px };


@media (max-width: 767px){
    .urbanbound-blog .page-name-wrap h1 {font-size: 38px;}
    .blog-sidebar * {text-align: center;}
}

/*****************************************/
/* Privacy and Terms                     */
/*****************************************/
.privacy-wrap a {color: #01aff0; text-decoration: none;}

@media (max-width: 767px){
   .software-banner-wrap .dark-bg h1 {font-size: 40px;} 
   .software-page .content.centered img {width: 100%;}
   .quote2, .quote3, .quote4, .quote5, .quote6 {display: none !important;}
   .quote-group .widget-type-rich_text {width: 100% !important;}
   .quote-group {text-align: center;}
   .quote-group .widget-type-linked_image img {margin-top: 75px;}
}

@media (max-width: 767px){
   .software-banner-wrap .dark-bg h1 {font-size: 40px;} 
   .software-page .content.centered img {width: 100%;}
   .quote2, .quote3, .quote4, .quote5, .quote6 {display: none !important;}
   .quote-group .widget-type-rich_text {width: 100% !important;}
   .quote-group {text-align: center;}
   .quote-group .widget-type-linked_image img {margin-top: 75px;}
}


/*****************************************/
/* MOBILE NAV TOGGLE                     */
/*****************************************/



#slab{
    
    background-position:center center;
    background-size: 100% 100%;
    background-repeat: repeat;
    width:250px;
    right:-250px;
    box-shadow: 0;
    list-style-type: none;
    display:none;
    overflow:auto;
    height:100%;
    position:fixed;
    margin:0;
    padding:0;
    z-index:50;
}
.top#slab{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    width: 100%;
    right:0;
    position: relative;
    max-height:0;
    height:auto;
    overflow:hidden;
}
.slab-container{
    left:0;
    position:relative;
    width: 100%;
}
#slab, .slab-container{
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    -webkit-transform-style: preserve-3d;
}
.top#slab{
    transition: all .4s ease-in ;
    -webkit-transition: all .4s ease-in ;
    -moz-transition: all .4s ease-in ;
    -ms-transition: all .4s ease-in ;
    -o-transition: all .4s ease-in ;
    -webkit-transform-style: preserve-3d;
}
#slab-trigger{
    cursor:pointer;
    display:none;
}
#slab li{
    text-overflow:ellipsis;
    white-space: nowrap;
    margin:0;
    padding:0;
    border-bottom: 1px solid #049ed8;
text-align: center;
}

#slab li:first-of-type {
margin-top:15px;
}

#slab li:last-of-type {
margin-bottom:15px;
}


#slab li a{
    display:block;
    padding: 15px;
    color: #ffffff;
    text-decoration:none;
    text-transform: uppercase;
}
.disableScroll{
    
   /* width:100%;
    height:100%;
    overflow:hidden;*/
}
.has-sub{position:relative;}
.has-sub > ul{display:none;}
.has-sub .caption-wrap{
    position:relative;
    overflow:hidden;
}
.has-sub .triangle{
    position:absolute;
    top: 50%;
    right:0;
    width:20px;
    height:100px;
    background: #f9f9f9;
    cursor: pointer;
   transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
}
.has-sub .triangle:after{
    content:"";
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform-style: preserve-3d;
    
}
.has-sub .triangle.down:after{
    border-top: solid 8px #999;
    border-right:solid 8px transparent;
    border-left:solid 8px transparent;
}
.has-sub .triangle.up:after{
    border-bottom: solid 8px #999;
    border-right:solid 8px transparent;
    border-left:solid 8px transparent;
}

#slab-trigger { cursor: pointer; padding: 22px 0px 16px 0px; }


#slab-trigger {
  width: 40px !important;
  height: 0px !important;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#slab-trigger span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #ffffff;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#slab-trigger {
}

#slab-trigger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#slab-trigger span:nth-child(2) {
  top: 11px;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

#slab-trigger span:nth-child(3) {
  top: 22px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#slab-trigger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 6px;
}

#slab-trigger.open span:nth-child(2) {
  
  width:0;
  opacity: 0;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  top: 11px;
left: 0px;
}

#slab-trigger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 25px;
  left: 7px;
}

#slab-trigger.active{
top: -25px !important;
right: 0px !important;
transition: all 500ms ease-in-out;
-webkit-transform-style: preserve-3d;
}

#slab-trigger{
transition: all 500ms ease-in-out;
-webkit-transform-style: preserve-3d;
}

.widget-type-space.slab-wrapper{
    display:none;
}


@media(max-width: 767px){
    
    .header-container-wrapper {
position: relative;
z-index: 999999;
width: 100%;
}
    
    
    .header-wrap img.hide-it {
opacity: 1!important;
}
    
    
    .logo {
max-width: 250px!important;
margin-top: 9px;
padding-top: 3px;
}
    
    
    .body-container-wrapper .row-depth-1.row-number-1:first-of-type {
margin-top: 0;
}
    
    .widget-type-space.slab-wrapper{
    display:block;
    visibility:visible;
}

.header-wrap, .header-wrap.after100 {
padding: 10px 0 0px;
}

.header-wrap .row-fluid-wrapper.row-depth-1.row-number-2{

    
}
    
    
    .desktop-menu{
        display:none!important;
    }
    #slab-trigger{
        display:block;
        z-index:51;
    }
    #slab{
        display:block;
        right:-250px;
    }
    .top#slab{
        right:0;
    }
    #slab.open{
        right:0;
    }
    .top#slab.open{
        max-height:500px;
    }
    .slab-container.opened{
        left:-250px;
    }
    .top.slab-container.opened{
        left:0;
    }
    .slab-container.closed{
        left:0;
    }
   
}


ul.sub-open {list-style-type: none; padding: 0; font-size: 12px;}
.sub-open li:last-child a {margin-bottom: 31px;}