body .error {
color: #f00!important;
font-size: 15px!important;
}
body span.error {
font-size: 12px !important;
}
select,
input,
input.error{
color: #6c6b6b !important;
font-size: 15px !important; 
}
.error-msg {
position: absolute;
}
.form-group{
margin-bottom: 30px !important;
}
.gCaptcha .error-msg{
flex: 0 0 100%;
max-width: 100%;
text-align: center;
position: static;
}
body select.error{
color: #6c6b6b !important;
}
 .error {
    position: unset;
    color: red!important;
 }
  .col-md-12.gCaptcha{
         margin-bottom: 25px;
      }



::-webkit-input-placeholder {
   font-size: 15px !important
}

::-moz-placeholder {
   font-size: 15px !important
}

:-ms-input-placeholder {
   font-size: 15px !important
}

:-moz-placeholder {
   font-size: 15px !important
}

.more a {
   display: block;
   cursor: text;
   margin-top: 50px;
   color: #ad5d42 !important
}

.more {
   padding-bottom: 0
}

.header_quote_btn {
   cursor: pointer
}

.footer__links li {
   margin-bottom: 0 !important
}

.footer__copyright-text p {
   font-size: 16px
}

.footer__area {
   padding: 20px;
   padding-bottom: 20px
}

.footer__links li a:hover {
   color: #2e8134 !important
}

.fulfillment-center {
   height: auto !important
}

.services__area.fulfillment-services.pb-80 {
   padding-bottom: 80px !important;
   padding-top: 100px !important
}

.operationalSection {
   padding: 80px 0 !important
}

.sectionPadding {
   padding: 80px 0 !important
}

.fulfillment-center li:last-child {
   margin-bottom: 0
}

.multi-channel .section__title.mb-90 {
   margin-bottom: 40px !important
}

@media(max-width:767px) {
   .banner-area .text {
    max-width: 100%!important;
    text-align: left;
    padding: 20px;
    margin-bottom: 30px;
}
   .services__item{
      padding-bottom: 20px !important;
   }
   .scale-wrapper{
      margin: 0 !important;
   }
   .mb-left {
      display: inline-flex;
      width: 100%;
      text-align: center !important;
      justify-content: center
   }

   body .services__area.fulfillment-services.pb-80 {
      padding: 50px 0 !important;
      padding-bottom: 0 !important
   }
}

.scaleText-p h3 {
   font-size: 24px;
   color: #fff
}

.scaleText-p h3 span {
   color: #b9583b
}

.scaleText-p li {
   font-size: 18px;
   color: #fff;
   font-weight: 400;
   line-height: 23px;
   max-width: 70%;
   margin-bottom: 0;
   display: flex;
   align-items: flex-start;
   position: relative;
   left: -39px
}

.scaleText-p li img {
   margin-right: 10px;
   max-width: 30px
}

.scale-wrapper h2.title {
   font-size: 38px
}

.scaleText-p h3 {
   font-size: 39px !important;
   color: #fff;
   text-transform: uppercase;
   font-weight: bold !important;
   margin-bottom: 0
}

.scale-wrapper-row {
   position: absolute;
   width: 100%;
   margin: 0;
   padding: 0;
   left: 0;
   top: 50%;
   padding-left: 70px;
   transform: translateY(-50%)
}

.scale-wrapper h2.title {
   text-transform: uppercase
}

.scale-wrapper {
   margin-top: -50px
}
#places-map .marker-Seattle1 {
    left: 17%;
    top: 11%;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}




.carousel-item {
   min-height: 500px;
}
.mobile_scale_wrapper ul {
   padding-left: 45px !important
}
.mobile_scale_wrapper.scale-wrapper h2.title{
       margin-top: 90px;
}
.slider_name{
   flex-wrap: wrap;
}
.slider_name p{
   width: 100%;
   color: #fff;
   font-size: 14px !important;
}


@media only screen and (max-width:1024px) {
   #places-map .marker-Seattle1 {
    left: 19%;
    top: 18%;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
   .scale-wrapper-row {
      padding-left: 0
   }

   .scale-wrapper {
      display: none
   }

   .scale-wrapper h2.title {
      font-size: 14px;
      line-height: 16px
   }

   .col-lg-7.offset-lg-1 {
      padding-left: 0
   }

   .scale-wrapper.mobile_scale_wrapper {
      display: block
   }

   .mobile_scale_wrapper .row.scale-wrapper-row .row {
      flex-wrap: wrap
   }

   .mobile_scale_wrapper .scaleText-p li {
      font-size: 15px;
      line-height: 19px;
      max-width: 100%
   }

   .mobile_scale_wrapper .scaleText-p h3 {
      font-size: 24px !important;
      margin-bottom: 10px
   }

   .mobile_scale_wrapper ul {
      padding-left: 20px
   }

   .mobile_scale_wrapper .wrapper-thumb img {
      height: 550px !important
   }
   .effectiveText-wrapper-content{
      justify-content: flex-start;
   }
   .effectiveText-wrapper-content .effectiveText-wrapper{
      max-width: 100% !important;
   }
   .scale-wrapper-row .col-lg-7.offset-lg-1{
      padding-left: 10px;
   }
   .mobile_scale_wrapper.scale-wrapper h2.title {
      font-size: 22px;
      line-height: 26px;
      text-align: left;
      margin-bottom: 22px;
      padding-left: 40px
   }
  .logisticsSlider ol.carousel-indicators {
    position: absolute;
    bottom: 50px !important;
    width: auto;
    margin: 0;
    left: 0;
    right: 0;
}
.mobile_scale_wrapper .scaleText-p li:last-child{
   margin-top: 20px;
}
.carousel-item {
   min-height: 450px;
}
}

.effectiveText-wrapper-content .effectiveText-wrapper{
   max-width: 100%;
}
.effectiveText-wrapper{
   text-align: left;
}
.logisticsSlider ol.carousel-indicators {
    position: absolute;
    bottom: 20px;
    width: auto;
    margin: 0;
    left: 145px;
    right: auto;
}




@media only screen and (min-width:768px) and (max-width:1024px) {
   .thumgMobile {
      display: block !important
   }

   .thumgDesktop {
      display: none !important
   }

   .scale-wrapper-row {
      padding-left: 20px
   }

   .scale-wrapper h2.title {
      font-size: 24px
   }

   .scale-wrapper h2.title br {
      display: block !important
   }

   .wrapper-thumb img {
      height: 550px
   }

   .scaleText-p li {
      font-size: 14px;
      line-height: 18px;
      max-width: 100%
   }

   .scaleText-p h3 {
      font-size: 24px !important;
      margin-bottom: 10px
   }

   .scale-wrapper-row .col-lg-7.offset-lg-1 {
      padding-left: 0
   }

   .scaleText-p li br {
      display: block !important
   }

   .scale-wrapper.mobile_scale_wrapper {
      display: block;
      margin: 0
   }

   .mobile_scale_wrapper ul {
      padding-left: 55px
   }

   .wrapper-thumb .desktop-scale-img {
      display: block
   }
   .carousel-item {
    min-height: 340px;
}
.logisticsSlider ol.carousel-indicators{
   left: 40px;
}
.mobile_scale_wrapper .scaleText-p li {
    font-size: 18px;
    line-height: 21px;
    max-width: 100%;
}
}

.fulfillment-center {
   height: auto !important
}

.mobile_scale_wrapper {
   display: none
}

.mobile_scale_wrapper .row.scale-wrapper-row .row {
   flex-wrap: wrap
}

.mobile_scale_wrapper .scaleText-p li {
   font-size: 15px;
   line-height: 19px;
   max-width: 100%
}

.mobile_scale_wrapper .scaleText-p h3 {
   font-size: 24px !important;
   margin-bottom: 10px
}

.mobile_scale_wrapper ul {
   padding-left: 20px
}

.mobile_scale_wrapper .wrapper-thumb img {
   height: 400px
}

.mobile_scale_wrapper.scale-wrapper h2.title {
   font-size: 22px;
   line-height: 26px;
   text-align: left;
   margin-bottom: 22px;
   padding-left: 40px
}

@media only screen and (min-width:992px) and (max-width:1180px) {
   .scale-wrapper h2.title {
      font-size: 27px !important
   }
}

@media only screen and (min-width:1025) and (max-width:1180px) and (orientation:landscape) {
   .scale-wrapper h2.title {
      font-size: 27px
   }

   .scaleText-p li br {
      display: block !important
   }

   .wrapper-thumb img {
      width: 100%;
      height: 800px
   }
}

.modal-body video {
   height: 100%;
   width: 100%
}

.modal-open .modal.videoPopup {
   z-index: 999999;
   overflow: hidden !important;
   padding: 5px !important
}

.videoPopup .modal-header {
   position: absolute;
   right: 0;
   z-index: 999;
   top: 0
}

.modal.show.videoPopup .modal-dialog {
   max-width: 800px;
   margin: 120px auto
}

.videoPopup .modal-content {
   border: 0;
   border-radius: 0
}

.videoPopup .modal-content .modal-body {
   padding: 0
}

.videoPopup .modal-content .modal-body video {
   border: 5px solid #fff
}

.modal-backdrop.show {
   z-index: 99999;
   opacity: .8
}

.watchvideoBtn:hover,
.watchvideoBtn:focus {
   background-color: transparent !important;
   border: 0
}

.watchvideoBtn {
   background-color: transparent;
   border: 0;
   padding: 0;
   position: relative;
   text-transform: capitalize;
   padding-left: 30px;
   color: #fff
}

.watchvideoBtn:after {
   content: '';
   height: 1px;
   width: 25px;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   position: absolute;
   background: #fff
}

.modal.show.videoPopup .modal-dialog {
   padding: 3px;
   background-color: #fff
}

._linetext{
                     text-transform: capitalize;
                     font-weight: 500;
                     font-size: 16px;
                  }
                  .watch_wrap:hover .watch_text .line {
                  animation: ctaArrowLineEnd .45s cubic-bezier(.23,.46,.4,1) forwards;
                  }
                  .watch_wrap{
                  display: inline-block;
                  width: 180px;
                  }
                  .watch_wrap .watch_text {
                  padding: 0 0 0 40px;
                  position: relative;
                  }
                  svg polyline {
                  stroke-dashoffset: 140px;
                  stroke-dasharray: 140px;
                  }
                  .watch_wrap:hover svg{
                  animation: ctaArrowSVGEnd .45s cubic-bezier(.23,.46,.4,1) forwards;
                  }
                  .watch_wrap:hover polyline {
                  animation: ctaArrowStart .45s ease .25s forwards;
                  }
                  .text {
                  animation: ctaArrowTextStart .45s cubic-bezier(.23,.46,.4,1) forwards;
                  border: 0;
                  }
                  svg {
                  position: absolute;
                  left: 25px;
                  top: 50%;
                  width: 6px;
                  animation: ctaArrowSVGStart .45s cubic-bezier(.23,.46,.4,1) forwards;
                  stroke: currentColor;
                  }
                  polyline{
                  stroke: currentColor;
                  }
                  .line{
                  height: 1px;
                  width: 25px;
                  position: absolute;
                  content: '';
                  left: 0;
                  display: block;
                  top: 50%;
                  transform-origin: left;
                  background-color: #000;
                  transform: translateY(calc(-50% + 0.5px)) translateZ(0);
                  animation: ctaArrowLineStart .45s cubic-bezier(.23,.46,.4,1) forwards;
                  }
                  @keyframes ctaArrowSVGStart {
                  0% {
                  transform: translateY(calc(-50% + .5px)) translateX(0) translateZ(0)
                  }
                  100% {
                  transform: translateY(calc(-50% + .5px)) translateX(-3px) translateZ(0)
                  }
                  }
                  @keyframes ctaArrowSVGEnd {
                  0% {
                  transform: translateY(calc(-50% + .5px)) translateX(-3px) translateZ(0)
                  }
                  100% {
                  transform: translateY(calc(-50% + .5px)) translateX(0) translateZ(0)
                  }
                  }
                  @keyframes ctaArrowTextStart {
                  0% {
                  transform: translateX(6px) translateZ(0)
                  }
                  100% {
                  transform: translateX(0) translateZ(0)
                  }
                  }
                  @keyframes ctaArrowTextEnd {
                  0% {
                  transform: translateX(0) translateZ(0)
                  }
                  100% {
                  transform: translateX(6px) translateZ(0)
                  }
                  }
                  @keyframes ctaArrowStart {
                  0% {
                  stroke-dashoffset: 140px;
                  stroke-dasharray: 140px
                  }
                  100% {
                  stroke-dasharray: 140px;
                  stroke-dashoffset: 10px
                  }
                  }
                  @keyframes ctaArrowStartTeam {
                  0% {
                  stroke-dashoffset: 0;
                  stroke-dasharray: 0
                  }
                  50% {
                  stroke-dashoffset: 140px;
                  stroke-dasharray: 140px
                  }
                  100% {
                  stroke-dasharray: 140px;
                  stroke-dashoffset: 10px
                  }
                  }
                  @keyframes ctaArrowEnd {
                  0% {
                  stroke-dashoffset: 10px;
                  stroke-dasharray: 150px 150px
                  }
                  40% {
                  opacity: 1
                  }
                  100% {
                  opacity: 0;
                  stroke-dashoffset: -53px;
                  stroke-dasharray: 1px 150px
                  }
                  }
                  @keyframes ctaArrowLineStart {
                  0% {
                  transform-origin: left;
                  transform: scaleX(1.2) translateY(calc(-50% + .5px)) translateZ(0)
                  }
                  100% {
                  transform: scaleX(1) translateY(calc(-50% + .5px)) translateZ(0)
                  }
                  }
                  @keyframes ctaArrowLineEnd {
                  0% {
                  transform-origin: right;
                  transform: scaleX(1) translateY(calc(-50% + .5px)) translateZ(0)
                  }
                  50% {
                  transform-origin: right;
                  transform: scaleX(0) translateY(calc(-50% + .5px)) translateZ(0)
                  }
                  51% {
                  transform-origin: left
                  }
                  100% {
                  transform: scaleX(1.2) translateY(calc(-50% + .5px)) translateZ(0);
                  transform-origin: left
                  }
                  }