/*! Version 1.0.0 */


/*! Lity - v2.2.2 - 2016-12-14
* http://sorgalla.com/lity/
* Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */

.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, .9);
    outline: none!important;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity.lity-opened {
    opacity: 1
}

.lity.lity-closed {
    opacity: 0
}

.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none!important
}

.lity-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none!important
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease
}

.lity-closed .lity-content,
.lity-loading .lity-content {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.lity-content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.lity-close {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close:active {
    top: 1px
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}

.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container,
.lity-iframe .lity-container,
.lity-vimeo .lity-container,
.lity-youtube .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.lity-hide {
    display: none
}


/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */

html.swipebox-html.swipebox-touch {
    overflow: hidden!important
}

#swipebox-overlay img {
    border: none!important
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999!important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%
}

#swipebox-slider {
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
    cursor: pointer
}

#swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle
}

#swipebox-slider .slide .swipebox-video-container {
    background: none;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0
}

#swipebox-slider .slide-loading {
    background: url(img/loader.gif) no-repeat 50%
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%
}

#swipebox-bottom-bar {
    bottom: -50px
}

#swipebox-bottom-bar.visible-bars {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0)
}

#swipebox-top-bar {
    top: -50px
}

#swipebox-top-bar.visible-bars {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

#swipebox-title {
    display: block;
    width: 100%;
    text-align: center
}

#swipebox-close,
#swipebox-next,
#swipebox-prev {
    background-image: url(img/icons.png);
    background-repeat: no-repeat;
    border: none!important;
    text-decoration: none!important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0
}

#swipebox-arrows {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 50px
}

#swipebox-prev {
    background-position: -32px 13px;
    float: left
}

#swipebox-next {
    background-position: -78px 13px;
    float: right
}

#swipebox-close {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 9999;
    background-position: 15px 12px
}

.swipebox-no-close-button #swipebox-close {
    display: none
}

#swipebox-next.disabled,
#swipebox-prev.disabled {
    opacity: .3
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    -webkit-animation: rightSpring .3s;
    animation: rightSpring .3s
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation: leftSpring .3s;
    animation: leftSpring .3s
}

.swipebox-touch #swipebox-container:after,
.swipebox-touch #swipebox-container:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    content: " ";
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0
}

.swipebox-touch #swipebox-container:before {
    left: 0;
    -webkit-box-shadow: inset 10px 0 10px -8px #656565;
    box-shadow: inset 10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-container:after {
    right: 0;
    -webkit-box-shadow: inset -10px 0 10px -8px #656565;
    box-shadow: inset -10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1
}

@-webkit-keyframes rightSpring {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    to {
        left: 0
    }
}

@keyframes rightSpring {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    to {
        left: 0
    }
}

@-webkit-keyframes leftSpring {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    to {
        left: 0
    }
}

@keyframes leftSpring {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    to {
        left: 0
    }
}

@media screen and (min-width:800px) {
    #swipebox-close {
        right: 10px
    }
    #swipebox-arrows {
        width: 92%;
        max-width: 800px
    }
}

#swipebox-overlay {
    background: #0d0d0d
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    text-shadow: 1px 1px 1px #000;
    background: #000;
    opacity: .95
}

#swipebox-top-bar {
    color: #fff!important;
    font-size: 15px;
    line-height: 43px;
    font-family: Helvetica, Arial, sans-serif
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.gallery-grid {
    width: 90vw;
    height: auto;
    display: none
}

.gallery-grid.active {
    display: block
}

.gallery-grid .grid-row {
    display: flex;
    align-items: stretch;
    width: 100%;
    flex-flow: column nowrap
}

@media (min-width:900px) {
    .gallery-grid .grid-row {
        flex-flow: row nowrap
    }
}

.gallery-grid .grid-tile {
    display: flex;
    flex-flow: row wrap;
    position: relative
}

.gallery-grid .grid-tile .counter {
    position: absolute;
    background: #c31330;
    border-radius: 50%;
    color: #fff;
    font-family: Kia Bold;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    vertical-align: middle;
    font-size: 24px
}

.gallery-grid .grid-tile .counter:hover {
    background: #660a19
}

.gallery-grid .image {
    overflow: hidden;
    background: #b0b0b0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 16px
}

.gallery-grid .image.big-square {
    height: calc(90vw - 32px);
    width: calc(90vw - 32px)
}

@media (min-width:900px) {
    .gallery-grid .image.big-square {
        height: calc(90vw / 2 - 32px);
        width: calc(90vw / 2 - 32px)
    }
}

.gallery-grid .image.small-square {
    height: calc(90vw / 2 - 32px);
    width: calc(90vw / 2 - 32px)
}

@media (min-width:900px) {
    .gallery-grid .image.small-square {
        height: calc(90vw / 4 - 32px);
        width: calc(90vw / 4 - 32px)
    }
}

.gallery-grid .image.landscape {
    height: calc(90vw / 2 - 32px);
    width: calc(90vw - 32px)
}

@media (min-width:900px) {
    .gallery-grid .image.landscape {
        height: calc(90vw / 4 - 32px);
        width: calc(90vw / 2 - 32px)
    }
}

.gallery-grid .image.hidden,
.video-grid {
    display: none
}

.video-grid {
    width: 100%
}

.video-grid.active {
    display: block
}

#swipebox-bottom-bar {
    background: none transparent;
    bottom: 50%
}

#swipebox-bottom-bar.visible-bars {
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
}

#swipebox-bottom-bar #swipebox-arrows {
    max-width: none;
    width: 92%
}

.kia-ybcuv-container {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 1;
    position: relative;
    background: #181818;
    font-family: kiam, Tahoma, Malgun gothic, Verdana, Segoe, Arial, sans-serif;
    color: #fff;
	/*margin-top: 73px;*/
}

.kia-ybcuv-container * {
    z-index: 1
}

.kia-ybcuv-container a {
    text-decoration: none;
    color: #fff;
    transition: color .3s ease-in-out
}

.kia-ybcuv-container p {
    font-family: kial, Tahoma, Malgun gothic, Verdana, Segoe, Arial, sans-serif
}

.kia-ybcuv-container .wrap-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 0
}

@media (min-width:900px) {
    .kia-ybcuv-container .wrap-icon {
        flex-flow: column nowrap;
        padding: 0 32px;
        flex: 1 0 210px
    }
    .kia-ybcuv-container .wrap-icon>* {
        max-width: 100%
    }
}

.kia-ybcuv-container .wrap-icon .round-icon {
    border: 2px solid #c31330;
    border-radius: 50%;
    flex: 1 0 100px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

.kia-ybcuv-container .wrap-icon .round-icon [class*=" icon-"],
.kia-ybcuv-container .wrap-icon .round-icon [class^=icon-] {
    display: inline-block;
    width: 55px;
    height: 55px;
    stroke-width: 0;
    stroke: #fff;
    fill: #fff
}

.kia-ybcuv-container .wrap-icon .round-icon svg.icon-designlines {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.kia-ybcuv-container .wrap-icon .text {
    display: flex;
    flex-flow: column nowrap;
    margin-left: 20px
}

.kia-ybcuv-container .wrap-icon .text>* {
    max-width: 100%
}

.kia-ybcuv-container .wrap-icon .text .name {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 24px;
    font-family: kiab, NeoSansProMedium, Malgun gothic, Verdana, Segoe, Arial, sans-serif
}

.kia-ybcuv-container .wrap-icon .text .description {
    font-size: 15px;
    line-height: 24px;
    font-family: kial, Tahoma, Malgun gothic, Verdana, Segoe, Arial, sans-serif
}

@media (min-width:900px) {
    .kia-ybcuv-container .wrap-icon .text {
        align-items: center;
        margin-left: 0
    }
    .kia-ybcuv-container .wrap-icon .text .description,
    .kia-ybcuv-container .wrap-icon .text .name {
        text-align: center
    }
    .kia-ybcuv-container .wrap-icon .text .name {
        margin-top: 24px
    }
}

.kia-ybcuv-container .space-top-small {
    margin-top: 54px
}

.kia-ybcuv-container .space-top-medium {
    margin-top: 74px
}

.kia-ybcuv-container .space-top-large {
    margin-top: 0
}

@media (min-width:900px) {
    .kia-ybcuv-container .space-top-large {
        margin-top: 132px
    }
}

.kia-ybcuv-container .ico-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: column nowrap
}

.kia-ybcuv-container .ico-container>* {
    max-width: 100%
}

@media (min-width:900px) {
    .kia-ybcuv-container .ico-container {
        flex-flow: row nowrap;
        align-items: flex-start
    }
}

.kia-ybcuv-container .button-container {
    display: flex;
    align-items: start;
    justify-content: center;
    margin-top: 40px
}

.kia-ybcuv-container header {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    height: calc(100vh - 80px);
    width: 100%;
    background-image: url(img/header-image.jpg);
    background-position: 48% 60%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 25px 5% 22px
}

@media (min-width:900px) {
    .kia-ybcuv-container header {
        padding: 50px 5% 25px
    }
}

@media (max-width:650px) {
    .kia-ybcuv-container header {
        height: calc(100vh - 67px)
    }
}

.kia-ybcuv-container header>* {
    max-width: 100%
}

.kia-ybcuv-container header .headlines {
    flex-flow: column nowrap;
    align-items: center;
    flex: 1 0 auto
}

.kia-ybcuv-container header .headlines h1,
.kia-ybcuv-container header .headlines h2 {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 70px;
    font-family: kiab, NeoSansProMedium, Malgun gothic, Verdana, Segoe, Arial, sans-serif
}

@media (min-width:900px) {
    .kia-ybcuv-container header .headlines h1,
    .kia-ybcuv-container header .headlines h2 {
        line-height: 83px
    }
}

.kia-ybcuv-container header .headlines h1 {
    max-width: 100%;
    color: #181818;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 2.5px;
    margin-bottom: 10px
}

@media (min-width:900px) {
    .kia-ybcuv-container header .headlines h1 {
        font-size: 65px;
        line-height: 70px
    }
}

.kia-ybcuv-container header .headlines h2 {
    color: #c31330;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: .54px;
    max-width: 600px;
    margin: 0 auto
}

@media (min-width:900px) {
    .kia-ybcuv-container header .headlines h2 {
        font-size: 30px;
        line-height: 34px;
        letter-spacing: .52px
    }
}

.kia-ybcuv-container header .scroll-button-container {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center
}

.kia-ybcuv-container header .scroll-button-container>* {
    max-width: 100%
}

.kia-ybcuv-container header .scroll-button-container .scroll-button {
    margin-bottom: 12px;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

.kia-ybcuv-container header .scroll-button-container .scroll-button svg.icon-scroll-for-more-icon {
    width: 60px;
    height: 60px
}

.kia-ybcuv-container header .scroll-button-container .scroll-button.no-animate {
    -webkit-animation: none;
    animation: none
}

.kia-ybcuv-container header .scroll-button-container span {
    letter-spacing: .79px;
    font-size: 14px;
    font-family: kiam, Tahoma, Malgun gothic, Verdana, Segoe, Arial, sans-serif
}

@media (min-width:900px) {
    .kia-ybcuv-container header .scroll-button-container span {
        font-size: 22px
    }
}

.kia-ybcuv-container.fixed-nav nav {
    position: fixed;
    top: 0
}

.kia-ybcuv-container nav {
    position: relative;
    z-index: 2;
    background: #000;
    padding: 0 5% 0 10%;
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.kia-ybcuv-container nav ul {
    display: flex;
    opacity: 0;
    z-index: 0;
    transition: opacity .3s ease-in-out;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 0;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden
}

.kia-ybcuv-container nav ul>* {
    max-width: 100%
}

@media (min-width:900px) {
    .kia-ybcuv-container nav ul {
        opacity: 1;
        z-index: 2;
        position: relative;
        flex: 1 0 auto;
        flex-flow: row nowrap;
        justify-content: space-between;
        width: auto;
        top: 0;
        height: auto
    }
}

.kia-ybcuv-container nav ul li {
    padding: 30px 0;
    flex: 0 0 auto
}

@media (min-width:900px) {
    .kia-ybcuv-container nav ul li {
        flex: 1 1 auto;
        padding: 18px 6px
    }
}

.kia-ybcuv-container nav ul li a {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    font-family: kiab, NeoSansProMedium, Malgun gothic, Verdana, Segoe, Arial, sans-serif
}

.kia-ybcuv-container nav ul li a.active,
.kia-ybcuv-container nav ul li a:hover {
    color: #c31330
}

.kia-ybcuv-container nav ul.mobile-active {
    z-index: 3;
    opacity: 1;
    background: rgba(0, 0, 0, .9);
    height: 100vh
}

.kia-ybcuv-container nav .opt-in-button {
    background: #c31330;
    padding: 6px 24px;
    flex: 0 1 auto
}

@media (min-width:900px) {
    .kia-ybcuv-container nav .opt-in-button {
        margin-left: auto
    }
}

.kia-ybcuv-container nav .opt-in-button a {
    text-transform: uppercase;
    line-height: 18px;
    font-size: 15px;
    white-space: nowrap;
    font-family: kial, Tahoma, Malgun gothic, Verdana, Segoe, Arial, sans-serif
}

.kia-ybcuv-container nav .menu-button {
    position: relative;
    height: 18px;
    flex: 0 1 32px
}

@media (min-width:900px) {
    .kia-ybcuv-container nav .menu-button {
        display: none
    }
}

.kia-ybcuv-container nav .menu-button .bar {
    width: 32px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    transition: all .3s ease-in-out
}

.kia-ybcuv-container nav .menu-button .bar:first-child {
    top: 0
}

.kia-ybcuv-container nav .menu-button .bar:nth-child(2) {
    top: 8px
}

.kia-ybcuv-container nav .menu-button .bar:nth-child(3) {
    top: 16px
}

.kia-ybcuv-container nav .menu-button.active .bar:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 8px
}

.kia-ybcuv-container nav .menu-button.active .bar:nth-child(2) {
    opacity: 0
}

.kia-ybcuv-container nav .menu-button.active .bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 8px
}

.kia-ybcuv-container nav .menu-button:hover .bar {
    background: #c31330
}

.kia-ybcuv-container .main-content {
    width: 100%
}

.kia-ybcuv-container section {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    padding: 50px 5%;
    background-size: cover;
    background-position: 50%
}

.kia-ybcuv-container section>* {
    max-width: 100%
}

@media (min-width:900px) {
    .kia-ybcuv-container section {
        padding: 50px 15%
    }
}

.kia-ybcuv-container section.no-min-height {
    min-height: 0
}

.kia-ybcuv-container section.no-padding {
    padding: 0
}

.kia-ybcuv-container section.title-section {
    background: #131313;
    padding: 0 15%
}

.kia-ybcuv-container section.title-section h2 {
    position: absolute;
    top: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width:599px) {
    .kia-ybcuv-container section.title-section h2 {
        font-size: 15px
    }
}

.kia-ybcuv-container section.title-section h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    text-transform: uppercase;
    font-family: kiab, NeoSansProMedium, Malgun gothic, Verdana, Segoe, Arial, sans-serif
}

@media (max-width:599px) {
    .kia-ybcuv-container section.title-section {
        height: 0;
        overflow: hidden
    }
}

.kia-ybcuv-container section.with-background {
    height: 100vh;
    background-position: 43%;
    background-size: cover
}

.kia-ybcuv-container section h1 {
    font-family: kiab, NeoSansProMedium, Malgun gothic, Verdana, Segoe, Arial, sans-serif;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    vertical-align: middle;
    margin-bottom: 64px;
    text-transform: uppercase
}

@media (min-width:900px) {
    .kia-ybcuv-container section h1 {
        font-size: 80px;
        line-height: 100px
    }
}

.kia-ybcuv-container section h2 {
    font-family: kiam, Tahoma, Malgun gothic, Verdana, Segoe, Arial, sans-serif;
    font-size: 25px;
    color: #b0b0b0;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-align: center;
    position: relative;
    margin-bottom: 84px
}

.kia-ybcuv-container section h2:after {
    content: " ";
    position: absolute;
    bottom: -18px;
    left: 0;
    height: 2px;
    width: calc(100% - 8px);
    background: #c31330
}

.kia-ybcuv-container section h3 {
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    font-family: kiab, NeoSansProMedium, Malgun gothic, Verdana, Segoe, Arial, sans-serif
}

@media (min-width:900px) {
    .kia-ybcuv-container section h3 {
        font-size: 55px;
        line-height: 65px;
        letter-spacing: 5px
    }
}

.kia-ybcuv-container section h4 {
    font-size: 55px;
    line-height: 65px;
    letter-spacing: 5px;
    color: #c83892
}

.kia-ybcuv-container section h4,
.kia-ybcuv-container section h5 {
    text-align: center;
    font-family: kiab, NeoSansProMedium, Malgun gothic, Verdana, Segoe, Arial, sans-serif;
    text-transform: uppercase
}

.kia-ybcuv-container section h5 {
    color: #b0b0b0;
    margin-bottom: 24px;
    line-height: 35px;
    font-size: 25px;
    letter-spacing: 2px
}

.kia-ybcuv-container section .text-block {
    padding: 0
}

@media (min-width:900px) {
    .kia-ybcuv-container section .text-block {
        padding: 0 12%
    }
}

.kia-ybcuv-container section .text-block p {
    text-align: center;
    line-height: 24px;
    font-size: 15px
}

.kia-ybcuv-container section .big-number {
    color: #000;
    font-family: kiab, Tahoma, Malgun gothic, Verdana, Segoe, Arial, sans-serif;
    font-weight: 700;
    z-index: 0;
    font-size: 240px
}

@media (min-width:900px) {
    .kia-ybcuv-container section .big-number {
        font-size: 500px
    }
}

.kia-ybcuv-container section .gallery-toggle a {
    text-transform: uppercase;
    line-height: 21px;
    font-size: 18px;
    letter-spacing: .5px;
    position: relative;
    margin: 0 20px;
    font-family: kial, Tahoma, Malgun gothic, Verdana, Segoe, Arial, sans-serif
}

.kia-ybcuv-container section .gallery-toggle a.active {
    color: #c31330
}

.kia-ybcuv-container section .gallery-toggle a.active:after {
    content: " ";
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 2px;
    width: calc(100% - .5px);
    background: #c31330
}

.kia-ybcuv-container section .gallery-toggle a:hover {
    color: #c31330
}

.kia-ybcuv-container section img.section-background {
    width: 100%
}

.kia-ybcuv-container section img.section-background.design-image {
    display: none
}

.kia-ybcuv-container section img.section-background.design-image.active {
    display: block
}

.kia-ybcuv-container section .thumbnail-bar {
    height: 100px;
    width: 100%;
    background: #131313;
    display: flex;
    align-items: stretch;
    justify-content: center;
    position: relative
}

@media (min-width:900px) {
    .kia-ybcuv-container section .thumbnail-bar {
        height: 140px;
        align-items: center
    }
}

.kia-ybcuv-container section .thumbnail-bar a.thumbnail {
    min-height: 100px;
    background-color: #c83892;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    flex: 1
}

@media (min-width:900px) {
    .kia-ybcuv-container section .thumbnail-bar a.thumbnail {
        margin: 0 8px;
        min-width: 200px;
        flex: 0
    }
}

.kia-ybcuv-container section .thumbnail-bar a.thumbnail:nth-child(2) {
    background-image: url(img/design-gallery-1.jpg)
}

.kia-ybcuv-container section .thumbnail-bar a.thumbnail:nth-child(3) {
    background-image: url(img/design-gallery-2.jpg)
}

.kia-ybcuv-container section .thumbnail-bar a.thumbnail.active {
    position: relative
}

.kia-ybcuv-container section .thumbnail-bar a.thumbnail.active:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    content: " ";
    width: 100%;
    height: 3px;
    background: #c31330
}

.kia-ybcuv-container section .thumbnail-bar a.thumbnail.video {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.kia-ybcuv-container section .thumbnail-bar a.thumbnail.video svg.icon-play-btn {
    width: 50px;
    height: 50px;
    z-index: 2;
    transition: opacity .3s ease-in-out
}

.kia-ybcuv-container section .thumbnail-bar a.thumbnail.video:before {
    content: " ";
    opacity: 0;
    transition: opacity .3s ease-in-out;
    width: 49px;
    height: 49px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #c31330
}

.kia-ybcuv-container section .thumbnail-bar a.thumbnail.video:hover svg.icon-play-btn {
    opacity: .7
}

.kia-ybcuv-container section .thumbnail-bar a.thumbnail.video:hover:before {
    opacity: 1
}

.kia-ybcuv-container section .thumbnail-bar.video-only {
    height: 300px
}

.kia-ybcuv-container section .thumbnail-bar.video-only a.thumbnail {
    min-height: 300px
}

@media (min-width:900px) {
    .kia-ybcuv-container section .thumbnail-bar.video-only a.thumbnail {
        min-width: 400px
    }
}

.kia-ybcuv-container .section-overlay {
    border-top: .5px solid #3d3d3d;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 60px 5%;
    height: 100vh;
    background: rgba(0, 0, 0, .6)
}

.kia-ybcuv-container .section-overlay>* {
    max-width: 100%
}

@media (min-width:900px) {
    .kia-ybcuv-container .section-overlay {
        padding: 60px 15%;
        height: auto;
        min-height: 660px
    }
}

.kia-ybcuv-container .badge-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row nowrap
}

.kia-ybcuv-container .badge-container img {
    margin: 64px 45px;
    width: 150px
}

@media (max-width:599px) {
    .kia-ybcuv-container .badge-container img {
        width: 120px;
        margin: 32px 10px
    }
}

@media (min-width:900px) {
    .kia-ybcuv-container .badge-container img {
        width: auto;
        width: 180px
    }
}

.kia-ybcuv-container a.button {
    font-family: kiam, Tahoma, Malgun gothic, Verdana, Segoe, Arial, sans-serif;
    background: #c31330;
    min-width: 280px;
    text-align: center;
    line-height: 46px;
    text-transform: uppercase;
    font-size: 15px
}

.kia-ybcuv-container .lightbox .lb-image {
    border-radius: 0;
    border: 0
}

.kia-ybcuv-container footer {
    background: #fff;
    color: #292929;
    font-size: 15px;
    font-family: kial, Tahoma, Malgun gothic, Verdana, Segoe, Arial, sans-serif
}

.kia-ybcuv-container footer a.expand-button {
    width: 100%;
    height: 60px;
    color: #292929;
    background-color: #e4e5e6;
    display: flex;
    align-items: center;
    justify-content: center
}

.kia-ybcuv-container footer a.expand-button h1 {
    margin: 0 auto;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .54px;
    font-family: kiab, Tahoma, Malgun gothic, Verdana, Segoe, Arial, sans-serif;
    font-weight: 700;
    position: relative
}

.kia-ybcuv-container footer a.expand-button h1:after,
.kia-ybcuv-container footer a.expand-button h1:before {
    content: " ";
    position: absolute;
    bottom: 8px;
    width: 12px;
    height: 3px;
    border-radius: 3px;
    background: #292929
}

.kia-ybcuv-container footer a.expand-button h1:after {
    right: -31px;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

.kia-ybcuv-container footer a.expand-button h1:before {
    right: -24px
}

.kia-ybcuv-container footer a.expand-button.active h1:after,
.kia-ybcuv-container footer a.expand-button h1:before {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}

.kia-ybcuv-container footer a.expand-button.active h1:before {
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

.kia-ybcuv-container footer .text-column-wrapper {
    display: none;
    flex-flow: column nowrap;
    width: 100%;
    padding: 26px 0 52px
}

.kia-ybcuv-container footer .text-column-wrapper.active {
    display: flex
}

.kia-ybcuv-container footer .text-column-wrapper * {
    max-width: 100%
}

@media (min-width:900px) {
    .kia-ybcuv-container footer .text-column-wrapper {
        padding: 50px 180px 100px;
        flex-flow: row nowrap
    }
}

.kia-ybcuv-container footer .text-column-wrapper .text-column {
    display: flex;
    flex-flow: column nowrap;
    padding: 0 26px
}

.kia-ybcuv-container footer .text-column-wrapper .text-column * {
    max-width: 100%
}

.kia-ybcuv-container footer .text-column-wrapper .text-column h2 {
    font-family: kiab, Tahoma, Malgun gothic, Verdana, Segoe, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    margin: 28px 0
}

.kia-ybcuv-container footer .text-column-wrapper .text-column p {
    line-height: 18px
}

.header-placeholder {
    background-color: #fff;
    /*background-image: url(img/header-placeholder.jpg);*/
    height: 73px;
    width: 100%;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    /*border-bottom: 3px solid #c31330;*/
}

@media (max-width:650px) {
    .header-placeholder {
        background-image: url(img/header-placeholder-mobile.jpg);
        height: 67px;
        border: none
    }
}

.footer-placeholder {
	/*
    background-image: url(img/footer-placeholder.jpg);
    background-size: contain;
    background-position: bottom;
    background-repeat: repeat-x;
	*/
    width: 100%;

}

@media (max-width:768px) {
    .footer-placeholder {
        /*
		height: 220px;
        background-image: url(img/footer-placeholder-mobile.jpg);
		*/
    }
}