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

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

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/*Form Design*/
.hero_form { padding:30px; background:rgba(227, 28, 33,0.9); } /*to appy background to form */
textarea,
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select {
    border:1px solid #dddddd; 
    outline:none;
    background:#fff;
    font-size:16px; 
    line-height:38px; 
    font-family: 'Titillium Web', sans-serif; 
    font-weight:400; 
    color:#000;
    min-height:40px;
    margin:8px 0;
    padding:0 15px;
    width:100% !important;
}
input[type="submit"] ,a.more-link ,.blog-pagination a ,a.hs-button {
    width:auto;
    text-align:center;
    background:#5A8190;
    font-size:16px; 
    line-height:35px; 
    font-family: 'Titillium Web', sans-serif; 
    font-weight:300; 
    color:#fff;
    border:1px solid #5A8190;
    height:37px;
    padding:0 20px;
    margin:5px 0;
    -webkit-transition:all ease 0.3s;
    -moz-transition:all ease 0.3s;
    transition:all ease 0.3s;
    border-radius:5px;
    display:inline-block;
     text-transform:uppercase;
}
a.more-link:hover ,.blog-pagination a:hover ,input[type="submit"]:hover,a.hs-button:hover { color:#5A8190; background:transparent;  }
body .hs-form fieldset { max-width:100%; }

/*for Hubspot   >>>>>>*/
/*.hs-form-required { display:none; }*/
.hs-error-msgs { list-style:none; margin:0 0 10px; padding:0; font-size:12px; font-weight:bold; color:red;  }
/*<<<<<<<<<<*/

/*Header Section*/

.row-fluid .site-logo a { float:left; max-width:195px; }
.row-fluid .top-links ul { width:100%; float:left; text-align:right; list-style:none; margin:0; padding:7px 0px 0 0; font-size:12px; position:relative; left:5px; }
.row-fluid .top-links ul li { display:inline-block; padding:0 8px; vertical-align:middle; }
.row-fluid .top-links ul li:first-child { border-radius:3px; background-color: #5A8190; color: #FFF; }
.row-fluid .top-links ul li a { color:#fff; }
.row-fluid .top-links ul li:last-child { padding-right:0; }

.row-fluid .navbar-main {  }
.row-fluid .header-section .wrapper { position:relative; }
.row-fluid .navbar-main ul { width:100%; float:left; text-align:right; font-size:15px; font-weight:700; }
.row-fluid .navbar-main ul > li { text-align:left; display:inline-block; float:none !important;  }
.row-fluid .navbar-main ul > li a { color:#fff; white-space:normal; width:auto !important; max-width:100% !important; padding:10px 13px; }
.row-fluid .navbar-main ul > li:last-child a { padding-right:0px; }

.row-fluid .navbar-main ul > li > ul { width:100%; left:0; top:90px; background:#222; border-top:1px solid #5a8190; padding-bottom:15px; }
/*.row-fluid .navbar-main ul >li > ul > li { width:33%; float:left; position:; border-left:1px solid rgba(255, 255, 255, 0.2); font-size:12px; text-transform:uppercase; font-weight:400; } */
.row-fluid .navbar-main ul >li > ul > li > ul { position:relative !important; width:100%; float:left; left:0 !important; top:0; text-align:left;  border-top:none; }
.row-fluid .navbar-main ul > li:hover > ul > li > ul {  visibility:visible !important; opacity:1 !important;  }
.row-fluid .navbar-main ul >li > ul > li > ul > li { width:100%; float:left; border-left:none; font-size:12px; text-transform:uppercase; font-weight:700; }
.row-fluid .navbar-main ul >li > ul > li > ul > li > a { padding:5px 25px !important; line-height:18px; } 
.row-fluid .navbar-main ul:hover li a { opacity:0.7; }
.row-fluid .navbar-main ul:hover li a:hover { opacity:1; }

.row-fluid .header-section h1 { color:#fff; }

.row-fluid .footer-section { background:#BFBFBF; color:#fff; line-height:20px; }
.row-fluid .footer-section h6 { text-decoration:underline; font-weight:600; color:#fff; }
.half { width:50%; float:left; }
.row-fluid .footer-section a { color:#fff; }

.subfooter { background:#141414; color:#fff; font-size:13px; line-height:17px; margin-top:50px; }
.social_icons ul { margin:0; padding:0px; font-size:16px; line-height:26px; list-style:none;  }
.social_icons ul li { float:right; padding:0 5px; }




/*================
Blog Listing Style
================*/
.sidebar-box { background:rgba(191,191,191,0.6); color:#333; padding:30px 20px; margin-bottom:30px; }
.sidebar-box ul { margin:0px; padding:0px; list-style:none; }
.sidebar-box ul li { padding:0;}
.sidebar-box ul li:first-child { border-top:none; }
.share_links ,.listing_comments { float:right; cursor:pointer;  }
#hs_cos_wrapper_blog_social_sharing { width:100%; float:left; position:relative; display:none; }
#hs_cos_wrapper_blog_social_sharing .hs-blog-social-share { height:0px !important; float:left; }
#hs_cos_wrapper_blog_social_sharing ul { position:absolute; margin:0px; right:0; top:100%; padding:0; background:#fff; z-index:10; }
#hs_cos_wrapper_blog_social_sharing ul li { padding:10px 10px 5px; width:150px; max-width:100%; display:block; float:none; border-bottom:1px solid #bfbfbf;  }
#hs_cos_wrapper_blog_social_sharing ul li.hs-blog-social-share-item-facebook { padding:5px 10px 10px; }
#hs_cos_wrapper_blog_social_sharing ul li:hover { background:#eee; }

.post-listing .post-item { padding-bottom:30px; margin-bottom:30px; border-bottom:2px solid #141414; }
.custom_listing_comments { padding:15px 0; border-bottom:1px solid #eeeeee; margin-bottom:15px; }
.post-listing .post-item .post-body { margin:15px 0; }


/* New Wise Sync */
body.wise_sync .font_white { color:#fff; }
body.wise_sync .font_white * { color:#fff;  }
body.wise_sync .font_white h3 { font-size:26px; } 
body.wise_sync .header-container-wrapper input[type="text"],
body.wise_sync .header-container-wrapper input[type="email"] { background:rgba(165,165,165,1); border-color:transparent; border-radius:3px; padding:0 10px; }
body.wise_sync .header-container-wrapper input::-webkit-input-placeholder { color:#fff; }
body.wise_sync .header-container-wrapper input:-moz-placeholder { color:#fff; }
body.wise_sync .header-container-wrapper input::-moz-placeholder { color:#fff; }
body.wise_sync .header-container-wrapper input:-ms-input-placeholder { color:#fff; }



.hs-blog-listing .listing_hide { display:none !important; }
.hs-blog-listing .listing_full { width:100% !important; } 

.blog_selection { font-weight:400; }
.blog_selection a.active { font-weight:700; color:#000; }


.post_filters:before { content:'Filter by:'; display:inline-block; float:left;  }
.row-fluid .post_filters .widget-type-post_filter { width:auto; margin:5px 0; float:left; }
.post_filters h3 { font-size:20px; line-height:1; font-weight:700; color:rgba(90,129,144,1);  cursor:pointer; margin:0; }
.post_filters .block { width:120px; max-width:100%; position:relative; text-align:center; }
.post_filters .widget-module { position:absolute; top:100%; left:0; background:#f4f4f4; width:100%; margin-top:5px; z-index:5; }
.post_filters .widget-module ,.post_filters .widget-module .filter-link-count { display:none; }
.post_filters .widget-module ul { margin:0; padding:0; list-style:none;  }
.post_filters .widget-module ul li { padding:5px; }
.post_filters .widget-module ul li + li { border-top:1px solid rgba(90,129,144,0.7); }
.row-fluid .post_filters .widget-type-post_filter + div { border-left:2px solid #999; }
.post_hide .google_search .input { position:relative; }
.post_hide .google_search .input a { position: absolute; top: 6px; right: 2px; border: 0; background: #fff; color: #5a8190; padding: 5px 10px; line-height: 20px; height: auto; }

.post-listing.wise_synx_listing .post-item { width:33.33%; display:inline-block; margin-right:-4px; vertical-align:top; padding:15px 10px 0 10px; border:none; margin-bottom:0;  }
.post-listing.wise_synx_listing .post-item .inner_div { padding:15px 10px 10px; /* box-shadow:0px 1px 7px 1px rgba(0,0,0,0.12); -moz-box-shadow:0px 1px 7px 1px rgba(0,0,0,0.12); 
                                                                                 * -webkit-box-shadow:0px 1px 7px 1px rgba(0,0,0,0.12); */}
.post-listing.wise_synx_listing .post-item h5 a { font-weight:600; }
.post-listing.wise_synx_listing .post-item h5 a:hover { color:#010101; }
.post-listing .listing_bottom { position:relative; height:10vw; overflow:hidden; background-size:cover; background-position:center center; }
.post-listing .listing_bottom > a { position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; background:rgba(255,255,255,0.0); }
.post-listing .listing_bottom:hover > a { background:rgba(255,255,255,0.5); }
.post-listing .listing_bottom > a img { opacity:0; }
.post-listing .listing_bottom > .social_links { position:absolute; top:50%; left:0; width:100%; margin-top:-20px; z-index:2; text-align:center; opacity:0; visibility:hidden;
    transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; } 
/*.post-listing .listing_bottom > */.social_links a { width:40px; height:40px; display:inline-block; background:#000; border-radius:50%; color:#fff; text-align:center; line-height:38px; font-size:20px;  }
.post-listing .listing_bottom:hover > .social_links { opacity:1; visibility:visible; }
/*.post-listing .listing_bottom > */.social_links a:hover { background:rgba(90,129,144,1); opacity:1; }
.author_strip {padding:10px 0;}

body.hs-blog-post .post_hide { display:none !important; }
body.hs-blog-post .social_links { float:right; }
body.hs-blog-post .social_links a { width:30px; height:30px; line-height:30px; font-size:18px; }

body.wise_sync .blog-post-wrapper { color:#000; }
body.wise_sync .blog-post-wrapper .post-header > h1 { color:#5a8190; font-size:32px; line-height:38px; margin:0; font-weight:700; }
body.wise_sync .sidebar-box { padding:20px 15px; background:#f4f4f4; }
body.wise_sync .sidebar-box h3 { font-size:16px; line-height:24px; font-weight:700; padding-bottom:0; text-transform: uppercase;}
body.wise_sync .sidebar-box ul li { padding:10px 0 0 0; margin:0; position:relative; }

body.wise_sync .sidebar-box a { color:#414141; }
body.wise_sync .sidebar-box a:hover { color:#000; }
body.wise_sync .sidebar-box .button a { color:#fff; margin-bottom:10px; }
body.wise_sync .sidebar-box .button a:hover { color:#5a8190; opacity:1; }
body.hs-postlisting-item {padding-left:0; padding-bottom:10px;}
.hs-postlisting-item a {font-size:1.1em;line-height:1em;}
body.wise_sync .sidebar-box.tags h3 { border-bottom:none; padding-bottom:0; }
body.wise_sync .sidebar-box.tags ul li { padding:5px 10px 5px 0; border:none !important; display:inline-block; }
body.wise_sync .sidebar-box.tags ul li:before { content:normal; }
body.wise_sync .sidebar-box .filter-link-count { display:none; }
/* body.wise_sync .sidebar-box.tags ul li a { padding: 3px 12px 5px; background: #5a8190; color: #fff; display:inline-block; border: 1px solid #5a8190; } */

body.wise_sync .sidebar-box h4 { font-size:20px; color:#5a8190; text-transform:uppercase; margin-top:10px; }
body.wise_sync #comment-form form { margin-top:30px; border-top:1px solid #ddd; padding-top:20px;  }
body.wise_sync #comment-form form h4 { font-weight:600; }
body.wise_sync #comment-form textarea, 
body.wise_sync #comment-form input[type="text"],
body.wise_sync #comment-form input[type="email"] { border-radius:8px; } 


body.wise_sync .header-container-wrapper input[type="text"] { display:none !important; }

/* Pricing Page */
.topStepBoxes { margin-bottom:40px; }
.topStepBoxes ul { margin:0; padding:0; list-style:none; display:table; width:100%; position:relative; }
.topStepBoxes ul li { display:table-cell; width:25%; font-size:20px; font-weight:700; line-height:1.3; color:#000; position:relative; z-index:2;}
.topStepBoxes ul li label { width:100px; height:100px; display:block; text-align:center; line-height:100px; background:#5a8190; color:#fff; font-size:25px; font-weight:700; border-radius:50%; margin:0 auto 20px; }
.topStepBoxes ul li span { color:#5a8190; font-size:28px; }
.topStepBoxes ul:before { position:absolute; content:''; width:75%; height:10px; left:13%; background:#5a8190; z-index:1; top:45px; }

.customForm .stepBox { border:1px solid #e8e8e8; background:#fff; padding:20px;  }
.customForm .stepBox { display:none; }
.customForm .stepBox.active { display:block; }
.stepBox input[type="text"],.stepBox input[type="number"],.stepBox input[type="email"],.stepBox select { background:#fff; color:#000; }
.stepBox h6 { margin-bottom:15px; font-weight:700; }
.stepBox fieldset { background-color: #ddd; padding: 15px 20px; border-radius: 5px; margin: 0 0 25px; border:none; }
.stepBox fieldset label { color:#000; }
.stepBox ul { margin:0; padding:0; display:block; width:100%; }
.stepBox ul li { display:inline-block; margin-right:15px; margin-top:10px; }
.stepBox ul li input[type="radio"] + label:before { content:''; width:14px; height:14px; background:#dddddd; border:3px solid #dddddd; box-shadow:0 0 0 3px #fff; display:inline-block; margin:0 10px -5px -15px; border-radius:50%;  }
.stepBox ul li input[type="radio"]:checked + label:before { background:#5a8190; }

.stepBox fieldset.companySelect { padding:0; background:#fff;  }
.stepBox fieldset.companySelect li { width:49%; float:left; padding:15px; background:#ddd; border-radius:10px; margin:0 0 10px;    }
.stepBox fieldset.companySelect li + li { margin-left:2%; }
.stepBox fieldset.companySelect input { display:none; }
.stepBox fieldset.companySelect input[type="radio"], .stepBox fieldset.companySelect input[type="radio"] + label:before { display:none; }
.stepBox fieldset.companySelect li label { display:table; }
.stepBox fieldset.companySelect li label > *  { display:table-cell; padding:10px; vertical-align:middle;  }
.stepBox fieldset.companySelect li label > img { width:100px !important; min-width:120px; } 
.stepBox fieldset.companySelect li label span { display:block; font-weight:700; font-size:18px; }
.stepBox fieldset.companySelect input[type="radio"]:checked + label { background:#5a8190; color:#fff; margin: -15px; padding: 15px; border-radius: 5px; }

.nextStep { padding:7px 10px; cursor:pointer; background:#5a8190; border-radius:5px; display:block; margin:0 0 0 auto; max-width:110px; text-align:center; color:#fff; }
.prevStep { padding:7px 10px; cursor:pointer; background:#5a8190; border-radius:5px; display:block; margin:0 auto -40px 0; max-width:110px; text-align:center; color:#fff; }

.topStepBoxes ul li.tab1 label { background:#000; }
.topStepBoxes ul:after { position:absolute; content:''; width:12.5%; height:10px; left:13%; background:#000; z-index:1; top:45px; transition:all ease 0.6s; -moz-transition:all ease 0.6s; -webkit-transition:all ease 0.6s; }
.topStepBoxes ul.second:after { width:37.5%; } 
.topStepBoxes ul.third:after { width:62.5%; } 
.topStepBoxes ul.fourth:after { width:75%; } 
.topStepBoxes ul.second li.tab2 label , .topStepBoxes ul.third li.tab2 label ,.topStepBoxes ul.third li.tab3 label , .topStepBoxes ul.fourth li label { background:#000; }

.finalresult { padding:40px 20px; text-align:center; background:#eeeeee; }
.finalresult h2.price { font-size:80px; line-height:1; font-weight:600; color:#5a8190; }
.finalresult h2.price sub { font-size:70%; display:inline-block; vertical-align:middle; font-weight:400; }
.pricing-signupbox {padding:10px 35px !important}
.serviceBlocks { padding:20px; border:1px solid #e8e8e8; width:100%; float:left; }
.serviceBlocks h4 { color:#fff; background:#5a8190; font-weight:700; padding:15px; }
.serviceBlocks label { font-weight:400; float:right; }
.serviceBlocks .serviceBlock { padding:10px 15px; }
.serviceBlocks h6 { font-weight:600; }
.serviceBlock a.button { background:#5a8190; font-weight:400; color:#fff; opacity:1; margin:0 0 0 10px; padding:5px 10px; font-size:14px; }

.serviceBlocks .button a:hover{ background:#5a8190; opacity: .7; color:#fff;}

.serviceBlocks ul.fa-ul li { width:48%; float:left; margin:15px 0 15px 2%; }
.serviceBlocks ul.fa-ul li:nth-child(2n+1) { clear:left; margin:15px 2% 15px 0; } 
.serviceBlocks ul.fa-ul li i.fa { color:#5a8190; }



@media(min-width:1081px){
     body.wise_sync .blog_rightbar { padding-left:50px; }
     body.wise_sync .listing_full { padding-left:15px; }
}


@media ( max-width:1230px ) {
    	
		.wrapper { max-width:1000px }
		
}

@media ( max-width:1080px ) {
		
        .wrapper { max-width:900px }
        .row-fluid .navbar-main ul > li a { padding-left:12px !important; padding-right:12px !important; }
		body.wise_sync .blog_rightbar { padding-left:20px; }
}

@media ( max-width:960px ) {
        
		.wrapper { max-width:700px }
        
        h1 { font-size:32px; line-height:38px; }
        h2 { font-size:28px; line-height:34px; }
        h3 { font-size:26px; line-height:32px; }
        h4 { font-size:24px; line-height:28px; }
        h5 { font-size:20px; line-height:24px; }
        h6 { font-size:18px; line-height:22px; }
        
        .p40-0 { padding-top:30px; padding-bottom:30px; }
        .p50-0 { padding-top:35px; padding-bottom:35px; }
        .p60-0 { padding-top:40px; padding-bottom:40px; }
        .p70-0 { padding-top:45px; padding-bottom:45px; }
        .pb40 { padding-bottom:30px; }
        .pb50 { padding-bottom:35px; }
        .pb60 { padding-bottom:40px; }
        .pb70 { padding-bottom:45px; }
        .pt40 { padding-top:30px; }
        .pt50 { padding-top:35px; }
        .pt60 { padding-top:40px; }
        .pt70 { padding-top:45px; }
        
        body .row-fluid .tab100 { width:100%; margin-left:0; }
        .post-listing.wise_synx_listing .post-item { width:50%; }
        .post-listing .listing_bottom { height:25vw; }
        body.wise_sync.hs-blog-post .listing_full { width:100% !important; text-align:left; }
        body.wise_sync.hs-blog-post .listing_hide { width:100% !important; margin-left:0 !important; padding-left:0; text-align:left; }
        body.wise_sync .blog-post-wrapper .post-header > h1 { font-size:28px; line-height:34px; }
        
}

@media ( max-width:767px ) {
        
        .wrapper { max-width:90%; padding-left:0; padding-right:0; }
        .mtop30 { margin-top:30px !important; width:100% !important; float:left !important; } /* >>>>>>> Mmargin top 30px in mobile <<<<<<<< */
        .mobile-center { text-align:center; } /*>>>>>>>    text-align:center in mobile   <<<<<<<<<<<<*/
        .inner-padding { padding:0 15px; }
        .equal_height { min-height:0px !important; } /* >>>>>> Overcome min height given by JS to sections <<<<<<< */
        .mobile_hide { display:none !important; }
        
        .row-fluid .navbar-main ul>li>ul { padding-bottom:0px; }
        .row-fluid .header-section { text-align:center; }
        
        body { text-align:center; }
        .row-fluid .site-logo a { float:none; display:inline-block; }
        .row-fluid .top-links ul { text-align:center; padding:15px 0 0; }
        
        .social_icons ul { padding-top:10px; }
        .social_icons ul li { float:none; display:inline-block; }
        .post-listing.wise_synx_listing .post-item { width:100%; }
        .post-listing .listing_bottom { height:45vw; }
        body.wise_sync .blog_rightbar { padding-left:20px; }
        
        

}

@media (max-width:450px) {
    .half { width:100%; float:left; padding:5px 0; }
}

/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

@media (min-width: 768px){

  a.mobile-trigger, a.child-trigger {
      display: none !important; /* Hide button on Desktop */
  }
  /*Miscellanious*/


@media (max-width: 767px){

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

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */


  /* Menu Reset - Remove styling from desktop version of navbar-main */
  /* Place any additional CSS you want removed from the mobile menu in this reset */
  .navbar-main, .navbar-main *{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color: #ffffff;
    }


  /* Toggle Button
     ========================================================================== */

  a.mobile-trigger {
      display: inline-block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute; /*******************************************/
      top: 0px;          /* Position Button at top right of screen  */
      right: 10px;        /*******************************************/
      width: auto; /* Button width */
      height: auto; /* Button height */      
      padding: 12px 10px;
      background: #5a8190; /* Background color */
      z-index: 99999999999; /* Z-index to keep button on top of other layers */
      -webkit-transition: background-color 0.2s linear; /* Button color transition effect */
      font-size: 16px;
      font-weight: normal;
      text-align: left;
      text-transform: uppercase;
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-radius-bottomright: 6px;
      -moz-border-radius-bottomleft: 6px;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      -webkit-transition:color .2s ease-in; 
      -moz-transition:color .2s ease-in;
      transition:color .2s ease-in;
  }

  a.mobile-trigger:hover {
      text-decoration: none; /* Removes link text underline on button */
      color: #ffffff;
  }

  a.mobile-trigger span{
      display: inline;
  }

  a.mobile-trigger span:before{
      position: absolute;
      content: 'Menu'; /* Change the text on the closed toggle button */
  }

  a.mobile-trigger span:after{
      position: relative;
      right: 2px;
      content: 'Close'; /* Change the text on the open toggle button */
      background-color: #5a8190;
      opacity: 0;
      transition: opacity .4s ease-in-out;
      -moz-transition: opacity .4s ease-in-out;
      -webkit-transition: opacity .4s ease-in-out; 
  }

  /* Change button when menu is open */
  .mobile-open a.mobile-trigger{
      -webkit-transition:background-color 0.2s linear; /* Button color transition effect */
      -moz-transition:background-color 0.2s linear; /* Button color transition effect */
      transition:background-color 0.2s linear; /* Button color transition effect */
      background: transparent; /* Changes button background to be slightly darker than open menu color */  
  }

  .mobile-open a.mobile-trigger span:after{
     opacity: 1; 
  }


  /* Toggle Button Icon & Animations
     ========================================================================== */

  a.mobile-trigger i {
      display: inline;
      position: relative;
      top: -5px;
      margin-left: 5px;
      -webkit-transition-duration: 0s;
      -webkit-transition-delay: .2s;
      -moz-transition-duration: 0s;
      -moz-transition-delay: .2s;
      transition-duration: 0s;
      transition-delay: .2s;
  }
  a.mobile-trigger  i:before, a.mobile-trigger i:after {
      position: absolute;
      content: '';
  }
  a.mobile-trigger  i, a.mobile-trigger  i:before, a.mobile-trigger  i:after {
      width: 15px; /* Icon line width */
      height: 2px; /* Icon line height */
      background-color: #ffffff; /* Icon color */
      display: inline-block;
  }
  a.mobile-trigger  i:before {
      margin-top: -6px; /* Position top line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  a.mobile-trigger  i:after {
      margin-top: 6px; /* Position bottom line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  .mobile-open a.mobile-trigger i {
      background-color: rgba(0,0,0,0.0);
      -webkit-transition-delay: .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open a.mobile-trigger i:before {
      margin-top: 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open a.mobile-trigger i:after {
      margin-top: 0;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }

  /* Child Toggle Button
     ========================================================================== */

  a.child-trigger {
      display: block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute;
      top: 0px;
      right: 0px;
      width: 55px !important; /* Button width */
      min-width: 55px !important;
      height: 45px !important; /* Button height */  
      padding: 0 !important;
      border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  a.child-trigger:hover {
      text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
     ========================================================================== */

  a.child-trigger span {
      position: relative;
      top: 50%; /* Centers icon inside button */
      margin: 0 auto !important;
      -webkit-transition-duration: .2s;
      -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger span:after {
      position: absolute;
      content: '';
  }
  a.child-trigger span, a.child-trigger span:after {
      width: 10px; /* Icon line width */
      height: 1px; /* Icon line height */
      background-color: #ffffff; /* Icon color */
      display: block;
  }
  a.child-trigger span:after {
      -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger.child-open span:after {
      -webkit-transform: rotate(-180deg);
       -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger.child-open span {
      -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
      transform: rotate(180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }

    


@media (max-width:414px){
    .topStepBoxes ul li{ font-size:16px; }
    .topStepBoxes ul li p{ display:none; }
    .topStepBoxes ul li label{ width:50px; height:50px; line-height:50px; font-size:16px; }
    .topStepBoxes ul:before, .topStepBoxes ul:after{ top:21px; }
    .topStepBoxes ul li span{ font-size:16px; }
    
}