/*!
Theme Name: Outrun Motor Company
Theme URI: https://outrun.ch
Version: 3.0
Description: Outrun
Author: omc
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

* {
    box-sizing: border-box;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;}
html,body { height: 100%; width: 100%; scroll-behavior: smooth; }

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/* Some basic settings */
.w400 { font-family: "Rubik", sans-serif; }
div.title { font-size: 30px; }
.description div.title,
div.quote { font-weight: 300; font-size: 20px; line-height: 25px; border-left: 4px solid gold; padding-left: 15px; }
div.subtitle { font-size: 20px; line-height: 25px; }
.uppercase { text-transform: uppercase !important; }
h1, h1 .button { font-size: 32px; }
h2, h2 .button { font-size: 28px; }
h3, h3 .button {
    font-family: "Rubik", sans-serif;
    font-size: 25px;
    letter-spacing: 0;
    line-height: 23px !important;
    margin-bottom: 10px !important;
    margin-top: 0 !important;
}
h4, h4 .button { font-size: 15px; }
h5, h5 .button { font-size: 14px; }
h6, h6 .button { font-size: 12px; }
.container.s-h2 h2 { font-size: 32px; line-height: 30px; }
.container.s-h2 h3 { margin-bottom: 10px; }
small, .small { font-size: 13px; }
ol { list-style: decimal; }
ul { list-style: disc; }
ul ul.wp-block-list { margin-bottom: 0px; }
ul.wp-block-list { margin-bottom: 20px !important; }
li { margin-left: 30px; }
img {  }
div p:last-child { margin-bottom: 0; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }
sup {
    vertical-align: super;
    font-size: 10px;
}

ol.wp-block-list > li {
    margin-bottom: 30px;
}

ol ul.wp-block-list {
    margin-bottom: 0px !important;!i;!;
}

header.entry-header {
    margin-bottom: 30px;
}

span.edit-link {
    color: dodgerblue;
    text-decoration: underline;
    margin: 10px 0px;
    display: inline-block;
}

input#wps {
    width: 0px !important;
    height: 0px;
    padding: 0px !important;
    display: none;
}

video {
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

a.header-button {
    background-color: orangered;
    padding: 20px 40px;
    display: inline-block;
    color: white;
    border-radius: 4rem;
    margin-top: 20px;
    transition: all 0.3s ease;
}
a.header-button:hover {
    color: inherit;
    padding: 20px 50px;
}

/* ---------------------------------------------------------------------- */
/*  Basic Elements & Classes
/* ---------------------------------------------------------------------- */

body {
    background: #fff;
    color: #444444;
    font-family: "Rubik", sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

/* ::-moz-selection { background: #f15a23; color: #fff; text-shadow: none; }
::selection { background: #f15a23; color: #fff; text-shadow: none; }
*/
h1, h2, h3, h4, h5, h6, div.title {
    color: #333333;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 10px;
}
h1 {
    font-size: 33px;
    line-height: 30px;
}

h1, h2 {
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    letter-spacing: -1px;
}

h3, h4, h5 { }

a, a > * {
    color: #333333;
    text-decoration: none;
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
       -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
        -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
         -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
            transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover, a > *:hover { color: #BBBBBB; }

hr {
    background: #efefef;
    color: #efefef;
    margin: 5px 0 45px;
}

    hr.dotted { border-style: dotted; }

    p + hr { margin: 25px 0 20px; }

blockquote {
    background: #f8f8f8 url(images/quote.png) no-repeat 17px 21px;
    font-style: italic;
    font-size: 15px;
    line-height: 1.6;
    padding: 20px 20px 20px 55px;
}

    blockquote.simple {
        background: none;
        border-left: 2px solid #ddd;
        color: #bbb;
        font-size: 13px;
        margin: 0;
        padding: 0 0 0 10px;
    }

    blockquote p:last-of-type { margin-bottom: 0; }

    blockquote small { font-size: 12px; }

.button, input[type="submit"], input[type="reset"], button {
    background: #f15a23;
    border: none;
    color: #fff;
    cursor: pointer;    
    font-weight: 400;
    height: auto;
    overflow: visible;
    padding: 7px 15px;
    -webkit-transition: background-color .2s ease;
       -moz-transition: background-color .2s ease;
        -ms-transition: background-color .2s ease;
         -o-transition: background-color .2s ease;
            transition: background-color .2s ease;
    width: auto;
}

    .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
        /*! background: white; */
    }
    .button a:hover, a.button:hover, .button:hover a {
        /*! color: black; */
    }

.kontakt a.button:hover {
    background-color: white;
    color: black;
    border: 1px solid black;
}

.kontakt a.button {
    background-color: black;
}

section#webuycars {
    text-align: center;
}

#webuycars .button {
    background-color: purple;
    border-radius: 3rem;
    color: white;
    padding: 20px 40px;
    border: none;
}
#webuycars .button:hover {
    background-color: forestgreen;
}

#webuycars h2 {
    font-size: 28px;
    line-height: 1.25;
    
}

#webuycars .container {
    background-color: #F8F8F8;
    padding: 70px 70px 40px 70px;
    border-radius: 2rem;
}

#webuycars .container p {
    margin: 0px auto 30px auto;
    text-align: center;
}

img.webuycars-logo {
    display: block;
    width: 160px;
    padding: 50px 10px 0px 10px;
    margin: 0 auto;
}

section#leasing-request,
section#webuycars,
section#purchase-car {
  padding: 20px 30px;
}

#purchase-car .container.flex > div {
   color: black;
}

#purchase-car .container.flex {
   background-color: #F9F9F9;
}

#purchase-car h2 {
    color: black;
}

#purchase-car button {
    display: inline-block;
}

section#purchase-car {
}

#purchase-person-details input {
    color: #434343;
}

#purchase-person-details input {
    background-color: white;
    border: 1px solid cornflowerblue;
}

button#send-purchase-request {
    background-color: #1E3E62;
}

#purchase-car-price {
    display: none;
}

.happy-drive-package ul {
    display: flex;
    gap: 10px 10px;
    flex-wrap: wrap;
}
.happy-drive-package ul li {
    padding-left: 25px;
    list-style: none;
    margin-left: 0px;
    background-color: #ffffff;
    padding: 20px 20px;
    border-radius: 1rem;
    flex: 1 1 calc(50% - 5px);
    text-align: center;
    line-height: 16px;
    font-size: 15px;
}
.inkl-package img,
.happy-drive-package img {
    height: 30px;
    margin: 0 auto;
    margin-bottom: 10px;
    display: block;
    border-radius: 0px !important;
}

.happy-drive-package h3 {
    margin-bottom: 10px !important;
    position: relative;
    padding-left: 35px;
}

.happy-drive-package h3::before {
    background-image: url("https://outrun.ch/wp-content/themes/omc/images/blue-check-icon.png");
    background-size: contain;
    padding-left: 30px;
    height: 30px;
    width: 30px;
    top: -3px;
    left: 0px;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
}

ul.inkl-package {
    margin: 0px 0px 60px;
}

ul.inkl-package span.small {
    text-align: center;
    display: block;
    color: grey;
    padding-top: 1px;
    padding-right: 10px;
    font-size: 12px;
}

.happy-drive-package h3.green-check::before {
    background-image: url("https://outrun.ch/wp-content/themes/omc/images/green-plus.png");
}
#leasing-request .container,
#purchase-car .container {
  background-color: #1A2C75;
  color: white;
  padding: 70px;
  border-radius: 2rem;
  max-width: 1240px;
  gap: 30px;
}

.alphera {
    background-image: url("https://outrun.ch/wp-content/themes/omc/images/alphera-logo.svg");
    background-repeat: no-repeat;
    background-position: bottom 70px left 70px;
    background-size: 70px;
}

img.icon-image {
    width: 35px;
    vertical-align: bottom;
    margin-right: 7px;
}

#leasing-request h2 {
    color: white;
}

#leasing-request .container.flex,
#purchase-car .container.flex {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

#leasing-request .container.flex > div,
#purchase-car .container.flex > div {
    flex: 1 1 50%;
}

#leasing-calculator input,
#leasing-calculator select,
#purchase-car input {
    border: 1px solid #dddddd;
    padding: 5px 15px;
    margin-bottom: 10px;
    width: 100%;
    border-radius: 2rem;
}

form#leasing-calculator {
    width: 100%;
}

label.consent-label {
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    color: #8383b7;
    line-height: normal;
}

.request-car-wish label.consent-label {
    text-align: left;
    color: #636363;
}

button#car-wish-submit:hover {
    background-color: white;
    color: orangered;
}

.flex.consent-box {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0px 5px;
}

input[name="consent"] {
    width: 30px !important;
    /* height: 30px !important; */
}

.flex.consent-box {
    justify-items: legacy;
}

input#leasing-zins {
    border: none;
}

.leasing-result-box {
    display: flex;
}

#leasing-result {
    border: none;
    padding: 0px;
    margin: 0px;
    font-size: inherit;
    text-align: right;
}

.leasing-result-box > div {
    flex: 1 1 50%;
    margin: 0px;
}

.leasing-result-box {
    margin-top: 20px;
    margin-bottom: 5px;
}

p.leasing-zins {
  margin-bottom: 0px;
}

p.leasing-zins,
p.residual-value {
    font-size: 13px;
}

.leasing-result-box label {
    width: 100%;
    margin: 0px;
}

fieldset#leasing-person-details {

}

input#leasing-calculated-rate,
input#leasing-calculated-residual-value {
    display: none;
}

fieldset#leasing-person-details input {
    background-color: whitesmoke;
    color: black;
}

input#leasing-downpayment {
    padding-left: 50px;
}

.downpayment-wrapper span {
    position: absolute;
    top: 39%;
    transform: translateY(-50%);
    left: 15px;
    font-size: 15px;
}

.downpayment-wrapper {
    position: relative;
}

#leasing-calculator a.button,
#leasing-calculator button,
#purchase-car button {
    border-radius: 3rem;
    padding: 20px 40px;
    background-color: forestgreen;
    border: 0px;
    font-size: inherit;
    text-transform: none;
}

button#send-leasing-request {
    display: none;
}

#show-fieldset-btn:hover,
#send-leasing-request:hover,
#send-purchase-request:hover {
    background-color: #18a518;
    color: white;
}

.footer-bar-fix {
    background-color: #FF6500;
    color: white;
    padding: 10px 50px;
    border-radius: 15rem;
    display: flex;
    margin: 0 auto;
    position: fixed;
    bottom: 30px;
    width: max-content;
    gap: 10px;
    z-index: 1;
    left: 50%;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, 0px);
}

.footer-bar-fix:hover img {
    transform: rotate(360deg);
    transition: all 0.6s ease;
}

.footer-bar-fix:hover {
    cursor: pointer;
}

.footer-bar-fix img {
    width: 25px;
    filter: invert(1);
}

.footer-bar-fix p {
    margin: 0px;
}

.footer-bar-fix a {
    color: #ffffff;
    text-decoration: underline;
}

.hero-buttons a {
  background-color: cornsilk;
  color: black;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 5px;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  /*! margin-top: 10px; */
}

.hero-buttons a.buy-car-button {
  background-color: gold;
  margin-right: 10px;
  margin-bottom: 10px;
}
.hero-buttons a.sell-car-button {
  background-color: transparent;
  border: 1px solid ivory;
  color: ivory;
}
a.buy-car-button:hover {
  background-color: orangered;
  color: white;
}
a.sell-car-button:hover{
    /*! border-color: white; */
    background-color: ivory;
    color: black;
}

.inline-padding {
    padding: 30px;
    background-color: black;
    height: 100vh;
    min-height: fit-content;
}
.inline-padding-footer {
    padding: 0px 30px;
}

.inline-padding section#top {
    border-radius: 3rem 3rem 0rem 0rem;
}

.inline-padding header#header {
    padding: 40px 50px;
}

.inline-padding section#cars-in-stock {
    background-color: white;
    border-radius: 3rem;
    padding-top: 50px;
}

.inline-padding.padding-40 {
    padding: 40px !important;
}

.padding-40 .container.grid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr) );
}

h2.other-cars {
    margin-bottom: 50px;
    text-align: center;
}

body:not(.home) .inline-padding {
    background-color: #f9f9f9;
    height: auto;
    padding-top: 10px;
}

body:not(.home) section#top {
    background-color: #f9f9f9;
}

.single-car-data {
    padding: 60px 30px 20px 30px;
}

iframe#model3d {
    width: 100%;
    aspect-ratio: auto 1348 / 766;
    border-radius: 3rem;
    max-width: 1000px;
    display: block;
    margin: auto;
    max-height: 562px;
    padding: 15px;
}

.faq .services.full-width {
  padding: 30px;
  background-color: floralwhite;
  border-left: 10px solid gold;
  margin-bottom: 20px;
}

.services.one-third {
  height: fit-content;
}
.services.one-third img.car-thumbnail {
    width: 100%;
    padding: 10px;
    border-radius: 15px;
    transition: scale 0.2s ease;
    height: auto;
    aspect-ratio: 140/90;
    object-fit: cover;
}
  .services.one-third img:hover {
      scale: 1.05;
  }
.car-description {
  padding: 20px;
  position: relative;
  display: flex;
  flex-flow: column;
  margin-bottom: 10px;
}

.olay {
    background: rgb(18 10 0 / 85%) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: all 0.3s ease-in 0.05s;
    width: 100%;
    z-index: 99;
    opacity: 0;
    display: none;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.olay.show {
    display: block;
    opacity: 1;
}

.olay-content {
    background-color: #F6F4F3;
    border-bottom: 10px solid #ff6400;
    border-radius: 1em;
    box-shadow: 0 0 20px black;
    transition: all 0.3s ease-in 0s;
    max-width: 700px;
    margin-top: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
}
.olay-content-right {
    padding: 60px 50px;
}

.olay-content .title {
    font-size: 20px;
    letter-spacing: -0.5px;
    margin-bottom: 30px;
}

.olay a#mail-sent-ok {
    padding: 15px 50px;
    background-color: black;
    border-radius: 3rem;
}

.olay span {
    font-weight: bold;
}

.badge {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: -35px;
    height: max-content;
    display: flex;
    align-items: center;
    left: 0px;
    flex: 1 0 auto;
    gap: 5px;
    margin: 0 auto;
    padding: 0px 20px;
}
.badge img {
    width: 35px;
    padding: 4px;
    vertical-align: middle;
    border-radius: 3rem;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.badge img.ev-car {
    background: rgb(0 255 106 / 50%);
    border: 1px solid palegreen;
}
.badge img.discount {
    background: rgb(255 29 29 / 60%);
    border: 1px solid #ffb2b2;
}
.badge img.model-3d {
    background: rgb(0 61 176 / 64%);
    margin-left: auto;
    border: 1px solid #97c5ff;
    height: auto;
    width: 39px;
    border-radius: 8px;
}
.badge a.model-3d {
    margin-left: auto;
}

span.new-in,
span.vendu {
    font-size: 11px;
    position: absolute;
    right: 50%;
    top: -17px;
    background: rgba(100%,100%,100%,0.5);
    padding: 8px 20px;
    border-radius: 3rem;
    font-weight: bold;
    z-index: 1;
    text-transform: uppercase;
    color: black;
    letter-spacing: 0.5px;
    transform: translateX(50%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    width: max-content;
    display: inline-block;
    border: 1px solid #eee;
}

.archived span.vendu {
    background: rgb(255 194 160 / 50%);
    color: #840101;
    padding: 8px 60px;
    border: 1px solid #ffe1e1;
}

.archived .car-description h3 {
    color: #bcbcbc;
}

.archived ul li {
    filter: opacity(0.4);
}

.archived .bottom-bar {
    background-color: #f2f2f2;
    color: #bcbcbc;
}

#services .service-col {
  flex: 1 1 calc(50% - 20px);
  background-color: aliceblue;
  padding: 40px;
  border-radius: 2rem;
  width: 100%;
}

h3.service-stockage::before,
h3.service-carrosserie::before,
h3.service-vehicule::before,
h3.service-assurance::before {
    width: 45px;
    height: 45px;
    background-size: 45px;
    display: inline-block;
    content: "";
    vertical-align: text-bottom;
    margin-right: 10px;
}

h3.service-stockage::before {
    background-image: url("https://cdn-icons-png.flaticon.com/512/16750/16750405.png");
}

h3.service-carrosserie::before {
    background-image: url("https://cdn-icons-png.flaticon.com/512/11133/11133685.png");
}
h3.service-vehicule::before {
    background-image: url("https://cdn-icons-png.flaticon.com/512/11560/11560360.png");
}
h3.service-assurance::before {
    background-image: url("https://cdn-icons-png.flaticon.com/512/9321/9321857.png");
}

#services .container.flex {}

#services .flex {
    display: flex;
    max-width: 1240px;
    gap: 20px;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 30px auto 0px auto;
}

#services .service-col h3 {
    margin-bottom: 20px !important;
}

#services h3 {
    margin-bottom: 30px !important;
}

#social-media .flex {
    display: flex;
    max-width: 1240px;
    margin: 0 auto;
    padding: 15px 50px;
    border: 1px solid #f3f3f3;
    border-radius: 3rem;
    gap: 10px;
    background-color: #fcfcfc;
}

.followoutrun, .socialmedia {
    flex: 1 1 auto;
}

.socialmedia {
    text-align: right;
}

.followoutrun h2 {
    margin: 0px;
}

.socialmedia a {
    display: inline-block;
    line-height: 0;
    padding: 0px 5px;
    vertical-align: mid;
}

.socialmedia:has(img:hover) img:not(:hover) {
    scale: 0.9;
    filter: blur(1px);
}

.socialmedia * {
    transition: scale 200ms, filter 300ms;
}

.socialmedia a img:hover {
    scale: 1.1;
}

.top-text .container > p {
  width: 100%;
}
.columns-4 {
  flex: 0 1 auto;
  padding: 30px;
  gap: 10px;
  background-color: oldlace;
  border-radius: 10px;
}
.columns-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr) );
  grid-gap: 12px;
  margin-top: 40px;
}
.columns-4 h3 {
  margin-bottom: 20px !important;
  font-size: 21px;
  font-weight: 500;
}
.car-description h3 {
  line-height: 19px !important;
}
.car-description a.button {
  float: right;
  background-color: #111;
  color: white;
  /*! position: absolute; */
  /*! bottom: 0; */
  /*! right: 0px; */
  display: inline-block;
  border-radius: 4px;
  text-align: center;
}
.bottom-bar {
  background-color: #FF6500;
  color: white;
  /*! padding: 10px 0px 10px 10px; */
  border-radius: 0px 0px 15px 15px;
}
.bottom-bar a.button:hover {
  /*! background-color: crimson; */
  /*! color: white; */
}

.bottom-bar .button:hover {
  background-position: 9px center;
  background-image: url("images/next-arrow.png");
}
.bottom-bar .button {
  float: right;
  display: inline-block;
  border: none;
  /*! background-color: black; */
  /*! border-radius: 0px; */
  /*! border-radius: 0px 0px 10px 0px; */
  background-image: url("images/next-arrow-02.png");
  background-size: 60%;
  background-repeat: no-repeat;
  height: 52px;
  width: 55px;
  background-position: 5px center;
  transition: all 0.1s ease-in-out;
  padding: 0px;
  filter: invert(1);
}
.bottom-bar span {
  float: left;
  display: inline-block;
  padding: 15px 5px 15px 20px;
  font-weight: 400;
}


.car-description ul {
  list-style: none;
  font-size: 16px;
  margin: 0px;
  padding: 0px;
  /*! float: left; */
}
.car-description ul li {
  margin-bottom: 5px;
  padding-left: 30px;
  background-size: 20px;
  background-repeat: no-repeat;
  margin-left: 10px;
  font-weight: 400;
}


.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.donnees .row > div {
    margin: 5px;
}

@supports (gap: 10px) {
    .donnees .row {
        gap: 10px;
    }
    .donnees .row > div {
        margin: 0px;
    }
}


.equipment {
}

.equipment ul {
  list-style: none;
  margin-left: 30px;
  margin-bottom: 0px;
  columns: 14rem auto;
  column-gap: 40px;
}

.equipment ul li {
  margin-left: 0px;
  margin-bottom: 1px;
}

.equipment li::before {
  content: "\00BB";
  padding-right: 10px;
  color: orangered;
  margin-left: -20px;
}

.equipment h2 {
  margin-bottom: 20px;
  font-size: 24px;
}

.equipment.eq2 {
  font-size: 15px;
}

.equipment.donnees {
    padding: 30px 0px;
    border-radius: 2rem;
}

.optinalEQ, .standardEQ, .view-more-container {
    flex: 1 1 100%;
    padding: 20px 20px;
    border-radius: 2rem;
}

.optinalEQ {
    
}

.standardEQ {
    height: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding: 0px;
    border-radius: 0px;
}

.standardEQ.full {
    transition: height 1s ease;
    height: 100%;
}

.standardEQ:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    content: "";
    background: linear-gradient(rgba(255, 255, 255, 0), white);
    width: 100%;
    height: 50%;
    transition: height 0.3s ease;
}

.standardEQ.full:before {
    background: none;
}

.view-more-container {
  overflow-y: hidden;
  position: relative;
}
.view-more {
    text-align: center;
    padding: 10px 50px;
    background-color: orangered;
    margin: 10px auto;
    color: white;
    border-radius: 3rem;
    max-width: max-content;
}
.view-more.hide {
    display: none;
}
.view-more:hover {
  cursor: pointer;
}
.view-more-container:has(.view-more:hover) .standardEQ:before {
    height: 20%;
}


.extra-service {
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
}
.included, .we-buy-your-car {
  width: 60%;
  padding: 10px 20px;
  flex: 1 1 auto;
  margin-bottom: 20px;
}
.included {
  border-radius: 7px;
  /*! background-color: floralwhite; */
  width: 40%;
}
.included div::before {
  background-image: url("images/star.png");
  padding-left: 30px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  padding-right: 3px;
}
.included div {
  padding: 6px 0px;
  /*! font-size: 20px; */
  border-bottom: 1px dashed gold;
  vertical-align: middle;
  line-height: normal;
}
.included div:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}

.col-12.col-sm-6 {
  flex: 0 0 50%;
  /*! margin-right: 10px; */
  /*! padding: 0px 10px; */
}

.equipment section {
  padding: 0px;
}
.row h3 {
  margin-bottom: 10px !important;
  font-weight: 400;
}

.font-weight-bold.mb-3 {
  margin-bottom: 20px;
}

.row.mt-2 .key-value {
  flex-flow: column;
}
.equipment.eq2 .mr-2::before {
  content: "\00BB";
  color: darkcyan;
}

.eq2 .mr-2.d-inline-block::before {
  content: "";
}
.sub-item-list {
  margin-bottom: 5px;
  list-style: none;
}
.col-12.col-sm-6.col-md-8 {
  flex: 0 0 100%;
  max-width: 100%;
}
.col-12.col-md-6.mb-3 {
  flex: 1 1 calc(20% - 10px);
  padding: 20px;
  background-color: #F9F9F9;
  border-radius: 1rem;
  gap: 10px;
  display: flex;
  flex-flow: column;
}
svg {
  width: 1.5em;
  height: 1.5em;
}
.base-icon img {
    width: 1.5em;
}
.base-icon strong {
  font-size: 13px;
}
.base-icon.d-r.key-value-key.bold-primary {
  display: inline-block;
}
.donnees h4 {
    font-size: 14px;
    margin-bottom: 0px;
}
.key-value {
  display: flex;
  padding: 0px;
  gap: 10px;
  line-height: normal;
  justify-content: left;
  align-items: center;
}
.donnees h4, .key-value {
    flex: 1 1 calc(50% - 10px);
}
.mr-2 {
  
}
.col-12.col-md-6.mb-3 {
}
.col-12.col-sm-6.col-md-4.mb-3 {
  flex: 0 0 33%;
  margin-bottom: 10px;
  padding: 0px 10px;
}
.raw-html.key-value-value.text-ellipsis.bold-primary {
  font-weight: bold;
}

.one-fourth p {
  padding: 71px 20px;
  min-height: 190px;
}


.customer-ratings img {
  width: 30px;
}
.customer-ratings {
  padding-top: 5px;
}
.inner-container.sub h3 {
  font-size: 16px;
}

.filter-options {
    margin: 0 auto 20px auto;
    width: 100%;
    max-width: 900px;
    display: flex;
    gap: 10px 30px;
    justify-content: center;
    flex-wrap: wrap;
}

input.toggle, select.toggle {
    cursor: pointer;
    position: relative;
    min-width: 50px;
    height: 30px;
    border-radius: 3rem;
    outline: none;
    border: none;
    background-color: #e33d5d;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: background .1s;rgba(0,0,0,0.15);
}
input.toggle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    height: 1.45rem;
    width: 1.45rem;
    background-color: white;
    transition: left .3s;
}

input.toggle:checked {
    background-color: #09B935;
}

input.toggle:checked::after {
    left: 70%;
}

.filter-option {
    display: flex;
    gap: 6px;
    align-items: center;
    flex: 0 1 auto;
}

.filter-option img, .filter-option input, .filter-option svg {
    flex: 0 1 auto;
}

select.toggle {
    padding: 0px 20px;
    text-align: center;
    background-color: white;
    color: orangered;
    border: 2px solid orangered;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
}

select.toggle:not(:has(option[value="unset"]:checked)),
select.toggle:hover {
  background-color: orangered;
  color: white;
  border-color: orangered;
}

#reset-filter-options img {
    width: 30px;
    padding: 3px;
    border-radius: 3rem;
    background-color: white;
    filter: invert(1);
}

#reset-filter-options *:hover {
    cursor: pointer;
    color: orangered;
}

#reset-filter-options span {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

.filter-option svg {
    fill: white;
    width: 2.5em;
    height: 2.5em;
    padding: 10px;
    border-radius: 4rem;
    background-color: orangered;
}

div#reset-filter-options {
    text-align: center;
    margin-bottom: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.reset-filters span {
    color: orangered;
}

.filter-search {
    position: relative;
    padding: 0px 0px 20px;
}

input#stock-filter-search {
    width: 100%;
    border: none;
    padding: 15px 30px 15px 60px;
    border-radius: 4rem;
    background-color: #f7f7f7;
    color: black;
    font-size: 17px;
    border: 3px solid orangered;
    max-width: 900px;
    margin: 0 auto;
    background-image: url("https://cdn-icons-png.flaticon.com/512/2811/2811790.png");
    display: block;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: left 15px center;
}

#no-results {
    text-align: center;
    font-size: 24px;
    display: none;
}

#no-results h2 {
    font-size: 35px;
}

#no-results .container.center p {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.request-car-wish input {
    border: 1px solid orangered;
    padding: 10px 20px;
    border-radius: 3rem;
    width: 100%;
    color: black;
}

.request-car-wish input:hover,
.request-car-wish input:active,
.request-car-wish input:focus {
    border-left-color: orangered;
}

.hr-bottom {
    /* margin: 50px auto; */
    /* max-width: 610px; */
}

form.flex {
    display: flex;
    flex-wrap: wrap;
    max-width: 500px;
    margin: auto;
    gap: 10px;
}

.flex input {flex: 1 1 auto; flex-wrap: wrap;}

button#car-wish-submit {
    margin: 10px auto 0px;
    padding: 20px 40px;
    min-width: 250px;
    border-radius: 3rem;
    font-size: 15px;
    font-weight: bold;
    text-transform: none;
    border: 1px solid orangered;
    background-color: orangered;
}

section#no-results.no-car-found {
    padding: 0px 60px 60px;
}

.request-car-wish {
    margin: 40px auto;
}

.no-car-found h2 {
    font-size: 33px;
    line-height: 33px;
}

.no-car-found img.not-found {
    margin-left: 10px;
}

img.not-found {
    width: 35px;
    vertical-align: bottom;
}

.cars-in-stock .one-third {
  border-radius: 10px;
}

.services.one-third.hide {
    display: none;
}

div#show-more-cars.hide {
    display: none;
}
.show-more-cars.flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.show-more-cars p {
    border: 1px solid #FF6500;
    padding: 15px 30px;
    border-radius: 3rem;
    color: #FF6500;
    transition: all 0.2s ease;
}

.show-more-cars p:hover {
    cursor: pointer;
    color: white;
    background-color: #FF4500;
}

section.motorcycles {
  text-align: center;
  background-color: gold !important;
}
.motorcycles .button {
  background-color: white;
  color: black;
  border: none;
}
.motorcycles h2 {
  margin-bottom: 20px;
}
.motorcycles a.button:hover {
  background-color: black;
  color: white;
}

.cars-in-stock .big-button a {
  background-color: black;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
  display: block;
  color: white;
}
.big-button a:hover {
  background-color: gold;
}
.big-button:hover a {
  color: black;
}

.services.full-width.services-description ul {
  margin-bottom: 0px;
}
.services.full-width.services-description {
  border-bottom: 1px solid gold;
  border-radius: 0px;
  padding-bottom: 40px;
  padding-top: 40px;
  margin-bottom: 0px;
  /*! display: flex; */
  /*! flex: ; */
  /*! align-content: center; */
  text-align: center;
}
.services.full-width.services-description.last {
  border-bottom: none;
}

section.info-text h2 {
    font-size: 23px;
    line-height: 24px;
}

section.info-text h3 {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 2px !important;
}

section.info-text .container p {
    width: 100%;
    margin-bottom: 40px;
}

.info-text .container {
    max-width: 1000px;
}

.info-text .container p:last-child {
    margin-bottom: 0px;
}

section.info-text {
    background-color: #FCFCFC;
    padding: 90px 60px 70px;
}

.info-text a.button,
.similiar-cars a.button {
    background-color: orangered;
    padding: 20px 40px;
    border-radius: 4rem;
    margin: 0 auto;
    display: block;
    text-align: center;
    max-width: 220px;
    min-width: max-content;
}

.info-text a.button:hover,
.similiar-cars a.button:hover {
    background-color: unset;
    border: 1px solid orangered;
    color: orangered;
}

.info-text .container > h2 {
    border-bottom: 1px solid orangered;
    padding-bottom: 4px;
    margin-bottom: 15px;
    display: inline-block;
}

.car-services img.one-third {
  /*! height: 105px; */
  width: 110px;
  background-color: gold;
  padding: 25px;
  border-radius: 25px;
  margin-right: 10px;
  /*! margin: 0 auto; */
  display: inline-block;
}
.car-services .full-width {
}
.services-description {
  /*! padding: 30px; */
}
.services ul {
  /*! font-size: 14px; */
}
.services-description h2 {
  margin-bottom: 10px;
}
.highlights h3 {
  margin-bottom: 10px;
}
.hightlights {
  text-align: center;
}
.highlights {
  text-align: center;
}
.highlights .one-fourth {
  background-color: beige;
  margin-bottom: 20px;
  border-radius: 4px;
  padding: 40px 0px;
}


.header-menu {
  float: right;
  /*! margin-top: 15px; */
}
.header-menu img {
  float: left;
  margin-right: 10px;
  display: inline-block;
  width: 45px;
  padding: 10px;
  border-radius: 25px;
  filter: invert(1);
}
.header-menu img.call-button {
    
}
img.call-button:hover {
  background-color: gold;
  cursor: pointer;
}

body:not(.home) .header-menu img {
  filter: invert(0);
}

.image-showbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  height: 100vh;
  width: 100%;
  overflow: scroll;
  transition: ease-in-out 0.2s;
  opacity: 1;
}
.image-box iframe {
  height: 100%;
  aspect-ratio: 16/9;
  width: 100%;
}
.image-box-container {
  width: 100%;
  margin: auto;
  z-index: 2;
  position: absolute;
  padding: 0px;
}
.image-box {
  padding: 50px 10px 0px 10px;
  position: relative;
  width: 80%;
  margin: 0 auto;
}
.image-show-buttons {
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  background-image: url("https://outrun.ch//wp-content/themes/omc/images/black-arrow.png");
  background-size: cover;
  z-index: 1;
  border: 5px solid white;
}

#image-box {
  height: 40px;
}

.hide .black-bg {
  opacity: 0;
}
.hide * {
  transition: ease-in-out 0.2s;
}
.image-showbox .close-button,
.image-showbox .image-box-container,
.image-showbox .image-box-container * {
  transform: translateY(0px);
}
.hide.image-showbox .close-button,
.hide.image-showbox .image-box-container,
.hide.image-showbox .image-box-container * {
  transform: translateY(-5px);
}

.show-all-photos:hover, .close-button:hover {
  cursor: pointer;
}
.show-all-photos, .close-button {
  transition: ease-in-out 0.2s;
}


.show-all-photos:hover {
  background-color: gold;
  color: black;
}
.close-button:hover {
  background-color: orangered;
  color: white;
  font-weight: normal;
}

.close-button {
  position: fixed;
  color: white;
  top: 40px;
  right: 50px;
  z-index: 99;
  font-size: 23px;
  background-color: crimson;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  box-shadow: 0px 0px 10px black;
}

.black-bg {
  background: rgba(0,0,0,0.8);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  height: 100vh;
  z-index: 0;
  position: fixed;
  width: 100%;
}
img.car-photo, .image-box iframe {
  margin-bottom: 10px;
  border-radius: 2rem;
}

.prev-button {
  left: -30px;
  transform: scaleX(-1);
}
.next-button {
  right: -30px;
}
.image-box img {
  width: 100%;
}
.image-showbox.hide {
  visibility: hidden;
  opacity: 0;
}


.services-description h2 {
  margin-bottom: 10px;
}

.home .sub-header {
    position: absolute;
    z-index: 1;
    top: 40%;    
}
.sub-header {
  text-align: center;
  padding: 0px 70px;
  color: white;
  width: 100%;
}
.sub-header .container {
  max-width: 100%;
}
.sub-header h1,
.sub-header .title {
    font-size: 40px;
    line-height: 35px;
    color: white;
    font-weight: 500;
    letter-spacing: -1px;
}
.sub-header .titel {
  font-size: 19px;
}

.sub-header h2.titel,
.sub-header .title-2 {
  color: white;
  line-height: 22px;
  font-weight: normal;
  letter-spacing: 0px;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

section#top.lp-header {
    padding-bottom: 10px;
}

section#top.lp-header .sub-header h1,
section#top.lp-header .title-2 {
    color: #333333;
}

section#top.lp-header .sub-header {
    margin-bottom: 30px;
}

section#top.lp-header .header-ratings {
    margin-bottom: 30px;
}

.icons {
  display: flex;
  max-width: 100%;
  /*! margin: 0 auto; */
  margin-top: 30px;
  justify-content: center;
}
.icon {
  /*! flex: 0 1 auto; */
  padding: 0px 5px;
  /*! flex-wrap: wrap; */
  z-index: 1;
}
.icon img {
  width: 80px;
  padding: 9px;
  background-color: white;
  border-radius: 10px;
}

img.mirror {
  transform: scaleX(-1);
}

.who-we-are {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0px;
  overflow: hidden;
}
.who-we-are .gradient.black {
  background-color: black;
}

.who-we-are p {
  font-size: 20px;
}

.big {
  font-size: 23px;
  font-weight: bold;
  letter-spacing: -0.7px;
}


.highlights .one-fourth p {
  font-size: 18px;
  font-weight: bold;
  line-height: 19px;
}
#highlights {
  background-color: orangered;
  text-align: center;
}
#highlights h3 {
  margin-bottom: 50px !important;
  font-size: 30px;
  color: white;
  font-weight: bold;
  line-height: 27px !important;
}

li.car-year {
  background-image: url("images/outrun-calendar-icon.png");
}
.car-description li {
}
li.car-km {
  background-image: url("images/outrun-speedometer-icon.png");
}
li.car-horsepower {
  background-image: url("images/outrun-rocket-icon.png");
}

.inner-container sub {
  bottom: 0px !important;
}
.inner-container.sub {
  bottom: 0px;
  text-align: center;
}
.sub.inner-container h3 {
  color: white;
}

.button {
    background-color: transparent;
    border: 1px solid white;
    border-radius: 8px;
    color: white;
    display: inline-block;
    /*! font-size: 18px; */
    /*! padding: 10px 20px; */
}
.button a {
    color: white;
}

    .button.medium { font-size: 13px; }

    .button.large { font-size: 15px; }

    .button.no-bg {
        background: none;
        color: #3a3a3a;
        padding: 0;
    }

        .button.no-bg:hover, #footer .button.no-bg:hover {
            background: none;
            color: #f15a23;
        }

    .button .icon, .button .arrow {
        color: transparent;
        cursor: pointer;
        display: inline-block;
        font: 0/0 a;
        height: 19px;
        margin: -3px 0 0 3px;
        text-shadow: none;
        vertical-align: middle;
        width: 19px;
    }

    .ie7 .button .icon, .ie7 .button .arrow { display: inline; }

    .button .arrow { background: #ddd url(images/button-arrows.png) no-repeat 0 0; }

    .button .icon.left, .button .arrow.left {
        margin-left: 0;
        margin-right: 3px;
    }

    .button .arrow.left { background-position: 0 -19px; }

        .button:hover .arrow { background-color: #f15a23; }

.dropcap {
    background: #eaeaea;
    color: #777;
    display: inline-block;
    float: left;
    font-size: 23px;
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    margin: 0 7px 0 0;
    text-align: center;
    width: 36px;
}

    .dropcap.dark {
        background: #3a3a3a;
        color: #fff;
    }

.infobox {
    background: #fbfbfb;
    border: 1px solid #efefef;
    margin: 0 0 20px;
    padding: 25px;
}

    .infobox .one-half { width: 434px; }

    .infobox .one-third { width: 282px; }

         .infobox .two-third { width: 586px; }

    .infobox .one-fourth { width: 207px; }

        .infobox .three-fourth { width: 661px; }

.single-image, .image-gallery, .iframe {
    cursor: pointer;
    margin-bottom: 5px;
}

.single-image.none, .image-gallery.none, .iframe.none,
.single-image.none img, .image-gallery.none img, .iframe.none img {
    display: inline;
    margin-bottom: 0;
    overflow: visible;
}
    
    .single-image.align-left, .image-gallery.align-left, .iframe.align-left { margin-bottom: 15px; margin-right: 15px; }
    .single-image.align-right, .image-gallery.align-right, .iframe.align-right { margin-bottom: 15px; margin-left: 15px; }

    .single-image img, .image-gallery img, .iframe img { margin-bottom: -5px; }

    .single-image .zoom, .image-gallery .zoom, .iframe .zoom {
        background: rgb(255, 255, 255);
        background: rgba(255, 255, 255, 0.4);
        color: transparent;
        display: block;
        font: 0/0 a;
        height: 0;
        left: 0;
        filter: alpha(opacity=0); 
        opacity: 0;
        position: absolute;
        text-shadow: none;
        top: 0;
        -webkit-transition: opacity .2s ease-in-out;
           -moz-transition: opacity .2s ease-in-out;
            -ms-transition: opacity .2s ease-in-out;
             -o-transition: opacity .2s ease-in-out;
                transition: opacity .2s ease-in-out;
        width: 0;
        z-index: 1;
    }

    .single-image .zoom:before, .image-gallery .zoom:before, .iframe .zoom:before {
        background: url(images/zoom.png) no-repeat;
        content: '';
        display: block;
        position: absolute;
        height: 58px;
        margin: -29px 0 0 -29px;
        left: 50%;
        top: 50%;
        width: 58px;
    }

    .single-image.video .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before {
        background-image: url(images/zoom-video.png);
    }

    .single-image.link .zoom:before, .image-gallery.link .zoom:before, .iframe.link .zoom:before {
        background-image: url(images/zoom-link.png);
    }

    .single-image:hover .zoom, .image-gallery:hover .zoom, .iframe:hover .zoom {
        filter: alpha(opacity=40); 
        opacity: 1;
    }

.fleet h3, .fleet .services div {
  background-color: bisque;
  height: 200px;
  padding: 10px;
  border-radius: 10px;
}


#myVideo {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  object-fit: cover;
  filter: blur(4px);
}



#buy-car-form {
  padding: 0px;
}

#buy-car-form .container {
  padding: 60px 30px;
  text-align: center;
}

#buy-car-form p {
  width: 90%;
  margin: 20px auto;
}

iframe .right-side.arrow-controls {
  display: none !important;
}

#contact-us {
  background-color: honeydew;
  padding: 60px;
  margin-bottom: 30px;
}
#contact-us input, #contact-us button {
  background-color: white;
  padding: 15px 20px;
  border-radius: 9px;
  border: none;
  /*! display: ; */
  /*! flex: 1 0 auto; */
  /*! margin-right: 15px; */
  color: #888;
  /*! flex-grow: initial; */
  width: 100%;
}
#contact-us button {
  /*! border-radius: 10px; */
  color: white;
  background-color: darkseagreen;
  margin-right: 0px;
  font-size: 16px;
}
#contact-us button:hover {
  background-color: green;
  color: white;
}
#contact-us form {
  /*! display: flex; */
  /*! flex-flow: wrap; */
  margin-top: 20px;
  /*! justify-content: space-between; */
}

#contact-us p {
  font-size: 20px;
}

.input-fields {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  /*! flex-direction: column; */
}
.input-row {
  flex: 1 1 auto;
  padding: 0px 5px;
}
.button-row {
  padding: 0px 5px;
}

    
/* ---------------------------------------------------------------------- */
/*  Generic Classes
/* ---------------------------------------------------------------------- */

.hidden, .wpcf7-display-none { display: none; }

.disabled { cursor: auto; }

.screenreader { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); /* Fallback for old IE */ position: absolute; }

.align-center, .aligncenter { margin-left: auto; margin-right: auto; text-align: center; }

.align-left, .alignleft { float: left; }

    img.align-left, img.alignleft  { margin-bottom: 15px; margin-right: 15px; }

.align-right, .alignright { float: right; }

    img.align-right, img.alignright { margin-bottom: 15px; margin-left: 15px; }

/* Wordpress required classes */

.bypostauthor {}
.sticky {}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}

/* ---------------------------------------------------------------------- */
/*  Lists
/* ---------------------------------------------------------------------- */

.none > ul {
    list-style: none;
    margin: 0;
}

.dotted + .dotted:before {
    content:'';
    display: block;
    clear: both;
    border-bottom: 1px dotted #bdbdbd;
    margin: -15px 0 5px;
}

    .none li, .arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li {
        list-style: none;
        margin: 0;
        padding: 0 0 0 24px;
    }

    .none li { background: none; }

    .arrow li { background: url(images/list-arrow.png) no-repeat 5px 5px; }

    .arrow-2 li { background: url(images/list-arrow-2.png) no-repeat 2px 4px; }

    .circle li { background: url(images/list-circle.png) no-repeat 4px 5px; }

    .check li { background: url(images/list-check.png) no-repeat 3px 4px; }

    .check-2 li { background: url(images/list-check-2.png) no-repeat 0 4px; }

    .star li { background: url(images/list-star.png) no-repeat 0 1px; }

    .plus li { background: url(images/list-plus.png) no-repeat 3px 3px; }

    .dash li { background: url(images/list-dash.png) no-repeat 3px 8px; }

/* ---------------------------------------------------------------------- */
/*  Alert Boxes
/* ---------------------------------------------------------------------- */

.error, .success, .info, .notice, .wpcf7-response-output {
    display: none;
    padding: 10px 20px 10px 20px;
}

.error, .wpcf7-validation-errors, .wpcf7-mail-sent-ng, .wpcf7-spam-blocked {
    background-color: #F9E5E6;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    color: #b3696c !important;
}

.success, .wpcf7-mail-sent-ok {
    background-color: #e3ebc6;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    color: #8fa442 !important;
}

.info {
    background-color: #d8ecf5;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    color: #528da9 !important;
}

.notice {
    background-color: #fcf7d9;
    border-style: solid;
    border-width: 0px 0px 0px 4px;;
    color: #c4a21b !important;
}

/* ---------------------------------------------------------------------- */
/*  Forms
/* ---------------------------------------------------------------------- */

label {
    cursor: pointer;
    display: block;
    margin: 0 0 5px;
}

input, textarea, select {
    -webkit-appearance: none; /* Fix for Mobile Safari */
    border-bottom: 1px solid #dddddd;
    border-left: 3px solid #dddddd;
    border-radius: 0;
    box-shadow: none;
    color: white;
    font-size: 15px;
    line-height: 1.5;
    padding: 2px 10px;
}

input.wpcf7-text, textarea.wpcf7-textarea {
    background-color: rgba(255, 255, 255, 0.90);
    border-bottom: medium none;
    border-left: 20px solid gold;
    border-radius: 5px;
    color: black !important;
    font-size: 16px;
    padding: 10px;
    width: 85%;
}

input.wpcf7-submit {
    border-radius: 5px;
}


input, select {
    width: 200px;
    font-family: inherit;
}

textarea {
    padding: 10px;
    resize: both;
    font-family: inherit;
}

input[type="submit"], input[type="reset"], button {
    font-size: 14px;
    text-transform: uppercase;
}

    input[type="submit"].medium, input[type="reset"].medium, button.medium { font-size: 15px; }

    input[type="submit"].large, input[type="reset"].large, button.large { font-size: 17px; }

select, option {
    cursor: pointer;
    padding: 5px 7px;
}

input[type="checkbox"], input[type="radio"],
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] { width: 20px; }

/* Fix for Mobile Safari */
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }

/* Chrome, Safari */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; }

/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; }

/* jQuery fallback */
input.placeholder, textarea.placeholder, .wpcf7 .watermark { color: #b0b0b0; }

/* ---------------------------------------------------------------------- */
/*  Tables
/* ---------------------------------------------------------------------- */

table { width: 100%; font-size: 16px; line-height: 22px; }
table.stats { float: right; margin-bottom: 20px; width: auto; }

    tr, th, td { vertical-align: middle;  }

    tr { }

    tr:nth-child(odd) { }

        th, td { padding: 0px 10px; }

        th {
            background: #eaeaea;
            color: #777;
            font-weight: 600;
            text-align: left;
        }

        table.dark th {
            background-color: #3a3a3a;
            color: #fff;
        }

        td { }

        .stats td:first-child { text-align: right; }
        .stats td:nth-child(2n) { font-weight: 400;}

/* ---------------------------------------------------------------------- */
/*  Wrap
/* ---------------------------------------------------------------------- */

.container {
    max-width: 1240px;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.container.grid {
    margin: 0 auto;
    position: relative;
    width: 100%;
    display: grid;
    /*! flex-flow: row wrap; */
    /*! justify-content: space-evenly; */
    grid-gap: 45px 15px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr) );
}
.container#header,
.container.grid {
    max-width: none;
}

.container.grid h3 {
  height: 50px;
  font-weight: 500;
}


.container.flex {
  display: flex;
  align-items: stretch;
  max-width: 100%;
  height: auto;
  justify-content: space-between;
}
.cars-in-stock .container.flex > div {
    margin: 7px;
}
@supports (gap: 15px) {
    .cars-in-stock .container.flex {
        gap: 15px;
    }
    .cars-in-stock .container.flex > div {
        margin: 0px;
    }
}
.f50 {
  width: 50%;
  height: auto;
}
.f50 img {
  object-fit: cover;
  max-height: 100%;
}
.f25 {
  width: 25%;
}

.playbutton {
  position: absolute;
  display: block;
  margin: auto;
  left: 50%;
  top: 50%;
  background: rgb(255 255 255 / 65%);
  transform: translate(-50%,-50%);
  color: #000000;
  padding: 10px 30px;
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  font-weight: bold;
  border: 2px solid white;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: border 0.3s ease;
  text-align: center;
  align-content: center;
}
.playbutton:hover {
  background: rgb(255 255 255 / 85%);
  border-color: orangered;
  color: orangered;
  cursor: pointer;
}

.img img {
  z-index: 3;
}
.img {
  position: relative;
}
.container.flex img {
  max-width: 100%;
  border-radius: 2rem;
  padding: 0px;
}
.container.flex .f25 img {
}
.container.flex img.last {
    margin-bottom: 0px;
}

section#car-detail {
  padding: 30px;
  background-color: white;
  border-radius: 3rem;
  position: relative;
}

#car-detail span.vendu {
    background-color: crimson;
    color: white;
    font-size: 14px;
    border: none;
    z-index: 0;
}

.single-car-description {
  padding: 10px;
  margin-bottom: 20px;
}

.show-all-photos {
  background-color: orangered;
  padding: 10px 15px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 15px;
  margin: 0px 5px;
  color: white;
  margin: 10px 4px;
}

.price {
  font-weight: 200;
  font-size: 21px;
  text-align: left;
  letter-spacing: -1px;
  margin-top: 5px;
}
span.old-price {
    font-size: 16px;
    margin-left: 5px;
    color: firebrick;
    text-decoration: line-through;
    opacity: 0.7;
}

.single-car-details {
  padding: 20px;
}

.container > p {
    font-size: 17px;
    text-align: left;
    width: 70%;
}

.container.margin-top {
    margin-top: 50px;
}

.box-container {
    margin-top: 50px;
}

.box-container > img {
    display: block;
    padding: 10px;
    width: 100%;
}

    /* -------------------------------------------------- */
    /*  Columns
    /* -------------------------------------------------- */

    .one-half, .one-third, .two-third, .one-fourth, .three-fourth {
        /*! float: left; */
        /*! margin-right: 20px; */
    }

    .box-container .services.one-half {
        width: calc(33.3333% - 14px) !important;
    }

    .services.center {
        text-align: center;
        margin: 0 0px 30px 0px;
    }

    .services.center h2 {
        /*! font-size: 22px; */
        margin: 0px 0px 40px 0px;
    }

    .services.header h2 {
        /*! font-size: 34px; */
        margin: 0px 0px 30px 0px;
    }

    .services.one-half h2, .services h2 {
        margin: 0px 0px 20px 0px;
        /*! font-size: 22px; */
    }

    .services.one-half.last {
        margin-bottom: 25px;
    }

    .services h3, .fleet .services div {
        font-weight: 500;
        font-size: 17px;
        margin: 0px 0px 20px 0px !important;
        /*! text-transform: uppercase; */
        letter-spacing: -0.02em;
    }

    #s_03 .services.one-half {
        background-color: #f9f9f9;
        border-radius: 5px;
        border-bottom: 4px solid #333333;
    }

    #s_04 .services.one-fourth img {
        width: 80%;
    }

    .one-fourth.icons {
        text-align: center;
        float: none;
        display: inline-block;
        margin-right: 10px;
    }

    #s_06 {
        padding-bottom: 50px;
    }

    .socialmedia img {
        width: 30px;
    }

    .services p {
        /*! font-size: 14px; */
        margin: 0px 0px 12px 0px;
    }

    .services.full-width {
        background-color: #fcfcfc;
        border-radius: 1rem;
    }

    .services.icons img {
        max-width: 120px;
    }

    .testimonial {
        padding: 30px;
    }
    .testimonial img {
        width: 120px;
    }
    .testimonial p.eyeliner {
        margin: 0px 0px 10px 0px;
      letter-spacing: normal;
    }
  .testimonial h3 {
      margin: 10px 0px 0px 0px !important;
      font-weight: normal;
      text-transform: none;
      letter-spacing: 0px;
      font-size: 14px;
  }

.testimonial-details {
    margin-bottom: 20px;
}

span.testimonial-date {}

.testimonial-name a {
    color: darkgray;
}

p.testimonial-header {
    max-width: 1240px;
    margin: 0px auto 50px auto;
    text-align: center;
}


.testimonial-name {
  
}

.eyeliner.stars {
  margin: 0px 0px 10px 0px;
}
#customer-reviews .container.grid {
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr) );
  max-width: 1240px;
  font-size: 15px;
}  

#customer-reviews h2 {
  text-align: center;
  margin-bottom: 30px;
}
.eyeliner.stars,
.rating-stars {
  background-image: url("https://outrun.ch//wp-content/themes/omc/images/gold-star-icon.png");
  width: 125px;
  height: 25px;
  background-size: 25px;
  margin: 0 auto;
}
.stars img,
.rating-stars img {
    width: 30px;
    background-color: mediumspringgreen;
    padding: 5px;
    border-radius: 5px;
    margin-right: 0px;
}

    .services.one-half, .services.one-third, .services.two-third {
        background-color: #fafafa;
        /*! margin-bottom: 25px; */
        min-height: 400px;
        /*! padding: 30px; */
        /*! position: relative; */
        /*! flex-grow: 1; */
        /*! margin: 15px; */
        width: 100%;
      position: relative;
    }

    .services.one-third.img {
        height: auto;
        overflow: hidden;
        padding: 0 !important;
        position: relative;
    }

    .services.one-third > img {
        /*! overflow: hidden; */
        /*! position: absolute; */
        width: 100%;
        border-radius: 10px 10px 0px 0px;
        padding: 0px;
        border-radius: 15px 15px 0px 0px;
    }

    .services.two-third > p {
        margin-top: 40px;
    }

    .services.one-third > p {
        font-size: 15px;
        line-height: 20px;
        margin-top: 30px;
        word-wrap: break-word;
    }

    services .button {
        border-color: black;
        color: black;
        font-size: 14px;
        margin: 10px 0px 0px 0px;
        padding: 10px 15px;
    }

    .one-half.whitesmoke {
        background-color: #f7f7f7;
    }

    .services h2 {
        margin: 0px 0px 10px 0px;
        line-height: 0.9em;
    }

    .one-fifth { float: left; }

    .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right: 0px; /*! margin-bottom: 0px; */ }

    .one-half { width: 460px; }

    .one-third { width: 300px; }

        .two-third { width: 620px; }

    .one-fourth { width: 220px; }

        .three-fourth { width: 700px; }

    .one-fifth { width: 20%; }

/* ---------------------------------------------------------------------- */
/*  Header
/* ---------------------------------------------------------------------- */

#header {
    height: auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    line-height: normal;
    z-index: 1;
    width: 100%;
    padding: 30px 80px;
    /*! background-color: rgba(0, 0, 0, 0.6); */
}


.language {
  width: 30px;
  margin-top: 20px;
}

    #logo > img {
        margin: 5px 0;
        vertical-align: middle;
        /*! width: 60px; */
        height: 25px;
    }

        #logo h1 { padding: 18px 0; }

    /* -------------------------------------------------- */
    /*  Main Navigation
    /* -------------------------------------------------- */

    .open {
        color: white;
        cursor: pointer;
        display: inline-block;
        float: right;
        font-size: 25px;
        font-weight: bold;
        height: auto;
        margin: 0;
    }

    .close {
        line-height: normal;
        position: absolute;
        right: 265px;
        top: 75px;
        transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s, -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    }

    .active {
        transform: translate3d(calc(-100% + 175px), 0px, 0px);
        transition: transform 1.2s cubic-bezier(0.16, 1.08, 0.38, 0.98) 0s, -webkit-transform 1.2s cubic-bezier(0.16, 1.08, 0.38, 0.98) 0s;
    }   


#main-nav ul.contact-desc, #main-nav ul.contact-desc li a {
  color: white;
  font-size: 18px;
}
ul.contact-desc {
  display: block !important;
}
span.seagreen {
  color: lightseagreen;
}
span.orange {
  color: #FF4500;
}

    #main-nav {
        background: rgba(0,0,0,0.8);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        height: 100%;
        overflow: hidden;
        padding: 3em;
        position: fixed;
        right: -100%;
        top: 0;
        transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s, -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
        width: 100%;
        z-index: 2;
    }

    #main-nav ul li a, #close {
        color: white;
        font-size: 30px;
    }

    #main-nav a.link-nav:hover, a.link-nav span:hover {
        color: gold;
    }

    #main-nav > ul, #main-nav .menu > ul {
        align-items: left;
        display: flex;
        flex-direction: column;
        height: 80%;
        justify-content: center;
        margin: 0px;
    }

    #main-nav ul li {
        list-style: outside none none;
        margin: 0;
        width: 100%;
        opacity: 0;
        transform: translateX(60px);
        transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    }

    #main-nav ul li.is-showing {
        transform: translateX(0px);
        transition: all 1.2s cubic-bezier(0.16, 1.08, 0.38, 0.98) 0s;
        opacity: 1;
    }

  .menu-list .link-nav img {
    height: 25px;
    filter: invert(1);
    margin-right: 10px;
    vertical-align: middle;
  }
  ul.menu-list li.social-media-link {
    padding-top: 20px !important;
  }
  .link-nav img.wbc-icon {
    filter: invert(0);
  }

        .ie7 #main-nav a { }

        #main-nav a:after { }

            #main-nav a:hover, #main-nav .hover > a,
            #main-nav .current_page_item > a, #main-nav .current-menu-item > a,
            #main-nav .current_page_parent > a,
            #main-nav .current_page_ancestor > a, #main-nav .current-menu-ancestor > a { }

            #main-nav a:hover, #main-nav .hover > a,
            #main-nav .current_page_item > a, #main-nav .current-menu-item > a,
            #main-nav .current_page_parent > a,
            #main-nav .current_page_ancestor > a, #main-nav .current-menu-ancestor > a { }

            .not-ie #main-nav .current_page_item:after, .not-ie #main-nav .current-menu-item:after,
            .not-ie #main-nav .current_page_parent:after,
            .not-ie #main-nav .current_page_ancestor:after, .not-ie #main-nav .current-menu-ancestor:after {
                background: #f15a23;
                bottom: -2.5px;
                content: '';
                left: 50%;
                display: block;
                height: 5px;
                margin: 0 0 0 -2.5px;
                -webkit-transform: rotate(45deg);
                   -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                     -o-transform: rotate(45deg);
                        transform: rotate(45deg);
                position: absolute;
                width: 5px;
            }

        /* Dropdown */

        .no-js #main-nav li:hover > ul {
            display: block;
            top: 92px;
        }

        #main-nav ul ul {
            background: #3a3a3a;
            -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
               -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
                    box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
            display: none;
            left: 0;
            padding: 0;
            position: absolute;
            top: 92px;
            width: 200px;
            z-index: 99;
        }

            #main-nav ul ul li { float: none; }

                #main-nav ul ul a {
                    border: 0;
                    border-bottom: 1px solid #252525;
                    border-top: 1px solid #4c4c4c;
                    color: #fff;
                    display: block;
                    font-size: 11px;
                    letter-spacing: 0;
                    font-weight: 400;
                    padding: 8px 20px !important;
                    text-align: left;
                    text-transform: none;
                }

                    #main-nav ul ul a:hover, #main-nav ul ul .hover > a,
                    #main-nav ul ul .current_page_item > a, #main-nav ul ul .current_page_item > a:hover,
                    #main-nav ul ul .current_page_parent > a, #main-nav ul ul .current_page_parent > a:hover,
                    #main-nav ul ul .current-menu-item > a, #main-nav ul ul .current-menu-item > a:hover,
                    #main-nav ul ul .current_page_ancestor > a, #main-nav ul ul .current-menu-ancestor > a:hover {
                        background: #f15a23;
                        color: #fff;
                    }

            .not-ie #main-nav ul ul .current_page_item:after, .not-ie #main-nav ul ul .current-menu-item:after,
            .not-ie #main-nav ul ul .current_page_parent:after,
            .not-ie #main-nav ul ul .current_page_ancestor:after, .not-ie #main-nav ul ul .current-menu-ancestor:after { display: none; }

        /* Sub Dropdown */

        #main-nav ul ul ul {
            left: 200px !important;
            top: 0 !important;
        }

    /* Responsive Nav */

    #main-nav .responsive-nav {
        background-image: url(images/responsive-nav-bg.png);
        background-position: center right;
        background-repeat: no-repeat;
        display: none;
        width: 100%;
    }

/* ---------------------------------------------------------------------- */
/*  Content
/* ---------------------------------------------------------------------- */

#content { padding-top: 40px; }
.right { float: right; }
.left { float: left; }
.last { margin-right: 0px !important; }

/*
section#im-sub, section#ig-sub, section#prod-sub, section#sub, section#ig, section#ablauf, section#main-content, section#topics, section#worldmap, section#leistungen, section#statistiken, section#kontakt 
*/
section{
    padding: 60px 30px;
    width: 100%;
}

section#cars-in-stock {
    padding: 70px 50px 50px 50px;
}

section:nth-child(2n) .container > span.eyebrow,
section:nth-child(2n) .container > h2,
section:nth-child(2n) .container > span.eyeliner {
    /*! display: block; */
    /*! text-align: right; */
}

section:nth-child(2n+6) {
    /*! background-color: #f9f9f9; */
}

span.eyebrow {
    font-size: 14px;
}

span.eyeliner {
    display: inline-block;
    font-size: 23px;
    margin-bottom: 30px;
}

p.eyeliner {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
}

section#top {
    padding: 0px;
    background-color: white;
    /*! display: flex; */
    /*! align-content: center; */
    /*! overflow: hidden; */
    /*! background-color: orangered; */
}
section.bg-whitesmoke {
    background-color: whitesmoke;
}


.home #top {
  /*! background-color: orangered; */
  /* clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
  background-image: url("images/bg-7.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center -200px; */
}
.home #top #header {
  border: none;
  padding-bottom: 0px;
}

.header-ratings {
    width: 95%;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    gap: 30px;
    color: ghostwhite;
    padding: 20px 80px;
    background-color: #f4f4f4;
    color: black;
    border-radius: 3em;
    align-items: center;
}

.home .header-ratings {
    background-color: #1b1b1b;
    color: white;
}

.ratings-result, .ratings-details {
    flex: 1 1 100%;
}

.rating-stars {
    display: inline-block;
    vertical-align: sub;
    margin-left: 5px;
    line-height: normal;
}

.ratings-result {
    font-size: 20px;
    text-align: center;
}

.ratings-details img {
    width: 70px;
    vertical-align: middle;
}

.flex-header {
  display: flex;
  align-content: center;
  z-index: 1 !important;
}


section#team {
}
img.checkmark {
    width: 50px;
    display: block;
    margin: 0 auto 15px;
    vertical-align: bottom;
    text-align: center;
}

section#core-values-2 {
    padding: 60px;
}

#core-values-2 .container > h2 {
    margin-bottom: 20px;
}

#core-values-2 .container p {
    width: 100%;
    text-align: center;
}

#team .container,
#services .container,
#core-values .container,
#core-values-2 .container {
  text-align: center;
  max-width: 1240px;
}
#team .container p,
#services .container p,
#core-values .container p {
  width: 90%;
  margin-top: 20px;
  text-align: center;
  margin: 20px auto 0px;
}
.team-members {
  display: grid;
  margin: 30px auto 0px auto;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr) );
  grid-gap: 10px;
}
.single-member {
}
.single-member img {
  border-radius: 50%;
  padding: 3px;
  width: 100%;
  background-color: yellow;
  border: 20px double white;
  transition: all 0.2s ease;
}
.single-member img:hover {
    scale: 1.15;
    rotate: -6deg;
}
.person-bio {
  font-size: 17px;
  margin-top: 0px;
}

section#core-values {
    background-color: #0d1a47;
    color: white;
    padding: 150px 30px;
}

.overview-values {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-value {
    flex: 1 1 calc(100%/6 - 10px);
    background-color: #192c52;
    color: white;
    padding: 30px 25px;
    border-radius: 1rem;
    display: flex;
    margin: 5px;
    flex-direction: column;
    gap: 5px 0px;
}

.single-value img {
    filter: invert(1);
    max-height: 45px;
    align-self: center;
    width: auto;
}

.single-value * {
    flex: 1 1 auto;
    align-content: center;
}

@supports (gap: 10px) {
    .overview-values {
        gap: 10px;
    }
    .single-value {
        margin: 0px;
    }
}

.single-value span {
    align-content: center;
    width: 100%;
}

.second-box {
  margin-top: 40px;
}

#core-values h1,
#core-values h2 {
    color: white;
    font-size: 40px;
    line-height: 40px;
}

span.brand-experience {
    display: block;
    max-width: 100%;
    margin-top: 10px;
    font-size: 11px;
    text-transform: uppercase;
}

span.brand-experience img {
    height: 30px;
    vertical-align: middle;
    padding: 0px 3px;
}

.brand-experience span {
    display: block;
    margin-top: 5px;
}

.member-desc {
  padding: 5px;
  margin-bottom: 10px;
}
.member-desc:has(img.member-avatar:hover) .person-languages {
    opacity: 0;
    transform: translateY(5px);
}
.person-languages {
    transition: all 0.2s ease;
}
p.person-description {
    width: auto;
    text-align: center;
    border-radius: 1rem;
    display: none;
    margin: 0;
    align-content: center;
    flex: 1 1 auto;
}
p.person-description.show {
    display: block;
}
.person-languages img {
    width: 25px;
    border: none;
    padding: 0px;
    margin: 0px;
}

.person-languages {
    margin-bottom: 5px;
    margin-top: -30px;
}

span.person-name {
    font-weight: bold;
    display: block;
}

.person-name img {
    width: 15px;
    border: 0px;
    padding: 0px;
}

#team:has(#member-yvan img:hover) p#yvan,
#team:has(#member-aurelien img:hover) p#aurelien,
#team:has(#member-yesu img:hover) p#yesu,
#team:has(#member-ambroise img:hover) p#ambroise,
#team:has(#member-come img:hover) p#come,
#team:has(#member-adel img:hover) p#adel,
#team:has(#member-sergej img:hover) p#sergej,
#team:has(#member-ben img:hover) p#ben,
#team:has(#member-sabine img:hover) p#sabine,
#team:has(#member-korhan img:hover) p#korhan {
    display: block;
}

#team:has(.member-desc img:hover) .person-description-container,
#personDescriptionContainer.show {
    display: flex;
    opacity: 1;
    bottom: 20px;
}

.person-description-container {
  position: fixed;
  width: 90%;
  max-width: 800px;
  background-color: yellow;
  border-radius: 1rem;
  bottom: -50px;
  padding: 20px 50px;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}

img.closeBtn {
    display: none;
}

section#s_04 {
    background-repeat: no-repeat;
    background-size: cover; */
}
section.fullscreen {
    min-height: 105%;
    position: relative;
}

section.black {
    background-color: black;
}

section#stats {
    background-color: black;
    color: whitesmoke !important;
    padding-top: 30px;
    text-align: center;
}

.home section#stats .title {
    margin-bottom: 60px;
}

section#stats .title {
    line-height: 33px;
    margin-bottom: 5px;
}

section#stats div.subline {
    color: gray !important;
    font-size: 17px;
    margin-bottom: 60px;
}

p.stats {
    line-height: 23px;
    float: left;
    width: 33.3%;
}

p.stats > span {
    font-size: 40px;
}

ul.cats {
    margin-bottom: 0px;
}
ul.cats li {
    border-left: 5px solid gold;
    float: left;
    list-style: outside none none;
    margin-bottom: 8px;
    margin-left: 0;
    padding-left: 8px;
    width: 33.3%;
}


.screen-reader-response { display: none; }

#sub .features {
    margin-top: 50px;
}

.ig-features h2.title {
    font-size: 27px;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 15px;
}
.ig-features .one-third {
    text-align: center;
}
.back-img {    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100px 100px;
    height: 100px;
    margin-bottom: 10px !important;
}
.back-img.bubble {
  background-image: url("/images/bubbles.png");
}
.back-img.heart {
  background-image: url("/images/like.png");
}
.back-img.picture {
  background-image: url("/images/picture.png");
}

.overview {
    padding: 0px;
}
    .overview.photos {
        background-color: black;
    }
    .overview.influencer {
        padding: 0 0 90px;
    }
.overview .one-fifth,
.bg.one-fifth {
    line-height: 0;
    position: relative;
    overflow: hidden;
    width: calc(20% - 4px);
    margin-right: 5px;
    background-position: center center;
}
.bg.one-fifth {
    height: 40%;
}
    .overview.influencer .one-fifth {
        height: 190px;
    }
.overview .one-fifth .gradient.black,
.bg.one-fifth .gradient.black {
    background-image: linear-gradient(transparent 60%, #000000)
}
.overview .one-fifth > img {
    width: 100%;
}
.overview .one-fifth > p {
    bottom: 0;
    color: white !important;
    line-height: 15px;
    margin-top: 3px;
    padding: 20px;
    position: absolute;
}

.features h3 { margin-bottom: 15px; }
.features p {
    margin: 15px 0 0;
    text-align: left;
}

.breakline {
    background-color: #999;
    display: block;
    height: 1px;
    width: 50px;
}
.inner-container .breakline {
    background-color: white;
    height: 3px;
    margin-bottom: 20px;
}
.inner-container.hero .breakline {
    margin: 0px auto 20px auto;
}

.container > h2,
.inner-container h2,
#kontakt .two-third > h2,
.container.s-h2 h2:first-child
 {
    font-size: 40px;
    line-height: 40px;
}

#prod, #ig, #im {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    min-height: 105%;
    position: relative;
    width: 100%;
}

#ig-sub .quote { margin-bottom: 50px; }

.bg-0 {
    background-image: url("https://images.unsplash.com/photo-1491956142110-8a4226a12077?ixlib=rb-1.2.1&auto=format&fit=crop");
}

.fullscreen .inner-container > p {
    width: 70%;
}

.calender {
    background-color: aquamarine;
    /*! height: 250px; */
    border-radius: 5px;
    padding: 80px;
}

.inner-container {
    /*! bottom: 30%; */
    /*! left: 0; */
    padding: 50px;
    /*! position: absolute; */
    width: 100%;
    color: white;
    z-index: 1;
}

.inner-container h2 {
    color: white;
}

.inner-container p {
    /* font-size: 16px;
    line-height: 22px; */
}

.inner-container.hero {
    /* bottom: 10px; */
    padding: 80px 0px;
    text-align: center;
    max-width: 82%;
    margin: auto;
}

.hero h1, .hero p {
    color: white;
}
.hero h1, h1 {
    margin-bottom: 20px;
    /* text-transform: uppercase; */
}
.hero .title {
    color: white;
    font-family: "Rubik", sans-serif;
    font-size: 50px;
    font-weight: 900;
    line-height: 43px;
    margin-bottom: 20px;
}
.hero p {
    /* line-height: 22px;
    font-size: 17px; */
}

.gradient {
    /*! background-image: linear-gradient(transparent 30%, #222222); */
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-size: cover;
    background-position: center bottom;
    z-index: 0;
    /*! background-color: black; */
    opacity: 0.9;
}
.gradient.purple {
    background-image: linear-gradient(transparent 40%, purple); /* #9740af */
}
.gradient.midnight {
    background-image: linear-gradient(transparent 40%, #001f50);
}
.gradient.black {
    background: linear-gradient(transparent, black 100%);
}
.gradient.white {
    background-image: linear-gradient(transparent 40%, #ffffff);
}
.bg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}
.bg.bg-cc { 
    background-position: center center;
}
.bg.bg-c30 { 
    background-position: center 30%;
}
#top.home.bg {
}
#kontakt.bg {
    background-position: center top;
    position: relative;
}

.lp {
    /*! background-color: black; */
}

.home #top {
  /*! min-height: 680px; */
  width: 100%;
  height: 80vh;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.home #top {
  /*! height: 100vh; */
}
#top .inner-container .teaser {
    margin: auto;
    width: 85%;
}
#top .inner-container .teaser-title {
    font-size: 39px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
#top .inner-container h1, h1 {
    margin-bottom: 0px;
    line-height: 22px;
    font-size: 23px;
}
#top .inner-container .one-half p,
#top .inner-container .teaser p  {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 30px;
}
#top .two-third { position: relative; }
#top .two-third .content { padding-right: 35px; }
#top .content p,
#top .content ul {
    background-color: rgba(244, 244, 244, 0.4);
    color: #555;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}
#top .wpcf7 {
    background-color: rgba(244, 244, 244, 0.4);
    color: #444;
    padding: 20px 20px 11px 20px;
    margin-bottom: 20px;
}
#top .wpcf7 input, #top .wpcf7 select {
    background-color: white;
    border: 1px solid whitesmoke;
    color: #555;
    font-size: 14px;
    height: 35px;
    padding: 0 8px !important;
    width: 100%;
    line-height: 21px;
}
#top .wpcf7 select {
    padding: 0 5px !important;
}
#top .wpcf7-form {
    display: block;
    overflow: hidden;
    width: 100%;
}
#top .wpcf7-form select {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-position: right 25px center !important;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    width: 110% !important;
}
#top .wpcf7-form-control.wpcf7-submit {
    background-color: #43494c;
    border: medium none;
    padding: 12px !important;
    width: 100% !important;
    height: auto;
    color: whitesmoke;
}
#top .tel {
    font-size: 25px;
    padding: 10px 0px;
    text-align: center;
    background-color: #43494c !important;
    color: white !important;
    margin-top: 20px;
    margin-bottom: 20px;
}
#top .tel p {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: 22px 1px;
    background-repeat: no-repeat;
    background-size: 37px auto;
    margin-bottom: 0;
    padding-left: 30px;
    text-align: center;
}
.wpcf7.tel a {
    color: inherit;
}
#top .content li {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: 0 2px;
    background-repeat: no-repeat;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 8px;
    margin-left: 0;
    padding-left: 23px;
}

.wpcf7 p span.label {
    background-color: #43494c;
    color: whitesmoke;
    padding: 2px 7px;
}

.button.title {
    background-color: black;
    font-size: 20px !important;
    margin-top: 20px;
    text-transform: uppercase;
}
.button.title a {
    color: white;
}
.button.title:hover {
    background-color: #444444;
}

#ablauf { }
#ablauf img,
#worldmap img {
    width: 100%;
}
#ablauf .features {
    margin-bottom: 30px;
}
#ablauf .description,
#ig .description {
    margin-bottom: 80px;
}
#ablauf .description .title {
    margin-bottom: 0px;
}
#ablauf .left {
    width: auto;
}
#ablauf .right {
    color: whitesmoke;
    height: inherit;
    padding: 5px 10px;
    width: 80%;
    min-height: 145px;
}
#ablauf .right ul {
    margin-bottom: 10px;
    margin-left: 5px;
}
#ablauf .right ul li {
    list-style-type: square;
    margin-left: 13px;
    padding-left: 2px;
}
#ablauf .one-third { }
#ablauf .one-third .title {
    color: whitesmoke;
    font-size: 95px;
    font-weight: bold;
    line-height: 52px;
}
#ablauf h2 { }
#ablauf div.title { margin-bottom: 0px; }

#topics .row { }
#topics {
    padding-top: 0px !important;
}
#topics .one-half > img {
    float: left;
    margin-right: 10px;
    width: 29px;
}
#topics .one-half > h3 {
    margin-top: 5px;
}
#topics p { padding: 5px 15px; }

#worldmap {
    background-color: whitesmoke;
}

#leistungen .content { }
#leistungen .clear {
    margin-bottom: 60px;
}
#leistungen img.one-fourth {
    padding-top: 20px;
    width: 100px;
}
#leistungen .content h3 {
    margin-bottom: 20px;
}
#leistungen .content .breakline {
    margin: 0px 0px 20px 0px;
}
#leistungen .features {
    margin-bottom: 55px;
}

#kontakt input[type="submit"] {
    background-color: gold;
    color: black !important;
}
#kontakt input[type="submit"]:hover {
    background-color: yellow;
    color: black !important;
}
#kontakt .influencer {
    background-color: rgba(200, 200, 200, 0.5);
    padding: 40px;
}
#kontakt .influencer h2 {
    line-height: 26px;
}
#kontakt .influencer .title {
    font-size: 19px;
    line-height: 21px !important;
    margin-bottom: 0px;
}
#kontakt .influencer p {
    text-align: left;
}

.highlight {}
.h-bg-01 {
    background-image: linear-gradient(35deg, #33dd44, #33aadd, #44eeff);
}
.h-bg-02 {
    background-image: linear-gradient(35deg, #c00000, #bf7abf, #74deff);
}
.h-bg-03 {
    background-image: linear-gradient(35deg, #001b00, #13749a, #001e44);
}
section.highlight .container p {
    color: white;
    font-size: 45px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 44px;
    text-transform: uppercase;
}

.wpcf7-form div {
    margin-bottom: 22px;
}

img.footer-logo {
    width: 130px;
}

ul.infoline li {
    background-repeat: no-repeat;
    background-size: 17px auto;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: 0 0;
    padding-left: 23px;
}
ul.infoline li.fbc {
}
ul.infoline li.location {
}
ul.infoline li.phone {
}
ul.infoline li.mail {
}

.home .bottom {
  padding: 100px 40px 50px;
}
.bottom {
    background-color: #161616;
    font-size: 13px;
    padding: 100px 40px 120px 40px;
    color: white;
    border-radius: 4rem 4rem 0rem 0rem;
}
.bottom h3 {
    color: #dddddd;
}
.bottom p {
    margin: 0;
}
.bottom a {
    color: #868686;
}
.bottom a:hover {
    color: #aaaaaa;
}
.bottom .container p {
    color: #dddddd;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    width: 100%;
}

.bottom img {
    width: 100px;
}

.bottom .grid-container {
    padding: 0px 30px;
}

.container.center {
    text-align: center;
}

.container.center {
}

img.footer-logo {
    margin-bottom: 20px;
}

.bottom .grid-column h3 {
    margin-bottom: 20px !important;
}

.bottom .grid-column ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.bottom .grid-column li {
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    color: #dddddd;
}

.grid-column {
    flex: 1 1 calc(33.3% - 40px);
}

.grid-container.flex {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    max-width: 1240px;
    margin: 0 auto 50px auto;
}

.grid-container.flex.horizontal {
    border-bottom: 1px solid #323232;
    padding-bottom: 50px;
}

.horizontal .grid-column {
    flex: 1 1 100%;
}

.horizontal ul {
    display: flex;
    gap: 0px 30px;
    flex-wrap: wrap;
}

.horizontal ul li {
    flex: 0 1 calc(20% - 30px);
}

.ie7 #content { padding-top: 25px; }

    /* -------------------------------------------------- */
    /*  Page Header
    /* -------------------------------------------------- */

    .page-header {
        border-bottom: 1px solid #efefef;
        margin: 0px 0px 40px 0px;
    }

    .ie7 .page-header { margin-top: 0; }

        .slogan, .page-title, .page-description, .page-subdescription, .project-title {
            letter-spacing: -0.1px;
            margin-bottom: 0;
        }

        .page-title, .page-description, .page-subdescription, .project-title {
            font-size: 33px !important;
            padding: 0 0 35px;
        }

        .slogan {
            font-size: 24px;
            margin-bottom: 40px;
        }

        .page-title { margin-top: 0; }

        .page-subdescription { font-size: 20px; }

        .project-title {
            margin-top: -15px;
            padding-bottom: 30px;
        }

        .page-description {
            font-size: 32px;
            font-weight: 400;
            padding: 0 0 40px;
        }

            .page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr {
                margin-bottom: 40px;
                margin-top: 0;
            }

    .section-title {
        font-weight: 800;
        text-transform: uppercase;
    }

    /* -------------------------------------------------- */
    /*  Main
    /* -------------------------------------------------- */

    #main {
        float: left;
        margin: 0 40px 0 0;
        width: 680px;
    }

    .sidebar-left #main {
        float: right;
        margin-left: 40px;
        margin-right: 0;
    }
        
        /* ---------------------------------------- */
        /*  Columns
        /* ---------------------------------------- */

        #main .one-half { width: 330px; }

        #main .one-third { width: 213px; }

            #main .two-third { width: 447px; }

        #main .one-fourth { width: 155px; }

            #main .three-fourth { width: 505px; }

    /* -------------------------------------------------- */
    /*  Image Gallery Slider
    /* -------------------------------------------------- */
    
    .image-gallery-slider {
        position: relative;
        margin: 0 0 25px;
    }
    
        .image-gallery-slider > ul { margin: 0; }

            .image-gallery-slider > ul > li {
                background: #fff;
                display: none;
                list-style: none;
                margin: 0;
            }

            .no-js .image-gallery-slider > ul > li, .image-gallery-slider.disabled > ul > li {
                display: block;
                margin-bottom: 25px;
            }

            .image-gallery-slider > ul > li:first-child { display: block; }

            .image-gallery-slider a {
                display: block;
                margin: 0 auto;
            }

                .image-gallery-slider img, .image-gallery-slider img.entry-image {
                    display: block;
                    margin: 0 auto;
                    max-width: 100%;
                }
        
    .image-gallery-slider-nav {}
        
        .image-gallery-slider-nav a {
            background: rgb(241, 90, 35) url(images/slider-arrows-medium.png) no-repeat 0 0; /* Fallback for old IE */
            filter: alpha(opacity=60); /* Fallback for old IE */
            background: rgba(241, 90, 35, 0.6) url(images/slider-arrows-medium.png) no-repeat 0 0;
            color: transparent;
            cursor: pointer;
            display: block;
            font: 0/0 a;
            height: 53px;
            margin: -26.5px 0 0;
            position: absolute;
            text-shadow: none;
            top: 50%;
            width: 25px;
            z-index: 999;
        }

        .image-gallery-slider-nav a.prev {
            background-position: -7px center;
            left: 0;
        }

        .image-gallery-slider-nav a.next {
            background-position: -46px center;
            right: 0;
        }

            .image-gallery-slider-nav a:hover, .image-gallery-slider-nav a:active {
                background-color: rgb(241, 90, 35);
                background-color: rgba(241, 90, 35, 1);
                filter: alpha(opacity=100); /* Fallback for old IE */
            }

    /* -------------------------------------------------- */
    /*  Widgets
    /* -------------------------------------------------- */

        /* ---------------------------------------- */
        /*  Accordion Content
        /* ---------------------------------------- */

            .acc-trigger {
                border-top: 1px dotted #ced8df;
                cursor: pointer;
                display: block;
                margin: 0;
            }

                .acc-trigger:last-of-type, .acc-container:last-of-type {
                    border-bottom: 1px dotted #ced8df;
                    margin-bottom: 20px;
                }

                .no-js .acc-trigger:last-of-type { border-bottom: none; }

            .acc-trigger a {
                background: url(images/accordion-content-buttons.png) no-repeat 20px 23px;
                display: block;
                color: #959393;
                outline: medium none;
                padding: 25px 20px 25px 55px;
                text-decoration: none;
                text-shadow: none;
            }

            h3.acc-trigger a, h4.acc-trigger a { background-position: 20px 24px; }

            h6.acc-trigger a { background-position: 20px 21px; }

                .acc-trigger a:hover { background-color: #f8f8f8; }

                .acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #f15a23; }

                .acc-trigger.active a:hover { background-color: transparent; }

                .acc-trigger.active { cursor: default; }

                .acc-trigger[data-mode=toggle].active, .acc-trigger[data-mode=toggle].active a { cursor: pointer; }

                .acc-trigger.active:last-of-type {
                    border-bottom: none;
                    margin-bottom: 0;
                }

                .acc-trigger.active a {
                    background-position: 20px -88px;
                    cursor: default;
                }

                h3.acc-trigger.active a, h4.acc-trigger.active a { background-position: 20px -87px; }

                h6.acc-trigger.active a { background-position: 20px -90px; }

            .acc-container .content { padding: 0 20px 25px 55px; }
            
                .acc-container .content .one-half { width: 422px; }

                .acc-container .content .one-third { width: 275px; }

                     .acc-container .content .two-third { width: 570px; }

                .acc-container .content .one-fourth { width: 201px; }

                    .acc-container .content .three-fourth { width: 644px; }

            .js .acc-container { margin-top: -15px; }

        /* ---------------------------------------- */
        /*  Content Tabs
        /* ---------------------------------------- */

        .tabs-nav {
            list-style: none;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 100%;
        }

            .tabs-nav li {
                float: left;
                line-height: 32px;
                margin: 0;
                overflow: hidden;
                padding: 0;
                position: relative;
            }

                .tabs-nav li.active { line-height: 31px; }

                .tabs-nav li a {
                    background: #f8f8f8;
                    border: 1px solid #eaeaea;
                    border-bottom: 1px solid #eaeaea;
                    border-left: none;
                    color: #959393;
                    display: block;
                    letter-spacing: 0;
                    outline: none;
                    padding: 0 16px;
                    text-decoration: none;
                    text-shadow: 0 1px 0 #fff;
                }

                .tabs-nav li:first-child a { border-left: 1px solid #eaeaea; }

                .tabs-nav li a:hover { background: #f0f0f0; }

                .tabs-nav li a:hover, .tabs-nav li.active a { color: #f15a23; }
                
                    .tabs-nav li.active a  {
                        background: #fff;
                        border-bottom: 2px solid #fff;
                        border-top: 1px solid #f15a23;
                    }

        .tabs-container {
            background: #fff;
            margin: -1px 0 20px;
            overflow: hidden;
            width: 100%;
        }

            .tab-content {
                border: 1px solid #eaeaea;
                padding: 20px;
            }
                        
                .tab-content .one-half { width: 440px; }

                .tab-content .one-third { width: 286px; }

                     .tab-content .two-third { width: 594px; }

                .tab-content .one-fourth { width: 210px; }

                    .tab-content .three-fourth { width: 670px; }

    /* -------------------------------------------------- */
    /*  Pricing Tables
    /* -------------------------------------------------- */

        .simple-pricing-table, .extended-pricing-table {
            height: 100%;
            margin: 0 0 40px;
            position: relative;
            text-align: center;
            width: 100%;
        }

            .simple-pricing-table .column, .extended-pricing-table .column {
                float: left;
                margin: 0;
                padding: 0;
                position: relative;
            }

                .simple-pricing-table .features, .extended-pricing-table .features {
                    list-style: none;
                    margin: 0;
                }

                    .simple-pricing-table .features li, .extended-pricing-table .features li {
                        display: block;
                        margin: 0;
                        position: relative
                    }

                .simple-pricing-table .footer, .extended-pricing-table .footer { padding: 16px 20px; }

                    .simple-pricing-table .footer .button, .extended-pricing-table .footer .button {
                        background: #515151;
                        font-size: 14px;
                        font-weight: 600;
                        text-transform: uppercase;
                        padding: 9px 20px;
                    }

        /* ---------------------------------------- */
        /*  Simple Pricing Table
        /* ---------------------------------------- */

        .simple-pricing-table.featured { margin-top: 50px; }

            .simple-pricing-table .column {
                background: #f6f6f6;
                border-bottom: 1px solid #ededed;
                border-left: 1px solid #fff;
                border-top: 1px solid #ededed;
                width: 938px;
            }

            .simple-pricing-table .column:first-child { border-left-color: #ededed; }

            .simple-pricing-table .column:last-child { border-right: 1px solid #ededed; }

            .simple-pricing-table.col2 .column { width: 468px; }
            .simple-pricing-table.col3 .column { width: 312px; }
            .simple-pricing-table.col4 .column { width: 233px; }
            .simple-pricing-table.col5 .column { width: 186px; }

            .simple-pricing-table .column.featured {
                background: #fff;
                border: 1px solid #ebebeb;
                -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
                   -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
                        box-shadow: 0 0 20px rgba(0, 0, 0, .15);
                margin: -20px -1px 0;
                padding: 20px 5px 15px;
                z-index: 1;
                width: 928px;
            }

            .simple-pricing-table.col2.featured .column { width: 450px; }
            .simple-pricing-table.col3.featured .column { width: 299px; }
            .simple-pricing-table.col4.featured .column { width: 224px; }
            .simple-pricing-table.col5.featured .column { width: 179px; }

            .simple-pricing-table.col2 .column.featured { width: 478px; }
            .simple-pricing-table.col3 .column.featured { width: 329px; }
            .simple-pricing-table.col4 .column.featured { width: 254px; }
            .simple-pricing-table.col5 .column.featured { width: 209px; }

                .simple-pricing-table .header { padding: 15px 20px 20px; }

                .simple-pricing-table .featured .header { margin: -15px 0 0; }

                    .simple-pricing-table .title {
                        color: #414141;
                        font-size: 24px;
                        font-weight: 700;
                        letter-spacing: -0.8px;
                        margin: 0 0 5px;
                    }

                    .simple-pricing-table .price {
                        color: #777;
                        font-size: 18px;
                        font-weight: 300;
                        margin: 0 0 7px;
                    }

                        .simple-pricing-table .price span {
                            color: #292929;
                            font-weight: 700;
                        }

                        .simple-pricing-table .free .price span { color: #4a993e; }

                        .simple-pricing-table .featured .price span { color: #f15a23; }

                    .simple-pricing-table .description {
                        color: #4b4b4b;
                        font-size: 14px;
                        margin: 0;
                        font-weight: 400;
                    }

                        .simple-pricing-table .free .description { color: #44af33; }

                        .simple-pricing-table .featured .description { color: #e38c11; }

                    .simple-pricing-table .title + .description {
                        margin-bottom: 5px;
                        margin-top: 12px;
                    }

                .simple-pricing-table .features { padding: 0 10px; }

                    .simple-pricing-table .features li {
                        border-top: 1px solid #ebebeb;
                        padding: 5px 10px;
                    }

                .simple-pricing-table .footer {
                    background: #e5e5e5;
                    margin: 1px 0 0;
                }

                .simple-pricing-table .featured .footer {
                    background: #fff;
                    margin-top: 11px;
                }

                    .simple-pricing-table .featured .footer .button {
                        background: #f15a23;
                        font-size: 18px;
                        padding: 11px 27px;
                    }

                    .simple-pricing-table .free .footer .button { background: #4a993e; }

                        .simple-pricing-table .footer .button:hover { background: #f15a23; }

                        .simple-pricing-table .free .footer .button:hover,
                        .simple-pricing-table .featured .footer .button:hover { background: #515151; }

        /* ---------------------------------------- */
        /*  Extended Pricing Table
        /* ---------------------------------------- */

        .extended-pricing-table.featured { margin-top: 40px; }

            .extended-pricing-table .column { width: 740px; }

            .extended-pricing-table .features-list {
                text-align: left;
                width: 200px !important;
            }

            .extended-pricing-table.col2 .column { width: 370px; }
            .extended-pricing-table.col3 .column { width: 246px; }
            .extended-pricing-table.col4 .column { width: 185px; }
            .extended-pricing-table.col5 .column { width: 148px; }

            .extended-pricing-table .featured {
                -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
                   -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
                        box-shadow: 0 0 20px rgba(0, 0, 0, .15);
                z-index: 1;
            }

                .extended-pricing-table .header {
                    background: #3a3a3a;
                    color: #fff;
                    min-height: 110px;
                }

                .extended-pricing-table .features-list .header { background: none; }

                .extended-pricing-table .free .header { background: #4a993e; }

                .extended-pricing-table .featured .header {
                    background: #f9612a;
                    padding: 0 0 10px;
                }

                .ie7 .extended-pricing-table .featured .header { padding-bottom: 0; }

                    .extended-pricing-table .title {
                        background: #2c2c2c;
                        color: #bbbbbb;
                        font-size: 13px;
                        font-weight: 400;
                        margin: 0 0 7px;
                        padding: 8px 15px;
                        text-transform: uppercase;
                    }

                    .extended-pricing-table .free .title {
                        background: #428937;
                        color: #fff;
                    }

                    .extended-pricing-table .featured .title {
                        background: #dd4913;
                        color: #fff;
                        font-size: 17px;
                        font-weight: 600;
                        margin-top: -10px;
                        padding-bottom: 11px;
                        padding-top: 10px;
                        position: relative;
                    }

                    .extended-pricing-table .price {
                        color: #999;
                        font-size: 12px;
                        font-weight: 400;
                        margin: 0;
                    }

                    .extended-pricing-table .free .price { color: #9fcd98; }

                    .extended-pricing-table .featured .price { color: #fab197; }

                        .extended-pricing-table .price span {
                            color: #fff;
                            font-size: 30px;
                            display: block;
                        }

                    .extended-pricing-table .featured .price span { font-weight: 600; }

                .extended-pricing-table .features { border-left: 1px solid #fff; }

                .extended-pricing-table .features-list .features { border-left: none; }

                    .extended-pricing-table .features li {
                        background: #f8f8f8;
                        border-bottom: 1px solid #fff;
                        padding: 8px 10px;
                    }

                    .extended-pricing-table .features li:before { content: ''; }

                    .extended-pricing-table .featured .features li { background: #fff; }

                    .extended-pricing-table .features li:first-child { border-top: 1px solid #fff; }

                    .extended-pricing-table .features li:nth-child(even) { background: #f0f0f0; }

                    .extended-pricing-table .featured .features li:nth-child(even) { background: #f6f6f6; }

                    .extended-pricing-table .features li .check {
                        background: url(images/icon-check-3.png) no-repeat center 2px;
                        display: inline-block;
                        height: 18px;
                        text-indent: -9999px;
                        width: 18px;
                    }

                    .ie7 .extended-pricing-table .features li .check {
                        display: inline;
                        font-size: 0;
                        text-indent: 0;
                    }

                    .extended-pricing-table .free .features li .check { background-image: url(images/icon-check-3-green.png); }

                .extended-pricing-table .footer { background: #f8f8f8; }

                .extended-pricing-table .featured .footer { padding-bottom: 26px; }

                .extended-pricing-table .features-list .footer { background: none; }

                    .extended-pricing-table .free .footer .button { background: #4a993e; }

                    .extended-pricing-table .featured .footer .button { background: #f15a23; }

                        .extended-pricing-table .footer .button:hover { background: #f15a23; }

                        .extended-pricing-table .free .footer .button:hover,
                        .extended-pricing-table .featured .footer .button:hover { background: #515151; }

    /* -------------------------------------------------- */
    /*  Back to Top
    /* -------------------------------------------------- */

    #back-to-top, .touch-device #back-to-top:hover {
        background: url(images/arrow-up-large.png) no-repeat center center;
        background-color: rgb(221, 221, 221);
        background-color: rgba(221, 221, 221, .7);
        bottom: 20px;
        color: transparent;
        display: none;
        font: 0/0 a;
        height: 46px;
        position: fixed;
        right: 20px;
        text-shadow: none;
        -webkit-transition: all .2s ease;
           -moz-transition: all .2s ease;
            -ms-transition: all .2s ease;
             -o-transition: all .2s ease;
                transition: all .2s ease;
        width: 45px;
        z-index: 100;
    }

        #back-to-top:hover, #back-to-top.hover, .touch-device #back-to-top:active { background-color: #f15a23; }
                        
/* ---------------------------------------------------------------------- */
/*  Home
/* ---------------------------------------------------------------------- */

    /* -------------------------------------------------- */
    /*  Slider
    /* -------------------------------------------------- */

    .ss-slider {
        background: #fff url(images/loader.gif) no-repeat center 185px;
        clear: both;
        margin: 20px auto 80px;
        max-height: 465px;
        max-width: 940px;
        overflow: hidden;
        position: relative;
    }

    .ss-slider.fully-loaded { overflow: visible; }

    .ss-slider.fully-loaded, .no-js .ss-slider { background: none; }

    .no-js .ss-slider { max-height: none; }

        /* ---------------------------------------- */
        /*  Single Slide
        /* ---------------------------------------- */
        
        .ss-slider .slides-container {}

            .ss-slider .slide {
                display: none;
                margin: 0;
            }

            .ss-slider .slide:first-child { display: block; }

            .ss-slider.fully-loaded .slide, .no-js .ss-slider .slide {
                background-repeat: no-repeat;
                display: block;
                float: left;
                overflow: hidden;
                position: relative;
                z-index: 1;
            }

            .ss-slider.fully-loaded .slide { height: 100%; }
            
            .no-js .ss-slider .slide { margin: 40px 0 0; }  
            
            .no-js .ss-slider .slide:first-child { margin-top: 0; }

                .ss-slider .slide-img {
                    background-repeat: no-repeat;
                    height: 100%;
                    left: 0;
                    position: absolute;
                    top: 0;
                }
        
        .ss-slider .slide-images-container {
            background: #fff;
            background-repeat: no-repeat;
            display: block;
            width: 100%;
            z-index: 11;
        }

            .ss-slider .slide-bg-image {
                background: #fff;
                margin: 0;
                width: 100%;
            }

            .ss-slider.fully-loaded .slide-bg-image { display: none; }
        
            .no-js .ss-slider .slide-bg-image { display: block; }
                
        /* ---------------------------------------- */
        /*  Button
        /* ---------------------------------------- */
        
        .ss-slider .buttons-container {
            background: #fff;
            overflow: hidden;
            width: 100%;
        }

        .ss-slider.hide-bottom-buttons .buttons-container { display: none; }

            .ss-slider .slide-button, .no-js .ss-slider .slide-button:hover {
                background: #f8f8f8;
                border-bottom: 1px solid #e9e9e9;
                border-top: 4px solid #dfdfdf;
                -webkit-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
                   -moz-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
                        box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
                color: #3a3a3a;
                cursor: pointer;
                display: block;
                float: left;
                font-size: 20px;
                height: 40px;
                overflow: hidden;
                padding: 20px;
                text-align: left;
                text-decoration: none;
                -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
                   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
                    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
                     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
                        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
                width: 100%;
            }

            .ss-slider.hide-bottom-buttons .slide-button { display: none; }

            .ss-slider .slide:first-child .slide-button {
                -webkit-box-shadow: 0 1px 0 0 #fff inset;
                   -moz-box-shadow: 0 1px 0 0 #fff inset;
                        box-shadow: 0 1px 0 0 #fff inset;
            }
                
                .ss-slider.fully-loaded .slide-button:hover, .ss-slider.fully-loaded .slide-button.active {
                    background: #f0f0f0;
                    color: #f15a23;
                }
                
                .ss-slider.fully-loaded .slide-button:hover { border-top-color: #aeaeae; }

                .no-js .ss-slider .slide-button, .no-js .ss-slider .slide-button:hover { cursor: auto; }
                
                .no-js .ss-slider  a > .slide-button:hover  { cursor: pointer; }
                
                .ss-slider .slide-button h5 {
                    color: #3a3a3a;
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 1.5;
                    margin: 0;
                }

                    .ss-slider.fully-loaded .slide-button.active h5 { color: #f15a23; }

                .ss-slider .slide-button .description {
                    color: #959393;
                    display: block;
                    font-size: 11px;
                    line-height: 12px;
                }
        
                .ss-slider .slide-button .dropcap {
                    background: #3a3a3a;
                    -webkit-border-radius: 19px;
                       -moz-border-radius: 19px;
                            border-radius: 19px;
                    color: #fff;
                    font-weight: 700;
                    height: 38px;
                    width: 38px;
                }

                .ss-slider .slide-button.image, .no-js .ss-slider .slide-button.image:hover {
                    height: 80px;
                    padding: 0;
                    text-align: center;
                }

                    .ss-slider .slide-button img {
                        background: #f8f8f8;
                        display: inline-block;
                        font-size: 11px;
                        max-height: 80px;
                        filter: alpha(opacity=35); /* Fallback for old IE */
                        opacity: 0.35;
                        -webkit-transition: opacity .2s ease-in-out;
                           -moz-transition: opacity .2s ease-in-out;
                            -ms-transition: opacity .2s ease-in-out;
                             -o-transition: opacity .2s ease-in-out;
                                transition: opacity .2s ease-in-out;
                    }
                    
                        .ss-slider .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img { background: #f0f0f0; }

                        .no-js .ss-slider .slide-button:hover img, .no-js .ss-slider .slide-button.active img { background: #f8f8f8; }
                            
                        .ss-slider.fully-loaded .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img,
                        .no-js .ss-slider .slide-button img {
                            filter: alpha(opacity=100); /* Fallback for old IE */
                            opacity: 1;
                        }

        /* ---------------------------------------- */
        /*  Content
        /* ---------------------------------------- */
        
        .ss-slider .content-container, .no-js .ss-slider .slide-content {
            background: rgb(0, 0, 0); /* Fallback for old IE */
            filter: alpha(opacity=60); /* Fallback for old IE */
            background: rgba(0, 0, 0, .6);
            bottom: 115px;
            display: block;
            left: 30px;
            margin: 0;
            overflow: hidden;
            padding: 25px 30px 30px;
            position: absolute;
            width: 255px;
            z-index: 2;
        }
        
        .ss-slider.hide-content .content-container { display: none; }

        .ss-slider.hide-bottom-buttons .content-container, .no-js .ss-slider.hide-bottom-buttons .slide-content { bottom: 30px; }

        .ss-slider.show-content-onhover .content-container, .ss-slider.show-content-onhover .pagination-container a {
            opacity: 0;
            filter: alpha(opacity=0); /* Fallback for old IE */
        }
        
            .ss-slider.fully-loaded.show-content-onhover:hover .content-container, .ss-slider.fully-loaded.show-content-onhover:hover .pagination-container a {
                opacity: 1;
                filter: alpha(opacity=60); /* Fallback for old IE */
            }

            .ss-slider.fully-loaded .content-container {
                -webkit-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
                   -moz-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
                    -ms-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
                     -o-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
                        transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
            }
            
            .ss-slider .content-container.center {
                bottom: auto;
                left: 50%;
                margin-left: -193px;
                padding: 20px 30px;
                text-align: center;
                top: 135px;
                width: 326px;
            }
            
            .ss-slider .content-container.bottom {      
                bottom: 85px;
                left: 38px;
                max-width: 804px;
                padding: 10px 30px;
                text-align: center;
                width: 100%;
            }

            .ss-slider.hide-bottom-buttons .content-container.bottom { bottom: 0; }

            .ss-slider .slide-content {
                color: #bfbfbf;
                display: none;
                text-shadow: 0 -1px rgba(0, 0, 0, .75);
            }

                .ss-slider .slide-content a { color: #f15a23; }

                .ss-slider .slide-content a:hover { text-decoration: underline; }

                .ss-slider .slide-content h1,
                .ss-slider .slide-content h2,
                .ss-slider .slide-content h3,
                .ss-slider .slide-content h4,
                .ss-slider .slide-content h5,
                .ss-slider .slide-content h6 {
                    color: #fff;
                    margin: 0;
                }

                    .ss-slider .slide-content h1 + *,
                    .ss-slider .slide-content h2 + *,
                    .ss-slider .slide-content h3 + *,
                    .ss-slider .slide-content h4 + *,
                    .ss-slider .slide-content h5 + *,
                    .ss-slider .slide-content h6 + * { margin-top: 5px; }

                .ss-slider .slide-content h2 {
                    font-size: 20px;
                    font-weight: 700;
                }

                .ss-slider .slide-content h6 {
                    font-size: 13px;
                    font-weight: 400;
                }

                .ss-slider .slide-content p { margin-bottom: 10px; }

                .ss-slider .slide-content p:last-of-type { margin-bottom: 0; }

                .ss-slider .slide-content .button {
                    color: #fff;
                    font-size: 11px;
                    padding: 5px 14px;
                    text-shadow: none;
                }

                    .ss-slider .slide-content .button:hover { text-decoration: none; }

        /* ---------------------------------------- */
        /*  Pagination
        /* ---------------------------------------- */
        
        .ss-slider .pagination-container a {
            background: rgb(241, 90, 35) url(images/slider-arrows-small.png) no-repeat 0 center; /* Fallback for old IE */
            filter: alpha(opacity=60); /* Fallback for old IE */
            background: rgba(241, 90, 35, 0.6) url(images/slider-arrows-small.png) no-repeat 0 center;
            bottom: 115px;
            color: transparent;
            cursor: pointer;
            display: block;
            font: 0/0 a;
            min-height: 27px;
            left: 346px;
            overflow: hidden;
            position: absolute;
            text-align: center;
            text-shadow: none;
            -webkit-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
               -moz-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
                -ms-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
                 -o-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
                    transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
            width: 15px;
            z-index: 2;
        }

        .ss-slider.hide-bottom-buttons .pagination-container a { bottom: 30px; }
        
        .ss-slider.hide-content .pagination-container a { display: none; }

            .ss-slider .pagination-container .next {
                background-position: -15px center;
                bottom: 156px;
            }

            .ss-slider.hide-bottom-buttons .pagination-container .next { bottom: 71px; }
        
            .ss-slider .pagination-container a:hover, .ss-slider.show-content-onhover:hover .pagination-container a:hover {
                background-color: rgba(241, 90, 35, 1);
                filter: alpha(opacity=100) !important; /* Fallback for old IE */
            }
            
            .ss-slider .pagination-container.center a {     
                background-image: url(images/slider-arrows-large.png);
                bottom: auto;
                left: 50%;      
                min-height: 40px;
                top: 135px;
                width: 35px;
            }
            
                .ss-slider .pagination-container.center .prev {
                    background-position: 0 center;
                    left: 241px;
                }
                
                .ss-slider .pagination-container.center .next {
                    background-position: -35px center;
                    left: auto;
                    right: 241px;
                }
            
            .ss-slider .pagination-container.bottom a {     
                background-image: url(images/slider-arrows-medium.png);
                bottom: 85px;
                min-height: 20px;
                width: 37px;
            }

            .ss-slider.hide-bottom-buttons .pagination-container.bottom a { bottom: 0; }
            
                .ss-slider .pagination-container.bottom .prev {
                    background-position: -1px center;
                    left: 0;
                }
                
                .ss-slider .pagination-container.bottom .next {
                    background-position: -40px center;
                    left: auto;
                    right: 0;
                }
            
        /* ---------------------------------------- */
        /*  Active Slide Bar
        /* ---------------------------------------- */

        .ss-slider .active-slide-bar {
            background: #f15a23;
            bottom: 0;
            display: block;
            height: 4px;
            left: 0;
            position: absolute;
            visibility: hidden;
            z-index: 10;
        }

        .ss-slider.hide-bottom-buttons .active-slide-bar { display: none; }
        
    /* -------------------------------------------------- */
    /*  Projects Carousel
    /* -------------------------------------------------- */

    .no-js .projects-carousel, .no-js .post-carousel {
        border-top: 1px solid #efefef;
        margin: 15px -20px 60px 0;
        padding: 25px 0 0;
    }
        
        .projects-carousel > li, .post-carousel > li, #portfolio-items > article {
            float: left;
            list-style: none;
            margin: 0 20px 0 0;
            overflow: hidden;
            position: relative;
        }
        
        .projects-carousel > li, .post-carousel > li { width: 220px; }
        
        .no-js .post-carousel > li {
            display: inline-block;
            float: none;
        }

        .no-js .projects-carousel > li, .no-js #portfolio-items > article { margin-bottom: 40px; }

        .projects-carousel a, #portfolio-items article .project-meta {
            border-bottom: 1px solid #efefef;
            display: block;
            text-align: center;
        }
        
        .projects-carousel a { padding: 20px 0 0; }

        #portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player { margin: 0 auto; }

            .projects-carousel img, #portfolio-items article img {
                background-color: #fff;
                margin: 0 auto;
                filter: alpha(opacity=70); /* Fallback for old IE */
                opacity: 0.7;
            }

            .no-js .projects-carousel img, .no-js #portfolio-items article img { margin-bottom: 0; }

            .projects-carousel img { margin: -25px auto 20px; }

            .projects-carousel .title, #portfolio-items > article .title {
                font-weight: 400;
                margin: -1px 0 0;
            }

            .projects-carousel > li .categories, #portfolio-items > article .categories, #portfolio-items > article a + .project-meta .categories {
                color: #aeaeae;
                display: block;
                font-style: italic;
                margin: -1px 0 20px;
            }

            #portfolio-items > article .categories { margin-bottom: 19px; }

            .projects-carousel a:hover, #portfolio-items > article:hover {
                background: #f8f8f8;
                border-bottom: 1px solid #f15a23;
            }

            .not-ie .projects-carousel a:hover:after, .not-ie #portfolio-items > article:hover:after {
                background: #f15a23;
                bottom: -2.5px;
                content: '';
                left: 50%;
                display: block;
                height: 5px;
                margin: 0 0 0 -2.5px;
                -webkit-transform: rotate(45deg);
                   -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                     -o-transform: rotate(45deg);
                        transform: rotate(45deg);
                position: absolute;
                width: 5px;
            }

            .projects-carousel a:hover img, #portfolio-items > article:hover img {
                filter: alpha(opacity=100); /* Fallback for old IE */
                opacity: 1;
            }

            .projects-carousel a:hover .title, #portfolio-items > article:hover .title { color: #f15a23; }

    /* -------------------------------------------------- */
    /*  Post Carousel
    /* -------------------------------------------------- */
        
    .post-carousel .entry-meta {
        float: left;
        font-style: italic;
        letter-spacing: -0.5px;
        line-height: 1.3;
        margin: 0 12px 0 0;
        text-align: center;
        width: 33px;
    }
    
        .post-carousel .entry-meta a {
            display: block;
            font-style: normal;
        }
        
        .post-carousel li .post-format { margin: 0; }

        .post-carousel li .date {
            display: block;
            margin: 8px 0 0;
        }
                    
        .post-carousel .entry-body .title {
            font-size: 14px;
            font-weight: 400;
            margin: 0 0 10px 0;
        }
    
    #content .post-carousel .entry-body {
        float: right;
        margin: 0;
        width: 175px;
    }

    .post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper {
        margin-bottom: 15px;
        max-width: 100%;
        width: 100%;
    }

    .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; }
    
    /* Image Gallery Slider */

    .post-carousel .image-gallery-slider { margin-bottom: 15px; }

        .post-carousel .image-gallery-slider li { margin: 0; }

            .post-carousel .image-gallery-slider img { margin-bottom: 0; }

    /* -------------------------------------------------- */
    /*  Projects & Post Carousel Navigation
    /* -------------------------------------------------- */

    .jcarousel-container {
        border-top: 1px solid #efefef;
        margin: 45px -20px 80px 0;
        max-width: 100%;
        padding: 25px 0 0;
    }

    .section-title + .jcarousel-container { margin-top: 15px; } 

        .jcarousel-clip {
            overflow: hidden;
            width: 100%;
        }

            .jcarousel-item {
                margin: 0 20px 0 0;
                width: 220px;
            }

        .jcarousel-next, .jcarousel-prev {
            background: #ddd url(images/button-arrows.png) no-repeat 0 0;
            cursor: pointer;
            height: 19px;
            position: absolute;
            right: 0;
            top: -35px;
            width: 19px;
        }

        .jcarousel-prev {
            background-position: 0 -19px;
            right: 20px;
        }

            .jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,
            .jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
                background-color: #f15a23;
            }

            .jcarousel-next-disabled, .jcarousel-next-disabled:hover,
            .jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
            .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
            .jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
                background-color: #eee !important;
                cursor: auto !important;
            }

/* ---------------------------------------------------------------------- */
/*  Our Team
/* ---------------------------------------------------------------------- */

.team-member {
    border-bottom: 1px solid #efefef;
    color: #777;
    margin-bottom: 50px;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .2s ease, border .2s ease;
       -moz-transition: background-color .2s ease, border .2s ease;
        -ms-transition: background-color .2s ease, border .2s ease;
         -o-transition: background-color .2s ease, border .2s ease;
            transition: background-color .2s ease, border .2s ease;
}

    .team-member:hover {
        background: #f8f8f8;
        border-bottom-color: #f15a23;
    }

    .not-ie .team-member:hover:after {
        background: #f15a23;
        bottom: -2.5px;
        content: '';
        left: 50%;
        display: block;
        height: 5px;
        margin: 0 0 0 -2.5px;
        -webkit-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
             -o-transform: rotate(45deg);
                transform: rotate(45deg);
        position: absolute;
        width: 5px;
    }

    .team-member .photo, .team-member > a {
        display: block;
        margin: 0 auto 15px;
    }

    .team-member > a > .photo { margin: 0 auto; }

    .team-member .content { padding: 0 15px; }

        .team-member .name {
            color: #414141;
            font-weight: 700;
            margin: 0;
            text-transform: uppercase;
        }

        .team-member .job-title {
            color: #aeaeae;
            display: block;
            font-style: italic;
            margin: 0 0 10px;
        }

        .team-member .social-links {
            border-top: 1px solid #efefef;
            margin: 0 0 5px;
            padding: 15px 0 0;
        }
            
            .team-member:hover .social-links { border-top-color: #ebebeb; }

            .team-member .social-links li { margin: 0 0 10px 10px; }

                .team-member .social-links a { opacity: 0.3; }

                    .team-member .social-links a:hover { opacity: 1; }

/* ---------------------------------------------------------------------- */
/*  Blog
/* ---------------------------------------------------------------------- */

.hentry {
    
}

.single .hentry {
    margin-bottom: 45px;
    padding-bottom: 25px;
}

    .entry-image, .entry-video, .entry-audio {
        display: block;
        margin: 0 auto 25px;
    }

    .hentry .entry-audio {
        margin-bottom: 20px;
        padding-top: 5px;
    }

    .single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 25px; }
            
    .entry-body {
        float: right;
        margin: -5px 0 0;
        width: 810px;
    }

    #main .entry-body { width: 550px; }

        .entry-body .title {
            font-size: 18px;
            font-weight: 700;
            margin-top: 10px;
        }

    .entry-meta {
        color: #878787;
        float: left;
        margin: 0 20px 0 0;
        text-align: right;
        width: 110px;
    }
        
        .entry-meta ul { margin: 0; }
        
            .entry-meta li {
                list-style: none;
                margin: 0;
            }

                .entry-meta .title { font-weight: 700; }

                .entry-meta .post-categories { display: inline-block; }

                .entry-meta a, .entry-meta a time {
                    color: #959393;
                    display: inline-block;
                    font-style: italic;
                }

                    .entry-meta a:hover, .entry-meta a:hover time { color: #f15a23; }
            
        .post-format {
            background-color: #ddd;
            background-image: url(images/icon-post-formats.png);
            background-repeat: no-repeat;
            background-position: 0 0;
            color: #959393;
            cursor: pointer;
            display: block;
            height: 33px;
            margin: 0 0 10px 0;
            text-align: left;
            text-indent: -9999px;
            width: 33px;
        }

            .post-format.gallery, .post-format.image { background-position: -33px 0; }

            .post-format.video { background-position: -66px 0; }

            .post-format.audio { background-position: -99px 0; }

            .post-format.link { background-position: -132px 0; }

            .post-format.quote { background-position: -165px 0; }

            .post-format.aside { background-position: -199px 0; }

            a:hover > .post-format {
                background-color: #f15a23;
                color: #f15a23;
            }

    /* VideoJS */

    .video-js { max-width: 100%; }

    /* -------------------------------------------------- */
    /*  Comments
    /* -------------------------------------------------- */

    #comments {}

        #comments-title, #reply-title {
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

            .commentlist {
                border-bottom: 1px dotted #ced8df;
                margin: 27px 0 45px;
                padding: 0 0 30px;
                overflow: hidden;
            }

                .comment {
                    border-top: 1px dotted #ced8df;
                    list-style: none;
                    margin: 30px 0 0;
                    padding: 35px 0 0;
                }

                .comment:first-child {
                    border-top: none;
                    margin-top: 0;
                    padding-top: 0;
                }

                    .comment > article {
                        margin: 0;
                        overflow: hidden;
                    }

                        .comment .avatar {
                            background: #fff;
                            float: left;
                            margin: 0 0 5px 0;
                            position: relative;
                            width: 54px;
                            z-index: 1;
                        }

                        .comment .comment-body, .comment .comment-meta {
                            float: right;
                            margin: 0 0 -20px 15px;
                            width: 871px;
                        }

                        #main .comment .comment-body, #main .comment .comment-meta { width: 611px; }

                        .comment .comment-meta { margin-bottom: 0; }

                            .comment .author, .comment .author a {
                                color: #54555a;
                                margin: 0;
                            }

                            .comment .author cite { font-style: normal; }

                            .comment .author .comment-reply-link { font-size: 11px; }

                            .comment .date, .comment .date a, .comment .date time {
                                color: #adb3b8;
                                font-style: italic;
                                margin: 1px 0 5px;
                            }

                                .comment .author a:hover,
                                .comment .date a:hover, .comment .date a:hover time { color: #f15a23; }

                    .commentlist .children {
                        margin: 0;
                        padding: 0 0 0 70px;
                        position: relative;
                    }

                        .commentlist .children .comment {
                            border-top: 1px dotted #ced8df;
                            margin: 15px 0 0;
                            padding: 35px 0 0;
                            position: relative;
                        }

                        .comment .children .comment:first-child { margin-top: 0; }

                            .commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta { width: 801px; }
                            .commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta { width: 731px; }
                            .commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta { width: 661px; }
                            .commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta { width: 591px; }

                            #main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta { width: 541px; }
                            #main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta { width: 471px; }
                            #main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta { width: 401px; }
                            #main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta { width: 331px; }

    /* -------------------------------------------------- */
    /*  Respond
    /* -------------------------------------------------- */

    #respond { }

        .commentlist #respond { margin: 10px 0 35px; }

        .commentlist #respond .form-allowed-tags { display: none; }

        #reply-title small {
            font-size: 11px;
            text-transform: none;
        }

        #commentform { margin: 20px -20px 0 0; }

            #commentform input { width: 278px; }

            #main #commentform input { width: 191px; }

                .commentlist .children .depth-2 #commentform input { width: 254px; }
                .commentlist .children .depth-3 #commentform input { width: 231px; }
                .commentlist .children .depth-4 #commentform input { width: 208px; }

                #main .commentlist .children .depth-2 #commentform input { width: 168px; }
                #main .commentlist .children .depth-3 #commentform input { width: 144px; }
                #main .commentlist .children .depth-4 #commentform input { width: 121px; }

            #commentform textarea {
                height: 150px;
                width: 918px;
            }

            #main #commentform textarea { width: 657px; }

                .commentlist .children .depth-2 #commentform textarea { width: 846px; }
                .commentlist .children .depth-3 #commentform textarea { width: 777px; }
                .commentlist .children .depth-4 #commentform textarea { width: 708px; }

                #main .commentlist .children .depth-2 #commentform textarea { width: 588px; }
                #main .commentlist .children .depth-3 #commentform textarea { width: 516px; }
                #main .commentlist .children .depth-4 #commentform textarea { width: 447px; }

    /* -------------------------------------------------- */
    /*  Pagination
    /* -------------------------------------------------- */

    .pagination { margin: 0 }

    .comments-pagination {
        margin-bottom: 30px;
        margin-top: -20px;
    }

        .pagination a, .pagination span {
            border: 1px solid transparent;
            color: #9c9c9c;
            display: inline-block;
            margin: 0 8px 0 0;
            padding: 2px 8px 4px;
        }

        .comments-pagination a, .comments-pagination span {
            margin-right: 5px;
            padding-bottom: 3px;
        }

        .ie7 .pagination li, .ie7 .pagination span { display: inline; }

        .pagination .current {
            background: #e6edef;
            color: #707070;
            padding: 2px 7px 4px;
        }

        .comments-pagination .current { padding-bottom: 3px; }

            .pagination a:hover, .comments-pagination a:hover {
                border-color: #e6edef;
                color: #f15a23;
            }

        .pagination .next, .pagination .prev { border: none; }

/* ---------------------------------------------------------------------- */
/*  Portfolio
/* ---------------------------------------------------------------------- */

#portfolio-items-filter {
    float: right;
    margin: -65px 0 0;
    overflow: hidden;
}

    #portfolio-items-filter li {
        display: block;
        float: left;
        list-style: none;
        margin: 0;
    }

    #portfolio-items-filter li:first-child {
        margin-top: 5px;
        margin-right: 5px;
    }

    .no-js #portfolio-items-filter li:first-child, .no-js #portfolio-items-filter .all { display: none; }

    .ie7 #portfolio-items-filter li:first-child { display: none !important; }

        #portfolio-items-filter a {
            background: #f15a23;
            color: #fff;
            cursor: pointer;
            display: block;
            margin: 0 0 5px 5px;
            padding: 5px 10px;
        }

        .no-js #portfolio-items-filter a, #portfolio-items-filter.open a { display: block !important; }

        .ie7 #portfolio-items-filter a {
            display: block !important;
            margin: 0 0 5px 5px !important;
            padding: 5px 10px !important;
            width: auto !important;
        }

            #portfolio-items-filter a:hover, #portfolio-items-filter.open .active, #portfolio-items-filter.open .current a { background: #3a3a3a; }

#portfolio-items { margin: 0 -20px 40px 0; }

    #portfolio-items article { margin-bottom: 50px; }

        #portfolio-items .project-meta {
            display: block;
            margin: 0;
            padding: 20px 0 0;
        }
        
#portfolio-items + .pagination { margin-top: -40px; }

    /* Isotope */

    .isotope-hidden.isotope-item {
        pointer-events: none;
        z-index: 1;
    }

    .isotope, .isotope .isotope-item {
        -webkit-transition-duration: 0.6s;
           -moz-transition-duration: 0.6s;
            -ms-transition-duration: 0.6s;
             -o-transition-duration: 0.6s;
                transition-duration: 0.6s;
        z-index: 2;
    }

    .isotope {
        -webkit-transition-property: height, width;
           -moz-transition-property: height, width;
            -ms-transition-property: height, width;
             -o-transition-property: height, width;
                transition-property: height, width;
    }

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
           -moz-transition-property:    -moz-transform, opacity;
            -ms-transition-property:         top, left, opacity;
             -o-transition-property:         top, left, opacity;
                transition-property:         transform, opacity;
    }

    /* -------------------------------------------------- */
    /*  Single Project
    /* -------------------------------------------------- */

    .project-title {
        color: #3a3a3a;
        font-size: 32px;
        font-weight: 400;
    }

    .portfolio-pagination {
        float: right;
        margin: -58px 0 0;
    }

        .portfolio-pagination li {
            display: inline-block;
            list-style: none;
            line-height: 25px;
            margin: 0;
        }

        .ie7 .portfolio-pagination li { display: inline; }

        .portfolio-pagination .next {
            border-right: 1px solid #e8e8e8;
            margin: 0 10px 0 0;
            padding: 0 10px 0 0;
        }

        .portfolio-pagination .next:last-child {
            border-right: none;
            margin-right: 0;
            padding-right: 0;
        }

        .single-portfolio .page-header .button {
            color: #a1a1a1;
            font-style: italic;
            margin-top: -5px;
        }

        .single-portfolio .page-title + .button { margin-top: 10px; }

        .single-portfolio .page-header a:hover { color: #f15a23; }

    .single-portfolio .image-gallery-slider { margin-bottom: 30px; }

    .single-portfolio .image-gallery-slider ul,
    .no-js .single-portfolio .image-gallery-slider li, .single-portfolio .image-gallery-slider.disabled li {
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
           -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
                box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    }

    .no-js .single-portfolio .image-gallery-slider ul, .single-portfolio .image-gallery-slider.disabled {
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }

/* ---------------------------------------------------------------------- */
/*  Contact Us
/* ---------------------------------------------------------------------- */

#map {
    border-bottom: 1px solid #c5c3c0;
    border-top: 1px solid #c5c3c0;
    margin: -41px 0 40px;
    position: relative;
    width: 100%;
}

#map, #map .wpgmappity_container { height: 440px; }

#map:before, #map:after {
    background: none;
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#map:after {
    bottom: 0;
    top: auto;
}

.wpcf7-form, #commentform { max-width: 100%; }

.wpcf7-form { margin: 0 0 0 0; }

    .wpcf7-form-control-wrap br, .wpcf7-form-control-wrap p { display: none; }

    .wpcf7-form .input-block, #commentform .input-block {
        float: left;
        margin: 0 20px 20px 0;
    }

    .wpcf7-form .input-block:nth-of-type(3n), #commentform .input-block:nth-of-type(3n) { margin-right: 0; }

    .wpcf7-form .textarea-block, #commentform .textarea-block { clear: both; }

        .wpcf7-form textarea {
            height: 150px;
            max-width: 100%;
        }

    .wpcf7-not-valid-tip {
        color: #f02932;
        display: block;
        margin: 5px 0 0;
    }

    .wpcf7-form input[type="submit"], #commentform input[type="submit"],
    .wpcf7-form input[type="reset"], #commentform input[type="reset"] {
        display: block;
        margin: 0 0 0 0;
        width: auto !important;
    }

    .wpcf7-response-output { margin: 0 0 0 0; }

/* ---------------------------------------------------------------------- */
/*  Sidebar
/* ---------------------------------------------------------------------- */

#sidebar {
    float: right;
    width: 220px;
}

.sidebar-left #sidebar { float: left; }

    /* -------------------------------------------------- */
    /*  Widgets
    /* -------------------------------------------------- */

    #sidebar .widget { margin: 0 0 50px; }

        #sidebar .widget-title {
            color: #414141;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            margin: 0 0 12px;
        }

        /* ---------------------------------------- */
        /*  List & Custom Menu
        /* ---------------------------------------- */

        .widget ul { }

        .widget_nav_menu .sub-menu { border-top: 1px dotted #ced8df; }

            .widget li {
                background: url(images/arrow-right-grey.png) no-repeat 0 11px;
                border-bottom: 1px dotted #ced8df;
                list-style: none;
                margin: 0;
            }

            .widget li:last-child { border-bottom: none; }

                .widget li a {
                    color: #868686;
                    display: block;
                    padding: 5px 0 5px 15px;
                }

                    .widget li a:hover,
                    .widget_nav_menu .current_page_item > a, .widget_nav_menu .current-menu-item > a { color: #f15a23; }

        /* ---------------------------------------- */
        /*  Recent Comments
        /* ---------------------------------------- */

        .widget .recentcomments {
            display: block;
            padding: 5px 0 5px 15px;
        }

        /* ---------------------------------------- */
        /*  Calendar
        /* ---------------------------------------- */

        .widget_calendar table { width: 100%; }

            .widget_calendar th, .widget_calendar td {
                background: none;
                border: 0;
                padding: 0;
            }

            .widget_calendar caption {
                font-size: 12px;
                margin-bottom: 10px;
                text-align: center;
            }

            .widget_calendar tr th {
                font-size: 12px;
            }
            
            .widget_calendar tr td {
                padding: 4px 6px;
                text-align: center;
            }
            
                .widget_calendar tr td#prev {
                    padding: 5px 0 0;
                    text-align:left;
                }
            
                .widget_calendar tr td#next {
                    padding: 5px 0 0;
                    text-align: right;
                }
            
                .widget_calendar tr td#today {
                    background: #f8f8f8;
                    border: 1px solid #ced8df;
                    font-weight: bold;
                }
            
                #footer .widget_calendar tr td#today {
                    background: #464646;
                    border: 1px solid #363636;
                    font-weight: bold;
                }
                
                    .widget_calendar tr td a {
                        display: inline;
                        font-weight: bold;
                        padding: 0;
                    }

        /* ---------------------------------------- */
        /*  RSS
        /* ---------------------------------------- */

        .rsswidget img { margin: 0 5px 0 0; }
        
        .widget_rss .rss-date, .widget_rss .rssSummary { padding: 0 0 0 15px; }

        .widget_rss .rss-date {
            color: #bbb;
            font-style: italic;
        }

        /* ---------------------------------------- */
        /*  Search
        /* ---------------------------------------- */

        .widget_search input[type="text"] { margin: 0 0 10px; }

        /* ---------------------------------------- */
        /*  Accordion Content
        /* ---------------------------------------- */

        #sidebar .acc-trigger a {
            background-position: 0 8px;
            font-size: 11px;
            font-weight: 400;
            padding: 12px 12px 12px 30px;
        }

        #sidebar .acc-trigger:first-of-type { border-top: none; }

        #sidebar .acc-trigger:last-of-type { border-bottom: none; }

        #sidebar .acc-trigger.active a {
            background-position: 0 -103px;
            cursor: default;
        }

        #sidebar .acc-container { margin: -5px 0 0; }

        #sidebar .acc-container:first-of-type { border-top: none; }

        #sidebar .acc-container:last-of-type { border-bottom: none; }

            #sidebar .acc-container .content { padding: 0 12px 12px 30px; }

        /* ---------------------------------------- */
        /*  Tweets
        /* ---------------------------------------- */

        ul.tweets-feed { margin: 0; }

        .tweets-feed li {
            background: url(images/icon-tweets.png) no-repeat 0 5px;
            border: none;
            display: block;
            list-style: none;
            margin: 0 0 15px;
            padding: 0 0 0 30px;
        }

            #sidebar .tweets-feed li a, #footer .tweets-feed li a {
                color: #f15a23;
                display: inline;
                padding: 0;
            }

            .tweets-feed .date { display: block; }

                #sidebar .tweets-feed li .date a, #footer .tweets-feed li .date a {
                    color: #bbb;
                    font-size: 10px;
                    font-style: italic;
                }

                #sidebar .tweets-feed li a:hover { color: #3a3a3a; }

                #footer .tweets-feed li a:hover { color: #fff; }

        /* ---------------------------------------- */
        /*  Flickr Images
        /* ---------------------------------------- */

        .flickr-feed { margin: 15px -5px 0 0; }

            .flickr-feed li {
                background: none;
                border: none;
                display: inline-block;
                list-style: none;
                margin: 0 2px 1px 0;
            }

            .ie7 .flickr-feed li {
                display: inline;
                margin: 0 5px 5px 0;
            }

                .flickr-feed li a {
                    display: inline;
                    padding: 0;
                }

                    .flickr-feed li img {
                        margin: 0;
                        height: 70px;
                        width: 70px;
                    }

/* ---------------------------------------------------------------------- */
/*  Footer
/* ---------------------------------------------------------------------- */

#footer {
    background: #3a3a3a;
    color: #868686;
    margin-top: 80px;
    padding: 35px 0 30px;
    position: relative;
}

.not-ie #footer:before {
    background: #fff;
    content: '';
    left: 50%;
    display: block;
    height: 15px;
    margin: 0 0 0 -7.5px;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: -8px;
    width: 15px;
}

    x:-o-prefocus, .not-ie #footer:before { display: none; } /* Fix for Opera */

    #footer, #footer a,
    #footer-bottom, #footer-bottom a { color: #868686; }

        #footer a:hover,
        #footer-bottom a:hover { color: #f15a23; }

    #footer .widget {
        border-bottom: 1px solid #4b4b4b;
        margin: 0 0 12px;
        padding: 0 0 12px;
    }

    #footer .widget:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

        #footer .widget-title {
            border-bottom: 1px solid #4b4b4b;
            display: block;
            font-size: 10px;
            margin: 0 0 12px;
            padding: 0 0 12px;
            text-transform: uppercase;
        }

        #footer .widget_nav_menu .sub-menu { border-top-color: #4b4b4b; }

        #footer .widget li { border-bottom-color: #4b4b4b; }

    /* -------------------------------------------------- */
    /*  Footer Navigation
    /* -------------------------------------------------- */

        #footer .widget_nav_menu ul { margin: -2px 0 0; }

            #footer .widget_nav_menu li {
                background: none;
                border: none;
                display: inline-block;
                list-style: none;
                margin: 0 -3px 0 0;
            }
            
            .ie7 #footer .widget_nav_menu li { display: inline; }
            
                #footer .widget_nav_menu li a {
                    border-left: 1px solid #484848;
                    font-size: 10px;
                    display: block;
                    padding: 0 15px;
                    text-transform: uppercase;
                }
            
                #footer .widget_nav_menu li:first-child a {
                    border-left: none;
                    padding-left: 0;
                }

                #footer .widget_nav_menu li:last-child a { padding-right: 0; }

    /* -------------------------------------------------- */
    /*  Contact Info
    /* -------------------------------------------------- */

    #footer .contact-info { }

    .contact-info { margin: 0 0 -2px; }

        .contact-info li {
            border: none;
            display: inline-block;
            list-style: none;
            margin: 0 0 5px 24px;
            padding: 0 0 0 24px;
        }
        
        #sidebar .contact-info li {
            border-bottom: 1px dotted #ced8df;
            display: block;
            margin: 0 0 5px;
            padding-bottom: 5px;
        }
        
        #sidebar .contact-info li:last-child { border-bottom: none; }

        .contact-info li:first-child { margin-left: 0; }

        .contact-info .address { background: url(images/icon-address.png) no-repeat 0 0; }

        .contact-info .phone { background: url(images/icon-phone.png) no-repeat 0 1px; }

        .contact-info .email { background: url(images/icon-email-2.png) no-repeat 0 4px; }

            .contact-info li a {
                display: inline;
                padding: 0;
            }

    /* -------------------------------------------------- */
    /*  Social Links
    /* -------------------------------------------------- */

    .social-links { margin: 0; }

        .social-links li {
            background: none;
            border: none;
            display: inline-block;
            list-style: none;
            margin: 0 0 10px 15px;
            text-indent: -9999px;
        }

        .ie7 .social-links li {
            display: inline;
            font-size: 0;
            text-indent: 0;
        }
            
        .social-links li:nth-child(6n+1) { margin-left: 0; }

        .social-links li:nth-child(6n) { margin-right: 15px; }

        .social-links li:last-child { margin-right: 0; }

            .social-links li a {
                background: url(images/icon-social-links.png) no-repeat;
                display: block;
                height: 16px;
                padding: 0;
                -webkit-transition: all 0.2s ease-out;
                   -moz-transition: all 0.2s ease-out;
                     -o-transition: all 0.2s ease-out;
                    -ms-transition: all 0.2s ease-out;
                        transition: all 0.2s ease-out;
                width: 20px;
            }

            .social-links .behance a { background-position: 0 -16px; }
                .social-links .behance a:hover { background-position: 0 0; }

            .social-links .delicious a { background-position: -35px -14px; height: 14px; }
                .social-links .delicious a:hover { background-position: -35px 0; }

            .social-links .deviantart a { background-position: -70px -16px; }
                .social-links .deviantart a:hover { background-position: -70px 0; }

            .social-links .digg a { background-position: -105px -14px; height: 14px; }
                .social-links .digg a:hover { background-position: -105px 0; }

            .social-links .dribbble a { background-position: -140px -16px; }
                .social-links .dribbble a:hover { background-position: -140px 0; }

            .social-links .dropbox a { background-position: -175px -15px; height: 15px; }
                .social-links .dropbox a:hover { background-position: -175px 0; }

            .social-links .email a { background-position: -210px -16px; }
                .social-links .email a:hover { background-position: -210px 0; }

            .social-links .facebook a { background-position: 0 -51px; }
                .social-links .facebook a:hover { background-position: 0 -35px; }

            .social-links .flickr a { background-position: -35px -51px; }
                .social-links .flickr a:hover { background-position: -35px -35px; }

            .social-links .forrst a { background-position: -70px -51px; }
                .social-links .forrst a:hover { background-position: -70px -35px; }

            .social-links .github a { background-position: -105px -51px; }
                .social-links .github a:hover { background-position: -105px -35px; }

            .social-links .google a { background-position: -140px -51px; }
                .social-links .google a:hover { background-position: -140px -35px; }

            .social-links .googleplus a { background-position: -175px -51px; }
                .social-links .googleplus a:hover { background-position: -175px -35px; }

            .social-links .ichat a { background-position: -210px -50px; height: 15px; }
                .social-links .ichat a:hover { background-position: -210px -35px; }

            .social-links .lastfm a { background-position: 0 -85px; height: 15px; }
                .social-links .lastfm a:hover { background-position: 0 -70px; }

            .social-links .linkedin a { background-position: -35px -86px; }
                .social-links .linkedin a:hover { background-position: -35px -70px; }

            .social-links .mobypicture a { background-position: -70px -86px; }
                .social-links .mobypicture a:hover { background-position: -70px -70px; }

            .social-links .myspace a { background-position: -105px -86px; }
                .social-links .myspace a:hover { background-position: -105px -70px; }
                
            .social-links .picasa a { background-position: -140px -86px; }
                .social-links .picasa a:hover { background-position: -140px -70px; }

            .social-links .plixi a { background-position: -175px -86px; }
                .social-links .plixi a:hover { background-position: -175px -70px; }

            .social-links .rss a { background-position: -210px -86px; }
                .social-links .rss a:hover { background-position: -210px -70px; }

            .social-links .skype a { background-position: 0 -121px; }
                .social-links .skype a:hover { background-position: 0 -105px; }

            .social-links .stumbleupon a { background-position: -35px -122px; height: 17px; }
                .social-links .stumbleupon a:hover { background-position: -35px -105px; }

            .social-links .tumblr a { background-position: -70px -120px; height: 15px; }
                .social-links .tumblr a:hover { background-position: -70px -105px; }
                
            .social-links .twitter a { background-position: -105px -120px; height: 15px; }
                .social-links .twitter a:hover { background-position: -105px -105px; }
                
            .social-links .vimeo a { background-position: -140px -120px; height: 15px; }
                .social-links .vimeo a:hover { background-position: -140px -105px; }
                
            .social-links .youtube a { background-position: -175px -120px; height: 15px; }
                .social-links .youtube a:hover { background-position: -175px -105px; }
                
            .social-links .pinterest a { background-position: -210px -121px; }
                .social-links .pinterest a:hover { background-position: -210px -105px; }

    /* -------------------------------------------------- */
    /*  Forms
    /* -------------------------------------------------- */

    #footer input[type="text"], #footer textarea, #footer select {
        background-color: #464646;
        border: 1px solid #484848;
        color: #868686;
    }
        
        #footer input[type="text"]:hover, #footer textarea:hover, #footer select:hover { border-color: #3b3b3b; }
        
        #footer input[type="text"]:focus, #footer textarea:focus, #footer select:focus { border-color: #333; }

    /* Chrome, Safari */
    #footer input::-webkit-input-placeholder, #footer textarea::-webkit-input-placeholder { color: #6e6e6e; }

    /* Firefox */
    #footer input:-moz-placeholder, #footer textarea:-moz-placeholder { color: #6e6e6e; }

    /* jQuery fallback */
    #footer input.placeholder, #footer textarea.placeholder, #footer .wpcf7 .watermark { color: #6e6e6e; }

    /* -------------------------------------------------- */
    /*  Misc Elements
    /* -------------------------------------------------- */

    #footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover {
        background: #ddd;
        color: #3a3a3a;
    }

    #footer .button.no-bg { color: #ddd; }

    #footer .button .arrow { background-color: #3a3a3a; }

    #footer blockquote { background-color: #464646;}

        #footer blockquote.simple {
            background: none;
            border-left-color: #484848;
            color: #868686;
        }

    #footer .infobox {
        background: #464646;
        border-color: #363636;
    }

    #footer .infobox, #footer .infobox * { color: #868686; }

/* ---------------------------------------------------------------------- */
/*  Footer Bottom
/* ---------------------------------------------------------------------- */

    #footer-bottom {
        line-height: 17px;
        padding: 0px;
    }
    #footer-bottom.socialmedia .container {
        text-align: center;
    }
    #footer-bottom.socialmedia .container img {
        width: 35px;
    }

    #footer-bottom ul { margin: 0; }

        #footer-bottom li {
            list-style: none;
            margin: 0px 0px 3px 0px;
            font-size: 13px;
        }
            
             #footer-bottom li:first-child { }
            
            #footer-bottom li a { }

             #footer-bottom li:first-child a { }

                #footer-bottom li:last-child a { }

/* ---------------------------------------------------------------------- */
/*  Media Queries
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

    /* -------------------------------------------------- */
    /*  Pricing Tables > Tooltip
    /* -------------------------------------------------- */

    .simple-pricing-table .features li[data-tooltip],
    .extended-pricing-table .features li[data-tooltip] { cursor: help; }

    .ie7 .simple-pricing-table .features li[data-tooltip],
    .ie7 .extended-pricing-table .features li[data-tooltip] { cursor: auto; }

        .simple-pricing-table .features li[data-tooltip]:hover,
        .extended-pricing-table .features li[data-tooltip]:hover { color: #54555a; }

    /* Tooltip container */
    .simple-pricing-table .features li[data-tooltip]:before,
    .extended-pricing-table .features li[data-tooltip]:before {
        background: #fff8de;
        border: 1px solid #fee5a2;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
           -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
                box-shadow: 0 0 10px rgba(0, 0, 0, .10);
        bottom: 0;
        color: #7b7b7b;
        content: attr(data-tooltip) !important; 
        font-size: 11px;
        left: 9px;
        line-height: 1.5;
        opacity: 0;
        padding: 5px 10px;
        position: absolute;
        text-align: center;
        -webkit-transition: all .2s ease-in-out;
           -moz-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
             -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
        width: 143px;
        z-index: 98;

    }

    .simple-pricing-table .features li[data-tooltip]:before {
        left: 10px;
        width: 192px;
    }

    .extended-pricing-table .features-list .features li[data-tooltip]:before {
        left: 10px;
        text-align: left;
        width: 158px;
    }

        .simple-pricing-table .features li[data-tooltip]:hover:before,
        .extended-pricing-table .features li[data-tooltip]:hover:before {
            bottom: 100%;
            opacity: 1;
        }

    /* Tooltip arrow */
    .not-ie .simple-pricing-table .features li[data-tooltip]:after,
    .not-ie .extended-pricing-table .features li[data-tooltip]:after {
        background: #fff8de;
        border-bottom: 1px solid #fee5a2;
        border-right: 1px solid #fee5a2;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
           -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
                box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
        bottom: 0;
        content: '';
        display: block;
        height: 10px;
        left: 50%;
        margin: 0 0 0 -5px;
        opacity: 0;
        position: absolute;
        -webkit-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
             -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transition: all .2s ease-in-out;
           -moz-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
             -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
        width: 10px;
        z-index: 99;
    }

        .simple-pricing-table .features-list .features li[data-tooltip]:after,
        .extended-pricing-table .features-list .features li[data-tooltip]:after {
            left: 22px;
            margin-left: 0;
        }

        .not-ie .simple-pricing-table .features li[data-tooltip]:hover:after,
        .not-ie .extended-pricing-table .features li[data-tooltip]:hover:after {
            bottom: 30px;
            opacity: 1;
        }

        .simple-pricing-table .features li[data-tooltip]:hover:after { bottom: 24px !important; }

    .ie8 .simple-pricing-table .features li[data-tooltip]:before,
    .ie8 .simple-pricing-table .features li[data-tooltip]:after,
    .ie8 .extended-pricing-table .features li[data-tooltip]:before,
    .ie8 .extended-pricing-table .features li[data-tooltip]:after { display: none; }

        .ie8 .simple-pricing-table .features li[data-tooltip]:hover:before,
        .ie8 .extended-pricing-table .features li[data-tooltip]:hover:before { display: block; }

    /* -------------------------------------------------- */
    /*  Home > Slider
    /* -------------------------------------------------- */
    
    .ss-slider .slides-container { display: block; }

    .ss-slider .slide-images-container { display: none; }

}
    
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

    .overview .one-fifth {
        margin-bottom: 0px;
        margin-right: 0px;
        width: calc(50% - 0px);
    }
        .bg.one-fifth {
            height: 120%;
            width: 100%;
            float: none;            
            margin-right: 0px;
        }
        .overview.influencer .one-fifth {
            height: 370px;
        }

    .overview .one-fifth:first-of-type {
        width: 100%;
    }
        .overview.influencer .one-fifth:first-of-type {
            height: 700px;
        }

    .overview .one-fifth:nth-of-type(2n+1) {
        float: right;
    }

    .services.one-half, .services.one-third, .services.two-third {
        min-height: 300px;
    }

  .extra-service {
    display: block;
  }
  .included, .we-buy-your-car {
    width: 100%;
  }


    /* -------------------------------------------------- */
    /*  Home > Slider
    /* -------------------------------------------------- */
    
    .ss-slider .slides-container { display: none; }

    .ss-slider .slide-images-container { display: block; }
    
    .ss-slider .slide-bg-image { display: none; }
    
    .ss-slider .slide-bg-image:first-child, .no-js.ss-slider .slide-bg-image { display: block; }

        /* ---------------------------------------- */
        /*  Button
        /* ---------------------------------------- */

        .no-js .ss-slider .slide-button { width: 100% !important; }

        .ss-slider .slide-button { width: 50% !important; }
        
        .ss-slider.fully-loaded  .slide-button.active { border-top-color: #f15a23; }
        
        /* ---------------------------------------- */
        /*  Content & Pagination
        /* ---------------------------------------- */

        .ss-slider .content-container.center, .ss-slider .pagination-container.center a { top: 95px; }
        
        /* ---------------------------------------- */
        /*  Active Slide Bar
        /* ---------------------------------------- */

        .ss-slider .active-slide-bar { display: none; }
        
    /* -------------------------------------------------- */
    /*  Header
    /* -------------------------------------------------- */

    #logo { max-height: 100%; }

    /* -------------------------------------------------- */
    /*  Content
    /* -------------------------------------------------- */

    #content img {
        height: auto;
        max-width: 100%;
    }
    
    /* -------------------------------------------------- */
    /*  Widgets > Content Tabs
    /* -------------------------------------------------- */

    .tabs-nav li { float: none; }

    .tabs-nav li,
    .tabs-nav li.active { line-height: 32px; }

        .tabs-nav li a {
            border-left: 1px solid #eaeaea;
            border-top: none;
        }

        .tabs-nav li:first-child a { border-top: 1px solid #eaeaea; }
        
            .tabs-nav li.active a { border-bottom: 1px solid #eaeaea; }

    /* -------------------------------------------------- */
    /*  Simple Pricing Table
    /* -------------------------------------------------- */

    .simple-pricing-table .column { margin-bottom: 20px !important; }

    /* -------------------------------------------------- */
    /*  Extended Pricing Table
    /* -------------------------------------------------- */

    .extended-pricing-table .features li:before {
        color: #7b7b7b;
        content: attr(data-feature) ':' !important;
        display: block;
        font-weight: 700;
        text-align: center;
    }

    .extended-pricing-table .features-list { display: none; }

    /* -------------------------------------------------- */
    /*  Potrfolio
    /* -------------------------------------------------- */

    #portfolio-items-filter {
        float: none;
        margin: 0 0 20px;
    }

        #portfolio-items-filter li:first-child { display: none !important; }

        #portfolio-items-filter a { display: block !important; }

        /* ---------------------------------------- */
        /* Single Project
        /* ---------------------------------------- */

        .portfolio-pagination {
            float: none;
            margin-bottom: 20px;
            margin-top: 0;
        }

        .portfolio-pagination .button { margin-bottom: 0 !important; }

            .single-portfolio .page-header .button {
                margin-bottom: 20px;
                margin-top: 0;
            }

    /* -------------------------------------------------- */
    /*  Footer
    /* -------------------------------------------------- */

        /* ---------------------------------------- */
        /*  Contact Info
        /* ---------------------------------------- */

        .contact-info li {
            border-bottom: 1px dotted #4b4b4b;
            display: block;
            margin-left: 0;
            padding-bottom: 5px;
        }
        
        .contact-info li:last-child { border-bottom: none; }

        /* ---------------------------------------- */
        /*  Social Links
        /* ---------------------------------------- */

        .social-links li:nth-child(6n+1) { margin-left: 15px; }

        .social-links li:nth-child(6n) { margin-right: 0; }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    #top .tel p {
        background-size: 30px auto;
        background-position: 15px 1px;
    }

    #top .tel {
        font-size: 20px;
    }

    #ablauf .right {
        width: 77%;
        min-height: 204px;
    }

    #top .wpcf7-form select {
        background-position: right 17px center !important;
    }

        
    /* -------------------------------------------------- */
    /*  Basic Elements & Classes
    /* -------------------------------------------------- */

    .infobox .one-half { width: 338px; }

    .infobox .one-third { width: 218px; }

         .infobox .two-third { width: 458px; }

    .infobox .one-fourth { width: 159px; }

        .infobox .three-fourth { width: 517px; }

    /* -------------------------------------------------- */
    /*  Wrap
    /* -------------------------------------------------- */

    /* .container { width: 748px; } */

        /* ---------------------------------------- */
        /*  Columns
        /* ---------------------------------------- */

        .one-half { width: 364px; }

        .one-third { width: 236px; }

        .two-third { width: 492px; }

        .one-fourth { width: 172px; }

        .three-fourth { width: 556px; }

    /* -------------------------------------------------- */
    /*  Content > Main
    /* -------------------------------------------------- */

        #main { width: 488px; }
        
        /* ---------------------------------------- */
        /*  Columns
        /* ---------------------------------------- */

        #main .one-half { width: 234px; }

        #main .one-third { width: 149px; }

            #main .two-third { width: 319px; }

        #main .one-fourth { width: 107px; }

            #main .three-fourth { width: 361px; }
        
    /* -------------------------------------------------- */
    /*  Header
    /* -------------------------------------------------- */

    #header { }

    #logo { }

        /* ---------------------------------------- */
        /*  Main Navigation
        /* ---------------------------------------- */

            #main-nav a { /*! padding: 26px 20px; */ }

            #main-nav a:after {
                content: '';
                display: none;
            }

            .no-js #main-nav li:hover > ul, #main-nav ul ul { top: 78px; }
    
    /* -------------------------------------------------- */
    /*  Widgets
    /* -------------------------------------------------- */
        
        /* ---------------------------------------- */
        /*  Accordion Content
        /* ---------------------------------------- */
            
        .acc-container .content .one-half { width: 326px; }

        .acc-container .content .one-third { width: 211px; }

             .acc-container .content .two-third { width: 442px; }

        .acc-container .content .one-fourth { width: 153px; }

            .acc-container .content .three-fourth { width: 500px; }

        /* ---------------------------------------- */
        /*  Content Tabs
        /* ---------------------------------------- */

        .tab-content .one-half { width: 344px; }

        .tab-content .one-third { width: 222px; }

             .tab-content .two-third { width: 466px; }

        .tab-content .one-fourth { width: 162px; }

            .tab-content .three-fourth { width: 526px; }
            
    /* -------------------------------------------------- */
    /*  Home
    /* -------------------------------------------------- */

        /* ---------------------------------------- */
        /*  Simple Pricing Table
        /* ---------------------------------------- */

        .simple-pricing-table .column { width: 746px; }

        .simple-pricing-table .column.featured { width: 736px; }

        .simple-pricing-table.col2 .column { width: 372px; }
        .simple-pricing-table.col3 .column { width: 248px; }
        .simple-pricing-table.col4 .column { width: 185px; }
        .simple-pricing-table.col5 .column { width: 148px; }

        .simple-pricing-table.col2.featured .column { width: 354px; }
        .simple-pricing-table.col3.featured .column { width: 235px; }
        .simple-pricing-table.col4.featured .column { width: 178px; }
        .simple-pricing-table.col5.featured .column { width: 142px; }

        .simple-pricing-table.col2 .column.featured { width: 382px; }
        .simple-pricing-table.col3 .column.featured { width: 265px; }
        .simple-pricing-table.col4 .column.featured { width: 199px; }
        .simple-pricing-table.col5 .column.featured { width: 165px; }

        /* ---------------------------------------- */
        /*  Extended Pricing Table
        /* ---------------------------------------- */

        .extended-pricing-table .column { width: 748px; }

        .extended-pricing-table.col2 .column { width: 374px; }
        .extended-pricing-table.col3 .column { width: 249px; }
        .extended-pricing-table.col4 .column { width: 187px; }
        .extended-pricing-table.col5 .column { width: 149px; }

        /* ---------------------------------------- */
        /*  Projects Carousel & Post Carousel
        /* ---------------------------------------- */

        .projects-carousel > li, .post-carousel > li { width: 236px; }

        /* ---------------------------------------- */
        /*  Post Carousel
        /* ---------------------------------------- */
            
        #content .post-carousel .entry-body { width: 191px; }

    /* -------------------------------------------------- */
    /*  Blog
    /* -------------------------------------------------- */

    .entry-body { width: 618px; }

    #main .entry-body { width: 358px; }

        /* ---------------------------------------- */
        /*  Comments
        /* ---------------------------------------- */

        .comment .comment-body, .comment .comment-meta { width: 679px; }

            #main .comment .comment-body, #main .comment .comment-meta { width: 419px; }

            .commentlist .children { padding: 0 0 0 55px; }

                .commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 624px; }
                .commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 569px; }
                .commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 514px; }
                .commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 459px; }

                #main .commentlist .children .depth-2 .comment-body, #main .commentlist .children .depth-2 .comment-meta  { width: 364px; }
                #main .commentlist .children .depth-3 .comment-body, #main .commentlist .children .depth-3 .comment-meta  { width: 309px; }
                #main .commentlist .children .depth-4 .comment-body, #main .commentlist .children .depth-4 .comment-meta  { width: 254px; }
                #main .commentlist .children .depth-5 .comment-body, #main .commentlist .children .depth-5 .comment-meta  { width: 199px; }

        /* ---------------------------------------- */
        /*  Respond
        /* ---------------------------------------- */

        #commentform input { width: 214px; }

        #main #commentform input { width: 127px; }

            .commentlist .children .depth-2 #commentform input { width: 195px; }
            .commentlist .children .depth-3 #commentform input { width: 177px; }
            .commentlist .children .depth-4 #commentform input { width: 159px; }

            #main .commentlist .children .depth-2 #commentform input,
            #main .commentlist .children .depth-2 #commentform textarea { width: 411px; }
            #main .commentlist .children .depth-3 #commentform input,
            #main .commentlist .children .depth-3 #commentform textarea  { width: 356px; }
            #main .commentlist .children .depth-4 #commentform input,
            #main .commentlist .children .depth-4 #commentform textarea { width: 301px; }

        #commentform textarea { width: 726px; }

        #main #commentform textarea { width: 465px; }

    /* -------------------------------------------------- */
    /*  Contact Us
    /* -------------------------------------------------- */

    #map, #map .wpgmappity_container { height: 340px !important; }

    /* -------------------------------------------------- */
    /*  Footer > Social Links
    /* -------------------------------------------------- */
                
    .social-links li:nth-child(5n+1) { margin-left: 0; }

    .social-links li:nth-child(5n) { margin-right: 10px; }

}

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

    section#cars-in-stock {
      padding: 60px 30px;
    }
    section#car-detail {
      padding: 30px;
    }
    #header {
        padding: 30px 30px;
    }
    
    #leasing-request .container.flex,
    #purchase-car .container.flex,
    .container.flex {
        display: block;
    }

    .filter-options {
        gap: 7px 30px;
    }
    .filter-option {
        gap: 20px;
        padding: 0px 20px;
        width: 100%;
    }
    .filter-option svg {
        width: 34px;
        height: auto;
        padding: 6px;
        border-radius: 3rem;
    }
    select.toggle {
        flex: 1 1 auto;
    }
    
    #leasing-request .calculator,
    .happy-drive-package {
        margin-top: 60px;
    }
    
    .alphera {
        background-position: bottom 40px center;
        padding-bottom: 130px !important;
    }  
    .f50, .f25 {
        width: 100%;
    }
    .f50 img {
        object-fit: unset;
        height: auto;
    }
    .horizontal ul li {
        flex: 0 1 calc(50% - 30px);
    }

    .col-12.col-sm-6 {
        flex: 0 0 100%;
    }  
    .col-12.col-md-6.mb-3 {
        flex: 1 1 calc(50% - 10px);
    }
    .col-12.col-sm-6.col-md-4.mb-3 {
        flex: 0 0 50%;
    }
    .eq2 .row {
        display: block;
    }
    .container.flex img {
        margin-bottom: 10px;
    }
    .image-box {
        width: 90%;
    }
    #webuycars .container {
        background-position: top 20px right 20px;
        background-size: 150px;
    }
    #webuycars .container p {
        width: 100%;
    }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

  #services .service-col {
    flex: 1 1 auto;
  }

    .active {
        transform: translate3d(-100%, 0px, 0px);
        transition: transform 1s cubic-bezier(0.16, 1.08, 0.38, 0.98) 0s, -webkit-transform 1s cubic-bezier(0.16, 1.08, 0.38, 0.98) 0s;
    }

    .close {
        right: 20px;
    }

    .grad-10 .gradient {
        background: linear-gradient(transparent 10%, #000000);
    }

    .grad-25 .gradient {
        background: linear-gradient(transparent 25%, #000000);
    }

    .inner-container.hero {
        padding: 50px;
        bottom: 0px;
        /* top: 140px; */
        bottom: 20%;
        text-align: left;
    }

    .inner-container.hero .breakline {
        margin: 0px 0px 20px 0px;
    }

    /*.hero .title {
        font-size: 32px;
        line-height: 28px;
    }*/

    .inner-container { bottom: 5%; }

    .services.one-half, .services.one-third, .services.two-third {
        min-height: auto;
    margin-bottom: 0px;
    }

    #s_04 .services.one-fourth {
        text-align: center;
    }

    #s_04 .services.one-fourth img {
        width: 50%;
    }

    #prod, #ig, #im { min-height: 120%; }

    #top .two-third .content {
        padding-right: 0px;
    }

    .stats .title {
        font-size: 30px;
        line-height: 38px;
    }

    section#stats { 
        text-align: left;
    }

    p.stats {
        float: none;
        width: 100%;
    }

    ul.cats li { 
        float: none;
        width: 100%;
    }

    #leistungen img.one-fourth {
        display: block !important;
        margin: auto auto 40px !important;
        padding-top: 0px;
    }

    #leistungen .content h3 {
        text-align: center;
    }
    #leistungen .content .breakline {
        margin-left: auto;
        margin-right: auto;
    }

    #kontakt { }

    .overview.influencer .one-fifth { 
        height: 240px;
    }
    .overview.influencer .one-fifth:first-child { 
        height: 100%;
    }

    input.wpcf7-text, textarea.wpcf7-textarea {
        width: 100%;
    }

    section.highlight {
       height: 120%;
       position: relative;
    }
    section.highlight .container {
        bottom: 15%;
        padding: 6%;
        position: absolute;
        width: 80%;
    }
  
  .input-row {
    flex: 0 0 100%;
    /*! flex-wrap: wrap !important; */
    /*! flex-direction: row !important; */
    margin-bottom: 10px;
  }
  
  .input-fields {
    flex-direction: column;
  }

    /* -------------------------------------------------- */
    /*  Basic Elements & Classes
    /* -------------------------------------------------- */

    .infobox .one-half,
    .infobox .one-third,
    .infobox .two-third,
    .infobox .one-fourth,
    .infobox .three-fourth { width: 248px; }

    .fluid-width-video-wrapper { margin-bottom: 10px; }
            
    /* -------------------------------------------------- */
    /*  Generic Classes
    /* -------------------------------------------------- */

    .align-left, .align-right { float: none; }
        
    /* -------------------------------------------------- */
    /*  Wrap
    /* -------------------------------------------------- */

    .container { /*! width: 300px; */ }

        /* ---------------------------------------- */
        /*  Columns
        /* ---------------------------------------- */

        .one-half, .one-third, .two-third, .one-fourth, .three-fourth {
            float: none;
            margin-right: 0;
            margin-bottom: 30px;
        }

        .one-half, #main .one-half,
        .one-third, #main .one-third,
        .two-third, #main .two-third,
        .one-fourth, #main .one-fourth,
        .three-fourth, #main .three-fourth { width: 300px; }

        .one-fifth { width: 100px; }
        
    /* -------------------------------------------------- */
    /*  Header
    /* -------------------------------------------------- */

    #header { /*! height: auto; */ }

        #logo {
            /* display: block;
            float: none;
            text-align: center; */
        }

        #top .wpcf7-form select {
            background-position: right 25px center !important;
        }

        /* ---------------------------------------- */
        /*  Main Navigation
        /* ---------------------------------------- */

        #main-nav {
            /*! float: none; */
            /*! margin: 10px 0 20px; */
        }

            #main-nav li { width: 50%; }

                #main-nav a {
                    border-bottom-color: #efefef;
                    padding: 0px 20px 0px 0px;
                }

                #main-nav > ul > li:last-child a { border-bottom-color: transparent; }

                #main-nav > ul > .current:last-child a { border-bottom-color: #f15a23; }

                #main-nav ul ul { width: 100%; }

                .no-js #main-nav li:hover > ul, #main-nav ul ul { top: 72px; }

                    #main-nav ul ul li { width: auto; }

                        #main-nav ul ul li:first-child > a { border-top: none; }

                        #main-nav ul ul li:last-child > a { border-bottom: none; }

                        #main-nav ul ul ul {
                            border-bottom: 1px solid #252525;
                            -webkit-box-shadow: none;
                               -moz-box-shadow: none;
                                    box-shadow: none;
                            display: block !important;
                            left: 0 !important;
                            margin: 0;
                            top: 0 !important;
                            position: relative;
                        }

                        #main-nav ul ul li:last-child ul {
                            border-top: 1px solid #252525;
                            border-bottom: none;
                        }

                            #main-nav ul ul ul a { padding-left: 30px; }

                                #main-nav ul ul ul li:first-child a { border-top: 1px solid #4c4c4c; }
                        
    /* -------------------------------------------------- */
    /*  Content > Main
    /* -------------------------------------------------- */

    #main {
        border-bottom: 1px solid #efefef;
        float: none;
        margin-right: 0;
        padding-bottom: 20px;
        width: 100%;
    }

    /* -------------------------------------------------- */
    /*  Image Gallery Slider
    /* -------------------------------------------------- */
    
    .image-gallery-slider { margin-bottom: 10px; }
    
    /* -------------------------------------------------- */
    /*  Widgets
    /* -------------------------------------------------- */
        
        /* ---------------------------------------- */
        /*  Accordion Content
        /* ---------------------------------------- */
        
        .acc-container .content .one-half,
        .acc-container .content .one-third,
        .acc-container .content .two-third,
        .acc-container .content .one-fourth,
        .acc-container .content .three-fourth { width: 225px; }
                
        /* ---------------------------------------- */
        /*  Content Tabs
        /* ---------------------------------------- */
                
        .tab-content .one-half,
        .tab-content .one-third,
        .tab-content .two-third,
        .tab-content .one-fourth,
        .tab-content .three-fourth { width: 260px; }

    /* -------------------------------------------------- */
    /*  Extended Pricing Table
    /* -------------------------------------------------- */

    .extended-pricing-table .column { margin-bottom: 20px; }

    .extended-pricing-table .column.featured { margin-bottom: 10px; }

    /* -------------------------------------------------- */
    /*  Home > Slider
    /* -------------------------------------------------- */

        .ss-slider.fully-loaded, .ss-slider.fully-loaded .slide-images-container { background: #fff url(images/loader.gif) no-repeat center 50%; }
    
        /* ---------------------------------------- */
        /*  Button
        /* ---------------------------------------- */
        
        .js .ss-slider .buttons-container { display: none; }
        
        /* ---------------------------------------- */
        /*  Content
        /* ---------------------------------------- */
        
        .ss-slider .content-container, .ss-slider:hover .content-container, .no-js .ss-slider .slide-content { display: none; }
        
        /* ---------------------------------------- */
        /*  Pagination
        /* ---------------------------------------- */

        .ss-slider .pagination-container a {
            background-color: rgba(241, 90, 35, 0.6);
            background-image: url(images/slider-arrows-medium.png) !important;
            bottom: 50% !important;
            height: 49px !important;
            margin: 0 0 -25px 0 !important;
            filter: alpha(opacity=60) !important; /* Fallback for old IE */
            opacity: 1 !important;
            right: auto !important;
            top: auto !important;
            width: 25px !important;
        }

        .ss-slider .pagination-container .prev {
            background-position: -7px center !important;
            left: 0 !important;
            right: auto !important;
        }

        .ss-slider .pagination-container .next {
            background-position: -46px center !important;
            left: auto !important;
            right: 0 !important;
        }

            .ss-slider .pagination-container a:hover {
                background-color: rgba(241, 90, 35, 1);
                filter: alpha(opacity=100); /* Fallback for old IE */
            }

    /* -------------------------------------------------- */
    /*  Blog
    /* -------------------------------------------------- */

    .entry-image, .entry-video, .entry-audio { margin-bottom: 10px; }

    .single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 0; }

    .hentry .entry-body, #main .entry-body {
        float: none;
        margin: 0;
        width: 100%;
    }

    .hentry .entry-meta {
        border-bottom: 1px solid #efefef;
        border-top: 1px solid #efefef;
        float: none;
        margin: 10px 0;
        padding: 4px 0;
        text-align: left;
        width: 100%;
    }

        .hentry .entry-meta ul { }

            .hentry .entry-meta li {
                border-left: 1px solid #efefef;
                display: inline-block;
                padding: 0 10px;
            }

            .hentry .entry-meta li:first-child {
                border-left: none;
                padding-left: 0;
            }

            .hentry .entry-meta li:last-child { padding-right: 0; }

            .hentry .entry-meta li .title { display: block; }

                .hentry .entry-meta .post-format {
                    background: none;
                    height: auto;
                    margin: 0;
                    text-indent: 0;
                    width: auto;
                }

                    .hentry .entry-meta a:hover > .post-format { background: none; }

    /* ---------------------------------------- */
    /*  Respond
    /* ---------------------------------------- */

    .commentlist .children .depth-2 #commentform input, .commentlist .children .depth-2 #commentform textarea { width: 358px !important; }
    .commentlist .children .depth-3 #commentform input, .commentlist .children .depth-3 #commentform textarea { width: 318px !important; }
    .commentlist .children .depth-4 #commentform input, .commentlist .children .depth-4 #commentform textarea { width: 278px !important; }

    .form-allowed-tags { display: none; }

    /* -------------------------------------------------- */
    /*  Contact Us
    /* -------------------------------------------------- */

    .wpcf7-form .input-block, #commentform .input-block {
        float: none;
        margin: 0 0 20px 0;
    }

        .wpcf7-form input, #commentform input,
        .wpcf7-form textarea, #commentform textarea { }

    /* -------------------------------------------------- */
    /*  Sidebar
    /* -------------------------------------------------- */

    #sidebar {
        float: none;
        margin-top: 40px;
        width: 100%;
    }

    /* -------------------------------------------------- */
    /*  Footer
    /* -------------------------------------------------- */

    .not-ie #footer .container:after { top: -56px; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    #top .two-third .content {
        padding-right: 0px;
    }

    .stats .title {
        font-size: 43px;
        line-height: 50px;
    }

    /* -------------------------------------------------- */
    /*  Basic Elements & Classes
    /* -------------------------------------------------- */

    .infobox .one-half,
    .infobox .one-third,
    .infobox .two-third,
    .infobox .one-fourth,
    .infobox .three-fourth { width: 368px; }
        
    /* -------------------------------------------------- */
    /*  Wrap
    /* -------------------------------------------------- */

    .container { /*! width: 420px; */ }

        /* ---------------------------------------- */
        /*  Columns
        /* ---------------------------------------- */

        .one-half, .one-third, .two-third, .one-fourth, .three-fourth {
            float: none;
            margin-right: 0;
            margin-bottom: 30px;
        }

        .one-half, #main .one-half,
        .one-third, #main .one-third,
        .two-third, #main .two-third,
        .one-fourth, #main .one-fourth,
        .three-fourth, #main .three-fourth { width: 420px; }

        .one-fifth { width: 140px; }
        
    /* -------------------------------------------------- */
    /*  Widgets
    /* -------------------------------------------------- */
        
        /* ---------------------------------------- */
        /*  Accordion Content
        /* ---------------------------------------- */
        
        .acc-container .content .one-half,
        .acc-container .content .one-third,
        .acc-container .content .two-third,
        .acc-container .content .one-fourth,
        .acc-container .content .three-fourth { width: 345px; }
                
        /* ---------------------------------------- */
        /*  Content Tabs
        /* ---------------------------------------- */
                
        .tab-content .one-half,
        .tab-content .one-third,
        .tab-content .two-third,
        .tab-content .one-fourth,
        .tab-content .three-fourth { width: 380px; }
        
    /* -------------------------------------------------- */
    /*  Home
    /* -------------------------------------------------- */

        /* ---------------------------------------- */
        /*  Simple Pricing Table
        /* ---------------------------------------- */

        .simple-pricing-table .column { width: 418px; }

            .simple-pricing-table .column.featured { width: 408px; }

        .simple-pricing-table.col2 .column { width: 208px !important; }
        .simple-pricing-table.col3 .column,
        .simple-pricing-table.col4 .column, .simple-pricing-table.col5 .column { width: 204px !important; }

        /* ---------------------------------------- */
        /*  Extended Pricing Table
        /* ---------------------------------------- */

        .extended-pricing-table .column { width: 420px; }

        .extended-pricing-table.col2 .column, .extended-pricing-table.col3 .column,
        .extended-pricing-table.col4 .column, .extended-pricing-table.col5 .column { width: 210px; }

        /* ---------------------------------------- */
        /*  Projects Carousel & Post Carousel
        /* ---------------------------------------- */

        .projects-carousel > li, .post-carousel > li { width: 200px; }

        /* ---------------------------------------- */
        /*  Post Carousel
        /* ---------------------------------------- */
        
        #content .post-carousel .entry-body { width: 155px; }

    /* -------------------------------------------------- */
    /*  Blog > Comments
    /* -------------------------------------------------- */

    .comment .comment-body, .comment .comment-meta { width: 351px !important; }

        .commentlist .children { padding: 0 0 0 40px; }

            .commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 311px !important; }
            .commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 271px !important; }
            .commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 231px !important; }
            .commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 191px !important; }
            
    /* -------------------------------------------------- */
    /*  Contact Us
    /* -------------------------------------------------- */

    #map, #map .wpgmappity_container { height: 240px !important; }

    /* -------------------------------------------------- */
    /*  Footer
    /* -------------------------------------------------- */

        /* ---------------------------------------- */
        /*  Contact Info
        /* ---------------------------------------- */

        .contact-info { margin-bottom: 20px; }

        /* ---------------------------------------- */
        /*  Social Links
        /* ---------------------------------------- */
                
        .social-links li:nth-child(12n+1) { margin-left: 0; }

        .social-links li:nth-child(12n) { margin-right: 15px; }

}


@media only screen and (max-width: 666px) {
  
  .icon img {
    padding: 8px;
    width: 85px;
  }
  
  .icon {
    padding: 0px 5px;
  }

  .footer-bar-fix {
    width: 90%;
    padding: 10px;
  }

  .header-ratings {
    text-align: center;
    display: block;
    border-radius: 1rem;
    width: 90%;
    padding: 20px;
  }

  .ratings-result {
    margin-bottom: 10px;
  }

    .show-more-cars.flex {
        margin-top: 30px;
    }
    
  #webuycars a.button,
  #leasing-calculator a.button,
  #leasing-calculator button,
  #send-purchase-request {
      width: 100%;
      text-align: center;
      padding: 20px;
  }

  #webuycars .container {
    padding: 60px 60px 30px 60px;
  }

  #main-nav {
    padding: 3em 2em;
  }

  #main-nav ul li a {
    font-size: 22px;
  }

  #main-nav ul.menu-list li {
    line-height: 20px;
    padding: 2px 0px;
  }

  #main-nav ul.contact-desc li,
  #main-nav ul.contact-desc li a {
    font-size: 16px;
  }
  
}

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

    .badge { top: -40px; }
    .badge img { width: 40px; }
    .badge img.model-3d { width: 42px; }

}

@media (hover: none) and (pointer: coarse) and  (max-width: 500px) {

    img.closeBtn {
        display: block;
        position: absolute;
        top: -10px;
        right: -10px;
        width: 30px;
    }
    img.closeBtn:hover {
        cursor: pointer;
    }

}

@media only screen and (max-width: 500px) {
  
    .col-12.col-sm-6.col-md-4.mb-3 {
        flex: 0 0 100%;
    }

    a#mail-sent-ok.right {
        float: unset;
        display: block;
        text-align: center;
    }

    .home #top {
        margin-bottom: 0px;
    }

    .icons {
        display: block;
        z-index: 2;
    }
    .icon {
        display: none;
        padding: 0px 2px;
    }

    body:not(.home) .inline-padding {
        padding: 0px 15px 20px;
    }  
    .inline-padding {
        padding: 0px 0px 30px 0px;
    }
    .inline-padding section#top {
        border-radius: 0px;
    }
    .inline-padding header#header {
        padding: 40px 40px;
    }
    .inline-padding-footer {
        padding: 0px 10px;
    }

    .inline-padding.padding-40 {
        padding: 30px 15px !important;
    }

    .grid-container.flex {
        display: block;
        margin: 0 auto 50px auto;
    }
    .grid-column {
        margin-bottom: 40px;
    }
    .horizontal ul li {
        flex: 0 1 100%;
    }

    .services.full-width {
        margin-bottom: 20px;
    }

    .services.full-width.last {
        margin-bottom: 0px;
    }

    .container.grid {
        display: block;
    }

    #social-media .flex {
        display: block;
        background-color: unset;
        max-width: 1240px;
        margin: 0 auto;
        padding: 15px 50px;
        border: none;
        border-radius: unset;
        gap: unset;
        text-align: center;
    }
    .followoutrun, .socialmedia {
        flex: unset;
        text-align: center;
    }
    .followoutrun {
        margin-bottom: 10px;
    }
    #cars-in-stock .services.one-third {
        margin-bottom: 40px;
    }
    #leasing-request .container,
    #purchase-car .container,
    #webuycars .container {
        padding: 40px;
    }
    .happy-drive-package ul li {
        flex: 1 1 auto;
    }
  
}

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

    .col-12.col-md-6.mb-3 {
      /* flex: 1 1 100%; */
  }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    #top .container h1 {
        /* font-size: 44px !important;
        line-height: 40px !important; */
        font-size: 29px;
        line-height: 26px;
    }
    .sub-header h2.titel,
    .sub-header .title-2 {
        font-size: 17px;
        line-height: 19px;
    }
    
    .sub-header h1,
    .sub-header .title {
        font-size: 34px;
        line-height: 29px;
    }

    .overview .one-fifth {
        margin-bottom: 0px;
        width: 100%;
    }
        .overview.influencer .one-fifth {
            height: 300px;
        }

    .overview.influencer .one-fifth:first-of-type {
        height: 300px;
    }

    .one-fifth {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }



    /* -------------------------------------------------- */
    /*  Header > Main Navigation
    /* -------------------------------------------------- */

    #main-nav li { width: 100%; }

        #main-nav a { /*! padding: 18px; */ }

            #main-nav a:after, #main-nav > ul { /*! display: none; */ }
            #main-nav a:after { content: ''; }

        .no-js #main-nav > ul, #main-nav .responsive-nav { display: block; }

        .no-js #main-nav li:hover > ul { top: 62px; }

    /* -------------------------------------------------- */
    /*  Home
    /* -------------------------------------------------- */

        /* ---------------------------------------- */
        /*  Simple Pricing Table
        /* ---------------------------------------- */

        .simple-pricing-table .column { width: 298px !important; }

            .simple-pricing-table .column.featured {
                margin-top: 0;
                width: 288px !important;
            }

        /* ---------------------------------------- */
        /*  Extended Pricing Table
        /* ---------------------------------------- */

        .extended-pricing-table .column { width: 300px !important; }

            .extended-pricing-table .column.featured {
                margin-bottom: 20px;
                margin-top: 10px;
            }

            .extended-pricing-table .features { background: #f8f8f8 !important; }

            .extended-pricing-table .featured .features { background: #fff !important; }

            .extended-pricing-table .features li {
                background: none !important;
                border-bottom: none;
                border-top: 1px solid #fff;
                float: left;
                width: 129px;
            }

            .extended-pricing-table .features li:nth-child(odd) { border-right: 1px solid #fff; }

            .extended-pricing-table .featured .features li:nth-child(odd) { border-right: 1px solid #f6f6f6; }

            .extended-pricing-table .features li:nth-child(4n-1),
            .extended-pricing-table .features li:nth-child(4n-4) { background: #f0f0f0 !important; }

            .extended-pricing-table .featured .features li:nth-child(4n-1),
            .extended-pricing-table .featured .features li:nth-child(4n-4) { background: #f6f6f6 !important; }

            .extended-pricing-table .footer {
                border-top: 1px solid #fff;
                clear: both;
                padding: 12px 10px !important;
                width: 279px;
            }

        /* ---------------------------------------- */
        /*  Projects Carousel
        /* ---------------------------------------- */

        .projects-carousel > li, .post-carousel > li { width: 300px; }

        /* ---------------------------------------- */
        /*  Post Carousel
        /* ---------------------------------------- */
            
        #content .post-carousel .entry-body { width: 255px; }

    /* -------------------------------------------------- */
    /*  Blog
    /* -------------------------------------------------- */

    .hentry .entry-meta li {
        width: 82px;
    }

    .hentry .entry-meta li:nth-child(1), .hentry .entry-meta li:nth-child(2), .hentry .entry-meta li:nth-child(3) {
        border-bottom: 1px solid #efefef;
        margin-bottom: 4px;
        padding-bottom: 4px;
    }

    .hentry .entry-meta li:nth-child(3) {
        padding-right: 0;
    }

    .hentry .entry-meta li:nth-child(4) {
        border-left: none;
        padding-left: 0;
    }

        /* ---------------------------------------- */
        /*  Comments
        /* ---------------------------------------- */

        .comment .avatar { margin-bottom: 10px; }

        .comment .comment-meta {
            margin-top: 5px;
            width: 231px;
        }

            .comment .author, .comment .author a { margin-top: 5px; }

        .comment .comment-body, #main .comment .comment-body {
            clear: both;
            float: none;
            margin-left: 0;
            margin-top: 20px;
            width: 100%;
        }

            .comment .comment-meta { width: 231px !important; }

                .commentlist .children { padding: 0 0 0 20px; }

                    .commentlist .children .depth-2 .comment-body, .commentlist .children .depth-2 .comment-meta  { width: 211px !important; }
                    .commentlist .children .depth-3 .comment-body, .commentlist .children .depth-3 .comment-meta  { width: 191px !important; }
                    .commentlist .children .depth-4 .comment-body, .commentlist .children .depth-4 .comment-meta  { width: 171px !important; }
                    .commentlist .children .depth-5 .comment-body, .commentlist .children .depth-5 .comment-meta  { width: 151px !important; }

    /* ---------------------------------------- */
    /*  Respond
    /* ---------------------------------------- */

    .commentlist .children .depth-2 #commentform input, .commentlist .children .depth-2 #commentform textarea { width: 258px !important; }
    .commentlist .children .depth-3 #commentform input, .commentlist .children .depth-3 #commentform textarea { width: 238px !important; }
    .commentlist .children .depth-4 #commentform input, .commentlist .children .depth-4 #commentform textarea { width: 218px !important; }

    /* -------------------------------------------------- */
    /*  Contact Us
    /* -------------------------------------------------- */

    #map, #map .wpgmappity_container { height: 140px !important; }

        .wpcf7-form input, #commentform input,
        .wpcf7-form textarea, #commentform textarea {  }

    /* -------------------------------------------------- */
    /*  Footer
    /* -------------------------------------------------- */

        /* ---------------------------------------- */
        /*  Footer Navigation
        /* ---------------------------------------- */

        #footer .widget_nav_menu li {
            border-top: 1px dotted #4b4b4b;
            padding: 5px 0;
            width: 100%;
        }
        
        #footer .widget_nav_menu li:first-child { border-top: none; }

            #footer .widget_nav_menu li a {
                border: none;
                padding: 0;
            }

        /* ---------------------------------------- */
        /*  Contact Info
        /* ---------------------------------------- */

        .contact-info { margin-bottom: 20px; }

        /* ---------------------------------------- */
        /*  Social Links
        /* ---------------------------------------- */
                
        .social-links li:nth-child(8n+1) { margin-left: 0; }

        .social-links li:nth-child(8n) { margin-right: 15px; }

}