a,

abbr,

acronym,

address,

applet,

b,

big,

blockquote,

body,

caption,

center,

cite,

code,

dd,

del,

dfn,

div,

dl,

dt,

em,

fieldset,

font,

form,

h1,

h2,

h3,

h4,

h5,

h6,

html,

i,

iframe,

img,

ins,

kbd,

label,

legend,

li,

object,

ol,

p,

pre,

q,

s,

samp,

small,

span,

strike,

strong,

sub,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

tr,

tt,

u,

ul,

var {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: 0 0;

}

* {

    margin: 0;

    padding: 0;

    outline: 0;

}

body {

    line-height: 1.4;

    text-align: left;

}

ol,

ul {

    list-style: none;

}

blockquote,

q {

    quotes: none;

}

blockquote:after,

blockquote:before,

q:after,

q:before {

    content: "";

    content: none;

}

ins {

    text-decoration: none;

}

del {

    text-decoration: line-through;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

a {

    text-decoration: none;

    outline: 0 !important;

}

body {

    font-weight: 400;

    font-size: 14px;

    font-family: Poppins, Arial, sans-serif;

    color: #656;

}

img {

    pointer-events: none;

    max-width: 100%;

    width: 100%;

    height: auto;

}

.dealer_clear:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.wrapper {

    width: 100%;

    margin: 0 auto;

    padding: 190px 0 0;

    position: relative;

    z-index: 2;

    overflow: hidden;

}

.home .wrapper {

    padding: 151px 0 0;

}

.container {

    max-width: 1200px;

    padding: 0 15px;

    margin: 0 auto;

}

.dealer__nav {

    position: fixed;

    top: 0;

    z-index: 1000;

    width: 100%;

    height: 151px;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);

}



.dealer_top {

    height: 46px;

}

.dealer_contact {

    height: 26px;

    padding: 10px 0;

    line-height: 26px;

    font-size: 14px;

}

.dealer__becontact {

    width: calc(100% - 240px);

    float: left;

}

.dealer__beaddress,

.dealer__bephone {

    float: left;

    margin-right: 15px;

    padding-right: 20px;

    position: relative;

}

.dealer__bewhatsapp {

    float: left;

}

.dealer__beaddress:before,

.dealer__bephone:before {

    content: "";

    position: absolute;

    right: 0;

    top: 3px;

    height: 20px;

    width: 1px;

    background: rgba(125, 125, 125, 0.2);

    opacity: 0.3;

}

.dealer_contact i {

    color: #d33;

}

.show_alamat {

    max-width: 300px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.dealer_timework {

    float: right;

    width: 240px;

    text-align: right;

}

.dealer_timework .time_work {

    display: inline-block;

}

.dealer_timework .onandoff {

    display: inline-block;

    padding: 0 12px;

    border-radius: 15px;

    margin-right: 5px;

    font-weight: 700;

}

.dealer_timework .openhour,

.dealer_timework .closehour {

    display: inline-block;

    padding: 0 12px;

    border-radius: 15px;

    font-weight: 700;

}

.dealer_timework .closehour {

    background: #d35;

    color: #fff;

    position: relative;

}

.time_live {

    font-weight: bold;

}

.dealer_contact .time_live i {

    color: #fff;

}



.dealer__nav-head {

    height: 105px;

    position: relative;

}

.dealer__nav-out {

    position: relative;

    height: 105px;

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 15px;

}

.dealer__nav-out .icon__menu {

    position: absolute;

    top: 32px;

    right: 75px;

    width: 40px;

    height: 40px;

    display: none;

    z-index: 2;

}

.dealer__nav-out .click__menu {

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

}

.dealer__nav-out .click__menu:after {

    position: absolute;

    top: 6px;

    right: 0;

    content: "";

    width: 30px;

    height: 0;

    border-top: 3px solid #333;

    transition: all 0.5s ease 0.1s;

    z-index: 1;

}

.op__icon.click__menu:after {

    width: 40px;

}

.dealer__nav-out .click__menu:before {

    position: absolute;

    top: 18px;

    right: 0;

    content: "";

    width: 40px;

    height: 9px;

    border-top: 3px solid #333;

    border-bottom: 3px solid #333;

    transition: all 0.5s ease 0.1s;

    z-index: 1;

}

.op__icon.click__menu:before {

    width: 30px;

}

.dealer__logo {

    height: 65px;

    float: left;

    padding: 25px 0 25px 0;

    margin: 0 10px 0 0;

    position: relative;

    z-index: 10;

}

.dealer__logo a {

    display: block;

}

.dealer__logo img {

    height: 40px;

    width: auto;

    display: block;

}

.customize-partial-edit-shortcuts-hidden .dealer__phone {

    display: block;

}

.customize-partial-edit-shortcuts-shown .dealer__phone {

    display: block;

}



.dealer__menu {

    float: left;

    margin-left: 10px;

    position: relative;

    z-index: 10;

}

.navmenu {

    max-width: 1200px;

    margin: 0 10px 0 0;

    padding: 0;

    height: 105px;

}

.navmenu .dd.desktop {

    height: 105px;

    font-weight: 400;

}

.navmenu .dd.desktop li {

    float: left;

    display: block;

    margin: 0;

    position: relative;

    text-align: center;

    line-height: 105px;

}

.navmenu .dd.desktop li.menu-item-has-children {

    position: relative;

}

.navmenu .dd.desktop li.menu-item-has-children.full-image:after {

    content: "\f1b9";

    font-family: "dealer-font";

    font-style: normal;

    font-weight: normal;

    position: absolute;

    top: 32px;

    right: 6px;

    font-size: 8px;

    width: 15px;

    height: 15px;

    text-align: center;

    line-height: 14px;

    border-radius: 10px;

}

.navmenu .dd.desktop li a {

    text-decoration: none;

    white-space: wrap;

    display: block;

    margin: 0;

    padding: 0 8px;

    font-size: 14px;

    line-height: 105px;

    position: relative;

}

.navmenu .dd.desktop li.menu-item-has-children a {

    padding: 0 22px 0 16px;

}

.navmenu .dd.desktop li a:hover {

    text-decoration: none;

}

.navmenu .dd.desktop li ul {

    position: absolute;

    top: 105px;

    left: 0;

    padding: 0;

    display: none;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);

}

.navmenu .dd.desktop li:hover ul {

    display: block;

}

.navmenu .dd.desktop li ul li {

    width: 200px;

    text-align: left;

}

.navmenu .dd.desktop li ul li ul li ul li ul li:hover ul li ul,

.navmenu .dd.desktop li ul li ul li ul li:hover ul li ul,

.navmenu .dd.desktop li ul li ul li:hover ul li ul,

.navmenu .dd.desktop li ul li:hover ul li ul,

.navmenu .dd.desktop li:hover ul li ul {

    display: none;

}

.navmenu .dd.desktop li ul li ul li ul li ul li ul li:hover ul,

.navmenu .dd.desktop li ul li ul li ul li ul li:hover ul,

.navmenu .dd.desktop li ul li ul li ul li:hover ul,

.navmenu .dd.desktop li ul li ul li:hover ul,

.navmenu .dd.desktop li ul li:hover ul {

    display: block;

}

.navmenu .dd.desktop li ul li ul {

    position: absolute;

    top: 0;

    left: 100%;

    box-shadow: 0 0 15px transparent;

}

.navmenu .dd.desktop li ul li.menu-item-has-children:after {

    top: 13px;

}

.navmenu .dd.desktop li.menu-item .navmenu_thumb {

    display: none;

}

.navmenu .dd.desktop li.menu-item.full-image .navmenu_thumb {

    display: block;

}

.navmenu .dd.desktop li.full-image ul {

    position: fixed;

    top: 151px;

    left: 0;

    right: 0;

    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);

    padding: 20px 10px 0;

    display: none;

    clear: both;

    width: 1200px;

    margin: 0 auto;

}

.customize-support .navmenu .dd.desktop li.full-image ul {

    top: 126px;

}

.navmenu .dd.desktop li.full-image:hover ul {

    display: block;

}

.navmenu .dd.desktop li.full-image ul li {

    float: left;

    position: relative;

    border: none;

    font-size: 13px;

    line-height: 20px;

    width: 25%;

    text-align: left;

    margin: 0 0 10px;

    padding: 0;

}

.navmenu .dd.desktop li.full-image ul li a {

    display: block;

    margin: 0 10px !important;

    white-space: nowrap;

    padding: 0;

    text-align: center;

}

.navmenu .dd.desktop li.full-image ul li img {

    width: 100%;

    display: block;

    height: auto;

    position: relative;

    transition: all 0.5s ease 0.1s;

    opacity: 1;

}

.navmenu .dd.desktop li.full-image ul li:hover img {

    transition: all 0.5s ease 0.1s;

    opacity: 0.3;

}

.navmenu .dd.desktop li.full-image ul li a:after {

    content: "\f1b9";

    font-family: "dealer-font";

    font-style: normal;

    font-weight: normal;

    position: absolute;

    bottom: 50%;

    left: 50%;

    height: 30px;

    line-height: 30px;

    width: 30px;

    margin-left: -15px;

    text-align: center;

    border-radius: 30px;

    clear: both;

    transition: all 0.5s ease 0.1s;

    opacity: 0;

}

.navmenu .dd.desktop li.full-image ul li:hover a:after {

    bottom: 50%;

    transition: all 0.5s ease 0.1s;

    opacity: 1;

}

.navmenu .dd.desktop li.full-image ul li:hover {

    background: 0 0;

}

.navmenu .dd.desktop li.full-image ul li ul,

.navmenu .dd.desktop li.full-image ul li:hover ul {

    display: none !important;

}

.navmenu .dd.desktop li ul li a {

    display: block;

    position: relative;

    margin: 0 !important;

    font-size: 13px;

    line-height: 40px;

    white-space: nowrap;

    padding: 0 15px;

}

.navmenu .dd.desktop li ul li ul li.menu-item-has-children:after,

.navmenu .dd.desktop li ul li.menu-item-has-children:after {

    display: block !important;

}



/* Newsticker */

.running {

    position: relative;

    width: 100%;

    display: block;

    height: 40px;

    z-index: 5;

    margin-top: -40px;

}

.running:before {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 1;

    opacity: 0.85;

}

ul.newstickers {

    position: relative;

    left: 200px;

    width: 2300px !important;

    list-style-type: none;

    margin: 0;

    padding: 0;

    z-index: 3;

}

ul.newstickers .customize-partial-edit-shortcut {

    left: 50%;

}

ul.newstickers li {

    float: left;

    display: inline-block;

    margin: 8px 60px 8px 0;

    padding: 0;

    height: 24px;

    line-height: 24px;

    font-size: 13px;

    overflow: hidden;

}

ul.newstickers a {

    white-space: nowrap;

    padding: 0;

    font-weight: 400;

}



/* Header Mode Showroom */

.mode__showroom {

    max-width: 1200px;

    padding: 0 15px;

    margin: 0 auto;

}

.showroom__logo {

    float: left;

    width: 35%;

}

.showroom__menu {

    float: right;

    width: 65%;

    position: relative;

}

.mode__showroom .dealer__becontact {

    float: none;

    width: calc(100% - 80px);

    height: 30px;

    line-height: 30px;

    padding: 12px 65px 12px 15px;

}

.mode__showroom .dealer__agent {

    position: absolute;

    top: 73px;

    right: 7px;

    margin: 0;

    width: 40px;

    height: 40px;

    border: 0;

    border-radius: 0;

    background: #fff;

}

.mode__showroom .dealer__menu {

    width: calc(100% - 170px);

    margin: 0;

    background: none !important;

}

.mode__showroom .navmenu .dd.desktop li a,

.mode__showroom .navmenu .dd.desktop li {

    line-height: 65px;

}

.mode__showroom .navmenu .dd.desktop li a {

    padding: 0 16px 0 16px;

    font-weight: 700;

    text-transform: uppercase;

}

.mode__showroom .navmenu .dd.desktop li.menu-item-has-children a {

    padding: 0 35px 0 16px;

}

.mode__showroom .navmenu .dd.desktop li.menu-item-has-children.full-image:after {

    top: 26px;

}

.mode__showroom .navmenu .dd.desktop li.menu-item-has-children.full-image ul li a {

    padding: 0;

}

.mode__showroom .navmenu .dd.desktop,

.mode__showroom .navmenu {

    height: 66px;

}

.mode__showroom .navmenu {

    margin: 0;

    padding: 0;

}

.mode__showroom .dealer__logo {

    padding: 28px 40px 28px 0;

}

.wrapper#header-two {

    padding: 164px 0 0;

}

.home .wrapper#header-two {

    padding: 124px 0 0;

}

.wrapper#header-two .dealer__nav {

    height: 120px;

}

.mode__showroom .navmenu .dd.desktop li.full-image ul {

    position: fixed;

    top: 120px;

}

.mode__showroom .navmenu .dd.desktop li ul {

    top: 66px;

}

.mode__showroom .navmenu .dd.desktop ul li a,

.mode__showroom .navmenu .dd.desktop ul li {

    line-height: 44px;

}

.mode__showroom .navmenu .dd.desktop li:hover {

    padding-bottom: 50px;

    margin-bottom: -50px;

}

.mode__showroom .navmenu .dd.desktop li:hover ul li {

    padding-bottom: 0;

    margin-bottom: 0;

}

.mode__showroom .dealer__beaddress {

    width: 325px;

}

.mode__showroom .time_work {

    float: right;

}

.mode__showroom .time_work .onandoff {

    position: relative;

    display: inline-block;

    height: 30px;

    line-height: 30px;

    padding: 0 10px 0 30px;

    margin-top: 18px;

    font-weight: 700;

}

.mode__showroom .time_work .onandoff:before {

    content: "\e80a";

    font-family: "dealer-font";

    font-style: normal;

    font-weight: normal;

    position: absolute;

    left: 10px;

    height: 30px;

    line-height: 30px;

}

.mode__showroom .time_work .closehour,

.mode__showroom .time_work .openhour {

    display: none;

}



/* Mode Roda */

.home #header-three.wrapper,

#header-three.wrapper {

    padding: 141px 0 0;

}

.mode__roda {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    height: 141px;

    z-index: 1000;

}

.mode__roda .running {

    height: 36px;

    margin: 0;

}

.mode__roda .running:before {

    opacity: 0;

}

ul.newstickers li {

    height: 20px;

    line-height: 20px;

    margin: 8px 20px 8px 0;

}



.roda__header .dealer__logo {

    float: left;

    height: 55px;

    padding: 25px 0;

    margin: 0 40px 0 0;

}

.roda__header .dealer__logo img {

    height: 55px;

    width: auto;

    display: block;

}

.roda__header .roda__contact {

    position: relative;

    float: left;

    width: auto;

    max-width: 225px;

    height: 105px;

    padding: 0 20px 0 30px;

    overflow: hidden;

    -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);

    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);

}

.roda__header .dealer__bewhatsapp,

.roda__header .dealer__bephone {

    float: none;

    display: inline-block;

    height: 50px;

    margin: 27px 0;

}

.roda__header .dealer__bewhatsapp a,

.roda__header .dealer__bephone a {

    display: block;

    position: relative;

}

.roda__header .dealer__bephone a:before {

    content: "\f27a";

    font-family: "dealer-font";

    font-style: normal;

    font-weight: normal;

    position: absolute;

    left: 38px;

    height: 30px;

    line-height: 30px;

    width: 30px;

    text-align: center;

    font-size: 20px;

    -moz-animation: pops 1s linear infinite;

    -webkit-animation: pops 1s linear infinite;

    animation: pops 1s linear infinite;

}

.roda__header .dealer__bewhatsapp a:before {

    content: "\e80e";

    font-family: "dealer-font";

    font-style: normal;

    font-weight: normal;

    position: absolute;

    left: 44px;

    height: 30px;

    line-height: 30px;

    width: 30px;

    text-align: center;

    font-size: 20px;

    -moz-animation: pops 1s linear infinite;

    -webkit-animation: pops 1s linear infinite;

    animation: pops 1s linear infinite;

}



@-webkit-keyframes pops {

    0%,

    40% {

        opacity: 1;

    }

    50%,

    60% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@keyframes pops {

    0%,

    40% {

        opacity: 1;

    }

    50%,

    60% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

.roda__header .dealer__bewhatsapp i,

.roda__header .dealer__bephone i {

    display: inline-block;

    height: 50px;

    line-height: 50px;

    margin-right: 12px;

    font-size: 45px;

    float: left;

}

.roda__header .dealer__bephone i {

    transform: rotate(20deg);

}

.roda__header .dealer__bewhatsapp span.fcall,

.roda__header .dealer__bephone span.fcall {

    position: relative;

    height: 50px;

    line-height: 65px;

    font-weight: 700;

    display: inline-block;

}

.roda__header .dealer__bephone span.fcall:before {

    content: "Contact Us";

    position: absolute;

    left: 0;

    top: 6px;

    line-height: 1;

    text-align: center;

    font-weight: 400;

}

.roda__header .dealer__bewhatsapp span.fcall:before {

    content: "Chat WhatsApp";

    position: absolute;

    left: 0;

    top: 6px;

    line-height: 1;

    text-align: center;

    font-weight: 400;

}

.roda__menu {

    float: left;

}

.roda__menu .dealer__menu {

    margin-left: 0;

}

.inner__header {

    padding-right: 60px;

    position: relative;

}

.inner__header .dealer__agent {

    position: absolute;

    right: 0;

    top: 27px;

    width: 40px;

    height: 40px;

    z-index: 2;

}

.roda__menu .navmenu {

    margin: 0;

    padding: 0 0 0 15px;

}

.roda__menu .navmenu .dd.desktop li a {

    text-transform: uppercase;

    font-weight: 700;

    font-size: 15px;

}



.roda__menu .navmenu .dd.desktop li.full-image ul {

    top: 141px;

}

.roda__menu .navmenu .dd.desktop li.menu-item.full-image .navmenu_thumb {

    padding-bottom: 20px;

    margin-bottom: 5px;

    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);

}

.roda__menu .navmenu .dd.desktop li.full-image ul li a {

    font-size: 12px;

}

.roda__menu .navmenu .dd.desktop li.full-image ul li a:after {

    bottom: 35px;

    font-size: 12px;

    height: 24px;

    line-height: 24px;

    width: 24px;

    margin-left: -12px;

    opacity: 1;

    transition: all 0.5s ease 0.1s;

}

.roda__menu .navmenu .dd.desktop li.full-image ul li:hover a:after {

    bottom: 50%;

}

.roda__menu .dealer__menu .navmenu .dd.desktop li.menu-item-has-children.full-image:after {

    content: "\e816";

    background: none;

    color: #d33;

    font-size: 12px;

    top: 38px;

    right: 3px;

}



/* SLIDER */

.homeslide .owl-carousel .owl-item img {

    height: auto;

}



.sos__agent {

    float: right;

    margin-top: 27px;

}

.sos__agent .sos__icon {

    float: left;

}

.dealer__agent {

    float: right;

    width: 40px;

    height: 40px;

    border-radius: 40px;

    border: 5px solid rgba(0, 0, 0, 0.05);

    overflow: hidden;

    margin: 0 0 0 10px;

}

.dealer__agent img {

    width: 100%;

}

.sos__agent i {

    width: 40px;

    height: 40px;

    display: inline-block;

    line-height: 40px;

    text-align: center;

    border-radius: 30px;

    margin: 5px 0 5px 6px;

    font-size: 20px;

}



/* EVENT */

.dealer__event {

    padding: 0;

    width: 100%;

}

.show-event {

    margin: 0 auto;

}

.event__open {

    padding: 0;

}



.event_content {

    width: 60%;

    float: left;

    padding: 80px 0;

}

.event_content h3 {

    position: relative;

    font-weight: 700;

    font-size: 46px;

    line-height: 1.2;

    font-family: Poppins;

    padding: 0 0 15px;

    margin: 0 0 25px;

    overflow: hidden;

}

.event_content h3:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100px;

    height: 2px;

}

.event_info {

    font-weight: bold;

    font-size: 15px;

    font-family: Poppins;

    margin: 0 0 10px;

}

.event_info span {

    display: inline-block;

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    margin: 0 12px 0 0;

    border-radius: 6px;

}

.event_info a {

    display: inline-block;

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    margin: 0 8px 0 0;

    border-radius: 6px;

}



.event__title {

    position: absolute;

    top: 20px;

    bottom: 0;

    right: 0;

    width: 250px;

    text-align: center;

}

.title__after {

    position: relative;

    height: 100%;

}

.title__after:after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    width: 250px;

    opacity: 0.8;

    z-index: 1;

}

.title__after:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0px;

    border-bottom: 50px solid transparent;

    border-left-width: 250px;

    border-left-style: solid;

    border-top: 0;

    clear: both;

    z-index: 2;

}

.event__title h4 {

    font-weight: 700;

    font-size: 100px;

    line-height: 1;

    font-family: Poppins;

    letter-spacing: -2px;

    padding: 100px 0 2px;

    position: relative;

    z-index: 2;

}

.event_date {

    font-size: 18px;

    line-height: 1.1;

    font-family: Poppins;

    position: relative;

    z-index: 2;

    margin: 0 0 6px;

    position: absolute;

    transform: rotate(90deg);

    top: 150px;

    right: 20px;

}

.event_hour,

.event_minutes,

.event_seconds {

    position: relative;

    z-index: 2;

    font-size: 20px;

}

.event_clock {

    font-weight: bold;

    position: relative;

    z-index: 3;

}

.event_content .fa-whatsapp {

    margin-left: 14px;

}



.event__image {

    width: 180px;

    height: auto;

    float: left;

    margin: 0 20px 0 0;

}

.event__image img {

    display: block;

    width: 100%;

    height: auto;

}

#clockz {

    width: 100%;

    height: 100%;

    position: relative;

}



/* AGENT */

.dealer__theagent {

    padding: 0;

}

#theagent {

    padding: 80px 0;

}

.info__agen {

    float: left;

    width: 440px;

    position: relative;

}

.info__agen img {

    width: 100%;

    height: auto;

    margin: 0 0 30px;

}

.nama__agen {

    font-weight: 700;

    font-size: 28px;

    line-height: 1.2;

    font-family: Poppins;

    margin: 0 0 15px;

    padding: 0;

    letter-spacing: -1px;

    z-index: 10;

    text-align: right;

}

.nama__agen .nickname {

    position: relative;

    display: inline-block;

}

.nama__agen .nickname:before {

    content: "";

    position: absolute;

    left: -90px;

    bottom: 40%;

    width: 80px;

    height: 1px;

    background: #222;

}

.text__agen {

    font-size: 16px;

    text-align: right;

    margin-left: 80px;

}



.dealer_social {

    position: absolute;

    right: -70px;

    top: 150px;

    width: 50px;

}

.dealer_social i {

    display: block;

    width: 50px;

    height: 50px;

    margin: 0 0 5px;

    line-height: 50px;

    text-align: center;

    font-size: 25px;

    border-radius: 5px;

}



.dealer__addblock {

    float: right;

    width: calc(100% - 580px);

}

.head__agen {

    font-weight: 700;

    font-size: 36px;

    line-height: 1.3;

    font-family: Poppins;

    margin: 0 0 25px;

    padding: 10px 0 0;

    letter-spacing: -1px;

    z-index: 10;

}



.dealer__works {

    text-align: left;

    font-size: 20px;

    margin: 0 0 20px;

}

.dealer__works .closehour {

    color: #d33;

    padding: 0 0 0 20px;

}

.dealer__works .openhour {

    padding: 0 0 0 20px;

}

.addleft,

.addright {

    font-size: 16px;

    line-height: 1.5;

    margin: 0 0 20px;

}



.dealer__bottom {

    padding: 40px 0;

}

.listing_outer {

    margin: 0 -8px;

}

.for_looping {

    width: 25%;

    float: left;

}

.for_looping .slide1_box {

    margin: 0 8px 16px;

}

.slide1_box img {

    max-width: 100%;

    display: block;

}

.listing_outer .dealer_clear.loop_list {

    display: none;

}

.listing_outer .dealer_clear.loop4,

.listing_outer .dealer_clear.loop8,

.listing_outer .dealer_clear.loop12,

.listing_outer .dealer_clear.loop16 {

    display: block;

}



/* Widget Slide Model 1 */



.widget_slide1 {

    padding: 40px 0;

}

.slide1_img {

    display: block;

    min-height: 50px;

}

.slide1_price {

    position: relative;

}

.slide1_price_box {

    position: relative;

    margin: -16px 0 20px;

    width: 100%;

    text-align: center;

    z-index: 2;

}

.slide1_price_box span {

    display: inline-block;

    font-weight: 700;

    height: 32px;

    line-height: 32px;

    margin: 0 auto;

    padding: 0 20px;

    border-radius: 25px;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}



.slide1_car_name {

    padding: 0 25px;

    margin: 0 0 10px;

}

.span_title {

    float: left;

    width: calc(100% - 60px);

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.slide1_car_type {

    float: right;

}



.slide1_after_title {

    border-top: 1px solid rgba(120, 120, 120, 0.2);

    padding: 15px 0;

    margin: 0 25px;

}



.slide1_after_title i {

    float: right;

    width: 34px;

    height: 22px;

    text-align: center;

    line-height: 22px;

    font-size: 12px;

    border: 1px solid #d35;

    border-radius: 20px;

}

.slide1_car_status {

    float: left;

    height: 24px;

    line-height: 24px;

    padding: 0 12px;

    font-size: 12px;

    color: #fff;

    border-radius: 20px;

}



.widget_slide2 {

    padding: 40px 0;

    background: #f7f7f7;

}

.slide2_box {

    position: relative;

    background: #fff;

    overflow: hidden;

}

.slide2_link {

    display: block;

}

.carstat {

    position: absolute;

    top: 14px;

    left: -23px;

    width: 100px;

    height: 24px;

    line-height: 24px;

    font-size: 12px;

    text-align: center;

    background: #333;

    color: #fff;

    transform: rotate(-45deg);

}

.img_slide {

    position: relative;

}

.slide2_pr {

    width: 70px;

    height: 70px;

    background: #d35;

    color: #fff;

    text-align: center;

    border-radius: 40px;

    position: absolute;

    right: 20px;

    bottom: -35px;

    z-index: 10;

}

.slide2_meta {

    padding: 20px 15px;

}



.slide2_price {

    font-size: 35px;

    line-height: 30px;

    letter-spacing: -2px;

    font-family: "Roboto Condensed";

    font-weight: bold;

    padding: 15px 0 2px;

    display: block;

}

.slide2_mill__price {

    font-size: 11px;

    line-height: 1.1;

    font-family: "Roboto Condensed";

    display: block;

}

.slide2_title {

    font-weight: 400;

    font-size: 18px;

    font-family: Poppins;

    max-height: 54px;

    overflow: hidden;

    margin: 0 45px 10px 0;

    line-height: 1.2;

}

.slide2_after_title {

    color: #d35;

}



.widget_slide3 {

    padding: 40px 0;

    background: #eee;

}

.slide3_box {

    background: #fdfdfd;

}

.slide3_img {

    display: block;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

    position: relative;

}

.slide3_car_name {

    padding: 20px 25px 10px;

    margin: 0;

    text-align: center;

}

.slide3_car_name a {

    color: #333;

}

.slide3_title {

    text-align: center;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-family: "Roboto Condensed";

    font-size: 16px;

}



.slide3_price_box {

    position: relative;

    width: 100%;

    text-align: center;

}

.slide3_mill__price {

    font-size: 22px;

    font-weight: bold;

    font-family: Montserrat;

    margin: 0 0 15px;

    color: #d35;

}



.slide3_after_title {

    background: #f7f7f7;

    border-top: 1px solid rgba(125, 125, 125, 0.2);

    padding: 15px 0;

    text-align: center;

    border-bottom: 2px solid #d35;

}



.slide3_car_type {

    color: #333;

    font-size: 13px;

}

.slide3_car_status {

    position: absolute;

    bottom: 15px;

    left: 15px;

    height: 22px;

    line-height: 22px;

    padding: 0 12px;

    font-size: 12px;

    background: #d35;

    color: #fff;

}



.widget_slide4 {

    padding: 40px;

    background: #eee;

}

.slide4_box {

    background: #ffffff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

}

.slide_model4 {

    margin: 0 -20px;

}

.slide4_img {

    display: block;

    position: relative;

}

.slide4_car_name {

    padding: 20px 25px 10px;

    margin: 0;

    text-align: center;

}

.slide4_car_name a {

    color: #333;

}

.slide4_title {

    text-align: center;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-family: "Roboto Condensed";

    font-size: 16px;

}



.slide4_price_box {

    position: relative;

    width: 100%;

    text-align: center;

}

.slide4_mill__price {

    font-size: 22px;

    font-weight: bold;

    font-family: Montserrat;

    margin: 0 0 15px;

    color: #d35;

}



.slide4_after_title {

    background: #f7f7f7;

    border-top: 1px solid rgba(125, 125, 125, 0.2);

    padding: 15px 0;

    text-align: center;

}

.slide4_after_title span {

    vertical-align: middle;

}



.slide4_car_type,

.slide4_car_status {

    color: #333;

    font-size: 13px;

    width: 33%;

    float: left;

    height: 40px;

}

.slide4_car_type i,

.slide4_car_status i {

    display: block;

    color: #d35;

    margin: 0 0 4px;

}



.slide4_car_logo {

    width: calc(34% - 2px);

    display: flex;

    float: left;

    height: 40px;

    align-items: center;

    justify-content: center;

    border-left: 1px solid rgba(125, 125, 125, 0.2);

    border-right: 1px solid rgba(125, 125, 125, 0.2);

}

.slide4_car_logo img {

    width: calc(100% - 30px) !important;

    margin: 0 15px;

    height: auto;

    filter: grayscale(100%);

}

.widget_slide4 .owl-carousel .owl-stage-outer {

    padding: 0;

}

.widget_slide4 .item {

    padding: 20px;

}



.widget_slide5 {

    padding: 40px;

    background: #ffffff;

}

.slide5_box {

    background: #ffffff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

    position: relative;

}

.slide_model5 {

    margin: 0 -20px;

}

.slide5_img {

    float: left;

    width: 300px;

    position: relative;

}

.slide5_price {

    float: right;

    width: calc(100% - 300px);

}

.slide5_car_name {

    padding: 30px 20px 10px;

    margin: 0;

    text-align: left;

}

.slide5_car_name a {

    color: #333;

}

.slide5_title {

    text-align: left;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-family: "Roboto Condensed";

    font-size: 18px;

    line-height: 18px;

}



.slide5_price_box {

    position: relative;

    width: 100%;

    text-align: left;

    padding: 10px 0 0;

}

.slide5_mill__price {

    font-size: 22px;

    font-weight: bold;

    font-family: Montserrat;

    margin: 0 20px 15px 20px;

    color: #d35;

}



.slide5_after_title {

    background: #f7f7f7;

    border-top: 1px solid rgba(125, 125, 125, 0.2);

    border-bottom: 1px solid rgba(125, 125, 125, 0.2);

    padding: 0;

    text-align: left;

}

.slide5_after_title span {

    vertical-align: middle;

}



.slide5_car_type,

.slide5_car_status {

    color: #333;

    font-size: 15px;

    width: 50%;

    float: left;

    padding: 12px 0;

    margin: 0;

}

.slide5_car_type i,

.slide5_car_status i {

    color: #d35;

    margin: 0 4px 0 20px;

}



.slide5_car_logo {

    position: absolute;

    right: 0;

    bottom: 0;

    padding: 12px 12px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.owl-carousel .owl-item .slide5_car_logo img {

    width: auto;

    height: 18px;

}

.widget_slide5 .owl-carousel .owl-stage-outer {

    padding: 0;

}

.widget_slide5 .item {

    padding: 20px;

}



/* Testimoni */

.dealer__gallery {

    position: relative;

}

.dealer__gallery:before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    height: 80px;

    z-index: 1;

}

.testimoni__slider {

    padding: 0 0 40px;

}

.tes__headbox {

    width: 32%;

    float: left;

    position: relative;

    z-index: 1;

}

.tes__slide {

    width: calc(68% - 20px);

    float: right;

    position: relative;

}

.tes__slideinner {

    margin: 0;

}

.beforetesti__bg {

    margin: 0;

    height: 310px;

    overflow: hidden;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

}

.before__gal {

    padding: 30px;

}

.gal__heading {

    position: relative;

    font-weight: 700;

    font-size: 32px;

    line-height: 1.2;

    font-family: Poppins;

    margin: 0 0 15px;

    padding: 10px 0 15px;

    letter-spacing: -1px;

    z-index: 10;

}

.gal__text {

    margin: 0 0 30px;

}

.gal__navi {

    height: 44px;

    line-height: 44px;

    padding: 0 20px;

    display: inline-block;

    border-radius: 8px;

}



.testi__bg {

    margin: 0;

    height: 310px;

    overflow: hidden;

}

.testi_img {

    height: 200px;

    overflow: hidden;

    display: block;

}



.mini__photo {

    float: right;

    width: 50px;

    height: 50px;

    border: 5px solid rgba(0, 0, 0, 0.05);

    border-radius: 30px;

    overflow: hidden;

}

.gal__textbox {

    padding: 25px 30px;

    line-height: 1.2;

    position: relative;

}

.gal__people {

    float: left;

    width: calc(100% - 80px);

}

.tesnama {

    font-weight: bold;

}

.lite__city {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 13px;

}

.gal__rating {

    display: block;

    font-size: 17px;

    margin: 0 0 8px;

}

.gal__rating i {

    letter-spacing: -4px;

    width: 20px;

    height: 20px;

    text-align: center;

    line-height: 20px;

}

.gal__rating i:before {

    margin: 0 !important;

    width: 20px;

}



.galeritess.owl-theme .owl-nav {

    position: absolute;

    bottom: 25px;

    left: -118px;

}

.galeritess.owl-theme .owl-nav [class*="owl-"] {

    width: 32px;

    height: 32px;

    line-height: 28px;

    text-align: center;

    margin: 0 8px 0 0;

    border-radius: 0;

}

.galeritess.owl-theme .owl-nav [class*="owl-"]:hover {

    background: #fff;

}



/* Testimonial */

.dealer_comment {

    padding: 60px 0;

}

.comment__listing {

    margin: 0;

}

.comment__box {

}

.comment__inner {

    margin: 0 20px;

    padding: 25px;

}

.comment_content {

    margin: 0 0 15px;

    text-align: center;

}

.owl-carousel .owl-item .comment_content img {

    width: 50px;

    height: 50px;

    border-radius: 30px;

    margin: 0 auto;

}

.tes__right {

    padding: 6px 0 0;

}

.tes__from {

    font-size: 12px;

}

.tes__rating {

    font-size: 17px;

    margin: 0 0 8px;

    text-align: center;

}

.tes__rating i {

    letter-spacing: -4px;

    width: 20px;

    height: 20px;

    text-align: center;

    line-height: 20px;

}

.tes__excerpt {

    font-size: 14px;

    line-height: 1.5;

    text-align: center;

}



/* FOOTER */

.embedmaps {

    width: 100%;

    display: block;

}

.embedmaps iframe {

    width: 100%;

    height: 400px;

    display: block;

}

.footer {

    margin: 0;

    padding: 0;

    position: relative;

}

.footer_copyright {

    padding: 40px 0 0;

}

.footer a {

    text-decoration: none;

}

.footer a:hover {

    text-decoration: underline;

}

.copyright {

    text-align: center;

    font-weight: 400;

    font-size: 13px;

    font-family: Poppins, sans-serif;

    padding: 20px 0 40px;

}

.footer__layer {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 3;

}

.footer .container {

    position: relative;

    z-index: 10;

}

.footer_contact {

    max-width: 900px;

    margin: 0 auto 40px;

    font-size: 13px;

}



.footer_logo img {

    display: block;

    width: 200px;

    margin: 0 auto 40px;

}

.footer_box {

    width: 33.33%;

    float: left;

}

.footer_inner {

    margin: 0 25px;

}

.footer_contact .nama__agen {

    font-weight: 700;

    font-size: 13px;

    line-height: 1.2;

    font-family: Poppins;

    margin: 0 0 12px;

    padding: 0;

    letter-spacing: 0;

    text-align: left;

}

.footer_box .sos__icon i {

    display: inline-block;

    font-size: 20px;

    margin: 0 6px 0 0;

    width: 34px;

    height: 34px;

    border-radius: 20px;

    line-height: 34px;

    text-align: center;

}

.footer_box i {

    display: inline-block;

    color: #e55;

    width: 28px;

}

.footer_address .dealer__beaddress {

    width: 100%;

    float: none;

    display: block;

    text-align: center;

    padding: 0;

    margin: 0;

}

.footer_address .show_alamat {

    max-width: 500px;

    margin: 0 auto 30px;

    font-size: 16px;

}

.footer_text .dealer__bephone i,

.footer_text .dealer__bewhatsapp i {

    display: inline-block;

    font-size: 20px;

    margin: 0 6px 0 0;

    width: 60px;

    height: 34px;

    border-radius: 20px;

    line-height: 34px;

    text-align: center;

    background: #e55;

    color: #fff;

}

.footer_text {

    text-align: center;

}

.footer_text .dealer__bewhatsapp,

.footer_text .dealer__bephone {

    float: none;

    margin: 0;

    padding: 0;

}

.footer_text .fcall {

    display: none;

}

.footer_text .call_text {

    font-size: 20px;

    font-weight: bold;

}



/* DEALER BLOG */

.dealer_blog {

    padding: 40px 0;

    position: relative;

}

.dealer__searchhead {

    font-size: 18px;

    margin: 0 0 15px;

}

.blog__headnews {

    position: relative;

    font-weight: 700;

    font-size: 32px;

    line-height: 1.2;

    font-family: Poppins;

    margin: 0 0 15px;

    padding: 10px 0 15px;

    letter-spacing: -1px;

}



.slide_blog {

    width: calc(100% - 170px);

    float: left;

}

.blog__slideloop {

    position: relative;

    overflow: hidden;

}

.blog__number {

    position: absolute;

    top: 15px;

    left: 25px;

    font-family: Poppins;

    font-style: italic;

    font-size: 70px;

    font-weight: 700;

    line-height: 1;

    opacity: 0.8;

    color: #fff;

    z-index: 2;

}

.blog__image {

    height: 200px;

}

.blog__overlay {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background: rgba(0, 0, 0, 0.7);

    z-index: 1;

}

.blog__meta {

    position: relative;

    z-index: 2;

    padding: 15px 30px 0;

    overflow: hidden;

}

.blog__publish {

    margin: 0 0 5px;

    font-size: 14px;

}

.blog__title {

    font-size: 16px;

    font-weight: 700;

    line-height: 1.3;

}



.next__blog {

    width: 150px;

    height: 195px;

    padding-top: 95px;

    float: right;

    text-align: center;

    background: #d35;

    color: #fff;

}

.next__blog i {

    font-size: 60px;

}



/* ARCHIVE */

.archive__blog {

    margin: 0 -20px;

}

.post__block {

    width: 33.33%;

    float: left;

}

.inner__postblock {

    margin: 0 20px 40px;

    border-radius: 6px 6px 3px 0;

    overflow: hidden;

    box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.05);

}

.archive__blog .dealer_clear {

    display: none;

}

.archive__blog .dealer_clear.dealer3,

.archive__blog .dealer_clear.dealer6,

.archive__blog .dealer_clear.dealer9,

.archive__blog .dealer_clear.dealer12,

.archive__blog .dealer_clear.dealer15 {

    display: block;

}



.image__postblock {

    position: relative;

}

.image__postblock img {

    width: 100%;

    display: block;

    height: auto;

}

.image__postblock .dates {

    position: absolute;

    top: 15px;

    left: 25px;

    font-family: Poppins;

    font-style: italic;

    font-size: 70px;

    font-weight: 700;

    line-height: 1;

    opacity: 1;

    color: #fff;

    z-index: 2;

}

.image__postblock .dates span {

    display: block;

}

.months {

    font-size: 15px;

    margin-left: 20px;

    position: relative;

}

.months:before {

    content: "";

    position: absolute;

    bottom: 2px;

    left: -28px;

    width: 25px;

    height: 1px;

    background: #fff;

}

.post__meta {

    padding: 30px;

}

.post__title {

    font-size: 20px;

    font-weight: bold;

    line-height: 1.3;

}



.post__publish {

    margin: 0 0 8px;

}



.post__overlay {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background: rgba(0, 0, 0, 0.5);

    z-index: 1;

}



.archive__title {

    position: relative;

    font-weight: 700;

    font-size: 22px;

    line-height: 1.2;

    font-family: Montserrat;

    text-align: center;

    margin: 0 0 30px;

    padding: 0 15px;

    z-index: 5;

}

.archive__test {

    padding: 0 0 40px;

}



.test__block {

    margin: 0 0 20px;

    display: grid;

    grid-template-rows: 1fr auto;

    break-inside: avoid;

    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);

}

.loop__test {

    column-count: 3;

    column-gap: 20px;

}



.test__excerpt {

    font-size: 14px;

    line-height: 1.5;

    padding: 30px;

    margin: 0 0 10px;

}

.test_thumbnail {

    background: rgba(0, 0, 0, 0.05);

    padding: 20px 30px;

}

.test_thumbnail img {

    float: left;

    width: 70px;

    height: 70px;

    border-radius: 50px;

}

.test__personal {

    float: right;

    width: calc(100% - 95px);

}

.test__personal i {

    display: inline-block;

    font-size: 18px;

    width: 20px;

    text-align: center;

    margin: 0 0 6px;

}



/* BREADCRUMB */

.breadcrumbs {

    display: none;

}



/* SINGLE */

.single__layout {

}

.thumb__background {

    position: relative;

    background-position: center;

    background-size: 100%;

}

.thumb__background:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0.8;

    z-index: 2;

}

.single__top {

    position: relative;

    z-index: 3;

    padding: 150px 0;

    text-align: center;

}

.single__heading {

    max-width: 700px;

    font-size: 40px;

    line-height: 1.4;

    font-weight: 700;

    margin: 0 auto 15px;

    padding: 0 0 15px;

}

.single__cat {

    padding: 0 0 20px 0;

}

.single__cat span {

    margin: 0 5px;

}



.single__content {

    padding: 80px 0;

}



.single__outer {

    margin: 0 -15px;

}

.single__big {

    width: calc(100% - 440px);

    float: left;

}

.single__bigger {

    width: 100%;

    float: none;

}

.single__big-inner {

    margin: 0 15px;

    padding: 0 20px 0 0;

}

.single__small {

    width: 400px;

    float: right;

}



/* BLOG */

.blog__dealercontent {

    position: relative;

    margin: 0;

    padding: 0 0 10px 110px;

    line-height: 1.5;

}



.blog__dealercontent h1,

.blog__dealercontent h2,

.blog__dealercontent h3,

.blog__dealercontent h4,

.blog__dealercontent h5 {

    margin: 5px 0 20px;

    line-height: 1.3;

}



.blog__dealercontent h1 {

    font-size: 24px;

}



.blog__dealercontent h2 {

    font-size: 22px;

}



.blog__dealercontent h3 {

    font-size: 20px;

}



.blog__dealercontent h4 {

    font-size: 18px;

}



.blog__dealercontent h5 {

    font-size: 16px;

}



.blog__dealercontent p {

    margin: 0 0 20px;

}



.blog__dealercontent table td,

.blog__dealercontent table th {

    vertical-align: top;

    border: 1px solid rgba(125, 125, 125, 0.2);

    margin: 0 0 -1px -1px;

}



.blog__dealercontent ol {

    list-style: decimal;

    padding-left: 35px;

    margin: 15px 0;

}



.blog__dealercontent ul {

    list-style: disc;

    padding-left: 35px;

    margin: 15px 0;

}



.blog__dealercontent li {

    margin: 3px 0;

}



.blog__dealercontent blockquote {

    padding: 0 0 0 45px;

    margin: 20px 0;

    border-left: 2px solid #ddd;

}



.blog__dealercontent blockquote p {

    font-style: italic;

}



.single__bio {

    margin: 0 0 20px;

    font-size: 18px;

    position: relative;

}

.bio__avatar {

    float: left;

    width: 76px;

    height: 76px;

    line-height: 76px;

    text-align: center;

    font-size: 50px;

    border-radius: 5px;

    overflow: hidden;

    margin: 0 30px 0 0;

    box-shadow: 0 0 12px rgba(0, 0, 0, 0.14);

    border: 2px solid #fff;

}

.bio__avatar img {

    width: 100%;

}

.bio__name {

    font-weight: 700;

    margin: 0 0 10px;

}

.bio__links a,

.bio__links span {

    position: relative;

    display: inline-block;

    padding: 0 25px;

    margin: 0 10px 0 0;

    height: 36px;

    line-height: 36px;

    font-size: 12px;

    font-weight: 300;

    text-transform: uppercase;

    letter-spacing: 3px;

}

.bio__cats a:nth-child(2) {

    display: none;

}

.event__loc {

    margin: 0 0 15px;

    padding: 20px 20px;

    font-size: 16px;

}



.single__tags {

    padding: 0 0 30px 110px;

}

.single__tags a {

    margin: 0 15px 0 0;

    text-decoration: underline;

}

.single__tags i {

    margin-right: 8px;

}

.share {

    position: absolute;

    right: 0;

    bottom: 7px;

}

.share a {

    display: inline-block;

    width: 36px;

}

.share i {

    display: inline-block;

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    font-size: 18px;

    margin: 0 0 0 3px;

}



.related__post {

    padding: 0 0 80px 110px;

}

.related__out {

    margin: 0 -15px;

}

.related__head {

    position: relative;

    font-size: 18px;

    margin: 0 15px 25px;

}

.related__head:before {

    content: "";

    position: absolute;

    top: 16px;

    left: 0;

    width: 100%;

    height: 2px;

    background: #333;

}

.related__head span {

    position: relative;

    display: inline-block;

    height: 32px;

    line-height: 32px;

    padding: 0 15px;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-size: 12px;

    z-index: 2;

}

.dealer__related {

    float: left;

    width: 50%;

}

.related__in {

    margin: 0 15px;

    box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.05);

}

.related__image {

    position: relative;

}

.related__image a {

    display: block;

    margin: 0 0 15px;

}

.related__image a:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.5);

    opacity: 1;

    transition: all 0.5s ease 0.1s;

    z-index: 2;

}

.related__image:hover a:before {

    opacity: 1;

}

.related__image i {

    position: absolute;

    top: calc(50% - 18px);

    left: calc(50% - 18px);

    width: 32px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    font-size: 13px;

    border: 2px solid #fff;

    color: #fff;

    border-radius: 30px;

    transition: all 0.5s ease 0.1s;

    transform: scale(0);

    z-index: 3;

}

.related__image:hover i {

    transform: scale(1);

}

.dealer__related img {

    width: 100%;

    height: auto;

    display: block;

}

.related__bottom {

    padding: 10px 30px 20px;

}

.related__title {

    margin: 0 0 10px;

    font-weight: 700;

    font-size: 16px;

    line-height: 1.4;

}



.related__publish {

    font-size: 13px;

    margin: 0 0 5px;

}



.dealer__commentform {

    padding: 0 0 80px 110px;

}

.comment__head {

    position: relative;

    font-size: 18px;

    margin: 0 0 25px;

}

.comment__head:before {

    content: "";

    position: absolute;

    top: 16px;

    left: 0;

    width: 100%;

    height: 2px;

    background: #333;

}

.comment__head span {

    position: relative;

    display: inline-block;

    height: 32px;

    line-height: 32px;

    padding: 0 15px;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-size: 12px;

    z-index: 2;

}

#commentform {

    margin: 0 0 60px;

}

#commentform p {

    margin: 0 0 10px;

}

#commentform p label {

    display: block;

    margin: 0 0 10px;

}

#commentform p.comment-form-cookies-consent label {

    display: inline-block;

    margin-left: 8px;

}

#comment {

    border-radius: 0;

    border: 1px solid rgba(0, 0, 0, 0.1);

    padding: 15px;

    height: 100px;

    width: calc(100% - 32px);

    background: #fff;

    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.05);

}

#author,

#email,

#url {

    border-radius: 0;

    border: 1px solid rgba(0, 0, 0, 0.1);

    padding: 0 15px;

    height: 40px;

    line-height: 40px;

    width: calc(100% - 32px);

    background: #fff;

    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.05);

    margin: 0 0 5px;

}

#reply-title {

    font-size: 16px;

    margin: 0 0 10px;

}



#submit {

    border: none;

    cursor: pointer;

    padding: 0px 25px;

    border-radius: 3px;

    letter-spacing: 2px;

    height: 36px;

    line-height: 36px;

    font-size: 12px;

    text-transform: uppercase;

}



.comment__area {

    margin: 0 0 40px;

    line-height: 1.5;

}

.comment__avatar {

    float: left;

    margin-right: 60px;

    box-shadow: 0 0 1px #ddd;

    background: #f7f7f7;

    padding: 8px;

    width: 80px;

    height: 80px;

    border-radius: 50px;

}

.comment__avatar img {

    border-radius: 50px;

}

.comment__meta {

    float: right;

    width: calc(100% - 156px);

}

.comment__meta.comment_unapproved {

    width: calc(100% - 196px);

    padding: 15px 20px;

    background: rgba(200, 50, 50, 0.1);

}

.comment__author {

    margin: 0 0 8px;

}

.comment__author span {

    text-transform: uppercase;

}

.comment__meta p {

    margin: 0 0 8px;

}

.comment__meta {

}



.single__galeri {

    float: left;

    width: 600px;

    padding: 80px 0;

}

.single__galeri img {

    width: 100%;

}

.single__comment {

    float: right;

    width: calc(100% - 600px);

    padding: 150px 0 80px 0;

}

.comment__block {

    position: relative;

    margin: 0 0 0 -50px;

    padding: 120px 50px 50px;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);

    border-radius: 5px;

    z-index: 2;

}

.single__excerpt {

    font-size: 22px;

    font-weight: 300;

}

.single__excerpt i {

    position: absolute;

    top: 30px;

    left: 40px;

    font-size: 60px;

}

.single__rating {

    padding: 20px 0;

    font-size: 26px;

}

.single__rating i {

    float: left;

    width: 30px;

}

.single__name img {

    float: left;

    width: 100px;

    height: 100px;

    border-radius: 100px;

    margin: 0 30px 0 0;

}

.people__name {

    font-size: 22px;

    font-weight: 700;

    padding: 15px 0 10px;

}

.people__form {

    font-size: 18px;

    padding: 0 0 10px;

}



/* MODEL */

.color__galeri {

    background: #fff;

    position: relative;

    padding: 50px 0 0;

}

.color__galeri:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 260px;

    z-index: 1;

}

.model__heading {

    position: relative;

    width: 40%;

    float: left;

    padding: 70px 0;

    z-index: 3;

}

.model__heading h1 {

    font-size: 50px;

    line-height: 1.4;

    margin: 0 0 50px;

}

.model__heading img {

    height: 30px;

    width: auto;

    margin: 0 0 20px;

}

.color__slide {

    width: 60%;

    float: right;

}

.model__price {

    position: relative;

    display: inline-block;

    height: 50px;

    padding: 10px 40px 10px 70px;

    margin: 0 0 110px;

    border-radius: 80px;

}

.model__price i {

    position: absolute;

    top: 13px;

    left: 13px;

    height: 44px;

    width: 44px;

    text-align: center;

    line-height: 44px;

    font-size: 25px;

    border-radius: 50px;

}

.price__number {

    font-size: 30px;

    font-weight: 700;

    line-height: 1;

}

.model__status {

    font-size: 20px;

    line-height: 1.5;

}



.image__color {

    position: relative;

    margin-bottom: -40px;

    color: #222;

    font-size: 25px;

    margin: 0 auto;

}

.model__color .item {

    position: relative;

    z-index: 2;

}

.model__color .item img {

    max-width: 600px;

    margin: 0 auto;

}

.model__color .item {

    color: #222;

    font-size: 25px;

    margin: 0 auto;

    text-align: center;

}

.color__nav {

    text-align: center;

    margin: 20px;

    position: relative;

    z-index: 3;

}

.color__nav a {

    border-radius: 30px;

    height: 38px;

    line-height: 38px;

    width: 38px;

    overflow: hidden;

    margin: 0 4px 8px;

}



.dealer__photo {

    position: relative;

    padding: 0 0 60px;

}

.dealer__photo:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 160px;

    z-index: -1;

}

.slidephoto img {

    height: auto;

    border-radius: 15px;

}

.slidephoto.owl-theme .owl-nav [class*="owl-"] {

    position: absolute;

    bottom: 30px;

    width: 40px;

    height: 40px;

    margin: 0;

    text-align: center;

    line-height: 40px;

    border-radius: 40px;

    z-index: 3;

}

.slidephoto.owl-theme .owl-nav .owl-prev {

    left: 30px;

}

.slidephoto.owl-theme .owl-nav .owl-next {

    right: 30px;

}

.slidephoto .item {

    position: relative;

}

.slidephoto .item span {

    position: absolute;

    top: 10px;

    right: 15px;

    font-size: 80px;

    font-weight: bold;

    color: #fff;

    opacity: 0.8;

    z-index: 2;

}



/* Pricing */

.dealer__price {

    padding: 80px 0;

}

.price__outer {

    margin: 0 -20px;

}

.price__inner {

    margin: 0 20px;

}

.price__thumb {

    float: left;

    width: 40%;

}

.price__thumb img {

    width: 100%;

    height: auto;

    display: block;

    /*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);*/

}

.price__list {

    float: left;

    width: 100%;

}

.agen__ready {

    float: left;

    width: 80px;

    padding: 58px 0 0px;

}

.price__status {

    margin: 0 0 10px;

}

.price__status span {

    padding: 0 14px;

    display: inline-block;

    text-transform: uppercase;

    font-weight: bold;

    height: 40px;

    line-height: 40px;

    border-radius: 0;

    margin: 0 10px 0 0;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

    border-radius: 5px;

}

.price__status span.test__drive {

    margin: 0;

}

.dealer__table {

    width: 100%;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);

    border-radius: 6px;

}

.dealer__table .dealer_clear:nth-child(2n) {

    background: rgba(0, 0, 0, 0.03);

}

.tab__head {

    float: left;

    display: inline-block;

    width: calc(100% - 352px);

    padding: 12px 16px;

}

.tab__price {

    float: left;

    display: inline-block;

    width: 200px;

    padding: 12px 16px;

}

.tab__chat {

    float: right;

    display: inline-block;

    width: 46px;

    padding: 12px 16px;

}

.dealer__table {

    display: block;

    overflow: scroll;

    max-height: 2000px;

    width: 100%;

}

.dealer__table div div {

    font-size: 16px;

    height: auto;

}



.dealer__table a {

    display: inline-block;

    height: 26px;

    line-height: 26px;

    padding: 0 12px;

    border-radius: 20px;

}

.agen__ready i {

    display: block;

    width: 40px;

    height: 41px;

    text-align: center;

    line-height: 41px;

    font-size: 20px;

    margin: 0 0 10px;

    background: #fff;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);

    border-radius: 5px;

}

.agen__ready i.icon-dealer-share {

    background: #23c060;

    color: #fff;

    line-height: 30px;

    font-size: 16px;

    position: relative;

}

.agen__ready i.icon-dealer-share:after {

    content: "SHARE";

    position: absolute;

    bottom: 4px;

    left: 0;

    width: 40px;

    height: 10px;

    line-height: 10px;

    font-size: 8px;

    font-style: normal;

}

.agen__ready i.icon-dealer-facebook {

    color: #1051bd;

}

.agen__ready i.icon-dealer-twitter {

    color: #3bf;

}

.agen__ready i.icon-dealer-whatsapp {

    color: #23c060;

}

.agen__ready i.icon-dealer-telegram {

    color: #1d87b1;

}



/* SPECS */

.dealer__specs {

    padding: 0 0 60px 0;

    position: relative;

}

.dealer__specs:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 65px;

    z-index: 1;

}

.dealer__specs .container {

    position: relative;

    z-index: 2;

}

.specs__outer {

    margin: 0;

}

.model__left {

    position: relative;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);

}

.specs__inner.specs__left {

    padding: 0;

}

.specs__title {

    position: relative;

    font-weight: 700;

    font-size: 32px;

    line-height: 1.2;

    font-family: Poppins;

    margin: 0 0 15px;

    padding: 0 0 15px;

    letter-spacing: -1px;

    z-index: 10;

}



.tablinks {

    float: left;

    width: 14.28%;

    text-align: center;

    height: 90px;

    padding: 10px 0;

    border: 0;

}

.tablinks i {

    font-size: 40px;

    display: block;

}

.tabcontent#spec2 {

    display: block;

}

.tabcontent {

    display: none;

    animation: fadeEffect 1s;

    padding: 0;

}

.tabcontent .desc {

    width: 40%;

}

.specs__showdetail {

    margin: 0 0 40px;

}



.preview__whatsapp {

    width: 300px;

    position: fixed;

    bottom: 0;

    right: 50px;

    background: #f8f9fa;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

    margin-bottom: 20px;

    z-index: 1000;

}

.chat__image {

    background: #ceecc9;

    border-radius: 3px;

}

.chat__thumb {

}

.chat__thumb img {

    display: block;

    width: 100%;

    height: auto;

    border-radius: 5px 5px 0 0;

}

.chat__meta {

    padding: 8px;

    border-radius: 0 0 5px 5px;

    line-height: 1.3;

}

.chat__title {

    font-size: 15px;

}

.chat__exc {

    font-size: 12px;

}

.chat__link {

    font-size: 12px;

    color: #777;

}

.whats__head {

    width: 100%;

    height: auto;

    display: block;

}

.box__chat {

    padding: 50px 15px 10px 70px;

}

.chat__mess {

    position: relative;

    background: #e2f9de;

    color: #444;

    padding: 5px;

    border-radius: 8px 0 8px 8px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);

}

.chat__mess:after {

    content: "";

    position: absolute;

    top: 0;

    right: -9px;

    border-bottom: 9px solid transparent;

    border-left: 9px solid #e2ffc7;

    border-top: 0;

    clear: both;

}

.chat__mess:before {

    content: "";

    position: absolute;

    top: -1px;

    right: -11px;

    border-bottom: 11px solid transparent;

    border-left: 11px solid #eee;

    border-top: 0;

    clear: both;

}

.preview__chat {

    padding: 8px 8px 20px;

    font-size: 12px;

    line-height: 1.3;

}

.preview__chat span {

    color: #0fb0d5;

}

.chat__time {

    position: absolute;

    bottom: 5px;

    right: 8px;

    font-size: 11px;

    color: #777;

}

.chat__input img {

    width: 100%;

    height: auto;

}

.tabcontent table {

    width: 100%;

}

.tabcontent table td {

    padding: 20px 40px;

}



.tabcontent table tr:nth-child(2n-1) {

}

.tabcontent table tr:nth-child(2n) {

    background: rgba(0, 0, 0, 0.03);

}



.blog__dealercontent.blog__model {

    padding: 0 40px;

}

.single .widget_slide1 {

    padding: 40px 0 0;

}



.model__leftvideo {

    margin: 0 40px 20px;

}

iframe {

    width: 100%;

    height: 630px;

    margin: 0 0 20px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);

}



.model__rel {

    padding: 15px;

    margin: 0 0 20px;

    box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);

    overflow: hidden;

}

.rel__thumb {

    float: right;

    width: 120px;

    height: 80px;

    margin: 0 0 0 20px;

    border-radius: 5px;

    overflow: hidden;

}

.rel__thumb img {

    width: 100%;

    height: auto;

    transition: all 0.5s ease 0.1s;

}

.rel__title {

    font-size: 13px;

    line-height: 1;

    margin: 0 0 8px;

    font-weight: 700;

}

.rel__title a {

    color: #444;

}

.rel__price {

    font-size: 15px;

    line-height: 1;

    margin: 0 0 18px;

    font-weight: 700;

}

.rel__price span {

    display: inline-block;

    color: #3aca79;

}

.rel__span span {

    float: left;

    display: inline-block;

    margin-right: 6px;

    font-size: 11px;

    padding: 6px 15px 6px 10px;

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    position: relative;

    background: #222;

}

.rel__span span:before {

    content: "";

    position: absolute;

    top: 18px;

    right: -18px;

    width: 30px;

    height: 30px;

    transform: rotate(45deg);

    background: #fff;

}



.pagination {

    text-align: center;

}

.pagination a {

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 4px;

    font-weight: 700;

}



/* SIDEBAR */



#sidebar {

    margin: 0 15px;

}

.widget_block {

    padding: 30px 40px;

    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);

    margin: 0 0 20px;

    font-size: 15px;

    line-height: 1.4;

}



.widget_block h1 {

    font-size: 27px;

    margin: 0 0 10px;

    letter-spacing: -1px;

}



.widget_block h2 {

    font-size: 25px;

    margin: 0 0 10px;

    letter-spacing: -1px;

}



.widget_block h3 {

    font-size: 22px;

    margin: 0 0 10px;

    letter-spacing: -1px;

}



.widget_block h4 {

    font-size: 18px;

    margin: 0 0 10px;

}



.widget_block h5 {

    font-size: 17px;

    margin: 0 0 10px;

}



.widget_block h6 {

    font-size: 16px;

    margin: 0 0 10px;

}



.widget_block p {

    margin: 0 0 10px;

}



.widget_block ul,

.widget_block ol {

    margin: 0 0 10px;

}



.widget_block ul li,

.widget_block ol li {

    margin: 0 0 0 15px;

}



.widget_block blockquote {

    padding: 15px;

    background: rgba(0, 0, 0, 0.02);

    font-size: 16px;

}



.widget_block blockquote cite {

    font-size: 13px;

}



.widget_block .wp-block-code code {

    padding: 15px;

    background: rgba(0, 0, 0, 0.02);

}



.widget_block .wp-block-table {

    width: 100%;

}



.widget_block .wp-block-table td {

    padding: 10px;

    border: 1px solid rgba(125, 125, 125, 0.3);

    margin: 0 0 -1px -1px;

}



.widget_block .wp-block-pullquote blockquote {

    background: none;

}



.widget_block figcaption {

    font-size: 12px;

    padding: 5px 0;

}



.widget_block .wp-block-archives,

.widget_block .wp-block-categories {

    margin: 0;

    list-style: none;

}



.widget_block .wp-block-archives li,

.widget_block .wp-block-categories li {

    padding: 0 0 10px;

    margin: 0 0 10px;

    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);

}



.widget_block .wp-block-calendar table th {

    background: rgba(0, 0, 0, 0.05);

}



.widget_block .wp-block-calendar table caption {

    font-size: 16px;

    padding: 0 0 10px;

}



.widget_block .wp-calendar-nav {

    padding: 10px 0;

}



.widget_block .wp-block-latest-comments__comment {

    padding: 0 0 10px;

    margin: 0 0 10px;

    border-bottom: 1px solid rgba(125, 125, 125, 0.3);

    line-height: 1.4;

}



.widget_block .wp-block-latest-comments__comment-excerpt p {

    line-height: 1.4;

}



.widget_block .wp-block-latest-comments__comment-date {

    font-style: italic;

}



.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li,

.widget_block .wp-block-pages-list__item {

    margin: 0 0 10px;

    padding: 0 0 10px;

}



.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li time {

    font-size: 12px;

    line-height: 1.3;

}



.widget_block .wp-block-page-list {

    list-style: none;

}



.widget_block .wp-block-pages-list__item.has-child {

    padding: 0;

}



.widget_block .wp-block-pages-list__item.has-child .submenu-container {

    margin: 10px 0 0 15px;

}



.widget_block .wp-block-rss {

    list-style: none;

}



.widget_block .wp-block-rss__item {

    padding: 0 0 10px;

    margin: 0;

}



.widget_block .wp-block-tag-cloud a {

    display: inline-block;

    height: 26px;

    line-height: 26px;

    font-size: 14px !important;

    padding: 0 10px;

    margin: 0 0 4px;

}



.widget_block .wp-block-search .wp-block-search__button {

    border: 0;

    height: 40px;

    line-height: 40px;

    width: 70px;

    padding: 0;

    margin-left: 10px;

    text-align: center;

}



.widget_block .wp-block-search .wp-block-search__input {

    box-shadow: 0 0 10px inset rgba(125, 125, 125, 0.08);

    border: 1px solid rgba(0, 0, 0, 0.2);

    height: 40px;

    line-height: 40px;

    width: calc(100% - 90px);

    padding: 0 15px;

    background: #fff;

    color: #222;

    float: left;

}



.widget_block .wp-block-search .wp-block-search__label {

    margin: 0 0 6px;

    font-style: italic;

    display: block;

}



.widget_block.widget_meta li {

    padding: 0 0 10px;

}



.widget_block.widget_nav_menu li {

    padding: 0 0 10px;

}



.widget_block.widget_nav_menu li.menu-item-has-children {

    padding: 0;

}



.widget_block.widget_nav_menu li.menu-item-has-children ul.sub-menu {

    margin: 10px 0 0;

}



.widget_block .wp-block-video iframe {

    width: 100%;

    padding: 0 0 10px;

    height: 200px;

}



/* Search */



.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {

    width: calc(100% - 10px) !important;

}



.wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper {

    width: calc(100% - 2px) !important;

}



.wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper {

    width: 100% !important;

}

.pricelist {

    position: fixed;

    left: -400px;

    top: 0;

    bottom: -20px;

    padding-bottom: 40px;

    width: 340px;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);

    transition: all 0.5s ease 0.1s;

    z-index: 1005;

}

.op__pricelist.pricelist {

    left: 0;

    transition: all 0.5s ease 0.1s;

}

.pricelist:before {

    content: "";

    position: absolute;

    right: 0;

    left: 100%;

    top: -10px;

    bottom: -10px;

    z-index: 10;

    transition: all 0.5s ease 0.3s;

    background: #000;

    opacity: 0;

}

.op__pricelist.pricelist:before {

    right: -2000px;

    opacity: 0.8;

}

.pricelist__inner {

    overflow-y: scroll;

    height: calc(100% - 80px);

    padding: 20px;

    margin-bottom: 60px;

}

.pricelist__table {

    width: 100%;

}

.pricelist__title {

    text-align: center;

    font-size: 16px;

    font-weight: 700;

}

.pricelist__table td {

    border-bottom: 1px solid rgba(125, 125, 125, 0.3);

    padding: 10px 0;

}

.list__price {

    text-align: right;

}

.cl__pricelist {

    position: absolute;

    bottom: 55px;

    right: -40px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 0 24px 24px 0;

    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);

    z-index: 1010;

}

.dl__pricelist {

    position: absolute;

    bottom: 45px;

    right: 0;

    left: 0;

    text-align: center;

    z-index: 1010;

}

.dl__pricelist a {

    display: inline-block;

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    border-radius: 5px;

}

.dealer__pricelist {

    position: fixed;

    bottom: 40px;

    left: 40px;

    width: 100px;

    padding: 25px;

    text-align: center;

    border-radius: 8px;

    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);

    font-size: 20px;

    z-index: 10;

}

.dealer__pricelist i {

    display: block;

    width: 60px;

    height: 34px;

    line-height: 34px;

    margin: 0 auto 10px;

    border-radius: 30px;

}

.model__rightside {

    position: fixed;

    right: -400px;

    top: 0;

    bottom: -20px;

    padding-bottom: 40px;

    width: 340px;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);

    transition: all 0.5s ease 0.1s;

    z-index: 1005;

}

.model__rightside:before {

    content: "";

    position: absolute;

    left: 0;

    right: 100%;

    top: -10px;

    bottom: -10px;

    z-index: 10;

    transition: all 0.5s ease 0.3s;

    background: #000;

    opacity: 0;

}

.op__rightside.model__rightside:before {

    left: -2000px;

    opacity: 0.8;

}

.op__rightside.model__rightside {

    right: 0;

}

.model__rightside .specs__inner {

    overflow-y: scroll;

    height: 100%;

    padding: 20px;

}

.model__another h4 {

    position: relative;

    font-weight: 700;

    font-size: 32px;

    line-height: 1.2;

    font-family: Poppins;

    margin: 0 0 15px;

    padding: 10px 0 15px;

    letter-spacing: -1px;

}

.social__model {

    padding: 0;

    margin: 0 0 20px;

}

.social__model .dealer__fotoagen {

    padding: 20px;

    margin: 0;

}

.model__text .nama__agen {

    font-size: 18px;

}

.model__call {

    padding: 30px 30px 0;

    text-align: center;

}

.social__model img {

    display: block;

    width: 100%;

}

.model__text {

    padding: 0;

    margin: 0 0 20px;

}

.model__text .nama__agen,

.model__text .text__agen {

    text-align: center;

    padding: 20px 20px 0;

    margin: 0;

}

.model__text .nama__agen {

    font-size: 16px;

}

.model__text .text__agen {

    font-size: 14px;

}

.model__text .nama__agen .nickname:before {

    display: none;

}

.social__model a {

    display: block;

    height: 50px;

    line-height: 50px;

    margin: 0 0 15px;

    padding: 0 15px 0 0;

    font-size: 14px;

    font-weight: 700;

    border-radius: 25px;

    overflow: hidden;

    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);

    font-family: Montserrat;

    color: #555;

    background: #f7f7f7;

}



.social__model i {

    font-size: 28px;

    line-height: 50px;

    width: 60px;

    padding: 0;

    margin: 0;

    background: rgba(0, 0, 0, 0.05);

    float: left;

    text-align: center;

}

.social__model span {

    display: inline-block;

}

.social__model a.model__phone {

    color: #fff;

    background: #f44;

}

.social__model a.model__whatsapp {

    color: #fff;

    background: #1bd08c;

}

.social__model a.model__mail {

    color: #fff;

    background: #46b6e2;

}

.cl__rightmodel {

    position: absolute;

    bottom: 55px;

    left: -40px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 24px 0 0 24px;

    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);

    z-index: 1010;

}

.dealer__table a.wapi,

.price__status a.wapi,

.price__inner a.wapi,

.dealer__bewhatsapp a.wapi,

.share a.wapi,

.event_info a.wapi,

.bio__links a.wapi,

.social__model a.wapi {

    display: none;

}

.wame {

    display: inline-block;

}

.mob__showmenu {

    position: fixed;

    top: 4px;

    right: 0;

    height: 40px;

    padding: 30px 15px;

    line-height: 40px;

    font-size: 40px;

    display: none;

}



.roda__iconmenu {

    position: absolute;

    top: 30px;

    right: 0px;

    width: 45px;

    height: 45px;

    z-index: 1000;

    display: none;

}

.topin {

    position: relative;

    width: 45px;

    height: 45px;

}

.topin:before {

    content: "";

    clear: both;

    position: absolute;

    bottom: 23px;

    right: 4px;

    width: 37px;

    z-index: 105;

    cursor: pointer;

    transition: all 0.5s ease 0.1s;

    border-bottom: 2px solid #57ac94;

}

.topin:after {

    content: "";

    clear: both;

    position: absolute;

    top: 5px;

    right: 4px;

    width: 37px;

    height: 28px;

    z-index: 110;

    cursor: pointer;

    transition: all 0.5s ease 0.1s;

    border-bottom: 2px solid #555555;

    border-top: 2px solid #555555;

}

.topin.menu-on:before {

    transition: all 0.5s ease 0.1s;

    transform: rotate(-135deg);

    bottom: 21px;

    width: 45px;

}

.topin.menu-on:after {

    transition: all 0.5s ease 0.1s;

    transform: rotate(135deg);

    top: 22px;

    height: 0;

    width: 45px;

    border-bottom: 0;

    border-top: 2px solid #57ac94;

}



#theagent2 {

    border-top-style: solid;

    border-top-width: 8px;

    padding: 30px 0;

    margin-top: 40px;

    position: relative;

}

#theagent2:after {

    border-top-width: 180px;

    border-top-style: solid;

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 0;

    height: 0;

    border-right: 0 solid transparent;

    border-left: 600px solid transparent;

    clear: both;

}

.roda__agent {

    float: right;

    width: 270px;

    position: relative;

    z-index: 2;

}

.roda__agentcall {

    border-style: solid;

    border-width: 10px;

    margin-top: -80px;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);

}

.roda__nametext {

    padding: 10px 10px 20px;

    text-align: center;

}

.roda__nametext .nama__agen {

    font-size: 20px;

    letter-spacing: 0;

    text-align: center;

}

.nama__agen .nickname:before {

    display: none;

}

.roda__nametext .text__agen {

    font-size: 14px;

    text-align: center;

    margin: 0;

}

.roda__textblock {

    float: left;

    width: calc(100% - 330px);

}

.social__outer {

    margin: 0 -10px 40px;

}



.social__call {

    width: 33.33%;

    float: left;

    display: inline-block;

}

.social__call .dealer__bewhatsapp,

.social__call .dealer__bephone {

    display: block;

    float: none;

    padding: 15px;

    margin: 0 10px 10px;

    border-radius: 5px;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);

}

.social__call .dealer__bewhatsapp i,

.social__call .dealer__bephone i {

    float: left;

    display: inline-block;

    font-size: 32px;

    line-height: 40px;

    margin-right: 15px;

}

.social__call .fcall {

    display: inline-block;

    line-height: 40px;

    font-size: 18px;

}

.social__call .dealer__works {

    display: block;

    float: none;

    font-size: 18px;

    padding: 15px 20px;

    height: 40px;

    line-height: 40px;

    margin: 0 10px 10px;

    border-radius: 5px;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);

}

.roda__social a {

    width: 33.33%;

    float: left;

    display: inline-block;

}

.sos__icon.roda__social i {

    position: relative;

    margin: 10px 10px 10px;

    display: block;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);

    height: 40px;

    padding: 15px;

    line-height: 40px;

    text-align: left;

    font-size: 32px;

    border-radius: 5px;

}

.sos__icon.roda__social i:after {

    position: absolute;

    top: 15px;

    left: 75px;

    font-size: 18px;

    font-weight: 400;

    line-height: 40px;

    height: 40px;

    font-style: normal;

}

.sos__icon.roda__social i.icon-dealer-facebook:after {

    content: "Facebook";

}

.sos__icon.roda__social i.icon-dealer-instagram:after {

    content: "Instagram";

}

.sos__icon.roda__social i.icon-dealer-twitter:after {

    content: "Twitter";

}

.sos__icon.roda__social i.icon-dealer-youtube:after {

    content: "Youtube";

}

.sos__icon.roda__social i.icon-dealer-mail:after {

    content: "Email";

}



.roda__textblock .addleft,

.roda__textblock .addright {

    font-size: 16px;

    line-height: 1.5;

    margin: 0 0 20px;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);

    padding: 50px;

}



#theagent3 {

    padding: 50px 0;

    position: relative;

}

.dealer3__agent {

    text-align: center;

}

.dealer3__agent .head__agen {

    padding: 10px 0 20px;

    position: relative;

}

.dealer3__agent .head__agen:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: calc(50% - 50px);

    width: 100px;

    height: 2px;

    background: #333;

}

.dealer3__agent .dealer__works {

    text-align: center;

    margin: 0 0 40px;

}

.dealer3__social {

    position: relative;

}

.dealer3__social .dealer__fotoagen {

    display: inline-block;

    float: none;

    width: 36%;

    margin: 0 32% 40px;

}

.dealer3__phone {

    position: absolute;

    right: calc(70%);

    top: 80px;

    width: 240px;

    z-index: 2;

}

.dealer3__phone .dealer__bephone {

    padding: 0;

    margin: 0;

}

.dealer3__phone a {

    position: relative;

    display: block;

    width: 240px;

    height: 60px;

    transition: all 0.5s ease 0.1s;

    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);

    z-index: 3;

}

.dealer3__phone:hover a {

    margin-left: 50px;

}

.dealer3__phone span {

    float: right;

    width: calc(100% - 81px);

    padding-top: 28px;

    text-align: left;

    font-weight: bold;

    font-size: 16px;

}

.dealer3__phone i {

    width: 60px;

    height: 60px;

    text-align: center;

    line-height: 60px;

    font-size: 25px;

    margin: 0 20px 0 0;

    float: left;

    border-right: 1px solid rgba(0, 0, 0, 0.07);

}

.dealer3__phone a:after {

    content: "Hubungi";

    position: absolute;

    left: 80px;

    top: 12px;

    font-size: 13px;

}

.dealer3__phone:before {

    content: "\E801";

    font-family: "dealer-font";

    font-style: normal;

    font-weight: normal;

    position: absolute;

    top: -60px;

    left: 50px;

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    border-radius: 50px;

    opacity: 0.3;

    font-size: 50px;

    border-width: 10px;

    border-style: solid;

    z-index: -1;

}

.dealer3__phone:after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0.95;

    transition: all 0.5s ease 0.1s;

    z-index: 2;

}

.dealer3__phone:hover:after {

    left: 50px;

    right: -50px;

}



.dealer3__wa {

    position: absolute;

    left: calc(70% + 20px);

    top: 80px;

    width: 250px;

    z-index: 1;

}

.dealer3__wa .dealer__bewhatsapp {

    padding: 0;

    margin: 0;

}

.dealer3__wa a {

    position: relative;

    display: block;

    width: 240px;

    height: 60px;

    transition: all 0.5s ease 0.1s;

    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);

    z-index: 3;

}

.dealer3__wa:hover a {

    margin-left: 50px;

}

.dealer3__wa span {

    float: right;

    width: calc(100% - 81px);

    padding-top: 28px;

    text-align: left;

    font-weight: bold;

    font-size: 16px;

}

.dealer3__wa i {

    width: 60px;

    height: 60px;

    text-align: center;

    line-height: 60px;

    font-size: 25px;

    margin: 0 20px 0 0;

    float: left;

    border-right: 1px solid rgba(0, 0, 0, 0.07);

}

.dealer3__wa a:after {

    content: "WhatsApp";

    position: absolute;

    left: 80px;

    top: 12px;

    font-size: 13px;

}

.dealer3__wa:before {

    content: "\F232";

    font-family: "dealer-font";

    font-style: normal;

    font-weight: normal;

    position: absolute;

    top: -60px;

    right: 50px;

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    border-radius: 50px;

    opacity: 0.3;

    font-size: 50px;

    border-width: 10px;

    border-style: solid;

    z-index: -1;

}

.dealer3__wa:after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0.95;

    transition: all 0.5s ease 0.1s;

    z-index: 2;

}

.dealer3__wa:hover:after {

    left: 50px;

    right: -50px;

}

.dealer3__social {

    min-height: 500px;

}

.dealer3__social .sos__icon a:nth-child(1),

.dealer3__social .sos__icon a:nth-child(6) {

    position: absolute;

    left: 50px;

    top: 240px;

    width: 240px;

    height: 60px;

    transition: all 0.5s ease 0.1s;

    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);

    z-index: 3;

}

.dealer3__social .sos__icon a:nth-child(1):hover,

.dealer3__social .sos__icon a:nth-child(6):hover {

    left: 100px;

}

.dealer3__social .sos__icon a:nth-child(1) i,

.dealer3__social .sos__icon a:nth-child(6) i {

    color: #333;

    width: 59px;

    border-right: 1px solid rgba(0, 0, 0, 0.07);

    height: 60px;

    text-align: center;

    line-height: 60px;

    font-size: 25px;

    margin: 0;

    float: left;

    border-right: 1px solid rgba(0, 0, 0, 0.07);

    opacity: 0.95;

}



.dealer3__social .sos__icon a.d3__facebook:before {

    content: "Terhubung";

    position: absolute;

    left: 60px;

    top: 0;

    font-size: 13px;

    height: 60px;

    right: 0;

    line-height: 37px;

    text-align: left;

    padding-left: 20px;

    opacity: 0.8;

}

.dealer3__social .sos__icon a.d3__facebook i:after {

    content: "Facebook";

    position: absolute;

    left: 80px;

    top: 9px;

    font-size: 16px;

    font-weight: bold;

    font-style: normal;

}

.dealer3__social .sos__icon a.d3__facebook:after {

    content: "\F09A";

    font-family: "dealer-font";

    font-style: normal;

    font-weight: normal;

    position: absolute;

    top: -60px;

    right: 50px;

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    border-radius: 50px;

    opacity: 0.3;

    font-size: 50px;

    border-width: 10px;

    border-style: solid;

    transition: all 0.5s ease 0.1s;

    z-index: -1;

}

.dealer3__social .sos__icon a:nth-child(1):hover:after,

.dealer3__social .sos__icon a:nth-child(6):hover:after {

    right: 100px;

}



.dealer3__social .sos__icon a:nth-child(2),

.dealer3__social .sos__icon a:nth-child(7) {

    position: absolute;

    right: 20px;

    top: 240px;

    width: 240px;

    height: 60px;

    transition: all 0.5s ease 0.1s;

    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);

    z-index: 3;

}

.dealer3__social .sos__icon a:nth-child(2):hover,

.dealer3__social .sos__icon a:nth-child(7):hover {

    right: 60px;

}

.dealer3__social .sos__icon a:nth-child(2) i,

.dealer3__social .sos__icon a:nth-child(7) i {

    color: #333;

    width: 59px;

    border-right: 1px solid rgba(0, 0, 0, 0.07);

    height: 60px;

    text-align: center;

    line-height: 60px;

    font-size: 25px;

    margin: 0;

    float: left;

    border-right: 1px solid rgba(0, 0, 0, 0.07);

    opacity: 0.95;

}



.dealer3__social .sos__icon a.d3__instagram:before {

    content: "Terhubung";

    position: absolute;

    left: 60px;

    top: 0;

    font-size: 13px;

    height: 60px;

    right: 0;

    line-height: 37px;

    text-align: left;

    padding-left: 20px;

    opacity: 0.8;

}

.dealer3__social .sos__icon a.d3__instagram i:after {

    content: "Instagram";

    position: absolute;

    left: 80px;

    top: 9px;

    font-size: 16px;

    font-weight: bold;

    font-style: normal;

}

.dealer3__social .sos__icon a.d3__instagram:after {

    content: "\f16d";

    font-family: "dealer-font";

    font-style: normal;

    font-weight: normal;

    position: absolute;

    top: -60px;

    right: 50px;

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    border-radius: 50px;

    opacity: 0.3;

    font-size: 50px;

    border-width: 10px;

    border-style: solid;

    transition: all 0.5s ease 0.1s;

    z-index: -1;

}

.dealer3__social .sos__icon a:nth-child(2):hover:after,

.dealer3__social .sos__icon a:nth-child(7):hover:after {

    right: 10px;

}



.dealer3__social .sos__icon a:nth-child(3),

.dealer3__social .sos__icon a:nth-child(8) {

    position: absolute;

    left: 100px;

    top: 410px;

    width: 240px;

    height: 60px;

    transition: all 0.5s ease 0.1s;

    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);

    z-index: 3;

}

.dealer3__social .sos__icon a:nth-child(3):hover,

.dealer3__social .sos__icon a:nth-child(8):after {

    left: 50px;

}

.dealer3__social .sos__icon a:nth-child(3) i,

.dealer3__social .sos__icon a:nth-child(8) i {

    color: #333;

    width: 59px;

    border-right: 1px solid rgba(0, 0, 0, 0.07);

    height: 60px;

    text-align: center;

    line-height: 60px;

    font-size: 25px;

    margin: 0;

    float: left;

    border-right: 1px solid rgba(0, 0, 0, 0.07);

    opacity: 0.95;

}



.dealer3__social .sos__icon a.d3__twitter:before {

    content: "Terhubung";

    position: absolute;

    left: 60px;

    top: 0;

    font-size: 13px;

    height: 60px;

    right: 0;

    line-height: 37px;

    text-align: left;

    padding-left: 20px;

    opacity: 0.8;

}

.dealer3__social .sos__icon a.d3__twitter i:after {

    content: "Twitter";

    position: absolute;

    left: 80px;

    top: 9px;

    font-size: 16px;

    font-weight: bold;

    font-style: normal;

}

.dealer3__social .sos__icon a.d3__twitter:after {

    content: "\F099";

    font-family: "dealer-font";

    font-style: normal;

    font-weight: normal;

    position: absolute;

    top: -60px;

    right: 50px;

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    border-radius: 50px;

    opacity: 0.3;

    font-size: 50px;

    border-width: 10px;

    border-style: solid;

    transition: all 0.5s ease 0.1s;

    z-index: -1;

}

.dealer3__social .sos__icon a:nth-child(3):hover:after,

.dealer3__social .sos__icon a:nth-child(8):hover:after {

    right: 0;

}



.dealer3__social .sos__icon a:nth-child(4),

.dealer3__social .sos__icon a:nth-child(9) {

    position: absolute;

    right: 80px;

    top: 410px;

    width: 240px;

    height: 60px;

    transition: all 0.5s ease 0.1s;

    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);

    z-index: 3;

}

.dealer3__social .sos__icon a:nth-child(4):hover,

.dealer3__social .sos__icon a:nth-child(9):hover {

    right: 120px;

}

.dealer3__social .sos__icon a:nth-child(4) i,

.dealer3__social .sos__icon a:nth-child(9) i {

    color: #333;

    width: 59px;

    border-right: 1px solid rgba(0, 0, 0, 0.07);

    height: 60px;

    text-align: center;

    line-height: 60px;

    font-size: 25px;

    margin: 0;

    float: left;

    border-right: 1px solid rgba(0, 0, 0, 0.07);

    opacity: 0.95;

}



.dealer3__social .sos__icon a.d3__youtube:before {

    content: "Channel";

    position: absolute;

    left: 60px;

    top: 0;

    font-size: 13px;

    height: 60px;

    right: 0;

    line-height: 37px;

    text-align: left;

    padding-left: 20px;

    opacity: 0.8;

}

.dealer3__social .sos__icon a.d3__youtube i:after {

    content: "Youtube";

    position: absolute;

    left: 80px;

    top: 9px;

    font-size: 16px;

    font-weight: bold;

    font-style: normal;

}

.dealer3__social .sos__icon a.d3__youtube:after {

    content: "\F16A";

    font-family: "dealer-font";

    font-style: normal;

    font-weight: normal;

    position: absolute;

    top: -60px;

    right: 50px;

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    border-radius: 50px;

    opacity: 0.3;

    font-size: 50px;

    border-width: 10px;

    border-style: solid;

    transition: all 0.5s ease 0.1s;

    z-index: -1;

}

.dealer3__social .sos__icon a:nth-child(4):hover:after,

.dealer3__social .sos__icon a:nth-child(9):hover:after {

    right: 10px;

}



.dealer3__social .sos__icon a.d3__email {

    display: none;

}



.dealer3__parallax {

    position: relative;

}



.box__parallax {

    display: flex;

    overflow: hidden;

    width: 100%;

}

.half__parallax {

    width: 50%;

    position: relative;

    float: none;

}

.effect__parallax {

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

.left__clip {

    clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);

    padding: 100px 23% 100px 24%;

    margin: 0 -45px 0 0;

    z-index: 10;

}

.right__clip {

    height: 100%;

    margin: 0 0 0 -45px;

    padding: 100px 25%;

}



.left__clip:after,

.right__clip:after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    content: "";

    opacity: 0.85;

}

.half__parallax .nama__agen,

.half__parallax .text__agen {

    position: relative;

    z-index: 2;

    text-align: center;

}

.half__parallax .dealer__beaddress {

    position: relative;

    z-index: 2;

    text-align: center;

    font-size: 25px;

    line-height: 1.4;

    color: #fff;

    padding: 0;

    margin: 0;

}

.half__parallax .dealer__beaddress i {

    font-size: 45px;

    display: block;

    margin: 0 0 15px;

}

.half__parallax .dealer__beaddress .show_alamat {

    margin: 0 auto;

}



.dealer3__addblock {

    padding: 50px 0;

}

.dealer3__addouter {

    margin: 0 -40px;

}

.dealer3__addleft,

.dealer3__addright {

    float: left;

    width: 50%;

}

.dealer3__addinner {

    margin: 0 40px;

    font-size: 16px;

    line-height: 1.5;

}



/* LISTING TIPE WP SHOWROOM */



.listing__two {

    margin: 5px;

    position: relative;

    font-weight: 400;

}

.dealer__topslide .listing__two {

    margin: 0;

}

.showroom__status {

    position: absolute;

    z-index: 20;

    top: 10px;

    left: 10px;

    padding: 3px 10px;

    font-size: 12px;

    line-height: 1.6;

    text-transform: uppercase;

    color: #fff;

}



.showroom__carlist {

    position: relative;

}



.showroom__carlist img {

    width: 100%;

    height: auto;

    display: block;

}



.showroom__cardata {

    padding: 15px;

    height: 70px;

}



.showroom__cardata h3 {

    font-weight: 400;

    font-size: 18px;

    max-height: 54px;

    overflow: hidden;

    margin-right: 45px;

    line-height: 1.2;

    margin: 0 0 4px;

}



.showroom__carmeta {

    font-weight: 400;

}

.showroom__price {

    width: 70px;

    height: 70px;

    text-align: center;

    border-radius: 40px;

    position: absolute;

    bottom: -30px;

    right: 20px;

    z-index: 10;

}



.short__price {

    font-size: 30px;

    line-height: 30px;

    letter-spacing: -2px;

    font-weight: 700;

    padding: 15px 0 2px;

    display: block;

}



.mill__price {

    font-size: 11px;

    line-height: 1.1;

    display: block;

}



/* LISTING TIPE WP RODA */



.roda__block {

    margin: 0 10px 20px;

}

.dealer__topslide .roda__block {

    margin: 0;

}

.model__litescape {

    position: relative;

    overflow: hidden;

}

.model__litescape img {

    display: block;

    width: 100%;

    height: auto;

}

.model__stat {

    position: absolute;

    bottom: 17px;

    right: -25px;

    z-index: 10;

    color: #fff;

    height: 22px;

    line-height: 22px;

    padding: 0 12px;

    font-size: 11px;

    font-weight: 700;

    text-transform: uppercase;

    transform: rotate(-40deg);

    width: 90px;

    text-align: center;

}

.model__meta {

    text-align: center;

    padding: 20px 10px;

    height: 95px;

}

.model__meta .roda__title {

    font-weight: 400;

    font-size: 14px;

    height: 44px;

}

.roda__price {

    padding: 5px 0;

    font-size: 18px;

}

.model__trans {

    font-size: 12px;

}



/* LISTING TIPE SINGLE BLOCK */



.sgblock_outer {

    margin: 0 -10px;

}

.listing__block {

    width: 50%;

    float: left;

}

.listing__inner {

    margin: 0 10px 20px;

    padding: 25px 25px 15px;

}

.sgblock__image {

    float: right;

    width: 210px;

    border-radius: 10px;

    margin: 0 0 10px;

    position: relative;

    background: rgba(0, 0, 0, 0.03);

    overflow: hidden;

}

.sgblock__image img {

    display: block;

}

.block__stat {

    position: absolute;

    bottom: 10px;

    right: 15px;

    z-index: 1;

    height: 22px;

    line-height: 22px;

    padding: 0 10px;

    color: #fff;

    font-size: 11px;

    text-transform: uppercase;

    border-radius: 15px;

}

.sgblock__meta {

    float: left;

    width: calc(100% - 235px);

}

.sgblock__meta i {

    display: block;

    margin: 0 0 6px;

}

.sg__title {

    font-size: 22px;

    margin: 0 0 15px;

}

.sg__meta {

    float: left;

    width: 50%;

}

.meta__outer {

    margin: 0 -5px;

}

.meta__inner {

    position: relative;

    margin: 0 5px 10px;

    padding: 15px;

    border-radius: 5px;

    height: 64px;

}

.meta__inner:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}

.meta__first:before {

    opacity: 0.07;

}

.meta__second:before {

    opacity: 0.04;

}

.inner__plus {

    position: relative;

    z-index: 2;

    margin: 0;

    font-size: 13px;

}

.sg__start {

    font-size: 13px;

    position: relative;

    z-index: 2;

}

.sg__pricestart {

    position: relative;

    z-index: 2;

    font-weight: 700;

    font-size: 18px;

}



/* LISTING TIPE CORNER */

.listing_outer.corner__outer {

    margin: 0 -15px;

}

.listing__corner {

    margin: 0 15px 30px;

    border-radius: 15px;

    position: relative;

    font-weight: 400;

    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);

    overflow: hidden;

}

.dealer__topslide .listing__corner {

    margin: 0;

}

.corner__status {

    position: absolute;

    z-index: 20;

    bottom: 10px;

    left: 10px;

    right: 10px;

    text-align: center;

}

.corner__status span {

    display: inline-block;

    height: 22px;

    line-height: 22px;

    font-size: 10px;

    font-weight: bold;

    padding: 0 12px;

    border-radius: 20px;

    text-transform: uppercase;

    color: #fff;

}

.corner__title {

    font-size: 18px;

    font-weight: 700;

    padding: 15px 25px;

    text-align: center;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.corner__carlist {

    position: relative;

}



.corner__carlist img {

    width: 100%;

    height: auto;

    display: block;

}



.corner__cardata {

    padding: 25px 20px;

}



.corner__price {

    font-weight: 700;

    margin: 0;

    padding: 30px 0 0;

}



.price__start {

    position: relative;

    float: left;

    width: calc(100% - 85px);

    padding: 8px 20px 0 0;

    height: 40px;

    line-height: 40px;

    font-weight: 700;

    font-size: 24px;

    border-radius: 5px;

}

.price__start:before {

    content: "Harga Mulai";

    opacity: 0.8;

    font-weight: 400;

    position: absolute;

    top: -13px;

    left: 0;

    font-size: 12px;

}

.price__togo {

    display: inline-block;

    float: right;

    width: 40px;

    height: 40px;

    border-radius: 35px;

    line-height: 40px;

    text-align: center;

    font-size: 18px;

}



.corner__variant {

    display: inline-block;

}

.variant__type {

    float: left;

    width: calc(50% - 20px);

    margin-right: 20px;

    text-align: left;

}

.variant__color {

    float: right;

    width: calc(50% - 20px);

    margin-left: 20px;

    text-align: right;

}

.variant__top {

    font-size: 22px;

    font-weight: 700;

    line-height: 1.1;

    margin: 0 0 8px;

}

.variant__name {

    font-size: 12px;

    margin: 0 0 6px;

}



.corner__carmeta {

    padding: 10px 0;

    font-size: 14px;

}

.meta__name {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 1.8;

}

.meta__name span {

    opacity: 0.7;

}



.dealer__popup {

	position: fixed;

	top: 0;

	bottom: 0;

	width: 100%;

	margin: 0 auto;

	z-index: 1000;

	text-align: center;

	background: rgba(0,0,0,0.8);

	opacity:0;

    animation:fadeIn ease-in 1;

    animation-fill-mode:forwards;

    animation-duration: .5s;

}

@keyframes fadeIn { 

    from { opacity:0; } 

    to { opacity:1; } 

}

.inner__popup {

	height: 470px;

	width: 1200px;

	min-width: 400px;

	top: calc( 50% - 200px );

	left: calc( 50% - 600px );

	position: relative;

	text-align: center;

}

.image__popup {

	height: 100%;

	width: auto;

	margin: 0 auto;

	position: relative;

}

.image__popup a {

	display: block;

}

.image__popup img {

	height: 450px;

	border: 10px solid #fff;

	width: auto;

}







.switch_area {

	position: absolute;

	top: -15px;

	right: calc( 50% - 20px );

	background: #fff;

	width: 40px;

	height: 40px;

	border-radius: 30px;

	box-shadow: 0 0 10px rgba(0,0,0,0.2);

    display: flex;

    align-items: center;

}

.switch_label {

	display: inline-block;

	height: 40px;

	position: relative;

	width: 40px;

	overflow: hidden;

	background: #d35;

	border-radius: 30px;

	margin: 0;

}



.switch_label input {

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	height: 40px;

	width: 40px;

	z-index: 100;

}

.switch_label:before {

	position: absolute;

  content: "\e816";

  font-family: "dealer-font";

  height: 40px;

  line-height: 40px;

  text-align: center;

  left: 0;

  width: 40px;

  color: #fff;

  transform: rotate(45deg);

  font-size: 20px;

	z-index: 10;

}

.close__popup {

	position: absolute;

	width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: #d35;

  color: #fff;

  transform: rotate(45deg);

	border-radius: 30px;

	top: -15px;

	right: calc( 50% - 20px );

  font-size: 20px;

	z-index: 10;

}



[data-popup="close"] .dealer__popup {

    display: none;

}

[data-popup="close"] .dealer__popup.always {

    display: block;

}

.op__popup .dealer__popup,

[data-popup="close"] .op__popup .dealer__popup.always {

    display: none;

}





@media screen and (max-width: 982px) {

    .dealer_top {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        height: 46px;

        z-index: 1000;

    }



    .dealer_contact {

        font-size: 13px;

    }

    .dealer__becontact {

        width: 100%;

        float: none;

        text-align: right;

    }

    .dealer__beaddress:before {

        display: none;

    }

    .dealer_timework {

        position: fixed;

        right: 20px;

        bottom: 20px;

    }

    .dealer__bewhatsapp:before {

        display: none;

    }

    .dealer__bephone,

    .dealer__bewhatsapp {

        float: none;

        display: inline-block;

    }

    .sos__agent .sos__icon {

        display: none;

    }

    .dealer__nav-out .icon__menu {

        display: block;

    }

    .dealer__nav-head {

        margin-top: 46px;

    }

    .dealer__menu {

        position: fixed;

        top: 146px;

        bottom: 100%;

        left: 0;

        margin: 0;

        width: 100%;

        overflow: hidden;

        transition: all 0.5s ease 0.1s;

        z-index: 1000;

    }

    .op__menu .dealer__menu {

        bottom: -30px;

        padding-bottom: 30px;

        border-top: 1px solid rgba(125, 125, 125, 0.2);

    }

    .dealer__menu .navmenu,

    .op__menu .dealer__menu .navmenu {

        height: 100%;

        overflow: scroll;

        margin: 0;

        padding: 0;

    }

    .dealer__menu .navmenu .dd.accord li {

        padding: 0;

        position: relative;

        display: block;

        border-bottom: 1px solid rgba(125, 125, 125, 0.2);

    }

    .dealer__menu .navmenu .dd.accord li.full-image ul li {

        margin: 0;

        height: 74px;

        line-height: 50px;

    }

    .dealer__menu .navmenu .dd.accord li.full-image ul a {

        line-height: 50px;

    }

    .dealer__menu .navmenu .dd.accord li.full-image ul li img {

        height: 50px;

        width: auto;

        float: left;

        margin: 0 20px 0 0;

    }

    .dealer__menu .navmenu .dd.accord li.menu-item-has-children:after {

        content: "\f1b9";

        font-family: "dealer-font";

        font-style: normal;

        font-weight: normal;

        position: absolute;

        top: 13px;

        right: 15px;

        font-size: 8px;

        width: 15px;

        height: 15px;

        text-align: center;

        line-height: 14px;

        border-radius: 10px;

    }

    .roda__menu .dealer__menu .navmenu .dd.accord li.menu-item-has-children:after {

        content: "\e816";

        background: none;

        color: #333;

        font-size: 13px;

    }

    .dealer__menu .navmenu .dd.accord ul li:last-child {

        padding-bottom: 0;

        border-bottom: none;

    }

    .dealer__menu .navmenu .dd.accord li a {

        display: block;

        font-weight: 700;

        font-size: 15px;

        line-height: 1.3;

        padding: 12px 20px;

    }

    .dealer__menu .navmenu .dd.accord li ul {

        display: none;

        margin: 0;

        background: rgba(0, 0, 0, 0.01);

        transition: all 0.5s ease 0.1s;

    }

    .dealer__menu .navmenu .dd.accord ul li {

        margin-left: 20px;

    }

    .dealer__menu .navmenu .dd.accord li ul li ul {

        background: rgba(0, 0, 0, 0.006);

    }

    .dealer__menu .navmenu .dd.accord li.menu-item-has-children span {

        position: absolute;

        background: #fff;

        width: 20px;

        height: 20px;

        right: 8px;

        top: 12px;

        z-index: 2;

    }

    .event_content {

        padding: 40px 0;

    }

    .event_content h3 {

        font-size: 40px;

    }

    .info__agen {

        width: 350px;

    }

    .info__agen img {

        margin: 0 0 20px;

    }

    .nama__agen {

        font-size: 25px;

    }

    .text__agen {

        font-size: 14px;

        margin-left: 60px;

    }

    .dealer_social {

        right: -60px;

        top: 90px;

    }

    .dealer__addblock {

        width: calc(100% - 465px);

    }

    .before__gal {

        padding: 25px;

    }

    .gal__heading {

        font-size: 23px;

        margin: 0 0 8px;

        padding: 0 0 8px;

    }

    .gal__navi {

        height: 38px;

        line-height: 38px;

    }

    .gal__textbox {

        padding: 20px 25px;

    }

    .beforetesti__bg {

        height: 275px;

    }

    .testi__bg {

        height: 275px;

    }

    .blog__headnews {

        font-size: 23px;

        margin: 0 0 8px;

        padding: 0 0 8px;

    }

    .blog__image {

        height: 150px;

    }

    .blog__number {

        top: 10px;

        left: 15px;

        font-size: 55px;

    }

    .blog__meta {

        padding: 15px 20px 0;

    }

    .blog__title {

        font-size: 14px;

    }

    .next__blog {

        height: 160px;

        padding-top: 65px;

    }

    .archive__blog {

        margin: 0 -8px;

    }

    .inner__postblock {

        margin: 0 8px 16px;

    }

    .post__meta {

        padding: 20px;

    }

    .post__title {

        font-size: 18px;

    }

    .single__top {

        padding: 110px 0;

    }

    .single__big {

        width: 100%;

        float: none;

    }

    .single__big-inner {

        padding: 0;

    }

    .single__small {

        width: auto;

        float: none;

    }

    .single__galeri {

        width: calc(50% + 50px);

    }

    .single__comment {

        float: right;

        width: calc(50% - 50px);

        padding: 120px 0 50px 0;

    }

    .single__excerpt {

        font-size: 20px;

    }

    .model__heading {

        width: 50%;

        padding: 55px 0;

    }

    .color__slide {

        width: 50%;

    }

    .color__galeri:before {

        top: 200px;

    }

    .model__price {

        height: 40px;

        padding: 8px 30px 8px 65px;

        margin: 0 0 60px;

    }

    .model__heading img {

        height: 25px;

    }

    .model__heading h1 {

        font-size: 42px;

        margin: 0 0 40px;

    }

    .model__color .item {

        font-size: 20px;

    }

    .color__nav a {

        height: 25px;

        line-height: 25px;

        width: 25px;

    }

    .model__price div {

        font-size: 13px;

    }

    .price__number {

        font-size: 22px;

    }

    .model__price i {

        top: 9px;

        left: 10px;

        height: 38px;

        width: 38px;

        line-height: 38px;

        font-size: 22px;

    }

    .price__thumb {

        width: 100%;

    }

    .price__list {

        width: 100%;

    }

    .model__left {

        float: none;

        width: 100%;

        margin: 0 0 20px;

    }



    iframe {

        height: 490px;

    }

    /* Showroom */

    .wrapper#header-two .dealer__nav {

        height: 100px;

        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

    }

    .mode__showroom .dealer__logo {

        padding: 23px 40px 23px 0;

        height: 54px;

    }

    .mode__showroom .dealer__logo img {

        height: 54px;

    }

    .home .wrapper#header-two {

        padding: 104px 0 0;

    }

    .wrapper#header-two {

        padding: 104px 0 0;

    }

    .showroom__menu {

        position: fixed;

        top: 104px;

        right: -340px;

        bottom: -20px;

        padding-bottom: 20px;

        width: 320px;

        z-index: 1001;

        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

        transition: all 0.5s ease 0.1s;

    }

    .op__showmenu .showroom__menu {

        right: 0;

    }

    .mob__showmenu {

        display: block;

    }

    .mode__showroom .dealer__agent {

        position: fixed;

        top: 25px;

        right: 100px;

        margin: 0;

        width: 50px;

        height: 50px;

    }

    .showroom__bottommenu {

        height: calc(100% - 110px);

    }

    .mode__showroom .showroom__menu .dealer__becontact {

        height: 86px;

    }

    .mode__showroom .dealer__becontact .show_alamat,

    .mode__showroom .dealer__becontact .dealer__beaddress,

    .mode__showroom .dealer__becontact .dealer__bephone,

    .mode__showroom .dealer__becontact .dealer__bewhatsapp {

        display: block;

        text-align: left;

        float: none;

    }



    .mode__showroom .dealer__menu {

        position: relative;

        top: 0;

        display: block;

        width: 100%;

        height: 100%;

        overflow: scroll;

    }

    .mode__showroom .dealer__menu .navmenu .dd.accord li a {

        padding: 15px 20px;

    }



    .mode__showroom .time_work .onandoff {

        position: fixed;

        bottom: 20px;

        right: 20px;

        z-index: 100;

        transition: all 0.5s ease 0.1s;

    }

    .op__showmenu .mode__showroom .time_work .onandoff {

        bottom: 125px;

    }

    #header-two .running {

        margin-top: 0;

    }

    .dealer__menu .navmenu .dd.accord li.menu-item-has-children:after {

        top: 17px;

    }



    /*Mode Roda */

    .roda__header .roda__contact {

        display: none;

    }

    .roda__iconmenu {

        display: block;

    }

    .inner__header .dealer__agent {

        right: 56px;

    }

    .roda__menu {

        position: fixed;

        top: 0;

        right: -280px;

        bottom: -20px;

        width: 280px;

        background: #fff;

        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

        transition: all 0.5s ease 0.1s;

    }

    .op__rodamenu .roda__menu {

        right: 0;

    }

    body.op__rodamenu {

        margin: 0 280px 0 -280px;

    }

    .roda__menu .dealer__menu {

        margin: 0;

        position: relative;

        top: 0;

        left: 20px;

        right: 20px;

        width: calc(100% - 40px);

    }

    .roda__menu .dealer__menu .navmenu .dd {

        margin: 15px 0;

    }

    .roda__menu .dealer__menu .navmenu .dd.accord li a {

        padding: 12px 0;

        font-weight: 400;

    }

    .roda__menu .dealer__menu .navmenu .dd.accord li {

        border-bottom: 0;

    }



    .run__box {

        position: relative;

        z-index: 1;

    }

    .roda__header {

        position: relative;

        z-index: 200;

    }



    .dealer__table a.wapi,

    .price__status a.wapi,

    .price__inner a.wapi,

    .dealer__bewhatsapp a.wapi,

    .share a.wapi,

    .event_info a.wapi,

    .bio__links a.wapi,

    .social__model a.wapi {

        display: inline-block;

    }

    .wame {

        display: none !important;

    }

    .mode__roda {

        transition: all 0.5s ease 0.1s;

    }

    .op__rodamenu .mode__roda {

        left: -280px;

        right: 280px;

    }

    #theagent2::after {

        border-top-width: 120px;

        border-left: 450px solid transparent;

    }

    .social__call {

        width: 50%;

    }

    .showroom__logo {

        width: auto;

    }

    .dealer3__phone:before,

    .dealer3__wa:before,

    .dealer3__phone span,

    .dealer3__wa span,

    .dealer3__phone a:after,

    .dealer3__wa a:after {

        display: none;

    }

    .dealer3__phone,

    .dealer3__wa {

        width: 60px;

        height: 60px;

        overflow: hidden;

        top: 40px;

    }

    .dealer3__phone {

        left: calc(15% - 30px);

        right: auto;

    }

    .dealer3__phone:hover a {

        margin-left: 0;

    }

    .dealer3__phone:hover:after {

        left: 0;

        right: 0;

    }

    .dealer3__wa {

        right: calc(15% - 30px);

        left: auto;

    }

    .dealer3__wa:hover a {

        margin-left: 0;

    }

    .dealer3__wa:hover:after {

        left: 0;

        right: 0;

    }

    .dealer3__phone:after,

    .dealer3__wa:after {

        display: none;

    }

    .dealer3__phone i,

    .dealer3__wa i {

        width: 50px;

        height: 50px;

        line-height: 50px;

        border-width: 5px;

        border-style: solid;

        opacity: 0.8;

        border-color: #fff;

        color: #fff;

        border-radius: 50px;

    }

    .dealer3__social .sos__icon a:nth-child(1),

    .dealer3__social .sos__icon a:nth-child(2),

    .dealer3__social .sos__icon a:nth-child(3),

    .dealer3__social .sos__icon a:nth-child(4),

    .dealer3__social .sos__icon a:nth-child(6),

    .dealer3__social .sos__icon a:nth-child(7),

    .dealer3__social .sos__icon a:nth-child(8),

    .dealer3__social .sos__icon a:nth-child(9) {

        width: 60px;

        overflow: hidden;

    }

    .dealer3__social .sos__icon a:nth-child(1),

    .dealer3__social .sos__icon a:nth-child(6),

    .dealer3__social .sos__icon a:nth-child(1):hover,

    .dealer3__social .sos__icon a:nth-child(6):hover {

        top: 130px;

        left: calc(15% - 30px);

    }

    .dealer3__social .sos__icon a:nth-child(3),

    .dealer3__social .sos__icon a:nth-child(8),

    .dealer3__social .sos__icon a:nth-child(3):hover,

    .dealer3__social .sos__icon a:nth-child(8):hover {

        top: 220px;

        left: calc(15% - 30px);

    }

    .dealer3__social .sos__icon a:nth-child(2),

    .dealer3__social .sos__icon a:nth-child(7),

    .dealer3__social .sos__icon a:nth-child(2):hover,

    .dealer3__social .sos__icon a:nth-child(7):hover {

        top: 130px;

        right: calc(15% - 30px);

    }

    .dealer3__social .sos__icon a:nth-child(4),

    .dealer3__social .sos__icon a:nth-child(9),

    .dealer3__social .sos__icon a:nth-child(4):hover,

    .dealer3__social .sos__icon a:nth-child(9):hover {

        top: 220px;

        right: calc(15% - 30px);

    }

    .dealer3__social .sos__icon a:nth-child(1) i,

    .dealer3__social .sos__icon a:nth-child(2) i,

    .dealer3__social .sos__icon a:nth-child(3) i,

    .dealer3__social .sos__icon a:nth-child(4) i,

    .dealer3__social .sos__icon a:nth-child(6) i,

    .dealer3__social .sos__icon a:nth-child(7) i,

    .dealer3__social .sos__icon a:nth-child(8) i,

    .dealer3__social .sos__icon a:nth-child(9) i,

    .dealer3__social .sos__icon a.d3__facebook:before,

    .dealer3__social .sos__icon a.d3__instagram:before,

    .dealer3__social .sos__icon a.d3__twitter:before,

    .dealer3__social .sos__icon a.d3__youtube:before {

        background: none !important;

        color: #fff !important;

        width: 50px;

        height: 50px;

        line-height: 50px;

        border-width: 5px;

        border-style: solid;

        opacity: 0.8;

        border-color: #fff;

        border-radius: 50px;

    }

    .dealer3__social .sos__icon a.d3__facebook:after,

    .dealer3__social .sos__icon a.d3__instagram:after,

    .dealer3__social .sos__icon a.d3__twitter:after,

    .dealer3__social .sos__icon a.d3__youtube:after {

        display: none;

    }

    .box__parallax {

        display: block;

    }

    .half__parallax {

        width: 100%;

    }

    .left__clip {

        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

        padding: 100px 25% 100px 25%;

        margin: 0;

    }

    .right__clip {

        height: auto;

        margin: 0;

        padding: 100px 25%;

    }

    .half__parallax .dealer__beaddress {

        float: none;

    }

    .dealer3__addouter {

        margin: 0 -20px;

    }

    .dealer3__addleft,

    .dealer3__addright {

        float: none;

        width: 100%;

    }

    .dealer3__addinner {

        margin: 0 20px 20px;

    }

    .listing__block {

        width: 100%;

        float: none;

    }

	.inner__popup {

		min-width: auto;

	height: auto;

	width: 90%;

	top: 100px;

	left: 5%;

    }

	.image__popup img {

		width: calc( 100% - 20px );

     height: auto;

	}

}

@media screen and (max-width: 800px) {

    .event__title {

        width: 190px;

    }

    .title__after:before {

        border-bottom-width: 40px;

        border-left-width: 190px;

    }

    .title__after:after {

        width: 190px;

    }

    .event_content h3 {

        font-size: 34px;

    }

    .event__title h4 {

        font-size: 70px;

        letter-spacing: -1.5px;

    }

    .event_date {

        font-size: 15px;

        top: 130px;

    }

    .event_hour,

    .event_minutes,

    .event_seconds {

        font-size: 16px;

    }

    .event_info span,

    .event_info a {

        height: 36px;

        line-height: 36px;

        padding: 0 12px;

    }

    .dealer__theagent {

        padding: 0;

    }

    .info__agen {

        width: 280px;

    }

    .nama__agen {

        font-size: 20px;

    }

    .dealer_social i {

        width: 40px;

        height: 40px;

        line-height: 40px;

        font-size: 20px;

    }

    .dealer_social {

        right: -50px;

        width: 40px;

    }

    .dealer__addblock {

        width: calc(100% - 360px);

    }

    .dealer__works {

        font-size: 16px;

    }

    .head__agen {

        font-size: 25px;

        letter-spacing: 0px;

    }

    .for_looping {

        width: 33.33%;

    }

    .tes__headbox {

        width: 50%;

    }

    .tes__slide {

        width: calc(50% - 20px);

    }

    .blog__image {

        height: 180px;

    }

    .next__blog {

        height: 190px;

        padding-top: 65px;

    }

    .image__postblock .dates {

        font-size: 50px;

    }

    .months {

        font-size: 12px;

    }

    .months:before {

        left: -25px;

        width: 20px;

    }

    .single__heading {

        font-size: 35px;

    }

    .color__galeri {

        padding: 20px 0 0;

    }

    .color__galeri::before {

        top: 155px;

    }

    .model__price {

        margin: 0 0 40px;

    }

    .model__heading h1 {

        font-size: 35px;

        margin: 0 0 20px;

    }

    .model__status {

        font-size: 16px;

    }

    .model__color .item {

        font-size: 18px;

    }

    .color__nav a {

        height: 22px;

        line-height: 22px;

        width: 22px;

    }

    iframe {

        height: 387px;

    }

    #header-one .dealer__becontact span.fcall {

        display: none;

    }

    .listing_outer .dealer_clear.loop3,

    .listing_outer .dealer_clear.loop6,

    .listing_outer .dealer_clear.loop9,

    .listing_outer .dealer_clear.loop15,

    .listing_outer .dealer_clear.loop18 {

        display: block;

    }

    .listing_outer .dealer_clear.loop4,

    .listing_outer .dealer_clear.loop8,

    .listing_outer .dealer_clear.loop16 {

        display: none;

    }

    .roda__textblock {

        width: calc(100% - 290px);



        position: relative;

        z-index: 1;

    }

    .social__call,

    .roda__social a {

        width: 100%;

        float: none;

    }

}

@media screen and (max-width: 768px) {

    .footer_text .dealer__bewhatsapp {

        position: fixed;

        bottom: -20px;

        right: 0;

        width: 33%;



        background: #333;

        padding: 20px 0 40px;

        z-index: 10;

    }

    .footer_text .dealer__bephone {

        position: fixed;

        bottom: -20px;

        right: 33%;

        width: calc(34% - 2px);

        padding: 20px 0 40px;

        z-index: 10;

        background: #333;

        border-left: 1px solid rgba(125, 125, 125, 0.2);

        border-right: 1px solid rgba(125, 125, 125, 0.2);

    }

    .dealer__pricelist {

        position: fixed;

        bottom: -20px;

        left: 0;

        width: 33%;

        padding: 20px 0 40px;

        box-shadow: 0 0 0 #000;

        border-radius: 0;

        z-index: 10;

    }

    .dealer__beaddress:before,

    .dealer__bephone:before {

        display: none;

    }

    .footer_text .dealer__bephone i,

    .footer_text .dealer__bewhatsapp i {

        display: block;

        margin: 0 auto 10px;

    }

    .footer_box {

        width: 100%;

        float: none;

    }

    .footer_box .sos__icon {

        text-align: center;

    }

    .copyright {

        padding: 20px 20px 150px;

    }

    .footer_box .show_alamat {

        overflow: inherit;

        white-space: normal;

    }

    .dealer_timework {

        bottom: 125px;

    }

    .footer_text .call_text {

        font-weight: normal;

        display: block;

    }

    .single__galeri {

        width: calc(50% + 35px);

    }

    .single__comment {

        float: right;

        width: calc(50% - 35px);

        padding: 120px 0 50px 0;

    }

    .comment__block {

        position: relative;

        margin: 0 0 0 -35px;

        padding: 100px 35px 35px;

    }

    .single__excerpt i {

        top: 20px;

        left: 22px;

        font-size: 50px;

    }

    .single__excerpt {

        font-size: 18px;

    }

    .single__rating i {

        width: 24px;

    }

    .single__rating {

        padding: 15px 0;

        font-size: 20px;

    }

    .single__name img {

        width: 60px;

        height: 60px;

        margin: 0 20px 0 0;

    }

    .people__name {

        font-size: 16px;

        padding: 5px 0 5px;

    }

    .people__form {

        font-size: 14px;

    }

    iframe {

        height: 370px;

    }

    .mode__showroom .time_work .onandoff {

        bottom: 125px;

    }

}

@media screen and (max-width: 720px) {

    .next__blog {

        width: 110px;

    }

    .slide_blog {

        width: calc(100% - 125px);

    }

    .post__block {

        width: 50%;

    }

    .archive__blog .dealer_clear.dealer2,

    .archive__blog .dealer_clear.dealer4,

    .archive__blog .dealer_clear.dealer6,

    .archive__blog .dealer_clear.dealer8,

    .archive__blog .dealer_clear.dealer10,

    .archive__blog .dealer_clear.dealer12,

    .archive__blog .dealer_clear.dealer14,

    .archive__blog .dealer_clear.dealer16,

    .archive__blog .dealer_clear.dealer18 {

        display: block;

    }

    .archive__blog .dealer_clear.dealer3,

    .archive__blog .dealer_clear.dealer6,

    .archive__blog .dealer_clear.dealer9,

    .archive__blog .dealer_clear.dealer12,

    .archive__blog .dealer_clear.dealer15,

    .archive__blog .dealer_clear.dealer18 {

        display: none;

    }

    .loop__test {

        column-count: 2;

    }

    .single__heading {

        font-size: 32px;

        padding: 0 40px 15px;

    }

    .color__galeri:before {

        top: 135px;

    }

    .model__price i {

        top: 7px;

        left: 7px;

        height: 34px;

        width: 34px;

        line-height: 34px;

        font-size: 18px;

    }

    .model__price div {

        font-size: 12px;

    }

    .model__price {

        height: 40px;

        padding: 4px 25px 4px 55px;

    }

    .price__number {

        font-size: 20px;

    }

    .model__heading {

        padding: 40px 0;

    }

    .model__heading img {

        height: 22px;

        margin: 0 0 10px;

    }

    .model__heading h1 {

        font-size: 30px;

        margin: 0 0 30px;

    }

    .color__nav {

        margin: 15px;

    }

    iframe {

        height: 342px;

    }

}

@media screen and (max-width: 640px) {

    .event__title {

        width: 160px;

    }

    .title__after:before {

        border-bottom-width: 30px;

        border-left-width: 160px;

    }

    .title__after:after {

        width: 160px;

    }

    .event__title h4 {

        font-size: 55px;

        letter-spacing: -1px;

        padding: 65px 0 2px;

    }

    .event_date {

        font-size: 13px;

        top: 88px;

    }

    .event_content h3 {

        font-size: 25px;

    }

    .event_info span,

    .event_info a {

        height: 30px;

        line-height: 30px;

        padding: 0 8px;

    }

    .event_content {

        padding: 20px 0;

    }

    .event_hour,

    .event_minutes,

    .event_seconds {

        font-size: 13px;

    }

    .for_looping {

        width: 50%;

    }

    .blog__image {

        height: 150px;

    }

    .next__blog {

        height: 155px;

    }

    .single__heading {

        font-size: 28px;

    }

    .single__top {

        padding: 80px 0;

    }

    .color__galeri::before {

        top: 120px;

    }

    .model__heading {

        padding: 24px 0;

    }

    .model__heading h1 {

        font-size: 28px;

        margin: 0 0 25px;

    }

    .model__status {

        font-size: 14px;

    }

    .model__heading h1 {

        font-size: 26px;

        margin: 0 0 16px;

    }

    iframe {

        height: 297px;

    }

    .listing_outer .dealer_clear.loop2,

    .listing_outer .dealer_clear.loop4,

    .listing_outer .dealer_clear.loop6,

    .listing_outer .dealer_clear.loop8,

    .listing_outer .dealer_clear.loop10,

    .listing_outer .dealer_clear.loop12,

    .listing_outer .dealer_clear.loop14,

    .listing_outer .dealer_clear.loop16,

    .listing_outer .dealer_clear.loop18 {

        display: block;

    }

    .listing_outer .dealer_clear.loop3,

    .listing_outer .dealer_clear.loop5,

    .listing_outer .dealer_clear.loop7,

    .listing_outer .dealer_clear.loop9,

    .listing_outer .dealer_clear.loop11,

    .listing_outer .dealer_clear.loop13,

    .listing_outer .dealer_clear.loop15,

    .listing_outer .dealer_clear.loop17,

    .listing_outer .dealer_clear.loop19 {

        display: none;

    }

    .tab__head,

    .tab__price {

        width: auto;

        display: block;

        width: calc(100% - 112px);

    }

    .dealer3__social {

        min-height: 340px;

    }

    .sgblock__image {

        width: 270px;

    }

    .sgblock__meta {

        width: calc(100% - 295px);

    }

    .sg__meta {

        float: none;

        width: 100%;

    }

}

@media screen and (max-width: 600px) {

    .home .wrapper {

        padding: 131px 0 0;

    }

    .wrapper {

        padding: 131px 0 0;

    }

    .dealer__nav {

        height: 131px;

    }

    .dealer__bephone:after {

        content: "";

        position: absolute;

        left: -20px;

        top: 3px;

        height: 20px;

        width: 1px;

        background: #333;

        opacity: 0.3;

    }

    .dealer__beaddress {

        width: calc(100% - 125px);

        text-align: left;

    }

    .dealer__bephone i,

    .dealer__bewhatsapp i {

        font-size: 18px;

    }

    .dealer__nav-head,

    .dealer__nav-out {

        height: 84px;

    }

    .dealer__logo {

        height: 54px;

        padding: 15px 6px 15px 0;

    }

    .dealer__logo img {

        height: 40px;

    }

    .sos__agent {

        margin-top: 16px;

    }

    .dealer__nav-out .icon__menu {

        top: 23px;

    }

    .running {

        height: 36px;

        margin-top: 0;

    }

    ul.newstickers li {

        height: 20px;

        line-height: 20px;

    }

    .dealer__menu {

        top: 130px;

    }

    .info__agen {

        float: none;

        width: 100%;

    }

    .info__agen .dealer__fotoagen {

        width: 250px;

        margin: 0 auto;

    }

    .nama__agen {

        text-align: center;

    }

    .dealer__addblock {

        width: 100%;

        float: none;

        text-align: center;

    }

    .addleft,

    .addright {

        font-size: 14px;

    }

    .dealer__works {

        text-align: center;

    }

    .text__agen {

        font-size: 14px;

        margin: 0 0 20px;

        text-align: center;

    }

    .dealer_social {

        position: relative;

        width: 100%;

        right: 0;

        text-align: center;

        top: auto;

        margin: 0 0 40px;

    }

    .dealer_social.sos__icon a {

        display: inline-block;

    }

    .sos__agent .dealer__fotoagen {

        width: 100%;

    }

    .next__blog {

        width: 90px;

        font-size: 12px;

    }

    .next__blog i {

        font-size: 45px;

    }

    .slide_blog {

        width: calc(100% - 105px);

    }

    .blog__image {

        height: 135px;

    }

    .dealer__pricelist i,

    .footer_text .dealer__bephone i,

    .footer_text .dealer__bewhatsapp i {

        height: 28px;

        line-height: 28px;

        width: 46px;

        font-size: 14px;

        margin: 0 auto 6px;

    }

    .dealer__pricelist {

        font-size: 14px;

        padding: 10px 0 30px;

    }

    .footer_text .dealer__bephone,

    .footer_text .dealer__bewhatsapp {

        padding: 10px 0 30px;

    }

    .footer_text .call_text {

        font-size: 14px;

    }

    .single__heading {

        font-size: 28px;

    }

    .single__top {

        padding: 80px 0;

    }

    .bio__avatar {

        width: 64px;

        height: 64px;

        line-height: 64px;

        margin: 0 20px 0 0;

    }

    .bio__avatar i {

        width: 64px;

        height: 64px;

        line-height: 64px;

        font-size: 40px;

    }

    .bio__name {

        margin: 0 0 10px;

        line-height: 1.2;

    }

    .bio__links a,

    .bio__links span {

        padding: 0 20px;

        height: 30px;

        line-height: 30px;

    }

    .share a {

        width: 30px;

    }

    .share i {

        width: 30px;

        height: 30px;

        line-height: 30px;

    }

    .blog__dealercontent {

        padding: 0 0 10px;

    }

    .related__post {

        padding: 0 0 50px 0;

    }

    .related__out {

        margin: 0 -8px;

    }

    .related__head {

        margin: 0 8px 20px;

    }

    .related__in {

        margin: 0 8px;

    }

    .related__bottom {

        padding: 10px 20px 10px;

    }

    .slidephoto.owl-theme .owl-nav .owl-prev {

        left: 10px;

    }

    .slidephoto.owl-theme .owl-nav .owl-next {

        right: 10px;

    }

    .slidephoto.owl-theme .owl-nav [class*="owl-"] {

        bottom: calc(50% - 17px);

        width: 34px;

        height: 34px;

        line-height: 34px;

    }

    .slidephoto img {

        border-radius: 10px;

    }

    .tab__price {

        width: 170px;

    }

    iframe {

        height: 275px;

    }

    .single__tags {

        padding: 0 0 30px 0;

    }

    .dealer__commentform {

        padding: 0 0 50px 0;

    }

    .comment__head span {

        height: 26px;

        line-height: 26px;

        padding: 0 10px;

        font-size: 11px;

    }

    .comment__avatar {

        margin-right: 20px;

        padding: 5px;

        width: 45px;

        height: 45px;

    }

    .comment__avatar img {

        width: 45px;

        height: 45px;

    }

    .comment__meta {

        width: calc(100% - 75px);

    }



    .cl__rightmodel,

    .cl__pricelist {

        bottom: 50%;

    }

    .dealer_timework {

        bottom: 90px;

    }

    .mode__showroom .time_work .onandoff {

        bottom: 90px;

    }

    .social__outer {

        margin: 0 -10px 10px;

    }

    .roda__agent {

        float: none;

        width: 270px;

        margin: 0 auto 20px;

    }

    .roda__textblock {

        float: none;

        width: 100%;

    }

    .social__call .dealer__works {

        text-align: left;

    }

    .dealer3__social .dealer__fotoagen {

        width: 240px;

        margin: 0 auto 30px;

    }

    .left__clip,

    .right__clip {

        padding: 100px;

    }

}

@media screen and (max-width: 533px) {

    .tes__headbox {

        width: 100%;

        float: none;

        margin: 0 0 15px;

    }

    .beforetesti__bg {

        height: auto;

    }

    .tes__slide {

        width: 130%;

        float: none;

    }

    .testi__bg {

        height: 250px;

    }

    .gal__textbox {

        padding: 15px 20px;

    }

    .gal__rating {

        font-size: 14px;

        margin: 0 0 6px;

    }

    .gal__rating i:before {

        width: 17px;

    }

    .testi_img {

        height: 160px;

    }

    .next__blog {

        font-size: 13px;

        position: absolute;

        right: 15px;

        top: 40px;

        height: 28px;

        line-height: 28px;

        width: auto;

        padding: 0 8px 0 12px;

        border-radius: 5px;

        z-index: 3;

    }

    .next__blog i {

        font-size: 13px;

        line-height: 28px;

        display: inline-block;

        float: right;

    }

    .next__blog br {

        display: none;

    }

    .slide_blog {

        width: 100%;

    }

    .foot_blog {

        width: 130%;

    }

    .blog__image {

        height: 190px;

    }

    .embedmaps iframe {

        width: 100%;

        height: 280px;

    }

    .post__title {

        font-size: 14px;

    }

    .months:before {

        left: -13px;

        width: 10px;

    }

    .image__postblock .dates {

        left: 15px;

    }

    .single__heading {

        font-size: 24px;

    }

    .single__top {

        padding: 60px 0;

    }

    .model__heading {

        width: 100%;

        float: none;

        padding: 0;

        text-align: center;

    }

    .color__slide {

        float: none;

        max-width: 340px;

        width: auto;

        margin: 0 auto;

    }

    .model__price {

        margin: 0 auto 20px;

        width: auto;

    }

    .model__color .item {

        font-size: 14px;

    }

    .color__galeri:before {

        top: 335px;

    }

    .all_ava {

        display: inline-block;

        margin: 0 10px;

    }

    .price__list {

        width: 100%;

        float: none;

        display: block;

    }

    .agen__ready {

        float: none;

        width: 100%;

        padding: 30px 0 0px;

        display: block;

        text-align: center;

    }

    .dealer__table {

        display: block;

        overflow: inherit;

        max-height: 2000px;

        width: 100%;

    }

    .price__status {

        margin: 0 0 20px;

        text-align: center;

    }

    .price__list .price__inner {

    }

    .agen__ready .price__inner {

        display: inline-block;

        margin: 0 auto;

    }

    .agen__ready i,

    .agen__ready a {

        display: inline-block;

        margin: 0 2px;

        float: left;

    }

    .agen__ready i.icon-dealer-share,

    .agen__ready i.icon-dealer-share:after {

        width: 60px;

    }

    .price__status span.little {

        display: none;

    }

    .specs__inner.specs__left {

        position: relative;

    }

    .specs__inner.specs__left:before {

        content: "scroll disini";

        position: absolute;

        top: 72px;

        right: 10px;

        font-size: 10px;

        color: #777;

        font-style: italic;

        z-index: 10;

    }

    .specs__tab {

        height: 70px;

        overflow: auto;

        overflow-y: hidden;

    }

    .button_tab {

        width: 140%;

    }

    .tablinks {

        height: 70px;

        padding: 5px 0;

        font-size: 11px;

    }

    .tablinks i {

        font-size: 30px;

    }

    .tabcontent table td {

        padding: 10px 20px;

    }

    .specs__showdetail {

        margin: 0 0 20px;

    }

    .model__leftvideo {

        margin: 0 20px;

    }

    iframe {

        margin: 0 0 20px;

        display: block;

    }

    .blog__dealercontent.blog__model {

        padding: 0 20px 20px;

    }

    .blog__dealercontent h1,

    .blog__dealercontent h2,

    .blog__dealercontent h3,

    .blog__dealercontent h4,

    .blog__dealercontent h5 {

        margin: 5px 0 10px;

    }

    .blog__dealercontent p {

        margin: 0 0 12px;

    }

    iframe {

        height: 260px;

    }



    /* Header Showroom */

    .home .wrapper#header-two,

    .wrapper#header-two {

        padding: 74px 0 0;

    }

    .wrapper#header-two .dealer__nav {

        height: 70px;

    }

    .mode__showroom .dealer__logo {

        padding: 12px 20px 12px 0;

        height: 46px;

        width: auto;

    }

    .mode__showroom .dealer__logo img {

        height: 46px;

    }

    .mob__showmenu {

        position: fixed;

        padding: 15px 8px;

        font-size: 28px;

    }

    .mode__showroom .dealer__agent {

        top: 17px;

        right: 69px;

        width: 44px;

        height: 44px;

    }

    .showroom__menu {

        top: 74px;

    }



    .mode__roda {

        height: 96px;

    }

    .roda__header .dealer__logo img {

        height: 36px;

    }

    .roda__header .dealer__logo {

        float: left;

        height: 36px;

        padding: 12px 0;

        margin: 0 40px 0 0;

    }

    .roda__iconmenu {

        top: 14px;

        width: 36px;

        height: 36px;

    }

    .topin {

        width: 36px;

        height: 36px;

    }

    .topin:after {

        width: 28px;

        height: 22px;

    }

    .topin:before {

        bottom: 17px;

        width: 28px;

    }

    .topin.menu-on:before {

        width: 36px;

    }

    .topin.menu-on:after {

        width: 36px;

        top: 13px;

    }

    .inner__header .dealer__agent {

        right: 48px;

        top: 10px;

        width: 32px;

        height: 32px;

    }

    .home #header-three.wrapper,

    #header-three.wrapper {

        padding: 96px 0 0;

    }

    .dealer3__phone,

    .dealer3__social .sos__icon a:nth-child(1),

    .dealer3__social .sos__icon a:nth-child(6),

    .dealer3__social .sos__icon a:nth-child(3),

    .dealer3__social .sos__icon a:nth-child(8) {

        left: 25px;

    }

    .dealer3__wa,

    .dealer3__social .sos__icon a:nth-child(2),

    .dealer3__social .sos__icon a:nth-child(7),

    .dealer3__social .sos__icon a:nth-child(4),

    .dealer3__social .sos__icon a:nth-child(9) {

        right: 25px;

    }

    .left__clip,

    .right__clip {

        padding: 70px;

    }

    .half__parallax .dealer__beaddress {

        width: 100%;

    }

    .sgblock__image {

        width: 230px;

    }

    .sgblock__meta {

        width: calc(100% - 255px);

    }

	.image__popup img {

		width: calc( 100% - 16px );

     border: 8px solid #fff;

	}

}

@media screen and (max-width: 480px) {

    .testi__bg {

        height: 230px;

    }



    .testi_img {

        height: 140px;

    }

    .blog__image {

        height: 170px;

    }

    .single__heading {

        font-size: 20px;

    }

    .single__top {

        padding: 60px 0;

    }

    .dealer__specs:before {

        height: 45px;

    }

    iframe {

        height: 230px;

    }



    .left__clip,

    .right__clip {

        padding: 50px;

    }

    .half__parallax .dealer__beaddress i {

        font-size: 35px;

    }

    .half__parallax .dealer__beaddress {

        font-size: 18px;

    }

    .sgblock__image {

        width: 210px;

    }

    .sgblock__meta {

        width: calc(100% - 235px);

    }

    .corner__outer .for_looping {

        width: 100%;

        float: none;

    }

}

@media screen and (max-width: 420px) {

    .home .wrapper,

    .wrapper {

        padding: 106px 0 0;

    }

    .dealer_top {

        height: 36px;

    }

    .dealer_contact {

        padding: 5px 0;

    }

    .dealer__nav {

        height: 106px;

    }

    .dealer__nav-head,

    .dealer__nav-out {

        height: 70px;

    }

    .dealer__nav-head {

        margin-top: 36px;

    }

    .dealer__logo {

        height: 40px;

        padding: 15px 6px 15px 0;

    }

    .dealer__logo img {

        height: 25px;
        padding-top: 8px;

    }

    .dealer__agent {

        width: 32px;

        height: 32px;

        border: 4px solid rgba(0, 0, 0, 0.15);

    }

    .sos__agent {

        margin-top: 15px;

    }

    .dealer__nav-out .icon__menu {

        top: 16px;

        right: 66px;

    }

    .running {

        height: 30px;

    }

    ul.newstickers li {

        height: 16px;

        line-height: 16px;

        font-size: 13px;

        margin: 7px 40px 7px 0;

    }

    .dealer__menu {

        top: 105px;

    }

    .event__title {

        width: 90px;

    }

    .title__after:before {

        border-bottom-width: 20px;

        border-left-width: 90px;

    }

    .title__after:after {

        width: 90px;

    }

    .event_content h3 {

        font-size: 16px;

        padding: 0 0 10px;

        margin: 0 0 15px;

    }

    .event_info {

        font-size: 12px;

    }

    .event__title h4 {

        font-size: 35px;

        letter-spacing: 0;

        padding: 50px 0 2px;

    }

    .event_date {

        font-size: 10px;

        top: 64px;

        right: 2px;

    }

    .event_hour,

    .event_minutes,

    .event_seconds {

        font-size: 9px;

    }

    .widget_slide1 {

        padding: 20px 0;

    }

    .slide1_price_box span {

        height: 24px;

        line-height: 24px;

        padding: 0 14px;

        font-size: 12px;

    }

    .slide1_price_box {

        margin: -12px 0 15px;

    }

    .slide1_car_name {

        padding: 0 10px;

    }

    .span_title,

    .slide1_car_type {

        float: none;

        width: 100%;

        display: block;

        text-align: center;

    }



    .slide1_car_type {

        font-size: 10px;

    }

    .slide1_after_title {

        padding: 10px 0;

        margin: 0 10px;

    }

    .for_looping {

        width: 50%;

    }

    .listing_outer {

        margin: 0 -5px;

    }

    .for_looping .slide1_box {

        margin: 0 5px 10px;

    }



    .beforetesti__bg {

        height: auto;

    }

    .comment__box {

        float: none;

        width: 100%;

        margin: 0 0 20px;

    }

    .tes__slide {

        width: 150%;

    }

    .testi__bg {

        height: 230px;

    }



    .testi_img {

        height: 140px;

    }

    .dealer_contact,

    ul.newstickers li {

        font-size: 12px;

    }

    .dealer__bottom {

        padding: 15px 0 8px;

    }

    .testimoni__slider {

        padding: 0 0 15px;

    }

    .dealer_comment {

        padding: 20px 0;

    }

    .tes__excerpt {

        font-size: 13px;

    }

    .foot_blog {

        width: 150%;

    }

    .embedmaps iframe {

        width: 100%;

        height: 240px;

    }

    .footer_logo img {

        width: auto;

        height: 40px;

        margin: 0 auto 30px;

    }

    .footer_address .show_alamat {

        font-size: 13px;

        white-space: normal;

    }

    .footer_contact {

        margin: 0 auto 20px;

    }

    .pricelist {

        width: 310px;

        font-size: 12px;

    }

    .model__rightside {

        width: 310px;

    }

    .pricelist__title {

        font-size: 14px;

    }

    .dealer__pricelist {

        font-size: 10px;

        padding: 8px 0 26px;

    }

    .footer_text .dealer__bephone,

    .footer_text .dealer__bewhatsapp {

        padding: 8px 0 26px;

    }

    .footer_text .call_text {

        font-size: 10px;

        display: block;

    }

    .dealer__pricelist i,

    .footer_text .dealer__bephone i,

    .footer_text .dealer__bewhatsapp i {

        margin: 0 auto 4px;

    }

    .dealer_timework {

        bottom: 75px;

    }

    .dealer_timework .onandoff,

    .dealer_timework .openhour,

    .dealer_timework .closehour {

        font-size: 10px;

    }

    .single__heading {

        font-size: 25px;

    }

    .blog .dealer_blog,

    .archive .dealer_blog {

        padding: 20px 0;

    }

    .post__meta {

        padding: 10px 10px 10px 0;

    }

    .post__publish {

        font-size: 12px;

    }

    .loop__test {

        column-count: 1;

        column-gap: 15px;

    }

    .single__cat {

        padding: 0 0 12px 0;

        font-size: 12px;

    }

    .single__heading {

        font-size: 18px;

        margin: 0;

    }

    .bio__avatar {

        width: 50px;

        height: 50px;

        line-height: 50px;

        margin: 0 15px 0 0;

    }

    .bio__avatar i {

        width: 50px;

        height: 50px;

        line-height: 50px;

        font-size: 35px;

    }

    .bio__name {

        margin: 0 0 6px;

        font-size: 14px;

    }

    .bio__links a,

    .bio__links span {

        padding: 0 12px;

        height: 26px;

        line-height: 26px;

        font-size: 10px;

        letter-spacing: 2px;

    }



    .test_thumbnail img {

        width: 45px;

        height: 45px;

    }

    .test__personal {

        width: calc(100% - 60px);

    }

    .test__personal i {

        font-size: 15px;

        width: 18px;

        margin: 0 0 4px;

    }

    .tes__nickname {

        font-size: 12px;

    }

    .test__excerpt {

        font-size: 13px;

        padding: 20px;

        margin: 0;

    }

    .test_thumbnail {

        padding: 15px 20px;

    }

    .single__content {

        padding: 20px 0;

    }

    .share {

        bottom: 2px;

    }

    .share a {

        width: 26px;

    }

    .share i {

        width: 26px;

        height: 26px;

        line-height: 26px;

        font-size: 14px;

    }

    .related__image a {

        margin: 0;

    }

    .related__bottom {

        padding: 10px 10px 10px 0;

    }

    .related__title {

        font-size: 14px;

    }

    .related__head span {

        height: 26px;

        line-height: 26px;

        padding: 0 10px;

        font-size: 11px;

    }

    .widget_block {

        padding: 20px;

        font-size: 14px;

    }

    .related__publish {

        font-size: 11px;

    }

    .single__galeri {

        float: none;

        width: 100%;

        padding: 20px 0 0;

    }

    .single__galeri img {

        display: block;

    }

    .single__comment {

        float: none;

        width: 100%;

        padding: 0 0 20px;

    }

    .comment__block {

        margin: 0;

        padding: 80px 20px 20px;

    }

    .single__excerpt i {

        top: 15px;

        left: 15px;

        font-size: 45px;

    }

    .single__excerpt {

        font-size: 14px;

    }

    .people__name {

        font-size: 14px;

    }

    .people__form {

        font-size: 13px;

    }

    .single__name img {

        width: 55px;

        height: 55px;

    }

    .dealer__photo {

        padding: 0 0 15px;

    }

    .dealer__price {

        padding: 20px 0;

    }

    .dealer__table div div {

        font-size: 14px;

    }

    .tab__head {

        padding: 12px 16px 0;

    }

    .tab__price {

        padding: 0 16px 12px;

    }

    .tab__chat {

        float: none;

        border-left: 1px solid rgba(125, 125, 125, 0.2);

        padding: 24px 16px;

    }

    iframe {

        height: 196px;

    }

    .social__model a {

        height: 40px;

        line-height: 40px;

        font-size: 14px;

    }

    .social__model i {

        font-size: 22px;

        line-height: 40px;

        width: 50px;

    }

    .model__call {

        padding: 35px 20px 25px;

    }

    .single .widget_slide1 {

        padding: 0;

    }

    .dealer__specs {

        padding: 0 0 20px 0;

    }

    .related__post {

        padding: 0 0 30px 0;

    }

    #commentform {

        margin: 0 0 30px;

    }

    .comment__area {

        margin: 0 0 20px;

    }

    .dealer__commentform {

        padding: 0 0 30px 0;

    }

    .comment__author {

        font-size: 15px;

    }

    .comment__meta p {

        font-size: 13px;

    }

    .blog__dealercontent h1 {

        font-size: 20px;

    }

    .blog__dealercontent h2 {

        font-size: 18px;

    }

    .blog__dealercontent h3 {

        font-size: 17px;

    }

    .blog__dealercontent h4 {

        font-size: 16px;

    }

    .blog__dealercontent h5 {

        font-size: 15px;

    }

    .blog__dealercontent h6 {

        font-size: 14px;

    }

    /* Header Showroom */

    .home .wrapper#header-two,

    .wrapper#header-two {

        padding: 64px 0 0;

    }

    .wrapper#header-two .dealer__nav {

        height: 60px;

    }

    .mode__showroom .dealer__logo {

        padding: 12px 20px 12px 0;

        height: 36px;

        width: auto;

    }

    .mode__showroom .dealer__logo img {

        height: 36px;

    }

    .mob__showmenu {

        position: fixed;

        padding: 10px 6px;

        font-size: 26px;

    }

    .mode__showroom .dealer__agent {

        top: 14px;

        right: 60px;

        width: 40px;

        height: 40px;

    }

    .showroom__menu {

        top: 64px;

    }

    .mode__showroom .time_work .onandoff {

        bottom: 70px;

        height: 26px;

        line-height: 26px;

        padding: 0 8px 0 27px;

        margin-top: 12px;

        font-weight: 700;

        border-radius: 4px;

    }

    .mode__showroom .time_work .onandoff:before {

        left: 9px;

        height: 26px;

        line-height: 26px;

        font-size: 12px;

    }

    .mode__roda .running {

        height: 30px;

    }

    .home #header-three.wrapper,

    #header-three.wrapper {

        padding: 90px 0 0;

    }

    .roda__textblock .addleft,

    .roda__textblock .addright {

        padding: 20px;

    }

    .roda__agent {

        width: 100%;

        margin: 0 auto 20px;

    }

    .roda__agentcall {

        width: 100%;

        border: 0;

        box-shadow: none;

        margin-top: -65px;

    }

    .roda__agent .dealer__fotoagen {

        width: 150px;

        margin: 0 auto;

        box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);

        padding: 8px;

    }

    .roda__agent .dealer__fotoagen img {

        display: block;

    }

    .dealer3__social .dealer__fotoagen {

        width: 220px;

    }

    .dealer3__phone,

    .dealer3__social .sos__icon a:nth-child(1),

    .dealer3__social .sos__icon a:nth-child(6),

    .dealer3__social .sos__icon a:nth-child(3),

    .dealer3__social .sos__icon a:nth-child(8),

    .dealer3__social .sos__icon a:nth-child(1):hover,

    .dealer3__social .sos__icon a:nth-child(6):hover,

    .dealer3__social .sos__icon a:nth-child(3):hover,

    .dealer3__social .sos__icon a:nth-child(8):hover {

        left: 5px;

    }

    .dealer3__wa,

    .dealer3__social .sos__icon a:nth-child(2),

    .dealer3__social .sos__icon a:nth-child(7),

    .dealer3__social .sos__icon a:nth-child(4),

    .dealer3__social .sos__icon a:nth-child(9),

    .dealer3__social .sos__icon a:nth-child(2):hover,

    .dealer3__social .sos__icon a:nth-child(7):hover,

    .dealer3__social .sos__icon a:nth-child(4):hover,

    .dealer3__social .sos__icon a:nth-child(9):hover {

        right: 5px;

    }



    .dealer3__social .sos__icon a:nth-child(1),

    .dealer3__social .sos__icon a:nth-child(6),

    .dealer3__social .sos__icon a:nth-child(2),

    .dealer3__social .sos__icon a:nth-child(7),

    .dealer3__social .sos__icon a:nth-child(1):hover,

    .dealer3__social .sos__icon a:nth-child(6):hover,

    .dealer3__social .sos__icon a:nth-child(2):hover,

    .dealer3__social .sos__icon a:nth-child(7):hover {

        top: 120px;

    }



    .dealer3__social .sos__icon a:nth-child(3),

    .dealer3__social .sos__icon a:nth-child(8),

    .dealer3__social .sos__icon a:nth-child(4),

    .dealer3__social .sos__icon a:nth-child(9),

    .dealer3__social .sos__icon a:nth-child(3):hover,

    .dealer3__social .sos__icon a:nth-child(8):hover,

    .dealer3__social .sos__icon a:nth-child(4):hover,

    .dealer3__social .sos__icon a:nth-child(9):hover {

        top: 200px;

    }

    #theagent3 {

        padding: 30px 0;

    }

    .dealer3__social {

        min-height: 300px;

    }

    .left__clip,

    .right__clip {

        padding: 30px;

    }

    .dealer3__addblock {

        padding: 20px 0;

    }

    .sgblock__image {

        width: 100%;

        float: none;

        display: block;

        marginl: 0 0 20px;

    }

    .sgblock__meta {

        width: 100%;

        float: none;

    }

    .inner__plus {

        display: inline-block;

        margin: 0 30px 0 0;

    }

    .meta__inner {

        height: auto;

    }

}

@media screen and (max-width: 375px) {

    .tes__slide {

        width: 160%;

    }

    .testi__bg {

        height: 225px;

    }



    .testi_img {

        height: 135px;

    }

    .tesnama {

        font-size: 12px;

    }

    .lite__city {

        font-size: 11px;

    }

    .gal__navi {

        height: 32px;

        line-height: 32px;

        padding: 0 16px;

    }

    .foot_blog {

        width: 160%;

    }

    .blog__image {

        height: 160px;

    }

    .embedmaps iframe {

        width: 100%;

        height: 200px;

    }

    .blog__publish {

        font-size: 13px;

    }

    iframe {

        height: 170px;

    }

    .dealer3__social .dealer__fotoagen {

        width: 175px;

        margin: 30px auto;

    }

    .dealer3__agent .dealer__works {

        margin: 0 0 10px;

    }

}



@media screen and (max-width: 360px) {

}