/* ==========================
    Authors: Boris Delev and Vladimir Milenkov
    Date: 2014.02.25
    Web: www.studiox.bg
========================== */

#loader{
    height: 160px; width: 313px;
    color: #333;
    position: absolute;
    top: 50%; left: 50%;
    margin: -80px 0 0 -155px;
    background: #fff url('../images/layout/loader.gif') no-repeat 0 0;
}

#qLpercentage{ color: #333!important; }

.loader-mask{
    height: 1px; width: 313px;
    position: absolute;
    top: 116px; left: 0;
    z-index: 100;
    background: url('../images/layout/loader-mask.png') no-repeat 0 0;
}

a img{ border: 0; }

a{
    color: #69696a;
    text-decoration: none;
    -webkit-transition: all 250ms;
            -o-transition: all 250ms;
            transition: all 250ms;
}

a:hover{ text-decoration: underline; }

.left{ float: left!important; }
.right{ float: right!important; }
#side_menu, .hidden{ display: none; }
.mm-opened #side_menu{ display: block; }

.no_margin_right{ margin-right: 0!important; }

html, body{
    width: 100%; color: #333;
    position: relative;
    background-color: black;
    font: normal 12px/18px 'Open Sans', Tahoma, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html.ie6 body,
html.ie7 body{
    font-family: Tahoma, sans-serif!important;
}

#peel_banner {
    position: absolute;
    top: 52px;
    right: 0;
    width: 100px;
    height: 100px;
}

#loading {
    height: 100%; width: 100%;
    position: fixed;
    top: 0; left: 0;
    z-index: 10000;
    background-color: #fff;
}

#loader {
    height: 160px; width: 313px;
    color: #333;
    position: absolute;
    top: 50%; left: 50%;
    margin: -80px 0 0 -155px;
    background: #fff url('../images/layout/bgr-loader.png') no-repeat 0 0;
}

#header{
    height: 63px; width: 100%;
    position: absolute;
    top: 0;
    left: 0; right: 0;
    z-index: 1000;
	background-color: white;
	border-bottom: 3px solid #b11116;
}

#header a.logo{
    height: 43px; width: 83px;
    display: inline; float: left;
    margin: 10px 0 0 90px;
    text-indent: -10000px;
	background: white url('../images/layout/Logo.png') no-repeat 0 0;
    background-size: contain;
}

#menu{ float: right; }

#menu li{ float: left; }

#menu li a{
    height: 40px; float: left;
    display: block;
    padding: 25px 11px 0 10px;
    position: relative;
    color: #000;
    text-transform: uppercase;
}

#menu li a i{
    display: none;
    height: 0; width: 0;
    overflow: hidden;
    position: absolute;
    bottom: -15px; left: 50%;
    z-index: 110;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: #b11116 transparent transparent transparent;
}

#menu li a:hover,
#menu li a.hovered{
    color: #d70000;
    text-decoration: none;
}

#menu li a.selected,
#menu li a.hovered{
    color: white;
    background-color: #b11116;
}

#menu li.models a.hovered i,
#menu li.models a:hover i{
    display: block;
}

#cars{
    display: none;
    width: 1155px; height: 490px;
    position: absolute;
    top: 63px;
    right: 0;
    z-index: 100;
	background-color: white;
    border-top: 3px solid #b11116;
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.25);
	        box-shadow: 0 4px 4px rgba(0,0,0,0.25);
}

#cars .box{
    padding: 42px 0 0 20px;
    background: url('../images/layout/bg-cars-title.png') no-repeat 41px 28px;
    overflow: hidden;
}

#cars .column{
    float: left;
    padding: 0 10px 0 0;
}
#cars .column.last{
	margin-right:17px;
}

.car-grid{
    padding-bottom: 50px;
}

#cars .car,
.car-grid .mix{
    font-size: 11px;
    margin-bottom: 10px;
	vertical-align: top;
}

.car-grid .mix{
    margin-bottom: 25px;
}

#cars .car a,
.car-grid .mix a{
    display: block;
    height: 88px; width: 168px;
    padding: 2px 0 0 2px;
    text-align: center;
    color: #5a5a5a;
    text-decoration: none;
}
#cars .car a:hover,
.car-grid .mix a:hover{
    color: #b11116;
    background: url('../images/layout/bgr-cars-selected.gif') no-repeat 50% 50%;
}
	#cars .car.green-box a:hover{
		background-image: url('../images/layout/bgr-cars-selected-green.gif');
	}

#cars .car strong,
.car-grid .mix strong{
    font-weight: bold; text-transform: uppercase;
}

#cars .car em,
.car-grid .mix em,
#cars .car a:hover strong,
.car-grid .mix a:hover strong{
    font-weight: bold; font-style: normal; color: #BF0606;
}

#cars .compare-btn{
    float: right;
    padding: 6px 17px;
    margin-right: 20px;
    background-color: #d70000;
    color: #fff;
}

#toggle-menu{
	display: none;
	height: 33px; width: 30px;
	padding: 1px 0 0 4px;
	position: absolute;
	top: 50%; right: 10px;
	margin-top: -17px;
}

	#toggle-menu span{
		height: 4px; width: 26px;
		display: block;
		margin-top: 5px;
		background-color: black;
	}

	.mm-opened #toggle-menu span{ background-color: #b11116; }

#side_menu div.models .column{
	overflow: hidden;
	margin: 10px 0;
}

#side_menu div.models .column .title{
	text-align: center;
	position: relative;
}

#side_menu div.models .column .title:before{
	content: '';
	height: 1px; width: 100%;
	position: absolute;
	top: 50%; left: 0;
	background-color: #e5e5e5;
}

#side_menu div.models .column .title strong{
	display: inline-block;
	padding: 0 12px;
	position: relative;
	z-index: 2;
	color: #d70000;
	font-size: 14px;
	font-weight: normal;
	background-color: white;
}

#side_menu div.models{ padding-top: 50px; }

#side_menu div.models .column ol{
	padding: 0;
	margin: 0 -5%;
}

#side_menu div.models .column ol li{
	width: 40%; float: left;
	margin: 0 5%;
	text-align: center;
}

	#side_menu li:first-child,
	#side_menu div.models .column ol li:first-child + li,
	#side_menu div.models .column ol li.mm-subtitle + li,
	#side_menu div.models .column ol li.mm-subtitle + li + li{
		border-top: 0;
	}

	#side_menu div.models .column ol li.mm-subtitle{
		position: absolute;
		margin: 0;
		top: 23px; left: 0;
		text-align: left;
	}

html.no-touch #side_menu div.models .column ol li > a:hover,
html.no-touch #side_menu div.models .column ol li > span:hover{
	color: #d70000;
	background: transparent none;
}

#side_menu div.models .column ol li > a{
	color: black; height: 117px;
	padding: 18px 0 0;
	text-transform: uppercase;
}

	#side_menu div.models .column ol li > a.mm-subclose{
		height: auto;
		padding: 0 0 0 60px;
	}

#side_menu div.models .column ol li > a strong{
	display: block;
	padding-top: 5px;
}





.hov-prev-big{
    height: 38px; width: 38px;
    display: block;
    position: relative;
    overflow: hidden;
    background: url('../images/layout/kia-icons.gif') no-repeat -38px 0;
}

.hov-next-big{
    height: 38px; width: 38px;
    display: block;
    position: relative;
    overflow: hidden;
    background: url('../images/layout/kia-icons.gif') no-repeat 0 -38px;
}

.hov-prev-big span{
    height: 38px; width: 38px;
    display: block;
    position: absolute;
    top: 0; left: 38px;
    background: url('../images/layout/kia-icons.gif') no-repeat 0 0;
}

.hov-next-big span{
    height: 38px; width: 38px;
    display: block;
    position: absolute;
    top: 0; left: -38px;
    background: url('../images/layout/kia-icons.gif') no-repeat -38px -38px;
}

.hov-prev-small{
    height: 25px; width: 25px;
    display: block;
    position: relative;
    overflow: hidden;
    background: url('../images/layout/kia-icons.gif') no-repeat -25px -76px;
}

.hov-next-small{
    height: 25px; width: 25px;
    display: block;
    position: relative;
    overflow: hidden;
    background: url('../images/layout/kia-icons.gif') no-repeat 0 -102px;
}

.hov-prev-small span{
    height: 25px; width: 25px;
    display: block;
    position: absolute;
    top: 0; left: 25px;
    background: url('../images/layout/kia-icons.gif') no-repeat 0 -76px;
}

.hov-next-small span{
    height: 25px; width: 25px;
    display: block;
    position: absolute;
    top: 0; left: -25px;
    background: url('../images/layout/kia-icons.gif') no-repeat -25px -102px;
}

#kia_slider{
	height: 600px;
	position: relative;
	overflow: hidden;
	padding-top: 63px;
	background-color: black;
}

#kia_slider .slider{ overflow: hidden; }

#kia_slider .slider > li{
	height: 600px; width: 100%;
	float: left;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
	cursor: url('../images/live/openhand.cur'), default!important;
}

#kia_slider .slider > li .to-model{
	position: absolute;
	top: 0; left: 0;
	height: 100%; width: 100%;
	background: url('../images/layout/empty.gif') repeat;
}

.kia-pager{
    position: absolute;
    bottom: 20px;
    left: 0; right: 0;
    z-index: 11;
    text-align: center;
}

.kia-pager li{
    height: 10px; width: 10px;
    display: inline-block;
	margin: 0 3px;
    cursor: pointer;
    text-indent: -10000px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
	-webkit-border-radius: 100%;
	        border-radius: 100%;
	background-color: white;
	-webkit-transition: background 250ms ease-out;
	-o-transition: background 250ms ease-out;
	transition: background 250ms ease-out;
}

html.ie7 .kia-pager li{ display: inline; }

.kia-pager li:hover,
.kia-pager li.active{
	background-color: #d70000;
}

html.no-borderradius .kia-pager li{ background: url('../images/layout/bgr-pager.png') no-repeat 0 0; }

html.no-borderradius .kia-pager li:hover,
html.no-borderradius .kia-pager li.active{
    background-position: 0 -12px;
}

.navi{
	height: 38px; width: 38px;
	position: absolute;
	top: 50%; left: 0;
	z-index: 2;
	margin-top: -19px;
	cursor: pointer;
	overflow: hidden;
	background-color: black;
}

	#kia_slider .navi{ margin-top: 0; }

.next{
	left: auto; right: 0;
}

.navi.disabled,
.navi.disabled *{
	opacity: .5;
	cursor: default;
}

.navi .arrow{
	height: 38px; width: 38px;
	position: absolute;
	top: 0; left: 0;
	margin-top: 0;
	z-index: 2;
	text-indent: -10000px;
	background: url('../images/layout/kia-icons.gif') no-repeat 0 0;
}

	.navi.next .arrow{ background-position: 0 -38px; }

.navi .bgr{
	height: 38px; width: 38px;
	position: absolute;
	top: 0;
	z-index: 1;
	background-color: #b11116;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

	.navi.prev .bgr{ right: -38px; }
	.navi.next .bgr{ right: 38px; }

		.navi.prev:hover .bgr,
		.navi.next:hover .bgr{
			right: 0;
		}

			.navi.prev.disabled:hover .bgr{ right: -38px; }
			.navi.next.disabled:hover .bgr{ right: 38px; }

.kia-mask{
    height: 100%; width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0; right: 0;
	z-index: 1;
	background: url('../images/layout/bgr-mask.png') no-repeat right top;
}

#kia_slider .kia-mask{ cursor: url('../images/live/openhand.cur'), default!important; }

#info_box{
    position: absolute;
    top: 126px; left: 70px;
    z-index: 20;
	padding-bottom: 12px;
    background: url('../images/layout/bgr-infobox.png') repeat 0 0;
}

#info_box.right{
    left: auto; right: 70px;
}

#info_box .inner{
    color: #fff;
    font-size: 11px;
    padding: 0 11px 12px;
    text-transform: uppercase;
}

#kiaSlider #info_box .inner{ padding-bottom: 0; }

#info_box .inner em{
    color: #f00008;
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    line-height: 24px;
    text-transform: none;
}

#info_box .inner h2 {
    overflow: hidden;
    height: 50px;
    width: 142px;
    text-indent: -9999px;
}

#info_box .inner ul{ padding: 7px 2px; }

#info_box .inner ul li{
    overflow: hidden;
    padding: 1px 0;
    text-transform: none;
}

.background-white{ background-color: #fff; }

#kia-model #info_options{
    position: absolute;
    bottom: 58px; right: 70px;
}

#kia-model.white-bgr{
    background-color: white;
}

#info_options p{
    height: 41px; width: 164px;
    overflow: hidden;
    text-indent: -9999px;
    background: url('../images/layout/bg-quarantee.png') no-repeat 0 0;
}
#info_options p.years_5{ background-position: 0 -145px; }
#info_options p.years_7{ background-position: 0 -289px; }
#info_options p.years_0{ background-position: 0 100px; }

#info_options p.years_1{ background-position: 0 -49px; }
#info_options p.years_2{ background-position: 0 -164px; }
#info_options p.years_4{ background-position: 0 -337px; }

#info_options p.years_6{ background-position: 0 -97px; }
#info_options p.years_8{ background-position: 0 -241px; }
#info_options p.years_9{ background-position: 0 -385px; }

#info_options p.years_10{ background-position: 0 -433px; }
#info_options p.years_11{ background-position: 0 -481px; }

#info_options p.years_12{ background-position: 0 -530px; }

#second-menu{
    height: 35px; width: 100%;
	clear: both;
    position: relative;
    background-color: black;
}

#second-menu .second-nav{
	float: left;
	position: relative;
}

#second-menu ul{
    float: left;
    padding: 8px 0 0 21px;
}

#second-menu ul li{
    float: left;
    padding: 0 4px 0 10px;
}

#second-menu ul li a{
    color: #fff;
    font-size: 13px;
}

#second-menu ul li a:hover{
    color: #f2141c;
    text-decoration: none;
}

#second-menu .quick-search,
#footer .newsletter,
.search-top form{
    width: 176px; float: right;
    margin-right: 235px;
    padding-top: 7px;
	position: relative;
	z-index: 3;
    border-bottom: 1px solid white;
}

#second-menu .quick-search .input,
#footer .newsletter .input,
.search-top .input{
    border: 0; color: white;
    width: 150px; float: left;
    margin-bottom: 1px;
    font: 600 11px/18px 'Open Sans', Tahoma, sans-serif;
    background: transparent none;
}

#footer .newsletter .input{
    width: 130px;
    font-size: 10px;
    margin: 13px 0 6px;
}

#second-menu .quick-search .button,
#footer .newsletter .button,
.search-top .button{
    height: 14px; width: 15px;
    float: right; border: 0;
    margin-top: 2px;
    overflow: hidden;
    cursor: pointer;
    background: url('../images/layout/bgr-search.png') no-repeat 0 0;
}

#second-menu .quick-search .button{ width: 24px; }

#footer .newsletter .button{
    margin-top: 19px;
    background-image: url('../images/layout/bgr-banner-next.gif');
}

#second-menu .phone-holder {
    height: 43px; width: 235px;
    padding: 10px 10px 0 0;
    position: absolute;
    overflow: hidden;
    top: -28px; right: 0;
	z-index: 42;
    background: url('../images/layout/bgr-phone-holder.png') no-repeat 0 0;
}

#second-menu .phone-holder a {
    float: right;
    margin-right: 10px;
}

#second-menu .phone-holder img {
    float: right;
}

.search-top{
	height: 37px;
	padding: 0 11px;
	position: absolute;
	top: 29px;
	left: 0; right: 0;
	z-index: 10;
	background-color: black;
	-webkit-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

body.open .search-top{ top: 66px; }

.search-top form{
	height: 19px; width: 100%;
	margin: 8px 0 0;
	padding: 0;
	position: relative;
}

.search-top .button{
	position: absolute;
	top: -1px; right: 0;
}

.search-top .input{ height: 16px; width: 90%; }

#toggle-search{
	display: none;
	height: 34px; width: 34px;
	position: absolute;
	top: 50%; right: 50px;
	margin-top: -17px;
	text-indent: -10000px;
	background: black url('../images/layout/bgr-search-top.png') no-repeat center center;
}

#toggle-search.active{ background-color: #b11116; }

#container{
    width: 100%; clear: both;
    overflow: hidden;
    padding: 15px 0;
    background-color: #fff;
}

.banners-carousel{
    height: 154px; width: 100%;
    margin: 7px 0 15px;
    position: relative;
    overflow: hidden;
	font-size: 0px;
    text-align: center;
}

.banners-carousel li{
    height: 154px; width: 297px;
    display: inline-block;
    overflow: hidden;
	text-align: center;
	cursor: url('../images/live/openhand.cur'), default!important;
}

.banners-carousel li img{
	height: auto;
	max-width: 100%;
}

.banners-carousel .navi,
.banners-carousel .navi .bgr,
.banners-carousel .navi .arrow,
#years .navi,
#years .navi .bgr,
#years .navi .arrow,
#top_offers .navi,
#top_offers .navi .bgr,
#top_offers .navi .arrow{
	height: 26px; width: 26px;
}

.banners-carousel .navi{ margin-top: -13px; }

.banners-carousel .navi.prev{ left: 8px; }
.banners-carousel .navi.next{ right: 8px; }

.banners-carousel .navi.prev .arrow, #years .navi.prev .arrow, #top_offers .navi.prev .arrow{ background-position: 1px -76px; }
.banners-carousel .navi.next .arrow, #years .navi.next .arrow, #top_offers .navi.next .arrow{ background-position: 0 -102px; }


#front-news-holder{
    overflow: hidden;
    padding: 10px 19px 20px;
	text-align: center;
}

#front-news{
    height: 215px; width: 75%;
    float: left;
    overflow: hidden;
    padding: 12px 0 0 0;
}

#front-news .heading{
    overflow: hidden;
	padding-right: 110px;
    background: url('../images/layout/bgr-news-heading.gif') no-repeat 100% 100%;
}

#front-news .heading .inner-heading{
    height: 22px; width: 90%;
    overflow: hidden;
    padding: 1px 0 21px;
    white-space: nowrap;
    background: url('../images/layout/bgr-news-heading-inner.gif') no-repeat 0 100%;
}

#front-news .heading h2{
    color: #000; float: left;
    padding-top: 4px;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

#front-news .heading-sub{
    height: 20px; color: #666;
    font-size: 11px;
    padding: 0 35px 0 22px;
    position: relative;
    top: -3px; left: 35px;
    text-transform: none;
    background: url('../images/layout/bgr-news-sub.png') no-repeat 0 3px;
}

#front-news .box,
#latest-news .box {
    width: 24%; float: left;
    display: inline;
    margin: 20px 0 0 0;
    padding-right: 1%;
	text-align: left;
}

#latest-news .box{ width: 22%; margin: 24px 0 0 2%; padding-right: 1%; }

#front-news.no-video{ width: 100%; padding: 0; }
#front-news.no-video .box{ width: 24%; }

#front-news .box-1, #latest-news .box-1{ margin-left: 0; }

#front-news .date,
#latest-news .date,
#news-list .date{
    height: 41px; width: 16px;
    margin: 2px 0 20px;
    padding: 7px 6px 0;
    float: left; color: #fff;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    background-color: #000;
}

#front-news .date span,
#latest-news .date span,
#news-list .date span{
    display: block; width: 16px;
    padding-top: 2px;
    overflow: hidden;
    border-top: 1px solid #fff;
}

#front-news .date q,
#latest-news .date q,
#news-list .date q{
    height: 0; width: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: -6px; left: 0;
    z-index: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}

#front-news .box h3,
#latest-news .box h4,
#news-list .col h4{
    width: 82%; float: left;
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-transform: uppercase;
}

#news-list .col h4{
	width: auto; float: none;
	padding: 0 0 0 35px;
}

#front-news .box h3 a, #latest-news .box h4 a, #news-list .col h4 a{ color: black; }

#front-news .box h3 a:hover,
#latest-news .box h4 a:hover,
#news-list .col h4 a:hover{
    color: #b11116;
    text-decoration: none;
}

#front-news .news-short,
#latest-news .news-short,
#news-list .news-short{
    height: 56px;
    clear: both; color: black;
    overflow: hidden;
    margin-bottom: 7px;
}

#front-news .read-more,
#latest-news .read-more,
#news-list .read-more{
    display: block; float: left;
	color: white;
	text-decoration: none;
    overflow: hidden;
    position: relative;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background-color: black;
}

.read-more:after{
	content: ''; width: 0;
    position: absolute;
	top: 0; bottom: 0;
	left: 0;
	z-index: 1;
	background-color: #d70000;
	-webkit-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.read-more:hover:after{ width: 100%; }

.read-more span{
	display: block; cursor: pointer;
	height: 15px;
	line-height: 13px;
	position: relative;
	z-index: 2;
	padding: 0 13px 0 3px;
	background: url('../images/layout/bgr-read-more.gif') no-repeat right center;
}

html.no-csstransitions .read-more:hover span{ background-color: #d70000; }

#front-video{
    width: 25%; float: right;
    margin-top: 2px;
    position: relative;
}

#front-video .video{
	width: 86%;
	max-width: 90%;
    padding: 15px 7% 3% 7%;
    position: relative;
    z-index: 10;
    background-color: white;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}

#front-video .video .video-inner{
	position: relative;
}

#front-video .video .video-inner object,
#front-video .video .video-inner embed{
	width: 100%;
}

#front-video .video-info{
    color: #000; width: auto!important;
    font-weight: 600;
    margin-top: 7px;
    padding: 0 0 0 24px;
	text-align: left;
    text-transform: uppercase;
    background: url('../images/layout/bgr-video-icon.png') no-repeat 0 2px;
}

#front-video .cl{
    height: 130px; width: 130px;
    position: absolute;
    bottom: -12px; left: -11px;
	margin-bottom: 2px;
    background: url('../images/layout/bgr-video-corner-left.png') no-repeat 0 0;
}

#front-video .cr{
    height: 130px; width: 130px;
    position: absolute;
    bottom: -12px; right: -11px;
	margin-bottom: 2px;
    background: url('../images/layout/bgr-video-corner-right.png') no-repeat 0 0;
}

#front-video .video .video-slider{
	height: 210px;
	overflow: hidden;
}

#front-video .video .video-slider .slider li{
	height: 210px; float: left;
}

#front-video .video-nav{
	width: 7%;
	position: absolute;
	top: 0; bottom: 0;
	cursor: pointer;
	background: url('../images/layout/empty.gif') repeat;
}

	#front-video .video-nav.prev{ left: -7%; margin-left: -2px; }
	#front-video .video-nav.next{ right: -7%; margin-right: -2px; }

		#front-video .video-nav span{
			height: 17px; width: 8px;
			position: absolute;
			top: 50%; left: 50%;
			margin: 8px 0 0 -4px;
			font-size: 0;
			background: url('../images/layout/bgr-video-nav.png') no-repeat -10000px 0;
		}

			#front-video .video-nav.prev span{ background-position: 0 0; }
			#front-video .video-nav.next span{ background-position: 0 -17px; }

#front-video .disabled{
	opacity: .5;
	filter: alpha(opacity="50");
	cursor: default;
}

#kia-model{
    width: 100%; float: left;
	/*min-height: 540px;*/
	padding-top: 63px;
    position: relative;
	z-index: 15;
	background-color: black;
}

#kia-model #background .image{
	position: absolute;
	top: 63px; bottom: 0;
	left: 0; right: 0;
	background-repeat: no-repeat;
	background-position: center top;
	/*background-size: 100% auto;*/
	-webkit-background-size: cover;
	        background-size: cover;
}

#navigation{
    width: 12.5%; float: left;
    margin: 67px 0 0 2%;
    position: relative;
    z-index: 15;
	min-width: 195px;
	-webkit-transition: margin 250ms ease-out;
	-o-transition: margin 250ms ease-out;
	transition: margin 250ms ease-out;
}

#content{
    width: 79.714285714%; float: right;
    margin: 67px 3% 80px 0;
    position: relative;
    z-index: 11;
    background-color: white;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
	-webkit-transition: margin 250ms ease-out;
	-o-transition: margin 250ms ease-out;
	transition: margin 250ms ease-out;
}

#navigation .inner{
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
    background: url('../images/layout/bgr-model-navigation.png') repeat-x 0 0;
}

#navigation h2{
    color: white;
    padding: 7px 16px 6px;
    font-size: 16px;
    font-weight: normal;
    line-height: 32px;
    text-transform: uppercase;
}

#navigation ul{
    overflow: hidden;
    padding: 9px 0 12px;
}

#navigation ul li{
    overflow: hidden;
    padding: 5px 10px 6px 18px;
}

#navigation ul li a,
#info_box .inner ul li a{
    color: #000; display: block;
    font-size: 12px;
}

#info_box .inner ul li a{ color: #fff; }

#navigation ul li a span,
#info_box .inner ul li a span{
    height: 5px; width: 6px;
    display: inline; float: left;
    margin: 7px 6px 7px 0;
    position: relative;
    overflow: hidden;
    background: url('../images/layout/kia-icons.gif') no-repeat -50px -76px;
}
#navigation ul li a {
    position: relative;
    padding-left: 15px;
}
#navigation ul li a span {
    position: absolute;
    top:0;
    left: 0;
}
#info_box .inner ul li a span{ background-position: -50px -81px; }

#navigation ul li a span i,
#info_box .inner ul li a span i{
    height: 5px; width: 6px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0; left: -6px;
	-webkit-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
    background: url('../images/layout/kia-icons.gif') no-repeat -56px -76px;
}

#navigation ul li a:hover,
#navigation ul li a.selected,
#info_box .inner ul li a:hover{
    color: #e10000;
    text-decoration: none;
}

#navigation ul li a:hover i,
#navigation ul li a.selected i,
#info_box .inner ul li a:hover i{
	left: 0;
}

#navigation ul li a.selected span i{ left: 0!important; }

a#microsite{
    color: #fff;
    display: block; float: left;
    margin: 16px 0 14px;
    padding: 4px 8px 6px 9px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
    background: url('../images/layout/bgr-microsite.gif') repeat-x 0 0;
}

a#microsite:hover{
    text-decoration: none;
    background-position: 0 -28px;
}

.models-nav{
    clear: both; height: 58px;
    position: relative;
}

.models-nav .nav{
	height: 40px;
    overflow: hidden;
}

.models-nav a{
    float: left; display: block;
	height: 38px; width: 38px;
	overflow: hidden;
	position: relative;
    margin-right: 1px;
	background-color: black;
	border: 1px solid #1f1f1f;
}

	.models-nav a i,
	.models-nav a span{
		height: 38px; width: 38px;
		position: absolute;
		top: 0; z-index: 1;
		background-color: #d70000;
		-webkit-transition: all 250ms ease-out;
		-o-transition: all 250ms ease-out;
		transition: all 250ms ease-out;
	}

		#model-prev i{ left: 38px; }
		#model-prev:hover i{ left: 0; }

		#model-next i{ right: 38px; }
		#model-next:hover i{ right: 0; }

.models-nav a span{
	z-index: 2;
	background: url(../images/layout/kia-icons.gif) no-repeat 0 0;
}

#model-next span{ background-position: 0 -38px; }

#model-info{
    display: none;
    overflow: hidden;
    padding: 10px 60px 10px 11px;
    position: absolute;
    top: 40px; left: 0;
    background-color: white;
	border: 1px solid #f5f5f5;
}

.models-nav.active #model-info{ display: block; }

#model-name{
    float: left;
    font-size: 18px;
    text-transform: uppercase;
}

#model-count{
    color: #676767;
    font-size: 14px;
	position: absolute;
	top: 10px; right: 11px;
}

#data-content{
    padding: 23px;
}

#data{
    width: 100%; color: #303030;
    line-height: 24px;
    background-color: fff;
    border: 1px solid #d5d5d5;
}

#data th{
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    padding: 7px 0 7px 17px;
    background-color: #e1e1e1;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

#data td{
	line-height: 16px;
    padding: 6px 10px 8px;
    border-right: 1px solid #d5d5d5;
}

#data tr:nth-child(even) td{ background-color: #f1f1f1; }
#data tr td.even{ background-color: #f1f1f1; }

.custom_select{
    color: #303030; cursor: pointer;
    width: 200px;
    margin: -2px 0 0 10px;
    padding: 5px 0 4px 14px;
    vertical-align: middle;
    border: 1px solid #b1b1b1;
    background: #fff url('../images/layout/arrow-select.gif') no-repeat 95% 55%;
    font: normal 11px/15px 'Open Sans', Tahoma, sans-serif;
}

.test-drive .custom_select,
.test-drive .custom_select_variables{
    width: 100%;
    margin-left: 0;
}

.custom_select_variables{
    display: none; width: 190px;
    margin: 23px 0 0 10px;
    padding: 1px;
    position: absolute;
    top: 0; left: 0;
    z-index: 10;
}
.custom_select_variables option{ padding: 3px 3px; }

select{
    color: #303030;
	border: 1px solid #b1b1b1;
	background-color: white;
    font: normal 11px/13px 'Open Sans', Tahoma, sans-serif;
}

.content-top{
    position: relative;
    overflow: hidden;
    padding: 10px 35px 8px 19px;
}

.content-top h3{
    color: #111; float: left;
    padding-top: 10px;
    font-size: 30px;
    font-weight: 300;
    font: 300 30px/30px 'Open Sans', Tahoma, sans-serif;
}

	html.ie7 .content-top h3{ line-height: 42px; }

    .content-top h3 .logo {
        overflow: hidden;
        padding-left: 10px;
        vertical-align: middle;
    }

        .content-top h3 .logo img {
            height: 30px;
        }

a.back{
    height: 32px; width: 32px;
    position: absolute;
	top: 10px; right: 0;
    background: black url('../images/layout/arrow-back.gif') no-repeat center center;
}

a.back span{
    height: 25px; width: 73px;
    display: block; color: white;
    padding-top: 7px;
    position: absolute;
    top: 0; right: -73px;
    text-align: center;
	cursor: pointer;
    background-color: #d70000;
	-webkit-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

a.back:hover,
a.back:hover span{
    text-decoration: none;
}

a.back:hover span{ right: 0; }

html.ie7 a.back{ overflow: visible; }

a.top{
    color: #fff;
    font-size: 10px;
    position: absolute;
    bottom: -5px; right: -55px;
    text-align: center;
}

a.top span{
    height: 43px; width: 43px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin-bottom: 2px;
    border: 1px solid #1f1f1f;
	-webkit-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
    background: black url('../images/layout/kia-icons.gif') no-repeat 0 -128px;
}

a.top span i{
    height: 43px; width: 43px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 43px; left: 0;
    background: #d70000 url('../images/layout/kia-icons.gif') no-repeat 0 -128px;
}

a.top:hover{ color: #d70000; text-decoration: none; }
a.top:hover span{ background-color: #d70000; }

#car{
    overflow: hidden;
}

#car h3{ padding-top: 22px; }

#car .container{
    min-height: 350px;
    width: 62%; float: left;
    padding: 62px 3% 53px 2%;
    position: relative;
    background: url('../images/layout/loader.gif') no-repeat 50% 50%;
}

#car .container img.car{
    display: block;
    width: 100%;
	max-width: 100%;
}

#car .container img.car_stamp{
    position: absolute;
    top: -34px; right: 57px;
}

#car .sidebar{
    width: 29%; float: right;
}

#car .sidebar h4{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 17px;
    text-transform: uppercase;
}

#car .cvetove ul li { float: left; background: white; width: 38px; height: 40px; }
#car .cvetove ul a { display: block; overflow: hidden; position: relative; height: 30px; width: 30px; }
#car .cvetove ul img { width: 30px; height: 30px; }
#car .cvetove ul span { position: absolute; overflow: hidden; top: 0; left: 0; width: 30px; height: 30px; text-indent: -9999px; }
#car .cvetove ul .active span { height: 28px; width: 28px; border: 1px solid #d50018; }

#car .cvetove strong{
    clear: both; display: block;
    padding: 1px 0 41px 2px;
    color: #868686;
    font-weight: 400;
    text-transform: uppercase;
}

#car .djanti ul{ overflow: hidden; padding: 10px 0px;}

#car .djanti li{
    float: left;
    height: 125px; width: 70px;
    margin-right: 25px;
}

#car .djanti li.last{ margin-right: 0; }

#car .djanti li a{
    display: block; color: #191919;
    cursor: default;
    text-align: center;
    text-decoration: none;
    line-height: 14px;
}

#car .djanti li a strong{
    display: block;
    font-weight: 400;
    text-align: left;
    padding-top: 2px;
}

#car .djanti li .active strong{ color: #868686; }

.shadow{
    width: 16px;
	position: absolute;
	top: 0; bottom: 0;
	right: 0;
	z-index: -1;
	margin: -50px -8px 0 0;
    background: url('../images/layout/bgr-shadow.gif') no-repeat 0 100%;
}

.shadow .inner{
    height: 100px; width: 16px;
    background: url('../images/layout/bgr-shadow-inner.gif') no-repeat 0 0;
}

#gallery{
    overflow: hidden;
    padding: 31px 20px 20px;
}

#gallery .links{
    overflow: hidden;
    padding-bottom: 16px;
}

#gallery .links li{
    float: left;
    padding: 1px 17px 0 18px;
    background: url('../images/layout/bgr-sep.gif') no-repeat 0 0;
}

#gallery .links li:first-child,
#gallery .links li.first-child{
    padding-left: 0;
    background: transparent none;
}

#gallery .links li a{
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

#gallery .links li a:hover,
#gallery .links li a.selected{
    color: #d20017;
    text-decoration: none;
}

#gallery .gallery{ overflow: hidden; }

#gallery .gallery li{
    width: 237px; float: left;
    overflow: hidden;
}

#gallery .gallery li a{
    display: block;
    position: relative;
    padding: 1px 1px 0 0;
}

#gallery .gallery li a span,
.preview a span,
#top_offers ul li a span{
    opacity: 0;
    position: absolute;
    top: 1px; left: 0;
    bottom: 0; right: 1px;
    z-index: 2;
	-webkit-transition: opacity 300ms ease-out;
	-o-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
	background: rgba(0,0,0,0.5);
}

#gallery .gallery li a span:before,
.preview a span:before,
#top_offers ul li a span:before{
	content: '';
	height: 47px; width: 47px;
	position: absolute;
	top: 50%; left: 50%;
	margin: -24px 0 0 -24px;
	background: rgba(0,0,0,0.7) url('../images/layout/bgr-search-top.png') no-repeat center center;
}

html.no-rgba #gallery .gallery li a span,
html.no-rgba .preview a span,
html.no-rgba #top_offers ul li a span{
	background: url('../images/layout/bgr-gallery.png') no-repeat center center;
}

#gallery .gallery li a:hover span,
.preview a:hover span,
#top_offers ul li a:hover span{
	opacity: 1;
}

#gallery .gallery li a img{
    display: block;
    width: 100%;
}

#fancybox-close{
    top: 10px!important;
    right: 10px!important;
    height: 38px!important;
    width: 38px!important;
    overflow: hidden;
    background: #000 url('../images/layout/kia-icons.gif') -38px -128px!important;
}

#fancybox-close span{
    height: 38px; width: 38px;
    display: block;
    position: absolute;
    bottom: -38px; left: 0;
    background: #d70000 url('../images/layout/kia-icons.gif') -38px -128px!important;
}

#fancybox-left-ico,
#fancybox-right-ico{
    height: 38px!important;
    width: 38px!important;
    overflow: hidden;
}

#fancybox-left-ico span{
    position: absolute;
    top: 0; left: 38px;
}

.single-page{
    width: 86%;
    margin: 67px auto 80px;
    position: relative;
    z-index: 11;
    background-color: white;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.19);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.19);
	-webkit-transition: margin 250ms ease-out;
	-o-transition: margin 250ms ease-out;
	transition: margin 250ms ease-out;
}

.single-page .content-top{ padding: 14px 0 8px 2.7%; }

.single-page .inner,
#content .inner{
    padding: 10px 2.7% 27px;
    /*overflow: hidden;*/
}

.single-page .inner img,
#content .inner img{
    float: left; width: auto;
	max-width: 100%;
    margin: 6px 23px 0 0;
}

	.single-page .inner a img,
	#content .inner a img{
		margin: 0;
	}

.text{
    overflow: hidden;
    padding-bottom: 10px;
}

.text ul,
.text ol{
    padding: 3px 0 3px 5px;
}

.text ul li,
.text ol li{
    padding: 0 0 3px 13px;
}

.form-heading{
    color: #c70000;
    font-size: 12px;
    font-weight: 600;
    padding-left: 11px;
}

.forms{ padding: 10px 0 0 11px; }

.test-drive .forms{ padding-left: 0; }

.forms legend{ display: none; }

.forms .errors,
.forms .message {
    padding: 7px 0 15px 23px;
    font-weight: bold;
    color: #333;
    background: url('../images/layout/warning.png') no-repeat 0 8px;
}
.forms .message { background-image: url('../images/layout/yes.png'); color: #666; }

.forms ol{ overflow: hidden; }

.forms li{
    width: 23.9%; float: left;
    padding: 0 1.4% 1.2% 0;
}

.forms li.clear{ clear: both; }

.forms li.textarea{ clear: both; float: none; width: 100%; padding: 0 0 15px 0; }

.forms li.last{ padding: 0 0 1.4% 0; }

.forms li label{ display: block; padding: 0 0 3px 0; font-size: 12px; color: #000; }

.forms li .custom_select_variables{ margin: 25px 0 0 0; }

.forms li input,
.forms li textarea{
    color: #666;
    width: 100%; float: left;
    padding: 4px 4px 5px;
    border: 1px solid #b1b1b1;
    background-color: white;
    font: normal 11px Tahoma, Geneva, sans-serif;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.forms li textarea{
    height: 120px; width: 100%;
    resize: none;
    border: 1px solid #b1b1b1;
    background-color: white;
}

.forms li.from_to{ background: url('../images/layout/calendar.gif') no-repeat 0 20px; }

.forms li.from_to input{ width: 76px; margin: 0 13px 0 35px; }

.forms .buttons{
    text-align: center; clear: both;
    padding: 25px 0 0;
}

.forms .buttons button{
    width: 116px;
    padding: 5px 10px 6px;
    cursor: pointer;
    color: #fff;
    border: 0;
    font-size: 12px;
    font-weight: normal;
    background: url('../images/layout/bgr-microsite.gif') repeat-x 0 0;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
}

#design{
    overflow: hidden;
    padding: 0 3% 20px 0;
}

#design .photo{
    width: 46%; float: left;
    margin: 35px 2% 0 0;
    position: relative;
}

#design .photo img{ width: 100%; }

#design .photo-text{
    color: #fff;
    padding: 6px 9px 7px 7px;
    font-weight: 400;
    position: absolute;
    top: 1px; right: 25%;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    background-color: #e10000;
}

#design .photo-text i.corner{
    height: 0; width: 0;
    display: block;
    overflow: hidden;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    right: -12px; top: 50%;
    margin-top: -6px;
    border-color: transparent transparent transparent #e10000;
}

#design .design-text{
    width: 50%; float: right;
}

#design .design-text table{ width: 100%; }
#design .design-text table td{ width: 48%; }

#news-list{
    width: 100%;
    overflow: hidden;
    margin: 16px 0;
    border-top: 1px solid #d5d5d5;
}

#news-list .col{
    height: 100%;
    width: 340px; float: left;
    padding: 15px 14px 15px 15px;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
}

#news-list .col .inner{ padding: 0; }

#news-list .col .preview{
    overflow: hidden;
    margin-bottom: 22px;
    background-color: #efefef;
}

#news-list .col .preview img{
    width: 100%;
    margin: 0;
}

.pagination{
    clear: both; float: right;
    padding: 0 20px 3px 0;
}

.pagination li{
    float: left;
    padding-right: 1px;
}

.pagination li a{
    height: 18px; width: 18px;
    display: block; float: left;
    position: relative;
    overflow: hidden;
    color: white;
	font-size: 11px;
	line-height: 18px;
    text-align: center;
    background-color: black;
	-webkit-transition: background 250ms ease-out;
	-o-transition: background 250ms ease-out;
	transition: background 250ms ease-out;
}

.pagination li a:hover,
.pagination li a.active{
    text-decoration: none;
    background-color: #ca0000;
}

.pagination li a.first,
.pagination li a.last,
.pagination li a.prev,
.pagination li a.next{
    text-indent: -10000px;
	background-image: url('../images/layout/kia-icons.gif');
	background-repeat: no-repeat;
	background-position: -10000px 0;
}

	.pagination li a.first{ background-position: 0 -182px; }
	.pagination li a.last{ background-position: -18px -182px; }

	.pagination li a.prev{ background-position: -36px -182px; }
	.pagination li a.next{ background-position: -54px -182px; }

.pagination li.pages{
	display: none!important;
    padding: 0 5px;
}

#gallery .pagination{ padding: 20px 0 0; }

.content-top h3.news-heading{
    width: 89.949%;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
}

.news-inner,
.second-inner{
    position: relative;
    padding: 26px 24px 48px;
}

.second-inner{
    overflow: hidden;
    padding: 26px 0;
}

.news-inner .preview,
.second-inner .preview,
.text .peview {
    width: 375px; float: left;
    overflow: hidden;
    margin: 2px 9px 0 0;
}

.news-inner img,
.second-inner img,
.text img{
	height: auto; width: auto;
	max-width: 100%;
}

.news-inner .preview a,
.second-inner .preview a,
.text .preview a {
    float: left;
    position: relative;
    margin: 0 12px 12px 0;
}

.news-inner .preview a.first + a,
.second-inner .preview a.first + a,
.text .preview a.first + a{
	clear: both;
}

.news-inner .preview a span,
.second-inner .preview a span,
.text .preview a span{
    position: absolute;
    top: 0; left: 0;
    bottom: 0; right: 0;
    z-index: 2;
}

#latest-news{
    height: 213px;
    padding: 22px 0 0 30px;
    position: absolute;
    bottom: -256px;
    left: 0; right: 0;
    overflow: hidden;
    background-color: white;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
}

#latest-news .heading{
    font-size: 24px;
    line-height: 18px;
    font-weight: 300;
}

.news-gap{
    height: 249px; width: 100%;
    overflow: hidden;
    position: relative;
}

#years{
    padding: 15px 45px;
    position: relative;
	text-align: center;
}

#years .carousel{
    margin: 30px 0 15px;
    position: relative;
}

#years .mask-left,
#years .mask-right{
    width: 22px;
    position: absolute;
    top: 0; bottom: 0;
	left: 0;
    z-index: 100;
    background: url('../images/layout/bgr-years-carousel-mask.png') repeat-y 0 0;
}

#years .mask-right{
    left: auto; right: 0;
    background-position: -22px 0;
}

#years .navi{
	height: 26px; width: 26px;
	top: 0;
	margin: 0;
}

	#years .navi.prev{ left: -26px; }
	#years .navi.next{ right: -26px; }

#years ul li{
	height: 44px; float: left;
}

#years ul li a{
    height: 100%; width: 100%;
    display: block;
    position: relative;
    color: black;
    font-size: 14px;
    text-align: center;
}

#years ul li a span{
    height: 21px; width: 48px;
    display: block;
    margin: 0 auto;
    padding: 4px 0 0;
    position: relative;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}

#years ul li a span i{
    display: none;
    height: 0; width: 0;
    overflow: hidden;
    position: absolute;
    bottom: -10px; left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #d20017 transparent transparent transparent;
}

#years ul li a.active span{
    color: #fff;
    background-color: #d20017;
}

#years ul li a.active span i{ display: block; }

#years ul li a ins{
	height: 1px;
	position: absolute;
	top: 37px;
	left: 0; right: 0;
	background-color: #c4c4c4;
}

#years ul li.prev .red{ background-color: #d20017; }
#years ul li.half-prev .red{ right: 50%; }

#years ul li a var{
	height: 6px; width: 6px;
	position: absolute;
	top: 100%; left: 50%;
	margin: -12px 0 0 -5px;
	-webkit-border-radius: 100%;
	        border-radius: 100%;
	background-color: white;
	border: 2px solid #5d5d5d;
	z-index: 2;
}

#years ul li.prev a var,
#years ul li.half-prev a var{
	border-color: #d20017;
}

html.no-borderradius #years ul li a var{
	height: 10px; width: 11px;
	border: 0;
	background-color: transparent;
	background: url('../images/layout/bgr-years-dots.png') no-repeat 0 0;
}

html.no-borderradius #years ul li.prev a var,
html.no-borderradius #years ul li.half-prev a var{
	background-position: 0 -10px;
}

#years ul li a:hover,
#years ul li a:hover *{
    text-decoration: none;
}

#years .preview{
    max-width: 100%;
	height: 337px;
	display: inline-block;
    margin: 0 auto;
    position: relative;
	text-align: center;
	overflow: hidden;
    background: url('../images/layout/loader.gif') no-repeat 50% 50%;
}

#years .preview .image{
	display: inline-block;
	height: auto;
	max-width: 100%;
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
}

#years .preview p{
    width: 222px; color: #fff;
    padding: 15px 14px;
    position: absolute;
    top: 16px; right: 36px;
    font-size: 14px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    background-color: #d20017;
    opacity: 0.95;
    filter: alpha("opacity=0.95");
}

#years .preview p i.corner{
    height: 0; width: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: -18px; left: 50%;
    margin-left: -9px;
    border-width: 9px;
    border-style: solid;
    border-color: #d20017 transparent transparent transparent;
}

#years  .other{
	margin: 0 -40px;
    overflow: hidden;
	font-size: 0;
    text-align: center;
}

#years .other a{
    height: 50px; width: 50px;
    display: inline-block;
    margin: 4px;
    border: 1px solid #e0e0e0;
}

#years .other a.active{ border-color: #d20017; }

.test-drive h4{
    font-size: 14px;
    padding: 25px 0 10px;
}

.test-drive .top{
    padding: 17px 65px 24px 2.7%;
    border-bottom: 1px solid #d4d4d4;
}

.test-drive .top h4{ padding: 0 0 10px; }

#services{ padding: 0 30px 0 0; }

#services .shadow{ margin-right: 20px; }

#services .container{

	float: left;
    padding: 31px 70px 30px 2%;
    position: relative;
}

#services .sidebar{ padding-bottom: 20px; }

#services .map{
    height: 370px; width: 556px;
    position: relative;
	float: left;
}

.map img{
	height: 370px; width: 556px;
}

#services .map .link{
    color: black; display: block;
    position: absolute;
    text-transform: uppercase;
	white-space: nowrap;
}

#services .map .link i{
    height: 0; width: 0;
    display: block; float: left;
    overflow: hidden;
    margin: 4px 5px 0 0;
    border-width: 6px;
    border-style: solid;
    border-color: #000 #000 transparent #000;
}

#services .map.service-points .link i{
    background-image: url('../images/service-icon.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 18px; width: 18px;
    display: block; float: left;
    overflow: hidden;
    margin: 0 5px 0 0;
    border: none;
}

#services .map.service-points .link:hover i,
#services .map.service-points .active i{
    background-position: 0 -18px;
}

#services .map .to_7 i,
#services .map .to_13 i,
#services .map .to_14 i,
#services .map .to_15 i{
    float: right;
    margin: 4px 0 0 5px;
}

#services .map .link q{
    display: none;
    height: 16px; width: 13px;
    overflow: hidden;
    position: absolute;
    top: 1px; left: 17px;
    z-index: 20;
    background: url('../images/layout/bgr-services-active.png') no-repeat 0 0;
}

#services .map .link:hover, #services .map .active{ color: #cb1a1a; text-decoration: none; }
#services .map .link:hover i, #services .map .active i{ border-color: #cb1a1a #cb1a1a transparent #cb1a1a; }
#services .map .active q{ display: block; }

#services .map .to_1{ top: 47%; left: 16%; }
#services .map .to_2{ top: 35%; left: 88%; }
#services .map .to_3{ top: 60%; left: 36%; }
#services .map .to_4{ top: 54%; left: 44%; }
#services .map .to_5{ top: 29%; left: 51%; }
#services .map .to_6{ top: 25%; left: 29%; }
#services .map .to_7{ top: 58%; left: 72%; }
#services .map .to_8{ top: 15%; left: 56%; }
#services .map .to_9{ top: 76%; left: 14%; }
#services .map .to_10{ top: 68%; left: 23%; }
#services .map .to_11{ top: 43%; left: 37%; }
#services .map .to_12{ top: 49%; left: 40%; }
#services .map .to_13{ top: 35%; left: 69%; }
#services .map .to_14{ top: 24%; left: 76%; }
#services .map .to_15{ top: 68%; left: 52%; }
#services .map .to_16{ top: 83%; left: 41%; display: none; }
#services .map .to_17{ top: 50%; left: 65%; }
#services .map .to_18{ top: 30%; left: 15%; }
#services .map .to_19{ top: 84%; left: 16%; }

#services .city{
    display: none;
    position: absolute;
    width: 232px;
    padding: 8px 0 0 8px;
    z-index: 10;
    cursor: default;
}

    #services .city.double{ width: 432px; }
    #services .city.double .text table {
        width: 100%;
    }

    #services .city.double .text table td {
        padding: 0 10px 0 0;
    }

    #service-preview table {
        width: 100%;
        margin-bottom: 20px;
    }

    #service-preview table td {
        overflow: hidden;
        zoom: 1;
    }

#services .city .text{
    color: #4c4c4c;
    font-size: 9px;
    line-height: 18px;
    padding: 12px 10px 22px 19px;
	background-color: white;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
}

#services .text strong{ font-size: 12px; text-transform: uppercase; color: #C70000; }
#services .text strong *{ color: #c70000!important; }
#services .text em{ color: #000; font-style: normal; font-weight: 600; }
#services .text strong span em{ color: #d51909; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: none; }
#services .text a{ color: #000; font-weight: bold; text-decoration: underline; }

#services .city .close{
	display: none;
	height: 17px; width: 17px;
	position: absolute;
	top: 20px; right: 14px;
	text-indent: -10000px;
	cursor: pointer;
	background: black url('../images/layout/kia-icons.gif') no-repeat 0 -214px;
}

#second_hand{
    overflow: hidden;
    padding: 0 2.7%;
    margin-top: 16px;
}

#top_navigation{
    height: 39px; width: 100%;
    background-color: #e1e1e1;
}

#top_navigation form legend{ display: none; }

#top_navigation form,
#top_navigation form a{
    color: #000;
}

#top_navigation .kia_aproved{
    float: right;
    overflow: hidden;
    margin: 2px -22px 0 0;
}
#top_navigation .kia_aproved em{
    float: left;
    font-style: normal;
    padding: 8px 3px 0 0;
}
#top_navigation .kia_aproved span{
    height: 63px;
    width: 138px;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    background: url('../images/layout/kia-approved.jpg') no-repeat 0 0;
    margin-top: -14px;
    margin-left: -17px;
}

#top_navigation ol{
    overflow: hidden;
    float: left;
    line-height: 32px;
    padding-top: 3px;
}

#top_navigation ol li{ float: left; }

#top_navigation .custom_select{
    width: auto;
    margin: 2px 4px 0;
}

#top_navigation .custom_select_variables{ margin: 28px 0 0 4px; }

#top_navigation input{
    margin-top: 0;
    vertical-align: middle;
}

#top_navigation form .count{
    float: left;
    padding: 11px 3% 0 19px;
}

#second_hand_grid{
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}

#second_hand_grid #list{
    overflow: hidden;
    margin-left: -20px;
    border-top: 1px solid #d5d5d5;
}

#second_hand_grid #list li{
    height: 100%;
    width: 340px; float: left;
    padding: 20px 19px 20px 20px;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
}

#second_hand_grid #list .inner{ padding: 0; }

#second_hand_grid .preview{
    color: #000;
    overflow: hidden;
}

#second_hand_grid .preview img{
    width: 100%;
    margin: 0;
}

#second_hand_grid .part{
    overflow: hidden;
    padding: 14px 0 0 2px;
}

#second_hand_grid h4{
    color: #000; height: 36px;
	overflow: hidden;
    font-size: 14px;
    text-transform: uppercase;
}

#second_hand_grid a.rm{
    color: #ca0000;
    font-weight: 600;
    display: inline-block;
    margin-top: 6px;
}

#second_hand_grid li strong{ color: #ca0000; font-weight: bold; }

#second_hand .pagination{ padding: 0 0 20px 0; }

.second-inner .text{ overflow: visible; }

.second-inner .text h4{
    color: #ca0000;
    font-size: 14px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.second-inner .text .part{
    overflow: hidden;
    padding-bottom: 20px;
}

.second-inner .text .part strong{ font-weight: 600; }

.second-inner .text .part em{
    color: #ca0000;
    font-weight: 600;
    font-style: normal;
}

#content .list-view{
    margin: 22px 26px 22px 20px;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
            flex: 1 0 auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-flex-direction: wrap;
    -webkit-flex-direction: wrap;
    -ms-flex-direction: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: wrap;
    overflow: hidden;
}

#content .list-view > li{
    width: 25%;
    padding: 20px 19px 20px 20px;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#content .list-view > li .inner{
    width: 100%;
}

#content .list-view > li .preview{
    color: #000;
    overflow: hidden;
}

#content .list-view > li .preview a{
    display: block;
}

#content .list-view > li .preview img{
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

#content .list-view > li .part{
    overflow: hidden;
    padding: 14px 0 0 2px;
}

#content .list-view > li h4{
    color: #000; height: 36px;
	overflow: hidden;
    font-size: 14px;
    text-transform: uppercase;
}

#content .list-view > li .links{}

#content .list-view > li .links > li{
    padding: 4px 15px 6px;
    font-size: 12px;
    color: #000;
    overflow: hidden;
}

#content .list-view > li .links > li:nth-child(2n-1){
    background: #f8f8f8;
}

a.download{
    background: url(../images/layout/pdf.png) no-repeat 0 0;
    margin: 0 0 0 5px;
    padding: 0 0 0 26px;
    color: #000;
}

#content .list-view > li .links > li a.download{
    float: right;
}

p.aproved{
    min-height: 35px;
    margin: -10px 0 0 -20px;
    padding: 22px 0 0 118px;
    background: url(../images/live/btn-kia-aproved.png) no-repeat 0 0;
}

#config-box{
    overflow: hidden;
    margin-top: 10px;
    padding: 0 1.5% 21px;
    border-top: 1px solid #d5d5d5;
}

.jspContainer{
    overflow: hidden;
    position: relative;
}

.jspPane{ position: absolute; }

.jspVerticalBar{
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    border-left: 1px solid #dadada;
}

.jspHorizontalBar{
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *{
    margin: 0;
    padding: 0;
}

.jspCap{ display: none; }

.jspHorizontalBar .jspCap{ float: left; }

.jspTrack{
    position: relative;
    background: url('../images/layout/bgr-scroll.png') repeat-y 0 0;
}

.jspDrag{
    position: relative;
    top: 0;	left: 0;
    cursor: pointer;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    background: url('../images/layout/bgr-drag.png') repeat-y 0 0;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
    float: left;
    height: 100%;
}

.jspArrow{
    text-indent: -10000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled{ cursor: default; }

.jspVerticalBar .jspArrow{
    height: 18px;
    background: url('../images/layout/bgr-scroll-arrows.png') no-repeat -1px 0;
}

.jspHorizontalBar .jspArrow{
    width: 18px; float: left;
    height: 100%;
}

.jspVerticalBar .jspArrowDown{ background-position: -1px 100%; }

.jspCorner{ display: none; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{ margin: 0 -3px 0 0; }

#filter{
    overflow: hidden;
    padding: 16px 0;
}

#filter label{
    color: #000; float: left;
    padding: 3px 5px 0 0;
    font-size: 14px;
    font-weight: 400;
}

#filter input{
    float: left;
    margin: -2px 26px 0 10px;
}

#filter .paint{ width: 142px; }

#filter a{
    color: #000; float: right;
    padding: 1px 0 0 21px;
    margin: 0 0 0 10px;
    font-size: 11px;
}
#filter a.print{ background: url('../images/layout/bgr-print.gif') no-repeat 0 4px; }

#content .filter-img{
	float: left;
	margin-left: 20px;
	vertical-align: middle;
}

#calculator{
    overflow: hidden;
}

#calculator .column{
    width: 32%; float: left;
    margin: 0 1.5% 0 0;
    border: 1px solid #d5d5d5;
    background-color: #fff;
}

#calculator .third{ margin: 0; }

#calculator .column h4{
    color: #000;
    height: 39px;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #d5d5d5;
    background: #e1e1e1 url('../images/layout/bgr-column-calculator.png') no-repeat 100% 0;
}
#calculator .column h4 span{
    height: 26px;
    overflow: hidden;
    display: block;
    position: relative;
    padding: 6px 0 0 13px;
    line-height: 28px;
}

#calculator .column h4 span em{
    position: absolute;
    padding: 0 5px;
    top: 6px; right: 8px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
}

#calculator .box {
    height: 350px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

#calculator .box ul{}

#calculator .box ul li{
    color: #000;
    overflow: hidden;
    padding: 7px 14px 8px;
    border-bottom: 1px solid #f0f0f0;
}
#calculator .box ul li.even{ background-color: #f0f0f0; }
#calculator .box ul li.last{ border: none; }
#calculator .box ul li span.like_title{ font-weight: bold; font-size: 12px; }

#calculator .box ul li .custom_select{ width: 115px; margin-top: -1px; }

#calculator .box ul li p{
    float: left;
    width: 100%;
}

.custom_checkbox{
    height: 13px; width: 13px;
    display: block; float: left;
    overflow: hidden;
    margin: 3px 10px 0 0;
}

.custom_checkbox a{
    height: 13px; width: 13px;
    display: block; float: left;
    overflow: hidden;
    text-indent: -10000px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background: url('../images/layout/bgr-checkbox.gif') no-repeat 0 0;
}

.custom_checkbox a.checked{ background-position: 0 -13px; }

.custom_checkbox input{ display: none; }

#calculator .third ul li{ padding: 0!important; }

#calculator .price{
    overflow: hidden;
    padding: 10px;
}

#calculator .price span{
    color: black; float: left;
	clear: both;
    padding-top: 8px;
    font-size: 12px;
}

#calculator .price span code{ font-weight: bold; }
#calculator .little span{ font-size: 11px; }

#calculator .price div{ float: right; }

#calculator .price div strong{
    display: block;
    color: #cf0017;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}

#calculator .price div em{
    display: block; color: #a7a7a7;
    font-size: 11px;
    font-style: normal;
    text-align: right;
}

#calculator .price small{
    font-size: 11px;
    font-weight: normal;
}

#calculator .price p,
#calculator .information{
    color: #969696;
    width: auto;
    padding: 10px 0 0 0;
    font-size: 11px;
    line-height: 15px;
}

#calculator .price p{
    width: 100%!important;
    margin: 9px 0 6px;
    border-top: 1px solid #ededed;
}

#calculator .price div #price_total,
#calculator .price div #final_price { font-size: 16px; }

#calculator .price .btn{
    overflow: hidden;
    padding: 10px 0 0 0;
    clear: both; float: none;
}

#calculator .price .btn a{
    height: 25px; width: 148px;
    display: block; color: #383838;
    margin: 10px auto 0;
    padding-top: 4px;
    text-align: center;
    line-height: 22px;
    border: 1px solid #d4d4d4;
    border-bottom-color: #bfbfbf;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    background: url('../images/layout/bgr-link-calculator.gif') repeat-x 0 0;
}

#calculator .price .btn a:hover{ text-decoration: none; }

#calculator .box .filters label{
    float: left;
    padding: 3px 0 0 0;
    font-weight: bold;
    width: 120px;
}


#calculator .price div.details {
    clear: both;
    float: none;
    overflow: hidden;
    padding: 10px 0 0 20px;
    line-height: 20px;
}
#calculator .price div.details span { font-size: 10px; padding: 0; font-weight: normal; }
#calculator .price div.details span code { font-weight: normal; }
#calculator .price div.details span.strong { font-weight: bold; }
#calculator .price div.details strong { font-size: 10px; font-weight: normal; color: #7D7D7D; }

#calculator .has_sub .price .expand {
    padding: 2px 0 0 15px;
    background: url(../images/live/plus-minus.gif) no-repeat 0 -26px;
    cursor: pointer;
}
#calculator .has_sub .price .is_open { background-position: 0 5px; }


#calculator code { font-size: 10px; }

#newsletter{
	color: black;
    overflow: hidden;
    padding: 5px 5px 25px;
	background-color: white;
}

#newsletter .text{ padding-right: 25px; }

#newsletter h2{
    color: #000;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    padding: 14px 0 15px;
}

#newsletter  .forms li{
    width: 30%;
    padding: 0 2.9% 0 0;
}

#newsletter .forms .buttons{ padding-top: 4.5%; }

#fancybox-close.close-newsletter{ top: 0!important; right: 0!important; }

.columns{ overflow: hidden; }

.columns div.text{
    width: 25%; float: left;
    color: #000;
}

.columns .text a{ color: #000; }

.contact-form{
    overflow: hidden;
}

.contact-form h3{
    color: #000;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    padding: 31px 0 19px;
}

.contact-form .forms{ padding: 0; }

.contact-form .forms .custom_select,
.contact-form .forms .custom_select_variables{
    margin-left: 0;
}

#top_offers{
    position: relative;
    padding: 20px 15px 25px;
}

#top_offers .preview{
    padding: 20px 0;
    text-align: center;
}

#top_offers .preview img{ max-width: 100%; }

#top_offers .scrollbar-holder{
    position: relative;
    overflow: hidden;
    height: 170px;
    margin: 10px 0 0;
}

#top_offers .slider li{
    height: 170px; width: 229px;
    float: left;
    position: relative;
    overflow: hidden;
    text-align: center;
	cursor: url('../images/live/openhand.cur'), default!important;
}

#top_offers ul li a{
    display: block;
    height: 170px; width: 228px;
    margin: 0 auto;
    position: relative;
}

#top_offers ul li img{ display: block; }

.o_s{
    padding: 15px 2.7% 32px;
    overflow: hidden;
    border-bottom: 1px solid #d4d4d4;
}

#o_s{
    overflow: hidden;
    padding: 0 2.7% 20px;
}

#o_s .tabs{
    height: 43px;
    overflow: hidden;
    margin-top: 23px;
    position: relative;
    background-color: #f0f0f0;
}

#o_s .tabs strong{
    height: 30px; width: 225px;
    padding: 13px 0 0 35px;
    color: #000;
    cursor: default;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    position: absolute;
    overflow: hidden;
    background: url('../images/layout/bgr-o-s-tabs-tab.png') no-repeat 0 0;
}

#o_s .tabs strong.third { z-index: 1; left: 472px; }
#o_s .tabs strong.second { z-index: 2; left: 236px; }
#o_s .tabs strong.first { z-index: 3; background-position: 0 -86px; }
#o_s .tabs strong.selected{ color: #fff; background-position: 0 -43px; }

#o_s .steps{
    display: none;
    padding: 40px 0 20px;
}

#o_s .step_1{ display: block; }

#o_s .forms{ padding: 10px 0; }
#o_s .custom_select{ margin: 0;}
#o_s .custom_select_variables{ margin: 23px 0 0; }

#o_s h2{
    font-size: 16px;
    padding-bottom: 13px;
}

#o_s .important{
    overflow: hidden;
    padding: 18px 10px;
    background-color: #e8e8e8;
}

#o_s .important input{
    padding: 9px 4px 10px;
    border-color: #d5d5d5;
}

#o_s .step_buttons{
    overflow: hidden;
    padding-top: 20px;
}

#o_s .step_buttons a{
    height: 24px; width: 116px;
    padding-top: 4px;
    color: #fff;
    border: 0;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background: url('../images/layout/bgr-microsite.gif') repeat-x 0 0;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
}

#o_s .step_buttons a.prev{ float: left; }
#o_s .step_buttons a.next{ float: right; }

#o_s .step_buttons a:hover{
    text-decoration: none;
    background-position: 0 -28px;
}

#o_s .first h2,
#o_s .second h2{
    color: #000;
    padding: 0 0 25px;
}

#o_s div.first{
    min-height: 320px;
    width: 30%; float: left;
    overflow: hidden;
}

#o_s .first .ui-helper-clearfix{ display: inline-block; }

#o_s .first .ui-datepicker{
    width: 241px;
    padding: 0;
    -webkit-border-radius: 0;
            border-radius: 0;
    background: #fff;
    border-color: #b1b1b1;
}

#o_s .first .ui-widget-header{
    color: #000; width: 100%;
    -webkit-border-radius: 0;
            border-radius: 0;
    background: white;
    border: 0;
}

#o_s .first .ui-datepicker-prev,
#o_s .first .ui-datepicker-next{
    height: 17px; width: 17px;
    display: block;
    overflow: hidden;
    border: 0; cursor: pointer;
    top: 14px; left: 9px;
    -webkit-border-radius: 0;
            border-radius: 0;
    background: #000 url('../images/layout/kia-icons.gif') no-repeat -51px -92px;
}

#o_s .first .ui-datepicker-next{
    left: auto; right: 9px;
    /*background-position: -59px -103px;*/
    background-position: -50px -110px;
}

#o_s .first .ui-datepicker-prev span,
#o_s .first .ui-datepicker-next span{
    display: none;
}

#o_s .first .ui-datepicker-title{
    padding: 10px 0 0;
    color: #000; font-size: 12px;
    font-weight: 600;
    font-family: "Open Sans", serif;
    text-transform: uppercase;
}

#o_s .first .ui-datepicker th{
    color: #333; font-size: 11px;
    font-weight: 400;
    font-family: "Open Sans", serif;
}

#o_s .ui-widget-content .ui-state-default{
    color: #000;
    border-color: #b1b1b1;
    background: transparent none;
}

#o_s .ui-state-active{ color: #d70000!important; }

#o_s .datepick-month td .datepick-weekend{ cursor: default; }

#o_s .hours{ color: black; margin-top: 16px; }

#o_s .second{
    width: 70%; float: left;
}

#o_s .second ol.services{
    float: left;
    padding: 0 4.6% 0 0;
}

#o_s .second ol.services li{
    color: #000;
    padding-bottom: 7px;
}

#o_s .services p.details{
    display: none;
    padding: 5px 5px 5px 20px;
    background: url('../images/layout/bgr-o-s-arrow.gif') no-repeat 5px 10px;
}

#o_s .services p.details input{
    color: #666; width: 252px;
    padding: 4px 4px 5px;
    border: 1px solid #b1b1b1;
    font: normal 11px Tahoma, Geneva, sans-serif;
}

#o_s .second ol.services li em{ font-style: normal; }

#o_s .column{
    width: 230px; float: left;
    padding-right: 25px;
}


.text strong, .test b{ font-weight: bold; }
.text i{ font-style: italic; }
.text u{ text-decoration: underline; }
.text ul{ list-style: disc outside; padding-left: 16px; }
.text ul li{ padding-left: 0; }

#fb-likepop{
    background: #000;
    background: rgba(0, 0, 0, 0.45);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}

#fb-likepop > div{
    background: #fff;
    width: 422px;
    height: 340px;
    margin: -190px 0 0 -211px;
    padding: 40px 0 0;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

#fb-likepop > div .content-top{
    min-height: 35px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
}

#fb-likepop > div img{
    display: block;
    margin: 0 auto;
}

#fb-likepop > div > p{
    width: 100%;
    margin: 34px 0 0;
    font: 300 40px/30px 'Open Sans', Tahoma, sans-serif;
    display: inline-block;
    line-height: 44px;
}

#fb-likepop > div > p img{
    vertical-align: middle;
    display: inline-block;
}

#fb-likepop > div > a{
    background: #4867aa;
    margin: 50px auto 0;
    padding: 11px 60px 10px 20px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    position: relative;
}

#fb-likepop > div > a:before{
    content: '';
    background: #305093;
    width: 38px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#fb-likepop > div > a:after{
    content: '';
    background: url('../images/fb-pop/pic3.png');
    width: 10px;
    height: 21px;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 14px;
    z-index: 2;
}

.image-banner{
    margin: 15px 30px 0 24px;
    text-align: right;
    position: relative;
}

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

.image-banner figcaption{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9dfc5+0,ffffff+100&1+0,0+100 */ /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(233,223,197,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear,  left top, right top,  from(rgba(233,223,197,1)),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(left,  rgba(233,223,197,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(233,223,197,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9dfc5', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    text-align: left;
    padding: 40px;
    position: absolute;
    top: 0;
    left: 0;
    right: 30%;
    bottom: 0;
    z-index: 1;
}

.image-banner figcaption > div{
    width: 70%;
    height: 100%;
    display: table;
}

.image-banner figcaption > div > div{
    display: table-cell;
    vertical-align: middle;
}

.image-banner figcaption > div > div header{
    margin: 0 0 20px;
}

.image-banner figcaption > div > div h5{
    font-family: "Open Sans", serif;
    font-size: 41px;
    color: #000;
    font-weight: 300;
    line-height: 53px;
}

.image-banner figcaption > div > div h5 strong{
    display: block;
    color: #da0018;
    font-weight: 700;
}

.image-banner figcaption > div > div h6{}

.image-banner figcaption > div > div p{}

.image-banner figcaption > div > div a.link{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e10019+0,9d0011+100 */
    background: rgb(225,0,25); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(225,0,25,1) 0%,rgba(157,0,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(225,0,25,1)),to(rgba(157,0,17,1)));
    background: -o-linear-gradient(top,  rgba(225,0,25,1) 0%,rgba(157,0,17,1) 100%);
    background: linear-gradient(to bottom,  rgba(225,0,25,1) 0%,rgba(157,0,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10019', endColorstr='#9d0011',GradientType=0 ); /* IE6-9 */
    margin: 30px 0 0;
    padding: 4px 25px 6px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}


.image-grid{
    margin: 35px 20px 0 14px;
}

.image-grid:after{
    content: '';
    display: block;
    clear: both;
}

.image-grid li{
    width: 25%;
    float: left;
    text-align: center;
}

.image-grid li a{
    display: block;
    margin: 0 10px;
}

.image-grid li a img{
    width: 100%;
    height: auto;
}

.poll{
    background: #f2f2f2;
    position: relative;
    overflow: hidden;
}

.poll > img{
    width: 50%;
    max-width: 100%;
    height: auto;
    float: left;
}

.poll > form{
    width: 50%;
    padding: 50px 70px 50px 40px;
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.poll > form ul > li{
    margin: 0 0 20px;
}

.poll > form ul > li > ol{
    overflow: hidden;
}

.poll > form ul > li > ol > li{
    width: 45%;
    margin: 0 5% 20px 0;
    float: left;
}

.poll > form ul > li > ol > li.full-width{
    width: 95%;
    margin: 0 0 20px;
}

.poll ul > li label{
    display: inline-block;
}

.poll > form strong{
    margin: 0 0 6px;
    font-size: 14px;
    color: #000;
    display: block;
}

.poll input[type="text"],
.poll textarea{
    color: #666;
    width: 100%;
    padding: 4px 4px 5px;
    border: 1px solid #b1b1b1;
    background-color: white;
    font: normal 11px Tahoma, Geneva, sans-serif;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.poll input[type="submit"]{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#acacac+0,868686+100 */
    background: rgb(172,172,172); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(172,172,172,1) 0%,rgba(134,134,134,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(172,172,172,1)),to(rgba(134,134,134,1)));
    background: -o-linear-gradient(top,  rgba(172,172,172,1) 0%,rgba(134,134,134,1) 100%);
    background: linear-gradient(to bottom,  rgba(172,172,172,1) 0%,rgba(134,134,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#868686',GradientType=0 ); /* IE6-9 */
    margin: 0 10px 10px 0;
    padding: 5px 35px 8px;
    font-size: 12px;
    color: #fff;
    border: none;
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}
.poll input[type="submit"]:hover{
    cursor: pointer;
}

.poll a.link{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e10019+0,9d0011+100 */
    background: rgb(225,0,25); /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(225,0,25,1) 0%,rgba(157,0,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(225,0,25,1)),to(rgba(157,0,17,1)));
    background: -o-linear-gradient(top,  rgba(225,0,25,1) 0%,rgba(157,0,17,1) 100%);
    background: linear-gradient(to bottom,  rgba(225,0,25,1) 0%,rgba(157,0,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10019', endColorstr='#9d0011',GradientType=0 ); /* IE6-9 */
    margin: 0 10px 10px 0;
    padding: 5px 30px 8px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.parts-search{
    position: relative;
    overflow: hidden;
}

.parts-search iframe{
    width: 100%;
    height: 100%;
}

.parts-search nav{
    position: absolute;
    top: 20px;
    right: 50px;
}

.parts-search nav a{
    margin: 0 4px;
    padding: 4px 6px;
    font-size: 20px;
    color: #c2001c;
    font-weight: bold;
    border: 1px solid #c2001c;
    display: inline-block;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.parts-search nav a:hover{
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
}

.parts-search > img{
    width: 100%;
    height: auto;
}

.parts-search .red-box{
    background: #c2001f;
    position: relative;
}

.parts-search .red-box img{
    position: absolute;
    top: -56px;
    right: 46px;
    z-index: 1;
}

.parts-search .red-box p{
    margin: 20px;
    color: #fff;
    display: inline-block;
}

.parts-search form{
    text-align: center;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 1;
}

.parts-search form strong{
    margin: 0 0 16px;
    color: #c2001c;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

.parts-search form label{
    color: #c2001c;
    font-weight: bold;
    text-transform: uppercase;
}

.parts-search form span{
    padding: 0 20px;
    font-size: 10px;
    color: #c2001c;
    display: block;
}

.parts-search form input[type="text"]{
    background: #fff;
    color: #c2001c;
    border: 1px solid #c2001c;
}

.parts-search form input[type="submit"]{
    background: #fff;
    color: #c2001c;
    border: 1px solid #c2001c;
}

#list-2{}

#list-2 > li{
    width: 100%;
    display: table;
    table-layout: fixed;
}

#list-2 > li > div{
    padding: 20px;
    display: table-cell;
    vertical-align: top;
    border-bottom: 1px solid #e1e1e1;
}

#list-2 > li > div.price{
    text-align: center;
}

#list-2 > li > div.specs-info{
    width: 310px;
    text-align: center;
}

#list-2 > li > div.preview{
    width: 280px;
    padding: 20px 0;
}

#list-2 > li > div.carModel{
    padding-top: 35px;
}

#list-2 > li > div.carModel h4{
    height: auto;
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: normal;
    line-height: normal;
}

#list-2 > li > div.carModel .aprovedBtn{
    background: url('../images/live/approved-icon.png');
    width: 95px;
    height: 38px;
    margin: 22px 0 0;
}

#list-2 > li > div table{
    width: 100%;
    margin: 20px 0;
    text-align: left;
}

#list-2 > li > div table td{
    padding: 0 7px 12px;
    font-size: 14px;
    color: #000;
}

#list-2 > li > div table td strong{
    font-size: 16px;
    color: #000;
}

#list-2 > li > div ul{
    margin: 20px 0;
}

#list-2 > li > div ul li{
    margin: 0 0 12px;
    padding: 0 0 0 14px;
    font-size: 14px;
    color: #000;
    position: relative;
}

#list-2 > li > div ul li:before{
    content: '';
    background: #b11116;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 100%;
            border-radius: 100%;
    position: absolute;
    top: 6px;
    left: 0;
}

#list-2 > li > div.price{
    width: 194px;
}

#list-2 > li > div.price > div{
    padding: 46px 0 0 42px;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #e1e1e1;
    border-bottom: none;
}

#list-2 > li > div.price > div strong{
    margin: 10px 0 0;
    font-size: 25px;
    color: #b11116;
    display: block;
}

#list-2 > li > div.price > div a{
    background: #b11116;
    margin: 58px -1px 0 -43px;
    padding: 11px 10px 12px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: block;
}

#footer{
    color: #bcbcbc;
    overflow: hidden;
    font-size: 10px;
    line-height: 14px;
    background-color: #000;
    padding: 10px 22px 10px 15px;
}

#footer .kia-logo{
    height: 48px; width: 100px;
    float: left; display: inline;
    margin: 11px 1% 0 1%;
    background: url('../images/layout/bgr-kia-logo.png') no-repeat 0 0;
}

#footer .newsletter{
    float: left; display: inline;
    width: 170px;
    margin: 0 1% 0 2%;
    line-height: 12px;
}

#footer .newsletter strong{ color: #fff; font-size: 11px; }

#footer dl{
    float: left;
    margin-right: 2%;
    padding-left: 25px;
}

#footer dl dt{
    color: #fff;
    font-weight: bold;
    padding: 5px 0 6px;
}

#footer dl dd a{ color: #bcbcbc; }

#footer dl.last{ width: 13%; margin-right: 0; }
#footer dl.last dd a{ font-weight: normal; }

#footer .social{ float: right; }

#footer .social li{
    float: right;
    padding: 1px 0 3px 6px;
}

#footer .social li.last{
	clear: both;
	margin-right: -3px;
}

#footer .social li a{
    height: 23px; width: 23px;
    display: block; float: left;
    text-indent: -10000px;
    overflow: hidden;
    position: relative;
    background: url('../images/layout/bgr-social.png') no-repeat 0 0;
}

#footer .social li a span{
    height: 46px; width: 23px;
    display: block;
    position: absolute;
    top: 0; left: 0;
	-webkit-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

#footer .social li a:hover span{ top: -23px; }

#footer .social li a.facebook span{ background: url('../images/layout/bgr-facebook.png') no-repeat 1px 0; }
#footer .social li a.twitter span{ background: url('../images/layout/bgr-twitter.png') no-repeat 1px 0; }
#footer .social li a.youtube span{ background: url('../images/layout/bgr-youtube.png') no-repeat 1px 0; }

#bottom{
    color: #707070;
    overflow: hidden;
    padding-top: 5px;
}

#bottom a{ color: #707070; }

#print_data .column {
    float: left;
    margin-right: 10px;
    width: 300px;
}

#print_data { }

#print_data h4 {
    padding-bottom: 5px;
    font-size: 14px;
    border-bottom: 1px solid #666;
}

#print_data ul {

}

#print_data ul li {
    padding: 7px 0;
    font-size: 12px;
}

#print h2 {
    padding: 10px 0;
    font-size: 16px;
}

#search li {
    padding: 10px 10px 0 10px;
}
#search li:hover{ background: #b11116; }

#search li:hover a{ color: white; text-decoration: none; }

#search li .txt {
    padding-bottom: 0;
}

/* BOF Green driving */
.gd-inner{
    position: relative;
    padding: 11px 21px 25px;
}

.gd-separator{
	height: 1px; clear: both;
	margin: 0 21px 20px;
	background-color: #dbdbdb;
}

.gd-inner .preview{ margin-bottom: 7px; }

.gd-inner .preview img{
    height: auto; width: 100%;
}

.gd-inner .text{
    color: black;
    font-size: 12px;
    line-height: 18px;
}

.gd-inner .text h4{
    color: black;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    padding: 10px 0 12px;
}

.gd-inner .text h4 img{
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

.gd-inner .text img[align="right"]{ margin: 1px 0 0 20px; float: right; }
.gd-inner .text img[align="left"]{ margin: 1px 20px 0 0; float: left; }


.driving-schema{
	overflow: hidden;
    margin: -30px 0 32px -2%;
    position: relative;
    z-index: 3;
}

.driving-schema li{
    min-height: 250px;
    width: 30%; float: left;
    margin: 29px 0 0 3.3%;
	position: relative;
	z-index: 3;
}

    .driving-schema li.item-5,
    .driving-schema li.item-6{
        float: right;
    }

.driving-schema li .box{
    min-height: 300px;
    padding: 18px 18px 5px;
    border: 1px solid #d6d7d5;
    background-color: white;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}

.driving-schema .preview{
    margin: 0;
}

.gd-inner .driving-schema li .text h4{
    font-size: 15px;
    line-height: 1.2;
    padding: 15px 0 5px;
}

.gd-inner .box-advice{ padding: 71px 0 0 10px; }

.gd-inner .box-advice p{
    height: 27px; display: block;
    float: left; color: white;
    margin: 7px 0 0 12px;
    padding: 9px 8px 0 7px;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-text-shadow: 1px 1px 0px #6a8111;
            text-shadow: 1px 1px 0px #6a8111;
    background-color: #97b819;
}

    .gd-inner .box-advice p i{
        height: 36px; width: 11px;
        position: absolute;
        top: 0; left: -11px;
        background: url('../images/layout/bgr-advice-arrow.png') repeat 0 0;
    }

    .gd-inner .box-advice p b{
        height: 36px; width: 47px;
        position: absolute;
        top: 0; right: -47px;
        background: url('../images/layout/bgr-advice-arrow.png') repeat -11px 0;
    }

.driving-schema li.item-9 .advice{
    height: 145px; width: 200px;
    margin: 70px auto 0;
    padding: 77px 11px 0;
    color: white;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
    -webkit-text-shadow: 1px 1px 0px #6a8111;
            text-shadow: 1px 1px 0px #6a8111;
    background: url('../images/layout/bgr-green-message.png') no-repeat 0 0;
}

.gd-inner .line{
    position: absolute;
    background: url('../images/layout/bgr-line.png') repeat 0 0;
}

.driving-schema .preview{
    height: 150px; width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.gd-inner .driving-schema .preview img{
    height: auto; width: auto;
    position: absolute;
    left: 50%;
    margin-left: -175px;
}

.gd-inner .line{
	display: none;
	z-index: 1;
}

.gd-inner .line-1{
	display: block; height: 95px;
	top: 186px;
	left: 0; right: 0;
}

.gd-inner .line-2{
	display: block;
	height: 444px; width: 95px;
	top: 223px; right: 0;
	z-index: 2;
}

.gd-inner .line-3{
	display: block; height: 95px;
	top: 576px;
	left: 0; right: 0;
}

.gd-inner .line-4{
	display: block;
	height: 444px; width: 95px;
	top: 598px; left: 8px;
	z-index: 2;
}

.gd-inner .line-5{
	display: block; height: 95px;
	top: 934px;
	left: 0; right: 0;
}

.gd-inner .line div{
    position: absolute;
}

    .gd-inner .line-1 div{
        height: 5px;
        top: 50%;
        left: 23%; right: 13px;
        margin-top: -4px;
        background: url('../images/layout/bgr-dot-horizontal.png') repeat-x 0 0;
    }

    .gd-inner .line-2 div{
        width: 5px;
        top: 8px; right: 5px;
        bottom: 43px;
        background: url('../images/layout/bgr-dot-vertical.png') repeat-y 0 0;
    }

    .gd-inner .line-3 div{
        height: 5px;
        top: 50%;
        left: 12px; right: 5%;
        margin-top: -4px;
        background: url('../images/layout/bgr-dot-horizontal.png') repeat-x 0 0;
    }

    .gd-inner .line-4 div{
        width: 5px;
        top: 23px; left: 4px;
        bottom: 50px;
        background: url('../images/layout/bgr-dot-vertical.png') repeat-y 0 0;
    }

    .gd-inner .line-5 div{
        height: 5px;
        top: 50%;
        left: 12px; right: 15%;
        margin-top: -2px;
        background: url('../images/layout/bgr-dot-horizontal.png') repeat-x 0 0;
    }
    /* Corporate sales */
    .c-cars__list {
        font-size: 0;
        position: relative;
        margin: -15px -20px;
    }
    .p-cars__item {
        /* float: left; */
        display: inline-block;
        width: 25%;
        padding: 15px 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .p-cars__anchor {
        padding: 18px 11px;
        border:1px solid #e6e6e6;
        display: block;
    }

    .p-cars__anchor.is-open {
        border-color: #ba172c;
        position: relative;
    }
    .p-cars__anchor.is-open::after {
        content: '';
        position: absolute;
        bottom: -12px;
        left: 50%;
        width: 9px;
        height: 6px;
        width: 0;
        height: 0;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        border-style: solid;
        border-width: 12px 10px 0 10px;
        border-color: #ba172c transparent transparent transparent;
    }
    .p-cars__anchor.is-open .p-cars__img::after {
        display: none;
    }
    .p-cars__img {
        position: relative;
    }
    .p-cars__img::after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 50%;
        width: 9px;
        height: 6px;
        width: 0;
        height: 0;
        margin-left: -4px;
        border-style: solid;
        border-width: 6px 5px 0 5px;
        border-color: #666666 transparent transparent transparent;
    }
    .p-cars__title {
        display: block;
        height: 32px;
        line-height: 16px;
        margin: 0;
        padding: 0 15px;
        color: #000;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 14px;
        font-weight: 400;
        text-decoration: underline;
    }
    .p-cars__info--wrap {
        border:1px solid #d4d4d4;
        background: #fff;
        padding: 27px 18px 18px;
        margin-top: 20px;
        position: relative;
    }
    .p-cars__info {
        display: none;
        position: absolute;
        left: 20px;
        right: 20px;
        z-index: 200;
        font-size: 0;
    }
    .p-cars__price,.p-cars__label {
        color: #3e3e3e;
        font-size: 14px;
        line-height: 1;
        padding: 14px;
    }
    .p-cars__label {
        font-weight: 400;
        float: left;
        max-width: 65%;
    }

    .p-cars__price {
        font-weight: 700;
        float:right;
        max-width: 35%;
    }
    .p-cars__info__title {
        margin: 0 0 37px;
        font-size: 30px;
    }
    .p-cars__spec,.p-cars__info__img {
        display: inline-block;
        vertical-align: top;
    }
    .p-cars__spec {
        width: 55%;
    }
    .p-cars__info__img {
        width: 45%;
    }
    .p-cars__spec__list {
        margin-bottom: 30px;
    }
    .p-cars__spec__list li {
        border-bottom: 1px solid #dadada;
    }
    .p-cars__content {
        margin: 0 -14px;
    }
    .p-cars__spec__list li:last-of-type .p-cars__content{
        border-bottom: 0;
    }
    .p-cars__close {
        position: absolute;
        top:18px;
        right: 18px;
        height: 18px;
        width: 18px;
        font-size: 0;
        background: 0;
    }
    .p-cars__close::before,
    .p-cars__close::after {
        content: '';
        height: 18px;
        width: 1px;
        background: #707070;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -1px;
        margin-top: -8px;
    }
    .p-cars__close::before {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }
    .p-cars__close::after {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    .p-cars__special-img {
        text-align: right;
        padding-right: 35px;
        margin-bottom: 11px;
    }
    .clearFix:after {
        content: " ";
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
        zoom: 1;
    }
    .p-cars__info__img-cont{
        max-width: 80%;
        float: right;
        margin-bottom: 20px;
    }
    /* .p-cars__info__img-cont .p-cars__special__car {
        max-height: 185px;
    } */
    .p-cars__button {
        position: relative;
        padding: 4px 12px;
        line-height: 1.4;
        font-size: 12px;
        -webkit-border-radius: 13px;
                border-radius: 13px;
        display: block;
        width: 200px;
        margin: 0;
        color: #fff;
        font-weight: 700;
        background-color: #7e8083;
        margin-bottom: 10px;
        padding-right: 30px;

    }
    .p-cars__button::before {
        content: '';
        position: absolute;
        right: 12px;
        top: 50%;
        width: 6px;
        height: 6px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: translateY(-50%) rotate(45deg);
            -ms-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg);
    }
    .p-price__label {
        color: #ffffff;
        font-family: "Open Sans";
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        max-width: 331px;
        width: 100%;
        min-height: 38px;
        -webkit-border-radius: 4px;
                border-radius: 4px;
        padding: 12px 25px;
        text-align: center;
        background-color: #ba172c;
        float: right;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-shadow: 6px 6px 0  #89101d;
                box-shadow: 6px 6px 0  #89101d;
        margin-right: 18px;
        margin-bottom: 6px;
    }
    .p-price__label strong {
        font-weight: 700;
    }
    /* End Corporate sales */
@media screen and (max-width: 1400px){

    .image-banner figcaption{
        right: 0;
    }

    .image-banner figcaption > div{
        width: 90%;
    }
}

@media only screen and (max-width: 1080px){
	.gd-inner .line-8{
        height: 525px!important;
    }
}
@media only screen and (max-width: 1280px){
    .c-cars__list {
        margin: -10px;
    }
    .p-cars__item {
        width: 25%;
        padding: 10px;
    }
    .p-cars__info {
        left: 10px;
        right: 10px;
    }
}
@media only screen and (max-width: 1200px){
    .p-price__label {
        margin-right: 0;
        max-width: 250px;
    }
    .p-cars__label {
        max-width: 50%;
    }
    .p-cars__info__img {
        float:none; text-align: right;
    }
    .driving-schema{
        margin: -30px 0 0 -8%;
    }

    .driving-schema li{
        width: 35%;
        margin-left: 12%;
    }

        .driving-schema li.item-1,
        .driving-schema li.item-2,
        .driving-schema li.item-4,
        .driving-schema li.item-5,
        .driving-schema li.item-8{
            float: left;
        }

        .driving-schema li.item-3,
        .driving-schema li.item-4,
        .driving-schema li.item-6,
        .driving-schema li.item-7{
            float: right;
            margin: 29px 6% 0;
        }

    .driving-schema li.item-9{
        width: 106%;
        margin: 57px auto 0;
        text-align: center;
    }

    .driving-schema li.item-9 .advice{ margin: 0 auto; }

    .gd-inner .line-6{
    	display: block;
        height: 404px; width: 95px;
    	top: 958px;
    	right: 20px;
    }

    .gd-inner .line-7{
    	display: block; height: 95px;
    	top: 1244px;
    	left: 0; right: 0;
    }

    .gd-inner .line-8{
    	display: block;
        height: 404px; width: 95px;
    	top: 1254px;
    	left: 50%;
        margin-left: -54px;
    }

        .gd-inner .line-5 div{ right: 27px; }

        .gd-inner .line-6 div{
            width: 5px;
            top: 23px; right: 5px;
            bottom: 50px;
            background: url('../images/layout/bgr-dot-vertical.png') repeat-y 0 0;
        }

        .gd-inner .line-7 div{
            height: 5px;
            top: 50%;
            left: 12px; right: 30px;
            margin-top: 13px;
            background: url('../images/layout/bgr-dot-horizontal.png') repeat-x 0 0;
        }

        .gd-inner .line-8 div{
            width: 5px;
            top: 52px; left: 50%;
            bottom: 50px;
            margin-left: -3px;
            background: url('../images/layout/bgr-dot-vertical.png') repeat-y 0 0;
        }

        .poll > img{
            width: 35%;
        }

        .poll > form{
            width: 65%;
        }

        .poll > form ul > li > ol > li,
        .poll > form ul > li > ol > li.full-width{
            width: auto;
            margin: 0;
            float: none;
        }

        .image-banner figcaption{
            position: static;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .image-banner figcaption > div{
            width: auto;
        }

        .image-banner figcaption > div > div h5{
            font-size: 36px;
            line-height: 48px;
        }

}

@media only screen and (min-width: 1200px){

    .driving-schema{ margin-left: -5.3%; }

    .driving-schema li{
        width: 28%;
        margin-left: 5.3%;
    }

    .driving-schema li.item-4,
    .driving-schema li.item-5,
    .driving-schema li.item-6{
        float: right;
    }
}

@media only screen and (min-width: 1300px){
    .gd-inner .line-5{ top: 898px; }
}

@media only screen and (min-width: 1425px) and (max-width: 1540px){
    .gd-inner .line-4{ top: 384px; }
    .gd-inner .line-5{ top: 864px; }
}

@media only screen and (min-width: 1540px){

    .driving-schema{ margin-left: -2%; }

    .driving-schema li{
        width: 23%;
        margin-left: 2%;
    }

    .driving-schema li.item-4,
    .driving-schema li.item-5,
    .driving-schema li.item-6,
    .driving-schema li.item-7,
    .driving-schema li.item-8{
        float: right;
	}

    .driving-schema li.item-9{
        width: 102%;
        margin: 57px auto 0;
        text-align: center;
    }

    .driving-schema li.item-9 .advice{ margin: 0 auto; }

    .gd-inner .line-3{ left: 2px; }

        .gd-inner .line-3 div{ background-position: 8px 0; }

    .gd-inner .line-4{ height: 365px; left: 50%; margin-left: -47px; }

        .gd-inner .line-4 div{ top: 34px; left: 50%; margin-left: -2px; }

    .gd-inner .line-5{ display: none; }
}

@media only screen and (min-width: 1700px){

    .driving-schema{ margin-left: -2%; }

    .driving-schema li{
        width: 18%;
        margin-left: 2%;
    }

    .driving-schema li.item-4,
    .driving-schema li.item-5{
        float: left;
    }

    .driving-schema li.item-6,
    .driving-schema li.item-7,
    .driving-schema li.item-8{
        float: right;
	}

    .gd-inner .line-3{ top: 542px; left: 10%; }

    .gd-inner .line-4,
    .gd-inner .line-5,
    .gd-inner .line-6{
        display: none;
    }
}

@media only screen and (min-width: 1700px){

    .driving-schema{ margin-left: -2%; }

    .driving-schema li{ width: 18%; margin-left: 2%; }

    .driving-schema li.item-1{ width: 19%; margin-left: 1%; }

    .driving-schema li.item-9{
        width: 19%;
        margin: 57px 0 0 1%;
    }

    .driving-schema li.item-9 .advice{ margin-top: 26px; }
}

@media only screen and (min-width: 1880px){
    .driving-schema li.item-9 .advice{ margin-top: 44px; }
}
/* EOF Green driving */

/* Text boxes */
.txt {
    overflow: hidden;
    padding-bottom: 10px;
    line-height: 18px;
}

.txt a {
    color: #444;
    text-decoration: underline;
}
.txt a:hover {
    text-decoration: none;
}

.txt strong {
    font-weight: bold;
}

.txt em {
    font-style: italic;
}

.txt ul,
.txt ol {
    padding: 3px 0 3px 5px;
}

.txt ol li {
    list-style: decimal;
    list-style-position: outside;
}

.txt ul li {
    padding: 0 0 3px 13px;
    list-style: disc inside;
}

.txt p {
    padding-bottom: 5px;
}

.txt h1,
.txt h2,
.txt h3 {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: bold;
}

.txt h2 {
    font-size: 14px;
}

.txt h3 {
    font-size: 13px;
}

.txt h4 {
    font-size: 13px;
}

.txt h5 {
    font-size: 13px;
}

.txt h6 {
    font-size: 12px;
}

#map{
	height: 500px;
}

#service-preview .single img{
	width: 375px;
}

.station-text{ padding-bottom: 10px; }

#map iframe{
	height: 93%; width: 100%;
	margin-bottom: 10px;
}

#map a{
	color: #333!important;
	text-decoration: underline;
}

#map a:hover{ text-decoration: none; }

/*
    Datepicker style
*/

.datepick{
	color: #555;
	background-color: white;
	font: normal 12px/16px 'Roboto', Tahoma, sans-serif;
}

.datepick-rtl{ direction: rtl; }
.datepick-popup{ z-index: 10000; }

.datepick a{
	color: white;
	text-decoration: none;
}

.datepick-disabled{
	opacity: 0.5;
	cursor: default;
}

.datepick-nav, .datepick-ctrl{
	float: left; width: 100%;
	background-color: #b11116;
	color: white;
}

.datepick-ctrl{ display: none; }
button.datepick-cmd{ text-align: center; }
.datepick-cmd-today{ display: none; }

.datepick-cmd-prev,
.datepick-cmd-next{
	display: inline-block;
	position: relative;
	font-size: 12px;
	padding: 6px 0 7px;
}

.datepick-cmd-prev{ padding-left: 20px; }
.datepick-cmd-next{ padding-right: 20px; }

.datepick-cmd-prev:before,
.datepick-cmd-next:before,
.datepick-cmd-prev .arrow,
.datepick-cmd-next .arrow{
	content: '';
	height: 7px; width: 4px;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	background: url('../images/layout/kia-icons.gif') no-repeat -10000px 0;
}

.datepick-cmd-prev:before, .datepick-cmd-prev .arrow{ left: 10px; background-position: -68px -175px; }
.datepick-cmd-next:before, .datepick-cmd-next .arrow{ right: 10px; background-position: -72px -175px; }


.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
	float: left;
}
.datepick-cmd-current, .datepick-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
	float: right;
	text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
	float: right;
	text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
	float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.datepick-month-nav {
	float: left;
	background-color: #777;
	text-align: center;
}
.datepick-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.datepick-month-nav span {
	color: #888;
}
.datepick-month-row {
	clear: left;
}
.datepick-month{
	float: left; width: 16em;
	text-align: center;
}

.datepick-month-header{ padding: 8px 0 10px; }

.datepick-month-header,
.datepick-month-header select,
.datepick-month-header input{
	color: white;
	background-color: #555;
}

.datepick-month-header select, .datepick-month-header input {
	margin: 0 5px;
	padding: 5px 0 6px;
	border: none;
	font: normal 13px/16px 'Roboto', Tahoma, sans-serif;
}
.datepick-month-header input {
	position: absolute;
	display: none;
}
.datepick-month table {
	width: 100%;
	border-collapse: collapse;
}
.datepick-month thead {
	border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
}
.datepick-month th {
	border: 1px solid #777;
}
.datepick-month th, .datepick-month th a {
	background-color: #777;
	color: #fff;
}
.datepick-month td {
	background-color: #eee;
	border: 1px solid #aaa;
}
.datepick-month td.datepick-week {
	border: 1px solid #777;
}
.datepick-month td.datepick-week * {
	background-color: #777;
	color: #fff;
	border: none;
}
.datepick-month a{
	display: block; color: #555;
	padding: 4px 0 5px;
	background-color: #eee;
	text-decoration: none;
	position: relative;
}

.datepick-month span {
	display: block;
	padding: 4px 0 5px;
}

.datepick-month td span {
	color: #888;
}
.datepick-month td .datepick-other-month {
	background-color: #fff;
}

.datepick-month td .datepick-today,
.datepick-month td .datepick-highlight{
	background-color: #fff600;
}

.datepick-month td .datepick-weekend,
.datepick-month td .datepick-weekend.datepick-highlight{
	color: #888;
	background-color: #ddd;
}

.datepick-month td .datepick-selected{
	color: white;
	background-color: #b11116;
}
.datepick-month th.datepick-week {
	background-color: #777;
	color: white;
}
.datepick-status {
	clear: both;
	background-color: #ddd;
	text-align: center;
}
.datepick-clear-fix {
	clear: both;
}

#pop-up {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;

	background: url(../images/live/mask.png) repeat;
	background: rgba(0,0,0,0.5);
	z-index: 9998;
}

	#pop-up div {
		position: absolute;
		top: 20px;
        bottom: 20px;
		left: 50%;
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
        text-align: center;
	}
    .no-csstransforms #pop-up div {
		margin-left: -445px;
	}
	#pop-up div img{
        width: auto;
        max-height: 100%;
        position: relative;
        z-index: 1;
        display: inline-block;
    }
    #pop-up div a {
      position: absolute;
      overflow: hidden;
      top: 0;
      right: 0;
      width: 30px;
      height: 30px;
      line-height: 30px;
      display: block;
      text-align: center;
      z-index: 5;
      background-color: black;
      color: white;
    }

.text-content .preview{ margin-top: 14px; }

.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6{
    color: #e10000;
    padding: 10px 0;
    font: 400 20px/24px 'Open Sans', Tahoma, sans-serif;
}
.online-service-poll-link a{
    padding:0;
    height: 24px;
    line-height: 19px;
    display: block;
    float: right;
}

/* Optima hybrid page */
#oh-page {
	clear: both;

	line-height: 24px;
	font-weight: 300;
	font-size: 16px;
}

	#oh-page .nav {
		overflow: hidden;

		background: black;
		text-align: center;
	}

		#oh-page .nav  a {
			display: inline-block;
			padding: 20px;

			color: white;
			font-size: 12px;
			text-transform: uppercase;
			-webkit-transition: color 0.3s ease;
			-o-transition: color 0.3s ease;
			transition: color 0.3s ease;
		}

		#oh-page .nav a:hover {
			text-decoration: none;
			color: #F20D09;
		}

	#oh-page .box {

	}
		#oh-page .box.bg-grass {
			background: url(../images/oh/grass.jpg) center center no-repeat #304f01;
			-webkit-background-size: cover;
			        background-size: cover;
		}
		#oh-page .box.bg-earth {
			background: url(../images/oh/earth.jpg) center center no-repeat #645143;
			-webkit-background-size: cover;
			        background-size: cover;
		}
		#oh-page .box.bg-leaf {
			background: url(../images/oh/leaf.jpg) center center no-repeat #264b1c;
			-webkit-background-size: cover;
			        background-size: cover;
		}
		#oh-page .box.bg-motion {
			background: url(../images/oh/motion.jpg) left center no-repeat;
			-webkit-background-size: cover;
			        background-size: cover;
		}
		#oh-page .box.bg-accelerate {
			padding: 20px 0 0 0;
			text-align: center;
		}
		#oh-page .box.half-car-clouds {
			background: url(../images/oh/clouds.jpg) center top no-repeat;
			-webkit-background-size: cover;
			        background-size: cover;
		}
		#oh-page .box.bg-water {
			background: url(../images/oh/water.jpg) center center no-repeat;
			-webkit-background-size: cover;
			        background-size: cover;
		}
		#oh-page .box.bg-tree {
			background: url(../images/oh/bg-tree.jpg) center center no-repeat;
			-webkit-background-size: cover;
			        background-size: cover;
		}

		#oh-page .box.car-nature,
		#oh-page .box.bg-silver {
			background: #f0f0f1;
		}

		#oh-page .box  .wrap,
		#oh-page .interrior  .wrap {
			display: table;
			overflow: hidden;
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
		}

			#oh-page .box.half-car .wrap,
			#oh-page .box.car-nature .wrap,
			#oh-page .box.half-car-clouds .wrap {
				max-width: none;
			}

			#oh-page .box  .wrap .col {
				overflow: hidden;
				display: table-cell;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				width: 50%;
				padding: 0 10px;
				vertical-align: middle;
			}
				#oh-page .box  .wrap .col.with-padding,
				#oh-page .box  .wrap.with-padding {
					padding: 100px 0;
				}
				#oh-page .box  .wrap .col.with-half-padding {
					padding: 50px 0;
				}

				#oh-page .box.half-car .wrap .col:first-child {
					background: url(../images/oh/half-car.jpg) left center no-repeat;
					-webkit-background-size: contain;
					        background-size: contain;
				}

				#oh-page .box.half-car-clouds .wrap .col:first-child {
					background: url(../images/oh/back-car.png) left center no-repeat;
					-webkit-background-size: contain;
					        background-size: contain;
				}

				#oh-page .box.car-nature .wrap .col:last-child {
					background: url(../images/oh/car-nature.jpg) center center no-repeat;
					-webkit-background-size: cover;
					        background-size: cover;
				}

		#oh-page .box .col .fixed-max-width {
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
			max-width: 590px;
			padding: 0 20px;
		}

			#oh-page .box.car-nature .col .fixed-max-width {
				float: right;
			}

			#oh-page .box .col .fixed-max-width ul {
				list-style: disc inside none;
			}

		#oh-page .box h3 {
			padding: 100px 0;

			line-height: 70px;
			font-size: 58px;
			font-weight: 300;
			text-transform: uppercase;

			color: white;
		}

		#oh-page .box h4 {
			font-size: 48px;
			line-height: 60px;
			font-weight: 300;
			text-shadow: 1px 1px 0 white;

			color: #78c018;
		}

		#oh-page .box p {
			padding-top: 20px;
			color: black;
			text-shadow: 1px 1px 0 white;
		}

		#oh-page .interrior {
			background: black;
		}

			#oh-page .interrior  .menu {
				display: table-cell;
				width: 20%;
				padding: 0 0 0 0;

				vertical-align: top;

				background: #1a1a1a;
				text-align: center;
			}

				#oh-page .interrior  .menu b {
					display: block;
					padding: 30px 10px 0 10px;
					color: white;
				}

				#oh-page .interrior .menu a {
					display: block;
					-webkit-box-sizing: border-box;
					        box-sizing: border-box;
					overflow: hidden;
					width: 96px;
					height: 96px;
					margin: 20px auto 0 auto;
					-webkit-border-radius: 50px;
					        border-radius: 50px;

					background: url(../images/oh/interrior-black-icon.jpg) center center no-repeat;
					text-indent: -9999px;
				}

					#oh-page .interrior .menu a.beige {
						background-image: url(../images/oh/interrior-beige-icon.jpg);
					}
					#oh-page .interrior .menu a.hot {
						background-image: url(../images/oh/interrior-hot-icon.jpg);
					}
					#oh-page .interrior .menu a.cold {
						background-image: url(../images/oh/interrior-cold-icon.jpg);
					}

					#oh-page .interrior .menu a.active {
						border: 8px solid white;
					}

			#oh-page .interrior .wrap {
				position: relative;
			}

			#oh-page .interrior  .preview {
				display: table-cell;
				width: 80%;
			}

				#oh-page .interrior  .preview div {
					position: absolute;
					top: 0;
					right: 0;
					width: 80%;
					height: 100%;
				}

				#oh-page .interrior  .preview img {
					display: none;
				}

					#oh-page .interrior  .preview.black img.black,
					#oh-page .interrior  .preview.beige img.beige,
					#oh-page .interrior  .preview.cold img.cold,
					#oh-page .interrior  .preview.hot img.hot {
						display: block;
					}

	#oh-page .colors {
		background: #edeee0;
	}

		#oh-page .colors  .wrap {
			overflow: hidden;
			width: 100%;
			padding: 30px 0;
			max-width: 1200px;
			margin: 0 auto;
			text-align: center;
		}

		#oh-page .colors .preview {
			max-width: 660px;
			margin: 0 auto;
		}

			#oh-page .colors .preview img {
				display: none;
				width: 100%
			}

				#oh-page .colors .preview img.active {
					display: block;
				}

		#oh-page .colors .menu {
			max-width: 670px;
			margin: 0 auto;
			padding: 0 0 20px 0;

			text-align: center;
		}

			#oh-page .colors .menu a {
				display: inline-block;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				overflow: hidden;
				position: relative;

				margin: 0 10px;
				width: 69px;
				height: 69px;
				-webkit-border-radius: 50%;
				        border-radius: 50%;
				-webkit-box-shadow: 0 2px 2px black;
				        box-shadow: 0 2px 2px black;
				-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
				        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);

				background: #d9d9d9;
			}
				#oh-page .colors .menu a:nth-child(2) {
					background: #b5b5b5;
				}
				#oh-page .colors .menu a:nth-child(3) {
					background: #959494;
				}
				#oh-page .colors .menu a:nth-child(4) {
					background: #202f45;
				}
				#oh-page .colors .menu a:nth-child(5) {
					background: #1f1f1f;
				}

					#oh-page .colors .menu a.active {
						border: 4px solid #cdcdcd;
					}
					#oh-page .colors .menu a:nth-child(2).active {
						border-color: #a8a8a8;
					}
					#oh-page .colors .menu a:nth-child(3).active {
						border-color: #888888;
					}
					#oh-page .colors .menu a:nth-child(4).active {
						border-color: #192536;
					}
					#oh-page .colors .menu a:nth-child(5).active {
						border-color: #0e0e0e;
					}

				#oh-page .colors .menu a span {
					overflow: hidden;
					display: block;
					height: 36px;
					width: 70px;

					background: rgba(255,255,255,0.3);
					-webkit-transform: rotate(-45deg) translate(-12px, -8px);
					    -ms-transform: rotate(-45deg) translate(-12px, -8px);
					        transform: rotate(-45deg) translate(-12px, -8px);
					text-indent: -9999px;
				}

		#oh-page .colors .wheels {
			padding: 30px 0;
			background: #9ddd53;
		}

			#oh-page .colors .wheels  ul {
				display: table;
				max-width: 1000px;
				margin: 0 auto;
			}

				#oh-page .colors .wheels  ul li {
					display: table-cell;
					overflow: hidden;
					width: 50%;
					vertical-align: middle;
				}

				#oh-page .colors .wheels  ul img {
					float: left;
					vertical-align: middle;
				}

				#oh-page .colors .wheels  ul em {
					font-size: 13px;
				}

				#oh-page .colors .wheels  ul p {
					float: left;
					padding-top: 40px;
				}

.presentation-box{
    margin: 50px 0 70px;
}

.presentation-box:after{
    content: '';
    display: block;
    clear: both;
}

.presentation-box aside{
    width: 32%;
    float: left;
}

.presentation-box aside figure{
    text-align: center;
}

.presentation-box aside img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.presentation-box aside + .text{
    width: 68%;
    float: left;
}

.presentation-box header{
    margin: 0 0 30px;
    text-align: center;
}

.presentation-box .text header{
    text-align: left;
}

.presentation-box header h1{
    font-size: 28px;
    color: #000;
    line-height: normal;
    font-weight: normal;
}

.presentation-box header strong{
    font-size: 28px;
    color: #00b4eb;
    line-height: normal;
}

.presentation-box .text ul{
    padding: 0;
}

.presentation-box .text ul li{
    background: url('../images/layout/checked.png') no-repeat 0 4px;
    min-height: 16px;
    margin: 10px 0;
    padding: 2px 0 0 32px;
    font-size: 15px;
    color: #000;
    list-style: none;
    display: block;
}

.specs,
.specs-2{
    margin: 60px 0;
    padding: 28px 20px;
    border: 1px solid #e6e6e6;
    position: relative;
}

.specs > h2,
.specs-2 > h2{
    background: #fff;
    margin: 0 0 -28px -21px;
    padding: 0 24px 24px 1px;
    font-size: 18px;
    color: #8cc63e;
    text-transform: uppercase;
    display: inline-block;
    position: absolute;
    bottom: 100%;
}

.specs-2 > h2{
    margin: 0 0 -28px -1px;
}

.table-holder{
    overflow: auto;
}

.table-holder > div{
    min-width: 600px;
}

.table-holder table{
    min-width: 600px;
}

.specs table{}

.specs table td {
    padding: 3px 7px;
    font-size: 15px;
}

.specs table td > strong{
    display: block;
    text-align: right;
    word-break: break-all;
}

.specs-2{
    padding: 28px 0 0;
}

.specs-2 table{
    width: 100%;
    table-layout: fixed;
}

.specs-2 table tr:nth-child(2n){
    background: #f1f1f1;
}

.specs-2 table tr th{
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
}

.specs-2 table tr td{
    padding: 15px;
    font-size: 15px;
    text-align: left;
    border-right: 1px solid #e6e6e6;
}

.specs-2 table tr td:first-child{
    vertical-align: middle;
}

.prod-list{
    text-align: center;
}

.prod-list li{
    margin: 0 10px 10px;
    display: inline-block;
}

.prod-list li img{
    width: 100%;
    max-width: 100%;
    height: auto;
}

.price-box{
    margin: 30px 0 0;
    text-align: center;
    position: relative;
    clear: both;
}

.price-box:after{
    content: '';
    background: #e6e6e6;
    width: 100%;
    height: 1px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
}

.price-box strong{
    background: #00b4eb;
    width: 100%;
    max-width: 284px;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    -webkit-border-radius: 30px;
            border-radius: 30px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.price-box strong:after{
    content: '';
    margin: 0 0 0 -8px;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #00b4eb;
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 100%;
    z-index: 1;
}

@media all and (max-width: 700px){
	#pop-up{ display: none!important; }

	#oh-page .box  .wrap,
	#oh-page .interrior  .wrap {
		display: block;
	}

	#oh-page .box  .wrap .col  {
		display: block;
		width: 100%;
	}

		#oh-page .box  .wrap .col:first-child {
			padding-bottom: 10px;
		}

	#oh-page .box h3 {
		padding: 30px 0;
		font-size: 46px;
		line-height: 56px;
		text-align: center;
	}

	#oh-page .box .wrap .col.with-padding,
	#oh-page .box .wrap.with-padding {
		padding: 50px 0;

	}

	#oh-page .box .wrap .col.with-half-padding {
		text-align: center !important;
	}

		#oh-page .box .wrap .col.with-half-padding img {
			max-width: 100% !important;
		}

	#oh-page .box h4 {
		font-size: 40px;
		line-height: 50px;
	}

	#oh-page .box.half-car .wrap .col:first-child,
	#oh-page .box.half-car-clouds .wrap .col:first-child	{
		min-height: 200px;
	}

	#oh-page .interrior .menu {
		display: block;
		overflow: hidden;
		width: 100%;
		padding: 0 0 20px 20px;
	}

		#oh-page .interrior .menu b,
		#oh-page .interrior .menu a {
			float: left;
		}

		#oh-page .interrior .menu b {
			clear: both;
			display: none;
		}

	#oh-page .interrior .preview {
		display: block;
		position: relative;
		width: 100%;
	}

	#oh-page .interrior .preview div {
		width: 100%;
	}
}

/* ===== Media Queries ===== */

@media all and (max-height: 780px){

	#kia_slider,
	#kia_slider .slider > li{
		height: 430px;
	}

}

@media all and (min-width: 1025px) and (max-width: 1566px) {

	#front-news .box,
	#latest-news .box{
		width: 30%;
	}

	#front-news .box-4,
	#latest-news .box-4{
		display: none;
	}

        #list-2 > li > div.preview{
            width: 230px;
        }

        #list-2 > li > div.price{
            width: 150px;
        }

        #list-2 > li > div.price > div{
            padding: 46px 0 0 15px;
        }

        #list-2 > li > div.price > div a{
            margin: 58px -1px 0 -16px;
        }
}

@media all and (min-width: 1200px) and (max-width: 1460px){

	#front-news{ width: 70%; }
	#front-video{ width: 30%; }

        #content .list-view > li{
            width: 33.3%;
        }

        #list-2 > li > div.preview{
            width: 190px;
        }

        #list-2 > li > div{
            padding: 20px 10px;
        }

}

@media all and (max-width: 1262px){

	#kia_slider,
	#kia_slider .slider > li{
		height: 430px;
	}

	#front-news-holder .box-2,
	#front-news-holder .box-3{
		display: none;
	}

	#header a.logo{ margin-left: 20px; }
	#menu li a{ padding: 25px 7px 0; }
    #front-news{ width: 60%; }
    #front-video{ width: 40%; }
    #front-news .box{ width: 48%; margin-right: 1%; }
    #front-news.no-video .box{ width: 32.3%; }

    #latest-news .box{ width: 47%; display: none; }
	#latest-news .box-1, #latest-news .box-2{ display: block; }

	#second-menu ul{ padding-left: 12px; }
	#second-menu ul li{ padding: 0 5px; }

	#navigation{ width: 18%; }
    #content{ width: 74%; margin-right: 2%; }

	#data th span{ display: block; }

	#data th .custom_select{
		width: 90%;
		margin: 3px 0 0;
	}

	#data th .custom_select_variables{ margin: 26px 0 0; }

	#data td{ word-break: break-all; }

	#calculator .box ul li .custom_select{ margin: 5px 0 0; width: 90%; }

	#filter a.print{
		clear: both; float: left;
		margin: 8px 0 0;
	}

	#years .preview{
		height: auto;
		max-width: inherit;
		margin: 0 -26px;
	}

	#years .preview .image{ width: 100%; }

	.test-drive .forms li{ width: 48%; }
	.test-drive .forms li.textarea{ width: 97.2%; }

	.news-inner img,
	.second-inner img,
	.text img{
		max-width: 100%;
	}

	.news-inner a img,
	.second-inner a img,
	.text a img{
		width: 100%;
	}

	#services{ padding: 0 20px; }

	#services .container{
		width: 100%; float: none;
		margin: 0 auto;
		padding: 31px 0 30px;
		text-align: center;
	}

	#services .map{
		margin: 0 auto;
		float: none;
		text-align: left;
	}

	#services .shadow{
		width: auto;
		overflow: hidden;
		position: relative;
		margin: 25px auto 0;
		padding: 0 110px 0 0;
		background: url('../images/layout/bgr-news-heading.gif') no-repeat 100% 100%;
	}

	#services .shadow .inner{
		height: 22px; width: 100%;
		padding: 0;
		background: url('../images/layout/bgr-news-heading-inner.gif') no-repeat 0 100%;
	}

	#services .sidebar{ padding-bottom: 30px; }

	#services .sidebar img{
		height: auto;
		max-width: 100%;
	}

	#services .map img{
		height: auto;
		width: 100%;
	}

        #content .list-view > li{
            width: 50%;
        }

        #list-2 > li{
            border-bottom: 5px solid #e1e1e1;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                    flex-flow: row wrap;
            overflow: hidden;
        }

        #list-2 > li > div{
            width: 33.3%;
            padding: 20px;
            float: left;
            display: inline-block;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
        }

        #list-2 > li > div.preview{
            width: 50%;
        }

        #list-2 > li > div.carModel{
            width: 50%;
        }

        #list-2 > li > div.specs-info{
            width: 33.3%;
        }

        #list-2 > li > div.price{
            width: 33.3%;
        }
}

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

	#menu,
	#second-menu .second-nav,
	#second-menu .quick-search,
	#footer .kia-logo,
	#car .container .shadow,
	.gd-inner .line{
		display: none;
	}

	#toggle-menu,
	#front-news-holder .box-2,
	#front-news-holder .box-3,
	#toggle-search,
	.gd-inner .line-1{
		display: block;
	}

	#kia_slider,
	#kia_slider .slider > li{
		height: 350px;
	}

	#newsletter{ padding: 15px; }

	#front-news-holder{
		padding-left: 10px;
		padding-right: 10px;
	}

	#front-news{
		height: auto; width: 104%;
		margin-bottom: 40px;
	}

	#front-news-holder .box{
		width: 46%;
		padding: 20px 0 20px;
		margin: 0 4% 0 0;
		border-bottom: 1px solid #d6d6d6;
	}

	#front-video{
		float: none; clear: both;
		width: 60%;
		margin: 0 auto;
		display: inline-block;
	}

	#front-video .video{
		max-width: 100%;
	}

	#footer{ padding: 10px; }

	#footer dl,
	#footer dl.last{
		width: 25%;
		margin-right: 0;
		padding-left: 0;
	}

	#footer .social{
		float: none; clear: both;
		width: 100%;
		padding-top: 20px;
		text-align: center;
	}

	#footer .social li{
		float: none;
		display: inline-block;
		vertical-align: middle;
	}

	#footer .social li a{
		display: inline-block;
		float: none;
	}

	#navigation,
	#content{
		margin-top: 30px;
	}

	body.open #navigation,
	body.open #content{
		margin-top: 50px;
	}

	#content{
		width: 65.714%;
	}

	#calculator .column,
	#filter .column{
		width: 100%;
		margin: 25px 0 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#calculator .column.first,
	#filter .column.first{
		margin-top: 10px;
	}

	#filter label{ width: 130px; }

	#filter .label-separator{
		width: 100%; float: left;
		margin: 8px 0;
	}

	#car{ padding: 0 15px; }

	#car .container,
	#car .sidebar{
		width: 100%;
		padding: 0 0 20px;
	}

	#car .container{
		padding-top: 20px;
		min-height: 150px;
	}

	#car .cvetove ul li.clearfix{ clear: none; }

	#filter .custom_select{ width: 200px; }

	.news-inner{
		padding-left: 15px;
		padding-right: 15px;
	}

	#o_s{
		padding-left: 15px;
		padding-right: 15px;
	}

	#o_s .tabs{
		height: auto;
		background: transparent none;
	}

	#o_s .tabs strong{
		height: auto; width: 100%;
		display: block; float: none;
		margin-bottom: 15px;
		padding: 10px 0;
		overflow: visible;
		position: relative;
		color: #333;
		font-size: 13px;
		text-align: center;
		background: #e8e8e8;
	}

	#o_s .tabs strong.second,
	#o_s .tabs strong.third{
		left: 0;
	}

	#o_s .tabs strong:after{
		content: '';
		height: 0; width: 0;
		position: absolute;
		top: 100%; left: 50%;
		margin-left: -7px;
		border-width: 7px;
		border-style: solid;
		border-color: #e8e8e8 transparent transparent transparent;
	}

	#o_s .tabs strong.selected{
		background: #990010;
		background: -webkit-gradient(linear,  left top, left bottom,  from(#e10019),to(#990010));
		background: -webkit-linear-gradient(top,  #e10019 0%,#990010 100%);
		background: -o-linear-gradient(top,  #e10019 0%,#990010 100%);
		background: linear-gradient(to bottom,  #e10019 0%,#990010 100%);
	}

	#o_s .tabs strong.selected:after{ border-color: #990010 transparent transparent transparent; }

	#o_s .steps{ padding-top: 10px; }

	#o_s .steps .forms li,
	.contact-form .forms li{
		width: 48%;
	}

	.contact-form .forms li.textarea{ width: 97%; }

	#o_s .steps .forms li.clear{ clear: none; }

	#o_s div.first{ width: 40%; }
	#o_s div.second{ width: 60%; }

	#o_s .column,
	.columns div.text{
		width: 31%;
		padding-right: 2%;
	}

	.driving-schema{ margin: 0; }

	.driving-schema li{
		width: 100%;
		min-height: inherit;
		margin-left: 0;
	}

	.driving-schema li.item-1{ margin-bottom: 30px; }

	.driving-schema li.item-3,
	.driving-schema li.item-4,
	.driving-schema li.item-6,
	.driving-schema li.item-7{
		margin-left: 0;
		margin-right: 0;
	}

	.driving-schema li.item-9{ width: 100%; }

	.gd-inner .box-advice{
		padding-top: 43px;
		padding-bottom: 40px;
	}

	.gd-inner .box-advice p{
		position: absolute;
		bottom: 0; left: 0;
	}

	.gd-inner .box-advice img{
		display: block;
		max-width: 100%;
	}

	.driving-schema li .box{ min-height: inherit; }

	#service-preview .single img{ width: 100%; margin-right: 0; }

	.station-text{
		clear: both;
		padding-top: 15px;
	}
    .online-service-poll-link{
        clear: both;
    }
    .online-service-poll-link a{
        float: none;
    }

    .presentation-box aside,
    .presentation-box aside + .text{
        width: auto;
        float: none;
    }

    .specs table{
        width: 100%;
        table-layout: fixed;
    }

}

@media screen and (max-width: 979px) and (orientation: portrait){

	#content{ width: 68.714%; }

	#content .filter-img{
		clear: both;
		margin: 12px 0 0;
	}

	#calculator .column{
		width: 100%;
		margin: 25px 0 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#calculator .column.first{ margin-top: 10px; }

	#calculator .column h4 span{ padding-right: 40px; }


}

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

    #content .list-view > li{
        width: 100%;
    }

    .poll > img{
        width: auto;
        float: none;
    }

    .poll > form{
        width: auto;
        float: none;
    }

    #list-2 > li > div{
        width: 50%;
        padding: 20px 0;
    }

    #list-2 > li > div.carModel{
        padding: 20px 0 20px 20px;
    }

    #list-2 > li > div.specs-info{
        width: 50%;
    }

    #list-2 > li > div ul{
        margin: 20px;
    }

    #list-2 > li > div.price{
        width: 100%;
    }

    #list-2 > li > div.price > div{
        padding: 46px 10px 0;
        text-align: center;
    }

    #list-2 > li > div.price > div a{
        margin: 58px -11px 0;
    }
}

@media screen and (max-width: 768px){
    .p-cars__info__title {
        margin-bottom: 14px;
    }
    .p-cars__price, .p-cars__label {
        padding: 10px;
    }
    .p-cars__price {
        max-width: 30%;
    }
    .p-cars__label {
        max-width: 50%;
    }
    .p-cars__info--wrap {
    }
    .p-cars__content {
        margin: 0 -10px;
    }
    .p-cars__spec__list {
        margin-bottom: 17px;
    }
    .p-cars__spec {
        margin-bottom: 17px;
    }
    .p-cars__special-img {
        padding-right: 0;
    }

	#kia_slider .kia-mask,
	#second-menu,
	#kia-model .kia-mask,
	#years .preview p i.corner,
	.news-gap{
		display: none;
	}

	#header a.logo{ margin-left: 10px; }

	#info_box{ display: none!important; }

	#kia_slider,
	#kia_slider .slider > li{
		height: 220px;
	}

	#second-menu .quick-search{
		float: left;
		margin: 0 0 0 10px;
	}

	#navigation{
		width: auto; float: none;
		margin: 20px 10px 0;
	}

	.single-page{ margin-top: 20px; }

	body.open #navigation, body.open .single-page{ margin-top: 50px; }
	body.open #content{ margin-top: 0; }

	#model-info{
		top: 50px;
		border: 1px solid #c5c5c5;
	}

	#kia-model #info_options{ right: 8px; bottom: 18px; }

	#content{
		width: auto; float: none;
		margin: 0 10px 30px;
	}

	.content-top h3{
		font-size: 20px;
		line-height: 22px;
		padding-top: 5px;
	}

	#data-content{ padding: 10px; }

	#data th{
		padding-left: 10px;
		padding-right: 10px;
		font-size: 13px;
		line-height: 15px;
	}

	#data .custom_select_variables{ width: 100%; }

	#config-box{
		padding-left: 15px;
		padding-right: 15px;
	}

	#calculator .column{
		width: 100%;
		margin: 25px 0 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#calculator .column.first{ margin-top: 10px; }

	#flash_player{
		width: 100%; height: 100%;
	}

	.news-inner .preview,
	.second-inner .preview,
	.text .peview{
		width: auto;
		margin-bottom: 10px;
	}

	.news-inner .preview a,
	.second-inner .preview a,
	.text .preview a{
		margin: 0 6px 12px 0;
	}

	#years{
		padding-left: 35px;
		padding-right: 35px;
	}

	#years .preview{ background-position: center 25%; }

	#years .preview p{
		width: 100%; padding: 0;
		position: relative;
		top: 0; right: 0;
		-webkit-border-radius: 0;
		        border-radius: 0;
		text-align: left;
	}

	#years .preview p span{
		display: block;
		padding: 15px 14px;
	}

	#years .other{ margin: 0 -30px; }

	.gd-inner{
		padding-left: 15px;
		padding-right: 15px;
	}

	.gd-inner .text img[align="right"],
	.gd-inner .text img[align="left"]{
		max-width: 50%;
	}

	.pagination{
		float: none;
		font-size: 0;
		text-align: center;
		padding: 0 15px 3px;
	}

	.pagination li{
		float: none;
		padding: 1px 1px 0 0;
		display: inline-block;
		vertical-align: top;
	}

	.pagination li a{ font-size: 11px; }

	#news-list .col:nth-child(2n+1){ clear: both; }
	#news-list .col h4{ padding-bottom: 20px; }

	#latest-news{
		height: auto;
		padding: 22px 15px 22px;
		position: relative;
		bottom: 0;
		-webkit-box-shadow: none;
		        box-shadow: none;
		background: transparent none;
	}

	#latest-news .box{
		width: 100%; display: block;
		margin-left: 0;
		padding: 24px 0 0 0;
		border-top: 1px solid #d5d5d5;
	}

		#latest-news .box-1{
			border-top: 0;
			padding-top: 0;
		}

	.single-page{
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 30px;
	}

	.test-drive .top,
	.single-page .content-top{
		padding-left: 15px;
		padding-right: 30px;
	}

	.test-drive .top{ padding-right: 15px; }

	.single-page .inner,
	#content .inner{
		padding-left: 15px;
		padding-right: 15px;
	}

	a.top{
		display: block;
		padding-bottom: 5px;
		left: 0; right: 0;
		bottom: 0;
		position: relative;
		background-color: black;
	}

	a.top span, a.top:hover span{ border: 0; background-color: transparent; }
	a.top:hover{ color: white; background-color: #d70000; }

	.forms,
	.form-heading{
		padding-left: 0;
	}

	.responsive-form li{ width: 48%; }

	#second_hand{ padding: 0 15px; }
	#second_hand_grid #list{ margin-left: -10px; }
	#top_navigation{ height: auto; padding: 10px; }
	#top_navigation form .count{ float: none; padding-left: 0; }
	#top_navigation ol{ float: none; padding-top: 8px; }
	#top_navigation .custom_select, #top_navigation .custom_select_variables{ margin-left: 0; margin-right: 0; }

	#services .map{
		height: auto; width: auto;
		display: inline-block;
		float: none;
		margin: 0 auto;
	}

	#services .city,
	#services .city.double{
		width: auto;
		top: -15px!important;
		left: -15px!important;
		right: -5px;
	}

	#services .city .close{
		display: block;
	}

	#car .content-top{ padding-left: 0; }
	#car h3{ padding-top: 0; }

	#gallery{
		padding-left: 0;
		padding-right: 0;
	}

	#oh-page .box h3,
	#oh-page .box h4{
		font-size: 30px;
		line-height: 1.2;
	}

	#oh-page .box.car-nature .col .fixed-max-width{ float: none; }

	#oh-page .colors .wheels ul li{
		width: 46%;
		padding: 0 2%;
		vertical-align: top;
	}

        #content .list-view > li{
            width: 100%;
        }

        .parts-search .red-box img{
            display: none;
        }
}

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

	#second-menu{ height: 5px; }

	#second-menu .quick-search,
	#second-menu .phone-holder{
		display: none;
	}

	#newsletter form,
	#newsletter .text{
		padding: 0;
	}

	#newsletter .forms ol{ overflow: visible; }

	#newsletter h2{
		font-size: 20px;
		line-height: 22px;
		padding-top: 0;
	}

	#newsletter .forms li{
		width: 100%;
		margin: 13px 0 0;
	}

	#newsletter .forms li:first-child{ margin-top: 0; }

	#footer{ font-size: 11px; }

	#footer dl,
	#footer dl.last{
		width: 45%;
		padding: 0 5% 20px 0;
	}

	#footer dl:nth-child(2n+1){ clear: both; }

	#footer .social{ padding-top: 0; }

	#side_menu div.models .column ol li a img{
		height: auto;
		max-width: 100%;
	}

	#front-news{ width: 100%; }

	#front-news-holder .box{
		width: 100%;
		margin-right: 0;
	}

	#front-video{ width: 100%; }

	#kia-model #background .image{
		-webkit-background-size: auto 100%;
		        background-size: auto 100%;
		background-attachment: fixed;
	}

	.content-top{ padding-left: 15px; }

	#car .content-top{ padding-left: 0; }

	.content-top h3 .logo{
		display: block;
		padding: 8px 0 0;
	}

	.news-inner .preview,
	.second-inner .preview,
	.text .peview{
		width: 100%;
		margin: 2px 0 10px;
	}

	.gd-inner .text img[align="right"],
	.gd-inner .text img[align="left"]{
		width: 100%;
		max-width: 100%;
		margin: 2px 0 10px;
	}

	.news-holder{
		width: auto!important;
		padding: 15px;
	}

	#news-list .col{
		width: 100%!important;
		padding: 15px 0;
		border-right: 0;
	}

	#news-list .col .inner{ height: auto!important; }

	.test-drive .forms li,
	.test-drive .forms li.textarea,
	.responsive-form li{
		width: 100%;
		padding: 0 0 13px;
	}

	.test-drive .forms li.from_to{
		width: auto;
		padding-left: 40px;
		background-position: 0 25px;
	}

	.test-drive .forms li.from_to label{ margin-left: -40px; }

	.forms li.from_to input{
		width: 100%;
		margin: 13px 0 0;
	}

	.forms li.from_to input#field_from{ margin-top: 5px; }

	#second_hand_grid #list{ margin-left: 0; }

	#second_hand_grid #list li{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		border-right: 0;
	}

	.news-inner img,
	.second-inner img,
	.text img{
		max-width: 100%;
	}

	#o_s .steps .forms li,
	.contact-form .forms li,
	.contact-form .forms li.textarea{
		width: 100%;
		padding-right: 0;
	}

	#o_s div.first,
	#o_s div.second{
		width: 100%;
	}

	#o_s .column,
	.columns div.text{
		width: 98%;
	}

	#o_s .services p.details input{ width: 90%; }

	#services .map .link{ font-size: 10px; }

        #fb-likepop > div{
            width: 280px;
            margin: -190px 0 0 -140px;
        }

        #list-2 > li > div{
            width: 100%;
            padding: 20px 0;
            float: none;
        }

        #list-2 > li > div.preview,
        #list-2 > li > div.carModel,
        #list-2 > li > div.specs-info{
            width: 100%;
            padding: 20px 0;
        }

        #list-2 > li > div ul{
            margin: 20px 0;
        }

}

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

	#kia_slider,
	#kia_slider .slider > li{
		height: 290px;
	}

	#front-video{ width: 100%; }

	#footer dl dt{ font-size: 13px; }

	#footer dl,
	#footer dl.last{
		width: 100%;
		padding: 0 0 20px 0;
	}

	#footer dl:nth-child(2n+1){ clear: none; }

	#bottom .left,
	#bottom .right{
		float: none!important;
		text-align: center;
	}

	#side_menu div.models .column ol{ margin: 0; }

	#side_menu div.models .column ol li{
		width: 100%; float: none;
		margin: 0;
	}

	#side_menu div.models .column ol li.mm-subtitle + li + li{
		border-top: 1px solid #e5e5e5;
	}

	#calculator .column h4{ font-size: 12px; }

	#filter .custom_select{
		clear: both; width: 100%;
		margin: 5px 0 0;
		-webkit-box-sizing: padding-box;
		box-sizing: padding-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#calculator .price span,
	#calculator .price div{
		display: block; float: none;
	}

	#calculator .price div strong{ text-align: left; }

	#calculator .price div.details{ padding-left: 0; }

	#car .container{ min-height: 80px; }

	.news-inner .preview  a,
	.second-inner .preview a,
	.text .preview a{
		width: 48%;
		margin-right: 2%;
	}

	.news-inner .preview  a.first,
	.second-inner .preview a.first,
	.text .preview a.first{
		width: 98%;
		margin-right: 0;
	}

	#o_s .datepick{ width: 100%!important; }
	#o_s .datepick-month{ width: 100%; }

	#o_s .step_buttons a{ width: 46%; }

	.gd-inner .box-advice p{ font-size: 12px; }

	.driving-schema li .box{ padding: 10px 10px 5px; }

	#services .map .link{
		text-indent: -10000px;
	}

        #content .list-view > li .links > li a.download{
            float: none;
            display: block;
        }

        .poll ul > li label{
            display: block;
        }

        .parts-search form{
            top: 20px;
        }

        .parts-search form label,
        .parts-search form input[type="text"]{
            margin: 0 auto;
            display: block;
        }

        .image-banner figcaption{
            padding: 20px;
        }

        .image-banner figcaption > div > div h5{
            font-size: 28px;
            line-height: 40px;
        }

        .parts-search nav{
            margin: 10px;
            text-align: center;
            position: static;
            top: auto;
            right: auto;
        }
}

@media all and (max-width: 1130px){
	#header a.logo{ margin-left: 20px; }
	#menu li a{ padding: 25px 7px 0; }
}

@media all and (min-width: 1135px) and (max-width: 1244px){
    #navigation{ width: 16.5%; }
    #content{ width: 75.5%; }
}

@media all and (min-width: 1244px) and (max-width: 1330px){
    #navigation{ width: 15.5%; }
    #content{ width: 77.5%; }
}

@media all and (min-width: 1331px) and (max-width: 1404px){
    #navigation{ width: 13.5%; }
    #content{ width: 78.5%; }
}

@media all and (min-width: 1405px) and (max-width: 1565px){
    #navigation{ width: 12.5%; }
    #content{ width: 79.5%; }
}

@media all(min-width: 1566px){
    #navigation{ width: 11.5%; }
    #content{ width: 80.5%; }
}

@media (min-width: 1663px){
    #latest-news .box{ width: 21.2%; }
}

/* Facebook */
.facebook-social-box {
    position: absolute;
    bottom: 0px;
    right: 230px;
    padding: 0 0 0 32px;
    overflow: hidden;
}

.facebook-social-box-inner {
    padding: 8px;
    background: #fff;
    position: relative;
    bottom: -40px;
    -webkit-transition: bottom 0.2s ease;
    -o-transition: bottom 0.2s ease;
    transition: bottom 0.2s ease;
}
.facebook-social-box:hover .facebook-social-box-inner {
    bottom: 0;
}
.facebook-social-box-inner:after {
    content: '';
    position: absolute;
    left: -32px;
    top: 0;
    width: 32px;
    height: 40px;
    background: #4867aa url('../images/kia-facebook.png') no-repeat 0px 0px;
}
.facebook-social-box-btn {
    display: block;
    text-decoration: none!important;
    padding: 9px 36px 9px 9px;
    line-height: 9px;
    font-size: 9px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background-color: #4867aa;
    position: relative;
}
.facebook-social-box-btn:before {
    content: '';
    width: 0px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #305093;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.facebook-social-box-btn:hover:before {
    width: 100%;
}
.facebook-social-box-btn:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 27px;
    height: 27px;
    background: #305093 url('../images/kia-facebook.png') no-repeat -32px 0;
}
.facebook-social-box-btn span {
    position: relative;
}
.facebook-social-box-btn span:before {
    content: '›';
    font-size: 12px;
    margin: 0 7px 0 0;
}
.facebook-social-box-inner > span {
    display: block;
    font-size: 12px;
    color: #1e1e1e;
    font-weight: 300;
    position: relative;
    padding: 0 0 8px 40px;
}
.facebook-social-box-inner > span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    background: url('../images/kia-facebook.png') no-repeat -59px 0;
}
.facebook-social-box-inner .facebook-logo {
    display: inline-block;
    width: 51px;
    height: 11px;
    background: url('../images/kia-facebook.png') no-repeat -85px 0;
    margin: 0 0 0 4px;
    padding: 0;
}

@media screen and (max-width: 1230px){
    .facebook-social-box {
        display: none;
    }
}

.wrapper-1400{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/*-- Grid --*/
.grid{
    display: block;
    font-size: 0;
}

.col{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.col-33{
    width: 33.3%;
}

.col-50{
    width: 50%;
}

.col-20{
    width: 20%;
}

/*-- Model search page --*/
.models-search-grid{
    padding: 55px 0 40px 0;
}

.models-search-grid .col-33{
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.models-search-grid .grid{
    /*width: 50%;*/
    padding: 20px 0 0 0;
}

.models-search-grid .col-50{
    padding: 3px 0 3px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.header-line{
    display: block;
    position: relative;
    z-index: 20;
    text-transform: uppercase;
    text-align: center;
}

.header-line h3{
    display: inline-block;
    position: relative;
    z-index: 20;
    padding: 0 10px;
    background-color: #fff;
    font-size: 14px;
}

.header-line:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0; right: 0;
    height: 1px;
    z-index: 10;
    background-color: #999;
}

/*-- Custom checkbox and radio --*/
.checkbox,
.radio{
    display: inline-block;
    min-height: 18px;
    position: relative;
    margin: 0;
    cursor: pointer;
    color: #999;
    font-size: 14px;
    font-weight: 400!important;
    line-height: 20px;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

    .inline-block .checkbox,
    .inline-block .radio{
        top: -2px;
        padding-right: 0;
    }

.checkbox var,
.radio var{
    display: block;
    padding: 3px 5px 3px 22px;
    font-style: normal;
    text-align: left;
    font-size: 14px;
    color: #000;
}

.ie8 .checkbox var,
.ie8 .radio var{
    padding-left: 20px;
}

.checkbox [type="checkbox"],
.radio [type="radio"]{
    height: auto; width: auto;
    border: 0;
    padding: 0;
    position: absolute;
    top: 0; left: 0;
    z-index: 3;
}

.checkbox [type="checkbox"]:not(:checked),
.checkbox [type="checkbox"]:checked,
.radio [type="radio"]:not(:checked),
.radio [type="radio"]:checked{
    opacity: 0;
    cursor: pointer;
}

.checkbox [type="checkbox"]:not(:checked) ~ var:before,
.checkbox [type="checkbox"]:checked ~ var:before,
.radio [type="radio"]:not(:checked) ~ var:before,
.radio [type="radio"]:checked ~ var:before{
    content: '';
    height: 13px; width: 13px;
    position: absolute !important;
    top: 5px; left: 0;
    background: white;
    border: 1px solid #999;
}

.checkbox [type="checkbox"]:not(:checked) ~ var:after,
.checkbox [type="checkbox"]:checked ~ var:after,
.radio [type="radio"]:not(:checked) ~ var:after,
.radio [type="radio"]:checked ~ var:after{
    content: ''; opacity: 0;
    height: 7px; width: 7px;
    position: absolute;
    top: 5px; left: 0;
    margin: 4px 0 0 4px;
    -webkit-transition: opacity 100ms ease-in-out;
            -o-transition: opacity 100ms ease-in-out;
            transition: opacity 100ms ease-in-out;
}

.checkbox [type="checkbox"]:not(:checked) ~ var:after,
.checkbox [type="checkbox"]:checked ~ var:after,
.radio [type="radio"]:not(:checked) ~ var:after,
.radio [type="radio"]:checked + var:after{
    background: #313d46;
}

.checkbox [type="checkbox"]:not(:checked) ~ var:after,
.radio [type="radio"]:not(:checked) ~ var:after{
    opacity: 0;
}

.checkbox [type="checkbox"]:checked:not(:disabled) ~ var:after,
.radio [type="radio"]:checked:not(:disabled) ~ var:after{
    opacity: 1;
}

.checkbox [type="checkbox"]:disabled:not(:checked) ~ var,
.checkbox [type="checkbox"]:disabled:checked ~ var,
.radio [type="radio"]:disabled:not(:checked) ~ var,
.radio [type="radio"]:disabled:checked ~ var{
    opacity: .5;
}

.checkbox [type="checkbox"]:disabled:checked ~ var:after,
.radio [type="radio"]:disabled:checked ~ var:after{
    color: #999;
}

.checkbox [type="checkbox"]:disabled + label,
.radio [type="radio"]:disabled + label{
    color: #aaa;
}

.radio [type="radio"]:not(:checked) ~ var:before,
.radio [type="radio"]:checked ~ var:before,
.radio [type="radio"]:not(:checked) ~ var:after,
.radio [type="radio"]:checked ~ var:after{
    -webkit-border-radius: 20px;
            border-radius: 20px;
}

@media (max-width: 1024px){

    .p-cars__item {
        width: 33.333333%;
    }
    .p-cars__info__img,
    .p-cars__info__img-cont,
    .p-cars__spec {
        width: 100%;
        max-width: 100%;
    }
    .p-price__label {
        margin-right: 0;
    }
    .col-33{
        width: 50%;
    }

    .col-20{
        width: 25%;
    }

    .models-search-grid .col-33 {
        padding: 20px;
    }

    .models-search-grid {
        padding: 30px 0 40px 0;
    }
}

@media (max-width: 800px){
    .col-33{
        width: 100%;
    }

    .col-20{
        width: 50%;
    }

    .models-search-grid .col-33 {
        padding: 20px;
    }
}

@media (max-width: 500px){
    .p-cars__item {
        width: 50%;
    }
    .col-20{
        width: 100%;
    }

    .car-grid .col-50{
        width: 100%;
    }

    .car-grid .mix a{
        margin: 0 auto;
    }

    .models-search-grid {
        padding: 30px 0 10px 0;
    }
}