/* Custom Stylesheet */
/**
 * FATONI HAVID - fatoni.work@gmail.com
 * 
 */
.bebasbold{font-family: 'bebasneue_bold';}
.trumpgoteasbold{font-family: 'trumpgoteasbold';}
.jinky{font-family: 'jinky',arial;}
.codepro{font-family: 'Code_Pro';}
.roboto{font-family: 'Roboto';}
.alfaslabonereg{font-family: 'alfaslabonereg';}

.loaderpage{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; background-color:#222; }
.loaderpage .progress{ margin: 0 auto; }

.loaderpage .brand-logo {font-size: 2.5rem;}
.imglogo{width: 201px;}
.box-image{min-height: 400px;}
.box-images{min-height: 400px;}
.brand-img-one{width: 75px;}
.brand-img-two{width: 55px;}
.icon_bonobo{width:23px;height:23px;display: inline-block;background: url(../images/comp/icon_bonobo.png);background-size: 23px 23px;background-repeat: no-repeat;}
.icon_bbm{width:23px;height:23px;display: inline-block;background: url(../images/comp/icon_bbm.png);background-size: 23px 23px;background-repeat: no-repeat;}

.titlea{letter-spacing: -1px;padding:0px 100px;color:#333;font-size: 48px;}
.titleb{padding:0px 100px;color:#7cb342;font-size: 58px;}
.titlec{color:#7cb342;font-size: 48px;}
.titled{letter-spacing: -1px;padding:0px;color:#333;font-size: 48px;}
.titlee{letter-spacing: -1px;padding:0px;color:#333;font-size: 28px;}
.titlef{letter-spacing: -1px;padding:0px 100px;color:#333;font-size: 38px;}
.titleg{letter-spacing: -1px;margin:0px;color:#333;font-size: 28px;}
.taglinea{font-size: 68px;}

.buttona{font-size: 24px;}
.btn.link{line-height: 25px;}
.btn.link.defcur{box-shadow: none;}
.mtopa{margin-top: 4.82rem;}
.mtopb{margin-top: 1rem!important;}
.mbota{margin-bottom: 2rem;}
.ptopbot{padding: 8px 0 10px 0;}
.nolpm{padding: 0px!important;margin:0px!important;}
.defcur{cursor: default;}
.viewall{font-size: 24px;font-weight: bold;width: 100%;display: block;text-align: center;color:#333;text-transform: uppercase;font-family: 'bebasneue_bold';}
.viewall .garis{display: block;width: 225px;height: 1px;background-color: #efefef;margin: 0 auto;}
.viewall .block{display: block;width:125px;height: 30px;line-height:30px;padding:0 10px;background-color: #efefef;margin: 0 auto;position: relative;top: -15px;}
.viewall:hover{color:#7cb342;}
.shoessold{padding:5px 10px 0 10px;background-color: #F44336;border-top-right-radius: 2px;border-top-left-radius: 2px;color:#fff;}

.sizebunder{width: 80px;height: 80px;border-radius: 100%;background-color: #efefef;padding:0px;}
.sizebunder span{line-height: 80px;font-size: 28px;}

.brand-logo {font-size: 2.5rem;color:#333;}
.brand-logo span.sepatu{font-family: 'Code_Pro';padding-right:5px;font-weight: bold;}
.brand-logo span.besar{font-family: 'NexaRustSlab_BlackShadow';}

.thumnail{width: 100%;overflow: hidden;margin: 0px;}
.thumnail img{float:right;width: 80px;height: 80px; margin:2.5px;border: 2px solid #ddd;border-top: 2px solid #ddd;border-radius: 10px;border-bottom: 2px solid #ddd;}
.thumnail img:hover{border-top:4px solid #EFEFEF;border-bottom: 4px solid #EFEFEF;}
.thumnail-img{width: 80px;height: 80px;border: 1px solid #ddd;border-radius: 5px;}

.box-search-up{height: 35px;line-height: 35px;}
.box-search-up:hover{background: rgba(255,255,255,0.2)!important;}
.box-search-up .input-field{padding: 0 15px;}
.box-search-up .input-field input[type=text]{float:left;height:35px;margin:0;font-family: 'Code_Pro';font-size: 12px;font-weight: 500;color:#4d4d4c;}
.box-search-up .input-field input[type=text]::-webkit-input-placeholder {color:#666;}
.box-search-up .input-field input[type=text]:-moz-placeholder {color:#666;}
.box-search-up .input-field input[type=text]::-moz-placeholder {color:#666;}
.box-search-up .input-field input[type=text]:-ms-input-placeholder {color:#666;}
.box-search-up .input-field .prefix{height: 35px;line-height: 35px;margin:0;color:#4d4d4c;}

.numtas{color:#fff!important;border-radius: 10px!important;}
.box-original{min-height: 200px;}
.original{margin:0 auto;width:225px;height:auto;clear:both;border: 4px solid #607d8b;color:#607d8b;border-radius: 10px;font-size: 18px;padding:5px 10px;
	-ms-transform: rotate(-10deg); 
    -webkit-transform: rotate(-10deg); 
    transform: rotate(-10deg); 
}
.original .guaranteed{font-size:36px; line-height: 20px; }
.original.small{width:185px;font-size: 14px;}
.original.small .guaranteed{font-size:30px;}
.coret{text-decoration: line-through;line-height: 25px;}
.diskon{font-size:24px;padding:12px 8px;margin-right:5px;border-radius: 0 20px 20px 20px;border: 1px dotted #ffcdd2;}
.diskonan{clear: both;}

.btn-custom{margin:0 0 8px 8px;border: none;font-size: 12px;font-weight:bold;}

.color{width: 10px;height: 10px;margin: 5px;}
.color-dte{width: 20px;height: 20px;margin: 5px;border:1px solid #efefef;}

.linea{border-bottom: 1px solid #eee;}
.lineb{border-top: 1px solid #ccc;}
.linec{border-bottom: 1px dashed #7cb342;}
.lined{border-bottom: 1px double #eee;}
.linee{border-bottom: 2px double #eee;}
.hvline:hover{text-decoration: underline;}
.free-shipping{font-family: 'Code_Pro';/*margin-left:280px;*/margin-left:250px;font-size: 12px;}
.free-shipping .jinky{font-size: 28px}
.free-shipping:hover{color:#fff!important;}
.free-shipping span:hover{color:#7cb342!important;}

.carapemesanan div{margin:15px 25px 50px 15px!important;}
.justify{text-align: justify!important;}

.likesfb{ display: inline-block; height:65px;line-height:62.5px; margin:25px 0; padding: 0 65px 0 15px; border:3px solid #2f5f15; background: url(../images/comp/fb-like.png) no-repeat transparent; background-size: 50px 50px; background-position: right 8px bottom 5px;}
.likesfb span{ font-family: 'bebasneue_bold'; font-size: 38px; color:#2196f3; }
.likebtnfb{margin:15px 0 15px 0;}
.likebtnfb span{font-family: 'bebasneue_bold'; font-size: 38px; color:#2f5f15;display: block; line-height: 50px;}

.testi{margin: 25px 0;}
.item-testi{border:4px solid #efefef;padding: 15px;text-align: center;border-radius: 50px;margin-bottom: 15px;}
.item-testi p{line-height: 24px;padding: 15px;}
.item-testi span{font-weight: bold;display: block;}
.item-testi .box.image{padding: 15px 0 0 0;}
.item-testi .box.image img{display: block;border-radius: 100%;width: 75px; height: 75px;}

table.border{border: 1px solid #dfdfdf;}
table.border th, table.border tr, table.border td{border: 1px solid #dfdfdf;}

.data-size-preload{width: 100%;min-height: 250px;background-color: #efefef;}
.data-size-preload .preloader-wrapper{margin: 0 auto;}
.data-size-preload .preloader-wrapper .spinner-layer{border-color: #bdbdbd;}

/*GRID IMAGE*/
.ri-grid{
	margin: 30px auto 30px;
	position: relative;
	height: auto;
}
.ri-grid ul {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.ri-grid ul:before,
.ri-grid ul:after{
	content: '';
    display: table;
}
.ri-grid ul:after {
    clear: both;
}
.ri-grid ul {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
} 
.ri-grid ul li {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;	
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background: #000;
}
.ri-grid ul li a{
	display: block;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* Grid wrapper sizes */
.ri-grid-size-1{
	width: 55%;
}
.ri-grid-size-2{
	width: 100%;
}
.ri-grid-size-3{
	width: 100%;
	margin-top: 0px;
}

/* Shadow style */
.ri-shadow:after,
.ri-shadow:before{
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	max-height: 100px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.ri-shadow:after{
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}

.ri-grid-loading:after,
.ri-grid-loading:before{
	display: none;
}
.ri-loading-image{
	display: none;
}
.ri-grid-loading .ri-loading-image{
	position: relative;
	width: 30px;
	height: 30px;
	left: 50%;
	margin: 100px 0 0 -15px;
	display: block;
}

/*FALLBACK*/
.ri-grid{
	border-top:5px solid #F44336;
	padding-top: 0px;
	overflow: hidden;
	width: 100%;
}
.ri-grid ul li,
.ri-grid ul li a{
	width: 100%;
	height: 100%;
}
.ri-grid ul li a img{
	width: 100%;
}
/*END GRID IMAGE TESTIMONI*/

@media only screen and (max-width: 992px) {
    .mtopa{margin-top: 5.1rem;}
}
@media only screen and (max-width: 480px) {
	.titlea{padding:0px 50px;font-size: 28px;}
	.titleb{padding:0px 50px;font-size: 38px;}
	.titled{padding:0px;font-size: 28px;}
	.titlee{padding:0px;font-size: 18px;}
	.titlef{padding:0px 50px;font-size: 26px;}
	.titleg{padding:0px;font-size: 18px;}
	.thumnail img{width: 55px;height: 55px;}
	.box-image{min-height: 250px;}
	.box-images{min-height: 250px;}

	.diskon.homepage{font-size:18px;padding:8px 4px;margin-right:5px;border-radius: 0 20px 20px 20px;border: 1px dotted #ffcdd2;}
	.harga.homepage{font-size:14px;}
	.harga.homepage .coret{line-height: 18px;}
	.imglogo{width: 185px;}

	.likesfb{width: 100%;}
	.likesfb span{ font-size: 30px;}
	.likebtnfb span{ font-size: 30px;}
}