html, body { padding:0; margin: 0; }

/*
header {
    height: 175px;
    width:100%;
    z-index: 999;
    background-color:white;
}
.box { margin:0 auto;}
.img-responsive { display: block; max-width: 100%; height: auto;}
header .header-info .language-switch {
    background-color: #ffbf00;
    margin-left: 24px;
}
header {
    padding-top:10px;
}
header .header-info .contact {
    font-family: 'Karma', serif;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    color: #716d6e;
}
.languageSelector { margin-left:20px; margin-bottom:50px;}
.languageSelector button { color:white; }
.brand { padding-top:25px; margin-bottom:15px !important;}
#dropdownMenuButton { padding:4px !important;}

.pull-left {
    float: left!important;
}
.pull-right {
    float: right!important;
}

.container-fluid { padding-left:0 !Important; padding-right:0 !important;}

.mainSection {
    height: 600px;
    padding: 60px 0;
    background-color: #ffbf00;
    background: linear-gradient(to bottom, #ffbf00 0%, #fcd45f 50%, #ffbf00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@mainColor', endColorstr='@mainColor', GradientType=0);
}
footer { padding-top:20px;}
footer .footer-nav {
    list-style: none;
    margin: 0 auto 20px auto;
    padding: 0;
}
footer .footer-nav li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
}
footer .footer-nav li a {
    font-size: 16px;
    text-decoration: none;
    color: #716d6e;
    font-weight: bold;
}

.nav-link {
    font-size:20px;
}
ul.navbar-nav li.nav-item {
    margin-left:20px; margin-right:15px;
}
*/
header.small.affix div.brand img { max-height:80px !important; }
header.small.affix div.brand {margin-top:4px !important;}
div.navbar-header a.navbar-brand.scroll-to img { max-height:70px !important; }
nav.navbar.navbar-default { margin-top:75px;}
header.small.affix nav.navbar.navbar-default { margin-top:35px;}

@media (max-width: 1200px) {
    nav.navbar.navbar-default { margin-top:25px !important;}
    header.large .brand { margin-top:12px !important;}
}

/* Small devices (660px and down) */
@media (max-width: 1075px) {
    nav.navbar.navbar-default { margin-top:12px !important;}
    #teaser form .submit { font-size:16px !Important;}
    header.large .brand { margin-top:12px !important;}
}
/*
footer { background:url(../images/road.jpg) no-repeat top center; background-size:cover;
    background-attachment: fixed;
}
*/

.pricesGroup input { margin-bottom:5px; }

.carsFleet th { background-color:#337AB7; color:white; font-weight:bold; text-align:center; padding:3px; width:100%; }

.carsFleet td { background-color:#ededed; border:1px solid white; padding:3px;}
#prices {
    margin-top: 65px;
    position: relative;
    z-index: 2;
}
#prices .prices-box {
    background-color: #ededed;
    padding: 20px;
    margin-bottom: 30px;
    min-height: 235px;
}
.pricesImageBox { width:150px; height:110px; background-size:contain; background-position:center center; background-repeat:no-repeat; float:left; border:2px solid #FFBF00; margin-right:10px; background-color:#C1C1C1; }
.prices-box .list-group-item { padding:5px 10px !important;}
#prices h2 {
    font-size: 46px;
    font-weight: 900;
    text-align: center;
    margin: 0 0 25px 0;
    padding: 0;
}
#prices .underline {
    height: 4px;
    width: 135px;
    display: block;
    background-color: #ffbf00;
    margin: 0 auto;
}
#prices .title { margin-bottom: 38px;}

#otherPrices { background-color:#FFBF00; padding:20px; }

#otherPrices .service-title, #prices .service-title {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 30px;
    font-weight: 900;
    padding-top: 5px;
}
#prices .service-title {
    font-size: 20px;
    min-height:60px;
    text-align:center;
    border-bottom:1px solid #FFBF00;
    padding-top:15px;
    margin-bottom:10px;
    background-color:#E3E3E3;
}
#otherPrices .list-group-item { margin:4px 0 4px 0; font-size:18px;}
#teaser .car-img { min-height:400px;}
#teaser h1.title { min-height:80px;}


#teaser { background-color:rgba(0,0,0,0.5);}

#myVideo {
    position: relative;
    right: 0;
    bottom: 0;
    top:0;
    min-width: 100%;
    min-height: 100%;
    max-width:100%;
    max-height:100%;
}
#myVideoDiv {
    position:relative;
    min-width: 100%;
    min-height: 100%;
    max-width:100%;
    max-height:100%;
    overflow:hidden;
}

.content {
    position: absolute ;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3) url(/images/pattern.png) repeat;
    color: #f1f1f1;
    width: 100%;
    height:100%;
    padding-top:15%;
    line-height: 0 !important;
}
.content div.bigTitle {
    width:77%;
    margin:0 auto;
    position:relative;
}
.content div.bigTitle h1 {
    font-size: 90px;
 /*   line-height: 97px;*/
    letter-spacing: 0px;
    margin-bottom: 22px;
    text-align:center;
    font-family: 'Oswald',sans-serif !important;
}
.content div.bigTitle h2 {
    text-align:center;
    font-weight:bold;
    font-size:36px;
}
.content div.bigTitle p {
    text-align:center;
    font-size:24px;
    color:white;
    font-weight:bold;
}
.videoButton:hover::after{height:260%;opacity:1;}
.videoButton::after{background:#FFFFFF none repeat scroll 0 0;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transition:all 0.3s ease 0s;width:100%;z-index:-1;}
.videoButton, .videoButton:visited, .videoButton:link{border:2px solid #FFFFFF;text-decoration:none;color:#FFFFFF;text-shadow:0 1px 2px rgba(255, 255, 255, 0.6);display:block;font-size:22px;font-weight:normal;height:62px;line-height:38px;margin:30px auto;overflow:hidden;position:relative;text-align:center;width:236px;padding:10px;}
.videoButton:hover{color:#333;text-decoration:none;width:270px;transition:all 0.3s ease 0s;}

.animation-element.move-up.in-view, .animation-element.move-left.in-view{opacity:1;-moz-transform:translate3d(0px, 0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);-o-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate3d(0px, 0px, 0px);}
.animation-element.move-up{transform:translate3d(0px, 300px, 0px);transition:all 500ms linear 0s;}
.animation-element.move-left{transform:translate3d(100px, 0px, 0px);transition:all 1000ms linear 0s;}
.animation-element{position:relative;}

/* particles css */
#teaser { position: relative; z-index: 0;}
canvas{ display: block; vertical-align: bottom; position: absolute; top:0; z-index:1; }
#teaser > div { z-index:100; position:relative;}

#selected-vehicle-image { position:relative; bottom:-12px; }
#checkoutModal .vehicle-info { max-width:420px; }

footer a { color:black; }
footer a:hover { corlo:#ffbf00; }