.wrapper {
	margin-top: 0px;
		background-image: url("/mak/public/images/main/bg2.jpeg");
    background-attachment: fixed;
}
div.col-lg-9{
    margin-bottom:15px;
}

body {
	background-color: #000000;
}

.mak-list-group {
    position:relative;
	background-color: #343A40;
	list-style-type: none;
	left:0px;
	padding-left:0px;
}
.mak-list-group>li {
	width:100%;
	left:0px;
	vertical-align: middle;
	
}
.mak-list-group>li.active {
background-color: red;
}
.mak-list-group>li:hover {
	background-color: red;
	
}
.mak-list-group>li>a {
	color:white;
	text-decoration: none !important;
	
}
.mak-list-item {
	background-color: #343A40;
	border-bottom: 1px solid #424242;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}

.front-kare {
	background-color: #343A40;
	border-radius: 15px;
	opacity: 0.9;
	padding: 15px;
}

.main-box{
	min-height: 720px;
}

.fullOpacity{
	opacity: 0.9 !important; 
}

.logo-height {
	max-height: 80px;
}

.logo-box {
	vertical-align: middle;
	 top: 30%;
	 position: absolute;
}

.wrongInput {
	color: red;
	border-color: red;
}

.lang {
	display: none;
}

.hidden {
	display: none !important;
}

.body-color {
	background-color: #000000;
}

.top-up {
	padding: 0px;
	vertical-align: top !important;
	background-color: #8CC152  !important;
}

.white {
  color: white;
}

.bg-white{
	background-color: white  !important;
}

.top-bar {
  text-align:right;
  padding-top: 10px;
  padding-right: 20px;
  background-color: rgb(52,58,64);
  color: white;
}

.mak-color {
  background-color: rgb(52,58,64) !important;
}

.unchecked {
	color:red;
}

.margin-top-10 {
	margin-top: 10px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}

.padding-top-botom-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding-top-botom-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.red{
	color: red;
}

.padding-20{
	padding: 20px;
}

.img-in-category{
	max-width:100%;
	width: 200px;
	/*height: 200px;*/
	height: 170px;
}

.top-bar>a {
  padding-left: 20px;
  color: white;
  text-decoration: none !important;
}

.top-bar>a:hover {
  font-style: normal;
  color: red;
  text-decoration: none !important;
}

.mak-active{
	background-color:rgb(254,0,0) !important;
	color: red;
}

.center {
	margin: auto;
	text-align: center;
	vertical-align: middle;
}

.simple-center {
	text-align: center;
	vertical-align: middle;
}

.inner {
	margin: auto;
	vertical-align: middle;
	max-width: 90%;
	max-height: 150px;
}

.thumb {
	width: 100px;
	height: 100px;
}

.block {
	display: inline-block;
}

.img-select {
	max-width: 100px;
}

.img-selected {
	max-width: 200px;
}

.new-select-file-box{
	width: 100%;
	padding-top:10px;
	padding-bottom:10px;
}

.img-multy-selected {
	max-width: 200px;
	padding:10px;
}

.main-image{
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    border:solid 2px white;
}

.width100 {
	width: 100%;
}

.height100 {
	height: 100%;
}

.imgcartwidth {
	width: 100px;
}

.non-decoration {
  text-decoration: none !important;
}

.mak-link {
	text-decoration: none !important;
	color: white;
}

.mak-link:hover {
	color: red;
}

.mak-link-reverse {
	text-decoration: none !important;
	color: red;
}

.mak-link-reverse:hover {
	color: white;
}

.paddingLeft {
	padding-left: 25px;	
}

.padding20 {
  padding: 20px;
}

.margin20 {
  margin: 20px;
}

.italic{
	font-style: italic;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-top-20 {
	margin-top: 20px;
}

.mak-tab-bar {
	margin-bottom: 25px;
}

.mak-sec {

}

.partner-row>div {
  padding: 5px;
  
}

.fix-height {
	height: 420px;
}

.mak-box {
	background-color:rgb(52,58,64) !important;
	color: white;
	padding: 15px;
	border: solid 1px black;
	border-radius:5px;
}


.product {
  margin-botom: 20px !important;
  padding-bottom: 15px;
  height: 100%;
}

.mak-slider {
	padding: 10px;
}

.product-view-height {

}

.mak-slider-img-box {
	height: 300px;	
	width: 500px;
}

.mak-slider-img {
	max-height: 100%;
	max-width: 100%;
}

.mak-bg {
	background-color:rgb(52,58,64) !important;
	color: white;
}

a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}


.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;}
	
}

.mak-bg-100 {
	width:100%;
	padding:25px;
	background-color:rgb(52,58,64) !important;
	color: white;
}

.pointer {cursor: pointer;}

.mak-side {
	height: 100% !important;
}

.side>li>a:hover{
	color:red;
}
.side>li.active>a:hover{
	color:#fff;
}
.nav-link{
	font-weight:bold;
}
.nav-link:hover {
	font-weight:bold;
	color:red !important;
}

.mak-table {
	background-color:rgb(52,58,64) !important;
	color: white;
}


.bg-red{
	background-color:red !important;
}

.red{
	color:red !important;
}

/*new*/
.mak-card-title {
    min-height: 55px;
}

.mak-height-auto {
    height: auto;
}

.mak-price-wrap {
    margin-top: 20px;
}

.mak-card-price {
    position: absolute;
    bottom: 10px;
}