/* START HERE */

@import "http://fonts.googleapis.com/css?family=Roboto:400,700,700italic,900|Roboto+Condensed:400,700";
@import "http://fonts.googleapis.com/css?family=Lato:100,300,400,700,700italic,900";

html {
    font-family: "Roboto", sans-serif;
}

body {
    font-family: "Roboto", sans-serif;
    background: #585F67 url(../img/bg.jpg) center top repeat;
    color: #666;
}

@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
}

a, .colored, a.btn-hamburger:visited, a.btn-hamburger:active, a.btn-hamburger:focus, abbr, .text-orange {
    color: #ff5800; outline: none;
}

.text-orange {
    color: #e37a1f; outline: none;
}

.proto .row>div {
    background-color: #AAA;
    min-height: 100px;
}

.proto .row {
    margin-bottom: 15px;
    background-color: #CCC;
}

.flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.no-bold {
    font-weight: normal;
}

.central {
    margin: 0px auto; display: inline-block; width: auto;
}

a.btn, button.btn {
    font-family: "Lato";
    padding: 3px 20px;
}

a.btn-xs.btn-reg, button.btn-xs.btn-reg {
    padding: 1px 5px;
}

a.btn-bigbar {
    border-left: 1px solid #9E3B02;
    border-top: 1px solid #9E3B02;
    border-right: 1px solid #9E3B02;
    border-bottom: none;

    background: #D76D00; /* Old browsers */
    background: -moz-linear-gradient(top, #ED8000 0%, #D06406 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ED8000), color-stop(100%,#D06406)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ED8000 0%,#D06406 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ED8000 0%,#D06406 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ED8000 0%,#D06406 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ED8000 0%,#D06406 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ED8000', endColorstr='#D06406',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: 0 5px #793000;
    -moz-box-shadow: 0 5px #793000;
    box-shadow: 0 5px #793000;

    color: #fff;

    padding: 6px  20px;
}
a.btn-bigbar:hover {
    background: #D46900; /* Old browsers */
    background: -moz-linear-gradient(top, #D46900 0%, #D06406 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D46900), color-stop(100%,#D06406)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #D46900 0%,#D06406 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #D46900 0%,#D06406 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #D46900 0%,#D06406 100%); /* IE10+ */
    background: linear-gradient(to bottom, #D46900 0%,#D06406 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D46900', endColorstr='#D06406',GradientType=0 ); /* IE6-9 */

    color: #fff;
}

.container > div.row, .container > section > div.row, div.row-header {
    margin-bottom: 15px;
}

.row-content {
    padding: 30px;
}

.container div.row-rounded, .container div.col-rounded, .rounded {
    -webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0px 5px 15px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 15px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 15px -10px rgba(0, 0, 0, 0.75);
}

.container div.row-rounded-top, .container div.col-rounded-top, .rounded-top {
    -webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;
    margin-bottom: 0;
}

.container div.row-rounded-bottom, .container div.col-rounded-bottom, .rounded-bottom {
    -webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;
    margin-top: 0;
}

.container div.row-marginless {
    margin-top: 0; margin-bottom: 0;
}

.container div.row-shadowless, .container div.shadowless {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

div.row-stripe-top, div.col-stripe-top {
    border-top: #cd6a15 7px solid;
}

div.row-stripe-bottom, div.col-stripe-bottom {
    border-bottom: #cd6a15 7px solid;
}

div.row-stripe {
    background-color: #cd6a15;
    color: white;
}

div.row-white, div.col-white {
    background-color: #FFFFFF;
}

div.row-slide-content .col-xs-12 {
    padding: 0; margin: 0;
}

div.row-slide-content .slide img {
  display: block;
  max-width: 100%;
  height: auto;
}

div.row-slide div, div.row-slide-content .slide img {
    -webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;
}

div.row-slide-content .carousel-control.left {
    -webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px;
    padding-right: 5%;
}

div.row-slide-content .carousel-control.right {
    -webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;border-radius: 0 5px 5px 0;
    padding-left: 5%;
}

div.row-slide-content .carousel-control {
    padding-top: 20%; font-size: 2em;
}

div.row-slide-content a.btn-lg {
    top: auto !important; left: 50% !important;
    bottom: 5% !important; right: auto !important;
}



div.row-header {
    padding: 5px 5px;
}

.container div.row-header.row-fixed {
    margin-top: 0;
    position: fixed;
    z-index: 99;
}

img.logo-gq { max-height: 60px; }

@media (min-width: 992px) {
  div.row-header {
    margin-top: 35px;
  }

  .collapse { display: block; }
}

@media (max-width: 991px) {
    div.container { margin-top: 85px; }

    img.logo-gq { max-height: 60px; }

  .container div.row-header {
    padding: 0 0.1em;
    position: absolute;
    width: 100%!important;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    border-radius: 0;
    z-index: 99;
  }

  a.btn-hamburger, button.btn-hamburger {
    font-size: 2.25em;
    margin-top: 0.35em;
    display: block;
  }
}

    div.logo-global-qurban {
        
    }
    
    div.main-menu {
        background-color: #fff;
    }

    div.main-menu ul {
        list-style: none; margin: 0; padding: 0; margin-top: 10px;
    }

    div.main-menu ul li {
        margin: 0; padding: 0;
    }

    div.main-menu ul li a {
        text-transform: uppercase; color: #666;
        font-size: 12px; display: block; margin-right: 15px;
    }
    div.main-menu ul li a:hover,
    div.main-menu ul li a:focus,
    div.main-menu ul li a:active {
        text-decoration: none;
        color: #ce6d16;
        font-weight: 700;
    }

    div.main-menu ul li.row-1 a, div.main-menu ul.collapse.in li a {
        border-bottom: 1px dashed #D26F16; padding-bottom: 5px; margin-bottom: 5px;
    }

    div.main-menu ul.collapse.in li:last-child a {
        border: none;
    }

    div.main-menu ul li.active a {
        color: #CF6D14;
    }

    div.row-header-logo .col-xs-6 {
        padding: 0; width: auto; max-width: 50%;
    }

    div.row-header-logo {
        margin: 0 auto;
    }



div.row-slide {
    font-family: "Lato";
    border: none;
}

    div.row-slide-content {
        height: 100%;
    }

    div.slide-left {
        padding-top: 75px;
        padding-left: 50px;
        min-height: 480px;
    }

        div.slide-left h2 {
            color: white;
            font-size: 60px;
            font-weight: 700;
            margin-bottom: 25px;
        }

        div.slide-left p {
            color: #FDAC1D;
            font-size: 18px;
            /*font-weight: bold;*/
        }

    div.slide-right {
        padding-top: 175px;
        background-color: white;
        height: 100%;
        min-height: 480px;
        border-radius: 0 5px 5px 0;
    }

    div.slide-right table {
        width: 100%;
    }

    div.slide-right table td {
        font-size: 22px;
        font-weight: 700;
        color: #000;
    }

    .btn-ayo {
        border: 1px solid #ff5a00;
        background: rgb(238,174,82); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(238,174,82,1) 0%, rgba(199,64,6,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,174,82,1)), color-stop(100%,rgba(199,64,6,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(238,174,82,1) 0%,rgba(199,64,6,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(238,174,82,1) 0%,rgba(199,64,6,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(238,174,82,1) 0%,rgba(199,64,6,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(238,174,82,1) 0%,rgba(199,64,6,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeae52', endColorstr='#c74006',GradientType=0 ); /* IE6-9 */        
    }
    div.slide-right a.btn-ayo {
        margin-top: 50px;
    }

    .container div.row-harga { margin-bottom: 0; }

    div.col-harga { 
        margin-bottom: 15px; 
    } 

    div.col-harga > div.row { }

    .harga-widget-1,
    .harga-widget-2,
    .harga-widget-wide-1,
    .harga-widget-wide-2 {
        background-color: #42391A;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .harga-widget-1 {
        background-image:url(../img/daftar-harga-bg1.jpg);
    }
    .harga-widget-2 {
        background-image:url(../img/daftar-harga-bg2.jpg);
    }

    .harga-wide-widget-1 {
        background-image:url(../img/daftar-harga-wide-bg1.jpg);
    }
    .harga-wide-widget-2 {
        background-image:url(../img/daftar-harga-wide-bg2.jpg);
    }

@media (max-width: 991px) {
    .harga-widget-1 {
        background: #42391A url(../img/daftar-harga-wide-bg1.jpg) center bottom no-repeat;
    }
    .harga-widget-2 {
        background: #42391A url(../img/daftar-harga-wide-bg2.jpg) center bottom no-repeat;
    }   
}


@media (min-width: 992px) {
    div.row-harga > .col-md-6:nth-child(odd) .col-xs-12 {
        width: 98%; margin-right: 2%;
    }

    div.row-harga > .col-md-6:nth-child(even) .col-xs-12 {
        width: 98%; margin-left: 2%;
    }
}

    div.harga-title {
        background-color: #458CCC;
        height: auto;
        padding: 5px;
    }

        div.harga-title * {
            font-size: 13px;
            color: white;
        }

        div.harga-title h4 {
            margin: 0;
            padding: 0;
            text-transform: uppercase;
        }

    div.harga-content {
        color: white;
        padding-top: 15px; padding-bottom: 15px;
        background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 70%, rgba(255,100,0,0.6) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(0,0,0,0.7)), color-stop(100%,rgba(255,100,0,0.6))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 70%,rgba(255,100,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0,0,0,0.7) 70%,rgba(255,100,0,0.6) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 70%,rgba(255,100,0,0.6) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(0,0,0,0.7) 70%,rgba(255,100,0,0.6) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80ff6e00',GradientType=0 ); /* IE6-9 */        
    }

        div.harga-content h4 {
            color: white;
            text-transform: uppercase;
            font-weight: normal;
            font-size: 24px;
            margin: 0;
            margin-top: 5px;
        }

        div.harga-content span {
            color: white;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: normal;
        }

        div.harga-content h4.title {
            color: #E27A1F;
            font-family: "Roboto Condensed";
            font-weight: 700;
            font-size: 20px;
        }
        
        div.harga-premium h4.title {
            line-height: 20px;
        }

        div.harga-content h4 small {
            color: #fff;
            font-size: 12px;
            vertical-align: top;
            line-height: 20px;
        }

        div.harga-content a.btn-ayo {
            margin-top: 5px;
        }

        div.harga-premium {

        }



div.row-about {
    padding-top: 15px;
    padding-bottom: 15px;
}

    div.row-about div.thumbnail {
        margin-bottom: 0;
    }

    div.row-about {
        background: white url('../img/slice-about.png') no-repeat bottom right; min-height: 288px;
    }

    div.about-desc h2, div.about-desc h1 {
        color: #e17a1d;
        font-weight: normal;
    }

    div.row-about-b {
        border-bottom: 2px solid #8992A1;
    }

    div.row-about-b h2 {
        color: #e1791e;
        font-weight: normal;
    }

    div.row-about-b p {
        color: white;

    }

@media (max-width: 991px) {
    div.row-about {
        min-height: 580px;
    }
}


@media (min-width: 992px) {
    div.row-news > .col-md-6 {
        padding-left: 0; padding-right: 0;
    }
}

@media (min-width: 992px) {
    div.row-partners > .col-md-6 {
        padding-left: 0; padding-right: 0;
    }
}

@media (min-width: 768px) {
    
}

div.row-news {

}

    div.row-news-b { margin: 0 auto 15px; }

    div.row-news-b > .col-xs-6:nth-child(odd) .col-xs-12 {
        width: 90%; margin: 0 5%; max-width: 300px;
    }

    div.row-news-b > .col-xs-6:nth-child(even) .col-xs-12 {
        width: 90%; margin: 0 5%; max-width: 300px;
    }

    div.col-news { padding: 0; }

    .container > div.row-news-link {
        margin-top: 10px;
        margin-bottom: 25px;
    }

    div.row-news-link span.glyphicon {
        /*font-size: 90%;*/
    }

    div.news-thumb {
        
    }

        div.news-thumb img {
            width: 100%;
        }

    div.news-link {
        height: 100px;
        overflow: hidden;
        padding: 15px 15px 30px;
    }

    div.news-link a {
        color: #666; font-size: 15px;
    }

div.row-partners {

}

    div.row-partners-b { margin: 0 auto 15px; }

    div.row-partners-b > .col-xs-6:nth-child(odd) .col-xs-12 {
        width: 98%; margin: 0 1%; max-width: 300px;
    }

    div.row-partners-b > .col-xs-6:nth-child(even) .col-xs-12 {
        width: 98%; margin: 0 1%; max-width: 300px;
    }

    div.col-partners { padding: 0; }

    .container > div.row-partners-link {
        margin-top: 10px;
        margin-bottom: 25px;
    }

    div.row-partners-link span.glyphicon {
        /*font-size: 90%;*/
    }

    div.partners-thumb {
        
    }

        div.partners-thumb img {
            width: 100%;
        }

    div.partners-link {
        height: 70px;
        overflow: hidden;
        padding: 15px 15px 30px;
    }

    div.partners-link a {
        color: #666; font-size: 15px;
    }

div.row-map {
    margin-bottom: 15px;
}

    div.map-chooser {
        padding: 30px;
    }

        div.map-chooser h2 { font-weight: 700; }

    div.map-frame {
        background-color: #afd7fd;
        min-height: 340px;
        background-size: 100%;
        min-height: 300px;
    }

@media (min-width: 992px) {
  div.map-frame {
    border-radius: 0 5px 5px 0;
  }
}

@media (max-width: 991px) {
  div.map-frame {
        border-radius: 0 0 5px 5px;
    }
}



div.row-wizard {
    padding-right: 30px;
    padding-left: 30px;
}

div.row-wizard-steps {
    padding-top: 30px;
    margin-top: 50px;
    border-top: 7px solid #000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+15&0.65+0,0+15 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 15%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(15%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 15%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 15%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 15%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 15%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    background-color: white;
}

    .container div.row-wizard-rules {
        padding: 30px 15px;
        margin-bottom: 0;
    }

    .container > div.row-wizard-rules {
        padding: 30px;
        margin-bottom: 50px;
    }

    div.row-wizard-steps h2 {
        font-family: "Roboto";
        margin-bottom: 50px;
        color: #e07a1e;
    }

    div.wizard-bar {
        margin: 25px 0 5px;
        border-top: #CCC 1px solid;
        border-bottom: #CCC 1px solid;
    }

        div.wizard-bar h5 { font-family: "Lato"; font-weight: 700; text-transform: uppercase;  }
        div.wizard-bar h5.title { color: #000; }

    div.row-wizard-step, div.row-wizard-steps {
        font-family: "Lato";
    }

    div.row-wizard-step {
        padding: 0 30px;
    }

    div.wizard-step {
        margin-top: 5px;
        font-size:15px;
    }

        div.wizard-step label { font-weight: normal; }

    div.row-wizard-rules .col-xs-12 {
        background-color: #FAE498;
        padding: 10px 15px;
        border: 2px solid #ffa101;
    }

    div.row-wizard-rules ul {
        font-size: 14px;
        margin: 0;
        padding: 0 15px;
    }

    table.cart-table {
        text-transform: uppercase;
    }

    table.cart-table thead, table.cart-table tfoot {
        font-weight: 700; color: #000;
    }

    table.cart-table p {
        margin: 0;
    }

    span.step-num {
        display: inline-block;
        width: 40px; height: 52px;
        background: transparent url('../img/slice-step.png') no-repeat top center;
        font-size: 20px; color: white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
        padding-top: 5px;
    }

    div.wizard-step.active span.step-num {
        background-image: url('../img/slice-step-active.png');
    }

    .payment-method-notes {
        font-size: 10px;
        font-weight: normal;
        padding: 10px;
        border: 1px solid #F4B31E;
    }


@media (min-width: 992px) {
    div.info-contact {
        width: 64%; height: 100%;
    }
}


.container div.row-info {
    margin-bottom: 0;
}

    div.info-accounts table {
        width: 100%;
    }

        div.info-accounts table thead {
            background-color: #cd6a15;
        }

    div.info-accounts {
        height: 100%;
        margin-bottom: 15px;
    }

        div.info-accounts div.row-stripe {
            padding-top: 0; padding-bottom: 0;
        }

        div.info-accounts div.row-stripe h5 {
            padding-top: 10px; padding-bottom: 10px;
        }

        div.info-accounts div.row-stripe .col-xs-6:first-child, div.info-accounts div.row-accounts .col-xs-6:nth-child(odd) {
            border-right: 1px solid #ccc;
        }

        div.row-accounts h5 {
            text-transform: uppercase; font-size: 13px;
        }

        div.row-accounts div.col-xs-6 {
            background: rgba(255,255,255,1);
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
            background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
            background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
        }

        div.row-accounts-desc {
            border-top: 1px solid #ccc;
        }

    div.info-contact {
        height: 100%;
        margin-bottom: 15px;
        padding: 30px;
    }

        div.info-contact div.logo {
            width: 50%; margin-left: -15px;
        }

        div.row-address {
            margin-bottom: 30px;
        }

    div.row-accounts-desc .col-xs-12 {
        background-color: #ebebeb; padding-top: 10px; padding-bottom: 10px; margin-bottom: 15px;
        margin-top: 1px;
    }

    div.info-confirm {
        margin-bottom: 15px;
    }

    div.info-confirm p {
        margin-bottom: 0px;
    }

    div.info-logos {
        margin-bottom: 15px;
        text-align: center;
    }

    div.info-contact {
        /*padding-top: 15px;
        padding-bottom: 15px;*/
    }

        div.info-contact h5 {
            color: #ff5800;
        }


div.row-jemput {
    color: #000;
    min-height: 94px;
    background: white url('../img/slice-jemput.png') no-repeat top left;
}

    div.jemput-title, div.jemput-phone, div.jemput-sms {
        height: 94px;
    }

    div.row-jemput h2, div.row-jemput h4 {
        font-family: "Lato"; font-weight: 700;
    }

@media (max-width: 991px) {
    div.row-jemput { 
        background-image: none; 
    }

    div.jemput-title {
        background: #F4922D url('../img/slice-jemput-mobile.png') no-repeat top left;
        -webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;
    }
}


div.row-update .col-md-6 {
    padding-top: 15px; padding-bottom: 15px;
}
    
    div.row-social { width: 80%; margin: 60px auto; max-width: 350px; }

    div.news-small {
        color: #000;
    }

    div.news-small h3 {
        font-style: italic; font-weight: 700;
    }

    div.news-small ul {
        margin: 0; padding: 0; margin-left: 0; list-style: none;
    }

    div.news-small ul li { 
        padding-left: 0;
    }

    div.news-small ul li:before {
        font-size: 16px;
        line-height: 0;
        content: "•";
        margin-right: 5px;
        margin-top: 0;
        color: #e37a1f; /* or whatever color you prefer */
    }

    div.news-small ul li a {
        color: #666;
    }


div.row-sponsors .col-xs-12 {
    padding-top: 15px; padding-bottom: 15px;   
}

    div.row-sponsors { position: relative; }

    div.row-sponsors .carousel-control { z-index: 90; width: 5%; }

    div.row-sponsors img {
        padding-bottom: 5px; max-height: 75px;
    }

    div.row-sponsors div.central > div {
        float: left;
    }

    div.col-sponsors {
        overflow:hidden; height: 175px;
    }

    div.col-sponsors a { display: inline-block; }

    div.col-sponsors-overflow {
        
    }

    div.row-sponsors h2 {
        font-family: "Roboto";
        margin-bottom: 10px;
        color: #e07a1e;
    }



.container > div.row-footer, div.row-footer {
    color: #a7a7a9;
    margin-bottom: 0;
    padding: 30px 15px 15px;
    background-color: #454952;
    -webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;

    -webkit-box-shadow: inset 0px 5px 15px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 5px 15px -10px rgba(0,0,0,0.75);
    box-shadow: inset 0px 5px 15px -10px rgba(0,0,0,0.75);
}

    div.row-footer p {
        margin-bottom: 0;
    }


/* SUB STYLES */

div.row-breadcrumb {

}

div.row-breadcrumb ol.breadcrumb {
    margin-bottom: 0;
    padding: 0;
    background: none;
    padding-left: 15px;
}

div.row-breadcrumb .breadcrumb > li + li:before {
    content: none;
}

div.row-breadcrumb .breadcrumb > li {
    padding-right: 30px; background: white url('../img/slice-breadcrumb.png') no-repeat bottom right;
    height: 36px; padding-top: 8px;
}

div.row-breadcrumb .breadcrumb > li:last-child {
    background-image: none;
}

.pagination > li > a, .pagination > li > span {
    color: #717171;
    margin-right: 5px;
    -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;
    border-color: #c9c9c9;

    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );

    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
}

.pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li > a:hover, .pagination > li.active > span {
    background: none;
    color: white;
    background-color: #e37a1f;
    border-color: #ad6519;
    -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.25);
}

div.col-sub-menu {
    padding: 0;
}

div.col-sub-menu {
    margin-bottom: 15px;
}

div.col-sub-menu .caret {
    margin-top: 0.5em;
}

div.col-sub-menu ul {
    list-style: none;
    margin: 0; padding: 0;
}

div.col-sub-menu ul li {
    border-top: 1px solid #e2e2e2;
    padding: 10px 25px;
}

div.col-sub-menu ul li:last-child {
    /*border: none;*/
}

div.col-sub-menu ul li a {
    color: #666;
}

div.col-sub-menu h5 {
    padding: 10px 25px;
    margin: 0;
}

div.row-sub-harga div.harga-title h4 {
    display: inline-block;
}


@media (min-width: 992px) {
    div.row-sub-harga div.harga-title {
        padding-top: 10px;
    }

    div.row-sub-harga div.harga-title h4 {
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-size: 75%;
    }

    div.row-sub-harga div.harga-content > div.col-xs-12, div.row-sub-harga div.harga-content > div.col-xs-6 {
        padding: 0 25px;
    }

    div.col-sub-menu {
        padding: 0;
    }

    div.col-sub-menu h5 {
        color: white;
        margin: 0; background-color: #d56e21;
    }

    div.col-sub-menu ul {
        height: auto !important;
    }

    div.harga-harga {
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) {
    div.col-sub-menu h5 {
        cursor: pointer;
    }

    div.harga-harga {
        text-align: right;
    }
}

div.col-notify {
    padding: 30px 15px;
}

    div.col-notify h3 {
        padding-top: 0; margin-top: 0;
    }

div.col-login-tabs {
    padding: 0; margin-top: 30px;
}

div.col-login-tabs .nav-tabs > li {
    float:none;
    display:inline-block;
}

div.col-login-tabs .nav-tabs {
    text-align: center;
}

div.col-login-tabs .nav-tabs > li > a {
    outline: none; padding: 10px 50px; color: #555;
    font-weight: bold;
}

div.col-login-tabs .nav-tabs > li.active > a {
    padding: 10px 75px; color: #FF5800;
}

div.col-login {
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
}

div.col-login {
    padding: 30px;
}

div.col-login label, div.col-login-tabs .nav-tabs > li > a {
    font-size: 18px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

div.col-login label {
    font-weight: normal;
}

div.col-login .btn-lg, div.row-user-content .btn-lg {
    padding: 10px 16px;
    font-family: 'Roboto Condensed';
}

div.col-login .help-block {
    text-transform: none;
    font-family: 'Roboto';
}

ul.user-menu {
    list-style: none; margin: 30px 0 0 30px; padding: 0;
}

ul.user-menu li > a {
    color: #555;
    text-transform: uppercase;
}

ul.user-menu li.active > a {
    color: #FF5800;
}

div.row-user-content {
    background: white url('../img/slice-dash.png') no-repeat top left;
    padding: 30px;
}

div.row-user-content h1 {
    padding-top: 0; margin-top: 0; text-transform: uppercase; font-size: 28px;
    margin-bottom: 50px;
}

div.row-user-content label.control-label {
    font-weight: normal; text-align: left;
}

div.row-user-content .btn-lg {
    text-transform: uppercase;
}

/* GALERI */

div.col-galeri {
    background: #fff url(../img/news-bg.jpg) top left no-repeat;
    background-size: 100%;
}

@media (min-width: 992px) {
    div.col-galeri {
        width: 73%; float: right;
    }
}

div.row-galeri {
    padding: 15px 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 20%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(20%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 20%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 20%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 20%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 20%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

div.col-detail div.row-galeri {
    background: none;
}

div.row-galeri > .col-xs-12 {
    padding: 15px 0;
}

div.row-galeri ul.pagination {
    margin: 15px 4%;
}

div.row-galeri h1 {
    margin: 0 4% 75px;
    font-family: "Lato";
    font-weight: 700;
    color: #FFF;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1.0);

}

div.galeri-thumbset {
    margin: 0 auto 50px;
}

div.galeri-thumbset:last-child {
    margin-bottom: 0;
}

div.galeri-thumbset > .col-xs-4 .col-xs-12 {
    max-width: 300px;
    -webkit-box-shadow: 1px 3px 8px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 3px 8px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 3px 8px -5px rgba(0, 0, 0, 0.75);
}

div.galeri-thumbset > .col-xs-4 {
    width: 28%;
}

div.galeri-thumbset > .col-xs-4:first-child {
    margin-left: 4%; margin-right: 4%;
}

div.galeri-thumbset > .col-xs-4:nth-child(3) {
    margin-left: 4%; margin-right: 4%;
}

#galeriCarousel .item img {
    width: 100%;
}

#galeriModal .modal-content { border-radius: 0; background: none; box-shadow: none; border: none; }
#galeriModal .modal-header { border: none; background-color: #e1791e; padding: 5px 10px; }
#galeriModal .modal-header .close { opacity: 1.0; color: white; font-size:3em; font-weight: 100; font-family: Lato; margin-top: -9px; }
#galeriModal .modal-body {background-color: white; clear: both; padding: 5px; }

#galeriModal .carousel-thumb {
    overflow-x: scroll;
    height: 100px;
    margin-top: 5px;
}

#galeriModal .col-carousel-content {
	padding-left: 0;
}

#galeriModal .carousel-content {
	overflow-y: auto;
}

#galeriModal .carousel-content h5 {
    font-weight: bold;
}

#galeriModal .modal-dialog {
	width: 750px;
}


#galeriModal .carousel-thumb a img {
    max-height: 100px; margin-right: 1px;
}


/* NEWS */

div.row-galeri-news {
    width: 92%; margin: 0 4% 25px;
}

div.row-galeri-news > .col-xs-4 {
    padding-left: 0;
}

div.row-galeri-news > .col-xs-8 {
    padding-right: 0;
}

div.galeri-news {
    color: #000;
}

div.galeri-news span.date {
    
}

div.galeri-news h4.title {
    color: #000;
    margin: 5px 0;
}

div.galeri-news p {
    margin: 0;
}

div.row-galeri h4.title-2 {
    margin: 30px 4% 15px;
    font-weight: 700; text-transform: uppercase;
}

div.row-berita {

}

div.row-berita .col-xs-12 {
    width: 92%; margin: 15px 4%; padding: 0;
}

div.row-berita span.date {
    color: #CCC;
}

div.row-berita div.news-content, div.row-berita div.news-content img {
    margin: 15px 0;
}

div.row-berita div.news-content img.img-responsive {
    min-width: 100%;
}

/*
    Google Map Info Window
 */

.infobox {
    background: none repeat scroll 0 0 #cd6a15;
    color: #F1F1F1;
    font-family: arial;
    line-height: 20px;
    position: absolute;
}
.infobox:before, .infobox:after {
    border-color: transparent transparent transparent #cd6a15;
    border-style: solid;
    border-width: 20px 20px 0;
    bottom: -1px;
    content: "";
    display: block;
    height: 0;
    left: -1px;
    position: absolute;
    width: 0;
    z-index:2
}
.infobox:after {
    border-color: transparent transparent transparent #FFFFFF;
    border-width:24px 24px 0;
    z-index:1
}
.infobox .close {
    background: none repeat scroll 0 0 #cd6a15;
    cursor: pointer;
    float: right;
    font-size: 17px;
    height: 25px;
    line-height: 22px;
    position: relative;
    right: -25px;
    text-align: center;
    top: 0;
    width: 25px;
}

.infobox .content {
  margin:15px 15px 15px 15px;
}

/*
    Loading Spinner
 */
#show-loading {
    display:table;
    width:100%;
    height:100%;
}
#show-loading .animate-loading {
    display: table-cell;
    vertical-align: middle;
}
#show-loading .animate-container {
    margin-left: auto;
    margin-right: auto;
}
#show-loading .circle1 {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #2187e7;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -moz-animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 1s infinite linear;
}

#show-loading .circle2 {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #2187e7;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}

/* end of file site.css */