@font-face {
    font-family: 'dubielplainregular';
    src: url('../fonts/dubiel-webfont.woff2') format('woff2'),
         url('../fonts/dubiel-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Avenir Next LT Pro';
	src: url('../fonts/AvenirNextLTPro-Regular.eot');
	src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'),
		url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bitter Regular';
	src: url('../fonts/Bitter-Regular.eot');
	src: url('../fonts/Bitter-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Bitter-Regular.woff') format('woff'),
		url('../fonts/Bitter-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.map {
	box-shadow: 0px 0px 2px 4px rgba(0,0,0,0.1);
}

.logo {
    width:30%;
}

.pricelist-title {
	font-size: 50px !important;
	margin-top: 45px !important;
}
	
body {
	background-image:url(../images/home/Background.jpg);
	background-position:top center;
	background-size:100%;
	background-repeat:no-repeat;
	color:#FFFFFF;
	margin:auto;
	}
    
.slider {
    width: 70%;
    height:50%;
    box-shadow: 0px 0px 2px 4px rgba(0,0,0,0.1);
}
	
.cd-top {
	right:10px;
	bottom:10px;
	color:#FFFFFF;
	background-color:#FFFFFF;
	border:2px solid #FFFFFF;
	z-index:5;
	position:fixed;
	text-decoration:none;
	height:60px;
	width:60px;
	}

	
	
@media (max-width: 414px) {
.test {
	padding:0 !important;
	margin:0 !important}
	
.artikelataskanan {
	height:280px !important;
	}
	
.bungkusanartikelbawah {
	padding:0 !important}
.cart td{
	text-align:center;
	}
.nomargin {
	text-align:center;
	}
.continueshopping {
	margin:20px 0;
	width:100%;
	}

}

	
@media (min-width: 768px) and (max-width: 990px)  {

	.container-fluid {
		padding:0;
		}
	.test {
		padding:0 !important;
		margin:0 !important}	
	.register {
		text-align:center;
		}	
	.nomargin {
    	padding-left:60px;
	}
	
    .navbar .navbar-nav li {
        font-size: 80% !important;
    }    
	
}





@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: black;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #eaeaea;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #eaeaea;
    background-color:transparent;
  }
  
    .navbar .navbar-nav li {
        font-size: 100% !important;
    } 
    
   

  
}
	
@media (max-width: 991px) {
	#login h4,.modal-title{
	text-align:center;
	}	
   .kotakdalamsales {margin-top:0px; padding-top:22px;}
   .kotaksaleitem {
	 height:400px;
	 margin-bottom: 20px;
     margin-top: -120px;
	 }
   .none {
   display:none;
   }
   .artikelataskanan {
	   margin-top:-20px;
	   }
	   
	.dalamfooter h2 {
		text-align:center;
		}
		
	.footerbawah {
		text-align:center;
		}
	.logosale {
		display:none;
		}
	
}


/*MEDIA*/
/* SMARTPHONES (POTRAIT)*/
@media only screen and (max-device-width :320px)
{
    .salesitem {
        height: 515px;
        margin: auto;
        background-image: url(../images/home/sale.jpg);
        background-size: 100% !important;
        height: 190px !important;
    }

    .kotakdalamsales {margin-top:0px; padding-top:17px !important;}	

    .bawahjudulsaleitem {
    	font-size: 18px !important;
	}

	.sales p {
	    margin-top: -10px !important;
	}    
    
    .kotaksaleitem {
        background-color: #FFFFFF;
        height: 238px !important;
    }  

	.judulsaleitem {
	    font-size: 40px !important;
	    line-height: 40px !important;
	}

	.kotaksaleitem button {
	    margin-top: 4px !important;
	}
    
    .item1 {
        padding: 3px !important;
    } 
    
    .item2 {
        padding: 3px !important;
    } 
    
    .logo {
        width:80%;
    } 
    
    .register a {
        font-size:90%;
    }  
    
    .kotakcustumerservice
    {
        margin-left:0px !important;
    }   

	.footer img {
	    width: 10%;
	}  

	.footerbawah p {
	    margin-top: -9px !important;
	}  

	.noatas {
	    margin-top: 12px !important;
	}  

	.footer p {
		margin-top: -27px !important;
	}  

	.alamat p {
		margin-top: 20px !important;
	}  

	.bungkusanisiaboutus {
	    padding: 22px 45px !important;
	}

	.gambaraboutus {
	    background-image: url(../images/about/header.png);
	    background-size: contain !important;
	    height: 181px !important;
	}	

	.promo-page .besar {
		width: 100%;
	}	

	.pricelist-title {
		padding-top: 40px !important;
		font-size: 30px !important;
	}

	.gambaraboutus1 {
	    background-size: contain !important;
	    height: 210px !important;
	}

	.gambaraboutus2 {
	    background-size: contain !important;
	    height: 210px !important;
	}

	.gambaraboutus3 {
	    background-size: contain !important;
	    height: 210px !important;
	}	

	.gambaraboutus4 {
	    background-size: contain !important;
	    height: 210px !important;
	}	

	.gambaraboutus5 {
	    background-size: contain !important;
	    height: 210px !important;
	}	

	.gambaraboutus6 {
	    background-size: contain !important;
	    height: 210px !important;
	}	

	.gambaraboutus7 {
	    background-size: contain !important;
	    height: 210px !important;
	}

	.modal-title {
	    font-size: 27px !important;
	}													
}

/* SMARTPHONES (POTRAIT and LANDSCAPE)*/
@media only screen and (min-device-width :321px) and (max-device-width : 480px)
{
    .salesitem {
        height: 515px;
        margin: auto;
        background-image: url(../images/home/sale.jpg);
        background-size: 100% !important;
        height: 190px !important;
    }	

	.sales p {
	    margin-top: -10px !important;
	}    
    
    .kotaksaleitem {
        background-color: #FFFFFF;
        height: 238px !important;
    }  

	.judulsaleitem {
	    font-size: 40px !important;
	    line-height: 40px !important;
	}

	.kotaksaleitem button {
	    margin-top: 4px !important;
	}
    
    .item1 {
        padding: 3px !important;
    } 
    
    .item2 {
        padding: 3px !important;
    } 
    
    .logo {
        width:80%;
    } 
    
    .register a {
        font-size:90%;
    }  
    
    .kotakcustumerservice
    {
        margin-left:0px !important;
    }   

	.footer img {
	    width: 10%;
	}  

	.footerbawah p {
	    margin-top: -9px !important;
	}  

	.noatas {
	    margin-top: 12px !important;
	}  

	.footer p {
		margin-top: -27px !important;
	}  

	.alamat p {
		margin-top: 20px !important;
	}  

	.bungkusanisiaboutus {
	    padding: 22px 45px !important;
	}

	.gambaraboutus {
	    background-image: url(../images/about/header.png);
	    background-size: contain !important;
	    height: 207px !important;
	}	

	.promo-page .besar {
		width: 100%;
	}	

	.pricelist-title {
		padding-top: 40px !important;
		font-size: 30px !important;
	}

	.gambaraboutus1 {
	    background-size: contain !important;
	    height: 230px !important;
	}

	.gambaraboutus2 {
	    background-size: contain !important;
	    height: 230px !important;
	}

	.gambaraboutus3 {
	    background-size: contain !important;
	    height: 230px !important;
	}	

	.gambaraboutus4 {
	    background-size: contain !important;
	    height: 230px !important;
	}	

	.gambaraboutus5 {
	    background-size: contain !important;
	    height: 230px !important;
	}	

	.gambaraboutus6 {
	    background-size: contain !important;
	    height: 230px !important;
	}	

	.gambaraboutus7 {
	    background-size: contain !important;
	    height: 230px !important;
	}

	.modal-title {
	    font-size: 27px !important;
	}																																	
}

/* SMARTPHONES (600 x 400)*/
@media only screen and (min-device-width :481px) and (max-device-width : 767px)
{
    .salesitem {
        height: 515px;
        margin: auto;
        background-image: url(../images/home/sale.jpg);
        background-size: 100% !important;
        height: 190px !important;
    }
    
    .kotaksaleitem {
        background-color: #FFFFFF;
        height: 383px !important;
    } 
    
    .item1 {
        padding: 3px !important;
    } 
    
    .item2 {
        padding: 3px !important;
    } 
    
    .kotakcustumerservice {
        margin-left: -13% !important;
        margin-top: -14% !important;
    }  
    
    .email  
    {
        margin-left: -30% !important;
    } 
    
    .footer
    {
        height:550px !important;
    }           																																											
}

/* SMARTPHONES (800 x 600)*/
@media only screen and (min-device-width :768px) and (max-device-width : 991px)
{
    .salesitem {
        margin: auto;
        background-image: url(../images/home/sale.jpg);
        background-size: 100% !important;
        height: 524px !important;
    }

	.kotakdalamsales {
	    padding-top: 48px !important;
	}
    
    .kotaksaleitem {
        background-color: #FFFFFF;
        height: 383px !important;
    } 
    
    .item1 {
        padding: 0 11px 0 0 !important;
    } 
    
    .item2 {
        padding: 0 0 0 11px  !important;
    } 
    
    .kotakcustumerservice
    {
        margin-left:0px !important;
    }  
    
    .cabinet_home {
        height: 1147px !important;
    }      	


	.footer img {
	    width: 10%;
	}  

	.footerbawah p {
	    margin-top: -9px !important;
	}  

	.noatas {
	    margin-top: 12px !important;
	}  

	.footer p {
		margin-top: -27px !important;
	}  

	.alamat p {
		margin-top: 20px !important;
	}  

	.bungkusanisiaboutus {
	    padding: 22px 45px !important;
	}

	.gambaraboutus {
	    background-image: url(../images/about/header.png);
	    background-size: contain !important;
	    height: 207px !important;
	}	

	.promo-page .besar {
		width: 100%;
	}	

	.pricelist-title {
		padding-top: 40px !important;
		font-size: 30px !important;
	}

	.gambaraboutus1 {
	    background-size: contain !important;
	    height: 230px !important;
	}

	.gambaraboutus2 {
	    background-size: contain !important;
	    height: 230px !important;
	}

	.gambaraboutus3 {
	    background-size: contain !important;
	    height: 230px !important;
	}	

	.gambaraboutus4 {
	    background-size: contain !important;
	    height: 230px !important;
	}	

	.gambaraboutus5 {
	    background-size: contain !important;
	    height: 230px !important;
	}	

	.gambaraboutus6 {
	    background-size: contain !important;
	    height: 230px !important;
	}	

	.gambaraboutus7 {
	    background-size: contain !important;
	    height: 230px !important;
	}

	.modal-title {
	    font-size: 27px !important;
	}																										
}

/* DESKTOP, NETBOOK, AND TABLET (MINIMAL 1024 X 768)*/
@media only screen and (min-device-width :992px) and (max-device-width : 1199px)
{
    .navbar .navbar-nav li {
        font-size: 80% !important;
    }  
    
    .cabinet_home {
        height: 1171px !important;
    } 
    
    .item1 {
        padding: 0 1% 0 11% !important;
    }
    
    .item2 {
        padding: 0 11% 0 1% !important;
    }             	
	
}

/* DESKTOP & LAPTOPS WIDE SCREEN HIGH RESOLUTION (MINIMAL 1280 X 600)*/
@media only screen and (min-device-width :1200px)
{}




	
/** Header **/	
       
	
.shoppingcart {
	position:relative;
	}
	
.navbar .navbar-nav {
	display: inline-block;
	float: none;
}

.navbar .navbar-collapse {
	text-align: center;
}


.navbar-default {
  background-color:transparent;
  border: 3px solid #f288b7;
  border-left:0px;
  border-right:0px;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #eaeaea;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: black;
	font-size: 13px;
	letter-spacing: 1px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #e04386;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #e04386;
  background-color:transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #e04386;
  background-color:transparent;
}
.navbar-default .navbar-toggle {
  border-color:transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color:#f288b7;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #f288b7;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #eaeaea;
}



.navbar-nav > li > a {padding-top:10px !important; padding-bottom:5px !important}
.navbar {min-height:40px !important}

/** Last - Navbar **/

.modal-title {
	font-size:37px;
	margin-bottom:10px;
	}
	
.pojokkiriatas {
	font-family: 'Avenir Next LT Pro';
	font-size:18px;
	}
    
 .pojokkiriatas a:hover {
    color:#505156;
    text-decoration: none;
 }
	
.header {
	margin-top:36px;
	}
.header button {
	margin-bottom:10px;
	}
	
.cart {
	text-align:right;
	font-family: 'Avenir Next LT Pro';
	}
	
.cart a:active {
	text-decoration:none;
	color:#F0C3C4;
	}
	
a {
	text-decoration:none;
	color:#FFFFFF;
	}
	
.cart a:hover {
	text-decoration:none;
	color:#E1CECE;
	}
	
.login {
	color:#FFFFFF;
	background-color:transparent;
	}
	
.kotaksearch {
	margin:auto;
	height:34px;
	width:80%;
	background-color:#FFFFFF;
	border-radius:10px;
	position:relative;
	}
	
.search .kliksearch{
	position:absolute;
	right: 2px;
    top: 1px;
	border-radius:13px;
	}
	
.form-control {
	border:0px;
	}
	
.kliksearch {
	border:0px;
	}
	
.inputsearch {
	padding-right:68%;
	border-radius:13px !important;
	}
	
.cart a img {
	margin-left:10px;
	}
	
.search {
	margin-bottom:50px;
	}
	
	
/** LOGIN MODAL **/
.index .modal-content {
	background-image:url(../images/home/log%20in%20pic.jpg);
	background-size:cover;
	}
	
#login .closepopup button {
	margin-top:20px;
	border:2px solid #000000;
	border-radius:0;
	font-size:15px;
	font-family: 'Avenir Next LT Pro';
	}
	
	
#login img {
	display:block;
	margin-bottom:5px;
	border-radius:10px;
	}
	
.garislogin {
	margin:20px 0;
	}
	
#login h4 {
	color:#333333;
	font-family: 'Avenir Next LT Pro';
	}
	
#login .modal-title {
	color:#666666;
	}
	
#login .modal-header, .modal-footer {
	border:0;
	}
	
#login input[type=email] {
	font-size:18px;
	border-radius:10px;
	margin-top:14px;
	width:100%;
	}
	
#login input[type=password] {
	font-size:18px;
	border-radius:10px;
	margin-top:-5px;
	width:100%;	
	}
	
#login input[type=button] {
	font-size:18px;
	border-radius:0;
	margin-top:20px;
	width:100%;
	}
	
.rememberme {
	font-size:11px;
	display:block;
	margin: 20px 0; 
	border-radius:10px;
	}
	
#login .btn-info active{
	background-color:#ba854d;
	}
	
#login .signin {
	background-color:#4e3923;
	border:0;
	font-size:14px;
	color:#FFFFFF;
	width:50%;
	height:46px;	
	border-radius:10px;
	}
	
/**#login .register {
	background-color:#8d673f;
	border:0;
	font-size:14px;
	color:#FFFFFF;
	width:110%;
	height:46px;
	border-radius:10px;
	}**/
	
#login form {
	font-family: 'Avenir Next LT Pro';
	}
	
#login .hilanginpaddingkiri {
	padding-left:0;
	}
	
#login .hilanginpaddingkanan {
	padding-right:11px;
	}
	
	
	
/** SIGN UP MODAL **/
	
#signup .modal-header, .modal-footer {
	border:0;
	}
	
#signup input[type=email],input[type=password] {
	font-size:18px;
	border-radius:10px;
	margin-top:-5px;
	width:100%;
	}
	
#signup input[type=text] {
	font-size:18px;
	border-radius:10px;
	margin-top:15px;
	width:100%;
	}
	
#signup .closepopup button {
	margin-top:20px;
	border:2px solid #000000;
	border-radius:0;
	font-size:15px;
	font-family: 'Avenir Next LT Pro';
	}
	
#signup .signup {
	background-color:#8d673f;
	border:0;
	font-size:15px;
	color:#FFFFFF;
	width:50%;
	height:46px;
	border-radius:10px;
	}
	
#signup h4 {
	color:#333333;
	font-family: 'Avenir Next LT Pro';
	}
	
#signup .modal-title {
	color:#666666;
	}
	



	

/** SLIDER **/
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
  }
  
  
  
/** SALES **/
.sales p {
	margin-top:50px;
	font-size:35px;
	font-family: 'Bitter Regular';
    color: black;
	}
	
.sales {
	margin-bottom:35px;
	}
	
.salesitem {
	height: 440px;
    margin: auto;
	background-image:url(../images/home/sale.jpg);
	background-size:cover;
	}
	
	
.judulsaleitem {
	font-size: 55px;
    line-height: 60px;
	font-family: 'Bitter Regular';
	}
	
.kotaksaleitem {
	background-color:#FFFFFF;
	height: 440px;
	}
	
.kotaksaleitem button {
	margin-top:40px;
	width:80%;
	height:60px;
	border:2px solid #000000;
	border-radius:0;
	font-size:18px;
	font-family: 'Avenir Next LT Pro';
	} 
	
.kotakdalamsales {
	margin-left:15px;
	margin-right:15px;
	margin-top:80px;
	color:#000000;
	}
	

	
.bawahjudulsaleitem {
	font-size:20px;
	font-family: 'Avenir Next LT Pro';
	}
	

.artikelluar .row {
	padding:0 100px;
	}	
	
.bungkusanartikelbawah .row {
	padding:0 100px;
	}	
	
.footer .row {
	padding:0 100px;
	} 
	
.header .row {
	padding:0 100px;
	}
	
.saless .row {
	padding:0 100px;
	}
	

	
/** PRODUCT TYPES **/
.producttype .row {
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em;
 padding:0 100px;
 margin-left:0;
}

.producttype .item {
 display: inline-block;
 padding:  .25rem;
 width:  100%; 
 border:0;
}

.item a {
	color:black;
	text-decoration:none;
	}
	
.item h1 {
	font-family: 'dubielplainregular';
	}
	
.item p {
	font-family: 'Avenir Next LT Pro';
	}
    
.item2 a {
	color:black;
	text-decoration:none;
	}
	
.item2 h2 {
	font-family: 'Bitter Regular';
	}
	
.item2 p {
	font-family: 'Avenir Next LT Pro';
	} 
    
.item2 {
    padding:0 9% 0 1%;
} 

.item1 a {
	color:black;
	text-decoration:none;
	}
	
.item1 h2 {
	font-family: 'Bitter Regular';
	}
	
.item1 p {
	font-family: 'Avenir Next LT Pro';
	} 
    
.item1 {
    padding: 0px 0.9% 0 9%;
}  

.producttype .well {
 position:relative;
 display: block;
 background-color: #f5dfeb;
 border-radius:0;
 padding:0;
 border:0;
 font-family: 'Bitter Regular';
}

.well img {
	width:100%;
	}
	
.deskripsitipeproduk {
    padding: 0 0 10px 0px;
}

.producttypepage .deskripsitipeproduk p {
	line-height:15px;
	}

.producttypepage .deskripsitipeproduk h3 {
	margin-bottom:25px;
	}
	
.producttypepage .addtocart {
	
	}


/** Articles **/
.disabled2 {
    background-color: transparent;
}

.artikel p {
	margin-top:20px;
	font-size:35px;
	font-family: 'dubielplainregular';
	}
	
.artikel {
	margin-bottom:35px;
	}
	
.artikelatas {
	background:url(../images/home/artikelatas.jpg);
	height: 400px;
    margin: auto;
	background-size:cover;
	}
    
 	
.artikelatashalamanartikel {
	height: 400px;
    margin: auto;
    padding:0 0;
	}
    
	
.artikelataskanan {
	background-color:#FFFFFF;
	height: 400px;
	}
	
.artikelataskanan button {
	margin-top:20px;
	border:2px solid #000000;
	border-radius:0;
	font-size:13px;
	} 
	
.kotakdalamartikel {
	margin-left:15px;
	margin-right:15px;
	margin-top:20px;
	color:#000000;
	}
	
.artikelluar {
	padding:0 100px;
	}
	
.bungkusanartikelatas {
	margin-bottom:30px;
	}
	
	
.artikelbawah img {
	width:100%;
	height:400px;
	}
	
.bungkusanartikelbawah {
	padding:0 84px;
	}
	
.artikelbawah {
	height:709px;
	background-color:#FFFFFF;
	}
	
.deskripsiartikelbawah {
	padding-bottom: 20px;
	padding-right:130px;
	padding-left:20px;
	color:#000000;
	}
	
.deskripsiartikelbawah button {
	margin-top:20px;
	border:2px solid #000000;
	border-radius:0;
	font-size:13px;
	}
	
.tanggalartikel {
	padding-top:20px;
	font-family: 'Avenir Next LT Pro';
}
	

.judulartikel {
	font-family: 'dubielplainregular';
	}
	
	

.deskripsiartikel {
	font-family: 'Avenir Next LT Pro';
}

.readmore {
	font-family: 'Avenir Next LT Pro';
	
}
	
	
	
/** FOOTER **/
.footer {
	background-image:url(../images/home/footer.jpg);
	background-size:cover;
	height:570px;
	margin-top:50px;
	}
	
.dalamfooter {
	padding:30px 100px;
	font-size:40px;
	}
	
.kotakcustumerservice {
	height:90px;
	width:270px;
	background-color: #e04386;
    margin-left: -100px;
	}
	
.buttonregister {
	background-color:#000033;
	border:1px solid #000033;
	color:#FFFFFF;
	border-radius:0;
	margin-top:25px;
	}
	
.buttonregister:hover {
	background-color:#000000;
	border:1px solid #000033;
	color:#FFFFFF;
	}
	
.kotakcustumerservice h3 {
	line-height:10px;
	}
	
.kotakdalamcustomerservice {
	padding-top:8px;
	font-family: 'Avenir Next LT Pro';
	}
	
.register p {
	font-size:24px;
	}
	
.iphone img {
	position:relative;
	}
	
.iphone p {
	position:absolute;
	vertical-align:central;
	font-size:24px;
	top:120px;
	left:50px;
	}
	
.register input[type=email] {
	padding-right:105px;
	font-size:18px;
	border-radius:0;
	margin-top:20px;
	}
	
.footerbawah p {
	font-family: 'Avenir Next LT Pro';
	font-size:18px;
	margin-top: 17px;
	}
	
.footerbawah form {
	font-family: 'Avenir Next LT Pro';
	}
    
.footerbawah a:hover {
	color: #dfdfdf;
    text-decoration: none;
	}
    
.noatas {
    margin-top:35px !important; 
 }

.footer img {
	display: block;
	margin-top: 13px;
}
 
/*.alamat {
    margin:40px 0;
}*/
	
	
/** PRODUCT PAGE **/

/** CATEGORY **/
.category {
	font-family: 'Avenir Next LT Pro';
	}
	
.categoryklik ul {
	list-style-type:none;
	}
    
.categoryklik a {
	color:black;
	}
	
.category li {
	margin-bottom:15px;
	}
	
.turunin {
	margin-top:40px;
	}
	
.category a {
	text-decoration:none;
	}
	
.category a:hover {
	color:#555555;
	}


	
@media (min-width: 992px) {
	.kotakcategoryklik {
	position:fixed;
	bottom: 29%;
    background-color: rgba(255, 255, 255, 0.5);
    padding-right: 39px !important;
    z-index:999;
	
	}
    
    .kotakcategoryklik ul {
        margin-bottom: 42px;
	}
}	
	

/** ROOM **/
.closeroompopup {
	border:3px solid #000000;
	}
	
.roompopup h1 {
	font-family: 'dubielplainregular';
	font-size:40px;
	line-height:20px;
	}
	
.roompopup .color {
	margin-top:5%;
	}

.roompopup .modal-content{
	color:#534F4F;
	}
	
.roomcontent {
	background-image:url(../images/product/rooms/Bedroom%20-%20Transparent.png);
	background-size:cover;
	}
	
.roomcontent h1,h4 {
	font-weight:bold;
	}
	
.diningroomcontent {
	background-image:url(../images/product/rooms/Dining%20Room%20-%20Transparent.png);
	background-size:cover;
	}
	
.diningroomcontent h1,h4 {
	font-weight:bold;
	}
	
.livingroomcontent {
	background-image:url(../images/product/rooms/Living%20Room%20-%20Transparent.png);
	background-size:cover;
	}
	
.livingroomcontent h1,h4 {
	font-weight:bold;
	}
	
.room {
	border-top:3px solid #FFFFFF;
	margin-top:10px;
	text-align:center;
	}
	
.room img {
	margin-top:20px;
	margin-bottom:10px;
	}
	
.atasroom {
	border-bottom:6px solid #FFFFFF;
	font-family: 'dubielplainregular';
	}
	
.bawahroom {
	border-top:3px solid #FFFFFF;
	margin-top:3px;
	}
	
.bawahroom img {
	position:relative;
	}
	
.bawahroom input[type=button] {
	position:absolute;
	color:#FFFFFF;;
	background-color:#494040;
	font-weight:bold;
	border-radius:40px;
	font-size:18px;
	border:0;
	}
	
.roomimg {
    left: 0;
    position: relative;
    top: 0;
    z-index: 1;
}
	
.bedroom1 {
	height: auto;
    left: 31%;
    position: absolute;
    top: 24%;
    width: 18%;
    z-index: 2;
}

.bedroom2 {
	height: auto;
    left: 53%;
    position: absolute;
    top: 14%;
    width: 18%;
    z-index: 2;
}

.bedroom3 {
	height: auto;
    left: 41%;
    position: absolute;
    top: 67%;
    width: 18%;
    z-index: 2;
}

.bedroom4 {
	height: auto;
    left: 31%;
    position: absolute;
    top: 88%;
    width: 18%;
    z-index: 2;
}

.bedroom5 {
	height: auto;
    left: 1%;
    position: absolute;
    top: 47%;
    width: 18%;
    z-index: 2;
}

.diningroom1 {
	height: auto;
    left: 31%;
    position: absolute;
    top: 24%;
    width: 18%;
    z-index: 2;
}

.diningroom2 {
	height: auto;
    left: 10%;
    position: absolute;
    top: 64%;
    width: 18%;
    z-index: 2;
}

.diningroom3 {
	height: auto;
    left: 80%;
    position: absolute;
    top: 74%;
    width: 18%;
    z-index: 2;
}

.diningroom4 {
	height: auto;
    left: 45%;
    position: absolute;
    top: 74%;
    width: 18%;
    z-index: 2;
}

.diningroom4 {
	height: auto;
    left: 45%;
    position: absolute;
    top: 74%;
    width: 18%;
    z-index: 2;
}

.diningroom5 {
	height: auto;
    left: 57%;
    position: absolute;
    top: 10%;
    width: 18%;
    z-index: 2;
}

.livingroom1 {
	height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 18%;
    z-index: 2;
}

.livingroom2 {
	height: auto;
    left: 28%;
    position: absolute;
    top: 48%;
    width: 18%;
    z-index: 2;
}

.livingroom3 {
	height: auto;
    left: 17%;
    position: absolute;
    top: 66%;
    width: 18%;
    z-index: 2;
}

.livingroom4 {
	height: auto;
    right: 15%;
    position: absolute;
    top: 66%;
    width: 18%;
    z-index: 2;
}

.livingroom5 {
	height: auto;
    right: 1%;
    position: absolute;
    top: 50%;
    width: 18%;
    z-index: 2;
}



	





/* MODAL */

.judulmodal {
	font-family: 'dubielplainregular';
	color:#000000;
	font-size:40px;
	}
	
.judulyoutube {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+0&1+0,1+40,0.17+100 */
	background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(204,204,204,1) 40%, rgba(204,204,204,0.17) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(204,204,204,1) 40%,rgba(204,204,204,0.17) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(204,204,204,1) 40%,rgba(204,204,204,0.17) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#2bcccccc',GradientType=0 ); /* IE6-9 */	
	}
	
.kakiyoutube button {
	margin-top:20px;
	border:2px solid #000000;
	border-radius:0;
	font-size:15px;
	font-family: 'Avenir Next LT Pro';
	}
	

/** TYPE **/


.type {
	border-top: 3px solid #f18bb7;
	margin-top:10px;
	overflow: hidden;
	color:#131313;
	}
	
.atastype {
	border-bottom:6px solid #f18bb7;
	font-family: 'Bitter Regular';
	text-align:center;
	color:black;
	}
    
.judulproduk {
    margin-bottom: 14px;
}
	
.bawahtype {
	border-top:3px solid #f18bb7;
	margin-top:3px;
	}
	
	
/** PRODUCT TYPES **/
.producttypepage .row {
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
 margin-top:20px;
 padding:0;
}


.producttypepage .itemproduct {
 display: inline-block;
 width:  100%; 
 border:0;
}

.producttypepage .itemproduct a {
	color:black;
	text-decoration:none;
	}
	
.producttypepage .itemproduct h1 {
	font-family: 'dubielplainregular';
	}
	
.producttypepage .itemproduct p {
	font-family: 'Avenir Next LT Pro';
	}

.producttypepage .producttype .wellproduct {
 position:relative;
 display: block;
 background-color:#81bb40;
 border-radius:0;
 padding:0;
 border:0;
 margin-top: 15px;
}

.producttypepage .wellproduct img {
	width:100%;
	}
	
.producttypepage .deskripsitipeproduk {
	padding: 0 0 20px 20px;
}




/** ARTICLE **/
.articles {
	font-weight:bold;
	}
	
.deskripsihalamanartikel {
	background-color:#FFFFFF;
	color:#000000;
	line-height:35px;
	padding-top:20px;
	}
	
.judulhalamanartikel {
	font-family: 'dubielplainregular';
	font-size:36px;
	margin-top:80px;
	}
	
.kedalam {
	padding:40px;
	}
	
.kedalam li {
	margin-top:40px;
	}
	
.artikelkananatas2 {
	margin-bottom:20px;
	}
	
	
	
/** ABOUT-US **/
.isiaboutus {
	background-color:#FFFFFF;
	color:#1a1a1a;
	}
    
.aboutuscontainer {
    color:black;
}

.aboutuscontainer a {
	color: black;
    text-decoration: none;
	}

.aboutuscontainer a:hover {
	color: #515151;
    text-decoration: none;
	}

.aboutuscontainer ul {
	margin-left: -40px !important;
}
	
.gambaraboutus {
	background-image:url(../images/about/header.png);
	background-size:cover;
	height:468px;
	color:#1a1a1a;
	}

.gambaraboutus1 {
	background-image:url(../images/services/academy-1.jpeg);
	background-size:cover;
	height:778px;
	color:#1a1a1a;
	}
	
.gambaraboutus1a {
	background-image:url(../images/services/academy-2.jpeg);
	background-size:cover;
	height:778px;
	color:#1a1a1a;
	}
	
.gambaraboutus1b {
	background-image:url(../images/services/academy-3.jpeg);
	background-size:cover;
	height:778px;
	color:#1a1a1a;
	}
	
.gambaraboutus1c {
	background-image:url(../images/services/academy-4.jpeg);
	background-size:cover;
	height:778px;
	color:#1a1a1a;
	}
	
.gambaraboutus1d {
	background-image:url(../images/services/academy-5.jpeg);
	background-size:cover;
	height:1278px;
	color:#1a1a1a;
	}

.gambaraboutus2 {
	background-image:url(../images/services/sulamalis-1.jpeg);
	background-size:cover;
	height:978px;
	color:#1a1a1a;
	}
	
.gambaraboutus2a {
	background-image:url(../images/services/sulamalis-2.jpeg);
	background-size:cover;
	height:578px;
	color:#1a1a1a;
	}
	
.gambaraboutus2b {
	background-image:url(../images/services/sulamalis-3.jpeg);
	background-size:cover;
	height:578px;
	color:#1a1a1a;
	}
	
.gambaraboutus2c {
	background-image:url(../images/services/sulamalis-4.jpeg);
	background-size:cover;
	height:578px;
	color:#1a1a1a;
	}

.gambaraboutus3 {
	background-image:url(../images/services/Sulam-Bibir.jpg);
	background-size:cover;
	height:578px;
	color:#1a1a1a;
	}

.gambaraboutus4 {
	background-image:url(../images/services/Sulam-Eyeliner.jpg);
	background-size:cover;
	height:578px;
	color:#1a1a1a;
	}

.gambaraboutus5 {
	background-image:url(../images/services/eyelash-2.jpeg);
	background-size:cover;
	height:578px;
	color:#1a1a1a;
	}
	
.gambaraboutus5a {
	background-image:url(../images/services/eyelash-3.jpeg);
	background-size:cover;
	height:578px;
	color:#1a1a1a;
	}

.gambaraboutus6 {
	background-image:url(../images/services/bbglow-1.jpeg);
	background-size:cover;
	height:978px;
	width:100%;
	color:#1a1a1a;
	}

.gambaraboutus7 {
	background-image:url(../images/services/Lashlift.jpg);
	background-size:cover;
	height:578px;
	color:#1a1a1a;
	}
	
.judulaboutus {
	font-family: 'Bitter Regular';
	}
	
.teksaboutus {
	font-family: 'Avenir Next LT Pro';
	line-height:30px;
	margin-top:20px;
	}
	
.bungkusanisiaboutus {
	padding:40px 60px;
	}
	
.judulaboutusatas {
	padding-top:10px;
	}
	
.ourlocation {
	height:145px;
	}

.ourlocation h1 {
	vertical-align:central;
	padding-top:46px;
	}
	
.contactus {
	height:60px;
    margin-top:85px;
	}
	
.bawahcontactus {
	font-family: 'Avenir Next LT Pro';
	}
	
.bawahcontactus h3 {
	padding-bottom:30px;
	font-weight:bold;
	}
	



/** SALE **/
.kotakputihsale {
	height:300px;
	background-color:#FFFFFF;
	color:#333333;
	padding:0;
	}
	
.gambarsale {
	padding:0;
	}
	
.judulsalepage {
	font-family: 'dubielplainregular';
	padding-bottom:30px;
	}
	
	
.coretharga {
	color:#cc3333;
	padding-bottom:30px;
	text-decoration:line-through;
	}
	
.kotakputihsale h3 {
	line-height:10px;
	}
	
.logosale {
	float:right;
	top:0;
	margin-top: -1px;
	margin-right:-92px;
	}
	
.tekssale {
	padding-left:40px;
	}
	
.kotakluarsale {
    margin-bottom:20px;
	}
	
.addtocart {
	background-color:#8d673f;
	border:0;
	color:#FFFFFF !important;
	}
	
	
.addtocart:hover {
	background-color:#4e3923;
	}
	
	
/** CART **/
.cart {
	font-family: 'Avenir Next LT Pro';
	font-size:15px;
	}
	
.continueshopping,.checkout {
	float:left;
	background-color:#8d673f;
	font-weight:bold;
	border:0;
	}
	
.continueshopping:hover,.checkout:hover {
	background-color:#4e3923;
	}

.refresh:hover {
	background-color:#31B0D5;
	border-color:#31B0D5;
	}
    
.refresh span {
    font-size: 15px;
}	
.nomargin {
	line-height:70px;
	
	}
.table-hover > tbody > tr:hover {
    background-color: rgba(225,225,225,0.1);
}
.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
}
@media screen and (max-width: 600px) {
    table#cart tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
	table#cart tbody tr td:first-child { background: #333; color: #fff; }
	table#cart tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}
	
	
	
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}
	
}



/** CHECK OUT **/

.yearcreditcard {
	padding-top:10px;
	}
.wrapper {
	color:#000000;
	font-family: 'Avenir Next LT Pro';
	}
	
.wrapper .form-control {
	border:2px solid #000000;
	}
	
.bodycheckout {
	border:3px solid #000000;
	}
	
.diskon {
	padding-top:20px;
	}
	
.editcart h4 {
	float:left;
	}
	
.editcart p {
	float:right
	}
	
.editcart {
	height:63px;
	}
	
.pay {
	background-color:#4E3923;
	color:#FFFFFF;
	margin-top:10px;
	}
	
.pay:hover {
	background-color:#986819;
	color:#FFFFFF;
	}
	

.steps {
    margin-top: -41px;
    display: inline-block;
    float: right;
    font-size: 16px
}
.step {
    float: left;
    background: white;
    padding: 7px 13px;
    border-radius: 1px;
    text-align: center;
    width: 100px;
    position: relative
}
.step_line {
    margin: 0;
    width: 0;
    height: 0;
    border-left: 16px solid #fff;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    z-index: 1008;
    position: absolute;
    left: 99px;
    top: 1px
}
.step_line.backline {
    border-left: 20px solid #f7f7f7;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    z-index: 1006;
    position: absolute;
    left: 99px;
    top: -3px
}
.step_complete {
    background: #357ebd
}
.step_complete a.check-bc, .step_complete a.check-bc:hover,.afix-1,.afix-1:hover{
    color: #eee;
}
.step_line.step_complete {
    background: 0;
    border-left: 16px solid #357ebd
}
.step_thankyou {
    float: left;
    background: white;
    padding: 7px 13px;
    border-radius: 1px;
    text-align: center;
    width: 100px;
}
.step.check_step {
    margin-left: 5px;
}
.ch_pp {
    text-decoration: underline;
}
.ch_pp.sip {
    margin-left: 10px;
}
.check-bc,
.check-bc:hover {
    color: #222;
}
.SuccessField {
    border-color: #458845 !important;
    -webkit-box-shadow: 0 0 7px #9acc9a !important;
    -moz-box-shadow: 0 0 7px #9acc9a !important;
    box-shadow: 0 0 7px #9acc9a !important;
    background: #f9f9f9 url(../images/valid.png) no-repeat 98% center !important
}

.btn-xs{
    line-height: 28px;
}

/*login form*/
.login-container{
    margin-top:30px ;
}
.login-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.login-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.login-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.login-container-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #357ebd;/*#4d90fe;*/
  padding: 17px 0px;
  font-family: roboto;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.login-container-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.login-help{
  font-size: 12px;
}

.asterix{
    background:#f9f9f9 url(../images/red_asterisk.png) no-repeat 98% center !important;
}

/* images*/
ol, ul {
  list-style: none;
}
.hand {
  cursor: pointer;
  cursor: pointer;
}
.cards{
    padding-left:0;
}
.cards li {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  background-image: url('//c2.staticflickr.com/4/3713/20116660060_f1e51a5248_m.jpg');
  background-position: 0 0;
  float: left;
  height: 32px;
  margin-right: 8px;
  text-indent: -9999px;
  width: 51px;
}
.cards .mastercard {
  background-position: -51px 0;
}
.cards li {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  background-image: url('//c2.staticflickr.com/4/3713/20116660060_f1e51a5248_m.jpg');
  background-position: 0 0;
  float: left;
  height: 32px;
  margin-right: 8px;
  text-indent: -9999px;
  width: 51px;
}
.cards .amex {
  background-position: -102px 0;
}
.cards li {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  background-image: url('//c2.staticflickr.com/4/3713/20116660060_f1e51a5248_m.jpg');
  background-position: 0 0;
  float: left;
  height: 32px;
  margin-right: 8px;
  text-indent: -9999px;
  width: 51px;
}
.cards li:last-child {
  margin-right: 0;
}
/* images end */



/*
 * BOOTSTRAP
 */
.container{
    border: none;
}
.panel-footer{
    background:#fff;
}
.btn{
    border-radius: 1px;
}
.btn-sm, .btn-group-sm > .btn{
    border-radius: 1px;
}
.input-sm, .form-horizontal .form-group-sm .form-control{
    border-radius: 1px;
}

.panel-info {
    border-color: #000;
}

.panel-heading {
    border:0;
}
.panel {
    border-radius: 1px;
}
.panel-info > .panel-heading {
    color: #eee;
    border: 3px solid #000000;
	border-bottom:none;

}
.panel-info > .panel-heading {
    background-image: linear-gradient(to bottom, #555 0px, #888 100%);
}

hr {
    border-color: #999 -moz-use-text-color -moz-use-text-color;
}

.panel-footer {
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    border-top: 1px solid #999;
}

.btn-link {
    color: #888;
}

hr{
    margin-bottom: 10px;
    margin-top: 10px;
}

/** MEDIA QUERIES **/
@media only screen and (max-width: 989px){
    .span1{
        margin-bottom: 15px;
        clear:both;
    }
}

@media only screen and (max-width: 764px){
    .inverse-1{
        float:right;
    }
}

@media only screen and (max-width: 586px){
    .cart-titles{
        display:none;
    }
    .panel {
        margin-bottom: 1px;
    }
}

.form-control {
    border-radius: 1px;
}

@media only screen and (max-width: 486px){
    .col-xss-12{
        width:100%;
    }
    .cart-img-show{
        display: none;
    }
    .btn-submit-fix{
        width:100%;
    }
    
}
/*
@media only screen and (max-width: 777px){
    .container{
        overflow-x: hidden;
    }
}*/