/* ==========================================================================


   1. BASE STYLES


   ========================================================================== */


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


/**
 * Find the most consistently used font styles, colors, and container widths
 * for your site and assign them to the jinja variables below for easy use
 * and reference.
 *
 * Apply the variable as shown below.  Ignore the jingja comment tags.
 *
 * 
 */

/* Colors */

    /**/
    
    
    
    
    *
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* Typography */
                /*  */
                             /*  */
                              /*  */
    
    
     /*  */
      /*  */
      /*  */
    
    
    /* Containers */
     /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */
    
    
    /* ==========================================================================
       Macros
       ========================================================================== */
    
    
    /**
      * Create jinja macros for CSS3 properties that need browser prefixes.
      *
      * Apply the style as shown below.  Ignore the jinja comment tags.
      *
      * 
      */
    
    
    /* Transition */
    
    
    /* Animation Delay */
    
    
    /* Box Shadow */
    
    
    /* Background Size */
    
    
    /* Border Radius */
    
    
    /* User Select */
    
    
    /* Opacity*/
    
    
    
    
    /* ==========================================================================
       Base
       ========================================================================== */
    
    
    /**
     * Box Sizing
     *
     * Applies a natural box layout model to all elements so that width and padding
     * are essentially combined, making responsive styles easier to manage.
     */
    
    *, *:before, *:after {
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    
    html, body {
        min-height: 100%;
        margin: 0;
        padding: 0;
        overflow-x:hidden;
    }
    
    /* Website background color and default font styles */
    body {
        background: #fff;
        color: #6b6b6b;
        font-family: 'Montserrat','Merriweather', serif;
        font-size: 16px;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    hr{
        border: 0;
        height: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
        
    :target:before {
        content:"";
        display:block;
        height:220px; /* fixed header height*/
        margin:-220px 0 0; /* negative fixed header height */
    }
    /**
     * Page Center
     *
     * Apply .page-center to full-width modules.
     */
    
    .container-fluid .row-fluid .page-center {
        float: none;
        max-width: 1170px;
        margin: 0 auto;
    }
    
    a {
        text-decoration: none;
        color: #f48335;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    a:hover,
    a:focus {
        color: #c25103;
    }
    
    /* Highlighted Text */
    ::-moz-selection {
        color: #fff;
        background: #6b6b6b;
        text-shadow: none;
    }
    ::selection {
        color: #fff;
        background: #6b6b6b;
        text-shadow: none;
    }
    
    
    /* ==========================================================================
       Content
       ========================================================================== */
    
    
    .body-container-wrapper { padding-top: 90px; }
    .body-container {}
    .landing-container-wrapper { padding-top: 20px; }
    
    
    /* Unique Pages
       ========================================================================== */
    
    
    /* ==========================================================================
       Typography
       ========================================================================== */
    
    
    /* Basic text */
    
    p { 
        margin: 10px 0; 
        line-height:1.7;
        padding-bottom:10px;
    }
    
    small {}
    strong {}
    em {}
    cite {}
    code {}
    pre {}
    
    sup, sub {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline;
    }

    
    sup { top: -0.5em; }
    sub { bottom: -0.25em; }
    
    /* Headings */
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Montserrat','Merriweather', serif;
        line-height: 1.2;
        font-weight: 500;
        margin: 10px 0 20px 0;
        text-rendering: optimizelegibility;
    }
    
    h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
        margin-top: 0px;
    }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
    
    h1 { 
        font-size: 48px; 
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    }
    h2 { font-size: 36px; }
    h3 { font-size: 24px; }
    h4 { font-size: 18px; }
    h5 { font-size: 14px; }
    h6 { font-size: 12px; }
    
    /* Lists */
    ul, ol {}
    ul ul, ul ol, ol ol, ol ul {}
    li {
        margin-bottom:15px;
    }
    
    ul.unstyled, ol.unstyled {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    /* Quotes */
    blockquote {}
    blockquote p {}
    blockquote small {}
    blockquote small:before {}
    
    q:before, q:after, blockquote:before, blockquote:after {}
    
    .text-center { text-align: center; }
    
    img{
        max-width: 100%;
    }
    
    /* ==========================================================================
       Header
       ========================================================================== */
    
    
    .header-container-wrapper {
        position: fixed;
        width: 100%;
        z-index: 9999;
    }
    .header-container {
        padding: 0 !important;
        background: #fff;
        z-index: 9999;
    }
    .header-cta{
        margin-top: 20px;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    
    /* Logo styling */
    .header-container .hs_cos_wrapper_type_logo a img {
        transition: all 0.4s ease;
        /*background: #f48335;*/
        max-height: 74px;
        width: auto !important;
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left: 10px;
    }
    
    /* Header Small */
    .small-header .header-container { padding: 5px 0; }
    .small-header .header-container .hs_cos_wrapper_type_logo a img { max-width: 100px; }
    .small-header .custom-menu-primary .hs-menu-wrapper>ul { padding-top: 0; }
    .small-header .header-cta { margin-top: 5px; }
    
    #top-nav-container{
        background: rgba(0, 0, 0, 0) url("../jpg/headerbackground.jpg") no-repeat scroll center center / cover ;        
        transition: all 0.4s ease;
    }
    
    .header-container #top-nav-container.sticky .hs_cos_wrapper_type_logo a img {
        max-height: 50px;
        margin-top: 10px;
    }
    
    #top-nav-container.sticky #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 a{
        padding: 10px 30px;
    }
    
    #top-nav-container.sticky .round-social-list{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    #top-nav-container.sticky{
        border-bottom: 2px solid #b39884;
    }
    
    /* ==========================================================================
       Content
       ========================================================================== */
    
    
    .body-container-wrapper { padding-top: 90px; }
    .body-container {}
    
    
    /* Navigation */
    
    
    
    
    #top-nav{
        text-transform:uppercase;
        text-align:center;
        margin-top:13px;
    }
    
    #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 a{
        padding:20px 30px;
        border-bottom:1px solid transparent;
        color:  #735f53;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    
    #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 a:hover{
        background-color: transparent;
        cursor:pointer;
        color: #412d21;
    }
    
    #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.active a{
        font-weight:bold;
    }
    
    #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2{
        text-align:center;
    }
    
    #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2 a{
        background-color:#ffa400;
        padding:15px 15px 10px 15px;
        font-size:13px;
        border-bottom:1px solid #fff;
         color:#fff;
         -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    
    #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2 a:hover{
        background-color: #cd7200;
        color: ;
    }
    
    #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal {
       font-size:16px;
    }
    
    #footer-top{
        background-color: #43281D;
    }
    
    #footer-top h4{
        font-size: 24px;
        font-weight: normal;
        margin-top:10px;
        height: 40px;
        margin-bottom: 0px;
    }
    
    #footer-top img{
        height: 50px;
    }
    
    #footer-top p{
        margin-top: 0;
    }
    
    #footer-top .round-social-list li a{
        border: 1px solid #CFBFB3;
        background-color: #2C1B11;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    
    #footer-top .round-social-list li a:hover{
        background-color: #9d8d81;
        color: #2C1B11;
    }
    
    #footer-landing .round-social-list{
        margin-top: 23px;
    }
    
    #footer-landing .round-social-list li a{
        background-color: #4579A1;
        border: 1px solid white;
    }
    
    #footer-copyright{
        line-height:80px;
    }
    
    #mobile-nav{
        display: none;
    }
    
    #mobile-nav .mobile-menu-wrapper{
        display: none;
        position: absolute;
        top:0;
        left: 40px;
        width:100%;
        background-color: white;
    }
    
    .mobile-menu-wrapper a{
        color:#ffa400;
        padding: 5px;
    }
    
    .mobile-menu-wrapper ul li.hs-item-has-children ul.hs-menu-children-wrapper{
        margin-left: 15px;
    }
    
    #mobile-nav .fixed-mobile-nav{
        position: fixed;
        left: 0;
        z-index: 8888;
        width: 100%;
    }
    
    #fixed-mobile-nav{
        position: fixed;
        left: 0;
        z-index: 8888;
        width: 100%;
    }
    
    #mobile-nav #fixed-mobile-nav i, #mobile-nav .fixed-mobile-nav i{
        font-size: 24px;
        cursor: pointer;
        margin-top:0;
        float: none;
        display: inline-block;
        margin-bottom: 5px;
        background-color: white;
        color: #ffa400;
    }
    
    /* Unique Pages
       ========================================================================== */
       
       
    /* Homepage */
    
    .logoBlock{
        width: 25%;
        float: left;
    }
    
    .serviceBlock{
        width: 20%;
        height: 200px;
        float: left;
        display: table;
        text-align: center;
    }
    
    .serviceBlock a{
        display: table-cell;
        width:100%;
        height:100%;
        vertical-align: middle;
        padding:15px;
    }
    
    .serviceBlock h3{
        font-size: 16px;
        font-weight: normal;
        text-transform: uppercase;
        margin:0;
    }
    
    .serviceBlock img{
        position: absolute;
        top: 30px;
        left:0;
        right:0;
        margin: 0 auto;
    }
    
    /* About */
    
    
    /* Landing */
    
    .highlightImg img{
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    }
    
    
    /* Services */
    
    .serviceContentWrapper h2{
        font-size: 28px;
    }
    
    
    /* Services L2 */
    
    
    
    
    /* Testimonials */
    
    blockquote {
      margin: 0.5em 10px;
      padding: 0.5em 10px;
      quotes: "\201C""\201D";
    }
    blockquote:before {
      content: open-quote;
      font-size: 3.5em;
      line-height: 0.1em;
      margin-right: 0.1em;
      vertical-align: -0.4em;
    }
    blockquote p {
      display: inline;
    }
    
    
    /* FAQ */
    
    .accordion { margin-bottom: 20px; }
    .accordion_group {
        margin-bottom: 2px;
        border: 1px solid ;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        background: #f0f0f0;
        padding: 5px 10px;
    }
    .accordion_header {
        cursor: pointer;
        font-size: 18px;
        line-height: px;
        width: 100%;
        padding: 10px 15px;
    }
    .accordion_icon{
        color: #f48335;
        padding-right: 10px;
    }
    .accordion_content { padding: 10px 15px; }
    
    #faq-menu{
        list-style: none;
        position: fixed;
        right: 0;
        bottom: 0;
        padding: 0;
    }
    
    #faq-menu li{
        margin-bottom: 0;
        border-bottom: 1px solid white;
        background-color: #f48335;
    }
    
    #faq-menu li:hover{
        background-color: #66a7cf;
    }
    
    
    #faq-menu a{
        color: white;
        padding: 10px;
        display: block;
    }
    
    /* Contact */
    
    .body-container-wrapper ul.inputs-list{
        list-style: none;
        padding: 0; 
    }
    
    form p{
        font-size: 14px;
        line-height: 19px;
    }
    
    input[type="radio"].hs-input,
    input[type="checkbox"].hs-input{
        width: auto;    
    }
    
    /* Blog */
    
    #blogHeaderBackground{
        height: 289px;
        background: url(../jpg/hongda_blog_header_new.jpg);
        padding-top:70px;
        background-size: cover;
    }
    
    .more-link{
        display: inline-block;
        background-color: #BF4341;
        padding: 5px 30px;
        color: white;
        border-radius: 2px;
    }
    
    .blog-block .author-link{
        position: absolute;
        right: 0;
        top:0;
        font-size: 11px;
    }
    
    .blog-separator{
        border-width: 5px;
        border-color: #9C9C9C;
    }
    
    .blog-block h1, .blog-block h2{
        margin-top: 15px;
        font-size: 36px;
        text-shadow: none;
    }
    
    #blog-sidebar label, #blog-sidebar h3{
        color: #BF4341;
    }
    
    #blog-sidebar h3{
        font-weight: normal;
    }
    
    #blog-sidebar a{
        color: #9C9C9C;
    }
    
    #blog-sidebar .input{
        margin-bottom: 5px;
    }
    
    #blog-sidebar .hs-search-module a.hs-button{
        padding: 3px 0px;
        display: inline-block;
        width: 20%;
        border-radius: 0px;    
        text-align: center;
        float: right;
        color: white;
        background-color: #BF4341;
    }
    
    #blog-sidebar .hs-button, #comment-form .hs-button{
        background-color: #BF4341;
    }
    
    #blog-sidebar .hs-search-module .hs-input{
        width: 80%;
    }
    
    /* Social Media Icons */
    
    .round-social-list{
        float:right;
        margin-top:15px;
        margin-right:15px;
        padding: 0;
        transition: all 0.4s ease;
    }
    
    .round-social-list li{
        display: inline-block;
        margin-right:5px;
    }
    
    .round-social-list li a{
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        color: white;
        background-color: #b39884;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    
    .round-social-list li a:hover,
    .round-social-list li a:focus {
        color:white;
        background-color: #816652;
    }
    
    .round-social-list li a i{
        margin-top: 7px;
    }
    
    /* hubspot class overrides */
    
    .hs-form-radio .hs-input, .hs-form-checkbox .hs-input{
        width: auto;
    }
    
    .hs-input{
        width: 100%;
        border-radius: 3px;
        padding: 5px;
    }
    
    form.hs-form .hs-input.invalid.error{
        box-shadow: 1px 1px 10px 1px #f48335;
    }
    
    .hs-button,.ry-btn{
        padding: 5px 30px 5px 15px!important;
        color:#333!important;
        border-radius: 2px!important;
        font-size:15px!important;
        font-weight:600!important;
        display: inline-block!important;
        border: 2px solid #f48335!important;
         background-color: #f48335!important;
         z-index:9!important;
         border-radius:5px!important; 
         position:relative!important; 
      
    } 

    .hs-button:after,.ry-btn:after{
 
        font: normal normal normal 16px/1 FontAwesome;
        content: "\f101";
        color: #333;
        background: hsla(0,0%,100%,0);
        border-radius: 100%;
        position: absolute;
        line-height: 22px;
        font-size: 18px;
        display: inline-block;
        text-align: center;
        /* font-weight: 600; */
        transition: all .3s ease-in-out;
        right:10px;
        top: 50%;
        transform: translate(-50%, -50%);
    }
 
    .hs-submit .actions{ 
        position: relative;
        width: fit-content;
    } 

    .hs-submit .actions:after{
        font: normal normal normal 16px/1 FontAwesome;
        content: "\f101";
        color: #333;
        background: hsla(0,0%,100%,0);
        border-radius: 100%;
        position: absolute; 
        line-height: 22px;
        font-size: 18px;
        display: inline-block; 
        text-align: center;   
        /* font-weight: 600; */
        top: 50%;
        z-index:9;
        transform: translateY(-50%) rotate(0deg);
        right: 10px;
        transition: all .3s ease-in-out; 
    }

    .hs-button:hover,.ry-btn:hover{
        background-color: #ffffffed!important; 
        cursor:pointer!important;
        color: #333!important;
        transition: all .3s ease-in-out;
    }
     
    .hs-button.comment-reply-to{
        background: url(../png/pictos-set1-21.png) no-repeat 5px;
        padding: 5px 25px 5px 25px!important;
        transition: all .3s ease-in-out;
        color: #333!important;
    }

    .hs-button.comment-reply-to:after{
        display:none!important;
        
    }
    
    
    .input{
        margin-bottom: 10px;
    }
     
    .input select{
        background-color: white;
    }
    
    .input input, .input select , .input select option, .input textarea{
        color: black !important;
    }
    
    .inputs-list.multi-container{
        list-style: none;
    }
    
    .hs-breadcrumb-menu-item{
        margin-bottom: 0;
        padding-top: 0;
    }
    
    .blog-pagination a{
        padding: 5px;
        color: white;
        background-color: #ee771f;
        border-radius: 6px;
    }
    
    
    #top-nav li{
        margin-bottom: 0;
    }
    
    /* Generic Classes
       ========================================================================== */
    
    .container{
        padding: 0 10px;
        max-width: 1170px;
        margin: 0 auto;
    }
    
    .patternBack{
        background: url(../jpg/headerbackground.jpg) repeat;
    }
    
    .twitterBack{
        background-color: #00ACEE;
    }
    
    .linkedInBack{
        background-color: #017BB6;
    }
    
    .facebookBack{
        background-color: #3B5999;
    }
    
    .pinterestBack{
        background-color: #CB2028;
    }
    
    .padding0All *{
        padding: 0px;
    }
    
    .padding0{
        padding: 0px;
    }
    
    .padding5{
        padding: 5px;
    }
    
    .padding10{
        padding: 10px;
    }
    
    .padding13{
        padding: 13px;
    }
    
    .padding15{
        padding: 15px;
    }
    
    .padding30{
        padding: 30px;
    }
    
    .padding45{
        padding: 45px;
    }
    
    .padding60{
        padding: 60px;
    }
    
    .padding65{
        padding: 65px;
    }
    
    .paddingLR15{
        padding: 0 15px ;
    }
    
    .paddingLR30{
        padding: 0 30px ;
    }
    
    .paddingB5{
        padding-bottom: 5px;

    }
    
    .paddingB10{
        padding-bottom: 10px;

    }
    
    .paddingB15{
        padding-bottom: 15px;

    }
    
    .paddingB30{
        padding-bottom: 30px;
    }
    
    .paddingB50{
        padding-bottom: 50px;
    }
    
    .paddingB50{
        padding-bottom: 50px;
    }
    
    .paddingT10{
        padding-top: 10px;
    }
    
    .paddingT30{
        padding-top: 30px;
    }
    
    .paddingT25vh{
        padding-top: 25vh;
        padding-top: 175px\9;
    }
    
    .paddingTB5{
        padding: 5px 0;
    }
    
    .paddingTB10{
        padding: 10px 0;
    }
    
    .paddingTB15{
        padding: 15px 0;
    }
    
    .paddingTB30{
        padding: 30px 0;
    }
    
    .paddingTB45{
        padding: 45px 0;
    }
    
    .paddingTB60{
        padding: 60px 0;
    }
    
    .paddingTB5vh{
        padding: 5vh 0;
        padding: 35px 0\9;
    }
    
    .paddingTB10vh{
        padding: 10vh 0;
        padding: 70px 0\9;
    }
    
    .paddingTB15vh{
        padding: 15vh 0;
        padding: 105px 0\9;
    }
    
    .paddingTB20vh{
        padding: 20vh 0;
        padding: 140px 0\9;
    }
    
    .paddingTB25vh{
        padding: 25vh 0;
        padding: 175px 0\9;
    }
    
    .hs_submit input{
        margin-top:0px;
        font-family: inherit;
        padding: 8px 30px;
        text-transform:uppercase; 
        font-size:15px;
        transition: all .3s ease-in-out;
    }    
    
    .padding10Btn .hs_submit input{
        padding: 10px; 
    }
    
    .padding15Btn .hs_submit input{
        padding: 15px;
    }
    
    .borderRadius5Btn .hs_submit input{
     border-radius: 5px;   
    }
    
    .borderTRadius5{
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    
    .borderRRadius50{
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    
    .margin0All *{
        margin: 0px;
    }
    
    .margin0{
        margin: 0px;
    }
    
    .marginL15{
        margin-left: 15px;
    }
    
    .marginT15vh{
        margin-top: 15vh;
        margin-top: 105px\9;
    }
    
    .marginT20vh{
        margin-top: 20vh;
        margin-top: 140px\9;
    }
    
    .marginT30vh{
        margin-top: 30vh;
        margin-top: 210px\9;
    }
    
    .marginT0{
        margin-top: 0px;
    }
    
    .marginT5{
        margin-top: 5px;
    }
    
    .marginT10{
        margin-top: 10px;
    }
    
    .marginT15{
        margin-top: 15px;
    }
    
    .marginT25{
        margin-top: 25px;
    }
    
    .marginT30{
        margin-top: 30px;
    }
    
    .marginT45{
        margin-top: 45px;
    }
    
    .marginT60{
        margin-top: 60px;
    }
    
    .marginT-90{
        margin-top: -90px;
    }
    
    .marginB0{
        margin-bottom: 0px;
    }
    
    .marginB5{
        margin-bottom: 5px;
    }
    
    .marginB10{
        margin-bottom: 10px;
    }
    
    .marginB15{
        margin-bottom: 15px;
    }
    
    .marginB30{
        margin-bottom: 30px;
    }
    
    .marginB45{
        margin-bottom: 45px;
    }
    
    .marginB60{
        margin-bottom: 60px;
    }
    
    .marginB120{
        margin-bottom: 120px;
    }
    
    .marginB180{
        margin-bottom: 180px;
    }
    
    .marginB240{
        margin-bottom: 240px;
    }
    
    .marginTB15{
        margin: 15px 0;
    }
    
    .marginTB20{
        margin: 20px 0;
    }
    
    .marginTB30{
        margin: 30px 0;
    }
    
    .marginTB50{
        margin: 50px 0;
    }
    
    .marginR10{
        margin-right: 10px;
    }
    
    .marginL0{
        margin-left: 0;
    }
    
    .marginL0Important{
        margin-left: 0 !important;
    }
    
    .marginL15Important{
        margin-left: 15px !important;
    }
    
    
    .marginL15{
        margin-left: 15px;
    }
    
    .marginLRAuto{
        margin: 0 auto;
    }
    
    .noTransformationTxtAll *{
        text-transform: none;
    }
    
    .whiteBack{
        background-color: white;
    }
    
    .whiteTxtAll *, .whiteTxt{
        color: white;
    }
    
    .whiteTxtAll legend{
        color: white !important;
    }
    
    .whiteTxtImportant{
        color: white !important;
    }
    
    .blackTxt, .blackTxtAll *{
        color: black;
    }
    
    .baseColorTxt, .baseColorTxtAll *{
        color: #6b6b6b !important;
    }
    
    .baseColorBack{
        background-color: #6b6b6b;
    }
    
    .accentColor1Txt, .accentColor1TxtAll *{
        color: #f48335;
    }
    
    .accentColor1Back{
        background-color: #f48335;
    }
    
    .accentColor2Txt, .accentColor2TxtAll *{
        color: #66a7cf;
    }
    
    .accentColor2Back{
        background-color: #66a7cf;
    }
    
    .navigationColorTxt, .navigationColorTxtAll *{
        color: #735f53;
    }
    
    .navigationColorBack{
        background-color: #735f53;
    }
    
    .subnavigationBoxTxt, .subnavigationBoxTxtAll *{
        color: #ffa400;
    }
    
    .subnavigationBoxBack{
        background-color: #ffa400;
    }
    
    .subnavigationTextTxt, .subnavigationTextTxtAll *{
        color: #fff;
    }
    
    .subnavigationTextBack{
        background-color: #fff;
    }
    
    .socialColorTxt, .socialColorTxtAll *{
        color: #b39884;
    }
    
    .socialColorBack{
        background-color: #b39884;
    }
    
    .greyLightColorTxt, .greyLightColorTxtAll *{
        color: #9C9C9C;
    }
    
    .greyLightColorBack{
        background-color: #9C9C9C;
    }
    
    .greyLightColorBorderBottom{
        border-bottom: 1px solid #9C9C9C;
    }
    
    .footerTopColorTxt, .footerTopColorTxtAll *{
        color: #CFBFB3;
    }
    
    .footerBottomColorTxt, .footerBottomColorTxtAll *{
        color: #2C1B11;
    }
    
    .footerBottomColorBack{
        background-color: #2C1B11;
    }
    
    .blogPrimaryColorTxt, .blogPrimaryColorTxtAll *{
        color: #BF4341;
    }
    
    .blogPrimaryColorBack{
        background-color: #BF4341;
    }
    
    .blogPrimaryColorBorder{
        border: 3px solid #BF4341;
    }
    
    .blogPrimaryColorBorderBottom{
        border-bottom: 1px solid #BF4341;
    }
    
    .blogSecondaryColorTxt, .blogSecondaryColorTxtAll *{
        color: #F7F7F7;
    }
    
    .blogSecondaryColorBack{
        background-color: #F7F7F7;
    }
    
    .landingFooterColorTxt{
        color: #4579A1;
    }
    
    .landingFooterColorBack{
        background-color: #4579A1;
    }
    
    .landingFooterColorBtn .hs-button{
        background-color: #f48335;
    }
    
    .allservicesColorTxt, .allservicesColorTxtAll *{
        color: rgba(255, 164, 0, 1);
    }
    
    .wfoeColorTxt, .wfoeColorTxtAll *{
        color: rgba(228, 122, 58, 1);
    }
    
    .roColorTxt, .roColorTxtAll *{
        color: rgba(89, 179, 77, 1);
    }
    
    .jvColorTxt, .jvColorTxtAll *{
        color: rgba(154, 72, 134, 1);
    }
    
    .qianhaiColorTxt, .qianhaiColorTxtAll *{
        color: rgba(187, 170, 73, 1);
    }
    
    .hkcompanyColorTxt, .hkcompanyColorTxtAll *{
        color: rgba(142, 149, 197, 1);
    }
    
    .chinavisaColorTxt, .chinavisaColorTxtAll *{
        color: rgba(148, 101, 71, 1);
    }
    
    .chinataxColorTxt, .chinataxColorTxtAll *{
        color: rgba(169, 68, 68, 1);
    }
    
    .auditColorTxt, .auditColorTxtAll *{
        color: rgba(71, 71, 71, 1);
    }
    
    .hkauditColorTxt, .hkauditColorTxtAll *{
        color: rgba(68, 103, 128, 1);
    }
    
    .hrColorTxt, .hrColorTxtAll *{
        color: rgba(95, 99, 36, 1);
    }
    
    .trademarkColorTxt, .trademarkColorTxtAll *{
        color: rgba(236, 88, 30, 1);
    }
    
    .noListStyle, .noListStyleAll ul{
        list-style: none;
    }
    
    .noListMargin ul{
        margin: 0;
    }
    
    .width25p{
        width: 25%;
    }
    
    .width50p{
        width: 50%;
    }
    
    .width75p{
        width: 75%;
    }
    
    .width100p{
        width: 100%;
    }
    
    .width40{
        width: 40px;
    }
    
    .width90{
        width: 90px;
    }
    
    .heightAuto{
        height: auto;
    }
    
    .height30{
        height: 30px;
    }
    
    .height40{
        height: 40px;
    }
    
    .height50{
        height: 50px;
    }
    
    .height250{
        height: 250px;
    }
    
    .height50vh{
        height: 50vh;   
        height: 380px\9;
    }
    
    .height85vh{
        height: 85vh;   
        height: 730px\9;
    }
    
    .height100vh{
        height: 100vh;   
        height: 770px\9;
    }
    
    .height100p{
        height: 100%;
    }
    
    .minHeight0{
        min-height:0 !important;
    }
    
    .minHeight500{
        min-height: 500px;
    }
    
    .minHeight50vh{
        min-height: 50vh;
        min-height: 380px\9;
    }
    
    .minHeight65vh{
        min-height: 65vh !important;
        min-height: 500px\9;
    }
    
    .minHeight75vh{
        min-height: 75vh !important;
        min-height: 610px\9;
    }
    
    .minHeight80vh{
        min-height: 80vh !important;
        min-height: 680px\9;
    }
    
    .minHeight85vh{
        min-height: 85vh;   
        min-height: 730px\9;
    }
    
    .minHeight100vh{
        min-height: 100vh;   
        min-height: 770px\9;
    }
    
    .txtC{
        text-align: center;
    }
    
    .txtL{
        text-align: left;
    }
    
    .txtR{
        text-align: right;
    }
    
    .txtNone{
        text-transform: none;
    }
    
    .txtUp{
        text-transform: uppercase;
    }
    
    .txtCap{
        text-transform: capitalize;
    }
    
    .txtBold{
        font-weight: bold;
    }
    
    .txtNonBold, .txtNonBoldAll *{
        font-weight: normal;
    }
    
    .txtWeightNorm, .txtWeightNormAll *{
        font-weight: normal;
    }
    
    .txtTransformNone, .txtTransformNoneAll *{
        text-transform: none;
    }
    
    .txtShadow, .txtShadowAll *{
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    }
    
    .noDecoration *{
        text-decoration: none;
    }
    
    .noBorder *, .noBorder{
        border: 0;
    }
    
    .noLabel label{
        display: none;
    }
    
    .noLabel label.hs-form-booleancheckbox-display{
        display: block;
    }
    
    .labelFontSize24 label{
        font-size: 24px;
    }
    
    .borderWhite{
        border-color: white;
    }
    
    .borderRadius35{
        border-radius: 35px;
    }
    
    .borderRadius100{
        border-radius: 100%;
    }
    
    .borderBottomFooterTopColor{
        border-bottom: 1px solid #CFBFB3;
    }
    
    .borderBottomWhite{
        border-bottom: 1px solid white;
    }
    
    .borderBottom{
        border-bottom: 1px solid #D9D9D9;
    }
    
    
    .borderDottedBottom{
        border-bottom: 1px dotted #D9D9D9;
    }
    
    .borderDottedRight{
        border-right: 1px dotted #2EBAF2;
    }
    
    .displayInlineBlock{
        display: inline-block;
    }
    
    .displayBlock{
        display: block;
    }
    
    .zindex8888{
        z-index: 8888;
    }
    
    .positionF{
        position: fixed;
    }
    
    .positionA{
        position: absolute;
    }
    
    .positionR{
        position: relative;
    }
    
    .positionAimg img{
        position: absolute;
    } 
    
    .bottom0{
        bottom: 0;
    }
    
    .bottom15{
        bottom: 15px;
    }
    
    .bottom30{
        bottom: 30px;
    }
    
    .topMinus30{
        top: -30px;
    }
    
    .top0{
        top: 0;
    }
    
    .top50{
        top: 50%;
    }
    
    .left0{
        left: 0;
    }
    
    .leftMinus10{
        left: -10px;
    }
    
    .leftMinus15{
        left: -15px;
    }
    
    .right0{
        right:0;
    }
    
    .right15{
        right: 15px;
    }
    
    .rightMinus10{
        right: -10px;
    }
    
    .rightMinus15{
        right: -15px;
    }
    
    
    .lh30{
        line-height: 30px;
    }
    
    .maxWidth40p{
        max-width: 40%;
    }
    
    .maxWidth60p{
        max-width: 60%;
    }
    
    .maxWidth50pimg img{
        max-width: 50%;
    }
    
    .maxWidth100pimg img{
        max-width: 100%;
    }
    
    .maxHeight95pimg img{
        max-height: 95%;
    } 
    
    .widthAutoimg img{
        width: auto !important;
    }
    
    .maxHeight90pimg img{
        max-height: 90%;
    } 
    
    .b0img img{
        bottom: 0;
    }
    
    .b0{
        bottom: 0;
    }
    
    .fL{
        float: left;
    }
    
    .fR{
        float: right;
    }
    
    .fRImportant{
        float: right !important;
    }
    
    .fontSize14{
        font-size: 14px;
    }
    
    .fontSize18{
        font-size: 18px;
    }
    
    .fontSize21{
        font-size: 21px;
    }
    
    .fontSize24{
        font-size: 24px;
    }
    
    .fontSize28{
        font-size: 28px;
    }
    
    .fontSize44{
        font-size: 44px;
    }
    
    .fontSize48{
        font-size: 48px;
    }
    
    .fontSize60All *{
        font-size: 60px;
    }
    
    .fontSize110{
        font-size: 110px;
    }
    
    .maxHeight50{
        max-height:50px;
    }
    
    .maxHeight90p{
        max-height:90%;
    }
    
    .maxHeight100p{
        max-height:100%;
    }
    
    .maxHeight100pContent *{
        max-height:100%;
    }
    
    .backgroundCover{
        background-size: cover;
    }
    
    .opacity20{
        opacity: 0.2;
    }
    
    .h3NoMargin h3{
        margin: 0;
    }
    
    /* Fontawesome custom classes */
    
    .clipboard-bullet-block ul { 
        list-style-type: none; 
        padding-left:15px;
    }
    
    .clipboard-bullet-block li:before {    
        font-family: 'FontAwesome';
        content: "\f0ea";
        margin:0 15px 0 -15px;
        color: #6b6b6b;
    }
    
    /* Custom classes */
    
    .header-breadcrumbs-wrapper > a{
        display: inline-block;
        float: left;
    }
    
    .header-breadcrumbs-wrapper a{
        padding: 0px;
    }
    
    .header-breadcrumbs-wrapper .hs-breadcrumb-menu-wrapper{
        display: inline-block;
    }
    
    .white-popup-block{
      background-color: white;
      margin: 0 auto;
      padding: 15px;
      max-width: 300px;
      text-align: center;
      color: #6b6b6b !important;
    }
    
    /* list.js */
    
    .list{
      list-style: none;
      padding: 0;
    }
    
    .list li{
      width: 25%;
      display: inline-block;
      transition: all .2s ease-in-out;
      vertical-align: top;
    }
    
    .list li a{
      padding: 15px;
      display: block;
    }
    
    .list li:hover{
      transform: scale(1.1);
    }
    
    .list li h3{
      width: 100%;
      padding-bottom: 10px;
      border-bottom: 1px solid #cfbfb3;
    }
    
    #listId input{
      padding: 5px;  
      width: 100%;
    }
    
    #listId .pagination{
      list-style: none;
      margin: 0;
      padding: 10px 0 0 0;
      display: block;
      text-align: center;
    }
    
    #listId .pagination li{
      display: inline-block;
      margin: 0 5px 0;
    }
    
    #listId .pagination li a{
      width: 30px;
      height: 30px;
      text-align: center;
      display: block;
      border-radius: 7px;
      background-color: #ffa400;
      color: white;
      padding-top: 3px;
    }
    
    #listId #filter{
      text-align: center;
      padding: 0;
    }
    
    #listId #filter li{
      display: inline-block;
      width: 130px;
      background-color: #ffa400;
      color: white;
      padding: 5px 0;
      margin: 0 5px 10px;
      border-radius: 10px;
      cursor:pointer;
      transition: all .2s ease-in-out;
      font-size: 12px;
    }
    
    #listId .pagination li.active a,
    #listId .pagination li a:hover,
    #listId #filter li:hover,
    #listId #filter li.active{
      background-color: #cd7200;
    }
    
    @media screen and (max-width: 1200px){
      .list li{
        width: 33%;
      }   
    }
    
    @media screen and (max-width: 768px){
      .list li{
        width: 50%;
      }   
    }
    
    /* Media Queries
       ========================================================================== */
    @media screen and (max-width: 1367px){
        #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 a{
            padding:20px 20px;
        }
        
        #top-nav-container.sticky #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 a{
            padding: 10px 20px;
        }
        
        #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal {
           font-size:14px;
        }
    
        
        .serviceBlock h3{
            font-size: 14px;
        }
    }
    
    @media screen and (max-width: 1200px){
        .serviceBlock{
            width: 25%;
            height: 200px;
            float: left;
        }
        
        .serviceBlock h3{
            font-size: 16px;
        }
        
        #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 a{
            padding:20px 15px;
        }
        
        #top-nav-container.sticky #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 a{
            padding:10px 15px;
        }
        
        .round-social-list li a{
            width: 25px;
            height: 25px;
        }
        
        .round-social-list li a i{
            margin-top:5px;
        }
    }
    
    @media screen and (max-width : 1024px) {
        #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 a{
            font-size: 12px;
        }
    }
    
    @media screen and (max-width : 990px) {
        .serviceBlock{
            width: 33.3333334%;
            height: 200px;
            float: left;
        }
         #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 a{
            font-size: 12px;
            padding:20px 15px;
        }
        
        #top-nav-container.sticky #top-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 a{
            padding:10px 15px;
        }
    }
    
    @media screen and (max-width : 880px) {
    
    }
    
    @media screen and (max-width : 768px) {
        
        #faq-menu{
            display: none;
        }
        
        .mHide{
            display: none !important;   
        }
        
        .serviceBlock{
            width: 50%;
        }
        
        .logoBlock{
            width: 50%;
        }
        
        .header-container-wrapper{
            position: relative;
        }
        .body-container-wrapper { padding-top: 0px; }
        .landing-container-wrapper { padding-top: 10px; }
        .marginT-90{
        margin-top: 5px;
    }
        
        .mFNone.fRImportant{
            float:none !important;
        }
        
        .serviceContentWrapper{
            margin-top: 30px;
        }
        
        .blog-block .author-link{
            position: relative;
            float: right;
        }
        
        .blog-block .blogDate{
            display: inline;
            float: left;
        }
        
        .mHeightAuto{
            height: auto !important;
        }
        
        #mobile-nav{
            display: block;
        }
        
        #top-nav-container{
            display: none;
        }
        
        .mobile-menu-wrapper .hs-menu-wrapper ul{
            padding-left: 40px;
        }
        
        #blogHeaderBackground{
            padding-top:50px;
            background: rgb(195, 52, 45);
        }
        
        .mFontSize24{
            font-size: 24px !important;
        }
        
        .mMaxWidthMax{
            max-width: 100% !important;
        }
        
        .mPadding25{
            padding: 25px !important;
        }
        
        .mLineHeight36{
            line-height: 36px;
        }
        
        .blog-block h1{
            font-size: 24px;
        }
        
        .blog-block h2{
            font-size: 20px;
        }
    
        
        h1 { 
            font-size: 24px; 
        }
        
        h2{
            font-size: 24px; 
        }
        
        .hs-breadcrumb-menu-item{
            font-size: 10px;
        }
        
        .header-breadcrumbs-wrapper i{
            font-size: 12px;
        }
        
        .hs-breadcrumb-menu-wrapper{
            margin-top: 5px;
        }
        
        .pageSectionBanner{
            background-image: none !important;
        }
        
        
    }
    
    @media screen and (max-width : 570px) {
        .serviceBlock{
            width: 100%;
        }
    }