body {
    background-image:url('../img/carbon.png');
    background-repeat: repeat;
    background-position: 0 0;
    padding:0;
    margin:0;
    font-family: 'Open Sans Condensed', sans-serif;
}

@-webkit-keyframes jump {
    0%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40%{
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    50%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    60%{
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
    }
    80%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes jump {
    0%{
        transform: translateY(0);
    }
    20%{
        transform: translateY(0);
    }
    40%{
        transform: translateY(-15px);
    }
    50%{
        transform: translateY(0);
    }
    60%{
        transform: translateY(-7px);
    }
    80%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(0);
    }
}

.clear {
    clear:both;
}

h1 {
    margin:0 0 20px 0;
    padding:0;
    font-size:28pt;
}

h2 {
    margin:0 0 20px 0;
    padding:0;
    font-size:24pt;
}

h3 {
    margin:0 0 20px 0;
    padding:0;
    font-size:18pt;
}

.grid {
    position: relative;
    padding-left:20px;
    padding-right:20px;
    overflow: visible;
}

.grid-pad {
    padding-top:20px;
    padding-bottom:20px;
}

.grid-pad-more {
    padding-top:60px;
    padding-bottom:60px;
}

.grid-pad-btm {
    padding-bottom:40px;
}

header {
    /*
    background-image:url('../img/flotte.png');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    */
    background-color:#FFD500;
}

header .only_mob {
    margin-top:20px;
}

header .only_mob .col-1-2 {
    width:50%;
    float:left;
    margin:0;
    padding:0;
}

header .only_mob .col-1-2 span {
    font-size:24pt;
    margin:0;
    vertical-align: middle;
}

header .only_mob .col-1-2 a {
    text-align: center;
    color:#1D1D1B;
    display:block;
    font-size:12pt;
    font-weight: bold;
}

header h1 {
    text-indent:-9999999999px;
    margin:0;
    padding:0;
    height:0;
    width:0;
}

header a.logo {
    background-size:contain;
    background-repeat: no-repeat;
    background-image:url('../img/citycar_logo.png');
    width:200px;
    height:201px;
    display:block;
    position: absolute;
    z-index:9;
}

header .col-2-3 {
    position: absolute;
    right:0;
    bottom:0;
    text-align: right;
}

header span {
    margin-right:10px;
}

header .main_call {
    color:#1D1D1B;
    font-size:30pt;
    text-decoration: none;
    font-weight:bold;
}

header .main_call:hover,
header .whatsapp:hover {
    text-decoration: underline;
}

header .desktop_only .main_call span {
    -webkit-animation: jump 1.5s ease 2s infinite normal;
    animation: jump 1.5s ease 2s infinite normal;
}

header .whatsapp {
    font-size:24pt;
    display:block;
    color:#1D1D1B;
    text-decoration: none;
}

header .content {
    min-height:150px;
}

nav.navigation {
    background-color:#FFD500;
    text-align: center;
    background-image:url('../img/carbon.png');
    /*padding-top:40px;*/
}

nav span.glyphicons-menu-hamburger {
    color:#FFD501;
    font-size:20pt;
    cursor: pointer;
    padding: 0;
    text-align: left;
}


nav ul {
    list-style-type: none;
    margin:0;
    padding:0;
}

nav ul li {
    display:inline-block;
    padding:0;
    margin:0;
}

nav ul li a {
    padding:20px;
    display:block;
    color:#fff;
    font-weight:bold;
    font-size:16pt;
    text-decoration: none;
}

nav ul li.active a,
nav ul li a:hover {
    color:#FFD501;
}

nav ul li .glyphicons {
    margin-right:5px;
    vertical-align: bottom;
}

.entry-content {
    padding:40px 0;
    font-size:14pt;
    line-height:1.5;
    background:#fff;
}

.error404 .content {
    text-align: center;
    color:#acacac;
}

.error404 span {
    display:block;
    font-size:200pt;
}

.entry-content ul {
    padding-left:20px;
    margin-bottom:0;
}

.entry-content ul.check,
.entry-content ul.glyph_list {
    list-style-type:none;
    padding:0;
}

.entry-content ul.check li {
    position: relative;
    padding-left:30px;
}

.entry-content ul.check li::before {
    content:'';
    display: inline-block;
    font-family: 'Glyphicons Regular';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left:0;
    vertical-align: bottom;
}

.entry-content ul.glyph_list>li {
    font-weight: bold;
    margin:0 0 10px 0;
    padding-left:50px;
    position: relative;
    min-height:40px;
}

.entry-content ul.glyph_list>li ul {
    padding-left:25px;
}

.entry-content ul.glyph_list li span {
    margin-right:10px;
    background:#FFD501;
    padding:10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width:20px;
    height:20px;
    text-align: center;
    line-height:1;
    vertical-align: middle;
    position: absolute;
    left:0;
    top:-5px;
}

.entry-content ul.glyph_list li span::before {
    padding: 2px 0 0 0;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.infobox {
    padding:10px;
    background-image:url('../img/carbon.png');
}

.infobox .infobox_content {
    background:#FFD501;
    padding:20px;
}

.infobox .infobox_content [class*='col-'] {
    margin:0;
}

.infobox a.icon,
.iconbox a.icon {
    color:#1D1D1B;
    font-size:22pt;
    text-decoration: none;
    font-weight:bold;
}

.infobox a.icon:hover,
.iconbox a:hover {
    text-decoration: underline;
}

img.flotte {
  float:left;
  width:32%;
}

img.img1 {
margin-right:1%;;
}
img.img2 {
margin:0 1%;;
}
img.img3 {
margin-left:1%;;
}

img.fullwidth {
    width:100%;
    height:auto;
}

.imp {
    text-align: justify;
    font-size:11pt;
}

.imp a {
    color:inherit;
}

websplash_copy {
    margin:20px;
    line-height:1.3;
}

.websplash_copy span {
    display:inline-block;
    min-width:60px;
}

.websplash_copy a {
    color:inherit;
}

.sep {
    display:inline-block;
    min-width:80px;
}

img {
  max-width:100%;
  height:auto;
}

.payment {
}

.payment .text {
  color:#464646;
  padding-top:15px;
  padding-left:30px;
}

.payment .accepted {
  left:-20px;
  position: relative;
}

.payment .accepted img {
  display:inline-block;
  max-height:80px;
  max-width:auto;
}

footer {
    border-top:5px solid #FFD501;
    line-height:1.5;
    /*
    background-color:#1D1D1B;
    background-image:url('../img/carbon.png');*/
    color:#fff;
    font-size:12pt;
}

footer .glyphicons {
    vertical-align: middle;
}

footer .glyphicons:before {
    padding-left: 0;
}

footer ul {
    padding:0 0 0 20px;
    margin:0;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    color:#FFD501;
}


@media only screen and (max-width: 980px) {

    .entry-content [class*='col-'],
    footer [class*='col-'] {
        float:none;
        width:100%;
    }

    nav.navigation {
        padding:10px 0;
    }

    nav span.glyphicons-menu-hamburger {
        display:block!important;
    }

    nav ul {
        display:none;
        text-align: left;
    }

    nav ul li {
        display:block;
    }

    nav ul li a {
        padding:10px 0;
    }

    footer [class*='col-'] {
        margin-bottom:20px;
    }

    footer [class*='col-']:last-of-type {
        margin-bottom:0;
    }

    .entry-content {
        padding:10px 0;
    }

    .entry-content .grid-pad {
        padding-top:0;
    }

    .entry-content .grid-pad-more {
        padding-top:0;
    }

    .infobox .infobox_content {
        padding:10px;
        text-align: center;
    }

    .payment {
      text-align: center!important;
    }
    .payment .icon {
      margin:0 auto!important;
      max-width:100px;
    }

    .payment .text {
      padding-top:0;
      padding-left:0;
    }

    .payment .accepted {
      left:0;
      margin-top:20px;
    }

    .payment .accepted img {
      max-height:50px;
    }

}



@media only screen and (max-width: 768px) {

    header .content {
        min-height:0;
    }

    header a.logo {
        position: static;
        width:130px;
        height:131px;
    }

    header .main_call {
        font-size:20pt;
    }

    header .whatsapp {
        font-size:18pt;
    }


    header .col-1-3 {
        margin:0;
    }

    header .col-2-3 {
        position: static;
        margin:0;
    }

    header h1 {
        display:none; /* else links not clickable */
    }

    .infobox a.icon, .iconbox a.icon {
        font-size:18pt;
    }

    h1,h2,h3 {
        line-height:1.2;
    }

    h1 {
        font-size:24pt;
    }

    h2 {
        font-size:20pt;
    }

    h3 {
        font-size:14pt;
    }

}



@media only screen and (max-width: 400px) {

    nav ul li a {
        font-size:14pt;
    }

    .desktop_only {
        display:none;
    }

    header [class*='col-'] {
        width:100%;
        float:none;
    }

    header a.logo {
        margin:0 auto;
    }

    header .col-2-3 {
        text-align: center;
    }

    header .only_mob {
        display:block!important;
    }


    header .col-2-3 {
        padding-left:0;
        padding-right:0;
    }

    img.flotte {
    width:100% !important;
    margin:10px 0;
    }
}