@import 'font-awesome.min.css';

/*
    DACIA theme
    for Bootstrap v3

    Ivan Kolesnikov, ivan.kolesnikov@modera.com
    Version: 05.03.24

    Structure
    --------------------------------------------
    1. base styles
    2. common items
        - icons
        - buttons
        - form
            - checkbox
        - loading
        - dropdown
        - carousel
        - social
        - modal
    3. layout
        - global layout
        - navbar
        - content
        - columns
        - footer

    PAGES
        - home
*/



/* 1. base styles ----------------------------------*/

/* fonts definition *

@font-face {
    font-family: Dacia;
    src: url(../fonts/DaciaSpirit-Regular_V1200.woff2) format("woff2"),
    url(../fonts/DaciaSpirit-Regular_V1200.woff) format("woff"),
    url(../fonts/DaciaSpirit-Regular_V1200.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Dacia;
    src: url(../fonts/DaciaSpirit-Bold_V1200.woff2) format("woff2"),
    url(../fonts/DaciaSpirit-Bold_V1200.woff) format("woff"),
    url(../fonts/DaciaSpirit-Bold_V1200.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}*/

@font-face {
    font-family: 'DaciaIcons';
    src: url('../fonts/Dacia-Global.woff2') format('woff2'),
    url('../fonts/Dacia-Global.woff') format('woff'),
    url('../fonts/Dacia-Global.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/*body {
    font-family: Dacia, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ico.ico-tip {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* clearfix *

.btn-line:before, .btn-line:after,
.form-horizontal .form-btn:before, .form-horizontal .form-btn:after,
.content-header:before, .content-header:after,
.content-subheader:before, .content-subheader:after,
.product-filter:before, .product-filter:after,
.product-features-list:before, .product-features-list:after,
.action-line:before, .action-line:after,
.model-colors:before, .model-colors:after,
.builder-content:before, .builder-content:after {
    content: " ";
    display: table;
}
.btn-line:after,
.form-horizontal .form-btn:after,
.content-header:after,
.content-subheader:after,
.product-filter:after,
.product-features-list:after,
.action-line:after,
.model-colors:after,
.builder-content:after {
    clear: both;
}

/* global styles *

body {
    color: #606164;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transition-property: border-color, background-color, color, opacity;
    transition-property: border-color, background-color, color, opacity;
}
a:hover, a:focus {
    color: #10314c;
    text-decoration: none;
    cursor: pointer;
}
a:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.2;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {
    margin-top: 0;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child,
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child {
    margin-bottom: 0;
}
h4, h5, h6,
.h4, .h5, .h6 {
    line-height: 1.42857;
}
h1, .h1 {
    font-size: 48px;
}
h2, .h2 {
    font-size: 40px;
}
h3, .h3 {
    font-size: 32px;
}
h4, .h4 {
    font-size: 24px;
}
h5, .h5 {
    font-size: 18px;
}
h6, .h6 {
    font-size: 14px;
}
h1 .small, h1 small, .h1 .small, .h1 small,
h2 .small, h2 small, .h2 .small, .h2 small,
h3 .small, h3 small, .h3 .small, .h3 small,
h4 .small, h4 small, .h4 .small, .h4 small,
h5 .small, h5 small, .h5 .small, .h5 small,
h6 .small, h6 small, .h6 .small, .h6 small {
    color: #c5c5c5;
    font-size: 100%;
}

.lead {
    font-size: 18px;
}
.sublead {
    font-size: 16px;
}
.rear {
    font-size: 12px;
}

p, ul, ol, dl,
ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 20px;
}
dt {
    margin-bottom: 10px;
    font-weight: normal;
}
dd {
    margin-bottom: 10px;
    font-weight: bold;
}

img.pull-left, figure.pull-left {
    margin: 0 20px 10px 0;
}
img.pull-right, figure.pull-right {
    margin: 0 0 10px 20px;
}
img[class*="pull-"][class*="col-"],
figure[class*="pull-"][class*="col-"] {
    padding: 0;
}
figcaption {
    display: block;
    padding: 6px 8px;
    background-color: #e5e5e5;
    color: #606164;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}

address {
    color: #606164;
}

hr {
    margin: 20px 0;
    border-color: #d6d8d7;
}*/

.disc {
    padding-left: 2em;
    list-style: none;
}
.disc li {
    margin-bottom: 10px;
}
.disc li:before {
    float: left;
    margin-top: 0.3em;
    margin-left: -1.8em;
    color: #45dfff;
    font-size: 0.8571em;
    font-family: "DaciaIcons";
    line-height: 1;
    content: "\e642";
}
.decimal {
    padding-left: 2em;
    list-style: none;
    counter-reset: count;
}
.decimal li {
    margin-bottom: 10px;
    counter-increment: count;
}
.decimal li:before {
    float: left;
    width: 1.2em;
    margin-left: -2em;
    font-weight: bold;
    text-align: right;
    content: counter(count);
}
dl.list-horizontal {
    overflow: hidden;
}
dl.list-horizontal dt,
dl.list-horizontal dd {
    float: left;
    width: 50%;
    margin: 5px 0;
}
dl.list-horizontal dt {
    clear: left;
}

.block-embed {
    position: relative;
    height: 0;
    margin-bottom: 20px;
    padding-top: 25px;
    padding-bottom: 67.5%;
    overflow: hidden;
}
.block-embed.widescreen {
    padding-bottom: 56.5%;
}
.block-embed > iframe, .block-embed > object, .block-embed > embed, .block-embed > video, .block-embed > .embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map-embed {
    height: 320px;
    padding: 0;
}

@media (min-width: 768px) {
    .map-embed {
        height: 0;
        padding-bottom: 40%;
    }
}

.mask {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #fff;
    opacity: 0.75;
}
.disabled .mask {
    display: block;
}

.img {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 0;
    text-align: center;
}
.img > img {
    vertical-align: middle;
    max-width: 100%;
}
.img.text-left {
    text-align: left;
}

.hint-line {
    margin: 20px 0;
    font-size: 0.875em;
    opacity: 0.5;
}

.price {
    font-weight: 500;
    white-space: nowrap;
}
.price-primary {
    color: #45dfff;
}
.price-muted,
.price-disabled {
    font-weight: normal;
    opacity: 0.5;
}
.price-old {
    text-decoration: line-through;
}
.price .value {
    font-weight: inherit;
    line-height: 1;
}
.price .hint {
    display: inline-block;
    line-height: 1;
    white-space: normal;
}

.close {
    overflow: hidden;
    font-size: 0;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    opacity: 1;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
}
.close:before,
.close:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    margin-top: -1px;
    margin-left: -25%;
    border: 1px solid;
    border-width: 1px 0;
    content: "";
}
.close:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.close:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.close:hover,
.close:focus {
    opacity: 1 !important;
}



/* 2. common items ----------------------------------*/

/* buttons */

.btn {
    position: relative;
    max-width: 100%;
    height: 40px;
    padding: 0 40px 0 15px;
    overflow: hidden;
    border: 0;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transition-property: border-color, background-color, color, opacity;
    transition-property: border-color, background-color, color, opacity;
}
.btn::first-letter {
    text-transform: uppercase;
}
.btn:before {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 0.6em;
    height: 0.6em;
    margin-top: -0.3em;
    border: 2px solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    content: "";
}
.btn:active, .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-sm {
    height: 32px;
    padding-right: 34px;
    padding-left: 20px;
    font-size: 13px;
    line-height: 32px;
}
.btn-sm::before {
    right: 14px;
    width: 8px;
    height: 8px;
    font-size: 10px;
}
.btn-back.btn-sm {
    padding-right: 20px;
    padding-left: 30px;
}
.btn-back.btn-sm::before {
    right: auto;
    left: 12px;
}
.btn-xs {
    height: 24px;
    padding-right: 20px;
    padding-left: 12px;
    font-size: 11px;
    line-height: 24px;
}
.btn-xs::before {
    right: 7px;
    width: 8px;
    height: 8px;
    font-size: 8px;
}

.btn-link {
    padding-left: 0;
    padding-right: 20px;
    color: #45dfff;
}
.btn-link:before {
    right: 0;
}
.btn-link:hover, .btn-link:focus, .btn-link:active {
    /*color: #0b4a7e;*/
}

.btn-default {
    background-color: #fff;
    color: #45dfff;
}
.btn-default:hover, .btn-default:focus, .btn-default:active,
.btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #fff;
    color: inherit;
}
.btn-default.disabled, .btn-default[disabled],
.btn-default.disabled:hover, .btn-default.disabled:focus,
.btn-default[disabled]:hover, .btn-default[disabled]:focus {
    background-color: #f5f5f5;
    color: #aaa;
}

.btn-primary {
    background-color: #45dfff;
    box-shadow: 0 0 0 1px rgba(255,255,255,1);
    color: #000;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #203133;
    color: #fff;
}
.btn-primary.disabled, .btn-primary[disabled],
.btn-primary.disabled:hover, .btn-primary.disabled:focus,
.btn-primary[disabled]:hover, .btn-primary[disabled]:focus {
    background-color: #333;
    color: #ccc;
}
.btn-back {
    padding-right: 35px;
    padding-left: 55px;
}
.btn-back::before {
    right: auto;
    left: 19px;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}

.btn-ico {
    min-width: 50px;
    padding: 0;
    font-size: 0;
}
.btn-ico::before {
    right: 50%;
    width: 20px;
    margin-right: -10px;
    font-size: 20px;
    text-align: center;
}

.btn-line {
    margin-top: 20px;
    margin-bottom: 0;
}

/* icons */

a .fa, a.fa, button .fa {
    display: inline-block;
    min-width: 16px;
    text-align: center;
    text-decoration: none;
}
a .fa, button .fa, .btn .fa {
    margin-right: 4px;
    margin-left: -4px;
}
a .fa[class*="-right"], button .fa[class*="-right"], .btn .fa[class*="-right"] {
    margin-right: -4px;
    margin-left: 4px;
}
a .fa-single, button .fa-single, .btn .fa-single {
    margin-right: 0;
    margin-left: 0;
}

.site-logo {
    display: inline-block;
    vertical-align: middle;
    width: 63px;
    height: 32px;
    overflow: hidden;
    background: url('../img/site-logo-main.png') no-repeat 50% 50%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    color: transparent;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
}
a.site-logo:hover, a.site-logo:focus {
    text-decoration: none;
}

.ico {
    display: inline-block;
    vertical-align: middle;
    min-width: 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    font-style: normal;
    font-weight: normal;
    font-family: "DaciaIcons";
    line-height: 1;
    text-align: center;
    text-decoration: none;
}
a .ico, button .ico, .btn .ico {
    margin-top: -3px;
    margin-right: 8px;
    font-size: 1.1em;
}
.ico-chevron-up:before { content: "\e67c"; }/*?*/
.ico-chevron-left:before { content: "\e622"; }/*?*/
.ico-chevron-down:before { content: "\e610"; }/*?*/
.ico-chevron-right:before { content: "\e634"; }/*?*/



.ico-caret-v:before { content: "\e904"; }/*?*/



.ico-testdrive:before { content: "\e641"; }
.ico-chat:before { content: "\e665"; }
.ico-dealer:before { content: "\e67f"; }
.ico-service:before { content: "\e672"; }


.ico-dwnld:before { content: "\e611"; }
.ico-cog:before { content: "\e908"; }/*?*/
.ico-dwnld-pdf:before { content: "\e682"; }
.ico-star:before { content: "\e90a"; }/*?*/
.ico-tag:before { content: "\e90b"; }/*?*/
.ico-car:before { content: "\e90c"; }/*?*/
.ico-contact:before { content: "\e90d"; }/*?*/
.ico-finance:before { content: "\e68a"; }

.ico-facebook:before { content: "\e618"; }
.ico-google-plus:before { content: "\e65f"; }
.ico-twitter:before { content: "\e67a"; }
.ico-youtube:before { content: "\e64b"; }

.ico-Contact2:before {
    content: "\e5c1";
}
.ico-accessories:before {
    content: "\e600";
}
.ico-AnchorLinkMobile:before {
    content: "\e601";
}
.ico-Automatic:before {
    content: "\e602";
}
.ico-available:before {
    content: "\e603";
}
.ico-Battery:before {
    content: "\e604";
}
.ico-BatteryLeasing:before {
    content: "\e605";
}
.ico-Bookservice:before {
    content: "\e606";
}
.ico-CarWings:before {
    content: "\e607";
}
.ico-ChargingCost:before {
    content: "\e608";
}
.ico-CloseCross:before {
    content: "\e609";
}
.ico-Coins:before {
    content: "\e60a";
}
.ico-Compare:before {
    content: "\e60b";
}
.ico-Configure:before {
    content: "\e60c";
}
.ico-Contact:before {
    content: "\e60d";
}
.ico-Doors:before {
    content: "\e60e";
}
.ico-DoubleSlider:before {
    content: "\e60f";
}
.ico-DownArrow:before {
    content: "\e610";
}
.ico-DownloadBrochure:before {
    content: "\e611";
}
.ico-editpencil2:before {
    content: "\e612";
}
.ico-EfficiencyClass:before {
    content: "\e613";
}
.ico-Elipsis_Nissan:before {
    content: "\e614";
}
.ico-enginePower:before {
    content: "\e615";
}
.ico-Explore:before {
    content: "\e616";
}
.ico-ExternalLink:before {
    content: "\e617";
}
.ico-Facebook:before {
    content: "\e618";
}
.ico-FeedbackStar:before {
    content: "\e619";
}
.ico-FuelType:before {
    content: "\e61a";
}
.ico-Full_Screen_Close_Nissan:before {
    content: "\e61b";
}
.ico-ImageGalleryAll:before {
    content: "\e61c";
}
.ico-ImageGalleryOne:before {
    content: "\e61d";
}
.ico-indicator:before {
    content: "\e61e";
}
.ico-Info:before {
    content: "\e61f";
}
.ico-Information:before {
    content: "\e620";
}
.ico-Instagram:before {
    content: "\e621";
}
.ico-LeftArrow:before {
    content: "\e622";
}
.ico-LoadingSpinner:before {
    content: "\e623";
}
.ico-Manual:before {
    content: "\e624";
}
.ico-MapView:before {
    content: "\e625";
}
.ico-MapView2:before {
    content: "\e626";
}
.ico-Minus:before {
    content: "\e627";
}
.ico-App:before {
    content: "\e628";
}
.ico-MPG:before {
    content: "\e629";
}
.ico-Pan:before {
    content: "\e62a";
}
.ico-Payload:before {
    content: "\e62b";
}
.ico-Play:before {
    content: "\e62c";
}
.ico-PlayerControlFullscreen:before {
    content: "\e62d";
}
.ico-PlayerControlNoVolume:before {
    content: "\e62e";
}
.ico-PlayerControlPause:before {
    content: "\e62f";
}
.ico-PlayerControlPlay:before {
    content: "\e630";
}
.ico-Print:before {
    content: "\e631";
}
.ico-QuickView:before {
    content: "\e632";
}
.ico-Reset:before {
    content: "\e633";
}
.ico-RightArrow:before {
    content: "\e634";
}
.ico-RoadTax:before {
    content: "\e635";
}
.ico-Roadsideassistance:before {
    content: "\e636";
}
.ico-RunningCost:before {
    content: "\e637";
}
.ico-SliderArrowL:before {
    content: "\e638";
}
.ico-SliderArrowR:before {
    content: "\e639";
}
.ico-SocialFacebook:before {
    content: "\e63a";
}
.ico-SocialGooglePlus:before {
    content: "\e63b";
}
.ico-SocialInstagram:before {
    content: "\e63c";
}
.ico-SocialLinkedin:before {
    content: "\e63d";
}
.ico-SocialOKFill:before {
    content: "\e63e";
}
.ico-SocialYouTube:before {
    content: "\e63f";
}
.ico-Speed:before {
    content: "\e640";
}
.ico-TestDrive:before {
    content: "\e641";
}
.ico-Tick:before {
    content: "\e642";
}
.ico-torque:before {
    content: "\e643";
}
.ico-Towing:before {
    content: "\e644";
}
.ico-Trash:before {
    content: "\e645";
}
.ico-Warranty:before {
    content: "\e646";
}
.ico-Wheel:before {
    content: "\e647";
}
.ico-World:before {
    content: "\e648";
}
.ico-Wreath:before {
    content: "\e649";
}
.ico-YourChoice:before {
    content: "\e64a";
}
.ico-Youtube:before {
    content: "\e64b";
}
.ico-Zoom:before {
    content: "\e64c";
}
.ico-Brochure:before {
    content: "\e64d";
}
.ico-icon-arrow-left-thin:before {
    content: "\e64e";
}
.ico-Burger:before {
    content: "\e64f";
}
.ico-Capacity:before {
    content: "\e650";
}
.ico-Car:before {
    content: "\e651";
}
.ico-Cookie:before {
    content: "\e652";
}
.ico-cylinder:before {
    content: "\e653";
}
.ico-Directions:before {
    content: "\e654";
}
.ico-Discount:before {
    content: "\e655";
}
.ico-Document:before {
    content: "\e656";
}
.ico-EmailUs:before {
    content: "\e657";
}
.ico-Emission:before {
    content: "\e658";
}
.ico-EmissionControlStandard:before {
    content: "\e659";
}
.ico-EngineSize:before {
    content: "\e65a";
}
.ico-Engine:before {
    content: "\e65b";
}
.ico-Full_Screen_Nissan:before {
    content: "\e65c";
}
.ico-Geolocator:before {
    content: "\e65d";
}
.ico-Globe:before {
    content: "\e65e";
}
.ico-GooglePlus:before {
    content: "\e65f";
}
.ico-Horsepower:before {
    content: "\e660";
}
.ico-Linkedin:before {
    content: "\e661";
}
.ico-ListView:before {
    content: "\e662";
}
.ico-List:before {
    content: "\e663";
}
.ico-ListView2:before {
    content: "\e664";
}
.ico-LiveChat_nissan_v2:before {
    content: "\e665";
}
.ico-MPH:before {
    content: "\e666";
}
.ico-NewCars:before {
    content: "\e667";
}
.ico-Offers:before {
    content: "\e668";
}
.ico-PaginationOff:before {
    content: "\e669";
}
.ico-PaginationOn:before {
    content: "\e66a";
}
.ico-PlayerControlVolume:before {
    content: "\e66b";
}
.ico-Plus:before {
    content: "\e66c";
}
.ico-Preferred_Dealer_Solid:before {
    content: "\e66d";
}
.ico-Preferred_Dealer:before {
    content: "\e66e";
}
.ico-Price:before {
    content: "\e66f";
}
.ico-Search:before {
    content: "\e670";
}
.ico-Seat:before {
    content: "\e671";
}
.ico-Services:before {
    content: "\e672";
}
.ico-ShareSave:before {
    content: "\e673";
}
.ico-Share:before {
    content: "\e674";
}
.ico-SocialOKOutline:before {
    content: "\e675";
}
.ico-SocialPinterest:before {
    content: "\e676";
}
.ico-SocialTwitter:before {
    content: "\e677";
}
.ico-SocialVKFill:before {
    content: "\e678";
}
.ico-SocialVKOutline:before {
    content: "\e679";
}
.ico-Twitter:before {
    content: "\e67a";
}
.ico-Tyre:before {
    content: "\e67b";
}
.ico-UpArrow:before {
    content: "\e67c";
}
.ico-VideoCarouselLink:before {
    content: "\e67d";
}
.ico-alert:before {
    content: "\e67e";
}
.ico-Findadealer:before {
    content: "\e67f";
}
.ico-LogOut:before {
    content: "\e680";
}
.ico-Moredealerdetails:before {
    content: "\e681";
}
.ico-PDF:before {
    content: "\e682";
}
.ico-Photo:before {
    content: "\e683";
}
.ico-Save:before {
    content: "\e684";
}
.ico-Share-cfg:before {
    content: "\e685";
}
.ico-TradeInQuote:before {
    content: "\e686";
}
.ico-TradeIn:before {
    content: "\e687";
}
.ico-Calendar:before {
    content: "\e688";
}
.ico-Information_off:before {
    content: "\e689";
}
.ico-finance:before {
    content: "\e68a";
}
.ico-Spinner:before {
    content: "\e68b";
}
.ico-SocialYouku:before {
    content: "\e68c";
}
.ico-clear:before {
    content: "\e68d";
}
.ico-OptionalExtra:before {
    content: "\e68e";
}
.ico-QuickView2:before {
    content: "\e68f";
}
.ico-Stopwatch:before {
    content: "\e690";
}
.ico-Star_icon_filled:before {
    content: "\e691";
}
.ico-Choose_equipment:before {
    content: "\e692";
}
.ico-calculator:before {
    content: "\e693";
}
.ico-Package:before {
    content: "\e694";
}
.ico-Avatar:before {
    content: "\e695";
}
.ico-Review:before {
    content: "\e696";
}
.ico-Social_Email:before {
    content: "\e697";
}
.ico-icon-arrow-right-thin:before {
    content: "\e698";
}
.ico-Clock:before {
    content: "\e800";
}
.ico-Inventory:before {
    content: "\e900";
}
.ico-SocialWeChat:before {
    content: "\e901";
}
.ico-Star_Half_Filled:before {
    content: "\e902";
}
.ico-SocialWeibo:before {
    content: "\e903";
}
.ico-SocialWeChatOutline:before {
    content: "\e904";
}
.ico-SocialYoukuOutline:before {
    content: "\e905";
}
.ico-SocialWeiboOutline:before {
    content: "\e906";
}
.ico-Cubic_volume:before {
    content: "\e907";
}
.ico-Color:before {
    content: "\e908";
}
.ico-Build:before {
    content: "\e909";
}
.ico-Chassis:before {
    content: "\e90a";
}
.ico-Login:before {
    content: "\e90b";
}
.ico-Home:before {
    content: "\e90c";
}
.ico-Sport:before {
    content: "\e90d";
}
.ico-Body:before {
    content: "\e90e";
}
.ico-Van:before {
    content: "\e90f";
}
.ico-Repair_Minor:before {
    content: "\e910";
}
.ico-Repair:before {
    content: "\e911";
}
.ico-Breakdown:before {
    content: "\e912";
}
.ico-Rent:before {
    content: "\e913";
}
.ico-Car_Other:before {
    content: "\e914";
}
.ico-FullRange:before {
    content: "\e915";
}
.ico-ImageSliderControl:before {
    content: "\e916";
}
.ico-Sponsored-award:before {
    content: "\e917";
}
.ico-InventoryFunnel:before {
    content: "\e918";
}
.ico-InventoryResults:before {
    content: "\e919";
}
.ico-Registration_Date:before {
    content: "\e91a";
}
.ico-Cubic_Volume:before {
    content: "\e91b";
}
.ico-Length:before {
    content: "\e91c";
}
.ico-Height:before {
    content: "\e91d";
}
.ico-hand:before {
    content: "\e91e";
}

.ico-spec-tint:before { content: "\e629"; }
.ico-spec-speed:before { content: "\e666"; }
.ico-spec-leaf:before { content: "\e658"; }

.ico-speedometer:before { content: "\e800"; }
.ico-geolocator:before { content: "\e65d"; }

.ico-times:before { font-family: "FontAwesome"; content: "\f00d"; }

.ico-option-fill,
.ico-option-half,
.ico-option-empty {
    width: 12px;
    height: 12px;
    min-width: auto;
    margin: -1px 0 1px;
    border: 1px solid #606164;
    border-radius: 6px;
    background-color: #fff;
    font-size: 0;
}
.ico-option-fill {
    background-color: #606164;
}
.ico-option-half {
    background-image: -webkit-linear-gradient(-45deg, #fff 45%, #606164 50%);
    background-image: linear-gradient(-45deg, #fff 45%, #606164 50%);
}

/* form */

label {
    margin-bottom: 10px;
    font-weight: normal;
}
legend {
    padding-bottom: 8px;
    color: #10314c;
    font-size: 24px;
}
.form-wrap {
    position: relative;
}
.form-group {
    position: relative;
    margin-bottom: 15px;
}
.form-group-static {
    margin-bottom: 5px;
}
.form-group .captcha {
    display: inline-block;
    text-align: center;
}
.form-btn {
    margin-bottom: 0;
}
.form-control {
    height: 44px;
    padding: 0 15px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transition-property: border-color, background-color, color;
    transition-property: border-color, background-color, color;
}
.form-control::-moz-placeholder {
    color: #999;
}
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control::-webkit-input-placeholder {
    color: #999;
}
.form-control:focus {
    border-color: #5bb4e3;
    background-color: #eff5f8;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    color: #ccc;
}
input[type="checkbox"].form-control,
input[type="radio"].form-control {
    position: absolute;
}
select.form-control {
    padding-left: 11px;
    padding-right: 11px;
}
textarea.form-control,
select.form-control[multiple],
select.form-control[size] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.input-group-addon {
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
}
.input-group-addon:first-child {
    padding-right: 3px;
}
.input-group-addon:last-child {
    padding-left: 3px;
}

.help-block {
    margin-bottom: 0;
    color: inherit;
}
.control-label {
    display: block;
    margin-bottom: 15px;
    font-weight: normal;
}
.form-control-static {
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-horizontal .form-group {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.form-horizontal .control-label {
    padding-top: 12px;
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline,
.form-horizontal .radio, .form-horizontal .radio-inline,
.form-horizontal .switch, .form-horizontal .switch-inline {
    min-height: 24px;
    margin-top: 12px;
    margin-bottom: 0;
    padding-top: 0;
}
.form-horizontal .form-btn {
    margin-left: -15px;
    margin-right: -15px;
}

.form-group .ico-tip {
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -9px;
}
.form-group .tooltip-inner {
    max-width: none;
    white-space: nowrap;
}

.has-success .form-control, .has-success .form-control:focus,
.has-warning .form-control, .has-warning .form-control:focus,
.has-error .form-control, .has-error .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.has-error .form-control {
    border-color: #e53e3e;
}
.has-error .form-control:focus {
    border-color: #8c2a2a;
}

.has-error .checkbox, .has-error .checkbox-inline,
.has-error .radio, .has-error .radio-inline,
.has-error .control-label,
.has-error .help-block {
    color: #e53e3e;
}

/* - checkbox */

.check-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    line-height: 22px;
}
.check-item input {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0;
    border: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer;
}
.check-item .check-icon {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    text-indent: 1px;
    -webkit-transition: border-color .35s ease, color .35s ease;
    transition: border-color .35s ease, color .35s ease;
    white-space: nowrap;
}
.check-item .check-icon:before {
    display: none;
    font-family: "DaciaIcons";
    content: "\e642";
}
.check-item input:checked + .check-icon:before {
    display: block;
}
.no-touch .check-item input:hover + .check-icon {
    border-color: #333;
}
.check-item input:checked + .check-icon,
.no-touch .check-item input:checked:hover + .check-icon {
    border-color: #45dfff;
    color: #45dfff;
}
.check-item input[disabled] + .check-icon,
.check-item input[disabled]:hover + .check-icon {
    border-color: #ddd;
    opacity: 0.5;
}

.check-label {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.42857;
}

.checkbox, .checkbox-inline,
.radio, .radio-inline {
    position: relative;
    min-height: 24px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 34px;
    font-weight: inherit;
    line-height: 23px;
}
.checkbox + .checkbox,
.radio + .radio {
    margin-top: 8px;
}
.checkbox-inline,
.radio-inline {
    margin-right: 18px;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
    margin-left: 0;
}
.checkbox .check-item, .checkbox-inline .check-item,
.radio .check-item, .radio-inline .check-item {
    position: absolute;
    top: 0;
    left: 0;
}

.switch-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.switch-item input {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.switch-item .switch-slider-wrap {
    position: relative;
    z-index: 1;
    display: block;
    width: 68px;
    height: 24px;
    overflow: hidden;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    color: #999;
    font-size: 0;
    line-height: 22px;
    white-space: nowrap;
}
.switch-item .switch-slider-wrap:before {
    position: absolute;
    top: 1px;
    left: -26px;
    width: 20px;
    height: 20px;
    margin-left: 27px;
    border-radius: 2px;
    background-color: #c5c5c5;
    -webkit-transition: margin-left 0.2s linear;
    transition: margin-left 0.2s linear;
    content: "";
}
.no-touch .switch-item input:hover + .switch-slider-wrap {
    border-color: #606164;
    color: #606164;
}
.no-touch .switch-item input:hover + .switch-slider-wrap:before {
    background-color: #606164;
}
.switch-item input:checked + .switch-slider-wrap {
    border-color: #45dfff;
    color: #45dfff;
}
.switch-item input:checked + .switch-slider-wrap:before {
    left: -21px;
    margin-left: 100%;
    background-color: #45dfff;
}
.no-touch .switch-item input:checked:hover + .switch-slider-wrap {
    border-color: #0b4a7e;
    color: #0b4a7e;
}
.no-touch .switch-item input:checked:hover + .switch-slider-wrap:before {
    background-color: #0b4a7e;
}
.switch-item input[disabled] + .switch-slider-wrap,
.no-touch .switch-item input[disabled]:hover + .switch-slider-wrap {
    border-color: #c5c5c5;
    color: #999;
    opacity: 0.5;
}
.no-touch .switch-item input[disabled]:hover + .switch-slider-wrap:before {
    background-color: #c5c5c5;
}
.switch-item input[disabled]:checked + .switch-slider-wrap,
.no-touch .switch-item input[disabled]:checked:hover + .switch-slider-wrap {
    border-color: #45dfff;
    color: #45dfff;
}
.no-touch .switch-item input[disabled]:checked:hover + .switch-slider-wrap:before {
    background-color: #45dfff;
}
.switch-item .switch-slider {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 8px;
    font-size: 14px;
    -webkit-transition: margin-left 0.2s linear;
    transition: margin-left 0.2s linear;
}
.switch-item .switch-slider-on {
    margin-left: -100%;
    padding-right: 24px;
}
.switch-item .switch-slider-off {
    padding-left: 24px;
    text-align: right;
}
.switch-item input:checked + .switch-slider-wrap .switch-slider-on {
    margin-left: 0;
}
.switch {
    display: block;
}
.switch-inline {
    display: inline-block;
    vertical-align: middle;
}
.switch, .switch-inline {
    position: relative;
    padding-left: 84px;
    font-weight: inherit;
}
.switch .switch-item, .switch-inline .switch-item {
    position: absolute;
    top: 0;
    left: 0;
}

/* - file */

.jViz-file-item {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
}
.jViz-file-path {
    vertical-align: middle;
    margin-left: 10px;
}
.jViz-file-hint {
    vertical-align: middle;
    margin-left: 10px;
    color: #999;
}
.jViz-file-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}
.jViz-file {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    min-width: 100%;
    height: 100%;
    padding: 0;
    font-size: 300%;
    cursor: pointer;
    opacity: 0;
}
.jViz-file-btn .jViz-btn {
    position: relative;
    display: block;
    height: 44px;
    padding: 0 55px 0 35px;
    overflow: hidden;
    border-radius: 22px;
    background-color: #f5f5f5;
    color: #45dfff;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 44px;
    cursor: default;
    text-align: center;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transition-property: border-color, background-color, color, opacity;
    transition-property: border-color, background-color, color, opacity;
}
.jViz-file-btn .jViz-btn:before {
    position: absolute;
    top: 50%;
    right: 19px;
    width: 14px;
    height: 14px;
    margin-top: -0.45em;
    font-family: "DaciaIcons";
    font-size: 0.7857em;
    font-weight: normal;
    line-height: 1;
    content: "\e698";
}
.jViz-file:hover + .jViz-btn,
.jViz-file:focus + .jViz-btn {
    background-color: #0b4a7e;
    color: #fff;
}
.jViz-file[disabled] {
    pointer-events: none;
    cursor: not-allowed;
}
.jViz-file[disabled] + .jViz-btn {
    background-color: #f5f5f5;
    color: #aaa;
    opacity: .5;
}

/* - ui-slider */

.ui-slider {
    position: relative;
    display: block;
    height: 5px;
    margin: 18px 13px 24px;
    background-color: #ddd;
}
.ui-slider:before,
.ui-slider:after {
    position: absolute;
    top: 0;
    width: 13px;
    height: 100%;
    background-color: inherit;
    content: "";
}
.ui-slider:before {
    right: 100%;
}
.ui-slider:after {
    left: 100%;
}
.ui-slider-handle {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 26px;
    height: 26px;
    margin: -10px 0 0 -13px;
    border: 1px solid #ccc;
    border-radius: 13px;
    background-color: #fff;
    color: #606164;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    outline: none;
    text-decoration: none;
}
.ui-slider-handle:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border-radius: 8px;
    background-color: #45dfff;
    content: "";
}
.ui-slider-handle:hover,
.ui-slider-handle:focus {
    text-decoration: none;
}
.no-touch .ui-slider-handle:hover:before {
    background-color: #203133;
}
.ui-slider-handle .value {
    position: absolute;
    bottom: 100%;
    height: 26px;
    margin-bottom: 8px;
    padding: 0 8px;
    border-radius: 4px;
    background-color: #45dfff;
    color: #000;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    transform: translateX(-50%);
}
.ui-slider-handle .value:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 1px solid rgba(255,255,255,0);
    border-width: 5px 5px 0;
    border-top-color: #45dfff;
    content: "";
}
.ui-slider-handle .value .hint {
    font-size: 0.857em;
}
.ui-slider-range {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #45dfff;
}
.ui-slider-range:before,
.ui-slider-range:after {
    position: absolute;
    top: 0;
    width: 13px;
    height: 100%;
    background-color: inherit;
    content: "";
}
.ui-slider-range:before {
    right: 100%;
}
.ui-slider-range:after {
    left: 100%;
}
.ui-slider-legend {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 4px;
}
.ui-slider-legend .item {
    position: absolute;
    height: 8px;
    border-left: 1px solid #ccc;
    color: #999;
    white-space: nowrap;
}
.ui-slider-legend .item .value {
    position: relative;
    top: 1px;
}
.ui-slider-legend .item.min, .ui-slider-legend .item.max {
    border: 0;
}
.ui-slider-legend .item.min {
    left: -13px;
}
.ui-slider-legend .item.max {
    right: -13px;
}
.slider-values {
    display: block;
    margin-top: -12px;
    margin-bottom: 0;
    overflow: hidden;
    color: #606164;
}
.slider-values .item {
    float: left;
    width: 50%;
    text-align: right;
}
.slider-values .item:first-child,
.slider-values .item.first-child {
    text-align: left;
}
.slider-values .value {
    display: block;
    color: #000;
    font-weight: normal;
}

/* loading */

.spinner-wrap,
.loading {
    position: relative;
    opacity: 0.25;
}
.spinner-wrap .spinner {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -11px;
}
.spinner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    background: url('../img/ajax-loader.gif') no-repeat 50% 50%;
}
body.loading {
    opacity: 1;
}
body.loading > .loading-mask {
    position: fixed;
    background-color: rgba(255,255,255,.95);
}
.loading-mask {
    position: absolute;
    z-index: 1100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.75);
}
.mask-content {
    display: table;
    width: 100%;
    height: 100%;
}
.mask-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.mask-text .spinner {
    position: static;
    margin: 0;
}
.mask-text .text {
    display: block;
    margin-top: 5px;
    font-size: 20px;
}

/* modal */

.modal-content {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal-header,
.modal-body,
.modal-footer {
    padding: 15px 25px;
    border: 0;
}
.modal .close {
    position: absolute;
    z-index: 3;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    margin: 0;
    color: #ccc;
    line-height: 40px;
}
.modal .close:hover,
.modal .close:focus {
    color: #606164;
}

/* slider */

.slider {
    position: relative;
}
.slider .slides-wrap {
    display: block;
    overflow: hidden;
}
.slider .slides {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
    white-space: nowrap;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform .75s ease;
    transition: transform .75s ease;
}
.slider .slides .slide {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    white-space: normal;
    font-size: 14px;
}
.slider [data-ride="fixed"] {
    -webkit-transition: -webkit-transform .75s ease;
    transition: transform .75s ease;
}
.slider-control-wrap {
    margin: 0;
}
.slider-control {
    position: absolute;
    top: 50%;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-top: -13px;
    color: #606164;
    font-size: 0;
    text-decoration: none;
}
.slider-control:before {
    font-size: 25px;
    font-family: "DaciaIcons";
    line-height: 1;
    content: "";
}
.slider-control:hover,
.slider-control:focus {
    color: #45dfff;
    text-decoration: none;
}
.slider-control.disabled {
    color: #c7c8c7;
    cursor: not-allowed;
}
.slider-control.left {
    left: 0;
}
.slider-control.left:before {
    content: "\e64e";
}
.slider-control.right {
    right: 0;
}
.slider-control.right:before {
    content: "\e698";
}

@media (min-width: 1200px) {
    .slider-control {
        width: 35px;
        height: 35px;
    }
    .slider-control:before {
        font-size: 30px;
    }
}

@media (min-width: 1440px) {
    .slider-control.left {
        left: -90px;
    }
    .slider-control.right {
        right: -90px;
    }
}

/* carousel */

.carousel-indicators {
    right: 0;
    bottom: 30px;
    left: 0;
    width: auto;
    margin: 0;
    font-size: 0;
}
.carousel-indicators li {
    position: relative;
    width: 25px;
    height: 25px;
    margin: 0;
    border: 0;
    border-radius: 0;
}
.carousel-indicators li:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    margin: -7px 0 0 -7px;
    border-radius: 7px;
    border: 2px solid #45dfff;
    -webkit-transition: background-color .35s ease, border-color .35s ease;
    transition: background-color .35s ease, border-color .35s ease;
    content: "";
}
.carousel-indicators .active {
    width: 25px;
    height: 25px;
    background-color: transparent;
}
.carousel-indicators li:hover:before {
    border-color: #0b4a7e;
}
.carousel-indicators li.active:before {
    border-color: #45dfff;
    background-color: #45dfff;
}
.carousel-control {
    z-index: 16;
    top: 50%;
    bottom: auto;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    border-radius: 17px;
    background-color: #45dfff;
    text-shadow: none;
    opacity: 1;
}
.carousel-control:hover {
    background-color: #0b4a7e;
}
.carousel-control:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    font-family: "DaciaIcons";
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    content: "";
}
.carousel-control.left {
    left: 5px;
    background-image: none;
}
.carousel-control.right {
    right: 5px;
    background-image: none;
}
.carousel-control.left:before {
    text-indent: -3px;
    content: "\e622";
}
.carousel-control.right:before {
    text-indent: 3px;
    content: "\e634";
}

@media (min-width: 576px) {
    .carousel-control {
        width: 46px;
        height: 46px;
        margin-top: -23px;
        border-radius: 23px;
    }
    .carousel-control:before {
        width: 24px;
        height: 24px;
        margin-top: -12px;
        margin-left: -12px;
        font-size: 20px;
        line-height: 24px;
    }
}

@media (min-width: 768px) {
    .carousel-control.left {
        left: 15px;
    }
    .carousel-control.right {
        right: 15px;
    }
}

/* breadcrumbs */

.breadcrumb {
    margin: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    line-height: 40px;
    text-transform: uppercase;
}
.breadcrumb > li {
    position: relative;
    padding-right: 24px;
}
.breadcrumb > li:before,
.breadcrumb > li + li:before {
    position: absolute;
    top: 50%;
    right: 4px;
    width: 12px;
    height: 12px;
    margin-top: -0.5em;
    padding: 0;
    color: inherit;
    font-size: 0.65em;
    font-weight: normal;
    font-family: "DaciaIcons";
    line-height: 1;
    content: "\e698";
}
.breadcrumb > li:last-child:before {
    display: none;
}
.breadcrumb > .active {
    padding-right: 0;
    color: #45dfff;
}
.breadcrumb > li > a {
    display: block;
}

/* tooltip */

.ico-tip {
    width: 18px;
    height: 18px;
    margin: -2px 0 0 4px;
    background-color: #eee;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    text-transform: none;
    -webkit-transition: background-color .35s ease, color .35s ease;
    transition: background-color .35s ease, color .35s ease;
    cursor: help;
}
.ico-tip:hover,
.ico-tip:focus {
    background-color: #ddd;
}
a .ico-tip, button .ico-tip, .btn .ico-tip {
    margin: -2px 0 0 4px;
    font-size: 11px;
}

.tooltip-inner {
    padding: 5px 10px;
    border-radius: 0;
    font-weight: bold;
    text-transform: none;
}

/* table */

.table {
    border-bottom: 2px solid #e5e5e5;
    color: #606164;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 10px 15px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
    background-color: #fff;
    border-top: 0;
    border-bottom: 2px solid #e5e5e5;
}
.table > tbody > tr > td {
    border: 0;
}
.table > tbody > tr.divider:last-child {
    display: none;
}
.table > tbody > tr.divider > td {
    padding: 0;
    border-top: 2px solid #e5e5e5;
}
.table > tbody > tr.spacer > td {
    height: 20px;
    padding: 0;
}
.table > tbody > tr.highlight,
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f5f5f5;
}
.table .btn-line {
    margin: 0;
    text-align: center;
}
.table .hint-line {
    margin: 0;
    font-weight: normal;
    text-transform: none;
}
.table .fn {
    font-weight: normal;
}
.table .imp {
    color: #45dfff;
}
.table .center {
    text-align: center;
}
.table-subtitle > td {
    font-weight: bold;
    text-transform: uppercase;
}

.js-table-hover > tbody > tr.js-row-hover {
    cursor: pointer;
}
.js-table-hover > tbody > tr:nth-child(2n+1) {
    background-color: transparent;
}
.js-table-hover > tbody > tr.js-row-hover:nth-child(4n+1) {
    background-color: #fbf9fa;
}
.js-table-hover > tbody > tr.js-row-hidden {
    display: none;
}
.js-table-hover > tbody > tr.js-row-hidden > td {
    border-top: 1px solid #0b4a7e;
}
.js-table-hover > tbody > tr.js-row-hover.open + tr.js-row-hidden {
    display: table-row;
}
.js-table-hover > tbody > tr.js-row-hover:hover > td {
    background-color: #f5f5f5
}
.js-table-hover > tbody > tr.js-row-hover.open > td,
.js-table-hover > tbody > tr.js-row-hidden > td {
    background-color: #10314c;
    color: #fff;
}

.grade_header {
    white-space: nowrap;
}

.table-slider .slider-control-wrap {
    margin: 25px 0 15px;
    text-align: right;
}
.table-slider .slides .slide > :first-child {
    margin-top: 0;
}
.table-slider .slides .slide > :last-child {
    margin-bottom: 0;
}

.calc-table > thead > tr > td {
    border-bottom: 2px solid #e5e5e5;
    font-weight: bold;
    text-transform: uppercase;
}

/*.panel-body .table > tbody > tr > td,
.panel-body .table > tbody > tr > th,
.panel-body .table > tfoot > tr > td,
.panel-body .table > tfoot > tr > th,
.panel-body .table > thead > tr > td,
.panel-body .table > thead > tr > th {
    padding-left: 24px;
    padding-right: 24px;
}*/

.scroll-duplicate {
    display: block;
    overflow-y: hidden;
}
.scroll-duplicate > div {
    height: 0;
    padding-top: 1px;
}

@media (max-width: 639px) {
    .data-table,
    .data-table > tbody,
    .data-table > tbody > tr,
    .data-table > tbody > tr > th,
    .data-table > tbody > tr > td {
        display: block;
        width: auto;
    }
    .data-table > thead {
        display: none;
    }
    .data-table > tbody > tr > th:empty {
        display: none;
    }
    .data-table > tbody > tr > td {
        padding-top: 5px;
        padding-bottom: 5px;
        overflow: hidden;
    }
    .data-table > tbody > tr > td:first-child {
        padding-top: 10px;
    }
    .data-table > tbody > tr > td:last-child {
        padding-bottom: 10px;
    }
    .data-table > tbody > tr > td[data-th] {
        padding-left: 50%;
    }
    .data-table > tbody > tr > td[data-th]:before {
        float: left;
        width: 100%;
        margin-left: -100%;
        padding-top: 2px;
        padding-right: 10px;
        color: #343434;
        line-height: 1.25;
        text-align: left;
        word-wrap: break-word;
        content: attr(data-th);
    }
    .table > tbody > tr.divider > td {
        padding: 0;
    }

    .data-table .text-right {
        text-align: inherit;
    }
    .data-table .title-cell {
        color: #333;
        font-weight: bold;
    }
    .data-table .btn-line {
        width: auto !important;
    }
    .data-table .btn-line .btn {
        display: block;
        width: 100%;
    }
    .data-table .btn-line .btn + .btn {
        margin-top: 5px;
    }

    .data-table.js-table-hover > tbody > tr.js-row-hover.open + tr.js-row-hidden {
        display: block;
    }
    .data-table.js-table-hover > tbody > tr.js-row-hover.open > td[data-th]:before {
        color: inherit;
    }
}

@media (min-width: 768px) {
    .table-slider {
        padding-left: 40px;
        padding-right: 40px;
    }
    .table-slider .slider-control-wrap {
        margin: 0;
    }
    .table-slider .slider-control {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 32px;
        height: auto;
        background-color: #f5f5f5;
    }
    .table-slider .slider-control:before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -0.5em 0 0 -0.5em;
    }
    .table-slider .slider-control:hover {
        background-color: #e8e8e8;
    }
    .table-slider .slider-control.disabled {
        background-color: #f5f5f5;
        color: #ddd;
    }
    .table-slider .slider-control.left {
        left: 0;
        margin-right: 0;
    }
    .table-slider .slider-control.right {
        right: 0;
        margin-left: 0;
    }
}

/* pagination */

.pagination {
    display: flex;
    width: 100%;
    margin: 50px 0 0;
    border-radius: 0;
    text-align: center;
}
.c-sorting .pagination {
    margin: 0 0 15px;
}
.pagination .pages {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.pagination .page {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin: 2px 1px;
    border-radius: 3px;
    background-color: transparent;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
}
.pagination .page:hover,
.pagination .page:focus {
    /*background-color: #f5f5f5;*/
    color: #45dfff;
    text-decoration: none;
}
.pagination .page.active {
    /*background-color: #f5f5f5;*/
    color: #45dfff;
    font-weight: 500;
    cursor: default;
}
.pagination .nav-link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    margin: 2px 0;
    padding: 0 12px;
    border-radius: 3px;
    background-color: transparent;
    font-size: 0.875em;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
}
.pagination .nav-link:before {
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -0.5em;
    font-family: "DaciaIcons";
    font-size: 0.714em;
    font-weight: normal;
    line-height: 1;
    content: "";
}
.pagination .nav-link:hover,
.pagination .nav-link:focus {
    /*background-color: #f5f5f5;*/
    color: #45dfff;
    text-decoration: none;
}
.pagination .nav-link.disabled {
    color: inherit;
    background-color: transparent;
    cursor: default;
    opacity: 0.25;
}
.pagination .nav-prev {
    order: 0;
    margin-right: auto;
    padding-left: 28px;
}
.pagination .nav-prev:before {
    left: 8px;
    content: "\e622";
}
.pagination .nav-next {
    order: 2;
    margin-left: auto;
    padding-right: 28px;
}
.pagination .nav-next:before {
    right: 8px;
    content: "\e634";
}
.pagination .title {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    margin: 2px 20px 2px 0;
    /*color: #10314c;*/
    font-size: 0.875em;
    line-height: 32px;
}

.archive {
    text-align: left;
}
.archive .pages {
    padding-top: 0;
}
.archive .page {
    width: auto;
    padding: 0 20px;
}

@media (min-width: 768px) {
    .pagination {
        margin-top: 70px;
    }
}

@media (min-width: 992px) {
    .c-sorting .pagination {
        width: auto;
        margin-right: auto;
    }
}

/* alert */

.alert {
    margin-bottom: 40px;
    padding: 15px 20px;
    border: 0;
    border-radius: 3px;
}
.alert-danger {
    background-color: #e53e3e;
    color: #fff;
}

/* well */

.well {
    padding: 20px;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    text-align: center;
}
.well .title {
    display: block;
    font-size: 28px;
}
.well .btn {
    margin: 3px;
}

@media (min-width: 768px) {
    .well {
        padding: 40px;
    }
    .well .title {
        font-size: 34px;
    }
}

/* datepicker */

.date-picker {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.date-picker:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 10px;
    margin-top: -0.5em;
    font-size: 16px;
    font-family: "DaciaIcons";
    line-height: 1;
    opacity: 0.75;
    content: "\e688";
}
.date-picker > .form-control {
    padding-right: 32px;
}

.ui-datepicker {
    /*z-index: 999 !important;*/
    width: 300px;
    margin-top: 1px;
    padding: 10px;
    border: 1px solid #c5c5c5;
    background-color: #fff;
}
.ui-datepicker-inline {
    width: auto;
    max-width: 320px;
    margin-bottom: 20px;
}
.ui-datepicker-header {
    height: 40px;
    margin: -10px -10px 10px;
    background-color: #0b4a7e;
    color: #fff;
    line-height: 40px;
}
.ui-datepicker-header .ui-state-disabled:hover,
.ui-datepicker-header .ui-state-disabled:focus {
    color: inherit;
}
.ui-datepicker-prev,
.ui-datepicker-next {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    opacity: 0.85;
}
.ui-datepicker-prev:hover,
.ui-datepicker-prev:focus,
.ui-datepicker-next:hover,
.ui-datepicker-next:focus {
    color: #fff;
    text-decoration: none;
    opacity: 1;
}
.ui-datepicker-header .ui-state-disabled {
    cursor: default;
    opacity: 0.25;
}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
    display: block;
    height: 100%;
    font-family: "DaciaIcons";

}
.ui-datepicker-prev .ui-icon:before,
.ui-datepicker-next .ui-icon:before {
    font-size: 14px;
}
.ui-datepicker-prev .ui-icon:before {
    content: "\e622";
}
.ui-datepicker-next .ui-icon:before {
    content: "\e634";
}
.ui-datepicker-prev {
    float: left;
}
.ui-datepicker-next {
    float: right;
}
.ui-datepicker-next .ui-icon {
    border-right-width: 0;
    border-left-color: #fff;
}
.ui-datepicker-title {
    font-size: 14px;
    text-align: center;
}
.ui-datepicker-calendar {
    width: 100%;
    font-size: 14px;
}
.ui-datepicker-calendar a {
    color: inherit;
    text-decoration: none;
}
.ui-datepicker-calendar .ui-state-default {
    display: inline-block;
    width: 33px;
    height: 32px;
    line-height: 31px;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
    vertical-align: middle;
    width: 32px;
    height: 32px;
    text-align: center;
}
.ui-datepicker-calendar th {
    color: #10314c;
    font-weight: bold;
}
.ui-datepicker-calendar td:hover .ui-state-default {
    background-color: #f5f5f5;
    color: #45dfff;
}
.ui-datepicker-calendar .ui-datepicker-today  .ui-state-default {
    color: #45dfff;
    font-weight: bold;
    border: 1px solid;
}
.ui-datepicker-calendar .ui-datepicker-current-day  .ui-state-default {
    background-color: #45dfff;
    color: #000;
}
.ui-datepicker-calendar .ui-datepicker-unselectable  .ui-state-default,
.ui-datepicker-calendar .ui-datepicker-unselectable:hover  .ui-state-default {
    background-color: transparent;
    color: #ccc;
}
.ui-datepicker-title > select {
    height: 32px;
    margin: 0 3px;
    padding: 0 8px;
    color: #000;
}

/* gallery */

.images-list {
    margin: -4px 0 0 -4px;
    padding: 0;
    list-style: none;
    font-size: 0;
}
.images-list > li {
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0 4px;
    font-size: 13px;
}
.images-list .img {
    margin-bottom: 0;
    border: 3px solid transparent;
}
.images-list .active .img {
    border-color: #45dfff;
}

@media (min-width: 480px) {
    .images-list > li {
        max-width: 220px;
    }
}

.images-gallery .preview-img {
    position: relative;
    margin-bottom: 7px;
    background: #f5f5f5 url('../img/spinner-22x22.gif') no-repeat 50% 50%;
}
.images-gallery .preview-img .img {
    margin-bottom: 0;
}
.images-gallery .preview-img .navi-link {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 46px;
    height: 46px;
    margin-top: -23px;
    border-radius: 23px;
    background-color: #fff;
    color: #45dfff;
    font-size: 0;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    opacity: 0;
}
.images-gallery .preview-img .navi-link:before {
    display: block;
    font-size: 20px;
    font-family: "DaciaIcons";
    content: "";
}
.images-gallery .preview-img .navi-link.prev {
    left: 15px;
}
.images-gallery .preview-img .navi-link.prev:before {
    text-indent: -3px;
    content: "\e64e";
}
.images-gallery .preview-img .navi-link.next {
    right: 15px;
}
.images-gallery .preview-img .navi-link.next:before {
    text-indent: 3px;
    content: "\e698";
}
.images-gallery .preview-img .zoom-link {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #606164;
    font-size: 0;
    text-decoration: none;
}
.images-gallery .preview-img .zoom-link:before {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    background-color: #fff;
    color: #45dfff;
    font-size: 20px;
    font-family: "DaciaIcons";
    line-height: 46px;
    text-align: center;
    content: "\e64c";
    opacity: 0.75;
}
.images-gallery .preview-img .zoom-link:hover:before {
    color: #0b4a7e;
}
.images-gallery .preview-img:hover .navi-link {
    opacity: 0.5;
}
.images-gallery .preview-img:hover .navi-link:hover {
    opacity: 1;
}
.images-gallery .slides {
    margin-left: -2px;
    margin-right: -2px;
}
.images-gallery .slides .slide {
    width: 164px;
    padding: 0 2px;
}
.images-gallery .slides .img {
    margin-bottom: 0;
    border: 3px solid transparent;
}
.images-gallery .slides .active .img {
    border-color: #45dfff;
}
.images-gallery .slider-navi {
    margin: 0;
    opacity: 0;
    -webkit-transition: opacity .35s ease;
    transition: opacity .35s ease;
}
.images-gallery .slider-control {
    position: absolute;
    top: auto;
    bottom: 28px;
    margin-top: 0;
    color: #fff;
}
.images-gallery .slider-control:before {
    font-size: 30px;
}
.images-gallery .slider-control:hover {
    color: #45dfff;
}
.images-gallery .slider-control.disabled {
    color: #fff;
    opacity: 0.5;
}
.images-gallery .slider-control.left {
    left: 15px;
}
.images-gallery .slider-control.right {
    right: 15px;
}
.images-gallery .slider-navi:hover,
.images-gallery .slides-wrap:hover + .slider-navi {
    opacity: 1;
}

.lightbox {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
}
.lightbox.open {
    display: block;
}
.lightbox-shadow {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}
.lightbox-wrap {
    position: relative;
    z-index: 2;
    height: 100%;
}
.lightbox-img {
    position: relative;
    z-index: 2;
    display: inline-block;
    max-width: 90%;
    height: 100%;
}
.lightbox-img > img {
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
    background: #fff url('../img/spinner-22x22.gif') no-repeat 50% 50%;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.5);
    box-shadow: 0 0 25px rgba(0,0,0,.5);
}
.lightbox .close {
    position: absolute;
    z-index: 3;
    top: 15px;
    right: 15px;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    background-color: #fff;
    color: #45dfff;
    line-height: 44px;
}
.lightbox .close:hover,
.lightbox .close:focus {
    color: #000;
}
.lightbox .navi-link {
    position: absolute;
    z-index: 2;
    top: 50%;
    display: none;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    border-radius: 22px;
    background-color: #fff;
    color: #45dfff;
    font-size: 0;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
}
.lightbox.multiple .navi-link {
    display: block;
}
.lightbox .navi-link::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 34%;
    height: 34%;
    margin: -17% 0 0 -17%;
    border: 2px solid;
    border-width: 2px 2px 0 0;
    content: "";
}
.lightbox .navi-link:hover {
    background-color: #fff;
    color: #000;
}
.lightbox .navi-link.prev {
    left: 15px;
}
.lightbox .navi-link.prev:before {
    margin-left: -9%;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}
.lightbox .navi-link.next {
    right: 15px;
}
.lightbox .navi-link.next:before {
    margin-left: -25%;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

/* nav */

.nav-tabs {
    margin-top: -10px;
    margin-bottom: 30px;
    border: 0;
    color: #45dfff;
    font-size: 16px;
}
.nav-tabs > li {
    float: none;
    margin-top: 10px;
    margin-bottom: 0;
}
.nav-tabs > li > a {
    height: 36px;
    margin: 0;
    padding: 0 20px;
    border: 2px solid;
    border-radius: 5px;
    line-height: 32px;
    text-align: center;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    border-color: currentColor;
    background-color: transparent;
    color: #0b4a7e;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-width: 2px;
    border-color: #45dfff;
    background-color: #45dfff;
    color: #000;
}
.nav-tabs > li > .title {
    display: block;
    height: 45px;
    padding: 0 25px;
    font-size: 12px;
    font-weight: normal;
    line-height: 45px;
    text-transform: uppercase;
}

.tab-pane {
    padding-top: 20px;
    padding-bottom: 20px;
}

.nav-tabs.nav-justified {
    margin: 0;
}
.nav-tabs.nav-justified > li {
    margin-top: 0;
}
.nav-tabs.nav-justified > li > a {
    height: 50px;
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    background-color: #eee;
    line-height: 50px;
}
.nav-tabs.nav-justified > li.active > a,
.nav-tabs.nav-justified > li.active > a:focus,
.nav-tabs.nav-justified > li.active > a:hover {
    border: 0;
    background-color: #fff;
    color: #10314c;
}
.nav-tabs.nav-justified > li.active > a:before {
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 15px;
    left: 15px;
    margin: -8px 0 0;
    border: 1px solid #45dfff;
    border-width: 3px 0 0;
    content: "";
}
.nav-justified + .tab-content {
    padding: 20px;
    background-color: #fff;
    color: #606164;
}

@media (min-width: 768px) {
    .nav-tabs {
        margin-top: 0;
        font-size: 0;
    }
    .nav-tabs > li {
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        margin-right: 10px;
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .nav-tabs > li > a {
        min-width: 120px;
    }
}

.nav-steps {
    display: block;
    margin: 0 -5px 40px;
    color: #10314c;
    font-size: 14px;
    text-align: center;
    counter-reset: count;
}
.nav-steps > li {
    position: absolute;
    display: table-cell;
    width: 1%;
    padding: 0 5px;
    visibility: hidden;
    counter-increment: count;
}
.nav-steps > .active,
.nav-steps > .active + li {
    position: relative;
    visibility: visible;
}
.nav-steps > li > .step {
    position: relative;
    display: block;
    height: 94px;
    padding: 14px 15px;
    overflow: hidden;
    border-radius: 3px;
    background-color: #f5f5f5;
    line-height: 1;
    text-decoration: none;
}
.nav-steps > li > a.step:hover,
.nav-steps > li > a.step:focus {
    background-color: #f5f5f5;
    color: #0b4a7e;
}
.nav-steps > .passed > .step {
    border-bottom: 0;
    background-color: #f7f5f4;
    background-image: none;
    color: #c5c5c5;
}
.nav-steps > .active > .step,
.nav-steps > .active > .step:hover,
.nav-steps > .active > .step:focus {
    border-bottom: 0;
    background-color: #0b4a7e;
    background-image: none;
    color: #fff;
}
.nav-steps > li > .step:before {
    display: block;
    margin-bottom: 5px;
    font-size: 32px;
    content: "0" counter(count);
}

@media (min-width: 768px) {
    .nav-steps {
        margin-left: 0;
        margin-right: 0;
        font-size: 14px;
    }
    .nav-steps > li {
        position: relative;
        visibility: visible;
    }
    .nav-steps > li:first-child {
        padding-left: 0;
    }
    .nav-steps > li:last-child {
        padding-right: 0;
    }
    .nav-steps > li > .step {
        height: 68px;
        padding: 10px;
    }
    .nav-steps > li > .step:before {
        font-size: 28px;
    }
}

/* lists */

.list-group-item {
    margin-bottom: 0;
    padding: 15px;
    border: 0;
}
.list-group-item:first-child, .list-group-item:last-child {
    border-radius: 0;
}
.list-striped > li:nth-child(2n+1) {
    background-color: #f5f5f5;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus,
.list-striped > li.active {
    background-color: #f5f5f5;
    color: inherit;
}

/* panels */

.panel {
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-heading,
.panel-footer {
    border: 0;
    border-radius: 0;
    background-color: transparent;
}
.panel-heading {
    padding-top: 15px;
    padding-bottom: 0;
}
.panel-footer {
    padding-top: 0;
}
.panel-title {
    color: #10314c;
    font-size: 20px;
}
.panel-body > :first-child {
    margin-top: 0 !important;
}
.panel-body > :last-child {
    margin-bottom: 0 !important;
}
.panel-body .img {
    margin: 0;
}
.panel-footer .btn-line {
    margin: 0;
}
.panel-default {
    background-color: #f5f5f5;
}
.panel-default > .panel-heading {
    background-color: transparent;
    color: inherit;
}

.panel-toggle {
    margin-bottom: 15px;
}
.panel-toggle .panel-heading {
    padding: 12px 0;
    border-bottom: 2px solid #ccc;
    border-radius: 0;
}
.panel-toggle .panel-title {
    position: relative;
    display: inline-block;
    height: 50px;
    margin: -12px 0;
    padding-right: 30px;
    line-height: 50px;
    cursor: pointer;
}
.panel-toggle .panel-title .text {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.2em;
    line-height: 1.1;
}
.panel-toggle .panel-title:before {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 10px;
    height: 10px;
    margin-top: -0.4em;
    font-family: "DaciaIcons";
    font-size: 10px;
    font-weight: normal;
    line-height: 1;
    content: "\e67c";
}
.panel-toggle .panel-title.collapsed {
    color: inherit;
}
.panel-toggle .panel-title.collapsed:before {
    content: "\e610";
}
.panel-toggle .panel-title.collapsed:hover {
    color: #45dfff;
}
.panel-toggle .panel-title .count {
    margin-left: 5px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    white-space: nowrap;
}
.panel-toggle .panel-heading .img {
    display: none;
    float: right;
    width: 100px;
    height: 50px;
    margin: -12px 0 -12px -100%;
}
.panel-toggle .panel-body {
    padding: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
    margin-top: -2px;
    border-top: 2px solid #45dfff;
}
.panel-toggle > .panel-body {
    display: none;
}
.panel-toggle .open + .panel-body {
    display: block;
}
.panel-toggle .open > .panel-title .count {
    display: none;
}
.panel-group .panel-toggle {
    border-radius: 0;
    margin-bottom: 0;
}
.panel-group .panel-toggle + .panel-toggle {
    margin-top: 15px;
}

@media (min-width: 768px) {
    .panel-toggle .panel-title {
        font-size: 18px;
    }
    .panel-toggle .panel-heading .img {
        display: block;
    }
    .panel-toggle .side-line {
        float: right;
        margin: 0;
    }
    .panel-toggle .side-line .btn {
        margin-left: 10px;
    }
    .panel-toggle .panel-body {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (min-width: 1200px) {
    .panel {
        margin-bottom: 30px;
    }
    .panel-heading,
    .panel-body,
    .panel-footer {
        padding-left: 25px;
        padding-right: 25px;
    }
    .panel-heading {
        padding-top: 20px;
    }
    .panel-footer {
        padding-bottom: 20px;
    }
    .panel-toggle {
        margin-bottom: 15px;
    }
}

/* stars */

.stars-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 75px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
}
.stars-item:before, .stars-item:after {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 0;
    padding-bottom: 20%;
    background: repeat-x 0 0;
    background-size: 20% auto;
    content: "";
}
.stars-item:before {
    margin-left: -100%;
    background-image: url('../img/star-primary.svg');
}
.stars-item:after {
    background-image: url('../img/star-muted.svg');
}
.stars-field:after {
    background-image: url('../img/star-white.svg');
}
.stars-check {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.stars-item input {
    float: left;
    margin: 0;
    padding: 0;
    width: 20%;
    height: 100%;
    opacity: 0;
}
.stars-item.disabled {
    opacity: 0.3;
}
.stars-item.stars-05:before,
.stars-item.stars-1:before {
    margin-left: -80%;
}
.stars-item.stars-15:before,
.stars-item.stars-2:before {
    margin-left: -60%;
}
.stars-item.stars-25:before,
.stars-item.stars-3:before {
    margin-left: -40%;
}
.stars-item.stars-35:before,
.stars-item.stars-4:before {
    margin-left: -20%;
}
.stars-item.stars-45:before,
.stars-item.stars-5:before {
    margin-left: 0;
}
.stars-item.stars-05:before,
.stars-item.stars-15:before,
.stars-item.stars-25:before,
.stars-item.stars-35:before,
.stars-item.stars-45:before,
.stars-item.stars-05:after,
.stars-item.stars-15:after,
.stars-item.stars-25:after,
.stars-item.stars-35:after,
.stars-item.stars-45:after {
    left: -9%;
    background-position: -12.5% 0;
}
.stars-item-lg {
    width: 120px;
}

.stars-hint {
    vertical-align: middle;
    margin-left: 5px;
    color: #999;
    font-size: 13px;
    font-weight: normal;
}

@media (min-width: 768px) {
    .stars-hint {
        font-size: 12px;
    }
}

/* dropdown */

.dropdown-toggle {
    padding-right: 35px;
}
.dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 10px;
    height: 10px;
    margin-top: -0.45em;
    border: 0;
    font-size: 10px;
    font-family: "DaciaIcons";
    line-height: 1;
    content: "\e610";
}
.show > .dropdown-toggle::after {
    content: "\e67c";
}
.dropdown-toggle.btn {
    padding-right: 55px;
}
.dropdown-toggle.btn:before {
    right: 26px;
}
.dropdown-menu {
    margin: 8px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: #45dfff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    font-size: 0.875em;
    font-weight: 400;
}
.dropdown-menu:before {
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 10px;
    border: 10px solid rgba(0,0,0,0);
    border-width: 0 10px 10px;
    border-bottom-color: #45dfff;
    content: "";
}
.dropdown-menu > li > a {
    display: block;
    padding: 10px 15px;
    color: inherit;
    white-space: normal;
    word-wrap: break-word;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #0b4a7e;
    color: #fff;
}

/* carousel */

/*.carousel {
    background-color: #000;
}
.carousel-inner {
    margin: 0;
    padding: 0;
    list-style: none;
}*/

/* social */

/*.social-links {
    display: inline-block;
    vertical-align: middle;
}
.social-links .link {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
}
.social-links .link:before {
    display: block;
    font-size: 18px;
    text-indent: 0;
}*/

/* modal */

/*.modal .close {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    color: inherit;
    text-indent: 100%;
    white-space: nowrap;
    opacity: 0.65;
}
.modal .close:hover {
    opacity: 1;
}
.modal .close:before,
.modal .close:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 26px;
    margin-top: -13px;
    border-left: 1px solid #000;
    background-color: #000;
    content: "";
}
.modal .close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.modal .close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}*/



/* 3. layout ----------------------------------*/

/* global color */

.text-primary {
    color: #45dfff !important;
}
a.text-primary:hover {
    color: #203133 !important;
}
.text-info {
    color: #203133 !important;
}
a.text-info:hover {
    color: #000 !important;
}
.text-muted {
    color: #c5c5c5 !important;
}
a.text-muted:hover {
    color: #606164 !important;
}
.text-success {
    color: #259a2d !important;
}
a.text-success:hover {
    color: #28702d !important;
}
.text-warning {
    color: #d0a42d !important;
}
a.text-warning:hover {
    color: #b4943d !important;
}
.text-danger {
    color: #e53e3e !important;
}
a.text-danger:hover {
    color: #c52222 !important;
}

/* global layout */

/*html, body,
.main-wrapper {
    height: 100%;
}*/

@media (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
    .main-wrapper {
        position: relative;
        left: 0;
        background-color: #fff;
        -webkit-transition: left .35s ease;
        transition: left .35s ease;
    }
    .navbar-opened .main-wrapper {
        left: 80%;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
        box-shadow: 0 0 10px rgba(0,0,0,.15);
    }
    .navbar-opened .main-wrapper:after {
        position: absolute;
        z-index: 999;
        top: 70px;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        opacity: 0.5;
        content: "";
    }
}

@media (min-width: 992px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }
}

/* navbar */

.navbar {
    z-index: 3;
    margin: 0;
    border: 0;
    border-radius: 0;
    /*background-color: #10314c;
    color: #fff;*/
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.top-panel {
    padding: 10px 0;
    font-size: 12px;
}
.top-panel .links-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-panel .link {
    display: block;
    padding: 8px 15px;
}
.top-panel .link:hover,
.top-panel .link:focus {
    color: inherit;
    text-decoration: underline;
}
.top-panel .link .ico {
    margin-right: 4px;
}
.top-panel .lang-switcher {
    margin: 0;
    padding: 8px 0;
}
.top-panel .lang-switcher .link {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
}
.top-panel .lang-switcher .link + .link {
    border-left: 1px solid #ccc;
}

.navbar-header {
    height: 70px;
}
.navbar-toggle {
    float: left;
    height: 70px;
    width: 70px;
    margin: 0 0 0 -15px;
    padding: 0;
    border: 0;
    border-radius: 0;
}
.navbar-toggle:before,
.navbar-toggle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 10px;
    margin-left: -15px;
    border: 2px solid;
    content: "";
}
.navbar-toggle:before {
    margin-top: -9px;
    border-width: 3px 0 2px;
}
.navbar-toggle:after {
    border-width: 2px 0 3px;
}
.navbar-toggle span {
    display: none;
}

.navbar-brand {
    float: right;
    width: 70px;
    height: 70px;
    margin: 0 -15px 0 -100%;
    padding: 0;
    overflow: hidden;
    background: url('../img/site-logo-main.png') no-repeat 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    text-indent: 100%;
    white-space: nowrap;
}

.dealer-logo {
    display: block;
    width: 100px;
    margin: 0 auto;
    font-size: 0;
    line-height: 70px;
}
.dealer-logo img {
    max-width: 100%;
    max-height: 100%;
}

.navbar-collapse {
    position: absolute;
    top: 0;
    right: 100%;
    width: 80%;
    height: 100%;
    max-height: none;
    padding: 22px 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-nav {
    margin: 0;
    color: #fff;
}
.navbar-nav > li {
    border-bottom: 1px solid #10314c;
}
.navbar-nav > li > a {
    padding: 14px 15px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #0b4a7e;
    text-decoration: underline;
}
.navbar-nav .dropdown-toggle {
    padding-right: 35px;
}
.navbar-nav .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 10px;
    height: 10px;
    margin-top: -0.45em;
    font-size: 10px;
    font-family: "DaciaIcons";
    line-height: 1;
    content: "\e610";
}
.navbar-nav .show > .dropdown-toggle::after {
    content: "\e67c";
}
.navbar-nav .open > a,
.navbar-nav .open > a:focus,
.navbar-nav .open > a:hover {
    background-color: inherit;
    color: inherit;
}
.navbar-nav .panel {
    border-radius: 0;
}
.navbar-nav .dropdown-menu {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: inherit;
}

.navbar-opened .navbar-toggle:before,
.navbar-opened .navbar-toggle:after {
    height: 0;
    margin-top: 0;
    border-width: 1px 0;
}
.navbar-opened .navbar-toggle:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.navbar-opened .navbar-toggle:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-models-dropdown .dropdown-menu {
    width: 100%;
    padding: 0;
    line-height: 1.2;
}
.navbar-models-dropdown .collapse-toggle {
    position: relative;
    padding-right: 35px;
}
.navbar-models-dropdown .collapse-toggle:before {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 10px;
    height: 10px;
    margin-top: -0.45em;
    font-size: 10px;
    font-family: "DaciaIcons";
    line-height: 1;
    content: "\e634";
}
.navbar-models-dropdown .collapse-toggle:hover:before,
.navbar-models-dropdown .collapse-toggle:focus:before {
    color: inherit;
}
.navbar-models-dropdown .panel {
    margin: 0;
    border-radius: 0;
    background-color: transparent;
}
.navbar-models-dropdown .panel-collapse {
    padding: 10px;
    background-color: #fff;
    color: #606164;
}
.navbar-models-dropdown .builder-vehicles-list {
    margin: 0;
}
.navbar-models-dropdown .builder-vehicles-list > li {
    width: 50%;
    margin-top: 0;
    padding: 0;
}
.navbar-models-dropdown .builder-vehicles-list .img {
    height: 80px;
    line-height: 80px;
}
.navbar-models-dropdown .builder-vehicles-list .title {
    font-size: 14px;
}

@media (max-width: 767px) {
    .navbar-collapse .container {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus,
    .navbar-nav > .active > a,
    .navbar-nav > .active > a:hover,
    .navbar-nav > .active > a:focus {
        background-color: #0b4a7e;
        color: #fff;
        text-decoration: none;
    }
    .navbar-nav .open .dropdown-menu {
        position: relative;
        background-color: #fff;
        color: #45dfff;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        padding: 12px 25px;
    }
    .navbar-nav .dropdown-menu > li > a:hover,
    .navbar-nav .dropdown-menu > li > a:focus {
        background-color: #f5f5f5;
        color: #0b4a7e;
    }

    .navbar-opened body {
        background-color: #45dfff;
    }
    .navbar-opened .navbar {
        background-color: #45dfff;
        color: #000;
    }

    .navbar-models-dropdown .collapse-toggle:before {
        content: "\e622";
    }
    .navbar-models-dropdown .collapse-toggle.collapsed:before {
        content: "\e634";
    }
}

@media (min-width: 576px) {
    .navbar-models-dropdown .builder-vehicles-list > li {
        width: 33.3333%;
    }
}

@media (min-width: 768px) {
    .navbar {
        padding-top: 30px;
    }

    .top-panel {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-top: 0;
        background-color: #f5f5f5;
        color: #10314c;
        font-size: 11px;
    }
    .top-panel .links-list {
        margin-left: -8px;
    }
    .top-panel .links-list > li {
        float: left;
    }
    .top-panel .link {
        height: 30px;
        padding: 0 8px;
        line-height: 30px;
    }
    .top-panel .lang-switcher {
        margin: 5px 10px 5px 0px;
        padding: 2px 0;
        border: 1px solid #ccc;
        border-width: 0 1px;
    }
    .top-panel .lang-switcher .link {
        height: 16px;
        padding: 0 8px;
        line-height: 16px;
    }

    .navbar-header {
        width: 100%;
        height: 74px;
        margin-right: -100%;
    }

    .navbar-brand {
        width: 74px;
        height: 74px;
    }

    .dealer-logo {
        float: left;
        width: 130px;
        margin-right: -100%;
        line-height: 74px;
    }

    .navbar-collapse {
        position: static;
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        background-color: transparent;
        color: #000;
    }

    .navbar-nav {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        margin: 30px 0 0;
        padding-left: 160px;
        padding-right: 90px;
        color: #10314c;
    }
    .navbar-nav > li {
        border-bottom: 0;
    }
    .navbar-nav > li > a {
        padding: 2px 8px;
    }
    .navbar-nav .dropdown-toggle {
        padding-right: 24px;
    }
    .navbar-nav .dropdown-toggle::after {
        right: 8px;
    }
    .navbar-nav .dropdown-menu {
        width: 200px;
    }
    .navbar-nav .open .dropdown-menu {
        margin-top: 8px;
    }

    .navbar-models-dropdown .panel-collapse {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        width: 360px;
        height: auto !important;
        border: 1px solid #ebebeb;
    }
    .navbar-models-dropdown .panel:hover .panel-collapse {
        display: block;
    }
    .navbar-models-dropdown .builder-vehicles-list > li {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .navbar-models-dropdown .panel-collapse {
        width: 580px;
    }
    .navbar-models-dropdown .builder-vehicles-list > li {
        width: 33.3333%;
    }
}

@media (min-width: 1200px) {
    .navbar-models-dropdown .panel-collapse {
        width: 780px;
    }
    .navbar-models-dropdown .builder-vehicles-list > li {
        width: 20%;
    }
}

/* navsub */

.navsub {
    position: relative;
    z-index: 2;
    top: 44px;
    width: 100%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #c5c5c5;
    background-color: #fff;
    font-size: 12px;
    transform: translateY(-100%);
    transition: transform .35s ease;
}
.navsub.is-fixed {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(0);
}
.navsub-placeholder {
    position: relative;
    top: -44px;
    display: block;
    height: 0;
    overflow: hidden;
}
.navsub.is-fixed + .navsub-placeholder {
    top: 0;
    height: 44px;
}
.navsub-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 -10px -1px;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.navsub-nav > li > a {
    position: relative;
    display: block;
    padding: 0 10px;
    line-height: 44px;
}
.navsub-nav > li > a:after {
    position: absolute;
    right: 8px;
    bottom: 0;
    left: 8px;
    display: none;
    border-top: 3px solid #45dfff;
    content: "";
}
.navsub-nav > li > a:hover,
.navsub-nav > li > a:focus {
    border-color: currentColor;
    background-color: transparent;
    color: #0b4a7e;
    text-decoration: underline;
}
.navsub-nav > .active > a,
.navsub-nav > .active > a:hover,
.navsub-nav > .active > a:focus {
    color: #0b4a7e;
    text-decoration: none;
}
.navsub-nav > .active > a:after {
    display: block;
}
.navsub-nav > .dropdown {
    margin-left: auto;
}
.navsub-nav .dropdown-toggle {
    padding-right: 24px;
}
.navsub-nav .dropdown-toggle::after {
    right: 8px;
    font-size: 8px;
}
.navsub-nav .show > .dropdown-toggle,
.navsub-nav .show > .dropdown-toggle:hover,
.navsub-nav .show > .dropdown-toggle:focus {
    background-color: #333;
}
.navsub-nav .dropdown-menu {
    left: auto;
    right: 0;
    width: 200px;
    margin-top: 0;
}
.navsub-nav .dropdown-menu:before {
    display: none;
}

@media (max-width: 767px) {
    .navsub-nav > .dropdown {
        display: none;
    }
}

@media (min-width: 768px) {
    .navsub-nav {
        overflow: visible;
    }
    .navsub-nav > .is-invisible {
        position: absolute;
        z-index: -1;
        left: -100%;
        visibility: hidden;
    }
}

/* content */

.content-page {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #fff;
}
.content-muted {
    background-color: #f5f5f5;
}
.content-dark {
    background-color: #10314c;
    color: #fff;
}

.content-header {
    position: relative;
    display: block;
    margin-bottom: 30px;
    text-align: center;
}
.content-header .title {
    margin: 0;
    font-size: 30px;
    line-height: 1;
}
.content-header .subtitle {
    margin: 0;
    font-size: 14px;
}
.content-header .descr {
    margin: 35px 0 0;
    padding: 0 20%;
    font-size: 14px;
}
.content-header .date {
    display: block;
    margin-top: 10px;
    color: #606164;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.content-header.text-left {
    text-align: left;
}

.content-subheader {
    display: block;
    margin: 0 0 20px;
}
.content-subheader .title {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 24px;
}
.content-subheader .descr {
    display: block;
    margin: 10px 0 0;
    font-weight: normal;
}
.content-subheader .price {
    margin-left: 8px;
    font-size: 24px;
}
.content-subheader .price-muted {
    font-size: 18px;
}
.content-subheader .date {
    color: #606164;
}
.content-header + .content-subheader {
    margin-top: -15px;
}

.page-header {
    position: relative;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    text-align: center;
}
.page-header .title {
    display: block;
    margin: 0;
    font-size: 30px;
}
.page-header .pretitle {
    display: block;
    margin: 0;
    font-size: 16px;
}
.page-header .subtitle {
    display: block;
    margin: 10px 0 0;
    font-size: 21px;
    line-height: 1;
}
.page-header-muted {
    position: relative;
    margin-bottom: 60px;
    padding: 25px 40px 8%;
    background-color: #f5f5f5;
    text-align: center;
}
.page-header-muted:after {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 20%;
    background: url('../img/mask-banner.svg') no-repeat 50% 100%;
    -webkit-background-size: 101% auto;
    background-size: 101% auto;
    content: "";
}

@media (min-width: 768px) {
    .content-header {
        margin-bottom: 45px;
    }
    /*.content-header .title {
        font-size: 40px;
    }*/
    .content-header .subtitle {
        font-size: 18px;
    }
    .content-header .descr {
        font-size: 16px;
    }
    .content-header .side-line .btn-sm {
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .content-header.text-left .side-line {
        float: none;
        margin-right: 0;
    }
    .content-header + .content-subheader {
        margin-top: -20px;
    }
    .content-subheader .title {
        font-size: 32px;
    }
    .content-subheader .descr {
        font-size: 16px;
    }
    .content-subheader .btn-line {
        display: inline-block;
        vertical-align: middle;
        margin: 5px 0 0 20px;
    }
    .content-subheader .side-line + .descr {
        margin-top: 0;
    }
    /*.page-header .title {
        font-size: 50px;
    }*/
    .page-header .pretitle {
        margin-bottom: -0.4em;
        font-size: 18px;
    }
    .page-header .subtitle {
        font-size: 25px;
    }
    .page-header-muted {
        padding-top: 35px;
        padding-bottom: 7%;
    }
}

@media (min-width: 992px) {
    .content-header .side-line {
        float: left;
        margin: 0 -100% 0 0;
    }
    .content-subheader .side-line {
        float: right;
        margin: 9px 0 0 15px;
    }
    .page-header-muted {
        padding-top: 45px;
        padding-bottom: 5%;
    }
}

/* columns */

.as-table .thead {
    display: none;
}
.as-table .td > .title {
    display: block;
    margin: 0 0 5px;
    font-weight: bold;
}

@media (max-width: 767px) {
    .as-table .th,
    .as-table .td {
        text-align: left;
    }
}

@media (min-width: 768px) {
    .as-table {
        display: table;
        width: 100%;
    }
    .as-table > [class*="col-sm-"] {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
    .as-table > .thead {
        display: table-header-group;
    }
    .as-table > .tbody {
        display: table-row-group;
    }
    .as-table > .tfoot {
        display: table-footer-group;
    }
    .as-table .tr {
        display: table-row;
        margin: 0;
        padding: 0;
        border: 0;
    }
    .as-table .th,
    .as-table .td {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
    .as-table .td > .title {
        display: none;
    }
}

@media (min-width: 992px) {
    .as-table > [class*="col-md-"] {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
}

@media (min-width: 1200px) {
    .as-table > [class*="col-lg-"] {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
}

/* footer */

.main-footer {
    max-width: 1500px;
    margin: 0 auto;
    background-color: #10314c;
    color: #fff;
    font-size: 18px;
}
.main-footer a:hover,
.main-footer a:focus {
    color: inherit;
    text-decoration: underline;
}
.footer-links .links-block {
    margin-left: -15px;
    margin-right: -15px;
}
.footer-links .links-block + .links-block {
    border-top: 1px solid #fff;
}
.footer-links .links-title {
    display: block;
    margin: 0;
    padding: 15px;
    font-size: 22px;
    font-weight: bold;
}
.footer-links .links-list {
    padding: 0 15px 10px;
}

.main-footer .dropdown-toggle {
    position: relative;
    display: block;
    padding-right: 45px;
}
.main-footer .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 18px;
    width: 16px;
    height: 16px;
    margin-top: -0.45em;
    font-size: 16px;
    font-weight: normal;
    font-family: "DaciaIcons";
    line-height: 1;
    content: "\e610";
}
.main-footer .show > .dropdown-toggle::after {
    content: "\e67c";
}
.main-footer .dropdown-toggle:hover,
.main-footer .dropdown-toggle:focus {
    text-decoration: none;
}
.main-footer .dropdown-menu {
    position: static;
    min-width: 0;
    width: 100%;
    float: none;
    margin: 0;
    background-color: transparent;
}
.main-footer .dropdown-menu:before {
    display: none;
}
.main-footer .dropdown-menu > li + li {
    border-top: 0;
}
.main-footer .dropdown-menu > li > a {
    padding: 6px 0;
}
.main-footer .dropdown-menu > li > a:hover,
.main-footer .dropdown-menu > li > a:focus {
    background-color: transparent;
    text-decoration: underline;
}

.main-footer .social-links {
    margin: 5px 0 0;
}
.main-footer .social-links .link {
    width: 34px;
    height: 34px;
    margin: 0 8px 6px 0;
    font-size: 0;
}
.main-footer .social-links .link:before {
    font-size: 34px;
}
.main-footer .social-links .link:hover,
.main-footer .social-links .link:focus {
    text-decoration: none;
}

.footer-copy {
    margin-top: 10px;
    border-top: 1px solid #fff;
}
.footer-copy .links-list {
    margin: 0 -15px;
    padding: 10px 15px;
    list-style: none;
}
.footer-copy .links-list > li > a {
    position: relative;
    display: block;
    padding: 6px 0;
}
.footer-copy .links-list .text {
    display: block;
    margin-top: 15px;
}
.footer-breadcrumb {
    background-color: #45dfff;
}
.footer-breadcrumb .breadcrumb {
    font-size: 14px;
    text-transform: none;
}
.footer-breadcrumb .breadcrumb > .active {
    color: #fff;
}

@media (min-width: 576px) {
    .main-footer {
        font-size: 0;
    }
    .footer-links {
        padding: 15px 0;
    }
    .footer-links .links-block {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin: 0;
        padding-right: 35px;
        font-size: 16px;
    }
    .footer-links .links-block + .links-block {
        border-top: 0;
    }
    .footer-links .links-title {
        padding-left: 0;
        padding-right: 0;
    }
    .footer-links .links-list {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }
    .main-footer .dropdown-toggle {
        color: inherit;
        cursor: default;
    }
    .main-footer .dropdown-toggle::after {
        display: none;
    }
    .footer-copy {
        padding: 15px 0;
    }
    .footer-copy .links-list {
        margin: 0;
        padding: 5px 0;
        font-size: 14px;
    }
    .footer-copy .links-list + .links-list {
        border-top: 0;
    }
    .footer-copy .links-list > li {
        display: inline-block;
        margin-right: 15px;
    }
    .footer-copy .links-list .text {
        margin-top: 0;
        margin-left: 15px;
    }
}

@media (min-width: 992px) {
    .footer-links .links-block {
        width: 25%;
        font-size: 14px;
    }
    .footer-links .links-title {
        padding: 8px 0;
        font-size: 20px;
    }
    .main-footer .dropdown-menu > li > a {
        padding: 4px 0;
    }
    .footer-copy {
        padding: 5px 0;
    }
    .footer-copy .links-list {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding-right: 35px;
    }
}

/*.main-footer {
    background-color: #003081;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.main-footer a:hover, .main-footer a:focus {
    color: #5bb4e3;
}
.main-footer .social-links {
    margin: 0;
}
.main-footer .social-links .link {
    width: 20px;
    height: 20px;
    margin: 2px 6px 2px 0;
    font-size: 0;
}
.main-footer .social-links .link:before {
    font-size: 20px;
}
.footer-copy {
    padding: 20px 0;
    background-color: #10314c;
}
.footer-copy .links-list {
    margin: 20px -15px 1px;
    padding: 0;
    color: #fff;
    list-style: none;
    text-transform: uppercase;
}
.footer-copy .links-list > li {
    margin-bottom: -1px;
    border: 1px solid #002462;
    border-width: 1px 0;
}
.footer-copy .links-list > li > a {
    position: relative;
    display: block;
    padding: 12px 30px 12px 15px;
}
.footer-copy .links-list > li > a:before {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 10px;
    height: 10px;
    margin-top: -0.45em;
    font-size: 10px;
    font-weight: normal;
    font-family: "DaciaIcons";
    line-height: 1;
    content: "\e634";
}

.footer-copy .copy-list {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}
.footer-copy .copy-list > li {
    margin-top: 12px;
}
.footer-copy .copy-list > li > a {
    display: block;
}

.main-footer .breadcrumb > .active{
    color: #fff;
}

.main-footer .dropup {
    margin: 0 -15px -1px;
}
.main-footer .dropdown-toggle {
    position: relative;
    display: block;
    padding: 12px 45px 12px 35px;
    border: 1px solid #002462;
    border-width: 1px 0;
    color: #fff;
    text-transform: uppercase;
}
.main-footer .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 25px;
    width: 10px;
    height: 10px;
    margin-top: -0.45em;
    font-size: 10px;
    font-weight: normal;
    font-family: "DaciaIcons";
    line-height: 1;
    content: "\e610";
}
.main-footer .show > .dropdown-toggle {
    background-color: #002462;
}
.main-footer .dropdown-menu {
    min-width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
    background-color: #002462;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: inherit;
    text-align: inherit;
}
.main-footer .dropdown-menu > li > a {
    color: inherit;
}
.main-footer .dropdown-menu > li > a:hover,
.main-footer .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #5bb4e3;
}

@media (min-width: 768px) {
    .main-footer .breadcrumb {
        float: left;
    }
    .main-footer .dropup {
        float: right;
        margin: 0;
    }
    .main-footer .dropdown-toggle {
        border-width: 0 1px;
    }
    .main-footer .social-links {
        float: left;
        margin: 10px 0 0;
    }
    .footer-copy {
        padding: 0;
    }
    .main-footer .social-links {
        margin-right: 20px;
    }
    .footer-copy .links-list {
        float: left;
        margin: 0 1px 0 0;
    }
    .footer-copy .links-list > li {
        float: left;
        margin-right: -1px;
        margin-bottom: 0;
        border-width: 0 1px;
    }
    .footer-copy .copy-list {
        float: right;
        margin: 0;
    }
    .footer-copy .copy-list > li {
        float: left;
        margin-left: 20px;
    }
}

@media (min-width: 1200px) {
    .main-footer .social-links {
        margin-top: 20px;
    }
    .footer-copy .links-list {
        margin-left: 45px;
    }
    .footer-copy .links-list > li > a {
        padding: 20px 45px 20px 30px;
    }
    .footer-copy .links-list > li > a:before {
        right: 20px;
    }
    .footer-copy .copy-list > li {
        margin-top: 20px;
        margin-left: 25px;
    }
}*/

/* cookies *

.o-cookies {
    display: block;
    margin: 0;
    padding: 12px 0;
    border: 0;
    border-radius: 0;
    background-color: #333;
    color: #fff;
    font-size: 12px;
}
.o-cookies__container {
    display: flex;
    align-items: end;
}
.o-cookies__text {
    flex: 1;
}
.o-cookies .btn {
    height: 30px;
    padding-left: 15px;
    padding-right: 30px;
    line-height: 30px;
    font-size: inherit;
}
.o-cookies .btn::before {
    right: 14px;
    width: 8px;
    height: 8px;
    font-size: 10px;
}
.o-cookies__text .btn-link {
    display: block;
    padding-left: 0;
    color: inherit;
    text-decoration: underline;
    text-transform: none;
}
.o-cookies__text .btn-link:hover,
.o-cookies__text .btn-link:focus {
    color: inherit;
    text-decoration: none;
}
.o-cookies__button {
    text-align: right;
}
.o-cookies__close {
    position: absolute;
    z-index: 1;
    top: 7px;
    right: 12px;
    width: 40px;
    height: 40px;
    margin: 0;
    border: 0;
    background-color: transparent;
    color: inherit;
    font-size: 0;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    filter: none;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}
.o-cookies__close:before {
    font-size: 12px;
    font-family: "DaciaIcons";
    content: "\e609";
}
.o-cookies__close:hover,
.o-cookies__close:focus {
    opacity: 1;
}

@media (min-width: 576px) {
    .o-cookies__button {
        margin-right: 40px;
    }
}

@media (min-width: 992px) {
    .o-cookies__text {
        margin-right: 40px;
    }
    .o-cookies__text .btn-link {
        display: inline-block;
        vertical-align: baseline;
        margin-left: 10px;
    }
}
*/


/* PAGES */

/* home */


@-webkit-keyframes bounce {
    0%   { background-position: 0 0; }
    50%   { background-position: 100% 0; }
    100% { background-position: 0 0; }
}
@keyframes bounce {
    0%   { background-position: 0 0; }
    50%   { background-position: 100% 0; }
    100% { background-position: 0 0; }
}

.scroll-more {
    display: none;
}
.home-carousel {
    height: 0;
    max-width: 1500px;
    margin: 0 auto;
    padding-bottom: 162%;
    overflow: hidden;
}
.home-carousel .carousel-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 100px;
    left: 0;
    overflow: visible;
}
.home-carousel .carousel-inner > .item {
    width: 100%;
    height: 100%;
    background: no-repeat 75% 100%;
    -webkit-animation: bounce 10s ease infinite;
    animation: bounce 10s ease infinite;
}
.home-carousel .carousel-caption {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 20px 5px 0;
    padding: 28px 30px;
    background-color: rgba(255,255,255,.8);
    color: inherit;
    text-align: left;
    text-shadow: none;
}
.home-carousel .carousel-caption .title {
    display: block;
    margin: 0;
    color: #45dfff;
    font-size: 24px;
    line-height: 1;
}
.home-carousel .carousel-caption .title .pre {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
}
.home-carousel .carousel-caption .subtitle {
    display: block;
    margin: 12px 0 0;
    font-size: 18px;
    line-height: 1;
}
.home-carousel .carousel-caption .text {
    display: block;
    margin-top: 12px;
}
.home-carousel .carousel-caption .btn-item {
    display: block;
}
.home-carousel .carousel-caption .btn-item + .btn-item {
    margin-top: 10px;
}
.home-carousel .carousel-caption .btn {
    width: 100%;
}
.home-carousel .carousel-info {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding: 10px 15px;
}
.home-carousel .carousel-info .btn {
    width: 100%;
    margin-bottom: 10px;
}
.home-carousel .carousel-info .hint-line {
    display: block;
    margin: 0;
    color: #666;
    font-size: 12px;
}
.home-carousel .carousel-indicators {
    bottom: 120px;
}
.home-carousel .carousel-indicators li:before {
    border-color: #fff;
}
.home-carousel .carousel-indicators li:hover:before,
.home-carousel .carousel-indicators li.active:before {
    border-color: #45dfff;
}
.home-carousel .show-md {
    display: none !important;
}
.home-carousel .hide-md {
    display: block !important;
}

@media (min-width: 576px) {
    .home-carousel {
        padding-bottom: 90%;
    }
    .home-carousel .carousel-inner {
        bottom: 86px;
    }
    .home-carousel .carousel-caption {
        display: inline-block;
        width: 50%;
        margin: 40px 0 0;
    }
    .home-carousel .carousel-caption .title {
        font-size: 28px;
    }
    .home-carousel .carousel-indicators {
        bottom: 110px;
    }
}

@media (min-width: 768px) {
    .home-carousel .carousel-inner {
        bottom: 36px;
    }
    .home-carousel .carousel-indicators {
        bottom: 60px;
    }
    .home-carousel .show-md {
        display: block !important;
    }
    .home-carousel .hide-md {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .scroll-more {
        position: absolute;
        z-index: 3;
        right: 0;
        bottom: 36px;
        left: 0;
        display: block;
        margin: 0;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }
    .scroll-more .title {
        position: relative;
        display: block;
        font-size: 0;
    }
    .scroll-more .title:before {
        position: absolute;
        bottom: -22px;
        left: 50%;
        width: 44px;
        height: 44px;
        margin-left: -22px;
        border-radius: 22px;
        background-color: #10314c;
        font-family: "DaciaIcons";
        color: #fff;
        font-size: 22px;
        font-weight: normal;
        line-height: 46px;
        text-align: center;
        content: "\e610";
    }
    .home-carousel {
        padding-bottom: 436px;
    }
    .home-carousel .carousel-inner > .item {
        -webkit-animation: none;
        animation: none;
    }
    .home-carousel .carousel-caption {
        width: 40%;
    }
    .home-carousel .carousel-caption .title {
        font-size: 38px;
    }
    .home-carousel .carousel-caption .title .pre {
        font-size: 18px;
    }
    .home-carousel .carousel-caption .subtitle {
        font-size: 25px;
    }
    .home-carousel .carousel-caption .text {
        font-size: 18px;
    }
    .home-carousel .carousel-caption .btn-line {
        margin-top: 25px;
    }
    .home-carousel .carousel-caption .btn {
        width: auto;
    }
}

.promo-tabs {
    margin-bottom: 0;
    border: 0;
    color: inherit;
    font-size: 20px;
    text-align: center;
}
.promo-tabs > li > a {
    height: 50px;
    background-color: #fff;
    line-height: 46px;
}
/*.promo-tabs > li > a:after {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 16px;
    height: 16px;
    margin-top: -0.5em;
    font-size: 0.8em;
    font-family: "RenaultIcons";
    font-weight: normal;
    line-height: 1;
    content: "\e64b";
}
.promo-tabs > li > a:hover,
.promo-tabs > li > a:focus {
    border-color: #070707;
}
.promo-tabs > li.active > a,
.promo-tabs > li.active > a:focus,
.promo-tabs > li.active > a:hover {
    border-width: 1px;
    border-color: #fc3;
    background-color: #fc3;
}
.promo-tabs > li.active > a:before {
    display: none;
}
.promo-tabs > li.active > a:after {
    content: "\e63b";
}*/

@media (min-width: 768px) {
    .promo-tabs {
        display: flex;
        justify-content: center;
        flex-direction: row;
        border-bottom: 1px solid #d1d1d1;
        color: #45dfff;
    }
    .promo-tabs > li {
        flex: 1;
        display: block;
        max-width: 240px;
        margin-right: 0;
        margin-bottom: -1px;
        font-size: 14px;
    }
    .promo-tabs > li > a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        margin: 0 -1px;
        padding: 20px;
        border: 1px solid #d1d1d1;
        border-radius: 0;
        background-color: #f5f5f5;
        line-height: 1.2;
    }
    .promo-tabs > li > a:hover {
        border-color: #0b4a7e;
        background-color: #0b4a7e;
        color: #fff;
    }
    .promo-tabs > li.active > a,
    .promo-tabs > li.active > a:focus,
    .promo-tabs > li.active > a:hover {
        border-width: 1px;
        border-color: #d1d1d1 #d1d1d1 #fff;
        background-color: #fff;
        color: #10314c;
    }
    .promo-tabs > li.active > a:before {
        position: absolute;
        top: 100%;
        right: 20px;
        left: 20px;
        display: block;
        height: 5px;
        margin: -5px 0 0;
        border: 0;
        background-color: #45dfff;
        content: "";
    }
}

.promo-vehicles-list {
    margin: -30px -15px 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.promo-vehicles-list.slides {
    margin-top: -50px;
}
.promo-vehicles-list > li {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 30px auto 0;
    padding: 15px;
}
/*.promo-vehicles-list .link {
    color: #05537c;
}*/
.promo-vehicles-list .link:hover,
.promo-vehicles-list .link:focus {
    
}
.promo-vehicles-list .vehicle-info {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 75%;
}
.promo-vehicles-list .vehicle-descr {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-size: 0.875em;
}
.promo-vehicles-list .vehicle-descr .text {
    margin-bottom: 10px;
}
.promo-vehicles-list .vehicle-descr .btn-line {
    margin-top: auto;
}
.promo-vehicles-list .title {
    display: block;
    margin: 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
}
.promo-vehicles-list .img {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0;
    margin: 0;
    padding-bottom: 75%;
}
.promo-vehicles-list .img img {
    width: 100%;
}
.promo-vehicles-list .subtitle {
    display: block;
    margin: 5px 0 10px;
    font-weight: normal;
}
.promo-vehicles-list .price {
    display: flex;
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}
.promo-vehicles-list .descr {
    position: relative;
    display: block;
    margin: 8px 0 0;
    font-size: 12px;
    font-style: italic;
}
.promo-vehicles-list .descr a {
    text-decoration: underline;
}
.promo-vehicles-list .slogan {
    position: relative;
    display: block;
    margin: 8px 0 0;
    font-size: 12px;
}
.promo-vehicles-list .link:hover .title:after {
    -webkit-transform: translate3D(5px,0,0);
    transform: translate3D(5px,0,0);
}
.promo-vehicles-list .price-line {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    margin: 5px 0 10px;
}
.promo-vehicles-list .price-line .pre {
    display: block;
    margin-bottom: 3px;
    font-weight: normal;
}
.promo-vehicles-list .price-line .post {
    display: block;
    margin-top: 3px;
}
.promo-vehicles-list .price-line .price {
    margin-right: 15px;
}
.promo-vehicles-list .price-line .price-muted {
    font-size: 18px;
}
.promo-vehicles-list .price-line .price-part {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 0;
    font-size: 14px;
    font-weight: normal;
}
.promo-vehicles-list .price-line .price-part .value {
    font-size: 22px;
}
.promo-vehicles-list .price-line .hint {
    display: inline-block;
    padding-left: 10px;
    border-left: 1px solid;
    font-size: 11px;
    line-height: 1;
}
.promo-vehicles-list .price-line .hint-item {
    display: block;
    padding: 2px 0;
}
.promo-vehicles-list .price-line .hint-item.text-danger {
    font-size: 13px;
    font-weight: bold;
}
.promo-vehicles-list .price-line .plan {
    display: block;
    margin-top: 5px;
}
.promo-vehicles-list .badge-demo {
    position: absolute;
    right: 0;
    bottom: 150px;
    padding: 2px;
    border-radius: 4px;
    border: 2px solid #45dfff;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.promo-vehicles-list .badge-demo .inner {
    display: block;
    padding: 3px 8px;
    border-radius: 2px;
    background-color: #45dfff;
}
.promo-vehicles-list .builder-saved-list {
    margin-top: 0;
}
.promo-vehicles-list .panel-heading {
    text-align: center;
}
.promo-vehicles-list .mask {
    z-index: auto;
    color: #999;
    font-size: 26px;
    font-weight: bold;
}

@media (min-width: 576px) {
    .promo-vehicles-list > li {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .promo-vehicles-list {
        margin-right: 0;
        margin-left: 0;
    }
    .promo-vehicles-list > li {
        padding: 20px;
    }

    .promo-vehicles-list .subtitle {
        margin-bottom: 20px;
    }
    .promo-vehicles-list .price {
        /*margin-top: 24px;*/
    }
    .promo-vehicles-list .price-line .price-part {
        margin-top: -3px;
    }
}

@media (min-width: 992px) {
    .promo-vehicles-list > li {
        width: 33.3333%;
    }
}

@media (min-width: 1200px) {
    .promo-vehicles-list .subtitle {
        height: 35px;
        margin-top: 5px;
        margin-bottom: 3px;
    }
    .promo-vehicles-list .price {
        margin-top: 0;
        /*font-size: 30px;*/
    }
}

@media (min-width: 768px) {
    .promo-vehicles-list.list-stacked {
        margin-top: 0;
    }
    .promo-vehicles-list.list-stacked > li {
        width: 100%;
        max-width: none;
        min-height: 140px;
        margin-top: 0;
        padding: 10px 0;
    }
    .promo-vehicles-list.list-stacked .img {
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 180px;
        height: 120px;
        padding: 0;
        line-height: 120px;
    }
    .promo-vehicles-list.list-stacked .img img {
        width: auto;
        max-height: 100%;
    }
    .promo-vehicles-list.list-stacked .vehicle-info,
    .promo-vehicles-list.list-stacked .vehicle-descr {
        position: relative;
        margin-bottom: 0;
        padding: 10px 30% 0 200px;
    }
    .promo-vehicles-list.list-stacked .price-line,
    .promo-vehicles-list.list-stacked .btn-line {
        position: absolute;
        top: 10px;
        right: 0;
        width: 30%;
        margin-top: 0;
        padding-left: 15px;
    }
    .promo-vehicles-list.list-stacked .title {
        font-size: 20px;
    }
    .promo-vehicles-list.list-stacked .btn-line .btn {
        height: 32px;
        padding-right: 35px;
        padding-left: 12px;
        font-size: 13px;
        line-height: 32px;
    }

    .promo-vehicles-list.list-stacked .vehicle-links {
        margin-top: 25px;
        padding-left: 205px;
        text-align: inherit;
    }
    .promo-vehicles-list.list-stacked .vehicle-links > li {
        display: inline-block;
    }
}

/*@media (min-width: 992px) {
    .promo-vehicles-list.list-stacked .img {
        top: -18px;
        width: 300px;
    }
    .promo-vehicles-list.list-stacked .vehicle-links {
        padding-left: 334px;
    }
    .promo-vehicles-list.list-stacked .vehicle-info,
    .promo-vehicles-list.list-stacked .vehicle-descr {
        position: relative;
        width: 70%;
        padding-left: 340px;
    }
    .promo-vehicles-list.list-stacked .price-line,
    .promo-vehicles-list.list-stacked .btn-line {
        position: absolute;
        top: -8px;
        left: 100%;
        width: 40%;
        margin-top: 0;
    }
    .promo-vehicles-list.list-stacked .price {
        margin-top: 0;
    }
    .promo-vehicles-list.list-stacked .btn-line {
        top: 20px;
    }
    .promo-vehicles-list.list-stacked .badge-demo {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
    }
    .used-vehicles-list.list-stacked .img {
        line-height: 180px;
    }
}*/

.view-toggler {
    display: block;
    margin: 0 0 60px;
    text-align: right;
}
.view-toggler .btn-group {
    margin: 0;
}
.view-toggler .btn {
    position: static;
    padding-right: 35px;
}
.view-toggler .btn::before {
    display: none;
}
.view-toggler .btn.active {
    background-color: #10314c;
    color: #fff;
}

.vehicle-links {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.vehicle-links > li + li {
    margin-top: 10px;
}
.vehicle-links .btn {
    display: block;
    width: 100%;
}
.vehicle-links .text {
    padding: 0 10px;
}
.vehicle-links .ico {
    float: right;
    width: 20px;
    height: 20px;
    margin: 2px -10px 0 -100%;
    color: #45dfff;
}

@media (min-width: 1200px) {
    .vehicle-links {
        font-size: 18px;
    }
}

.promo-offers-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}
.promo-offers-list > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 14px;
}
.promo-offers-list .descr {
    color: #595959;
}
.promo-offers-list .offer-header {
    display: block;
    margin-bottom: 20px;
    color: #000;
}
.promo-offers-list .title {
    margin: 0;
    font-size: 26px;
    font-weight: normal;
    line-height: 1.25;
}
.promo-offers-list .copy {
    margin: 8px 0 0;
    font-size: 16px;
    font-weight: normal;
}

@media (min-width: 768px) {
    .promo-offers-list .img,
    .promo-offers-list .descr {
        float: left;
        width: 50%;
        margin: 0;
    }
    .promo-offers-list .img {
        padding: 0 40px;
    }
    .promo-offers-list .offer-header {
        margin-bottom: 30px;
    }
    .promo-offers-list .title {
        font-size: 30px;
    }
}

.promo-news-list {
    margin: -30px 0 0;
    padding: 0;
    list-style: none;
    color: #595959;
    font-size: 0;
}
.promo-news-list > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 30px;
    font-size: 14px;
}
.promo-news-list .info {
    margin: 0 0 10px;
    color: #10314c;
    font-size: 16px;
}
.promo-news-list .img {
    position: relative;
}
/*.promo-news-list .img:before {
    position: absolute;
    bottom: 0;
    left: 20px;
    border: 1px solid rgba(255,255,255,0);
    border-width: 0 10px 10px;
    border-bottom-color: #fff;
    content: "";
}*/
.promo-news-list .title {
    display: block;
    /*height: 90px;*/
    margin: 0 0 15px;
    /*overflow: hidden;*/
    color: #10314c;
    font-size: 24px;
    line-height: 1.25;
}
.promo-news-list .subtitle {
    display: block;
    margin: 0 0 15px;
    color: #343434;
    font-size: 18px;
    line-height: 1.25;
}
.promo-news-list .descr {
    display: block;
    /*height: 120px;*/
    margin: 0 0 15px;
    /*overflow: hidden;*/
}
.promo-news-list .btn-line {
    margin-top: 15px;
}
.promo-news-slider .promo-news-list > li {
    margin-top: 0;
}

.video-item .img:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56px;
    height: 56px;
    margin: -28px 0 0 -28px;
    color: #fff;
    font-size: 54px;
    font-family: "DaciaIcons";
    line-height: 56px;
    text-align: center;
    -webkit-transition: transform .25s ease;
    transition: transform .25s ease;
    content: "\e62c";
}
a.video-item:hover .img:after,
a.video-item:focus .img:after {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

@media (min-width: 768px) {
    .promo-news-list {
        margin: -65px -15px 0;
    }
    .promo-news-list > li {
        width: 50%;
        margin-top: 65px;
        padding: 0 15px;
    }
    .promo-events-list .title {
        height: 42px;
    }
    .promo-events-list .descr {
        height: 58px;
    }
}

@media (min-width: 992px) {
    .promo-news-list > li {
        width: 33.3333%;
    }

    .promo-news-slider .slides-wrap {
        overflow: visible;
    }
    .promo-news-slider .slides {
        white-space: normal;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
    }
    .promo-news-slider .promo-news-list {
        margin-top: -65px;
    }
    .promo-news-slider .promo-news-list > li {
        margin-top: 65px;
    }
    .promo-news-slider .slider-control-wrap {
        display: none;
    }
}

.qlinks-page .content-inner {
    margin: -45px -15px;
    padding: 45px 15px;
    border-radius: 300px;
}
.quick-links {
    margin: -5px;
    padding: 0;
    overflow: hidden;
    list-style: none;
    font-size: 0;
    text-align: center;
}
.quick-links > li {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    font-size: 9px;
}
.quick-links .link {
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    padding: 60px 5px 5px;
    border: 3px solid;
    border-radius: 50%;
    background-color: #45dfff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25);
    color: #000;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.quick-links .link .ico {
    position: absolute;
    top: 18px;
    left: 50%;
    width: 26px;
    height: 26px;
    margin: 0 0 0 -13px;
    font-size: 26px;
    opacity: 0.9;
}
.quick-links .link:hover,
.quick-links .link:focus {
    background-color: #203133;
    color: #fff;
}
.quick-links .link-more {
    width: 290px;
    padding-top: 15px;
    background-color: #f5f5f5;
    color: #000;
    line-height: 105px;
}
.quick-links .link-more:after {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: -2px 0 0 5px;
    background: url('../img/ico-chevron-right-primary.svg') no-repeat 50% 50%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    content: "";
}
.quick-links .link-more:hover, .quick-links .link-more:focus {
    background-color: #f2f2f5;
}
.quick-links > li.close-item {
    display: none;
}

@media (min-width: 480px) {
    .quick-links {
        margin: -8px;
    }
    .quick-links > li {
        padding: 8px;
        font-size: 14px;
    }
    .quick-links .link {
        width: 134px;
        height: 134px;
        padding: 80px 15px 15px;
    }
    .quick-links .link .ico {
        top: 26px;
        width: 36px;
        height: 36px;
        margin-left: -18px;
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .quick-links-placeholder {
        height: auto !important;
    }
}

@media (min-width: 992px) {
    .quick-links {
        margin-top: 0;
        margin-bottom: 0;
    }
    .quick-links > li {
        padding-left: 8px;
        padding-right: 8px;
    }
    /*.quick-links .link {
        width: 150px;
        height: 150px;
        padding-top: 95px;
    }
    .quick-links .link .ico {
        top: 42px;
    }
    .quick-links .link-more {
        width: auto;
        padding-top: 15px;
        line-height: 140px;
    }*/

    .quick-links-placeholder {
        display: block;
    }
    .quick-links.fixed {
        position: fixed;
        z-index: 999;
        right: -82px;
        top: 50%;
        margin: -195px 0 0;
        padding: 3px;
        border-radius: 4px;
        background-color: rgba(0,0,0,.12);
        -webkit-transition: right .35s ease;
        transition: right .35s ease;
    }
    .quick-links.fixed > li {
        float: none;
        display: block;
        padding: 3px;
    }
    .quick-links.fixed .link {
        width: 90px;
        height: 90px;
        padding: 55px 8px 5px;
        font-size: 11px;
    }
    .quick-links.fixed .link .ico {
        top: 18px;
        width: 26px;
        height: 26px;
        margin-left: -13px;
        font-size: 26px;
    }
    .quick-links.fixed > li.close-item {
        display: none;
    }
    .quick-links.open {
        right: 20px;
    }
}

/* used cars */

.filter-panel {
    height: 44px;
    margin-bottom: 40px;
    overflow: hidden;
    text-align: center;
}
.filter-panel .panel-body {
    position: relative;
    margin: 20px -15px 0;
    padding: 20px;
    border-radius: 3px;
    background-color: #f5f5f5;
    text-align: left;
}
.filter-panel .panel-body:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin: -14px 0 0 -14px;
    border: 1px solid rgba(0,0,0,0);
    border-width: 0 14px 14px;
    border-bottom-color: #f5f5f5;
    content: "";
}
.filter-panel .title {
    font-size: 16px;
    font-weight: bold;
}
.filter-panel .filters-slider {
    margin-bottom: 20px;
}
.filter-panel .ui-slider {
    margin-top: 33px;
}
.filters-list {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}
.filters-list > li {
    display: inline-block;
    vertical-align: top;
    margin: 4px 5px 4px 0;
}
.filters-list > li > a {
    display: block;
    height: 36px;
    margin: 0;
    padding: 0 15px;
    border: 2px solid;
    border-radius: 5px;
    color: #45dfff;
    line-height: 32px;
    text-align: center;
}
.filters-list > li > a:hover,
.filters-list > li > a:focus {
    color: #0b4a7e;
}
.filters-list > li.active > a {
    border-color: #45dfff;
    background-color: #45dfff;
    color: #000;
    text-decoration: none;
}

@media (min-width: 992px) {
    .filters-list > li > a {
        min-width: 100px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.filter-panel.open .dropdown-toggle {
    background-color: #f5f5f5;
    color: inherit;
}
.filter-panel.open {
    height: auto;
    overflow: visible;
}

.filter-panel .builder-vehicles-list > li {
    width: 100%;
}
.filter-panel .builder-vehicles-list .img {
    height: 70px;
    line-height: 70px;
}
.filter-panel .builder-vehicles-list .title {
    margin-top: 5px;
    font-size: 14px;
}

@media (min-width: 480px) {
    .filter-panel .builder-vehicles-list > li {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .filter-panel .panel-body {
        margin-left: 0;
        margin-right: 0;
    }
    .filter-panel .panel-body .row + .row {
        margin-top: 20px;
    }
    .filter-panel .builder-vehicles-list {
        margin-top: -20px;
    }
    .filter-panel .builder-vehicles-list > li {
        width: 33.3333%;
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .filter-panel .builder-vehicles-list > li {
        width: 20%;
    }
}

.sorting-panel {
    margin: 0 0 20px;
    text-align: right;
}
.sorting-panel .form-group {
    position: relative;
    display: inline-block;
    margin: 0 0 0 12px;
    text-align: right;
}
.sorting-panel .control-label {
    margin-bottom: 5px;
    font-size: 12px;
}
.sorting-panel .form-control {
    min-width: 80px;
    height: 30px;
    font-size: 14px;
}

@media (min-width: 768px) {
    .sorting-panel {
        float: right;
        margin: 7px 0 0 -100%;
    }
    .sorting-panel .control-label {
        position: absolute;
        right: 0;
        bottom: 100%;
        left: 0;
        white-space: nowrap;
    }
}







/*
.c-filter {
    margin: 0 0 40px;
}
.c-filter__selected {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: -2px 0 10px;
}
.c-filter__selected-item {
    position: relative;
    display: inline-block;
    height: 28px;
    padding: 0 22px 0 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transition-property: border-color, background-color, color, opacity;
    transition-property: border-color, background-color, color, opacity;
}
.c-filter__selected-item:last-child {
    margin-right: 0;
}
.c-filter__selected-item::before {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 10px;
    margin-top: -0.5em;
    font-size: 8px;
    font-family: "DaciaIcons";
    font-weight: 700;
    line-height: 1;
    opacity: 0.75;
    content: "\e609";
}
.c-filter__selected-item:hover,
.c-filter__selected-item:focus,
.c-filter__selected-item:active {
    background-color: #f5f5f5;
}
.c-filter__selected-item:hover::before,
.c-filter__selected-item:focus::before,
.c-filter__selected-item:active::before {
    color: #0073ac;
}
.c-filter__selected-group {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 2px 6px 2px 0;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    border-radius: 16px;
    background-color: #fff;
}
.c-filter__selected-item--remove {
    width: 30px;
    padding: 0;
    font-size: 0;
}
.c-filter__selected-item--remove::before {
    right: 50%;
    margin-right: -0.6em;
}

.c-filter__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0;
}
.c-filter__tabs-item {
    position: relative;
    height: 36px;
    margin: 0 5px 3px 0;
    padding: 0 28px 0 18px;
    border: 0;
    border-radius: 18px;
    background-color: #f5f5f5;
    color: #0073ac;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    cursor: pointer;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transition-property: border-color, background-color, color, opacity;
    transition-property: border-color, background-color, color, opacity;
}
.c-filter__tabs-item::before {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 0.6em;
    height: 0.6em;
    margin-top: -0.4em;
    border: 2px solid;
    border-width: 2px 2px 0 0;
    font-size: 0.857em;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    content: "";
}
.c-filter__tabs-item:hover,
.c-filter__tabs-item:focus {
    background-color: #0b4a7e;
    color: #fff;
    outline: none;
}
.c-filter__tabs-item:not(.collapsed) {
    height: 38px;
    margin-top: 2px;
    margin-bottom: -2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #f5f5f5;
    color: inherit;
    line-height: 38px;
}
.c-filter__tabs-item:not(.collapsed)::before {
    margin-top: -0.15em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.c-filter__content {
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
    background-color: #fff;
}
.c-filter__body {
    display: none;
    height: auto !important;
    padding: 20px;
    border: 10px solid #f5f5f5;
}
.c-filter__body.in {
    display: block;
}
.c-filter__title {
    display: block;
    margin: 15px 0;
    font-size: 16px;
    font-weight: bold;
}
.c-filter__title:first-child {
    margin-top: 0;
}
.c-filter__header {
    display: flex;
    align-items: center;
}
.c-filter__header .c-filter__title {
    margin-right: 20px;
    margin-bottom: 0;
}
.c-filter__values {
    display: flex;
    align-items: center;
}
.c-filter__values .form-control {
    height: 32px;
    width: 100px;
}
.c-filter__values .form-divider {
    width: 40px;
    text-align: center;
}
.c-filter__list {
    display: flex;
    flex-wrap: wrap;
    margin: -8px 0 0;
}
.c-filter__list .checkbox {
    width: 200px;
    margin: 10px 10px 0 0;
}
.c-filter__slider {
    margin-bottom: 20px;
}
.c-filter .ui-slider {
    margin-top: 45px;
    margin-bottom: 30px;
}
.c-filter__apply {
    display: block;
    margin: 20px 0 0;
    text-align: center;
}


.c-sorting-toggler {
    position: relative;
    min-width: 40px;
    height: 36px;
    margin: 0 0 3px;
    padding: 0;
    border: 0;
    border-radius: 18px;
    background-color: #0073ac;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transition-property: border-color, background-color, color, opacity;
    transition-property: border-color, background-color, color, opacity;
}
.c-sorting-toggler:hover,
.c-sorting-toggler:focus {
    background-color: #0b4a7e;
    color: #fff;
    outline: none;
}
.c-sorting-toggler:not(.collapsed) {
    background-color: #f5f5f5;
    color: inherit;
}
.c-sorting-toggler .fa {
    margin: 0;
}

.c-sorting {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: -10px 0 25px;
    text-align: center;
}
.c-sorting:not(.open) {
    display: none;
}
.c-sorting__group {
    position: relative;
    display: inline-block;
    margin: 0 7px 15px;
}
.c-sorting__label {
    margin-bottom: 3px;
    font-size: 12px;
}
.c-sorting .form-control {
    min-width: 80px;
    height: 30px;
    font-size: 12px;
}
.c-sorting__btn {
    display: flex;
}
.c-sorting__btn-item {
    position: relative;
    display: block;
    width: 38px;
    height: 30px;
    margin: 0;
    padding: 0;
    color: inherit;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.c-sorting__btn-item input {
    position: absolute;
    opacity: 0;
}
.c-sorting__btn-item .fa {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #f5f5f5;
    color: #0073ac;
    line-height: inherit;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transition-property: border-color, background-color, color, opacity;
    transition-property: border-color, background-color, color, opacity;
}
.c-sorting__btn-item:first-child .fa {
    padding-left: 3px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.c-sorting__btn-item:last-child .fa {
    padding-right: 3px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.c-sorting__btn-item:hover .fa {
    background-color: #0b4a7e;
    color: #fff;
}
.c-sorting__btn-item input:checked + .fa {
    background-color: #0b4a7e;
    color: #fff;
}

@media (min-width: 768px) {
    .c-sorting {
        text-align: left;
    }
    .c-sorting__label {
        position: absolute;
        right: 0;
        bottom: 100%;
        left: 0;
        white-space: nowrap;
    }
}

.c-pager {
    display: flex;
    margin: 0 0 15px;
    font-size: 14px;
}
.c-pager__link {
    display: block;
    width: 32px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}
.c-pager__link:hover,
.c-pager__link:focus {
    background-color: #f5f5f5;
    color: inherit;
    text-decoration: none;
}
.c-pager__link.is-active {
    color: #0073ac;
    font-weight: 700;
}
.c-pager__link.is-disabled,
.c-pager__link.is-disabled:hover,
.c-pager__link.is-disabled:focus {
    background-color: transparent;
    color: inherit;
    opacity: 0.25;
    cursor: default;
}
.c-pager__link--prev,
.c-pager__link--next {
    position: relative;
    width: auto;
    padding: 0 8px;
}
.c-pager__link--prev::before,
.c-pager__link--next::before {
    position: absolute;
    top: 50%;
    width: 0.6em;
    height: 0.6em;
    margin-top: -0.275em;
    border: 2px solid;
    border-width: 2px 2px 0 0;
    font-size: 0.857em;
    content: "";
}
.c-pager__link--prev {
    padding-left: 22px;
}
.c-pager__link--prev::before {
    left: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.c-pager__link--next {
    padding-right: 22px;
}
.c-pager__link--next::before {
    right: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (min-width: 768px) {
    .c-pager {
        margin-right: auto;
    }
}
*/







.used-car-detail {
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px;
}
.used-car-detail .action-line {
    margin: 30px 0;
}
.used-car-detail .price-line .price {
    font-size: 22px;
    line-height: 40px;
}
.used-car-detail .price-line .price-muted {
    font-size: 16px;
}
.used-car-detail [class*="col-"] {
    margin-bottom: 20px;
}
.used-car-detail [class*="col-"]:last-child {
    margin-bottom: 0;
}
.used-car-detail [class*="col-"] > :last-child {
    margin-bottom: 0;
}

.used-car-gallery {
    margin-top: 40px;
}
.used-car-gallery .slides .slide {
    width: 120px;
}
.used-car-gallery .slider-control {
    bottom: 20px;
}
.used-car-gallery .slider-control::before {
    font-size: 24px;
}
.used-car-gallery .slider-control.left {
    left: 8px;
}
.used-car-gallery .slider-control.right {
    right: 8px;
}

@media (min-width: 768px) {
    .used-car-detail {
        margin-left: 0;
        margin-right: 0;
        padding-left: 30px;
        padding-right: 30px;
    }
    .used-car-detail .price-line {
        float: left;
        width: 50%;
        margin: 0;
    }
    .used-car-detail .btn-line {
        margin-top: 0;
    }
    .used-car-detail .preview-img .img {
        height: 320px;
        line-height: 320px;
    }
    .used-car-detail [class*="col-"] {
        margin-bottom: 0;
    }
    .used-car-gallery {
        margin-top: 0;
    }
}

.specialty-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}
.specialty-list > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 20px;
    padding: 0 15px;
    font-size: 13px;
}
.specialty-list .title {
    margin-bottom: 15px;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 16px;

}

@media (min-width: 768px) {
    .specialty-list {
        margin-top: -20px;
    }
    .specialty-list > li {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .specialty-list > li {
        width: 33.3333%;
    }
}

/* test drive */

.vehicles-btn {
    display: none;
}

@media (min-width: 768px) {
    .vehicles-btn {
        display: inline-block;
        height: 40px;
        padding: 0 60px 0 20px;
        border: 1px solid #c5c5c5;
        border-radius: 2px;
        background-color: #fff;
        color: inherit;
        line-height: 38px;
    }
    .vehicles-btn:before {
        right: 2px;
        width: 40px;
        height: 20px;
        margin-top: -10px;
        border-left: 1px solid;
        color: inherit;
        line-height: 20px;
        text-align: center;
        content: "\e610";
    }
    .vehicles-btn:hover,
    .vehicles-btn:focus {
        border-color: #10314c;
        background-color: #fff;
        color: inherit;
    }
    .vehicles-btn.active {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-color: #f5f5f5;
        background-color: #f5f5f5;
        color: inherit;
    }
    .vehicles-btn.active:before {
        content: "\e67c";
    }
    .vehicles-select {
        display: none;
    }
}

.vehicles-block {
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    padding: 15px;
    border-radius: 3px;
    background-color: #f5f5f5;
}
.vehicles-block .close {
    position: absolute;
    z-index: 3;
    top: 12px;
    right: 18px;
    width: 32px;
    height: 32px;
    color: #ccc;
    line-height: 32px;
}
.vehicles-block .close:hover,
.vehicles-block .close:focus {
    color: #606164;
}
.vehicles-block .nav-tabs {
    margin: 0;
    overflow: hidden;
    border: 0;
    color: #606164;
    font-weight: bold;
}
.vehicles-block .nav-tabs > li {
    margin: 0;
    font-size: 14px;
}
.vehicles-block .nav-tabs > li > a {
    height: 40px;
    margin: 0;
    padding: 0 20px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    line-height: 40px;
}
.vehicles-block .nav-tabs > li > a:hover,
.vehicles-block .nav-tabs > li > a:focus {
    background-color: #fbf9fa;
    color: inherit;
}
.vehicles-block .nav-tabs > li.active > a,
.vehicles-block .nav-tabs > li.active > a:focus,
.vehicles-block .nav-tabs > li.active > a:hover {
    border: 0;
    background-color: #fff;
    color: #45dfff;
}
.vehicles-block .nav-tabs > li.active > a:before {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 15px;
    left: 15px;
    margin: 0;
    border: 1px solid;
    border-width: 0 0 2px;
    content: "";
}

.vehicles-block .tab-pane {
    padding: 20px;
    background-color: #fff;
}

.builder-vehicles-list {
    margin: -20px -10px 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}
.builder-vehicles-list > li {
    display: inline-block;
    vertical-align: top;
    width: 296px;
    margin-top: 20px;
    padding: 0 10px;
    font-size: 14px;
}
.builder-vehicles-list .vehicle-info {
    position: relative;
    display: block;
    margin: 0;
    padding: 10px;
    border: 2px solid rgba(255,255,255,0);
    text-align: center;
    white-space: nowrap;
}
.builder-vehicles-list .title {
    display: block;
    margin: 15px 0 0;
    overflow: hidden;
    font-size: 18px;
    font-weight: normal;
    text-overflow: ellipsis;
}
.builder-vehicles-list .price {
    display: block;
    margin: 0;
    overflow: hidden;
}
.builder-vehicles-list .price .value {
    font-size: 16px;
    line-height: 1;
}
.builder-vehicles-list .descr {
    display: block;
    margin: 2px 0 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.25;
    white-space: normal;
}
.builder-vehicles-list .img {
    height: 140px;
    margin: 0;
    line-height: 140px;
}
.builder-vehicles-list .img > img {
    max-height: 100%;
}
.builder-vehicles-list .img > .ico {
    margin: 0;
    font-size: 60px;
}
.builder-vehicles-list .check-item {
    position: absolute;
    top: 0;
    right: 0;
}
.builder-vehicles-list .badge {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    padding: 6px 8px;
    border-radius: 0;
    background-color: #f2f2f5;
    color: inherit;
}
.builder-vehicles-list .badge > img {
    height: 100%;
}
.builder-vehicles-list .badge-discount {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 56px;
    height: 30px;
    padding: 0 12px;
    border-radius: 3px 0 0 3px;
    background-color: #45dfff;
    color: #000;
    font-size: 14px;
    line-height: 30px;
}
.builder-vehicles-list .vehicle-info.checked {
    border-color: #45dfff;
}
.builder-vehicles-list .vehicle-info.checked .check-item {
    width: 32px;
    height: 32px;
    line-height: 30px;
}
.builder-vehicles-list .vehicle-info.checked .check-icon,
.builder-vehicles-list .vehicle-info.checked input:hover + .check-icon {
    border-width: 0;
}
.builder-vehicles-list .vehicle-info.checked .check-item input[type="checkbox"] + .check-icon,
.builder-vehicles-list .vehicle-info.checked .check-item input[type="radio"] + .check-icon {
    border-radius: 0;
}
.builder-vehicles-list .vehicle-info.active {
    color: #45dfff;
}
.builder-vehicles-list .vehicle-info.disabled {
    opacity: 0.25;
}

@media (min-width: 768px) {
    .builder-vehicles-list {
        margin-top: -40px;
    }
    .builder-vehicles-list > li {
        width: 246px;
        margin-top: 40px;
    }
    .builder-vehicles-list .img {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media (min-width: 992px) {
    .builder-vehicles-list > li {
        /*width: 25%;*/
    }
}

@media (min-width: 1200px) {
    .builder-vehicles-list > li {
        width: 296px;
    }
    .builder-vehicles-list .img {
        margin-left: 0;
        margin-right: 0;
    }
}

.testdrive-vehicles-list {
    margin-top: 0;
}
.testdrive-vehicles-list > li {
    position: relative;
    width: 135px;
    margin-top: 10px;
}
.testdrive-vehicles-list .vehicle-info {
    padding: 0;
    border: 0;
}
.testdrive-vehicles-list .title {
    margin-top: 2px;
    font-size: 14px;
}
.testdrive-vehicles-list .img {
    height: 65px;
    line-height: 65px;
}
.testdrive-vehicles-list .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    color: #ccc;
    font-size: 16px;
    line-height: 32px;
}
.testdrive-vehicles-list .close:hover,
.testdrive-vehicles-list .close:focus {
    color: #555;
}

.vehicles-block .builder-vehicles-list .title {
    margin-top: 3px;
    font-size: 16px;
}
.vehicles-block .builder-vehicles-list .img {
    height: 100px;
    line-height: 100px;
}

@media (max-width: 767px) {
    .vehicles-block {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .vehicles-block .builder-vehicles-list {
        margin-top: -20px;
    }
    .vehicles-block .builder-vehicles-list > li {
        width: 224px;
        margin-top: 20px;
    }
}

.home-vehicles-list {
    text-align: center;
}
.home-vehicles-list > li {
    width: 155px;
}
.home-vehicles-list .title {
    font-size: 14px;
}
.home-vehicles-list .img {
    height: 80px;
    line-height: 80px;
}

@media (min-width: 768px) {
    .home-vehicles-list > li {
        width: 192px;
    }
    .home-vehicles-list .img {
        height: 100px;
        line-height: 100px;
    }
}

/* product */

.product-nav {
    position: relative;
    z-index: 1;
    height: 40px;
    margin: -45px 0 45px;
    border-bottom: 1px solid #c5c5c5;
    color: #606164;
    font-size: 12px;
    line-height: 36px;
    white-space: nowrap;
}
.product-nav > li {
    position: relative;
    float: left;
}
.product-nav > li > a {
    padding: 2px 15px 0;
    overflow: hidden;
    border-bottom: 2px solid transparent;
    text-overflow: ellipsis;
}
.product-nav > li > a.home-link {
    width: 60px;
    font-size: 0;
}
.product-nav > li > a.home-link:before {
    vertical-align: middle;
    font-size: 30px;
    font-weight: normal;
    font-family: "DaciaIcons";
    content: "\e651";
}
.product-nav > li > a.imp-link {
    color: #000;
}
.product-nav > li > a:hover,
.product-nav > li > a:focus,
.product-nav > li.active > a {
    border-color: inherit;
    background-color: transparent;
    color: #45dfff;
}

.product-banner {
    position: relative;
    height: 0;
    max-width: 1500px;
    margin: 0 auto 30px;
    padding-bottom: 400px;
    overflow: hidden;
    background: no-repeat 75% 100%;
    -webkit-background-size: cover;
    background-size: cover;
}
.product-banner .banner-container {
    position: relative;
    height: inherit;
    padding-bottom: inherit;
}
.product-banner .banner-text {
    position: absolute;
    margin: 20px 0 0;
    padding: 28px 30px;
    background-color: rgba(255,255,255,.8);
    color: inherit;
}
.product-banner .banner-text .title {
    display: block;
    margin: 0;
    color: #45dfff;
    font-size: 24px;
    line-height: 1;
}
.product-banner .banner-text .title .pre {
    display: block;
    font-size: 18px;
}
.product-banner .banner-text .subtitle {
    display: block;
    margin: 12px 0 0;
    font-size: 18px;
    line-height: 1;
}
.product-banner .banner-text .text {
    display: block;
    margin-top: 12px;
}
.product-banner .banner-price {
    position: absolute;
    bottom: 0;
}

.product-banner .banner-price {
    position: absolute;
    left: 15px;
    bottom: 20px;
    padding: 20px;
    background-color: #000;
    color: #fff;
    opacity: 0.6;
}
.product-banner .banner-price .value {
    vertical-align: top;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
}
.product-banner .banner-price .hint {
    display: inline-block;
    vertical-align: top;
    width: 56px;
    margin-left: 8px;
    font-size: 15px;
    line-height: 1.2;
}

@media (min-width: 576px) {
    .product-banner .banner-text {
        display: inline-block;
        width: 50%;
        margin-top: 40px;
    }
    .product-banner .banner-text .title {
        font-size: 28px;
    }
}

@media (min-width: 992px) {
    .product-banner .banner-text {
        width: 40%;
    }
    .product-banner .banner-text .title {
        font-size: 35px;
    }
    .product-banner .banner-text .title .pre {
        font-size: 26px;
    }
    .product-banner .banner-text .subtitle {
        font-size: 25px;
    }
    .product-banner .banner-text .text {
        font-size: 18px;
    }
}


.product-filter {
    margin-bottom: 30px;
    padding: 0 50px;
}
.product-filter .btn-line {
    float: right;
    margin: 0;
}
.product-filter .btn-line .btn {
    min-width: 210px;
    margin-left: 15px;
}
.product-filter .btn-line .btn:before {
    width: 20px;
    font-size: 1.4em;
}
.product-filter .dropdown .btn {
    margin-left: 0;
}
.product-filter .btn-line .btn-conf:before {
    content: "\e60c";
}
.product-filter .btn-line .btn-sort:before {
    content: "\e68b";
}
.product-filter .price {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    padding: 12px 0;
    font-weight: normal;
}
.product-filter .price .value {
    vertical-align: middle;
    font-size: 34px;
}
.product-filter .price .hint {
    vertical-align: middle;
    width: 44px;
    margin-left: 8px;
    font-size: 14px;
}

.product-filter .dropdown {
    display: inline-block;
    vertical-align: middle;
}

.product-filter .price-line .dropdown {
    margin-left: 35px;
}
.product-filter .price-line .dropdown:before {
    position: absolute;
    left: -25px;
    top: 10px;
    height: 40px;
    border-left: 1px solid #a4a0a0;
    content: "";
}
.product-filter .price-line .dropdown-toggle {
    padding-right: 25px;
}
.product-filter .price-line .dropdown-toggle::after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: 1px;
    border: 1px solid rgba(255,255,255,0);
    border-width: 8px 6px 0;
    border-top-color: #000;
    content: "";
}

.product-specs {
    position: relative;
    margin-bottom: 60px;
    padding: 60px 40px;
    background-color: #f5f5f5;
    text-align: center;
}
.product-specs .content-header .title {
    font-size: 36px;
}


.product-specs-list {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}
.product-specs-list > li {
    float: left;
    padding: 0 15px;
}
.product-specs-list .item {
    position: relative;
    display: block;
    width: 170px;
    height: 250px;
    padding: 20px 20px 60px;
    border-radius: 4px;
    background-color: #fff;
    color: #10314c;
}
.product-specs-list .item .value {
    display: block;
    margin: 0;
    font-size: 54px;
    line-height: 1;
    letter-spacing: -4px;
}
.product-specs-list .item .dimension {
    display: block;
    margin: 10px 0 0;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    text-transform: uppercase;
}
.product-specs-list .item .ico {
    width: 54px;
    height: 54px;
    margin-top: 17px;
    color: #45dfff;
    font-size: 54px;
}
.product-specs-list .item .hint {
    position: absolute;
    right: 20px;
    bottom: 15px;
    left: 20px;
    margin: 0;
    padding-top: 15px;
    border-top: 1px solid #eae9e8;
    color: #606164;
    font-size: 16px;
    text-transform: uppercase;
}

.product-features-list {
    margin: 0 -10px 70px;
    padding: 0;
    list-style: none;
}
.product-features-list > li {
    float: left;
    width: 50%;
    padding: 0 10px;
}
.product-features-list .img {
    margin: 0 0 20px;
}
.product-features-list .text {
    position: relative;
}
.product-features-list .title {
    display: block;
    height: 30px;
    margin: 0 0 24px;
    overflow: hidden;
    color: #10314c;
    font-size: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-features-list .descr {
    display: block;
    height: 64px;
    overflow: hidden;
    font-size: 15px;
}

.product-carousel {
    margin: -50px 0 50px;
    padding-bottom: 110px;
}
.product-carousel .btn-line {
    position: absolute;
    z-index: 16;
    right: 0;
    bottom: 80px;
    left: 0;
    margin: 0;
    text-align: center;
}
.product-carousel .img {
    height: 400px;
    margin: 0;
    line-height: 400px;
}
.product-carousel .img > img {
    max-height: 100%;
}

.product-vehicles-slider {
    margin-bottom: 40px;
}
.product-vehicles-slider .slider-control.left {
    left: 0;
}
.product-vehicles-slider .slider-control.right {
    right: 0;
}

.product-vehicles-list > li {
    width: 50%;
    padding: 0 8%;
}
.product-vehicles-list .title {
    display: block;
    margin: 0;
    color: #45dfff;
    font-size: 30px;
    line-height: 1;
}
.product-vehicles-list .price {
    display: block;
    margin: 10px 0 0;
    font-size: 30px;
    line-height: 1;
}
.product-vehicles-list .hint {
    display: block;
    margin: 2px 0 0;
    font-size: 12px;
    text-transform: uppercase;
}
.product-vehicles-list .img {
    margin: 0;
}
.product-vehicles-list .features {
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
}
.product-vehicles-list .features > li {
    margin-top: 2px;
}
.product-vehicles-list .features > li:before {
    content: "\2013\a0";
}
.product-vehicles-list .btn-line .btn {
    display: block;
    width: 100%;
    margin-top: 10px;
}

/* contact */

.dealer-block {
    display: block;
    margin-bottom: 40px;
    overflow: hidden;
}
.dealer-block.slide {
    width: 100%;
    margin-bottom: 0;
}
.dealer-block .img {
    height: 320px;
    margin-bottom: 30px;
}
.dealer-block .img > .embed {
    width: 100%;
    height: 100%;
}
.dealer-block .descr {
    display: block;
    overflow: hidden;
}
.dealer-block .title {
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.dealer-block .subtitle {
    display: block;
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
}
.dealer-block .text {
    display: block;
}
.dealer-block .btn-line {
    margin-bottom: 20px;
}
.dealer-block .btn-line .btn {
    margin-right: 8px;
    margin-bottom: 8px;
}
.dealer-block .list-horizontal dt,
.dealer-block .list-horizontal dd {
    margin: 0;
}
.dealer-block .list-horizontal dt {
    color: #606164;
}
.dealer-block .list-horizontal dd {
    font-weight: normal;
}

.dealer-block-muted {
    margin-bottom: 30px;
    padding: 15px 20px;
    background-color: #f5f5f5;
}
.dealer-block-muted .btn-line {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .dealer-block .img {
        float: left;
        width: 35%;
        margin-bottom: 0;
    }
    .dealer-block .img + .descr {
        padding: 10px 40px;
    }
    .dealer-block-muted .btn-line {
        margin-bottom: -8px;
    }
}

@media (min-width: 992px) {
    .dealer-block-muted {
        padding: 20px 25px;
    }
}

.persons-wrap {
    margin-top: 30px;
}
.persons-wrap > [data-toggle="toggle"] {
    position: relative;
    display: inline-block;
    margin: 0;
    padding-right: 20px;
    cursor: pointer;
}
.persons-wrap > [data-toggle="toggle"]:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5em;
    font-size: 10px;
    font-family: "DaciaIcons";
    content: "\e610";
}
.persons-wrap .persons-list {
    display: none;
}
.persons-wrap.open > [data-toggle="toggle"] {
    margin-bottom: 20px;
}
.persons-wrap.open > [data-toggle="toggle"]:after {
    margin-top: -0.6em;
    content: "\e67c";
}
.persons-wrap.open .persons-list {
    display: block;
}
.persons-wrap.open table.persons-list,
.persons-wrap.open .table.persons-list {
    display: table;
}

.person-item {
    display: block;
    padding: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
}
.person-item .img {
    float: left;
    width: 90px;
    height: 120px;
    margin: 0 15px 0 0;
    line-height: 120px;
}
.person-item a {
    color: #45dfff;
}
.person-item a:hover,
.person-item a:focus {
    color: #10314c;
}
.person-item .title {
    display: block;
    padding-top: 3px;
    overflow: hidden;
    color: #10314c;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
}
.person-item .descr {
    display: block;
    overflow: hidden;
}
.person-item .subtitle {
    display: block;
    color: #606164;
    font-weight: normal;
}
.person-item .text {
    display: block;
    margin: 10px 0 0;
    line-height: 1.2;
}

.persons-list {
    margin: -20px -15px 0;
    padding: 0;
    font-size: 0;
    list-style: none;
}
.persons-list > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
}
table.persons-list {
    margin: 0;
    font-size: inherit;
}
table.persons-list a {
    text-decoration: underline;
}

.persons-fleet .person-item .title {
    padding-top: 8px;
}

@media (min-width: 768px) {
    .persons-wrap {
        float: left;
        width: 100%;
    }
    .persons-list {
        margin-top: -30px;
    }
    .persons-list > li {
        width: 50%;
        margin-top: 30px;
    }
    table.persons-list {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .persons-list > li {
        width: 33.3333%;
    }
    .persons-list > li.large {
        width: 66.6666%;
    }
}

/* login */

.sign-form {
    padding: 40px 20px;
    border-radius: 8px;
    background-color: #f5f5f5;
    text-align: center;
}
.sign-form .form-group {
    margin-bottom: 20px;
}
.sign-form .form-btn {
    margin-top: 20px;
}
.sign-form .hint-line {
    margin-top: -10px;
}
.sign-form .text {
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: bold;
}
.sign-form .text a {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .sign-form .form-group {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* empty */

.empty-msg .title {
    margin-bottom: 15px;
    font-size: 26px;
}
.empty-msg .btn-line .btn {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .empty-msg .title {
        font-size: 30px;
    }
    .empty-msg .descr {
        font-size: 14px;
    }
    .empty-msg .btn-line {
        margin-top: 40px;
    }
}

/* colors */

.color-item {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin: -2px 3px 0 0;
    overflow: hidden;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
}

.model-colors {
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 5px;
    background-color: #f5f5f5;
}
.model-color + .model-color {
    margin-top: 40px;
}
.model-color {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.model-color .title {
    margin: 0 0 10px;
}
.model-color .descr {
    margin: 15px 0 0;
}
.model-color .descr .value {
    font-weight: bold;
}
.model-color .img {
    height: 240px;
    padding: 20px;
    background-color: #fff;
    line-height: 200px;
}
.model-color .img > img {
    max-height: 100%;
    opacity: 1;
    -webkit-transition: opacity .35s ease;
    transition: opacity .35s ease;
}
.model-color .img > img.loading {
    opacity: 0.5;
}
.model-color .colors-list {
    display: block;
    margin: 15px -1px -1px;
    font-size: 0;
}
.model-color .colors-list .item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 2px;
    border-radius: 3px;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.2);
    box-shadow: 0 0 1px rgba(0,0,0,.2);
}
.model-color .colors-list .item:active {
    opacity: 0.5;
}
.model-color .colors-list .active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.model-color .colors-list .active:before {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 34px;
    height: 34px;
    border: 2px solid #1a7bbf;
    border-radius: 5px;
    content: "";
}

.panel-body .model-colors {
    margin-left: 0;
    margin-right: 0;
    padding-left: 9px;
    padding-right: 9px;
}

@media (min-width: 768px) {
    .model-colors {
        margin-left: 0;
        margin-right: 0;
        padding-left: 12px;
        padding-right: 12px;
    }
    .panel-body .model-colors {
        padding-left: 12px;
        padding-right: 12px;
    }
    .model-color + .model-color {
        margin-top: 0;
    }
    .model-color {
        width: 50%;
        padding-left: 12px;
        padding-right: 12px;
    }
    .model-color.exterior-color {
        width: 60%;
    }
    .model-color.interior-color {
        width: 40%;
    }
}

.form-colors {
    display: block;
    margin: -1px;
    font-size: 0;
}
.form-color-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 2px;
}
.form-color-item > input {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    opacity: 0;
}
.form-color-item > .icon {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.2);
    box-shadow: 0 0 1px rgba(0,0,0,.2);
}
.form-color-item > input:checked + .icon {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-color-item > input:checked + .icon::before {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 34px;
    height: 34px;
    border: 2px solid #1a7bbf;
    border-radius: 5px;
    content: "";
}

/* accessories */

.accessory-item {
    position: relative;
    z-index: 1;
    display: block;
    border: 1px solid #f5f5f5;
    line-height: 1.33333;
}
.accessory-item .img {
    height: 0;
    margin: 0;
    padding-bottom: 66%;
    background: #000 url('../img/spinner.gif') no-repeat 50% 50%;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    -webkit-transition: height .35s ease;
    transition: height .35s ease;
}
.accessory-item .img[data-toggle] {
    cursor: pointer;
}
.accessory-item .img > img {
    width: 100%;
}
.accessory-item .descr {
    position: relative;
    height: 68px;
    padding: 10px 15px 25px;
}
.accessory-item .info {
    position: absolute;
    right: 15px;
    bottom: 8px;
    left: 15px;
    margin: 0;
    overflow: hidden;
}
.accessory-item .info .id {
    float: left;
    width: 60%;
    padding: 2px 0;
    color: #999;
}
.accessory-item .info .price {
    float: right;
    width: 40%;
    text-align: right;
}
.accessory-item .info .price .value {
    font-size: 16px;
}
.accessory-item .title {
    clear: both;
    display: block;
    height: 34px;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.1;
}
.accessory-item .text {
    display: none;
    margin: 10px 0;
    color: #565656;
}
.accessory-item .hint {
    position: absolute;
    right: 0;
    bottom: 68px;
    left: 0;
    padding: 10px 15px;
    background-color: rgba(0,0,0,.5);
    color: #fff;
}
.accessory-item .ico-tip {
    position: relative;
    z-index: 2;
    margin-top: -4px;
}
.accessory-item .mask {
    opacity: 0.85;
}
.accessory-item .mask-inner {
    display: table;
    width: 100%;
    height: 100%;
}
.accessory-item .mask-text {
    display: table-cell;
    vertical-align: middle;
    padding: 25px;
    font-size: 14px;
    text-align: center;
}
.accessory-item .check-item {
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 5px;
    width: 32px;
    height: 32px;
    margin: 0;
    font-size: 20px;
    line-height: 30px;
}
.accessory-item .check-item .check-icon {
    background-color: #fff;
}
/*.accessory-item .check-item input[type="radio"] + .check-icon {
    border-radius: 16px;
}
.accessory-item .check-item input[type="radio"] + .check-icon:before {
    margin-top: -6px;
    margin-left: -6px;
    border-width: 6px;
    border-radius: 6px;

}*/
.accessory-item .zoom-item {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 0;
    font-family: "FontAwesome";
    line-height: 30px;
    text-align: center;
    text-shadow: 0 0 3px #000;
    text-decoration: none;
    opacity: 0.5;
}
.accessory-item .zoom-item:before {
    font-size: 16px;
    content: "\f00e";
}
.accessory-item .zoom-item:hover {
    opacity: 1;
}
.open > .accessory-item {
    font-size: 13px;
}
/*.open > .accessory-item .img {
    height: auto;
}
.open > .accessory-item .img > img {
    width: auto;
    height: 100%;
}*/
.open > .accessory-item .descr {
    height: auto;
    padding-top: 20px;
    padding-bottom: 35px;
}
.open > .accessory-item .title {
    height: auto;
    font-size: 18px;
}
.open > .accessory-item .text {
    display: block;
}
.open > .accessory-item .hint {
    position: relative;
    z-index: 1;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: 100%;
    height: 40px;
    margin: -40px -100% 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.open > .accessory-item .zoom-item:before {
    content: "\f010";
}

/*@media (min-width: 480px) {
    .accessory-item .img {
        height: 160px;
    }
}

@media (min-width: 768px) {
    .open > .accessory-item .img {
        height: 320px;
    }
}

@media (min-width: 992px) {
    .accessory-item .img {
        height: 180px;
    }
    .open > .accessory-item .img {
        height: 420px;
    }
}

@media (min-width: 1200px) {
    .open > .accessory-item .img {
        height: 480px;
    }
}*/

.accessories-list {
    margin: -20px -10px 20px;
    padding: 0;
    font-size: 0;
    list-style: none;
}
.accessories-list > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 20px;
    padding: 0 10px;
    font-size: 11px;
    -webkit-transition: width .35s ease;
    transition: width .35s ease;
}

@media (min-width: 480px) {
    .accessories-list > li {
        width: 50%;
    }
    .accessories-list > li.open {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .accessories-list > li {
        width: 33.3333%;
    }
}

@media (min-width: 992px) {
    .accessories-list > li {
        width: 25%;
    }
}

.accessories-list-stacked {
    margin: 0;
    padding: 0;
    list-style: none;
}
.accessories-list-stacked > li {
    margin-top: 1px;
    font-size: 11px;
}
.accessories-list-stacked .accessory-item {
    border: 0;
}
.accessories-list-stacked .accessory-item .img {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    opacity: 0;
}
.accessories-list-stacked .accessory-item .descr {
    height: 56px;
    padding: 12px 20px 12px 58px;
    background-color: #f5f5f5;
}
.accessories-list-stacked .accessory-item .title {
    height: auto;
    line-height: 1.2;
}
.accessories-list-stacked .accessory-item .info {
    position: static;
}
.accessories-list-stacked .accessory-item .mask-text {
    font-size: inherit;
}
.accessories-list-stacked .accessory-item .hint {
    top: 6px;
    right: 10px;
    bottom: auto;
    left: auto;
    padding: 2px 10px;
}
.accessories-list-stacked .accessory-item .check-item {
    top: 12px;
    left: 12px;
}
.accessories-list-stacked .open > .accessory-item .img {
    position: relative;
    opacity: 1;
}
.accessories-list-stacked .open > .accessory-item .descr {
    height: auto;
    padding-left: 20px;
}
.accessories-list-stacked .open > .accessory-item .title {
    font-size: 18px;
}
.accessories-list-stacked .open > .accessory-item .hint {
    top: auto;
    right: 0;
    bottom: auto;
    left: 0;
    padding: 10px 15px;
}

@media (max-width: 767px) {
    .accessories-list-stacked .accessory-item .hint {
        display: none;
    }
}

@media (min-width: 768px) {
    .panel-body > .accessories-list-stacked {
        margin: -15px 0;
    }
}

.accessories-list-wish {
    margin: 0;
    padding: 0;
    list-style: none;
}
.accessories-list-wish > li {
    position: relative;
    margin-top: -1px;
    font-size: 12px;
}
.accessories-list-wish .accessory-item .img {
    float: left;
    width: 90px;
    height: 58px;
    padding: 0;
}
.accessories-list-wish .accessory-item .descr {
    height: 58px;
    padding: 12px 15px;
    overflow: hidden;
}
.accessories-list-wish .accessory-item .title {
    height: auto;
    font-size: 14px;
}
.accessories-list-wish .accessory-item .info {
    position: static;
}
.accessories-list-wish .accessory-item .mask-text {
    font-size: inherit;
}
.accessories-list-wish .accessory-item .hint {
    top: 6px;
    right: 10px;
    bottom: auto;
    left: auto;
    padding: 2px 10px;
}
.accessories-list-wish .accessory-item .check-item {
    top: 12px;
    left: 12px;
}
.accessories-list-wish .open > .accessory-item .img {
    position: relative;
    opacity: 1;
}
.accessories-list-wish .open > .accessory-item .descr {
    padding-left: 20px;
}
.accessories-list-wish .open > .accessory-item .title {
    font-size: 18px;
}
.accessories-list-wish .open > .accessory-item .hint {
    top: auto;
    right: 0;
    bottom: auto;
    left: 0;
    padding: 10px 15px;
}
.accessories-list-wish .close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    line-height: 24px;
}

@media (max-width: 767px) {
    .accessories-list-wish .accessory-item .hint {
        display: none;
    }
}

@media (min-width: 768px) {
    .panel-body > .accessories-list-wish {
        float: left;
        width: 100%;
        margin: -15px 0;
    }
}

.wish-list {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    line-height: 1.66667;
}
.wish-list > li {
    position: relative;
    padding: 5px 10px;
    overflow: hidden;
}
.wish-list .img {
    float: left;
    width: 80px;
    margin: 0;
}
.wish-list .descr {
    padding: 0 30px 0 15px;
    overflow: hidden;
    white-space: nowrap;
}
.wish-list .descr .title {
    display: block;
    margin: 0;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    text-overflow: ellipsis;
}
.wish-list .descr .info {
    margin: 0;
}
.wish-list .descr .id {
    display: block;
    color: #939393;
}
.wish-list .link:hover {
    text-decoration: none;
}
.wish-list .link:hover .title {
    text-decoration: underline;
}
.wish-list .close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 6px;
    width: 32px;
    height: 32px;
    color: #45dfff;
    line-height: 32px;
}
.wish-list .close:hover,
.wish-list .close:focus {
    color: #000;
}

@media (min-width: 768px) {
    .wish-title {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .wish-title .title {
        margin-top: 12px;
        margin-bottom: 12px;
        font-size: 20px;
    }
    .wish-list > li {
        padding: 10px 20px;
    }
    .wish-list .img {
        width: 100px;
    }
    .wish-list .descr {
        padding-left: 20px;
        padding-right: 20px;
    }
    .wish-list .close {
        top: 6px;
    }
}

/* equipment */

.equipment-list {
    margin: -10px -10px 30px;
    padding: 0;
    list-style: none;
    font-size: 0;
}
.equipment-list > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 10px;
    font-size: 13px;
}
.equipment-item {
    display: block;
    padding: 15px 20px;
    overflow: hidden;
    background-color: #f5f5f5;
}
.equipment-item .title {
    display: block;
    margin: 0;
    overflow: hidden;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.equipment-item .price-line {
    display: block;
    margin: 8px 0 0;
    font-size: 0;
    line-height: 1;
    white-space: nowrap;
}
.equipment-item .price-line .price {
    display: block;
    font-size: 26px;
}
.equipment-item .price-line .text {
    display: block;
    margin: 4px 0 0;
    font-size: 12px;
    text-transform: uppercase;
}
a.equipment-item:hover .price,
a.equipment-item:focus .price {
    color: inherit;
    -webkit-transition: color .35s ease;
    transition: color .35s ease;
}

@media (min-width: 480px) {
    .equipment-list > li {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .equipment-list > li {
        width: 33.3333%;
    }
}

@media (min-width: 992px) {
    .equipment-list > li {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .equipment-list > li {
        width: 20%;
    }
}

/* summary */

.model-summary .side-block {
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .model-summary {
        margin-left: -10px;
        margin-right: -10px;
    }
    .model-summary .side-block,
    .model-summary .descr-block {
        padding-left: 10px;
        padding-right: 10px;
    }
    .model-summary .side-block {
        float: right;
        width: 33.3333%;
        margin-left: 0;
        margin-right: 0;
    }
    .model-summary .descr-block {
        float: left;
        width: 66.6666%;
    }
}

@media (min-width: 992px) {
    .model-summary .side-block {
        width: 25%;
    }
    .model-summary .descr-block {
        width: 70%;
    }
}

@media (min-width: 1200px) {
    .model-summary .side-block {
        width: 20%;
    }
}

/* offers */

.offer-item {
    position: relative;
    display: block;
    padding: 20px;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
}
.offer-item .img > img {
    max-height: 100%;
}
.offer-item .title {
    display: block;
    margin: 0;
    overflow: hidden;
    color: #10314c;
    font-size: 22px;
    line-height: 1.2;
}
.offer-item .price-line {
    display: block;
    margin: 10px 0 0;
}
.offer-item .price {
    display: inline-block;
    margin: 0 15px 0 0;
    overflow: hidden;
    font-size: 24px;
    line-height: 1;
}
.offer-item .price-muted {
    font-size: 18px;
    line-height: 1.2;
}
.offer-item .hint {
    display: block;
    margin: 10px 0 0;
    overflow: hidden;
    color: #606164;
    font-weight: normal;
}
.offer-item .btn-line .btn {
    display: block;
    width: 100%;
}
.offer-item .badge {
    position: absolute;
    top: 8px;
    left: 0;
    height: 22px;
    padding: 4px 10px;
    border-radius: 0;
    background-color: #fff;
    color: inherit;
    font-size: 0;
}
.offer-item .badge > img {
    height: 100%;
}
.offer-item .badge-discount {
    position: absolute;
    top: 20px;
    right: 0;
    height: 34px;
    padding: 0 12px;
    border-radius: 3px 0 0 3px;
    background-color: #45dfff;
    color: #000;
    font-size: 16px;
    line-height: 34px;
}
.offer-item .close {
    position: absolute;
    z-index: 1;
    top: 2px;
    right: 2px;
    width: 32px;
    height: 32px;
    margin: 0;
    color: #c5c5c5;
    line-height: 32px;
}
.offer-item .close:hover,
.offer-item .close:focus {
    color: #0b4a7e;
}

.offers-list {
    margin: -20px 0 40px;
    padding: 0;
    list-style: none;
    font-size: 0;
}
.offers-list > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 20px;
    font-size: 13px;
}

@media (min-width: 640px) {
    .offer-item .badge {
        top: 15px;
        height: 30px;
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

@media (min-width: 768px) {
    .offer-item .img {
        height: 160px;
        line-height: 160px;
    }
    .offer-item .descr {
        height: 90px;
        overflow: hidden;
    }
    .offer-item .price-line {
        height: 30px;
        margin-top: 0;
        white-space: nowrap;
    }
    .offer-item .btn-line {
        margin-top: 5px;
    }
    .offer-item .hint {
        margin-top: 8px;
    }
    .offers-list {
        margin-left: -15px;
        margin-right: -15px;
    }
    .offers-list > li {
        width: 50%;
        padding: 0 15px;
    }
}

@media (min-width: 992px) {
    .offers-list > li {
        width: 33.3333%;
    }
}

/* car builder */

.builder-btn-line {
    margin-bottom: 60px;
}
.builder-btn-line .btn {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .builder-btn-line {
        text-align: center;
    }
    .builder-btn-line .btn-back {
        float: left;
        margin-right: -100%;
    }
}

@media (min-width: 992px) {
    .builder-btn-line {
        margin-bottom: 0;
    }
}

.builder-content +.builder-content {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
}

@media (min-width: 992px) {
    .builder-content {
        margin-left: -15px;
        margin-right: -15px;
    }
    .builder-content-full {
        padding: 0 15px;
    }
    .builder-content-main {
        float: left;
        width: 70%;
        padding: 0 15px;
    }
    .builder-content-side {
        float: left;
        width: 30%;
        padding: 0 15px;
    }
}

.spec-list .list-group-item {
    display: table;
    width: 100%;
}
.spec-list .checkbox {
    padding-left: 34px;
}
.spec-list .title {
    margin-top: -1px;
    font-size: 16px;
}
.spec-list .btn-line {
    text-align: right;
}
.spec-list .img {
    text-align: inherit;
}
.spec-list .descr {
    margin: 0;
}
.spec-list .descr > .text {
    margin: 0 0 15px;
    font-size: 13px;
}
.spec-list .side-line {
    display: block;
    margin-bottom: 20px;
}
.spec-list .checkbox {
    margin: 0;
    overflow: hidden;
}
.spec-list .img + .descr {
    overflow: hidden;
}
.spec-list .img + .descr .checkbox {
    margin-bottom: 20px;
}
.spec-list .panel-toggle {
    margin-top: 10px;
    margin-bottom: 0;
}
.spec-list .panel-heading {
    padding: 8px 10px;
}
.spec-list .panel-title {
    height: 30px;
    margin: -8px -10px;
    padding-left: 18px;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
}
.spec-list .panel-body {
    padding: 15px;
}

@media (min-width: 768px) {
    .spec-list .side-line {
        float: right;
        margin-bottom: 0;
        padding: 2px 0;
        font-size: 13px;
    }
    .spec-list .img {
        float: left;
        width: 120px;
        height: 65px;
        margin: 0 15px 0 0;
    }
    .spec-list .img > img {
        min-width: 100%;
        height: 100%;
    }
    .spec-list .img + .descr .checkbox {
        margin-bottom: 11px;
    }
    .spec-list .panel-title {
        height: 40px;
        line-height: 40px;
    }
}

.builder-model-panel {
    margin-bottom: 0;
    font-size: 12px;
}
.builder-model-panel + .builder-model-panel {
    margin-top: 10px;
}
.builder-model-panel .panel-heading {
    padding-top: 15px;
    border: 0;
}
.builder-model-panel .img {
    max-width: 320px;
    margin: 0 auto 20px;
}
.builder-model-panel .descr {
    margin-bottom: 10px;
    overflow: hidden;
}
.builder-model-panel .descr dt {
    float: left;
    width: 45%;
    margin-bottom: 3px;
    color: #606164;
    font-weight: normal;
}
.builder-model-panel .descr dd {
    overflow: hidden;
    margin-bottom: 3px;
}
.builder-model-panel .price {
    overflow: hidden;
    margin: 0 -15px 2px;
    padding: 5px 15px;
    background-color: #f5f5f5;
    color: inherit;
    font-size: 14px;
}
.builder-model-panel .price .title {
    float: left;
    width: 45%;
}
.builder-model-panel .price .value {
    display: block;
    overflow: hidden;
    line-height: inherit;
}
.builder-model-panel .btn-line {
    margin-top: 15px;
    text-align: center;
}

.builder-model-panel .table > tbody > tr > td,
.builder-model-panel .table > tbody > tr > th,
.builder-model-panel .table > tfoot > tr > td,
.builder-model-panel .table > tfoot > tr > th,
.builder-model-panel .table > thead > tr > td,
.builder-model-panel .table > thead > tr > th {
    padding: 8px;
}
.builder-model-panel .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fff;
}

.builder-model-panel .panel-toggle {
    margin: 0;
    background-color: transparent;
}
.builder-model-panel .panel-toggle .panel-heading .value {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 25px;
    cursor: pointer;
}
.builder-model-panel .panel-toggle .panel-heading .value:before {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 10px;
    height: 10px;
    margin-top: -0.45em;
    font-family: "DaciaIcons";
    font-size: 10px;
    font-weight: normal;
    line-height: 1;
    content: "\e67c";
}
.builder-model-panel .panel-toggle .panel-heading .value.collapsed:before {
    content: "\e610";
}
.builder-model-panel .panel-toggle .panel-heading .value:hover {
    color: #45dfff;
}
.builder-model-panel .panel-toggle .panel-body {
    margin-top: -2px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f5f5f5;
}

@media (min-width: 768px) {
    .builder-model-panel:first-child {
        margin-top: -17px;
    }
}

@media (min-width: 1200px) {
    .builder-model-panel .price {
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .builder-model-panel .panel-toggle .panel-body {
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 25px;
        padding-right: 25px;
    }
}



.builder-content .offer-item .title {
    font-size: 13px;
    font-weight: normal;
}
.builder-content .offer-item .badge-discount {
    top: 10px;
    min-width: 55px;
    height: auto;
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 13px;
    line-height: 1;
}

@media (min-width: 768px) {
    .builder-content .offer-item .title {
        height: 50px;
    }
    .builder-content .offer-item .price-line {
        margin-top: 5px;
    }
}

@media (min-width: 992px) {
    .builder-content .offers-list > li {
        width: 25%;
    }
}

.builder-saved-item {
    position: relative;
    display: block;
    padding: 15px 35% 15px 20px;
    overflow: hidden;
}
a.builder-saved-item:hover,
a.builder-saved-item:focus {
    background-color: #f5f5f5;
    color: inherit;
    text-decoration: none;
}

.builder-saved-item .img {
    position: static;
    float: right;
    width: 60%;
    height: auto;
    margin: 0 -60% 0 0;
    text-align: left;
    line-height: 1;
}
.builder-saved-item .title {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.25;
    text-transform: none;
}
.builder-saved-item .title:after {
    display: none;
}
.builder-saved-item .title .imp {
    /*font-weight: bold;*/
}
.builder-saved-item .descr {
    margin: 0;
}
.builder-saved-item .descr .item {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.builder-saved-item .price {
    display: block;
    padding: 0;
    margin: 0;
    color: #45dfff;
    font-size: 16px;
}
.builder-saved-item .badge {
    position: absolute;
    top: 10px;
    right: 0;
    min-width: 55px;
    padding: 4px 12px;
    border-radius: 3px 0 0 3px;
    background-color: #45dfff;
    color: #000;
    font-size: 13px;
    font-weight: normal;
    white-space: nowrap;
}
.builder-saved-item .hint {
    color: #606164;
    font-style: italic;
}

.builder-saved-list {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}
.builder-saved-list > li:nth-child(2n+1) {
    background-color: #f5f5f5;
}
.builder-saved-list .btn-line {
    margin: 0;
    padding: 0;
}
.builder-saved-list .btn-line .btn-link {
    display: block;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}
.builder-saved-list .btn-line .btn-link .fa {
    margin-left: -8px;
    margin-right: 4px;
}

@media (min-width: 768px) {
    .builder-saved-item {
        font-size: 11px;
    }
    .builder-saved-item .title {
        margin-bottom: 4px;
    }
    .builder-saved-item .badge {
        padding: 3px 10px;
    }
}

.builder-content .builder-saved-list {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
    font-size: 0;
}
.builder-content .builder-saved-list > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: transparent;
    font-size: 13px;
}
.builder-content .builder-saved-item {
    padding: 20px;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
}
.builder-content .builder-saved-item .img {
    float: none;
    margin: 0 0 20px;
    width: auto;
}
.builder-content .builder-saved-item .title {
    margin: 0;
    font-size: 14px;
}
.builder-content .builder-saved-item .badge {
    padding-top: 8px;
    padding-bottom: 8px;
}

.builder-content .offer-list {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .builder-content .builder-saved-list > li {
        width: 50%;
    }
    .builder-content .builder-saved-item .title {
        height: 52px;
    }
}

@media (min-width: 992px) {
    .builder-content .builder-saved-list > li {
        width: 25%;
    }
    .builder-content .offer-item .img,
    .builder-content .builder-saved-item .img {
        height: 120px;
        line-height: 120px;
    }
}

.builder-finance-form {
    margin-bottom: 25px;
}
.builder-finance-form .form-group {
    margin-bottom: 0;
}
.builder-finance-form .control-label {
    padding-top: 7px;
    padding-right: 0;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    text-transform: none;
}
.builder-finance-form .form-control-static {
    min-height: 30px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: bold;
}
.builder-finance-form .form-control {
    height: 30px;
}
.builder-finance-form .ui-slider-handle .value {
    opacity: 0;
    -webkit-transition: opacity .35s ease;
    transition: opacity .35s ease;
}
.builder-finance-form .ui-slider-handle:hover .value,
.builder-finance-form .ui-slider-handle:focus .value {
    opacity: 1;
}

/* sitemap */

.sitemap {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000;
}
.sitemap ul {
    margin: 0 0 20px 30px;
    padding: 0;
    list-style: none;
    color: #333;
}
.sitemap ul ul {
    color: #606164;
}
.sitemap a {
    display: inline-block;
    padding: 1px 0;
}
.sitemap > li > a {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.sitemap > li > ul > li > a {
    font-size: 14px;
}

/* reviews */

.rating-total {
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f5f5f5;
}
.rating-total .title {
    margin: -2px 0 0;
}
.rating-total .total {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
}
.rating-total .img {
    display: inline-block;
    width: 186px;
    margin: 0;
    line-height: 80px;
}
.rating-total .rating-average {
    position: relative;
    text-align: center;
}
.rating-total .rating-average:before {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    height: 0;
    margin-top: 10px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #fff;
    content: "";
}

@media (min-width: 768px) {
    .rating-total:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 0;
        margin-left: -1px;
        border-left: 1px solid #fff;
        border-right: 1px solid #c5c5c5;
        content: "";
    }
    .rating-total .rating-average:before {
        display: none;
    }
}

@media (min-width: 768px) {
    .review-rating-list > li {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .review-rating-list > li {
        width: 25%;
    }
}

.rating-list {
    color: #10314c;
}

.review-block {
    display: block;
    margin-bottom: 20px;
    padding: 20px 0;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.review-block + .review-block {
    margin-top: -22px;
}
.review-block dl.list-horizontal {
    margin-bottom: 0;
}
.review-block dl.list-horizontal dt,
.review-block dl.list-horizontal dd {
    margin-top: 2px;
    margin-bottom: 2px;
}
.review-block .title {
    margin-bottom: 5px;
    line-height: 1.1;
}
.review-block .author {
    display: block;
    margin: 0 0 10px;
    color: #999;
    font-size: 11px;
}
.review-block .rating-list {
    padding: 5px 10px;
    background-color: #f5f5f5;
}

@media (min-width: 768px) {
    .review-block .rating-list {
        padding: 10px 25px;
    }
}

.form-horizontal .stars-item-lg {
    margin-top: 5px;
}
.rating-form-list {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}
.rating-form-list dt {
    font-weight: normal;
}
.rating-form-list dd {
    margin-bottom: 20px;
}
.rating-form-list .stars-item {
    margin-right: 10px;
}
.rating-form-list .checkbox-inline {
    margin-top: 0;
}

@media (min-width: 768px) {
    .rating-form-list dt {
        clear: left;
        padding-top: 6px;
        text-align: right;
    }
    .rating-form-list dd {
        margin-bottom: 10px;
    }
}

.persons-list-rating {
    margin: -10px -10px 20px;
}
.persons-list-rating > li {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.persons-list-rating .person-item .img {
    width: 60px;
    height: 80px;
    margin-right: 15px;
    line-height: 80px;
}
.persons-list-rating .person-item .stars-item {
    margin-top: 7px;
    margin-right: 10px;
}
.persons-list-rating .person-item .checkbox-inline {
    padding-left: 35px;
}
.persons-list-rating .person-item .btn-line {
    margin-top: 5px;
}

@media (min-width: 768px) {
    .persons-list-rating {
        margin-top: -20px;
    }
    .persons-list-rating > li {
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {
    .persons-list-rating > li {
        width: 25%;
    }
}

/* compare */

.compare-header {
    float: left;
    width: 34%;
    margin-right: -100%;
}
.models-compare {
    margin: 0 -10px 30px;
    padding: 0;
    font-size: 0;
    text-align: right;
}
.models-compare > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 22%;
    padding: 0 10px;
    font-size: 14px;
    text-align: center;
}
.models-compare .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    color: #c5c5c5;
    line-height: 32px;
}
.models-compare .close:hover,
.models-compare .close:focus {
    color: #0b4a7e;
}
.models-compare .img {
    height: 95px;
    margin: 0 auto;
}
.models-compare .img > img {
    max-height: 100%;
}
.models-compare .form-group {
    position: static;
    margin-bottom: 4px;
}
.models-compare .form-group .value {
    float: left;
    width: 100%;
    margin: 0 -100% 0 0;
    overflow: hidden;
    color: #606164;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.models-compare .form-group .title {
    color: #10314c;
    font-size: 18px;
}
.models-compare .form-group .form-control {
    position: relative;
    width: 100%;
    height: 30px;
    padding: 0 5px 0 16px;
    font-size: 13px;
    text-align: center;
    opacity: 0;
}
.models-compare .form-group .vehicles-btn {
    text-align: center;
    opacity: 0;
}
.models-compare .form-group .vehicles-btn.active {
    border-bottom: 0;
}
.models-compare .form-group .vehicles-btn.btn-sm {
    height: 30px;
    font-size: 14px;
    line-height: 28px;
}
.models-compare > li:hover .form-group .form-control,
.models-compare > li:hover .form-group .vehicles-btn,
.models-compare .form-group .vehicles-btn.active {
    opacity: 1;
}
.models-compare .price {
    display: block;
    font-size: 22px;
}
.models-compare .btn {
    display: block;
    width: 100%;
}
.models-compare .btn-line {
    margin-top: 4px;
}
.models-compare .btn-line .btn {
    margin-top: 4px;
}
.models-compare .descr {
    height: 40px;
    overflow: hidden;
}
.models-compare .descr .item {
    display: inline;
}
.models-compare .descr .item:after {
    content: ", ";
}
.models-compare .descr .item:last-child:after {
    content: "";
}

@media (max-width: 639px) {
    .models-compare {
        text-align: center;
    }
    .models-compare > li {
        display: block;
        width: 240px;
        margin: 0 auto 30px;
    }
    .models-compare .form-group .value,
    .models-compare .form-group .vehicles-btn {
        display: none;
    }
    .models-compare .form-group .form-control {
        padding: 0 10px;
        opacity: 1;
    }
}

@media (min-width: 640px) {
    .models-compare .form-group .vehicles-select {
        display: none;
    }
}

@media (min-width: 1200px) {
    .models-compare > li {
        width: 25%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.compare-table + .compare-table {
    margin-top: -20px;
}
.compare-table:last-child {
    margin-bottom: 0;
}
.compare-table td,
.compare-table th {
    width: 22%;
    text-align: center;
}
.compare-table td:first-child,
.compare-table th:first-child {
    width: auto;
    text-align: left;
}
.compare-table td:last-child,
.compare-table th:last-child {
    text-align: center;
}

@media (min-width: 1200px) {
    .compare-table td,
    .compare-table th {
        width: 25%;
    }
}

/* service */

.service-form {
    padding: 40px 20px;
    border-radius: 3px;
    background-color: #f5f5f5;
    text-align: center;
}
.service-form label {
    font-size: 14px;
}
.service-form .form-group {
    margin-bottom: 0;
}
.service-form .form-group + .form-group {
    margin-top: 40px;
}
.service-form .form-group-numberplate .form-control {
    height: 80px;
    font-size: 30px;
    text-align: center;
}

@media (min-width: 768px) {
    .service-form .form-group {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .service-form .form-group-numberplate {
        width: 420px;
    }
}

/* trade in */

.car-graph {
    position: relative;
    display: block;
    float: none;
    margin-bottom: 25px;
    padding: 0;
}
.car-graph > img {
    position: relative;
    z-index: 1;
    vertical-align: top;
    width: 100%;
}
.car-graph .pin {
    position: absolute;
    z-index: 2;
    width: 18px;
    height: 18px;
    border: 0;
    border-radius: 9px;
    background-color: #45dfff;
    color: #000;
    cursor: help;
}

.droparea {
    display: block;
    height: 280px;
    border: 3px dashed #ccc;
    background-color: #f5f5f5;
    margin-bottom: 20px;
    overflow: hidden;
    line-height: 280px;
    text-align: center;
    white-space: nowrap;
}
.droparea > .text {
    color: #c5c5c5;
    font-size: 40px;
}

.drop-list {
    margin-left: -10px;
    margin-right: -10px;
}
.drop-list > li {
    padding-left: 10px;
    padding-right: 10px;
}
.drop-list .offer-item {
    padding: 15px;
}

@media (min-width: 480px) {
    .drop-list > li {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .drop-list > li {
        width: 25%;
    }
}

/* chat */

.frame-chat {
    position: fixed;
    z-index: 9999;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    overflow: hidden;
    border-radius: 22px 22px 0 0;
    -webkit-transition: width .35s ease, height .35s ease;
    transition: width .35s ease, height .35s ease;
}
.frame-chat.hidden {
    display: none;
}
.frame-chat.header-open {
    height: 145px;
}
.frame-chat.open {
    height: 100%;
}

.frame-chat .label {
    position: absolute;
    z-index: 2;
    top: 22px;
    right: 16px;
    height: 16px;
    margin-top: -5px;
    padding: 0 5px;
    border-radius: 0;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    white-space: nowrap;
}
.frame-chat .label-success {
    background-color: #259a2d;
}
.frame-chat .label-danger {
    background-color: #e53e3e;
}
.frame-chat.open .label,
.frame-chat.header-open .label {
    top: 50%;
    right: 0;
    margin-top: -8px;
}
.frame-chat.open .chat-title .label,
.frame-chat.header-open .chat-title .label {
    display: none;
}

@media (min-width: 768px) {
    .frame-chat {
        left: auto;
        width: 300px;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
        box-shadow: 0 0 10px rgba(0,0,0,.2);
    }
    .frame-chat.header-open {
        width: 360px;
    }
    .frame-chat.open {
        width: 360px;
        height: 400px;
    }
}

.chat-open {
    z-index: 2;
    display: block;
    height: 50px;
    margin: 0;
    overflow: hidden;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 14px;
    line-height: 50px;
    text-align: left;
    text-overflow: ellipsis;
}
.chat-open:before {
    right: 20px;
    content: "\e67c";
}
.chat-open .ico {
    margin-left: -15px;
    font-size: 18px;
}
.header-open > .chat-open:before,
.open > .chat-open:before {
    content: "\e610";
}
.chat-header {
    z-index: 1;
    /*top: 50px;*/
    right: 0;
    left: 0;
    height: 95px;
    background-color: #fff;
    -webkit-transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
}
.chat-header .person-item {
    padding: 10px 15px;
    background-color: transparent;
    line-height: 1.25;
}
.chat-header .person-item .title {
    font-size: 14px;
}
.chat-header .person-item .subtitle {
    font-size: 12px;
}
.chat-header .person-item .text {
    margin-top: 8px;
    font-size: 12px;
}
.chat-header .person-item .img {
    width: 60px;
    height: 75px;
    margin-right: 15px;
    line-height: 75px;
}
.chat-header .person-item .msg {
    position: absolute;
    z-index: 2;
    right: 10px;
    bottom: 12px;
    left: 82px;
    display: none;
    margin: 0;
    padding: 6px 3px 6px 6px;
    background-color: #fef6dd;
    font-size: 12px;
    line-height: 1.3;
}
.chat-header .person-item .msg:before {
    position: absolute;
    left: -20px;
    bottom: 10px;
    border: 1px solid rgba(255,255,255,0);
    border-width: 5px 10px;
    border-right-color: #fef6dd;
    content: "";
}
.chat-header .person-item .msg .text {
    display: block;
    height: 15px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: height 0.5s ease;
    transition: height 0.5s ease;
}
.chat-header .person-item .msg.open .text {
    height: 46px;
    white-space: normal;
}
.header-open > .chat-header {
    cursor: pointer;
}
.header-open > .chat-header .person-item .msg {
    display: block;
}
.open > .chat-header .person-item .msg {
    display: none;
}

.open > .chat-header {
    position: absolute;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.open > .chat-header .person-item .title,
.header-open > .chat-header .person-item .title {
    position: relative;
}

@media (min-height: 380px) {
    .open > .chat-header {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .input-focus > .chat-header {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.chat-form {
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 50px;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: padding .35s ease;
    transition: padding .35s ease;
}
.chat-form .div-panel,
.chat-form .panel-body {
    height: 100%;
    padding: 0;
}
.chat-form .panel-body {
    border-top: 1px solid #ddd;
}
.chat-form .panel-footer {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    padding: 10px;
    background-color: #f5f5f5;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
}

@media (min-height: 380px) {
    .chat-form {
        padding-top: 95px;
    }
    .input-focus > .chat-form {
        padding-top: 0;
    }
}

.chat-form .form {
    height: 100%;
}
.chat-form .fieldset {
    height: 100%;
    margin: 0;
    padding: 5px 15px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.chat-form .form-control {
    height: 30px;
    font-size: 1em;
}
.chat-form textarea.form-control {
    height: 75px;
    padding-top: 4px;
    padding-bottom: 4px;
    resize: none;
}
.chat-form .form-group {
    position: relative;
    margin-bottom: 10px;
}
.chat-form .form-group:last-child {
    margin-bottom: 0;
}
.chat-form .control-label {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    padding: 0 15px;
    color: #ccc;
    font-size: 12px;
    font-family: "Nissan Brand", Verdana, Geneva, sans-serif;
    line-height: 32px;
    cursor: text;
}
.chat-form .control-label .fa,
.chat-form .control-label .ico {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 3px;
    margin-left: -4px;
}
.chat-form .filled .control-label {
    display: none;
}
.chat-form .input-group {
    display: table;
    border-collapse: separate;
}
.chat-form .input-group .form-control {
    display: table-cell;
    height: 30px;
    padding: 5px 10px;
    font-size: 13px;
}
.chat-form .input-group-btn {
    z-index: 2;
    display: table-cell;
    vertical-align: middle;
    width: 1%;
}
.chat-form .input-group-btn > .btn {
    height: 30px;
    margin: 0;
    padding: 0 20px;
    overflow: visible;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    line-height: 30px;
}
.chat-form .input-group-btn > .btn:before {
    display: none;
}
.chat-form .form-btn {
    padding: 11px 10px;
    text-align: right;
}
.open > .chat-form {
    position: absolute;
}
.open > .chat-form .panel-footer {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .chat-form .input-group .form-control {
        padding: 2px 8px;
        font-size: 16px;
    }
}

.chat {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
    font-size: 13px;
    -webkit-overflow-scrolling: touch;
}
.chat > li {
    padding: 8px 15px;
    overflow: hidden;
}
.chat-img {
    display: block;
    width: 50px;
    height: 50px;
}
.chat-img.pull-left {
    display: none;
}
.chat .header {
    margin-bottom: 8px;
    overflow: hidden;
}
.chat .header .primary-font {
    display: none;
    color: #606164;
}
.chat .header .text-muted {
    display: inline-block;
    padding-top: 3px;
    color: #606164;
    font-size: 11px;
}
.chat .header .ico {
    margin-top: -3px;
    margin-right: 3px;
    color: #c5c5c5;
}
.chat .chat-body p {
    margin: 0;
}
.chat .li-left {
    background-color: #f5f5f5;
}
.chat .li-left .chat-img {
    float: right;
}
.chat .li-left .header .primary-font {
    float: right;
    display: block;
    color: #45dfff;
}
.chat .li-left .header .text-muted {
    float: left;
}
.chat .li-left .chat-body {
    margin-right: 60px;
}

.chat-title {
    display: block;
    height: 100%;
    padding: 10px 15px;
    overflow: hidden;
    line-height: 1.25;
    text-align: center;
}
.chat-title .title {
    display: block;
    margin: 0;
    color: #45dfff;
    font-size: 15px;
    font-weight: normal;
}
.chat-title .subtitle {
    display: block;
    margin: 0;
    color: #606164;
    font-size: 12px;
    font-weight: normal;
}

/* find dealer */

.dealer-page .navbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.dealer-page .main-wrapper {
    padding-top: 70px;
}
.dealer-page .content-main,
.dealer-side {
    position: relative;
    overflow: hidden;
}
.dealer-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
}
.dealer-content:first-child {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.dealer-content.active {
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.dealer-form {
    height: 125px;
    padding: 15px 20px;
    background-color: #f5f5f5;
    white-space: nowrap;
}
.dealer-form > .title {
    display: block;
    margin: 0 0 5px;
    overflow: hidden;
    color: #10314c;
    font-size: 20px;
    text-overflow: ellipsis;
}
.dealer-form .form-group {
    margin: 0;
}
.dealer-form .btn-line {
    margin-top: 5px;
    text-align: right;
}
.dealer-form .btn {
    height: 30px;
    padding-right: 30px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 30px;
}
.dealer-form .btn:before {
    right: 14px;
    width: 8px;
    height: 8px;
    font-size: 10px;
}
.dealer-filter {
    border-top: 1px solid #ddd;
    background-color: #f5f5f5;
}
.dealer-filter .dropdown-toggle {
    position: relative;
    display: block;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 40px;
}
.dealer-filter .dropdown-toggle:after {
    display: inline-block;
    margin-left: 6px;
    font-size: 10px;
    font-weight: normal;
    font-family: "DaciaIcons";
    content: "\e610";
}
.dealer-filter.open .dropdown-toggle:after {
    content: "\e67c";
}
.dealer-filter .dropdown-menu {
    position: static;
    float: none;
    display: block;
    height: 0;
    margin: 0;
    padding: 0 20px;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
    font-size: inherit;
    -webkit-transition: height .35s ease;
    transition: height .35s ease;
}
.dealer-filter .dropdown-menu:before {
    display: none;
}
.dealer-filter .dropdown-menu > li + li {
    margin-top: 5px;
}
.dealer-filter.open .dropdown-menu {
    height: 70px;
}
.dealer-filter .btn {
    position: relative;
    z-index: 1;
    float: right;
    height: 30px;
    margin: 5px 20px 5px 0;
    padding-right: 35px;
    padding-left: 15px;
    font-size: 12px;
    line-height: 30px;
}
.dealer-filter .btn:before {
    right: 17px;
    width: 8px;
    height: 8px;
    font-size: 14px;
    content: "\e90a";
}
.dealer-back-btn {
    display: block;
    height: 40px;
    margin: 0;
    padding: 0 25px 0 42px;
    border-radius: 0;
    background-color: #f5f5f5;
    line-height: 40px;
    text-align: left;
}
.dealer-back-btn:before {
    right: auto;
    left: 19px;
    content: "\e622";
}
.dealer-back-btn:hover,
.dealer-back-btn:focus {
    color: #45dfff;
}

.dealer-detail {
    display: none;
    padding: 20px;
}
.dealer-detail.active {
    display: block;
}
.dealer-detail .links {
    margin: 20px -20px -20px;
    padding: 0;
    color: #606164;
    list-style: none;
    white-space: nowrap;
}
.dealer-detail .links > li {
    margin-top: 1px;
}
.dealer-detail .links > li > a {
    display: block;
    height: 40px;
    padding: 0 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    line-height: 40px;
    text-overflow: ellipsis;
}
/*.dealer-detail .links > li > a:hover,
.dealer-detail .links > li > a:focus {
    background-color: #f0f0f0;
    color: inherit;
}*/
.dealer-detail .links .fa {
    margin-right: 8px;
    font-size: 14px;
}

.dealer-list {
    margin: 0;
    padding: 0;
    color: #606164;
    list-style: none;
    line-height: 1.66667;
}
.dealer-list > li + li {
    border-top: 1px solid #ddd;
}
.dealer-list > li > a {
    position: relative;
    display: block;
    padding: 15px 20px;
    text-decoration: none;
}
.dealer-list > li > a:before {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #45dfff;
    font-size: 12px;
    font-weight: normal;
    font-family: "DaciaIcons";
    line-height: 1px;
    content: "\e634";
}
.dealer-list > li.group > a {
    padding-left: 45px;
}
.dealer-list > li.group > a:before {
    display: none;
}
.dealer-list .group-title {
    position: relative;
    display: block;
    padding: 15px 20px 15px 45px;
}
.dealer-list .group-title .imp {
    display: block;
    color: #45dfff;
}
.dealer-list .title {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}
.dealer-list .descr {
    margin: 0;
}
.dealer-list .fa {
    position: absolute;
    top: 19px;
    left: 20px;
    color: #000;
}

.dealer-map {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}
.dealer-map .block-embed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    margin: 0;
    padding: 0;
}
.dealer-map .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: #45dfff;
    color: #000;
    line-height: 40px;
}
.dealer-map .close:hover,
.dealer-map .close:focus {
    background-color: #bb3900;
}

.dealer-page-map,
.dealer-page-map body,
.dealer-page-map .main-wrapper,
.dealer-page-map .content-main {
    height: 100%;
}
.dealer-page-map .dealer-side {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
}
.dealer-page-map .dealer-form,
.dealer-page-map .dealer-filter,
.dealer-page-map .dealer-list > li {
    display: none;
}
.dealer-page-map .dealer-list > li.active {
    display: block;
}
.dealer-page-map .dealer-map {
    z-index: 1;
    opacity: 1;
}

@media (min-width: 768px) {
    .dealer-page,
    .dealer-page body,
    .dealer-page .main-wrapper,
    .dealer-page .content-main {
        height: 100%;
    }
    .dealer-page .main-wrapper {
        padding-top: 104px;
    }
    .dealer-side {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 30%;
        background-color: #fff;
    }
    .dealer-content {
        height: 100%;
    }
    .dealer-content.active {
        position: absolute;
    }
    .dealer-inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-x: hidden;
        -webkit-transition: top .35s ease;
        transition: top .35s ease;
        -webkit-overflow-scrolling: touch;
    }
    .dealer-back-btn + .dealer-inner {
        top: 40px;
    }
    .dealer-form + .dealer-inner {
        top: 125px;
    }
    .dealer-filter + .dealer-inner {
        top: 165px;
    }
    .dealer-filter.open + .dealer-inner {
        top: 235px;
    }

    .dealer-filter .btn {
        display: none;
    }

    .dealer-list > li > a:hover,
    .dealer-list > li > a:focus,
    .dealer-list > li.active > a {
        background-color: #f5f5f5;
    }
    .dealer-list > li > a:hover:before,
    .dealer-list > li > a:focus:before,
    .dealer-list > li.active > a:before {
        color: inherit;
    }

    .dealer-map {
        z-index: 1;
        left: auto;
        width: 70%;
        opacity: 1;
    }
    .dealer-map .close {
        display: none;
    }

    .dealer-page-map .dealer-side {
        right: auto;
    }
    .dealer-page-map .dealer-form,
    .dealer-page-map .dealer-filter,
    .dealer-page-map .dealer-list > li {
        display: block;
    }
}

@media (min-width: 1200px) {
    .dealer-side {
        width: 20%;
    }
    .dealer-map {
        width: 80%;
    }
}

/* article */

.cta .btn-line .btn {
    margin-right: 7px;
    margin-bottom: 2px;
}

.article-item,
.article-item[class*="col"] {
    display: block;
    padding: 15px;
}
.article-item.row {
    padding-left: 0;
    padding-right: 0;
}
.article-item .img {
    position: relative;
}
.article-item .img img {
    -webkit-transition: .35s ease -webkit-transform;
    transition: .35s ease         transform;
}
.article-item .img a:hover img,
.article-item .img a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.article-item .title {
    line-height: 1.2;
}
.article-item .header {
    margin-bottom: 20px;
}
.article-item .header .pretitle {
    margin: 0 0 2px;
    font-size: 20px;
    line-height: 1.25;
}
.article-item .header .title {
    margin: 0;
    font-size: 28px;
    line-height: 1;
}
.article-item .text {
    margin-bottom: 15px;
}
.article-item .header + .btn-line {
    margin-top: -20px;
}

@media (min-width: 768px) {
    .article-item.row .img {
        height: auto;
        margin-bottom: 0;
    }
    .article-item.row.align-right .img {
        float: right;
    }

}

@media (min-width: 992px) {
    .article-item {
        padding: 20px;
    }
    .article-item.row {
        padding-left: 5px;
        padding-right: 5px;
    }
    .article-item .header {
        margin-bottom: 25px;
    }
    .article-item .btn-line {
        margin-top: 25px;
    }
}

@media (min-width: 1200px) {
    .article-item {
        padding: 25px;
    }
    .article-item.row {
        padding: 25px 10px;
    }
}

/* calculator */

.form-calculator {
    font-size: 13px;
}

.form-calculator .modal-footer {
    padding-top: 12px;
    padding-bottom: 12px;
}
.form-calculator .btn {
    height: 34px;
    line-height: 34px;
}
.form-calculator .btn::before {
    font-size: 0.875em;
}

.form-calculator .nav-tabs {
    margin: 0;
}
.form-calculator .nav-tabs > li {
    font-size: 14px;
}
.form-calculator .nav-tabs > li > a {
    height: 30px;
    line-height: 30px;
}

.form-calculator .form-group {
    margin-bottom: 10px;
}
.form-calculator .form-control {
    height: 34px;
    padding-left: 12px;
    padding-right: 12px;
}
.form-calculator .control-label {
    margin-bottom: 5px;
    padding-top: 5px;
}
.form-calculator .form-field {
    padding-right: 26px;
}

.form-calculator .ui-slider {
    margin-top: 17px;
    margin-bottom: 34px;
    font-size: 12px;
}
.form-calculator .ui-slider-handle .value {
    width: 54px;
    height: 20px;
    margin-bottom: 2px;
    margin-left: -27px;
    line-height: 20px;
}
.form-calculator .ui-slider-handle .value::before {
    border-top-width: 4px;
}
.form-calculator .ui-slider-handle .value-lg {
    width: 90px;
    margin-left: -45px;
}

.form-calculator .calc-table {
    margin-top: 30px;
}

@media (max-width: 639px) {
    .form-calculator .data-table > tbody > tr > td {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .form-calculator .data-table > tbody > tr > td:first-child {
        padding-top: 7px;
    }
    .form-calculator .data-table > tbody > tr > td:last-child {
        padding-bottom: 7px;
    }
}

@media (min-width: 768px) {
    .form-calculator .control-label {
        margin-bottom: 0;
        padding-top: 8px;
    }
}

.filter-group:first-child {
    margin-top: 0;
}

.filter-group {
    margin-top: 18px;
}

.hidden {
    display: none !important;
}

.used-car-detail .btn-line {
    clear: both;
    line-height: 43px;
}

.used-vehicles-list .btn-line {
    line-height: 42px;
}