@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

body {font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 23px; line-height: 28px; color: #444444; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; word-break: break-word; background:#fff;}
a{color:#292929;}
img {max-width: 100%;}
h1, h2, h2, h4, h5, h5{margin:0;padding:0; color:#202020;}
.btn-primary{background: #ff5757; border-color: #ff5757; color: #fff; padding: 21px 40px 20px; border-radius: 5px; font-size: 23px; font-weight: 400; box-shadow: 0 7px 13px rgba(255, 87, 87, 0.48);}
.btn-primary:hover{background:#ff5757; border-color:#ff5757;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary{background:#ff5757; border-color:#ff5757; outline:none; box-shadow: none;}
@media(min-width:1901px){.container{max-width:1648px;}}

header{padding:30px 0;}
header .bg-light{padding: 0;background: transparent !important;}
header .navbar-collapse{justify-content: flex-end!important;}
header .navbar-light .navbar-nav .nav-item{margin-left: 60px;}
header .navbar-light .navbar-nav .nav-item .nav-link{color: #02374e; font-size: 19px; font-weight: 500;}
header .navbar-light .navbar-nav .nav-item:last-child{margin-left: 30px;}
header .navbar-expand-lg .navbar-nav{align-items: center;}
header .navbar-light .navbar-nav .nav-item .nav-link.btn{width:156px; color:#fff; box-shadow: none;}
header .navbar-light .navbar-nav .nav-item .loginlink{font-weight:600;}

.registorbtn{margin-bottom:60px;}
.registorbtn input.btn.btn-primary{width:250px;}
.banner{background:url(../images/header-bg.png) no-repeat; background-size: 50% auto; background-position:right top; min-height:950px;}
.banner .left-content .title{font-family: 'Anton', sans-serif; color:#02364c; font-size:80px;line-height: 94px; margin-bottom: 50px;  text-align:left; max-width:850px; padding-top:180px;}
.banner .left-content .btn-container{position: relative; height: 432px;margin-left: 11px;}
.banner .left-content .text{color:#545050; font-size:30px;line-height: 48px; margin-bottom: 50px;  text-align:left; max-width:600px;}
.banner .left-content .btn-container a{color:#ff5757; font-size:30px; font-weight:500; position: relative; padding: 23px 0 0 98px; display: inline-block;}
.banner .left-content .btn-container a:before{content: ""; display: block; width: 76px; height: 76px; background: url(../images/arrow-down.png) center no-repeat #ff5757; border-radius: 50%; position: absolute; top: 0; left: 0;}
.banner .left-content .btn-container:before{content:""; display:block; width:3px; height:100%; position:absolute; top:0; left: 41px; background:#ff5757;}
.home-tabs{float: right; width:720px; background:#f6f6f6; border-radius: 15px;border: 0; box-shadow: 0 7px 13px rgba(255, 87, 87, 0.48);}
.home-tabs .nav-tabs .nav-item{width:50%;}
.home-tabs .nav-tabs .nav-item:first-child a{border-radius:15px 0 0 0;}
.home-tabs .nav-tabs .nav-item:last-child a{border-radius:0 15px 0 0;}
.home-tabs .nav-tabs .nav-link{color:#545050; font-size:23px; font-weight:500; text-align:center;padding: 23px 0;border: 0; background:#e9e9e9;}
.home-tabs .nav-tabs .nav-link.active{color:#fff; background:#ff685f;}
.home-tabs .tab-content>.tab-pane{padding: 40px 67px; border:0;}
.home-tabs .form-group label{font-size:22px; color:#545050; font-weight:500; margin-bottom:15px;}
.home-tabs .form-control{padding: 18px 20px 18px 60px; border: 1px solid #8d8d8d;}
.home-tabs .form-control::-webkit-input-placeholder{color: #a19fa0; font-style:italic; font-weight:300;}
.home-tabs .form-control::-moz-placeholder{color:  #a19fa0; font-style:italic; font-weight:300;}
.home-tabs .form-control:-ms-input-placeholder{color:  #a19fa0; font-style:italic; font-weight:300;}
.home-tabs .form-control:-moz-placeholder{color:  #a19fa0; font-style:italic; font-weight:300;}
.home-tabs .btn{width:100%;}
.home-tabs .form-control.fname{background:url(../images/icon-fname.png) no-repeat #fff; background-position: 20px 20px;}
.home-tabs .form-control.lname{background:url(../images/icon-lname.png) no-repeat #fff; background-position: 20px 20px;}
.home-tabs .form-control.pnum{background:url(../images/icon-pnum.png) no-repeat #fff; background-position: 20px 20px;}
.home-tabs .form-control.message{background:url(../images/icon-message.png) no-repeat #fff; background-position: 20px 20px; min-height:145px; resize:none;}
.home-tabs .form-group{margin-bottom:40px;}
.home-tabs .cus_checkbox{position:relative;}
.home-tabs .cus_checkbox input{opacity:0; position:absolute; top:0; left:0;}
.home-tabs .cus_checkbox span{position:relative;padding-left: 37px; display: block; font-size: 20px; font-weight: 500; color: #000000;}
.home-tabs .cus_checkbox span a{color:#fd5f54;}
.cus_checkbox span:before{content:""; display:block; width:22px; height:22px; border:3px solid #54504f; position: absolute; left: 0; top: 4px;}
.how-it-works{background:#fff7ec;padding:100px 0 100px 0;}
.how-it-works .row{margin:0;}
.how-it-works .row > div{padding:0;}
.how-it-works .item{padding-left:110px; padding-bottom:260px; position:relative;}
.how-it-works .item1{padding-left:0px;padding-right:135px;}
.how-it-works .item .icon{margin-bottom:50px;}
.how-it-works .item .img{margin-bottom:50px;}
.how-it-works .item .text{font-size: 35px; line-height: 50px; color: #02374e; font-weight: 600;}
.how-it-works .item4{padding-bottom:80px;}
.how-it-works .item .num{position: absolute; top: 12px; left: 0;}
.how-it-works .item .num span{display: block; width: 85px; height: 85px; text-align: center; line-height: 81px; border: 3px solid #ff5757; border-radius: 50%;background: #fff7ec; font-size: 35px; font-weight: 500; color: #ff5757; box-shadow: 0px 0px 0px 12px #fff7ec;}
.how-it-works .item:before{content:""; display:block; width:3px; height:100%; position:absolute; top:0; left: 41px; background:#ff5757;}
.how-it-works .item4:before{display:none;}
.how-it-works .item1 .num{position:relative; top: 0; margin-bottom: 30px; left: 10px;}
.how-it-works .item1:before{width: 100%; height: 3px; top: 41px;}
.how-it-works .item2{padding-top: 74px;margin-top: 41px;}
.how-it-works .item2 .num{top: 80px;}
.ordersent{position: absolute; right: 0; top: 0; background: #ff5757; padding: 30px 71px; color: #fff; font-weight: 500; font-size: 42px; border-radius: 10px;}
.how-it-works .item1:after{content: ""; display: block; width: 3px; height: 100px; position: absolute; top: -100px; left: 52px; background: #ff5757;}
.how-it-works .horizonalline:after{content: "";display: block;width: 100%;height: 2px;position: absolute;left: 0;background: #ff5757;top: 0;margin-left: 73px;margin-top: 30px;}
.how-it-works .rightconectorline{position: relative;}
.how-it-works .rightconectorline:after{content: "";display: block;width: 15px;height: 2px;position: absolute;left: 0;background: #ff5757;top: 0;margin-left: 28px;margin-top: 0px;}
.our-brands{padding:180px 0 100px 0;}
.our-brands .title{font-family: 'Anton', sans-serif; color:#02364c; font-size:80px;line-height: 94px; margin-bottom: 10px;  text-align:center;}
.our-brands .img{margin-bottom:50px;}
.our-brands .text-center{margin-bottom:40px;}
.ordersent {opacity: 0;}
div#our-brands .owl-nav button.owl-prev{background-image: url(../images/left.png);background-repeat: no-repeat;background-color: rgb(255 255 255 / 0.6);text-indent: -9999px;width: 40px;height: 40px;cursor: pointer;display: inline-block;    margin: 0;padding: 0;position: absolute;top: 40%;left:15px;background-position: 6px 3px;}
div#our-brands .owl-nav button.owl-next{background-image: url(../images/right.png);background-repeat: no-repeat;background-color: rgb(255 255 255 / 0.6);text-indent: -9999px;width: 40px;height: 40px;cursor: pointer;display: inline-block;    margin: 0;padding: 0;position: absolute;top: 40%;right:15px;background-position: 6px 3px;}

/* Updated CSS 12th Oct 2020 start */
.our-brands{padding:180px 0 100px 0;}
.our-brands .title{font-family: 'Anton', sans-serif; color:#02364c; font-size:80px;line-height: 94px; margin-bottom: 10px;  text-align:center;}
.our-brands .item{margin-bottom:40px;}
.our-brands .item .img{margin-bottom:15px; position:relative;}
.our-brands .item .prod-title{font-family: 'Anton', sans-serif; color: #581c3b; font-size: 26px; line-height: 30px;   text-transform: uppercase; margin-bottom:10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.our-brands .item .prod-desc{color:#561a39; font-size: 16px; line-height: 20px; overflow: hidden; text-overflow: ellipsis;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.our-brands .item .prod_cat{position: absolute; bottom:-15px; right: 30px; width:86px; height:86px; border-radius:50%; display: flex; align-items: center; justify-content: center;}
.our-brands .item .text{padding-left:40px; padding-right:40px;}
.our-brands .item1 .prod_cat{background:#561a39;}
.our-brands .item2 .prod_cat{background:#561a39;}
.our-brands .item3 .prod_cat{background:#561a39;}
.our-brands .item4 .prod_cat{background:#561a39;}
.our-brands .item5 .prod_cat{background:#561a39;}
.our-brands .item1 .prod_cat{background:#561a39;}
.our-brands .item2 .prod-title, .our-brands .item2 .prod-desc{color:#1b689d;}
.our-brands .item3 .prod-title, .our-brands .item3 .prod-desc{color:#20a056;}
.our-brands .item4 .prod-title, .our-brands .item4 .prod-desc{color:#803463;}
.our-brands .item5 .prod-title, .our-brands .item5 .prod-desc{color:#3d7880;}
.our-brands .item6 .prod-title, .our-brands .item6 .prod-desc{color:#8e263d;}

/* Updated CSS 12th Oct 2020 end */
.benifits-of-xpedite{position:relative; padding:85px 0 90px;}
.benifits-of-xpedite:after{content:""; display:block; top: 0; right: 0; position: absolute; width:50%; height:100%; background:url(../images/got-a-concept.jpg) no-repeat;     background-size: cover;   background-position: center;}
.benifits-of-xpedite .title{font-family: 'Anton', sans-serif; color:#02364c; font-size:80px;line-height: 94px; margin-bottom: 60px;  text-align:left; max-width:50%;}
.benifits-of-xpedite .text{color:#8d8d8d; font-size:26px;line-height: 32px; margin-bottom: 70px;  text-align:left; max-width:50%;}
.benifits-of-xpedite .btn{font-size:28px;}
.map-section{padding:100px 0 100px 0;}
.map-section .title{font-family: 'Anton', sans-serif; color:#02364c; font-size:80px;line-height: 94px; margin-bottom: 80px;  text-align:center;}
.hear-stories{padding:100px 0 100px 0;}
.hear-stories .title{font-family: 'Anton', sans-serif; color:#02364c; font-size:80px;line-height: 94px; margin-bottom: 80px;  text-align:center;}
.hear-stories .row{margin-left:-48px; margin-right:-48px;}
.hear-stories .row > div{padding-left:48px; padding-right:48px;}
.hear-stories .item .img{margin-bottom: 30px;}
.hear-stories .item .name{font-size:29px; color:#055b80; margin-bottom:20px; font-weight:600;}
.hear-stories .item .desc{font-size:23px; color:#055b80; margin-bottom:20px;}
.hear-stories .item .text{font-size:23px; color:#8d8d8d; line-height:36px; font-style:italic;}
.home-chat-witus{padding:70px 0 170px; }
.home-chat-witus .title{font-family: 'Anton', sans-serif; color:#02364c; font-size:64px;line-height: 74px; margin-bottom: 70px; max-width: 790px;}
.imgbox{padding:180px 0 160px 80px; background:url(../images/chat-with-us-tier-bg.jpg) no-repeat; background-position:center right; }
footer{background:#065b80; padding-top:94px; padding-bottom:36px;}
footer .footer-logo{text-align:center;}
footer .copyright{border-top:1px solid #d4dee8; padding-top:36px; margin-top:85px;}
footer .copyright p{margin-bottom:0; text-align: center; color: #fff;}

.hide-mobile{display:block;}
.hide-desktop{display:none;}

@media(max-width:1900px){
body{font-size:14px;}
.container{max-width:1280px;}
header .navbar-light .navbar-nav .nav-item{margin-left: 30px;}
header .navbar-light .navbar-nav .nav-item .nav-link{font-size:14px;}
.btn-primary{padding: 12px 15px 12px; font-size: 16px;}
header .navbar-light .navbar-nav .nav-item .nav-link.btn{width:126px;}
.home-tabs{width:550px;}
.navbar-light .navbar-brand img{height:38px;}
.home-tabs .nav-tabs .nav-link{font-size:16px;padding: 15px 0;}
.home-tabs .tab-content>.tab-pane{padding:30px 35px 35px;}
.home-tabs .form-group label{    font-size: 14px; line-height: 16px; margin-bottom: 10px;}
.home-tabs .form-control{padding: 12px 20px 12px 40px; font-size: 16px;background-position: 15px 16px !important; background-size: 14px !important;}
.home-tabs .form-group{margin-bottom: 20px;}
.home-tabs .cus_checkbox span{font-size:16px;}
.banner .left-content .title{padding-top:80px; font-size: 60px; line-height: 70px; margin-bottom: 30px;}
.banner .left-content .text{font-size: 20px; line-height: 30px; margin-bottom: 20px; max-width: 470px}
.banner .left-content .btn-container a{font-size:18px;}
.banner .left-content .btn-container{height:320px;}
.home-tabs .form-control.message{min-height:115px;}
.banner{min-height: 760px;}
footer .copyright{padding-top: 20px; margin-top: 80px;}
footer{padding-bottom: 20px; padding-top: 80px;}
footer img{height:200px;}
.home-chat-witus{padding: 50px 0 50px;}
.imgbox{padding: 140px 0 140px 40px; background-size: cover;}
.home-chat-witus .title{font-size: 48px; line-height: 60px; margin-bottom: 20px; max-width: 560px;}
.hear-stories .title{font-size: 48px; line-height: 60px; margin-bottom: 80px;}
.hear-stories .row{margin-left: -20px; margin-right: -20px;}
.hear-stories .row > div {padding-left: 20px; padding-right: 20px;}
.hear-stories .item .text{font-size: 16px; line-height: 28px;}
.hear-stories .item .desc{font-size: 20px; margin-bottom: 15px;}
.hear-stories .item .name{font-size: 24px; margin-bottom: 10px;}
.map-section {padding: 80px 0 0 0;}
.map-section .title{font-size: 48px; line-height: 60px;}
.benifits-of-xpedite .title{font-size: 48px; line-height: 60px; margin-bottom: 30px;}
.benifits-of-xpedite .text{font-size: 16px; line-height: 24px; margin-bottom: 40px; max-width: 40%;}
.benifits-of-xpedite .btn { font-size: 18px;}
.our-brands{padding:80px 0;}
.our-brands .title{font-size: 48px; line-height: 60px; margin-bottom: 10px;}
.banner .left-content .btn-container a:before{width: 60px; height: 60px; background-size:20px;}
.how-it-works .item .num span{width: 60px; height: 60px; line-height: 54px;font-size: 20px;}
.how-it-works .item .icon img{width:80px;}
.banner .left-content .btn-container:before{left:30px; width: 2px;}
.how-it-works .item1:after{left: 41px; width:2px;}
.how-it-works{padding: 80px 0 80px 0;}
.how-it-works .item .img{margin-bottom: 30px;}
.how-it-works .item .img img{height:auto;}
.how-it-works .item .text{font-size: 22px; line-height: 34px;}
.how-it-works .item .num span{border-width:2px;}
.how-it-works .item2 .img img{height:60px;}
.how-it-works .item{padding-bottom: 90px; padding-right: 55px;}
.how-it-works .item .icon{margin-bottom: 30px;}
.ordersent{top: 0; padding: 20px 41px; font-size: 24px;}
.how-it-works .item4{padding-bottom: 30px;}
.how-it-works .item2 .text, .how-it-works .item3 .text, .how-it-works .item4 .text{width:80%;}
.how-it-works .item1:before{height:2px;width:100%!important;}
.how-it-works .item .num{left:10px;}
.how-it-works .item1 .num{top: 10px;}
.how-it-works .item:before{width:2px;}
}
/* Updated CSS 12th Oct 2020 start */
.our-brands .item .prod_cat{width:64px; height:64px;}
.our-brands .item .text{padding-left:20px; padding-right: 20px;}
.our-brands .item .prod-title{font-size:22px; margin-bottom: 5px;}
.our-brands .item .prod-desc{font-size:14px;}
/* Updated CSS 12th Oct 2020 ends */

@media(max-width:1366px){
.container{max-width:1140px;}
.hear-stories .title{margin-bottom: 40px;}
.our-brands .title{margin-bottom: 10px;}
.hear-stories{padding: 40px 0 40px 0;}
.our-brands{padding: 40px 0 40px 0;}
}

@media(max-width:1199px){
.imgbox{padding: 90px 0 90px 40px;}
footer img {height: 140px;}

}

@media(max-width:1023px){
.navbar-light .navbar-toggler{    border-color: #ff685f;}
.home-tabs{width:100%;}
.home-tabs .nav-tabs .nav-link { font-size: 16px; padding: 10px 0; line-height: 20px;}
.banner .left-content .title{font-size: 40px; line-height: 48px;}
header .navbar-light .navbar-nav .nav-item{margin-left:0;}
header .navbar-light .navbar-nav .nav-item .nav-link.btn{width: 110px;}
header .navbar-light .navbar-nav .nav-item:last-child {margin-left: 10px;}
.banner .left-content .text{max-width: 270px;}
.benifits-of-xpedite .title, .map-section .title, .hear-stories .title{font-size: 36px;line-height: 44px;}
.imgbox{padding: 40px 0 40px 40px;}
.home-chat-witus .title{font-size: 36px; line-height: 44px; max-width: 350px;}

/* Updated CSS 12th Oct 2020 start */
.our-brands .item .prod_cat{width: 48px; height: 48px; right: 10px;}
/* Updated CSS 12th Oct 2020 ends */

}
@media(max-width:767px){
footer img{height: 60px;}
footer{padding-top:20px;}
footer .copyright{margin-top:20px;}
.home-chat-witus{padding:0 0 40px;}
.hear-stories{padding:40px 0 0;}
.hear-stories .item{margin-bottom:40px;}
.imgbox{position:relative;    padding: 30px;}
.imgbox:before{content:"";display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.5;}
.home-chat-witus .title,.home-chat-witus  .btn-container{position:relative;z-index:1;}
.benifits-of-xpedite .title, .map-section .title, .hear-stories .title{font-size: 30px; line-height: 36px;margin-bottom:40px;}
.our-brands .title{font-size: 30px; line-height: 36px;margin-bottom:10px;}
.benifits-of-xpedite{padding:40px 0 0;}
.benifits-of-xpedite .title{max-width:100%;margin-bottom: 20px;}
.benifits-of-xpedite .text{max-width:100%;margin-bottom: 20px;}
.benifits-of-xpedite .btn-container{max-width:100%;margin-bottom:30px;}
.benifits-of-xpedite:after{position:relative; width:100%; height:300px;}
.map-section{padding-top:40px;}
.our-brands .img{margin-bottom: 20px;}
.our-brands{padding-top:40px;}
.banner{min-height:initial; background: #fff;}
.banner .left-content .title{padding-top:10px; font-size: 36px; line-height: 44px;}
.banner .left-content .text{max-width: 100%; font-size: 16px; line-height: 24px;}
.banner .left-content .btn-container a{font-size: 16px; padding-top: 15px; padding-left: 80px;}
.hide-mobile{display:none;}
.hide-desktop{display:block;}
header .navbar-light .navbar-nav .nav-item:last-child{margin-left:0;}
.home-tabs{margin-bottom:40px;}
.banner .left-content .btn-container{height: 100px;}
.how-it-works .item{padding-right:0; padding-left:90px;    padding-bottom: 50px;}
.how-it-works .item .text{font-size: 16px; line-height: 26px;}
.how-it-works .item .icon img{width: 60px;}
.how-it-works .item2 .num, .how-it-works .item3 .num, .how-it-works .item4 .num{top: 0px;}
.how-it-works .item2 .img img{height: 50px;}
.how-it-works .item4:before{display:none; height: 50%;}
.how-it-works{padding:40px 0 0;}
.how-it-works .item2{margin-top:0;}
.ordersent{position:relative;font-size: 11px; padding: 10px; width: 60px; text-align: center; line-height: 16px; margin-top: 22px;}
.how-it-works .item1 .num{position: absolute; top:0;}
.how-it-works .item1:before{height:100%;width:2px!important;}
.how-it-works .item2{padding-top:0;}
.how-it-works .rightconectorline:after{display:none;}
.how-it-works .horizonalline:after{display:none;}
}