@font-face {
    font-family: 'Futura Std Book';
    src: url('fonts/FontsFree-Net-FuturaStd-Book.eot');
    src: url('fonts/FontsFree-Net-FuturaStd-Book.eot?#iefix') format('embedded-opentype'),
    url('fonts/FontsFree-Net-FuturaStd-Book.woff2') format('woff2'),
    url('fonts/FontsFree-Net-FuturaStd-Book.woff') format('woff'),
    url('fonts/FontsFree-Net-FuturaStd-Book.ttf')  format('truetype'),
    url('fonts/FontsFree-Net-FuturaStd-Book.svg#Futura Std Book') format('svg');
}

@font-face {
    font-family: 'Futura-Bold';
    src: url('fonts/Futura-Bold.eot');
    src: url('fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Futura-Bold.woff2') format('woff2'),
    url('fonts/Futura-Bold.woff') format('woff'),
    url('fonts/Futura-Bold.otf')  format('truetype'),
    url('fonts/Futura-Bold.svg#Futura') format('svg');
}

@font-face {
    font-family: 'FuturaStd-Medium';
    src: url('fonts/FuturaStd-Medium.eot');
    src: url('fonts/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/FuturaStd-Medium.woff2') format('woff2'),
    url('fonts/FuturaStd-Medium.woff') format('woff'),
    url('fonts/FuturaStd-Medium.otf')  format('truetype'),
    url('fonts/FuturaStd-Medium.svg#FuturaStd-Medium') format('svg');
}

@font-face {
    font-family: 'FuturaStd-Light';
    src: url('fonts/FuturaStd-Light.eot');
    src: url('fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/FuturaStd-Light.woff2') format('woff2'),
    url('fonts/FuturaStd-Light.woff') format('woff'),
    url('fonts/FuturaStd-Light.otf')  format('truetype'),
    url('fonts/FuturaStd-Light.svg#FuturaStd-Light') format('svg');
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Regular.eot');
    src: url('fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/SourceSansPro-Regular.woff2') format('woff2'),
    url('fonts/SourceSansPro-Regular.woff') format('woff'),
    url('fonts/SourceSansPro-Regular.ttf')  format('truetype'),
    url('fonts/SourceSansPro-Regular.svg#Source Sans Pro') format('svg');
}

* {margin: 0; padding: 0; transition: 0.2s}
body{height: 100%; font-family: "Futura Std Book", "Helvetica", Arial, sans-serif; -webkit-touch-callout: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased}
ul{list-style: none}
ul, li{margin: 0; padding: 0}
a{text-decoration: none; color: inherit}
*{margin: 0; padding: 0; box-sizing: border-box}
h1, h2, h3, h4{font-weight: normal}
img{border: none}
.mobile{display: none}
.fadeIn { animation: .2s both fadeIn; -webkit-animation: .2s both fadeIn; }
.gray_bg {background-color: #f3f3f3; padding: 10px 0}
.hide {display: none}
.red {color: #F04549}
.required {color: #E31720}
.no-overflow { overflow: hidden;}
input, textarea {outline: none}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.button {clear: both; color: white; outline: none; cursor: pointer; background-color: #EC171C; border: 1px solid #EC171C; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 25px; padding: 18px 89px; border-radius: 50px}
.button:hover {color: #EC171C; background-color: white;}
.select-container { outline: none; position: relative; height: 60px; width: 350px; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}
.select-container a.toggle { outline: none; display: block; position: relative; height: 100%; padding: 0 10px; line-height: 60px; font-size: 20px; color: #1C1D1E;}
.select-container a.toggle::after { position: absolute; content: "\f107"; font-family: FontAwesome; right: 15px; font-size: 25px}
.select-container a.toggle i { position: absolute; right: 15px; font-size: 25px; top: 15px;}
.select-container ul {background-color: #FFFFFF; position: absolute; width: calc(100% + 2px); z-index: 1; border: 1px solid #9AA7B5; left: -1px;
    border-top: none; top: 48px; visibility: hidden; opacity: 0; transition: .2s; max-height: 300px; overflow-y: scroll;}
.select-container ul li {line-height: 50px;}
.select-container ul li a { display: block; transition: .5s; height: 100%; color: #1C1D1E; font-size: 20px; line-height: 30px; padding: 10px 20px;}
.select-container ul.active {visibility: visible; opacity: 1;}
.input_container.alert input, .input_container.alert .select-container, .input_container.alert textarea {border-color: #F04549!important;}
.text-center {text-align: center!important;}

.email_container.alert input {color: #EC171C!important;}
.email_container.alert input::-webkit-input-placeholder {color: #EC171C!important;}
.email_container.alert input:-moz-placeholder {color: #EC171C!important;}
.email_container.alert input::-moz-placeholder {color: #EC171C!important;}
.email_container.alert input:-ms-input-placeholder {color: #EC171C!important;}

.newsletter_subscription .newsletter_subscription_body .newsletter_done {font-size: 34px; color: white; display: none}

header { width: calc(100% - 80px); margin: 40px auto; text-align: center; position: relative; z-index: 1}
header::after { clear: both; content: ''; display: block}
header > *, .actions > * { display: inline-block; vertical-align: middle }
header .logo_container {float: left; position: relative; z-index: 1}
header .languages_powered_by {float: right}
/*header .logo_container .logo { width: 216px; height: 54px; background: url(/assets/images/logo.png) no-repeat center; background-size: contain; display: block; }*/
header .logo_container .logo { width: 200px; height: 54px; background: url(/assets/images/logo.png) no-repeat center; background-size: contain; display: block; }
header .menu_top_container {position: absolute; width: 100%; left: 0; right: 0;}
header .menu_top_container > * {display: inline-block}
header .menu_container > li {display: inline-block; margin: 0 35px 0 0; position: relative}
header .menu_container > li.contact_link {margin: 0}
header .menu_container > li.mobile {display: none}
header .menu_container > li:last-child {margin: 0}
header .menu_container > li a {font-size: 18px; line-height: 36px; color: #222222; display: block; font-weight: 300;}
header .menu_container::after {height: 40px; margin: 0 16px; width: 1px; opacity: 0.2; background-color: #000000; display: inline-block; content: ''; vertical-align: middle}
header .call_us {text-align: right; position: relative; top: 10px}
header .call_us .call_us_text {font-size: 12px; color: #131212; font-weight: 300;}
header .call_us .phone_number {font-size: 18px; letter-spacing: 0; color: #DC1E32; display: block; font-weight: bold;}

header .menu_container > li:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: -5px; background: #D22529; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
header .menu_container > li.active:before, header .menu_container > li:hover:before, header .menu_container > li:focus:before, header .menu_container > li:active:before {left: 0; right: 0;}

header .languages ul:after{left:40px}
header .languages{width:100px; padding:20px 5px 0 0; position:relative; display: inline-block; vertical-align: top}
header .languages a span.mobile{display: none}
header .languages .fa-angle-down {color: #DC1E32}
header .languages .selected a{display: inline-block; font-size:14px; padding:2px 0 0 8px;}
header .languages .selected a span {font-size: 14px; font-weight: 500; margin-right: 5px}
header .languages .selected i{transition: 0.3s}
header .languages.active .selected a i{transform: rotate(180deg)}
header .languages ul{position: absolute; background-color:white; top:50px; left: calc(50% - 28.7px); width:auto; display: none; z-index: 1; box-shadow: 0 0 6px 0 rgba(0,0,0,.12), 0 4px 10px 0 rgba(0,0,0,.16); -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.12), 0 4px 10px 0 rgba(0,0,0,.16);}
header .languages.active ul{display: block}
header .languages ul li a{font-size:14px; padding:10px; display: block}
header .languages ul li a span{display: inline-block; vertical-align: middle; padding:0 10px}
header .powered_by { width: 150px; height: 57px; background: url(/assets/images/sf_international.png) no-repeat center; background-size: contain; display: inline-block;}
header .toggle-menu { width: 40px; height: 17px; position: relative; float: right; margin-left: auto}
header .toggle-menu span { width: 100%; border-top: 1px solid #000000; display: block; margin: 8px 0 0 0;}
header .toggle-menu span:before { content: ''; width: 100%; border-top: 1px solid #000000; display: block; position: absolute; top: 0; left: 0; }
header .toggle-menu span:after { content: ''; width: 100%; border-top: 1px solid #000000; display: block; position: absolute; bottom: 0; left: 0;}

/* Newsletter Subscription */
.newsletter_subscription { height: 232px; width: 100%; background-color: #DC1E32; background: linear-gradient(270deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); text-align: center}
.newsletter_subscription .newsletter_subscription_body {padding: 86px 0; width: 67%; margin: auto}
.newsletter_subscription .newsletter_subscription_body h3 {float: left; color: #FFFFFF; font-size: 26px; font-weight: 300; line-height: 32px; text-align: left}
.newsletter_subscription .newsletter_subscription_body > * {font-size: 0; vertical-align: top}
.newsletter_subscription .newsletter_subscription_body .email_container {float: right; height: 60px; overflow: hidden}
.newsletter_subscription .newsletter_subscription_body .email_container a.newsletter_submit {background: #1C1D1E; color: white; padding: 21px 40px; font-size: 15px; font-weight: bold; border-top-right-radius: 40px; border-bottom-right-radius: 40px; position: relative; display: inline-block; height: 60px; vertical-align: top}
.newsletter_subscription .newsletter_subscription_body .email_container a.newsletter_submit:hover {background: white; color: #1C1D1E;}
.newsletter_subscription .newsletter_subscription_body .email_container input {border: none; width: 400px; padding: 24px 40px; border-top-left-radius: 40px; border-bottom-left-radius: 40px; color: #000000;font-family: "Source Sans Pro"; font-size: 18px; height: 60px; vertical-align: top}
.newsletter_subscription .newsletter_subscription_body .email_container input::-webkit-input-placeholder {opacity: 0.5; color: #000000; font-family: "Source Sans Pro"; font-size: 18px; }
.newsletter_subscription .newsletter_subscription_body .email_container input:-moz-placeholder {opacity: 0.5; color: #000000; font-family: "Source Sans Pro"; font-size: 18px; }
.newsletter_subscription .newsletter_subscription_body .email_container input::-moz-placeholder {opacity: 0.5; color: #000000; font-family: "Source Sans Pro"; font-size: 18px; }
.newsletter_subscription .newsletter_subscription_body .email_container input:-ms-input-placeholder {opacity: 0.5; color: #000000; font-family: "Source Sans Pro"; font-size: 18px; }

.loader{display: none; font-size: 10px; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }


.button-3D {
    width: 150px;
    transform-style: preserve-3d;
    position: absolute;
    top: 35%;
    left: 50%;
    display: inline-flex;
    height: 50px;
    font-size: 0.9375rem;
    line-height: 46px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
}


/*Homepage*/
.homepage .homepage_hero_container{height: calc(48vw + 142px); position: relative; top: -142px;}
/*.homepage .homepage_hero_container{height: calc(48vw + 142px); position: relative; top: -142px; background-image: url('/assets/images/cloud-left.png'), url('/assets/images/cloud-right.png'); background-position: 7% 180px, 90% 180px; background-repeat: no-repeat; background-size: 280px;}*/
/*.homepage .homepage_hero_container{height: calc(48vw + 142px); position: relative; background: url('/assets/images/clouds.mp4') no-repeat center top; background-size: cover; top: -142px}*/
/*.homepage .homepage_hero_container .model{width: 1270px; height: 994px; background: url('/assets/images/homepage-hero-model.png') no-repeat center; background-size: contain; position: absolute; left: 0; right: 0; top: 16.5%; margin: auto}*/
.homepage .homepage_hero_container .model{width: 1270px; height: 994px; background: url('/assets/images/homepage-hero-model.png') no-repeat center; background-size: contain; position: absolute; left: 0; right: 0; top: 16.5%; margin: auto;}
.homepage .homepage_hero_container .model .clouds{background-image: url('/assets/images/cloud-left.png'), url('/assets/images/cloud-left.png'); background-position: 0 130px, 98% 250px; background-repeat: no-repeat; background-size: 280px, 200px; width: 100%; height: 100%; position: absolute; top: -100px}
.homepage form.tracking{text-align: center; padding: 0 40px; position: relative; top: 38.5%; font-size: 0}
.homepage form.tracking h2{font-family: Futura-Bold, Helvetica, Arial, sans-serif; color: #EDEDED; font-size: 36px; margin: 0 0 30px 0}
.homepage form.tracking input{border: none; width: 400px; padding: 24px 40px; border-top-left-radius: 40px; border-bottom-left-radius: 40px; color: #000000; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 18px; height: 60px; vertical-align: top; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .3)}
.homepage form.tracking input::-webkit-input-placeholder{color: rgba(46, 46, 45, .7); font-size: 18px; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif}
.homepage form.tracking input:-moz-placeholder{color: rgba(46, 46, 45, .7); font-size: 18px; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif}
.homepage form.tracking input::-moz-placeholder{color: rgba(46, 46, 45, .7); font-size: 18px; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif}
.homepage form.tracking input:-ms-input-placeholder{color: rgba(46, 46, 45, .7); font-size: 18px; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif}
.homepage form.tracking .submit{background: #EC171C; transition: 0.3s; color: white; padding: 21px 20px; font-size: 14px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; position: relative; display: inline-block; height: 60px; vertical-align: top; width: 230px; font-family: Futura-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; box-shadow: 0 0 50px 0 rgba(0, 0, 0, .3)}
.homepage form.tracking .submit:hover{background: white; color: #EC171C}
.homepage form.tracking p{font-family: "Futura Std Book", Helvetica, Arial, sans-serif; color: rgba(255, 255, 255, .7); font-size: 16px; margin: 22px 0 0 0}
.homepage .homepage_hero_container .social.fixed{top: calc(30% + 99px)}
.homepage .express-delivery{font-size: 0; padding: 110px 100px 0 100px}
.homepage .express-delivery figure{display: inline-block; vertical-align: middle; width: 55%; height: 520px; position: relative} /* express-delivery-bg.png */
.homepage .express-delivery figure .boxes_animate {background: url('/assets/images/boxes_animate.png') no-repeat center; background-size: contain; height: 100%; width: 100%; position: absolute;} /* express-delivery-bg.png */
.homepage .express-delivery > div{display: inline-block; vertical-align: middle; width: calc(45% - 90px); padding: 0 100px 0 0; margin: 0 0 0 90px}
.homepage .express-delivery > div h4{color: #EC171C; font-family: "Futura Std Book", Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; margin: 0 0 30px 0}
.homepage .express-delivery > div h3{color: #1C1D1E; font-family: Futura-Bold, Helvetica, Arial, sans-serif; font-size: 50px; font-weight: bold; margin: 0 0 40px 0}
.homepage .express-delivery > div p{color: #444444; font-family: FuturaStd-Light, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 36px; margin: 0 0 70px 0}
.homepage .express-delivery > div a{font-size: 14px; text-transform: uppercase; width: 200px; padding: 0; line-height: 60px; display: inline-block; text-align: center}
.homepage .express-delivery > div a.black-bg{margin: 0 20px 0 0; transition: 0.3s; border: 1px solid black; background-color: #000000; color: #FFFFFF}
.homepage .express-delivery > div a.black-bg:hover{background-color: #EC171C; border-color: #EC171C}
.homepage .express-delivery > div a.white-bg{background-color: #FFFFFF; color: #181717; border: 1px solid rgba(28, 29, 30, 0.5)}
.homepage .express-delivery > div a.white-bg:hover{background-color: #EC171C; color: white; border-color: #EC171C}
.homepage .services{padding: 120px 240px 0 240px; font-size: 0}
.homepage .services .left-container{background: linear-gradient(270deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); border-radius: 6px; padding: 80px 0 60px 0; width: 50%; display: inline-block; min-height: 645px; vertical-align: top; position: relative; z-index: 1}
.homepage .services .left-container h2{font-size: 50px; color: #FFFFFF; font-family: Futura-Bold, Helvetica, Arial, sans-serif; margin: 0 0 35px 0; padding: 0 80px 0 110px}
.homepage .services .left-container p{font-size: 20px; color: #FFFFFF; font-family: FuturaStd-Light, Helvetica, Arial, sans-serif; margin: 0 0 30px 0; line-height: 36px; padding: 0 80px 0 110px}
.homepage .services .left-container ul{padding: 0 80px}
.homepage .services .left-container ul li a{color: #FFFFFF; font-size: 30px; font-family: FuturaStd-Medium, Helvetica, Arial, sans-serif; display: block; border-radius: 6px; transition: .2s; padding: 30px 65px 30px 30px; position: relative}
.homepage .services .left-container ul li a:before{content: ''; display: inline-block; vertical-align: middle; margin: 0 40px 0 0; transition: .2s}
.homepage .services .left-container ul li a.domestic:before{width: 70px; height: 75px; background: url('/assets/images/express-domestic-icon.png') no-repeat center; background-size: contain}
.homepage .services .left-container ul li a.domestic:hover:before{background: url('/assets/images/express-domestic-icon-black.png') no-repeat center; background-size: contain}
.homepage .services .left-container ul li a.international:before{width: 75px; height: 75px; background: url('/assets/images/express-international-icon.png') no-repeat center; background-size: contain}
.homepage .services .left-container ul li a.international:hover:before{background: url('/assets/images/express-international-icon-black.png') no-repeat center; background-size: contain}
.homepage .services .left-container ul li a:after{content: ''; border-bottom: 1px solid rgba(242, 242, 242, .3); position: absolute; width: calc(100% - 95px); left: 30px; bottom: 0}
.homepage .services .left-container ul li:last-child a:after{display: none}
.homepage .services .left-container ul li a:hover{background-color: #FFFFFF; color: #1C1D1E; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3)}
.homepage .services .right-container{background-image: url('/assets/images/homepage-services-bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; width: calc(50% + 140px); height: 625px; border-radius: 6px; display: inline-block; vertical-align: top; margin: 95px 0 0 -140px; position: relative}
.homepage .services .right-container .model{background: url('/assets/images/homepage-services-model-bg.png') no-repeat center; background-size: cover; width: 628px; height: 680px; position: absolute; bottom: 0; z-index: 1; left: 170px}
.homepage .services .right-container .service-figure{position: absolute; width: 100%; height: 100%; border-radius: 6px; display: none}
.homepage .services .right-container .domestic{background: url('/assets/images/domestic-express-bg.jpg') no-repeat center; background-size: cover}
.homepage .services .right-container .international{background: url('/assets/images/international-express-bg.jpg') no-repeat center; background-size: cover}
.homepage .latest-news{padding: 250px 240px}
.homepage .latest-news h2{color: #181717; font-family: Futura-Bold, Helvetica, Arial, sans-serif; font-size: 50px; text-align: center}
.homepage .latest-news h2:after{content: ''; display: block; width: 100px; height: 3px; background: linear-gradient(270deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); margin: 45px auto 0 auto}
.homepage .articles-listing{margin: 70px 0 0 0; font-size: 0}
.articles-listing article{width: 31%; margin: 0 3.5% 0 0; display: inline-block; vertical-align: top}
.articles-listing article:last-child{margin: 0}
.articles-listing article a figure{height: 370px; margin: 0 0 45px 0; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 6px}
.articles-listing article a span{color: #D22529; font-size: 14px; font-family: FuturaStd-Medium, Helvetica, Arial, sans-serif; margin: 0 0 30px 0; display: block}
.articles-listing article a p{color: #222222; font-size: 24px; font-family: "Futura Std Book", Helvetica, Arial, sans-serif; line-height: 36px}
/*End Homepage*/


.aboutus_page .about_hero_container {height: 48vw; position: relative; background: url('/assets/images/about_hero_bg.png') no-repeat right center; background-size: contain;}
.aboutus_page .truck_img {height: 48vw; position: relative; background: url('/assets/images/about_vans_3.png') no-repeat right center; background-size: contain; z-index: 1}
.aboutus_page .about_hero_container .about_hero_text { position: absolute; top: calc(21% - 170px); left: 9%; width: 640px; background-color: #F2F2F2; background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); color: white; padding: 70px; border-radius: 10px}
.aboutus_page .about_hero_container .about_hero_text .page_name {font-size: 14px; font-weight: 300; letter-spacing: 3px; line-height: 60px;}
.aboutus_page .about_hero_container .about_hero_text h1 {font-size: 50px; font-weight: bold; letter-spacing: 0; line-height: 70px;}
.aboutus_page .about_hero_container .about_hero_text .description {font-size: 19px; font-weight: 300; line-height: 29px;}
.aboutus_page .text_centered {text-align: center; width: 67%; margin: 100px auto}
.aboutus_page .text_centered .subtitle {color: #EC171C; font-size: 14px; font-weight: 300; line-height: 11px; letter-spacing: 3px}
.aboutus_page .text_centered h2 { color: #121212; font-size: 50px; font-weight: bold; line-height: 125px; font-family: 'Futura-Bold';}
.aboutus_page .text_centered .text { color: #121212; font-size: 20px; font-weight: 300; line-height: 36px; text-align: center;}

.aboutus_page .boxed_contents {text-align: center; border-radius: 10px; width: 67%; margin: 40px auto; background-color: #F2F2F2; background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); padding: 70px 0}
.aboutus_page .boxed_contents .subtitle {color: #FFFFFF; font-size: 14px; font-weight: 300}
.aboutus_page .boxed_contents h2.boxed_title { color: #FFFFFF; font-family: 'Futura-Bold'; font-size: 50px; font-weight: bold; letter-spacing: 0; line-height: 85px;}
.aboutus_page .boxed_contents ul.boxed_list { color: white; font-size: 0; padding: 20px 0 }
.aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item {display: inline-block; vertical-align: top; width: 33.3%; text-align: center; padding: 30px}
.aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item figure { height: 80px; width: 80px; margin: auto}
.aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item h4 { font-size: 30px; font-weight: 500; letter-spacing: 0; margin: 20px 0}
.aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item .text {font-size: 20px; font-weight: 300; line-height: 36px; text-align: center;}

.aboutus_page .boxed_contents.black_color {background-color: white; background: none}
.aboutus_page .boxed_contents.black_color .subtitle {color: black}
.aboutus_page .boxed_contents.black_color h2.boxed_title {color: black}
.aboutus_page .boxed_contents.black_color ul.boxed_list li.boxed_list_item h4 {color: black}
.aboutus_page .boxed_contents.black_color ul.boxed_list li.boxed_list_item .text {color: black}
.aboutus_page .boxed_contents.black_color ul.boxed_list li.boxed_list_item .text ul {text-align: left}
.aboutus_page .boxed_contents.black_color ul.boxed_list li.boxed_list_item .text ul li {list-style-type: disc; list-style-position: inside;}

.aboutus_page .sf_container {display: grid; grid-template-columns: 70% 30%; margin: 60px auto 0 auto; width: 67%;}
.aboutus_page .sf_container .sf_text {padding-right: 50px; line-height: 25px}
.aboutus_page .sf_container .sf_figure {height: 150px}
.aboutus_page .sf_container ul {list-style: disc; list-style-position: outside; padding-left: 15px}

.scroll-down { color: #000000; font-size: 14px; text-transform: uppercase; position: absolute; bottom: 170px; left: -7px; transform: rotate(-90deg); letter-spacing: 1px; z-index: 3}
.scroll-down::before {display: inline-block; content: ''; background: url("/assets/images/scroll.png") no-repeat center center; background-size: contain; width: 19px; height: 27px; transform: rotate(90deg); position: absolute; top: -7px; left: -40px;}
.social.fixed { position: absolute; left: 40px; top: 30%; transform: translateY(-50%); z-index: 2;}
.social.fixed li {padding-top: 20px}
.social.fixed li a {display: block}

.hero_gradient_no_img {height: 250px; text-align: center; position: relative; background-color: #0C0C0C; background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); display: flex; align-items: center; justify-content: center;}
.hero_gradient_no_img h1 {color: #FFFFFF; font-size: 45px; font-weight: bold; letter-spacing: 0; line-height: 60px;}

li.with_style:before { content: ""; position: absolute; left: 51%; right: 51%; bottom: -10px; background: #EC171C; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
li.with_style.active:before, li.with_style:hover:before, li.with_style:focus:before, li.with_style:active:before {left: 0; right: 0;}

li.with_style.clients_rights.active:before, li.with_style.clients_rights:hover:before, li.with_style.clients_rights:focus:before, li.with_style.clients_rights:active:before {width: 130px; margin: auto; top: 138px;}
li.with_style.terms.active:before, li.with_style.terms:hover:before, li.with_style.terms:focus:before, li.with_style.terms:active:before {width: 220px; margin: auto; top: 138px;}
li.with_style.privacy.active:before, li.with_style.privacy:hover:before, li.with_style.privacy:focus:before, li.with_style.privacy:active:before {width: 130px; margin: auto; top: 138px;}

li.with_style.customer_support.active:before, li.with_style.customer_support:hover:before, li.with_style.customer_support:focus:before, li.with_style.customer_support:active:before {margin: auto;} /* width: 185px; */
li.with_style.faq.active:before, li.with_style.faq:hover:before, li.with_style.faq:focus:before, li.with_style.faq:active:before {margin: auto;} /* width: 275px;  */

li.with_style.locator.active:before, li.with_style.locator:hover:before, li.with_style.locator:focus:before, li.with_style.locator:active:before {margin: auto;} /* width: 275px;  */


ul.items_list {width: 67%; margin: auto; font-size: 0; text-align: center;}
ul.items_list li {width: 33.3%; text-align: center; display: inline-block; position: relative}
ul.items_list li a {display: block; color: #1C1D1E; font-size: 22px; font-weight: bold; padding: 50px 0; opacity: 0.4;}
ul.items_list li.active a {display: block; color: #1C1D1E; font-size: 22px; font-weight: bold; padding: 50px 0; opacity: 1;}
.legal_page .legal_contents {width: 62%; margin: auto; padding: 50px 0; opacity: 0.8; color: #121212; font-size: 20px; font-weight: 300; line-height: 36px;}

.hero_img {height: 35vw; position: relative; display: flex; align-items: center}
.gradient_container {width: 640px; padding: 70px; background-color: #F2F2F2; background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); border-radius: 10px; margin-left: 14%}
.gradient_container .page_name {color: #FFFFFF; font-size: 14px; font-weight: 300; line-height: 60px;}
.gradient_container h1 {color: #FFFFFF; font-size: 50px; font-weight: bold; line-height: 70px; font-family: "Futura-Bold"}
.page_not_found_page .gradient_container {width: 690px}
.page_not_found_page .gradient_container h1 {font-size: 40px; line-height: 60px}
.gradient_container .description {color: #FFFFFF; font-size: 20px; font-weight: 300; line-height: 36px; margin-top: 16px}
.gradient_container .go_home_button {color: #FFFFFF; font-size: 14px; line-height: 36px; border: 1px solid white; padding: 11px 64px; border-radius: 40px; margin: 40px 0; display: inline-block;}
.contact_page {max-width: 100%; overflow: hidden;}
.contact_page .hero_img {background: url("/assets/images/contact_hero_img.png") no-repeat center center; background-size: cover}
.contact_page .faq_container {width: 67%; margin: 80px auto 120px auto}

.faq_list > li:not(:last-child)::after {display: block; content: ''; width: 100%; height: 1px; opacity: 0.1; background-color: #000000; margin: 40px 0}
.faq_list > li i {margin-right: 40px; display: inline-table}
.faq_list > li h3 {color: #1C1D1E; display: flex; font-size: 24px; font-weight: 500; line-height: 40px; cursor: pointer}
.faq_list > li.active i {transform: rotate(180deg)}
.faq_list > li.active h3 {color: #EC171C}
.faq_list > li.active .faq_text {height: 100%; display: block}
.faq_list > li .faq_text {color: #1C1D1E; font-size: 20px; font-weight: 300; line-height: 30px; margin: 30px 0 0 60px; height: 0;}
.faq_list > li .faq_text ul {list-style: initial; list-style-position: inside; padding-right: 20px;}
.faq_list > li .faq_text td {vertical-align: top}

.tracking_error_message {display: none; padding: 50px 0 0 0; font-size: 20px; line-height: 30px;}

.services_page .hero_img {background: url("/assets/images/services_hero_img.jpg") no-repeat center right; background-size: 70%}
.services_page .service_section {font-size: 0; width: 71%; margin: 120px auto;}
.services_page .service_section .service_half {width: 50%; display: inline-block; vertical-align: top; margin: 60px auto}
.services_page .service_section .service_half figure {}
.services_page .service_section .service_half h2 {color: #1C1D1E; font-family: "Futura-Bold"; font-size: 40px; margin: 50px 0 30px 0; font-weight: bold;}
.services_page .service_section .service_half .service_description { color: #121212; font-family: "Futura Std Book"; font-size: 20px; font-weight: 300; line-height: 36px;}
.services_page .service_section .service_half .service_description > ul {list-style: disc}
.services_page .service_section .service_half .service_description > ul ul {list-style: circle; padding-left: 40px; margin-bottom: 10px}
.services_page .service_section .service_half a.get_quote {background-color: #000000; border: 1px solid #000000; color: #FFFFFF; font-family: "Futura Std Book"; font-size: 14px; font-weight: bold; display: inline-block; padding: 22px 55px; border-radius: 40px; margin-top: 50px}
.services_page .service_section .service_half a.get_quote:hover {background-color: #EC171C; border-color: #EC171C;}
.services_page .service_section .service_half img {max-width: 100%}

.sub_services_container {display: grid; grid-template-columns: 31% 31% 31%; width: 71%; margin: auto; grid-column-gap: 3.4%}
.sub_services_container .sub_service {margin-bottom: 100px}
.sub_services_container .sub_service_image {height: 80px}
.sub_services_container .sub_service_title {text-align: center; font-family: "Futura-Bold"; font-size: 20px; margin: 25px auto}
.sub_services_container .sub_service_text {line-height: 23px}
.sub_services_container .sub_service_text ul {list-style: disc; list-style-position: outside; padding-left: 15px}

.contact_page .contact_container {width: 67%; margin: 70px auto; font-size: 0}
.contact_page .contact_container .contact_details {display: inline-block; width: 25%; min-width: 312px; vertical-align: top}
.contact_page .contact_container .contact_details ul {}
.contact_page .contact_container .contact_details ul li {clear: both; text-align: left; margin-bottom: 50px; display: flex; align-items: center}
.contact_page .contact_container .contact_details ul li::after {clear: both; content: ''; display: block}
.contact_page .contact_container .contact_details ul li figure {width: 70px; min-width: 70px; height: 70px; float: left; margin-right: 40px}
.contact_page .contact_container .contact_details ul li .contact_text {}
.contact_page .contact_container .contact_details ul li .contact_text p {color: #DC1E32; font-size: 12px; font-weight: 300;}
.contact_page .contact_container .contact_details ul li .contact_text h6 {color: #2F3132; font-size: 20px; font-weight: 900; line-height: 34px;}


.complaint_page {max-width: 100%; overflow: hidden;}
.complaint_page .hero_img {background: url("/assets/images/contact_hero_img.png") no-repeat center center; background-size: cover}
.complaint_page .newcomplaint_container {width: 70%; margin: 70px auto; font-size: 0}
/* .complaint_page .newcomplaint_container .complaint_details {display: inline-block; width: 25%; min-width: 312px; vertical-align: top}*/
/*.complaint_page .newcomplaint_container .complaint_details ul {}
.complaint_page .newcomplaint_container .complaint_details ul li {clear: both; text-align: left; margin-bottom: 50px; display: flex; align-items: center}
.complaint_page .newcomplaint_container .complaint_details ul li::after {clear: both; content: ''; display: block}
.complaint_page .newcomplaint_container .complaint_details ul li figure {width: 70px; min-width: 70px; height: 70px; float: left; margin-right: 40px}
.complaint_page .newcomplaint_container .complaint_details ul li .contact_text {}
.complaint_page .newcomplaint_container .complaint_details ul li .contact_text p {color: #DC1E32; font-size: 12px; font-weight: 300;}
.complaint_page .newcomplaint_container .complaint_details ul li .contact_text h6 {color: #2F3132; font-size: 20px; font-weight: 900; line-height: 34px;}*/
.complaint_page .newcomplaint_container .complaint_form_container {display: inline-block; width: 100%; vertical-align: top; padding: 0 0 0 5%; font-size: 0}
.complaint_page .newcomplaint_container .complaint_form_container > p {color: #1C1D1E; font-size: 22px; font-weight: 300; line-height: 36px; padding-bottom: 60px}
.complaint_page .newcomplaint_container .complaint_form label {display: block; color: #1C1D1E; font-size: 18px; line-height: 45px;}
.complaint_page .newcomplaint_container .complaint_form input {height: 60px; width: 90%; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}
.complaint_page .newcomplaint_container .complaint_form textarea {border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; resize: none; border-radius: 6px; font-size: 16px; padding: 0 10px; width: 90%; height:150px}
.complaint_page .newcomplaint_container .complaint_form .input_container {width: 47%; display: inline-block; padding-bottom: 25px; vertical-align: top}
.complaint_page .newcomplaint_container .complaint_form .select-container {width: 90%;}
.complaint_page .newcomplaint_container .complaint_form .input_container.full_width {width: 100%; display: block}

.complaint_page .search_container {width: 70%; margin: 80px auto 120px auto}
.complaint_page .search_container .search_details { box-shadow: 0 0 5px 0 rgba(181,176,176,0.75);background-color: #f3f3f3; padding:0px 0px 5px 5px;  width: 70%; vertical-align: top; margin:0px auto; }
.complaint_page .search_container .search_form label {display: block; color: #1C1D1E; font-size: 18px; line-height: 45px;}
.complaint_page .search_container .search_form .input_container {width: 300px; display: inline-block; padding-bottom: 5px; vertical-align: middle; margin-left: 20px;}
.complaint_page .search_container .search_form .button_container {width: 150px; display: inline-block; padding-bottom: 5px; vertical-align: middle; margin-left: 20px;}
.complaint_page .search_container .search_form .loader_container {width: 50px; display: inline-block;  vertical-align: middle; margin-top: 40px; margin-left: 20px; }
.complaint_page .search_container .search_form button {clear: both; color: white; width: 150px; height: 50px; display: inline-block; margin-top: 40px; text-align: center; outline: none; cursor: pointer; background-color: #EC171C; border: 1px solid #EC171C; font-family: "Futura-Bold", "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 10px; padding: 0px 0px; border-radius: 50px}
.complaint_page .search_container .search_form button:hover {color: #EC171C; background-color: #f3f3f3;}
.complaint_page .search_container .search_form input {height: 50px; width: 300px; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}

.complaint_page .search_container .search_table_container {display: inline-block; width: 100%; margin-top: 20px; vertical-align: top;}
.complaint_page .search_container .search_table_container .styled-table {border-collapse: collapse; margin: 0px 0; font-size: 0.9em; font-family:"FuturaStd-Medium", Helvetica, Arial, sans-serif; width: 100%; overflow-x:auto; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.complaint_page .search_container .search_table_container .styled-table thead tr {background-color: #F2F2F2; background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); height: 30px; color: #ffffff; text-align: left;}
.complaint_page .search_container .search_table_container .styled-table thead th {padding: 5px 5px;}
.complaint_page .search_container .search_table_container .styled-table thead td {padding: 5px 5px;}
.complaint_page .search_container .search_table_container .styled-table tbody tr { border-bottom: 1px solid #dddddd; height: 40px;}
.complaint_page .search_container .search_table_container .styled-table tbody td {padding: 5px 5px;}
.complaint_page .search_container .search_table_container .styled-table tbody tr:nth-of-type(even) {background-color: #f3f3f3;}
.complaint_page .search_container .search_table_container .styled-table tbody tr:last-of-type {border-bottom: 2px solid red;}
.complaint_page .search_container .search_table_container .styled-table tbody tr.active-row {font-weight: bold;color: red;}




.mapCanvas{width: 100%; height: 80vh; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
.map_info_window{ background-color: #EC171C;  border: 1px solid rgba(72, 181, 233, 0.6); border-radius: 10px; box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6); color: rgb(255, 255, 255) !important;    font-family: "Futura";    text-align: center;    top: 10px !important;    width: 260px !important;}

.locatorview_container{float: right; margin-top: 10px; margin-bottom: 0px; font-family: "Futura-Bold";}
.locatorview_container .switch {position: relative;	display: block; vertical-align: top; width: 100px; height: 30px;padding: 3px; margin: 0 0px 0px 0; background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);	border-radius: 18px;cursor: pointer;box-sizing:content-box;}
.locatorview_container .switch-input {position: absolute;top: 0;left: 0;opacity: 0;	box-sizing:content-box;}
.locatorview_container .switch-label {position: relative;display: block;height: inherit;font-size: 10px;text-transform: uppercase;background: black;	border-radius: inherit;	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);	box-sizing:content-box;}
.locatorview_container .switch-label:before, .switch-label:after {position: absolute;top: 50%;margin-top: -.5em;line-height: 1;	-webkit-transition: inherit;	-moz-transition: inherit;	-o-transition: inherit;	transition: inherit;	box-sizing:content-box;}
.locatorview_container .switch-label:before {content: attr(data-off);right: 11px;color: #aaaaaa;text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
.locatorview_container .switch-label:after {content: attr(data-on);	left: 11px;	color: #FFFFFF;	text-shadow: 0 1px rgba(0, 0, 0, 0.2);	opacity: 0;}
.locatorview_container .switch-input:checked ~ .switch-label {background: #EC171C;	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);}
.locatorview_container .switch-input:checked ~ .switch-label:before {opacity: 0; font-family: "Futura-Bold";}
.locatorview_container .switch-input:checked ~ .switch-label:after {opacity: 1; font-family: "Futura-Bold";}
.locatorview_container .switch-handle {position: absolute;top: 4px;	left: 4px;	width: 28px;height: 28px;background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);	border-radius: 100%;	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.locatorview_container .switch-handle:before {content: "";position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -6px;width: 12px;height: 12px;	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);	border-radius: 6px;	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);}
.locatorview_container .switch-input:checked ~ .switch-handle {	left: 74px;	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}
.locatorview_container .switch-label, .switch-handle {transition: All 0.3s ease;-webkit-transition: All 0.3s ease;-moz-transition: All 0.3s ease;	-o-transition: All 0.3s ease;}


.contact_page .contact_container .contact_form_container {display: inline-block; width: 75%; vertical-align: top; padding: 0 0 0 5%; font-size: 0}
.contact_page .contact_container .contact_form_container > p {color: #1C1D1E; font-size: 22px; font-weight: 300; line-height: 36px; padding-bottom: 60px}
.contact_page .contact_container .contact_form label {display: block; color: #1C1D1E; font-size: 18px; line-height: 45px;}
.contact_page .contact_container .contact_form input {height: 60px; width: 350px; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}
.contact_page .contact_container .contact_form textarea {border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; resize: none; border-radius: 6px; font-size: 16px; padding: 10px; width: 90%}
.contact_page .contact_container .contact_form .input_container {width: 50%; display: inline-block; padding-bottom: 25px; vertical-align: top}
.contact_page .contact_container .contact_form .input_container.full_width {width: 100%; display: block}

.contact_page .locate_container {width: 100%; margin: 40px auto;}

.contact_page .locate_container .locate_details { box-shadow: 0 0 5px 0 rgba(181,176,176,0.75);background-color: #f3f3f3; padding:0px 0px 10px 10px;  width: 65%; vertical-align: top; margin:0px auto; }
.contact_page .locate_container .locate_form label {display: block; color: #1C1D1E; font-size: 18px; line-height: 45px;}
.contact_page .locate_container .locate_form .input_container {width: 30%; display: inline-block; padding-bottom: 5px; vertical-align: middle; margin-left: 20px;}
.contact_page .locate_container .locate_form .input_container.full_width {width: 100%; display: block}
.contact_page .locate_container .locate_form .select {padding: 10px; border: solid 1px rgba(28,29,30,0.25); outline: 0; border-radius: 6px; font-size: 16px; background: white;  box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; width:100%; display: inline-block;}
.contact_page .locate_container .locate_form button {clear: both; color: white; width: 150px; height: 50px; display: inline-block; margin-top: 40px; text-align: center; outline: none; cursor: pointer; background-color: #EC171C; border: 1px solid #EC171C; font-family: "Futura-Bold", "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 10px; padding: 0px 0px; border-radius: 50px}
.contact_page .locate_container .locate_form button:hover {color: #EC171C; background-color: #f3f3f3;}

.contact_page .locate_container .locate_table_container {display: inline-block; width: 100%; margin-top: 1px; vertical-align: top;}
.contact_page .locate_container .locate_table_container .styled-table {border-collapse: collapse; margin: 0px 0; font-size: 0.9em; font-family:"FuturaStd-Medium", Helvetica, Arial, sans-serif; width: 100%; overflow-x:auto; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.contact_page .locate_container .locate_table_container .styled-table thead tr {background-color: #F2F2F2; background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); height: 30px; color: #ffffff; text-align: left;}
.contact_page .locate_container .locate_table_container .styled-table thead th {padding: 12px 15px;}
.contact_page .locate_container .locate_table_container .styled-table thead td {padding: 12px 15px;}
.contact_page .locate_container .locate_table_container .styled-table tbody tr { border-bottom: 1px solid #dddddd; height: 40px;}
.contact_page .locate_container .locate_table_container .styled-table tbody tr:nth-of-type(even) {background-color: #f3f3f3;}
.contact_page .locate_container .locate_table_container .styled-table tbody tr:last-of-type {border-bottom: 2px solid red;}
.contact_page .locate_container .locate_table_container .styled-table tbody tr.active-row {font-weight: bold;color: red;}

/*
.contact_page .locate_container .locate_form_container > p {color: #1C1D1E; font-size: 22px; font-weight: 300; line-height: 36px; padding-bottom: 60px}
.contact_page .locate_container .locate_form label {display: block; color: #1C1D1E; font-size: 18px; line-height: 45px;}
.contact_page .locate_container .locate_form input {height: 60px; width: 350px; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}
.contact_page .locate_container .locate_form textarea {border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; resize: none; border-radius: 6px; font-size: 16px; padding: 10px; width: 90%}
.contact_page .locate_container .locate_form .input_container {width: 50%; display: inline-block; padding-bottom: 25px; vertical-align: top}
.contact_page .locate_container .locate_form .input_container.full_width {width: 100%; display: block}
.contact_page .locate_container .locato_form .styled-table {border-collapse: collapse; margin: 25px 0; font-size: 0.9em; font-family: sans-serif; min-width: 400px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
*/


.custadd_page {max-width: 100%; overflow: hidden; display: inline-block; }
.custadd_page .map_container {width: 40%; height: 500px; display: inline-block; vertical-align: top; margin-left: 10px;}
.custadd_page .map_container .map {width: 100%; height: 500px; display: inline-block; vertical-align: top}

.custadd_page  .map_container > p {color: #1C1D1E; margin-top: 10px; font-size: 15px; font-weight: 200; line-height: 30px; padding-bottom: 1px; text-align: left;}
.custadd_page  .custadd_form_container {display: inline-block; width: 50%;  vertical-align: top; padding: 0 0 0 5%; font-size: 0}
.custadd_page  .custadd_form_container > p {color: #1C1D1E; margin-top: 10px; font-size: 22px; font-weight: 300; line-height: 36px; padding-bottom: 20px; text-align: center;}
.custadd_page .custadd_form {padding-left: 10px;}
.custadd_page  .custadd_form label {display: block; color: #1C1D1E; font-size: 18px; line-height: 45px;}
.custadd_page  .custadd_form input {height: 60px; width: 300px; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}
.custadd_page  .custadd_form textarea {border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; resize: none; border-radius: 6px; font-size: 16px; padding: 10px; width: 95%}
.custadd_page  .custadd_form .input_container {width: 50%; display: inline-block; padding-bottom: 25px; vertical-align: top}
.custadd_page  .custadd_form .input_container.full_width {width: 100%; display: block;}
.custadd_page .custadd_form .input_container .select-container {width: 300px;}
.custadd_page .page-cover{background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); padding: 90px 0}
.custadd_page .page-cover h1{font-size: 50px; font-family: Futura-Bold, Helvetica, Arial, sans-serif; color: #FFFFFF; text-align: center; line-height: 70px;}

.complaint_detail .hero_img {background: url("/storage/files_uploads/contact_hero_img_1619814910.png") no-repeat center center; background-size: cover}
.complaint_detail .table_container {width: 65%; margin: auto}

.complaint_detail .complaint_table {margin: 30px 0; width: 100%; direction: ltr; font-size: 1em; font-family:"FuturaStd-Medium", Helvetica, Arial, sans-serif;}
.complaint_detail .complaint_table tr.header_row {background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); color: white}
.complaint_detail .complaint_table tr.header_row th {padding: 10px; text-align: center}
.complaint_detail .complaint_table tr.separator_row {background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%)}
.complaint_detail .complaint_table th {min-width: 100px; text-align: left}
.complaint_detail .complaint_table th {padding: 5px 10px}
.complaint_detail .complaint_table td {padding: 5px 10px}
.complaint_detail .complaint_table td.half-width {width: 50%; padding: 0}
.complaint_detail .complaint_table td.header_row {color: white; padding: 8px 10px 8px 20px}
.complaint_detail .complaint_table td.header_row.fade-to-right {background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%)}
.complaint_detail .complaint_table td.header_row.fade-to-left {background: linear-gradient(225deg, #EC171C 0%, #F23E3E 50.73%, #F5613B 100%)}
.complaint_detail .complaint_table td.no-padding {padding: 0}
.complaint_detail .complaint_table .history-table tr.header_row {cursor: pointer}
.complaint_detail .complaint_table .history-table tr.header_row.expanded i{transform: rotate(-180deg)}
.complaint_detail .complaint_table .history-table tr.hide {display: none}

.tracking_page .hero_img {background: url("/assets/images/tracking_hero_img.png") no-repeat center center; background-size: cover}
.tracking_page .waybill_container {width: 60%; margin: auto}
.tracking_page .tracking_form_container {margin-bottom: 100px}
.tracking_page .tracking_form_container label {color: #2E2E2D; font-size: 18px; font-weight: 300; line-height: 65px;}
.tracking_page .tracking_form_container ::placeholder {opacity: 0.7; color: #1C1D1E; font-size: 18px; font-weight: 300; line-height: 25px;}
.tracking_page .tracking_form_container ::-webkit-input-placeholder {opacity: 0.7; color: #1C1D1E; font-size: 18px; font-weight: 300; line-height: 25px;}
.tracking_page .tracking_form_container ::-moz-placeholder {opacity: 0.7; color: #1C1D1E; font-size: 18px; font-weight: 300; line-height: 25px;}
.tracking_page .tracking_form_container ::-ms-input-placeholder {opacity: 0.7; color: #1C1D1E; font-size: 18px; font-weight: 300; line-height: 25px;}

.tracking_page .waybill_container .tracking_form_container textarea, .tracking_page .waybill_container .tracking_form_container input {border: 1px solid rgba(28,29,30,0.25); min-height: 110px; background-color: #FFFFFF; resize: none; border-radius: 6px; font-size: 16px; padding: 20px; width: 90%}
.tracking_page .waybill_container .tracking_form_container .input_container.full_width {margin: 40px 0 30px 0}

.tracking_page .reference_container {width: 45%; margin: auto; padding: 60px 0 100px 0}
.tracking_page .reference_container label {color: #2E2E2D; font-size: 18px; font-weight: 300; line-height: 65px;}
.tracking_page .reference_container input {height: 55px; width: 85%; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}
.tracking_page .reference_container .input_container {margin-bottom: 10px}
.tracking_page .reference_container .input_container.sec_no_input {position: relative; margin-top: 40px}
.tracking_page .reference_container .input_container.date_input input {width: 370px; padding: 20px ; clear: both; display: block}
.tracking_page .reference_container .input_container.sec_no_input input {width: 255px; padding: 20px ; clear: both; display: block}
.tracking_page .reference_container .input_container.sec_no_input input::placeholder {opacity: 0.5; color: #2E2E2D; font-size: 18px; font-weight: 300; line-height: 25px;}
.tracking_page .reference_container .input_container.sec_no_input input::-webkit-input-placeholder {opacity: 0.5; color: #2E2E2D; font-size: 18px; font-weight: 300; line-height: 25px;}
.tracking_page .reference_container .input_container.sec_no_input input::-moz-placeholder {opacity: 0.5; color: #2E2E2D; font-size: 18px; font-weight: 300; line-height: 25px;}
.tracking_page .reference_container .input_container.sec_no_input input::-ms-input-placeholder {opacity: 0.5; color: #2E2E2D; font-size: 18px; font-weight: 300; line-height: 25px;}
.tracking_page .tip_text {opacity: 0.7; color: #1C1D1E; font-size: 16px; font-weight: 300; line-height: 25px; width: 85%; margin: 40px 0}
.tracking_page .sec_no {position: absolute; font-size: 20px; top: 15px; left: 270px; letter-spacing: 2px; background: url('/assets/images/security_code_bg.jpg') no-repeat center center; padding: 0 10px}
.tracking_page .security_code_refresh {position: absolute; top: 15px; left: 225px; transition: 0.3s}

.track_now_button .track_now_loader {display: none; font-size: 10px}
.track_now_button.black_bg {background-color: #1C1D1E!important; cursor: default}
.track_now_button.black_bg .track_now_text {display: none}
.track_now_button.black_bg .track_now_loader {display: block}

#tracking_table {margin: 30px 0; width: 100%; direction: ltr}
#tracking_table tr.header_row {background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); color: white}
#tracking_table tr.header_row th {padding: 10px; text-align: center}
#tracking_table tr.separator_row {background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%)}
#tracking_table th {min-width: 150px; text-align: left}
#tracking_table th {padding: 5px 10px}
#tracking_table td {padding: 5px 10px}
#tracking_table td.half-width {width: 50%; padding: 0}
#tracking_table td.header_row {color: white; padding: 8px 10px 8px 20px}
#tracking_table td.header_row.fade-to-right {background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%)}
#tracking_table td.header_row.fade-to-left {background: linear-gradient(225deg, #EC171C 0%, #F23E3E 50.73%, #F5613B 100%)}
#tracking_table td.no-padding {padding: 0}
#tracking_table .history-table tr.header_row {cursor: pointer}
#tracking_table .history-table tr.header_row.expanded i{transform: rotate(-180deg)}
#tracking_table .history-table tr.hide {display: none}

.page_not_found_page .hero_img {height: 900px}
.page_not_found_page .hero_img figure{background: url('/assets/images/404_img.png') no-repeat center bottom; background-size: contain; height: 750px; position: absolute; width: 60%; right: 0; bottom: 0}
.page_not_found_page .gradient_container {position: relative; top: -70px;}

.thank_you .hero_img {height: 900px}
.thank_you .gradient_container {position: relative; top: -70px;}
.thank_you figure {background: url('/assets/images/thank_you_img.png') no-repeat center bottom; background-size: contain; height: 900px; width: 50%; right: 0; bottom: 0; position: absolute}


/*News Page*/
.news-page .page-cover{background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); padding: 90px 0}
.news-page .page-cover h1{font-size: 50px; font-family: Futura-Bold, Helvetica, Arial, sans-serif; color: #FFFFFF; text-align: center; line-height: 70px}
.news-page .articles-listing{padding: 0 240px; margin: 170px 0; font-size: 0}
.news-page .articles-listing article{margin: 0 3.5% 130px 0}
.news-page .articles-listing article:nth-child(3n){margin: 0 0 130px 0}
.btn{font-size: 14px; color: #181717; font-family: Futura-Bold, Helvetica, Arial, sans-serif; width: 200px; height: 60px; display: block; text-align: center; line-height: 60px; border: 1px solid rgba(28, 29, 30, 0.5); margin: 45px auto 0 auto; text-transform: uppercase; border-radius: 40px; transition: .5s}
.btn:hover{background-color: #181717; color: #FFFFFF}
/*End News Page*/


/*Article Page*/
.article-page .page-cover{background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); height: 250px}
.article-page .main-container{padding: 100px 240px 210px 240px; font-size: 0}
.article-page .main-container .main-column{width: calc(68% - 90px); display: inline-block; vertical-align: top; margin: 0 90px 0 0}
.article-page .main-container article{margin: -235px 0 0 0}
.article-page .main-container article figure{height: 600px; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 0 70px 0; border-radius: 10px}
.article-page .main-container article h1{font-family: FuturaStd-Medium, Helvetica, Arial, sans-serif; font-size: 40px; line-height: 60px; color: #0C0C0C; padding: 0 120px 0 0}
.article-page .main-container article .date{color: #D22529; font-size: 14px; display: block; margin: 50px 0 0 0; font-family: FuturaStd-Medium, Helvetica, Arial, sans-serif}
.article-page .main-container article .text{margin: 60px 0 0 0; color: rgba(18, 18, 18, .8)}
.article-page .main-container article .text p{font-family: FuturaStd-Medium, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 36px; margin: 0 0 30px 0}
.article-page .main-container .sidebar{width: 32%; display: inline-block; vertical-align: top}
.article-page .main-container .sidebar h2{color: #1C1D1E; font-family: Futura-Bold, Helvetica, Arial, sans-serif; font-size: 36px}
.article-page .main-container .sidebar ul{margin: 75px 0 0 0}
.article-page .main-container .sidebar ul li{padding: 0 0 45px 0; margin: 0 0 45px 0; border-bottom: 1px solid rgba(28, 29, 30, .2)}
.article-page .main-container .sidebar ul li:last-child{margin: 0; border-bottom: none}
.article-page .main-container .sidebar ul li h3{color: #222222; font-family: "Futura Std Book", Helvetica, Arial, sans-serif; font-size: 24px; line-height: 36px}
.article-page .main-container .sidebar ul li span{color: #D22529; font-size: 14px; font-family: FuturaStd-Medium, Helvetica, Arial, sans-serif; display: block; margin: 40px 0 0 0}
.article-page .main-container .sidebar .btn{margin: 40px 0 0 0}
/*End Article Page*/



/*Careers Page*/
.careers-page{padding: 0 0 75px 0}
.careers-page .page-cover{height: 500px; background: url('/assets/images/careers-page-cover.png') no-repeat center; background-size: cover; position: relative}
.jobs_entries {font-size: 0; margin: 80px 0 0 0; text-align: center}
.job_entry {width: 25%; margin: 0 10% 60px 10%; display: inline-block; box-shadow: 0 0 5px 0 rgba(181,176,176,0.75); padding: 30px; box-sizing: content-box; text-align: left}
.job_entry h2 {font-size: 20px; color: black; margin-bottom: 20px; font-family:  FuturaStd-Medium, Helvetica, Arial, sans-serif;}
.job_entry p {color: #707070; font-size: 18px; max-height: 150px; margin-bottom: 30px; overflow: hidden}
.job_entry .button_click {padding: 10px 30px;}
/*End Careers Page*/


/*Job Page*/
.job-page{padding: 0 0 50px 0}
.job-page .page-cover{background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); padding: 90px 0}
.job-page .page-cover h1{font-size: 50px; font-family: Futura-Bold, Helvetica, Arial, sans-serif; color: #FFFFFF; text-align: center; line-height: 70px;}
.job_details_container {padding: 0 100px; margin: auto}
.job_details_container > h2 {color: black; font-family: 'Futura-Bold'; font-size: 50px; font-weight: bold; letter-spacing: 0; line-height: 85px; margin-top: 50px;}
.job_details_form_container {margin: 30px 0; font-size: 0}
.details_requirements_container {width: 50%; display: inline-block; vertical-align: top; margin-top: 40px;}
.details_requirements_container .details {}
.details_requirements_container .details > h3, .details_requirements_container .requirements > h3 {font-size: 24px; font-family: Futura-Bold, Helvetica, Arial, sans-serif; margin-bottom: 10px}
.details_requirements_container .details *, .details_requirements_container .requirements * {line-height: 40px; font-size: 16px}
.details_requirements_container .requirements {margin: 40px 0}
.details_requirements_container ul li {list-style: disc; list-style-position: inside; line-height: 30px!important;}

.job_form_container {width: 50%; display: inline-block; vertical-align: top; margin-top: 40px;}
.job_form .button_click {padding: 10px 25px; float: right}
.file-drop-area{position: relative; width: 100%; padding: 10px 20px; border: 1px dashed #707070; border-radius: 10px; transition: 0.2s; font-size: 18px; color: #B4B4B4; font-family: FuturaBT-Book, Helvetica, Arial, sans-serif; height: 112px}
.file-input{position: absolute; left: 0; top: 0; height: 100%; width: 100%; cursor: pointer; opacity: 0; margin: 0; padding: 0}
.notice{font-size: 18px; font-family: "Futura Hv BT", Helvetica, Arial, sans-serif; color: #A5A5A5; margin: 10px 0 50px 0}

.job-page .job_form_container  label {display: block; color: #1C1D1E; font-size: 18px; line-height: 45px;}
.job-page .job_form_container  input {height: 60px; width: 100%; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px; margin-bottom: 30px;}
.job-page .job_form_container textarea {border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; resize: none; border-radius: 6px; font-size: 16px; padding: 10px; width: 90%}
.job-page .job_form_container .input_container {width: 100%; display: inline-block; padding-bottom: 5px; vertical-align: top}
.job-page .job_form_container .input_container.full_width {width: 100% !important ; display: block}



/*End Job Page*/



/* Footer */
footer {background-color: #f2f2f2}
footer .footer_container {padding: 86px 0; width: 67%; margin: auto}
footer .links {font-size: 0}
footer .links ul {display: inline-block; vertical-align: top; width: 18%; font-size: 16px}
footer .links ul:first-child {width: 28%}
footer .links ul li.title {}
footer .links ul li.hover_item a {position: relative; display: inline-block}
footer .links ul li.hover_item a:before {content: ""; position: absolute; z-index: 1; left: 51%; right: 51%; bottom: 5px; background: #D22529; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
footer .links ul li.hover_item a.active:before,
footer .links ul li.hover_item:hover a:before,
footer .links ul li.hover_item:focus a:before,
footer .links ul li.hover_item:active a:before {left: 0; right: 0;}

footer .links ul li.title h3 { color: #1C1D1E; font-family: "Futura-Bold"; font-size: 20px; font-weight: bold; padding-bottom: 40px}
footer .links ul li a {color: #444444; font-size: 18px; font-weight: 300; padding: 0 0 18px 0; line-height: 25px; display: block}
footer .links ul:first-child li a {line-height: 36px;}
footer .links ul:first-child li a i {padding-right: 25px; color: #DC1E32}
footer .links ul:first-child li a i.fa-phone {transform: rotate(255deg); position: relative; bottom: 12px; left: -15px;}
footer .links ul {padding-right: 60px}
footer .links ul.social {font-size: 0; padding-right: 0}
footer .links ul.social li {float: right; font-size: 20px; width: 40px; text-align: right}
footer .links ul.social li:hover a {color: #D22529}
footer .copyrights.desktop {margin: 60px 0 0 0; color: #444444; font-size: 18px; font-weight: 300; display: flex; align-items: center}
footer .copyrights.desktop p {display: inline-block}
footer .copyrights.desktop p:last-child {float: right; display: flex; align-items: center; margin-left: auto}
footer .copyrights.desktop .sf_express img {margin-left: 15px}

/* below css is for location sticky slider on home page */
.locicon{position:fixed; top:33%; right:0%; width:210px; display: flex; flex-direction: column;}
.locicon a{text-decoration: none; padding:5px; font-size:18px;  margin:2px; text-align: left; border-radius: 50px 0px 0px 50px; transform:translate(160px, 0px); transition: 1s; }
.locicon a:hover{transform:translate(0px, 0px);}
.locicon a:hover i{transform: rotate(360deg);}
.locicon a i{margin-right: 20px; background-color: white; height: 40px; width: 40px; color: black; text-align: center; line-height: 40px; border-radius: 50%; transition: all 1s;}
.locicon a i.fa-map-marker {color: #EC171C;}
.location{background-color: #EC171C; color:white}

.fade-in{opacity: 0; visibility: hidden; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fade-in; animation-name: fade-in}
@-webkit-keyframes fade-in{
    0%{opacity: 0; visibility: hidden; -webkit-transform: translateY(40px)}
    100%{opacity: 1; visibility: visible; -webkit-transform: translateY(0)}
}

@keyframes fade-in{
    0%{opacity: 0; visibility: hidden; transform: translateY(40px)}
    100%{opacity: 1; visibility: visible; transform: translateY(0)}
}

@media only screen and (max-width : 1870px) {
    .contact_page .contact_container {width: 71%}
    .contact_page .locate_container {width: 90%;}
    header .logo_container .logo {width: 210px}
    header .menu_container > li {margin: 0 22px 0 0;}
    header .menu_container > li a {font-size: 18px}
    header .powered_by {width: 150px}


}

@media only screen and (max-width : 1830px) {
    .aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item h4 {font-size: 27px}
    .aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item .text {line-height: 31px}
    header .logo_container .logo {width: 220px}
    header .menu_container > li {margin: 0 22px 0 0;}
    header .menu_container > li a {font-size: 18px}
}

@media only screen and (max-width : 1770px) {
    .newsletter_subscription .newsletter_subscription_body h3 {font-size: 24px}
    .contact_page .contact_container {width: 74%}
    .contact_page .locate_container {width: 90%;}
    .homepage .services{padding: 290px 200px 0 200px}
    .homepage .latest-news{padding: 250px 200px}
    .news-page .articles-listing{padding: 0 200px}
    .homepage .homepage_hero_container .model{width: 1100px; height: 910px}
    .article-page .main-container{padding: 100px 200px 210px 200px}

    header .logo_container .logo {width: 210px}
    header .menu_container > li {margin: 0 21px 0 0;}
    header .menu_container > li a {font-size: 17px}
}

@media only screen and (max-width : 1720px) {
    header .languages {width: 100px}
    header .menu_container > li {margin: 0 30px 0 0}
    .newsletter_subscription .newsletter_subscription_body h3 {font-size: 22px}
    footer .links ul li a {font-size: 17px}
    footer .links ul {padding-right: 30px}
    .aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item h4 {font-size: 25px}
    .page_not_found_page .gradient_container {margin-left: 7%}
    .thank_you .gradient_container {margin-left: 7%}
    .page_not_found_page .hero_img figure{height: 600px}

    .contact_page .locate_container {width: 90%;}

    header .logo_container .logo {width: 210px}
    header .menu_container > li {margin: 0 21px 0 0;}
    header .menu_container > li a {font-size: 17px}
}

@media only screen and (max-width : 1690px) {
    .contact_page .contact_container {width: 78%}
    .contact_page .locate_container {width: 90%;}
    .homepage .services{padding: 290px 150px 0 150px}
    .homepage .latest-news{padding: 250px 150px}
    .news-page .articles-listing{padding: 0 150px}
    .article-page .main-container{padding: 100px 150px 210px 150px}

    header .logo_container .logo {width: 190px}
    header .menu_container > li {margin: 0 19px 0 0;}
    header .menu_container > li a {font-size: 17px}
}

@media only screen and (max-width : 1650px) {
    header .menu_container > li {margin: 0 24px 0 0}
    footer .footer_container,
    .newsletter_subscription .newsletter_subscription_body,
    .aboutus_page .sf_container,
    .aboutus_page .text_centered,
    .aboutus_page .boxed_contents,
    .legal_page ul.items_list {width: 75%}
    .contact_page .contact_container {width: 81%}
    .contact_page .locate_container {width: 90%;}

    header .logo_container .logo {width: 180px}
    header .menu_container > li {margin: 0 18px 0 0;}
    header .menu_container > li a {font-size: 16px}
}

@media only screen and (max-width : 1610px) {
    header .menu_container > li {margin: 0 20px 0 0}
    header .menu_container > li a {font-size: 15px}
    /*.newsletter_subscription .newsletter_subscription_body h3 {font-size: 21px}*/
    .newsletter_subscription .newsletter_subscription_body .email_container input {width: 340px}
    footer .links ul li.title h3 {font-size: 18px}
    /*footer .links ul li a {font-size: 15px}*/
    .aboutus_page .about_hero_container .about_hero_text {top: calc(21% - 170px); padding: 20px 50px}
    .aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item h4 {font-size: 22px}
    .gradient_container {padding: 50px; width: 540px}
    .gradient_container h1 {font-size: 46px; }
    .gradient_container .description {font-size: 17px; line-height: 29px}
    .page_not_found_page .hero_img {background-size: 65%; height: 790px}
    .thank_you .hero_img {background-size: 65%; height: 790px}
}

@media only screen and (max-width : 1580px) {
    header .menu_container > li {margin: 0 15px 0 0}
    header .call_us .phone_number {font-size: 16px}
/*    header .menu_container::after {margin: 0 30px} */
    header .menu_container::after {margin: 0 10px}
    header .call_us {margin-right: 60px}
    .homepage .homepage_hero_container .model{width: 1000px; height: 880px}
    .homepage .express-delivery > div h3, .homepage .services .left-container h2, .homepage .latest-news h2{font-size: 40px}
    .homepage .express-delivery > div p, .homepage .services .left-container p{font-size: 18px; line-height: 32px}
    .articles-listing article a p{font-size: 22px; line-height: 32px}
    .homepage .services .left-container ul li a{font-size: 26px}
    .homepage .services{padding: 290px 100px 0 100px}
    .homepage .latest-news{padding: 250px 100px}
    .news-page .articles-listing{padding: 0 100px}
    .homepage .express-delivery > div{padding: 0}
    .article-page .main-container{padding: 100px 100px 210px 100px}
}

@media only screen and (max-width : 1560px) {
    .contact_page .contact_container {width: 85%}
    .contact_page .contact_container .contact_details ul li figure {width: 60px; min-width: 60px; height: 60px; margin-right: 30px}
    .contact_page .contact_container .contact_details ul li .contact_text h6 {font-size: 18px}
}

@media only screen and (max-width : 1530px) {
    .page_not_found_page .hero_img {height: 760px}
    .thank_you .hero_img {height: 760px}
    header .logo_container .logo {width: 160px}
    header .menu_container > li {margin: 0 14px 0 0;}
    header .menu_container > li a {font-size: 14px}
}

@media only screen and (max-width : 1520px) {
    /*.newsletter_subscription .newsletter_subscription_body .email_container input {width: 300px}*/
    /*.newsletter_subscription .newsletter_subscription_body .email_container a.newsletter_submit {padding: 28px 30px}*/
}

@media only screen and (max-width : 1470px) {
    .aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item h4 {font-size: 19px}
    .aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item .text {font-size: 15px; line-height: 23px}
    .contact_page .contact_container .contact_form_container > p {font-size: 20px}
    .contact_page .contact_container .contact_details {min-width: 1px}
    .page_not_found_page .hero_img {height: 750px}
    .thank_you .hero_img {height: 750px}
    footer .footer_container,
    .newsletter_subscription .newsletter_subscription_body,
    .aboutus_page .sf_container,
    .aboutus_page .text_centered,
    .aboutus_page .boxed_contents {width: 80%}

    header .logo_container .logo {width: 160px}
    header .menu_container > li {margin: 0 14px 0 0;}
    header .menu_container > li a {font-size: 14px}
}

@media only screen and (max-width : 1450px) {
    header .menu_container > li a {font-size: 13px}
    header .menu_container > li {margin: 0 14px 0 0}
    header .menu_container::after {margin: 0 20px}
    header .call_us .phone_number {font-size: 15px}
    footer .links ul li.title h3 {font-size: 17px; padding-bottom: 30px}
    footer .links ul li a {font-size: 15px; padding: 0 0 10px 0}
    footer .links ul.social li {width: 25%}
    footer .copyrights.desktop p {font-size: 15px}
    .page_not_found_page .hero_img {background-size: 58%; height: 600px; background-position: right 20px}
    .thank_you .hero_img {background-size: 58%; height: 600px; background-position: right 20px}
    .aboutus_page .about_hero_container .about_hero_text {padding: 40px 70px}
    .aboutus_page .about_hero_container .about_hero_text .description {font-size: 16px}

    .homepage .homepage_hero_container .model{width: 900px; height: 835px}
    .homepage .express-delivery{padding: 20px 80px 0 80px}
    .homepage .services{padding: 150px 80px 0 80px}
    .homepage .latest-news{padding: 150px 80px}
    .news-page .articles-listing{padding: 0 80px}
    .article-page .main-container{padding: 100px 80px 210px 80px}

    .thank_you figure{height: 550px}
}

@media only screen and (max-width : 1400px) {
    /*.newsletter_subscription .newsletter_subscription_body h3 {font-size: 18px}*/
    /*.newsletter_subscription .newsletter_subscription_body .email_container input {width: 280px}*/
    /*.newsletter_subscription .newsletter_subscription_body .email_container a.newsletter_submit {padding: 28px 20px}*/
    .newsletter_subscription .newsletter_subscription_body .newsletter_done {font-size: 28px}
    .faq_container .faq_list > li h3 {font-size: 20px}
    .faq_container .faq_list > li.active .faq_text {font-size: 16px; line-height: 28px}

    header .logo_container .logo {width: 140px}
    header .menu_container > li {margin: 0 13px 0 0;}
    header .menu_container > li a {font-size: 12px}

    .custadd_page  .map_container label {display: block; color: #1C1D1E; font-size: 17px; line-height: 45px;}
    .custadd_page  .map_container input {height: 55px; width: 100%; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px; margin-bottom: 5px;}
    .custadd_page  .map_container > p {color: #1C1D1E; margin-top: 10px; font-size: 21px; font-weight: 300; line-height: 30px; padding-bottom: 10px; text-align: center;}
    .custadd_page  .custadd_form_container {display: inline-block; width: 50%;  vertical-align: top; padding: 0 0 0 5%; font-size: 0}
    .custadd_page  .custadd_form_container > p {color: #1C1D1E; margin-top: 10px; font-size: 21px; font-weight: 300; line-height: 36px; padding-bottom: 60px; text-align: center;}
    .custadd_page .custadd_form {padding-left: 10px;}
    .custadd_page  .custadd_form label {display: block; color: #1C1D1E; font-size: 17px; line-height: 45px;}
    .custadd_page  .custadd_form input {height: 55px; width: 300px; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}
    .custadd_page  .custadd_form .input_container {width: 50%; display: inline-block; padding-bottom: 25px; vertical-align: top}
    .custadd_page  .custadd_form .input_container.full_width {width: 100%; display: block}
    .custadd_page .custadd_form .input_container .select-container {width: 300px;}
    .custadd_page .page-cover h1{font-size: 45px; font-family: Futura-Bold, Helvetica, Arial, sans-serif; color: #FFFFFF; text-align: center; line-height: 70px;}

}

@media only screen and (max-width : 1380px) {
    header .menu_container > li a {font-size: 15px}
    header .menu_container > li {margin: 0 10px 0 0}
    header .languages {width: 70px}
    .page_not_found_page .hero_img {height: 580px}
    .thank_you .hero_img {height: 580px}

    .homepage .express-delivery > div h3, .homepage .services .left-container h2, .homepage .latest-news h2{font-size: 36px}
    .homepage .express-delivery > div p, .homepage .services .left-container p{font-size: 16px; line-height: 28px}
    .articles-listing article a p{font-size: 20px; line-height: 28px}
    .homepage .services .left-container ul li a{font-size: 24px}
    .homepage .services .left-container h2, .homepage .services .left-container p{padding: 0 40px 0 70px}
    .homepage .services .left-container ul{padding: 0 40px}
    .homepage .express-delivery > div a{font-size: 13px; width: 180px; line-height: 50px}

    .page_not_found_page .hero_img figure{height: 500px}

    header .logo_container .logo {width: 130px}
    header .menu_container > li {margin: 0 12px 0 0;}
    header .menu_container > li a {font-size: 12px}
}

@media only screen and (max-width : 1370px) {
    .aboutus_page .about_hero_container .about_hero_text {width: 550px; padding: 30px 50px}
    .aboutus_page .about_hero_container .about_hero_text h1 {font-size: 40px; line-height: 50px}
    .aboutus_page .about_hero_container .about_hero_text .description {font-size: 13px; line-height: 24px}
    .aboutus_page .text_centered h2 {font-size: 40px}
    .aboutus_page .text_centered .text {font-size: 16px; line-height: 26px}
    .aboutus_page .boxed_contents h2.boxed_title {font-size: 40px}
    .gradient_container {padding: 30px; width: 470px}
    .gradient_container h1 {font-size: 40px; }
    .gradient_container .description {font-size: 17px; line-height: 29px; margin-top: 0}
    .page_not_found_page .gradient_container {width: 620px}
    .thank_you .gradient_container {width: 620px}

    header .logo_container .logo {width: 130px}
    header .menu_container > li {margin: 0 12px 0 0;}
    header .menu_container > li a {font-size: 12px}
}

@media only screen and (max-width : 1340px) {
    header .menu_container > li {margin: 0 10px 0 0;}
    header .menu_container > li a {font-size: 13px}

    footer .links ul li a {font-size: 14px; padding: 0 0 5px 0}
    footer .copyrights.desktop p {font-size: 14px}
    footer .links ul li.title h3 {padding-bottom: 20px}
    header .logo_container .logo {width: 130px}
    header .call_us {text-align: right; position: relative; top: 10px; margin-right: 20px}
    header .call_us .phone_number {font-size: 12px; letter-spacing: 0; color: #DC1E32; display: block; font-weight: bold; text-align: center;}
    header .call_us .call_us_text {font-size: 12px; color: #131212; font-weight: 300;}
    header .menu_container::after {margin: 0 2px;}
    header .powered_by { width: 130px; height: 55px;}
    .page_not_found_page .hero_img {height: 560px}
    .thank_you .hero_img {height: 560px}

    
    .custadd_page  .map_container label {display: block; color: #1C1D1E; font-size: 17px; line-height: 45px;}
    .custadd_page  .map_container input {height: 55px; width: 100%; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px; margin-bottom: 5px;}
    .custadd_page  .map_container > p {color: #1C1D1E; margin-top: 10px; font-size: 21px; font-weight: 300; line-height: 30px; padding-bottom: 10px; text-align: center;}
    .custadd_page  .custadd_form_container {display: inline-block; width: 50%;  vertical-align: top; padding: 0 0 0 5%; font-size: 0}
    .custadd_page  .custadd_form_container > p {color: #1C1D1E; margin-top: 10px; font-size: 21px; font-weight: 300; line-height: 36px; padding-bottom: 60px; text-align: center;}
    .custadd_page .custadd_form {padding-left: 10px;}
    .custadd_page  .custadd_form label {display: block; color: #1C1D1E; font-size: 17px; line-height: 45px;}
    .custadd_page  .custadd_form input {height: 55px; width: 280px; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}
    .custadd_page  .custadd_form .input_container {width: 50%; display: inline-block; padding-bottom: 25px; vertical-align: top}
    .custadd_page  .custadd_form .input_container.full_width {width: 100%; display: block}
    .custadd_page .custadd_form .input_container .select-container {width: 270px;}
    .custadd_page .page-cover h1{font-size: 45px; font-family: Futura-Bold, Helvetica, Arial, sans-serif; color: #FFFFFF; text-align: center; line-height: 70px;}


    /*.aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item h4 {font-size: 16px}*/
    /*.aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item .text {font-size: 13px; line-height: 20px}*/
}

@media only screen and (max-width : 1290px) {
    header .menu_container > li a {font-size: 12px}
    header .menu_container > li {margin: 0 5px 0 0}
    header .languages {width: 60px}
    .page_not_found_page .hero_img {height: 540px}
    .thank_you .hero_img {height: 540px}
}

@media only screen and (max-width : 1280px) {
    .newsletter_subscription .newsletter_subscription_body .email_container input {width: 280px}
    .legal_page ul.items_list li a {font-size: 20px}
    .legal_page .legal_contents {font-size: 16px; line-height: 28px}
    ul.items_list li a, ul.items_list li.active a {font-size: 19px}
    .contact_page .contact_container .contact_form textarea {width: 98%}


    .homepage .homepage_hero_container .model{width: 800px; height: 765px}
    .homepage .express-delivery{padding: 0 30px}
    .homepage .services{padding: 80px 30px 0 30px}
    .homepage .latest-news{padding: 80px 30px}
    .news-page .articles-listing{padding: 0 30px; margin: 100px 0}
    .news-page .articles-listing article{margin: 0 3.5% 80px 0}
    .news-page .articles-listing article:nth-child(3n){margin: 0 0 80px 0}
    .homepage .services .right-container .model{width: 510px; height: 550px}
    .articles-listing article a figure{height: 300px}
    .homepage .services .left-container ul li a{padding: 15px 65px 15px 30px}
    .article-page .main-container{padding: 100px 30px 210px 30px}
    .article-page .main-container .main-column{width: calc(68% - 40px); margin: 0 40px 0 0}
    .article-page .main-container article h1{padding: 0}
    .article-page .main-container article figure{height: 480px}

    .thank_you figure{height: 500px}

    .job_entry {margin: 0 5% 60px 5%}
    
    .custadd_page  .map_container label {display: block; color: #1C1D1E; font-size: 17px; line-height: 45px;}
    .custadd_page  .map_container input {height: 55px; width: 100%; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px; margin-bottom: 5px;}
    .custadd_page  .map_container > p {color: #1C1D1E; margin-top: 10px; font-size: 21px; font-weight: 300; line-height: 30px; padding-bottom: 10px; text-align: center;}
    .custadd_page  .custadd_form_container {display: inline-block; width: 50%;  vertical-align: top; padding: 0 0 0 5%; font-size: 0}
    .custadd_page  .custadd_form_container > p {color: #1C1D1E; margin-top: 10px; font-size: 21px; font-weight: 300; line-height: 36px; padding-bottom: 60px; text-align: center;}
    .custadd_page .custadd_form {padding-left: 10px;}
    .custadd_page  .custadd_form label {display: block; color: #1C1D1E; font-size: 17px; line-height: 45px;}
    .custadd_page  .custadd_form input {height: 55px; width: 260px; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}
    .custadd_page  .custadd_form .input_container {width: 50%; display: inline-block; padding-bottom: 25px; vertical-align: top}
    .custadd_page  .custadd_form .input_container.full_width {width: 100%; display: block}
    .custadd_page .custadd_form .input_container .select-container {width: 260px;}
    .custadd_page .page-cover h1{font-size: 45px; font-family: Futura-Bold, Helvetica, Arial, sans-serif; color: #FFFFFF; text-align: center; line-height: 70px;}
}

@media only screen and (max-width : 1240px) {
    .page_not_found_page .hero_img {height: 520px}
    .thank_you .hero_img {height: 520px}
}

@media only screen and (max-width : 1200px) {
    header .menu_container > li a {font-size: 11px}
    header .menu_container > li {margin: 0 5px 0 0}
    header .languages {width: 50px}
    header .logo_container .logo {width: 186px}
    header .powered_by {width: 132px}
    header .languages .selected a span {font-size: 12px}
    header .call_us .call_us_text {font-size: 10px}
    header .call_us .phone_number {font-size: 14px}
    /*.aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item h4 {font-size: 14px}*/
}

/* Mobile */
@media only screen and (max-width : 1150px) {
    .mobile{display: block}
    .desktop{display: none}
    header {padding: 15px 35px; background: white; z-index: 5; position: relative; width: 100%; margin: 0; display: flex; align-items: center}
    header .logo_container .logo {background: url('/assets/images/logo_mobile.png') no-repeat center center; width: 52px}
    header .menu_top_container {position: fixed; background: #060606; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; visibility: hidden; opacity: 0; transition: 0.3s}
    header .menu_top_container.active {  visibility: visible; opacity: 1; }
    header .menu_container {width: 100%; height: 100%; text-align: center; position: relative}
    header .menu_container::after {display: none}
    header .menu_container > li {width: 100%; display: flex; text-align: left; height: 10%; align-items: center;}
    header .menu_container > li:before {display: none}
    header .menu_container > li.active a, header .menu_container > li:focus a {color: #DC1E1E}
    header .menu_container > li a {color: white; padding-left: 40px; text-transform: uppercase; font-size: 20px}
    header .languages_powered_by .languages ul {left: calc(50% - 29px)}
    header .top_mobile_menu .languages ul.fadeIn {background: black; left: calc(50% - 18px)}
    header .languages_powered_by > .languages.desktop {display: none}
    header .powered_by {width: 120px}
    header .powered_by.mobile { width: 100%; height: 57px; background: url(/assets/images/sf_international_powered_mobile_menu.png) no-repeat 40px center; background-size: contain; display: block;}
    header .menu_container > li:last-child {margin: 0; position: absolute; bottom: 40px;}
    header .menu_container > li:last-child::after {content: ''; display: block; opacity: 0.1; background-color: #FFFFFF; height: 1px; position: relative; bottom: 40px;}
    header .languages_powered_by > .languages {padding: 0; width: auto}
    header .top_mobile_menu .languages {padding: 0 0 0 40px; width: auto}
    header .top_mobile_menu .languages .selected a span {color: #CCCCCC; font-size: 14px; font-weight: 500;}
    header .menu_container > li.mobile {display: block}
    header .menu_container > li a.close_mobile_menu {float: right; margin-left: auto; background: url('/assets/images/mobile_menu_close.png') no-repeat center center; height: 18px; width: 18px; padding: 40px}
    header .menu_container > li.top_mobile_menu {display: flex; align-items: center; position: relative; margin-bottom: 20px}
    header .menu_container > li.top_mobile_menu::after {display: block; content: ''; background: #FFFFFF; height: 1px; opacity: 0.1; position: absolute; width: 100%; bottom: 0;}
    header .languages_powered_by {float: none; margin-left: auto}
    header .call_us.desktop {display: none}

    .button {width: 100%}

    .call_us {height: 80px; width: 100%; background-color: #000000; z-index: 3; position: relative; text-align: center; display: flex; align-items: center}
    .call_us a {display: block; margin-left: auto; margin-right: auto}
    .call_us .call_us_text {height: 10px; color: #FFFFFF; font-size: 12px; font-weight: 300;}
    .call_us i {color: #FFFFFF!important;}
    .call_us .phone_number {font-family: "Futura-Bold"; color: #DC1E32; font-size: 18px; font-weight: bold; display: block}

    #tracking_table {margin: 30px 0;}
    #tracking_table th {min-width: 100px; padding: 8px 10px 8px 20px}
    #tracking_table td {padding: 8px 10px 8px 20px}

    /*Homepage*/
    .homepage .homepage_hero_container{height: 250px; top: initial;background: url('/assets/images/homepage-hero-bg.png') no-repeat center top; background-size: cover;}
    .homepage .homepage_hero_container .model{width: 300px; height: 235px; top: 10%}
    .homepage .homepage_hero_container .model .clouds{display: none}
    .homepage form.tracking{margin: 25px 0 0 0; padding: 0 35px; text-align: left}
    .homepage form.tracking h2{font-size: 24px; color: #111111; margin: 0; text-align: center}
    .homepage form.tracking input{width: 100%; box-shadow: none; border: 1px solid rgba(17, 17, 17, 0.2); margin: 15px 0 0 0; border-radius: 40px; height: 55px; font-size: 16px}
    .homepage form.tracking input::-webkit-input-placeholder{font-size: 16px; text-align: center}
    .homepage form.tracking input:-moz-placeholder{font-size: 16px; text-align: center}
    .homepage form.tracking input::-moz-placeholder{font-size: 16px; text-align: center}
    .homepage form.tracking input:-ms-input-placeholder{font-size: 16px; text-align: center}
    .homepage form.tracking .submit{width: 100%; height: 55px; margin: 15px 0 0 0; border-radius: 40px; line-height: 55px; padding: 0}
    .homepage form.tracking .powered_by{display: none; width: 162px; height: 57px; background: url('/assets/images/sf_international.png') no-repeat center; background-size: contain; margin: 25px 0 0 0} /* display: inline-block; */
    .homepage form.tracking .scroll-down{position: relative; left: initial; bottom: initial; transform: none; display: block; margin: 30px auto 0 auto; width: 20px}
    .homepage form.tracking .scroll-down:before{transform: none; top: initial; position: relative; left: initial}
    .homepage .express-delivery{padding: 0; margin: 100px 0 0 0}
    .homepage .express-delivery figure{display: block; width: calc(100% - 35px); height: 205px; margin: 0 35px 0 0}
    .homepage .express-delivery > div{display: block; width: 100%; margin: 75px 0 0 0; padding: 0 35px}
    .homepage .express-delivery > div h3{font-size: 30px; margin: 0 0 30px 0}
    .homepage .express-delivery > div p{font-size: 18px; line-height: 30px; margin: 0 0 45px 0}
    .homepage .express-delivery > div a{width: 100%; display: block; font-size: 14px; line-height: 60px}
    .homepage .express-delivery > div a.black-bg{margin: 0 0 20px 0}
    .homepage .services{padding: 0; margin: 90px 0 0 0}
    .homepage .services .left-container{width: 100%; border-radius: 0; min-height: initial; padding: 75px 35px 50px 35px}
    .homepage .services .left-container h2{font-size: 30px; padding: 0; margin: 0 0 50px 0}
    .homepage .services .left-container p{font-size: 18px; line-height: 30px; padding: 0; margin: 0 0 25px 0}
    .homepage .services .left-container ul{padding: 0}
    .homepage .services .left-container ul li a{font-size: 24px; line-height: 36px; padding: 40px 0 40px 115px}
    .homepage .services .left-container ul li a:after{width: 100%; left: 0}
    .homepage .services .left-container ul li a:hover{background-color: transparent; color: #FFFFFF; box-shadow: none}
    .homepage .services .left-container ul li a:before{position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
    .homepage .services .left-container ul li a.domestic:hover:before{background: url('/assets/images/express-domestic-icon.png') no-repeat center; background-size: contain}
    .homepage .services .left-container ul li a.international:hover:before{background: url('/assets/images/express-international-icon.png') no-repeat center; background-size: contain}
    .homepage .services .right-container{width: 100%; display: block; margin: 0; height: 332px}
    .homepage .services .right-container .model{width: 328px; height: 355px; left: 0; right: 0; margin: auto}
    .homepage .latest-news{padding: 0 35px 80px 35px; margin: 90px 0 0 0}
    .homepage .latest-news h2{font-size: 30px; line-height: 36px; text-align: left; padding: 0 75px 0 0}
    .homepage .latest-news h2:after{margin: 40px 0 0 0}
    .homepage .articles-listing{margin: 60px 0 0 0}
    .articles-listing article{width: 100%; margin: 0 0 50px 0 !important}
    .articles-listing article a figure{height: 252px; margin: 0 0 35px 0}
    .articles-listing article a p{font-size: 24px; line-height: 36px}
    /*End Homepage*/


    .aboutus_page .about_hero_container {background: url(/assets/images/about_mobile_hero.jpg) no-repeat center center; height: 280px; background-size: cover;}
    /*.aboutus_page .truck_img {background: url(/assets/images/about_vans_3_mobile.png) no-repeat right center!important; background-size: contain!important;; position: absolute; height: 200px; width: 100%; bottom: -90px;}*/
    .aboutus_page .truck_img {height: 200px; width: 100%; bottom: -90px;}
    .aboutus_page .about_hero_container .about_hero_text {width: auto; background: transparent; padding: 0; position: absolute; top: 30px;}
    .aboutus_page .about_hero_container .about_hero_text .description {display: none}
    .aboutus_page .about_hero_container .about_hero_text .page_name {color: #FFFFFF; font-size: 12px; font-weight: 300; line-height: 50px}
    .aboutus_page .about_hero_container .about_hero_text h1 {color: #FFFFFF; font-family: "Futura-Bold"; font-size: 36px;}
    .aboutus_page .text_centered {text-align: left}
    .aboutus_page .text_centered h2 {line-height: 100px}
    .aboutus_page .text_centered .text {text-align: left}
    .aboutus_page .boxed_contents {width: 100%; text-align: left; border-radius: 0; background-color: #F2F2F2; background: linear-gradient(270deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); padding: 60px 30px; margin: 0}
    .aboutus_page .boxed_contents .subtitle {font-size: 12px;}
    .aboutus_page .boxed_contents h2.boxed_title {font-size: 36px;}
    .aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item {display: block; width: 100%; text-align: center; padding: 0 0 30px 0}
    .aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item .text {clear: both; text-align: left; display: block; width: 100%}
    .aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item figure {height: 57px; width: 57px; float: left; margin-bottom: 20px}
    .aboutus_page .boxed_contents ul.boxed_list li.boxed_list_item h4 {display: inline-block; font-size: 26px; max-width: calc(100% - 115px); margin: 0 0 0 20px; vertical-align: top; text-align: left}
    .aboutus_page .sf_container {display: grid; grid-template-columns: 100%; margin: 140px auto 0 auto;}
    .aboutus_page .sf_container .sf_text {padding-right: 0; margin-bottom: 40px}
    .aboutus_page .sf_container .sf_figure {height: 90px; width: 60%; margin: auto;}

    .tracking_page .hero_img {background: url(/assets/images/tracking_hero_img.png) no-repeat center center; height: 280px; background-size: cover;}

    /*.services_page .hero_img {background: url(/assets/images/services_hero_mobile.jpg) no-repeat center center!important; height: 360px; background-size: cover!important; width: 100%; align-items: unset}*/
    .services_page .hero_img {height: 360px; background-size: cover!important; width: 100%;}
    .services_page .service_section {width: 80%; margin: 10px auto}
    .services_page .service_section .service_half {width: 100%; display: block}
    .services_page .service_section .service_half h2 {font-size: 36px; margin: 40px 0 30px 0}
    .services_page .service_section .service_half .service_description {font-size: 18px; line-height: 32px}
    .services_page .gradient_container {margin-top: 20px; margin-left: 10px}

    .sub_services_container {width: 80%}
    .sub_services_container {display: grid; grid-template-columns: 100%; grid-column-gap: 0}
    .sub_services_container .sub_service {margin-bottom: 40px}
    .sub_services_container .sub_service_title {font-size: 18px}

    .gradient_container {background: none; background-color: transparent}
    .gradient_container .description {display: none}
    .tracking_page .waybill_container {width: 95%; margin: auto}
    .tracking_page .waybill_container .tracking_form_container textarea, .tracking_page .waybill_container .tracking_form_container input {width: 100%}
    #tracking_table td.half-width{display: block; width: 100%}
    .tracking_page .reference_container {width: 80%; margin: auto; padding: 60px 0 0 0}
    .tracking_page .reference_container label {line-height: 50px}
    .tracking_page .reference_container input {width: 100%}
    .tracking_page .reference_container .input_container.date_input input {width: 100%}
    .tracking_page .reference_container .input_container.sec_no_input input {width: 60%}
    .tracking_page .sec_no {left: auto; right: 20px}
    .tracking_page .security_code_refresh {left: 150px}
    .tracking_page .tip_text {width: 100%}

    .contact_page .hero_img {height: 280px!important; background-size: cover;}
    .contact_page .faq_container {width: 80%; margin: 60px auto}
    .faq_list li h3 {font-size: 20px; line-height: 32px}
    .faq_list li .faq_text {font-size: 16px; }

    .contact_page .locator_container {width: 80%; margin: 60px auto}
    .contact_page .contact_container {width: 80%; margin: 60px auto}
    .contact_page .contact_container .contact_details {width: 100%}
    .contact_page .contact_container .contact_form_container {width: 100%; padding: 0}
    .contact_page .contact_container .contact_form_container > p {padding-bottom: 30px}
    .contact_page .contact_container .contact_form .input_container {width: 100%; display: block}
    .contact_page .contact_container .contact_form input {width: 100%}

    .contact_page .locate_container {width: 100%;}
    .contact_page .locate_container .locate_details { box-shadow: 0 0 5px 0 rgba(181,176,176,0.75);background-color: #f3f3f3; padding:0px 0px 10px 10px; ;  width: 100%; vertical-align: top; margin:0px auto; }
    .contact_page .locate_container .locate_form label {display: block; color: #1C1D1E; font-size: 17px; line-height: 35px;}
    .contact_page .locate_container .locate_form .input_container {width: 45%; display: inline-block; padding-bottom: 5px; vertical-align: middle; margin-left: 10px;}
    .contact_page .locate_container .locate_form .input_container.full_width {width: 100%; display: block}
    .contact_page .locate_container .locate_form .select {padding: 10px; border: solid 1px rgba(28,29,30,0.25); outline: 0; border-radius: 6px; font-size: 16px; background: white;  box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; width:100%;}
    .contact_page .locate_container .locate_form button {clear: both; color: white; width: 150px; height: 50px; display: inline-block; margin-top: 10px; text-align: center; outline: none; cursor: pointer; background-color: #EC171C; border: 1px solid #EC171C; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 10px; padding: 0px 0px; margin-left: 1px; border-radius: 50px}
    .contact_page .locate_container .locate_form button:hover {color: #EC171C; background-color: #f3f3f3;}

    .contact_page .locate_container .locate_table_container { width: 100%; margin-top: 1px; vertical-align: top;}
    .contact_page .locate_container .locate_table_container .styled-table {border-collapse: collapse; margin: 0px 0; font-size: 0.6em; font-family:"Futura Std Book", Helvetica, Arial, sans-serif;   overflow-y:auto; float: left; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
    .contact_page .locate_container .locate_table_container .styled-table thead tr {background-color: #F2F2F2; background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); height: 30px; color: #ffffff; text-align: left;}
    .contact_page .locate_container .locate_table_container .styled-table thead th {padding: 6px 7px;}
    .contact_page .locate_container .locate_table_container .styled-table thead td {padding: 6px 7px;}
    .contact_page .locate_container .locate_table_container .styled-table tbody tr { border-bottom: 1px solid #dddddd;}
    .contact_page .locate_container .locate_table_container .styled-table tbody td {  padding: 1px 2px}
    .contact_page .locate_container .locate_table_container .styled-table tbody tr:nth-of-type(even) {background-color: #f3f3f3;}
    .contact_page .locate_container .locate_table_container .styled-table tbody tr:last-of-type {border-bottom: 2px solid red;}
    .contact_page .locate_container .locate_table_container .styled-table tbody tr.active-row {font-weight: bold;color: red;}


    .page_user_message {color: #000000; font-family: "Futura Std Book"; font-size: 18px; font-weight: 300; width: 80%; margin: 30px auto 0 auto; line-height: 30px}

    .hero_gradient_no_img {height: 160px}

    .gradient_container {width: auto; text-align: left; padding: 0; margin-left: 10%; position: relative; z-index: 1;}
    .gradient_container .page_name {line-height: 20px; font-size: 12px}
    .gradient_container h1 {font-size: 32px; line-height: 35px}
    .contact_page .hero_img, .tracking_page .hero_img {height: 160px; position: relative}
    .contact_page .hero_img::before, .tracking_page .hero_img::before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.3)}


    /*News Page*/
    .news-page .page-cover{padding: 32px 0}
    .news-page .page-cover h1{font-size: 30px}
    .news-page .articles-listing{margin: 70px 0}
    .btn{margin: 35px auto 0 auto}
    .btn:hover{background-color: #FFFFFF; color: #181717}
    /*End News Page*/


    /*Article Page*/
    .article-page{padding: 0 0 150px 0}
    .article-page .page-cover{height: 135px}
    .article-page .main-container{padding: 0 35px}
    .article-page .main-container .main-column{display: block; width: 100%; margin: 0 0 100px 0}
    .article-page .main-container article{margin: -90px 0 0 0}
    .article-page .main-container article figure{height: 200px; border-radius: 4px; margin: 0 0 50px 0}
    .article-page .main-container article h1{font-size: 30px; line-height: 42px}
    .article-page .main-container article .text p{font-size: 18px; line-height: 30px}
    .article-page .main-container .sidebar{display: block; width: 100%}
    .article-page .main-container .sidebar h2{font-size: 30px}
    .article-page .main-container .sidebar ul{margin: 50px 0 0 0}
    .article-page .main-container .sidebar ul li h3{font-size: 22px}
    .article-page .main-container .sidebar ul li span{margin: 30px 0 0 0}
    .article-page .main-container .sidebar .btn{margin: 25px 0 0 0}
    /*End Article Page*/


    .select-container {width: 100%}

    .newsletter_subscription {height: auto}
    .newsletter_subscription .newsletter_subscription_body {padding: 45px 0}
    .newsletter_subscription .newsletter_subscription_body h3 {float: none; font-size: 24px}
    .newsletter_subscription .newsletter_subscription_body .email_container {float: none; height: auto}
    .newsletter_subscription .newsletter_subscription_body .email_container input {border-radius: 50px; margin-top: 30px; width: 100%; text-align: center }
    .newsletter_subscription .newsletter_subscription_body .email_container input::-webkit-input-placeholder {text-align: center}
    .newsletter_subscription .newsletter_subscription_body .email_container input:-moz-placeholder {text-align: center}
    .newsletter_subscription .newsletter_subscription_body .email_container input::-moz-placeholder {text-align: center}
    .newsletter_subscription .newsletter_subscription_body .email_container input:-ms-input-placeholder {text-align: center}
    .newsletter_subscription .newsletter_subscription_body .email_container a.newsletter_submit {border-radius: 50px; width: 100%; margin-top: 30px}

    .toggle_links .select-container {width: 80%; margin: 30px auto 0 auto;}
    .toggle_links .select-container a.toggle::after {color: #DC1E32}
    .toggle_links .select-container ul li a {padding: 5px 20px}
    .legal_page .legal_contents {width: 80%; margin: auto}

    .page_not_found_page .hero_img {background-position: right bottom; height: 360px; background-size: 75%}
    .page_not_found_page .hero_img figure{height: 200px; width: 75%}
    .page_not_found_page .gradient_container {width: 100%}
    .page_not_found_page .gradient_container {width: 90%; margin: auto}
    .page_not_found_page .gradient_container {}
    .page_not_found_page .gradient_container h1 {color: black; font-size: 20px; line-height: 35px}
    .page_not_found_page .gradient_container .go_home_button {color: black; border-color: black; font-size: 11px; padding: 5px 34px}

    .thank_you .hero_img {background-position: right bottom; height: 400px; background-size: 64%}
    .thank_you .gradient_container {width: 100%}
    .thank_you .gradient_container h1 {color: black; font-size: 30px; line-height: 10px}
    .thank_you .gradient_container .go_home_button {color: black; border-color: black; font-size: 11px; padding: 5px 34px}
    .thank_you figure{width: 240px; height: 240px}

    footer .links ul, footer .links ul:first-child {width: 100%; display: block; padding-right: 0}
    footer .footer_container {padding: 45px 0}
    footer .copyrights.desktop {display: none}
    footer .copyrights.mobile p {display: block; margin: 40px auto; line-height: 36px; width: 100%; color: #919191; font-family: "Futura Std Book"; font-size: 18px; font-weight: 300;}
    footer .copyrights.mobile p.sf_express {display: flex; align-items: center}
    footer .copyrights.mobile p.sf_express img {margin-left: 20px}
    footer .links ul.social {text-align: center; padding: 40px 20px 0 20px}
    footer .links ul.social li {width: 20%; text-align: center; float: none; display: inline-block;}
    footer .links > ul:not(:last-child)::after {display: block; content: ''; width: 100%; height: 1px; opacity: 0.1; background-color: #000000; margin: 5px 0 30px 0}
    footer .links > ul.legal::after {display: none}
    footer .links > ul:not(:last-child) > li:not(:first-child) {display: none; height: 0}
    footer .links > ul.active:not(:last-child) > li:not(:first-child) {display: block; height: 100%}
    footer .links ul li.title h3 {position: relative}
    footer .links ul li.title h3::after {position: absolute; content: "\f107"; font-family: FontAwesome; right: 15px; font-size: 25px; transition: 0.3s}
    footer .links ul.active li.title h3::after { transform: rotate(180deg);}
    footer .links ul li a {font-size: 17px; line-height: 35px; text-transform: uppercase}
    footer .links ul li.hover_item a:before {display: none}

    /*Careers Page*/
    .careers-page .hero_img {height: 280px!important; background-size: cover;}
    .job_entry {width: calc(100% - 80px); margin: 0 auto 40px auto}
    /*End Careers Page*/

    /*Job Page*/
    .job-page h1 {font-size: 30px; text-align: left; margin: 40px 15px; }
    .job_details_container {padding: 0 20px; margin: auto}
    .job_details_container > h2 {font-size: 24px}
    .details_requirements_container, .job_form_container {width: 100%; display: block}
    .details_requirements_container .details > h3, .details_requirements_container .requirements > h3 {font-size: 20px}
    /*End Job Page*/

    .complaint_page .newcomplaint_container {width: 90%; margin: 50px auto; font-size: 0}
    .complaint_page .newcomplaint_container .complaint_form_container > p {color: #1C1D1E; font-size: 20px; font-weight: 300; line-height: 36px; padding-bottom: 60px}
    .complaint_page .newcomplaint_container .complaint_form label {display: block; color: #1C1D1E; font-size: 18px; line-height: 45px;}
    .complaint_page .newcomplaint_container .complaint_form input {height: 60px; width: 100%; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}
    .complaint_page .newcomplaint_container .complaint_form textarea {border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; resize: none; border-radius: 6px; font-size: 16px; padding: 0 10px; width: 100%; height:140px}
    .complaint_page .newcomplaint_container .complaint_form .input_container {width: 100%; display: inline-block; padding-bottom: 25px; vertical-align: top}
    .complaint_page .newcomplaint_container .complaint_form .select-container {width: 100% !important;}

    .complaint_page .search_container {width: 98%; margin: 80px auto 120px auto;}
    .complaint_page .search_container .search_details { box-shadow: 0 0 5px 0 rgba(181,176,176,0.75);background-color: #f3f3f3; padding:0px 0px 10px 10px;  width: 99%; vertical-align: top; margin:0px auto; }
    .complaint_page .search_container .search_form label {display: block; color: #1C1D1E; font-size: 18px; line-height: 45px;}
    .complaint_page .search_container .search_form .input_container {width: 250px; display: inline-block; padding-bottom: 5px; vertical-align: middle; margin-left: 20px;}
    .complaint_page .search_container .search_form .button_container {width: 140px; display: inline-block; padding-bottom: 5px; vertical-align: middle; margin-left: 20px;}
    .complaint_page .search_container .search_form button {clear: both; color: white; width: 150px; height: 50px; display: inline-block; margin-top: 40px; text-align: center; outline: none; cursor: pointer; background-color: #EC171C; border: 1px solid #EC171C; font-family: "Futura-Bold", "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 10px; padding: 0px 0px; border-radius: 50px}
    .complaint_page .search_container .search_form button:hover {color: #EC171C; background-color: #f3f3f3;}
    .complaint_page .search_container .search_form input {height: 50px; width: 250px; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}
    
    .complaint_detail .table_container {width: 95%; margin: auto}
    .complaint_page .search_container .search_table_container .styled-table {border-collapse: collapse; margin: 0px 0; font-size: 0.8em; font-family:"FuturaStd-Medium", Helvetica, Arial, sans-serif; width: 100%; overflow-x:auto; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}

    .complaint_detail .complaint_table {margin: 30px 0; width: 100%; direction: ltr; font-size: 0.8em; font-family:"FuturaStd-Medium", Helvetica, Arial, sans-serif;}

    

    /* Customer Address */ 
.custadd_page {max-width: 100%; overflow: hidden; }
.custadd_page .map_container {width: 98%; height: 450px; display: block; vertical-align: top; margin-left: 8px;}
.custadd_page .map_container .map {width: 100%; height: 300px; display: block; vertical-align: top}
.custadd_page  .map_container label {display: block; color: #1C1D1E; font-size: 17px; line-height: 40px;}
.custadd_page  .map_container input {height: 60px; width: 100%; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 15px; padding: 0 10px; margin-bottom: 5px;}
.custadd_page  .map_container > p {color: #1C1D1E; margin-top: 10px; font-size: 22px; font-weight: 300; line-height: 30px; padding-bottom: 10px; text-align: center;}
.custadd_page  .custadd_form_container {display: inline-block; width: 100%;  vertical-align: top; padding: 0 0 0 5%; font-size: 0}
.custadd_page  .custadd_form_container > p {color: #1C1D1E; margin-top: 10px; font-size: 22px; font-weight: 300; line-height: 36px; padding-bottom: 60px; text-align: center;}
.custadd_page .custadd_form {padding-left: 10px;}
.custadd_page  .custadd_form label {display: block; color: #1C1D1E; font-size: 18px; line-height: 45px;}
.custadd_page  .custadd_form input {height: 50px; width: 99%; border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; border-radius: 6px; font-size: 16px; padding: 0 10px;}
.custadd_page  .custadd_form textarea {border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; resize: none; border-radius: 6px; font-size: 16px; padding: 10px; width: 90%}
.custadd_page  .custadd_form .input_container {width: 99%; display: inline-block; padding-bottom: 25px; vertical-align: top}
.custadd_page  .custadd_form .input_container.full_width {width: 100%; display: block}
.custadd_page .custadd_form .input_container .select-container {width: 99%;}
.custadd_page .page-cover{background: linear-gradient(225deg, #F5613B 0%, #F23E3E 50.73%, #EC171C 100%); padding: 90px 0}
.custadd_page .page-cover h1{font-size: 40px; font-family: Futura-Bold, Helvetica, Arial, sans-serif; color: #FFFFFF; text-align: center; line-height: 60px;}
.custadd_page  .custadd_form textarea {border: 1px solid rgba(28,29,30,0.25); background-color: #FFFFFF; resize: none; border-radius: 6px; font-size: 16px; padding: 0 10px; width: 98%}
    /* End Customer Address */ 

}