.dm-page-content {
    padding-left:15px !important;
    padding-right:15px !important;
}
.dm-module {
    padding-top:25px;
    padding-bottom:25px;
}
/* ==========================================================================
   DM Header                                
   ========================================================================== */
.smart-header-wrapper {
    background: #2f2f2f;
    background: -moz-linear-gradient(left, #2f2f2f 0%, #2f2f2f 44%, #4f4c4d 44%, #4f4c4d 100%);
    background: -webkit-linear-gradient(left, #2f2f2f 0%,#2f2f2f 44%,#4f4c4d 44%,#4f4c4d 100%);
    background: linear-gradient(to right, #2f2f2f 0%,#2f2f2f 44%,#4f4c4d 44%,#4f4c4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#4f4c4d',GradientType=1 );
}
@media screen and (min-width: 992px) {
    .smart-header {
        background-color: #4f4c4d;
        height:50px;
        margin: 0 auto;
        float: none !important;
    }
    .smart-header.widget-span {
        margin-left:auto !important;
    }
}
@media screen and (min-width: 1200px) {
    .smart-header {
        width: 1140px !important;
    }
}
.smart-logo {
    background-color: #2f2f2f;
    padding-left:15px;
    text-align:right;
    padding-right:15px;
    
}
@media screen and (max-width: 767px) {
    .smart-header-wrapper {
        background: #2f2f2f;
        background: -moz-linear-gradient(left, #2f2f2f 0%, #2f2f2f 25%, #4f4c4d 25%, #4f4c4d 100%);
        background: -webkit-linear-gradient(left, #2f2f2f 0%,#2f2f2f 25%,#4f4c4d 25%,#4f4c4d 100%);
        background: linear-gradient(to right, #2f2f2f 0%,#2f2f2f 25%,#4f4c4d 25%,#4f4c4d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#4f4c4d',GradientType=1 );
    }
    .smart-logo {
        min-width: 150px !important;
        max-width: 150px !important;
    }
}


/* ==========================================================================
   DM Main Navigation                            
   ========================================================================== */
.custom-menu-primary {
    background-color: #4f4c4d;
}
.custom-menu-primary a {
    font-family:"Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size:16px;
}
.custom-menu-primary a:hover {
    color:#00bfdd;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    padding: 13px 20px !important;
}
@media screen and (max-width: 767px) {
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
        padding: 0 20px !important;
    }
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left:auto;
    right:0;
}

    .custom-menu-primary .hs-menu-wrapper>ul {
        float:right;
    }
    .custom-menu-primary .hs-menu-wrapper>ul li>ul li a {
        text-transform:none;
    }
    
    
.os-hamburger-holder {
    position: absolute;
    top: -44px;
    right: 15px;
    z-index: 2000;
}

@media screen and (min-width: 768px) {
    .os-hamburger-holder {
        display:none;
    }
}

.os-hamburger-holder .os-hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 38px;
    height: 38px;
    font-size: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #4f4c4d;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.os-hamburger-holder .os-hamburger.active {
    background-color: none;
}

.os-hamburger-holder .os-hamburger :focus {
    outline: none;
}

.os-hamburger-holder .os-hamburger span {
    display: block;
    position: absolute;
    top: 16.5px;
    left: 0px;
    right: 0px;
    height: 5px;
    background: none;
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

.os-hamburger-holder .os-hamburger span::before,
.os-hamburger-holder .os-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #fff;
    content: "";
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}

.os-hamburger-holder .os-hamburger span::before {
    top: -6px;
    -webkit-transition-property: top, background-color, -webkit-transform;
    transition-property: top, background-color, -webkit-transform;
    transition-property: top, transform, background-color;
    transition-property: top, transform, background-color, -webkit-transform;
}

.os-hamburger-holder .os-hamburger span::after {
    bottom: -6px;
    -webkit-transition-property: bottom, background-color, -webkit-transform;
    transition-property: bottom, background-color, -webkit-transform;
    transition-property: bottom, transform, background-color;
    transition-property: bottom, transform, background-color, -webkit-transform;
}

.os-hamburger-holder .os-hamburger.active {
    background: none;
}

.os-hamburger-holder .os-hamburger.active span::before,
.os-hamburger-holder .os-hamburger.active span::after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}

.os-hamburger-holder .os-hamburger.active span::before {
    top: 0;
    background-color: #00bfdd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.os-hamburger-holder .os-hamburger.active span::after {
    bottom: 0;
    background-color: #00bfdd;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/* ==========================================================================
   DM Banner Module                         
   ========================================================================== */
.jumbotron {
    padding: 2rem 1rem;
}
@media (min-width: 576px) {
.jumbotron {
    padding: 4rem 2rem;
}
}
.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}
.jumbotron-hero {
    min-height:200px;
}
@media (min-width: 768px) {
    .jumbotron-hero {
        height: 52vw;
        max-height: 80vh;
    }
}
.jumbotron-hero {
    background-position: 50%;
    background-size: cover;
    margin-bottom: 0;
    overflow: hidden;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

/* ==========================================================================
   DM Footer Module                         
   ========================================================================== */
.microsite-footer-wrapper {
    background-color: #4d4d4d;
    height:50px;
}
.microsite-footer a {
    color:#fff;
    font-size:22px;
    margin-right;
}

.microsite-footer-content {
    text-align:right;
    padding: 9px;
}


.hs-form label {
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-weight: 400;
    color: gray;
}
.hs-form input {
   font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-weight: 400;
    color: gray;
    padding:5px 0 5px 5px;
    border-radius:4px;
}
body .hs-button.primary, body input[type="submit"] {
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding:15px;
    font-size:16px;
    min-width:142px;
}
.hs-form .hs-input, .hs-form textarea.hs-input {
    width:100%;
    max-width:100%;
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    font-weight: 400;
    color: gray;
    box-sizing:border-box;
    padding:7px 0 7px 7px;
    border-radius:4px;
}
.hs-form input:not([type="image"]), .hs-form textarea {
    box-sizing:border-box;
}
.hs-form input:not([type="submit"]) {
    height:34px;
}

.hs-form .hs-button {
    font-family: 'proxima_nova_ltsemibold', sans-serif;
    background-color: #15b4cb;
    background-image:none;
    box-shadow:none;
    border:1px solid #15b4cb;
}
.hs-form .hs-button:hover {
    background-color: #3C3C3C;
}





.dm-bg {
    background-position: 50%;
    background-size: cover;
}
.dm-image {
  margin-left: auto;
	margin-right: auto;
	display: block;
}


.microsite-header-wrapper{
    background: #4f4f4f;
    box-shadow: 0 3px 8px rgba(0,0,0,0);
    -webkit-transition: all ease .1s;
       -moz-transition: all ease .1s;
        -ms-transition: all ease .1s;
            transition: all ease .1s;
}

.microsite-header-wrapper.scrolled{
    box-shadow: 0 3px 8px rgba(0,0,0,.2);
}

.microsite-header{
    position: relative;
    height: 80px;
}

.microsite-header:before{
    content: ' ';
    position: absolute;
    top: 0;
    right: 100%;
    display: block;
    width: 100%;
    height: 100%;
    background: #2f2f2f;
}

.microsite-header .microsite-logo{
    height: 80px;
    padding: 0 30px 0 10px;
    line-height: 80px;
    background: #2f2f2f;
}

.microsite-header .microsite-logo img{
    display: inline;
    width: auto !important;
    max-height: 60px;
    vertical-align: middle;
}

.microsite-header .microsite-logo.widget-type-cell{
    padding: 0 0 0 10px;
}

.microsite-header .microsite-logo > .row-fluid-wrapper > .row-fluid{
    display: flex;
}

.microsite-header .microsite-logo > .row-fluid-wrapper > .row-fluid > .span6{
    width: auto;
    line-height: 60px;
}

.microsite-header .microsite-logo > .row-fluid-wrapper > .row-fluid > .span6:first-child{
    height: 60px;
    margin-top: 10px;
    padding-right: 15px;
    border-right: 1px solid #fff;
}

.microsite-header .microsite-logo > .row-fluid-wrapper > .row-fluid > .span6:first-child img{
    max-height: 40px;
}

.microsite-header .microsite-logo > .row-fluid-wrapper > .row-fluid > .span6:nth-child(2){
    padding: 8px 15px 0 25px;
}

.microsite-header .microsite-nav{
    height: 80px;
    padding: 0 10px 0 0;
    text-align: right;
}

.microsite-header .microsite-nav a{
    height: 80px;
    margin: 0 0 0 20px;
    font: 500 20px/80px "Proxima Nova", sans-serif;
    color: #fff;
    vertical-align: middle;
}

.microsite-header .microsite-nav .hs-menu-depth-1 > a {
    margin: 0 0 0 50px;
}

@media (max-width: 767px) {
  .microsite-header-wrapper{
        height: 100px;
    }
    
    .microsite .container-fluid .row-fluid .page-center.microsite-header{
        padding-left: 0;
        padding-right: 0;
    }
    
    .microsite-header:before{
        display: none;
    }
        
    .row-fluid [class*="span"].microsite-logo{
        width: 100%;
        height: 60px;
        padding: 0 20px;
        text-align: center;
        line-height: 60px;
    }
    
    .microsite-header .microsite-logo img{
        max-height: 30px;
    }
    
    .row-fluid [class*="span"].microsite-logo > .row-fluid-wrapper > .row-fluid > .span6{
        float: left;
        width: 50%;
        margin-top: 0;
    }
    
    .microsite-header .microsite-logo > .row-fluid-wrapper > .row-fluid > .span6:nth-child(2){
        padding-top: 0;
    }
    
    .microsite-header .mobile-nav a{
        box-sizing: border-box;
        display: inline-block;
        width: 33.3333333%;
        font: 800 12px/40px "Proxima Nova", sans-serif;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        border-left: 1px solid rgba(0,0,0,.1);
    }
    
    .microsite-header .mobile-nav a:first-child{
        border: none;
    }
    
    .microsite-header .mobile-nav a:hover,
    .microsite-header .mobile-nav a:active{
        background: rgba(255,255,255,.1);
    }
    
    .microsite-header-wrapper.no-nav{
        height: 60px;
    }
}