/* PADDING MARGIN //////////////// */
.pd-0 {padding:0 !important;}.pd-15 { padding-left:15px !important;padding-right:15px !important;} .pd-20 { padding:20px !important;} .pd-30 { padding:30px !important;} 
.pl-10 { padding-left:10px !important; }.pl-15 { padding-left:15px !important; }.pl-20 { padding-left:20px !important; }.pl-35 { padding-left:35px !important; }.pl-25 { padding-left:25px !important; }
.mg-0 {margin:0 !important;}.mg-15 { margin-left:15px !important;margin-right:15px !important;} .mg-30 { margin:30px !important;} 
.pt-0 { padding-top:0px !important;}.pt-3 { padding-top:3px !important;}.pt-5 { padding-top:5px !important;}.pt-10 { padding-top:10px !important;}.pt-20 { padding-top:20px !important;}.pt-30 { padding-top:30px !important;}.pt-40 { padding-top:40px !important;}.pt-50 { padding-top:50px !important;}.pt-60 { padding-top:60px !important;}.pt-110 { padding-top:110px !important;}
.pb-5 { padding-bottom:5px !important;}.pb-10 { padding-bottom:10px !important;}.pb-20 { padding-bottom:20px !important;}.pb-30 { padding-bottom:30px !important;}.pb-40 { padding-bottom:40px !important;}.pb-50 { padding-bottom:50px !important;}.pb-60 { padding-bottom:60px !important;}
.mt-0 { margin:0px !important;}.mt-5 { margin-top:5px !important;}.mt-10 { margin-top:10px !important;}.mt-15 { margin-top:15px !important;}.mt-20 { margin-top:20px !important;}.mt-30 { margin-top:30px !important;}.mt-40 { margin-top:40px !important;}.mt-50 { margin-top:50px !important;}.mt-60 { margin-top:60px !important;}
.mb-0 { margin-bottom:0px !important;}.mb-5 { margin-bottom:5px !important;}.mb-10 { margin-bottom:10px !important;}.mb-15 { margin-bottom:15px !important;}.mb-20 { margin-bottom:20px !important;}.mb-30 { margin-bottom:30px !important;}.mb-40 { margin-bottom:40px !important;}.mb-50 { margin-bottom:50px !important;}.mb-60 { margin-bottom:60px !important;}
.mt-120 {margin-top:120px !important;}
 
/* PADDING MARGIN //////////////// */
/* FONT SIZE //////////////// */
.font-12 {font-size: 12px !important;line-height: 1 !important;}
.font-14 {font-size: 14px !important;line-height: 1 !important;}
.font-16 {font-size: 16px !important;line-height: 1 !important;}
.font-18 {font-size: 18px !important;line-height: 1 !important;}
.font-20 {font-size: 20px !important;line-height: 1 !important;}
.font-22 {font-size: 22px !important;line-height: 1 !important;}
.font-24 {font-size: 24px !important;line-height: 1 !important;}
.font-26 {font-size: 26px !important;line-height: 1 !important;}
.font-28 {font-size: 28px !important;line-height: 1 !important;}
.font-30 {font-size: 30px !important;line-height: 1 !important;} 
a {
  color: #404040 !important;
  text-decoration: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}

.avatar {
	max-width:100px;
	margin-right:15px;
}
.logo {
	max-height: 40px !important;
    margin-top: -10px !important;
}
.text-white a {
	color:#fff !important
}
.normal {font-weight:normal !important;}
.bold {font-weight:bold !important;}

 .content-left {
    background-color: #1eb24d !important;
    padding: 0;
}
.content-right {
	align-items: flex-start !important;
}
.content-left-wrapper {
	padding: 30px 15px 35px 15px !important;
}
#wizard_container {
    width: 100%;
} 

button.backward, button.forward, button.submit {
	background: #1eb24d;
}
.backward:hover,
.forward:hover {
  background: #fb0000;
  color: #fff;
}
.btn_master {
	background: #1eb24d;
}
input[type=file]::-webkit-file-upload-button, input[type=file].invalid::-webkit-file-upload-button, input[type=file].valid::-webkit-file-upload-button { 
  background: #1eb24d url(/html/img/upload_icon.svg) 8px center no-repeat; 
}

.homebtn {
    border: none;
    color: #fff !important;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-align: center;
    background: #198754;
    position: relative;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    line-height: 1;
    padding: 12px 30px;
}
 a.homebtn:hover {
	color:#f8f8f8 !important;
    background: #1d9e61 !important;
}

.masonry-brick {
	padding-left:2px  ;
	padding-right:2px  ;
	margin-bottom:3px !important;
}
.masonry-brick {
	max-width: 160px !important;
}

	.item {
		margin-bottom:12px;
	}
	.card-body img {
		width:100%;
	}
	.container_check {
		padding-left: 0px !important;
	}
@media (max-width: 767px){
	.hidden-xs {
		display:none;
	}
	.col-xs-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-xs-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-xs-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	.col-xs-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.content-left-wrapper {
		padding: 30px 15px 35px 15px !important;
	}
		
	.masonry-brick {
		max-width: 180px !important;
	}
	.card img {
		width:100%;
	}

	.btn-buy {
		min-height: 80px;
		letter-spacing: 1px;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		border-radius: 0px !important;
		background: #fff; 
		padding:15px;
		border-top:solid 1px #f0f0f0;
	}

	
	.btn-buy .summary { 
		padding:5px 0 15px;
	}

	.btn-buy input { 
		min-height: 60px;
		width: 100%;
		border-radius: 0px !important;
		font-size: 18px;
	}
	.card-body {
		padding:5px;
	}
}