body{
    background: #fff;
    font-family: 'Montserrat', sans-serif;
     padding-top:120px;
      
}

#header{
    background: #008ce6;
    -webkit-box-shadow: 0 4px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0 4px 5px 1px rgba(0,0,0,0.1);   
    color:#fff
   
 }
 html {
    scroll-behavior: smooth;
  }
#topHeader{
    background: #fff;
    text-align:center;
    padding:5px 10px;
}
 
.logoHeader{
    max-height:70px;
}

.navbar {
    font-weight: 600;
    font-size:14px;
    margin-top:3px;
}

.navbar-expand-lg .navbar-nav .nav-link{
    color:#fff;
    text-transform: uppercase;
    padding-right: 1rem;
    padding-left: 1rem;    
}

.navbar-nav .nav-link:hover{
    background:#0080d2;
    color: #fff;
    border-radius:100px;
  
}
 
.nav-promos{
    border-radius:100px;
    background: linear-gradient(182deg, #6acff9, #0080d2);
    background-size: 400% 400%;
    
    -webkit-animation: AnimationName 13s ease infinite;
    -moz-animation: AnimationName 13s ease infinite;
    animation: AnimationName 13s ease infinite;
    

}
@-webkit-keyframes AnimationName {
    0%{background-position:49% 0%}
    50%{background-position:52% 100%}
    100%{background-position:49% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:49% 0%}
    50%{background-position:52% 100%}
    100%{background-position:49% 0%}
}
@keyframes AnimationName { 
    0%{background-position:49% 0%}
    50%{background-position:52% 100%}
    100%{background-position:49% 0%}
}

.navInternal{
    margin-bottom: 20px;

}

.navInternal .nav-link{
    background: #fff;
    margin-right:3px;    
}

#banner{
    position: relative;
}

.msiCalculator{
    max-width:600px;
    margin:10px auto;
    background: #f57921;
    padding:15px 25px;
     -webkit-border-radius: 15px 15px 0 0;
border-radius: 15px ;
}

.msiCalculator .form-group{
    margin-bottom: 10px;
}

.msiCalculator h4{
    color:#fff;
}

#howItWorks, #divlowestrates{
    background: #008ce6 url(../images/clouds.png) no-repeat center bottom;
    background-size:100% auto;
    min-height: 350px;
    color:#fff;
    text-align:center;
    position: relative;

}

#whatWeOffer{
    min-height: 350px;
    background:url(../images/map.png) no-repeat left top;
    background-size:35% auto;
    position: relative;
    text-align:center;
    padding:110px 0 60px 0;   
}

.employeeServices{
    position: absolute;
    right:0;
    top:10%;
    z-index: -1;
    max-width:500px;
}

.offerBlock{
    background:#008ce6;
    color:#fff;
    padding:40px 30px;
    text-align:center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom:30px;
    border-radius: 15px;
    -webkit-border-radius:15px;
    line-height: 1.4em;
}

.imgCustomer{
    float:right;
    margin-right: 15px;
}

.miniContainer{
    max-width:600px;
    margin:0 auto;
}

.miniContainer2{
    max-width:850px;
    margin:0 auto;
}

#dealsDiscounts{
    background: #f57921;
    min-height: 350px;
    position: relative;
    padding:110px 0 60px 0;
}

.dealDiscounts{
    background:#fff;
    padding:20px 30px;
    border-radius: 20px;
    margin-bottom:20px;
}

.dealImg{
    max-width:150px;
    margin:0 auto;
}

.dealPrice{
    font-size: 30px;
    color:#7fbd2b;
    font-weight: bold;
    text-align:center;
}

ul.styledLi {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

ul.styledLi li {
    padding: 10px;
    font-weight: bold;
    border-bottom: 2px dotted #a7e0fc;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 600;
}
 
ul.styledLi li:first-child{
    border-top: 2px dotted #a7e0fc;

}


.imgSteps{
    max-width:90px;
}

#stats{
    min-height: 350px;
    position: relative;  
    text-align: center;
    padding:110px 0 60px 0;   

}

.statBox{
    font-size:18px;
    font-weight:600;
    color:#008ce6;
    margin-bottom:25px;  
}

.statIcon{
    max-width: 150px;
}

.statValue{
    font-size:45px;
    font-weight:900;
    color:#f57921;
}

#testimonials{
    background: #8dc73f;
    min-height: 350px;
    position: relative; 
    padding:110px 0 60px 0;   
}
 
.testBox{
    padding:5px 10px;
    text-align:center;
}

.testQuote{
    font-size: 18px;
    font-weight: bold;
    color:#1b75bc;
    line-height: 1.4em;
}

.testName{
    font-weight: bold;
}

.testName em{
    font-weight: normal;
    display: block;
}

#pickupLocation{
    background: #f57921;
    min-height: 350px;  
    position: relative; 
    padding:90px 0 60px 0;   
    color:#fff;
    text-align: center;
}

 body, html {
    height: 100%;
}

#pageContent{ 
    background:#fff url(../images/content-bg.png) no-repeat right top;
    background-size: 25% auto;
 
    padding:15px 0 45px 0;
    position: relative;
     
}

.rateBlock{
    text-align: center;
    border:1px solid #008ce6;
    border-radius: 5px;
    background: #fff;
    margin-bottom:25px;
}

.hm-rate{
    -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.2);
    color:#333;
}

.competitor-name{
    color:#e3e3e3;
    font-weight: bold;
    margin-bottom:5px;
}

.competitor-msi{
    margin-bottom:5px;
}

.ratePrice{
    padding:20px 10px;
}



.rateVal{
    color:#008ce6;
    font-size:50px;
    font-weight: 800;
    display: block;
}

.rate-msi-hm .rateVal{
    color:#5e9117
}

.rate-competitor .rateVal{
    color:#929292
}

.ratePrice span{

}

.rateLbs{
    background: #008ce6;
    color:#fff;
    padding:10px;
}

.feeDatas{
    max-width: 920px;
    margin:0 auto;
}

.feesData{
    border:1px solid #f57921;
    background: #fef8f3;
    padding:20px;
    text-align:center;
     border-radius: 5px;
    font-size:13px;
    margin-bottom:25px;
     min-height: 200px;
}

.feesData.feesSML{
    min-height: 130px; 
}

.feesData h5{
    color:#f57921;
    font-weight: 800;
    margin:0 0 5px 0;
}

.feesData em{

}

.feeVal{
    font-size: 24px;
    font-weight: bold;
    display: block;
}

#h1Header{
    padding:30px 0 50px 0;
    background:#f57921;
    color:#fff;
    position: relative;
}

 
 .tag-block{
     border:2px solid #008ce6;
     padding:10px 20px
 }

.cloud {
    display: inline-block;
    list-style-type: none;
    text-align:center;
    font-weight: 600;
     
}
.cloud li {
    list-style: none;
    display: inline-block;
    padding:5px 10px;
 }
 
.cloud li.size1 {
    font-size: 1.20em;
    color:#f57921;
}
.cloud li.size2 {
    font-size: 1.7em;
    color:#008ce6;
    font-weight: bold;
}
 
.product_div{
    text-align: center;
    padding:  25px 30px;
    border:1px solid #0080d2;
    background-color: #fff;
    margin:0 10px;
    border-radius: 30px;
    margin-bottom:10px;
}

.product_div h4{
    font-size:18px;
    height:60px;
    color:#0080d2;
    font-weight: 600;
}

.item-price span{
    font-size:22px;
    color:#5e9117;
}

 


.star-rating{
    font-size:10px;
    color:#ddaa04
}

.img-prod{
    max-height: 150px;
    margin:0 auto;
}

.f_title{
    text-align: center;
    margin-bottom:20px;
    color:#f57921;
}

.cart-btn{
    font-weight: 800;
    padding-left:30px;
    padding-right:30px;
    border-radius: 100px;
}

h1{
    font-weight: bold;
}

h2{

}

h3{
    color:#008ce6;
}

.h3Block{
    background: #008ce6;
    display: inline-block;
    padding:5px 25px;
    font-weight: bold;
    font-size:20px;
    color:#fff;
    margin-bottom: 10px;
    
    border-radius: 150px;
}

h4{
    color:#008ce6;
}

h5{

}

h6{
    margin-bottom:8px;
    font-weight: 600;
    color:#008ce6;
    font-size:14px;  
}

#divlowestrates h3{
    color:#fff;
}

#howItWorks h6, #divlowestrates h6{
    color:#fff;
    font-size:16px;  
}

.modal-backdrop {
    background-color: #008ce6;
    background: #008ce6 url(../images/mascot-login.png) no-repeat center top;  
    background-size:20% auto;
    opacity: 0.9 !important;
 }

 
 
.stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 25px;
}

.navbar-toggler:not(:disabled):not(.disabled) {
     color: #e8680d;
    background: #fff;
    position: absolute;
    right:10px;
    top:-45px;
}

.signupForm{
    border-right:2px dotted #e3e3e3;
    padding-right:35px;
}

.signupForm label{
    font-weight: bold;
    
    margin-bottom:2px;
    margin-left:5px;
}

.form-control {
    color: #464646;
    border: 2px solid rgb(150, 150, 150);
}

.form-group {
    margin-bottom: 1.6rem;
}

.bg-success, .bg-primary{
    color:#fff;
    font-weight: bold;
}

.bg-success{
    background:#8dc73f;
}

.shippers-note{
    font-size:19px;
    color:#666;
}

.text-bigger{
    font-size:23px;
}



#footer{
    font-size: 13px;
    position: relative;
}

#footer ul{
    list-style: none;
    margin:10px 0;
    padding:0;
}

.footerLogo{
    max-height: 80px;
}

.orange{
    color:#f57921;
}

.blue{
    color:#008ce6;
}

.green{
    color:#8dc73f
}
.white{
    color:#fff;
}

.bg-blue{
    background:#008ce6;
    color:#fff;
}
.btn{
    font-weight: 600;
    text-transform: uppercase;
}

.btnLogin, .btn-orange{
    background:#f57921;
    color:#fff;
}

.btnSignup, .btn-green{
    background: #8dc73f;
    color:#fff;   
}

.btnLogin:hover, .btn-orange:hover{
    background:#e8680d;
    color:#fff;
}

.btnSignup:hover, .btn-green:hover{
    background: #7fbd2b;
    color:#fff;   
}
 
.btn-primary{
    background:#008ce6;
    color:#fff;
    font-weight: 800;
    border-radius: 100px;
    padding-right:35px;
    padding-left:35px;

}

h2{
    font-weight: 800;
    color:#008ce6;
    margin-bottom:20px;
}

h6{
    font-weight: 800; 

}
 
 

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
    
 }

 /* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
    .navbar{
        padding:0;
    }

    .employeeServices{
        width:30%;
    }
 }


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
 
h1{
    font-size: 29px;
}



}
 
 /* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .employeeServices{
        width:100%;
        position: relative;
    }   
    
 }