@font-face {
    font-family: avenir;
    src: url(/ThemeSite/assets/fonts/Avenir.otf);
}
@font-face {
    font-family: NexaBold;
    src: url(/ThemeSite/assets/fonts/NexaBold.otf);
}
@font-face {
    font-family: NexaLight;
    src: url(/ThemeSite/assets/fonts/NexaLight.otf);
}

.main-nav_ {
    border-bottom: solid 1px #9a9a9a;margin-bottom: 1.3em;
}
.new-topmenu{
    float:right;
    margin-top: 20px;
    margin-right: -15px;
}
.new-topmenu li{
    display: inline-block;
    padding:0 2px;
    vertical-align: top;
}
.new-topmenu li a{
    display: block;
    padding:7px 10px;

}
.new-topmenu li a:active, .new-topmenu li a:focus, .new-topmenu li a:visited{
    color: #fff;
}
.navbar-nav>li.active>a {
    color: red;
    font-weight: 800;
    letter-spacing: -0.55px;
}
.menufloat{
    width: 100%;
    text-align: center;
}
.main-nav ul{
    margin:0 auto;
    float: none;
    display: inline-block;
}
.icon-top {
    padding-left: 25px;
    color: #fff;
}
.icon-top.icon-about{
    padding-left: 30px;
    background: url(../img/bg-btn-1.png)no-repeat;
    background-size: 100% 100%;
    height: 34px;
    width: 140px;
    font-weight: 800;
}

.icon-top.icon-contact{
    padding-left: 16px;
    padding-right: 16px;
    background: #001871;
    background-size: 30%;
    font-weight: 800;

}
.icon-top.icon-onlinebid, .icon-top.icon-loginmember{
    padding-left: 16px;
    padding-right: 16px;
    background: #ef3340;
    background-size: 30%;
    font-weight: 800;
}
.icon-top.icon-loginmember{
    background: url(../img/arrow-select.png) 48px  no-repeat #ef3340;
    padding-left: 16px;
    padding-right: 16px;
    background: #ef3340;
    background-size: 30%;
    font-weight: 800;
}
.user-menu .icon-top.icon-username{
    padding-right: 0;
    background: url(../img/arrow-select.png) 90px no-repeat #ef3340;
    width: 90px;
    overflow: hidden;

}

.new-topmenu li a:hover{
    color: #fff;
    cursor: pointer;
    opacity: 0.6;
}
.new-topmenu li select:hover{
    color: #fff;
    cursor: pointer;
    opacity: 0.8;
}

.new-jbamenu .nav > li {
    padding:0px;
    float: none;
    display: inline-block;
}
.new-jbamenu .nav > li > a{
    border-bottom:1px solid transparent;
    font-weight: bold;
    padding:7px 9px;
}
.new-jbamenu .nav > li > a:hover, .new-jbamenu .nav > li > a:focus{
    background:transparent;
    border-bottom: 1px solid #000;
    color: #000;
}
.user-menu{
    position: relative;
}

.user-menu .dropdown-menu {
    right: 0;
    left: auto;
    min-width: 0;
    padding:0;
}
.user-menu .dropdown-menu  li ,.user-menu .dropdown-menu  li a{
    display: block;
    color: #222;
}
.user-menu .dropdown-menu  li a:hover{
    color: #333;
    background: #ececec;
}
.container-notresposnive .new-jbamenu .main-nav .nav li{
    display: inline-block !important;
    float: left;
   }

.strong-point div.strong-content {
  border: 1px solid #ef3340;
}

.responsive-detail .box-grade {
  margin-top: 5px;
  margin-bottom: 5px;
}

.box-grade h3 {
  margin-left: 8px;
}

.m-t-6 {margin-top: 6px;}
.navbar-nav>li>a {padding: 12px 12px 12px 12px;font-size: 15px;}
.footer-bottom h3 span a {color: #ef3340;}
footer img:hover {opacity: 0.7;}
.car-btn-footer {background: #001561;color: #FFF;padding: 8px 10px;display: inline-block;margin: 0px 5px;font-size: 14px;border-radius: 3px;}
.motor-btn-footer {background: #ef3340;color: #FFF;    padding: 8px 10px;display: inline-block;margin: 0 5px;font-size: 14px;border-radius: 3px;}
.car-btn-footer:hover ,.motor-btn-footer:hover {opacity: 0.7;color: #fff;}
.footer-bottom .list-inline img:hover {opacity: 0.7;}
.loginbox {background: #ef3340;}
.search-box .glyphicon-search {color:#00398f!important;}
.btn-cari-orange, .btn-search-mobil {background: #00398f;}
.btn-cari-orange:hover, .btn-search-mobil:hover {background: #00398f;opacity: 0.7;border: none;}
.red-color {background: #ef3340!important;}
.black-color {color: #000!important;}
.blue-color-custom {background:#001871!important;}
.btn-detail-red {color: #ef3340;border-color: #ef3340;}
.btn-detail-red:hover {background: #ef3340;color: #fff;}
.box-content-det h3 span {color: #000!important;}
.det-content, section.title-det {margin-top: 10px;}
section.second h1 {margin-bottom: 20px;margin-top: 10px;}
.w100 {width: 100%;}
.b-b-0 {border-bottom: none;border: solid 2px #dbdbdb;background: #f7f7f7;padding: 1em 1em 12px;}
.page_ {background: #f7f7f7;padding: 10px 0px 5px;margin-bottom: 5px;}
.page_ .pagination li a {border: none;}
.custom-combobox-toggle {margin-top: -2px!important;}
a.car-btn-footer:focus,a.motor-btn-footer:focus {
    color: white;
}

.footer-bottom .row a img {
  min-height: 62px;
  margin: 3px 0;
}

.slick-slide > div:first-child {margin-bottom: 12px;}
.daftarmobil .slick-arrow {height: 100%;}
.daftarmobil .slick-arrow .glyphicon {top: 30%;}

.navbar-nav>li:last-of-type a {
    padding-right: 0;
}

/*responsive*/
@media (min-width: 768px) and (max-width : 980px) {

}
@media (max-width: 767px) {
    .navbar-toggle {
        margin-top: 20px;
    }
    .logoimg {padding: 5px 0;}
    .logoimg img {width: 110px;margin: 10px 0;}
    .navbar-collapse.in {margin-top: auto;}
    .main-nav_ {border:none;margin-bottom: 0.5em;}
    .btn-menu-top {background: #00398f;color: #fff;margin-right: 16px;font-size: 24px;padding: 2px 15px;}
    ul.pagination li a {padding:5px;}
    .container-notresposnive {width: 100%!important;}
}
@media (max-width: 480px) {
  .new-topmenu li{
    margin-bottom: 10px;
  }
  .new-topmenu{
    text-align: center;
    margin-top: 5px;
  }
  .new-jbamenu .main-nav .nav li{
    display: block;
    border-bottom: 1px solid rgba(123, 98, 98, 0.1);
  }
  .new-jbamenu .main-nav .nav li a{
    display: block;

  }
  .breadcrumb-container {margin-top: 7px;}
}

@media only screen and (min-width: 768px) {
  .box-jadwal2 {
    height: auto;
  }
}

/*================================================*/
/*Update 11-Feb-2019*/
/*================================================*/

.banner-1 {
  background: url(/ThemeSite/assets/img/tatacara-header.jpg);background-size: cover;height: auto;width: 100%;padding: 4em;}
.banner-1 .title {font-size: 33px;font-weight: 700;color: #fff;margin: auto;text-align: center;}
.banner-1 p {color: #fff;margin-bottom: 0;margin-top: 8px;font-size: 18px;font-style: italic;font-weight: bold;letter-spacing: -1px;text-transform: uppercase;}
.box-search-location {background-color: #f7f7f7;padding: 1em;margin: 1em 0;}
.box-search-location-two {background-color: #f7f7f7;padding: 1em;margin: 0 0 2em;}
.thumbnail{padding: 0;border: none;margin-bottom: 0;}
.thumbnail .caption {position: absolute;color: #fff;bottom: 0;background: rgba(0, 0, 0, 0.7);text-align: center;padding: 8px;font-weight: bold;left: 0;right: 0;margin: 0 16px;}
.input-group-addon {background: #fff;border-radius: 0;font-size: 24px;color: #001871;}
#search-button {border-left: none;cursor: pointer;}
.box-search-location input {border-left: none;border-right: none;outline: none;height: 42px;}
.box-search-location input:focus {border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;box-shadow: none;outline: none;}
.thumbnail:hover {opacity: 0.7;}

.nav-location{
    float: left;
    width: 30%;
    height: 459px;
}
.list-nav-location{
    padding: 10px 8px;
    cursor: pointer;
    background: #f7f7f7!important ;
}
.list-nav-location:hover{
    background: #f0f0f0!important ;
}
.ic-list-nav-location{
    padding-right: 8px;
    vertical-align: top;
}
.ic-list-nav-location img{
    margin-bottom: -10px;
}
.ctn-list-nav-location h4{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 3px;
    color: #4a4a4a;
    text-align: justify;
}
.ctn-list-nav-location p{
    line-height: 13px;
    font-size: 11px;
    text-align: justify;
    color: #777;
    padding-right: 25px;
}
.mas-container{
    float: left;
    width: 70%;
    height: 459px;
    padding: 0 0 0 10px;
}
.mas-map{
    width: 100%;
    height: 100%;
}
#location-map{
    width: 100%;
    height: 100%;
}
.scrollbar{
    overflow-y: scroll;
}
.force-overflow{
    min-height: 450px;
}
#locations-container::-webkit-scrollbar-track{
    background-color: #f5f5f5;
}
#locations-container::-webkit-scrollbar{
    width: 10px;
    background-color: #f5f5f5;
}
#locations-container::-webkit-scrollbar-thumb{
    background-color: #ef3340;
}
.ib-map{
    font-size: 11px;
}

.ib-map h4{
    font-weight: bold;
    font-size: 12px;
}

.ib-map .ib-icons{
    font-size: 14px;
    margin-right: 4px;
    vertical-align: bottom;
}

.ib-map .ib-icon-container{
    vertical-align: top;
    float: left;
    width:20px;
}
.ib-map .ib-text{
    vertical-align: top;
    margin-left:20px;
}

.ib-link a{
    text-decoration: none;
}

.ib-link h4{
    font-weight: bold;
    font-size: 13px;
    text-align:center;
    color:#00ACED;
}

.img-jba-lokasi { width: 35px; height: 36px;margin: 8px 4px 0;}
.nav-location-text {font-size: 21px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #01398f;}
.slider-thumbnails {max-height: 378px;overflow: hidden;}
.btn-poin-r{font-family: avenir; background: #00398f; color: #fff; border-radius: 5px; padding: 10px 14px 12px 10px;}
.btn-poin-r:hover{color:#fff;opacity: 0.7;}
.btn-poin-r:focus{color:#fff;}

/* Update 04-April-2019 */
/* ----------------------------------- */
.poin-s-1 {
    background:#dbe2e9;
    padding: 2em 3em;
    color: #00398f;
    font-size: 18px;
}
.poin-s-1 h4 {line-height: 1.5;font-family: avenir;}

.poin-s-2 {
    background:url(/ThemeSite/assets/img/poin/bg1.png)no-repeat;
    background-size: 100%;
    padding: 2em 3em;
    color: #00398f;
    font-size: 18px;
}
.poin-s-2 h4 {line-height: 1.5;}
.poin-s-2  h2 {color: red!important;font-size: 24px!important;font-weight: bold;text-transform: uppercase;}
.poin-s-2 .dapatkan {margin-top: 1em;margin-bottom: 2em;}

.add-bg-one {
    background:url(/ThemeSite/assets/img/poin/bg4.png)no-repeat;
    background-size: 100% 100%;
}

.row.add-bg-one .vbox {
    padding: 1em 1em 0;
}

.vbox p {
    font-size: 18px;
    color: #fff;
    margin-top: 1em;
}

.vbox .h50 {
    font-family: avenir;
    height: 50px;
}

.vbox img {
    padding-top: 5px;
    height: 160px;
    margin: auto;
}

.vbox .car {
    width: auto;
    height: 33px;
    padding: 0;
    margin-left: 10px;
}

.vbox .bike {
    width: auto;
    height: 45px;
    padding: 0;
    margin-left: 15px;
    margin-top: -10px;
}

.vbox .carP {
    font-family: avenir;
    background: #ef323f;
    padding: 0px 5px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    border-radius: 5px;
    line-height: 1.2;
}

.vbox .carP span {
    font-size: 16px;
    font-weight: normal;
    vertical-align: top;
}

.vbox .carUnit {
    font-size: 12px;
    margin-top: 5px;
    margin-left: 10px;
}

.box-50 p {
    color: #fff;
    margin-top: 2em;
    margin-bottom: 0;
    padding-left: 18px;
}

.box-50 h3 {
    color: #fff;
    margin-bottom: 0;
    font-size: 22px;
    padding-left: 18px;
}
.box-50 h2 {
    color: #fff!important;
    margin-bottom: 0;
    font-size: 24px;
    text-transform: none;
    padding-left: 18px;
}
.box-50 {
    font-family: avenir;
    background:url(/ThemeSite/assets/img/poin/bg3.png)no-repeat;
    background-size: contain;
    height: 150px;
}
.box-50 .poinku {
    color: #fff;
}

.box-60 {
    font-family: avenir;
    background: url(/ThemeSite/assets/img/poin/boxpoin.png)no-repeat;
    background-size: 100%;
    padding: 3.5em 14em 6em 4em;
}

.box-60 p {
    font-size: 14px;
    color: #fff;
}

.box-60 h3 {color: #fff;}

.cara-penukaran-1 {
    margin-top: 1.5em;
    margin-bottom: 1em;
}
.cara-penukaran-2 {
    margin-top: 1em;
    margin-bottom: 1em;
}
.cara-penukaran-3 {
    margin-bottom: 2em;
}

.poin-s-3 h2 {
    color: red!important;
    font-size: 24px!important;
    font-weight: bold;
    text-transform: uppercase;
}

.poin-s-3 {
    background:url(/ThemeSite/assets/img/poin/bg2.png)no-repeat;
    background-size: cover;
    padding: 0 3em 1em;
    color: #00398f;
    font-size: 18px;
}

.poin-s-3 p {
    font-family: avenir;
    font-size: 17px;
    text-align: center;
    padding-top: 8px;
}

.vcontent-one {
    padding: 0 1em 1em 43px;
    margin-top: -30px;
}
.vcontent-two {
    padding: 0 49px 0 1em;
    margin-top: 110px;
}
.vcontent-three {
    padding: 0 1em 1em 43px;
    margin-top: 70px;
}
.vcontent-four {
    padding: 0 45px 0 1em;
    margin-top: 145px;
}
.vcontent-five {
    padding: 0 1em 0em 84px;
    margin-top: 12px;
}
.vcontent-six {
    padding: 0 60px 0 1em;
    margin-top: 120px;
}

.poin-s-4 {
    background: transparent;
    padding: 1em;
    color: #00398f;
    font-size: 18px;
}

ul.new-topmenu.add-bg-mobile-white select.form-control-select {
    background-color: #001871;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .slick-mobil.slick-initialized.slick-slider .slick-track {width: 100%!important;}
  .slick-mobil.slick-initialized.slick-slider .slick-track .slick-current {width: 100%!important;}
}

@media only screen and (max-width: 667px) {
    .head-bar-location {
        margin-bottom: 10px;
        padding: 10px 10px 5px 10px;
        background: #f4f4f4;
    }
    .main-content-mas-location {
        padding: 10px 0;
        background: #f4f4f4;
    }
    .nav-location{
        float: left;
        width: 97%;
        height: 220px;
        margin: 5px;
    }
    .mas-container{
        float: left;
        width: 100%;
        height: 220px;
        padding: 0 10px;
    }
    .mas-map{
        width: 100%;
        height: 100%;
    }

    /* Add 08-Apr-2019 */
    .poin-s-2 {
        background: none;
        background-size: 100%;
        padding: 2em 0;
    }
    .poin-s-3 {
        background: none;
        padding: 1em;
    }
    .vcontent-one {
        padding: 0.5em;
        margin-top: 5px;
    }
    .vcontent-two {
        padding: 0.5em;
        margin-top: 5px;
    }
    .vcontent-three {
        padding: 0.5em;
        margin-top: 5px;
    }
    .vcontent-four {
        padding: 0.5em;
        margin-top: 5px;
    }
    .vcontent-five {
        padding: 0.5em;
        margin-top: 5px;
    }
    .vcontent-six {
        padding: 0.5em;
        margin-top: 5px;
    }
    .box-50 {
        background: url(/ThemeSite/assets/img/poin/mobile2-300.png)no-repeat;
        background-size: 100% 100%;
        /* background-size: contain; */
        height: 305px;
        padding-top: 9.5em;
        text-align: center;
        margin-bottom: 1em;
    }
    .box-50 p {padding-left: 0;}
    .box-50 h2 {padding-left: 0;}
    .box-50 h3 {padding-left: 0;}
    .box-60 {
        background:url(/ThemeSite/assets/img/poin/mobile1.png)no-repeat;
        padding: 1em;
        margin: -70px -15px -15px;
        height: 280px;
        background-size: contain;
    }
    .box-60 p {
        margin-bottom: 0;
        margin-top: 8px;
    }
    .box-60 h3 {
        margin-top: 5em;
    }
    .poin-s-1 {background: none;padding: 5px 0 5px;}
    .poin-s-1 h4.text-center.sub-title {
        background: #dce2ea;
        margin: -15px;
        padding: 1em;
    }
    .cara-penukaran-1 {
        margin-top: 0.5em;
    }
    .cara-penukaran-3 {margin-bottom: 1em;}
    .vcontent-five img {
        padding-left: 50px;
    }
    .poin-s-2 .vbox {
        background:url(/ThemeSite/assets/img/poin/mobile3.png)no-repeat;
        background-size: 100% 100%;
        margin-bottom: 1em;
    }
    .poin-s-2 .vbox p {
        font-family: avenir;
        font-size: 20px;
        padding: 0 2em 2em;
    }
    .vbox img {    padding-top: 1em;
        height: 210px;}
}

/* ============================================ */
/* CAREER PAGE */
/* ============================================ */


.career01 {
    font-size: 16px;
    margin: 3px 0px 15px;
    color: #00398F;
}
.career02 {
    border-radius: 0;
}
.career03 {background:#001561;color:#fff;border-radius: 0;width: 100%;height: 40px;}
.career03:hover {color:#fff;opacity:0.7}
.career03:focus {color:#fff;}
.career04 {background: #f9f9f9;padding-left:2.5em;padding-right:2.5em;}
select {
  -webkit-border-radius: 0px;
}
.block-select select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 95% 55%;
    background-repeat: no-repeat;
    background-image: url(/ThemeSite/assets/img/career/career1.svg);
    background-size: 18px;
    box-shadow: none;
    height: 40px;
}
.inner-addon {
  position: relative;
}
.right-addon input { padding-right: 30px;border-radius: 0;box-shadow: none;height: 40px;}
.img-btn-search {
    position: absolute;
    right: 10px;
    margin-top: 11px;
    height: 18px;
}

.box-career {
    padding: 1em;
    padding-right: 0;
    margin-left: 22px;
}
.box-career .city {
    background: #ecf3fd;
    padding: 8px 1em;
    margin: 1.5em 0;
}
.box-career .city:before {
    content: "●";
    padding: 0 10px 0;
    font-weight: bold;
}
.box-career h3 {font-size: 18px;color: #00398F;}
.box-career h3:before {
    content: "";
    position: absolute;
    height: 28px;
    width: 5px;
    background: #EF3340;
    margin-left: -2em;
    margin-top: -5px;
}
.box-career .checklist li:before {
    content: url(/ThemeSite/assets/img/career/career4.svg);
    font-size: 20px;
    color: #00286f;
    padding-right: 13px;
    margin-left: -34px;
    line-height: 1.5;
    margin-top: -3px;
    position: absolute;
}
.box-career .col-md-8 p {margin-bottom:0;}
.box-career .checklist {
    margin-left: 34px;
}
.box-description {
    background: #f9f9f9;
    padding: 1.5em 2em;
    margin-top:1.5em;
}
.p-l-none {padding-right: 0;}
.box-description p {margin-bottom:0;}
.box-description .checklist li:before {
    content: "●";
    font-size: 20px;
    color: #00286f;
    padding-right: 15px;
    margin-left: -25px;
    line-height: 1.5;
}
.btn-see-more {
    border-radius: 0;
    font-size: 14px;
    padding: 5px 2em;
    background: #EF3340;
}
.btn-apply_ {
    border-radius: 0;
    background: #00225f;
    color: #fff;
    margin-top: 1.5em;
    padding: 10px 3em;
}
.btn-apply_:hover {color:#fff;opacity:0.7;}

.col-xs-12.col-sm-8.col-md-8.col-sm-offset-2.col-md-offset-2 .panel-default {
    border-radius: 0;
    margin: 1em 0 2em;
    box-shadow: none;
}


.apply-page .career04 {background: #f9f9f9;padding-left:2.5em;padding-right:2.5em;padding-top: 25px;padding-bottom: 10px;}
.apply-page label {
    font-size: 12px;
    font-weight: normal;
    color: #b3b3b3;
    margin-bottom: 5px;
}
.apply-page input {border-radius: 0;box-shadow: none;height: 40px;}
.apply-page select {box-shadow: none;height: 40px;}
.apply-page textarea {border-radius: 0;box-shadow: none;}

.apply-page .btn img {
	display: none;
}
.apply-page .btn.active img {
    display: inline-block;
}

.apply-page .btn.active {
    border: solid 2px #001561;
    width: 40%;
}

.apply-page .btn {
    width: 40%;
    margin-right: 19px;
}

.apply-page .custom-checks {
    background: #fff;
    color: #001561;
    box-shadow: none;
    padding-top: 10px;
    border: solid 1px #cccccc;
    height: 40px;
    border-radius: 0;
}
.apply-page input[type=checkbox] {
    height: 0;
}

.apply-page .btn-kirim {
    background: #001561;
    color: #fff;
    border-radius: 0;
}
.apply-page .btn-reset {
    background: #ffffff;
    color: #b3b3b3;
    border-radius: 0;
    border: solid 1px #b3b3b3;
}

.applyupload_ {
    margin-top: 24px;
    background: #fff;
    height: 150px;
    text-align: center;
    padding: 1.5em;
}

.files input {
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 85px 0px 85px 30%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.files{ position:relative}
.files:after {  pointer-events: none;
    position: absolute;
    top: 48px;
    left: 0;
    width: 40px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url(/ThemeSite/assets/img/career/document.svg);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.color input{ background-color:#f1f1f1;}
.files:before {
    position: absolute;
    bottom: 10px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " or drag it here. ";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}
.panel.panel-default.apply-page {
    border-radius: 0;box-shadow: none;
}

@media (max-width: 767px) {
    .career02 {margin-bottom: 1em;}
    .box-career{padding-right: 15px;margin-left: 0;}
    .box-career .col-md-4 .img-responsive {margin-bottom: 1em;}
    .btn-apply_ {width: 100%;}
    .box-description{padding: 1.5em 1em;}
    .block-select select:not([multiple]){background-position: 97% 55%;}
    .box-career h3:before{width: 5px;margin-left: -1em;}
    .apply-page .career04 {padding-left: 1em;padding-right: 1em;}
    .apply-page .btn-reset {margin-top: -4em;}
    .apply-page .btn.active {width: 49%;}
    label.btn.custom-checks {width: 49%;margin-right: 0;}
    .p-l-none {padding-right: 15px;}
    a.btn.btn-md.motor-btn-footer.pull-right {float: none!important;width: auto;margin: 0 28px;}
    section.second.block-select .page-title-container {margin-bottom: 5px;}
}

/* Update New Menu */
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    border-radius: 0;
    /* padding-right: 8px;
    margin-left: 8px; */
}

.navbar-nav>li>.dropdown-menu {
    background: #f2f2f2;
    color: #fff;
    border: none;
    padding: 1em 2em;
    z-index: 999999;
    border-radius: 0;
    box-shadow: none;
}

.navbar-nav>li>.dropdown-menu .iconz {
    height:26px;padding: 2px;vertical-align: middle;margin-right: 5px;
}

.navbar-nav>li>.dropdown-menu a {
    color: #00398f;
    padding-bottom: 15px;
    padding-top: 15px;
    margin: 2px 0 2px 20px;
}

.navbar-nav>li>.dropdown-menu li {
    border-bottom: solid 1px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: transparent;
    color: red;
}

.navbar-nav>li>.dropdown-menu li:last-child {border-bottom: none;}

.navbar-nav>li>.dropdown-menu li:nth-of-type(1):before {
    background-image: url(/ThemeSite/assets/img/menuicon1.png);
    background-size: contain;
    width: 30px;
    height: 30px;
    content: "";
    position: absolute;
    margin-top: 10px;
}
.navbar-nav>li>.dropdown-menu li:nth-of-type(2):before {
    background-image: url(/ThemeSite/assets/img/menuicon2.png);
    background-size: contain;
    width: 30px;
    height: 30px;
    content: "";
    position: absolute;
    margin-top: 10px;
}
.navbar-nav>li>.dropdown-menu li:nth-of-type(3):before {
    background-image: url(/ThemeSite/assets/img/menuicon3.png);
    background-size: contain;
    width: 30px;
    height: 30px;
    content: "";
    position: absolute;
    margin-top: 10px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.navbar-nav>li>.dropdown-menu li:hover {opacity: 0.6;}

.caret {
    background-image: url(/ThemeSite/assets/img/menuicon5.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    content: "";
    margin-top: 5px;
    margin-left: 1px;
    border: none;
}
.open .caret {
    transform: rotate(180deg);
    margin-top: -7px;
    background-image: url(/ThemeSite/assets/img/menuicon4.png)!important;
}
.caret {
    background-image: url(/ThemeSite/assets/img/menuicon5.png)!important;
}

.nav>li>a:hover .caret{
    background-image: url(/ThemeSite/assets/img/menuicon4.png)!important;
}

.language-select_ {
background: url(/ThemeSite/assets/img/menuicon5.png) no-repeat right;background-size: 15px;padding-right: 15px;color: #333;border: none;box-shadow: none;font-size: 15px;height: 50px;outline: none;
}

.top-navbar_ li a:hover , .top-navbar_ li a:active {
    color: #085dd5;
    font-weight: bold;
    letter-spacing: -0.4px;
}
.top-navbar_ li .language-select_:hover {
    color: #085dd5;
}

.bannerassa {
    padding: 10px 2em 10px 3em;
    height: 62px;
}

.top-navbar_ li a {
    padding: 15px 15px 12px 15px;
    font-size: 12px;
}

li.border-right_:after {
    content: "|";
    position: absolute;
    top: 15px;
}

.top-navbar_ {
    margin-top: 12px;
}

.navbar-right.mr-15 {
    margin-right: -15px;
}

.fontS17 {font-size: 17px;margin-top: -15px;line-height: 1.5;}
.fontS17bike {font-size: 15px;line-height: 1.3;margin-top: -15px;}

.pl-pr {
    padding-left: 10px!important;
    padding-right: 5px!important;
}

@media (max-width: 767px) {
    .navbar-collapse .navbar-nav>li>.dropdown-menu {
        display: none;
    }
    .navbar-collapse .navbar-nav .open .dropdown-menu {
        display: block;
        background: #ececec;
        padding: 5px 10px 2px;
    }
    .navbar-collapse .navbar-nav .open .dropdown-menu li {
        padding-left: 4.7em;
        border-bottom-color: #fff;
    }
    .navbar-nav>li>.dropdown-menu li:nth-of-type(1):before {
        width: 20px;
        height: 20px;
        margin-top: 4px;
        background-image: url(/ThemeSite/assets/img/menuicon1m.png);
        background-repeat: no-repeat;
    }
    .navbar-nav>li>.dropdown-menu li:nth-of-type(2):before {
        width: 19px;
        height: 20px;
        margin-left: 2px;
        margin-top: 4px;
        background-image: url(/ThemeSite/assets/img/menuicon2m.png);
        background-repeat: no-repeat;
    }
    .navbar-nav>li>.dropdown-menu li:nth-of-type(3):before {
        width: 18px;
        height: 18px;
        margin-top: 4px;
        background-image: url(/ThemeSite/assets/img/menuicon3m.png);
        background-repeat: no-repeat;
    }
    .navbar-collapse .navbar-nav>li>.dropdown-menu a {margin: 2px 0 2px 15px;font-weight: bold;}
    .new-jbamenu .nav > li > a:hover, .new-jbamenu .nav > li > a:focus {border-bottom: none;}
    .navbar-collapse li.dropdown.open .dropdown-toggle {
        color: red;
    }
    .navbar-collapse .caret {float: right;}
    .navbar-nav>li:last-of-type a {padding-right:9px;}
    .open .caret {margin-top: -2px;}
    .fontS17 {margin-bottom: 5px;}
    .fontS17bike {margin-bottom: 10px; margin-top: -8px;}
}

/* Update 09 Sept 2019  */
/* ======================================= */

.footer-bottom h3 {
    top: 0;
    padding: 3em 0;
}
@media (max-width: 767px) {
    .footer-bottom h3 {
        top: 0;
        padding: 0 0 10px;
    }
}

.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sidebar-banner.first-video {
    margin-top: 10px;
}

/* Update Style 2020 */
/* ================================= */

.fancybox-overlay-fixed .fancybox-nav {
    display: none;
    /* width: auto;
    color: #fff;
    background: rgba(255, 255, 255, .5);
    padding: 5px 8px;
    height: auto;
    top: 45%;
    font-size: 22px;
    margin: auto -2em; */
}

.fancybox-overlay-fixed .fancybox-item.fancybox-close {
    color: #999;
    font-size: 20px;
    background: #fff;
    text-align: center;
    border-radius: 2em;
    border: solid 1px #999;
    padding-top: 2px;
}

.border-r-blue {
    border: solid 1px #00398f;
    margin-bottom: 10px;
}

#modal-digital-survey .modal-dialog {
    z-index: 999999999;
    padding: 0 45px;
}
#modal-digital-survey .modal-content {
    background-image: url(../img/survey/bg-oval-one.png), url(../img/survey/bg-oval-two.png);
    background-position: right top, left bottom;
    background-repeat: no-repeat, no-repeat;

    border-radius: 5px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.26);
    min-height: 400px;
}
#modal-digital-survey .m-d-style-1 {
    color: rgb(53, 53, 53);
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.25px;
    text-align: center;
    padding: 40px 10px 20px;
}

#modal-digital-survey .m-d-style-2 {
    width: 100%;
    height: 70px;
    text-align: center;
}

/* HIDE RADIO */
#modal-digital-survey [type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */
#modal-digital-survey [type=radio] + img {
    cursor: pointer;
}

/* CHECKED STYLES */
#modal-digital-survey [type=radio]:checked + img {
    /* outline: 2px solid #f00; */
    padding-top: 0px;
}

#action-survey-one .col-md-2 , .m-d-style-6 .col-md-6 {
    padding: 0;
}

label.m-d-style-2 img {
    padding-top: 10px;
}

#modal-digital-survey .checkbox label:after {
    content: '';
    display: table;
    clear: both;
}

#modal-digital-survey .checkbox .cr {
    position: relative;
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.08);
}

#modal-digital-survey .checkbox .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 15%;
}

#modal-digital-survey .checkbox label input[type="checkbox"] {
    display: none;
}

#modal-digital-survey .checkbox label input[type="checkbox"]+.cr>.cr-icon {
    opacity: 0;
}

#modal-digital-survey .checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
    opacity: 1;
}

#modal-digital-survey .checkbox label input[type="checkbox"]:disabled+.cr {
    opacity: .5;
}

#modal-digital-survey .m-d-style-3{
    color: rgb(53, 53, 53);
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0px;
}
#modal-digital-survey .m-d-style-6 {
    padding: 20px 30px 0;
}
#modal-digital-survey .m-d-style-6 .col-md-4 {
    padding: 0;
}
.btn-submit-survey {
    background: rgb(0, 57, 143);
    border-radius: 4px;
    padding: 12px 70px;
    margin: 10px 0;
}
.btn-submit-survey span  {
    color: rgb(255, 255, 255);
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.44px;
    text-transform: uppercase;
}
#modal-digital-survey .checkbox label {
    color: rgb(53, 53, 53);
    font-family: 'Open Sans';
    font-size: 12px;
    letter-spacing: 0px;
    padding-left: 14px;
}
#modal-digital-survey span.cr i {
    color: #3bc60e;
}
#modal-digital-survey .m-d-style-4 {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
    font-size: 12px;
    font-family: 'Open Sans';
}
#modal-digital-survey .m-d-style-5 {
    margin-bottom: 10px;
    color: #000;
    font-size: 12px;
    font-family: 'Open Sans';
    padding-top: 10px;
}
#modal-digital-survey button.close {
    font-size: inherit;
    background: rgb(51, 122, 183);
    height: 18px;
    width: 18px;
    opacity: 1;
    color: #fff;
    font-weight: normal;
    border-radius: 50%;
}
#modal-digital-survey button.close:hover {
    opacity: .7;
}
#modal-digital-survey select:not([multiple]) {
    margin-top: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
}

.select-survey-one {
    margin-top: 10px;
    margin-bottom: 10px;
}
.select-survey-one span {
    padding: 6px 10px;
}

.tag {
    padding: .3em .4em .4em;
    margin: 0 .1em;
    border-radius: 15px;
    display: inline-block;
    margin-bottom: 5px;
}
.tag a {
    color: #bbb;
    cursor: pointer;
    opacity: 0.6;
}
.tag a:hover {
    opacity: 1.0
}
.tag .remove {
    vertical-align: bottom;
    top: 0;
}
.tag a {
    margin: 0 0 0 .3em;
}
.tag a .glyphicon-white {
    color: #fff;
    margin-bottom: 2px;
}

@media (max-width:767px){
    .fancybox-wrap{
        min-width: 90%;
    .fancybox-overlay-fixed .fancybox-item.fancybox-close {
        margin-right: 5px;
    }

    /* Modal Digital Survey */
    #modal-digital-survey .modal-dialog {
        padding: 0;
        margin: 0px;
    }
    #modal-digital-survey .m-d-style-6 {
        padding: 20px 0 0;
    }
    #modal-digital-survey .m-d-style-1 {
        padding: 40px 50px 20px;
        color: rgb(53, 53, 53);
        font-weight: 600;
    }
    #show-hide-input-survey .checkbox {
        margin-top: 5px;
    }
}
img.img-modal-get-zoom {
    cursor: pointer;
}

#ok-loupe:after {
    background: url(../assets/img/maghover.png) no-repeat;
    background-size: 70px;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 99999999;
    bottom: -120px;
    right: -206px;
    transform: rotate(-12deg);
}

@media (max-width:767px){
    .fancybox-wrap{
        min-width: 90%;
        max-width: 90%;
    }
    .fancybox-opened .fancybox-skin {
        padding: 2px!important;
    }
    .fancybox-overlay-fixed .fancybox-item.fancybox-close {
        margin-right: 5px;
    }
}

@media (max-width:400px){
    .poin-s-2 .vbox p {
        padding: 5px 2em;
        height: auto!important;
    }
    .vbox .carP {
        font-size: 16px;
    }
    .vbox .carP span {
        font-size: 12px;
    }
}