.menu-top {
    color: #fff;
    background-color: #008080;
}

.navtop {
    background-color: #faefef;
}

a:hover {
    color: #008080;
}


.akunhome {
	margin-top: 0px;
	display: flex;
	width: 20%;
	justify-content: space-between;
   border-left: 2px solid #ddd;
	color: #333;
	line-height: 1.2;
	padding: 4px 20px;
}
.akunhome .poin {
	display: flex;
	align-items: center;
	text-align: left;
	justify-content: space-between;

}
.akunhome .poin .icone i{
    margin-right: 15px;
    font-size: 18px;
     opacity: 0.7;
}
.akunhome .poin b {
   font-size: 12px;
}

.akunhome .orders b {
   font-size: 11px;

}
.akunhome .orders {
	display: flex;
	align-items: center;
	text-align: left;
	justify-content: space-between;

}
.akunhome .orders .icone i{
    margin-right: 15px;
    font-size: 17px;
     opacity: 0.7;
}
.default {
	position: absolute;

	margin-right: 10px;
	border-radius: 100%;
	right: 0;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
}
.default span{
   display: inline-block;
    margin-top: 12px;
	margin-right: 40px;
    background: #fff;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.default i {
	border-radius: 100%;
	right: 0;
	 margin-top: 13px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	background: green;
}
.locsend {
	color: #222;
	font-size: 11px;
	/* margin: 10px 0 0; */
	/* text-align: center; */
	padding: 2px 5px 4px;
}
.locsend a {
		color: #222;
}
#myTab .active a {
    color: #008080;
}

.nav .active a {
    color: #fff;
}

.header__top-links>li a {
    color: #fff;
}

.top-menu a {
    color: #222 !important;
}

.user-block {
    color: #fff;
}

.user-block .user-block__right a {
    color: #fff;
}

#seerch #gosearch {
    background: #008080;
    border: none;
    color: #fff;
}

.box-heading a {
    background-color: #008080;
    padding: 4px 12px;
    border-radius: 14px;
    font-size: 12px;
    color: #fff;
}

.btn.btn-danger i, .btn.btn-success i {
    color: #fff;
}

.btn.btn-danger {
    background-color: #008080;
    border-color: #008080;
    color: #fff !important;
}

.btn.btn-success {
    background-color: #5fa41d;
    border-color: #549912;
    color: #fff !important;
}

.btn.btn-danger:hover, .btn.btn-success:hover {
    background-color: #fb0000;
    border-color: #fb0000;
    color: #fff;
}

.header-extra span {
    color: #ffffff;
    background-color: #008080;
}

.box-heading .head {
    color: #008080;
}

.product-thumb .icon-list-rating {
    color: #f01010;
}

.product-meta .btn {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #444 !important;
}

.product-thumb .product-price-list > li > span {
    font-size: 14px;
}

.product-thumb .product-price {
    color: #444;
}

/* EFFECT */
.product-thumb .back:hover {
    border-color: #faefef;
}

.product-thumb .back:hover .effect.one:before {
    content: '';
    width: 120px;
    border-radius: 100%;
    height: 120px;
    background: rgb(154 124 91 / 2%);
    position: absolute;
    animation-name: effect1;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes effect1 {
    0% {
        right: -20px;
        top: -50px;
    }

    25% {
        right: -20px;
        top: 20px;
    }

    50% {
        right: -40px;
        top: 20px;
        background: rgb(154 112 91 / 5%)
    }

    75% {
        right: -40px;
        top: -50px;
    }

    100% {
        right: -20px;
        width: 80px;
        height: 80px;
        top: -50px;
        ; }
}

.product-thumb .back:hover .effect.one:after {
    content: '';
    width: 270px;
    height: 270px;
    z-index:0;
      border-radius: 100%;
    position: absolute;
    background: rgb(154 91 91 / 1%);
    animation-name: effect2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes effect2 {
    0% {
        left: -80px;
        bottom: -50px;
    }

    25% {
        left: -80px;
        bottom: 20px;
    }

    50% {
        left: -120px;
        background: rgb(154 91 91 / 5%);
        width: 280px;
        height: 280px;
        bottom: 20px;
    }

    75% {
        left: -120px;
        bottom: -50px;
    }

    100% {
        left: -80px;
        bottom: -50px;
    }
}

.tabs {
    height: 33px;
    line-height: 16px;
}

.tabs a {
    background: #F6F6F6;
    padding: 8px 15px 8px 15px;
    float: left;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    border-radius: 5px 5px 0 0;
    margin-right: 6px;
    border-bottom: none;
}

.tabs a.selected , .tabs a:hover.selected, .htabs a:hover {
    background: #008080;
    color: #FFFFFF;
    border-bottom: none;
}

.tabs a:hover {
    background: #ccc;
    color: #fff;
}

.tab-page {
    padding: 15px;
    margin-bottom: 20px;
    z-index: 2;
    overflow: auto;
    background: #f5f5f5;
    text-align: justify;
}

.tab-page input {
    vertical-align: middle;
}

.breadcrumb-bg {
    background-color: #faefef;
}

#bottom {
    background-color: #ffffff;
}

#bottom a {
    font-size: 12px;
    color: #444;
}

#footer {
    color: #fff;
    background-color: #008080;
}

#footer a {
    color: #fff;
}