@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900&display=swap&subset=latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,500i,700,700i,900&display=swap');

@font-face {
    font-family: 'MavenProMediumNew';
    src:
        url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/fonts/MavenProMedium.eot#iefix') format('embedded-opentype'),  
        url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/fonts/MavenProMedium.woff') format('woff'), 
        url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/fonts/MavenProMedium.ttf')  format('truetype'), 
        url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/fonts/MavenProMedium.svg#MavenProMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***********************************************/
/* 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;}

/* font-family: 'Roboto', sans-serif;
font-family: 'Maven Pro', sans-serif; */
















*{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
*:focus{outline:none;}
::-moz-focus-inner{border:0;}
body{margin:0px; font-family: 'Roboto', sans-serif, Arial, Helvetica; font-weight:400; color:#3b3b3b; font-size: 16px; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none; opacity:0; visibility:hidden; transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -ms-transition:all ease-in-out .5s; -o-transition:all ease-in-out .5s; }
body.body-fadeIn { opacity:1; visibility:visible; }
input{ font-family: 'Roboto', sans-serif, Arial, Helvetica; }
ul{margin:0px; padding:0px;}
ul li{list-style:none;}
strong{font-weight:700;}
a{ -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;; text-decoration:none; color:#3b3b3b;}
a:hover, a:focus{text-decoration:none; }

::-webkit-input-placeholder{opacity:1;}
::-moz-placeholder{opacity:1;}
:-ms-input-placeholder{opacity:1;}
:-moz-placeholder{opacity:1;}

textarea,select,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="file"],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"]{font-family:'Roboto',sans-serif,Arial,Helvetica;border-radius:0;border:none;padding:10px;margin:0 0 15px 0;font-size:16px;font-weight:400;width:100%;}
fieldset.form-columns-1 textarea.hs-input,fieldset.form-columns-1 select.hs-input fieldset.form-columns-1 input[type="text"].hs-input,fieldset.form-columns-1 input[type="password"].hs-input,fieldset.form-columns-1 input[type="datetime"].hs-input,fieldset.form-columns-1 input[type="datetime-local"].hs-input,fieldset.form-columns-1 input[type="date"].hs-input,fieldset.form-columns-1 input[type="file"].hs-input,fieldset.form-columns-1 input[type="month"].hs-input,fieldset.form-columns-1 input[type="time"].hs-input,fieldset.form-columns-1 input[type="week"].hs-input,fieldset.form-columns-1 input[type="number"].hs-input,fieldset.form-columns-1 input[type="email"].hs-input,fieldset.form-columns-1 input[type="url"].hs-input,fieldset.form-columns-1 input[type="search"].hs-input,fieldset.form-columns-1 input[type="tel"].hs-input,fieldset.form-columns-1 input[type="color"].hs-input{width:100%;}
.hs-form fieldset.form-columns-1 textarea.hs-input,.hs-form fieldset textarea.hs-input,.hs-form fieldset input[type="number"].hs-input{width:100%;}
input[type="radio"],input[type="checkbox"]{margin-right:10px;}
input[type="file"]{background-color:#fff;color:#000;}
.inputs-list{margin:0 0 15px;}
input[type="submit"]{ font-family: 'Roboto', sans-serif, Arial, Helvetica; color:#fff;cursor:pointer;-webkit-appearance:none;border-radius:0px;width:100%;border:none;box-sizing:border-box;background-color:;padding:18px 10px;font-weight:700;font-size:18px;display:inline-block;text-align:center;-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;;}
input[type="submit"]::-moz-focus-inner{border:0;}
input[type="submit"]:hover{background-color:;}
fieldset .hs-form-field > label span.hs-form-required{display:none;}
fieldset .hs-form-field > label span:not(:empty) + span.hs-form-required{display:inherit;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{margin-top:0px;font-weight:700;color:#3b3b3b;margin-bottom:10px;}
h1,h3,h4{ font-family: 'MavenProMediumNew', sans-serif;}
h2{font-family:'MavenProMediumNew';}
.row-fluid [class*="span"].no-height{min-height:auto;}
.container,.row-fluid .container[class*="span"]{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;float:none;box-sizing:border-box;}
.container:after,.row-fluid .container[class*="span"]:after{clear:both;content:"";display:table;}
.row{margin-right:-15px;margin-left:-15px;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.padding-topbottom{padding-top:60px;padding-bottom:60px;}
.row-fluid [class*="span"]{min-height:auto;}
.hs-error-msgs label{display:block;font-size:13px;transform:translate(2px,-11px);-webkit-transform:translate(2px,-11px);-moz-transform:translate(2px,-11px);}
.bg-img img,
.bg-img-lazy img{display:none;}
.bg-wrapper,
.bgimg-main-lazy{background-repeat:no-repeat;background-position:center;background-size:cover;}
body .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{max-width:none;white-space:inherit;overflow:visible;}
.lazy-bg{background-repeat:no-repeat;background-position:center;background-size:cover;}


@media (min-width:768px) { .container, .row-fluid .container[class*="span"]{width:750px;} }
@media (min-width:992px) { .container, .row-fluid .container[class*="span"]{width:970px;} }
@media (min-width:1200px) { .container, .row-fluid .container[class*="span"]{width:1170px;} }

.fl100 { width:100%; float:left; }
.fl50 { width:50%; float:left; }

/* Default Form Code */
.default-form .hs-form .hs-form-field > label span.hs-form-required{display:none;}
.default-form .hs-form .hs-form-field > label span:not(:empty) + span.hs-form-required{display:inherit;}
.default-form .hs-form .hs-form-field .input{margin:0;}
.default-form .hs-form fieldset.form-columns-2{margin:0 -6px;}
.default-form .hs-form fieldset.form-columns-2 .hs-form-field{width:calc(50% - 12px);margin:0 6px;}
.default-form .hs-form fieldset.form-columns-3{margin:0 -6px;}
.default-form .hs-form fieldset.form-columns-3 .hs-form-field{width:calc(33.33% - 12px);margin:0 6px;}

@media (max-width:767px){
    .default-form .hs-form fieldset.form-columns-2, .default-form .hs-form fieldset.form-columns-3{margin:0;}
    .default-form .hs-form fieldset.form-columns-2 .hs-form-field, .default-form .hs-form fieldset.form-columns-3 .hs-form-field{width:100%; margin:0;}
    .default-form .hs-form fieldset .input .hs-input, .default-form .hs-form fieldset.form-columns-2 .input .hs-input, .default-form .hs-form fieldset.form-columns-3 .input .hs-input{width:100%;}
}

/* Slick css */
.slick-slider .slick-arrow{background:none;border:none;z-index:9;position:absolute;top:45%;left:0;width:50px;height:50px;font-size:0px;color:#fff;-webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;;cursor:pointer;}
.slick-slider .slick-arrow:hover{transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);}
.slick-slider .slick-arrow.slick-prev:after{content:'\f104';font-size:60px;line-height:30px;font-family:FontAwesome;}
.slick-slider .slick-arrow.slick-next:after{content:'\f105';font-size:60px;line-height:30px;font-family:FontAwesome;}
.slick-slider .slick-arrow.slick-next{left:auto;right:0;}
.slick-slider .slick-dots{position:absolute;left:0;right:0;bottom:20px;text-align:center;}
.slick-slider .slick-dots li{display:inline-block;margin:0 5px;}
.slick-slider .slick-dots li button{width:6px;height:6px;border-radius:100%;background-color:#fff;border:none;padding:0;text-indent:-9999px;cursor:pointer;opacity:.5;-webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;;}
.slick-slider .slick-dots li.slick-active button{opacity:1;}


/* Comman CSS */
.row-fluid .btn-small a{ color: #fff; font-size: 13px; font-weight: 500; display: inline-block; background-color: #4DBFE7; padding: 9px 26px; border-radius: 35px;}
.row-fluid .link a { color: #1A2029; font-size: 16px; font-weight: 500;}
.row-fluid .orange-btn.btn-small a,.row-fluid .orange-btn.btn-normal a{ background-color: #4DBFE7; }
.row-fluid .blue-btn.btn-small a,.row-fluid .blue-btn.btn-normal a{ background-color: #00B34F; }
.row-fluid .orange-btn.btn-small a:hover,.row-fluid .orange-btn.btn-normal a:hover{ background-color: #00aeef; }
.row-fluid .blue-btn.btn-small a:hover,.row-fluid .blue-btn.btn-normal a:hover{ background-color: #08870b; }
.row-fluid .link a:hover { color: #4DBFE7;}
.row-fluid .btn-normal a{ color: #fff; font-size: 16px; font-weight: 500; display: inline-block; background-color: #4DBFE7; padding: 13px 29px; border-radius: 35px;}
.row-fluid .btn-normal a:hover { background-color: #00AEEF; }

/* Padding left or right CSS */
.row-fluid-wrapper .row-fluid .left-padding {padding-left: calc(((100% - 1170px) - 30px) / 2);}
.row-fluid-wrapper .row-fluid .right-padding{padding-right: calc(((100% - 1170px) - 30px) / 2);}


/* Header Section */
.row-fluid .header-main { position: fixed; top: 0; z-index: 88; left: 0; right: 0; width: 100%;  -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; }
.row-fluid .header-main .header-top { background-color: #FFFFFF; padding: 6px 35px;}
.header-main .header-top > div > .row-fluid { display: flex; align-items: center;  text-align: right; justify-content: flex-end;  }
.header-main .header-top > div > .row-fluid > div { width: auto; margin-left: 15px; display: inline-block; float: none; }

.row-fluid .header-bottom {padding: 20px 35px;  -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; }
.header-bottom > div > .row-fluid { display: flex; align-items: center;}
.row-fluid .mainmenu ul.mobile-menu > li > a { font-size: 23px; font-weight: 500; color: #FFFFFF; /* padding: 10px 20px; */  padding: 15px 0px;  }
.row-fluid .mainmenu ul.mobile-menu > li { margin: 0px 22px; }
.row-fluid .search-main .search-inner { display: none; position: absolute; width: 250px; right: 0; top: 147%;}
.row-fluid .header-right > div > div { display: flex; align-items: center; justify-content: flex-end; }
.row-fluid .header-right > div > div > div { width: auto; margin: 0; }
.row-fluid .mainmenu ul.mobile-menu .sub-menu { box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); }
.row-fluid .mainmenu ul.mobile-menu .sub-menu li a { font-size: 17px; padding: 6px 20px; font-weight: 500;}
.row-fluid .mainmenu ul.mobile-menu > li:hover > a { /*color: #0055B7;  background-color: #0055B7; */ } 
.row-fluid .mainmenu ul.mobile-menu .sub-menu:before { content: ''; position: absolute; top: -10px; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff transparent; display:none;}
.row-fluid .mainmenu ul.mobile-menu > li > a { position:relative;}
.row-fluid .mainmenu ul.mobile-menu > li > a:before {content:''; width:0%; border-top:2px solid #4DBFE7; position:absolute; left:0; top:5px; -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;; }
.row-fluid .mainmenu ul.mobile-menu > li:hover > a:before { width:100%;}


.row-fluid .search-icon { cursor: pointer;}
.row-fluid .search-main form input { margin: 0;}
.search-main .search-inner .hs-search-field__suggestions{background-color:#fff;border:none;border-top:1px solid #0055B7;}
.search-main .search-inner .hs-search-field__suggestions li#results-for{padding:10px;}
.search-main .search-inner .hs-search-field__suggestions li a{padding:6px 10px;font-size:15px;}
.row-fluid .search-icon.search-open + .search-inner { display: block;}

.row-fluid .header-logo-img.logo-white a { max-width: 222px; display: block; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; }
.row-fluid .header-logo-img.logo-blue a{ max-width: 179px; display: block; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; margin-top: -45px; }
.row-fluid .header-main:not(.headerfixed) .header-logo-img.logo-blue{ display: none; }
.row-fluid .header-main:not(.headerfixed) .search-icon img.search-black { display: none;}
.row-fluid .header-main .search-icon svg { display:none; max-width:25px; height:30px; width:30px; }
.row-fluid .header-main .search-icon svg path { fill:#fff; }
.row-fluid .header-main .search-icon.search-open img.search-white { display:none; }
.row-fluid .header-main .search-icon.search-open svg { display:block; }
.headerfixed.header-main .search-icon.search-open .search-black { display:none; }
.headerfixed.header-main .search-icon.search-open svg path { fill:#000; }

.row-fluid .header-main.headerfixed { background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); }
.row-fluid .header-main.headerfixed .mainmenu ul.mobile-menu > li > a { color: #1A2029; padding: 10px 0px; font-size: 20px;}
.row-fluid .header-main.headerfixed .mainmenu ul.mobile-menu > li > a:before {top:5px;}
.row-fluid .header-main.headerfixed .header-bottom { padding: 0px 35px;}
.row-fluid .header-main.headerfixed .header-logo-img.logo-blue a{ max-width: 140px;}
.row-fluid .header-main.headerfixed .header-logo-img.logo-white{ display: none; }
.row-fluid .header-main.headerfixed .mainmenu ul.mobile-menu .sub-menu:before { border-color: transparent transparent #0055B7 transparent; }
.row-fluid .header-main.headerfixed .search-icon img.search-white { display: none;}
.row-fluid .header-main.headerfixed .search-main .search-inner { top: 181%;}

.row-fluid .header_v2 .header-main .header-logo-img.logo-blue{ display: block; }
.row-fluid .header_v2 .header-main .search-icon img.search-black { display: block;}

.row-fluid .header_v2 .header-main { background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); }
.row-fluid .header_v2 .header-main .mainmenu ul.mobile-menu > li > a { color: #1A2029; padding: 10px 0px; font-size: 20px;}
.row-fluid .header_v2 .header-main .mainmenu ul.mobile-menu > li > a:before {top:5px;}
.row-fluid .header_v2 .header-main .header-bottom { padding: 0px 35px;}
.row-fluid .header_v2 .header-main .header-logo-img.logo-blue a{ max-width: 140px;}
.row-fluid .header_v2 .header-main .header-logo-img.logo-white{ display: none; }
.row-fluid .header_v2 .header-main .mainmenu ul.mobile-menu .sub-menu:before { border-color: transparent transparent #0055B7 transparent; }
.row-fluid .header_v2 .header-main .search-icon img.search-white { display: none;}
.row-fluid .header_v2 .header-main .search-main .search-inner { top: 147%; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.05); }


/* Menu CSS */
.ebiz-toggle:focus { outline: none;}
.ebiz-toggle{background-color:transparent;border:medium none;padding:13px 0;position:absolute;right:0;top:-1px;width:43px;}
.ebiz-toggle .icon-bar{margin: auto; background-color:#000; border-radius:1px; display:block; height:3px; position:relative; width:22px; -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;; }
.ebiz-toggle .icon-bar + .icon-bar{margin-top:4px;}
.ebiz-toggle .icon-bar:nth-child(1), .ebiz-toggle .icon-bar:nth-child(3){top:0; transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg);}
.ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(1){top:7px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(2){opacity:0;}
.ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(3){top:-7px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.mainmenu .mobile-menu span.mobile-toggle{width:36px; height:36px; position:absolute; right:6px; top:6px; background-color:#FFF; -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;; }
.mainmenu .mobile-menu span.mobile-toggle:after, .mobile-toggle:before{content:""; background-color:#000; height:16px; width:2px; position:absolute; left:17px; top:10px; -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;; }
.mainmenu .mobile-menu span.mobile-toggle:before{-ms-transform:rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;; }
.mainmenu .mobile-menu span.mobile-toggle.ebiz-subopen:after{-ms-transform:rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.mainmenu .mobile-menu span.mobile-toggle.ebiz-subopen:before{opacity:0; background-color:#fff; -ms-transform:rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mainmenu .hs-menu-wrapper ul{float:left; padding:0; width:100%; min-width:250px; margin-right: 40px;}
.mainmenu .hs-menu-wrapper > ul > li > a{max-width:none; width:auto;}
.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{display:block;max-width:none;min-width:auto;overflow:visible;text-align:left;text-overflow:inherit;white-space:inherit;width:auto;}
.mainmenu .hs-menu-wrapper ul ul{background-color:#fff; min-width:200px;}



/* Footer Section */
.row-fluid .footer-main { background-color: #EBEBED; padding: 35px 0px;}
.footer-main .footer-address p { margin: 0; color: #818285; font-size: 20px; line-height: 35px;}

.footer-main .footer-address p a { color: #818285;}
.footer-main .footer-address p a:hover{ color: #4DBFE7; }
.footer-main .footer-logo a { display: inline-block; max-width: 134px; margin-bottom: 15px;}
.footer-right .social-media {padding-top: 50px;text-align: right; }



.row-fluid .banner-main { margin-top: 43px; padding: 120px 0 53px; position: relative;  z-index: 1;}
.row-fluid .banner-main:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: -moz-linear-gradient(top,  rgba(0,0,0,0.51) 0%, rgba(255,255,255,0) 69%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.51) 0%,rgba(255,255,255,0) 69%); background: linear-gradient(to bottom,  rgba(0,0,0,0.51) 0%,rgba(255,255,255,0) 69%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82000000', endColorstr='#00ffffff',GradientType=0 );}
.row-fluid .banner-main:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #A1A5AC; mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply; -moz-mix-blend-mode: multiply; z-index: -1;}
.row-fluid .banner-main h1 { text-align: center; color: #fff; font-size: 52px; font-weight: 500;}

.row-fluid .display_none{ display: none; }
.row-fluid .box-listing-wrapper .box-listing { margin: 0px -15px;padding: 35px 0; display: inline-block;}
.box-listing-wrapper .box-item { width: calc(33.33% - 30px); float: left; margin: 20px 15px; display: none; }
.box-listing-wrapper .box-item .post-img { width: 100%; height: 225px; overflow: hidden; }
.box-listing-wrapper .box-item .post-img img { width: 100%; float: left; height: 100%;  margin: 0; max-width: 100%; object-fit: cover; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; }
.box-listing-wrapper .box-item .post-content { padding: 25px 30px; border-top: 0px; position: relative; }
.box-listing-wrapper .box-item .post-content h2 { color: #1A2029; margin-bottom: 45px; font-size: 20px; font-weight: 500; line-height: 28px; min-height: 130px; }
.box-listing-wrapper .box-item .post-inner { display: block; border: 2px solid #EBEBED; }
.box-listing-wrapper .box-item .post-date { font-size: 16px; color: #818285; text-transform: uppercase; position: absolute; bottom: 0; left: 0; padding: 25px 30px; width: 100%;}
.box-listing-wrapper .box-item .post-inner:hover h2 { text-decoration: underline; }
.box-listing-wrapper .box-item .post-inner:hover .post-img img{ -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);; }

.f-post-item { border-bottom: 1px solid #EBEBED; }
.f-post-main .f-post-inner { display: flex; flex-direction: row-reverse; }
.f-post-main .f-post-img { width: 45%; float: left; }
.f-post-main .f-post-img .hs-featured-image { width: 100%; height: 100%; object-fit: cover; margin: 0; max-width: 100%; float: left; }
.f-post-main .f-post-content { width: 55%; float: left; padding: 60px 0px; }

.f-post-main .f-post-content .f-inner-content { padding: 0px 62px 0px 32px; }
.f-post-main .f-post-content h2 { color: #1A2029; font-size: 32px; font-weight: 500;  }
.f-post-main .f-post-content h2 a:hover{ text-decoration: underline; }
.f-post-main .f-post-content .f-post-text { font-size: 20px; color: #818285; line-height: 28px; margin: 17px 0 25px; }
.row-fluid a.read-more { font-size: 16px; color: #4DBFE7; font-weight: 500; text-transform: uppercase; text-decoration: underline; }
.row-fluid a.read-more:hover{ color: #00aeef; }

.f-bottom-wrap { margin-top: 30px; }
.f-bottom-wrap .f-post-date { color: #818285; font-size: 16px; text-transform: uppercase; display: inline-block; margin-right: 5px; }
.f-bottom-wrap .f-post-topic-wrap { display: inline-block; }
.f-bottom-wrap .f-post-topic-wrap .topic-link { color: #818285; font-size: 16px; text-transform: uppercase; position: relative; margin-left: 15px; margin-right: 8px; }
.f-bottom-wrap .f-post-topic-wrap .topic-link:before { content: ''; position: absolute; top: 0; left: -15px; bottom: 0; width: 4px; height: 4px; border-radius: 100%; background-color: #818285; margin: auto; }
.f-bottom-wrap .f-post-topic-wrap .topic-link:hover{ color: #00aeef; }

/* .row-fluid .subscription-main { margin: 0px; } */
.row-fluid .subscription-main > div{ background-color: #0055B7; padding: 40px; margin: 0px; }
.row-fluid .subscription-main h2 { color: #ffffff; font-weight: 500; text-align: center; font-size: 44px; }
.row-fluid .subscription-main .widget-type-text { color: #ffffff; font-size: 15px; text-align: center; text-transform: uppercase; line-height: 32px; margin: 10px 0px 25px; }
.row-fluid .subscription-main .blog-subscription form { display: flex; position: relative; padding-bottom: 5px;}
.row-fluid .subscription-main .blog-subscription form .hs-email { margin: 0; float: left; width: calc(100% - 53px); }
.row-fluid .subscription-main .blog-subscription form .hs-form-required { display: none; }
.row-fluid .subscription-main .blog-subscription form .hs_submit.hs-submit { width: 53px; float: left; }
.row-fluid .subscription-main .blog-subscription form .hs-email input { margin: 0; height: 47px; padding: 15px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 16px; }
.row-fluid .subscription-main .blog-subscription form .hs-button { font-size: 0px; background-color: #4DBFE7; height: 47px; border: 1px solid #ffffff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-image: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/arrow-right.png'); background-repeat: no-repeat; background-position: center;  }
.row-fluid .subscription-main .blog-subscription form .hs-button:hover{ background-color: #00aeef; }
.row-fluid .blog-subscription .submitted-message { color: #fff; text-align: center;}

.row-fluid .subscription-main .blog-subscription form .hs-email .hs-error-msgs.inputs-list { margin: 10px 0 0; }
.row-fluid .subscription-main .blog-subscription form .hs-email .hs-error-msgs.inputs-list .hs-error-msg { transform: none; color: #fff; }
.row-fluid .subscription-main .blog-subscription form .hs_error_rollup { position: absolute; left: 0; top: 100%; }
.row-fluid .subscription-main .blog-subscription form .hs_error_rollup .hs-main-font-element { color: #fff; transform: none; }
.row-fluid .subscription-main .blog-subscription form .hs_error_rollup ul.no-list.hs-error-msgs.inputs-list { margin: 0; }

.box-listing-wrapper .subscription-main > div, .box-listing-wrapper .subscription-main > div > div { height: 100%; display: flex; align-items: center;}

/* .row-fluid .download-cta { display: flex; align-items: center; margin: 0; } */
.row-fluid .download-cta a { padding: 30px; display: table-cell; background-color: #0055B7; color: #fff; text-decoration: none; text-align: center; background-image: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/cta-image.png'); background-repeat: no-repeat; background-size: cover;  }
.row-fluid .download-cta a h6 { font-size: 17px; color: #FFFFFF; font-weight: 400; text-transform: uppercase; }
.row-fluid .download-cta a h3 { font-weight: 500; color: #fff; font-size: 32px; margin-bottom: 30px; }
.row-fluid .download-cta a .download_btn { color: #fff; text-align: center; display: inline-block; font-weight: 500; font-size: 21px; border: 2px solid #4DBFE7; border-radius: 20px; padding: 14px 25px; }
.row-fluid .download-cta a:hover .download_btn{ background-color: #00aeef; border-color: #00aeef; color: #fff; }
/* .row-fluid .download-main div, .row-fluid .download-main span:not(.download_btn) { display: flex; height: 100%;} */
.row-fluid .download-cta a div { display: inherit; width: auto; height: auto;}

.row-fluid .download-cta > div, .row-fluid .download-cta span { height: 100%; display: table; }
.row-fluid .blue-stripe-main { background-color: #0055B7; padding: 40px 0px 60px; }
.row-fluid .blue-stripe-main .container > div > div { display: flex; align-items: center; }
.row-fluid .blue-stripe-main h2 { margin: 0; color: #fff; font-weight: 500; font-size: 32px; }
.row-fluid .stripe-right .stripe-w-box form { position: relative; }
.row-fluid .stripe-right .stripe-w-box form .hs-search-field__input { background-color: #fff; border: 1px solid #fff; margin: 0; border-radius: 5px; color: #818285; font-size: 15px; font-weight: 400; padding: 13px 17px; position: relative; padding-right: 60px; }
.row-fluid .stripe-right .stripe-w-box form .search-btn { cursor: pointer; position: absolute;border: none; top: 1px; bottom: 1px; right: 1px; width: 50px; background-color: #4DBFE7; border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: 1; background-image: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/search-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 45%; }

.blog-post-wrapper .post-wrapper { max-width: 825px; position: relative; margin: auto; padding: 45px 0 0px;}
.blog-post-wrapper .post-header h1 { text-align: center; font-weight: 500; font-size: 40px; color: #1A2029; margin: 0px 0px 40px; }
.blog-post-wrapper .post-header .post-header-stripe { display: flex; width: 100%; }
.blog-post-wrapper .post-header .post-header-stripe .post-date { float: left; width: 50%; color: #818285; font-size: 16px; text-transform: uppercase; display: inline-block; margin-right: 5px; }
.blog-post-wrapper .post-header .post-header-stripe p#hubspot-topic_data { margin: 0; text-align: right; width: 100%; }
.blog-post-wrapper .post-header .post-header-stripe p#hubspot-topic_data .topic-link:hover{ color: #00aeef; } 
.blog-post-wrapper .post-header .post-header-stripe p#hubspot-topic_data .topic-link { display: inline-block; color: #818285; font-size: 16px; text-transform: uppercase; position: relative; margin-left: 25px; margin-right: 0; }
.blog-post-wrapper .post-header .post-header-stripe p#hubspot-topic_data .topic-link:before { content: ''; position: absolute; top: 0; left: -16px; bottom: 0; width: 4px; height: 4px; border-radius: 100%; background-color: #818285; margin: auto; }
.blog-post-wrapper .post-header .post-header-stripe p#hubspot-topic_data .topic-link:first-child:before { content: none;  }
.blog-post-wrapper .post-header .post-header-stripe p#hubspot-topic_data .topic-link:first-child{ margin: 0px;  }

.blog-post-wrapper .post-wrapper .post-img { width: 100%; height: 450px; margin: 25px 0 45px; }
.blog-post-wrapper .post-wrapper .post-img img { width: 100%; float: left; margin: 0; max-width: 100%; object-fit: cover; height: 100%; }
.blog-post-wrapper .post-body h2 { font-size: 34px; font-weight: 500; color: #1A2029; }
.blog-post-wrapper .post-body p { font-size: 20px; color: #818285; line-height: 30px; margin: 20px 0 30px; }
.blog-post-wrapper .post-body h3 { font-size: 26px; color: #1A2029; font-weight: 500; }
.blog-post-wrapper .post-body p a:not(.cta_button) { color: #4DBFE7; }
.blog-post-wrapper .post-body p a:hover:not(.cta_button) { color: #00aeef; text-decoration: underline; }

.blog-post-wrapper .post-body ul { margin: 20px 0 30px; }
.blog-post-wrapper .post-body ul li { color: #818285; font-size: 20px; padding-left: 15px; position: relative; margin-bottom: 8px; }
.blog-post-wrapper .post-body ul li:before { content: ''; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; background-color: #4DBFE7; border-radius: 100%; }
.blog-post-wrapper .post-body h4 { font-size: 23px; color: #1A2029; font-weight: 500; }
.blog-post-wrapper .post-body p img { text-align: center; padding: 56px 0px 20px; }
.blog-post-wrapper .post-body p span { font-size: 20px; font-style: italic; text-align: center; display: block; padding-bottom: 50px; }
.blog-post-wrapper .post-body > span > p:last-child { margin-bottom: 0;}
.blog-post-wrapper .post-body ol li { color: #818285; font-size: 20px; position: relative; margin-bottom: 8px; }
.blog-post-wrapper .post-body ol { padding-left: 22px;}

.blog-pagination { padding: 35px 0 0px; text-align: center; }
.blog-pagination a { color: #818285; font-size: 15px; font-weight: 400; margin: 15px 17px; display: inline-block; position: relative; }
.blog-pagination a.previous-posts-link { padding-left: 20px; }
.blog-pagination a.previous-posts-link:before { content: '\f104'; position: absolute; left: 0; font-family: 'fontawesome'; font-weight: 700; color: #4DBFE7; font-size: 34px; top: 0; bottom: 0; margin: auto; height: 38px;}
.blog-pagination .next-posts-link { padding-right: 20px; }
.blog-pagination .next-posts-link:before { content: '\f105'; position: absolute; right: 0; font-family: 'fontawesome'; font-weight: 700; color: #4DBFE7; font-size: 34px; top: 0; bottom: 0; margin: auto; height: 38px;}
.blog-pagination a:hover{ color: #00aeef; }

.row-fluid-wrapper .row-fluid .comment-form-main { max-width: 825px; margin: auto; float: none; padding: 35px 0 60px; }
.row-fluid .comment-form-main h3 { color: #1A2029; font-size: 40px; text-align: center; font-weight: 500; margin-bottom: 35px; }
.row-fluid .comment-form-main form .hs-form-required { display: none; }
.row-fluid .comment-form-main form input, .row-fluid .comment-form-main form textarea { font-size: 15px; font-weight: 400; border: 3px solid #EBEBED; padding: 11px 10px; margin: 0 0 14px 0; }
.row-fluid .comment-form-main form textarea { height: 120px; }
.row-fluid .comment-form-main form .hs-button { font-size: 16px; background-color: #4DBFE7; font-weight: 500; width: auto; display: inline-block; border: none; border-radius: 35px; padding: 13px 30px; margin: 0; }
.row-fluid .comment-form-main form .actions { text-align: center; }
.row-fluid .comment-form-main form .hs-button:hover { background-color: #00aeef;  }

ul.share-buttons { position: sticky; right: 0; top: 145px; }
ul.share-buttons li { margin-bottom: 15px; }
ul.share-buttons li a { width: 34px; height: 34px; border-radius: 100%; background-color: #818185; display: block; text-align: center; line-height: 36px; color: #fff; font-size: 19px; }

ul.share-buttons li:last-child { margin-bottom: 0;}
ul.share-buttons li:first-child a:hover{ background-color: #1b90ee; }
ul.share-buttons li:nth-child(2) a:hover{ background-color: #4267AE; }
ul.share-buttons li:nth-child(3) a:hover{ background-color: #0477B1; }
ul.share-buttons li:nth-child(4) a:hover{ background-color: #cc5500; }

.blog-post-wrapper .post-wrapper .post-bottom { position: relative; display: flex;}
.blog-post-wrapper .post-wrapper .post-bottom .post-left { width: 100%; float: left; margin-left: 0px;}
.blog-post-wrapper .post-wrapper .post-bottom .post-right { float: right; width: auto; padding-top: 25px; margin-right: -35px; position: relative; right: -40px;}

.row-fluid .blue-stripe-main .widget-type-text { padding-left: 17px; color: #FFFFFF; font-size: 15px; text-transform: uppercase; margin-bottom: 10px;}

.topic-filter {position: relative;}
.topic-filter .block > h3 { background-color: #fff; border: 1px solid #fff; margin:0; border-radius: 5px; color: #818285; font-size: 15px; font-weight: 400; padding: 13px 17px; cursor: pointer; position: relative; z-index: 5; padding-right: 60px; }
.topic-filter .option-set { background-color: #fff; left: 0; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); border-radius: 9px; padding: 20px; position: absolute; top: 42px; width: 100%; z-index: 4; opacity: 0; visibility: hidden; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.topic-filter .option-set li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: block; font-size: 14px; margin: 0; width:100%; padding: 10px 0px;}
.topic-filter.slideIt .option-set { opacity: 1; visibility: visible; -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);; }
.topic-filter .block > h3:before { content: '\f107'; position: absolute; top: 0; bottom: 0; right: 0; background-color: #4DBFE7; width: 50px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-family: 'fontawesome'; text-align: center; color: #fff; font-size: 35px; line-height: 42px;}

.widget-module { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 1;}
.widget-module ul li a { color: #fff; display: block; padding: 10px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.widget-module ul li a:hover{color:#000;  }
.widget-module ul { max-height: 200px; overflow: auto; background-color: #4DBFE7; padding: 0px; border-radius: 4px; }
.widget-module ul li a span { display: none; }
.widget-module ul li:last-child a { border: none; }

.row-fluid .blue-stripe-main .stripe-left { width: 36%; float: left;margin-top: 20px;}
.row-fluid .blue-stripe-main .stripe-right { width: 64%; margin: 0; float: left;}
.f-post-main .f-post-img a { display: block;  height: 100%;}

.row-fluid .stripe-right .stripe-w-box { width: 50%; float: left;  padding-left: 49px; margin: 0; }

.load-more { padding: 0px 0px 50px; text-align: center; }
.load-more a { display: inline-block; font-size: 20px; color: #818285; padding-bottom: 27px; position: relative; }
.load-more a:before { content: '\f107'; position: absolute; bottom: -6px; left: 0; right: 0; margin: 0 auto; font-family: 'fontawesome'; color: #4DBFE7; font-size: 40px; font-weight: 600; }
.load-more a:hover{ color: #00aeef; }

.row-fluid .box-listing-wrapper .box-listing h3.hs-author-listing-header { font-size: 30px; padding: 0 15px; margin-bottom: 10px;}

.hs-author-profile { padding: 60px 0px 25px; display: table; width: 100%; }
.hs-author-profile .author-img { width: 250px; float: left; }
.hs-author-profile .author-content { width: calc(100% - 250px); padding-left: 22px; float: left; }
.hs-author-profile .author-content h2.hs-author-name { font-size: 25px; }
.hs-author-profile .author-content .hs-author-bio { font-size: 20px; color: #818285; line-height: 28px; margin: 17px 0 25px; }
.hs-author-profile .author-content .hs-author-social-section .hs-author-social-label { font-size: 18px; color: #818285; }

.row-fluid .header-top .orange-btn.btn-small a { background:#11B358; }
.row-fluid .header-top .orange-btn.btn-small a:hover { background:#078c41; }
.row-fluid .header-top .blue-btn.btn-small.shop-btn a { background:#818285; }
.row-fluid .header-top .blue-btn.btn-small.shop-btn a:hover { background:#696969; }

/* Search Page CSS */
.row-fluid .hs-search-results { padding: 80px 0; }
.row-fluid .hs-search-results ul#hsresults { counter-reset: section; }
.row-fluid .hs-search-results ul#hsresults li + li { border-top: 1px solid rgba(0, 0, 0, 0.2); }
.row-fluid .hs-search-results ul#hsresults li a.hs-search-results__title { font-weight: 700; position: relative; padding-left: 28px; font-size: 21px; display: inline-block; }
.row-fluid .hs-search-results ul#hsresults li p.hs-search-results__description { padding: 13px 0 0; line-height: 25px; font-size: 18px;  color: #818285; }
.row-fluid .hs-search-results ul#hsresults li a.hs-search-results__title:before { counter-increment: section; content: ""counter(section) ":"; position: absolute; left: 0; top: 0px; }
.row-fluid .hs-search-results ul#hsresults li { padding: 30px 0; }
.row-fluid .hs-search-results ul#hsresults li:first-child { padding-top: 0; }
.row-fluid .hs-search-results ul#hsresults li:last-child { padding-bottom: 0; }
.hs-search-results__pagination { padding-top: 30px; }
.hs-search-results__pagination a { font-size: 17px; color: #4DBFE7;}
.hs-search-results__pagination a:hover { color: #00aeef;}
.row-fluid .hs-search-results ul#hsresults li a.hs-search-results__title:hover{ color: #4DBFE7; }


.row-fluid .search-input ul.hs-search-field__suggestions{background-color:#fff; position: absolute; top: 100%; left: 0px;  right: 0px; border:none;border-top:1px solid #0055B7;}
.row-fluid .search-input ul.hs-search-field__suggestions li#results-for{padding:10px;}
.row-fluid .search-input ul.hs-search-field__suggestions li a{padding:8px 10px;font-size:15px;}
.row-fluid .search-input ul.hs-search-field__suggestions { background-color: #fff; border: 0; border-top: 1px solid #0055B7; position: absolute; top: 100%; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}


/* Home Page */
.banner-video-main { position: relative; }
.banner-video-main .video-bg { position: absolute; width: 100%; height: 100%; z-index: -2; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
.banner-video-main .video-content { display: table; width: 100%; max-width: 850px; margin: auto;}
.banner-video-main .video-content > div { text-align: center; display: table-cell; height: 700px; vertical-align: middle; z-index: 1; padding: 122px 0px 25px; }
.banner-video-main h1 { color: #fff; font-size: 52px; font-weight: 500; margin-bottom: 0px; }
.banner-video-main h4 { color: #fff; font-size: 22px; line-height:30px; font-weight: 400; margin:10px 0px 0; font-family:'Roboto', sans-serif, Arial, Helvetica; }
.banner-video-main .video-btn { color: #ffffff; background-color: #4DBFE7; font-size: 16px; font-weight: 500; padding: 20px 34px; border-radius: 35px; display: inline-block; margin-top: 57px;}
.banner-video-main .video-btn:hover { background-color: #00aeef; }
.banner-video-main .video-btn:before {content: '\f04b';width: 20px;height: 20px;border: 1px solid #fff;display: inline-block;border-radius: 100%;vertical-align: bottom;font-family: 'fontawesome';font-size: 10px;text-align: center;line-height: 19px;padding-left: 1px;box-sizing: border-box;margin-right: 8px;}
.banner-video-main:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #A1A5AC; mix-blend-mode: multiply; z-index: -1; }

.row-fluid .who-we-main { padding: 60px 0px; }
.row-fluid .who-we-main .container > div > div { display: flex; }
.row-fluid .who-we-main .container { width: 1460px; max-width: 100%;}
.who-we-main .who-left-section{ width: 49%; display: flex; align-items: center; justify-content: center;}
.who-we-main .who-right-section{ width: 51%; padding: 20px 165px 25px 85px; margin: 0;}
.who-we-main .who-left-section { border-radius: 4px; padding: 25px; text-align: center; position: relative; z-index: 1; overflow: hidden; }
.who-we-main .who-left-section h2 { color: #ffffff; font-size: 52px; font-weight: 500; /*font-family: 'MavenProMedium';*/}
.who-we-main .who-left-section p { font-size: 20px; color: #ffffff; font-weight: 400; line-height: 30px;}
.who-we-main .who-left-section:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0;  background-color: rgba(0, 85, 183, 0.84); z-index: -1; }
.who-we-main .who-left-section .who-left-inner { max-width: 430px; margin: auto; float: none;}

.project-main h3 { font-size: 16px; font-weight: 700; color: #0055B7; }
.project-main .project-slide h2 { color: #1A2029; font-weight: 500; font-size: 52px; margin-bottom: 0; }
.project-main .project-slide .project-text ul li { font-size: 20px; font-weight: 400; color: #818285; position: relative; padding-left: 15px; margin-bottom: 15px; }
.project-main .project-slide .project-text ul { padding: 15px 0; }
.project-main .project-slide .project-text ul li:before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: #4DC0E8; border-radius: 100%; }
.project-main .project-slide .project-quote { color: #818285; font-size: 15px; line-height: 23px; }
.project-main .project-slide h5 { color: #818285; font-size: 15px; font-weight: 400; margin: 6px 0; }
.project-main .project-slide .project-btn a { font-size: 16px; background-color: #4DBFE7; color: #fff; padding: 13px 29px; border-radius: 35px; font-weight: 500; margin-top: 25px; display: inline-block; }
.project-main .project-slide .project-btn a:hover{ background-color: #00aeef; }
.project-controls { display: table; width: 100%; margin: 10px 0 20px;}
.project-controls ul.slick-dots li { display: flex; cursor: pointer; padding: 10px; width: 50px; height: 50px; border-radius: 100%; background-color: #C0C0C2; text-align: center; margin: 5px 15px 5px 0px; align-items: center; justify-content: center; float: left; }
.project-controls ul.slick-dots li img {max-width: 100%; max-height: 100%; object-fit: contain;}
.project-controls ul.slick-dots li.slick-active { background-color: #0055B7;}

.project-slider .slick-next.slick-arrow { right: -85px; }
.row-fluid .project-slider .slick-arrow.slick-prev { left: -40px; -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);; }
.project-slider .slick-arrow.slick-next:after,.project-slider .slick-arrow.slick-prev:after{ content: none; }
.project-slider .slick-arrow{ width: 17px; top: 35%; height: 32px; padding: 0;background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/arrow-next-gray.svg') no-repeat center / contain;}
.project-slider .slick-arrow:hover{ transform: none; }
.project-slider .slick-arrow.slick-disabled { opacity: 0; visibility: hidden;}

.cases-outer .cases-box {float: left; overflow: hidden; }
.cases-outer .cases-box .box-overlay { overflow: hidden; position: absolute;-webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: flex-end; padding: 20px 20px;}
.cases-outer { display: table; width: 100%; position: relative; }
.cases-outer .cases-box-slice { width: 25%; float: left; }
.cases-outer .cases-box-slice:first-child { width: 19%; }
.cases-outer .cases-box-slice:nth-child(2) { width: 31%; }
.cases-outer .cases-box-slice:nth-child(3) { width: 31%; }
.cases-outer .cases-box-slice:nth-child(4) { width: 19%; }
.cases-outer .cases-box-slice img { width: 100%; height: 100%; object-fit: cover; transition: all 400ms ease; }
.cases-outer .cases-box-slice .cases-box { width: 100%; border: 2px solid #ffffff; display: block;position: relative; background-color:#000;}
.cases-outer .cases-box-slice .cases-box-3 { height: 14.1vw; }
.cases-outer .cases-box-slice .cases-box-1{ height: 22.55vw; }
.cases-outer .cases-box-slice .cases-box-inner { width: 100%; height: 100%; }
.cases-outer .cases-box-slice .cases-box-4 { height: 25.94vw; }
.cases-outer .cases-box-slice .cases-box-2 { height: 17.5vw; }
.cases-outer .cases-box-slice .cases-box-5 { height: 25.94vw; }
.cases-outer .cases-box-slice .cases-box-6 { height: 14.10vw; }
.cases-outer .cases-box-slice .cases-box-7 { height: 17.5vw; }
.cases-outer .cases-box-slice .cases-box-8 { height: 22.55vw; }
.cases-outer .cases-box-slice .blue-overlay .cases-box-inner { position: relative; }
.cases-outer .cases-box-slice .blue-overlay .cases-box-inner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(27, 57, 103, 0.89); }
.cases-outer .cases-box .box-overlay h2 {line-height: 28px; font-size: 28px; color: #fff; font-weight: 500; margin-bottom: 10px; opacity: 0; transition: opacity .5s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.25,.46,.45,.94);  -webkit-transform: translate3d(0,0,50px); transform: translate3d(0,0,50px); }
.cases-outer .cases-box .box-overlay h5 { line-height: 23px; color: #fff; font-size: 18px; font-weight: 300;  position: relative; margin: 0; transition: opacity .5s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.25,.46,.45,.94); padding-bottom: 35px; opacity: 0;  -webkit-transform: translate3d(0,0,50px); transform: translate3d(0,0,50px); -webkit-transition-delay: 50ms; transition-delay: 50ms; }
.cases-outer .cases-box .box-overlay div { text-align: left; max-width: 280px;}
.cases-outer .cases-box .box-overlay h5:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/arrow-big.svg') no-repeat center / contain;width: 65px;height: 23px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; -webkit-transition-delay: .1s; transition-delay: .1s;}
/*.cases-outer .cases-box-slice .cases-box-inner:after { content: ''; opacity: 0; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #6C6B6B; mix-blend-mode: multiply;}*/
.cases-full-btn a { display: block; letter-spacing: 1px; text-align: center; font-size: 20px; background-color: #4DBFE7; padding: 14px 25px; color: #fff; font-weight: 500;}
.cases-outer .cases-box-slice .cases-box:hover img { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);;}


.cases-outer .cases-box:hover .box-overlay h2,.cases-outer .cases-box:hover .box-overlay h5{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
/* .cases-outer .cases-box-slice .cases-box:hover .cases-box-inner:after{ opacity: 1;} */
.cases-outer .cases-box:hover .box-overlay h5:before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);; }
.cases-full-btn a:hover{ background-color: #00aeef; }

.cases-outer .cases-box-slice .cases-box .cases-box-inner{transition:all ease 600ms;}
.cases-outer .cases-box-slice .cases-box:hover .cases-box-inner{opacity:0.4;}

/* .row-fluid .process-main { padding: 50px 0; } */
.row-fluid .process-main h2 { font-weight: 500; font-size: 52px; color: #1A2029; }
.row-fluid .process-main p { font-size: 20px; font-weight: 400; color: #818285; line-height: 32px; }
.row-fluid .process-main .process-left { padding-right: 105px; padding-top: 50px; padding-bottom: 50px;}
.row-fluid .process-main .process-left .btn-normal { margin-top: 6px;}
.row-fluid .process-main .process-img { /*overflow: hidden;*/ margin-top: -80px; margin-left: 35px;}
.row-fluid .process-main .process-img span { display: block; margin: 0px -130px -80px -60px;}
.row-fluid .process-outer > div > .row-fluid { display: flex; align-items: center;}

.row-fluid .process-main .process-left .btn-normal { margin-top: 6px; }
/* .row-fluid .process-img span { width: 600px; height: 600px; border-radius: 100%; overflow: hidden; display: block; }
.row-fluid .process-img span img { width: 100%; height: 100% !important; object-fit: cover; object-position: center; } */
.row-fluid .process-main .container > div > .row-fluid { display: flex; align-items: center;}

.study-main { display: flex; }
.study-main .study-box { width: 50%; float: left; padding-bottom: 14px;}
.study-main .study-box:nth-child(odd){ padding-right: 15px;  }
.study-main .study-box:nth-child(even){ padding-left: 15px;  }
.study-main .study-box .study-box-inner {background-color: #000; display: block; /*overflow: hidden;*/  z-index: 1; width: 100%; height: 37.4vw; padding: 35px; position: relative; padding-top: 100px; }
.study-main .study-box .study-box-inner .case-study-name { position: absolute; background-color: rgba(0,0,0,0.4); top: 40px; left: 0; margin: 0; padding: 16px 20px 16px 25px; border-top-right-radius: 35px; border-bottom-right-radius: 35px; font-size: 20px; font-weight: 400; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; overflow: hidden; }
.study-main .study-box .study-box-inner .case-study-name span { color: #fff; z-index: 1; }
.study-main .study-box .study-box-inner .study-box-content { display: table; height: 100%; max-width: 320px;  }
.study-main .study-box .study-box-inner .study-box-content > div{  display: table-cell; vertical-align: bottom; }
.study-main .study-box .study-box-inner .study-box-content h2 { color: #fff; font-size: 30px; font-weight: 500; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);; }
.study-main .study-box .study-box-inner .study-box-content h5 { font-size: 20px; font-weight: 300; color: #ffffff; margin: 0; height: 0; opacity: 0; overflow: hidden; -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; }
.row-fluid .study-main .product-thumbimg { position: absolute; bottom: -50px; right: 40px; max-width: 36%;}
.row-fluid .study-main .product-thumbimg img {height: 100%;}
/* .study-main .study-box .study-box-inner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #6C6B6B; mix-blend-mode: multiply; z-index: -1;} */
.study-main .study-box .arrow-img { max-width: 62px; margin-top: 15px; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; }
.study-main .study-box .study-box-inner:hover .study-box-content h5 { -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);; height: auto; opacity: 1; overflow: hidden; }
.study-main .study-box .study-box-inner:hover .study-box-content h2 { -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);; }
.study-main .study-box .study-box-inner:hover .arrow-img { -webkit-animation: moveArrow .8s cubic-bezier(.19,1,.22,1) 0s 1 forwards; -moz-animation: moveArrow .8s cubic-bezier(.19,1,.22,1) 0s 1 forwards; -ms-animation: moveArrow .8s cubic-bezier(.19,1,.22,1) 0s 1 forwards; -o-animation: moveArrow .8s cubic-bezier(.19,1,.22,1) 0s 1 forwards; animation: moveArrow .8s cubic-bezier(.19,1,.22,1) 0s 1 forwards;}
@keyframes moveArrow{
    0%{ opacity:1; filter:alpha(opacity=100); -webkit-transform: translate(0px);
    -moz-transform: translate(0px);
    -o-transform: translate(0px);
    -ms-transform: translate(0px);
    transform: translate(0px);; }
    50%{ opacity:0; filter:alpha(opacity=0); -webkit-transform: translate(50px,0);
    -moz-transform: translate(50px,0);
    -o-transform: translate(50px,0);
    -ms-transform: translate(50px,0);
    transform: translate(50px,0);;  }
    51%{ opacity:0; filter:alpha(opacity=0); -webkit-transform: translate(-50px,0);
    -moz-transform: translate(-50px,0);
    -o-transform: translate(-50px,0);
    -ms-transform: translate(-50px,0);
    transform: translate(-50px,0);;  }
    100%{ opacity:1; filter:alpha(opacity=100); -webkit-transform: translate(0px,0);
    -moz-transform: translate(0px,0);
    -o-transform: translate(0px,0);
    -ms-transform: translate(0px,0);
    transform: translate(0px,0);; }
} 
.feed-main { overflow: hidden; }
.feed-main .feed-box-outer{ margin: 0px -15px; display: flex; flex-wrap: wrap; }
.feed-main .feed-box { width: 25%; float: left; padding: 14px 15px; }
.feed-main .feed-box .feed-box-inner { display: table;overflow: hidden;  z-index: 1; width: 100%; height: 30vw; padding: 35px; position: relative; }
.feed-main .feed-box .feed-box-inner .feed-box-content { display: table; height: 100%; max-width: 320px;  }
.feed-main .feed-box .feed-box-inner .feed-box-content > div{  display: table-cell; vertical-align: bottom; }
.feed-main .feed-box .feed-box-inner .feed-box-content h2 { color: #fff; font-size: 30px; font-weight: 500; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);; }
.feed-main .feed-box .feed-box-inner .feed-box-content h5 { font-size: 20px; font-weight: 300; color: #ffffff; margin: 0; height: 0; opacity: 0; overflow: hidden; -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; }
.feed-main .feed-box .feed-box-inner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #0055B7; opacity: 0.98; mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply; z-index: -1;}
.feed-main .feed-box .arrow-img { max-width: 62px; margin-top: 15px; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; }
.feed-main .feed-box .feed-box-inner:hover .feed-box-content h5 { -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);; height: auto; opacity: 1; overflow: hidden; }
.feed-main .feed-box .feed-box-inner:hover .feed-box-content h2 { -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);; }
.feed-main .feed-box .feed-box-inner:hover .arrow-img { -webkit-animation: moveArrow .8s cubic-bezier(.19,1,.22,1) 0s 1 forwards; -moz-animation: moveArrow .8s cubic-bezier(.19,1,.22,1) 0s 1 forwards; -ms-animation: moveArrow .8s cubic-bezier(.19,1,.22,1) 0s 1 forwards; -o-animation: moveArrow .8s cubic-bezier(.19,1,.22,1) 0s 1 forwards; animation: moveArrow .8s cubic-bezier(.19,1,.22,1) 0s 1 forwards;}
 
.logo-box-outer { padding: 0px 16px; }
.logo-box-main { padding: 35px 0 11px; overflow-x: hidden; }
.logo-box-main .logo-box-heading { text-align: center; padding: 0px 35px 30px; }
.logo-box-main .logo-box-heading h2 { font-size: 52px; color: #1A2029; font-weight: 500; margin-bottom: 15px; }
.logo-box-main .logo-box-heading  p { font-size: 20px; font-weight: 400; color: #818285; margin: 0; }
.logo-box-outer .logo-box { width: 16.66%; float: left; padding: 16px; }
.logo-box-outer .logo-box .logo-box-inner { overflow: hidden; height: 14.4vw; padding: 20px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; z-index: 1; }
.logo-box-outer .logo-box .logo-box-inner .logo-box-img { max-width: 100%; max-height: 65px; object-fit: contain; -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; }
.logo-box-outer .logo-box .arrow-img { max-width: 62px; height: 0; margin-top: 15px; opacity: 0; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;;  position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
.logo-box-outer .logo-box .logo-box-inner:hover .arrow-img { height: auto; opacity: 1; }
.logo-box-outer .logo-box .logo-box-inner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #6C6B6B; mix-blend-mode: multiply; z-index: -1;}
.logo-box-outer .logo-box .logo-box-inner div { position: relative; padding-bottom: 0px; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; }
.logo-box-outer .logo-box .logo-box-inner:hover div { padding-bottom: 35px; }
.logo-box-outer .logo-box .logo-box-inner:hover:before{background-color: #0055B7; opacity: 0.85; }
  
 /*Start Portfolio Page */
.portfolio-page{padding:70px 0 30px;}
.portfolio-page .portfolio-page-inner{ display: flex; align-items: flex-start;}
.portfolio-page .filter-box{ width:260px;/*border: 2px solid #EBEBED; padding:25px 20px;*/ position: sticky; top: 118px;}
.portfolio-page .filter-box-inner { padding: 25px 20px;border: 2px solid #EBEBED;}
.portfolio-page .filter-box h2{color:#1A2029; text-transform: capitalize; font-size: 26px; font-family: 'MavenProMediumNew'; font-style: normal; font-weight: 500; line-height: 36px;margin: 0; padding: 0 0 20px;}
.portfolio-page .search-box{}
.portfolio-page .search-box h3{ text-transform: uppercase;color: #818285;font-family: 'Roboto';font-style: normal;font-weight: 400;font-size: 16px;}
.portfolio-page .search-box-inner { border: 2px solid #EBEBED; border-radius: 4px;    display: inline-block;}
.portfolio-page .search-box-inner input{color: #818285;font-family: 'Roboto';font-style: normal;font-weight: 400;font-size: 15px; float: left; width: 83%;  margin: 0;}
.portfolio-page .search-box-inner a{width: 60px; line-height: 38px;  padding: 0 5px;}
.portfolio-page .search-box-inner a i{color:#4DBFE7; font-size: 22px; line-height: 33px;}

.portfolio-page .content-box{    margin: 25px 0;  border-bottom: 2px solid #EBEBED; padding-bottom: 25px;}
/*.portfolio-page .content-box h3{  margin: 0 0 10px; text-transform: uppercase;color: #818285;font-family: 'Roboto';font-style: normal;font-weight: 400;font-size: 16px;}*/
.portfolio-page .content-box h3{color:#818285;cursor:pointer;font-family:"Roboto";font-size:16px;font-style:normal;font-weight:400;margin:0;padding:0 30px 0 0;position:relative;text-transform:uppercase;}
.portfolio-page .content-box h3:after{background:url("https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/right-chevron.svg") no-repeat scroll right center;content:"";height:100%;position:absolute;right:0;top:0;transition:all 400ms ease 0s;width:16px;}
.portfolio-page .content-box h3.active:after{transform:rotate(90deg);}
.portfolio-page .content-inner{display:none; padding:15px 0 0;}
.portfolio-page .content-box:last-child{ border-bottom:none; padding-bottom: 0px;margin-bottom: 0;}

.portfolio-page .checkbox-cover { display: block; position: relative; padding-left: 26px; margin-bottom: 12px; cursor: pointer; font-size: 20px; font-family: 'MavenProMediumNew'; font-style: normal; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.portfolio-page .checkbox-cover input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.portfolio-page .checkmark {position: absolute;top: 2px;left: 0;    height: 20px; width: 20px;  background-color: #fff;border: 2px solid #EBEBED;}
.portfolio-page .checkbox-cover:hover input ~ .checkmark {  /*background-color: #ccc;*/}
.portfolio-page .checkbox-cover input:checked ~ .checkmark {/*background-color: #2196F3;*/}
.portfolio-page .checkmark:after {content: "";position: absolute;display: none;}
.portfolio-page .checkbox-cover input:checked ~ .checkmark:after { display: block;}
.portfolio-page .checkbox-cover .checkmark:after {left: 6px;top: 1px;width: 3px;height: 8px;border: solid #4DBFE7;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.portfolio-page .product-box-area {width: calc(100% - 260px);    padding: 0 0 0 30px;}

.portfolio-page .product-bottom-box-area .product-box.featured{/* width:100%; margin: 0 0 30px;*/     overflow: hidden;display: flex;border: 2px solid #EBEBED;padding: 0; width: 97.7%;  margin: 0 0 30px 11px; }
.portfolio-page .product-box.featured .product-box-img{height: 346px; width: 290px;}
.portfolio-page .product-box.featured .product-box-img img{ height:100%;}
.portfolio-page .product-box.featured .product-box-detail{width: calc(100% - 290px); padding: 30px 25px 20px 30px; }
.portfolio-page .product-box.featured .product-box-detail span{  }
.portfolio-page .product-box.featured .product-box-detail h5{ letter-spacing: 1px;text-transform: uppercase; display: block; margin: 0 0 10px; padding: 0;font-family: 'Roboto'; font-style: normal; font-size:16px;color:#818285;font-weight: 400;}
.portfolio-page .product-box.featured .product-box-detail h3{ height:auto !important;  text-transform: capitalize; font-size: 32px;  font-family: 'MavenProMediumNew';font-style: normal; font-weight: 500; line-height:40px; margin: 0; padding: 0 0 20px;}
.portfolio-page .product-box.featured .product-box-detail p{  font-family: 'Roboto'; font-style: normal;  font-weight: 400; font-size: 20px;color:#818285;    line-height: 30px; margin: 0; padding: 0 0 30px;}
.portfolio-page .product-box.featured .product-box-detail a{ padding:0;  color:#CC5500; font-family: 'Roboto'; font-style: normal;  font-weight: 400; font-size: 16px; text-decoration:underline;    text-align: right; display: block;}
.portfolio-page .product-box.featured .product-box-detail a:hover{color:#1B3967;}
.portfolio-page .product-box.featured .product-box-detail span{ padding:0;  color:#4DBFE7; font-family: 'Roboto'; font-style: normal;  font-weight: 500; font-size: 16px; text-decoration:underline;    text-align: right; display: block;}
.portfolio-page .product-box.featured .product-box-detail span:hover{color:#1B3967;}
.portfolio-page .product-box.featured a{display:flex;}
.portfolio-page .product-box.featured .product-box-detail h3 a{    text-decoration: none;color: #3b3b3b; text-align:left;height:auto !important;  text-transform: capitalize; font-size: 32px;  font-family: 'MavenProMediumNew';font-style: normal; font-weight: 500; line-height:40px; margin: 0; padding: 0 0 0px;}
.portfolio-page .product-box.featured:hover h3 { text-decoration:underline;  }

.portfolio-page .product-bottom-box-area{ width: calc(100% + 60px); display: inline-block; margin: 0px -30px;padding: 0 0 0 15px;} 
.portfolio-page .product-box{ border: 2px solid #EBEBED; width: calc(33.33% - 20px); float: left; display: inline-block; text-align: left; position: relative; padding: 0; margin: 0 10px 30px;}
.portfolio-page .product-box-img{ width:100%; overflow:hidden; }
.portfolio-page .product-box-img img {width:100%;height:160px;    object-fit: cover; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.portfolio-page .product-box-detail{ padding:20px 25px;float:left; width:100%; } 
.portfolio-page .product-box-detail h3{ padding:0;margin:0;float:left; width:100%; /*padding:0 0 40px;*/text-transform: capitalize; font-size: 20px;  font-family: 'MavenProMediumNew';font-style: normal; font-weight: 500; line-height:30px;}
.portfolio-page .product-box .product-box-detail a{padding:40px 0 0 0; color:#CC5500; font-family: 'Roboto'; font-style: normal;  font-weight: 500; font-size: 16px; text-decoration:underline;    text-align: right; display: block;}
.portfolio-page .product-box .product-box-detail a:hover{color:#1B3967;    text-decoration: underline;}
.portfolio-page .product-box .product-box-detail span{/*padding:0;margin:0; */ float:left; width:100%; padding:40px 0 0 0;color:#4DBFE7; font-family: 'Roboto'; font-style: normal;  font-weight: 500; font-size: 16px; text-decoration:underline;    text-align: right; display: block;}
.portfolio-page .product-box .product-box-detail span:hover{color:#00aeef;    text-decoration: underline;}
.portfolio-page .product-box a{ padding:0; float:left; width:100%; }
.portfolio-page .product-box a:hover .product-box-img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.portfolio-page .product-box .product-box-detail h3 a{text-align: left; text-decoration:none;  color: #3b3b3b; padding:0; text-transform: capitalize; font-size: 20px;font-family: 'MavenProMediumNew'; font-style: normal; font-weight: 500; line-height: 30px;}
.portfolio-page .product-box:hover h3{ text-decoration:underline;  }

.portfolio-page .pagination{margin:10px auto;width:100%;text-align:center;display:inline-block;}
.portfolio-page .pagination ul{display:inline-block;}
.portfolio-page .pagination ul li{display:inline;}
.portfolio-page .pagination ul li a{font-size:20px;color:#818285;float:none;padding:6px 0;text-decoration:none;transition:background-color .3s;border-radius:50%;display:inline-block;width:37px;}
.portfolio-page .pagination ul li a.active{background-color:#00AEEF;color:#fff;}
.portfolio-page .pagination ul li a.active:hover{color:#fff;}
.portfolio-page .pagination ul li a i{display:inline-block;font-size:12px;line-height:16px;vertical-align:middle;}
.portfolio-page .pagination ul li a:hover{color:#00AEEF;}

.portfolio-page .pagination ul li:nth-child(2),
.portfolio-page .pagination ul li:nth-last-child(2){margin:0 15px;}

.portfolio-page .pagination ul li:nth-child(2) a,
.portfolio-page .pagination ul li:nth-last-child(2) a{width:auto;border-radius:0;}

.portfolio-page .filter-box h2 a i{display:none;}
.portfolio-page .product-box:hover{cursor:pointer;}
.portfolio-page .closebtn{ display:none}
.portfolio-page .filter-remove{display:none;}
.portfolio-page a.clear-filter { padding-top: 20px; width: 100%; display: inline-block; text-align: center; }

.listing-pagination ul li { display: inline-block; margin: 5px 6px; }
.listing-pagination { text-align: center; float: left; width: 100%; margin-bottom: 60px; }
.listing-pagination ul li.active a { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: #4DBFE7; border-radius: 100%; color: #fff; }
.listing-pagination ul li a { color: #818285; }
.listing-pagination ul li.disabled a {     opacity: 0.5;user-select: none; pointer-events: none; }
.listing-pagination ul li.prev.page_btn i { padding-right: 7px; }
.listing-pagination ul li.next.page_btn i { padding-left: 7px; }

/*---*/
.row-fluid .error_hero { padding:250px 0 130px; min-height:calc(100vh - 208px); position:relative; text-align:center; font-size:32px; line-height:40px; font-weight:500; color:#fff; display: flex; align-items: center; font-family: 'MavenProMediumNew', sans-serif, Arial, Helvetica; }
.row-fluid .error_hero:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.row-fluid .error_hero > div { width:100%; }
.row-fluid .error_hero .container { position:relative; }
.row-fluid .error_hero .error_top_title { text-transform:uppercase; }
.row-fluid .error_hero h2 { font-size:80px; line-height:80px; color:#fff; margin:25px 0; font-weight:500; }
.row-fluid .error_hero .back_btn { margin-top:40px; }
.row-fluid .error_hero .back_btn a { color: #fff; padding: 12px 36px; font-size: 16px; line-height:24px; font-weight: 400; float:none; display: inline-block; background-color: #4DBFE7;  border-radius: 35px; font-family: 'MavenProMediumNew', sans-serif, Arial, Helvetica; }
.row-fluid .error_hero .back_btn a:hover { background: #00aeef; }

/* ==A== 28-11-2019 ==A== */
.row-fluid .style-system { padding: 89px 0px 0px; overflow: hidden; }
.row-fluid .style-system .page-header { padding: 70px 0px; text-align: center; max-width: 700px; margin: auto; }
.row-fluid .style-system .page-header h1 { font-size: 52px; font-weight: 500; color: #1A2029; line-height: normal; margin: 0; padding-bottom: 25px; }
.row-fluid .style-system .page-header h2 { font-size: 32px; font-weight: 500; color: #0056B8; line-height: normal; margin: 0; padding-bottom: 20px; }
.row-fluid .style-system .page-header p { font-size: 20px; font-weight: 400; color: #818285; line-height: 31px; }
.row-fluid .style-system .email-prefs { padding: 83px 0; position: relative; background-color: #EBEBED; }
.row-fluid .style-system .email-prefs:before { content: ''; position: absolute; top: 0; right: 100%; background-color: #EBEBED; bottom: 0; width: 50vw; }
.row-fluid .style-system .email-prefs:after { content: ''; position: absolute; top: 0; left: 100%; background-color: #EBEBED; bottom: 0; width: 50vw; }
.row-fluid .style-system .email-prefs > p.header { font-size: 20px; color: #000; }
.row-fluid .style-system .email-prefs .item { margin: 0; padding: 0px 55px; background-color: #fff; }
.row-fluid .style-system .email-prefs .item .item-inner { background-color: #fff; border-radius: 0; border: none; }
.row-fluid .style-system .email-prefs .item .fakelabel { position: relative; }
.row-fluid .style-system .email-prefs .item .fakelabel input { position: absolute; top: 0; left: 0; border: none; width: 0; height: 0; display:none; }
.row-fluid .style-system .email-prefs .item .fakelabel input + span { padding-left: 40px; margin: 0; position: relative; font-size: 32px; }
.row-fluid .style-system .email-prefs .item .fakelabel input + span:before { content: ''; position: absolute; top: 6px; left: 0; width: 26px; height: 26px; border: 2px solid #EBEBED; box-sizing: border-box; }
.row-fluid .style-system .email-prefs .item .checkbox-row + p { padding-left: 40px; margin: 5px 0 0; font-size: 20px; color: #818285; }

/** Error Page **/
.row-fluid .preferences_error .page-header p.header { margin:0; }
.row-fluid .preferences_error .page-header p.header + p.header { display:none; }
.row-fluid .preferences_error .email-prefs .item .item-inner { padding:20px 15px; box-shadow:none !important; }
.row-fluid .preferences_error .email-prefs .item .fakelabel input + span { font-weight:500; color:#1A2029; }
.row-fluid .preferences_error .email-prefs .item .selected .fakelabel input + span:after { content:''; background: url(https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/check.png); position: absolute; top: 6px; left: 0; width: 26px; height: 26px; }
.row-fluid .preferences_error .subscribe-options { display:none; }
.row-fluid .preferences_error .item_box { padding:60px 70px 80px; background:#fff; }
.row-fluid .preferences_error .email-prefs .item { padding:0; }
.row-fluid .preferences_error .email-prefs .item .checkbox-row + p { font-weight:300; }
.row-fluid .preferences_error .hs-button { margin-top:30px; margin-left:52px; padding:12px 28px; background-color:#4DBFE7; font-size:16px; line-height:22px; width:auto; border-radius:100px; display:inline-block; }
.row-fluid .preferences_error .hs-button:hover { background-color:#00aeef; }

.row-fluid .confirmation_section .success { margin-top:30px; font-size: 20px; font-weight: 400; color: #818285; line-height: 31px; }
.row-fluid .confirmation_section { height:calc(100vh - 210px); overflow: auto; display: flex; align-items: center; }
.row-fluid .confirmation_section .row-fluid-wrapper.row-number-2  { margin:0 auto; }

.row-fluid .unsubscribe  { text-align:center; }
.row-fluid .unsubscribe .page-header { padding:0; }
.row-fluid .unsubscribe_inner { margin:0 auto !important; max-width:600px; width:100%; float:none; }
.row-fluid .unsubscribe_inner h3 { margin:0 0 20px; font-size:32px; line-height:40px; font-weight:500 !important; color:#0056B8; }
.row-fluid .unsubscribe_inner .hs-input { margin-top:10px; padding:0 15px !important; width:100% !important; border:1px solid #EBEBED; height:50px; } 
.row-fluid .unsubscribe_inner .hs-button { margin-top:30px; margin-left:52px; padding:12px 28px; background-color:#4DBFE7; font-size:16px; line-height:22px; width:auto; border-radius:100px; display:inline-block; }
.row-fluid .unsubscribe_inner .hs-button:hover { background-color:#00aeef; }

 /*End Portfolio Page */

/* Design Process Page */ 
body.innerpage-body .container { width:1200px; max-width:100%; }

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

.row-fluid .inner-top-header .header-main:not(.headerfixed) .header-logo-img.logo-blue { display:block; }
.row-fluid .inner-top-header .header-main .mainmenu ul.mobile-menu > li > a { color:#1A2029; }
.row-fluid .inner-top-header .header-main:not(.headerfixed) .search-icon img.search-black { display:block; }
.row-fluid .inner-top-header .header-main .search-icon img.search-white { display:none; }
.row-fluid .inner-top-header .header-bottom { border-bottom:2px solid #EBEBED; }

.row-fluid .design-peocess-herosection { padding:45px 0 60px; font-size:20px; line-height:32px; color:#818285; }
.row-fluid .design-peocess-herosection h1 { font-size:52px; line-height:60px; font-weight:500; color:#1A2029; margin:15px 0; }
.row-fluid .design-peocess-herosection p { margin:0; }
.row-fluid .design-heroright { height:370px; border-radius:5px; }

.row-fluid .work-flow-section { background:#191F29; position:relative; }
.row-fluid .how-work-section .title { padding-top:50px; position:absolute; top:0; z-index: 2; }
.row-fluid .how-work-section .title h2 { font-size:52px; line-height:60px; font-weight:500; }
.row-fluid .how-work-col-wrap { float: left; width: 50%; padding-left: calc((100% - 1170px)/ 2); font-size: 20px; line-height: 28px; padding-top:0; }
.row-fluid .how-work-imagewrap { float: left; width: 50%; position:relative; }
.row-fluid .how-work-imagewrap:before {display:none; position:absolute; content:""; height:148px; width:148px; top:110px; right:230px; border-radius:100%; background:url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/img-dot.png') no-repeat center center / cover; animation:hover 4s ease-in-out infinite; }
.row-fluid .how-work-imagewrap .svg-anim{left:19.5vw;max-height:300px;max-width:150px;position:absolute;top:100px;z-index:1;}
.row-fluid .how-work-imagewrap .svg-anim svg{height:auto;max-width:100%;}
.row-fluid .how-work-imageinner { float:left; position: relative; height: 100%; width: 100%; background-size: cover !important; /*opacity: 0.35;*/ }
.row-fluid .how-work-col { padding-bottom:60px; padding-left:85px; position:relative; z-index:1;}
.row-fluid .how-work-icon { position:absolute; top:50%; right:calc(100% + 20px); transform:translateY(-50%); height:60px; width:60px; border-radius:100%; border:3px solid #4DBDE5; display:flex; align-items:center; justify-content:center; background:#191f29; z-index:1; font-size: 16px; color: #4DC0E8; font-weight: 500; font-family: 'MavenProMediumNew', sans-serif; }

.row-fluid .how-work-raw:nth-child(2) .how-work-imagewrap .svg-anim{left:5.5vw;max-width:90px;top:281px;}
.row-fluid .how-work-raw:nth-child(3) .how-work-imagewrap .svg-anim{left:auto;max-width:252px;overflow:hidden;right:2vw;top:345px;transform:rotate(6.5deg);}
.row-fluid .how-work-raw:nth-child(3) .how-work-imagewrap .svg-anim svg{transform:rotate(-6.5deg) translate(0px,20px);}
.row-fluid .how-work-raw:nth-child(4) .how-work-imagewrap .svg-anim{bottom:185px;left:10vw;max-width:157px;top:auto;}

.row-fluid .how-work-col h3 { font-size:26px; line-height:30px; font-weight:500; }
.row-fluid .how-work-col p { margin:0; }

.row-fluid .how-work-raw:first-child .how-work-col:first-child { padding-top:90px; }
.row-fluid .how-work-raw:nth-child(odd) .how-work-col { width:calc(100% + 132px); }
.row-fluid .how-work-raw:first-child .how-work-col-inner { margin-top:125px; padding-top:0; }
.row-fluid .how-work-raw:nth-child(2) .how-work-col-inner, .row-fluid .how-work-raw:nth-child(3) .how-work-col-inner, .row-fluid .how-work-raw:nth-child(4) .how-work-col-inner { margin-top:80px; }
.row-fluid .how-work-raw:nth-child(odd) .how-work-col-inner { padding-left:145px; }
.row-fluid .how-work-raw .how-work-col-inner { margin-bottom:140px; }
.row-fluid .how-work-raw:nth-child(2) .how-work-imagewrap:before { right:auto; left:150px; top:200px; }
.row-fluid .how-work-raw:nth-child(3) .how-work-imagewrap:before { right:150px; top:300px; }
.row-fluid .how-work-raw:nth-child(4) .how-work-imagewrap:before { right:auto; left:50%; top:310px; transform:translateX(-50%); }

.row-fluid .how-work-raw:nth-child(even) .how-work-col-wrap { padding-left:0; padding-right:calc((100% - 1170px)/ 2); float:right; }
.row-fluid .how-work-raw:nth-child(even) .how-work-imageinner { background-position:right center !important; }
.row-fluid .how-work-raw:nth-child(2) .how-work-imageinner { background-position:left -14vw center !important; }
.row-fluid .how-work-raw:nth-child(3) .how-work-imageinner { background-position:right -16vw center !important; }
.row-fluid .how-work-raw:nth-child(4) .how-work-imageinner { background-position:left -22vw center !important; }

.row-fluid .how-work-title { position:relative; }
.row-fluid .how-work-col .draw-line { position: absolute; top: 0; left: 34px; height: 100%; width: 3px; background: #4DBDE5; }

@keyframes hover { 0% {transform: none} 50% {transform: translateY(-20px)} 100% {transform: none} }

.row-fluid .techniques-section { padding:80px 0; font-size:20px; line-height:30px; color:#818285; }
.row-fluid .techniques-section p { margin:0; }  
.row-fluid .techniques-section p + p { margin:30px 0 0; }  
.row-fluid .technique-title h2 { font-size:52px; line-height:60px; font-weight:500; color:#1A2029; margin:0; }

.row-fluid .techniques-section .tabs-menulist { margin-top:50px; }
.row-fluid .techniques-section .tabs-menulist ul { float:left; width:100%; padding:0; margin:0; list-style-type:none; }
.row-fluid .techniques-section .tabs-menulist ul li { float:none; display:inline-block; vertical-align:top; width:auto; margin:0 10px; }
.row-fluid .techniques-section .tabs-menulist ul li a { float:none; display:inline-block; vertical-align:top; width:auto; padding:10px 15px; font-size:16px; line-height:22px; color:#818285; font-weight:500; border:2px solid #818185; border-radius:30px; transition:all ease-in-out .5s; min-width:200px; }
.row-fluid .techniques-section .tabs-menulist ul li.current a, .row-fluid .techniques-section .tabs-menulist ul li a:hover { color:#fff; background:#4DBFE7; border-color:#4DBFE7; } 

.row-fluid .techniques-section .tab-content { display:none; }
.row-fluid .techniques-section #tab-1 { display:block; }

.row-fluid .design-tabtop { display:flex; align-items:center; margin:50px 0; }
.row-fluid .design-tab-image { float: left; width: 555px; height: 401px; background-size: cover !important; border-radius: 8px; }
.row-fluid .branding-tab-section { background-size: cover !important; position: relative; padding: 50px 0; display:flex; align-items:center; }
.row-fluid .branding-tab-section:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6); }
.row-fluid .design-tab-content { float: left; width: calc(100% - 555px); padding-left: 40px; }
.row-fluid .design-tab-content h3 { font-size: 26px; line-height: 32px; font-weight: 500; margin-bottom:15px; }
.row-fluid .branding-content-col { display:none; }  

.row-fluid .branding-tab-left { float: left; width: 50%; background: #191F29; position: relative; overflow: hidden; }
.row-fluid .branding-tab-right { float: left; width: 50%; position: relative; padding:0 50px; }
.row-fluid .branding-tab-right h3 { font-size:26px; line-height:32px; font-weight:500; margin-bottom:15px; }
.row-fluid .branding-tab-left ul { float: left; width: 100%; }
.row-fluid .branding-tab-left ul li { float: left; width: 100%; }
.row-fluid .branding-tab-left ul li a { float: left; width: 100%; color: #fff; position: relative; padding: 14px 100px 14px 50px; font-size: 23px; line-height: 28px; font-weight: 500; font-family: 'MavenProMediumNew', sans-serif; transition: all ease-in-out .5s; }
.row-fluid .branding-tab-left ul li a:after { position: absolute; content: ""; height: 17px; width: 49px; top: 50%; right: 50px; transform: translateY(-50%); background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/tab-arrow.png') no-repeat center center; transition: all ease-in-out .5s; }
.row-fluid .branding-tab-left ul li a:hover { background: #4DBFE7; padding-left: 90px; }
.row-fluid .branding-tab-left ul li a:hover:after { right: -50px; transition: all ease-in-out .5s; }
.row-fluid .branding-tab-left ul li a:before { position: absolute; content: ""; height: 17px; width: 49px; top: 50%; left: -50px; transform: translateY(-50%); background: url(https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/tab-arrowwhite.png) no-repeat center center; transition: all ease-in-out .5s; }
.row-fluid .branding-tab-left ul li a:hover:before { left: 20px; }
.row-fluid .branding-content-col { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #191F29; padding: 30px 50px 50px; }
.row-fluid .fl100.branding-tabicon { height: 120px; width: 120px; float: right; background: #fff; border-radius: 100%; text-align: center; display: flex; align-items: center; justify-content: center; overflow:hidden; }
.row-fluid .branding-tabtitle h4 { font-size: 23px; line-height: 28px; color: #4DC0E8; font-weight: 500; margin: 10px 0; }
.row-fluid .branding-tab-return { position: absolute; bottom: 50px; right: 50px; text-align: right; width: auto; transition:all ease .5s; }
.row-fluid .branding-tab-return img.whitearrow { position: absolute; right: 0; bottom: 0; transition:all ease .5s; opacity:0; }
.row-fluid .branding-tab-return:hover img.whitearrow { opacity:1; }  
.row-fluid .branding-tab-return:hover { right:60px; }

.row-fluid .branding-tab-zigzag-raw { margin-top: 60px; display: flex; align-items: center; }
.row-fluid .branding-tab-zigzag-raw:nth-child(even) { flex-direction:row-reverse; }
.row-fluid .branding-tab-zigzag-raw:nth-child(even) .branding-tab-zigzag-content { padding-right:0; padding-left:80px; }
.row-fluid .branding-tab-zigzag-content { float: left; width: 53%; padding-right: 80px; }
.row-fluid .branding-tab-zigzag-imgwrap { float: left; width: 47%; height: 401px; background-size: cover !important; border-radius: 8px; }
.row-fluid .branding-tab-zigzag-content h5 { font-size: 20px; line-height: 26px; color: #1A2029; font-weight: 700; font-family: 'Roboto', sans-serif, Arial, Helvetica; margin: 30px 0 0; }
.row-fluid .branding-tab-zigzag-content h3 { font-size: 26px; line-height: 32px; font-weight: 500; margin-bottom: 17px; }

.row-fluid .engineering-slider-col { background:#0055B7; } 
.row-fluid .engineering-slider-colinner { padding:68px; }
.row-fluid .engineering-slider-colinner a {background: #fff; color: #3b3b3b; border-radius: 30px; padding: 15px 40px;}
.row-fluid .engineering-slider-colinner strong { font-size:26px; line-height:32px; font-weight:500; font-family:'MavenProMediumNew', sans-serif; }
.row-fluid .engineering-slider-raw .slick-dots { position:relative; bottom:0; margin-top:20px; }
.row-fluid .engineering-slider-raw .slick-dots li { line-height:0; }
.row-fluid .engineering-slider-raw .slick-dots li button { height:17px; width:17px; border:3px solid #818185; opacity:1; }
.row-fluid .engineering-slider-raw .slick-dots li button:hover, .row-fluid .engineering-slider-raw .slick-dots li.slick-active button { background:#818185; }
.row-fluid .engineering-slider-raw .slick-arrow { padding:0; height:31px; width:16px; position:absolute; }
.row-fluid .engineering-slider-raw .slick-arrow.slick-prev:after { content:""; }
.row-fluid .engineering-slider-raw .slick-arrow.slick-next:after { content:""; }
.row-fluid .engineering-slider-raw .slick-arrow.slick-prev { background:url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/left.png') no-repeat center center; background-size:cover; left:auto; right:calc(100% + 30px); }
.row-fluid .engineering-slider-raw .slick-arrow.slick-next { background:url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/right.png') no-repeat center center; background-size:cover; right:auto; left:calc(100% + 30px); }

.row-fluid .manufacturing-slider-raw .slider-navcol { padding:0 10px 50px; position:relative; min-height:110px; cursor:pointer; color:#1A2029; font-size:21px; line-height:26px; font-weight:500; font-family:'MavenProMediumNew', sans-serif; transition:all ease .5s; }
.row-fluid .manufacturing-slider-raw .slider-navcol:hover { color:#4DC0E8; }
.row-fluid .manufacturing-slider-raw .slider-navcol:after { position:absolute; content:""; height:12px; width:20px; bottom:0; left:50%; transform:translateX(-50%); background:url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/down.png') no-repeat center center; opacity:0; transition:all ease-in-out .5s; }
.row-fluid .manufacturing-slider-raw .slick-current .slider-navcol:after { bottom:25px; opacity:1; }
.row-fluid .manufacturing-slider-raw .slider-nav .slick-list { padding:0 !important; }

.row-fluid .slider-nav .slick-center.slick-current .slider-navcol { color:#4DC0E8; }
.row-fluid .manufacturing-slider-raw .slick-dots { position:relative; bottom:0; margin-top:20px; }
.row-fluid .manufacturing-slider-raw .slick-dots li { line-height:0; }
.row-fluid .manufacturing-slider-raw .slick-dots li button { height:17px; width:17px; border:3px solid #818185; opacity:1; }
.row-fluid .manufacturing-slider-raw .slick-dots li button:hover, .row-fluid .manufacturing-slider-raw .slick-dots li.slick-active button { background:#818185; }
.row-fluid .manufacturing-slider-raw .slick-arrow { padding:0; height:31px; width:16px; position:absolute; }
.row-fluid .manufacturing-slider-raw .slick-arrow.slick-prev:after { content:""; }
.row-fluid .manufacturing-slider-raw .slick-arrow.slick-next:after { content:""; }
.row-fluid .manufacturing-slider-raw .slick-arrow.slick-prev { background:url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/left.png') no-repeat center center; background-size:cover; left:auto; right:calc(100% + 30px); }
.row-fluid .manufacturing-slider-raw .slick-arrow.slick-next { background:url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/right.png') no-repeat center center; background-size:cover; right:auto; left:calc(100% + 30px); }

.row-fluid .how-work-icon { transform: scale(1.5) translateY(-50%); opacity: 0; transition: all 0.3s ease; }
.row-fluid .how-work-icon.show { opacity: 1; transform: scale(1) translateY(-50%); }

.row-fluid .how-work-raw .how-work-col-inner > div { position: relative; }
.row-fluid .how-work-raw .how-work-col-inner .draw-line-horizontal { position: absolute; bottom: 0; left: 34px; height: 3px; width: 100%; background: #4dbde5; max-width:100%; z-index:1; }
.row-fluid .how-work-raw .how-work-col-inner > div:after { content: ''; display: table; clear: both; }
.row-fluid .how-work-raw .how-work-col-inner .draw-line-vertical { position: absolute; top: 100%; width: 3px; height: 223px; background: #4dbde5; right: 0; margin-right: -37px; margin-top: -3px; max-height:230px; z-index:1; }

.row-fluid .how-work-raw:nth-child(even) .how-work-col-wrap .draw-line-horizontal { left: auto; right: 100%; max-width: 425px; margin-right: -34px; }
.row-fluid .how-work-raw:nth-child(even) .how-work-col-wrap .draw-line-vertical { left: 0; right: auto; margin-left: -391px; margin-right: 0; }

/* About Us Page */
.row-fluid .our-mission-section { padding:70px 0 0; font-size:20px; line-height:28px; color:#818285; }
.row-fluid .our-mission-section.mission-secnew .validation_bg { float:right; width:50%; margin-left:40px; }
.row-fluid .our-mission-section .mission-wrap { display:flex; align-items:center; }
.row-fluid .our-mission-section .our-mission-left { float:left; width:45%; padding-right:50px; }
.row-fluid .our-mission-section .our-mission-left h2 { font-size:52px; line-height:54px; font-weight:500; }
.row-fluid .our-mission-section .our-mission-right { float:left; width:55%; }
.row-fluid .our-mission-section .validation_bg { height:401px; float:left; width:100%; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; border-radius:6px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }    
.row-fluid .our-mission-section .validation_bg:before { position:absolute; content:""; height:100%; width:100%; top:0; left:0; background:rgba(15, 121, 245, 0.8); }
.row-fluid .our-mission-section .validation_video_code { display:none; }
.row-fluid .video-TitleBox { text-align:center; color:#fff; font-size:32px; line-height:38px; font-weight:500; position:relative; }
.row-fluid .video-TitleBox .videoTitle { padding-bottom:30px; }
.validation_video_code { padding:0 !important; max-width:800px !important; line-height:0; }
.row-fluid .our-mission-section a.play { position:relative; cursor:pointer;}
.row-fluid .about-history-section .how-work-raw:nth-child(2) .how-work-imagewrap { height:740px !important; }
body.hs-content-path-about-us .fancybox-button svg path { fill:#fff; }
.our-mission-raw .our-mission-full{clear:both; padding:20px 0;}
.row-fluid .about-history-section .how-work-raw:nth-child(1) .how-work-imageinner { background-position:left center !important; background-size:contain !important;}
.row-fluid .about-history-section .how-work-raw:nth-child(2) .how-work-imageinner { background-position:right center !important; }

.row-fluid .global-presence-section { font-size: 20px; line-height: 28px; padding-top: 0; position: relative; padding-bottom: 100px; margin-top:400px; background:#121721; }

.row-fluid .global-presence-section .global-mapimg { position:absolute; content:""; height:calc(100% + 245px); width:100%; top:-245px; left:0; }
.row-fluid .global-presence-section .global-mapimg:after { position:absolute; content:""; height:100%; width:100%; top:0; left:0; background:url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/dark.png') no-repeat center center; background-size:90% 100% !important; transition:all ease-in-out .5s; } 
.row-fluid .global-presence-section .global-mapimg:before { position:absolute; content:""; height:100%; width:100%; top:0; left:0; background:url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/light.png') no-repeat center center; background-size:90% 100% !important; transition:all ease-in-out .5s; opacity:0; } 
.row-fluid .global-presence-section.pin-fade .global-mapimg:after { opacity:0; }
.row-fluid .global-presence-section.pin-fade .global-mapimg:before { opacity:1; }

.row-fluid .global-presence-section .container { position:relative; z-index:2; } 
.row-fluid .global-presence-section:before { position: absolute; content: ""; height: 262px; width: 100%; top: -261px; left: 0; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/topcurve1.png') no-repeat top center; background-size: 100% 100% !important; }
.row-fluid .global-presence-section:after { position: absolute; content: ""; height:calc(100% + 550px); width: 100%; top: -340px; left: 0; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/global-img2.png') no-repeat top center; background-size: 100% 100%; mix-blend-mode: multiply; z-index:1; transition:all ease-in-out .5s; z-index:-1; }
.row-fluid .global-presence-section.effect:after { top:-440px; }
.row-fluid .global-presence-section h2 { font-size:52px; line-height:56px; font-weight:500; } 

.row-fluid .global-presence-section .container:before { position: absolute; content: ""; width: 205px; height: 171px; right: calc(100% - 50px); top: -40px; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/leftpin.png') no-repeat center center; background-size: cover !important; transition:all ease-in-out .5s; display:none; }
.row-fluid .global-presence-section .container > div { position: relative; z-index: 1; }
.row-fluid .global-presence-section .container:after { position: absolute; content: ""; width: 128px; height: 112px; left: calc(100% - 0px); top: 0; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/rightpin.png') no-repeat center center; background-size: cover !important; transition:all ease-in-out .5s; display:none; }
.row-fluid .global-presence-section.pin-fade .container:before, .row-fluid .global-presence-section.pin-fade .container:after { opacity:0.33; }


.row-fluid .work-flow-section.about-history-section { background:#121721; } 

.row-fluid .about-tabsection { background-size:cover !important; position:relative; padding:195px 0; background-position:top center !important; }
.row-fluid .about-tabsection.branding-tab-section:before { background:rgba(108,107,107,0.89); mix-blend-mode:multiply; }
.row-fluid .about-tabsection .branding-tab-left { float:right; width:645px; max-width:100%; }
.row-fluid .about-tabsection .branding-tab-right { padding:70px 0 0; }
.row-fluid .about-tabsection .branding-tab-right h2 { font-size:52px; line-height:56px; font-weight:500; }
.row-fluid .about-tabsection .branding-tab-left ul li a { padding:58px 100px 58px 50px; }
.row-fluid .about-tabsection .branding-tab-left ul li a:hover { padding-left:90px; }
.row-fluid .about-tabsection .branding-tabtitle h4 { font-size:32px; line-height:40px; margin-top:0; }
.row-fluid .about-tabsection .branding-tabcontent { line-height:22px; }
.row-fluid .about-tabsection .branding-tabcontent p { margin:0; }
.row-fluid .about-tabsection .branding-tabcontent p + p { margin-top:10px; }
.row-fluid .about-tabsection .branding-tab-return { bottom:20px; }

/* OverviewAll Page */
body.overview-bodypage { overflow-x:hidden; }

.row-fluid .venn-diagram-section { position: relative; min-height:400px; }
.row-fluid .venn-diagram-col { float: left; width: 33.33%; }

.row-fluid .venn-diagram-colinner { float: left; height: 350px; width: 350px; transition:all ease-in-out 3s; }
.row-fluid .venn-diagram-inner { position: relative; }
.row-fluid .venn-diagram-title { position: absolute; top: 0; left: 0; color: #fff; font-size: 32px; line-height: 40px; font-weight: 500; padding: 40px; font-family: 'MavenProMediumNew', sans-serif; transition:all ease-in-out 2s; }
.row-fluid .venn-diagram-col:first-child .venn-diagram-title { top: auto; bottom: 0; padding: 40px 40px 70px 60px; }
.row-fluid .venn-diagram-col:nth-child(2) .venn-diagram-title { text-align: center; color: #818285; }
.row-fluid .venn-diagram-col:nth-child(3) .venn-diagram-title { top: auto; bottom: 0; text-align: right; padding: 40px 60px 80px 40px; }

.row-fluid .venn-diagram-col:first-child .venn-diagram-colinner { position: absolute; left: -30px; bottom: -170px; z-index: 1; }
.row-fluid .venn-diagram-col:nth-child(2) .venn-diagram-colinner { position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%); }
.row-fluid .venn-diagram-col:nth-child(3) .venn-diagram-colinner { right:-30px; position: absolute; bottom: -170px; z-index: 1; }

#Sweet-Spot text { font-family:'MavenProMediumNew', sans-serif !important; font-weight:500; }
#Sweet-Spot { opacity:0; transition:all ease-in-out .5s; }  
.row-fluid .venn-diagram-col.moving:first-child .venn-diagram-colinner { left:calc(50% - 275px); }
.row-fluid .venn-diagram-col.moving:nth-child(2) .venn-diagram-colinner { bottom:5px; z-index:2; left:calc(50% - 19px); }
.row-fluid .venn-diagram-col.moving:nth-child(3) .venn-diagram-colinner { right:calc(50% - 250px); }
.row-fluid .venn-diagram-col.moving:nth-child(2) .venn-diagram-colinner svg g:nth-child(3) path { fill:#4DC0E8 !important; transition:all ease-in-out 4s; }
.row-fluid .venn-diagram-col.moving:nth-child(3) .venn-diagram-colinner svg g:nth-child(3) path { fill:#0D3A70 !important; transition:all ease-in-out 2s 2.4s; }
.row-fluid .venn-diagram-col.moving:nth-child(2) .venn-diagram-colinner svg path:first-child { fill:rgba(236, 236, 237,0.6) !important; transition:all ease-in-out 4s 2.5s; }
.row-fluid .venn-diagram-col.moving.blue-shape:nth-child(2) .venn-diagram-colinner svg path:nth-child(2) { fill:#4DC0E8 !important; transition:all ease-in-out .3s .4s; }
.row-fluid .venn-diagram-col.moving.blue-shape:nth-child(2) .venn-diagram-colinner g { opacity:1 !important; }
.row-fluid .venn-diagram-col.moving .venn-diagram-title { opacity:0.25; }

.row-fluid .overview-tab-section .about-tabsection { padding:300px 0 80px; font-size:20px; line-height:28px; }
.row-fluid .overview-tab-section .about-tabsection .branding-tab-right .titlebox { position:relative; }
.row-fluid .overview-tab-section .about-tabsection .branding-tab-right .titlebox:before { position:absolute; content:""; height:210px; width:210px; left:-90px; top:-90px; background:rgba(0,173,239,0.78); border-radius:100%; animation:hover 4s ease-in-out infinite; }
.row-fluid .overview-tab-section .about-tabsection .branding-tab-right .titlebox h2, .row-fluid .overview-tab-section .about-tabsection .branding-tab-right .titlebox p { position:relative; }
.row-fluid .overview-tab-section .about-tabraw { display: flex; align-items: flex-end; justify-content: space-between; }

.row-fluid .custom-design-section { padding: 120px 0; background: #EBEBED; }
.row-fluid .custom-design-headingbox { font-size: 20px; line-height: 26px; color: #818285; padding-bottom: 80px; }
.row-fluid .custom-design-headingbox h2 { font-size: 52px; line-height: 56px; font-weight: 500; color: #1A2029; margin-bottom: 20px; }
.row-fluid .custom-design-headingbox p { margin: 0; }

.row-fluid .spec-tabcontent-wrap .spec-tabcontent-left ul li a {text-decoration: underline;}

.row-fluid .custom-design-slidernavraw { position: relative; min-height:450px; }
.row-fluid .design-process-imagebox { position: absolute; top: 0; left: 50%; transform: translateX(-50%); float:left; width:100%; }
.row-fluid .design-process-imagebox img { position: absolute; top: 0; left:0; display:none; }
.row-fluid img.design-processimg1 { display: block; }
.row-fluid .custom-design-slidernavraw .slick-list { padding:70px 0 340px !important; z-index:1; overflow:visible; }




.row-fluid .processIconbox { position: absolute; width: auto; cursor:pointer; }
.row-fluid .processIconbox .processIcontitle { position: absolute; min-width:200px; }
.row-fluid .processIcontitle h5 { font-size: 20px; line-height: 24px; color: #1A2029; font-weight: 500; font-family: 'MavenProMediumNew', sans-serif; }
.row-fluid .custom-design-imgbox1 .processIconbox { top: 17px; left: 56px; }
.row-fluid .custom-design-imgbox1 .processIconbox .processIcontitle { top: 135px; }
.row-fluid .custom-design-imgbox2 .processIconbox { margin-left: 102px; top: 29px; }
.row-fluid .custom-design-imgbox2 .processIconbox .processIcontitle { margin-top: -62px; margin-left: -9px; }
.row-fluid .custom-design-imgbox3 .processIconbox { top: 118px; margin-left: 40px; }
.row-fluid .custom-design-imgbox3 .processIconbox .processIcontitle { margin-top: 115px; margin-left: 12px; }
.row-fluid .custom-design-imgbox4 .processIconbox { top: -18px; margin-left: 19px; }
.row-fluid .custom-design-imgbox4 .processIconbox .processIcontitle { margin-top: -72px; margin-left:10px; }
.row-fluid .custom-design-imgbox5 .processIconbox { top: 94px; margin-left: 2px; }
.row-fluid .custom-design-imgbox5 .processIconbox .processIcontitle { margin-top: 110px; }
.row-fluid .custom-design-imgbox6 .processIconbox { top: 90px; margin-left: 27px; }
.row-fluid .custom-design-imgbox6 .processIconbox .processIcontitle { margin-top: -75px; margin-left: -5px; }
.row-fluid .custom-design-imgbox7 .processIconbox { top: 195px; margin-left: -6px; }
.row-fluid .custom-design-imgbox7 .processIconbox .processIcontitle { margin-top: 120px; margin-left: -14px; }
.row-fluid .custom-design-imgbox8 .processIconbox { top: 40px; margin-left: 8px; }
.row-fluid .custom-design-imgbox8 .processIconbox .processIcontitle { margin-top: -85px; }

.row-fluid .custom-design-slidernavraw .slick-current .processIcontitle h5 { color:#0056B8; }
.row-fluid .custom-design-sliderforcol { text-align: center; font-size: 20px; line-height: 32px; color: #1A2029; font-weight: 300; }
.row-fluid .custom-design-title h4 { font-size: 26px; line-height: 38px; color: #1A2029; font-weight:500; }
.row-fluid .custom-design-text p { margin: 0; }
.row-fluid .custom-design-btn.btn-small a { padding:6px 29px; font-size: 16px; margin-top: 32px; }
.row-fluid .custom-design-sliderforinner { float:none; display:inline-block; vertical-align:top; width:710px; max-width:100%; vertical-align:top; margin-top:7px; }
.row-fluid .custom-design-sliderforwrap.slick-slider .slick-arrow.slick-next:after, .row-fluid .custom-design-sliderforwrap.slick-slider .slick-arrow.slick-prev:after { color:#808185; }
/* .row-fluid .custom-design-sliderforwrap.slick-slider .slick-arrow.slick-disabled { display:none !important; }  */

.custom-design-sliderforwrap ul.slick-dots { position: static; padding: 40px 0 0; }
.row-fluid .custom-design-sliderforwrap.slick-slider .slick-arrow.slick-disabled{ display:block !important; }
.custom-design-sliderforwrap ul.slick-dots button { height: 15px; width: 15px; border: 2px solid #C2C3C7; }
.custom-design-sliderforwrap ul.slick-dots .slick-active button { background: #C2C3C7; }
.row-fluid .custom-design-section .slick-arrow { top: 27% !important; }



.row-fluid .custom-case-section { padding: 100px 0; }
.row-fluid .custom-case-section .container { width: 1460px; max-width: 100%; }
.row-fluid .custom-case-heading h2 { margin: 0 0 40px; font-size: 52px; line-height: 56px; color: #1A2029; font-weight: 500; text-align: center; }
.row-fluid .custom-case-col { float: left; width: 25%; padding: 15px; }
.row-fluid .custom-case-wrap { display: block; width: auto; margin: 0 -15px; float: none; }
.row-fluid .custom-case-colinner { border: 2px solid #EBEBED; float: left; width: 100%; padding: 30px; transition:all ease-in-out .5s; }
.row-fluid .custom-case-inner { float: left; width: 100%; }
.row-fluid .custom-caseimgbox { border: 2px solid #EBEBED; padding: 50px 30px 30px; background:#fff; }
.row-fluid .custom-case-title h3 { font-size: 30px; line-height: 36px; color: #1A2029; font-weight: 500; padding:40px 0 15px 0; margin: 0; position:relative; transition: all ease-in-out .5s; }
.row-fluid .custom-case-title h3:after { position: absolute; content: ""; height: 23px; width: 67px; left: -20px; bottom: -10px; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/case-arrow.png') no-repeat center center; background-size: cover; opacity: 0; transition: all ease-in-out .5s; }
.row-fluid .custom-case-col:hover .custom-case-colinner { background: #EBEBED; }
.row-fluid .custom-case-col:hover .custom-case-title h3 { padding:30px 0 25px 0; }
.row-fluid .custom-case-col:hover .custom-case-title h3:after { left:0; opacity:1; }

.row-fluid .imgcontentbox { margin-bottom: 25px; }
.row-fluid .imgcontentbox .engi-left { float: left; width: 65%; padding-right: 25px; }
.row-fluid .imgcontentbox .engi-right { float: left; width: 35%; padding-top: 15px; }

/* Industries Page */
.row-fluid .industries-hero { padding: 110px 0 120px; font-size: 20px; line-height: 30px; color: #818285; }
.row-fluid .industries-hero h1 { font-size: 56px; line-height: 64px; color: #1A2029; font-weight: 500; margin: 30px 0 25px; }
.row-fluid .industry-heroimg { height: 480px; width: 465px; max-width: 100%; float: none; display: inline-block; vertical-align: top; }
.row-fluid .industry-heroright { position: relative; text-align: center; padding-left:50px; margin-top:40px; }
.row-fluid .indu-rightimg { height: 287px; width: 287px; position: absolute; top: -100px; right: -40px; border: 1px solid #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.4); }
.row-fluid .indu-bottomimg { height: 231px; width: 231px; position: absolute; bottom: -70px; left: 0; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 5px 20px rgba(0,0,0,0.2); }
.row-fluid .indu-bottomimg img { max-height: 160px; width: auto; }

.row-fluid .we-serve-section { background: #191F29; padding: 120px 0 60px; }
.row-fluid .we-serve-section .section-title h2 { margin-bottom: 60px; font-size: 52px; line-height: 56px; font-weight: 500; }
.row-fluid .we-serve-wrap { float: none; display: block; width: auto; margin: 0 -30px; }
.row-fluid .we-serve-col { float: left; width: 33.33%; padding: 0 30px; font-size: 18px; line-height: 26px; margin-bottom: 50px; }
.row-fluid .we-serve-col .we-serve-icon { float: none; display: flex; align-items: center; justify-content: center; height: 184px; width: 184px; margin: 0 auto; border: 6px solid #4DBEE6; border-radius: 100%; }
.row-fluid .we-serve-col .we-serve-icon img { max-height: 100px; width: auto; }
.row-fluid .we-serve-col .we-serve-title h4 { font-size: 30px; line-height: 38px; font-weight: 500; margin: 40px 0 20px; padding: 0 16px; } 

.row-fluid .indu-logo-box-mainsec .logo-box-heading h2 { font-size:52px; line-height:56px; }
.row-fluid .indu-logo-box-mainsec.logo-box-mainsec .container { width:1170px; } 
.row-fluid .indu-logo-box-mainsec.logo-box-mainsec .logo-col > div { align-items: flex-end; }
.row-fluid .indu-logo-box-mainsec.logo-box-mainsec .slick-slide:nth-child(3) .logo-col > div img { position: relative; bottom: -24px; }
.row-fluid .indu-logo-box-mainsec.logo-box-mainsec .slick-list { padding-bottom:30px; }

.row-fluid .sol-industry-section { background: #191F29; padding: 120px 0 50px; }
.row-fluid .sol-industry-section .container { width:800px; max-width:100%; }
.row-fluid .sol-industry-section .main-box-title h2 { font-size:52px; line-height:60px; font-weight:500; margin-bottom:50px; } 

.row-fluid .sol-industry-col { float: left; width: 50%; padding-right: 30px; }
.row-fluid .sol-industry-col .sol-industry-icon { float: left; height: 58px; width: 58px; border: 3px solid #4DBDE5; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.row-fluid .sol-industry-col .sol-industry-icon img { max-height: 50px; width: auto; }
.row-fluid .sol-industry-col .sol-industry-content { float: left; width: calc(100% - 58px); padding-left: 25px; font-size: 20px; line-height: 26px; }
.row-fluid .sol-industry-col .sol-industry-content h3 { font-size: 26px; line-height: 30px; font-weight: 500; margin-bottom: 15px; }
.row-fluid .sol-industry-col .sol-industry-content ul li { padding-left: 20px; position: relative; margin-bottom: 5px; }
.row-fluid .sol-industry-col .sol-industry-content ul li:before { position: absolute; content: ""; height: 5px; width: 5px; left: 0; top: 10px; background: #00AEEF; border-radius: 100%; }
.row-fluid .sol-industry-raw { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 80px; }  
.row-fluid .sol-industry-raw:last-child { margin-bottom:0; }  
.row-fluid .sol-industry-col .icon-hide .sol-industry-icon { border:0; }

.row-fluid .indu-spec-slider.spec-tabsection { padding-top:0; margin-bottom:0; }
.row-fluid .indu-spec-slider .spec-tab-slidersec { margin-top:30px; } 
.row-fluid .indu-spec-slider .spec-tab-slidersec h3 { font-size: 52px; line-height: 56px; margin-bottom: 30px; letter-spacing: -1px; } 

.row-fluid .indu-certificate-section { padding: 150px 0 70px; font-size: 20px; line-height: 30px; color: #818285; }
.row-fluid .indu-certificate-section .indu-certificate-left { float: left; width: 50%; padding-right: 65px; }
.row-fluid .indu-certificate-section .indu-certificate-right { float: left; width: 50%; padding-left: 60px; }
.row-fluid .indu-certificate-section .indu-certificate-left h2 { font-size: 56px; line-height: 60px; font-weight: 500; }
.row-fluid .indu-certificate-section .indu-certificate-right .sub-img { background: #ECECEF; height: 287px; width: 287px; padding: 15px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; position: relative; margin-top: -150px; margin-left: -60px; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2); }
.row-fluid .indu-certificate-section .indu-certificate-right .sub-img img { max-height: 240px; width: auto; }
.row-fluid .indu-certificate-raw { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 80px; }
.row-fluid .indu-certificate-col { float: left; width: 33.33%; padding-right: 35px; }
.row-fluid .indu-certificate-col .indu-testing-icon { float: left; height: 58px; width: 58px; display: flex; align-items: center; justify-content: center; border: 3px solid #4DBDE5; border-radius: 100%; }
.row-fluid .indu-certificate-col .indu-testing-content { float: left; width: calc(100% - 58px); padding-left: 25px; }
.row-fluid .indu-certificate-col .indu-testing-content h3 { font-size: 26px; line-height: 38px; font-weight: 500; margin-bottom: 15px; }
.row-fluid .indu-certificate-col .indu-testing-content ul li { padding-left: 15px; position: relative; margin-bottom: 5px; }
.row-fluid .indu-certificate-col .indu-testing-content ul li:before { position: absolute; content: ""; height: 5px; width: 5px; left: 0; top: 10px; background: #00AEEF; border-radius: 100%; }

.row-fluid .industry-form-section { background: #191F29; padding: 110px 0; }
.row-fluid .industry-form-section h2 { font-size: 40px; line-height: 44px; font-weight: 500; }
.row-fluid .industry-form-section h4 { font-size: 26px; line-height: 30px; font-weight: 500; }
.row-fluid .industry-form-section form { float: none; display: inline-block; vertical-align: top; width: 810px; max-width: 100%; margin-top: 30px; text-align: left; }
.row-fluid .industry-form-section form fieldset { max-width: 100%; }
.row-fluid .industry-form-section form .hs-form-field > label { color: #fff; display: inline-block; vertical-align: top; width: 100%; font-size: 18px; line-height: 22px; margin-bottom: 7px; }
.row-fluid .industry-form-section form fieldset .hs-input { padding: 10px 15px; border: 3px solid #EAEAEC; margin-bottom:30px; }
.row-fluid .industry-form-section form .hs-form-field:first-child { padding-right: 15px; }
.row-fluid .industry-form-section form .hs-form-field:last-child { padding-left: 15px; }
.row-fluid .industry-form-section form fieldset.form-columns-2 .input { margin-right: 0 !important; }
.row-fluid .industry-form-section form fieldset.form-columns-1 .input { margin-right: 0 !important; }
.row-fluid .industry-form-section form fieldset.form-columns-1 .hs-form-field:last-child { padding: 0; }
.row-fluid .industry-form-section form textarea { height: 145px; resize: auto; }
.row-fluid .industry-form-section form .actions { text-align:center }
.row-fluid .industry-form-section form input[type="submit"] { width: auto; height: auto; background: #4DBFE7; border-radius: 30px; padding: 15px 37px; font-size: 19px; font-weight: 600; margin-top: 5px; }
.row-fluid .industry-form-section form input[type="submit"]:hover { background:#00aeef; }
.row-fluid .industry-form-section form ul.hs-error-msgs { color: #fff; position: relative; top: -14px; }
.row-fluid .industry-form-section .submitted-message { background: #fff; float: none; display: inline-block; vertical-align: top; width: 500px; max-width: 100%; padding: 70px 30px; font-size: 28px; line-height: 32px; font-weight: 700; margin-top: 40px; }

.row-fluid .sub-footersection .container > div > div { display: flex; align-items: center; }
.row-fluid .sub-footersection .footer-logo { padding-right: 30px; position: relative; }
.row-fluid .sub-footersection .footer-logo:after { position: absolute; content: ""; height: 60px; width: 1px; right: 0; top: 50%; background: #ccc; transform: translateY(-50%); }
.row-fluid .footer-section .sub-footersection .container { width: 920px; max-width: 100%; }


/* Overview Specific Page */
.row-fluid .over-specbanner { padding:143px 0 73px; }

.row-fluid .case-contentsection { padding:90px 0; font-size:20px; line-height:28px; color:#818285; position:relative; }
.row-fluid .case-contentleft { float: left; width: 50%; }
.row-fluid .case-contentleft h2 { font-size:52px; line-height:60px; color:#1A2029; font-weight:500; margin:0; }
.row-fluid .case-contentright { float: left; width: 50%; padding-left: 170px; padding-top:60px; }
.row-fluid .case-contentright ul { float: left; width: 100%; padding: 0; margin: 20px 0 20px 0; list-style-type: none; }
.row-fluid .case-contentright ul li { float: left; width: 100%; position: relative; padding-left: 15px; margin-bottom: 10px; }
.row-fluid .case-contentright ul li:before { position: absolute; content: ""; height: 5px; width: 5px; left: 0; top: 11px; background: #4DC0E8; border-radius: 100%; padding: 0; }
.row-fluid .case-contentleft ul li {list-style: outside; margin-left: 25px;}
.row-fluid .case-contentright h3 { font-size:26px; line-height:32px; color:#1A2029; font-weight:500; margin:30px 0 0; }
.row-fluid .case-contentright-icon { float:left; height:210px; width:210px; background:#fff; border-radius:100%; border-radius:100%; display:flex; align-items:center; justify-content:center; box-shadow:0px 7px 10px rgba(0,0,0,0.1); position: absolute; top: -80px; z-index: 1; right: calc((100% - 1240px)/ 2); }
.row-fluid .case-contentright-icon img {max-width: 69%}
.row-fluid .case-contentright .btn-small a { font-size:16px; line-height:20px; padding:12px 30px; }
.row-fluid .case-contentright .btn-small a:hover { background:#00aeef; }

.row-fluid .spec-tabsection { background: #191F29; padding: 100px 0; margin-bottom:30px; }
.row-fluid .spec-tabsection .spec-tab-headingbox { font-size: 20px; line-height: 26px; margin-bottom: 20px; }
.row-fluid .spec-tabsection .spec-tab-headingbox h2 { font-size: 52px; line-height: 58px; font-weight: 500; margin-bottom: 15px; font-family: 'MavenProMediumNew'; }
.row-fluid .spec-tabmenu ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; text-align: center; }
.row-fluid .spec-tabmenu ul li { float: none; display: inline-block; vertical-align: top; margin: 0 10px; }
.row-fluid .spec-tabmenu ul li a { float: none; display: inline-block; vertical-align: top; padding: 12px 25px; margin-top: 10px; color: #fff; font-weight: 500; border: 1px solid #fff; border-radius: 30px; min-width: 120px  ; max-width: 100%; }
.row-fluid .spec-tabmenu ul li:first-child { margin-left: 0; }
.row-fluid .spec-tabmenu ul li:last-child { margin-right: 0; }
.row-fluid .spec-tabmenu ul li.current a { background: #fff; color: #1A2029; border-color:#fff; }
.row-fluid .spec-tabmenu ul li a:hover { background: #D9DBDB; border-color: #D9DBDB; color:#191F29; }
  
.row-fluid .spec-tabcontent-col { display:none; }
.row-fluid .spec-tabcontent-section #spectab1 { display:block; }

.row-fluid .spec-tabcontent-section { font-size: 20px; line-height: 30px; margin-top:60px; }
.row-fluid .spec-tabcontent-section a { color:#fff; }
.row-fluid .spec-tabcontent-section a:hover { color:#4DC0E8; text-decoration:underline; }
.row-fluid .spec-tabcontent-left { float: left; width: 50%; padding-right: 25px; }
.row-fluid .spec-tabcontent-left .stock-borderbox { float: left; width: 100%; padding: 30px 35px 40px; border: 1px solid #fff; }
.row-fluid .spec-tabcontent-left h3 { font-size:26px; line-height:32px; color:#fff; font-weight:500; margin-bottom:15px; }
.row-fluid .spec-tabcontent-left ul { float: left; width: 100%; padding: 0; margin:0; list-style-type: none; }
.row-fluid .spec-tabcontent-left ul li { float: left; width: 100%; position: relative; padding-left: 15px; margin-bottom: 0; }
.row-fluid .spec-tabcontent-left ul li:before { position: absolute; content: ""; height: 5px; width: 5px; left: 0; top: 13px; background: #4DC0E8; border-radius: 100%; padding: 0; }
.row-fluid .spec-tabcontent-right { float: left; width: 50%; }
.row-fluid .spec-tabcontent-imgbox { float: left; width: 50%; padding: 15px; text-align: center; position: relative; }
.row-fluid .spec-tabimg { height: 240px; float: left; width: 100%; background-size: cover !important; display: flex; align-items: center; justify-content: center; position:relative; }
.row-fluid .spec-tabimg .link-over{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;}
.row-fluid .spec-tabcontent-imgbox.select-box .spec-tabimg:before { position:absolute; content:""; height:0; width:100%; top:0; left:0; background:rgba(0,85,183,0.84); transition:all ease-in-out .5s; }
.row-fluid .spec-tabimg > div { position:relative;opacity:0; transition:all ease-in-out .5s; padding:0 20px; }
.row-fluid .spec-tabcontent-imgbox h5 { font-size:17px; line-height:22px; text-transform:uppercase; font-weight:400; letter-spacing:1px; margin:0; }
.row-fluid .spec-tabcontent-imgbox h4 { font-size:20px; line-height:26px; font-weight:500; margin:10px 0 20px; }
.row-fluid .spec-tabcontent-imgbox a.link { z-index:2; font-size:16px; line-height:24px; color:#fff; font-weight:500; text-transform:capitalize; padding:10px 25px; border:2px solid #4DBEE7; border-radius:35px; }
.row-fluid .spec-tabcontent-imgbox a.link:hover { background:#4DBEE7; text-decoration:none; }
.row-fluid .spec-tabcontent-imgbox.select-box .spec-tabimg:before { height:100%; }
.row-fluid .spec-tabcontent-imgbox.select-box .spec-tabimg > div { opacity:1; }
.row-fluid .engineering-tab-section .container { padding: 0; }

.row-fluid .spec-tab-slidersec { margin-top:60px; }
.row-fluid .spec-tab-slidersec h3 { font-size: 32px; line-height: 38px; font-weight: 500; margin-bottom: 20px; }
.row-fluid .spec-tab-sliderimg { float: left; width: 160px; height: 160px; background: #fff; display: flex; align-items: center; justify-content: center; }
.row-fluid .spec-tab-sliderimg img { max-height: 160px; width: auto; }
.row-fluid .checkout-text { margin-top: 20px; }
.row-fluid .checkout-text a { color:#fff; }
.row-fluid .checkout-text a:hover { color:#4DC0E8; }
.row-fluid .spec-tab-slidersec .slick-slider .slick-arrow { top:36%; }
.row-fluid .spec-tab-slidersec .slick-slider .slick-arrow.slick-next { left:100%; }
.row-fluid .spec-tab-slidersec .slick-slider .slick-arrow.slick-prev { right:calc(100% + 25px); left:auto; }

.row-fluid .logo-box-mainsec { padding: 70px 0; font-size: 20px; line-height: 28px; color: #818285; }
.row-fluid .logo-box-heading h2 { font-size: 32px; line-height: 40px; color: #1A2029; font-weight: 500; }
.row-fluid .logo-box-mainsec .container { width: 800px; max-width: 100%; }
.row-fluid .logo-box-wrap { margin-top:35px; }
.row-fluid .logo-box-mainsec .slick-slide img { display:inline-block; vertical-align:top; padding: 0px 15px;}
.row-fluid .logo-box-mainsec .logo-col > div { height: 100px; display: flex; align-items: center; justify-content: center; }
.row-fluid .logo-box-mainsec .slick-slider .slick-arrow { color:#1A2029; }
.row-fluid .logo-box-mainsec button.slick-arrow { transform:translateY(-50%); }
.row-fluid .logo-box-mainsec .slick-slider .slick-arrow.slick-next { left:100%; }
.row-fluid .logo-box-mainsec .slick-slider .slick-arrow.slick-prev { right:calc(100% + 50px); left:auto; }

/* Basic Template */
.row-fluid .basic-herosection { font-size:52px; line-height:60px; font-family:'MavenProMediumNew'; padding:140px 0px 70px; } 

.row-fluid .basic-contentsection { padding: 68px 0; font-size: 20px; line-height: 30px; color: #818285; }
.row-fluid .basic-contentsection .container { padding-bottom:30px; border-bottom:3px solid #EBEBED; }
.row-fluid .basic-contentsection p { margin: 0 0 28px; }
.row-fluid .basic-contentsection h1, .row-fluid .basic-contentsection h2, .row-fluid .basic-contentsection h3, .row-fluid .basic-contentsection h4, .row-fluid .basic-contentsection h5, .row-fluid .basic-contentsection h6 { color: #1A2029; font-family: 'MavenProMediumNew'; margin-top:12px; }
.row-fluid .basic-contentsection h1 { font-size: 52px; line-height: 56px; font-weight:500; letter-spacing: 0; margin-bottom: 24px; }
.row-fluid .basic-contentsection h2 { font-size: 34px; line-height: 40px; margin-top:50px; font-weight:500; }
.row-fluid .basic-contentsection h3 { font-size: 26px; line-height: 32px; margin-top:50px; font-weight:500; }
.row-fluid .basic-contentsection h4 { font-size: 22px; line-height: 26px; margin-top:50px; font-weight:500; }
.row-fluid .basic-contentsection a { color: #4DC0E8; text-decoration: underline; text-underline-position: under; font-weight: 500; }
.row-fluid .basic-contentsection a:hover { color: #00AEEF; }
.row-fluid .basic-contentsection ul li { position:relative; padding-left:16px; }
.row-fluid .basic-contentsection ul li:before { position:absolute; content:""; height:5px; width:5px; left:0; top:12px; background:#4DC0E8; border-radius:100%; }

.row-fluid .two-col-text-section { padding-bottom: 85px; font-size: 20px; line-height: 30px; color: #818285; }
.row-fluid .two-col-text-section fieldset.form-columns-1 .hs-input { width:100% !important; }
.row-fluid .two-col-text-section fieldset { max-width:100% !important; }
.row-fluid .two-col-text-section select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url("https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/select-arrow.png") no-repeat center right 12px #ffffff; }
.row-fluid .two-col-text-section fieldset.form-columns-1 input[type="file"].hs-input { height: auto; padding: 10px 15px; }
.row-fluid .two-col-text-section select::-ms-expand { display: none; }
.row-fluid .two-col-text-section .span6:first-child { padding-right: 50px; }
.row-fluid .two-col-text-section .span6 h3 { color: #1A2029; font-size: 34px; line-height: 40px; font-weight: 500; font-family: 'MavenProMediumNew'; }
.row-fluid .two-col-text-section .span6:last-child h3 { text-align: center; margin-bottom: 20px; }
.row-fluid .two-col-text-section form .hs-input { border: 2px solid #EBEBED; padding: 0 15px; height: 45px; color:#818285; }
.row-fluid .two-col-text-section form .hs-form-required { display: none; }
.row-fluid .two-col-text-section form textarea.hs-input { height: 125px; padding: 15px; }
.row-fluid .two-col-text-section form input[type="submit"] { width: auto; height: auto; background: #4DBFE7; border-radius: 30px; padding: 13px 36px; font-size: 16px; font-weight: 600; margin-top: 5px; }
.row-fluid .two-col-text-section form .actions { text-align: center; }
.row-fluid .two-col-text-section form input[type="submit"]:hover { background:#00aeef; }
.row-fluid .two-col-text-section .hs_error_rollup { display:none !important; }
.row-fluid .two-col-text-section .hs-error-msg { color:#f00; }
.row-fluid .two-col-text-section .submitted-message { text-align: center; }


.row-fluid .simple-ctasec { padding: 68px 0; font-size: 20px; line-height: 26px; font-family: 'MavenProMediumNew'; }
.row-fluid .simple-ctasec h2 { font-size: 32px; line-height: 40px; font-weight: 600; margin-bottom: 15px; }
.row-fluid .simple-ctasec .btn-small a { margin-top: 40px; font-size: 16px; line-height: 24px; font-family: 'Roboto', sans-serif, Arial, Helvetica; font-weight: 600; padding: 10px 30px; }
.row-fluid .simple-ctasec .btn-small a:hover { background:#00aeef; }

.row-fluid .form-example-section { background: #191F29; padding: 80px 0; }
.row-fluid .form-example-section fieldset { max-width: 100%; }
.row-fluid .form-example-section .container { width: 780px; }
.row-fluid .form-example-section form .hs-input { border: 1px solid #DCDCDC; padding: 0 15px; height: 45px; margin-bottom:25px; color:#818285; }
.row-fluid .form-example-section form .hs-form-required { display: none; }
.row-fluid .form-example-section form textarea.hs-input { height: 125px; padding: 15px; }
.row-fluid .form-example-section form input[type="submit"] { width: auto; height: auto; background: #4DBFE7; border-radius: 30px; padding: 13px 36px; font-size: 16px; font-weight: 600; margin-top: 10px; }
.row-fluid .form-example-section form .actions { text-align: center; }
.row-fluid .form-example-section form input[type="submit"]:hover { background:#00aeef; }
.row-fluid .form-example-section fieldset.form-columns-2 .input { margin-right:0; }
.row-fluid .form-example-section fieldset.form-columns-2 .hs-form-field:first-child { padding-right:12px; } 
.row-fluid .form-example-section fieldset.form-columns-2 .hs-form-field:last-child { padding-left:13px; } 
.row-fluid .form-example-section form select { color:; background:url(https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/drop-arrow.png) no-repeat center right 15px #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none \9; -o-appearance: none; }
.row-fluid .form-example-section h3.form-title { text-align:center; color:#fff; font-size:32px; line-height:40px; font-weight:500; font-family: 'MavenProMediumNew'; margin-bottom:25px; }
.row-fluid .form-example-section .hs_error_rollup { display:none !important; }
.row-fluid .form-example-section .hs-error-msg { color:#fff; }

.row-fluid .form-example-section .submitted-message { color: #fff; text-align: center; font-size: 24px; line-height: 30px; font-weight: 600; min-height:500px;display:flex;align-items:center;justify-content:center;}}

.row-fluid .your-vision-section { padding:80px 0; }
.row-fluid .your-vision-section-title { font-size:52px; line-height:60px; color:#1A2029; font-weight: 500; }
.row-fluid .your-vision-section-title h2 { font-weight: 500; }
.row-fluid .your-vision-wrap { padding-top:45px; }
.row-fluid .your-vision-col { float:left; width:33.33%; padding:15px; }
.row-fluid .your-vision-col:last-child .your-vision-img { position:relative; left:30px; }
.row-fluid .your-vision-text { margin-top:40px; font-size:20px; line-height:28px; color:#818285; padding:0 10px; }
.row-fluid .your-vision-text p { margin:0; }
.row-fluid .your-vision-text p + p { margin:15px 0 0; }
.row-fluid .your-vision-text h3 { font-size:30px; line-height:40px; color:#1A2029; font-weight:500; }
.row-fluid .vision-bottom-text h3 { color:#1A2029; font-weight:500; margin: 60px 0 0; font-size: 30px; line-height: 40px; }
.row-fluid .your-vision-img { background: transparent; /*#e8f8f9;*/ }
.row-fluid .your-vision-img .mobile-img { display:none; }

/* Foam Designer Page */
.row-fluid .foam-herosection.banner-main { padding:140px 0 70px; } 

.row-fluid .simple-design-section.process-main .process-left { padding-right:0; font-size:20px; line-height:26px; color:#818285; }
.row-fluid .simple-design-section.process-main .process-left h2 { line-height:56px; }
.row-fluid .simple-design-section.process-main .process-left ul { float:left; width:100%; padding:0; margin:0; list-style-type:none; }
.row-fluid .simple-design-section.process-main .process-left ul li { float:left; width:100%; padding-left:20px; position:relative; }
.row-fluid .simple-design-section.process-main .process-left ul li:before { position:absolute; content:""; height:6px; width:6px; left:0; top:0; background:#4DBFE7; border-radius:100%; }
.row-fluid .simple-design-section.process-main .process-img { overflow:visible; margin:0; }
.row-fluid .simple-design-section.process-main .process-img span { margin:0; }

/* New Footer */
.row-fluid .footer-section .footer-main { padding:50px 0; font-size:20px; line-height:30px; color:#818285; background:#ECECED; }
.row-fluid .footer-section .container { width:1530px; max-width:100%; padding:0 15px; } 
.row-fluid .footer-section .hs-menu-wrapper > ul > li > a { color:#818285; padding:0 0 2px; overflow: inherit; white-space: break-spaces; } 
.row-fluid .footer-section .hs-menu-wrapper > ul > li > a:hover { color:#4DBFE7; }
.row-fluid .footer-section .footerbox p { margin:0; }
.row-fluid .footer-section .footerbox ul { padding:0; margin:0; list-style-type:none; }
.row-fluid .footer-section .footerbox ul li { margin-bottom:5px; }
.row-fluid .footer-leftbox { position:relative; padding-right:20px; padding-top:20px; }
.row-fluid .footer-leftbox:before { position:absolute; content:""; height:100%; width:1px; right:40px; top:0; background:#B6B6B9; }
.row-fluid .footer-section .footerbox ul.social-media { margin-top:25px; }
.row-fluid .footer-section .footerbox4 a { color:#818285; }
.row-fluid .footer-section .footerbox4 a:hover { color:#4DBFE7; }
.row-fluid .footer-rightbox { margin: 0 !important; width: 250px; max-width: 100%; font-size: 18px; line-height: 26px; padding-left: 10px; padding-top: 20px; }
.row-fluid .footer-rightbox h2 { font-size: 32px; line-height: 36px; font-weight: 400; }
.row-fluid .footer-rightbox .btn-small a { font-size: 16px; margin-top: 20px; padding: 9px 29px; }
.row-fluid .footer-rightbox .btn-small a:hover { background:#00AEEF; }

.row-fluid .copyright-footer { color:#818285; font-size:20px; line-height:26px; margin:25px 0; }
.row-fluid .copyright-footer a { color:#818285; }
.row-fluid .copyright-footer a:hover { color:#4DBFE7; }
.row-fluid .copyright-footer p { margin:0; }
.row-fluid .copyright-footer .span6 { float:none; display:inline-block; vertical-align:middle; width:auto; margin:0; }
.row-fluid .copyright-footer .hs-menu-wrapper > ul > li > a { padding:0 20px; position:relative; border-left:2px solid #B6B9B9; font-weight:700; }
.row-fluid .copyright-footer .span6:nth-child(2) { padding-left:20px; position:relative; top:2px; }



/* 27-01-2020 */

.row-fluid .fd_process_section { padding:30px 0 55px; }
.row-fluid .simple-design-section.process-main.fd_process_section .process-left ul li:before  { top:10px; }
.row-fluid .simple-design-section.process-main.fd_process_section .process-left { line-height:30px; padding-left: calc((100% - 1140px)/2); }
.row-fluid .simple-design-section.process-main.fd_process_section .process-left h2 {     margin-bottom: 25px; }
.row-fluid .simple-design-section.process-main.fd_process_section .process-left .btn-normal a { margin-top:20px; padding: 7px 28px; }
.row-fluid .simple-design-section.fd_process_section .process-right { padding-right:15px; }

.row-fluid .fd_step_section { width:100%; float:left; padding:100px 0;   text-align:center; background:#EBEBED; }
.row-fluid .fd_cmn_title  h2 { font-size:52px; line-height:60px; color:#1A2029;  }
.row-fluid .fd_step_section .fd_cmn_title { margin-bottom:60px; }
.row-fluid .fd_step_box { width:100%; float:left; }
.row-fluid .fd_step_part {     width: 33.33%;  float: none; display: inline-block; margin: 0 -30px; vertical-align: middle; }
.row-fluid .fd_step_inner { width:100%; float:left; height:380px; border-radius:100%; display:flex; position:relative; cursor:pointer; align-items: center; justify-content: center; background:#fff;  transition: all 0.4s ease-in-out; } 
.row-fluid .fd_step_inner:before { position:absolute; content:""; width:100%; height:100%; border-radius:100%; left:0; top:0; background: rgba(129,129,129,0.85);  transition: all 0.4s ease-in-out; }
.row-fluid .fd_step_inner h3 { width: 100%; position:absolute;  padding:0 15px; font-size:32px; line-height:50px; color:#fff; top:50%; left:50%; transform:translate(-50% , -50%); z-index:1; font-weight:400;  font-family: 'Roboto', sans-serif, Arial, Helvetica;     transition: all 0.4s ease-in-out; }
.row-fluid .fd_step_inner h3 span { width:100%; float: none; display: inline-block; font-size:52px; line-height:68px;  }
.row-fluid .fd_step_box_img {  }
.row-fluid .fd_step_box_img img { width: auto; max-height: 200px; }

.row-fluid .fd_step_inner.active:before { background:rgba(77, 191, 231, 0.8); }
.row-fluid .fd_step_inner.active { z-index:1; }
.row-fluid .fd_step_inner.active h3 { font-size:48px; line-height:60px; }
.row-fluid .fd_step_inner.active h3 span { font-size:78px; line-height:93px; }

.row-fluid .fd_step_slider {  margin-top:45px; width:920px; max-width:100%; float:none; display:inline-block; padding:0 100px; }
.row-fluid .fd_step_slider_part { width:100%; float:left; font-size:20px; line-height:30px; color:#1A2029; font-weight:300; }
.row-fluid .fd_step_slider_part h4 {  font-size:26px; line-height:38px; color:#1A2029; }
.row-fluid .fd_step_slider.slick-slider .slick-arrow:after  { display:none;  }
.row-fluid .fd_step_slider .slick-prev { background:url(https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/left_arrow_img.png) center no-repeat; }
.row-fluid .fd_step_slider .slick-next { background:url(https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/right_arrow_img.png) center no-repeat; }


.row-fluid .fd_option_section { width:100%; float:left; padding:110px 0;  }
.row-fluid .fd_option_title { width:100%; float:left; text-align:center; margin-bottom:50px; } 
.row-fluid .fd_option_title h2 {  }
.row-fluid .fd_option_box { display:block; margin:0 -50px; width:auto;  }
.row-fluid .fd_option_box.fd_option_top { margin-bottom:65px; }
.row-fluid .fd_option_box.fd_option_bottom { margin-top:65px; }

.row-fluid .fd_option_part { width:33.33%; float:none; display:inline-block; vertical-align:top; margin:0 -2px; padding:0 50px; font-size:20px; line-height:30px; color:#818285; font-weight:300; }
.row-fluid .fd_option_part h3 { font-size:26px; line-height:32px; font-weight:500; margin-bottom: 15px; }
.row-fluid .fd_option_img {}


.row-fluid .fd_custom_section { width:100%; float:left; padding:120px 0 0; background:#191F29; text-align:center; }
.row-fluid .fd_custom_section .fd_cmn_title h2 { color:#fff; margin-bottom:83px; }
.row-fluid .fd_custom_box { width:100%; float:left; border-bottom:1px solid #82858B; padding-bottom:55px; }
.row-fluid .fd_custom_part { }
.row-fluid .fd_custom_part h5 {  font-size:20px; line-height:30px; color:#fff; font-weight:400;  }
.row-fluid .fd_custom_part h5 a { color:#fff; }
.row-fluid .fd_custom_img { width:80px;  float:none; display:inline-block; margin-bottom:15px; }
.row-fluid .fd_custom_icon {  width:100%; float:left; height:80px; border:3px solid #fff; padding:10px; display:flex; align-items:center; justify-content:center; border-radius:100%; transition:all 0.4s ease-in-out; }
.row-fluid .fd_custom_icon img {  width:auto; max-height:55px; }

.row-fluid .fd_custom_part a:hover .fd_custom_icon { border-color:#0055B5; }


.row-fluid .fd_brand_section { width:100%; float:left; padding:55px 0 0; background:#191F29; text-align:center;  }
.row-fluid .fd_brand_section .logo-box-heading h2 { color:#fff; margin-bottom:22px; }
.row-fluid .fd_brand_box { width:100%; float:left; border-bottom:1px solid #82858B; padding-bottom:42px;  } 
.row-fluid .fd_brand_part { width:130px;  float:none; display:inline-block; vertical-align:top; padding:18px; }
.row-fluid .fd_brand_part a { width:100%; height:92px;  background:#fff; position:relative; border-radius:100%; float: left; padding: 10px; display: flex; align-items: center; justify-content: center; } 
.row-fluid .fd_brand_part a img {  width:auto; max-height:55px; position:relative; z-index:1; }
.row-fluid .fd_brand_part a:before { position:absolute; content:"";  border-radius: 100%; width:100%; height:100%; left:0; top:0;   background:rgba(0,85,181,0.8); opacity:0; transition:all 0.4s ease; z-index: 2; }
/* .row-fluid .fd_brand_part a:hover { background:#0055B5;  } */
/* .row-fluid .fd_brand_inner { position:absolute;   border-radius: 100%; width:100%; height:100%; left:0; top:0; background:#fff; }
.row-fluid .fd_brand_part a:hover .fd_brand_inner {   background:rgba(0,85,181,0.8);  z-index:2; }  */
.row-fluid .fd_brand_part a:hover:before { opacity:1; }


.row-fluid .fd_product_section { width:100%; float:left; padding:55px 0 150px; background:#191F29; text-align:center; }
.row-fluid .fd_product_title { width:700px; max-width:100%; float:none; display:inline-block; margin-bottom:20px; font-size:20px; line-height:30px; color:#fff; }
.row-fluid .fd_product_title h2 { color:#fff; }
.row-fluid .fd_product_box { width:1100px; max-width:100%; float:none; display:inline-block; padding:0 70px; }
.row-fluid .fd_product_part {}
.row-fluid .fd_product_inner {  width:100%; float:left; padding:0 15px; text-align:center; }
.row-fluid .fd_product_img { width:159px; height:159px; background-size:cover !important; position:relative;  float:none; display:inline-block; cursor:pointer; }
.row-fluid .fd_product_img:before { position:absolute; content:""; width:100%; height:100%; left:0; top:0; background:rgba(0,85,181,0.8); opacity:0; transition: all 0.5s ease-in-out;  }
.row-fluid .fd_product_box .fd_product_img:hover:before { opacity: 1; }
.row-fluid .fd_product_box .slick-arrow { top: 50%; transform: translateY(-50%); }

/* .row-fluid .fd_product_box .slick-current .fd_product_img:before { opacity:1; } */
.row-fluid .fd_product_box.slick-slider .slick-arrow:after  { display:none;  }
.row-fluid .fd_product_box .slick-prev { background:url(https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/left_arrow_white_img.png) center no-repeat; }
.row-fluid .fd_product_box .slick-next { background:url(https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/right_arrow_white_img.png) center no-repeat; }


.row-fluid .fd_plan_section { width:100%; float:left; text-align:center; padding:90px 0; }
.row-fluid .fd_plan_main_title { width:800px; max-width:100%; float:none; display:inline-block; margin-bottom:20px; font-size:20px; line-height:30px; }
.row-fluid .fd_plan_main_title h2 {   }
.row-fluid .fd_plan_box {  display:block; margin:0 -14px; width:auto;  }
.row-fluid .fd_plan_part { width:25%; float:none; display:inline-block; margin:0 -2px; vertical-align:top; padding:14px; }
.row-fluid .fd_plan_title { width:100%; float:left; display: flex; align-items: center; justify-content: center; text-align: center; }
.row-fluid .fd_plan_title h3 { font-size:32px; line-height:27px; color:#fff; margin:20px 0; font-weight:500; }
.row-fluid .fd_plan_title h3 span {  width:100%; float:none; display:inline-block;  font-size:20px; line-height:30px; color:#fff;   }
.row-fluid .fd_plan_list_box {  width:100%; float:left; padding:0 17px; background:#EBEBED; text-align:left; }
.row-fluid .fd_plan_list_part {  width:100%; float:left; }
.row-fluid .fd_plan_list_inner {  width:100%; float:left; padding:15px 0; border-top:1px solid #fff; color:#19202A; line-height:22px; }
.row-fluid .fd_plan_bottom_text { width:100%; float:left; text-align:left; }
.row-fluid .fd_option_wrap {  width:100%; float:left; position:relative; } 


/* 30-01-2020 */

.row-fluid .cbs_testimonial_slider .testimonial_area {  background: #0055b7; margin-top:0; padding:0; }
.row-fluid .cbs_testimonial_slider .testimonial_area .testimonial_boxcover { background:transparent; z-index: 1; padding-top:95px;  padding-bottom:135px; max-width:100%;  }
.row-fluid .cbs_testimonial_slider .testimonial_boxcover .slick-dots { bottom: 83px; }
.row-fluid .cbs_testimonial_slider .testimonial_boxcover .slick-dots li { margin:5px 9px; }
.row-fluid .cbs_testimonial_slider .testimonial_boxcover .slick-dots li button { background: transparent; border: 2px solid #fff; width: 13px; height: 13px;     opacity: 1; }
.row-fluid .cbs_testimonial_slider .testimonial_boxcover .slick-dots li.slick-active button { background:#fff; }
.row-fluid .cbs_testimonial_slider .testimonial_boxcover h4 { font-weight:500; }

.row-fluid .cbs_story_srip .ctastrip .btn-small a { padding: 12px 27px; }
.row-fluid .abs-bg { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.4; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; background-repeat:no-repeat;background-position:center;background-size:cover;}
.row-fluid .process-main.process-home-sec .process-img span { margin: 0px 0px 0px -60px; }
.row-fluid .process-main.process-home-sec .process-img { margin: 0; text-align:center;}

.row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper { /*min-width: 615px;*/ min-width:770px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}

/* Footer */
.row-fluid .footer-subscribebox form { position:relative; }
.row-fluid .footer-subscribebox .hs-form-required { display:none; }
.row-fluid .footer-subscribebox .actions { position:absolute; height:40px; width:40px; right:0; top:0; text-align:center; line-height:40px; cursor:pointer; }
.row-fluid .footer-subscribebox .actions:before { position:absolute; content:"\f105"; font-family:FontAwesome; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); color:#fff; z-index:1; }
.row-fluid .footer-subscribebox .actions input[type="submit"] { font-size: 0; padding: 0; height: 100%; width: 100%; background: #0055b7; position: absolute; top: 0; right: 0; } 
.row-fluid .footer-subscribebox .actions input[type="submit"]:hover { background:#4DBFE7; }
.row-fluid .footer-subscribebox input[type="email"] { height:40px; padding:0 45px 0 15px; margin:0; font-size:13px; }
.row-fluid .footer-subscribebox .hs-error-msgs label { transform:none; color:#f00; }
.row-fluid .footer-subscribebox .hs_error_rollup { display:none !important; } 
.row-fluid .footer-subscribebox .submitted-message { color: #000; }


/* */
body.page-style{font-size:20px; line-height:1.5;}
.row-fluid .set-bg{ display:none; }
.row-fluid .font-25 { font-size: 25px; }

.page-style .body-container-wrapper { padding: 0; }
.header-container { padding: 0; }
.row-fluid .lp-hero { padding: 80px 0 60px; text-align: center; position: relative; color: #fff; }
.row-fluid .lp-hero:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #303030; mix-blend-mode: multiply; opacity: 0.7; }
.row-fluid .lp-hero > div { position: relative; z-index: 1; }
.row-fluid .lp-hero h1 { color: inherit; font-size: 60px; line-height: 1.2; font-weight: 500; margin: 0; padding: 20px 0 30px; }
.row-fluid .lp-hero h1 span { display: block; font-size: 66%; }
.row-fluid .lp-hero .widget-type-rich_text p + p { padding-top: 20px; }
.row-fluid .lp-hero .widget-type-rich_text{ line-height:1.4; } 
.row-fluid .lp-hero .graphic-img { position: absolute; right: 0; width: 550px; bottom: -180px; overflow: hidden; }
.row-fluid .lp-hero .graphic-img img { margin-left: 190px; }

.row-fluid .down-arrow { }
.row-fluid .down-arrow a { font-size: 0px; display: block; height: 50px; width: 50px; border: 2px solid #fff; border-radius: 100%; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; }
.row-fluid .down-arrow a:after { content: ''; position: absolute; top: 14px; left: 14px; height:16px; width:16px; border-style: solid; border-width: 00 2px 2px 0; border-color: #fff; transform: rotate(45deg); margin-top: -4px; }
.row-fluid .lp-hero .down-arrow { padding-top: 50px; }

.sequenceRun11 { animation-name: keyframe10; animation-duration: 2600ms; animation-timing-function: ease; animation-fill-mode: both; animation-play-state: running; animation-iteration-count: infinite; }
@keyframes keyframe10{0%{transform:translate(0,0) rotate(0deg) scale(1,1)}30.76923%{transform:translate(0,0) rotate(0deg) scale(1,1)}58%{transform:translate(0px,-30px) rotate(0deg) scale(1,1)}65%{transform:translate(0,0) rotate(0deg) scale(1,1)}72%{transform:translate(0px,-15px) rotate(0deg) scale(1,1)}86%{transform:translate(0,0) rotate(0deg) scale(1,1)}100%{transform:translate(0,0) rotate(0deg) scale(1,1)}}
@keyframes keyframe11{0%{transform:translate(25px,0px) rotate(0deg) scale(1,1)}100%{transform:translate(0,0) rotate(0deg) scale(1,1)}}

.row-fluid .lp-heading { padding: 60px 0 0; text-align: center; font-size: 36px; color: #818285; font-family: 'MavenProMediumNew'; line-height: 1.4; }
.row-fluid .lp-heading.pt-0{ padding-top:0px !important;} 
.row-fluid .lp-heading h2 { margin: 0; font-size: 40px; line-height:1.2; }
.row-fluid .lp-heading p { margin: 0; }
.row-fluid .lp-heading.style-2 > div { max-width: 870px; margin: 0 auto; }
.row-fluid .thumb-content { padding: 60px 0; }
.row-fluid .thumb-content > div > div { display: flex; /*flex-wrap: wrap;*/ }
.row-fluid .thumb-content > div > div > div { width: 50%; margin: 0; }
.row-fluid .thumb-content .content { padding: 20px 0; }
.row-fluid .thumb-content .content > div { padding-left: 50px; }
.row-fluid .thumb-content .content > div:first-child { position: relative; }
.row-fluid .thumb-content .content > div:first-child:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: #4DBEE6; }
.row-fluid .thumb-content .content  h2 { font-size: 40px; margin: 0; padding: 0 0 10px; }
.row-fluid .thumb-content .thumb { min-height: 300px; }
.row-fluid .thumb-content .content .widget-type-rich_text { padding: 15px 0 0; color: #818285; }
.row-fluid .thumb-content .content .widget-type-rich_text p + p { padding-top: 15px; }

.row-fluid .response-strip{position:relative;padding:60px 60px;color:#fff;}
.row-fluid .response-strip:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#323232;mix-blend-mode:multiply;opacity:0.7;}
.row-fluid .response-strip > div{position:relative;z-index:1;}
.row-fluid .response-strip h2{color:inherit;margin:-8px 0 0;font-size:40px;padding:0 0 10px;}
.row-fluid .response-strip .content{max-width:470px;border-left:5px solid #4DBFE7;padding-left:30px;}
.row-fluid .response-strip  .wiget-type-rich_text{font-size:20px;}
.row-fluid .response-strip .content p{margin:0;}
.row-fluid .response-strip .content p + p{padding-top:15px;}
.row-fluid .response-strip .two-circle{bottom:-80px;position:absolute;right:-90px;width:auto;}
.row-fluid .response-strip .two-circle > div > div{text-align:right;}
.row-fluid .response-strip .two-circle > div > div > div{border-radius:100%;box-shadow:0 0 40px 10px rgba(0,0,0,0.2);display:inline-block;float:none;height:223px;margin:0 5px;overflow:hidden;width:223px;}


.row-fluid .lp-process-section { padding: 20px 0 70px; }
.row-fluid .lp-heading.style-2  h2 { padding: 0 0 15px; }
.row-fluid .lp-process-section .content { position: relative; padding: 50px; color: #fff; }
.row-fluid .lp-process-section .content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #323232; mix-blend-mode: multiply; opacity: 0.7; }
.row-fluid .lp-process-section .content > div { position: relative; z-index: 1; }
.row-fluid .lp-process-section .content > div > div { }
.row-fluid .lp-process-section .content > div > div > div + div { border-left: 5px solid #4DBFE7; padding-left: 40px; }
.row-fluid .lp-process-section .content h2 { color: inherit; font-size: 40px; line-height: 1.2; padding: 0 0 12px; margin-top: -6px; }
.row-fluid .lp-process-section .content p { margin: 0; }
.row-fluid .lp-process-section .content p + p { padding-top: 15px; }
.row-fluid .lp-process-section .content ul {padding-left: 22px;}
.row-fluid .lp-process-section .content ul li {list-style: disc;}
.row-fluid .lp-process-section .lp-heading { padding-bottom: 60px; }
.row-fluid .lp-process-section .lp-quote { margin: 110px auto 0; text-align: center; max-width: 850px; float: none; position: relative; color: #818285; padding: 50px 0 0; }
.row-fluid .lp-process-section .lp-quote:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #818285; }
.row-fluid .lp-process-section .lp-quote:after { content: ''; position: absolute; top: 0; left: 0; right: 0; margin: -40px auto 0; height: 70px; width: 160px; background-color: #fff; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAA8CAYAAAAjdzfUAAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Gkqr6gAAAYJpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/ZkbEaBQLyWISshgaoyY2FiOGwmJmlMFm5s0vNT9e740kW2U7RYmNXwv+ArbKWikiJSsLa2KDnvNmpmaSObdzz+d+7z2ne88FSyitZHSbGzLZvBbw+5wL4UVnwwtWOrHRT1dE0dXZ4GSImvZ5T50ZbwfMWrXP/WvNsbiuQF2j8JiiannhKeGZtbxq8o5wu5KKxITPhF2aXFD4ztSjJX41OVnib5O1UGAcLK3CzmQVR6tYSWkZYXk5PZn0qlK+j/kSezw7H5TYLd6FTgA/PpxMM8E4XoYYldnLAB4GZUWNfHcxf46c5Coyq6yjsUKSFHlcoq5K9bjEhOhxGWnWzf7/7aueGPaUqtt9UP9sGO+90LANPwXD+DoyjJ9jsD7BZbaSnzuEkQ/RCxWt5wAcm3B+VdGiu3CxBR2PakSLFCWruCWRgLdTaAlD2w00LZV6Vt7n5AFCG/JV17C3D31y3rH8C23OZ+kil4YDAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADLUlEQVR4nO2aTUgVURiGHyehMsuIShgiIsyKfqGgwjKYiJA8FrWqRURRkAuhVe3cFFIu2hQItY1oY+QELYJDu0Bo0yKkchHBgbCS6M9NP4t7Ey1/Zr7v3DHpPEuZ7z3vfWacOXO1Cg8Y6zYBe4AmYB1QD9QCC4FPaRIv9rGOD4x1MbAX2AFsBFYAy4GofEh3msSXp8qoVizeCJwBjgCrpTlFYKyrBU4Axyid2KopDl82XV5uaca6JqAT2J93tmiMdYuAi8A5wNvVnlmasW4VcB046GvxSmKsOw10keHKyUsmaca6dqAbqPFdwDfGunrgFtBaqTWmlGasqwFuAscrVcAnxrotQB+wspLrTCrNWFdXLtBcyQK+MNYlwH1KT+2KMqG08hX2ENhV6QI+MNbtBh4A84tYL/rzB8a6KuAOs0dYA5BSkDCYQBpwAWgrqoCG8v6rD4/biSyMk2as2wxcKrKAkivA+qIXHb2nlX8te4A5HnK/A8+AV8BnD3l/YaxrBto9Ro4AjwE73YFjHwSH0N/HvlA6+z1pEg8psyalfIKveop7ClwDetMk/pZlYKy0TuXig0BrmsQDypwstFF64dYwDHQAt9Mk/plnsBpG3ye3Kgq8B/alSfxakZGHDuX8INCSJvFLyfDvK+2UssTZooSVtxiJIuIDcCBN4kFpQGSsi9BtMR6lSdyrmM/LUeV8u0YYlLYc24GliowuTQEBLYrZ/jSJ72oLRMBOxfwbSo/pQjDWVaPre8NHjwjYpphP8z55lDQAc4WzPyi9bqmJgEbF/BMfJXKwRjE7kCbxsI8SEbrvnorYk41liWL2ha8SkbKI81UkI3WK2be+SkTAPMX8V19FMjLRtzJZGfkXSsw2FvgK0koT/910BtDchsah/dAnjXXvPPToT5P4uYecqdhgrDvsI0grrdtHCeA8UGlpa4F7PoL+p3uaN4I0AUGagCBNQJAmIEgTEKQJCNIEBGkCgjQBQZqAIE1AkCYgSBMQpAkI0gQEaQKCNAFBmoAgTUCQJiBIExCkCQjSBARpAoI0AUGagCBNQJAmIEgTEKQJmE3/yQgwBHyc6RK/AGXumwHPelneAAAAAElFTkSuQmCC'); background-size: 70px; background-repeat: no-repeat; background-position: center; }
.row-fluid .lp-process-section .lp-quote .widget-type-text {    /* color: #646466; */ text-transform: uppercase; padding: 5px 0 0; }
.row-fluid .lp-process-section .lp-quote .widget-type-text > span { display: inline-block; }
.row-fluid .lp-process-section .lp-quote .widget-type-text > span:before { content: '-'; margin-right: 5px; }

.row-fluid .lp-contact-section { background: #19202A; color: #fff; padding: 70px 0 75px; }
.row-fluid .lp-contact-section .lp-heading.style-2 { color: #fff; }
.row-fluid .lp-contact-section .lp-heading.style-2 h2 { color: #fff; }
.row-fluid .lp-contact-section form { padding: 40px 0 0; }
.row-fluid .lp-contact-section .container > div { max-width: 850px; margin: 0 auto; }
.row-fluid .lp-contact-section .widget-type-rich_text { max-width: 700px; margin: 0 auto; }
.row-fluid .lp-contact-section form .hs-input { border-radius: 0px; }
.row-fluid .lp-contact-section form .form-columns-2 { margin: 0 -15px; }
.row-fluid .lp-contact-section form .form-columns-2 > div { padding: 0 15px; }
.row-fluid .lp-contact-section form .hs-form-field { }
.row-fluid .lp-contact-section form .hs-form-field > label { font-weight: 400; }
.row-fluid .lp-contact-section form .input { padding: 5px 0 0; }
.row-fluid .lp-contact-section form fieldset.form-columns-1 { }
.row-fluid .lp-contact-section form fieldset.form-columns-1 .hs-form-field { padding: 0; }
.row-fluid .lp-contact-section form .actions { padding: 20px 0 0; }
.row-fluid .lp-contact-section form .actions input { max-width: 170px; color: #fff; font-size: 17px; font-weight: 500; background-color: #4DBFE7; padding: 9px 26px; border-radius: 35px; box-shadow: none; border:2px solid #4DBFE7; }
.row-fluid .lp-contact-section form .actions input:hover { background-color: #00aeef; border-color: #00aeef; color: #fff; } 
.row-fluid .lp-contact-section form .hs-error-msgs label { transform: none; margin: 5px 0 0; color: red; }
.row-fluid .lp-contact-section form .hs-error-msgs { margin: 0; }
.row-fluid .lp-contact-section form .hs-input { margin: 0; } 

.row-fluid .lp-contact-section form  fieldset { max-width: unset; margin-bottom: 20px !important; }
.row-fluid .lp-contact-section form .input { margin: 0; }
.row-fluid .lp-contact-section form .hs-form-field > label { font-size: 20px; }
.row-fluid .lp-contact-section form .input input { min-width: 100%; margin-top: 4px; }
.row-fluid .lp-contact-section form .actions { text-align: center; }
.row-fluid .lp-contact-section form fieldset textarea { height: 130px; }  

.row-fluid .copyright-footer.v2 { }
.row-fluid .copyright-footer.v2 .container { }
.row-fluid .copyright-footer.v2 .container > div > div { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
.row-fluid .copyright-footer.v2 .logo { width: auto; border-right: 1px solid #c6c6c6; padding-right: 30px; }
.row-fluid .copyright-footer.v2 .logo + div { width: auto; }
.row-fluid .copyright-footer.v2 .logo img { max-width: 125px !important; }

.row-fluid .lp-contact-section .submitted-message {text-align:  center;color: #155724;background-color: #d4edda;border-color: #c3e6cb;position: relative;padding: .75rem 1.25rem;margin-bottom: 1rem;border: 1px solid #c3e6cb;border-radius: .25rem;margin: 30px 0 0;}
.row-fluid .lp-process-section .lp-heading .widget-type-rich_text {font-family: 'Roboto', sans-serif, Arial, Helvetica;}


/* Face Mask Page */

.facemask-hero-section {width:100%; float:left;    padding: 80px 0;}
.facemask-hero-section .content-part { width: 60%; float: left;font-size: 20px;  line-height: 30px; color: #818285;}
.facemask-hero-section .content-part p {letter-spacing:0.6px;}
.facemask-hero-section .content-part h1 {font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 48px;line-height: 58px;}
.facemask-hero-section .img-part {width: 40%; float: left; padding-left: 80px;position:relative;}
.facemask-hero-section .img-part .img-wrap { border-radius: 8px; overflow: hidden;}
.facemask-hero-section .img-part .highlighted-text{width:290px;height:290px;text-align:center;background-color:#0055B7;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:-62px;bottom:-52px;font-family:'Maven Pro',sans-serif;font-weight:500;color:#fff;padding:25px;font-size:18px;line-height:26px;}

.left-img-text-right-section { width:100%; float:left;}
.left-img-text-right-section .content-part { width: 60%; float: left;font-size: 20px;  line-height: 30px; color: #818285;}
.left-img-text-right-section .content-part p {letter-spacing:0.6px;    margin-top: 0;}
.left-img-text-right-section .img-part {width: 40%; float: left; padding-left: 80px;position:relative;padding:0;}

.mendatory-notes-section {padding: 70px 0; text-align: center;}
.mendatory-notes-section .container {display: inline-flex; align-items: center;  justify-content: center;}
.mendatory-notes-section .content-part {    width: 65%;  float: left; text-align: center;  padding-right: 80px;}
.mendatory-notes-section .content-part h3 {font-family: 'Maven Pro', sans-serif; font-weight: 500; color: #818285; font-size: 27px; line-height: 43px;}
.mendatory-notes-section .img-part {    width: 35%; float: left; text-align: right;}
.mendatory-notes-section .img-part img {width: 390px; height: 390px;  object-fit: cover; border-radius: 50%;}

.analysis-section { background-repeat: no-repeat; background-size: 47%; background-position: 107% 60%; background-color: #191F29; padding: 75px 0 85px;}
.analysis-section .content-part { max-width: 670px;text-align: left;}
.analysis-section .content-part p {    font-family: 'Maven Pro', sans-serif; font-weight: 500; color: #fff; font-size: 27px; line-height: 43px; margin: 0;}

.alternative-section  {padding:110px 0 95px;}
.alternative-section .content-part {width:50%; float:left;padding-left: 85px; font-size: 20px; line-height: 30px; color: #818285; letter-spacing: 0.6px;}
.alternative-section .content-part h2 {font-size: 52px; line-height: 63px; font-family: 'Maven Pro', sans-serif; font-weight: 500;}
.alternative-section .img-part {width:50%; float:left;}
.alternative-section .img-part img {border-radius:5px;}
.alternative-section .container {display: flex; align-items: center; flex-direction: row-reverse;}
.alternative-section.img-right .container {flex-direction: row;}
.alternative-section.img-right .content-part {padding-right:80px; padding-left:0;}

/* .mask-type-section .container {width: 815px !important;} */
.mask-type-section h2 {font-size: 38px; line-height: 46px;font-family: 'Maven Pro', sans-serif; font-weight: 500; text-align: center;margin-bottom: 50px;}
.mask-type-section .section-content .single-col {width:25%; float:left; text-align:center;position:relative;padding: 0 15px;}
.mask-type-section .section-content .single-col:after {content:''; width:2px; height:100%; background-color:#DDDDDD; position:absolute; right:0;top: 0;}
.mask-type-section .section-content .single-col:last-child:after {display:none;}
.mask-type-section .section-content .single-col .img-wrap {width: 156px; height: 156px; margin: 0 auto 25px;}
.mask-type-section .section-content .single-col .img-wrap img {    border-radius: 50%; width: 156px;height: 156px; object-fit: cover; display: inline-block; vertical-align: middle;}
.mask-type-section .section-content .single-col h3 {color: #818285; font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 23px; line-height: 28px}

.centered-content {    text-align: center; padding-bottom:85px;}
.centered-content .container {width:985px !important; }
.centered-content h3 { font-family: 'Maven Pro', sans-serif;font-weight: 500; font-size: 38px; line-height: 46px;color:#1A2029;}

.form-section {padding:110px 0 95px;background-color:#191F29}
.form-section .section-title{color:#fff;text-align:center;font-family:'Maven Pro',sans-serif;font-weight:500;font-size:27px;line-height:36px;max-width:100%;margin:0 auto;padding-bottom: 50px;}
.form-section .section-title h2{font-size:52px;line-height:60px;margin-bottom:30px;color:#fff;font-family:'Maven Pro',sans-serif;font-weight:500;}
.form-section .section-title .cta-wrap a {font-size: 19px; line-height: 19px;  font-weight: 500; font-family: 'Roboto', sans-serif, Arial, Helvetica; color: #fff; background: #4DBFE7; padding: 17px 30px; display: inline-block; box-sizing: border-box !important; min-width: 213px; border-radius: 35px;margin: 0 5px;}
.form-section .section-title .cta-wrap a:hover {background-color: #00aeef;}
.form-section .section-title .cta-wrap {margin-top: 40px;}
.form-section .container {width:975px !important;}
.form-section .form-container {border-top: 3px solid #242C38;padding-top:50px;}
.form-section .form-container p { font-size: 27px; line-height: 37px; text-align: center; font-family: 'Maven Pro',sans-serif; font-weight: 500; color: #fff; margin: 0 0 60px;}
.form-section .form-container form {max-width: 810px; margin: 0 auto;}
.form-section .form-container form fieldset {max-width: 100%;}
.form-section .form-container form fieldset .input {margin:0}
.form-section .form-container form fieldset .input input, .form-section .form-container form fieldset .input select {border: 2px solid #EBEBED;margin-bottom: 22px;padding: 11px 10px;-webkit-appearance: none;}
.form-section .form-container form fieldset label span {font-size:20px; line-height:28px; color:#fff; margin-bottom:7px;display:inline-block;}
.form-section .form-container form fieldset.form-columns-2 .hs-form-field {width:calc(50% - 15px);}
.form-section .form-container form fieldset.form-columns-2 .hs-form-field:first-child {margin-right:15px;}
.form-section .form-container form fieldset.form-columns-2 .hs-form-field:last-child {margin-left:15px;}
.form-section .form-container form .hs-submit { text-align: center; margin-top: 20px;}
.form-section .form-container form .hs-submit input { font-size: 19px; line-height: 19px;font-weight: 500; background-color: #4dbfe7; border-radius: 35px; max-width: 123px; margin: 0 auto;}
.form-section .form-container form label.hs-error-msg, .form-section .form-container form ul.hs-error-msgs label {color:#fff; transform:none;}
.form-section .form-container form .hs-submit input:hover {background-color: #00aeef;}
.form-section .form-container form fieldset .input select  {background-image: url(https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/casesbysource_img/select-arrow.png);background-repeat: no-repeat; background-position: 96% 50%;    color: #818285;}
.form-section .form-container .form-wrap .submitted-message {font-size:20px; line-height:28px; color:#fff; text-align:center;}
.facemask-page .row-fluid .header-main { box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);}

.chart-module{background-color:#19202a;color:#fff;padding:88px 0;}
.chart-module .title-part{text-align:center;}
.chart-module .title-part h2{color:#fff;font-size:40px;font-weight:400;line-height:49px;margin:0 auto;max-width:650px;}
.chart-module .title-part .contnt{margin:0 auto;max-width:870px;}

.chart-module .tab-pills{text-align:center;padding:23px 0 80px;}
.chart-module .tab-pills .pills{border:2px solid #fff;border-radius:100px;color:#fff;cursor:pointer;display:inline-block;font-size:17px;margin:0 12px;min-width:130px;padding:8px 10px;transition:all 400ms ease 0s;vertical-align:middle;}
.chart-module .tab-pills .pills:hover,
.chart-module .tab-pills .pills.active{background-color:#fff; color:#19202a;}

.chart-module .chart{}
.chart-module .chart .chart-dates{display:flex;padding:12px 0;}
.chart-module .chart .chart-dates .title{width:300px;}
.chart-module .chart .chart-dates .weeks{width:calc(100% - 300px); display:flex; font-size:15px;}
.chart-module .chart .chart-dates .weeks > div{flex-basis: calc(100% / 7 - 8px);margin:0 4px;text-align:center; /**/height:1px;}

.chart-module .chart .list-wrapper{}
.chart-module .chart .list-wrapper .list{display:flex;transition:all 600ms ease;transform:translateY(-30px);opacity:0;}
.chart-module .chart .list-wrapper .list:nth-child(odd){background-color:#242c38;}
.chart-module .chart .list-wrapper .list .title{width:300px; padding:10px 0 10px 20px;}
.chart-module .chart .list-wrapper .list .lines{padding:10px 0 10px 7px;width:calc(100% - 300px);position:relative;}
.chart-module .chart .list-wrapper .list .lines .sep-lines{display:flex;height:100%;left:0;position:absolute;top:0;width:100%;}
.chart-module .chart .list-wrapper .list .lines .sep-lines > div{border-right:4px solid #19202a;border-left:4px solid #19202a;flex:1 1 0;height:100%;position:relative;}
.chart-module .chart .list-wrapper .list .lines .sep-lines > div:first-child:after{background-color:#19202a;content:'';height:100%;left:-8px;position:absolute;top:0;width:4px;z-index:1;}
.chart-module .chart .list-wrapper .list .lines .ganttBar{background-color:#4dc0e8;height:8px;width:117px;position:relative;transform:translate(-3px, -50%);top:50%;margin-top: -1px;transition:width 600ms ease;}
.chart-module .chart .list-wrapper .list .lines.both > .ganttBar:nth-child(2){top:25%;}
.chart-module .chart .list-wrapper .list .lines.both > .ganttBar:nth-child(3){top:60%;}

.chart-module .chart .list-wrapper .list:first-child .lines .sep-lines > div{position:relative;}
.chart-module .chart .list-wrapper .list:first-child .lines .sep-lines > div:before{content:"Week 1-2";font-size:15px;left:0;position:absolute;text-align:center;top:-34px;width:100%;}
.chart-module .chart .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(2):before{content:"Week 3-4";}
.chart-module .chart .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(3):before{content:"Week 5-6";}
.chart-module .chart .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(4):before{content:"Week 7-8";}
.chart-module .chart .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(5):before{content:"Week 9-10";}
.chart-module .chart .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(6):before{content:"Week 11-12";}
.chart-module .chart .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(7):before{content:"Week 13-14";}

.chart-module .chart#expedited .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(1):before{content:"Week 1";}
.chart-module .chart#expedited .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(2):before{content:"Week 2";}
.chart-module .chart#expedited .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(3):before{content:"Week 3";}
.chart-module .chart#expedited .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(4):before{content:"Week 4";}
.chart-module .chart#expedited .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(5):before{content:"Week 5";}
.chart-module .chart#expedited .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(6):before{content:"Week 6";}
.chart-module .chart#expedited .list-wrapper .list:first-child .lines .sep-lines > div:nth-child(7):before{content:"Week 7";}

.chart-module .bottom-txt{font-family:"MavenProMediumNew";font-size:28px;padding:59px 0 0;text-align:center;}

.chart-module .chart .list-wrapper .list:nth-child(2){transition-delay:100ms;}
.chart-module .chart .list-wrapper .list:nth-child(3){transition-delay:200ms;}
.chart-module .chart .list-wrapper .list:nth-child(4){transition-delay:300ms;}
.chart-module .chart .list-wrapper .list:nth-child(5){transition-delay:400ms;}
.chart-module .chart .list-wrapper .list:nth-child(6){transition-delay:500ms;}
.chart-module .chart .list-wrapper .list:nth-child(7){transition-delay:600ms;}
.chart-module .chart .list-wrapper .list:nth-child(8){transition-delay:700ms;}
.chart-module .chart .list-wrapper .list:nth-child(9){transition-delay:800ms;}
.chart-module .chart .list-wrapper .list:nth-child(10){transition-delay:900ms;}
.chart-module .chart .list-wrapper .list:nth-child(2) .ganttBar{transition-delay:200ms;}
.chart-module .chart .list-wrapper .list:nth-child(3) .ganttBar{transition-delay:300ms;}
.chart-module .chart .list-wrapper .list:nth-child(4) .ganttBar{transition-delay:400ms;}
.chart-module .chart .list-wrapper .list:nth-child(5) .ganttBar{transition-delay:500ms;}
.chart-module .chart .list-wrapper .list:nth-child(6) .ganttBar{transition-delay:600ms;}
.chart-module .chart .list-wrapper .list:nth-child(7) .ganttBar{transition-delay:700ms;}
.chart-module .chart .list-wrapper .list:nth-child(8) .ganttBar{transition-delay:800ms;}
.chart-module .chart .list-wrapper .list:nth-child(9) .ganttBar{transition-delay:900ms;}
.chart-module .chart .list-wrapper .list:nth-child(10) .ganttBar{transition-delay:1000ms;}
.chart-module .chart:not(.active) .list-wrapper .list .lines .ganttBar{width:0 !important;}
.chart-module .chart.active .list-wrapper .list{opacity:1; transform:translateY(0px);}

/*--*/

.blog-post-wrapper .post-body p span.hs-cta-wrapper { padding-bottom:0; }
.blog-post-wrapper .post-body p span.hs-cta-wrapper span { padding-bottom:0; }
.blog-post-wrapper .post-body p span.hs-cta-wrapper img { padding-top:0; }

.row-fluid .hero_catalog .banner-main { padding:160px 0 60px; }  
.row-fluid .solutions_section { padding:75px 0; }
.row-fluid .solutions_left { padding:0 40px 0 0; width:50%; float:left; font-size:20px; line-height:30px; color:#818285; }
.row-fluid .solutions_left h2 { margin:10px 0; font-size:34px; line-height:42px; font-weight:400; }
.row-fluid .solutions_left p { margin:15px 0; display:inline-block; width:100%; }
.row-fluid .solutions_left .img { margin-top:50px; text-align:center; }
.row-fluid .solutions_right { padding:0 0 0 30px; width:50%; float:left; }
.row-fluid .solutions_right h2 { margin:10px 0 30px; font-size:34px; line-height:42px; text-align:center; font-weight:400; }
.row-fluid .form .hs-input { margin:0 0 20px 0; border:2px solid #EBEBED; width:100% !important; }
.row-fluid .form .hs-form-field > label { margin:0 0 5px; width:100%; color:#818285; font-size:20px; line-height:26px; display: inline-block; }
.row-fluid .form fieldset { max-width:100%; }
.row-fluid .form .actions { text-align:center; }
.row-fluid .form .hs-button { padding:10px 28px; width:auto; font-size:16px; line-height:24px; border-radius:100px; background-color:#4DBFE7; display:inline-block; } 
.row-fluid .form .hs-button:hover { background-color:#1FA1CF; }
.row-fluid .solutions_right form .input ul.multi-container {margin-top:15px;}
.row-fluid .solutions_right form .input ul.multi-container li label { position:relative; }
.row-fluid .solutions_right form .input ul.multi-container li input { position:absolute; opacity:0; left:0; top:0; width: 24px !important; height: 24px;display: inline-block; vertical-align: middle; margin: 0 10px 0 0;    border: 2px solid #EBEBED; -webkit-appearance: none;}
.row-fluid .solutions_right form .input ul.multi-container li input + span { position:relative; float:left; width:auto; padding-left:35px; } 
.row-fluid .solutions_right form .input ul.multi-container li input + span:after {content:''; position:absolute; left:0; top:-2px; border:3px solid #EBEBED; width:20px; height:20px; } 
.row-fluid .solutions_right form .input ul.multi-container li input + span:before { position:absolute; content:""; left: 5px; top: 5px; width:16px; height:12px; background:url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/2020/done%20sign.svg') no-repeat center center; transition:all .4s ease; opacity:0; }
.row-fluid .solutions_right form .input ul.multi-container li input[type="checkbox"]:checked + span:before { opacity:1;  }
.row-fluid .solutions_right form .input ul.multi-container li {display:inline-block ; vertical-align:middle;margin-right: 20px}
.row-fluid .solutions_right form .hs_submit { width:100%; float:left; margin-top:20px; } 


/* Supply Chain Page */
.row-fluid .supply-hero { position: relative; padding: 100px 0 50px; font-size: 25px; line-height: 32px; }
.row-fluid .supply-hero:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: #6C6B6B; opacity: .83; mix-blend-mode: multiply; }
.row-fluid .supply-hero .container { position: relative; }
.row-fluid .supply-hero h1 { font-size: 60px; line-height: 65px; font-weight: 500; }
.row-fluid .supply-hero h2 { font-size: 40px; line-height: 45px; font-weight: 500; }
.row-fluid .supply-hero .hero-logo { margin-bottom: 32px; }
.row-fluid .supply-hero .down-arrow { margin-top: 20px; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; }

.row-fluid .supply-servicesection { padding: 90px 0 0; }
.row-fluid .supply-servicesection h2 { font-size: 40px; line-height: 44px; color: #1A2029; font-weight: 500; margin-bottom: 20px; }
.row-fluid .supply-servicesection .supply-servicecol { float: left; width: 50%; padding: 50px 30px 0; font-size: 20px; line-height: 28px; color: #818285; }
.row-fluid .supply-servicesection .container { width: 1000px; max-width: 100%; }
.row-fluid .supply-servicesection .supply-servicecol h3 { font-size: 26px; line-height: 32px; color: #1A2029; font-weight: 500; }
.row-fluid .supply-servicesection .supply-servicecol p { margin: 0; }
.row-fluid .supply-servicesection .supply-servicecol p + p { margin-top: 20px; }
.row-fluid .supply-serviceimg { float: left; width: 70px; }
.row-fluid .supply-servicetext { float: left; width: calc(100% - 70px); padding-left: 30px; }

body.suppplybody .row-fluid .global-presence-section { background:#191F29; padding-bottom:30px; }
body.suppplybody .row-fluid .global-presence-section:before { background:url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/2020/curvetop.png') no-repeat center / cover; }
body.suppplybody .row-fluid .global-presence-section h2 { font-size: 40px; line-height: 44px; }
body.suppplybody .row-fluid .global-presence-section .container { width: 975px; max-width: 100%; }
body.suppplybody .row-fluid .global-presence-section:after { height:calc(100% + 800px); }   
body.suppplybody .row-fluid .global-presence-section .global-mapimg:before { background-size: 85% 100% !important; }

.row-fluid .supply-worksection .container { width: 1035px; max-width: 100%; }
.row-fluid .supply-workrawwrap { padding: 70px 40px 70px 70px; border: 3px solid #4DBEE6; }
.row-fluid .supply-workrawwrap h2 { font-size: 35px; line-height: 40px; font-weight: 500; }
.row-fluid .supply-workleft { float: left; width: 50%; }
.row-fluid .supply-workright { float: left; width: 50%; }
.row-fluid .supply-workcol { padding: 50px 30px 0 0; }
.row-fluid .supply-workicon { float: left; height: 58px; width: 58px; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 100%; border: 3px solid #4DBDE5; }
.row-fluid .supply-worktext { float: left; width: calc(100% - 58px); padding-left: 20px; padding-top: 10px; font-size: 20px; line-height: 28px; }
.row-fluid .supply-worktext h4 { font-size: 26px; line-height: 30px; font-weight: 500; margin-bottom: 20px; }
.row-fluid .supply-worktext ul li { padding-left: 15px; position: relative; }
.row-fluid .supply-worktext ul li:before { position: absolute; content: ""; height: 5px; width: 5px; left: 0; top: 11px; border-radius: 100%; background: #00AEEF; }
.row-fluid .supply-worksection { padding-bottom: 140px; }

.row-fluid .supply-slidesection { padding: 70px 0 50px; } 
.row-fluid .supply-slidesection h2 { font-size: 40px; line-height: 46px; color: #1A2029; font-weight: 500; margin-bottom: 30px; }
.row-fluid .supply-slidesection .slick-list img { float: none; display: inline-block; vertical-align: top; }
.row-fluid .supply-slidetooltip { float: left; width: 440px; max-width: 100%; text-align: left; background: #1A2029; color: #fff; padding: 30px 20px; font-size: 20px; line-height: 28px; border: 2px solid #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; display:none; }
.row-fluid .supply-tootipin > div:first-child { font-size: 26px; line-height: 30px; margin-bottom: 16px; }
.row-fluid .supply-slidetooltip p { margin: 0; }
.row-fluid .supply-slidetooltip p + p { margin-top: 20px; }
.row-fluid .supply-slidebox { position: relative; } 
.row-fluid .supply-slidetooltip:after, .row-fluid .supply-slidetooltip:before { top: 100%; right: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.row-fluid .supply-slidetooltip:after { border-color: rgba(136, 183, 213, 0); border-top-color: #1a2029; border-width: 30px; margin-left: -30px; }
.row-fluid .supply-slidetooltip:before { border-color: rgba(194, 225, 245, 0); border-top-color: #fff; border-width: 34px; margin-left: 0; right: 36px; }
.row-fluid .supply-slidewrap ul.slick-dots { position: relative; bottom: auto; }
.row-fluid .supply-slidewrap ul.slick-dots li button { height: 18px; width: 18px; border: 2px solid #DBDBDB; opacity: 1; }    
.row-fluid .supply-slidewrap ul.slick-dots li.slick-active button,
.row-fluid .supply-slidewrap ul.slick-dots li button:hover { background: #DBDBDB; }
.row-fluid .supply-slidecolin { padding:0 50px; }

.row-fluid .supply-slidetooltip#tooltip0 { top: 325px; left: 95px; }
.row-fluid .supply-slidetooltip#tooltip1 { left: -20px; top: 55px; }
.row-fluid .supply-slidetooltip#tooltip2 { right: 208px; left: auto; top: 215px; }
.row-fluid .supply-slidetooltip#tooltip3 { left: auto; right: 170px; top: 370px; }
.row-fluid .supply-slidetooltip#tooltip4 { top: auto; left: 12px; bottom: 330px; }
.row-fluid .supply-slidetooltip#tooltip5 { left: 295px; top: auto; bottom: 250px;  }  
.row-fluid .supply-slidetooltip#tooltip6 { left: 90px; top: 150px; }
.row-fluid .supply-slidetooltip#tooltip7 { left: 190px; top: 230px; }
.row-fluid .supply-slidetooltip#tooltip8 { left: 180px; top: 200px; } 
.row-fluid .supply-slidetooltip#tooltip9 { left: -32px; top: 150px; }
.row-fluid .supply-slidetooltip#tooltip10 { left: 50px; top: 280px; }
.row-fluid .supply-slidetooltip#tooltip11 { left: auto; top: 20px; right: 225px; }      
.row-fluid .supply-slidetooltip#tooltip12 { left: 125px; right: 0; top: 220px; }
.row-fluid .supply-slidetooltip#tooltip13 { left: auto; right: 165px; top: auto; bottom: 190px; }
.row-fluid .supply-slidetooltip#tooltip14 { top: auto; bottom: 260px; left: 76px; }

.row-fluid .supply-slidetooltip#tooltip0:before, .row-fluid .supply-slidetooltip#tooltip0:after, .row-fluid .supply-slidetooltip#tooltip6:before, .row-fluid .supply-slidetooltip#tooltip6:after, .row-fluid .supply-slidetooltip#tooltip7:before, .row-fluid .supply-slidetooltip#tooltip7:after, .row-fluid .supply-slidetooltip#tooltip9:before, .row-fluid .supply-slidetooltip#tooltip9:after, .row-fluid .supply-slidetooltip#tooltip10:before, .row-fluid .supply-slidetooltip#tooltip10:after { top: auto; bottom: 100%; }
.row-fluid .supply-slidetooltip#tooltip0:before, .row-fluid .supply-slidetooltip#tooltip5:before, .row-fluid .supply-slidetooltip#tooltip6:before, .row-fluid .supply-slidetooltip#tooltip7:before, .row-fluid .supply-slidetooltip#tooltip9:before, .row-fluid .supply-slidetooltip#tooltip10:before { border-top-color: transparent; border-bottom-color: #fff; }
.row-fluid .supply-slidetooltip#tooltip0:after, .row-fluid .supply-slidetooltip#tooltip5:after, .row-fluid .supply-slidetooltip#tooltip6:after, .row-fluid .supply-slidetooltip#tooltip7:after, .row-fluid .supply-slidetooltip#tooltip9:after, .row-fluid .supply-slidetooltip#tooltip10:after { border-top-color: transparent; border-bottom-color: #1a2029; }    

.row-fluid .supply-slidetooltip#tooltip5:before { border-color: rgba(194, 225, 245, 0); border-top-color: #fff; border-width: 34px; margin-left: 0; right: 36px; }
.row-fluid .supply-slidetooltip#tooltip5:after { border-color: rgba(136, 183, 213, 0); border-top-color: #1a2029; border-width: 30px; margin-left: -30px; }

svg.first-svg { height:895px; }
svg.second-svg { height:816px; }
svg.third-svg { height:815px; }
g.imgpin { cursor:pointer; } 

body.suppplybody .row-fluid .cases-outer .cases-box-slice { width:33.33%; }     
body.suppplybody .row-fluid .cases-outer .cases-box-slice .cases-box { cursor: default; }
body.suppplybody .row-fluid .cases-outer .cases-box .box-overlay h5:before { display:none; }

.row-fluid .supply-formsection h3 { font-size: 40px; line-height: 46px; font-weight: 500; margin-bottom: 80px; }
.row-fluid .form-example-section.supply-formsection .container { width: 870px; max-width: 100%; }
.row-fluid .form-example-section.supply-formsection h3.form-title { display: none; }
.row-fluid .form-example-section.supply-formsection form { float: none; width: 810px; max-width: 100%; margin: 0 auto; }
.row-fluid .supply-formsection form .hs-form-field > label { display:inline-block; margin-bottom:5px; }

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-20px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-20px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-20px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-20px);}
	60% {transform: translateY(-15px);}
}

/*  */
.row-fluid .lp-contact-section form .hs-input{ width: 100% !important; }
.row-fluid .form-example-section form .input { margin-right: 0 !important; }
.row-fluid .lp-contact-section form .input input[type="checkbox"] { width: auto !important; min-width: auto; }


/* EVA Soft Bags 23-12-2020 */
.casebag-heroraw { display: flex; width: 100%; }
.casebag-left { float: left; width: 50%; display:flex; align-items:center; padding: 150px 0; font-size: 20px; line-height: 28px; padding-right: 60px; padding-left: 184px; }
.casebag-heroright { float: left; width: 50%; position:relative; } 
.casebag-heroright .hero-bluestrip { /*position:absolute; bottom:0; left:0;*/ background:#0055B7; color:#fff; font-size:16px; line-height:28px; text-transform:uppercase; padding:40px 60px; padding-right: calc((100% - 500px)/2); }
.hero-softbagimg img { width:100% !important; }
.casebag-hero { display: inline-block; vertical-align: top; width: 100%; background: #191F29; }
.casebag-left h1 { font-size: 40px; line-height: 50px; font-weight: 500; }
.casebag-left .hero-logo { margin-bottom: 25px; }
.row-fluid .casebag-left .down-arrow { margin-top:30px; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; }
.row-fluid .casebag-left .down-arrow a { margin: 25px 0 0; }

.product-slider-section { display: inline-block; vertical-align: top; width: 100%; padding: 130px 0; }
.product-slider-section .section-header h2 { font-size: 40px; line-height: 48px; color: #19202A; font-weight: 500; margin-bottom: 40px; }
.product-slider-navtitle { float: none; display: inline-block; vertical-align: top; width: auto; padding: 0 15px; color: #818285; font-family: 'MavenProMediumNew'; position: relative; cursor: pointer; }
.product-slider-navtitle:after { position: absolute; content: ""; height: 15px; width: 1px; right: 0; top: 50%; background: #818285; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); display:block !important; }
.product-slider-navtitle:last-child:after { display: none; }
.product-slider-navtitle:hover { color: #0056B8; }
.product-slider-nav { display: inline-block !important; vertical-align: top; width: 730px; max-width:100%; margin-bottom: 60px; }
.product-slider-col { float: left; width: 50%; padding: 0 50px; }
.product-slider-for, .product-slider-colwrap { display: inline-block; vertical-align: top; width: 100%; }
.product-slider-colwrap { padding:0 50px; }
.row-fluid .product-slider-for .slick-slide .product-slider-colinner img { display: inline-block; }
.product-slider-section .slick-slider .slick-dots { position: relative; margin-top: 60px; }
.product-slider-section .slick-slider .slick-dots li button { height: 18px; width: 18px; border: 2px solid #DBDBDB; opacity: 1; background: transparent; }
.product-slider-section .slick-slider .slick-dots li button:hover, .product-slider-section .slick-slider .slick-dots li.slick-active button { background: #DBDBDB; }
.product-slider-section button.slick-prev.slick-arrow { height: 32px; width: 17px; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/2020/prev-slidearrow.png') no-repeat center / cover; padding: 0; left:auto; right:100%; }
.product-slider-section button.slick-prev.slick-arrow:after { display: none; }
.product-slider-section button.slick-next.slick-arrow { height: 32px; width: 17px; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/2020/next-slidearrow.png') no-repeat center / cover; padding: 0; right:auto; left:100%; }
.product-slider-section button.slick-next.slick-arrow:after { display: none; }
.product-slider-section .slick-slide.slick-current.slick-center .product-slider-navtitle { color: #0056B8; } 

.overcome-section { display: inline-block; vertical-align: top; width: 100%; overflow: hidden; }
.overcome-raw { display: flex; width: 100%; }
.overcome-left { float: left; width: 50%; position: relative; background: #0055B7; padding: 120px 170px 380px; padding-left: 146px; }
.overcome-right { float: left; width: 50%; background:#00ADEF; }
.overcome-imgbox { position: absolute; bottom: 0; left: 0; opacity: 0.30; mix-blend-mode: multiply; width: 100%; }
.overcome-leftcontent {    /* position: relative; */ }
.overcome-leftcontent h2 { font-size: 69px; line-height: 76px; font-weight: 500; position: relative; z-index: 1; }
.overcome-leftcircleimg { float: none; display: inline-block; vertical-align: top; height: 301px; width: 301px; border-radius: 100%; border: 2px solid #fff; position: absolute; bottom: 32px; right: 40px; }
.overcome-imgbox img { width: 100%; }
.overcome-rightcol { display: flex; align-items:center; width: 100%; padding: 74px 55px 70px; font-size: 18px; line-height: 28px; background: #00ADEF; padding-right:calc((100% - 620px)/2); }
.overcome-rightcolin { display: inline-block; vertical-align: top; width: 100%; }
.overcome-icon { float: left; width: 8%; }
.overcome-icontext { float: left; width: 92%; padding-left: 20px; }
.overcome-icontext h3 { font-size: 25px; line-height: 32px; font-weight: 500; }
.overcome-rightcol:nth-child(even) { background: #0086EF; }
.overcome-icontext p { margin: 0; }
.overcome-icontext p + p { margin-top: 15px; }

.row-fluid .supply-worksection.case-bagservice-section { padding: 160px 0 150px; }
.row-fluid .supply-worksection.case-bagservice-section .supply-workrawwrap { padding: 0; border: 0; }

.cases-bags-section { display: inline-block; vertical-align: top; width: 100%; padding: 125px 0 80px; }
.cases-bags-section .container { width: 1080px; max-width:100%; }
.cases-bags-section .section-header h2 { font-size: 40px; line-height: 44px; font-weight: 500; color: #19202A; }
.cases-bags-raw { float: left; width: 50%; margin-top: 65px; padding: 0 30px; }
.cases-bags-raw-wrap { display: inline-block; vertical-align: top; width: 100%; }
.cases-bags-title h4 { font-size: 26px; line-height: 32px; color: #19202A; font-weight: 500; margin-bottom: 40px; }
.cases-bags-svgwrap { position: relative; }
.cases-bags-svgwrap svg { height:400px; }
.cases-bags-tooltip { float: left; width: 180px; max-width: 100%; text-align: left; background: #1A2029; color: #fff; padding: 20px 20px; font-size: 16px; line-height: 24px; border: 2px solid #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); position: absolute; top: 0; font-family: 'MavenProMediumNew'; left: 0; display: none; font-weight: 500; }
.cases-bags-tooltip:after, .cases-bags-tooltip:before { top: 100%; right: 24px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.cases-bags-tooltip:after { border-color: rgba(136, 183, 213, 0); border-top-color: #1a2029; border-width: 20px; margin-left: -30px; }
.cases-bags-tooltip:before { border-color: rgba(194, 225, 245, 0); border-top-color: #fff; border-width: 24px; margin-left: 0; right: 20px; }

.cases-bags-tooltip#tooltip0 { top: -25px; left: 72px; }
.cases-bags-tooltip#tooltip1 { left: 21px; top:11px; }
.cases-bags-tooltip#tooltip2 { top: 80px; left: auto; right: 79px; padding:20px 10px; }
.cases-bags-tooltip#tooltip3 { left: auto; right: 62px; top: auto; bottom: 170px; }
.cases-bags-tooltip#tooltip4 { left: 35px; top: auto; bottom: 158px; }
.cases-bags-tooltip#tooltip5 { top: auto; left: 162px; bottom: 120px; }
.cases-bags-tooltip#tooltip6 { top: 44px; left: 3px; }
.cases-bags-tooltip#tooltip7 { top: 120px; left: 3px; }
.cases-bags-tooltip#tooltip8 { top: 130px; left: auto; right: 160px; padding:20px 10px; }
.cases-bags-tooltip#tooltip9 { top: auto; left: auto; right: 46px; bottom: 104px; }
.cases-bags-tooltip#tooltip10 { top: -40px; left: 76px; }
.cases-bags-tooltip#tooltip11 { left: auto; top: 67px; right: 94px; }
.cases-bags-tooltip#tooltip12 { left: auto; right: 16px; top: 115px; }
.cases-bags-tooltip#tooltip13 { left: auto; right: 62px; top: auto; bottom: 163px; }
.cases-bags-tooltip#tooltip14 { top: 95px; left: auto; right: 128px; }
.cases-bags-tooltip#tooltip15 { top: auto; bottom: 137px; left: 41px; }
.cases-bags-tooltip#tooltip16 { top: 77px; left: -21px; }
.cases-bags-tooltip#tooltip17 { top: -78px; left: auto; right: 70px; }
.cases-bags-tooltip#tooltip18 { top: 78px; left: auto; right: 100px; }
.cases-bags-tooltip#tooltip19 { top: 120px; left: auto; right: 46px; }
.cases-bags-tooltip#tooltip20 { top: 185px; left: 81px; }
.cases-bags-tooltip#tooltip21 { top: 70px; left: -52px; }
.cases-bags-tooltip#tooltip22 { top: -58px; left: 17px; }
.cases-bags-tooltip#tooltip23 { top: -7px; left: 70px; }
.cases-bags-tooltip#tooltip24 { top: 95px; left: 60px; padding:20px 10px; }
.cases-bags-tooltip#tooltip25 { top: auto; bottom: 105px; left: auto; right: 77px; }

/* CBS Pelican Final Page */
.row-fluid .pelican_hero { padding: 200px 0 40px; position: relative; font-size: 25px; line-height: 38px; }
.row-fluid .pelican_hero:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }
.row-fluid .pelican_hero .container { position: relative; z-index: 1; width: 990px; max-width:100%; }
.row-fluid .pelican_hero h1 { font-size: 52px; line-height: 62px; font-weight: 500; }
.row-fluid .pelican_hero .pelican_herologo { position: relative; text-align: right; padding: 0 30px 0; }
.row-fluid .pelican_hero .scroll_to_next { line-height: 0; }
.row-fluid .pelican_hero .scroll_to_next a { display: flex; align-items: center; height: 35px; width: 35px; float: none; justify-content: center; margin: 0 auto; position: absolute; border: 2px solid #fff; border-radius: 100%; bottom:10px; left: 50%; transform: translateX(-50%); animation: bounce 2s infinite;}
.row-fluid .pelican_hero .scroll_to_next a img { position: relative; top: 1px; }

body.pelican-body .row-fluid .custom-design-section { background:#fff; }

.row-fluid .custom_case_section { background: #EBEBED; padding: 100px 0; position:relative; }
.row-fluid .custom_case_section:before { position: absolute; content: ""; height: 37px; width: 160px; left: 0; right: 0; margin: 0 auto; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/triangle.png') no-repeat center / cover;  top: 0; }
.row-fluid .custom_case_header h2 { font-size: 45px; line-height: 52px; margin-bottom: 30px; }
.row-fluid .custom_case_header { font-size: 25px; line-height: 38px; color: #000000; margin-bottom: 50px; }
.row-fluid .custom_case_header p { margin: 0; }
.row-fluid .custom_case_header p + p { margin-top: 25px; }
.row-fluid .custom_case_col { float: left; width: 33.33%; padding: 0 30px; }
.row-fluid .custom_case_imgbox { background: #fff; text-align: center; height: 185px; display: flex; align-items: center; justify-content: center; }
.row-fluid .custom_case_imgbox img { width: auto; max-height: 180px; }
.fancybox_bg_black .row-fluid .custom_case_imgbox img { height: 100%; object-fit: cover; max-height: 100%; }
.row-fluid .custom_case_content { font-size: 18px; line-height: 24px; color: #818285; }
.row-fluid .custom_case_content ul li { padding-left: 17px; position: relative; margin-bottom: 20px; line-height: 28px; }
.row-fluid .custom_case_content ul li:before { position: absolute; content: ""; height: 6px; width: 6px; left: 0; top: 9px; background: #4DC0E8; border-radius: 100%; }
.row-fluid .custom_case_content h3 { margin: 30px 0 14px 0; font-size: 30px; line-height: 34px; color: #1A2029; font-family: 'MavenProMediumNew'; font-weight: 500; }

.row-fluid .custom_need_section .branding-tab-section { padding:120px 0; }
.row-fluid .custom_need_section .branding-tab-right h3 { font-size: 45px; line-height: 54px; text-shadow: 0px 0px 10px rgb(0 0 0 / 50%); }
.row-fluid .custom_need_section .branding-tab-right { padding-right: 350px; padding-left: 150px; }
.row-fluid .custom_need_section .branding-tabcontent { font-size: 16px; line-height: 26px; }
.row-fluid .custom_need_section .branding-tabcontent p { margin: 0; }
.row-fluid .custom_need_section .branding-tabcontent p + p { margin-top: 25px; }
.row-fluid .custom_need_section .branding-tabtitle h4 { font-size: 30px; line-height: 40px; margin: 0 0 10px; }
.row-fluid .custom_need_section .branding-tab-left ul li a { padding-left:180px; padding-top:25px; padding-bottom:25px; }
.row-fluid .custom_need_section .branding-tab-left ul li a:hover { padding-left:220px; }
.row-fluid .custom_need_section .branding-content-col { padding-left: 180px; padding-right: 200px; }
.row-fluid .custom_need_section .tab_contentin { position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.row-fluid .custom_need_section .branding-content-col.custom_need_img { position: relative; padding: 0; height: auto; width: auto; background: transparent; top: auto; left: auto; }
.row-fluid .custom_need_section .branding-tab-left ul li a img { max-width: 40px; margin-right: 15px; }
.row-fluid .custom_need_img { opacity:0; position:relative; left:50px;  transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; -o-transition:all ease-in-out .5s; -ms-transition:all ease-in-out .5s; }
.row-fluid .custom_need_img.tab-active { opacity:1; left:0; }

.row-fluid .dev_sol_raw { display: flex; width: 100%; }
.row-fluid .dev_sol_left { float: left; width: 50%; background: #191F29; position: relative; padding: 100px 50px; font-size: 18px; line-height: 28px; padding-left:calc((100% - 1340px)/2); }
.row-fluid .dev_sol_right { float: left; width: 50%; text-align: center; padding-right:calc((100% - 1600px)/2); }
.row-fluid .dev_sol_left:after { position: absolute; content: ""; height: 161px; width: 36px; left: 100%; top: 0; bottom: 0; margin: auto 0; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/sol-triangle.png') no-repeat center / cover; z-index:1; }
.row-fluid .dev_sol_left strong { color: #4DC0E8; }
.row-fluid .dev_sol_left p { margin: 0; }
.row-fluid .dev_sol_left p + p { margin-top: 20px; }
.row-fluid .dev_sol_left h2 { font-size: 45px; line-height: 55px; font-weight: 500; margin-bottom: 25px; }
.row-fluid .dev_sol_right .slick-slide img { display:inline-block; vertical-align:top; }
.row-fluid .dev_sol_section .slick-slider .slick-arrow { color: #C0C1C3; }
.row-fluid .dev_sol_section .slick-slider .slick-arrow { color: #C0C1C3; }
.row-fluid .dev_sol_section ul.slick-dots li { line-height: 0; }
.row-fluid .dev_sol_section ul.slick-dots li button { float: none; display: inline-block; vertical-align: top; height: 18px; width: 18px; opacity: 1; background: #fff; border: 2px solid #DBDBDB; }
.row-fluid .dev_sol_section ul.slick-dots li.slick-active button,
.row-fluid .dev_sol_section ul.slick-dots li button:hover { background: #DBDBDB; }

.row-fluid .pelican_reason_section { background: #EBEBED; padding: 140px 0 110px; font-size: 18px; line-height: 26px; color: #818285; }
.row-fluid .pelican_reason_section h2.your-vision-section-title { text-align: center; font-size: 45px; line-height: 55px; color: #1A2029; margin-bottom: 35px; }
.row-fluid .pelican_reason_col { float: left; width: 33.33%; padding: 0 30px 30px; }
.row-fluid .pelican_reason_wrap { display: block; width: auto; margin: 0 -30px; }
.row-fluid .pelican_reason_col h3 { font-size: 30px; line-height: 40px; color: #1A2029; font-weight: 500; margin-top: 20px; }
.row-fluid .pelican_reason_col p { margin: 0; }
.row-fluid .pelican_reason_col p + p { margin-top: 20px; }
.row-fluid .pelican_reason_img { height: 185px; }
/* .row-fluid .dev_sol_rightin { position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } */
/* .row-fluid .dev_sol_img { position: relative; top: 150px; } */
.row-fluid .dev_sol_rightin { text-align:center; }
.row-fluid .dev_sol_img { display:inline-block; }
.row-fluid .dev_sol_rawin { display: flex; align-items: center; width: 100%; }
.row-fluid .dev_sol_rightin .slick-list { padding-bottom:350px; }
.row-fluid .dev_sol_right .slick-slider button.slick-prev.slick-arrow { left:60px; }

body.pelican-body .row-fluid .ctastrip { padding: 170px 0; }
body.pelican-body .row-fluid .ctastrip h3 { font-size: 45px; line-height: 52px; }

body.pelican-body .row-fluid .supply-formsection h3 { font-size: 45px; line-height: 51px; margin-bottom: 10px; }
body.pelican-body .row-fluid .supply-formsection h3 + div.font-25 { text-align: center; margin-bottom: 50px; }



.row-fluid .custom_need_imgwrap { position: relative; }
.row-fluid .custom_need_img ~ div { position: absolute; top: 0; }
.row-fluid .custom_need_section .branding-tab-section { align-items: inherit; }
.row-fluid .custom_need_section .branding-tab-right { }
.row-fluid .custom_need_section .branding-tab-right .branding-tab-right-inner { width: 100%; height: 100%; position: relative; }
.row-fluid .custom_need_section .branding-tab-right .branding-tab-right-inner > div { position: absolute; top: 50%; transform: translateY(-50%); }
.row-fluid .custom_need_section .branding-tab-right .cs_title._hide { left: -30px; visibility: hidden; opacity: 0; }
.row-fluid .custom_need_section .branding-tab-right .cs_title { transition: all ease-in-out .5s; left: 0; }


/* 24-02-2021 */
.row-fluid .pelican_hero h1 { line-height:60px; }
.row-fluid .custom_case_header h2 { line-height: 55px; }
.row-fluid .custom_need_section #brand-tab6 { padding-right: 102px; }
.row-fluid .custom_need_section .branding-tab-right .branding-tab-right-inner .custom_need_imgwrap { background-color: #ffff; top: 0; transform: translateY(0); height: 100%; transition: all ease-in-out .5s; }
.row-fluid .custom_need_section .branding-tab-right .branding-tab-right-inner .custom_need_imgwrap .custom_need_img  { top: 50%; transform: translateY(-50%); text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; }
.custom_need_imgwrap.fl100._hide { visibility: hidden; opacity: 0; }
.row-fluid .custom_need_section .tab_contentin .branding-tabtitle img { margin-left: 10px; }
.branding-tabtitle { display: flex; align-items: center; }
.row-fluid .custom_need_section .branding-tab-right .branding-tab-right-inner .custom_need_imgwrap:before {content: '';position: absolute;left:-47px;top: 0;background-image:url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/shaped.png');height: 100%;background-repeat: no-repeat;background-size:100% 100%;background-position: center center;width: 48px;}
.pelican-body .ctastrip .back_img:before { background:rgba(25,31,41,0.6); }



.case-content-video-main-wrap .case-contentright .case-content-video-wrap { margin-bottom: 53px; }

/* .case-content-video-main-wrap .case-contentright-icon { bottom: -160px; top: auto; } */
.case-content-video-main-wrap table { width: 100%; }
.case-content-video-main-wrap table td { width: auto; }
.case-content-video-wrap video { vertical-align: top; }
.row-fluid .copyright-footer p { font-size:16px; }
.row-fluid .copyright-footer .hs-menu-wrapper > ul > li > a { font-size: 16px; line-height: 21px; }

/* .row-fluid .custom_need_section .branding-tab-right .branding-tab-right-inner .custom_need_imgwrap .custom_need_img[data-id="#brand-tab4"] img { height: 100%; width: 100%; object-fit: cover; object-position: left; } */
.row-fluid .custom_need_section .branding-tab-right .branding-tab-right-inner .custom_need_imgwrap .custom_need_img  img { max-height: 100%; width: auto; }


/* 26-05-2021-59 */
.portfolio-page a.clear-filter { padding-top: 0px; text-align: left; width: auto; text-decoration: underline; color: #818285; padding-bottom: 5px; }

.row-fluid .password-page-form-wrap { min-height: 100vh; background-color: #191F29; padding-top: 116px; text-align: center; padding-bottom: 116px; }
.password-page-form-wrap h2 { font-size: 45px; color: #fff; margin-bottom: 30px; }

.password-form-wrap .hs-screen-reader-text { position: static !important; color: #fff; display: inline-block; width: 100%; overflow: visible; text-align: left; height: auto; font-size: 18px; margin-bottom: 12px; }
.password-form-wrap input[type="password"] { min-height: 42px; border: 3px solid #EAEAEC; margin-top: 0px !important; }
.row-fluid .password-form-wrap { max-width: 388px; float: none; margin: 0px auto !important; }
.password-form-wrap input[type="submit"] { background-color: #4DBFE7; display: inline-block; width: auto; font-size: 19px; font-weight: 500; padding: 14.5px 36.8px; border-radius: 50px; margin-top: 25px; }
.password-form-wrap input[type="submit"]:hover { background-color: #3ba8ce; }


.filter-resources-main-wrap { padding-top: 79px; padding-bottom: 87px; }
.filter-resources-left-side { width: 293px; padding: 0 15px; }
.filter-resources-wrap { display: flex; margin-left: -15px; margin-right: -15px; }
.filter-resources-left { border: 2px solid #EBEBED; padding: 30px 22px; }
.filter-resources-left-heading h3 { font-size: 26px; font-weight: 500; color: #1A2029; font-family: 'Maven Pro', sans-serif; }
.filter-resources-right-side { width: calc(100% - 293px); padding: 0px 15px; }
.filter-resources-left-heading { margin-bottom: 25px; }
.filter-resources-search label { color: #818285; text-transform: uppercase; font-size: 16px; display: inline-block; width: 100%; margin-bottom: 7px; letter-spacing: 1px; }
.filter-resources-search input[type="text"] { border: 2px solid #EBEBED; border-radius: 5px; margin-bottom: 0px; }
.filter-resources-search { margin-bottom: 29px; position: relative; }
.filter-resources-list ul li { display: inline-block; width: 100%; padding-left: 33px; margin-bottom: 10px; position: relative; font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 20px; }
.filter-resources-list ul li:before { content: ''; width: 15px; height: 15px; position: absolute; left: 0; border: 2px solid #EBEBED; top: 3px; }
.filter-resources-list ul li.active:after {content: '';position: absolute;background-image: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/arrow.png');left: 4px;width: 12px;height: 10px;top: 8px; }
.filter-resources-reset-btn { display: inline-block; width: 100%; margin-top: 20px; padding-top: 20px; border-top: 2px solid #EBEBED; }
.filter-resources-reset-btn a { color: #818285; text-decoration: underline; font-size: 15px; font-weight: 400; cursor: pointer; }
.filter-resources-right { border: 2px solid #EBEBED; padding: 43px 36px 33px; max-height: 867px; overflow-y: auto; }
.filter-resources-hub-heading h2 { font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 32px; margin-bottom: 0px; }

.filter-resources-hub-list-wrap { margin-top: 24px; }
.filter-resources-hub-list-info-heading h3 { font-family: 'Maven Pro', sans-serif; font-weight: 500; margin-bottom: 0px; color: #1A2029; font-size: 20px; }
.filter-resources-hub-list-info-heading { margin-bottom: 20px; }
.filter-resources-hub-list h3 { font-family: 'Roboto', sans-serif, Arial, Helvetica; font-size: 20px; font-weight: 400; color: #818285; margin-bottom: 5px; }
.filter-resources-hub-list h3 a { font-family: 'Roboto', sans-serif, Arial, Helvetica; color: #818285; font-weight: 400; }
.filter-resources-hub-list h3 a:hover { color: #00AEEF; text-decoration: underline; }
.filter-resources-hub-list { display: inline-block; width: 100%; margin-bottom: 20px; }
.filter-resources-hub-list-content, .filter-resources-hub-list-content * { color: #818285; font-size: 17px; }
.filter-resources-hub-list-info:nth-child(1n+2) { margin-top: 18px; padding-top: 27px; border-top: 2px solid #EBEBED; }
.filter-resources-search button { position: absolute; right: 0px; bottom: 0px; height: 43px; border: 0px; background-color: transparent; cursor: pointer; width: 50px; }

.blog-list-case-list-wrap { margin-top: 20px; }
.blog-list-case-list h3 a { font-family: 'Roboto', sans-serif, Arial, Helvetica; color: #818285; font-weight: 400; font-size: 20px; }
.blog-list-case-list h3 a:hover { color: #00AEEF; text-decoration: underline; }
.blog-list-case-list { margin-bottom:5px; display: inline-block; width: 100%; }
.blog-list-case-list:last-child { margin-bottom: 0; }
.blog-list-case-list:last-child h3 { margin-bottom: 0px; }
.filter-resources-main-wrap.blog-list-case-wrap { padding-bottom: 31px; }
.filter-resources-main-wrap.blog-list-case-wrap .filter-resources-right { max-height: 450px; }
.filter-resources-main-wrap.case-studies-main-wrap { padding-top: 0px; }
.case-studies-main-wrap .filter-resources-list label { display: inline-block; position: relative; width: 100%; vertical-align: top; color: #818285; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; cursor: pointer; min-height: 24px; }
.case-studies-main-wrap .filter-resources-list label:after { transform: rotate( -90deg ); position: absolute; right: 0; background-image: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/down-arrow.png'); background-repeat: no-repeat; background-size: contain; width: 19px; content: ''; height: 12px; bottom: 6px; }
.case-studies-resource-wrap .filter-resources-list:nth-child(1n+2) { margin-top: 20px; padding-top: 24px; border-top: 2px solid #EBEBED; }
.case-studies-resource-wrap { padding-top: 10px; }
.case-studies-resource-wrap .filter-resources-list ul { display: none; padding-top: 15px; }
.case-studies-main-wrap .filter-resources-list label.open-filter:after { transform: rotate(0); }
.case-studies-list { font-size: 20px; color: #818285; margin-bottom: 12px; }
.case-studies-main-wrap .filter-resources-right { max-height: 450px; }
.case-studies-list a { font-size: 20px; color: #818285; }
.case-studies-list a:hover {    color: #00AEEF; text-decoration: underline;}
.password-form-wrap span.hs_cos_wrapper_type_password_prompt { color: #fff; margin-top: 15px; display: inline-block; width: 100%; }
.password-form-wrap span.hs_cos_wrapper_type_password_prompt form { margin-top: 18px; }

.top-menu-page-btn { text-align: center; padding-top:42px; }
body .top-menu-page-btn .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { background-color: #EBEBED; border-radius: 50px; color: #818285; padding: 10px 23px; }
.top-menu-page-btn ul li { margin: 0px 11px; }
body .top-menu-page-btn .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover {background-color: #DDDDDE;  }
body .top-menu-page-btn .hs-menu-wrapper.hs-menu-flow-horizontal ul li.active.active-branch a { background-color: #00AEEF; color: #fff; }
.filter-resources-main-wrap {     padding-top: 40px; }

/* This Vs That Page */
.row-fluid .this_hero_section .hero_imgbox { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -165px; }
.row-fluid .this_hero_section { position: relative; z-index: 1; }
.row-fluid .this_hero_section:before { display: none; }
.row-fluid .this_hero_section.supply-hero h2 { font-size: 70px; line-height: 70px; margin: 0; }
.row-fluid .this_hero_section.supply-hero h1 { font-size: 190px; line-height: 170px; margin: 0 0 50px; }
.row-fluid .this_hero_section .hero_imgbox img { transition: all ease-in-out .5s; } 
body.color_img .row-fluid .this_hero_section .hero_imgbox img { filter: brightness(50%) grayscale(100%); }
.row-fluid .this_hero_section .hero_text { line-height: 40px; max-width: 960px; margin: 0 auto; }

.row-fluid .winning_contestant_section { padding: 190px 0 60px; position: relative; }  
.row-fluid .winning_contestant_head h4 { color: #818285; font-size: 36px; line-height: 42px; font-weight: 500; }
.row-fluid .winning_contestant_head h2 { font-size: 46px; line-height: 56px; color: #1A2029; margin-bottom: 15px; }
.winning-content-tabbing-heading { text-align: center; }

.row-fluid .winning_contestant_wrap { display: flex; align-items: center; }
.row-fluid .winning_contestant_slider_raw { width: 50%; }
.row-fluid .winning_contestant_right { width: 50%; padding-left: 80px; } 
.row-fluid .winning_contestant_acc_wrap { background: #EBEBED; font-size: 16px; line-height: 26px; color: #818285; padding: 50px 40px 30px; }
.row-fluid .winning_contestant_acc_title { font-size: 26px; line-height: 36px; color: #1A2029; font-family: 'MavenProMediumNew'; font-weight: 500; position: relative; cursor: pointer; padding-right: 30px; margin-bottom: 15px; padding-left: 10px; }
.row-fluid .winning_contestant_acc { border-bottom: 2px solid #CFCFD5; padding-bottom: 15px; margin-bottom: 30px; }
.row-fluid .winning_contestant_acc:last-child { border: 0; padding: 0; margin: 0; }
.row-fluid .winning_contestant_acc_title:after { position: absolute; content: ""; height: 13px; width: 23px; top: 0; bottom: 0; right: 0; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/2021/acc_down_arrow.png') no-repeat center / cover; margin: auto 0; }
.row-fluid .winning_contestant_acc_text p { margin: 0; }
.row-fluid .winning_contestant_acc_text p + p { margin: 15px 0 0; }
.row-fluid .winning_contestant_acc_text { padding-right: 30px; display: none; padding-bottom: 18px; padding-left: 10px; }
.row-fluid .winning_contestant_acc:last-child .winning_contestant_acc_text { padding-bottom: 0; }
.row-fluid .winning_contestant_acc_title.active:after { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.row-fluid .winning_contestant_section ul.slick-dots li button { height: 18px; width: 18px; border: 2px solid #DBDBDB; background: #fff; }
.row-fluid .winning_contestant_section ul.slick-dots li.slick-active button { background: #DBDBDB; }
.row-fluid .winning_contestant_section ul.slick-dots { position: relative; margin: 30px 0 0; }
.row-fluid .winning_contestant_section .winning_contestant_slider_raw { position: inherit; }
.row-fluid .winning_contestant_section button.slick-prev.slick-arrow:after { color: #19202A; }
.row-fluid .winning_contestant_section button.slick-prev.slick-arrow { left: 40px; top: 65%; }

.row-fluid .winning_contestant_section button.slick-next.slick-arrow:after { color: #19202A; }
.row-fluid .winning_contestant_section button.slick-next.slick-arrow { right: 40px; top: 65%; }

.row-fluid .store_better_top { display: flex; align-items: center; width: 100%; flex-wrap: wrap; font-size: 22px; line-height: 30px; color: #818285; font-family: 'MavenProMediumNew'; }
.row-fluid .store_better_left { width: 57%; padding-right: 100px; }
.row-fluid .store_better_right { width: 43%; padding: 60px 15px; position: relative; }
.row-fluid .store_better_top h2 { font-size: 46px; line-height: 56px; color: #1A2029; font-weight: 400; margin: 0 0 18px; }
.row-fluid .store_better_top p { margin: 0; }
.row-fluid .store_better_top p + p { margin: 20px 0 0; }
.row-fluid .store_better_right { background: #EBEBED; text-align: center; }
.row-fluid .store_better_right img { display: inline-block; }
.row-fluid .store_better_right h4 { margin: 0; position: absolute; font-size: 26px; line-height: 32px; left: 0; bottom: 0; padding: 0 0 15px 25px; color: #1A2029; }
.row-fluid .store_better_bottom { margin: 15px 0 0; background: #EBEBED; position: relative; text-align: center; padding: 50px; }
.row-fluid .store_better_bottom img { display: inline-block; }
.row-fluid .store_better_bottom h4 { position: absolute; bottom: 0; left: 0; font-size: 26px; line-height: 32px; color: #1A2029; font-weight: 700; padding: 0 0 15px 20px; margin: 0; }

.row-fluid .store_better_section .slick-slider .slick-arrow.slick-next { position: absolute; height: 60px; width: 60px; padding: 0; top: 50%; right: 50px; transform: translateY(-50%); margin-top: -80px; }
.row-fluid .store_better_section .slick-slider .slick-arrow.slick-next:after { content: ""; height: 54px; width: 28px; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/2021/better-slider-next.png') no-repeat center / cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.row-fluid .store_better_section .slick-slider .slick-arrow.slick-prev { position: absolute; height: 60px; width: 60px; padding: 0; top: 50%; left: 50px; transform: translateY(-50%); margin-top: -80px; }
.row-fluid .store_better_section .slick-slider .slick-arrow.slick-prev:after { content: ""; height: 54px; width: 28px; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/2021/better-slider-prev.png') no-repeat center / cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.row-fluid .store_better_section { position: relative; padding-bottom: 90px; } 
.row-fluid .store_better_slider_raw { position: inherit; }
.row-fluid .store_better_section ul.slick-dots li button { height: 18px; width: 18px; border: 2px solid #DBDBDB; background: #fff; }
.row-fluid .store_better_section ul.slick-dots li.slick-active button { background: #DBDBDB; }
.row-fluid .store_better_section ul.slick-dots { position: relative; margin: 30px 0 0; bottom: auto; } 

.row-fluid .this_testimonial_section { background: #0055B7; font-size: 22px; line-height: 32px; position: relative; }
.row-fluid .this_testimonial_section:before { position: absolute; content: ""; height: 24px; width: 161px; top: 0; left: 0; right: 0; margin: 0 auto; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/2021/testimonial_top_cut.png') no-repeat center / cover; }
.row-fluid .this_testimonial_cover { padding: 160px 0 130px; position: relative; }
.row-fluid .this_testimonial_cover:before { position: absolute; content: ""; height: 105px; width: 134px; top:-20px; left:0; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/2021/testimonial_quote_left.png') no-repeat center / cover; } 
.row-fluid .this_testimonial_cover:after { position: absolute; content: ""; height: 105px; width: 134px; bottom:-20px; right:0; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/2021/testimonial_quote_right.png') no-repeat center / cover; } 
.row-fluid .this_testimonial_title h2 { font-size: 46px; line-height: 52px; margin: 0; font-weight: 500; } 
.row-fluid .this_testimonial_wrap { margin: 50px -35px 0; display: flex; flex-wrap: wrap; width: auto; }
.row-fluid .this_testimonial_col { width: 50%; padding: 0 35px; }
.row-fluid .this_testimonial_wrap h4 { margin: 0; font-size: 22px; line-height: 28px; font-family: 'Roboto', sans-serif, Arial, Helvetica; text-transform: uppercase; font-weight: 500; padding: 15px 0 0; }

.row-fluid .form-example-section.this_form_section { position: relative; margin-bottom: 100px; }
.row-fluid .form-example-section.this_form_section .this_form_bottom_img { position: absolute; bottom: -100px; left: 0; right: 0; margin: 0 auto; width: 1400px; max-width: 100%; }
.row-fluid .form-example-section.this_form_section .container { position: relative; z-index: 1; }

/* 06-12-2022-59 */
.winning_contestant_head { margin: 0 0 60px; }
.winning-content-tabbing-content { display:none; margin-top: 70px; }
.winning-content-tabbing-heading ul { display: inline-flex; background-color: #0055B7; border-radius: 55px; overflow: hidden; }
.winning-content-tabbing-heading ul li { color: #ffff; padding: 24px; display: inline-block; border-radius: 50px; cursor: pointer; font-size: 18px; font-family: 'Maven Pro', sans-serif; font-weight: bold; min-width: 177px; }
.winning-content-tabbing-heading ul li.current { background-color: #191F29; }
.winning-content-tabbing-heading ul li.current:hover { background-color: #191F29; }
.winning-content-tabbing-heading ul li:hover { background-color: #003C81; color: #fff; }

.winning-content-tabbing-wrap { position: sticky; top: 5px; left: 0; z-index: 999; }

.winning-content-tabbing-content .winning_contestant_wrap { padding-bottom:60px; }
.winning_contestant_section.winning-content-tabbing-main-wrap { padding-bottom: 0; }

.row-fluid .testimonial_that { margin: 90px 0 0; position: relative; }
/* .row-fluid .testimonial_that:after { content: ''; height: 100%; position: absolute; top: 0; left: -100%; background: #0055b7; z-index: -1; right: -100%; } */

.winning_contestant_slider.video video { vertical-align: top; width: 100%; }
.row-fluid .store_better_bottom.video video { width:100%; max-width: 660px; margin-bottom: 15px; }

/**/
.row-fluid .your-vision-section.vision-in-main { padding: 70px 0; }

/* 08-08-23-59 */
.row-fluid .pp-hero-wrap {  margin: 100px auto 70px; float: none; display: inline-block; }
.row-fluid .pp-hero-main-wrap h1 { font-size: 50px; line-height: normal; }
.row-fluid .pp-hero-wrap h2 { font-size: 100px; line-height: normal; font-weight: bold; margin-bottom: 0; margin-top: 15px; }
.row-fluid .pp-hero-main-wrap:before { display: none; }
.pp-content-btn-img-wrap { display: flex; flex-flow: wrap; align-items: center; }
.pp-content-btn-wrap { width: 59%; }
.pp-content-btn-img { width: 41%; padding-left: 25px; }
.pp-content-wrap { font-size: 20px; line-height: 32px; color: #818285; font-family: 'MavenProMediumNew', sans-serif; }
.pp-content-btn-img-main-wrap { padding: 48px 0; }
.pp-content-wrap p:first-child { margin-top: 0; }
.pp-content-btn-img-wrap { display: flex; flex-flow: wrap; align-items: center; }
.pp-content-btn-wrap { width: 59%; }
.pp-content-btn-img { width: 41%; padding-left: 25px; }
.pp-content-wrap { font-size: 20px; line-height: 32px; color: #818285; font-family: 'MavenProMediumNew', sans-serif; }
.pp-content-btn-img-main-wrap { padding: 80px 0 48px; }
.pp-content-wrap p:first-child { margin-top: 0; } 
.pp-issue-details-wrap { display: flex; }
.pp-issue-details-left { width: 35%; padding-right: 14px; }
.pp-issue-details-right { width: 65%; padding-left: 28px; }
.pp-issue-details-list { border: 2px solid #EBEBED; }
.pp-issue-details-list ul li { padding: 30px 34px; border-bottom: 2px solid #EBEBED; position: relative; cursor: pointer; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; }
.pp-issue-details-list ul li:last-child { border-bottom:0px; }
.pp-issue-details-wrap h5 { font-size: 20px; line-height: normal; margin-bottom: 0; font-weight: bold; color: #0056B8; font-family: 'MavenProMediumNew'; }
.pp-issue-details-wrap  h2 { margin-bottom: 0; font-size: 30px; line-height: 37px; margin-top: 3px; font-weight: 500; }
.pp-issue-details-content-wrap { display: none; height: 100%; padding: 50px; background-color: #F6F6F6; }
.pp-issue-details-content-wrap a,.pp-full-details-right a { color: #4DC0E8; text-decoration: underline; text-underline-position: under; font-weight: 500;}
.pp-issue-details-content-wrap a:hover,.pp-full-details-right a:hover { color: #00AEEF; }
.pp-issue-details-content { font-size: 20px; line-height: 32px; font-family: 'MavenProMediumNew'; }
.pp-issue-details-list label { display: none; }
.pp-issue-details-list ul li.current:after,.pp-issue-details-list ul li:hover:after { content: ''; width: 0; height: 0; border-top: 25px solid transparent; border-left: 23px solid #0055B7; border-bottom: 25px solid transparent; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); }
.pp-issue-details-list ul li.current,.pp-issue-details-list ul li:hover { background: #0055B7; }
.pp-issue-details-list ul li.current h5,.pp-issue-details-list ul li:hover h5 { color: #fff; }
.pp-issue-details-list ul li.current h2,.pp-issue-details-list ul li:hover h2 { color: #fff; }
.pp-issue-details-main-wrap { padding: 60px 0; }

.pp-full-details-wrap { display: flex; align-items: center; }
.pp-full-details-left { width: 40%; padding-right: 25px; }
.pp-full-details-right { width: 60%; font-size: 20px; color: #818285; font-family: 'MavenProMediumNew'; margin-top: 10px; line-height: 32px; }
.pp-full-details-heading-content-wrap h2 { font-size: 46px; line-height: normal; max-width: 660px; margin-bottom: 0; color: #818285; font-weight: 300; }
.pp-full-details-heading-content-wrap h2 span { display: inline-block; padding: 5px 20px; position: relative; z-index: 1; color:#ffffff; }
.pp-full-details-heading-content-wrap h2 span:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; transform: skew(-15deg); background: #4CBCE4; z-index: -1; }

.pp-full-details-heading-content { display: inline-block; width: 100%; font-size: 20px; color: #818285; font-family: 'MavenProMediumNew'; margin-top: 10px; line-height: 32px; }
.pp-full-details-heading-content-wrap { margin-bottom: 30px; }
.pp-full-details-right a { color: #4DC0E8; text-decoration: underline; text-underline-position: under; font-weight: 500; }
.pp-issue-details-content-wrap a:hover,.pp-full-details-right a:hover { color: #00AEEF; }
.pp-full-details-right p:first-child { margin-top: 0; }
.pp-full-details-right p:last-child { margin-bottom: 0; }
.pp-full-details-main-wrap { padding: 60px 0; }
.pickandpluck-body .row-fluid .supply-formsection h3 { font-size: 30px; line-height: normal; margin-bottom: 6px; text-align: center; }
.pickandpluck-body .row-fluid .form-example-section.supply-formsection .container { width: 1030px; }
.pickandpluck-body .row-fluid .supply-formsection .font-25 { text-align: center; font-size: 50px; font-family: 'MavenProMediumNew', sans-serif; line-height: normal; margin-bottom: 80px; }
.row-fluid .pp-hero-main-wrap h1 span { display: inline-block; padding: 5px 20px; position: relative; z-index: 1; text-shadow: 2px 2px 16px #767676; }
.row-fluid .pp-hero-main-wrap h1 span:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; transform: skew(-15deg); background: #4CBCE4; z-index: -1; }


/* 11-09-2023-59 */
.row-fluid .footer-section .footerbox ul.social-media svg { vertical-align: middle; }

/* 21-03-2024-59 */
.our-team-banner-wrap .video-content .content { font-size: 28px; font-style: normal; font-weight: 400; line-height: 40px; }
.banner-video-main.our-team-banner-wrap .video-content { max-width: 1051px; }
.our-team-banner-wrap h1 { font-size: 75px; } 
.team-hand-heading-wrap { background: #004CAF; text-align: center; padding: 28px 0; margin-bottom: 25px; position: relative; }
.team-hand-heading h2 { margin: 0; font-size: 52px; font-style: normal; font-weight: 400; line-height: normal; color: #fff; }
.team-hand-heading-wrap:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98' height='25' viewBox='0 0 98 25' fill='none'%3E%3Cpath d='M49 25L-2.28882e-05 1.90735e-06L98 1.90735e-06L49 25Z' fill='%23004CAF'/%3E%3C/svg%3E"); position: absolute; left: 50%; bottom: -25px; height: 25px; width: 98px; transform: translateX(-50%); }
.team-hand-wrap { padding: 57px 0; display: flex; }

.team-client-img-wrap { width: 50%; padding-right: 55px; text-align: center; }
.team-client-info-wrap { padding-left: 45px; width: 50%; }
.team-client-img img { width: 100%; aspect-ratio: 1/0.86; height: auto; object-fit: cover; border-radius: 8px; }
.team-client-img-wrap h2 { color: #181E26; margin-bottom: 0; font-size: 38px; font-style: normal; font-weight: 500; line-height: normal; }
.team-client-img { margin-bottom: 31px; }
.team-client-info-wrap li { font-size: 20px; font-style: normal; font-weight: 400; line-height: 36px; color: #818285; position: relative; padding-bottom: 15px; margin-bottom: 15px; }
.team-client-info-wrap li strong { color: #181E26; }
.team-client-info-wrap li:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='610' height='2' viewBox='0 0 610 2' fill='none'%3E%3Cpath d='M0 1H610' stroke='%23818285' stroke-opacity='0.5' stroke-width='0.5' stroke-dasharray='10 10'/%3E%3C/svg%3E"); content: ''; display: inline-block; width: 100%; height: 2px; vertical-align: top; position: absolute; left: 0; bottom: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.team-client-info-wrap li:last-child:after { display: none; }
.team-client-info-wrap li:last-child { margin-bottom: 0; padding-bottom: 0; }

.team-meet-left-info { display: flex; width: 100%; aspect-ratio: 1/0.9; vertical-align: top; padding: 17%; flex-flow: column; justify-content: center; position: relative; z-index: 1; }
.team-meet-left { width: 50%; padding-right: 6px; }
.team-meet-main-wrap { display: flex; }
.team-meet-left-info:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 76, 175, 0.80); z-index: -1; }
.team-meet-left-info .content { font-size: 28px; font-style: normal; font-weight: 400; line-height: 40px; }
.team-meet-left-info .content p { margin: 0; }
.team-meet-left-info h2 { margin-bottom: 0; font-size: 52px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 46px; }
 

.team-meet-right { padding-left: 6px; width: 50%; overflow: hidden; }
.team-meet-left-details-wrap { height: 100%; width: 100%; position: relative; display: flex; flex-flow: wrap; align-items: flex-start; }
.team-meet-client-info img { width: 100%; height: 100%; object-fit: cover; }
.team-meet-client-info { position: relative; height: 100%; cursor: pointer; }
.team-meet-client-details { position: absolute; bottom: 32px; display: flex; align-items: center; left: 32px; opacity: 0; visibility: hidden; }
.team-meet-client-details h3 { margin-bottom: 0; font-size: 38px; font-style: normal; font-weight: 500; line-height: normal; color: #FFF; margin-left: 20px; }
.team-meet-client-details svg { transform: translateY(-20px);  transition: all 400ms ease-in-out; }
.team-meet-left-details { aspect-ratio: 1/0.45; padding-bottom: 6px; width: 100%; }
.team-meet-left-details:nth-child(1n+2) { width: 50%; aspect-ratio: 1 / 0.9; padding-top: 6px; padding-bottom: 0; padding-right: 6px; }
.team-meet-left-details:last-child { padding-left: 6px; padding-right: 0; }
.team-meet-left-details:nth-child(1n+2) .team-meet-client-info { position: absolute; left: 0; width: calc(50% - 6px); height: calc(50% - 6px); transition: all 200ms ease-in-out; z-index: 2; }
.team-meet-left-details:last-child .team-meet-client-info { left: auto; right: 0; }
.team-meet-left-details:nth-child(1n+2):hover .team-meet-client-info { width: 100%; transition: all 200ms ease-in-out; }
.team-meet-left-details:nth-child(1n+2):hover+div .team-meet-client-info { width: 0; }

.team-meet-client-project-details { position: absolute; top: calc(50% - 6px); height: calc(50% + 6px); z-index: 4; background: #fff; opacity: 0; visibility: hidden;  transition: all 200ms ease-in-out; transform: translateY(-5%); left:0px; }
.team-meet-client-project-details .team-meet-client-box { height: calc(100% - 12px); margin-top: 12px; background: #F8F8F8; padding: 25px 32px; display: flex; flex-flow: wrap; overflow-y: auto; }
.team-meet-client-project-details .team-meet-client-box ul { width:50%;}
.team-meet-left-details:hover .team-meet-client-info .team-meet-client-details { opacity: 1; visibility: visible; z-index: 2; }
.team-meet-left-details:hover .team-meet-client-info .team-meet-client-details svg { transform: translateY(0px); }
.team-meet-client-info:after { content: ''; background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 1; transition: all 200ms ease-in-out; }
.team-meet-left-details:hover .team-meet-client-info:after { opacity: 0.4; }
.team-meet-left-details:hover .team-meet-client-project-details { opacity: 1; visibility: visible; transform: translateY(0); }
.team-meet-client-project-details ul li { font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; color: #818285; position: relative; padding-bottom: 15px; margin-bottom: 0; width: 100%; }
.team-meet-client-project-details ul li strong { color: #181E26; }
.team-meet-left-details:nth-child(1n+2) .team-meet-client-project-details { top: 0; transform: translateY(5%); height: 50%; padding-bottom: 6px; }
.team-meet-left-details:nth-child(1n+2):hover .team-meet-client-project-details { transform: translateY(0); }
.team-meet-left-details:nth-child(1n+2) .team-meet-client-details { top: 32px; bottom: auto; }
.team-meet-left-details:nth-child(1n+2) .team-meet-client-details svg { transform: rotate(180deg) translateY(-20px); }
.team-meet-left-details:nth-child(1n+2):hover .team-meet-client-details svg { transform: rotate(180deg) translateY(0px); }
.team-meet-left-details:nth-child(1n+2) .team-meet-client-project-details .team-meet-client-box { margin-top: 0; margin-bottom: 0; height: 100%; }

.three-part-member-details .team-meet-left-details { width: 30%; aspect-ratio: 1 / 0.7; padding-top: 6px; padding-bottom: 6px; padding-right: 6px; padding-left: 6px; }
.three-part-member-details .team-meet-left-details:nth-child(3),
.three-part-member-details .team-meet-left-details:nth-child(4) { width: 40%; aspect-ratio: 1 / 0.525; }
.three-part-member-details .team-meet-left-details:nth-child(2) .team-meet-client-info { width: calc(30% - 12px); left: calc(30% + 6px); height: calc(50% - 12px); }
.three-part-member-details .team-meet-left-details:nth-child(3) .team-meet-client-info { left: calc(60% + 6px); width: calc(40% - 12px); height: calc(50% - 12px); }
.three-part-member-details .team-meet-left-details:nth-child(2)+ div .team-meet-client-info { width: calc(40% - 12px); }
.three-part-member-details .team-meet-left-details-wrap { width: calc(100% + 12px); margin-left: -6px; margin-right: -6px; }
.team-meet-main-wrap.three-part-member-details { overflow: hidden; }
.three-part-member-details .team-meet-left-details:nth-child(4) .team-meet-client-info { position: relative; width: 100% !important; height: 100%; }
.three-part-member-details .team-meet-left-details:nth-child(5) .team-meet-client-info { width: calc(30% - 12px) !important; left: calc(40% + 6px); height: calc(50% - 12px); }
.three-part-member-details .team-meet-left-details:nth-child(6) .team-meet-client-info { width: calc(30% - 12px) !important; left: calc(70% + 6px); height: calc(50% - 12px); }

.three-part-member-details .team-meet-left-details .team-meet-client-project-details { top: 0; width: 70%; left: calc(30% + 6px); padding: 6px 0; transform: translateX(-5%);  }
.three-part-member-details .team-meet-left-details .team-meet-client-project-details .team-meet-client-box { margin-top: 0; height: 100%; padding: 34px 58px; }
.three-part-member-details .team-meet-left-details .team-meet-client-project-details .team-meet-client-box ul { padding-right: 40px; }
.three-part-member-details .team-meet-left-details .team-meet-client-project-details .team-meet-client-box ul:last-child { padding-right: 0; padding-left: 40px; }
.three-part-member-details .team-meet-left-details .team-meet-client-details { flex-flow: column-reverse; left: auto; right: 32px; align-items: flex-end; }
.three-part-member-details .team-meet-left-details .team-meet-client-details svg { margin-top: 12px; transform: translateX(-20px); }
.three-part-member-details .team-meet-left-details .team-meet-client-details h3 { margin-left: 0; }
.three-part-member-details .team-meet-left-details:hover .team-meet-client-details svg { transform: translateX(0); }
.three-part-member-details .team-meet-left-details:hover .team-meet-client-project-details { transform: translateX(0%); }
.three-part-member-details .team-meet-left-details:nth-child(2):hover .team-meet-client-info { left: 6px; }
.three-part-member-details .team-meet-left-details:nth-child(1n+2) .team-meet-client-details { top: auto; bottom: 32px; }
.three-part-member-details .team-meet-left-details:nth-child(1n+4) .team-meet-client-project-details { bottom: 0; top: auto; left:calc(40% + 6px); width: 60%; padding: 6px 0 6px; }
.three-part-member-details .team-meet-left-details:nth-child(5):hover .team-meet-client-info { left: 6px; width: calc(40% - 12px) !important; }
.three-part-member-details .team-meet-left-details:nth-child(3n + 3) .team-meet-client-project-details { left: -6px; width: 60%; transform: translateX(5%); }
.three-part-member-details .team-meet-left-details:nth-child(3n + 3):hover .team-meet-client-project-details { transform: translateX(0); }
.three-part-member-details .team-meet-left-details:nth-child(3n + 3) .team-meet-client-details { left: 32px; right: auto; align-items: flex-start; }
.three-part-member-details .team-meet-left-details:nth-child(3n + 3) .team-meet-client-details svg { transform: rotate(180deg) translateX(-20px); margin-top: 0; }
.three-part-member-details .team-meet-left-details:nth-child(3n + 3) .team-meet-client-details h3 { margin-bottom: 12px; }
.three-part-member-details .team-meet-left-details:nth-child(3n + 3):hover .team-meet-client-details svg { transform: rotate(180deg) translateX(0); }
.three-part-member-details .team-meet-left-details:nth-child(6) .team-meet-client-project-details { width: 70%; }

.capabilities-support-main-wrap { background: url(https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases_Source_2019/dark%20bg.png) no-repeat center/cover; padding: 150px 0 130px; }
.capabilities-support-wrap { display: flex; flex-flow: wrap; }
.capabilities-support-left { width: 50%; padding-right: 2.9%; }
.capabilities-support-right { width: 50%; padding-left: 3%; }
.capabilities-support-left h2 { font-size: 52px; font-style: normal; font-weight: 500; line-height: 62px; }

.capabilities-support-wrap .content { font-size: 20px; font-style: normal; font-weight: 400; line-height: 32px; display: inline-block; width: 100%; }
.capabilities-support-list-wrap { margin-top: 42px; }
.capabilities-support-list { display: flex; flex-flow: wrap; margin-bottom: 42px; }
.capabilities-support-list-icon { width: 80px; height: 80px; padding: 12px; display: flex; align-items: center; justify-content: center; border: 2px solid #44B8E4; border-radius: 100%; }
.capabilities-support-list-icon img { width: 100%; aspect-ratio: 1/0.7; object-fit: contain; }
.capabilities-support-list-details { width: calc(100% - 80px); padding-left: 34px; padding-top: 25px; }
.capabilities-support-list-details h3 { font-size: 32px; font-style: normal; font-weight: 500; line-height: normal; }
.capabilities-support-wrap .content *:first-child { margin-top: 0; }
.capabilities-support-wrap .content *:last-child { margin-bottom: 0; }
.capabilities-support-list:last-child { margin-bottom: 0; }
.capabilities-support-wrap .content { margin-top: 7px; }
.capabilities-support-wrap .content ul li { padding-left: 18px; position: relative; margin-bottom: 6px; }
.capabilities-support-wrap .content ul li:before { content: ''; width: 5px; height: 5px; background: #44B8E4; border-radius: 100%; position: absolute; left: 0; top: 15px; }
.our-team-video-main-wrap .container { display: flex; align-items: center; flex-flow: wrap; }
.team-meet-right .team-meet-left-details:first-child { height: 22.1vw; }
.row-fluid .how-work-section .title { max-width: 810px; }
.row-fluid .work-flow-section3 .how-work-raw:nth-child(2) .how-work-imageinner:after { content: ''; position: absolute; left: -21px; right: 0; width: 104%; height: 100%; bottom: 0; top: 0; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(63%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(25, 31, 41, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#191f29', GradientType=0); }
.row-fluid .work-flow-section3 .how-work-raw:nth-child(2) .how-work-imageinner:before {content: ''; position: absolute; right: 0; width: 100%; height: 104%; bottom: 0; top: 0; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(63%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(25, 31, 41, 1))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#191f29', GradientType=1);}
.row-fluid .work-flow-section3 .how-work-raw:nth-child(4) .how-work-imageinner:after { content: ''; position: absolute; left: -21px; right: 0; width: 104%; height: 100%; bottom: 0; top: 0; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(63%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(25, 31, 41, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#191f29', GradientType=0); }
.row-fluid .work-flow-section3 .how-work-raw:nth-child(2) .how-work-imageinner { width: calc(100% + 33px); transform: translateY(-140px); background-position: left -0vw center !important; }
.row-fluid .work-flow-section3 .how-work-raw:nth-child(4) .how-work-imageinner { background-position: -27vw 0vw !important; transform: translateY(-140px); }
.row-fluid .work-flow-section3 .how-work-raw:nth-child(4) .how-work-imageinner:before { content: ''; position: absolute; right: 0; width: 100%; height: 104%; bottom: 0; top: 0; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(63%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(25, 31, 41, 1))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(25, 31, 41, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#191f29', GradientType=1); }
.row-fluid .work-flow-section3 .how-work-raw:nth-child(2n+1) .how-work-imageinner:before { content: ''; position: absolute; right: 0; width: 100%; height: 104%; bottom: 0; top: 0; background: rgba(25, 31, 41, 1); background: -moz-linear-gradient(left, rgba(25, 31, 41, 1) 0%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(25, 31, 41, 1)), color-stop(37%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(25, 31, 41, 1) 0%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(25, 31, 41, 1) 0%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(25, 31, 41, 1) 0%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(25, 31, 41, 1) 0%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#191f29', endColorstr='#ffffff', GradientType=1); }

/* Sustainability Page */
.row-fluid .pelican_hero.sustain_hero { padding-bottom: 80px; }

.row-fluid .img_text_wrap { background: #191F29; display: flex; flex-wrap: wrap; width: 100%; }
.row-fluid .img_text_wrap .left { width: 60%; padding: 100px 100px; padding-left: calc((100% - 1170px) / 2); font-size: 18px; line-height: 28px; position: relative; }
.row-fluid .img_text_wrap .left:after { position: absolute; content: ""; height: 161px; width: 36px; top: 0; bottom: 0; margin: auto 0; background: url(https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/right-border.png) no-repeat center / cover; left: 100%; }
.row-fluid .img_text_wrap .right { width: 40%; }
.row-fluid .img_text_wrap .right img { display: none; }
.row-fluid .img_text_wrap .left h2 { font-size: 45px; line-height: 55px; font-weight: 500; margin-bottom: 35px; width: 420px; max-width: 100%; }
.row-fluid .img_text_wrap .left p { margin: 25px 0; }
.row-fluid .img_text_wrap .left a, .row-fluid .img_text_wrap .left span, .row-fluid .img_text_wrap .left strong { color: #4dc0e8; }
.row-fluid .img_text_wrap .left ul li { display: inline-block; vertical-align: top; width: 100%; padding-left: 15px; position: relative; }
.row-fluid .img_text_wrap .left ul li:before { position: absolute; content: ""; height: 5px; width: 5px; top: 12px; left: 0; background: #fff; border-radius: 100%; }
.row-fluid .img_text_wrap .left ul li a { color: #fff; text-decoration: underline; }
.row-fluid .img_text_wrap .left ul li a:hover { color: #4dc0e8; }

.video_wrap { width: 1140px; max-width: 100%; border-radius: 30px; background-color: #76777a; overflow: hidden; margin: 0 auto; }
.video_sc { background: #ebebed; padding-bottom: 70px; }
.video_wrap video { height: 100%; width: 100%; object-fit: cover; }
.video_sc .videoBox { position: relative; padding-bottom: 56.25%; height: 0; }
.video_sc .videoBox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video_sc .videoBox .playBtn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 60px; width: 60px; background: #fff; border-radius: 100%; margin: auto; display: flex; align-items: center; justify-content: center; }
.video_sc .videoBox .playBtn svg { width: 20px; fill: #000; stroke: #000; }
.video_sc .videoBox .playBtn:hover { background: #000; }
.video_sc .videoBox .playBtn:hover svg { fill: #fff; stroke: #fff; }
.video_sc .videoPop { display: none; }
.videoPop.fancybox-content { max-width: 900px; padding: 0; border-radius: 20px; line-height: 0; background: transparent; overflow: visible; }
.fancybox_bg_black .fancybox-is-open .fancybox-bg { background: #000; opacity: 1; }
.fancybox-slide--html .videoPop.fancybox-content .fancybox-close-small { background: #fff; opacity: 1; border-radius: 100%; }
.fancybox-slide--html .videoPop.fancybox-content .fancybox-close-small path { fill: #000; }
.video_sc .videoBox iframe { height: 100%; width: 100%; border: 0; }

.video_sc .videoBox .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

/**/
.berry_body .row-fluid .pelican_hero { padding-bottom: 70px; }
.berry_body .row-fluid .pelican_hero:before { background: rgba(0, 0, 0, 0.7); }

.row-fluid .berry_img_text_sc .process-outer { display: flex; align-items: center; }
.row-fluid .berry_img_text_sc .process-outer .process-left { padding: 80px 70px 80px 15px; width: 62%; }
.row-fluid .berry_img_text_sc .process-outer .process-right { width: 38%; text-align: center; }
.row-fluid .process-main.berry_img_text_sc p { font-size: 18px; line-height: 28px; }
.row-fluid .process-main.berry_img_text_sc h2 { font-size: 45px; line-height: 55px; }

@media (min-width:2400px){
	.row-fluid .work-flow-section2 .how-work-raw:nth-child(3) .how-work-imageinner { background-position: right -5vw center !important; }
	.row-fluid .work-flow-section2 .how-work-raw:nth-child(4) .how-work-imageinner, .row-fluid .work-flow-section2 .how-work-raw:nth-child(2) .how-work-imageinner { background-position: right center !important; } 
}
@media (min-width:1640px){
    .capabilities-support-main-wrap .container { width: 1630px; }
    .our-team-video-main-wrap .container { width: 1630px; }
}
@media (min-width:1300px){
	.row-fluid .venn-diagram-col.moving .venn-diagram-title { font-size:21px; line-height:26px; }
    .case-content-video-main-wrap .case-contentright { padding-top: 0px;  padding-left: 112px;   }
    
    .berry_body .row-fluid .pelican_hero h1 { font-size: 70px; line-height: 84px; }
    .berry_body .row-fluid .form-example-section.supply-formsection .container, .sustanBody .row-fluid .form-example-section.supply-formsection .container { width: 1170px; }
    
    .sustanBody .row-fluid .pelican_hero h1 { font-size: 70px; line-height: 68px; }
    .sustanBody .row-fluid .pelican_hero { padding-bottom: 90px; }
    
    .row-fluid .pelican_reason_col { line-height: 28px; }
}

@media (min-width:1400px){
    .row-fluid .dev_sol_section .slick-slider .slick-arrow.slick-prev { left: 75px; }
    .row-fluid .dev_sol_section .slick-slider .slick-arrow.slick-next { right: 75px; }
    .team-hand-main-wrap .container { width: 1360px; }
}


@media (min-width:768px) {/*hover event for desktops*/
    .ebiz-toggle, .mainmenu .mobile-menu span.mobile-toggle{display:none;}
    .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 .mainmenu ul.mobile-menu > li:hover > a{ color: #fff; }
    .row-fluid .header-main.headerfixed .mainmenu ul.mobile-menu > li:hover > a{ color: #1a2029; }
    .row-fluid .mainmenu ul.mobile-menu .sub-menu li a:hover { background-color: #d4d4d5; }
    .row-fluid .how-work-raw:last-child .how-work-col:last-child { width:620px; max-width:100%; position:relative; bottom: 0; left: 0; transform: translateX(-50%); z-index: 2; padding:70px 60px; margin-left:36px; transition:all ease-n-out .5s; }
    .row-fluid .how-work-raw:last-child .how-work-col:last-child:before, .row-fluid .how-work-raw:last-child .how-work-col:last-child:after { box-sizing:inherit; content:''; position:absolute; border:3px solid transparent; width:0; height:0; }    
    .row-fluid .how-work-raw:last-child .how-work-col:last-child:before { top:0; left:0; }
    .row-fluid .how-work-raw:last-child .how-work-col:last-child:after { bottom:0; right:0; }
    .row-fluid .how-work-raw.start:last-child .how-work-col:last-child:before { border-top-color: #4dbde5; border-right-color: #4dbde5; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; }
    .row-fluid .how-work-raw.start:last-child .how-work-col:last-child:after { border-bottom-color: #4dbde5; border-left-color: #4dbde5; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; }    
    .row-fluid .how-work-raw.start:last-child .how-work-col:last-child:before, .row-fluid .how-work-raw.start:last-child .how-work-col:last-child:after { width:100%; height:100%; }
    
    .row-fluid .how-work-raw:last-child .draw-line-horizontal, .row-fluid .how-work-raw:last-child .draw-line-vertical, .row-fluid .how-work-raw:last-child .how-work-col:last-child .draw-line { display:none; }
    .row-fluid .how-work-raw:last-child .how-work-col:last-child .how-work-title { position:initial; }
    .row-fluid .how-work-raw:last-child .how-work-col:last-child .how-work-icon { left:50%; top:0; transform:translateX(-50%) translateY(-50%) scale(1); }
    .row-fluid .how-work-raw:last-child .how-work-col:last-child .how-work-icon.show { transform:translateX(-50%) translateY(-50%) scale(1); } 
    .row-fluid .how-work-raw:last-child .how-work-col-inner > div { position:inherit; }

    .row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper { column-count: 1; display:none; }
    .row-fluid .mainmenu ul.mobile-menu > li:first-child:hover > ul.hs-menu-children-wrapper { display:block; }
    .row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper > li { float: left; width: 100%; }
    .row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper > li > a { font-size: 20px; line-height: 24px; background: #4EBFE7; color: #fff; position: relative; padding: 15px 15px !important; text-align: center; }
    .row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper > li > a:after { display: inline-block; content: ""; height: 15px; width: 40px; right: 0; top: 0; background: url('https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/menu-arrow.png') no-repeat center center; background-size: cover !important; vertical-align: middle; position: relative; margin-left: 15px; }
    .row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper > li ul.sub-menu { opacity: 1; visibility: visible; left: 0; position: relative; box-shadow: none; min-width: 1px; padding: 0 0 15px; }
    .row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper > li > a { font-weight: 800; padding:10px 15px; }
    /*.row-fluid .mainmenu ul.mobile-menu > li > ul.hs-menu-children-wrapper > li > ul > li:first-child > ul > li:last-child a { color: #4DBFE7 !important; } */
    /*.row-fluid .mainmenu ul.mobile-menu > li > ul.hs-menu-children-wrapper > li > ul > li:first-child > ul > li:first-child a { color: #4DBFE7 !important; } */
    .row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper > li > a:hover { background: #00aeef; }

    .row-fluid .mainmenu ul.mobile-menu > li > ul.hs-menu-children-wrapper > li > ul > li { float:left !important; /*width:32% !important;*/ width:25% !important; } 
    .row-fluid .mainmenu ul.mobile-menu > li > ul.hs-menu-children-wrapper > li > ul > li:nth-child(1){width:29% !important; } 
    .row-fluid .mainmenu ul.mobile-menu > li > ul.hs-menu-children-wrapper > li > ul > li:nth-child(4){width:17% !important; } 
    .row-fluid .mainmenu ul.mobile-menu > li > ul.hs-menu-children-wrapper > li > ul > li > a { font-size:20px!important; line-height:27px !important; color:#1A2029 !important; font-weight:700 !important; cursor:default !important; padding:20px 15px 15px !important; }
    .row-fluid .mainmenu ul.mobile-menu > li > ul.hs-menu-children-wrapper > li > ul > li > a:hover { background:transparent; }
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > .hs-menu-children-wrapper{transform: translateX(-110px);}
	
	body.our-processbody .header-logo-img.logo-white { display:none; }
	body.our-processbody .header-logo-img.logo-blue { display:block !important; }
	body.our-processbody .row-fluid .mainmenu ul.mobile-menu > li > a { color:#1A2029; }
	.winning-content-tabbing-wrap label,.winning-content-tabbing-wrap h4 { display: none; }
    
    .mobile-tag-list { display:none; }
    
    
}
@media(max-width:1800px){
    .team-meet-left-info { padding: 10%; }
}

@media (max-width:1560px){
	.row-fluid .how-work-raw:nth-child(4) .how-work-imageinner{background-position:left -33vw center !important;}
    .team-meet-left-info { padding: 6%; }
    .team-meet-left-info .content { font-size: 20px; line-height: 31px; }
    .team-meet-left-info h2, .team-hand-heading h2, .capabilities-support-left h2 { font-size: 42px; line-height: normal; }

}

@media (max-width:1300px){
    .feed-main .feed-box .feed-box-inner .feed-box-content h2 { font-size: 25px;}
    .feed-main .feed-box .feed-box-inner .feed-box-content h5 {font-size: 17px;}
    
   .portfolio-page .product-bottom-box-area .product-box.featured { width: 97%;margin: 0 0 30px 10px;}
   .portfolio-page .portfolio-page-inner { width: 100%;}
   .portfolio-page .product-box-area { padding: 0;}
   .portfolio-page .product-bottom-box-area { width: calc(850px + 30px); display: inline-block; margin: 0px 15px;  padding: 0;}
   .portfolio-page .product-box { width: calc(33.33% - 22px);}
    
    
    .row-fluid .fd_option_box { margin: 0 -15px;  padding-left:15px; padding-right:15px; } 
	.row-fluid .fd_option_box.fd_option_top { margin-bottom:56px; }
    .row-fluid .fd_option_box.fd_option_bottom { margin-top:56px; }
    .row-fluid .fd_option_part { padding:0 15px; }
	.row-fluid .fd_option_img { padding:0 15px; }
	.row-fluid .how-work-imagewrap .svg-anim{left:16.5vw;}
    
    .team-client-info-wrap { padding-left: 25px; }
    .team-client-img-wrap { padding-right: 25px; }

    .team-meet-client-project-details ul li { font-size: 15px; line-height: 24px; }
    .three-part-member-details .team-meet-left-details .team-meet-client-project-details .team-meet-client-box { padding: 20px 18px; }
    .three-part-member-details .team-meet-left-details .team-meet-client-project-details .team-meet-client-box ul:last-child { padding-left: 20px; }
    .three-part-member-details .team-meet-left-details .team-meet-client-project-details .team-meet-client-box ul { padding-right: 20px; }

    .capabilities-support-main-wrap { padding: 90px 0 80px; }
    .team-hand-wrap { padding: 40px 0; }
    .team-client-img { margin-bottom: 22px; }
    .team-meet-left-info h2 { margin-top: 25px; }

    
}
@media (max-width:1439px){
	.row-fluid .lp-hero .graphic-img { width: 450px; }
	
	body.innerpage-body .facemask-hero-section .container, body.innerpage-body .analysis-section .container {width: 1100px;}
	.facemask-hero-section {padding: 50px 0;}
	.mendatory-notes-section {padding: 50px 0;}
	.facemask-hero-section .img-part { padding-left: 30px;}
	
	.analysis-section {background-size: 60%;background-position: 107% 80%;}
	.mendatory-notes-section .content-part {padding-right: 50px;}
	.alternative-section .content-part { padding-left: 55px;}
	.alternative-section.img-right .content-part {padding-right: 50px;}
    
    /* This Vs That Page */
    .row-fluid .store_better_section .slick-slider .slick-arrow { display: none !important; }
    
    .row-fluid .pp-hero-wrap { margin: 40px auto 30px; }
    .row-fluid .pp-hero-wrap h2 { font-size: 76px; }

	
}

@media (min-width:1301px) and (max-width:1500px){
	.row-fluid .work-flow-section2 .how-work-raw:nth-child(1) .how-work-imageinner { background-position:left center !important; }
	
}

@media (min-width:1200px) and (max-width:1500px){
	.f-bottom-wrap .f-post-topic-wrap .topic-link { float:left; width:100%; }
    .case-content-video-main-wrap .case-contentright { padding-top: 0px;  padding-left: 112px;   }
}

@media (max-width:1199px){

    .row-fluid .mainmenu ul.mobile-menu > li > a { font-size: 18px; padding: 15px 0px; }
    .row-fluid .mainmenu ul.mobile-menu > li { margin: 0px 12px;}
    .row-fluid .mainmenu ul.mobile-menu .sub-menu li a { font-size: 17px; padding: 10px 15px;}
    .row-fluid .header-main.headerfixed .search-main .search-inner { top: 171%;}
    .row-fluid-wrapper .row-fluid .left-padding {padding-left: calc(((100% - 950px) - 30px) / 2);}
    .row-fluid-wrapper .row-fluid .right-padding{padding-right: calc(((100% - 950px) - 30px) / 2);} 
    .blog-post-wrapper .post-wrapper .post-bottom .post-right { right: -20px;}
    .f-post-main .f-post-content h2 { font-size: 28px; }
    .f-post-main .f-post-content .f-post-text { font-size: 17px; line-height: 25px; }
    .f-bottom-wrap .f-post-date { font-size: 15px; }
    .f-bottom-wrap .f-post-topic-wrap .topic-link { font-size: 15px; float:left; width:100%; margin:0; }
	.f-post-main .f-post-content .f-inner-content { padding: 0px 40px 0px 32px; }
    .row-fluid .subscription-main h2 { font-size: 35px; }
    .row-fluid .subscription-main .widget-type-text { font-size: 15px; line-height: 25px; }
    .box-listing-wrapper .box-item .post-content { padding: 20px 20px; }
    .row-fluid .download-cta a h3 { font-size: 28px; margin-bottom: 25px; }
    .row-fluid .download-cta a .download_btn { font-size: 18px; }
    
    .row-fluid .blue-stripe-main h2 { font-size: 27px;}
    .row-fluid .blue-stripe-main {   padding: 35px 0px 50px;}
    
    .row-fluid .blue-stripe-main .stripe-left {margin-top: 15px;}

    .row-fluid .process-main .process-left { padding-right: 25px; }
    .row-fluid .process-main h2 { font-size: 45px; }
    .row-fluid .process-main p { font-size: 17px; line-height: 27px; }
    .row-fluid .process-main .process-img span { width: 155%;}
    .row-fluid .process-main .process-left-inner { padding-left: 20px;}
    .banner-video-main h1 { font-size: 45px; }
    .who-we-main .who-left-section { width: 100%; }
    .who-we-main .who-right-section { width: 100%; padding: 35px 50px 0px 50px; margin: 0; }
    .row-fluid .who-we-main .container > div > div { width: 100%; display: inherit; }
    .who-we-main .who-left-section h2 { font-size: 40px; margin: 0; }
    .who-we-main .who-left-section p { font-size: 18px; line-height: 28px; }
    .project-slider .slick-next.slick-arrow { right: -40px; }
    .project-main .project-slide h2 { font-size: 40px; }
    .project-main .project-slide .project-text ul li { font-size: 18px; margin-bottom: 10px; }
    .row-fluid .who-we-main { padding: 40px 0px; }
    .cases-outer .cases-box .box-overlay h2 { font-size: 25px; }
    .cases-outer .cases-box .box-overlay h5 { font-size: 16px; }
    .cases-outer .cases-box .box-overlay h5:before { width: 50px; }
    .study-main .study-box .study-box-inner .study-box-content h2 { font-size: 25px; }
    .study-main .study-box .study-box-inner .case-study-name { font-size: 16px; }
    .study-main .study-box .study-box-inner { height: 460px; padding: 25px; }
    .study-main .study-box .study-box-inner .study-box-content h5 { font-size: 17px; }
    .feed-main .feed-box .feed-box-inner { height: 400px; padding: 25px; }
    .feed-main .feed-box .feed-box-inner .feed-box-content h2 { font-size: 22px; }
    .feed-main .feed-box .feed-box-inner .feed-box-content h5 { font-size: 15px; }
    .logo-box-main .logo-box-heading h2 { font-size: 40px; }
    .logo-box-main .logo-box-heading p { font-size: 18px; }
    .logo-box-main .logo-box-heading { padding: 0px 35px 20px; }
    .logo-box-outer .logo-box { width: 33.33%; }
    
    .portfolio-page .product-bottom-box-area { width: calc(650px + 30px);}
    .portfolio-page .product-box.featured .product-box-detail h3 a { font-size: 26px;line-height: 30px;}
    .portfolio-page .product-box.featured .product-box-detail p {font-size: 18px; line-height: 27px;}
    .portfolio-page .product-box.featured .product-box-img { height: 466px;}
    .portfolio-page .product-box { width: calc(33.33% - 20px);}
    .portfolio-page .product-box .product-box-detail a { padding: 20px 0 0 0;}
    .portfolio-page .portfolio-page { padding: 40px 0 30px;}
    
    .cases-outer .cases-box .box-overlay{ padding: 10px 10px; }
     
    
	.row-fluid .process-main.fd_process_section .process-img span { width:100%; }
	.row-fluid .fd_step_inner { height:313px; }
	.row-fluid .fd_cmn_title h2 { font-size: 45px; line-height: 55px; }
	.row-fluid .fd_step_part { margin:0 -20px; }
	.row-fluid .fd_step_box_img img { max-height: 150px; }
	.row-fluid .fd_plan_title h3 { font-size: 24px; line-height: 27px; }
	.row-fluid .fd_plan_title h3 span { font-size: 16px; line-height: 27px; }
	.row-fluid .fd_step_inner h3 { font-size: 28px; line-height: 35px; }
	.row-fluid .fd_step_inner h3 span {  font-size: 35px; line-height: 45px; }
	.row-fluid .fd_step_inner.active h3 { font-size: 35px; line-height: 45px; } 
	.row-fluid .fd_step_inner.active h3 span { font-size: 48px; line-height: 55px; } 
	.row-fluid .simple-design-section.process-main.fd_process_section .process-left { padding-left: calc((100% - 940px)/2); }
	
	.row-fluid .process-main.process-home-sec .process-img span img.hs-image-widget { object-fit: contain;}
	.row-fluid .process-main.process-home-sec .process-img span { margin: 0; width: 100%;}
	.how-work-section .how-work-wrapper{background-size:380px auto !important;}
	
	.row-fluid .lp-hero .graphic-img { position: static; width: 100%; }
    .row-fluid .lp-hero .graphic-img img { margin: 0; max-width: 350px !important; width:100% !important; }
	
	.facemask-hero-section .content-part h1 {font-size: 40px; line-height: 50px;}
	.facemask-hero-section .content-part {padding-right: 30px;}
	.facemask-hero-section .img-part {padding-right: 30px;padding-left: 0;}
	.facemask-hero-section .img-part .highlighted-text {right: -12px;}
	.left-img-text-right-section .content-part {padding-left:30px;}
	.mendatory-notes-section .content-part h3 {  font-size: 22px; line-height: 36px;}
	.mendatory-notes-section .img-part img { width: 300px;height: 300px; }
	.mendatory-notes-section .content-part {padding-right:0;}
	
	.analysis-section {padding: 55px 0 65px;background-size: 67%;}
	
	body.innerpage-body .facemask-hero-section .container, body.innerpage-body .analysis-section .container {width: 970px;}
	
	.alternative-section { padding: 70px 0 55px;}
	.alternative-section .content-part h2 { font-size: 42px;line-height: 53px; }
	.centered-content {padding-bottom: 65px;}
	.form-section {padding: 80px 0;}
	.form-section .section-title h2 { font-size: 42px;line-height: 50px;}
	
	.row-fluid .response-strip .two-circle > div > div > div{width:170px; height:170px;}
	.row-fluid .response-strip .two-circle > div > div > div img{height:100%!important;object-fit:cover;width:100%;}
	
	.row-fluid .solutions_left { padding:0 20px 0 0; }
	.row-fluid .solutions_right { padding:0 0 0 10px; }
    
    /* 26-05-2021-59 */
    .row-fluid .password-page-form-wrap { padding-top: 80px; padding-bottom: 80px; }
    
    /* This Vs That Page */
    .row-fluid .this_hero_section.supply-hero h2 { font-size: 54px; line-height: 56px; }
    .row-fluid .this_hero_section.supply-hero h1 { font-size: 140px; line-height: 140px; margin-bottom: 40px; }
    .row-fluid .this_hero_section .hero_text { line-height: 34px; }
    .row-fluid .winning_contestant_section { padding-top: 150px; }
    .row-fluid .winning_contestant_head h2 { font-size: 36px; line-height: 44px; }
    .row-fluid .winning_contestant_head h4 { font-size: 28px; line-height: 32px; }
    .row-fluid .winning_contestant_acc_wrap { padding: 30px 20px 30px; }
    .row-fluid .winning_contestant_acc_title { font-size: 20px; line-height: 30px; margin-bottom: 5px; padding-left: 0; }
    .row-fluid .winning_contestant_acc { margin-bottom: 15px; }
    .row-fluid .winning_contestant_acc_text { padding-left: 0; padding-bottom: 0; }
    .row-fluid .store_better_left { width: 50%; padding-right: 30px; }
    .row-fluid .store_better_right { width: 50%; }
    .row-fluid .store_better_top h2 { font-size: 34px; line-height: 42px; }
    .row-fluid .store_better_top { font-size: 19px; line-height: 28px; }
    .row-fluid .this_testimonial_title h2 { font-size: 38px; line-height: 46px; }
    .row-fluid .this_testimonial_section { font-size: 18px; line-height: 28px; } 
    
    .capabilities-support-left { padding-right: 2%; }
    .capabilities-support-right { padding-left: 2%; }
    .capabilities-support-wrap .content { font-size: 17px; line-height: 1.4; }
    .capabilities-support-list-details { padding-left: 25px; padding-top: 8px; }
    .capabilities-support-list-icon { width: 60px; height: 60px; padding: 9px; }
    .capabilities-support-list { margin-bottom: 30px; }
    .capabilities-support-list-details h3 { font-size: 28px; line-height: normal; }
    .capabilities-support-wrap .content ul li:before { top: 10px; }
    .team-client-img-wrap h2 { font-size: 29px; line-height: normal; }
    .our-team-banner-wrap .video-content .content { font-size: 20px; line-height: 1.5; }
    .team-meet-left-info h2, .team-hand-heading h2, .capabilities-support-left h2 { font-size: 32px; line-height: normal; }
    .team-client-info-wrap li:after { background-size: auto; }

    /* Sustainability Page */ 
    .row-fluid .img_text_wrap .left { padding-left: calc((100% - 950px) / 2); }
    
}

@media (max-width:991px){
    
    .row-fluid .mainmenu ul.mobile-menu > li > a { font-size: 15px; padding: 15px 0px; }
    .row-fluid .mainmenu ul.mobile-menu > li { margin: 0px 10px; }
    .row-fluid .header-bottom { padding: 10px 15px; }
    .row-fluid .header-main .header-top { padding: 6px 15px; }
    .row-fluid .link a { font-size: 15px; }
    .header-main .header-top > div > .row-fluid > div { margin-left: 10px; }
    .row-fluid .header-main.headerfixed .header-bottom { padding: 0px 15px;}
    
    .row-fluid .search-icon img {transform: scale(0.8);}
    
    .footer-main .footer-address p { font-size: 16px; line-height: 25px; }
    .row-fluid .social-media li { margin-left: 10px; }
    .row-fluid .footer-main { padding: 25px 0px; }
    
    .row-fluid-wrapper .row-fluid .left-padding {padding-left: calc(((100% - 750px) - 30px) / 2);}
    .row-fluid-wrapper .row-fluid .right-padding{padding-right: calc(((100% - 750px) - 30px) / 2);} 
    
    .blog-post-wrapper .post-wrapper .post-bottom .post-right { right: 0; margin: 0; float: left; width: 100%; }
    .blog-post-wrapper .post-wrapper .post-bottom { display: table; width: 100%; }
    ul.share-buttons li { display: inline-block; margin: 9px; }
    ul.share-buttons { position: inherit; right: inherit; top: inherit; text-align: center; }
    .row-fluid .banner-main h1 { font-size: 45px; }
    .blog-post-wrapper .post-header h1 { font-size: 35px; }
    .blog-post-wrapper .post-body h2 { font-size: 30px; }
    .blog-post-wrapper .post-body p { font-size: 17px; line-height: 26px; }
    .blog-post-wrapper .post-body h3 { font-size: 23px; }
    .blog-post-wrapper .post-body ul li { font-size: 17px; }
    .blog-post-wrapper .post-body ul li:before { top: 9px; }
    .blog-post-wrapper .post-body p span { font-size: 17px; padding-bottom: 35px; }
    .blog-post-wrapper .post-body h4 { font-size: 20px; }
    .row-fluid .comment-form-main h3 { font-size: 30px; margin-bottom: 30px; }
    .blog-post-wrapper .post-body p img { padding: 40px 0px 20px; }
    .box-listing-wrapper .box-item { width: calc(50% - 30px); margin: 20px 15px;}
    .row-fluid .blue-stripe-main h2 {  font-size: 23px;}
    .row-fluid .header-main.headerfixed .mainmenu ul.mobile-menu>li>a {font-size: 15px;}
    .row-fluid .mainmenu ul.mobile-menu .sub-menu li a { font-size:15px;}
    .banner-video-main h1 { font-size: 40px; }
    .banner-video-main .video-btn { margin-top: 40px; }
    .banner-video-main .video-content > div { height: 600px; }
    .cases-outer .cases-box-slice:first-child { width: 40%; }
    .cases-outer .cases-box-slice:nth-child(2) { width: 60%; }
    .cases-outer .cases-box-slice:nth-child(3) { width: 60%; }
    .cases-outer .cases-box-slice:nth-child(4) { width: 40%; }
    .row-fluid .process-main h2 { font-size: 35px; margin: 0; }
    .row-fluid .process-main p { font-size: 16px; }
    .row-fluid .process-main .process-img span { margin: 0px -130px 0px -60px;}
    .study-main .study-box .study-box-inner .case-study-name { font-size: 15px; }
    .study-main .study-box .study-box-inner { height: 400px; padding: 90px 25px 25px; }
    .study-main .study-box:nth-child(even) { padding-left: 10px; }
    .study-main .study-box:nth-child(odd) { padding-right: 10px; }
    .feed-main .feed-box { width: 50%; float: left; padding: 10px 10px; }
    .feed-main .feed-box .feed-box-inner { height: 340px; }
    .logo-box-main .logo-box-heading h2 { font-size: 35px; }
    .logo-box-main .logo-box-heading p { font-size: 17px; }
    .logo-box-outer .logo-box { padding: 10px 10px; }
   

    .portfolio-page .filter-box { width: 100%; position: static;}
    .portfolio-page .product-box-area { width: 100%;}
    .portfolio-page .product-box { width: 47%;}
    .portfolio-page .product-bottom-box-area { width: 100%; margin: 0 0;padding: 0;}
    .portfolio-page .portfolio-page-inner { display: inline-block;}
    .portfolio-page .filter-box-inner { padding: 0px 10px 25px; border: none;}
    .portfolio-page .filter-box h2 { margin: 0; padding: 0;color:#818285;    font-weight: 400;    line-height: 7px; display: inline-block;}
    .portfolio-page .filter-box h2 a{ color:#818285;}
    .portfolio-page .filter-mob-inner{ display: block;}
    .portfolio-page .filter-box h2 a i{font-size:12px;display: inline-block; margin: 0px 0 0 10px; color:#CB5500; float: right; line-height: 15px; }
    
	.portfolio-page .overlay {height: 100%;width: 0;position: fixed;z-index: 99;/*top:278px;*/ bottom:0; left: 0;background-color:#fff;overflow-x: hidden;transition: 0.5s; box-shadow: 0 20px 40px #636363; margin-top: 278px; margin-bottom: -278px;}
	.portfolio-page .overlay-content {position: relative;/*top: 15%;*/ top:inherit; width: 100%;text-align: left;margin-top: 80px; margin-bottom: 278px;   padding: 0 20px;}
	.portfolio-page .overlay a {padding: 8px;text-decoration: none;font-size: 36px;color: #818181;display: block;transition: 0.3s;}
	.portfolio-page .overlay a:hover, .overlay a:focus {  color: #f1f1f1;}
	.portfolio-page .overlay .closebtn {position: absolute;top: 20px;right: 15px;font-size: 60px;}
	.portfolio-page .overlay .closebtn{font-size: 16px;    color: #818285;}
	.portfolio-page .overlay .closebtn i{font-size: 12px; display: inline-block;margin:0px 10px 0 0px; color: #CB5500;}    
	.portfolio-page .search-box-inner {  width: 100%;}
	.portfolio-page .search-box-inner a i { font-size: 20px;} 
	.portfolio-page .overlay .search-box-inner a{ display: inline-block; padding: 0;font-size: 20px; text-align: center; width: 50px;}
	.portfolio-page .search-box-inner input { width: 84%;}
	.menu-overlay{}
	body.menu-overlay { overflow: hidden;/*background-color: rgba(0,0,0,0.6);*/position: relative;}
	body.menu-overlay:after { content: ''; background-color: rgba(0,0,0,0.6); position: absolute; left: 0; right: 0; bottom: 0; top: 0; /*z-index: 9;*/ width: 100%; height: 100%;}   
	.portfolio-page { padding: 30px 0 30px; position:relative; }    
	.portfolio-page .filter-box-inner{position:relative;} 
	.portfolio-page .overlay .clear-filter{    line-height: 14px; padding: 0; float: left;  width: 100%; font-size: 20px; font-family: 'MavenProMediumNew'; font-style: normal; font-weight: 500;color: #CB5500;text-decoration: underline;text-transform: capitalize;}   
	.portfolio-page .filter-remove{    display: inline-block;  margin: 0 0 30px;}
	.portfolio-page .content-box:last-child{     margin: 25px 0; border-bottom: 2px solid #EBEBED; padding-bottom: 25px;} 
	.portfolio-page .overlay.fixed { top: 0; margin-top: 80px;}
	.portfolio-page .overlay.fixed .overlay-content {margin-bottom: 80px;}
    .row-fluid .style-system .page-header p { font-size:16px; line-height:26px; } 
    .row-fluid .style-system .page-header h1 { font-size:40px; line-height:48px; }
    .row-fluid .style-system .page-header h2 { font-size:28px; line-height:34px; }
    .row-fluid .preferences_error .item_box { padding:30px 20px 50px; }
    .row-fluid .preferences_error .hs-button { margin-left:0; }
    .row-fluid .style-system .email-prefs .item .fakelabel input + span { font-size:24px; }
    .row-fluid .style-system .email-prefs .item .checkbox-row + p { font-size:16px; }
    .row-fluid .confirmation_section { height:calc(100vh - 140px); }
    .row-fluid .confirmation_section .row-fluid-wrapper.row-number-2  { margin:0 auto; }
    .cases-outer .cases-box-slice .cases-box-1 { height: 30vw; }
    .cases-outer .cases-box-slice .cases-box-2 { height: 25vw; }
    .cases-outer .cases-box-slice .cases-box-3 { height: 25vw;}
    .cases-outer .cases-box-slice .cases-box-4 { height: 30vw; }
    .cases-outer .cases-box-slice .cases-box-5 { height: 30vw; }
    .cases-outer .cases-box-slice .cases-box-6 { height: 25vw; }
    .cases-outer .cases-box-slice .cases-box-7 { height: 25vw; }
    .cases-outer .cases-box-slice .cases-box-8 { height: 30vw; }
    
    .row-fluid .global-presence-section:before, .row-fluid .global-presence-section:after { display:none; } 
    
    /* Overview All Page */
    .row-fluid .custom-design-slidernavraw { display:none; }
    .row-fluid .custom-design-slidernavraw .slick-list { padding: 0 !important; overflow: hidden; }
    .row-fluid .design-process-imagebox { display: none; }
    .row-fluid .processIconbox { position: relative; top: auto !important; left: auto !important; bottom: auto !important; right: auto !important; margin: 0 !important; }
    .row-fluid .processIconbox .processIcontitle { position: relative; min-width: 1px; top: auto !important; left: auto !important; bottom: auto !important; right: auto !important; margin: 0 !important; }
    .row-fluid .custom-design-headingbox { padding-bottom:20px; }
    
    .row-fluid .custom-design-sliderforwrap.slick-slider .slick-dots { position:relative; bottom:0; }
    .row-fluid .custom-design-sliderforinner { padding-bottom:30px; }
    .row-fluid .custom-design-sliderforwrap.slick-slider .slick-dots li { line-height: 0; }
    .row-fluid .custom-design-sliderforwrap.slick-slider .slick-dots li button { height: 12px; width: 12px; opacity: 1; background: transparent; border: 2px solid #4DBFE7; }
    .row-fluid .custom-design-sliderforwrap.slick-slider .slick-dots li.slick-active button, .row-fluid .custom-design-sliderforwrap.slick-slider .slick-dots li:hover button { background: #4DBFE7; }
    .row-fluid .custom-design-sliderforcol { font-size:16px; line-height:24px; }
	
    
	.row-fluid .fd_process_section { padding: 20px 0 40px; }
	.row-fluid .fd_process_section.process-main .process-left h2 { font-size: 30px; line-height: 40px; }
	.row-fluid .fd_process_section.simple-design-section.process-main .process-left ul li:before { top: 12px; }
	.row-fluid .fd_step_section, .row-fluid .fd_plan_section, .row-fluid .fd_option_section { padding: 80px 0; }
	.row-fluid .fd_cmn_title h2 { font-size: 36px; line-height: 45px; }
	.row-fluid .fd_step_inner { height: 240px; }
	.row-fluid .fd_step_box_img img { max-height: 105px; }
	
	.row-fluid .fd_custom_section { padding: 80px 0 0; }
	.row-fluid .fd_custom_section .fd_cmn_title h2 { margin-bottom: 50px; }
	.row-fluid .fd_cmn_title h2 { font-size: 28px; line-height: 35px; }
	.row-fluid .fd_product_section { padding-bottom: 80px; }
	.row-fluid .fd_plan_main_title, .row-fluid .fd_custom_part h5, .row-fluid .fd_plan_title h3 span, .row-fluid .fd_option_part, 
	.row-fluid .fd_process_section.simple-design-section .process-left, .row-fluid .fd_step_slider_part, .row-fluid .fd_product_title { font-size: 16px; line-height: 28px; }
	.row-fluid .fd_plan_title h3, .row-fluid .fd_step_inner h3 { font-size: 24px; line-height: 27px; }
	.row-fluid .fd_plan_list_box { line-height: 24px; }
	.row-fluid .fd_product_box, .row-fluid .fd_step_slider { padding:0 40px; }
	.row-fluid .fd_product_box .slick-arrow, .row-fluid .fd_step_slider .slick-arrow { width:20px; padding:0; }
	
	.row-fluid .fd_step_inner.active h3 { font-size: 28px; line-height: 32px; } 
	.row-fluid .fd_step_inner h3 span { font-size: 28px; line-height: 32px; }  
	.row-fluid .fd_step_inner.active h3 span { font-size: 35px; line-height: 45px; }  
	.row-fluid .fd_plan_part { width:50%; }
	.row-fluid .fd_option_part h3 { font-size: 22px; line-height: 28px; }
	.row-fluid .fd_option_title {  margin-bottom: 30px; }
    .row-fluid .simple-design-section.process-main.fd_process_section .process-left { padding-left:calc((100% - 720px)/2); }
	.row-fluid .how-work-raw:nth-child(3) .how-work-imagewrap .svg-anim{max-width:212px;}
	.row-fluid .how-work-raw:nth-child(3) .how-work-imagewrap .svg-anim svg{transform:rotate(-6.5deg) translate(0px, 17px);}
	.row-fluid .how-work-raw:nth-child(4) .how-work-imagewrap .svg-anim{left:5vw;}
	
	.row-fluid .how-work-raw:nth-child(2) .how-work-imageinner{background-position:left -40vw center!important;}
	.row-fluid .about-history-section .how-work-raw:nth-child(2) .how-work-imageinner { background-position:left -57vw center!important; }
	.row-fluid .how-work-raw:nth-child(3) .how-work-imageinner{background-position:right -35vw center!important;}
	.row-fluid .how-work-raw:nth-child(4) .how-work-imageinner{background-position:left -69vw center!important;}
    .vision-in-main .your-vision-img { height: 200px;}
	.vision-in-main lottie-player{ width: 100% !important; height: 200px !important; }
	.row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper {min-width: 330px;}
	body.page-style { font-size: 18px; line-height: 1.3; } 
	.row-fluid .lp-hero { padding: 60px 0 60px; }
	.row-fluid .lp-hero .down-arrow { padding-top: 30px; }
	.row-fluid .font-25 { font-size: 20px; }
	.row-fluid .lp-hero .widget-type-rich_text p + p { padding-top: 10px; }
	.row-fluid .lp-heading h2 { font-size: 35px; }
	.row-fluid .lp-heading { font-size: 28px; }
	.row-fluid .thumb-content .content > div { padding-left: 30px; }
	.row-fluid .thumb-content .content h2 { font-size: 34px; }
	.row-fluid .response-strip h2 { font-size: 30px; margin-top: -3px; }
	.row-fluid .thumb-content { padding: 40px 0; }
	.row-fluid .lp-process-section .content h2 { font-size: 30px; }
	.row-fluid .lp-process-section .lp-quote { margin: 80px auto 0; padding-top: 30px; }
	.row-fluid .lp-process-section .lp-quote:after { background-size: 50px; width: 110px; }
	.row-fluid .lp-process-section { padding: 20px 0 60px; }
	.row-fluid .lp-hero h1 { font-size: 47px; padding: 20px 0 20px; }
	
	.row-fluid .copyright-footer.v2 .logo { border: none; padding: 0 0 10px; width: 100%; text-align: center; }
	.row-fluid .copyright-footer.v2 .logo > div { display: inline-block; padding: 0 0 10px; }
	.row-fluid .copyright-footer.v2 .logo + div { width: 100%; margin: 0; text-align: center; }
	
	body.innerpage-body .facemask-hero-section .container, body.innerpage-body .analysis-section .container {width: 750px;}
	.facemask-hero-section .content-part h1 { font-size: 32px; line-height: 40px;} 
	.facemask-hero-section .content-part { font-size: 18px; line-height: 28px;}
	.facemask-hero-section .img-part .highlighted-text {    width: 230px;padding: 15px; height: 230px; font-size: 14px; line-height: 22px;}
	.left-img-text-right-section .content-part {font-size: 18px; line-height: 28px;}
	.mendatory-notes-section .content-part h3 {font-size: 18px; line-height: 30px;}
	.mendatory-notes-section .img-part img { width: 240px; height: 240px;}
	.analysis-section .content-part {max-width: 530px;}
	.analysis-section .content-part p {font-size: 22px; line-height: 30px;}
	.alternative-section .content-part {  padding-left: 30px;font-size: 18px; line-height: 28px;} 
	.alternative-section .content-part h2 { font-size: 32px;  line-height: 40px;} 
	.alternative-section { padding: 60px 0 45px;}
	.mask-type-section h2 { font-size: 32px;line-height: 40px;}
	.alternative-section.img-right .content-part {  padding-right: 30px;}
	.centered-content h3 { font-size: 28px; line-height: 36px;}
    .centered-content { padding-bottom: 45px;}
	.form-section { padding: 60px 0;}
	.form-section .form-container p { font-size: 22px;	line-height: 30px;}
	
	.form-section .section-title .cta-wrap a { min-width: 233px;margin: 0 5px 20px;}
	
	.mask-type-section .section-content .single-col {width: 50%;margin-bottom:20px;}
	.mask-type-section .section-content .single-col:nth-child(2n):after{display:none;}
	
	.chart-module .chart .chart-dates .title{width:210px;}
	.chart-module .chart .chart-dates .weeks{width:calc(100% - 210px);}
	.chart-module .chart .list-wrapper .list .title{font-size:14px;padding:12px 0 12px 10px;width:210px;}
	.chart-module .chart .list-wrapper .list .lines{width:calc(100% - 210px);}
	.chart-module .chart .list-wrapper .list:first-child .lines .sep-lines > div:before{font-size:11px;}
	.row-fluid .response-strip{padding:60px 60px 60px 20px;}
	.row-fluid .response-strip .content{max-width:400px;}
	.row-fluid .response-strip .two-circle{right:-75px;}
	.row-fluid .response-strip .two-circle > div > div > div{height:140px;width:140px;}
	
	.row-fluid .solutions_left { width:100%; padding:0; }  
	.row-fluid .solutions_right { margin-top:20px; width:100%; padding:0; }
	.row-fluid .solutions_left h2 , .row-fluid .solutions_right h2 { font-size: 28px; line-height: 36px; }
    .chart-module { overflow: hidden; }
    .row-fluid .custom-design-sliderforwrap.slick-slider .slick-dots { padding: 0; }
    .row-fluid .custom-design-sliderforwrap.slick-slider .slick-dots li button { border-color: #C2C3C7; }
    .row-fluid .custom-design-sliderforwrap.slick-slider .slick-dots li.slick-active button { background: #C2C3C7; }

    /* 26-05-2021-59 */
    .row-fluid .password-page-form-wrap { padding-top: 60px; padding-bottom: 60px; }
    .password-page-form-wrap h2 { margin-bottom: 15px; }
    .password-form-wrap input[type="submit"] { margin-top: 20px; }

    .filter-resources-main-wrap { padding-top: 54px; padding-bottom: 57px; }
    .filter-resources-right { padding: 25px 28px 25px; }
    
    /* This Vs That Page */
    .row-fluid .this_hero_section.supply-hero h2 { font-size: 46px; line-height: 50px; }
    .row-fluid .this_hero_section.supply-hero h1 { font-size: 110px; line-height: 110px; }
    .row-fluid .winning_contestant_right { padding-left: 30px; }
    .row-fluid .store_better_top { font-size: 17px; line-height: 27px; }
    .row-fluid .store_better_top h2 { font-size: 30px; line-height: 36px; }
    .row-fluid .this_testimonial_col { padding: 0 15px; }
    .row-fluid .this_testimonial_wrap { margin-left: -15px; margin-right: -15px; }
    .row-fluid .winning_contestant_section button.slick-prev.slick-arrow { display: none !important; }
    
    .winning-content-tabbing-heading ul li { padding: 20px; min-width: 160px; }

    .team-hand-wrap { flex-flow: wrap; }
    .team-client-img-wrap { width: 100%; padding-right: 0; margin-bottom: 35px; }
    .team-client-info-wrap { width: 100%; padding-left: 0; }
    .team-client-info-wrap li { font-size: 16px; line-height: normal; }
    .team-client-info-wrap li:after { background-position: left; background-repeat: repeat; }
    .team-meet-main-wrap { flex-flow: wrap; }
    .team-meet-left { width: 100%; padding-right: 0; }
    .team-meet-right { width: 100%; padding-top: 6px; padding-right: 0; padding-left: 0; padding-bottom: 6px; }
    .team-meet-left-info { aspect-ratio: auto; padding: 4%; }
    .team-meet-left-info h2 { margin-top: 17px; }
    .team-meet-right .team-meet-left-details:first-child { height: auto; }
    .capabilities-support-left { width: 100%; padding-right: 0; }
    .capabilities-support-right { width: 100%; padding-left: 0; padding-top: 25px; }
    .capabilities-support-main-wrap { padding: 60px 0 50px; }
    .capabilities-support-list-wrap { margin-top: 32px; }
    .capabilities-support-list { margin-bottom: 20px; }

    .team-meet-client-details h3 { font-size: 24px; line-height: normal; }
    .team-meet-client-details svg { height: auto; width: 35px; }
    .team-meet-client-details { left: 10px; }
    .three-part-member-details .team-meet-left-details .team-meet-client-details { right: 21px; }
    .team-meet-client-project-details ul li { padding-bottom: 5px; }
    .three-part-member-details .team-meet-left-details .team-meet-client-project-details .team-meet-client-box ul:last-child { padding-left: 10px; }
    .three-part-member-details .team-meet-left-details .team-meet-client-project-details .team-meet-client-box ul { padding-right: 10px; }
    .row-fluid .work-flow-section3 .how-work-raw:nth-child(2) .how-work-imageinner { background-position: left 2vw center !important; background-size: 100% 100% !important; }
    .row-fluid .work-flow-section3 .how-work-raw:nth-child(3) .how-work-imageinner {background-size: 140% !important; background-position: right -15vw center !important;}
    .row-fluid .work-flow-section3 .how-work-raw:nth-child(4) .how-work-imageinner { background-position: left -26vw center !important; background-size: 170% !important; }
    .work-flow-section3 .how-work-section .how-work-wrapper { padding-top: 75px; }
    
    /* Sustainability Page */ 
    .row-fluid .img_text_wrap .left { padding-left: calc((100% - 750px) / 2); padding-right: 50px; }
    
    /**/
    .row-fluid .berry_img_text_sc .process-outer .process-left { padding-right: 30px; }
    .row-fluid .process-main.berry_img_text_sc h2 { font-size: 32px; line-height: 1.2; }
    .row-fluid .process-main.berry_img_text_sc p { font-size: 16px; }
    
}

@media (min-width:1201px) and (max-width:1800px){
	.row-fluid .custom_need_section .branding-tab-left ul li a{padding-left:50px;}
	.row-fluid .custom_need_section .branding-tab-left ul li a:hover{padding-left:90px;}
	.row-fluid .custom_need_section .branding-tab-right{padding-right:50px;padding-left:50px;}
	.row-fluid .custom_need_section .branding-content-col{padding-left:60px;padding-right:60px;}
	.row-fluid .custom_need_section .branding-tabcontent{font-size:16px;line-height:26px;}
	.row-fluid .dev_sol_left{padding:100px 25px;}
	.row-fluid .custom_need_section .branding-tab-right{padding-left:110px;}
}

@media (min-width:1201px) and (max-width:1500px){
	.row-fluid .engineering-slider-raw .slick-arrow.slick-prev,.row-fluid .manufacturing-slider-raw .slick-arrow.slick-prev{right:calc(100% + 13px);display:none!important;}
	.row-fluid .engineering-slider-raw .slick-arrow.slick-next,.row-fluid .manufacturing-slider-raw .slick-arrow.slick-next{left:calc(100% + 12px);display:none!important;}
	.row-fluid .spec-tab-slidersec .slick-slider .slick-arrow.slick-next{left:calc(100% - 15px);}
	.row-fluid .spec-tab-slidersec .slick-slider .slick-arrow.slick-prev{right:calc(100% + -10px);}
	.row-fluid .spec-tab-sliderimg{float:none;margin:0 auto;}
	.row-fluid .footer-rightbox{width:190px;}
	.row-fluid .global-presence-section .container:before{right:auto;left:0;}
	.row-fluid .global-presence-section .container:after{right:0;left:auto;}
	.row-fluid .indu-rightimg{right:-10px;}
	.casebag-left{padding:80px 20px;}
	.overcome-left{padding:120px 100px 380px 30px;}
	.overcome-rightcol{padding:50px 30px;}
	.row-fluid .study-main .product-thumbimg{width:100%;right:20px;}
	.row-fluid .custom-design-imgbox8 .processIconbox .processIcontitle{min-width:1px;}
	.row-fluid .custom_need_section .branding-tab-right{padding-left:110px;}
}

@media (min-width:768px) and (max-width:1200px) {
	
	.row-fluid .mainmenu ul.mobile-menu .sub-menu li a { padding:6px 20px !important; }
	.row-fluid .mainmenu ul.mobile-menu > li > ul.hs-menu-children-wrapper > li > ul > li > a { padding:10px 15px 10px !important; }
	.row-fluid .study-main .product-thumbimg { display:none; }
    /* Design Process Page */ 
    .row-fluid .design-peocess-herosection h1 { font-size: 32px; line-height: 40px; }
    .row-fluid .design-peocess-herosection { font-size: 16px; line-height: 26px; }
    .row-fluid .design-heroright { height: 300px; }
    .row-fluid .how-work-raw:nth-child(odd) .how-work-col-inner { padding: 0; }
    .row-fluid .how-work-col-wrap { font-size: 16px; line-height: 24px; }
    .row-fluid .how-work-imagewrap:before { top:70px; right:50px; }
    .row-fluid .how-work-icon { top:50%; }
    .row-fluid .how-work-text { position:relative; z-index:1; }
    .row-fluid .how-work-raw .how-work-col-inner { margin-bottom:50px; }
    .row-fluid .how-work-raw:nth-child(3) .how-work-imagewrap:before { right:20px; top:200px; }
    .row-fluid .how-work-raw:nth-child(4) .how-work-imagewrap:before { right: auto; left: 20px; top: 200px; transform: none; }
    
    .row-fluid .techniques-section { padding: 50px 0; font-size: 16px; line-height: 24px; }
    .row-fluid .technique-title h2 { font-size: 34px; line-height: 40px; }
    .row-fluid .techniques-section .tabs-menulist ul li a { min-width: 150px; font-size: 14px; }
    .row-fluid .techniques-section .tabs-menulist ul li { margin: 0 2px; }
    .row-fluid .design-tab-image { width: 50%; }
    .row-fluid .design-tab-content { width: 50%; }
    .row-fluid .branding-tab-zigzag-content { padding-right: 30px; }
    .row-fluid .branding-tab-zigzag-raw:nth-child(even) .branding-tab-zigzag-content { padding-left: 30px; }
    .row-fluid .dev_sol_section .slick-slider .slick-arrow { display: none !important; }
    
    .row-fluid .techniques-section { padding: 50px 0; font-size: 16px; line-height: 24px; }
    .row-fluid .technique-title h2 { font-size: 34px; line-height: 40px; }
    .row-fluid .techniques-section .tabs-menulist ul li a { min-width: 150px; font-size: 14px; }
    .row-fluid .techniques-section .tabs-menulist ul li { margin: 0 2px; }
    .row-fluid .design-tab-image { width: 50%; }
    .row-fluid .design-tab-content { width: 50%; }
    .row-fluid .branding-tab-zigzag-content { padding-right: 30px; }
    .row-fluid .branding-tab-zigzag-raw:nth-child(even) .branding-tab-zigzag-content { padding-left: 30px; }
    .row-fluid .branding-tab-left ul li a { font-size: 16px; line-height: 20px; padding: 14px 50px 14px 20px; }
    .row-fluid .branding-tab-left ul li a:after { right: 12px; }
    .row-fluid .branding-tab-left ul li a:before { display: none; }
    .row-fluid .branding-tab-left ul li a:hover { padding-left: 20px; }
    .row-fluid .branding-content-col { padding: 30px 20px 30px; }
    .row-fluid .branding-tab-return { bottom: 20px; right: 20px; }
    
    .row-fluid .engineering-slider-colinner { padding: 30px 20px; }
    .row-fluid .engineering-slider-raw .slick-arrow.slick-prev, .row-fluid .manufacturing-slider-raw .slick-arrow.slick-prev { right: calc(100% + 13px); display:none !important; }
    .row-fluid .engineering-slider-raw .slick-arrow.slick-next, .row-fluid .manufacturing-slider-raw .slick-arrow.slick-next { left: calc(100% + 12px); display:none !important; }
    
    /* About Us Page */
    .row-fluid .our-mission-section { padding: 50px 0 0; font-size: 16px; line-height: 24px; }
    .row-fluid .our-mission-section .our-mission-left h2 { font-size: 36px; line-height: 40px; }
    .row-fluid .our-mission-section .our-mission-left { width: 50%; padding-right: 15px; }
    .row-fluid .our-mission-section .our-mission-right { width: 50%; }
    .row-fluid .global-presence-section { font-size: 16px; line-height: 26px; }
    
    .row-fluid .about-tabsection { padding: 80px 0; }
    .row-fluid .branding-tab-right { width: 100%; padding-top: 0 !important; text-align: center; padding-bottom: 30px !important; }
    .row-fluid .about-tabsection .branding-tab-left { float: none; margin: 0 auto; width: 700px; max-width: 100%; }
    
    /* OverviewAll Page */
    .row-fluid .about-tabsection .branding-tab-right { padding-right: 20px; text-align: left; font-size: 16px; }
    .row-fluid .about-tabsection .branding-tab-right h2 { font-size: 32px; line-height: 40px; margin: 0; }
    .row-fluid .overview-tab-section .about-tabsection { font-size: 14px; line-height: 26px; }
    .row-fluid .about-tabsection .branding-tabtitle h4 { font-size: 26px; line-height: 30px; }
    .row-fluid .custom-case-section { padding: 60px 0; }
    .row-fluid .custom-case-heading h2 { font-size: 40px; line-height: 46px; margin-bottom: 20px; }
    .row-fluid .custom-design-section { padding: 60px 0; }
    .row-fluid .custom-design-headingbox h2 { font-size: 40px; line-height: 44px; }
    .row-fluid .custom-caseimg { text-align:center; }
    .row-fluid .custom-case-wrap { float:left; width:100%; margin:0; }
    
    /* Overview Specific Page */
    .row-fluid .case-contentsection { padding: 60px 0; font-size: 16px; line-height: 24px; }
    .row-fluid .case-contentleft h2 { font-size: 38px; line-height: 44px; }
    .row-fluid .case-contentright { padding-left: 30px; }
    .row-fluid .case-contentright-icon { right: calc((100% - 750px)/ 2); }
    
    .row-fluid .spec-tabsection { padding: 60px 0; }
    .row-fluid .spec-tabsection .spec-tab-headingbox h2 { font-size: 38px; line-height: 40px; margin-bottom: 8px; }
    .row-fluid .spec-tabsection .spec-tab-headingbox { font-size: 18px; line-height: 22px; margin: 0 0 30px; }
    .row-fluid .spec-tabmenu ul li a { min-width: 130px; font-size: 13px; line-height: 20px; padding: 12px 20px; }
    .row-fluid .spec-tabmenu ul li { margin: 0 2px; }
    .row-fluid .spec-tabcontent-section { font-size: 16px; line-height: 26px; margin-top: 30px; }
    .row-fluid .spec-tab-sliderimg { float:none; margin:0 auto; }
    .row-fluid .spec-tab-slidersec { margin-top:20px; }
    
    .row-fluid .spec-tabsection .slick-dots { position:relative; bottom:0; margin-top:20px; }
    .row-fluid .spec-tabsection .slick-dots li { line-height:0; margin:0 3px; }
    .row-fluid .spec-tabsection .slick-dots li button { height:10px; width:10px; border:1px solid #818185; opacity:1; }
    .row-fluid .spec-tabsection .slick-dots li button:hover, .row-fluid .logo-box-mainsec .slick-dots li.slick-active button { background:#818185; }
    
    .row-fluid .logo-box-mainsec .slick-dots { position:relative; bottom:0; margin-top:20px; }
    .row-fluid .logo-box-mainsec .slick-dots li { line-height:0; margin:0 3px; }
    .row-fluid .logo-box-mainsec .slick-dots li button { height:10px; width:10px; border:1px solid #818185; opacity:1; }
    .row-fluid .logo-box-mainsec .slick-dots li button:hover, .row-fluid .logo-box-mainsec .slick-dots li.slick-active button { background:#818185; }
    
	.row-fluid .venn-diagram-col.moving .venn-diagram-title { font-size:20px; line-height:24px; }
	
    /* Basic Template */
    .row-fluid .basic-herosection { padding: 110px 0 80px; }
    .row-fluid .basic-contentsection h1 { margin-top: 0; font-size: 38px; line-height: 42px; }
    .row-fluid .basic-contentsection { padding: 60px 0; font-size: 17px; line-height: 27px; }
    
    .row-fluid .two-col-text-section { padding-bottom: 50px; font-size: 17px; line-height: 27px; }
    .row-fluid .two-col-text-section .span6 h3 { font-size: 26px; line-height: 32px; }
    .row-fluid .two-col-text-section .span6:first-child { padding-right: 15px; }
    
    .row-fluid .form-example-section .container { max-width: 100%; }
	
	.row-fluid .your-vision-section { padding: 60px 0; }
	.row-fluid .your-vision-section-title { font-size: 38px; line-height: 44px; }
	.row-fluid .your-vision-wrap { padding-top: 30px; }
	.row-fluid .your-vision-text { margin-top: 20px; font-size: 16px; padding: 0; line-height: 24px; }
	.row-fluid .your-vision-text h3 { font-size: 20px; line-height: 24px; }
	.row-fluid .vision-bottom-text h3 { margin-top: 20px; }
	.row-fluid .your-vision-col:last-child .your-vision-img { left:18px; }
	
	.row-fluid .work-flow-section2 .how-work-section .how-work-raw:nth-child(1) .how-work-imageinner { background-position: left -12vw center !important; }
	
	
	/* New Footer */
	.row-fluid .footer-section .footer-main { font-size: 16px; line-height: 24px; }
	.row-fluid .footer-leftbox { width: 100%; padding: 0 0 30px; float: left; margin-bottom: 35px; }
	.row-fluid .footer-leftbox:before { right: auto; top: auto; bottom: 0; left: 50%; width: 80%; height: 1px; transform: translateX(-50%); }
	.row-fluid .footer-rightbox { float: none; margin: 0 auto 0 !important; text-align: center; width: 350px; max-width: 100%; }
	.row-fluid .copyright-footer { font-size: 16px; line-height: 26px; }
    
    /* Supply Chain Page */
    .row-fluid .supply-hero { padding: 70px 0; font-size: 22px; line-height: 30px; }
    .row-fluid .supply-hero h1 { font-size: 48px; line-height: 52px; }
    .row-fluid .supply-hero h2 { font-size: 30px; line-height: 34px; }
    .row-fluid .supply-servicesection { padding: 60px 0 20px; }
    .row-fluid .supply-servicesection h2 { font-size: 32px; line-height: 38px; }
    .row-fluid .supply-servicesection .supply-servicecol { padding: 40px 15px 0; font-size: 16px; line-height: 25px; }
    .row-fluid .supply-servicesection .supply-servicecol h3 { font-size: 20px; line-height: 24px; }
    .row-fluid .supply-workrawwrap { padding: 40px 30px; }
    .row-fluid .supply-workrawwrap h2 { font-size: 31px; line-height: 35px; }
    .row-fluid .supply-worktext h4 { font-size: 20px; line-height: 24px; margin-bottom: 10px; }
    .row-fluid .supply-workcol { padding: 30px 15px 0 0; }
    .row-fluid .supply-worktext { font-size: 16px; }
    .row-fluid .supply-formsection h3 { font-size: 32px; line-height: 40px; margin-bottom: 50px; } 
    
    /* Industries Page */
    .row-fluid .industries-hero { padding: 80px 0 130px; font-size: 16px; line-height: 26px; }
    .row-fluid .industries-hero h1 { font-size: 32px; line-height: 38px; }
    .row-fluid .indu-rightimg { width: 250px; right: -15px; }
    .row-fluid .industry-heroright { padding-left: 25px; }
    
    .row-fluid .we-serve-section { padding: 70px 0; }
    .row-fluid .we-serve-section .section-title h2 { font-size: 36px; line-height: 42px; }
    .row-fluid .we-serve-col .we-serve-icon { height: 130px; width: 130px; }
    .row-fluid .we-serve-col .we-serve-icon img { max-height: 60px; }
    .row-fluid .we-serve-wrap { margin: 0; display: inline-block; vertical-align: top; width: 100%; }
    .row-fluid .we-serve-col { padding: 0 15px; font-size: 14px; line-height: 24px; margin-bottom: 30px; }
    .row-fluid .we-serve-col .we-serve-title h4 { font-size: 20px; line-height: 28px; padding: 0; min-height: 56px; margin-top: 25px; }
    
    .row-fluid .indu-logo-box-mainsec .logo-box-heading h2 { font-size: 36px; line-height: 40px; }
    
    .row-fluid .sol-industry-section { padding: 80px 0; }
    .row-fluid .sol-industry-section .main-box-title h2 { font-size: 36px; line-height: 44px; }
    
    .row-fluid .indu-spec-slider .spec-tab-slidersec h3 { font-size: 32px; line-height: 40px; text-align: center; }
    .row-fluid .indu-certificate-section { padding: 80px 0; }
    .row-fluid .indu-certificate-section .indu-certificate-left h2 { font-size: 36px; line-height: 42px; }
    .row-fluid .indu-certificate-section .indu-certificate-left { padding-right: 20px; font-size: 14px; line-height: 24px; }
    .row-fluid .indu-certificate-col .indu-testing-content { width: 100%; padding: 20px 0 0; font-size: 14px; line-height: 24px; }
    .row-fluid .indu-certificate-col .indu-testing-content h3 { font-size: 22px; line-height: 26px; }
    .row-fluid .indu-certificate-col .indu-testing-content ul li:before { top: 9px; }
    
    .row-fluid .industry-form-section { padding: 80px 0; }
    .row-fluid .industry-form-section h2 { font-size: 36px; line-height: 40px; }
    .row-fluid .footer-section .sub-footersection .container { padding: 0 10px; } 
    
    /* EVA Soft Bags 23-12-2020 */
    .product-slider-section { padding: 70px 0; }
    .product-slider-navtitle { padding: 0 10px; }
    .product-slider-navtitle:after { display: none !important; }
    .product-slider-col { padding: 0 30px; }
    .product-slider-colwrap { padding: 0 30px; }
    .product-slider-section button.slick-next.slick-arrow { right: 0; left: auto; }
    .product-slider-section button.slick-prev.slick-arrow { left: 0; right: auto; }
    .overcome-left { padding: 50px 15px; }
    .overcome-leftcontent h2 { font-size: 30px; line-height: 40px; }
    .overcome-rightcol { padding: 30px 15px; }
    .overcome-icon { width: 15%; }
    .overcome-icontext { width: 85%; font-size: 16px; line-height: 24px; }
    .overcome-icontext h3 { font-size: 22px; line-height: 28px; }
    .row-fluid .supply-worksection.case-bagservice-section { padding: 80px 0; }
    .cases-bags-section { padding: 80px 0; }
    .cases-bags-section .section-header h2 br { display: none; }
    .cases-bags-section .section-header h2 { font-size: 34px; line-height: 42px; }
    .cases-bags-raw { padding: 0 15px; }
    .overcome-raw { display: flex; width: 100%; }
    
    /* CBS Pelican Final Page */
    .row-fluid .pelican_hero { padding: 160px 0 40px; font-size: 22px; line-height: 34px; }
    .row-fluid .pelican_hero h1 { font-size: 40px; line-height: 50px; }
    .row-fluid .custom_case_header h2 { font-size: 34px; line-height: 42px; }
    .row-fluid .custom_case_header { font-size: 20px; line-height: 30px; }
    .row-fluid .custom_case_col { padding: 0 15px; }
    .row-fluid .custom_case_content h3 { margin-top: 15px; font-size: 22px; line-height: 26px; }
    .row-fluid .custom_case_content { font-size: 15px; line-height: 22px; }
    .row-fluid .custom_need_section .branding-tab-right { padding: 0 20px 0 !important; width: 50%; }
    .row-fluid .custom_need_section .branding-tab-right h3 { font-size: 36px; line-height: 44px; }
    .row-fluid .custom_need_section .branding-tab-left ul li a,
    .row-fluid .custom_need_section .branding-tab-left ul li a:hover { padding-left: 20px; }
    .row-fluid .custom_need_section .branding-content-col { padding: 30px 15px; }
    .row-fluid .branding-tab-left { width: 50%; }
    .row-fluid .custom_need_section .branding-tabcontent { font-size: 18px; line-height: 28px; }
    .row-fluid .custom_need_section .branding-tabtitle h4 { font-size: 26px; line-height: 32px; }
    .row-fluid .custom_need_section .branding-tab-section { padding: 60px 0; }
    
    .row-fluid .dev_sol_left { width: 50%; padding: 50px 15px; }
    .row-fluid .dev_sol_right { width: 50%; padding: 0; }
    .row-fluid .dev_sol_left h2 { font-size: 28px; line-height: 34px; }
    .row-fluid .dev_sol_right .slick-slide img { max-width: 90%; }
    .row-fluid .dev_sol_right .slick-slider button.slick-arrow { display: none !important; }
    
    .row-fluid .pelican_reason_section { padding: 80px 0; }
    .row-fluid .pelican_reason_section h2.your-vision-section-title { font-size: 36px; line-height: 42px; }
    .row-fluid .pelican_reason_wrap { margin: 0 -15px; }
    .row-fluid .pelican_reason_col { padding: 0 15px 30px; }
    .row-fluid .pelican_reason_col h3 { margin-top: 10px; font-size: 20px; line-height: 26px; }
    .row-fluid .pelican_reason_text { font-size: 15px; line-height: 24px; }
    body.pelican-body .row-fluid .supply-formsection h3 { font-size: 36px; line-height: 44px; }
    body.pelican-body .row-fluid .ctastrip { padding: 80px 0; }
    body.pelican-body .row-fluid .ctastrip h3 { font-size: 34px; line-height: 42px; }
    .row-fluid .custom_need_img { left:0; }
    .row-fluid .custom_need_section .branding-tab-right { padding-left: 67px !important; }   
    
    .row-fluid .pp-hero-wrap h2 { font-size: 55px; line-height: normal; }
    .pp-issue-details-main-wrap { padding: 40px 0; }
    .pp-full-details-main-wrap { padding: 40px 0; }
    .row-fluid .pp-hero-wrap { margin: 0 0 20px; }

    .pp-content-wrap, .pp-issue-details-content, .pp-full-details-heading-content, .pp-full-details-right { font-size: 16px; line-height: 25px; }
    .pp-issue-details-list ul li { padding: 22px 21px; }
    .pp-issue-details-wrap h2 { font-size: 23px; line-height: normal; }
    .pp-issue-details-right { padding-left: 20px; }
    .pp-issue-details-wrap h5 { font-size: 18px; line-height: normal; }
    .pp-issue-details-content-wrap { padding: 40px; }
    .pp-full-details-heading-content-wrap h2 { font-size: 37px; }
    .pp-full-details-heading-content-wrap { margin-bottom: 20px; }
    .pickandpluck-body .row-fluid .supply-formsection .font-25 { font-size: 48px; line-height: normal; margin-bottom: 55px; }
    .pickandpluck-body .row-fluid .supply-formsection h3 { font-size: 28px; line-height: normal; margin-bottom: 11px; }

    .row-fluid .work-flow-section2.work-flow-section3 .how-work-section .how-work-raw:nth-child(1) .how-work-imageinner { background-position: left -22vw center !important; }

    
    
}

@media (min-width:992px) and (max-width:1200px) {
    .row-fluid .how-work-raw:nth-child(even) .how-work-col-wrap .draw-line-vertical { margin-left:-436px; max-height:130px; }
    .row-fluid .how-work-raw:nth-child(even) .how-work-col-wrap .draw-line-horizontal { max-width:470px; }
    
	.row-fluid .global-presence-section .container:before { right:auto; left:0; }
	.row-fluid .global-presence-section .container:after { right:0; left:auto; }
    .row-fluid .custom-case-col { width: 33.33%; }
    .row-fluid .custom-design-imgbox1 .processIconbox { top: 10px; left: 56px; }
    .row-fluid .processIconbox .processIcontitle { min-width:1px; } 
    .row-fluid .processIconbox img { max-width: 60px; }
    .row-fluid .custom-design-imgbox1 .processIconbox .processIcontitle { top: 110px; margin-left: -20px; }
    .row-fluid .custom-design-imgbox2 .processIconbox { top: 7px; margin-left: 83px; }
    .row-fluid .custom-design-imgbox3 .processIconbox { top: 91px; margin-left: 37px; }
    .row-fluid .custom-design-imgbox3 .processIconbox .processIcontitle { margin-top: 90px; margin-left: 1px; }
    .row-fluid .custom-design-imgbox4 .processIconbox { top: -20px; margin-left: 24px; }
    .row-fluid .custom-design-imgbox4 .processIconbox .processIcontitle { margin-top: -72px; margin-left: -4px; }
    .row-fluid .custom-design-imgbox5 .processIconbox { top: 62px; margin-left: -2px; }
    .row-fluid .custom-design-imgbox5 .processIconbox .processIcontitle { margin-top: 90px; margin-left: -6px; }
    .row-fluid .custom-design-imgbox6 .processIconbox { top: 68px; }
    .row-fluid .custom-design-imgbox6 .processIconbox .processIcontitle { margin-left: -13px; }
    .row-fluid .custom-design-imgbox7 .processIconbox { top: 151px; margin-left: -2px; }
    .row-fluid .custom-design-imgbox7 .processIconbox .processIcontitle { margin-top: 95px; margin-left: -26px; }
    .row-fluid .custom-design-imgbox8 .processIconbox { top: 28px; margin-left: 12px; }
    .row-fluid .custom-design-imgbox8 .processIconbox .processIcontitle { margin-left: -16px; }
    
    .row-fluid .case-contentright-icon { right: calc((100% - 990px)/ 2); top: -60px;}
	.row-fluid .about-history-section .how-work-raw:nth-child(2) .how-work-imageinner { background-position:left -33vw center !important; }
    .row-fluid .supply-slidetooltip#tooltip0 { top: 340px; left: 2px; }
    .row-fluid .supply-slidetooltip#tooltip1 { top: 75px; left: 48px; }
    .row-fluid .supply-slidetooltip#tooltip1:before, 
    .row-fluid .supply-slidetooltip#tooltip1:after { right: auto; left: 50%; transform: translateX(-50%); margin:0; }
    .row-fluid .supply-slidetooltip#tooltip2 { right: 137px; top:240px; }
    .row-fluid .supply-slidetooltip#tooltip3 { right: 102px; top: 330px; }
    .row-fluid .supply-slidetooltip#tooltip4 { left: 80px; bottom: 340px; }
    .row-fluid .supply-slidetooltip#tooltip4:before, 
    .row-fluid .supply-slidetooltip#tooltip4:after { right: auto; left: 50%; transform: translateX(-50%); margin:0; }
    .row-fluid .supply-slidetooltip#tooltip5 { left: 240px; bottom:280px; }
    .row-fluid .supply-slidetooltip#tooltip6 { left: -10px; }
    .row-fluid .supply-slidetooltip#tooltip7 { top: 230px; left: 90px; }
    .row-fluid .supply-slidetooltip#tooltip8 { left: 78px; }
    .row-fluid .supply-slidetooltip#tooltip9:before, 
    .row-fluid .supply-slidetooltip#tooltip9:after { right: auto; left: 50%; transform: translateX(-50%); }
    .row-fluid .supply-slidetooltip#tooltip9:after { margin: 0; }
    .row-fluid .supply-slidetooltip#tooltip9 { left: 20px; }
    .row-fluid .supply-slidetooltip#tooltip10:before,
    .row-fluid .supply-slidetooltip#tooltip10:after { right: 90px; }
    .row-fluid .supply-slidetooltip#tooltip10:after { right: 94px; }
    .row-fluid .supply-slidetooltip#tooltip10 { left: 2px; } 
    .row-fluid .supply-slidetooltip#tooltip11 { right: 125px; top:35px; }
    .row-fluid .supply-slidetooltip#tooltip12 { left:25px; }
    .row-fluid .supply-slidetooltip#tooltip13 { right:65px; }
    .row-fluid .supply-slidetooltip#tooltip14 { top: auto; bottom: 270px; left: -20px; }
    
    .row-fluid .supply-slidetooltip#tooltip5:before { right:98px; }
    .row-fluid .supply-slidetooltip#tooltip5:after { right:103px; } 
    .casebag-left { padding: 70px 20px; font-size: 16px; line-height: 26px; }
    .casebag-left h1 { font-size: 32px; line-height: 40px; }
    .casebag-heroright .hero-bluestrip { padding: 30px; }
    
}

@media (min-width:768px) and (max-width:991px) {
	.row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper { min-width:660px !important; }
    .row-fluid .how-work-raw:nth-child(even) .how-work-col-wrap .draw-line-vertical { margin-left:-326px; max-height:130px; }
    .row-fluid .how-work-raw:last-child .how-work-col:last-child { padding:70px 20px !important; }
    .row-fluid .custom-case-col { width: 50%; }
	.row-fluid .global-presence-section .container:before, .row-fluid .global-presence-section .container:after { display:none; }
	.row-fluid .global-presence-section { margin-top:40px; padding-top:60px; }
    .row-fluid .case-contentright-icon { right: calc((100% - 764px)/ 2); top: -57px; height: 150px; width: 150px;}
    .row-fluid .spec-tabcontent-imgbox { width: 100%; }
	.row-fluid .global-presence-section .global-mapimg { display:none; }
    .row-fluid .supply-slidecolin { padding: 0; }
    .row-fluid .supply-slidetooltip { display: none; position: relative; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; border: 0; box-shadow: none; background: transparent; color: #1A2029; text-align: center; float:none; margin:0 auto; vertical-align:top; }
    .row-fluid .supply-slidetooltip:before, .row-fluid .supply-slidetooltip:after { display: none; }
    .row-fluid .supply-slidewrap ul.slick-dots { padding-top:30px; } 
    .row-fluid .supply-tootipin { padding-top:15px; }
    .casebag-heroraw { display: block; }
    .casebag-left { width: 100%; padding: 50px 20px; font-size: 16px; line-height: 26px; display:block; }
    .casebag-heroright { width: 100%; }
    .casebag-heroright { height: auto; }
    .casebag-herorightimg { display: inline-block; vertical-align: top; width: 100%; height: auto; }
    .casebag-heroright .hero-bluestrip { padding: 20px; font-size: 14px; line-height: 22px; }
    .casebag-heroright .hero-bluestrip p { margin: 0; }
    .casebag-heroright .hero-bluestrip p + p { margin: 15px 0 0; }
    .casebag-left h1 { font-size: 34px; line-height: 42px; }
    
    .cases-bags-tooltip { position: relative; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; background: #fff; color: #1A2029; text-align: center; padding: 0; box-shadow: none; border: 0; float: none; vertical-align: top; margin: 10px auto 0; font-size: 22px; line-height: 28px; }
    .cases-bags-svgwrap { text-align: center; }
    .cases-bags-tooltip:after,
    .cases-bags-tooltip:before { display: none; }
    .row-fluid .study-main .product-thumbimg { display:none; }

    .row-fluid .pp-hero-main-wrap h1 { font-size: 38px; line-height: normal; }
    .row-fluid .pp-hero-wrap h2 { font-size: 47px; line-height: normal; }
    .pp-content-btn-wrap { width: 100%; margin-bottom: 35px; }
    .pp-content-btn-img { width: 100%; padding-left: 0; text-align: center; }
    .pp-issue-details-content-wrap { padding: 30px; }
    .pp-issue-details-left { width: 40%; }
    .pp-issue-details-right { width: 60%; }
    .pp-full-details-wrap { flex-flow: wrap; }
    .pp-full-details-left { width: 100%; padding-right: 0; text-align: center; margin-bottom: 20px; }
    .pp-full-details-right { width: 100%; }

    
}

@media (min-width:768px) and (max-width:1199px) {
	.f-bottom-wrap .f-post-topic-wrap .topic-link { padding-left:15px; }    
	.f-bottom-wrap .f-post-topic-wrap .topic-link:before { left:2px; }
}

@media (max-width:767px){
	.row-fluid .study-main .product-thumbimg { display:none; }
	.row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper > li { padding: 0; width: 100%; }
    .row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper > li span.mobile-toggle { top: 0; right: -5px; }
    
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{position:static; opacity:1; visibility: visible; display:none; width:100%;}
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul{display:none;}
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul.mobile-menu li{float: left; width: 100%; display: block;}
    
    .row-fluid .header-bottom .header-logo .logo-white { display: none;}
    .row-fluid .header-main { background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); }
    .row-fluid .header-main:not(.headerfixed) .header-logo-img.logo-blue { display: block;}
    .row-fluid .header-main .header-logo-img.logo-blue { margin-top: -35px;}
    .row-fluid .header-main img.search-white { display: none;}
    .row-fluid .header-main .search-icon img.search-black {  display: block !important;}
    
    .row-fluid .header-main.headerfixed .header-bottom { padding: 5px 15px 10px;}
    .row-fluid .header-bottom { padding: 5px 15px 10px;}
    .row-fluid .header-right { width: 100%;}
    .row-fluid .header-right > div > div { justify-content: end; flex-direction: row-reverse;}
    .row-fluid .header-right .search-main { margin-right: 10px;}
    
    .row-fluid .header-right .mainmenu .mobile-menu { position: absolute; top: 100%; left: 0; right: 0; background-color: #0055B7; }
    .row-fluid .mainmenu ul.mobile-menu > li { margin: 0; }
    .row-fluid .mainmenu ul.mobile-menu > li > a { padding: 15px 15px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .row-fluid .mainmenu .mobile-menu .hs-item-has-children > a { padding-right: 55px; }
    .row-fluid .mainmenu ul.mobile-menu .sub-menu { box-shadow: none; -webkit-box-shadow: none; background-color: #0055B7; }
    .row-fluid .mainmenu ul.mobile-menu .sub-menu li a { font-size: 15px; padding: 10px 30px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .row-fluid .header-main.headerfixed .mainmenu ul.mobile-menu > li > a { color: #FFFFFF; padding: 15px 15px; }
    .row-fluid .mainmenu ul.mobile-menu .sub-menu:before { content: none; }
    
    .row-fluid .search-main .search-inner { width: 220px; top: 171%;}
    .row-fluid .header-logo-img.logo-blue a {  margin-top: 0;}
    .row-fluid .header-main.headerfixed .header-logo-img.logo-blue a{ max-width: 179px; } 
    .row-fluid .btn-small a { font-size: 12px; padding: 7px 12px;}
    .header-main .header-top > div > .row-fluid > div { margin-left: 5px;}
    .footer-right .social-media { padding-top: 20px; text-align: center; }
    .row-fluid .footer-left { text-align: center; }
    .row-fluid-wrapper .row-fluid .left-padding {padding-left:15px; padding-right:15px;}
    .row-fluid-wrapper .row-fluid .right-padding{padding-right:15px; padding-left:15px;} 
    .blog-post-wrapper .post-header h1 { font-size: 32px; }
    .blog-post-wrapper .post-header .post-header-stripe .post-date { width: 100%; }
    .blog-post-wrapper .post-header .post-header-stripe { display: table; width: 100%; text-align: center; }
    .blog-post-wrapper .post-header .post-header-stripe .post-date { margin: 0 0 6px; }
    .blog-post-wrapper .post-header .post-header-stripe p#hubspot-topic_data { text-align: center; display: table; }
    .blog-post-wrapper .post-wrapper .post-img { width: 100%; height: 80vw; margin: 20px 0 25px; }
    .blog-post-wrapper .post-body p img { padding: 20px 0px 20px; }
    .blog-post-wrapper .post-body p span { font-size: 15px; padding-bottom: 25px; }
    
    .f-post-main .f-post-inner { display: table; width: 100%; }
    .f-post-main .f-post-img { width: 100%; padding: 0px 15px; float: left; margin-top: 30px; height: 350px; }
    .f-post-main .f-post-content { width: 100%; padding: 30px 0px 60px; }
    .f-post-main .f-post-content .f-inner-content { padding: 0; text-align: center; }
    .box-listing-wrapper .box-item { width: 100%; margin: 20px 0px; }
    .row-fluid .box-listing-wrapper .box-listing { margin: 0; }
    .box-listing-wrapper .subscription-main * { width: 100%; }
    .box-listing-wrapper .box-item .post-img { height: 40vw; }
    .row-fluid .download-cta a { padding: 45px 30px; display: block;}
    .box-listing-wrapper .box-item { margin: 15px 0px; }
    .box-listing-wrapper .box-item .post-content h2 { margin-bottom: 55px; min-height: inherit; }
    .box-listing-wrapper .box-item .post-date { padding: 20px 20px; font-size: 15px;}
    .row-fluid .subscription-main > div { padding: 35px 20px; }
    .row-fluid .download-cta > div, .row-fluid .download-cta span { height: inherit; display: table;}
    
    .f-bottom-wrap .f-post-date { display: inline-block; width: 100%; margin: 0; margin-bottom: 7px;}
	.f-bottom-wrap .f-post-topic-wrap .topic-link { padding-left:0; }
	.f-bottom-wrap .f-post-topic-wrap .topic-link:before { position:relative; left:0; display:inline-block; vertical-align:middle; margin-right:5px; } 
    .row-fluid .download-cta > div, .row-fluid .download-cta span { height: 100%; display: inline-block; }
    .row-fluid .blue-stripe-main .stripe-left { width: 100%; float: left; text-align: center; }
    .row-fluid .blue-stripe-main .stripe-right { width: 100%; float: left; margin-top: 20px; }
    .row-fluid .blue-stripe-main .container>div>div { display: table; width: 100%; }
    .row-fluid .stripe-right .stripe-w-box:first-child { margin-bottom: 15px; }
    .row-fluid .stripe-right .stripe-w-box { width: 100%; float: left; margin: 0; padding-left: 0; }
    .hs-author-profile .author-content { width: 100%; padding-left: 0; float: left; text-align: center; padding-top: 20px; }
    .hs-author-profile .author-img { width: 100%; float: inherit; max-width: 250px; margin: auto; }
    .row-fluid .box-listing-wrapper .box-listing h3.hs-author-listing-header { font-size: 27px; padding: 0; margin-bottom: 10px; }
    .row-fluid .hs-search-results ul#hsresults li a.hs-search-results__title {  padding-left: 25px;}
    .row-fluid .hs-search-results ul#hsresults li a.hs-search-results__title:before { top: 0px;}
    .row-fluid .banner-main h1 { font-size: 40px;} 
    .row-fluid .header-main.headerfixed .mainmenu ul.mobile-menu>li>a:before {display:none;}
    .row-fluid .mainmenu ul.mobile-menu>li:hover>a:before { display:none;}
    
    .banner-video-main .video-content > div { height: inherit; padding: 190px 0px 65px; }
    .row-fluid .process-main .container > div > .row-fluid { display: table; }
    .row-fluid .process-main .process-left { padding-right: 0; padding-bottom: 25px;padding-bottom: 60px;  padding-right: 15px;text-align: center; }
    .row-fluid .process-main .process-img span { margin: 0px -130px -80px -60px;}
    .row-fluid .process-outer > div > .row-fluid { display: inline-block;}
    .row-fluid .process-main .process-left-inner { padding-left: 0;}
    
    .banner-video-main h1 { font-size: 35px; }
    .banner-video-main h4 { font-size:16px; line-height:22px; } 
    .who-we-main .who-left-section h2 { font-size: 30px; }
    .who-we-main .who-left-section { padding: 45px 25px 25px; }
    .who-we-main .who-right-section { width: 100%; padding: 35px 0px 0px 0px; }
    .project-main .project-slide h2 { font-size: 35px; }
    .cases-outer .cases-box-slice:first-child { width: 100%; }
    .cases-outer .cases-box-slice:nth-child(2) { width: 100%; }
    .cases-outer .cases-box-slice:nth-child(3) { width: 100%; }
    .cases-outer .cases-box-slice:nth-child(4) { width: 100%; }
    .cases-outer .cases-box-slice .cases-box-5 { height: 300px; }
    .cases-outer .cases-box-slice .cases-box-2,
    .cases-outer .cases-box-slice .cases-box-4 { height: 300px; }
    .cases-outer .cases-box-slice .cases-box-1,
    .cases-outer .cases-box-slice .cases-box-3,
    .cases-outer .cases-box-slice .cases-box-6,
    .cases-outer .cases-box-slice .cases-box-7,
    .cases-outer .cases-box-slice .cases-box-8 { height: 300px; }
    
    .cases-full-btn a { font-size: 17px; }
    .study-main .study-box { width: 100%; }
    .study-main { display: table; width: 100%; }
    .study-main .study-box:nth-child(odd) { padding-right: 0; }
    .study-main .study-box:nth-child(even) { padding-left: 0; }
    .feed-main .feed-box { width: 100%; }
    .logo-box-outer .logo-box { width: 50%; }
    .logo-box-main .logo-box-heading { padding: 0px 15px 20px;}
    .row-fluid .project-slider .slick-arrow{ display: none !important; }
    .logo-box-outer .logo-box .logo-box-inner { height: 215px;}
    
    .portfolio-page .product-bottom-box-area .product-box.featured { width: 96%;margin: 0 0 30px 12px;display: inline-block;}
    .portfolio-page .product-box.featured .product-box-img {height: 300px; width: 100%;}
    .portfolio-page .product-box.featured .product-box-detail {  width: 100%;}
    .portfolio-page .product-box {  width:47%}
    .portfolio-page .product-box-detail { padding: 20px 30px;}
    .portfolio-page .product-box.featured a { display: inherit;}

   .portfolio-page .overlay .search-box-inner a { width: 40px;} 
   .portfolio-page .overlay {margin-top: 273px; margin-bottom: -273px;}
   .portfolio-page .overlay.fixed {  margin-top: 92px;}
   .portfolio-page .overlay.fixed .overlay-content {margin-bottom: 92px;}
    .portfolio-page .product-box.featured .product-box-detail h3 { font-size: 20px;line-height: 30px;}
    .portfolio-page .product-box .product-box-detail span { padding: 30px 0 0 0;}
    
    .row-fluid .error_hero { padding:160px 0 60px; font-size: 24px; line-height: 36px;}
    .row-fluid .error_hero h2 { font-size: 60px; line-height: 60px; }
     
    .row-fluid .style-system .email-prefs { padding:50px 0; }
    .row-fluid .preferences_error .hs-button { margin-top: 10px; }   
    .row-fluid .preferences_error .checkbox-row { overflow: visible; }
    
    /* Industries Page */
    .row-fluid .industries-hero { padding: 50px 0; font-size: 16px; line-height: 26px; }
    .row-fluid .industries-hero .hero-logo { text-align: center; }
    .row-fluid .industries-hero h1 { font-size: 24px; line-height: 32px; }
    .row-fluid .indu-rightimg { position: relative; top: auto; right: auto; margin: 30px 0 40px; width: 100%; }
    .row-fluid .industry-heroright { padding: 0; }
    .row-fluid .industry-heroimg { height: 300px; width: 100%; }
    .row-fluid .indu-bottomimg { position: relative; bottom: auto; margin: 0 auto !important; justify-content: center; float: none; left: auto; }
    
    .row-fluid .we-serve-section { padding: 50px 0 60px; }
    .row-fluid .we-serve-section .section-title h2 { font-size: 30px; line-height: 36px; margin-bottom: 50px; }
    .row-fluid .we-serve-wrap { float: left; width: 100%; margin: 0; }
    .row-fluid .we-serve-col { width: 100%; padding: 0; font-size: 16px; }
    .row-fluid .we-serve-colin { float: none; display: inline-block; width: 450px; max-width: 100%; height: auto !important; }
    .row-fluid .we-serve-col .we-serve-icon { height: 130px; width: 130px; }
    .row-fluid .we-serve-col .we-serve-icon img { max-height: 65px; }
    .row-fluid .we-serve-col .we-serve-title h4 { font-size: 26px; line-height: 32px; padding: 0; margin: 20px 0; }
    .row-fluid .we-serve-col:last-child { margin-bottom: 0; }
    
    .row-fluid .indu-logo-box-mainsec .logo-box-heading h2 { font-size: 28px; line-height: 34px; }
    
    .row-fluid .sol-industry-section { padding: 50px 0; }
    .row-fluid .sol-industry-section .main-box-title h2 { font-size: 30px; line-height: 38px; }
    .row-fluid .sol-industry-col { width: 100%; padding: 0 0 40px; }
    .row-fluid .sol-industry-colin { height: auto !important; }
    .row-fluid .sol-industry-raw { margin-bottom: 0; }
    .row-fluid .sol-industry-col .icon-hide .sol-industry-icon { height: 0; }
    
    .row-fluid .indu-spec-slider .spec-tab-slidersec h3 { font-size: 28px; line-height: 36px; }
    .row-fluid .indu-certificate-section { padding: 50px 0; font-size: 16px; line-height: 26px; }
    .row-fluid .indu-certificate-section .indu-certificate-left { width: 100%; padding: 0 0 50px; }
    .row-fluid .indu-certificate-section .indu-certificate-left h2 { font-size: 32px; line-height: 40px; }
    .row-fluid .indu-certificate-section .indu-certificate-left h2 { margin: 0; }
    .row-fluid .indu-certificate-section .indu-certificate-right { width: 100%; padding: 0; }
    .row-fluid .indu-certificate-section .indu-certificate-right .sub-img { margin: 50px 0 0; width: 100%; text-align: center; }
    .row-fluid .indu-certificate-section .indu-certificate-right .main-img { text-align: center; }
    .row-fluid .indu-certificate-col { width: 100%; padding: 0px 0 35px; }
    .row-fluid .indu-certificate-col .indu-testing-content h3 { font-size: 20px; line-height: 26px; }
    .row-fluid .indu-certificate-col .indu-testing-content { padding-left: 15px; }
    .row-fluid .indu-certificate-col:last-child { padding-bottom: 0; }
    
    .row-fluid .industry-form-section { padding: 50px 0; }
    .row-fluid .industry-form-section h2 { font-size: 30px; line-height: 36px; }
    .row-fluid .industry-form-section h4 { font-size: 20px; line-height: 30px; }
    .row-fluid .industry-form-section form .hs-form-field:first-child { float: left; width: 100%; padding: 0; }
    .row-fluid .industry-form-section form .hs-form-field:last-child { float: left; width: 100%; padding: 0; }
    
    /* Design Process Page */ 
    .row-fluid .inner-top-header .header-main .mainmenu ul.mobile-menu > li > a { color:#fff; }
    
    .row-fluid .design-peocess-herosection h1 { font-size: 26px; line-height: 30px; margin-top: 0; }
    .row-fluid .design-peocess-herosection { padding: 20px 0 50px; font-size: 15px; line-height: 25px; }
    .row-fluid .design-heroleft { margin-bottom: 30px; }
    .row-fluid .design-heroright { height: 300px; }
    
    .row-fluid .how-work-col-wrap { height: auto !important; width: 100%; padding: 0 20px !important; font-size: 15px; line-height: 24px; }
    .row-fluid .how-work-imagewrap { height: 250px !important; width: 100%; margin-bottom: 30px; }
    .row-fluid .how-work-raw:first-child .how-work-col-inner { margin: 0; padding: 0; }
    .row-fluid .how-work-section .title { position: relative; padding: 30px 20px 20px !important; left: 0 !important; }
    .row-fluid .how-work-section .title h2 { font-size: 30px; line-height: 40px; margin: 0; }
    .row-fluid .how-work-icon { height: 40px; width: 40px; border-width: 2px; top: 50%; }
    .row-fluid .how-work-icon img { max-width: 55%; }
    .row-fluid .how-work-col { padding: 0 0 40px 55px; width: 100% !important; }
    .row-fluid .how-work-imagewrap:before { display: none; }
    .row-fluid .how-work-col h3 { font-size: 22px; line-height: 26px; }
    .row-fluid .how-work-raw:nth-child(2) .how-work-col-inner,
    .row-fluid .how-work-raw:nth-child(3) .how-work-col-inner,
    .row-fluid .how-work-raw:nth-child(4) .how-work-col-inner { margin: 0; }
    .row-fluid .how-work-raw:nth-child(odd) .how-work-col-inner { padding-left: 0; }
    
    .row-fluid .techniques-section { padding: 50px 0; font-size:15px; line-height:24px; }
    .row-fluid .technique-title h2 { font-size: 28px; line-height: 34px; }
    
    .row-fluid .techniques-section .tabs-menulist { margin-top: 30px; position: relative; float: left; width: 100%; }
    .row-fluid .techniques-section .tabs-menulist span.mobile-select { float: left; width: 100%; color: #1A2029; font-weight: 500; border: 1px solid #000; padding: 10px; border-radius: 0; cursor: pointer; text-align: left; font-size: 18px; position:relative; padding-right:30px; }
    .row-fluid .techniques-section .tabs-menulist span.mobile-select:after { position:absolute; content:"\f078"; font-family:FontAwesome; right:10px; top:10px; }
    .row-fluid .techniques-section .tabs-menulist ul { position: absolute; top: 100%; left: 0; text-align: left; display: none; background:#000; }
    .row-fluid .techniques-section .tabs-menulist ul li { float: left; width: 100%; margin: 0; border-bottom: 1px solid #fff; }
    .row-fluid .techniques-section .tabs-menulist ul li a { float: left; width: 100%; border-radius: 0; border: 0; font-size: 16px; line-height: 24px; color:#fff; }
    .row-fluid .techniques-section .tabs-menulist ul li.current a,
    .row-fluid .techniques-section .tabs-menulist ul li a:hover { color: #4DBFE7; background: #000; }
    .row-fluid .techniques-section .tabs-menulist ul li:last-child { border: 0; }
    .row-fluid .manufacturing-slider-raw .slick-arrow { display:none !important; }
    
    .row-fluid .design-tabtop { display: block; }
    .row-fluid .design-tab-image { width: 100%; height: 300px; }
    .row-fluid .design-tab-content { width: 100%; padding: 20px 0 0; }
    .row-fluid .branding-tab-section { display: block; padding: 30px 20px; }
    .row-fluid .branding-tab-left { width: 100%; background:transparent; overflow:visible; }
    .row-fluid .branding-tab-right { width: 100%; padding: 20px 0 0; }
    .row-fluid .branding-tab-zigzag-content { width: 100%; padding: 0 0 30px; }
    .row-fluid .branding-tab-zigzag-imgwrap { width: 100%; }
    .row-fluid .branding-tab-zigzag-raw { display: block; margin-top: 30px; }
    .row-fluid .techniques-section { font-size: 15px; line-height: 24px; }
    .row-fluid .branding-tab-zigzag-raw:nth-child(even) .branding-tab-zigzag-content { padding: 0 0 30px; }
    
    .row-fluid .engineering-slider-colinner { padding: 30px 20px; }
    .row-fluid .engineering-slider-colinner strong { font-size: 18px; line-height: 24px; }
    .row-fluid .techniques-section p + p { margin: 10px 0 0; }
    .row-fluid .engineering-slider-raw .slick-arrow { display: none !important; }
    .row-fluid .engineering-tab-section .container { padding: 0; }
    .row-fluid .manufacturing-slider-raw .slider-navcol { padding:0 0 30px; font-size:15px; line-height:18px; min-height:80px; }
    
    .row-fluid .branding-tab-left ul li { border-bottom:1px solid #fff; }
    .row-fluid .branding-tab-left ul li:last-child { border-bottom:0; }
    .row-fluid .branding-tab-left ul li a { padding: 15px; font-size: 16px; line-height: 22px; }
    .row-fluid .branding-tab-left ul li a:hover { padding: 15px; background: transparent; color: #4DBFE7; }
    .row-fluid .branding-tab-left ul li a:before { display: none; }
    .row-fluid .branding-tab-left ul li a:after { display: none; }
    .row-fluid .branding-tab-left ul li.current a { color:#4DBFE7; }
    .row-fluid .branding-tab-left ul { background: rgba(0, 0, 0, 1); display:none; position:absolute; left:0; top:100%; z-index:1; }
    .row-fluid .branding-tab-left span.tab-select { float: left; width: 100%; color: #fff; font-weight: 500; padding: 15px 10px; border-radius: 0; cursor: pointer; text-align: left; font-size: 15px; background: rgba(0, 0, 0, 0.8); letter-spacing:0.4px; position:relative; padding-right:30px; }
    .row-fluid .branding-tab-left span.tab-select:after { position:absolute; content:"\f078"; font-family:FontAwesome; right:12px; top:14px; }
    
    .row-fluid .branding-content-col { position:relative; height:auto; padding: 30px 20px; text-align: center; margin-top:20px; }    
    .row-fluid .fl100.branding-tabicon { float:none; margin:0 auto 15px; }
    .row-fluid .branding-tab-return { display:none; }
    .row-fluid .branding-tab-wrap { position:relative; }
    .row-fluid .branding-tabtitle h4 { font-size:20px; line-height:24px; }
    .row-fluid .branding-tab-section:before { background:rgba(0,0,0,0.8); }
    
    .row-fluid .how-work-raw:first-child .how-work-col:first-child { padding-top:0; }
    .row-fluid .how-work-col .draw-line { width:2px; left:15px; }
    .row-fluid .how-work-raw .how-work-col-inner .draw-line-horizontal, .row-fluid .how-work-raw .how-work-col-inner .draw-line-vertical { display:none; }
    
	.row-fluid .your-vision-col:last-child .your-vision-img { left:0; }
	
    /* About Us Page */
    .row-fluid .our-mission-section { padding: 50px 0 0; font-size: 15px; line-height: 24px; }
    .row-fluid .our-mission-section .mission-wrap { display: block; }
    .row-fluid .our-mission-section .our-mission-left { width: 100%; padding: 0 0 30px; }
    .row-fluid .our-mission-section .our-mission-left h2 { font-size: 32px; line-height: 38px; margin: 0; }
    .row-fluid .our-mission-section .our-mission-right { width: 100%; }
    .row-fluid .our-mission-section .validation_bg { height: 300px; }
	.row-fluid .our-mission-section.mission-secnew .validation_bg { width:100%; margin:0 0 20px; }
    .row-fluid .global-presence-section { padding: 50px 0; background: #000; font-size: 15px; line-height: 24px; margin: 50px 0; }
    .row-fluid .global-presence-section h2 { font-size: 32px; line-height: 40px; margin: 0; }
    .row-fluid .about-history-section .how-work-raw:nth-child(2) .how-work-imagewrap { height: 250px !important; }
    .row-fluid .about-tabsection .branding-tab-right { padding: 0 0 10px !important; }
    .row-fluid .about-tabsection .branding-tab-right h2 { font-size: 28px; line-height: 34px; }
    .row-fluid .about-tabsection .branding-tab-left ul li a:hover { padding-left:15px; } 
    .row-fluid .about-tabsection .branding-tab-left ul li a { padding:15px; } 
    .row-fluid .about-tabsection .branding-tab-left { width:100%; }
    
	.row-fluid .global-presence-section .container:before, .row-fluid .global-presence-section .container:after { display:none; }
	
    .row-fluid .video-TitleBox { font-size:24px; line-height:30px; }
	
	.row-fluid .global-presence-section .global-mapimg { display:none; }
	
	.row-fluid .imgcontentbox { margin-bottom: 25px; }
    .row-fluid .imgcontentbox .engi-left { float: left; width: 100%; padding-right: 0; padding-bottom:15px; }
    .row-fluid .imgcontentbox .engi-right { float: left; width: 100%; padding-top: 5px; }
	.row-fluid .imgcontentbox .engi-right img { width:100% !important; }
	
    /* OverviewAll Page */
	html.no-js.overHtml { overflow-x:hidden; }
	
    .row-fluid .venn-diagram-section { min-height: 250px; }
    .row-fluid .venn-diagram-colinner { height: 200px; width: 200px; }
    .row-fluid .venn-diagram-title { font-size: 14px; line-height: 18px; padding: 10px; }
    .row-fluid .venn-diagram-col:nth-child(2) .venn-diagram-colinner { bottom: 0; left: calc(50% - 5px); z-index: 2; }
    .row-fluid .venn-diagram-col:nth-child(2) .venn-diagram-title { top: 30px; }
    .row-fluid .venn-diagram-col:first-child .venn-diagram-title { padding: 10px; text-align: center; top: 30px; }
    
    .row-fluid .venn-diagram-col:first-child .venn-diagram-colinner { bottom: -100px; left: calc(50% - 150px); }
    .row-fluid .venn-diagram-col:nth-child(3) .venn-diagram-colinner { bottom: -100px; text-align: center; right: calc(50% - 150px); }
    .row-fluid .venn-diagram-col:nth-child(3) .venn-diagram-title { padding: 10px; text-align: right; top: 90px; left:-5px; }
	.row-fluid .venn-diagram-col:nth-child(2) .venn-diagram-colinner svg path:first-child { fill: rgba(236, 236, 237,0.6) !important; transition: all ease-in-out 4s 2.5s; }
    .row-fluid .venn-diagram-col:nth-child(2) .venn-diagram-colinner svg path:nth-child(2) { fill: #4DC0E8 !important; transition: all ease-in-out .3s .4s; }
	.row-fluid .venn-diagram-col:nth-child(3) .venn-diagram-colinner svg g:nth-child(3) path { fill: #0D3A70 !important; transition: all ease-in-out 2s 2.4s; }
	.row-fluid .venn-diagram-col .venn-diagram-title { opacity: 0.25; }
	.row-fluid .venn-diagram-col:nth-child(2) .venn-diagram-colinner g { opacity: 1 !important; }
	
    .row-fluid .venn-diagram-col:first-child .venn-diagram-title { padding: 10px; text-align: left; top: 90px; left:3px; }
    .row-fluid .venn-diagram-col.moving:nth-child(2) .venn-diagram-colinner { bottom: 0; left: calc(50% - 5px); }
    .row-fluid .venn-diagram-col.moving:first-child .venn-diagram-colinner { left: calc(50% - 150px); }
    .row-fluid .venn-diagram-col.moving:nth-child(3) .venn-diagram-colinner { right: calc(50% - 150px); }
	
    .row-fluid .dev_sol_rawin { display: inline-block; vertical-align: top; }
    .row-fluid .dev_sol_section .slick-slider .slick-arrow { display: none !important; }
    
    .row-fluid .overview-tab-section .about-tabsection { padding: 150px 0 80px; }
    .row-fluid .overview-tab-section .about-tabraw { display: block; padding: 0 15px; }
    .row-fluid .overview-tab-section .about-tabsection .branding-tab-right .titlebox:before { height: 150px; width: 150px; top: 0; }
    .row-fluid .branding-tabcontent span.tab-select { display:none; }
    
    .row-fluid .overview-tab-section .about-tabsection .branding-tabtitle h4 { font-size: 26px; line-height: 30px; }
    .row-fluid .overview-tab-section .about-tabsection { font-size: 16px; }
    .row-fluid .overview-tab-section .about-tabsection .branding-tabcontent { line-height: 26px; }
    .row-fluid .custom-design-section { padding: 50px 0; }
    .row-fluid .custom-design-headingbox h2 { font-size: 30px; line-height: 36px; margin-bottom: 10px; }
    .row-fluid .custom-design-headingbox { font-size: 18px; line-height: 24px; }
    
    .row-fluid .custom-case-section { padding: 50px 0; }
    .row-fluid .custom-case-heading h2 { font-size: 32px; line-height: 36px; margin: 0 0 15px; }
    .row-fluid .custom-case-wrap { float: left; width: 100%; margin: 0; }
    .row-fluid .custom-case-col { float: left; width: 100%; padding: 0 0 30px; }
    .row-fluid .custom-case-col:last-child { padding-bottom: 0; }
    .row-fluid .custom-case-title { height: auto !important; }
    .row-fluid .custom-case-title h3 { font-size: 22px; line-height: 26px; padding: 15px 0 0 !important; text-align:center;  }
    .row-fluid .custom-case-title h3:after { display: none; }
    .row-fluid .custom-caseimg { text-align:center; }
    
    /* Overview Specific Page */
    .row-fluid .case-contentsection { padding: 50px 0; font-size: 16px; line-height: 24px; }
    .row-fluid .case-contentleft h2 { font-size: 28px; line-height: 34px; }
    .row-fluid .case-contentleft { width: 100%; }
    .row-fluid .case-contentright { width: 100%; padding: 10px 0 0; }
    .row-fluid .case-contentright-icon { position: relative; left: 0; right: auto; top: auto; float: none; margin: 0 auto 30px; }
    
    .row-fluid .spec-tabsection { padding: 50px 0; }
    .row-fluid .spec-tabsection .spec-tab-headingbox h2 { font-size: 32px; line-height: 36px; margin-bottom: 10px; }
    .row-fluid .spec-tabsection .spec-tab-headingbox { font-size: 16px; line-height: 24px; }
    .row-fluid .spec-tabcontent-left { width: 100%; padding: 0 0 30px; }
    .row-fluid .spec-tabcontent-section { font-size: 16px; line-height: 26px; margin:20px 0 0; }
    .row-fluid .spec-tabcontent-right { width: 100%; }
    .row-fluid .spec-tabcontent-imgbox { width: 100%; padding: 0 0 30px; }
    .row-fluid .spec-tab-slidersec { margin-top: 0; }
    .row-fludi .spec-tab-slidercol { text-align: center; }
    .row-fluid .spec-tab-sliderimg { float: none; margin: 0 auto; }
    .row-fluid .spec-tabsection .slick-slider .slick-dots { position: relative; bottom: 0; }
    .row-fluid .spec-tabsection .slick-dots { position:relative; bottom:0; margin-top:20px; }
    .row-fluid .spec-tabsection .slick-dots li { line-height:0; margin:0 3px; }
    .row-fluid .spec-tabsection .slick-dots li button { height:10px; width:10px; border:1px solid #818185; opacity:1; }
    .row-fluid .spec-tabsection .slick-dots li button:hover, .row-fluid .spec-tabsection .slick-dots li.slick-active button { background:#818185; }
    
    .row-fluid .spec-tabmenu { position:relative; } 
    .row-fluid .spec-tabmenu ul li { border-bottom:1px solid #fff; float:left; width:100%; margin:0; }
    .row-fluid .spec-tabmenu ul li:last-child { border-bottom:0; }
    .row-fluid .spec-tabmenu ul li a { padding: 15px; font-size: 16px; line-height: 22px; border:0; min-width:1px; float:left; width:100%; text-align:left; border-radius:0; }
    .row-fluid .spec-tabmenu ul li a:hover { background: transparent; color: #4DBFE7; }
    .row-fluid .spec-tabmenu ul li.current a { color:#4DBFE7; background: transparent; }
    .row-fluid .spec-tabmenu ul { background: rgba(0, 0, 0, 1); display:none; position:absolute; left:0; top:100%; z-index:1; }
    .row-fluid .spec-tabmenu span.spectab-select { float: left; width: 100%; color: #fff; font-weight: 500; padding: 15px 10px; border-radius: 0; cursor: pointer; text-align: left; font-size: 15px; background: rgba(0, 0, 0, 0.8); letter-spacing:0.4px; position:relative; padding-right:30px; }
    .row-fluid .spec-tabmenu span.spectab-select:after { position:absolute; content:"\f078"; font-family:FontAwesome; right:12px; top:14px; }
    
    .row-fluid .logo-box-mainsec { padding: 40px 0 50px; font-size: 16px; line-height: 25px; }
    .row-fluid .logo-box-heading h2 { font-size: 24px; line-height: 30px; }
    .row-fluid .logo-box-mainsec .slick-dots { position:relative; bottom:0; margin-top:20px; }
    .row-fluid .logo-box-mainsec .slick-dots li { line-height:0; margin:0 3px; }
    .row-fluid .logo-box-mainsec .slick-dots li button { height:10px; width:10px; border:1px solid #818185; opacity:1; }
    .row-fluid .logo-box-mainsec .slick-dots li button:hover, .row-fluid .logo-box-mainsec .slick-dots li.slick-active button { background:#818185; }
    
    /* Basic Template */
    .row-fluid .basic-herosection { padding: 130px 0 90px; font-size: 36px; line-height: 40px; }
    
    .row-fluid .basic-contentsection { padding: 50px 0; font-size: 16px; line-height: 26px; }
    .row-fluid .basic-contentsection h1 { font-size: 25px; line-height: 30px; }
    .row-fluid .basic-contentsection p { margin: 0 0 20px; }
    .row-fluid .basic-contentsection h2 { font-size: 24px; line-height: 28px; margin-top: 25px; }
    .row-fluid .basic-contentsection h3 { font-size: 22px; line-height: 26px; margin-top: 25px; }
    .row-fluid .basic-contentsection h4 { margin-top: 25px; font-size:20px; line-height:24px; }
    .row-fluid .basic-contentsection ul li:before { top: 8px; }
    
    .row-fluid .two-col-text-section .span6:first-child { padding: 0 0 30px; }
    .row-fluid .two-col-text-section { padding-bottom: 50px; font-size: 16px; line-height: 26px; }
    .row-fluid .two-col-text-section .span6 h3 { font-size: 26px; line-height: 34px; }
    .row-fluid .two-col-text-section .span6:last-child h3 { text-align: left; margin-bottom: 10px; }
    
    .row-fluid .simple-ctasec { padding: 50px 0; font-size: 18px; line-height: 24px; }
    .row-fluid .simple-ctasec h2 { font-size: 26px; line-height: 32px; }
    
    .row-fluid .form-example-section { padding: 50px 0; }
    .row-fluid .form-example-section .container { width: 100%; }
    .row-fluid .form-example-section fieldset.form-columns-2 .hs-form-field { padding: 0 !important; width: 100% !important; }
    .row-fluid .form-example-section form .hs-input { width: 100% !important; }
	
	.row-fluid .your-vision-section { padding: 50px 0; }
	.row-fluid .your-vision-section-title { font-size: 27px; line-height: 34px; margin: 0; }
	.row-fluid .your-vision-wrap { padding-top: 30px; }
	.row-fluid .your-vision-col { width: 100%; padding: 0 0 40px; }
	.row-fluid .your-vision-col:last-child { padding-bottom:0; }
	.row-fluid .your-vision-text { margin-top: 20px; font-size: 18px; height:auto !important; }
	.row-fluid .your-vision-text h3 { font-size: 22px; line-height: 26px; }
	.row-fluid .vision-bottom-text h3 { font-size: 26px; line-height: 32px; margin-top: 10px; }
    
	/* New Footer */
	.row-fluid .footer-section .footer-main { font-size: 18px; line-height: 26px; text-align: center; padding: 30px 0; }
	.row-fluid .footer-leftbox { padding: 0 0 30px; }
	.row-fluid .footer-leftbox:before { display: none; }
	.row-fluid .footer-rightbox { width: 100%; padding: 0; }
	.row-fluid .footerbox { margin-top: 30px; }
	.row-fluid .copyright-footer { font-size: 16px; line-height: 26px; }
	.row-fluid .copyright-footer .span6 { float: left; width: 100%; }
	.row-fluid .copyright-footer .hs-menu-wrapper > ul > li { float: none; display: inline-block; vertical-align: top; width: auto; }
	.row-fluid .copyright-footer .hs-menu-wrapper > ul > li > a { font-size: 15px; line-height: 24px; padding: 0 10px; }
	.row-fluid .copyright-footer .span6:nth-child(2) { top: auto; padding: 10px 0 0; }
	.row-fluid .copyright-footer .hs-menu-wrapper > ul > li:first-child > a { border: 0; }
	
	
	.row-fluid .fd_process_section.simple-design-section .process-left .process-left-inner ul { display: inline-block; float: none; width: 400px; max-width: 100%; text-align: left; }
	.row-fluid .fd_process_section .process-right { padding: 0 15px; float: none; display: inline-block; width: 500px; max-width: 100%; }
	.row-fluid .fd_process_section { text-align: center; }
	.row-fluid .fd_step_section, .row-fluid .fd_plan_section, .row-fluid .fd_option_section { padding: 70px 0; }
	.row-fluid .fd_plan_part { width: 50%; }
	
	
	.row-fluid .fd_step_box_wrap .fd_step_select { color:#fff; font-size:18px;  position:relative;  transition: all 0.6s ease-in-out;  line-height: 30px; width: 400px; max-width: 90%;   background: #4DBFE7; padding: 6px 20px; cursor: pointer; float: none; display: inline-block;   }
    .row-fluid .fd_step_box_wrap .fd_step_select:hover { background:#cb5500; color:#fff; }
    .row-fluid .fd_step_box_wrap { width: 400px; max-width: 90%; float: none; display: inline-block; text-align:center; position:relative; z-index: 10; }
    .row-fluid .fd_step_box_wrap .fd_step_box { position:absolute; top:42px; left: 50%; transform: translateX(-50%); background: #ccc;  z-index: 1; width: 400px; max-width: 90%; }
    .row-fluid .fd_step_box_wrap .fd_step_box .fd_step_part .fd_step_inner { float: none;    display: inline-block;  padding: 10px 0;  width: 100%; border-radius:0; }
    .row-fluid .fd_step_box_wrap .fd_step_box .fd_step_part .fd_step_inner:hover, .row-fluid .fd_step_box_wrap .fd_step_box .fd_step_part.current .fd_step_inner { background:#cb5500; color:#fff; }
    .row-fluid .fd_step_box_wrap .fd_step_select:before { position: absolute;    content: "";    border: 10px solid transparent;    border-top-color: #fff;    right: 9px;    top: 15px;}
    .row-fluid .fd_step_box_wrap .fd_step_box .fd_step_part { border:none; width:100%; }
    .row-fluid .fd_step_box_wrap .fd_step_box .fd_step_part .fd_step_inner:before, .row-fluid .fd_step_box_wrap .fd_step_box:before, .row-fluid .fd_step_box_wrap .fd_step_box:after { display:none; }
	.row-fluid .fd_step_inner h3 { position: initial; transform: initial; font-size: 16px; line-height: 25px; width: calc(100% - 70px); float: none; display: inline-block; vertical-align: middle; margin: 0 -2px; text-align: left; padding: 0 0 0 20px; color:#000; }
	.row-fluid .fd_step_box_img { width: 70px; float: none; display: inline-block; vertical-align: middle; margin: 0 -2px; }
	.row-fluid .fd_step_box_wrap .fd_step_box .fd_step_part .fd_step_inner { height: auto; background: transparent; padding: 0; }
	.row-fluid .fd_step_inner h3 span { width: auto; margin: 0 6px 0 0; }
	.row-fluid .fd_step_box_wrap .fd_step_box .fd_step_part { border-top: 1px solid #fff;  padding: 5px 10px; }
	.row-fluid .fd_step_box_wrap .fd_step_box .fd_step_part .fd_step_inner:hover h3, .row-fluid .fd_step_box_wrap .fd_step_box .fd_step_part.current .fd_step_inner h3 { color:#fff; }
	
	.row-fluid .fd_step_inner.active h3 { font-size: 17px; line-height: 25px; }  
	.row-fluid .simple-design-section.process-main.fd_process_section .process-left h2 br { display:none; }
	.row-fluid .fd_option_part { width:100%; margin: 15px -2px; padding:0; }
	.row-fluid .fd_option_part h3 { font-size: 20px; line-height: 26px; margin-bottom: 7px; }
	.row-fluid .fd_option_box { margin:0; }
	.row-fluid .fd_option_img { width: 100%; float: left; margin:30px 0; padding:0; }
	.row-fluid .fd_product_box, .row-fluid .fd_step_slider {  padding: 0 30px; }
	.row-fluid .fd_option_box.fd_option_top { margin-bottom:0; padding:0; }
    .row-fluid .fd_option_box.fd_option_bottom { margin-top:0; padding:0; }
	
	.row-fluid .fd_step_section .fd_cmn_title { margin:0; }
	.row-fluid .fd_step_box_wrap { display:none; }
	.row-fluid .fd_step_slider { padding: 0; padding-bottom: 0; }
    .row-fluid .fd_step_slider .slick-dots { bottom: -20px; }
    .row-fluid .fd_step_slider .slick-dots li button { background: #1a2029; }
	.row-fluid .simple-design-section.process-main.fd_process_section .process-left { padding:50px 15px; }
	.row-fluid .cbs_testimonial_slider .testimonial_area .testimonial_boxcover { padding-top: 65px; padding-bottom: 75px; }
	.row-fluid .cbs_testimonial_slider .testimonial_boxcover .slick-dots { bottom: 43px; }
	.row-fluid .how-work-imagewrap .svg-anim,
	.row-fluid .how-work-raw:nth-child(2) .how-work-imagewrap .svg-anim,
	.row-fluid .how-work-raw:nth-child(4) .how-work-imagewrap .svg-anim{left:50%;top:40px;transform:translateX(-50%);}
	.row-fluid .how-work-raw:nth-child(3) .how-work-imagewrap .svg-anim{left:50%;top:40px;transform:translateX(-50%) rotate(0deg);}
	
	.row-fluid .header-main .header-top{background-color:transparent;left:0;padding:9px 38px 6px 15px;position:absolute;top:0;width:100%;}
	.row-fluid .header-bottom,
	.row-fluid .header-main.headerfixed .header-bottom{padding:10px 15px;}
	.row-fluid .header-main .header-logo-img.logo-blue{margin-top:0;}
	.row-fluid .header-logo-img.logo-blue a,
	.row-fluid .header-main.headerfixed .header-logo-img.logo-blue a{max-width:79px;}
	.row-fluid .header-main .btn-small a{border-radius:80px;font-size:11px;padding:6px 10px;}
	.header-main .header-top > div > .row-fluid > div{margin-left:5px; margin-right:5px;}
	.row-fluid .header-right .mainmenu .mobile-menu{background-color:#fff; box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.4); max-height:calc(100vh - 44px); overflow:auto !important; -webkit-overflow-scrolling:touch; }
	.row-fluid .header-main .mainmenu ul.mobile-menu > li > a,
	.row-fluid .inner-top-header .header-main .mainmenu ul.mobile-menu > li > a,
	.row-fluid .header-main.headerfixed .mainmenu ul.mobile-menu > li > a{color:#000; padding:15px 55px 15px 0;}
	.row-fluid .mainmenu ul.mobile-menu > li > a{border-bottom:1px solid #ccc;}
	.row-fluid .mainmenu ul.mobile-menu > li.mobile-link{background-color:#19202a;margin:-1px 0 0;position:relative;}
	.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul.mobile-menu li{padding: 0 15px; float:none; width:auto; clear:both;}
	.row-fluid .header-main .mainmenu ul.mobile-menu > li.mobile-link > a{color:#FFF;}
	.row-fluid .mainmenu ul.mobile-menu > li:last-child > a{border:none;}
	.row-fluid .mainmenu ul.mobile-menu .sub-menu{background-color:#fff;}
	.row-fluid .mainmenu ul.mobile-menu .sub-menu li a{border-bottom:1px solid #ccc;color:#000;font-size:14px;font-weight:300;padding:10px 15px;}
	.row-fluid .header-main .mainmenu ul.mobile-menu > .search-inner{background-color:#19202A; padding:0 0 52px 0;}
	.row-fluid .header-main .mainmenu ul.mobile-menu > .search-inner input{margin:0; color:#fff; background:transparent url("https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/Cases%20By%20Source%20Themes%20-%202019/Images/search-icon.png") no-repeat scroll 15px center / 17px auto; padding:14px 15px 14px 43px;}
	.row-fluid .header-main .mainmenu ul.mobile-menu > .search-inner input::-webkit-input-placeholder{color:#FFF;}
	.row-fluid .header-main .mainmenu ul.mobile-menu > .search-inner input::-moz-placeholder{color:#FFF;}
	.row-fluid .header-main .mainmenu ul.mobile-menu > .search-inner input:-ms-input-placeholder{color:#FFF;}
	.row-fluid .header-main .mainmenu ul.mobile-menu > .search-inner input:-moz-placeholder{color:#FFF;}
	.row-fluid .header-main .search-icon{display:none;}
	
	.row-fluid .how-work-raw:nth-child(1) .how-work-imagewrap{height:570px !important;}
	.row-fluid .how-work-raw:nth-child(2) .how-work-imageinner{background-position: center center!important;}
	.row-fluid .how-work-raw:nth-child(3) .how-work-imageinner{background-position: center center!important;}
	.row-fluid .how-work-raw:nth-child(4) .how-work-imageinner{background-position: center center!important;}
	.our-mission-raw .our-mission-full{padding:0;}
	.row-fluid .our-mission-section .our-mission-left{padding:0;}
	
/* 	.vision-in-main .your-vision-img { height: initial;} */
	.vision-in-main lottie-player{ width: 100% !important; height: 250px !important; }
	
	.row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper { min-width: inherit; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
  
  	.row-fluid .mainmenu ul.mobile-menu > li:first-child > ul.hs-menu-children-wrapper > li ul.sub-menu > li > a { padding: 10px 15px; font-size: 15px; font-weight: 500; }
	
	.row-fluid .design-peocess-herosection .design-heroright { display:none; }
	
	.row-fluid .about-history-section .how-work-raw:nth-child(2) .how-work-imageinner { background-position:center center!important; }
	.portfolio-page .pagination ul li:not(.next):not(.last-page):not(.prev):not(.first-page){display:none;}
	.portfolio-page .pagination ul li a{padding:6px 5px; width:auto;}
	.portfolio-page .pagination ul li:nth-child(2), .portfolio-page .pagination ul li:nth-last-child(2){margin:0 5px;}
	.how-work-section .how-work-wrapper{background:transparent !important;}
	
	.row-fluid .lp-hero h1 { font-size: 39px; padding: 20px 0 20px; }
	body.page-style { font-size: 16px; }
	.row-fluid .font-25 { font-size: 18px; }
	.row-fluid .lp-heading h2 { font-size: 27px; }
	.row-fluid .lp-heading { font-size: 22px; }
	.row-fluid .thumb-content > div > div{ display: block; }
	.row-fluid .thumb-content > div > div > div { width: 100%; }
	.row-fluid .thumb-content .content > div { padding: 0; }
	.row-fluid .thumb-content .content p { margin: 0; }
	.row-fluid .response-strip { padding: 30px 40px 130px 25px; }
	.row-fluid .response-strip .two-circle{bottom:-160px;left:50%;right:auto;transform:translateX(-50%);width:100%;}
	.row-fluid .response-strip .two-circle > div > div{text-align: center;}
	
	.row-fluid .thumb-content .thumb { }
	.row-fluid .lp-process-section .lp-heading { padding-bottom: 50px; }
	.row-fluid .lp-process-section .content > div > div > div + div { padding: 30px 0 0; margin: 30px 0 0; border: none; border-top: 5px solid #4DBFE7; }
	.row-fluid .lp-contact-section form .form-columns-2 > div { width: 100%; }
	.row-fluid .lp-contact-section form .form-columns-2 > div + div { margin-top: 20px; }
	.row-fluid .lp-process-section { padding-top: 0; }
	
	.facemask-hero-section .content-part {width: 100%;font-size: 16px; line-height: 26px;}
	.facemask-hero-section .content-part h1 { font-size: 28px; line-height: 36px;}
	.facemask-hero-section .img-part { padding-right: 0; padding-left: 0; width: 100%; text-align: center;}
	
	.left-img-text-right-section {margin-top:35px;}
	.left-img-text-right-section .img-part {padding-right: 0; padding-left: 0; width: 100%; text-align: center;}
	.left-img-text-right-section .content-part { font-size: 16px; line-height: 24px; width: 100%; text-align: left; padding-left: 0; margin-top: 25px;}
	
	.mendatory-notes-section .container {display: inline-block;}
	.mendatory-notes-section .content-part {width:100%;}
	.mendatory-notes-section .img-part {width:100%; text-align:center; margin-top:20px;}
	.mendatory-notes-section { padding: 30px 0 50px;}
	
	.analysis-section {padding:35px 0;background-size: 100%;}
	.analysis-section .content-part p { font-size: 20px; line-height: 28px;}
	.alternative-section { padding: 50px 0 25px;}
	.alternative-section .container {    flex-direction: column-reverse;}
	.alternative-section .content-part {width:100%;padding-left:0;margin-top:20px;}
	.alternative-section .img-part {width:100%;text-align: center;}
	.mask-type-section .section-content .single-col {    padding: 0 20px;}
	.mask-type-section .section-content .single-col h3 { font-size: 22px; line-height: 30px;}
	.alternative-section.img-right .container { flex-direction: column-reverse;}
	.centered-content h3 { font-size: 22px; line-height: 30px;}
	.form-section .section-title h2 { font-size: 36px;  line-height: 44px;}
	.form-section .section-title {    font-size: 20px; line-height: 30px;}
	.facemask-hero-section .content-part {padding-right:0;}
	.alternative-section.img-right .content-part {padding-right:0;}
	
	.chart-module{padding:50px 0;}
	.chart-module .title-part h2{font-size:26px; line-height:34px;}
	.chart-module .chart .chart-dates{display:block;}
	.chart-module .chart .chart-dates .title{width:auto;}
	.chart-module .chart .chart-dates .weeks{width:auto;}
	
	.chart-module .chart .list-wrapper .list{display:block;}
	.chart-module .chart .list-wrapper .list:nth-child(2n+1){background-color:transparent;}
	.chart-module .chart .list-wrapper .list .title{width:auto; padding:15px 0 5px 5px;}
	.chart-module .chart .list-wrapper .list .lines{width:auto; background-color:#242c38;padding:25px 0 5px 7px;height:50px;}	
	.chart-module .chart .list-wrapper .list .lines .ganttBar{height:4px; top:52%;}
	.chart-module .bottom-txt{font-size:18px;}

	.chart-module .chart .list-wrapper .list:first-child .lines .sep-lines > div:before{top:7px;font-size:10px;}
	.chart-module .chart .list-wrapper .list .lines .sep-lines > div:before{content:"Week 1-2";font-size:10px;left:0;position:absolute;text-align:center;top:7px;width:100%;opacity: 0.5;}
	.chart-module .chart .list-wrapper .list .lines .sep-lines > div:nth-child(2):before{content:"Week 3-4";}
	.chart-module .chart .list-wrapper .list .lines .sep-lines > div:nth-child(3):before{content:"Week 5-6";}
	.chart-module .chart .list-wrapper .list .lines .sep-lines > div:nth-child(4):before{content:"Week 7-8";}
	.chart-module .chart .list-wrapper .list .lines .sep-lines > div:nth-child(5):before{content:"Week 9-10";}
	.chart-module .chart .list-wrapper .list .lines .sep-lines > div:nth-child(6):before{content:"Week 11-12";}
	.chart-module .chart .list-wrapper .list .lines .sep-lines > div:nth-child(7):before{content:"Week 13-14";}
	
	.chart-module .chart#expedited .list-wrapper .list .lines .sep-lines > div:nth-child(1):before{content:"Week 1";}
	.chart-module .chart#expedited .list-wrapper .list .lines .sep-lines > div:nth-child(2):before{content:"Week 2";}
	.chart-module .chart#expedited .list-wrapper .list .lines .sep-lines > div:nth-child(3):before{content:"Week 3";}
	.chart-module .chart#expedited .list-wrapper .list .lines .sep-lines > div:nth-child(4):before{content:"Week 4";}
	.chart-module .chart#expedited .list-wrapper .list .lines .sep-lines > div:nth-child(5):before{content:"Week 5";}
	.chart-module .chart#expedited .list-wrapper .list .lines .sep-lines > div:nth-child(6):before{content:"Week 6";}
	.chart-module .chart#expedited .list-wrapper .list .lines .sep-lines > div:nth-child(7):before{content:"Week 7";}
	
	.row-fluid .solutions_section { padding:40px 0; }
	.row-fluid .solutions_left { font-size: 18px; line-height: 28px; }
	.row-fluid .form .hs-form-field > label { font-size: 18px; line-height: 24px; }
    
    /* Supply Chain Page */
    .row-fluid .supply-hero { padding: 50px 0; font-size: 16px; line-height: 24px; }
    .row-fluid .supply-hero h1 { font-size: 30px; line-height: 36px; }
    .row-fluid .supply-hero h2 { font-size: 22px; line-height: 28px; }
    .row-fluid .supply-servicesection { padding: 50px 0 0; }
    .row-fluid .supply-servicesection h2 { font-size: 26px; line-height: 32px; }
    .row-fluid .supply-servicesection .supply-servicecol { width: 100%; text-align: center; padding: 30px 0 0; font-size: 16px; line-height: 24px; }
    .row-fluid .supply-servicecolinner { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; height: auto !important; }
    .row-fluid .supply-serviceimg { width: 100%; }
    .row-fluid .supply-servicetext { width: 100%; padding: 11px 0 0; }
    .row-fluid .supply-servicesection .supply-servicecol h3 { font-size: 22px; line-height: 26px; }
    body.suppplybody .row-fluid .global-presence-section h2 { font-size: 30px; line-height: 36px; }
    .row-fluid .supply-worksection { padding: 50px 0; }
    .row-fluid .supply-workrawwrap { padding: 30px 15px; }
    .row-fluid .supply-workrawwrap h2 { font-size: 26px; line-height: 30px; }
    .row-fluid .supply-workleft { width: 100%; }
    .row-fluid .supply-workright { width: 100%; }
    .row-fluid .supply-workcol { padding: 20px 0 0 0; }
    .row-fluid .supply-worktext { font-size: 14px; line-height: 28px; padding-top: 0; }
    .row-fluid .supply-worktext h4 { font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 2px; }
    .row-fluid .supply-workicon { height: 40px; width: 40px; }
    .row-fluid .supply-workicon img { max-width: 50%; }
    .row-fluid .supply-worktext ul li { padding-left: 10px; }
    .row-fluid .supply-slidesection { padding: 50px 0; }
    .row-fluid .supply-slidesection h2 { font-size: 30px; line-height: 36px; }
    .row-fluid .supply-formsection h3 { font-size: 24px; line-height: 30px; margin-bottom: 40px; } 
    
    svg.first-svg { height: 300px; }
    .row-fluid .supply-slidecolin { padding: 0; }
    svg.third-svg { height: 300px; }
    svg.second-svg { height: 450px; }
    .row-fluid .supply-slidewrap .slick-track { display: flex; align-items: center; justify-content: center; }
    .row-fluid .supply-slidetooltip { display: none; position: relative; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; padding: 30px 20px 0; font-size: 16px; line-height: 26px; width: 100%; border: 0; box-shadow: none; background: transparent; color: #1A2029; text-align: center; }
    .row-fluid .supply-slidetooltip:before,
    .row-fluid .supply-slidetooltip:after { display: none; }
    .row-fluid .supply-tootipin > div:first-child { font-size: 22px; line-height: 30px; font-weight: 700; margin-bottom: 5px; }
    .row-fluid .supply-slidewrap ul.slick-dots { padding-top:30px; }
    
    body.suppplybody .row-fluid .cases-outer .cases-box-slice { width:100%; }
    
    /* EVA Soft Bags 23-12-2020 */
    .casebag-heroraw { display: block; }
    .casebag-left { width: 100%; padding: 50px 15px; font-size: 14px; line-height: 24px; display:block; }
    .casebag-heroright { width: 100%; }
    .casebag-heroright { height: auto; }
    .casebag-herorightimg { display: inline-block; width: 100%; vertical-align: top; height: auto; }
    .casebag-heroright .hero-bluestrip { padding: 20px 15px; font-size: 14px; line-height: 22px; text-transform: capitalize; }
    .casebag-heroright .hero-bluestrip p { margin: 0; }
    .casebag-heroright .hero-bluestrip p + p { margin: 15px 0 0; }
    .casebag-left h1 { font-size: 26px; line-height: 32px; }
    
    .product-slider-section { padding: 50px 0; }
    .product-slider-section .section-header h2 { font-size: 30px; line-height: 38px; margin-bottom: 20px; }
    .product-slider-nav { display: none !important; }
    .product-slider-col { width: 100%; padding: 0; }
    .product-slider-col:first-child { margin-bottom: 25px; }
    .product-slider-colwrap { padding: 0 30px; }
    .product-slider-section button.slick-next.slick-arrow { left: auto; right: 0; }
    .product-slider-section button.slick-prev.slick-arrow { left: 0; right: auto; }
    
    .overcome-raw { display: block; }
    .overcome-left { width: 100%; padding: 50px 15px; text-align: center; }
    .overcome-leftcontent h2 { font-size: 30px; line-height: 38px; margin-bottom: 30px; }
    .overcome-leftcircleimg { position: relative; right: auto; bottom: auto; height: 220px; width: 220px; }
    .overcome-right { width: 100%; }
    .overcome-rightcol { height: auto !important; display: inline-block; vertical-align: top; width: 100%; padding: 30px 15px; font-size: 14px; line-height: 22px; }
    .overcome-icontext h3 { font-size: 20px; line-height: 26px; }
    .overcome-icon { width: 20%; text-align:center; }
    .overcome-icontext { width: 80%; }
    .overcome-imgbox { display:none; }
    
    .row-fluid .supply-worksection.case-bagservice-section { padding: 50px 0; }
    
    .cases-bags-section { padding: 50px 0; }
    .cases-bags-section .container { max-width: 100%; }
    .cases-bags-section .section-header h2 { font-size: 28px; line-height: 34px; }
    .cases-bags-section .section-header h2 br { display: none; }
    .cases-bags-raw { width: 100%; padding: 0; margin-top: 30px; }
    .cases-bags-title h4 { margin: 0 0 25px; font-weight: 700; }
    .cases-bags-svgwrap svg { height: auto; }
    .cases-bags-tooltip { position: relative; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; background: #fff; color: #1A2029; text-align: center; padding: 0; box-shadow: none; border: 0; float: none; vertical-align: top; margin: 10px auto 0; font-size: 22px; line-height: 28px; }
    .cases-bags-svgwrap { text-align: center; }
    .cases-bags-tooltip:after,
    .cases-bags-tooltip:before { display: none; }
    
    /* CBS Pelican Final Page */ 
    .row-fluid .pelican_hero .container { max-width: 100%; }
    .row-fluid .pelican_hero { padding: 130px 0 50px; font-size: 16px; line-height: 26px; }
    .row-fluid .pelican_hero h1 { font-size: 30px; line-height: 38px; }
    .row-fluid .pelican_hero .scroll_to_next a { position: relative; margin: 0 auto; left: auto; transform: none; bottom: 0; }
    .row-fluid .pelican_hero .pelican_herologo { text-align: center; padding: 15px 15px 40px; }
    
    .row-fluid .custom_case_header h2 { font-size: 27px; line-height: 34px; }
    .row-fluid .custom_case_header h2 br { display: none; }
    .row-fluid .custom_case_header { font-size: 16px; line-height: 26px; }
    .row-fluid .custom_case_wrap { display: inline-block; vertical-align: top; width: 100%; }
    .row-fluid .custom_case_col { width: 100%; text-align: left; padding: 0 0 30px; text-align: center; }
    .row-fluid .custom_case_colin { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; text-align: left; }
    .row-fluid .custom_case_content { height: auto !important; padding: 20px 15px; font-size: 16px; background: #e5e5e5; }
    .row-fluid .custom_case_content h3 { margin-top: 0; font-size: 24px; line-height: 30px; }
    .row-fluid .custom_case_content ul li:last-child { margin-bottom: 0; }
    .row-fluid .custom_case_section { padding-bottom: 50px; }
    
    .row-fluid .custom_need_section .branding-content-col,.row-fluid .custom_need_section #brand-tab6 { padding: 30px 20px; }
    .row-fluid .custom_need_section .tab_contentin { top: auto; transform: none; }
    .row-fluid .custom_need_section .branding-tab-left ul li a, .row-fluid .custom_need_section .branding-tab-left ul li a:hover { padding: 15px; }
    .row-fluid .custom_need_section .branding-tabtitle h4 { font-size: 22px; line-height: 28px; }
    .row-fluid .custom_need_section .branding-tabcontent { font-size: 16px; line-height: 26px; }
    .row-fluid .custom_need_section .branding-tab-section { padding: 50px 0 0; }
    .row-fluid .custom_need_section .branding-tab-right { padding: 0; }
/*     .row-fluid .custom_need_img { display: none !important; } */
    .row-fluid .custom_need_section .branding-tab-right .branding-tab-right-inner .custom_need_imgwrap{position:relative;}
    .row-fluid .custom_need_section .branding-tab-right .branding-tab-right-inner .custom_need_imgwrap .custom_need_img{top:0;transform:none;left:0;}
    
    .row-fluid .dev_sol_raw { display: block; }
    .row-fluid .dev_sol_left { width: 100%; padding: 50px 15px; font-size: 16px; line-height: 26px; }
    .row-fluid .dev_sol_section { display: inline-block; vertical-align: top; width: 100%; }
    .row-fluid .dev_sol_left h2 { font-size: 26px; line-height: 36px; }
    .row-fluid .dev_sol_right { width: 100%; padding: 50px 15px; }
    .row-fluid .dev_sol_rightin { top: auto; transform: none; }
    .row-fluid .dev_sol_right .slick-slider button.slick-arrow { display: none !important; }
    .row-fluid .dev_sol_rightin .slick-list { padding-bottom: 80px; }
    .row-fluid .dev_sol_img { top: auto; }
    
    .row-fluid .pelican_reason_section { padding: 50px 0; }
    .row-fluid .pelican_reason_section h2.your-vision-section-title { font-size: 28px; line-height: 34px; }
    .row-fluid .pelican_reason_wrap { display: inline-block; vertical-align: top; width: 100%; margin: 0; }
    .row-fluid .pelican_reason_col { width: 100%; padding: 0 0 40px; text-align: center; }
    .row-fluid .pelican_reason_col:last-child { padding-bottom: 0; }
    .row-fluid .pelican_reason_colin { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; }
    .row-fluid .pelican_reason_col h3 { font-size: 24px; line-height: 32px; margin-top: 15px; margin-bottom: 5px; }
    .row-fluid .pelican_reason_text { height: auto !important; }
    
    body.pelican-body .row-fluid .supply-formsection h3 { font-size: 26px; line-height: 32px; }
    body.pelican-body .row-fluid .supply-formsection h3 + div.font-25 { margin-bottom: 30px; line-height: 28px; }
    
    body.pelican-body .row-fluid .ctastrip { padding: 50px 0; }
    body.pelican-body .row-fluid .ctastrip h3 { font-size: 26px; line-height: 36px; }
    
    .case-content-video-main-wrap .case-contentright .case-content-video-wrap { margin-bottom: 33px; margin-top: 35px; }
    
    .row-fluid .your-vision-img .mobile-img { display:none; }
/*     .row-fluid .your-vision-img .desktop-img { display:none; } */
    .row-fluid .your-vision-img .mobile-img img { max-height:130px; }
    .vision-in-main .your-vision-img { height:250px; }

    /* 26-05-2021-59 */
    .password-page-form-wrap h2 { margin-bottom: 20px; font-size: 35px; }
    .password-form-wrap input[type="submit"] { margin-top: 4px; }
    .row-fluid .password-page-form-wrap { padding-top: 40px; padding-bottom: 40px; min-height:auto; }
    
    .filter-resources-wrap { flex-flow: column; }
    .filter-resources-left-side { width: 100%; margin-bottom: 25px; }
    .filter-resources-right-side { width: 100%; }
    .filter-resources-right { max-height: 100%; padding: 20px; }
    .filter-resources-main-wrap { padding-top: 34px; padding-bottom: 37px; }
    .filter-resources-left { padding: 20px; }
    .filter-resources-hub-list-wrap { margin-top: 14px; }
    .filter-resources-hub-list-info-heading { margin-bottom: 13px; }
    .filter-resources-hub-list-info:nth-child(1n+2) { margin-top: 9px; padding-top: 20px; }
    .filter-resources-left-heading { margin-bottom: 16px; }
    .filter-resources-hub-heading h2 { font-size: 26px; }
    .filter-resources-reset-btn { margin-top: 12px; padding-top: 18px; }
    .filter-resources-hub-list h3 { font-size: 18px; }
    
    .filter-resources-main-wrap.blog-list-case-wrap .filter-resources-right,.case-studies-main-wrap .filter-resources-right { max-height:100%; }
    .blog-list-case-wrap .filter-resources-search {margin-bottom: 0px;}
    
    .dev_sol_section .slick-slider .slick-dots {  width: 100%; }
    
    
    /* This Vs That Page */
    .row-fluid .this_hero_section.supply-hero h2 { font-size: 34px; line-height: 40px; }
    .row-fluid .this_hero_section.supply-hero h1 { font-size: 80px; line-height: 80px; margin-bottom: 20px; }
    .row-fluid .winning_contestant_wrap { flex-wrap: wrap; }
    .row-fluid .winning_contestant_section .winning_contestant_slider_raw { width: 100%; text-align: center; }
    .row-fluid .winning_contestant_right { width: 100%; padding: 15px 0 0; }
    .row-fluid .winning_contestant_section button.slick-arrow { display: none !important; }
    .row-fluid .winning_contestant_section .winning_contestant_slider_raw img { display: inline-block; }
    .row-fluid .this_testimonial_wrap { margin: 50px 0 0; width: 100%; flex-wrap: wrap; }
    .row-fluid .this_testimonial_col { width: 100%; padding: 0 0 30px; }
    .row-fluid .this_testimonial_col:last-child { padding: 0; }
    .row-fluid .store_better_left { width: 100%; padding: 0 0 20px; }
    .row-fluid .store_better_right { width: 100%; }
    .row-fluid .this_hero_section .hero_text { line-height: 28px; }


    .row-fluid .winning-content-tabbing-wrap h4 { text-align: left; color: #0056B8; font-weight: 600; font-size: 20px; line-height: normal; font-family: Maven Pro, sans-serif; margin-bottom:25px; }
    .winning-content-tabbing-wrap label { display: inline-block; width: 100%; background-color: #fff; border: 0.3px solid #010202; border-radius: 16px; padding: 18px 15px; text-align: left; font-weight: bold; font-family: Maven Pro, sans-serif; color: #0056B8; font-size: 18px; position: relative; }
    .winning-content-tabbing-heading ul { width: 100%; border-radius: 16px; background-color: #fff; flex-flow: wrap; border: 0.3px solid #010202; }
    .winning-content-tabbing-heading ul li { width: 100%; border-radius: 0; color: #0056B8; font-size: 18px; font-weight: bold; text-align: left; position: relative; }
    .winning-content-tabbing-heading ul li.current,
    .winning-content-tabbing-heading ul li.current:hover { color: #fff; }
    .winning-content-tabbing-heading { padding-top: 15px; display:none; }
    .winning-content-tabbing-wrap label:after { content: ''; background-image: url(https://471584.fs1.hubspotusercontent-na1.net/hubfs/471584/down-arrow-1.png); width: 17px; height: 10px; background-size: contain; background-position: center center; position: absolute; right: 11px; top: 50%; transform: translateY(-50%) rotate(180deg); }
    .winning-content-tabbing-heading ul li:after { content: ''; width: calc(100% - 43px); height: 1px; background-color: #D2D2D2; display: inline-block; vertical-align: top; position: absolute; bottom: 0; left: 20px; }
    .winning-content-tabbing-heading ul li:last-child:after { display: none; }
    .winning-content-tabbing-wrap { position: sticky; top: 0; padding: 10px 5px; background: #fff; }
    .winning-content-tabbing-heading { position: absolute; top: 100%; z-index: 22; right: 0; left: 0; }
    .winning-content-tabbing-wrap label.open-down:after { transform: translateY(-50%) rotate(0deg); }
    .winning-content-tabbing-content { margin-top: 40px; }

    .row-fluid .store_better_bottom.video { padding-left: 25px; padding-right: 25px; padding-top: 35px; }
    
    .pp-content-btn-wrap { width: 100%; }
    .pp-content-btn-img { width: 100%; padding-left: 0; padding-top: 35px; }
    .pp-content-wrap, .pp-issue-details-content, .pp-full-details-heading-content, .pp-full-details-right { font-size: 16px; line-height: 25px; }
    .pp-content-btn-img-main-wrap { padding: 35px 0; }
    .pp-issue-details-main-wrap { padding: 30px 0; }
    .pp-issue-details-wrap { flex-flow: wrap; }
    .pp-issue-details-left { width: 100%; margin-bottom: 25px; padding-right: 0; }
    .pp-issue-details-right { width: 100%; padding-left: 0; }
    .pp-issue-details-list label { display: inline-block; width: 100%; position: relative; padding: 17px 40px 17px 17px; }
    .pp-issue-details-list { position: relative; z-index: 2; }
    .pp-issue-details-list ul { position: absolute; top: 100%; z-index: 22; background-color: #ffff; margin-top: 11px; width: 100%; display: none; }
    .pp-issue-details-list ul li.current:after,
    .pp-issue-details-list ul li:hover:after { display: none; }
    .pp-issue-details-list ul li { padding: 16px; }
    .pp-issue-details-wrap h5 { font-size: 16px; }
    .pp-issue-details-wrap h2 { font-size: 23px; line-height: normal; margin-top: 9px; }
    .pp-issue-details-content-wrap { padding: 26px; }
    .pp-issue-details-list label:after { content: ''; width: 0; height: 0; border-right: 11px solid transparent; border-top: 11px solid #0055B7; border-left: 11px solid transparent; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; }
    .pp-full-details-main-wrap { padding: 30px 0; }
    .pp-full-details-heading-content-wrap h2 { font-size: 30px; line-height: normal; }
    .pp-full-details-wrap { flex-flow: wrap; }
    .pp-full-details-left { width: 100%; padding-right: 0; }
    .pp-full-details-right { width: 100%; margin-top: 25px; }
    .pickandpluck-body .row-fluid .supply-formsection .font-25 { font-size: 30px; margin-bottom: 35px; }
    .pickandpluck-body .row-fluid .supply-formsection h3 { font-size: 20px; line-height: 28px; }
    .row-fluid .pp-hero-wrap { margin: 0 auto 10px; }
    .row-fluid .pp-hero-wrap h2 { font-size: 33px; line-height: normal; }
    .pp-full-details-heading-content-wrap { margin-bottom: 20px; }
    .pp-issue-details-list label.active-list:after { transform: rotate(-180deg) translateY(50%); }
    
    .hs-blog-post .row-fluid .blue-stripe-main { display:none; }
    .hs-blog-post .row-fluid .mobile-tag-list .blue-stripe-main { display:block; }

    .team-meet-client-details h3 { font-size: 24px; line-height: normal; margin-left: 10px; }
    .team-meet-client-details svg { height: auto; width: 35px; width: 35px; height: 35px; transform: translateY(0); }
    .team-meet-client-details { left: 10px; }
    .three-part-member-details .team-meet-left-details .team-meet-client-details { right: auto !important; left: 10px !important; }
    .team-meet-client-project-details ul li { padding-bottom: 5px; }
    .three-part-member-details .team-meet-left-details .team-meet-client-project-details .team-meet-client-box ul:last-child { padding-left: 0; }
    .three-part-member-details .team-meet-left-details .team-meet-client-project-details .team-meet-client-box ul { padding-right: 0; }
    .our-team-banner-wrap .video-content .content { font-size: 16px; line-height: 1.3; }
    .team-meet-left-info h2,
    .team-hand-heading h2,
    .capabilities-support-left h2 { font-size: 22px; }
    .team-hand-heading-wrap { padding: 20px 0; }
    .team-hand-wrap { padding: 20px 0; }
    .team-client-img { margin-bottom: 15px; }
    .team-client-img-wrap h2 { font-size: 24px; line-height: normal; }
    .team-meet-left-info .content { font-size: 16px; line-height: 1.4; }
    .team-meet-left-details { aspect-ratio: 1 / 0.8; padding-bottom: 0; position: relative; }
    .team-meet-left-details:nth-child(1n+2) { width: 100%; padding-right: 0; position: relative; padding-left: 0; }
    .team-meet-left-details:nth-child(1n+2) .team-meet-client-info { width: 100%; height: auto; top: 0; position: relative; aspect-ratio: 1/0.8; }
    .three-part-member-details .team-meet-left-details { width: 100%; padding-bottom: 0; }
    .team-meet-left-details:nth-child(1n+2) .team-meet-client-project-details { height: 100%; bottom: 100%; top: auto; }
    .team-meet-client-project-details { top: 100%; height: 100%; position: static; opacity: 1; visibility: visible; transform: translateY(0) !important; height: auto !important; }
    .team-meet-client-project-details .team-meet-client-box ul { width: 100%; }
    .three-part-member-details .team-meet-left-details:nth-child(2) .team-meet-client-info { width: 100%; left: 0; top: 6px; height: auto; aspect-ratio: 1/0.8; }
    .three-part-member-details .team-meet-left-details .team-meet-client-project-details { top: 100%; left: 0; right: 0; width: 100%; padding-top: 0; }
    .three-part-member-details .team-meet-left-details:nth-child(3),
    .three-part-member-details .team-meet-left-details:nth-child(4) { width: 100%; }
    .three-part-member-details .team-meet-left-details:nth-child(2)+ div .team-meet-client-info { width: 100%; left: 0; aspect-ratio: 1/0.8; height: auto; }
    .three-part-member-details .team-meet-left-details:nth-child(4) .team-meet-client-info { height: auto; }
    .three-part-member-details .team-meet-left-details:nth-child(5) .team-meet-client-info,
    .three-part-member-details .team-meet-left-details:nth-child(5):hover .team-meet-client-info { width: 100% !important; height: auto; left: 0; }
    .three-part-member-details .team-meet-left-details:nth-child(1n+4) .team-meet-client-project-details { width: 100%; left: 0; padding-top: 0; }
    .three-part-member-details .team-meet-left-details:nth-child(6) .team-meet-client-info { width: 100% !important; height: auto; left: 0; }
    .capabilities-support-list-icon { width: 40px; height: 40px; padding: 5px; }
    .capabilities-support-list-details { width: calc(100% - 40px); padding-left: 16px; padding-top: 9px; }
    .capabilities-support-list-details h3 { margin-bottom: 5px; font-size: 20px; line-height: normal; }
    .three-part-member-details .team-meet-left-details:nth-child(3n + 3) .team-meet-client-project-details { width: 100%; }
    .three-part-member-details .team-meet-left-details .team-meet-client-project-details .team-meet-client-box ul:last-child { }
    .team-meet-client-project-details .team-meet-client-box { margin-top: 0; padding: 15px; }
    .team-meet-client-info:after { opacity: 0.4; }
    .team-meet-client-details { opacity: 1; visibility: visible; z-index: 2; }
    .team-meet-left-details:nth-child(1n+2) .team-meet-client-details svg { transform: rotate(0) translateY(0); width: 35px; height: 35px; }
    .team-meet-left-details:nth-child(1n+2) .team-meet-client-details,
    .three-part-member-details .team-meet-left-details:nth-child(3n + 3) .team-meet-client-details,
    .three-part-member-details .team-meet-left-details:nth-child(1n+2) .team-meet-client-details { bottom: 20px; top: auto; }
    .three-part-member-details .team-meet-left-details .team-meet-client-details { flex-flow: row; }
    .three-part-member-details .team-meet-left-details .team-meet-client-details svg { transform: rotate(90deg) translateX(0) !important; width: 35px; height: 35px; }
    .team-meet-left-details:hover .team-meet-client-info .team-meet-client-details { right: auto; left: 32px; }
    .three-part-member-details .team-meet-left-details:nth-child(3n + 3) .team-meet-client-details h3 { margin-bottom: 0; }
    .team-meet-client-info { aspect-ratio: 1/0.8; width: 100%; height: auto; }
    .capabilities-support-list-icon img { aspect-ratio: 1 / 0.7; }
    .capabilities-support-wrap .content { font-size: 16px; line-height: 1.2; }
    .three-part-member-details .team-meet-left-details:nth-child(2):hover .team-meet-client-info { left: 0; }
    .team-meet-left-info { padding: 25px; }
    .team-client-info-wrap li { font-size: 15px; line-height: 1.5; }
    
    .work-flow-section3 .how-work-section .how-work-wrapper { padding-top: 10px; }
    .row-fluid .work-flow-section3 .how-work-raw:nth-child(2) .how-work-imageinner { background-size: cover !important; }
    .row-fluid .work-flow-section3 .how-work-raw:nth-child(3) .how-work-imageinner { background-size: cover !important; background-position: center center !important; }
    .row-fluid .work-flow-section3 .how-work-raw:nth-child(4) .how-work-imageinner { background-position: center center !important; background-size: cover !important; }

    .row-fluid .work-flow-section3 .how-work-raw:nth-child(2) .how-work-imageinner { transform: translate(-18px, 0px); }
    .row-fluid .work-flow-section3 .how-work-raw:nth-child(2) { overflow: hidden; padding-top: 2px; }
    .row-fluid .work-flow-section3 .how-work-raw:nth-child(4) .how-work-imageinner { transform: translate(0, 0); }
    .row-fluid .work-flow-section3 .how-work-raw:nth-child(4) .how-work-imageinner:after { width: 100%; }
    .row-fluid .work-flow-section3 .how-work-raw .how-work-col:nth-last-child(3) { padding-bottom: 340px; }
    .work-flow-section3 .how-work-raw { position: relative; }
    .row-fluid .work-flow-section3 .how-work-imagewrap { position: absolute; bottom: 28px; }
    .work-flow-section3 .how-work-raw:first-child .how-work-col:nth-last-child(3) { padding-bottom: 620px; }
    .row-fluid .work-flow-section3 .how-work-raw:nth-child(1) .how-work-imagewrap { bottom: 0; }
    .row-fluid .work-flow-section3 .how-work-col:last-child { padding-bottom: 340px; }

    /* Sustainability Page */
    .row-fluid .img_text_wrap { flex-direction: column-reverse; }
    .row-fluid .img_text_wrap .left { width: 100%; padding: 50px 15px; }
    .row-fluid .img_text_wrap .right { width: 100%; height: auto; background: none !important; }
    .row-fluid .img_text_wrap .right img { display: inline-block; vertical-align: top; width: 100%; }
    .row-fluid .img_text_wrap .left h2 { width: 100%; font-size: 36px; line-height: 1.25; }
    .row-fluid .img_text_wrap .left:after { display: none; }
    
    .row-fluid .berry_img_text_sc .process-outer { flex-wrap: wrap; padding: 50px 0; }
    .row-fluid .berry_img_text_sc .process-outer .process-left { padding: 0 0 30px; text-align: left; width: 100%; }
    .row-fluid .berry_img_text_sc .process-outer .process-right { width: 100%; }
    
    .branding-tabtitle { justify-content: center; flex-wrap: wrap; }
    .row-fluid .custom_need_section .tab_contentin .branding-tabtitle img { margin: 0px 0 10px; margin-left: 0; }
    .row-fluid .custom_need_section .branding-tabtitle h4 { width: 100%; }
    
}

@media(max-width:575px){
	.facemask-hero-section .content-part h1{font-size:22px;line-height:30px;}
	.facemask-hero-section .img-part .highlighted-text{bottom:-62px;}
	.mendatory-notes-section .img-part img{width:220px;height:220px;}
	.analysis-section{background-size:cover;background-position:0 0;}
	.alternative-section .content-part h2{font-size:22px;line-height:30px;}
	.alternative-section .content-part{font-size:16px;line-height:24px;}
	.mask-type-section h2{font-size:26px;line-height:36px;}
	.mask-type-section .section-content .single-col{padding:0 15px;width:100%;margin-bottom:25px;}
	.mask-type-section .section-content .single-col:after{display:none;}
	.mask-type-section .section-content .single-col:last-child{margin-bottom:0;}
	.form-section .section-title h2{font-size:32px;line-height:40px;}
	.form-section .section-title .cta-wrap a{margin-bottom:20px;}
	.form-section .section-title{padding-bottom:20px;}
	.form-section .form-container{padding-top:20px;}
	.form-section .form-container form fieldset.form-columns-2 .hs-form-field{width:100%;margin:0!important;}
	.form-section .form-container form fieldset .input input,.form-section .form-container form fieldset .input select{width:100%!important;}
	.case-content-video-main-wrap .case-contentright .case-content-video-wrap{text-align:center;}
	.case-content-video-main-wrap .case-contentright .case-content-video-wrap{margin-top:25px;margin-bottom:32px;}
	.row-fluid .case-content-video-main-wrap{padding-bottom:5px;}
}

@media (max-width:697px){
	.portfolio-page .product-box{width:calc(47% - 1px);}
	.portfolio-page .product-box.featured .product-box-img{height:280px;}
}

@media (max-width:663px){
	.portfolio-page .product-box{width:calc(46% - 1px);}
	.portfolio-page .product-bottom-box-area .product-box.featured{width:95%;}
}

@media (max-width:600px){
	.portfolio-page .product-bottom-box-area .product-box.featured{width:100%;margin:0 0 30px 0;display:inline-block;}
	.portfolio-page .product-box.featured .product-box-img{height:300px;width:100%;}
	.portfolio-page .product-box.featured .product-box-detail{width:100%;}
	.portfolio-page .product-box{width:100%;margin:0 0 30px;}
	.portfolio-page .product-box-detail h3{height:auto!important;margin:0;padding:0 0 10px;}
	.portfolio-page .product-box-img img{height:300px;}
	.portfolio-page{padding:30px 0 30px;}
	.portfolio-page .overlay .search-box-inner a{width:30px;}
	.row-fluid .fd_plan_part{width:100%;}
	.row-fluid .fd_plan_main_title,.row-fluid .fd_custom_part h5,.row-fluid .fd_plan_title h3 span,.row-fluid .fd_option_part,.row-fluid .fd_process_section.simple-design-section .process-left,.row-fluid .fd_step_slider_part,.row-fluid .fd_product_title{font-size:14px;line-height:24px;}
	.row-fluid .fd_plan_list_part{height:auto!important;}
}

@media(max-width: 568px){
    .top-menu-page-btn ul li { margin: 0px; margin-bottom: 16px; }
}

@media(max-width: 500px){
    /* This Vs That Page */
    .row-fluid .this_testimonial_cover:before, .row-fluid .this_testimonial_cover:after, .row-fluid .this_testimonial_section:before { display: none; }
    .row-fluid .this_testimonial_cover { padding: 50px 0; }
    .row-fluid .winning_contestant_head h2 { font-size: 28px; line-height: 34px; margin-bottom: 10px; }
    .row-fluid .winning_contestant_head h4 { font-size: 22px; line-height: 28px; }
    .row-fluid .this_testimonial_title h2 { font-size: 30px; line-height: 36px; }
    .row-fluid .store_better_section { padding-bottom: 50px; }
    .row-fluid .this_hero_section.supply-hero h2 { font-size: 22px; line-height: 26px; }
    .row-fluid .this_hero_section.supply-hero h1 { font-size: 50px; line-height: 50px; margin-top: 10px; }
    .row-fluid .this_hero_section .hero_imgbox { bottom: -70px; }
    .row-fluid .winning_contestant_section { padding-top: 60px; }
    .row-fluid .winning_contestant_head h2 br { display: none; }
    .row-fluid .winning_contestant_acc_text { padding-right: 0; }
    
    .winning_contestant_section.winning-content-tabbing-main-wrap { padding-bottom: 0; }
    .row-fluid .winning-content-tabbing-wrap h4 { font-size: 20px; line-height: normal; }
}

@media (max-width:480px){
	.logo-box-outer .logo-box{width:100%;}
	.portfolio-page .product-box-img img{height:200px;}
	.portfolio-page .product-box.featured .product-box-img{height:200px;}
	.portfolio-page .pagination ul li a{font-size:16px;padding:6px 11px;}
	.portfolio-page .search-box-inner input{width:83%;}
	.row-fluid .lp-hero{padding:50px 0 50px;}
	.row-fluid .lp-hero .logo img{max-width:120px!important;}
	.row-fluid .lp-hero h1{font-size:31px;padding:20px 0 10px;}
	.row-fluid .lp-heading h2{font-size:23px;padding-bottom:9px;}
	.row-fluid .lp-heading{padding-top:40px;font-size:17px;}
	.row-fluid .thumb-content .content h2{font-size:29px;}
	.row-fluid .response-strip{padding:15px 15px 75px;}
	.row-fluid .response-strip .content{border-left:3px solid #4DBFE7;padding-left:15px;}
	.row-fluid .response-strip .two-circle{bottom:-100px;}
	.row-fluid .response-strip .two-circle > div > div > div{height:70px;width:70px;}
	.row-fluid .lp-process-section .content{padding:30px 20px;}
	.row-fluid .lp-process-section .content h2{font-size:26px;}
	.row-fluid .lp-process-section .lp-quote{margin:60px auto 0;padding-top:20px;}
	.row-fluid .lp-process-section{padding-bottom:30px;}
	.row-fluid .lp-contact-section form .hs-form-field > label{font-size:17px;}
	.row-fluid .lp-contact-section form .actions{padding:0;}
	.row-fluid .lp-contact-section{padding:50px 0px 55px;}
	.chart-module .tab-pills{padding:23px 0 20px;}
	.chart-module .chart{margin:0 auto;max-width:330px;}
	.chart-module .chart .list-wrapper .list .lines{height:55px;padding:30px 0 5px 7px;}
	.chart-module .chart .list-wrapper .list .lines .sep-lines > div:before{top:4px;line-height:10px;}
	.row-fluid .sol-industry-col{width:100%;}
	.row-fluid .form .input{margin-right:0!important;}
    
    body .top-menu-page-btn .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding: 10px 18px; }
    
}

@media (max-width:441px){
	.portfolio-page .overlay{margin-top:320px;margin-bottom:-320px;}
	.portfolio-page .overlay-content{margin-bottom:320px;}
    
    .video_wrap { border-radius: 10px; }
    
}

@media (max-width:380px){
	.portfolio-page .checkbox-cover{font-size:17px;}
	.portfolio-page .content-box{margin:15px 0;padding-bottom:15px;}
}