/* @import url("animate.css"); */

@import url("bootstrap.min.css");
@import url("slick/slick.css");
/* @import url("../css/font-awesome/css/font-awesome.min.css"); */

/* @import url("theme-main.css"); */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
/* font-family: 'Roboto', sans-serif;
font-family: 'Rubik', sans-serif;
font-family: 'Montserrat', sans-serif; */

/* @font-face {
   font-family: 'gill_sans';
   src: url('../css/font/gill_sans_mt_book-webfont.eot');
   src: url('../css/font/gill_sans_mt_book-webfont.eot?#iefix') format('embedded-opentype'),
        url('../css/font/gill_sans_mt_book-webfont.woff2') format('woff2'),
        url('../css/font/gill_sans_mt_book-webfont.woff') format('woff'),
        url('../css/font/gill_sans_mt_book-webfont.ttf') format('truetype'),
        url('../css/font/gill_sans_mt_book-webfont.svg#gill_sans_mtbook') format('svg');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'gill_sans';
   src: url('../css/font/gill_sans_mt_book_italic-webfont.eot');
   src: url('../css/font/gill_sans_mt_book_italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../css/font/gill_sans_mt_book_italic-webfont.woff2') format('woff2'),
        url('../css/font/gill_sans_mt_book_italic-webfont.woff') format('woff'),
        url('../css/font/gill_sans_mt_book_italic-webfont.ttf') format('truetype'),
        url('../css/font/gill_sans_mt_book_italic-webfont.svg#gill_sans_mtbook_italic') format('svg');
   font-weight: 400;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'gill_sans';
   src: url('../css/font/gill_sans_mt_medium-webfont.eot');
   src: url('../css/font/gill_sans_mt_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/font/gill_sans_mt_medium-webfont.woff2') format('woff2'),
         url('../css/font/gill_sans_mt_medium-webfont.woff') format('woff'),
         url('../css/font/gill_sans_mt_medium-webfont.ttf') format('truetype'),
         url('../css/font/gill_sans_mt_medium-webfont.svg#gill_sans_mtmedium') format('svg');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'gill_sans';
   src: url('../css/font/gill_sans_mt_medium_italic-webfont.eot');
   src: url('../css/font/gill_sans_mt_medium_italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../css/font/gill_sans_mt_medium_italic-webfont.woff2') format('woff2'),
        url('../css/font/gill_sans_mt_medium_italic-webfont.woff') format('woff'),
        url('../css/font/gill_sans_mt_medium_italic-webfont.ttf') format('truetype'),
        url('../css/font/gill_sans_mt_medium_italic-webfont.svg#gill_sans_mtmedium_italic') format('svg');
   font-weight: 500;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: 'gill_sans';
   src: url('../css/font/gill_sans_mt_bold-webfont.eot');
   src: url('../css/font/gill_sans_mt_bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../css/font/gill_sans_mt_bold-webfont.woff2') format('woff2'),
        url('../css/font/gill_sans_mt_bold-webfont.woff') format('woff'),
        url('../css/font/gill_sans_mt_bold-webfont.ttf') format('truetype'),
        url('../css/font/gill_sans_mt_bold-webfont.svg#gill_sans_mtbold') format('svg');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'gill_sans';
   src: url('../css/font/gill_sans_mt_bold_italic-webfont.eot');
   src: url('../css/font/gill_sans_mt_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../css/font/gill_sans_mt_bold_italic-webfont.woff2') format('woff2'),
        url('../css/font/gill_sans_mt_bold_italic-webfont.woff') format('woff'),
        url('../css/font/gill_sans_mt_bold_italic-webfont.ttf') format('truetype'),
        url('../css/font/gill_sans_mt_bold_italic-webfont.svg#gill_sans_mtbold_italic') format('svg');
   font-weight: 700;
   font-style: italic;
   font-display: swap;
} */

* {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
}

html body {
    margin: 0 !important;
}

html,
body {
    height: auto !important;
    padding: 0;
    margin: 0;
    /* overflow:auto !important; overflow-x: hidden !important; */
}

body {
    overflow: auto !important;
    overflow-x: hidden !important;
}

body {
    height: auto !important;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #282c32;
}

.clear {
    clear: both
}

img {
    border: none;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

a:hover,
a:focus {
    text-decoration: none;
}

a:focus {
    outline: none
}

.clear {
    clear: both;
}

/* width */

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */

::-webkit-scrollbar-track {
    background: #f7f9fb;
    border-radius: 4px;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: #16417c;
    border-radius: 4px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #13a9e1;
}

/* Works on Firefox */

* {
    scrollbar-width: thin;
    scrollbar-color: #16417c #f7f9fb;
}

/* Works on Chrome, Edge, and Safari */

/* width */

*::-webkit-scrollbar {
    width: 6px;
}

*::-webkit-scrollbar-track {
    background: #f7f9fb;
}

/* Handle */

*::-webkit-scrollbar-thumb {
    background-color: #16417c;
    border-radius: 4px;
    border: none;
}

/* Handle on hover */

*::-webkit-scrollbar-thumb:hover {
    background-color: #13a9e1;
}

.btn-bg:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
}

input,
select,
textarea {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /* box-shadow:none !important; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    color: #16417c;
}

a:hover {
    color: #13a9e1;
}

::selection {
    background: #13a9e1;
    color: #fff;
    /* Safari */
}

::-moz-selection {
    background: #13a9e1;
    color: #fff;
    /* Firefox */
}

::-webkit-selection {
    background: #13a9e1;
    color: #fff;
    /* Firefox */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    padding: 0;
    margin: 0;
    color: #2a354e;
}

@media (min-width:1200px) {
    .container {
        width: 1200px
    }
}

body .container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

/* Bar */

.bar {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    
    background: white;
    width: 100%;
}

.bar .container-fluid {
    display: table;
    position: relative;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
}

.header-midd {
    display: table;
    width: 100%;
}

.logowrap {
    display: table-cell;
    vertical-align: middle;
}

.logowrap .logo {
    /* background:url(../images/logo.png) top center no-repeat; display:block; width:92px; height:24px; background-size:contain; */
}

.logowrap .logo img {
    width: 100%;
    max-width: 206px;
    display: block;
}

.logowrap .white-logo {
    display: none;
    visibility: hidden;
}

.great-place-to-work-logo {
    position: fixed;
    top: 0;
    margin-left: -65px;
    width: 50px;
}

.great-place-to-work-logo img {
    display: block;
    width: 50px;
}

.logowrap.logo-mobile {
    display: none;
}

.top-bar {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #dde3ea;
    padding: 10px 0;
}

.top-bar .container {
    display: table;
}

.top-bar .top-left {
    display: table-cell;
    vertical-align: middle;
}

.top-bar .top-right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.top-bar ul.nav-pills {
    padding: 0;
    margin: 0;
}

.top-bar ul.nav-pills li {
    display: inline-block;
    color: #16417c;
    padding: 0 10px;
    font-size: 13px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-style: italic;
}

.top-bar ul.nav-pills li:first-child {
    padding-left: 0;
}

.top-bar ul.nav-pills li:last-child {
    padding-right: 0;
}

.top-bar ul.nav-pills li:after {
    content: '/';
    opacity: 0.33;
    position: relative;
    right: -10px;
    font-style: normal;
}

.top-bar ul.nav-pills li:last-child:after {
    display: none;
}

.top-bar ul.nav-pills li a {
    display: inline-block;
    padding: 0;
    color: #16417c;
    opacity: 0.66;
    background: none !important;
}

.top-bar ul.nav-pills li a:hover {
    color: #16417c;
    opacity: 1;
}

.top-bar ul.nav-pills li a:focus {
    background: none;
}

.top-social {
    padding: 0;
    margin: 0;
    right: 40px;
    top: 29px;
    position: absolute;
    display: none;
    visibility: hidden;
    z-index: -9999;
}

.top-social li {
    display: inline-block;
    color: #16417c;
    padding: 0 7px;
    font-size: 18px;
    line-height: 20px;
    vertical-align: middle;
}

.top-social li a {
    color: #16417c;
    opacity: 0.50;
}

.top-social li a:hover {
    color: #16417c;
    opacity: 1;
}

.top-social .fa-youtube:before {
    content: "\f16a";
}

/* header main start here */

/* .top-bar-sticky { color: #fff; background: #16417c; padding: 6px 10px; text-align: center; position: relative; z-index: 9999; white-space: nowrap; overflow: hidden; position: relative; min-height: 30px; font-size: 14px; line-height: 18px; width: 100%; }
#marquee-content { display: inline-block; position: absolute; white-space: nowrap; } */

.top-bar-sticky {
    color: #fff;
    background: #3E1A51;
    padding: 6px 10px;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    min-height: 30px;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    white-space: nowrap;
}

/* Track is a single row of groups */

.top-bar-sticky .marquee-track {
    display: flex;
    align-items: center;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

/* Each group contains one full repeating chunk */

.top-bar-sticky .marquee-group {
    flex: 0 0 auto;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
}

.top-bar-sticky .marquee-group span {
    display: inline-block;
    /* padding-right: 8px; */
}

.header-main {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    /*background:#000000;*/
    padding: 15px 0 10px 0;
}

.nav-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    float: right;
}

.menu-main {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

.menu-main .nav-main {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    display: table;
}

.menu-main .nav-main .nav-main-inn {
    display: table;
    width: 100%;
}

.menu-main .nav-main .nav-main2 {
    display: table-cell;
    vertical-align: middle;
    padding-left: 45px;
    float: right;
    display: flex;
    align-items: center;
}

.menu-main .nav-main .right-menu {
    display: table-cell;
    vertical-align: middle;
}

ul.right-menu {
    padding: 0 0 0 10px;
    margin: 0;
}

ul.right-menu li {
    display: inline-block;
    padding: 0 10px 0 0;
    position: relative;
}

ul.right-menu li:last-child {
    padding-right: 0;
}

ul.right-menu li.v-track {
    font-size: 14px;
    line-height: 20px;
    color: #16417c;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    padding-right: 28px;
}

ul.right-menu li.v-track a {
    color: #16417c;
}

ul.right-menu li.v-track a:hover {
    color: #13a9e1;
}

ul.right-menu li.v-track span {
    display: inline-block;
    padding-left: 35px;
    background: url(../images/icon/v-track-icon.svg) left center no-repeat;
    background-size: 26px 20px;
}

ul.right-menu li.great-place-to-work-logo2 {
    padding-left: 10px;
}

ul.right-menu li.great-place-to-work-logo2 img {
    max-width: 65px;
    margin: -15px 0 -30px 0;
    height: auto !important;
    width: 100% !important;
}

.spicewpsearchform {
    position: absolute;
    left: auto;
    right: 0;
    width: 270px;
    top: 100%;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .3s linear;
    border-radius: 10px;
    border: none;
    box-shadow: 0 5px 10px 0 rgba(183, 183, 183, 0.4);
    display: block !important;
    top: 100%;
    opacity: 1;
    visibility: visible;
    background: #fff;
    z-index: 1;
}

.spicewpsearchform.hide {
    opacity: 0;
    visibility: hidden;
    top: 150%;
}

.spicewpsearchform .form-box {
    width: 100%;
    padding: 15px;
    position: relative;
}

.spicewpsearchform .form-box .form-btn {
    position: absolute;
    right: 14px;
    top: 15px;
    width: 60px;
}

body .spicewpsearchform .form-box .form-btn .btn-bg {
    border-radius: 0 6px 6px 0;
}

.spicewpsearchform .form-box .form-group .form-control {
    padding-right: 70px;
}

.menu-main .nav-main ul.nav-pills {
    margin: 0;
    padding: 0;
    position: relative;
    display: table-cell;
}

.menu-main .nav-main ul.nav-pills>li {
    font-size: 14px;
    padding: 0 15px 0 0;
    text-transform: capitalize;
    line-height: 20px;
    color: rgba(22, 65, 124, 0.66);
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-style: italic;
}

.menu-main .nav-main ul.nav-pills>li.menu-item-has-children>a {
    position: relative;
    padding-right: 0px;
}

.menu-main .nav-main ul.nav-pills>li.menu-item-has-children>a:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    color: rgba(22, 65, 124, 0.66);
    font-size: 13px;
    padding-left: 5px;
}

.menu-main .nav-main ul.nav-pills>li.menu-item-has-children:hover>a:after {
    content: "\f0d8";
    color: #16417c;
}

.menu-main .nav-pills>li+li {
    margin: 0
}

.menu-main .nav-main ul.nav-pills>li>a {
    color: #3E1A51;
    padding: 10px 0;
    cursor: pointer;
    -moz-transition: none;
    -webkit-transition: none;
    background: none !important;
}

.menu-main .nav-main ul.nav-pills>li>a:focus {
    background: none;
}

.menu-main .nav-main ul.nav-pills>li>a:hover,
.menu-main .nav-main ul.nav-pills>li:hover>a,
.menu-main .nav-main ul.nav-pills>li.current-menu-item>a,
.menu-main .nav-main ul.nav-pills>li.current-menu-parent>a {
    color: #B658E8 !important;
}

.menu-main .nav-main ul.nav-pills>li>a:before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 4px;
    border: 1px solid #B658E8;
    width: 0;
    transition: 0.4s;
    opacity: 0;
}

.menu-main .nav-main ul.nav-pills>li:hover>a:before,
.menu-main .nav-main ul.nav-pills>li.current-menu-item>a:before,
.menu-main .nav-main ul.nav-pills>li.current-menu-parent>a:before {
    width: 100%;
    transition: 0.4s;
    opacity: 1;
}

.menu-main .nav-main ul.nav-pills>li>ul.sub-menu {
    display: block;
    position: absolute;
    left: 27px;
    top: 150%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 217px;
    background: #fff;
    padding: 10px 20px;
    margin: 0;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .3s linear;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    border: none;
    box-shadow: 0 5px 10px 0 rgba(183, 183, 183, 0.4);
    overflow: hidden;
    /* -moz-transform: skew(-12deg, 0deg);
-webkit-transform: skew(-12deg, 0deg);
-o-transform: skew(-12deg, 0deg);
-ms-transform: skew(-12deg, 0deg);
transform: skew(-12deg, 0deg); */
}

.menu-main .nav-main ul.nav-pills>li.contact-sub-menu>ul.sub-menu {
    left: 33px;
}

.menu-main .nav-main ul.nav-pills>li.tools-sub-menu>ul.sub-menu {
    left: 24px;
}

.menu-main .nav-main ul.nav-pills>li:hover>ul.sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.menu-main .nav-main ul.nav-pills>li>ul.sub-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #dde3ea;
    display: block;
    position: relative;
    font-style: normal;
    font-weight: 400;
}

.menu-main .nav-main ul.nav-pills>li>ul.sub-menu li:last-child {
    border-bottom: none;
}

.menu-main .nav-main ul.nav-pills>li>ul.sub-menu li a {
    display: block;
    padding: 12px 20px 12px 20px;
    line-height: normal;
    font-size: 14px;
    font-weight: 500;
    color: #3E1A51 !important;
    font-family: 'Rubik', sans-serif;
    font-style: italic;
    position: relative;
    /* -moz-transform: skew(12deg, 0deg);
-webkit-transform: skew(12deg, 0deg);
-o-transform: skew(12deg, 0deg);
-ms-transform: skew(12deg, 0deg);
transform: skew(12deg, 0deg); */
}

.menu-main .nav-main ul.nav-pills>li>ul.sub-menu li a:after {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    content: "\f10c";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #8aa0bd;
    display: none;
}

.menu-main .nav-main ul.nav-pills>li>ul.sub-menu li.current-menu-item a,
.menu-main .nav-main ul.nav-pills>li>ul.sub-menu li a:hover {
    color: #B658E8 !important;
    /* background:#13a9e1; */
}

.menu-main .nav-main ul.nav-pills>li>ul.sub-menu li a:hover:after,
.menu-main .nav-main ul.nav-pills>li>ul.sub-menu li.current-menu-item a:after {
    color: #fff;
}

.menu-main .nav-main ul.nav-pills>li>ul.sub-menu li:first-child a {
    border-radius: 6px 6px 0 0;
}

.menu-main .nav-main ul.nav-pills>li>ul.sub-menu li:last-child a {
    border-radius: 0 0 6px 6px;
}

/* Sticky */

.bar.bar-short {
    box-shadow: rgba(0, 0, 0, 0.05) 0 5px 29px;
    background: #fff;
}

.bar-short .top-bar {
    display: none;
    visibility: hidden;
}

.bar-short .header-main {
    padding: 15px 0 10px 0;
}

.bar-short .top-social {
    top: 18px;
}

/* Slick Loader Common */

.section-whitebg .loaderSlider {
    background: url(../images/loader-sky.svg) center center no-repeat;
    background-size: 100px 100px;
    min-height: 300px;
    width: 100%;
    overflow: hidden;
}

.section-whitebg .loaderSlider div,
.section-whitebg .loaderSlider .slick-arrow,
.section-whitebg .loaderSlider .slick-dots {
    visibility: hidden;
}

.section-whitebg .slick-slider .slick-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
    width: 16px;
    height: 12px;
    background: url(../images/left-arrow.png) center center no-repeat;
    font-size: 0;
    z-index: 1;
}

.section-whitebg .slick-slider .slick-arrow.slick-next {
    left: auto;
    right: 0;
    background-image: url(../images/right-arrow.png);
}

.section-whitebg .slick-slider .slick-arrow:hover {
    background-image: url(../images/left-arrow-hvr.png);
}

.section-whitebg .slick-slider .slick-arrow.slick-next:hover {
    background-image: url(../images/right-arrow-hvr.png);
}

.section-whitebg .slick-slider .slick-dots {
    position: absolute;
    left: 0;
    bottom: -65px;
    width: 100%;
    text-align: center;
    margin: 0;
}

.section-whitebg .slick-slider .slick-dots li {
    display: inline-block;
    padding: 0 5px;
    margin: 0;
}

.section-whitebg .slick-slider .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    background: #e5eaf1;
    font-size: 0;
    box-shadow: none;
    padding: 0;
    border: 2px solid #fff;
    outline: none !important;
}

.section-whitebg .slick-slider .slick-dots li button:focus {
    outline: none !important;
}

.section-whitebg .slick-slider .slick-dots li button:hover {
    background: #13a9e1;
}

.section-whitebg .slick-slider .slick-dots li.slick-active button {
    background: #13a9e1;
    border-color: #13a9e1;
    box-shadow: 4px 0px 12px 0px rgba(19, 169, 225, 0.24);
}

/*main slider*/

.homehero {
    /* background: url(../i/slider/slider01.jpg) center bottom no-repeat; */
    background: #fff;
    background-size: cover;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 630px;
    position: relative;
    z-index: 1;
}

.homehero:after {
    position: absolute;
    left: 34%;
    top: -205px;
    width: 1788px;
    height: 826px;
    content: '';
    background: url(../images/bg/Background2.svg) center center no-repeat;
    z-index: -1;
}

.homehero:before {
    background: url(../images/icon/bg-banner.svg) center center no-repeat;
    width: 95px;
    height: 44px;
    content: '';
    position: absolute;
    left: 8.4%;
    top: 160px;
    z-index: -1;
}

.homehero .loaderHomeSlider {
    background: url(../images/loader-sky.svg) center center no-repeat;
    background-size: 100px 100px;
}

/* .homehero .loaderHomeSlider:before { position: absolute; left: 50%; top: 50%; content: ''; width: 200px; height: 200px; margin: -100px 0 0 -100px; background: url(../i/loader-sky.svg) center center no-repeat; background-size: 120px 120px; } */

.homehero .loaderHomeSlider div,
.homehero .loaderHomeSlider .slick-arrow,
.homehero .loaderHomeSlider .slick-dots {
    visibility: hidden;
}

.homehero .ClsHomeSlider {
    width: 100%;
}

/*.homehero figure.slide-main{width:100%;float:left;opacity:0.8; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}*/

.homehero .slick-list {
    margin: 0;
}

.homehero .slick-list.draggable {
    position: relative;
}

.homehero .slick-slide {
    position: relative;
    overflow: hidden;
}

.homehero .slide-detail {
    width: 100%;
    max-width: 1230px;
    margin: auto;
    position: relative;
    z-index: 92;
    padding: 0 15px;
}

.homehero .slick-active .slide-detail {
    opacity: 1
}

.homehero .slick-slide>div {
    width: 100%;
}

.homehero .multiple {
    position: relative;
    width: 100%;
}

.homehero .multiple .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center top;
}

/* .homehero .multiple:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,0.8); } */

.homehero .slide-main {
    display: table;
    width: 100%;
    /* height:100vh; */
    position: relative;
    z-index: 1;
}

.homehero .slide-left,
.homehero .slide-right {
    display: table-cell;
    vertical-align: middle;
    height: 630px;
}

.homehero .slide-left {
    width: 50%;
    padding: 140px 0 100px 0;
}

.homehero .slide-right {
    width: 50%;
    padding: 50px 7% 0 0;
}

.homehero .slide-right img {
    max-width: 145%;
    position: relative;
    left: -175px;
    position: relative;
}

.homehero .slide-left-inn {
    max-width: 610px;
    width: 100%;
}

.homehero .title2 {
    font-size: 36px;
    color: #282c32;
    padding: 0 0 20px 0;
    margin: 0;
    line-height: 50px;
    font-weight: 400;
}

.homehero .title2 .color {
    color: #8aa0bd;
} 

.homehero .title2 .color-line {
    font-weight: 500;
    color: #16417c;
    border-bottom: 2px dotted #13a9e1;
    text-transform: uppercase;
}

.homehero .title2 .sub-title2 {
    display: block;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #13a9e1;
}

.homehero .desc {
    font-size: 17px;
    line-height: 28px;
    color: #282c32;
    width: 100%;
    padding: 0 0 10px 0;
    text-align: justify;
    min-height: 150px;
}

.homehero .slide1 .desc {
    min-height: 100px;
}

/* New Slide */

.homehero .multiple.slide2 .slide-right img {
    max-width: 160%;
    left: -200px;
}

.homehero .multiple.slide3 .slide-right img {
    /* left: auto; max-width: 100%; */
    left: -70px;
    max-width: 130%;
}

.homehero .slick-arrow {
    position: absolute;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #13a9e1;
    color: #fff;
    border-radius: 50%;
    z-index: 9;
}

.homehero .slick-arrow.slick-next {
    left: auto;
    right: 15px;
}

.homehero .slick-arrow:hover {
    background: #0c54ad;
    color: #fff;
}

.homehero .slick-dots {
    padding: 0;
    background: none;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 63px;
    width: 100%;
    text-align: center;
}

.homehero .slick-dots li {
    display: inline-block;
    padding: 0 5px;
    margin: 0;
}

.homehero .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    background: #e5eaf1;
    font-size: 0;
    box-shadow: none;
    padding: 0;
    border: 2px solid #fff;
    outline: none !important;
}

.homehero .slick-dots li button:focus {
    outline: none !important;
}

.homehero .slick-dots li button:hover {
    background: #13a9e1;
}

.homehero .slick-dots li.slick-active button {
    background: #13a9e1;
    border-color: #13a9e1;
    box-shadow: 4px 0px 12px 0px rgba(19, 169, 225, 0.24);
}

.btn-list {
    width: 100%;
}

.btn-list.mb-30 {
    margin-bottom: 30px;
}

.btn-list.mb-50 {
    margin-bottom: 50px;
}

body .btn-list .btn-bg {
    margin: 15px 15px 0 0;
}

/* Section Class */

.section-whitebg {
    width: 100%;
    padding: 100px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-whitebg.grey-bg {
    background: #f6f8fa;
}

.section-whitebg.black-bg {
    background: #333;
}

.section-whitebg.hide-section {
    display: none;
    visibility: hidden;
}

.section-whitebg.pab-0 {
    padding-bottom: 0;
}

.section-whitebg.pat-0 {
    padding-top: 0;
}

.section-whitebg.mab-80 {
    margin-bottom: 80px;
}

.section-whitebg.mat-80 {
    margin-top: 80px;
}

.section-whitebg p {
    padding: 0 0 30px 0;
    margin: 0;
}

.section-whitebg p.pab-0 {
    padding-bottom: 0;
}

.section-whitebg ul.list {
    width: 100%;
    padding: 0 0 30px 0;
    margin: 0;
}

.section-whitebg ul.list.pab-0 {
    padding-bottom: 0;
}

.section-whitebg ul.list li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 10px 25px;
    position: relative;
}

.section-whitebg ul.list li:last-child {
    padding-bottom: 0;
}

.section-whitebg ul.list li:before {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 9px;
    content: '';
    background: #13a9e1;
    border-radius: 50%;
}

.section-title {
    width: 100%;
    padding: 0;
    margin: 0 0 80px 0;
}

.section-title.pat-30 {
    padding-top: 30px;
}

.section-title.pab-30 {
    padding-bottom: 30px;
}

.section-title.mab-0 {
    margin-bottom: 0;
}

.section-title.mat-30 {
    margin-top: 30px;
}

.section-title.mab-30 {
    margin-bottom: 30px;
}

.section-title .sec-title {
    padding: 0 0 10px 0;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    color: #282c32;
}

.section-title .sec-title.blue-text {
    color: #13a9e1;
}

.section-title .sec-title span {
    color: #13a9e1;
}

.section-title .sec-title .sub-sec-title {
    display: block;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #13a9e1;
    padding-bottom: 10px;
}

.section-whitebg .sec-title1 {
    padding: 0 0 10px 0;
    font-size: 18px;
    line-height: 18px;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
}

.section-whitebg .sec-title1:empty {
    display: none;
    visibility: hidden;
}

/* Tab */

.section-whitebg ul.nav {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}

.section-whitebg ul.nav>li {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border: none;
}

.section-whitebg ul.nav>li>a {
    display: inline-block;
    padding: 10px 25px;
    font-size: 22px;
    line-height: 26px;
    border-bottom: 2px solid #ccc;
    font-weight: 500;
    background: none;
}

.section-whitebg ul.nav>li.active>a {
    border-color: #13a9e1;
    color: #13a9e1;
}

.section-whitebg .tab-content {
    padding: 30px 0 0 0;
}

/* Accordian */

.section-whitebg .panel-group {
    width: 100%;
    margin: 0;
}

.section-whitebg .panel-group .panel-default1 {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    margin: 0 0 20px 0;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.section-whitebg .panel-group .panel-heading {
    padding: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.section-whitebg .panel-group .panel-heading .panel-title {
    font-size: 18px;
    font-weight: 700;
}

.section-whitebg .panel-group .panel-heading .panel-title a {
    padding: 10px 15px;
    display: block;
    cursor: pointer;
}

.section-whitebg .panel-group .panel-heading .panel-title a:before {
    content: "\f107";
    font-family: 'FontAwesome';
}

.section-whitebg .panel-group .panel-heading.active {
    background: #13a9e1;
}

.section-whitebg .panel-group .panel-heading.active .panel-title a {
    color: #fff;
}

.section-whitebg .panel-group .panel-heading.active .panel-title a::before {
    content: "\f106";
}

/* Client List */

.section-whitebg .client-list {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}

.section-whitebg .client-list li {
    display: inline-block;
    padding: 15px;
    margin: 0 -2px;
    width: 20%;
}

.section-whitebg .client-list li a {
    display: inline-block;
    padding: 0px;
}

.section-whitebg .client-list li img {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.section-whitebg .client-list li:hover img {
    -webkit-filter: grayscale(0);
    filter: none;
}

/* Testimonial */

.section-whitebg .testimonial-sec {
    text-align: center;
}

.section-whitebg .testimonial-sec .boxinner {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 35px auto;
    padding: 20px 20px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.section-whitebg .testimonial-sec .testimonial-text {
    font-size: 18px;
    line-height: 27px;
    font-style: italic;
    width: 100%;
    padding: 0 0 0px 0;
}

.section-whitebg .testimonial-sec .testimonial-author {
    width: 100%;
}

.section-whitebg .testimonial-sec .testimonial-image {
    width: 100%;
    padding: 20px 0 0px 0;
}

.section-whitebg .testimonial-sec .testimonial-image img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center center;
    margin: 0 auto;
}

.section-whitebg .testimonial-sec .testimonial-name {
    font-size: 20px;
    width: 100%;
    font-weight: 700;
    color: #13a9e1;
    padding: 20px 0 0 0;
}

.section-whitebg .testimonial-sec .testimonial-title {
    width: 100%;
}

.section-whitebg .testimonial-sec .slick-arrow {
    position: absolute;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #13a9e1;
    color: #fff;
    border-radius: 50%;
    z-index: 9;
}

.section-whitebg .testimonial-sec .slick-arrow.slick-next {
    left: auto;
    right: 15px;
}

.section-whitebg .testimonial-sec .slick-arrow:hover {
    background: #0c54ad;
    color: #fff;
}

/* Service */

.section-whitebg .service-list {
    padding: 0;
    margin: 0 -15px;
    text-align: center;
}

.section-whitebg .service-list li {
    display: inline-block;
    padding: 15px;
    margin: 0 -2px;
    width: 33.3%;
}

.section-whitebg .service-list .boxinner {
    padding: 0;
    width: 100%;
}

.section-whitebg .service-dsc-main {
    width: 100%;
    padding: 20px;
}

.section-whitebg .service-list .service-icon {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ddd;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
    padding: 20px;
}

.section-whitebg .service-list .service-icon img {
    display: block;
    margin: 0 auto;
}

.section-whitebg .service-list .service-title {
    width: 100%;
    font-size: 24px;
    line-height: 30px;
    color: #2a354e;
    font-weight: 700;
    padding: 0 0 15px 0;
}

.section-whitebg .service-list .service-image {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ddd;
    width: 100%;
    overflow: hidden;
}

.section-whitebg .service-list .service-image img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

/* Section Blog */

.section-blog .blog-list {
    padding: 0;
    margin: 0 -15px;
}

.section-blog .blog-list>li {
    display: inline-block;
    padding: 15px;
    margin: 0 -2px;
    width: 33.3%;
    vertical-align: top;
}

.section-blog .boxinner {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ddd;
    width: 100%;
    overflow: hidden;
}

.section-blog .post-thumbnail {
    width: 100%;
}

.section-blog .post-thumbnail a {
    display: block;
}

.section-blog .post-thumbnail img {
    width: 100%;
}

.section-blog .procaption {
    width: 100%;
    padding: 20px;
}

.section-blog .blogmeta {
    width: 100%;
    margin: 0 0 15px 0;
}

.section-blog .blogmeta .list {
    display: inline-block;
    padding: 0 10px 0 0;
}

.section-blog .blogmeta .list .fa {
    color: #0c54ad;
    margin-right: 5px;
}

.section-blog .blog-title {
    font-size: 21px;
    line-height: 30px;
    color: #2a354e;
    padding: 0 0 15px 0;
    margin: 0;
}

.section-blog .blog-title a {
    color: #2a354e;
}

.section-blog .blog-title a:hover {
    color: #13a9e1;
}

.section-blog .blog-desc {
    width: 100%;
    padding: 0 0 15px 0;
}

.section-blog .blog-desc p:last-child {
    padding: 0;
    margin: 0;
}

.section-whitebg.section-full {
    color: #fff;
}

.section-whitebg.section-full h1,
.section-whitebg.section-full h2,
.section-whitebg.section-full h3,
.section-whitebg.section-full h4,
.section-whitebg.section-full h5,
.section-whitebg.section-full h6 {
    color: #fff;
}

.sub-page-banner.privacy-policy-page-banner .section-title .page-icon {
    top: -30px;
    width: 240px;
}

.privacy-policy-page {
    padding: 100px 0;
    position: relative;
    z-index: 1;
}

.privacy-policy-page:after {
    position: absolute;
    width: 80px;
    height: 103px;
    left: 2.3%;
    top: 3%;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.privacy-policy-page:before {
    position: absolute;
    width: 98px;
    height: 92px;
    right: 10%;
    bottom: 20.6%;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.privacy-policy-page .icon1 {
    position: absolute;
    width: 100px;
    height: 83px;
    right: 1.4%;
    top: 12%;
    background: url(../images/icon/package-delivered.svg) center center no-repeat;
    z-index: -1;
}

.privacy-policy-page .icon2 {
    position: absolute;
    width: 228px;
    height: 230px;
    left: 3.3%;
    top: 34%;
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.privacy-policy-page .icon3 {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 10.5%;
    bottom: 50px;
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.privacy-policy-page.small-section .icon1,
.privacy-policy-page.small-section .icon2 {
    opacity: 0;
}

.privacy-policy-page h2 {
    font-size: 30px;
    line-height: 35px;
    color: #282c32;
    font-weight: 400;
    padding: 0 0 15px 0;
    margin: 0;
}

.privacy-policy-page h3 {
    font-size: 24px;
    line-height: 30px;
    color: #282c32;
    font-weight: 400;
    padding: 0 0 15px 0;
    margin: 0;
}

.privacy-policy-page p {
    text-align: justify;
}

.privacy-policy-page p:last-child {
    padding: 0;
    margin: 0;
}

.privacy-policy-page .container {
    position: relative;
    z-index: 1;
}

.privacy-policy-page a {
    color: #13a9e1;
}

.privacy-policy-page a:hover {
    color: #16417c;
}

.privacy-policy-page ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.privacy-policy-page ul.mb-30 {
    margin-bottom: 30px;
}

.privacy-policy-page li {
    padding: 0 0 5px 22px;
    margin: 0;
    display: block;
    width: 100%;
    position: relative;
    font-size: 16px;
    text-align: justify;
}

.privacy-policy-page li:before {
    left: 0px;
    top: 10px;
    width: 8px;
    height: 10px;
    background: #13a9e1;
    content: '';
    position: absolute;
    border-radius: 3px;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.privacy-policy-page .text-center {
    text-align: center;
}

.privacy-policy-page.frame-section .container {
    max-width: 100% !important;
    padding: 0 !important;
}

.frame-section #myIframe {
    width: 100%;
    border: none;
    outline: none;
    margin: 0;
}

/* digital-payment */

.digital-payment-page.banner-section .container {
    max-width: 100%;
    padding: 0;
}

.digital-payment-page.banner-section p {
    padding: 0;
    margin: 0;
}

.digital-payment-step-box .step-box-list {
    display: flex;
    flex-flow: wrap;
    margin: 0 -20px;
    justify-content: center;
}

.digital-payment-step-box .step-box-list .box-list {
    width: 50%;
    padding: 20px;
}

.digital-payment-step-box .step-box-list .box-list.width-33 {
    width: 33.3%;
}

.digital-payment-step-box .step-box-list .box-inn {
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 8px;
    padding: 30px 30px 0 30px;
    background: #fff;
}

.digital-payment-step-box .step-box-list .step-img {
    width: 100%;
    padding-bottom: 30px;
}

.digital-payment-step-box .step-box-list .step-img img {
    max-width: 370px;
    display: block;
    margin: 0 auto;
}

.section-whitebg.faq-list-main.digital-payment-step-faq {
    float: none;
    padding: 100px 0;
}

.governance-section {
    position: relative;
    z-index: 2;
}

.governance-section:after {
    position: absolute;
    width: 80px;
    height: 103px;
    left: 2.3%;
    top: 3%;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.governance-section:before {
    position: absolute;
    width: 98px;
    height: 92px;
    right: 10%;
    bottom: 20.6%;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.governance-section .icon1 {
    position: absolute;
    width: 100px;
    height: 83px;
    right: 1.4%;
    top: 12%;
    background: url(../images/icon/package-delivered.svg) center center no-repeat;
    z-index: -1;
}

.governance-section .icon2 {
    position: absolute;
    width: 228px;
    height: 230px;
    left: 3.3%;
    top: 34%;
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
    opacity: 0;
}

.governance-section .icon3 {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 10.5%;
    bottom: 50px;
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.governance-section .section-main {
    display: flex;
    flex-flow: wrap;
}

.governance-section .left-section {
    width: 33%;
    height: 100%;
    padding: 20px 20px 20px 20px;
    min-height: 190px;
    background: #13a9e1;
    border-radius: 10px 0 0 10px;
    align-items: center;
    display: flex;
}

.governance-section .left-section .tit {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
}

.governance-section .right-section {
    background: #f6f8fa;
    width: 67%;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    border-radius: 0 10px 10px 0;
}

.governance-section .governance-list {
    padding: 0;
    margin: 0 -10px;
    width: calc(100% + 20px);
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

.governance-section .governance-list li {
    width: 50%;
    padding: 0 10px;
    margin: 0;
}

.governance-section .governance-list .btn-c {
    padding: 10px 45px 10px 14px;
    margin: 10px 0;
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 36px;
    color: #16417c;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-style: italic;
    font-weight: 500;
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 10px;
}

.governance-section .governance-list .btn-c .feather {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 18px;
    right: 15px;
}

.governance-section .governance-list .btn-c span {
    border-bottom: 2px dotted #13a9e1;
    padding-bottom: 5px;
    position: relative;
}

.governance-section .governance-list .btn-c:hover,
.governance-section .governance-list .btn-c:active {
    color: #13a9e1;
}

/* Btn Class */

body .btn-bg {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    border-radius: 6px;
    background: #3E1A51;
    color: #fff;
    box-shadow: 4px 4px 12px 0px rgba(19, 170, 225, 0.24);
    vertical-align: middle;
    border: none;
    cursor: pointer;
    font-family: 'Rubik', sans-serif;
}

body .btn-bg.icon-add {
    padding-left: 43px;
    position: relative;
}

body .btn-bg.icon-add .icon-svg {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 12px;
    top: 8px;
}

body .btn-bg .fa {
    margin-right: 8px;
}

body .btn-bg:hover {
    background: #B658E8;
    box-shadow: 4px 4px 12px 0px rgba(22, 65, 124, 0.24);
    color: #fff;
}

body .btn-bg.btn-blue {
    background: #B658E8;
    box-shadow: 4px 4px 12px 0px rgba(22, 65, 124, 0.24);
}

body .btn-bg.btn-blue:hover {
    background: #3E1A51;
    box-shadow: 4px 4px 12px 0px rgba(19, 170, 225, 0.24);
}

body .btn-bg.btn-white {
    background: #fff;
    color: #1198ca;
    box-shadow: 4px 4px 12px 0px rgba(22, 65, 124, 0.24);
}

body .btn-bg.btn-white:hover {
    background: #1198ca;
    box-shadow: 4px 4px 12px 0px rgba(19, 170, 225, 0.24);
}

body .btn-bg.shadow-none {
    box-shadow: none !important;
}

body .btn-bg.mgr15 {
    margin-right: 15px;
}

body .skew-btn {
    border-radius: 10px;
    font-style: italic;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

body .skew-btn .skew-inn {
    -moz-transform: skew(12deg, 0deg);
    -webkit-transform: skew(12deg, 0deg);
    -o-transform: skew(12deg, 0deg);
    -ms-transform: skew(12deg, 0deg);
    transform: skew(12deg, 0deg);
    display: inline-block;
}

body .skew-btn .icon-svg {
    -moz-transform: skew(12deg, 0deg);
    -webkit-transform: skew(12deg, 0deg);
    -o-transform: skew(12deg, 0deg);
    -ms-transform: skew(12deg, 0deg);
    transform: skew(12deg, 0deg);
}

body .btn-bg.btn-text {
    color: #13a9e1;
    background: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

body .btn-bg.btn-text.icon-add {
    padding-left: 30px;
}

body .btn-bg.btn-text.icon-add .icon-svg {
    left: 0;
}

body .btn-bg.btn-text:hover {
    color: #16417c;
}

body .btn-bg.border-line {
    background: none;
    border: 1px solid #d9dfe7;
    color: #13a9e1;
    font-weight: 500;
    font-style: normal;
}

body .btn-bg.border-line.bg-white {
    background: #fff;
}

body .btn-bg.border-line:hover {
    background: #13a9e1;
    color: #fff;
    border-color: #13a9e1;
}

body .btn-text-line {
    color: #13a9e1;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 2px dotted #13a9e1;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-style: italic;
    padding: 0 0 8px 0;
    display: inline-block;
}

body .btn-text-line:hover {
    color: #282c32;
}

body .btn-text-line2 {
    display: inline-block;
    color: #16417c;
    font-size: 17px;
    line-height: 20px;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-style: italic;
}

body .btn-text-line2 span {
    border-bottom: 2px dotted #13a9e1;
    display: inline-block;
    padding-bottom: 6px;
}

body .btn-text-line2:hover {
    color: #13a9e1;
}

body div.btn-text-line2:hover {
    color: #16417c;
}

body .video-iframe {
    margin: 0;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 8px;
    overflow: hidden;
}


.hero figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero figure:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.8);
}

.hero .container {
    position: relative;
}

.hero .section-title {
    max-width: 500px;
    color: #fff;
}

.hero .section-title .sec-title {
    color: #13a9e1;
}

.hero .section-title .sec-title .sub-sec-title {
    color: #fff;
}

/* Content Section Home */

/* Form */

.form-field {
    width: 100%;
    padding: 0 0 20px 0;
    margin: 0;
}

.form-field.pab-0 {
    padding-bottom: 0;
}

.form-field .form-control {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #282c32;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding: 0 15px;
    border-radius: 10px;
    border: 1px solid #dde3ea;
    box-shadow: none !important;
}

.form-btn {
    width: 100%;
}

.form-btn-new.mabminus-20,
.form-btn.mabminus-20 {
    margin-bottom: -20px;
}

body .form-btn .btn-bg {
    padding-left: 20px;
    padding-right: 20px;
}

.form-btn input[type="submit"] {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 30px;
    border-radius: 6px;
    background: #13a9e1;
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: 'Rubik', sans-serif;
}

.form-btn input[type="submit"]:hover {
    background: #1198ca;
    color: #fff;
}

.form-btn.box-shadow input[type="submit"] {
    box-shadow: 4px 4px 12px 0px rgba(19, 170, 225, 0.24) !important;
}

.form-btn.icon-input input[type="submit"] {
    padding-left: 50px;
    background-image: url(../images/send-icon.png);
    background-repeat: no-repeat;
    background-position: 22px 50%;
}

.skew-bg {
    border-radius: 10px;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.skew-bg-inn {
    width: 100%;
    -moz-transform: skew(12deg, 0deg);
    -webkit-transform: skew(12deg, 0deg);
    -o-transform: skew(12deg, 0deg);
    -ms-transform: skew(12deg, 0deg);
    transform: skew(12deg, 0deg);
}

input:-moz-autofill,
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
    box-shadow: 0 0 0 1000px white inset;
    transition: background-color 5000s ease-in-out 0s;
}

.form-group {
    width: 100%;
    padding: 0 0 15px 0;
    margin: 0;
}

.form-group p,
.section-whitebg .form-group p,
.section-whitebg .form-btn p,
.section-whitebg .form-btn-new p {
    padding: 0;
    margin: 0;
}

.form-group.pab-0 {
    padding-bottom: 0;
}

.form-group label.control-label {
    width: 100%;
    padding: 0 0 5px 0;
    margin: 0;
    font-weight: 500;
    color: #16417c;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Rubik', sans-serif;
}

.form-group label.control-label span {
    color: #8aa0bd;
}

.form-group label.control-label .small-text {
    font-weight: 400;
    color: #8aa0bd;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    padding-left: 20px;
}

.form-group input,
.form-group select,
.form-group textarea {
    padding: 0 14px;
    border-radius: 5px;
    border: 1px solid #dde3ea;
    height: 40px;
    color: #8aa0bd;
    font-size: 15px;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    width: 100%;
    outline: none !important;
    box-shadow: none !important;
}

.form-group select {
    padding: 0 30px 0 8px;
    background: #f6f8fa url(../images/select-arrow.png) right center no-repeat;
    box-shadow: inset 0px 3px 0px 0px rgba(255, 255, 255, 1) !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    /* text-indent: 1px; text-overflow: ''; */
}

.form-group select::-ms-expand {
    display: none;
}

.form-group select option {
    color: #8aa0bd !important;
    font-size: 15px !important;
    line-height: 40px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}

.form-group textarea {
    padding: 9px 14px;
    line-height: 20px;
    height: 90px;
    resize: vertical;
}

.form-group input[type=number] {
    -moz-appearance: textfield;
}

/* Radio Custom */

.radio-custom {
    padding-left: 20px;
    display: inline-block;
    margin: 5px 10px 5px 0;
    position: relative;
}

.radio-custom.disable {
    pointer-events: none;
    cursor: none;
    opacity: 0.5;
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

.radio-custom.mar0 {
    margin: 0;
}

.radio-custom.mart0 {
    margin-top: 0;
}

.radio-custom.mar-l {
    margin-left: 10px;
}

.radio-custom.last {
    margin-right: 0;
}

.radio-custom .list-child,
.radio-custom input {
    opacity: 0;
    position: absolute;
}

.radio-custom .feather {
    stroke: #5b5b5b;
    color: #5b5b5b;
    fill: #5b5b5b;
    width: 24px;
    height: 24px;
}

.radio-custom.table-input,
.checkbox-custom.table-input {
    margin: 0 35px 10px 0;
    padding: 0;
    width: auto;
    height: 20px;
}

.radio-custom.table-input.mb-0,
.checkbox-custom.table-input.mb-0 {
    margin-bottom: 0;
}

.radio-custom.table-input.mr-0,
.checkbox-custom.table-input.mr-0 {
    margin-right: 0;
}

.radio-custom.table-input.m-0,
.checkbox-custom.table-input.m-0 {
    margin: 0;
}

.radio-custom.table-input .list-child,
.checkbox-custom.table-input .list-child {
    position: absolute;
}

.radio-custom.table-input label,
.checkbox-custom.table-input label {
    position: relative;
    left: 20px;
}

.radio-custom .label-radio {
    font-size: 14px;
    line-height: 15px;
}

.section-white.schedule-pickup-page .form-topgrey .form-field .checkbox-custom label,
.section-white.schedule-pickup-page .form-topgrey .form-field .radio-custom label {
    float: none;
    width: auto;
}

.radio-custom label {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
}

.checkbox-custom label,
.radio-custom label {
    min-height: 20px;
    margin-bottom: 0;
    color: #475266;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    cursor: pointer;
}

.radio-custom label:before {
    position: absolute;
    left: 0;
    display: inline-block;
    border: 1px solid #dde3ea;
    width: 20px;
    height: 20px;
    margin-left: -20px;
    content: "";
    background-color: #fff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
}

.radio-custom label:after {
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: -20px;
    content: " ";
    background-color: #2dcc70;
    /*border:2px solid #76838f;*/
    border-radius: 50%;
    transition: .1s cubic-bezier(.8, -.33, .2, 1.33);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}

.radio-custom input[type="radio"]:checked+input[type="hidden"]+label:before,
.radio-custom input[type="radio"]:checked+label:before {
    border-color: #dde3ea;
    /* border-width:10px; */
}

.radio-primary input[type="radio"]:checked+input[type="hidden"]+label:before,
.radio-primary input[type="radio"]:checked+label:before {
    /* border-color:#fff; */
}

.radio-primary input[type="radio"]:checked+input[type="hidden"]+label:after,
.radio-primary input[type="radio"]:checked+label:after {
    border-color: #fff;
    background-color: #16417c;
}

.radio-custom input[type="radio"]:checked+input[type="hidden"]+label:after,
.radio-custom input[type="radio"]:checked+label:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio-custom input[type="radio"][disabled]+label {
    cursor: not-allowed;
}

.radio-custom input[type="radio"][disabled]+label:before {
    background: #f4f6f9;
    /* box-shadow:inset 0 1px 3px 1px rgba(0,0,0,0.1); */
    color: #5b5b5b;
}

.radio-primary input[type="radio"]:checked.disabled+input[type="hidden"]+label:before,
.radio-primary input[type="radio"]:checked.disabled+label:before {
    background: #f4f6f9;
    /* box-shadow:0 1px 3px 1px rgba(0,0,0,0.1); */
    color: #5b5b5b;
}

/* Checkbox Custom */

.checkbox-custom {
    padding-left: 20px;
    display: inline-block;
    margin: 5px 10px 5px 0;
    position: relative;
}

.checkbox-custom.disabled-checkbox-custom {
    opacity: 0.8;
    cursor: default;
    pointer-events: none;
}

.checkbox-custom.last {
    margin-right: 0;
}

.checkbox-custom .list-child,
.checkbox-custom input {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    left: 0;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.checkbox-custom.btn-check {
    margin-left: 0;
}

.checkbox-custom.btn-check .list-child {
    position: absolute;
}

.checkbox-custom.btn-check label {
    background: #fff;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 10px !important;
    padding: 11px 15px 11px 40px;
    min-height: 40px;
    display: inline-block;
}

.checkbox-custom.btn-check label:before {
    margin-left: 15px;
}

.checkbox-custom.btn-check label:after {
    margin-left: 15px;
    top: 11px;
}

.checkbox-custom.btn-check input[type="checkbox"]:checked+input[type="hidden"]+label,
.checkbox-custom.btn-check input[type="checkbox"]:checked+label,
.checkbox-custom.btn-check input[type="radio"]:checked+input[type="hidden"]+label,
.checkbox-custom.btn-check input[type="radio"]:checked+label {
    background: #16417c;
    color: #fff;
}

.checkbox-custom.btn-check input[type="checkbox"]:checked+input[type="hidden"]+label:after,
.checkbox-custom.btn-check input[type="checkbox"]:checked+label:after,
.checkbox-custom.btn-check input[type="radio"]:checked+input[type="hidden"]+label:after,
.checkbox-custom.btn-check input[type="radio"]:checked+label:after {
    /* background-image:url(../images/check-blue-icon.png); */
    background-position: center 3px;
}

.checkbox-custom.btn-check input[type="checkbox"]:checked+input[type="hidden"]+label:before,
.checkbox-custom.btn-check input[type="checkbox"]:checked+label:before,
.checkbox-custom.btn-check input[type="radio"]:checked+input[type="hidden"]+label:before,
.checkbox-custom.btn-check input[type="radio"]:checked+label:before {
    border-color: #fff;
    background-color: #fff;
    box-shadow: none;
}

.checkbox-custom label {
    position: relative;
    display: inline-block;
    padding-left: 10px !important;
    vertical-align: middle;
}

.checkbox-custom label:before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: -20px;
    content: "";
    background-color: #fff;
    border-radius: 4px;
    transition: all .3s ease-in-out 0s;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.06);
    border: 1px solid #dde3ea;
}

.checkbox-primary input[type="checkbox"]:checked+input[type="hidden"]+label:after,
.checkbox-primary input[type="checkbox"]:checked+label:after,
.checkbox-primary input[type="radio"]:checked+input[type="hidden"]+label:after,
.checkbox-primary input[type="radio"]:checked+label:after {
    color: #fff;
}

.checkbox-custom input[type="checkbox"]:checked+input[type="hidden"]+label:after,
.checkbox-custom input[type="checkbox"]:checked+label:after,
.checkbox-custom input[type="radio"]:checked+input[type="hidden"]+label:after,
.checkbox-custom input[type="radio"]:checked+label:after {
    content: " ";
    width: 20px;
    height: 20px;
    background: url(../images/check.svg) center center no-repeat;
    background-size: 16px 16px;
}

.checkbox-custom label:after {
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-top: 0px;
    margin-left: -20px;
    font-size: 12px;
    line-height: 20px;
    color: #76838f;
    text-align: center;
}

.checkbox-custom input[type="checkbox"]:checked+input[type="hidden"]+label:before,
.checkbox-custom input[type="checkbox"]:checked+label:before,
.checkbox-custom input[type="radio"]:checked+input[type="hidden"]+label:before,
.checkbox-custom input[type="radio"]:checked+label:before {
    border-color: #48cd68;
    background-color: #48cd68;
    transition: all .3s ease-in-out 0s;
}

.checkbox-primary input[type="checkbox"]:checked+input[type="hidden"]+label:before,
.checkbox-primary input[type="checkbox"]:checked+label:before,
.checkbox-primary input[type="radio"]:checked+input[type="hidden"]+label:before,
.checkbox-primary input[type="radio"]:checked+label:before {
    background-color: #16417c;
    border-color: #16417c;
}

.form-group .select2-container--default .select2-selection--single {
    background: #f6f8fa;
    box-shadow: inset 0px 3px 0px 0px rgba(255, 255, 255, 1) !important;
    border: 1px solid #dde3ea;
    border-radius: 5px;
    height: 40px;
}

.form-group .select2-container--default .select2-selection--single:focus {
    outline: none;
}

.form-group .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    padding: 0 30px 0 15px;
    color: #8aa0bd;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 26px;
    height: 40px;
    background: url(../images/select-arrow.png) right center no-repeat;
}

.form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    background-image: url(../images/select-arrow-up.png);
}

.form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
    opacity: 0;
}

.form-group .select2-container.form-control {
    padding: 0;
    border: none;
    height: 40px;
}

.form-group .select2-container .select2-choice {
    background: #f6f8fa;
    box-shadow: inset 0px 3px 0px 0px rgba(255, 255, 255, 1) !important;
    border: 1px solid #dde3ea;
    border-radius: 5px;
    height: 40px;
    padding: 0;
}

.form-group .select2-container .select2-choice>.select2-chosen {
    line-height: 40px;
    padding: 0 30px 0 15px;
    color: #282c32;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0;
}

.form-group .select2-container.select2-container-active .select2-choice>.select2-chosen {
    color: #282c32;
}

.form-group .select2-container .select2-choice .select2-arrow {
    width: 26px;
    height: 40px;
    background: url(../images/select-arrow.png) right center no-repeat;
    border: none;
}

.form-group .select2-container.select2-dropdown-open .select2-choice .select2-arrow {
    background-image: url(../images/select-arrow-up.png);
}

.form-group .select2-container .select2-choice .select2-arrow b {
    opacity: 0;
}

.form-group .select2-container.select2-dropdown-open .select2-choice {
    border-radius: 5px 5px 0 0;
}

.form-group .select2-dropdown-open.select2-drop-above .select2-choice,
.form-group .select2-dropdown-open.select2-drop-above .select2-choices {
    border-color: #dde3ea;
    border-radius: 0 0 5px 5px;
}

body .select2-drop {
    border-color: #dde3ea !important;
}

body .select2-search {
    padding: 10px;
}

body .select2-search input {
    padding: 0 14px;
    border-radius: 5px;
    border: 1px solid #dde3ea;
    height: 38px;
    color: #8aa0bd;
    font-size: 15px;
    line-height: 38px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    width: 100%;
    outline: none !important;
    box-shadow: none !important;
    background: #fff;
    color: #282c32;
}

body .select2-results {
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    margin: 0;
}

body .select2-results li {
    color: #8aa0bd;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding: 10px 15px;
    text-transform: capitalize;
    border-radius: 0px;
}

body .select2-results li .select2-result-label {
    padding: 0;
    min-height: inherit;
}

body .select2-results li.select2-highlighted {
    background: #16417c;
    color: #fff;
}

body .select2-results li:last-child {
    border-radius: 0 0 5px 5px;
}

.g-captcha {
    width: 100%;
    padding-bottom: 15px;
}

.form-group .captcha-div {
    position: relative;
}

.form-group .captcha-div img {
    position: absolute;
    left: 5px;
    top: 9px;
    z-index: 3;
    border-right: 1px solid #dde3ea;
}

.form-group .captcha-div input {
    padding-left: 90px;
}

body .select2-dropdown {
    border-color: #dde3ea;
}

body .select2-search--dropdown {
    padding: 10px;
}

body .select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 0 14px;
    border-radius: 5px;
    border: 1px solid #dde3ea;
    height: 40px;
    color: #8aa0bd;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    width: 100%;
    outline: none !important;
    box-shadow: none !important;
}

body .select2-container--default .select2-results>.select2-results__options {}

body .select2-container--default .select2-results>.select2-results__options .select2-results__option {
    color: #8aa0bd;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding: 10px 15px;
    text-transform: capitalize;
}

body .select2-container--default .select2-results>.select2-results__options .select2-results__option:last-child {
    border-radius: 0 0 5px 5px;
}

body .select2-container--default .select2-results>.select2-results__options .select2-results__option[aria-selected="true"],
body .select2-container--default .select2-results>.select2-results__options .select2-results__option.select2-results__option--highlighted {
    background: #16417c;
    color: #fff;
}

/* Start Date Picker */

body .datepicker>div {
    display: inherit;
}

body .bootstrap-datetimepicker-widget {
    z-index: 9999;
}

body .datepicker.dropdown-menu {
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 10px;
    background: #f6f8fa;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #282c32;
    padding: 10px;
    min-width: 270px;
}

body .datepicker table {
    width: 100%;
}

body .datepicker:after,
body .datepicker:before {
    display: none;
}

body .datepicker table {
    text-align: center;
}

body .datepicker table tr td,
body .datepicker table tr th {
    border-radius: 50%;
    padding: 0;
    width: 35px;
    height: 35px;
}

body .datepicker table tr th {
    font-weight: 500;
    color: #16417c;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Rubik', sans-serif;
}

body .datepicker table tr td.day.active {
    background: #13a9e1 !important;
    text-shadow: none !important;
    color: #fff;
    box-shadow: none !important;
}

body .datepicker table tr td.day:hover {
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
}

body .datepicker table tr td.old,
body .datepicker table tr td.new {
    color: #282c32;
    opacity: 0.5;
    background: none !important;
    box-shadow: none !important;
}

body .datepicker table tr td .month,
body .datepicker table tr td .year {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    color: #282c32;
    margin: 4px;
}

body .datepicker table tr td .month.old,
body .datepicker table tr td .year.old {
    color: #282c32;
    opacity: 0.5;
    background: none !important;
    box-shadow: none !important;
}

body .datepicker table tr td .month:hover,
body .datepicker table tr td .year:hover {
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
}

body .datepicker table tr td .month.active,
body .datepicker table tr td .year.active {
    background: #13a9e1 !important;
    text-shadow: none !important;
    color: #fff;
    box-shadow: none !important;
}

/* End Date Picker */

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

/* Firefox */

.form-group input[type=number] {
    -moz-appearance: textfield;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #16417c;
    color: #282c32;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #8aa0bd;
    opacity: 1;
}

.form-group textarea:-ms-input-placeholder,
.form-group input:-ms-input-placeholder {
    color: #8aa0bd;
    opacity: 1;
}

.form-group textarea::-ms-input-placeholder,
.form-group input::-ms-input-placeholder {
    color: #8aa0bd;
    opacity: 1;
}

.form-group input:focus::placeholder,
.form-group textarea:focus::placeholder {
    color: #282c32;
    opacity: 1;
}

.form-group textarea:focus:-ms-input-placeholder,
.form-group input:focus:-ms-input-placeholder {
    color: #282c32;
    opacity: 1;
}

.form-group textarea:focus::-ms-input-placeholder,
.form-group input:focus::-ms-input-placeholder {
    color: #282c32;
    opacity: 1;
}

.form-group input:not(:placeholder-shown),
.form-group select:not(:placeholder-shown),
.form-group textarea:not(:placeholder-shown) {
    color: #282c32;
}

.form-group label.input_not_valid,
.form-group .not-valid-tip,
.form-group .wpcf7-not-valid-tip {
    color: #721c24;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 10px;
    margin-top: 5px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    color: #856404;
    background: #fff3cd;
    border: 1px solid #ffeeba !important;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 15px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    color: #721c24;
    background: #f8d7da;
    border: 1px solid #f5c6cb !important;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 15px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}

form.sent .response-output {
    margin: 30px 0 0 0;
}

form.sent .response-output,
.wpcf7 form.sent .wpcf7-response-output {
    color: #155724;
    background: #d4edda;
    border: 1px solid #c3e6cb !important;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 15px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}

form.sent .response-error {
    color: #721c24;
    background: #f8d7da;
    border: 1px solid #f5c6cb !important;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 15px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 30px 0 0 0;
}

.form-group.custom-file-upload-main {
    padding-bottom: 20px;
}

.form-group.custom-file-upload .attacheresume {
    width: 100%;
    display: block;
    position: relative;
}

.form-group.custom-file-upload {
    padding: 0;
    position: relative;
}

.form-group.custom-file-upload:before {
    position: absolute;
    left: 0;
    top: 0;
    content: 'Choose File';
    background: #8aa0bd;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    padding: 0 30px;
    font-family: 'Roboto', sans-serif;
    padding: 0 30px;
    z-index: 2;
    font-weight: 400;
    cursor: pointer;
}

.form-group.custom-file-upload:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 155px;
    height: 40px;
    background: #fff;
    z-index: 1;
}

.form-group.custom-file-upload input {
    padding-left: 70px;
    -webkit-padding-start: 55px;
    border: none !important;
}

/* Start Home */

/* Track */

.section-whitebg.home-track {
    position: relative;
    margin-top: -50px;
    padding: 0 0 90px 0;
    z-index: 1;
}

.home-track:after {
    width: 98px;
    height: 88px;
    position: absolute;
    right: 0;
    top: -65px;
    content: '';
    background: url(../images/icon/pin1.svg) center center no-repeat;
    z-index: -1;
    opacity: 0;
}

.home-track .list-main {
    width: 100%;
    display: table;
    background: #f5fbfd;
    border: 1px solid #d9dfe7;
    border-radius: 24px;
}

.home-track .list-main>.skew-bg-inn {
    display: table;
}

.home-track .list-main .list {
    display: table-cell;
    vertical-align: middle;
}

.home-track .list-main .list.customer-care {
    width: 25.8%;
    padding: 20px 50px 20px 30px;
    position: relative;
}

.home-track .list-main .list.customer-care:after {
    content: '';
    border-right: 2px dotted #d9dfe7;
    width: 20px;
    height: 80px;
    right: 24px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    position: absolute;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

body .home-track .list-main .list.customer-care .btn-bg {
    font-size: 17px;
}

.home-track .list-main .list.pickup-request {
    width: 31.3%;
    padding: 20px 40px;
}

.home-track .list-main .list.track-ship {
    width: 42.9%;
    background: #fff;
    border-left: 1px solid #d9dfe7;
    border-radius: 24px;
    position: relative;
}

.home-track .list-main .list.track-ship:before {
    position: absolute;
    right: -4px;
    top: -2px;
    height: 130%;
    width: 100%;
    max-width: 250px;
    content: '';
    background: url(../images/white-gradient.png) right top repeat-y;
    /* background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ffffff',GradientType=1 ); */
}

.pickup-request-btn {
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #16417c;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-style: italic;
}

.pickup-request-btn .icon {
    display: inline-block;
    width: 60px;
}

.pickup-request-btn span {
    display: inline-block;
    border-bottom: 2px dotted #13a9e1;
    margin-left: 20px;
}

.home-track .form-box {
    width: 100%;
    padding: 20px 25px 0px 40px;
    position: relative;
    z-index: 9;
    transform: skew(-8deg, 0deg);
}

.home-track .form-field {
    padding-bottom: 10px;
}

.home-track .container {
    padding: 0 30px;
}

/* Home Featured In */

.section-whitebg.home-featured-in {
    position: relative;
    padding: 0 0 93px 0;
    z-index: 1;
}

.home-featured-in:after {
    width: 102px;
    height: 74px;
    position: absolute;
    left: 10px;
    top: 20px;
    content: '';
    background: url(../images/icon/boxsearch.svg) center center no-repeat;
    z-index: -1;
}

.home-featured-in ul.list-logo {
    padding: 0 0 0 120px;
    margin: 0;
    position: relative;
    text-align: center;
}

.home-featured-in ul.list-logo li.sec-title1 {
    padding: 0;
    position: absolute;
    left: 0;
    top: 20px;
    width: 120px;
    text-align: left;
}

.home-featured-in ul.list-logo li.li-class {
    display: inline-block;
    /*margin: 0 -2px;*/
    width: 25%;
    vertical-align: middle;
    padding: 0px 15px;
    text-align: center;
}

.home-featured-in ul.list-logo li.li-class img {
    opacity: 0.5;
    display: block;
}

.home-featured-in ul.list-logo li.li-class a:hover img {
    opacity: 1;
}

.home-featured-in ul.list-logo li.li-class a {
    display: inline-block;
}

.home-featured-in .slick-slider {
    padding: 0 15px;
}

.home-featured-in.section-whitebg .loaderSlider {
    min-height: 80px;
}

/* Home Why V-Trans */

.section-whitebg.home-why-v-trans {
    position: relative;
    padding: 0 0 93px 0;
    z-index: 2;
}

.home-why-v-trans:before {
    width: 228px;
    height: 230px;
    position: absolute;
    left: -30px;
    top: 112px;
    content: '';
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.home-why-v-trans:after {
    width: 90px;
    height: 94px;
    position: absolute;
    right: 10px;
    bottom: 130px;
    content: '';
    background: url(../images/icon/train.svg) center center no-repeat;
    z-index: -1;
}

.home-why-v-trans ul.list-service {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}

.home-why-v-trans ul.list-service li {
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px;
    width: 33.3%;
    padding: 0 30px;
}

.home-why-v-trans ul.list-service li .sec-title1 {
    padding: 33px 0 20px 0;
}

.home-why-v-trans ul.list-service li .desc {
    font-size: 17px;
    line-height: 28px;
}

/* Home Clients */

.section-whitebg.home-clients {
    /* background: url(../images/icon/truck.svg) 90% 50% no-repeat; */
    position: relative;
    padding: 0 0 97px 0;
    z-index: 1;
}

.home-clients .icon-bg1 {
    width: 92px;
    height: 64px;
    position: absolute;
    right: 12.2%;
    top: 50%;
    margin-top: -32px;
    content: '';
    background: url(../images/icon/truck.svg) center center no-repeat;
    z-index: -1;
}

.home-clients:after {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 17%;
    top: -50px;
    content: '';
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.home-clients:before {
    width: 213px;
    height: 1495px;
    position: absolute;
    left: 0;
    top: -400px;
    content: '';
    background: url(../images/icon/wave-background.svg) center center no-repeat;
    z-index: -1;
}

.home-clients .section-title {
    margin-bottom: 45px;
}

.home-clients ul.list-logo {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}

.home-clients ul.list-logo li {
    width: 25%;
    padding: 10px 15px 68px 15px;
    margin: 0 -2px;
    display: inline-block;
    vertical-align: middle;
}

.home-clients ul.list-logo li img {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.6;
}

.home-clients ul.list-logo li img:hover {
    -webkit-filter: grayscale(0);
    filter: none;
    opacity: 1;
}

/* Home Service */

.section-whitebg.home-service {
    /* background: url(../images/icon/boxes-pallet.svg) 99% 77% no-repeat; */
    position: relative;
    padding: 0 0 96px 0;
    z-index: 1;
}

.home-service .icon1 {
    position: absolute;
    width: 101px;
    height: 101px;
    right: 10px;
    top: 66%;
    content: '';
    background: url(../images/icon/boxes-pallet.svg) center center no-repeat;
    z-index: -1;
}

/* .home-service:before { width: 92px; height: 83px; position: absolute; left: 10px; top: -20px; content: ''; background: url(../images/icon/ship.svg) center center no-repeat; z-index: -1; } */

.home-service:before {
    width: 80px;
    height: 103px;
    position: absolute;
    left: 10px;
    top: -20px;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.home-service:after {
    width: 228px;
    height: 230px;
    position: absolute;
    right: 33%;
    bottom: 50px;
    content: '';
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.home-service .service-list2 {
    padding: 0;
    margin: 0 -15px;
    position: relative;
    z-index: 1;
}

.home-service .service-list2 li {
    display: inline-block;
    margin: 0 -2px;
    padding: 15px 15px;
    width: 33.3%;
    vertical-align: top;
}

.home-service.service-more-llist .service-list2 li {
    margin-bottom: 15px;
    margin-top: 15px;
}

.home-service .service-list2 li .box-inner {
    width: 100%;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 8px;
    padding: 30px 30px 0 30px;
    min-height: 425px;
    position: relative;
    background: #fff;
}

.home-service .service-list2 li .service-icon {
    margin: 0 0 32px 0;
}

.home-service .service-list2 li .sub-tit {
    font-size: 16px;
    color: #13a9e1;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    width: 100%;
    padding: 5px 0 15px 0;
    text-transform: uppercase;
}

.home-service .service-list2 li .sub-tit a {
    color: #13a9e1;
}

.home-service .service-list2 li .sub-tit a:hover {
    color: #282c32;
}

.home-service .service-list2 li .sub-tit span:after {
    content: "|";
    color: #d9dfe7;
    padding: 0 10px 0 10px;
}

.home-service .service-list2 li .sub-tit span:last-child:after {
    display: none;
}

.home-service .service-list2 li .service-desc {
    width: 100%;
    padding: 0 0 30px 0;
    text-align: justify;
}

.home-service .service-list2 li .btn-bg {
    position: absolute;
    bottom: -25px;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .3s linear;
    opacity: 0;
    visibility: hidden;
}

.home-service .service-list2 li .box-inner:hover .btn-bg,
.home-service .service-list2 li .box-inner:active .btn-bg {
    bottom: -20px;
    opacity: 1;
    visibility: visible;
}

.home-service.service-no-more .service-list2 {
    display: flex;
    flex-flow: wrap;
}

.home-service.service-no-more .service-list2 li .box-inner {
    height: 100%;
    min-height: inherit;
}

/* Home Growth */

.section-whitebg.home-growth {
    position: relative;
    padding: 0 0 82px 0;
    z-index: 1;
}

.section-whitebg.home-growth.pab-0 {
    padding-bottom: 0;
}

.home-growth:before {
    width: 103px;
    height: 78px;
    position: absolute;
    left: 7.5%;
    top: 20px;
    content: '';
    background: url(../images/icon/warehouse.svg) center center no-repeat;
    z-index: -1;
}

.home-growth:after {
    width: 94px;
    height: 86px;
    position: absolute;
    right: 7.5%;
    bottom: 120px;
    content: '';
    background: url(../images/icon/safe-delivery.svg) center center no-repeat;
    z-index: -1;
}

.home-growth .growth-list {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}

.home-growth .growth-list li {
    padding: 22px 20px;
    margin: 0 -2px;
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

.home-growth.col3 .growth-list li {
    width: 33.3%;
}

.home-growth .growth-list li .growth-icon {
    margin-bottom: 5px;
}

.home-growth .growth-list li .counter-main {
    font-size: 30px;
    line-height: 30px;
    color: #13a9e1;
    font-weight: 400;
    padding: 0 0 17px 0;
    margin: 0;
}

.home-growth .growth-list li .title {}

/* Home Group Company */

.section-whitebg.home-group-company {
    /* background: url(../images/icon/box-hand.svg) 99% 50% no-repeat; */
    position: relative;
    padding: 0;
    z-index: 1;
}

.home-group-company .icon-bg1 {
    width: 92px;
    height: 92px;
    margin-top: -46px;
    position: absolute;
    right: 10px;
    top: 50%;
    content: '';
    background: url(../images/icon/box-hand.svg) center center no-repeat;
    z-index: -1;
}

.home-group-company:before {
    width: 91px;
    height: 85px;
    position: absolute;
    left: 17.3%;
    top: -30px;
    content: '';
    background: url(../images/icon/plane.svg) center center no-repeat;
    z-index: -1;
}

.home-group-company:after {
    width: 80px;
    height: 108px;
    position: absolute;
    left: 0px;
    top: 56%;
    content: '';
    background: url(../images/icon/box-weight-scale.svg) center center no-repeat;
    z-index: -1;
}

.home-group-company .section-title {
    margin-bottom: 42px;
}

.home-group-company .company-list {
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 8px;
    overflow: hidden;
}

.home-group-company .company-list li {
    display: block;
    width: 100%;
    position: relative;
    float: left;
}

.home-group-company .company-list li .box-image {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.home-group-company .company-list li .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.home-group-company .company-list li .box-contain {
    float: right;
    width: 50%;
    padding: 60px;
}

.home-group-company .company-list li:nth-child(odd) .box-image {
    left: auto;
    right: 0;
}

.home-group-company .company-list li:nth-child(odd) .box-contain {
    float: left;
}

.home-group-company .company-list li .company-logo {
    width: 100%;
    max-width: 180px;
    margin: 0 0 24px 0;
}

.home-group-company .company-list li .group-company-desc {
    padding: 0 0 22px 0;
    width: 100%;
    text-align: justify;
}

body .home-group-company .company-list li.v-xpress .btn-text-line {
    color: #faa61a;
    border-color: #faa61a;
}

body .home-group-company .company-list li.v-xpress .btn-text-line:hover {
    color: #282c32;
    border-color: #282c32;
}

body .home-group-company .company-list li.v-logis .btn-text-line {
    color: #86ab2d;
    border-color: #86ab2d;
}

body .home-group-company .company-list li.v-logis .btn-text-line:hover {
    color: #282c32;
    border-color: #282c32;
}

/* Home Testimonials */

.section-whitebg.home-testimonial {
    position: relative;
    padding: 120px 0;
    z-index: 1;
}

.home-testimonial:before {
    position: absolute;
    right: 34%;
    top: 0;
    width: 1788px;
    height: 826px;
    content: '';
    background: url(../images/bg/Background1.svg) center center no-repeat;
    z-index: -1;
}

.home-testimonial:after {
    position: absolute;
    left: 34%;
    bottom: -115px;
    width: 1788px;
    height: 826px;
    content: '';
    background: url(../images/bg/Background2.svg) center center no-repeat;
    z-index: -1;
}

.section-whitebg.home-testimonial .container {
    position: relative;
    z-index: 1;
}

.home-testimonial .section-title {
    margin: 0 0 65px 0;
}

.home-testimonial .icon-bg1 {
    background: url(../images/icon/hand-cart-box.svg) center center no-repeat;
    width: 84px;
    height: 92px;
    position: absolute;
    left: 14.8%;
    top: 65px;
    z-index: -1;
}

.home-testimonial .icon-bg2 {
    background: url(../images/icon/warehouse-location.svg) center center no-repeat;
    width: 94px;
    height: 98px;
    position: absolute;
    right: 14.3%;
    top: 105px;
    z-index: -1;
}

.home-testimonial .icon-bg3 {
    background: url(../images/icon/notepad.svg) center center no-repeat;
    width: 98px;
    height: 101px;
    position: absolute;
    right: 10px;
    bottom: 25px;
    z-index: -1;
}

.home-testimonial .testimonial-list {
    padding: 60px 60px 53px 60px;
    margin: 0;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    background-color: #fff;
    border-radius: 8px;
    overflow: inherit !important;
}

.home-testimonial .testimonial-list:before {
    position: absolute;
    content: '';
    left: 50%;
    top: -33px;
    margin-left: -47px;
    width: 94px;
    height: 70px;
    background: url(../images/quote-icon.svg) center center no-repeat;
}

.home-testimonial .testimonial-list .slide-list {
    padding: 0;
    margin: 0;
}

.home-testimonial .slick-list {
    margin: 0;
}

.home-testimonial .slick-track {
    display: flex;
}

.home-testimonial .slick-slider .slick-slide {
    float: left;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}

.home-testimonial .client-desc {
    font-size: 21px;
    line-height: 30px;
    color: #282c32;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding: 34px 0 0 0;
    text-align: justify;
}

.home-testimonial .client-image {
    width: 100%;
    text-align: center;
    padding: 33px 0 0 0;
}

.home-testimonial .client-image img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center center;
    display: block;
    margin: 0 auto;
}

.home-testimonial .client-name {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color: #16417c;
    font-weight: 500;
    padding: 27px 0 0 0;
    margin: 0;
}

.home-testimonial .client-name .c-name {
    display: block;
    color: #13a9e1;
    font-style: italic;
    font-size: 17px;
    padding: 4px 0 0 0;
}

.section-whitebg.home-testimonial .slick-slider .slick-arrow {
    left: 20px;
}

.section-whitebg.home-testimonial .slick-slider .slick-arrow.slick-next {
    left: auto;
    right: 20px;
}

/* Home MD Section */

.section-whitebg.home-md-section {
    padding: 80px 0;
    position: relative;
    z-index: 1;
}

.home-md-section .icon-bg1 {
    width: 102px;
    height: 95px;
    background: url(../images/icon/growth-chart.svg) center center no-repeat;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -1;
}

.home-md-section:before {
    width: 99px;
    height: 76px;
    position: absolute;
    right: 14%;
    bottom: 20px;
    content: '';
    background: url(../images/icon/fast-shipping.svg) center center no-repeat;
    z-index: -1;
}

.home-md-section:after {
    width: 228px;
    height: 230px;
    position: absolute;
    right: -45px;
    bottom: -85px;
    content: '';
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.home-md-section .md-desc-manin {
    width: 100%;
    position: relative;
    padding: 0 0 0 263px;
}

.home-md-section .md-image {
    width: 185px;
    border-radius: 8px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border: 10px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.home-md-section .md-name {
    font-size: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #13a9e1;
}

.home-md-section .md-name .md-position {
    display: block;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: #16417c;
    padding-top: 6px;
}

.home-md-section .md-desc {
    width: 100%;
    font-size: 21px;
    line-height: 36px;
    color: #282c32;
    padding: 20px 0 0 0;
    text-align: justify;
}

.home-md-section .md-desc span {
    font-weight: 500;
    border-bottom: 2px dotted #8aa0bd;
    padding-bottom: 3px;
}

/* Home Blog */

.section-whitebg.home-blog {
    padding: 47px 0;
    position: relative;
    z-index: 2;
}

.home-blog:before {
    width: 100px;
    height: 83px;
    position: absolute;
    left: 7%;
    top: 50%;
    margin: -50px 0 0 0;
    content: '';
    background: url(../images/icon/package-delivered.svg) center center no-repeat;
    z-index: -1;
}

.home-blog:after {
    width: 98px;
    height: 92px;
    position: absolute;
    right: 6.7%;
    top: 50%;
    margin: -49px 0 0 0;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.home-blog .blog-left {
    width: 65.7%;
    /*New*/
    width: 100%;
    float: left;
}

.home-blog .right-twitter {
    width: 30.2%;
    float: right;
}

.home-blog .section-title {
    margin-bottom: 63px;
}

.home-blog .blog-list {
    padding: 0;
    margin: 0 -15px;
}

.home-blog .blog-list li {
    display: inline-block;
    padding: 0 15px 15px 15px;
    margin: 0 -2px;
    width: 50%;
    /*New*/
    width: 33.3%;
    vertical-align: top;
}

.home-blog .blog-list li .boxinner {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    background: #fff;
    overflow: hidden;
}

.home-blog .post-thumbnail {
    width: 100%;
    text-align: center;
}

.home-blog .post-thumbnail img {
    width: 100%;
    height: auto !important;
}

.home-blog .blogcaption {
    padding: 25px 30px 30px 30px;
    min-height: 266px;
    position: relative;
}

.home-blog .blog-title {
    color: #16417c;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    font-style: italic;
    padding: 0 0 9px 0;
    margin: 0;
}

.home-blog .blog-title a {
    color: #16417c;
}

.home-blog .blog-title a:hover {
    color: #13a9e1;
}

.home-blog .cat-name {
    width: 100%;
    color: #8aa0bd;
    font-size: 15px;
    line-height: 20px;
    padding: 0 0 15px 0;
}

.home-blog .cat-name a {
    color: #282c32;
}

.home-blog .cat-name a:hover {
    color: #13a9e1;
}

.home-blog .blog-desc {
    width: 100%;
    font-size: 17px;
    line-height: 22px;
    padding: 0 0 40px 0;
    text-align: justify;
}

.home-blog .blogcaption .btn-text-line {
    position: absolute;
    bottom: 30px;
}

/* Home Twitter */

.twitter-top {
    width: 100%;
    position: relative;
    padding: 0 110px 30px 0;
}

.twitter-top .btn-bg {
    position: absolute;
    right: 0;
    top: 0;
}

.twitter-top .twitter-tit {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    line-height: 20px;
}

.twitter-top .twitter-tit .twitter-tit-sub {
    font-size: 15px;
    color: #8aa0bd;
    font-weight: 400;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    display: block;
}

.home-blog .right-twitter iframe {
    width: 100%;
    height: 390px !important;
}

.home-blog .right-twitter #LatestTweetsScroll {
    height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

/* Home App */

.section-whitebg.home-app-section {
    padding: 140px 0 167px 0;
    position: relative;
    z-index: 1;
}

.home-app-section:before {
    width: 101px;
    height: 68px;
    position: absolute;
    left: 3%;
    top: 130px;
    content: '';
    background: url(../images/icon/all-weather-truck-fleet.svg) center center no-repeat;
    z-index: -1;
}

.home-app-section:after {
    width: 80px;
    height: 103px;
    position: absolute;
    right: 10px;
    bottom: 140px;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.home-app-section .left-part {
    float: left;
    width: 50%;
    position: relative;
}

.home-app-section .left-part img {
    position: absolute;
    width: 100%;
    min-width: 970px;
    display: block;
    right: -135px;
    top: -210px;
}

.home-app-section .right-part {
    float: right;
    width: 50%;
    position: relative;
    z-index: 1;
}

.home-app-section .section-title {
    margin-bottom: 38px;
}

.home-app-section .section-title .sec-title {
    padding-bottom: 25px;
}

.home-app-section .section-title .desc {
    text-align: justify;
}

.home-app-section .store-tit {
    font-size: 14px;
    line-height: 20px;
    color: #16417c;
    font-style: italic;
    padding: 0 0 14px 0;
    margin: 0;
    font-weight: 500;
}

.home-app-section .store-list {
    width: 100%;
    padding: 0;
    margin: 0;
}

.home-app-section .store-list li {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 20px 0;
    margin: 0;
}

.home-app-section .store-list li a {
    display: inline-block;
    border-radius: 6px;
    padding: 9px 15px;
    background: #000;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
}

.home-app-section .store-list li img {
    width: 155px;
    display: block;
}

.home-app-section .store-list li a:hover {
    background: rgba(0, 0, 0, 0.75);
}

/* Home Quick Contact */

.section-whitebg.home-quick-contact {
    background: #16417c;
    padding: 70px 0 90px 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.home-quick-contact:before {
    width: 228px;
    height: 230px;
    position: absolute;
    left: 32.8%;
    bottom: -30px;
    content: '';
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.home-quick-contact:after {
    position: absolute;
    left: 34%;
    top: -420px;
    width: 1788px;
    height: 826px;
    content: '';
    background: url(../images/bg/Background2.svg) center center no-repeat;
    z-index: -1;
}

.home-quick-contact .container {
    position: relative;
    z-index: 1;
}

.home-quick-contact .left-part {
    float: left;
    width: 25.5%;
    padding: 120px 0 0 0;
}

.home-quick-contact .quick-contact {
    float: left;
    width: 49%;
    padding: 0 60px;
}

.home-quick-contact .right-part {
    float: right;
    width: 25.5%;
    padding: 120px 0 0 0;
}

.home-quick-contact .left-list {
    width: 100%;
    padding: 0;
    margin: 0;
}

.home-quick-contact .left-list li {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.60);
    padding: 0 0 38px 18px;
    margin: 0;
    text-align: justify;
}

.home-quick-contact .left-list li:last-child {
    padding-bottom: 0;
}

.home-quick-contact .left-list li .tit {
    padding: 0 0 12px 0;
    margin: 0;
    position: relative;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    font-style: italic;
    color: #fff;
    text-align: left;
}

.home-quick-contact .left-list li .tit:before {
    left: -18px;
    top: 6px;
    width: 8px;
    height: 10px;
    background: #13a9e1;
    content: '';
    position: absolute;
    border-radius: 3px;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.home-quick-contact .section-title {
    margin-bottom: 33px;
}

.home-quick-contact .section-title .sec-title {
    color: #fff;
}

.home-quick-contact .quick-contact .box-inner {
    background: #fff;
    border-radius: 10px;
    padding: 30px 30px 0 30px;
}

.home-quick-contact .quick-contact .form-btn,
.home-quick-contact .quick-contact .form-btn-new {
    float: left;
}

.home-quick-contact .con-list {
    width: 100%;
    padding-bottom: 32px;
}

.home-quick-contact .con-list .tit {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    font-style: italic;
    padding: 0 0 6px 0;
    margin: 0;
}

body .home-quick-contact .con-list .btn-bg {
    background: #13a9e1;
}

.home-quick-contact .link-list {
    width: 100%;
    padding: 0;
    margin: 0;
}

.home-quick-contact .link-list li {
    display: block;
    width: 100%;
    padding: 0 0 30px 0;
    margin: 0;
}

.home-quick-contact .link-list li:last-child {
    padding-bottom: 0;
}

.home-quick-contact .link-list li .link-btn {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-style: italic;
}

.home-quick-contact .link-list li .link-btn .icon {
    display: inline-block;
}

.home-quick-contact .link-list li .link-btn span {
    display: inline-block;
    border-bottom: 2px dotted #13a9e1;
    margin-left: 20px;
}

.home-quick-contact .link-list li .link-btn:hover {
    color: #13a9e1;
}

/* End Home Page */

/* Start contact-us Page */

.section-whitebg.contact-us {
    padding: 170px 0 50px 0;
    position: relative;
    z-index: 1;
}

.contact-us:before {
    position: absolute;
    right: 34%;
    top: 0;
    width: 1788px;
    height: 826px;
    content: '';
    background: url(../images/bg/Background1.svg) center center no-repeat;
    z-index: -1;
}

.contact-us:after {
    position: absolute;
    right: 2.1%;
    bottom: 350px;
    width: 98px;
    height: 88px;
    content: '';
    background: url(../images/icon/pin1.svg) center center no-repeat;
    z-index: -1;
}

.contact-us .icon1 {
    position: absolute;
    bottom: 40px;
    left: 2.9%;
    background: url(../images/icon/notepad.svg) center center no-repeat;
    width: 98px;
    height: 101px;
    z-index: -1;
}

.contact-us .icon2 {
    background: url(../images/icon/bg-banner.svg) center center no-repeat;
    width: 95px;
    height: 44px;
    content: '';
    position: absolute;
    left: 8.4%;
    top: 160px;
    z-index: -1;
}

.contact-us .section-title {
    margin-bottom: 43px;
}

.contact-us .contact-us-main {
    width: 100%;
    display: table;
}

.contact-us .contact-us-main .left-part {
    /* display: table-cell; */
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 37%;
    padding: 20px 30px 30px 30px;
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 10px;
}

.contact-us .contact-us-main .middle-part {
    /* display: table-cell; */
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 3%;
}

.contact-us .contact-us-main .right-part {
    /* display: table-cell; */
    display: inline-block;
    float: right;
    vertical-align: top;
    width: 60%;
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 10px;
    overflow: hidden;
}

.contact-us .panel-group .panel .panel-heading {
    border-radius: 0;
}

.contact-us .panel-group .panel {
    padding: 0;
    box-shadow: none;
    margin: 0;
    border-radius: 0;
    border: none;
}

.contact-us .panel-group .panel::before {
    display: none;
    visibility: hidden;
}

.contact-us .panel-group .panel .panel-title {
    font-size: 18px;
    line-height: 24px;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
}

.contact-us .panel-group .panel .panel-title a {
    color: #16417c;
    padding: 17px 60px 17px 20px;
    border-bottom: 2px dotted #dde3ea;
    position: relative;
}

.contact-us .panel-group .panel .panel-title a.collapsed {
    background: #f6f8fa;
    border-bottom-color: transparent;
}

.contact-us .panel-group .panel .panel-title a:before {
    width: 24px;
    height: 24px;
    content: '';
    background: url(../images/icon/accordion-minus.svg) center center no-repeat;
    position: absolute;
    right: 20px;
    top: 17px;
}

.contact-us .panel-group .panel .panel-title a.collapsed:before {
    background-image: url(../images/icon/accordion-plus.svg);
}

.contact-us .panel-group .panel-collapse .panel-body {
    border: none;
    padding: 20px;
    text-align: justify;
}

.contact-us .contact-left-address {
    float: left;
    width: 45%;
    padding: 0 30px 0px 0;
}

.contact-us .contact-right-phone {
    float: right;
    width: 55%;
}

.contact-us .contact-right-phone ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

.contact-us .contact-right-phone ul li {
    position: relative;
    padding: 0 0 19px 98px;
    font-size: 16px;
    line-height: 28px;
    color: #282c32;
}

.contact-us .contact-right-phone ul li:last-child {
    padding-bottom: 0;
}

.contact-us .contact-right-phone ul li a {
    color: #282c32;
}

.contact-us .contact-right-phone ul li a:hover {
    color: #13a9e1;
}

.contact-us .contact-right-phone ul li .icon {
    position: absolute;
    width: 98px;
    left: 0;
    top: 5px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #8aa0bd;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    padding-left: 32px;
}

.contact-us .contact-right-phone ul li .icon .icon-svg {
    color: #13a9e1;
    display: inline-block;
    width: 24px;
    position: absolute;
    left: 0;
}

.contact-us .contact-map {
    float: left;
    width: 100%;
    padding-top: 30px;
}

.contact-us .contact-map iframe {
    width: 100%;
    height: 292px;
    margin: 0;
    float: left;
}

/* Contact Track */

.section-whitebg.contact-track {
    margin: 0;
    padding: 0 0 50px 0;
    position: relative;
    z-index: 1;
}

.contact-track:before {
    width: 228px;
    height: 230px;
    position: absolute;
    left: 3.4%;
    bottom: -145px;
    content: '';
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.contact-track:after {
    display: none;
}

.contact-track .track-ship .pickup-request-btn {
    margin-left: 60px;
}

/* contact-regional-office */

.section-whitebg.contact-regional-office {
    padding: 0 0 80px 0;
    position: relative;
    z-index: 1;
}

.contact-regional-office:before {
    width: 102px;
    height: 95px;
    background: url(../images/icon/growth-chart.svg) center center no-repeat;
    position: absolute;
    content: '';
    bottom: 100px;
    left: 2.5%;
    z-index: -1;
}

.contact-regional-office:after {
    width: 80px;
    height: 103px;
    position: absolute;
    right: 8.4%;
    top: 38px;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.contact-regional-office .tab-main {
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 10px;
    overflow: hidden;
}

.contact-regional-office .tab-main>ul.nav-tabs {
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: 2px dotted #dde3ea;
    text-align: center;
}

.contact-regional-office .tab-main>ul.nav-tabs>li {
    display: inline-block;
    float: none;
}

.contact-regional-office .tab-main>ul.nav-tabs>li>a {
    font-size: 18px;
    line-height: 24px;
    color: #8aa0bd;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    display: inline-block;
    border: none;
    font-weight: 400;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 14px 24px;
    transition: none !important;
    margin-right: 0;
}

.contact-regional-office .tab-main>ul.nav-tabs>li.active>a {
    font-weight: 500;
    color: #16417c;
    border-bottom-color: #13a9e1;
}

.contact-regional-office .tab-main>ul.nav-tabs>li>a:hover {
    color: #16417c;
}

.contact-regional-office .tab-main>.tab-content {
    padding: 30px 0 0 0;
}

.contact-regional-office .tab-main>ul.nav-tabs>li.regional-office-tab>a {
    width: 180px;
    display: block;
}

.contact-regional-office .tab-main>ul.nav-tabs>li.service-contacts-tab>a {
    width: 362px;
    display: block;
}

.contact-regional-office .tab-main-sub>.nav-tabs {
    float: left;
    width: 36%;
    padding: 0;
    margin: 0;
    border: none;
    border-top: 1px solid #dde3ea;
    border-right: 1px solid #dde3ea;
    background: #fff;
}

.contact-regional-office .tab-main-sub>.nav-tabs>li {
    display: block;
    border-bottom: 1px solid #dde3ea;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
    position: relative;
}

.contact-regional-office .tab-main-sub>.nav-tabs>li:last-child {
    border-bottom: none;
}

.contact-regional-office .tab-main-sub>.nav-tabs>li>a {
    padding: 12px 30px;
    margin: 0;
    border: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    color: #8aa0bd;
    font-weight: 400;
    display: block;
    border-radius: 0;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(246, 248, 250, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(246, 248, 250, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(246, 248, 250, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f8fa', GradientType=1);
}

.contact-regional-office .tab-main-sub>.nav-tabs>li:before {
    width: 15px;
    height: calc(100% + 2px);
    position: absolute;
    left: 0;
    top: -1px;
    background: url(../images/tab-active.png) left top repeat-y;
    content: '';
    z-index: 1;
    opacity: 0;
}

.contact-regional-office .tab-main-sub>.nav-tabs>li:after {
    width: 13px;
    height: calc(100% + 2px);
    position: absolute;
    right: -12px;
    top: -1px;
    background: url(../images/tab-active-arrow.png) left top no-repeat;
    content: '';
    z-index: 1;
    opacity: 0;
}

.contact-regional-office .tab-main-sub>.nav-tabs>li.active:before,
.contact-regional-office .tab-main-sub>.nav-tabs>li:hover:before,
.contact-regional-office .tab-main-sub>.nav-tabs>li.active:after {
    opacity: 1;
}

.contact-regional-office .tab-main-sub>.nav-tabs>li.active>a,
.contact-regional-office .tab-main-sub>.nav-tabs>li:hover>a {
    color: #16417c;
    background: #fff;
}

.contact-regional-office .tab-main-sub>.tab-content {
    float: right;
    width: 64%;
    padding: 22px 20px 20px 50px;
}

.contact-regional-office .contact-left-address {
    float: left;
    width: 43%;
    padding: 0 25px 0px 0;
    /* font-size: 16px; */
    text-align: justify;
}

.contact-regional-office .contact-right-phone {
    float: right;
    width: 57%;
}

.contact-regional-office .contact-right-phone ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

.contact-regional-office .contact-right-phone ul li {
    position: relative;
    padding: 0 0 19px 98px;
    font-size: 16px;
    line-height: 28px;
    color: #282c32;
}

.contact-regional-office .contact-right-phone ul li .sub {
    font-size: 14px;
    color: #8aa0bd;
}

.contact-regional-office .contact-right-phone ul li:last-child {
    padding-bottom: 0;
}

.contact-regional-office .contact-right-phone ul li a {
    color: #282c32;
}

.contact-regional-office .contact-right-phone ul li a:hover {
    color: #13a9e1;
}

.contact-regional-office .contact-right-phone ul li .icon {
    position: absolute;
    width: 98px;
    left: 0;
    top: 5px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #8aa0bd;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    padding-left: 32px;
}

.contact-regional-office .contact-right-phone ul li .icon .icon-svg {
    color: #13a9e1;
    display: inline-block;
    width: 24px;
    position: absolute;
    left: 0;
}

.contact-regional-office .contact-map {
    float: left;
    width: 100%;
    padding-top: 30px;
}

.contact-regional-office .contact-map iframe {
    width: 100%;
    height: 280px;
    float: left;
}

.customer-service-list-main {
    width: 100%;
    padding: 0 5px;
    float: left;
}

.customer-service-list {
    padding: 0 5px;
    margin: 0;
    width: 50%;
    float: left;
}

.customer-service-list li {
    display: inline-block;
    margin: 0;
    float: left;
    width: 100%;
    padding: 10px 18px;
    font-size: 15px;
    line-height: 20px;
    color: #282c32;
    font-weight: 400;
    text-transform: capitalize;
}

.customer-service-list li:nth-child(odd) {
    background: #f6f8fa;
    border-radius: 8px;
}

.customer-service-list li b {
    font-weight: 500;
    color: #16417c;
}

.customer-service-list li .list-service {
    display: table;
    width: 100%;
}

.customer-service-list li .list-service .list {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-right: 20px;
}

.customer-service-list li .list-service .list.phone-list {
    /* width: 40%; */
    padding-right: 0px;
}

/* Contact Our Network */

.section-whitebg.our-network-section {
    padding: 0 0 80px 0;
}

.our-network-section .section-title {
    width: 59%;
    float: left;
    margin-bottom: 50px;
}

.our-network-section .section-title .sec-title {
    padding: 0 0 35px 0;
}

.our-network-section .section-title .desc {
    text-align: justify;
}

.our-network-section .right-loacateus {
    float: right;
    width: 37%;
    background: #16417c;
    border-radius: 10px 10px 0 0;
    position: relative;
    z-index: 3;
}

.our-network-section .right-loacateus .tit {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    font-style: italic;
    color: #fff;
    position: relative;
    padding: 18px 108px 18px 30px;
}

.our-network-section .right-loacateus .tit .icon {
    position: absolute;
    right: 30px;
    top: -20px;
}

.our-network-section #wpsl-wrap {
    overflow: inherit;
    margin: 0;
}

.our-network-section .wpsl-search {
    padding: 0;
    margin: 0;
    background: none;
}

.our-network-section #wpsl-search-wrap {
    float: none;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px;
    position: relative;
}

.our-network-section #wpsl-search-wrap form {
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 10px;
    float: right;
    width: 35.8%;
    background: #fff;
    padding: 80px 30px 0 30px;
    position: absolute;
    z-index: 2;
    top: -233px;
    right: 0;
    margin-right: 20px;
}

.our-network-section #wpsl-search-wrap form .wpsl-input {
    width: 100%;
    margin: 0;
    padding: 0 0 15px 0;
}

.our-network-section #wpsl-search-wrap form .wpsl-input div {
    width: 100%;
    margin: 0;
}

.our-network-section #wpsl-search-wrap form .wpsl-input label {
    width: 100%;
    padding: 0 0 5px 0;
    margin: 0;
    font-weight: 500;
    color: #16417c;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Rubik', sans-serif;
}

.our-network-section #wpsl-search-wrap form .wpsl-input input {
    padding: 0 14px;
    border-radius: 5px;
    border: 1px solid #dde3ea;
    height: 40px;
    color: #8aa0bd;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    width: 100%;
    outline: none !important;
}

.our-network-section #wpsl-search-wrap form .wpsl-input input:focus {
    outline: none;
    border-color: #16417c;
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap {
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap label {
    width: 100%;
    padding: 0 0 5px 0;
    margin: 0;
    font-weight: 500;
    color: #16417c;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap #wpsl-radius {
    float: left;
    width: 47%;
    margin: 0;
    padding: 0;
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap #wpsl-results {
    float: right;
    width: 47%;
    margin: 0;
    padding: 0;
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap .wpsl-dropdown {
    padding: 0 0px;
    border-radius: 5px;
    border: 1px solid #dde3ea;
    height: 40px;
    color: #8aa0bd;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    width: 100%;
    outline: none !important;
    box-shadow: inset 0px 3px 0px 0px rgba(255, 255, 255, 1);
    background: #f6f8fa;
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap .wpsl-dropdown .wpsl-selected-item {
    padding: 0 35px 0 14px !important;
    line-height: 40px;
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap .wpsl-dropdown .wpsl-selected-item:after {
    width: 26px;
    height: 6px;
    background: url(../images/select-arrow.png) center center no-repeat;
    border: none;
    right: 0;
    top: 50% !important;
    margin: -3px 0 0 0 !important;
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap .wpsl-dropdown.wpsl-active .wpsl-selected-item:after {
    background-image: url(../images/select-arrow-up.png);
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap .wpsl-dropdown div {
    border-color: #dde3ea;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap .wpsl-dropdown ul li {
    border-bottom: 1px solid #dde3ea;
    color: #8aa0bd;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    padding: 8px 20px !important;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(246, 248, 250, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(246, 248, 250, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(246, 248, 250, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f8fa', GradientType=1);
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap .wpsl-dropdown ul li:before {
    width: 15px;
    height: 100%;
    position: absolute;
    left: -2px;
    top: 0px;
    background: url(../images/tab-active.png) left top repeat-y;
    content: '';
    z-index: 1;
    opacity: 0;
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap .wpsl-dropdown ul li:last-child {
    border-bottom: none;
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap .wpsl-dropdown ul li.wpsl-selected-dropdown,
.our-network-section #wpsl-search-wrap form .wpsl-select-wrap .wpsl-dropdown ul li:hover {
    color: #16417c;
    font-weight: 400;
    background: #fff;
}

.our-network-section #wpsl-search-wrap form .wpsl-select-wrap .wpsl-dropdown ul li.wpsl-selected-dropdown:before,
.our-network-section #wpsl-search-wrap form .wpsl-select-wrap .wpsl-dropdown ul li:hover:before {
    opacity: 1;
}

.our-network-section #wpsl-search-wrap form .wpsl-search-btn-wrap {
    width: 100%;
    margin: 0 0 -20px 0;
}

.our-network-section #wpsl-search-wrap form .wpsl-search-btn-wrap input {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 25px;
    border-radius: 6px;
    background: #13a9e1;
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    box-shadow: 4px 4px 12px 0px rgba(19, 170, 225, 0.24) !important;
}

.our-network-section #wpsl-search-wrap form .wpsl-search-btn-wrap input:hover {
    background: #1198ca;
    color: #fff;
}

.our-network-section #wpsl-gmap {
    width: 75%;
}

.our-network-section #wpsl-result-list {
    width: 25%;
    margin: 0;
    position: relative;
    background: #f6f8fa;
}

.our-network-section #wpsl-stores,
.our-network-section #wpsl-direction-details {
    height: 560px !important;
    z-index: 1;
    /* margin-top: -260px; */
}

.our-network-section #wpsl-gmap {
    height: 560px !important;
    z-index: 1;
    margin-top: 0px;
}

.our-network-section #wpsl-wrap #wpsl-result-list ul {
    padding: 0;
    margin: 0;
    width: 100%;
    background: #f6f8fa;
    text-align: justify;
}

.our-network-section #wpsl-wrap #wpsl-result-list ul li {
    font-size: 16px;
    line-height: 28px;
    color: #282c32;
    border-bottom: 2px dotted #dde3ea;
    padding: 25px 40px;
    margin: 0;
}

.our-network-section #wpsl-wrap #wpsl-result-list ul li p {
    padding: 0;
    margin: 0 0 15px 0;
}

.our-network-section #wpsl-wrap #wpsl-result-list ul li p:empty {
    display: none;
    visibility: hidden;
}

.our-network-section #wpsl-wrap #wpsl-result-list ul li strong {
    font-size: 16px;
    color: #16417c;
    font-weight: 500;
    text-transform: lowercase;
    width: 100%;
    display: block;
}

.our-network-section #wpsl-wrap #wpsl-result-list ul li strong::first-letter {
    text-transform: uppercase;
}

.our-network-section #wpsl-wrap #wpsl-result-list ul li span {
    text-transform: lowercase;
    display: inline;
}

.our-network-section #wpsl-wrap #wpsl-result-list ul li span::first-letter {
    text-transform: uppercase;
    display: block;
}

.our-network-section #wpsl-wrap #wpsl-result-list ul li a {
    color: #13a9e1;
}

.our-network-section #wpsl-wrap #wpsl-result-list ul li a:hover {
    color: #333;
}

.our-network-section #wpsl-wrap #wpsl-result-list ul li .wpsl-contact-details strong {
    display: inline-block;
    width: auto;
    font-size: 14px;
    color: #8aa0bd;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
}

.our-network-section #wpsl-wrap #wpsl-result-list ul li .wpsl-direction-wrap {}

.our-network-section #wpsl-gmap .wpsl-info-window {
    font-size: 15px;
    line-height: 24px;
    color: #282c32;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.our-network-section #wpsl-gmap .wpsl-info-window strong {
    font-size: 16px;
    color: #16417c;
    font-weight: 500;
    text-transform: lowercase;
    display: block;
}

.our-network-section #wpsl-gmap .wpsl-info-window strong::first-letter {
    text-transform: uppercase;
}

.our-network-section #wpsl-gmap .wpsl-info-window span {
    text-transform: lowercase;
    display: block;
}

.our-network-section #wpsl-gmap .wpsl-info-window span::first-letter {
    text-transform: uppercase;
    display: block;
}

.our-network-section #wpsl-gmap .wpsl-info-window p span {
    display: inline;
}

.our-network-section #wpsl-gmap .wpsl-info-window a {
    color: #13a9e1;
}

.our-network-section #wpsl-gmap .wpsl-info-window a:hover {
    color: #333;
}

.our-network-section #wpsl-gmap .wpsl-info-window span strong {
    display: inline-block;
    display: inline-block;
    width: auto;
    font-size: 14px;
    color: #8aa0bd;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
}

.our-network-section #wpsl-wrap .wpsl-info-window p {
    padding: 0;
    margin: 0 0 15px 0;
}

.our-network-section .gm-style .gm-style-iw-c {
    box-shadow: 4px 4px 12px 0px rgba(19, 170, 225, 0.24) !important;
    background: #f6f8fa;
    padding: 20px;
    border-radius: 10px;
}

.our-network-section .gm-style .gm-style-iw-t:after {
    background: linear-gradient(45deg, rgba(246, 248, 250, 1) 50%, rgba(246, 248, 250, 0) 51%, rgba(246, 248, 250, 0) 100%);
    box-shadow: -2px 2px 2px 0 rgba(19, 170, 225, .4);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.our-network-section .gm-style .gm-style-iw-c button.gm-ui-hover-effect {
    right: 0 !important;
    top: 0 !important;
    background: url(../images/icon/x.svg) center center no-repeat !important;
    background-size: 20px 20px !important;
}

.our-network-section .gm-style .gm-style-iw-c button.gm-ui-hover-effect img {
    opacity: 0 !important;
}

/* Contact Contain Section */

.section-whitebg.contact-contain-section {
    padding: 0 0 80px 0;
    position: relative;
    z-index: 2;
    /* background: url(../images/icon/bgbox.svg) 80% 42% no-repeat; */
}

.contact-contain-section:before {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 3.9%;
    bottom: 70px;
    content: '';
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.contact-contain-section:after {
    width: 94px;
    height: 86px;
    position: absolute;
    right: 7.3%;
    top: -15px;
    content: '';
    background: url(../images/icon/safe-delivery.svg) center center no-repeat;
    z-index: -1;
}

.contact-contain-section .contact-contain-section-inn {
    width: 100%;
    max-width: 520px;
}

.contact-contain-section .rightsection img {
    display: block;
    margin: 0 auto;
}

.contact-contain-section .section-title {
    margin-bottom: 20px;
}

.contact-contain-section .section-title .sec-title {
    padding-bottom: 25px;
}

.contact-contain-section .section-title .desc {
    text-align: justify;
}

.contact-contain-section p {
    padding: 0;
    margin: 0;
}

/* Need Help */

.section-whitebg.need-help-section {
    background: #16417c;
    padding: 70px 0;
    position: relative;
    overflow: hidden;
}

.need-help-section:after {
    position: absolute;
    left: 34%;
    bottom: -30px;
    width: 1788px;
    height: 826px;
    content: '';
    background: url(../images/bg/Background2.svg) center center no-repeat;
}

.need-help-section-main {
    width: 100%;
    position: relative;
}

.need-help-section-main .need-help-man {
    position: absolute;
    left: 50%;
    top: -55px;
    margin-left: -189px;
    width: 100%;
    display: block;
    max-width: 378px;
    height: 383px;
    z-index: 1;
}

.need-help-section .container {
    position: relative;
    z-index: 1;
}

.need-help-section .need-help-accordion {
    float: right;
    width: 28%;
}

.need-help-section .need-help-left {
    float: left;
    width: 66%;
}

.need-help-section .need-help-section-title {
    width: 100%;
    max-width: 360px;
    color: rgba(255, 255, 255, 0.60);
    padding: 0 0 23px 0;
    text-align: justify;
}

.need-help-section .need-help-section-title span {
    color: #fff;
}

.need-help-section .need-help-section-title .tit {
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    padding: 0 0 24px 0;
    margin: 0;
    font-weight: 400;
    text-align: left;
}

.need-help-section ul.need-list {
    padding: 0;
    margin: 0;
    width: 100%;
}

.need-help-section ul.need-list li {
    display: inline-block;
    vertical-align: middle;
    padding: 20px 20px 0 0;
}

.need-help-section ul.need-list li.or {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #fff;
    font-family: 'Rubik', sans-serif;
}

body .need-help-section ul.need-list li .btn-blue {
    background: rgba(19, 169, 225, 0.20);
}

.need-help-section ul.need-list li:last-child {
    padding-right: 0;
}

.need-help-section .panel-group .panel {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
    margin: 0;
}

.need-help-section .panel-group .panel+.panel {
    margin: 27px 0 0 0;
}

.need-help-section .panel-group .panel:before {
    display: none;
}

.need-help-section .panel-group .panel-heading .panel-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    font-style: italic;
}

.need-help-section .panel-group .panel-heading .panel-title a,
.need-help-section .panel-group .panel-heading .panel-title button {
    color: #fff;
    padding: 0 0 0 18px;
    position: relative;
    border: none;
    background: none;
    cursor: pointer;
}

.need-help-section .panel-group .panel-heading .panel-title button:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.need-help-section .panel-group .panel-heading .panel-title a:before,
.need-help-section .panel-group .panel-heading .panel-title button:before {
    left: 0px;
    top: 7px;
    width: 8px;
    height: 10px;
    background: #13a9e1;
    content: '';
    position: absolute;
    border-radius: 3px;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.need-help-section .panel-group .panel-body {
    border: none !important;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.60);
    padding: 12px 0 0 18px;
    text-align: justify;
}

/* End contact-us Page */

/* Satart track-trace Page */

.section-whitebg.track-trace-section {
    padding: 165px 0 70px 0;
    position: relative;
    z-index: 1;
}

.track-trace-section:before {
    background: url(../images/icon/bg-banner.svg) center center no-repeat;
    width: 95px;
    height: 44px;
    content: '';
    position: absolute;
    left: 8.4%;
    top: 160px;
    z-index: -1;
}

.track-trace-section:after {
    position: absolute;
    left: 34%;
    top: -205px;
    width: 1788px;
    height: 826px;
    content: '';
    background: url(../images/bg/Background2.svg) center center no-repeat;
    z-index: -1;
}

.track-trace-section .container {
    position: relative;
    z-index: 2;
}

.track-trace-section .icon1 {
    width: 100px;
    height: 83px;
    position: absolute;
    left: 1.5%;
    bottom: -6px;
    content: '';
    background: url(../images/icon/package-delivered.svg) center center no-repeat;
    z-index: -1;
}

.track-trace-section .icon2 {
    background: url(../images/icon/hand-cart-box.svg) center center no-repeat;
    width: 84px;
    height: 92px;
    position: absolute;
    right: 10.7%;
    bottom: 120px;
    z-index: 1;
}

.track-trace-section .section-title {
    margin-bottom: 43px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.track-trace-section .section-title-inn {
    max-width: 683px;
    width: 100%;
}

.track-trace-section .section-title .sec-title {
    padding: 0 0 15px 0;
}

.track-trace-section .section-title .desc {
    text-align: justify;
}

.track-trace-section .section-title .man-image {
    position: absolute;
    right: 0;
    top: -20px;
    width: 100%;
    max-width: 340px;
    display: block;
    z-index: -1;
}

.track-box {
    width: 100%;
    max-width: 555px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    float: left;
}

.track-box .tit {
    background: #16417c;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-style: italic;
    font-weight: 500;
    position: relative;
    padding: 18px 110px 18px 30px;
    border-radius: 10px 10px 0 0;
}

.track-box .tit .icon {
    position: absolute;
    right: 30px;
    top: 22px;
}

.track-box .track-box-inn {
    width: 100%;
    padding: 14px 30px 0 30px;
    float: left;
}

#docketinformation .loader {
    background: url(../images/loader-sky.svg) center center no-repeat;
    width: 100%;
    height: 200px;
    background-size: 100px 100px;
}

.track-ship-result {
    padding: 70px 0 0px 0;
    position: relative;
    z-index: 1;
}

.track-ship-result .icon1 {
    width: 228px;
    height: 230px;
    position: absolute;
    left: 3.4%;
    top: 367px;
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.track-ship-result .icon2 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 10.6%;
    top: 630px;
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.track-ship-result:after {
    width: 80px;
    height: 103px;
    position: absolute;
    right: 2.6%;
    top: 385px;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.track-trace-section .botom-btn-list {
    position: absolute;
    right: 0;
    top: 255px;
    max-width: 380px;
    width: 100%;
}

.track-trace-section .botom-btn-list a {
    margin: 15px 15px 0 0;
}

/* .information-about-docket-tab tbody { background: #fff; border-radius: 10px; box-shadow: 0px 3px 12px 0px rgba(22,65,124,0.16); } */

.track-ship-result .information-about-docket-tab {
    background: #f6f8fa;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 40px;
}

.track-ship-result .information-about-docket-tab .white-bg-tab {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
}

.track-ship-result .information-about-docket-tab table {
    width: 100%;
    padding: 0;
    margin: 0;
}

.track-ship-result .information-about-docket-tab table tr td {
    padding: 15px 20px;
    font-size: 16px;
    color: #282c32;
    line-height: 24px;
    text-align: center;
}

.track-ship-result .information-about-docket-tab.docket-tab table tr td {
    width: 20%;
}

.track-ship-result .information-about-docket-tab table tr td.text-left {
    text-align: left;
}

.track-ship-result .information-about-docket-tab table tr td.text-right {
    text-align: right;
}

.track-ship-result .information-about-docket-tab table tr td.pat-0 {
    padding-top: 0;
}

.track-ship-result .information-about-docket-tab table tr td.pab-0 {
    padding-bottom: 0;
}

.track-ship-result .information-about-docket-tab table tr td .top-label {
    width: 100%;
    font-size: 15px;
    color: #8aa0bd;
    font-weight: 500;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    padding-bottom: 4px;
}

.track-ship-result .information-about-docket-tab .new-movement-sec table tr td .top-label {
    font-size: 16px;
    line-height: 20px;
    color: #8aa0bd;
    font-style: normal;
}

.track-ship-result .information-about-docket-tab .new-movement-sec table tr td .top-label b {
    font-weight: 400;
    color: #282c32;
    font-size: 22px;
    padding-left: 5px;
    line-height: 28px;
}

.track-ship-result .information-about-docket-tab table tr td .top-label.pab-0 {
    padding-bottom: 0;
}

.track-ship-result .information-about-docket-tab table tr td .top-label.width-auto {
    width: auto;
    display: inline-block;
}

.track-ship-result .information-about-docket-tab table tr td .top-label.sky-blue-text {
    color: #13a9e1;
}

.track-ship-result .information-about-docket-tab table tr td .top-label.blue-text {
    color: #16417c;
}

.track-ship-result .information-about-docket-tab table tr td .status {
    position: relative;
    padding-left: 20px;
    display: inline-block;
}

.track-ship-result .information-about-docket-tab table tr td .status:before {
    left: 0px;
    top: 8px;
    width: 8px;
    height: 10px;
    background: #13a9e1;
    content: '';
    position: absolute;
    border-radius: 3px;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.track-ship-result .information-about-docket-tab table tr td .status-bg {
    border-radius: 8px;
    background: #f6f8fa;
    text-align: center;
    padding: 18px 15px;
}

.track-ship-result .information-about-docket-tab table tr td.border-td {
    border-right: 2px dotted #dde3ea;
}

.track-ship-result .information-about-docket-tab table tr td.border-td:last-child {
    border-right: none;
}

.track-ship-result .information-about-docket-tab table tbody.tbody-border-dotted {
    border-bottom: 2px dotted #dde3ea;
}

.track-ship-result .information-about-docket-tab table tbody.tbody-border-dotted:last-child {
    border-bottom: none;
}

.track-ship-result .progress-bar-main {
    padding: 30px;
}

.track-ship-result .progress-bar-main .progress-bar {
    width: 100%;
    height: 24px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    float: none;
    padding: 6px 10px 0 10px;
}

.track-ship-result .progress-bar-main .progress-bar .progress-yellow {
    position: relative;
    border-radius: 6px;
    height: 12px;
    position: relative;
    background: rgb(161, 221, 243);
    background: -moz-linear-gradient(left, rgba(161, 221, 243, 1) 0%, rgba(22, 170, 225, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(161, 221, 243, 1) 0%, rgba(22, 170, 225, 1) 100%);
    background: linear-gradient(to right, rgba(161, 221, 243, 1) 0%, rgba(22, 170, 225, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1ddf3', endColorstr='#16aae1', GradientType=1);
}

.track-ship-result .progress-bar-main .progress-bar .progress-yellow .round {
    width: 32px;
    height: 32px;
    position: absolute;
    top: -10px;
    right: -17px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
}

.track-ship-result .progress-bar-main .progress-bar .progress-yellow .round:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #139cd5;
    top: 10px;
    left: 10px;
    position: absolute;
}

.track-ship-result .progress-bar-main .progress-bar.completed .progress-yellow .round {
    box-shadow: none;
    background: url(../images/icon/completed-icon.svg) center center no-repeat;
}

.track-ship-result .progress-bar-main .progress-bar.completed .progress-yellow .round:before {
    display: none;
}

.track-ship-result .progress-bar .progress-yellow .tool-tip-main {
    position: absolute;
    right: -85px;
    top: -58px;
    width: 100%;
    max-width: 170px;
    text-align: center;
}

.track-ship-result .progress-bar .progress-yellow .tool-tip {
    background: #16417c;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    padding: 6px 10px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    width: auto;
}

.track-ship-result .progress-bar .progress-yellow .tool-tip:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(22, 65, 124, 0);
    border-top-color: #16417c;
    border-width: 6px;
    margin-left: -6px;
}

.track-ship-result .delivery-tab-main {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
}

.track-ship-result .delivery-tab-main:after {
    width: 98px;
    height: 92px;
    position: absolute;
    right: 9.8%;
    top: 180px;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.track-ship-result .delivery-tab-main .container {
    position: relative;
}

.track-ship-result .delivery-tab-main .delevery-icon {
    position: absolute;
    left: 50%;
    top: -18px;
    margin-left: -30px;
}

.track-ship-result .delivery-tab-main .delivery-tab-call {
    float: left;
    width: 49%;
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 10px;
    overflow: hidden;
}

.track-ship-result .delivery-tab-main .delivery-tab-call.delivery-col {
    float: right;
}

.track-ship-result .delivery-tab-main .delivery-tab-call table tr td {
    border-radius: 18px;
    background: #f6f8fa;
    border: 10px solid #fff;
    padding: 2px 15px;
    font-size: 16px;
    color: #282c32;
    line-height: 28px;
    text-align: center;
    width: 50%;
}

.track-ship-result .delivery-tab-main .delivery-tab-call table tr td.address-td {
    height: 108px;
}

.track-ship-result .delivery-tab-main .delivery-tab-call table tr td.tit2 {
    font-size: 15px;
    line-height: 20px;
    color: #16417c;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-style: italic;
    background: #fff;
}

.track-ship-result .delivery-tab-main .delivery-tab-call table tr td .top-label {
    width: 100%;
    font-size: 15px;
    color: #8aa0bd;
    font-weight: 500;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    padding-bottom: 0px;
}

.track-ship-result .delivery-tab-main .delivery-tab-call table tr td a {
    color: #282c32;
}

.track-ship-result .delivery-tab-main .delivery-tab-call table tr td a:hover {
    color: #13a9e1;
}

.no-record-track {
    width: 100%;
    text-align: center;
}

.no-record-track .tit {
    display: inline-block;
    font-size: 18px;
    border-radius: 10px;
    /* box-shadow: 0px 3px 12px 0px rgba(22,65,124,0.16); */
    background: #fff;
    font-size: 18px;
    line-height: 24px;
    color: #16417c;
    font-style: italic;
    font-weight: 500;
    padding: 18px 30px 18px 30px;
}

/* instruction Section */

.section-whitebg.instruction-section {
    padding: 60px 0 80px 0;
    position: relative;
    z-index: 1;
}

.instruction-section:after {
    position: absolute;
    width: 80px;
    height: 103px;
    left: 2.3%;
    top: 10%;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.instruction-section:before {
    position: absolute;
    width: 100px;
    height: 100px;
    right: 10%;
    bottom: 30.6%;
    content: '';
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.instruction-section .tit {
    font-size: 30px;
    line-height: 35px;
    color: #282c32;
    padding: 0 0 26px 0;
    margin: 0;
    font-weight: 400;
}

.instruction-section .instruction-bg {
    background: #f6f8fa;
    border-radius: 10px;
    padding: 60px 80px;
    float: left;
}

.instruction-section .instruction-left {
    float: left;
    width: 67.8%;
    padding: 0 70px 0 0;
    text-align: justify;
}

.instruction-section .instruction-list {
    float: right;
    width: 29%;
}

.instruction-section .instruction-list li {
    padding: 0 0 40px 0;
    margin: 0;
    width: 100%;
}

.instruction-section .instruction-list li:last-child {
    padding-bottom: 0;
}

.instruction-section .instruction-list li .instruction-icon {
    width: 60px;
}

.instruction-section .instruction-list li a {
    display: table;
    position: relative;
    font-size: 18px;
    line-height: 36px;
    color: #16417c;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-style: italic;
}

.instruction-section .instruction-list li a:hover {
    color: #13a9e1;
}

.instruction-section .instruction-list li .icon,
.instruction-section .instruction-list li .name-list {
    display: table-cell;
    vertical-align: middle;
}

.instruction-section .instruction-list li .icon {
    width: 60px;
}

.instruction-section .instruction-list li .name-list {
    padding-left: 20px;
}

.instruction-section .instruction-list li .name {
    margin-top: -10px;
}

.instruction-section .instruction-list li .name span {
    border-bottom: 2px dotted #13a9e1;
    padding-bottom: 5px;
}

/* End track-trace Page */

/* Start career Page */

.section-whitebg.career-page {
    position: relative;
    z-index: 1;
    padding: 0px 0 0px 0;
}

.job-benefit {
    float: left;
    width: 100%;
    padding: 0px 0 70px 0;
    z-index: 1;
    position: relative;
}

.job-benefit:before {
    width: 100px;
    height: 83px;
    position: absolute;
    left: 1.4%;
    top: 112px;
    content: '';
    background: url(../images/icon/package-delivered.svg) center center no-repeat
}

.job-benefit .left-part {
    width: 48%;
    float: left;
    text-align: center;
}

.job-benefit .left-part img {
    display: block;
    margin: 0 auto;
}

.job-benefit .right-part {
    float: right;
    width: 48%;
    padding: 35px 0 0 0;
}

.job-benefit .right-part .section-title {
    margin: 0 0 25px 0;
}

.job-benefit ul.benefit-list {
    padding: 0;
    margin: 0;
    width: 100%;
}

.job-benefit ul.benefit-list li {
    width: 100%;
    display: block;
    padding: 0 0 12px 24px;
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    color: #16417c;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-style: italic;
    position: relative;
}

.job-benefit ul.benefit-list li:before {
    width: 12px;
    height: 9px;
    background: url(../images/check-arrow.svg) center center no-repeat;
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
}

.job-benefit ul.benefit-list ul.benefits-sub {
    padding-top: 5px;
}

.job-benefit ul.benefit-list ul.benefits-sub li {
    padding-left: 0;
}

.job-benefit ul.benefit-list ul.benefits-sub li:before {
    opacity: 0;
}

.job-benefit ul.benefit-list ul.benefits-sub li {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #282c32;
    font-style: normal;
}

.job-benefit ul.benefit-list ul.benefits-sub li:last-child {
    padding-bottom: 0;
}

.job-benefit .note-main {
    width: 100%;
    font-size: 16px;
    padding: 22px 0 0 0;
}

.job-benefit .note-main span {
    color: #8aa0bd;
}

.job-list-main {
    float: left;
    width: 100%;
    padding: 0 0 70px 0;
    position: relative;
    z-index: 1;
}

.job-list-main .icon1 {
    width: 228px;
    height: 230px;
    position: absolute;
    left: 3.5%;
    top: -60px;
    content: '';
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.job-list-main .icon2 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 10.6%;
    top: 202px;
    content: '';
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.job-list-main:after {
    width: 80px;
    height: 103px;
    position: absolute;
    right: 2.5%;
    top: -40px;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.job-list-main:before {
    width: 98px;
    height: 92px;
    position: absolute;
    right: 9.7%;
    top: 360px;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.job-list-main .panel-group .panel-default>.panel-heading {
    background: none;
}

.job-list-main .panel-group .panel .panel-heading {
    border-radius: 0;
}

.job-list-main .panel-group .panel {
    padding: 0;
    box-shadow: none;
    margin: 0 0 12px 0;
    border-radius: 0;
    border: none;
    background: none;
}

.job-list-main .panel-group .panel:before {
    display: none;
    visibility: hidden;
}

.job-list-main .panel-group .panel .panel-title {
    font-size: 15px;
    line-height: 24px;
    font-family: 'Rubik', sans-serif;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
}

.job-list-main .panel-group .panel .panel-title a {
    background: #fff;
    color: #16417c;
    padding: 11px 50px 11px 20px;
    border-bottom: 2px dotted #dde3ea;
    position: relative;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    z-index: 1;
    transition: none !important;
}

.job-list-main .panel-group .panel .panel-title a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    background: #fff;
    content: '';
    z-index: -1;
}

.job-list-main .panel-group .panel .panel-title a.collapsed {
    background: #f6f8fa;
    border-bottom-color: transparent;
    border-radius: 10px;
    box-shadow: none;
}

.job-list-main .panel-group .panel .panel-title a.collapsed:after {
    opacity: 0;
}

.job-list-main .panel-group .panel .panel-title a:before {
    width: 24px;
    height: 24px;
    content: '';
    background: url(../images/icon/accordion-minus.svg) center center no-repeat;
    position: absolute;
    right: 20px;
    top: 12px;
}

.job-list-main .panel-group .panel .panel-title a.collapsed:before {
    background-image: url(../images/icon/accordion-plus.svg);
}

.job-list-main .panel-group .panel .panel-title a .sub-tit1-main {
    width: 100%;
    display: table;
}

.job-list-main .panel-group .panel .panel-title a .sub-tit1 {
    width: 35%;
    display: table-cell;
}

.job-list-main .panel-group .panel .panel-title a .sub-tit2 {
    width: 65%;
    display: table-cell;
    padding-left: 20px;
}

.job-list-main .panel-group .panel-body {
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 0 0 10px 10px;
    border: none !important;
    padding: 25px 20px 20 20px;
    position: relative;
}

.job-list-main .panel-group .panel-body:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20px;
    background: #fff;
    content: '';
    z-index: 2;
}

.job-list-main .position-list {
    width: 100%;
    font-size: 16px;
    padding: 0 0 15px 0;
    text-align: justify;
}

.job-list-main .position-list .position-tit {
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
    color: #13a9e1;
    line-height: 24px;
    padding: 0;
    margin: 0;
    text-align: left;
}

.job-list-main ul.responsibilities-list {
    width: 100%;
    padding: 0;
    margin: 0;
}

.job-list-main ul.responsibilities-list li {
    padding: 0 0 5px 22px;
    margin: 0;
    display: block;
    width: 100%;
    position: relative;
    font-size: 16px;
    text-align: justify;
}

.job-list-main ul.responsibilities-list li a {
    color: #282c32;
}

.job-list-main ul.responsibilities-list li a:hover {
    color: #13a9e1;
}

.job-list-main ul.responsibilities-list li:before {
    left: 0px;
    top: 10px;
    width: 8px;
    height: 10px;
    background: #e5eaf1;
    content: '';
    position: absolute;
    border-radius: 3px;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.job-list-main .bottom-carrer-contact {
    width: 100%;
    padding: 0;
    margin: 0;
}

.job-list-main .bottom-carrer-contact li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 18px 0px 0;
    margin: 0 0 10px 0;
    position: relative;
}

.job-list-main .bottom-carrer-contact li.email a {
    color: #282c32;
}

.job-list-main .bottom-carrer-contact li.email a:hover {
    color: #13a9e1;
}

.job-list-main .bottom-carrer-contact li.or {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #8aa0bd;
}

.job-list-main .bottom-carrer-contact li.email {
    padding-left: 144px;
}

.job-list-main .bottom-carrer-contact li.email a {
    display: inline-block;
}

.job-list-main .bottom-carrer-contact li.email .icon {
    width: 140px;
}

.job-list-main .bottom-carrer-contact li .icon {
    position: absolute;
    width: 98px;
    left: 0;
    top: 4px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #8aa0bd;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    padding-left: 32px;
}

.job-list-main .bottom-carrer-contact li .icon .icon-svg {
    color: #13a9e1;
    display: inline-block;
    width: 24px;
    position: absolute;
    left: 0;
}

.career-form-main {
    float: left;
    width: 100%;
    padding: 0 0 120px 0;
    position: relative;
    z-index: 1;
}

.career-form-main:before {
    width: 94px;
    height: 86px;
    position: absolute;
    right: 7.4%;
    top: 134px;
    content: '';
    background: url(../images/icon/safe-delivery.svg) center center no-repeat;
    z-index: -1;
}

.career-form-main .section-title {
    margin: 0 0 33px 0;
}

.form-bg-shadow {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    background: #fff;
    overflow: hidden;
}

.form-bg-shadow.mab-30 {
    margin-bottom: 30px;
}

.form-bg-shadow.mab-50 {
    margin-bottom: 50px;
}

.form-bg-shadow .tit {
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    color: #16417c;
    padding: 17px 30px;
    line-height: 24px;
}

.form-bg-shadow .tit.bg {
    color: #fff;
    background: #16417c;
}

.form-bg-shadow .tit.icon-add {
    position: relative;
    padding-right: 110px;
}

.form-bg-shadow .tit.icon-add .icon {
    position: absolute;
    right: 30px;
    top: 18px;
}

.form-bg-shadow .form-bg-shadow-inn {
    width: 100%;
    border-top: 2px dotted #dde3ea;
    padding: 20px 30px 30px 30px;
}

.form-bg-shadow .form-bg-shadow-inn.pab-0 {
    padding-bottom: 0;
}

.form-bg-shadow .form-bg-shadow-inn.bor-t-none {
    border: none;
}

.form-bg-shadow .border-td tr td {
    border-right: 2px dotted #dde3ea;
    border-bottom: 2px dotted #dde3ea;
    padding: 15px 20px;
    font-size: 16px;
    color: #282c32;
    line-height: 24px;
    text-align: center;
}

.form-bg-shadow .border-td tr td:last-child {
    border-right: none;
}

.form-bg-shadow .border-td tr:last-child td {
    border-bottom: none;
}

.form-bg-shadow .border-td tr td .top-label {
    width: 100%;
    font-size: 15px;
    color: #8aa0bd;
    font-weight: 500;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    padding-bottom: 4px;
}

.form-bg-shadow .border-td tr td .top-label.sky-blue-text {
    color: #13a9e1;
}

.form-bg-shadow.tds-declaration {
    padding: 15px;
    background: #16417c;
}

.tds-declaration .sec-title {
    font-size: 24px;
    line-height: 35px;
    font-weight: 400;
    color: #fff;
}

.tds-declaration .sec-title .btn-bg {
    margin-left: 15px;
}

/* Apply Now */

.section-whitebg.apply-now-page-form {
    padding-top: 0;
    position: relative;
    z-index: 1;
}

.apply-now-page-form .icon1 {
    width: 228px;
    height: 230px;
    position: absolute;
    left: 3.5%;
    top: -60px;
    content: '';
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.apply-now-page-form:after {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 10.6%;
    top: 202px;
    content: '';
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.apply-now-page-form:before {
    width: 98px;
    height: 92px;
    position: absolute;
    right: 9.7%;
    bottom: 240px;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

/* End career Page */

/* Start Faq Page */

.section-whitebg.faq-page {}

.sub-page-banner.faq-page-banner .section-title .page-icon {
    top: -40px;
}

.faq-page:after {
    position: absolute;
    left: 34%;
    top: -205px;
    width: 1788px;
    height: 826px;
    content: '';
    background: url(../images/bg/Background2.svg) center center no-repeat;
    z-index: -1;
}

.faq-page:before {
    background: url(../images/icon/bg-banner.svg) center center no-repeat;
    width: 95px;
    height: 44px;
    content: '';
    position: absolute;
    left: 8.4%;
    top: 160px;
    z-index: -1;
}

.section-whitebg.faq-page-banner .icon1 {
    background: url(../images/icon/hand-cart-box.svg) center center no-repeat;
    width: 84px;
    height: 92px;
    content: '';
    position: absolute;
    right: 11%;
    bottom: 0px;
    z-index: -1;
}

/* Start Sub Page Banner */

.section-whitebg.sub-page-banner {
    position: relative;
    z-index: 1;
    padding: 165px 0 80px 0;
}

.section-whitebg.sub-page-banner .container {
    position: relative;
    z-index: 1;
}

.section-whitebg.sub-page-banner:after {
    position: absolute;
    left: 34%;
    top: -205px;
    width: 1788px;
    height: 826px;
    content: '';
    background: url(../images/bg/Background2.svg) center center no-repeat;
    z-index: -1;
}

.section-whitebg.sub-page-banner:before {
    background: url(../images/icon/bg-banner.svg) center center no-repeat;
    width: 95px;
    height: 44px;
    content: '';
    position: absolute;
    left: 8.4%;
    top: 160px;
    z-index: -1;
}

.section-whitebg.sub-page-banner .icon1 {
    background: url(../images/icon/hand-cart-box.svg) center center no-repeat;
    width: 84px;
    height: 92px;
    content: '';
    position: absolute;
    right: 11%;
    bottom: -70px;
    z-index: -1;
}

.sub-page-banner .section-title {
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    z-index: 1;
    padding-right: 470px;
}

.sub-page-banner .section-title-inn {
    max-width: 683px;
    width: 100%;
}

.sub-page-banner .section-title .sec-title {
    padding: 0 0 15px 0;
}

.sub-page-banner .section-title .page-icon {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: -1;
    display: block;
    width: 100%;
    max-width: 340px;
}

.sub-page-banner .section-title .desc {
    padding: 0 0 40px 0;
    width: 100%;
    text-align: justify;
}

.sub-page-banner .section-bottom-text {
    width: 100%;
}

.sub-page-banner .section-bottom-text p:last-child {
    padding: 0;
    margin: 0;
}

.sub-page-banner .section-title .btn-text-line2 .rotate-90 {
    display: inline-block;
    font-style: normal;
    position: relative;
    top: 3px;
    font-size: 20px;
    margin-left: 10px;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Career Page */

.sub-page-banner.career-page-banner .section-title .page-icon {
    max-width: 345px;
    top: 40px;
}

/* End Sub Page Banner */

.section-whitebg.faq-list-main {
    padding: 0 0 120px 0;
    position: relative;
    z-index: 1;
}

.faq-list-main .icon1 {
    width: 228px;
    height: 230px;
    position: absolute;
    left: 3.5%;
    top: -60px;
    content: '';
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.faq-list-main:after {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 10.6%;
    bottom: 202px;
    content: '';
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.faq-list-main:before {
    width: 98px;
    height: 92px;
    position: absolute;
    right: 9.7%;
    bottom: 150px;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.faq-list-main .panel-group .panel-default>.panel-heading {
    background: none;
}

.faq-list-main .panel-group .panel .panel-heading {
    border-radius: 0;
}

.faq-list-main .panel-group .panel {
    padding: 0;
    box-shadow: none;
    margin: 0 0 12px 0;
    border-radius: 0;
    border: none;
    background: none;
}

.faq-list-main .panel-group .panel:before {
    display: none;
    visibility: hidden;
}

.faq-list-main .panel-group .panel .panel-title {
    font-size: 15px;
    line-height: 24px;
    font-family: 'Rubik', sans-serif;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
}

.faq-list-main .panel-group .panel .panel-title a {
    background: #fff;
    color: #16417c;
    padding: 11px 50px 11px 20px;
    border-bottom: 2px dotted #dde3ea;
    position: relative;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    z-index: 1;
    transition: none !important;
}

.faq-list-main .panel-group .panel .panel-title a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    background: #fff;
    content: '';
    z-index: -1;
}

.faq-list-main .panel-group .panel .panel-title a.collapsed {
    background: #f6f8fa;
    border-bottom-color: transparent;
    border-radius: 10px;
    box-shadow: none;
}

.faq-list-main .panel-group .panel .panel-title a.collapsed:after {
    opacity: 0;
}

.faq-list-main .panel-group .panel .panel-title a:before {
    width: 24px;
    height: 24px;
    content: '';
    background: url(../images/icon/accordion-minus.svg) center center no-repeat;
    position: absolute;
    right: 20px;
    top: 12px;
}

.faq-list-main .panel-group .panel .panel-title a.collapsed:before {
    background-image: url(../images/icon/accordion-plus.svg);
}

.faq-list-main .panel-group .panel .panel-title a .sub-tit1-main {
    width: 100%;
    display: table;
}

.faq-list-main .panel-group .panel .panel-title a .sub-tit1 {
    width: 35%;
    display: table-cell;
}

.faq-list-main .panel-group .panel .panel-title a .sub-tit2 {
    width: 65%;
    display: table-cell;
    padding-left: 20px;
}

.faq-list-main .panel-group .panel-body {
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 0 0 10px 10px;
    border: none !important;
    padding: 25px 20px 25 20px;
    position: relative;
    font-size: 16px;
    text-align: justify;
}

.faq-list-main .panel-group .panel-body b,
.faq-list-main .panel-group .panel-body strong {
    font-weight: 500;
}

.faq-list-main .panel-group .panel-body:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20px;
    background: #fff;
    content: '';
    z-index: 2;
}

.faq-list-main .panel-group .panel-body p:last-child {
    padding: 0;
    margin: 0;
}

.faq-list-main .panel-group .panel-body a {
    color: #13a9e1;
}

.faq-list-main .panel-group .panel-body a:hover {
    color: #16417c;
}

.faq-list-main .panel-group .panel-body ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.faq-list-main .panel-group .panel-body ul li {
    padding: 0 0 5px 22px;
    margin: 0;
    display: block;
    width: 100%;
    position: relative;
    font-size: 16px;
}

.faq-list-main .panel-group .panel-body ul li:before {
    left: 0px;
    top: 10px;
    width: 8px;
    height: 10px;
    background: #13a9e1;
    content: '';
    position: absolute;
    border-radius: 3px;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

/* End Faq Page */

/* Start Our Network Page */

.section-whitebg.our-network-section.our-network-page {
    position: relative;
    padding: 220px 0 80px 0;
    z-index: 1;
}

.our-network-section.our-network-page:after {
    position: absolute;
    left: 34%;
    top: -205px;
    width: 1788px;
    height: 826px;
    content: '';
    background: url(../images/bg/Background2.svg) center center no-repeat;
    z-index: -1;
}

.our-network-section.our-network-page:before {
    background: url(../images/icon/bg-banner.svg) center center no-repeat;
    width: 95px;
    height: 44px;
    content: '';
    position: absolute;
    left: 8.4%;
    top: 160px;
    z-index: -1;
}

.section-whitebg.contact-track.our-network-page {
    padding-bottom: 120px;
}

/* End Our Network Page */

/* Start rate-distance-calculator */

.rate-distance-calculator-page .track-box {
    margin-top: 50px;
}

.sub-page-banner.rate-distance-calculator-page-banner .section-title .page-icon {
    top: -60px;
}

.section-whitebg.freight-calculation-section {
    padding: 0px 0 100px 0;
    position: relative;
    z-index: 1;
}

.freight-calculation-section .container {
    position: relative;
    z-index: 1;
}

.freight-calculation-section:after {
    position: absolute;
    width: 80px;
    height: 103px;
    left: 2.3%;
    top: 0%;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.freight-calculation-section:before {
    position: absolute;
    width: 98px;
    height: 92px;
    right: 10%;
    bottom: 20.6%;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.result-table .tit2 {
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    color: #16417c;
    padding: 0 20px 8px 20px;
    line-height: 24px;
}

.result-table .tit3 {
    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    color: #16417c;
    padding: 0 20px 8px 20px;
    line-height: 24px;
    font-family: 'Rubik', sans-serif;
}

.result-table {
    width: 100%;
}

.result-table tbody tr td,
.result-table thead tr td {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
}

.result-table tbody tr td.white-bg {
    background: #fff !important;
}

.result-table tbody tr td b {
    color: #16417c;
    font-weight: 500;
}

.result-table tbody tr:nth-child(even) td {
    background: #f6f8fa;
}

.result-table tbody tr td:first-child {
    border-radius: 6px 0 0 6px;
}

.result-table tbody tr td:last-child {
    border-radius: 0 6px 6px 0;
}

.result-table tbody tr td.single-td {
    border-radius: 6px;
}

/* End rate-distance-calculator */

/* Start Clients */

.sub-page-banner.clients-page-banner .section-title .page-icon {
    top: -30px;
}

.home-clients.clients-page:before {
    display: none;
}

.home-clients.clients-page:after {
    left: 8%;
}

/* End Clients */

/* Start Bottom Link */

.section-whitebg.bottom-link-section {
    padding-top: 0;
    position: relative;
    z-index: 2;
}

.bottom-link-section ul {
    display: table;
    padding: 0;
    margin: 0;
}

.bottom-link-section ul li.customer-care {
    width: 20%;
}

.bottom-link-section ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
    width: 26.6%;
    margin: 0;
}

.instruction-section .instruction-list li {
    padding: 0 0 40px 0;
    margin: 0;
    width: 100%;
}

.instruction-section .instruction-list li:last-child {
    padding-bottom: 0;
}

.bottom-link-section ul li .instruction-icon {
    width: 60px;
}

.bottom-link-section ul li a.link-btn {
    display: table;
    position: relative;
    font-size: 18px;
    line-height: 36px;
    color: #16417c;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-style: italic;
}

.bottom-link-section ul li a.link-btn:hover {
    color: #13a9e1;
}

.bottom-link-section ul li .icon,
.bottom-link-section ul li .name-list {
    display: table-cell;
    vertical-align: middle;
}

.bottom-link-section ul li .icon {
    width: 60px;
}

.bottom-link-section ul li .name-list {
    padding-left: 20px;
}

.bottom-link-section ul li .name {
    margin-top: -10px;
}

.bottom-link-section ul li .name span {
    border-bottom: 2px dotted #13a9e1;
    padding-bottom: 5px;
}

/* End Bottom Link */

/* Start Business Enquiry */

.business-enquiry-page-banner {}

.sub-page-banner.business-enquiry-page-banner .section-title .page-icon {
    max-width: 432px;
    top: -85px;
}

.section-whitebg.business-inquiry-form {
    position: relative;
    z-index: 1;
    padding: 0 0 80px 0;
}

.business-inquiry-form:before {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 3.9%;
    top: 0px;
    content: '';
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.business-inquiry-form:after {
    width: 94px;
    height: 86px;
    position: absolute;
    right: 7.3%;
    bottom: 70px;
    content: '';
    background: url(../images/icon/safe-delivery.svg) center center no-repeat;
    z-index: -1;
}

/* End Business Enquiry */

/* Start Forms */

.sub-page-banner.tax-forms-page-banner .section-title .page-icon {
    top: -40px;
    max-width: 220px;
}

.section-whitebg.tax-forms-section {
    padding-top: 0;
    position: relative;
    z-index: 1;
}

.tax-forms-section:after {
    width: 80px;
    height: 103px;
    position: absolute;
    right: 2.3%;
    top: 35.4%;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.tax-forms-section:before {
    width: 98px;
    height: 92px;
    position: absolute;
    right: 10%;
    bottom: 20.6%;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.tax-forms-section .icon1 {
    width: 100px;
    height: 83px;
    position: absolute;
    left: 1.4%;
    top: 8.4%;
    background: url(../images/icon/package-delivered.svg) center center no-repeat;
    z-index: -1;
}

.tax-forms-section .icon2 {
    width: 228px;
    height: 230px;
    position: absolute;
    left: 3.3%;
    top: 34%;
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.tax-forms-section .icon3 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 10.5%;
    top: 49.4%;
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

/* End Forms */

/* Start Pickup Request */

.sub-page-banner.pick-up-request-page-banner .section-title .page-icon {
    max-width: 360px;
    top: -40px;
}

body .pick-up-request-page-banner .btn-text-line2 {
    margin-right: 30px;
}

body .pick-up-request-page-banner .btn-text-line2.last {
    margin-right: 0;
}

.section-whitebg.pickup-request-section {
    position: relative;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 80px;
}

.pickup-request-section:after {
    width: 80px;
    height: 103px;
    position: absolute;
    left: 2.3%;
    top: 0%;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.pickup-request-section:before {
    width: 98px;
    height: 92px;
    position: absolute;
    right: 10%;
    bottom: 100px;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.pickup-request-section .icon1 {
    width: 100px;
    height: 83px;
    position: absolute;
    left: 1.4%;
    bottom: 20%;
    background: url(../images/icon/package-delivered.svg) center center no-repeat;
    z-index: -1;
}

.pickup-request-section .icon2 {
    width: 228px;
    height: 230px;
    position: absolute;
    left: 3.3%;
    top: 30%;
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.pickup-request-section .icon3 {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 10.5%;
    top: 40%;
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

/* End Pickup Request */

/* Start Tools Page */

.section-whitebg.sub-page-banner.tools-page-banner {
    padding-bottom: 50px;
}

.sub-page-banner.tools-page-banner .section-title {
    padding-right: 0;
    float: left;
    width: 31.5%;
}

.section-whitebg.sub-page-banner.tools-page-banner .icon1 {
    top: 470px;
    bottom: auto;
}

.tools-page-banner .icon2 {
    width: 228px;
    height: 230px;
    position: absolute;
    left: -30px;
    top: 35%;
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.tools-page-banner .page-list {
    float: right;
    padding: 0;
    margin: 0;
    width: 64%;
}

.tools-page-banner .page-list li {
    display: inline-block;
    width: 50%;
    margin: 0 -2px;
    padding: 0 15px 30px 15px;
    vertical-align: top;
}

.tools-page-banner .page-list li .box-inner {
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 10px;
    width: 100%;
}

.tools-page-banner .page-list li a.link-btn {
    display: table;
    width: 100%;
    position: relative;
    font-size: 18px;
    line-height: 36px;
    color: #16417c;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-style: italic;
    padding: 20px;
}

.tools-page-banner .page-list li a.link-btn:hover {
    color: #13a9e1;
}

.tools-page-banner .page-list li .icon img {
    width: 60px;
}

.tools-page-banner .page-list li .icon {
    width: 60px;
}

.tools-page-banner .page-list li .icon,
.tools-page-banner .page-list li .name-list {
    display: table-cell;
    vertical-align: middle;
}

.tools-page-banner .page-list li .name-list {
    padding-left: 25px;
}

.tools-page-banner .page-list li .name {
    margin-top: -11px;
}

.tools-page-banner .page-list li .name span {
    border-bottom: 2px dotted #13a9e1;
    padding-bottom: 5px;
}

/* End Tools Page */

/* Start About Page */

.section-whitebg.about-page-banner {
    position: relative;
    z-index: 1;
    padding: 165px 0 60px 0;
}

.about-page-banner:after {
    position: absolute;
    right: 34%;
    top: 0;
    width: 1788px;
    height: 826px;
    content: '';
    background: url(../images/bg/Background1.svg) center center no-repeat;
    z-index: -1;
}

.about-page-banner:before {
    background: url(../images/icon/bg-banner.svg) center center no-repeat;
    width: 95px;
    height: 44px;
    content: '';
    position: absolute;
    left: 8.4%;
    top: 160px;
    z-index: -1;
}

.about-page-banner .icon1 {
    background: url(../images/icon/hand-cart-box.svg) center center no-repeat;
    width: 84px;
    height: 92px;
    content: '';
    position: absolute;
    right: 11%;
    bottom: -70px;
    z-index: -1;
}

.about-page-banner .section-title {
    margin: 0;
    float: left;
    width: 48%;
}

.about-page-banner .section-title .sec-title {
    padding: 0 0 25px 0;
}

.about-page-banner .section-title .section-title-inn {
    width: 100%;
    max-width: 430px;
}

.about-page-banner .section-title .desc {
    text-align: justify;
}

.about-page-banner .section-title p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.about-page-banner .about-image {
    float: right;
    width: 50%;
    text-align: right;
}

.about-page-banner .about-image img {
    margin: -70px 0 0 0;
}

.about-page-banner .full-content {
    column-count: 2;
    column-gap: 40px;
    width: 100%;
    padding-top: 50px;
    text-align: justify;
}

.about-page-banner .full-content p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.about-page-banner .video-link {
    display: inline-block;
    cursor: pointer;
    margin-top: 50px;
}

.about-page-banner .video-link .img-fluid {
    border-radius: 5px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
}

.about-page-banner .video-text {
    display: inline-block;
    color: #13a9e1;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    padding: 20px 0 0 0;
}

.about-page-banner .video-text span {
    display: inline-block;
    position: relative;
    padding: 8px 0 0 55px;
}

.about-page-banner .video-text span svg {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

/* Meet The Management */

.section-whitebg.meet-the-management {
    padding: 0 0 90px 0;
    position: relative;
    z-index: 1;
}

.meet-the-management .icon1 {
    width: 228px;
    height: 230px;
    position: absolute;
    left: -30px;
    top: -40px;
    content: '';
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.meet-the-management .icon2 {
    width: 102px;
    height: 95px;
    background: url(../images/icon/growth-chart.svg) center center no-repeat;
    position: absolute;
    top: 210px;
    left: 10.6%;
    z-index: -1;
}

.meet-the-management:before {
    width: 98px;
    height: 92px;
    position: absolute;
    right: 9.7%;
    bottom: 0px;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.meet-the-management .container {
    position: relative;
}

.meet-the-management .section-title {
    margin: 0;
    position: absolute;
    width: 33.3%;
    top: 20px;
}

.meet-the-management .slick-slider .slick-arrow {
    left: 0;
    top: 113px;
}

.meet-the-management .slick-slider .slick-arrow.slick-next {
    left: 40px;
    right: auto;
}

.meet-the-teamslider .team-list {
    display: inline-block;
    vertical-align: top;
    padding: 20px 15px;
    width: 33.3%;
    margin: 0 -2px;
}

.meet-the-teamslider .team-list.half {
    width: 50%;
}

.meet-the-teamslider .team-list.blank {
    font-size: 0;
}

.meet-the-teamslider .team-list-inn {
    display: table;
    width: 100%;
}

.meet-the-teamslider .author-image {
    display: table-cell;
    vertical-align: top;
    width: 160px;
    padding-right: 20px;
}

.meet-the-teamslider .author-desc {
    display: table-cell;
    vertical-align: top;
}

.meet-the-teamslider .name {
    font-size: 18px;
    color: #13a9e1;
    font-weight: 500;
    line-height: 24px;
    padding: 15px 0 10px 0;
    margin: 0;
}

.meet-the-teamslider .position {
    font-size: 15px;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
    line-height: 20px;
    padding: 0 0 5px 0;
    margin: 0;
}

.meet-the-teamslider .author-social {
    width: 100%;
    padding: 0;
    margin: 0;
}

.meet-the-teamslider .author-social li {
    display: inline-block;
    padding: 0 10px 10px 0;
    margin: 0;
    font-size: 18px;
    color: #8aa0bd;
    line-height: 20px;
}

/* .meet-the-teamslider .author-social li .fa-linkedin:before { content: "\f08c"; } */

.meet-the-teamslider .author-social li a {
    color: #8aa0bd;
}

.meet-the-teamslider .author-social li a:hover {
    color: #13a9e1;
}

/* Core Values */

.section-whitebg.about-core-values {
    position: relative;
    z-index: 1;
    padding-top: 0;
}

.about-core-values .icon1 {
    width: 100px;
    height: 83px;
    position: absolute;
    left: 1.4%;
    top: 8.4%;
    background: url(../images/icon/package-delivered.svg) center center no-repeat;
    z-index: -1;
}

.about-core-values .icon2 {
    width: 94px;
    height: 86px;
    position: absolute;
    right: 7.5%;
    bottom: 120px;
    content: '';
    background: url(../images/icon/safe-delivery.svg) center center no-repeat;
    z-index: -1;
}

.about-core-values .section-title {
    margin-bottom: 45px;
}

.about-core-values .left-part {
    float: left;
    width: 52%;
}

.about-core-values .right-part {
    float: right;
    width: 43%;
}

.about-core-values .panel-group .panel-default>.panel-heading {
    background: none;
}

.about-core-values .panel-group .panel .panel-heading {
    border-radius: 0;
}

.about-core-values .panel-group .panel {
    padding: 0;
    box-shadow: none;
    margin: 0 0 20px 0;
    border-radius: 0;
    border: none;
    background: none;
}

.about-core-values .panel-group .panel:before {
    display: none;
    visibility: hidden;
}

.about-core-values .panel-group .panel .panel-title {
    font-size: 21px;
    line-height: 28px;
    font-family: 'Rubik', sans-serif;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
}

.about-core-values .panel-group .panel .panel-title a {
    background: #fff;
    color: #16417c;
    padding: 15px 64px 15px 30px;
    border-bottom: 2px dotted #dde3ea;
    position: relative;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    z-index: 1;
    transition: none !important;
}

.about-core-values .panel-group .panel .panel-title a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    background: #fff;
    content: '';
    z-index: -1;
}

.about-core-values .panel-group .panel .panel-title a.collapsed {
    background: #f6f8fa;
    border-bottom-color: transparent;
    border-radius: 10px;
    box-shadow: none;
}

.about-core-values .panel-group .panel .panel-title a.collapsed:after {
    opacity: 0;
}

.about-core-values .panel-group .panel .panel-title a:before {
    width: 24px;
    height: 24px;
    content: '';
    background: url(../images/icon/accordion-minus.svg) center center no-repeat;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -12px;
}

.about-core-values .panel-group .panel .panel-title a.collapsed:before {
    background-image: url(../images/icon/accordion-plus.svg);
}

.about-core-values .panel-group .panel .panel-title a .sub-tit1-main {
    width: 100%;
    display: table;
}

.about-core-values .panel-group .panel .panel-title a .sub-tit1 {
    width: 35%;
    display: table-cell;
}

.about-core-values .panel-group .panel .panel-title a .sub-tit2 {
    width: 65%;
    display: table-cell;
    padding-left: 20px;
}

.about-core-values .panel-group .panel-body {
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 0 0 10px 10px;
    border: none !important;
    padding: 25px 30px 30px 30px;
    position: relative;
    font-size: 16px;
    text-align: justify;
}

.about-core-values .panel-group .panel-body:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20px;
    background: #fff;
    content: '';
    z-index: 2;
}

.about-core-values .panel-group .panel-body p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.about-core-values .panel-group .panel-body ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.about-core-values .panel-group .panel-body ul li {
    padding: 0 0 5px 22px;
    margin: 0;
    display: block;
    width: 100%;
    position: relative;
    font-size: 16px;
}

.about-core-values .panel-group .panel-body ul li:before {
    left: 0px;
    top: 10px;
    width: 8px;
    height: 10px;
    background: #13a9e1;
    content: '';
    position: absolute;
    border-radius: 3px;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

/* Quality Policy */

.section-whitebg.about-quality {
    padding-top: 0;
    position: relative;
    z-index: 1;
}

.about-quality .icon1 {
    background: url(../images/icon/notepad.svg) center center no-repeat;
    width: 98px;
    height: 101px;
    position: absolute;
    left: 10px;
    top: 0px;
    z-index: -1;
}

.about-quality .icon2 {
    background: url(../images/icon/warehouse-location.svg) center center no-repeat;
    width: 94px;
    height: 98px;
    position: absolute;
    right: 12%;
    bottom: 105px;
    z-index: -1;
}

.about-quality .quality-inn {
    width: 100%;
    position: relative;
    padding: 0 0 0 293px;
}

.about-quality .section-title {
    margin: 0;
    position: absolute;
    left: 0;
    width: auto;
}

.about-quality .quality-image {
    position: absolute;
    left: 0;
    top: 90px;
}

.about-quality .title-description {
    font-size: 18px;
    line-height: 28px;
    color: #16417c;
    font-style: italic;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    width: 100%;
    padding: 28px 0 40px 0;
    text-align: justify;
}

.about-quality ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.about-quality ul li {
    padding: 0 0 5px 22px;
    margin: 0;
    display: block;
    width: 100%;
    position: relative;
    font-size: 16px;
    text-align: justify;
}

.about-quality ul li:before {
    left: 0px;
    top: 10px;
    width: 8px;
    height: 10px;
    background: #13a9e1;
    content: '';
    position: absolute;
    border-radius: 3px;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

/* About Awards & Certification */

.section-whitebg.about-awards {
    padding: 0 0 80px 0;
    position: relative;
    z-index: 1;
    /* background: url(../images/icon/boxes-pallet.svg) 99% 77% no-repeat; */
}

/* .about-awards .icon1 { width: 92px; height: 83px; position: absolute; left: 5%; top: 0px; content: ''; background: url(../images/icon/ship.svg) center center no-repeat; z-index: -1; } */

.about-awards .icon1 {
    position: absolute;
    width: 101px;
    height: 68px;
    left: 5%;
    top: 0px;
    content: '';
    background: url(../images/icon/all-weather-truck-fleet.svg) center center no-repeat;
    z-index: -1;
}

.about-awards .icon2 {
    position: absolute;
    width: 101px;
    height: 101px;
    right: 5%;
    bottom: 50px;
    content: '';
    background: url(../images/icon/boxes-pallet.svg) center center no-repeat;
    z-index: -1;
}

.about-awards .section-title {
    margin: 0 0 33px 0;
}

.about-awards .section-title .sec-title {
    padding-bottom: 20px;
}

.about-awards .section-title .desc {
    text-align: justify;
}

.about-awards .section-title .desc p:last-child {
    padding-bottom: 0;
}

.about-blog-list {
    padding: 0;
    margin: 0 -15px;
}

.about-blog-list li {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    margin: 0 -2px;
    width: 33.3%;
}

.about-blog-list li .boxinner {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    background: #fff;
    overflow: hidden;
}

.about-blog-list li .post-thumbnail {
    width: 100%;
}

.about-blog-list li .post-thumbnail img {
    width: 100%;
}

.about-blog-list li .procaption {
    width: 100%;
    padding: 20px 20px 12px 20px;
}

.about-blog-list li .blog-title {
    padding: 0;
    margin: 0 0 15px 0;
    font-size: 15px;
    line-height: 21px;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
    min-height: 105px;
}

.about-blog-list li .moreblog {
    width: 100%;
}

.about-blog-list li .btn-text {
    font-size: 15px;
    line-height: 21px;
    color: #8aa0bd;
    font-weight: 500;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
}

.about-blog-list li .btn-text:hover {
    color: #13a9e1;
}

.about-certification .about-blog-list li .blog-title {
    min-height: auto;
}

.about-certification .about-blog-list li .post-thumbnail {
    background: #f8f9fb;
}

.about-certification .about-blog-list li .post-thumbnail img {
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

.about-national-presence .section-title {
    margin-bottom: 33px;
}

.about-national-presence .left-part {
    float: left;
    width: 40%;
}

.about-national-presence .right-part {
    float: right;
    width: 48%;
    text-align: justify;
}

.about-national-presence .section-image {
    border-radius: 10px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
}

.home-growth.about-national-presence .growth-list {
    padding-top: 30px;
}

.home-growth.about-national-presence .growth-list li {
    width: 50%;
}

/* About Careers / Service */

.section-whitebg.about-service {
    padding: 0 0 124px 0;
    position: relative;
    z-index: 1;
}

.about-service .icon-bg1 {
    background: url(../images/icon/hand-cart-box.svg) center center no-repeat;
    width: 84px;
    height: 92px;
    position: absolute;
    left: 11.8%;
    top: 10px;
    z-index: -1;
}

.about-service .icon-bg2 {
    background: url(../images/icon/warehouse-location.svg) center center no-repeat;
    width: 94px;
    height: 98px;
    position: absolute;
    right: 14.3%;
    top: 105px;
    z-index: -1;
}

.about-service .icon-bg3 {
    background: url(../images/icon/notepad.svg) center center no-repeat;
    width: 98px;
    height: 101px;
    position: absolute;
    right: 10px;
    bottom: 25px;
    z-index: -1;
}

.about-service .container {
    position: relative;
}

.about-service .section-image {
    position: absolute;
    z-index: -1;
    left: 31.3%;
    bottom: -45px;
}

.career-service-list {
    padding: 0;
    margin: 0 -15px;
    position: relative;
}

.career-service-list li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 15px;
    margin: 0 -2px;
}

.career-service-list li .boxinner {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    background: #fff;
    overflow: hidden;
    padding: 50px 50px;
}

.career-service-list li .section-title {
    margin: 0 0 33px 0;
}

.career-service-list li .section-title .sec-title {
    padding-bottom: 25px;
}

.career-service-list li:nth-child(odd) .boxinner {
    background: none;
    box-shadow: none;
    padding-left: 0;
}

.career-service-list li .section-title .desc {
    text-align: justify;
}

/* About CSR */

.about-csr .about-blog-list li .blog-title {
    font-size: 18px;
    line-height: 24px;
    min-height: 50px;
}

.about-csr .about-blog-list li .procaption {
    padding: 20px 30px 22px 30px;
}

/* About Group Company */

.section-whitebg.about-group-company {
    /* background: url(../images/icon/box-hand.svg) 99% 50% no-repeat; */
    position: relative;
    z-index: 1;
    padding: 0px 0 80px 0;
}

.about-group-company .icon-bg1 {
    width: 92px;
    height: 92px;
    margin-top: -46px;
    position: absolute;
    right: 10px;
    top: 50%;
    content: '';
    background: url(../images/icon/box-hand.svg) center center no-repeat;
    z-index: -1;
}

.about-group-company:before {
    width: 91px;
    height: 85px;
    position: absolute;
    left: 12.3%;
    top: -30px;
    content: '';
    background: url(../images/icon/plane.svg) center center no-repeat;
    z-index: -1;
}

.about-group-company:after {
    width: 80px;
    height: 108px;
    position: absolute;
    left: 0px;
    bottom: 0;
    content: '';
    background: url(../images/icon/box-weight-scale.svg) center center no-repeat;
    z-index: -1;
}

.about-group-company .container {
    position: relative;
}

.about-group-company .section-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.about-group-company .company-list {
    padding: 0;
    margin: 0;
    width: 100%;
}

.about-group-company .company-list li {
    padding: 0;
    margin: 0;
    float: left;
    width: 34.2%;
}

.about-group-company .company-list li:nth-child(even) {
    float: right;
}

.about-group-company .company-list .company-logo {
    height: 42px;
}

.about-group-company .company-list .group-company-desc {
    width: 100%;
    padding: 24px 0 22px 0;
    text-align: justify;
}

.about-group-company .company-list .v-xpress .btn-text-line {
    color: #faa61a;
    border-bottom-color: #faa61a;
}

.about-group-company .company-list .v-logis .btn-text-line {
    color: #86ab2d;
    border-bottom-color: #86ab2d;
}

.about-group-company .company-list .btn-text-line:hover {
    color: #282c32 !important;
    border-bottom-color: #282c32 !important;
}

/* About Awards */

.section-whitebg.about-awards {
    padding: 0 0 90px 0;
    position: relative;
    z-index: 1;
}

.section-whitebg.about-awards:after {
    width: 80px;
    height: 103px;
    position: absolute;
    right: 2.3%;
    top: 35.4%;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.section-whitebg.about-awards:before {
    width: 98px;
    height: 92px;
    position: absolute;
    right: 10%;
    bottom: 20.6%;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.about-awards .icon1 {
    width: 100px;
    height: 83px;
    position: absolute;
    left: 1.4%;
    top: 8.4%;
    background: url(../images/icon/package-delivered.svg) center center no-repeat;
    z-index: -1;
}

.about-awards .icon2 {
    width: 228px;
    height: 230px;
    position: absolute;
    left: 3.3%;
    top: 34%;
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.about-awards .icon3 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 10.5%;
    bottom: 20%;
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.about-awards .award-certification-list {
    display: flex;
    flex-flow: wrap;
    margin: 0 -15px;
}

.about-awards .award-certification-list li {
    padding: 15px;
    margin: 0;
    width: 33.3%;
}

.about-awards .award-certification-list li .boxinner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 10px;
    overflow: hidden;
}

.about-awards .award-certification-list li .post-thumbnail {
    width: 100%;
}

.about-awards .award-certification-list li .post-thumbnail a {
    display: block;
}

.about-awards .award-certification-list li .post-thumbnail img {
    width: 100%;
}

.about-awards .award-certification-list li .award-caption {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-content: space-between;
    padding: 16px 20px 16px 20px;
}

.about-awards .award-certification-list li .award-description {
    font-size: 17px;
    line-height: 28px;
    color: #282c32;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.about-awards .award-certification-list li .award-title {
    font-size: 15px;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
    padding: 0 0 22px 0;
    margin: 0;
}

.about-awards .award-certification-list li .award-title a {
    color: #16417c;
}

.about-awards .award-certification-list li .award-title a:hover,
.about-awards .award-certification-list li .award-title a:active {
    color: #13a9e1;
}

.about-awards .award-certification-list li .moreblog {
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    color: #8aa0bd;
    font-weight: 500;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
}

.about-awards .award-certification-list li .moreblog a {
    color: #8aa0bd;
}

.about-awards .award-certification-list li .moreblog a:hover,
.about-awards .award-certification-list li .moreblog a:active {
    color: #13a9e1;
}

/* Pagination */

.about-awards .award-pagination {
    width: 100%;
    text-align: center;
    padding: 20px 0 0 0;
}

.about-awards.pagination-hide .award-pagination {
    display: none;
    visibility: hidden;
}

.about-awards .award-pagination ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
}

.about-awards .award-pagination ul li {
    padding: 0 2px;
    margin: 0;
}

.about-awards .award-pagination ul li .feather {
    width: 24px;
    height: 24px;
}

.about-awards .award-pagination ul li span.current,
.about-awards .award-pagination ul li a.page-link {
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #282c32;
    border-radius: 50%;
    cursor: pointer;
}

.about-awards .award-pagination ul li a.page-link:hover {
    background: #f6f8fa;
    color: #282c32;
}

.about-awards .award-pagination ul li a.page-link.prev,
.about-awards .award-pagination ul li a.page-link.next {
    color: #8aa1bd;
    background: none;
}

.about-awards .award-pagination ul li a.page-link.prev:hover,
.about-awards .award-pagination ul li a.page-link.next:hover {
    color: #13a9e1;
    background: none;
}

.about-awards .award-pagination ul li span.current {
    pointer-events: none;
    background: #13a9e1;
    box-shadow: 4px 4px 12px 0px rgba(19, 170, 225, 0.24);
    color: #fff;
}

.about-awards .award-pagination ul li span.current.prev,
.about-awards .award-pagination ul li span.current.next {
    background: none;
    box-shadow: none;
    color: #8aa1bd;
}

/* Branch Page */

.branch-page-banner.sub-page-banner .section-title {
    min-height: 290px;
}

.section-whitebg.branch-contain {
    padding-top: 0;
    position: relative;
    z-index: 2;
}

.branch-contain .icon1 {
    background: url(../images/icon/notepad.svg) center center no-repeat;
    width: 98px;
    height: 101px;
    position: absolute;
    left: 10px;
    top: 0px;
    z-index: -1;
}

.branch-contain .icon2 {
    background: url(../images/icon/warehouse-location.svg) center center no-repeat;
    width: 94px;
    height: 98px;
    position: absolute;
    right: 12%;
    bottom: 105px;
    z-index: -1;
}

.branch-contain .contain-inn {
    width: 100%;
    position: relative;
    padding: 0 0 0 293px;
    text-align: justify;
}

.branch-contain .contain-inn h1,
.branch-contain .contain-inn h2,
.branch-contain .contain-inn h3,
.branch-contain .contain-inn h4,
.branch-contain .contain-inn h5,
.branch-contain .contain-inn h6 {
    font-weight: 500;
    padding: 0 0 12px 0;
    margin: 0;
    font-size: 20px;
    line-height: 24px;
}

.branch-contain .section-title {
    margin: 0;
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 270px;
}

.branch-contain .section-title .sec-title {
    font-weight: 400;
    padding: 0 0 10px 0;
    font-size: 30px;
    line-height: 35px;
    color: #2a354e;
}

.branch-contain .title-description {
    font-size: 18px;
    line-height: 28px;
    color: #16417c;
    font-style: italic;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    width: 100%;
    padding: 28px 0 40px 0;
    text-align: justify;
}

.branch-contain ul {
    width: 100%;
    padding: 0 0 25px 0;
    margin: 0;
}

.branch-contain ul li {
    padding: 0 0 5px 22px;
    margin: 0;
    display: block;
    width: 100%;
    position: relative;
    font-size: 16px;
    text-align: justify;
}

.branch-contain ul li:before {
    left: 0px;
    top: 10px;
    width: 8px;
    height: 10px;
    background: #13a9e1;
    content: '';
    position: absolute;
    border-radius: 3px;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.section-whitebg.branch-page {
    /* background: url(../images/icon/boxes-pallet.svg) 99% 77% no-repeat; */
    position: relative;
    padding: 0 0 96px 0;
    z-index: 1;
}

.branch-page .icon1 {
    position: absolute;
    width: 101px;
    height: 101px;
    right: 10px;
    top: 66%;
    content: '';
    background: url(../images/icon/boxes-pallet.svg) center center no-repeat;
    z-index: -1;
}

/* .branch-page:before { width: 92px; height: 83px; position: absolute; left: 10px; top: -20px; content: ''; background: url(../images/icon/ship.svg) center center no-repeat; z-index: -1; } */

.branch-page:before {
    width: 80px;
    height: 103px;
    position: absolute;
    left: 10px;
    top: -20px;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.branch-page:after {
    width: 228px;
    height: 230px;
    position: absolute;
    right: 33%;
    bottom: 50px;
    content: '';
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.branch-page .section-title {
    margin-bottom: 50px;
}

.branch-page .branch-list {
    padding: 0;
    margin: 0 -15px;
    position: relative;
    z-index: 1;
}

.branch-page .branch-list li.list2 {
    display: inline-block;
    margin: 0 -2px;
    padding: 0 15px 30px 15px;
    width: 33.3%;
    vertical-align: top;
    text-align: justify;
}

.branch-page .branch-list li.list2 .box-inner {
    width: 100%;
    float: left;
    box-shadow: 0px 3px 12px 0px rgba(149, 152, 155, 0.16);
    border-radius: 8px;
    padding: 30px 30px 30px 30px;
    background: #fff;
}

.branch-page .contact-left-address {
    float: left;
    width: 100%;
    padding-bottom: 15px;
}

.branch-page .contact-left-address .off-name {
    padding: 0 0 10px 0;
    font-size: 18px;
    line-height: 24px;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
    display: block;
}

.branch-page .contact-right-phone {
    float: right;
    width: 100%;
}

.branch-page .contact-right-phone ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

.branch-page .contact-right-phone ul li {
    position: relative;
    padding: 0 0 10px 40px;
    /* 98 */
    font-size: 16px;
    line-height: 28px;
    color: #282c32;
}

.branch-page .contact-right-phone ul li:last-child {
    padding-bottom: 0;
}

.branch-page .contact-right-phone ul li a {
    color: #282c32;
}

.branch-page .contact-right-phone ul li a:hover {
    color: #13a9e1;
}

.branch-page .contact-right-phone ul li .icon {
    position: absolute;
    width: 30px;
    /* 98 */
    left: 0;
    top: 5px;
    line-height: 24px;
    font-size: 14px;
    font-size: 0;
    font-weight: 500;
    color: #8aa0bd;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    padding-left: 32px;
}

.branch-page .contact-right-phone ul li .icon .icon-svg {
    color: #13a9e1;
    display: inline-block;
    width: 24px;
    position: absolute;
    left: 0;
}

.branch-page .contact-right-phone ul li .phone-list,
.branch-page .contact-right-phone ul li .list-email {
    width: 100%;
    padding-top: 3px;
}

.branch-page .contact-right-phone ul li .name {
    color: #8aa0bd;
    display: block;
}

/* Modal */

.modal-backdrop {
    display: none;
    visibility: hidden;
}

.modal-dialog {
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.modal-open {
    overflow: hidden !important;
}

.modal-dialog.modal-lg {
    width: 100%;
    max-width: 800px;
    padding: 0px 20px;
    /* margin-top: 15px; margin-bottom: 15px; height: 100vh - 30px; */
}

.modal {
    z-index: 9999;
    background: rgba(22, 65, 124, 0.5);
    padding-right: 0 !important;
}

.modal-body.p-0 {
    padding: 0;
}

.modal-content {
    border-radius: 5px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    background: #fff;
    border: none;
    margin: 15px 0;
}

.modal-content .embed-responsive-item {
    margin: 0;
    width: 100%;
    border-radius: 5px;
}

.modal-content .btn-close {
    background: #fff;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 9;
    width: 34px;
    height: 34px;
    color: #16417c;
    padding: 4px;
}

.modal-content .btn-close svg {
    width: 24px;
}

.modal-content .btn-close:hover {
    background: #16417c;
    color: #fff;
}

/* Home Modal */

body.blog .mlab-modal {
    display: none;
    visibility: hidden;
}

body .mlab-modal-dialog {
    width: 100% !important;
    max-width: 700px;
    margin: 0 auto;
    padding: 20px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body .mlab-modal {
    background: rgba(22, 65, 124, 0.5);
}

body .mlab-modal-content {
    box-shadow: none;
    border: none;
    background: none;
}

body .mlab-modal-header .mlab-close {
    background: #fff url(../images/close-blue.svg) center center no-repeat;
    background-size: 24px 24px;
    right: 0;
    top: 2px;
    position: absolute;
    z-index: 99;
    width: 34px;
    height: 34px;
    color: #16417c;
    padding: 4px;
    border-radius: 4px;
}

body .mlab-modal-header .mlab-close:hover {
    background: #16417c url(../images/close-white.svg) center center no-repeat;
}

body .mlab-modal-header {
    min-height: auto;
    padding: 0;
    background: none;
    border-bottom: none;
}

body .mlab-modal-title {
    position: absolute;
    opacity: 0;
}

/* body .mlab-modal-header, */

body .mlab-modal-footer {
    display: none;
}

body .mlab-modal-body {
    padding: 0;
}

body .mlab-modal-body p {
    padding: 0;
    margin: 0;
}

body .mlab-modal-body img {
    border-radius: 6px;
}

.pdf-viewer-modal .modal-content {
    overflow: hidden;
}

.pdf-viewer-modal #pdfViewer {
    display: flex;
}

/* Our Service */

.section-whitebg.service-page-banner {
    position: relative;
    z-index: 1;
    padding: 165px 0 77px 0;
}

.service-page-banner:after {
    position: absolute;
    right: 34%;
    top: 0;
    width: 1788px;
    height: 826px;
    content: '';
    background: url(../images/bg/Background1.svg) center center no-repeat;
    z-index: -1;
}

.service-page-banner:before {
    background: url(../images/icon/bg-banner.svg) center center no-repeat;
    width: 95px;
    height: 44px;
    content: '';
    position: absolute;
    left: 8.4%;
    top: 160px;
    z-index: -1;
}

.service-page-banner .icon1 {
    background: url(../images/icon/hand-cart-box.svg) center center no-repeat;
    width: 84px;
    height: 92px;
    content: '';
    position: absolute;
    right: 11%;
    bottom: -70px;
    z-index: -1;
}

.service-page-banner .section-title .btn-text-line2 .rotate-90 {
    display: inline-block;
    font-style: normal;
    position: relative;
    top: 3px;
    font-size: 20px;
    margin-left: 10px;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.service-page-banner .section-title {
    margin: 0;
    float: left;
    width: 42%;
}

.service-page-banner .section-title .sec-title {
    padding: 0 0 25px 0;
}

.service-page-banner .section-title .sec-title .nationally {
    color: #ff9933;
    text-transform: uppercase;
    font-weight: 500;
    font-style: italic;
}

.service-page-banner .section-title .desc {
    text-align: justify;
}

.service-page-banner .section-title .section-title-inn {
    width: 100%;
}

.service-page-banner .service-image {
    float: right;
    width: 58%;
    text-align: right;
}

.service-page-banner .service-image img {
    margin: -60px -60px 0 0;
}

.service-page-banner.become-business-landing-banner .section-title {
    width: 100%;
    padding-bottom: 50px;
}

.become-business-landing-banner .service-banner-form {
    width: 48%;
}

.service-page-banner.become-business-landing-banner .landing-image {
    padding: 0;
    float: left;
    width: 50%;
}

.service-page-banner.become-business-landing-banner .landing-image img {
    border-radius: 10px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
}

.service-banner-form {
    width: 100%;
    max-width: 500px;
    float: right;
}

.service-banner-form .service-form {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    background: #fff;
}

.service-banner-form .service-form .tit {
    background: #16417c;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    font-style: italic;
    color: #fff;
    position: relative;
    padding: 18px 108px 18px 30px;
}

.service-banner-form .service-form .tit .icon {
    position: absolute;
    right: 30px;
    top: -20px;
}

.service-banner-form .service-form .service-form-inn {
    padding: 20px 20px 20px 20px;
    width: 100%;
}

.service-banner-form .form-btn {
    float: left;
    width: 100%;
}

.service-banner-form .service-form p {
    padding: 0;
    margin: 0;
}

.section-whitebg.service-page {
    position: relative;
    padding: 0 0 80px 0;
    z-index: 1;
    /* background: url(../images/icon/box-hand.svg) 99% 50% no-repeat; */
}

.service-page .icon1 {
    position: absolute;
    width: 228px;
    height: 230px;
    left: 3.5%;
    top: -100px;
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.service-page .icon2 {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 10.6%;
    top: 270px;
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.service-page .icon3 {
    position: absolute;
    width: 98px;
    height: 92px;
    right: 9.7%;
    bottom: 100px;
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.service-page .icon4 {
    position: absolute;
    width: 101px;
    height: 68px;
    left: 3%;
    bottom: 200px;
    background: url(../images/icon/all-weather-truck-fleet.svg) center center no-repeat;
    z-index: -1;
}

.service-page .icon5 {
    position: absolute;
    width: 92px;
    height: 92px;
    margin-top: -46px;
    right: 10px;
    top: 50%;
    background: url(../images/icon/box-hand.svg) center center no-repeat;
    z-index: -1;
}

.value-added-services .section-title .sec-title .sub-sec-title:before {
    content: '+';
}

.service-page .section-title {
    margin-bottom: 42px;
}

.service-page .section-title .sec-title {
    padding-bottom: 25px;
}

.service-page .section-title .desc {
    text-align: justify;
}

.service-page .left-image {
    float: right;
    width: 47%;
    text-align: right;
}

.service-page .left-image img {
    border-radius: 10px;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
}

.service-page .right-accordion {
    float: left;
    width: 50%;
}

.service-page .panel-group .panel {
    border-radius: 0;
    border: none !important;
    box-shadow: none;
    background: none;
}

.service-page .panel-default>.panel-heading {
    border: none;
    background: none;
    border-radius: 0;
}

.service-page .panel-group .panel-heading .panel-title {
    font-size: 18px;
    line-height: 24px;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
}

.service-page .panel-group .panel-heading .panel-title a {
    padding: 0;
}

.service-page .panel-group .panel-heading .panel-title a:before {
    display: none;
}

.service-page .panel-group .panel+.panel {
    margin-top: 40px;
}

.service-page .panel-title .icon {
    display: table-cell;
    vertical-align: middle;
    width: 98px;
}

.service-page .panel-title .name {
    display: table-cell;
    vertical-align: middle;
}

.service-page .panel-title .name span {
    border-bottom: 2px dotted #13a9e1;
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.service-page .panel-title .name span:before {
    right: -20px;
    top: 8px;
    width: 8px;
    height: 10px;
    background: #13a9e1;
    content: '';
    position: absolute;
    border-radius: 3px;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.service-page .panel-title .collapsed .name span {
    border-bottom-color: transparent;
}

.service-page .panel-title .collapsed .name span:before {
    opacity: 0;
}

.service-page .panel-body {
    padding: 0 0 0 98px;
    border: none !important;
    text-align: justify;
}

.service-page .panel-body p:last-child {
    padding: 0;
    margin: 0;
}

.service-page .bottom-button {
    width: 100%;
    padding: 40px 0 0 98px;
}

/* Left Image */

.service-page.image-left .left-image {
    float: left;
    text-align: left;
}

.service-page.image-left .right-accordion {
    float: right;
}

.section-whitebg.service-optimize-cargo {
    padding: 0 0 80px 0;
    position: relative;
    z-index: 1;
    /* background: url(../images/icon/boxes-pallet.svg) 99% 77% no-repeat; */
}

.service-optimize-cargo .icon1 {
    width: 102px;
    height: 74px;
    position: absolute;
    left: 10px;
    top: 20px;
    content: '';
    background: url(../images/icon/boxsearch.svg) center center no-repeat;
    z-index: -1;
}

.service-optimize-cargo .icon2 {
    width: 90px;
    height: 94px;
    position: absolute;
    right: 10%;
    top: 0px;
    content: '';
    background: url(../images/icon/train.svg) center center no-repeat;
    z-index: -1;
}

.service-optimize-cargo .icon3 {
    position: absolute;
    width: 101px;
    height: 101px;
    right: 10px;
    bottom: 50px;
    content: '';
    background: url(../images/icon/boxes-pallet.svg) center center no-repeat;
    z-index: -1;
}

.service-optimize-cargo .left-image {
    float: left;
    width: 31.5%;
}

.service-optimize-cargo .right-contain {
    float: right;
    width: 65.7%;
    padding: 60px 0 0 0;
    font-size: 21px;
    line-height: 36px;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
    text-align: justify;
}

.service-optimize-cargo .right-contain p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.service-why-choose-section .section-title {
    margin-bottom: 20px;
}

.landing-why-choose-section .section-title {
    margin-bottom: 20px;
}

.home-growth.landing-why-choose-section .growth-list li .growth-icon {
    margin-bottom: 15px;
}

.home-growth.landing-why-choose-section .growth-list li .counter-main {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 10px;
}

/* New */

body.page-id-7778 .bar.bar-short {
    z-index: -9999;
    opacity: 0;
}

.logistics-services-page-main {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 200px 0 0 0;
}

.logistics-services-page-main.hide-section {
    display: none;
    visibility: hidden;
}

.logistics-services-page .form-group {
    padding-bottom: 8px;
}

.logistics-services-page .section-whitebg.top-banner {
    padding: 0;
}

.logistics-services-page .logistics-services-inn {
    display: flex;
    align-items: flex-start;
    width: 100%;
    position: relative;
}

.logistics-services-page .logistics-services-left {
    width: 50%;
}

.logistics-services-page .logistics-services-right {
    width: 50%;
    padding-left: 60px;
    /* position: -webkit-sticky; position: sticky; z-index: 3; */
    /* align-self: flex-start; */
    /* margin: 0 !important; */
}

.logistics-services-page .logistics-services-right.fixed {
    position: fixed;
    top: 30px;
    right: 0;
}

.logistics-services-page .service-banner-form {
    float: none;
    max-width: 520px;
}

.service-page-banner .logistics-services-page .section-title {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
}

.service-page-banner .logistics-services-page .landing-why-choose-section .section-title {
    margin-bottom: 0;
}

.logistics-services-page .section-whitebg.home-growth {
    padding-bottom: 50px;
}

.logistics-services-page .home-growth:before,
.logistics-services-page .home-growth:after {
    opacity: 0;
    z-index: -9999;
}

.logistics-services-page .home-growth .growth-list {
    margin: 0 -12px;
    width: auto;
}

.logistics-services-page .home-growth .growth-list li {
    width: 50%;
    padding: 12px;
    text-align: left;
}

.logistics-services-page .home-growth.landing-why-choose-section .growth-list li .growth-icon {
    max-width: 60px;
}

.logistics-services-page .home-growth.landing-why-choose-section .growth-list li .counter-main,
.logistics-services-page .home-growth.landing-why-choose-section .growth-list li .sec-title1 {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 10px;
}

.logistics-services-page .section-whitebg.home-testimonial {
    padding: 0;
}

.logistics-services-page .section-whitebg.home-testimonial:before,
.logistics-services-page .section-whitebg.home-testimonial:after {
    display: none;
}

.logistics-services-page .section-whitebg.landing-verticals {
    padding: 50px 0;
}

.logistics-services-page .section-whitebg.landing-verticals .section-title {
    margin-bottom: 0;
}

/* Your Trusted Partner in Transport, Express & Logistics Solutions */

/* .page-id-7818 .nav-main2 { display: none; visibility: hidden; }
.page-id-7818 .footer { display: none; visibility: hidden; } */

/* Foundation Day */

.service-page-banner.foundation-day-banner .section-title .desc {
    font-size: 21px;
    line-height: 36px;
    font-weight: 500;
}

.service-page-banner.foundation-day-banner .section-title .desc .vijayant-logo {
    max-width: 250px;
    margin: 15px 0;
    display: block;
}

.service-page-banner.foundation-day-banner .service-banner-right {
    float: right;
    width: 45%;
}

.service-page-banner.foundation-day-banner .service-banner-right .group-pulse-logo {
    max-width: 400px;
    float: right;
    border-radius: 10px;
}

body .foundation-day-content .day-content {
    max-width: 770px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.foundation-day-content .podcast-audio-iframe {
    width: 100%;
    border: none;
    display: none;
}

.foundation-day-content .podcast-audio {
    width: 100%;
}

.foundation-day-content {
    font-size: 21px;
    line-height: 36px;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

/* Service Contact */

.service-page-contact {
    position: relative;
    z-index: 1;
}

.service-page-contact:after {
    position: absolute;
    width: 80px;
    height: 103px;
    left: 2.3%;
    top: 3%;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.service-page-contact:before {
    position: absolute;
    width: 98px;
    height: 92px;
    right: 10%;
    bottom: 20.6%;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.service-page-contact .icon1 {
    position: absolute;
    width: 100px;
    height: 83px;
    right: 1.4%;
    top: 12%;
    background: url(../images/icon/package-delivered.svg) center center no-repeat;
    z-index: -1;
}

.service-page-contact .icon2 {
    position: absolute;
    width: 228px;
    height: 230px;
    left: 3.3%;
    top: 34%;
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.service-page-contact .icon3 {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 10.5%;
    bottom: 50px;
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.service-page-contact .service-branch-contact {
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 10px;
    overflow: hidden;
}

.service-page-contact .panel-group .panel .panel-heading {
    border-radius: 0;
    background-color: transparent;
    border-color: transparent;
}

.service-page-contact .panel-group .panel {
    padding: 0;
    box-shadow: none;
    margin: 0;
    border-radius: 0;
    border: none;
}

.service-page-contact .panel-group .panel::before {
    display: none;
    visibility: hidden;
}

.service-page-contact .panel-group .panel .panel-title {
    font-size: 18px;
    line-height: 24px;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
}

.service-page-contact .panel-group .panel .panel-title a {
    color: #16417c;
    padding: 17px 60px 17px 20px;
    border-bottom: 2px dotted #dde3ea;
    position: relative;
}

.service-page-contact .panel-group .panel .panel-title a.collapsed {
    background: #f6f8fa;
    border-bottom-color: transparent;
}

.service-page-contact .panel-group .panel .panel-title a:before {
    width: 24px;
    height: 24px;
    content: '';
    background: url(../images/icon/accordion-minus.svg) center center no-repeat;
    position: absolute;
    right: 20px;
    top: 17px;
}

.service-page-contact .panel-group .panel .panel-title a.collapsed:before {
    background-image: url(../images/icon/accordion-plus.svg);
}

.service-page-contact .panel-group .panel .panel-title.click-disable a {
    pointer-events: none;
    cursor: default;
}

.service-page-contact .panel-group .panel .panel-title.click-disable a:before {
    opacity: 0;
}

.service-page-contact .panel-group .panel-collapse .panel-body {
    border: none;
    padding: 20px;
    text-align: justify;
}

.service-page-contact .contact-left-address {
    float: left;
    width: 45%;
    padding: 0 30px 0px 0;
}

.service-page-contact .contact-right-phone {
    float: right;
    width: 55%;
}

.service-page-contact .contact-right-phone ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

.service-page-contact .contact-right-phone ul li {
    position: relative;
    padding: 0 0 19px 135px;
    font-size: 16px;
    line-height: 28px;
    color: #282c32;
}

.service-page-contact .contact-right-phone ul li:last-child {
    padding-bottom: 0;
}

.service-page-contact .contact-right-phone ul li a {
    color: #282c32;
}

.service-page-contact .contact-right-phone ul li a:hover {
    color: #13a9e1;
}

.service-page-contact .contact-right-phone ul li .icon {
    position: absolute;
    width: 135px;
    left: 0;
    top: 5px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #8aa0bd;
    font-style: italic;
    font-family: 'Roboto', sans-serif;
    padding-left: 32px;
}

.service-page-contact .contact-right-phone ul li .icon .icon-svg {
    color: #13a9e1;
    display: inline-block;
    width: 24px;
    position: absolute;
    left: 0;
}

.service-page-contact .contact-map {
    float: left;
    width: 100%;
    padding-top: 30px;
}

.service-page-contact .contact-map iframe {
    width: 100%;
    height: 292px;
    margin: 0;
    float: left;
}

/* Service  Awards & Certification  */

.service-award-certification.about-awards .icon1 {
    top: 120px;
}

/* Calender */

.service-page-banner.calendar-page-banner-new .service-image img {
    box-shadow: 0px 3px 10px 0px rgba(22, 65, 124, 0.16);
    border-radius: 12px;
    padding: 8px;
    background: #fff;
    margin-top: -30px;
}

body .service-page-banner.calendar-page-banner-new .btn-text-line2 {
    display: none;
}

.bottom-stiscky-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
}

.bottom-stiscky-bar .bottom-stiscky-inn {
    color: #fff;
    background: #16417c;
    text-align: center;
    padding: 8px 160px 8px 10px;
    font-size: 14px;
    line-height: 18px;
    box-shadow: 0px -10px 18px 1px rgba(0, 0, 0, 0.20);
}

.bottom-stiscky-bar .bottom-stiscky-inn a {
    font-weight: 700;
    text-decoration: underline;
    color: #fff;
}

.bottom-stiscky-bar .bottom-stiscky-inn a:hover {
    color: #13a9e1;
}

/* Footer */

.footer {
    padding: 30px 0;
    padding-bottom: 60px;
    background: #fff;
    margin: 0;
    width: 100%;
}

.footer .footer-top {
    width: 100%;
    padding: 45px 0;
    float: left;
}

.footer-top .footer-colum {
    float: left;
    width: 18%;
    margin: 0 3% 0 0;
}

.footer-top .footer-colum.f-newsletter {
    width: 25%;
}

.footer-top .footer-colum.f-corporate-office {
    width: 30%;
}

.footer-top .footer-colum.last {
    margin-right: 0;
}

.footer-top .widget-title {
    font-weight: 500;
    color: #3E1A51;
    font-style: italic;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 20px 0;
    margin: 0;
}

.footer-top .widget-title.app-title {
    padding-bottom: 15px;
}

.footer-top .newsletter-main .widget-title {
    color: #16417c;
}

.footer-top ul.menu {
    width: 100%;
    padding: 0;
    margin: 0;
}

.footer-top ul.menu li {
    display: block;
    padding: 0 0 7px 0;
    margin: 0;
    color: rgba(22, 65, 124, 0.66);
    font-size: 14px;
    line-height: 20px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-style: italic;
}

.footer-top ul.menu li:last-child {
    padding-bottom: 0;
}

.footer-top ul.menu li a {
    color: rgba(22, 65, 124, 0.66);
    cursor: pointer;
}

.footer-top ul.menu li a:hover,
.footer-top ul.menu li.current-menu-item a {
    color: #B658E8;
}

.footer-top .f-address {
    color: rgba(22, 65, 124, 0.66);
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    font-style: italic;
    width: 100%;
    padding: 0 0 15px 0;
}

.footer-top .f-all-location {
    color: #13a9e1;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-style: italic;
    width: 100%;
    padding: 0;
}

.footer-top .f-all-location a {
    color: #3E1A51;
    margin: 0 20px 20px 0;
    display: inline-block;
}

.footer-top .f-all-location a:hover {
    color: #B658E8;
}

.footer-top .f-all-location a:last-child {
    margin-right: 0;
}

.footer-top .store-list {
    width: 100%;
    padding: 0;
    margin: 0;
}

.footer-top .store-list li {
    display: inline-block;
    padding: 0 8px 8px 0;
    margin: 0;
}

.footer-top .store-list li:last-child {
    padding-right: 0;
}

.footer-top .store-list li a {
    display: inline-block;
    padding: 4px 9px;
    background: #000;
    border-radius: 4px;
}

.footer-top .store-list li a:hover {
    background: rgba(0, 0, 0, 0.75);
}

.footer-top .store-list li img {
    display: block;
    width: 100px;
}

.footer-top .f-grate-place-to-work-logo {
    margin-top: 20px;
}

.footer-top .f-grate-place-to-work-logo img {
    width: 100%;
    max-width: 70px !important;
}

.footer-top .newsletter-main {
    width: 100%;
    padding: 0 0 34px 0;
}

.footer-top .newsletter-main .es-field-wrap {
    width: 100%;
    font-size: 0;
    margin: 0 0 15px 0;
}

.footer-top .newsletter-main .es-field-wrap label {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.footer-top .newsletter-main .es-field-wrap br {
    display: none;
    visibility: hidden;
}

.footer-top .newsletter-main .es-field-wrap input {
    border: 1px solid #dde3ea;
    border-radius: 5px;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #8aa0bd;
    height: 40px;
    line-height: 38px;
    padding: 0 10px 0 45px;
    outline: none !important;
    box-shadow: none !important;
    font-family: 'Roboto', sans-serif;
    background: #fff url(../images/icon/mail-icon.png) center left no-repeat;
}

.footer-top .newsletter-main .es-field-wrap input:focus {
    border-color: #16417c;
}

.footer-top .newsletter-main .es-field-wrap input::placeholder {
    color: #8aa0bd;
    opacity: 1;
}

.footer-top .newsletter-main .es-field-wrap input::-ms-input-placeholder {
    color: #8aa0bd;
    opacity: 1;
}

.footer-top .newsletter-main .es-field-wrap input::-ms-input-placeholder {
    color: #8aa0bd;
    opacity: 1;
}

.footer-top .newsletter-main input[type="submit"] {
    background: #13a9e1;
    border-radius: 5px;
    box-shadow: 4px 4px 12px 0px rgba(19, 170, 225, 0.24) !important;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    width: 100%;
    border: none;
    color: #fff;
}

.footer-top .newsletter-main input[type="submit"]:hover {
    background: #1198ca;
}

.footer-top .newsletter-main .es_subscription_message.success {
    color: #155724;
    background: #d4edda;
    border: 1px solid #c3e6cb !important;
    border-radius: 6px;
    font-size: 14px !important;
    line-height: 20px;
    padding: 6px 15px;
    width: 100%;
    display: inline-block;
}

.footer-top .newsletter-main .es_subscription_message.error {
    color: #721c24;
    background: #f8d7da;
    border: 1px solid #f5c6cb !important;
    border-radius: 6px;
    font-size: 14px !important;
    line-height: 20px;
    padding: 6px 15px;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

.footer-top .newsletter-main form {
    position: relative;
}

.footer-top .newsletter-main .es_spinner_image {
    position: absolute;
    right: 2px;
    bottom: 0px;
    width: 40px;
    height: 40px;
    background: url(../images/loader-white.svg) center center no-repeat;
    background-size: 40px 40px;
}

.footer-top .newsletter-main .es_spinner_image img {
    display: none;
}

.f-group-company {
    width: 100%;
}

.footer-top .f-group-company .widget-title {
    padding-bottom: 15px;
}

.f-group-company .widget {
    display: inline-block;
    width: auto;
    padding: 0 15px 20px 0;
    margin: 0;
}

.f-group-company .widget:last-child {
    padding-right: 0;
}

.f-group-company .widget a {
    display: inline-block;
}

.f-group-company .widget img {
    display: block;
    width: auto;
    height: 32px !important;
}

.f-group-company .widget img:hover {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.7;
}

.subscribe-our-newsletter-sticky {
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 9999;
}

.subscribe-our-newsletter-sticky a {
    transform: rotate(270deg);
    transform-origin: left top 0;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    font-size: 14px;
    padding: 0 12px;
    border-radius: 6px;
    background: #13a9e1;
    box-shadow: 4px 4px 12px 0px rgba(19, 170, 225, 0.24);
    display: inline-block;
    color: #fff;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    line-height: 40px;
    margin-top: 22px;
}

.subscribe-our-newsletter-sticky a:hover,
.subscribe-our-newsletter-sticky a:focus {
    color: #fff;
}

.subscribe-our-newsletter-sticky a .name {
    display: none;
    visibility: hidden;
    transform-origin: left top 0;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.subscribe-our-newsletter-sticky a .icon {
    transform-origin: left top 0;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.subscribe-our-newsletter-sticky a .icon i {
    transform: rotate(-270deg);
    font-size: 20px;
    padding: 0;
}

.subscribe-our-newsletter-sticky a:hover .name {
    display: inline-block;
    visibility: visible;
}

.subscribe-our-newsletter-sticky a:hover .icon {
    display: none;
    visibility: hidden;
}

.subscribe-our-newsletter-sticky.business-partner-sticky {
    left: auto;
    right: 47px;
    margin-top: -100px;
}

.subscribe-our-newsletter-sticky.business-partner-sticky a {
    transform-origin: right top 0;
    margin-top: 0;
    margin-bottom: 22px;
    transform: rotate(-90deg);
    padding: 5px 8px 0px 8px;
}

.subscribe-our-newsletter-sticky.business-partner-sticky a .name {
    transform-origin: right top 0;
    display: inline-block;
    visibility: visible;
}

.subscribe-our-newsletter-sticky.business-partner-sticky a .icon {
    transform-origin: right top 0;
    display: inline-block;
    visibility: visible;
    margin-left: 5px;
}

.subscribe-our-newsletter-sticky.business-partner-sticky a .icon i {
    transform: rotate(90deg);
}

/* Footer Bottom */

.footer-bottom {
    width: 100%;
}

.footer-bottom .container {
    display: table;
}

.footer-bottom .left-part {
    display: table-cell;
    vertical-align: top;
}

.footer-bottom .right-part {
    display: table-cell;
    vertical-align: top;
    text-align: right;
}

.footer-bottom .footer-logo {
    width: 100%;
    padding: 0 0 25px 0;
}

.footer-bottom .footer-logo img {
    display: block;
    width: 206px;
}

.footer-bottom ul.copy-right {
    width: 100%;
    padding: 0;
    margin: 0;
}

.footer-bottom ul.copy-right li {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #282c32;
}

.footer-bottom ul.copy-right li:after {
    color: #e5eaf1;
    content: '|';
    padding: 0 12px;
}

.footer-bottom ul.copy-right li:last-child:after,
.footer-bottom ul.copy-right li.copy:after {
    display: none;
}

.footer-bottom ul.copy-right li.copy {
    padding-right: 18px;
}

.footer-bottom ul.copy-right li a {
    color: #282c32;
    display: inline-block;
}

.footer-bottom ul.copy-right li a:hover {
    color: #16417c;
}

.footer-bottom .social-main {
    width: 100%;
    position: relative;
    max-width: 280px;
    margin: 0 -12px 0 auto;
}

.footer-bottom .social-icon {
    padding: 0 110px 0 18px;
    margin: 0;
    background: #f5fbfd;
    border: 1px solid #dbe1e9;
    border-right: none;
    display: inline-block;
}

.footer-bottom .social-icon li {
    display: inline-block;
    padding: 7px 5px 3px 5px;
    margin: 0;
    font-size: 13px;
    color: #000;
}

.footer-bottom .social-icon li a {
    color: rgba(22, 65, 124, 0.50);
}

.footer-bottom .social-icon li a:hover {
    color: #16417c;
}

.footer-bottom .social-icon li .fa {
    font-size: 18px;
}

.footer-bottom .social-icon li .fa-youtube:before {
    content: "\f16a";
}

.footer-bottom .social-main .india-flag {
    border-left: 1px solid #dbe1e9;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: 1px;
    width: 97px;
    font-size: 13px;
    color: #000;
    line-height: 38px;
    text-align: left;
    padding-left: 24px;
}

.footer-bottom .social-main .india-flag span {
    padding-left: 30px;
    background: url(../images/india-flag.png) left center no-repeat;
}

.footer-bottom .social-main .india-flag:before {
    position: absolute;
    right: -4px;
    top: -2px;
    height: 42px;
    width: 100%;
    max-width: 250px;
    content: '';
    background: url(../images/white-gradient2.png) right top repeat-y;
    /* background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ffffff',GradientType=1 ); */
}

.design-by {
    width: 100%;
    text-align: right;
    font-size: 14px;
    color: #282c32;
    line-height: 18px;
    padding-top: 37px;
}

.design-by a {
    color: #282c32;
    display: inline-block;
    background: url(../images/enliven-logo.png) 0 2px no-repeat;
    padding-left: 14px;
    margin-left: 6px;
    line-height: 14px;
}

.design-by a:hover {
    color: #16417c;
}

/*Start Blog Page*/

.section-whitebg.sub-page-banner.news-events-banner {
    padding-bottom: 20px;
}

.section-whitebg.sub-page-banner.news-events-banner .icon1 {
    bottom: -92px;
}

.sub-page-banner.news-events-banner .section-title .page-icon {
    top: -65px;
}

.sub-page-banner.news-events-banner .section-title .desc p:last-child {
    padding: 0;
    margin: 0;
}

.section-whitebg.blog-page {
    padding: 0 0 90px 0;
    position: relative;
    z-index: 1;
}

.section-whitebg.blog-page:after {
    width: 80px;
    height: 103px;
    position: absolute;
    right: 2.3%;
    top: 35.4%;
    content: '';
    background: url(../images/icon/stacked-boxes.svg) center center no-repeat;
    z-index: -1;
}

.section-whitebg.blog-page:before {
    width: 98px;
    height: 92px;
    position: absolute;
    right: 10%;
    bottom: 20.6%;
    content: '';
    background: url(../images/icon/warehouse-facility.svg) center center no-repeat;
    z-index: -1;
}

.blog-page .icon1 {
    width: 100px;
    height: 83px;
    position: absolute;
    left: 1.4%;
    top: 8.4%;
    background: url(../images/icon/package-delivered.svg) center center no-repeat;
    z-index: -1;
}

.blog-page .icon2 {
    width: 228px;
    height: 230px;
    position: absolute;
    left: 3.3%;
    top: 34%;
    background: url(../images/icon/bgbox.svg) center center no-repeat;
    z-index: -1;
}

.blog-page .icon3 {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 10.5%;
    top: 49.4%;
    background: url(../images/icon/box-conveyor-belt.svg) center center no-repeat;
    z-index: -1;
}

.blog-section .container {
    z-index: 1;
    position: relative;
}

.blog-section .blog-left-bar {
    float: left;
    width: 65.7%;
}

.blog-section .blog-sidebar {
    float: right;
    width: 31.5%;
    padding: 10px 0 0 0;
}

.blog-section .blog-list {
    margin-top: 0;
    margin-bottom: 0;
}

.blog-section .blog-list .recent-post-list {
    width: 50%;
    padding: 15px;
    margin: 0 -2px;
    display: inline-block;
    vertical-align: top;
}

.blog-section .blog-list .recent-post-list .boxinner {
    background: #fff;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 10px;
    overflow: hidden;
}

.blog-section .recent-post-list .post-thumbnail {
    width: 100%;
    text-align: center;
    background: #f8f9fb;
}

.blog-section .recent-post-list .post-thumbnail img {
    display: block;
    margin: 0 auto;
    height: 275px;
    object-fit: cover;
    object-position: 50% 0;
}

.blog-section .recent-post-list .procaption {
    width: 100%;
    padding: 16px 20px 16px 20px;
}

.blog-section .recent-post-list .blog-title {
    font-size: 15px !important;
    font-size: 21px;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
    padding: 0 0 22px 0;
    margin: 0;
}

.blog-section .recent-post-list .blog-title a {
    color: #16417c;
}

.blog-section .recent-post-list .blog-title a:hover {
    color: #13a9e1;
}

.blog-section .recent-post-list .moreblog {
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    color: #8aa0bd;
    font-style: italic;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}

.blog-section .recent-post-list .moreblog a {
    color: #8aa0bd;
}

.blog-section .recent-post-list .moreblog a:hover {
    color: #13a9e1;
}

/* Start Light Gallery */

body .lg-sub-html {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

body .lg-sub-html h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}

body .lg-progress-bar .lg-progress {
    background-color: #13a9e1;
}

body #lg-counter {
    font-weight: 700;
    color: #fff;
}

body .lg-outer .lg-thumb-item.active,
body .lg-outer .lg-thumb-item:hover {
    border-color: #13a9e1;
}

body #lg-counter-current {
    color: #13a9e1;
    font-weight: 700;
}

body .lg-toolbar .lg-icon {
    color: #fff;
}

body .lg-toolbar .lg-icon:hover {
    color: #13a9e1;
}

body .lg-actions .lg-next,
body .lg-actions .lg-prev {
    color: #fff;
}

body .lg-actions .lg-next:hover,
body .lg-actions .lg-prev:hover {
    color: #13a9e1;
}

body .lg-outer .lg-toogle-thumb {
    color: #fff;
}

body .lg-outer .lg-toogle-thumb:hover {
    color: #13a9e1;
}

body .lg-outer .lg-thumb {
    margin-left: auto;
    margin-right: auto;
}

.lightgallery .recent-post-list .gallery-item a:before,
.lightgallery .recent-post-list .gallery-item a:after {
    opacity: 0;
}

/* End Light Gallery */

/* News Coverage */

.blog-section.news-coverage-section .blog-list .recent-post-list {
    width: 33.3%;
}

.blog-section.news-coverage-section .recent-post-list .blog-title {
    padding-bottom: 0;
}

.blog-section.news-coverage-section .recent-post-list .blog-desc {
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    color: #282c32;
    padding: 15px 0 0 0;
}

.blog-section.news-coverage-section .recent-post-list .moreblog {
    padding: 15px 0 0 0;
}

.blog-section .wp-pagenavi {
    width: 100%;
    text-align: center;
    padding: 35px 0 0 0;
}

.blog-section .wp-pagenavi a.first,
.blog-section .wp-pagenavi a.last,
.blog-section .wp-pagenavi .page,
.blog-section .wp-pagenavi .current {
    width: 36px;
    height: 36px;
    display: inline-block;
    line-height: 36px;
    border-radius: 50%;
    padding: 0 !important;
    font-size: 16px;
    font-weight: 500;
    color: #282c32;
    margin: 0 2px;
    background: none;
    cursor: pointer;
}

.blog-section .wp-pagenavi .current {
    background: #13a9e1;
    box-shadow: 4px 4px 12px 0px rgba(19, 170, 225, 0.24);
    color: #fff;
}

.blog-section .wp-pagenavi .page:hover {
    background: #f6f8fa;
    color: #282c32;
}

.blog-section .wp-pagenavi .previouspostslink,
.blog-section .wp-pagenavi .nextpostslink {
    line-height: 36px;
    height: 36px;
    width: 36px;
    background: none;
    background: url(../images/left-arrow.png) center center no-repeat;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

.blog-section .wp-pagenavi .previouspostslink:hover {
    background-image: url(../images/left-arrow-hvr.png);
}

.blog-section .wp-pagenavi .nextpostslink {
    background-image: url(../images/right-arrow.png);
}

.blog-section .wp-pagenavi .nextpostslink:hover {
    background-image: url(../images/right-arrow-hvr.png);
}

.blog-section .wp-pagenavi a.first,
.blog-section .wp-pagenavi a.last {
    line-height: 36px;
    height: 36px;
    width: 36px;
    background: none;
    background: url(../images/lefts-arrow.png) center center no-repeat;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

.blog-section .wp-pagenavi a.first:hover {
    background-image: url(../images/lefts-arrow-hvr.png);
}

.blog-section .wp-pagenavi a.last {
    background-image: url(../images/rights-arrow.png);
}

.blog-section .wp-pagenavi a.last:hover {
    background-image: url(../images/rights-arrow-hvr.png);
}

/* Sidebar */

.blog-sidebar .widget-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    font-style: italic;
    color: #16417c;
    padding: 0 0 15px 0;
    margin: 0;
}

.blog-sidebar .widget {
    width: 100%;
    margin: 0 0 30px 0;
}

.blog-sidebar .widget.hide-widget {
    display: none;
    visibility: hidden;
}

.blog-sidebar .widget .execphpwidget {
    width: 100%;
    box-shadow: 0px 3px 12px 0px rgba(22, 65, 124, 0.16);
    border-radius: 10px;
}

/* Upcoming Events */

.blog-sidebar .widget.upcoming-events {
    margin-bottom: 25px;
    padding-bottom: 54px;
    width: 100%;
    border-bottom: 2px dotted #dde3ea;
}

.blog-sidebar .upcoming-events .slick-list {
    margin: 0;
}

.blog-sidebar .upcoming-events .slick-slide>div {
    width: 100%;
}

.section-whitebg .blog-sidebar .upcoming-events .slick-slider .slick-dots {
    bottom: -48px;
}

/* News Coverage */

.blog-sidebar .widget.news-coverage-sidebar {
    margin-bottom: 25px;
    padding-bottom: 54px;
    width: 100%;
    border-bottom: 2px dotted #dde3ea;
}

.blog-sidebar .news-coverage-sidebar .slick-list {
    margin: 0;
}

.blog-sidebar .news-coverage-sidebar .slick-slide>div {
    width: 100%;
}

.blog-sidebar .news-coverage-sidebar .post-thumbnail {
    background: none;
}

.blog-sidebar .news-coverage-sidebar .post-thumbnail img {
    display: block;
    margin: 0 auto;
    height: 275px;
    object-fit: cover;
    object-position: 50% 0;
    width: 100%;
}

.blog-sidebar .news-coverage-sidebar .post-thumbnail a:before,
.blog-sidebar .news-coverage-sidebar .post-thumbnail a:after {
    opacity: 0;
}

.section-whitebg .blog-sidebar .news-coverage-sidebar .slick-slider .slick-dots {
    bottom: -48px;
}

.blog-sidebar .blog-list-sidebar .post-thumbnail {
    width: 100%;
    padding: 0;
}

.blog-sidebar .blog-list-sidebar .post-thumbnail img {
    border-radius: 10px 10px 0 0;
}

.blog-sidebar .blog-list-sidebar .procaption {
    width: 100%;
    padding: 16px 20px 16px 20px;
}

.blog-sidebar .blog-list-sidebar .blog-title {
    font-size: 15px !important;
    font-size: 21px;
    color: #16417c;
    font-weight: 500;
    font-style: italic;
    padding: 0 0 22px 0;
    margin: 0;
}

.blog-sidebar .blog-list-sidebar .blog-title a {
    color: #16417c;
}

.blog-sidebar .blog-list-sidebar .blog-title a:hover {
    color: #13a9e1;
}

.blog-sidebar .blog-list-sidebar .moreblog {
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    color: #8aa0bd;
    font-style: italic;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}

.blog-sidebar .blog-list-sidebar .moreblog a {
    color: #8aa0bd;
}

.blog-sidebar .blog-list-sidebar .moreblog a:hover {
    color: #13a9e1;
}

/* Award */

.blog-sidebar .awards-sidebar {
    width: 100%;
    position: relative;
}

.blog-sidebar .awards-sidebar .view-all {
    position: absolute;
    right: 0;
    top: -37px;
    font-size: 15px;
    line-height: 20px;
    color: #8aa0bd;
    font-style: italic;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}

.blog-sidebar .awards-sidebar .view-all a {
    color: #8aa0bd;
}

.blog-sidebar .awards-sidebar .view-all a:hover {
    color: #13a9e1;
}

/* Subscribe To Our Newsletter */

.blog-sidebar .sidebar-newsletter .widget-title {
    font-size: 14px;
    text-align: center;
    padding: 55px 0 15px 0;
    background: url(../images/icon/ic-mail-sky-blue-24px.svg) center top no-repeat;
    background-size: 48px 48px;
}

.blog-sidebar .sidebar-newsletter {
    background: #f6f8fa;
    border-radius: 10px;
    padding: 22px 30px 30px 30px;
}

.blog-sidebar .sidebar-newsletter .es-field-wrap {
    width: 100%;
    font-size: 0;
    margin: 0 0 15px 0;
}

.blog-sidebar .sidebar-newsletter .es-field-wrap label {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.blog-sidebar .sidebar-newsletter .es-field-wrap br {
    display: none;
    visibility: hidden;
}

.blog-sidebar .sidebar-newsletter .es-field-wrap input {
    border: 1px solid #dde3ea;
    border-radius: 5px;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #8aa0bd;
    height: 40px;
    line-height: 38px;
    padding: 0 10px 0 45px;
    outline: none !important;
    box-shadow: none !important;
    font-family: 'Roboto', sans-serif;
    background: #fff url(../images/icon/mail-icon.png) center left no-repeat;
}

.blog-sidebar .sidebar-newsletter .es-field-wrap input:focus {
    border-color: #16417c;
}

.blog-sidebar .sidebar-newsletter .es-field-wrap input::placeholder {
    color: #8aa0bd;
    opacity: 1;
}

.blog-sidebar .sidebar-newsletter .es-field-wrap input::-ms-input-placeholder {
    color: #8aa0bd;
    opacity: 1;
}

.blog-sidebar .sidebar-newsletter .es-field-wrap input::-ms-input-placeholder {
    color: #8aa0bd;
    opacity: 1;
}

.blog-sidebar .sidebar-newsletter input[type="submit"] {
    background: #13a9e1;
    border-radius: 5px;
    box-shadow: 4px 4px 12px 0px rgba(19, 170, 225, 0.24) !important;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    width: 100%;
    border: none;
    color: #fff;
}

.blog-sidebar .sidebar-newsletter input[type="submit"]:hover {
    background: #1198ca;
}

.blog-sidebar .sidebar-newsletter .es_subscription_message.success {
    color: #155724;
    background: #d4edda;
    border: 1px solid #c3e6cb !important;
    border-radius: 6px;
    font-size: 14px !important;
    line-height: 20px;
    padding: 6px 15px;
    width: 100%;
    display: inline-block;
}

.blog-sidebar .sidebar-newsletter .es_subscription_message.error {
    color: #721c24;
    background: #f8d7da;
    border: 1px solid #f5c6cb !important;
    border-radius: 6px;
    font-size: 14px !important;
    line-height: 20px;
    padding: 6px 15px;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

.blog-sidebar .sidebar-newsletter form {
    position: relative;
}

.blog-sidebar .sidebar-newsletter .es_spinner_image {
    position: absolute;
    right: 2px;
    bottom: 0px;
    width: 40px;
    height: 40px;
    background: url(../images/loader-white.svg) center center no-repeat;
    background-size: 40px 40px;
}

.blog-sidebar .sidebar-newsletter .es_spinner_image img {
    display: none;
}

/* Start Single Page */

.single-page .blog-wrap .post-thumbnail {
    width: 100%;
    padding: 15px 0 20px 0;
    margin: 0;
}

.single-page .blog-wrap .post-thumbnail img {
    width: 100%;
    border-radius: 10px;
}

.single-page .blog-wrap .blog-title {
    color: #16417c;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    font-style: italic;
    padding: 0 0 9px 0;
    margin: 0;
}

.single-page .blog-wrap .cat-name {
    /* width: 100%; */
    display: inline-block;
    color: #8aa0bd;
    font-size: 15px;
    line-height: 20px;
    padding: 0 15px 20px 0;
}

.single-page .blog-wrap .cat-name a {
    color: #282c32;
}

.single-page .blog-wrap .cat-name a:hover {
    color: #13a9e1;
}

.single-page .blog-wrap .date-name {
    /* width: 100%; */
    display: inline-block;
    color: #8aa0bd;
    font-size: 15px;
    line-height: 20px;
    padding: 0 15px 20px 0;
}

.single-page .blog-wrap .date-name span {
    color: #282c32;
}

.single-page .tagslist a {
    color: #16417c;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    text-transform: lowercase;
    margin-right: 8px;
    font-family: 'Rubik', sans-serif;
}

.single-page .tagslist a:after {
    content: ", ";
    font-size: 16px;
}

.single-page .tagslist a:last-of-type:after {
    font-size: 0;
}

.single-page .tagslist a:hover {
    color: #13a9e1;
}

.single-page .post-author-sec {
    width: 100%;
    padding: 0;
    margin: 0;
    /*background:#f4f6f8; border:1px solid #ecf0f1;*/
    border-bottom: 1px solid #dedede;
}

.single-page .post-author-sec li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 15px;
    margin: 0 0 20px 0;
    border-right: 1px solid #ccc;
    font-size: 18px;
    line-height: 18px;
    color: #8e8e8e;
}

.single-page .post-author-sec li.avtar-image {
    padding: 0;
    border: none;
}

.single-page .post-author-sec li.avtar-image img {
    width: 50px;
    padding: 0px;
    border: 2px solid #ecf0f1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkitborder-radius: 50%;
}

.single-page .post-author-sec li.category-name span:last-of-type {
    display: none;
    visibility: hidden;
}

.single-page .post-author-sec li.last,
.single-page .post-author-sec li:last-child {
    border: none;
    padding-right: 0;
}

.single-page .post-content {
    width: 100%;
    padding: 0px 0 0 0;
    /* font-size:18px; line-height:34px; color:#8e8e8e; */
}

.single-page .post-content h1,
.single-page .post-content h2,
.single-page .post-content h3,
.single-page .post-content h4,
.single-page .post-content h5,
.single-page .post-content h6 {
    color: #13a9e1;
    font-size: 20px;
    line-height: 20px;
    padding: 0 0 15px 0;
    margin: 0;
    font-weight: 500;
}

.single-page .post-content h1 b,
.single-page .post-content h2 b,
.single-page .post-content h3 b,
.single-page .post-content h4 b,
.single-page .post-content h5 b,
.single-page .post-content h6 b {
    font-weight: 700;
}

.single-page .post-content h1.pb-5,
.single-page .post-content h2.pb-5,
.single-page .post-content h3.pb-5,
.single-page .post-content h4.pb-5,
.single-page .post-content h5.pb-5,
.single-page .post-content h6.pb-5 {
    padding-bottom: 5px;
}

.single-page .post-content p {
    padding: 0 0 30px 0;
    margin: 0;
}

.single-page .post-content .lead {
    font-size: 24px;
}

.single-page .post-content img {
    width: auto;
    height: auto;
    border-radius: 10px;
}

/* Blockquote */

.single-page blockquote {
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    line-height: 22px;
    border-left: 5px solid #f6f8fa;
    margin: 0 0 35px 0;
    padding: 10px 20px;
    color: #282c32;
    font-weight: 700;
}

.single-page .post-content blockquote p {
    padding: 0;
    margin: 0;
}

.single-page blockquote.no-sign {
    border: none;
    /*color:#13a9e1;*/
}

.single-page blockquote.quote-sign,
.single-page blockquote.has-sign {
    border: none;
    position: relative;
    padding: 20px 20px 10px 60px;
    z-index: 1;
}

.single-page blockquote.quote-sign:before,
.single-page blockquote.has-sign:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "“";
    height: 25px;
    font-size: 180px;
    line-height: 0.8;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #e5eaf1;
    z-index: -1;
}

.single-page blockquote.double-quote-sign {
    border: none;
    position: relative;
    padding: 20px 60px;
    z-index: 1;
    margin-bottom: 60px;
}

.single-page blockquote.double-quote-sign:before,
.single-page blockquote.double-quote-sign:after {
    position: absolute;
    left: 0;
    top: 0px;
    content: "“";
    height: 25px;
    font-size: 180px;
    line-height: 0.8;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #e5eaf1;
    z-index: -1;
}

.single-page blockquote.double-quote-sign:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    content: "”";
}

.single-page blockquote.has-sign footer {
    padding-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #13a9e1;
}

.single-page .post-content ul {
    padding: 0 0 20px 0;
    margin: 0;
}

.single-page .post-content ul ul {
    padding: 0 0 0 0;
}

.single-page .post-content ul ul li:last-child {
    padding-bottom: 0;
}

.single-page .post-content ul ul li:first-child {
    margin-top: 8px;
}

.single-page .post-content ul li {
    padding: 0 0 5px 22px;
    margin: 0;
    display: block;
    width: 100%;
    position: relative;
    font-size: 16px;
}

.single-page .post-content ul li a {
    color: #13a9e1;
}

.single-page .post-content ul li a:hover {
    color: #16417c;
}

.single-page .post-content ul li:before {
    left: 0px;
    top: 10px;
    width: 8px;
    height: 10px;
    background: #13a9e1;
    content: '';
    position: absolute;
    border-radius: 3px;
    -moz-transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.single-page .post-content ol {
    padding: 0 0 20px 20px;
    margin: 0;
}

.single-page .post-content ol li {
    list-style-type: decimal;
    padding: 0 0 8px 0;
    font-size: 16px;
    /* line-height:34px color:#8e8e8e; */
    ;
}

.single-page .post-content ol ol {
    padding: 0 0 0 20px;
}

.single-page .post-content ol ol li:last-child {
    padding-bottom: 0;
}

.single-page .post-content ol ol li:first-child {
    margin-top: 8px;
}

.single-page .post-content ol.lower-alpha li {
    list-style-type: lower-alpha;
}

.single-page .comments-area .comment-reply-title {
    border-bottom: 1px solid #ddd;
    color: #3d5368;
    font-size: 18px;
    margin: 40px 0 40px 0;
    padding: 0 0 10px 0;
    text-transform: capitalize;
}

.single-page .post-content .comment-form-comment {
    padding: 0;
    margin: 0 0 20px 0;
}

.single-page .post-content .comment-notes {
    color: #3d5368;
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
    padding: 0;
}

.single-page .comment-form label {
    color: #3d5368;
    width: 100%;
    padding: 0;
    margin: 0 0 10px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.single-page .post-content .comment-form .comment-form-author,
.single-page .post-content .comment-form .comment-form-email,
.single-page .post-content .comment-form .comment-form-url {
    float: left;
    width: 31.3%;
    margin: 0 3% 0 0;
    padding: 0;
}

.single-page .post-content .comment-form .comment-form-url {
    margin-right: 0;
}

.single-page .post-content .comment-form .comment-form-cookies-consent {
    width: 100%;
    padding: 0 0 10px 0;
}

.single-page .post-content .comment-form .comment-form-cookies-consent label {
    display: inline-block;
    width: auto;
}

.single-page .post-content .comment-form .form-submit input {
    font-size: 16px;
    line-height: 20px;
    padding: 8px 20px;
    font-weight: 700;
    background: #13a9e1;
    border: 2px solid #13a9e1 !important;
    color: #fff;
    border-radius: 6px;
    margin: 0;
    display: inline-block;
}

.single-page .post-content .comment-form .form-submit input:hover {
    background: #fff;
    color: #13a9e1;
}

.single-page .comment-form textarea,
.single-page .comment-form .comment-form-author input,
.single-page .comment-form .comment-form-email input,
.single-page .comment-form .comment-form-url input {
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    padding: 0 10px 0 10px;
    width: 100%;
    background: transparent;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #3d5368;
    box-shadow: none !important;
    outline: none !important;
}

.single-page .comment-form .comment-form-comment textarea {
    height: 120px;
    line-height: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.single-page .related-post {
    padding: 60px 0 0 0;
}

.single-page .related-post .post-thumbnail {
    padding: 0;
}

.blog-section .related-post .blog-list .recent-post-list {
    width: 33.3%;
}

.blog-section .related-post .section-title {
    margin-bottom: 20px;
}

/* End Single Page */

/*End Blog Page*/

p:empty {
    display: none;
    padding: 0 !important;
}

/* 404 Page */

body.error404 .bar,
body.error404 .footer {
    opacity: 0;
    display: none;
    visibility: hidden;
}

body.error404 .page-notfound {
    padding: 100px 0 100px 0;
}

body.error404 .page-title1 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    font-style: italic;
    color: #16417c;
    padding: 30px 0 0 0;
    margin: 0;
}

body.error404 .page-title2 {
    font-size: 220px;
    line-height: 100%;
    color: #13a9e1;
    padding: 0;
    margin: 0;
    font-weight: 300;
}

body.error404 .page-title3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    font-style: italic;
    color: #16417c;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

body.error404 .page-title4 {
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
    color: #282c32;
}

body.error404 .searchform-main {
    width: 100%;
    border: 1px solid #d9dfe7;
    padding: 30px;
    margin: 50px auto;
    max-width: 700px;
    background: #f5fbfd;
}

body.error404 .searchform {
    width: 100%;
    position: relative;
}

body.error404 .searchform .form-btn {
    width: 100px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

body.error404 .searchform .form-field .form-control {
    padding-right: 110px;
}

body.loader-page.page-id-6933 .section-whitebg.privacy-policy-page {
    opacity: 0;
}

body.page-id-6933 .modal {
    backdrop-filter: blur(10px);
}

.years-innovation-home .modal-content {
    overflow: auto;
}

.years-innovation-home .modal-body img {
    width: 100%;
    height: auto;
}

#cust-newopup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    background-color: white;
    padding: 20px;
    text-align: center;
    z-index: 9999;
    border-radius: 10px;
    -webkit-box-shadow: -1px 0px 12px 4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 0px 12px 4px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 0px 12px 4px rgba(0, 0, 0, 0.20);
}

#cust-newopup-close {
    position: absolute;
    right: 5px;
    top: 0;
}

@media only screen and (max-width: 600px) {
    #cust-newopup {
        width: 300px;
    }
}

/* ==================================== 
			  Responsive Main
 ==================================== */

/*@media only screen and (max-width:1800px){
.logowrap .logo{    height: 43px;width: 190px;}
.menu-main nav>ul>li>a {padding: 0 10px; }
.menu-main nav>ul>li { font-size:15px; line-height:80px;}
.menu-main nav>ul>li>ul.sub-menu li a{font-size:15px;}
.top-btnset .btn-login,
.top-btnset .btn-signup { padding: 5px 15px;}
.top-btnset{ font-size:16px;}
body{ padding-top:80px;}
}*/

@media only screen and (max-width:2400px) {
    .home-testimonial:before,
    .about-page-banner:after,
    .service-page-banner:after,
    .contact-us:before {
        right: 28%;
    }
    .home-testimonial:after,
    .home-quick-contact:after,
    .need-help-section:after,
    .track-trace-section:after,
    .sub-page-banner:after,
    .homehero:after {
        left: 28%;
    }
}

@media only screen and (max-width:1530px) {
    .top-social {
        right: 15px;
    }
    .menu-main .nav-main .nav-main2 {
        padding-right: 100px;
        padding-left: 30px;
    }
}

@media only screen and (max-width:1400px) {
    .section-whitebg.sub-page-banner:before,
    .about-page-banner:before,
    .service-page-banner:before,
    .our-network-section.our-network-page::before,
    .contact-us .icon2,
    .track-trace-section:before {
        left: 10px;
        top: 80px;
        opacity: 0.3;
    }
    .section-whitebg.sub-page-banner .icon1 {
        bottom: 0;
        right: 10px;
        opacity: 0.2;
    }
    .service-page .icon1 {
        left: 10px;
        opacity: 0.2;
        top: -30px;
    }
    .contact-us:after {
        right: 10px;
        opacity: 0.2;
        top: 100px;
    }
    .contact-us .icon1 {
        left: 10px;
        opacity: 0.2;
        bottom: 0;
    }
    .contact-regional-office:before {
        left: 10px;
        opacity: 0.2;
        bottom: 0;
    }
    .business-inquiry-form:after {
        bottom: 0;
        right: 10px;
        opacity: 0.2;
    }
    .business-inquiry-form:before {
        top: -80px;
        left: 10px;
        opacity: 0.2;
    }
    .apply-now-page-form:before {
        bottom: 0;
        opacity: 0.2;
    }
    .apply-now-page-form:after {
        top: auto;
        bottom: 0;
        left: 10px;
        opacity: 0.2;
    }
    .section-whitebg.sub-page-banner.tools-page-banner .icon1 {
        top: auto;
        bottom: 50px;
    }
    .track-trace-section .icon2 {
        right: 10px;
        bottom: 0;
        opacity: 0.2;
    }
    .track-ship-result .delivery-tab-main:after {
        right: 0px;
        bottom: -100px;
        opacity: 0.2;
        top: auto;
    }
    .track-ship-result .icon1,
    .track-ship-result .icon2 {
        left: 0;
        opacity: 0.2;
    }
    .freight-calculation-section:before {
        right: 10px;
        bottom: 0;
        opacity: 0.2;
    }
    .faq-list-main:before {
        right: 10px;
        bottom: 30px;
        opacity: 0.2;
    }
    .home-track:after,
    .home-featured-in:after,
    .home-why-v-trans:before,
    .home-why-v-trans:after,
    .home-clients:after,
    .home-service .icon1,
    .home-service:before,
    .home-service:after,
    .home-group-company:before,
    .home-group-company:after,
    .home-group-company .icon-bg1,
    .home-testimonial .icon-bg1,
    .home-testimonial .icon-bg2,
    .home-testimonial .icon-bg3,
    .home-md-section:before,
    .home-md-section .icon-bg1,
    .home-md-section:after,
    .home-app-section:before,
    .home-app-section:after,
    .branch-page:after {
        opacity: 0.2;
    }
    .home-clients:before {
        opacity: 0.3;
    }
    .home-blog:before {
        left: 0;
        opacity: 0.2;
    }
    .home-blog:after {
        right: 0;
        opacity: 0.2;
    }
    .home-clients.clients-page:after,
    .job-benefit:before,
    .job-list-main .icon1,
    .job-list-main .icon2,
    .meet-the-management .icon2,
    .about-core-values .icon1,
    .about-awards .icon1,
    .home-growth:before,
    .about-service .icon-bg1,
    .about-group-company:before,
    .service-page .icon2,
    .service-page .icon4,
    .service-optimize-cargo .icon1,
    .contact-track:before,
    .contact-contain-section:before,
    .apply-now-page-form .icon1,
    .tools-page-banner .icon2,
    .track-trace-section .icon1,
    .freight-calculation-section:after,
    .pickup-request-section .icon1,
    .pickup-request-section .icon2,
    .pickup-request-section:after,
    .tax-forms-section .icon1,
    .tax-forms-section .icon2,
    .tax-forms-section .icon3,
    .faq-list-main:after,
    .faq-list-main .icon1,
    .blog-page .icon1,
    .blog-page .icon2,
    .blog-page .icon3,
    .about-awards .icon1,
    .about-awards .icon2,
    .about-awards .icon3,
    .privacy-policy-page .icon2,
    .privacy-policy-page .icon3,
    .privacy-policy-page:after,
    .governance-section .icon2,
    .governance-section .icon3,
    .governance-section:after,
    .service-page-contact .icon2,
    .service-page-contact .icon3,
    .service-page-contact:after,
    .branch-contain .icon1,
    .branch-page::before {
        left: 10px;
        opacity: 0.2;
    }
    .home-clients .icon-bg1,
    .job-list-main:after,
    .job-list-main:before,
    .career-form-main:before,
    .meet-the-management:before,
    .about-page-banner .icon1,
    .about-core-values .icon2,
    .about-quality .icon2,
    .about-awards .icon2,
    .home-growth:after,
    .about-service .icon-bg2,
    .service-page-banner .icon1,
    .service-page .icon3,
    .service-page .icon5,
    .contact-regional-office:after,
    .contact-contain-section:after,
    .track-ship-result:after,
    .pickup-request-section:before,
    .pickup-request-section .icon3,
    .tax-forms-section:before,
    .tax-forms-section:after,
    .section-whitebg.blog-page:before,
    .section-whitebg.blog-page:after,
    .section-whitebg.about-awards:before,
    .section-whitebg.about-awards:after,
    .privacy-policy-page:before,
    .privacy-policy-page .icon1,
    .governance-section:before,
    .governance-section .icon1,
    .service-page-contact:before,
    .service-page-contact .icon1,
    .branch-contain .icon2,
    .branch-page .icon1 {
        right: 10px;
        opacity: 0.2;
    }
    .meet-the-management .icon1,
    .about-quality .icon1,
    .about-service .icon-bg3,
    .about-group-company .icon-bg1,
    .about-group-company:after,
    .service-optimize-cargo .icon2,
    .service-optimize-cargo .icon3 {
        opacity: 0.2;
    }
}

@media only screen and (max-width:1330px) {
    .great-place-to-work-logo {
        position: relative;
        margin: 0 15px 0 0;
    }
}

@media only screen and (max-width:1300px) {
    .menu-main .nav-main .nav-main2 {
        padding-right: 0;
    }
    .top-social {
        visibility: hidden;
    }
    .service-page-banner .service-image img {
        margin-right: 0;
    }
    .service-page-banner .service-image {
        padding-left: 30px;
    }
}

@media only screen and (max-width:1200px) {
    .btn-menu {
        background: none;
        color: #FFF;
        font-weight: 700;
        font-size: 0;
        float: right;
        height: 20px;
        width: 24px;
        line-height: normal;
        padding: 0;
        border: none;
    }
    .btn-menu:hover {
        background-color: #2980b9;
        color: #FFF;
    }
    .btn-menu span {
        background: #000;
        height: 2px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        margin: auto;
        transition: all 0.2s ease-in 0s;
        border-radius: 4px;
    }
    .btn-menu.btn.open span {
        background: #16417c;
    }
    .btn-menu span.fa-line {
        top: 0;
        opacity: 1;
        visibility: visible;
    }
    .btn-menu span.fa-line2 {
        top: 8px;
    }
    .btn-menu span.fa-line3 {
        top: 16px;
    }
    .btn-menu.open span.fa-line {
        opacity: 0;
        visibility: hidden;
    }
    .btn-menu.open span.fa-line2 {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 11px;
    }
    .btn-menu.open span.fa-line3 {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 11px;
    }
    .tax-forms-table tr td a {
        display: inline-block;
        word-break: break-all;
        table-layout: fixed;
    }
    .homehero .slide-left {
        padding: 100px 0 50px 0;
    }
    .homehero .slick-dots {
        bottom: 15px;
    }
    .section-whitebg.home-track {
        margin-top: 0;
    }
    .subscribe-our-newsletter-sticky {
        display: none;
        visibility: hidden;
    }
    .great-place-to-work-logo {
        position: fixed;
        margin: 0;
        left: 245px;
    }
    .menu-main .nav-main ul.nav-pills>li {
        font-size: 12px;
        padding-right: 12px;
    }
}

@media only screen and (max-width:1100px) {
    .menu-main .nav-main .nav-main2 {
        padding-left: 20px;
    }
    ul.right-menu {
        padding-left: 0;
    }
    ul.right-menu li.v-track {
        padding-right: 15px;
    }
    ul.right-menu li.great-place-to-work-logo2 {
        padding-left: 0;
    }
    .menu-main .nav-main ul.nav-pills>li.menu-item-has-children>a:after {
        padding-left: 2px;
    }
    ul.right-menu li.great-place-to-work-logo2 img {
        max-width: 55px;
    }
    body ul.right-menu>.btn-bg {
        padding-left: 15px;
        padding-right: 15px;
    }
    body ul.right-menu>.btn-bg.icon-add {
        padding-left: 40px;
    }
    .home-track .list-main .list.customer-care {
        width: auto;
        padding-left: 20px;
    }
    .home-track .list-main .list.pickup-request {
        width: auto;
        padding: 20px 15px;
    }
    .contact-track .track-ship .pickup-request-btn {
        margin-left: 30px;
    }
    .home-track .list-main .list.track-ship {
        width: auto;
    }
    body .home-track .list-main .list.customer-care .btn-bg {
        font-size: 15px;
    }
    .pickup-request-btn {
        font-size: 15px;
    }
    .homehero .multiple.slide3 .slide-right img {
        left: -100px;
    }
}

@media only screen and (max-width:999px) {
    .header-main,
    .bar-short .header-main {
        padding: 23px 0 20px 0;
    }
    .logowrap .logo img {
        max-width: 175px;
    }
    .logowrap.logo-mobile {
        display: inline-block;
    }
    .nav-main .logowrap {
        display: block;
    }
    .nav-main .logowrap a {
        display: inline-block;
    }
    .menu-main .nav-main .nav-main2 {
        display: block;
        padding: 0;
    }
    /* .bar .nodrop { display: table-cell !important; vertical-align: middle; height: 100vh; } */
    .great-place-to-work-logo {
        left: 210px;
    }
    .menu-main .nav-main {
        float: none;
        /* display: block; */
        display: table-cell;
        vertical-align: middle;
        height: calc(100vh - 60px);
        flex-wrap: inherit;
        padding: 30px;
    }
    .menu-main .nav-main .nav-main-inn {}
    .menu-main .nav-main .nav-main2 {
        float: none;
    }
    ul.right-menu li {
        margin-top: 15px;
    }
    ul.right-menu li.great-place-to-work-logo2 {
        padding-left: 0;
    }
    html.nodrop.open-nav,
    body.nodrop.open-nav {
        overflow: hidden !important;
    }
    .visible-xs {
        display: block !important;
    }
    .bar .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .bar .container {
        position: relative;
    }
    .bar .col-xs-2 {
        padding: 0;
        position: absolute;
        right: 25px;
        top: 8px;
        width: 24px;
        z-index: 111;
    }
    .bar .col-xs-2 .btn {
        padding: 0;
        background: none;
        border: none;
    }
    .bar .btn-menu span {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .btn-menu.open {
        z-index: 999;
    }
    .bar .nodrop {
        position: fixed;
        display: block;
        z-index: 100;
        background: #fff;
        width: 100%;
        max-width: 400px;
        top: 0;
        /* bottom:0; */
        height: 100vh;
        margin: auto;
        overflow: auto;
        vertical-align: top;
        left: -125%;
        transition: all 0.2s ease-in 0s;
    }
    .bar .nodrop.open-nav {
        left: 0;
    }
    .menu-main {
        width: auto;
        padding: 0;
        margin: 0;
    }
    .menu-main nav {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .menu-main nav .logowrap {
        padding: 9px 20px;
        width: 100%;
        display: block;
        background: #000;
    }
    .menu-main .nav-main ul.nav-pills {
        display: block;
        width: 100%;
    }
    .menu-main .nav-main ul.nav-pills>li {
        display: block;
        padding: 0 0 1px;
        width: 100%;
        line-height: normal;
        font-size: 16px;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
    .menu-main .nav-main ul.nav-pills>li>a {
        background: #000;
        padding: 12px 0px;
        /* display: inline-block; */
    }
    .menu-main .nav-main ul.nav-pills>li>a:before {
        bottom: 0;
        border-color: #fff !important;
        height: 3px;
        background: #16417c;
    }
    .menu-main .nav-main ul.nav-pills>li.menu-item-has-children>a:after {
        display: none;
    }
    .top-btnset {
        width: 100%;
        padding: 25px 20px;
    }
    .top-btnset .btn {
        font-size: 16px;
        padding: 9px 24px;
    }
    .top-btnset .btn2 {
        padding: 6px 24px;
    }
    .btn-link:focus,
    .btn-link:hover {
        background: inherit;
        text-decoration: none
    }
    #append-span ul.nav-pills>li span {
        background: url(../images/icon/down-arrow-blue.svg) center center no-repeat;
        width: 36px;
        height: 41px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        background-size: 16px;
        z-index: 1;
    }
    #append-span ul.nav-pills>li.expand-nav span {
        background-image: url(../images/icon/up-arrow-blue.svg);
    }
    #append-span ul.nav-pills>li.expand-nav ul.sub-menu {
        display: block;
    }
    .bar .nodrop nav .sub-menu {
        margin: 0;
        padding: 15px;
    }
    .menu-main .nav-main ul.nav-pills>li:hover>ul.sub-menu {
        display: none;
    }
    .menu-main .nav-main ul.nav-pills>li.expand-nav>ul.sub-menu {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .bar .nodrop nav .sub-menu li {
        padding: 0 0 2px;
        font-size: 14px;
    }
    .bar .nodrop nav .sub-menu li a {
        font-size: 14px;
        padding: 2px 0 6px 0;
        display: block;
        color: #fff;
        background-size: 7px;
        line-height: normal;
    }
    .menu-main .nav-main ul.nav-pills>li>ul.sub-menu li {
        text-align: left;
    }
    .menu-main .nav-main ul.nav-pills>li>ul.sub-menu li a {
        padding-left: 20px;
        padding-right: 0;
    }
    .nav-overlay {
        background: rgba(22, 65, 124, 0.5);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
    }
    .open-nav~.nav-overlay {
        display: block;
    }
    .menu-main .nav-main ul.nav-pills>li.current-menu-item>a:before,
    .menu-main .nav-main ul.nav-pills>li.current-menu-parent>a:before {
        /* display:none; */
    }
    .menu-main .nav-main ul.nav-pills>li>ul.sub-menu {
        width: 100%;
        display: none;
        position: static;
        top: auto;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        left: auto !important;
        top: auto;
        transform: none;
    }
    .top-social {
        position: relative;
        top: auto !important;
        right: auto;
        width: 100%;
        text-align: center;
        visibility: visible;
        padding: 15px 0 0 0;
    }
    ul.right-menu {
        text-align: center;
        padding: 0px 0 0 0;
    }
    ul.right-menu li {
        padding-top: 15px;
    }
    ul.right-menu li.v-track {
        width: 100%;
        padding-right: 0;
    }
    .home-quick-contact .quick-contact {
        padding: 0 25px;
    }
    .footer-bottom .footer-logo img {
        max-width: 175px;
    }
    .section-whitebg {
        padding: 50px 0;
    }
    .section-title .sec-title br {
        display: none;
        visibility: hidden;
    }
    .section-whitebg.home-clients {
        padding-bottom: 80px;
    }
    .section-whitebg.meet-the-management {
        padding-bottom: 70px;
    }
    .section-whitebg.about-awards {
        padding-bottom: 50px;
    }
    .section-whitebg.about-service {
        padding-bottom: 50px;
    }
    .section-whitebg.about-group-company {
        padding-bottom: 50px;
    }
    .section-whitebg.home-quick-contact {
        padding: 50px 0 70px 0;
    }
    .section-whitebg.home-growth {
        padding-bottom: 20px;
    }
    .section-whitebg.service-page {
        padding-bottom: 50px;
    }
    .section-whitebg .slick-slider .slick-dots {
        bottom: -35px;
    }
    .about-page-banner .video-link {
        margin-top: 30px;
    }
    .section-whitebg.our-network-section.our-network-page {
        padding: 100px 0 50px 0;
    }
    .our-network-section .section-title {
        width: 100%;
        margin-bottom: 30px;
    }
    .our-network-section .section-title .sec-title {
        padding-bottom: 15px;
    }
    .our-network-section .right-loacateus {
        width: 100%;
    }
    .our-network-section #wpsl-search-wrap form {
        top: -60px;
        /* width: calc(100% - 30px); */
        width: 100%;
        position: relative;
        margin: 0;
        padding: 80px 20px 0 20px;
    }
    .our-network-section #wpsl-wrap #wpsl-result-list ul li {
        padding: 20px 25px;
    }
    .our-network-section #wpsl-result-list {
        width: 35%;
    }
    .our-network-section #wpsl-gmap {
        width: 65%;
    }
    .section-whitebg.contact-track.our-network-page {
        padding-bottom: 100px;
    }
    .form-bg-shadow .tit {
        padding: 17px 20px;
    }
    .form-bg-shadow .tit.icon-add {
        padding-right: 100px;
    }
    .form-bg-shadow .tit.icon-add .icon {
        right: 20px;
    }
    .form-bg-shadow .form-bg-shadow-inn {
        padding: 20px;
    }
    .section-whitebg.contact-us {
        padding: 100px 0 50px 0;
    }
    .contact-us .section-title {
        margin-bottom: 20px;
    }
    .contact-us .contact-us-main .left-part {
        width: 100%;
        padding: 20px;
    }
    .contact-us .contact-us-main .right-part {
        width: 100%;
        margin-top: 30px;
    }
    .section-whitebg.contact-regional-office {
        padding-bottom: 50px;
    }
    .contact-regional-office .tab-main-sub>.nav-tabs {
        width: 100%;
    }
    .contact-regional-office .tab-main-sub>.nav-tabs>li:last-child {
        border-bottom: 1px solid #dde3ea;
    }
    .contact-regional-office .tab-main-sub>.nav-tabs>li>a {
        padding: 12px 20px;
    }
    .contact-regional-office .tab-main-sub>.tab-content {
        padding: 20px 20px 20px 20px;
        width: 100%;
    }
    .section-whitebg.our-network-section {
        padding-bottom: 50px;
    }
    .section-whitebg.business-inquiry-form {
        padding-bottom: 50px;
    }
    .bottom-link-section ul li.customer-care,
    .bottom-link-section ul li {
        display: inline-block;
        width: 50%;
        padding-bottom: 30px;
        margin: 0 -2px;
    }
    .section-whitebg.sub-page-banner.tools-page-banner {
        padding: 100px 0 50px 0;
    }
    .sub-page-banner.tools-page-banner .section-title {
        width: 100%;
    }
    .tools-page-banner .page-list {
        width: 100%;
    }
    .section-whitebg.track-trace-section {
        padding: 100px 0 50px 0;
    }
    .track-trace-section .section-title .man-image {
        position: relative;
        top: auto;
        margin: 0 auto;
    }
    .track-trace-section .section-title-inn {
        max-width: 100%;
        padding-top: 30px;
    }
    .track-trace-section .botom-btn-list {
        position: relative;
        right: 0;
        top: auto;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .track-ship-result {
        padding: 50px 0;
    }
    .track-ship-result .delivery-tab-main .delevery-icon {
        position: relative;
        top: auto;
        /* -ms-transform: rotate(90deg); transform: rotate(90deg); */
    }
    .track-ship-result .delivery-tab-main .delivery-tab-call {
        width: 100%;
        margin-bottom: 30px;
    }
    .track-ship-result .delivery-tab-main .delivery-tab-call.delivery-col {
        margin-bottom: 0;
        margin-top: 30px;
    }
    .track-ship-result .delivery-tab-main .delivery-tab-call table tr td.address-td {
        height: auto;
    }
    .instruction-section .instruction-bg {
        padding: 30px;
    }
    .section-whitebg.instruction-section {
        padding: 50px 0;
    }
    .section-whitebg.freight-calculation-section {
        padding-bottom: 50px;
    }
    .tax-forms-table thead {
        display: none;
        visibility: hidden;
    }
    .tax-forms-table tbody tr {}
    .tax-forms-table tbody tr td {
        display: block;
        /* display: table-row; */
        /*  width: 100%; */
        border-bottom: 2px dotted #dde3ea;
    }
    .tax-forms-table tbody tr td:before {
        content: attr(data-label);
        /* display: table-cell; */
        display: inline-block;
        max-width: 170px;
        width: 100%;
        font-size: 15px;
        font-style: italic;
        font-weight: 500;
        color: #16417c;
        padding: 0 20px 0px 0px;
        line-height: 24px;
        font-family: 'Rubik', sans-serif;
    }
    .tax-forms-table tbody tr td:first-child {
        border-radius: 6px 6px 0 0;
    }
    .tax-forms-table tbody tr td:last-child {
        border-radius: 0 0 6px 6px;
        border-bottom: none;
    }
    .section-whitebg.blog-page {
        padding-bottom: 50px;
    }
    .section-whitebg.home-track {
        padding-bottom: 60px;
    }
    .section-whitebg.home-featured-in {
        padding-bottom: 50px;
    }
    .home-featured-in ul.list-logo {
        padding-left: 0;
    }
    .home-featured-in ul.list-logo li.sec-title1 {
        position: relative;
        top: auto;
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }
    .section-whitebg.home-why-v-trans {
        padding-bottom: 50px;
    }
    .home-why-v-trans .section-title {
        margin-bottom: 40px;
    }
    .home-why-v-trans ul.list-service li {
        padding: 0 15px;
    }
    .section-whitebg.home-clients {
        padding-bottom: 50px;
    }
    .section-whitebg.home-service {
        padding-bottom: 50px;
    }
    .home-service .section-title {
        margin-bottom: 40px;
    }
    .home-service .service-list2 li {
        width: 50%;
        margin-bottom: 50px;
    }
    .home-service .service-list2 li:last-child {
        margin-bottom: 0;
    }
    .home-service .service-list2 li .box-inner {
        padding: 20px 20px 0 20px;
    }
    .section-whitebg.home-testimonial {
        padding: 50px 0;
    }
    .home-clients .section-title {
        margin-bottom: 20px;
    }
    .home-testimonial .testimonial-list {
        padding: 50px 40px 30px 40px;
    }
    .section-whitebg.home-testimonial .slick-slider .slick-arrow {
        left: 10px;
    }
    .section-whitebg.home-testimonial .slick-slider .slick-arrow.slick-next {
        right: 10px;
    }
    .home-testimonial .client-desc {
        padding-top: 10px;
        font-size: 17px;
        line-height: 30px;
    }
    .home-testimonial .client-image {
        padding-top: 20px;
    }
    .home-testimonial .client-name {
        padding-top: 20px;
    }
    .section-whitebg.home-md-section {
        padding: 0 0 50px 0;
    }
    .home-md-section .md-desc-manin {
        padding-left: 220px;
    }
    .section-whitebg.home-blog {
        padding: 0 0 50px 0;
    }
    .home-blog .section-title {
        margin-bottom: 20px;
    }
    .home-blog .blog-left {
        width: 100%;
        padding-bottom: 30px;
    }
    .home-blog .right-twitter {
        width: 100%;
    }
    .home-blog .right-twitter #LatestTweetsScroll {
        height: 230px;
    }
    .home-blog .right-twitter iframe {
        width: 100% !important;
        height: 100% !important;
    }
    .section-whitebg.home-app-section {
        padding: 0 0 50px 0;
    }
    .home-app-section .left-part {
        width: 100%;
    }
    .home-app-section .left-part img {
        position: relative;
        top: auto;
        margin-top: -210px;
        right: auto;
        z-index: -1;
        min-width: auto;
    }
    .home-app-section .right-part {
        width: 100%;
    }
    .homehero:after {
        opacity: 1;
        left: 0;
    }
    .homehero .bg {
        /* opacity: 0; */
    }
    .homehero .slide-left-inn {
        max-width: 100%;
    }
    .homehero .title2 {
        font-size: 25px;
        line-height: 40px;
    }
    .homehero .title2 .sub-title2 {
        font-size: 14px;
    }
    body.error404 .page-notfound {
        padding: 50px 0;
    }
    body.error404 .searchform-main {
        margin: 30px auto;
    }
    body.error404 .searchform-main.skew-bg {
        -moz-transform: skew(-7deg, 0deg);
        -webkit-transform: skew(-7deg, 0deg);
        -o-transform: skew(-7deg, 0deg);
        -ms-transform: skew(-7deg, 0deg);
        transform: skew(-7deg, 0deg);
    }
    body.error404 .searchform-main.skew-bg>.skew-bg-inn {
        -moz-transform: skew(7deg, 0deg);
        -webkit-transform: skew(7deg, 0deg);
        -o-transform: skew(7deg, 0deg);
        -ms-transform: skew(7deg, 0deg);
        transform: skew(7deg, 0deg);
    }
    .footer {
        padding-top: 0;
    }
    .footer .footer-top {
        padding-bottom: 0;
    }
    .branch-contain .section-title {
        position: relative;
        max-width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .branch-contain .contain-inn {
        padding-left: 0;
    }
    .branch-page .branch-list li.list2 {
        width: 50%;
    }
    .branch-page .branch-list li.list2 .box-inner {
        padding: 20px;
    }
    .governance-section .left-section {
        width: 100%;
        border-radius: 10px 10px 0 0;
        padding: 10px 20px;
        min-height: inherit;
    }
    .governance-section .left-section .tit {
        font-size: 20px;
        line-height: 26px;
    }
    .governance-section .right-section {
        width: 100%;
        border-radius: 0 0 10px 10px;
    }
    .governance-section .governance-list .btn-c {
        font-size: 15px;
        line-height: 20px;
    }
    .governance-section .governance-list .btn-c .feather {
        width: 18px;
        height: 18px;
        top: 11px;
    }
    .governance-section .governance-list .btn-c span {
        padding-bottom: 3px;
    }
    .logistics-services-page-main {
        padding: 100px 0 0 0;
    }
    .logistics-services-page .logistics-services-inn {
        flex-flow: wrap;
    }
    .logistics-services-page .logistics-services-left {
        width: 100%;
        order: 2;
    }
    .logistics-services-page .logistics-services-right {
        width: 100%;
        order: 1;
        padding: 0 0 30px 0;
    }
    .logistics-services-page .logistics-services-right.fixed {
        position: relative;
        top: auto;
        margin: 0 !important;
    }
    .logistics-services-page .service-banner-form {
        margin: 0 auto;
    }
}

@media only screen and (max-width:991px) {
    .meet-the-teamslider .team-list {
        width: 50%;
    }
    .about-page-banner .full-content {
        column-count: 1;
        padding-top: 30px;
    }
    .about-core-values .section-title {
        margin-bottom: 20px;
    }
    .about-core-values .left-part {
        width: 100%;
    }
    .about-core-values .right-part {
        width: 100%;
    }
    .about-quality .quality-inn {
        padding-left: 240px;
    }
    .about-core-values .panel-group .panel .panel-title a {
        padding: 15px 55px 15px 20px;
    }
    .about-core-values .panel-group .panel-body {
        padding: 20px 20px 25px 20px;
    }
    .about-awards .section-title {
        margin-bottom: 20px;
    }
    .about-blog-list li {
        width: 50%;
        padding-bottom: 30px;
    }
    .about-blog-list li:last-child {
        padding-bottom: 0;
    }
    .about-csr .about-blog-list li .procaption {
        padding-left: 20px;
        padding-right: 20px;
    }
    .home-growth.about-national-presence .growth-list {
        padding-top: 0;
    }
    .about-national-presence .left-part {
        width: 100%;
        text-align: center;
    }
    .about-national-presence .right-part {
        width: 100%;
        padding-top: 30px;
    }
    .about-service .section-image {
        position: relative;
        left: auto;
        bottom: auto;
        display: block;
        margin: 0 auto;
    }
    .career-service-list li {
        width: 100%;
        margin: 0;
    }
    .career-service-list li .boxinner {
        padding: 25px 20px;
    }
    .career-service-list li:nth-child(2n+1) .boxinner {
        padding: 25px 20px;
    }
    .about-group-company .section-image {
        position: relative;
        display: block;
        margin: 0 auto 10px auto;
    }
    .about-group-company .company-list li {
        width: 100%;
        padding-bottom: 30px;
    }
    .about-group-company .company-list li:last-child {
        padding-bottom: 0;
    }
    .about-group-company .company-list .group-company-desc {
        padding: 15px 0;
    }
    .section-whitebg.home-quick-contact {
        padding-bottom: 40px;
    }
    .home-quick-contact .section-title {
        margin-bottom: 15px;
    }
    .home-quick-contact .left-part {
        width: 100%;
        padding: 0 0 30px 0;
    }
    .home-quick-contact .left-list li {
        padding-bottom: 25px;
    }
    .home-quick-contact .right-part {
        padding-top: 85px;
        width: 45%;
    }
    .home-quick-contact .quick-contact {
        width: 100%;
        padding: 0;
    }
    .home-quick-contact .quick-contact .box-inner {
        padding: 10px 20px 0 20px;
    }
    .home-quick-contact .right-part {
        width: 100%;
        padding-top: 60px;
    }
    .home-quick-contact .con-list {
        display: inline-block;
        padding-right: 20px;
        width: auto;
    }
    .home-quick-contact .link-list li {
        width: auto;
        display: inline-block;
        padding-right: 20px;
    }
    .service-page .left-image {
        width: 100%;
        text-align: center;
    }
    .service-page.image-left .left-image {
        text-align: center;
    }
    .service-page .right-accordion {
        width: 100%;
        padding-top: 40px;
    }
    .service-page .panel-group .panel+.panel {
        margin-top: 25px;
    }
    .service-optimize-cargo .left-image {
        width: 100%;
        text-align: center;
    }
    .service-optimize-cargo .right-contain {
        width: 100%;
    }
    .home-growth .growth-list li,
    .home-growth.col3 .growth-list li {
        width: 50%;
    }
    .section-whitebg.service-page-banner {
        padding: 80px 0 50px 0;
    }
    .service-page-banner .service-image {
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
    .service-page-banner .service-image img {
        margin: 0;
    }
    .service-page-banner.calendar-page-banner-new .service-image img {
        margin-top: 0;
    }
    .service-page-banner .section-title {
        width: 100%;
        padding-top: 30px;
    }
    .service-page-banner.become-business-landing-banner .section-title {
        width: 100%;
    }
    .become-business-landing-banner .service-banner-form {
        width: 100%;
    }
    .service-page-banner.become-business-landing-banner .landing-image {
        width: 100%;
    }
    .service-banner-form {
        padding-top: 40px;
        max-width: 100%;
        margin: 0 auto;
    }
    .service-banner-form .service-form {
        max-width: 500px;
        margin: 0 auto;
    }
    .contact-contain-section .contact-contain-section-inn {
        max-width: 100%;
    }
    .blog-section .blog-left-bar {
        width: 100%;
        padding-bottom: 30px;
    }
    .blog-section .blog-sidebar {
        width: 100%;
    }
    .blog-sidebar .widget,
    .blog-sidebar .widget.upcoming-events,
    .blog-sidebar .widget.news-coverage-sidebar {
        /*float: left;*/
        display: inline-block;
        vertical-align: top;
        width: 48%;
        margin: 0 1%;
        margin-bottom: 30px;
    }
    .blog-sidebar .widget.sidebar-newsletter {
        width: 100%;
        margin: 0;
    }
    .blog-section .related-post .blog-list .recent-post-list {
        width: 50%;
    }
    .section-whitebg.sub-page-banner {
        padding: 80px 0 50px 0;
    }
    .sub-page-banner .section-title {
        padding-right: 0;
    }
    .sub-page-banner .section-title-inn {
        max-width: 100%;
    }
    .sub-page-banner .section-title .page-icon {
        position: relative;
        top: auto;
        margin: 0 auto;
    }
    .sub-page-banner .section-title .desc {
        padding-bottom: 0;
    }
    .sub-page-banner.clients-page-banner .section-title .page-icon {
        top: auto;
    }
    .sub-page-banner.career-page-banner .section-title .page-icon {
        top: auto;
    }
    .sub-page-banner.career-page-banner .section-title .desc {
        padding-bottom: 20px;
    }
    .section-whitebg.about-page-banner {
        padding: 80px 0 50px 0;
    }
    .about-page-banner .about-image {
        width: 100%;
        text-align: center;
    }
    .about-page-banner .about-image img {
        margin: 0;
    }
    .about-page-banner .section-title {
        width: 100%;
        padding-top: 25px;
    }
    .about-page-banner .section-title .section-title-inn {
        max-width: 100%;
    }
    .sub-page-banner.business-enquiry-page-banner .section-title .page-icon {
        top: auto;
    }
    .sub-page-banner.business-enquiry-page-banner .section-title-inn {
        padding-top: 30px;
    }
    .sub-page-banner.business-enquiry-page-banner .section-title .desc {
        padding-bottom: 30px;
    }
    .sub-page-banner.apply-now-bannner .section-title-inn {
        padding-top: 30px;
    }
    .sub-page-banner.tools-page-banner .section-title .desc {
        padding-bottom: 30px;
    }
    .sub-page-banner.rate-distance-calculator-page-banner .section-title .page-icon {
        top: auto;
    }
    .sub-page-banner.rate-distance-calculator-page-banner .section-title-inn {
        padding-top: 30px;
    }
    .sub-page-banner.rate-distance-calculator-page-banner .section-title .desc {
        padding-bottom: 30px;
    }
    .sub-page-banner.pick-up-request-page-banner .section-title .page-icon {
        top: auto;
    }
    .sub-page-banner.pick-up-request-page-banner .section-title-inn {
        padding-top: 30px;
    }
    .sub-page-banner.pick-up-request-page-banner .section-title .desc {
        padding-bottom: 30px;
    }
    .sub-page-banner.tax-forms-page-banner .section-title .page-icon {
        top: auto;
    }
    .sub-page-banner.tax-forms-page-banner .section-title-inn {
        padding-top: 30px;
    }
    .sub-page-banner.faq-page-banner .section-title .page-icon {
        top: auto;
    }
    .sub-page-banner .section-title-inn {
        padding-top: 30px;
    }
    .sub-page-banner.news-events-banner .section-title .page-icon {
        top: auto;
    }
    .sub-page-banner.privacy-policy-page-banner .section-title .page-icon {
        top: auto;
    }
    .service-page-banner.foundation-day-banner .section-title {
        text-align: center;
    }
    .service-page-banner.foundation-day-banner .section-title .desc {
        text-align: center;
    }
    .service-page-banner.foundation-day-banner .section-title .desc .vijayant-logo {
        margin: 15px auto;
    }
    .service-page-banner.foundation-day-banner .service-banner-right {
        width: 100%;
        text-align: center;
    }
    .service-page-banner.foundation-day-banner .service-banner-right .group-pulse-logo {
        float: none;
        margin: 0 auto;
    }
    .digital-payment-step-box .step-box-list .box-list {
        width: 100%;
    }
}

@media only screen and (max-width:783px) {
    .home-clients ul.list-logo li {
        width: 33.3%;
        padding-bottom: 30px;
    }
    .need-help-section-main {
        /* padding-top: 150px; */
    }
    .need-help-section-main .need-help-man {
        max-width: 200px;
        margin-left: -100px;
        top: -150px;
    }
    .need-help-section .need-help-left {
        width: 50%;
    }
    .need-help-section .need-help-accordion {
        width: 45%;
    }
    .footer-top .footer-colum {
        width: 100%;
        margin-right: 0;
        padding-bottom: 30px;
    }
    .footer-top .footer-colum.f-corporate-office {
        margin-right: 0;
        width: 100%;
    }
    .footer-top .footer-colum.f-newsletter {
        width: 100%;
        padding-bottom: 0;
    }
    .footer-top ul.menu li {
        display: inline-block;
        padding-right: 20px;
        width: auto;
    }
    .footer-top ul.menu li:last-child {
        padding-right: 0;
    }
    .job-benefit .left-part {
        width: 100%;
        text-align: center;
    }
    .job-benefit .right-part {
        width: 100%;
    }
    .home-track .list-main {
        overflow: hidden;
        -moz-transform: skew(-7deg, 0deg);
        -webkit-transform: skew(-7deg, 0deg);
        -o-transform: skew(-7deg, 0deg);
        -ms-transform: skew(-7deg, 0deg);
        transform: skew(-7deg, 0deg);
    }
    .home-track .list-main .list.track-ship {
        -moz-transform: skew(-7deg, 0deg);
        -webkit-transform: skew(-7deg, 0deg);
        -o-transform: skew(-7deg, 0deg);
        -ms-transform: skew(-7deg, 0deg);
        transform: skew(-7deg, 0deg);
    }
    .home-track .list-main>.skew-bg-inn,
    .home-track .list-main .list.track-ship>.skew-bg-inn {
        -moz-transform: skew(7deg, 0deg);
        -webkit-transform: skew(7deg, 0deg);
        -o-transform: skew(7deg, 0deg);
        -ms-transform: skew(7deg, 0deg);
        transform: skew(7deg, 0deg);
    }
    .home-track .list-main .list.customer-care {
        display: block;
        width: 100%;
        background: none;
        border-bottom: 2px dotted #d9dfe7;
        padding: 20px 20px 20px 30px;
        text-align: center;
    }
    .home-track .list-main .list.customer-care:after {
        display: none;
    }
    .home-track .list-main .list.pickup-request {
        display: block;
        width: 100%;
        text-align: center;
    }
    .contact-track .track-ship .pickup-request-btn {
        margin-left: 0;
    }
    .home-track .list-main .list.track-ship {
        width: 100%;
        display: block;
        left: -15px;
        padding: 20px;
        text-align: center;
    }
    .home-track .form-box {
        padding: 0 0 20px 0;
    }
    .contact-us .contact-left-address {
        width: 100%;
        padding: 0 0 20px 0;
    }
    .contact-us .contact-right-phone {
        width: 100%;
    }
    .service-page-contact .contact-left-address {
        width: 100%;
        padding: 0 0 20px 0;
    }
    .service-page-contact .contact-right-phone {
        width: 100%;
    }
    .contact-regional-office .contact-left-address {
        width: 100%;
        padding: 0 0 20px 0;
    }
    .contact-regional-office .contact-right-phone {
        width: 100%;
    }
    .customer-service-list-main {
        padding: 0 5px 5px 5px;
    }
    .customer-service-list {
        width: 100%;
    }
    .instruction-section .instruction-left {
        width: 100%;
        padding: 0;
    }
    .instruction-section .instruction-list {
        width: 100%;
    }
    .instruction-section .instruction-list li {
        display: inline-block;
        width: auto;
        padding: 0 30px 20px 0;
    }
    .instruction-section .instruction-list li:last-child {
        padding-right: 0;
    }
    .gst-info-top-table tr td {
        display: block;
    }
    .form-bg-shadow .border-td.gst-info-top-table tr td {
        border-right: none;
        border-bottom: 2px dotted #dde3ea;
    }
    .form-bg-shadow .border-td.gst-info-top-table tr:last-child td:last-child {
        border-bottom: none;
    }
    .gst-info-table thead {
        display: none;
    }
    .gst-info-table thead tr td,
    .gst-info-table tbody tr td {
        display: table !important;
        width: 100%;
        border-bottom: 2px dotted #dde3ea;
        padding: 10px 15px !important;
    }
    .gst-info-table thead tr td:before,
    .gst-info-table tbody tr td:before {
        /* display: inline-block; */
        display: table-cell;
        padding: 10px 15px;
        content: attr(data-label);
        width: 170px;
        font-size: 15px;
        color: #16417c;
        font-weight: 500;
        font-style: italic;
        font-family: 'Rubik', sans-serif;
    }
    .gst-info-table thead tr td:first-child,
    .gst-info-table tbody tr td:first-child {
        border-radius: 6px 6px 0 0;
    }
    .gst-info-table thead tr td:last-child,
    .gst-info-table tbody tr td:last-child {
        border-radius: 0 0 6px 6px;
        border-bottom: 10px solid transparent;
        border-right: 15px solid transparent;
    }
    .home-featured-in ul.list-logo li.li-class {
        width: 50%;
        padding: 10px 15px;
    }
    .home-why-v-trans ul.list-service li {
        width: 50%;
        padding-bottom: 30px;
    }
    .home-why-v-trans ul.list-service li:last-child {
        padding-bottom: 0;
    }
    .home-group-company .company-list li .box-contain {
        width: 100%;
        padding: 20px;
    }
    .home-group-company .company-list li .box-image {
        width: 100%;
        position: relative;
    }
    .home-group-company .company-list li .company-logo {
        margin-bottom: 10px;
    }
    .home-group-company .company-list li .group-company-desc {
        padding-bottom: 10px;
    }
    .home-md-section .md-desc-manin {
        padding-left: 0;
    }
    .home-md-section .md-image {
        position: relative;
        margin: 0 auto 30px auto;
    }
    body.error404 .searchform-main {
        padding: 20px;
    }
    body.error404 .page-title2 {
        font-size: 120px;
    }
    .footer-top .f-address br {
        display: none;
        visibility: hidden;
    }
    .home-blog .blog-list li {
        width: 100%;
    }
    .about-awards .award-certification-list li {
        width: 50%;
    }
}

@media only screen and (max-width:767px) {
    .homehero .slide-right {
        position: absolute;
        width: 100%;
        z-index: -1;
        padding-top: 100px;
        opacity: 0.1;
    }
    .homehero .slide-right img {
        left: 0;
        max-width: 100%;
    }
    .homehero .multiple.slide2 .slide-right img {
        left: 0;
        max-width: 100%;
    }
    .homehero .multiple.slide3 .slide-right img {
        left: 0;
        max-width: 100%;
    }
    .homehero .slide-left {
        width: 100%;
    }
    .track-box {
        max-width: 100%;
    }
    .track-ship-result .progress-bar-main {
        padding: 20px;
    }
    .top-gc-number-table tr td {
        display: block;
        width: 100% !important;
    }
    .track-ship-result .information-about-docket-tab table.top-gc-number-table tr td.border-td {
        border-right: none;
        border-bottom: 2px dotted #dde3ea;
    }
    .track-ship-result .information-about-docket-tab table.top-gc-number-table tr td.border-td:last-child {
        border-bottom: none;
    }
    .bottom-gc-date-table tr td {
        border-bottom: 2px dotted #dde3ea;
        display: block;
        width: 100% !important;
        text-align: center;
    }
    .bottom-gc-date-table tr td:last-child {
        border-bottom: none;
    }
    .movement-gc-number-table tr td {
        display: block;
        text-align: center !important;
    }
    .movement-gc-number-table tr td.blank {
        display: none;
        visibility: hidden;
    }
    .track-ship-result .information-about-docket-tab table.movement-gc-number-table tr td .status-bg {
        margin-top: 0 !important;
    }
    .modal-dialog,
    body .mlab-modal-dialog {
        display: inherit;
    }
    .footer {
        padding-top: 0;
    }
    .footer .footer-top {
        padding: 40px 0 25px 0;
    }
    .footer-bottom .left-part {
        display: block;
        width: 100%;
        text-align: center;
    }
    .footer-bottom .footer-logo {
        padding-bottom: 15px;
    }
    .footer-bottom .footer-logo img {
        margin: 0 auto;
    }
    .footer-bottom .right-part {
        width: 100%;
        padding-top: 20px;
        text-align: center;
        display: block;
    }
    .footer-bottom .social-main {
        margin: 0 auto;
    }
    .design-by {
        text-align: center;
        padding-top: 25px;
    }
    .branch-page .branch-list li.list2 {
        width: 100%;
    }
    .governance-section .governance-list li {
        width: 100%;
    }
}

@media screen and (max-device-width: 767px) and (orientation: landscape) {}

@media only screen and (max-width:685px) {
    .home-clients ul.list-logo li {
        width: 50%;
        padding-bottom: 15px;
    }
    .section-whitebg.need-help-section {
        padding: 50px 0;
    }
    .need-help-section .need-help-left {
        width: 100%;
    }
    .need-help-section .need-help-section-title {
        max-width: 100%;
    }
    .need-help-section .need-help-accordion {
        width: 100%;
        padding-top: 30px;
    }
    .meet-the-management .section-title {
        width: 100%;
        position: relative;
    }
    .meet-the-management .slick-slider .slick-arrow {
        top: 40px;
    }
    .meet-the-teamslider .team-list {
        width: 100%;
        margin: 0;
        padding: 10px 15px;
    }
    .meet-the-teamslider .team-list.half {
        width: 100%;
    }
    .meet-the-teamslider .team-list.blank {
        min-height: 70px;
    }
    .about-quality .section-title {
        position: relative;
        margin: 0 0 10px 0;
    }
    .about-quality .quality-image {
        position: relative;
        top: auto;
    }
    .about-quality .quality-inn {
        padding-left: 0;
    }
    .about-quality .title-description {
        padding-bottom: 20px;
    }
    .about-quality .title-description br {
        display: none;
        visibility: hidden;
    }
    .about-blog-list li {
        width: 100%;
        margin: 0;
    }
    .about-blog-list li .blog-title {
        min-height: inherit;
    }
    .section-title .sec-title {
        font-size: 24px;
        line-height: 30px;
    }
    .contact-regional-office .tab-main>ul.nav-tabs {
        border-bottom: none;
    }
    .contact-regional-office .tab-main>ul.nav-tabs>li {
        width: 100%;
        border-bottom: 2px dotted #dde3ea;
    }
    .contact-regional-office .tab-main>ul.nav-tabs>li>a {
        width: 100% !important;
    }
    .blog-section .blog-list .recent-post-list {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100%;
        margin: 0;
    }
    .blog-section.news-coverage-section .blog-list .recent-post-list {
        width: 100%;
    }
    .blog-section .recent-post-list .post-thumbnail img {
        height: auto;
    }
    .blog-sidebar .widget,
    .blog-sidebar .widget.upcoming-events,
    .blog-sidebar .widget.news-coverage-sidebar {
        margin: 0 0 30px 0;
        width: 100%;
    }
    .privacy-policy-page h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .blog-section .related-post .blog-list .recent-post-list {
        width: 100%;
        margin: 0;
    }
    .single-page blockquote.quote-sign,
    .single-page blockquote.has-sign {
        padding-left: 20px;
        padding-right: 0;
    }
    .single-page blockquote {
        padding-right: 0;
    }
    .single-page blockquote.double-quote-sign {
        padding: 20px;
    }
    .home-app-section .left-part img {
        margin-top: -110px;
    }
    .home-blog .blog-list li {
        width: 100%;
        margin: 0;
    }
    .home-blog .blogcaption {
        padding: 20px;
        min-height: auto;
    }
    .home-blog .blogcaption .btn-text-line {
        position: relative;
        bottom: auto;
    }
    .home-blog .blog-desc {
        padding-bottom: 5px;
    }
    .mobile-width {
        width: 100%;
    }
    .bottom-stiscky-bar {
        display: none;
    }
    .footer {
        padding-bottom: 30px;
        /*padding-bottom: 120px;*/
    }
    .about-awards .award-certification-list li {
        width: 100%;
    }
    .home-growth.col3 .growth-list li {
        width: 100%;
    }
    .logistics-services-page .home-growth .growth-list li {
        width: 100%;
    }
}

@media only screen and (max-width:675px) {
    .our-network-section #wpsl-gmap {
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    .our-network-section #wpsl-result-list {
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    .bottom-link-section ul li.customer-care,
    .bottom-link-section ul li {
        width: 100%;
        margin: 0;
    }
    .tools-page-banner .page-list li {
        width: 100%;
        margin: 0;
    }
    .track-box .tit .icon {
        right: 20px;
    }
    .track-box .tit {
        padding: 18px 100px 18px 20px;
    }
    .track-box .track-box-inn {
        padding: 14px 20px 0 20px;
    }
    .track-ship-result .delivery-tab-main .delivery-tab-call table tr td {
        display: block;
        width: 100%;
    }
    .result-table tbody tr td,
    .result-table thead tr td {
        display: block;
        width: 100%;
    }
    .result-table tbody tr td:first-child {
        border-radius: 6px 6px 0 0;
    }
    .result-table tbody tr td:last-child {
        border-radius: 0 0 6px 6px;
        padding-top: 0;
    }
    .result-table tbody tr td.note-td {
        padding-top: 10px;
    }
    .tax-forms-table tbody tr td {
        padding: 10px 15px !important;
    }
    .home-why-v-trans ul.list-service li {
        width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .home-why-v-trans ul.list-service li .sec-title1 {
        padding: 20px 0 10px 0;
    }
    .home-service .service-list2 li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .home-service .service-list2 li .box-inner {
        padding: 20px 20px 0 20px;
        min-height: auto;
    }
    .homehero .title2 {
        font-size: 20px;
        line-height: 30px;
    }
    .homehero .desc {
        font-size: 15px;
        line-height: 24px;
    }
    .footer {
        padding-bottom: 30px;
        /*padding-bottom: 170px;*/
    }
}

@media only screen and (max-width:479px) {
    .job-list-main .bottom-carrer-contact li.email {
        padding-left: 0;
    }
    .job-list-main .bottom-carrer-contact li.email .icon {
        position: relative;
        top: auto;
    }
    .job-list-main .bottom-carrer-contact li.email .icon .icon-svg {
        top: -4px;
    }
    .home-growth.about-national-presence .growth-list li {
        width: 100%;
        margin: 0;
        padding: 10px 0;
    }
    .home-growth .growth-list li {
        width: 100%;
        margin: 0;
        padding: 10px 0;
    }
    .service-page .panel-group .panel-heading .panel-title {
        font-size: 16px;
    }
    .service-page .panel-title .icon {
        width: 55px;
    }
    .service-page .panel-title .icon img {
        width: 40px;
    }
    .service-page .panel-body {
        padding-left: 55px;
    }
    .service-page .bottom-button {
        padding: 20px 0 0 55px;
    }
    .home-clients ul.list-logo li {
        width: 100%;
        margin: 0;
        padding: 10px 0;
    }
    .customer-service-list li .list-service .list {
        width: 100%;
        padding: 0 0 5px 0;
        display: block;
    }
    .customer-service-list li .list-service .list.phone-list {
        padding-bottom: 0;
    }
    .contact-us .contact-right-phone ul li {
        padding-left: 0;
    }
    .contact-us .contact-right-phone ul li .icon {
        position: relative;
        top: auto;
        padding-right: 8px;
    }
    .contact-us .contact-right-phone ul li .icon .icon-svg {
        top: -4px;
    }
    .contact-regional-office .tab-main>ul.nav-tabs>li>a {
        padding: 12px 15px;
        font-size: 14px;
    }
    .contact-regional-office .contact-right-phone ul li {
        padding-left: 0;
    }
    .contact-regional-office .contact-right-phone ul li .icon {
        position: relative;
        top: auto;
        padding-right: 8px;
    }
    .contact-regional-office .contact-right-phone ul li .icon .icon-svg {
        top: -4px;
    }
    .instruction-section .instruction-bg {
        padding: 20px;
    }
    .instruction-section .instruction-list li {
        width: 100%;
        padding-right: 0;
    }
    .instruction-section .instruction-list li a {
        font-size: 15px;
        line-height: 30px;
    }
    .tax-forms-table tbody tr td:before {
        font-size: 14px;
        padding-right: 10px;
        width: auto;
        max-width: inherit;
    }
    .gst-info-table thead tr td,
    .gst-info-table tbody tr td {
        display: block !important;
    }
    .gst-info-table thead tr td:before,
    .gst-info-table tbody tr td:before {
        font-size: 14px;
        padding: 0 10px 0 0;
        width: auto;
        max-width: inherit;
        display: inline-block;
    }
    .gst-info-table thead tr td:last-child,
    .gst-info-table tbody tr td:last-child {
        border-bottom: none;
        border-right: none;
    }
    .homehero,
    .homehero .slide-left,
    .homehero .slide-right {
        height: 530px;
    }
    .home-featured-in ul.list-logo li.li-class {
        width: 100%;
        margin: 0;
    }
    .home-testimonial .client-desc {
        font-size: 14px;
        line-height: 20px;
    }
    .home-testimonial .client-name {
        font-size: 16px;
    }
    .home-testimonial .client-name .c-name {
        font-size: 15px;
    }
}

@media only screen and (max-width:440px) {
    .service-page-contact .contact-right-phone ul li {
        padding-left: 0;
    }
    .service-page-contact .contact-right-phone ul li .icon {
        position: relative;
        left: auto;
        top: auto;
        display: block;
    }
}