* {
	margin: 0;
	padding: 0;
}

@font-face {
  font-family: myslimfont;
  src: url('../fonts/MPLUS1p-Light.ttf');
}
  
@font-face {
  font-family: mymidfont;
  src: url('../fonts/Quando-Regular.ttf');
}
@font-face {
  font-family: myboldfont;
  src: url('../fonts/MPLUS1p-ExtraBold.ttf'); 
}

body {
	margin: 0;
	padding: 0 !important;   
	background: #f0f2f5 /*url('../img/background/bg-texture.png') center 100%///////////*/; 
	background-size: contain;
	background-position: bottom;
} 
li {
	list-style-type: none !important;
}
nav{
    padding: 0;
}

:root{
    --succes-color: #2ecc71;;
    --error-color: #e74c3c;
}

.topbar {
	background: rgba(24,146,70,0.8);
	padding-top: 0px;
	min-height: 35px;
	font-size: 14px;
	text-align: center;
	color: #fff;
}

.letters-top p {
	text-align: left;
	line-height: 35px;
}
.letters-top a {
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px;
	background: #fff;
	color: #000;
	line-height: 32px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	margin-top: 12px;
}
@media (max-width: 768px ){
	.letters-top {
		display: none;
	}
	.topbar {
		padding: 20px;
	}
}
.justify-content-center .dropdown-menu {
   left: 50%;
   transform: translateX(-50%);
}

.dropdown-menu {
	width: 300px;
	max-width: 100%;
	right: 0px;
}

.dropdown-menu li > a{
	color: #5e5e5e;
	font-size: 18px;
	line-height: 35px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
} 
.dropdown-menu li > a:hover {
	color: #179647; 
	background: none; 
}
.notification {
	position: relative;
	display: inline-block;
	height: 35px;
	line-height: 35px; 
	color: #d6293e !important; 
}
.notification span { 
	display: inline-block;
	width: 35px;
	height: 35px; 
	text-align: center;
	color: #d6293e !important;
	background: #f7d0d6 !important;
	float: right;
	-webkit-border-radius: 0.5em;
}

.menu-log {
	width: 100%;
	min-height: 40px;
}
.menu-log .topmenu {  
	display: inline-block;
	line-height: 35px;
	padding-right: 12px;
	padding-left: 12px;
	background: none !important;
	text-decoration: none !important;
	margin-top: 12px;
	transition: all 0.1s linear;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-os-border-radius: 5em;
}
.menu-log .topmenu:nth-of-type(1){
	color: #0cbc87;
	background: #d7f3e8 !important;
	font-weight: 700;
}
.menu-log .topmenu:nth-of-type(1):hover,
.menu-log .topmenu:nth-of-type(1):focus,
.menu-log .topmenu:nth-of-type(1):active {
	color: #fff;
	background: #182d36 !important; 
}
.menu-log .topmenu:nth-of-type(2):hover,
.menu-log .topmenu:nth-of-type(2):focus,
.menu-log .topmenu:nth-of-type(2):active {
	color: #0cbc87;
	background: #d7f3e8 !important; 
}
.menu-log .topmenu:nth-of-type(2){
	color: #fff;
	background: #182d36 !important;
	font-weight: 700;
}
@media (max-width: 786px){
	.menu-log .topmenu {
		display: block;
		margin: 0 auto;
		width: 50%;
		float: left;
		text-align: center;
	}
}
.menu-log a .fa {
	color: #4bff8f; 
	font-size: 22px;
}
.menu-log a:nth-of-type(1){
	border-right: 2px solid #fff;
}
.navbar {
	min-height: 76px;
	border: 0px;
	border-bottom: thin solid rgba(255,255,255,0%);
	padding-bottom: 15px;
	background: transparent /*rgba(255,255,255,0.8)*/;
	margin-bottom: 0px;
} 

.navbar-default .navbar-nav > li a {
	color: #182d36 ; 
	font-weight: bolder;
	text-transform: uppercase;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.navbar-default .navbar-nav > .active {
    background: transparent;
}
.navbar-default .navbar-nav >li a:hover {
    color: #179647;
    background: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #33c157;
    font-weight: bolder;
    background: transparent;
}
.navbar-default .navbar-nav > .active > .join-us-btn,
.navbar-default .navbar-nav > .active > .join-us-btn:hover,
.navbar-default .navbar-nav > .active > .join-us-btn:focus {
   background: #179647 !important;
}
.navbar-brand img {
	width: 140px;
}
.navbar-collapse {
	margin-top: 15px; 
}
.navbar-toggle {
	margin-top: 25px;
}
.join-us-btn   {
	display: inline-block;
	background: #182d36;
	color: #fff !important;
	line-height: 5px !important;
	text-align: center;
	font-weight: bolder;
	margin-top: 10px;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	-ms-border-radius: 1.5em;
	-o-border-radius: 1.5em;
}

.join-us-btn:hover,
.join-us-btn:focus,
.join-us-btn:active {
	background: #179647 !important;
}
.slider-area {
	width: 100%;
	min-height: 450px;
	position: relative;
	background: url('../img/background/bg-transparent.png')no-repeat;
	background-size: cover;
	background-position: bottom;
}
.wrapped-leftSlider{
	width: 100%;
	position: relative;
}
.wrapped-leftSlider h1 {
	font-weight: 800;
	color: #000;
	text-transform: uppercase;
	margin-top: 34px;
}
.wrapped-leftSlider h1 span {
	display: inline-block;
	background: gold;
}

.wrapped-leftSlider h1 span:nth-of-type(2) {
	display: inline-block;
	background: #40d12d;
	color: #fff;
}
.wrapped-leftSlider h1 span:nth-of-type(3) { 
background: transparent;
	color: #40d12d;
}


.container-headers {
	width: 100%;
	min-height: 50px;
	background: #fff;
	margin-bottom: 21px;
}

.menu-subs {
	position: relative;
} 

.menu-subs ul li {
	float: left;
	line-height: 35px;
	padding-left: 12px;
	padding-right: 8px;
}
 
.menu-subs ul li a {
	text-decoration: none;
	color: #717171;
	padding-right: 10px; 
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
}
 
.menu-subs ul li a:nth-last-child { 
	color: #000000; 
}
.menu-subs ul li a:hover,
.menu-subs ul li a:active,
.menu-subs ul li a:focus {
	color: #088f0c;
}
.business-portal-header {
	width: 100%;
	min-height: 300px;
	position: relative;
	background:  url('../img/background/bg-images-business.JPG');
	background-size: cover;
	background-position: top;
}


.business-portal-header:after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 1;
	display: block;
	content: '';
	background: rgb(24,45,54);
	background: linear-gradient(0deg, rgba(24,45,54,1) 0%, rgba(255,255,255,0) 67%); 
}
.business-portal-header .inner-block-biz {
	z-index: 9;
	min-height: 100px;
	width: 100%;
	position: relative; 
	bottom: 0px;  
}
.inner-block-biz h1 {
	font-weight: 1000;
	text-align: center;
	color: #fff;
	text-shadow: 1px 0px 18px #377821;
}
.inner-block-biz blockquote {
	font-size: 12px;
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
	background: #0cbc87;
	color: #fff;
	border-radius: 5em;
	border-left: 0px;
	margin-bottom: 51px;
	text-align: center;
}
@media (max-width: 768px ){
	.inner-block-biz h1 {
		font-size: 100%;
	}
}
#modal_biz_profile .close,
#modal_users_profile .close {
	opacity: 1;
	color: #fff;
}
#modal_biz_profile .modal-header,
#modal_users_profile .modal-header {
	background: #01bfa5;
	color: #fff;
	border: 0px;
}
#modal_biz_profile .modal-body,
#modal_users_profile .modal-body {
	padding: 0px;
}
.business_profile_bar .text-muted { 
	color: #fff !important;
}
.business_profile_bar { 
	background: #0cbc87 !important;
}
.error-form {
	border: 1px solid red;
	background: #ffe1e1
}
.alert-danger .fa-solid  {
	font-size: 28px;
}
.error-form-icon {
	display: inline-block;
	position: relative; 
	float: right;
}
.confirm-form-icon {
	display: inline-block;
	position: relative; 
	float: right;
}
.error-form-icon .fa-solid { 
	position: absolute;
	z-index: 4;
	bottom: -28px;
	right: 8px;
	color: red;
	cursor: pointer;
	font-size: 22px;
}
.confirm-form-icon .fa-solid { 
	position: absolute;
	z-index: 4;
	bottom: -28px;
	right: 8px;
	color: #45ce31;
	cursor: pointer;
	font-size: 22px;
}
.inner-block-biz form {
	width: 700px;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 30px;
}
.service-info {
	position: relative;
	width: 90%;
	padding-left: 20px;
}

.wrapped-category-bsuiness { 
	width: 100%; 
	padding-top: 80px;
	padding-bottom: 0px;
	min-height: 100px;
	margin: 0 auto;
	text-align: center;
}
.wrapped-category-bsuiness a {
	display: inline-block;
	padding-left: 18px;
	padding-right: 18px;
	line-height: 35px;
	margin-bottom: 6px;
	border: 1px solid #40d12d;
	text-transform: capitalize;
	text-decoration: none;
	color: #000;
	margin-right: 3px;
	background: rgba(255,255,255,1);
	-webkit-border-radius: 15em;
	-moz-border-radius: 15em;
	-ms-border-radius: 15em;
	-o-border-radius: 15em;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.wrapped-category-bsuiness a:hover,
.wrapped-category-bsuiness a:focus,
.wrapped-category-bsuiness a:active {
	background: #40d12d;
}

.business-portal-header .form-control,
.search-home .form-control {
	height: 55px;
	-webkit-border-radius: 5em;
	border: 0px;
	text-indent: 18px;
	-webkit-box-shadow: none;
} 
.inner-block-biz .form-control:active,
.inner-block-biz .form-control:focus,
.inner-block-biz .form-control:hover { 
	-webkit-border-bottom-left-radius: 5em;  
	-webkit-border-top-left-radius: 5em;  
}
.business-portal-header .input-group-addon ,
.search-home .input-group-addon {
	-webkit-border-bottom-right-radius: 5em;
	-webkit-border-top-right-radius: 5em;
	padding: 0px;
	border: 0px;
	background: #fff;
}
.search-home button,
.business-portal-header button {
	height: 45px;
	width: 45px;
	background: #40d12d;
	-webkit-border-radius: 50em;
	border: 0px;
	margin-right: 8px;
	font-size: 18px;
	color: #000;
}
 
.search-home button:hover,
.business-portal-header button:hover { 
	color: #fff;
}
.counted-home {
	text-align: center;
}
.counted-home h1 span {
	background: none;
}
.review-home {
	width: 100%;
	min-height: 50px;
	position: relative;
}
.review-home h4 {
	color: #000;
	font-weight: 800;
}
.review-home .fa {
	color: #c4c4c4;
}
.small-img-wraaped{
	position: relative;
	margin-bottom: 34px;
}
 
.small-img-wraaped h2{
	position: relative;
	top: -15px;
	float: left;
	font-weight: 1000;
	margin-right: 33px;
}
 .small-img-wraaped h2 img {
 	width: 40px;
 	margin-top: -12px;
 }
 
.img-small-rate {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 50px;
	height: 50px;
	background: #888;
	border: 2px solid #fff;
	-webkit-box-shadow: 1px 0px 6px #7e7e7e;
	-moz-box-shadow: 1px 0px 6px #7e7e7e;
	-ms-box-shadow: 1px 0px 6px #7e7e7e;
	-o-box-shadow: 1px 0px 6px #7e7e7e;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
	margin-left: -20px;
} 
.img-small-rate img{
	display: inline-block;
	width: 100%;
}
.small-img-wraaped span:nth-last-child:after  {
	display: block;  
	position: absolute; 
	content: "";
	width: 100%;
	height: 20px;
	background: #000;
	color: #fff;
	text-align: center;  
}
.home-profile-slider {
	width: 450px;
	max-width: 100%;
	min-height: 300px; 
	position: relative; 
	margin-bottom: 21px;
}
@media(max-width: 1000px){ 
	.home-profile-slider {
		width: 100%;
	}
}
@media(max-width: 786px){ 
	.home-profile-slider {
		width: 100%;
	}
}
.home-profile-slider .names-sliders {
	position: absolute;
	width: 210px;
	min-height: 300px;
	background: #fff;
	border: 1px solid #ccc;
	right: -100px;
	top: 100px;
	text-align: left;
	z-index: 9;
	padding: 10px;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-ms-border-radius: 1em;
	-o-border-radius: 1em;
}
.home-profile-slider .names-sliders h3 {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 18px;
	text-align: center;
}
.home-profile-slider .names-sliders i {
	display: block;
	float: left;
	background: #aaaaaa;
	width: 25px;
	height: 25px;
	margin-top: 5px;
	margin-left: 5px;
	line-height: 25px;
	color: #fff !important;
	font-size: 12px;
	-webkit-border-radius: 5em; 
	-moz-border-radius: 5em; 
	-ms-border-radius: 5em; 
	-o-border-radius: 5em; 
}
.home-profile-slider .names-sliders a {
	text-align: center;
	display: block;
	margin: 0 auto;
	background: #e7f7e3;
	color: #48a930;
	border: thin solid #48a930;
	width: 100px;
	line-height: 35px;
	padding: 0px 12px 0px 12px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.home-profile-slider .names-sliders p {
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	color: #7e7e7e;
}
.home-profile-slider .names-sliders p span { 
	color: #000000;
	text-decoration: underline;
}
.home-profile-slider .names-sliders ul li:nth-child(odd){
	background: #e0feeb;
	color: #05a341;
}
.home-profile-slider .names-sliders ul li:nth-of-type(3){
	background: #fff7db;
	color: #f0ba00;
}
.home-profile-slider .names-sliders ul li:nth-of-type(1){
	background: #e5e8ff;
	 margin-top: 0px;
	 color: #3e56ff;
}
.home-profile-slider .names-sliders ul li:nth-of-type(4){ 
	 background: #f7e7f7;
	 color: #bb3ebb;
}
.home-profile-slider .names-sliders ul li:nth-of-type(2){ 
	 background: #f8e7e8;
	 color: #ce555b;
}
.home-profile-slider .names-sliders ul li {
	 list-style-type: none;
	 display: inline-block;
	 width: 100%;
	 line-height: 35px;
	 color: #000;
	 text-align: center;
	 margin-top: 10px;
	 text-transform: uppercase;
	 font-weight: 600;
	 -webkit-border-radius: 0.5em;
	 -moz-border-radius: 0.5em;
	 -ms-border-radius: 0.5em;
	 -o-border-radius: 0.5em;
}
.profile-sliderLeaders {
	width: 600px;
	max-width: 100%;
	min-height: 300px;
	position: relative;
	overflow: hidden;
}
 

.profile-sliderLeaders img {
	object-fit: cover;
	display: block;
	height: 100% !important;
	transition: all .5s ease; 
}
 
.sliderHome-tagName { 
	width: 100%;
	min-height: 40px;
	bottom: 0px;
	background: rgb(255,255,255,0.3); 
	border-top: 5px solid #fff;
	padding: 10px;
	text-align: left;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 8px;
	 
}
.sliderHome-tagName h3 {
	font-weight: 800;
}
.sliderHome-tagName p {
	font-weight: 600;
	color: #39c236;
	background: #def9d0;
	display: inline-block;
	padding: 8px;
}
@media(max-width: 900px){
	.home-profile-slider .names-sliders {
		display: none;
	}
}

#login .close {
	width: 40px;
	height: 40px;
	background: #e9e9e9;
	color: #555353;
	opacity: 1;
	-webkit-border-radius: 5em;
}
#login .modal-dialog {
	width: 500px;
	max-width: 100%; 
}

#login h3 {
	text-align: center;
	font-weight: 800;
	margin-bottom: 12px;
	margin-top: 50px;
}
#login .form-control {
	height: 55px;
	margin-bottom: 21px;
}

#login .form-control::-moz-placeholder {
	text-align: center;
	font-size: 18px;
}
#login button.logBtn {
	width: 100%;
	padding: 6px;
	line-height: 35px;
	background: #d3efc5;
	color: #529e2d;
	font-size: 20px;
	font-weight: 600;
	border: 0px;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	-o-border-radius: 0.3em;
}
#login a {
	display: block;
	text-align: center;
	font-weight: 700;
	line-height: 40px;
	color: #529e2d;
}
#login a:nth-of-type(2) {
	display: block; 
	margin: 0 auto;
	margin-bottom: 50px;
	width: 200px;
	font-weight: 700;
	line-height: 40px;
	background: #529e2d;
	color: #fff;
	padding-left: 16px;
	padding-right: 16px;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	text-decoration: none;
}
#login .line-log { 
	text-align: center; 
	height: 1px; 
	width: 100%;
	background: #ccc;
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
	
}
#login .line-log span {
	display: inline-block;
	width: 38px;
	height: 38px;
	padding: 5px;
	-webkit-border-radius: 50em;
	background: #fff;
	position: relative;
	z-index: 2;
	top: -18px;
}
.register-bg form {
	width: 500px;
	max-width: 100%;
	margin: 0 auto;
	height: auto;
	background: #fff;
	margin-top: 20px;
	margin-bottom: 50px;
	-webkit-box-shadow: 1px 0px 8px #e0e0e0;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.register-bg form .header-wd {
	width: 100%;
	position: relative;
	min-height: 100px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	padding: 30px;
}
.register-bg form .header-wd h3 {
	font-weight: 800;
	font-size: 28px;
}
.register-bg form .header-wd p {
	color: #8a8a8a;
}
.input-wraaped {
	padding: 20px;
	width: 100%;
	position: relative;
}

.input-wraaped input {
	border: 1px solid #ccc;
	margin-bottom: 12px;
}
.register-bg .form-control:focus {
	-webkit-box-shadow: none;
	border: 1px solid #ccc;
}
.register-bg form small {
	color: #7f7f7f
}
.register-bg form .form-radio input {
	float: right;
}
 
.register-bg form button {
	width: 200px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	font-size: 22px;
	color: #fff;
	text-align: center; 
	padding-right: 20px;
	padding-left: 20px;
	line-height: 45px;
	background: #1cad53;
	margin-top: 21px;
	border: 0px;
	-webkit-border-radius: 0.3em;
}
.register-bg form .reg-logon {
	text-align: center; 
	display: block;
	font-size: 24px;
}
.bzi_wrapped a {
	text-decoration: none;
	color: #3e3e3e;
}
.bzi_wrapped a:hover,
.bzi_wrapped a:active,
.bzi_wrapped a:focus { 
	color: #27d8a3;
}
.progress {
	height: 10px;
}
.homebusiness-display {
	width: 100%;
	height: auto;
	padding: 50px 0px 50px 0px;
	position: relative;
}
.homebusiness-display .item {
	width: 600px;
	max-width: 100%;
	min-height: 300px;
	background: #fff;
	margin-bottom: 21px;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	-o-border-radius: 0.3em;
}
.about_biz h3 {
	font-weight: 800;
}
.wrapped-header-logo {
	position: relative;
	width: 100%;
	min-height: 50px; 
}
.shop_toolbar_wrapper {
	background: #fff;
	text-align: center;
	line-height: 35px;
	margin-bottom: 10px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.shop_toolbar { 
	width: 100%;
	background: #fff;
	margin-bottom: 21px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em; 
}
.shop_toolbar #pagination {
	padding: 10px;
}
#more {display: none;}
.wrapped-header-logo .wraad {
	position: relative; 
	padding-top: 10px;
	padding-bottom: 20px;
	width: 150px;
	margin: 0 auto;
	height: 150px;
}
.wrapped-header-logo .logo-mrk {
	width: 150px;
	height: 150px; 
	position: relative;
	background: #f1f1f1;
	overflow: hidden;
	text-align: center;
	color: #fff; 
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
}
.wrapped-header-logo .logo-mrk img {
	object-fit: cover;
	display: block;
	height: 100% !important;
	transition: all .5s ease;
}
.wrapped-header-logo .logo-mrk h1 {
	font-weight: 1000;
	line-height: 100px;
	font-size: 84px;
}
.wrapped-header-logo h4 {
	font-size: 14px;
	line-height: 30px;
	color: #b8b8ba;
}
.homebusiness-display .item ul {
	width:100%; 
    height:20px;
    text-align:center;
    padding: 10px;
}
.homebusiness-display .item ul li:nth-of-type(1){ 
    background: #eadbfd;
    color: #9b54e3;
}
.homebusiness-display .item ul li:nth-of-type(2){ 
    background: #d7f3e8;
    color: #5fd69d;
}
.homebusiness-display .item ul li:nth-of-type(3){ 
    background: #dbecfc;
    color: #45a4e9;
}
.homebusiness-display .item ul li {
	display:inline-block;
    *display:inline; /*IE7*/
    *zoom:1; /*IE7*/
    margin-right:5px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 25px;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    -ms-border-radius: 5em;
    -o-border-radius: 5em;
}
.rapped-middle-txt {
	position: relative;
	width: 100%;
	height: auto;
	padding: 20px;
}
.rapped-middle-txt small {
	color: #b1b1b3;
}

.rapped-btm {
	position: relative;
	width: 100%;
	text-align: center;  
}
.rapped-btm a {
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 30px;
	width: 48%; 
	text-decoration: none;
	background: #179647;
	color: #fff;
	margin-top: 12px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.rapped-btm a:nth-of-type(2){
	border: 1px solid #333;
	color: #333;
	background: transparent;
}
.rapped-btm a:nth-of-type(2):hover {
	background: #333;
	color: #fff;
}
.active-biz-profile {
	position: absolute;
	width: 20px;
	height: 20px;
	background: red;
	z-index: 99;
	bottom: 5px;
	right: 5px; 
	text-align: center;
	color: #fff;
	padding: 0px 5px 0px 5px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
} 
.active-biz-profile-confirm {
	position: absolute;
	width: 20px;
	height: 20px;
	background: #30a054;
	z-index: 99;
	bottom: 5px;
	right: 5px; 
	text-align: center;
	color: #fff;
	padding: 0px 5px 0px 5px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
}
.active-biz-profile-danger {
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fc2126;
	z-index: 99;
	bottom: 5px;
	right: 5px; 
	text-align: center;
	color: #fff;
	padding: 0px 5px 0px 5px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
}

.about-home {
	width: 100%;
	min-height: 300px;
	position: relative;
}
.about-home .row {
	padding: 0px;
}
.about-home .row div.col-sm-6:nth-of-type(1){
	background: gold;
	display: flex;
	position: relative;
	height: 100%;
}
.about-home .row div.col-sm-6:nth-of-type(2){
	/*background: #fff;*/
}
.text-left-aboutUs {
	padding: 50px 30px 50px 30px;
}
.text-left-aboutUs h1 {
	font-weight: 1000;
	font-size: 48px;
	color: #000;
	margin-bottom: 50px;
}
.text-left-aboutUs h5 {
	font-weight: 1000; 
	color: #000; 
}
.text-right-aboutUs {
	padding: 40px 30px 50px 30px;
}
.text-right-aboutUs h3 {
	font-weight: 800; 
}
.btn-read {
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 35px;
	border: 1px solid #000;
	color: #000;
	text-decoration: none !important;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.btn-read:hover,
.btn-read:focus,
.btn-read:active {
	background: #179647;
	border-color: #179647;
	color: #fff;
}

.loginDetails {
	width: 400px;
	max-width: 100%;
	min-height: 300px;
	margin: 0 auto;
	background: #fff;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em; 
	padding: 40px 20px 20px 20px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.loginDetails a {
	text-align: center;
	display: block;
}
.loginDetails a:nth-of-type(2) {
	text-align: center;
	display: block;
	width: 200px;
	background: #0cbc87;
	line-height: 35px;
	margin: 0 auto;
	margin-top: 21px;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.loginDetails form {
	-webkit-box-shadow: none;
	background: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.loginDetails h3 {
	font-weight: 800;
	text-align: center;
}
.loginDetails .input-group  { 
	border-bottom: 2px solid #ccc;
}
.loginDetails .input-group-addon {
	background: #fff;
	border: 0px;
}
.loginDetails .form-control {
	height: 50px;
	-webkit-box-shadow: none;
	border: 0px;
}
.loginDetails .form-control:hover, 
.loginDetails .form-control:focus, 
.loginDetails .form-control:active  { 
	-webkit-box-shadow: none;
	border: 0px;
}
.line-log {
	width: 100%;
	height: 1px;
	background: #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
.line-log span {
	display: block;
	position: absolute;
	margin: auto;
	margin-left: 48%;
	width: 25px;
	height: 25px;
	top: -10px;
	text-align: center;
	background: #fff;
}
.loginDetails form button {
	background: #d7f3e8;
	color: #36bb7b;
	font-weight: 700;
	font-size: 17px !important;
	padding: 0px 24px 0px 24px;
	margin-bottom: 20px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.loginDetails form button:hover,
.loginDetails form button:focus,
.loginDetails form button:active {
	background: #36bb7b;
	color: #fff;
}

.blog-area-home {
	width: 100%;
	height: auto; 
	position: relative;
}
.blog-area-home a {
	text-decoration: none;
}
.blog-singles {
	width: 100%;
	height: 400px;
	position: relative;
	background: #000;
	overflow: hidden;
	
} 
.blog-singles img {
	object-fit: cover;
	display: block;
	height: 100% !important;
	transition: all .5s ease;
}
.blog-singles:hover img {
	transform: scale(1.2);
	opacity: 0.7;
}
.blog-singles .inner-block-text {
	width: 100%;
	min-height: 150px;
	 background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.891176538974965) 27%, rgba(0,0,0,0) 100%); 
	position: absolute;
	bottom: 0px;
	padding: 20px;
	z-index: 4;
	padding-top: 50px;
	color: #fff;
}
.blog-singles .inner-block-text .fa {
	color: #40d12d;
	margin: 0px 8px 0px 8px;
	font-size: 12px;
}
.blog-singles h5.tagscolor-1 {
	display: inline-block;
	padding: 0px 10px 0px 10px;
	line-height: 25px;
	background: #c1fbf2; 
	color: #0b9b86;
	-webkit-border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	-ms-border-radius: 2.5em;
	-o-border-radius: 2.5em;
}
.blog-singles h5.tagscolor-2 {
	display: inline-block;
	padding: 0px 10px 0px 10px;
	line-height: 25px;
	background: #eadbfd; 
	color: #974ce2;
	-webkit-border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	-ms-border-radius: 2.5em;
	-o-border-radius: 2.5em;
}
.blog-singles h4 {
	font-size: 12px;
	font-weight: 800;
} 

.marketSection {
	background: #bbf2d0;
	/*background: #1fa853;*/
	min-height:500px;
	width:100%;
	position: relative;	
	padding: 80px 20px 80px 20px;
}

.wrapped-mog {
	width: 100%;
	min-height: 400px;
	padding: 20px;
	background: #fff;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	-ms-border-radius: 1.5em;
	-o-border-radius: 1.5em;
	margin-bottom: 21px;
}
.wrapped-mog .img-mog {
	width: 100%;
	height: 180px;  
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.wrapped-mog .img-mog img {
	display: block;
	height: 100%;
	margin: 0 auto;
}
.wrapped-mog h4 {
	font-weight: 700;
	text-align: center;
	color: #1fa853;
	margin-top: 21px;
	text-transform: capitalize;
}

.wrapped-mog p {
	text-align: center;
	color: #747474;
}

.wrapped-mog a {
	display: block;
	text-align: center;
	padding-left: 16px;
	padding-right: 16px;
	line-height: 30px;
	border: 1px solid #1fa853;
	margin: 0 auto;
	width: 120px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	color: #1fa853;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.wrapped-mog a:hover,
.wrapped-mog a:focus,
.wrapped-mog a:active {
	background: #1fa853;
	color: #fff;
}

.blogarea {
	position: relative;
	width: 100%;
	min-height: 300px;
}
.blogarea .card {
	width: 100%; 
	height: auto;
	position: relative;
	background: #fff;
	padding: 20px;
	margin-bottom: 21px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.blogarea .card .card-header h3 {
	font-weight: 1000;
}
.blogarea .card h3 {
	font-weight: 1000;
}
.blog-post {
	position: relative;
	width: 100%;
	display: inline-table;
	height: auto; 
	border-bottom: thin solid #ccc;
	margin-top: 21px;
	padding-bottom: 20px;
}  
a:nth-last-child div.blog-post { 
	border-bottom: 0px;
	border-bottom: 0px solid #ccc;
} 
 
.blog-post .leftwrappedImg {
	width: 35%; 
	clear: right;
	height: 220px; 
	overflow: hidden;
	float: left;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.blog-post .leftwrappedImg img {
	object-fit: cover;
	display: block; 
	width: 100%;
	height: 100%;
	transition: all .5s ease;
}

.blog-post:hover .leftwrappedImg  img {
	transform: scale(1.2);
	opacity: 0.7;
}

.content-rightBlog-list {
	width: 65%;
	min-height: 200px; 
	float: left;
	padding: 20px;
}
@media (max-width: 768px){ 
	 
	.content-rightBlog-list p {
		display: none;
	}
}
.content-rightBlog-list strong {
	color: #56d497;
	display: inline-block;
	padding: 0px 10px 0px 10px;
	background: #d7f3e8;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.content-rightBlog-list h4 {
	font-weight: 1000;
	text-transform: capitalize !important;
	color: #000 !important;
}
.content-rightBlog-list:hover h4 {
	color: #179647 !important;
}
.content-rightBlog-list p {
	color: #939395;
}
.content-rightBlog-list small {
	color: #5c5c5c;
	font-weight: bolder;
}
.content-rightBlog-list small .fa {
	margin-left: 8px;
}
.blogarea a:nth-of-type(2) .content-rightBlog-list strong { 
	color: #e74347;
	display: inline-block;
	padding: 0px 10px 0px 10px;
	background: #f9d2d3;
}

.blogarea a:nth-of-type(3) .content-rightBlog-list strong { 
	color: #7c93ef;
	display: inline-block;
	padding: 0px 10px 0px 10px;
	background: #edf5fe;
}
.blogarea a:nth-of-type(4) .content-rightBlog-list strong { 
	color: #facb2e;
	display: inline-block;
	padding: 0px 10px 0px 10px;
	background: #fef9ea;
}

.recentPostbar {
	position: relative;
	width: 100%;
}
.recentPostbar ul li {
	display:  block; 
	border-bottom: thin solid #ccc;
	margin-bottom: 21px;
	padding-bottom: 10px;
}
.warppedLatestPost {
	width: 100%;
	min-height: 50px; 
	position: relative; 
}
 
.warppedLatestPost p {
	font-weight: 400;
	color: #676a79;
}
.warppedLatestPost p:hover { 
	color: #179647;
}
.warppedLatestPost p small {
	font-weight: normal;
}
.warppedLatestPost .img-post-small {
	width: 50px;
	height: 50px;
	background: #262626;
	float: left;
	margin-right: 12px;
	margin-top: 8px;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 50em;
}
.warppedLatestPost .img-post-small img {
	object-fit: cover;
	display: block; 
	width: 100%;
	height: 100%;
}

.blog-tags {
	display: inline-block;
	line-height: 35px;
	padding: 0px 12px 0px 12px;
	color: #9c9c9e;
	border: 1px solid #9c9c9e;
	margin: 2px;
	text-decoration: none; 
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.blog-tags:hover {
	color: #179647;
	background: #d7f3e8;
}
#pagination {
  margin: 0;
  padding: 0;
  text-align: center;
  margin-top: 41px;
}
#pagination li {
  display: inline
}
#pagination li a {
  display: inline-block;
  text-decoration: none;
  padding: 5px 10px;
  color: #000
} 
/* Active and Hoverable Pagination */
#pagination li a {
  border-radius: 5px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s
    
}
#pagination li a.active {
  background-color: #4caf50;
  color: #fff
}
#pagination li a:hover:not(.active) {
  background-color: #ddd;
} 

/* border-pagination */
.b-pagination-outer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  display: flex
}
#border-pagination {
  margin: 0 auto;
  padding: 0;
  text-align: center
}
#border-pagination li {
  display: inline;

}
#border-pagination li a {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 5px 10px;
  border: 1px solid #ddd;
  float: left;

}
#border-pagination li a {
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s
}
#border-pagination li a.active {
  background-color: #4caf50;
  color: #fff;
}

#border-pagination li a:hover:not(.active) {
  background: #ddd;
}

.hstack {
	position: relative;
	display: inline-table;
	width: 100%;
	min-height: 20px; 
	background: #f4f4f4;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.hstack .avatar a {
	color: #89888e !important;
	font-weight: 800px;
}
.hstack .avatar {
	float: left;
	clear: right;
	margin-top: 10px;
	width: 35px;
	height: 35px;
	background: #e2e2ec; 
	border: 1px solid #179647;
	text-align: center;
	line-height: 35px;
	font-size: 25px;
	overflow: hidden;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
}
.hstack .avatar img {
	object-fit: cover;
	display: block; 
	object-position: top;
	width: 100%;
	height: 100%;
}
.hstack .overflow-hidden {
	padding: 8px;
}
.hstack .overflow-hidden a {
	color: #333 !important;
	font-size: 16px;
}
.hstack a.btn {
	float: right;
	display: inline-block;
	width: 35px;
	line-height: 28px;
	height: 35px;
	text-align: center;
	color: #179647;
	background: #d7f3e8;
	transform: translateY(35%);
	border: 0px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
	position: relative; 
	-webkit-transition: all 0.1s linear;
}
.hstack a.btn:hover { 
	color: #d7f3e8;
	background: #179647; 
}
.overflow-hidden {
	float: left;
}
.footer-readmore {
	width: 100%;
	min-height: 20px;
	text-align: center; 
}
.footer-readmore a { 
	background: #d7f3e8;
	color: #1fb578;
	display: inline-block;
	padding: 0px 16px 0px 16px;
	line-height: 35px;
	text-decoration: none;
	font-weight: bolder;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	-webkit-transition: all 0.2s linear;
}
 
.footer-readmore a:hover,
.footer-readmore a:focus,
.footer-readmore a:active { 
	background: #1fb578;
	color: #d7f3e8; 
}
 
.blog-headBanner { 
	width: 100%;
	height: auto;
	background: #fff; 
	margin-bottom: 21px;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
} 
.blog-headBanner img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.wrapped-usersAccount {
	width: 100%;
	min-height: 300px;
	position: relative; 
	padding-bottom: 60px;
}
.wrapped-usersAccount .card {
	padding: 20px;
	background: #fff;
	margin-bottom: 21px;
}
.notfound {
	padding: 60px 20px 60px 20px;
}
.notfound .col-svg {
	display: block;
	width: 400px !important;
	margin: 0 auto;
}
.blog-empty h2 {
	color: #868686;
}
 
.blog-empty .form-control,
.blog-empty .form-control:focus,
.blog-empty .form-control:hover {
	-webkit-border-radius: 5em;
}
.profile-img {
	position: relative;
	width: 160px;
	max-width: 100%;
	max-height: 100%;
	height: 160px;
	margin: 0 auto;
	text-align: center;
	border: 5px solid #e3e3e3;
	background: #d7f3e8;
	-webkit-border-radius: 50em; 
	-moz-border-radius: 50em; 
	-ms-border-radius: 50em; 
	-o-border-radius: 50em; 
}
.profile-img img {
	display: block;
	object-fit: cover;
	object-positon: top bottom;
	object-size: 100%;
	height: 100%;
	width: 100%;
	-webkit-border-radius: 50em; 
	-moz-border-radius: 50em; 
	-ms-border-radius: 50em; 
	-o-border-radius: 50em; 
}
.profile-img h1 {
	font-weight: 1000;  
	color: #5fd69d;
	margin-top: -0px; 
	font-size: 65px;
	line-height: 160px;
}
.wrapped-prof-name {
	width: 100%;
	position: relative;
	text-align: center;
}
.wrapped-prof-name h4 {
	font-weight: 800;
	text-transform: capitalize;
}
.wrapped-prof-name p {
	margin-top: 12px;
}
.profile-img i {
	position: absolute;
	width: 45px;
	height: 45px;
	color: #db293e;
	background: #fbe9eb;
	z-index: 5;
	border: 2px solid #fff;
	bottom: 0px;
	right: 0px;
	display: inline-block;
	line-height: 45px;
	text-align: center;
	font-size: 22px;
	-webkit-border-radius: 50em; 
	-moz-border-radius: 50em; 
	-ms-border-radius: 50em; 
	-o-border-radius: 50em; 
	cursor: pointer;
}
.profile-img:hover i { 
	color: #fbe9eb; 
	background: #db293e; 
}
.profile-button {
	position: relative;
	width: 100%;
	min-height: 30px;
	text-align: center;
}
.dropdown-post .btn{
	font-weight: 800;
	line-height: 15px;
	position: relative;
	margin-top:-10px;
	margin-right: 10px;
	background: transparent;
	font-size: 22px;
	color: #a1a1a8;
}
 
.profile-button a {
	display: inline-block;
	line-height: 35px;
	padding-left: 18px;
	padding-right: 18px;
	background: #d7f3e8;
	color: #51d295;
	text-decoration: none;
	-webkit-border-radius: 5em; 
	-moz-border-radius:5em; 
	-ms-border-radius:5em; 
	-o-border-radius:5em;  
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.profile-button a:nth-of-type(2) { 
	background: #51d295;
	color: #ffffff;
}
.profile-button a:hover,
.profile-button a:focus,
.profile-button a:active {
	background: #51d295;
	color: #fff;
}
.details-profile-left {
	position: relative;
	width: 100%;
	min-height: 50px;
	display: inline-table;
}
.details-profile-left li {
	border-bottom: 1px dashed #ccc;
	margin-top: 12px;
}
 
.details-profile-left .icon-prof {
	width: 40px;
	height: auto;
	float: left;
	color: #c7ced8;
	text-align: center;
	font-size: 22px;
	margin-right: 12px;
}
.details-profile-left .details-prof {
	position: relative;
	width: 100%;
}
.alert-success {
	background: #cef2e7;
	color: #0cbc87;
	border-color: #b6ebdb;
}
.alert-success .close {
	font-size: 28px;
	opacity: 1;
	color: #333;
}
.alert a:nth-of-type(2) {
	background: #0cbc87;
	color: #fff;
	padding: 0px 10px 0px 10px;
	line-height: 25px;
	display: inline-block;
	margin-left: 24px;
	text-decoration: none;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.alert a:nth-of-type(2):hover {
	background: #0ba879; 
}

.wrapped-createdPost {
	position: relative;
	width: 100%;
	min-height: 50px;
	display: inline-block;
}
.img-profPost {
	float: left;
	width: 35px;
	height: 35px;
	margin-right: -0px;
	background: #e7e7e7; 
	overflow: hidden;
	text-align: center;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
}
.img-profPost h4 {
	font-weight: 800;
	line-height: 30px;
	text-transform: uppercase;
	color: #9d9d9d
}
.img-profPost img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	display: block;
}
.message-post-box {
	width: 100%;
	min-height: 50px;
	position: relative;
	padding: 10px; 
} 
.message-post-box .form-control {
	border: 0px solid #fff !important; 
	-webkit-box-shadow: none;
}
.message-post-box .form-control:focus, 
.message-post-box .form-control:hover, 
.message-post-box .form-control:active  {
	border: 0px solid #fff !important; 
	-webkit-box-shadow: none;
}

.btn-success {
	background: #d7f3e8 !important; 
	color: #59d399 !important; 
	border: 0px !important;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
	background: #59d399 !important; 
	color: #fff !important;  
}
.wrapped-postTags {
	position: relative;
	width: 100%;
	min-height: 35px;
}
.wrapped-postTags a {
	display: inline-block;
	padding-left: 18px;
	padding-right: 18px;
	line-height: 35px;
	color: #6e7583;
	text-decoration: none !important;
	background: #eef0f2;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.wrapped-postTags .btn  { 
	padding-left: 18px;
	padding-right: 18px;
	line-height: 35px;
	color: #6e7583;
	text-decoration: none !important;
	background: #eef0f2;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}

.edit-profile {
	position: relative;
	width: 100%;
	min-height: 200px;
	padding: 20px;
}

.edit-profile .form-control {
	-webkit-border-radius: 5em !important;
	-moz-border-radius: 5em !important;
	-ms-border-radius: 5em !important;
	-o-border-radius: 5em !important;
	border-radius: 5em !important;
	text-transform: capitalize;
}
.edit-profile .empty {
	border: 1px solid #ff0000 ;
	position: relative; 
	background: #ffeaea;
}
.edit-profile .empty::before {
	display: block;
	content: '!';
	position: absolute;
	width: 35px;
	height: 35px;
	background: #000; 
}
.edit-profile h1 {
	color: #c4c4c4;
	font-weight: 800;
	font-size: 24px;
}
.edit-profile button {
	padding: 0px 16px 0px 16px;
	line-height: 35px;
	text-align: center;
	display: inline-block;
	background: #0cbc87;
	color: #fff;
	-webkit-transition: all 0.2s linear;
	border: 0px;
	-webkit-border-radius: 5em !important;
	-moz-border-radius: 5em !important;
	-ms-border-radius: 5em !important;
	-o-border-radius: 5em !important;
	border-radius: 5em !important;
}
.edit-profile button:hover,
.edit-profile button:hover,
.edit-profile button:hover {
	
	background: #0ba677; 
}

.wrapped-postTags .btn .fa-image {
	color: #0cbc87; 
}
.wrapped-postTags a .fa-image {
	color: #0cbc87; 
}
.wrapped-postTags a .fa-video {
	color: #4f9ef8; 
}

.posting-card { 
	min-height: 100px;
	width: 100%;
	margin-top: 15px;
	position: relative;  
	padding-bottom: 20px;
	display: inline-table;
}
 
.posting-card .shortprofile {
	width: 55px;
	height: 55px;
	color: #54d095;
	background: #d7f3e8;
	border: 2px solid #f1f1f1;
	float: left;
	clear: right;
	text-align: center;
	font-size: 20px;
	font-weight: 1000;
	line-height: 55px;
	margin-top:8px;
	overflow: hidden;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
}
.posting-card .shortprofile img {
	display: block;
	object-fit: cover;
	/* Positional values */
	object-position: 50% 50%; /* default position */
	object-position: top bottom;
	object-position: 20px 95px;
	object-position: center 20px; /* mix and match */
	object-position: 60% top; /* mix and match */
	width: 100%;
	height: 100%;
}
.posting-card .short-names {
	width: 75%;
	min-height: 50px; 
	float: left; 
	padding-left: 16px;
}
.posting-card-content {
	position: relative;
	width:100%;
	height: auto;  
}

#message-posts {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 600px;
    max-width: 100%;
    margin: 0 auto; 
    z-index: 10098;
}
#inner-message-post {
    margin: 0 auto;
}

/* IMAGE Grid */
.posting-card-content .wrapper-img { 
    width: 100%;
    min-height: 0px;
}
.posting-card-content .wrapper-img ul li {
	float: left;
    overflow: hidden;
    position: relative;
    display: block;
    display: grid;
    grid-gap: 5px;
    width: 50%;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-auto-rows: 220px;
		grid-auto-flow: dense; /* Fill all spaces with fitted images */
} 
.posting-card-content .wrapper-img ul li:nth-of-type(4) { 
    background: #000;
}
.posting-card-content .wrapper-img ul li:nth-of-type(4) img {
	opacity: 0.5;
}
.posting-card-content .wrapper-img ul li:nth-of-type(4) a:after {
	position: absolute;
	content: '+';
	display: block;
	width: 100%;
	height: 150px; 
	line-height: 150px; 
	font-size: 48px;
	color: #fff;
	text-align: center;
	margin: auto;
	z-index: 99;
	top: 0; left: 0; bottom: 0; right: 0; 
}
 
.posting-card-content .wrapper-img li img {  
	object-fit: cover;
	/* Positional values */
	object-position: 50% 50%; /* default position */
	object-position: top bottom;
	object-position: 20px 95px;
	object-position: center 20px; /* mix and match */
	object-position: 60% top; /* mix and match */
	width: 100%;
	height: 100%;  
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.posting-card-content .wrapper-img li:hover img {  
	transform: scale(1.1);  
	opacity: 0.6;
} 

.wrapped-createdPost-empty {
	width: 100%;
	min-height: 300px;
	background: #fff;
	text-align: center;
	position: relative;
	display: inline-table;
}
.emptypage-profile {
	position: absolute; 
	margin: auto; 
	top: 0; left: 0; bottom: 0; right: 0; 
	width: 300px; 
	max-width: 100%;
	min-height: 100px;
	margin-top: 50px;
}
.emptypage-profile i {
	font-size: 5em;
	color: #e1e4e6;
}
.wrapped-createdPost-empty .emptypage-profile h2 {
	color: #676a79;
	display: block;
	width: 100%;
} 
.wrapped-createdPost-empty .emptypage-profile h2:after {
	display: none;
}
.emptypage-profile a {
	color: #0cbc87;
	display: inline-block;
	padding: 0px 16px 0px 16px;
	line-height: 35px;
	background: #cef2e7;
	text-decoration: none;
	transition: all 0.1s linear;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	
}
.emptypage-profile a:hover,
.emptypage-profile a:focus,
.emptypage-profile a:active {
	color: #fff;
	background: #0cbc87;
}

.wrapped-post-links {
	position: relative;
	width: 100%;
	min-height: 35px;
}
.wrapped-post-links form textarea {
	width: 100% !important; 
	background: #f2f2f2;
}
.wrapped-post-links form .input-group-addon {
	background: transparent;
	border: 0px !important;
}
.wrapped-post-links a {
	display: inline-block;
	margin-right: 12px;
	text-decoration: none !important;
	color: #919191;
	line-height: 45px;
}

.wrapped-post-links a:hover,
.wrapped-post-links a:focus,
.wrapped-post-links a:active {
	color: #0cbc87 !important;
}
.comment2 {
	margin-top: 12px;
}
.comment2 .message-post-box {
	float: right;
	clear: both;
	width: 92%; 
	position: relative;
	margin-top: -10px;
}
.comment2 .message-post-box textarea { 
	background: #eef0f2;
}
.comment2 .message-post-box textarea:-moz-placeholder { 
	color: #a5a7ab;
}

/* Media Queries */

@media screen and (max-width: 786px){
	.comment2 .message-post-box {
		width: 86%;
		float: right;
	}
}
@media screen and (max-width: 900px){
	.comment2 .message-post-box {
		width: 85%;
		float: right;
	}
}

@media screen and (min-width: 1024px){
	.wrapper-img {
		width: 960px;
		margin: 0 auto;
	}
}

.logBtm i {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #d6293e;
	color: #fff;  
	line-height: 25px;
	margin-left: -7px;
	margin-right: 10px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
}
/*Copied from bootstrap to handle input file multiple*/
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
/*Also */
.btn-success {
  border: 1px solid #c5dbec;
  background: #d0e5f5;
  font-weight: bold;
  color: #2e6e9e;
}
/* This is copied from https://github.com/blueimp/jQuery-File-Upload/blob/master/css/jquery.fileupload.css */
.fileinput-button {
  position: relative;
  overflow: hidden;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

.thumb {
  height: 80px;
  width: 100px;
  border: 1px solid #000;
}

ul.thumb-Images li {
  width: 120px;
  float: left;
  display: inline-block;
  vertical-align: top;
  height: 120px;
}

.img-wrap {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.img-wrap img {
	object-fit: cover;
	object-position: 50% 50%;
}

.img-wrap .close2 {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 100;
  background-color: #d0e5f5;
  padding: 5px 2px 2px;
  color: #000;
  font-weight: bolder;
  cursor: pointer;
  opacity: 0.5;
  font-size: 23px;
  line-height: 10px;
  border-radius: 50%;
}

.img-wrap:hover .close2 {
  opacity: 1;
  background-color: #ff0000;
}

.active-min {
	color: #0cbc87 !important;
}

.FileNameCaptionStyle {
  font-size: 12px;
}
.business___profile {
	position: relative;
	width: 100%;
	min-height: 300px;
	padding-bottom: 50px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	overflow: hidden;
}
.business___profile h1,
.business___profile h2 {
	font-weight: 1000;
}
.business___profile h2 {
	color: #0cbc87;
	position: relative;
	display: inline-block;
	width: 50%;
	text-transform: capitalize !important;
}
.business___profile h3 .fa {
	color: #cdcfcd;
}
.business___profile h3 .checked {
	color: gold;
}
.business___profile h2:after {
	position: absolute;
	display: block;
	width: 50%;
	left: 0px;
	content: '';
	height: 3px;
	background: gold;
	bottom: -8px;
}
.business___profile .prf-img {
	width: 250px;
	max-width: 100%;
	height: 250px;
	background: #ffffff;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	text-align: center;
}
.business___profile .prf-img h1 {
	line-height: 200px;
	text-transform: uppercase;
	color: #d8d8d8;
	font-size: 85px;
}
.business___profile .prf-img img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: top;
}
.display-business-details {
	width: 100%;
	min-height: 120px;
	background: #fff;
	padding: 20px;
	margin-top: 21px;
}

.display-business-details > .nav-tabs > li.active > a {  
	color: #7f7f7f ; 
	font-weight: bolder;
}
.display-business-details > .nav-tabs > li > a {  
	color: #0cbc87;
}

.warrapred-details-prf h4 {
	color: #757575;
}

.display-business-details button {
	background: #cef2e7;
	color: #0cbc87;
	border: 0px;
}
.display-business-details .tab-pane h3 {
	color: #afafaf;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 800;
}
.form-control {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}
.form-control:hover,
.form-control:focus,
.form-control:active {
	-webkit-border-radius: 0px;
	-webkit-box-shadow: none;
	border-color: #0cbc87;
}
.about-list {
	position: relative; 
}
.about-list ul li {
	line-height: 45px;
}
.about-list ul li span {
	display: inline-block;
	width: 120px;
	color: #9d9d9d;
	font-weight: 700;
	text-transform: capitalize;
}
.line-middle {
	position: relative;
	width: 100%;
	height: 1px;
	background: #898989;
	margin-top: 41px;
	margin-bottom: 21px;
}
#home .line-middle span {
	position: absolute;
	z-index: 4;
	font-weight: 800;
	color: #9d9d9d;
	top: -10px;
	background: #ffffff;
	text-transform: uppercase;
	padding-right: 16px;
}
.line-middle span {
	position: absolute;
	z-index: 4;
	font-weight: 800;
	color: #9d9d9d;
	top: -10px;
	background: #eff2f6;
	text-transform: uppercase;
	padding-right: 16px;
}
.wrapped-services {
	position: relative;
	width: 100%;
	min-height: 50px;
}
.wrapped-services a {
	line-height: 35px;
	padding-left: 18px;
	padding-right: 18px;
	background: #fff;
	display: inline-block;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	margin: 4px 0px 4px 0px;
	color: #333 !important;
}
.body-welcome {
	width: 500px; 
	background: #fff; 
	margin: 0 auto;
	margin-top: 15%; 
	padding: 20px;
	position: relative; 
	text-align: center;
	-webkit-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.body-welcome h2 {
	font-weight: 1000;
	font-size: 52px;
}
.body-welcome i {
	font-weight: 1000;
	font-size: 62px;
	text-align: center;
	color: #0cbc87;
	display: inline-block;
	background: #d7f3e8;
	padding: 10px;
	width: 80px;
	height: 80px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
}
.alert {
	border: 0px !important;
	-webkit-border-radius: 0px;
}
.alert-danger {
	border-right: 4px solid #d62929 !important;
}

.toggle-password {
	color: #a4a4a4;
	font-weight: 1000;
	font-size: 20px;
}
.membershipLists {
	position: relative;
	width: 100%;
	min-height: 300px; 
} 
.wrapped-members-profile {
	width: 100%;
	min-height: 250px;
	background: #fff;
	padding: 30px;
	margin-bottom: 21px;
	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	-ms-border-radius: 1.2em;
	-o-border-radius: 1.2em; 
}
.wrapped-members-profile h1 {
	font-weight: 1000;
}
.wrapped-members-profile h1 span {
	color: #50d294 !important;
}
.wrapped-members-profile h2 {
	font-weight: 800;
}
.wrapped-members-profile ul {
	padding-left: 30px;
}
.wrapped-members-profile ul li {
	list-style-image: url('../../assets/img/icons/right-arrow-icon.svg'); 
}
.backgrd-img { 
	background: #ccc url('../../assets/img/background/business-nusa-cover-10.jpg')no-repeat center 100%;
	background-size: cover;  
}
.left-blk-members {
	position: relative;
	width: 100%;
	min-height: 200px; 
}
blockquote {
	background: #d7f3e8;
	color: #2ac279;
	border-color: #2ac279;
	font-weight: bolder;
}
.left-blk-members a {
	display: inline-block;
	padding-left: 16px;
	padding-right: 16px;
	background: #fff;
	text-transform: uppercase;
	color: #000 !important;
	text-align: center;
	line-height: 45px;
	color: #888;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	position: absolute;
	bottom: 10px;
	text-decoration: none;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
}
.left-blk-members a i {
	display: inline-block;
	line-height: 35px;
	width: 35px;
	height: 35px;
	background: gold;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
	color: #000;
	font-weight: bolder;
	margin-right: -10px;
}
.left-blk-members a:hover,
.left-blk-members a:focus,
.left-blk-members a:cover {
	background: #d7f3e8;
	color: #3ec183 !important;
}
.right-blk-members {
	position: relative;
	width: 100%;
	min-height: 200px;
	text-align: center;
}
.right-blk-members h4 {
	font-weight: 800;
	color: gold; 
	text-transform: capitalize;
}
.right-blk-members h1 {
	font-size: 55px;
	font-weight: 1000;
	text-transform: uppercase;
	color: #fff;
	margin-top: -20px;
}
.right-blk-members h1:nth-of-type(2){
	color: gold;
}
.right-blk-members h2 {
	font-weight: 1000;
	margin-top: -15px;
	font-size: 45px;
	color: transparent;
	-webkit-text-stroke: 1px gold; /* width and color */
}
@media (max-width: 768px ){
	.right-blk-members h1 {
		font-size: 45px;
	}
	.left-blk-members { 
		text-align: center;
	}
	.left-blk-members a { 
		position: relative;
		margin-top: 65px;
	}
	.backgrd-img {
		margin-bottom: 21px;
	}
}

.progress,
.progress-bar {
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.contact-pg {
	width: 100%;
	min-height: 350px;
	background: #fff;
	margin: 0 auto;
	padding: 20px;
	margin-top: 50px; 
	margin-bottom: 50px;
	position: relative;
}
.contact-pg:after {
	display: block;
	content: '';
	width: 200px;
	height: 100%;
	background: #57d498;
	right: 0px;
	top: 0px;
  	display:flex;
  	position: absolute;
}
.contactDetails {
	position: relative;
	z-index: 3;
	width: 700px;
	max-width: 100%;
	min-height: 200px;
	background: #182d36;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 40px;
	padding: 20px;
	color: #fff;
}
.contactDetails i {
	color: #57D498;
}
.contactDetails hr {
	display: block;
	height: 0px;
	width: 100%; 
	border: 0px;
	border-bottom: 1px dashed #57D498;
}
.contactDetails:before {
	width:40px;
	height: 40px;
	display: block;
	content: '';
	position: absolute;
	left: -10px;
	top: -10px;
	background: #57d498;
	z-index: 44;
}
.contactDetails h1 {
	font-weight: normal;
	font-size: 100%;
	color: #fff;
}
.contactDetails p span {
	font-weight: 800;
	display: block;
}
.contactDetails .input-group-addon {
	background: transparent;
	border: 0px;
	color: #fff;
	font-size: 18px;
}
@media (max-width: 768px ){
	.contact-pg:after {
		display: none;
	}
}
.contact-pg h1 {
	font-weight: 1000;
	font-size: 55px;
}
.contact-pg .form-control {
	border: 0px;
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: none;
}
.contact-pg form {
	width: 400px;
	max-width: 100%;
	margin: 0 auto;
}
.contact-pg form button {
	width: 100%;
	display: block;
	line-height: 35px;
	background: #182d36;
	letter-spacing: 2px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	border: 0px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
}
.contact-pg form button:hover,
.contact-pg form button:focus,
.contact-pg form button:active {
	background: #1aa14d;
}

.display___details {
	position: absolute;
	display: inline-block;
	background: #fff;
	color: #000 !important;
	text-transform: capitalize;
	right: 0px; 
	bottom: -35px;
	padding-left: 16px;
	padding-right: 16px;
	line-height: 35px;
}

.payment-alert {
	position: relative;
	width: 100%;
	min-height: 100px;
	background: #fde6e7;
	margin-bottom: 21px;
	padding: 0px;
	border-right: 4px solid #be4d53;
}  
.payment-alert .close {
	right: 10px;
	top: 10px;
	display: block;
	width: 30px;
	height: 30px;
	opacity: 1;
	background: #fff !important;
	-webkit-border-radius: 50em;
	text-align: center;
	line-height: 30px;
	color: #000 !important;
}
.payment-alert .input-group-append {
	padding: 10px;
}
.payment-alert .input-group-append h1 {
	color: #be4d53;
	font-weight: 800;
	font-size: 18px;
}
.payment-alert .input-group-append p {
	color: #535353; 
}
.payment-alert .input-group-addon {
	background: #be4d53;
}

.payment-alert .input-group-addon i {
	color: #cb676a;
	font-size: 83px;
	font-weight: bolder;
}
.payment-alert .input-group-append a {
	border: 2px solid #0cbc87;
}
.user-id {
	display: none !important;
}
#myModalpayment .close {
	background: #ccc;
	display: inline-block;
	width: 35px;
	height: 35px;
	opacity: 1;
	font-size: 22px;
	-webkit-border-radius: 5em;
}

#myModalpayment .modal-header h4 {
	text-align: center;
}

#myModalpayment .input-group {
	margin-bottom: 12px;
	line-height: 45px;
}
#myModalpayment .input-group i {
	font-size: 20px;
	color: #0cbc87;
}
#myModalpayment .input-group-addon {
	background: transparent;
}

#myModalpayment .input-group input {
	font-size: 20px;
}

#myModalpayment .btn-lg {
	display: block;
	width: 230px;
	max-width: 100%;
	margin: 0 auto;
	line-height: 46px;
	font-size: 22px;
	font-weight: 800;
}

/* events page stylist ===================== //*/

.event____pg {
	position: relative; 
	width: 100%;
	min-height: 300px;
}
.event____pg h2 {
	font-weight: 800;
	margin-bottom: 21px;
}

.wrapped-events {
	position: relative;
	width: 100%;
	min-height: 200px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	border: 1px solid #ccc;
	margin-bottom: 21px;
	background: #fff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

 
.wrapped-events .img-event {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 150px;
	background: #000;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.wrapped-events .img-event img {
	display: block;
	object-fit: cover;
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.wrapped-events:hover .img-event img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	opacity: 0.8;
}
.event-textWrapped {
	position: relative;
	padding: 20px;
}

.event-textWrapped h4 {
	display: inline-block;
	line-height: 25px;
	padding: 0px 12px 0px 12px;
	background: #179647;
	color: #fff;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	position: absolute;
	font-size: 12px;
	margin-top: -31px;  
	z-index: 3;
}
.card  {
	background: #fff;
	border: thin solid #eaeaea;
	padding: 30px;
	margin-bottom: 21px; 
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.event-textWrapped a:nth-of-type(2) {
	display: block;
	color: #373737;
}
.event-textWrapped ul li {
	display: block;
	color: #404040;
}
.event-textWrapped ul:nth-of-type(2) {
	display: table;
	padding-left: 10px;
}
.event-textWrapped ul:nth-of-type(2) li {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	float: left; 
	margin-left: -15px;
	border: 1px solid #fff;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
	text-align: center;
	line-height: 35px;
	
}
.event-textWrapped ul:nth-of-type(2) .last-child {
	background: gold;
	color: #000;
}
.event-textWrapped ul:nth-of-type(2) .last-child2 {
	background: none;
	width: 80px;
	border: 0px;
	overflow: visible;
	font-size: 12px;
	line-height: 35px;
	color: #606060;
	margin-left: 15px;
}
.event-textWrapped ul:nth-of-type(2) li img {
	display: inline-block;
	object-fit: cover;
	width: 100%; 
}
.event-textWrapped ul:nth-of-type(2) span { 
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}
.wrapper-btm {
	position: relative;
	padding: 0px 20px 20px 20px;
}
.wrapper-btm a:nth-of-type(1){
	width: 78%;
	display: inline-block;
	line-height: 35px;
	font-size: 20px;
	color: #0cbc87;
	background: #d7f3e8;
	border: 1px solid #0cbc87;
	padding: 0px 15px 0px 15px;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	-webkit-transition: all 0.2s linear;
}
.wrapper-btm a:nth-of-type(2){
	width: 18%;
	display: inline-block;
	line-height: 35px;
	font-size: 20px;
	color: #51aaeb;
	background: #dbecfc;
	border: 1px solid #51aaeb;
	padding: 0px 15px 0px 15px;
	text-align: center;
	margin-left: 6px;
	text-decoration: none;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	-webkit-transition: all 0.2s linear;
}
.wrapper-btm a:nth-of-type(2):hover, 
.wrapper-btm a:nth-of-type(2):focus, 
.wrapper-btm a:nth-of-type(2):active {
	background: #51aaeb;
	color: #fff;
}
.wrapper-btm a:nth-of-type(1):hover, 
.wrapper-btm a:nth-of-type(1):focus, 
.wrapper-btm a:nth-of-type(1):active {
	background: #0cbc87;
	color: #fff;
}
.wrapper-btm a:nth-of-type(1) .fa-solid {
	margin-right: 7px;
}
.event____pg2 .event-header {
	min-height: 350px;
	background-position: center;
	position: relative;
	background-repeat: no-repeat;
	object-fit: cover;
}
 
.event____pg2 .event-header:after {
	position: absolute;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	bottom: 0px;
	left: 0px; 
	 background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 63%); 
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.event-header-date {
	width: 100%;
	height: 100%; 
	position: relative;
	z-index: 3; 
	top: 0px;
	bottom: 0px;
	left: 0px;
	padding: 10px;
}
.wrappedDate {
	width: 150px;
	height: 100px;
	background: #fff;
	border: 5px solid #fff;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	text-align: center;
	text-transform: capitalize !important;
}
.wrappedDate h3 {
	line-height: 45px;
	font-weight: 800;
}
.wrappedDate h3 span {
	display: block;
	width: 100%;
	line-height: 45px;
	background: #0cbc87;
	color: #fff;
	font-weight: 700;
	margin-top: -21px;
	font-size: 18px;
	text-align: center;
}
.event-btm-header {
	color: #fff;
	position: relative;
	margin-top: 120px; 
}
.event-btm-header h2 {
	font-weight: 800; 
}
.event-btm-header a {
	font-weight: 600; 
	color: #fff;
}

.event-btm-header a:nth-of-type(2) {
	padding: 0px 25px 0px 25px;
	line-height: 50px;
	background: #0cbc87;
	color: #fff;
	display: inline-block;
	float: right;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	margin-top: -35px;
	text-decoration: none;
}
.event-btm-header a:nth-of-type(2):hover {
	background: #0bac7b;
}
.event___details .text-warning {
	color: gold;
}
.event___details ul li {
	float: left;
}
.event___details label {
	padding: 10px; 
	font-weight: normal;
	color: red;
	background: #ffeaea;
}
.event___details p {
	color: #747474;
}
.event___details h2 {
	font-weight: 800;
	font-size: 22px;
	color: #000;
}

.event___details button {
	display: inline-block;
	padding: 0px 10px 0px 10px;
	line-height: 35px;
	background: #d7f3e8;
	margin-top: 21px;
	text-align: center;
	border: 1px solid #0cbc87;
	color: #0cbc87;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.event___details a {
	color: #000 !important;
}
.wrapped___attendances {
	position: relative;
	width: 100%;
	min-height: 50px;
	padding: 10px;
	margin-bottom: 40px;
}
.wrapped___attendances ul li {
	float: left;
	display: table;
	margin-left: -11px;
}
.wrapped___attendances ul li:nth-of-type(1) { 
	margin-left: 0px;
}
.wrapped___attendances ul li.text { 
	margin-left: 10px;
	line-height: 35px;
}
.img__attends {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border: 2px solid #fff;
	-webkit-box-shadow: 0px 0.3px 3px #848484;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
}
.img__attends img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wrapped___attendances .input-group-addon {
	background: transparent;
	border: 0px;
}
.wrapped___attendances .input-group  {
	margin-top: 21px;
}
.wrapped___attendances .input-group-addon i {
	font-size: 28px;
}

@media (max-width: 768px ){
	.event-btm-header a:nth-of-type(2) {
		float: none;
		margin-top: 21px;
		display: block;
		width: 150px;
		text-align: center;
	}
}

.event-portal p {
	color: #fff;
}

.event-portal h4 {
	width: 100%;
	min-height: 50px;
	padding: 16px;
	display: block;
	background: gold;
	-webkit-border-radius: 1.5em; 
	font-weight: bolder;
}

.product_ratings ul {
	margin-bottom: 5px;
	display: table; 
	list-style-type:none;
	  display:flex;
	  justify-content: center;
	width: 100%;
	margin-bottom: 18px;
}

.product_ratings li {
	background: transparent !important;
	padding: 0px !important; 
	margin-right: 5px !important;
	float: left;
	font-size: 12px;
	/* THE CENTER LIST ELEMENT */
	display:inline-block;
    *display:inline; /*IE7*/
    *zoom:1; /*IE7*/  
}
.product_ratings li:nth-of-type(1){
	margin-left: 12px;
}
.product_ratings li:nth-of-type(2),
.product_ratings li:nth-of-type(3),
.product_ratings li:nth-of-type(4),
.product_ratings li:nth-of-type(5),
.product_ratings li:nth-of-type(6){
	 margin-top: 7px;
}
.product_ratings li a {
	color: #c5c5c5;
}

.item-biz {
	border: 2px solid #ffffff; 
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.item-biz:hover {
	border: 2px solid green; 
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}

.membersprofile  {
	width: 100%;
	min-height: 200px; 
	background: #f6f5f8;
	margin-top: 21px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	padding: 20px;
}
.membersprofile .imgProfile {
	width: 150px;
	height: 150px; 
	background: #e5e5e5; 
	margin: 0 auto;
	border: 5px solid #fff;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
	overflow: hidden;
}
.membersprofile .imgProfileWrapp   { 
	position: relative;
	width: 150px;
	height: 150px;
	margin: 0 auto;
}
.membersprofile .imgProfileWrapp .online-tags  {
	 position: absolute;
	 display: inline-block;
	 width: 15px;
	 height: 15px; 
	 bottom: 25px;
	 right: 10px;
	 border: 2px solid #fff;
	 z-index: 99;
	 -webkit-border-radius: 5em; 
	 -moz-border-radius: 5em; 
	 -ms-border-radius: 5em; 
	 -o-border-radius: 5em; 
}
.bg-danger {
	background: #ff0000 !important;
}
.bg-success {
	background: #4fb056 !important;
}
.membersprofile .imgProfile h1 {
	color: #b9b9b9;
	line-height: 100px;
	font-size: 54px;
	font-weight: 800;
}
.membersprofile .imgProfile img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profileNames h4 {
	font-weight: 800;
	
} 
.profileNames h5 {
	color: #a1a1a1;
	text-transform: capitalize;
}
.profileNames a {
	display: inline-block;
	line-height: 35px;
	background: #d7f3e8;
	color: #0cbc87;
	text-decoration: none;
	padding: 0px 16px 0px 16px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	text-transform: capitalize;
}

.profileNames a:hover,
.profileNames a:focus,
.profileNames a:active {
	background: #0cbc87;
	color: #d7f3e8;
}

.profileNames button {
	display: inline-block;
	line-height: 35px;
	background: #d7f3e8;
	color: #0cbc87;
	text-decoration: none;
	padding: 0px 16px 0px 16px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	text-transform: capitalize;
	border: 0px;
}

.profileNames button:hover,
.profileNames button:focus,
.profileNames button:active {
	background: #0cbc87;
	color: #d7f3e8;
}

.two-step-verify {
	width: 400px;
	margin: 0 auto;
	min-height: 300px;
	background: #fff;
	margin-top: 30xp;
	text-align: center;
	padding: 30px;
}
 
.two-step-verify .form-control {
	text-align: center;
	
}
.two-step-verify button {
	width: 100% !important;
	margin-top: 6px;
	font-size: 16px !important;
	background: #20bca0 !important;
}
.two-step-verify button:nth-of-type(2){
	background: transparent !important;
	color: #20bca0;
}
 

.modal-confirm {		
	color: #434e65;
	width: 525px;
	max-width: 100%;
}
.modal-confirm .modal-content {
	padding: 20px;
	font-size: 16px;
	border-radius: 5px;
	border: none;
}
.modal-confirm .modal-header {
	background: #47c9a2;
	border-bottom: none;   
	position: relative;
	text-align: center;
	margin: -20px -20px 0;
	border-radius: 5px 5px 0 0;
	padding: 35px;
}
.modal-confirm h4 {
	text-align: center;
	font-size: 36px;
	margin: 10px 0;
}
.modal-confirm .form-control, .modal-confirm .btn {
	min-height: 40px;
	border-radius: 3px; 
}
.modal-confirm .close {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	text-shadow: none;
	opacity: 0.5;
}
.modal-confirm .close:hover {
	opacity: 0.8;
}
.modal-confirm .icon-box {
	color: #fff;		
	width: 95px;
	height: 95px;
	display: inline-block;
	border-radius: 50%;
	z-index: 9;
	border: 5px solid #fff;
	padding: 15px;
	text-align: center;
}
.modal-confirm .icon-box i {
	font-size: 58px;
	margin: -2px 0 0 -2px;
}

.modal-confirm .btn, .modal-confirm .btn:active {
	color: #59cc82 !important;
	border-radius: 4px;
	background: #dbffde !important;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	border-radius: 30px;
	margin-top: 10px;
	padding: 6px 20px;
	min-width: 150px;
	border: none;
}
.modal-confirm .btn:hover, .modal-confirm .btn:focus {
	background: #dbffde !important;
	outline: none;
}
.trigger-btn {
	display: inline-block;
	margin: 100px auto;
}
 


































.filelabel {
    width: 120px;
    border: 2px dashed grey;
    border-radius: 5px;
    display: block;
    padding: 5px;
    transition: border 300ms ease;
    cursor: pointer;
    text-align: center;
    margin: 0;
}
.filelabel i {
    display: inline-block;
    font-size: 20px;
    float: left;
    padding-bottom: 5px;
}
.filelabel i,
.filelabel .title {
  color: grey;
  transition: 200ms color;
}
.filelabel:hover {
  border: 2px solid #50d294;
}
.filelabel:hover i,
.filelabel:hover .title {
  color: #50d294;
}
#FileInput{
    display:none;
}


.btn-danger {
	color: #ff0000;
	background: #ffe3e3;
	border: 0px;
}
.logBtm {
	position: relative;
	width: 100%;
	min-height: 30px;
	text-align: center;
	padding-left: 20px;
}
.logBtm a {
	display: inline-block;
	padding: 0px 12px 0px 12px;
	line-height: 30px;
	background: #fbe9eb;
	color: #d6293e;
	text-decoration: none;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.nav-link i {
	color: #c9c9c9;
}
 
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #333333;
  opacity:0.5;  
}
    
#return-to-top {
	position: fixed;
	display: inline-block;
	right: 30px;
	bottom: 5%;
	background: #32b532;
	padding: 8px;
	width: 50px;
	height: 50px;
	z-index: 999;
	text-align: center;
	line-height: 25px;
	font-size: 24px;
	color: #000 !important;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
}
 

/* bootstrap Modal display in the middle page */
.modal  {
	 background: rgba(0,0,0,0.2);  
}
 

/* Important part */
.modal-dialog{
    overflow-y: initial !important
}
.modal-height .modal-body{
    height: 80vh;
    overflow-y: auto;
}
.modal-dialog {
	 
  margin-top: 0;
  margin-bottom: 0;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}

/* bootstrap Modal display in the middle page */

.swal-modal .swal-text {
    text-align: center !important;
}

.newsletter-subscribe-btm {
	width: 100%;
	min-height: 200px;
	padding: 80px 20px 30px 20px;
	position: relative;
	background: #286d25 url('../img/background/business-nusa-cover-11.JPG')no-repeat center 100%;
	background-size: cover;
	background-position: center;
}
.newsletter-subscribe-btm .input-group-addon {
	padding: 0px;
	background: transparent;
	border: 0px;
}
.newsletter-subscribe-btm h4 {
	font-weight: bolder;
	color: #ffffff;
	font-size: 16px; 
}
.newsletter-subscribe-btm button {
	height: 55px;
	line-height: 44px;
	width: 120px;
	border: 0px;
	background: #40d12d;
	font-size: 14px;
	color: #000000;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-border-bottom-right-radius: 5em;
	-webkit-border-top-right-radius: 5em;
	-moz-border-bottom-right-radius: 5em;
	-moz-border-top-right-radius: 5em;
	-ms-border-bottom-right-radius: 5em;
	-ms-border-top-right-radius: 5em;
	-o-border-bottom-right-radius: 5em;
	-o-border-top-right-radius: 5em;
}
.newsletter-subscribe-btm button:hover,
.newsletter-subscribe-btm button:focus,
.newsletter-subscribe-btm button:active {
	background: #182d36;
	color: #fff;
}
.newsletter-subscribe-btm .form-control {
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	height: 55px;
	text-indent: 30px;
}

.social-icon {
	display: inline-block;
	width: 45px;
	height: 45px;
	margin-right: 8px;
	background: #40d12d;
	color: #000 !important;
	text-align: center;
	line-height: 45px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
	font-size: 28px;
	margin-top: 21px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.social-icon:hover,
.social-icon:focus,
.social-icon:active {
	background: #fff;
	color: #40d12d;
}

.footer-area {
	width: 100%;
	min-height: 340px;
	background: #182d36 url('../img/background/bg-logo-transparent.PNG')no-repeat center 100%;
	background-size: 45%;
	position: relative;
	padding: 70px 20px 30px 20px;
}
.bottom-menu h4 {
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
}
.footer-btm {
	background: #0f2027;
	min-height: 45px;
	width: 100%;
	position: relative; 
}

.bottom-menu ul li {
	list-style-type: none; 
}
.bottom-menu ul li a {
	color: #179647; 
	line-height: 30px;
}
.bottom-menu ul li a:hover,
.bottom-menu ul li a:focus, 
.bottom-menu ul li a:active {
	color: #d5f9e2;  
}
.footer-btm .container {
	border-top: 2px solid #254451;
}
.footer-btm p{
	text-align: center;
	color: #b1b1b1;
	margin-top: 18px;
}
.link-ben {
	text-decoration: none !important;
	font-size: 12px;
	display: inline-block;
	padding: 0px 8px 0px 8px;
	line-height: 25px;
	border: 1px solid #1abe58;
	color: #1abe58;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.link-ben:hover,
.link-ben:focus,
.link-ben:active {
	color: #fff;
	background: #1abe58;
}