body { width: 100%; height: 100%; padding: 0; margin: 0; font-family: 'Roboto', sans-serif; overflow-x: hidden; }
div { box-sizing: border-box; }
p { padding: 0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
h1 { padding: 0; margin: 0;font-family: 'Lato', sans-serif;font-weight: 900;}
h1 { padding-top: 30px; font-weight:900;}
a { text-decoration: none; }
h2,h3,h4,h5,h6{font-family: 'Lato', sans-serif;font-weight: 900;}
h2, h3 {font-size: 23px;}
thead {
background: #212233;
color: #ffffff;
}


.borderArea{
border: 2px solid #212233;
padding: 10px 10px;
border-radius: 4px;
margin-bottom: 10px;
}
#POPI{
position: fixed;
width: 100%;
bottom: 0;
z-index: 999999;
}
.respShow{display:none !important;}
/* responsive update  */
@media (max-width: 800px) {
.mobTextLeft{text-align: left!important;}
.smallMobileHide{display:none;}
#legalLinks{text-align:center;}
.respHide{display: none !important;}
.respShow{display:block !important;}
.collapse{max-height:auto!important;}
/* .jumbotron{height:910px !important} */
.price-flex{flex-wrap:wrap;}
.profileContainer{width:90%}
.profileEdit #form1 {width: 100% !important;}
.mobileShow{display:block;}
.mobileForm{display:block;}
#flex-information {
flex-basis: 1;
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.agent_points {
width: 90%!important;
padding: 0px;
margin: 7px;
}
#become_agent #Form1{
width: 100%!important;
}
}

.c { clear: both; }
#checkList ul li:before{font-weight: 900;content: '\2713';font-size: 25px;color: #e1273e;}
#logo { width: 240px; }
/*Menu*/
.menuWrap{display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;}
#menu ul li{display: inline-flex;padding: 10px;}
.contact-info.text-center svg {
margin-bottom: 10px;
}

/*header*/
#header{padding: 10px 16px; background-color: transparent;}
.sticky{position: sticky; top:0; width: 100%; background-color: #212233 !important; z-index: 999;box-shadow: -1px 2px 3px 1px black;}
/* map */
#map {height: 550px;width: 1100px;margin: auto;display: inline-block;}
.become_agent_banner img {width: 175px;}
.map-page {width: 90%;margin: auto;display: flex;align-items: center;}
.become_agent_banner{display: inline-block;}
#menu li a:hover {color: #E1273E;}
#menu li a:active {text-decoration: underline;}
#menu svg:hover{fill:#E1273E;}
.message{background-color: #e1273e !important;}
/*pricepage*/
/* .country-box a {color: inherit;}
.country-box a:hover {color: initial !important;text-decoration: none !important;}
.page-head.price-page {height: 340px; display: flex;justify-content: center;align-items: center;}
.price-box{display:flex;flex-wrap: wrap;margin:0 2px 10px 2px;justify-content: center;border:2px solid #212233;border-radius:4px;min-width: 0px;background: #212233;}
.inner-flexbox{display:flex;margin:0 2px 10px 2px;text-align:center; overflow: hidden;}
.box{flex: 1 1 240px;margin: 10px;border:2px solid black;border-radius:4px;min-width: 175px;overflow: hidden; background: #fff;transition: all .2s ease-in-out;}
.price-box h2{flex: 1 100%;text-align:center;color:#fff;}
.bottom-area{border-top:1px solid gray;background-color: #E1273E;height: 100%;}
.price-flex {display: flex;justify-content: center;padding: 22px;}
.bottom-area p {color: #fff;}
.price-desc {font-style: italic;font-size: x-large;text-align: center;padding-top: 10px; margin:0px;}
.price-title {font-size: 4rem;text-align: center;margin: 0px;padding-top: 0px;padding-bottom: 10px;color: #000;}
.starred-note {font-weight: 200;font-style: italic;text-align: center;}
.country-box {border: 2px solid gray;margin-top: 20px;border-radius: 4px;}
.box:hover {transform: scale(1.1);} */
/* Global CSS*/
.wrapper { max-width: 1100px; margin: auto; padding-bottom: 20px!important;}
.col50 { display: block; width: 50%; float: left; height: 200px; }
.col50 img { width: 100%; }
h1.page-headings {font-size: 80px; color: #fff; font-weight: 900; text-transform: uppercase;}
.page-head {width: 100%;background:url("https://fastpost.b-cdn.net/src/img/header-temp.png") no-repeat center;padding-bottom: 50px;background-size: cover;}
.white-desc {color: #fff; margin: 7.3px;padding-bottom: 20px;}
.white-link{color: #fff;}

/* Tracking Page */
/* #track-head{padding-bottom: 80px;padding-top: 80px;} */
/*#track-head p:nth-child(odd) {background: #000000a8;}*/
#track-head p {color: white;}
#track-head .white-desc {background-color: transparent;width: auto;}
#track-head em {font-size: 10px;}
#l {width: 60%;line-height: 40px;}
#formSearch {margin: 0 auto;background-color: #00000078; padding: 18px 0px 18px 22px;width: 60%;}
#button {float: none;}
/*footer*/
footer {width: 100%;padding-top: 20px;padding-bottom: 10px;background-color: #212233;;display: inline-block;}
.footer-row {width: 90%; margin: 0 auto;}
.footer-container {padding-right: 15px; padding-left: 15px;margin-right: auto;margin-left: auto;width:70%;}
.contact-info {font-family: Lato, sans-serif;display: inline-block;vertical-align: top;min-width: 25%;}
   .footer-row {display: flex;flex-wrap: wrap;justify-content: center;}
   .text-center {text-align: center;}
   .contact-info h4 {color: #ffffff;font-size: 18px;font-weight: 600;letter-spacing: 0.5px;margin-bottom: 8px;}
   ul {margin: 0;padding: 0;list-style: none;}
   .contact-info a {color: #FFFFFF;font-weight: normal;letter-spacing: 0.5px;font-size: 14px;}
   .contact-info a:hover{text-decoration: underline;}
   hr.divider {border-top-color: #fff;margin-top: 25px;}
   .container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
   #footer_copyright p {color: #ddd;font-size:14px;}
   .contact-socials {display: inline-block;padding-left: 0;}
   #scr-img {text-align: center;}
   #scr-img img {width: 230px;}
   .footer-li { display: inline-block;}
   .footer-li svg {width: 20px;padding: 3px;}
   #scr-img {text-align: center;padding: 18px 0px;margin:0 auto;padding-bottom: 30px;}
   .scr-single-svg {display: inline-block;}
   #send-svg img, #collect-svg img, #return-svg img {width: 87px;padding: 1px;}
   .scr-heading {color: #fff;text-transform: lowercase;margin: 1px;font-weight: normal;}
   .scr-bottom-text {color: #fff;margin: 1px;font-style: italic;}

    /*How it works*/
   #how-works {padding: 0px;font-size: xxx-large;text-align: center;}
   .scr h1,.scr h2{font-family: 'Lato', sans-serif;font-weight: 900;text-transform: uppercase;}
   .scr p{font-family: 'Roboto', sans-serif; font-weight:100;}
   .scr h3 {font-family: 'Lato', sans-serif;font-weight: 400;}
   .how-it-works{width:60%;display:flex; justify-content: center; align-items:space-around;flex-wrap:wrap; margin:auto;}
   .scr-step{width: 180px; padding:10px;}
   .scr-step img{width:75px;margin: 0 auto;display: block;}
   .scr-step p{text-align:center;}
   .scr-step h3{text-align:center;}
   .scr-icon{margin:0 auto;}
   .scr h2{text-align:center;}
   .scr{width:100%; padding: 0px; margin-bottom: 40px;}
   /*Register form*/
   .reg-form {padding-top: 20px;}
   .register-form-box {width: 55%;margin: auto;background: #00000096;padding: 30px;}
   /*.reg-form-1 .txtFld {width: 60%;padding: 10px;font-size: 18px;}
   .reg-form-1 label {display: block;padding: 0px;margin-bottom: -20px;}*/
   .register-form-box #form1 {background: none;padding-bottom: 0px;}
   /*.reg-form-1 .btn {margin-top: 10px;}
   .register-form-box .white-desc {padding-bottom: 0px;}
   .reg-form-1 {width: 100% !important;display: unset !important;}*/
   /*Send-2 pages*/
   .wrapper.send2-wrapper {width: 50%;}
   /*.send2-wrapper .hd1 {color: #E1273E;font-weight: 100;text-transform: uppercase;border-bottom: 1px solid #d6d5d5; font-size: 20px;padding-top: 10px;}*/
   .send2-wrapper .hd1 {color: #fff;background:#212233;font-weight: 900;text-transform: uppercase; font-size: 20px;padding: 10px;margin-bottom:10px;}
   .hd1 svg {fill: #e6273e;}
   .agentDetails .agentImage {border-radius: 4px;}
   .send2-form-fields .rounded-fields {font-size: 18px;width: 70%;padding: 10px;}
   .send2-form-fields .btn {margin: 8px; float: right!important;}
   .shippingMethod {display: flex;justify-content: space-between;flex-wrap: wrap; width:100%;}
   .send2-form-fields select {border-radius: 4px;border: 1px solid #D7D7D7;box-sizing: border-box;color: #232323;background-color: #fff;font-size: 18px;width: 60%;padding: 10px;}


      /* .jumbotron {background: linear-gradient(#212233, #e1273e);top: 0;border-radius: 0px;} */
      #particles-js {background-color: #212233; background:url("/src/img/header-temp.png") no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
      #particles-js h1 { padding-top: 200px; color: #fff; padding-bottom: 12px !important; text-align: center;padding-bottom: 40px;}
      #particles-js h3 { color: #fff; }
      #particles-js p { text-align: center; color: #fff; }
      #particles-js a { text-align: center; padding:20px; background: #fff; }
      .store { float: left; width: 200px; height: 300px; background: #ccc; margin-right: 20px; float: left; }
      .shippingOptions input { width: auto; }
      .shippingOptions div { width: 13%; display: block; float: left; height: 30px; color: #fff; }
      /* send form*/
      .form-radio-options [type=radio]{position: absolute;opacity: 0;width: 0;height: 0;}
      .form-radio-options [type=radio]:checked + svg{border:2px solid #fff;border-radius:4px;background-color:#fff;color:#fff; fill:#E1273E;}
      .form-radio-options [type=radio]:hover + svg {border:2px solid #fff;border-radius:4px;background-color:#fff;color:#fff;fill:#E1273E;}
      .form-radio-options p{margin:2px;padding:10px;text-align:center;}
      .Capa_1 {color: white;fill: #fff;width:90px;height:90px; padding:5px;border:2px solid transparent;}
      .form-radio-options label{color:#fff; margin:20px;display:inline-block; text-align:center;width:210px;transition: 0.2s ease;}
      .form-radio-options{display:inline-block;display: flex;flex-wrap: wrap;justify-content: center;}
      .form-radio-options label:hover {transform: scale(1.3);}
      /* #step2LocalSatchels {display: none;width: 50%;} */
      #step2LocalSatchels .form-radio-options {margin: 0 auto;}
      /* #step2LocalSatchels .Capa_1 {width: fit-content;} */

      /* #step2LocalSatchels #continueLocalSatchels, #step2Parcels #continueLocalParcel, #sendInternationalCountrySelector #chooseSendingPoint, #sendInternationalWeight #continueInternational {margin: 0 auto;float: none;margin-top: 20px;} */
      /* #step2Parcels #continueLocalParcel, #step2LocalSatchels #continueLocalSatchels, #particles-js .homeBtn{margin-bottom: 20px;} */
      /* #sendInternationalCountrySelector, #sendInternationalWeight {width: 60%;} */
      /* #step2LocalSatchels .form-radio-options {flex-wrap: nowrap;} */

      /* Satchel Sizes*/
      #parcel-sizes{padding-top:40px;width:100%;display:flex;flex-wrap:wrap;align-items:center;}
      #parcel-sizes [type=radio]{position: absolute;opacity: 0;width: 0;height: 0;}
      #parcel-sizes h1{text-align:center;color:#000;font-size:20px; width:200px;line-height:30px;padding: 0px !important;border: 2px solid #ffffff;}
      #parcel-sizes [type=radio] + h1{background-color:#fff;border-radius:4px;}
      #parcel-sizes [type=radio]:checked + h1{border:2px solid #E1273E;border-radius:4px;background-color:#E1273E;color:#fff;}
      #parcel-sizes [type=radio]:hover + h1{color:#fff;background-color:#E1273E;border:2px solid #E1273E;}
      .satch-type{width: 20%;display:inline-block;}
      .satchel-btn {background: transparent !important;}
      /*shipping options images*/
      .shippingOptions div img{height: auto!important; max-width: 100%; object-fit: contain;}
      #homePackage { width: 100%;display: block; height: 160px; padding: 20px; }
      #homePackage input{ width: 23%; line-height: 30px; }
      #homeSendingFrom { float: left; width: 66.66%;display: block; height: 160px; padding: 20px; }
      #homeSendingFrom .homeField { width: 50%; float: left; display: block; }
      /* #homeDestination {display: block; padding-bottom: 20px;} */
      #homeDestination .homeField { width: 100%; display: block; }
      /*Opaque Box on hero image for form*/
      #particles-js .homeBtn {background-color: #ffffff!important;color: #E1273E; float: none;margin-top: 20px;}
      #form1{background: #dd1e3e;padding: 2px; height:30%; width: 80%; display: flex; justify-content: center; align-items: center; margin: auto; margin-top: 20px; border-radius: 4px; min-height: 350px;}
      #form1 h3{font-size: 25px;}
      .homeIF { width: 90%; padding:13px; text-align: center;}
      /*homeIF Placeholder text*/
      .homeIF::Placeholder{color: #000; font-size: medium; }
      .homeBtn { -webkit-appearance: none;margin: 2px 19px; background-color: #E1273E; color: #FFFFFF/*#666*/; font-size:inherit ;line-height: 40px; display: inline-block; /*margin: auto;*/float:right; width: 200px; border-radius:4px /*30px*/;font-weight: bold;border: 1px solid transparent;}
      .homeBtn:hover {background-color: #fff;color: #212233;}
      /*text & input field class*/
      .rounded-fields{text-align: center; display: inline-block;position: relative;border: 1px solid #D7D7D7;box-sizing: border-box;color: #232323;background-color: #fff;width: 100%;border-radius: 4px; font-size: 18px;padding: 10px;}
      .fstElement {border-radius: 4px;}
      .homeIF {border-radius: 4px}
      .homeField.sendFormClass {padding-right: 35px;}
      .userNav { height: 70px; background: #212233; display: block; }
      .userNav .wrapper { max-width: 90%; text-align: right; }
      .userNav a { color: #fff; display: inline-block; margin-left: 30px; line-height: 40px; }
      /* #step2Parcels {width: 50%;} */
      /* #sendInternationalCountrySelector select{display: inline-block;position: relative;border: 1px solid #D7D7D7;box-sizing: border-box;color: #232323;background-color: #fff;width: 100%;border-radius: 4px; font-size: 18px;padding: 10px;} */
      /* #step2Parcels input {margin: 12px;} */
      /* #step2Parcels .rounded-fields {width: 82px;font-size: 11px;} */
      .message { padding: 30px; background: #005ca8; color: #fff; margin: 30px 0; display: block; }
      .cart { margin-top: 30px; }
      .cartRow { display: block; height: 60px; }
      .cartRow a { float: right; }
      .sign-in-box {text-align: center;width: 50%;margin: auto;background: #00000096;padding: 30px;}
      .sign-wrapper{padding-top: 20px;}
      .reg-text { color: #E1273E;}
      #menu svg {margin-top: -8px;}
      /*#signinForm label {display: block;padding: 0px;margin-bottom: -20px;}
      #signinForm .txtFld { width: 60%; padding: 10px; font-size: 18px; }*/
      .priceCol { width: 25%; display:block; float: left; }
      .priceCol h3 { text-align: center; }
      .priceCol p { text-align: center; }
      .agentDetails { height: 330px; display: block; }
      .agentImage { float: right; }
      /* .shippingMethod { height: 130px; display: block; }
      .shippingMethod img { height: 100px; display: block; float: right; } */
      .hd1 { border-bottom: 1px solid #000; }
         /* IMAGE STYLES */
      #particles-js [type=radio] + img {cursor: pointer;height: 40px;}
         /* CHECKED STYLES */
      #particles-js [type=radio]:checked + img {outline: 2px solid #E1273E;}
      .dimensions { position: relative; top: 30px; padding-top: 37px}
      #logo img { width: 240px; }
      .col50 img { max-height: 400px; }
      /*How to become an agent form*/
      #agentForm{text-align: center; font-size: small; font-style: italic;}
      .form1Agent{margin: auto; padding: 0px 20px !important; background: none!important;display: block !important;}
      .formfield{width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin: 6px 0px 16px 0px;}
      #sendBtnContainer{width: 100%; text-align: center;}
      .formBtn{margin:0 auto;float:none;}
      #become_agent_info h2{text-align:center;}
      #flex-information{display:flex; justify-content:center;flex-wrap:wrap;}
      .become_agent{width:50%;}
      .agent_points{width: 31%;padding: 0px;margin: 7px;}
      .agent_points svg{width:100px;display:block;margin:auto;}
      .agent_points p {text-align: center;}
      .agent_points h3{color:#fff; text-align:center;}
      .flexform {display: flex;padding: 20px 0px;flex-wrap: wrap;justify-content: center;align-items: center;}
      #become_agent_info {width: 606px;color: #fff;padding: 1px 3px 1px 1px;display: inline-block;border: 0.5px solid #fff;}
      #become_agent {display: inline-block;width: 400px;}
      .opaque-bg {background-color: #000000ba;padding: 12px;}
      /* .agent-form-top {padding-top: 50px;} */
      /*Help page*/
      #helpWrapper {padding: 50px 0px 0px 0px;width: 40%;}
      .accordion {background-color: #fff;color: #212233;cursor: pointer;padding: 18px;width: 100%;text-align: left;border: none;outline: none;transition: 0.4s;font-weight: bold;border-bottom: 1px solid #e4e4e4;}
      .active, .accordion:hover {background-color: #E1273E;color:#fff;}
      .panel {padding: 0 18px;background-color: white;display: none;overflow: hidden;}
      .accordion:after {content: '\002B';font-size: 13px;color: #000;float: right;margin-left: 5px;font-size:large;}
      .active:after {content: "\2212";font-size: large;color:#fff;}
      /*how it works page*/
      #howItWorksWrapper{margin: 0 auto;}
      #topIntroWorks{text-align: center;}
      .flexGrid {display: flex;flex-flow: row wrap;padding-top: 10px;}
      .flexGrid .col {flex: 1;padding:0px 25px;}
      #howSend h3, h5{text-align:center;}
      #howCollect h3, h5{text-align:center;}
      #howReturn  h3, h5{text-align:center;}
      #howSend ul{list-style-type: none;}
      .verticalLine {border-left: 2px solid #ececec;margin-top: 45px;}
      /* tracking timeline */
      .progress{width:60%; margin:auto;}
      .progress-transport{width:62%; margin:auto;}
      /* .container{width:90%;text-align:center;} */
      .container svg{margin:auto;fill:#fff;}
      .col-sm{text-align:center;}
      .icon-row {text-align:center;display:flex; justify-content:center; align-items:top;}
      .round{background-color:#212233;width:1.5em; height:1.5em; margin:auto; display:flex; justify-content:center; align-items:top;}
      .arrow {width: 0;height: 0;border-left: 0.75em solid transparent;border-right: 0.75em solid transparent;margin:auto;border-bottom: 0.75em solid #212233;}
      .progress-transport svg{position:relative; fill:#212233;transition: .6s ease !important;}
      .start-bar{width:7%;}
      .parcel-collected-bar{width:19%;}
      .sorted-destination-bar{width:35%;}
      .departed-destination-bar{width:50%;}
      .arrived-destination-bar{width:66%;}
      .out-delivery-bar{width:83%;}
      .delivered-bar{width:100%;}
      .card.bg-light {padding-bottom: 40px;}
      .card{margin: 20px;}
      .card-img-top {margin-top:10px;}
      .card-header{color: #000;background: #dd1e3e;}
      .card a{text-decoration: none;}
       #quick-links .card svg{fill:#212233;}
      .btn{margin: 0 auto;}
      .ship-methods-send2{padding-top:10px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
      .ship-methods [type=radio]{position: absolute;opacity: 0;width: 0;height: 0;}
      .ship-methods-send2 [type=radio]:checked + p {border:2px solid #212233;border-radius:4px;background-color:#212233;color:#fff;}
      .ship-methods [type=radio]:hover + p {border:2px solid #212233;border-radius:4px;background-color:#212233;color:#fff;}
      .ship-methods p{border:2px solid #212233; border-radius:4px; margin:2px;padding:20px;text-align:center;}
      .ship-methods{width:320px;}
      .ship-methods b{text-transform:uppercase;}
      .ship-methods span{text-transform:uppercase;}

      /* new css */
      .navbar-nav {
                  margin-left: auto;
              }
              /* Add the below transitions to allow a smooth color change similar to lyft */
              .navbar {
                  -webkit-transition: all 0.6s ease-out;
                  -moz-transition: all 0.6s ease-out;
                  -o-transition: all 0.6s ease-out;
                  -ms-transition: all 0.6s ease-out;
                  transition: all 0.6s ease-out;
              }

              .nav-item svg{fill: rgb(255 255 255 / 68%)!important;}
              .navbar.scrolled {
            background: #212233 !important;
            background: #212233 !important;
            -webkit-box-shadow:  0px 0px 20px 0px #000000;
          box-shadow: 0px 0px 20px 0px #000000;
        }
        .navbar-dark .navbar-nav .nav-link {
color: rgb(255 255 255 / 68%);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgb(193 193 193 / 75%);
}
.nav-item svg:hover{fill: rgb(193 193 193 / 75%);}
        @media only screen and (max-width: 988px) {
.bg-dark {
background-color: #212233!important;
}

}
/* global */
.bg-dark {
background-color: transparent!important;
}
.bright-btn {
background: #e1273e !important;
border-color: #e1273e !important;
}
.bright-btn:hover {
background: #e1273e80 !important;
border-color: #e1273e80 !important;
}
/* .active{
background-color:#41415170;
border-radius:4px;
} */
/* particles */
/* #particles-js{ position:absolute; width: 100%; height: 100%; background-color: #b61924; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } */
/* card hover */
.card.bg-dark.text-white:hover {
transform: scale(1.07);
}
.card.bg-dark.text-white {
transition: 0.1s ease;
}

.navActive .nav-link {color:#fff !important;}
.navActive .nav-link svg {fill:#fff !important;}

/* cta */
.service-34 .card.card-shadow {
-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
}

.service-34.wrap-service34-box {
overflow: hidden;
position: relative;
}

.service-34.wrap-service34-box .left-image {
position: absolute;
left: 52px;
text-align: right;
top: 0px;
}

.service-34 .btn-md {
padding: 15px 45px;
font-size: 16px;
}

.cartBadge {
color: #fff;
background: #E1273E;
font-size: 11px;
display: inline-block;
border-radius: 10px;
width: 15px;
line-height: 15px;
top: -40px;
left: 20px;
position: relative;
}



@media (max-width: 1023px) {
.service-34.wrap-service34-box .left-image {
position: relative;
top: -90px;
}
}

/* send2 test */
.wrapper.send2-wrapper {
width: 70%!important;
}
canvas.particles-js-canvas-el {
position: absolute;
z-index: 0;
}
.wrapper{z-index: 1;}
.btn-secondary{border-color:#212233;background-color:#212233; color:#fff; padding:10px 20px;}
.btn-secondary:hover{border-color:#3a5dae;background-color:#3a5dae; color:#fff;}
.alert-success{background-color: #4BB543; color: #fff; border-color:#4BB543; }
.btn-primary{background-color: #E1273E; border-color: #E1273E;}
.btn-primary:hover{background-color: #e43d52; border-color: #e43d52;}
.btn-primary:active, .btn-primary.focus, .btn-primary:focus{background-color: #e43d52 !important; border-color: #e43d52 !important;}
.navbar-dark .navbar-toggler{border-color: transparent !important;}
.navbar-collapse{max-height:20px!important;}
@media (max-width: 800px){
.navbar-collapse {
max-height: fit-content !important;
}
}

/* LOADER CSS */
/* loading dots */

.loading-text:after {
content: ' .';
animation: dots 1s steps(5, end) infinite;}

@keyframes dots {
0%, 20% {
color: rgba(0,0,0,0);
text-shadow:
.25em 0 0 rgba(0,0,0,0),
.5em 0 0 rgba(0,0,0,0);}
40% {
color: white;
text-shadow:
.25em 0 0 rgba(0,0,0,0),
.5em 0 0 rgba(0,0,0,0);}
60% {
text-shadow:
.25em 0 0 white,
.5em 0 0 rgba(0,0,0,0);}
80%, 100% {
text-shadow:
.25em 0 0 white,
.5em 0 0 white;}}

.loader{
transition:1s ease;
background: #212233f5;
min-height: 100%;
min-width: 100%;
position: absolute;
z-index: 999999999999999999999;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
align-content: center;
}

/* Media Queries */
/*baby screens*/
@media screen and (max-width: 770px) {
  .menuWrap{justify-content: center;}
  #menu ul li {padding: 3px;font-size: smaller;}
  #menu{padding-top: 10px;}
  #particles-js h1 {padding-top: 30px !important;font-size: 44px !important;}
  #particles-js {height: 950px !important;}
  #form1{width: 80% !important;}
  /* #step2LocalSatchels , #step2Parcels {width: 90% !important;} */
  /* #step2Parcels input[type=text] {margin: 11px auto !important;} */
  .toggle-button {width: 30px;background-color: transparent !important;border: 0;color: #fff;font-size: 25px;transform: scaleX(2);outline: 0;cursor: pointer;transition: all 300ms ease;}
  .toggle-button: hover{color:#E1273E;}
  #menu a , #menu svg{color: #fff;fill:#fff;}
  .cart-menu{display: block;}
  h1.page-headings {font-size: 2rem;}
  #header {background-color: #000;display: flex; justify-content: center;align-items: center;padding-top:20px;}
  header {display: none;position: fixed;background: #e1273e;border-radius: 0px 24px 24px 0px;padding: 5px 5px;}
  .agentDetails .agentImage {border-radius: 4px;width: 50%;}
  .wrapper.send2-wrapper {width: 90%!important;}
  /* .send2-form-fields {width: 100%; display: flex;justify-content: center;align-items: center;flex-wrap: wrap;} */
  .send2-form-fields label {display: block;}
  .send2-form-fields .rounded-fields {font-size: 18px;width: 100%;padding: 10px;}
  #l {width: 90%;margin-bottom: 20px;}
  #formSearch {margin: 0 auto;padding: 18px 18px 18px 22px;width: 90%;margin-top: 20px;}
  #track-head p {width: 85%;}
  #track-head {padding-top: 0px;}
  .sign-in-box, .register-form-box {width: 98% !important;}
  /*#signinForm .txtFld, .register-form-box .txtFld{width: 100% !important;}*/
  .register-form-box .page-headings {font-size: 52px;}
  #helpWrapper {width: 90%!important;}
  /* #sendInternationalCountrySelector, #sendInternationalWeight {width: 90% !important;} */
  /* #sendInternationalCountrySelector select{width: 100% !important;} */
  /* .fstElement {width: 90% !important;} */
  #form1 h3{font-size: 22px!important;}
  .homeIF {width: 90% !important;}
  #step2LocalSatchels .form-radio-options {flex-wrap: wrap !important;}
  /* Update sept */
  .wrapper {
      width: 90% !important;
  }
  /* //send-2 sending from */
  #sendingFrom .row h6 {
      margin-bottom: 0px;
      margin-top: 5px;
  }
  h6.text-left.hd1 {
      font-size: 15px;
  }
  .btnFlex{
  display:flex;
  justify-content:center;
  }
  .wrapper {
      padding: 5px;
  }
  form#formCart {
      display: flex;
      flex-wrap: wrap;
      justify-content: center !important;
      text-align: center !important;
  }
  /* //Add class to formCart text */
  #sendFromText{
  text-align: center !important;
  }
  .row.mb-3.recieverDeets {
    font-size: 12px;
}
.row.mb-3.recieverDeets h6 {
    font-size: 13px;
}
form#signinForm {
    width: 100%;
    padding: 0px !important;
}
.sign-in-box {
    padding: 5px!important;
}
form#resetForm {
    padding: 5px;
}
.price-title h2 {
    font-size: 35px !important;
}
}
/* End Baby Screens */
/* The Big Screens */
@media screen and (min-width: 1920px) {
  #particles-js h1 {padding-top: 150px !important;padding-bottom: 45px !important;}
  .how-it-works {width: 50%;}
  .footer-container {width:80%;}
}
/*The Inbetween*/
@media screen and (min-width: 780px) {
#mobile-menu-head{display: none;}
.cart-menu{display: none;}
#logo { float: left; }
#header { height: 115px; background: #212233; }
#sendParcel label { display: inline-block; width: 300px; }
#particles-js { margin-top: -180px; }
svg { fill: #fff; }

#logo { padding:7px; }
#menu .wrapper { max-width: 90%; margin: auto; }
#menu li { padding-top: 10px; }
#menu a { color: #fff; font-weight:700; }
#menu .home a { color: #fff; }
.slideout-menu ul { list-style: none; float: right; }



}