/* For Light Theme */
[data-theme="light"] {
    --white: #fff;
    --headerRgbaBg: rgba(255,255,255,.3);
    --border-color: rgba(37,135,200,0.2);
    --headerText: #fff;
    --headerDark: #333;
    --bodyText: #333;
    --footerText: #F3F3F3;
    --primary: #EA0029;
    --secondly: #192444;
    --footerInput: #F3F3F3;
    --footerInputBorder: rgba(243,243,243,.2);
    --boxText: #999;
    --paginationBg: rgba(243,243,243,.5);
    --whiteBg: #fff;
    --footerBg: #333;
    --btnDefault: #fff;
    --btnDark: #333;
    --headerWhite: #fff;
    --menuBg: #F3F3F3;
    --swiperText: #fff;
    --swiperTextDark: #333;
    --footerText: rgba(243, 243, 243, .6);
    --footerTextWhite: #fff;
    --trackBtn: #fff;
    --trackShipmentBtnBg: #fff;
    --sarNumbersBg: #333;
    --innerBannerBg: #333;
    --searchFaqsBg: #f5f5f5;
    --slide-info: #F3F3F3;
    --paginationText: #333;
    --bodyColor: #fff;
    --homeBg: url(../images/homepage-bg.jpg) no-repeat;
    --menuBg: #fff;
    --menuText: #333;
    --menuImage: url(../images/menu-bg.jpg) no-repeat;
    --footerShade: url(../images/footer-animate-bg-1.png);
}

/* For Light Theme */
[data-theme="dark"] {
    --white: #fff;
    --headerRgbaBg: #000;
    --border-color: rgba(37,135,200,0.2);
    --headerText: #fff;
    --headerDark: #fff;
    --bodyText: #333;
    --footerText: #F3F3F3;
    --primary: #EA0029;
    --secondly: #192444;
    --footerInput: #F3F3F3;
    --footerInputBorder: rgba(243,243,243,.2);
    --boxText: #999;
    --paginationBg: #333;
    --whiteBg: #fff;
    --footerBg: #000;
    --btnDefault: #fff;
    --btnDark: #333;
    --headerWhite: #000;
    --menuBg: #333;
    --swiperText: #fff;
    --swiperTextDark: #333;
    --footerText: rgba(243, 243, 243, .6);
    --footerTextWhite: #fff;
    --trackBtn: #fff;
    --trackShipmentBtnBg: #fff;
    --sarNumbersBg: #333;
    --innerBannerBg: #333;
    --searchFaqsBg: #f5f5f5;
    --slide-info: #F3F3F3;
    --paginationText: #fff;
    --bodyColor: #000;
    --homeBg: url(../images/homepage-bg-dark.jpg) no-repeat;
    --menuBg: #000;
    --menuText: #fff;
    --menuImage: url(../images/menu-bg-dark.jpg) no-repeat;
    --footerShade: url(../images/footer-animate-bg-1-dark.png);
}

[data-theme="dark"] body {
    color: #fff
}
    [data-theme="dark"] .mini-search input,
    [data-theme="dark"] .shipping-more-btn button span,
    [data-theme="dark"] .search-faqs .inputs-holder .search-submit span,
    [data-theme="dark"] .contact-form-main .btn-epic span:last-child,
    [data-theme="dark"] .contact-form-main .tabs-content .tabs .form-group .form-control,
    [data-theme="dark"] .contact-form-main .tabs-content .tabs .form-group label,
    [data-theme="dark"] .c_openig_sec .main-manager .g-manager .mang h2,
    [data-theme="dark"] .grid_sec .grid p,
    [data-theme="dark"] .working_sec .right p,
    [data-theme="dark"] .form-holder label,
    [data-theme="dark"] .data_list .list ul li,
    [data-theme="dark"] .new-heading-l,
    [data-theme="dark"] .capabilitie_sec .left h2,
    [data-theme="dark"] .customs_clearance_main .text p,
    [data-theme="dark"] .swiper-infos2 .grid p,
    [data-theme="dark"] .sal_text .para p,
    [data-theme="dark"] .swiper-infos a,
    [data-theme="dark"] ul li,
    [data-theme="dark"] ul li a,
    [data-theme="dark"] .ground-handling-nav ul li a,
    [data-theme="dark"] .new-trackshipment-btn,
    [data-theme="dark"] .latest-news h2,
    [data-theme="dark"] .rich-heritage h2,
    [data-theme="dark"] #rateTableBody td,
    /*#calculationNote,*/
    [data-theme="dark"] #breakdownTable td
    /*[data-theme="dark"] .contact-form-main #message-form p,
    [data-theme="dark"] .contact-form-main #message-form span*/ {
        --bodyText: #fff;
        color: var(--bodyText) !important;
    }

[data-theme="dark"] .heritage-swiper-holder .item {
    --swiperTextDark:#fff;
    color: var(--swiperTextDark);
}
[data-theme="dark"] .modal.right .modal-content,
[data-theme="dark"] .shipping-more-infos,
[data-theme="dark"] .search-faqs,
[data-theme="dark"] .article_sec .right,
[data-theme="dark"] .check_sec .form-check label:before,
[data-theme="dark"] .ship_sec .ship_wrap,
[data-theme="dark"] .grid_sec .grid,
[data-theme="dark"] .swiper-infos .box .infos,
[data-theme="dark"] .swiper-infos2 .grid,
[data-theme="dark"] .new-main .box {
    --white: #161616;
    background: var(--white);
}

[data-theme="dark"] .new-trackshipment-btn .bg {
    background: rgba(243, 243, 243, 0.3);
}
[data-theme="dark"] .new-trackshipment-btn:hover .icons {
    background: rgba(243, 243, 243, 0.3);
}
[data-theme="dark"] .new-trackshipment-btn:hover .icons svg {
    fill: var(--trackBtn);
}

[data-theme="dark"] .sticky-tab-content .inner h2 {
    color:var(--primary)
}
[data-theme="dark"] .sal-repeated-bg,
[data-theme="dark"] .sal_text .new-ss-bg {
    opacity: .1
}
[data-theme="dark"] .inner-banner .inner-shade {
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 1) 100%);
}
[data-theme="dark"] .contact-form-main .tabs-content .tabs .form-group .form-control,
[data-theme="dark"] .c_openig_sec .main-manager .g-manager:before,
[data-theme="dark"] .cargo-services-main {
    background: #181818;
}
[data-theme="dark"] .form-holder .form-select,
[data-theme="dark"] .form-holder .form-group textarea,
[data-theme="dark"] .form-holder .form-group input,
[data-theme="dark"] .listing_sec {
    border-color: #252525;
}
[data-theme="dark"] .search-faqs .inputs-holder input::placeholder,
[data-theme="dark"] .contact-form-main .tabs-content .tabs .form-group .form-control::placeholder {
    color: rgba(255,255,255,.7);
    opacity: 1; /* Firefox */
}

[data-theme="dark"] .search-faqs .inputs-holder input:-ms-input-placeholder,
[data-theme="dark"] .contact-form-main .tabs-content .tabs .form-group .form-control:-ms-input-placeholder { /* Edge 12 -18 */
    color: rgba(255,255,255,.7);
}

[data-theme="dark"] .c_openig_sec .main-manager .g-manager .mang p {
    color: rgba(255,255,255,.7)
}

/*[data-theme="dark"] .contact-form-main p,
[data-theme="dark"] .contact-form-main span {
    color: #333 !important;
}*/

[data-theme="dark"] .new-main .box:hover > .infos h5 {
    --white:#fff;
    color: var(--white);
}

[data-theme="dark"] .search-faqs .inputs-holder input {
    background:#202020;
}

[data-theme="dark"] .awb-infos li {
    border-color: #1c1b1b
}

[data-theme="dark"] .contact-form-main .datepicker {
    background-color: #000 !important;
    background: #000 !important;
    color: #fff !important;
    border: none;
    padding: 0 !important;
}

[data-theme="dark"] .contact-form-main .dropdown-menu {
    background: #000;
    border: 1px solid rgba(255,255,255,.10);
}

[data-theme="dark"] .contact-form-main .bootstrap-datetimepicker-widget.dropdown-menu.top:before,
[data-theme="dark"] .contact-form-main .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-top: 6px solid #000;
}

[data-theme="dark"] .contact-form-main .datepicker .datepicker-dropdown:after {
    border-bottom: 6px solid #000;
}

[data-theme="dark"] .contact-form-main .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #fff;
    color: #000;
}

[data-theme="dark"] .contact-form-main .datepicker thead tr:nth-child(3) th {
    color: #fff !important;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 10px;
}

[data-theme="dark"] .contact-form-main .datepicker .old-day:hover,
[data-theme="dark"] .contact-form-main .datepicker .day:hover,
[data-theme="dark"] .contact-form-main .datepicker .new-day:hover,
[data-theme="dark"] .contact-form-main .datepicker .month:hover,
[data-theme="dark"] .contact-form-main .datepicker .year:hover,
[data-theme="dark"] .contact-form-main .datepicker .decade:hover,
[data-theme="dark"] .contact-form-main .datepicker .century:hover {
    background-color: #eee;
    color: #000;
}

[data-theme="dark"] .contact-form-main .datepicker .disabled {
    color: #616161 !important;
}

[data-theme="dark"] .contact-form-main .datepicker .prev,
[data-theme="dark"] .contact-form-main .datepicker .next,
[data-theme="dark"] .contact-form-main .datepicker .datepicker-switch {
    border-radius: 0 !important;
    color: #fff !important;
    opacity: 0.8;
}

[data-theme="dark"] .contact-form-main .datepicker .prev:hover,
[data-theme="dark"] .contact-form-main .datepicker .next:hover,
[data-theme="dark"] .contact-form-main .datepicker .datepicker-switch:hover {
    background-color: inherit !important;
    opacity: 1;
}

[data-theme="dark"] .segment-main .item .circle {
    background: #000;
    border: 3px solid #272727;
}
[data-theme="dark"] .segment-main .bar {
    background:#272727;
}


[data-theme="dark"] .boat_anim #boat_video {
    display: none;
}

[data-theme="dark"] .boat_anim #boat_video_black {
    display: block;
    width: 100%;
}

[data-theme="dark"] .truck_anim #truck_video {
    display: none;
}

[data-theme="dark"] .truck_anim #truck_video_black {
    display: block;
    width: 100%;
}


[data-theme="dark"] .home-page .airoplan_top video#airoplan_video {
    display: none;
}

[data-theme="dark"] .home-page .airoplan_top #airoplan_video_dark {
    display: block;
}
[data-theme="dark"] .dropdown-menu li a {
    color: #000 !important;
}
[data-theme="dark"] .listing_sec svg {
    stroke: #fff;
}
[data-theme="dark"] .warehousing_sec .right p {
    color: #fff;
}
[data-theme="dark"] .data_list .list ul li::marker {
    color: #fff;
}
[data-theme="dark"] .cookie-main .inner {
    background-color: #000000;
}

[data-theme="dark"] .contact-form-main p {
    color: #fff !important;
}

[data-theme="dark"] .services_button .btn-epic span:last-child {
    color: #fff;
}

[data-theme="dark"] .services_button .btn-epic span:last-child svg path {
    fill: #fff;
}

[data-theme="dark"] .btn-close {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
}
[data-theme="dark"] .print_page button {
    color: #fff;
}
[data-theme="dark"] .form-holder-new .form-group label.error {
    color: var(--primary) !important;
}
[data-theme="dark"] .modal-content {
    background: #333 !important;
}
[data-theme="dark"] .form-holder-new select {
    background: #000 !important;
}

[data-theme="dark"] .contact-form-main .tabs-content .tabs .form-group label.error {
    --bodyText: #EA0029;
    color: var(--bodyText) !important;
}
[data-theme="dark"] .check_sec .form-check .form-check-label a {
    color: var(--primary);
}
[data-theme="dark"] .mini-search .search-icon:hover svg {
    stroke: var(--primary) !important;
}
[data-theme="dark"] .btn-epic {
    border-color: #333;
    background:#333;
}
[data-theme="dark"] .mini-search {
    border-bottom: 1px solid rgb(76 76 76);
}
[data-theme="dark"] .check_sec .btn-epic:hover span:first-child {
    color: #fff !important;
}
[data-theme="dark"] .c-scrollbar_thumb {
    background-color: var(--primary) !important;
}
[data-theme="dark"] .search-faqs .inputs-holder .clear-faqs-search svg {
    fill:#fff;
}
[data-theme="dark"] .highlight {
    background-color: var(--primary);
}
@media only screen and (max-width: 767px) {
    [data-theme="dark"] .heritage-swiper-holder .infos p{
        color: #fff;
    }

}