html body {
    font-family:"Montserrat", Helvetica,Arial,sans-serif;
    font-size: 100.01%;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}
body {
    width:100%;
    height:100%;
    overflow-x:hidden;
    background-color:#00507d!important;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family:"Montserrat"!important;
}
body a,
body a:hover{
    text-decoration:none;
}
.carousel-caption >h3{
    font-size:4em;
}

    textarea:focus,
   input[ type="text"]:focus{
        border-color:none !important;
        box-shadow:none !important;
        outline:0 none!important;
   }
       

/* Color -------------------------------------------------------------------------------------------------*/

.lblue-t {
    color: #1888c7;
}

.blue-t {
    color: #00507d;
}

.lblue-panel-t{
    color: #4dafe3;
}

.orange-t {
    color: #ea7718;
}

.red-t {
    color: #B60000;
}

.yellow-t {
    color: #FFBF00;
}
.black-t{
    color:#333;
}
.green-t {
    color: #11B400;
}
.green-1-t{
    color:#20f986;
}

.grey-t {
    color: #d2d2d2;
}

.grey-1-t {
    color: #626262;
}

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

.white-t{
    color:#fff;
}

.lblue-bg {
    background-color: #1888c7;
}

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

.orange-bg {
    background-color: #ea7718;
}

.red-bg {
    background-color: #B60000;
}

.yellow-bg {
    background-color: #FFBF00;
}

.white-bg {
    background-color: #fff;
}

.grey-bg {
    background-color: #f2f2f2;
}

.green-bg {
    background-color: #11B400;
}
.green-1-bg{
    background-color:#20f986;
}

.active-bg {
    background-color: #f2faff;
}

/* Margins -------------------------------------------------------------------------------------------------*/

.m-logo {
    margin-left: 14px;
    margin-top: 7px;
}

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

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

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

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

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

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

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

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

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

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

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

.ml-5 {
    margin-left: 5px !important;
}
.mr-7{
    margin-right:7px;
}
.no-m-top {
    margin-top: 0px !important;
}

.no-m-bottom {
    margin-bottom: 0px !important;
}

.no-left-margin {
    left: 0 !important;
}

.no-margin {
    margin: 0px !important;
}

/* Padding -------------------------------------------------------------------------------------------------*/

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

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

.pb-10 {
    padding-bottom: 10px;
}

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

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

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

.pb-15 {
    padding-bottom: 15px;
}

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

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

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

.pb-5 {
    padding-bottom: 5px;
}

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

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

.padd {
    padding: 10px 14px;
}

.pl-r {
    padding-left: 7px !important;
    padding-right: 14px !important;
}

.padd-15 {
    padding: 15px;
}

.no-padding-r-col {
    padding-right: 0px !important;
}

.no-padding-l {
    padding-left: 0px !important;
}

.no-padding-col {
    padding: 0px !important;
}

.no-padding-h {
    padding: 0px !important;
}



@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");
		
}



.fw-4 {
    font-weight: 400;
}

.fw-6 {
    font-weight: 600;
}

.fw-8 {
    font-weight: 800;
}

.italic {
    font-style: italic;
}

.fz-5 {
    font-size: 5pt !important;
}

.fz-6 {
    font-size: 6pt !important;
}

.fz-7 {
    font-size: 7pt !important;
}

.fz-8 {
    font-size: 8pt !important;
}

.fz-10 {
    font-size: 10pt !important;
}

.line-h{
    line-height:18pt;
}

section{
    position:relative;
    width:100%;
    height:100%;
}
div#section-1{
    position:absolute;
    margin-top:-5%;
    right: 20%;
}
.content-home{
    position: relative;
    margin:15% 83px 5% 83px;
    padding: 5px;
    height: 100%;
    text-align: left;
}


.content-home > h3{
    font-weight:100;
}

.content-logo{
    height:auto;
    position:relative;
    padding:0;
}
.content-ops-slider {
    width: 20%;
}
.content-trax-slider{  
    width:27%;
}
.content-delivery-slider{ 
    width:58%;
}
.content-valutrax-slider{ 
    width:43%;
}
.content-logistix-slider{ 
    width:43%;
}
.content-traxpod-slider{ 
    width:43%;
}
.img-content{
    width:100%;
    height:100%;
    text-align:right;
    opacity:0.8;
    padding: 5px 0;
}

a.line-orange,
button.line-orange{
    background-color: transparent;
    padding: 15px 56px;
    font-size: 18px;
    color: #00507d;
    font-weight:600;
    border:2px solid #ea7718;
    margin-top:30px;
    border-radius: 0px;
    transition: background-color 0200ms ease-in-out;
    transition: color 0200ms ease-in-out;
}
a.line-orange:hover {
    background-color: #ea7718;
    color: #fff;
}
a.line-orange:active, a.line-orange:focus
{
    outline: 0px;
    color:#00507d;
}
a.line-orange-sm:hover {
    background-color: #ea7718;
    color: #fff;
}
a.line-orange-sm:active, a.line-orange-sm:focus,
a.full-blue:active, a.full-blue:focus, a.full-blue:link{
    outline: 0px;
    color:#fff;
}
a.full-blue,
button.full-blue{
    background-color: #00507d;
    padding: 15px 56px;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    border:2px solid #fff;
    margin-top:30px;
    border-radius: 0px;
}

a.line-orange-sm,
button.line-orange-sm{
    background-color: transparent;
    padding: 13px 39px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    border: 2px solid #ea7718;
    margin-top: 5px;
    border-radius: 0px;
    transition: background-color 0200ms ease-in-out;
    transition: color 0200ms ease-in-out;
}
h4 span.label.home-demo {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: lighter;
    line-height: 1;
    color: #20f986;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    border: 2px solid #20f986;
}
#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;
}
.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: 30px;
    left: 13%;
}
.brand-img{
    height:75px;
    width:57%;
    background-image:url("../images/brand-1.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    overflow: hidden;
    float: left;
}
section.autobahn-section{
    height: 75px;
}
#myCarousel.autobahn-adv{
    float: left;
    width: 43%;
    height: 75px;
}

/*.footer{
    width:100%;
    height:25px;
    padding:5px;
    position:absolute;
    bottom:10px;
    right:0;
}*/

.footer-fixed{
    position: absolute;
    bottom: 35px;
    width: 77%;
    padding: 50px;
    padding-top:0px;
    padding-left:6%;
    z-index:100;
}



.footer-fixed-credits {
    position: fixed;
    bottom:0px;
    z-index:101;
    height: 25px;
    background-color: #00507d;
}
.credits{
    font-size: 7pt;
    color:#fff;
    font-weight:lighter;
    padding-top: 6px;
}
h4.title-footer{
    color:#fff;
    font-weight:600;
}

.border-right{
   border-right:1px solid rgba(255,255,255,.35);
}


.btn-info {
    background-color: #ea7718;
    color: #fff;
}

#wrapper {
    width: 100%;
    padding-top:50px;
}
#page-wrapper {
    padding: 0;
    min-height: 568px;
    position: relative!important;
    margin-right:435px;
    max-height: none;
    margin-top: 0px;
    margin-bottom: 0px;
    left:0;
}


.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 60%;
    background-repeat: no-repeat;
}
.slide-test{
      background-image: url("http://themehats.com/themes/jango/assets/base/img/content/backgrounds/bg-56.jpg"); 
}
.slide-0 {
    background-image: url("../images/slide0.jpg");
}
.slide-1{
      background-image: url("../images/slide1.jpg"); 
}
.slide-2{
      background-image: url("../images/slide2.jpg"); 
}
.slide-3{
      background-image: url("../images/slide3.jpg"); 
}
.slide-4{
      background-image: url("../images/slide4.jpg"); 
}
.slide-5{
      background-image: url("../images/slide5.jpg"); 
}
.slide-6{
      background-image: url("../images/slide6.jpg"); 
}
.slide-7{
      background-image: url("../images/slide7.jpg"); 
}
.slide-8{
      background-image: url("../images/slide8.jpg"); 
}
.slide-9{
      background-image: url("../images/slide9.jpg"); 
}
.slide-10{
      background-image: url("../images/slide10.jpg"); 
}
.slide-11{
      background-image: url("../images/slide11.jpg"); 
}

.opsLandingLogo {
    margin-top: -4%;
}
.landingContainer {
    margin-top: -10%;
}
.landingLogo {
    position: relative;
    margin-top: 6%;
    display: inline-block;
}
.landingLede {
    position: relative;
    color: #00507d;
    font-weight: bold;
    font-size: 2vw;
}
.img-175 {
    width: 175%;
}
#full-img{
   width:100%;
   height:100%!important;
}

.full-img{
   width:100%;
   height:100%!important;
}

.full{
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.gradient-back{
    background: rgba(237,237,237,0);
    background: -moz-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(99,145,172,0) 49%, rgba(20,93,134,1) 77%, rgba(0,80,125,1) 84%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,0)), color-stop(49%, rgba(99,145,172,0)), color-stop(77%, rgba(20,93,134,1)), color-stop(84%, rgba(0,80,125,1)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(99,145,172,0) 49%, rgba(20,93,134,1) 77%, rgba(0,80,125,1) 84%);
    background: -o-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(99,145,172,0) 49%, rgba(20,93,134,1) 77%, rgba(0,80,125,1) 84%);
    background: -ms-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(99,145,172,0) 49%, rgba(20,93,134,1) 77%, rgba(0,80,125,1) 84%);
    background: linear-gradient(to bottom, rgba(237,237,237,0) 0%, rgba(99,145,172,0) 49%, rgba(20,93,134,1) 77%, rgba(0,80,125,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00EDEDED', endColorstr='#FF00507D', GradientType=0 );
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00EDEDED', endColorstr='#FF00507D', GradientType=0 );
    /*background: rgba(0, 81, 125,0.5);
    background: -webkit-linear-gradient(top, rgba(0, 81, 125,0),rgba(0, 81, 125,0.1),rgba(0, 81, 125,0.2),rgba(0, 81, 125,0.3),rgba(0, 81, 125,0.7),rgba(0, 81, 125,1));
    background: -o-linear-gradient(top, rgba(0, 81, 125,0),rgba(0, 81, 125,0.1),rgba(0, 81, 125,0.2),rgba(0, 81, 125,0.3),rgba(0, 81, 125,0.7),rgba(0, 81, 125,1));
    background: -moz-linear-gradient(top, rgba(0, 81, 125,0),rgba(0, 81, 125,0.1),rgba(0, 81, 125,0.2),rgba(0, 81, 125,0.3),rgba(0, 81, 125,0.7),rgba(0, 81, 125,1));
    background: linear-gradient(top top, rgba(0, 81, 125,0),rgba(0, 81, 125,0.1),rgba(0, 81, 125,0.2),rgba(0, 81, 125,0.3),rgba(0, 81, 125,0.7),rgba(0, 81, 125,1));*/
}

#myCarousel .carousel-caption{
    text-align:left;
    left: 8%!important; 
    top: 10%;
    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%;
}

.historyImage {
    height: 100%;
    position: relative;
}
.aboutContainer {
    padding-bottom: 40px;
}

.socialLinks {
    font-size: 14px;
    color: #00507d;
    text-align: center;
}

@media screen and (max-width: 768px) {
    section {
        height: 75%;
    }
    .carousel-inner {
        height: 100%;
    }
}
.carousel-inner>.item{
    height:100%;
}

ol.carousel-indicators {
    position: absolute;
    bottom: 10px;
    right:35px;
    z-index: 15;
    width: 94px;
    padding-left: 0;
    text-align: right;
    list-style: none;
    top: 20px;
    margin-left: 0%;

}
.landingFooterCol {
    height: 264px;
    padding-right: 16px;
    width: auto;
}

.videoContainer {
    margin: 25px 0 40px 0;
}

@media screen and (max-width: 1199px) {
    #column-footer.footer-fixed {
        margin-top: -200px !important;
    }
    .landingFooterCol {
        height: auto;
    }
    .landingFooterCol.border-right {
        border-right: none !important;
    }
    .navbar-toggle {
        right: 10px;
    }
    ul {
        list-style: none !important;
    }
    section {
        height: 100%;
    }
    .carousel-indicators {
        display: none;
    }
}
@media screen and (max-width: 1166px) {
    .landingContainer {
        top: 8vh;
    }
    .landingLede {
        font-size: 2.5vw;
    }
}
@media screen and (min-width: 1167px) and (max-width: 1188px) {
    section {
        height: 50%;
    }
    .footer-fixed {
        bottom: 0px;
    }
    .landingContainer {
        margin-top: 8%;
    }
    .landingLede {
        font-size: 1.5vw;
    }
}
@media screen and (min-width: 1189px) and (max-width: 1257px) {
    section {
        height: 75%;
    }
    .landingLede {
        font-size: 1.85vw;
    }
    .footer-fixed {
        bottom: 0px !important;
    }
}

@media screen and (min-width: 1258px) and (max-width: 1397px) {
    section {
        height: 85%;
    }
    .footer-fixed {
        bottom: 0px;
    }
    .landingContainer {
        top: 7vh;
    }
    .landingLede {
        font-size: 1.9vw;
    }
}
@media screen and (min-width: 1398px) and (max-width: 1440px) {
    section {
        height: 85%;
    }
}
@media screen and (max-width: 768px) {
    section {
        height: 55%;
    }
    #column-footer.footer-fixed {
        bottom: -24px;
    }
    .landingFooterCol {
        height: auto;
    }
    .landingFooterCol.border-right {
        border-right: none !important;
    }
    .navbar-toggle {
        right: 10px;
    }
    ul {
        list-style: none !important;
    }
    .landingContainer {
        margin-top: 12%;
    }
    .landingLogo {

    }
    .landingLede {
        font-size: 2.5vw;
    }
}

@media screen and (max-width: 1280px) {
    button.line-orange {
        padding: 10px 36px !important;
        font-size: 14px;
        margin-top: 15px;
    }
}

@media screen and (min-width: 768px){
.carousel-indicators {
     bottom: 0!important; 
}

}
ol.carousel-indicators li {
    display:block;
    margin: 25px 0px;
}
ol.carousel-indicators .active{
    margin:0px 0px 28px 0px!important;
    background-color:transparent;
}
ol.carousel-indicators li {
    display: inline-block;
    width: 100px;
    height:auto;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: none;
    border-radius: 0px;
}
.select-slider{
    opacity:0;
    width:18px;
    height:18px;
    margin-top: 5px;
}

.active .select-slider  {
    opacity:1;
}

h4.title-footer > a,
h6 > a{
    color:#fff;
}

h4.title-footer > a:hover,
h6 > a:hover{
    color:#20f986;
}
div.col-lg-12.mb-15 {
    overflow: auto;
}
@media screen and (max-width: 414px){
    section {
        height: 50%;
    }
    a.line-orange {
        color: #fff;
    }
    .carousel-indicators {
         display: none;
    }
    #myCarousel .carousel-caption {
        top: 5%;
    }
    #column-footer.footer-fixed {
        bottom: -142px;
    }
    .landingContainer {
       margin-top: 14%;
    }
     th.description, th.req, th.postDate {
        display: none;
    }
    td.description, td.req, td.postDate, {
        display: none;
    }
    #container-right {
        width: 414px;
    }
    p.tech-title {
        font-size: 21pt;
    }
}

@media screen and (max-width: 375px) {
     .login-content {
        top: 15%;
        left: 5%;
    }
    .brand-container {
        left: 17%;
    }

}