@font-face {
    font-family: "Montserrat-Regular";
    src: url(../fonts/montserrat/Montserrat-Regular.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url(../fonts/montserrat/Montserrat-Bold.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Roboto-Bold";
    src: url(../fonts/roboto/Roboto-Bold.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Roboto-Regular";
    src: url(../fonts/roboto/Roboto-Regular.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Roboto-Medium";
    src: url(../fonts/roboto/Roboto-Medium.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Roboto-Italic";
    src: url(../fonts/roboto/Roboto-Italic.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Roboto-Light";
    src: url(../fonts/roboto/Roboto-Light.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Roboto-Black";
    src: url(../fonts/roboto/Roboto-Black.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Opensans-Reguler";
    src: url(../fonts/opensan/OpenSans-Regular.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Opensans-Light";
    src: url(../fonts/opensan/OpenSans-Light.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Opensans-Semibold";
    src: url(../fonts/opensan/OpenSans-Semibold.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Opensans-Bold";
    src: url(../fonts/opensan/OpenSans-Bold.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Opensans-Extrabold";
    src: url(../fonts/opensan/OpenSans-ExtraBold.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Opensans-Italic";
    src: url(../fonts/opensan/OpenSans-Italic.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Roboto-Bold";
    src: url(../fonts/roboto/RobotoSlab-Bold.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Raleway-Regular";
    src: url(../fonts/raleway/Raleway-Regular.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Roboto-Reguler";
    src: url(../fonts/roboto/RobotoSlab-Regular.ttf);
    format: "ttf";
}

@font-face {
    font-family: "Coluna-BoldCondensed";
    src: url(../fonts/coluna/Coluna.otf);
    format: "otf";
}

@font-face {
    font-family: "Coluna-Rounded";
    src: url(../fonts/coluna/Coluna_Rounded.otf);
    format: "otf";
}

@font-face {
    font-family: "Opensans-BoldItalic";
    src: url(../fonts/opensan/OpenSans-BoldItalic.ttf);
    format: "ttf";
}


* {

    font-family: "Opensans";

}





html {

    height: 100%;

}





body {

    height: 100vh;

    min-height: 100vh;

}





a {

    color: #cf7f40;

}





a, a:hover, a:focus {

    text-decoration: none;

    outline: none;

}





h1, h2, h3, h4, h5, h6 {

    margin: 0;

    font-weight: normal;

}





label {

    font-family: "Opensans";

    font-weight: normal;

}





strong, b, th {

    font-family: "Opensans";

    font-weight: normal;

}





p {

    font-family: "Opensans";

    /* font-family: "Opensans Reguler"; */

    color: #555555;

    line-height: 23px;

    margin-bottom: 1.5em;

}



div.h-scrollable {

    overflow-x: auto;

    white-space: nowrap;

}



 div.h-scrollable [class*="col"] {

    display: inline-block;

    float: none;

    white-space: normal;

    vertical-align: top;

}

/*  */



.tes>li.active>a, .tes>li.active>a:focus, .tes>li.active>a:hover {

    color: #fff;

    cursor: default;

    background-color: #24489f;

    border: 1px solid #ddd;

    border-bottom-color: transparent;

}



/* .menu>li.active>a, .menu>li.active>a:focus, .menu>li.active>a:hover {

    color: #fff;

    cursor: default;

    background-color: #ed1b24;

    border: 1px solid #ddd;

    border-bottom-color: transparent;

} */





/*star untuk header menu active*/

#menu-atas> li a:hover:before, #menu-atas> li a.active:before {

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    width: 100%;

    height: 4px;

    background: #ed1b24;

}



#menu-atas li a:hover:after, #menu-atas li a.active:after {

    position: absolute;

    content: "";

    left: 50%;

    bottom: -1px;

    border-top: 5px solid #ed1b24;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

    -moz-transform: translate(-50%, 0);

    -webkit-transform: translate(-50%, 0);

}

/*end untuk header menu active*/





/*  */

#prod {

    padding: 20px 0;

    background: #f3f3f3;

}



#moon {

	 /* margin-top: 5%; */

    padding-top: 8% !important;

    padding-bottom: 10%;

    /* padding: 20px 0 !important; */

}





/*tambahan*/

/* #sub-header li:hover{ background-color: #ed1b24;} */

#sub-header li:hover{ border-bottom: solid #ed1b24; border-width: 3px; margin-bottom: -14px; font-family: "Opensans";}



#sub-header li:hover a{ color: #ed1b24; font-family: "Opensans-Bold"; }



#sub-header li.active{ border-bottom: solid #ed1b24; border-width: 3px; margin-bottom: -14px; font-family: "Opensans"; }



#sub-header li.active a{ color: #ed1b24; font-family: "Opensans-Bold"; }



/* .col-md-12 .ex3:hover, .col-md-12 .ex3:focus, .col-md-12 .ex3:active {

    background: #24489f;

    color: #fff;

} */



a.ex3:hover, a.ex3:focus, a.ex3:active {

    background: #24489f;

    color: #fff;

    display: block;

}



.col-md-3 a {

    color: #000;

}

/*tambahan*/



/*star data*/



#data_1 {

    border-right: 2px solid #fff;

    height: 50px;

    padding-top: 10px;

}



#data_2 {

    border-right: 2px solid #fff;

    height: 40px;

    padding-top: 10px;

}



#data_3 {

    border-right: 2px solid #fff;

    height: 40px;

    padding-top: 10px;

}



#data_4 {

    height: 40px;

    padding-top: 10px;

}

/*end data*/





/*garis text*/

#menu-audio {

    padding-top: 40px;

    padding-bottom: 22px;

    /* background: #fafdff; */

    background: #fff;

}



.kiri-kanan {

    background-color: #e9e9e9;

    width: 70%;

    display: block;

}



.kiri-kanan.right {

    text-align:right;

}



.text-line span {

    padding:10px;

    background: #fafdff;

    height: 3px;

    /* width: 110px; */

    width: 15%;

    vertical-align: middle;

    line-height: 1px;

}



.text-line.right {

    text-align:right;

}



.text-line.center {

    text-align:center;

}



.text-line {

    background-color: #a8672d;

    height: 8px;

    width: 110px;

    vertical-align: middle;

    line-height: 1px;

}



p {

    font: 18px Arial,sans-serif

}

/*garis text*/





/*tambahan ade*/

.teksgambar {

    background-image: url('logo/backgroun.png');

    width: 100%;

    height: 300px;

}



.teksgambar p {

    padding-top: 30px;

    /* padding: 430px 20px 30px; */

    color: #F90;

    font: bold 20px sans-serif;

    text-align:center;

}



.teksgambar h1 {

    padding-top: 15%;

    /* padding: 430px 20px 30px; */

    color: #000;

    font: 16px sans-serif;

    /* text-align:center; */

    margin-left: 50px;

    padding-bottom: 5px;

}



.teks {

    background-image: url('logo/background.png');

    width: 100%;

    height: 300px;

}



.teks h1 {

    padding-top: 15%;

    /* padding: 430px 20px 30px; */

    color: #fff;

    font: 14px sans-serif;

    /* text-align:center; */

    margin-left: 50px;

}



.teks h2 {

    padding-top: 10px;

    /* padding: 430px 20px 30px; */

    color: #fff;

    font: bold 36px sans-serif;

    /* text-align:center; */

    margin-left: 50px;

}



.teks hr {

    width: 20%;

    /* padding: 430px 20px 30px; */

    margin-left: 25px;

    border-top: 1px solid #d3823b;

    font: bold 24px sans-serif;

}

/*tambahan ade*/





.img {

    display: block;

    width: 100%;

}



.ul {

    padding: 0;

    margin: 0;

}



.ul li {

    list-style: none;

}



.full-row {

    margin-right: 0px !Important;

    margin-left: 0px !Important;

}





.full-col {

    padding-right: 0px !Important;

    padding-left: 0px !Important;

}



.row-item {

    margin-right: -10px;

    margin-left: -10px;

    font-size: 0px;

}





.col-item {

    display: inline-block;

    padding-right: 10px;

    padding-left: 10px;

    width: 50%;

    font-size: 14px;

    vertical-align: top;

}



.row.no-gutter {

    margin-right: 0;

    margin-left: 0;

}





.row.no-gutter > [class^="col-"],

.row.no-gutter > [class*=" col-"] {

    padding-right: 0;

    padding-left: 0;

}







.help-block {

    font-size: 13px;

}





body > [id^="beacon_"],

body > [id*=" beacon_"] {

    display: none;

}





.page-style {
    text-align: center;
}

.pagination>li {
    display: inline;
}

.page-style .pagination li.active a, .page-style .pagination li.active a:hover, .page-style .pagination li.active a:focus {
    color: #2E2C70;
    background: transparent;
    border-color: transparent;
    border-bottom: 1px solid #2E2C70;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.page-style .pagination li a {
    color: #C1C1C1;
    font-size: 15px;
    font-family: "Roboto-Medium";
    background: transparent;
    border: 0px;
}

.page-style .pagination li a:hover {
    color: #2E2C70;
    background: transparent;
}


/*

 * Plugin: Select2

 * ---------------

 */



.select2-container--default.select2-container--focus,

.select2-selection.select2-container--focus,

.select2-container--default:focus,

.select2-selection:focus,

.select2-container--default:active,

.select2-selection:active {

    outline: none;

}





.select2-container--default .select2-selection--single,

.select2-selection .select2-selection--single {

    border: 1px solid #d2d6de;

    border-radius: 0;

    padding: 6px 12px;

    height: 34px;

}



.select2-container--default.select2-container--open {

    border-color: #3c8dbc;

}



.select2-dropdown {

    border: 1px solid #d2d6de;

    border-radius: 0;

}



.select2-container--default .select2-results__option--highlighted[aria-selected] {

    background-color: #3c8dbc;

    color: white;

}



.select2-results__option {

    padding: 6px 12px;

    user-select: none;

    -webkit-user-select: none;

}



.select2-container .select2-selection--single .select2-selection__rendered {

    padding-left: 0;

    padding-right: 0;

    height: auto;

    margin-top: -4px;

}



.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {

    padding-right: 6px;

    padding-left: 20px;

}





.select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 28px;

    right: 3px;

}





.select2-container--default .select2-selection--single .select2-selection__arrow b {

    margin-top: 0;

}





.select2-dropdown .select2-search__field,

.select2-search--inline .select2-search__field {

    border: 1px solid #d2d6de;

}





.select2-dropdown .select2-search__field:focus,

.select2-search--inline .select2-search__field:focus {

    outline: none;

    border: 1px solid #3c8dbc;

}





.select2-container--default .select2-results__option[aria-disabled=true] {

    color: #999;

}





.select2-container--default .select2-results__option[aria-selected=true] {

    background-color: #ddd;

}





.select2-container--default .select2-results__option[aria-selected=true],

.select2-container--default .select2-results__option[aria-selected=true]:hover {

    color: #444;

}





.select2-container--default .select2-selection--multiple {

    border: 1px solid #d2d6de;

    border-radius: 0;

}





.select2-container--default .select2-selection--multiple:focus {

    border-color: #3c8dbc;

}



.select2-container--default.select2-container--focus .select2-selection--multiple {

    border-color: #d2d6de;

}





.select2-container--default .select2-selection--multiple .select2-selection__choice {

    background-color: #3c8dbc;

    border-color: #367fa9;

    padding: 1px 10px;

    color: #fff;

}





.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

    margin-right: 5px;

    color: rgba(255, 255, 255, 0.7);

}





.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {

    color: #fff;

}





.select2-container .select2-selection--single .select2-selection__rendered {

    padding-right: 10px;

}





header {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 99;

    /*background: #fff;*/

    background: #D4E7F4;

}



.menu-left, .menu-center, .menu-right {

    float: left;

}



.menu-left, .menu-right {

    margin-top: 30px;

    width: calc(50% - 75px);

}



.menu-right {

    padding-left: 15px;

}



.menu-left {

    padding-right: 15px;

}



.menu-left .menu {

    justify-content: flex-end;

}



.menu-center {

    position: relative;

    width: 150px;

}



.logo {

    padding: 10px;

}



.logo a {

    display: block;

}



.menu {

    display: flex;

}



.menu li {

    position: relative;

}



.menu li:hover > a {

    color: #cf7f40;

}



.menu li:hover .submenu {

    visibility: visible;

    top: 100%;

    opacity: 1;

    transition: 0.2s;

    -o-transition: 0.2s;

    -moz-transition: 0.2s;

    -webkit-transition: 0.2s;

}



.menu li a {

    display: block;

    /*padding: 30px 22px;*/

    padding: 30px 10px;

    font-family: "Montserrat-Bold";

    color: #707070;

    font-size: 15px;

    text-transform: capitalize;

    cursor: pointer;

    margin-top: 5px;

}



.menu li a:hover {

    color: #5585A5;

}



.menu li.active a {

    color: #5585A5;

}



.menu li a img {

    margin-right: 3px;

    width: 15px;

}



.menu li a img, .icon {

    margin-right: 0px;

    width: 50%;

}



.submenu {

    position: absolute;

    visibility: hidden;

    top: 150px;

    left: 0;

    opacity: 0;

    min-width: 100%;

    background: #FFF;

    border-top: 5px solid #cf7f40;

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

    z-index: 99;

}



.submenu li:last-child a {

    border-bottom: none;

}



.submenu li a {

    display: block;

    padding: 10px 25px !important;

    font-size: 14px;

    color: #444;

    text-align: left;

    text-transform: capitalize;

    border-bottom: 1px solid #F4F4F4;

    white-space: nowrap;

}



.submenu li a:hover {

    background: #F4F4F4;

}



.dropdown-menu {

    right: 0 !important;

    left: auto;

}



.dropdown-menu li a {

    padding: 5px 10px;

    font-size: 13px;

    color: #333;

}



.rd-logo {

    display: none;

    float: left;

}



.rd-logo a {

    font-family: "Opensans";

    font-size: 30px;

    color: #FFF;

    line-height: 35px;

}



.logo-sidebar {

    position: relative;

    padding: 15px;

    border-bottom: 1px solid #EEE;

}



.logo-sidebar img {

    width: 100px;

}



#target-menu-close {

    position: absolute;

    top: 15px;

    right: 15px;

    cursor: pointer;

}



.nav-iconbar {

    display: none;

    float: right;

    padding: 6px;

    margin-top: 0;

    width: 40px;

    cursor: pointer;

    padding-bottom: 20px;

}



.nav-iconbar:hover {

    border-color: #FFF;

    transition: 0.2s;

    -o-transition: 0.2s;

    -moz-transition: 0.2s;

    -webkit-transition: 0.2s;

}



.nav-iconbar.active span {

    background: #cf7f40;

}



.nav-iconbar span {

    display: block;

    margin-bottom: 4px;

    width: 100%;

    height: 2px;

    background: #FFF;

}



.nav-iconbar span:last-child {

    margin-bottom: 0;

}



.nav-searchbar {

    display: none;

    float: right;

    margin-top: 5px;

    margin-right: 20px;

    color: #000;

    cursor: pointer;

}



.nav-searchbar .fa {

    font-size: 18px;

}



.respon-menu {

    position: fixed;

    visibility: hidden;

    top: 0;

    left: 0;

    width: 300px;

    height: 100%;

    background: #FFF;

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

    /*z-index: 9999;*/

    z-index: 9999999999999999999999999;

    transition: 0.2s;

    -o-transition: 0.2s;

    -moz-transition: 0.2s;

    -webkit-transition: 0.2s;

    transform: translate(-300px, 0);

    -o-transform: translate(-300px, 0);

    -moz-transform: translate(-300px, 0);

    -webkit-transform: translate(-300px, 0);

}



.respon-menu.active {

    visibility: visible;

    transform: translate(0, 0);

    -o-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -webkit-transform: translate(0, 0);

}



#respon-menu {

    overflow-y: auto;

}



.tag-respon-menu {

    padding: 12.5px 15px;

    font-family: "OpenSans";

    font-size: 16px;

    color: #333;

    text-transform: uppercase;

    background: #FFF;

    border-bottom: 3px solid #333;

    cursor: pointer;

}



.tag-respon-menu .fa {

    margin-top: 2px;

    font-size: 18px;

}



.info-respon-menu {

    padding: 20px 0;

    border-bottom: 1px solid #DDD;

}



.info-respon-menu li {

    display: block;

    margin-bottom: 5px;

}



.info-respon-menu li:last-child {

    margin-bottom: 0;

}



.info-respon-menu li a {

    display: block;

    padding: 0 15px;

    color: #333;

}



.info-respon-menu li a .fa {

    margin-right: 5px;

}



.info-respon-menu li a .img {

    margin: 0 auto;

}



.list-respon-menu {

    padding: 0;

}



.list-respon-menu li {

    position: relative;

    display: block;

    height: 48px;

    border-bottom: 1px solid rgba(221, 221, 221, 0.8);

    overflow: hidden;

}



.list-respon-menu li.menu-sparate {

    height: auto;

    padding: 8px 15px;

    font-family: "Opensans-Italic";

    font-size: 13px;

    background: #EEE;

}



.list-respon-menu li a {

    display: block;

    padding: 14px 15px;

    font-family: "Montserrat-Bold";

    font-size: 15px;

    color: #707070;

}



.list-respon-menu li a:hover, .list-respon-menu li a:focus {

    color: #FFF;

    background: #D4E7F4;

    /*background: #333;*/

}



.list-respon-menu li.active a {

    color: #FFF;

    background: #D4E7F4;

}



.list-respon-menu li a .fa {

    margin-right: 5px;

}



.list-respon-menu li a .res {

    margin-top: 3px;

}



.respon-submenu {

    position: fixed;

    visibility: hidden;

    top: 0;

    left: -300px;

    width: 300px;

    height: 100%;

    background: #FFF;

    z-index: 9999;

    transition: 0.2s;

    -o-transition: 0.2s;

    -moz-transition: 0.2s;

    -webkit-transition: 0.2s;

}



.respon-submenu:hover {

    overflow-y: auto;

}



#box-search {

    display: none;

    position: absolute;

    top: 100%;

    right: 0;

    padding: 10px;

    width: 300px;

    background: #F4F4F4;

    z-index: 9999 !important;

}



#box-search .form-control {

    border-color: transparent;

    box-shadow: none;

}



#box-search .btn {

    border-color: transparent;

}







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

  .menu li a {

        /*padding: 30px 35px;*/
        padding: 33px 10px;

        font-size: 12px;

    }

    #img-hidden img {
        margin-top: 10px;
    }

}



@media (max-width: 1024px) {

    #img-hidden {

        display: block;

        height: 20px;

        width: 125px;

        padding-top: 12px;

    }

    #img-hidden img {
        margin-top: 0px;
    }

}



@media (max-width: 900px) {

    #img-hidden {

        display: block;

        height: 20px;

        width: 125px;

        padding-top: 12px;

    }

    #img-hidden img {
        margin-top: 0px;
    }

}



@media (max-width: 800px) {

    #img-hidden {

        display: block;

        height: 20px;

        width: 125px;

        padding-top: 12px;

    }

    #img-hidden img {
        margin-top: 0px;
    }

}



@media (max-width: 700px) {

    #img-hidden {

        display: block;

        height: 20px;

        width: 125px;

        padding-top: 12px;

    }

}



@media (max-width: 600px) {

    #img-hidden {

        display: block;

        height: 20px;

        width: 125px;

        padding-top: 12px;

    }

}



@media (max-width: 500px) {

    #img-hidden {

        display: block;

        height: 20px;

        width: 125px;

        padding-top: 12px;

    }

}



@media (max-width: 400px) {

    #img-hidden {

        display: block;

        height: 20px;

        width: 90px;

        padding-top: 18px;

    }

}



@media (max-width: 375px) {

    #img-hidden {

        display: block;

        height: 20px;

        width: 90px;

        padding-top: 18px;

    }

}



@media (max-width: 320px) {

    #img-hidden {

        display: block;

        height: 20px;

        width: 90px;

        padding-top: 16px;

    }

}



/*@media only screen and (min-width: 200px) and (max-width: 991px) {

    #img-hidden {

        display: block;

        height: 20px;

        width: 90px;

        padding-top: 5px;

    }

}*/



/*@media only screen and (min-width: 1024px)  and (max-width: 1100px) {

    #img-hidden {

        display: block;

        height: 20px;

        width: 90px;

        padding-top: 3px;

    }

}*/



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

    header {

        background: #d4e7f4;
        height: 65px;
    }



    /*.img-responsive {

        display: none;

    }*/



    .btnkontak-header {

        display: none;

    }



    /*#img-hidden{

        display: none;

    }*/



    .box-menu:before, .box-menu:after {

        display: none;

    }



    .rd-logo {

        display: block;

    }



    .menu-left, .menu-center {

        display: none;

    }



    .menu-right {

        padding: 10px 0;

        margin-top: 0;

        width: 100%;

        height: 54px;

        background: transparent;

        overflow: hidden;

    }



    .menu {

        display: none;

    }



    .nav-iconbar, .nav-searchbar {

        display: block;

    }



    #box-search {

        width: 100%;

    }

}







#wrap {

    position: relative;

   overflow-x: hidden;

}



#banner-page {

    position: relative;

    height: 400px;

    overflow: hidden;

}



#banner-page .konten-banner-page {

    position: absolute;

    top: 50%;

    padding-top: 90px;

    width: 100%;

    transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

}



#banner-page .konten-banner-page h2, #banner-page .konten-banner-page p {

    text-align: center;

    color: #FFF;

}



#banner-page .konten-banner-page h2 {

    margin-bottom: 25px;

    font-family: "Opensans";

}



#banner-page .konten-banner-page p {

    margin-bottom: 0;

    font-size: 16px;

    line-height: 25px;

}



#banner-page .item-parallax {

    height: 430px;

}



.tag-home {

    margin-bottom: 50px;

}



.tag-home.tag-new h2 {

    margin-bottom: 20px;

}



.tag-home.tag-new-project {

    padding-bottom: 5px;

}



.tag-home.tag-putih h2 {

    color: #2E5F80 !important;

}



.tag-home.tag-putih p {

    color: #515151 !important;

}



.tag-home h2, .tag-home h3 {

    text-align: center;

}



.tag-home h2 {

    margin-bottom: 8px;

    font-family: "Montserrat-Bold";

    font-size: 30px;

    text-transform: capitalize;

}



.tag-home h3 {

    font-family: "Opensans-Light";

    font-size: 18px;

    text-transform: capitalize;

}



.tag-home p {

    font-family: "Opensans-Reguler";

    font-size: 16px;

    line-height: 26px;

    text-align: center;

}





/*star-card-outlet*/

.otlet-box {

    margin-bottom: 30px;

    display: inline-block;

    padding-right: 15px;

    padding-left: 15px;

    /*width: 33.33333%;*/

    width: 24%;

    font-size: 14px;

    vertical-align: top;

}



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

    .otlet-box {

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .otlet-box {

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 100%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .otlet-box {}

}



.card {

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

    transition: 0.3s;

    /*width: 40%;*/

    width: 100%;

    max-width: 300px;

    border-radius: 10px;

    background: #70C3E5;

    /*display: inline-flex;*/
    display:inline-block;
    
    text-align: center;

    margin-bottom: 10px;

}



.card:hover {

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

}



.containers {

    padding: 2px 10px;

}



.card .containers .outnama {

    width: 100%;

    color: #ffffff;

    font-size: 22px;

    font-family: "Opensans-Bold";

    padding-top: 25px;

    padding-bottom: 30px;

    padding-left: 10px;

    padding-right: 10px;

}



.card .containers .outnama a {

    color: #ffffff;

}



.card .containers .outalmt {

    color: #ffffff;

    font-size: 15px;

    font-family: "Opensans-Reguler";

    padding-bottom: 30px;

    padding-left: 10px;

    padding-right: 10px;

    min-height: 115px;

}



.card .containers a.outwa {

    color: #ffffff;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 5px;

}



.card .containers a.outwa .fa {

    padding-right: 5px;

}



.card .containers a.outelp {

    color: #ffffff;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 5px;

    padding-top: 5px;

    display: block;

}



.card .containers a.outelp .fa {

    padding-right: 5px;

}



.card .containers a.outmail {

    color: #ffffff;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 5px;

    display: block;

}



.card .containers a.outmail .fa {

    padding-right: 5px;

}



.card .containers a.outinst {

    color: #ffffff;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 5px;

}



.card .containers a.outinst .fa {

    padding-right: 5px;

}



.card .containers .outkerja {

    color: #ffffff;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 25px;

    padding-top: 5px;

    font-size: 15px;

    font-family: "Opensans-Reguler";

}

/*end-card-outlet*/



.site-map {

    padding: 10px 0;

    background: #0b0b0b;

}



.site-map li {

    position: relative;

    display: inline-block;

    margin-right: 20px;

    font-size: 12px;

    color: #FFF;

}



.site-map li:last-child:before {

    display: none;

}



.site-map li:before {

    position: absolute;

    content: "/";

    top: 1px;

    right: -13px;

    font-size: 12px;

    color: #fff;

}



.site-map li a {

    display: block;

    font-size: 12px;

    color: #555555;

}



#menu-page {

    background: #FFF;

    overflow: hidden;

}



#menu-page .box-menu-page {

    display: table;

}



#menu-page ul {

    display: table-row;

}



#menu-page ul li {

    display: table-cell;

    vertical-align: middle;

}



#menu-page ul li a {

    position: relative;

    display: table-cell;

    padding: 0 25px;

    max-width: 200px;

    height: 70px;

    font-family: "Opensans";

    font-size: 13px;

    color: #343434;

    text-align: center;

    text-transform: uppercase;

    vertical-align: middle;

}



#menu-page ul li a:hover, #menu-page ul li a.active {

    color: #cf7f40;

}



#menu-page ul li a:hover:before, #menu-page ul li a.active:before {

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    width: 100%;

    height: 4px;

    background: #cf7f40;

}



#menu-page ul li a:hover:after, #menu-page ul li a.active:after {

    position: absolute;

    content: "";

    left: 50%;

    bottom: -5px;

    border-top: 5px solid #cf7f40;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

    -moz-transform: translate(-50%, 0);

    -webkit-transform: translate(-50%, 0);

}



#content {

    padding: 70px 0;

    background: #f9f9f9;

}



#content-about {

    padding: 50px 0;

    background: #fff;

}



.content-aboutimage {

    text-align: -webkit-center;

    padding-bottom: 50px;

}



.about-judul {

    font-size: 35px;

    font-family: "Opensans-Bold";

    color: #5585A5;

}



.about-konten {

    font-family: "Opensans-Reguler";

    font-size: 16px;

    color: #333333;

    text-align: justify;

    line-height: 25px;

}



.about-konten p {

    font-family: "Roboto-Regular";

    font-size: 16px;

    color: #2D2D2D;

    text-align: justify;

    line-height: 25px;

}





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

    .about-judul {

        font-size: 24px;

        text-align: justify;

    }

}





#select-menu-page {

    display: none;

    margin-bottom: 25px;

}



.tag-search {

    margin-bottom: 30px;

    font-family: "Opensans-Bold";

    font-size: 18px;

}



#slider {

    position: relative;

    width: 100%;

    /* height: 100vh;

    -webkit-height: 100vh; */

    margin-top: 85px;

}



.bxslider, .bxslider li {

    height: 100% !important;

}



.bxslider li {

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

}



#map-canvas {

    height: 500px;

}



.box-content-text {

    margin-bottom: 50px;

}



.box-content-text h3 {

    margin-bottom: 20px;

    text-transform: capitalize;

}



.box-content-text img {

    margin-bottom: 30px;

}







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

    #menu-page {

        display: none;

    }



    #select-menu-page {

        display: block;

    }



    .tag-home {

        margin-bottom: 40px;

    }



    .tag-home h2 {

        font-size: 28px;

    }



    .tag-home h3 {

        font-size: 16px;

    }

}



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

    .tag-home h2 {

        font-size: 24px;

    }



    .tag-home h3 {

        font-size: 14px;

    }



    .tag-home p {

        font-size: 14px;

        line-height: 24px;

    }



    #banner-page {

        height: 300px;

    }



    #banner-page .konten-banner-page h2 {

        font-size: 28px;

    }



    #banner-page .konten-banner-page p {

        font-size: 14px;

    }



    #banner-page .item-parallax {

        height: 330px;

    }

}



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

    #content {

        padding: 50px 0;

    }

}



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

    #banner-page {

        height: 250px;

    }



    #banner-page .konten-banner-page h2 {

        margin-bottom: 15px;

        font-size: 24px;

    }



    #banner-page .item-parallax {

        height: 280px;

    }



    .box-content-text {

        margin-bottom: 40px;

    }



    .box-content-text h3 {

        margin-bottom: 15px;

        font-size: 20px;

    }

}



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

    .tag-home {

        margin-bottom: 30px;

    }



    .tag-home h2 {

        font-size: 18px;

    }



    .tag-home h3 {

        font-size: 12px;

    }



    .tag-home p {

        font-size: 13px;

        line-height: 22px;

    }



    #banner-page {

        height: 200px;

    }



    #banner-page .konten-banner-page h2 {

        font-size: 20px;

    }



    #banner-page .konten-banner-page p {

        font-size: 14px;

    }



    #banner-page .item-parallax {

        height: 220px;

    }



    .box-content-text {

        margin-bottom: 30px;

    }



    .box-content-text h3 {

        margin-bottom: 15px;

        font-family: "Opensans";

        font-size: 14px;

    }



    .box-content-text img {

        margin-bottom: 20px;

    }

}



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

    #content {

        padding: 30px 0;

    }



    .tag-home {



        margin-bottom: 20px;

    }



    .tag-home h2 {

        font-size: 14px;

    }



    .tag-home h3 {

        font-size: 12px;

    }



    .tag-home p {

        font-size: 12px;

        line-height: 21px;

    }



    #banner-page {

        height: 150px;

    }



    #banner-page .konten-banner-page h2 {

        margin-bottom: 0;

        font-size: 18px;

    }



    #banner-page .konten-banner-page p {

        display: none;

    }



    #banner-page .item-parallax {

        height: 130px;

    }



    .tag-search {

        margin-bottom: 20px;

        font-size: 14px;

    }



    .box-content-text img {

        margin-bottom: 15px;

    }

}

/*yang diubah*/





#about-home {

    /* padding: 100px 0; */

    padding-bottom: 35%;

    /* background: url("../images/icon/bg_map.jpg") no-repeat; */

    background: url("../images/icon/banner.png") no-repeat;

    background-size: cover;

    overflow: hidden;

}



#about-home h3 {

    margin-bottom: 20px;

    font-family: "Opensans";

    line-height: 30px;

    text-transform: uppercase;

}



#about-home h4 {

    margin-bottom: 20px;

    font-family: "Opensans-Italic";

    color: #cf7f40;

    line-height: 25px;

}



#about-home p {

    margin-bottom: 35px;

}



#about-home a {

    padding: 10px 25px;

    font-family: "Opensans";

    font-size: 12px;

    color: #FFF;

    text-transform: uppercase;

    background: #cf7f40;

}

/*yang diubah*/







.box-konten-about h3 {

    margin-bottom: 20px;

    text-transform: capitalize;

}



.box-konten-about img {

    margin-bottom: 30px;

}



.konten-about {

    font-size: 17px;

}



.konten-about p {

    line-height: 160%;

}





/* yang diubah*/



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

    #about-home {

        /* padding: 50px 0; */

        padding: 65% 0;

        /* padding: 35% 0; */

    }



    .konten-about {

        font-size: 16px;

    }

}





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

    #about-home h3 {

        font-size: 20px;

        line-height: 25px;

    }



    #about-home h4 {

        font-size: 16px;

    }



    #about-home a {

        font-size: 11px;

    }

}

/*yang di ubah*/





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

    .konten-about {

        font-size: 14px;

    }

}



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

    .konten-about {

        text-align: justify;

    }



    .box-konten-about h3 {

        font-size: 20px;

    }



    .box-konten-about img {

        margin-bottom: 20px;

    }

}



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

    .konten-about {

        font-size: 13px;

    }



    .box-konten-about h3 {

        margin-bottom: 15px;

        font-size: 16px;

    }

}



/* yang diubah*/

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

    #moon {

        padding-top: 15% !important;

    }



    #about-home {

        padding: 230px 0;

        /* padding: 30px 0; */

        /* padding: 35% 0; */

        /* background: none; */

    }



    #about-home h3 {

        font-size: 16px;

        line-height: 25px;

    }



    #about-home h4 {

        font-size: 13px;

    }



    #about-home p {

        font-size: 12px;

        line-height: 20px;

        text-align: justify;

    }



    #about-home a {

        display: block;

        width: 100%;

        text-align: center;

    }



    .box-konten-about h3 {

        margin-bottom: 15px;

        font-family: "Opensans";

        font-size: 14px;

    }



    .box-konten-about img {

        margin-bottom: 10px;

    }

}

/* yang diubah*/







#service-home {

    padding: 70px 0;

    background: url("../images/icon/bg-abu.jpg") no-repeat fixed #f2f2f2;

    background-size: cover;

}



.box-service {

    margin-right: -15px;

    margin-left: -15px;

    font-size: 0px;

}



.item-service {

    margin-bottom: 50px;

    display: inline-block;

    padding-right: 15px;

    padding-left: 15px;

    width: 33.33333%;

    font-size: 14px;

    vertical-align: top;

}



.i-service {

    position: relative;

    display: block;

    overflow: hidden;

}



.i-service:hover .slide-item-service {

    left: 0;

    opacity: 1;

}



.img-item-service {

    float: left;

    width: 80px;

}



.body-item-service {

    float: left;

    margin-left: 20px;

    width: calc(100% - 100px);

}



.body-item-service h3 {

    margin-bottom: 10px;

    font-family: "Opensans";

    font-size: 14px;

}



.body-item-service h3 a {

    display: block;

    font-family: "Opensans";

    font-size: 14px;

    color: #333;

    text-transform: capitalize;

}



.body-item-service p {

    margin-bottom: 15px;

    font-family: "Opensans-Light";

    line-height: 22px;

}



.body-item-service a {

    font-family: "Opensans";

    font-size: 13px;

    color: #888;

    text-transform: uppercase;

}



.body-item-service a:hover {

    color: #cf7f40;

}



.slide-item-service {

    position: absolute;

    content: "";

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    padding: 20px;

    opacity: 0;

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

    border: 10px solid #cf7f40;

    transition: 0.2s;

    -o-transition: 0.2s;

    -moz-transition: 0.2s;

    -webkit-transition: 0.2s;

}



.slide-item-service h3 {

    margin-bottom: 10px;

    font-family: "Opensans";

    font-size: 15px;

    color: #FFF;

}



.slide-item-service p {

    font-size: 13px;

    color: #FFF;

    line-height: 19px;

}



/*service-detail*/

#space {

    /*margin-top: 110px;*/

    margin-top: 20px;

}



#flybird {

    /*margin-top: 110px;*/

    margin-top: 20px;

}



#moons {

    margin-top: 150px;

}



.service-detail h2 {

    margin-bottom: 80px;

    font-family: "Opensans";

    font-size: 48px;

}



.service-detail .img-service-detail {

    position: relative;

    margin-bottom: 30px;

    width: 100%;

    max-width: 700px;

}



.service-detail .img-super-detail {

    position: relative;

    margin-bottom: 30px;

    width: 100%;

    max-width: 700px;

}



.service-detail .img-service-detail:before {

    position: absolute;

    content: "";

    bottom: -60px;

    left: -30px;

    width: 50%;

    height: 70%;

    /*background: #ff0000ad;*/

    background: #ededed;

    z-index: 1;

}



.service-detail .img-super-detail:before {

    position: absolute;

    content: "";

    bottom: -60px;

    right: -30px;

    width: 50%;

    height: 70%;

    /*background: #ff0000ad;*/

    background: #ededed;

    z-index: 1;

}/*untuk Super tronton*/



.img-light-detail .light-prod {

    position: absolute;

    content: "";

    bottom: -15px;

    right: -70px;

    width: 50%;

    height: 0%;

    z-index: 1;

}  /*untuk Solar Flybird Light*/





.img-super-detail .light-prod {

    position: absolute;

    content: "";

    bottom: -15px;

    right: -70px;

    width: 50%;

    height: 0%;

    z-index: 1;

}  /*untuk Solar Flybird Light*/





.img-service-detail .more-prod {

    position: absolute;

    content: "";

    bottom: -15px;

    left: 30px;

    width: 50%;

    height: 0%;

    /* background: #ff0000ad; */

    z-index: 1;

}





/*star-produk-one*/

.service-produk-one .img-light-produk-one img {

    position: relative;

    z-index: 2;

}



.service-produk-one .img-light-produk-one {

    position: relative;

    /*margin-bottom: 100px;*/

    margin-bottom: 20%;

    width: 80%;

    max-width: 700px;

    float: right;

}



.service-produk-one .img-light-produk-one .desain-gmbr {

    position: absolute;

    content: "";

    /*bottom: -60px;*/

    top: 25%;

    left: -100px;

    width: 50%;

    /*height: 70%;*/

    height: auto;

    background: transparent;

    z-index: 3;

}







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

    .service-produk-one .img-light-produk-one .desain-gmbr {

        left: -60px;

    }

}



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

    .service-produk-one .img-light-produk-one .desain-gmbr {

        left: -60px;

    }

    

    .service-produk-one .img-light-produk-one {

        margin-bottom: 15% !important;

    }

}



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

    .service-produk-one .img-light-produk-one .desain-gmbr {

        left: -60px;

    }

}



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

    .service-produk-one .img-light-produk-one .desain-gmbr {

        left: -30%;

    }

}



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

    .service-produk-one .img-light-produk-one .desain-gmbr {

        left: -30%;

    }

}



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

    .service-produk-one .img-light-produk-one .desain-gmbr {

        left: -30%;

        padding-left: 5px;

        width: 50%;

    }



    .service-produk-one .img-light-produk-one {

        margin-bottom: 20%;

    }

}

/*end-produk-one*/



/*star-produk-two*/

.service-produk-two .img-light-produk-two img {

    position: relative;

    z-index: 2;

}



.service-produk-two .img-light-produk-two {

    position: relative;

    /*margin-bottom: 100px;*/

    margin-bottom: 20%;

    width: 80%;

    max-width: 700px;

    float: left;

}



.service-produk-two .img-light-produk-two .desain-gmbr-2 {

    position: absolute;

    content: "";

    /*bottom: -60px;*/

    top: 25%;

    right: -95px;

    /*width: 50%;*/

    max-width: 100%;

    /*height: 70%;*/

    height: auto;

    background: transparent;

    z-index: 3;

}





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

    .service-produk-two .img-light-produk-two .desain-gmbr-2 {

        right: -60px;

    }

}



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

    .service-produk-two .img-light-produk-two .desain-gmbr-2 {

        right: -60px;

    }



    .service-produk-two .img-light-produk-two {

        margin-bottom: 15% !important;

    }

}



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

    .service-produk-two .img-light-produk-two .desain-gmbr-2 {

        right: -60px;

    }

}



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

    .service-produk-two .img-light-produk-two .desain-gmbr-2 {

        right: -30%;

    }

}



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

    .service-produk-two .img-light-produk-two .desain-gmbr-2 {

        right: -30%;

    }

}



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

    .service-produk-two .img-light-produk-two .desain-gmbr-2 {

        right: -30%;

        padding-left: 5px;

        width: 60%;

    }

    .service-produk-two .img-light-produk-two {

        margin-bottom: 20%;

    }

}



@media screen and (min-width: 1024px) {

    .service-produk-two .img-light-produk-two {

        margin-bottom: 30%;

    }

}



@media screen and (min-width: 1366px) {

    .service-produk-two .img-light-produk-two {

        margin-bottom: 20%;

    }

}



@media screen and (min-width: 1440px) {

    .service-produk-two .img-light-produk-two {

        margin-bottom: 20%;

    }

}







/*star-produk-tree*/

.service-produk-tree .img-light-produk-tree img {

    position: relative;

    z-index: 2;

}



.service-produk-tree .img-light-produk-tree {

    position: relative;

    /*margin-bottom: 100px;*/

    margin-bottom: 25%;

    width: 80%;

    max-width: 700px;

    float: right;

}



.service-produk-tree .img-light-produk-tree .desain-gmbr-3 {

    position: absolute;

    content: "";

    /*bottom: -60px;*/

    top: 30%;

    left: -100px;

    /*width: 50%;*/

    /*width: 80%;*/

    max-width: 100%;

    /*height: 70%;*/

    height: auto;

    background: transparent;

    z-index: 3;

}





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

    .service-produk-tree .img-light-produk-tree .desain-gmbr-3 {

        left: -60px;

    }

}



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

    .service-produk-tree .img-light-produk-tree .desain-gmbr-3 {

        left: -60px;

    }

}



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

    .service-produk-tree .img-light-produk-tree .desain-gmbr-3 {

        left: -60px;

    }

}



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

    .service-produk-tree .img-light-produk-tree .desain-gmbr-3 {

        left: -30%;

    }

}



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

    .service-produk-tree .img-light-produk-tree .desain-gmbr-3 {

        left: -30%;

    }

}



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

    .service-produk-tree .img-light-produk-tree .desain-gmbr-3 {

        left: -30%;

        padding-left: 5px;

        width: 80%;

    }

    .service-produk-tree .img-light-produk-tree {

        margin-bottom: 20%;

    }

}





.service-detail .img-service-detail img {

    position: relative;

    z-index: 2;

}



.service-detail .img-super-detail img {

    position: relative;

    z-index: 2;

}



.service-detail p {

    font-size: 17px;

    line-height: 160%;

}

/*service-detail*/





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

    .slide-item-service h3 {

        font-size: 14px;

    }



    .slide-item-service p {

        font-size: 12px;

    }



    .img-item-service {

        width: 60px;

    }



    .body-item-service {

        margin-left: 20px;

        width: calc(100% - 80px);

    }



    .body-item-service p {

        font-size: 13px;

    }



    .service-detail h2 {

        margin-bottom: 60px;

        font-size: 28px;

    }

}



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

    #flybird {

        margin-top: 0%;

    }



    .item-service {

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }



    .service-detail h2 {

        margin-bottom: 30px;

        font-size: 24px;

    }



    /* .service-detail .img-service-detail:before {

        display: none;

    } */



    .service-detail p {

        font-size: 16px;

    }



    .slide-item-service h3 {

        font-size: 13px;

    }



    .slide-item-service p {

        display: none;

    }

}



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

    .service-detail .img-service-detail {

        max-width: 100%;

    }



    .service-detail p {

        text-align: justify;

    }



    #moons {

        margin-top: 28% !important;

    }



    #moon {

        padding-top: 15% !important;

    }



    #flybird {

        margin-top: 0%;

    }

}



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

    .service-detail h2 {

        font-size: 20px;

    }



    .service-detail p {

        font-size: 14px;

    }

}



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

    .item-service {

        margin-bottom: 40px;

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 100%;

        font-size: 14px;

        vertical-align: top;

    }



    .service-detail .img-service-detail {

        margin-bottom: 15px;

    }



    .service-detail h2 {

        margin-bottom: 20px;

        font-size: 18px;

    }



    .service-detail p {

        font-size: 13px;

    }



    .slide-item-service h3 {

        font-size: 12px;

    }

}



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

    #flybird {

        margin-top: 0px !important;

    }



    #moons {

        margin-top: 30% !important;

    }



    #service-home {

        padding: 30px 0;

    }



    .item-service {

        margin-bottom: 30px;

    }



    .img-item-service {

        width: 50px;

    }



    .body-item-service {

        margin-left: 20px;

        width: calc(100% - 70px);

    }



    .body-item-service h3 {

        font-size: 13px;

    }



    .body-item-service p {

        margin-bottom: 10px;

        font-size: 12px;

        line-height: 22px;

    }



    .body-item-service a {

        font-size: 11px;

    }



    .service-detail .img-service-detail {

        margin-bottom: 10px;

    }



    .service-detail h2 {

        margin-bottom: 15px;

        font-size: 14px;

    }

  

    .img-service-detail .more-prod a {

        font-size: 10px;

    }



    .img-super-detail .light-prod a {

        font-size: 10px;

    }



    .img-light-detail .light-prod a {

        font-size: 10px;

    }



    #space {

        margin-top: 25%;

    }

}

/*end 320px*/





#project-home {

    padding-top: 0;

}



.bg-project {

    /*padding-top: 70px;*/

    padding-top: 140px;

    padding-bottom: 70px;

    /*background: url("../images/icon/home-outlet.png") no-repeat top center; */

    background-size: cover;

}



.box-project {

    margin-right: 0px;

    margin-left: 0px;

    font-size: 0px;

}



.item-project {

    display: inline-block;

    padding-right: 0px;

    padding-left: 0px;

    width: 25%;

    font-size: 14px;

    vertical-align: top;

}





.i-project {

    position: relative;

    display: block;

    overflow: hidden;

    text-align: center;

}



.i-project:hover .slide-item-project {

    left: 0;

    opacity: 1;

}



/*untuk membuat garis*/

.slide-line {

    border-top: 2px solid #fff;

}



#right-line {

    border-right: 2px solid #fff;

    height: 100%;

}

/*untuk membuat garis*/



.slide-item-project {

    position: absolute;

    content: "";

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    padding: 20px;

    opacity: 0;

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

    background: rgba(237, 27, 36, 0.64);

    /* border: 10px solid #cf7f40; */

    transition: 0.2s;

    -o-transition: 0.2s;

    -moz-transition: 0.2s;

    -webkit-transition: 0.2s;

}



.slide-item-project h3 {

    margin-bottom: 10px;

    font-family: "Opensans";

    font-size: 18px;

    color: #FFF;

}



.slide-item-project p {

    font-size: 13px;

    color: #FFF;

    line-height: 19px;

}



.konten-slide {

    position: absolute;

    top: 60%;

    left: 45%;

    width: calc(100% - 40px);

    transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-60%, -30%);

}





.project-detail h2 {

    margin-bottom: 50px;

    font-family: "Opensans";

    font-size: 48px;

}







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

    .slide-item-project h3 {

        font-size: 14px;

    }



    .slide-item-project p {

        font-size: 12px;

    }



    .project-detail h2 {

        margin-bottom: 30px;

        font-size: 28px;

    }



    .konten-slide {

        position: absolute;

        top: 60%;

        left: 43%;

        width: calc(100% - 40px);

        transform: translate(-50%, -50%);

        -o-transform: translate(-50%, -50%);

        -moz-transform: translate(-50%, -50%);

        -webkit-transform: translate(-50%, -30%);

    }

}



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

    .slide-item-project h3 {

        margin-bottom: 0;

        font-size: 11px;

    }



    .slide-item-project p {

        display: none;

    }



    .project-detail h2 {

        font-size: 24px;

    }



    .konten-slide {

        position: absolute;

        top: 60%;

        left: 43%;

        width: calc(100% - 40px);

        transform: translate(-50%, -50%);

        -o-transform: translate(-50%, -50%);

        -moz-transform: translate(-50%, -50%);

        -webkit-transform: translate(-50%, -30%);

    }

}



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

    .item-project {

        display: inline-block;

        padding-right: 0px;

        padding-left: 0px;

        width: 33.33333%;

        font-size: 14px;

        vertical-align: top;

    }



    .konten-slide {

        position: absolute;

        top: 60%;

        left: 48%;

        width: calc(100% - 40px);

        transform: translate(-50%, -50%);

        -o-transform: translate(-50%, -50%);

        -moz-transform: translate(-50%, -50%);

        -webkit-transform: translate(-50%, -30%);

    }

}



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

    .project-detail h2 {

        margin-bottom: 20px;

        font-size: 20px;

    }



    .konten-slide {

        position: absolute;

        top: 60%;

        left: 38%;

        width: calc(100% - 40px);

        transform: translate(-50%, -50%);

        -o-transform: translate(-50%, -50%);

        -moz-transform: translate(-50%, -50%);

        -webkit-transform: translate(-50%, -30%);

    }

}



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

    .project-detail h2 {

        font-size: 18px;

    }



    /*tambahan*/

    .img-service-detail .more-prod a {

        font-size: 10px;

    }



    .img-light-detail .light-prod a {

        font-size: 10px;

    }



    .img-super-detail .light-prod a{

        font-size: 10px;

    }



    .konten-slide {

        position: absolute;

        top: 50%;

        left: 50%;

        width: calc(100% - 40px);

        transform: translate(-50%, -50%);

        -o-transform: translate(-50%, -50%);

        -moz-transform: translate(-50%, -50%);

        -webkit-transform: translate(-50%, -30%);

    }



    .slide-item-project h3 {

        font-size: 8px;

    }

}



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

    #project-home {

        padding-top: 0;

    }



    .bg-project {

        padding-top: 30px;

    }



    .project-detail h2 {

        font-size: 14px;

    }



    .item-project {

        display: inline-block;

        padding-right: 0px;

        padding-left: 0px;

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }



    .slide-item-project h3 {

        font-size: 8px;

    }



    .konten-slide {

        position: absolute;

        top: 43%;

        left: 45%;

        width: calc(100% - 40px);

        transform: translate(-50%, -50%);

        -o-transform: translate(-50%, -50%);

        -moz-transform: translate(-50%, -50%);

        -webkit-transform: translate(-50%, -30%);

    }

}

/*end 320px*/







#artikel-home {

    padding-top: 70px;

    padding-bottom: 15px;

}





.box-artikel {

    margin-right: -15px;

    margin-left: -15px;

    font-size: 0px;

}







/* yang diubah*/

.item-artikel {

    margin-bottom: 50px;

    display: inline-block;

    padding-right: 15px;

    padding-left: 15px;

    width: 24.9%;

    /* width: 33.33333%; */

    font-size: 14px;

    vertical-align: top;

}

/* yang diubah*/





.body-item-artikel {

    padding: 20px 0;

}





.tanggal-item-artikel {

    float: left;

    padding-top: 10px;

    width: 50px;

    border-top: 1px solid #cf7f40;

}



.tanggal-item-artikel span {

    display: block;

    width: 100%;

    font-family: "Opensans-Light";

    font-size: 14px;

    color: #cf7f40;

    text-align: right;

}



.tanggal-item-artikel span:first-child {

    font-family: "Opensans";

}





/* yang diubah*/

.konten-item-artikel {

    float: right;

    /* width: calc(100% - 70px); */

    width: calc(100%);

}

/* yang diubah*/





.konten-item-artikel span {

    display: block;

    margin-bottom: 8px;

    font-family: "Opensans-Light";

    font-size: 11px;

    color: #555555;

    text-transform: uppercase;

}



.konten-item-artikel h3 {

    margin-bottom: 15px;

}



.konten-item-artikel h3 a {

    display: block;

    font-family: "Opensans";

    font-size: 14px;

    color: #343434;

    text-transform: capitalize;

}



  .konten-item-artikel p {

    font-size: 13px;

}



.konten-item-artikel .btn-read {

    display: block;

    font-family: "Opensans";

    font-size: 12px;

    text-transform: uppercase;

}







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

    .konten-item-artikel span {

        font-size: 10px;

    }



    .konten-item-artikel h3 {

        margin-bottom: 10px;

    }



    .konten-item-artikel h3 a {

        font-size: 13px;

    }



    .konten-item-artikel p {

        font-size: 13px;

    }



    .konten-item-artikel .btn-read {

        font-size: 11px;

    }

}



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

    .tanggal-item-artikel {

        display: none;

    }



    .konten-item-artikel {

        width: 100%;

    }

}



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

    .item-artikel {

        margin-bottom: 50px;

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .item-artikel {

        margin-bottom: 50px;

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 100%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    #artikel-home {

        padding-top: 30px;

        padding-bottom: 0;

    }



    .konten-item-artikel p {

        font-size: 12px;

        line-height: 20px;

        text-align: justify;

    }

}





#client-home {

    padding: 70px 0;

}



.box-client {

    text-align: center;

    margin-right: -15px;

    margin-left: -15px;

    font-size: 0px;

}



.item-client {

    margin-bottom: 30px;

    display: inline-block;

    padding-right: 15px;

    padding-left: 15px;

    width: 20%;

    font-size: 14px;

    vertical-align: top;

}



.item-client.item-client-home {

    margin-bottom: 0;

}





.img-detail-client {

    float: left;

    margin-top: 10px;

    margin-right: 10px;

    margin-bottom: 10px;

    width: 100px;

    max-width: 100%;

}





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

    #client-home {

        padding: 30px 0;

    }

}



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

    .item-client {

        margin-bottom: 30px;

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 33.33333%;

        font-size: 14px;

        vertical-align: top;

    }



    .item-client.item-client-home {

        margin-bottom: 15px;

    }

}





.tag-kontak {

    position: relative;

    padding-bottom: 20px;

    margin-bottom: 20px;

    font-size: 21px;

    border-bottom: 1px solid #DDD;

}



.tag-kontak:before {

    position: absolute;

    content: "";

    left: 0;

    bottom: -2px;

    width: 35px;

    height: 3px;

    background: #cf7f40;

}





.form-kontak label {

    font-family: "Opensans-Light";

    font-size: 13px;

    color: #555555;

    font-weight: normal;

}



.form-kontak .form-control {

    font-size: 13px;

    font-family: "Opensans-Light";

    border-color: #DDD;

    box-shadow: none;

    border-radius: 2px;

}



.form-kontak .form-control:focus {

    border-color: #cf7f40;

    box-shadow: inset 0 1px 1px rgba(207, 127, 64, 0.075), 0 0 8px rgba(207, 127, 64, 0.6);

}



.form-kontak .btn-default {

    padding: 10px 15px;

    font-family: "Opensans-Reguler";

    font-size: 13px;

    color: #cf7f40;

    border-color: #cf7f40;

    border-radius: 3px;

}



.form-kontak .btn-default:hover, .form-kontak .btn-default:focus {

    color: #FFF;

    background: #cf7f40;

    transition: 0.2s;

    -o-transition: 0.2s;

    -moz-transition: 0.2s;

    -webkit-transition: 0.2s;

}



.outlet-kontak {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-family: "Opensans-Reguler";

    /*font-weight: normal;*/

    font-size: 17px;

    color: #0E0E0E;

}



.name-kontak {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-family: "Opensans-Reguler";

    /*font-weight: normal;*/

    font-size: 17px;

    color: #0E0E0E;

}



.phones-kontak {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-family: "Opensans-Reguler";

    font-weight: normal;

    font-size: 17px;

    color: #0E0E0E;

}



.email-kontak {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-family: "Opensans-Reguler";

    font-weight: normal;

    font-size: 17px;

    color: #0E0E0E;

}



.pesan-kontak {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-family: "Opensans-Reguler";

    font-weight: normal;

    font-size: 17px;

    color: #0E0E0E;

}





.form-send .btns-default {

    padding: 10px 30px 10px 30px;

    font-family: "Montserrat-Regular";

    font-size: 18px;

    color: #2E5F80;

    border-color: #2E5F80;

    border-radius: 25px;

    background: #ffffff;

    margin-top: 30px;

}



.btns-default {

    color: #333;

    background-color: #fff;

    border-color: #ccc;

}



.btns {

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}





.item-kontak {

    margin-bottom: 20px;

}



.item-kontak .tag-item-kontak {

    margin-bottom: 5px;

    font-family: "Opensans";

    font-size: 13px;

}



.item-kontak .tag-item-kontak .fa {

    margin-right: 5px;

    color: #cf7f40;

}



.item-kontak span {

    display: block;

    font-size: 13px;

    line-height: 23px;

}



.maps iframe {

    display: block;

}





.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}



#alertinfo {

    display: none;

}



.error-message {

    display: none;

    margin-bottom: 0 !important;

    font-family: "Opensans-Reguler" !important;

    font-size: 12px !important;

    line-height: normal !important;

    color: #F00;

}





#ikon-spin {

    display: none;

}





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

    .form-kontak {

        margin-bottom: 50px;

    }

}



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

    .form-kontak .btn-default {

        display: block;

        width: 100%;

    }

}



.top-footer {

    padding: 70px 0;

    background: url("../images/icon/bg_footer.jpg") no-repeat fixed #0a1019;

    background-size: cover;

}





.item-footer .tag-item-footer {

    margin-bottom: 15px;

    font-family: "Opensans";

    font-size: 18px;

    color: #FFF;

}



.item-footer p {

    font-size: 13px;

    color: #FFF;

}



.item-footer ul li {

    margin-bottom: 10px;

}



.item-footer ul li:last-child {

    margin-bottom: 0;

}



.item-footer ul li a {

    position: relative;

    display: block;

    font-size: 13px;

    color: #FFF;

}



.item-footer ul li a .fa {

    margin-right: 5px;

}





.item-kontak-footer {

    margin-bottom: 15px;

}



.item-kontak-footer .tag-kontak-footer {

    font-family: "Opensans";

    font-size: 13px;

    color: #FFF;

    text-transform: uppercase;

}



.item-kontak-footer span {

    display: block;

    font-size: 13px;

    color: #FFF;

}





/*.medsos-footer li {

    display: inline-block;

    margin-right: 10px;

}*/



/*.medsos-footer li a {

    display: block;

    width: 30px;

    height: 30px;

    background: #FFF;

    border-radius: 50%;

}*/



/*.medsos-footer li a .fa {

    margin-top: 7px;

    margin-left: 9px;

    font-size: 16px;

    color: #0a1019;

}*/





/*.copyright {

    padding: 15px 0;

    background: #070b12;

}*/



/*.copyright .copy {

    font-size: 12px;

    color: #FFF;

}*/



/*.copyright .copy a {

    color: #FFF;

}*/



/*.copyright .copy a:hover {

    color: #cf7f40;

}*/







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

    .item-footer {

        margin-bottom: 30px;

    }

}



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

    .copy {

        text-align: center;

    }

}



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

    .top-footer {

        padding-top: 30px;

        padding-bottom: 10px;

    }



    .item-footer .tag-item-footer {

        margin-bottom: 15px;

        font-size: 14px;

    }



    .item-footer p {

        font-size: 12px;

        line-height: 20px;

        text-align: justify;

    }



    .item-footer ul li a {

        font-size: 12px;

    }



    .item-kontak-footer .tag-kontak-footer {

        font-size: 12px;

    }



    .item-kontak-footer span {

        font-size: 12px;

    }

}







/*# sourceMappingURL=lwd.style.css.map */



/*star-tambahan*/

.medsos-kontak li {

    display: inline-block;

    margin-right: 10px;

}



.medsos-kontak li a {

    display: block;

    width: 30px;

    height: 30px;

    background: #FFF;

    border-radius: 50%;

}



.medsos-kontak li a .fa {

    margin-top: 7px;

    margin-left: 9px;

    font-size: 16px;

    color: #0a1019;

}

/*end-tambahan*/





/*star css owl-carousel-home*/
.content-home .container.slider-sale {
    position: relative;
    /*margin-top: 23px;*/
    margin-top: 20em;  
    margin-bottom: 0px;
}

.content-home .container.slider-sale .owl-carousel .owl-prev {
    position: absolute;
    /* top: 70px;
    left: -50px; */
    top: -64px;
    left: 45px;
    color: #fff;
    font-size: 45px;
    background: #2a5b25;
    width: 1em;
    padding-left: 15px;
}

.content-home .container.slider-sale .owl-carousel .owl-next {
    position: absolute;
    /* top: 70px; */
    /* right: -50px; */
    top: -64px;
    left: 0px;
    color: #fff;
    font-size: 45px;
    background: #204e1b;
    width: 1em;
    padding-left: 15px;
}

.content-home .container.slider-sale .owl-carousel .item {
    padding: 0px 0px;
}

.content-home .container.slider-sale .owl-carousel .box-sale {
    padding: 0px 0 0 0;
    position: relative;
    border: 1px solid #4444;
    min-height: 250px;
}

.content-home .container.slider-sale .owl-carousel .box-sale p {
    margin: 0;
    display: block;
    /*text-align: center;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
    color: #565656;
}

.content-home .container.slider-sale .owl-carousel .box-sale img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto 10px;
}

.content-home .container.slider-sale .owl-carousel .box-sale .sale-tag {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px 20px;
    background-color: #ed4e26;
    color: #ffff;
    border-radius: 5px;
}



.content-home .container.slider-sale .owl-carousel .box-sale .new-tag {

    position: absolute;

    top: 5px;

    right: 5px;

    padding: 5px 20px;

    background-color: #10B2E1;

    color: #ffff;

    border-radius: 5px;

    width: 64.1px;

}



.content-home .container.slider-sale .owl-carousel .box-sale .habis-tag {

    position: absolute;

    top: 5px;

    left: 5px;

    padding: 5px 16px;

    background-color: #FFA200;

    color: #ffff;

    border-radius: 5px;

    width: 64.1px;

}



.content-home .container.slider-sale .owl-carousel .box-sale .hidden-desc {

    /*text-align: center;*/

    padding-left: 10px;

    margin: 10px auto;

    display: block;

    width: 100%;

}



.content-home .product-us .container .box-sale .hidden-desc .desc-cart, .content-home .product-us .container .box-sale .hidden-desc .desc-detail {

    display: inline-block;

    width: 28px;

    height: 28px;

}



.content-home .product-us .container .box-sale .hidden-desc .fa-shopping-cart, .content-home .product-us .container.slider-sale .owl-carousel .box-sale .hidden-desc .fa.fa-check, .content-home .product-us .container .box-sale .hidden-desc .fa.fa-check, .content-home .product-us .content-product .main-product .container .col-lg-9 .row:nth-child(n+2) .col-lg-3 .content-products .box-sale .hidden-desc .fa.fa-check, .content-product .main-product .content-home .product-us .container .col-lg-9 .row:nth-child(n+2) .col-lg-3 .content-products .box-sale .hidden-desc .fa.fa-check, .content-home .product-us .container .content-product-detail .main-prod-detail .row:last-child .related-prod .item .box-sale .hidden-desc .fa.fa-check, .content-product-detail .main-prod-detail .row:last-child .related-prod .item .content-home .product-us .container .box-sale .hidden-desc .fa.fa-check {

    background-color: #ffa200;

    color: #fff;

    padding: 7px 7px;

    border-radius: 20px;

    width: 28px;

    height: 28px;

}



.content-home .product-us .container .box-sale .hidden-desc .fa.fa-info {

    background-color: #ffa200;

    color: #fff;

    padding: 7px 11px;

    border-radius: 20px;

    width: 28px;

    height: 28px;

}



.content-home .product-us .container .box-sale .price-strip {

    color: #FFA200;

    font-family: "OpenSans-Bold";

    font-size: 15px;

}



.content-home .product-us .container .box-sale .price-norm {

    color: #4444;

    font-family: "OpenSans";

    font-size: 15px;

}



/*star @media 200px and 1024px*/

@media only screen and (min-width: 200px) and (max-width: 1024px) {

    .content-home .container.slider-sale {

        position: relative;

        margin-top: 20em;

        margin-bottom: 0px;

    }

}





.owl-carousel .wrap-carousel {

    /* margin:2%; */

    margin-top: 2%;

    margin-bottom: 2%;

    margin-left: 0%;

    margin-right: 0%;

}



.owl-carousel .wrap-carousel a {

    text-decoration: none;

    color:#333;

}



.owl-carousel .wrap-carousel .desc {

    /* margin:5% 3%; */

    margin-bottom : 5%;

    margin-top : 5%;

    text-align: center;

    font-family: "Raleway-Regular";

}



@media only screen and (min-width: 200px) and (max-width: 991px) {

    .nav-iconbar {

        /*display: none;*/

        float: right;

        padding: 6px;

        /*margin-top: 15px;*/

        margin-top: 0px;

        width: 40px;

        cursor: pointer;

        padding-bottom: 20px;

    }

}



@media only screen and (min-width: 1024px) {

    .nav-iconbar {

        /* display: none; */

        float: right;

        /* padding: 6px; */

        /* margin-top: 15px; */

        margin-top: 10px;

        width: 40px;

        cursor: pointer;

        padding-bottom: 20px;

    }

}



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

    .bx-wrapper .bx-controls-direction a {

        position: absolute;

        top: 50%;

        margin-top: 16px;

        outline: 0;

        width: 32px;

        height: 32px;

        text-indent: -9999px;

        z-index: 9999;

        transform: translateY(-0%);

    }

}



/*end @media 200px and 1024px*/



/*end css owl-carousel-home*/





/**/

.btnkontak-header {

    margin-top: 25px;

}



.kontak-a {

    display: inline-block;

    /*padding: 6px 12px;*/

    padding: 10px 20px;

    margin-bottom: 0;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 25px;

    text-transform: capitalize;

}



.kontak-a-primary {

    /*color: #2E5F80;*/

    color: #707070;

    border-color: #2E5F80;

    /*background-image: linear-gradient(to right, #5A8F47 , #DAF711);*/

    font-family: "Montserrat-Bold";

    background: #d4e7f4;

}



.btnkontak-header a:hover {

    color: #5585A5;

}



.btnkontak-header a.actipes {

    color: #5585A5;

}

/**/



/*star-bread-about*/

.map-khusus-about {

    padding-top: 0px;

    border-top: 1px solid #f2f2f2;

    border-bottom: none;

    /*margin-top: 102px;*/

    margin-top: 86px;

}



.map-halaman-about {

    padding: 3px 0px;

    border-bottom: 0px solid #f2f2f2;

}



.breadcrumb-about {

    padding: 8px 0px;

    margin-bottom: 20px;

    list-style: none;

    background-color: #f5f5f5;

    border-radius: 4px;

    text-align: left;

}



.breadcrumb-about>li {

    display: inline-block;

}



.map-khusus-about .breadcrumb-about {

    padding-bottom: 10px;

    border-bottom: 0px solid #f2f2f2;

    border-radius: 0px;

}



.map-halaman-about .breadcrumb-about {

    margin-bottom: 0px;

    font-family: "Roboto-Regular";

    font-size: 13px;

    background: #F5F5F5;

}



.map-halaman-about .breadcrumb-about a {

    color: #C1C1C1;

    font-size: 15px;

    font-family: "Roboto-Regular";

    letter-spacing: 0px;

}



.map-halaman-about .breadcrumb-about a.active {

    color: #515151;

    font-size: 15px;

    font-family: "Roboto-Regular";

    letter-spacing: 0px;

}



.breadcrumb-about>li+li:before {

    padding: 0 5px;

    color: #C1C1C1;

    content: "/\00a0";

}



@media (max-width: 1200px) {

    .map-khusus-about {

        margin-top: 88px;

    }

}



@media (max-width: 1024px) {

    .map-khusus-about {

        margin-top: 65px;

    }

}



@media (max-width: 900px) {

    .map-khusus-about {

        margin-top: 65px;

    }

}



@media (max-width: 800px) {

    .map-khusus-about {

        margin-top: 65px;

    }

}



@media (max-width: 700px) {

    .map-khusus-about {

        margin-top: 65px;

    }

}



@media (max-width: 600px) {

    .map-khusus-about {

        margin-top: 65px;

    }

}



@media (max-width: 500px) {

    .map-khusus-about {

        margin-top: 65px;

    }

}



@media (max-width: 400px) {

    .map-khusus-about {

        margin-top: 65px;

    }

}



@media (max-width: 375px) {

    .map-khusus-about {

        margin-top: 65px;

    }

}



@media (max-width: 365px) {

    .map-khusus-about {

        margin-top: 65px;

    }

}



@media (max-width: 320px) {

    .map-khusus-about {

        margin-top: 65px;

    }

}

/*end-bread-about*/



/*star-bread-outlet*/

.map-khusus-outlet {

    padding-top: 0px;

    border-top: 1px solid #f2f2f2;

    border-bottom: none;

    /*margin-top: 102px;*/

    margin-top: 86px;

}



.map-halaman-outlet {

    padding: 3px 0px;

    border-bottom: 0px solid #f2f2f2;

}



.breadcrumb-outlet {

    padding: 8px 0px;

    margin-bottom: 20px;

    list-style: none;

    background-color: #f5f5f5;

    border-radius: 4px;

    text-align: left;

}



.breadcrumb-outlet>li {

    display: inline-block;

}



.map-khusus-outlet .breadcrumb-outlet {

    padding-bottom: 10px;

    border-bottom: 0px solid #f2f2f2;

    border-radius: 0px;

}



.map-halaman-outlet .breadcrumb-outlet {

    margin-bottom: 0px;

    font-family: "Roboto-Regular";

    font-size: 13px;

    background: #F5F5F5;

}



.map-halaman-outlet .breadcrumb-outlet a {

    color: #C1C1C1;

    font-size: 15px;

    font-family: "Roboto-Regular";

    letter-spacing: 0px;

}



.map-halaman-outlet .breadcrumb-outlet a.active {

    color: #515151;

    font-size: 15px;

    font-family: "Roboto-Regular";

    letter-spacing: 0px;

}



.breadcrumb-outlet>li+li:before {

    padding: 0 5px;

    color: #C1C1C1;

    content: "/\00a0";

}



@media (max-width: 1200px) {

    .map-khusus-outlet {

        margin-top: 88px;

    }

}



@media (max-width: 1024px) {

    .map-khusus-outlet {

        margin-top: 65px;

    }

}



@media (max-width: 900px) {

    .map-khusus-outlet {

        margin-top: 65px;

    }

}



@media (max-width: 800px) {

    .map-khusus-outlet {

        margin-top: 65px;

    }

}



@media (max-width: 700px) {

    .map-khusus-outlet {

        margin-top: 65px;

    }

}



@media (max-width: 600px) {

    .map-khusus-outlet {

        margin-top: 65px;

    }

}



@media (max-width: 500px) {

    .map-khusus-outlet {

        margin-top: 65px;

    }

}



@media (max-width: 400px) {

    .map-khusus-outlet {

        margin-top: 65px;

    }

}



@media (max-width: 375px) {

    .map-khusus-outlet {

        margin-top: 65px;

    }

}



@media (max-width: 365px) {

    .map-khusus-outlet {

        margin-top: 65px;

    }

}



@media (max-width: 320px) {

    .map-khusus-outlet {

        margin-top: 65px;

    }

}

/*end-bread-outlet*/



/*star-bread-kontak*/

.map-khusus-kontak {

    padding-top: 0px;

    border-top: 1px solid #f2f2f2;

    border-bottom: none;

    /*margin-top: 102px;*/

    margin-top: 86px;

}



.map-halaman-kontak {

    padding: 3px 0px;

    border-bottom: 0px solid #f2f2f2;

}



.breadcrumb-kontak {

    padding: 8px 0px;

    margin-bottom: 20px;

    list-style: none;

    background-color: #f5f5f5;

    border-radius: 4px;

    text-align: left;

}



.breadcrumb-kontak>li {

    display: inline-block;

}



.map-khusus-kontak .breadcrumb-kontak {

    padding-bottom: 10px;

    border-bottom: 0px solid #f2f2f2;

    border-radius: 0px;

}



.map-halaman-kontak .breadcrumb-kontak {

    margin-bottom: 0px;

    font-family: "Roboto-Regular";

    font-size: 13px;

    background: #F5F5F5;

}



.map-halaman-kontak .breadcrumb-kontak a {

    color: #C1C1C1;

    font-size: 15px;

    font-family: "Roboto-Regular";

    letter-spacing: 0px;

}



.map-halaman-kontak .breadcrumb-kontak a.active {

    color: #515151;

    font-size: 15px;

    font-family: "Roboto-Regular";

    letter-spacing: 0px;

}



.breadcrumb-kontak>li+li:before {

    padding: 0 5px;

    color: #C1C1C1;

    content: "/\00a0";

}



@media (max-width: 1200px) {

    .map-khusus-kontak {

        margin-top: 88px;

    }

}



@media (max-width: 1024px) {

    .map-khusus-kontak {

        margin-top: 65px;

    }

}



@media (max-width: 900px) {

    .map-khusus-kontak {

        margin-top: 65px;

    }

}



@media (max-width: 800px) {

    .map-khusus-kontak {

        margin-top: 65px;

    }

}



@media (max-width: 700px) {

    .map-khusus-kontak {

        margin-top: 65px;

    }

}



@media (max-width: 600px) {

    .map-khusus-kontak {

        margin-top: 65px;

    }

}



@media (max-width: 500px) {

    .map-khusus-kontak {

        margin-top: 65px;

    }

}



@media (max-width: 400px) {

    .map-khusus-kontak {

        margin-top: 65px;

    }

}



@media (max-width: 375px) {

    .map-khusus-kontak {

        margin-top: 65px;

    }

}



@media (max-width: 365px) {

    .map-khusus-kontak {

        margin-top: 65px;

    }

}



@media (max-width: 320px) {

    .map-khusus-kontak {

        margin-top: 65px;

    }

}

/*end-bread-kontak*/



/*star-text-kontak*/

.text-kontak {

    padding-bottom: 25px;

    font-size: 35px;

    color: #5585A5;

    font-family: "Opensans-Bold";

    padding-top: 30px;

}



.desc-kontak {

    padding-bottom: 40px;

    font-size: 17px;

    color: #707070;

    font-family: "Opensans-Reguler";

    width: 71%;

    line-height: 30px;

}

/*end-text-kontak*/



/*star-namakontak-outlet*/

#namakontak-outlet {

    padding-top: 70px;

    padding-bottom: 50px;

}



.namakontak-outlet {

    font-size: 17px;

    color: #333333;

    font-family: "Opensans-Bold";

    padding-bottom: 15px;

}



.card .containers a.outelp {

    color: #ffffff;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 5px;

    padding-top: 5px;

    display: block;

}



.card .containers a.outelp .fa {

    padding-right: 5px;

}



.almtkontak-outlet {

    font-size: 15px;

    color: #333333;

    font-family: "Opensans-Reguler";

    padding-bottom: 10px;

}



a.wakontak-outlet {

    display: block;

    color: #333333;

    font-family: "Opensans-Reguler";

    font-size: 15px;

    padding-bottom: 7px;

}



a.wakontak-outlet .fa {

    padding-right: 5px;

}



a.telpkontak-outlet {

    display: block;

    color: #333333;

    font-family: "Opensans-Reguler";

    font-size: 15px;

    padding-bottom: 7px;

}



a.telpkontak-outlet .fa {

    padding-right: 5px;

}



a.emailkontak-outlet {

    display: block;

    color: #333333;

    font-family: "Opensans-Reguler";

    font-size: 15px;

    padding-bottom: 7px;

}



a.emailkontak-outlet .fa {

    padding-right: 5px;

}



a.instkontak-outlet {

    display: block;

    color: #333333;

    font-family: "Opensans-Reguler";

    font-size: 15px;

    padding-bottom: 7px;

}



a.instkontak-outlet .fa {

    padding-right: 5px;

}



.bukakontak-outlet {

    color: #333333;

    font-family: "Opensans-Reguler";

    font-size: 15px;

}

/*end-namakontak-outlet*/



/*star-outlet home*/

#outlet-home {

    background: url(logo/home-outlet.png)no-repeat;

    background-position: center;

    background-size: 100% 100%;

    -webkit-background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -o-background-size: 100% 100%;

    -ms-background-size: 100% 100%;

    background-size: cover;

    width: 100%;

    height: auto;

}

/*end-outlet home*/



/*star-text-outlet-detail*/

.text-outlet-detail {

    font-size: 35px;

    color: #5585A5;

    font-family: "Opensans-Bold";

}



.nama-outlet-detail {

    font-size: 25px;

    color: #515151;

    font-family: "Opensans-Bold";

    padding-top: 20px;

    padding-bottom: 25px;

}



.alerts-outlet {

    color: #a94442;

    background-color: #5585A5;

    border-color: #ebccd1;

}



.alerts {

    padding: 15px;

    margin-bottom: 20px;

    border: 1px solid transparent;

    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);

    border-bottom: 10px solid #2E5F80;

    border-radius: 15px;

    padding: 25px;

}



.alerts .info-detail-outlet {

    color: #ffffff;

    font-size: 17px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

}



.alerts .ket-detail-outlet {

    color: #ffffff;

    font-size: 17px;

    font-family: "Opensans-Reguler";

}

/*end-text-outlet-detail*/



/*star-box-plat-outlet*/

#konten-outlet-detail {

    padding-top: 25px;

    padding-bottom: 25px;

}



.box-plat-outlet {

    margin-right: -10px;

    margin-left: -10px;

    font-size: 0px;

    padding-bottom: 20px;

}



.item-plat-outlet {

    margin-bottom: 20px;

    display: inline-block;

    padding-right: 10px;

    padding-left: 10px;

    width: 33%;

    font-size: 14px;

    vertical-align: top;

}



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

    .item-plat-outlet {

        display: inline-block;

        padding-right: 10px;

        padding-left: 10px;

        width: 33.33333%;

        font-size: 14px;

        vertical-align: top;

    }



    .box-plat-outlet {

        margin-right: 0;

        margin-left: 0;

    }

}



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

    .box-plat-outlet {

        margin-right: 0;

        margin-left: 0;

        font-size: 0px;

    }



    .item-plat-outlet {

        margin-bottom: 0;

        display: inline-block;

        padding-right: 10px;

        padding-left: 10px;

        padding-bottom: 15px;

        /*width: 33.33333%;*/

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}

/*end-box-plat-outlet*/





/*star-bread-produk*/

.map-khusus-produk {

    padding-top: 0px;

    border-top: 1px solid #f2f2f2;

    border-bottom: none;

    /*margin-top: 102px;*/

    margin-top: 86px;

}



.map-halaman-produk {

    padding: 3px 0px;

    border-bottom: 0px solid #f2f2f2;

}



.breadcrumb-produk {

    padding: 8px 0px;

    margin-bottom: 20px;

    list-style: none;

    background-color: #f5f5f5;

    border-radius: 4px;

    text-align: left;

}



.breadcrumb-produk>li {

    display: inline-block;

}



.map-khusus-produk .breadcrumb-produk {

    padding-bottom: 10px;

    border-bottom: 0px solid #f2f2f2;

    border-radius: 0px;

}



.map-halaman-produk .breadcrumb-produk {

    margin-bottom: 0px;

    font-family: "Roboto-Regular";

    font-size: 13px;

    background: #F5F5F5;

}



.map-halaman-produk .breadcrumb-produk a {

    color: #C1C1C1;

    font-size: 15px;

    font-family: "Roboto-Regular";

    letter-spacing: 0px;

}



.map-halaman-produk .breadcrumb-produk a.active {

    color: #515151;

    font-size: 15px;

    font-family: "Roboto-Regular";

    letter-spacing: 0px;

}



.breadcrumb-produk>li+li:before {

    padding: 0 5px;

    color: #C1C1C1;

    content: "/\00a0";

}



@media (max-width: 1200px) {

    .map-khusus-produk {

        margin-top: 88px;

    }

}



@media (max-width: 1024px) {

    .map-khusus-produk {

        margin-top: 65px;

    }

}



@media (max-width: 900px) {

    .map-khusus-produk {

        margin-top: 65px;

    }

}



@media (max-width: 800px) {

    .map-khusus-produk {

        margin-top: 65px;

    }

}



@media (max-width: 700px) {

    .map-khusus-produk {

        margin-top: 65px;

    }

}



@media (max-width: 600px) {

    .map-khusus-produk {

        margin-top: 65px;

    }

}



@media (max-width: 500px) {

    .map-khusus-produk {

        margin-top: 65px;

    }

}



@media (max-width: 400px) {

    .map-khusus-produk {

        margin-top: 65px;

    }

}



@media (max-width: 375px) {

    .map-khusus-produk {

        margin-top: 65px;

    }

}



@media (max-width: 365px) {

    .map-khusus-produk {

        margin-top: 65px;

    }

}



@media (max-width: 320px) {

    .map-khusus-produk {

        margin-top: 65px;

    }

}

/*end-bread-produk*/





/*star-text-produk*/

.text-produk {

    font-size: 35px;

    color: #5585A5;

    font-family: "Opensans-Bold";

    padding-top: 30px;

}



.nama-produk {

    font-size: 17px;

    color: #707070;

    font-family: "Roboto-Regular";

    padding-top: 20px;

    padding-bottom: 60px;

    line-height: 30px;

    width: 85%;

}

/*end-text-produk*/



/*star-text-beli-produk*/

.text-beli-produk {

    padding-bottom: 20px;

    font-size: 22px;

    color: #5585A5;

    font-family: "Opensans-Bold";

}



.box-beli {

    margin-right: -15px;

    margin-left: -15px;

    font-size: 0px;

}



.item-beli {

    margin-bottom: 30px;

    display: inline-block;

    padding-right: 15px;

    padding-left: 15px;

    /*width: 33.33333%;*/

    width: 50%;

    font-size: 14px;

    vertical-align: top;

}



.i-beli {

    display: block;

    /*padding: 20px;*/

    padding-top: 12px;

    padding-bottom: 12px;

    padding-left: 30px;

    padding-right: 30px;

    border: 0px solid #EEE;

    background: linear-gradient( to left, #d4e7f4 0%, rgb(205 212 239) 12%, rgb(140 178 206) 47%, rgb(26 133 206) 100% ) left bottom #fff no-repeat;

    background-size: 100% 10px;

    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);

    border-radius: 5px;

}



/*.i-beli:hover {

    border-color: #de1a32;

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

    transition: 0.2s;

    -o-transition: 0.2s;

    -moz-transition: 0.2s;

    -webkit-transition: 0.2s;

}*/



/*.i-beli:hover h4 {

    color: #0b3277;

}*/



.i-beli img {

    /*float: left;*/

    /*width: 100px;*/

    width: 250px;

    display: flex;

}



.konten-item-beli {

    float: right;

    /*float: left;*/

    /*margin-left: 20px;*/

    /*width: calc(100% - 120px);*/

}



.konten-item-beli h4 {

    margin-bottom: 15px;

    font-family: "Roboto-Bold";

    font-size: 20px;

    color: #707070;

}





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

    .i-beli {

        padding: 15px;

    }



    /*.konten-item-beli {

        margin-left: 15px;

        width: calc(100% - 90px);

    }*/

}



@media(max-width: 910px) {

    .i-beli img {

        width: 200px;

    }



    .konten-item-beli h4 {

        margin-bottom: 10px;

        font-size: 17px;

    }

}



@media (max-width: 500px) {

    .i-beli img {

        width: 135px;

    }

}



@media (max-width: 400px) {

    .i-beli img {

        width: 130px;

    }

}



@media (max-width: 375px) {

    .i-beli img {

        width: 100px;

    }



    .konten-item-beli h4 {

        margin-bottom: 10px;

        font-size: 15px;

    }

}



@media (max-width: 365px) {

    .i-beli img {

        width: 100px;

    }



    .konten-item-beli h4 {

        margin-bottom: 10px;

        font-size: 13px;

    }

}



@media (max-width: 320px) {

    .i-beli img {

        width: 70px;

    }



    .konten-item-beli h4 {

        margin-bottom: 5px;

        font-size: 11px;

    }

}



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

    .item-beli {

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .box-beli {

        margin-right: -5px;

        margin-left: -5px;

        font-size: 0px;

    }



    .item-beli {

        margin-bottom: 10px;

        display: inline-block;

        padding-right: 5px;

        padding-left: 5px;

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .item-beli {

        margin-bottom: 15px;

        display: inline-block;

        padding-right: 5px;

        padding-left: 5px;

        /*width: 100%;*/

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    /*.konten-item-agent {

        width: calc(100% - 80px);

    }*/

}

/*end-text-beli-produk*/



/*star-text-jual-produk*/

.text-jual-produk {

    padding-top: 20px;

    padding-bottom: 20px;

    font-size: 22px;

    color: #5585A5;

    font-family: "Opensans-Bold";

}



.box-jual {

    margin-right: -15px;

    margin-left: -15px;

    font-size: 0px;

    margin-bottom: 20px;

}



.item-jual {

    margin-bottom: 30px;

    display: inline-block;

    padding-right: 15px;

    padding-left: 15px;

    /*width: 33.33333%;*/

    width: 50%;

    font-size: 14px;

    vertical-align: top;

}



.i-jual {

    display: block;

    /*padding: 20px;*/

    padding-top: 12px;

    padding-bottom: 12px;

    padding-left: 30px;

    padding-right: 30px;

    border: 0px solid #EEE;

    background: linear-gradient( to left, #d4e7f4 0%, rgb(205 212 239) 12%, rgb(140 178 206) 47%, rgb(26 133 206) 100% ) left bottom #fff no-repeat;

    background-size: 100% 10px;

    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);

    border-radius: 5px;

}



/*.i-jual:hover {

    border-color: #de1a32;

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

    transition: 0.2s;

    -o-transition: 0.2s;

    -moz-transition: 0.2s;

    -webkit-transition: 0.2s;

}*/



/*.i-jual:hover h4 {

    color: #0b3277;

}*/



.i-jual img {

    /*float: left;*/

    /*width: 100px;*/

    width: 250px;

    display: flex;

}



.konten-item-jual {

    float: right;

    /*float: left;*/

    /*margin-left: 20px;*/

    /*width: calc(100% - 120px);*/

}



.konten-item-jual h4 {

    margin-bottom: 15px;

    font-family: "Roboto-Bold";

    font-size: 20px;

    color: #707070;

}





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

    .i-jual {

        padding: 15px;

    }



    /*.konten-item-jual {

        margin-left: 15px;

        width: calc(100% - 90px);

    }*/

}



@media(max-width: 910px) {

    .i-jual img {

        width: 200px;

    }



    .konten-item-jual h4 {

        margin-bottom: 10px;

        font-size: 17px;

    }

}



@media (max-width: 500px) {

    .i-jual img {

        width: 135px;

    }

}



@media (max-width: 400px) {

    .i-jual img {

        width: 130px;

    }

}



@media (max-width: 375px) {

    .i-jual img {

        width: 100px;

    }



    .konten-item-jual h4 {

        margin-bottom: 10px;

        font-size: 15px;

    }

}



@media (max-width: 365px) {

    .i-jual img {

        width: 100px;

    }



    .konten-item-jual h4 {

        margin-bottom: 10px;

        font-size: 13px;

    }

}



@media (max-width: 320px) {

    .i-jual img {

        width: 70px;

    }



    .konten-item-jual h4 {

        margin-bottom: 5px;

        font-size: 11px;

    }

}



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

    .item-jual {

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .box-jual {

        margin-right: -5px;

        margin-left: -5px;

        font-size: 0px;

    }



    .item-jual {

        margin-bottom: 10px;

        display: inline-block;

        padding-right: 5px;

        padding-left: 5px;

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .item-jual {

        margin-bottom: 15px;

        display: inline-block;

        padding-right: 5px;

        padding-left: 5px;

        /*width: 100%;*/

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    /*.konten-item-agent {

        width: calc(100% - 80px);

    }*/

}

/*end-text-jual-produk*/



/*star-bread-facilities*/

.map-khusus-facilities {

    padding-top: 0px;

    border-top: 1px solid #f2f2f2;

    border-bottom: none;

}



.map-halaman-facilities {

    padding: 3px 0px;

    border-bottom: 1px solid #f2f2f2;

}



.breadcrumb-facilities {

    padding: 8px 0px;

    margin-bottom: 20px;

    list-style: none;

    background-color: #f5f5f5;

    border-radius: 4px;

    text-align: left;

}



.breadcrumb-facilities>li {

    display: inline-block;

}



.map-khusus-facilities .breadcrumb-facilities {

    padding-bottom: 10px;

    border-bottom: 0px solid #f2f2f2;

    border-radius: 0px;

}



.map-halaman-facilities .breadcrumb-facilities {

    margin-bottom: 0px;

    font-family: "Roboto-Regular";

    font-size: 13px;

    background: #fff;

}



.map-halaman-facilities .breadcrumb-facilities a {

    color: #C1C1C1;

    font-size: 13px;

    font-family: "Roboto-Regular";

    letter-spacing: 5px;

}



.breadcrumb-facilities>li+li:before {

    padding: 0 5px;

    color: #C1C1C1;

    content: "/\00a0";

}

/*end-bread-facilities*/



/*star-box-plat-gal*/

#konten-gall {

    padding-bottom: 5%;

    padding-top: 8%;

}



.box-plat-gal {

    margin-right: -10px;

    margin-left: -10px;

    font-size: 0px;

}



.item-plat-gal {

    margin-bottom: 20px;

    display: inline-block;

    padding-right: 10px;

    padding-left: 10px;

    width: 33%;

    font-size: 14px;

    vertical-align: top;

}



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

    .item-plat-gal {

        display: inline-block;

        padding-right: 10px;

        padding-left: 10px;

        width: 33.33333%;

        font-size: 14px;

        vertical-align: top;

    }



    .box-plat-gal {

        margin-right: 0;

        margin-left: 0;

    }

}



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

    .box-plat-gal {

        margin-right: 0;

        margin-left: 0;

        font-size: 0px;

    }



    .item-plat-gal {

        margin-bottom: 0;

        display: inline-block;

        padding-right: 10px;

        padding-left: 10px;

        padding-bottom: 15px;

        /*width: 33.33333%;*/

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}

/*end-box-plat-gal*/



/*star-teks-kontak*/

.teks-kontak-fill {

    font-family: "Roboto-Medium";

    color: #000;

    font-size: 16px;

}



.teks-kontak-office {

    font-family: "Roboto-Medium";

    font-size: 18px;

    color: #000;

    padding-bottom: 15px;

}



.teks-kontak-almt {

    font-size: 18px;

    font-family: "Roboto-Light";

    padding-bottom: 5px;

}



.teks-kontak-phone {

    display: block;

}



.teks-kontak-phone a {

    font-size: 18px;

    font-family: "Roboto-Light";

    padding-bottom: 5px;

    color: #000;

}



.teks-kontak-mail {

    display: block;

}



.teks-kontak-mail a {

    font-size: 18px;

    font-family: "Roboto-Light";

    padding-bottom: 5px;

    color: #000;

}



.teks-fill-name {

    font-family: "Roboto-Light";

    font-size: 16px;

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

}



.teks-fill-email {

    font-family: "Roboto-Light";

    font-size: 16px;

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

}



.teks-fill-telp {

    font-family: "Roboto-Light";

    font-size: 16px;

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

}



.teks-fill-alamat {

    font-family: "Roboto-Light";

    font-size: 16px;

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

}



.teks-fill-pesan {

    font-family: "Roboto-Light";

    font-size: 16px;

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

}



.teks-fill-cek {

    font-family: "Roboto-Light";

    font-size: 16px;

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

}

/*end-teks-kontak*/



/*star-footer-pro*/

#footer-pro {

    background: #313131;

    /* height: 35em; */

    /*-webkit-background-size: 100% 100%;*/

    /*-moz-background-size: 100% 100%;*/

    /*-o-background-size: 100% 100%;*/

    /*-ms-background-size: 100% 100%;*/

    /* width: 100%; */

    /* height: 350px; */

    /*background-repeat: no-repeat;*/

    /* background-size: 100% 100%; */

    /* background-position: center; */

    /* padding: 5%; */

    /* background-size: auto; */

    padding-top: 20px;

    padding-bottom: 20px;

}



.gambar-metro {

    text-align: center;

    padding-top: 20px;

}



.gambar-metro img {

    display: -webkit-inline-box;

    max-width: 100%;

    height: auto;

}



.footer-alamat {

    font-family: "Roboto-Light";

    font-size: 15px;

    color: #90DB6B;

    padding-top: 30px;

    padding-bottom: 5px;

    display: block;

    text-align: center;

    /*text-transform: uppercase;*/

}



.text-kontak-footer {

    padding-top: 5px;

    padding-bottom: 15px;

    display: inline-flex;

    /*display: block;*/

    /*text-align: center;*/

}



.text-kontak-footer .phonenumber {

    font-family: "Roboto-Light";

    color: #90DB6B;

    font-size: 15px;

    padding-right: 10px;

}



.text-kontak-footer .borderpisah {

    border : 1px #90DB6B solid;

}



.text-kontak-footer .mailnumber {

    font-family: "Roboto-Light";

    color: #90DB6B;

    font-size: 15px;

    padding-left: 10px;

}



.item-medsos {

    margin-top: 0px;

    margin-bottom: 0px;

    text-align: center;

}



.medsos-footer li {

    display: inline-block;

    margin-right: 15px;

}



.medsos-footer li a {

    display: block;

    width: 30px;

    height: 30px;

    background: #313131;

    /*border-radius: 50%;*/

}



.medsos-footer li a .fa {

    margin-top: 7px;

    margin-left: 0px;

    font-size: 25px;

    color: #707070;

}



.copyright {

    font-family: "Opensans-Reguler";

    font-size: 13px;

    color: #8A8A8A;

    padding-top: 10px;

    padding-bottom: 10px;

    display: block;

    /*text-align: center;*/

}



.copyright a {

    color: #549644;

}

/*end-footer-pro*/





/*star-bread-unit*/

.map-khusus-unit {

    padding-top: 0px;

    border-top: 1px solid #f2f2f2;

    border-bottom: none;

}



.map-halaman-unit {

    padding: 3px 0px;

    border-bottom: 1px solid #f2f2f2;

}



.breadcrumb-unit {

    padding: 8px 0px;

    margin-bottom: 20px;

    list-style: none;

    background-color: #f5f5f5;

    border-radius: 4px;

    text-align: left;

}



.breadcrumb-unit>li {

    display: inline-block;

}



.map-khusus-unit .breadcrumb-unit {

    padding-bottom: 10px;

    border-bottom: 0px solid #f2f2f2;

    border-radius: 0px;

}



.map-halaman-unit .breadcrumb-unit {

    margin-bottom: 0px;

    font-family: "Roboto-Regular";

    font-size: 13px;

    background: #fff;

}



.map-halaman-unit .breadcrumb-unit a {

    color: #C1C1C1;

    font-size: 13px;

    font-family: "Roboto-Regular";

    text-transform: uppercase;

    letter-spacing: 5px;

}



.breadcrumb-unit>li+li:before {

    padding: 0 5px;

    color: #C1C1C1;

    content: "/\00a0";

}

/*end-bread-unit*/



/*star-bread-unitdetail*/

.map-khusus-unitdetail {

    padding-top: 0px;

    border-top: 1px solid #f2f2f2;

    border-bottom: none;

}



.map-halaman-unit {

    padding: 3px 0px;

    border-bottom: 1px solid #f2f2f2;

}



.breadcrumb-unitdetail {

    padding: 8px 0px;

    margin-bottom: 20px;

    list-style: none;

    background-color: #f5f5f5;

    border-radius: 4px;

    text-align: left;

}



.breadcrumb-unitdetail>li {

    display: inline-block;

}



.map-khusus-unitdetail .breadcrumb-unitdetail {

    padding-bottom: 10px;

    border-bottom: 0px solid #f2f2f2;

    border-radius: 0px;

}



.map-halaman-unitdetail .breadcrumb-unitdetail {

    margin-bottom: 0px;

    font-family: "Roboto-Regular";

    font-size: 13px;

    background: #fff;

}



.map-halaman-unitdetail .breadcrumb-unitdetail a {

    color: #C1C1C1;

    font-size: 13px;

    font-family: "Roboto-Regular";

    text-transform: uppercase;

    letter-spacing: 5px;

}



.breadcrumb-unitdetail>li+li:before {

    padding: 0 5px;

    color: #C1C1C1;

    content: "/\00a0";

}

/*end-bread-unitdetail*/



/*star-text-unitplan*/

.text-unitplan {

    font-family: "Roboto-Light";

    font-size: 40px;

    color: #2D2D2D;

    padding-top: 10px;

    padding-bottom: 10px;

}

/*end-text-unitplan*/



/*star-type-unit*/

#type-pro {

    /* margin-top: 5%; */

    padding-top: 10px !important;

    padding-bottom: 25px;

    /* padding: 20px 0 !important; */

}



.textunit-tipe {

    font-family: "Roboto-Bold";

    color: #2D2D2D;

    font-size: 20px;

    padding-bottom: 5px;

}



.textunit-sqm {

    font-family: "Roboto-Bold";

    font-size: 30px;

    color: #2D2D2D;

}



.textunit-lorem {

    font-family: "Roboto-Regular";

    color: #707070;

    font-size: 15px;

    padding-bottom: 30px;

    text-align: justify;

}



.unitbtn-a {

    display: inline-block;

    /* padding: 6px 12px; */

    padding: 10px 20px;

    margin-bottom: 0;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 0px solid transparent;

    border-radius: 15px;

}



.unitbtn-a:hover {

    color: #FFFFFF;

}



.unitbtn-a-primary {

    color: #FFFFFF;

    /* background-color: #337ab7; */

    /* border-color: #2e6da4; */

    background-image: linear-gradient(to right, #5A8F47 , #92B853);

    font-family: "Roboto-Regular";

    margin-bottom: 20px;

}

/*end-type-unit*/



/*star-type-unit-2*/

#type-pro-2 {

    /* margin-top: 5%; */

    padding-top: 10px !important;

    padding-bottom: 25px;

    /* padding: 20px 0 !important; */

}

.textunit-tipe-2 {

    font-family: "Roboto-Bold";

    color: #2D2D2D;

    font-size: 20px;

    padding-bottom: 5px;

}



.textunit-sqm-2 {

    font-family: "Roboto-Bold";

    font-size: 30px;

    color: #2D2D2D;

}



.textunit-lorem-2 {

    font-family: "Roboto-Regular";

    color: #707070;

    font-size: 15px;

    padding-bottom: 30px;

    text-align: justify;

}



.unitbtnx-a {

    display: inline-block;

    /* padding: 6px 12px; */

    padding: 10px 20px;

    margin-bottom: 0;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 0px solid transparent;

    border-radius: 15px;

}



.unitbtnx-a:hover {

    color: #FFFFFF;

}



.unitbtnx-a-primary {

    color: #FFFFFF;

    /* background-color: #337ab7; */

    /* border-color: #2e6da4; */

    background-image: linear-gradient(to right, #5A8F47 , #92B853);

    font-family: "Roboto-Regular";

    margin-bottom: 20px;

}

/*end-type-unit-2*/



/*star-type-unit-3*/

#type-pro-3 {

    /* margin-top: 5%; */

    padding-top: 15px !important;

    padding-bottom: 25px;

    /* padding: 20px 0 !important; */

}

.textunit-tipe-3 {

    font-family: "Roboto-Bold";

    color: #2D2D2D;

    font-size: 20px;

    padding-bottom: 5px;

}



.textunit-sqm-3 {

    font-family: "Roboto-Bold";

    font-size: 30px;

    color: #2D2D2D;

}



.textunit-lorem-3 {

    font-family: "Roboto-Regular";

    color: #707070;

    font-size: 15px;

    padding-bottom: 30px;

    text-align: justify;

}



.unitbtnxy-a {

    display: inline-block;

    /* padding: 6px 12px; */

    padding: 10px 20px;

    margin-bottom: 0;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 0px solid transparent;

    border-radius: 15px;

}



.unitbtnxy-a:hover {

    color: #FFFFFF;

}



.unitbtnxy-a-primary {

    color: #FFFFFF;

    /* background-color: #337ab7; */

    /* border-color: #2e6da4; */

    background-image: linear-gradient(to right, #5A8F47 , #92B853);

    font-family: "Roboto-Regular";

    margin-bottom: 20px;

}



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

    #type-pro-3 {

        padding-top: 20px;

    }

}

/*end-type-unit-3*/



/*star-plandetail-teks*/

#plandetail {

    padding-top: 20px;

    padding-bottom: 20px;

}



.plandetail-teks {

    font-size: 65px;

    font-family: "Roboto-Regular";

    color: #2D2D2D;

    padding-bottom: 10px;

}



.plandetail-ket {

    font-size: 20px;

    font-family: "Roboto-Regular";

    color: #2D2D2D;

    padding-bottom: 10px;

}



.plandetail-isi {

    font-size: 16px;

    font-family: "Roboto-Regular";

    color: #2D2D2D;

}



.plandetail-isi p {

    font-size: 16px;

    font-family: "Roboto-Regular";

    color: #2D2D2D;

}



.plandetail-isi strong, b, th {

    font-family: "Roboto-Regular";

    font-weight: 700;

    font-size: 16px;

}

/*end-plandetail-teks*/



/*star-plandetail-brosur*/

#plandetail-brosur {

    padding-top: 5%;

    padding-bottom: 5%;

    text-align: center;

}



.plandetail-brosur-sqm {

    font-family: "Roboto-Bold";

    font-size: 25px;

    color: #2D2D2D;

    padding-bottom: 15px;

}



.plandetail-brosurimg {

    display: block;

    padding-bottom: 50px;

}



.plandetail-brosurimg img {

    max-width: 100%;

}



.plandetail-brosurget {

    font-family: "Roboto-Bold";

    font-size: 25px;

    color: #2D2D2D;

    padding-bottom: 25px;

}



.btnbrosur-detail {

    display: inline-block;

    /* padding: 6px 12px; */

    padding: 15px 20px;

    margin-bottom: 0;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 0px solid transparent;

    border-radius: 15px;

}



.btnbrosur-detail:hover {

    color: #FFFFFF;

}



.btnbrosur-detail-primary {

    color: #FFFFFF;

    background-image: linear-gradient(to right, #5A8F47 , #92B853);

    font-family: "Roboto-Regular";

    margin-bottom: 20px;

    text-transform: uppercase;

}

/*end-plandetail-brosur*/



/*star-unit-ruang*/

.unit-ruang {

    padding-top: 10px;

    padding-bottom: 30px;

}



.ruang-header-right {

    position: relative;

}



.ruang-header-right li {

    margin-right: 25px;

}



.ruang-header-right li:last-child {

    margin-right: 0;

}



.ruang-header-right li .imgtext {

    display: block;

    font-size: 13px;

    color: #de1a32;

    cursor: pointer;

}



/*.top-header-right li a {

    display: block;

    font-size: 13px;

    color: #de1a32;

    cursor: pointer;

}*/



/*.top-header-right li a .fa {

    margin-right: 3px;

    color: #343434;

}*/



.ruang-header-right li .imgunit {

    display: block;

    font-size: 18px;

    color: #2D2D2D;

    font-family: "Roboto-Regular";

}



.ruang-header-right li .imgunit img {

    margin-right: 3px;

    color: #343434;

}

/*end-unit-ruang*/



/*star-events-owl*/

#box-events {

    padding-top: 20px;

    padding-bottom: 20px;

}



.box-events {

    margin-right: -15px;

    margin-left: -15px;

    font-size: 0px;

}



.box-events.owl-events {

    margin-right: 0;

    margin-left: 0;

    font-size: 0px;

}



.item-events {

    margin-bottom: 30px;

    display: inline-block;

    padding-right: 15px;

    padding-left: 15px;

    /*width: 25%;*/

    max-width: 100%;

    font-size: 14px;

    vertical-align: top;

    display: contents;

}



.i-events {

    border: 0px solid #F4F4F4;

    background: #ffffff;

    display: contents;

}



.img-events {

    position: relative;

    margin: -1px;

    overflow: hidden;

}



.img-events:hover {

    visibility: visible;

    width: 100%;

    height: 100%;

    transition: 0.2s;

    -o-transition: 0.2s;

    -moz-transition: 0.2s;

    -webkit-transition: 0.2s;

}



.item-events.slide-pro {

    display: inline-block;

    padding-right: 0;

    padding-left: 0;

    width: 100%;

    font-size: 14px;

    vertical-align: top;

}



.konten-events {

    /*padding: 15px;*/

    padding-top: 15px;

    padding-bottom: 0px;

}



.konten-events span {

    display: block;

    margin-bottom: 5px;

    font-family: "GravityBold";

    font-size: 14px;

    color: #a5a5a5;

    text-transform: capitalize;

    font-feature-settings: "salt";

    -webkit-font-feature-settings: "salt";

    -o-font-feature-settings: "salt";

    -moz-font-feature-settings: "salt";

    -ms-font-feature-settings: "salt";

}



.konten-events h4 {

    padding-bottom: 15px;

    margin: 0;

    margin-bottom: 0px;

    margin-top: 10px;

    position: relative;

    text-transform: capitalize;

    border-bottom: 0px solid #EEE;

}



.konten-events h4 a {

    display: block;

    height: 50px;

    font-size: 19px;

    color: #131313;

    line-height: 22px;

    letter-spacing: .5px;

    text-transform: capitalize;

    overflow: hidden;

    font-family: "GravityBold";

}



.konten-events h4 a:hover {

    color: #131313;

}



/*.konten-event-home h4:before {

    position: absolute;

    content: "";

    left: 0;

    bottom: -2px;

    width: 50px;

    height: 3px;

    background: #de1a32;

}*/



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

    .konten-events h4 a {

        font-size: 14px;

    }



    .item-events {

        display: inline-block;

        padding-right: 0px;

        padding-left: 0px;

        /*width: 33.33333%;*/

        max-width: 100%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .shows {

        display: none;

    }



    .hiddens {

        display: block;

    }

}



@media only screen and (min-width: 200px) and (max-width: 767px) {

    .shows {

        display: block;

        margin: auto;

    }



    .hiddens {

        display: none;

    }

}



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

    .item-events {

        display: inline-block;

        padding-right: 0px;

        padding-left: 0px;

        /*width: 50%;*/

        max-width: 100%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .item-events {

        display: inline-block;

        padding-right: 0px;

        padding-left: 0px;

        /*width: 100%;*/

        max-width: 100%;

        font-size: 14px;

        vertical-align: top;

    }

}

/*end-events-owl*/



/*star-home-akses-lokasi*/

#home-akses-lokasi {

    padding-top: 2%;

    padding-bottom: 7%;

    text-align: center;

}



.gmbr-tol {

    display: block;

}



.gmbr-tol img {

    max-width: 100%;

    padding-bottom: 20px;

}



.border-right-1 {

    border-right: 1px #ECECEC solid;

}



.border-right-2 {

    border-right: 1px #ECECEC solid;

}



.border-right-3 {

    border-right: 1px #ECECEC solid;

}



.text-akses-lokasi-atas {

    font-family: "Roboto-Bold";

    font-size: 40px;

    color: #549644;

    padding-bottom: 10px;

}



.text-akses-lokasi-bawah {

    font-family: "Roboto-Bold";

    font-size: 15px;

    color: #2D2D2D;

    padding-bottom: 10px;

}

/*end-home-akses-lokasi*/



/*star-home-keunggulan*/

#home-keunggulan {

    padding-top: 5%;

    padding-bottom: 5%;

}



.text-home-keunggulan {

    font-size: 30px;

    color: #5585A5;

    font-family: "Roboto-Bold";

    text-align: center;

    padding-bottom: 10px;

}



.hrow hr {

    margin-top: 10px;

    margin-bottom: 20px;

    width: 10%;

    border: 0;

    border-top: 4px solid #5585A5;

}



.box-home-keunggulan {

    margin-right: -15px;

    margin-left: -15px;

    font-size: 0px;

}



.item-home-keunggulan {

    margin-bottom: 30px;

    display: inline-block;

    padding-right: 15px;

    padding-left: 15px;

    width: 33.33333%;

    font-size: 14px;

    vertical-align: top;

}



.item-home-keunggulan .image-home-keunggulan {

    display: block;

    text-align: center;

}



.item-home-keunggulan .image-home-keunggulan img {

    max-width: 100%;

    height: auto;

    /*height: fit-content;*/

    /*height: 500px;*/

}



.i-home-keunggulan {

    background: #ffffff;

    padding-top: 10px;

}



.konten-item-home-keunggulan {

    padding: 20px;

}



.judul-item-home-keunggulan {

    margin-bottom: 5px;

    /*height: 35px;*/

    margin-top: 15px;

    font-family: "Roboto-Bold";

    font-size: 20px;

    color: #515151;

    padding-left: 25px;

    padding-right: 25px;

    text-align: center;

}



.desc-item-home-keunggulan {

    /*height: 35px;*/

    margin-bottom: 20px;

    margin-top: 15px;

    font-family: "Roboto-Regular";

    font-size: 16px;

    color: #585858;

    padding-left: 25px;

    padding-right: 25px;

    text-align: justify;

}



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

    .judul-item-home-keunggulan {

        margin-bottom: 5px;

    }

}



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

    .item-home-keunggulan {

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .item-home-keunggulan {

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 100%;

        font-size: 14px;

        vertical-align: top;

    }

}

/*end-home-keunggulan*/



/*star-other-unit*/

#other-unit {

    background: #EEEEEE;

    padding-top: 5%;

    padding-bottom: 5%;

}



.text-other {

    text-align: center;

    color: #2D2D2D;

    font-family: "Roboto-Regular";

    font-size: 40px;

    padding-bottom: 5%;

}



.box-other-unit {

    margin-right: -15px;

    margin-left: -15px;

    font-size: 0px;

}



.item-other-unit {

    margin-bottom: 30px;

    display: inline-block;

    padding-right: 15px;

    padding-left: 15px;

    width: 33.33333%;

    font-size: 14px;

    vertical-align: top;

}



.item-other-unit .image-home {

    display: block;

}



.item-other-unit .image-home img {

    width: 100%;

    height: 400px;

    /*height: fit-content;*/

    /*height: 500px;*/

}



.i-other-unit {

    background: #EEEEEE;

}



.konten-item-other-unit {

    padding: 20px;

}



.judul-item-other-unit {

    margin-bottom: 5px;

    /*height: 35px;*/

    margin-top: 10px;

    font-family: "Roboto-Bold";

    font-size: 20px;

    color: #2D2D2D;

    padding-left: 25px;

    padding-right: 25px;

}



.sqm-item-other-unit {

    /*height: 35px;*/

    margin-bottom: 20px;

    margin-top: 5px;

    font-family: "Roboto-Bold";

    font-size: 25px;

    color: #2D2D2D;

    padding-left: 25px;

    padding-right: 25px;

}



.lorem-item-other-unit {

    /*height: 35px;*/

    margin-bottom: 20px;

    margin-top: 5px;

    font-family: "Roboto-Regular";

    font-size: 15px;

    color: #707070;

    padding-left: 25px;

    padding-right: 25px;

}



.summary-other-unit {

    font-size: 14px !important;

    color: #444 !important;

}



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

    .judul-item-other-unit {

        margin-bottom: 5px;

    }



    .sqm-item-other-unit {

        margin-top: 5px;

    }

}



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

    .item-other-unit {

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .item-other-unit {

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 100%;

        font-size: 14px;

        vertical-align: top;

    }

}



.btndetail-other {

    padding-left: 25px;

}



.btnother-a {

    display: inline-block;

    /* padding: 6px 12px; */

    padding: 10px 20px;

    margin-bottom: 0;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 0px solid transparent;

    border-radius: 15px;

}



.btnother-a:hover {

    color: #FFFFFF;

}



.btnother-a-primary {

    color: #FFFFFF;

    /* background-color: #337ab7; */

    /* border-color: #2e6da4; */

    background-image: linear-gradient(to right, #5A8F47 , #92B853);

    font-family: "Roboto-Regular";

    margin-bottom: 20px;

}

/*end-other-unit*/



/*star-home-fasility*/

#home-fasility {

    background: #579946;

    padding-top: 7%;

    padding-bottom: 7%;

}



.home-fasility-text {

    font-size: 13px;

    font-family: "Roboto-Regular";

    color: #90DB6B;

    padding-bottom: 15px;

}



.home-fasility-lifestyle {

    font-size: 40px;

    font-family: "Roboto-Regular";

    color: #ffffff;

    padding-bottom: 30px;

    width: 10px;

    line-height: 45px;

}



.home-fasility-lorem {

    font-size: 16px;

    font-family: "Roboto-Regular";

    color: #ffffff;

    padding-bottom: 50px;

    text-align: justify;

}



.btnexplore-a {

    display: inline-block;

    /* padding: 6px 12px; */

    padding: 10px 20px;

    margin-bottom: 0;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 15px;

}



.btnexplore-a:hover {

    color: #ffffff;

}



.btnexplore-a-primary {

    color: #FFFFFF;

    background-color: #579946;

    border-color: #FFFFFF;

    /*background-image: linear-gradient(to right, #5A8F47 , #92B853);*/

    font-family: "Roboto-Regular";

    margin-bottom: 20px;

    text-transform: uppercase;

}



.home-fasility-gmbr {

    display: block;

}



.home-fasility-gmbr img {

    max-width: 100%;

}

/*end-home-fasility*/



/*star-home-welcome*/

#home-welcome {

    padding-top: 7%;

    padding-bottom: 5%;

}



.home-produk-welcome .img-light-produk-welcome img {

    position: relative;

    z-index: 2;

}



.home-produk-welcome .img-light-produk-welcome {

    position: relative;

    /*margin-bottom: 100px;*/

    margin-bottom: 20%;

    width: 80%;

    max-width: 700px;

    float: left;

}



.home-produk-welcome .img-light-produk-welcome .desain-gmbr {

    position: absolute;

    content: "";

    /*bottom: -60px;*/

    top: 33%;

    right: -100px;

    /*max-width: 100%;*/

    max-width: 80%;

    /*width: 50%;*/

    /*height: 70%;*/

    height: auto;

    background: transparent;

    z-index: 3;

}







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

    .home-produk-welcome .img-light-produk-welcome .desain-gmbr {

        left: -60px;

        top: 35%;

    }

}



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

    .home-produk-welcome .img-light-produk-welcome .desain-gmbr {

        left: -60px;

    }

    .home-produk-welcome .img-light-produk-welcome {

        margin-bottom: 15% !important;

    }

}



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

    .home-produk-welcome .img-light-produk-welcome .desain-gmbr {

        left: -60px;

    }

}



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

    .home-produk-welcome .img-light-produk-welcome .desain-gmbr {

        left: -30%;

    }

}



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

    .home-produk-welcome .img-light-produk-welcome .desain-gmbr {

        left: -30%;

    }

}



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

    .home-produk-welcome .img-light-produk-welcome .desain-gmbr {

        left: 55%;

        padding-left: 15px;

        width: 80%;

    }

    .home-produk-welcome .img-light-produk-welcome {

        margin-bottom: 20%;

    }

}



@media screen and (min-width: 1024px) {

    .home-produk-welcome .img-light-produk-welcome .desain-gmbr {

        top: 20%;

    }

}



@media screen and (min-width: 1366px) {

    .home-produk-welcome .img-light-produk-welcome .desain-gmbr {

        top: 33%;

    }

}



.home-welcome-text {

    font-family: "Roboto-Regular";

    font-size: 13px;

    color: #C1C1C1;

    padding-bottom: 20px;

    padding-top: 10px;

    display: inline-block;

}



.home-welcome-perfect {

    font-family: "Roboto-Regular";

    font-size: 40px;

    color: #2D2D2D;

    padding-bottom: 15px;

    line-height: 45px;

    display: inline-block;

}



.home-welcome-metro {

    font-family: "Roboto-Regular";

    font-size: 16px;

    color: #2D2D2D;

    padding-bottom: 20px;

    text-align: justify;

}



.home-welcome-metro p {

    font-family: "Roboto-Regular";

    font-size: 16px;

    color: #2D2D2D;

    text-align: justify;

    /*padding-bottom: 20px;*/

}

/*end-home-welcome*/





/*star-text-banner-about*/

#apartmen-about {

    /* float: left; */

    color: #2D2D2D;

    font-family: "Roboto-Medium";

    margin-top: -15px;

    font-size: 36px;

}



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

    #apartmen-about {

        /*float: left;*/

        color: #2D2D2D;

        font-family: "Roboto-Medium";

        margin-top: -15px;

        font-size: 24px;

    }

}



#our-metro {

    /* float: left; */

    font-family: "Roboto-Medium";

    color: #2D2D2D;

    padding-bottom: 20px;

    font-size: 36px;

}



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

    #our-metro {

        /* float: left; */

        color: #2D2D2D;

        padding-bottom: 20px;

        font-family: "Roboto-Medium";

        font-size: 16px;

    }

}

/*end-text-banner-about*/



/*star-text-banner-kontak*/

#apartmen-kontak {

    /* float: left; */

    color: #2D2D2D;

    font-family: "Roboto-Medium";

    margin-top: -15px;

    font-size: 36px;

}



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

    #apartmen-kontak {

        /*float: left;*/

        color: #2D2D2D;

        font-family: "Roboto-Medium";

        margin-top: -15px;

        font-size: 24px;

    }

}



#our-kontak {

    /* float: left; */

    font-family: "Roboto-Medium";

    color: #2D2D2D;

    padding-bottom: 20px;

    font-size: 36px;

}



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

    #our-kontak {

        /* float: left; */

        color: #2D2D2D;

        padding-bottom: 20px;

        font-family: "Roboto-Medium";

        font-size: 16px;

    }

}

/*end-text-banner-kontak*/



/*star-text-banner-fasilities*/

#our-fasilities {

    /* float: left; */

    font-family: "Roboto-Medium";

    color: #2D2D2D;

    padding-bottom: 20px;

    font-size: 36px;

}



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

    #our-fasilities {

        /* float: left; */

        color: #2D2D2D;

        padding-bottom: 20px;

        font-family: "Roboto-Medium";

        font-size: 16px;

    }

}

/*end-text-banner-fasilities*/



/*star-text-banner-type*/

#our-type {

    /* float: left; */

    font-family: "Roboto-Medium";

    color: #2D2D2D;

    padding-bottom: 20px;

    font-size: 36px;

}



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

    #our-type {

        /* float: left; */

        color: #2D2D2D;

        padding-bottom: 20px;

        font-family: "Roboto-Medium";

        font-size: 16px;

    }

}

/*end-text-banner-type*/



/*star-text-banner-type-detail*/

#our-type-detail {

    /* float: left; */

    font-family: "Roboto-Medium";

    color: #2D2D2D;

    padding-bottom: 20px;

    font-size: 36px;

}



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

    #our-type-detail {

        /* float: left; */

        color: #2D2D2D;

        padding-bottom: 20px;

        font-family: "Roboto-Medium";

        font-size: 16px;

    }

}

/*end-text-banner-type-detail*/



/*star-embed-home*/

.embed-home-video {

    padding-top: 50px;

    padding-bottom: 15px;

}



hr.new1 {

    border-top: 1px solid #dddd;

    margin-bottom: 70px;

}



@media (max-width: 910px) {

    .embed-home-video {

        padding-top: 20px;

    }

}



@media (max-width: 400px) {

    .embed-home-video {

        padding-top: 20px;

    }

}



@media (max-width: 375px) {

    .embed-home-video {

        padding-top: 20px;

    }

}



@media (max-width: 365px) {

    .embed-home-video {

        padding-top: 20px;

    }

}



@media (max-width: 320px) {

    .embed-home-video {

        padding-top: 20px;

    }

}

/*end-embed-home*/



/*star-text-home-about*/

#img-home-about {

    padding-top: 20px;

    padding-bottom: 10px;

}



.img-home-about {

    display: block;

}



.img-home-about img {

    max-width: 100%;

    height: auto;

    padding-right: 15px;

    padding-left: 15px;

}



.text-home-histori {

    padding-bottom: 13px;

    font-family: "Raleway-Regular";

    color: #707070;

    padding-left: 15px;

    padding-right: 15px;

}



.text-home-histori img {

    /*max-width: 100%;*/

    width: 60px;

    height: 2px;

    padding-right: 10px;

}



.text-home-about {

    font-size: 30px;

    color: #5585A5;

    font-family: "Montserrat-Bold";

    padding-bottom: 15px;

    padding-left: 15px;

    padding-right: 15px;

}



.text-home-konten {

    font-size: 16px;

    color: #565656;

    font-family: "Opensans-Reguler";

}



.text-home-konten p {

    font-size: 16px;

    color: #565656;

    font-family: "Opensans-Reguler";

    text-align: justify;

    padding-left: 15px;

    padding-right: 15px;

}



.btnabout-home {

    padding-left: 15px;

    padding-top: 15px;

}



.btnabouthome-a {

    display: inline-block;

    /* padding: 6px 12px; */

    padding: 15px 30px;

    margin-bottom: 0;

    font-size: 15px;

    /*font-weight: 400;*/

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 24px;

}



.btnabouthome-a:hover {

    color: #37b828;

}



.btnabouthome-a-primary {

    color: #2E5F80;

    background-color: #ffffff;

    border-color: #2E5F80;

    /*background-image: linear-gradient(to right, #5A8F47 , #92B853);*/

    font-family: "Montserrat-Regular";

    margin-bottom: 20px;

}

/*end-text-home-about*/



/*star-whatsapp*/

@keyframes up {

    0% {

        bottom: 0px;

    }

    100% {

        bottom: 50%;

    }

}



.wa-random {

    position: fixed;

    bottom: 50%;

    height: 164px;

    transform: translateY(50%);

    right: 0px;

    z-index: 20;

}



.wa-random.setopin {

    position: absolute;

    transform: none;

}



.wa-random.trans {

    animation-name: up;

    animation-duration: 1s;

}



.wa-random .hide-seek {

    position: absolute;

    top: 50%;

    left: -43px;

    transform: translateY(-50%);

    background: #d8d8d880;

    border-top-left-radius: 50%;

    border-bottom-left-radius: 50%;

    border: none;

    font-size: 35px;

    padding: 0 15px 0 15px;

}



.wa-random .kus-wa {

    overflow: hidden;

    width: 0;

    transition: width 0.4s ease-out;

    position: relative;

}



/*.wa-random .kus-wa.aktip {

    overflow: unset;

    width: 41px;

    background: #00C82F;

    border-radius: 35px 0px 0px 35px;

}*/



.wa-random .kus-wa.aktip {

    overflow: unset;

    width: 50px;

    background: #00C82F;

    padding-left: 12px;

    padding-right: 10px;

    padding-top: 10px;

    padding-bottom: 2px;

    margin-bottom: 3px;

    border-radius: 12px 0px 0px 12px;

}



.wa-random .kus-wa:hover > .box-nama {

    display: block;

}



.wa-random .kus-wa img {

    display: block;

}



.wa-random .kus-wa p {

    background: #00C82F;

    color: #ffffff;

    margin-bottom: 5px;

    margin-top: 3px;

    font-size: 13px;

    font-family: "Roboto-Regular";

}



.wa-random .kus-wa .box-nama {

    position: absolute;

    height: 100%;

    display: none;

    top: 0;

    right: 41px;

    width: 150px;

    background: #006630;

    text-align: center;

    color: #fff;

}



.wa-random .kus-wa .box-nama::after {

    content: "";

    position: absolute;

    right: -12px;

    width: 0;

    height: 0;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-top: 8px solid #006630;

    z-index: 30;

    transform: rotate(-90deg);

    top: 16px;

}



.wa-random .kus-wa .box-nama p {

    font-size: 16px;

    line-height: 41px;

}





/*@media only screen and (min-width: 200px) and (max-width: 1200px) {

    @keyframes up {

        0% {

            bottom: 0px;

        }

        100% {

            bottom: 30px;

        }

    }

    

    .wa-random {

        position: fixed;

        bottom: 30px;

        height: 41px;

        width: 180px;

        transform: translateY(50%);

        right: 10px;

        z-index: 20;

    }

    

    .wa-random.setopin {

        position: absolute;

        transform: none;

    }

    

    .wa-random.trans {

        animation-name: up;

        animation-duration: 1s;

    }

    

    .wa-random .kus-wa {

        overflow: hidden;

        width: 0;

        transition: width 0.4s ease-out;

        position: relative;

        width: 41px;

        display: inline-block;

    }

    

    .wa-random .kus-wa:hover > .box-nama {

        display: block;

    }

    

    .wa-random .kus-wa img {

        display: inline-block;

    }

    

    .wa-random .kus-wa .box-nama {

        position: absolute;

        height: 20px;

        display: block;

        top: -20px;

        right: 0px;

        width: 100%;

        background: #006630;

        text-align: center;

        color: #fff;

    }

    

    .wa-random .kus-wa .box-nama::after {

        content: "";

        position: absolute;

        width: 0;

        height: 0;

        border-left: 8px solid transparent;

        border-right: 8px solid transparent;

        border-top: 8px solid #006630;

        z-index: 30;

        transform: rotate(0deg);

        top: 20px;

        right: 12px;

    }

    

    .wa-random .kus-wa .box-nama p {

        font-size: 10px;

        line-height: 20px;

    }

}*/



/*.ellipsis {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}*/

/*end-whatsapp*/



/*star-home-attention*/

#home-attention {

    padding-top: 50px;

    padding-bottom: 20px;

}



.home-attention {

    display: inline-block;

}



.home-attention img {

    max-width: 100%;

}

/*end-home-attention*/





/*star-box-subcat*/

#konten-outlet {

    padding-top: 45px;

    padding-bottom: 25px;

}



.text-outlet {

    padding-bottom: 25px;

    font-size: 35px;

    color: #5585A5;

    font-family: "Opensans-Bold";

}



.desc-outlet {

    padding-bottom: 40px;

    font-size: 17px;

    color: #707070;

    font-family: "Roboto-Regular";

    width: 65%;

    line-height: 30px;

}



.box-outlet {

    margin-right: -15px;

    margin-left: -15px;

    font-size: 0px;

}



.item-outlet {

    display: inline-block;

    padding-right: 15px;

    padding-left: 15px;

    width: 50%;

    /*width: 33.33333%;*/

    font-size: 14px;

    vertical-align: top;

}



.i-outlet {

    position: relative;

    display: block;

    overflow: hidden;

    text-align: center;

}



.i-outlet:hover .slide-item-outlet {

    left: 0;

    opacity: 1;

}



.konten-item-outlet {

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 0px;

    padding-bottom: 15px;

}



.konten-item-outlet-nama {

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 20px;

    padding-bottom: 0px;

}



.judul-item-outlet {

    margin-bottom: 10px;

}



.judul-item-outlet-nama {

    margin-bottom: 10px;

    color: #333333;

    font-size: 20px;

    font-family: "Opensans-Bold";

}



.judul-item-outlet a {

    font-family: "Opensans-Reguler";

    font-size: 13px;

    font-feature-settings: "salt";

    -webkit-font-feature-settings: "salt";

    -o-font-feature-settings: "salt";

    -moz-font-feature-settings: "salt";

    -ms-font-feature-settings: "salt";

    color: #ABABAB;

}



.judul-item-outlet a img {

    padding-right: 10px;

}



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

    .judul-item-outlet {

        margin-bottom: 15px;

    }



    .judul-item-outlet-nama {

        margin-bottom: 15px;

    }

  

    .judul-item-outlet a {

        font-size: 14px;

    }



    .judul-summary-outlet {

        margin-bottom: 15px;

    }

  

    .judul-summary-outlet a {

        font-size: 14px;

    }

}



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

    .item-outlet {

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .item-outlet {

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        width: 100%;

        font-size: 14px;

        vertical-align: top;

    }

}



.slide-item-outlet {

    position: absolute;

    content: "";

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    padding: 20px;

    opacity: 50%;

    background: #5585a5b8;

    /*border: 10px solid #36893B;*/

}



.slide-item-outlet .fa {

    color: #ffffff;

    font-size: 30px;

}



.konten-slide-outlet {

    position: absolute;

    top: 50%;

    left: 50%;

    width: calc(100% - 40px);

    transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

}





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

    .slide-item-outlet .fa {

        font-size: 16px;

    }

}



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

    .slide-item-outlet .fa {

        font-size: 16px;

    }

}



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

    .item-outlet {

        display: inline-block;

        padding-right: 10px;

        padding-left: 10px;

        /*width: 33.33333%;*/

        width: 50%;

        font-size: 14px;

        vertical-align: top;

    }

}



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

    .item-outlet {

        display: inline-block;

        padding-right: 10px;

        padding-left: 10px;

        /*width: 33.33333%;*/

        width: 100%;

        font-size: 14px;

        vertical-align: top;

    }

}



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



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



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

    .item-outlet {

        display: inline-block;

        padding-right: 15px;

        padding-left: 15px;

        /*width: 50%;*/

        width: 100%;

        font-size: 14px;

        vertical-align: top;

    }

    

    .slide-item-outlet .fa {

        font-size: 30px;

    }

}

/*end-box-outlet*/





/*star-project-page*/

.text-info-home {

    color: #5585A5;

    font-size: 28px;

    font-family: "Roboto-Bold";

    text-align: center;

    padding-bottom: 20px;

}



.text-info-home-desc {

    font-size: 17px;

    font-family: "Opensans-Reguler";

    color: #8A8A8A;

    text-align: center;

    padding-left: 15px;

    padding-right: 15px;

}



.project-page .contact-agent {

    background-color: #ffffff;

    z-index: 3;

    position: relative;

    /*bottom: -60px;*/

    bottom: 50px;

    color:white !important;

    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);

    border-bottom: 10px solid #70C3E5;

    border-radius: 15px;

}



.project-page .contact-agent .right {

    border-right:1px solid white;

}



.contact-agent .inline-block {

    background-color: transparent;

    font-family: "OpenSans Bold"

}



.project-page .contact-agent i {

    font-size: 90px;

}



.project-page .contact-agent .text, .project-page .contact-agent a {

    font-size: 18px;

    vertical-align: bottom;

    color:white;

}



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

    .project-page .contact-agent .right {

    border-right: none;

    }



}





/*produk-detail*/

.padding-top-1 {

    padding-top:1%;

}

.padding-top-2 {

    padding-top:2%;

}

.padding-top-3 {

    padding-top:3%;

}

.padding-top-4 {

    padding-top:4%;

}

.padding-top-5 {

    padding-top:5%;

}

.padding-top-6 {

    padding-top:6%;

}

.padding-top-7 {

    padding-top:7%;

}

.padding-top-8 {

    padding-top:8%;

}

.padding-top-9 {

    padding-top:9%;

}

.padding-top-10 {

    padding-top:10%;

}

/*padding-top*/



/*padding*/

.padding-1 {

    padding:1%;

}

.padding-2 {

    padding:2%;

}

.padding-3 {

    padding:3%;

}

.padding-4 {

    padding:4%;

}

.padding-5 {

    padding:5%;

}

.padding-6 {

    padding:6%;

}

.padding-7 {

    padding:7%;

}

.padding-8 {

    padding:8%;

}

.padding-9 {

    padding:9%;

}

.padding-10 {

    padding:10%;

}

/*padding*/

/*end-project-page*/



/*star-text-beli-home*/

.text-beli-home {

    font-size: 30px;

    font-family: "Opensans-Bold";

    color: #515151;

    padding-bottom: 5px;

}



.text-tglbeli-home {

    color: #515151;

    font-size: 17px;

    font-family: "Opensans-Reguler";

    padding-bottom: 15px;

}



.boxs-belihome {

    position: relative;

    border-radius: 3px;

    background: #ffffff;

    border-top: 0px solid #d2d6de;

    margin-bottom: 20px;

    width: 100%;

    /*box-shadow: 0 1px 1px rgb(0 0 0 / 10%);*/

    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);

    padding-bottom: 20px;

    padding-top: 20px;

    padding-left: 25px;

    padding-right: 25px;

}



.text-logam-home {

    font-size: 20px;

    color: #5585A5;

    font-family: "Opensans-Bold";

    padding-top: 5px;

    padding-bottom: 20px;

}



.text-ubs-home {

    color: #5585A5;

    font-size: 20px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

}



.table > thead > tr > th {

    border-bottom: 2px solid #f4f4f4;

    padding-left: 0px;

    padding-top: 15px;

    padding-bottom: 15px;

}



.table > thead > tr > td {

    border-bottom: 2px solid #f4f4f4;

}



.table > thead > tr > th.boldhome {

    color: #5585A5;

    font-family: "Opensans-Bold";

    font-size: 17px;

}



.table > thead > tr > th.not-boldhome {

    color: #333333;

    font-family: "Opensans-Reguler";

    font-size: 17px;

}



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

    .table-responsive {

        width: 100%;

        margin-bottom: 15px;

        overflow-y: hidden;

        -ms-overflow-style: -ms-autohiding-scrollbar;

        border: 0px solid #ddd;

    }

}



.text-mtrlemas-home {

    color: #5585A5;

    font-size: 20px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

    padding-top: 10px;

}



.text-mtrlperak-home {

    color: #5585A5;

    font-size: 20px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

    padding-top: 10px;

}

/*end-text-beli-home*/



/*star-text-jual-home*/

.text-jual-home {

    font-size: 30px;

    font-family: "Opensans-Bold";

    color: #515151;

    padding-bottom: 5px;

}



.text-tgl-home {

    color: #515151;

    font-size: 17px;

    font-family: "Opensans-Reguler";

    padding-bottom: 15px;

}



.boxs {

    position: relative;

    border-radius: 3px;

    background: #ffffff;

    border-top: 0px solid #d2d6de;

    margin-bottom: 20px;

    width: 100%;

    /*box-shadow: 0 1px 1px rgb(0 0 0 / 10%);*/

    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);

    padding-bottom: 20px;

    padding-top: 20px;

    padding-left: 25px;

    padding-right: 25px;

}



.text-material-home {

    font-size: 20px;

    color: #5585A5;

    font-family: "Opensans-Bold";

    padding-top: 5px;

    padding-bottom: 20px;

}



.text-ubs-home {

    color: #5585A5;

    font-size: 20px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

}



.table > thead > tr > th {

    border-bottom: 2px solid #f4f4f4;

    padding-left: 0px;

    padding-top: 15px;

    padding-bottom: 15px;

}



.table > thead > tr > td {

    border-bottom: 2px solid #f4f4f4;

}



.table > thead > tr > th.boldhome {

    color: #5585A5;

    font-family: "Opensans-Bold";

    font-size: 17px;

}



.table > thead > tr > th.not-boldhome {

    color: #333333;

    font-family: "Opensans-Reguler";

    font-size: 17px;

}



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

    .table-responsive {

        width: 100%;

        margin-bottom: 15px;

        overflow-y: hidden;

        -ms-overflow-style: -ms-autohiding-scrollbar;

        border: 0px solid #ddd;

    }

}



.text-mtrlemas-home {

    color: #5585A5;

    font-size: 20px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

    padding-top: 10px;

}



.text-mtrlperak-home {

    color: #5585A5;

    font-size: 20px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

    padding-top: 10px;

}

/*end-text-jual-home*/



/*star-harga-beli-nonperhiasan-emas-home*/

.text-nonperhiasan-home {

    font-size: 20px;

    color: #5585A5;

    font-family: "Opensans-Bold";

    padding-top: 5px;

    padding-bottom: 20px;

}



.text-perak-home {

    color: #5585A5;

    font-size: 20px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

}



.text-paladium-home {

    color: #5585A5;

    font-size: 20px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

    padding-top: 10px;

}



.text-rhodium-home {

    color: #5585A5;

    font-size: 20px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

    padding-top: 10px;

}



.text-platinum-home {

    color: #5585A5;

    font-size: 20px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

    padding-top: 10px;

}



.text-iridium-home {

    color: #5585A5;

    font-size: 20px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

    padding-top: 10px;

}



.text-quality-home {

    color: #515151;

    font-size: 13px;

    font-family: "Opensans-Italic";

    line-height: 25px;

    padding-top: 10px;

    padding-bottom: 15px;

}

/*star-harga-beli-nonperhiasan-emas-home*/



/*star-bread-harga*/

.map-khusus-harga {

    padding-top: 0px;

    border-top: 1px solid #f2f2f2;

    border-bottom: none;

    /*margin-top: 102px;*/

    margin-top: 86px;

}



.map-halaman-harga {

    padding: 3px 0px;

    border-bottom: 0px solid #f2f2f2;

}



.breadcrumb-harga {

    padding: 8px 0px;

    margin-bottom: 20px;

    list-style: none;

    background-color: #f5f5f5;

    border-radius: 4px;

    text-align: left;

}



.breadcrumb-harga>li {

    display: inline-block;

}



.map-khusus-harga .breadcrumb-harga {

    padding-bottom: 10px;

    border-bottom: 0px solid #f2f2f2;

    border-radius: 0px;

}



.map-halaman-harga .breadcrumb-harga {

    margin-bottom: 0px;

    font-family: "Roboto-Regular";

    font-size: 13px;

    background: #F5F5F5;

}



.map-halaman-harga .breadcrumb-harga a {

    color: #C1C1C1;

    font-size: 15px;

    font-family: "Roboto-Regular";

    letter-spacing: 0px;

}



.map-halaman-harga .breadcrumb-harga a.active {

    color: #515151;

    font-size: 15px;

    font-family: "Roboto-Regular";

    letter-spacing: 0px;

}



.breadcrumb-harga>li+li:before {

    padding: 0 5px;

    color: #C1C1C1;

    content: "/\00a0";

}



@media (max-width: 1200px) {

    .map-khusus-harga {

        margin-top: 88px;

    }

}



@media (max-width: 1024px) {

    .map-khusus-harga {

        margin-top: 65px;

    }

}



@media (max-width: 900px) {

    .map-khusus-harga {

        margin-top: 65px;

    }

}



@media (max-width: 800px) {

    .map-khusus-harga {

        margin-top: 65px;

    }

}



@media (max-width: 700px) {

    .map-khusus-harga {

        margin-top: 65px;

    }

}



@media (max-width: 600px) {

    .map-khusus-harga {

        margin-top: 65px;

    }

}



@media (max-width: 500px) {

    .map-khusus-harga {

        margin-top: 65px;

    }

}



@media (max-width: 400px) {

    .map-khusus-harga {

        margin-top: 65px;

    }

}



@media (max-width: 375px) {

    .map-khusus-harga {

        margin-top: 65px;

    }

}



@media (max-width: 365px) {

    .map-khusus-harga {

        margin-top: 65px;

    }

}



@media (max-width: 320px) {

    .map-khusus-harga {

        margin-top: 65px;

    }

}

/*end-bread-harga*/



/*star-text-emas-home*/

.text-emas-home {

    color: #5585A5;

    font-size: 20px;

    font-family: "Opensans-Bold";

    padding-bottom: 10px;

    padding-top: 10px;

}

/*star-text-emas-home*/



/*star-text-daftarharga*/

.text-daftarharga {

    color: #5585A5;

    font-size: 35px;

    font-family: "Opensans-Bold";

    padding-bottom: 15px;

}



.text-beli-daftarharga {

    font-size: 25px;

    font-family: "Opensans-Bold";

    color: #5585A5;

    padding-bottom: 5px;

}



.text-tglbeli-daftarharga {

    color: #515151;

    font-size: 17px;

    font-family: "Opensans-Reguler";

    padding-bottom: 15px;

}



.text-jual-daftarharga {

    font-size: 25px;

    font-family: "Opensans-Bold";

    color: #5585A5;

    padding-bottom: 5px;

}



.text-tgl-daftarharga {

    color: #515151;

    font-size: 17px;

    font-family: "Opensans-Reguler";

    padding-bottom: 15px;

}



.text-emas-daftarharga {

    color: #515151;

    font-size: 20px;

    font-family: "Roboto-Bold";

    padding-bottom: 10px;

    padding-top: 10px;

}



.boxs-daftarharga {

    position: relative;

    border-radius: 3px;

    background: #ffffff;

    border-top: 0px solid #d2d6de;

    margin-bottom: 20px;

    width: 100%;

    /*box-shadow: 0 1px 1px rgb(0 0 0 / 10%);*/

    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);

    padding-bottom: 20px;

    padding-top: 20px;

    padding-left: 25px;

    padding-right: 25px;

}



.text-logam-daftarharga {

    font-size: 20px;

    color: #515151;

    font-family: "Roboto-Bold";

    padding-top: 5px;

    padding-bottom: 20px;

}



.text-ubs-daftarharga {

    color: #ffffff;

    font-size: 20px;

    font-family: "Roboto-Bold";

    padding-bottom: 15px;

    padding-top: 15px;

    background: #5585A5;

    padding-left: 15px;

    padding-right: 15px;

}



.text-material-daftarharga {

    font-size: 20px;

    color: #515151;

    font-family: "Roboto-Bold";

    padding-top: 5px;

    padding-bottom: 20px;

}



.table > thead > tr > th {

    border-bottom: 2px solid #f4f4f4;

    padding-left: 0px;

    padding-top: 15px;

    padding-bottom: 15px;

}



.table > thead > tr > td {

    border-bottom: 2px solid #f4f4f4;

}



.table > thead > tr > th.bold-daftarharga {

    color: #ffffff;

    font-family: "Roboto-Bold";

    font-size: 17px;

    background: #5585A5;

    padding-left: 15px;

    padding-right: 15px;
    vertical-align: middle !Important;

}



.table > thead > tr > th.not-bold-daftarharga {

    color: #515151;

    font-family: "Roboto-Regular";

    font-size: 18px;

    padding-left: 15px;

    padding-right: 15px;

}



@media (max-width: 600px) {

    .table-responsive .table > thead > tr > th.not-bold-daftarharga {

        font-size: 13px;

    }

    

    .table-responsive .table > thead > tr > th.bold-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-perak-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-paladium-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-rhodium-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-platinum-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-iridium-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-ubs-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-mtrlemas-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-mtrlperak-daftarharga {

        font-size: 15px;

    }

    

    .table-responsive .table > thead > tr > th.bold-daftarharga-nonperhiasan {

        font-size: 15px;

    }

    

    .table-responsive .table > thead > tr > th.not-bold-daftarharga-nonperhiasan {

        font-size: 13px;

    }

}



@media (max-width: 500px) {

    .table-responsive .table > thead > tr > th.not-bold-daftarharga {

        font-size: 12px;

    }

    

    .table-responsive .table > thead > tr > th.bold-daftarharga-nonperhiasan {

        font-size: 14px;

    }

    

    .table-responsive .table > thead > tr > th.bold-daftarharga {

        font-size: 14px;

    }

    

    .table-responsive .table > thead > tr > th.not-bold-daftarharga-nonperhiasan {

        font-size: 12px;

    }

    

    .text-daftarharga {

        font-size: 33px;

    }

    

    .boxs .text-perak-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-paladium-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-rhodium-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-platinum-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-iridium-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-ubs-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-mtrlemas-daftarharga {

        font-size: 15px;

    }

    

    .boxs .text-mtrlperak-daftarharga {

        font-size: 15px;

    }

}



@media (max-width: 400px) {

    .table-responsive .table > thead > tr > th.not-bold-daftarharga {

        font-size: 11px;

    }

    

    .table-responsive .table > thead > tr > th.bold-daftarharga-nonperhiasan {

        font-size: 14px;

    }

    

    .table-responsive .table > thead > tr > th.not-bold-daftarharga-nonperhiasan {

        font-size: 12px;

    }

}



@media (max-width: 375px) {

    .table-responsive .table > thead > tr > th.not-bold-daftarharga {

        font-size: 11px;

    }

    

    .table-responsive .table > thead > tr > th.bold-daftarharga-nonperhiasan {

        font-size: 12px;

    }

    

    .table-responsive .table > thead > tr > th.not-bold-daftarharga-nonperhiasan {

        font-size: 12px;

    }

    

    .table-responsive .table > thead > tr > th.bold-daftarharga {

        font-size: 13px;

    }

    

    .text-beli-daftarharga {

        font-size: 21px;

    }

    

    .text-daftarharga {

        font-size: 30px;

    }

}



@media (max-width: 365px) {

    .table-responsive .table > thead > tr > th.not-bold-daftarharga {

        font-size: 11px;

    }

    

    .table-responsive .table > thead > tr > th.bold-daftarharga-nonperhiasan {

        font-size: 12px;

    }

    

    .table-responsive .table > thead > tr > th.not-bold-daftarharga-nonperhiasan {

        font-size: 12px;

    }

}



@media (max-width: 320px) {

    .table-responsive .table > thead > tr > th.not-bold-daftarharga {

        font-size: 11px;

    }

    

    .table-responsive .table > thead > tr > th.bold-daftarharga-nonperhiasan {

        font-size: 12px;

    }

    

    .table-responsive .table > thead > tr > th.not-bold-daftarharga-nonperhiasan {

        font-size: 12px;

    }

}



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

    .table-responsive {

        width: 100%;

        margin-bottom: 15px;

        overflow-y: hidden;

        -ms-overflow-style: -ms-autohiding-scrollbar;

        border: 0px solid #ddd;

    }

}



.text-mtrlemas-daftarharga {

    color: #ffffff;

    font-size: 20px;

    font-family: "Roboto-Bold";

    padding-bottom: 15px;

    padding-top: 15px;

    background: #5585A5;

    padding-left: 15px;

    padding-right: 15px;

}



.text-mtrlperak-daftarharga {

    color: #ffffff;

    font-size: 20px;

    font-family: "Roboto-Bold";

    padding-bottom: 15px;

    padding-top: 15px;

    background: #5585A5;

    padding-left: 15px;

    padding-right: 15px;

}

/*end-text-daftarharga*/



/*star-harga-beli-nonperhiasan-emas-home*/

.text-nonperhiasan-daftarharga {

    font-size: 20px;

    color: #515151;

    font-family: "Roboto-Bold";

    padding-top: 5px;

    padding-bottom: 20px;

}



.text-perak-daftarharga {

    color: #ffffff;

    font-size: 20px;

    font-family: "Roboto-Bold";

    padding-bottom: 15px;

    padding-top: 15px;

    padding-left: 15px;

    padding-right: 15px;

    background: #5585A5;

}



.text-paladium-daftarharga {

    color: #ffffff;

    font-size: 20px;

    font-family: "Roboto-Bold";

    padding-bottom: 15px;

    padding-top: 15px;

    padding-left: 15px;

    padding-right: 15px;

    background: #5585A5;

}



.text-rhodium-daftarharga {

    color: #ffffff;

    font-size: 20px;

    font-family: "Roboto-Bold";

    padding-bottom: 15px;

    padding-top: 15px;

    padding-left: 15px;

    padding-right: 15px;

    background: #5585A5;

}



.text-platinum-daftarharga {

    color: #ffffff;

    font-size: 20px;

    font-family: "Roboto-Bold";

    padding-bottom: 15px;

    padding-top: 15px;

    padding-left: 15px;

    padding-right: 15px;

    background: #5585A5;

}



.text-iridium-daftarharga {

    color: #ffffff;

    font-size: 20px;

    font-family: "Roboto-Bold";

    padding-bottom: 15px;

    padding-top: 15px;

    padding-left: 15px;

    padding-right: 15px;

    background: #5585A5;

}



.text-quality-daftarharga {

    color: #515151;

    font-size: 13px;

    font-family: "Opensans-Italic";

    line-height: 25px;

    padding-top: 10px;

    padding-bottom: 15px;

}



.table > thead > tr > th.bold-daftarharga-nonperhiasan {

    color: #5585A5;

    font-family: "Roboto-Bold";

    font-size: 18px;

    /*background: #5585A5;*/

    padding-left: 15px;

    padding-right: 15px;

}



.table > thead > tr > th.not-bold-daftarharga-nonperhiasan {

    color: #515151;

    font-family: "Roboto-Regular";

    font-size: 18px;

    padding-left: 15px;

    padding-right: 15px;

}

/*star-harga-beli-nonperhiasan-emas-daftarharga*/





/*star-produk-home*/

#prod-homes {

    background: #E5F7FF;

    padding-top: 5%;

    padding-bottom: 8%;

}



.prod-homes-text {

    color: #707070;

    font-size: 13px;

    font-family: "Raleway-Regular";

    padding-bottom: 30px;

}



.prod-homes-text img {

    width: 60px;

    height: 1px;

    padding-right: 10px;

}



.prod-homes-desc {

    color: #5585A5;

    font-size: 30px;

    font-family: "Montserrat-Bold";

    padding-bottom: 30px;

}



.prod-homes-ket {

    color: #333333;

    font-size: 17px;

    font-family: "Opensans-Reguler";

    line-height: 26px;

    padding-bottom: 10px;

}



.img-relative {

    position: relative;

    float: right;

}



.desain-gmbr {

    padding-top: 50px;

    padding-bottom: 25px;

}



.img-relative .desain-gmbr {

    position: absolute;

    content: "";

    top: 40px;

    left: -100px;

    background: #ffffff;

    z-index: 3;

}



.img-relative .background {

    /*background: #70C3E5;*/

    width: 100%;

    height: 455px;

}



.img-relative .desain-gmbr img {

    max-width: 100%;

    /*max-height: 100%;*/

    height: 100%;

}



.img-relative .desain-gmbr p {

    color: #707070;

    text-align: center;

    font-size: 18px;

    padding-top: 30px;

    text-transform: uppercase;

    margin-bottom: 0;

}



.img-relative .desain-gmbr hr {

    margin-top: 10px;

    margin-bottom: 20px;

    border: 0;

    border-top: 5px solid #C1C1C1;

    width: 30%;

}





@media (max-width: 700px) {

    #prod-homes {

        padding-bottom: 15%;

    }

}



@media (max-width: 600px) {

    #prod-homes {

        padding-bottom: 15%;

    }

}



@media (max-width: 500px) {

    #prod-homes {

        padding-bottom: 15%;

    }



    .img-relative .desain-gmbr {

        left: -32px;

    }

}



@media (max-width: 450px) {

    #prod-homes {

        padding-bottom: 15%;

    }



    .img-relative {

        margin-top: 15px;

    }



    .img-relative .desain-gmbr {

        left: 0;

    }

}



@media (max-width: 400px) {

    #prod-homes {

        padding-bottom: 8%;

    }



    .img-relative {

        margin-top: 15px;

    }



    .img-relative .desain-gmbr {

        left: 0;

    }

}



@media (max-width: 375px) {

    #prod-homes {

        padding-bottom: 8%;

    }



    .img-relative {

        margin-top: 15px;

    }



    .img-relative .desain-gmbr {

        left: 0;

    }

}



@media (max-width: 365px) {

    #prod-homes {

        padding-bottom: 8%;

    }



    .img-relative {

        margin-top: 15px;

    }



    .img-relative .desain-gmbr {

        left: 0;

    }

}



@media (max-width: 320px) {

    #prod-homes {

        padding-bottom: 8%;

    }



    .img-relative {

        margin-top: 15px;

    }



    .img-relative .desain-gmbr {

        left: 0;

    }

}

/*end-produk-home*/



/*star-keterangan*/

#keterangan {

    padding-top: 20px;

    padding-bottom: 20px;

}



.keterangan-home-1 {

    color: #5585A5;

    font-size: 30px;

    font-family: "Montserrat-Bold";

    width: 100%;

    padding-top: 35%;

}



@media (max-width: 991px){

    .keterangan-home-1 {

        padding-top: 3%;

        padding-bottom : 20px;

    }

    

    .col-md-4 .keterangan-home-2 {

        padding-top: 4%;

    }

    

    .col-md-4 .keterangan-home-gmb {

        display: contents;

    }

}



@media (max-width: 800px){

    .keterangan-home-1 {

        padding-top: 3%;

        padding-bottom : 20px;

    }

    

    .col-md-4 .keterangan-home-2 {

        padding-top: 4%;

    }

    

    .col-md-4 .keterangan-home-gmb {

        display: contents;

    }

}



@media (max-width: 700px){

    .keterangan-home-1 {

        padding-top: 3%;

        padding-bottom : 20px;

    }

    

    .col-md-4 .keterangan-home-2 {

        padding-top: 4%;

    }

    

    .col-md-4 .keterangan-home-gmb {

        display: contents;

    }

}



@media (max-width: 600px){

    .keterangan-home-1 {

        padding-top: 3%;

        padding-bottom : 20px;

    }

    

    .col-md-4 .keterangan-home-2 {

        padding-top: 4%;

    }

    

    .col-md-4 .keterangan-home-gmb {

        display: contents;

    }

}



@media (max-width: 500px){

    .keterangan-home-1 {

        padding-top: 3%;

        padding-bottom : 20px;

    }

    

    .col-md-4 .keterangan-home-gmb {

        display: contents;

    }

}



@media (max-width: 400px){

    .keterangan-home-1 {

        padding-top: 3%;

        padding-bottom : 20px;

    }

    

    .col-md-4 .keterangan-home-gmb {

        display: contents;

    }

}



.keterangan-home-2 {

    color: #202020;

    font-size: 18px;

    font-family: "Opensans-Reguler";

    line-height: 30px;

    padding-top: 35%;

}



.keterangan-home-gmb {

    display: block;

    /*box-shadow: 0 0px 8px 0 rgb(0 0 0 / 76%); */

}



.keterangan-home-gmb img {

    max-width: 100%;

    height: auto;

}

/*end-keterangan*/

/*star-modalRight*/
.modal-body.modalRight {
    padding: 15px;
    display: inline-grid;
    float: right;
    text-align: right;
}

/*.modal-body.modalRight p {
    float: right;
    width: 100%;
}*/
    
.modal-content.border {
    border: 5px #fff solid;
    border-radius: 20px;
    /*background: #C4F9FF;*/
    background-image: linear-gradient(to right, #58C3FB , #C4F9FF);
}
    
.modal-dialog .pops {
    position: relative;
}

.modal-dialog .pops img {
    position: absolute;
    /*max-width: 100%;*/
    width: 30%;
    height: auto;
    top: 205px;
    left: -115px;
    right: 0;
    bottom: 0;
    opacity: 1;
    display: inline-block;
    z-index: 999;
}
    
.modal-dialog .headers {
    padding-bottom: 30px;
}

.modal-dialog .headers button.close {
    border: 2px #fff solid;
    opacity: 9999;
    border-radius: 32px;
    width: 25px;
    height: 25px;
    color: #fff;
}
    
.modal-footer {
    border-top: 0px solid #e5e5e5;
}

@media (max-width: 1024px) {
    .modal-dialog .pops img {
        width: 25%;
        left: -60px;
        top: 0;
    }
}

@media (max-width: 991px) {
    .modal-dialog .pops img {
        width: 30%;
        left: -95px;
    }
}

@media (max-width: 950px) {
    .modal-dialog .pops img {
        width: 35%;
        left: -120px;
        /*display: none;*/
    }
}

@media (max-width: 900px) {
    .modal-dialog .pops img {
        width: 30%;
        left: -105px;
        /*display: none;*/
    }
}

@media (max-width: 850px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 25%;
        left: -65px;
        top: 110px;
    }
}

@media (max-width: 800px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 20%;
        left: -65px;
        top: 100px;
    }
}

@media (max-width: 750px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 25%;
        left: -65px;
        top: 110px;
    }
}

@media (max-width: 700px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 25%;
        left: -65px;
        top: 110px;
    }
}

@media (max-width: 650px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 25%;
        left: -60px;
        top: 130px;
    }
}

@media (max-width: 600px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 25%;
        left: -65px;
        top: -5px;
    }
}

@media (max-width: 550px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 28%;
        left: -60px;
        top: -10px;
    }
}

@media (max-width: 500px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 25%;
        left: -55px;
        top: -15px;
    }
}

@media (max-width: 450px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 25%;
        left: -45px;
        top: -5px;
    }
}

@media (max-width: 400px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 25%;
        left: -40px;
        top: -7px;
    }
}

@media (max-width: 375px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 25%;
        left: -35px;
        top: -5px;
    }
}

@media (max-width: 365px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 25%;
        left: -30px;
        top: -5px;
    }
}

@media (max-width: 320px) {
    .modal-dialog .pops img {
        /*display: none;*/
        width: 25%;
        left: -20px;
        top: -5px;
    }
}
/*end-modalRight*/

/*star-bread-kontribusi*/
.map-khusus-kontribusi {
    padding-top: 0px;
    border-top: 1px solid #f2f2f2;
    border-bottom: none;
    /*margin-top: 102px;*/
    margin-top: 86px;
}

.map-halaman-kontribusi {
    padding: 3px 0px;
    border-bottom: 0px solid #f2f2f2;
}

.breadcrumb-kontribusi {
    padding: 8px 0px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    text-align: left;
}

.breadcrumb-kontribusi>li {
    display: inline-block;
}

.map-khusus-kontribusi .breadcrumb-kontribusi {
    padding-bottom: 10px;
    border-bottom: 0px solid #f2f2f2;
    border-radius: 0px;
}

.map-halaman-kontribusi .breadcrumb-kontribusi {
    margin-bottom: 0px;
    font-family: "Roboto-Regular";
    font-size: 13px;
    background: #F5F5F5;
}

.map-halaman-kontribusi .breadcrumb-kontribusi a {
    color: #C1C1C1;
    font-size: 15px;
    font-family: "Roboto-Regular";
    letter-spacing: 0px;
}

.map-halaman-kontribusi .breadcrumb-kontribusi a.active {
    color: #515151;
    font-size: 15px;
    font-family: "Roboto-Regular";
    letter-spacing: 0px;
}

.breadcrumb-kontribusi>li+li:before {
    padding: 0 5px;
    color: #C1C1C1;
    content: "/\00a0";
}

@media (max-width: 1200px) {
    .map-khusus-kontribusi {
        margin-top: 88px;
    }
}

@media (max-width: 1024px) {
    .map-khusus-kontribusi {
        margin-top: 65px;
    }
}

@media (max-width: 900px) {
    .map-khusus-kontribusi {
        margin-top: 65px;
    }
}

@media (max-width: 800px) {
    .map-khusus-kontribusi {
        margin-top: 65px;
    }
}

@media (max-width: 700px) {
    .map-khusus-kontribusi {
        margin-top: 65px;
    }
}

@media (max-width: 600px) {
    .map-khusus-kontribusi {
        margin-top: 65px;
    }
}

@media (max-width: 500px) {
    .map-khusus-kontribusi {
        margin-top: 65px;
    }
}

@media (max-width: 400px) {
    .map-khusus-kontribusi {
        margin-top: 65px;
    }
}

@media (max-width: 375px) {
    .map-khusus-kontribusi {
        margin-top: 65px;
    }
}

@media (max-width: 365px) {
    .map-khusus-kontribusi {
        margin-top: 65px;
    }
}

@media (max-width: 320px) {
    .map-khusus-kontribusi {
        margin-top: 65px;
    }
}
/*end-bread-kontribusi*/

/*star-textKontribusi*/
.textKontribusi {
    font-size: 35px;
    font-family: "Opensans-Bold";
    color: #5585A5;
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 35px;
}

.kontriSosial-area {
    position: relative;
}

.kontriSosial-area hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 2px solid #2E5F80;
}

.kontriSosial {
    position: absolute;
    top: 8px;
    left: 16px;
    font-size: 20px;
    color: #ffffff;
    font-family: "Opensans-Bold";
}

.kontriDes-area {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 15px;
    color: #000000;
    font-family: "Opensans-Reguler";
    line-height: 26px;
}


@media (max-width: 450px) {
    .kontriSosial {
        font-size: 18px;
        top: 10px;
    }
}

@media (max-width: 400px) {
    .kontriSosial {
        font-size: 18px;
        top: 10px;
    }
}

@media (max-width: 375px) {
    .kontriSosial {
        font-size: 18px;
        top: 10px;
    }
}

@media (max-width: 365px) {
    .kontriSosial {
        font-size: 15px;
        top: 10px;
    }
}

@media (max-width: 320px) {
    .kontriSosial {
        font-size: 15px;
        top: 10px;
    }
}



.tankYou-area {
    position: relative;
    margin-top: 35px;
    margin-bottom: 35px;
}

.tankYou-area hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 2px solid #2E5F80;
}

.kontriTerima {
    position: absolute;
    top: 8px;
    left: 16px;
    font-size: 20px;
    color: #ffffff;
    font-family: "Opensans-Bold";
}


@media (max-width: 450px) {
    .kontriTerima {
        font-size: 18px;
        top: 10px;
    }
}

@media (max-width: 400px) {
    .kontriTerima {
        font-size: 18px;
        top: 10px;
    }
}

@media (max-width: 375px) {
    .kontriTerima {
        font-size: 18px;
        top: 10px;
    }
}

@media (max-width: 365px) {
    .kontriTerima {
        font-size: 15px;
        top: 10px;
    }
}

@media (max-width: 320px) {
    .kontriTerima {
        font-size: 15px;
        top: 10px;
    }

    .textKontribusi {
        padding-top: 20px;
    }
}
/*end-textKontribusi*/


/*star-box-kontriSimulasi*/
.box-kontriSimulasi {
    margin-right: -15px;
    margin-left: -15px;
    font-size: 0px;
    padding-bottom: 25px;
    /*text-align: center;*/
}

.item-kontriSimulasi {
    display: inline-block;
    padding-right: 6px;
    padding-left: 6px;
    width: 25%;
    /*width: 33.33333%;*/
    font-size: 14px;
    vertical-align: top;
}

.i-kontriSimulasi {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
}

.i-kontriSimulasi img {
    display: block;
    max-width: 100%;
    border-radius: 5px;   
}

.i-kontriSimulasi:hover .slide-item-kontriSimulasi {
    left: 0;
    opacity: 1;
}

.konten-item-kontriSimulasi {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 15px;
}

.konten-item-kontriSimulasi-nama {
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 0px;
}

.judul-item-kontriSimulasi {
    margin-bottom: 10px;
}

.judul-item-kontriSimulasi-nama {
    margin-bottom: 10px;
    color: #313131;
    font-size: 15px;
    font-family: "Opensans-Bold";
}

.judul-item-kontriSimulasi a {
    font-family: "Opensans-Reguler";
    font-size: 13px;
    font-feature-settings: "salt";
    -webkit-font-feature-settings: "salt";
    -o-font-feature-settings: "salt";
    -moz-font-feature-settings: "salt";
    -ms-font-feature-settings: "salt";
    color: #ABABAB;
}

.judul-item-kontriSimulasi a img {
    padding-right: 10px;
}

@media only screen and (max-width: 991px) {
    .judul-item-kontriSimulasi {
        margin-bottom: 15px;
    }

    .judul-item-kontriSimulasi-nama {
        margin-bottom: 15px;
    }
  
    .judul-item-kontriSimulasi a {
        font-size: 14px;
    }

    .judul-summary-kontriSimulasi {
        margin-bottom: 15px;
    }
  
    .judul-summary-kontriSimulasi a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .item-kontriSimulasi {
        display: inline-block;
        padding-right: 15px;
        padding-left: 15px;
        width: 50%;
        font-size: 14px;
        vertical-align: top;
    }
}

@media only screen and (max-width: 480px) {
    .item-kontriSimulasi {
        display: inline-block;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
        font-size: 14px;
        vertical-align: top;
    }
}

.slide-item-kontriSimulasi {
    position: absolute;
    content: "";
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    padding: 20px;
    opacity: 50%;
    background: #5585a5b8;
    /*border: 10px solid #36893B;*/
}

/*.slide-item-kontriSimulasi .fa {
    color: #ffffff;
    font-size: 30px;
}*/

.konten-slide-kontriSimulasi {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 40px);
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}


/*@media only screen and (max-width: 1024px) {
    .slide-item-kontriSimulasi .fa {
        font-size: 16px;
    }
}*/

/*@media only screen and (max-width: 991px) {
    .slide-item-kontriSimulasi .fa {
        font-size: 16px;
    }
}*/

@media only screen and (max-width: 767px) {
    .item-kontriSimulasi {
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        /*width: 33.33333%;*/
        width: 50%;
        font-size: 14px;
        vertical-align: top;
    }
}

@media only screen and (max-width: 480px) {
    .item-kontriSimulasi {
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        /*width: 33.33333%;*/
        width: 100%;
        font-size: 14px;
        vertical-align: top;
    }
}

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

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

@media only screen and (max-width: 320px) {
    .item-kontriSimulasi {
        display: inline-block;
        padding-right: 15px;
        padding-left: 15px;
        /*width: 50%;*/
        width: 100%;
        font-size: 14px;
        vertical-align: top;
    }

    /*.slide-item-kontriSimulasi .fa {
        font-size: 30px;
    }*/
}
/*end-box-kontriSimulasi*/

/*star-btnkontriSimulasi*/
.kontriCenter {
    text-align: center;
    padding-bottom: 40px;
}

.btnkontriSimulasi {
    display: inline-block;
    padding: 10px 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-family: "Opensans-Bold";
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btnkontriSimulasi:hover {
    color: #ffffff;
}

.btnkontriSimulasi-primary {
    background-color: #6bb7d9;
    border-color: #6bb7d9;
    color: #ffffff;
}
/*end-btnkontriSimulasi*/

/*star-kontriText-detail*/
.kontriText-detail {
    padding-top: 30px;
    color: #333333;
    font-size: 25px;
    font-family: "Opensans-Bold";
    width: 60%;
}

.kontriDesc-detail {
    padding-top: 15px;
    color: #333333;
    font-size: 15px;
    font-family: "Opensans-Reguler";
}
/*end-kontriText-detail*/

/**/
.col-md-12 .notFound {
    padding-top: 45px;
    padding-bottom: 45px;
}
/**/

/*star-box-plat-kontriDetail*/
.box-plat-kontriDetail {
    margin-right: -10px;
    margin-left: -10px;
    font-size: 0px;
    padding-bottom: 20px;
    padding-top: 35px;
    /*text-align: center;*/
}

.item-plat-kontriDetail {
    margin-bottom: 20px;
    display: inline-block;
    padding-right: 6px;
    padding-left: 6px;
    width: 25%;
    font-size: 14px;
    vertical-align: top;
    border: 1px solid transparent;
    border-radius: 25px;
}

.item-plat-kontriDetail img {
    display: block;
    max-width: 100%;
    border-radius: 5px;   
}


@media only screen and (max-width: 991px) {
    .item-plat-kontriDetail {
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        width: 33.33333%;
        font-size: 14px;
        vertical-align: top;
    }
    .box-plat-kontriDetail {
        margin-right: 0;
        margin-left: 0;
    }
}

@media only screen and (max-width: 600px) {
    .box-plat-kontriDetail {
        margin-right: 0;
        margin-left: 0;
        font-size: 0px;
    }
    .item-plat-kontriDetail {
        margin-bottom: 0;
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 15px;
        /*width: 33.33333%;*/
        width: 50%;
        font-size: 14px;
        vertical-align: top;
    }
}
/*end-box-plat-kontriDetail*/

/*star-modal-content.kontriText*/
.modal-content.kontriText {
    border: 0px #fff solid;
    border-radius: 20px;
    background: transparent;
}

.modal-footer.kontriDesc {
    border-top: 0px solid #e5e5e5;
    padding: 15px;
    text-align: left;
    background: #ffffff;
}

.modal-footer.kontriDesc p {}

.modal-body.noPadding {
    padding: 0px;
}

.modal-content.kontriText p {
    padding-top: 25px;
    background: #fff;
    padding-left: 25px;
    padding-bottom: 25px;
    padding-right: 25px;
    color: #515151;
    font-size: 16px;
    font-family: "Roboto-Regular";
}
/*end-modal-content.kontriText*/

/*star-box-plat-kontriThanks*/
.box-plat-kontriThanks {
    margin-right: -10px;
    margin-left: -10px;
    font-size: 0px;
    padding-bottom: 20px;
    padding-top: 45px;
    text-align: center;
}

.item-plat-kontriThanks {
    margin-bottom: 20px;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    width: 25%;
    font-size: 14px;
    vertical-align: top;
    border: 1px solid transparent;
    border-radius: 25px;
}

.item-plat-kontriThanks img {
    display: block;
    max-width: 100%;
    border-radius: 5px;   
}

@media only screen and (max-width: 991px) {
    .item-plat-kontriThanks {
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        width: 33.33333%;
        font-size: 14px;
        vertical-align: top;
    }
    .box-plat-kontriThanks {
        margin-right: 0;
        margin-left: 0;
    }
}

@media only screen and (max-width: 600px) {
    .box-plat-kontriThanks {
        margin-right: 0;
        margin-left: 0;
        font-size: 0px;
    }
    .item-plat-kontriThanks {
        margin-bottom: 0;
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 15px;
        /*width: 33.33333%;*/
        width: 50%;
        font-size: 14px;
        vertical-align: top;
    }
}
/*end-box-plat-kontriThanks*/

/*star-kontriThanks-name*/
.kontriThanks-name {
    padding-top: 15px;
    font-size: 15px;
    color: #313131;
    font-family: "Opensans-Bold";
    padding-right: 10px;
    margin-bottom: 10px;
}
/*end-kontriThanks-name*/

/*star-btnThanks*/
.thanksCenter {
    text-align: center;
    padding-bottom: 40px;
}

.btnThanks {
    display: inline-block;
    padding: 10px 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-family: "Opensans-Bold";
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btnThanks:hover {
    color: #ffffff;
}

.btnThanks-primary {
    background-color: #6bb7d9;
    border-color: #6bb7d9;
    color: #ffffff;
}
/*end-btnThanks*/

/*star-modal-content.thanksText*/
.modal-content.thanksText {
    border: 0px #fff solid;
    border-radius: 20px;
    background: transparent;
}

.modal-body.noPadds {
    padding: 0px;
}

.modal-content.thanksText p {
    padding-top: 25px;
    background: #fff;
    padding-left: 25px;
    padding-bottom: 25px;
    padding-right: 25px;
    color: #515151;
    font-size: 16px;
    font-family: "Roboto-Regular";
}
/*end-modal-content.kontriText*/

/*star-wrap-news*/
#news {
    padding-bottom: 30px;
    padding-top: 0px;
}

.wrap-news {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-top: 40px;
}

.item-news {
    display: block;
    padding: 0 15px;
    width: calc(100% / 3);
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    position: relative;
    margin-bottom: 25px;
}

.item-news:hover img {
    opacity: .8;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}

/*.item-news a {
    display: block;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
}*/

.btnart-primary {
    color: #ABABAB;
    background-color: transparent;
    border-color: transparent;
}

.btnart img {
    max-width: 100%;
    height: auto;
    padding-right: 5px;
}

.btnart {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0px solid transparent;
    font-family: "Opensans-Reguler";
    border-radius: 4px;
}

.btnart:hover {
    color: #ABABAB;
}

.img-item-news:first-child:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    /*background-image: linear-gradient(to left, #37D54A, #25A8E0, #2E2C70);*/
    background: transparent;
    top: 0;
    bottom: 0px;
    left: 0;
}

.img-item-news {
    position: relative;
}

.img-item-news span {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 0;
    padding-left: 25px;
    width: 90%;
    font-size: 0.8125rem;
    color: #1d4286;
    background: #fff;
}

.content-item-news {
    padding: 15px 25px;
    padding-bottom: 25px;
    background: #F9F9F9;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
}

.content-item-news .news-text {
    color: #8A8A8A;
    font-size: 13px;
    font-family: "Roboto-Italic";
    padding-bottom: 10px;
}

.content-item-news .news-text .fa {
    padding-right: 5px;
}

.content-item-news h3 {
    margin-bottom: 10px;
    font-family: "Opensans-Bold";
    font-size: 15px;
    color: #313131;
    line-height: 24px;
    margin-top: 0px;
}


@media only screen and (max-width: 991px) {
    #news {
        padding-bottom: 40px;
    }
    .wrap-news-home {
        margin-top: 30px;
    }
    .item-news {
        width: calc(100% / 2);
    }
}

@media only screen and (max-width: 600px) {
    .item-news {
        width: 100%;
    }
    .content-detail-news {
        font-size: 0.875rem;
        line-height: 23px;
    }
}

@media (max-width: 991px) {
    .content-item-news h3 {
        font-size: 13px;
        line-height: 18px;
    }
}


/*a {
    text-decoration: none;
    color: inherit;
}*/


@media (max-width: 400px) {}

@media (max-width: 375px) {}

@media (max-width: 365px) {}

@media (max-width: 320px) {}
/*end-wrap-news*/

/*star-box-plat-kontriKateg*/
.box-plat-kontriKateg {
    margin-right: -10px;
    margin-left: -10px;
    font-size: 0px;
    padding-bottom: 20px;
    padding-top: 35px;
    /*text-align: center;*/
    display: contents;
}

.item-plat-kontriKateg {
    margin-bottom: 20px;
    display: inline-block;
    padding-right: 6px;
    padding-left: 6px;
    /*width: 25%;*/
    width: 33.33333%;
    font-size: 14px;
    vertical-align: top;
    border: 1px solid transparent;
    border-radius: 25px;
}

.item-plat-kontriKateg img {
    display: block;
    max-width: 100%;
    border-radius: 5px;   
}


@media only screen and (max-width: 991px) {
    .item-plat-kontriKateg {
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        width: 33.33333%;
        font-size: 14px;
        vertical-align: top;
    }

    .box-plat-kontriKateg {
        margin-right: 0;
        margin-left: 0;
    }
}

@media only screen and (max-width: 600px) {
    .box-plat-kontriKateg {
        margin-right: 0;
        margin-left: 0;
        font-size: 0px;
    }

    .item-plat-kontriKateg {
        margin-bottom: 0;
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 15px;
        /*width: 33.33333%;*/
        width: 50%;
        font-size: 14px;
        vertical-align: top;
    }
}

@media (max-width: 400px) {
    .item-plat-kontriKateg {
        width: 100%;
    }
}

@media (max-width: 375px) {
    .item-plat-kontriKateg {
        width: 100%;
    }
}

@media (max-width: 365px) {
    .item-plat-kontriKateg {
        width: 100%;
    }
}

@media (max-width: 320px) {
    .item-plat-kontriKateg {
        width: 100%;
    }
}

.kontriKateg-name {
    padding-top: 15px;
    font-size: 15px;
    color: #313131;
    font-family: "Opensans-Bold";
    padding-right: 10px;
    margin-bottom: 10px;
}
/*end-box-plat-kontriKateg*/

/*star-content-homes*/
.content-home {
    position: relative;
    padding-top: 20px;
    padding-bottom: 50px;
    border-bottom: 0px solid #eaeaeaea;
}

.text-prod-home {
  display: block;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 11px;
  color: #c9c9c9;
  font-family: "Verdana";
  text-transform: uppercase;
}

.text-pilihan-home {
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 30px;
  color: #171717;
  font-family: "Verdana";
  text-transform: capitalize;
}

.content-home .container .owl-carousel .box-sale .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    /*background-image: linear-gradient(to right, #d157b97a, #8c039ead);*/
    background: #5585a5b8;
}

@media screen and (max-width: 767px) {
    #konten-maps {
        padding: 30px 0 !important;
    }
}

@media screen and (max-width: 640px) {
    .content-home .container .owl-carousel .item .price-strip {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 480px) {
    .content-home .container .owl-carousel .box-sale .overlay {
        height: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    .content-home .container .owl-carousel .box-sale .overlay {
        height: 100%;
        width: 100%;
    }
    .content-home .container .owl-carousel .box-sale .icon .fa-search {
        font-size: 16px !important;
    }
    .content-home .container .owl-carousel .box-sale .icon {
        width: 30px !important;
        height: 30px !important;
    }
}

@media screen and (max-width: 320px) {
    .content-home .container .owl-carousel .box-sale .overlay {
        height: 100% !important;
        width: 100%;
    }
}



.content-home .container .owl-carousel .box-sale .icon .fa-search {
  color: #ffffff;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.content-home .container .owl-carousel .box-sale .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    /*background-image: linear-gradient(to right, #d157b97a, #d157b97a);*/
    background: #5585a5b8;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: #ffffff 2px solid;
}

.content-home .container .owl-carousel .box-sale:hover .overlay {
  opacity: 1;
}

.content-home .container .owl-carousel .box-sale .fa-search:hover {
  color: #ffffff;
}

.content-home .container .owl-carousel .owl-next {
  position: absolute;
  /*top: 100px;*/
  top: 30%;
  left: -15px;
  /*left: -40px;*/
}

.content-home .container .owl-carousel .owl-next .fa-angle-left {
    font-size: 40px;
}

.content-home .container .owl-carousel .owl-prev {
  position: absolute;
  /*top: 100px;*/
  top: 30%;
  right: -15px;
  /*right: -40px;*/
}

.content-home .container .owl-carousel .owl-prev .fa-angle-right {
    font-size: 40px;
}

.content-home .container .owl-carousel .item {
    padding: 0px 10px;
    margin-bottom: 10px;
}

.content-home .container .owl-carousel .box-sale {
  position: relative;
  /*min-height: 250px;*/
}

.content-home .container .owl-carousel .box-sale p {
  margin: 0;
  display: block;
  color: #565656;
}

.content-home .container .owl-carousel .box-sale img {
  display: block;
  /*width: 100%;*/
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto 10px;
}

.content-home .container .owl-carousel .item .price-strip {
    color: #313131;
    font-family: "Opensans-Bold";
    font-size: 15px;
    padding-top: 20px;
    margin-bottom: 10px;
}

.content-home .container .owl-carousel .item .price-strip:hover {
    color: #313131;
}

@media only screen and (min-width: 200px) and (max-width: 767px) {
    .container .owl-carousel .owl-nav {
        display: none;
    }
}


@media (max-width: 500px) {
    .content-home {
        padding-top: 15px;
    }
}

@media (max-width: 450px) {
    .content-home {
        padding-top: 15px;
    }
}

@media (max-width: 400px) {
    .content-home {
        padding-top: 15px;
    }
}

@media (max-width: 375px) {
    .content-home {
        padding-top: 15px;
    }
}

@media (max-width: 365px) {
    .content-home {
        padding-top: 15px;
    }
}

@media (max-width: 320px) {
    .content-home {
        padding-top: 15px;
    }
}
/*end-content-homes*/

/*star-avia-content-slider*/
.avia-content-slider {
    position: relative;
    padding-left: 10px;
}

/*.avia-content-slider .read-more-link {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
}*/

.avia-content-slider .read-more-link {
    position: absolute;
    bottom: 0;
    background: #ddd;
    top: 50px;
    width: calc(90%);
}

.avia-content-slider .read-more-link a { 
    background-color: #6cbadc;
    display:block;
    /*padding: 4px 10px;*/
    padding: 40px 10px;
    border-radius: 9px;
    font-size:15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Opensans-Reguler";
    width: 100%;
}

@media (max-width: 1024px) {
    .avia-content-slider .read-more-link {
        top: 40px;
    }
}

@media (max-width: 550px) {
    .avia-content-slider .read-more-link {
        top: 40px;
    }
}

@media (max-width: 500px) {
    .avia-content-slider .read-more-link {
        top: 85px;
    }
}

@media (max-width: 450px) {
    .avia-content-slider .read-more-link {
        top: 55px;
    }
}

@media (max-width: 400px) {
    .avia-content-slider .read-more-link {
        top: 50px;
    }
}

@media (max-width: 375px) {
    .avia-content-slider .read-more-link {
        top: 50px;
    }
}

@media (max-width: 365px) {
    .avia-content-slider .read-more-link {
        top: 50px;
    }
}

@media (max-width: 320px) {
    .avia-content-slider .read-more-link {
        top: 45px;
    }
}
/*end-avia-content-slider*/

/*star-avia-content-tankYou*/
.avia-content-tankYou {
    position: relative;
    padding-left: 10px;
}

/*.avia-content-tankYou .read-more-link {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
}*/

.avia-content-tankYou .read-more-link {
    position: absolute;
    bottom: 0;
    background: #ddd;
    top: 50px;
    width: calc(90%);
}

.avia-content-tankYou .read-more-link a { 
    background-color: #6cbadc;
    display:block;
    /*padding: 4px 10px;*/
    padding: 40px 10px;
    border-radius: 9px;
    font-size:15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Opensans-Reguler";
    width: 100%;
}

@media (max-width: 1024px) {
    .avia-content-tankYou .read-more-link {
        top: 40px;
    }
}

@media (max-width: 550px) {
    .avia-content-tankYou .read-more-link {
        top: 40px;
    }
}

@media (max-width: 500px) {
    .avia-content-tankYou .read-more-link {
        top: 85px;
    }
}

@media (max-width: 450px) {
    .avia-content-tankYou .read-more-link {
        top: 55px;
    }
}

@media (max-width: 400px) {
    .avia-content-tankYou .read-more-link {
        top: 50px;
    }
}

@media (max-width: 375px) {
    .avia-content-tankYou .read-more-link {
        top: 50px;
    }
}

@media (max-width: 365px) {
    .avia-content-tankYou .read-more-link {
        top: 50px;
    }
}

@media (max-width: 320px) {
    .avia-content-tankYou .read-more-link {
        top: 45px;
    }
}
/*end-avia-content-tankYou*/


/*star-scrolltop*/
@media (min-width: 1200px) {
    .scrolltop {
        position: fixed;
        cursor: pointer;
        z-index: 999999;
        /* right: 220px; */
        right: 0px;
        bottom: 0px;
        color: #fff;
        background: #F4B251;
        /*padding: 8px 30px;*/
        padding: 18px 18px 18px 20px;
        border-radius: 35px 0px 0px 35px;
    }
}

.scrolltop {
    position: fixed;
    cursor: pointer;
    z-index: 999999;
    right: 0px;
    /* right: 215px; */
    bottom: 25px;
    /* bottom: 0px; */
    color: #fff;
    background: #00C82F;
    border-radius: 7px 0px 0px 7px;
    right: 0px;
    /* padding: 8px 30px; */
    padding: 5px 8px 0px 8px;
}

.scrolltop p {
    padding-top: 10px;
    color: #ffffff;
    margin-bottom: 5px;
    font-family: "Roboto-Regular";
    font-size: 13px;
}
/*end-scrolltop*/