<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.bg-menu{position:absolute;width:300px;height:470px;top:168px;left:20px;z-index:222!important;background:#FFFFFF;opacity:0.98}
.mobile-menu-toggler {font-size:30px;}
.sticky-header.fixed {box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.06);}
.sticky-header.fixed .logo {
  max-width: 130px;
  text-align:center;
}
.header-search-category .btn {
  background-color: #D43941;
}
.header-top {background:#eee}
.menu-vertical.sf-arrows &gt; li &gt; a{padding: 0.9rem 0px 0.7rem 3.6rem;}
.menu-vertical &gt; li &gt; a i {
  margin-bottom: 4px;
  margin-right: 1.9rem;
  font-size: 1.9rem;
  width: 20px;
}

.btn-primary {background:#3085be}
.category-content{text-align:center}
.hg-cat{max-height:200px;overflow:hidden}
.mg-20{margin-top:20px;}
.bg-grays{padding-top:20px}
.bx-ig{width:400px;height:400px;justify-content: center;display: flex; align-items: center;}
.bx-ig{width:80%;}
.bx-ig-4{width:239px;height:239px;justify-content: center;display: flex; align-items: center;}
.bx-ig-4{width:80%;}
.bx-ig-4x{width:239px;height:150px;justify-content: center;display: flex; align-items: center;}
.bx-ig-4x{width:80%;}
.bx-ig-5{width:200px;height:240px;justify-content: center;display: flex; align-items: center;}
.bx-ig-5 img{width:50%;}
.bx-ig-product{width:229px;height:239px;justify-content: center;display: flex; align-items: center;}
.bx-ig-product{width:90%;}
.bx-ig-product img{max-height:220px!important;}
@media (max-width:480px){
.bx-ig-product{width:229px;height:139px;justify-content: center;display: flex; align-items: center;}
.bx-ig-product{width:90%;}
.bx-ig-product img{max-height:120px!important;}
}
.osst img{border-radius:10px}
.product-default a {white-space:normal;}
::after, ::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
element {
}
.hovereffect {
    cursor: pointer;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
	background: rgb(5, 4, 4);
	background: linear-gradient(0deg, rgba(5, 4, 4,1) 1%, rgba(5, 4, 4,1) 43%);

}

.hovereffect img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

.hovereffect:hover img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15); }
  
.malaVid{background:#000;height:220px;border-radius:10px;margin-bottom:20px;justify-content: center;display: flex; align-items: center;}
.malaVid2{background:#000;height:460px;border-radius:10px;margin-bottom:20px;justify-content: center;display: flex; align-items: center;}
.yttub{margin:30px 0}

.deal-product {
  border: 2px solid #F5911C;
}
.inner-quickview figure .btn-quickview {background-color: #FF0000;}
.bg-foot{background:#210303}
footer .widget-title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 1.9rem;
}
footer a {
  color: #fff;
}
footer .social-icon {
  color: #fff;
  font-size: 1.4rem;
  line-height: 40px;
}
.m20{margin-bottom:20px}
.product-default {
  border-radius: 10px;
}
.product-default .btn-add-cart, .product-default .btn-icon-wish, .product-default .btn-quickview {
  border: 1px solid #D32029;
  background: #D32029;
  color: #fff;
  line-height: 34px;
}
.center-text{text-align:center}
.half-of-flame{padding:50px 0}
.t-foot{color:#FFFFFF}
.kategori-home{background:#fff;margin-bottom:0px;padding:0px 50px 0}
.periferal{background:#fff;margin-bottom:20px;padding:50px}
.terlaris-home{background:#fff;margin-bottom:0px;padding:50px 50px 0}
.bg-bread{background:#EEEEEE;margin-bottom:30px}
.footer-copyright{padding:10px 0;text-align:center}
.custom-rakit-pc{background:#CE2128;padding:30px 0;color:#FFFFFF}
.custom-rakit-pc h3{color:#fff}
.btn-simulasi{border:2px solid #fff;position:relative;margin-top:20px;background:none;color:#FFFFFF;border-radius:10px}

.btn-readmore{border:2px solid #ce2128;position:relative;margin-top:20px;background:none;color:#ce2128;border-radius:10px;}
.btn-readmore:hover{border:2px solid #ce2128;position:relative;margin-top:20px;background:none;color:#ce2128;border-radius:10px;}
.recent-products-section {
  padding-bottom: 0rem;
}
@media (max-width: 575px) {
  .home-slide img {
    min-height: auto!important;
  }
}
.desc-box{height:83px}
.recent-products-section h2{color:#ce2128}
.market-head{padding:30px 0;font-weight:bold;text-align:center;color:#000000}
@media (max-width:480px){
.bg-menu{display:none}
.mobile-menu-toggler {font-size:20px;}
.malaVid{background:#000;height:120px;border-radius:5px;margin-bottom:5px;}
.malaVid2{background:#000;height:245px;border-radius:5px;margin-bottom:25px;}
.h-xs{display:none}
}

@media (min-width: 1220px) {
  .container {
    max-width: 97%;
  }
}

.bxpromo-home{
background:#FFFFFF;
	padding:10px;height:380px;border-radius:10px;
	box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
}

.bxpromo{
	padding:10px;height:400px;border-radius:10px;
	box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
}	
.c-animated-background-2 {
	  animation: 3s linear infinite placeHolderShimmer;
	  background: linear-gradient(to right, #eeeeee 0%, #dddddd 8%, #eeeeee 16%, #eeeeee 50%, #dddddd 58%, #eeeeee 66%);
	  background-size: 200%;
	  border-radius:10px 10px 0 0;
	   width: 100%;height:180px;
	}
.bxpromo-image{
	min-height:150px;
	max-height:180px;

	position:relative;
	text-align:center;
}
.bxpromo-image img {height:auto!important;max-height:180px!important;margin:0 auto;text-align:center;}
.bxpromo-title{
	
	color:#000;
	text-align:justify;
	
	height:120px;
}

.bxpromohome-title{
	
	color:#000;
	text-align:justify;
	height:85px;
}
.bd-rekom{padding:0 20px;border-right:0px solid #ddd;height:400px}
.bd-rekom{padding:7px;border:0px solid #ddd;min-height:400px;height:auto}
@media (max-width: 480px) {
    .bxpromo{
		height:400px!important;padding:6px;
		box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	}
	.bxpromohome-title{
	
		color:#000;
		text-align:justify;
		height:90px;
	}
	.bd-rekom{padding:3px;border:0px solid #ddd;min-height:350px;height:auto}
	.bxpromo-social img{width:35px!important}
	
	.bxpromo-image{
		height:120px;
	}
	.bxpromo-title{
		
		color:#000;
		text-align:justify;
		
		height:120px;
	}
}

.product-size-content td, .product-size-content th {
  border: 1px solid #ddd;
  padding: 8px;
}

.product-size-content tr:nth-child(even){background-color: #f2f2f2;}

.product-size-content tr:hover {background-color: #ddd;}

.product-size-content th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

.blog-page-area .single-blog .shere-icon {
    clear: both;
    display: -moz-inline-box;
    margin: 30px 0 55px;
    overflow: hidden;
}
.blog-page-area .single-blog .share-icon h3 {
    color: #252525;
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 34px;
    margin: 0 20px 0 0;
    text-transform: uppercase;
}
.blog-page-area .single-blog .share-icon ul li {
    border-left: 1px solid #e5e5e5;
    float: left;
    line-height: 34px;
}
.blog-page-area .single-blog .share-icon ul li:first-child {
    border: medium none;
}
.blog-page-area .single-blog .share-icon ul li a {
    color: #666666;
    display: inline-block;
    font-size: 22px;
    line-height: 34px;
    padding: 0 25px;
    text-align: center;
}
.blog-page-area .single-blog .share-icon ul li:last-child a {
    padding-right: 0
}
.blog-page-area .single-blog .share-icon ul li a i {
    font-size: 20px
}
.blog-page-area .single-blog .share-icon {
    clear: both;
    display: -moz-inline-box;
    margin: 30px 0 55px;
    overflow: hidden;
}
.blog-page-area .single-blog .share-icon ul li a.facebook:hover {color: #3b579d}
.blog-page-area .single-blog .share-icon ul li a.twitter:hover {color: #3acaff}
.blog-page-area .single-blog .share-icon ul li a.pinterest:hover {color: #ce2027}
.blog-page-area .single-blog .share-icon ul li a.google-plus:hover {color: #d11717}
.blog-page-area .single-blog .share-icon ul li a.linkedin:hover {color: #0097bd}

.breadcrumb{background:#CE212A;padding:10px 40px;border-radius:0;color:#fff;text-transform: capitalize;}
.breadcrumb a{color:#fff}

.price-input{
  width: 100%;
  display: flex;
  margin: 30px 0 35px;
}
.price-input .field{
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}
.field input{
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 13px;
  margin-left: 12px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator{
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.slider{
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.slider .progress{
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #17A2B8;
}
.range-input{
  position: relative;
}
.range-input input{
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb{
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #17A2B8;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0,0,0,0.05);
}
input[type="range"]::-moz-range-thumb{
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #17A2B8;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0,0,0,0.05);
}

.blog-page-area.details-page {
    padding-bottom: 0;
    padding-top: 10px;
}
.blog-page-area .single-blog blockquote {
    background: #e0e0e0 none repeat scroll 0 0;
    border: medium none;
    font-size: 14px;
    font-style: italic;
    margin: 20px 0;
    padding: 30px 45px;
}
.blog-page-area .single-blog .shere-icon {
    clear: both;
    display: -moz-inline-box;
    margin: 30px 0 55px;
    overflow: hidden;
}
.blog-page-area .single-blog .share-icon h3 {
    color: #252525;
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 34px;
    margin: 0 20px 0 0;
    text-transform: uppercase;
}
.blog-page-area .single-blog .share-icon ul li {
    border-left: 1px solid #e5e5e5;
    float: left;
    line-height: 34px;
}
.blog-page-area .single-blog .share-icon ul li:first-child {
    border: medium none;
}
.blog-page-area .single-blog .share-icon ul li a {
    color: #666666;
    display: inline-block;
    font-size: 22px;
    line-height: 34px;
    padding: 0 25px;
    text-align: center;
}
.blog-page-area .single-blog .share-icon ul li:last-child a {
    padding-right: 0
}
.blog-page-area .single-blog .share-icon ul li a i {
    font-size: 20px
}
.blog-page-area .single-blog .share-icon {
    clear: both;
    display: -moz-inline-box;
    margin: 30px 0 55px;
    overflow: hidden;
}
.blog-page-area .single-blog .share-icon ul li a.facebook:hover {color: #3b579d}
.blog-page-area .single-blog .share-icon ul li a.twitter:hover {color: #3acaff}
.blog-page-area .single-blog .share-icon ul li a.pinterest:hover {color: #ce2027}
.blog-page-area .single-blog .share-icon ul li a.google-plus:hover {color: #d11717}
.blog-page-area .single-blog .share-icon ul li a.linkedin:hover {color: #0097bd}
.author-info {
    float: left;
    margin: 0 0 30px;
    width: 100%;
}
.author-avatar {
    float: left;
    width: 10%;
}
.author-description {
    float: left;
    padding-left: 20px;
    width: 90%;
}
.author-description h2 {
    color: #232323;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
}
.author-description h2 a:hover {
    color: #E03550;
}
.reply-comment-area {
    overflow: hidden;
    width: 100%;
}
.reply-comment-area h3 {
    border-top: 1px solid #e5e5e5;
    color: #252525;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 50px;
    padding: 22px 0 0;
    text-transform: uppercase;
}
.single-reply {
    margin: 0 0 20px;
    overflow: hidden;
}
.user-comment {padding-left: 25px}
.comment-author {
    float: left;
    width: 7%;
}
.comment-author img {border-radius: 100%}
.comment-info {
    border: 1px solid #eee;
    border-radius: 3px;
    float: left;
    padding: 10px;
    position: relative;
    width: 100%;
}

.comment-author-info {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 1;
    margin: 0 0 15px;
}
.comment-author-info a {color: #555555}
.comment-author-info a:hover {color: #E03550}
.comment-author-info span {
    margin-left: 10px;
    margin-right: 10px;
}
.user-comment-form-area {
    margin-bottom: 0;
    margin-top: 15px;
    overflow: hidden;
}
.user-comment-form-area h3 {
    border-top: 1px solid #e5e5e5;
    color: #232323;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 30px;
    padding: 22px 0 0;
    text-transform: uppercase;
}
.user-comment-form-area p {margin-bottom: 20px}
.user-comment-form-area p span {color: #db3838}
.user-comment-form-area .form-list .fields {
    overflow: hidden;
    width: 100%;
}
.user-comment-form-area .form-list .fields .field {
    float: left;
    padding-right: 8px;
    width: 33.33%;
}
.user-comment-form-area .form-list .field.website, .fields .field.comment {padding-right: 0}
.user-comment-form-area .form-list li {
    margin: 0 0 8px;
    overflow: hidden;
}
.user-comment-form-area .form-list label {position: relative}
.user-comment-form-area .form-list label em {
    color: #eb340a;
    float: right;
    font-style: normal;
    position: absolute;
    right: -8px;
    top: 0;
}
.user-comment-form-area .form-list .input-box {
    clear: both;
    display: block;
    width: 100%;
}
.user-comment-form-area .form-list .fields.fields-3 .field input {width: 97%}
.user-comment-form-area .form-list select, .user-comment-form-area .form-list .input-text {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    box-shadow: none;
    color: #777777;
    display: block;
    font-size: 13px;
    line-height: 34px;
    margin-bottom: 8px;
    outline: medium none;
    padding: 0 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}
.user-comment-form-area .form-list .fields .field .input-box textarea, .user-comment-form-area .form-list .fields .field.comment {
    width: 100%;
}

.cart-table {

	width: 100%;

	border: 0;

	border-spacing: 0;

	font-size: 14px;

}

.cart-table thead tr {

	border-bottom: 1px solid #dcdcdc;

}

.cart-table thead tr th {

	font-weight: 600;

	padding: 15px 10px;

	color: #777;

	white-space: nowrap;

	vertical-align: middle;

	line-height: 1;

}

.cart-table tbody tr td {

	border-bottom: 1px solid #dcdcdc;

	padding: 15px 10px;

	line-height: 1.3;

}

.cart-table tbody tr td.product-action-td {

	padding-left: 0;

	padding-right: 0;

}

.cart-table tbody tr td.product-image-td a {

	display: block;

}

.cart-table tbody tr td.product-image-td a img {

	display: block;

	width: 100px;

	height: auto;

}

.cart-table tbody tr td.product-name-td h2 {

	font-size: 14px;

	font-weight: 400;

	margin-bottom: 0;

}

.cart-table tbody tr td.product-name-td h2 a {

	color: #ee3d43;

}

.cart-table tbody tr td.product-name-td h2 a:hover, .cart-table tbody tr td.product-name-td h2 a:focus {

	color: #ee3d43;

}

.cart-table tfoot td {

	padding: 15px 5px 0;

}

.cart-table tfoot .btn.btn-default.btn-continue {

	float: left;

}

.cart-table tfoot .btn.btn-default.btn-update {

	float: right;

	margin-left: 10px;

}

.cart-table tfoot .btn.btn-default.btn-clear {

	float: right;

}



@media (max-width: 1199px) {
	.box-content{overflow:scroll!important}
	.cart-table thead {

		display: none;

	}

	.cart-table tbody tr {

		position: relative;

		display: block;

		border-bottom: 1px solid #dcdcdc;

		padding: 25px 0;

	}

	.cart-table tbody tr td {

		display: block;

		padding: 0 0 15px;

		width: 100%;

		border-width: 0;

		text-align: left;

	}

	.cart-table tbody tr td:last-child {

		padding-bottom: 0;

	}

	.cart-table tbody tr td .qty-holder {

		width: 90px;

	}

	.cart-table tbody tr td.product-action-td {

		

		z-index: 1;

	}

	.cart-table tbody tr td.product-action-td .btn-remove {

		float: right;

	}

	.cart-table tbody tr td.product-image-td {

		padding-bottom: 15px;

	}

	.cart-table tbody tr td.product-image-td a img {

		margin: 0 auto;

	}

	.cart-table tbody tr:first-child {

		padding-top: 0;

	}

	.cart-table tbody tr:first-child td.product-action-td {

		

	}

	.cart-table tfoot td {

		padding-top: 25px;

	}

	.cart-table tfoot .btn.btn-default.btn-continue, .cart-table tfoot .btn.btn-default.btn-update, .cart-table tfoot .btn.btn-default.btn-clear {

		float: none;

		display: block;

		width: 100%;

		margin: 0 0 10px;

	}

}



.box-checkout{padding:20px 15px;}

.box-checkout p{margin:5px 0!important}

.checkout-table{width:100%}

.checkout-table td{padding:5px 0}

.text-field {

    background-color: #fbfbfb;

    border: 1px solid #ddd;

    font-weight: normal !important;

    margin-top: 13px;

    outline: medium none;

    padding: 13px;

    width: 100%;

	margin-bottom:25px;

}

.text-grey {

    color: #8B8A8D !important;

	font-size:12px;

	font-weight:100;

}

.box-myorder{border:1px solid #ddd;margin:10px 0 20px}

.top-myorder{background:#EEEEEE;padding:20px 15px;font-size:12px;border-top:3px solid;border-bottom:1px solid #ddd}

.top-myorder p{margin:0;}

.bottom-myorder{padding:20px 15px;font-size:12px;}

.box-dasboard{padding:15px;text-align:center}
.box-blue{border:1px solid #004C93;background:#004C93;color:#FFFFFF}
.box-blue h1{color:#FFFFFF}
.box-green{border:1px solid #009900;background:#009933;color:#FFFFFF}
.box-green h1{color:#FFFFFF}
.box-red{border:1px solid #CE1717;background:#CE1717;color:#FFFFFF}
.box-red h1{color:#FFFFFF}

.box-menu-left{
	border:1px solid #CCCCCC;
	padding:10px 10px 20px 10px;
	background:#fff;
}


.cate-left li{
	padding:10px 5px;
	border-bottom:1px solid #CCCCCC;	
	text-transform:capitalize;
}

.cate-left li:hover &gt; ul { left: 200px; -webkit-transition: left 200ms ease-in; -moz-transition: left 200ms ease-in; -ms-transition: left 200ms ease-in; transition: left 200ms ease-in; } 
.cate-left li &gt; ul { position: absolute; background-color: #333; top: 0; left: -200px; min-width: 200px; z-index: -1; height: 100%; -webkit-transition: left 200ms ease-in; -moz-transition: left 200ms ease-in; -ms-transition: left 200ms ease-in; transition: left 200ms ease-in; } .cate-left li &gt; ul li a:hover { background-color:#2e2e2e; }

#css-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #16a1e7;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.css-script-center {
    width: 960px;
    margin: 0 auto
}

.css-script-center ul {
    width: 212px;
    float: left;
    line-height: 45px;
    margin: 0;
    padding: 0;
    list-style: none
}

.css-script-center a {
    text-decoration: none
}

.css-script-ads {
    width: 728px;
    height: 90px;
    float: right
}

.css-script-clear {
    clear: both;
    height: 0
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(204, 204, 204);
  border-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.form-control {
font-size:15px;

}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: top;
}
.bg-none{background:#000000;width:100%}
.bg-none2{background:#fff;width:100%}

.bg-blac{background:#000000;padding:30px;width:100%;color:#FFFFFF;text-align:center;font-size:28px}
.title-build{position:absolute;left:8%;top:15%;font-size:18px}
.title-build2{position:absolute;left:8%;top:25%;font-size:18px}
@media (max-width: 480px) {
.bg-none img{max-height:120px!important;}
.bg-none2 img{max-height:120px!important;}
.title-build{position:absolute;left:3%;top:3%;font-size:13px}
.title-build span{font-size:14px!important}

.title-build2{margin-top:0px;font-size:12px}
.title-build2 span{font-size:12px!important}
}
@media (max-width: 575px) {
  footer {
    margin-bottom:0px;
  }
}

.btn-simulasi:hover{color:#000;opacity:0.87;background:#FFFFFF}
.bg-detail-white{width:100%;padding:40px 0; background-image: url("bgwhite.png");min-height:400px}
.bg-white-detail{background:#fff;padding:40px 0;color:#000000}
.white1{font-size:24px;color:#000000}
.white2{padding-left:41px;color:#000000;margin-bottom:15px}
.whiterp{margin-top:50px;font-size:35px;color:#000000;font-weight:bold;margin-bottom:20px}
.whitespek{font-size:22px;padding:10px;color:#000}
.bg-detail-white h2{color:#000}
.custom-rakit-white{background-image: url("bgwhite.png");padding:40px 0}
.titlecustom{color:#000000;font-size:32px;margin-top:80px;font-weight:bold}
.titlecustomsub{color:#000000;font-size:18px}
.red{color:#CE2128}
.bg-white-detail .table td{padding:20px 0}

.bg-detail-black{width:100%;padding:40px 0; background:#000;min-height:400px;color:#FFFFFF}
.bg-detail-black h2{color:#fff}
.black1{font-size:24px;color:#fff}
.black2{padding-left:41px;color:#fff;margin-bottom:15px}
.blackrp{margin-top:50px;font-size:35px;color:#fff;font-weight:bold;margin-bottom:20px}
.blackspek{font-size:22px;padding:10px;color:#fff}
.custom-rakit-black{background-image: url("bgblack.jpg");padding:40px 0}
.titlecustom2{color:#fff;font-size:32px;margin-top:80px;font-weight:bold}
.titlecustomsub2{color:#fff;font-size:18px}
.bg-black-detail{background:#000;padding:40px 0;color:#fff}
.bg-black-detail h2{color:#fff}
.bg-black-detail .table td{padding:20px 0}
.bg-black-detail .table.table-striped tr:nth-child(2n+1) {
  background-color: #000;
}
.bg-black-detail .product-single-share label{color:#FFFFFF}
.bg-black-detail .product-single-share:not(.icon-with-color) .social-icon:not(:hover):not(:active):not(:focus) {color: #fff;}
.btn-lg{padding:10px 15px}

body .btnx,
body .btn2 {
    width: 90%;
	margin-left:10px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    padding-top:5px;
    color: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    background: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
    background-size: 300%;
    -webkit-animation: anime 16s linear infinite;
    animation: anime 5s linear infinite;
}

body .btn2 {
    position: absolute;
    margin-top: -45px;
	margin-left:-2px;
    z-index: -1;
    filter: blur(10px);
    opacity: 0.8;
}

@-webkit-keyframes anime {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes anime {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.menu-res-bot{display:none}
.img-sale{position:absolute;margin-top:-70px;margin-left:-55px;width:200px}
.bg-promo-home{background:#FFFFFF;padding:100px 0 70px}
.harga-promo{font-weight:bold;color:#d82c2c;font-size:18px;}
.modal-promo{color:#000;position:absolute;right:-15px;background:#CCCCCC;border:1px solid #CCCCCC;border-radius:50%;top:-10px;width:35px;height:35px}
.sticky-header.header-middle{
  height: 79px;
 
}
.sticky-header.header-middle.fixed {
  height: 79px;
  padding-top: 4px;
}
@media (max-width: 480px) {
.menu-res-bot{display:block;padding:15px;background:#BE2F25;position:fixed;border:0;width:100%;height:70px;bottom:0;z-index:999999!important;text-align:center;color:#FFFFFF}
.menu-res-bot a{color:#FFFFFF;font-size:10.5px}
.img-sale{position:absolute;margin-top:-25px!important;margin-left:-30px!important;width:100px!important}
.bg-promo-home{background:#FFFFFF;padding:40px 0 30px}
.modal-promo{color:#000;position:absolute;right:-5px;background:#CCCCCC;border:1px solid #CCCCCC;border-radius:50%;width:25px;height:25px;padding:0}
.modal-dialog{max-width:95%!important;top:15%;}
.navbar-toggle {margin-right: 2px;}

.sticky-header.header-middle{
  height: 59px!important;
 
}
.sticky-header.header-middle.fixed {
  height: 59px !important;
  padding-top: 4px !important;
}
.bg-grays {
  padding-top: 0px!important;
}
}


/*--------------------------------------------*/
/*  16. Cart Page Start
/*--------------------------------------------*/
.page-title {
    margin: 0 0 12px;
    overflow: hidden;
    padding-bottom: 8px;
    width: 100%;
}
.page-title h1, .page-title h2 {
    font-size: 17px;
    margin: 0;
    text-transform: capitalize;
}
.cart-main-area .cart-table table {
    background: #ffffff none repeat scroll 0 0;
    line-height: 25px;
    margin: 0;
    width: 100%;
}
.cart-main-area .cart-table table th {
    border-bottom: 1px solid #f2f2f2;
    font-weight: 400;
    padding: 10px;
    text-transform: uppercase;
    vertical-align: middle;
}
.cart-table table td.p-image {width: 150px}
.cart-main-area .p-image &gt; a {
    display: block;
    text-align: center;
    width: 150px;
}
.cart-main-area .cart-table table td {
    border-bottom: 1px solid #f2f2f2;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}
.cart-main-area .cart-table table td.p-total {
    font-size: 15px;
    text-align: right;
    width: 91px;
}
.cart-main-area .cart-table table td.p-amount {
    text-align: right;
    width: 98px;
}
.cart-main-area .cart-table table td.edit {text-align: right}
.cart-main-area .p-action {
    text-align: center;
    width: 28px;
}
.cart-main-area .cart-table table td.p-quantity {width: 59px}
.cart-main-area .cart-table .p-quantity input, .wishlist-concept form input {
    border: 1px solid #f2f2f2;
    color: #444443;
    padding: 5px;
    text-align: center;
    width: 3em;
}
.cart-main-area .cart-table .p-action &gt; a, .wishlist-concept .p-action &gt; a {
    background: rgba(0, 0, 0, 0) url("img/icon/delete.png") no-repeat scroll 0 0;
    display: block;
    font-size: 0;
    height: 10px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 9px;
}
.cart-main-area .all-cart-buttons {
    border-bottom: 1px solid #d9dde3;
    padding: 25px 0;
}
.button.clear-cart {margin-right: 8px}
.shipping-discount, .amount-totals {
    border: 1px solid #e1e1e1;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 15px;
}
.cart-main-area .shipping-discount h3 {
    color: #333333;
    font: 15px/20px Lato,Arial,Helvetica,sans-serif;
    text-transform: capitalize;
}
.cart-main-area select.country {
    border: 1px solid #f2f2f2;
    color: #777777;
    margin-bottom: 5px;
    outline: medium none;
    padding: 7px 5px;
    width: 254px;
}
.postal-code &gt; input {
    border: 1px solid #e6e8e9;
    color: #555555;
    line-height: 25px;
    outline: medium none;
    width: 254px;
    padding: 0 10px;
}
.shipping-discount .level {
    color: #666666;
    font-size: 14px;
    margin-bottom: 5px;
}
.amount-totals {
    padding: 27px 35px;
}
.amount-totals &gt; p.total {
    display: block !important;
    margin: 2px 0;
    text-align: right;
}
.amount-totals p:nth-child(3) {
    color: #444444;
    font-weight: bold;
    text-transform: uppercase;
}
.amount-totals span {
    padding-left: 20px;
}
.amount-totals .button {
    float: right;
    margin-bottom: 12px;
    margin-top: 13px;
    overflow: hidden;
}
/*--------------------------------------------*/
/*  17. Checkout Page Start
/*--------------------------------------------*/
.wishlist-left-sidebar {padding: 7px 0}
.wishlist-concept .wishlist-left-sidebar ul li a {
    border-bottom: 1px solid #f2f2f2;
    display: block;
    padding: 6px 0;
}
.wishlist-concept .wishlist-left-sidebar ul li:last-child a {border: 0 none}
.wishlist-concept .page-title, .checkout-area .page-title, .account-area .page-title {
    border-bottom: 1px solid #eeeeee;
    margin: 0 0 25px;
    overflow: hidden;
    padding-bottom: 8px;
    width: 100%;
}
.wishlist-concept .cart-table thead tr th {
    border-collapse: collapse;
    padding: 10px;
    text-transform: uppercase;
    vertical-align: middle;
    border-bottom: 1px solid #f2f2f2;
}
.wishlist-concept .wishlist-concept .cart-table tr td {padding: 10px}
.wishlist-concept .cart-table tbody tr td {
    border-bottom: 1px solid #f2f2f2;
    border-collapse: collapse;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    vertical-align: top;
}
.wishlist-concept .product-img {
    width: 145px;
}
.wishlist-concept table.cart-table tr td a.tb-img {
    display: block;
    height: 113px;
    margin: 0 0 5px;
    width: 113px;
}
.wishlist-concept table.cart-table tr td h6 {
    margin-bottom: 16px;
    margin-top: 7px;
}
.wishlist-concept table.cart-table tr td a {
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase;
}
.wishlist-concept table.cart-table a.edit {
    text-transform: capitalize;
}
.wishlist-concept .cart-table tbody tr td p {
    font-size: 14px;
    line-height: 25px;
}
.wishlist-concept textarea {
    border: 1px solid #f2f2f2;
    color: #444444;
    display: block;
    height: 109px;
    outline: medium none;
    padding: 5px 8px;
    width: 97%;
}
.wishlist-concept .price-box .old-price {
    color: #b1b1b1;
    display: block;
    font-size: 16px;
    text-decoration: line-through;
}
.wishlist-concept span.special-price {
    color: #69686c;
    display: block;
    font-size: 18px;
    line-height: 25px;
    margin-top: 5px;
}
.wishlist-qty {
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    width: 100%;
}
.wishlist-concept form input {
    display: block;
    margin: 6px auto 0px;
    padding: 2px;
    width: 33px;
}
.wishlist-concept .add-cart-info {width: 130px}
.wishlist-qty .button.btn-cart {
    margin: 10px 0;
    overflow: hidden;
}
.wishlist-concept .all-cart-buttons {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    margin-top: 30px;
    padding: 8px 0 20px;
    text-align: right;
}
.wishlist-concept .all-cart-buttons button {margin-left: 5px}
.back-button {padding-top: 8px}
/*--------------------------------------------*/
/*  18. Checkout Page Start
/*--------------------------------------------*/
.checkout-area .panel-group {
    margin: 0;
    padding-bottom: 29px;
}
.checkout-area #accordion .panel-heading {padding: 0}
.checkout-area .panel-title {font: 14px/20px Lato,sans-serif}
.checkout-area #accordion .panel-title a.collapsed {
    color: #232323 !important;
    background: #f5f5f5
}
.checkout-area .panel-title &gt; a {
    background: #323a45 none repeat scroll 0 0;
    border-bottom: 0 none;
    color: #ffffff;
    display: block;
    font: bold 14px/20px Lato;
    padding: 10px 0 10px 45px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.checkout-area .panel-title &gt; a span {
    background-color: #E03550;
    color: #ffffff;
    font: bold 15px/25px Arial,helvetica,sans-serif;
    height: 25px;
    left: 5px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 25px;
}
.checkout-area #accordion .panel-title a.collapsed span {background: #313133 !important}
.checkout-area .panel.panel-default {border: 0 none !important}
.checkout-area .panel {box-shadow: none}
.single-checkout &gt; h2{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 13px;
    padding-top: 7px;
}
h3.login-title {
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.single-checkout p.heading-p {color: #444444}
.single-checkout label {
    color: #888889;
    display: block;
    font-size: 14px;
    font-weight: 400;
}
.single-checkout span {
    color: #666666;
    padding-left: 7px;
}
.single-checkout input[type="radio"] {margin-top: -2px}
.single-checkout h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 10px;
}
.panel-body p.fast-check {
    line-height: 25px;
    margin-bottom: 0
}
.single-checkout.right p {color: #888888}
.checkout-area .c-btn, .login-btn, .login-reister-area .c-btn {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #CC0027;
    color: #CC0027;
    display: inline-block;
    float: right;
    font: 1em/33px "Lato",sans-serif;
    height: 38px;
    margin-top: 32px;
    padding: 0 15px;
    text-decoration: none;
    transition: all 4ms linear 0s;
}
.login-btn {margin-top: 29px}
.checkout-area .c-btn:hover, .login-btn:hover, .login-reister-area .c-btn:hover {
    background: #E03550 none repeat scroll 0 0;
    color: #ffffff;
} 
.checkout-area .panel-body {
    border: 1px solid #f2f2f2;
    margin-bottom: 20px
}
.login-form input {
    border: 1px solid #f2f2f2;
    clear: both;
    display: block;
    height: 32px;
    margin-bottom: 0;
    padding: 0 10px;
    width: 255px;
    box-shadow: none;
    border-radius: 0;
}
.single-checkout.right .login-form p {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
    padding-bottom: 5px;
}
.login-form p span {
    color: #eb340a;
    padding-left: 2px;
}
.forgot-pass {
    display: inline-block;
    margin-top: 28px;
    text-decoration: none;
    z-index: 9;
}
.login-reister-area .c-btn {
    display: block;
    float: left;
    margin-top: 20px;
    padding: 6px 25px !important;
}
.checkout-progress .section-title {margin-bottom: 10px}
.checkout-progress ul.check li {
    border-bottom: 1px solid #f3f3f3;
    display: block;
    padding: 11px 0;
}
.checkout-progress ul.check li:last-child {border: 0}
.checkout-progress .check &gt; li a {text-transform: capitalize}
.checkout-progress ul.check li a i {margin-right: 15px}
.checkout-area .customer-name div, .checkout-area .customer-info div, .customer-info div, .city-country div {
    float: left;
    width: 275px;
}
.checkout-area .login-form p {
    color: #666666;
    line-height: 24px;
    margin-bottom: 5px;
}
.city-country, .customer-info, .customer-name {overflow: hidden}
.city-country select {
    height: 32px;
    padding: 7px 5px;
    width: 254px;
}
.ship-address &gt; input {
    display: inline-block;
    height: auto;
    margin-right: 6px;
    padding: 0;
    position: relative;
    top: -3px;
    width: auto;
}
.checkout-area .login-form .buttons-set {
    padding-bottom: 0;
    padding-top: 1em;
}
.ship-address label {
    font-weight: normal;
    margin-bottom: 0;
    cursor: pointer
}
.ship-address input[type="radio"] {
    display: inline-block;
    margin-right: 9px;
    margin-top: 0;
    width: auto;
}
.ship-address input[type="radio"]:focus, .billing-add input[type="checkbox"]:focus {outline: none}
.billing-add input[type="checkbox"] {
    display: inline-block;
    margin-right: 6px;
    margin-top: -2px;
    width: auto;
}
.ship-new-address-info {display: none}
.checkout-area p.back-link {
    background: rgba(0, 0, 0, 0) url("img/icon/arrow-top.png") no-repeat scroll 0 0;
    float: left;
    line-height: 14px;
    margin-top: 13px;
    padding-left: 16px;
}
.ship-method .buttons-set {
    margin: 20px 0 0;
    padding-top: 15px;
}
.ship-wrap .ship-address input {margin-top: 2px}
@media (max-width: 1199px) {
	.box-content{overflow:scroll!important}
	.cart-table thead {

		display: none;

	}

	.cart-table tbody tr {

		position: relative;

		display: block;

		border-bottom: 1px solid #dcdcdc;

		padding: 25px 0;

	}

	.cart-table tbody tr td {

		display: block;

		padding: 0 0 15px;

		width: 100%;

		border-width: 0;

		text-align: left;

	}

	.cart-table tbody tr td:last-child {

		padding-bottom: 0;

	}

	.cart-table tbody tr td .qty-holder {

		width: 90px;

	}

	.cart-table tbody tr td.product-action-td {

		

		z-index: 1;

	}

	.cart-table tbody tr td.product-action-td .btn-remove {

		float: right;

	}

	.cart-table tbody tr td.product-image-td {

		padding-bottom: 15px;

	}

	.cart-table tbody tr td.product-image-td a img {

		margin: 0 auto;

	}

	.cart-table tbody tr:first-child {

		padding-top: 0;

	}

	.cart-table tbody tr:first-child td.product-action-td {

		

	}

	.cart-table tfoot td {

		padding-top: 25px;

	}

	.cart-table tfoot .btn.btn-default.btn-continue, .cart-table tfoot .btn.btn-default.btn-update, .cart-table tfoot .btn.btn-default.btn-clear {

		float: none;

		display: block;

		width: 100%;

		margin: 0 0 10px;

	}

}

.qty-holder {

	display: inline-block;

	width: 125px;

	white-space: nowrap;

	vertical-align: middle;

	font-size: 0;

}



.qty-dec-btn,

.qty-inc-btn {

	display: inline-block;

	width: 30px;

	height: 30px;

	background: #f4f4f4;

	border: 1px solid #ccc;

	color: #777;

	line-height: 30px;

	border-radius: 0;

	margin: 0;

	font-size: 14px;

	font-weight: 700;

	text-decoration: none;

	text-align: center;

	vertical-align: middle;

}

.qty-dec-btn:hover, .qty-dec-btn:focus,

.qty-inc-btn:hover,

.qty-inc-btn:focus {

	color: #ee3d43;

	background: #f4f4f4;

	text-decoration: none;

}



.qty-input {

	display: inline-block;

	vertical-align: middle;

	width: 50px !important;

	font-size: 14px;

	text-align: center;

	color: #777;

	height: 30px!important;

	border-radius: 0;

	border: 1px solid #ccc;

	margin: 0 -1px;

	outline: none;

}

#cssload-wrapper {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999999!important;
	overflow: hidden;
	background:#EEEEEE;
	opacity:0.9;
	height:100%!important;
}

.cssload-loader {
	width: 146px;
	height: 146px;
	border: 1px rgb(0,0,0) solid;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -73px 0 0 -73px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}

.cssload-loader .cssload-loading {
	font-size: 10px;
	position: absolute;
	width: 100%;
	text-align: center;
	line-height: 14px;
	font-family: 'Century Gothic', sans-serif;
	font-style: italic;
	left: 0;
	top: 50%;
	margin-top: 19px;
	color: rgb(0,0,0);
	font-weight: bold;
	text-transform: uppercase;
		-o-text-transform: uppercase;
		-ms-text-transform: uppercase;
		-webkit-text-transform: uppercase;
		-moz-text-transform: uppercase;
}

.cssload-loader-circle-1 {
	width: 135px;
	height: 135px;
	left: 5px;
	top: 5px;
	border: 1px rgb(0,0,0) solid;
	position: absolute;
	border-right-color: transparent;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	animation: spin 3.45s linear infinite;
		-o-animation: spin 3.45s linear infinite;
		-ms-animation: spin 3.45s linear infinite;
		-webkit-animation: spin 3.45s linear infinite;
		-moz-animation: spin 3.45s linear infinite;
}

.cssload-loader-circle-2 {
	width: 123px;
	height: 123px;
	left: 5px;
	top: 5px;
	border: 1px transparent solid;
	position: absolute;
	border-right-color: rgb(232,21,18);
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	animation: spin 5.75s linear infinite;
		-o-animation: spin 5.75s linear infinite;
		-ms-animation: spin 5.75s linear infinite;
		-webkit-animation: spin 5.75s linear infinite;
		-moz-animation: spin 5.75s linear infinite;
}

.cssload-loader .cssload-line {
	width: 10px;
	height: 2px;
	background: rgb(0,0,0);
	position: absolute;
}

.cssload-loader .cssload-line:nth-child(1) {
	left: 16px;
	top: 50%;
	margin-top: -1px;
}

.cssload-loader .cssload-line:nth-child(2) {
	transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	left: 32px;
	top: 32px;
}

.cssload-loader .cssload-line:nth-child(3) {
	top: 16px;
	left: 50%;
	width: 2px;
	height: 10px;
}

.cssload-loader .cssload-line:nth-child(4) {
	transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
	right: 32px;
	top: 32px;
}

.cssload-loader .cssload-line:nth-child(5) {
	right: 16px;
	top: 50%;
	margin-top: -1px;
}

.cssload-loader .cssload-line:nth-child(6) {
	transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	right: 32px;
	bottom: 32px;
	background: rgb(232,21,18);
}

.cssload-loader .cssload-subline {
	position: absolute;
	width: 3px;
	height: 2px;
	background: rgb(0,0,0);
}

.cssload-loader .cssload-subline:nth-child(7) {
	transform: rotate(22.5deg);
		-o-transform: rotate(22.5deg);
		-ms-transform: rotate(22.5deg);
		-webkit-transform: rotate(22.5deg);
		-moz-transform: rotate(22.5deg);
	left: 20px;
	top: 49px;
}

.cssload-loader .cssload-subline:nth-child(8) {
	transform: rotate(67.5deg);
		-o-transform: rotate(67.5deg);
		-ms-transform: rotate(67.5deg);
		-webkit-transform: rotate(67.5deg);
		-moz-transform: rotate(67.5deg);
	left: 49px;
	top: 20px;
}

.cssload-loader .cssload-subline:nth-child(9) {
	transform: rotate(112.5deg);
		-o-transform: rotate(112.5deg);
		-ms-transform: rotate(112.5deg);
		-webkit-transform: rotate(112.5deg);
		-moz-transform: rotate(112.5deg);
	right: 49px;
	top: 20px;
}

.cssload-loader .cssload-subline:nth-child(10) {
	transform: rotate(157.5deg);
		-o-transform: rotate(157.5deg);
		-ms-transform: rotate(157.5deg);
		-webkit-transform: rotate(157.5deg);
		-moz-transform: rotate(157.5deg);
	right: 20px;
	top: 49px;
}

.cssload-loader .cssload-subline:nth-child(11) {
	transform: rotate(22.5deg);
		-o-transform: rotate(22.5deg);
		-ms-transform: rotate(22.5deg);
		-webkit-transform: rotate(22.5deg);
		-moz-transform: rotate(22.5deg);
	right: 19px;
	bottom: 48px;
	background: rgb(232,21,18);
}

.cssload-loader .cssload-needle {
	width: 14px;
	height: 14px;
	border: 1px rgb(0,0,0) solid;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -8px;
	z-index: 1;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	animation: pegIt 3.45s infinite ease-in-out;
		-o-animation: pegIt 3.45s infinite ease-in-out;
		-ms-animation: pegIt 3.45s infinite ease-in-out;
		-webkit-animation: pegIt 3.45s infinite ease-in-out;
		-moz-animation: pegIt 3.45s infinite ease-in-out;
}

.cssload-loader .cssload-needle:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 49px 3.5px 0;
	border-color: transparent rgb(232,21,18) transparent transparent;
	position: absolute;
	right: 50%;
	top: 50%;
	margin: -3.5px 0 0 0;
	border-radius: 0 50% 50% 0;
		-o-border-radius: 0 50% 50% 0;
		-ms-border-radius: 0 50% 50% 0;
		-webkit-border-radius: 0 50% 50% 0;
		-moz-border-radius: 0 50% 50% 0;
}
.ekspedisi li{list-style:none;margin:10px 0}
.ekspedisi li span{line-height:25px}
.ekspedisi li img{float:left}
.ekspedisi li:radio{float:left}
.expedi{margin-bottom:20px}

.page-nav{float:right}
.page-nav li{float:left;list-style:none;padding:5px 10px;border:1px solid;margin:5px}
.page-nav li.active{border:1px solid #FF0000;color:#FF0000}
.page-nav li.active a{color:#FF0000}
.pengiriman-box input[type="radio"] {
    line-height: normal;
    margin: -4px 0 0!important;
}

.adminActions {
  position: fixed;
  z-index:999999!important;
  bottom: 10%; right: 5px;
}

.adminButton {
min-height: 70px;
min-width: 70px;
background-color: rgba(216, 44, 44, .8);
border-radius: 50%;
display: block;
color: #fff;
text-align: center;
position: relative;
z-index: 1;
}

.adminButton i {
  font-size: 30px;
}

.adminButtons {
position: absolute;
width: 100%;
bottom: 120%;
text-align: center;

}

.adminButtons a {
  display: block;
 
  visibility: hidden;
  position: relative;

}

  .adminButtons a:hover {
	transform: scale(1.05);
  }

 
  .adminActions a i {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
  }

.adminToggle {
-webkit-appearance: none;
position: absolute;
border-radius: 50%;
top: 0; left: 0;
margin: 0;
width: 100%;
height: 100%;
cursor: pointer;
background-color: transparent;
border: none;
outline: none;
z-index: 2;
transition: box-shadow .2s ease-in-out;

}


.adminToggle:checked ~ .adminButtons a {
  opacity: 1;
  visibility: visible;
}</pre></body></html>