﻿/*  Developed by Hande Simsek 
    handesmsk@gmail.com
*/
/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
    font-family: 'kiaB';
    src: url('../fonts/kia_bold/kia-bold.eot');
    src: url('../fonts/kia_bold/kia-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kia_bold/kia-bold.woff') format('woff'),
         url('../fonts/kia_bold/kia-bold.ttf') format('truetype'),
         url('../fonts/kia_bold/kia-bold.svg#kia-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kiaM';
    src: url('../fonts/kia_medium/kia-medium.eot');
    src: url('../fonts/kia_medium/kia-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kia_medium/kia-medium.woff') format('woff'),
         url('../fonts/kia_medium/kia-medium.ttf') format('truetype'),
         url('../fonts/kia_medium/kia-medium.svg#kia-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kiaL';
    src: url('../fonts/kia_light/kia-light.eot');
    src: url('../fonts/kia_light/kia-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kia_light/kia-light.woff') format('woff'),
         url('../fonts/kia_light/kia-light.ttf') format('truetype'),
         url('../fonts/kia_light/kia-light.svg#kia-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   Base styles
   ========================================================================== */
html { font-size: 1em; line-height: 1.4; font-family: 'kiaM', sans-serif; color: #2d2d2d; }
* { margin: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { }
html, body { height: 100%; }
::-moz-selection { background: #0ac0c1; text-shadow: none; color: #fff; }
::selection { background: #0ac0c1; text-shadow: none; color: #fff; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,canvas,img,video { vertical-align: middle;}
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
.loading-icon { width: 100%; height: 60px; }

h1, h2, h3, h4, h5, h6 { margin:0; font-weight:normal; }
h2 strong { font-weight: normal; }
h3 strong { font-weight: normal; }
ul { margin:0; padding:0; }
li { list-style:none; }
p { margin:0; font-size: 0.95em; }
b { font-weight: normal; font-family: 'kiaB'; }
a { text-decoration:none; outline: 0; }
a:hover, a:active, a:focus { outline: 0; }
input, textarea {  font-family: 'kiaM', sans-serif;
-webkit-transition: all .25s ease-out; 
   -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
        transition: all .25s ease-out; }
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus { border: 1px solid #0ac0c0; outline:none; }
:-ms-input-placeholder      { color:#fff; }
:-moz-placeholder           { color:#fff; }
::-moz-placeholder          { color:#fff; }
::-webkit-input-placeholder { color:#fff; }
:focus:-ms-input-placeholder      { color: transparent; }
:focus:-moz-placeholder           { color: transparent; }
:focus::-moz-placeholder          { color: transparent; }
:focus::-webkit-input-placeholder { color: transparent; }

.row > *[class *= "col-"] { position:relative; float:left; }
.row > .col-1-1 { width: 100%; float: none; }
.row > .col-1-2 { width: 50%; }
.row > .col-1-3 { width: 33.33%; }
.row > .col-2-3 { width: 66.66%; }
.row > .col-1-4 { width: 25%; }
.row > .col-3-4 { width: 75%; }
.row > .col-1-5 { width: 20%; }
.row > .col-2-5 { width: 40%; }
.row > .col-3-5 { width: 60%; }
.row > .col-4-5 { width: 80%; }
.row > .col-1-6 { width: 16.66%; }
.row > .col-5-6 { width: 83.33%; }
.lt-ie8 .row > .col-1-2 { width: 49.98%; }
.lt-ie8 .row > .col-1-3 { width: 33.33%; }
.lt-ie8 .row > .col-2-3 { width: 66.66%; }
.lt-ie8 .row > .col-1-4 { width: 25%; }
.lt-ie8 .row > .col-3-4 { width: 75%; }
.lt-ie8 .row > .col-1-5 { width: 20%; }
.lt-ie8 .row > .col-2-5 { width: 40%; }
.lt-ie8 .row > .col-3-5 { width: 60%; }
.lt-ie8 .row > .col-4-5 { width: 80%; }
.lt-ie8 .row > .col-1-6 { width: 16.66%; }
.lt-ie8 .row > .col-5-6 { width: 83.33%; }

.custom-link { padding: 0em 1em; position: relative; background: #2d2d2d; color: #fff !important; height: 43px; line-height: 43px;display: inline-block;
-webkit-border-radius: 7px;
   -moz-border-radius: 7px;
        border-radius: 7px; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.custom-link .custom-icon { background: url(../img/buttonarrow.png) no-repeat -38px center; width: 50px; height: 100%; display: block; position: absolute; top: 0px; right: -50px;
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
.custom-link .custom-icon2 { background: url(../img/buttonarrow2.png) no-repeat 12px center; width: 50px; height: 100%; display: block; position: absolute; top: 0px; left: -50px; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
.custom-link:hover .custom-icon { background-position: 12px center; }
.custom-link:hover .custom-icon2 { background-position: -38px center; }
.custom-link.bold { padding: 0em 1em; height: 60px; line-height: 60px; display: block; width: 60px; }
.custom-link.bold .custom-icon { top: 0 }
.color-t.custom-link { border-right: 50px solid #0ac0c0; }
.color-t.custom-link:hover { background: #0ac0c0; border-color: #2d2d2d; }
.color-o.custom-link { border-right: 50px solid #f5791e; }
.color-o.custom-link:hover { background: #f5791e; border-color: #2d2d2d; }
.color-b.custom-link { border-right: 50px solid #1eb4df; }
.color-b.custom-link:hover { background: #1eb4df; border-color: #2d2d2d; }
.custom-link.download .custom-icon { background: url(../img/buttonarrow-v.png) no-repeat center -31px; }
.custom-link.download:hover .custom-icon { background-position: center 6px; }
.custom-link.download-v2 .custom-icon { background: url(../img/buttonarrow-v2.png) no-repeat center -38px; }
.custom-link.download-v2:hover .custom-icon { background-position: center 11px; }
/* ==========================================================================
   Custom SelectBox
   ========================================================================== */
.select-box { position:relative; width:100%; height:38px; color:#661a18; cursor:pointer; font-size: 0.95em; }
.select-box.active { z-index:10; }
.select-box.active .menu { left:0; }
.select-box.active .top { border: 1px solid #0ac0c0 !important; }
.select-box.active .top div { 
-webkit-backface-visibility: hidden;
        backface-visibility: hidden; 
-webkit-transform: rotate(180deg);  
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);}
.select-box .top { position:absolute; width:100%; height:36px; left:0; top:0; z-index:3; border:1px solid #828282; background: #424242; 
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
        border-radius: 6px;}
.select-box .top label { position:absolute; top:8px; left:15px; cursor: pointer; color: #fff; width:85%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.select-box .top div { position:absolute; top:0; right:0; width:46px; height:38px; background: url(../img/arrow-close.png) no-repeat center;
-webkit-transition: all .15s ease-out; 
   -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
     -o-transition: all .15s ease-out;
        transition: all .15s ease-out; }
.select-box .top div span { position:absolute; top:17px; right:16px; width:11px; height:10px; background: url(../img/arrow-close.png); }
.select-box .menu { position: absolute; top: 35px; left: -9999px; width: 100%; max-height: 130px; padding: 10px 0 7px; z-index: 2; border: 1px solid #0ac0c0; background-color: #2d2d2d;
-webkit-border-radius: 6px 6px 6px 6px;
   -moz-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;}
.select-box .menu ul { padding: 0 10px; }
.select-box .menu ul li { color: #fff; padding: 0.25em 5px; font-size: 0.9em; 
-webkit-transition: all .2s; 
   -moz-transition: all .2s;
    -ms-transition: all .2s;
     -o-transition: all .2s;
        transition: all .2s;}
.select-box .menu ul li:hover { background-color:#0acaca; padding-left: 11px;  }
.filter-nav .select-box .top { background: #fff; border: 1px solid #e0e0e0; }

/* ==========================================================================
   Custom styles
   ========================================================================== */
.wrapper { margin: 0 auto; width: 94%; }
.content-type-image img { width: 100%; }
.wideImage.setbg { min-height: 370px; margin-bottom: 1.5em; }
.page-main-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -110px; }
footer, .push { height: 110px; }
.formPage-v1 .widebg{max-height: 250px; overflow: hidden; position: relative;}
.formPage-v1 .widebg img{position:relative; margin-top:-300px;}
.formPage-v1 .setbgwrap{position: absolute; top: 0; left: 0; width: 100%; z-index: -9999;}
.formPage-v1 .setbg {min-height: 400px;}
.widebg img { width: 100%; }
.bttrlazyloading-wrapper { width: 100%; }
.model-gallery .image-frame .bttrlazyloading-wrapper,
.model-equipment .image-frame .bttrlazyloading-wrapper { background-color: #2d2d2d !important; }
.maintenance-chart .widebg { margin-bottom: 1em; }
.model-price-list .widebg { margin-bottom: 1.5em; }
.model-price-list,
.price-list-general,
.dealerPage { padding-bottom: 4em; }
.model-price-list .allpricelist { text-align: right; }
#errorPage h1 { font-size: 4em; margin-top: 0.5em; color: #0ac0c0; background: url(../img/error.jpg) no-repeat left center; padding-left: 90px; }
#errorPage h2 { color: #0ac0c0; }

/* ==========================================================================
   Footer
   ========================================================================== */
footer { position: relative; width: 100%; z-index: 1; margin-bottom: -21px; }
footer .footer-top { background: #e4e5e6; padding: 1em 0; }
footer .footer-menu { float: left; }
footer .footer-menu li { float: left; }
footer .footer-menu li a { color: #2d2d2d; font-size: 0.8em; border-left: 1px solid #2d2d2d; padding: 0 0.7em; 
-webkit-transition: all .25s; 
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
footer .footer-menu li a:hover { color: #0ac0c0; }
footer .footer-menu li:first-child a { border-left: none; padding-left: 0; }
footer .nav-social { float: left; }
footer .nav-social li { float: left; margin-left: 0.4em; }
footer .nav-social a { display: block; width: 24px; height: 24px; background-image: url(../img/social.png); background-repeat: no-repeat; position: relative; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
footer .nav-social a:after { content: ""; width: 24px; height: 24px; display: block; background: none; display: inline-block; position: absolute; top: -1px; left: -1px;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
        border-radius: 50%;
-webkit-transition: all .3s; 
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-transform:scale(0.8);
   -moz-transform:scale(0.8);
     -o-transform:scale(0.8);
    -ms-transform:scale(0.8);
        transform:scale(0.8);}
footer .nav-social a:hover:after {
-webkit-transform: scale(1.15); 
   -moz-transform: scale(1.15);  
    -ms-transform: scale(1.15); 
     -o-transform: scale(1.15);  
        transform: scale(1.15); }
footer .nav-social .facebook a { background-position: 0px 0px; } 
footer .nav-social .twitter a { background-position: -31px 0px; } 
footer .nav-social .gplus a { background-position: -62px 0px; } 
footer .nav-social .instagram a { background-position: -92px 0px; } 
footer .nav-social .youtube a { background-position: -121px 0px; } 
footer .nav-social .facebook a:after { border: 1px solid #05539b; }
footer .nav-social .twitter a:after { border: 1px solid #2ce1df; }
footer .nav-social .gplus a:after { border: 1px solid #eb125f; }
footer .nav-social .instagram a:after { border: 1px solid #3b88d0; }
footer .nav-social .youtube a:after { border: 1px solid #ff0404; }
footer .footer-bottom { padding: 1em 0; background: #fff; }
footer .footer-bottom .wrapper { position: relative; }
footer .footer-bottom .kialogo { position: absolute; width: 155px; height: 68px; top: -50px; right: 0; }
footer .footer-bottom .kialogo img { max-width: 100%; }

/* ==========================================================================
   Header
   ========================================================================== */
header { position: relative; overflow: hidden; height: 113px;}
header .fixedBar { position: fixed; width: 100%; background: #fff; z-index: 999; height: 113px; }
header.shortType, 
header.shortType .fixedBar { height: 87px; }
.header-top { background: #f9f9f9; border-bottom: 1px solid #e4e4e4; padding: 0.1em 0; }
.header-top ul { float: right; }
.header-top ul li { float: left; line-height: 1.3em; padding-top: 1px;}
.header-top ul li:first-child a { border: none; }
.header-top ul li a { color: #2d2d2d; font-size: 0.75em; padding: 0 0.7em; border-left: 1px solid #2d2d2d;
-webkit-transition: all .25s; 
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.header-top ul li a:hover { color: #0ac0c0; }
.header-top #searchArea { padding-top: 0; position: relative; }
.header-top #searchArea input { border: 1px solid #bebebe; padding: 0.1em 30px 0.1em 1em; font-size: 0.75em; width: 110px;
-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
        border-radius: 10px;}
.header-top #searchArea input:focus { width: 130px; border: 1px solid #0ac0c0; background: #2d2d2d; color: #fff }
.header-top #searchArea :-ms-input-placeholder      { color:#2d2d2d; }
.header-top #searchArea :-moz-placeholder           { color:#2d2d2d; }
.header-top #searchArea ::-moz-placeholder          { color:#2d2d2d; }
.header-top #searchArea ::-webkit-input-placeholder { color:#2d2d2d; }
.header-top #searchArea .icon { display: block; position: absolute; top: 3px; right: 10px; width: 17px; height: 17px; background: url(../img/search-icon2.png) no-repeat 0 0;}
.header-bottom { border-bottom: 1px solid #e4e4e4; }
.header-bottom .backpattern { position: absolute; top: 0; left: 0; width: 100%; }
.header-bottom .wrapper { position: relative; }
.header-bottom .logo { float: left; width: 76px; height: 38px; margin-top: 5px; position: relative; z-index: 14}
.header-bottom .buildyourvehicle { position: relative; z-index: 14; float: right; margin-top: 5px; overflow: hidden;}
.header-bottom .buildyourvehicle a { background: #2d2d2d; color: #fff; display: block; padding: 0em 1em; border-right: 50px solid #1eb4df; font-size: 0.9em; position: relative; height: 36px; line-height: 36px;
-webkit-border-radius: 7px;
   -moz-border-radius: 7px;
        border-radius: 7px;}
.header-bottom .buildyourvehicle a:hover { background: #1eb4df; border-color: #2d2d2d; }
.header-bottom .primary-nav { float: left; height: 45px; margin-left: 70px; }
.header-bottom .primary-nav a { color: #2d2d2d; }
.primary-nav p { font-size: 16px; }
.primary-nav .topnav { height: 100%; }
.primary-nav .topnav > li { float: left; height: 100%; }
.primary-nav .topnav > li > a { height: 100%; display: block; line-height: 45px; padding: 0 1em; position: relative; z-index: 12; font-size: 16px; }
.primary-nav .topnav > li.active:first-child > a { color:#bc1d1f; }
.primary-nav .topnav > li.active:nth-child(2) > a { color:#0ac0c0; }
.primary-nav .topnav > li.active > a { color:#f5791e; }
.primary-nav .topnav > li.active:nth-child(4) > a { color:#1eb4df; }
.primary-nav .topnav > li .subnav { position: absolute; width: 100%; background: #fff; left: 0; top: 46px; *zoom:1; visibility: visible;z-index: 10;margin-top: 0;
-webkit-transition: all .25s; 
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;
-webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
        transform: translateY(0px); }
.primary-nav .topnav > li .subnav.hide { opacity: 0;filter: alpha(opacity = 0);
-webkit-transform: translateY(-20px);
   -moz-transform: translateY(-20px);
        transform: translateY(-20px); }
.primary-nav .topnav > li .subnav.undercover { display: none; } 
.primary-nav .topnav > li .subnav.hide2 {opacity: 0;filter: alpha(opacity = 0);}
.primary-nav .topnav > li .subnav.reveal { opacity: 1;filter: alpha(opacity = 100); }
.primary-nav .topnav > li .subnav > ul { border:1px solid #ececec; border-top: none; }
.primary-nav .topnav > li .subnav .nav-icon { width: 100%; text-align: center; height: 46px; }
.primary-nav .topnav > li .subnav .nav-icon a { display: block; margin-top: 5px; }
.primary-nav .topnav > li .subnav li { text-align: center;font-size:14px; }
.primary-nav .topnav > li .subnav .title a span { display: block; text-align: center;}
.primary-nav .topnav > li .subnav .grid4 > li { width: 25%; float: left; }
.primary-nav .topnav > li .subnav .grid7 > li { width: 14.28571%; float: left; }
.primary-nav .topnav > li .navstyle3.kiaWorld .grid7 > li { width:16.66%; }
.primary-nav .navstyle3.kiaWorld ul li a:last-child {border-right:none}
.primary-nav .topnav > li .subnav .grid5 > li { width: 20%; float: left; }

.navstyle1 ul { overflow: hidden; border-bottom: none !important; border-right: none !important; margin:0px 0 0 -1px }
.navstyle1 ul { width: 100%; }
.navstyle1 ul li.odd .item-inner { background: #fafafa; }
.navstyle1 ul li .item-inner { border: 1px solid #e4e4e4; padding: 1.5em 0 1em; cursor: pointer; margin: -1px 0 0 -1px; overflow: hidden; display: block;
-webkit-transition: background .3s ease-out; 
   -moz-transition: background .3s ease-out;
    -ms-transition: background .3s ease-out;
     -o-transition: background .3s ease-out;
        transition: background .3s ease-out;}
.navstyle1 ul li figure { height: 72px; margin-bottom: 0.5em; *display: inline; zoom: 1;}
.navstyle1 ul li figure img { max-height: 100%; max-width: 100%; }
.navstyle1 ul li p { margin-bottom: 1em; }
.navstyle1 ul li .explore { opacity:0;position: relative; border-right: 40px solid #f5791e; height: 35px; display: block; background: #fff; width: 80px; margin: 0 auto; line-height: 35px;
-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
        border-radius: 10px;
-webkit-transform: scale(0.8); 
   -moz-transform: scale(0.8);  
    -ms-transform: scale(0.8); 
     -o-transform: scale(0.8);  
        transform: scale(0.8); 
-webkit-transition: all .2s ease-out; 
   -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
        transition: all .2s ease-out;}
.navstyle1 ul li .explore span { width: 26px; height: 21px; position: absolute; top: 7px; right: -33px; display: block; background: url(../img/button-arrow.png) no-repeat -27px 0;
-webkit-transition: all .2s ease-out; 
   -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
        transition: all .2s ease-out;}
.navstyle1 ul li .explore:hover span { background-position: 0px 0; }
.navstyle1 ul li .item-inner:hover { background: #2d2d2d; }
.navstyle1 ul li .item-inner:hover p { color: #fff; }
.navstyle1 ul li .item-inner:hover .explore { opacity:1;
-webkit-transform: scale(1); 
   -moz-transform: scale(1);  
    -ms-transform: scale(1); 
     -o-transform: scale(1);  
        transform: scale(1); }

.navstyle3 ul { margin: 0px 0 0 -1px; width: 100%; border-bottom: none !important; border-right: none !important; }
.navstyle3 ul li .nav-icon { margin-bottom: 0.7em; }
.navstyle3 ul li a { display: block; border: 1px solid #e4e4e4; height: 82px; padding: 1.55em 0; background: #fff; margin: -1px 0 0 -1px;
-webkit-transition: background .1s ease-out; 
   -moz-transition: background .1s ease-out;
    -ms-transition: background .1s ease-out;
     -o-transition: background .1s ease-out;
        transition: background .1s ease-out; }
.navstyle3 ul li:first-child a { border-left: none; }
.navstyle3 ul li a p { line-height: 1.15em; padding: 0 0.55em; }
.navstyle3 ul li a:hover { background: #F7f7f7; }
.navstyle3 ul li a .nav-icon img { 
-webkit-transition: margin .2s ease-out; 
   -moz-transition: margin .2s ease-out;
    -ms-transition: margin .2s ease-out;
     -o-transition: margin .2s ease-out;
        transition: margin .2s ease-out; }
.navstyle3 ul li a:hover .nav-icon img{ margin-top: 0.3em;}
.navstyle3 ul li:nth-child(odd) a { background:#fafafa; }
.navstyle3 ul li a.subactive { background:#fff !important; }
.navstyle3 ul li a.subpassive { background:#fafafa !important; }

.navstyle2 ul { margin: 0px 0 0 -1px; width: 100%; border-bottom: none !important; border-right: none !important; }
.navstyle2 > ul > li { height: 350px; }
.navstyle2 ul,
.navstyle2 ul li { 
-webkit-transition: background .1s ease-out; 
   -moz-transition: background .1s ease-out;
    -ms-transition: background .1s ease-out;
     -o-transition: background .1s ease-out;
        transition: background .1s ease-out; }
.navstyle2 ul li .nav-icon { margin-bottom: 0.7em; padding-top: 1.4em; }
.navstyle2 ul li .item-inner { border-left: 1px solid #e4e4e4; height: 100%; }
.navstyle2 ul li:first-child .item-inner { border-left: none; }
.navstyle2 ol { padding: 0 1.5em 1.55em; margin-top: 1em; }
.navstyle2 ol li { border-bottom: 1px solid #caeeee; }
.navstyle2 ol li a { padding: 0.3em 0; display: inline-block; 
-webkit-transition: all .15s ease-out; 
   -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
     -o-transition: all .15s ease-out;
        transition: all .15s ease-out;}
.navstyle2 ol li a:hover { color: #0ac0c0; }
.navstyle2 ul > li:nth-child(odd){ background:#fafafa; }
.navstyle2 ul li.subactive { background:#fff !important; }
.navstyle2 ul li.subpassive { background:#fafafa !important; }
.cover { background: #fff; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 11; }

/* ==========================================================================
   Menu Overlay
   ========================================================================== */
.menu-overlay { background: url(../img/transparentbg.png) repeat; width: 100%; height: 100%; position: fixed; top: 81px; left: 0; z-index: 100;
-webkit-transition: opacity .3s ease-out; 
   -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
     -o-transition: opacity .3s ease-out;
        transition: opacity .3s ease-out;}
.menu-overlay.hide,
.breadcrumb-overlay.hide { opacity: 0;filter: alpha(opacity = 0); *zoom:1; }
.menu-overlay.undercover,
.breadcrumb-overlay.undercover { z-index: -1} 
.breadcrumb-overlay{ background: url(../img/transparentbg.png) repeat; width: 100%; height: 102%; position: absolute; top: 0; left: 0; z-index: 9;
-webkit-transition: opacity .3s ease-out; 
   -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
     -o-transition: opacity .3s ease-out;
        transition: opacity .3s ease-out;}

/* ==========================================================================
   Headline
   ========================================================================== */
.headline { background: #fff; }
.headline .wrapper { border-bottom: 1px solid #f5791e; }
.headline .f-model-name { margin-right: 10px; }
.headline .f-model-img { width: 100px; display: inline-block; }
.headline .f-model-img img { max-width: 100%; vertical-align: -40%; width: 100%; height: 100%; }
.headline .headline-bottom .wrapper { padding: 0.6em 0; }
.headline .headline-bottom p { margin-bottom: 0.5em; }
.headline .headline-bottom .wrapper > span { font-size: 0.95em; }
.customHead .wrapper { position: relative; padding-top: 0.2em; }
.customHead .socialShare { position: absolute; top: 25%; right: 0; }

/* ==========================================================================
   Breadcrumb
   ========================================================================== */
.breadcrumb { background: #2d2d2d; border-bottom: 1px solid #e4e4e4; position: relative; }
.breadcrumb .nav-secondary-v1 li { display: inline-block; width: 214px; height: 40px; text-align: center; color: #fff;*zoom: 1;*display: inline; }
.breadcrumb .nav-secondary-v1 li.active { background: url(../img/list-item-v1.jpg) no-repeat; color: #2d2d2d; }
.breadcrumb .nav-secondary-v1 li.spec-v1 { background: url(../img/list-item-v2.jpg) no-repeat center right; }
.breadcrumb .nav-secondary-v1 li.spec-v2 { margin-left: -50px; }
.breadcrumb .nav-secondary-v1 li p { padding-top: 10px; }
.breadcrumb .nav-secondary-title { float: left; color: #fff; padding-left: 0; padding-right: 70px; background: url(../img/icon-arrow.png) no-repeat 90% center; text-align: left; font-size: 1.1em; line-height: 40px; }
.breadcrumb .nav-secondary-title a { color: #fff; 
-webkit-transition: all .3s; 
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.breadcrumb .nav-secondary-title a:hover { color: #0ac0c1; }
.breadcrumb .nav-secondary-wrap { float: left; }
.breadcrumb .nav-secondary li { width: auto; float: left; color: #fff; height: auto; background: none; }
.breadcrumb .nav-secondary li.active a { background: #fff; color: #2d2d2d; }
.breadcrumb .nav-secondary li a { color: #fff; display: block; font-size: 0.9em; height: 40px; line-height: 40px; position: relative; overflow: hidden; padding: 0 0.9em; 
-webkit-transition: background .3s, color .25s; 
   -moz-transition: background .3s, color .25s;
    -ms-transition: background .3s, color .25s;
     -o-transition: background .3s, color .25s;
        transition: background .3s, color .25s;}
.breadcrumb .nav-secondary li a:hover { background: #0ac0c1; color: #fff; }
.breadcrumb .nav-secondary-v2 li.active a:hover { background: #fff; color: #2d2d2d; }
.breadcrumb .nav-secondary-v2 li.active { background: url(../img/list-item-v3.png) no-repeat left center; }
.breadcrumb .nav-secondary-v2 li { background: url(../img/list-item-v22.jpg) no-repeat 100% 50%; width: 169px; margin-left: -48px; float: left; height: 40px; position: relative;}
.breadcrumb .nav-secondary-v2 li.result { background: none; width: 250px; float: right; }
.breadcrumb .nav-secondary-v2 li.result .result-price  { display:table; color: #fff; height: 100%; text-align: right; width: 100%; }
.breadcrumb .nav-secondary-v2 li.result .result-price p { display: table-cell; vertical-align: middle; }
.breadcrumb .nav-secondary-v2 li.result .result-price p span { display: block; font-size: 11px; }
.breadcrumb .nav-secondary-v2 li.result .result-price .result-total { font-size: 1.3em; line-height: 1em; }
.breadcrumb .nav-secondary-v2 li a { color: #fff; padding-left: 56px; height: 40px; line-height: 40px; display: block; position: relative; z-index: 4;
-webkit-transition: background .35s; 
   -moz-transition: background .35s;
    -ms-transition: background .35s;
     -o-transition: background .35s;
        transition: background .35s;}
.breadcrumb .nav-secondary-v2 li a:hover { color: #fff; }
.breadcrumb .nav-secondary-v2 li > span { background: url(../img/list-item-v6.png) no-repeat left center; opacity: 0;filter: alpha(opacity = 0); display: block; width: 169px; height: 40px; position: absolute; top: 0; left: 0; z-index: 3;
-webkit-transition: all .2s; 
   -moz-transition: all .2s;
    -ms-transition: all .2s;
     -o-transition: all .2s;
        transition: all .2s;}
.breadcrumb .nav-secondary-v2 li a:hover + span { opacity: 1;filter: alpha(opacity = 100); }
.breadcrumb .nav-secondary-v2 li.active a:hover + span { opacity: 0;filter: alpha(opacity = 0); }
.breadcrumb .nav-secondary-v2 li.active a { color: #2d2d2d; }
.breadcrumb .nav-secondary-v2 li.active a:hover { background:none}
.breadcrumb .mobile-heading-v2 { display: none; height: 51px; color: #fff; position: relative; }
.search-section .search-form { height: 40px; text-align: center; }
.search-section.result-style .search-form {text-align: left; }
.search-section .search-form input { width:300px; padding: 0.65em 0 0.65em 50px; display:block; float:left; border: none; background: none; color: #fff; position: relative;}
.search-section .search-form .s-icon { position: absolute; top: 0; left: 0; z-index: 2; width: 50px; height: 40px; background: url(../img/search-icon.png) no-repeat center; display: block; }
.search-section .search-form .s-inner { position: relative; display: inline-block; }
.search-section .suggestedSearch { position: relative; top: -2px; display: none; }
.search-section .suggestedSearch.reveal { display: block; }
.search-section ul { opacity: 0;filter: alpha(opacity = 0); background: #2d2d2d; }
.search-section .suggestedSearch.reveal a { text-align:left; color: #fff; padding: 0.7em 2em; border-bottom: 1px solid #424242; display: block;
-webkit-transition: background .3s; 
   -moz-transition: background .3s;
    -ms-transition: background .3s;
     -o-transition: background .3s;
        transition: background .3s; }
.search-section .suggestedSearch.reveal a:hover { background: #424242; }

/* ==========================================================================
   MainPage
   ========================================================================== */
#mainPage .gridbox-wrap { width: 100%; position: relative; color: #fff; overflow: hidden; }
#mainPage .gridbox-wrap a { color: #fff; display: block; width: 100%; height: 100%; }
#mainPage .gridbox-wrap .box52 .slide-info-inner > a { background: url(../img/bgshadow.png) repeat-x; }
#mainPage .gridbox-wrap .box16 .slide-info-inner > a,
#mainPage .gridbox-wrap .box32 .slide-info-inner > a { background: url(../img/bgshadow.png) repeat-x 0 -150px; }
#mainPage .gridbox-wrap a .slide-info-title { font-size: 3.4em; line-height: 1.15em; padding: 25px;padding-bottom: 0px!important }
#mainPage .gridbox-wrap a .slide-info-subtitle { font-size: 1.7em; line-height: 1.2em; padding: 25px; padding-top: 0px!important}
#mainPage .gridbox-wrap .slide-info .slide-info-inner { width: 100%; height: 100%; background-repeat: no-repeat;
background-position: 50% 50% !important; 
-webkit-background-size: cover !important;
        background-size: cover !important;}
#mainPage .gridbox-wrap .slide-info .slide-info-inner.active { display: block; } 
#mainPage .gridbox-wrap .slide-info .slide-info-inner.active a:hover { /*color: #0AC0C1;*/ }
#mainPage .gridbox-wrap .slide-info h1 { font-size: 4em; text-shadow:1px 1px 1px #2d2d2d; position: relative; }
#mainPage .gridbox-wrap .slide-info { width: 100%; height: 100%; }
#mainPage .gridbox-wrap .slidepager { text-align: center; position: absolute; bottom: 1em; left: 0; width: 100%; }
#mainPage .gridbox-wrap .slidepager li { display: inline-block; *zoom: 1; *display: inline; }
#mainPage .gridbox-wrap .slidepager span { display: block; width: 10px; height: 10px; margin:0 5px; background: url(../img/pager.png) no-repeat -19px 0; cursor: pointer;  }
#mainPage .gridbox-wrap .slidepager .active span { background: url(../img/pager.png) no-repeat 0px 0; }
#mainPage .gridbox-wrap > *[class *= "box"] { position: absolute; }
#mainPage .gridbox-wrap .grid-inner { width: 100%; height: 100%; text-align: center; background: #2d2d2d;
-webkit-perspective: 1200px; 
    -ms-perspective: 1200px;
        perspective: 1200px;}
#mainPage .gridbox-wrap .grid-inner:hover h3 { padding-top: 1em; }
#mainPage .gridbox-wrap .grid-inner a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; }
#mainPage .gridbox-wrap .grid-inner .center-box { width: 100%; height: 169px; margin-top: -84px; top: 50%; position: absolute; left: 0; }
#mainPage .gridbox-wrap .grid-inner .center-box h3 { font-size: 1.1em; padding: 0 0.2em; }
#mainPage .gridbox-wrap .grid-inner .center-box h3:after { content: ""; display: block; height: 1px; width: 0%; background: #fff; margin: 0 auto; opacity: 0; 
-webkit-transition: all .3s; 
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
#mainPage .gridbox-wrap .grid-inner:hover .center-box h3:after { opacity: 1; width: 50%; }
#mainPage .gridbox-wrap .grid-inner .center-box figure { margin-bottom: 10px; }
#mainPage .gridbox-wrap .grid-inner .center-box figure img { max-width: 100%; max-height: 100%}
#mainPage .gridbox-wrap .box16 { width: 16%; }
#mainPage .gridbox-wrap .box32 { width: 32%; }
#mainPage .gridbox-wrap .box52 { width: 52%; }
.m-testdrive { top: 0; left: 0; height: 50%; }
.m-service { top: 50%; left: 0; height: 50%; }
.m-main { top: 0; left: 16%; height: 100%; background: #2d2d2d; }
.m-gallery { top:0; left: 68%; height: 50%; background: #2d2d2d; }
.m-campaign { top: 50%; left: 68%; height: 50%; background: #2d2d2d; }
.m-pricelist { top: 50%; left: 84%; height: 50%;  }
.m-service .bg-turn,
.m-testdrive .bg-turn,
.m-pricelist .bg-turn { background: url(../img/text-pattern-s7.png) no-repeat -170px -20px; } 
.m-service .grid-inner,
.m-testdrive .grid-inner,
.m-pricelist .grid-inner { cursor: pointer }
#mainPage .gridbox-wrap > *[class *= "box"] .setbg { width: 100%; height: 100%; overflow: hidden; position: relative; }
/* Mobile */
#mainPage .gridbox-wrap.mobile { min-height: 700px; }
#mainPage .gridbox-wrap.mobile .box52 { width: 50%; left: 0; height: 75%; }
#mainPage .gridbox-wrap.mobile .box32 { width: 50%; left: 50%; }
#mainPage .gridbox-wrap.mobile .box16 { width: 25%; }
#mainPage .gridbox-wrap.mobile .m-campaign { left: 50%; }
#mainPage .gridbox-wrap.mobile .m-pricelist { left: 75%; }
#mainPage .gridbox-wrap.mobile .m-testdrive { width: 25%; left: 0; height: 25%; top: 75%; }
#mainPage .gridbox-wrap.mobile .m-service { width: 25%; left: 25%; height: 25%; top: 75%; }
#mainPage .gridbox-wrap.mobile figure { max-width: 34%; margin: 0 auto; }
#mainPage .gridbox-wrap.mobile h3 { font-size: 16px; }
#mainPage .gridbox-wrap.mobile .grid-inner .center-box { margin-top: -25%; }
#mainPage .gridbox-wrap .bg-turn{  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;}
#mainPage .gridbox-wrap .m-pricelist .bg-turn { 
-webkit-transition: all .7s ease-in-out; 
   -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
     -o-transition: all .7s ease-in-out;
        transition: all .7s ease-in-out; }
#mainPage .gridbox-wrap .m-testdrive .bg-turn {
-webkit-transition: all .7s ease-in-out; 
   -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
     -o-transition: all .7s ease-in-out;
        transition: all .7s ease-in-out;  }
#mainPage .gridbox-wrap .m-service .bg-turn { 
-webkit-transition: all .7s ease-in-out; 
   -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
     -o-transition: all .7s ease-in-out;
        transition: all .7s ease-in-out;  }
.bg-turn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; opacity: 0;filter: alpha(opacity = 0); 
-webkit-transform: rotateY(180deg);
   -mst-transform: rotateY(180deg);
        transform: rotateY(180deg); }
.bg-turn.turning { opacity: 1;filter: alpha(opacity = 100); 
-webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg); 
        transform: rotateY(0deg);}
.bg-turn.turned { opacity: 0;filter: alpha(opacity = 0); 
-webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg); 
        transform: rotateY(-180deg);}
/* ==========================================================================
   Forms
   ========================================================================== */
input[type="checkbox"], input[type="radio"] { position: absolute; left: -99999px; }
.formtype-s1 { background: rgba(0,0,0,0.85);  position: relative; }
.formtype-s1 .select-box .top{background: none !important;}
.formtype-s1 .f-inner { padding: 0 1em; }
.formtype-s1 .f-inner > label { font-size: 0.95em; }
.formtype-s1 .f-inner > p {color: #fff;}
.formtype-s1 label { display: block; color: #fff; margin-bottom: 0.5em; }
.formtype-s1 input,
.formtype-s1 textarea { border:1px solid #828282; padding: 9px 15px; color: #fff; display: block; width: 100%; margin: 0 auto;font-size: 0.95em;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box; }
.formtype-s1 label span,
.formtype-s1 ul.form-list > li p span { color: #f5791e}
.formtype-s1 input,
.formtype-s1 textarea { background: none; border: 1px solid #828282; 
-webkit-border-radius: 7px;
   -moz-border-radius: 7px;
        border-radius: 7px;}
.formtype-s1 textarea:focus { border: 1px solid #0ac0c0; outline:none; }
.formtype-s1 .f-leftside { width: 75%; border-right: 1px solid #5c5c5c; }
.formtype-s1 ul.form-list > li:first-child { margin-top: 0; }
.formtype-s1 ul.form-list > li { margin-top: 2em; }
.formtype-s1 ul.form-list > li .req-info { color: #fff; }
.formtype-s1 ul.form-list h3 { color: #fff; font-family: 'kiaB', sans-serif; font-size: 1em; }
.formtype-s1 ul.form-list.wide-type { width: auto; margin: 2.5em; }
.formtype-s1 ul.form-list.wide-type label p,
.formtype-s1 ul.form-list h3 span { margin-bottom: 6px; }
.formtype-s1 ul.form-list .select-box label { padding: 0; }

.formVehicle .formButton,
.formAddress .formButton,
.formPersonal .formButton,
.testDrive .formAddress .formButton { position: absolute; bottom: 40px; right: 0; width: 25%; padding: 0; }
.formVehicle .formButton .submitBtn,
.formAddress .formButton .submitBtn,
.formPersonal .formButton .submitBtn,
.testDrive .formAddress .submitBtn { margin: 0 auto; float: none; }
.testDrive .formtype-s1 { background: #000; background: rgba(0,0,0,0.85); }
.testDrive .formtype-s1 .f-leftside {background: none; border-right: 1px solid #5c5c5c; }
.testDrive .select-box .menu { background: #2d2d2d; }
.testDrive .select-box .top { background: none; }
.testDrive .select-box.active .top { background: #2d2d2d; }
.formArea { padding-bottom: 8em; }
.back-template .formArea { min-height: 500px; }
.submitBtn { position:relative; font-size: 1.1em; color:#fff; border: none; width: 110px; height: 60px; border-right: 50px solid #f5791e; display: block; line-height: 60px; background: #2d2d2d;
-webkit-border-radius: 7px;
   -moz-border-radius: 7px;
        border-radius: 7px;
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
.submitBtn .text { color: #fff; text-align: center; }
.goSubmit { left: -99999px; position: absolute; }
.submitBtn .arrow { background: url(../img/buttonarrow.png) no-repeat -38px 0; width: 50px; height: 21px; display: block; position: absolute; top: 20px; right: -50px;
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
.submitBtn:hover { background: #f5791e; border-color: #2d2d2d; }
.submitBtn:hover .arrow { background-position: 12px 0; }
input.error-input,
textarea.error-input { border: 1px solid #c31f2d; }
.select-box.error-input .top { border: 1px solid #c31f2d; }
.dealersearch  { height: 38px; }
.dealersearch .form-inner { display: inline-block;}
.dealersearch .form-inner > li { width: 170px; float: left; margin-left: 1em; display: block; text-align: left;}
.dealersearch .form-inner > li:first-child { margin-left: 0; }
.dealersearch .form-inner > li.checkbox { width: 140px; }
.dealersearch .form-inner > li.finddealer { width: 120px; }
.dealersearch .form-inner > li.finddealer .text { font-size: 15px; }
.dealersearch .form-inner > li.apply { width: 240px; font-size: 0.95em; }
.dealersearch .form-inner > li.apply .custom-link { height: 38px; line-height: 38px; }
.dealersearch .select-box .top { background: #fff; border: 1px solid #e0e0e0; }
.dealersearch .select-box .top label { color: #2d2d2d; }
.dealersearch .submitBtn { float: right; height: 38px; line-height: 38px; border-color: #0ac0c0; }
.dealersearch .submitBtn { width: 70px; }
.dealersearch .submitBtn:hover { background: #0ac0c0; border-color: #2d2d2d; }
.dealersearch .submitBtn .arrow { top: 8px; }
.dealersearch .cb-label { cursor:pointer; height: 38px; line-height: 38px; font-size: 0.95em; display: block; background: url(../img/checkbox-v2.png) no-repeat right center;  }
.dealersearch .cb-label.checked { background: url(../img/checkbox-v1.png) no-repeat right center; }
.input-blocks > div { width: 20%; float: left; }
.input-blocks .cb-label { cursor:pointer; padding-left: 2.3em; font-size: 0.95em; display: block; background: url(../img/checkbox-s2.png) no-repeat left center;  }
.input-blocks .cb-label.checked { background: url(../img/checkbox-s1.png) no-repeat left center; }
.f-inner .error{color:#f5791e;}
/* ==========================================================================
   Test Drive
   ========================================================================== */
.back-template { position: relative; width: 100%; z-index: 10; overflow: hidden; }
.back-template-inner { position: relative; height: 100%; }
.testDrive .setbgwrap { position: absolute; top: 0; left: 0; width: 100%; z-index: -9999; }
.testDrive .setbg { min-height: 400px; }
.bg-video{position:absolute !important; z-index:-99999; margin:0px; padding:0px; }

/* ==========================================================================
   Online Appeal
   ========================================================================== */
.onlineAppeal .widebg { border-bottom: 1px solid #fff; }
.onlineAppeal .forgotpassword,
.onlineAppeal .input-blocks label a {
-webkit-transition: all .2s ease-out; 
   -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
        transition: all .2s ease-out; }
.onlineAppeal .forgotpassword { color: #fff; float: right; font-size: 0.9em; margin-top: 0.6em; }
.onlineAppeal .forgotpassword:hover { color:#0ac0c0; }
.onlineAppeal .formButton { position: absolute; bottom: 35px; right: 0;width: 25%; padding: 0; }
.onlineAppeal .formButton .submitBtn { margin: 0 auto; }
.onlineAppeal .newuser { top: 35px; bottom: auto; }
.onlineAppeal .login .submitBtn { border-color: #0ac0c0; }
.onlineAppeal .login .submitBtn:hover { background: #0ac0c0; border-color: #2d2d2d; }
.onlineAppeal .formLogin ul.form-list.wide-type { margin-top: 3.5em; margin-bottom: 3.5em; }
.onlineAppeal .formLogin .submitBtn { width: 160px; }
.onlineAppeal .input-blocks > div { width: 100%; }
.onlineAppeal .input-blocks label a { color: #fff; text-decoration: underline; }
.onlineAppeal .input-blocks label a:hover { color:#0ac0c0; }
.onlineAppeal .appeal-result-info .form-list { padding: 2em 0; }
.onlineAppeal .appeal-result-info .f-inner p { color: #fff; text-align: center; padding: 0 2em; line-height: 1.8em; }
.onlineAppeal .appeal-result-info .appealRebuild { position: absolute; right: 0; top:0; width: 33.33%; padding: 0; height: 100%; }
.onlineAppeal .appeal-result-info .appealRebuild .custom-link { font-size: 0.9em; width: 170px; margin: 0 auto; display: block; }
.onlineAppeal .appeal-result-info .appealRebuild .change-date { margin-bottom: 1em; margin-top: 3em; }

/* ==========================================================================
   Dealers List
   ========================================================================== */
.dealerPage .headline-bottom .wrapper { border-bottom: 1px solid #f5791e; margin-bottom: 1em; }
.dealers-list { width: 100%; }
.dealers-list td { width: 50%; padding-bottom: 1em; }
.dealers-list td .dealer-box { border: 1px solid #e0e0e0; margin-left: 0.5em; }
.dealers-list td:first-child .dealer-box { margin-right: 0.5em; margin-left: 0;}
.dealers-list td .dealer-info { padding: 1em; }
.dealer-info p { margin-bottom: 1em; }
.dealer-info .dealer-name { font-family: 'kiaB', sans-serif; font-size: 1em; margin-bottom: 1em;}
.dealer-info .d-icons { margin-bottom: 1em; }
.dealer-info .d-icons img { max-width: 75px; }
.dealer-info .d-icons .gotomap { float: right; color: #2d2d2d; text-decoration: underline; font-size: 0.95em; 
-webkit-transition: all .2s ease-out; 
   -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
        transition: all .2s ease-out;}
.dealer-info .dealer-address { min-height: 65px; }
.dealer-info .d-title { width: 25%; float: left; }
.dealer-info .d-info { width: 75%; float: left; }
.dealer-info .dealer-mail a { color: #2d2d2d; 
-webkit-transition: all .2s ease-out; 
   -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
        transition: all .2s ease-out; }
.dealer-info .dealer-mail a:hover,
.dealer-info .d-icons .gotomap:hover { color: #0ac0c0; }

/* ==========================================================================
   Vehicle Grid
   ========================================================================== */
.vehicle-grid-container .row:first-child .vehicle-cell { border-top: none; overflow: hidden; }
.vehicle-grid-container .vehicle-cell {border-left: 1px solid #fff; border-top: 1px solid #fff; color:#fff; overflow: hidden; display: block; position: relative; }
.vehicle-grid-container .vehicle-cell figure { height: 100%; position: relative; min-height: 380px; }
.vehicle-grid-container .vehicle-cell figure img { width: 100%;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden; 
-webkit-transition: all .35s; 
   -moz-transition: all .35s;
    -ms-transition: all .35s;
     -o-transition: all .35s;
        transition: all .35s;
    left: 0!important;
}
.vehicle-grid-container .vehicle-cell .info { position: absolute; background: #2d2d2d; width: 100%; z-index: 10; bottom: 0; left: 0; }
.vehicle-grid-container .vehicle-cell .info p { padding: 1em; background: url(../img/icon-arrow.png) no-repeat 108% 50%;
-webkit-transition: all .3s; 
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.vehicle-grid-container .vehicle-cell:hover p { padding: 1.5em 1em; background: url(../img/icon-arrow.png) no-repeat 97% 50% #0ac0c0}
.vehicle-grid-container .vehicle-cell:hover p span { left: 20px}
.vehicle-grid-container .vehicle-cell:hover figure img {
-webkit-backface-visibility: hidden;
        backface-visibility: hidden; 
-webkit-transform: scale(1.1); 
   -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1); 
     -o-transform: scale(1.1);  
        transform: scale(1.1);}

/* ==========================================================================
   Tables
   ========================================================================== */
.tableWrap { margin-bottom: 2em; }
.tableModel { border: none; width: 100%; margin-bottom: 0.6em; }
.tableModel th { border-width: 1px; border-style: solid; border-color: #fff; color: #fff; font-weight: normal; padding: 1em; text-align: left; font-size:15px; }
.technical-top .wrapper .tableWrap.noHeadline .tableModel th{width:250px;}
.technical-bottom .wrapper .tableWrap.noHeadline .tableModel th{width:250px;}
.tableModel td { border-width: 1px; border-style: solid; border-color: #fff; color: #2d2d2d; font-size: 15px; padding: 1em; 
-webkit-transition: all .2s ease-out; 
   -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
        transition: all .2s ease-out;}
.tableModel td .data-headline,
.tableModel td .data-headline2 { display: none; }
.tableModel td img { display: block; margin: 0 auto; }
.tableModel th:first-child { width: 33.333%; background: #2d2d2d; }
.tableModel tbody tr { background: #fcfcfc;
-webkit-transition: all .2s ease-out; 
   -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
        transition: all .2s ease-out;}
.tableModel tbody tr.odd { background: #efefef; }
.tableModel tr td:first-child { background: #424242; color: #fff; }
.tableModel tr:hover td:first-child { background: #2d2d2d; }
.t-bluestyle th,
.hierarchical.priceTable.t-bluestyle th:first-child { background: #1eb4df; }
.t-turqoisestyle th,
.hierarchical.priceTable.t-turqoisestyle th:first-child { background: #0ac0c0; }
.t-greenstyle th,
.hierarchical.priceTable.t-greenstyle th:first-child { background: #03b490; }
.t-orangestyle th,
.hierarchical.priceTable.t-orangestyle th:first-child { background: #f5791e; }
.t-purplestyle th,
.hierarchical.priceTable.t-purplestyle th:first-child { background: #801662; }
.t-bluestyle tbody tr:hover,
.t-bluestyle tbody tr.odd:hover { background:#d2f0f9 !important; }
.t-turqoisestyle tbody tr:hover,
.t-turqoisestyle tbody tr.odd:hover { background:#cef2f2 !important; }
.t-greenstyle tbody tr:hover,
.t-greenstyle tbody tr.odd:hover { background:#cdf0e9 !important;}
.t-orangestyle tbody tr:hover,
.t-orangestyle tbody tr.odd:hover { background:#fde4d2 !important; }
.t-purplestyle tbody tr:hover,
.t-purplestyle tbody tr.odd:hover { background:#e6d0e0 !important; }
.tableModel .hcol { background: #2d2d2d !important; }
.priceTable th,
.priceTable td { text-align: center; min-width: 50px;}
.priceTable th:first-child,
.priceTable td:first-child { text-align: left; }
.priceTable th:first-child { width: 28%; }
/*.model-equipment .tableModel th { width: 33.33%; } */
.model-equipment .tableModel { border-top: 1px solid #fff; margin-top: -1px; }
.model-equipment .tableModel th { border-top: none; padding-top: 1.2em; padding-bottom: 1.2em; }
/*.model-equipment .tableModel tr:last-child td { border-bottom: none;}*/
.model-equipment .tableModel th:first-child,
.model-equipment .tableModel td:first-child { border-left: 0; }
.hierarchical.priceTable th:first-child { width: auto; text-align: center; }
.hierarchical.priceTable tr:first-child th:first-child { background: #2d2d2d; }
.hierarchical .tableModel th { width: 35px; }
.tableWrap .table-heading h2 { font-size: 2em; float: left; line-height: 1.25em; }
.tableWrap .table-heading h2 .model-image { height: 68px; display: inline-block; margin-left: 0.5em; }
.tableWrap .table-heading h2 .model-image img { max-width: 100%; vertical-align: -40%; height: 100%; }
.tableWrap .table-heading .modelspec-list { float: right; }
.tableWrap .table-heading .modelspec-list ul { padding-top: 0.5em; }
.tableWrap .table-heading .modelspec-list li { float: left; margin-left: 0.5em; }
/* Social */
.socialShare li { float: left; margin-left: 0.4em; }
.socialShare li a { display: block; width: 24px; height: 24px; background-image: url(../img/social.png); background-repeat: no-repeat; position: relative; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.socialShare li a:after { content: ""; width: 24px; height: 24px; display: block; background: none; display: inline-block; position: absolute; top: -1px; left: -1px;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
        border-radius: 50%;
-webkit-transition: all .3s; 
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-transform:scale(0.8);
   -moz-transform:scale(0.8);
     -o-transform:scale(0.8);
    -ms-transform:scale(0.8);
        transform:scale(0.8);}
.socialShare li a:hover:after {
-webkit-transform: scale(1.15); 
   -moz-transform: scale(1.15);  
    -ms-transform: scale(1.15); 
     -o-transform: scale(1.15);  
        transform: scale(1.15); }
.socialShare .facebook a { background-position: 0px 0px; } 
.socialShare .twitter a { background-position: -31px 0px; } 
.socialShare .gplus a { background-position: -62px 0px; } 
.socialShare .facebook a:after { border: 1px solid #05539b; }
.socialShare .twitter a:after { border: 1px solid #2ce1df; }
.socialShare .gplus a:after { border: 1px solid #eb125f; }
.tableWrap .socialShare ul { float: right; }
.model-equipment .tableWrap,
.model-equipment .tableModel { margin-bottom: 0; }
.equipment-years { border-bottom: 1px solid #fff; }
.equipment-years a { width:50%; float: left; color: #fff; background: #03b490; padding: 15px 0; text-align: center; font-size: 1.32em; position: relative;
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.equipment-years a span { position: absolute; top: 0; right: 0; height: 100%; width: 1px; background: #fff; }
.equipment-years a.active { background: #0ac0c0; }
.equipment-years a:hover { background: #0ac0c0; }
.equipment-years:after,
.equipment-years:before { content: ""; clear: both; display: table; }

/* ==========================================================================
   Technical 
   ========================================================================== */
.tech-content { min-height: 400px; position: relative; margin-bottom: 1em; }
.tech-content .pattern {position: absolute; width: 100%; height: 100%; background: url(../img/transbg3.png) repeat;}
.tech-content .tech-content-image { width: 100%; }
.tech-content .tech-content-image td { padding-top: 3em; }
.tech-content .tech-content-image img { max-width: 100%; float: left; }
.tech-content .tech-content-image .image-text { float: left; font-size: 2em; text-align: left; padding-top: 2em; padding-left: 1em; }
.tech-content h1 { padding: 1em 0; }
.tech-content h1 span { border-bottom: 1px solid #f5791e; }
.tech-content .wrapper { position: relative; z-index: 10; }
.tech-content .centering { display: inline-block; *display: inline;zoom: 1; }
.technical-bottom .tech-content-image img { display: block; margin: 0 auto; float: none; }
.technical-top .tech-content-image { text-align: center; }

/* ==========================================================================
   Price List
   ========================================================================== */
.price-list-general .filter-area-nav { padding: 0.6em 0; border-bottom: 1px solid #f5791e; margin-bottom: 1em; height: 38px; }
.price-list-general .filter-area-nav h3 { float: left; padding-top: 9px; }
.price-list-general .filter-area-list { float: right; }
.price-list-general .filter-area-list > li { width: 190px; float: left; margin-left: 1.5em; }
.price-list-general .filter-area-list .select-box .top { background: #fff; border: 1px solid #e0e0e0; }
.price-list-general .filter-area-list .select-box .top label { color: #2d2d2d; }

/* ==========================================================================
   Sidebar page template
   ========================================================================== */
.content-template-v1 { position: relative; height: auto; padding-left: 280px; font-size: 0.95em; }
.content-template-v1 .content-sidebar { z-index:10; position: absolute; width: 280px; height: 100%; left: 0; top: 0; background: #2d2d2d; }
.yilTab{cursor:pointer;margin-bottom:1px;margin-top:1px;}
.content-sidebar ul:first-child .yilTab{margin-top:0px;}
.content-template-v1 .content-sidebar ul { background: #2d2d2d; }
.content-template-v1 .content-sidebar ul li { display: block; }
.content-template-v1 .content-sidebar ul li a { display: block; text-align: right; color: #fff; padding: 1.25em 2.4em 1.25em 2em; margin-top: 1px; background: url(../img/icon-arrow2.png) no-repeat 110% center #424242; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.content-template-v1 .content-sidebar ul li.active a { background: url(../img/icon-arrow2.png) no-repeat 97% center #03b490; }
.content-template-v1 .content-sidebar ul li a:hover { background: url(../img/icon-arrow2.png) no-repeat 97% center #0ac0c0; }
.content-template-v1 .content-sidebar ul li:first-child a { margin-top: 0; }
.content-template-v1 .content-global-header { margin: 0 2%; position: relative; border-bottom: 1px solid #f5791e; padding-top: 0.8em; }
.content-template-v1 .content-global-header .socialShare { position: absolute; top: 50%; right: 0; margin-top: -11px; }
.content-template-v1 .content-global-header h1 { margin-right: 110px; }
.content-template-v1 .content-global-header.absolute-header { text-align:right; margin: 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 10; border: none; }
.content-template-v1 .content-global-header.absolute-header .socialShare { position: relative; top: 0; margin: 0 2% 0 0; display: inline-block; }
.content-template-v1 .content-global-header.absolute-header .socialShare li a { background-image: url(../img/social4.png);}
.content-global { position: relative; }
.content-global h2 { margin-bottom: 0.5em; line-height: 1.4em; }
.content-global .image-grid-s1 { overflow: hidden; }
.content-global .image-grid-list { background: #2d2d2d; }
.content-global .image-grid-list .image-frame img { width: 100%; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.content-global .image-grid-list .image-frame a { overflow: hidden; display: block; color: transparent; }
.content-global .image-grid-list .image-frame a:hover img {
-webkit-backface-visibility: hidden;
        backface-visibility: hidden; 
-webkit-transform: scale(1.1); 
   -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1); 
     -o-transform: scale(1.1);  
        transform: scale(1.1); }
.content-global .image-grid-s1 .image-grid-list li {width: 33.33%; float: left; }
.content-global .image-grid-s1 .image-frame { border: 1px solid #fff; border-top: none; border-left: 0; }
.content-global .content-type-rich-text  { line-height: 1.7em; margin-top: 15px; margin-left: 10%; /* text-indent: 10px; */max-width: 80%;}
@media only screen and (max-width : 1350px){ .content-global .content-type-rich-text  {margin-left: 5% !important;max-width: 89% !important;}}
@media only screen and (max-width : 1230px){ .content-global .content-type-rich-text  {margin-left: 4% !important;max-width: 91% !important;}}
@media only screen and (max-width : 1104px){ .content-global .content-type-rich-text  {width: 92% !important;}}
.content-global .content-type-rich-text p b { font-size: 1.05em; }
.content-global .content-type-rich-text p a { color: #1eb4df; }
.content-global .content-type-rich-text li{ list-style-type:decimal!important;}
.content-global .content-grid .col { width: 50%; float: left; }
.content-type-image { color: transparent; }
.model-equipment .content-template-v1 { padding-left: 281px; }
.model-equipment .content-sidebar { border-right: 1px solid #fff; }
.service-phases { margin-bottom: 4em; }
.service-phases h2 { margin: 0 40px 1em; color: #1eb4df; }
.service-phases table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.service-phases table td,
.service-phases table tr,
.service-phases table tbody { border-collapse: collapse; border-spacing: 0; }
.service-phases table td { border-left: 0; position: relative; text-align: center; }
.service-phases .grid10 td { width: 10%; }
.service-phases .tabitem { padding: 2em 0 1em; text-align: center; position: relative; z-index: 2; }
.service-phases .tabitem span { display: block; width: 85%; margin: 0 auto; min-height: 45px; font-size: 0.85em; }
.service-phases .tabitem figure { margin-bottom: 1em; }
.service-phases .tabitem figure img { max-width: 100%; }
.service-phases table .shadow { width: 100%; position: absolute; z-index:1;top: 0; left: 0; width: 100%; height: 100%;border:1px solid #ececec;border-left: 1px solid #fff;  
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box; }
.content-global .custom-link { margin-top: 1.5em; font-size: 0.95em; }
.content-global .downloadlinks { margin-top: 1.5em; }
.content-global .downloadlinks a { background:url(../img/book-icon.png) no-repeat 9px center;border: 1px solid #c2c2c2; color: #2d2d2d; font-size: 0.95em; padding: 0.4em 0.5em 0.4em 27px; 
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-transition: all .2s ease-out; 
   -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
        transition: all .2s ease-out;}
.content-global .downloadlinks a:hover { background:url(../img/book-iconh.png) no-repeat 9px center #0acaca; border-color: #0acaca; color: #fff; }
.linkbar { background: #2d2d2d;}
.linkbar li { width: 25%; float: left; }
.linkbar li a { color: #fff; height: 36px; line-height: 53px; display: block;text-align: center; padding-bottom: 0.25em; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.linkbar li a:hover { background-color: #0ac0c0;}
.linkbar li a span { display: inline-block; height: 53px; vertical-align: middle; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.linkbar li a .text { padding-left: 15px; }
.linkbar li a > *[class *= "icon"] { margin-left: -10px; }
.linkbar li a .icon1 {background: url(../img/icon6h.png) no-repeat center; width: 36px; }
.linkbar li a .icon2 {background: url(../img/icon11h.png) no-repeat center; width: 34px; }
.linkbar li a .icon3 {background: url(../img/icon9h.png) no-repeat center; width: 34px; }
.linkbar li a .icon4 {background: url(../img/icon10h.png) no-repeat center; width: 36px; }
.linkbar li a .icon5 {background: url(../img/icon5h.png) no-repeat center; width: 30px; }

.kampanyaIconlariYeni{position:relative; margin-top:-52px; width:140px;}

	.kampanyaSayfasiLinkbarResponsiveIcin1{height:25px;background-color:#fff;width:100%;display:none;}
	.kampanyaSayfasiLinkbarResponsiveIcin2{height:25px;background-color:#fff;width:100%;display:none;}
/* ==========================================================================
   Tabs
   ========================================================================== */
.tab-area { position: relative;width: 100%;overflow: hidden;}
.tab-area table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.tab-area table td,
.tab-area table tr,
.tab-area table tbody,
.tab-area table thead{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; }
.tab-area table td { cursor: pointer; position: relative; border: none; border: 1px solid #ececec;}
.tab-area .grid4 td { width: 25%; }
.tab-area .grid5 td { width: 20%; }
.tab-area .grid6 td { width: 16.666666%; }
.tab-area .row-wrap { position: relative; }
.tab-area table .active .tabitem {  }
.tab-area table .tabitem { padding: 2em 0 1em; text-align: center; }
.tab-area table .tabitem span { display: block; width: 90%; margin: 0 auto; min-height: 45px; }
.tab-area table .tabitem figure { margin-bottom: 1em; }
.tab-area table .tabitem figure img { max-width: 90%; }
.tab-area table .shadow { opacity: 0;filter: alpha(opacity = 0); width: 100%; position: absolute; z-index:10;top: 0; left: 0; width: 100%; height: 100%;border:1px solid #fff;  
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
.tab-details .detail-area { display: none; }
.tab-details .currenttabdetail { display: block; }
.tab-details .detail-area .content-grid { opacity: 0;filter: alpha(opacity = 0); }
.tab-area table .active .shadow { opacity: 1;filter: alpha(opacity = 100); }
table.color-b .active .shadow { border: 4px solid #0acaca; }
table.color-o .active .shadow { border: 4px solid #f5791e; }
table.color-b .active .tabitem span { color: #0acaca; }
table.color-o .active .tabitem span { color: #f5791e; }

/* ==========================================================================
   Model Gallery
   ========================================================================== */
.model-gallery .image-grid-s2 { width: 100%; background: #2d2d2d; }
.model-gallery .image-grid-s2 li { float: left; width: 25%; }
.model-gallery .image-grid-s2 a { overflow: hidden; display: block; position: relative; color: transparent; }
.model-gallery .videoicon { width: 83px; height: 83px; background: url(../img/videoicon.png) no-repeat; position: absolute; top: 50%; left: 50%; margin-left: -41px; margin-top: -41px; }
.model-gallery .image-grid-s2 a img { width: 100%; color: transparent;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden; 
-webkit-transform: scale(1.01); 
   -moz-transform: scale(1.01);  
    -ms-transform: scale(1.01); 
     -o-transform: scale(1.01);  
        transform: scale(1.01);
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.model-gallery .image-grid-s2 a:hover img {
-webkit-transform: scale(1.1); 
   -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1); 
     -o-transform: scale(1.1);  
        transform: scale(1.1);}

/* ==========================================================================
   Vehicle Experience
   ========================================================================== */
.paging { position: fixed; right: 0; top:50%; margin-top: -117px; z-index: 9; width: 175px; font-size: 0.95em; right: -139px; opacity: 1;filter: alpha(opacity = 100);
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.paging.hidepaging { opacity: 0;filter: alpha(opacity = 0);}
.paging.hidepagingindex { z-index: -1; }
.paging li a { position: relative; display: block; height:38px; line-height: 38px;color: #2d2d2d; padding-bottom: 1px; 
-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.paging li a span { display: inline-block; float: left; 
-webkit-transition: all .3s ease-in-out; 
   -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;}
.paging li a .paging-num { width: 38px; height: 38px; color: #fff; background: #2d2d2d; text-align: center; position: absolute; top: 0; left: 0; }
.paging li a .paging-label { padding: 0 0.5em 0 45px; background: #eaeaea; width: 100%; height: 38px;}
.paging li a:hover,
.paging li.active a { margin-left: -139px; }
.paging li .paging-item1:hover .paging-num,
.paging li.active .paging-item1 .paging-num { background: #1eb4df; }
.paging li .paging-item2:hover .paging-num,
.paging li.active .paging-item2 .paging-num { background: #0ac0c0; }
.paging li .paging-item3:hover .paging-num,
.paging li.active .paging-item3 .paging-num { background: #03b490; }
.paging li .paging-item4:hover .paging-num,
.paging li.active .paging-item4 .paging-num { background: #f5791e; }
.paging li .paging-item5:hover .paging-num,
.paging li.active .paging-item5 .paging-num { background: #ee1c61; }
.paging li .paging-item6:hover .paging-num,
.paging li.active .paging-item6 .paging-num { background: #801663; }


.vehicleExperince .chapter-row { overflow: hidden; position: relative; }
.vehicleExperince .loading { position:fixed; top:50%; left:50%; background: url(../img/loader.gif) no-repeat center; width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; }
.vehicleExperince .chapter-row .setbg { opacity: 0;filter: alpha(opacity = 0); }
.vehicleExperince .chapter-row .bg-shadow { position: absolute; width: 100%; height: 300px; top: 0; left: 0; z-index: 8; background: url(../img/bgshadow.png) repeat-x; }
.vehicleExperince .chapter-details h1 { font-size: 3.6em; color: #fff; padding: 0.3em 0 0.1em; }
.vehicleExperince .chapter-details p { color: #fff; display: inline;}
.vehicleExperince .chapter-details .chapter-text {width: 40%;   color: #fff;   font-size: 1.1em; 
}
.vehicleExperince .points { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; }
.vehicleExperince .points span { position: absolute; width: 55px; height: 55px; margin-top: -27px; margin-left: -27px; display: block; }
.vehicleExperince .points span img { cursor: pointer;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden; 
-webkit-transition: -webkit-transform .2s; 
   -moz-transition: -moz-transform .2s;
    -ms-transition: -ms-transform .2s;
     -o-transition: -o-transform .2s;
        transition: transform .2s;
-webkit-transform: scale(1); 
   -moz-transform: scale(1);  
    -ms-transform: scale(1); 
     -o-transform: scale(1);  
        transform: scale(1); }
.vehicleExperince .points img:hover {
-webkit-transform: scale(0.8); 
   -moz-transform: scale(0.8);  
    -ms-transform: scale(0.8); 
     -o-transform: scale(0.8);  
        transform: scale(0.8); }
.vehicleExperince .points span p { display: none; }
.vehicleExperince .points.outside { position: relative; width: 80%; margin: 0.5em auto 0; }
.vehicleExperince .points.outside span { display: block; position: relative; margin: 0; width: auto; height: 40px; }
.vehicleExperince .points.outside span img { width: 30px; height: 30px; }
.vehicleExperince .points.outside span img:hover { 
-webkit-transform: scale(0.8); 
   -moz-transform: scale(0.8);  
    -ms-transform: scale(0.8); 
     -o-transform: scale(0.8);  
        transform: scale(0.8);}
.vehicleExperince .points.outside span p { display: inline-block; color: #fff; }
.vehicleExperince .chapter-details .pattern { position: absolute; top: 0; left: 0; width: 737px; height: auto; z-index: 9; }
.vehicleExperince .chapter-details .pattern img { }
.vehicleExperince .chapter-details .wrapper { z-index: 11; position: relative; }
.vehicleExperince .backLinks { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 9; }
.vehicleExperince .col3 { width: 33.33%; float: left; }
.vehicleExperince .shadowLinks .border { background: #fff; width: 1px; height: 100%; float: right; z-index: 11; position: relative; }
.vehicleExperince .shadowLinks { position: absolute; width: 100%; height: 100%; z-index: 11; top: 0; left: 0; }
.vehicleExperince .shadowLinks .s-path { width: 33.33%; float: left; height: 100%; position: relative; cursor: pointer; }
.vehicleExperince .shadowLinks .s-path .shadow-title { background: #f5791e; color: #fff; position: absolute; width: 100%; bottom:0; z-index: 10; height: 55px;
-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.vehicleExperince .shadowLinks .s-path .shadow-title span { height: 60px; display: block; padding: 0.5em; opacity: 1;filter: alpha(opacity = 0);
-webkit-transition: all .25s ease-out 0.2s; 
   -moz-transition: all .25s ease-out 0.2s;
    -ms-transition: all .25s ease-out 0.2s;
     -o-transition: all .25s ease-out 0.2s;
        transition: all .25s ease-out 0.2s;}
.vehicleExperince .shadowLinks .s-path:hover .shadow-title { height: 85px; }
.vehicleExperince .shadowLinks .s-path:hover .shadow-title span {  opacity: 1;filter: alpha(opacity = 100); }
.vehicleExperince .area360 { margin: 0 auto; position: relative; }
.vehicleExperince .area360 .start360 { position: absolute; z-index: 50; background: url(../img/icon360.png) no-repeat; width: 148px; height: 74px; top: 50%; left: 50%; margin-left: -74px; margin-top: -37px; cursor: pointer; }
.vehicleExperince .colorOptions .pattern { z-index: 20}
.vehicleExperince .colorOptions table {width: 100%; height: 70%; }
.vehicleExperince .colorOptions .tabitem figure { margin-bottom: 0; /*width:90px;*/ height: 90px; cursor: pointer; 
-webkit-transition: all .25s ease-out; 
   -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box; }
.vehicleExperince .colorOptions .active figure { border: 6px solid #ee1c61; }
.vehicleExperince .colorOptions .tabitem figure img {width: 100%; height: 100%; }
.vehicleExperince .colorOptions .tabitem { padding: 0; }
.vehicleExperince .colorOptions .tab-area { text-align: center; }
.vehicleExperince .colorOptions .tabitem-wrap { display: inline-block;margin: 0 0 0 -5px; *display: inline; zoom: 1;}
.vehicleExperince .colorOptions .colorname { position: absolute; bottom: 0.5em; left: 70%; font-size: 1.5em; color: #2d2d2d; min-width: 300px; text-align: left; }
.vehicleExperince .colorOptions .colorname span { border-bottom: 1px solid #ee1c61; display: inline-block; ;
-webkit-transition: all .25s ease-out; 
   -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
        transition: all .25s ease-out;}
.vehicleExperince .colorOptions .colorname span.reveal { 
    -webkit-transition: all .25s ease-out; 
   -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
-webkit-transform: translateX(3em);
    -moz-transform: translateX(3em);
        transform: translateX(3em);}

.vehicleExperince .colorOptions .wrapper { height: 100%; }
.vehicleExperince .colorOptions .tab-details { width: 100%; text-align: center; }
.vehicleExperince .colorOptions .tab-details figure {position: relative; }
.vehicleExperince .colorOptions .tab-details img { width: 40%; }
.vehicleExperince .colorOptions h1 { color: #ee1c61; }
.vehicleExperince .colorOptions p,
.vehicleExperince .view360 p { color: #2d2d2d; }
.vehicleExperince .view360 h1 { color: #801663; }
.vehicleExperince .view360 .chapter-details,
.vehicleExperince .colorOptions .chapter-details { height: 100%; }
.vehicleExperince .view360 table { height: 50%; width: 100%; }
.vehicleExperince .view360 .chapter-details .wrapper,
.vehicleExperince .colorOptions .chapter-details .wrapper { height: 100%; }
.vehicleExperince .view360 .chapter-details .wrapper .area360 {  vertical-align: middle; }
.vehicleExperince #image-reel { margin: 0 auto; }
.vehicleExperince #image-reel img { opacity: 0.6;filter: alpha(opacity = 60); }
.bottomnavbar { position: fixed; bottom: -5px; left: 0; width: 100%; background: #2d2d2d; z-index: 50;
-webkit-transition: bottom .3s ease-out; 
   -moz-transition: bottom .3s ease-out;
    -ms-transition: bottom .3s ease-out;
     -o-transition: bottom .3s ease-out;
        transition: bottom .3s ease-out; }
.bottomnavbar li {float: left; width: 33.3333%; }
.bottomnavbar li a { padding: 0.3em 0; color: #fff; display: block; text-align: center; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.bottomnavbar li a:hover { background: #424242; }
.bottomnavbar li a img { margin-right: 1em; vertical-align: -55%; position: relative; margin-top: -50px;width:150px;}
.bottomnavbar.hiddenbar { bottom: -48px; }

/* ==========================================================================
   Lightbox
   ========================================================================== */
.lightbox-overlay { background: url(../img/transparentbg.png) repeat; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: block;
-webkit-transition: opacity .3s ease-out; 
   -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
     -o-transition: opacity .3s ease-out;
        transition: opacity .3s ease-out;}
.lightbox-container { position: fixed; width: 100%; height: 100%; z-index: 1001; top:0; left:0; display: block; 
-webkit-transition: opacity .3s ease-out; 
   -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
     -o-transition: opacity .3s ease-out;
        transition: opacity .3s ease-out; }
.lightbox-container .lightbox-nav { height: 75px; }
.lightbox-container .lightbox-nav nav { height: 75px; background: #000; position: relative; top: 0px; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.lightbox-container .lightbox-nav ul { float: right; }
.lightbox-container .lightbox-nav ul li { float: left; }
.lightbox-container .lightbox-nav a { display: block; height: 75px; width: 90px; 
-webkit-transition: all .25s ease-out; 
   -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
        transition: all .25s ease-out;}
.lightbox-container .lightbox-nav a:hover { background: #0acaca;}
.lightbox-container .lightbox-nav a span{ cursor:pointer; background-image: url(../img/lightbox-icons.png); background-repeat: no-repeat; display: block; height: 25px;position: relative; top: 25px; margin: 0 auto; }
.lightbox-container .lightbox-nav .lb-prev span{ background-position: -40px -3px; width: 15px; }
.lightbox-container .lightbox-nav .lb-next span{ background-position: -70px -3px; width: 15px;}
.lightbox-container .lightbox-nav .lb-close span{ background-position: -2px -3px; width: 25px;}
.lightbox-overlay.hide { opacity: 0;filter: alpha(opacity = 0); *zoom:1; }
.lightbox-container.hide { opacity: 0;filter: alpha(opacity = 0); *zoom:1; }
.lightbox-overlay.undercover,
.lightbox-container.undercover { z-index: -1; display: none; } 
.lightbox-container.hide .lightbox-nav nav { 
-webkit-transform: translateY(-75px);
    -ms-transform: translateY(-75px);
        transform: translateY(-75px);}

/* ==========================================================================
   POPUP
   ========================================================================== */
.popup-overlay { background: url(../img/transparentbg.png) repeat; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: block;
-webkit-transition: opacity .4s ease-out; 
   -moz-transition: opacity .4s ease-out;
    -ms-transition: opacity .4s ease-out;
     -o-transition: opacity .4s ease-out;
        transition: opacity .4s ease-out;}
.popup-container { position: fixed; width: 100%; height: 100%; z-index: 1001; top:0; left:0; display: block; 
-webkit-transition: opacity .4s ease-out; 
   -moz-transition: opacity .4s ease-out;
    -ms-transition: opacity .4s ease-out;
     -o-transition: opacity .4s ease-out;
        transition: opacity .4s ease-out; }
.popup-overlay.hide { opacity: 0;filter: alpha(opacity = 0); *zoom:1; }
.popup-container.hide { opacity: 0;filter: alpha(opacity = 0); *zoom:1; }
.popup-overlay.undercover,
.popup-container.undercover { z-index: -1; display: none; } 
.popup-content { height: 100%; display: block; position: relative; }
.popup-content table {height: 100%; width: 100%; }
.popup-content table .alertcontent { max-width: 700px; background: #0ac0c0; padding: 2em 1em; width: 80%; margin: 0 auto; text-align: center; font-size: 1.2em; color: #fff }
.popup-content .close-popup { display: block; width: 21px; height: 21px; background: url(../img/closesec.png) no-repeat; position: absolute; top: 4%; right: 4%; cursor: pointer; 
-webkit-transition: background .2s ease-out; 
   -moz-transition: background .2s ease-out;
    -ms-transition: background .2s ease-out;
     -o-transition: background .2s ease-out;
        transition: background .2s ease-out;}
.popup-content .close-popup:hover { background: url(../img/closesech.png) no-repeat;}


.popup-content .alertcontent input { border: none; padding: 13px 15px; font-size: 15px; width: 100%;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
-webkit-border-radius: 7px;
   -moz-border-radius: 7px;
        border-radius: 7px;}
.popup-content .alertcontent .formSec { margin-top: 1em; }
.popup-content .alertcontent .formSec p { font-size: 16px; text-align: left; margin-bottom: 0.5em; margin-top: 1em; }
.popup-content .alertcontent .formSec .f-inner { padding: 0 0.5em; }
.popup-content .alertcontent .formSec .submitWrap { padding-right: 1em; margin-top: 1em; }
.popup-content .alertcontent .formSec .submitWrap .submitBtn { float: right; font-size: 1em; }

/* ==========================================================================
   SHADOW SECTIONS
   ========================================================================== */
.shadowSections { position: fixed; width: 100%; height: 100%; z-index: 1001; top: 0; left: 0; display: block; 
-webkit-transition: opacity .4s ease-out; 
   -moz-transition: opacity .4s ease-out;
    -ms-transition: opacity .4s ease-out;
     -o-transition: opacity .4s ease-out;
        transition: opacity .4s ease-out; }
.shadowSections.hide { opacity: 0;filter: alpha(opacity = 0); *zoom:1; }
.shadowSections.undercover { z-index: -1; display: none; } 
.shadowSections section { position: absolute; top: 0; left: 0; background:#2d2d2d;  width: 100%; height: 100%; opacity: 0;filter: alpha(opacity = 0);
-webkit-transition: all .4s ease-out; 
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;}
.shadowSections section.upreveal { z-index: 20 }
.shadowSections section.reveal {opacity: 1;filter: alpha(opacity = 100); }
.shadowSections section table { width: 90%; margin: 0 auto; height: 100%; }
.shadowSections section table  td { padding-top: 1em; }
.shadowSections section h3 { background: url(../img/textframe.png) no-repeat; width:320px; height: 178px; color: #fff; font-size: 1.5em; }
.shadowSections section h3 span { padding: 1em; display: block; }
.shadowSections section p { color: #fff; width: 40%; margin: 0 auto; margin-top: -4em; }
.shadowSections section figure { position: relative; width: 510px; height: 310px; overflow: hidden; float: right; }
.shadowSections section figure .frame { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.shadowSections section figure img { width: 100%; }
.shadowSections section .closesec { background: url(../img/closesec.png) no-repeat; width: 21px; height: 21px; display: block; position: absolute; top: 2em; right: 5%; cursor: pointer; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.shadowSections section .closesec:hover { background: url(../img/closesech.png) no-repeat;}
.shadowSections section h3,
.shadowSections section figure,
.shadowSections section p { opacity: 0;filter: alpha(opacity = 0); 
-webkit-transform: translateX(4em);
   -moz-transform: translateX(4em);
        transform: translateX(4em);}
.shadowSections section.reveal h3,
.shadowSections section.reveal figure,
.shadowSections section.reveal p { opacity: 1;filter: alpha(opacity = 100); 
-webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
        transform: translateX(0px);}

.shadowSections section.reveal h3 { 
-webkit-transition: all .4s ease-out 0.1s; 
   -moz-transition: all .4s ease-out 0.1s;
    -ms-transition: all .4s ease-out 0.1s;
     -o-transition: all .4s ease-out 0.1s;
        transition: all .4s ease-out 0.1s;}
.shadowSections section.reveal p { 
-webkit-transition: all .4s ease-out 0.2s; 
   -moz-transition: all .4s ease-out 0.2s;
    -ms-transition: all .4s ease-out 0.2s;
     -o-transition: all .4s ease-out 0.2s;
        transition: all .4s ease-out 0.2s;}
.shadowSections section.reveal figure { 
-webkit-transition: all .4s ease-out 0.3s; 
   -moz-transition: all .4s ease-out 0.3s;
    -ms-transition: all .4s ease-out 0.3s;
     -o-transition: all .4s ease-out 0.3s;
        transition: all .4s ease-out 0.3s;}

/* ==========================================================================
   Service Conf
   ========================================================================== */
.service-configuration .filter-nav h3 { float: left; padding-top: 9px; }
.service-configuration .filter-nav > ul {float: right; margin-right: 2px; }
.service-configuration .filter-nav > ul > li { float: left; width: 200px; margin-left: 1.5em; }
.service-configuration .select-box .top label { color: #2d2d2d; }
.service-configuration2 .headline-bottom .wrapper { border: none; }
.service-configuration2 .stage-links a { font-size: 0.95em; }
.service-configuration2 .stage-links .changemodel { border-left: 50px solid #0ac0c0; float: left; }
.service-configuration2 .stage-links .maintenance{ border-right: 50px solid #0ac0c0; float: right; }
.service-configuration2 .stage-links a:hover { background: #0ac0c0; border-color:#2d2d2d; }
.configuration-scope table { width: 100%; border-collapse: separate; border-spacing: 1px; }
.configuration-scope table td { width: 33.3333%; border: 1px solid #2d2d2d; position: relative;}
.configuration-scope table td .icon { width: 25px; height: 63px; position: absolute; right: -25px; top: 50%; margin-top: -31px; z-index: 5; }
.configuration-scope .scope1 .icon { background: url(../img/icon2.png) no-repeat; }
.configuration-scope .scope2 .icon { background: url(../img/icon3.png) no-repeat; }
.configuration-scope .scope2 { background: #424242; color: #fff; }
.configuration-scope .scope3 { background: #2d2d2d; color: #fff; }
.configuration-scope table td .scope-inner { padding: 4em 2.5em; }
.configuration-scope table td .scope-inner img { max-width: 100%; }
.configuration-scope .scope1 h2 { color: #515151; margin-bottom: 1em; }
.configuration-scope .scope2 .info { }
.configuration-scope .scope2 .conf-filter { margin-top: 2em; margin-bottom: 1em; }
.configuration-scope .scope2 .select-box .menu {height: 100px; }
.configuration-scope .conf-filter li > * { float: left; }
.configuration-scope .conf-filter li > p { width: 40%; height: 40px; line-height: 40px; }
.configuration-scope .conf-filter .select-box { width: 60%; }
.configuration-scope .scope3 h1 { margin-bottom: 0.5em; font-size: 2.8em}
.configuration-scope .scope3 .feature-list { margin-bottom: 1.5em; }
.configuration-scope .scope3 .feature-list p { background: url(../img/listicon.png) no-repeat left 5px; padding-left: 1.2em; margin: 0.5em 0; }
.configuration-scope .scope3 .subinfo p { font-size: 0.75em }
.configuration-scope .bottombar { background: #2d2d2d; font-size: 1em; padding: 0.5em 0; }
.configuration-scope .bottombar a { color: #fff; padding: 1em 0 1em 2.7em;
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
.configuration-scope .bottombar .link-v1 { float: left; background: url(../img/yetkili-icon1.png) no-repeat left center; }
.configuration-scope .bottombar .link-v2 { float: right; background: url(../img/icon5.png) no-repeat 4px 50%; }
.configuration-scope .bottombar .link-v3 { float: left; background: url(../img/yetkili-icon1.png) no-repeat left center; }

.configuration-scope .bottombar a:hover { color: #0ac0c1; }

.list-type-v1 { margin-bottom: 1.5em; }
.list-type-v1 li { background: url(../img/listicon.png) no-repeat left 5px; padding-left: 1.2em; padding-right: 1em; margin: 0.5em 0; font-size: 0.95em; color: #fff; }

.configuration-setup .content-table { display: block; width: 100%; border-bottom: 1px solid #ececec; background: #424242; position: relative; }
.configuration-setup .content-table > *[class *= "content-cell-"] { float: left; }
.configuration-setup .content-cell-left { width: 43%; background: #424242; position: relative; min-height: 330px; }
.configuration-setup .content-cell-left .cell-inner,
.configuration-setup .content-cell-left h2 span { padding-left: 23.5%; }
.configuration-setup .content-cell-left .icon { z-index:10; background: url(../img/icon3.png) no-repeat; position: absolute; display: block; width: 25px; height: 63px; top: 50%; right: -23px; margin-top: -31px; }
.configuration-setup .content-cell-left h2 { background: #2d2d2d; position: absolute; top: 0; left: 0; width: 100%; color: #fff; height: 75px; line-height: 75px; }
.configuration-setup .select-result-content { margin-top: 100px; padding-bottom: 20px; }
.configuration-setup .inner-color .select-result-content { margin-top: 0; }
.configuration-setup .select-result-content .result-headline { font-size: 1.3em; color: #fff; margin-bottom: 1em; }
.configuration-setup .select-result-content .result-headline .checkedicon { background: url(../img/checkedicon.png) no-repeat; width: 27px; height: 20px; display: inline-block; }
.configuration-setup .content-cell-right { width: 57%; position: absolute; top: 0; right: 0; height: 100%; background: #fff; z-index: 9; }
.configuration-setup .content-cell-right .cell-inner { display: table; height: 100%; width: 80%; }
.configuration-setup .content-cell-right .cell-inner .inner-table { display: table-cell; vertical-align: middle; }
.configuration-setup .content-cell-right figure { text-align: center; width: 100%; }
.configuration-setup .content-cell-right figure img { max-width: 90%; max-height: 100%;  }
.configuration-setup .nextstep { padding: 0.7em 0; }
.configuration-setup .nextstep .custom-link { border-right: 50px solid #0ac0c0; float: right; width: 80px; font-size: 1.2em; }
.configuration-setup .nextstep .custom-link:hover { background: #0ac0c0; border-color: #2d2d2d; }
.configuration-setup .select-options { text-align: center; margin-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #ececec; }
.configuration-setup .select-options .group-left { float: left; }
.configuration-setup .select-options .group-right { float: right; }
.configuration-setup .select-options table { margin: 0 auto; }
.configuration-setup .select-options table caption { font-family: 'kiaB', sans-serif; font-size: 1em; text-align: left; margin-bottom: 0.5em; }
.configuration-setup .select-options table td,
.configuration-setup .select-options table th { vertical-align: top; }
.configuration-setup .select-options .option-title { text-align: left; line-height: 1.1em; }
.color-options-wrap .option-title { width: 100px; }
.configuration-setup .select-options td figure,
.configuration-setup .select-options .option-info { display: block; cursor: pointer;border: 1px solid #2d2d2d;
-webkit-transition: all .25s ease-out; 
   -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
        transition: all .25s ease-out; }
.configuration-setup .select-options .selectcaption .option-info { cursor: default; }
.configuration-setup .select-options table th figure { display: block; border: 2px solid #fff; }
.configuration-setup .select-options td .option-item:hover { border: 1px solid #fff;}
.configuration-setup .select-options .option-item { border: 1px solid #fff; position: relative;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box; 
-webkit-transition: all .25s ease-out; 
   -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
        transition: all .25s ease-out;}
.configuration-setup .select-options td.active .option-item { border: 1px solid #0ac0c1;}
.configuration-setup .select-options td.active figure,
.configuration-setup .select-options td.active .option-info { border: 1px solid #0ac0c1; }
.configuration-setup .select-options figure img,
.configuration-setup .select-options .option-info p { /*width: 110px;*/ height: 75px; }
.configuration-setup .select-options p { font-family: 'kiaB', sans-serif; font-size: 1em; display: table; }
.configuration-setup .select-options p span { display: table-cell; vertical-align: middle; font-weight: normal; padding: 0 0.2em; }
.configuration-setup .color-options-wrap { text-align: center; }
.configuration-setup .color-options-wrap .select-group { display: inline-block; }
.configuration-setup .color-options-wrap table td,
.configuration-setup .color-options-wrap table th { }
.configuration-setup .color-options-wrap table th .option-title { opacity: 0;filter: alpha(opacity = 0); *zoom: 1;}
.configuration-setup .select-options td .selectedicon { cursor:pointer; background: url(../img/checkedicon.png) no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -20px;margin-left: -13px; z-index: 10; width: 27px; height: 20px; display: block;  opacity: 0;filter: alpha(opacity = 0);
-webkit-transition: all .2s ease-out; 
   -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
        transition: all .2s ease-out; }
.configuration-setup .select-options td.active .selectedicon { opacity: 1;filter: alpha(opacity = 100); margin-top: -10px; }
.configuration-result { padding-bottom: 4em; }
.configuration-result table { width: 100%; }
.configuration-result table tr td:first-child { background: #424242; color: #fff; width: 30%; }
.configuration-result table tr.even { background: #efefef; }
.configuration-result table tr.odd { background: #fff; }
.configuration-result table tr td { position: relative; }
.configuration-result table p { line-height: 1.8em; }
.configuration-result .short-menu { background: #2d2d2d; }
.configuration-result .short-menu li { float: left; width: 20%}
.configuration-result .short-menu li a { color: #fff; height: 53px; line-height: 53px; padding-bottom: 0.2em; display: block;overflow: hidden; border-left: 1px solid #424242; text-align: center;
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
.configuration-result .short-menu li:first-child a { border: none; }
.configuration-result .short-menu li a:hover { background: #0ac0c1}
.configuration-result .short-menu li a span { display: inline-block; height: 53px; vertical-align: middle; 
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.configuration-result .short-menu li a .text { padding-left: 15px; }
.configuration-result .short-menu li a > *[class *= "icon"] { margin-left: -10px; }
.configuration-result .short-menu .icon1 {background: url(../img/icon7.png) no-repeat center; width: 42px; }
.configuration-result .short-menu a:hover .icon1 {background: url(../img/icon7h.png) no-repeat center; width: 42px; }
.configuration-result .short-menu .icon2 {background: url(../img/icon6.png) no-repeat center; width: 36px; }
.configuration-result .short-menu a:hover .icon2 {background: url(../img/icon6h.png) no-repeat center; width: 36px; }
.configuration-result .short-menu .icon3 {background: url(../img/icon4.png) no-repeat center; width: 34px; }
.configuration-result .short-menu a:hover .icon3 {background: url(../img/icon4h.png) no-repeat center; width: 34px; }
.configuration-result .short-menu .icon4 {background: url(../img/icon8.png) no-repeat center; width: 25px; }
.configuration-result .short-menu a:hover .icon4 {background: url(../img/icon8h.png) no-repeat center; width: 25px; }
.configuration-result .short-menu .icon5 {background: url(../img/icon5.png) no-repeat center; width: 30px; }
.configuration-result .short-menu a:hover .icon5 {background: url(../img/icon5h.png) no-repeat center; width: 30px; }
.configuration-result .goback { position: absolute; top: 10px; right: 10px; display: block; width: 20px; height: 22px; }

/* ==========================================================================
   Grid / Masonry
   ========================================================================== */
.picture-item { }
.picture-item.shuffle-item { margin-left: 0; /* shuffle items shouldn't have a left margin*/ }
.picture-item .picitem-inner { position: relative; border-left: 1px solid #fff; overflow: hidden; }
.picture-item .picitem-inner img { position: relative; z-index: 9; 
-webkit-backface-visibility: hidden;
        backface-visibility: hidden; 
-webkit-transition: all .3s; 
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-transform: scale(1.01); 
   -moz-transform: scale(1.01);  
    -ms-transform: scale(1.01); 
     -o-transform: scale(1.01);  
        transform: scale(1.01);}
.picture-item .picitem-inner a:hover img,
.transform-chart .picture-item:hover img {       
-webkit-transform: scale(1.1); 
   -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1); 
     -o-transform: scale(1.1);  
        transform: scale(1.1);}
.picture-item .picitem-inner figcaption { opacity: 0;filter: alpha(opacity = 0); font-size:0.95em; z-index:12; position: absolute; bottom: 0; left: 0; width: 100%; background: #2d2d2d; color: #fff;  
-webkit-transition: all .2s; 
   -moz-transition: all .2s;
    -ms-transition: all .2s;
     -o-transition: all .2s;
        transition: all .2s;}
.picture-item.f-reveal .picitem-inner figcaption { opacity: 1;filter: alpha(opacity = 100); }
.picture-item .picitem-inner figcaption span { padding: 0.65em 1em; display: block; } 
.picture-item .picitem-inner a:hover figcaption { background: #0acaca; }
.picture-item .grid-item-inner { background: #ecf0f1; height: 100%; overflow: hidden; }
.picture-item img { display: block; width: 100%; height: auto; }
.picture-item .picture-item__tags { margin: 0; }
.picture-item .picitem-inner { position: relative; 
-webkit-perspective: 1200px; 
    -ms-perspective: 1200px;
        perspective: 1200px;}
.picture-item .picitem-inner .picitem-wrap { overflow: hidden; position: relative; width: 100%; z-index: 9; color: transparent; }
/* Grid required styles*/
.shuffle--container { position: relative; overflow: hidden; }
.shuffle--fluid .shuffle__sizer { position: absolute; opacity: 0; visibility: hidden; margin-left: 0;}
.shuffle--animatein { overflow: visible; }
.shuffle--animatein .item-inner { opacity: 0;
-webkit-transform: translate(0, 220px);
    -ms-transform: translate(0, 220px);
        transform: translate(0, 220px); }
.shuffle--animatein .picture-item__inner--transition {
-webkit-transition: all .6s ease;
        transition: all .6s ease; }
.shuffle--animatein .picture-item.in .picture-item__inner { opacity: 1;
-webkit-transform: translate(0, 0);
     ms-transform: translate(0, 0);
        transform: translate(0, 0); }
.row-fluid { width: 100%; }
.container-fluid { width: 100%; background: #fff; }
.row-fluid [class*="grid"] { display: block; width: 33.3333333%; min-height: 30px;margin-left: 0; border-bottom:1px solid #fff; float: left; overflow: hidden;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box; }
.transform-chart .picture-item { cursor: pointer; }
.transform-chart .picture-item .form-wrap { position: absolute; top: 0; left: 0; background: url(../img/transparentbg2.png) repeat; width: 100%; height: 100%; z-index: 12;opacity: 0;filter: alpha(opacity = 0);
-webkit-transition: all .4s ease-out; 
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out; 
-webkit-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg); 
        transform: rotateY(-90deg); }
.transform-chart .picture-item .form-wrap.active { opacity: 1;filter: alpha(opacity = 100);
-webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg); 
        transform: rotateY(0deg); }
.transform-chart .picture-item .picitem-inner a:hover figcaption { background: #2d2d2d; }
.transform-chart .form-wrap form { height: 90%; }
.transform-chart .form-wrap figcaption { z-index: 1; }
.transform-chart .form-wrap .form-inner { display: table; width: 100%; height: 90%; }
.transform-chart .form-wrap .form-inner .select-options-inner { padding: 1em; text-align: left; display: table-cell; vertical-align: middle;  }
.transform-chart .form-wrap .select-options-inner .options-inner { padding: 0 1em; }
.transform-chart .form-wrap .select-options-inner > li.cf { width: 50%; float: left; margin-bottom: 1em; }
.transform-chart .form-wrap .select-options-inner > li p {color: #fff; text-align: left; padding-bottom: 0.2em;}
.transform-chart .form-wrap .select-options-inner .select-box .top {background: #fff; border: 1px solid #fff; }
.transform-chart .form-wrap .select-box .menu { height: 100px; }
.transform-chart .form-wrap .custom-link { border-right: 50px solid #F5791E; margin: 0.6em 1em 0; }
.transform-chart .form-wrap .custom-link:hover { background: #F5791E; border-right: 50px solid #2d2d2d; }
.transform-chart .shuffle--container,
.transform-chart .shuffle__sizer,
.transform-chart .row-fluid [class*="grid"],
.transform-chart .picture-item .picitem-inner { overflow: inherit; }
.instruction-manual .picture-item .picitem-inner figcaption { background: #1eb4df; }
.instruction-manual .picture-item .picitem-inner a:hover figcaption { background: #2d2d2d; }
.instruction-manual .picture-item .picitem-inner .form-wrap figcaption { background: #2d2d2d; }
.brochure-request .downloadfile { display: table-cell; vertical-align: middle; text-align: center; }
.brochure-request .downloadfile a { height: 60px; line-height: 60px; width: 80px; }
.brochure-request .filter-nav h3 { float: left; padding-top: 9px; }
.brochure-request .filter-nav > ul {float: right; margin-right: 2px; }
.brochure-request .filter-nav > ul > li { float: left; width: 200px; margin-left: 1.5em; }
.brochure-request .select-box .top label { color: #2d2d2d; }
.brochure-request.transform-chart .picture-item .form-wrap { background: url(../img/transparentbg3.png) repeat; }
.instruction-manual .picture-item .picitem-inner a:hover figcaption { background: #3fc7ee; }
.picture-item:hover a > figcaption,
.picture-item:hover .picitem-inner > figcaption { padding-top: 0.5em; padding-bottom: 0.5em; }
@media (max-width: 47.9375em) {
  .picture-item { height: auto; }
  .m-nofloat { float: none; }
}

/* ==========================================================================
   Social Media
   ========================================================================== */
#social-container { overflow: hidden; }
#social-container .grid-sizer,
#social-container .social-item { width: 32.6666666666%; opacity: 0;filter: alpha(opacity = 0); }
#social-container .social-item.sm-reveal { opacity: 1;filter: alpha(opacity = 100); }
#social-container .social-item.sm-hidden { opacity: 0;filter: alpha(opacity = 0); }
#social-container .social-item { margin: 1% 0; }
.itemanimtransition {
-webkit-transition: all .4s; 
   -moz-transition: all .4s;
    -ms-transition: all .4s;
     -o-transition: all .4s;
        transition: all .4s; } 
#social-container .social-item figure img { max-width: 100%; }
.gutter-sizer { width: 1%; }
#social-container .social-detail { padding: 1em; border-right: 1px solid #2d2d2d; border-left: 1px solid #2d2d2d; background: #fff; }
#social-container .sharebar { background: #2d2d2d; color: #fff; padding: 1em 0; }
#social-container .sharebar ul { float: right; margin-right: 1em; }
#social-container .sharebar ul li { float: left; margin-left: 7px; }
#social-container .sharebar ul li a { display: block; width: 22px; height: 22px; background: url(../img/social2.png) no-repeat ;}
#social-container .sharebar ul .facebook a { background-position: 0 0; }
#social-container .sharebar ul .twitter a { background-position: -32px 0; }
#social-container .sharebar ul .gplus a { background-position: -63px 0; }
#social-container .sharebar ul li a:after { display: block; content: ""; border: 1px solid #fff; width: 22px; height: 22px;opacity: 0;filter: alpha(opacity = 0); position: relative; top: -1px; left: -1px;
-webkit-transition: all .3s; 
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s; 
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
        border-radius: 50%; }
#social-container .sharebar ul li a:hover:after { opacity: 1;filter: alpha(opacity = 100); 
-webkit-transform:scale(1.2);
   -moz-transform:scale(1.2);
     -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
        transform:scale(1.2);}
#social-container .social-headline { color: #fff; }
#social-container .social-headline-inner { padding: 0.6em 1em; min-height: 30px; }
#social-container .social-headline p { line-height: 1.4em; padding-right: 45px; padding-top: 2px; }
#social-container .twitter-item .social-headline p { color: #55acee; }
#social-container .youtube-item .social-headline p { color: #dd2826;  }
#social-container .social-headline .headicon { background: url(../img/social3.png) no-repeat 0 0; width: 33px; height: 31px; display: block; position: absolute; top: 0.6em; right: 1em; }
#social-container .instagram-item .social-headline { background: #457299; }
#social-container .youtube-item .social-headline { background: #fff; border: 1px solid #dd2826;  }
#social-container .facebook-item .social-headline { background: #415e9e }
#social-container .twitter-item .social-headline { background: #fff; border: 1px solid #55acee; }
#social-container .gplus-item .social-headline { background: #dd2826 }
#social-container .behance-item .social-headline { background: #000 }
#social-container .instagram-item .headicon { background-position: -110px 0 }
#social-container .youtube-item .headicon { background-position: -184px 0; }
#social-container .facebook-item .headicon { background-position: -36px 0; }
#social-container .twitter-item .headicon { background-position: 0 0; }
#social-container .gplus-item .headicon { background-position: -73px 0; }
#social-container .behance-item .headicon { background-position: -147px 0; }
.loadmoreimage { text-align: center; padding: 1em 0 2em; }
.loadmoreimage a { display: inline-block; *zoom: 1; *display: inline; }

/* ==========================================================================
   Site Map
   ========================================================================== */
.sitemap ul { margin-bottom: 1em; }
.sitemap .maptree { background: url(../img/list-icon.png) no-repeat 0 25px; }
.sitemap .maptree li:first-child { margin-bottom: 0.4em; padding-left: 0; font-size: 1.1em; text-transform: uppercase; }
.sitemap .maptree li { padding-left: 1.3em; }
.sitemap ul li a { color: #2d2d2d; display: inline-block; 
-webkit-transition: all .15s ease-out; 
   -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
     -o-transition: all .15s ease-out;
        transition: all .15s ease-out;}
.sitemap ul li a:hover { color: #0ac0c0; padding-left: 0.5em; }

/* ==========================================================================
   Search Result
   ========================================================================== */ 
.search-result-area table { width: 100%; margin-bottom: 2em; }
.search-result-area tr { margin-bottom: 1em; border-top: 1px solid #e0e0e0; padding-top: 1em; }
.search-result-area tr:first-child { border-top: 0; padding-top: 0; }
.search-result-area tr td { width: 65%; vertical-align: top; padding: 1em 0; }
.search-result-area tr:first-child td { padding-top: 0; }
.search-result-area tr td:first-child { width: 35%; }
.search-result-area figure img { max-width: 100%; }
.search-result-area .search-result-info { padding-left: 2em; }
.search-result-area .sr-heading { font-size: 1.45em; margin-bottom: 0.5em; line-height: 1.3em; }
.search-result-area .sr-heading a { color: #2d2d2d; 
-webkit-transition: all .2s ease-out; 
   -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
        transition: all .2s ease-out;}
.search-result-area .sr-heading a:hover { color: #1eb4df; }
.search-result-area .no-result { padding-bottom: 4em; }
.search-result-filter .submitBtn { float: right; height: 38px; line-height: 38px; border-color: #0ac0c0; width: 120px; }
.search-result-filter .submitBtn:hover { background: #0ac0c0; border-color: #2d2d2d; }
.search-result-filter .submitBtn .arrow { top: 11px; }
.search-result-filter h3 { float: left; padding-top: 9px; }
.search-result-filter .sh-filter-list { float: right; }
.search-result-filter .sh-filter-list > li { width: 170px; float: left; margin-left: 1.5em; }
.search-result-filter .select-box .top { background: #fff; border: 1px solid #e0e0e0; }
.search-result-filter .select-box .top label { color: #2d2d2d; }
.search-result-filter .select-box .menu { height: 116px; }
.loadmoresearchresult { text-align: center; padding: 1em 0 2em; }
.loadmoresearchresult a { display: inline-block; *zoom: 1; *display: inline; }

/* ==========================================================================
   Contact
   ========================================================================== */
.map, 
#map-canvas { height: 300px; overflow: hidden; }
.map .map-info { display: none; }
#mapContent { text-align: center; font-family: 'kiaM', sans-serif; }
#mapContent p { font-size: 1.1em; }
#mapContent figure { margin-bottom: 1em; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.cf:before, .row:before,
.cf:after, .row:after { content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after, .row:after { clear: both; }
.cf, .row{ *zoom: 1; }

.content-device-header { background: #2d2d2d; color: #fff; display: none; }
.content-device-header .header { width: 100%; margin: 0 auto; padding: 0; }
.content-device-header .header p { margin-bottom: 0; text-transform: uppercase; display: table-cell; vertical-align: middle; width: auto; padding: 1em; }
.content-device-header .header .back-holder { width: 60px; height:60px; border-right: 1px solid #e4e4e4;background: url(../img/closeicon.png) no-repeat center; cursor:pointer; display: table-cell; vertical-align: middle; }
.content-device-header .header .back-holder.closed { background: url(../img/mobileback.png) no-repeat center; }

/* ==========================================================================
   Edit
   ========================================================================== */
.brochure-request,
.service-configuration { overflow: hidden; padding-bottom:6em; }
.field-validation-error { color: #f00; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #f00; background-color: #fee; }
.validation-summary-errors { font-weight: bold; color: #f00; }
.validation-summary-valid { display: none; }
.hdn-1, .hdn-2, .hdn-3 { display: none !important; }
iframe[name='google_conversion_frame'] { height: 0px !important; }
.topslider { width: 100%; position: relative; overflow: hidden; margin-bottom: 1em; }
.topslider .slides {width: 100%; }
.topslider .slides li { width: 100%; overflow:hidden; }
.topslider .slides li img{ width: 100%; display:block; cursor:pointer;opacity:0;
-webkit-transition: all .8s ease-out; 
   -moz-transition: all .8s ease-out;
    -ms-transition: all .8s ease-out;
     -o-transition: all .8s ease-out;
        transition: all .8s ease-out; }
.topslider .slides li img:hover {
-webkit-transform:scale(1.01);
   -moz-transform:scale(1.01);
     -o-transform:scale(1.01);
    -ms-transform:scale(1.01);
        transform:scale(1.01); }
.topslider .flex-control-nav { position: absolute; bottom: 5%; left: 0; width: 100%; z-index: 2; text-align: center; }
.topslider .flex-control-nav li { position: relative; display: inline-block; margin: 0 5px; }
.topslider .flex-control-nav li a { background: url("../img/pager.png") no-repeat scroll -19px 0; height: 10px; width: 10px; float: left; cursor: pointer; display: block; text-indent: -9999px; }
.topslider .flex-control-nav li a.flex-active { background-position: 0 0; }
.topslider .bx-wrapper .bx-controls-auto, 
.topslider .bx-wrapper .bx-pager { position: absolute;bottom: 0;width: 50%;left: 50%;margin-left: -25%; padding-top:0; height:25px; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
   Fix IE
   ========================================================================== */
.lt-ie8 header { width: 100%; z-index: 100; }
.lt-ie8 .main-content { overflow: hidden; }
.lt-ie8 .breadcrumb { width: 100%; z-index: 50; position: relative; }
.lt-ie8 .header-bottom { width: 100%; z-index: 102; position: relative; }
.lt-ie8 .primary-nav .topnav > li:hover > .subnav { z-index: 1000; }
.lt-ie8 .primary-nav .topnav > li .subnav .grid7 > li { width: 14.2%; }
.lt-ie8 .content-global .content-grid .col { width: 49.9%; }
.lt-ie8 .tab-area table td { border:1px solid #ececec; }
.lt-ie8 .tab-area table .active { border: 2px solid #0acaca; }
.lt-ie8 .tab-area table .shadow { display: none; }
.lt-ie8 .content-template-v1 .content-sidebar { min-height: 600px; height: 100%; }
.lt-ie8 .content-template-v1 {height: 100%}
.lt-ie8 .formtype-s1 input { padding-left: 0; padding-right: 0; }
.lt-ie8 .row > *[class*='col-'] { position: static}
.lt-ie8 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { left: -7px; }
.lt-ie8 .linkbar li a span { cursor: pointer; }
.lt-ie8 .transform-chart .form-wrap .custom-link { margin-top: 25%; }
.lt-ie8 .transform-chart .form-wrap .select-options-inner .custom-link { margin-top: 0 }
.lt-ie8 .headline .headline-bottom .wrapper { margin-bottom: 3em; }
.lt-ie8 .filter-nav .select-box .menu { max-height: 55px; }
.lt-ie8 .vehicle-grid-container .vehicle-cell .backstretch { cursor: pointer; }
.lt-ie8 table.color-o .active .tabitem span { color: #2d2d2d; }
.lt-ie8 .configuration-scope .conf-filter .select-box { width: 100%; }
.lt-ie8 .configuration-scope table td .icon { display: none; }
.lt-ie8 .content-global .image-grid-s1 .image-grid-list li {width: 33.3%; }
.lt-ie8 #social-container .social-item { float: left; width: 31%; margin: 1%; }
.lt-ie8 .vehicleExperince .colorOptions .tabitem-wrap { margin: 0; }
.lt-ie8 .model-gallery .image-grid-s2 li { width: 24.9%; }
.lt-ie8 .linkbar li { width: 24.95%; }
.lt-ie8 .row > .col-1-2 { width: 49.95%; }
.lt-ie8 .vehicleExperince .shadowLinks .s-path { width: 33.2%; }
.lt-ie8 .tech-content { overflow: hidden; }
.lt-ie8 .picture-item .picitem-inner figcaption { filter:alpha(opacity = 100); opacity: 1; }
.lt-ie8 .content-template-v1 .absolute-header.content-global-header .socialShare {float: right; }
.lt-ie8 .dealers-list td { vertical-align: top; }
.lt-ie9 .wrapper { min-width: 1024px; }
.lt-ie9 .breadcrumb .nav-secondary li a { padding: 0 0.7em; }
.lt-ie9 .socialShare li a:after,
.lt-ie9 footer .nav-social li a:after,
.lt-ie9 #social-container .sharebar ul li a:after { display: none; }
.lt-ie9 .navstyle1 ul li .item-inner { height: 180px; padding: 2em 0 0 0 }
.lt-ie9 .navstyle1 ul li .explore { display: none; }
.lt-ie9 .navstyle1 ul li .item-inner:hover .explore  {display: block; }
.lt-ie9 .configuration-scope .scope1 .icon, 
.lt-ie9 .configuration-scope .scope1 .icon{top: 50%; margin-top: 0; }
.lt-ie9 .picture-item .picitem-inner figcaption { filter:alpha(opacity = 100); opacity: 1; }
.lt-ie9 .vehicleExperince .shadowLinks .s-path { background: url(../img/transparentbg4.png); }
.lt-ie9 #mainPage .gridbox-wrap .slide-info .slide-info-inner { display: none; }
.lt-ie9 #mainPage .gridbox-wrap .slide-info .slide-info-inner.active { display: block; }
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width : 1700px){ 
    .navstyle3 ul li a { padding: 3em 0; }
     /*.navstyle2 > ul > li { height: 350px; }*/
    .navstyle2 ul li .nav-icon { padding-top: 3em; }
    .container-fluid { padding-top: 3em; }
    .content-global .logotype { width: 70%; margin-left: 12.5%; }
    #social-container .grid-sizer, #social-container .social-item { width: 24.25%; }
}
@media only screen and (min-width : 1500px){ 
    .configuration-setup .content-cell-left { min-height: 430px; }
    .service-phases .tabitem span { font-size: 0.95em; }
}
@media only screen and (max-width : 1400px){ 
    .vehicleExperince .chapter-details h1 { font-size: 3.2em; }
    .vehicleExperince .colorOptions .tabitem figure { width: 60px; height: 60px; }
	.formPage-v1 .widebg img{position:relative; margin-top:-150px;}
}
@media only screen and (max-width : 1400px){ 
    .wrapper{width:100%;}
    .vehicleExperince .points.outside { width: 94%; }
    .breadcrumb .nav-secondary li a { font-size: 0.81em; padding: 0 0.6em; }
    .linkbar li a .text { padding-left: 5px; }
    .linkbar li a > *[class *= "icon"] { margin-left: 0; }
    .row-fluid [class*="grid"] { width: 50%; }
    .vehicleExperince .chapter-details .pattern img { width: 50%; }
    .configuration-setup .content-cell-left .cell-inner,
    .configuration-setup .content-cell-left h2 span { padding-left: 7%; }
    .configuration-setup .content-cell-right .cell-inner { padding-right: 7%; }
    .configuration-setup .select-options .group-right,
    .configuration-setup .select-options .group-left { float: none; display: inline-block; }
    .breadcrumb .nav-secondary-v2 li,
    .breadcrumb .nav-secondary-v2 li.active { margin-left: 0; width: auto; background: url(../img/icon-arrow.png) no-repeat 80% center; text-align: left; }
    .breadcrumb .nav-secondary-v2 li > span { display: none; }
    .breadcrumb .nav-secondary-v2 li.active a { color: #0ac0c0; }
    .breadcrumb .nav-secondary-v2 li.active a:hover { background: none; color: #0ac0c0; }
    .breadcrumb .nav-secondary-v2 li a { padding-right: 4em; font-size: 15px; padding-left: 0; }
    .breadcrumb .nav-secondary-v2 li.result { float: right; text-align: right; width: auto; }
    .breadcrumb .nav-secondary-v2 li.result .result-price { padding: 0; }
    .breadcrumb .nav-secondary-v2 li.result .result-price .result-total { font-size: 20px; }
    .list-type-v1 li { font-size: 15px; }
}
@media only screen and (max-width : 1150px){
    .dealersearch { padding: 0; height: auto;}
    .dealersearch .form-inner { display: block; position: relative; height: 95px; }
    .dealersearch .form-inner > li { width: 23.5% !important; margin-left: 0; margin-right: 2%; margin-top: 0.4em; }
    .dealersearch .form-inner > li:nth-child(4n+4) { margin-right: 0; }
    .dealersearch .form-inner > li.finddealer { width: 120px !important;  }
    .dealersearch .form-inner > li.apply { width: 250px !important; margin-right: 0; float: right; text-align: right; }
}
@media only screen and (max-width : 1080px){
    .breadcrumb .nav-secondary-v1 { width: 92%; margin: 0 auto; }
    .breadcrumb .nav-secondary-v1 li,
    .breadcrumb .nav-secondary-v1 li.active,
    .breadcrumb .nav-secondary-v1 li.spec-v1 { background: url(../img/icon-arrow.png) no-repeat center right; width: auto; padding-right: 8%; padding-left: 2em; }
    .breadcrumb .nav-secondary-v1 li.active { color: #0ac0c0; }
    .breadcrumb .nav-secondary-v1 li.spec-v2 { margin-left: 0; }
    .breadcrumb.mobile-bc-spec .wrapper { height: 40px; overflow: hidden; }
    .breadcrumb.mobile-bc-spec.search-section .wrapper { overflow: inherit; }
    .configuration-scope table td .scope-inner img { width: 100%; }
    .configuration-scope table td.scope1 { width: 20%; }
}
@media only screen and (max-width : 1104px){
	.formPage-v1 .widebg img{position:relative; margin-top:-75px;}
    .shadowSections section p { width: 100%; margin: 2em 0 0 0; }
    .shadowSections section figure { display: none; }
    .vehicleExperince .colorOptions .tab-details img { }
    .vehicleExperince .colorOptions .tabitem figure { width: 50px; height: 50px; }
    .vehicleExperince .colorOptions .colorname { position: relative; bottom: 0; left: 0; margin: 0 auto 1em; text-align: center; }
    .paging { display: none; }
    #mainPage .gridbox-wrap.mobile { min-height: 800px; }
    #mainPage .gridbox-wrap.mobile .box52 { width: 100%; left: 0; height: 50%; }
    #mainPage .gridbox-wrap.mobile .box32 { width: 50%; left: 0%; top: 50%}
    #mainPage .gridbox-wrap.mobile .box16 { width: 25%; height: 25%; }
    #mainPage .gridbox-wrap.mobile .m-campaign { left: 50%; }
    #mainPage .gridbox-wrap.mobile .m-pricelist { left: 75%; }
    #mainPage .gridbox-wrap.mobile .m-testdrive { left: 75%; top: 75%; }
    #mainPage .gridbox-wrap.mobile .m-service { left: 50%; top: 75%}
    #mainPage .gridbox-wrap.mobile .grid-inner .bg-turn { display:table;} 
    #mainPage .gridbox-wrap.mobile .grid-inner .center-box { height:auto; position: relative; top: 0; margin-top: 0; display: table-cell; vertical-align: middle; }
    #mainPage .gridbox-wrap .grid-inner .center-box figure { max-height: 100%; max-width: 40%; }
    #mainPage .gridbox-wrap.mobile .grid-inner figure img { max-height: 70%; }
    h2 { font-size: 24px; line-height: 1.3em; }
    .wrapper,
    .content-template-v1 .content-global-header,
    .content-global .content-type-rich-text,
    .vehicleExperince .points.outside { width: 92%; }
    .custom-link,
    .search-section .suggestedSearch a { font-size: 15px; }
    .search-section .suggestedSearch a { padding-left: 4% !important; }
    .breadcrumb .wrapper { width: 100%; }
    p,
    .tab-area table .tabitem span { font-size: 15px; }
    header { overflow: inherit; height: auto; }
    header .fixedBar { position: relative; height: auto;}
    .menu-overlay { top: 0; }
    .header-bottom .primary-nav { margin-left: 20px; }
    .header-bottom .buildyourvehicle { width: 130px;height: 42px; margin-top: 2px; }
    .header-bottom .buildyourvehicle a { font-size: 0.75em; border-right: none; overflow: hidden; width: 96px; line-height: 1.3em; padding: 0.5em 1.4em; height: auto; background:url(../img/icon-arrow.png) no-repeat 95% center #2d2d2d}
    .header-bottom .buildyourvehicle a:hover { background: url(../img/icon-arrow.png) no-repeat 95% center #1eb4df; }
    .header-bottom .buildyourvehicle a .custom-icon { display: none; }
    .primary-nav .topnav > li .subnav { width: 100%; top: 46px; }
    .breadcrumb { 
    -webkit-transition: all .5s ease-out; 
       -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out; }

    .breadcrumb .nav-secondary-title { padding: 0 4.5%; float: none; padding-right: 0; background:url(../img/mobiledown.png) no-repeat 96% center; margin: 0 auto; font-size: 15px; }
    .breadcrumb .nav-secondary-wrap { float: none; height: 0; overflow: hidden;}
    .breadcrumb .nav-secondary-wrap ul { opacity: 0;filter: alpha(opacity = 0); 
    -webkit-transition: all .3s ease-out; 
       -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out; }
    .breadcrumb.reveal .nav-secondary-wrap ul { opacity: 1;filter: alpha(opacity = 100);}
    .breadcrumb.reveal .nav-secondary-title { background:url(../img/mobileup.png) no-repeat 96% center;}
    .breadcrumb.reveal .nav-secondary li:first-child { border-top: 1px solid #0ac0c0; }
    .breadcrumb .nav-secondary li.active a { color:#0ac0c0; background: url(../img/icon-arrow.png) no-repeat 96% center #2d2d2d; }
    .breadcrumb .nav-secondary li { width: 100%; float: none; border-top: 1px solid #424242; }
    .breadcrumb .nav-secondary li a { font-size:15px; padding: 0 4%; height: 45px; line-height: 44px; }
    .breadcrumb.revealH { max-height: 500px; }
    .breadcrumb .bc-open { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; }
    .breadcrumb.mobile-bc-spec .wrapper { height: auto; position: relative; }
    .breadcrumb .mobile-heading-v2 { display: none; height: 51px; color: #fff; position: relative; }
    .breadcrumb.mobile-bc-spec .mobile-heading-v2 { display: block; }
    .breadcrumb .mobile-heading-v2 p { line-height: 51px; width: 92%; margin: 0 auto; padding-left: 4em; }
    .breadcrumb .mobile-heading-v2 .bc-open-v2 { z-index:1; cursor:pointer; display: block; height: 51px; background: url(../img/mobiledown.png) no-repeat 4% center; width: 100%; position: absolute; top: 0; left: 0; }
    .breadcrumb .nav-secondary-v2-wrap { height: 0; overflow: hidden; }
    .breadcrumb .nav-secondary-v2 { width: 100%;  }
    .breadcrumb .nav-secondary-v2 li, 
    .breadcrumb .nav-secondary-v2 li.active { width: 100%; border-top: 1px solid #424242; background: none; height: 46px; }
    .breadcrumb .nav-secondary-v2 li.active { background: url(../img/icon-arrow.png) no-repeat 96% center; }
    .breadcrumb .nav-secondary-v2 li a { padding-right: 0; text-align: left; padding-left: 4%; height: 46px; line-height: 46px; }
    .breadcrumb .nav-secondary-v2 li a:hover { background-color: #0ac0c0; color: #fff; }
    .breadcrumb .nav-secondary-v2 li.active a:hover { background: none; color: #0ac0c0; }
    .breadcrumb .nav-secondary-v2 li.result { position: absolute; top: 0; right: 4%; width: 50%; height: 51px; }
    .breadcrumb .nav-secondary-v2 li.result .result-price { width: 100%; }

    .primary-nav .topnav > li > a { padding: 0 0.5em; font-size: 15px; }
    .primary-nav p { font-size: 15px; }
    .primary-nav .topnav > li .subnav .grid5 > li { width: 33.3333%; }
    .primary-nav .topnav > li .subnav .grid7 > li { width: 20%; }
	.primary-nav .topnav > li .navstyle3.kiaWorld .grid7 > li { width:16.66%; }

    .navstyle1 ul li .item-inner { padding: 1em 0; }
    .navstyle1 ul li .explore { background:#2d2d2d;color: #fff; display: none;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
            transform: translateY(0px);}
    .navstyle2 > ul > li { height: auto; width: 100% !important; padding: 0.5em 0; border-top: 1px solid #e4e4e4 }
    .navstyle2 > ul > li:first-child { border-top: none; }
    .navstyle2 ul li .nav-icon { float: left; width: 15% !important;  }
    .navstyle2 .item-inner > p { float: left; width: 30%; padding-top: 1.3em; text-align: left; }
    .navstyle2 .item-inner ol { width: 40%; padding: 0; float: left; margin: 0 5%; }
    .navstyle2 .item-inner ol li { text-align: left !important; }
    .navstyle2 ul li .nav-icon { padding-top: 0.7em; }
    .headline h1 { margin-right: 110px; margin-bottom: 5px; }
    .content-template-v1 .content-global-header h1 { margin-bottom: 5px; }
    .configuration-scope .conf-filter .select-box { width: 100%; }
    .configuration-setup .content-cell-left .cell-inner, 
    .configuration-setup .content-cell-left h2 span { padding-left: 9.5%; }
    .configuration-setup .content-cell-right .cell-inner { padding-right: 5%; width: 90%; }
    .configuration-setup .select-options table { text-align: center; }
    .configuration-setup .color-options-wrap table td, 
    .configuration-setup .color-options-wrap table th,
    .configuration-setup .select-options table th,
    .configuration-setup .select-options table td { display: inline-block; float: left; }
    .configuration-setup .select-options table td, 
    .configuration-setup .select-options figure img, .configuration-setup .select-options .option-info p {  }
    .configuration-setup .select-options table th { display: block; width: 100%; }
    .configuration-setup .select-options .group-right th, 
    .configuration-setup .select-options .group-left th { display: none; }
    .configuration-setup .color-options-wrap .select-group .option-info { border: none; }
    .configuration-setup .color-options-wrap .select-group .option-info p { width: 100%; text-align: left;}
    .configuration-setup .color-options-wrap .select-group .selectcaption p span { padding: 0 0 0.5em 0; display: block; }
    .configuration-setup .color-options-wrap .select-group .selectcaption p {height: auto; }
    .configuration-setup .color-options-wrap table th .option-title { display: none; }
    .configuration-setup .color-options-wrap .select-group { float: left; }
    .configuration-setup .select-options .group-right, 
    .configuration-setup .select-options .group-left { float: left; }
    .configuration-setup .select-options .select-group table { float: left; margin-bottom: 1em; margin-right: 1em; }
    .configuration-setup .nextstep .custom-link { float: none; margin: 0 auto }

    /* Sidebar Page Template*/
    .content-device-header { display: block; }
    .content-device-header p { font-size: 14px; }
    .content-template-v1 .content-global-header { margin: 0; margin: 0 auto; }
    .content-global { position: relative; width: 100%; left: 0; }
    .content-global .content-type-rich-text { padding: 0; margin: 0em auto; padding: 1em 0;}
    .content-global .col .content-type-rich-text { width: 86%; padding: 1em 0 1.5em; }
    .content-template-v1,
    .model-equipment .content-template-v1 { padding-left: 0; overflow: hidden; }
    .model-equipment .content-sidebar { border: none; }
    .content-template-v1 .content-sidebar { width: 250px; left: -250px; }
    .content-template-v1 .content-sidebar ul li a { text-align: left; }
    .content-global { margin-bottom: 2em; }
    .content-global, 
    .content-sidebar{
    -webkit-transition: left .3s ease-out; 
       -moz-transition: left .3s ease-out;
        -ms-transition: left .3s ease-out;
         -o-transition: left .3s ease-out;
            transition: left .3s ease-out;  }
    .cs-pusher { left: 0 !important; }
    .cg-pusher { left: 250px !important; }
    .content-global .content-grid .col { width: 50%; }
    .content-global .content-grid .col.type-image-wrap { width: 50%; }
    .content-global .content-grid.spec-row .col { width: 100%; }
    .content-global .content-grid.spec-row img { width: 70%; margin: 0 auto; }
    .content-global .content-grid.spec-row .bttrlazyloading-wrapper { background-color: #fff !important}
    .content-global .content-grid.spec-row .content-type-rich-text { padding: 1em 0; width: 92%; }
    .content-template-v1 .content-global-header.absolute-header .socialShare { top: 4.5em; }
    /*Forms*/
    .mCSB_container { margin-right: 20px; }
    .select-box .menu ul li { font-size: 13px; padding: 0.3em 5px; }
    .select-box .menu ul li:hover { padding-left: 5px; }
    .formtype-s1 { padding-bottom: 2em; }
    .formtype-s1 .f-leftside { width: 100%; border: none !important; }
    .formtype-s1 .f-inner { padding: 0 0.5em; }
    .formtype-s1 ul.form-list,
    .onlineAppeal .formLogin .form-list{ margin:2.5em 2.5em 1.5em !important }
    .onlineAppeal .formButton,
    .formVehicle .formButton, 
    .formAddress .formButton, 
    .formPersonal .formButton, 
    .testDrive .formAddress .formButton,
    .onlineAppeal .appeal-result-info .appealRebuild { text-align:right; position: relative; bottom: 0; top: 0; width: auto; padding: 0 3em; }
    .submitBtn { font-size: 15px; display: inline-block; }
    .onlineAppeal .formLogin .submitBtn { width: 110px; margin:0.5em; }
    .onlineAppeal .formLogin .login .submitBtn { float: left; }
    .onlineAppeal .formLogin .formButton { width: 50%; padding: 0; float: left; }
    .onlineAppeal .appeal-result-info .appealRebuild { text-align: left; }
    .onlineAppeal .appeal-result-info .appealRebuild .change-date { margin-top: 0; }
    .content-global .custom-link { height: auto; line-height: 1.2em; padding: 0.9em; }
    /* Grids */
    .transform-chart .form-wrap .form-inner .select-options-inner { padding: 0.5em; }
    .transform-chart .form-wrap .select-options-inner > li.cf { margin-bottom: 0.5em; }
    /* Gallery*/
    .model-gallery .image-grid-s2 li { width: 50%; }
    .dealer-info .dealer-address { min-height: 100px; }
    
    .search-result-filter h3 { float: none; } 
    .search-result-filter .sh-filter-list { float: none; margin-top: 0.5em; }
    .search-result-filter .sh-filter-list > li { margin-left: 0; margin-right: 1.5em; }
    
    .vehicleExperince .chapter-details .chapter-text { width: 100%;   color: #fff;   font-size: 1.1em;
}
    .vehicleExperince .shadowLinks .s-path .shadow-title { height: auto;}
    .vehicleExperince .shadowLinks .s-path .shadow-title span { opacity: 1; filter: alpha(opacity = 100); padding: 1em; line-height: 1em; height: auto; }
    .vehicleExperince .shadowLinks .s-path:hover .shadow-title { height: auto; }
    .vehicleExperince .chapter-details h1 { font-size: 3em; }

    .price-list-general .tableWrap { margin-bottom: 7em; border-top: 1px solid #ececec; padding-top: 1em; }
    .price-list-general < .wrapper { overflow: hidden; }
    .tableWrap { position: relative; }
    .table-heading .modelspec-list { position: absolute; top: 100%; right: 0; text-align: center; width: 100%; }
    .tableWrap .table-heading .modelspec-list ul { padding-top: 0; }
    .tableWrap .table-heading .modelspec-list li { margin-left: 0; margin-right: 0.5em; float: none; text-align: left; }
    .tableWrap .table-heading .modelspec-list li a { width: 100px; margin-top: 5px;}
    .filter-area-nav + .tableWrap { border: none; padding-top: 0; }
    .search-section.result-style .search-form { padding: 0 4%; }

    .price-list-general .filter-area-list { float: none; }
    .price-list-general .filter-area-nav h3 { float: none; margin-bottom: 0.5em;padding-top:0}
    .price-list-general .filter-area-list > li { width: 31%; margin: 0 0 0 3.2%; }
    .price-list-general .filter-area-list > li:first-child { margin: 0; }
    .price-list-general .filter-area-nav { margin-bottom: 1em; height: auto; }

    .tableModel { display: block; clear: both; width: 100%; }
    .table-parent { width: 100%;}
    .tableModel:before, .tableModel:after { content: ""; display: table; clear: both; }
    .tableModel td img { height: 18px; }
    .tableModel tr,
    .tableModel td,
    .tableModel th,
    .tableModel tbody { display: block; padding: 0; border: none; text-align: left; }
    .tableModel thead { display: none; }
    .tableModel tr.odd { background: #efefef; }
    .tableModel th,
    .tableModel td { }
    .tableModel td { border-bottom: 1px solid #fff; clear:both;  }
    .tableModel td:before, .tableModel td:after { content: ""; display: table; clear: both; }
    .tableModel tbody tr { background: #efefef; }
    .tableModel tr td:first-child .data-headline {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .tableModel tr:hover td:first-child .data-headline { background: #2d2d2d; }
    .tableModel td .data-headline { width:40%; display: block; float: left; padding: 0.7em; color: #fff; border-right: 1px solid #fff; 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
    .tableModel td .wraptext { float: left; padding: 0.7em 0.5em; width: 60%; 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}
    .tableModel tr td:first-child .wraptext { border-left: 1px solid #fff; margin-left: -1px; }
    .tableModel td .data-headline2 { 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}
    .t-bluestyle .data-headline,
    .t-bluestyle .data-headline2 { background: #1eb4df; }
    .t-turqoisestyle .data-headline,
    .t-turqoisestyle .data-headline2 { background: #0ac0c0; }
    .t-greenstyle .data-headline,
    .t-greenstyle .data-headline2 { background: #03b490; }
    .t-orangestyle .data-headline,
    .t-orangestyle .data-headline2 { background: #f5791e; }
    .t-purplestyle .data-headline,
    .t-purplestyle .data-headline2 { background: #801662; }
    .tableModel td:first-child .data-headline,
    .tableModel td:first-child .data-headline2 { background: #424242; }
    .hierarchical.tableModel td .data-headline { width: 20%; float: left; }
    .hierarchical.tableModel td .data-headline2 { width: 20%; float: left; padding: 0.7em; color: #fff; border-right: 1px solid #fff; display: block; }
    
    .configuration-result table tr td:first-child { width: 100%; }
    .configuration-result table tr { position: relative; background: #efefef !important}
    .configuration-result table tr td { position: static; border: none; }
    .configuration-result table p { padding: 0.5em 1em; border-bottom: 1px solid #fff; }
    .configuration-result .short-menu { overflow: hidden; margin-bottom: 1em; }
    .configuration-result .short-menu li { width: 50%; }
    .configuration-result .short-menu li a,
    .configuration-result .short-menu li:first-child a { font-size:15px; text-align: left; border-bottom: 1px solid #424242; padding-left: 6%; height: 38px; line-height: 38px; padding-bottom: 0; }
    .configuration-result .short-menu li:last-child { border-right: 1px solid #424242; }
    .configuration-result .short-menu li:last-child a { border-bottom: none; }
    .configuration-result .short-menu li a > *[class *= "icon"] { margin-left: 0; height: 38px; width: 45px; background-size: 25px; }
    .configuration-result .short-menu li a:hover > *[class *= "icon"] { background-size: 25px; width: 45px; }
    .configuration-result .short-menu li a span { height: 38px; }
    .configuration-result .short-menu li a .text { padding-left: 5px; }
    .configuration-result .short-menu .wrapper { width: 100%; }
    /* Tabs */
    .tab-area table td { display: block; width: 49.7% !important; float: left; margin-top: -1px; padding: 0; }
    .tab-area .row-wrap { padding: 10px; }
    .vehicleExperince .tab-area .row-wrap { padding: 0; height: auto; line-height: 1em; }
    .tab-area table.color-b .active .shadow { border:none; border-left: 5px solid #0acaca; }
    .tab-area table.color-b .active { background: #f7f7f7; }
    .tab-area table .tabitem { overflow: hidden; display: table; padding: 0; }
    .tab-area table .tabitem figure { margin-bottom: 0; display: table-cell; vertical-align: middle; }
    .tab-area table .tabitem figure img { width: 30px; }
    .tab-area table { border-top: 1px solid #e4e4e4}
    .tab-area table .tabitem span{ padding-left: 10px; width:auto; display: table-cell; vertical-align: middle; }

    .technical-top .tech-content .tech-content-image img { max-width: 50%; }
    footer .footer-menu,
    footer .nav-social { float: none; }
    footer .footer-menu { padding-bottom: 0.5em; }
    footer .nav-social li { margin-left: 0; margin-right: 0.5em; }
    footer .footer-menu li a { padding: 0 0.4em; }
    #mainPage .gridbox-wrap .grid-inner .center-box h3 { font-size: 1em; }
}
@media only screen and (max-width : 800px){ 
	.formPage-v1 .widebg img{position:relative; margin-top:0px;}
    .configuration-scope .bottombar { border-top: 1px solid #fff}
    .configuration-scope table td { width: 100%; display: block; }
    .configuration-scope table td .icon { display: none; }
    .configuration-scope table td.scope1 { width: 100%; }
    .configuration-scope table .scope1 .scope-inner { text-align: center; }
}
@media only screen and (max-width : 700px){ 
    .navstyle1 ul li .explore { display: none; }
    .subnav.showroom > ul > li:last-child { clear: both; }
    #mainPage .gridbox-wrap a .slide-info-title { font-size: 1.95em; padding:25px 20px; }
    #mainPage .gridbox-wrap .m-main a .slide-info-subtitle { font-size: 1em; margin-top: 0.2em; }
    #mainPage .gridbox-wrap .m-campaign a .slide-info-subtitle { font-size: 1.2em; padding:25px 20px; }
    .custom-link.download { height: auto; line-height: 1.15em; padding: 0.4em 1em; width: 160px; }
    .header-bottom .buildyourvehicle a { background: #2d2d2d; }
    .header-bottom .buildyourvehicle a:hover { background: #1eb4df; }
    .bottomnavbar { display: block; }
	.bottomnavbar li a { font-size:12px; padding-top:10px; padding-bottom:10px; }
	.bottomnavbar li img { display: none; }
    .vehicle-grid-container .col-1-2 { width: 50% !important; float: left !important; }
    .vehicle-grid-container .vehicle-cell figure {min-height: 200px; }
    .vehicle-grid-container .vehicle-cell .info p,
    .vehicle-grid-container .vehicle-cell:hover p { padding: 0.5em; background: #2d2d2d; }
    .header-top #searchArea .icon { top: 10px; right: 4%; }
    .shadowSections section h3 { background: none; width: 100%; height: auto;}
    .shadowSections section h3 span { padding: 0; }
    .vehicleExperince .chapter-details h1 {font-size: 2.5em; }
    .tech-content { min-height: 300px; }
    .tech-content .tech-content-image .image-text { width: 50%; padding: 0; }
    .technical-top .tech-content .tech-content-image img { max-height: 100%; }
    .vehicleExperince .chapter-details .pattern img {width: 50%; }
    .search-section .search-form { text-align: left; }
    .search-section .search-form .s-inner { padding-left: 4%; }
    .search-section .search-form input { width: 240px; font-size: 0.9em; padding-top: 0.75em; }
    .search-section .search-form .s-icon { left: 4%; }
    .search-result-filter .sh-filter-list { float: none; margin-top: 0; }
    .search-result-filter .sh-filter-list > li { margin:0.4em 0 0 0; float: none; width: 100%; }
    .search-result-filter .submitBtn { display: block; margin: 0 auto; float: none; }
    .search-result-area tr td:first-child { display: none; }
    .search-result-area .search-result-info { padding-left: 0;}
    #mainPage .gridbox-wrap.mobile { min-height: 900px; }
    #mainPage .gridbox-wrap.mobile .box52 { width: 100%; left: 0; height: 40%; }
    #mainPage .gridbox-wrap.mobile .box32 { width: 100%; left: 0%; top: 50%; height: 26%; }
    #mainPage .gridbox-wrap.mobile .box16 { height: 17%; }
    #mainPage .gridbox-wrap.mobile .m-campaign { left: 0%; top: 66%; width: 50%; }
    #mainPage .gridbox-wrap.mobile .m-pricelist { left: 50%; top: 66%; width: 50%}
    #mainPage .gridbox-wrap.mobile .m-testdrive { left: 50%; top: 83%; width: 50%; }
    #mainPage .gridbox-wrap.mobile .m-service { left: 0%; top: 83%; width: 50%; }
    #mainPage .gridbox-wrap.mobile .m-gallery { width: 100%; top: 40%; }
    #mainPage .gridbox-wrap.mobile .grid-inner figure img { max-height: 70px; }
    
    .configuration-setup .content-cell-left .cell-inner,
    .configuration-setup .content-cell-left h2 span { padding-left: 4%; }
    .configuration-setup .content-cell-left { width: 100%; min-height: inherit;}
    .configuration-setup .content-cell-left .icon { display: none; }
    .configuration-setup .content-cell-right { width: 100%; position: relative; }
    .configuration-setup .content-cell-right .cell-inner { padding: 0; width: 100%; }
    .configuration-setup .content-cell-right .cell-inner img { width: 70%; display: block; margin: 0 auto; }

    .configuration-result .short-menu li { width: 100%; }
    .configuration-result .short-menu li a,
    .configuration-result .short-menu li:first-child a { text-align: left; border-bottom: 1px solid #424242; padding-left: 4%; }

    h1 { line-height: 1.2em; }
    .menu-overlay { display: none; }
    .breadcrumb-overlay { display: none; }
    .fixedBar > .header-top { display: none; }
    .header-bottom .header-top { padding: 0.5em 0; background: #fff; }
    .header-bottom .header-top ul { float: none; background: #fff; }
    .header-bottom .header-top ul li { display: none; }
    .header-bottom .header-top #searchArea { display: block; width: 100%; float: none; }
    .header-bottom .header-top #searchArea input[type="text"] { width: 92%; margin: 0 auto; display: block; padding: 0.7em 0; border: none; border-bottom: 1px solid #0AC0C0; font-size: 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px; }
    .header-bottom .header-top #searchArea input[type="text"]:focus { background: #fff; color: #2d2d2d}
    .header-bottom .buildyourvehicle { width: auto;height: auto; }
    .header-bottom { height: 51px; overflow: hidden; position: relative; border: none; }
    .header-bottom .buildyourvehicle { width:100%; margin: 1em auto 0; float: none; }
    .header-bottom .buildyourvehicle a { font-size: 15px; border-right: 50px solid #1eb4df; margin: 0 auto; overflow: initial; width: 180px; padding: 1em; }
    .header-bottom .buildyourvehicle a .custom-icon { display: block; }
    .header-bottom .backpattern { height: 4px; top: 47px; background: #bc1728}
    .header-bottom .wrapper { width: 100%; overflow: hidden; }
    .header-bottom .mobile-menu-icon { cursor:pointer; z-index:10; display: block; width: 60px; height: 47px; position: absolute; top: 0px; right: 0%; background: url(../img/mobile-icon.png) no-repeat center; -webkit-tap-highlight-color: rgba(0,0,0,0); }
    .header-bottom .logo { float: none; margin-left: 4%; display: block; margin-top: 0.4em; }
    .header-bottom .primary-nav { height: auto; float: none; margin-left: 0; margin-top: 7px; }
    .primary-nav .topnav { height: auto;}
    .primary-nav .topnav > li { float: none; height: auto; position: relative; height: 51px;overflow: hidden; }
    .primary-nav .topnav > li .subnav > ul { border: none; margin: 0; padding: 0.5em 0; }
    .primary-nav .topnav > li .subnav li { width: 100% !important; float: none; }
    .primary-nav .topnav ul li .item-inner { border: none; margin: 0;  }
    .primary-nav .topnav > li .subnav.hide { opacity: 1;filter: alpha(opacity = 100);
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
            transform: translateY(0px); }
    .primary-nav .topnav > li .subnav.undercover { display: block; z-index: 999; } 
    .primary-nav .topnav > li .subnav.hide2 {opacity: 1;filter: alpha(opacity = 100);}
    .primary-nav .topnav > li .subnav { position: relative; top: 0; padding: 0 4%; width: 92%; border-bottom: 1px solid #e4e4e4; }
    .primary-nav .topnav > li .subnav ul { opacity: 0;filter: alpha(opacity = 0);
    -webkit-transition: opacity .3s; 
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s; }
    .primary-nav .topnav > li.opened .subnav ul { opacity: 1;filter: alpha(opacity = 100); }
    .navstyle1 ul li figure { height: 52px; }
    .navstyle2 .item-inner ol {float: none; width: 100%; margin: 0; }
    .navstyle2 .item-inner > p {float: none; width: 100%; padding: 0.5em 0; border-bottom: 1px solid #e4e4e4; background: url(../img/mobile-list-icon.png) no-repeat left center; padding-left: 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
    .navstyle2 ol li { border: none; }
    .primary-nav .topnav > li .subnav .nav-icon { display: none; }
    .primary-nav .topnav > li .subnav > ul > li > a { padding: 0; 
    -webkit-transition: color .15s; 
       -moz-transition: color .15s;
        -ms-transition: color .15s;
         -o-transition: color .15s;
            transition: color .15s;}
    .primary-nav .topnav > li .subnav > ul > li > a:hover { color: #0ac0c1; }
    .primary-nav .topnav > li > a { padding: 0 4%; border-bottom: 1px solid #e4e4e4; line-height: 51px; height: 50px; font-size: 16px; 
    -webkit-transition: background .15s; 
       -moz-transition: background .15s;
        -ms-transition: background .15s;
         -o-transition: background .15s;
            transition: background .15s; }
    .navstyle1 ul li .item-inner:hover p { color: #2d2d2d; }
    .navstyle3 ul li a { padding: 0; height: auto; border: none; margin: 0; text-align: left; }
    .navstyle3 ul li a p { padding: 0.5em 0; border-top: 1px solid #e4e4e4; background: url(../img/mobile-list-icon.png) no-repeat left center; padding-left: 15px; }
    .navstyle3 ul li:first-child p { border: none;}
    .navstyle2 ol li a { margin-left: 15px; padding: 0.2em 0 0 15px; display: block; font-size: 15px; background: url(../img/mobile-list-icon2.png) no-repeat left 60%; }
    .navstyle2 > ul > li { padding: 0; border: none;}
    .primary-nav .topnav > li .subnav.navstyle1 .grid5 > li { float: none; border: none; padding: 0.5em 0 1em 0; width: 50% !important; float: left; border-bottom: 1px solid #e4e4e4;}
    .primary-nav .topnav > li .subnav.navstyle1 .grid5 > li:last-child { border: none; }
    .navstyle1 ul li .item-inner,
    .navstyle1 ul li,
    .navstyle2 ul > li:nth-child(odd),
    .navstyle2 ul > li:nth-child(even) { background: #fff !important; }
    .navstyle2 ul li.subactive { background:#fff !important; }
    .navstyle2 ul li.subpassive { background:#fff !important; }
    .navstyle3 ul li a.subpassive,
    .navstyle3 ul li:nth-child(odd) a { background:#fff !important; }
    .navstyle3 ul li a:hover { background: #fff; }
    header .cover { display: none; }
    header .mobile-shadow { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; display: block; height: 51px; cursor: pointer; background: url(../img/mobiledown-b.png) no-repeat 96% center;}
    .header-bottom .primary-nav li.opened > a { background: #2d2d2d; color: #fff; }
    header li.opened .mobile-shadow { background: url(../img/mobileup.png) no-repeat 96% center; }

    .breadcrumb .nav-secondary-v1 li, 
    .breadcrumb .nav-secondary-v1 li.active, 
    .breadcrumb .nav-secondary-v1 li.spec-v1 { display: block; text-align: left; padding: 0; height: auto; background: #2d2d2d; }
    .breadcrumb .nav-secondary-v1 li { border-top: 1px solid #424242; }
    .breadcrumb .nav-secondary-v1 li p { padding: 0.4em 0; }
    .breadcrumb .nav-secondary-v1 li.active { background: url(../img/icon-arrow.png) no-repeat center right; }
    /* Content Global*/
    .content-global .col .content-type-rich-text {width: 92%; }
    .content-global .content-grid .col {width: 100% !important; float: none; }
    .content-global .content-type-rich-text { line-height: 1.7em; }
    .content-template-v1 .content-global-header h1 { font-size: 1.7em; margin-right: 0; margin-top: 1em; }
    .content-template-v1 .content-global-header .socialShare { margin-top: 0; top: 0.4em; }
    .content-global .image-grid-s1 .image-grid-list li { width: 50%; }

    .linkbar li { width: 50%; }
    .linkbar li a { border-right: 1px solid rgba(255,255,255,0.15); border-bottom: 1px solid rgba(255,255,255,0.15); height: 38px; line-height: 39px; padding-left: 10px; padding-bottom: 0; }
    .linkbar li a > *[class *= "icon"] { background-size: 27px; height: 37px; margin-top: -15px; }
    .headline h1 { margin-right: 0; margin-top: 1.3em; font-size: 27px; }
    .customHead .socialShare { top: 0.4em; margin-top: 0; }
    .row-fluid [class*="grid"] { width: 100%; }

	
	.kampanyaIconlariYeni{position:relative; margin-top:-26px; width:120px;}
	.kampanyaSayfasiLinkbarResponsiveIcin1{display:inherit;}
	
	
    .service-configuration .filter-nav h3,
    .service-configuration .filter-nav > ul,
    .brochure-request .filter-nav h3, 
    .brochure-request .filter-nav > ul { float: none; margin: 0; padding-top: 0; }
    .service-configuration .filter-nav h3,
    .brochure-request .filter-nav h3 { margin-bottom: 0.5em; }
    .service-configuration .filter-nav > ul > li,
    .brochure-request .filter-nav > ul > li { width: 100%; float: none; margin: 0.4em 0 0 0; }
    .service-configuration .filter-nav > ul > li:first-child,
    .brochure-request .filter-nav > ul > li:first-child { margin-top: 0; }
    .container-fluid { padding-top: 0; }
    .row-fluid [class*="grid"] { width: 92%; margin: 2% 4%; }
    
    .dealersearch .formButton { position: relative; bottom: 0; right: 0; height: auto;}
    .dealersearch .select-box { width: 100%; }

    .tab-area table td { width: 99.8% !important; }
    .tab-area .row-wrap { padding: 0 5px; height: 37px; line-height: 37px; }
    .tab-area table .tabitem span { min-height: auto}
    
    .back-template { padding-bottom: 5em; background: #fff; }
    .row > .col-1-2 { width: 100%; float: none; }
    .formtype-s1 .row > .col-1-2 { margin-top: 2em; }
    .formtype-s1 .row > .col-1-2:first-child { margin-top: 0; }
    .formtype-s1 ul.form-list, .onlineAppeal .formLogin .form-list { margin: 2em 1em 1.5em !important }
    /*.formtype-s1 ul.form-list > li { margin-top: 1em; }*/
    .onlineAppeal .formButton, 
    .formVehicle .formButton, 
    .formAddress .formButton, 
    .formPersonal .formButton, 
    .testDrive .formAddress .formButton,
    .onlineAppeal .appeal-result-info .appealRebuild { text-align: center; }
    .input-blocks > div { float: none; width: 100%; }
    .onlineAppeal .formLogin .formButton { width: 100%; }
    .onlineAppeal .formLogin .login .submitBtn { float: none; }
    
    .price-list-general .filter-area-list > li { width: 100%; margin: 0.4em 0 0 0; }
    .price-list-general .filter-area-list > li:first-child { margin-top: 0; }
    .tableWrap .table-heading h2 .model-image { display: none; }
    
    .service-phases .grid10 td { width: 49.55%; }
    .dealersearch { padding: 0; }
    .dealersearch .form-inner { height: auto; }
    .dealersearch .form-inner > li { width: 100% !important; float: none !important; margin: 0.4em 0 0 0; }
    .dealersearch .form-inner > li:first-child { margin-top: 0; }
    .dealersearch .form-inner > li.finddealer, 
    .dealersearch .form-inner > li.apply { width: 100% !important; text-align: center; }
    .dealers-list td { width: 100%; display: block; }
    .dealers-list td .dealer-box { margin: 0 !important; }
    .dealers-list .dealer-info .dealer-address { min-height: inherit; }
    .dealers-list .dealer-info .dealer-mail {overflow: hidden; }
    .dealers-list .dealer-info .d-title { width: 25%; }
    .dealers-list .dealer-info .d-info { width: 75%; }
    .dealersearch .submitBtn { float: none; display: block; margin: 0 auto; }
    #social-container .grid-sizer, #social-container .social-item { width: 49.5%; }
}
@media only screen and (max-width : 600px){ 
    .configuration-scope .bottombar a { display: block; float: none !important; padding: 0.5em 0 0.5em 2.7em; }
    .headline .f-model-img { display: none; }
	
}
@media only screen and (max-width : 550px){ 

    .dealers-list .dealer-info .d-title { width: 100%; margin-bottom: 0; }
    .dealers-list .dealer-info .d-info { width: 100%; }
    .dealer-info .d-icons .gotomap { float: none; display: block; margin-top: 0.5em; }
    #social-container .grid-sizer, #social-container .social-item { width: 92%; margin: 2% 4%; }
    .linkbar li { width: 100%; } 
    .linkbar li a { padding: 0 1em; }
    .linkbar li a > *[class *= "icon"] { margin-right: 1em; }
	.kampanyaSayfasiLinkbarResponsiveIcin2{display:inherit;}
	.kampanyaSayfasiLinkbarResponsiveIcin1{display:none;}
    .service-phases .grid10 td { width: 49.3%; }
    .footer-bottom figure:first-child img { max-width: 150px; }
    .vehicleExperince .colorOptions .tabitem figure { width: 45px; height: 45px; }
    .vehicleExperince .colorOptions .tabitem-wrap { float: left; margin: 0; }
    .vehicleExperince .colorOptions .tab-details img { width: 60%; }
    .service-configuration2 .stage-links a { width: 80px; height: auto; padding: 0.4em 0 0.4em 10px; line-height: 1.3em; }
    .service-configuration2 .stage-links .maintenance { border-right: 40px solid #0ac0c0; }
    .service-configuration2 .stage-links .changemodel { border-left: 40px solid #0ac0c0; }
    .configuration-scope table td .scope-inner { padding: 2em 1.5em; }
}
@media only screen and (max-width : 400px){ 
    .onlineAppeal .appeal-result-info .appealRebuild .custom-link { font-size: 0.85em; height: auto; line-height: 1.5em; width: 100px; padding: 0.5em 1em; }
   .dealer-info .d-icons .gotomap { float: left; }
   .picture-item .picitem-inner figcaption span { padding: 0.4em 1em; }
   .tech-content .tech-content-image .image-text { display: block; float: none; width: 100%; font-size: 1.3em; text-align: center; }
   .technical-top .tech-content .tech-content-image img { float: none; }
   .transform-chart .form-wrap .select-options-inner .options-inner { padding: 0 0.5em; }
   .transform-chart .form-wrap .select-options-inner > li p { font-size: 14px; padding-bottom: 0; }
   .transform-chart .form-wrap .form-inner .select-options-inner { padding: 0.2em; }
   .transform-chart .form-wrap .select-options-inner .select-box { height: 32px; }
   .transform-chart .form-wrap .select-options-inner .select-box .top { height: 30px; }
   .transform-chart .form-wrap .select-options-inner .select-box .menu { top: 25px; }
   .transform-chart .form-wrap .select-options-inner .select-box .top label { top: 5px; }
   .transform-chart .form-wrap .select-options-inner .select-box .top div { height: 30px; }
   .service-configuration.transform-chart .form-wrap .custom-link  { width: auto; margin: 1.2em 0.5em 0; height: 34px; line-height: 34px;  }
   #mainPage .gridbox-wrap .grid-inner .center-box h3 { font-size: 0.9em; }
}
@media only screen and (max-width : 350px){ 
   .dealer-info .d-icons .gotomap { float: left; }
   footer .footer-bottom .kialogo { width: 130px; top: -44px; }
   .service-configuration.transform-chart .form-wrap .custom-link { border-right: 36px solid #F5791E; }
   .service-configuration.transform-chart .form-wrap .custom-link .custom-icon { background: url(../img/buttonarrow.png) no-repeat -45px center }
}

.slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; }
.slick-prev,
.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before,
.slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white;
-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.slick-prev:before { content: '←'; }
[dir='rtl'] .slick-prev:before { content: '→'; }
.slick-next { right: -25px; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
.slick-next:before { content: '→'; }
[dir='rtl'] .slick-next:before { content: '←'; }
.slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 14px; height: 14px; margin: 0 3px; padding: 0; top: -18px;  cursor: pointer; }
.slick-dots li button { background: transparent; font-size: 0; line-height: 0; display: block; width: 12px; height: 12px; padding: 0; cursor: pointer; border: 1px solid #fff; outline: none;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
        border-radius: 50%; }
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button { background: #fff; }
.slick-slider { position: relative; display: block;
-moz-box-sizing: border-box;
     box-sizing: border-box;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
-webkit-touch-callout: none;
  -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; height: 100%; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; height: 100%; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; box-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 1cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  header,
  header .fixedBar { position: relative; height: inherit;}
  header { margin-bottom: 5px; }
  .header-bottom .logo { float: none; }
  .header-top, .breadcrumb, .primary-nav, .buildyourvehicle { display:none; }
  .header-bottom { border-bottom: none; }
  footer { margin-bottom: 0; }
  footer .footer-bottom .kialogo { top: -35px; }
  footer .footer-top,
  .configuration-result .goback,
  .sticky-wrapper,
  .nav-social, 
  .short-menu {display: none; }
  .wrapper { width: 100%; }
  body a:link:after, body a:visited:after { content: ""; }
  table { background:#f6f6f6 !important}
}

.h1-inline-1{
margin: 0;
font-size: 0.95em!important;
display:inline-block;
}


@media only screen and (max-width : 1920px){ 
  #img3{top: -70px !important;}
  #img5{top: -59px !important;}
  #img10{top: -77px !important;}
}
@media only screen and (max-width : 1880px){ 
  #img3{margin-left: -20px !important;top: -44px !important;}
  #img5{width: 951px !important;height: 410px !important;margin-left: 0px !important;top: -55px !important;}
  #img10{top: -81px !important;width: 951px !important;height: 410px !important;margin-left: 0px !important;}
}
@media only screen and (max-width : 1840px){ 
  #img3{margin-left: -40px !important;top: -50px !important;} 
  #img2{margin-left: -30px !important;}
}
@media only screen and (max-width : 1780px){ 
  #img3{margin-left: -70px !important;}
  #img2{width: 910px !important;height: 393px !important;margin-left: -30px !important;}
}
@media only screen and (max-width : 1700px){ 
  #img9 {width: 840px !important;height: 363px !important;margin-left: 0px !important;top: -12px !important;}
  #img3{margin-left: -110px !important;}
  #img5{margin-left: -50px !important;}
  #img2{margin-left: -69px !important;}
}
@media only screen and (max-width : 1606px){ 
  .vehicle-cell img{margin-left: -80px !important;}
  #img5{width: 975px !important;height: 411px !important;margin-left: -180px !important;top: -35px !important;}
  #img9{margin-left: 0px !important;width: 793px !important;height: 343px !important;top: -8px !important;}
  #img3 {margin-left: -158px !important;}
  #img2{width: 792px !important;height: 342px !important;margin-left: 0px !important;top: -10px !important;}
  #img5{width: 793px !important;height: 343px !important;margin-left: 0px !important;top: -5px !important;}
}
@media only screen and (max-width : 1560px){
  #img3{width: 770px !important;height: 332px !important;margin-left:0px !important;top:0px !important;}
}
@media only screen and (max-width : 1520px){ 
  #img3{margin-left: -20px !important;}
  #img2 {width: 792px !important;height: 342px !important;margin-left: -40px !important;top: -10px !important;}
}
@media only screen and (max-width : 1481px){ 
  .vehicle-cell img{margin-left: -130px !important;}
  #im11{width: 820px !important;height: 354px !important;margin-left: 0px !important;top:0px !important;}
  #img9 {width: 761px !important;height: 329px !important;top: 0px !important;margin-left: 0px !important;}
  #img3{margin-left: -39px !important;}
  #img10 {top: -81px !important;width: 951px !important;height: 410px !important;margin-left: -105px !important;}
}
@media only screen and (max-width : 1440px){ 
  #img3{margin-left: -60px !important;}
  #img2 {width: 762px !important;height: 329px !important;margin-left: -52px !important;top: 0px !important;}
  #img5 {width: 793px !important;height: 343px !important;margin-left: -82px !important;top: -5px !important;}
}
@media only screen and (max-width : 1380px){ 
  #img3{margin-left: -90px !important;}
  #img2 {width: 762px !important;height: 329px !important;margin-left: -81px !important;top: 0px !important;}
  #img8{width: 762px !important;height: 329px !important;margin-left: -81px !important;top: 0px !important;}
}
@media only screen and (max-width : 1320px){ 
  .vehicle-cell img{margin-left: 0px !important;margin-top: -27px !important;width: 651px !important;height: 281px !important;}
  .vehicle-grid-container .vehicle-cell figure {min-height: 259px !important;height: 259px !important;}
  #im11{width: 650px !important;height: 281px !important;top: 15px !important;margin-left: 0px !important;}
  #img5{width: 800px !important;height: 346px !important;margin-left: -145px !important;top: -60px !important;}
  #img9 {width: 650px !important;height: 281px !important;top: -11px !important;margin-left: 0px !important;}  
  #img3{    width: 650px !important;height: 280px !important;margin-left: 0px !important;top: -12px !important;}
  #img2 {width: 650px !important;height: 281px !important;margin-left: 0px !important;top: 0px !important;}
  #img8 {width: 732px !important;height: 316px !important;margin-left: -81px !important;top: -33px !important;}
  #img5 {width: 651px !important;height: 281px !important;margin-left: 0px !important;top: -18px !important;}
  #img10 {top: -46px !important;width: 651px !important;height: 281px !important;margin-left: 0px !important;}
}
@media only screen and (max-width : 1280px){ 
  #img3{margin-left: -20px !important;}
  #img9 {width: 630px !important;height: 272px !important;top: 0px !important;margin-left: 0px !important;}
  #img2{width: 650px !important;height: 281px !important;margin-left: -19px !important;top: 0px !important;}
}
@media only screen and (max-width : 1220px){  
  #img9 {width: 600px !important;height: 259px !important;top: 3px !important;margin-left: 0px !important;}
  #img3{margin-left: -50px !important;}
  #img2 {width: 650px !important;height: 281px !important;margin-left: -50px !important;top: 0px !important;}
  #img5 {width: 651px !important;height: 281px !important;margin-left: -40px !important;top: -18px !important;}
}
@media only screen and (max-width : 1150px){ 
  #img3{width: 565px !important;height: 244px !important;margin-left: 0px !important;top: 3px !important;}
  #img2 {width: 650px !important;height: 281px !important;margin-left: -84px !important;top: 0px !important;}
  #img9 {width: 565px !important;height: 244px !important;top: 12px !important;margin-left: 0px !important;}
  #img5 {width: 651px !important;height: 281px !important;margin-left: -85px !important;top: -18px !important;}
  .breadcrumb .nav-secondary li a{font-size:0.7em;}
}
@media only screen and (max-width : 1110px){ 
  .vehicle-cell img{margin-left: -80px !important;width: 651px !important;height: 281px !important;}
  #im11{width: 600px !important;height: 259px !important;top: 21px !important;margin-left: -2px !important;}
  #img5{width: 645px !important;height: 279px !important;margin-left: -100px !important;top: -13px !important;}
  #img9 {width: 545px !important;height: 236px !important;top: 14px !important;margin-left: 0px !important;}
  #img3{margin-left: -20px !important;}
  #img8 {width: 546px !important;height: 236px !important;margin-left: 0px !important;top: 20px !important;}
}
@media only screen and (max-width : 1075px){ 
  #img3{top: 10px !important;margin-left: -37px !important;}
  #img2 {width: 528px !important;height: 228px !important;margin-left: 0px !important;top: 20px !important;}
  #img9 {width: 528px !important;height: 228px !important;top: 18px !important;margin-left: 0px !important;}
}
@media only screen and (max-width : 1010px){   
  #img9 {width: 495px !important;height: 214px !important;top: 23px !important;margin-left: 0px !important;}
  #img3{margin-left: -70px !important;}
  #img2 {width: 528px !important;height: 228px !important;margin-left: -30px !important;top: 20px !important;}
  #img10 {top: 15px !important;width: 510px !important;height: 220px !important;margin-left: -6px !important;}
}
@media only screen and (max-width : 951px){ 
  .vehicle-cell img{margin-left: -49px !important;width: 550px !important;height: 238px !important;}
  .vehicle-grid-container .vehicle-cell figure{min-height: 216px !important;    height: 216px !important;}
  #im11{width: 470px !important;height: 203px !important;top: 22px !important;}
  #img5{margin-left: -128px !important;top: -43px !important;}
  #img9 {top: 12px !important;margin-left: 0px !important;width: 466px !important;height: 201px !important;}
  #img3{width: 466px !important;height: 201px !important;margin-left: 0px !important;top: 0px !important;}
  #img2{width: 466px !important;height: 201px !important;margin-left: 0px !important;top: 20px !important;}
  #img8 {width: 466px !important;height: 201px !important;margin-left: 0px !important;top: 12px !important;}
  #img5 {width: 466px !important;height: 201px !important;margin-left: 0px !important;top: 2px !important;}
  #img10 {top: -27px !important;width: 510px !important;height: 220px !important;margin-left: -44px !important;}
}
@media only screen and (max-width : 895px){ 
  #img3{margin-left: -28px !important;top: 5px !important;}
  #img2{width: 438px !important;height: 189px !important;margin-left: 0px !important;top: 20px !important;}
  #img9 {top: 16px !important;margin-left: 0px !important;width: 438px !important;height: 189px !important;}
}
@media only screen and (max-width : 862px){ 
  .vehicle-cell img{width: 480px !important;height: 207px !important;}
  .vehicle-grid-container .vehicle-cell figure{min-height: 207px !important;    height: 207px !important;}
  #img5{width: 540px !important;height: 233px !important;margin-left: -110px !important;top: -18px !important;}
  #img9 {top: 13px !important;margin-left: 0px !important;width: 421px !important;height: 182px !important;}
  #img3{margin-left: -45px !important;}
  #img2 {width: 421px !important;height: 182px !important;margin-left: 0px !important;top: 20px !important;}
  #img5 {width: 422px !important;height: 182px !important;margin-left: 0px !important;top: 9px !important;}
}
@media only screen and (max-width : 810px){  
  #img3{margin-left: -71px !important;}
  #img2 {width: 421px !important;height: 182px !important;margin-left: -25px !important;top: 20px !important;}
  #img8 {width: 466px !important;height: 201px !important;margin-left: -70px !important;top: 12px !important;}
  #img9 {top: 23px !important;margin-left: 0px !important;width: 383px !important;height: 166px !important;}
}
@media only screen and (max-width : 785px){   
  #img9{top: 24px !important;margin-left: 0px !important;width: 385px !important;height: 166px !important;}
  #img3{margin-left: -83px !important;}
  #img2 {width: 421px !important;height: 182px !important;margin-left: -38px !important;top: 20px !important;}
  #img5 {width: 383px !important;height: 165px !important;margin-left: 0px !important;top: 18px !important;}
}
@media only screen and (max-width : 730px){ 
  .vehicle-cell img{margin-top: -17px !important;width: 430px !important;height: 186px !important;}
  .vehicle-grid-container .vehicle-cell figure{min-height: 186px !important;    height: 186px !important;}
  .vehicle-grid-container .col-1-2 { width: 50% !important;float: left !important;}
  #im11{width: 370px !important;height: 160px !important;top: 17px !important;}
  #img5{width: 400px !important;height: 173px !important;margin-left: -40px !important;top: 9px !important;}
  #img3{width: 355px !important;height: 153px !important;margin-left: 0px !important;}
  #img2 {width: 355px !important;height: 153px !important;margin-left: 0px !important;top: 14px !important;}
  #img8 {width: 466px !important;height: 201px !important;margin-left: -70px !important;top: -16px !important;}
  #img9 {top: 9px !important;margin-left: 0px !important;width: 355px !important;height: 153px !important;}
  #img5 {width: 396px !important;height: 171px !important;margin-left: -40px !important;top: -8px !important;}
  #img10 {top: -52px !important;width: 510px !important;height: 220px !important;margin-left: -80px !important;}
}
@media only screen and (max-width : 700px){ 
  #img3{width: 387px !important;height: 167px !important;margin-left: -47px !important;top: 0px !important;}
  #img2 {width: 355px !important;height: 153px !important;margin-left: -14px !important;top: 14px !important;}
  #img9 {top: 15px !important;margin-left: 0px !important;width: 355px !important;height: 153px !important;}
  #img5 {width: 396px !important;height: 171px !important;margin-left: -40px !important;top: 0px !important;}
}
@media only screen and (max-width : 650px){ 
  .vehicle-cell img{margin-top: -17px !important;width: 700px !important;height: 302px !important;}
  .vehicle-grid-container .vehicle-cell figure{min-height: 302px !important;    height: 302px !important;}
  .vehicle-grid-container .col-1-2 { width: 100% !important;}
  #im11{margin-top: -25px !important;width: 700px !important;height: 302px !important;}
  #img3{width: 632px !important;height: 272px !important;top: 16px !important;margin-left:0px !important;}
  #img2 {width: 716px !important;height: 309px !important;margin-left: -84px !important;top: 0px !important;}
  #img8 {width: 632px !important;height: 273px !important;margin-left: 0px !important;top: 17px !important;}
  #img9 {top: 13px !important;margin-left: 0px !important;width: 632px !important;height: 273px !important;}
  #img5 {top: 7px !important;width: 640px !important;height: 276px !important;margin-left: -8px !important;}  
  #img10 {top: 10px !important;width: 632px !important;height: 273px !important;margin-left: 0px !important;}
}
@media only screen and (max-width : 600px){ 
  .vehicle-cell img{margin-top: -17px !important;width: 640px !important;height: 276px !important;}
  .vehicle-grid-container .vehicle-cell figure{min-height: 276px !important;    height: 276px !important;}
  #img5 {top: -9px !important;width: 640px !important;height: 276px !important;margin-left: -58px !important;}
  #img3{width: 632px !important;height: 272px !important;top: -11px !important;margin-left: -49px !important;}
  #img2 {width: 666px !important;height: 288px !important;margin-left: -84px !important;top: 0px !important;}
  #img9 {top: 10px !important;margin-left: 0px !important;width: 582px !important;height: 252px !important;}
}
@media only screen and (max-width : 550px){ 
  #img3{width: 632px !important;height: 272px !important;top: -11px !important;margin-left: -94px !important;
  }
  #img2{width: 556px !important;height: 240px !important;margin-left: -24px !important;top: 17px !important;}
  #img2{width: 556px !important;height: 240px !important;margin-left: -24px !important;top: 17px !important;}
  #img8{width: 632px !important;height: 273px !important;margin-left: -100px !important;top: -2px !important;}  
  #img5 {top: -9px !important;width: 640px !important;height: 276px !important;margin-left: -95px !important;}
}
@media only screen and (max-width : 510px){ 
  .vehicle-cell img{margin-top: -5px !important;margin-left: -50px !important;width: 545px !important;height: 235px !important;}
  .vehicle-grid-container .vehicle-cell figure{min-height: 235px !important;height: 235px !important;}
  #im11{margin-top: -22px !important;width: 500px !important;height: 216px !important;}
  #img10{margin-top: -9px !important;margin-left: -45px !important;width: 540px !important;height: 233px !important;}
  #img5{top: 0px !important;width: 500px !important;height: 216px !important;margin-left: -8px !important;}
  #img3{width: 500px !important;height: 216px !important;top: -9px !important;margin-left: 0px !important;}
  #img2 {width: 556px !important;height: 240px !important;margin-left: -64px !important;top: -10px !important;}
  #img8 {width: 632px !important;height: 273px !important;margin-left: -140px !important;top: -34px !important;}
  #img9 {top: -1px !important;margin-left: 0px !important;width: 492px !important;height: 213px !important;}
  #img10 {margin-top: -44px !important;margin-left: -45px !important;width: 540px !important;height: 233px !important;}
}
@media only screen and (max-width : 470px){    
  #img3{margin-left: -46px !important;}
  #img2 {width: 556px !important;height: 240px !important;margin-left: -104px !important;top: -10px !important;}
  #img5 {top: 5px !important;width: 461px !important;height: 199px !important;margin-left: 0px !important;}
  #img4{left: -40px !important;}
}
@media only screen and (max-width : 430px){ 
  
  #img6{margin-top: 1px !important;margin-left: -43px !important;width: 495px !important;height: 214px !important;}
  #img10{margin-left: -86px !important;}
  #img3{width: 500px !important;height: 216px !important;top: -7px !important;margin-left: -86px !important;}
  #img7{margin-left: -87px !important;}
  #img2 {width: 556px !important;height: 240px !important;margin-left: -144px !important;top: -10px !important;}
  #img5 {top: 5px !important;width: 461px !important;height: 199px !important;margin-left: -50px !important;}
  #img8 {width: 632px !important;height: 273px !important;margin-left: -150px !important;top: -34px !important;}
}

/*Old Price area year button */
/*
  .price-list-general #priceYearArea{
        width: 100%;
        height: 40px;
        padding: 0.6em 0;
        border-bottom: 1px solid #f5791e;
        margin-bottom: 1em;
        }
    .price-list-general #priceYearArea h3{
        float: left;
        padding-top: 9px;
    }
    .price-list-general #priceYearArea .buttonArea{float: right}
    .price-list-general #priceYearArea .buttonArea a{
        padding: 0em 1em;
        position: relative;
        background: #fff;
        color: #000 !important;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        border:1px solid #2d2d2d;
    }

    .price-list-general #priceYearArea .buttonArea a.active{
        background: #2d2d2d;
        color: #fff !important;
    }



    .price-list-general .vehicleArea{margin-bottom: 15px;left: 0;right: 0;
    }
    .price-list-general #fifteen{display: none}

    .price-list-general .yearTables{position:relative}

    */

/*New Price area year button*/

.price-list-general #priceYearArea{
    width: 100%;
    height: 40px;
    padding: 0.6em 0;
    border-bottom: 1px solid #f5791e;
    margin-bottom: 1em;
}
.price-list-general #priceYearArea h3{
    float: left;
    padding-top: 9px;
}
.price-list-general #priceYearArea .buttonArea{float: right}


.price-list-general .vehicleArea{margin-bottom: 15px;left: 0;right: 0;
}
.price-list-general #sixteen{display: none}

.price-list-general .yearTables{position:relative}



.price-list-general #priceYearArea .buttonArea .seventeen {
    padding: 0em 1em;
    position: relative;
    background: #2d2d2d;
    color: #fff !important;
    height: 43px;
    line-height: 43px;
    display: inline-block;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-right: 50px solid #f5791e;
}

.price-list-general #priceYearArea .buttonArea .seventeen.active{
    background: #f5791e;
}

.price-list-general #priceYearArea .buttonArea .seventeen:hover{
    background: #f5791e;
    border-color: #2d2d2d;
}

.price-list-general #priceYearArea .buttonArea .sixteen{
    padding: 0em 1em;
    position: relative;
    background: #2d2d2d;
    color: #fff !important;
    height: 43px;
    line-height: 43px;
    display: inline-block;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-right: 50px solid #0ac0c0;
}
.price-list-general #priceYearArea .buttonArea .sixteen.active{
    background: #0ac0c0;
}

.price-list-general #priceYearArea .buttonArea .sixteen:hover{
    background: #0ac0c0;
    border-color: #2d2d2d;
}

.price-list-general #priceYearArea .buttonArea .seventeen .icon{
    background: url(../img/buttonarrow.png) no-repeat -38px center;
    width: 50px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    right: -50px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.price-list-general #priceYearArea .buttonArea .sixteen .icon{
    background: url(../img/buttonarrow.png) no-repeat -38px center;
    width: 50px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    right: -50px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

@media only screen and (max-width: 600px) {
    .price-list-general #priceYearArea{height: auto}
    .price-list-general #priceYearArea .buttonArea .seventeen{
        margin-bottom: 10px;
        margin-top: 10px;
    }
}


/*New Model Price area year button*/

.model-price-list #priceYearArea{
    width: 100%;
    height: 40px;
    padding: 0.6em 0;
    border-bottom: 1px solid #f5791e;
    margin-bottom: 1em;
}
.model-price-list #priceYearArea h3{
    float: left;
    padding-top: 9px;
}
.model-price-list #priceYearArea .buttonArea{float: right}


.model-price-list .vehicleArea{margin-bottom: 15px;left: 0;right: 0;
}
.model-price-list #sixteen{display: none}

.model-price-list .yearTables{position:relative}



.model-price-list #priceYearArea .buttonArea .seventeen {
    padding: 0em 1em;
    position: relative;
    background: #2d2d2d;
    color: #fff !important;
    height: 43px;
    line-height: 43px;
    display: inline-block;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-right: 50px solid #f5791e;
}

.model-price-list #priceYearArea .buttonArea .seventeen.active{
    background: #f5791e;
}

.model-price-list #priceYearArea .buttonArea .seventeen:hover{
    background: #f5791e;
    border-color: #2d2d2d;
}

.model-price-list #priceYearArea .buttonArea .sixteen{
    padding: 0em 1em;
    position: relative;
    background: #2d2d2d;
    color: #fff !important;
    height: 43px;
    line-height: 43px;
    display: inline-block;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-right: 50px solid #0ac0c0;
}
.model-price-list #priceYearArea .buttonArea .sixteen.active{
    background: #0ac0c0;
}

.model-price-list #priceYearArea .buttonArea .sixteen:hover{
    background: #0ac0c0;
    border-color: #2d2d2d;
}

.model-price-list #priceYearArea .buttonArea .seventeen .icon{
    background: url(../img/buttonarrow.png) no-repeat -38px center;
    width: 50px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    right: -50px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.model-price-list #priceYearArea .buttonArea .sixteen .icon{
    background: url(../img/buttonarrow.png) no-repeat -38px center;
    width: 50px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    right: -50px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

@media only screen and (max-width: 600px) {
    .model-price-list #priceYearArea{height: auto}
    .model-price-list #priceYearArea .buttonArea .seventeen{
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

/*sportage*/
#sportagePDF {
    display:none;
    padding-top:30px;
    padding-bottom: 30px;
}

#sportagePDF .desc {
    color:#fff;
    margin-bottom:20px;
    padding-left:14px
}

#sportagePDF li a {
    border-right: 50px solid #F5791E;
    margin: 0.6em 1em 0;
    height: 60px;
    line-height: 60px;
    width: 80px;
    background: #59bcbe;
    text-indent: 25px;
}
#sportagePDF li a:hover {
    background: #F5791E;
    border-right: 50px solid #59bcbe;
}

@media (max-width: 600px) {
    #sportagePDF li a {
        height: 30px;
        line-height: 30px;
    }
}

/*takas formu*/

.form-list .swapPropObj{width: 49%;display: inline-block;vertical-align: top}
.form-list .swapPropObj .input-blocks > div{width: 50%}

@media (max-width: 600px) {
    .form-list .swapPropObj{width: 100%;display: block}
    .form-list .swapPropObj .input-blocks > div{width: 100%}

}

/*footer kiamore logo*/
footer .nav-social .kiamore a {
    background-image: url(http://www.kia.com.tr/Assets/img/kiamore-logo.png);
    background-position: 0px 0px;
    width: 80px;
    top: 5px;
}

@media (max-width: 600px) {
  footer .nav-social .kiamore a {
    top: 0px;
  }
}

/*legalTextForPrice*/
.legalTextForPrice{font-size: 0.9em}

/*general and model priceDetailArea*/
@media only screen and (max-width: 1104px){
  .priceDetailButtonArea .priceDetailButton{line-height: 19px;} 
  .price-list-general .tableWrap{ margin-bottom: 10em;} 
  .model.priceDetailButtonArea{    text-align: left;margin-bottom: 15px;position: absolute;top: 100%;margin-top: 10px}
  .model-price-list .tableWrap{margin-bottom: 12%}    
}

@media only screen and (max-width: 600px){
  .model-price-list .tableWrap{margin-bottom: 26%}      
}

.model.priceDetailButtonArea{text-align: right;margin-bottom: 15px}
.priceDetailButtonArea .priceDetailButton, .priceDetailButtonArea .modelPriceDetailButton{border-right: 50px solid #ee1c60;}
.priceDetailButtonArea .priceDetailButton:hover, .priceDetailButtonArea .modelPriceDetailButton:hover{background: #ee1c60;}


/*KIARENT Main Menu Button
.primary-nav .topnav li.kiarent{height: 45px;display: block;line-height: 45px;padding: 0px 1em;position: relative;z-index: 12;font-size: 16px;cursor: pointer;}
*/

@media only screen and (max-width: 700px){
   .primary-nav .topnav > li.kiarent {
          padding: 0 4%
   }
}

/*mobile menu */
@media only screen and (max-width: 700px){
.primary-nav .topnav > li .subnav.navstyle1 .grid5 > li{width:48%!important;display:inline-block;float: none;}
.primary-nav .topnav > li .subnav.navstyle1 .grid5 > li:nth-last-child(2){border-bottom:none}
}
/*KIARENT Main Menu Button*/

.primary-nav .topnav > li.active.kiarentBtn > a{color: #b81d25}

.MakeBold {
font-weight:bold
}


/*mobile general-list*/
@media only screen and (max-width: 768px){
  .price-list-general .filter-area-nav, .price-list-general #loadPriceList .yearTables, .price-list-general .legalTextForPrice {display: none;}
}

/*niro-banner*/
header #niro-banner {position:absolute;left:760px;top:5px;z-index:111;width: 136px;}
header #niro-banner img{width:100%;}
@media only screen and (max-width: 1000px){
  header #niro-banner {left: auto;right: 0}
}
@media only screen and (max-width: 760px){
  header #niro-banner {left: 0;margin: 0 auto;top:35px;}
}
@media only screen and (max-width: 700px){
  header #niro-banner {top:5px;}
}

/*mobile price buttons
@media only screen and (max-width: 768px){
  .price-list-general #priceYearArea{display: none}
}*/