*,label,span{
    font-size:14px
}
a:hover,label,span{
    color:#1b1c20
}
h1,h2,h3,h4,h5,h6,label,span{
    font-family:ProximaNova;
    line-height:1.3
}
h1,h2,h3,h4,h5,h6,ol,p,ul{
    margin-bottom:15px
}
ol li,p,ul li{
    line-height:1.8;
    font-weight:400
}
b,label,ol li,p,span,strong,ul li{
    font-weight:400
}
*,select{
    margin:0;
    outline:0
}
#footer-contact,.text-center,.textcenter,.wrapselect:after{
    text-align:center
}
.payment-method p label b,.payment-method p label img,.payment-method p label span,.pricelist td,.tableList .tableCol{
    vertical-align:middle
}
#header-member a,#language-bar p,#menu-top a,#mini-top a,.button-submit,.pricelist thead td p,.textuppercase{
    text-transform:uppercase
}
@font-face{
    font-family:ProximaNova;
    src:url(../fonts/ProximaNovaRegular.otf);
    src:url(../fonts/ProximaNovaRegular.woff) format('woff'),url(../fonts/ProximaNovaRegular.ttf) format('truetype'),url(../fonts/ProximaNovaRegular.svg) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:ProximaNovaBold;
    src:url(../fonts/ProximaNovaBold.otf);
    src:url(../fonts/ProximaNovaBold.woff) format('woff'),url(../fonts/ProximaNovaBold.ttf) format('truetype'),url(../fonts/ProximaNovaBold.svg) format('svg');
    font-weight:400;
    font-style:normal
}
*{
    padding:0;
    font-family:ProximaNova
}
a,a:link,a:visited{
    text-decoration:none;
    cursor:pointer;
    font-size:14px;
    color:#f70503;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
.ui-datepicker-title span,.ui-timepicker-standard a{
    color:#fff!important
}
@media(max-width:1026px){
    a,a:link,a:visited{
        font-size:14px
    }
    label,span{
        font-size:15px
    }
}
.ui-datepicker-header a,.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{
    transition:none
}
p{
    font-family:ProximaNova;
    font-size:14px;
    color:#1b1c20
}
@media(max-width:1026px){
    p{
        font-size:15px
    }
}
h1,h2,h3,h4,h5,h6{
    font-weight:400;
    color:#1b1c20
}
h1,h1 b,h1 em,h1 i,h1 label,h1 span,h1 strong{
    font-size:26px
}
h2,h2 b,h2 em,h2 i,h2 label,h2 span,h2 strong{
    font-size:24px
}
h3,h3 b,h3 em,h3 i,h3 label,h3 span,h3 strong{
    font-size:22px
}
h4,h4 b,h4 em,h4 i,h4 label,h4 span,h4 strong{
    font-size:20px
}
h5,h5 b,h5 em,h5 i,h5 label,h5 span,h5 strong{
    font-size:18px
}
h6,h6 b,h6 em,h6 i,h6 label,h6 span,h6 strong{
    font-size:16px
}
@media(max-width:1026px){
    h1,h1 b,h1 em,h1 i,h1 label,h1 span,h1 strong{
        font-size:24px
    }
    h2,h2 b,h2 em,h2 i,h2 label,h2 span,h2 strong{
        font-size:22px
    }
    h3,h3 b,h3 em,h3 i,h3 label,h3 span,h3 strong{
        font-size:20px
    }
    h4,h4 b,h4 em,h4 i,h4 label,h4 span,h4 strong{
        font-size:18px
    }
    h5,h5 b,h5 em,h5 i,h5 label,h5 span,h5 strong{
        font-size:16px
    }
}
b,strong{
    font-family:ProximaNovaBold
}
ol,ul{
    margin-left:25px
}
ol li,ul li{
    font-family:ProximaNova;
    font-size:14px;
    color:#1b1c20;
    margin-bottom:5px
}
@media(max-width:1026px){
    ol li,ul li{
        font-size:15px
    }
}
ol{
    list-style-type:decimal
}
input[type=number],input[type=password],input[type=text],textarea{
    font-family:ProximaNova;
    font-size:14px;
    font-weight:400;
    color:#1b1c20;
    background-color:#fff!important;
    border-radius:0;
    -webkit-appearance:none
}
@media(max-width:1026px){
    input[type=number],input[type=password],input[type=text],textarea{
        font-size:1rem
    }
}
.wrapselect{
    position:relative;
    width:100%
}
.wrapselect:after{
    background-color:#dfe5ec;
    content:"\f107";
    font:normal normal normal 14px/2 FontAwesome;
    font:14px/2 FontAwesome;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    width:30px
}
#header-member a:hover,#topmenu-myaccount,#topmenu-myaccount a{
    background-color:#fff
}
p.fleft.nomargin.textuppercase{
    width:50%!important
}
.regis{
    float:left;
    color:#fff;
    position:relative;
    padding-top:13px;
    padding-left:58px;
    display:inline-block
}
.regis:hover{
    color:red
}
.img-regis:hover{
    opacity:.3
}
.img-regis img{
    padding-top:10px
}
.img-regis{
    display:inline-block;
    padding-left:5px
}
@media(max-width:1026px){
    .wrapselect:after{
        font-size:1.5rem;
        width:40px
    }
}
select{
    -moz-appearance:none;
    background-color:#fff!important;
    border:1px solid #dfe5ec!important;
    cursor:pointer;
    display:inline-block;
    width:100%;
    font-size:14px
}
@media(max-width:1026px){
    select{
        font-size:1rem
    }
}
textarea{
    resize:vertical
}
body{
    font-family:ProximaNova,Tahoma,Geneva,sans-serif;
    font-size:14px
}
img{
    border:0
}
div.clear{
    clear:both
}
#copyright-gosit us{
    background:url(../images/go-online-solusi.png) left bottom no-repeat;
    display:block;
    font-size:10px;
    height:20px;
    padding-left:23px;
    color:#333;
    transition:none
}
@media(max-width:1026px){
    #copyright-gositus{
        float:none;
        margin-top:13px
    }
    #jssor_1 .jssort11 .pav:hover .t,#jssor_1 .jssort11 .t{
        font-size:16px!important
    }
    #mini-top #close{
        font-size:20px!important
    }
    .navbar-toggle .icon-bar{
        width:20px!important;
        height:2px!important
    }
    .news-list .title{
        font-size:17px!important;
        margin-top:15px
    }
    .news-list .short-content,a.read-more{
        font-size:15px!important;
        line-height:1.5
    }
    h3,h3 b,h3 em,h3 i,h3 label,h3 span,h3 strong{
        font-size:20px!important
    }
    a,a:link,a:visited,p{
        font-size:15px!important
    }
}
.tableList,header,img.reponsive{
    width:100%
}
#copyright-gositus:hover{
    background-position:left top
}
#copyright-gositus:hover label{
    color:#9c3;
    cursor:pointer
}
#copyright-gositus:hover span{
    color:#39c
}
#copyright-gositus label,#copyright-gositus span{
    color:#999;
    font-size:11px!important
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.clearfix{
    display:block;
    padding:0 20px
}
#language-bar,#wrapper-log{
    padding:0
}
::-moz-selection{
    background-color:#9cf;
    color:#fff
}
::selection{
    background-color:#9cf;
    color:#fff
}
.fleft{
    float:left
}
.fright{
    float:right
}
.prelative{
    position:relative
}
.pabsolute{
    position:absolute
}
.nomargin{
    margin:0
}
.nomarginright{
    margin-right:0
}
.nomarginleft{
    margin-left:0
}
.nomargintop{
    margin-top:0
}
.nomarginbottom{
    margin-bottom:0
}
.nopadding{
    padding:0
}
.nopaddingright{
    padding-right:0
}
.nopaddingleft{
    padding-left:0
}
.nopaddingtop{
    padding-top:0
}
.nopaddingbottom{
    padding-bottom:0
}
.textbold{
    font-family:ProximaNovaBold
}
.tableList{
    display:table
}
.tableList .tableCol{
    display:table-cell
}
.block,ul.block li{
    display:block
}
.inline-block,ul.inline-block li{
    display:inline-block
}
.none{
    display:none
}
.col-mregis{
    display:none!important
}
.container{
    margin:0 auto;
    max-width:1175px;
    padding:1rem 2rem
}
@media(max-width:1173px){
    .container{
        padding:2rem 15px
    }
}
h1.tprice2{
    margin-bottom:3px
}
h4.tprice{
    font-size:16px;
    margin:0
}
header{
    background:url(../images/layout/background_header.jpg) center bottom no-repeat #020000;
    z-index:9;
    position:fixed;
    left:0;
    top:0
}
header .container{
    padding:0 1rem
}
header .wrap>*{
    float:left
}
#logo img{
    padding:8px 0
}
@media(max-width:1026px){
    #logo img{
        padding:17px 0;
        display:block!important;
        width:102px
    }
    header{
        background:url(../images/layout/background_header.jpg) center top #020000;
        height:85px
    }
    #header-member{
        position:absolute;
        top:0;
        right:0
    }
    #wrapper-right-header{
        position:relative
    }
    #wrapper-right-header:after{
        clear:both;
        display:table;
        content:""
    }
}
@media(max-width:980px){
    #term_service,#term_service_2{
        margin-left:20%
    }
}
@media(max-width:850px){
    #logo img{
        width:102px
    }
}
@media(max-width:479px){
    #logo img{
        width:102px
    }
    #term_service,#term_service_2{
        margin-left:10%;
        width:80%
    }
    #term_service>div,#term_service_2>div{
        height:500px!important;
        padding:50px 15px 15px!important
    }
}
#language-bar,#search-bar{
    margin-top:6px;
    margin-right:15px
}
#search-bar input{
    width:0;
    visibility:hidden;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#language-bar a img,.wrapper-socmed a label{
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease
}
#search-bar input.search-open{
    width:200px;
    visibility:visible
}
#search-bar .btn-search{
    z-index:90;
    line-height:inherit;
    display:inline-block;
    padding:5px 0 0 10px
}
#language-bar p{
    color:#fff;
    margin:7px 2px 0 0;
    font-size:12px;
    line-height:17px
}
#language-bar a{
    margin:4px 6px 0;
    position:relative
}
@media(max-width:1026px){
    #language-bar{
        margin:10px 15px;
        position:absolute;
        top:35px;
        right:43px
    }
    #languages{
        float:left
    }
    #language-bar p{
        font-size:12px!important;
        line-height:22px
    }
    #language-bar img{
        width:16px;
        height:10px
    }
    #language-bar a{
        margin:5px 6px 0
    }
    #language-bar a:last-child{
        margin-right:0
    }
}
#language-bar a+a:before{
    position:absolute;
    left:-6px;
    height:100%;
    width:1px;
    background-color:#fff;
    content:" ";
    display:block
}
#header-member a,#topmenu-myaccount a:hover{
    background-color:#dfe5ec
}
#language-bar a img{
    width:16px;
    height:11px;
    opacity:.6;
    transition:a ll 1s ease
}
#language-bar a.active img,#language-bar a:hover img{
    opacity:1
}
#header-member a{
    color:#1b1c20;
    padding:6px 25px;
    font-size:14px
}
#header-member a+a{
    border-left:2px solid #fff
}
#button-topmenu-myaccount{
    position:relative;
    padding-right:37px!important
}
#button-topmenu-myaccount:before{
    content:"\f107";
    position:absolute;
    font-family:FontAwesome;
    margin-top:-9px;
    top:50%;
    right:10px
}
#button-topmenu-myaccount.active:before{
    content:"\f106"
}
#topmenu-myaccount{
    position:absolute;
    display:none;
    right:0;
    top:30px;
    box-shadow:0 0 3px 1px #999;
    width:225px;
    z-index:9
}
#topmenu-myaccount a{
    border:none!important
}
#navigation{
    cursor:pointer;
    margin-top:5px;
    margin-bottom:10px
}
#mini-top{
    background-color:rgba(0,0,0,.8);
    display:none;
    width:auto;
    height:100%;
    position:fixed;
    right:-100%;
    overflow:hidden;
    top:0;
    z-index:99
}
@media(max-width:1026px){
    #header-member a{
        padding:7px 15px;
        font-size:12px!important
    }
    #button-topmenu-myaccount{
        padding-right:47px!important
    }
    #button-topmenu-myaccount:before{
        margin-top:-6px
    }
    #topmenu-myaccount{
        top:39px;
        width:280px
    }
    #mini-top{
        display:block
    }
}
#mini-top a{
    position:relative;
    color:#fff;
    font-size:14px;
    margin-bottom:1.5rem;
    display:block;
    padding:10px;
    line-height:1.5
}
#mini-top a.active:before,#mini-top a:hover:before{
    background-color:red;
    bottom:-1px;
    content:" ";
    height:4px;
    left:10px;
    position:absolute;
    width:96%
}
#mini-top ul{
    padding:20px
}
#mini-top #close{
    color:#fff;
    font-size:20px;
    padding:1rem 3rem;
    cursor:pointer;
    margin:0
}

#search .form-popup{
    display: flex;
}

@media(min-width:1027px){
    #navigation{
        display:none
    }
    #menu-top{
        border-bottom:1px solid #fff;
        margin-top:6px;
        margin-bottom:0
    }
    .mainmenu{
        margin-top:37px
    }
}
@media(max-width:1026px){
    #menu-top{
        display:none
    }
    #mini-top a.menumini{
        font-size:11px!important;
        margin-bottom:0!important
    }
    #search{
        display:none
    }
}
#menu-top li{
    display:block;
    float:left;
    padding:0 9px;
    margin-bottom:0
}
@media(max-width:1129px){
    #menu-top li{
        padding:0 7px
    }
}
#menu-top a{
    position:relative;
    color:#fff;
    font-size:14px;
    padding:10px 0;
    display:block
}
#menu-top a:hover{
    background-color:unset
}
@media(max-width:1134px){
    #menu-top a{
        font-size:13px
    }
}
#menu-top a.active:after,#menu-top a:focus:after,#menu-top a:hover:after{
    opacity:1;
    transform:translateY(0)
}
#menu-top a:after{
    background-color:red;
    content:"";
    height:4px;
    left:0;
    opacity:0;
    position:absolute;
    bottom:-1px;
    transform:translateY(5px);
    transition:opacity .3s ease 0s,transform .3s ease 0s;
    width:100%
}
@media(max-width:1026px){
    #menu-top a{
        padding:10px 8px
    }
    #menu-top a.active:before,#menu-top a:hover:before{
        left:0;
        width:100%
    }
    .mainmenu .navbar-collapse{
        margin-bottom:20px
    }
}
.navbar-collapse.in{
    overflow:visible!important
}
.navbar-toggle{
    border:1px solid #fff;
    border-radius:3px;
    padding:7px;
    display:none
}
@media(max-width:1026px){
    .navbar-toggle{
        display:block!important;
        position:absolute;
        top:43px;
        right:0
    }
}
.navbar-toggle .icon-bar{
    background-color:#fff;
    width:45px;
    height:6px;
    border-radius:1px;
    display:block
}
.navbar-toggle .icon-bar+.icon-bar{
    margin-top:5px
}
.bg-transparant-popup,.bg-transparant-popup-banner{
    position:fixed;
    z-index:99;
    background-color:rgba(255,255,255,.4);
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:none;
    cursor:pointer
}
.bg-transparant-popup-banner{
    display:block
}
.close-popup,.close-popup-banner{
    background-color:#1b1c20;
    color:#fff;
    padding:5px 0;
    width:35px;
    font-size:20px;
    position:absolute;
    right:0;
    top:0;
    text-align:center
}
@media(max-width:1026px){
    .close-popup{
        font-size:2.5rem;
        width:70px;
        padding:10px 0
    }
}
@media(max-width:992px){
    .close-popup-banner{
        font-size:3rem;
        width:70px;
        padding:10px 0 15px
    }
}
.close-popup:hover{
    background-color:#dfe5ec;
    color:#1b1c20
}
#popup-login .wrapper-socmed a label,#popup-register .wrapper-socmed a label{
    width:14%
}
@media(max-width:1026px){
    #popup-login .wrapper-socmed a label{
        width:100%
    }
}
.wrapper-form-popup{
    background-color:#fff;
    box-shadow:0 0 6px #999;
    width:29%;
    position:fixed;
    z-index:999;
    display:none
}
@media(min-width:1027px){
    .wrapper-form-popup{
        left:50%;
        margin-left:-17%;
        top:15px
    }
    .wrapper-form-popup.youtube{
        width:75%!important;
        left:25%!important
    }
    #gototop{
        bottom:20px
    }
}
.wrapper-form-popup>form{
    padding:35px 40px
}
@media(max-width:1026px){
    .wrapper-form-popup{
        width:100%;
        top:2px;
        left:0
    }
    .wrapper-form-popup>form{
        padding:55px 40px
    }
}
#popup-banner.wrapper-form-popup{
    display:block;
    width:100%;
    left:0;
    margin-top:-13%;
    margin-left:0;
    top:50%;
    background:0;
    box-shadow:none
}
@media(max-width:1026px){
    #popup-banner.wrapper-form-popup{
        margin-top:-26%
    }
}
#popup-banner.wrapper-form-popup>div{
    width:550px;
    box-shadow:0 0 6px #999;
    margin:0 auto
}
@media(max-width:1026px){
    #popup-banner.wrapper-form-popup>div{
        width:90%
    }
}
#popup-banner.wrapper-form-popup>div img{
    height:100%
}
.form-popup .button-submit1{
    display:block;
    margin:13px auto;
    width:140px
}
@media(max-width:1026px){
    .form-popup .button-submit1{
        display:inline-block;
        width:auto!important
    }
}
.form-popup .input-popup{
    padding:4% 12% 4% 4%;
    border:1px solid #dfe5ec;
    width:83%;
    margin-bottom:13px;
    font-size:14px;
    background-color:#fff
}
@media(max-width:1026px){
    .form-popup .input-popup{
        padding:2% 5% 2% 2%;
        width:92%;
        font-size:15px
    }
}
.input-name{
    background:url(../images/layout/icon-form-name.png) center right no-repeat
}
.input-name-2{
    background:url(../images/layout/icon-form-name-2.png) center right no-repeat
}
.input-email{
    background:url(../images/layout/icon-form-email.png) center right no-repeat
}
.input-email-2{
    background:url(../images/layout/icon-form-email-2.png) center right no-repeat
}
.input-phone{
    background:url(../images/layout/icon-form-phone.png) center right no-repeat
}
.input-password{
    background:url(../images/layout/icon-form-password.png) center right no-repeat
}
.input-subject{
    background:url(../images/layout/icon-form-subject.png) center right no-repeat
}
.input-message{
    background:url(../images/layout/icon-form-message.png) top right no-repeat
}
.input-search{
    background:url(../images/layout/icon-form-search.png) center right no-repeat
}
footer{
    background:url(../images/layout/bg-footer.png) left bottom no-repeat;
    padding-bottom:45px
}
#footer-contact{
    margin-top:30px
}
@media(max-width:1026px){
    #footer-contact>div{
        margin:0 0 10px
    }
}
.footer_bb_pin p,.footer_email p,.footer_mobile_phone p,.footer_phone p{
    line-height:1.5!important
}
#footer-contact>div>div{
    text-align:left;
    padding:0 5px
}
#footer-contact h3{
    font-size:18px;
    line-height:1.7;
    margin-bottom:10px;
    padding-left:35px
}
.footer_address a,.footer_email a.read-more,.footer_mobile_phone a,.footer_phone a{
    color:#1b1c20
}
.footer_address a:hover,.footer_email a.read-more:hover,.footer_mobile_phone a:hover,.footer_phone a:hover{
    color:#f70503
}
#footer-contact .footer_address h3{
    background:url(../images/layout/icon-address.png) left center no-repeat;
    min-height:26px
}
#footer-contact .footer_phone h3{
    background:url(../images/layout/icon-phone.png) left center no-repeat;
    min-height:26px
}
#footer-contact .footer_mobile_phone h3{
    background:url(../images/layout/whatsapp.png) left center no-repeat;
    min-height:26px
}
#footer-contact .footer_bb_pin h3{
    background:url(../images/layout/icon-bb.png) left center no-repeat;
    min-height:26px
}
#footer-contact .footer_email h3{
    background:url(../images/layout/icon-email.png) left center no-repeat;
    min-height:26px
}
#home-news,#home-welcome,#twitter-news,#twitter-news>div{
    min-height:440px
}
#footer-socmed{
    margin-top:35px;
    text-align:right;
    padding-right:4%
}
#footer-socmed>div{
    margin:0;
    width:3%;
    padding-left:5px
}
@media(max-width:1026px){
    #footer-contact h3{
        font-size:2rem;
        line-height:1!important
    }
    #footer-socmed>div{
        margin:10px 0;
        width:calc(100%/6);
        display:inline-block
    }
}
@media(max-width:850px){
    #footer-socmed>div{
        width:calc(100%/3);
        display:inline-block
    }
}
@media(max-width:479px){
    #footer-socmed>div{
        width:calc(100%/6);
        display:inline-block;
        padding:0
    }
}
#footer-socmed>div a{
    width:95%
}
@media(max-width:1026px){
    #footer-socmed>div a{
        width:70%;
        margin:0 auto
    }
}
.logo-login{
    width:14%!important
}
.wrapper-socmed a label{
    color:#fff;
    font-size:20px;
    padding:10px 0 4px 0;
    text-align:center;
    width:100%;
    cursor:pointer;
    transition:all 1s ease
}
.button-submit,.wrapper-socmed a span{
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    cursor:pointer
}
@media(max-width:1026px){
    .wrapper-socmed a label{
        font-size:2.6rem;
        padding:8px 0;
        width:100%
    }
}
@media(max-width:440px){
    .wrapper-socmed a label{
        font-size:20px;
        width:100%!important
    }
    .wrp-sosmed .sosmedregis{
        display:inline-block
    }
    .wrp-sosmed{
        text-align:center
    }
    .article p img{
        max-width:100%!important;
        height:100%!important
    }
}
.wrapper-socmed a span{
    color:#fff;
    font-size:14px;
    padding:8px 0 8px 10px;
    transition:all 1s ease
}
@media(max-width:1026px){
    .wrapper-socmed a span{
        font-size:15px;
        line-height:1.5;
        padding:5px 0;
        display:block;
        width:100%;
        text-align:center
    }
}
.displayinline{
    display:inline-block
}
.wrapper-socmed .socmed-facebook{
    background-color:#153372;
    margin-bottom:10px
}
.wrapper-socmed .socmed-twitter{
    background-color:#039fcf
}
.wrapper-socmed .socmed-goo{
    background-color:#a91609
}
.wrapper-socmed .socmed-ig{
    background-color:#b32b7a
}
.wrapper-socmed .socmed-whatsapp{
    background-color:#4dc247
}
.wrapper-socmed .socmed-whatsapp:hover{
    background-color:#34af23
}
.wrapper-socmed .socmed-yt{
    background-color:#b70c05
}
.wrapper-socmed .socmed-li{
    background-color:#004699
}
.wrapper-socmed .socmed-facebook:hover{
    background-color:#3b5997
}
.wrapper-socmed .socmed-twitter:hover{
    background-color:#29c5f6
}
.wrapper-socmed .socmed-goo:hover{
    background-color:#d13d2f
}
.wrapper-socmed .socmed-ig:hover{
    background-color:#dd2f6f
}
.wrapper-socmed .socmed-yt:hover{
    background-color:#dd322b
}
.wrapper-socmed .socmed-li:hover{
    background-color:#006dc0
}
.wrapper-socmed .socmed-facebook label{
    background-color:#3b5997
}
.wrapper-socmed .socmed-twitter label{
    background-color:#29c5f6
}
.wrapper-socmed .socmed-goo label{
    background-color:#d13d2f
}
.wrapper-socmed .socmed-ig label{
    background-color:#dd2f6f
}
.wrapper-socmed .socmed-yt label{
    background-color:#dd322b
}
.wrapper-socmed .socmed-li label{
    background-color:#006dc0
}
.wrapper-socmed .socmed-facebook:hover label{
    background-color:#153372
}
.wrapper-socmed .socmed-twitter:hover label{
    background-color:#039fcf
}
.wrapper-socmed .socmed-goo:hover label{
    background-color:#a91609
}
.wrapper-socmed .socmed-ig:hover label{
    background-color:#b32b7a
}
.wrapper-socmed .socmed-yt:hover label{
    background-color:#b70c05
}
.wrapper-socmed .socmed-li:hover label{
    background-color:#004699
}
.wrapper-li ul{
    margin-left:15px
}
.wrapper-li ul li{
    display:block;
    position:relative;
    padding-left:6px;
    line-height:1.8
}
.wrapper-li ul li:before{
    color:#f70503;
    content:"\f111";
    font-family:FontAwesome;
    left:-15px;
    position:absolute;
    top:-1px
}
#footer-bank img{
    height:60px
}
#footer-bank{
    text-align:center;
    width:100%;
    margin-top:35px;
    height:auto;
    min-height:60px
}
@media(max-width:1026px){
    .wrapper-li ul li{
        padding-left:18px;
        font-size:15px
    }
    #footer-bank{
        height:100%!important
    }
    #footer-bank:after{
        content:"";
        clear:both;
        display:table
    }
    #footer-bank .wrap .bank{
        width:calc(100%/6)
    }
    #footer-bank img{
        height:40px;
        margin:0 0 25px
    }
}
@media(max-width:850px){
    #footer-bank .wrap .bank{
        width:calc(100%/3)
    }
    #footer-bank img{
        height:50px
    }
}
@media(max-width:479px){
    #footer-bank .wrap .bank{
        width:calc(100%/2)
    }
    #footer-bank img{
        height:42px
    }
}
#footer-bank>div{
    width:100%;
    height:auto;
    left:0;
    top:0
}
#footer-bank>div.bw{
    z-index:2;
    font-size:0;
    text-align:center
}
#footer-bank>div.color{
    z-index:1;
    text-align:center
}
#footer-bank .color img{
    display:none
}
#footer-menu{
    text-align:center;
    margin-top:25px;
    border-top:1px solid #b6c9d6;
    padding-top:20px
}
#footer-menu a{
    padding:1% 20px;
    color:#1b1c20;
    display:inline-block
}
#footer-menu a.active,#footer-menu a:hover{
    color:#f70503
}
@media(max-width:1026px){
    #footer-menu a{
        display:block!important;
        padding-left:0;
        text-align:left;
        font-size:2rem
    }
}
#gototop{
    background-color:#dfe5ec;
    border:12px solid #fff;
    border-radius:50%;
    color:#fff;
    font-size:30px;
    font-weight:700;
    height:48px;
    width:48px;
    line-height:43px;
    text-align:center;
    margin-left:-34px;
    left:50%
}
@media(max-width:1026px){
    #gototop,#gototop:before{
        position:absolute;
        left:50%
    }
    #gototop{
        font-size:4rem!important;
        height:85px;
        line-height:1.2;
        top:-55px;
        width:85px;
        -webkit-transform:translateX(-17%);
        -moz-transform:translateX(-17%);
        -ms-transform:translateX(-17%);
        -o-transform:translateX(-17%);
        transform:translateX(-17%)
    }
    #gototop:before{
        top:50%;
        -webkit-transform:translate(-50%,-50%);
        -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -o-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
    }
    #copyrights span{
        font-size:13px;
        margin-top:30px;
        text-align:center
    }
    #copyrights span.block.fleft{
        float:none
    }
}
#gototop:hover{
    cursor:pointer;
    color:#1b1c20
}
#copyrights{
    background-color:#000
}
#copyrights span{
    font-size:13px;
    color:#fff
}
#callus{
    background:url(../images/layout/banner-callus.jpg) center no-repeat;
    background-size:cover
}
@media(min-width:1027px){
    #callus h1{
        padding:29px 0;
        font-size:24px
    }
}
@media(max-width:1026px){
    #callus h1,#callus h1 strong{
        font-size:25px
    }
    #callus h1{
        width:100%
    }
}
#callus span{
    font-size:26px;
    color:#fff
}
#callus .callusnow{
    right:11px;
    bottom:-10px;
    width:20%
}
@media(max-width:1026px){
    #callus .callusnow{
        width:10%;
        right:0;
        bottom:-40px
    }
}
@media(max-width:850px){
    #callus .callusnow{
        width:14%;
        right:0;
        bottom:-40px
    }
    #adthis{
        display:inline-block!important;
        position:absolute;
        right:22px
    }
    .car-details{
        margin-top:90px
    }
}
@media(max-width:479px){
    #callus .callusnow{
        width:26%;
        right:0;
        bottom:-40px
    }
    .wrapper-account label{
        font-size:15px
    }
}
.wrapcheckbox label.error,.wrapradio label.error{
    bottom:-23px
}
#border-callus{
    border-color:#b6c9d6;
    border-style:solid;
    border-width:1px 0 0;
    margin-top:1px
}
#main-content #bg-gray>.container,#main-content #test-reservation>.container,#main-content>.container{
    padding-bottom:3rem;
    padding-top:3rem
}
@media(max-width:1026px){
    #main-content #bg-gray>.container,#main-content #test-reservation>.container,#main-content>.container{
        padding-bottom:4rem;
        padding-top:2rem
    }
    #main-content #test-reservation>.container{
        padding-top:0!important;
        padding-right:0!important;
        padding-left:0!important
    }
    #main-content{
        margin-top:85px
    }
}
#test-reservation{
    position:relative
}
.button-submit{
    padding:8px 10px;
    text-align:center;
    border:0;
    display:block;
    font-size:14px;
    transition:all 1s ease;
    font-family:ProximaNova,Tahoma,Geneva,sans-serif
}
#num-tag,a.read-more i{
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease
}
.reservation-message{
    padding:10px;
    margin-bottom:15px;
    background-color:#f6f6f6;
    border:1px solid #f0f0f0;
    border-left:2px solid #ff3030;
    border-radius:3px;
    position:relative
}
@media(max-width:1026px){
    .button-submit{
        font-size:17px
    }
}
.button-submit1{
    background-color:#1b1c20;
    color:#fff!important
}
.button-submit1:hover{
    background-color:#e0dae0;
    color:#1b1c20!important
}
.button-submit2{
    background-color:#fff;
    color:#1b1c20!important
}
.button-submit2:hover{
    background-color:#1b1c20;
    color:#fff!important
}
.button-submit3{
    background-color:rgba(247,5,3);
    color:#fff!important
}
.button-submit3:hover{
    background-color:#1b1c20;
    color:#fff!important
}
.button-submit4{
    background-color:#e0dae0;
    color:#1b1c20!important
}
.button-submit4:hover{
    background-color:#1b1c20;
    color:#fff!important
}
.button-submit5{
    background-color:#f70503;
    color:#fff!important
}
.button-submit5:hover,.button-submit6{
    background-color:#dfe5ec;
    color:#1b1c20!important
}
.button-submit6:hover{
    background-color:#fff;
    color:#1b1c20!important
}
.button-submit-agree{
    margin:25px 0
}
.article,.article+div{
    margin:20px 0;
    max-width:100%
}
.news-list .date{
    color:#f70604;
    font-size:13px;
    margin:0 0 12px;
    font-weight:700
}
@media(max-width:1026px){
    .news-list .date{
        font-size:1.5rem
    }
}
.news-list .title{
    color:#1b1c20;
    font-size:16px;
    font-family:ProximaNovaBold;
    margin-bottom:10px
}
@media(max-width:1026px){
    .news-list .title{
        font-size:2.5rem
    }
}
.news-list .short-content{
    color:#1b1c20;
    font-size:14px;
    line-height:1.6
}
@media(max-width:1026px){
    .news-list .short-content{
        font-size:1.5rem
    }
}
a.read-more{
    color:#1b1c20;
    font-size:13px;
    margin-top:12px
}
@media(max-width:1026px){
    a.read-more{
        font-size:1.5rem;
        margin-top:2rem
    }
}
a.read-more i{
    background-color:#f70503;
    color:#fff;
    font-size:12px;
    line-height:9px;
    margin-right:8px;
    padding:4px 6px 5px;
    transition:all 1s ease
}
@media(max-width:1026px){
    a.read-more i{
        font-size:1.8rem;
        line-height:1.1;
        padding:6px 15px
    }
}
a.read-more:hover i{
    background-color:#dfe5ec;
    color:#1b1c20
}
.wrapcheckbox label.fleft.clearfix{
    cursor:pointer;
    display:block;
    font-size:14px;
    line-height:1.8
}
@media(max-width:1026px){
    .wrapcheckbox label.fleft.clearfix{
        font-size:15px;
        margin-bottom:10px
    }
}
.wrapcheckbox b{
    background:url(../images/layout/checkbox.png) left bottom no-repeat;
    cursor:pointer;
    display:block;
    margin:2px 8px 0 0;
    width:18px;
    height:18px;
    float:left;
    border:1px solid #1b1c20;
    border-radius:3px
}
.wrapcheckbox input[type=checkbox]:checked+lab el+p label.fleft b,.wrapcheckbox input[type=checkbox]:checked+p label.fleft b,.wrapcheckbox.block b{
    background-position:left top;
    width:20px;
    height:20px;
    border:0
}
.wrapradio label.fleft.clearfix{
    cursor:pointer;
    display:block;
    font-size:14px;
    line-height:1.8
}
.payment-method .payment-method-item{
    display:inline-block;
    vertical-align:middle
}
@media(max-width:1026px){
    .wrapradio label.fleft.clearfix{
        font-size:1.5rem;
        line-height:.8;
        margin-bottom:30px
    }
}
.wrapradio b{
    background:url(../images/layout/radio.png) left bottom no-repeat;
    cursor:pointer;
    display:block;
    margin:2px 8px 0 0;
    width:17px;
    height:17px;
    float:left
}
.wrapradio input[type=radio].checked+label+p label.fleft b,.wrapradio input[type=radio].checked+p label.fleft b,.wrapradio input[type=radio]:checked+label+p label.fleft b,.wrapradio input[type=radio]:checked+p label.fleft b,.wrapradio.block b{
    background-position:left top
}
.payment-method{
    padding:5px 0;
    border-bottom:1px solid #f2f2f2
}
.payment-method .wrapradio{
    margin-top:0!important
}
.payment-method p label{
    height:40px
}
.payment-method p label img{
    height:100%;
    margin-right:10px
}
.payment-method p label span{
    color:#717171;
    font-weight:700
}
.payment-method-radio{
    float:none!important;
    display:inline-block!important
}
.wrapradio p label.fleft span{
    line-height:1.6
}
label.error{
    color:red;
    display:inline-block;
    font-size:12px;
    left:0;
    padding:3px 0;
    z-index:1
}
@media(max-width:1026px){
    .wrapradio p label.fleft span{
        line-height:1
    }
    label.error{
        font-size:13px
    }
}
#breadcrumb{
    border-top:1px solid #b6c9d6;
    border-bottom:1px solid #b6c9d6;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:30px
}
.error,.success{
    padding:5px 15px
}
#breadcrumb a,#breadcrumb span{
    display:inline-block;
    color:#1b1c20
}
#breadcrumb a.active,#breadcrumb a:hover{
    color:#f70503
}
#breadcrumb span{
    font-size:16px;
    margin:0 5px
}
@media(max-width:1026px){
    #breadcrumb span{
        font-size:.7rem;
        margin:0 10px
    }
}
.error{
    font-size:14px
}
@media(max-width:1026px){
    .error{
        font-size:1.5rem
    }
}
.success{
    background-color:#effce8;
    border:1px solid #00620c;
    font-size:14px
}
@media(max-width:1026px){
    .success{
        font-size:1.5rem
    }
}
.alert_message{
    margin-top:15px;
    margin-right:20px;
    margin-bottom:0
}
.alert_message_reservation{
    margin-bottom:15px;
    margin-right:0;
    margin-top:0;
    background-color:#fff;
    border:0;
    font-size:14px;
    padding:2%;
    padding-top:40px!important;
    text-align:center
}
#banner{
    border-bottom:1px solid #dfe5ec
}
#outer-caption{
    padding:15px 0
}
.caption_banner .car_name{
    color:#1b1c20;
    font-size:40px;
    margin:0;
    line-height:1.2
}
.caption_banner .car_name strong{
    font-family:ProximaNovaBold;
    font-size:40px
}
@media(max-width:1026px){
    .caption_banner .car_name strong{
        font-size:1.5rem
    }
}
.caption_banner .spec{
    border-left:2px solid #dfe5ec;
    margin-left:3%;
    padding-left:3%
}
.caption_banner .spec p:first-child{
    margin-bottom:7px;
    margin-top:0
}
.caption_banner .spec p{
    color:#1b1c20;
    font-size:21px;
    line-height:1.2;
    margin-top:7px;
    margin-bottom:0
}
@media(max-width:1026px){
    .caption_banner .spec p{
        font-size:1.7rem
    }
}
.caption_banner .link{
    background-color:#dfe5ec;
    display:block;
    text-align:center;
    margin-left:1%;
    color:#1b1c20;
    padding:10px 25px;
    font-size:18px;
    margin-top:30px
}
.caption_banner .link:hover{
    background-color:#f70604;
    color:#fff
}
#cur-tag p,#num-tag,#num-tag a{
    color:#000
}
.wrapper-welcome{
    background-color:#dfe5ec;
    padding:25px 0
}
.wrapper-welcome .timeline-footer{
    display:none
}
.wrapper-welcome>div>div{
    display:block!important
}
@media(max-width:1026px){
    .caption_banner .link{
        font-size:1.7rem;
        float:none;
        margin-top:19px
    }
    .wrapper-welcome .wrap>*>div{
        padding-bottom:20px
    }
    #twitter-news{
        overflow:hidden
    }
}
@media(max-width:550px){
    .xs-4-1{
        width:25%!important
    }
    .xs-4{
        width:50%!important
    }
    .m-regis a{
        font-size:12px!important
    }
    .m-regis{
        width:90px!important;
        padding-top:4px!important
    }
}
@media(max-width:768px){
    #main-content #bg-gray>.container,#main-content #test-reservation>.container,#main-content>.container{
        padding-bottom:3rem
    }
    .wrapper-fo rm-reservation .label-reservation{
        padding-top:10px;
        padding-bottom:10px
    }
    .col-mregis{
        display:block!important
    }
    .regis{
        display:none
    }
    .img-regis{
        display:none
    }
    .m-regis{
        color:#fff;
        text-align:center;
        position:relative;
        right:-15px;
        font-size:12px;
        width:100%;
        padding-top:30px
    }
    .xs-4,.xs-4-1{
        width:33.33%
    }
    .caption_banner .spec{
        margin-left:0;
        padding-left:0;
        border-left:0;
        text-align:center;
        margin-top:10px
    }
    .caption_banner .car_name{
        text-align:center
    }
}
.wrapper-welcome #twitter-widget-0{
    height:100%!important;
     left: 0px;
}
#twitter-news{
    overflow:hidden
}
#home-welcome{
    background:url(../images/layout/alpard-banner.png) center no-repeat;
    background-size:cover
}
#home-welcome>div{
    padding:23px 13%
}
@media(max-width:1026px){
    #home-welcome>div{
        padding:60px 40px
    }
}
#home-welcome label,#home-welcome p,#home-welcome span{
    font-size:17px;
    line-height:1.5
}
#home-welcome h3{
    font-size:28px;
    margin-bottom:15px
}
@media(min-width:1027px){
    .wrapper-welcome .wrap>*{
        margin-left:1.3%
    }
    .wrapper-welcome .wrap>:first-child{
        margin-left:0
    }
    #home-news,#slider_homenews{
        background-color:#fff
    }
}
#home-news .wrapper-news-list{
    background-color:#fff;
    padding:20px 15px
}
@media(max-width:1026px){
    #home-news .wrapper-news-list{
        padding:25px 30px
    }
    #home-news #slider_homenews .slick-list.draggable{
        background-color:#fff
    }
}
#bg-gray{
    background-color:#dfe5ec
}
.career-list>img{
    margin-bottom:20px
}
.wrapper-client p{
    margin-top:10px
}
.wrapper-client-logo{
    background-color:#fff
}
.wrapper-client-logo img{
    min-height:100px;
    display:block
}
#wrapper-contact-us{
    background:url(../images/layout/bg-contact.jpg) center no-repeat;
    background-size:cover;
    padding:20px 0
}
#wrapper-contact-us>div>h2{
    margin-bottom:30px
}
.wrapper-input-contact{
    margin-bottom:25px
}
.wrapper-input-contact input[type=text]{
    background-color:rgba(255,255,255,.5);
    border:1px solid #fff;
    width:91%;
    padding:2% 6% 2% 3%;
    font-size:14px
}
.wrapper-input-contact textarea{
    background-color:rgba(255,255,255,.5);
    border:1px solid #fff;
    width:92%;
    padding:1.5% 6.5% 1.5% 1.5%;
    font-family:ProximaNova,Tahoma,Geneva,sans-serif;
    min-height:120px;
    resize:vertical;
    font-size:14px
}
@media(max-width:1026px){
    .wrapper-input-contact input[type=text],.wrapper-input-contact textarea{
        font-size:15px
    }
}
.wrapper-input-contact .button-submit{
    padding:10px 80px;
    display:inline-block
}
.wrapper-input-contact label.error{
    bottom:-21px;
    left:20px
}
#gcaptcha .rc-anchor-light{
    background:rgba(249,249,249,.5)!important
}
#register .form-popup .input-popup{
    padding:2% 12% 2% 3%;
    width:85%
}
#myaccount-menu{
    border:1px solid #1b1c20
}
#myaccount-menu h3{
    padding:3% 6%;
    background-color:#1b1c20;
    color:#fff;
    font-size:18px
}
@media(max-width:1026px){
    #myaccount-menu h3{
        font-size:3rem
    }
}
#myaccount-menu a{
    padding:5% 6%;
    display:block;
    background-color:#fff;
    color:#1b1c20;
    font-size:13px
}
#myaccount-menu a.active,#myaccount-menu a:hover,.wrapper-form-account>h3{
    background-color:#dfe5ec
}
@media(max-width:1026px){
    #myaccount-menu a{
        font-size:2rem;
        padding:4% 6%
    }
}
#myaccount .form-popup .input-popup{
    width:93%
}
#myaccount .upload{
    padding:0!important
}
#myaccount .input-text{
    width:90%!important;
    z-index:1
}
#myaccount .input-file{
    left:0;
    opacity:0;
    top:0;
    width:100%;
    z-index:2;
    padding:5px;
    cursor:pointer
}
#myaccount .input-button{
    top:0;
    z-index:3;
    right:-20px;
    padding:6px 25px
}
@media(max-width:1026px){
    #myaccount .input-button{
        padding:4px 25px
    }
    .wrapper-account select{
        height:41px
    }
    .wrapper-form-account{
        overflow:scroll
    }
    .wrapper-account label span.pembatas{
        float:none!important;
        margin-left:10px
    }
}
.wrapper-form-account{
    border:1px solid #dfe5ec;
    margin-bottom:20px
}
.wrapper-form-account>h3{
    padding:1% 3%
}
.wrapper-form-account>div,.wrapper-form-account>form{
    padding:3%
}
.wrapper-account{
    margin-bottom:10px
}
.wrapper-account .button-submit{
    display:inline-block
}
.wrapper-account p{
    padding:6px;
    border:1px solid #fff
}
.wrapper-account span.pabsolute{
    left:-9px;
    top:7px
}
.wrapper-account label.xl-1-5{
    padding:1% 0
}
.wrapper-account select{
    width:100%!important
}
.wrapper-account .wrapselect{
    width:103%!important
}
@media(max-width:1026px){
    .wrapper-account .wrapselect{
        height:41px
    }
    .wrapper-account input[type=password],.wrapper-account input[type=text],.wrapper-account select,.wrapper-account textarea{
        font-size:14px
    }
}
.w rapper-account input[type=password],.wrapper-account input[type=text],.wrapper-account select,.wrapper-account textarea{
    padding:1% .8%;
    width:101%
}
#current-news>i+i,#current-news>i:first-child{
    width:2rem;
    height:100%;
    top:0;
    background-color:#dfe5ec
}
.wrapper-account .update_profile input[type=text],.wrapper-account .update_profile textarea{
    display:none
}
.wrapper-account textarea{
    resize:vertical;
    min-height:60px
}
#current-news .news-list h1.title{
    font-size:28px
}
@media(max-width:1026px){
    #current-news{
        margin-bottom:30px;
        padding-bottom:30px!important
    }
    #current-news .news-list h1.title{
        font-size:3rem
    }
}
#current-news .news-list h3.date{
    font-size:18px
}
#current-news .news-list img{
    margin-bottom:20px
}
#current-news{
    background-color:#dfe5ec;
    padding-bottom:10rem;
    padding-top:3rem
}
@media(min-width:1027px){
    #current-news{
        min-height:730px
    }
}
#current-news>i:first-child{
    left:-63px
}
#current-news>i+i{
    right:-34px;
    display:none
}
#cur-tag,#num-tag:hover,#paging-news a:hover i{
    background-color:#f70503
}
#current-news>.prelative{
    z-index:2
}
@media(max-width:1026px){
    #current-news .news-list h3.date{
        font-size:2rem
    }
    #current-news>i+i{
        display:block
    }
    #current-news>.prelative{
        width:97%
    }
}
#cur-tag,#num-tag{
    height:30px;
    width:30px;
    line-height:2.2
}
#news-list{
    padding-bottom:3rem;
    padding-top:3rem
}
#news-list .news-list{
    margin-bottom:30px
}
#news-list .news-list .date{
    margin-bottom:5px
}
#cur-tag,#paging-news a i{
    border-radius:50%;
    text-align:center;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease
}
#num-tag:hover a{
    color:#fff
}
#cur-tag{
    color:#fff;
    transition:all 1s ease
}
.pagination-margin{
    margin:2px
}
#cur-tag p{
    line-height:2.2
}
#paging-news a i{
    background-color:#dfe5ec;
    color:#1b1c20;
    height:20px;
    line-height:1.4;
    width:20px;
    transition:all 1s ease
}
#paging-news a:hover i{
    color:#fff
}
.car-datas,.view-car{
    background-color:#fff
}
#paging-news .preview i{
    margin-right:6px
}
#paging-news .next i{
    margin-left:6px
}
#paging-news.padding-car div{
    display:inline-block
}
#paging-news .no-prev{
    margin-left:auto!important
}
#paging-news .preview{
    margin-right:30px
}
@media(max-width:1026px){
    #paging-news .no-prev{
        margin-left:0!important
    }
    #paging-news .preview{
        margin-right:0;
        font-size:14px!important
    }
}
#paging-news .no-next{
    margin-right:153px!important
}
@media(max-width:1026px){
    #paging-news .no-next{
        margin-right:240px!important
    }
}
#border-list-cars{
    border-color:#b6c9d6;
    border-style:solid;
    border-width:10px 0 0
}
.car-list{
    margin:15px 0
}
.car-datas{
    padding-top:17px
}
.car-datas h3{
    margin-bottom:5px;
    min-height:56px;
    padding:0
}
@media(max-width:1026px){
    #cur-tag,#num-tag,#paging-news a i{
        vertical-align:middle;
        position:relative
    }
    #paging-news a i{
        width:1.5rem;
        height:1.5rem;
        line-height:1.8
    }
    #cur-tag p,#num-tag a,#paging-news a i:before{
        position:absolute;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%,-50%);
        -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -o-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
    }
    #cur-tag,#num-tag{
        width:2.1rem;
        height:2.1rem;
        line-height:1.7
    }
    .car-datas h3{
        min-height:30px
    }
}
.car-datas h4{
    margin-bottom:10px
}
.car-datas .button-submit5{
    margin:0 auto 15px;
    width:75px
}
.car-datas>.clearfix>p{
    background-position:left center;
    background-repeat:no-repeat;
    padding:6px 0 6px 9%;
    min-height:18px
}
.car-datas>.clearfix.keterangan>p{
    border-top:1px solid #b6c9d6;
    border-bottom:1px solid #b6c9d6
}
.car-datas>.clearfix.keterangan>p.meter,.car-datas>.clearfix.keterangan>p.seat{
    border-left:1px solid #b6c9d6
}
@media(max-width:1026px){
    .car-datas .button-submit5{
        width:115px
    }
    .car-datas>.clearfix>p{
        font-size:1.1rem;
        padding:6px 0 6px 8%
    }
    .car-datas .clearfix.warnanya,.car-datas>.clearfix.keterangan{
        font-size:0
    }
    .car-datas>.clearfix.keterangan p{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding:6px 0 6px 11%;
        width:calc(100%/2)!important;
        display:inline-block;
        margin:0 0 2px
    }
    .car-datas>.clearfix>p.warna{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        width:calc(100%/2)!important;
        display:inline-block
    }
}
.car-datas>.clearfix>p.year{
    background-image:url(../images/layout/icon-car.jpg);
    padding-left:15%;
    width:33%
}
@media(max-width:1026px){
    .car-datas>.clearfix>p.year{
        width:21%
    }
}
.car-datas>.clearfix>p.meter{
    background-image:url(../images/layout/icon-meter.jpg);
    padding-left:15%;
    width:33%
}
@media(max-width:1026px){
    .car-datas>.clearfix>p.meter{
        width:18%
    }
}
.car-datas>.clearfix>p.gear{
    background-image:url(../images/layout/icon-gear.jpg);
    padding-left:15%;
    width:33%
}
@media(max-width:1026px){
    .car-datas>.clearfix>p.gear{
        width:13.3%
    }
}
.car-datas>.clearfix>p.seat{
    background-image:url(../images/layout/icon-seat.jpg);
    padding-left:15%;
    width:33%
}
@media(max-width:1026px){
    .car-datas>.clearfix>p.seat{
        width:15%
    }
}
.car-datas>.clearfix>p.gear,.car-datas>.clearfix>p.seat,.car-datas>.clearfix>p.warna{
    margin-top:1%
}
.car-datas>.clearfix>p.warna{
    margin-bottom:5%
}
.car-datas>.clearfix>p.warna:first-child{
    width:48%;
    background-color:#b6c9d6;
    position:relative;
    padding-left:0
}
.car-datas>.clearfix>p.warna:first-child:before{
    border-left:7px solid #b6c9d6;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    content:" ";
    right:-6px;
    margin-top:-7px;
    position:absolute;
    top:50%
}
@media(max-width:1026px){
    .car-list .padding-car:before{
        margin-right:-3px;
        display:none
    }
}
.car-list #paging-news a{
    display:inline-block
}
.car-list #paging-news a i{
    background-color:#fff
}
.car-list #paging-news a:hover i{
    background-color:#f70503
}
.car-list #paging-news span{
    font-size:19px;
    margin:0 10px
}
@media(max-width:1026px){
    .car-datas>.clearfix>p.warna:first-child{
        width:29.1%
    }
    .car-list #paging-news span{
        font-size:2.8rem;
        margin:0 1.5rem
    }
}
.car-list .ribbon{
    z-index:2;
    right:12px;
    top:17px;
    font-size:18px;
    padding:10px 35px 10px 15px;
    color:#fff;
    background-color:rgba(247,5,3,.7)
}
.car-list .ribbon:after{
    content:' ';
    position:absolute;
    width:0;
    height:0;
    left:-30px;
    top:0;
    border-width:21px 15px;
    border-style:solid;
    border-color:rgba(247,5,3,.7) rgba(247,5,3,.7) rgba(247,5,3,.7) transparent
}
@media(max-width:1026px){
    .car-list .ribbon{
        padding-top:14px;
        font-size:1.2rem;
        right:0
    }
    .car-list .ribbon:after{
        border-width:21px 15px
    }
}
.car-list .view-car span{
    width:87px;
    height:87px;
    background:url(../images/layout/icon-view.png) center no-repeat;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-11%;
    margin-top:-10%;
    opacity:0
}
.car-details{
    margin-bottom:2rem
}
.car-details>h2{
    background-color:#1b1c20;
    color:#fff
}
.car-details>h3{
    background-color:#b6c9d6;
    color:#1b1c20
}
.car-details>h2,.car-details>h3{
    padding:10px 25px
}
@media(max-width:1026px){
    .car-details>h2,.car-details>h3{
        padding:20px;
        font-size:20px
    }
}
.car-details>div{
    background-color:#fff;
    padding:25px;
    line-height:1.8
}
@media(max-width:1026px){
    .car-details>div{
        padding:20px
    }
}
.car-details>div>hr{
    border-width:1px 0 0;
    border-style:solid;
    border-color:#b6c9d6
}
.car-details>div p.detail.fleft,.car-details>div p.detail.fright{
    width:48%
}
.car-details>div p.detail{
    padding:10px 0
}
.car-reservation>div>.button-submit{
    margin-top:3rem
}
#bg-reservation{
    background:url(../images/layout/bg-reservation.jpg) center no-repeat;
    background-size:cover;
    left:0;
    width:48.5%;
    max-height:2465px;
    height:100%!important;
    top:0!important
}
@media(max-width:1026px){
    .car-details>div p.detail{
        padding:12px 0;
        font-size:2.6rem
    }
    #reservation-content,#wrapper-form-reservation{
        padding:1rem 1rem 30px
    }
    #reservation-content{
        background:url(../images/layout/bg-reservation.jpg) center no-repeat;
        background-size:cover
    }
    #wrapper-form-reservation label span.pembatas{
        float:none!important;
        margin-left:10px
    }
    #reservation-content img{
        max-width:100%!important;
        height:100%!important;
        margin:5px 0 0
    }
    #bg-reservation{
        display:none
    }
}
.wrapper-form-reservation{
    margin-bottom:15px
}
.wrapper-form-reservation .wrapselect select{
    padding:4px 5px
}
.wrapper-form-reservation .icon-calendar{
    font-size:25px;
    color:#dfe5ec;
    margin:0 4% 0 2%
}
#reservation_pick_up_time,.wrapper-form-reservation .calendar-time,.wrapper-form-reservation .input-text-reservation.input-calendar{
    width:26%
}
@media(max-width:1135px){
    .wrapper-form-reservation .calendar-time,.wrapper-form-reservation .input-text-reservation.input-calendar{
        width:24%
    }
}
@media(max-width:1129px){
    .wrapper-form-reservation .calendar-time,.wrapper-form-reservation .input-text-reservation.input-calendar{
        width:22%
    }
}
@media(min-width:1027px){
    .wrapper-form-reservation .calendar-time label.error{
        width:120%
    }
}
@media(max-width:1026px){
    .wrapper-form-reservation .wrapselect select{
        padding:10px
    }
    .wrapper-form-reservation.form-calendar>div>label.error{
        bottom:70px
    }
    .wrapper-form-reservation.form-calendar .fleft{
        width:93.5%;
        float:none
    }
    .wrapper-form-reservation.form-calendar>div>label{
        margin-top:20px
    }
}
.wrapper-form-reservation .input-text-reservation{
    padding:4px 5px;
    width:96.5%
}
@media(max-width:1026px){
    .wrapper-form-reservation .input-text-reservation{
        padding:10px;
        width:93.5%
    }
}
.wrapper-form-reservation input[disabled=disabled]{
    background-color:#f5f8fb!important
}
.wrapper-form-reservation textarea.input-text-reservation{
    min-height:25px
}
.wrapper-form-reservation #mapreservation{
    width:96.5%;
    height:180px;
    border:10px solid #eff2f5;
    margin-top:10px
}
.wrapper-form-reservation .label-reservation{
    margin-top:5px
}
#reservation_pick_up_time{
    margin-top:0
}
.wrapper-form-reservation .reservation-address{
    border:1px solid #dfe5ec;
    padding:15px
}
@media(max-width:1026px){
    .wrapper-form-reservation .reservation-address{
        padding:1rem
    }
}
.wrapper-form-reservation .wrapradio{
    margin-right:15px;
    margin-top:5px
}
.wrapper-form-reservation .loading_load{
    right:40px;
    top:8px;
    z-index:9;
    display:none;
    opacity:0
}
.rental-from-destination{
    font-size:16px;
    background-color:#dfe5ec;
    padding:10px
}
.total-pembayaran{
    font-size:16px;
    font-family:ProximaNovaBold;
    background-color:#dfe5ec;
    padding:10px
}
@media(max-width:1026px){
    .total-pembayaran{
        font-size:1.7rem;
        padding:10px 1rem
    }
    #carwash_carcare img,#pricelist img,#sembodo_kedai img{
        width:100%!important;
        height:100%!important
    }
    #pricelist p{
        margin-left:0!important
    }
}
#pricelist>div{
    margin-bottom:40px;
    margin-top:25px
}
.pricelist{
    width:100%;
    border-collapse:collapse
}
.pricelist a{
    color:#1b1c20
}
.pricelist a:hover{
    color:#f70503
}
.pricelist td{
    border:1px solid #1b1c20;
    padding:9px;
    border-color:#1b1c20!important
}
.pricelist td p{
    color:#1b1c20;
    font-size:13px
}
.pricelist thead tr:first-child td{
    border-style:solid solid solid none;
    border-width:1pt 1pt 1pt medium
}
.pricelist thead tr:first-child td:first-child{
    -moz-border-top-colors:none;
    -moz-border-right-colors:none;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    border-color:#1b1c20;
    border-style:solid;
    border-width:1pt
}
.pricelist thead tr+tr td.type1{
    border-left:medium none;
    border-right:medium none;
    border-top:medium none;
    border-bottom:1pt solid #1b1c20
}
.pricelist thead tr+tr td.type2,.pricelist thead tr+tr td.type3{
    border-right:1pt solid #1b1c20;
    border-top:medium none;
    border-bottom:1pt solid #1b1c20
}
.pricelist thead tr+tr td.type2{
    border-left:1pt solid #1b1c20
}
.pricelist thead tr+tr td.type3{
    border-left:medium none
}
.pricelist thead tr.type td{
    border-style:none solid solid none;
    border-width:medium 1pt 1pt medium
}
.pricelist tbody td.price,.pricelist tbody tr:first-child td{
    border-right:1pt solid #1b1c20;
    border-top:medium none;
    border-bottom:1pt solid #1b1c20
}
.pricelist thead td{
    background-color:#b6c9d6
}
.pricelist thead td p{
    font-size:16px;
    font-family:ProximaNovaBold
}
.pricelist tbody tr:first-child td{
    border-left:1pt solid #1b1c20
}
.pricelist tbody tr td.bg1,.pricelist tbody tr.bg1 td{
    background-color:#dfe5ec
}
.pricelist tbody tr td.bg2,.pricelist tbody tr.bg2 td{
    background-color:#fff
}
.pricelist tbody td.price{
    border-left:medium none;
    text-align:right
}
.button-car,.coming_soon,.gallery_content,.headline{
    text-align:center
}
.pricelist tbody tr.head td{
    background-color:#c9d6df
}
.pricelist.pricepacket{
    width:33.33%
}
.pricelist.pricepacket+.pricepacket tr td:first-child{
    border-left:none
}
#term_service>div{
    margin:0 auto;
    width:85%;
    padding:50px 0 30px
}
.category_gallery{
    margin-bottom:40px
}
.category_gallery h3{
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
.category_gallery:hover h3{
    color:#f70503
}
.category_gallery .xl-gutter-40{
    margin:0!important
}
label span.pembatas{
    margin-right:10px
}
.gallery_content{
    position:relative;
    overflow:hidden;
    cursor:pointer
}
.gallery_content img{
    position:relative;
    display:block;
    opacity:.9!important;
    -webkit-transition:opacity .35s
}
.gallery_content .gallery-caption{
    color:#fff;
    text-transform:uppercase;
    font-size:1.25em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.gallery_content .gallery-caption:after,.gallery_content .gallery-caption:before{
    pointer-events:none
}
.gallery_content p{
    font-size:1em!important;
    letter-spacing:1px;
    margin-bottom:0;
    margin-top:-4%;
    padding:0 8%;
    position:absolute;
    top:50%;
    width:70%
}
.gallery_content:hover .gallery-caption{
    -webkit-transition:background-color .35s;
    transition:background-color .35s;
    background-color:rgba(58,52,42,0)
}
.gallery_content .gallery-caption:before{
    position:absolute;
    top:20px;
    right:60px;
    bottom:20px;
    left:40px;
    border:1px solid #fff;
    content:''
}
.gallery_content .gallery-caption:before,.gallery_content p{
    opacity:0;
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,transform .35s;
    -webkit-transform:scale(0);
    transform:scale(0)
}
.gallery_content:hover .gallery-caption:before,.gallery_content:hover p{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.gallery_content:hover img{
    opacity:.4!important
}
.ui-timepicker-wrapper.ui-timepicker-positioned-top{
    height:150px!important;
    overflow-y:scroll!important;
    overflow-x:hidden!important
}
.ui-timepicker-wrapper.ui-timepicker-positioned-top .ui-timepicker-list{
    overflow:hidden!important
}
.form_submit_reservation{
    margin-top:25px
}
.submit_reservation{
    width:100%;
    padding:15px 0
}
.button-car{
    display:block
}
.button-car form{
    display:inline-block
}
.button-car a,.button-car button{
    border:0;
    box-sizing:content-box;
    display:inline-block;
    height:20px;
    line-height:20px;
    margin-left:10px!important;
    margin-right:10px!important;
    padding:10px 30px;
    vertical-align:top
}
.gohide{
    display:none!important
}
.npwp{
    margin-right:30%
}
.headline{
    width:100%
}
@media(max-width:1026px){
    .npwp{
        width:100%;
        margin:10px auto!important
    }
}
.service-content div p img{
    max-width:100%;
    height:auto
}
@media(max-width:479px){
    .wrapper-input-contact .button-submit{
        padding:10px 53px!important
    }
    #at-image-sharing-mobile-icons{
        display:none
    }
}
.icon-move-up{
    -webkit-transition:all .3s!important;
    transition:all .3s!important
}
.icon-move-up:hover{
    margin-top:-4px;
    -webkit-transition:all .3s!important;
    transition:all .3s!important
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){
    #footer-socmed{
        font-size:0;
        padding-right:0
    }
    #footer-socmed>div{
        padding:0;
        width:calc(100%/7)
    }
    .wrapper-socmed a label{
        font-size:2rem
    }
    #footer-contact .footer_address,#footer-contact .footer_bb_pin,#footer-contact .footer_mobile_phone,#footer-contact .footer_phone{
        width:50%
    }
    #footer-contact>div>div{
        text-align:center
    }
    #footer-contact .footer_address h3,#footer-contact .footer_bb_pin h3,#footer-contact .footer_phone h3{
        background-position:128px center
    }
    #footer-contact .footer_email h3{
        background-position:46% center
    }
    #footer-contact .footer_mobile_phone h3{
        background-position:93px center
    }
    .reserve-footer{
        min-height:100%!important
    }
    .reserve-footer:nth-child(1),.reserve-footer:nth-child(3){
        width:30%;
        font-size:19px
    }
    .reserve-footer:nth-child(2),.reserve-footer:nth-child(4){
        width:66%
    }
    .reserve-footer input,.reserve-footer:nth-child(5){
        width:100%
    }
    .title-reserve-footer{
        font-size:24px!important;
        margin-left:-10px;
        margin-bottom:12px
    }
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
    #footer-socmed>div{
        padding:0;
        width:calc(100%/7)
    }
    #footer-socmed{
        font-size:0;
        padding-right:0
    }
    #footer-contact>div>div{
        text-align:center
    }
    #footer-contact .footer_address h3,#footer-contact .footer_bb_pin h3,#footer-contact .footer_phone h3{
        background-position:188px center
    }
    #footer-contact .footer_email h3{
        background-position:46% center
    }
    #footer-contact .footer_mobile_phone h3{
        background-position:150px center
    }
    .reserve-footer{
        min-height:100%!important
    }
    .reserve-footer:nth-child(1),.reserve-footer:nth-child(3){
        width:30%;
        font-size:19px
    }
    .reserve-footer:nth-child(2),.reserve-footer:nth-child(4){
        width:66%
    }
    .reserve-footer input,.reserve-footer:nth-child(5){
        width:100%
    }
    .title-reserve-footer{
        font-size:24px!important;
        margin-left:-10px;
        margin-bottom:12px
    }
}
ul#men u-top li{
    position:relative
}
ul#menu-top li:hover ul.submenu{
    opacity:1;
    visibility:visible
}
ul.submenu{
    position:absolute;
    background:#140001;
    left:0;
    margin:0;
    padding:15px 0;
    opacity:0;
    min-width:180px;
    visibility:hidden;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
ul.submenu li{
    float:none!important
}
#mini-top ul ul.submenu{
    position:relative;
    opacity:1;
    display:none;
    visibility:visible;
    background:0;
    padding-bottom:0
}
#mini-top ul ul.submenu li a{
    padding-top:0;
    padding-bottom:0;
    font-size:11px!important;
    margin-bottom:20px
}
.menu-top ul li #search input.search-open{
    width:250px
}
.menu-top ul li #search .btn-search{
    position:absolute;
    top:0;
    right:0;
    z-index:90;
    line-height:inherit;
    display:block;
    padding:10px 15px;
    background-color:#ffe423;
    border-color:#ffe423;
    border-radius:0
}
.icon-move-up .fa-whatsapp{
    font-size:30px!important
}
.right{
    float:right
}
.add-wa-class{
    padding-left:7px!important;
    background-color:#4dc247;
    padding-right:7px!important
}
.socmed-whatsapp-1{
    background-color:#4b9e47
}
.socmed-whatsapp-1:hover{
    opacity:.7
}
.socmed-whatsapp-1 label{
    font-size:25px!important
}
.socmed-whatsapp-1 span{
    padding:13px 0 10px 10px!important
}
.coming_soon{
    margin:50px 0;
    font-weight:700
}
.btn-facebook,.btn-google,.btn-twitter{
    border:0;
    text-align:left;
    cursor:pointer
}
label#captcha-error{
    left:55px;
    bottom:-22px
}
@media(min-width:800px) and (max-width:1100px){
    #footer-contact .footer_email h3{
        background-position:43% center
    }
    #footer-contact .footer_address h3{
        background-position:192px center
    }
    #footer-contact .footer_mobile_phone h3{
        background-position:155px center
    }
}
@media(min-width:760px) and (max-width:800px){
    #footer-contact .footer_email h3{
        background-position:39% center
    }
    #footer-contact .footer_address h3,#footer-contact .footer_phone h3{
        background-position:37% center
    }
    #footer-contact .footer_mobile_phone h3{
        background-position:26% center
    }
    #footer-contact .sm-1-1{
        width:50%
    }
}
@media(max-width:1024px){
    .socmed-whatsapp-1 .fa-whatsapp{
        width:10%!important
    }
    .socmed-whatsapp-1 span{
        width:auto!important;
        padding:7px!important
    }
    .socmed-whatsapp-1 label{
        font-size:20px!important
    }
}
.btn-google{
    background:#dd4b39;
    color:#fff;
    width:100%
}
.btn-facebook:hover,.btn-google:hover,.btn-twitter:hover{
    opacity:.8;
    transition:.9s
}
.btn-google label{
    width:14%;
    font-size:20px;
    padding:7px 0;
    background-color:#f16d5d;
    color:pointer
}
.btn-facebook span,.btn-google span,.btn-twitter span{
    color:#fff;
    font-size:14px;
    padding:6px 0 6px 7px;
    cursor:pointer;
    vertical-align:text-bottom
}
div.div-facebook,div.div-google,div.div-twitter{
    margin-top:10px
}
.btn-twitter{
    background:#039fcf;
    color:#fff;
    width:100%
}
.btn-twitter label{
    width:14%;
    font-size:20px;
    padding:7px 0;
    background-color:#29c5f6;
    color:pointer
}
.btn-facebook{
    background:#153372;
    color:#fff;
    width:100%
}
.btn-facebook label{
    width:14%;
    font-size:20px;
    padding:7px 0;
    background-color:#3b5997;
    color:pointer
}
#other{
    padding-bottom:5px
}
.span.block.fright.npwp{
    margin-right:30%!important
}
.reserve-footer{
    padding:12px 0;
    font-size:14px;
    color:#e0dae0;
    position:relative;
    float:left;
    min-height:60px
}
.title-reserve-footer{
    color:#fff;
    font-size:18px;
    font-weight:700
}
.input-footer{
    padding-left:38px;
    height:32px;
    border:1px solid #dfe5ec!important
}
.btn-reserve-footer{
    border:0;
    color:#e0dae0;
    background-color:#1b1c20;
    padding:3px 40px;
    height:35px;
    cursor:pointer;
    width:100%
}
.icon-footer{
    position:absolute;
    left:5%;
    color:#dfe5ec;
    margin:7px auto
}
.footer-additional{
    color:#f70503!important;
    padding-left:4px
}
.footer-additional:hover{
    opacity:.6
}
.mobile-view{
    display:none
}
.web-view{
    display:inline-block
}
@media screen and (max-width:375px){
    .footer-additional{
        padding-left:47px
    }
    .web-view{
        display:none
    }
    .mobile-view{
        display:block
    }
    .info-email-mobile{
        display:block;
        margin-bottom:0;
        padding-left:47px;
        margin-top:-42px
    }
}
@media screen and (max-width:1024px){
    .icon-footer{
        left:1%
    }
    .reservation-head{
        margin-top:86px!important;
        height:unset!important
    }
    .tabcontent-head{
        background:0 0!important;
        width:100%;
        height:unset!important;
        position:unset!important;
        bottom:unset!important
    }
    .wrap-tabcontent{
        background:red;
        position:unset!imp ortant;
        left:unset!important;
        transform:unset!important;
        width:100%!important
    }
}
.reservation-head{
    margin-top:100px;
    height:110px;
    position:relative
}
.tabcontent-head{
    background:red;
    width:100%;
    height:83px;
    position:absolute;
    bottom:0
}
@media screen and (max-width:440px){
    .reservation-head{
        margin-top:84px!important;
        height:unset
    }
    .tabcontent-head{
        background:0;
        width:100%;
        height:unset;
        position:unset;
        bottom:unset
    }
    .wrap-tabcontent{
        position:unset!important;
        left:unset!important;
        transform:unset!important;
        width:100%!important
    }
    .input-footer.input-text-reservation{
        width:100%
    }
    .input-footer-select,.reserve-footer{
        width:100%!important
    }
    .reserve-footer{
        padding:0 0 12px!important;
        font-size:15px;
        min-height:0
    }
    .title-reserve-footer{
        color:#fff;
        font-size:18px;
        font-weight:700;
        margin-left:-8px
    }
    .btn-reserve-footer{
        width:50%!important
    }
    .ml0-xs{
        margin-left:0!important
    }
}
.btn-red{
    font-size:16px;
    background-image:none;
    border:0;
    background-color:red;
    border-radius:4px;
    color:#fff;
    padding:8px 28px;
    transition:all .4s
}
.btn-red:active,.btn-red:focus,.btn-red:hover{
    background-color:rgba(255,0,0,.76)
}
.btn-red.btn-block{
    width:100%
}
.reservation-head{
    background-color:#fff;
    border-bottom:1px solid red
}
.reservation-head .form-reservation-head{
    padding-top:30px
}
.reservation-head .form-reservation-head .form-group{
    position:relative
}
.reservation-head .form-reservation-head .border-left{
    background-color:#c2c2c2;
    width:1px;
    height:60px;
    position:absolute;
    top:-26%;
    right:-12px;
    z-index:2
}
.reservation-head .form-reservation-head input{
    background-image:url(icon-chevron-bottom.png);
    background-repeat:no-repeat;
    background-position:90% 17px;
    background-size:12px;
    width:100%;
    height:40px;
    border:0;
    padding-left:30px;
    padding-right:30px;
    display:block;
    box-shadow:none;
    outline:0;
    position:relative;
    font-size:16px
}
.reservation-head span.calendar{
    background:url(icon-calendar.png) no-repeat;
    background-size:contain;
    width:18px;
    height:18px;
    position:absolute;
    top:10px;
    left:0;
    z-index:1
}
.reservation-head span.destination{
    background:url(icon-destination.png) no-repeat;
    background-size:contain;
    width:20px;
    height:20px;
    position:absolute;
    top:8px;
    left:0;
    z-index:1
}
.dropdown.bootstrap-select.select-dropdown .btn-default{
    background-color:#fff;
    border:1px solid #fff;
    box-shadow:none!important;
    outline:0!important
}
.dropdown.bootstrap-select.select-dropdown .btn-default{
    width:100%;
    padding-left:30px
}
.dropdown.bootstrap-select.select-dropdown .btn-default:active,.dropdown.bootstrap-select.select-dropdown .btn-default:focus,.dropdown.bootstrap-select.select-dropdown .btn-default:hover{
    box-shadow:none!important;
    outline:0!important
}
.dropdown.bootstrap-select.select-dropdown .filter-option-inner-inner{
    font-size:16px
}
.bootstrap-select .dropdown-toggle .caret{
    display:inline-block;
    width:0;
    height:0;
    margin-left:0;
    vertical-align:middle;
    border-top:0;
    border-top:0;
    border-right:0;
    border-left:none
}
.bootstrap-select .dropdown-toggle .caret::before{
    content:'';
    background:url(icon-chevron-bottom.png) no-repeat;
    background-size:contain;
    width:12px;
    height:12px;
    position:absolute;
    right:-10px
}
.reservation-head .form-reservation-head .form-group.destiantion .btn-default{
    padding-left:30px;
    margin-top:3px
}
.reservation-head .form-reservation-head .form-group.destiantion .dropdown-menu .bs-searchbox input{
    background:0;
    border:1px solid #000;
    padding-left:15px;
    padding-right:15px
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:100%!important
}
.reservation-head .dropdown-menu{
    background-color:#fff;
    box-shadow:none;
    padding:0
}
.reservation-head .dropdown-menu.open{
    min-width:100%!important
}
.reservation-head .form-reservation-head .form-group.services .dropdown-menu.open{
    margin:34px 0 0
}
.reservation-head .form-reservation-head .form-group.destiantion .dropdown-menu.open{
    margin:32px 0 0
}
.reservation-head .dropdown-menu.inner a{
    padding:12px 22px
}
.reservation-head .dropdown-menu.inner a span{
    color:#000
}
.reservation-head .dropdown-menu.inner a:hover span{
    color:red
}
.reservation-head .dropdown-menu>li{
    margin-bottom:0
}
.reservation-head .dropdown-menu>li>a{
    transition:all .4s
}
.dropdown-menu>li>a:focus,.reservation-head .dropdown-menu>li>a:hover{
    background-color:#f1f1f1
}
.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.reservation-head .dropdown-menu>.active>a{
    background-color:#f1f1f1
}
.ui-widget-content{
    background:url(../images/ui-themes/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x #f5f8fa!important
}
.ui-widget-header{
    background:url(../images/ui-themes/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x #020000!important
}
.ui-state-default,.ui-widget-content .ui-state-default{
    background:url(../images/ui-themes/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x #020000!important
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight{
    background:url(../images/ui-themes/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x #eee!important
}
@media(max-width:768px){
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
        width:100%!important
    }
    .reservation-head span.calendar{
        left:5px
    }
    .reservation-head .form-reservation-head .form-group.calendar input{
        background-position:99% 17px
    }
    .reservation-head .dropdown-menu.open{
        width:100%!important
    }
    .reservation-head .form-reservation-head .form-group.services .dropdown-menu.open{
        margin:0
    }
    .reservation-head .form-reservation-head .form-group.destiantion .dropdown-menu.open{
        margin:0
    }
    .reservation-head .form-reservation-head{
        padding:0
    }
}
@media(min-width:600px){
    .reservation-head .form-reservation-head .form-group.calendar input{
        background-position:98% 17px
    }
}
 .car-details .clearfix{
    padding: 0 0px;
}
 .car-details hr{
     margin-top: 4px;
    margin-bottom: 4px;
}
 
table thead.stuck{
    position: fixed;
    top: 93px;
    margin: auto;
}