body {
    font-family: "Sisco", "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #4d4d4d;
    letter-spacing: 0.5px;
}
a, a:hover, a:active, a:focus {
    outline: 0;
}
.breadcrumb {
    background-color: transparent;
    margin-top: 20px;
}
.breadcrumb > li > a {
    text-shadow: none;
    color: #4d4d4d;
    text-decoration: none;
}
.breadcrumb > li > a:hover {
    color: #db1e25;
}
.breadcrumb > li > .divider {
    color: #db1e25;
    font-size: 20px;
}
.breadcrumb > .active {
    color: #db1e25;
}
p {
	font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 16.5px;
}

h2 {
    font-size: 24px;
    color: #db1e25;
}

h3 {
    font-size: 15px;
    color: #db1e25;
    font-family: "Sisco Bold", "Sisco", "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
}
h3:before {
    content: ""; //makes it appear
    width: 0;
    height: 0;
    border-top: 13px solid #db1e25;
    border-right: 14px solid transparent;
    position: relative;
    top: 17px;
    margin-right: 5px;
}
.logo {
    float: left;
    margin-bottom: 14px;
}
.sub-logo {
    float: right;
}
.navbar .navbar-inner {
    background:rgb(255,255,255);
    background: transparent\9;
    background:rgba(255,255,255,0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);
    zoom: 1;
}
.navbar .navbar-inner:nth-child(n) {
    filter: none;
}
.navbar > .navbar-inner > .container {
    position: relative;
}
.navbar .btn-navbar {
    position: absolute;
    right: 0;
    top: 71px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}
.navbar .btn-navbar .icon-bar {
  width: 24px;
  height: 4px;
  background-color: #333333;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
    background: none;
}
.btn-navbar > img {
    padding-right: 0;
}
.navbar .nav {
    font-size: 12px;
    color: black;
    letter-spacing: 1.5px;
    font-family: "Sisco Medium","Sisco","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.navbar .nav .dropdown-menu {
    letter-spacing: 0.5px;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    font-family: "Sisco Bold","Sisco","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.navbar-inner {
    background-image: none;
    background-color: white;
    box-shadow: none !important;
    border-width: 0 0 5px !important;
}

.navbar .nav > li > a {
    color: black;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    background-color: transparent;
    box-shadow: none;
    color: #db1e25;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: 0;
    background-image: none;
    background-repeat: no-repeat;
    font-weight: bold;
    color: white;
}
.navbar .nav > li {
    position: relative;
}

.navbar .nav > li > a:hover {
    color: #db1e25;
    font-family: "Sisco Bold","Sisco","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.navbar .nav > li.active > a:before,
.navbar .nav > li > a:hover:before {
    background: none repeat scroll 0 0 rgb(220, 69, 74);
    background: none repeat scroll 0 0 rgba(220, 69, 74, 0.8);
    bottom: -6px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%;
}

.navbar .nav > li.open > a:before {
    content: none;
}
.navbar .nav > li.active > a:after,
.navbar .nav > li > a:hover:after {
    border-right: 14px solid transparent;
    border-top: 13px solid rgb(220, 69, 74);
    border-top: 13px solid rgba(220, 69, 74, 0.8);
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 46px;
}
.navbar .nav > li.open > a:after {
    content: none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: transparent;
    color: #db1e25;
    font-family: "Sisco Bold", "Sisco", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background:rgb(123,47,47);
    background: transparent\9;
    background:rgba(123,47,47,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc7b2f2f,endColorstr=#cc7b2f2f);
    zoom: 1;
}
.dropdown-menu > .active > a:nth-child(n),
.dropdown-menu > .active > a:hover:nth-child(n),
.dropdown-menu > .active > a:focus:nth-child(n) {
    filter: none;
}

.navbar .nav > li > .dropdown-menu:before {
    content: none;
}
.navbar .nav > li > .dropdown-menu:after {
    content: none;
}
.dropdown-menu {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    box-shadow: none;
    border: none;
    top: 38px;
    padding: 0;
    min-width: 100%;
    
    background:rgb(220,69,74);
    background: transparent\9;
    background:rgba(220,69,74,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccdc454a,endColorstr=#ccdc454a);
    zoom: 1;
}
.dropdown-menu:nth-child(n) {
    filter: none;
}

.dropdown-menu > li > a {
    color: white;
    padding: 10px 20px;
    font-family: "Sisco","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.dropdown-menu > li:first-child {
    border: none;
}

.dropdown-menu > li {
    border-top: 1px solid white;
}
.content {
    padding-top: 22px;
}

div.table-wrapper {
    overflow: hidden;
}
div.table-wrapper > div {
    margin-left: -30px;
    margin-right: -30px;
}
div.table-wrapper > div > .table {
    border-collapse: separate;
    border-spacing: 30px 0;
}
.table td, 
.table th {
    border-top: 1px solid #d7d7d7 !important;
    padding: 8px 0 8px 0;
}
.table tbody:last-child tr:last-child td,
.table tbody:last-child tr:last-child th {
    border-bottom: 1px solid #d7d7d7 !important;
}

/* ===== Customize the navbar links to be fill the entire space of the .navbar ===== */

@media (min-width: 979px) {
.navbar .navbar-inner {
    padding: 0;
}

.navbar .nav {
    margin: 0;
    display: table;
    width: 100%;
}

.navbar .nav  > li {
    display: table-cell;
    float: none;
}

.navbar .nav > li:first-child a {
    border-left: 0;
    -webkit-border-radius: 3px 0 0 3px;
       -moz-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
}

.navbar .nav > li:last-child a {
    border-right: 0;
    -webkit-border-radius: 0 3px 3px 0;
       -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
}
.dropdown-submenu > .dropdown-menu {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    margin-left: 1px;
    margin-top: 0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
    zoom: 1;
    background-image: none;
    background-repeat: no-repeat;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
/* triangle for the last li */
.dropdown-menu > li:last-child {
    position: relative;
}
.dropdown-menu > li.last {
    position: relative;
}
.dropdown-menu > li:last-child > a:after {
    border-right: 14px solid transparent;
    border-top: 13px solid rgb(220, 69, 74);
    border-top: 13px solid rgba(220, 69, 74, 0.8);
    content: "";
    height: 0;
    position: absolute;
    top: 40px;
    left: 0;
}
.dropdown-menu > li.last > a:after {
    border-right: 14px solid transparent;
    border-top: 13px solid rgb(220, 69, 74);
    border-top: 13px solid rgba(220, 69, 74, 0.8);
    content: "";
    height: 0;
    position: absolute;
    top: 40px;
    left: 0;
}
.dropdown-menu > li.active:last-child > a:after {
    border-top: 13px solid rgb(123, 47, 47);
    border-top: 13px solid rgba(123, 47, 47, 0.8);
}
.dropdown-menu > li.active.last > a:after {
    border-top: 13px solid rgb(123, 47, 47);
    border-top: 13px solid rgba(123, 47, 47, 0.8);
}
}   
/* ===== Customize the navbar links to be fill the entire space of the .navbar ===== */

.navbar-header {
    padding-top: 35px;
}
.navbar-header:after {
    clear: both;
}


a.read-more {
    font-size: 9.5px;
    color: black;
    padding-left: 25px;
    background: transparent url('../img/read-more.png') left center no-repeat;
    font-family: "Sisco Bold", "Sisco", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
a.read-more:hover {
    text-decoration: none;
    color: #db1e25;
}
a.download {
    font-size: 12px;
    color: #4d4d4d;
    font-weight: bold;
    padding-left: 25px;
    background: transparent url('../img/download.png') left center no-repeat;
}
a.download:hover {
    text-decoration: none;
}



/* Jumbotron section
---------------------------------------------------*/

.jumbotron .full {
    border-bottom: 5px solid #db1e25;
}
.jumbotron .banner img {
    width: 100%;
}
.menu-title {
    height: 50px;
    
    background-color: #d52025;
    background-image: linear-gradient(to bottom, #d52025, #8a1315);
    background-repeat: repeat-x;
    
    text-align: center;
}
.menu-title span {
    color: white;
    font-size: 20px;
    line-height: 50px;
    letter-spacing: -0.5px;
    font-family: "Sisco Medium","Sisco","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.menu-title > .container .row-fluid > div:before
{
    background-image: url('../img/diagonal-line.png');
    background-repeat: no-repeat;
    content: "";
    float: left;
    height: 50px;
    width: 55px;
    background-position: -28px center;
}
.menu-title > .container .row-fluid > div:after
{
    background-image: url('../img/diagonal-line.png');
    background-repeat: no-repeat;
    content: "";
    float: right;
    height: 50px;
    width: 55px;
    background-position: -28px center;
}
.jumbotron .carousel {
    margin-bottom: 0;
}
.jumbotron .carousel-indicators {
    right: 10%;
    top: 10%;
}
.jumbotron .carousel-indicators li {
    width: 0;
    height: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: transparent;
    border-top: 20px solid white;
    border-right: 20px solid transparent;
    position: relative;
}
.jumbotron .carousel-indicators .active {
    background-color: transparent;
}
.jumbotron .carousel-indicators .active > span:before {
    background-color: transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #db1e25;
    content: "";
    height: 0;
    left: 2px;
    position: absolute;
    top: -18px;
}



/* Marketing section
-------------------------------------------------- */

.marketing {
    text-align: center;
}
.marketing h1 {
    font-size: 28px;
    color: #db1e25;
    font-weight: normal;
    margin-bottom: 30px;
}
.marketing h2 {
    font-size: 14px;
    color: #db1e25;
    font-family: "Sisco Bold", "Sisco", "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    margin-top: 16px;
}
.marketing .span4 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.marketing .span4:nth-child(2) {
    border-left: 1px solid #8a8a8a;
    border-right: 1px solid #8a8a8a;
}
.marketing a.img-link .caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #acacac;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
}
.marketing a.img-link:hover .caret {
    border-top: 10px solid #db1e25;
}
.marketing a.img-link {
    height: 116px;
    display: block;
    margin: auto;
    width: 84px;
}
.marketing a.link-spesifikasi {
    background: transparent url('../img/spesifikasi.png') center bottom no-repeat;
}
.marketing a.link-spesifikasi:hover {
    background: transparent url('../img/spesifikasi-active.png') center bottom no-repeat;
}
.marketing a.link-keunggulan {
    background: transparent url('../img/keunggulan.png') center bottom no-repeat;
}
.marketing a.link-keunggulan:hover {
    background: transparent url('../img/keunggulan-active.png') center bottom no-repeat;
}
.marketing a.link-proyek {
    background: transparent url('../img/proyek.png') center bottom no-repeat;
}
.marketing a.link-proyek:hover {
    background: transparent url('../img/proyek-active.png') center bottom no-repeat;
}



/* About us section
--------------------------------------------------- */

.about-us > .sub-section > div.left > div {
    border-right: 1px solid #d7d7d7;
    padding-right: 10%;
}
.about-us > .sub-section > div.right > h3 {
    margin-left: 6%;
}
.about-us > .sub-section > div.right > div {
    margin-left: 6%;
}



/* Company Value section
--------------------------------------------------- */

.company-value .sub-section > .height-equalizer {
    margin-bottom: 20px;
}
.company-value > .sub-section:last-child {
    padding-bottom: 0;
}
.company-value .sub-section > .row-fluid > .span4 > .company-value-point > span {
    height: 123px;
}
.company-value .sub-section > .row-fluid:last-child > .span4 > .company-value-point > span {
    border-bottom: none;
}
.company-value .equal-height-left {
    position: relative;
}
.company-value .equal-height-left:after {
    content:''; 
    width: 219px;
    height: 5px;
    background: #5b0b0c;
    position: absolute;
    bottom: 0;
}
.company-value .equal-height-right {
    border-bottom: 5px solid #eb1c24;
}
.company-value .sub-section > .row-fluid.height-equalizer:last-child div,
.company-value .sub-section > .row-fluid.height-equalizer:last-child > .equal-height-left:after {
    border-bottom: none;
    background-color: transparent;
}
.company-value .company-value-point span {
    color: #da2127;
    display: block;
    font-size: 78px;
    letter-spacing: -2px;
    line-height: 125px;
    text-decoration: underline;
    width: 219px;
}
.company-value .company-value-point span.staff-profesional {
    background: url("../img/staff-profesional.png") no-repeat scroll right 40px transparent;
}
.company-value .company-value-point span.tumbuh-bersama {
    background: url("../img/tumbuh-bersama.png") no-repeat scroll right 40px transparent;
}
.company-value .company-value-point span.pelayanan-berkualitas {
    background: url("../img/pelayanan-berkualitas.png") no-repeat scroll right 40px transparent;
}
.company-value .company-value-point span.berkomitmen-terpercaya {
    background: url("../img/berkomitmen-terpercaya.png") no-repeat scroll right 40px transparent;
}



/* Keunggulan section
--------------------------------------------------- */

.keunggulan h3 {
    font-size: 25px;
}
.keunggulan h3:before {
    border-right: 14px solid transparent;
    border-top: 13px solid #db1e25;
    content: "";
    height: 0;
    margin-right: 5px;
    position: relative;
    top: 21px;
}
.keunggulan .sub-section > .row-fluid {
    margin-bottom: 30px;
}
.keunggulan .sub-section > .row-fluid:last-child {
    margin-bottom: 0;
}
.keunggulan .sub-section > .row-fluid > .span4 {
    border-bottom: 5px solid #eb1c24;
    padding-bottom: 20px;
}
.keunggulan-img {
    text-align: center;
}
.keunggulan-img > img {
    width: 90%;
}
.keunggulan-point {
    margin-bottom: 58px !important;
}
.keunggulan > .sub-section .keunggulan-point:last-child {
    margin-bottom: 0 !important;
}



/* Brochure section
--------------------------------------------------- */

.brochure table td.download {
    text-align: right;
    width: 90px;
}
.brochure table td .download {
    font-size: 14px;
}
.brochure > .sub-section:first-child {
    margin-bottom: 67px;
}



/* Project section
--------------------------------------------------- */

.project h3 {
    font-size: 25px;
}
.project h3:before {
    border-right: 14px solid transparent;
    border-top: 13px solid #db1e25;
    content: "";
    height: 0;
    margin-right: 5px;
    position: relative;
    top: 21px;
}
.project-slider-wrapper {
    margin-bottom: 50px;
    overflow: hidden;
}
.project .carousel {
    width: 33.3%;
    left: 33.3%;
    margin-bottom: 0;
}

.project .carousel:before {
    content: "";
    display: block;
    padding-top: 94%;
}
.project .carousel .carousel-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.project .carousel .overlay {
    background-color: black;
    height: 1000px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* msie */
    position: absolute;
    width: 100.3%;
    z-index: 1;
}
.project .carousel .overlay.left {
    left: -100%;
    top: -100%;
}
.project .carousel .overlay.right {
    right: -100%;
    top: -100%;
}
.project .carousel-inner {
    overflow: visible;
}
.project .carousel .carousel-inner .item > img:first-child +.carousel-caption + img {
    left: 100%;
    position: absolute;
    top: 0;
}
.project .carousel .carousel-inner .item > img:first-child +.carousel-caption + img +img {
    left: -100%;
    position: absolute;
    top: 0;
}
.project .carousel-caption {
    text-align: right;
    color: white;
    font-size: 20px;
    background: none;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-family: "Sisco Bold", "Sisco", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.project .carousel-caption:before {
    border-bottom: 70px solid #db1e25;
    border-left: 70px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    z-index: -1;
}
.project .carousel-control {
    background-color: #db1e25;
    border: medium none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    height: 35px;
    line-height: 28px;
    font-size: 58px;
    z-index: 2;
}
.project .carousel-control.left {
    left: -70%;
    top: 50%;
}
.project .carousel-control.right {
    right: -70%;
    top: 50%;
}
.project-overview {
    display: none;
}
.project-overview.active {
    display: block;
}
.project .carousel-inner > .left > .carousel-caption,
.project .carousel-inner > .right > .carousel-caption {
    display: none;
}
.project-overview .table > tbody > tr > th {
    width: 30%;
}



/* Product section
--------------------------------------------------- */

.product div.product-title {
    float: right;
    margin-bottom: 30px;
}
.product h1 {
    text-transform: lowercase;
}
.product h2 {
    font-weight: normal;
    font-family: "Sisco Bold", "Sisco", "Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 1.5px;
    line-height: 27px;
}
.product h2 .product-title {
    font-size: 31px;
    text-transform: uppercase;
}
.product h2 .product-sub-title {
    font-size: 24px;
}
.product h3 {
    text-transform: uppercase;
}
.product-specification .product-size {
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    height: 40px;
    line-height: 40px;
}
.product-specification {
	overflow: hidden;
    margin-bottom: 30px;
}
.product-specification > div.span6:first-child {
    margin-bottom: -100px;
    padding-bottom: 100px;
    border-right: 1px solid #d7d7d7;
    padding-right: 30px;
}
.sub-section > .product-specification:last-child {
    margin-bottom: 0;
}
.product-overview .product-specification a {
    color: inherit;
    text-decoration: none;
}
.product-overview .product-specification a:hover {
    color: #db1e25;
}



/* Content section
--------------------------------------------------- */

.content .sub-section {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #d7d7d7;
}
.content p.overview {
    font-size: 27px;
    line-height: 35px;
}
.content img {
    width: 100%;
}



/* Contact section
---------------------------------------------------*/

.contact-us .contact-info {
    overflow: hidden;
}
.contact-us .contact-info .contact-info-address {
    border-right: 1px solid #d7d7d7;
    padding-bottom: 500px;
    margin-bottom: -500px;
}
.contact-us .contact-info .contact-info-form form,
.contact-us .contact-info .contact-info-form form .form-actions {
    margin-bottom: 0;
}
.contact-us .contact-info .contact-info-form textarea,
.contact-us .contact-info .contact-info-form input {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
   outline: 0;
}
.contact-us .contact-info .contact-info-form input {
    height: 30px;
}
.contact-us span.required {
    display: none;
}

/* Contact input with pointy edge
---------------------------------- */
.contact-us .contact-info input,
.contact-us .contact-info textarea {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    border-color: #acacac;
}
.contact-us .contact-info input:focus,
.contact-us .contact-info textarea:focus {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    border: 2px solid #eb1c24;
    box-shadow: none;
    background-color: #ebebeb;
}
.contact-us .contact-info input {
    border-left: none !important;
}
.contact-us .contact-info .control-group {
    position: relative;
}
.contact-us .contact-info .control-label {
    background-color: #959595;
    color: white;
    height: 25px;
    margin-left: 30px;
    width: 110px;
    text-align: left;
}
.contact-us .contact-info .control-label:before {
    border-bottom: 30px solid #959595;
    border-left: 30px solid transparent;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.contact-us .contact-info .control-label:after {
    border-right: 30px solid transparent;
    border-top: 30px solid #959595;
    content: "";
    left: 140px;
    position: absolute;
    top: 0;
}
.contact-us .contact-info .controls {
    margin-left: 209px;
}
.contact-us .contact-info .controls:before {
    border-bottom: 30px solid #acacac;
    border-left: 30px solid transparent;
    content: "";
    left: 179px;
    position: absolute;
    top: 0;
}
.contact-us .contact-info .controls.active:before {
    border-bottom: 30px solid #eb1c24;
    border-left: 30px solid transparent;
    content: "";
    left: 179px;
    position: absolute;
    top: 0;
}
.contact-us .contact-info .controls:after {
    border-bottom: 28px solid white;
    border-left: 28px solid transparent;
    content: "";
    left: 181px;
    position: absolute;
    top: 1px;
    width: 1px;
}
.contact-us .contact-info .controls.active:after {
    border-bottom: 26px solid #ebebeb;
    border-left: 26px solid transparent;
    content: "";
    left: 183px;
    position: absolute;
    top: 2px;
}
.contact-us .contact-info .contact-info-form .form-horizontal > .control-group:first-child > .controls:before,
.contact-us .contact-info .contact-info-form .form-horizontal > .control-group:first-child > .controls:after {
    content: none;
}
.contact-us .form-actions {
    background-color: white;
    border-top: none;
    text-align: right;
    padding: 0;
}
.contact-us .btn-primary {
    background: url("../img/btn-kirim.png") no-repeat scroll left center transparent;
    border: none;
    padding: 6px;
    padding-left: 28px;
    width: 119px;
    height: 30px;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #ffffff;
    outline: 0;
    background: url("../img/btn-kirim-hover.png") no-repeat scroll left center transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.btn-primary:active,
.btn-primary.active {
    outline: 0;
    background: url("../img/btn-kirim-active.png") no-repeat scroll left center transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

#map-canvas {
    width: 100%;
    height: 400px;
    background-color: #CCC;
 }



/* Footer
-------------------------------------------------- */

footer {
    background-color: #4d4d4d;
    color: #ffffff;
    position: relative;
}
#footer {
   // Draw an SVG top left to bottom right 
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 10 10'> <path d='M0 0 L0 10 L10 10' fill='red' /></svg>");
   background-repeat:no-repeat;
   background-position:center center;
   //scale it 
   background-size: 100% 100%, auto;
}
#scroll-top-wrapper{
    border-bottom: 5px solid #db1e25;
    background-color: white;
}
#scroll-top-wrapper div {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #db1e25;
    margin: auto;
}
#scroll-top-wrapper span {
    position: relative;
    left: -9px;
    top: 10px;
    color: white;
}
#scroll-top-wrapper span a {
    color: white;
    text-decoration: none;
    font-size: 10px;
}
#footer {
}
#footer:before {
    content: ""; //makes it appear
    height: 0;
    border-top: 100px solid #acacac;
    border-right: 100px solid transparent;
    position: absolute;
    left: 0;
}
#footer:after {
    background-image: url("../img/bottom-right-corner.png");
    background-position: 0 -100px;
    background-repeat: no-repeat;
    background-size: 100px auto;
    border-right: 100px solid transparent;
    border-top: 100px solid transparent;
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
}
#footer-top {
    margin-bottom: 20px;
    margin-top: 40px;
    overflow: hidden;
}
#footer-top > div {
    border-left: thin solid #b1b1b1;
    padding-bottom: 100px;
    margin-bottom: -100px;
}
.footer-info > div:first-child {
    margin-bottom: 25px;
}
.footer-info > div:first-child:before,
.footer-info > div:first-child:after {
    height: 8px;
}
.footer-info > div:first-child > span {
    margin-left: 50px;
    font-size: 29px;
}
.footer-info > div.row-fluid:last-child {
    overflow: hidden;
}
.footer-info > div.row-fluid:last-child > div.span6:last-child {
    margin-bottom: -100px;
    padding-bottom: 100px;
    height: 235px;
}
.footer-info li {
    list-style: none;
    line-height: 17px;
}
ul.footer-section > li:before {
    content: ""; //makes it appear
    width: 0;
    height: 0;
    border-top: 13px solid #db1e25;
    border-right: 14px solid transparent;
    position: relative;
    top: 17px;
    margin-right: 5px;
}
ul.footer-section {
    margin-bottom: 0;
    margin-left: 30px;
}
ul.footer-section > li:first-child {
    margin-top: 0;
}
ul.footer-section > li {
    margin-top: 14px;
}
ul.footer-section > li > span {
    font-family: "Sisco Bold", "Sisco", "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
}
.footer-section a {
    color: inherit;
    text-decoration: none;
}
.footer-section a:hover {
    color: #db1e25
}
ul.footer-section-detail {
    margin-left: 22px;
    margin-top: 14px;
    font-size: 11.5px;
}
.footer-info > div > div {
    border-left: thin solid #b1b1b1;
}
.footer-info > div > div:first-child {
    border: none;
}
#footer-bottom {
    border-top: thin solid #b1b1b1;
    padding-top: 10px;
    margin-bottom: 40px;
}
#footer-copyright {
    float: right;
    padding-left: 10px;
    font-size: 11px;
    text-align: right;
}
#footer-designby {
    float: left;
    font-size: 11px;
}
#footer-copyright strong {
    color: #d7d7d7; 
}
#footer-copyright a {
    color: inherit;
}
#footer-copyright a:hover {
    text-decoration: none;
}




.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
    color: #db1e25;
    font-family: "Sisco", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.control-group.error .help-inline {
    font-size: 9px;
    float: right;
}




@media (min-width: 1200px) {
    .container {
        width: 940px;
    }
}
@media(min-width: 980px) {
    .main-body {
        padding-top: 184px;
    }
}
@media (max-width: 979px) {
  .navbar-fixed-top {
    margin-bottom: 0;
  }
   .marketing .span4:nth-child(2) {
       border: none;
   }
    .navbar-header {
        padding-top: 0;
    }
    .logo {
        margin-bottom: 0;
    }
    .navbar .nav > li.active > a:before,
    .navbar .nav > li > a:hover:before {
        content: none;
    }
    .navbar .nav > li.active > a:after,
    .navbar .nav > li > a:hover:after {
        content: none;
    }
    .nav-collapse .dropdown-menu li.active > a {
        font-weight: bold;
    }
    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        font-weight: normal;
    }
    .nav-collapse .dropdown-menu a {
        color: white;
        background:rgb(220,69,74);
        background: transparent\9;
        background:rgba(220,69,74,0.8);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccdc454a,endColorstr=#ccdc454a);
        zoom: 1;
    }
    .nav-collapse .dropdown-menu a:nth-child(n) {
        filter: none;
    }
    
    .dropdown-menu > li > a:hover, 
    .dropdown-menu > li > a:focus, 
    .dropdown-submenu:hover > a, 
    .dropdown-submenu:focus > a {
        font-weight: bold;
    }
    
    .navbar .nav li.dropdown.open > .dropdown-toggle, 
    .navbar .nav li.dropdown.active > .dropdown-toggle, 
    .navbar .nav li.dropdown.open.active > .dropdown-toggle {
        background-color: #f2f2f2;
    }
    .nav-collapse .dropdown-menu {
        min-width: 160px;
    }
    .nav-collapse .dropdown-menu li + li a {
        margin-bottom: 0;
    }
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .dropdown-menu a:focus {
        background-image: none;
        
        background:rgb(220,69,74);
        background: transparent\9;
        background:rgba(220,69,74,0.8);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccdc454a,endColorstr=#ccdc454a);
        zoom: 1;
    }
}
@media (max-width: 767px) {
    /* Widen masthead and social buttons to fill body padding */
    .jumbotron {
        margin-right: -20px;
        margin-left:  -20px;
    }
    .about-us > .sub-section > div.left {
        margin-bottom: 40px;
    }
    .about-us > .sub-section > div.left > div {
        border-right: 0;
        padding-right: 0;
    }
    .about-us > .sub-section > div.right > h3 {
        margin-left: 0;
    }
    .about-us > .sub-section > div.right > div {
        margin-left: 0;
    }
    .keunggulan .sub-section > .row-fluid > .span4 {
        height: auto;
        margin-bottom: 30px;
    }
    
    .keunggulan-point {
        margin-bottom: 0 !important;
    }
    .company-value .sub-section > .row-fluid > .span7 {
        height: auto;
    }
    .product-specification > div.span6:first-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-right: none;
        padding-right: 0;
    }
    .product-overview .product-specification {
        overflow: hidden;
        margin-bottom: 0;
    }
    
    .contact-us .contact-info .contact-info-address {
        border-right: none;
    }
    footer {
        bottom: 0;
        margin-left: -20px;
        margin-right: -20px;
    }
    .footer-info .span6 {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .footer-info {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 581px) and (max-width: 767px) {
    .footer-info .span6 {
        width: 48.6188%;
        margin-left: 2.76243%;
        float: left;
    }
    .footer-info .span6:first-child {
        margin-left: 0;
    }
    #footer {
        padding: 0 20px;
    }
}



/* Landscape phones
------------------------- */
@media (max-width: 580px) {
    .sub-logo {
        display: none;
    }
    #footer-top > div, .footer-info > div > div {
        border: none;
    }
    #footer {
        padding: 0 20px;
    }
    #footer-bottom {
        text-align: center;
    }
    #footer-copyright, #footer-designby {
        float: none;
        text-align: center;
    }
}



@media (max-width: 480px) {
    .contact-us .contact-info .controls {
        margin-left: 29px;
    }
    .contact-us .contact-info .control-label {
        height: 30px;
        line-height: 30px;
    }
    .contact-us .contact-info .controls::before {
        left: -1px;
        top: auto;
    }
    .contact-us .contact-info .controls::after {
        left: 1px;
        top: 36px;
    }
    
.contact-us .contact-info .controls.active:before {
    border-bottom: 30px solid #eb1c24;
    border-left: 30px solid transparent;
    content: "";
    left: -1px;
    top: auto;
}
.contact-us .contact-info .controls.active:after {
    border-bottom: 26px solid #ebebeb;
    border-left: 26px solid transparent;
    content: "";
    left: 3px;
    position: absolute;
    top: 37px;
}
}