@font-face{font-family:"UbuntuRegular";src:url("../font/Ubuntu-R.eot") format("eot"),url("../font/Ubuntu.woff") format("woff"),url("../font/Ubuntu.ttf") format("truetype"),url("../font/Ubuntu.svg") format("svg");}@font-face{font-family:"UbuntuBold";src:url("../font/Ubuntu-B.eot") format("eot"),url("../font/Ubuntu-Bold.woff") format("woff"),url("../font/Ubuntu-Bold.ttf") format("truetype"),url("../font/Ubuntu-Bold.svg") format("svg");}.tabmenu{width:100%;height:60px;background-color:#aaa;}.tabmenu .item{width:50%;height:100%;float:left;font-size:24px;font-family:UbuntuBold;text-align:center;background-color:#ededed;color:#868686;padding-top:11px;cursor:pointer;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}.content-placeholder .t1 h2{color:#2e2e2e!important;}.tabmenu .active,.tabmenu .item:hover{color:#ffffff;background-color:#df0e2c;}.hovable{transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}.hovable:hover{opacity:1;background-size:0% 329px!important;background-position:left 0px top 0px!important;}.banner-container{width:100%;height:650px;z-index:12;position:relative;margin:0px auto;}.image-car{position:absolute;width:625px;right:0px;top:300px;opacity:1;z-index:3;transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}.btn-furthermore{position:absolute;left:50%;margin-left:-105px;top:230px;z-index:20;cursor:pointer;}.content-third{width:33.333%;height:100%;float:left;position:relative;overflow:hidden;}.car-1,.car-2,.car-3{position:absolute;top:300px;}.bg-1,.bg-2,.bg-3{width:100%;height:100%;background-position:center;background-size:100%;background-repeat:no-repeat;background-position:top 0px left 0px;}.btn-furthermore:hover{opacity:0.6;}.cardisplay-container{padding-top:12px;}.description-left{width:340px;float:left;margin-left:26px;}.description-right{width:340px;float:right;margin-left:26px;}.car-content{position:relative;height:620px;}.banner-ayla-responsive{display:none;}.cardisplay-container h1{font-size:60px;font-family:'UbuntuBold';text-align:center;}.cardisplay-container .description-left{position:absolute;left:0px;top:0px;z-index:10;}.cardisplay-container .description-right{position:absolute;right:0px;top:0px;z-index:10;}.cardisplay-container .behind-placeholder{position:absolute;width:100%;height:500px;z-index:9;}.cardisplay-container .behind-placeholder #car-center{width:800px;height:500px;margin:0px auto;}.cardisplay-container .item{width:340px;clear:both;display:table;margin-bottom:20px;}.cardisplay-container .item .leftside{display:table;float:left;width:270px;text-align:right;padding-right:14px;opacity:0;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}.cardisplay-container .item .shows{opacity:1!important;}.cardisplay-container .item .leftside .title{font-family:UbuntuBold;font-size:25px;display:table-cell;float:right;}.cardisplay-container .item .leftside .title a{color:#df0e2c!important;}.cardisplay-container .item .leftside .desc{font-family:UbuntuRegular;font-size:16px;display:table-cell;float:left;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;opacity:0.5;}.cardisplay-container .item .leftside .desc:hover{opacity:1;}.cardisplay-container .description-left .item .icon,.cardisplay-container .description-right .item .icon{float:right;display:table-cell;width:70px;height:150px;vertical-align:middle;padding-top:51px;opacity:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}.button-explore-more{text-transform:uppercase;}.cardisplay-container .description-right .item .icon,.cardisplay-container .description-right .item .leftside .title{float:left;}.cardisplay-container .description-right .item .leftside{text-align:left!important;}.button-container-banner{font-family:UbuntuBold;height:50px;text-align:center;color:#fff;font-size:18px;width:508px;margin:85px auto 1px;}.button-container-banner{margin:80px auto 1px;}.button-container-banner div{width:250px;height:100%;float:left;cursor:pointer;padding-top:11px;border-radius:24px;}.button-container-banner .button-blue{background-color:#92278f;}.button-container-banner .button-cyan{background-color:#30a9f3;margin-left:5px;}.button-explore-more{padding:11px;background-color:#df0e2c;text-align:center;font-family:UbuntuRegular;color:#fff;width:192px;font-size:16px;border-radius:19px;position:absolute;left:50%;margin-left:-96px;z-index:11;bottom:53px;cursor:pointer;}.button-explore-more:hover{opacity:0.8;}.content-navigation{position:absolute;z-index:12;width:110px;clear:both;display:table;right:400px;top:50px;}.content-navigation .rounded-left,.content-navigation .rounded-right{float:left;margin-right:5px;width:50px;height:50px;border-radius:25px;background-color:#535353;color:#fff;font-size:29px;text-align:center;line-height:1.7;cursor:pointer;}.content-navigation .rounded-left:hover,.content-navigation .rounded-right:hover{background-color:#df0e2c;}.content-navigation .rounded-left{}.content-navigation .rounded-right{}.content-placeholder{width:992px;margin:0px auto;}.content-placeholder .header{padding-top:70px;}.content-placeholder .header h2{line-height:1.2;font-family:UbuntuBold;font-size:38px;color:#df0e2c;}.content-placeholder .header h5{font-family:UbuntuRegular;font-size:18px;color:#2e2e2e;line-height: 1.5;}.content-placeholder h3{font-family:UbuntuBold;font-size:30px;color:#274292;}.content-placeholder .form-container{display:table;clear:both;width:100%;}.content-placeholder .form-container .left-side{width:50%;float:left;}.content-placeholder .form-container .right-side{width:50%;float:left;}.content-placeholder .form-container .form-item label{font-family:UbuntuRegular;font-size:24px;margin:11px 0px;}.content-placeholder .form-container .form-item input[type=text],.content-placeholder .form-container .form-item textarea,.content-placeholder .form-container .form-item select{font-family:UbuntuRegular;font-size:17px;width:100%;border:1px #bbb solid;padding:9px 20px;}.content-placeholder .form-container .form-item input[type=number],.content-placeholder .form-container .form-item textarea,.content-placeholder .form-container .form-item select{font-family:UbuntuRegular;font-size:17px;width:100%;border:1px #bbb solid;padding:9px 20px;}.content-placeholder .form-container .form-item input[type=email],.content-placeholder .form-container .form-item textarea{font-family:UbuntuRegular;font-size:17px;width:100%;border:1px #bbb solid;padding:9px 20px;}.content-placeholder .form-container .form-item .button-submit{background-color:#e01e2e;color:#fff;border:none;width:200px;padding:12px 0px;text-transform:uppercase;font-size:19px;border-radius:32px;font-family:UbuntuRegular;}.content-placeholder .form-container .form-item{width:440px;margin-top:24px;}.content-placeholder .form-container .form-item h5{font-family:UbuntuRegular;font-size:24px;color:#999999;text-align:center;}.content-placeholder .form-container .footer-text{float:left;width:100%;padding-top:45px;}.bottom-content{display:table;width:100%;    padding-top: 50px;}.bottom-content .footer-text{padding:20px 0px 30px;}.bottom-content .footer-text h3{font-family:UbuntuBold;font-size:50px;text-align:center;}.bottom-content .footer-text h4{font-family:UbuntuRegular;font-size:18px;text-align:center;color:#999999;margin:20px 0px;}.bottom-content .footer-points{float:left;width:100%;padding:50px 0px;background-color:#f5f5f5;}.bottom-content .footer-points .responsive-el{width:992px;margin:0px auto;display:table;}.bottom-content .footer-points .responsive-el .items{width:25%;float:left;text-align:center;}.bottom-content .footer-points .responsive-el .items h3{font-family:UbuntuBold;font-size:24px;color:#2e2e2e;text-align:center;}.bottom-content .footer-points .responsive-el .items h5{line-height:1.4;font-family:UbuntuRegular;font-size:14px;color:#999999;text-align:center;}.theme-green .back-bar{height:15px!important;}.theme-green .back-bar .pointer{width:40px!important;height:40px!important;top:-13px!important;border-radius:20px!important;border:none!important;background-color:#df0e2c!important;background-image:none!important;}.theme-green .back-bar .selected-bar{background:none!important;}.slider-container .scale ins{font-size:17px;top:14px;}.car-start{right:0px;top:300px;width:133px;opacity:0;}.banner-container{width:100%;position:relative;}.banner-container .banner-background{width:100%;position:relative;}.banner-container .berkah-kopiyah{position:absolute;left:102px;z-index:4;width:200px;top:-300px;}.active .berkah-kopiyah{top:84px;}.active .kopiyah-miring{transform:rotate(24deg);left:138px;}.birdies{position:absolute;left:4%;top:0%;width:22%;height:88%;}.burung-oranye-1{position:absolute;z-index:1;right:11px;top:44px;}.moved .burung-oranye-1{right:29px;top:60px;}.burung-putih-1{position:absolute;z-index:1;left:62px;top:75px;}.moved .burung-putih-1{top:110px;left:56px;}.burung-oranye-2{position:absolute;z-index:1;right:6px;bottom:74px;}.moved .burung-oranye-2{bottom:90px;right:18px;}.burung-putih-2{position:absolute;z-index:1;right:19px;bottom:24px;}.moved .burung-putih-2{right:-14px;bottom:30px;}.burung-putih-3{position:absolute;z-index:1;right:-25px;bottom:59px;}.moved .burung-putih-3{bottom:89px;right:-40px;}@media(max-width: 1365px)
{
    .banner-container .berkah-kopiyah
    {
        width: 13%;
        left: 8%;
        top: 14%;
    }
    .active .kopiyah-miring
    {
        left: 11%;
    }
}

#carouselWarna .item{
    padding: 10px 50px 0px;
}

@media(max-width: 1365px)
{
    .banner-ayla-responsive
    {
        width: 100%;
        display: block;
    }
    .banner-image
    {
        display: none;
    }
}

@media(max-width: 1200px)
{
    .cardisplay-container .item .leftside .desc
    {
        font-size: 15px;
    }
    .cardisplay-container .item .leftside
    {
        width: 200px;
    }
    .cardisplay-container .description-left .item .icon, .cardisplay-container .description-right .item .icon
    {
        float: left;
    }
    .cardisplay-container .item
    {
        width: 275px;
    }
    .description-right
    {
        float:right;
    }
    .cardisplay-container .behind-placeholder #car-center
    {
        /* width: 646px; */
        width: 525px;
        margin:50px auto;
    }
    .cardisplay-container .description-right  .item
    {
        float: right;
    }
    .tabmenu .item
    {
        font-size: 15px !important;
        padding-top: 20px !important;
    }
}
@media(max-width: 1024px){
    .cardisplay-container 
    {
        padding-top: 0px;
    }
}
@media(max-width: 992px)
{
    .cardisplay-container .description-left
    {
        bottom: 86px;
        top: unset;
        width: 45%;
    }

    .cardisplay-container .item
    {
        width: 275px;
        float: right;
    }
    .cardisplay-container .item .leftside
    {
        float: right;
    }
    .cardisplay-container .description-left .item .icon, .cardisplay-container .description-right .item .icon
    {
        float: right;
    }
    .cardisplay-container .description-right
    {
        bottom: 87px;
        top: unset;
        width: 45%;
    }
    .cardisplay-container .item .leftside .title
    {
        line-height: 1;
    }
    .cardisplay-container .item .leftside .desc
    {
        line-height: 1.3;
    }
    .cardisplay-container .description-right  .item
    {
        float: left;
    }
    .cardisplay-container .description-right .item .leftside
    {
        float: left;
    }
    .car-content
    {
        /* height: 970px; */
        height: 1080px;
    }
    .content-placeholder
    {
        width: 100% !important;
        padding: 0px 30px;
    }
    .content-placeholder .form-container .form-item
    {

        width: 97% !important;
    }
    .bottom-content .footer-points .responsive-el
    {
        width: 100% !important;
    }
    .bottom-content .footer-text
    {
        padding: 20px !important;
    }
}
@media(max-width: 768px)
{
    .button-container-banner .button-cyan
    {
        background-color: #30a9f3;
        margin-left:auto;
    }
    .button-container-banner
    {
        margin: 20px auto 1px;
    }
    .cardisplay-container .behind-placeholder #car-center
    {
        width: 100%;
    }
    .banner-page
    {
        width: 100%;
        height: 250px;
        background-position: center;
        background-size: 1300px;
    }
    .banner-page img
    {
        display: none;
    }
    .content-placeholder .form-container .left-side, .content-placeholder .form-container .right-side
    {
        width: 100% !important;
    }
    .left-side .button-submit
    {
        display: none;
    }
    .content-placeholder .form-container label
    {
        width: 100%;
    }
    .content-placeholder .form-container .right-side .button-submit
    {
        display: block !important;
        margin: 0px auto;
    }
    .bottom-content .footer-points .responsive-el .items
    {
        width: 100% !important;
        margin-bottom: 20px;
        padding: 20px;
    }
    .bottom-content .footer-points .responsive-el .items br
    {
        display: none;
    }
    .bottom-content .footer-text h3
    {
        font-size: 35px !important;
    }
    .content-placeholder .form-container .form-item label
    {
        font-size: 18px !important;
    }
    .bottom-content
    {
        padding-top: 20px;
    }
    .tabmenu .item
    {
        width: 100% !important;
    }
    .button-container-banner
    {
        width: 100%;
        padding: 10px;
        height: 170px;
    }
    .button-container-banner div
    {
        height: 49px;
        margin: 5px auto;
        width: 291px;
        float:none;
    }
    /* .button-container-banner .button-cyan
    {
            margin-left: 0px;
    } */
}
@media(max-width: 600px)
{
    .cardisplay-container .description-left .item .icon, .cardisplay-container .description-right .item .icon
    {
        display: none;
    }
    .cardisplay-container .item .leftside
    {
        width: 100%;
        height: 178px;
    }
    .cardisplay-container h1
    {
        font-size: 30px;
    }
    .cardisplay-container .item
    {
        width: 100%;
    }
    .car-content
    {
        height: 783px;
    }
    .banner-page
    {
        /* background-size: 670px; */
        background-size: contain;
        background-repeat: no-repeat;
        height: 90px;
        /* margin-top: 88px; */
        /* height: 127px; */
    }
    .icon-car
    {
        width: 100%;
    }
    .content-placeholder
    {
        padding: 30px 15px;
    }
    .content-placeholder .header h2
    {
        font-size: 28px !important;
    }
    .content-placeholder .form-container .form-item input[type="text"], .content-placeholder .form-container .form-item textarea
    {
        font-size: 16px !important;
    }
    .content-placeholder .form-container .form-item input[type="number"], .content-placeholder .form-container .form-item textarea
    {
        font-size: 16px !important;
    }
    .content-placeholder .form-container .form-item input[type="email"], .content-placeholder .form-container .form-item textarea
    {
        font-size: 16px !important;
    }
    .content-placeholder .form-container .form-item input[type=number], .content-placeholder .form-container .form-item textarea, .content-placeholder .form-container .form-item select{
        font-size: 16px !important;
    }
    .content-placeholder .header{
        padding-top: 0px;
    }
    .content-placeholder .form-container .form-item
    {
        margin-top: 10px !important;
    }
}
@media(max-width: 500px)
{
    .car-content
    {
        height: 915px;
    }
    .tabmenu .item
    {
        height: auto !important;
        padding: 20px !important;
    }
    .cardisplay-container .item .description-right, .cardisplay-container .item .description-left
    {
        height: 208px !important;
    }
    .cardisplay-container .description-left, .cardisplay-container .description-right
    {
        bottom: 0px !important;
    }
}
@media(max-width:375px){
    .cardisplay-container .description-right
    {
        bottom: 136px;
        top: unset;
        width: 45%;
    }
}
@media(max-width:320px){
    .cardisplay-container .description-right
    {
        bottom: 117px;
        top: unset;
        width: 45%;
    }
    .cardisplay-container .description-left, .cardisplay-container .description-right
    {
        bottom: 40px !important;
    }
}
@media(max-width: 300px)
{
    .bottom-content .footer-text h3
    {
        font-size: 29px !important;
    }
    .bottom-content .footer-text h4
    {
        font-size: 17px !important;
    }
}