/**
** Arma Web Agency
** Erk Plaza - Css Document 
** 09.12.2014
** Author : Cemal OCAL
*/

/* FONTS */ 
@font-face {font-family: 'Proxima Regular';src: url('fonts/proximanova-regular.eot');src: url('fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'),     url('fonts/proximanova-regular.woff') format('woff'),     url('fonts/proximanova-regular.ttf') format('truetype');font-weight: 400;font-style: normal;}
@font-face {font-family: 'Proxima Semibold';src: url('fonts/proximanova-semibold.eot');src: url('fonts/proximanova-semibold.eot?#iefix') format('embedded-opentype'),     url('fonts/proximanova-semibold.woff') format('woff'),     url('fonts/proximanova-semibold.ttf') format('truetype');font-weight: 600;font-style: normal;}
@font-face {font-family: 'Proxima Light';src: url('fonts/proximanova-light.eot');src: url('fonts/proximanova-light.eot?#iefix') format('embedded-opentype'),     url('fonts/proximanova-light.woff') format('woff'),     url('fonts/proximanova-light.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Proxima Bold';src: url('fonts/proximanova-bold.eot');src: url('fonts/proximanova-bold.eot?#iefix') format('embedded-opentype'),     url('fonts/proximanova-bold.woff') format('woff'),     url('fonts/proximanova-bold.ttf') format('truetype');font-weight: 700;font-style: normal;}

/* #GENERAL
================================================== */
body {width: 100%;color: #00374b;font-size: 14px;font-weight: 400;font-family: 'Proxima Regular', sans-serif;background-color:#fff}
    body.bg-grey {background-color: #efefed;}
html, body { height: 100%;margin: 0;padding: 0; }

/* #WRAPPER
================================================== */
.wrapper { width: 100%;min-height: 100%;margin-bottom: -562px;*margin-bottom: 0}
    .wrapper:after {content: "";display: block;height: 552px; padding: 0 0 50px 0; }

/* #HEADER
================================================== */
header { clear: both;height: 105px;position: absolute;z-index: 2001;left: 50%;top: 0;margin-left: -490px }
    header .container {-moz-border-radius: 0 0 20px 20px;-webkit-border-radius: 0 0 20px 20px;border-radius: 0 0 20px 20px;background-color: #fff;height: 105px;}
    header .logo {float: left;width: 231px;height: 105px;display: block;background-image: url(../img/logo.png);}
    
    header .nav {height: 105px;width: 663px; float: left;}
    header .nav .head {height: 21px;border-bottom: 1px solid #ebebeb;float: right;margin: 12px 0px 0 0}
    header .nav .head a {height: 16px;color: #999999;font: 300 10px 'Proxima Light',sans-serif;border-right: 1px solid #ebebeb;display: block;float: left;padding: 3px 10px 0 10px}
    header .nav .head a:last-child {border: none;}
        header .nav .head a:hover {color: #000;}

    header nav { float: left;height: 35px;}
        header nav ul {float: right;position: relative;}
        header nav ul li { height:80px; position: relative; float: left;}
        header nav ul li a { -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; display: block;color: #646464;font: 700 14px 'Proxima Bold',sans-serif;height: 35px; line-height: 35px;padding: 0 10px 0 10px;margin: 20px 0 0 10px;border-right: 1px solid #ebebeb;}
        header nav ul li a.activeX,header nav ul li a.active,header nav ul li a:hover {background-color: #646464;color: #fff;}
            header nav ul li a.home i {width: 12px;height: 9px;background-position: -47px 0;margin: 12px 0 0 0;}
            header nav ul li a.home:hover i {background-position: -47px -11px}

        /* Menu - Drop Down */
        header nav ul ul { display: none; position: absolute;left: 10px;top: 75px;z-index: 100;min-width: 235px;width: 215px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: #fff;-moz-box-shadow: 0 0 5px rgba(0,55,75,.32);-webkit-box-shadow: 0 0 5px rgba(0,55,75,.32);box-shadow: 0 0 5px rgba(0,55,75,.32);}
            header nav ul ul:after, header nav ul ul:before {bottom: 100%;left: 25px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
            header nav ul ul:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: #fff;border-width: 10px;margin-left: -10px;}
            header nav ul ul:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #dee5e7;border-width: 12px;margin-left: -12px;}
            header nav ul ul li { width: 100%; float: none; height: 28px;margin: 5px 0 5px 0;}
            header nav ul ul li a { margin: 0; height: 28px; line-height: 28px;padding: 0 15px 0 15px;border:none;text-align: left;white-space: nowrap;overflow: hidden;text-shadow: 0 0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
            header nav ul ul li a.active,header nav ul ul li a:hover {background: #dedfe0;color: #00374b}

        /* Menu - Drop Down Big */  
        header nav .drop-menu { overflow: hidden;position: absolute;left: 0;top: 71px;z-index: 2001;display: none;width: 664px;-moz-border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;background-color: #fff;}
        header nav .drop-menu .cont {margin: 15px;width: 700px;}
        header nav .drop-menu .cont a {text-align: center; text-overflow: ellipsis;white-space: nowrap; width: 135px;height: 103px;border: 2px solid transparent;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;margin: 0 0 10px 0;float: left;}
        header nav .drop-menu .cont a:hover {border: 2px solid #c9c9c9;background-color: #f3f3f3;}
        header nav .drop-menu .cont .photo {overflow: hidden;height: 70px;width: 135px;}
        header nav .drop-menu .cont .photo img {max-width: 135px;}
        header nav .drop-menu .cont .title {color: #646464;font:700 14px 'Proxima Bold',sans-serif;}

    /* Search Area */
    header .search { cursor: pointer; float: left;width: 85px;height:105px;background-color: #cecece;float: right;-moz-border-radius: 0 0 20px 0;-webkit-border-radius: 0 0 20px 0;border-radius: 0 0 20px 0;text-align: center;}
    header .search i {display: inline-block; width: 22px;height: 22px;margin: auto;float: none;background-position: 0 0;margin: 42px 0 0 0}
    header .search-area { width: 0;height: 105px;background-color: #c8c7c7;position: absolute;right: 85px;top: 0;z-index: 100;}
        header .search-area a { display: none; position: absolute;z-index: 102;right: -53px;top: 43px;width: 22px;height: 22px;background-position: -23px 0  }
        header .search-area .search-content {margin:33px; position: relative;}
            header .search-area .search-content input { display: none;}
            header .search-area .search-content input[type=text] { border:none; border-bottom: 1px solid #646464;  width: 100%; padding: 0 0 10px 0; background: transparent; color: #646464; font-size: 20px}
            header .search-area .search-content input[type=submit] { background-position: 0 0; cursor: pointer; width: 22px; height: 22px; position: absolute; right: 0; top:  0px; border: none;}
                header .search-area .search-content input[type=button] {
                    display: none !important;
                }



/* #SLIDES
================================================== */
section .slide { overflow: hidden;height: 673px;position: relative;width: 100%;background:url(../img/slides/slide-bg.jpg) center top no-repeat;margin: 0 0 75px 0}

    /* Slides */
    section .slide .slides {overflow: hidden;  width: 100%;height: 540px;position: relative;margin-top: 105px}
        .slide .slides .desc {float: left; width: 480px;height: 500px;position: relative;bottom: -900px}
        .slide .slides .desc div {text-align: left;}
        .slide .slides .desc div span {color: #fff;}
        .slide .slides .desc div .fs40 {font-size: 40px}
        .slide .slides .desc div .fs25 {font-size: 25px}
        .slide .slides .desc div .fs14 {color: #CFCFCF}
		.fs40 {font-size: 40px; color:#fff;}
        .fs25 {font-size: 25px;color:#fff;}
        .fs14 {color: #a5a6a6}
            .slide .slides .abs {overflow: hidden;padding: 50px 0 0 0}
            .slide .slides .abs a {background-color: #fff;color: #00374b;border: 1px solid #fff;padding: 10px 20px 10px 20px;display: block;float: left;margin: 0 25px 0 0}
            .slide .slides .abs a:hover {color: #00374b;background-color:transparent ;}
        .slide .slides .photo {float: right;float: right;width: 500px;height: 500px;}
        .slide .slides ul { overflow: hidden;}
        .slide .slides ul > li {width: 100%;height: 645px;position: absolute;left: 0;top: 0;}
        .slide .slides ul ul {width: 1000px;}

    /* Prev & Next */
    .slide .bx-prev {left:0 ;background: url(../img/controls.png) no-repeat 0 -54px;}
    .slide .bx-prev:hover {background-position: 0 -122px; }
    .slide .bx-next {right:0 ;background: url(../img/controls.png) no-repeat -66px -54px}
    .slide .bx-next:hover {background-position: -66px -122px; }

    .slide .bx-controls-direction a { position: absolute;top:50%;outline: 0;width: 66px;height: 68px;text-indent: -9999px;z-index: 9994;margin: -34px 0 0 0}
    .slide .bx-controls-direction a.disabled { opacity: 0.4 }


    /* Slides Menus */
    .slide .slide-menu {width: 980px;height: 68px;background-color: #fff;position: absolute;left: 0;bottom: -20px;z-index: 100;}
        .slide .slide-menu ul {width: 940px;margin:-55px auto;}
        .slide .slide-menu ul li {cursor: pointer;width: 93px;height: 124px;position: relative;float: left;}
        .slide .slide-menu ul li a {display: block;width: 93px;height: 124px;}
        .slide .slide-menu ul li .cont {position: relative;z-index: 10;}
        .slide .slide-menu ul li .photo,
        .slide .slide-menu ul li .photo .mold {width: 97px;height: 80px;overflow: hidden}
        .slide .slide-menu ul li .photo .mold {;margin: 0 0 0 15px}
        .slide .slide-menu ul li .title {border-right: 1px solid #e4e4e4; height: 22px;font:700 14px 'Proxima Bold',sans-serif;text-align: center;color: #646464;}
        .slide .slide-menu ul li.active .title {color: #fff;}
        .slide .slide-menu ul li .cs-mask {width: 97px;height: 124px;position: absolute;z-index: 0;bottom: -150px;left: 0;}
        .slide .slide-menu ul li.active .cs-mask {background:url(../img/slides/slide-menu-bg.png) no-repeat;bottom: 0;}
        .slide .slide-menu ul li.active:hover .title {color: #fff}
        .slide .slide-menu ul li.active .title {border: none;}
        .slide .slide-menu ul li:hover .title {color: #000}

/* #PAGE HEADER BACKGROUND
================================================== */
section .page-header-bg {overflow: hidden;height: 300px;width: 100%;position: absolute;left: 0;top: 0;z-index: 0;} 

/* #CONTENT
================================================== */
section .content {z-index: 10;clear: both;padding-top: 163px}
    section .content .page-content {margin: 25px 0 0 0}

    /* Navigation */
    .content .page-navigation {height: 166px;overflow: hidden;border-bottom: 1px solid #e4e4e4}
    .content .page-navigation .head {height: 99px;color: #acb1b8}
        .content .page-navigation .head h1 {color: #fff;font: 700 28px 'Proxima Bold',sans-serif;margin: 0 0 10px 0}
    
    .content .page-navigation .navigation {height: 68px;overflow: hidden;height: 68px;background-color: #fff;}
        .content .page-navigation .navigation .cont {margin: 30px 0 0 20px}
        .content .page-navigation .navigation .cont span,
        .content .page-navigation .navigation .cont a {color: #646464;font: 600 12px 'Proxima Semibold',sans-serif;}
        .content .page-navigation .navigation .cont a:hover {color: #000}
        .content .page-navigation .navigation .cont span {color: #f95446;}

    /* Content Title */
    .content-title {width: 100%;padding: 0px 0 8px 0;overflow: hidden;margin: 0 0 15px 0;background: url(../img/gline.png)  left bottom repeat-x;}
        .content-title h1 {float: left;font-size: 18px;font-weight: 700;color: #606a71;display: inline-block;*display: inline;zoom: 1;}

    /* Home Titles */
    .home-title { width: 100%;overflow: hidden;;background: url(../img/gline.png) center bottom repeat-x;}
        .home-title h1 {float: left;font-size: 18px;color: #333;display: inline-block;*display: inline;zoom: 1;padding: 0 0 15px 0;font-weight: 400;border-bottom: 1px solid #009bc9;}

    .content img[align=right] { margin: 0 0 15px 15px; }
    .content img[align=left] { margin: 0 15px 15px 0; }


    /* Page Left & Right */
    .content .pages .page-left {overflow: hidden;width: 230px;float: left;}
    .content .pages .page-right {width: 715px;float: right;position: relative;}
    
    .pages .left-menu { overflow: hidden;background-color: #00374b; }
        .pages .left-menu .title {margin: 0 0 20px 0;}
        .pages .left-menu .title h1 {color: #fff;font:700 20px 'Proxima Bold',sans-serif;margin: 20px 0 20px 15px}

        .pages .left-menu ul li { overflow: hidden;}
            .pages .left-menu ul li {overflow: hidden;margin:0 0 3px 0;position: relative;}
            
            .pages .left-menu ul li a { line-height: 35px; height: 35px;display: block;color: #fff;text-indent: 15px;}
            .pages .left-menu ul li a:hover {background: #08516c;color: #fff;}
            .pages .left-menu ul li a.active {color: #fff;background: #a2a2a2;}
            
            .pages .left-menu ul ul {overflow: hidden;background-color: #fff;}
            .pages .left-menu ul ul li a {color: #00374b;text-indent: 25px;}
            .pages .left-menu ul ul li a:hover {background: #efefed;color: #00374b;}
            .pages .left-menu ul ul li a.active {color: #00374b;background-color: #efefed;}
            .pages .left-menu ul ul .active {color: #00374b;background-color: #efefed;}
            
        .pages .page-left .mini-carousel {margin: 30px 0 0 0;overflow: hidden;}
            .pages .page-left .mini-carousel li {width: 230px;height: 178px;background-color: #eee}
            .pages .page-left .mini-carousel li img {max-width: 230px}

        /* Elem Title */
        .pages .elem-title { color: #00374b; font: 700 18px 'Proxima Bold',sans-serif;border-bottom: 1px solid #e4e4e4;padding: 0 0 10px 0;margin: 0 0 10px 0;}

        /* Frame */
        .frame {position: relative;overflow: hidden;}

    /*--------------------------------*/
    /* Showcase */
    .content .showcase {overflow: hidden;}
        .content .showcase .br20 {height: 180px;}
        .content .showcase .cont { height: 140px; color: #fff;font: 300 14px 'Proxima Light',sans-serif;margin: 20px;position: relative;z-index: 10;}
            .content .showcase .cont h1 {color: #fff;font: 300 20px 'Proxima Bold',sans-serif;margin: 0 0 10px 0;}
            .content .showcase .cont a {display: block;position: absolute;z-index: 10;right: 0;bottom: 0;color: #fff;}
            .content .showcase .cont a:hover {color: #000}
            .content .showcase .cont i {width: 29px;height: 29px;background-position: -38px -24px;position: absolute;left: 0;bottom: 0;}
        
        /* One */ 
        .content .showcase .box1 {width: 481px;height: 180px;background-color: #e3e3e3;position: relative;overflow: hidden;}
            .content .showcase .box1 .mask {width: 481px;height: 180px}
            .content .showcase .box1 .photo {overflow: hidden;position: absolute;left: 0;top: 0;width: 481px;height: 180px;z-index: 0;}

        .content .showcase .box2 {width: 232px;background-color: #00374b;margin: 0 17px 0 17px}
        .content .showcase .box3 {width: 232px;background-color: #a2a2a2;}
            .content .showcase .box3 i {background-position:-71px 0 ;width: 23px;height: 29px;}

        /* Two
        ¯¯¯¯¯¯¯¯*/
        .content .showcase.two {margin:40px 0 0 0}
        .content .showcase.two .br20 {background-color: #ffffff;height: 275px;overflow: hidden;}
        .content .showcase.two .box2 {margin: 0 14px 0 14px}
        .content .showcase.two .cont {color: #00374b;}
        
        /* Campaigns */
        .content .showcase.two .campaigns {margin: 17px;overflow: hidden;}        
            .content .showcase.two .campaigns .bx-wrapper .bx-viewport {height: 183px !important;}
            .content .showcase.two .campaigns .title {overflow: hidden;padding: 0 0 10px 0;border-bottom: 1px solid #ebebeb;margin: 0 0 20px 0}
            .content .showcase.two .title h1 {float: left;font: 700 18px 'Proxima Bold',sans-serif;color: #00374b}
            .content .showcase.two .campaigns ul li {overflow: hidden;margin: 0 0 12px 0;}
            .content .showcase.two .campaigns ul li span.date {display: block; float: left;width: 83px;height: 27px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: #c7c7c7;color: #fff;text-align: center;line-height: 27px;margin: 0 20px 0 0;}
            .content .showcase.two .campaigns ul li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #00374b;line-height: 27px;width: 437px;display: block;}
            .content .showcase.two .campaigns ul li a:hover {color: #000}

        /* Authorized Service */
        .content .showcase.two .authorized-service {overflow: hidden;}
        .content .showcase.two .authorized-service a {display: block;}
            .content .showcase.two .authorized-service .photo {  overflow: hidden;width: 232px;height: 144px;position: relative;}
            .content .showcase.two .authorized-service .mask {width: 232px;height: 144px;}
            .content .showcase.two .authorized-service .photo img {max-width: 232px}
            .content .showcase.two .authorized-service h1 {float: none;text-align: center;}

/* #PAGES [SERVICE REQUEST FORM]
================================================== */
.content .service-request-form {}
    .content .service-request-form .appo {position: relative;}
    .content .service-request-form .appo .icon {width: 54px;height: 49px;background-color: #00374b;position: absolute;right: 5px;top: 10px;-moz-border-radius: 0 20px 20px 0;-webkit-border-radius: 0 20px 20px 0;border-radius: 0 20px 20px 0;z-index: 1000;}
    .content .service-request-form .appo .icon i {width: 23px;height: 23px;background-position: -47px -101px;margin: 15px}
    .content .service-request-form .appo .icon.h i {background-position: -72px -101px;}

/* #PAGES [SALE DETAIL]
================================================== */
section .sales-detail .page-header-bg {height: 600px;}
    section .sales-detail .content .page-navigation {height: 65px;}
    section .sales-detail .content .page-navigation .navigation {background-color: #efefed;}
    
    /* Car Slides */
    section .sales-detail .content .car-slides {height: 360px;overflow: hidden;margin: 0 0 38px 0;position: relative;overflow: hidden;}
        .sales-detail .content .car-slides .cs-slide {margin: 0 50px 0 0; float: left;height: 360px;position: relative;width: 980px;}

        .sales-detail .car-slides .color-select {display: block;position: absolute;right: 0;bottom: 0;}
        .sales-detail .car-slides .abs {position: absolute;left: 0;bottom: 20px;z-index: 100;}
            .sales-detail .car-slides .abs a {color: #fff;border: 1px solid #aaaca8;padding: 10px 20px 10px 20px;display: block;float: left;margin: 0 25px 0 0}
            .sales-detail .car-slides .abs a:hover {background-color: #fff;color: #00374b}
        .sales-detail .car-slides span {display: block;}
        
    .sales-detail .car-slides .cs-left {width: 480px;overflow: hidden;float: left;color: #aaaca8;position: relative;}
    .sales-detail .car-slides .cs-left.min {width: 330px}
        
    .sales-detail .content .car-slides .cs-right {position: relative; /*width: 500px;*/ overflow: hidden;float: right;height: 370px;}
        .sales-detail .content .car-slides .cs-right img {max-width: 500px;}
        .sales-detail .content .car-slides .color-title {position: absolute;right: 0;top: 0;}
        .sales-detail .content .car-slides .colors {overflow: hidden;margin: 65px 0 0 0}
            .sales-detail .content .car-slides .colors ul li { cursor: pointer; width: 60px;border:2px solid transparent; height: 60px;-moz-border-radius: 32px;-webkit-border-radius: 32px;border-radius: 32px;background-color: #deddde;float: left;margin: 0 15px 15px 0}
            .sales-detail .content .car-slides .colors ul li.active {border: 2px solid #fff;}
    
    .content .sales-detail .sd-gallery {overflow: inherit;}

/* #PAGES [CAMPAINGS]
================================================== */
.content .campaigns {overflow: inherit;}
    .content .campaigns .elem-gallery ul li { width: 340px; margin: 0 35px 40px 0;}
    .content .campaigns .elem-gallery ul li .mold {background: #eee; width: 336px; height: 211px;}
    .content .campaigns .elem-gallery ul li .mold img {max-width: 336px;}

/* #PAGES [SALES]
================================================== */
.content .sales {overflow: hidden;}
    .content .sales ul {width: 800px;overflow: hidden;}
    .content .sales ul li {float: left;width: 226px;height: 211px;border: 2px solid #c9c9c9;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;background-color: #f3f3f3;overflow: hidden;margin: 0 12px 15px 0}
    .content .sales ul li:hover {background-color: #ffffff;}
    .content .sales .cont {padding: 10px;display: block;}
    .content .sales .cont .photo {width: 213px;height: 115px;overflow: hidden;}
    .content .sales .cont .photo img {max-width: 213px}
    .content .sales .cont .title {display: block;padding: 0 0 10px 0;margin: 0 0 10px 0;font:700 17px 'Proxima Bold',sans-serif;text-align: center;border-bottom: 1px solid #c9c9c9;}
    .content .sales .cont .price {display: block;color: #00374b;text-align: center;}
    .content .sales .cont .price b {font:700 16px 'Proxima Semibold',sans-serif;color: #f95446;display: block;}

/* #PAGES [NEGOTIATED INSTITUTIONS]
================================================== */
.content .negotiated-institutions {overflow: hidden;}
    .content .negotiated-institutions .cont .photo {height: 142px;}
    .content .negotiated-institutions .cont .title {height: 50px;line-height: 50px;border-top: 1px solid #c9c9c9;}

/* #PAGES [PRICE LIST]
================================================== */
.content .price-list {overflow: hidden;}
    .content .price-list .list h6 {color: #a2a2a2;font:700 24px 'Proxima Bold',sans-serif;margin: 50px 0 25px 0}
    .content .price-list .list ul {border:1px solid #e4e4e4;overflow: hidden;}
    .content .price-list .list ul .titles {height: 55px;line-height: 55px;background-color: #e4e4e4;font-weight:700;font-size: 14px;font-family: 'Proxima Bold',sans-serif;}
    .content .price-list .list ul li {height: 48px;line-height: 48px;border-top: 1px solid #e4e4e4;}
    .content .price-list .list ul li:hover {background-color: #ececec;}
    .content .price-list .list ul .box1 {text-indent: 25px;width: 350px;}
    .content .price-list .list ul .box2 {width: 150px;}
    .content .price-list .list ul .box3 {width: 170px;}

/* #PAGES [CARS SALE]
================================================== */
.content .cars-sale {}
    .content .cars-sale .filters {height: 270px;background-color: #e4e4e4;width: 100%;margin: 0 0 40px 0}  
        .content .cars-sale .filters .container {padding: 35px 0 35px 0;} 
        .content .cars-sale .filters .container .cell {width: 305px;float: left;margin: 0 25px 25px 0;padding: 0;clear: right;} 
        .content .cars-sale .filters .container .cell label {min-width: 105px} 
        .content .cars-sale .filters .container .inf {;margin: 25px 0 0 0;} 
        .content .cars-sale .filters .container .inf label {display: block;float: left;margin: 15px 0 0 0;color: #f95446;} 
    
    /* Listing */
    .content .cars-sale .list {} 
        .content .cars-sale .list ul {width: 1100px;overflow: hidden;} 
        .content .cars-sale .list ul li {overflow:hidden;height: 375px;width: 304px;margin: 0 35px 50px 0;float: left; } 
        .content .cars-sale .list ul li .photo {overflow: hidden;width: 300px;height: 167px;border: 2px solid #c9c9c9; } 
        .content .cars-sale .list ul li .photo img {max-width: 300px} 
        .content .cars-sale .list ul li .title {overflow: hidden;margin: 35px 0 15px 0;padding: 0 0 15px 0;font: 700 12px 'Proxima Bold',sans-serif;color: #646464;border-bottom: 1px solid #c9c9c9; } 
        .content .cars-sale .list ul li .info .cell {display: block;padding: 0 0 5px 0;overflow: hidden;} 
        .content .cars-sale .list ul li .info .cell span {display: block;float: left;} 
        .content .cars-sale .list ul li .info .cell span.a {width: 70px;} 
        .content .cars-sale .list ul li .info .cell span.b {width: 6px;text-align: center;} 
        .content .cars-sale .list ul li .info .cell span.c {width: 225px} 
        .content .cars-sale .list ul li .links {overflow: hidden;margin: 10px 0 0 0 } 
        .content .cars-sale .list ul li .links a {padding: 0; display: block;width: 140px;height: 40px;line-height: 40px;text-align: center;} 
        .content .cars-sale .list ul li .links a.lt {background-color: #a2a2a2;} 
        .content .cars-sale .list ul li .links a.lt:hover {background-color: #898787;} 
        .content .cars-sale .list ul li .links a.rt {background-color: #00374b;} 

/* #PAGES [CARS SALE | DETAIL]
================================================== */
.content .car-detail {overflow: hidden;}
    .content .car-detail .elem-title {overflow: hidden;}
    .content .car-detail .elem-title span {display: block;float: left;}
    .content .car-detail .elem-title span.title {padding: 10px 0 0 0}
    .content .car-detail .elem-title span.popup {padding: 10px 20px 10px 20px; float: right;background-color: #00374b;color: #fff;font-size: 14px;cursor: pointer;}
        .content .car-detail .photos-infos {overflow: hidden;margin: 30px 0 30px 0}
        .content .car-detail .photos-infos .photos {float: left;width: 480px;height: auto; overflow: hidden;}
        .content .car-detail .photos-infos .photos .big-photo { width: 476px; height: 296px;border: 2px solid #c9c9c9; overflow: hidden;position: relative;}
        .content .car-detail .photos-infos .photos .big-photo img {max-width: 476px}

        .content .car-detail .photos-infos .photos .thumbs {overflow: hidden;height: auto;width: 480px;margin: 25px 0 0 0}
        .content .car-detail .photos-infos .photos .thumbs ul{overflow: hidden;width: 500px;}
        .content .car-detail .photos-infos .photos .thumbs ul li {overflow: hidden;cursor: pointer;width: 146px;height: 81px;border: 2px solid #c9c9c9;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;background-color: #f3f3f3;float: left;margin: 0 14px 20px 0}
        .content .car-detail .photos-infos .photos .thumbs ul li.active {border-color: #535353}

        .content .car-detail .photos-infos .infos {width: 460px;float: right;}
            .content .car-detail .photos-infos .infos ul li {overflow: hidden;margin: 0 0 20px 0}
            .content .car-detail .photos-infos .infos ul li span {display: block;}
            .content .car-detail .photos-infos .infos ul li span.a {width: 110px;}
            .content .car-detail .photos-infos .infos ul li span.b {width: 340px;}

/* #PAGES [CONTACT]
================================================== */
.content .contact {}
    .content .contact .map {border: 2px solid #c9c9c9;width: 976px;height: 311px;overflow: hidden;}
    .content .contact .boxes {overflow: hidden;margin: 30px 0 0 0}
        .content .contact .boxes .box {overflow: hidden;width: 245px;height: 225px;float: left;text-align: center;}
        .content .contact .boxes .box span {display: block;}
        .content .contact .boxes .box .icon {width: 66px;height: 66px;-moz-border-radius: 33px;-webkit-border-radius: 33px;border-radius: 33px;background-color: #00374b;display: inline-block;margin: 0 0 30px 0}
        .content .contact .boxes .box .icon i {width: 34px;height: 34px;}
        .content .contact .boxes .box .icon.icon1 i { background-position: 0 -144px;margin: 18px 0 0 22px}
        .content .contact .boxes .box .icon.icon2 i { background-position: -34px -144px;margin: 18px 0 0 18px }
        .content .contact .boxes .box .icon.icon3 i { background-position: 0 -186px;margin: 18px 0 0 16px ;height: 29px;}
        .content .contact .boxes .box .icon.icon4 i { background-position: -35px -186px;margin: 24px 0 0 19px ;height: 29px}


/* =================================================
                #PAGES [ALL ELEMENTS]
================================================== */

/* Element [Features] */
    .elem-features ul li { overflow: hidden;margin: 0 0 10px 0;}
    .elem-features ul li span, .elem-features ul li a {display: block;float: left;}
    .elem-features ul li i {width: 5px;height: 9px;background-position: -120px 0;margin: 6px 5px 0 0;}

/* Photo Gallery & Video Gallery [Carousel & Not Carousel] */
.elem-gallery { overflow: hidden;}
    .elem-gallery ul {overflow: hidden;width: 800px;}
    .elem-gallery ul li { width: 232px; overflow: hidden;margin: 0 9px 25px 0;float: left;position: relative;}
    .elem-gallery ul li .mold {background: #eee; width: 228px; height: 174px;overflow: hidden;border: 2px solid #c9c9c9;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
    .elem-gallery ul li .mold img {max-width: 228px;}
    .elem-gallery ul li span {display: block;width: 100%;margin: 15px 0 0 0;cursor: pointer;color: #00374b;font-size: 14px; text-align:center;}
    .elem-gallery .elem-icon {width: 228px;height: 174px;overflow: hidden;position: absolute;left: 2px;top: 2px;display: none; z-index: 10}
    .elem-gallery .elem-icon.pg-ico {background: url(../img/pg.png) no-repeat; }
    .elem-gallery .elem-icon.vg-ico {background: url(../img/vg.png) no-repeat;}
    .elem-gallery .elem-icon.cg-ico {background: url(../img/cg.png) no-repeat; width: 140px;height: 180px; }
    .elem-gallery .elem-icon.cp-ico {background: url(../img/cp.png) no-repeat; width: 336px;height: 213px; }

/* Certificates */
.elem-gallery.certificates { overflow: hidden;}
    .elem-gallery.certificates ul li { width: 152px; height:222px;overflow: hidden;margin: 0 38px 20px 0;}
    .elem-gallery.certificates ul li .mold { width: 140px; height: 180px;}

/* Accordion */
.elem-accordion { overflow: hidden;}
    .elem-accordion ul li {overflow: hidden;margin: 0 0 8px 0;}
    .elem-accordion .accordion-title {height: 49px;line-height: 49px; background-color: #f3f3f3;cursor: pointer;position: relative;border:2px solid #c9c9c9;}
    .elem-accordion .accordion-title h1 {color: #00374b;font: 400 14px 'Proxima Regular',sans-serif;line-height: 49px;text-indent: 20px}
    .elem-accordion .accordion-title i {position: absolute;right: 20px;top: 20px;width: 17px;height: 17px;background-position: -67px -127px ;}
    .elem-accordion .accordion-title.active {background: #00374b;}
    .elem-accordion .accordion-title.active h1 {color: #fff;}
    .elem-accordion .accordion-title.active i {background-position: -47px -127px;}
    .elem-accordion .accordion-info {margin: -10px 0 0 0; border:2px solid #c9c9c9; display: none; overflow: hidden;padding: 30px 20px;border-top: none; line-height: 21px;}

/* Page Listing */
.content .page-list-content {overflow: hidden;}
    .content .page-list-content h1 {font: 700 14px 'Proxima Bold',sans-serif;display: block;margin: 0 0 10px 0;color: #6c6c6c;}
    .page-list-content .photo {width: 185px;height: 132px;overflow: hidden;background-color: #e7e7e7;}
    .page-list-content .photo img {max-width: 183px;max-height: 140px}
    .page-list-content .text {height: 65px;margin: 20px 0 10px 0;overflow: hidden;}
    .page-list-content ul li {overflow: hidden;text-align: justify;height:140px;margin: 0 0 50px 0;position: relative;border-bottom: 1px solid #e7e7e7;padding: 0 0 10px 0;}
    .page-list-content .date i {width: 16px;height: 16px;background-position: -97px 0 }
    .page-list-content .date span {display: block;float: left;font-size: 12px;margin: 2px 0 0 8px}
    .page-list-content a.rt {display: block;}
    .padd {padding: 10px 0 10px 0}

/* #FOOTER
================================================== */
footer {height:568px;position: relative;z-index: 100;overflow: hidden;}
    footer .showcase {height: 105px;}
    footer .showcase.three .box {width: 232px;height: 68px;background-color: #0A3F52;float: left;margin: 0 17px 0 0}
        footer .showcase.three .box i.nf {margin: 0 10px 0 0}
        footer .showcase.three .box i.icon1 {width: 42px;height: 22px;background-position: -71px -32px;}
        footer .showcase.three .box i.icon2 {width: 32px;height: 31px;background-position: -37px -24px; margin: 0px 0 0 20px;}
        footer .showcase.three .box b {display: inline-block;color: #fff;font-size: 16px;vertical-align: baseline;}
        footer .showcase.three .box.phone {background-color: #f95648;}
        footer .showcase.three .box.phone b {vertical-align: super;}
        
        footer .showcase.three .box.social {background-color: #0a3f52;}
            footer .showcase.three .box.social a {width: 18px;height: 20px;margin: 0 10px 0 0 }
            footer .showcase.three .box.social a.facebook {background-position: -41px -56px}
                footer .showcase.three .box.social a.facebook:hover {background-position: -41px -78px}
            footer .showcase.three .box.social a.twitter {background-position: -60px -56px}
                footer .showcase.three .box.social a.twitter:hover {background-position: -60px -78px}
            footer .showcase.three .box.social a.google {background-position: -80px -56px}
                footer .showcase.three .box.social a.google:hover {background-position: -80px -78px}
            footer .showcase.three .box.social a.youtube {background-position: -99px -56px}
                footer .showcase.three .box.social a.youtube:hover {background-position: -99px -78px}

    footer .head {height: 68px;-moz-border-radius: 20px 20px 0 0;-webkit-border-radius: 20px 20px 0 0;border-radius: 20px 20px 0 0;background-color: #ebebeb;overflow: hidden;}
    footer .head .cont {margin: 20px;color: #646464;}
    footer .head .cont b {font-size: 15px;}
    footer .head .cont .box1 {margin-top: 10px;width: 464px;}
    
    footer .head .cont .box2 {width: 460px;position: relative;}
        footer .head .cont .box2 .input {float: left;margin: 0 0 0 10px; width: 212px;height: 41px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: #fff;}
        footer .head .cont .box2 .input input {padding: 7px; margin: 5px; width: 185px;border: none;}
        footer .head .cont .box2 .submit {position: absolute;right: 0;top: 0}
        footer .head .cont .box2 .submit input {width: 45px;height: 41px;background-position: 0 -101px;border: none;cursor: pointer;}

    footer .body {height:395px;background-color: #ebebeb;color: #999999;}
        footer .body {overflow: hidden;}
        footer .body .container {margin-top: 50px}
        footer .body .container .box {float: left;width: 232px;}
        footer .body .container .box h1 {color: #646464;font: 700 14px 'Proxima Bold',sans-serif;margin: 0 0 15px 0}
        footer .body .container .box a {display: block;color: #999999;}
        footer .body .container .box a:hover {display: block;color: #000;}
        footer .body .container .box a.btn { display: inline-block; padding: 10px 15px 10px 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: #cfcfcf;margin: 10px 0 0 0;color: #fff;}
        footer .body .container .box a.btn:hover {background-color: #aaa}
    
    footer .bottom {overflow: hidden;height: 50px;border-top: 1px solid #ffffff;margin: 30px 0 0 0}
    footer .bottom span {line-height: 50px;}
   
/* 
==========================================================================*/
/*                              SITE ELEMENTS
/* ==========================================================================*/

    /* Sprite
    --------------------------------------------------------*/
    i, .i {float: left;display: block;background: url(../img/sprite.png);}
    .nf { margin: 0 5px 0 0;float: none;display: inline-block;vertical-align: text-bottom;}

    /* Location Alignment
    --------------------------------------------------------*/
    .lt, .lf {float: left !important;clear: none !important;}
    .lt-l {float: left !important;clear: none !important;margin: 0 20px 10px 0;}
    .rt, .rg {float: right !important;clear: none !important;}
    .lt-r {float: right !important;clear: none !important;margin: 0 0 10px 20px;}
    .nm {margin: 0 !important;}
    .np {padding: 0 !important;}
    .nb {border: none !important;}
    .nbg {background: none !important}
    b {font: 700 12px 'Proxima Bold',sans-serif;vertical-align: middle;}
    .mt10 {margin-top: 10px !important;}

    /* No Average
    --------------------------------------------------------*/
    .mold {display: table;}
        .mold div {display: table-cell;vertical-align: middle;text-align: center;position: relative;margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");}

    /* Paging
    --------------------------------------------------------*/
    .paging { overflow: hidden;margin: 10px 0 0 0;background-color: #a2a2a2;padding: 10px 20px 10px 20px}
        .paging a {  display: block;color: #ffffff;float: left;padding: 0 10px 0 10px;}
            .paging a.active,.paging a:hover { color: #575757;}

    /* Div Screen Center
        /*--------------------------------------------------------*/
    .container {width: 980px !important;margin: auto;position: relative;}

    /* No Anim */
    .nAnim {-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

    /* Date Picker */
    .ui-datepicker {font-size: 12px !important;}
    .content .hr {width: 100%;background: #e5e5e5;height: 1px;margin:20px 0 20px 0;}

    /* Border Radius 20 & Border Width */
    .br20 {-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
    .brg {border:1px solid #c9c9c9;}

    /* Tabs Template */
    .sub-tabs .tab-head { height: 55px;border-bottom: 1px solid #d2d2d2;margin: 0 0 30px 0;}
    .sub-tabs .tab-head ul {float: left;}
    .sub-tabs .tab-head ul li { border:1px solid transparent; color: #00374b;font: 700 12px 'Proxima Bold',sans-serif;float: left;margin: 0 10px 0 0;padding: 0 25px 0 25px;line-height: 55px;border-bottom: none;border-radius: 6px 6px 0px 0px;-moz-border-radius: 6px 6px 0px 0px;-webkit-border-radius: 6px 6px 0px 0px;border-bottom: 1px solid #fff;}
    .sub-tabs .tab-head ul li:hover {color: #00374b;cursor: pointer;}
    .sub-tabs .tab-head ul li.active {border: 1px solid #d2d2d2;border-bottom: 1px solid #fff;background-color: #fff}
    .sub-tabs .tab-content .tab-body {position: relative;}
        .sub-tabs .tab-content { display: none;position: relative;}
    .sub-tabs .tab-head .sort {float: right;}

    /* Mask */
    .mask {background: url(../img/nvdot.png) left top repeat;position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%}

    /* Image Animate */
    .ian img,
    .ia img {  -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;}
    .ian:hover img,
    .ia img:hover {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

    /* Image Loading */
    .imgload {z-index: 100;display: none;position: absolute;left: 50%;top: 50%;margin: -16px 0 0 -67px;width: 135px;height: 32px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color: #fff;color: #fff;font-size: 15px;line-height: 32px;text-align: center;background:url(../img/nvdot.png) repeat;}
    
    /* Offer Here */
    #offer-here { display: none; width: 580px;min-height:530px;position: fixed;top: 50%;left: 50%;margin-left: -290px;margin-top: -280px;z-index: 9999;background: #fff;}
        #offer-here .offer-close { position: absolute; right: 0; top: 0; width: 52px;height: 43px;background-position: 0 -215px;z-index: 100;}
        .offer-here { position: relative;margin: 25px; }
        .offer-here .offer-close:hover { background: #343434;}

        .offer-overlay { display: none; background: url(../img/over.png) repeat;position: fixed;width: 100%;height: 100%;z-index: 9998;left: 0;top: 0;    }
    
    /* Font Weight & Size */
    .fw-light {font-family: 'Proxima Light',sans-serif;font-weight: 300}
    .fw-bold {font-family: 'Proxima Bold',sans-serif;font-weight: 700}
    span.fs29 {font-size: 29px;color: #fff;}
    span.fs20 {font-size: 20px;}
    span.fs45 {font-size: 45px; color: #fff;}

    /* dm Overlay */
    .dm-overlay  {display: none; overflow: hidden;position: fixed;left: 0;top: 0; width: 100%;height: 100%;background:url(../img/nvdot.png) repeat;z-index: 200;}



.adver-infos { width:100%; float:left; margin:25px 0 20px 0; }

.features ul { width:100%; float:left; margin:10px 0 0 0;}
.features ul li { width:22%; float:left; margin:10px 13px 0 0; background:url(../img/red.png) left center no-repeat; padding:0 0 0 15px;}

.ui-widget-header .ui-icon {
    background-image: url("/images/ui-icons_0073ea_256x240.png");
}

.list-style {}
	.list-style li {margin:0 0 0 20px !important;list-style-type:disc !important; overflow: inherit !important;}