html,body {
    padding: 0;
    margin: 0;
}
body{
    font-family: 'Roboto', sans-serif;
    width: 100%;
    height: 100%;
    font-size: 12px;
}
a,:hover,h2:hover {
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration:none;
}
img{
    padding: 0;
    margin: 0;
    border: none;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto', sans-serif!important;
    font-weight:300;
    line-height:normal;
}
div{font-weight: 400;}
p, ul, li, ol, a, table, td, th, thead, tr, tbody, input, select, option, button, {
    font-family: 'Roboto', sans-serif!important;
    font-size: 12px;
    font-weight: 400;
}
b,strong{font-weight: 600;}
.detailPage{
    position:relative;
    padding:20px;
    z-index: 0;
}
.artikel{
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #977124;
}
.btnBack {
    border:none;
    padding:5px;
    background:#977124;
    color:#eee;
    cursor:pointer;
}
.detailPage h2 :link,.detailPage h2 :visited{
    color:#fff;
}
.detailPage table a{
    color:#fff;
}
.detailPage table a:hover{
    color:#231f20;
}
.detailPage-headline{border-bottom:1px solid #977124;}
.detailPage-headline button{
    border:none;
    background:#222;
    color:#fff;
    margin-bottom:20px;
    padding:5px;
    font-size:12px;
    cursor:pointer;
}
.detailPage-promotools{border-bottom:1px solid #302219;}

.detailPage-promotools button{
    border:none;
    background:#222;
    color:#fff;
    margin-bottom:20px;
    padding:5px;
    font-size:12px;
    cursor:pointer;
}

.top10{position:relative;top:10px;}
.top20{position:relative;top:20px;}
.top30{position:relative;top:30px;}
.top40{position:relative;top:40px;}
.top50{position:relative;top:50px;}
.bottom50{position:relative;bottom:50px;}

.homeBody{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    max-width:960px;
}
.bodyPage{
    background-color:#48372b;
    padding-top:60px;
    color:white;
}
.bodyPageGold{
    background-color:#b18938;
    color:white;
    padding-top:80px;
}
.span960{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    max-width:960px;
}
.clearfix{
    clear:both;
    float:none;
}
.titlePage{
    color:#fff;
    font-size:30px;
    letter-spacing:3px;
    font-family: 'Great Vibes', cursive;
    float:left;
    margin:0px 20px 20px 20px;
}
.titlePage span{
    color:#f2f2f2;
    font-size:26px;
    letter-spacing:1px;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
}
.logo-sumberalam{
    float:left;
}
.imagesBanner{
    position:relative;
    width:100%;
    height:auto;
    padding:0;
    margin:0;
}
.imagesBanner img{
    height:auto;
    border:none;
}

.circle{
    height:20px;
    width:30px;
    border-radius:50%;
    background-color:#b08838;}
.Boxbody{
    width:25%;
    min-height:165px;
    float:left;
    margin-bottom:20px;
}
.boxImg{
    max-width:200px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}
.boxImg img{
    width:100%;
    height:auto;
}
.linkBox {
    max-width:200px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:11px;
    font-weight:600;
    color:#b08838;
    background:url(../img/borderright.gif)left center no-repeat
}
.imgRight{
    background: url(../img/borderright.gif)right center no-repeat;
}
.linkBox:hover{
    color:#f1f1f1;}

.FourBox{min-height:300px;}
.BoxNewsletter{
    max-width:700px;
    margin-bottom:100px;
    padding:20px;}
.BoxNewsletter-left,
.BoxNewsletter-right{
    width:50%;
    float:left;
    min-height:120px;
}
.title_newsletter,
.input_newsletter{float:left;}
.input_newsletter{width:200px;}
.title_newsletter{width:100px;}
.label_title{
    height:30px;
    line-height:30px;
    margin-bottom:10px;
    border-bottom:1px solid #ccc;
}
.label_title h2{
    font-weight:300;
    text-shadow: 0 -1px 0 #333;}
.submitsubscibe{
    background-color:#960;
    color:white;
    cursor:pointer;
    line-height:30px;
    height:30px;}

/*JOIN THE TEAM STYLE*/
.JoinTheTeam-menu{
    cursor:pointer;}
.JoinTheTeam-title{
    width:100%;
    border-bottom:1px solid #fff;
    padding-bottom:10px;
}
.JoinTheTeam span{height:20px;}
.JoinTheTeam-desc{
    margin-top:10px;
    margin-bottom:20px;
}
.JoinTheTeam-form{}
.BoxTitleForm-modul{
    width:33.3%;
    float:left;
}
.SendFormJoinTheTeam{
    color:#fff;
    height:25px;
    line-height:25px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    letter-spacing:1px;
    cursor:pointer;
    margin-top:20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.buttonSend{
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.buttonReset{
    background: #7d7e7d; /* Old browsers */
    background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

.m-nav{background:#b18938}
.Menu_index {
    background:#222 url(../img/m-menu.png) no-repeat left center;
    border-bottom: 1px solid #e2e2e2;
    font-family: 'Pontano Sans';
    color: #fff;
    font-size: 16px;
    line-height:40px;
    height: 40px;
    cursor: pointer;
    text-align: left;
    text-indent: 40px;
    z-index:2;
    width:100%;
}
.Menu_detail {
    padding-left:10px;
    padding-right:10px;
    position: relative;
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    z-index: 2;
    text-align:center;
}
.m-menuref{
    line-height:40px;
    color:#fff;
    text-align:left;
    border-bottom:1px solid #161616;
}
.m-menuref2{
    line-height:30px;
    color:#666;
    text-align:left;
    text-indent:20px;
    border-bottom:1px solid #666;
}
.m-menuref:link,.m-menuref:visited{
    color:#fff}
.address-left,
.address-right{
    width:50%;
    float:left;
}
.titleContact{
    margin-bottom:40px;
}
.arrow-book{
    position:relative;
    top:3px;
    margin-left:10px;
    height:15px;
    width:15px;
}
.tableRoom{
    margin-bottom:20px;
}
.RoomDetail h2{
    font-size:18px;
    font-weight:600}

/*CAROUSEL*/

.carousel {
    display: block;
    position: relative;
    margin-bottom: 20px;
}
.carousel .slides {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.carousel .slides .slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.carousel .slides .slide.image img {
    width: 100%;
    height: 100%;
}
.carousel .slides .slide .description {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}
.carousel .control {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 45px;
    margin-top: -20px;
    font-size: 48pt;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    opacity: .75;
}
.carousel .control.right {
    left: auto;
    right: 15px;
}
.carousel .control:hover {
    opacity: 1;
}
.carousel .markers > ul {
    margin-left: 0;
    list-style: none;
    position: absolute;
    top: 600px;
    left: -20px;
}
.carousel .markers li {
    display: block;
    float: left;
    margin-right: 8px;
}
.carousel .markers li a {
    width: 10px;
    height: 10px;
    background:#1e1e1e;
    display: block;
    float: left;
    border:1px solid #fff;
    border-radius: 50%;
}
.carousel .markers li.active a {
    background-color: #fff;
}
.btn_book_lodging{
    background:#b18938;
    color:#fff;
    cursor:pointer;
}
.Box-sibentang{
    position:relative;
    float:left;
    min-height:120px;
    margin-bottom:40px;
}
.sibentang1{
    width:28%;
    padding-right:1%;
    border-right:1px solid #fff}
.sibentang2{width:21%}
.sibentang3{width:27%}
.sibentang4{width:22%}
.benefit8{
    position:relative;
    top:40px;
    float:right;width:160px;
}
.FollowUs{
    position:relative;
    color:#fff;
    top:10px;
    float:right;
    margin-right:400px;
}
#galleria{height:640px}
.linkFont li a:link,
.linkFont li a:visited{color:#fff}