body {
color:#5f5f5f;
font-family:centuryGothic;
}

#wrapper-top{
	
	z-index:50;
}

.nomargin {
margin:0;
}

.navbar-default {
background:none;
background:url(../../img/bgtopnav.png);
border-top:1px solid #fff;
}

#navbar .navbar-nav > li > a {
color:#000;
font-family:centuryGothic;
border-left:1px solid #fff;
text-shadow:1px 1px 1px #fff;
padding-left:0; padding-right:0;
padding-left:2em; padding-right:2em;
}

#navbar .navbar-nav > li:hover a, #navbar .navbar-nav > .active > a {
background:none;
background:url(../../img/bgtopnav_hover.png);
color:#121d3b;
}

#myCarousel{
position:static;
top:0;	
}

.left.carousel-control{
display:block;
height:45px;
width:45px;
position:absolute;
top:50%;
left:0;
z-index:10;
}
.right.carousel-control{
display:block;
height:45px;
width:45px;
position:absolute;
top:50%;
right:0;
z-index:10;
}

.wrapper-logo, .top-icon {
position:absolute;
z-index:999;
}

.wrapper-logo {
left:0;
}

.top-icon {
right:0;
top:1em;
}

.page-header {
font-family:centuryGothic;
font-weight:normal;
border:none;
text-align:center;
color:#121d3b;
background:url(../../img/bgheader.png) no-repeat center;
border:1px solid transparent;
margin:30px 0;
}

#wrapper-footer {
display:block;
min-height:50px;
background:#7E7E7E;
color:#FFF;
padding:5px;
margin-top:10px;
padding-top:20px;
padding-bottom:10px;
}
#wrapper-footer a{
color:#fff;
}

.img-halfcircle {
-webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);

border-radius:100% 100% 100% 0 0;
}

#list-service img{
	width:162px;
}


#section-service, #section-package, #section-welcompage {
padding-bottom:30px;
margin-bottom:20px;
}

#section-package {
background:	url(../../img/bg-section-package2.jpg) center top no-repeat,
			url(../../img/bg-section-package3.jpg) center bottom no-repeat,
			url(../../img/bg-section-package.jpg);
padding-top:0;
}

.item-produk {
margin-bottom:15px;
}

.judul-produk{
font-family:edwardianScript;
color:#121d3b;
border-bottom:solid 1px #000;
}

.judul-produk h3{
	font-size:36px;
	margin:0;
}

.judul-page h1, .judul-page h2, .judul-page h3, .judul-page h4{
margin:0;
padding:0px;
}
.judul-page{
margin-bottom:25px;
}


.judul-section{
margin:0;
margin-bottom:25px;
}

.item-service{
margin-bottom:5px;
}

.frame-produk{
position:absolute;
top:0;
width:270px;
height:180px;
padding:0;
margin:0;
margin-left:0px;
}

.frame-produk img{
width:265px;
}

.frame-gallery{
position:absolute;
top:0;
padding:0;
margin:0;
margin-left:0px;

}

.frame-gallery img{
width:270px;
height:180px;
}

.container-page{
margin-bottom:100px;
min-height:800px;
}

.content-description{
margin-top:30px;
margin-bottom:50px;	
}

.hvr-fade-gallery {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    overflow: hidden;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color, background-color;
    vertical-align: middle;
	
}
.hvr-fade-gallery:hover, .hvr-fade-gallery:focus, .hvr-fade-gallery:active {
    background-color: #888c9b;
    color: white;
}


.hvr-fade {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    overflow: hidden;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color, background-color;
    vertical-align: middle;
	border-radius : 100px;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
    background-color: #888c9b;
    color: white;
}

/* UDT MEDIA QUERIES --------------------------- */

@media (min-width: 768px) {
#navbar .navbar-nav > li > a {
padding-left:1em; padding-right:1em;
}

}