@font-face {
    font-family: "Montserrat Black";
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/Montserrat-Black.eot");
    src: url("../fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Black.woff") format("woff"), url("../fonts/Montserrat-Black.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/Montserrat-Bold.eot");
    src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat Light";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Montserrat-Light.eot");
    src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Montserrat-Regular.eot");
    src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat Hairline";
    font-style: normal;
    font-weight: lighter;
    src: url("../fonts/Montserrat-Hairline.eot");
    src: url("../fonts/Montserrat-Hairline.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Hairline.woff") format("woff"), url("../fonts/Montserrat-Hairline.ttf") format("truetype");
}

body {
    font-family: "Montserrat", Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: bold;
    color: #00507d !important;
}

h4 {
    font-size: 20px !important;
}

h5 {
    font-size: 18px;
}

label {
    font-size: 16px;
    color: #00507d;
}

img {
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-crisp-edges;
}

div.c-prefooter p,
div.c-prefooter li {
    color: #8b939a;
}

.imagecontour {
    padding: 10px;
    border: solid 1px #EFEFEF;
    background-color: #FFFFFF;
}

.effect2 {
    position: relative;
}

.effect2:before,
.effect2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    box-shadow: 0 15px 10px #777;
    transform: rotate(-3deg);
}

.effect2:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

div.c-layout-page {
    margin-top: 50px !important;
}

.mt48 {
    margin-top: 48px !important;
}

#container-right {
    position: fixed;
    right: 0;
    top: 0;
    background-color: #f2f2f2;
    width: 435px;
    height: 100%;
    z-index: 1000;
    transition: ease-in-out 0.2s;
    -webkit-transition: ease-in-out 0.2s;
}

.header {
    height: 50px;
    width: 100%;
}

.texture {
    background-image: url("../images/textureheader1.png");
    background-repeat: repeat;
    background-size: 16% 100%;
    float: left;
    width: 100%;
    height: 50px;
}

.login-content {
    width: 100%;
    position: absolute;
    top: 36%;
    padding: 0 27px;
}

.v-line {
    width: 10px;
    height: 60px;
    border-left: 4px solid #ea7718;
    background: transparent;
    margin-left: 15px;
}

.tech-title {
    font-size: 27pt;
    float: left;
    color: #00507d;
    margin-top: 7px;
    padding-left: 10px;
    font-family: "Montserrat black";
}

.brand-container {
    width: 314px;
    height: 108px;
    position: absolute;
    bottom: 35px;
    left: 13%;
}

.brand-img {
    height: 75px;
    width: 57%;
    background-image: url("../img/adv-slide/brand-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    float: left;
}

section {
    position: relative;
    width: 100%;
    height: 100%;
}

section.autobahn-section {
    height: 75px;
}

#myCarousel.autobahn-adv {
    float: left;
    width: 43%;
    height: 75px;
}

#myCarousel .carousel-caption {
    text-align: left;
    left: 8% !important;
    top: 20%;
    text-shadow: none;
}

.carousel {
    overflow: hidden;
    display: block;
    max-height: none;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 100%;
    width: 100%;
}

.carousel-inner {
    height: 100%;
}

.carousel-inner>.item {
    height: 100%;
}

.background-slide {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    visibility: inherit;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.manufacturers {
    margin: 0 auto;
    display: block;
}

.manufacturers>.item {
    display: inline-block;
}

.manufacturers>.item:not(:last-child) {
    margin-right: 2.39%;
}

.slide-6 {
    background-image: url("../img/adv-slide/slide6.jpg");
}

.slide-7 {
    background-image: url("../img/adv-slide/slide7.jpg");
}

.slide-8 {
    background-image: url("../img/adv-slide/slide8.jpg");
}

.slide-9 {
    background-image: url("../img/adv-slide/slide9.jpg");
}

.slide-10 {
    background-image: url("../img/adv-slide/slide10.jpg");
}

.slide-11 {
    background-image: url("../img/adv-slide/slide11.jpg");
}

.mt-12 {
    margin-top: 12px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mr-4 {
    margin-right: 4px;
}

.mr-6 {
    margin-right: 6px !important;
}

.mr-12 {
    margin-right: 12px;
}

.ml-15 {
    margin-left: 15px;
}

.pt-5 {
    padding-top: 5px;
}

.pr-5 {
    padding-right: 5px;
}

.pl-5 {
    padding-left: 5px;
}

.lh2 {
    line-height: 2;
}

.italic {
    font-style: italic;
}

.black-t {
    color: #333;
}

.grey-2-t {
    color: rgba(0, 0, 0, 0.4);
}

.c-page-on-scroll.c-layout-header-fixed .c-layout-header {
    height: auto !important;
}


/* About Page Styling */

.ml-15 {
    margin-left: -15px;
}

.full-img {
    position: relative;
    height: 100%;
}

.aboutContainer {
    padding: 80px;
    height: auto;
    overflow: auto;
}

.traxpod-logo,
.trax-logo,
.traxdrive-logo,
.traxscan-logo,
.valutrax-logo,
.logistix-logo,
.deliverytrax-logo,
.analytics-logo {
    position: relative;
    height: 157px;
}


/* News and Media Page Styling */

div.c-content-media-2 {
    height: 460px !important;
}

@media screen and (max-width: 768px) {
    .aboutContainer {
        padding: 80px 20px;
    }
    h3.c-font-uppercase.c-font-white.c-font-bold {}
}

@media screen and (max-width: 414px) {
    .traxpod-logo {
        width: 100%;
    }
    .productHero {
        height: 480px;
    }
}

body {
    overflow-x: hidden;
}

.companyHistory {
    padding: 25px 0 40px 0;
}


/* Careers Page Styling */

.careersHero {
    height: 800px;
    background-image: url('../img/careers_hero.jpg');
    background-size: cover;
    background-position: 0 0;
    margin-top: 0;
}

.c-bg-blue {
    background-color: #00507d !important;
}

.c-border-right-blue {
    border-right-color: #00507d !important;
}

.c-content-tile-1 .c-tile-content.c-arrow-blue.c-arrow-left:after {
    border-right-color: #00507d;
}

.c-them-btn.btn {
    border-color: #e77525 !important;
}

.c-theme-btn.btn:hover {
    background-color: #00507d;
    border-color: #00507d;
}

.text-white {
    color: #fff !important;
}

.text-blue {
    color: #00507d !important;
}

.jobTH {
    background-color: #00507d;
    color: #fff;
}

.text-orange {
    color: #e77525 !important;
}

.jobOpenings {
    min-height: 600px;
    background-color: #f3f3f4;
    transform: translateZ(0);
    padding: 48px 16px 72px 16px;
}


/* Job Details Page */

.c-content-feature-job .c-content-left {
    float: left;
}

.c-content-feature-job .c-feature-content {
    padding: 0;
    width: 30%;
}

.c-content-feature-job .c-feature-bg,
.c-content-feature-job .c-content-area {
    height: 850px;
    margin-bottom: -750px;
}

.c-content-feature-job .c-content-area {
    width: 40%;
}

.c-content-feature-job .c-content-right.c-diagonal {
    border-left: 200px solid;
    border-top: 850px solid transparent;
}

.c-content-feature-job .c-content-right {
    float: right;
}

.c-content-feature-job .c-feature-bg,
.c-content-feature-job .c-content-area {
    height: 850px;
    margin-bottom: -750px;
}

.c-content-feature-job .c-feature-bg {
    width: 60%;
}

.c-content-feature-job .c-feature-content .c-content-v-center {
    height: 850px;
}

.job-body {
    display: block;
    position: relative;
    top: 60px;
}


/* Margin Styles */

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-150 {
    margin-top: 150px !important;
}

.ml-150 {
    margin-left: 150px;
}

.text-24 {
    font-size: 24px !important;
}

.text-l {
    font-size: 32px !important;
}

.text-xl {
    font-size: 72px !important;
}

.bg-grey {
    background-color: #f3f3f4 !important;
}

.bg0-0 {
    background-position: 0 0 !important;
}


/* News Page Styling*/

.blogNav {
    background-color: #f3f3f4;
    padding: 25px 16px 50px 16px;
    border-radius: 4px;
    max-height: 450px;
    border: 1px solid #f2f2f2;
}

div.owl-controls.clickable {
    display: none !important;
}

.c-content-blog-post-card-1.c-option-2 .c-body {
    padding: 12px !important;
}

.c-content-blog-post-card-1 .c-body .c-title {
    font-size: 14px;
}

.c-content-blog-post-card-1 .c-body .c-author {
    font-size: 12px;
}

.c-content-recent-posts-1>li>.c-post .c-date {
    font-size: 12px;
}

.c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog>.c-post>.c-post-content {
    padding-left: 0;
}

.plr-15 {
    padding: 0 15px !important;
}

.pt-30 {
    padding-top: 30px !important;
}


/* Privacy Page Styling */

li.privacy {
    color: #5c6873 !important;
}


/* Locations-Hubs */

.locationsMap {
    display: block;
    margin: 25px auto;
}


/* Support Page */

.box-generic {
    border: 1px solid #dedede;
    border-radius: 4px;
    padding: 12px 16px 22px 16px;
    background-color: #f7f7f7;
}


/* Product Page Styling */

a.arrow-left-banner {
    display: block;
    top: 220px;
    left: 2%;
    position: absolute;
    font-size: 2em;
    opacity: 0.5;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #00507d;
    text-align: center;
    vertical-align: middle;
    padding-top: 4px;
    padding-right: 6px;
    color: #fff;
    z-index: 200;
}

a.arrow-right-banner {
    display: block;
    top: 220px;
    right: 2%;
    position: absolute;
    font-size: 2em;
    opacity: 0.5;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #00507d;
    text-align: center;
    vertical-align: middle;
    padding-top: 4px;
    padding-left: 6px;
    color: #fff;
    z-index: 200;
}

a.arrow-right-1-banner {
    display: block;
    top: 295px;
    right: 2%;
    position: absolute;
    font-size: 2.5em;
    opacity: 0.5;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: #00507d;
    text-align: center;
    vertical-align: middle;
    padding-top: 4px;
    padding-right: 6px;
    color: #fff;
    z-index: 200;
}

.border-bottom {
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 1280px) {
    a.arrow-right-banner, a.arrow-left-banner {
        height: 32px;
        width: 32px;
        font-size: 1.125em;
    }
}
@media screen and (max-width: 1024px) {
    a.arrow-left-banner,
    a.arrow-right-banner,
    a.arrow-right-1-banner {
        display: none;
    }
}

.p16 {
    font-size: 16px !important;
}

.p18 {
    font-size: 18px !important;
    color: #333 !important;
}

.h1XL {
    font-size: 72px !important;
}

.productHero {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 575px;
    width: 100%;
    display: block;
    margin-top: 50px;
}

@media screen and (max-width: 1280px) {
    .productHero {
        height: 500px;
    }
}

.heroCopy {
    position: relative;
    top: 160px;
}

.productCopy {
    background-color: #fff;
    padding: 25px 15px 175px 15px;
    min-height: 250px;
    width: 100%;
    overflow: auto;
    display: block;
}

.dotNetJobHero {
    height: 300px;
    background-image: url(../img/pg-carrers/computer_programmer_med.jpg);
    background-size: cover;
    background-position: 0% 20%;
}

.techSuppJobHero {
    height: 300px;
    background-image: url(../img/pg-carrers/techSupportBG.jpg);
    background-size: cover;
    background-position: center;
}

.salesRepJobHero {
    height: 300px;
    background-image: url(../img/pg-carrers/salesJobBG.jpg);
    background-size: cover;
    background-position: center;
}

.specReqs {
    padding: 24px;
    border-top: 1px solid #eaeaea;
    margin-top: 84px;
    font-size: 12px;
}

div.specReqs>div.col-md-3>ul {
    padding-left: 21px !important;
}

h4.panel-title {
    margin-top: 0 !important;
}

h6 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0px !important;
}

i.c-theme-font {
    margin-top: 30px;
}

li>i.c-theme-font {
    margin-top: 0px !important;
}

.ptb50 {
    padding: 50px 0;
}

.mt100 {
    margin-top: 100px;
}

.mb250 {
    margin-bottom: 250px;
}

.backTrax {
    background-image: url("../img/bg-contrast/backTrax_hero.jpg");
}

.deliveryTrax {
    background-image: url("../img/bg-contrast/deliveryTraxTruck.jpg");
}

.fasTrax {
    background-image: url("../img/bg-contrast/fasTrax.jpg");
}

.integrations {
    background-image: url("../img/bg-contrast/integrations1.jpg");
}

.opsAnalytics {
    background-image: url("../img/bg-contrast/opsAnalytics.jpg");
}

.opsLogistix {
    background-image: url("../img/bg-contrast/opsLogistix.jpg");
}

.opsTrax {
    background-image: url("../img/bg-contrast/trax-product-hero.jpg");
}

.traxDrive {
    background-image: url("../img/bg-contrast/deliveryTrax_hero.jpg");
}

.traxPod {
    background-image: url("../img/bg-contrast/traxPod_hero.jpg");
}

.traxScan {
    background-image: url("../img/bg-contrast/traxScan.jpg");
}

.valuTrax {
    background-image: url("../img/bg-contrast/valuTraxHero.jpg");
}

.consultation {
    background-image: url("../img/bg-contrast/consulting.jpg");
}

.training {
    background-image: url("../img/bg-contrast/training.jpg");
}

div.item>a>img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}


/*/ TradeMark Product Logos /*/

.c-content-title-1 h1 sup {
    font-size: 50%;
    top: -1em;
}


/* Blog-News Pages Styling */

.c-content-blog-post-1 .c-desc {
    font-size: 14px;
}

.backheader-careers {
    background: #f2f2f2;
    margin-top: -15px;
}

h4 {
    margin-top: 30px !important;
}

iframe {
    width: 100%;
    height: 643px;
}

@media screen and (min-width: 1200px) {
    .c-content-feature-2 p {
        padding-left: 95px;
    }
}


/* Tablet Styling */

@media screen and (max-width: 1024px) {
    .c-content-feature-2 p {
        font-size: 14px;
    }
    .tparrows.circle {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    div.c-content-accordion-1.c-theme.wow.animate.fadeInRight {
        margin-top: 36px;
    }
    /* div#headingOne.panel-heading {
        background-color: #e77525;
        color: #fff;
    }
    .c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a {
        color: #fff;
    } */
    .c-content-accordion-1.c-theme .apenl>.panel-collapse>.panel-body {
        background-color: #fff;
    }
    .c-content-accordion-1 .panel>.panel-collapse>.panel-body {
        color: #fff;
    }
    iframe {
        width: 98%;
        height: 397px;
        margin-left: 8px;
    }
    .tparrows.circle {
        display: none;
    }
    .c-content-accordion-1.c-theme .panel>.panel-heading>.panel-title>a {
        background-color: transparent;
    }
    .c-content-accordion-1.c-theme .panel>.panel-heading>.panel-title>a:hover,
    .c-content-accordion-1.c-theme .panel>.panel-heading>.panel-title>a:focus {
        background-color: #fff !important;
    }
    .tp-caption.lfl.customout.tp-resizeme,
    .tp-caption.lfr.customout.tp-resizeme,
    .tp-caption.lft.customout.tp-resizeme {
        display: ;
    }
    div.c-content-client-logos-slider-1 {
        display: none;
    }
    section.c-layout-revo-slider.c-layout-revo-slider-5 {
        padding-bottom: 20px;
    }
    img.c-photo.img-responsive.wow.animate.fadeInUp {
        margin-top: 16px;
    }
    a.btn.c-btn-uppercase.btn-md.c-btn-bold.c-btn-square.c-theme-btn.wow.animate.fadeIn {
        margin-top: 16px;
    }
    div.c-content-media-2 {
        margin-top: 40px;
    }
    div.c-title.c-font-bold.c-font-uppercase {
        margin-top: 16px;
    }
    ul.c-content-pagination.c-theme {
        display: inline-block;
        list-style: none;
        padding-left: 0;
    }
    ul.c-content-pagination.c-theme>li {
        display: inline-block;
        margin: 16px;
        margin-right: 6px;
        padding: 16px;
        border-radius: 50%;
        background-color: transparent;
        border: 2px solid #e77525;
        height: 42px;
        width: 42px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        line-height: .5;
        vertical-align: top;
    }
    ul.c-content-pagination.c-theme>li>a {
        color: #e77525;
    }
    ul.c-content-pagination.c-theme>li.c-active {
        background-color: #e77525;
    }
    ul.c-content-pagination.c-theme>li.c-active>a {
        color: #fff;
    }
    .productHero {
        height: 480px;
    }
    .collapse.in {
        border: none !important;
    }
    ul.c-socials {
        padding-left: 0px;
    }
    ul.c-socials>li {
        list-style: none;
        display: inline-block;
        margin-right: 12px;
        margin-bottom: 16px;
    }
    ul.c-socials>li>a {
        font-size: 21px;
    }
    ul.c-links,
    ul.c-socials,
    ul.c-address {
        padding-left: 0;
    }
    ul.c-links>li,
    ul.c-address>li {
        list-style: none;
    }
    button.navbar-toggle {
        right: 16px;
    }
    i.c-theme-font {
        display: none;
    }
}


/* Mobile Phone Styling - Sign in Form */

@media screen and (max-width: 414px) {
    h4 {
        margin-top: 30
    }
    .productHero {
        height: 200px;
    }
    .productCopy {
        margin-top: 180px;
    }
    .heroCopy {
        top: 76px;
    }
    .trax-logo,
    .traxpod-logo,
    .traxdrive-logo,
    .traxscan-logo,
    .logistix-logo,
    .analytics-logo,
    .valutrax-logo,
    .deliverytrax-logo {
        width: 100%;
    }
    div.col-md-6.col-sm-12.col-xs-12.c-bg-blue {
        padding: 20px 32px 40px 32px;
    }
    div.col-md-6.col-md-offset-6 {
        padding: 20px 32px 40px 32px;
    }
    footer.c-layout-footer {
        padding-top: 10px;
    }
    footer>h3.c-font-uppercase {
        margin-top: 20px !importan;
    }
    .full-img {
        width: 100%;
    }
    #container-right {
        width: 414px;
    }
    p.tech-title {
        font-size: 25pt;
        margin-bottom: 36px;
    }
    .login-content {
        top: 24%;
    }
    div.socialLinks.text-center {
        margin-top: 24px;
        margin-bottom: 16px;
    }
    .brand-container {
        left: 12%;
    }
    iframe {
        height: 190px;
        margin-left: 4px;
    }
    div.c-content-client-logos-slider-1 {
        display: none;
    }
    div.tp-banner-container.c-arrow-dark {
        display: none;
    }
    h2.c-font-bold {
        font-size: 21px;
    }
    h3.c-font-bold {
        font-size: 18px;
    }
    p.p18 {
        font-size: 14px !important;
    }
    p.p16 {
        font-size: 14px !important;
    }
    .traxpod-logo,
    .trax-logo,
    .traxdrive-logo,
    .traxscan-logo,
    .valutrax-logo,
    .logistix-logo,
    .deliverytrax-logo,
    .analytics-logo {
        height: 128px;
    }
    div.c-content-media-2 {
        height: 236px !important;
    }
    ul.c-links,
    ul.c-socials,
    ul.c-address {
        padding-left: 0;
    }
    ul.c-links>li,
    ul.c-address>li {
        list-style: none;
    }
    ul.c-socials>li {
        list-style: none;
        display: inline-block;
        margin-right: 12px;
        margin-bottom: 16px;
    }
    ul.c-socials>li>a {
        font-size: 21px;
    }
    .newsSlider {
        display: none;
    }
    i.c-theme-font {
        display: none;
    }
}

@media screen and (max-width: 375px) {
    #container-right {
        width: 375px;
    }
    p.tech-title {
        font-size: 21pt;
        margin-bottom: 24px;
    }
    .login-content {
        top: 28%;
    }
    div.socialLinks.text-center {
        margin-top: 24px;
        margin-bottom: 16px;
    }
    .brand-container {
        left: 8%;
    }
    section.c-layout-revo-slider.c-layout-revo-slider-5 {
        display: none !important;
    }
    .pad0 {
        padding: 0;
    }
}

@media screen and (max-width: 320px) {
    #container-right {
        width: 320px;
    }
    p.tech-title {
        font-size: 18pt;
        margin-bottom: 24px;
    }
    .login-content {
        top: 28%;
    }
    div.socialLinks.text-center {
        margin-top: 0px;
        margin-bottom: 16px;
    }
    .brand-container {
        left: 1%;
        bottom: 6px;
    }
    .logo-right {
        height: 40px !important;
        width: 40px !important;
    }
    .v-line {
        height: 40px;
        margin-left: 8px;
        margin-bottom: 16px;
    }
}