/*==================================================================
    Fonts
==================================================================*/
@font-face {
    font-family: 'ArimoRegular';
    src: url('../fonts/Arimo-Regular-Latin-webfont.eot');
    src: url('../fonts/Arimo-Regular-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arimo-Regular-Latin-webfont.woff') format('woff'),
         url('../fonts/Arimo-Regular-Latin-webfont.ttf') format('truetype'),
         url('../fonts/Arimo-Regular-Latin-webfont.svg#ArimoRegular') format('svg');
    font-weight: normal;
    font-style: normal;    
}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*========================================================
    Main layout styles
=========================================================*/
body {
  background:#ffffff;
  font:16px/1em 'ArimoRegular',Arial;
  line-height:1.42857143;
  color:#4b4b4b; 
  overflow:auto;
}

a {
  color:#ff0000; 
  text-decoration: none;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;  
  font-weight:700;
}
a:hover, 
a:focus {
  color:#336699;
  text-decoration:underline;
}

h1,
h2,
h3,
h4
 {  
  letter-spacing:-1px;
  margin:0;
} 
h1 {
  color:#111111;
  font:36px/1em 'robotomedium',Arial; 
  margin:0 0 10px;
}
h2 {
  color:#111111;
  font:32px/1em 'robotomedium',Arial;
  margin:0 0 10px;
  text-align:center;
}
h3 {
  color:#ffffff;
  font:36px/1em 'robotomedium',Arial;
  margin:0 0 10px;
  text-align:center;
}
h4 {
  color:#111111;
  font:36px/1em 'robotomedium',Arial;
  margin:0 0 10px;
  text-align:center;
}

.keyHeading {
  color:#111111;
  font:26px/1em 'robotomedium',Arial;
  margin:0 0 10px;
  text-align:center;
}
.keyHeading-white {
  color:#ffffff;
  font:26px/1em 'robotomedium',Arial;
  margin:0 0 15px;
  text-align:center;
}
.keyHeading-med {
  color:#111111;
  font:24px/1em 'robotomedium',Arial;
  margin:0 0 10px;
}
.txt-white {
  color:#ffffff;
}
.txt-red {
  color:#e42626;
}
.center {
  text-align:center;
}
hr {
  margin:15px 0 18px 0;
  border-width:1px 0px 0px;
  border-style:dashed none none;
  border-color:#ff0000;
}
span {
  color:#111111;
  font-weight:700;
}

.bg-red {background:#ff0000;}
.bg-grey {background:#f8f8f8;}
.bg-dark {background:#111111;}

.bdr-top {border-top: 1px solid #d4d4d4;}
.bdr-bot {border-bottom: 1px solid #d4d4d4;}

.pb40 {padding-bottom:40px;}
.pt40 {padding-top:40px;}
.ptb20 {padding-top:20px; padding-bottom:20px;}
.ptb40 {padding-top:40px; padding-bottom:40px;}

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}

.underline1 {  
  width:80px;
  background:#ff0000;
  fill:#ff0000;
  height:3px;
  border:none;
  margin:15px 0;
}
.underline2 {  
  width:80px;
  background:#ff0000;
  fill:#ff0000;
  height:3px;
  border:none;
  margin:15px auto;
}

/**--Buttons--**/
.btn {
  color:#ffffff;
  font:18px/1em 'robotomedium', Arial;  
  padding:18px 20px;   
  border-radius:0;
  border:0; 
  -webkit-transition:.33s all ease;
  -o-transition:.33s all ease;
  transition:.33s all ease;  
  white-space:normal;
  text-transform:uppercase;
}
/*--Red to Black--*/
.btn-custom {  
  background:#ff0000;  
  margin:10px auto 0;   
  box-shadow:0 0 1px #111111;
  -webkit-transform-origin:50% 50%;
  -webkit-transition-duration:0.4s;
  -webkit-transition-timing-function:ease-out;
  -webkit-box-shadow:50px 0px 0 0 #ff0000 inset , -50px 0px 0 #ff0000 inset;  
}  
.btn-custom:hover,
.btn-custom:focus  { 
  color:#ffffff;
  background:#336699;  
  -webkit-box-shadow:0px 0px 0 0 #ff0000 inset , 0px 0px 0 #ff0000 inset;
  text-decoration:none;  
}

.btn-rental-bookings {
  color:#ffffff;
  font:20px/1em 'roboto_condensedbold', Arial;
  background:#111111;
  padding:15px 24px 24px;
  -moz-border-radius: 0 0 50% 50%;
  -webkit-border-radius: 0 0 50% 50%;
  border-radius: 0 0 50% 50%;
  border: 1px solid rgba(255, 0, 0, 0);
}
.btn-rental-bookings:hover,
.btn-rental-bookings:focus  { 
  color:#ffffff;
  background:#336699;  
  border:1px solid rgba(255, 0, 0, 0); 
}

/*---Page Top---*/
.ui-to-top {
  position:fixed;
  right:15px;
  bottom:15px;
  width:56px;
  height:56px;
  font-size:28px;
  line-height:56px;
  border-radius:6px;
  overflow:hidden;
  text-align:center;
  text-decoration:none;
  z-index:20;
  -webkit-transition:.3s all ease;
  -o-transition:.3s all ease;
  transition:.3s all ease;
  -webkit-transform:translateY(100px);
  -ms-transform:translateY(100px);
  transform:translateY(100px);
}
.ui-to-top, .ui-to-top:active, .ui-to-top:focus {
  color:#ffffff;
  background:#ff0000;
}
.ui-to-top:hover {
  color:#ffffff;
  background:#336699;
}
.ui-to-top.active {
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
}
.mobile .ui-to-top,
.tablet .ui-to-top {
  display:none !important;
}





.list-group-item {
  border:none;
  padding:20px;
  margin-bottom:1px;
  border-radius:0;
  background:#ff0000;
  color:#ffffff;
  font: 16px/1em 'ArimoRegular',Arial;
}
.list-group-item:first-child {
  border:none;
  padding:20px;
  margin-bottom:1px;
  border-radius:0;
  background:#336699;
  color:#ffffff;
  font:20px/1em 'robotomedium', Arial;
  text-align:center;
}
.list-group-item:first-child:before {
  display:none;
}
.list-group-item:first-child,
.list-group-item:last-child {
  border-radius:0;
}
.list-group-item:last-child {
  background:#336699;
  padding:20px;  
}
.list-group-item:before {
  font-family:'FontAwesome';
  content:"\f105";
  color:#ffffff;
  margin-right:8px;
  font-size:20px;
  vertical-align:middle;
  font-weight:600;
  display:inline-block;
  margin-bottom:1px;
}
a.list-group-item {
  color:#ffffff;
  font:20px/1em 'robotomedium', Arial;
  text-transform:uppercase;
  text-align:center;
}
a.list-group-item:hover, 
a.list-group-item:focus {
  color:#ffffff;
  background-color:#111111;  
  border-color:none;
  text-decoration:none;  
}
a.list-group-item:before {
  display:none;
}







/*===========================================================================
     General wrappers
===========================================================================*/
.content-flex-wrapper {  
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between; 
}
.content-flex-wrapper .content {
  flex:0 0 66%;
  order:1;

}
.content-flex-wrapper .content-right {
  flex:0 0 32%;
  order:2;

}


@media (max-width: 991px) { 
.content-flex-wrapper {  
  -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.content-flex-wrapper .content {
  flex:0 0 100%;
  order:1;

}
.content-flex-wrapper .content-right {
  flex:0 0 100%;
  order:2;

}

}










/*===============================================================================
    Header
===============================================================================*/
header {
  padding:0 0 20px 0;
}
.header-top-section {
  height:32px;
}
.header-box {
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:flex;      
  justify-content:flex-end;
}
.header-wrapper {
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:flex;
 -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-align-items:center;
  -ms-flex-align:center;
  -webkit-box-align:center;
  align-items:center;  
  margin:24px 0;
}
.header-wrapper .logo-wrapper img {
  width:100%;
  height:auto;
}
.header-wrapper .phone-box .fa-phone {
  font-family:'FontAwesome';
  content:"\f095";
  color:#111111;
  font-size:38px;
  vertical-align:middle;
  margin-right:8px;
}
.header-wrapper .phone-box a {
  color:#ff0000;
  font:36px/1em 'roboto_condensedbold',Arial; 
  margin:0;
}
.header-wrapper .phone-box  a:hover,
.header-wrapper .phone-box  a:focus {
  color:#336699;
}

/*===========================================================================
    Breadcrumbs Section
===========================================================================*/
.bg-breadcrumbs {
  background:#ff0000;
  padding:20px 0;
}
.breadcrumb-box p {
  color:#ffffff;
  font:16px/1.2em 'ArimoRegular',Arial;
  margin:0;
  text-transform:capitalize;
}
.breadcrumb-box a {
  color:#ffffff;
  font:16px/1.2em 'ArimoRegular',Arial;
}
.breadcrumb-box a:hover,
.breadcrumb-box a:focus {
  color:#161616;
}

/*===========================================================================
    Main Page
===========================================================================*/

/*--- Section 1 - Keypoints Wrapper---*/
.keypoints-outer { 
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align:center;
}
.keypoint-box-1 {
  flex:0 0 33%;
  padding:34px 0 24px;
  border-left:1px solid #d4d4d4;
}
.keypoint-box-2 {
  flex:0 0 34%;
  padding:34px 0 24px;
  border-left:1px solid #d4d4d4;
  border-right:1px solid #d4d4d4;
}
.keypoint-box-3 {
  flex:0 0 33%;
  padding:34px 0 24px;
  border-right:1px solid #d4d4d4;
}
.keypoint-box-1 .line1,
.keypoint-box-2 .line1,
.keypoint-box-3 .line1 {
  color:#ffffff;
  font:22px/1em 'robotomedium',Arial;  
  margin-bottom:5px;
  text-transform:uppercase;
}
.keypoint-box-1 .line2,
.keypoint-box-2 .line2,
.keypoint-box-3 .line2 {
  color:#ff0000;
  font:20px/1em 'robotomedium',Arial;
  text-transform:uppercase;
}

/*--- Section 2 - Vehicle Types---*/
.vehicle-categories-flex-wrapper {
  display:-ms-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:flex; 
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;  
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin:15px 0 0;
}
.vehicle-category-box-wrapper {
  flex:0 0 32%;
  margin-bottom:15px;
  padding:10px;
  border:1px solid #d4d4d4;
  background:#ffffff;
}
.vehicle-category-box-wrapper .vehicle-category-box-image img {
  width:100%;
  height:auto;
}

.vehicle-category-box-caption {
  background:#ff0000;
  padding:24px 30px 20px;
}

.vehicle-category-box-caption .vehicle-category-box-label {
  color:#ffffff;
  font:700 24px/1.2em 'open_sansregular',Arial;
}
.vehicle-category-box-caption .vehicle-category-box-desc {
  color:#ffffff;
  font:500 16px/1.4em 'open_sansregular',Arial;
}
.vehicle-category-box-caption .btn-custom {
  font:18px/1em 'robotomedium', Arial;  
  padding:16px 18px;   
}

.vehicle-category-box-wrapper .btn-custom {  
  background:#111111;  
  margin:10px auto 0;   
  box-shadow:0 0 1px #111111;
  -webkit-transform-origin:50% 50%;
  -webkit-transition-duration:0.4s;
  -webkit-transition-timing-function:ease-out;
  -webkit-box-shadow:50px 0px 0 0 #111111 inset , -50px 0px 0 #111111 inset;  
}  
.vehicle-category-box-wrapper .btn-custom:hover,
.vehicle-category-box-wrapper .btn-customfocus  { 
  color:#ffffff;
  background:#336699;  
  -webkit-box-shadow:0px 0px 0 0 #111111 inset , 0px 0px 0 #111111 inset;
  text-decoration:none;  
}

/*--- Section 4 - Vehicle Types---*/
.benefits-flex-wrapper {  
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin:15px 0 10px;
}
.benefits-box-outer {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  flex:0 0 49%;
  padding:24px;
  margin:15px 0;
  border:1px solid #d4d4d4;
}
.benefits-box-info .benefit-label {
  color:#ffffff;
  font:22px/1em 'robotomedium',Arial;
  margin:0 0 10px;  
  text-transform:uppercase;
}
.benefits-box-info .benefit-details {
  color:#d4d4d4;
  font:16px/1.2em 'ArimoRegular',Arial;
  margin:0;
}
.benefits-box-icon .fa {
  color:#ffffff;
  font-size:2.6em; 
  margin:0 16px 0 0;
  background:#ff0000;
  width:80px;
  height:80px;
  line-height:80px;  
  text-align:center;
}


.sect4 .fa-phone {
  font-family:'FontAwesome';
  content:"\f095";
  color:#ffffff;
  font-size:22px;
  line-height: 0;
  vertical-align:middle;
  margin-right:8px;
}
a.keyLink {
  color:#ffffff;
  text-decoration:underline;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;  
  font-weight:500;
}
a.keyLink:hover, 
a.keyLink:focus {
  color:#ff0000;  
}


/*--- Section 5 - Testimonials---*/
.testimonials-wrapper {
  display:-ms-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:flex; 
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;  
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
}
.testimonial-comment-box {
  flex:0 0 32%;
  border:1px solid #d4d4d4;
  margin-top:70px;
  padding:0 18px 20px;
  border-radius:5px;
  text-align:center;
}
.testimonial-comment-box .icon {
  font-size:36px;
  width:110px;
  height:110px;
  line-height:110px;   
  background-color:#ff0000;	 	
  border-radius:50%;
  display:inline-block;
  text-align:center;
  margin:-55px 0 20px;
}
.testimonial-comment-box .icon .fa {
  font-family:'FontAwesome'; 
  content:"\f086";
  color:#ffffff;
  font-size:1.4em;
  vertical-align:middle;
  margin-bottom:6px;
}
.testimonial-comment-box {
  flex:0 0 32%;
  border:1px solid #d4d4d4;
  margin-top:70px;
  padding:0 18px 20px;
  border-radius:5px;
  text-align:center;
}

/*===========================================================================
    CTA Wrapper / Button
===========================================================================*/
.cta-wrapper {
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:flex; 
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  padding:20px 30px;
  border:1px solid #ffffff;
}
.cta-wrapper .cta-content {
  flex:0 0 78%;
 }
.cta-wrapper .cta-button {
  flex:0 0 20%;
  text-align:right;
}
.cta-wrapper .cta-content p {
  color:#ffffff;
  font:700 28px/1em 'robotomedium',Arial;
  margin:0;
  text-transform:uppercase;
}
.cta-wrapper .cta-content a {
  color:#ffffff;
  font:700 30px/1em 'robotomedium',Arial;
  margin:0;
  text-transform:uppercase;
}
.cta-wrapper .cta-content a:hover,
.cta-wrapper .cta-content a:focus {
  color:#111111;
}


/*===========================================================================
    Footer Section
===========================================================================*/
footer {
  background:#ffffff;
}
footer .footer-wrapper-top {
  padding:40px 0 20px 0;
}

/*--Footer Top--*/
footer .footer-flex-wrapper {
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:flex; 
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
}
footer .footer-flex-wrapper .footer-box-logo-spiel {
  flex:0 0 48%;
  padding:20px 20px 10px;
  margin:0 0 15px;
  border-radius:6px;
  border:1px solid #d4d4d4;
}
footer .footer-flex-wrapper .footer-box-information,
footer .footer-flex-wrapper .footer-box-contactUs {
  flex:0 0 24%;
  padding:20px 20px 10px;
  margin:0 0 15px;
  border-radius:6px;
  border:1px solid #d4d4d4;
}
footer .footer-flex-wrapper .heading {
  color:#111111;
  font:28px/1em 'roboto_condensedbold',Arial;
  margin:0 0 10px 0;
  text-transform:uppercase;
}

/*--Logo / Speil / logo--*/
footer .footer-flex-wrapper .footer-box-logo-spiel {}
footer .footer-flex-wrapper .footer-box-logo-spiel p {
  color:#4b4b4b;
  font:16px/1.4em 'ArimoRegular',Arial;
  margin:15px 0 0 0;
}
footer .footer-flex-wrapper .footer-box-logo-spiel span {
  color:#ff0000;
  font-weight:500;
}
footer .footer-flex-wrapper .footer-box-logo-spiel img {
  max-width:40%;
  height:auto;
}
footer .footer-flex-wrapper .footer-box-logo-spiel .logos img {
  padding:6px;
  margin:10px 0 0 0;
  border-radius:6px;
  border:1px solid #d4d4d4;
}

/*--Information--*/
footer .footer-flex-wrapper .footer-box-information ul {
  padding:0;
}
footer .footer-flex-wrapper .footer-box-information .list li {
  list-style:none;  
}
footer .footer-flex-wrapper .footer-box-information .list li a {
  color:#4b4b4b;
  font:16px/1em 'ArimoRegular',Arial;
  -webkit-transition:all 0.35s;
  -o-transition:all 0.35s;
  -ms-transition:all 0.35s;
  -moz-transition:all 0.35s;
  transition:all 0.35s;
}
footer .footer-flex-wrapper .footer-box-information .list li a:hover,
footer .footer-flex-wrapper .footer-box-information .list li a:focus {
  color:#ff0000;
  text-decoration:underline;
}
footer .footer-flex-wrapper .footer-box-information .list li::before {
  font-family:'FontAwesome';
  content:"\f105";
  color:#ff0000; 
  margin-right:6px;
  font-size:20px;
  vertical-align:middle;
  font-weight:600;
  display:inline-block;
}

/*--Contact Us--*/
footer .contactInfo-wrapper {
  margin:15px 0 0;
}
footer .contactInfo-wrapper .contactInfo {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  padding:5px 0;
}
footer .contactInfo-wrapper .contactInfo .info {
  color:#4b4b4b;
  font:16px/1.2em 'ArimoRegular',Arial;
}
footer .contactInfo-wrapper .contactInfo .icon {
  width:20px;
  margin:0 8px 0 0; 
}
footer .contactInfo-wrapper .contactInfo .icon .fa,
footer .contactInfo-wrapper .contactInfo .icon .fas {
  font-family:'FontAwesome';
  color:#ff0000;
  font-weight:500;	
}
footer .contactInfo-wrapper .contactInfo .icon .fa-map-marker {
  font-size:1.8em;
}
footer .contactInfo-wrapper .contactInfo .icon .fa-phone {
  font-size:1.8em;
}
footer .contactInfo-wrapper .contactInfo .icon .fa-envelope {
  font-size:1.4em;
}
footer .contactInfo-wrapper .contactInfo a {
  color:#4b4b4b;
  font:16px/1em 'ArimoRegular',Arial;
}
footer .contactInfo-wrapper .contactInfo a:hover,
footer .contactInfo-wrapper .contactInfo a:focus {
  color:#ff0000;
}
footer .footer-box-contactUs .social-wrapper {
  margin:15px 0 0 ;
}
footer .footer-box-contactUs .social {
  list-style:none;
  padding:0; 
  display:inline;
}
footer .footer-box-contactUs .social li {
  display:inline;
  margin-right:4px;
}
footer .footer-box-contactUs .social li a {
  color:#ffffff;
  font-size:20px; 
  text-decoration:none;  
}
footer .footer-box-contactUs .social li a:hover { 
  color:#ffffff;
  background:#33677d;
}
footer .footer-box-contactUs .social .fa {
  font-family:'FontAwesome';
  width:40px; 
  height:40px;
  line-height:40px; 
  background:#ff0000;
  margin-top:4px;
  border-radius:6px;
  text-align:center;  
}

/*--Footer Bottom--*/
.footer-wrapper-bottom {
  width:100%;
  background:#111111;
  padding:25px 0px;
  text-align:center;
}
.footer-wrapper-bottom .copyright, 
.footer-wrapper-bottom .siteby {  
  color:#f4f4f4; 
  font:16px/1.2em 'ArimoRegular',Arial;
  margin:0;  		
}
.footer-wrapper-bottom .copyright a,
.footer-wrapper-bottom .siteby a {
  color:#f4f4f4;
  font-weight:500;
}
.footer-wrapper-bottom .copyright a:hover,
.footer-wrapper-bottom .siteby a:hover {
   color:#ff0000;
}


@media (min-width: 1200px) { 
.abcr-security {padding:0 0 0 40px;}
}