@font-face {
    font-family: "SkodaNextLight";
    src: url("/css/fonts/SKODANext-Light.woff2") format('woff2'), 
    url("/css/fonts/SKODANext-Light.woff") format('woff'), 
    url("/css/fonts/SKODANext-Light.ttf") format('truetype'), 
    url("/css/fonts/SKODANext-Light.eot") format('embedded-opentype');
}
@font-face {
    font-family: "SkodaNextRegular";
    src: url("/css/fonts/SKODANext-Regular.woff2") format('woff2'),
    url("/css/fonts/SKODANext-Regular.woff") format('woff'), 
    url("/css/fonts/SKODANext-Regular.ttf") format('truetype'), 
    url("/css/fonts/SKODANext-Regular.eot") format('embedded-opentype');
}
@font-face {
    font-family: "SkodaNextBold";
    src: url("/css/fonts/SKODANext-Bold.woff2") format('woff2'), 
    url("/css/fonts/SKODANext-Bold.woff") format('woff'), 
    url("/css/fonts/SKODANext-Bold.ttf") format('truetype'), 
    url("/css/fonts/SKODANext-Bold.eot") format('embedded-opentype');
}

body {
}

html {
}

main {
  display: flex;
  flex-wrap: nowrap;
}

.b-example-divider {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  pointer-events: none;
  fill: currentColor;
}


body {
    font-family: "SkodaNextRegular";
}
a {
    color: #4ba72e;
    text-decoration: none;
}
b,strong{
    font-family: "SkodaNextBold";
    font-weight: 400;
}
.fw-bolder,
.fw-bold  {
    font-family: "SkodaNextBold";
}
.headerInfo {
    background-color: #6cab0f;
    color: #ffffff;
}

main {
    background-color: #f9f9f9;
}
nav {
    background-color: #ffffff;
}

.nav-link.active,
.nav-link:hover {
    background-color: transparent;
    color: #6cab0f;
}
#sidebar {
    width: 300px;
    height: 100%;
    transition: 0.5s;
}
.active-cont {
}
.my-container {
    transition: 0.4s;
}

@media (max-width: 380px) {
    #sidebar {
        width: 100%;
        position: absolute;
    }
    .sectionTitle {
    }
}
@media (min-width: 381px) {
    #sidebar {
    }
    .closeSidebar {
    display: none;
    }
}
@media (max-width: 991px) {
    .colArticle:nth-child(3),
    .colArticle:nth-child(4) {
        display: none;
    }
}
@media (max-width: 1399px) {
    .colArticle:nth-child(4) {
        display: none;
    }
}
.footer1 {
    background-color: #4a4a4a;
}
.footer2 {
    background-color: #373737;
}
.img-gradient {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: auto;
}
.article-text {
    position: absolute;
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 20%,#000);
}

time.icon {
  font-size: 1em; /* change icon size */
  display: block;
  float: left;
  margin-right: 1em;
  position: relative;
  width: 3em;
  height: 4em;
  background-color: #efefef;
  border-radius: 0;
  overflow: hidden;
}

time.icon * {
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong {
  position: absolute;
  top: 0;
  font-size: 0.8em;
  padding: 0.1em 0;
  text-transform: uppercase;
  color: #fff;
  background-color: #6cab0f;
}

time.icon em {
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
  display: none;
}

time.icon span {
  font-family: "SkodaNextBold";
  font-size: 2em;
  padding-top: 0.6em;
  color: #2f2f2f;
}

.sectionTitle {
    color: #4a4a4a;
}
.carDetails .txtData {
}
.carDetails .txtData label {
}