/* Begin Bound, LCC Code and Edits */

/* ==============================================================*/
/*----------| CUSTOM Past Customers (BLOG HACK) |-----------*/
body {
    -moz-osx-font-smoothing: grayscale;
    color: #666!important;
    font-family: "Lato",arial,sans-serif!important;
    font-size: 16px!important;
    line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat",sans-serif!important;
}
h3 {
    color: #d24700!important;
    font-size: 24px!important;
    font-weight: normal!important;
    line-height: 33px!important;
    padding-bottom: 5px!important;
}
h4 {
    color: #3490d1!important;
    font-size: 21px!important;
    font-weight: normal!important;
    line-height: 22px!important;
    padding-bottom: 5px!important;
}
hr {
    margin:10px 0!important;
}
.body-container-wrapper {
    background: none!important;
    margin-top:0px!important;
}
.header-container-wrapper {
}
.header-container {
    /*float: none !important;
    margin:20px auto 0!important;
    max-width: 1180px!important;*/
    padding:10px 0px 10px!important;
}
.header-container .hs_cos_wrapper_type_logo {
    padding-top:0!important;
}
/*.header-container .custom_blog_menu .hs-menu-flow-horizontal {
    margin-right:0 !important;
    padding:20px;
}*/
.container-fluid {
    margin: 0 auto;
    max-width: none;
    width:100%;
    padding: 0 !important;
}
.page-center {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1180px;
    padding:0;
}
.top-nav {
    padding-top:0px!important;
}

/*@media screen and (max-width:767px) {
    .header-container .hs_cos_wrapper_type_logo a img {
        margin:5px auto!important;
        float:none!important;
        display:block!important;
    }
    .header-container .custom_blog_menu .hs-menu-flow-horizontal {
        margin:5px auto!important;
    }    
}*/
/*-----| Video Banner on Blog |------*/
#section-hero {
    background: #f0edea none repeat scroll 0 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    max-height:500px;
    top: 25px;
}
.video-img-fallback {
    position: relative;
    width:100%;
    background-size: cover;
    background-repeat:no-repeat;
    max-height:500px;
    overflow:hidden;
    display:none;
    height:auto;
}
.hero-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}
#section-hero video {
    margin: -16% 0 0;
    width: 100% !important;
}
#section-hero .hero-wrapper .header__text-wrapper {
    padding-top: 130px;
}
.header__text-wrapper.header__text-wrapper--1 {
    margin: 0 auto;
    position: relative;
    top: 41%;
    transform: translateY(-50%);
}
#section-hero .hero-wrapper h1 {
    font-size:40px!important;
    font-family: "Montserrat",sans-serif!important;
    text-transform:uppercase;
    text-align:center;
    color:#ffffff!important;
    position:relative;
    z-index:20!important;
    padding-bottom:10px;
    margin-left:40px;
    /*text-shadow: 0 -1px 4px #666666;*/
}
#section-hero .hero-wrapper h1 a {
    color:#ffffff!important;
}

#section-hero .hero-wrapper h2 {
    font-size:24px!important;
    font-family: "Montserrat",sans-serif!important;
    color:#ffffff!important;
    position:relative;
    z-index:20!important;
    padding-bottom:10px;
    text-align:center;
    /*text-shadow: 0 -1px 4px #666666;*/
}

#section-hero .hero-arrow {
    width:43px;
    height:24px;
    text-align:center;
    bottom: 30px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    z-index: 2147483647;
}

@media screen and (max-width: 1180px) {
    #section-hero video {
        margin: -10% 0 0;
    }    
}
@media screen and (max-width: 1000px) {
    #section-hero video {
        margin: 0;
        height:auto;
    }    
}
@media screen and (max-width: 820px) {
    #section-hero video {
        display:none;
    }    
    .video-img-fallback {
        display:block;
        height:500px;
        max-height:none!important;
    }
}
@media screen and (max-width: 600px) {
    #section-hero {
        max-height:none!important;
    }
    #section-hero .hero-wrapper h1 {
        font-size:28px!important;
    }
    #section-hero .hero-wrapper .header__text-wrapper {
        padding-top: 100px;
    }
    .header__text-wrapper.header__text-wrapper--1 {
        top: 30%;
    }
    .video-img-fallback {
        height:480px;
    }
    #section-hero .hero-wrapper h2 {
        font-size:21px!important;
    }
    .footer-container table {
        display:none!important;
    }
}
@media screen and (max-width:480px) {
    #section-hero .hero-wrapper h1 {
        font-size:24px!important;
        margin:0 auto!important;
        display: inline !important;
        font-size: 24px !important;
        padding: 0 !important;
        top: 22px;
    }
    #section-hero .hero-wrapper h2 {
        font-size:19px!important;
    }
    .video-img-fallback {
        height:550px;
    }
}

/* Blog Listing Styles */
body.hs-blog-listing .body-container-wrapper {
    background-color:#F0EDEA!important;
}
body.hs-blog-post .body-container-wrapper {
    background-color:#ffffff!important;
}
.blog-listing-wrapper .post-listing .post-item {
    border-bottom: 0px solid #fff!important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.customer1, .customer4, .customer7, .customer10 {
    width:31%!important;
    margin:16px 0 16px!important;
    display:block!important;
    float:left!important;
    border:1px solid #cccccc!important;
    border-radius:12px;
    box-shadow:1px 5px 12px #455560;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
}
.customer2, .customer3, .customer5, .customer6, .customer8, .customer9, .customer11, .customer12 {
    width:31%!important;
    margin:16px 0 16px 2.5%!important;
    display:block!important;
    float:left!important;
    border: 1px solid #cccccc!important;
    border-radius:12px;
    box-shadow:1px 5px 12px #455560;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
}
.customer4, .customer7, .customer10 {
    clear:left;
}
.customers-list .post-item {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom:0px solid #fff;
}
.customers-list .post-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.customer-box {
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    opacity:1;
    padding:0px!important;
    display:block!important;
    cursor:pointer!important;
    min-height:400px!important;
    background-color:#ffffff;
}
.hs-featured-image-wrapper a {
    padding:0!important;
}
.customer-box img {
    opacity:0.9;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    width: 100% !important;
    margin:0!important;
    padding:0px!important;
    max-height:210px!important;
    max-width: none !important;
    border-bottom:5px solid #3490d1!important;
    border-radius:12px 12px 0 0;
}
.customer-box:hover img {
    opacity:1;

}
.customer1:hover, .customer2:hover, .customer3:hover, .customer4:hover,
.customer5:hover, .customer6:hover, .customer7:hover, .customer8:hover,
.customer9:hover, .customer10:hover, .customer11:hover, .customer12:hover {
    border:1px solid #3490d1!important;
    box-shadow:1px 5px 12px #444444;
}
.customer-box h2 {
    padding:0px 20px!important;
    margin:0!important;
    font-weight:300!important;
    font-size:28px; !important;
    color:#032c41!important;
    font-family: "Montserrat",sans-serif!important;
    text-rendering: optimizelegibility;
    line-height:130%!important;
    text-decoration:none!important;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
}
.customer-box h3, .customer-box h4, .customer-box h5 {
    padding:0 20px!important;
    font-family:"Montserrat",helvetica,sans-serif!important;
}
.customer-box h2 a {
    color:#032c41!important;  
    text-decoration:none!important;
    font-family: "Montserrat",sans-serif!important;
}
.customer-box p, .customer-box p a, .customer-box a {
    padding:0px 20px 0px;
    font-size:15px!important;
    line-height:130%!important;
    text-decoration:none!important;
    color:#3d3d3d!important;
    font-family:"Montserrat",helvetica,sans-serif!important;
}
.customer-pagination {
    clear:both!important;
    float:none!important;
    margin:3px auto 0px!important;
    display:block!important;
    padding-top: 20px;
}
.hs-content-path-customersall .post-item {
    border-bottom:1px solid #d8d8d8;
    margin:0 0 15px!important;
    padding:0 !important;
    height:36px!important;
}
.hs-content-path-customersall h2 a {
    font-size:24px!important;
    color:#3490d1!important;
    margin:0px!important;
    padding:0!important;
    text-decoration:none!important;
    font-weight:300!important;
    font-family:"Montserrat",helvetica,sans-serif!important;
}
.custom-social-cont {
    margin:12px 0!important;
    border-bottom:1px solid #666666;
    text-align:center;
}
.custom-social-cont h4 {
    padding:0!important;
    margin:0 0 10px!important;
    line-height:105%!important;
}
.hs-blog-social-share {
    float:none!important;
    padding:1px 0!important;
    margin:0!important;
}
ul.hs-blog-social-share-list {
    margin:0!important;
}
/* Custom Blog Topic Tags */
.custom-customer-tags {
    width:100%;
    padding:10px 0;
    text-align:center!important;
    background:none;
}
/*.custom-customer-tags-cont {
    max-width:1190px!important;
    float:none!important;
    display:block!important;
    margin:0 auto!important;
}*/
.custom-customer-tags h3 {
    font-family:"Montserrat",helvetica,sans-serif!important;
    font-size: 24px!important;
    color:#FFFFFF!important;
    line-height:150%!important;
    text-align:center!important;
}
.custom-customer-tags ul {
    text-align:center!important;
}
.custom-customer-tags ul li {
    padding:5px 10px!important;
    background:#3490D1!important;
    text-align:center!important;
    display:inline-block!important;
    border-radius:5px!important;
    margin-right:8px;
    margin-top:8px;
}
.custom-customer-tags ul li a {
    font-size: 16px!important;
    line-height: 130%!important;
    color:#ffffff!important;
    text-align:center!important;
}
blockquote {
    border-left: 5px solid #3490d1!important;
    margin: 4px 0 18px!important;
    padding: 5px 0 5px 15px!important;
    background:#eee!important;
    font-size:24px!important;
    font-style: italic !important;
}
blockquote p {
    font-size: 24px!importnat;
    line-height: 150%!important;
    margin-bottom: 12px!important;
    color:#000000!important;
}
a.back-button {
    padding:5px 10px!important;
    background:#d24700!important;
    text-align:center!important;
    display:inline-block!important;
    border-radius:5px!important;
    font-size: 16px!important;
    line-height: 130%!important;
    color:#ffffff!important;
    text-align:center!important;
    margin:5px 0 30px;
}
.blog-post-wrapper h1 {
    border-bottom:1px solid #666666;
    padding-bottom:20px!important;
    font-size:40px!important;
    line-height:140%!important;
}
/*.post-body img {
    text-align:center!important;
    margin:10px auto!important;
    float:none!important;
    display:block!important;
}*/
.post-body p {
    font-family:"Montserrat",helvetica,sans-serif!important;
}
.post-body p a {
    background:#3490d1;
    padding:14px 20px;
    color:#ffffff;
    font-size:20px;
    display:inline-block;
    margin-top:14px;
    border-radius:5px;
    font-family:"Montserrat",helvetica,sans-serif!important;
}

/* All Posts, Previous and Next Pagination Styles */
.blog-pagination {display:block!important;margin:40px 0 40px!important;font-family:!important;}
.blog-pagination a {text-decoration:none!important;}
.blog-pagination a.previous-posts-link {
    border:3px solid #032c41!important;
    padding:12px 22px!important;
    font-size:14px!important;
    color:#032c41!important;
    font-weight:400!important;
    border-radius:6px;
    letter-spacing:2px;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    display:inline-block!important;
    
}
.blog-pagination a.all-posts-link {
    border:3px solid #032c41!important;
    padding:12px 22px!important;
    font-size:14px!important;
    color:#032c41!important;
    font-weight:400!important;
    border-radius:6px;
    letter-spacing:2px;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    display:inline-block!important;
}
.blog-pagination a.next-posts-link {
    border:3px solid #032c41!important;
    padding:12px 22px!important;
    font-size:14px!important;
    color:#032c41!important;
    font-weight:400!important;
    border-radius:6px;
    letter-spacing:2px;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    display:inline-block!important;
}
.blog-pagination .next-posts-link,.blog-pagination .previous-posts-link {
    float:none;
}

.blog-pagination a.previous-posts-link:hover, .blog-pagination a.all-posts-link:hover, .blog-pagination a.next-posts-link {
    background:#032c41!important;
    color:#FFFFFF!important;
}

/* All Posts Listing */
.hs-content-path-past-customers-all .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
    max-width:200px!important;
    height:auto!important;
    border:1px solid #ccc;
    padding:15px;
}

/* Responsive customer Center */
@media screen and (max-width:820px) {
    .customer1, .customer3, .customer5, .customer7, .customer9, .customer11  {
        width:45%!important;
        margin:9px 2.5% 9px!important;
        display:block!important;
        float:left!important;
    }
    .customer2, .customer4, .customer6, .customer8, .customer10, .customer12 {
        width:45%!important;
        margin:10px 0 10px !important;
        display:block!important;
        float:left!important
    }
    .customer4, .customer7, .customer10 {
        clear:none;
    }
    .customer3, .customer5, .customer7, .customer9, .customer11 {
        clear:left;
    }
    .styled-select {
    font-size:12px !important;
    }
}


@media screen and (max-width:700px) {
    .customer-box {
        cursor:pointer;
    }
    .customer1, .customer3, .customer5, .customer7, .customer9, .customer2, .customer4, .customer6, .customer8, .customer10, .customer11, .customer12  {
        width:70%!important;
        margin:10px auto 10px!important;
        display:block!important;
        float:none!important;
        text-align:center;
    }
    .customer3, .customer5, .customer7, .customer9, .customer11 {
        clear:none;
    }
}
@media screen and (max-width:640px) {
    .customer1, .customer3, .customer5, .customer7, .customer9, .customer2, .customer4, .customer6, .customer8, .customer10, .customer11, .customer12  {
        width:92%!important;
        margin:10px auto 10px!important;
        display:block!important;
        float:none!important;
        text-align:center;
    }
    .customer-banner-cont #customerdropdown {
        width:100%!important;
    }
    .customer-box img {
        float: left !important;
    }
}

/* Footer Styles */
.footer-container h2 {
    font-weight: normal;
    line-height: 40px!important;
    font-family: "Montserrat",sans-serif!important;
}
.footer-container h3 {
    color: #d24700!important;
    font-family: "Montserrat",sans-serif!important;
    margin: 0px!important;
    text-rendering: optimizelegibility;
    color: #d24700;
    font-weight: normal!important;
    line-height: 33px;
    padding-bottom: 5px!important;
}
.footer-container p {
    margin:12px 0!important;
    font-size:16px!important;
    font-family: "Lato",arial,sans-serif!important;
}