@charset "UTF-8";
/* CSS Document */

.logo {width:200px; height: auto}
ul.navbar-nav  li {padding-right:15px}


.txt-color-primary {color:#013F6E}
.txt-color-secondary {color:#5CB9FF}
.txt-white {color:#fff}
.txt-bold {font-weight: bold}

.txt-2em {font-size:2em}

.bg-color-primary {background-color:#013F6E}
.bg-color-secondary {background-color:#5CB9FF}
.bg-orange {background-color:#ff9900}

.link-break {word-break: break-all}


.bg-home {background:url("../pics/bg-kl.jpg") no-repeat!important; background-position:center top!important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; z-index:99!important; background-color:#013F6E!important; position:relative}
header.bg-sub {background-image:none!important; min-height:130px!important; }
.pattern {position: absolute; bottom: 0; z-index:9!important}
.info {position:absolute; font-weight: bold;  color:#fff; border: solid 0px #900; line-height: 1.2em; text-shadow: 2px 2px 5px #000; z-index:-9!important}

.bg-home .bg-navbar {background-color:rgba(1,63,110,0)!important;} /*.8*/
.bg-sub .bg-navbar {background-color:rgba(255,255,255,.9)!important; box-shadow: 2px 2px 10px #666}

.bg-home .bg-navbar .navbar-collapse {background-color:rgba(1,63,110,0)!important; padding:0 0 0 10px; z-index:999!important }
.bg-sub .bg-navbar .navbar-collapse {background-color:rgba(240,240,240,0)!important; padding:0 0 0 10px!important; z-index:999!important }


header .navlink a {color:#013F6E!important}
header .navlink-reverse a {color:#fff!important}
header .navlink-reverse .dropdown-menu {background:#013F6E!important}
header .navlink-reverse .dropdown-item:hover {background:#002f52!important}

h1 {font-size: 2.2em; line-height: 1.2em; font-weight: bold; color:#013F6E;  }
h1 hr {width:70%; border: 0; border-bottom:solid 5px #5CB9FF;  margin-top:-1px; margin-bottom:5px } /*margin-left:0;*/
h2 {font-size: 1.8em; line-height: 1.2em; font-weight: bold}

.h1-200 {width: 200px}
.h1-250 {width: 250px}
.h1-300 {width: 300px}
.h1-350 {width: 350px}
.h1-400 {width: 400px}
.h1-450 {width: 450px}
.h1-500 {width: 500px}

.width40 {width:40%}
.width50 {width:50%}
.width60 {width:70%}
.width70 {width:90%}
.width80 {width:80%}
.width90 {width:90%}

.hr-left {margin-left:0}
.divCenter, .hr-center {margin:0 auto}

.section-padding{height:60px}

.btn-isentric { color: #FFFFFF;  background-color: #013F6E;  border-color: #084D82; text-transform: uppercase} 
 .btn-isentric:hover, 
.btn-isentric:focus, 
.btn-isentric:active, 
.btn-isentric.active, 
.open .dropdown-toggle.btn-isentric { color: #FFFFFF;  background-color: #001F36;  border-color: #084D82; } 
 
.btn-isentric:active, 
.btn-isentric.active, 
.open .dropdown-toggle.btn-isentric { background-image: none; } 
 
.btn-isentric.disabled, 
.btn-isentric[disabled], 
fieldset[disabled] .btn-isentric, 
.btn-isentric.disabled:hover, 
.btn-isentric[disabled]:hover, 
fieldset[disabled] .btn-isentric:hover, 
.btn-isentric.disabled:focus, 
.btn-isentric[disabled]:focus, 
fieldset[disabled] .btn-isentric:focus, 
.btn-isentric.disabled:active, 
.btn-isentric[disabled]:active, 
fieldset[disabled] .btn-isentric:active, 
.btn-isentric.disabled.active, 
.btn-isentric[disabled].active, 
fieldset[disabled] .btn-isentric.active { background-color: #013F6E; border-color: #084D82; } 
.btn-isentric .badge { color: #013F6E; background-color: #FFFFFF; }

.btn-isentric-2 { color: #FFFFFF; background-color: #1472BA; border-color: #2482C9; text-transform: uppercase } 

.btn-isentric-2:hover, 
.btn-isentric-2:focus, 
.btn-isentric-2:active, 
.btn-isentric-2.active, 
.open .dropdown-toggle.btn-isentric-2 {color: #FFFFFF; background-color: #0E5D99; border-color: #2482C9; } 
 
.btn-isentric-2:active, 
.btn-isentric-2.active, 
.open .dropdown-toggle.btn-isentric-2 {background-image: none; } 
 
.btn-isentric-2.disabled, 
.btn-isentric-2[disabled], 
fieldset[disabled] .btn-isentric-2, 
.btn-isentric-2.disabled:hover, 
.btn-isentric-2[disabled]:hover, 
fieldset[disabled] .btn-isentric-2:hover, 
.btn-isentric-2.disabled:focus, 
.btn-isentric-2[disabled]:focus, 
fieldset[disabled] .btn-isentric-2:focus, 
.btn-isentric-2.disabled:active, 
.btn-isentric-2[disabled]:active, 
fieldset[disabled] .btn-isentric-2:active, 
.btn-isentric-2.disabled.active, 
.btn-isentric-2[disabled].active, 
fieldset[disabled] .btn-isentric-2.active {background-color: #1472BA; border-color: #2482C9; } 

.btn-isentric-2 .badge { color: #1472BA; background-color: #FFFFFF; }

.help-block.with-errors {color: #ff5050; margin-top: 5px; font-size:.85em; font-weight: bold;}

.home-news-slider img {position: relative!important; border:solid 5px #eee; z-index:9!important }
.home-clients-slider img {width:140px; height: auto}

/* Tiny Slider */
.slider-dots {width:50%; margin:0 auto; text-align: center; padding:20px 0}
.slider-dots button {cursor: pointer; width: 15px; height: 15px; border-radius: 20px; background-color: #ececec; border-width: 0; margin-left: 2px; margin-right: 2px;}
.slider-dots button:first-child {margin-left: 0;}
.slider-dots button:last-child { margin-right: 0;}
.slider-dots button.tns-nav-active {background-color: #2368C7; width: 15px; height: 15px; border-radius: 20px;}

.tns-nav {width:50%; margin:0 auto; text-align: center; padding:20px 0}
.tns-nav button {cursor: pointer; width:12px; height: 12px; border-radius: 50%; background-color: #ececec; border-width: 0; margin-left: 3px; margin-right: 3px; padding:0;}
.tns-nav button.tns-nav-active {background-color: #2368C7;}

.controls {text-align: left; margin:0; padding:0;  }
.controls li {display: block; padding: 8px; cursor: pointer; background-color:#013F6E; color:#fff; font-size:.7em; transition: background 0.3s;}
.controls li { display: inline-block; vertical-align: middle; }
.controls li:hover { background: #5CB9FF; }
/*.controls .prev { left: 0; }
.controls .next { right: 0; }*/

@keyframes cursor {0% { opacity : 1;} 100% { opacity : 0;}}
#cursor {animation:cursor 0.5s infinite; font-weight:bold;}


#home-abtUs {background-color: rgba(1, 63, 110, 1);}
#home-abtUs .bg-home-abtUs{background:url(../pics/bg-abt-us.jpg) no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	z-index:0; }

#home-contactUs {background:url(../pics/bg-contactUs.jpg) no-repeat; background-position:center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	z-index:9}
#home-contactUs .overlay {width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6);}
#home-contactUs  .vertical-center {margin: 0;  position: relative;  top: 50%;  -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:99}


#subHeader {background:url(../pics/bg-footer.jpg) no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	z-index:0!important; height:250px;}
#subHeader .overlay {width: 100%; height: 100%; background-color: rgba(1, 63, 110, .6);}
#subHeader  .vertical-center {margin: 0;  position: relative;  top: 50%;  -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:99}
#subHeader h1 {text-transform: uppercase; color:#fff; letter-spacing: .1em}

.breadcrumb-container {background-color:rgba(255,255,255,.8)!important; border-radius: 20px; margin:0 auto; padding:5px 20px; display: inline-block; font-size:.8em; }
.breadcrumb-container ul {margin:0; padding:0; list-style: none}
.breadcrumb-container li {float: left; padding-right:10px;}
.breadcrumb-container li:last-child {padding-right:0}


.heading {font-size:1.2em; font-weight: bold; font-style: italic}
.highlight {font-weight: bold; color:#5CB9FF}

#mobility2u {background:url(../pics/bg-stripe.png) no-repeat; background-position:center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	z-index:0!important;}

#mobility2u-features .nav-link {color:#A8A8A8;}
#mobility2u-features .nav-link.active {color:#505050; font-weight: bold}

#mobility2u-features h3 {font-weight: bold}
#mobility2u-features .card-header {background-color:#013F6E; border: solid 1px #fff; padding:0; margin:0}
#mobility2u-features h4.card-title  {font-size: 1.2em; font-weight: bold; }
#mobility2u-features h4.mdTxt {font-size:1.2em!important}
#mobility2u-features .card-title > a  {color:#fff!important; padding:10px 0 0 20px}




#contactUs h1 {font-size:1.6em}
.map-responsive{overflow:hidden; position:relative;height:0;}
.map-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}



/*********************************************  ANIMATION *********************************************/

.typewriter h1 {
  color: #fff;
  font-family: monospace;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(30, end),
    blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}

.scrollToTopBtn {
  background-color: rgba(1, 63, 110, .8); border: none; border-radius: 50%; color: white;cursor: pointer; font-size: 12px; line-height: 48px; width: 48px;
  /* place it at the bottom right corner */
  position: fixed; bottom: 30px; right: 30px;
  /* keep it at the top of everything else */
  z-index: 100;
  /* hide with opacity */
  opacity: 0;
  /* also add a translate effect */
  transform: translateY(100px);
  /* and a transition */
  transition: all .5s ease
}
.showBtn {opacity: 1; transform: translateY(0)}

.footer .overlay {width: 100%; height: 100%; background-color: rgba(1, 63, 110, 0.8);}
.footer .logo-footer {width:200px; height: auto}

ul.footerlink {list-style: none; padding:0; margin:0;}
.footer li a {text-decoration: none; color:#fff; display: block; border: 0; border-bottom:solid 1px #0072C9}
.footer li a:hover {background-color: rgba(1, 63, 110, 0.6);}

.footer h1 {font-weight: bold; font-size: 1.5em; color:#fff}
.footer a.link {color:#fff; text-decoration: none}


.footer hr {border:0; border-bottom:5px solid #ce0e2d; margin:10px 0 0 0 ; padding:0}
.footer .copyright {font-size:.8em; color:#fff; padding:5px; letter-spacing: .1em; background-color: rgba(0, 49, 87, 1); position: absolute; bottom:0;}