body{
background: #e4e4e4;        
}
body {background: #e7e7e7}
a {color: #333}
a:hover {color: #FBB03B}
h1 {font-size: 50px;line-height: .8em;}
h2 {font-size: 40px;line-height: .8em;margin-bottom: 20px;}
h3, .h3 {font-size: 24px;}
h1, h2, h3, .h3 {text-transform: uppercase; font-family: 'DB Helvethaica X', Helvethaica, serif}
.h3 {margin-bottom: 3px;
  font-size: 24px;
  line-height: .8em;}
h4, .h4 {
  font-size: 15px;
  margin: 0 0 5px 0;
}
.collapsed h3 {margin-top: 0;margin-bottom: 15px;}
.txt-yellow {color:#FEDF00}
.txt-red {color:#D24827}

@font-face {
    font-family: 'DB Helvethaica X';
    src: url('../fonts/DBHelvethaicaXBdCondv3_2.eot');
    src: url('../fonts/DBHelvethaicaXBdCondv3_2.eot') format('embedded-opentype'),
         url('../fonts/DBHelvethaicaXBdCondv3_2.woff2') format('woff2'),
         url('../fonts/DBHelvethaicaXBdCondv3_2.woff') format('woff'),
         url('../fonts/DBHelvethaicaXBdCondv3_2.ttf') format('truetype'),
         url('../fonts/DBHelvethaicaXBdCondv3_2.svg#DBHelvethaicaXBdCondv3_2') format('svg');
}

.wrap {max-width: 1450px; position: relative; margin: 0 auto; background: #fff;}
.content {margin: 0}
header {height: 100px; position: fixed; top: 20px; width: 100%; z-index: 100;max-width: 1450px;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;transition: all 0.4s ease;}
.logo {width:200px; margin:0 auto 20px auto}
.navbar-default {
  background-color: rgba(255, 255, 255, 0.3);
  border:none;
  margin: 0;
  top: 70px;
  height: 30px;
  position: absolute;
  min-height: 30px;
}
.navbar-nav>li>a {
  padding: 0 10px;
}
.navbar-nav>li>a {
  line-height: 30px;

}
.navbar-default .navbar-nav>li>a {
  color: #333;
}
.navbar-default .navbar-nav>li>a:hover {
  color: #FBB03B;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  color: #000;
  background-color: rgba(231, 231, 231, 0.35);
}
.navbar-nav {
  float: none;
  text-align: center;}
.navbar-nav>li {
  float: none;
  display: inline-block;
}

.container {
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
  max-width: 1450px;

}
.col-5col,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 20px;
  padding-left: 20px;
}
.row {
  margin-right: -20px;
  margin-left: -20px;
}
.col-5col {
  width: 33%;
  float: left;
  position: relative;
  min-height: 1px;
}

hr {
  margin-top: 0;
  margin-bottom: 0;
  border-top: 1px solid #ddd;
}
.hr2 {
  margin-bottom: 15px;
}
sup {
  font-size: 0.3em;
  top: -1.5em;
  left: .3em;
  margin-right: .5em;
}

.home {padding:0 20px 20px 20px;}
.home h1,.home h2 {
  margin-top: 30px;
  margin-bottom: 15px;
}
.list {margin: 0 0 20px 15px;}
.list1 li { list-style: none; line-height: 16px; padding: 0 0 0 15px; background: url(../images/list1.png) no-repeat left top; margin: 5px 0 0 0}
.h3 {margin: 0 0 3px 0;}
.xtable {width: 100%}
.xtable td {text-align: left; padding: 10px }
.xtable th {text-align: center; padding: 10px }
.icon-compare {display: block; width: 16px; height: auto; margin: 0 auto}
.xtable h3 {text-align: left;}
.icon-h3 {width: 30px; height: auto; margin: 0 5px 0 0}

.section address h3 {margin-top: 0px;}
.section address {border-right: 1px solid #26ADE3; position: relative; min-height:240px}
.section address:last-child {border:none;}
.section address p {margin-bottom: 30px}
.xcaliber-global {display: block; width: 100%; height: auto; margin:-40px 0 40px 0}
.address {margin:0 0 30px 0}
.home-email {position: absolute; bottom: 0; display: block;}

.icon {width: 30%; height: auto;}
.icon2 {width: 80%; height: auto; display: block; margin: 0 auto 20px auto}
.start-ignition {background: url(../images/bg-start-ignition.jpg) no-repeat; background-size:100% 100%; padding-top:30px; padding-bottom:30px}
.start-ignition h2 {margin: 0 0 5px 0;}
.up-txt {font-size: 2em; line-height: 1.3em}
.btn-start {margin:0 30px; width: 140px; height: auto; float: right;}
.client-list {padding-bottom: 15px; padding-top: 15px; text-align: center}
.client-list img {width: 100%; height:auto;}

.xcaliber-title {
  position: absolute;
  bottom: 15%;
  z-index: 100;
  left: 12%;
  color: #fff;
  text-transform: uppercase;
  font-family: 'DB Helvethaica X', Helvethaica, serif;
  -webkit-transition: opacity 1000ms ease;
  -moz-transition: opacity 1000ms ease;
  -ms-transition: opacity 1000ms ease;
  -o-transition: opacity 1000ms ease;
  transition: opacity 1000ms ease;
}
.xcaliber-title span {display: block; }
.xcaliber-title-1 {font-size: 2.5em;line-height: .8em;}
.xcaliber-title-2 {font-size:7.2em;line-height: .6em;}
.xcaliber-title-3 {font-size:7.3em;line-height: .6em;}
.xcaliber-title-4 {font-size:5em;line-height: .6em;}
.xcaliber-title a {display: block;font-size: 2em; color: #fff; text-align: center; padding: 5px 0; margin-top: 20px; border:1px #fff solid; border-radius:5px;}
.bg-hero-banner-1 {display: block; position: absolute; bottom: 0; right: 0; z-index: 1}
.hero-banner-1 {width: 60%; position: absolute; bottom: 0; right: 0; z-index: 1}
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
  color: transparent;
  top: 50%;
  padding: 0;
  border: none;
  outline: none;
  text-align: center;
  border-radius: 50%;
}
.start-ignition-detail {padding: 0 100px; margin-bottom: 40px}

hgroup {margin: 30px 0 30px 0}
hgroup h1 {margin-top:0;margin-bottom:5px}
hgroup h2 {margin-top:0;margin-bottom:5px}
.double-line {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding: 15px 0 10px 0}
.noslide {padding-top: 120px}
.sidebar {
  background:#eee;
  padding: 15px;
  border-radius: 10px;
  font-size: .9em;
  position: relative;
  -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease;
  z-index: 10

}
.sidebar ul {padding: 10px 0; margin: 0}
.sidebar li {  list-style: none;
  line-height: 1.5em;
  padding: 5px 0;}
.sidebar a:hover,.sidebar a:focus,.sidebar a:active {color: #FBB03B; text-decoration: none;}
.sidebar a:focus,.sidebar a:active {border-left: 3px solid #FBB03B; padding-left: 10px;}
.xcaliber-row {padding: 40px 0; border-bottom: 1px solid #eee}
.xcaliber-row:first-child {padding:0 0 40px 0 }
.num {display: inline-block;
  background: #D24827;
  border-radius: 50%;
  color: #fff;
  margin-right: 10px;
  width: 26px;
  height: 26px;
  line-height: 28px;
  text-align: center;}
.coll-more {color: #333; text-decoration: none;}
.coll-more:hover,.coll-more:active,.coll-more:focus {color: #FBB03B; text-decoration: none;}

.slick-prev:before {
  content: "<";
}
.slick-next:before {
  content: ">";
}
.slick-prev {
  left: 10px;
}
.slick-next {
  right: 10px;
}
.slick-dots {
  position: absolute;
  bottom: 0;}
.slick-slider {
  margin-bottom: 0;
}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 100;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
.fixed {top:-70px;z-index: 100; width: 100%;}
.fixed2 {top:90px;z-index: 99; position: fixed; width: 100%;display: block; background: #6E6E6E; color: #fff }
.fixed2:hover {background: #666}
.fixed2 a {color: #fff}
.fixed .navbar-default {background-color:#fff;
webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);}

.btn-bck-to-top {position: fixed; bottom:40px; right: 20px; text-align: center; padding:5px 10px; border-radius:5px; z-index:9}
footer { width:100%; height:36px;border-top:1px solid #ccc}
footer a {color:#333}
.footer-l,.footer-r {line-height:36px; font-size:0.8em;}
.footer-l {float:left; padding-left: 20px}
.footer-r {float:right; padding-right: 20px}
footer ul {float: right; margin: 0}
footer li {display: inline-block; list-style: none; padding: 0 5px}
.add-mb {margin-bottom: 20px}

/* md */
@media only screen and (min-width : 992px) and (max-width : 1198px) {
.section address {min-height:260px}
.xcaliber-title {bottom: 5%;}
.footer-l {float:left;}
.footer-r {float:right;}
}

/* sm */
@media only screen and (max-width : 991px) {
.address {margin: 20px 0;}
.section address {min-height: inherit; border:none; margin: 0 0 20px 0;}
.home-email {bottom: 0;}
.xcaliber-title-1 {font-size: 1.5em;line-height: .8em;}
.xcaliber-title-2 {font-size:5.1em;line-height: .6em;}
.xcaliber-title-3 {font-size:5.2em;line-height: .6em;}
.xcaliber-title-4 {font-size:3.5em;line-height: .6em;}
.xcaliber-title a {display: block;font-size: 1.5em; color: #fff; text-align: center; padding:0; margin-top: 10px; border:1px #fff solid; border-radius:5px;}
.xcaliber-title {bottom: 10%;}
.slick-prev, .slick-next {}
.col-5col {width: 100%}
}

/* all smartphones */
@media only screen and (max-width : 767px) {
header {
  height: 50px;
  background: #fff;
  top: 0;
}
.col-5col {width: 100%; margin-bottom: 20px}
.logo {
  width: 130px;
  margin: 5px 0 0 20px;
  float: left;
  position: absolute;
  z-index: 100;
}
.navbar-default {
  background: none;
  border: none;
  top: 0;
  height: 50px;
  z-index: 99
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  background: rgba(255, 255, 255, 0.9);
}
.navbar-nav>li {
  display: block;
}
.navbar-nav {
  text-align: left;
  margin: 0 -15px;
}
.section address {padding: 0;}
.content {margin:50px 0 0 0}
.fixed {top:0;}
.btn-start {
  width: 40%;
  height: auto;
  float: none;
  display: block;
  margin: 0 auto 20px auto;
}
.start-ignition {
  padding: 20px;
  text-align: center;
}
footer {height: auto; padding: 10px 0}
.footer-l, .footer-r {
  line-height: 20px;
  padding:0 20px;
  float: left;
}
.start-ignition-detail {padding: 0 20px; margin-bottom: 40px}
.up-txt {font-size: 1.5em;}
.xcaliber-title {
  width: 100%;
  left: 0;
  text-align: center;
  bottom: 0;
  background: rgba(0,0,0,.5);
  padding: 10px 0;
}
.xcaliber-title span {display: inline-block; }
.xcaliber-title-1,.xcaliber-title-2,.xcaliber-title-3,.xcaliber-title-4 {font-size:1.6em;line-height: .8em;}
.xcaliber-title a {display:block;font-size: 1.4em; color: #fff; text-align: center; padding:0; margin: 5px auto 0 auto; border:1px #fff solid; border-radius:5px; width: 200px}
.hero-banner-1 {width: 80%;}
.noslide {padding-top: 0}
.fixed2 {
  position: static;
  border-radius: 0;
}
.icon2 {width: 100%; height: auto; display: block; margin: 0 auto 20px auto}
.xcaliber-title br {display: none;}
}