/*!
	Custom CSS
 */

 .hideInit{
	visibility:hidden;
 }

 .invi{
	 display:none;

 }

  .floatLeft{
	float:left;
 }

 .floatRight{
	float:right;
 }


 .noUnderline{
     text-decoration:none;
 }


 .marginTop10px{
	 margin-top:10px;
 }

  .marginTop20{
	 margin-top:20px;
 }


 .padd8{
	 padding:8px;

 }

 .error{
	 color:red;
	 font-size:12px;
	 font-weight:normal
 }

 .bld{
	 font-weight:bold
 }


  .modal { overflow: auto !important; }


  .black{
      color:#555555;
  }


  .mainWhite{
    color:#FFFFFF;
    font-size:18px;
    font-weight:normal
}


  .select-intn {
  background-color:transparent;
  padding-right:10px;
  margin-top:10px;
  color:#e99a4f;
  font-family:'MyriadPro';
  font-size:16px;
  line-height:1.24;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-left:15px;
  padding-right:15px;
  border:1px solid rgba(40,25,8,0.35);
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}



.errorInput{
    font-size:14px;
    color:#D80A28;
    margin-top:10px;
    margin-bototm:10px;
}


.divLoader{
    font-size:14px;
    color:#e99a4f;
    margin-top:10px;
    margin-bototm:10px;
    clear:both;
}


.select-dropdown {
  position: static;
}
.select-dropdown .select-dropdown--above {
      margin-top: 336px;
}


.bgservices-newv1 {

    min-height: 100px;
    padding-top: 0px;

}

.freights-landseair{

    padding-top:100px;
}

.recaptCha {
    line-height: 1.24;
    font-family: MyriadPro;
    font-size: 18px;
    padding-left: 100px;
    width: 45%;
    color: #e99a4f;
    display: inline-table;
    cursor: pointer;
    max-width: 180px;
    width: 100%;
    text-align: right;
    margin-left: 35px;
    font-size: 12px;
}


.errorLabel{
    margin-top:10px;
    font-size:16px;
    color:#D80A28;
    line-height: 18px;
}

.orangeSpan{
    color:#e99a4f;
}

.linkHasPage{
    text-decoration:none;
}


.status-tracking{

    margin-top:-7px;
}


.blueModalLink{
   color:#2199e8;
   opacity:1 !important;

}


.confirmshipperBlack {
    line-height: 1.24;
    padding: 15px;
    font-size: 20px !important;
    font-family: MyriadPro;
    color: #000000;
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 10px;
}

.confirmshipperAdd{
    color:#e99a4f;
     cursor: pointer;
}


.sectionFormRecipient{
    margin-top:30px;
    border:1px solid #e99a4f;
}


.borderBottomNone{
    border:none;
    padding-bottom:0px;
}




.orangeLink {

    line-height: 1.24;
    font-family: MyriadPro;
    color:#e99a4f;
    padding-bottom: 5px;
    padding-right: 10px;
    font-size: 15px;
    cursor:pointer;
    text-decoration:none;

}


.removeRecipientConfirmCenter{
    text-align: center;
    line-height: 1.24;
    font-family: MyriadPro;
    color:#e99a4f;
    padding-bottom: 5px;
    padding-right: 50px;
    font-size: 18px;
    cursor:pointer

}

.removeRecipientConfirm{
    text-align: center;
    line-height: 1.24;
    font-family: MyriadPro;
    color:#e99a4f;
    padding-bottom: 5px;
    padding-right: 50px;
    font-size: 18px;
    cursor:pointer
 }




.removeRecipient {
    text-align: right;
    line-height: 1.24;
    font-family: MyriadPro;
    color:#e99a4f;
    padding-bottom: 5px;
    padding-right: 50px;
    font-size: 18px;
    cursor:pointer
}


.removeRecipient img{
    width:25px;
}


.countryOrange{
    color: #e99a4f;
    padding-top: 20px;
    padding-left:15px;

}


.countryBlack{
    color: #281908;
    padding-top: 20px;
    padding-left:15px;

}



.countryOrangeSearch{
    color: #e99a4f;
    padding-top: 20px;
    padding-left:15px;
    font-size:30px;

}


.selectdocuments-div-center {
    display: inline-block;
    padding-bottom: 50px;
    max-width: 300px;
    width: 100%;
    text-align: center;
    margin: auto;
}

.redFontColor{
    color:#D80A28;
}

.yellowFontColor{
    color:#e99a4f;

}



.shippername.halfWidth{
    max-width:50%;
}

.lastname.halfWidth{
    max-width:50%;
}


.span-thankyou-top-email {
    display: block;
    text-align: center;
    font-family: MyriadPro;
    line-height: 1.24;
    font-size: 26px;
    color: #281908;
}


h1.seo {
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute!important;
  border: 0!important;
  padding: 0!important;
  margin: 0!important;
  clip: rect(1px,1px,1px,1px);
}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
              .ienote {
                   width: 100%;
                  position: absolute;
                   display:flex !important;
                   align-items: center;
                     margin-top:55px;
                  height: 55px;
                   background-color: #46a1f8 !important;
                   text-align: center;
                   z-index: 1020;

              }
              .ietextnote{

                position: relative;
                font-family: 'MyriadPro';
                line-height: 1.24;
                text-align: center;
                color: #fff;
                font-size: 16px;
                width: 100%;
                letter-spacing:1px;
                word-spacing: 1px;

              }
 }


 .estimateStatus{
     margin-top:0px;
     height:20px;
 }



.v-container {
  overflow: hidden;
  width: 100%;
}
.v-container video {
display: block;
width: 100%;
}


.services-v-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 98%;
/*z-index: 1023;*/
  overflow: hidden;
}
.services-v-container video {
  padding-top: 10px;

  min-width: 100%;
   min-height: 100%;
/*z-index: 1023;*/
}




.labelCOP{
    background:none;
    color:#e99a4f;
    font-size:20px;
}


.ratesNotice{
    line-height: 1.24;
    font-family: 'MyriadPro';
    color:#bbb;
    font-size: 32px;
    text-align: center;
    font-weight: 700;
}


#choosecountrydiv.invi{
    display:none;
}


.ippvalue {
    color: 
    #fff;
    font-size: 22px;
    font-family: 'MyriadPro';
    line-height: 1.24;
    padding-top: 10px;
    margin-bottom: 5px;
}



#choosecountrydiv.invi{
    display:none;
}


.zipCodeStatusText{
    line-height:18px;
    font-size:16px;
}

.zipBlueText{
    color:#2199e8;  
}

.coverloadCustom {
  width:100%;
  display:block;
  position:fixed;
  height:100%;
  background-color:#f4f4f4;
  z-index:999;
  padding-top:100px;
}

.ratesResult{
   height:50px;
   margin-top:5px;
}


.marginRight100{
    margin-right:100px;
}



.whiteFontLink::after{
      content: url(../../assets/img/right-arrow-10px-white.png);
}

.whiteFontLink{
    color:#FFFFFF;
}


.pickupnow-logo {
    width: 45px;
    position: absolute;
    left: 0;
    display: block;
    cursor: pointer;
    margin-left: 22%;
    top: 0;
    margin-top: 20px;
}



@media (min-width:1224px) {

    .pickupnow-logo {
        width: 45px;
        position: absolute;
        left: 0;
        display: block;
        cursor: pointer;
        margin-left: 22%;
        top: 0;
        margin-top: 20px
    }
}

@media (min-width:1024px) and (max-width:1224px) {

    .pickupnow-logo {
        width: 45px;
        position: absolute;
        left: 0;
        display: block;
        cursor: pointer;
        margin-left: 15%;
        top: 0;
        margin-top: 20px
    }
}
@media (min-width:686px) and (max-width:1024px) {

    .pickupnow-logo {
        width: 45px;
        position: absolute;
        left: 0;
        display: block;
        cursor: pointer;
        margin-left: 80px;
        top: 0;
        margin-top: 20px
    }
}
@media (max-width:686px) {

    .pickupnow-logo {
        width: 35px;
        position: absolute;
        left: 0;
        display: block;
        cursor: pointer;
        margin-left: 20px;
        top: 0;
        margin-top: 15px
    }
}

.singleOption {
    
    /*
    display: block;
    line-height: 1.24;
    text-align: center;
    max-width: 100%;
    font-size: 18px;
    font-family: MyriadPro;
    color:#281908;
    padding: 8px;*/
    
        line-height: 1.24;
        padding: 10px;
        font-size: 18px;
        font-family: MyriadPro;
        color:#281908;
        text-align: center;
        width: 330px;
        display: block;
        cursor: pointer;
        margin-top: -5px;


}



/*for custom css selectbox*/

@media (max-width:686px){
  .fc-select{
    display: block;
      margin-bottom: 15px;
    width: 100%;
  }
  .fc-select-title{
    color: #919191;
    font-family: 'MyriadPro';
    font-size: 16px;
    line-height: 1.24;
    text-align: center;
    width: 100%;
    display: block;
  }

  .fc-select-sets{
  margin-left: auto;
  margin-right: auto;
  width: 250px;
  position: relative;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;

  }

}
@media (min-width:686px){
  .fc-select{
    display: flex;
    align-items: center;
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    margin-bottom: 15px;
  }
  .fc-select-title{
    color: #919191;
    font-family: 'MyriadPro';
    font-size: 16px;
    line-height: 1.24;
    text-align: right;
    margin-left: -60px;
  }

  .fc-select-sets{
  width: 250px;
  position: relative;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;

  }

}



.pTest{

  color: #D80A28;
  font-family: 'MyriadPro';
  font-size: 18px;
  line-height: 1.24;
width: 100%;
}
.sets{
  margin-top: 30px;
  z-index: 1024;
  position:absolute;
  display:none;
  padding:15px;
background:#fff;
line-height: 1.24;
width: 100%;
overflow-y: auto;
max-height:200px;
}
.wahp, .wahp:hover{
  width: 100%;
  cursor: pointer;
  opacity:1;
  line-height: 1.24;
  padding-bottom: 5px;
}
.fc-select-set-list{
  color: #D80A28;
  font-family: 'MyriadPro';
  font-size: 18px;
  line-height: 1.24;
width: 100%;
display: block;
}
.fc-select-set-list-small{
  display: block;
  color: #D80A28;
  font-family: 'MyriadPro';
  font-size: 12px;
  line-height: 1.24;
width: 100%;
}


.fc-select-sets .fc-select-arrow-done{
  position: absolute;
  right: 0;
  width:10px;
  height: 5px;
  top: 10px;
  margin-right: 3px;
}

.fc-select-sets.actlive .fc-select-arrow-done{
     transform: rotate(180deg);
}


/*end of custom css selectbox*/


  .branchOperationSearch {
    display: flex;
    max-width: 500px;
    width: 100%;
    border: 1px solid #d00149;
    padding: 15px;
    margin-right: 10px;
    line-height: 1.25;
    font-size:20px;
     border-radius: 10px;
     color: #323232;
     transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.branchOperationSearch::placeholder {
color: #d00149;
opacity: 1;
  line-height: 1.25;
  font-size:20px;

}


.branchOperationSearch:focus {
  box-shadow: 0 0 5px rgba(208, 1, 73, 1);
}


.branchOperationSubDesc{
    margin:30px 20px 20px 20px;
    color:#bbb;
    font-size:20px;
    line-height:25px;
}

.branchOperationDesc{
    margin:50px 20px 20px 20px;

    font-size:30px;
    line-height:40px;

}



.branchOperationDescRadioDiv{
    margin-top:30px;
    clear:both;

}


.optionsdiv{
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.optionsselection{
  padding-left: 25px;
  padding-right: 25px;

}

.branchOperationDescRadioSel{
  /*  margin-top:10px;*/
    line-height: 1.3;
    font-size:18px;
}

.minHeightBranchOperation{
    min-height:400px;
}

.marginBranchOperationRadio{


}

.branchOperationGray{
    margin-top:10px;
    color:#bbb;
    font-size:18px;
    line-height:20px;
}

.branchOperationAlternate{
    margin-top:22px;
    font-size:18px;
    line-height:22px;
}


.branchOperationAlternateMobile{
    margin-top:0px;
    font-size:18px;
}


.branchOperationGrayMobile{
    margin-top:0px;
    color:#bbb;
    font-size:18px;
    line-height:20px;
}


.listResultDesktop{
    padding-top:0px;
}

.listResultMobile{
    padding-top:0px;
}

.blueBranchOperationUpdatedDate{

    color:#007aff;
    font-size:23px;
    margin-top:50px;
    margin-bottom:0px;
}

.clearBoth2{
        clear:both;
}

.tt-start.paddBottom10px{
    padding-bottom:10px;

}

.dateLatest{
    line-height:23px;
}



.ratesnotactive{
  filter: grayscale(100%);
  opacity: 0.3;
  pointer-events: none;
}


.blueSubtitleText{
   color:#2199e8;
   opacity:1 !important;
   text-align:left;
   font-size:16px;
}


.blueSubtitleText2{
   color:#2199e8;
   opacity:1 !important;
   text-align:center;
   font-size:16px;
}

.errorInputRate{
    font-size:18px;
    color:#D80A28;
    margin-top:10px;
    margin-bototm:10px;
}


.ext-select-bank.active{
    border:1px solid #d80a28;
}




.div-submit-activeIPP{
    text-align: center;
    font-family: MyriadPro;
    line-height: 1.24;
    font-size: 18px;
    padding: 10px 25px;
    background-color: #c02b2e;
    color: #fff;
    cursor: pointer;
    
}



.checkmark2 {
    position: absolute;
    top: 10px;
    left: 0;
    height: 35px;
    width: 35px;
    background-color: #eee;
    border: 2px solid red;
    border-radius: 5px;
}



.codcopyn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    
    .stopbreak{
      display: flex !important;
      align-items: center !important;
  }
  
  
  
  .checkRatesSection {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}


  .btnCheckRates {
    color: #372727;
    font-family: 'MyriadPro';
    font-size: 12px;
    line-height: 1.24;
    position: relative;
    border: 1px solid rgba(40, 25, 8, .35);
    padding: 5px 10px;
    border-radius: 5px;
}


.exclusive-branches-senior {
    width: 30px;
    display: block;
}



.jqRateToBooking, .jqRateToBooking:hover{
    font-size:16px;
}



.font16Custom{
    font-size:16px;
}



.sectionFormIncompleteIPP {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    align-items: start;
    padding-left: 100px;
    padding-right: 100px;
    margin-bottom:10px;
}

    .showSectionIPP{
      display:flex;
    }

    .editIPP{
        background-color:#d80a28;
        padding:2px 2px 2px 2px;
        color:#FFFFFF;
        font-size:12px;
        width:50px; 
        border-radius: 5px;
    }


    .testDev{
        background-color:#d80a28;

    }


    .online-booking-enter{
        position: absolute;
        line-height: 1.24;
        vertical-align: middle;
        right: 10px;
        font-family: 'MyriadPro';
        font-size: 18px;
        color: #FFFFFF;
        background-color:#D80A28;
        cursor: pointer;
        padding-left:10px;
        padding-right:10px;
        padding-top:3px;
        padding-bottom:3px;
        top:15%;
      } 



   /**********TNT********/


   .track-eta-ph{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: 1px solid #d3c9c9;
    line-height: 1.24;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    font-family: 'MyriadPro';
    justify-content: space-around;
  }
  .track-eta-history{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    line-height: 1.24;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'MyriadPro';
    color: #919191;
    font-size: 18px;
  }
     
  .track-eta-ph-left{
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #404040;
    text-align: center;
  }
  .track-eta-ph-mid{
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #d00149;
    text-align: center;
  }
  .track-eta-ph-right{
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #404040;
    text-align: center;
  }
     /**********TNT END********/