@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700');

/*GLOBAL*/

html, body, .datepicker-wrapper *{
  font-family: "Bai Jamjuree", sans-serif!important;
  font-optical-sizing: auto;
  font-style: normal;
  overflow-x:hidden;
}

.container, .container-large, .container-mid{
  width:90%;
  max-width:90%;
  margin:auto;
  padding-left:0;
  padding-right:0;
}

a{
  text-decoration: none;
  transition: 0.3s;
  color:inherit;
}
a:hover{
  color:#0072bc;
}

h2{
  font-size:calc(16px + .5vw);
  color:#fff;
  font-weight:600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

h3{
  text-transform: uppercase;
  font-size: 23px;
  font-weight:600;
  letter-spacing: 2px;
  color:#3bacfe;
}

p{
  color:#fff;
  font-size:15px;
  margin-bottom:10px;
}

.text-primary{
  color:#0167b8!important;
}
.text-blue{
  color:#2eb1ff !important;
}
.text-blue2{
  color:#0068b4!important;
}
.text-blue3{
  color:#2aa9de!important;
}
.text-red{
  color:red!important;
}

.text-notransform{
  text-transform: none!important;
}

.cursor-pointer{
  cursor: pointer!important;
}
.disabled {
  cursor: not-allowed!important;
}

.sub-link{
  color:#3bacfe;
  font-weight:700;
}
.sub-link:hover{
  color:#fff;
}
.sub-link-inverse{
  color:#fff;
}
.sub-link-inverse:hover{
  color: #3bacfe;
}
.sub-link-dark{
  color:#0164b3;
}
.sub-link-dark:hover{
  color:#fff;
}

@media(min-width:576px){
  .container, .container-large, .container-mid{
    width:95%;
    max-width:95%;
  }
  h2{
    font-size:23px;
  }
}
@media(min-width:768px){
  
}
@media(max-width:991px){

}
@media(min-width:992px){ 
  .container, .container-large, .container-mid{
    width:90%;
    max-width:90%;
  }
}
@media(min-width:1200px){ 
  .container{
    max-width:1065px;
  }
  .container-mid{
    max-width:1300px;
  }
  .container-large{
    max-width:1400px;
  }
}
@media(min-width:1600px){ 

}
.row.col-px-1_5{
  margin-left:-7.5px;
  margin-right:-7.5px;
}
.row.col-px-1_5 > [class^="col"]{
  padding-left:7.5px;
  padding-right:7.5px;
}
.row.col-mb-0_5 > [class^="col"]{
  margin-bottom:7px;
}

.btn{
  background:#0068b3;
  color:#fff;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 600;
  padding: 3px 15px;
  margin-bottom: 10px;
}
.btn:hover, .btn-small:hover, .btn:focus-visible{
  background:#fff;
  color:#002d72;
}

.btnAddress{
  font-size: 14px;
  font-weight: 500;
  padding: 8px 20px;
  margin:0;
  width:100%;
}
.btnAddress:hover{
  background:#fff!important;
}
.btnAddress.addressDelete{
  background:#818285
}
.btn-small{
  font-size:13px;
  font-weight:500;
  padding:5px 20px;
  border-radius:5px;
  border:1px solid #13598e;
  background:#13598e;
  color:#fff;
  text-transform: uppercase;
  margin-bottom:0;
}
.subpage .btn:hover{
  border:1px solid #002d72;
}
.summary-btn{
  font-size: 18px;
  font-weight: 500;
  width: 245px;
  height:45px;
  padding: 10px 40px;
  border-radius: 5px;
  border:1px solid #13598e;
  background: transparent;
  color: #fff;
  text-transform: uppercase;
  display:inline-flex;
  align-items:center;
  justify-content: center;

}
.summary-btn img{
  height:26px;
  padding-left:10px;
}
.summary-btn:hover{
  background:#0068b3;
}
.summary-btn:disabled:hover{
  background:transparent;
  cursor: not-allowed;
}
.btn-grey{
  background:#818285!important;
}
.btn-grey:hover{
  background:transparent!important;
}
.btn-advance{
  font-size:15px;
  height:53px;
  display: flex;
  align-items: center;
}

@media(min-width:992px){
  .btn-advance{
    font-size:18px;
  }
}
@media(min-width:1920px){
  .btn-advance{
    font-size: 0.8vw;
  }
}
@media(min-width:2560px){
  .btn-advance{
    font-size: 1vw;
  }
}

.form-control{
  border-radius:0;
  padding:10px 20px;
  color:#fff;
  border: 1px solid #014c83;
  background:transparent;
  font-weight:400;
}
.form-control:focus{
  box-shadow:none;
}
.form-control::placeholder {
    color:#fff; 
}
.form-control::-moz-placeholder {
    color: #fff; 
}
.form-control:-ms-input-placeholder {
    color: #fff; 
}
.form-control::-ms-input-placeholder {
    color: #fff; 
}

.input-group-text{
  background:#002d72;
  color:#fff;
  border-radius:0;
  font-size: 20px;
  padding: 0px 15px;
}

.form-check{
  display:inline-block;
  /* margin-right:30px; */
  padding:0;
  /* color:#002d72; */
  text-transform: uppercase;
  font-size:14px;
}
.form-check-input[type="radio"] {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 4px 8px 0 0;
    border:2px solid #697a82;
}
.form-check-input[type="radio"]:checked {
    background-color: #3bacfe;
    border-color: #3bacfe;
}
.form-check-input[type="radio"]:focus {
    border-color: #3bacfe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: none;
}

.form-check-input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0px 8px 0 0;
    border:2px solid #697a82;
}
.form-check-input[type="checkbox"]:checked {
    background-color: #002d72;
    border-color: #697a82;
}
.form-check-input[type="checkbox"]:focus {
    border-color: #002d72;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.dropdown .form-check{
  display:flex;
  align-items: center;
  font-weight:600;
}

.icon-right{
  position:absolute;
  right:30px;
  top:50%;
  transform: translateY(-50%);
}

.error{
  border: 1px solid red!important;
}
.error-message, .dynamic-message, .cart-message{
  color:red!important;
}
.success-message{
  color:#002d72!important;
}
.disclaimer{
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding-top: 15px;
}
.cart-click{
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.cart-number{
  display:none;
}
.cart-number.active {
    position: absolute;
    top: -10px;   
    right: -10px; 
    width: 25px;  
    height: 25px; 
    background-color: red;  
    color: white;  
    font-size: 14px;  
    border-radius: 50%; 
    display: flex;
    justify-content: center; 
    align-items: center; 
    font-weight: bold;  
}

.modal.custom .modal-content{
  background:rgba(255, 255, 255, 0.95)
}
.modal.custom .modal-header{
  border-bottom:0;
}
.modal.custom .modal-body{
  font-size: 20px;
  color: #002d72;
  padding:10px 60px 40px 60px;
}
.modal.custom .btn-close{
  background:transparent;
}
.modal.custom h1{
  color: #0367b4;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 40px;
  font-size: 44px;
}
.modal.custom h2{
  font-size: 22px;
  color: #0367b4;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom:20px;
}
.modal.custom p{
  font-size:13px;
  color:#545556;
  line-height:1.3;
  font-weight:500;
}
.modal.custom .btn{
  font-size: 24px;
  font-weight: 600;
  padding: 4px 30px;
  background:#0167b1;
}
.modal.custom .btn:hover{
  background:#fff;
}
.modal.custom .form-control{
  color:#545556;
  font-weight:600;
}
.modal.custom .form-control::placeholder {
    color:#545556; 
}
.modal.custom .form-control::-moz-placeholder {
    color: #545556; 
}
.modal.custom .form-control:-ms-input-placeholder {
    color: #545556; 
}
.modal.custom .form-control::-ms-input-placeholder {
    color: #545556; 
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Internet Explorer 10+ */
input[type="number"] {
    -ms-appearance: none;
    margin: 0;
}

.loading-icon{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background:rgba(0, 45, 114, 0.4);
    z-index: 999999999;
}
.loading-icon img{
  max-width:300px;
}

.dropdown-toggle {
  position: relative;
  text-align: left;
  overflow:hidden;
}

.dropdown-toggle::after{
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%)
}

.dropdown-menu {
  background-color: rgba(14, 50, 85, 0.95);
  color: #fff;
  border: 1px solid #1560a5;
  width: 100%;
  border-radius: 0;
  font-weight:500;
  max-height: 50vh;
  /* overflow: auto; */
}
.dropdown-menu span{
  font-weight:400;
  font-size:12px;
}

.form-check-label {
  font-size: 14px;
  color: #fff;
}

.arrow-down{
  pointer-events: none;
}

.icon-info-wrapper, .btn-info-wrapper{
  position: relative;
}
.icon-info-wrapper:hover .hover-info, .btn-info-wrapper:hover .hover-info{
  display: block;
}
.icon-info-wrapper:hover > img {
  z-index: 2;
}
.icon-info-wrapper img:not(.noleft){
  position: relative;
  left: 15px;
  bottom: 1px;
}

.hover-info{
  display:none;
  position: absolute;
  width: 400px;
  max-width:95vw;
  background: #fff;
  padding: 27px 40px 20px;
  text-transform: none;
  border-radius: 8px;
  font-size: 12px;
  font-weight:500;
  line-height:1.4;
  color: #545658;
  top: -5px;
  left: -10px;
  z-index: 1;
  text-align: left;
}
.hover-info strong{
  font-size: 20px;
  letter-spacing: 1px;
  color:#026da4;
  display: block;
  margin-bottom:2px;
}
.hover-info p{
  color:#515151;
}
.hover-info .column-list{
  column-count: 3; 
  column-gap: 20px;
  padding: 0;
}
.hover-info .column-list li::marker{
  color: #3bacfe!important;
}

.btn-info-wrapper:hover button{
  background:#fff;
  color:#0068b3;
  border-color:#fff!important;
}
.btn-info-wrapper.active button{
  background:#515151;
  color:#fff;
  border-color:#515151!important;
  z-index: 3;
}
.btn-info-wrapper .hover-info{
  top:-25px;
  left:-10px;
  padding-top:80px;
  padding-bottom:30px;
  font-size:13px; 
  line-height:1.3;
  color:#515151
}

.btn-info-wrapper.get-quote-wrapper .hover-info{
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}
.get-quote-wrapper .hover-info{
  display:none!important;
}
.get-quote-wrapper.active .hover-info{
  display:block!important;
}

@media(min-width:576px){
  .btn-info-wrapper.get-quote-wrapper .hover-info{
    right:-10px;
    left:auto;
    transform: translateX(0%);
  }
}

@media(min-width:768px){
  .summary-btn {
    margin-right: 25px;
  }
}


@media(min-width:1400px){
  .icon-info-wrapper img{
    position: relative;
    left: 15px;
  }
  .hover-info{
    left: 5px;
  }
}
@media(min-width:1560px){
  .btn-info-wrapper.get-quote-wrapper .hover-info{
    right:auto;
    left:-10px;
  }
}


/*HEADER*/

.hamburger-menu{
  cursor: pointer;
}

.header-wrapper.active .header-top{
  background:rgba(0, 25, 43, 0.9)!important;
}

.home .header-wrapper.active .header-logo{
  width:100px;
}

.header-wrapper.active .header-track{
  display: none;
}
.header-wrapper.active .header-user{
  margin-bottom:0!important;
}

.header-top{
  background:rgba(0, 25, 43, 0.9);
  color:#fff;
  padding-top:15px;
  padding-right:5%;
  padding-bottom:15px;
  padding-left:5%;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index: 999;
}
.header-top .form-control::placeholder {
    color:#fff; 
}
.header-top .form-control::-moz-placeholder {
    color: #fff; 
}
.header-top .form-control:-ms-input-placeholder {
    color: #fff; 
}
.header-top .form-control::-ms-input-placeholder {
    color: #fff; 
}
.header-top .track-btn{
  /* background:transparent;
  color:#3bacfe;
  border:1px solid #fff; */
  font-size:16px!important;
  height: 35px;
  display: flex;
  align-items: center;
  margin-left:5px;
}
.header-top .logout-btn{
  font-weight:600;
  color:#3bacfe;
  font-size:17px;
}
.header-top .logout-btn:hover{
  color:#fff;
}

.header-top .form-control{
  border-radius: 0;
  border-color:#015ea1;
  font-size:14px;
  padding: 6px 20px;
}

.header-info {
  text-transform: uppercase;
  color:#092d74;
  padding:25px 0 0;
  font-size:17px;
  letter-spacing: 1px;
}
.header-info a{
  text-decoration: none;
  /* color:#697a82; */
  font-weight:600;
}
.header-info a:hover, .header-info a.btn:hover{
  color:#002d72;
}
.header-info a.btn{
  color:#fff;
}
.header-top .icon-cart{
  width:30px;
}

.header-logo{
  width: 200px;
}

.header-wrapper .track-shipment{
  font-size: 21px;
  font-weight: 600;
}
.header-wrapper .track-shipment .text{
  text-transform: uppercase;
  font-weight:600;
  font-size:18px;
  letter-spacing: 1px;
}


.header-wrapper select.form-control{
  padding-right:40px;
}
.header-wrapper .arrow-down{
  position:absolute;
  right:20px;
  top:0;
  z-index: 10;
}
.header-wrapper .arrow-down img{
  width:11px;
}
.header-wrapper .btn{
  font-size: 21px;
  padding: 2px 12px;
  margin-bottom:0;
}
.header-wrapper .btn:hover{
  border:1px solid #002d72;
}

.quick-links{
  padding-top:0px;
  padding-bottom:0px;
}
.header-wrapper .quick-links img{
  height:45px;
}
.quick-links .title{
  font-size:23px;
  font-weight:700;
  color:#3bacfe;
  letter-spacing: 5px;
  padding-top:10px;
}
.quick-links .title span, .quick-links .track-title span{
  font-size: 22px;
  font-weight: 500;
  color: #0167b1;
}

.icon-cart {
  filter: brightness(0) invert(1);
}
.icon-cart:hover {
  filter: brightness(1) invert(0);
}

@media(min-width:576px){
  .header-wrapper .enter-number{
    width:150px;
  }
}

@media(min-width:768px){
  .header-wrapper.active .header-top > .row{
    justify-content: flex-end;
  }
}

@media(max-width:991px){
  .login .header-top{
    cursor: pointer;
  }
  .header-wrapper .bg{
    /* background:#002d72; */
    color:#fff;
    padding:18px 15px 18px;
    font-size:12px;
    margin-top:20px;
  }
  .header-wrapper .bg a{
    color:#fff;
  }
  .header-wrapper .bg .row{
    max-width:95%;
    margin:auto;
  }
  .header-wrapper .quick-links > [class^="col"]{
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid #3bacfe;
  }
  .header-wrapper .quick-links > [class^="col"]:nth-last-child(1){
    border-bottom:0;
  }
  .header-wrapper .track-bg{
    background-color: #697a82;
    padding-top:15px;
  }
  .header-wrapper .track-title{
    text-transform: uppercase;
    font-size:20px;
    font-weight:500;
    color:#fff;
    letter-spacing: 2px;
  }
  .header-info .icon-cart{
    position: relative;
    top:-1px;
  }
}

@media(min-width:992px){
  .header-info {
    /* padding:25px; */
  }
  .header-wrapper .quick-links{
    padding-top:40px;
    padding-bottom:60px;
  }
}

@media(min-width:1200px){
  .header-wrapper .quick-links .title{
    font-size:24px;
  }
  .header-wrapper .quick-links img{
    height:55px;
  }
}

/*HOMEPAGE*/
.home h1{
  color:#fff;
  font-size:26px;
  font-weight:500;
  padding-bottom:10px;
}
.home .container-fluid.padding{
  padding-left:5%;
  padding-right:5%;
}
.home .content-wrapper{
  padding-top:0px;
}
.home .header-fixed{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index: 10;
}
.home .header-top{
  background:transparent;
  position: static;
}
.home .track-shipment{
  display:none;
}
.ticker-wrap{
  background: rgba(0, 25, 43, 0.9);
  color:#fff;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 12px;
  padding:10px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height:38px;
}

.ticker__item {
  position: absolute;
  white-space: nowrap;
}

.home .oam{
  transform: scale(2);
  max-height: 48vw;
  overflow: hidden;
  margin-top: 35%;
  margin-bottom:35%; 
}
.home .oam *{
  overflow: hidden!important;
}
.home .oam .HYPE_scene{
  background:transparent!important;
}
.home .z-up{
  z-index:2;
}

.quick-links-hover{
  position:relative;
}
.quick-links-nav{
  font-size: 13px;
  font-weight:400;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
}
.quick-links-nav ul{
  list-style-type: none;
  margin-bottom:0;
}
.quick-links-nav li{
  position: relative;
  text-align: center;
}
.home .quick-links-nav{
  position: absolute;
}
/* .quick-links-nav a:before{
  content:'+';
  position: absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  color: #3bacfe;
  font-size:20px;
} */
.quick-links-nav li:hover a{
  color:#fff!important;
}
.quick-links-nav li:nth-last-child(1) a{
  border-bottom:0;
}
.quick-links-nav li a{
  color: #3bacfe !important;
  padding: 10px;
  display: block;
  border-bottom: 1px solid #013b67;
  font-weight: 700;
}
.quick-links-nav h2{
  font-weight:400;
  letter-spacing: 4px;
  font-size:30px;
  padding-left:60px;
  color:#fff;
}


.quick-links .quick-links-hover{
  cursor: pointer;
}
.quick-links .quick-links-hover ul{
  padding:0;
}
.quick-links .quick-links-nav li{
  border-radius:0;
}
.quick-links .quick-links-nav li a{
  margin:0 15px;
}
.quick-links .quick-links-hover.active .main, .quick-links .quick-links-hover .hover{
  display:none;
}
.quick-links .quick-links-hover.active .hover{
  display:block;
}
.quick-links .quick-links-hover .before-hover{
  padding: 10px 0;
  border-top-right-radius:5px;
  border-top-left-radius:5px;
}
.quick-links .quick-links-hover.active .before-hover{
  background:#00111e;
}
.quick-links .quick-links-hover.active .title{
  color:#fff;
}
.quick-links .quick-links-hover .quick-links-nav{
  display:none;
  width:100%;
  z-index: 1000000;
}
.quick-links .quick-links-hover.active .quick-links-nav{
  background: rgb(1, 47, 84, .9);
  display: block;
  border: 1px solid #0f5c96;
  min-width: 195px;
  border-radius: 10px;
}

@media(max-width:991px){
  .quick-links-nav {
    display: none;
  }

  .quick-links-nav.show {
    display: block;
  }

  .header-wrapper.active .ticker-wrap{
    display:none;
  }

}

@media(min-width:992px){

  .home .header-wrapper{
    padding-top:200px!important;
  }
  .home .oam{
    max-height: 27vw;
    margin-bottom:0;
  }
  
  .subpage .quick-links .quick-links-hover .quick-links-nav{
    position:absolute;
    left: -35px;
  }
  .subpage .quick-links .quick-links-hover.active .quick-links-nav {
    
    min-width: 240px;
  }
  
  
}

@media(min-width:1200px) {

  .home .oam{
    margin-top: 15%;
  }

}

@media(min-width:1400px){
  
  .home .oam{
    max-height: 40vw;
    margin-top: 40px;
  }
}

@media(min-width:1920px){
  
}

/*SUBPAGE QUOTES*/
.subpage .arrow-down, .home .arrow-down{
  position:absolute;
  right:15px;
  top:45%;
  transform:translateY(-50%);
  z-index: 10;
}
.content-bg{
  padding-top:50px;
  padding-bottom:100px;
  background:transparent;
} 
.subpage-bg{
  background:url('../../content/images/subpage-bg.jpg');
  background-repeat: no-repeat;
  background-size:cover; 
  background-position: top;
  background-attachment: fixed;
  min-height:100vh
}

.subpage h1{
  color: #3bacfe;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom:0;
  padding-right:15px;
}
.subpage h2{
  margin-bottom:0;
}
.subpage hr{
  border-top: 3px solid #13598e;
  margin: 30px 0 30px;
  opacity: 1;
}
.subpage .text-small{
  color:#fff;
  font-size:14px;
}

.subpage .text-large{
  font-size:calc(14px + .5vw);
  font-weight:700;
}
.subpage .text-dim{
  font-size:16px;
}
.subpage .text-currency{
  color:#2eb1ff;
  font-size:18px;
  text-transform: uppercase;
  font-weight:700;
}
.quotes .text-small{
  font-size:12px;
}
.addressResults{
  padding: 20px;
  max-height:448px;
  overflow: auto;
}
.addressResults .line{
  padding:0 15px;
  color:#3bacfe
}


@media(min-width:576px){
  .subpage .text-large{
    font-size:20px;
  }
}
@media(min-width:1400px){
  .quotes #destination-address, .quotes #origin-address{
    max-width:240px;
  }
  .subpage .max-lwh{
    width:120px
  }
  .subpage .total-weight{
    max-width:247px;
  }
}

.step-wrapper .max-width{
  max-width:620px!important;
}
.step-wrapper .step-number{
  background:#0072bc;
  color:#fff;
  text-align: center;
  margin-left:1px;
  margin-right:1px;
  font-size: 12px;
  padding: 5px;
}
.step-wrapper .step-number.active{
  background:#002d72;
  cursor:pointer;
}

.step-wrapper .btn{
  font-size:13px;
  font-weight:500;
  padding:5px 15px;
  border-radius:5px;
  border:1px solid #002d72;
}
.step-wrapper span{
  font-weight:600;
  color: #0167b1;
}
.step-wrapper .btn:hover{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background:#002d72;
  color:#fff;
}
.step-wrapper .step-number-dropdown-wrapper:hover .step-number-dropdown{
  display:block!important;
}
.step-number-dropdown{
  position:absolute;
  right:12px;
  background:#214282;
  color:#fff;
  padding:15px 15px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width:180px;
  z-index: 100000;
  text-transform: uppercase;
  font-size:12px;
  letter-spacing: 1px;
  display:none;
}

.step-number-dropdown ul{
  list-style-type: none;
  margin:0;
  padding:0;
}
.step-number-dropdown li{
  margin-bottom:10px;
  border-bottom:1px solid #235392;
  padding-bottom:10px;
  cursor: pointer;
}
.step-number-dropdown li:nth-last-child(1){
  margin-bottom:0px;
  border-bottom:0;
  padding-bottom:0px;
}
.step-number-dropdown li.active:hover{
  color:#0167b1;
}
.step-number-dropdown li.active{
  cursor: pointer;
} 
.step-number-dropdown .step-number{
  background: #002d72;
  height: 25px;
  width: 25px;
  margin-right: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}
.step-number-dropdown .step-number.active{
  background:#0167b1;
}

.content-wrapper{
  padding-top:50px;
}
#datepicker-container{
  position: absolute;
  z-index: 1000;
  display: none;
  background:#fff;
  padding:20px;
}
.datepicker-wrapper .pika-single{
  background: transparent;
  border: none;
  z-index: 990;
}
.datepicker-wrapper .pika-lendar{
  width: 100%;
  margin: auto;
  float:none;
  padding-bottom:35px;
}
.datepicker-wrapper .pika-title{
  width:300px;
  padding-bottom: 30px;
  margin:auto;
}
.content-wrapper .step-title{
  display: inline-flex;
  align-items: center;
}
.content-wrapper .step-number{
  background:#002d72;
  color:#fff;
  text-align: center;
  margin-right:15px;
  font-size: 12px;
  font-weight: 500;
  padding: 5px 17px;
}
.datepicker-wrapper .pika-label {
    display: inline-block;
    position: relative;
    z-index: 999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 26px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    color:#002d72;
    background:transparent;
}

.datepicker-wrapper .pika-table > thead {
  border-top:1px solid #a6bdc9;
  border-bottom:1px solid #a6bdc9;
}
.datepicker-wrapper .pika-table th {
    color: #999;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
}
.datepicker-wrapper .pika-next, .datepicker-wrapper .pika-prev{
  transform: scale(1);
  width: 20px;
  height:20px;
  margin-top:7px;
}
.datepicker-wrapper .pika-next{
  background-image: url('../../content/images/date-next.png');
}
.datepicker-wrapper .pika-prev{
  background-image: url('../../content/images/date-prev.png');
}
.datepicker-wrapper .is-selected .pika-button, .datepicker-wrapper .has-event .pika-button, .datepicker-wrapper .pika-button{
  background:transparent;
  font-size: 35px;
  line-height: 1.4;
  text-align: center;
  outline: none;
  border: none;
  box-shadow: none;
  color:#092d74;
}
.is-today .pika-button{
  color:#092d74;
  font-weight:400;
}
.is-selected .pika-button, .has-event .pika-button, .pika-button:hover, .pika-row.pick-whole-week:hover .pika-button{
  color:#0072bc!important;
  font-weight:700!important;
}
.datepicker-wrapper .padding{
  position: relative;
  top:20px;
}

.nextBtn, .nextBtnStyle, .clear-btn{
  font-weight: 500;
  font-size: 22px;
  margin-left: auto;
  padding: 5px 40px 5px 40px;
  letter-spacing: 2px;
  position: relative;
}
.nextBtn img{
  position: absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
}
.clearBtn{
  background:#58595b;
  color:#fff;
  font-size: 22px;
  padding: 5px 20px;
  width:175px;
}

.delivery-hours{
  max-width:110px;
}
.label{
  color:#fff;
  text-transform: uppercase;
  font-weight:600;
}
.pallet-btn, .order .pallet-btn{
  background:#0167b1;
  color:#fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  padding: 13px 15px;
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
}

.pallet-btn:hover, .order .pallet-btn:hover{
  background:#fff;
  color:#002d72;
}
.order .pallet-btn{
  background:#0072bc;
  color:#fff;
}

.pallet-btn i{
  font-size: 13px;
  color:#0167b1;
  padding-left:5px;
}
.pallet-btn.disabled{
  background:#515151;
  color:#fff;
}
.step-4 .form-control:disabled{
  background: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.step-5 hr, .step-ordered hr, .hr{
  border-top: 4px solid #a6bdc9;
  opacity: 1;
  margin-bottom:30px;
}
.step-5 .padding, .step-ordered .padding{
  color:#697a82
}
.step-5 h3, .step-ordered h3{
  color:#0167b1;
}
.step-ordered .success-message h3{
  font-size: 34px;
}
.step-5 strong, .step-ordered strong{
  color:#002d72;
  font-weight:600;
}
.step-5 .title-border, .step-ordered .title-border{
  border-bottom:1px solid #a6bdc9;
  padding-bottom:20px;
  margin-bottom:20px;
}
/* .quote-number{
  font-size:24px;
  color:#0167b1;
  font-weight:500;
  margin-bottom:20px;
} */
.rate-table{
  border-color:#13598e;
}
.rate-table *, .shipment-table *{
  background: transparent!important;
}
.rate-table td, .shipment-table td{
  color:#fff;
  font-weight: 500;
  padding: 10px 30px;
}


.rate-table .total td{
  color:#fff!important;
  font-size:20px;
}      
.rtotal{
  font-size:14px!important;
  font-weight: 700 !important;
}
.services-more, .services-more-minus{
  cursor: pointer;
}
/* .rate-table .services-more-details{
  background:#e9e9e9!important;
} */
.services-more-details > td{
  padding:0!important;
}
.services-table{
  margin:0;
}
.services-table *{
  background: transparent !important;
  border-color: #0167b1!important;
}
.services-table tr{
  border:0;
  border-bottom:1px solid;
}
.services-table tr:nth-last-child(1){
  border:0;
}
.services-table tr td:nth-child(1){
  border-left:0;
}
.services-table tr td:nth-child(2){
  opacity: 0.85;
  border-right:0;
}

.quoteModal.modal{
  z-index: 99999999;
}
.quoteModal.modal .modal-content{
  background:#f2f3f4;
}
.quoteModal.modal .modal-dialog{
  max-width: 1200px!important;
}
.quoteModal hr{
  border-top: 1px solid #e3e4e5;
}
.quoteModal.modal h2{
  font-weight:500;
  letter-spacing: 2px;
}
.quoteModal.modal p{
  font-weight:400;
  margin-bottom:5px;
  text-transform: uppercase;
  font-size:14px;
}
.quoteModal.modal .btn{
  font-size:16px;
  font-weight:500;
  letter-spacing: 4px;
  padding:8px 10px;
  width:220px;
}
.quoteModal.modal .see-more-btn{
  cursor: pointer;
  font-size:14px;
  display: inline-block;
  text-transform: uppercase;
  font-weight:700;
}
.quoteModal.modal .remove-in-cart{
  background:#818285
}
.quoteModal.modal .order-btn{
  background:#0167b1;
}
.hr-bottom{
  border-bottom:2px solid #dcddde;
  padding-top:40px;
  padding-bottom:30px;
}

@media(min-width:576px){
  .datepicker-wrapper .pika-next, .datepicker-wrapper .pika-prev{
    transform: scale(0.6);
  }
  .rate-table .total td:nth-child(1) {
    text-align:right;
  }
}

@media(max-width:991px){
  .subpage .quick-links-container{
    display: none;
  }
  .subpage .quick-links{
    padding-top:25px;
  }

  .step-5 .edit-btn.position{
    position: relative; 
    top:-15px;
  }
}

@media(min-width:992px){
  /* .subpage-bg{
    background:url('../../content/images/subpage-bg.jpg');
    background-repeat: no-repeat;
    background-size:1920px; 
    background-position: top;
    background-attachment: fixed;
  } */
  .content-bg{
    background:transparent;
    padding-top:0;
  }
  /* .quotes .content-container, .order .content-container, .subpage-calc .content-container, .sign-up .content-container{ */
  .content-container{
    border:2px solid #13598e;
    margin-top:40px;
    border-radius:30px;
    padding: 55px 50px 55px;
  }
  .datepicker-wrapper .pika-title{
    float:right;
  }
  .step-2 .position, .step-3 .position{
    margin-top:-46px;
  }
  .step-5 .padding, .step-ordered .padding{
    padding-left:58px;
  }
  .step-5 .col.position{
    position: relative;
    top:18px;
  }
  .step-5 .title-border, .step-ordered .title-border{
    border-bottom:0;
    padding-bottom:20px;
    margin-bottom:0px;
  }

}

@media(min-width:1200px){
  .modal.quoteModal .modal-body{
    padding:10px 140px 40px 140px;
  }
}
@media(min-width:1440px){
  .step-number-dropdown{
    right:auto;
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
  }
}

@media(min-width:1560px){
  /* .quotes .content-container, .order .content-container, .subpage-calc .content-container, .sign-up .content-container{ */
  .content-container{
    padding: 55px 165px 55px;
  }
} 
@media(min-width:1921px){
  .subpage-bg{
    background-size:cover!important; 
    background-position: center!important;
  }
  /* .content-bg{
    min-height:90vh;
  } */
}

/*SUBPAGE SHIPMENT TRACKING*/
.shipment-tracking h1{
  font-size:30px;
  font-weight:600;
}
.status-history-click.active{
  background:#818285!important;
  color:#fff!important;
}
#shipment-tracking-table, #status-history-table{
  text-transform:uppercase;
  text-align: center;
  border-bottom:0;
  background: #f2f5f7;
  vertical-align: middle;
}
#status-history-table{
  background: #fff;
}
#shipment-tracking-table tr, #status-history-table tr{
  background:transparent;
}
#shipment-tracking-table th, #status-history-table th{
  color:#0167b1;
  background:#fff;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  font-weight:500;
  font-size:18px;
  border-bottom:1px solid #b2c6e5;
}
#shipment-tracking-table td, #status-history-table td{
  color:#58595b;
  font-weight:500;
  font-size:14px;
  background:transparent;
  border-bottom: 1px solid #b2c6e5;
  text-transform: none;
}
#shipment-tracking-table tr td:nth-child(1), #status-history-table tr td:nth-child(1){
  color: #0167b8;
  font-weight: 700;
}
#shipment-tracking-table_info{
  position:absolute;
  right:-110px;
  bottom:10px;
  font-size:14px;
  color:#fff;
}
#shipment-tracking-table_paginate{
  text-align: center;
  float:none;
  padding-top:30px;
}
#shipment-tracking-table_wrapper .paginate_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    font-size:14px;
    border-radius: 50%;
    background: transparent;
    color: #b2c6e5!important;
    text-align: center;
    text-decoration: none;
    border-color:transparent;
}

#shipment-tracking-table_wrapper .paginate_button.current {
    background: #0068b3;
    color: #fff!important;
}
#shipment-tracking-table_wrapper .paginate_button:hover {
    background: #fff;
    color: #0068b3!important;
}
#shipment-tracking-table_wrapper .paginate_button.disabled {
    background: transparent;
    color: #b2c6e5!important;
}
.dataTables_paginate .ellipsis{
  display:none;
}
.paginate_button.next, .paginate_button.previous {
    position: relative; 
    text-indent: -9999px; 
}
.paginate_button.next:after {
    content: "\f061";
    position: absolute; 
    left: 50%; 
    transform:translateX(-50%);
    text-indent: 0; 
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
}
.paginate_button.previous:after {
    content: "\f060";
    position: absolute; 
    left: 50%; 
    transform:translateX(-50%);
    text-indent: 0; 
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
}

#shipment-tracking-table_wrapper span .paginate_button:not(.current), 
#shipment-tracking-table_length, 
#shipment-tracking-table_filter,
#shipment-tracking-table_wrapper thead .sorting:after,
#shipment-tracking-table_wrapper thead .sorting_asc:after,
#shipment-tracking-table_wrapper thead .sorting_desc:after,
#shipment-tracking-table_wrapper thead .sorting_asc_disabled:after,
#shipment-tracking-table_wrapper thead .sorting_desc_disabled:after {
    display: none;
}
#shipment-tracking-table_wrapper thead th {
  background-image:none!important;
}
#shipment-tracking-table_wrapper thead th.sorting {
    position: relative;
}
#shipment-tracking-table_wrapper thead th.sorting_asc:before {
    font-family: 'Font Awesome 6 Free';
    content: "\f062"; 
    font-weight: 900;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    color:#0167b1;
    font-size:14px;
}
#shipment-tracking-table_wrapper thead th.sorting_desc:before {
    font-family: 'Font Awesome 6 Free';
    content: "\f063"; 
    font-weight: 900;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    color:#0167b1;
    font-size:14px;
}

.st-btn{
  display:flex;
  align-items: center;
  justify-content: center;
  font-size:16px;
  font-weight:500;
  letter-spacing:3px;
  padding:5px 50px;
}
.st-btn i{
  margin-left:10px;
  color:#fff;
}
.st-btn:hover i{
  color:#0167b8
}
.st-export-btn{
  display:inline-flex;
  align-items: center;
  justify-content: center;
  padding:5px 16.3px;
  height:36px;
  font-size:12px;
  font-weight:600;
  letter-spacing:1px;
}
.st-export-btn i{
  font-size:16px;
  color:#fff;
  margin-left:8px;
}
.st-export-btn:hover i{
  color:#0167b8
}
.shipment-tracking .toolbar .st-btn, .shipment-tracking .toolbar .st-export-btn{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-status{
  font-size: 14px!important;
  padding: 4px 20px!important;
}

.shipment-tracking .modal.custom .modal-dialog{
  max-width:850px;
}
.shipment-tracking #billModal .modal-dialog{
  max-width:1200px;
}
.shipment-tracking #billModal input:disabled{
  background:#fff;
}
.shipment-tracking .modal.custom .modal-body{
  padding:40px 40px 80px;
  text-transform: uppercase;
  font-size:14px;
  letter-spacing: 1px;
  color:#0167b8;
}
.shipment-tracking .modal.custom .form-control{
  font-size:14px;
  font-weight:500;
  padding:6px 20px;
  letter-spacing: 1px;
  border-color:#b2c6e5;
}
.shipment-tracking .modal.custom .arrow-down{
  right:15px;
}
.shipment-tracking .modal.custom .input-group .arrow-down{
  right:55px;
}
.shipment-tracking .modal.custom .input-group-text{
  background:transparent;
  padding:3px 10px;
  color:#0167b1;
  font-size:17px;
}
.shipment-tracking .modal.custom .form-check{
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
}
.shipment-tracking .modal.custom .dash{
  display: flex;
  align-items: center;
  color: #0167b1;
}
.shipment-tracking .modal.custom h2{
  font-size:22px;
  color:#22346d;
  margin:0;
}
.shipment-tracking .modal.custom .map-btn{
  font-size:11px;
  letter-spacing: 0;
  text-transform: none;
  padding: 5px 13px 5px 0px;
}
.shipment-tracking .modal.custom .map-btn i{
  font-size:14px;
}
.shipment-tracking .modal.custom .form-check-label{
  color:#58595b;
}
.shipment-tracking #billModal h2{
  font-size: 30px;
  color: inherit;
  font-weight: 400;
}
.shipment-tracking #billModal h3{
  color:#0167b1;
  font-size: 18px;
  font-weight: 400;
}
.shipment-tracking #billModal h3 strong{
  color:#0167b1;
}
.shipment-tracking #billModal p{
  color:#58595b;
  font-size: 13px;
  letter-spacing: 0;
  line-height:1.7;
}
.shipment-tracking #billModal hr{
  border-width: 3px;
  margin:30px 0px;
  border-top: 3px solid #b2c6e5;
}
.shipment-tracking #billModal .v-line{
  height:100%;
  border-left:1px solid #a6bcc8;
}
.shipment-tracking #billModal .form-control{
  font-size:14px;
  padding:5px 15px;
  letter-spacing: 0;
  color:#0167b1;
}
.shipment-tracking #billModal .contact-info{
  text-transform: none;
}
.shipment-tracking #billModal label{
  font-size:13px;
  text-transform: none;
  letter-spacing: 0;
  color:#58595b;
}

#mapModal .modal-content {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
}
#mapModal .modal-body{
  padding: 40px 40px 80px;
}

.gm-style-iw-chr{
  height:25px;
}
.gm-style-iw-chr button{
  top:-10px;
}


@media(min-width:576px){
  .shipment-tracking .modal.custom .modal-body{
    padding:40px 120px 80px;
  }
  .shipment-tracking #billModal .modal-body{
    padding:40px 40px 80px;
  }
  #shipment-tracking-table_info{
    right:0;
  }
  .st-export-btn{
    padding:5px 25px;
    height:36px;
    font-size:13px;
  }
}
@media(min-width:992px){
  .shipment-tracking #billModal .modal-body{
    padding:40px 180px 80px;
  }
}

/*CREATE ORDER*/

.order .browseBtn{
  background:#a6bcc8;
  font-weight:400;
  letter-spacing: 4px;
  font-size:18px;
  border-radius:0;
}
.order .uploadBtn{
  font-weight:400;
  letter-spacing: 4px;
  font-size:18px;
  padding:8.5px 25px;
}
.order .instructions{
  font-size:10px;
}
.order .valid7{
  font-size:14px;
  color:#697a82
}
.order .tuploadBtn{
  background:#a6bdc9!important;
  color:#fff;
  font-size:14px;
  font-weight:500;
  letter-spacing: 1px;
  position: absolute;
  right:30px;
  top:50%;
  transform:translateY(-50%);
}
.order .rate-title, .order .rate-title *{
  background:#002d72!important;
  color:#fff;
  text-align: center;
  font-size:22px;
}

#CustomSelectList{
  overflow: auto;
  max-height: 300px;
  z-index: 100;
}

/*LOGIN*/


@media (min-width: 1570px) {
    .login .header-top .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto;
    }
}

.login .header-top{
  font-size:14px;
  padding-top:20px;
  padding-bottom:5px;
}
.login .header-top h2{
  font-size:21px;
}
.login .header-top .btn{
  text-transform: none;
  font-weight:400;
  font-size:16px;
  padding:5px 25px;
}

.login .header-wrapper{
  margin-bottom:80px;
}

.login strong{
  cursor: pointer;
}

.login .subpage-bg {
    /* background: url(../../content/images/bg-login.png); */
    background:url('../../content/images/subpage-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-attachment:initial;
}

.login .content-wrapper{
  padding-top:20px;
  padding-bottom:50px;
}

.login .content-bg{
  padding:0;
}

.login .container-col{
  max-width:370px;
}

.login .header-logo{
  max-width: 200px;
  width:auto;
  margin-bottom:80px;
}
.login .login-map{
  width:98%;
  margin:auto;
  display: block;
}

.login h1{
  color:#fff;
  font-size:26px;
  letter-spacing: 2px;
  font-weight:700;
  padding-right:0;
  margin-bottom:20px;
}

.login .btn-reset {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size:14px;
  padding-left:10px;
}
.login .btn-submit{
  margin:0;
  padding:3px 15px;
}

.login input.form-control{
  font-size:22px;
  margin-bottom: 15px !important;
}

.login .header-login-hamburger{
  position: absolute;
  right: 25px;
  top: 36px;
}

@media(max-width:499px){
  .login h1{
    font-size: 9.2vw;
    text-align: center;
  }
}

@media(min-width:576px){
  .login .header-login-hamburger{
    right: 25px;
    top: 21px;
  }
}

@media(min-width:768px){
  .login .header-top .btn{
    font-size:18px;
  }
  .login .header-logo{
    max-width: 220px;
    margin-bottom:100px;
  }
  
}
@media(min-width:576px) and (max-width:1200px){
  .header-dropdown{
    max-width:530px;
    margin:auto;
  }
}

@media(max-width:991px){
  .login .content-bg{
    background:transparent;
    padding:0;
  }
  .subpage .quick-links .quick-links-hover.active .quick-links-nav{
    width: 35%;
    margin: auto;
  }
  .home .quick-links .quick-links-hover.active .quick-links-nav{
    width: 35%;
    margin: auto;
    left: 32%;
  }
  .home-tack-container{
    width: calc(.61vw + 260.94px);
    margin: auto;
  }
}
@media(max-width:575px){
  
  .home .quick-links .quick-links-hover.active .quick-links-nav{
    width: 300px;
    margin: auto;
    left: calc(41vw - 135.75px);
  }
  .home-tack-container{
    h1{
      text-align: center;
    }
  }
  
  .subpage .quick-links .quick-links-hover.active .quick-links-nav{
    width: 300px;
    margin: auto;
  }

}
@media(max-width:500px){
  
  
  .home-tack-container{
    width: 78%;
    margin: auto;
  }
  

}


@media(min-width:992px){
  .login .content-wrapper{
    padding-bottom:200px;
  }
}

@media(min-width:1200px){
  .login .header-logo{
    max-width: 290px;
    margin-bottom:140px;
  }

  .login .login-map{
    width:57vw;
    position: absolute;
    right:0px;
    margin-top:-100px;
  }
}

@media(min-width:1570px){
  .login .login-map{
    top:0;
    transform:translateY(0%);
    width:950px;
    margin-top:0px;
  }
}

@media(min-width:1700px){
  .login .login-map{
    right:140px;
  }
}


/*REGISTRATION*/

.sign-up h1{
  color:#fff;
  font-weight:500;
  text-transform: uppercase;
  font-size:30px;
}
/* .sign-up .content-wrapper p{
  color:#3299e3;
  font-weight:500;
} */
.sign-up .header-top{
  background:transparent;
}
/* .sign-up .form-check-label{
  color:#3299e3
} */

/*SUBPAGE CALCULATOR*/

/*TRANSIT TIME CALCULATOR*/

.subpage-calc h3{
  color:#fff;
  font-size:25px;
}

.subpage-calc .pika-button, .subpage-calc .pika-row.pick-whole-week .pika-button{
  text-align: center;
}
.subpage-calc .pika-button:hover, .subpage-calc .pika-row.pick-whole-week:hover .pika-button{
  background:transparent;
}

.subpage-calc .btn-wrapper .btn{
  font-size:17px;
  font-weight:500;
  letter-spacing: 3px;
  width:100%;
  padding:10px 20px;
}
.subpage-calc .row-number{
  background:#3bacfe;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content: center;
  width:48px;
  height:45px;
  font-weight:500;
  font-size: 14px;
}
.subpage-calc .table-results .row-number{
  width:62px;
}
.subpage-calc input[type="text"].form-control {
  background: #fff;
  color:#58595b;
}
.subpage-calc input[type="text"].form-control::placeholder {
  color:#58595b;
}
.subpage-calc .table-results{
  padding-top:50px;
}
.subpage-calc .table-results h2{
  /* background:#002d72; */
  color:#fff;
  padding:15px 0;
  font-size:22px;
  letter-spacing: 2px;
  margin:0;
}
.subpage-calc .table-results table, .subpage-calc .table-results table th, .subpage-calc .table-results table td{
  background:#fff;
  text-align: center;
}
.subpage-calc .table-results th{
  color:#0a73bf;
  text-transform: uppercase;
  font-size:18px;
}
.subpage-calc .table-results td{
  color:#58595b;
  text-transform: uppercase;
  font-size:14px;
  font-weight:500;
  vertical-align: middle;
}
@media(max-width:499px){
  .sign-up .text-small{
    font-size:3vw;
  }
}
@media (min-width: 992px) {
    .subpage-calc .content-wrapper {
        padding: 15px 80px 15px;
    }
}
@media (min-width: 1200px) {
    .subpage-calc .content-wrapper {
        padding: 15px 80px 15px;
    }
}

/*FREIGHT CLASS CALCULATOR*/

.freight-calc .row-number{
  position:absolute;
  left:-40px;
  top:50%;
  transform:translateY(-50%);
}
.freight-calc h3, .insurance-calc h3{
  font-size:14px;
}
.freight-calc span, .insurance-calc span{
  color:#a6bdc9;
}
.freight-calc .table-results table, .freight-calc .table-results table th, .freight-calc .table-results table td{
  background:#fff;
}

@media (min-width: 992px) and (max-width:1399px) {
    .freight-calc .btn-wrapper .btn {
      font-size: 13px;
      padding: 10px 10px;
    }
    .freight-calc .content-wrapper {
        padding: 55px 70px 55px;
    }
}

/* INSURANCE CALCULATOR */

.insurance-calc .table td, .insurance-calc .table th {
    width: 50%;
}

/* QUICK TRACK */

.quick-track h1{
    font-weight: 600;
    letter-spacing: 4px;
    font-size: 40px;
}
.quick-track h2{
  font-size:26px;
}
.quick-track .right .bold{
  color:#3bacfe;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing: 2px;
  margin:0;
}
.quick-track .right .large{
  font-size:28px;
  font-weight:600;
  margin-bottom:5px;
}
.quick-track .right p{
  font-size:20px;
  line-height:1.4;
}
.quick-track .st-btn{
  font-size: 20px;
  font-weight: 600;
  width: 100%;
  padding:10px;
}
.quick-track .left table td{
  padding:6px 25px;
  color:#58595b;
  vertical-align: middle;
}
.quick-track .left table tr td:nth-child(2){
  color:#1967b2;
  font-weight:600;
}

/*FOOTER*/
footer{
  background:rgba(0, 17, 30, .7);
  color:#fff;
  text-align: center;
  padding:50px 0;
  font-size:14px;
  letter-spacing: 1px;
}


footer .text{
  font-size: 30px;
  font-weight: 200;
}
footer .social-icons a{
  display:inline-block;
}
footer .social-icons i{
  background:#2eb1ff;
  border-radius:5px;
  color:#00111e;
  height:25px;
  width:25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
  top: -5px;
}
footer .social-icons i:hover{
  background:#fff;
}
footer .left a{
  text-decoration: none;
  color:#2eb1ff;
  letter-spacing: 2.5px;
}
footer .left a:hover{
  color:#fff;
}
footer .right a{
  font-weight:500;
}
footer h2{
  color:#2eb1ff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom:15px!important;
}
footer ul{
  list-style-type: none;
  text-align: left;
  text-transform: uppercase;
  font-size:12px;
  padding:0;
  margin-bottom:0;
}

footer .border-end{
  border-color:#0069b3!important
}

@media(max-width:575px){
  footer .border-end.last{
    border: 0 !important;
  }
  footer .pad-left{
    padding-right:36px;
  }
  footer .pad-right{
    padding-left:36px;
  }
  .loading-icon img{
    max-width: 255px;
  }
  .subpage-calc h3{
    font-size:17px;
  }
  #quoteCartModal h1 {
    font-size: 21px;
    padding-top: 10px;
  }
    #quoteCartModal .g-1 img {
      width:40px;
  }
  .total-lineh-mob{
    line-height: 1.7 !important;
  }
  .transit-calc .row-number{
    display: none !important;
  }
  
}
@media(max-width:490px){
  
  .ticker__item .image-container{
    position: relative;
    right: 40px;
  }
  .ticker__item .col-sm-auto{
    font-size: 14px;
  }
  .welcome-text{
    font-size:15px;
  }
  .transit-calc .form-control {
    font-size: .7rem;
  }
}
@media (max-width: 429px) {
  .welcome-text {
      font-size: 11px;
  }
  .transit-calc .container-large {
    width: 95%;
    max-width: 95%;
  }
}

@media(min-width:576px){
  footer .footer-truck{
    max-width:440px;
  }
}
@media(max-width:620px){
  .quoteModal.modal .remove-in-cart {
    margin-bottom: 10px;
  }
}
@media(max-width:768px){
  .login .login-text{
    width: 85% !important;
    position: relative;
    top: 45px;
  }
  .login .login-map-mob{
    width: 100% !important;
  }
}

@media(min-width:992px){
  
}

/* GLOBAL TO OVERIDE OTHER STYLING */

.bg-primary{
  background:#002d72;
}
.bg-grey{
  background:#58595b;
}
.bg-blue{
  background:#0072bc;
}

@media(min-width:992px) and (max-width:1072px){
  .subpage-calc .btn-wrapper .btn {
    font-size: 12px;
  }
}
@media(max-width:991px){
  .home .header-wrapper {
    padding-bottom: 125px;
  }
  .home .header-wrapper.active {
    padding-bottom: 100px;
  }
}

@media(max-width:768px){
  
  .logo-home{
    text-align: center;
  }
}
@media (max-width: 575px) {
  .home .content-wrapper {
      padding-bottom: 170px;
  }
  .home .header-wrapper.active {
    padding-bottom: 100px;
  }

  .header-top .form-control{
    padding: 6px 5px;
  }
  .header-wrapper select.form-control {
    padding-right: 30px;
  }
  .enter-ordes-h2{
    margin-bottom: 15px !important;
  }
  .addressBtn {
    font-size: 15px !important;
  }
}
@media (max-width: 480px) {
  .panel-content-form .csa-additional-form-row .csa-additional-form-row-item .csa-broker-checkbox label {
      margin-left: 12px;
  }
}
@media (max-width: 400px) {
  
  .addressBtn {
    font-size: 13px !important;
  }
}

.csa-accordion-panel-summary .panel-content-form {
  margin: 30px 0 25px;
}
.pickup-add-btn, .add-customs, .remove-customs, .file-upload-wrapper::before, .add-dimension, .remove-dimension{
  border-radius: 6px !important;
}